@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;
    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;
    margin-left: 0px;
}
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{/*200913*/
    max-width: 100%;
    margin: 0 auto;
	float: none !important;
}

/*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;
    margin: 0 auto;
}
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;
	clear:both;
}
body main .main_inner h4{
    font-size: 1.6rem;
    font-weight: 600;
    background: #f0f0f0;
    padding: 6px 8px;
    margin-top: 25px;
    margin-bottom: 10px;
}
body main .main_inner h4:first-child{
    margin-top: 0px;
}
body main .main_inner strong{
    font-weight: 600;
}
/*▼テーブル*/
body main .main_inner table{
    margin: 20px auto 15px;/*200910*/
    border: 2px solid #9b9999;
    font-size: 1.5rem;
    width: 700px!important;/*200909*/
}
body main .main_inner table tr{
    border-bottom: 1px solid #bbbbbb;
}
body main .main_inner table th{
    padding: 15px 10px;
    border-right:1px solid #9b9999;
    color: #fff;
    font-weight: 600;
    background: #6098cb;
	    vertical-align: middle;
}
body main .main_inner table td{
    padding: 15px 10px;
    border-right:1px solid #9b9999;
	    vertical-align: middle;
}
body main .main_inner .sec02,
body main .main_inner .sec03,
body main .main_inner .sec04,
body main .main_inner .sec05,
body main .main_inner .sec06,
body main .main_inner .sec07{
    margin-top: 60px;
}
body main .main_inner a{
    text-decoration: underline;
    color: #0058a4;
}
body main.index .main_inner a{
    text-decoration: none;
    color: #000;
}
/*products*/
body main .main_inner ul{
    margin: 20px auto;
}
body main.index .main_inner ul{
    margin: 0px auto;
}
body main .main_inner ul li{
    list-style:  none;
    margin:  0;
    padding: 0;
    margin-bottom: 8px;
    padding-left: 25px;
    text-indent: -16px;
}
body main.index .main_inner ul li{
    list-style:  none;
    margin:  0;
    padding: 0;
    margin-bottom: 0px;
    text-indent: 0px;
}
#company main.index .main_inner ul li:before,
#products main.index .main_inner ul li:before{
    display: none;
}
body main .main_inner ul li:before{
    content:  "";
    width:  10px;
    height:  10px;
    display:  inline-block;
    background-color: #6098cb;
    border-radius:  50%;
    position:  relative;
    top: -1px;
    margin-right: 5px;
}
/*▼200923*/
body main .main_inner p{
    margin-bottom: 10px;
}
body main.index .main_inner p{
    margin-bottom: 0px;
}
/*▼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;
        padding: 5px;/*200925*/
}
    body main .main_inner table th{/*200924*/
    word-break: break-all;
        padding: 5px;/*200925*/
}
    body main .main_inner ul li{/*200925*/
    list-style:  none;
    margin:  0;
    padding: 0;
    margin-bottom: 8px;
    padding-left: 17px;
    text-indent: -16px;
}
}
/*--------------------------------------------------
company
----------------------------------------------------*/
/*▼ 1.index---------------------------------------*/
#company main .main_inner .btn_flex{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
#company main .main_inner .btn_flex li{
    width: 347px;
    margin-top: 60px;
}
#company main .main_inner .btn_flex li:nth-child(1),
#company main .main_inner .btn_flex li:nth-child(2),
#company main .main_inner .btn_flex li:nth-child(3){
    margin-top: 0px;
}
#company main .main_inner .btn_flex li a{
    width: 100%;
    height: 100%;
    display: block;
}
#company main .main_inner .btn_flex li a:hover{
    opacity: 0.8;
}
#company main .main_inner .btn_flex li h2{
    margin-top:20px ;
    font-size: 2.0rem;
    font-weight: bold;
    line-height: 1;
    position: relative;
    color:#000;
    border: none;
    text-align: left;
}
#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-bottom: 0px;
    margin-top: 0px;
}
#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;
}
/*▼200909*/
#company main.message .main_inner ul{
    width: 1100px;
    margin: 50px auto 0;
}
#company main.message .main_inner ul li{
    list-style: disc;
    margin-left: 20px;
    font-weight: 600;
}
#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: 50px;
}
#company main.message .main_inner img.pc{
    display: none;
    margin: 0 auto;
}
#company main.message .main_inner img.sp{
    display: block;
    margin: 50px 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;
}
#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%;
    }
    /*▼200909*/
    #company main.message .main_inner ul{
    width: 100%;
    margin: 25px auto 0;
}
#company main.message .main_inner ul li{
    list-style: disc;
    margin-left: 20px;
    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:-1em;
}
#company main.vision .main_inner .mission ul li:before{/*200909*/
   display: none;
}
#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{/*200909*/
    color: #6098cb;
    padding-right: 10px;
}
#company main.vision .main_inner .mission .txt_area h2{
    background: #0058a4;
    color:#fff;
    font-size: 2.8rem;
    text-align: center;
    font-weight: bold;
    margin-top: 0;
}
#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 .mission2 ul li:before{/*200909*/
display: none;
}
#company main.vision .main_inner .mission2 div h2{
    background: #0058a4;
    color: #fff;
    font-size: 2.8rem;
    text-align: center;
    font-weight: bold;
    margin-top: 0;
}

#company main.vision .main_inner span.circle{
    color: #6098cb;
    padding-right: 10px;
}
/*▼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;
}
    #company main.vision .main_inner .mission2 div:nth-child(2){
        margin-top: 30px;
    }
    #company main.vision .main_inner .mission2 ul li {
    padding-left: 2em;
    text-indent: -1.8em;
    box-sizing: border-box;
    }
}/*/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;
}
#company main.news .main_inner .news_box a{/*200909*/
    color: #000;
    text-decoration: none;
}
/*▼SP---------------------------*/
@media only screen and (max-width: 767px){
    #company main.news .main_inner .news_box{
    width: 100%;
    margin: 0 auto;
    border-top: 1px solid #d8d8d8;
}
#company main.news .main_inner .news_box dl{
    border-bottom: 1px solid #d8d8d8;
    }
#company main.news .main_inner .news_box dt{
    display: block;
    font-weight: 600;
    color:#0058a4;
    font-size: 1.6rem;
    margin-right: 30px;
}
#company main.news .main_inner .news_box dd{
    display: block;
    font-size: 1.6rem;
}
}/*/sp_end*/




/*--------------------------------------------------
strengths 200818
----------------------------------------------------*/
/*▼ index---------------------------------------*/
#strengths main .main_inner .box_flex{
    display: flex;
    width: 1100px;
    justify-content: space-between;
}
#strengths main .main_inner .box_flex li{
    width: 346px;
    padding: 0px;/*200925*/
    text-indent: 0px;/*200925*/
}
#strengths main .main_inner .box_flex li:before{
    display: none;
}
#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{/*200914*/
        margin: 0 auto;
    }
    #strengths main .main_inner .box_flex{
    display: block;
    width: 100%;
    justify-content: none;
}
#strengths main .main_inner .box_flex li{
    width: 100%;
    margin: 30px auto;/*200914*/
}
#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);
}
/*▼ index---------------------------------------*/
#products main .main_inner .box_flex{
    display: flex;
    width: 1100px;
    justify-content: space-between;
    flex-wrap: wrap;
}
#products main .main_inner .box_flex li{
    width: 535px;
    margin-top: 60px;
}
#products main .main_inner .box_flex li:nth-child(2),
#products main .main_inner .box_flex li:nth-child(1){
    margin-top: 0px;
}
#products main .main_inner .box_flex li img{
    width: 100%;
}
#products main .main_inner .box_flex li h2{
    font-weight: bold;
    font-size: 2.0rem;
    margin-top: 15px;
    border: none;
    margin-bottom: 15px;
    color: #000;
    text-align: left;
}
#products main .main_inner .box_flex li p{
margin-top: 5px;
}
#products main .main_inner div.link_area{/*200918*/
    margin-top:20px;
}
/*▼SP-------------*/
@media only screen and (max-width: 767px){
    #products main .main_inner .box_flex{
    display: block;
    width: 100%;
    justify-content: none;
    flex-wrap: none;
    }
    #products main .main_inner .box_flex li{
    width: 100%;
    margin-top: 30px;
    }
    #products main .main_inner .box_flex li:nth-child(2),
    #products main .main_inner .box_flex li:nth-child(1){
    margin-top: 30px;
    }
    #products main .main_inner .box_flex li img.sp{
    width: 100%;
    display: block;
    margin: 0 auto;
    }
    #products main .main_inner .box_flex li h2{
    font-weight: bold;
    font-size: 1.8rem;
    margin-top: 15px;
    }
    #products main .main_inner .box_flex li p{
    margin-top: 5px;
    }
}/*/SP_end*/

/*▼ environment---------------------------------------*/
#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: 340px;
    margin-left: 0;
}
#products main.environment .main_inner .sec01 .flex li img{
    width: 100%;
}
#products main.environment .main_inner .sec02 .flex .btn{
    width: 535px;
    margin-top: 60px;
}
#products main.environment .main_inner .sec02 .flex .btn a{
   width: 100%;
    height: 100%;
    display: block;
}
#products main.environment .main_inner .sec02 .flex .btn:nth-child(1),
#products main.environment .main_inner .sec02 .flex .btn:nth-child(2){
    margin-top: 0px;
}
#products main.environment .main_inner .sec02 .flex .btn .img_area{
    width: 100%;
    position: relative;
    height: 120px;
    background-size: cover;
}
#products main.environment .main_inner .sec02 .flex .btn .img_area h3{
    font-size: 2rem;
    position: absolute;
    top: 38%;
    left: 20px;
    color: #272727;
    font-weight: 600;
    border: none;
    margin: 0;
}
#products main.environment .main_inner .sec02 .flex .btn .img_area h3 span{
    font-size: 1.8rem;
}
#products main.environment .main_inner .sec02 .flex .btn p{
    margin-top: 10px;
    line-height: 1.5;
}
#products main.environment .main_inner .sec02 .btn1 .img_area{
    background-image: url(../../products/environment/img/btn01.png);
}
#products main.environment .main_inner .sec02 .btn2 .img_area{
    background-image: url(../../products/environment/img/btn02.png);
}
#products main.environment .main_inner .sec02 .btn3 .img_area{
    background-image: url(../../products/environment/img/btn03.png);
}
#products main.environment .main_inner .sec02 .btn4 .img_area{
    background-image: url(../../products/environment/img/btn04.png);
}
#products main.environment .main_inner .sec02 .btn5 .img_area{
    background-image: url(../../products/environment/img/btn05.png);
}
#products main.environment .main_inner .sec02 .btn6 .img_area{
    background-image: url(../../products/environment/img/btn06.png);
}
#products main.environment .main_inner .sec02 .btn7 .img_area{
    background-image: url(../../products/environment/img/btn07.png);
}
#products main.environment .main_inner .sec02 .btn8 .img_area{
    background-image: url(../../products/environment/img/btn08.png);
}
#products main.environment .main_inner .sec02 .btn9 .img_area{
    background-image: url(../../products/environment/img/btn09.png);
}
#products main.environment .main_inner .sec02 .btn10 .img_area{
    background-image: url(../../products/environment/img/btn10.png);
}
/*▼200909*/
#products main.environment li:before{
    display: none;
}
#products main.environment a{
    text-decoration: none;
    color:#000;
}
#products main.environment .main_inner p{/*200924*/
        text-indent: 0px;
    }
/*▼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: 30px auto 0px;/*200924*/
    padding: 0px;/*200924*/
    }
    #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{/*200925*/
    /*font-size: 2rem;
    position: absolute;
    top: 38%;
    left: 20px;
    color: #272727;
    font-weight: 600;*/
    font-size: 2rem;
    position: absolute;
    top: 38%;
    left: 20px;
    color: #272727;
    font-weight: 600;
    position: absolute;
    top: 50%;
    left: 10px;
    -webkit-transform: translate(-50%, -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;
    }
}/*/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;
    margin-bottom: 10px;
}
#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;
        color: #000;/*200909*/
    text-decoration: none;/*200909*/
}
#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%
}

/*▼200909*/
#products main.oil .main_inner　a{
    text-decoration: none;
    color: #000;
}
#products main.oil .main_inner li:before{
    display: none;
}
/*▼SP-----------*/
@media only screen and (max-width: 767px){
#products main.oil .main_inner .ttl{
    position: relative;
    width: 100%;
    padding: 40px 0;
    height: auto;
}
#products main.oil .main_inner .ttl h2{
    position: absolute;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    font-size: 2rem;
    font-weight: 600;
    color:#fff;
    width: 100%;
    text-align: center;
}
#products main.oil .main_inner .sec01 .ttl{
    background-image: url(../../products/oil/img/tti_bg01.png);
    background-size: cover;
    /*margin-bottom: 10px;*/
}
#products main.oil .main_inner .sec02 .ttl{
    background-image: url(../../products/oil/img/tti_bg02.png);
    background-size: cover;
    margin-top: 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: 50px;
}
#products main.oil .main_inner .ttl_1{
    font-weight: bold;
    font-size: 1.8rem;
    margin-top: 20px;
}
#products main.oil .main_inner .sec ul li.ttl_1 a{
    padding-left: 20px;
    position: relative;
}
#products main.oil .main_inner .sec ul li.ttl_1 a:before{
    content: "";
    background-image: url(../../products/oil/img/arrow_m.png);
    width:9px ;
    height:16px ;
    position: absolute;
    top: 3px;
    left: 0;
}
#products main.oil .main_inner .sec ul{
    display: block;
}
#products main.oil .main_inner .sec01 ul li{
    width: 100%;
}
#products main.oil .main_inner .sec02 ul li,
#products main.oil .main_inner .sec04 ul li{
    width: 100%;
}
#products main.oil .main_inner .sec03 ul li{
    width: 100%;
}
}/*sp-end*/

/*▼ sterilization---------------------------------------*/
#products main.sterilization .main_inner .sec02 .flex{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 1100px;
}
#products main.sterilization .main_inner .sec01 .flex li{
    width: 346px;
}
#products main.sterilization .main_inner .sec01 .flex li img{
    width: 100%;
}
#products main.sterilization .main_inner .sec02 .flex .btn{
    width: 535px;
    margin-top: 60px;
}
#products main.sterilization .main_inner .sec02 .flex .btn a{
   width: 100%;
    height: 100%;
    display: block;
    text-decoration: none;/*200909*/
    color: #000;
}
#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;
    border: none;
    margin: 0;
}
#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*/

/*▼ lineup---------------------------------------*/
#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;
}
#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(../../products/lineup/img/btn01.png);
}
#products main.lineup .main_inner .sec01 .btn2 .img_area{
    background-image: url(../../products/lineup/img/btn02.png);
}
#products main.lineup .main_inner .sec01 .btn3 .img_area{
    background-image: url(../../products/lineup/img/btn03.png);
}
#products main.lineup .main_inner .sec01 .btn4 .img_area{
    background-image: url(../../products/lineup/img/btn04.png);
}
#products main.lineup .main_inner .sec01 .btn5 .img_area{
    background-image: url(../../products/lineup/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;
}
/*▼200909*/
#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: 2rem;
    position: absolute;
    top: 38%;
    left: 20px;
    color: #272727;
    font-weight: 600;
        text-align: left;
    }
    #products main.lineup .main_inner .sec01 .flex .btn .img_area h3 span{
    font-size: 1.8rem;
    }
   #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*/


/*--------------------------------------------------
enzymefilter 200819
----------------------------------------------------*/
/*▼ index---------------------------------------*/
#enzymefilter main.index .mv{
    background-image: url(../../common/img/products_mv_bg.png);
    background-size: cover;
    padding: 80px 0;
}
#enzymefilter main .main_inner h2{
    color:#0058a6;
    font-size: 2.8rem;
    border-bottom: 1px solid #0058a6;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
}
#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{
    display: flex;
    width: 1100px;
    justify-content: space-between;
    flex-wrap: wrap;
}
#enzymefilter main .main_inner .sec01 .box_flex li.txt{
    text-align: center;
    margin: 30px auto 0;
}
#enzymefilter main .main_inner .sec02 ul.btn{
    display: flex;
    width: 1100px;
    flex-wrap: wrap;
    justify-content: space-between;
}
#enzymefilter main .main_inner .sec02 ul.btn li{
    width: 535px;
    box-sizing: border-box;
    margin-top: 30px;
}
#enzymefilter main .main_inner .sec02 ul.btn li:nth-child(1),
#enzymefilter main .main_inner .sec02 ul.btn li:nth-child(2){
    margin-top: 0px;
}
#enzymefilter main .main_inner .sec02 ul.btn li a{
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 30px 20px;
    border: 3px solid #64b8ec;
    font-weight: 600;
}
#enzymefilter main .main_inner .sec02 ul.btn2{
    margin-top: 30px;
}
/*▼btn1*/
#enzymefilter main .main_inner .sec02 ul.btn1 li a{
    position: relative;
}
#enzymefilter main .main_inner .sec02 ul.btn1 li a:after{
    content: "";
    width: 11px;
    height: 20px;
    background-image: url(../../products/enzymefilter/img/arrow_1.png);
    position: absolute;
    top: 40%;
    right: 20px;
}

/*▼btn2*/
#enzymefilter main .main_inner .sec02 ul.btn2 li a{
    background: #64b8ec;
    color:#fff;
    position: relative;
}
#enzymefilter main .main_inner .sec02 ul.btn2 li a:after{
    content: "";
    width: 11px;
    height: 20px;
    background-image: url(../../products/enzymefilter/img/arrow_2.png);
    position: absolute;
    top: 40%;
    right: 20px;
}
/*sec03*/
#enzymefilter main .main_inner .sec03 ul.flex{
    display: flex;
    justify-content: space-between;
    width: 1100px;
}
#enzymefilter main .main_inner .sec03 ul.flex li.btn01,
#enzymefilter main .main_inner .sec03 ul.flex li.btn02{
        width: 535px;
    position: relative;
    /*height: 100px;*/
    box-sizing: border-box;
    border: 3px solid #64b8ec;
}
#enzymefilter main .main_inner .sec03 ul.flex li.btn01:after{
    content: "";
    width: 11px;
    height: 20px;
    background-image: url(../../products/enzymefilter/img/arrow_1.png);
    position: absolute;
    top: 40%;
    right: 20px;
}
#enzymefilter main .main_inner .sec03 ul.flex li.btn02:after{
    content: "";
    width: 11px;
    height: 20px;
    background-image: url(../../products/enzymefilter/img/arrow_1.png);
    position: absolute;
    top: 40%;
    right: 20px;
}
#enzymefilter main .main_inner .sec03 ul.flex li.btn01:before{
    content: "";
    width: 100px;
    height: 100px;
    background-image: url(../../products/enzymefilter/img/img_02_icon.png);
    position: absolute;
    top: 0;
    left: 0;
        z-index: -1;
    border-radius: 0px;
}
#enzymefilter main .main_inner .sec03 ul.flex li.btn02:before{
    content: "";
    width: 100px;
    height: 100px;
    background-image: url(../../products/enzymefilter/img/img_03_icon.png);
    position: absolute;
    top: 0;
    left: 0;
        z-index: -1;
    border-radius: 0px;
}
#enzymefilter main .main_inner .sec03 ul.flex li a{
    /*border: 3px solid #0058a6;*/
    padding:0;
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    font-weight: 600;
    padding: 36px 0 36px 120px;
}
/*▼200909*/
#enzymefilter main .main_inner ul li:before{
    display: none;
}

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

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

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


/*--------------------------------------------------
performance-list
----------------------------------------------------*/
/*▼ index---------------------------------------*/
#performance-list main .mv{
    background-image: url(../../common/img/performance-list_mv_bg.png);
    background-size: cover;
}
#performance-list main a.link_none{
    pointer-events: none;
    color: #afafaf!important;
}
#performance-list main .main_inner a{/*200916*/
    color: #0058a4;
}
#performance-list main .main_inner span.link_none{color:#afafaf;}
#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(../../performance-list/img/ttl_img01.png);
    background-size: cover;
}
#performance-list main .main_inner .sec02 .ttl{
    background-image: url(../../performance-list/img/ttl_img02.png);
    background-size: cover;
    margin-top: 60px;
}
#performance-list main .main_inner .sec02 .ttl a{
    display: block;
    width: 100%;
    height: 100%;
}
#performance-list main .main_inner .sec03 .ttl{
    background-image: url(../../performance-list/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;
    margin: 0;/*200910*/
}
#performance-list main .main_inner .sec ul il.block{
    margin-top: 40px;
}
#performance-list main .main_inner .sec02 ul li.block{
    margin-top: 40px;
}
#performance-list main .main_inner .sec ul li{
    width: 260px;
}
#performance-list main .main_inner .sec ul li.ttl_1{
    padding-left: 20px;
    position: relative;
}
#performance-list main .main_inner .sec ul li.ttl_1:before{
    content: "";
    background-image: url(../../performance-list/img/arrow_m.png);
    background-color: #fff;
    width:9px ;
    height:16px ;
    position: absolute;
    top: 7px;
    left: 0;
}
#performance-list main .main_inner .sec02 ul .ttl_1 p{/*200918*/
    padding-left: 16px;
}
#performance-list main .main_inner .sec02 ul .ttl_1 p:before{/*200981*/
    content: "";
    background-image: url(../../performance-list/img/ttl_before.png);/*200916*/
    background-color: #fff;
    width:8px ;
    height:16px ;
    position: absolute;
    top: 7px;
    left: 0px;
}
#performance-list main .main_inner .sec02 ul li.ttl_1{
    padding-left: 0px;
}
#performance-list main .main_inner .sec02 ul li a.ttl_1{
    padding-left: 0px;
    position: relative;
}
#performance-list main .main_inner .sec02 ul li.ttl_1:before{
   display: none;
}
#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;
    font-size: 1.6rem;/*200911*/
}
#performance-list main .main_inner .sec02 ul li>ul>li a:before{
    content: "";
    background-image: url(../../performance-list/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;
    left: 0px;/*200918*/
}
#performance-list main .main_inner .sec02 li.cure a.ttl_1{
    margin-top: 0px;
    padding: 0 0 0 20px;
    border: none;
}
/*▼200909*/
#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;
}
/*▼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(../../performance-list/img/arrow_m.png);
    width: 9px;
    height: 16px;
}


/*210714*/
#performance-list main .main_inner .sec04 .ttl{
    background-image: url(../../performance-list/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(../../performance-list/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%;
}



/*210714追記ここから---------------------------*/
#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(../../performance-list/img/arrow_m.png);
    background-color: #fff;
    width: 9px;
    height: 16px;
    position: absolute;
    top: 7px;
    left: 0;
}
/*210714追記ここまで---------------------------*/








/*▼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(../../performance-list/img/ttl_img01.png);
    background-size: cover;
    }
    #performance-list main .main_inner .sec02 .ttl{
    background-image: url(../../performance-list/img/ttl_img02.png);
    background-size: cover;
    margin-top: 30px;
    }
    #performance-list main .main_inner .sec03 .ttl{
    background-image: url(../../performance-list/img/ttl_img03.png);
    background-size: cover;
    margin-top: 30px;
    }
    #performance-list main .main_inner .sec04 .ttl{
    background-image: url(../../performance-list/img/ttl_img_04.png);
    background-size: cover;
        background-position: right;
    margin-top: 30px;
    }
    #performance-list main .main_inner .sec05 .ttl{
    background-image:url(../../performance-list/img/ttl_img_05.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{/*200909*/
    padding-left: 20px;
    position: relative;
    box-sizing: border-box;
    }
    #performance-list main .main_inner .sec ul li.ttl_1:before{
    content: "";
    background-image: url(../../performance-list/img/arrow_m.png);
    width:9px ;
    height:16px ;
    position: absolute;
    top: 7px;
    left: 0;
    }
    #performance-list main .main_inner .sec02 ul li.ttl_1:before{/*200916*/
    content: "";
    background-image: url(../../performance-list/img/ttl_before.png);
    width:9px ;
    height:16px ;
    position: absolute;
    top: 7px;
    left: 0;
    }
    #performance-list main .main_inner .sec02 ul li.ttl_1{
        padding-left: 0px;/*200918*/
    }
    #performance-list main .main_inner .sec02 ul li a.ttl_1{
    padding-left: 0px;
    position: relative;
    }
    #performance-list main .main_inner .sec02 ul li a.ttl_1:before{
    content: "";
    background-image: url(../../performance-list/img/arrow_m.png);
    width:9px ;
    height:16px ;
    position: absolute;
    top: 2px;
    left: 0;
    }
    #performance-list main .main_inner .sec02 ul li>ul>li a{
    padding-left: 40px;
    position: relative;
    border-bottom: 1px solid #b5bec3;
    display: block;
    padding: 6px 0 6px 40px;
    }
    #performance-list main .main_inner .sec02 ul li>ul>li a:before{
    content: "";
    background-image: url(../../performance-list/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;
    }
    /*▼200909*/
    #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;
    }

    /*▼200916*/
    #performance-list main .main_inner .sec li.li_none{
    padding-left: 0px!important;
    }
    #performance-list main .main_inner .sec02 li.ozon{
        padding-left: 0px;
    }
   /* #performance-list main .main_inner .sec02 li.cure{
       padding-left: 34px!important;
    }*/
    #performance-list main .main_inner .sec02 li.cure:before{
        left: 18px!important;
    }
    
    
    
    /*210714追記ここから---------------------------*/
    #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(../../performance-list/img/arrow_m.png);
        width: 9px;
        height: 16px;
        position: absolute;
        top: 7px;
        left: 0;
    }
/*210714追記ここまで---------------------------*/
    
    
    
    
}/*/SP_end*/


/*--------------------------------------------------
rd 200819
----------------------------------------------------*/
#rd .mv{
    background-image: url(../../common/img/rd_mv_bg.png);
    background-size: cover;
    padding: 80px 0;
}
#rd main .main_inner a{
    text-decoration: underline;
    color:#0058a4;
}
#rd main .main_inner .sec01 ul.box_flex{
    display: flex;
    width: 1100px;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
}
#rd main .main_inner .sec01 ul.box_flex li{
    width: 535px;
    margin-top: 60px;
}
#rd main .main_inner .sec01 ul.box_flex li:nth-child(1),
#rd main .main_inner .sec01 ul.box_flex li:nth-child(2){
    margin-top: 0;
}
#rd main .main_inner .sec01 ul.box_flex li p{
    margin-top: 30px;
}
#rd main .main_inner .sec01 ul.box_flex li img{
    width: 100%;
}
#rd main .main_inner .sec01 ul.box_flex li h2{
    background: #0058a4;
    padding: 5px;
    color: #fff;
    text-align: center;
    font-size: 2.8rem;
    font-weight: 600;
    padding: 0;
    margin-top: 0;
}
#rd main .main_inner .sec01 a.link{
    color: #0058a4;
    text-decoration: underline;
    display: block;
}
#rd main .main_inner li:before{/*200909*/
    display: none;
}
#rd main .main_inner .sec03{
    margin-top: 100px;
}
#rd main .main_inner .sec04{
    margin-top: 60px;
}
#rd main .main_inner .sec03 h3,
#rd main .main_inner .sec04 h3{
    font-weight: bold;
    font-size: 2.0rem;
    text-align: center;
    position: relative;
    border: none;
}
#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:35px;
}
#rd main .main_inner .sec03 table,
#rd main .main_inner .sec04 table{
    margin-top: 45px;
    border: 2px solid #9b9999;
    font-size: 1.5rem;
    width: 100%!important;
}
#rd main .main_inner .sec03 table tr,
#rd main .main_inner .sec04 table tr{
    border-bottom: 1px solid #9b9999;
}
#rd main .main_inner .sec03 table td,
#rd main .main_inner .sec04 table td{
    padding: 15px 10px;
}
#rd main .main_inner .sec03 table td.right,
#rd main .main_inner .sec04 table td.right{
    width: 170px;
    border-left: 1px solid #9b9999;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
}
#rd main .main_inner .sec03 table td.left,
#rd main .main_inner .sec04 table td.left{
    width: 929px;
}
/*▼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;
    padding: 0;
}
#rd main .main_inner .sec03{
    margin-top: 30px;
}
#rd main .main_inner .sec04{
    margin-top: 30px;
}
#rd main .main_inner .sec03 h3,
#rd main .main_inner .sec04 h3{
    font-weight: bold;
    font-size: 1.8rem;
    text-align: center;
    position: relative;
}
#rd main .main_inner .sec03 h3:after,
#rd main .main_inner .sec04 h3:after{
    content: "";
    width: 2px;
    height: 20px;
    background: #0058a4;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    margin-top: 48px;
}
#rd main .main_inner .sec03 table,
#rd main .main_inner .sec04 table{
    margin-top: 45px;
    border: 2px solid #9b9999;
    font-size: 1.5rem;
    box-sizing: border-box;
    table-layout: fixed;
    width: 100%;
}
#rd main .main_inner .sec03 table tr,
#rd main .main_inner .sec04 table tr{
    border-bottom: 1px solid #9b9999;
    width: 100%;
}
#rd main .main_inner .sec03 table td,
#rd main .main_inner .sec04 table td{
    padding: 15px 10px;
    width: 100%;
    display: block;
    box-sizing: border-box;
}
#rd main .main_inner .sec03 table td.right,
#rd main .main_inner .sec04 table td.right{
    width: 170px;
    border-left: 0px solid #9b9999;
    border-top: 1px solid #9b9999;
    font-weight: bold;
    width: 100%;
}
#rd main .main_inner .sec03 table td.left,
#rd main .main_inner .sec04 table td.left{
    width: 929px;
    width: 100%;
}
}/*/SP_end*/


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

#recruit main .main_inner table th{
    width: 150px;
}
#recruit main .main_inner .sec02{
    background: #f9f5ec;
    padding: 20px;
    box-sizing: border-box;
}
#recruit main .main_inner .sec02 h3{/*200909*/
    text-align: center;
    margin-bottom: 10px;
    border: none;
    margin-top: 0;
}
#recruit main .main_inner .sec02 p a.mail{
    text-decoration: underline;
}
/*▼200910*/
#recruit main .main_inner .flex{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 40px;
}
#recruit main .main_inner .flex li p{
    text-align: center;
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 10px;
}
#recruit main .main_inner .flex li:before{
    display: none;
}
/*▼SP---------------------------*/
@media only screen and (max-width: 767px){
    #recruit main .main_inner table th{
    width: 80px;
    }
    #recruit main .main_inner .sec02 p a.mail{
    text-decoration: none;
    }
    #recruit main .main_inner .sec02 a.tel{
    font-weight: 600;
    text-decoration: underline;
    }
    /*▼200910*/
#recruit main .main_inner .flex{
    display: block;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 40px;
}
    #recruit main .main_inner .flex li{
        width: 100%;
    }
    #recruit main .main_inner .flex li:nth-child(2){
        margin-top: 20px;
    }
    #recruit main .main_inner .flex li img{
        width: 100%;
        display: block;
        margin: 0 auto;
    }
#recruit main .main_inner .flex li p{
    text-align: center;
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 10px;
}
#recruit main .main_inner .flex li:before{
    display: none;
}
}/*/sp-end*/



/*--------------------------------------------------
下層-company
----------------------------------------------------*/

/*▼ profile
----------------------------------------------------*/
#company main.profile .main_inner h3:first-child{
        margin-top: 0px;
}
#company main.profile .main_inner h3{
        margin-top: 25px;
}
#company main.profile .main_inner p a{
        text-decoration: underline;
    color:#0058a4;
}
/*▼SP---------------------------*/
@media only screen and (max-width: 767px){
    #company main.profile .main_inner h3{
    margin-top: 20px;
}
}/*/sp-end*/


/*▼ compliance
----------------------------------------------------*/
#company main.compliance .main_inner li{
    list-style:  none;
    margin:  0;
    padding: 0;
    margin-bottom: 15px;
}
#company main.compliance .main_inner li a{
      text-decoration: underline;
    color:#0058a4;
}
/*▼SP---------------------------*/
@media only screen and (max-width: 767px){
#company main.compliance .main_inner li{
    margin-bottom: 10px;
    padding-left: 17px;
}
}/*/sp-end*/


/*▼ hse
----------------------------------------------------*/
#company main.hse .main_inner img{
    display: block;
    margin: 0 auto 30px;
}
/*▼SP---------------------------*/
@media only screen and (max-width: 767px){
#company main.hse .main_inner img{
    display: block;
    margin: 0 auto 20px;
}
}/*/sp-end*/


/*▼ philosophy
----------------------------------------------------*/
#company main.philosophy .main_inner h3:first-child{
        margin-top: 0px;
}
#company main.philosophy .main_inner h3{
        margin-top: 25px;
}
#company main.philosophy .blueBox{
        background: #ebf2f8;
    padding: 20px;
    margin-top: 20px;
}
#company main.philosophy .blueBox li{
    list-style-type: decimal-leading-zero;
    margin-left: 40px;
    margin-bottom: 10px;
}
/*▼SP---------------------------*/
@media only screen and (max-width: 767px){
    #company main.philosophy .main_inner h3{
    margin-top: 20px;
}
}/*/sp-end*/

/*▼ hsepolicy 200909
----------------------------------------------------*/
#company main.hsepolicy .blueBox{
        background: #ebf2f8;
    padding: 20px;
    margin-top: 20px;
}
#company main.hsepolicy .blueBox li{
    list-style-type: decimal-leading-zero;
    margin-left: 40px;
    margin-bottom: 10px;
}
/*▼SP---------------------------*/
@media only screen and (max-width: 767px){
    #company main.hsepolicy .main_inner h3{
    margin-top: 20px;
}
}/*/sp-end*/



/*▼ privacy
----------------------------------------------------*/
#company main.privacy .main_inner .blueBox{
    background: #ebf2f8 ;
    padding: 20px;
    margin-top: 20px;
}
#company main.privacy .main_inner .blueBox p{
    text-align: right;
    margin-top: 20px;
}
#company main.privacy .main_inner .blueBox li{
    list-style-type: decimal-leading-zero;
    margin-left: 40px;
    margin-bottom: 10px;
}
#company main.privacy .main_inner h3{
        margin-top: 40px;
}
/*▼SP---------------------------*/
@media only screen and (max-width: 767px){
    #company main.privacy .main_inner h3{
    margin-top: 30px;
}
}/*/sp-end*/


/*▼ procurement
----------------------------------------------------*/
#company main.procurement .main_inner h3:first-child{
        margin-top: 0px;
}
#company main.procurement .main_inner h3{
        margin-top: 25px;
}
#company main.procurement .main_inner img{
    display: block;
    margin: 30px auto 0px;
}
/*▼SP---------------------------*/
@media only screen and (max-width: 767px){
    #company main.procurement .main_inner h3{
    margin-top: 20px;
}
    #company main.procurement .main_inner img{
    display: block;
    margin: 20px auto 0px;
        width: 80%;
        height: auto;
}
}/*/sp-end*/

/*▼ access
----------------------------------------------------*/
#company main.access .main_inner h3:first-child{
        margin-top: 0px;
}
#company main.access .main_inner h3{
        margin-top: 30px;
}
#company main.access .main_inner img{
    display: block;
   margin-top: 10px;
    margin-bottom: 10px;
}
#company main.access .main_inner strong{
    margin-top: 15px;
    display: inline-block;
}
/*▼SP---------------------------*/
@media only screen and (max-width: 767px){
    #company main.access .main_inner h3{
    margin-top: 20px;
}
    #company main.access .main_inner img{
    display: block;
    margin-top: 10px;
        width: 80%;
        height: auto;
}
}/*/sp-end*/

/*--------------------------------------------------
下層-products
----------------------------------------------------*/
/*body main .contLeft001{200910
        float: left;
    width: 800px;
}*/

/*#products main p{
    overflow: auto;
}*/

#products main .main_inner img{
    margin: 0 auto;
    display: block;
    max-width: 100%;
    height: auto;
}
/*▼ service---------------------------------------*/
#products main.service .main_inner ul{
    margin-top: 20px;
	margin-left: 25px;
}
#products main.service .main_inner ul li{
    list-style:  none;
    margin:  0;
    padding: 0;
    margin-bottom: 8px;
}
/*#products main.service .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;
}*/
#products main.service .main_inner ol{
    margin: 20px 0;
}
#products main.service .main_inner ol li{
    list-style-type: decimal-leading-zero;
    margin-left: 30px;
    margin-bottom: 8px;
}


/*▼ coating---------------------------------------*/
#products main.coating .main_inner h3:first-child{
    margin-top: 0px;
}
#products main.coating .main_inner h3{
        margin-top: 25px;
}
/*#products main.coating .main_inner table{
    margin-top: 8px;
    border: none;
}
#products main.coating .main_inner table tr,
#products main.coating .main_inner table td{
    border: none;
}*/
#products main.coating .main_inner p a{
   text-decoration: underline;
    color: #0058a4;
}
/*▼200910*/
#products main.coating .main_inner .flex{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
#products main.coating .main_inner .flex div{
    margin-right: 10px;
}
#products main.coating .main_inner .flex div:nth-child(2){
    margin-top: 60px;
}
#products main.coating .main_inner .flex p{
text-align: center;
}
#products main.coating .main_inner .flex img{
    text-align: center;
}
#products main.coating .main_inner .flex p span{
text-align: center;
    font-size: 1.3rem;
    display: block;
}
/*▼SP-----------*/
@media only screen and (max-width: 767px){
    #products main.coating .main_inner h3{
    margin-top: 20px;
}
/*▼200910*/
#products main.coating .main_inner .flex {
    display: block;
    margin: 0 auto;
    }
#products main.coating .main_inner .flex img{
    width: auto;
    display: block;
    margin: 0 auto;
}
#products main.coating .main_inner .flex div:nth-child(2){
    margin-top: 0px;
    margin-bottom: 20px;
}
}/*/spend*/

/*▼ 412aplication---------------------------------------*/
#products main.an412aplication .main_inner .float
{
   float: left;
    margin-right: 15px;
}
#products main.an412aplication .main_inner ul{
    margin: 30px 0 30px 25px;
}
#products main.an412aplication .main_inner ul li{
    list-style:  none;
    padding: 0;
    margin-bottom: 8px;
}
/*#products main.an412aplication .main_inner ul li:before{
    content:  "";
    width:  10px;
    height:  10px;
    display:  inline-block;
    background-color: #6098cb;
    border-radius:  50%;
    position:  relative;
    top: -1px;
    margin-right: 5px;
}*/
/*▼SP-----------*/
@media only screen and (max-width: 767px){
    #products main.an412aplication .main_inner img{
    width: 100%;
        display: block;
        margin: 0 auto;
        height: auto;
}
    #products main.an412aplication .main_inner .float
{
   float: left;
    margin-bottom: 15px;
}
    #products main.an412aplication .main_inner ul li{
        padding-left: 17px;
    }
}/*/spend*/

/*▼ model508---------------------------------------*/
#products main.model508 .main_inner ul{
    margin: 20px auto;
}
#products main.model508 .main_inner li{
    list-style:  none;
    margin-bottom: 8px;
}
/*▼SP-----------*/
@media only screen and (max-width: 767px){/*20925*/
    #products main.model508 .main_inner li{
    padding-left: 17px;
}
}

/*▼ voc---------------------------------------*/
#products main.voc .main_inner ul{
    margin: 20px auto;
}
#products main.voc .main_inner li{
    list-style:  none;
    /*margin-left: 15px;
    padding: 0;*/
    margin-bottom: 8px;

}
/*▼200910*/
#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;
}
#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;
}
/*▼SP-----------*/
@media only screen and (max-width: 767px){
    #products main.voc .main_inner img{
            float: none;
    width: 100%;
    display: block;
    height: auto;
    margin-bottom: 20px;
    }
    /*▼200910*/
#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:nth-child(2){
margin-top: 10px;
    }
#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;
}
}/*/spend*/

/*▼ syokubaidokutaisaku---------------------------------------*/
#products main.syokubaidokutaisaku .main_inner a{
    text-decoration: underline;
    color: #0058a4;
}
#products main.syokubaidokutaisaku .main_inner ul{
    margin: 20px auto;
}
#products main.syokubaidokutaisaku .main_inner li{
    list-style:  none;
    /*padding: 0;  */
    margin-bottom: 8px;

}
#products main.syokubaidokutaisaku .main_inner img{
    margin-top: 20px;

}

/*▼200910*/
/*▼material---------------------------------------*/
#products main.material img{
    display: block;
    margin: 0 auto;
}
/*▼SP-----------*/
@media only screen and (max-width: 767px){
    #products main.material img{
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
}


/*▼ maesyori～denitration---------------------------------------*/
#products main.maesyori .main_inner img,
#products main.hidoku .main_inner img,
#products main.taiharogen .main_inner img,
#products main.oilchemistry .main_inner img,
#products main.gasengine .main_inner img,
#products main.denitration .main_inner img{
    margin-bottom: 60px;
}
#products main.maesyori .main_inner h2,
#products main.hidoku .main_inner h2,
#products main.taiharogen .main_inner h2,
#products main.oilchemistry .main_inner h2,
#products main.gasengine .main_inner h2,
#products main.denitration .main_inner h2{
    text-align: center!important;
    clear: both;
}
#products main.maesyori .main_inner img,
#products main.hidoku .main_inner img,
#products main.taiharogen .main_inner img,
#products main.oilchemistry .main_inner img,
#products main.gasengine .main_inner img,
#products main.denitration .main_inner img{
   margin: 0 auto 60px;
    display: block;
}
/*▼SP-----------*/
@media only screen and (max-width: 767px){
    #products main.maesyori .main_inner img,
    #products main.hidoku .main_inner img,
    #products main.taiharogen .main_inner img,
    #products main.oilchemistry .main_inner img,
     #products main.gasengine .main_inner img,
     #products main.denitration .main_inner img
    {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    float: none!important;
}
}

/*▼ technicalservice---------------------------------------*/
#products main.technicalservice .main_inner ul{
    margin: 20px auto;
}
#products main.technicalservice .main_inner li{
    list-style:  none;
    /*padding: 0;*/
    margin-bottom: 8px;

}
#products main.technicalservice .main_inner img{
    margin-top: 20px;
}
    /*▼SP-----------*/
@media only screen and (max-width: 767px){
    #products main.technicalservice .main_inner img
    {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    float: none!important;
        display: block;
}
}


/*▼ lowtemparature～---------------------------------------*/
#products main.lowtemparature .main_inner table.table001,
#products main.deodorize .main_inner table.table001,
#products main.photo .main_inner table.table001,
#products main.adsorptive .main_inner table.table001{
    clear: both;
}
#products main.lowtemparature .main_inner h2,
#products main.deodorize .main_inner h2{
    text-align: center!important;
    clear: both;
}
#products main.lowtemparature .main_inner p{
   margin-bottom: 20px;
    overflow: auto;
}
#products main.lowtemparature .main_inner strong{
    margin-top: 20px;
    display: block;
}
#products main.lowtemparature .main_inner ul{
    margin: 5px auto 20px;
}
#products main.lowtemparature .main_inner li{
    list-style:  none;

    margin-bottom: 8px;

}
/*▼SP-----------*/
@media only screen and (max-width: 767px){
    #products main.lowtemparature .main_inner img,
    #products main.deodorize .main_inner img,
    #products main.adsorptive .main_inner img{
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    float: none!important;
}
    #products main.lowtemparature .img_area img{
        width: auto;
    }
    #products main.photo .img_area img{
        width: auto;
        height: auto;
        margin-bottom: 20px;
        float: none!important;
    }
    #products main.lowtemparature .main_inner li{
    list-style:  none;
    padding-left: 17px;
    margin-bottom: 8px;

}
}


/*▼ technicalservice～---------------------------------------*/
#products main.contents_top .main_inner ul{
    margin: 20px auto;
}
#products main.contents2015-03-19-12-36-46 ul{
	margin-left: 25px;
}
#products main.contents_top .main_inner li,
#products main.contents2015-03-19-12-36-46 .main_inner li{
    list-style:  none;
    padding: 0;
    margin-bottom: 8px;
}
#products main.contents2015-03-19-12-36-46 .main_inner .layoutflex li{padding-right:20px;}
#products main.contents_top .main_inner img{
    margin-top: 20px;
}
#products main.contents2015-03-19-12-36-46 .main_inner h2{
    clear: both;
}
    /*▼SP-----------*/
@media only screen and (max-width: 767px){
    #products main.contents_top .main_inner img
    {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    float: none!important;
        display: block;
}
}
/*▼ fuelcells 200909---------------------------------------*/
#products main.fuelcells table.bgnone th{
    background: none;
    vertical-align: middle;
    color: #000;
}
#products main.fuelcells .sec05 ul,
#products main.fuelcells .sec06 ul{
     margin: 6px 0 0px;
}
#products main.fuelcells .sec05 div,
#products main.fuelcells .sec06 div{
    margin-bottom: 30px;
}
/*▼SP-----------*/
@media only screen and (max-width: 767px){
    #products main.fuelcells .sec05 ul,
    #products main.fuelcells .sec06 ul{
    margin: 10px 0 0px;
    }
    #products main.fuelcells .sec05 div,
    #products main.fuelcells .sec06 div{
        margin-bottom: 5%;
    }
}

/*▼ hp400l～---------------------------------------*/
#products main.hp400l .main_inner ul,
#products main.nho .main_inner ul,
#products main.guidedwave .main_inner ul,
#products main.contents_2015-03-20-06-04-00 .main_inner ul{
    margin: 20px auto;
}
#products main.hp400l .main_inner li,
#products main.nho .main_inner li,
#products main.guidedwave .main_inner li,
#products main.contents_2015-03-20-06-04-00 .main_inner li{
    list-style:  none;
/*    padding: 0;  */
    margin-bottom: 8px;

}
#products main.hp400l .main_inner img,
#products main.nho .main_inner img,
#products main.guidedwave .main_inner img,
#products main.contents_2015-03-20-06-04-00 .main_inner img{
    margin-top: 20px;
}
#products main.guidedwave .main_inner .contLeft001,
#products main.an412aplication .main_inner .contLeft001{
    float: none;
    width: auto;
}
#products main.an412aplication .main_inner p{
    overflow: none!important;
}
    /*▼SP-----------*/
@media only screen and (max-width: 767px){
    #products main.hp400l .main_inner img,
    #products main.nho .main_inner img,
    #products main.guidedwave .main_inner img,
    #products main.contents_2015-03-20-06-04-00 .main_inner img
    {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    float: none!important;
        display: block;
}
}

/*▼200910*/
/*▼ analyzer　model508---------------------------------------*/
#products main.model508 img{
    display: block;
    margin: 0 auto;
}

/*▼ comparison 200910---------------------------------------*/
#products main.comparison .img_area{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
#products main.comparison .img_area p{
font-size: 1.4rem;
}

/*▼ ozonereduction 200910---------------------------------------*/
#products main.ozonereduction .img_fl img{
    display: inline-block;
}

/*▼ effect 200910---------------------------------------*/
#products main.effect .contLeft001{
    float:left;
    width: 700px;
}
    /*▼SP-----------*/
@media only screen and (max-width: 767px){
    #products main.effect .contLeft001{
        float:none;
    width: 100%;
}
}

/*▼200910*/
/*▼ products-下層img---------------------------------------*/
#products main.lineup .main_inner img,
#products main.ozone .main_inner img,
#products main.lowtemparature .main_inner img,
#products main.lowtemparature .main_inner img,
#products main.photo .main_inner img,
#products main.adsorptive .main_inner img{
    margin: 0 auto;
    display: block;
    max-width: 100%;
    height: auto;
}
/*▼SP-----------*/
@media only screen and (max-width: 767px){
#products main.taiio img,
#products main.ammonia img,
#products main.warming img{/*200914*/
float:none;
width: 100%;
margin-bottom: 8px;
}
}

/*--------------------------------------------------
下層-performance-list
----------------------------------------------------*/
#performance-list main .main_inner ul{
    margin: 20px auto;
}
#performance-list main .main_inner img{
    margin: 20px auto 0;
    display: block;
    max-width: 100%;
    height: auto;
}
/*▼200910*/
#performance-list main.p2015-02-05-01-30-14 .flex,
#performance-list main.p2015-02-05-01-30-41 .flex{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 20px;
}
#performance-list main.p2015-02-05-01-30-14 .flex div,
#performance-list main.p2015-02-05-01-30-41 .flex div{
   margin-left: 15px;
}
#performance-list main.p2015-02-05-01-30-14 .flex p,
#performance-list main.p2015-02-05-01-30-41 .flex p{
   text-align: center;
    font-size: 1.3rem;
    margin-top: 5px;
}
    /*▼SP-----------*/
@media only screen and (max-width: 767px){
    #performance-list main .main_inner img{
        width: 100%;
        height: auto;
        margin-bottom: 20px;
        float: none!important;
        display: block;
}
    /*▼200910*/
#performance-list main.p2015-02-05-01-30-14 .flex,
    #performance-list main.p2015-02-05-01-30-41 .flex{
    display: block;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 20px;
}
    #performance-list main.p2015-02-05-01-30-14 .flex div,
#performance-list main.p2015-02-05-01-30-41 .flex div{
   margin-left: 0px;
}
    #performance-list main.p2015-02-05-01-30-14 .flex img,
    #performance-list main.p2015-02-05-01-30-41 .flex img{
    width: 100%;
}
#performance-list main.p2015-02-05-01-30-14 .flex p,
    #performance-list main.p2015-02-05-01-30-41 .flex p{
   text-align: center;
    font-size: 1.3rem;
    margin-top: 5px;
}
}



/*--------------------------------------------------
下層-rd
----------------------------------------------------*/
#rd main.analyze .main_inner img,
#rd main.process .main_inner img{
    display: block;
    margin: 20px auto 0;
}
/*▼200910*/
#rd main .main_inner .flex{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#rd main .main_inner .flex div{
    margin-right: 15px;
}
#rd main .main_inner .flex p{
   text-align: center;
    margin-top: 5px;
}
/*▼SP-----------*/
@media only screen and (max-width: 767px){
#rd main.analyze .main_inner img,
#rd main.process .main_inner img{
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    float: none!important;
    display: block;
    }
/*▼200910*/
#rd main .main_inner .flex{
    display: block;
}
#rd main .main_inner .flex div{
    margin-right: 0px;
}
    #rd main .main_inner .flex div img{
    width: 100%;
        height: auto;
}
#rd main .main_inner .flex p{
   text-align: center;
    margin-top: 5px;
}
}

/*--------------------------------------------------
下層-問い合わせテーブル 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;
}
}



@media only screen and (max-width: 767px){
    body main .main_inner ul li{

    }
}


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

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

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

.layoutflex .contLeft002,
.layoutflex .contRight002{width:100%;margin-right:0;}
#products main.guidedwave .main_inner .layoutflex .contLeft001,
#products main.guidedwave .main_inner .layoutflex .contRight001{width:100%;margin-right:0;}
#products 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修正
--------------------------------------------------*/
#performance-list main .main_inner .txt_flexarea07{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
#performance-list main .main_inner .txt_flexarea07 .txt_area07{
    width: 764px;
}
#performance-list main .main_inner .txt_flexarea07 .img_area07 img{
    margin: 0;
}
/*product - Methane---------------------*/
@media only screen and (max-width: 767px){
    #performance-list main .main_inner .txt_flexarea07{
        display: block;
    }
    #performance-list main .main_inner .txt_flexarea07 .txt_area07{
        width: 100%;
    }
    #performance-list main .main_inner .txt_flexarea07 .img_area07 img{
        margin: 5% auto 0;
    }
}


/*--------------------------------------------------
2021.08.01修正
--------------------------------------------------*/
#products main.NH3 table.table700{
    width: 700px!important;
    margin: 0 auto;
}
#products main.NH3 .sec03 div{
    margin-top: 20px;
}
/*product - Methane---------------------*/
@media only screen and (max-width: 767px){
    #products main.NH3 table.table700{
        width: 100%!important;
    }
    #products main.NH3 .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;
}



/*--------------------------------------------------
23.4.18修正
--------------------------------------------------*/
.p_page_flex{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	margin-top:40px;
	clear: both;
	align-items: flex-start;
}
.p_page_flex table,
.p_page_flex .img{
	width: 50%!important;
}
.p_page_flex .btn_flex{
	display: block!important;
	width: auto!important;
}
.p_page_flex .btn_flex div{
	margin-bottom: 20px;
}
.p_cl3_box{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.p_cl3_box div{
	width: 33%;
	margin-bottom: 20px;
}
.p_cl3_box div span{
	display: block;
    text-align: center;
    font-size: 1.4rem;
}
.p_page_flex_c{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	margin-top:40px;
	clear: both;
	align-items: flex-start;
}
.p_page_flex_c .img{
	margin: 0 10px;
}
.mt40{
	margin-top: 40px!important;
}
#products .main_inner .p_start{
	overflow: hidden;
}
span.caption{
    font-size: 1.6rem;
    display: block;
    text-align: center;
    font-weight: 600;
}
#products h5{
	font-weight: 600;
	border-bottom: 1px solid #000;
	margin-bottom: 10px;
}
body main .main_inner table.table_100{
	width: 100%!important;
}
.p_page_flex .flex_p{
	margin-left: 30px;
}
/*product - Methane---------------------*/
@media only screen and (max-width: 767px){
	.p_page_flex{
		display: block;
		margin-top: 10%;
	}
	.p_page_flex table,
	.p_page_flex .img{
		width: 100%!important;
	}
	.p_page_flex .btn_flex div{
		margin-bottom: 0px;
	}
	.p_cl3_box{
		display: block;
	}
	.p_cl3_box div{
		width: 100%;
		margin-bottom: 20px;
	}
	.mt40{
		margin-top: 5%!important;
	}
	.p_page_flex_c{
		display: block;
	}
	.p_page_flex_c .img{
		margin: 0 ;
	}
	.p_page_flex .flex_p{
		margin-left: 0;
	}
}


/*--------------------------------------------------
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;
}
@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;
	}
}