@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;
	margin-top: 60px;
	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.4;
    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: 20%;
}
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%
}
    body main .main_inner img{/*200914*/
    max-width: 100%;
    margin: 0 auto;
    height: auto;
}

/*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 0;
    border: 2px solid #9b9999;
    font-size: 1.5rem;
    clear: both;/*200918*/
     width: 700px!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;
        word-break: normal;/*200914*/
	
    vertical-align: middle;
}
body main .main_inner table td{
    padding: 15px 10px;
    border-right:1px solid #9b9999;
        vertical-align: middle;/*200917*/
	 word-break: normal;/*200914*/
}
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.index .main_inner ul li{/*200917*/
    padding-left: 0px;
}
body main .main_inner ul li{
    list-style:  none;
    margin:  0;
    padding: 0;
    margin-bottom: 8px;
    padding-left: 25px;/*200917-インデント*/
    text-indent: -16px;/*200923*/
}
body main.index .main_inner ul li{
    list-style:  none;
    margin:  0;
    padding: 0;
    margin-bottom: 0px;
    text-indent: 0px;/*200923*/
}
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;
}
#company main.index .main_inner ul li:before,
#products main.index .main_inner ul li:before{
    display: none;
}

/*▼200917追記*/
#company main .blueBox{
    background: #ebf2f8;
    padding: 20px;
    margin-top: 20px;
}
#company main .blueBox li{
    list-style-type: decimal-leading-zero;
    margin-left: 40px;
    margin-bottom: 10px;
}
/*▼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;
}
	
	/*230824追記*/
	body main .main_inner table th{
    word-break: break-word;
}
body main .main_inner table td{
    word-break: break-word;
}
}
/*--------------------------------------------------
company
----------------------------------------------------*/
/*▼ 1.index---------------------------------------*/
#company main .main_inner .btn_flex{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    justify-content: space-between;
    align-items: start;
    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;
    line-height: 1.25;
}
#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;/*200917*/
    margin-left: 20px;
    font-weight: 600;
        margin: 8px 0px;/*200917*/
}
/*#company main.message .main_inner ul li:before{
        display: none;
    }*/
/*▼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;
    box-sizing: border-box;/*200925*/
}
#company main.message .main_inner ul li{
    list-style: none;/*200917*/
    margin-left: 0px;/*200917*/
    font-weight: 600;
}

}/*/SP_end*/


/*▼ 3.ビジョン・ミッション  ---------------------------------------*/
#company main.vision .main_contents {
    width: 100%;
    margin: 0 auto;
}
#company main.vision .main_inner{
    width: 100%;
    margin: 80px auto;
    padding: 80px 0;
    background-image: url(../../company/vision/img/mission_bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: right;
}
#company main.vision .main_inner .inner2{
    width: 1100px;
    margin: 0 auto;
}
#company main.vision .main_inner h1{
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-size: 4.0rem;
    font-weight: 600;
    text-align: center;
    position: relative;
}
#company main.vision .main_inner h1:after{
    content: "";
    width: 1.5px;
    height: 40px;
    background: #0058a4;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    margin-top:60px;
}
#company main.vision .main_inner .point{
    margin-top: 20px;
}
#company main.vision .main_inner .point dl{
    display: flex;
    align-items: center;
}
#company main.vision .main_inner .point dt{
    font-style:italic;
    color:#367bbc;
    font-size: 7rem;
    margin-right: 30px;
}
#company main.vision .main_inner .point dd{
    font-weight: 600;
    font-size: 2.2rem;
}
#company main.vision .main_inner .mission{
    position: relative;
    width: 1100px;
    margin-top: 80px;
}
#company main.vision .main_inner .mission ul li{
        padding-left: 1em;
    text-indent: -2em;
}
#company main.vision .main_inner .mission .txt_area{
    position: absolute;
    top: 50px;
    right: 0;
    width: 600px;
}
#company main.vision .main_inner .mission .txt_area ul{
    width: 400px;
    margin: 30px auto 0;
}
#company main.vision .main_inner span.circle{
    color: #6098cb;
    padding-right: 10px;
}
#company main.vision .main_inner .mission .txt_area h2{
    background: #0058a4;
    color:#fff;
    font-size: 2rem;
    text-align: center;
    font-weight: bold;
     margin-top: 0;
    line-height: 1.5;
    padding: 8px;
}
#company main.vision .main_inner .mission2{
    width: 1100px;
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
}
#company main.vision .main_inner .mission2 div{
    width: 535px;
}
#company main.vision .main_inner .mission2 ul{
    margin-top: 30px;
    padding: 0 30px;
    box-sizing: border-box;
}
#company main.vision .main_inner .mission2 ul li{
        padding-left: 1em;
    text-indent: -1.8em;
}
#company main.vision .main_inner ul li:before/*200914*/{
    display: none;
}
#company main.vision .main_inner .mission2 div h2{
    background: #0058a4;
    color: #fff;
    font-size: 2.3rem;
    text-align: center;
    font-weight: bold;
    margin-top: 0;
}
/*▼SP---------------------------*/
@media only screen and (max-width: 767px){
    #company main.vision .read{
        width: 90%;
        margin: 0 auto;
    }
#company main.vision .main_contents {
    width: 100%;
    margin: 0 auto;
}
#company main.vision .main_inner{
    width: 100%;
    margin: 25px auto;
    padding: 50px 0;
}
#company main.vision .main_inner .inner2{
    width: 90%;
    margin: 0 auto;
}
#company main.vision .main_inner h1{
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-size: 2.5rem;
    font-weight: 600;
    text-align: center;
    position: relative;
}
#company main.vision .main_inner h1:after{
    content: "";
    width: 1.5px;
    height: 20px;
    background: #0058a4;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    margin-top:60px;
}
#company main.vision .main_inner .point{
    margin-top: 39px;
}
#company main.vision .main_inner .point dl{
    display: block;
    align-items: center;
}
#company main.vision .main_inner .point dt{
    font-style:italic;
    color:#367bbc;
    font-size: 3.4rem;
    margin-right: 30px;
    text-align: center;
}
#company main.vision .main_inner .point dd{
    font-weight: 600;
    font-size: 1.6rem;
}
#company main.vision .main_inner .mission{
    position: static;
    width: 100%;
    margin-top: 50px;
}
    #company main.vision .main_inner .mission img{
    width: 100%;
    display: block;
    }
#company main.vision .main_inner .mission .txt_area{
    position: static;
    top: 0;
    right: 0;
    width: 100%;
}
#company main.vision .main_inner .mission .txt_area ul{
        width: 100%;
    margin: 10px auto 0;

}
#company main.vision .main_inner .mission .txt_area h2{
    background: #0058a4;
    color:#fff;
    font-size: 2.0rem;
    text-align: center;
    font-weight: bold;
    padding: 5px;
     margin-top: 0;
}
#company main.vision .main_inner .mission2{
    width: 100%;
    display: block;
    justify-content: space-between;
    margin-top: 30px;
}
#company main.vision .main_inner .mission2 div{
    width: 100%;
}
#company main.vision .main_inner .mission2 ul{
    margin-top: 10px;
    padding: 0;
    box-sizing: border-box;
}
#company main.vision .main_inner .mission2 div h2{
    background: #0058a4;
    color: #fff;
    font-size: 2rem;
    text-align: center;
    font-weight: bold;
    padding: 5px;
     margin-top: 0;
}
    #company main.vision .main_inner .mission2 div:nth-child(2){
        margin-top: 30px;
    }
    #company main.vision .main_inner .mission ul li{
          padding-left: 2em;
    text-indent: -2em;
}

        #company main.vision .main_inner .mission2 ul li{
        padding-left: 2em;
    text-indent: -1.7em;
}
}/*/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*/

/*▼ .profile---------------------------------------*/
#company main.profile .main_inner p{
    padding-left: 15px;
}


/*▼ 4.コンプライアンス ---------------------------------------*/
/*▼SP---------------------------*/
@media only screen and (max-width: 767px){
    #company main.hse .main_inner img{
    float: none!important;
    display: block;
    margin-left: auto!important;
    }
}/*/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 .main_inner img{/*200917*/
    margin: 10px auto!important;
    display: block;
    max-width: 100%;
	height: auto;
}
#products main .main_inner div.link_area{/*200918*/
    margin-top:20px;
}
/*▼ 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;
}
/*▼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;
    }
}/*/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{
    width: 346px;
        padding: 0px;/*200924*/
}
#products main.environment .main_inner .sec01 .flex li p{/*200925*/
   text-indent: 0px;
}
#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;
	/*211224*/
	top: 50%;
	left: 20px;
	-webkit-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
}
#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/btn05.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/btn03.png);
}
#products main.environment .main_inner .sec02 .btn6 .img_area{
     background-image: url(../../products/environmental-catalyst-exhaust-gas-treatment/img/btn08.png);
}
#products main.environment .main_inner .sec02 .btn7 .img_area{
     background-image: url(../../products/environmental-catalyst-exhaust-gas-treatment/img/btn06.png);
}
#products main.environment .main_inner .sec02 .btn8 .img_area{
     background-image: url(../../products/environmental-catalyst-exhaust-gas-treatment/img/btn07.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: 90%;
    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;
     margin-top: 0;
}
#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: 56%;
    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%;
}
    #products main.oil .main_inner .sec02 .ttl,
    #products main.oil .main_inner .sec03 .ttl{
        margin-top: 0px;
    }
    #products main.oil .main_inner .sec02,
    #products main.oil .main_inner .sec03{
        margin-top: 30px;
    }
}/*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(../../../en/products/indoor-air-quality-control/img/btn01.png);
}
#products main.lineup .main_inner .sec01 .btn2 .img_area{
    background-image: url(../../../en/products/indoor-air-quality-control/img/btn02.png);
}
#products main.lineup .main_inner .sec01 .btn3 .img_area{
    background-image: url(../../../en/products/indoor-air-quality-control/img/btn03.png);
}
#products main.lineup .main_inner .sec01 .btn4 .img_area{
    background-image: url(../../../en/products/indoor-air-quality-control/img/btn04.png);
}
#products main.lineup .main_inner .sec01 .btn5 .img_area{
    background-image: url(../../../en/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 .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;
    }

}/*/spend*/

/*▼ 下層---------------------------------------*/
#products main .main_inner p:first-child{/*200917*/
    overflow: auto;
}
#products main.ozone-destruction-catalyst-for-indoor-applications .main_inner .float{/*200918*/
    float: right;
    margin-left: 10px;
}
#products main.ozone-destruction-catalyst-for-indoor-applications .main_inner .float img{/*200918*/
   display: inline-block;
}
#products main.types-of-combustion-method .img_area{/*200925*/
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
#products main.types-of-combustion-method .img_area p{/*200925*/
font-size: 1.4rem;
}

/*▼SP-----------*/
@media only screen and (max-width: 767px){
    #products main .main_inner img{
        float: none!important;
        display: block;
        margin-right: auto!important;
        margin-top: 5px;
    }
}/*sp_end*/

/*--------------------------------------------------
enzymefilter
----------------------------------------------------*/
/*▼ 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;

    border-bottom: 1px solid #0058a6;
    font-weight: bold;
    text-align: center;
    margin-bottom: 0px;
     margin-top: 0;
}
#enzymefilter main .main_inner .sec01 h2,
#enzymefilter main .main_inner .sec02,
#enzymefilter main .main_inner .sec03{
    margin-top:60px;
}
#enzymefilter main .main_inner .sec01 .box_flex img{
    display: block;
    margin: 30px auto 0;
}
#enzymefilter main .main_inner .sec01 p{
    margin-top: 30px;
}
#enzymefilter main .main_inner .sec01 .box_flex li.txt{
    text-align: center;
    margin: 30px auto 0;
}
#enzymefilter main .main_inner .sec02 .flex{
    display: flex;
    width: 1100px;
    flex-wrap: wrap;
    justify-content: space-between;
}
#enzymefilter main .main_inner .sec02 .flex2{
    display: block;
    width: 1100px;
    justify-content: space-between;
    margin-top: 40px;
    align-items: center;
    box-sizing: border-box;
}
#enzymefilter main .main_inner .sec02 .flex2 .img_area img{
       width: 390px;
    margin: 0 auto 20px;
    display: block;
}
#enzymefilter main .main_inner .sec02 .flex>div h2{
    background: #0058a4;
    color: #fff;
   font-size: 2.3rem;
    text-align: center;
    font-weight: bold;
     margin-top: 0;
}
#enzymefilter main .main_inner .sec02 .flex>div{
    width: 535px;
}
#enzymefilter main .main_inner .sec02 .flex>div img{
    width:80%;
    display: block;
    margin: 0 auto;
}
/*sec03*/
#enzymefilter main .main_inner .sec03 .flex{
    display: flex;
    justify-content: space-between;
    width: 1100px;
    flex-wrap: wrap;
}
#enzymefilter main .main_inner .sec03 .flex li{
    width: 535px;
}
#enzymefilter main .main_inner .sec03 .flex li a{
        padding: 0;
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    font-weight: 600;
    padding: 20px 25px;
    position: relative;
}
#enzymefilter main .main_inner .sec03 .flex li a:before{
    position: absolute;
    width: 11px;
    height: 20px;
    background-image: url(../../products/enzyme-filter/img/arrow.png);
    top:24px;
    left: 0;
    content: "";
}
#enzymefilter main .main_inner li:before{
    display: none;
}

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

}
#enzymefilter main .main_inner h2{
    color:#0058a6;
    border-bottom: 1px solid #0058a6;
    font-weight: bold;
    text-align: center;
    margin-bottom: 0px;
}
#enzymefilter main .main_inner .sec01 h2,
#enzymefilter main .main_inner .sec02,
#enzymefilter main .main_inner .sec03{
    margin-top:50px;
}
#enzymefilter main .main_inner .sec01 .box_flex img{
    display: block;
    margin: 30px auto 0;
    width: 100%;
}
#enzymefilter main .main_inner .sec01 p{
    margin-top: 30px;
}
#enzymefilter main .main_inner .sec01 .box_flex li.txt{
    text-align: center;
    margin: 30px auto 0;
}
#enzymefilter main .main_inner .sec02 .flex{
    display: block;
    width: 100%;
}
#enzymefilter main .main_inner .sec02 .flex2{
    display: block;
    width: 100%;
    margin-top: 40px;
}
#enzymefilter main .main_inner .sec02 .flex2 .img_area img{
    width:100%;
    margin-right: 0px;
}
#enzymefilter main .main_inner .sec02 .flex>div h2{
    background: #0058a4;
    color: #fff;
    font-size: 2rem;
    text-align: center;
    font-weight: bold;
    padding: 5px;
}
#enzymefilter main .main_inner .sec02 .flex>div{
    width: 100%;
}
    #enzymefilter main .main_inner .sec02 .flex>div:nth-child(2){
    margin-top: 30px;
}
#enzymefilter main .main_inner .sec02 .flex>div img{
    width:80%;
    display: block;
    margin: 0 auto;
}
/*sec03*/
#enzymefilter main .main_inner .sec03 .flex{
    display: block;
    width: 100%;
}
#enzymefilter main .main_inner .sec03 .flex li{
    width: 100%;
}
#enzymefilter main .main_inner .sec03 .flex li a{
        padding: 0;
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    font-weight: 600;
    padding: 15px 25px;
    position: relative;
}
#enzymefilter main .main_inner .sec03 .flex li a:before{
    position: absolute;
    width: 11px;
    height: 20px;
    background-image: url(../../products/enzyme-filter/img/arrow.png);
    top: 24px;
    left: 0;
    content: "";
    top: 50%;
    left: 10px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
}/*/SP_end*/


/*--------------------------------------------------
applications
----------------------------------------------------*/
/*▼ index---------------------------------------*/
#performance-list main .mv,
#applications main .mv{
    background-image: url(../../common/img/performance-list_mv_bg.png);
    background-size: cover;
}
#performance-list main .main_inner a{
    color: #0058a4;
}
#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;
     margin-top: 0;
}
#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;
    font-weight:bold;
}
#performance-list main .main_inner .sec ul li{
    width: 260px;
}
#performance-list main .main_inner .sec ul li.ttl_1,
#performance-list main .main_inner .sec ul li a.ttl_1_Phenol{
    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: "";

    width:9px ;
    height:16px ;
    position: absolute;
    top: 2px;
    left: 0;
}
#performance-list main .main_inner .sec02 ul .block p a{
    color: #000;
}
#performance-list main .main_inner .sec02 ul .block p{/*200923*/
    position: relative;
    padding-left: 16px;
}
#performance-list main .main_inner .sec02 ul .block p:before{/*200923*/
    content: "";
    background-image: url(../../applications/img/ttl_before.png);
    background-color: #fff;
    width:8px ;
    height:16px ;
    position: absolute;
    top: 7px;
    left: 0px;
}
#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;
    color: #0058a4;
    font-weight: 600;
}
#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.block ul+ul{
	margin-top:30px;
}
#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;
}
/*▼200917*/
#performance-list main.index .main_inner .link_none{
    color:#afafaf;
}
#applications main .main_inner img{
    margin: 10px auto;
    display: block;
    max-width: 100%;
    height: auto;
}
/*▼200909*/
#performance-list main .main_inner .sec ul li a.ttl_1_Phenol:before{
    content: "";
   background: #fff;
    width:9px ;
    height:16px ;
    position: absolute;
    top: 11px;
    left: 0;
    z-index: -5;
}
/*▼200910*/
#performance-list main .main_inner .sec .ttl_bl{
    color: #000;
}
#performance-list main .main_inner .sec .ttl_bl li:before,
#performance-list main .main_inner .sec li.li_none:before,
#performance-list main .main_inner .sec li.ozon:before{
    display: none;
}

/*▼200916～200918*/
#performance-list main .main_inner .sec li.li_none{
    padding-left: 0px;
}
#performance-list main .main_inner .sec02 li.cure:before{
    left: -14px!important;
}
#performance-list main .main_inner .sec li.ozon a{
    font-size: 1.8rem;
}
#performance-list main .main_inner .sec li.ozon a:before{
    top: 7px;
    left: 0px;
    background-image: url(../../applications/img/arrow_m.png);
    width: 9px;
    height: 16px;
}

/*211221*/
#performance-list main .main_inner .sec04 .ttl{
    background-image: url(../../applications/img/ttl_img_04.png);
    background-size: cover;
    margin-top: 60px;
}
#performance-list main .main_inner .sec04 .ttl a{
    display: block;
    width: 100%;
    height: 100%;
}
#performance-list main .main_inner .sec05 .ttl{
    background-image: url(../../applications/img/ttl_img_05.png);
    background-size: cover;
    margin-top: 60px;
}
#performance-list main .main_inner .sec05 .ttl a{
    display: block;
    width: 100%;
    height: 100%;
}



/*211221---------------------------*/
#performance-list main .main_inner .sec02 ul.box_2107{
    justify-content: flex-start;
    align-items: flex-start;
}
#performance-list main .main_inner .sec02 ul.box_2107 li.ttl_box_21,
#performance-list main .main_inner .sec02 ul.box_2107 li.ttl_box_2ml{
    margin-left: 30px;
}
#performance-list main .main_inner .sec02 ul li.ttl_box_21 a{
    color: #0058a4;
    display: block;
    margin-bottom: 5px;
    position: relative;
    padding-left: 18px;
}
#performance-list main .main_inner .sec02 ul li.ttl_box_21 a:before{
    content: "";
    background-image: url(../../applications/img/arrow_m.png);
    background-color: #fff;
    width: 9px;
    height: 16px;
    position: absolute;
    top: 7px;
    left: 0;
}
/*211221---------------------------*/
/*▼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;
    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: "";

    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;
}
	/*211221---------------------------*/
    #performance-list main .main_inner .sec02 ul.box_2107{
        justify-content: flex-start;
        align-items: flex-start;
    }
    #performance-list main .main_inner .sec02 ul.box_2107 li.ttl_box_21,
    #performance-list main .main_inner .sec02 ul.box_2107 li.ttl_box_2ml{
        margin-left: 0px;
    }
    #performance-list main .main_inner .sec02 ul li.ttl_box_21 a{
        color: #0058a4;
        display: block;
        margin-bottom: 20px;
        position: relative;
        padding-left: 18px;
        line-height: 1;
    }
    #performance-list main .main_inner .sec02 ul li.ttl_box_21 a:before{
        content: "";
        background-image: url(../../applications/img/arrow_m.png);
        width: 9px;
        height: 16px;
        position: absolute;
        top: 7px;
        left: 0;
    }
/*211221---------------------------*/
    
}/*/SP_end*/


/*--------------------------------------------------
rd
----------------------------------------------------*/
#rd main .mv{/*200925*/
    background-image: url(../../common/img/rd_mv_bg.png);
    }
#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: 8px;
    color: #fff;
    text-align: center;
    font-size: 2rem;
    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.index .main_inner li:before{
    display: none;
}

/*▼200917*/
#rd main .main_inner img{
        margin: 10px auto;
    display: block;
    max-width: 100%;
    height: auto;
}
/*▼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%;
}
    #rd main .main_inner img{/*200914*/
        display: block;
        margin: 0 auto;
    }
}/*/SP_end*/


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

}


/*--------------------------------------------------
下層-問い合わせテーブル 200914
----------------------------------------------------*/
body main .main_inner table:last-child{
width: 100%!important;
}
/*▼SP-----------*/
@media only screen and (max-width: 767px){
body main .main_inner table:last-child input{
width: 100%;
height: auto;
white-space: normal;
}
}

/*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;}
.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{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{width:100%;margin-right:0;}
#products main.guidedwave .main_inner .layoutflex .contLeft001{width:100%;margin-right:0;}
body main .main_inner ul.layoutflex li{padding-left:0;}
}




/*--------------------------------------------------
2021年6月新規ページ
--------------------------------------------------*/
/*product - carbonfree/index---------------------*/
#products main.index.carbonfree ul li{
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 8px;
    padding-left: 25px;
    text-indent: -16px;
}
#products main.index.carbonfree ul li:before{
    content: "";
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: #6098cb;
    border-radius: 50%;
    position: relative;
    top: -1px;
    margin-right: 5px;
}
#products main.index.carbonfree .main_inner ul.btn li a{
    display: block;
    width: 100%;
    /*height: 100%;*/
    height: 94px;
    box-sizing: border-box;
    padding: 30px 20px;
    border: 3px solid #64b8ec;
    font-weight: 600;
    position: relative;
}
#products main.index.carbonfree .main_inner ul.btn li.li2 a{
    padding: 20px 20px;
}
#products main.index.carbonfree .main_inner ul.btn{
    display: flex;
    width: 1100px;
    flex-wrap: wrap;
    justify-content: space-between;
}
#products main.index.carbonfree .main_inner ul.btn li{
    width: 535px;
    box-sizing: border-box;
    margin-top: 30px; 
}
#products main.index.carbonfree .main_inner ul.btn1 li a:after{
    content: "";
    width: 11px;
    height: 20px;
    background-image: url(../../products/enzymefilter/img/arrow_1.png);
    position: absolute;
    top: 40%;
    right: 20px;
}
/*ボタン*/
#products main.index.carbonfree .main_inner .sec02 .flex{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#products main.index.carbonfree .main_inner .sec02 .flex .btn{
    width: 535px;
    margin-top: 60px;
}
#products main.index.carbonfree .main_inner .sec02 .flex .btn a{
   width: 100%;
    height: 100%;
    display: block;
}
#products main.index.carbonfree .main_inner .sec02 .flex .btn:nth-child(1),
#products main.index.carbonfree .main_inner .sec02 .flex .btn:nth-child(2){
    margin-top: 0px;
}
#products main.index.carbonfree .main_inner .sec02 .flex .btn .img_area{
    width: 100%;
    position: relative;
    height: 120px;
    background-size: cover;
}
#products main.index.carbonfree .main_inner .sec02 h3.sec_ttl{
    margin-top: 60px;
    margin-bottom: 20px;
}
#products main.index.carbonfree .main_inner .sec02 .flex .btn .img_area h3{
    font-size: 2rem;
    /* position: absolute; */
    /* top: 38%; */
    /* left: 20px; */
    color: #272727;
    font-weight: 600;
    margin: 0;
    border: none;
    position: absolute;
    top: 50%;
    left: 20px;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    text-shadow: 1px 1px 3px #fff, 1px 1px 3px #fff, 1px 1px 3px #fff, 1px 1px 3px #fff, 1px 1px 3px #fff, 1px 1px 3px #fff, 1px 1px 3px #fff, 1px 1px 3px #fff, 1px 1px 3px #fff, 1px 1px 3px #fff;
}
#products main.index.carbonfree .main_inner .sec02 .flex .btn .img_area h3 span{
    font-size: 1.4rem;
    display: block;
    margin-top: 10px;
    width: 61%;
    line-height: 1.5;
}
#products main.index.carbonfree .main_inner .sec02 .flex .btn .img_area h3 span.link{
    color: #0058a4;
    font-weight: normal;
    font-size: 1.3rem;
}
#products main.index.carbonfree .main_inner .sec02 .flex .btn p{
    margin-top: 10px;
    line-height: 1.5;
}
##products main.index.carbonfree .main_inner .sec02 img{
    margin: 0 auto;
    display: block;
}
#products main.index.carbonfree .main_inner .sec02 .btn1 .img_area{
    background-image: url(../../products/carbonfree/img/btn01_pc.jpg);
}
#products main.index.carbonfree .main_inner .sec02 .btn2 .img_area{
    background-image: url(../../products/carbonfree/img/btn02_pc.jpg);
}
#products main.index.carbonfree .main_inner .sec02 .btn3 .img_area{
    background-image: url(../../products/carbonfree/img/btn03_pc.jpg);
}
#products main.index.carbonfree .main_inner .sec02 .btn4 .img_area{
    background-image: url(../../products/carbonfree/img/btn04.jpg);
}
#products main.index.carbonfree .main_inner .sec02 .btn5 .img_area{
    background-image: url(../../products/carbonfree/img/btn05.jpg);
}
#products main.index.carbonfree .main_inner .sec02 .btn6 .img_area{
    background-image: url(../../products/carbonfree/img/btn06.jpg);
}
#products main.index.carbonfree .main_inner .sec02 .btn7 .img_area{
    background-image: url(../../products/carbonfree/img/btn07.jpg);
}
#products main.index.carbonfree .main_inner .sec02 .btn8 .img_area{
    background-image: url(../../products/carbonfree/img/btn08.jpg);
}
#products main.index.carbonfree .main_inner .sec02 .btn9 .img_area{
    background-image: url(../../products/carbonfree/img/btn09.jpg);
}
#products main.index.carbonfree .main_inner .sec02 ul.list{
    margin: 20px auto 30px;
}
@media only screen and (max-width: 767px){
    #products main.index.carbonfree .main_inner ul.btn li a{
        display: block;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        padding: 20px 40px 20px 20px;
        font-weight: 600;
    }
    #products main.index.carbonfree .main_inner ul.btn{
        display: block;
        width: 100%
    }
    #products main.index.carbonfree .main_inner ul.btn li{
        width: 100%;
        box-sizing: border-box;
        margin-top: 5%; 
    }
    #products main.index.carbonfree .main_inner ul.btn1 li a:after{
        content: "";
        width: 11px;
        height: 20px;
        background-image: url(../../products/enzymefilter/img/arrow_1.png);
        position: absolute;
        top: 40%;
        right: 20px;
    }
    /*ボタン*/
    #products main.index.carbonfree .main_inner .sec02 .flex .btn{
    width: 100%;
    margin-top: 30px;
    }
    #products main.index.carbonfree .main_inner .sec02 .flex .btn a{
    width: 100%;
    height: 100%;
    display: block;
    }
   #products main.index.carbonfree .main_inner .sec02 .flex .btn:nth-child(1){
        margin-top: 0px;
    }
    #products main.index.carbonfree .main_inner .sec02 .flex .btn:nth-child(2){
    margin-top: 30px;
    }
    #products main.index.carbonfree .main_inner .sec02 .flex .btn .img_area{
    width: 100%;
    position: relative;
    height: 110px;
    background-size: cover;
    }
    #products main.index.carbonfree .main_inner .sec02 .flex .btn .img_area h3{
        font-size: 2rem;
        position: absolute;
        color: #272727;
        font-weight: 600;
        text-align: left;
            width: auto;
        text-shadow: 1px 1px 3px #fff, 1px 1px 3px #fff, 1px 1px 3px #fff, 1px 1px 3px #fff, 1px 1px 3px #fff, 1px 1px 3px #fff, 1px 1px 3px #fff, 1px 1px 3px #fff, 1px 1px 3px #fff, 1px 1px 3px #fff;
    }
    #products main.index.carbonfree .main_inner .sec02 .flex .btn .img_area h3 span{
        font-size: 1.2rem;
        width: 100%;
        /* text-shadow: 2px 2px 0 #fff, -2px -2px 0 #fff; */
        text-shadow: 1px 1px 3px #fff, 1px 1px 3px #fff, 1px 1px 3px #fff, 1px 1px 3px #fff, 1px 1px 3px #fff, 1px 1px 3px #fff, 1px 1px 3px #fff, 1px 1px 3px #fff, 1px 1px 3px #fff, 1px 1px 3px #fff;
    }
    #products main.index.carbonfree .main_inner .sec02 .btn1 .img_area{
    background-image: url(../../products/carbonfree/img/btn01.jpg);
    }
    #products main.index.carbonfree .main_inner .sec02 .btn2 .img_area{
        background-image: url(../../products/carbonfree/img/btn02.jpg);
    }
    #products main.index.carbonfree .main_inner .sec02 .btn3 .img_area{
        background-image: url(../../products/carbonfree/img/btn03.jpg);
    }
    
}
/*product - corting/index---------------------*/
#products main.coating .main_inner .sec04 .flex img{
    width: auto;
}
#products main.coating .main_inner .sec04 .flex ul{
    margin: 0;
    box-sizing: border-box;
    width: 760px;
}
#products main.coating .main_inner img.left_img{
    display: inline;
    text-align: left;
    vertical-align: middle;
    margin-left: 20px;
}
#products main.coating .main_inner .sec07 ul{
    justify-content: space-between;
}
#products main.coating .main_inner .sec07 ul li{
    background: #f1f1f1;
    padding: 15px 15px 15px 30px;
    box-sizing: border-box;
    width: 49%;
}
#products main.coating .main_inner .sec07 ul li:nth-child(3),
#products main.coating .main_inner .sec07 ul li:nth-child(4){
    margin-top: 20px;
}
#products main.coating .main_inner .sec07 ul li img{
    margin-top: 15px;
}
@media only screen and (max-width: 767px){
    #products main.coating .main_inner .sec04 .flex img{
    width: 100%;
    }
    #products main.coating .main_inner .sec04 .flex ul{
    margin: 0;
    box-sizing: border-box;
    width: 100%;
    }
    #products main.coating .main_inner img.left_img{
    display: block;
    text-align: center;
    margin: 0 auto;
    }
    #products main.coating .main_inner .sec07 ul li{
    background: #f1f1f1;
    padding: 5% 5% 5% 10%;
    box-sizing: border-box;
    width: 100%;
    }
    #products main.coating .main_inner .sec07 ul li:nth-child(3),
    #products main.coating .main_inner .sec07 ul li:nth-child(4){
    margin-top: 20px;
    }
    #products main.coating .main_inner .sec07 ul li img{
    margin-top: 15px;
    }
}




/*product - co2---------------------*/
#products main.co2 .box ul.box_flex:nth-child(1){
    margin-bottom: 30px;
}
#products main.co2 .box_flex{
    align-items: center;
    flex-wrap: nowrap;
    margin: 0px auto 0;
}
#products main.co2 .box_flex li{
    padding-left: 0px;
    text-indent: 0px;
    width: auto;
    margin-bottom: 0;
}
#products main.co2 p{
    margin-bottom: 0;
}
#products main.co2 .box_flex li img{
    width: 330px;
    display: block;
    box-sizing: border-box;
}
#products main.co2 .box_flex li:before{
    display: none;
}
/*#products main.co2 p.ttl_y{
    display: block;
    margin: 20px auto;
    text-align: center;
    font-size: 1.8rem;
    font-weight: 600;
    padding: 18px 10px;
    border: 1px solid #0058a6;
    color: #0058a6;
}*/
#products main.co2 table{
    width: 100%!important;
    margin: 0;
}
#products main.co2 p.ttl_y{
    text-align: center;
    padding: 15px 0px;
    margin-top: 28px;
    margin-bottom: 28px;
}
#products main.co2 p.ttl_y_2{
    margin-top: 36px;
    margin-bottom: 36px;
}
#products main.co2 p.ttl_y span{
    display: inline;
    margin: 20px auto;
    text-align: center;
    font-size: 1.8rem;
    font-weight: 600;
    padding: 18px 50px 18px 90px;
    border: 2px solid #0058a6;
    color: #383838;
    width: auto;
    position: relative;
}
#products main.co2 p.ttl_y span:before{
    position: absolute;
    content: "";
    background-image: url(../../products/carbonfree/CO2/img/point_icon.png);
    width: 30px;
    height: 30px;
    left: 45px;
    top: 13px;
    
}
#products main.co2 .box{
   margin-bottom: 80px;
}
#products main.co2 .sec02 img.img_30{
    margin-bottom: 20px;
}

@media only screen and (max-width: 767px){
    #products main.co2 .box{
         margin-bottom: 10%;
    }
    #products main.co2 p.ttl_y span{
        display: block;
        margin: 20px auto;
        text-align: left;
        font-size: 1.5rem;
        font-weight: 600;
        padding: 4% 4% 4% 14%;
        border: 2px solid #0058a6;
        color: #383838;
        width: 100%;
        box-sizing: border-box;
    }
    #products main.co2 p.ttl_y span:before{
        position: absolute;
        content: "";
        background-image: url(../../products/carbonfree/CO2/img/point_icon.png);
        width: 30px;
        height: 30px;
        left: 10px;
        top: 21%;

    }
    #products main.co2 p.ttl_y,
    #products main.co2 p.ttl_y_2{
        margin: 0 auto;
        padding: 0;
    }
}

/*product - Custom---------------------*/
#products main.Custom .box_flex{
    align-items: stretch;
    flex-wrap: wrap;
    width: 1100px;
}
#products main.Custom .box_wrap strong{
    text-align: center;
    display: block;
    display: block;
    text-align: center;
    font-size: 1.8rem;
    margin-bottom: 20px;
    background: #0058a6;
    color: #fff;
    line-height: 1;
    padding: 10px 0;
}
#products main.Custom .box_wrap > div{
    width: 306px;
    background: #f0f0f0;
    padding: 20px;
    border-radius: 10px;
}
#products main.Custom .box_wrap > div:nth-child(1){
    background: #ebf0f3;
}
#products main.Custom .box_wrap > div:nth-child(2){
    background: #f9f2e2;
}
#products main.Custom .box_wrap > div:nth-child(2) strong{
    background:#e2b141;
}
#products main.Custom .box_wrap > div:nth-child(2) ul li:before{
    background-color: #e2b141;
}
#products main.Custom .box_wrap > div:nth-child(3){
    background: #e7f3e9;
}
#products main.Custom .box_wrap > div:nth-child(3) strong{
    background:#66af72;
}
#products main.Custom .box_wrap > div:nth-child(3) ul li:before{
    background-color: #66af72;
}

#products main.Custom .box_wrap_2 > div:nth-child(1){
    background: #ffecec;
}
#products main.Custom .box_wrap_2 > div:nth-child(1) strong{
    background:#e88e8e;
}
#products main.Custom .box_wrap_2 > div:nth-child(1) ul li:before{
    background-color: #e88e8e;
}

#products main.Custom .box_wrap_2 > div:nth-child(2){
    background: #efedf5;
}
#products main.Custom .box_wrap_2 > div:nth-child(2) strong{
    background:#9c8ec3;
}
#products main.Custom .box_wrap_2 > div:nth-child(2) ul li:before{
    background-color: #9c8ec3;
}


#products main.Custom .box_wrap ul{
    margin-left: 16px;
}
#products main.Custom .box_wrap ul li{
    width: auto;
    margin: 0;
    padding: 0;
}
#products main.Custom .box_wrap_2{
    width: 100%;
}
#products main.Custom .box_wrap_2_all{
    padding: 20px;
    border-radius: 10px;
    width: 1100px;
    box-sizing: border-box;
    margin-top: 30px;
    border: 1px solid #c5c5c5;
}
#products main.Custom .box_wrap_2_all strong{
    text-align: center;
    display: block;
    display: block;
    text-align: center;
    font-size: 1.8rem;
    margin-bottom: 20px;
    background: #0058a6;
    color: #fff;
    line-height: 1;
    padding: 10px 0;
}
#products main.Custom .box_wrap_2_all strong.ttl_bgn{
    background: none;
    color: #000;
}
#products main.Custom .box_wrap_2 > div{
    width: 45%;
    padding: 20px;
    border-radius: 20px;
    background: #f0f0f0;
}
#products main.Custom .box_wrap_2 ul{
    margin-left: 16px;
}
#products main.Custom .box_wrap_2 ul li{
    width: auto;
    margin: 0;
    padding: 0;
}


/*210803追記*/
#products main.Custom .sec02 .box_flex,
#products main.Custom .sec03 .box_flex{
    align-items: flex-start;
    flex-wrap: nowrap;
    width: 1100px;
    justify-content: space-between;
}
#products main.Custom .box_flex .small_box .st_ttl{
    display: block;
    text-align: center;
    font-size: 1.8rem;
    margin-bottom: 20px;
    background: #0058a6;
    color: #fff;
    line-height: 1;
    padding: 10px 0;
}
#products main.Custom .sec02 .box_flex > div,
#products main.Custom .sec03 .box_flex > div{
    width: 45%;
    background: #f0f0f0;
    padding: 0 20px 20px 20px;
    border-radius: 10px;
}
#products main.Custom .sec02 .box_flex > div img,
#products main.Custom .sec03 .box_flex > div img{
    margin: 10px auto;
    display: block;
}


#products main.Custom .box_flex ul{
    margin: 0;
    padding: 0;
}
#products main.Custom .box_flex ul li{
    margin: 0;
    padding: 0;
    text-indent: inherit;
}
#products main.Custom .box_flex .small_box{
    margin-top: 20px;
}
#products main.Custom ul > li > ul{
    padding: 0;
    margin: 0;
}
#products main.Custom ul > li > ul > li{
    padding: 0;
    margin: 0;
    text-indent: initial;
}
#products main.Custom ul > li > ul > li > p{
    margin-left: 16px;
}
#products main.Custom ul > li > ul > li:before{
    display: none;
}

#products main.Custom .sec02 .box_flex > div:nth-child(1){
    background: #e3f2fb;
}
#products main.Custom .sec02 .box_flex > div:nth-child(1) .small_box .st_ttl{
    background: #65aeda;
}
#products main.Custom .sec02 .box_flex > div:nth-child(1) ul li:before{
    background-color: #65aeda;
}
#products main.Custom .sec02 .box_flex > div:nth-child(2){
    background: #daeff1;
}
#products main.Custom .sec02 .box_flex > div:nth-child(2) .small_box .st_ttl{
    background: #58b1b9;
}
#products main.Custom .sec02 .box_flex > div:nth-child(2) ul li:before{
    background-color: #58b1b9;
}

#products main.Custom .sec03 .box_flex > div:nth-child(1){
    background: #e9eff5;
}
#products main.Custom .sec03 .box_flex > div:nth-child(1) .small_box .st_ttl{
    background: #4c759e;
}
#products main.Custom .sec03 .box_flex > div:nth-child(1) ul li:before{
    background-color: #4c759e;
}
#products main.Custom .sec03 .box_flex > div:nth-child(2){
    background: #f2f2ff;
}
#products main.Custom .sec03 .box_flex > div:nth-child(2) .small_box .st_ttl{
    background: #9191d4;
}
#products main.Custom .sec03 .box_flex > div:nth-child(2) ul li:before{
    background-color: #9191d4;
}
#products main.Custom img.left_img{
    display: inline;
    text-align: left;
}
#products main.Custom .sec05 .box_flex{
    justify-content: space-between;
}
#products main.Custom .sec05 .box_flex div{
    width: 49%;
        background: none;
}
#products main.Custom .sec05 .box_flex > div:nth-child(1) .small_box .st_ttl,
#products main.Custom .sec05 .box_flex > div:nth-child(2) .small_box .st_ttl{
    background: none;
}
#products main.Custom .sec05 .box_flex > div:nth-child(1) ul li:before,
#products main.Custom .sec05 .box_flex > div:nth-child(2) ul li:before{
    background-color: #6098cb;
}

/*#products main.Custom #sec02,*/
#products main.Custom #sec01,
#products main.Custom #sec03{
        margin-top:-100px;
        padding-top:100px;
    }
/*210803追記ここまで*/

@media only screen and (max-width: 767px){
    /*product - co2*/
    #products main.Custom .box_flex{
        align-items: stretch;
        flex-wrap: wrap;
        width: 100%;
    }
    #products main.Custom .box_wrap strong{
        text-align: center;
        display: block;
    }
    #products main.Custom .box_wrap > div{
        width: 100%;
        background: #f0f0f0;
        padding: 5%;
        border-radius: 10px;
        box-sizing: border-box;
        margin-top: 5%;
    }
    #products main.Custom .box_wrap ul{
        margin-left: 16px;
    }
    #products main.Custom .box_wrap ul li,
    #products main.Custom .box_wrap ul li:nth-child(1){
        width: auto;
        margin: 0!important;
        padding: 0!important;
    }
    #products main.Custom .box_wrap_2{
        width: 100%;
    }
    #products main.Custom .box_wrap_2_all{
        background: none;
        padding: 20px;
        border-radius: 10px;
        width: 100%;
        box-sizing: border-box;
        margin-top: 30px;
    }
    #products main.Custom .box_wrap_2_all strong{
        text-align: center;
        display: block;
        margin-bottom: 20px;
    }
    #products main.Custom .box_wrap_2_all strong.ttl_bgn{
        text-align: center;
        display: block;
        color: #000;
        background: none;
    }
    #products main.Custom .box_wrap_2 > div{
        background: #f0f0f0;
        padding: 20px;
        border-radius: 10px;
        width: 100%;
        box-sizing: border-box;
        margin-top: 30px;
    }
    #products main.Custom .box_wrap_2 > div:last-child{
        margin-top: 5%;
    }
    #products main.Custom .box_wrap_2 ul{
        margin-left: 16px;
    }
    #products main.Custom .box_wrap_2 ul li,
    #products main.Custom .box_wrap_2 ul li:nth-child(1){
        width: auto;
        margin: 0!important;
        padding: 0!important;
    }
    /*210803追記*/
    #products main.Custom .sec02 .box_flex, #products main.Custom .sec03 .box_flex{
        width: 100%;
    }
    #products main.Custom .sec02 .box_flex > div, #products main.Custom .sec03 .box_flex > div{
        width: 100%;
        padding: 5%;
        box-sizing: border-box;
        margin-bottom: 5%;
    }
    #products main.Custom .sec02 .box_flex .small_box,
    #products main.Custom .sec03 .box_flex .small_box{
        margin-top: 0px;
    }
    #products .Custom .sec02 .box_flex li:nth-child(1), 
    #products .Custom .sec02 .box_flex li:nth-child(2),
    #products .Custom .sec03 .box_flex li:nth-child(1), 
    #products .Custom .sec03 .box_flex li:nth-child(2){
        margin-top: 0px;
    }
}


/*product - material---------------------*/
#products main.material .box_flex{
    align-items: flex-start;
    flex-wrap: nowrap;
    width: 1100px;
    justify-content: space-between;
}
#products main.material .box_flex .small_box .st_ttl{
    display: block;
    text-align: center;
    font-size: 1.8rem;
    margin-bottom: 20px;
    background: #0058a6;
    color: #fff;
    line-height: 1;
    padding: 10px 0;
}
#products main.material .box_flex > div{
    width: 45%;
    background: #f0f0f0;
    padding: 0 20px 20px 20px;
    border-radius: 10px;
}
#products main.material .box_flex > div img{
    margin: 10px auto;
    display: block;
}

#products main.material .box_flex > div:nth-child(1){
    background: #e7f3e9;
}
#products main.material .box_flex > div:nth-child(1) .small_box .st_ttl{
    background: #66af72;
}
#products main.material .box_flex > div:nth-child(1) ul li:before{
    background-color: #66af72;
}

#products main.material .box_flex > div:nth-child(2){
    background:#f9f2e2;
}
#products main.material .box_flex > div:nth-child(2) .small_box .st_ttl{
    background: #e2b141;
}
#products main.material .box_flex > div:nth-child(2) ul li:before{
    background-color: #e2b141;
}


#products main.material .box_flex ul{
    margin: 0;
    padding: 0;
}
#products main.material .box_flex ul li{
    margin: 0;
    padding: 0;
    text-indent: inherit;
}
#products main.material .box_flex .small_box{
    margin-top: 20px;
}
#products main.material ul > li > ul{
    padding: 0;
    margin: 0;
}
#products main.material ul > li > ul > li{
    padding: 0;
    margin: 0;
    text-indent: initial;
}
#products main.material ul > li > ul > li > p{
    margin-left: 16px;
}
#products main.material ul > li > ul > li:before{
    display: none;
}

#products main.material .sec02 .box_flex > div:nth-child(1){
    background: #e3f2fb;
}
#products main.material .sec02 .box_flex > div:nth-child(1) .small_box .st_ttl{
    background: #65aeda;
}
#products main.material .sec02 .box_flex > div:nth-child(1) ul li:before{
    background-color: #65aeda;
}
#products main.material .sec02 .box_flex > div:nth-child(2){
    background: #daeff1;
}
#products main.material .sec02 .box_flex > div:nth-child(2) .small_box .st_ttl{
    background: #58b1b9;
}
#products main.material .sec02 .box_flex > div:nth-child(2) ul li:before{
    background-color: #58b1b9;
}

#products main.material .sec03 .box_flex > div:nth-child(1){
    background: #e9eff5;
}
#products main.material .sec03 .box_flex > div:nth-child(1) .small_box .st_ttl{
    background: #4c759e;
}
#products main.material .sec03 .box_flex > div:nth-child(1) ul li:before{
    background-color: #4c759e;
}
#products main.material .sec03 .box_flex > div:nth-child(2){
    background: #f2f2ff;
}
#products main.material .sec03 .box_flex > div:nth-child(2) .small_box .st_ttl{
    background: #9191d4;
}
#products main.material .sec03 .box_flex > div:nth-child(2) ul li:before{
    background-color: #9191d4;
}
#products main.material img.left_img{
    display: inline;
    text-align: left;
}
#products main.material .sec05 .box_flex{
    justify-content: space-between;
}
#products main.material .sec05 .box_flex div{
    width: 49%;
        background: none;
}
#products main.material .sec05 .box_flex > div:nth-child(1) .small_box .st_ttl,
#products main.material .sec05 .box_flex > div:nth-child(2) .small_box .st_ttl{
    background: none;
}
#products main.material .sec05 .box_flex > div:nth-child(1) ul li:before,
#products main.material .sec05 .box_flex > div:nth-child(2) ul li:before{
    background-color: #6098cb;
}
/*210803追記*/
#products main.material #sec04,
#products main.material #sec05,
#products main.material #sec06{
        margin-top:-100px;
        padding-top:100px;
}

@media only screen and (max-width: 767px){
    #products main.material .box_flex{
        align-items: stretch;
        flex-wrap: nowrap;
        width: 100%;
        justify-content: space-between;
    }
    #products main.material .box_flex > div{
        width: 100%;
        background: #f0f0f0;
        padding: 5%;
        border-radius: 10px;
        box-sizing: border-box;
        margin-bottom: 5%;
    }
    #products main.material .box_flex ul{
        margin: 0;
        padding: 0;
    }
    #products main.material .box_flex ul li{
        margin: 0;
        padding: 0;
        text-indent: inherit;
    }
    #products main.material .box_flex .small_box{
        margin-top: 0px;
    }
    #products main.material .box_flex .small_box .st_2{
        margin-top: 5%;
        display: block;
    }
    #products main.material ul > li > ul{
        padding: 0;
        margin: 0;
    }
    #products main.material ul > li > ul > li{
        padding: 0;
        margin: 0;
        text-indent: initial;
    }
    #products main.material ul > li > ul > li > p{
        margin-left: 16px;
    }
    #products main.material ul > li > ul > li:before{
        display: none;
    }
    #products main.material .main_inner .box_flex li:nth-child(2), 
    #products main.material .main_inner .box_flex li:nth-child(1){
        margin: 0;
        padding: 0;
    }
    #products main.material img.left_img{
        display: block;
        text-align: center;
    }
    #products main.material .sec05 .box_flex div{
    width: 100%;
    background: none;
    }
}

/*product - Methane---------------------*/
@media only screen and (max-width: 767px){
    #products main.Methane .scroll{
        width: 100%;
        overflow-x: scroll;
    }
    #products main.Methane .scroll::-webkit-scrollbar {
        background:#ccc;
        width:10px;
    }
    #products main.Methane .scroll::-webkit-scrollbar-thumb {
        background:#aaa;
        border-radius: 50px;
        height: 20px;
    }
    #products main.Methane .scroll img{
        width: 800px;
        max-width: 800px;
    }
}

/*product - Methane---------------------*/
#products main.CO2 table td{
    vertical-align: middle;
}




/*--------------------------------------------------
2021.07.30修正
--------------------------------------------------*/
#applications main .main_inner .txt_flexarea07{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
#applications main .main_inner .txt_flexarea07 .txt_area07{
    width: 764px;
}
#applications main .main_inner .txt_flexarea07 .img_area07 img{
    margin: 0;
}
/*product - Methane---------------------*/
@media only screen and (max-width: 767px){
    #applications main .main_inner .txt_flexarea07{
        display: block;
    }
    #applications main .main_inner .txt_flexarea07 .txt_area07{
        width: 100%;
    }
    #applications main .main_inner .txt_flexarea07 .img_area07 img{
        margin: 5% auto 0;
    }
}


/*--------------------------------------------------
2021.08.01修正　- 211227修正
--------------------------------------------------*/
#products main.NH3 table.table700,
#products main.N2O table.table700{
    width: 700px!important;
    margin: 0 auto;
}
#products main.NH3 .sec03 div,
#products main.N2O .sec03 div{
    margin-top: 20px;
}
/*product - Methane---------------------*/
@media only screen and (max-width: 767px){
    #products main.NH3 table.table700,
	#products main.N2O table.table700{
        width: 100%!important;
    }
    #products main.NH3 .sec03 div,
	#products main.N2O .sec03 div{
         margin-top: 5%;
    }
}


/*--------------------------------------------------
2021.08.10追記
--------------------------------------------------*/
#products main.fuelcells #sec01,
#products main.fuelcells #sec02,
#products main.fuelcells #sec03,
#products main.fuelcells #sec04,
#products main.fuelcells #sec05,
#products main.fuelcells #sec06{
        margin-top:-100px;
        padding-top:100px;
}


main .flex{
	display: flex;
	flex-wrap: wrap;
}
@media only screen and (max-width: 767px){
	main .flex{
		display: block
	}
}


/*--------------------------------------------------
23.07.04追記
--------------------------------------------------*/
/*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;
}
#products main.voc .main_inner .btn_flex div a:after{
	content: "";
	width: 11px;
	height: 20px;
	background-image: url(../../products/environment/voc/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 main.technicalservice .main_inner ul{
	margin: 20px auto;
}
body main .main_inner table.table_100 {
    width: 100%!important;
}
#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;
}
}