@import url(https://fonts.googleapis.com/css?family=Pacifico);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://fonts.googleapis.com/css?family=Josefin+Sans);
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap');
@import url(https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700;900&display=swap);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');

body, div,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, dl, dt, dd, ol, ul, li, hr,
fieldset, form, label, legend, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section,
summary, hgroup {
  margin: 0;
  padding: 0;
  border: 0;
}

a:active,
a:hover {
  outline: 0;
}

@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }


/* ------------------------------------------
  RESPONSIVE NAV STYLES
--------------------------------------------- */

.nav-collapse ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;
}

.nav-collapse li {
  width: 100%;
  display: block;
}

.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}

.nav-collapse.opened {
  max-height: 9999px;
}

.disable-pointer-events {
  pointer-events: none !important;
}

.nav-toggle {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}


br.xs {
    display: block;
}
br.sm {
    display: none;
}
br.lg {
    display: none;
}

.marker {
    background:linear-gradient(transparent 50%, #FFFF00 50%);
    font-weight: bold; 
    color: #FF0000;
}

.marker_fbig {
    background:linear-gradient(transparent 50%, #FFFF00 50%);
    font-weight: bold; 
    color: #FF0000;
    font-size: 110%;
}

.link-none{
	pointer-events: none;
}


.menu-item_pc{
	display: none !important;
}
.menu-item_sp{
	display: block !important;
}
@media (min-width: 640px) {
    a[href*="tel:"] {
        pointer-events: none;
        cursor: default;
        text-decoration: none;
    }
}


@media screen and (min-width: 640px) {
    br.xs {
        display: none;
    }
    br.sm {
        display: block;
    }
    br.lg {
        display: none;
    }
}

/* PC */
@media screen and (min-width: 1000px) {
    br.xs {
        display: none;
    }
    br.sm {
        display: none;
    }
    br.lg {
        display: block;
    }
	
	.menu-item_pc{
		display: block !important;
	}
	.menu-item_sp{
		display: none !important;
	}
	
}

.MT50{
    margin-top: 50px;
}
.PT50{
    padding-top: 50px !important
}
.PT20{
    padding-top: 20px !important
}
.PT15{
    padding-top: 15px !important
}
.PT5{
    padding-top: 5px !important
}
.PT0{
    padding-top: 0px !important
}


/* ------------------------------------------
  DEMO STYLES
--------------------------------------------- */

body {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    color: #333333;
    background:linear-gradient(90deg,#F7F7F7 0%,#F7F7F7 40%,#FFF 40%,#FFF 100%);
    font: 14px/1.8 'Noto Sans JP', Arial, Verdana, 游ゴシック, YuGothic,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo,sans-serif;
}

section {
    text-align: center;
    padding: 0px 0 0 0;
    width: 100%;
}

h1 {
    margin-bottom: .5em;
}

p {
    width: 100%;
    margin: 0 auto;
    text-align: left;
    line-height: 1.8;
    letter-spacing: 1.5px;
}

.mincho {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.f_left{
    float: left;
}
.f_right{
    float: right;
}


/* ------------------------------------------
  FIXED HEADER
--------------------------------------------- */

#himage{
    z-index: 1;
    background: #FFFFFF;
    overflow: hidden;
    margin-top: 55px;
}

#himage img{
    width: 100%;
}


.sp-slide div.sltext {
    position: absolute;
    width: 100%;
    top: 25%;
    left: 0%;
    transition: .3s;
}


.sp-slide div.sltext p.title {
    font-size: 28px;
    font-weight: 700;
    color: #FFF;
    line-height: 1.4;
    transition: .3s;
    text-align: left;
    letter-spacing: 0.01em;
    padding-top: 0;
    padding-left: 10px;
    font-family: 'Noto Serif JP', sans-serif;
    text-shadow:0 0 5px #0D1834;
}
.sp-slide div.sltext p.text {
    font-size: 16px;
    font-weight: 400;
    color: #FFF;
    line-height: 1.6;
    transition: .3s;
    text-align: left;
    letter-spacing: 0.01em;
    padding: 10px 10px 0 10px;
    font-family: 'Noto Serif JP', sans-serif;
    text-shadow:
            3px 3px 3px #0D1834, -3px -3px 3px #0D1834,
           -3px 3px 3px #0D1834,  3px -3px 3px #0D1834;
    box-sizing: border-box;
}


@media screen and (min-width: 800px) {

    .sp-slide div.sltext {
        position: absolute;
        width: 100%;
        top: 30%;
        left: 0%;
        transition: .3s;

    }
    
    .sp-slide div.sltext p.title {
        font-size: 54px;
        padding-top: 0;
        padding-left: 10px;
        text-align: left;
        letter-spacing: 0.01em;
    }
    .sp-slide div.sltext p.text {
        font-size: 20px;
        padding-top: 18px;
        padding-left: 13px;
        text-align: left;
        letter-spacing: 0.05em;
    }
}
@media screen and (min-width: 1100px) {

    .sp-slide div.sltext {
        position: absolute;
        width: 100%;
        top: 30%;
        left: 0%;
        transition: .3s;

    }
    .sp-slide div.sltext p.title {
        font-size: 68px;
        padding-top: 0;
        padding-left: 100px;
        text-align: left;
        letter-spacing: 0.01em;
    }
    .sp-slide div.sltext p.text {
        font-size: 22px;
        padding-top: 18px;
        padding-left: 105px;
        text-align: left;
        letter-spacing: 0.05em;
    }
}


#articles-scroll{
    overflow: hidden;
    z-index: 100;
    transition: .3s;
    background-color: rgba(255,255,255,0.9);
}

.is-fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
}


header {
    overflow: hidden;
    
}

.logo {
    padding: 16px 20px 0 10px;
    float: left;
}

.logo img{
    height: 23px;
    transition: .3s;
}


.parent_company {
    display: none;
    float: left;
}



.contact_box {
    display: none;
    position: fixed; /* 追従 */
    z-index: 200; /* 他の要素の下に隠れないように */
    top: 0px; /* バナーの上下の位置 */
    right: 0px; /* バナーの左右の位置 */
}
.language_box {
    display: none;
    position: fixed; /* 追従 */
    z-index: 200; /* 他の要素の下に隠れないように */
    top: 0px; /* バナーの上下の位置 */
    right: 0px; /* バナーの左右の位置 */
}



.btn_contact{
    width:100px;
    height:100px;
}


.btn_langage{
    width:100px;
        height:90px;
        text-align: center;
        background: #3665af;
        font-size: 12px;
}
.btn_langage span{
    margin: 0 0 0 0;
    font-weight: bold;
    color: #FFF;
    display: block;
    height: 30px;
    line-height: 1;
    padding-top: 8px;
    box-sizing: border-box;
}


a.btn--langage {
    color: #fff;
    background-color: #046CBA;
    text-decoration: none;
    padding: 2px 10px 3px 10px;
}

a.btn--langage:hover {
    color: #fff;
    background: #CC0000;
}



#news_box{
    margin: 0 auto;
    padding: 0 0;
    margin-top: 0px;
    z-index: 2;
    position: relative;
    box-sizing: border-box;
}
#news_box .inner{
    margin: 0 auto;
    overflow: hidden;
    background:#204773;
    padding: 0px;
    
}

#news_box .news_title{
    width: 100%;
    float: left;
    background: #0062BA;
}

#news_box .news_title p{
    font-size: 18px;
    color:#FFF;
    text-align: center;
    font-weight: bold;
    letter-spacing: 0;
    margin-top: 0px;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
}
#news_box .news_more{
    width: 100%;
    min-width: 100px;
    float: right;
    color: #FFF;
    font-size: 14px;
    margin-top: 0px;
    
}





#news_box .news_more p{
    text-align: right;
    display: flex;
    align-items: center; /* 垂直中心 */
    justify-content: center; /* 水平中心 */
}

#news_box .news_more p:before {
    border-top: 1px solid;
    content: "";
    width: 3em; /* 線の長さ */
}
#news_box .news_more p:before {
  margin-right: 1em; /* 文字の左隣 */
}




#news_box .news_more a{
    display: block;
    padding: 5px 10px;
    color: #FFF;
    text-decoration: none;
    font-weight: normal;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 400;
}

#news_box .news_more a:hover{
    color: rgb(255, 255, 0);
}


.fa-list{
    font-size: 14px;
    display: block;
    color: #FFF;
    margin-right: 10px;
}

#news_box ul{
    width:100%;
    float: left;
    padding: 10px 10px 0 10px;
	box-sizing: border-box;
}

#news_box ul li{
    padding: 0;
    overflow: hidden;
    margin-bottom: 10px;
}

.idate_box{
    float: left;
    width: 100px;
    height: 30px;
    color: #FFF;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    line-height: 1.5;
}
.icate_box{
    float: left;
    width: 90px;
    height: 21px;
    padding: 0 0 0 0;
    line-height: 1.5;
    color: #FFF;
    position: relative;
    box-sizing: border-box;
    text-align: center;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    letter-spacing: 0.05em;
    background: #FFF;
    color: #2B5F97;
}


.itext_box{
    width: 100%;
    float: left;
    box-sizing: border-box;
    letter-spacing: 0.05em;
    font-size: 13px;
}


#news_box p a{
    text-decoration: none;
    color: #FFF;
}

#news_box p a:hover{
    text-decoration: none;
    color: rgb(255, 255, 0);
}
#news_box .inner p.itext_box{
    color: #FFF;
    line-height: 1.5;
}

#scroll_box{
    display: none;
}



.megamenu_sp{
    display: block;
}


@media screen and (min-width: 1000px) {
    .megamenu_sp{
        display: none;
    }   
}
    

@media screen and (min-width: 1000px) {
    
    
    
    #articles-scroll{
        background-color: rgba(255,255,255,1);
    }
    
    header {
        overflow: hidden;
    }
    .logo {
        padding: 28px 20px 10px 20px;
        float: left;
    }
    
    .logo img{
        height: 30px;
        transition: .3s;
    }
    
    
    
    
    #news_box{
        padding: 0;
        margin-top: -50px;
        z-index: 2;
    }
    
    #news_box .inner{
        padding: 0;
        width: 80%;
        height: 80px;
        max-width: 1000px;
        float: right;
    }

    #news_box .news_title{
        width: 120px;
        height: 80px;
        float: left;
    }
    #news_box .news_title p{
        font-size: 16px;
        color:#FFF;
        text-align: center;
        font-family: 'Lato', sans-serif;
        font-weight: 700;
        letter-spacing: 0.05em;
        margin-top: 25px;
    }
    #news_box .news_more{
        width: 100px;
        color: #FFF;
        font-size: 14px;
        margin-top: 25px;
    }
    #news_box .news_more p{
        text-align: right;
        padding: 0 !important;
        margin: 0 !important;
    }
    #news_box ul{
        width:calc(100% - 220px);
        float: left;
        /* padding: 28px 0 0 0; */
        padding: 20px 0 0 0;
    }
    #news_box ul li{
        margin-bottom: 0px;
    }
    
    .idate_box{
        float: left;
        width: 100px;
        font-size: 13px;
        margin-left: 20px;
        line-height: 1.7;
    }
    .icate_box{
        float: left;
        width: 90px;
        font-size: 13px;
        padding: 0 0 0 0;
        line-height: 1.6;
    }
    
    .itext_box{
        float: left;
        width: calc(100% - 240px);
        font-size: 13px;
        font-weight: normal;
        margin-left: 20px;
        box-sizing: border-box;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        letter-spacing: 0.17em;
    }
    #scroll_box{
        display: block;
        width: 40px;
        padding: 0 0;
        z-index: 2;
        position: relative;
        box-sizing: border-box;
        color: #FFF;
        margin-top: -150px;
        z-index: 4;
    }
    #scroll_box::after{
        content:"";
        display:block;
        width:1px;
        height:120px;
        background-color:#AAAAAA;
        position:absolute;
        top:60px;
        left:28px;
    }

    .vrl{
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        font-weight: normal;
        font-size: 12px;
    }
    
    
}

/* ------------------------------------------
  MASK
--------------------------------------------- */

.mask {
 
}

.android .mask {
  -webkit-transition: none;
  transition: none;
}

.js-nav-active .mask {
  visibility: visible;
  opacity: 1;
}

/*-----------  #breadcrumb  -----------*/

#breadcrumb{
	width:100%;
    height: auto;
    background: #EDEDED;
    /* margin-bottom: 10px; */
    padding:0 0 10px 0;
    overflow: hidden;
}


#breadcrumb .inner{
    margin: 0 auto;
    padding: 0 10px;
    max-width: 1460px;
    box-sizing: border-box;
    overflow: hidden;
}

#breadcrumb ul{
    width: 100%;
    padding:0;
    text-align:left;
    color: #222222;
    font-size:12px;
    letter-spacing: 1px;
    padding-top: 10px;
    list-style: none;
}

#breadcrumb ul i{
    font-size:14px;
    margin:0 0 0 10px;
}

#breadcrumb ul li {
	margin: 0 10px 0 0;
	text-align: center;
	float: left;
}

#breadcrumb ul li a{
	text-decoration:none;
	color:#333333;
	padding:10px 0 10px 0;
	margin:0 0 0 0;
	font-weight:normal; 
    font-size: 12px;
}

#breadcrumb ul li a:hover{
    text-decoration: underline;
}


/*  画面サイズが920pxまで  */
@media screen and (min-width: 640px) {
    #breadcrumb .inner{
        padding: 0 10px;
    }
    
    #breadcrumb ul li a{
        font-size: 13px;
    }
    
}


/* フッター
------------------------------------------------------------*/
footer{
	clear: both;
	padding: 0;
	text-align: center;
	font-size: 12px;
    margin: 0 auto;
    background: none;
}


footer .inner{
    margin: 0 auto;
    max-width: 1280px;
    padding: 0 10px;
    overflow: hidden;
}


address{
    width: 100%;
    padding:0px 0 30px 0;
    text-align: center;
    font-style: normal;
    
}

address p{
    overflow: hidden;
    vertical-align: middle;
    margin-top: 10px;
    color: #333333;
    text-align: center;
    font-size: 15px;
    line-height: 1.7em;
    letter-spacing: 0.03em;
}

address p.fsubcatch{
    color: #0062B8;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.01em;
}

address p span.en{
	font-size: 90%;
}

address img{
    width: 100%;
    margin-right: 0;
    max-width:400px; 
}


address .logo_iso{
    margin-top: 20px;
}
address .logo_iso img{
    width: 45%;
    max-width: 170px;
    border: 1px solid #333;
    margin: 0 5px;
}



ul.fsub_lv1{
    margin: 0 auto;
    overflow: hidden;
    list-style: none;
}

ul.fsub_lv1 li {
    text-align: center;
    float: left;
    padding: 0 0;
    width: 100%;
    box-sizing: border-box;
}


ul.fsub_lv1 li a {
    color:#333;
    font-size: 13px;
    display:block;
    text-decoration:none;
    padding:10px 0;
    margin:0 0 0 0;
    font-weight:normal;
    border-top: 1px dotted #CCCCCC;
    position: relative;
    font-weight: bold;
    
}
ul.fsub_lv1 li p{
    padding: 0 0 2px 5px;
    text-align: left;
    letter-spacing: 0.01em;
}
ul.fsub_lv1 li p.no-link{
    color:#333;
    font-size: 13px;
    display:block;
    text-decoration:none;
    padding:10px 0 10px 5px;
    margin:0 0 0 0;
    font-weight:normal;
    border-top: 1px dotted #CCCCCC;
    position: relative;
    font-weight: bold;
}

ul.fsub_lv1 li a:before {
    content: '';
    position: absolute;
    top: 50%;
    left:0;
    display: inline-block;
    width: 0;
    height: 1px;
    background-color: #666666;
}

ul.fsub_lv1 li a:hover{
    color:#0062B8;
    text-decoration: none;
}



ul.fsub_lv2{
    margin: 0 auto;
    overflow: hidden;
    list-style: none;
}

ul.fsub_lv2 li {
    text-align: center;
    float: left;
    padding: 0 0 0 0px;
    width: 100%;
    box-sizing: border-box;
    border-bottom: none;
}



ul.fsub_lv2 li a {
    color:#333;
    font-size: 13px;
    display:block;
    text-decoration:none;
    padding: 10px 0 10px 25px;
    margin:0 0 0 0px;
    font-weight:normal;
    border-top: 1px dotted #CCCCCC;
    position: relative;
    text-align: left;
    font-weight: bold;
    
}

ul.fsub_lv2 li a:before {
    content: '';
    position: absolute;
    top: 50%;
    left:10px;
    display: inline-block;
    width: 10px;
    height: 1px;
    background-color: #666666;
}

ul.fsub_lv2 li a:hover{
    color:#0062B8;
    text-decoration: none;
}



ul.fsub_lv3{
    margin: 0 auto;
    overflow: hidden;
    list-style: none;
}

ul.fsub_lv3 li {
    text-align: center;
    float: left;
    padding: 0 0 0 0px;
    margin:  0 0 0 0px;
    width: 100%;
    box-sizing: border-box;
    border-bottom: none;
}



ul.fsub_lv3 li a {
    color:#333;
    font-size: 13px;
    display:block;
    text-decoration:none;
    padding: 10px 0 10px 30px;
    margin:0 0 0 0px;
    font-weight:normal;
    border-top: 1px dotted #CCCCCC;
    position: relative;
    
}

ul.fsub_lv3 li a:before {
    content: '';
    position: absolute;
    top: 50%;
    left:20px;
    display: inline-block;
    width: 3px;
    height: 3px;
    border-radius: 3px;
    background-color: #202020;
}

ul.fsub_lv3 li a:hover{
    color:#0062B8;
    text-decoration: none;
}


.copyright{
    width: 100%;
    margin: 0;
    text-align: center;
    height: auto;
    background: #204773;
}
.copyright .inner{
    margin: 0 auto;
    max-width: 1280px;
    padding: 0 10px;
    overflow: hidden;
}

.fmenu{
    float: left;
    width: 100%;
}

.fmenu ul{
    width: 100%;
    overflow: hidden;
}
.fmenu ul li{
    float: left;
    color: #FFF;
    text-align: left;
    list-style: none;
    padding: 7px 0px 7px 5px;
    width: 100%;
    border-bottom: 1px solid #FFF;
}
.fmenu ul li a{
    color: #FFF;
    font-size: 14px;
    text-decoration: none;
    text-align: left;
}

.fmenu ul li a:hover{
    text-decoration: underline;
}

small{
    font-size: 13px;
    color:#FFF;
    float: right;
    width: 100%;
    padding: 10px 0;
    background: #204773;
    text-align: center;
}


@media screen and (min-width: 640px) {

    
    
}

@media screen and (min-width: 1000px) {
    
    
    
    footer .inner{
        margin: 0 auto;
        max-width: 1280px;
        padding: 35px 10px;
        overflow: hidden;
    }

    
    address{
        float: left;
        width: 36%;
        padding: 0 20px 30px 0;
        text-align: left;
        font-style: normal;

    }

    address p{
        margin-top: 10px;
        text-align: left;
    }

    address img{
        float: left;
        width: 100%;
        max-width:400px; 
        margin-right: 20px;
    }
    
    address .logo_iso img{
        margin: 0 30px 0 0;
    }
    
    ul.fsub_lv1{
        float:left;
        margin:0 30px 0 0;
        overflow: hidden;
        list-style: none;
    }
    
    .fsub_150{
        width: 170px;
    }
    .fsub_300{
        width: 280px;
    }
    .fsub_280{
        width: 280px;
        margin-right: 0 !important;
    }
    ul.fsub_lv1 li {
        width: 100%;
        text-align: left;
        float: left;
        padding: 0 2px 2px 2px;
        border-top: none;
        margin-bottom: 15px;
        
    }
    
    ul.fsub_lv1 li p{
        padding: 0 0 2px 0;
        border-bottom: 1px dotted #AAA;
        letter-spacing: 0.01em;
        text-align: left;
    }
    ul.fsub_lv1 li p.no-link{
		padding: 0 2px 2px 2px;
        border-top: none;
		font-size: 16px;
		font-weight: bold;
    }
    
    
    
    ul.fsub_lv1 li a {
        text-decoration: none;
        color: #333;
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 0.02em;
        border: none;
        padding: 0 0 0 0px;
    }
    
    
    
    ul.fsub_lv2{
        float:left;
        margin: 10px auto;
        overflow: hidden;
        list-style: none;
    }
    ul.fsub_lv2 li {
        width: 100%;
        text-align: left;
        float: left;
        padding: 0 0 0 10px;
        border-top: none;
        margin-bottom: 10px;
        border-bottom: none;
    }
    
    
    ul.fsub_lv2 li a {
        text-decoration: none;
        color: #333;
        font-size: 13px;
        letter-spacing: 0.01em;
        border: none;
        padding: 0 0 0 20px;
        font-weight: bold;
    }
    
    ul.fsub_lv2 li a:before {
        content: '';
        position: absolute;
        top: 50%;
        left:0;
        display: inline-block;
        width: 10px;
        height: 1px;
        background-color: #666666;
    }
    
    ul.fsub_lv3{
        float:left;
        margin: 10px auto 10px auto;
        overflow: hidden;
        list-style: none;
    }
    ul.fsub_lv3 li {
        width: 100%;
        text-align: left;
        float: left;
        padding: 0 0 0 35px;
        border-top: none;
        margin-bottom: 5px;
        border-bottom: none;
    }
    
    
    ul.fsub_lv3 li a {
        text-decoration: none;
        color: #333;
        font-size: 13px;
        letter-spacing: 0.01em;
        border: none;
        padding: 0 0 0 10px;
        font-weight: normal;
    }
    
    ul.fsub_lv3 li a:before {
        content: '';
        position: absolute;
        top: 50%;
        left:0;
        display: inline-block;
        width: 3px;
        height: 3px;
        border-radius: 3px;
        background-color: #202020;
    }
    
    

}
@media screen and (min-width: 1000px) {
    
    .fmenu{
        float: left;
        width: calc( 100% - 240px );
    }

    .fmenu ul{
        width: 100%;
    }
    .fmenu ul li{
        float: left;
        color: #FFF;
        text-align: left;
        list-style: none;
        padding: 28px 9px 0 0;
        width: auto;
        border-bottom:none !important;
    }
    .fmenu ul li a{
        color: #FFF;
        font-size: 14px;
        text-decoration: none;
        text-align: left;
    }

    .fmenu ul li a:hover{
        text-decoration: underline;
    }

    small{
        font-size: 13px;
        color:#FFF;
        float: right;
        width: 240px;
        padding:28px 0 15px 0;
        background: #204773;
        text-align: right;
    }
    
    .copyright{
        height: 80px;
    }
    
}
@media screen and (min-width: 1065px) {
    .fmenu ul li{
        float: left;
        color: #FFF;
        text-align: left;
        list-style: none;
        padding: 28px 25px 0 0;
        width: auto;
        border-bottom:none !important;
    }
    .fmenu ul li a{
        color: #FFF;
        font-size: 14px;
        text-decoration: none;
        text-align: left;
    }
    
}


/* ------------------------------------------
  NAVIGATION STYLES
--------------------------------------------- */
.nav-collapse ul{
    height: calc(100vh - 55px);
    /* max-height: 595px; */
    overflow: auto !important;
}
.nav-collapse ul ul{
    height: auto;

}

.fixed {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
}

.nav-collapse,
.nav-collapse * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.nav-collapse,
.nav-collapse ul {
    list-style: none;
    width: 100%;
    float: left;
    background: #204773;
}



.nav-collapse li {
    float: left;
    width: 100%;
    font-weight: normal;
}
.nav-collapse li span{
    display: block;
    font-size: 12px;
    font-family: 'Noto Sans JP', sans-serif;
    color: #FFF;
    font-weight: 400;
    letter-spacing: 0em;
}
.nav-collapse a {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    border-top: 1px solid white;
    text-decoration: none;
    padding: 0.5em 1em;
    color: #FFF;
    width: 100%;
    float: left;
}

.menu_inner_sp a{
    background: #245182;
    border-top: 1px dotted #ccc !important;
}


/* ------------------------------------------
  NAV TOGGLE STYLES
--------------------------------------------- */

@font-face {
  font-family: "responsivenav";
  src:url("../icons/responsivenav.eot");
  src:url("../icons/responsivenav.eot?#iefix") format("embedded-opentype"),
    url("../icons/responsivenav.ttf") format("truetype"),
    url("../icons/responsivenav.woff") format("woff"),
    url("../icons/responsivenav.svg#responsivenav") format("svg");
  font-weight: normal;
  font-style: normal;
}

.nav-toggle {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none;
  text-indent: -300px;
  position: relative;
  overflow: hidden;
  width: 60px;
  height: 55px;
  float: right;
}

.nav-toggle:before {
  color: #FFF; /* Edit this to change the icon color */
  font: normal 28px/55px "responsivenav"; /* Edit font-size (28px) to change the icon size */
  text-transform: none;
  text-align: center;
  position: absolute;
  content: "\2261"; /* Hamburger icon */
  text-indent: 0;
  speak: none;
  width: 100%;
  left: 0;
  top: 0;
    background: #204773;
}

.nav-toggle.active:before {
  font-size: 24px;
  content: "\78"; /* Close icon */
}




#articles-scroll li:hover .megamenu {
    opacity: 1;
    padding: 0 0;
    width: 100%;
    z-index: 999999;
    height: 200px;
}

.megamenu{
    display: none;
}

@media screen and (min-width: 1000px) {


.megamenu {
    background: #204773;
    height: 0;
    opacity: 0;
    overflow: hidden;
    display: block;
    position: fixed; /* 追従 */
    z-index: 999999; /* 他の要素の下に隠れないように */
    top: 90px; /* バナーの上下の位置 */
    right: 0px; /* バナーの左右の位置 */
    width: 100%;
    transition: all .2s ease-in;
}

.megamenu .megamenu_left{
    float: left;
    width: 25%;
    height: 200px;
    background: #204773;
}

.megamenu .megamenu_left h2 {
    position: relative;
    display: block;
    text-align: left;
    font-size: 44px;
    color: #FFF;
    box-sizing: border-box;
    line-height: 1;
    letter-spacing: 0.01em;
    padding: 55px 0 0 20%;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
}
.megamenu .megamenu_left h2::after{
    content: '';
    position: absolute;
    top:71px;
    left: 80%;
    width: 10px;
    height: 10px;
    border-top: 3px solid #FFF;
    border-right: 3px solid #FFF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


.megamenu .megamenu_left span{
    margin-top: 18px;
    font-size: 20px;
    font-weight: bold;
    vertical-align: bottom;
    color: #FFF;
}

.megamenu .megamenu_right{
    float: left;
    width: 75%;
    height: 200px;
    padding: 40px 0 0 20px;
    background: #E8ECF1;
    transition: all .2s ease-in;
}

.megamenu .megamenu_right li{
    width: 50%;
    padding: 0;
    color: #1F4672;
    background: #E8ECF1;
}

.megamenu .megamenu_right img{
    float: left;
    padding-right: 15px;
    width: 100%;
    max-width: 120px;
}
.megamenu .megamenu_right li:hover img{
    opacity: 0.7;
}

.megamenu .megamenu_right p.mr_en{
    padding: 5px 0 0 0;
    font-size: 12px;
    
}
.megamenu .megamenu_right p.mr_jp{
    padding: 5px 0 0 0;
    font-size: 13px;
    line-height: 1.2;
}
.megamenu .megamenu_right a:hover{
    color:#CC0000;
}

}

@media screen and (min-width: 1000px) {
    .megamenu .megamenu_left h2 {
        padding: 55px 0 0 13%;
        font-size: 38px;
    }
    .megamenu .megamenu_left h2::after{
        top:71px;
        left: 80%;
        width: 10px;
        height: 10px;
    }
    .megamenu .megamenu_left span{
        font-size: 20px;
    }
}
@media screen and (min-width: 1240px) {
    
    .megamenu .megamenu_left{
        width: 30%;
    }
    
    .megamenu .megamenu_left h2 {
        padding: 55px 0 0 20%;
        font-size: 44px;
    }
    .megamenu .megamenu_left h2::after{
        top:71px;
        left: 80%;
        width: 10px;
        height: 10px;
    }
    .megamenu .megamenu_left span{
        font-size: 20px;
    }
    
    
    .megamenu .megamenu_right{
        width: 70%;
        padding: 35px 0 0 50px;
    }
    .megamenu .megamenu_right p.mr_en{
        padding: 13px 0 0 0;
        font-size: 13px;

    }
    .megamenu .megamenu_right p.mr_jp{
        padding: 5px 0 0 0;
        font-size: 16px;
        line-height: 1.2;
    }
    .megamenu .megamenu_right img{
        float: left;
        padding-right: 15px;
        width: 100%;
        max-width: 140px;
    }

}
/* BUTTON
------------------------------------------------------------*/

.sts_more{
    width: 100%;
    text-align: center;
    margin:0 0 20px 0;
    padding: 0;
    letter-spacing: 0.05em;
}


a.cp_btn {
	display: inline-block;
    position: relative;
	width: 100%;
	padding: 5px 0;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	transition: .4s;
    background: #FF6884;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    border-radius: 5px;
    font-size: 16px;
}

@media screen and (min-width: 1000px) {
    a.cp_btn {
        font-size: 24px;
    }
}


a.cp_btn:hover {
	background: #468C00;
	color: #fff;
}

.sti_more{
    width: 100%;
    text-align: center;
    margin:0px 0 20px 0;
    padding: 0 10px;
    letter-spacing: 0.05em;
    box-sizing: border-box;
}

a.ci_btn {
	display: inline-block;
    position: relative;
	width: 100%;
	padding: 5px 0;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	transition: .4s;
    background: #477D68;
    border-radius: 5px;
    font-size: 16px;
}

a.ci_btn:hover {
	background: #FF8409;
	color: #fff;
}


@media screen and (min-width: 1000px) {
    
    .sti_more{
        margin:20px 0 20px 0;
    }
    
    a.ci_btn {
        width: 50%;
        font-size: 24px;
    }
}



/* ------------------------------------------------------------------------------------ */
/* etc...										*/
/* ------------------------------------------------------------------------------------ */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
 .clearfix {display: inline-block;}
 

.pagetop {
	display: none;
	position: fixed;
	bottom: 119px;
	right: 0px;
    width: 50px;
}
@media screen and (min-width: 1000px) {
    .pagetop {
        display: none;
        position: fixed;
        bottom: 76px;
        right: 0px;
        width: 50px;
    }

}

.pagetop a {
    display: block;
    text-align: center;
    color: #222;
    font-size: 12px;
    text-decoration: none;
	filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
.pagetop a:hover {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}


div.screen{
    width:100%;
    height: 500px;
    overflow: hidden;
    display: flex;
    margin-top: 55px;
    
}

.catchtitle{
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: 50;
    overflow: hidden;
}
.catchtitle p{
    text-align: center;
    color: #FFF;
}

.catchtitle p.subc_en{
    text-align: center;
    color: #FFF;
    font-size: 20px;
    font-weight: bold;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    margin-top: 30px;
}

.catchtitle p.subc_en_s{
    margin-top: 60px;
}


.catchtitle p.subc_jp{
    text-align: center;
    color: #FFF;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
}
.catchtitle p.subc_txt{
    text-align: center;
    color: #FFF;
    font-size: 14px;
    margin-top: 20px;
}


.catchtitle .subc_menu_sp{
    display: block;
}


.catchtitle_machine{
    width: 100%;
    text-align: center;
    z-index: 50;
    overflow: hidden;
    margin: 0 auto;
    max-width: 1460px;
    overflow: hidden;
    padding: 0 10px;
}
.catchtitle_machine p{
    text-align: center;
    color: #FFF;
}

.catchtitle_machine p.subc_en{
    text-align: left;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    margin-top: 45px;
}


.catchtitle_machine p.subc_jp{
    text-align: left;
    color: #FFF;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0.05em;
}



div#main_coating_sp{
    position: relative;
    transform:translate(0, 0%) skewX(-0deg);
    height: 500px;
    flex: 0 0 100%;
    transition: .3s;
    overflow:hidden;
    background: url(../images/coating/main_bg_sp.jpg) 50% top no-repeat;
    display: block;
}
div#t{
    display: none;
}
div#e{
    display: none;
}




div#t{
    position: relative;
    transform:translate(-5%, 0%) skewX(-0deg);
    height: 500px;
    flex: 0 0 65%;
    transition: .3s;
    overflow:hidden;
}

div#t::after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0%;
    opacity: 1;
    display:block;
    background: url(../images/coating/main_left.jpg) 0% top no-repeat;
    transform:translate(0%, 0%) skewX(0deg);
}


div#t:hover{
    transform:translate(0%, 0%) skewX(0deg);
    transition: .3s;
}




div#e{
    position: relative;
    transform:translate(-20%, 0%) skewX(-20deg);
    height: 500px;
    flex: 0 0 65%;
    transition: .3s;
    overflow:hidden;
}

div#e::after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
    display:block;
    background: url(../images/coating/main_right.jpg) 100% top no-repeat;
    transform:translate(-20%, 0%) skewX(20deg);
}


div#e:hover{
    transform:translate(-25%, 0%) skewX(-20deg);
    transition: .3s;
}


div#t a{
    height:110px;
    position: absolute;
    top:250px;
    right:40%;
    bottom:0;
    margin:auto;
    transform: skew(0deg);
    z-index: 60;
    border: 5px solid #FFFFFF;
}

div#t a::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 25px;
    right: calc( 50% - 7px );
    width: 20px;
    height: 20px;
    border-top: 4px solid #FFF;
    border-right: 4px solid #FFF;
    transform: translateX(-0%) rotate(135deg);
}


div#e a{
    height:110px;
    position: absolute;
    top:250px;
    left:20%;
    bottom:0;
    margin:auto;
    transform: skew(20deg);
    z-index: 60;
    border: 5px solid #FFFFFF;
}
div#e a::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 25px;
    right: calc( 50% - 7px );
    width: 20px;
    height: 20px;
    border-top: 4px solid #FFF;
    border-right: 4px solid #FFF;
    transform: translateX(-0%) rotate(135deg);
}







a.coating_left_btn {
    display: block;
    position: relative;
    width: 40%;
    max-width: 300px;
    padding: 5px 0 0 0;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    background: -webkit-gradient(90deg, #113E64 35%, #0E3352);
    background: linear-gradient(90deg, #113E64 35%, #0E3352);
    overflow: hidden;
    font-size: 20px;
    font-weight:bold;
    color: #fff !important;
    letter-spacing: 0.05em;
    line-height: 2.5;
    margin: 0 auto;
    display: none;
}

a.coating_left_btn:hover {
    color: #fff !important;
    background: -webkit-gradient(90deg, #0E3352 35%, #113E64);
    background: linear-gradient(90deg, #0E3352 35%, #113E64);
}
a.coating_right_btn {
    display: block;
    position: relative;
    width: 40%;
    max-width: 300px;
    padding: 5px 0 0 0;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    background: -webkit-gradient(90deg, #232326 35%, #111111);
    background: linear-gradient(90deg, #232326 35%, #111111);
    overflow: hidden;
    font-size: 20px;
    font-weight:bold;
    color: #fff !important;
    letter-spacing: 0.05em;
    line-height: 2.5;
    margin: 0 auto;
    display: none;
}

a.coating_right_btn:hover {
    color: #fff !important;
    background: -webkit-gradient(90deg, #111111 35%, #232326);
    background: linear-gradient(90deg, #111111 35%, #232326);
}


a.coating_left_btn_sp {
    display: block;
    position: relative;
    width: 90%;
    max-width: 500px;
    padding: 10px 20px;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    background: -webkit-gradient(90deg, #113E64 35%, #0E3352);
    background: linear-gradient(90deg, #113E64 35%, #0E3352);
    overflow: hidden;
    font-size: 18px;
    font-weight:bold;
    color: #fff !important;
    letter-spacing: 0.05em;
    line-height: 2.5;
    margin: 20px auto 0 auto;
    border: 5px solid #FFFFFF;
}

a.coating_left_btn_sp:hover {
    color: #fff !important;
    background: -webkit-gradient(90deg, #0E3352 35%, #113E64);
    background: linear-gradient(90deg, #0E3352 35%, #113E64);
}
a.coating_right_btn_sp {
    display: block;
    position: relative;
    width: 90%;
    max-width: 500px;
    padding: 10px 20px;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    background: -webkit-gradient(90deg, #232326 35%, #111111);
    background: linear-gradient(90deg, #232326 35%, #111111);
    overflow: hidden;
    font-size: 18px;
    font-weight:bold;
    color: #fff !important;
    letter-spacing: 0.05em;
    line-height: 2.5;
    margin: 0 auto;
    margin: 20px auto 0 auto;
    border: 5px solid #FFFFFF;
}

a.coating_right_btn_sp:hover {
    color: #fff !important;
    background: -webkit-gradient(90deg, #111111 35%, #232326);
    background: linear-gradient(90deg, #111111 35%, #232326);
}





/* ----------------------------------------------------
  ファインコーティング装置販売
---------------------------------------------------------*/

div#main_machine_sp{
    position: relative;
    transform:translate(0, 0%) skewX(-0deg);
    height: 500px;
    flex: 0 0 100%;
    transition: .3s;
    overflow:hidden;
    background: url(../images/machine/main_bg_sp.jpg) 50% top no-repeat;
    display: block;
}
div#main_machine_left{
    display: none;
}
div#main_machine_right{
    display: none;
}


div#main_machine_left{
    position: relative;
    transform:translate(-5%, 0%) skewX(-0deg);
    height: 500px;
    flex: 0 0 65%;
    transition: .3s;
    overflow:hidden;
}

div#main_machine_left::after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0%;
    opacity: 1;
    display:block;
    background: url(../images/machine/main_left.jpg) 0% top no-repeat;
    transform:translate(0%, 0%) skewX(0deg);
}

div#main_machine_left:hover{
    transform:translate(0%, 0%) skewX(0deg);
    transition: .3s;

}


div#main_machine_left a{
    height:110px;
    position: absolute;
    top:250px;
    right:30%;
    bottom:0;
    margin:auto;
    transform: skew(0deg);
    z-index: 60;
    border: 5px solid #FFFFFF;
}



a.machine_left_btn {
    display: block;
    position: relative;
    width: 40%;
    max-width: 300px;
    padding: 5px 0 0 0;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    background: -webkit-gradient(90deg, #364355 35%, #364355);
    background: linear-gradient(90deg, #364355 35%, #364355);
    overflow: hidden;
    font-size: 34px;
    font-weight:bold;
    color: #fff !important;
    letter-spacing: 0.02em;
    line-height: 1.7;
    margin: 0 auto;
    display: none;
}

a.machine_left_btn:hover {
    color: #fff !important;
    background: -webkit-gradient(90deg, #364355 35%, #364355);
    background: linear-gradient(90deg, #364355 35%, #364355);
}

a.machine_left_btn div{
    font-size: 14px;
    margin-top: 10px;
    line-height: 1;
}


div#main_machine_right{
    position: relative;
    transform:translate(-20%, 0%) skewX(-20deg);
    height: 500px;
    flex: 0 0 65%;
    transition: .3s;
    overflow:hidden;
    
}

div#main_machine_right::after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
    display:block;
    background: url(../images/machine/main_right.jpg) 100% top no-repeat;
    transform:translate(-20%, 0%) skewX(20deg);
}

div#main_machine_right:hover{
    transform:translate(-25%, 0%) skewX(-20deg);
    transition: .3s;
}

div#main_machine_right a{
    height:110px;
    position: absolute;
    top:250px;
    left:10%;
    bottom:0;
    margin:auto;
    transform: skew(20deg);
    z-index: 60;
    border: 5px solid #FFFFFF;
}


a.machine_right_btn {
    display: block;
    position: relative;
    width: 40%;
    max-width: 300px;
    padding: 5px 0 0 0;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    background: -webkit-gradient(90deg, #527F38 35%, #527F38);
    background: linear-gradient(90deg, #527F38 35%, #527F38);
    overflow: hidden;
    font-size: 34px;
    font-weight:bold;
    color: #fff !important;
    letter-spacing: 0.02em;
    line-height: 1.7;
    margin: 0 auto;
    display: none;
}

a.machine_right_btn:hover {
    color: #fff !important;
    background: -webkit-gradient(90deg, #527F38 35%, #527F38);
    background: linear-gradient(90deg, #527F38 35%, #527F38);
}
a.machine_right_btn div{
    font-size: 14px;
    margin-top: 10px;
    line-height: 1;
}



a.machine_left_btn_sp {
    display: block;
    position: relative;
    width: 90%;
    max-width: 500px;
    padding: 10px 20px;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    background: -webkit-gradient(90deg, #364355 35%, #364355);
    background: linear-gradient(90deg, #364355 35%, #364355);
    overflow: hidden;
    font-size: 18px;
    font-weight:bold;
    color: #fff !important;
    letter-spacing: 0.05em;
    line-height: 2.5;
    margin: 20px auto 0 auto;
    border: 5px solid #FFFFFF;
}

a.machine_left_btn_sp:hover {
    color: #fff !important;
    background: -webkit-gradient(90deg, #364355 35%, #364355);
    background: linear-gradient(90deg, #364355 35%, #364355);
}
a.machine_right_btn_sp {
    display: block;
    position: relative;
    width: 90%;
    max-width: 500px;
    padding: 10px 20px;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    background: -webkit-gradient(90deg, #527F38 35%, #527F38);
    background: linear-gradient(90deg, #527F38 35%, #527F38);
    overflow: hidden;
    font-size: 18px;
    font-weight:bold;
    color: #fff !important;
    letter-spacing: 0.05em;
    line-height: 2.5;
    margin: 0 auto;
    margin: 20px auto 0 auto;
    border: 5px solid #FFFFFF;
}

a.machine_right_btn_sp:hover {
    color: #fff !important;
    background: -webkit-gradient(90deg, #527F38 35%, #527F38);
    background: linear-gradient(90deg, #527F38 35%, #527F38);
}






/* ------------------------------------------------------------- */


div.screen_dlc{
    width:100%;
    height: 400px;
    overflow: hidden;
    display: flex;
    margin-top: 55px;
    background: url(../images/coating/header_dlc_bg.jpg) center top no-repeat;
    background-size:cover;
}


div.screen_nitride{
    width:100%;
    height: 400px;
    overflow: hidden;
    display: flex;
    margin-top: 55px;
    background: url(../images/coating/header_nitride_bg.jpg) center top no-repeat;
    background-size:cover;
}

div.screen_machine{
    width:100%;
    height: 150px;
    overflow: hidden;
    display: flex;
    background: url(../images/machine/main_sub.jpg) center top no-repeat;
    background-size:cover;
    margin: 55px auto 0 auto;
}

.catchtitle .subc_menu_dlc_sub{
    display: block;
    position: relative;
    width: 90%;
    max-width: 600px;
    padding: 10px 20px;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    background: -webkit-gradient(90deg, #113E64 35%, #0E3352);
    background: linear-gradient(90deg, #113E64 35%, #0E3352);
    overflow: hidden;
    font-size: 18px;
    font-weight:bold;
    color: #fff !important;
    letter-spacing: 0.05em;
    line-height: 2.5;
    margin: 50px auto 0 auto;
    border: 5px solid #FFFFFF;
}

.catchtitle .subc_menu_nitride_sub{
    display: block;
    position: relative;
    width: 90%;
    max-width: 600px;
    padding: 10px 20px;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    background: -webkit-gradient(90deg, #161616 35%, #222222);
    background: linear-gradient(90deg, #222222 35%, #161616);
    overflow: hidden;
    font-size: 18px;
    font-weight:bold;
    color: #fff !important;
    letter-spacing: 0.05em;
    line-height: 2.5;
    margin: 50px auto 0 auto;
    border: 5px solid #FFFFFF;
}



.lineup_coating_box{
    width:100%;
    
    overflow: hidden;
    background: #111111;
}

.lineup_coating_list{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
    margin-top: 10px;
}

.lineup_coating_list > div.coating_series{
    width: 50%;
    padding: 0;
    box-sizing: border-box;
    margin: 0 0 20px 0;
}
.lineup_coating_list > div.coating_object{
    width: calc( 100% / 3);
    padding: 0;
    box-sizing: border-box;
    margin: 0 0 20px 0;
}


.lineup_coating_list > div a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}


.lineup_coating_list .lcl_icon{
    text-align: center;
    height: 95px;
    display:flex;
    align-items: center;
}
.lineup_coating_list .lcl_icon img{
    display: block;
    margin: 0 auto;
    transition: .2s;
    transform: scale(0.8);
}
.lineup_coating_list > div a:hover > div.lcl_icon img{
    opacity: 1;
    transform: scale(1);
}



.lineup_coating_list .title{
    font-size: 14px;
    color: #FFF;
    text-align: center;
    font-weight: bold;
    letter-spacing: 0.05em;
}




/* -----------------------------------
  ファインコーティング装置販売
--------------------------------- */


.lineup_machine_box{
    width:100%;
    
    overflow: hidden;
    background: #111111;
}

.lineup_machine_list{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
    margin-top: 10px;
}

.lineup_machine_list > div.machine_series{
    width: calc( 100% / 3);
    padding: 0;
    box-sizing: border-box;
    margin: 0 0 20px 0;
}


.lineup_machine_list > div a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}


.lineup_machine_list .lcl_icon{
    text-align: center;
    height: 95px;
    display:flex;
    align-items: center;
}
.lineup_machine_list .lcl_icon img{
    display: block;
    margin: 0 auto;
    transition: .2s;
    transform: scale(0.8);
    max-width: 120px;
}
.lineup_machine_list > div a:hover > div.lcl_icon img{
    opacity: 1;
    transform: scale(1);
}



.lineup_machine_list .title{
    font-size: 14px;
    color: #FFF;
    text-align: center;
    font-weight: normal;
    letter-spacing: 0.05em;
}





@media screen and (min-width: 640px) {
    div.screen_dlc{
        margin-top: 55px;
    }
    div.screen_machine{
        margin-top: 55px;
        height: 200px;
    }
   
    
    
    div.screen_nitride{
        margin-top: 55px;
    }
    .catchtitle .subc_menu_dlc_sub{
        padding: 15px 20px 20px 20px;
        line-height: 1.5;
        font-size: 24px;
    }
    .catchtitle .subc_menu_nitride_sub{
        padding: 15px 20px 20px 20px;
        line-height: 1.5;
        font-size: 24px;
    }
    
    .catchtitle p.subc_en{
        font-size: 30px;
        margin-top: 60px;
    }
    .catchtitle p.subc_jp{
        font-size: 38px;
        line-height: 1;
    }
    .catchtitle_machine p.subc_en{
        font-size: 20px;
        margin-top: 60px;
    }
    .catchtitle_machine p.subc_jp{
        font-size: 30px;
        line-height: 1;
    }
}



/*  画面サイズが1000pxまで  */
@media screen and (min-width: 1000px) {
    
    div.screen{
        margin-top: 90px;
    }
    div.screen_dlc{
        margin-top: 90px;
    }
    div.screen_machine{
        margin-top: 90px;
    }
    div.screen_nitride{
        margin-top: 90px;
    }
    
    .lineup_coating_list > div.coating_series{
        width: 25%;
        padding: 0;
        box-sizing: border-box;
        margin: 0 0 20px 0;
    }
    .lineup_coating_list > div.coating_object{
        width: calc( 50% / 3);
        padding: 0;
        box-sizing: border-box;
        margin: 0 0 20px 0;
    }
    .lineup_coating_list .title{
        font-size: 18px;
    }
    
    
    .lineup_machine_list > div.machine_series{
        width: calc(100% / 7);
        padding: 0;
        box-sizing: border-box;
        margin: 0 0 20px 0;
    }

    .lineup_machine_list .title{
        font-size: 16px;
    }
    .lineup_machine_list .lcl_icon img{
        display: block;
        margin: 0 auto;
        transition: .2s;
        transform: scale(0.8);
        max-width: 180px;
    }
    
    .catchtitle .subc_menu_dlc_sub{
        padding: 15px 20px 20px 20px;
        line-height: 1.5;
        font-size: 38px;
    }
    .catchtitle .subc_menu_nitride_sub{
        padding: 15px 20px 20px 20px;
        line-height: 1.5;
        font-size: 38px;
    }
    
    #himage{
        z-index: 1;
        overflow: hidden;
        margin-top: 90px;
    }
    #himage img{
        width: 100%;
    }
    .is-fixed {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 2;
        width: 100%;
        height: 90px;
        border: none;
        background: #FFFFFF;
        transition: .3s;
    }

    .articles-Wrapper {
        margin: 0 auto;
        /* min-width: 1100px; */
    }
    
    
    .js .nav-collapse {
        position: relative;
    }
    .js .nav-collapse.closed {
        max-height: none;
    }
    .nav-toggle {
        display: none;
    }

    .mask {
        display: none !important;
        opacity: 0 !important;
    }

    .nav-collapse {
        float: right;
        width: auto;
        height: 90px;
        /* margin-right: 155px; */
        background: #FFF;
        
    }
	
	.nav-right{
		margin-right: 100px;
	}
	
	
    .nav-collapse li {
        width: auto;
        background: #FFF;
    }
    
    .nav-collapse li{
        
    }
    .nav-collapse li span{
        color: #333;
        font-weight: bold;
    }
    .nav-collapse li.menu-item {
        margin-top: 0;
        
    }
    
    
    .nav-collapse li.menu-item a{
        display: block;
        width: 100%;
        height: 100%;
        padding: 22px 28px 22px 28px;
    }
	
	
	
    .menu_line{
        position: relative;
    }
    
    .menu_line::after{
       content:"";
       display:block;
       width:1px;
       height:40px;
       background-color:#DDD;
       position:absolute;
       top:25px;
       left:100%;
    }
    
    .nav-collapse li.menu-item:first-child {
        border-left: none;
    }

    .nav-collapse a {
        padding: 0;
        text-align: center;
        border-top: 0;
        float: left;
        margin: 0;
        font-size: 14px;
        font-weight: 700;
        color: #333333;
        letter-spacing: 0.01em;
    }
    

    .nav-collapse a:hover{
        background: none;
        color:#EB0618;
        text-decoration: none;
    }
    
    
    .menu_inner a {
        padding: 0;
        text-align: center;
        border-top: 0;
        float: left;
        margin: 0;
        font-size: 14px;
        font-weight: 700;
        color: #FFF;
        letter-spacing: 0.01em;
    }
    

    .menu_inner a:hover{
        background: none;
        color:#EB0618;
        text-decoration: none;
    }
    
    
    .contact_box {
        display: block;
        position: fixed; /* 追従 */
        z-index: 200; /* 他の要素の下に隠れないように */
        top: 0px; /* バナーの上下の位置 */
        right: 0px; /* バナーの左右の位置 */
    }
	
	.language_box {
        display: block;
        position: fixed; /* 追従 */
        z-index: 200; /* 他の要素の下に隠れないように */
        top: 0px; /* バナーの上下の位置 */
        right: 0px; /* バナーの左右の位置 */
    }
	
    .btn_langage_p2{
        
        width:100%;
        height:20px;
        font-size: 12px;
        line-height: 1;
        
    }
    
    
    
	.btn_langage_p{
        width:50px;
        height:30px;
        background: #EEEEEE;
        font-size: 12px;
    }
    
    a.btn--langage_on {
        color: #fff;
        background-color: #046CBA;
        text-decoration: none;
		display: block;
        width: 100%;
		height:30px;
		text-align: center;
		padding-top:4px;
		box-sizing: border-box;
		border-bottom: 1px solid #CCC;
    }

    a.btn--langage_on:hover {
        color: #fff;
        background: #CC0000;
    }
	
	a.btn--langage_off {
        color: #fff;
        background-color: #999;
        text-decoration: none;
		display: block;
        width: 100%;
		height:30px;
		text-align: center;
		padding-top:4px;
		box-sizing: border-box;
		border-bottom: 1px solid #CCC;
    }

    a.btn--langage_off:hover {
        color: #fff;
        background: #CC0000;
    }
    
    
    
    a.btn--langage_on2 {
        color: #fff;
        background-color: #046CBA;
        text-decoration: none;
		display: block;
        width: 100%;
		height:20px;
		text-align: center;
		padding-top:3px;
		box-sizing: border-box;
		border-bottom: 1px solid #CCC;
    }

    a.btn--langage_on2:hover {
        color: #fff;
        background: #CC0000;
    }
	a.btn--langage_off2 {
        color: #fff;
        background-color: #999;
        text-decoration: none;
		display: block;
        width: 100%;
		height:20px;
		text-align: center;
		padding-top:3px;
		box-sizing: border-box;
		border-bottom: 1px solid #CCC;
    }

    a.btn--langage_off2:hover {
        color: #fff;
        background: #CC0000;
    }
	
	a.btn--langage_none{
		border-bottom:none;
	}
	
	
    a.contact_btn {
        display: block;
        position: relative;
        width: 100px;
        height: 80px;
        padding: 0 0 !important;
        text-align: center;
        text-decoration: none;
        background: -webkit-gradient(90deg, #054681 35%, #0062B8);
        background: linear-gradient(90deg, #054681 35%, #0062B8);
        overflow: hidden;
        font-size: 12px;
        font-weight:normal;
        color: #fff !important;
        letter-spacing: 0em;
        line-height: 2.5;
        transition: .3s;
    }
    a.contact_btn i{
        display: block;
        padding-top: 20px;
        font-size: 16px;
        transition: .3s;
    }
    a.contact_btn:hover {
        color: #fff !important;
        background: -webkit-gradient(90deg, #0062B8 35%, #054681);
        background: linear-gradient(90deg, #0062B8 35%, #054681);
    }
    
    
    a.contact_m_btn {
        display: block;
        position: relative;
        width: 100px;
        height: 80px;
        padding: 0 0 !important;
        text-align: center;
        text-decoration: none;
        background: -webkit-gradient(90deg, #004F52 35%, #00686C);
        background: linear-gradient(90deg, #004F52 35%, #00686C);
        overflow: hidden;
        font-size: 12px;
        font-weight:normal;
        color: #fff !important;
        letter-spacing: 0em;
        line-height: 2.5;
        transition: .3s;
    }
    a.contact_m_btn i{
        display: block;
        padding-top: 20px;
        font-size: 16px;
        transition: .3s;
    }
    a.contact_m_btn:hover {
        color: #fff !important;
        background: -webkit-gradient(90deg, #00686C 35%, #004F52);
        background: linear-gradient(90deg, #00686C 35%, #004F52);
    }
    
    
    
    
    
    .nav-collapse .fa-envelope{
        width: 100%;
        font-size: 30px;
        display: block;
    }
    
    
    .nav-collapse li.mi_contact{
        width: 150px;
        height: 135px;
        margin-left: 0px;
    }

    
    .logo {
        padding: 30px 20px 10px 20px;
        float: left;
    }
    .logo img{
        height: 25px;
        transition: .3s;
    }
    
    .parent_company {
        display: block;
        padding: 25px 20px 10px 0;
        float: left;
    }
    .parent_company img{
        height: 35px;
        transition: .3s;
    }
    
    
    .catchtitle p.subc_en{
        font-size: 40px;
        margin-top: 60px;
    }
    
    .catchtitle p.subc_jp{
        font-size: 48px;
        line-height: 1;
    }
    .catchtitle p.subc_txt{
        font-size: 18px;
    }
    .catchtitle .subc_menu_sp{
        display: none;
    }
    
    
    div#main_machine_sp{
        display: none;
    }
    div#main_machine_left{
        display: block;
    }
    div#main_machine_right{
        display: block;
    }
    
    div#main_coating_sp{
        display: none;
    }
    div#t{
        display: block;
    }
    div#e{
        display: block;
    }
    
    a.coating_left_btn {
        display: block;
    }
    a.coating_right_btn {
        display: block;
    }
    a.machine_left_btn {
        display: block;
    }
    a.machine_right_btn {
        display: block;
    }
}

@media screen and (min-width: 1240px) {
    .lineup_coating_list .title{
        font-size: 20px;
    }
}


@media screen and (min-width: 1000px) {
    .nav-collapse li.menu-item a{
        padding: 27px 8px 26px 8px;
        transition: .3s;
    }
    .nav-collapse a {
        font-size: 11px;
    }
    .nav-collapse li span{
        font-size: 10px;
    }
    .nav-collapse {
        /* margin-right: 110px; */
    }
}

@media screen and (min-width: 1100px) {
    .nav-collapse li.menu-item a{
        padding: 26px 10px 25px 10px;
        transition: .3s;
    }
    .nav-collapse a {
        font-size: 12px;
    }
    .nav-collapse li span{
        font-size: 10px;
    }
    .nav-collapse {
        /* margin-right: 110px; */
    }
}

@media screen and (min-width: 1240px) {
    .nav-collapse li.menu-item a{
        padding: 26px 12px 24px 12px;
        transition: .3s;
    }
    .nav-collapse a {
        font-size: 12px;
    }
    .nav-collapse li span{
        font-size: 10px;
    }
    .nav-collapse {
        /* margin-right: 160px; */
    }
    
    .logo {
        padding: 28px 20px 10px 20px;
        float: left;
    }
    .logo img{
        height: 30px;
        transition: .3s;
    }
    .parent_company {
        padding: 20px 20px 10px 0;
    }
    .parent_company img{
        height: 50px;
    }
    
    .btn_contact{
        width:150px;
        height:100px;
    }
    a.contact_btn {
        width: 150px;
        /* height:100px; */
        height:90px;
        font-size: 14px;
    }
    a.contact_btn i{
        display: block;
        /* padding-top: 25px; */
        padding-top: 22px;
        font-size: 18px;
    }
    
    a.contact_m_btn {
        width: 150px;
        /* height:100px; */
        height:90px;
        font-size: 14px;
    }
    a.contact_m_btn i{
        display: block;
        /* padding-top: 25px; */
        padding-top: 22px;
        font-size: 18px;
    }
    
    .btn_langage{
        width:100px;
        height:90px;
        text-align: center;
        background: #3665af;
        font-size: 12px;
    }
    .btn_langage span{
        margin: 0 0 0 0;
        font-weight: bold;
        color: #FFF;
        display: block;
        height: 30px;
        line-height: 1;
        padding-top: 8px;
        box-sizing: border-box;
    }


    a.btn--langage {
        color: #fff;
        background-color: #046CBA;
        text-decoration: none;
        padding: 2px 18px 3px 18px;
    }

    a.btn--langage:hover {
        color: #fff;
        background: #CC0000;
    }
    
}

@media screen and (min-width: 1340px) {
    .nav-collapse li.menu-item a{
        padding: 22px 16px 22px 16px;
        transition: .3s;
    }
    .nav-collapse a {
        font-size: 14px;
    }
    .nav-collapse li span{
        font-size: 12px;
    }
    .nav-collapse {
        /* margin-right: 155px; */
    }
}
@media screen and (min-width: 1460px) {
    .nav-collapse li.menu-item a{
        padding: 22px 22px 22px 22px;
        transition: .3s;
    }
    .nav-collapse a {
        font-size: 14px;
    }
    .nav-collapse li span{
        font-size: 12px;
    }
    .nav-collapse {
        /* margin-right: 155px; */
    }
}


@media screen and (min-width: 1520px) {
    .nav-collapse li.menu-item a{
        padding: 22px 28px 22px 28px;
    }
    .nav-collapse a {
        font-size: 14px;
    }
    .nav-collapse li span{
        font-size: 12px;
    }
    .nav-collapse {
        /* margin-right: 155px; */
    }
}

/* sec_top_service
------------------------------------------------------------*/

#sec_top_service{
    margin:0;
    padding:30px 0 30px 0;
    text-align: left;
}

#sec_top_service .inner{
    margin: 0 auto;
    max-width: 1460px;
    overflow: hidden;
    padding: 0 10px;
}


#sec_top_service .inner h1 {
    position: relative;
    display: block;
    text-align: left;
    font-size: 32px;
    color: #1F4672;
    box-sizing: border-box;
    line-height: 1;
    letter-spacing: 0.01em;
    padding: 5px 0 5px 20px;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
}

#sec_top_service .inner h1:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 3px;
    height: 100%;
    background-color: #204773;
}

#sec_top_service .inner span{
    margin-top: 10px;
    margin-left: 5px;
    font-size: 16px;
    font-weight: bold;
    vertical-align: bottom;
    display: block;
}
#sec_top_service .inner .h1_jp:before {
    content: '';
    position: absolute;
    top: 52%;
    display: none;
    width: 26px;
    height: 1px;
    background-color: #204773;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}


#sec_top_service .inner .h1_jp{
    display:inline;
    font-size: 20px;
    font-weight: 900;
    margin-left: 10px;
    vertical-align: bottom;
}

#sec_top_service .inner .service_box{
    overflow: hidden;
    display: block;
    padding: 0 0px;
    box-sizing: border-box;
}

#sec_top_service .inner .service_box p{
    font-size: 20px;
    font-family: 'Noto Serif JP', sans-serif;
    font-weight: 700;
    color: #1F1F1F;
    margin-bottom: 20px;
}


a.geniuscoat_btn {
    display: block;
    position: relative;
    width: auto;
    max-width: 400px;
    padding: 5px 0;
    text-align: center;
    text-decoration: none;
    background: -webkit-gradient(90deg, #0062B8 35%, #054681);
    background: linear-gradient(90deg, #0062B8 35%, #054681);
    overflow: hidden;
    font-size: 18px;
    font-weight:bold;
    color: #fff !important;
    letter-spacing: 0.05em;
    line-height: 2.5;
    margin: 0 auto;
}

a.geniuscoat_btn:hover {
    color: #fff !important;
    background: -webkit-gradient(90deg, #054681 35%, #0062B8);
    background: linear-gradient(90deg, #054681 35%, #0062B8);
}


#sec_top_service .inner .service_menu{
    overflow: hidden;
    display: block;
    padding: 50px 0px 20px 0px;
    box-sizing: border-box;
}


#sec_top_service .inner .service_menu .service_left{
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    max-width: 1000px;
    box-sizing: border-box;
    background: #EEF2F6;
    
    z-index: 20;
}

#sec_top_service .inner .service_menu .service_left img.img_coating{
    float: right;
    margin-top: 20px;
    margin-right: 10px;
    margin-left: 20px;
    width: 100%;
    max-width: 120px;
    transition: .3s;
    z-index: 10;
    position: relative;
}


#sec_top_service .inner .service_menu .service_right{
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    max-width: 1000px;
    box-sizing: border-box;
    background: #EDF5F5;
}
#sec_top_service .inner .service_menu .service_right img.img_machine{
    float: right;
    margin-top: 20px;
    margin-right: 10px;
    margin-left: 20px;
    width: 100%;
    max-width: 120px;
    transition: .3s;
    position: relative;
    z-index: 10;
}
#sec_top_service .inner .service_menu h2{
    font-size: 20px;
    color: #FFF;
    padding: 15px 40px 10px 20px;
}
#sec_top_service .inner .service_menu a.sv_coating_link{
    color: #FFF;
    text-decoration: none;
}
#sec_top_service .inner .service_menu a.sv_coating_link:hover{
    color: #ffff00 !important;
    text-decoration: none;
}


#sec_top_service .inner .service_menu a.sv_machine_link{
    color: #FFF;
    text-decoration: none;
}

#sec_top_service .inner .service_menu h2.sv_coating{
    background: url(../images/top/bg_service_coating.jpg) left top repeat;
}
#sec_top_service .inner .service_menu h2.sv_machine{
    background: url(../images/top/bg_service_machine.jpg) left top repeat;
}



#sec_top_service .inner .service_menu h2 span{
    display: block;
    padding: 0;
    margin: 0;
    line-height: 1;
    font-size: 16px;
}

#sec_top_service .inner .service_menu h2:hover {
    opacity:0.9;
    z-index: 0;
}


#sec_top_service .inner .service_menu h2 span.more_btn{
    display: block;
    position: relative;
    width: auto;
    max-width: 30%;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
    background:#FFF;
    font-size: 14px;
    font-weight:bold;
    color: #134B7B;
    letter-spacing: 0.05em;
    margin-top: 5px;
}
#sec_top_service .inner .service_menu h2 span.more_btn:hover {
    color: #134B7B !important;
    background:#ffff00;
}


#sec_top_service .inner .service_menu h2:hover > .more_btn {
    background: #ffff00;
}


#sec_top_service .inner .service_menu .service_left p{
    padding: 20px 20px 0 20px;
    font-size: 14px;
    line-height: 1.9;
    box-sizing: border-box;
}

#sec_top_service .inner .service_menu .service_left p.sm_tel{
    padding: 0 20px 0 20px;
    font-size: 26px;
    color: #244D7D;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    box-sizing: border-box;
}

#sec_top_service .inner .service_menu .service_left p.sm_tel a{
    color: #244D7D;
}

#sec_top_service .inner .service_menu .service_right p{
    padding: 20px 20px 0 20px;
    font-size: 14px;
    line-height: 1.9;
    box-sizing: border-box;
}
#sec_top_service .inner .service_menu .service_right p.sm_tel{
    padding: 0 20px 0 20px;
    font-size: 26px;
    color: #005F66;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    box-sizing: border-box;
}
#sec_top_service .inner .service_menu .service_right p.sm_tel a{
    color: #005F66;
}
a.coating_btn {
    display: block;
    position: relative;
    width: auto;
    max-width: 100%;
    padding: 5px 0;
    text-align: center;
    text-decoration: none;
    background:#134B7B;
    overflow: hidden;
    font-size: 14px;
    font-weight:bold;
    color: #fff !important;
    letter-spacing: 0.05em;
    line-height: 2.5;
    margin: 10px 20px 30px 20px;
}

a.coating_btn:hover {
    color: #fff !important;
    background:#1d5e96;
}

a.machine_btn {
    display: block;
    position: relative;
    width: auto;
    max-width: 100%;
    padding: 5px 0;
    text-align: center;
    text-decoration: none;
    background:#01686D;
    overflow: hidden;
    font-size: 14px;
    font-weight:bold;
    color: #fff !important;
    letter-spacing: 0.05em;
    line-height: 2.5;
    margin: 10px 20px 30px 20px;
}

a.machine_btn:hover {
    color: #fff !important;
    background:#097c81;
}



/*  画面サイズが640pxまで  */
@media screen and (min-width: 640px) {
    #sec_top_service .inner h1 {
        font-size: 44px;
        padding: 5px 0 5px 25px;
    }
    
    #sec_top_service .inner .h1_jp{
        margin-left: 20px;
    }
    #sec_top_service .inner .service_box{
        padding: 0 30px;
    }
    #sec_top_service .inner .service_box p{
        font-size: 32px;
    }
    a.geniuscoat_btn {
        margin: 0;
        font-size: 22px;
    }
    #sec_top_service .inner .service_menu .service_left p{
        padding: 30px 30px 0 30px;
        font-size: 16px;
        line-height: 1.9;
        box-sizing: border-box;
    }
    #sec_top_service .inner .service_menu .service_left p.sm_tel{
        padding: 0 30px 0 30px;
        font-size: 26px;
        color: #244D7D;
        font-family: 'Lato', sans-serif;
        font-weight: 900;
        box-sizing: border-box;
    }
    #sec_top_service .inner .service_menu .service_right p{
        padding: 30px 30px 0 30px;
        font-size: 16px;
        line-height: 1.9;
        box-sizing: border-box;
    }
    #sec_top_service .inner .service_menu .service_right p.sm_tel{
        padding: 0 30px 0 30px;
        font-size: 26px;
        color: #005F66;
        font-family: 'Lato', sans-serif;
        font-weight: 900;
        box-sizing: border-box;
    }
    #sec_top_service .inner .service_menu .service_left img.img_coating{
        margin-top: 20px;
        max-width: 150px;
    }

    #sec_top_service .inner .service_menu .service_right img.img_machine{
        margin-top: 20px;
        max-width: 150px;
    }   
    
    a.coating_btn {
        margin: 10px 30px 30px 30px;
    }


    a.machine_btn {
        margin: 10px 30px 30px 30px;
    }
    
    
}



@media screen and (min-width: 1000px) {

    #sec_top_service{
        margin:0;
        padding:50px 0 40px 0;
        text-align: left;
    }
    
    #sec_top_service .inner{
        padding: 0 10px;
    }
    
    #sec_top_service .inner .service_menu h2{
        font-size: 28px;
        color: #FFF;
        padding: 35px 40px 25px 40px;
    }

    #sec_top_service .inner .service_menu h2 span{
        display: block;
        padding: 0;
        margin: 0;
        line-height: 1;
        font-size: 18px;
    }
    
    
    #sec_top_service .inner .service_menu .service_left{
        width: calc( 50% - 10px);
        margin: 0 5px;
        max-width: 735px;
    }


    #sec_top_service .inner .service_menu .service_right{
        margin: 0 5px;
        width: calc( 50% - 10px);
        max-width: 735px;
    }
    
    
    #sec_top_service .inner .service_menu .service_left img.img_coating{
        margin-top: 20px;
        max-width: 200px;
    }

    #sec_top_service .inner .service_menu .service_right img.img_machine{
        margin-top: 20px;
        max-width: 200px;
    }   
    #sec_top_service .inner .service_menu .service_left p{
        padding: 30px 30px 10px 30px;
        font-size: 16px;
        line-height: 1.9;
        box-sizing: border-box;
    }

    #sec_top_service .inner .service_menu .service_left p.sm_tel{
        padding: 0px 30px 0px 30px;
        font-size: 26px;
        color: #244D7D;
        font-family: 'Lato', sans-serif;
        font-weight: 900;
        box-sizing: border-box;
    }
    
    
    #sec_top_service .inner .service_menu .service_right p{
        padding: 30px 30px 10px 30px;
        font-size: 16px;
        line-height: 1.9;
        box-sizing: border-box;
    }
    
    #sec_top_service .inner .service_menu .service_right p.sm_tel{
        padding: 0px 30px 0px 30px;
        font-size: 26px;
        color: #005F66;
        font-family: 'Lato', sans-serif;
        font-weight: 900;
        box-sizing: border-box;
    }
    
    #sec_top_service .inner span{
        display: inline-block;
        margin-left: 40px;
        margin-top: 0px;
        line-height: 2;
        font-size: 20px;
    }
    #sec_top_service .inner .h1_jp:before {
        display:inline-block;
    }
    
}

@media screen and (min-width: 1240px) {
    
    #sec_top_service .inner .service_menu h2{
        font-size: 32px;
        color: #FFF;
        padding: 25px 40px 25px 40px;
    }

    #sec_top_service .inner .service_menu h2 span{
        display: block;
        padding: 0;
        margin: 0;
        line-height: 1;
        font-size: 20px;
    }
    
    #sec_top_service .inner .service_menu .service_left img.img_coating{
        margin-top: -100px;
        max-width: 300px;
    }

    #sec_top_service .inner .service_menu .service_right img.img_machine{
        margin-top: -100px;
        max-width: 300px;
    }   
    
}

/* sec_top_advantage
------------------------------------------------------------*/

#sec_top_advantage{
    margin:0;
    padding:0 0 50px 0;
    text-align: left;
}

#sec_top_advantage .inner{
    margin: 0 auto;
    max-width: 1460px;
    overflow: hidden;
    padding: 0 10px;
}


#sec_top_advantage .inner h1 {
    position: relative;
    display: block;
    text-align: left;
    font-size: 32px;
    color: #1F4672;
    box-sizing: border-box;
    line-height: 1;
    letter-spacing: 0.01em;
    padding: 5px 0 5px 20px;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
}

#sec_top_advantage .inner h1:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 3px;
    height: 100%;
    background-color: #204773;
}

#sec_top_advantage .inner span{
    margin-top: 10px;
    margin-left: 5px;
    font-size: 16px;
    font-weight: bold;
    vertical-align: bottom;
    display: block;
}
#sec_top_advantage .inner .h1_jp:before {
    content: '';
    position: absolute;
    top: 52%;
    display: none;
    width: 26px;
    height: 1px;
    background-color: #204773;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}


#sec_top_advantage .inner .h1_jp{
    display:inline;
    font-size: 20px;
    font-weight: 900;
    margin-left: 10px;
    vertical-align: bottom;
}

#sec_top_advantage .inner .advantage_box{
    overflow: hidden;
    display: block;
    padding: 0 0px;
    box-sizing: border-box;
}

#sec_top_advantage .inner .advantage_box p{
    font-size: 14px;
    font-weight: normal;
    color: #1F1F1F;
    margin-bottom: 20px;
    line-height: 2;
}

#sec_top_advantage .inner .advantage_box p.ad_sub{
    font-size: 20px;
    font-family: 'Noto Serif JP', sans-serif;
    font-weight: 700;
    color: #1F1F1F;
    margin-bottom: 20px;
    line-height: 1.8;
}


/*  画面サイズが640pxまで  */
@media screen and (min-width: 640px) {
    #sec_top_advantage .inner h1 {
        font-size: 44px;
        padding: 5px 0 5px 25px;
    }
    
    #sec_top_advantage .inner .h1_jp{
        margin-left: 20px;
    }
    #sec_top_advantage .inner .advantage_box{
        padding: 0 30px;
    }
    #sec_top_advantage .inner .advantage_box p{
        font-size: 16px;
    }
    #sec_top_advantage .inner .advantage_box p.ad_sub{
        font-size: 32px;
    }
}



@media screen and (min-width: 1000px) {

    #sec_top_advantage{
        margin:0;
        padding:10px 0 75px 0;
        text-align: left;
    }
    
    #sec_top_advantage .inner{
        padding: 0 10px;
    }
    
    #sec_top_advantage .inner span{
        display: inline-block;
        margin-left: 40px;
        margin-top: 0px;
        line-height: 2;
        font-size: 20px;
    }
    #sec_top_advantage .inner .h1_jp:before {
        display:inline-block;
    }
}


@media screen and (min-width: 1240px) {
    
 
}



/* sec_top_technical
------------------------------------------------------------*/

#sec_top_technical{
    margin:0;
    padding:60px 0 30px 0;
    text-align: left;
    background: url(../images/top/bg_technical_sp2.jpg) left top no-repeat;
    background-size: contain;
    transition: .3s;
}

#sec_top_technical .inner{
    margin: 0 auto;
    max-width: 1460px;
    overflow: hidden;
    padding: 0 10px;
}


#sec_top_technical .inner h1 {
    position: relative;
    display: block;
    text-align: left;
    font-size: 32px;
    color: #FFF;
    box-sizing: border-box;
    line-height: 1;
    letter-spacing: 0.01em;
    padding: 5px 0 5px 20px;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
}

#sec_top_technical .inner h1:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 3px;
    height: 100%;
    background-color: #FFF;
}

#sec_top_technical .inner span{
    margin-top: 10px;
    margin-left: 5px;
    font-size: 16px;
    font-weight: bold;
    vertical-align: bottom;
    display: block;
}
#sec_top_technical .inner .h1_jp:before {
    content: '';
    position: absolute;
    top: 52%;
    display: none;
    width: 26px;
    height: 1px;
    background-color: #FFF;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}


#sec_top_technical .inner .h1_jp{
    display:inline;
    font-size: 20px;
    font-weight: 900;
    margin-left: 10px;
    vertical-align: bottom;
}

#sec_top_technical .inner .technical_box{
    overflow: hidden;
    display: block;
    padding: 0;
    margin-top: 60px;
    box-sizing: border-box;
    background: #EEEEEE;
    
}

#sec_top_technical .inner .technical_box p{
    font-size: 14px;
    font-weight: normal;
    color: #1F1F1F;
    margin-bottom: 20px;
    line-height: 2;
}

.slider {
    width: 80%;
    margin: 50px auto;
    
}

.slider .technical_list{
    padding: 0 10px;
    box-sizing: border-box;
    max-width: 100%;
    
}
.slider .technical_list .plist_parts{
    background: #FFF;
    padding-bottom: 10px;
    max-width: 300px;
    height: 330px;
    text-align: center;
    margin: 0 auto;
    flex-grow: 1;
}

.slider .technical_list .plist_parts h2{
    font-size: 16px;
    color: #111111;
    text-align: center;
    padding: 0 20px;
    box-sizing: border-box;
    position: relative;
    margin: 15px 0 20px 0;
}

.slider .technical_list .plist_parts h2:after {
    position: absolute;
    content: "";
    left:40%;
    display: block;
    border-bottom: solid 2px #111111;
    bottom: -10px;
    width: 20%;
}


.slider .technical_list .plist_parts p{
    font-size: 13px !important;
    padding: 0 20px;
    box-sizing: border-box;
    letter-spacing: 0.02em;
}

.slider .technical_list .plist_parts a{
    text-decoration: none;
}

.slider .technical_list .plist_parts a:hover img {
    opacity: 0.8;
    transform: scale(1.1);
}

.slider .technical_list figure {
    width: 100%;
    max-width: 300px;
    max-height: 200px;
    overflow: hidden;
}

.slider .technical_list img{
    width: 100%;
    max-width: 300px;
    transition: .4s;
    
}




a.technical_btn {
    display: block;
    position: relative;
    width: auto;
    max-width: 90%;
    padding: 5px 0;
    text-align: center;
    text-decoration: none;
    background: -webkit-gradient(90deg, #0062B8 35%, #054681);
    background: linear-gradient(90deg, #0062B8 35%, #054681);
    overflow: hidden;
    font-size: 18px;
    font-weight:bold;
    color: #fff !important;
    letter-spacing: 0.05em;
    line-height: 2.5;
    margin: 0 auto 30px auto;
}

a.technical_btn:hover {
    color: #fff !important;
    background: -webkit-gradient(90deg, #054681 35%, #0062B8);
    background: linear-gradient(90deg, #054681 35%, #0062B8);
}

/*  画面サイズが640pxまで  */
@media screen and (min-width: 640px) {
    
    #sec_top_technical{
        margin:0;
        padding:60px 0 30px 0;
        text-align: left;
        background: url(../images/top/bg_technical_sp.jpg) left top no-repeat;
        background-size: contain;
    }
    
    
    #sec_top_technical .inner h1 {
        font-size: 44px;
        padding: 5px 0 5px 25px;
    }

    #sec_top_technical .inner .h1_jp{
        margin-left: 20px;
    }
    #sec_top_technical .inner .technical_box{
        padding: 0 30px;
    }
    #sec_top_technical .inner .technical_box p{
        font-size: 16px;
    }
    a.technical_btn {
        margin: 40px 0 50px 35px;
        font-size: 22px;
        max-width: 400px;
    }
    
    .slider {
        width: 96%;
        margin: 50px auto;
        
    }
    .slider .technical_list{
        padding: 0 10px;
        box-sizing: border-box;
        max-width: 300px;
    }
    .slider .technical_list .plist_parts h2{
        font-size: 18px;
    }
}



@media screen and (min-width: 1000px) {

    #sec_top_technical{
        margin:0;
        padding:60px 0 50px 0;
        text-align: left;
        background: url(../images/top/bg_technical.jpg) left top no-repeat;
        background-size: contain;
    }
    
    #sec_top_technical .inner{
        padding: 0 10px;
    }
    #sec_top_technical .inner span{
        display: inline-block;
        margin-left: 40px;
        margin-top: 0px;
        line-height: 2;
        font-size: 20px;
    }
    #sec_top_technical .inner .h1_jp:before {
        display:inline-block;
    }
   
}


@media screen and (min-width: 1240px) {
    
 
}



/* sec_top_oversea
------------------------------------------------------------*/

#sec_top_oversea{
    margin:0;
    padding:60px 0 30px 0;
    text-align: left;
    background: url(../images/top/bg_oversea_sp2.jpg) left top no-repeat;
    background-size: cover;
    transition: .3s;
}

#sec_top_oversea .inner{
    margin: 0 auto;
    max-width: 1460px;
    overflow: hidden;
    padding: 0 10px;
}


#sec_top_oversea .inner h1 {
    position: relative;
    display: block;
    text-align: left;
    font-size: 32px;
    color: #FFF;
    box-sizing: border-box;
    line-height: 1;
    letter-spacing: 0.01em;
    padding: 5px 0 5px 20px;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
}

#sec_top_oversea .inner h1:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 3px;
    height: 100%;
    background-color: #FFF;
}

#sec_top_oversea .inner span{
    margin-top: 10px;
    margin-left: 5px;
    font-size: 16px;
    font-weight: bold;
    vertical-align: bottom;
    display: block;
}
#sec_top_oversea .inner .h1_jp:before {
    content: '';
    position: absolute;
    top: 52%;
    display: none;
    width: 26px;
    height: 1px;
    background-color: #FFF;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}


#sec_top_oversea .inner .h1_jp{
    display:inline;
    font-size: 20px;
    font-weight: 900;
    margin-left: 10px;
    vertical-align: bottom;
}

#sec_top_oversea .inner .oversea_box{
    overflow: hidden;
    display: block;
    padding: 0;
    margin-top: 40px;
    box-sizing: border-box;
    width: 100%;
}



#sec_top_oversea .inner .oversea_box p{
    font-size: 14px;
    font-weight: normal;
    color: #FFF;
    margin-bottom: 20px;
    line-height: 2;
}

#sec_top_oversea .inner .oversea_box p.ad_sub{
    font-size: 20px;
    font-family: 'Noto Serif JP', sans-serif;
    font-weight: 700;
    color: #FFF;
    margin-bottom: 15px;
    line-height: 1.8;
}


a.oversea_btn {
    display: block;
    position: relative;
    width: auto;
    max-width: 90%;
    padding: 5px 0;
    text-align: center;
    text-decoration: none;
    background: -webkit-gradient(90deg, #0062B8 35%, #054681);
    background: linear-gradient(90deg, #0062B8 35%, #054681);
    overflow: hidden;
    font-size: 18px;
    font-weight:bold;
    color: #fff !important;
    letter-spacing: 0.05em;
    line-height: 2.5;
    margin: 0 auto 30px auto;
}

a.oversea_btn:hover {
    color: #fff !important;
    background: -webkit-gradient(90deg, #054681 35%, #0062B8);
    background: linear-gradient(90deg, #054681 35%, #0062B8);
}


/*  画面サイズが640pxまで  */
@media screen and (min-width: 640px) {
    
    #sec_top_oversea{
        margin:0;
        padding:60px 0 30px 0;
        text-align: left;
        background: url(../images/top/bg_oversea_sp.jpg) left top no-repeat;
        background-size: cover;
    }
    
    
    #sec_top_oversea .inner h1 {
        font-size: 44px;
        padding: 5px 0 5px 25px;
    }
    
    #sec_top_oversea .inner .h1_jp{
        margin-left: 20px;
    }
    #sec_top_oversea .inner .oversea_box{
        padding: 0 30px;
        width: 80%;
    }
    #sec_top_oversea .inner .oversea_box p{
        font-size: 16px;
    }
    #sec_top_oversea .inner .oversea_box p.ad_sub{
        font-size: 32px;
    }
    a.oversea_btn {
        margin: 30px 0 50px 0;
        font-size: 22px;
        max-width: 400px;
    }
}


@media screen and (min-width: 1000px) {

    #sec_top_oversea{
        margin:0;
        padding:60px 0 20px 0;
        text-align: left;
        background: url(../images/top/bg_oversea.jpg) left top no-repeat;
        background-size: cover;
    }
    
    #sec_top_oversea .inner{
        padding: 0 10px;
    }
    #sec_top_oversea .inner .oversea_box{
        padding: 0 30px;
        width: 70%;
    }
    #sec_top_oversea .inner span{
        display: inline-block;
        margin-left: 40px;
        margin-top: 0px;
        line-height: 2;
        font-size: 20px;
    }
    #sec_top_oversea .inner .h1_jp:before {
        display:inline-block;
    }

}
@media screen and (min-width: 1240px) {
    #sec_top_oversea .inner .oversea_box{
        padding: 0 30px;
        width: 60%;
    }
 
}


/* sec_top_banner
------------------------------------------------------------*/

#sec_top_banner{
    margin:0;
    padding:20px 0 30px 0;
    text-align: left;
    transition: .3s;
}

#sec_top_banner .inner{
    margin: 0 auto;
    max-width: 1460px;
    overflow: hidden;
    padding: 0 10px;
}

#sec_top_banner .inner .banner_box{
    overflow: hidden;
    display: block;
    padding: 0;
    margin-top: 0px;
    box-sizing: border-box;
}

#sec_top_banner .inner .banner_box .company_left{
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    max-width: 1000px;
    box-sizing: border-box;
    text-align: center;
}

#sec_top_banner .inner .banner_box .company_left img{
    width: 100%;
    max-width: 735px;
}
#sec_top_banner .inner .banner_box .company_left img:hover{
    opacity: 0.9;
}

#sec_top_banner .inner .banner_box .recruit_right{
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    max-width: 1000px;
    box-sizing: border-box;
    text-align: center;
}
#sec_top_banner .inner .banner_box .recruit_right img{
    width: 100%;
    max-width: 735px;
}
#sec_top_banner .inner .banner_box .recruit_right img:hover{
    opacity: 0.9;
}
/*  画面サイズが640pxまで  */
@media screen and (min-width: 640px) {
    
    #sec_top_banner{
        margin:0;
        padding:60px 0 30px 0;
        text-align: left;
    }
    #sec_top_banner .inner .banner_box{
        padding: 0 0;
    }
    
}


@media screen and (min-width: 1000px) {

    #sec_top_banner{
        margin:0;
        padding:60px 0 20px 0;
        text-align: left;
    }
    
    #sec_top_banner .inner{
        padding: 0 10px;
    }
    #sec_top_banner .inner .banner_box{
        padding: 0 0;
    }
    
    #sec_top_banner .inner .banner_box .company_left{
        width: calc( 50% - 5px);
        margin: 0 5px 0 0;
        max-width: 735px;
    }


    #sec_top_banner .inner .banner_box .recruit_right{
        margin: 0 0 0 5px;
        width: calc( 50% - 5px);
        max-width: 735px;
    }
    
   
}





/* sec_top_infomation
------------------------------------------------------------*/

#sec_top_infomation{
    margin:0;
    padding:30px 0 30px 0;
    text-align: left;
    border-bottom: 1px solid #DDD;
}

#sec_top_infomation .inner{
    margin: 0 auto;
    max-width: 1340px;
    overflow: hidden;
    padding: 0 10px;
}


#sec_top_infomation .inner .info_box{
    overflow: hidden;
}

#sec_top_infomation .inner .info_box .event_left{
    float: left;
    width: 100%;
    margin-bottom: 50px;
}


#sec_top_infomation .inner .info_box .event_left h1 {
    width: auto;
    margin: 10px 0 0 0;
    position: relative;
    display: inline-block;
    text-align: left;
    font-size: 24px;
    color: #333333;
    box-sizing: border-box;
    line-height: 1;
    font-weight: bold;
    letter-spacing: 0.05em;
    padding: 0 0 0 20px;
    float: left;
}



#sec_top_infomation .inner .info_box .event_left .h1_en{
    display: block;
    font-family: 'Lato';
    font-weight: 900;
    font-size: 30px;
    letter-spacing: 0.02em;
    color: #006E92;
    margin-bottom: 20px;
    line-height: 1.5;
}

#sec_top_infomation .inner .info_box .event_left h1:before {
    content: '';
    position: absolute;
    top: 0%;
    left: 0;
    display: inline-block;
    width: 3px;
    height: 60px;
    background-color: #2B5F97;
}

#sec_top_infomation .inner .info_box .event_left span{
    font-size: 16px;
    vertical-align: middle;
    letter-spacing: 0.01em;
    color: #1F4672;
    margin-left: 20px;
    margin-top: 10px;
    float: left;
    font-weight: bold;
    width: 100%;
}


#sec_top_infomation .inner .info_box .event_left h1:after {
    content: '';
    position: absolute;
    top: 50%;
    display: none;
    width: 30px;
    height: 1px;
    background-color: #666;
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg);
}

#sec_top_infomation .inner .info_box .event_left div{
    padding-top: 5px;
    clear: both;
}


#sec_top_infomation .inner .info_box .event_left ul{
    margin: 0 auto;
    max-width: 1200px;
    overflow: hidden;
    border-top: 1px solid #EEEEEE;
    margin-top: 40px;
    margin-bottom: 20px;
    clear: both;
}

#sec_top_infomation .inner .info_box .event_left ul li{
    border-bottom: 1px solid #EEEEEE;
    padding: 15px 0 10px 0;
    overflow: hidden;
}

#sec_top_infomation .inner .info_box .event_left ul li a{
    text-decoration: none;
    color: #333;
    font-size: 13px;
}
#sec_top_infomation .inner .info_box .event_left ul li a:hover{
    text-decoration:underline;
}
#sec_top_infomation .inner .info_box .event_left .idate_box{
    width: 100%;
    margin-top: -10px;
}
#sec_top_infomation .inner .info_box .event_left .itext_box{
    width: 100%;
    box-sizing: border-box;
    letter-spacing: 0.05em;
    font-size: 13px;
}
#sec_top_infomation .inner .info_box .event_left .info_date{
    background: #2B5F97;
    color:#FFF;
    font-size: 13px;
    padding: 2px 20px;
    margin-left: 5px;
    font-weight: normal;
    width: auto;
}
#sec_top_infomation .inner .info_box .event_left .idate_box{
    float: left;
    width: 100%;
}
#sec_top_infomation .inner .info_box .event_left .itext_box{
    float: left;
    width: 100%;
    margin:7px 0 0 5px;
}
    

#sec_top_infomation .inner .info_box .info_right{
    float: right;
    width: 100%;
    margin-bottom: 20px;
}


#sec_top_infomation .inner .info_box .info_right h1 {
    width: auto;
    margin: 10px 0 0 0;
    position: relative;
    display: inline-block;
    text-align: left;
    font-size: 24px;
    color: #333333;
    box-sizing: border-box;
    line-height: 1;
    font-weight: bold;
    letter-spacing: 0.05em;
    padding: 0 0 0 20px;
    float: left;
}



#sec_top_infomation .inner .info_box .info_right .h1_en{
    display: block;
    font-family: 'Lato';
    font-weight: 900;
    font-size: 30px;
    letter-spacing: 0.02em;
    color: #336600;
    margin-bottom: 20px;
    line-height: 1.5;
}

#sec_top_infomation .inner .info_box .info_right h1:before {
    content: '';
    position: absolute;
    top: 0%;
    left: 0;
    display: inline-block;
    width: 3px;
    height: 60px;
    background-color: #336600;
}

#sec_top_infomation .inner .info_box .info_right span{
    font-size: 16px;
    vertical-align: middle;
    letter-spacing: 0.01em;
    color: #336600;
    margin-left: 20px;
    margin-top: 10px;
    float: left;
    font-weight: bold;
    width: 100%;
}


#sec_top_infomation .inner .info_box .info_right h1:after {
    content: '';
    position: absolute;
    top: 50%;
    display: none;
    width: 30px;
    height: 1px;
    background-color: #666;
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg);
}

#sec_top_infomation .inner .info_box .info_right div{
    padding-top: 5px;
    clear: both;
}


#sec_top_infomation .inner .info_box .info_right ul{
    margin: 0 auto;
    max-width: 1200px;
    overflow: hidden;
    border-top: 1px solid #EEEEEE;
    margin-top: 40px;
    margin-bottom: 20px;
    clear: both;
}

#sec_top_infomation .inner .info_box .info_right ul li{
    border-bottom: 1px solid #EEEEEE;
    padding: 15px 0 10px 0;
    overflow: hidden;
}

#sec_top_infomation .inner .info_box .info_right ul li a{
    text-decoration: none;
    color: #333;
    font-size: 13px;
}
#sec_top_infomation .inner .info_box .info_right ul li a:hover{
    text-decoration:underline;
}

#sec_top_infomation .inner .info_box .info_right .idate_box{
    width: 100%;
    margin-top: -10px;
}
#sec_top_infomation .inner .info_box .info_right .itext_box{
    width: 100%;
    box-sizing: border-box;
    margin:0 0 0 5px;
}
#sec_top_infomation .inner .info_box .info_right .info_date{
    background: #336600;
    color:#FFF;
    font-size: 13px;
    padding: 2px 20px;
    margin-left: 5px;
    font-weight: normal;
    width: auto;
}
#sec_top_infomation .inner .info_box .info_right .idate_box{
    float: left;
    width: 100%;
}
#sec_top_infomation .inner .info_box .info_right .itext_box{
    float: left;
    width: 100%;
    margin:7px 0 0 5px;
}
    


.btn_event_outer{
    width: 100%;
    margin: 40px 0 0 0;
    text-align: center;
}


.btn_event{
    display: inline-block;
    width: 100%;
    max-width: 460px;
    text-align: center;
    background: linear-gradient(90deg, rgb(0, 98, 186) 0%, rgb(32, 71, 115) 50%);
    background-size: 200%;
    color: #FFF;
    font-size: 16px;
    text-decoration: none;
    font-weight: bold;
    padding: 13px 16px;
    border-radius: 0px;
    transition: .4s;
    box-sizing: border-box;
}
.btn_event:hover {
    background: linear-gradient(90deg, rgb(32, 71, 115), rgb(0, 98, 186));
}


.btn_info{
    display: inline-block;
    width: 100%;
    max-width: 460px;
    text-align: center;
    background: linear-gradient(90deg, rgb(51, 102, 0) 0%, rgb(33, 65, 1) 50%);
    background-size: 200%;
    color: #FFF;
    font-size: 16px;
    text-decoration: none;
    font-weight: bold;
    padding: 13px 16px;
    border-radius: 0px;
    transition: .4s;
    box-sizing: border-box;
}
.btn_info:hover {
    background: linear-gradient(90deg, rgb(33, 65, 1), rgb(51, 102, 0));
}



/*  画面サイズが640pxまで  */
@media screen and (min-width: 640px) {
    
    
}



@media screen and (min-width: 920px) {

    #sec_top_infomation{
        margin:0;
        padding:30px 0 40px 0;
        text-align: left;
    }
    
    #sec_top_infomation .inner{
        padding: 0 10px;
    }
    
    
    #sec_top_infomation .inner .info_box .event_left{
        float: left;
        width: 50%;
        max-width: 640px;
        margin-bottom: 20px;
    }
    #sec_top_infomation .inner .info_box .info_right{
        float: right;
        width: 50%;
        max-width: 640px;
        margin-bottom: 20px;
    }
    
    #sec_top_infomation .inner .info_box .event_left h1 {
        font-size: 32px;
    }
    #sec_top_infomation .inner .info_box .event_left span{
        margin-left: 40px;
        width: auto;
    }
    
    #sec_top_infomation .inner .info_box .event_left h1:before {
        height: 40px;
    }
    #sec_top_infomation .inner .info_box .event_left h1:after {
        content: '';
        position: absolute;
        top: 50%;
        display: inline-block;
        width: 30px;
        height: 1px;
        background-color: #666;
        -webkit-transform: rotate(-60deg);
        transform: rotate(-60deg);
    }
    
    #sec_top_infomation .inner .info_box .info_right h1 {
        font-size: 32px;
    }
    #sec_top_infomation .inner .info_box .info_right span{
        margin-left: 40px;
        width: auto;
    }
    #sec_top_infomation .inner .info_box .info_right h1:before {
        height: 40px;
    }
    #sec_top_infomation .inner .info_box .info_right h1:after {
        content: '';
        position: absolute;
        top: 50%;
        display: inline-block;
        width: 30px;
        height: 1px;
        background-color: #666;
        -webkit-transform: rotate(-60deg);
        transform: rotate(-60deg);
    }
    
    .btn_event{
        font-size: 20px;
    }
    .btn_info{
        font-size: 20px;
    }
    #sec_top_infomation .inner .info_box .event_left ul li{
        padding: 20px 0 20px 0;
    }
    #sec_top_infomation .inner .info_box .event_left ul li a{
        font-size: 14px;
    }
    
    #sec_top_infomation .inner .info_box .event_left .info_date{
        padding: 5px 20px;
        margin-left: 0px;
    }
    #sec_top_infomation .inner .info_box .event_left .itext_box{
        font-size: 14px;
    }
    #sec_top_infomation .inner .info_box .event_left .idate_box{
        float: left;
        width: 120px;
    }
    #sec_top_infomation .inner .info_box .event_left .itext_box{
        float: left;
        width: calc(100% - 150px);
        margin:0 0 0 5px;
    }
    #sec_top_infomation .inner .info_box .info_right ul li{
        padding: 20px 0 20px 0;
    }
    #sec_top_infomation .inner .info_box .info_right ul li a{
        font-size: 14px;
    }
    #sec_top_infomation .inner .info_box .info_right .info_date{
        padding: 5px 20px;
        margin-left: 0px;
    }
    #sec_top_infomation .inner .info_box .info_right .itext_box{
        font-size: 14px;
    }
    
    #sec_top_infomation .inner .info_box .info_right .idate_box{
        float: left;
        width: 120px;
    }
    #sec_top_infomation .inner .info_box .info_right .itext_box{
        float: left;
        width: calc(100% - 150px);
        margin:0 0 0 5px;
    }
}




/* sec_footer_banner
------------------------------------------------------------*/

#sec_footer_banner{
    margin:0;
    padding:0px 0 30px 0;
    text-align: left;
    transition: .3s;
    border-bottom: 1px solid #DDD;
}

#sec_footer_banner .inner{
    margin: 0 auto;
    max-width: 1460px;
    overflow: hidden;
    padding: 0 10px;
}

#sec_footer_banner .inner .banner_box{
    overflow: hidden;
    display: block;
    padding: 0;
    margin-top: 0px;
    box-sizing: border-box;
}

#sec_footer_banner .inner .banner_box .photogram_center{
    float: left;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    text-align: center;
}

#sec_footer_banner .inner .banner_box .photogram_center img{
    width: 100%;
    max-width: 735px;
    margin: 0 auto;
    text-align: center;
}

#sec_footer_banner .inner .banner_box .photogram_left{
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    max-width: 1000px;
    box-sizing: border-box;
    text-align: center;
}

#sec_footer_banner .inner .banner_box .photogram_left img{
    width: 100%;
    max-width: 735px;
}
#sec_footer_banner .inner .banner_box .photogram_left img:hover{
    opacity: 0.9;
}

#sec_footer_banner .inner .banner_box .case_right{
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    max-width: 1000px;
    box-sizing: border-box;
    text-align: center;
}
#sec_footer_banner .inner .banner_box .case_right img{
    width: 100%;
    max-width: 735px;
}
#sec_footer_banner .inner .banner_box .case_right img:hover{
    opacity: 0.9;
}
/*  画面サイズが640pxまで  */
@media screen and (min-width: 640px) {
    
    #sec_footer_banner{
        margin:0;
        padding:0px 0 30px 0;
        text-align: left;
    }
    #sec_footer_banner .inner .banner_box{
        padding: 0 0;
    }
    
}


@media screen and (min-width: 1000px) {

    #sec_footer_banner{
        margin:0;
        padding:20px 0 40px 0;
        text-align: left;
    }
    
    #sec_footer_banner .inner{
        padding: 0 10px;
    }
    #sec_footer_banner .inner .banner_box{
        padding: 0 0;
    }
    
    

    
    #sec_footer_banner .inner .banner_box .photogram_left{
        width: calc( 50% - 5px);
        margin: 0 5px 0 0;
        max-width: 735px;
    }


    #sec_footer_banner .inner .banner_box .case_right{
        margin: 0 0 0 5px;
        width: calc( 50% - 5px);
        max-width: 735px;
    }
    
   
}




/* sec_footer_contact
------------------------------------------------------------*/

#sec_footer_contact{
    margin:50px 0 0 0;
    padding:60px 0 30px 0;
    text-align: left;
    background: url(../images/common/bg_footer_contact.jpg) left top no-repeat;
    background-size: cover;
    transition: .3s;
}

#sec_footer_contact .inner{
    margin: 0 auto;
    max-width: 1260px;
    overflow: hidden;
    padding: 0 10px;
}


#sec_footer_contact .inner h1 {
    position: relative;
    display: block;
    text-align: center;
    font-size: 32px;
    color: #212121;
    box-sizing: border-box;
    line-height: 1;
    letter-spacing: 0.01em;
    padding: 5px 0 5px 0px;
    font-weight: bold;
}


#sec_footer_contact .inner span{
    margin-top: 20px;
    font-size: 16px;
    font-weight: bold;
    vertical-align: bottom;
    display: block;
    color: #204773;
}
#sec_footer_contact .inner .h1_jp:before {
    content: '';
    position: absolute;
    top: 52%;
    display: inline-block;
    width: 26px;
    height: 1px;
    background-color: #FFF;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}


#sec_footer_contact .inner .h1_jp{
    display:inline;
    font-size: 20px;
    font-weight: 900;
    margin-left: 10px;
    vertical-align: bottom;
}

#sec_footer_contact .inner .footer_contact_box{
    overflow: hidden;
    display: block;
    padding: 0;
    margin-top: 0px;
    box-sizing: border-box;
    width: 100%;
    background:rgba(255,255,255,0.7);
}


#sec_footer_contact .inner .footer_contact_box .fcb_left{
    float: left;
    width: 100%;
    margin: 30px 0 10px 0;
    max-width: 1000px;
    box-sizing: border-box;
    text-align: center;
}

#sec_footer_contact .inner .footer_contact_box .fcb_left p{
    text-align: center;
    font-size: 14px;
}

#sec_footer_contact .inner .footer_contact_box .fcb_right{
    float: left;
    width: 100%;
    margin: 0 0 30px 0;
    max-width: 1000px;
    box-sizing: border-box;
    text-align: center;
}
#sec_footer_contact .inner .footer_contact_box .fcb_right p.tel{
    text-align: center;
    font-size: 26px;
    color: #244D7D;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    line-height: 1.4;
}
#sec_footer_contact .inner .footer_contact_box .fcb_right p.businesshours{
    text-align: center;
    font-size: 12px;
    color: #244D7D;
    font-weight: bold;
    margin-bottom: 30px;
}

a.fcontact_btn {
    display: block;
    position: relative;
    width: auto;
    max-width: 90%;
    padding: 5px 0;
    text-align: center;
    text-decoration: none;
    background: -webkit-gradient(90deg, #0062B8 35%, #054681);
    background: linear-gradient(90deg, #0062B8 35%, #054681);
    overflow: hidden;
    font-size: 18px;
    font-weight:bold;
    color: #fff !important;
    letter-spacing: 0.05em;
    line-height: 2.5;
    margin: 0 auto ;
}

a.fcontact_btn:hover {
    color: #fff !important;
    background: -webkit-gradient(90deg, #054681 35%, #0062B8);
    background: linear-gradient(90deg, #054681 35%, #0062B8);
}




/*  画面サイズが640pxまで  */
@media screen and (min-width: 640px) {
    
    #sec_footer_contact{
        margin:50px 0 0 0;
        padding:60px 0 60px 0;
        text-align: left;
        background: url(../images/common/bg_footer_contact.jpg) left top no-repeat;
        background-size: cover;
    }
    
    
    #sec_footer_contact .inner h1 {
        font-size: 44px;
        padding: 5px 0 5px 25px;
    }
    #sec_footer_contact .inner span{
        font-size: 20px;
    }
    #sec_footer_contact .inner .h1_jp{
        margin-left: 20px;
    }
    #sec_footer_contact .inner .footer_contact_box{
        padding: 0 0px;
    }
    
    #sec_footer_contact .inner .footer_contact_box .fcb_left p{
        font-size: 18px;
    }
    
    #sec_footer_contact .inner .footer_contact_box .fcb_right p.tel{
        font-size: 46px;
    }
    #sec_footer_contact .inner .footer_contact_box .fcb_right p.businesshours{
        font-size: 16px;
    }
    
    a.fcontact_btn {
        margin: 0 auto;
        font-size: 22px;
        max-width: 400px;
    }
}


@media screen and (min-width: 1000px) {

    #sec_footer_contact{
        margin:80px 0 0 0;
        padding:80px 0 80px 0;
        text-align: left;
        background: url(../images/common/bg_footer_contact.jpg) left top no-repeat;
        background-size: cover;
    }
    
    #sec_footer_contact .inner{
        padding: 0 10px;
    }
    #sec_footer_contact .inner .footer_contact_box{
        padding: 0;
    }
    
    #sec_footer_contact .inner .footer_contact_box .fcb_left{
        float: left;
        width: 50%;
        margin: 30px 0;
        padding: 20px 0;
        max-width: 1000px;
        box-sizing: border-box;
        text-align: center;
        border-right: 1px dotted #AAA;
    }


    #sec_footer_contact .inner .footer_contact_box .fcb_right{
        float: left;
        width: 50%;
        margin: 65px 0 30px 0;
        padding: 20px 0;
        max-width: 1000px;
        box-sizing: border-box;
        text-align: center;
    }

    
   
}
@media screen and (min-width: 1240px) {
    #sec_footer_contact .inner .footer_contact_box{
        padding: 0 30px;
    }
 
}




/* sec_footer_contact_oversea
------------------------------------------------------------*/

#sec_footer_contact_oversea{
    margin:50px 0 0 0;
    padding:60px 0 30px 0;
    text-align: left;
    background: url(../images/common/bg_footer_contact.jpg) left top no-repeat;
    background-size: cover;
    transition: .3s;
}

#sec_footer_contact_oversea .inner{
    margin: 0 auto;
    max-width: 1260px;
    overflow: hidden;
    padding: 0 10px;
}


#sec_footer_contact_oversea .inner h1 {
    position: relative;
    display: block;
    text-align: center;
    font-size: 24px;
    color: #244D7D;
    box-sizing: border-box;
    line-height: 1;
    letter-spacing: 0.01em;
    padding: 0px 0 0px 0px;
    font-weight: bold;
    line-height: 1.4;
}


#sec_footer_contact_oversea .inner span{
    margin-top: 20px;
    font-size: 16px;
    font-weight: bold;
    vertical-align: bottom;
    display: block;
    color: #204773;
}
#sec_footer_contact_oversea .inner .h1_jp:before {
    content: '';
    position: absolute;
    top: 52%;
    display: inline-block;
    width: 26px;
    height: 1px;
    background-color: #FFF;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}


#sec_footer_contact_oversea .inner .h1_jp{
    display:inline;
    font-size: 20px;
    font-weight: 900;
    margin-left: 10px;
    vertical-align: bottom;
}

#sec_footer_contact_oversea .inner .footer_contact_box{
    overflow: hidden;
    display: block;
    padding: 0;
    margin-top: 0px;
    box-sizing: border-box;
    width: 100%;
    background:rgba(255,255,255,0.7);
}


#sec_footer_contact_oversea .inner .footer_contact_box .fcb_left{
    float: left;
    width: 100%;
    margin: 30px 0 10px 0;
    max-width: 1000px;
    box-sizing: border-box;
    text-align: center;
}

#sec_footer_contact_oversea .inner .footer_contact_box .fcb_left p{
    text-align: center;
    font-size: 14px;
}

#sec_footer_contact_oversea .inner .footer_contact_box .fcb_right{
    float: left;
    width: 100%;
    margin: 0 0 30px 0;
    max-width: 1000px;
    box-sizing: border-box;
    text-align: center;
}
#sec_footer_contact_oversea .inner .footer_contact_box .fcb_right p.tel{
    text-align: center;
    font-size: 26px;
    color: #244D7D;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    line-height: 1.4;
}
#sec_footer_contact_oversea .inner .footer_contact_box .fcb_right p.businesshours{
    text-align: center;
    font-size: 12px;
    color: #244D7D;
    font-weight: bold;
    margin-bottom: 30px;
}

a.fcontact_oversea_btn {
    display: block;
    position: relative;
    width: auto;
    max-width: 90%;
    padding: 5px 0;
    text-align: center;
    text-decoration: none;
    background: -webkit-gradient(90deg, #0062B8 35%, #054681);
    background: linear-gradient(90deg, #0062B8 35%, #054681);
    overflow: hidden;
    font-size: 18px;
    font-weight:bold;
    color: #fff !important;
    letter-spacing: 0.05em;
    line-height: 2.5;
    margin: 0 auto ;
}

a.fcontact_oversea_btn:hover {
    color: #fff !important;
    background: -webkit-gradient(90deg, #054681 35%, #0062B8);
    background: linear-gradient(90deg, #054681 35%, #0062B8);
}




/*  画面サイズが640pxまで  */
@media screen and (min-width: 640px) {
    
    #sec_footer_contact_oversea{
        margin:50px 0 0 0;
        padding:60px 0 60px 0;
        text-align: left;
        background: url(../images/common/bg_footer_contact.jpg) left top no-repeat;
        background-size: cover;
    }
    
    
    #sec_footer_contact_oversea .inner h1 {
        font-size: 34px;
        padding: 0px 0 0px 25px;
    }
    #sec_footer_contact_oversea .inner span{
        font-size: 20px;
    }
    #sec_footer_contact_oversea .inner .h1_jp{
        margin-left: 20px;
    }
    #sec_footer_contact_oversea .inner .footer_contact_box{
        padding: 0 0px;
    }
    
    #sec_footer_contact_oversea .inner .footer_contact_box .fcb_left p{
        font-size: 18px;
    }
    
    #sec_footer_contact_oversea .inner .footer_contact_box .fcb_right p.tel{
        font-size: 46px;
    }
    #sec_footer_contact_oversea .inner .footer_contact_box .fcb_right p.businesshours{
        font-size: 16px;
    }
    a.fcontact_oversea_btn {
        margin: 0 auto;
        font-size: 22px;
        max-width: 400px;
    }
  
}


@media screen and (min-width: 1000px) {

    #sec_footer_contact_oversea{
        margin:80px 0 0 0;
        padding:80px 0 80px 0;
        text-align: left;
        background: url(../images/common/bg_footer_contact.jpg) left top no-repeat;
        background-size: cover;
    }
    
    #sec_footer_contact_oversea .inner{
        padding: 0 10px;
    }
    #sec_footer_contact_oversea .inner .footer_contact_box{
        padding: 0;
    }
    
    #sec_footer_contact_oversea .inner .footer_contact_box .fcb_left{
        float: left;
        width: 50%;
        margin: 30px 0;
        padding: 20px 0;
        max-width: 1000px;
        box-sizing: border-box;
        text-align: center;
        border-right: 1px dotted #AAA;
    }


    #sec_footer_contact_oversea .inner .footer_contact_box .fcb_right{
        float: left;
        width: 50%;
        margin: 30px 0;
        padding: 20px 0;
        max-width: 1000px;
        box-sizing: border-box;
        text-align: center;
    }

    
   
}
@media screen and (min-width: 1240px) {
    #sec_footer_contact_oversea .inner .footer_contact_box{
        padding: 0 30px;
    }
 
}






/* sec_footer_contact_coating
------------------------------------------------------------*/

#sec_footer_contact_coating{
    margin:50px 0 0 0;
    padding:60px 0 30px 0;
    text-align: left;
    background: url(../images/common/bg_footer_contact.jpg) left top no-repeat;
    background-size: cover;
    transition: .3s;
}

#sec_footer_contact_coating .inner{
    margin: 0 auto;
    max-width: 1260px;
    overflow: hidden;
    padding: 0 10px;
}


#sec_footer_contact_coating .inner h1 {
    position: relative;
    display: block;
    text-align: center;
    font-size: 24px;
    color: #244D7D;
    box-sizing: border-box;
    line-height: 1;
    letter-spacing: 0.01em;
    padding: 0px 0 0px 0px;
    font-weight: bold;
    line-height: 1.4;
}


#sec_footer_contact_coating .inner span{
    margin-top: 20px;
    font-size: 16px;
    font-weight: bold;
    vertical-align: bottom;
    display: block;
    color: #204773;
}
#sec_footer_contact_coating .inner .h1_jp:before {
    content: '';
    position: absolute;
    top: 52%;
    display: inline-block;
    width: 26px;
    height: 1px;
    background-color: #FFF;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}


#sec_footer_contact_coating .inner .h1_jp{
    display:inline;
    font-size: 20px;
    font-weight: 900;
    margin-left: 10px;
    vertical-align: bottom;
}

#sec_footer_contact_coating .inner .footer_contact_box{
    overflow: hidden;
    display: block;
    padding: 0;
    margin-top: 0px;
    box-sizing: border-box;
    width: 100%;
    background:rgba(255,255,255,0.7);
}


#sec_footer_contact_coating .inner .footer_contact_box .fcb_left{
    float: left;
    width: 100%;
    margin: 30px 0 10px 0;
    max-width: 1000px;
    box-sizing: border-box;
    text-align: center;
}

#sec_footer_contact_coating .inner .footer_contact_box .fcb_left p{
    text-align: center;
    font-size: 14px;
}

#sec_footer_contact_coating .inner .footer_contact_box .fcb_right{
    float: left;
    width: 100%;
    margin: 0 0 30px 0;
    max-width: 1000px;
    box-sizing: border-box;
    text-align: center;
}
#sec_footer_contact_coating .inner .footer_contact_box .fcb_right p.tel{
    text-align: center;
    font-size: 26px;
    color: #244D7D;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    line-height: 1.4;
}
#sec_footer_contact_coating .inner .footer_contact_box .fcb_right p.businesshours{
    text-align: center;
    font-size: 12px;
    color: #244D7D;
    font-weight: bold;
    margin-bottom: 30px;
}

a.fcontact_coating_btn {
    display: block;
    position: relative;
    width: auto;
    max-width: 90%;
    padding: 5px 0;
    text-align: center;
    text-decoration: none;
    background: -webkit-gradient(90deg, #0062B8 35%, #054681);
    background: linear-gradient(90deg, #0062B8 35%, #054681);
    overflow: hidden;
    font-size: 18px;
    font-weight:bold;
    color: #fff !important;
    letter-spacing: 0.05em;
    line-height: 2.5;
    margin: 0 auto ;
}

a.fcontact_coating_btn:hover {
    color: #fff !important;
    background: -webkit-gradient(90deg, #054681 35%, #0062B8);
    background: linear-gradient(90deg, #054681 35%, #0062B8);
}




/*  画面サイズが640pxまで  */
@media screen and (min-width: 640px) {
    
    #sec_footer_contact_coating{
        margin:50px 0 0 0;
        padding:60px 0 60px 0;
        text-align: left;
        background: url(../images/common/bg_footer_contact.jpg) left top no-repeat;
        background-size: cover;
    }
    
    
    #sec_footer_contact_coating .inner h1 {
        font-size: 34px;
        padding: 0px 0 0px 25px;
    }
    #sec_footer_contact_coating .inner span{
        font-size: 20px;
    }
    #sec_footer_contact_coating .inner .h1_jp{
        margin-left: 20px;
    }
    #sec_footer_contact_coating .inner .footer_contact_box{
        padding: 0 0px;
    }
    
    #sec_footer_contact_coating .inner .footer_contact_box .fcb_left p{
        font-size: 18px;
    }
    
    #sec_footer_contact_coating .inner .footer_contact_box .fcb_right p.tel{
        font-size: 46px;
    }
    #sec_footer_contact_coating .inner .footer_contact_box .fcb_right p.businesshours{
        font-size: 16px;
    }
    a.fcontact_coating_btn {
        margin: 0 auto;
        font-size: 22px;
        max-width: 400px;
    }
  
}


@media screen and (min-width: 1000px) {

    #sec_footer_contact_coating{
        margin:80px 0 0 0;
        padding:80px 0 80px 0;
        text-align: left;
        background: url(../images/common/bg_footer_contact.jpg) left top no-repeat;
        background-size: cover;
    }
    
    #sec_footer_contact_coating .inner{
        padding: 0 10px;
    }
    #sec_footer_contact_coating .inner .footer_contact_box{
        padding: 0;
    }
    
    #sec_footer_contact_coating .inner .footer_contact_box .fcb_left{
        float: left;
        width: 50%;
        margin: 30px 0;
        padding: 20px 0;
        max-width: 1000px;
        box-sizing: border-box;
        text-align: center;
        border-right: 1px dotted #AAA;
    }


    #sec_footer_contact_coating .inner .footer_contact_box .fcb_right{
        float: left;
        width: 50%;
        margin: 30px 0;
        padding: 20px 0;
        max-width: 1000px;
        box-sizing: border-box;
        text-align: center;
    }

    
   
}
@media screen and (min-width: 1240px) {
    #sec_footer_contact_coating .inner .footer_contact_box{
        padding: 0 30px;
    }
 
}





/* sec_footer_contact_machine
------------------------------------------------------------*/

#sec_footer_contact_machine{
    margin:50px 0 0 0;
    padding:60px 0 30px 0;
    text-align: left;
    background: url(../images/common/bg_footer_contact.jpg) left top no-repeat;
    background-size: cover;
    transition: .3s;
}

#sec_footer_contact_machine .inner{
    margin: 0 auto;
    max-width: 1260px;
    overflow: hidden;
    padding: 0 10px;
}


#sec_footer_contact_machine .inner h1 {
    position: relative;
    display: block;
    text-align: center;
    font-size: 24px;
    color: #005F66;
    box-sizing: border-box;
    line-height: 1;
    letter-spacing: 0.01em;
    padding: 0px 0 0px 0px;
    font-weight: bold;
    line-height: 1.4;
}


#sec_footer_contact_machine .inner span{
    margin-top: 20px;
    font-size: 16px;
    font-weight: bold;
    vertical-align: bottom;
    display: block;
    color: #005F66;
}
#sec_footer_contact_machine .inner .h1_jp:before {
    content: '';
    position: absolute;
    top: 52%;
    display: inline-block;
    width: 26px;
    height: 1px;
    background-color: #FFF;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}


#sec_footer_contact_machine .inner .h1_jp{
    display:inline;
    font-size: 20px;
    font-weight: 900;
    margin-left: 10px;
    vertical-align: bottom;
}

#sec_footer_contact_machine .inner .footer_contact_box{
    overflow: hidden;
    display: block;
    padding: 0;
    margin-top: 0px;
    box-sizing: border-box;
    width: 100%;
    background:rgba(255,255,255,0.7);
}


#sec_footer_contact_machine .inner .footer_contact_box .fcb_left{
    float: left;
    width: 100%;
    margin: 30px 0 10px 0;
    max-width: 1000px;
    box-sizing: border-box;
    text-align: center;
}

#sec_footer_contact_machine .inner .footer_contact_box .fcb_left p{
    text-align: center;
    font-size: 14px;
}

#sec_footer_contact_machine .inner .footer_contact_box .fcb_right{
    float: left;
    width: 100%;
    margin: 0 0 30px 0;
    max-width: 1000px;
    box-sizing: border-box;
    text-align: center;
}
#sec_footer_contact_machine .inner .footer_contact_box .fcb_right p.tel{
    text-align: center;
    font-size: 26px;
    color: #005F66;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    line-height: 1.4;
}
#sec_footer_contact_machine .inner .footer_contact_box .fcb_right p.businesshours{
    text-align: center;
    font-size: 12px;
    color: #005F66;
    font-weight: bold;
    margin-bottom: 30px;
}

a.fcontact_machine_btn {
    display: block;
    position: relative;
    width: auto;
    max-width: 90%;
    padding: 5px 0;
    text-align: center;
    text-decoration: none;
    background: -webkit-gradient(90deg, #00686C 35%, #00474A);
    background: linear-gradient(90deg, #00686C 35%, #00474A);
    overflow: hidden;
    font-size: 18px;
    font-weight:bold;
    color: #fff !important;
    letter-spacing: 0.05em;
    line-height: 2.5;
    margin: 0 auto ;
}

a.fcontact_machine_btn:hover {
    color: #fff !important;
    background: -webkit-gradient(90deg, #00474A 35%, #00686C);
    background: linear-gradient(90deg, #00474A 35%, #00686C);
}



/*  画面サイズが640pxまで  */
@media screen and (min-width: 640px) {
    
    #sec_footer_contact_machine{
        margin:50px 0 0 0;
        padding:60px 0 60px 0;
        text-align: left;
        background: url(../images/common/bg_footer_contact.jpg) left top no-repeat;
        background-size: cover;
    }
    
    
    #sec_footer_contact_machine .inner h1 {
        font-size: 34px;
        padding: 0px 0 0px 25px;
    }
    #sec_footer_contact_machine .inner span{
        font-size: 20px;
    }
    #sec_footer_contact_machine .inner .h1_jp{
        margin-left: 20px;
    }
    #sec_footer_contact_machine .inner .footer_contact_box{
        padding: 0 0px;
    }
    
    #sec_footer_contact_machine .inner .footer_contact_box .fcb_left p{
        font-size: 18px;
    }
    
    #sec_footer_contact_machine .inner .footer_contact_box .fcb_right p.tel{
        font-size: 46px;
    }
    #sec_footer_contact_machine .inner .footer_contact_box .fcb_right p.businesshours{
        font-size: 16px;
    }
    
    a.fcontact_machine_btn {
        margin: 0 auto;
        font-size: 22px;
        max-width: 400px;
    }
}


@media screen and (min-width: 1000px) {

    #sec_footer_contact_machine{
        margin:80px 0 0 0;
        padding:80px 0 80px 0;
        text-align: left;
        background: url(../images/common/bg_footer_contact.jpg) left top no-repeat;
        background-size: cover;
    }
    
    #sec_footer_contact_machine .inner{
        padding: 0 10px;
    }
    #sec_footer_contact_machine .inner .footer_contact_box{
        padding: 0;
    }
    
    #sec_footer_contact_machine .inner .footer_contact_box .fcb_left{
        float: left;
        width: 50%;
        margin: 30px 0;
        padding: 20px 0;
        max-width: 1000px;
        box-sizing: border-box;
        text-align: center;
        border-right: 1px dotted #AAA;
    }


    #sec_footer_contact_machine .inner .footer_contact_box .fcb_right{
        float: left;
        width: 50%;
        margin: 30px 0;
        padding: 20px 0;
        max-width: 1000px;
        box-sizing: border-box;
        text-align: center;
    }

    
   
}
@media screen and (min-width: 1240px) {
    #sec_footer_contact_machine .inner .footer_contact_box{
        padding: 0 30px;
    }
 
}



/* sec_coating_features
------------------------------------------------------------*/

#sec_coating_features{
    margin:0;
    padding:30px 0 10px 0;
    text-align: left;
}

#sec_coating_features .inner{
    margin: 0 auto;
    max-width: 1460px;
    overflow: hidden;
    padding: 0 10px;
}


#sec_coating_features .inner h1 {
    position: relative;
    display: block;
    text-align: left;
    font-size: 20px;
    color: #1F4672;
    box-sizing: border-box;
    line-height: 1.6;
    letter-spacing: 0.01em;
    padding: 5px 0 10px 25px;
    font-weight: bold;
    letter-spacing: 0.03em;
}

#sec_coating_features .inner h1:before {
    content: '';
    position: absolute;
    top: 40%;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 4px;
    background-color: #2B5F97;
}
#sec_coating_features .inner .features_box{
    overflow: hidden;
    display: block;
    padding: 0 0px;
    box-sizing: border-box;
}

#sec_coating_features .inner .features_box p{
    font-size: 14px;
    color: #222222;
    margin-bottom: 20px;
    line-height: 2;
}
.col_3{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
    margin-top: 20px;
}

.col_3 > div{
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    border:10px solid #DDDDDD;
    margin: 0 0 20px 0;
    background: #FFF;
    
}

.col_3 .number{
    text-align: center;
    font-size: 20px;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    color: #1F4672;
    margin: 10px 0 10px 0;
}
.col_3 .number img{
    display: block;
    margin: 0 auto;
}


.col_3 h2{
    display: table;
    height: auto;
    width: 100%;
    font-size: 14px;
    text-align: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #CCC;
}
.col_3 h2 p{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: auto;
    letter-spacing: 0.01em;
}

.col_3 p.c3_description{
    padding: 20px 10px 10px 10px;
    box-sizing: border-box;
    font-size: 14px;
}


/*  画面サイズが640pxまで  */
@media screen and (min-width: 640px) {
    #sec_coating_features .inner h1 {
        font-size: 34px;
        padding: 5px 0 10px 30px;
    }
    
    #sec_coating_features .inner h1:before {
        top: 45%;
    }
    
    #sec_coating_features .inner .features_box{
        padding: 0 30px;
    }
    #sec_coating_features .inner .features_box p{
        font-size: 16px;
    }
    
    .col_3 > div{
		width: calc( (100% - 80px) / 2);
        padding: 30px;
        margin: 0 20px 40px 20px;
        box-sizing: border-box;
	}
    .col_3 h2{
        font-size: 16px;
    }
    
    
    .col_3 h2{
        height: 80px;
    }
    .col_3 h2 p{
        height: 80px;
    }
    
}


@media screen and (min-width: 1000px) {

    #sec_coating_features{
        margin:0;
        padding:50px 0 0 0;
        text-align: left;
    }
    
    #sec_coating_features .inner{
        padding: 0 10px;
    }
    .col_3 > div{
        width: calc( (100% - 120px) / 3);
        padding: 30px;
        box-sizing: border-box;
    }
    .col_3 h2{
        font-size: 20px;
    }
}




/* sec_coating_lineup
------------------------------------------------------------*/

#sec_coating_lineup{
    margin:0;
    padding:30px 0 30px 0;
    text-align: left;
}

#sec_coating_lineup .inner{
    margin: 0 auto;
    max-width: 1460px;
    overflow: hidden;
    padding: 0 10px;
}


#sec_coating_lineup .inner h1 {
    position: relative;
    display: block;
    text-align: left;
    font-size: 20px;
    color: #1F4672;
    box-sizing: border-box;
    line-height: 1.6;
    letter-spacing: 0.01em;
    padding: 5px 0 10px 25px;
    font-weight: bold;
    letter-spacing: 0.03em;
}

#sec_coating_lineup .inner h1:before {
    content: '';
    position: absolute;
    top: 40%;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 4px;
    background-color: #2B5F97;
}

#sec_coating_lineup .inner .lineup_box{
    overflow: hidden;
    display: block;
    padding: 0 0px;
    box-sizing: border-box;
}

#sec_coating_lineup .inner .lineup_box p{
    font-size: 14px;
    color: #222222;
    margin-bottom: 20px;
    line-height: 2;
}



#sec_coating_lineup .inner .lineup_menu{
    overflow: hidden;
    display: block;
    padding: 20px 0px 20px 0px;
    box-sizing: border-box;
}


#sec_coating_lineup .inner .lineup_menu .service_left{
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    max-width: 1000px;
    box-sizing: border-box;
    background: #DFE8EC;
    
    z-index: 20;
}

#sec_coating_lineup .inner .lineup_menu .service_left img.img_coating{
    float: right;
    margin-top: 20px;
    margin-right: 10px;
    margin-left: 20px;
    width: 100%;
    max-width: 120px;
    transition: .3s;
}


#sec_coating_lineup .inner .lineup_menu .service_right{
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    max-width: 1000px;
    box-sizing: border-box;
    background: #E7E7E7;
}
#sec_coating_lineup .inner .lineup_menu .service_right img.img_machine{
    float: right;
    margin-top: 20px;
    margin-right: 10px;
    margin-left: 20px;
    width: 100%;
    max-width: 120px;
    transition: .3s;
}
#sec_coating_lineup .inner .lineup_menu h2{
    font-size: 18px;
    color: #FFF;
    padding: 15px 20px 10px 20px;
}
#sec_coating_lineup .inner .lineup_menu h2.lm_dlc_coating{
    background: #134C7A;
    text-align: center;
}
#sec_coating_lineup .inner .lineup_menu h2.lm_Ti_coating{
    background: #222222;
    text-align: center;
}

#sec_coating_lineup .inner .lineup_menu h2 span{
    display: block;
    padding: 0;
    margin: 0;
    line-height: 1;
    font-size: 14px;
}

#sec_coating_lineup .inner .lineup_menu .service_left p{
    padding: 30px 20px 30px 20px;
    font-size: 14px;
    line-height: 1.9;
    box-sizing: border-box;
}

#sec_coating_lineup .inner .lineup_menu .service_right p{
    padding: 30px 20px;
    font-size: 14px;
    line-height: 1.9;
    box-sizing: border-box;
}




/*  画面サイズが640pxまで  */
@media screen and (min-width: 640px) {
    #sec_coating_lineup .inner h1 {
        font-size: 34px;
        padding: 5px 0 10px 30px;
    }
    
    #sec_coating_lineup .inner .lineup_box{
        padding: 0 30px;
    }
    #sec_coating_lineup .inner .lineup_box p{
        font-size: 16px;
    }

    #sec_coating_lineup .inner .lineup_menu .service_left p{
        padding: 30px 30px 30px 30px;
        font-size: 16px;
        line-height: 1.9;
        box-sizing: border-box;
    }

    #sec_coating_lineup .inner .lineup_menu .service_right p{
        padding: 30px;
        font-size: 16px;
        line-height: 1.9;
        box-sizing: border-box;
    }
    
    #sec_coating_lineup .inner .lineup_menu .service_left img.img_coating{
        margin-top: 20px;
        max-width: 150px;
    }

    #sec_coating_lineup .inner .lineup_menu .service_right img.img_machine{
        margin-top: 20px;
        max-width: 150px;
    }   
    
    a.dlc_coating_btn {
        margin: 10px 50px 30px 50px;
        font-size: 18px;
    }


    a.ti_coating_btn {
        margin: 10px 50px 30px 50px;
        font-size: 18px;
    }
    
    
}



@media screen and (min-width: 1000px) {

    #sec_coating_lineup{
        margin:0;
        padding:50px 0 40px 0;
        text-align: left;
    }
    
    #sec_coating_lineup .inner{
        padding: 0 10px;
    }
    
    #sec_coating_lineup .inner .lineup_menu h2{
        font-size: 28px;
        color: #FFF;
        padding: 35px 40px 25px 40px;
    }

    #sec_coating_lineup .inner .lineup_menu h2 span{
        display: block;
        padding: 0;
        margin: 0;
        line-height: 1;
        font-size: 18px;
    }
    
    
    #sec_coating_lineup .inner .lineup_menu .service_left{
        width: calc( 50% - 20px);
        margin: 0 20px 0 0;
        max-width: 735px;
    }


    #sec_coating_lineup .inner .lineup_menu .service_right{
        margin: 0  0 0 20px;
        width: calc( 50% - 20px);
        max-width: 735px;
    }
    
    
    #sec_coating_lineup .inner .lineup_menu .service_left img.img_coating{
        margin-top: 20px;
        max-width: 200px;
    }

    #sec_coating_lineup .inner .lineup_menu .service_right img.img_machine{
        margin-top: 20px;
        max-width: 200px;
    }   
    #sec_coating_lineup .inner .lineup_menu .service_left p{
        padding: 30px 50px 30px 50px;
        font-size: 16px;
        line-height: 1.9;
        box-sizing: border-box;
    }

    #sec_coating_lineup .inner .lineup_menu .service_right p{
        padding: 30px 50px 30px 50px;
        font-size: 16px;
        line-height: 1.9;
        box-sizing: border-box;
    }
    #sec_coating_lineup .inner span{
        display: inline-block;
        margin-left: 40px;
        margin-top: 0px;
        line-height: 2;
        font-size: 20px;
    }
    #sec_coating_lineup .inner .h1_jp:before {
        display:inline-block;
    }
    
}

@media screen and (min-width: 1240px) {
    
    #sec_coating_lineup .inner .lineup_menu h2{
        font-size: 32px;
        color: #FFF;
        padding: 35px 40px 25px 40px;
    }

    #sec_coating_lineup .inner .lineup_menu h2 span{
        display: block;
        padding: 0;
        margin: 0;
        line-height: 1;
        font-size: 20px;
    }
    
    #sec_coating_lineup .inner .lineup_menu .service_left img.img_coating{
        margin-top: -100px;
        max-width: 300px;
    }

    #sec_coating_lineup .inner .lineup_menu .service_right img.img_machine{
        margin-top: -100px;
        max-width: 300px;
    }   
    
}


.col_lineup{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
    margin-top: 20px;
}

.col_lineup > div{
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    /* border:1px solid #DDDDDD; */
    margin: 0 0 20px 0;
}

.col_lineup h2{
    font-size: 18px;
    color: #FFF;
    padding: 15px 20px 15px 20px;
    line-height: 1.8;
}

.col_lineup h2.lm_dlc_coating{
    background: #134C7A;
    text-align: center;
}
.col_lineup h2.lm_Ti_coating{
    background: #222222;
    text-align: center;
}
.col_lineup h2 span{
    display: block;
    padding: 0 !important;
    margin: 0 !important;
    width: 100%;
    line-height: 1;
    font-size: 14px;
    text-align: center;
}

.col_lineup .lineup_left{
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    max-width: 1000px;
    padding: 30px 20px;
    box-sizing: border-box;
    background: #DFE8EC;
    z-index: 20;
    overflow: hidden;
}

.col_lineup .lineup_right{
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    max-width: 1000px;
    padding: 30px 20px;
    box-sizing: border-box;
    background: #E7E7E7;
}

.col_lineup .lineup_left p{
    font-size: 14px;
    line-height: 1.9;
    box-sizing: border-box;
    margin-bottom: 40px;
}
.col_lineup .lineup_right p{
    font-size: 14px;
    line-height: 1.9;
    box-sizing: border-box;
    margin-bottom: 40px;
}



a.dlc_coating_btn {
    display: block;
    position: relative;
    width: auto;
    max-width: 100%;
    padding: 15px 0;
    text-align: center;
    text-decoration: none;
    background:#134C7A;
    overflow: hidden;
    font-size: 14px;
    font-weight:bold;
    color: #fff !important;
    letter-spacing: 0.05em;
    line-height: 1.8;
    margin: 10px 0px 0px 0px;
}

a.dlc_coating_btn:hover {
    color: #fff !important;
    background:#1d5e96;
}

a.ti_coating_btn {
    display: block;
    position: relative;
    width: auto;
    max-width: 100%;
    padding: 15px 0;
    text-align: center;
    text-decoration: none;
    background:#222222;
    overflow: hidden;
    font-size: 14px;
    font-weight:bold;
    color: #fff !important;
    letter-spacing: 0.05em;
    line-height: 1.8;
    margin: 10px 0px 0px 0px;
}

a.ti_coating_btn:hover {
    color: #fff !important;
    background:#444444;
}
.coating_arrow{
    text-align: center;
}


.list_outer {
    width: 100%;
    margin-top: 10px;
}
 
.list_outer table.dlc_list {
    border-collapse: collapse;
    width: 100%;
    border-collapse:separate;
    border-spacing:2px;
    
}
.list_outer table.dlc_list td {
    padding: 5px 10px 10px 10px;
    background: #CFD5EA;
}
.list_outer table.dlc_list th {
    padding: 10px;
    background: #CFD5EA;
}

.list_outer table.dlc_list th {
    background-color: #3762B0;
    color: #FFF;
    text-align: center;
}
.list_outer table.dlc_list th.tdl01{
    background: #3762B0;
    width: 100px;
}
.list_outer table.dlc_list th.tdl02{
    background: #333F50;
}
.list_outer table.dlc_list th.tdl03{
    background: #4472C4;
}
.list_outer table.dlc_list th.tdl04{
    background: #435269;
}
.list_outer table.dlc_list td.tdl05{
    background: #CFD5EA;
    text-align: center;
    font-weight: bold;
}
.list_outer table.dlc_list td.tdl06{
    background: #B8C2D1;
}
.list_outer table.dlc_list td.tdl07{
    background: #E9EBF5;
}

.list_outer table.dlc_list td a{
    color: #003366;
    text-decoration: none;
    border-bottom: 1px solid #003366;
    padding-bottom: 1px;
    letter-spacing: 0.02em;
}
.list_outer table.dlc_list td a:hover{
    color: #FF4000;
    border-bottom: 1px solid #FF4000;
}




.list_outer table.ti_list {
    border-collapse: collapse;
    width: 100%;
    border-collapse:separate;
    border-spacing:2px;
    
}
.list_outer table.ti_list td {
    padding: 5px 10px 10px 10px;
    background: #CFD5EA;
}

.list_outer table.ti_list td p{
    
}

.list_outer table.ti_list th {
    padding: 10px;
    background: #CFD5EA;
}

.list_outer table.ti_list th {
    background-color: #3762B0;
    color: #FFF;
    text-align: center;
}
.list_outer table.ti_list th.tdl01{
    background: #3A3A3A;
    width: 100px;
}
.list_outer table.ti_list th.tdl02{
    background: #3A3A3A;
}
.list_outer table.ti_list th.tdl03{
    background: #222222;
}
.list_outer table.ti_list th.tdl04{
    background: #373737;
}
.list_outer table.ti_list td.tdl05{
    background: #DDDDDD;
    text-align: center;
    font-weight: bold;
}
.list_outer table.ti_list td.tdl06{
    background: #DDDDDD;
}
.list_outer table.ti_list td.tdl07{
    background: #EEEEEE;
}

.list_outer table.ti_list td a{
    color: #003366;
    text-decoration: none;
    border-bottom: 1px solid #003366;
    padding-bottom: 1px;
    letter-spacing: 0.02em;
}
.list_outer table.ti_list td a:hover{
    color: #FF4000;
    border-bottom: 1px solid #FF4000;
}


.list_outer .font80{
	font-size: 80% !important;
	padding: 0 !important;
	margin: 0 !important;
	line-height: 1 !important;
}

@media screen and (min-width: 1000px) {
    .col_lineup > div{
        width: calc( (100% - 40px) / 2);
        padding: 0px;
        box-sizing: border-box;
    }
    .col_lineup > div:first-child{
        margin-right: 40px;
    }
    .col_lineup h2{
        font-size: 28px;
        color: #FFF;
        padding: 20px 40px 30px 40px;
        line-height: 1.2;
    }

    .col_lineup h2 span{
        display: block;
        padding: 0;
        margin: 0;
        line-height: 1;
        font-size: 18px;
    }
    
    .col_lineup .lineup_left{
        padding: 30px 50px;
    }

    .col_lineup .lineup_right{
        padding: 30px 50px;
    }
    
    .col_lineup .lineup_left p{
        font-size: 16px;
    }
    .col_lineup .lineup_right p{
        font-size: 16px;
    }
    
    a.dlc_coating_btn {
        margin: 10px 0px 0px 0px;
        font-size: 18px;
    }


    a.ti_coating_btn {
        margin: 10px 0px 0px 0px;
        font-size: 18px;
    }
    
    .list_outer table.dlc_list th.tdl01{
        width: 150px;
    }
    .list_outer table.ti_list th.tdl01{
        width: 150px;
    }
}



/* sec_coating_object
------------------------------------------------------------*/

#sec_coating_object{
    margin:0;
    padding:30px 0 30px 0;
    text-align: left;
    background: #FFF url("../images/common/bg_lattice.png") left top repeat;
}

.sec_coating_object_none{
    background: none !important;
}


#sec_coating_object .inner{
    margin: 0 auto;
    max-width: 1460px;
    overflow: hidden;
    padding: 0 10px;
}


#sec_coating_object .inner h1 {
    position: relative;
    display: block;
    text-align: left;
    font-size: 20px;
    color: #1F4672;
    box-sizing: border-box;
    line-height: 1.6;
    letter-spacing: 0.01em;
    padding: 5px 0 10px 25px;
    font-weight: bold;
    letter-spacing: 0.03em;
}

#sec_coating_object .inner h1:before {
    content: '';
    position: absolute;
    top: 40%;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 4px;
    background-color: #2B5F97;
}
#sec_coating_object .inner .object_box{
    overflow: hidden;
    display: block;
    padding: 0 0px;
    box-sizing: border-box;
}

#sec_coating_object .inner .object_box p{
    font-size: 14px;
    color: #222222;
    margin-bottom: 20px;
    line-height: 2;
}

.col_object{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
    margin-top: 20px;
}

.col_object > div{
    width: 100%;
    padding: 0px;
    box-sizing: border-box;
    margin: 0 0 30px 0;
    background: #FFF;
    position: relative;
    padding-bottom: 60px;
}

.sec_coating_object_none .col_object > div{
    padding-bottom: 0px;
}

.col_object > div .co_bottom_box{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}


.col_object h2{
    font-size: 18px;
    color: #FFF;
    padding: 15px 20px 15px 20px;
    line-height: 1.8;
}

.col_object img{
    width: 100%;
    vertical-align: bottom;
}

.col_object h2.co_tool{
    background: #072163;
    text-align: center;
}
.col_object h2.co_mold{
    background: #9C6F35;
    text-align: center;
}
.col_object h2.co_parts{
    background: #222222;
    text-align: center;
}
.col_object h2 span{
    display: block;
    padding: 0 !important;
    margin: 0 !important;
    width: 100%;
    line-height: 1;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
}



.col_object .co_object_list{
    padding: 20px 25px;
    background: #FFF;
}
.col_object .co_object_list p{
    line-height: 2.5;
}

.col_object .co_object_list a{
    color: #003366;
    text-decoration: none;
    border-bottom: 1px solid #003366;
    padding-bottom: 1px;
    letter-spacing: 0.01em;
    margin: 0 2px;
}
.col_object .co_object_list a:hover{
    color: #FF4000;
    border-bottom: 1px solid #FF4000;
}


a.co_tool_btn {
    display: block;
    position: relative;
    width: auto;
    max-width: 100%;
    padding: 15px 0;
    text-align: center;
    text-decoration: none;
    background:#072163;
    overflow: hidden;
    font-size: 14px;
    font-weight:bold;
    color: #fff !important;
    letter-spacing: 0.05em;
    line-height: 1.8;
    margin: 0;
}

a.co_tool_btn:hover {
    color: #fff !important;
    background:#193e9d;
}

a.co_mold_btn {
    display: block;
    position: relative;
    width: auto;
    max-width: 100%;
    padding: 15px 0;
    text-align: center;
    text-decoration: none;
    background:#9C6F35;
    overflow: hidden;
    font-size: 14px;
    font-weight:bold;
    color: #fff !important;
    letter-spacing: 0.05em;
    line-height: 1.8;
    margin: 0;
}

a.co_mold_btn:hover {
    color: #fff !important;
    background:#bf8945;
}
a.co_parts_btn {
    display: block;
    position: relative;
    width: auto;
    max-width: 100%;
    padding: 15px 0;
    text-align: center;
    text-decoration: none;
    background:#222222;
    overflow: hidden;
    font-size: 14px;
    font-weight:bold;
    color: #fff !important;
    letter-spacing: 0.05em;
    line-height: 1.8;
    margin: 0;
}

a.co_parts_btn:hover {
    color: #fff !important;
    background:#464646;
}



a.co_object_btn {
    display: block;
    position: relative;
    width: 50%;
    padding: 15px 0;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    font-size: 14px;
    font-weight:bold;
    color: #fff !important;
    letter-spacing: 0.05em;
    line-height: 1.8;
    margin: 0;
    float: left;
}

a.co_object_btn:hover {
    color: #fff !important;
}

a.co_object_btn i{
    margin-left: 10px;
    font-size: 15px;
}


.co_tool01_btn{
    background:#072163;
}
.co_tool01_btn:hover{
    background:#20589d;
}
.co_tool02_btn{
    background:#1D4372;
}
.co_tool02_btn:hover{
    background:#20589d;
}

.co_mold01_btn{
    background:#9C6F35;
}
.co_mold01_btn:hover{
    background:#d09545;
}
.co_mold02_btn{
    background:#BB8740;
}
.co_mold02_btn:hover{
    background:#d09545;
}

.co_parts01_btn{
    background:#222222;
}
.co_parts01_btn:hover{
    background:#525252;
}
.co_parts02_btn{
    background:#414141;
}
.co_parts02_btn:hover{
    background:#525252;
}

/*  画面サイズが640pxまで  */
@media screen and (min-width: 640px) {
    #sec_coating_object .inner h1 {
        font-size: 34px;
        padding: 5px 0 10px 30px;
    }
    
    #sec_coating_object .inner h1:before {
        top: 45%;
    }
    
    #sec_coating_object .inner .object_box{
        padding: 0 30px;
    }
    #sec_coating_object .inner .object_box p{
        font-size: 16px;
    }
    .col_object > div{
		width: calc( (100% - 40px) / 2);
        padding: 0px;
        padding-bottom: 60px;
        margin: 0 10px 40px 10px;
        box-sizing: border-box;
	}
    
}


@media screen and (min-width: 1000px) {

    #sec_coating_object{
        margin:0;
        padding:50px 0 42px 0;
        text-align: left;
    }
    
    #sec_coating_object .inner{
        padding: 0 10px;
    }
    .col_object > div{
        width: calc( (100% - 120px) / 3);
        padding: 0px;
        box-sizing: border-box;
        padding-bottom: 60px;
        margin: 0 20px 40px 20px;
    }
    
    .col_object h2{
        font-size: 28px;
        color: #FFF;
        padding: 20px 40px 20px 40px;
        line-height: 1.5;
    }

    .col_object h2 span{
        display: block;
        padding: 0;
        margin: 0;
        line-height: 1;
        font-size: 14px;
    }
    a.co_tool_btn {
        font-size: 18px;
    }
    a.co_mold_btn {
        font-size: 18px;
    }
    a.co_parts_btn {
        font-size: 18px;
    }
}






/* sec_coating_dlcseries
------------------------------------------------------------*/

#sec_coating_dlcseries{
    margin:0;
    padding:20px 0 30px 0;
    text-align: left;
}

#sec_coating_dlcseries .inner{
    margin: 0 auto;
    max-width: 1460px;
    overflow: hidden;
    padding: 0 10px;
}


#sec_coating_dlcseries .inner h1 {
    position: relative;
    display: block;
    text-align: left;
    font-size: 20px;
    color: #1F4672;
    box-sizing: border-box;
    line-height: 1.6;
    letter-spacing: 0.01em;
    padding: 5px 0 10px 25px;
    font-weight: bold;
    letter-spacing: 0.03em;
}

#sec_coating_dlcseries .inner h1:before {
    content: '';
    position: absolute;
    top: 40%;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 4px;
    background-color: #1F4672;
}


#sec_coating_dlcseries .inner .dlcseries_box{
    overflow: hidden;
    display: block;
    padding: 0 0px;
    box-sizing: border-box;
}

#sec_coating_dlcseries .inner .dlcseries_box p{
    font-size: 14px;
    color: #222222;
    margin-bottom: 20px;
    line-height: 2;
}




#sec_coating_dlcseries table.tbl_dlcseries {
    border-collapse: collapse;
    width: 100%;
    border-collapse:separate;
    border-spacing:2px;
    
}
#sec_coating_dlcseries table.tbl_dlcseries td {
    padding: 10px 10px 10px 10px;
    background: #CFD5EA;
    text-align: center;
}

#sec_coating_dlcseries table.tbl_dlcseries td p{
    
}

#sec_coating_dlcseries table.tbl_dlcseries th {
    padding: 10px;
    background: #1A66A4;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
}

#sec_coating_dlcseries table.tbl_dlcseries th.dlc_th01{
    width: 60px;
}
#sec_coating_dlcseries table.tbl_dlcseries th.dlc_th02{
    width: 250px;
}
#sec_coating_dlcseries table.tbl_dlcseries th.dlc_th03{
    width: 180px;
}
#sec_coating_dlcseries table.tbl_dlcseries th.dlc_th04{
    
}

#sec_coating_dlcseries table.tbl_dlcseries td.dlc_f00{
    background: #134C7A;
    color: #FFF;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    writing-mode: vertical-lr;
    line-height: 1;
}
#sec_coating_dlcseries table.tbl_dlcseries td.dlc_f01{
    background: #103F65;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}

#sec_coating_dlcseries table.tbl_dlcseries td.dlc_f01 a{
    display: block;
    width:100%;
    height:100%;
    color: #FFF;
    text-decoration: none;
}
#sec_coating_dlcseries table.tbl_dlcseries td.dlc_f01 a:hover{
    color: rgb(255, 255, 0);
}


#sec_coating_dlcseries table.tbl_dlcseries td.dlc_f02{
    background: #CFD5EA;
    font-size: 12px;
    padding: 0 15px;
}
#sec_coating_dlcseries table.tbl_dlcseries td.dlc_f02_l{
    background: #CFD5EA;
    text-align: left;
    font-size: 12px;
}

#sec_coating_dlcseries table.tbl_dlcseries td.dlc_f02_b{
    background: #E9EBF5;
    font-size: 12px;
    padding: 0 15px;
}
#sec_coating_dlcseries table.tbl_dlcseries td.dlc_f02_l_b{
    background: #E9EBF5;
    text-align: left;
    font-size: 12px;
}




#sec_coating_dlcseries table.tbl_dlcseries td.dlc_h00{
    background: #1F8B88;
    color: #FFF;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    writing-mode: vertical-lr;
    line-height: 1;
}
#sec_coating_dlcseries table.tbl_dlcseries td.dlc_h01{
    background: #1B7472;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}
#sec_coating_dlcseries table.tbl_dlcseries td.dlc_h01 a{
    display: block;
    width:100%;
    height:100%;
    color: #FFF;
    text-decoration: none;
}
#sec_coating_dlcseries table.tbl_dlcseries td.dlc_h01 a:hover{
    color: rgb(255, 255, 0);
}


#sec_coating_dlcseries table.tbl_dlcseries td.dlc_h02{
    background: #CFD5EA;
    font-size: 12px;
    padding: 0 15px;
}
#sec_coating_dlcseries table.tbl_dlcseries td.dlc_h02_l{
    background: #CFD5EA;
    text-align: left;
    font-size: 12px;
}

#sec_coating_dlcseries table.tbl_dlcseries td.dlc_h02_b{
    background: #E9EBF5;
    font-size: 13px;
    padding: 0 15px;
}
#sec_coating_dlcseries table.tbl_dlcseries td.dlc_h02_l_b{
    background: #E9EBF5;
    text-align: left;
    font-size: 12px;
}



.x-scroll {
overflow: auto;
}
.x-scroll table{
width:100%;
}
.x-scroll::-webkit-scrollbar{
height: 6px; /* スクロールバーの高さ */
}
.x-scroll::-webkit-scrollbar-track{
background: #F1F1F1; /* スクロールバーの背景色 */
}
.x-scroll::-webkit-scrollbar-thumb {
background: #444; /* スクロールバーの色 */
}
.x-scroll td, .x-scroll th{
white-space: nowrap; /* 文字の折返しを禁止 */
}

/*  画面サイズが640pxまで  */
@media screen and (min-width: 640px) {
    #sec_coating_dlcseries .inner h1 {
        font-size: 34px;
        padding: 5px 0 10px 30px;
    }
    
    #sec_coating_dlcseries .inner h1:before {
        top: 45%;
    }
    
    #sec_coating_dlcseries .inner .dlcseries_box{
        padding: 0 20px;
    }
    #sec_coating_dlcseries .inner .dlcseries_box p{
        font-size: 16px;
    }
    
    #sec_coating_dlcseries table.tbl_dlcseries th {
        font-size: 18px;
        font-weight: bold;
    }
    #sec_coating_dlcseries table.tbl_dlcseries td.dlc_f00{
        font-size: 18px;
    }
    #sec_coating_dlcseries table.tbl_dlcseries td.dlc_f01{
        font-size: 18px;
    }
    #sec_coating_dlcseries table.tbl_dlcseries td.dlc_f02{
        font-size: 16px;
    }
    #sec_coating_dlcseries table.tbl_dlcseries td.dlc_f02_l{
        font-size: 12px;
    }
    #sec_coating_dlcseries table.tbl_dlcseries td.dlc_f02_b{
        font-size: 16px;
    }
    #sec_coating_dlcseries table.tbl_dlcseries td.dlc_f02_l_b{
        font-size: 12px;
    }
    
    #sec_coating_dlcseries table.tbl_dlcseries td.dlc_h00{
        font-size: 18px;
    }
    #sec_coating_dlcseries table.tbl_dlcseries td.dlc_h01{
        font-size: 18px;
    }
    #sec_coating_dlcseries table.tbl_dlcseries td.dlc_h02{
        font-size: 16px;
    }
    #sec_coating_dlcseries table.tbl_dlcseries td.dlc_h02_l{
        font-size: 12px;
    }
    #sec_coating_dlcseries table.tbl_dlcseries td.dlc_h02_b{
        font-size: 16px;
    }
    #sec_coating_dlcseries table.tbl_dlcseries td.dlc_h02_l_b{
        font-size: 12px;
    }
    
}

@media screen and (min-width: 1000px) {

    #sec_coating_dlcseries{
        margin:0;
        padding:30px 0 50px 0;
        text-align: left;
    }
    
    #sec_coating_dlcseries .inner{
        padding: 0 10px;
    }
    #sec_coating_dlcseries .inner .dlcseries_box{
        padding: 0 30px;
    }
}







/* sec_coating_dlclineup
------------------------------------------------------------*/

#sec_coating_dlclineup{
    margin:0;
    padding:20px 0 30px 0;
    text-align: left;
}

#sec_coating_dlclineup .inner{
    margin: 0 auto;
    max-width: 1460px;
    overflow: hidden;
    padding: 0 10px;
}


#sec_coating_dlclineup .inner h1 {
    position: relative;
    display: block;
    text-align: left;
    font-size: 20px;
    color: #1F4672;
    box-sizing: border-box;
    line-height: 1.6;
    letter-spacing: 0.01em;
    padding: 5px 0 10px 25px;
    font-weight: bold;
    letter-spacing: 0.03em;
}

#sec_coating_dlclineup .inner h1:before {
    content: '';
    position: absolute;
    top: 40%;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 4px;
    background-color: #1F4672;
}

#sec_coating_dlclineup .inner h2 {
    color: #1F4672;/*文字色*/
    padding: 10px 5px;/*上下の余白*/
    border-top: solid 1px #AAAAAA;/*上線*/
    border-bottom: solid 4px #1F4672;/*下線*/
    font-size: 20px;
    margin-top: 10px;
}

#sec_coating_dlclineup .inner .dlclineup_box{
    overflow: hidden;
    display: block;
    padding: 0 0px;
    box-sizing: border-box;
}

#sec_coating_dlclineup .inner .dlclineup_box p{
    font-size: 14px;
    color: #222222;
    margin-bottom: 20px;
    line-height: 2;
}

.dlc_lineup{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
    margin-top: 20px;
}

.dlc_lineup > div{
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    margin: 0 0 20px 0;
    background: #FFF;
    
}

.dlc_lineup > div.hydrogen_free{
    border: 1px solid #1F4672;
    
}

.dlc_lineup > div a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}


.dlc_lineup > div.hydrogen_contain{
    border: 1px solid #1B7472;
}

.dlc_lineup > div a > div.dlc_img{
    text-align: center;
    margin: 20px 20px 10px 20px;
}

.dlc_lineup > div a > div.dlc_img img{
    width: 100%;
    max-width: 260px;
    vertical-align: bottom;
    transition: .4s;
}

.dlc_lineup > div a:hover > div.dlc_img img{
    opacity: 1;
    transform: scale(1.05);
}


.dlc_lineup > div a > div.dlc_txt{
    text-align: center;
    margin: 0px 20px 20px 20px;
}

.dlc_lineup > div a > div.dlc_txt p{
    font-size: 14px !important;
    line-height: 1.8 !important;
}


#sec_coating_dlclineup .inner h3 {
    position: relative;
    display: block;
    text-align: center;
    font-size: 20px;
    color: #FFF;
    box-sizing: border-box;
    line-height: 1;
    letter-spacing: 0.01em;
    padding: 13px 0 13px 0;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    background: #222;
}
#sec_coating_dlclineup .inner h3::after{
    content: '';
    position: absolute;
    top: calc( 50% - 7px);
    right: 15px;
    width: 15px;
    height: 14px;
    border-right: 2px solid #FFF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#sec_coating_dlclineup .inner h3::before{
    content: '';
    position: absolute;
    top: calc( 50% - 8px);
    right: 15px;
    width: 15px;
    height: 15px;
    border-top: 2px solid #FFF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


#sec_coating_dlclineup .inner h3.hydrogen_free {
    background: #1F4672;
}

#sec_coating_dlclineup .inner h3.hydrogen_contain {
    background: #1B7472;
}

/*  画面サイズが640pxまで  */
@media screen and (min-width: 640px) {
    #sec_coating_dlclineup .inner h1 {
        font-size: 34px;
        padding: 5px 0 10px 30px;
    }
    
    #sec_coating_dlclineup .inner h1:before {
        top: 45%;
    }
    
    
    #sec_coating_dlclineup .inner h2 {
        padding: 10px 15px;/*上下の余白*/
        font-size: 26px;
        margin-top: 20px;
        margin-bottom: 30px;

    }
    
    
    #sec_coating_dlclineup .inner .dlclineup_box{
        padding: 0 20px;
    }
    #sec_coating_dlclineup .inner .dlclineup_box p{
        font-size: 16px;
    }
    
    .dlc_lineup > div{
        width: calc( (100% - 60px) / 2);
        margin: 0 20px 40px 20px;
        box-sizing: border-box;
    }

    .dlc_lineup > div:nth-child(1){
        margin: 0 20px 40px 10px;
    }
    .dlc_lineup > div:nth-child(2n+1){
        margin: 0 20px 40px 10px;
    }
    
    .dlc_lineup > div:nth-child(2n){
        margin: 0 10px 40px 20px;
    }
    
    .dlc_lineup > div a > div.dlc_txt p{
        font-size: 14px !important;
        line-height: 1.8 !important;
    }
    
    #sec_coating_dlclineup .inner h3 {
        font-size: 24px;
    }
    
}

@media screen and (min-width: 1000px) {

    #sec_coating_dlclineup{
        margin:0;
        padding:30px 0 50px 0;
        text-align: left;
    }
    
    #sec_coating_dlclineup .inner{
        padding: 0 10px;
    }
    #sec_coating_dlclineup .inner .dlclineup_box{
        padding: 0 30px;
    }
    
    .dlc_lineup > div{
        width: calc( (100% - 140px) / 4);
        margin: 0 20px 40px 20px;
        box-sizing: border-box;
    }

    .dlc_lineup > div:nth-child(1){
        margin: 0 20px 40px 10px;
    }
    
    .dlc_lineup > div:nth-child(2n){
        margin: 0 20px 40px 20px;
    }
    
    .dlc_lineup > div:nth-child(4n+1){
        margin: 0 20px 40px 10px;
    }
    
    .dlc_lineup > div:nth-child(4n){
        margin: 0 10px 40px 20px;
    }
    .dlc_lineup > div a > div.dlc_txt p{
        font-size: 16px !important;
        line-height: 1.8 !important;
    }
}




/* sec_coating_nitrideseries
------------------------------------------------------------*/

#sec_coating_nitrideseries{
    margin:0;
    padding:20px 0 30px 0;
    text-align: left;
}

#sec_coating_nitrideseries .inner{
    margin: 0 auto;
    max-width: 1460px;
    overflow: hidden;
    padding: 0 10px;
}


#sec_coating_nitrideseries .inner h1 {
    position: relative;
    display: block;
    text-align: left;
    font-size: 20px;
    color: #1F4672;
    box-sizing: border-box;
    line-height: 1.6;
    letter-spacing: 0.01em;
    padding: 5px 0 10px 25px;
    font-weight: bold;
    letter-spacing: 0.03em;
}

#sec_coating_nitrideseries .inner h1:before {
    content: '';
    position: absolute;
    top: 40%;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 4px;
    background-color: #1F4672;
}


#sec_coating_nitrideseries .inner .nitrideseries_box{
    overflow: hidden;
    display: block;
    padding: 0 0px;
    box-sizing: border-box;
}

#sec_coating_nitrideseries .inner .nitrideseries_box p{
    font-size: 14px;
    color: #222222;
    margin-bottom: 20px;
    line-height: 2;
}




#sec_coating_nitrideseries table.tbl_nitrideseries {
    border-collapse: collapse;
    width: 100%;
    border-collapse:separate;
    border-spacing:2px;
    
}
#sec_coating_nitrideseries table.tbl_nitrideseries td {
    padding: 10px 10px 10px 10px;
    background: #CFD5EA;
    text-align: center;
}

#sec_coating_nitrideseries table.tbl_nitrideseries td p{
    
}

#sec_coating_nitrideseries table.tbl_nitrideseries th {
    padding: 10px;
    background: #444444;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
}


#sec_coating_nitrideseries table.tbl_nitrideseries th.nitride_th02{
    width: 250px;
}
#sec_coating_nitrideseries table.tbl_nitrideseries th.nitride_th03{
    width: 180px;
}
#sec_coating_nitrideseries table.tbl_nitrideseries th.nitride_th03 span{
    font-size: 80%;
    vertical-align:text-bottom;
    margin-left: 5px;
}

#sec_coating_nitrideseries table.tbl_nitrideseries th.nitride_th04{
    
}

#sec_coating_nitrideseries table.tbl_nitrideseries td.nitride_f00{
    background: #134C7A;
    color: #FFF;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    writing-mode: vertical-lr;
    line-height: 1;
}
#sec_coating_nitrideseries table.tbl_nitrideseries td.nitride_f01{
    background: #555555;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}
#sec_coating_nitrideseries table.tbl_nitrideseries td.nitride_f01 a{
    display: block;
    width:100%;
    height:100%;
    color: #FFF;
    text-decoration: none;
}
#sec_coating_nitrideseries table.tbl_nitrideseries td.nitride_f01 a:hover{
    color: rgb(255, 255, 0);
}

#sec_coating_nitrideseries table.tbl_nitrideseries td.nitride_f02{
    background: #DDDDDD;
    font-size: 12px;
    padding: 0 15px;
}
#sec_coating_nitrideseries table.tbl_nitrideseries td.nitride_f02_l{
    background: #DDDDDD;
    text-align: left;
    font-size: 12px;
}

#sec_coating_nitrideseries table.tbl_nitrideseries td.nitride_f02_b{
    background: #F3F3F3;
    font-size: 12px;
    padding: 0 15px;
}
#sec_coating_nitrideseries table.tbl_nitrideseries td.nitride_f02_l_b{
    background: #F3F3F3;
    text-align: left;
    font-size: 12px;
}




#sec_coating_nitrideseries table.tbl_nitrideseries td.nitride_h00{
    background: #1F8B88;
    color: #FFF;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    writing-mode: vertical-lr;
    line-height: 1;
}
#sec_coating_nitrideseries table.tbl_nitrideseries td.nitride_h01{
    background: #222222;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}
#sec_coating_nitrideseries table.tbl_nitrideseries td.nitride_h01 a{
    display: block;
    width:100%;
    height:100%;
    color: #FFF;
    text-decoration: none;
}
#sec_coating_nitrideseries table.tbl_nitrideseries td.nitride_h01 a:hover{
    color: rgb(255, 255, 0);
}

#sec_coating_nitrideseries table.tbl_nitrideseries td.nitride_h02{
    background: #DDDDDD;
    font-size: 12px;
    padding: 0 15px;
}
#sec_coating_nitrideseries table.tbl_nitrideseries td.nitride_h02_l{
    background: #DDDDDD;
    text-align: left;
    font-size: 12px;
}

#sec_coating_nitrideseries table.tbl_nitrideseries td.nitride_h02_b{
    background: #F3F3F3;
    font-size: 13px;
    padding: 0 15px;
}
#sec_coating_nitrideseries table.tbl_nitrideseries td.nitride_h02_l_b{
    background: #F3F3F3;
    text-align: left;
    font-size: 12px;
}


#sec_coating_nitrideseries .font80{
	display: block;
	font-size: 60% !important;
	padding: 0 !important;
	margin: 0 !important;
	line-height: 1 !important;
	font-weight: normal;
}

/*  画面サイズが640pxまで  */
@media screen and (min-width: 640px) {
    #sec_coating_nitrideseries .inner h1 {
        font-size: 34px;
        padding: 5px 0 10px 30px;
    }
    
    #sec_coating_nitrideseries .inner h1:before {
        top: 45%;
    }
    
    #sec_coating_nitrideseries .inner .nitrideseries_box{
        padding: 0 20px;
    }
    #sec_coating_nitrideseries .inner .nitrideseries_box p{
        font-size: 16px;
    }
    
    #sec_coating_nitrideseries table.tbl_nitrideseries th {
        font-size: 18px;
        font-weight: bold;
    }
    #sec_coating_nitrideseries table.tbl_nitrideseries td.nitride_f00{
        font-size: 18px;
    }
    #sec_coating_nitrideseries table.tbl_nitrideseries td.nitride_f01{
        font-size: 18px;
    }
    #sec_coating_nitrideseries table.tbl_nitrideseries td.nitride_f02{
        font-size: 16px;
    }
    #sec_coating_nitrideseries table.tbl_nitrideseries td.nitride_f02_l{
        font-size: 12px;
    }
    #sec_coating_nitrideseries table.tbl_nitrideseries td.nitride_f02_b{
        font-size: 16px;
    }
    #sec_coating_nitrideseries table.tbl_nitrideseries td.nitride_f02_l_b{
        font-size: 12px;
    }
    
    #sec_coating_nitrideseries table.tbl_nitrideseries td.nitride_h00{
        font-size: 18px;
    }
    #sec_coating_nitrideseries table.tbl_nitrideseries td.nitride_h01{
        font-size: 18px;
    }
    #sec_coating_nitrideseries table.tbl_nitrideseries td.nitride_h02{
        font-size: 16px;
    }
    #sec_coating_nitrideseries table.tbl_nitrideseries td.nitride_h02_l{
        font-size: 12px;
    }
    #sec_coating_nitrideseries table.tbl_nitrideseries td.nitride_h02_b{
        font-size: 16px;
    }
    #sec_coating_nitrideseries table.tbl_nitrideseries td.nitride_h02_l_b{
        font-size: 12px;
    }
    
}

@media screen and (min-width: 1000px) {

    #sec_coating_nitrideseries{
        margin:0;
        padding:30px 0 50px 0;
        text-align: left;
    }
    
    #sec_coating_nitrideseries .inner{
        padding: 0 10px;
    }
    #sec_coating_nitrideseries .inner .nitrideseries_box{
        padding: 0 30px;
    }
}





/* sec_coating_nitridelineup
------------------------------------------------------------*/

#sec_coating_nitridelineup{
    margin:0;
    padding:20px 0 30px 0;
    text-align: left;
}

#sec_coating_nitridelineup .inner{
    margin: 0 auto;
    max-width: 1460px;
    overflow: hidden;
    padding: 0 10px;
}


#sec_coating_nitridelineup .inner h1 {
    position: relative;
    display: block;
    text-align: left;
    font-size: 20px;
    color: #1F4672;
    box-sizing: border-box;
    line-height: 1.6;
    letter-spacing: 0.01em;
    padding: 5px 0 10px 25px;
    font-weight: bold;
    letter-spacing: 0.03em;
}

#sec_coating_nitridelineup .inner h1:before {
    content: '';
    position: absolute;
    top: 40%;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 4px;
    background-color: #1F4672;
}

#sec_coating_nitridelineup .inner h2 {
    color: #1F4672;/*文字色*/
    padding: 10px 5px;/*上下の余白*/
    border-top: solid 1px #AAAAAA;/*上線*/
    border-bottom: solid 4px #1F4672;/*下線*/
    font-size: 20px;
    margin-top: 10px;
}

#sec_coating_nitridelineup .inner .nitridelineup_box{
    overflow: hidden;
    display: block;
    padding: 0 0px;
    box-sizing: border-box;
}

#sec_coating_nitridelineup .inner .nitridelineup_box p{
    font-size: 14px;
    color: #222222;
    margin-bottom: 20px;
    line-height: 2;
}

.nitride_lineup{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
    margin-top: 20px;
}

.nitride_lineup > div{
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    margin: 0 0 20px 0;
    background: #FFF;
    
}

.nitride_lineup > div.titanium{
    border: 1px solid #555555;
    
}

.nitride_lineup > div a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}


.nitride_lineup > div.chromium{
    border: 1px solid #222222;
}

.nitride_lineup > div a > div.dlc_img{
    text-align: center;
    margin: 20px 20px 10px 20px;
}

.nitride_lineup > div a > div.dlc_img img{
    width: 100%;
    max-width: 260px;
    vertical-align: bottom;
    transition: .4s;
}

.nitride_lineup > div a:hover > div.dlc_img img{
    opacity: 1;
    transform: scale(1.05);
}


.nitride_lineup > div a > div.dlc_txt{
    text-align: center;
    margin: 0px 20px 20px 20px;
}

.nitride_lineup > div a > div.dlc_txt p{
    font-size: 14px !important;
    line-height: 1.8 !important;
}


#sec_coating_nitridelineup .inner h3 {
    position: relative;
    display: block;
    text-align: center;
    font-size: 20px;
    color: #FFF;
    box-sizing: border-box;
    line-height: 1;
    letter-spacing: 0.01em;
    padding: 13px 0 13px 0;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    background: #222;
}
#sec_coating_nitridelineup .inner h3::after{
    content: '';
    position: absolute;
    top: calc( 50% - 7px);
    right: 15px;
    width: 15px;
    height: 14px;
    border-right: 2px solid #FFF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#sec_coating_nitridelineup .inner h3::before{
    content: '';
    position: absolute;
    top: calc( 50% - 8px);
    right: 15px;
    width: 15px;
    height: 15px;
    border-top: 2px solid #FFF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


#sec_coating_nitridelineup .inner h3.titanium {
    background: #555555;
}

#sec_coating_nitridelineup .inner h3.chromium {
    background: #222222;
}

/*  画面サイズが640pxまで  */
@media screen and (min-width: 640px) {
    #sec_coating_nitridelineup .inner h1 {
        font-size: 34px;
        padding: 5px 0 10px 30px;
    }
    
    #sec_coating_nitridelineup .inner h1:before {
        top: 45%;
    }
    
    
    #sec_coating_nitridelineup .inner h2 {
        padding: 10px 15px;/*上下の余白*/
        font-size: 26px;
        margin-top: 20px;
        margin-bottom: 30px;

    }
    
    
    #sec_coating_nitridelineup .inner .nitridelineup_box{
        padding: 0 20px;
    }
    #sec_coating_nitridelineup .inner .nitridelineup_box p{
        font-size: 16px;
    }
    
    .nitride_lineup > div{
        width: calc( (100% - 60px) / 2);
        margin: 0 20px 40px 20px;
        box-sizing: border-box;
    }

    .nitride_lineup > div:nth-child(1){
        margin: 0 20px 40px 10px;
    }
    .nitride_lineup > div:nth-child(2n+1){
        margin: 0 20px 40px 10px;
    }
    
    .nitride_lineup > div:nth-child(2n){
        margin: 0 10px 40px 20px;
    }
    
    .nitride_lineup > div a > div.dlc_txt p{
        font-size: 14px !important;
        line-height: 1.8 !important;
    }
    
    #sec_coating_nitridelineup .inner h3 {
        font-size: 24px;
    }
    
}

@media screen and (min-width: 1000px) {

    #sec_coating_nitridelineup{
        margin:0;
        padding:30px 0 50px 0;
        text-align: left;
    }
    
    #sec_coating_nitridelineup .inner{
        padding: 0 10px;
    }
    #sec_coating_nitridelineup .inner .nitridelineup_box{
        padding: 0 30px;
    }
    
    .nitride_lineup > div{
        width: calc( (100% - 140px) / 4);
        margin: 0 20px 40px 20px;
        box-sizing: border-box;
    }

    .nitride_lineup > div:nth-child(1){
        margin: 0 20px 40px 10px;
    }
    
    .nitride_lineup > div:nth-child(2n){
        margin: 0 20px 40px 20px;
    }
    
    .nitride_lineup > div:nth-child(4n+1){
        margin: 0 20px 40px 10px;
    }
    
    .nitride_lineup > div:nth-child(4n){
        margin: 0 10px 40px 20px;
    }
    .nitride_lineup > div a > div.dlc_txt p{
        font-size: 16px !important;
        line-height: 1.8 !important;
    }
}




/* sec_coating_detail
------------------------------------------------------------*/

#sec_coating_detail{
    margin:0;
    padding:20px 0 30px 0;
    text-align: left;
}

#sec_coating_detail .inner{
    margin: 0 auto;
    max-width: 1460px;
    overflow: hidden;
    padding: 0 10px;
}


#sec_coating_detail .inner h1 {
    position: relative;
    display: block;
    text-align: left;
    font-size: 20px;
    color: #1F4672;
    box-sizing: border-box;
    line-height: 1.6;
    letter-spacing: 0.01em;
    padding: 5px 0 10px 25px;
    font-weight: bold;
    letter-spacing: 0.03em;
}

#sec_coating_detail .inner h1:before {
    content: '';
    position: absolute;
    top: 40%;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 4px;
    background-color: #1F4672;
}

#sec_coating_detail .inner h2 {
    padding: 10px 15px;/*文字周りの余白*/
    color: #1F1F1F;/*文字色*/
    background: #EEEEEE;/*背景色*/
    border-left: solid 4px #1F4672;/*左線（実線 太さ 色）*/
    font-size: 18px;
}




#sec_coating_detail .inner .detail_box{
    overflow: hidden;
    display: block;
    padding: 0 0px;
    box-sizing: border-box;
}

#sec_coating_detail .inner .detail_box p{
    font-size: 14px;
    color: #222222;
    margin-bottom: 20px;
    line-height: 2;
}


#sec_coating_detail .inner .detail_col2box{
    overflow: hidden;
    display: block;
    padding: 0 0;
    margin: 0 0 40px 0;
    box-sizing: border-box;
}

#sec_coating_detail .inner .detail_col2box p{
    font-size: 14px;
    color: #222222;
    margin-bottom: 20px;
    line-height: 2;
}


#sec_coating_detail .inner .detail_col2box .detail_catch{
    font-size: 18px;
    font-family: 'Noto Serif JP', sans-serif;
    font-weight: 700;
    color: #1F1F1F;
    margin-bottom: 20px;
    text-align: left;
    letter-spacing: 0.05em;
}


#sec_coating_detail .inner .detail_col2box .detail_col2_left{
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    max-width: 1000px;
    box-sizing: border-box;
    text-align: center;
}

#sec_coating_detail .inner .detail_col2box .detail_col2_left ul{
    list-style: none;
    text-align: left;
    margin-top: 30px;
}

#sec_coating_detail .inner .detail_col2box .detail_col2_left ul li{
    font-size: 14px;
    font-weight: bold;
    color: #111;
    margin-bottom: 10px;
    padding-left: 1.5em;
    text-indent: -1.5em;
}

#sec_coating_detail .inner .detail_col2box .detail_col2_left ul li::before {
	display: inline-block;
	content: "";
	margin-top: 5px;
	margin-right: 10px;
	width: 14px;
	height: 14px;
	vertical-align: top;
	border-radius: 8px;
	background-color: #1F4672;
}



#sec_coating_detail .inner .detail_col2box .detail_col2_right{
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    max-width: 1000px;
    box-sizing: border-box;
    text-align: center;
}

#sec_coating_detail .inner .detail_col2box .detail_col2_right img{
    width: 100%;
    max-width: 400px;
}



#sec_coating_detail .inner .detail_structure_box{
    overflow: hidden;
    display: block;
    padding: 0;
    margin: 30px 0 40px 0;
    box-sizing: border-box;
}
#sec_coating_detail .inner .detail_structure_box .detail_structure_left{
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    box-sizing: border-box;
    text-align: center;
}

#sec_coating_detail .inner .detail_structure_box .detail_structure_left img{
    width: 100%;
    max-width: 400px;
}

#sec_coating_detail .inner .detail_structure_box .detail_structure_right{
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    box-sizing: border-box;
    text-align: center;
}
#sec_coating_detail .inner .detail_structure_box .detail_structure_right img{
    width: auto;
	max-width: 100%;
}
#sec_coating_detail .inner .detail_structure_box .detail_structure_right .structure_img{
    float: left;
    margin: 0 10px 10px 0px;
}

#sec_coating_detail .inner .detail_structure_box .detail_structure_right p{
    font-size: 14px;
    color: #222222;
    margin-bottom: 20px;
    clear: both;
}

#sec_coating_detail .inner .detail_structure_box .detail_structure_right ul{
    list-style: none;
    margin-left: 20px;
    float: left;
}
#sec_coating_detail .inner .detail_structure_box .detail_structure_right ul li{
    list-style: decimal;
    text-align: left;
    font-weight: bold;
}
#sec_coating_detail .inner .detail_structure_box .detail_structure_right ul li p{
    margin-bottom: 10px;
    font-weight: normal;
}



#sec_coating_detail .inner .detail_physical_character_box{
    overflow: hidden;
    display: block;
    padding: 0;
    margin: 30px 0 40px 0;
    box-sizing: border-box;
}
#sec_coating_detail .inner .detail_physical_character_box .detail_physical_box{
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    box-sizing: border-box;

}

#sec_coating_detail .inner .detail_physical_character_box .detail_physical_box p.physical_title{
    font-size: 16px;
    font-weight: bold;
    padding: 10px 10px 0 25px;
    position: relative;
}
#sec_coating_detail .inner .detail_physical_character_box .detail_physical_box p.physical_title::after {
	position: absolute;
	content: '';
	bottom: .45em;
	left: .4em;
	width: 14px;
	height: 14px;
	background-color: #111;
}

#sec_coating_detail .inner .detail_physical_character_box .detail_character_box{
    float: right;
    width: 100%;
    margin: 0 0 10px 0;
    box-sizing: border-box;
}



.physical_list{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
    margin-top: 20px;
}

.physical_list > div{
    width: calc( (100% - 30px) / 3);
    margin: 0 5px 10px 5px; /* 20 */
    box-sizing: border-box;
    background: #FFF;
    border: 1px solid #1F4672;
}

.physical_list > div > .title {
    background: #1F4672;
    text-align: center;
    color: #FFF;
    font-size: 16px;
    padding: 5px 0 7px 0;
}

.physical_list .txt{
    text-align: center;
    height: 60px;
    display:flex;
    align-items: center;
}

.physical_list > div p{
    text-align: center;
    font-size: 14px;
    padding: 5px 0 7px 0;
    line-height: 1.5;
    letter-spacing: 0em;
}
.physical_list > div p.txt_s{
    text-align: center;
    font-size: 13px;
    padding: 5px 0 7px 0;
    line-height: 1.5;
    letter-spacing: 0em;
}




.character_list{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
    margin-top: 20px;
}

.character_list > div{
    width: calc( (100% - 30px) / 3);
    margin: 0 5px 10px 5px; /* 20 */
    box-sizing: border-box;
    background: #FFF;
    border: 1px solid #406F24;
}

.character_list > div > .title {
    background: #406F24;
    text-align: center;
    color: #FFF;
    font-size: 16px;
    padding: 5px 0 7px 0;
}

.character_list .txt{
    text-align: center;
    height: 60px;
    display:flex;
    align-items: center;
}

.character_list > div p{
    text-align: center;
    font-size: 14px;
    padding: 5px 0 7px 0;
    line-height: 1.5;
    letter-spacing: 0em;
}


#sec_coating_detail .inner .detail_feature_box{
    overflow: hidden;
    display: block;
    padding: 0;
    margin: 30px 0 40px 0;
    box-sizing: border-box;
}

#sec_coating_detail .inner .detail_feature_box ul{
    list-style:none;
    padding: 0 0px;
    box-sizing: border-box;
}
#sec_coating_detail .inner .detail_feature_box ul li{
    margin-left: 0px;
    font-weight: bold;
    padding: 0 0 30px 0;
    clear: both;
    
}

#sec_coating_detail .inner .detail_feature_box ul li span.feature_title{
    background: #FFFF82;
    padding: 8px 10px 10px 10px;
    line-height: 2em;
    font-size: 16px;
}

#sec_coating_detail .inner .detail_feature_box ul li p.feature_text{
    font-size: 14px;
    font-weight: normal;
    padding-left: 10px;
    margin-top: 10px;
    box-sizing: border-box;
    
}

#sec_coating_detail .inner .detail_feature_box ul li figure {
	float: left;
	margin: 20px 0 20px 0;
	width: 100%;
    text-align: center;
    
}
#sec_coating_detail .inner .detail_feature_box ul li figure img {
	max-width: 100%;
}

.disp_sp{
    display: block;
}
.disp_pc{
    display: none;;
}



#sec_coating_detail .inner .detail_testdata_box{
    overflow: hidden;
    display: block;
    padding: 0;
    margin: 30px 0 40px 0;
    box-sizing: border-box;
}

#sec_coating_detail .inner .detail_testdata_box ul{
    list-style:none;
    padding: 0 0px;
    box-sizing: border-box;
}
#sec_coating_detail .inner .detail_testdata_box ul li{
    margin-left: 0px;
    font-weight: bold;
    padding: 0 0 30px 0;
}

#sec_coating_detail .inner .detail_testdata_box ul li span.feature_title{
    padding: 8px 10px 10px 10px;
    line-height: 2em;
    font-size: 16px;
}

#sec_coating_detail .inner .detail_testdata_box ul li p.feature_text{
    font-size: 14px;
    font-weight: normal;
    padding-left: 10px;
    margin-top: 10px;
    box-sizing: border-box;
    
}

#sec_coating_detail .inner .detail_testdata_box ul li figure {
	float: left;
	margin: 20px 0 20px 0;
	width: 100%;
    text-align: center;
    
}
#sec_coating_detail .inner .detail_testdata_box ul li figure img {
	max-width: 100%;
}


#sec_coating_detail .inner .detail_testdata_box ul.conditions{
    list-style:none;
    padding: 0 0px;
    margin-left: 10px;
    box-sizing: border-box;
}
#sec_coating_detail .inner .detail_testdata_box ul.conditions li{
    margin-left: 0px;
    font-weight: normal;
    padding: 0 0 5px 0;
    font-size: 12px;
}


#sec_coating_detail .inner .detail_compatibilitydata_box{
    overflow: hidden;
    display: block;
    padding: 0 0px;
    margin: 30px 0 40px 0;
    box-sizing: border-box;
}



#sec_coating_detail table.tbl_compatibilitydata {
    border-collapse: collapse;
    width: 100%;
    border-collapse:separate;
    border-spacing:2px;
    
}
#sec_coating_detail table.tbl_compatibilitydata td {
    padding: 10px 10px 10px 10px;
    background: #E9ECF5;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

#sec_coating_detail table.tbl_compatibilitydata td.td01{
    background: #285B93;
    color: #FFF;
}

#sec_coating_detail table.tbl_compatibilitydata th {
    padding: 10px;
    background: #1A66A4;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
}
#sec_coating_detail table.tbl_compatibilitydata th.th01{
    background: #1F4672;
    color: #FFF;
    width: 150px;
    min-width: 80px;
}
#sec_coating_detail table.tbl_compatibilitydata th.th02{
    background: #CFD5EA;
    color: #1F1F1F;
    font-weight: normal;
    width: auto;
}


#sec_coating_detail table.tbl_compatibilitydata_opposite {
    border-collapse: collapse;
    width: 100%;
    border-collapse:separate;
    border-spacing:2px;
    margin-top: 20px;
    
}

#sec_coating_detail table.tbl_compatibilitydata_opposite caption{
    text-align: left;
    font-weight: bold;
    font-size: 16px;
}

#sec_coating_detail table.tbl_compatibilitydata_opposite td {
    padding: 10px 10px 10px 10px;
    background: #EFF9EA;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

#sec_coating_detail table.tbl_compatibilitydata_opposite td.td01{
    background: #559230;
    color: #FFF;
}

#sec_coating_detail table.tbl_compatibilitydata_opposite th {
    padding: 10px;
    background: #1A66A4;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
}
#sec_coating_detail table.tbl_compatibilitydata_opposite th.th01{
    background: #406F24;
    color: #FFF;
    width: 150px;
    min-width: 80px;
}
#sec_coating_detail table.tbl_compatibilitydata_opposite th.th02{
    background: #E1F3D8;
    color: #1F1F1F;
    font-weight: normal;
    width: auto;
}



/* --------------------------------------------- */


#sec_coating_detail table.tbl_compatibilitydata2 {
    border-collapse: collapse;
    width: 100%;
    border-collapse:separate;
    border-spacing:2px;
    margin-bottom: 20px;
}
#sec_coating_detail table.tbl_compatibilitydata2 td {
    padding: 10px 10px 10px 10px;
    background: #E9ECF5;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

#sec_coating_detail table.tbl_compatibilitydata2 td.td01{
    background: #285B93;
    color: #FFF;
}

#sec_coating_detail table.tbl_compatibilitydata2 th {
    padding: 10px;
    background: #1A66A4;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
}
#sec_coating_detail table.tbl_compatibilitydata2 th.th01{
    background: #1F4672;
    color: #FFF;
    width: 150px;
    min-width: 80px;
}
#sec_coating_detail table.tbl_compatibilitydata2 th.th02{
    background: #CFD5EA;
    color: #1F1F1F;
    font-weight: normal;
    width: auto;
}


#sec_coating_detail table.tbl_compatibilitydata_opposite2 {
    border-collapse: collapse;
    width: 100%;
    border-collapse:separate;
    border-spacing:2px;
    margin-bottom: 20px;
    
}

#sec_coating_detail table.tbl_compatibilitydata_opposite2 caption{
    text-align: left;
    font-weight: bold;
    font-size: 16px;
}

#sec_coating_detail table.tbl_compatibilitydata_opposite2 td {
    padding: 10px 10px 10px 10px;
    background: #e6f4e1;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

#sec_coating_detail table.tbl_compatibilitydata_opposite2 td.td01{
    background: #559230;
    color: #FFF;
}

#sec_coating_detail table.tbl_compatibilitydata_opposite2 th {
    padding: 10px;
    background: #1A66A4;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
}
#sec_coating_detail table.tbl_compatibilitydata_opposite2 th.th01{
    background: #406F24;
    color: #FFF;
    width: 150px;
    min-width: 80px;
}
#sec_coating_detail table.tbl_compatibilitydata_opposite2 th.th02{
    background: #E1F3D8;
    color: #1F1F1F;
    font-weight: normal;
    width: auto;
}

@media screen and (min-width: 640px) {
    #sec_coating_detail table.tbl_compatibilitydata2 th {
        font-size: 16px;
    }
    #sec_coating_detail table.tbl_compatibilitydata2 td {
        font-size: 16px;
    }
    
    #sec_coating_detail table.tbl_compatibilitydata_opposite2 td {
        font-size: 16px;
    }
    #sec_coating_detail table.tbl_compatibilitydata_opposite2 th {
        font-size: 16px;
    }
}

/* --------------------------------------------- */


#sec_coating_detail .inner .detail_removal_box{
    overflow: hidden;
    display: block;
    padding: 0 10px;
    margin: 20px 0 40px 0;
    box-sizing: border-box;
}
#sec_coating_detail .inner .detail_removal_box p{
    font-size: 16px;
    color: #222222;
    margin-bottom: 20px;
    line-height: 2;
}

#sec_coating_detail .inner .detail_useeffect_box{
    overflow: hidden;
    display: block;
    padding: 0 10px;
    margin: 20px 0 0px 0;
    box-sizing: border-box;
}
#sec_coating_detail .inner .detail_useeffect_box p{
    font-size: 14px;
    color: #222222;
    margin-bottom: 20px;
    line-height: 2;
}

#sec_coating_detail .inner .detail_useeffect_box2{
    overflow: hidden;
    display: block;
    padding: 0 10px;
    margin: 0px 0 40px 0;
    box-sizing: border-box;
}

.useeffect_box{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
    margin-top: 20px;
}

.useeffect_box > div{
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    border:5px solid #DDDDDD;
    margin: 0 0 20px 0;
    background: #FFF;
    
}

.longurl{word-break: break-all;}

.useeffect_box h3{
    display: table;
    height: auto;
    width: 100%;
    font-size: 16px;
    text-align: left;
    padding-bottom: 5px;
    border-bottom: 4px solid #1F4672;
    margin-bottom: 20px;
}
.useeffect_box h3 p{
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    height: auto;
    letter-spacing: 0.01em;
}



.useeffect_box ul{
    margin-left: 20px;
    margin-top: 10px;
}

.useeffect_box figure {
	float: left;
	margin: 20px 0 0 0;
	width: 100%;
    text-align: center;
    
}
.useeffect_box figure img {
	max-width: 100%;
}





/*  画面サイズが640pxまで  */
@media screen and (min-width: 640px) {
    #sec_coating_detail .inner h1 {
        font-size: 34px;
        padding: 5px 0 10px 30px;
    }
    
    #sec_coating_detail .inner h1:before {
        top: 45%;
    }
    #sec_coating_detail .inner h2 {
        font-size: 20px;
    }
    #sec_coating_detail .inner .detail_box{
        padding: 0 20px;
    }
    #sec_coating_detail .inner .detail_box p{
        font-size: 16px;
    }
    #sec_coating_detail .inner .detail_col2box{
        padding: 0 20px;
    }
    #sec_coating_detail .inner .detail_col2box p{
        font-size: 16px;
    }
    
    #sec_coating_detail .inner .detail_col2box .detail_catch{
        font-size: 20px;
    }
    
    #sec_coating_detail .inner .detail_col2box .detail_col2_left{
        width: calc( 100% - 300px );
    }

    #sec_coating_detail .inner .detail_col2box .detail_col2_right{
        width: 280px;
        margin-left: 20px;
    }
    
    #sec_coating_detail .inner .detail_structure_box .detail_structure_left{
        width: auto;
        
    }
    
    #sec_coating_detail .inner .detail_structure_box .detail_structure_right{
        width: 100%;
    }
    #sec_coating_detail .inner .detail_structure_box .detail_structure_right img{
        width: auto;
        
    }
    #sec_coating_detail .inner .detail_structure_box .detail_structure_right .structure_img{
        float: left;
        margin: 0 20px 20px 20px;
    }
    #sec_coating_detail .inner .detail_structure_box .detail_structure_right p{
        clear: none;
    }

    
    
    #sec_coating_detail .inner .detail_col2box .detail_col2_left ul li{
        font-size: 18px;
        font-weight: bold;
        color: #111;
        margin-bottom: 10px;
        padding-left: 1.5em;
        text-indent: -1.5em;
    }

    #sec_coating_detail .inner .detail_col2box .detail_col2_left ul li::before {
        display: inline-block;
        content: "";
        margin-top: 9px;
        margin-right: 10px;
        width: 16px;
        height: 16px;
        vertical-align: top;
        border-radius: 8px;
        background-color: #1F4672;
    }
    
    .physical_list > div{
        width: calc( (100% - 70px) / 5);
        margin: 0 7px 14px 7px; /* 30 */
        box-sizing: border-box;
        background: #FFF;
    }
    .character_list > div{
        width: calc( (100% - 70px) / 5);
        margin: 0 7px 14px 7px; /* 30 */
        box-sizing: border-box;
        background: #FFF;
    }
}



@media screen and (min-width: 1000px) {

    #sec_coating_detail{
        margin:0;
        padding:30px 0 20px 0;
        text-align: left;
    }
    
    #sec_coating_detail .inner{
        padding: 0 10px;
    }
    #sec_coating_detail .inner .detail_box{
        padding: 0 30px;
    }
    #sec_coating_detail .inner .detail_col2box .detail_catch{
        font-size: 30px;
    }
    #sec_coating_detail .inner .detail_col2box .detail_col2_left{
        width: calc( 100% - 420px );
    }

    #sec_coating_detail .inner .detail_col2box .detail_col2_right{
        width: 400px;
        margin-left: 20px;
    }
    
    #sec_coating_detail .inner .detail_physical_character_box .detail_physical_box{
        float: left;
        width: 49%;
        
    }

    #sec_coating_detail .inner .detail_physical_character_box .detail_character_box{
        float: right;
        width: 49%;
        
    }
    #sec_coating_detail .inner .detail_feature_box ul{
        list-style:none;
        padding: 0 20px;
        box-sizing: border-box;
    }
    #sec_coating_detail .inner .detail_feature_box ul li{
        margin-left: 0px;
        font-size: 18px;
        font-weight: bold;
        padding: 0 0 30px 0;
    }

    #sec_coating_detail .inner .detail_feature_box ul li span.feature_title{
        background: #FFFF82;
        padding: 8px 20px 10px 20px;
        line-height: 2.5em;
        font-size: 18px;
    }

    #sec_coating_detail .inner .detail_feature_box ul li p.feature_text{
        font-size: 15px;
        font-weight: normal;
        padding-left: 50px;
        margin-top: 10px;
        box-sizing: border-box;
    }

    #sec_coating_detail .inner .detail_feature_box ul li figure {
        float: right;
        margin: 10px 0 15px 40px;
        width: 35%;
        text-align: right;
    }
    #sec_coating_detail .inner .detail_feature_box ul li figure img {
        max-width: 100%;
    }
    .disp_sp{
        display: none;
    }
    .disp_pc{
        display: block;
    }
    #sec_coating_detail .inner .detail_testdata_box ul{
        list-style:none;
        padding: 0 20px;
        box-sizing: border-box;
        
    }
    #sec_coating_detail .inner .detail_testdata_box ul li{
        margin-left: 0px;
        font-size: 18px;
        font-weight: bold;
        padding: 0 0 30px 0;
    }

    #sec_coating_detail .inner .detail_testdata_box ul li span.feature_title{
        padding: 8px 20px 10px 20px;
        line-height: 2.5em;
        font-size: 18px;
    }

    #sec_coating_detail .inner .detail_testdata_box ul li p.feature_text{
        font-size: 15px;
        font-weight: normal;
        padding-left: 50px;
        margin-top: 10px;
        box-sizing: border-box;
    }

    #sec_coating_detail .inner .detail_testdata_box ul li figure {
        float: right;
        margin: 10px 0 15px 40px;
        width: auto;
        max-width: 100%;
        text-align: right;
    }
    #sec_coating_detail .inner .detail_testdata_box ul li figure img {
        max-width: 100%;
    }
    
    
    #sec_coating_detail .inner .detail_testdata_box ul.conditions{
        list-style:none;
        padding: 0 0px;
        margin-left: 70px;
        box-sizing: border-box;
    }
    #sec_coating_detail .inner .detail_testdata_box ul.conditions li{
        margin-left: 0px;
        font-weight: normal;
        padding: 0 0 5px 0;
        font-size: 14px;
    }
    #sec_coating_detail .inner .detail_compatibilitydata_box{
        padding: 0 50px;
        margin: 30px 0 40px 0;
    }
    #sec_coating_detail .inner .detail_removal_box{
        padding: 0 20px;
        margin: 20px 0 40px 0;
    }
    #sec_coating_detail .inner .detail_useeffect_box{
        padding: 0 20px;
        margin: 20px 0 0px 0;
    }
    #sec_coating_detail .inner .detail_useeffect_box2{
        padding: 0 0px;
        margin: 0px 0 40px 0;
    }
    #sec_coating_detail .inner .detail_useeffect_box p{
        font-size: 16px;
    }
    
    .useeffect_box > div{
		width: calc( (100% - 80px) / 2);
        padding: 30px;
        margin: 0 20px 40px 20px;
        box-sizing: border-box;
	}
    .useeffect_box h3{
        font-size: 20px;
    }
    .useeffect_box figure {
        float: right;
        margin: 10px 0 15px 40px;
        width: 35%;
        text-align: right;
    }
    .useeffect_box figure img {
        max-width: 100%;
    }
    
}

.lattice_box{
    padding:40px 0 30px 0 !important;
    background: #FFF url("../images/common/bg_lattice.png") left top repeat;
}



/* 工具 */

div#main_tool_sp{
    position: relative;
    transform:translate(0, 0%) skewX(-0deg);
    height: 500px;
    flex: 0 0 100%;
    transition: .3s;
    overflow:hidden;
    background: url(../images/coating/tool/main_bg_sp.jpg) 50% top no-repeat;
    display: block;
}
div#tool_left{
    display: none;
}
div#tool_right{
    display: none;
}



div#tool_left{
    position: relative;
    transform:translate(-5%, 0%) skewX(-0deg);
    height: 500px;
    flex: 0 0 65%;
    transition: .3s;
    overflow:hidden;
}
div#tool_left::after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0%;
    opacity: 1;
    display:block;
    background: url(../images/coating/tool/main_left.jpg) 0% top no-repeat;
    transform:translate(0%, 0%) skewX(0deg);
}

div#tool_left:hover{
    transform:translate(0%, 0%) skewX(0deg);
    transition: .3s;
}

div#tool_left a{
    height:90px;
    position: absolute;
    top:250px;
    right:35%;
    bottom:0;
    margin:auto;
    transform: skew(0deg);
    z-index: 60;
    border: 5px solid #FFFFFF;
}

div#tool_left a::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 20px;
    right: calc( 50% - 7px );
    width: 20px;
    height: 20px;
    border-top: 4px solid #FFF;
    border-right: 4px solid #FFF;
    transform: translateX(-0%) rotate(135deg);
}


div#tool_right{
    position: relative;
    transform:translate(-20%, 0%) skewX(-20deg);
    height: 500px;
    flex: 0 0 65%;
    transition: .3s;
    overflow:hidden;
}

div#tool_right::after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
    display:block;
    background: url(../images/coating/tool/main_right.jpg) 100% top no-repeat;
    transform:translate(-20%, 0%) skewX(20deg);
}

div#tool_right:hover{
    transform:translate(-25%, 0%) skewX(-20deg);
    transition: .3s;
}


div#tool_right a{
    height:90px;
    position: absolute;
    top:250px;
    left:20%;
    bottom:0;
    margin:auto;
    transform: skew(20deg);
    z-index: 60;
    border: 5px solid #FFFFFF;
}
div#tool_right a::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 20px;
    right: calc( 50% - 7px );
    width: 20px;
    height: 20px;
    border-top: 4px solid #FFF;
    border-right: 4px solid #FFF;
    transform: translateX(-0%) rotate(135deg);
}

a.coating_tool_left_btn {
    display: block;
    position: relative;
    width: 40%;
    max-width: 300px;
    padding: 5px 0 0 0;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    background: -webkit-gradient(90deg, #051643 35%, #072163);
    background: linear-gradient(90deg, #072163 35%, #051643);
    overflow: hidden;
    font-size: 20px;
    font-weight:bold;
    color: #fff !important;
    letter-spacing: 0.05em;
    line-height: 2;
    margin: 0 auto;
    display: none;
}

a.coating_tool_left_btn:hover {
    color: #fff !important;
    background: -webkit-gradient(90deg, #072163 35%, #051643);
    background: linear-gradient(90deg, #051643 35%, #072163);
}
a.coating_tool_right_btn {
    display: block;
    position: relative;
    width: 40%;
    max-width: 300px;
    padding: 5px 0 0 0;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    background: -webkit-gradient(90deg, #051643 35%, #072163);
    background: linear-gradient(90deg, #072163 35%, #051643);
    overflow: hidden;
    font-size: 20px;
    font-weight:bold;
    color: #fff !important;
    letter-spacing: 0.05em;
    line-height: 2;
    margin: 0 auto;
    display: none;
}

a.coating_tool_right_btn:hover {
    color: #fff !important;
    background: -webkit-gradient(90deg, #072163 35%, #051643);
    background: linear-gradient(90deg, #051643 35%, #072163);
}


a.coating_tool_left_btn_sp {
    display: block;
    position: relative;
    width: 90%;
    max-width: 500px;
    padding: 10px 20px;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    background: -webkit-gradient(90deg, #051643 35%, #072163);
    background: linear-gradient(90deg, #072163 35%, #051643);
    overflow: hidden;
    font-size: 18px;
    font-weight:bold;
    color: #fff !important;
    letter-spacing: 0.05em;
    line-height: 2.5;
    margin: 20px auto 0 auto;
    border: 5px solid #FFFFFF;
}

a.coating_tool_left_btn_sp:hover {
    color: #fff !important;
    background: -webkit-gradient(90deg, #072163 35%, #051643);
    background: linear-gradient(90deg, #051643 35%, #072163);
}
a.coating_tool_right_btn_sp {
    display: block;
    position: relative;
    width: 90%;
    max-width: 500px;
    padding: 10px 20px;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    background: -webkit-gradient(90deg, #051643 35%, #072163);
    background: linear-gradient(90deg, #072163 35%, #051643);
    overflow: hidden;
    font-size: 18px;
    font-weight:bold;
    color: #fff !important;
    letter-spacing: 0.05em;
    line-height: 2.5;
    margin: 0 auto;
    margin: 20px auto 0 auto;
    border: 5px solid #FFFFFF;
}

a.coating_tool_right_btn_sp:hover {
    color: #fff !important;
    background: -webkit-gradient(90deg, #072163 35%, #051643);
    background: linear-gradient(90deg, #051643 35%, #072163);
}


.catchtitle p.subc_tool_en{
    text-align: center;
    color: #FFF;
    font-size: 20px;
    font-weight: bold;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    margin-top: 30px;
}



.catchtitle p.subc_tool_jp{
    text-align: center;
    color: #FFF;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
}
.catchtitle p.subc_tool_txt{
    text-align: center;
    color: #FFF;
    font-size: 56px;
    font-weight: bold;
}

.shadow_title{
/* 影を指定（[左右][上下][ぼかし][影の色]） */
    text-shadow: 0px 0px 10px #222 ,
    0 0 15px #222;
}


@media screen and (min-width: 640px) {
    
    
    .catchtitle p.subc_tool_en{
        font-size: 30px;
        margin-top: 60px;
    }
    .catchtitle p.subc_tool_jp{
        font-size: 38px;
        line-height: 1;
    }
}


@media screen and (min-width: 1000px) {

    a.coating_tool_left_btn {
        display: block;
    }
    a.coating_tool_right_btn {
        display: block;
    }
    
    .catchtitle p.subc_tool_en{
        font-size: 40px;
        margin-top: 60px;
    }
    
    .catchtitle p.subc_tool_jp{
        font-size: 48px;
        line-height: 1;
    }
    .catchtitle p.subc_tool_txt{
        font-size: 80px;
        font-weight: bold;
    }
    
    div#main_tool_sp{
        display: none;
    }
    div#tool_left{
        display: block;
    }
    div#tool_right{
        display: block;
    }
    
    
}




/* sec_coating_tool_feature
------------------------------------------------------------*/

#sec_coating_tool_feature{
    margin:0;
    padding:30px 0 10px 0;
    text-align: left;
}

#sec_coating_tool_feature .inner{
    margin: 0 auto;
    max-width: 1460px;
    overflow: hidden;
    padding: 0 10px;
}


#sec_coating_tool_feature .inner h1 {
    position: relative;
    display: block;
    text-align: left;
    font-size: 20px;
    color: #1F4672;
    box-sizing: border-box;
    line-height: 1.6;
    letter-spacing: 0.01em;
    padding: 5px 0 10px 25px;
    font-weight: bold;
    letter-spacing: 0.03em;
}

#sec_coating_tool_feature .inner h1:before {
    content: '';
    position: absolute;
    top: 40%;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 4px;
    background-color: #2B5F97;
}
#sec_coating_tool_feature .inner .features_box{
    overflow: hidden;
    display: block;
    padding: 0 0px;
    box-sizing: border-box;
}

#sec_coating_tool_feature .inner .features_box p{
    font-size: 14px;
    color: #222222;
    margin-bottom: 20px;
    line-height: 2;
}
.tool_feature_list{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
    margin-top: 0px;
}

.tool_feature_list > div{
    width: 100%;
    padding: 0px;
    box-sizing: border-box;
    margin: 0 0 20px 0;
    position: relative;
}






.tool_feature_list h2{
    display: table;
    height: auto;
    width: 100%;
    font-size: 20px;
    text-align: center;
    border-radius: 30px 0 30px 0;
    padding: 7px 0;
    background: -webkit-gradient(0deg, #054782 50%, #0062B8);
    background: linear-gradient(0deg, #054782 50%, #0062B8);
}
.tool_feature_list h2 p{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: auto;
    letter-spacing: 0.01em;
    color: #FFF;
}

.tool_feature_list p.tfl_description{
    padding: 20px 10px 10px 10px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 2;
}



/*  画面サイズが640pxまで  */
@media screen and (min-width: 640px) {
    #sec_coating_tool_feature .inner h1 {
        font-size: 34px;
        padding: 5px 0 10px 30px;
    }
    
    #sec_coating_tool_feature .inner h1:before {
        top: 45%;
    }
    
    #sec_coating_tool_feature .inner .features_box{
        padding: 0 30px;
    }
    #sec_coating_tool_feature .inner .features_box p{
        font-size: 16px;
    }
    
    .tool_feature_list > div{
		width: calc( (100% - 0px) / 2);
        padding: 20px;
        margin: 0 0 20px 0;
        box-sizing: border-box;
	}
    

    
    
    .tool_feature_list h2{
        font-size: 28px;
    }
    
}


@media screen and (min-width: 1000px) {

    #sec_coating_tool_feature{
        margin:0;
        padding:50px 0 0 0;
        text-align: left;
    }
    
    #sec_coating_tool_feature .inner{
        padding: 0 10px;
    }
    .tool_feature_list > div{
        width: calc( (100% - 0px) / 3);
        padding: 30px;
        margin: 0 0 20px 0;
        box-sizing: border-box;
        
    }
    
    .tool_feature_list > div::before{
        content: "";
        height: 50%;/*線の太さ*/
        border-right: 1px dotted #CCCCCC;
        position: absolute;
        right: 0px;
        top: 40%;
        bottom: 0;
    }
    .tool_feature_list > div:last-child::before{
        border-right: none;
    }
    
    .tool_feature_list h2{
        font-size: 28px;
    }
}



/* sec_coating_tool_recommend
------------------------------------------------------------*/

#sec_coating_tool_recommend{
    margin:0;
    padding:30px 0 40px 0;
    text-align: left;
}

#sec_coating_tool_recommend .inner{
    margin: 0 auto;
    max-width: 1460px;
    overflow: hidden;
    padding: 0 10px;
}


#sec_coating_tool_recommend .inner h1 {
    position: relative;
    display: block;
    text-align: left;
    font-size: 20px;
    color: #1F4672;
    box-sizing: border-box;
    line-height: 1.6;
    letter-spacing: 0.01em;
    padding: 5px 0 10px 25px;
    font-weight: bold;
    letter-spacing: 0.03em;
}

#sec_coating_tool_recommend .inner h1:before {
    content: '';
    position: absolute;
    top: 40%;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 4px;
    background-color: #2B5F97;
}
#sec_coating_tool_recommend .inner .recommend_box{
    overflow: hidden;
    display: block;
    padding: 0 0px;
    box-sizing: border-box;
}

#sec_coating_tool_recommend .inner .recommend_box p{
    font-size: 14px;
    color: #222222;
    margin-bottom: 20px;
    line-height: 2;
}




#sec_coating_tool_recommend table.tbl_recommend {
    border-collapse: collapse;
    width: 100%;
    border-collapse:separate;
    border-spacing:2px;
    
}
#sec_coating_tool_recommend table.tbl_recommend td {
    padding: 10px 10px 10px 10px;
    background: #CFD5EA;
    text-align: center;
}

#sec_coating_tool_recommend table.tbl_recommend td p{
    
}

#sec_coating_tool_recommend table.tbl_recommend th {
    padding: 10px;
    background: #444444;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
}

#sec_coating_tool_recommend table.tbl_recommend th span{
    font-size: 80%;
    vertical-align:text-bottom;
}


#sec_coating_tool_recommend table.tbl_recommend th.dlc_th01{
    width: 60px;
}
#sec_coating_tool_recommend table.tbl_recommend th.dlc_th02{
    width: 15%;
}
#sec_coating_tool_recommend table.tbl_recommend th.dlc_th03{
    width: 180px;
}
#sec_coating_tool_recommend table.tbl_recommend th.dlc_th04{
    
}

#sec_coating_tool_recommend table.tbl_recommend td.dlc_f00{
    background: #134C7A;
    color: #FFF;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    writing-mode: vertical-lr;
    line-height: 1;
}




#sec_coating_tool_recommend table.tbl_recommend td.dlc_f01{
    background: #103F65;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}
#sec_coating_tool_recommend table.tbl_recommend td.dlc_f01 a{
    display: block;
    width:100%;
    height:100%;
    color: #FFF;
    text-decoration: none;
}
#sec_coating_tool_recommend table.tbl_recommend td.dlc_f01 a:hover{
    color: rgb(255, 255, 0);
}

#sec_coating_tool_recommend table.tbl_recommend td.dlc_f02{
    background: #CFD5EA;
    font-size: 12px;
    padding: 0 15px;
}
#sec_coating_tool_recommend table.tbl_recommend td.dlc_f02_l{
    background: #CFD5EA;
    text-align: left;
    font-size: 12px;
}

#sec_coating_tool_recommend table.tbl_recommend td.dlc_f02_b{
    background: #E9EBF5;
    font-size: 12px;
    padding: 0 15px;
}
#sec_coating_tool_recommend table.tbl_recommend td.dlc_f02_l_b{
    background: #E9EBF5;
    text-align: left;
    font-size: 12px;
}




#sec_coating_tool_recommend table.tbl_recommend td.dlc_h00{
    background: #1F8B88;
    color: #FFF;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    writing-mode: vertical-lr;
    line-height: 1;
}
#sec_coating_tool_recommend table.tbl_recommend td.dlc_h01{
    background: #1B7472;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}
#sec_coating_tool_recommend table.tbl_recommend td.dlc_h02{
    background: #CFD5EA;
    font-size: 12px;
    padding: 0 15px;
}
#sec_coating_tool_recommend table.tbl_recommend td.dlc_h02_l{
    background: #CFD5EA;
    text-align: left;
    font-size: 12px;
}

#sec_coating_tool_recommend table.tbl_recommend td.dlc_h02_b{
    background: #E9EBF5;
    font-size: 13px;
    padding: 0 15px;
}
#sec_coating_tool_recommend table.tbl_recommend td.dlc_h02_l_b{
    background: #E9EBF5;
    text-align: left;
    font-size: 12px;
}


#sec_coating_tool_recommend table.tbl_recommend td.nitride_f01{
    background: #555555;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}
#sec_coating_tool_recommend table.tbl_recommend td.nitride_f01 a{
    display: block;
    width:100%;
    height:100%;
    color: #FFF;
    text-decoration: none;
}
#sec_coating_tool_recommend table.tbl_recommend td.nitride_f01 a:hover{
    color: rgb(255, 255, 0);
}

#sec_coating_tool_recommend table.tbl_recommend td.nitride_f02{
    background: #DDDDDD;
    font-size: 12px;
    padding: 0 15px;
}
#sec_coating_tool_recommend table.tbl_recommend td.nitride_f02_l{
    background: #DDDDDD;
    text-align: left;
    font-size: 12px;
}

#sec_coating_tool_recommend table.tbl_recommend td.nitride_f02_b{
    background: #F3F3F3;
    font-size: 12px;
    padding: 0 15px;
}
#sec_coating_tool_recommend table.tbl_recommend td.nitride_f02_l_b{
    background: #F3F3F3;
    text-align: left;
    font-size: 12px;
}

#sec_coating_tool_recommend table.tbl_recommend td.nitride_h01{
    background: #222222;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}
#sec_coating_tool_recommend table.tbl_recommend td.nitride_h01 a{
    display: block;
    width:100%;
    height:100%;
    color: #FFF;
    text-decoration: none;
}
#sec_coating_tool_recommend table.tbl_recommend td.nitride_h01 a:hover{
    color: rgb(255, 255, 0);
}

#sec_coating_tool_recommend table.tbl_recommend td.nitride_h02{
    background: #DDDDDD;
    font-size: 12px;
    padding: 0 15px;
}
#sec_coating_tool_recommend table.tbl_recommend td.nitride_h02_l{
    background: #DDDDDD;
    text-align: left;
    font-size: 12px;
}

#sec_coating_tool_recommend table.tbl_recommend td.nitride_h02_b{
    background: #F3F3F3;
    font-size: 13px;
    padding: 0 15px;
}
#sec_coating_tool_recommend table.tbl_recommend td.nitride_h02_l_b{
    background: #F3F3F3;
    text-align: left;
    font-size: 12px;
}






/*  画面サイズが640pxまで  */
@media screen and (min-width: 640px) {
    #sec_coating_tool_recommend .inner h1 {
        font-size: 34px;
        padding: 5px 0 10px 30px;
    }
    
    #sec_coating_tool_recommend .inner h1:before {
        top: 45%;
    }
    
    #sec_coating_tool_recommend .inner .recommend_box{
        padding: 0 30px;
    }
    #sec_coating_tool_recommend .inner .recommend_box p{
        font-size: 16px;
    }
    
    
    #sec_coating_tool_recommend table.tbl_recommend th {
        font-size: 18px;
        font-weight: bold;
    }
    
    #sec_coating_tool_recommend table.tbl_recommend td.dlc_f00{
        font-size: 18px;
    }
    #sec_coating_tool_recommend table.tbl_recommend td.dlc_f01{
        font-size: 18px;
    }
    #sec_coating_tool_recommend table.tbl_recommend td.dlc_f02{
        font-size: 16px;
    }
    #sec_coating_tool_recommend table.tbl_recommend td.dlc_f02_l{
        font-size: 12px;
    }
    #sec_coating_tool_recommend table.tbl_recommend td.dlc_f02_b{
        font-size: 16px;
    }
    #sec_coating_tool_recommend table.tbl_recommend td.dlc_f02_l_b{
        font-size: 12px;
    }
    
    #sec_coating_tool_recommend table.tbl_recommend td.dlc_h00{
        font-size: 18px;
    }
    #sec_coating_tool_recommend table.tbl_recommend td.dlc_h01{
        font-size: 18px;
    }
    #sec_coating_tool_recommend table.tbl_recommend td.dlc_h02{
        font-size: 16px;
    }
    #sec_coating_tool_recommend table.tbl_recommend td.dlc_h02_l{
        font-size: 12px;
    }
    #sec_coating_tool_recommend table.tbl_recommend td.dlc_h02_b{
        font-size: 16px;
    }
    #sec_coating_tool_recommend table.tbl_recommend td.dlc_h02_l_b{
        font-size: 12px;
    }
    
    #sec_coating_tool_recommend table.tbl_recommend td.nitride_f01{
        font-size: 18px;
    }
    #sec_coating_tool_recommend table.tbl_recommend td.nitride_f02{
        font-size: 16px;
    }
    #sec_coating_tool_recommend table.tbl_recommend td.nitride_f02_l{
        font-size: 12px;
    }
    #sec_coating_tool_recommend table.tbl_recommend td.nitride_f02_b{
        font-size: 16px;
    }
    #sec_coating_tool_recommend table.tbl_recommend td.nitride_f02_l_b{
        font-size: 12px;
    }
    #sec_coating_tool_recommend table.tbl_recommend td.nitride_h01{
        font-size: 18px;
    }
    #sec_coating_tool_recommend table.tbl_recommend td.nitride_h02{
        font-size: 16px;
    }
    #sec_coating_tool_recommend table.tbl_recommend td.nitride_h02_l{
        font-size: 12px;
    }
    #sec_coating_tool_recommend table.tbl_recommend td.nitride_h02_b{
        font-size: 16px;
    }
    #sec_coating_tool_recommend table.tbl_recommend td.nitride_h02_l_b{
        font-size: 12px;
    }
}


@media screen and (min-width: 1000px) {

    #sec_coating_tool_recommend{
        margin:0;
        padding:50px 0 60px 0;
        text-align: left;
    }
    
    #sec_coating_tool_recommend .inner{
        padding: 0 10px;
    }
    
}




/* sec_coating_tool_material
------------------------------------------------------------*/

#sec_coating_tool_material{
    margin:0;
    padding:30px 0 10px 0;
    text-align: left;
}

#sec_coating_tool_material .inner{
    margin: 0 auto;
    max-width: 1460px;
    overflow: hidden;
    padding: 0 10px;
}


#sec_coating_tool_material .inner h1 {
    position: relative;
    display: block;
    text-align: left;
    font-size: 20px;
    color: #1F4672;
    box-sizing: border-box;
    line-height: 1.6;
    letter-spacing: 0.01em;
    padding: 5px 0 10px 25px;
    font-weight: bold;
    letter-spacing: 0.03em;
}

#sec_coating_tool_material .inner h1:before {
    content: '';
    position: absolute;
    top: 40%;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 4px;
    background-color: #2B5F97;
}
#sec_coating_tool_material .inner .material_box{
    overflow: hidden;
    display: block;
    padding: 0 0px;
    box-sizing: border-box;
}

#sec_coating_tool_material .inner .material_box p{
    font-size: 14px;
    color: #222222;
    margin-bottom: 20px;
    line-height: 2;
}

#sec_coating_tool_material .inner .material_figure{
    background: #F4F4F4;
    padding: 0;
    margin: 0px;
    overflow: hidden;
    text-align: center;
    display: none;
}

#sec_coating_tool_material .inner .material_figure img{
    width: 100%;
    max-width: 1260px;
}


#sec_coating_tool_material .inner .material_figure_iron{
    background: #F4F4F4;
    padding: 0;
    margin: 0px;
    overflow: hidden;
    text-align: center;
    display: block;
}

#sec_coating_tool_material .inner .material_figure_iron img{
    width: 100%;
    max-width: 600px;
}

#sec_coating_tool_material .inner .material_figure_noniron{
    background: #F4F4F4;
    padding: 0;
    margin: 0px;
    overflow: hidden;
    text-align: center;
    display: block;
}

#sec_coating_tool_material .inner .material_figure_noniron img{
    width: 100%;
    max-width: 600px;
}


.box-dotted_left {
    width: calc( 50% - 30px );
    float: left;
    margin: 30px 10px 30px 20px;
    background-image: repeating-linear-gradient(0deg, #333333, #333333 4px, transparent 4px, transparent 7px, #333333 7px), repeating-linear-gradient(90deg, #333333, #333333 4px, transparent 4px, transparent 7px, #333333 7px), repeating-linear-gradient(180deg, #333333, #333333 4px, transparent 4px, transparent 7px, #333333 7px), repeating-linear-gradient(270deg, #333333, #333333 4px, transparent 4px, transparent 7px, #333333 7px);
    background-size: 2px 100%, 100% 2px, 2px 100% , 100% 2px;
    background-position: 0 0, 0 0, 100% 0, 0 100%;
    background-repeat: no-repeat;
    position: relative;
}
.box-dotted_right {
    width: calc( 50% - 30px );
    float: left;
    margin: 30px 20px 30px 10px;
    background-image: repeating-linear-gradient(0deg, #333333, #333333 4px, transparent 4px, transparent 7px, #333333 7px), repeating-linear-gradient(90deg, #333333, #333333 4px, transparent 4px, transparent 7px, #333333 7px), repeating-linear-gradient(180deg, #333333, #333333 4px, transparent 4px, transparent 7px, #333333 7px), repeating-linear-gradient(270deg, #333333, #333333 4px, transparent 4px, transparent 7px, #333333 7px);
    background-size: 2px 100%, 100% 2px, 2px 100% , 100% 2px;
    background-position: 0 0, 0 0, 100% 0, 0 100%;
    background-repeat: no-repeat;
    position: relative;
}

.material_iron {
    position:  absolute;        /* 要素の配置方法を指定 */
    background-color: #222222;     /* 背景色指定 */
    padding: 3px 50px;             /* 余白指定 */
    left:  calc( (100% - 140px)/2);                /* 左からの位置指定 */
    top: -20px;                  /* 上からの位置指定 */
    color: #FFF;
    font-size: 20px;
    font-weight: bold;
    box-shadow: 0 0 0 1px #FFF, 0 0 0 5px #222222, 0 0 0 5px #222222;
    letter-spacing: 0.1em;
}

.material_noniron {
    position:  absolute;        /* 要素の配置方法を指定 */
    background-color: #222222;     /* 背景色指定 */
    padding: 3px 50px;             /* 余白指定 */
    left:  calc( (100% - 140px)/2);                /* 左からの位置指定 */
    top: -20px;                  /* 上からの位置指定 */
    color: #FFF;
    font-size: 20px;
    font-weight: bold;
    box-shadow: 0 0 0 1px #FFF, 0 0 0 5px #222222, 0 0 0 5px #222222;
    letter-spacing: 0.1em;
}


/*  画面サイズが640pxまで  */
@media screen and (min-width: 640px) {
    #sec_coating_tool_material .inner h1 {
        font-size: 34px;
        padding: 5px 0 10px 30px;
    }
    
    #sec_coating_tool_material .inner h1:before {
        top: 45%;
    }
    
    #sec_coating_tool_material .inner .material_box{
        padding: 0 30px;
    }
    #sec_coating_tool_material .inner .material_box p{
        font-size: 16px;
    }
    #sec_coating_tool_material .inner .material_figure{
        background: #F4F4F4;
        padding: 0;
        margin: 0px;
        overflow: hidden;
        text-align: center;
        display: block;
    }
    
    #sec_coating_tool_material .inner .material_figure_iron{
        display: none;
    }


    #sec_coating_tool_material .inner .material_figure_noniron{
        display: none;
    }
    
    
}


@media screen and (min-width: 1000px) {

    #sec_coating_tool_material{
        margin:0;
        padding:50px 0 0 0;
        text-align: left;
    }
    
    #sec_coating_tool_material .inner{
        padding: 0 10px;
    }
    #sec_coating_tool_material .inner .material_figure{
        background: #F4F4F4;
        padding: 0;
        margin: 20px;
        overflow: hidden;
        text-align: center;
    }
}


/* sec_coating_tool_object
------------------------------------------------------------*/

#sec_coating_tool_object{
    margin:0;
    padding:30px 0 10px 0;
    text-align: left;
}

#sec_coating_tool_object .inner{
    margin: 0 auto;
    max-width: 1460px;
    overflow: hidden;
    padding: 0 10px;
}


#sec_coating_tool_object .inner h1 {
    position: relative;
    display: block;
    text-align: left;
    font-size: 20px;
    color: #1F4672;
    box-sizing: border-box;
    line-height: 1.6;
    letter-spacing: 0.01em;
    padding: 5px 0 10px 25px;
    font-weight: bold;
    letter-spacing: 0.03em;
}

#sec_coating_tool_object .inner h1:before {
    content: '';
    position: absolute;
    top: 40%;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 4px;
    background-color: #2B5F97;
}
#sec_coating_tool_object .inner .object_box{
    overflow: hidden;
    display: block;
    padding: 0 0px;
    box-sizing: border-box;
}

#sec_coating_tool_object .inner .object_box p{
    font-size: 14px;
    color: #222222;
    margin-bottom: 20px;
    line-height: 2;
}



#sec_coating_tool_object table.tbl_tool_object {
    border-collapse: collapse;
    width: 100%;
    border-collapse:separate;
    border-spacing:2px;
    
}
#sec_coating_tool_object table.tbl_tool_object td {
    padding: 10px 10px 10px 10px;
    background: #CFD5EA;
    text-align: center;
}

#sec_coating_tool_object table.tbl_tool_object td a{
    color: #003366;
    text-decoration: underline;
}
#sec_coating_tool_object table.tbl_tool_object td a:hover{
    color: #FF4000;
}

#sec_coating_tool_object table.tbl_tool_object td p{
    
}

#sec_coating_tool_object table.tbl_tool_object th {
    padding: 10px;
    background: #072163;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
}


#sec_coating_tool_object table.tbl_tool_object th.object_th01{
    width: 300px;
}
#sec_coating_tool_object table.tbl_tool_object th.object_th02{
    width: 350px;
}

#sec_coating_tool_object table.tbl_tool_object th.object_th03{
    
}

#sec_coating_tool_object table.tbl_tool_object td.object_f01{
    background: #DCE0EF;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #1F1F1F;
}
#sec_coating_tool_object table.tbl_tool_object td.object_f01_b{
    background: #E9EBF5;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #1F1F1F;
}
#sec_coating_tool_object table.tbl_tool_object td.object_f02{
    background: #DCE0EF;
    font-size: 12px;
    padding: 0 15px;
    text-align: left;
}
#sec_coating_tool_object table.tbl_tool_object td.object_f02_b{
    background: #E9EBF5;
    font-size: 12px;
    padding: 0 15px;
    text-align: left;
}



/*  画面サイズが640pxまで  */
@media screen and (min-width: 640px) {
    #sec_coating_tool_object .inner h1 {
        font-size: 34px;
        padding: 5px 0 10px 30px;
    }
    
    #sec_coating_tool_object .inner h1:before {
        top: 45%;
    }
    
    #sec_coating_tool_object .inner .object_box{
        padding: 0 30px;
    }
    #sec_coating_tool_object .inner .object_box p{
        font-size: 16px;
    }
    
    
    #sec_coating_tool_object table.tbl_tool_object th {
        font-size: 18px;
        font-weight: bold;
    }
    
    #sec_coating_tool_object table.tbl_tool_object td.object_f01{
        font-size: 17px;
    }
    #sec_coating_tool_object table.tbl_tool_object td.object_f01_b{
        font-size: 17px;
    }
    #sec_coating_tool_object table.tbl_tool_object td.object_f02{
        font-size: 14px;
    }
    #sec_coating_tool_object table.tbl_tool_object td.object_f02_b{
        font-size: 14px;
    }
    
    
    
    
}


@media screen and (min-width: 1000px) {

    #sec_coating_tool_object{
        margin:0;
        padding:50px 0 50px 0;
        text-align: left;
    }
    
    #sec_coating_tool_object .inner{
        padding: 0 10px;
    }
    
}


/* sec_coating_tool_case
------------------------------------------------------------*/

#sec_coating_tool_case{
    margin:0;
    padding:30px 0 10px 0;
    text-align: left;
}

#sec_coating_tool_case .inner{
    margin: 0 auto;
    max-width: 1460px;
    overflow: hidden;
    padding: 0 10px;
}


#sec_coating_tool_case .inner h1 {
    position: relative;
    display: block;
    text-align: left;
    font-size: 20px;
    color: #1F4672;
    box-sizing: border-box;
    line-height: 1.6;
    letter-spacing: 0.01em;
    padding: 5px 0 10px 25px;
    font-weight: bold;
    letter-spacing: 0.03em;
}

#sec_coating_tool_case .inner h1:before {
    content: '';
    position: absolute;
    top: 40%;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 4px;
    background-color: #2B5F97;
}


#sec_coating_tool_case .inner .case_box{
    background: #FFF;
    padding: 0;
    margin: 0px;
    overflow: hidden;
    text-align: center;
    border: 2px solid #1F4672;
}

#sec_coating_tool_case .inner .case_box h2{
    background: #1F4672;
    color: #FFF;
    font-size: 22px;
    font-weight: normal;
    padding: 5px 0 10px 0;
}


#sec_coating_tool_case .inner .case_box .condition_left{
    float: left;
    width: calc(100% - 20px);
    margin: 25px 10px 25px 10px;
}

#sec_coating_tool_case table.tbl_tool_condition{
    border-collapse:collapse;
    margin:0 auto;
    width: 100%;
}
#sec_coating_tool_case table.tbl_tool_condition td{
    border:1px solid #ccc;
    padding:10px;
    font-weight: bold;
}
#sec_coating_tool_case table.tbl_tool_condition td span{
    color: #D80000;
    font-size: 14px;
    font-weight: bold;
}

#sec_coating_tool_case table.tbl_tool_condition td img{
    width: 100%;
    max-width: 180px;
}


#sec_coating_tool_case table.tbl_tool_condition th{
    border:1px solid #ccc;
    padding:10px;
}

#sec_coating_tool_case table.tbl_tool_condition th.dlccort{
    background: #FFCFBF;
}




#sec_coating_tool_case table.tbl_tool_condition2 {
    border-collapse: collapse;
    width: 100%;
    border-collapse:separate;
    border-spacing:2px;
    margin-top: 20px;
    
    
}
#sec_coating_tool_case table.tbl_tool_condition2 td {
    padding: 10px 10px 10px 10px;
    background: #CFD5EA;
    text-align: center;
    text-align: left;
}

#sec_coating_tool_case table.tbl_tool_condition2 td.celltitle {
    padding: 15px;
    background: #1F4672;
    color: #FFF;
    text-align: left;
    font-size: 14px;
    font-weight: normal;
}

#sec_coating_tool_case table.tbl_tool_condition2 th {
    padding: 10px;
    background: #1F4672;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
}



#sec_coating_tool_case .inner .case_box .result_right{
    float: left;
    width: calc(100% - 20px);
    margin: 10px;
}


#sec_coating_tool_case table.tbl_tool_result{
    border-collapse:collapse;
    margin:0 auto;
    width: 100%;
}
#sec_coating_tool_case table.tbl_tool_result td{
    padding:10px;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
}
#sec_coating_tool_case table.tbl_tool_result td span{
    color: #D80000;
    font-size: 16px;
    font-weight: bold;
}

#sec_coating_tool_case table.tbl_tool_result td img{
    width: 100%;
    max-width: 340px;
    text-align: center;
    vertical-align: bottom;
}
#sec_coating_tool_case table.tbl_tool_result figure {
    display: table;
    margin: 0 auto;
    
}


#sec_coating_tool_case table.tbl_tool_result figcaption{
    background: #FFFF00;
    text-align: center;
    max-width: 340px;
    padding: 5px 0;
    
}

#sec_coating_tool_case table.tbl_tool_result th{
    padding:10px;
    background: #1F4672;
    color: #FFF;
    font-weight: normal;
    font-size: 16px;
}

#sec_coating_tool_case table.tbl_tool_result th.dlccort{
    background: #FFCFBF;
}




#sec_coating_tool_case table.tbl_tool_result2 {
    border-collapse: collapse;
    width: 100%;
    border-collapse:separate;
    border-spacing:2px;
    margin-top: 20px;
    
    
}
#sec_coating_tool_case table.tbl_tool_result2 td {
    padding: 10px 10px 10px 10px;
    background: #CFD5EA;
    text-align: center;
    text-align: left;
}

#sec_coating_tool_case table.tbl_tool_result2 td.celltitle {
    padding: 15px;
    background: #1F4672;
    color: #FFF;
    text-align: left;
    font-size: 14px;
    font-weight: normal;
}

#sec_coating_tool_case table.tbl_tool_result2 th {
    padding: 10px;
    background: #1F4672;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
}



/*  画面サイズが640pxまで  */
@media screen and (min-width: 640px) {
    #sec_coating_tool_case .inner h1 {
        font-size: 34px;
        padding: 5px 0 10px 30px;
    }
    
    #sec_coating_tool_case .inner h1:before {
        top: 45%;
    }
    
    #sec_coating_tool_case .inner .case_box{
        margin: 10px;
    }
    
    
    #sec_coating_tool_case .inner .case_box .condition_left{
        float: left;
        width: calc(40% - 25px);
        margin: 25px 0 25px 25px;
    }
    #sec_coating_tool_case .inner .case_box .result_right{
        float: left;
        width: calc(60% - 50px);
        margin: 25px;
    }
    
    #sec_coating_tool_case table.tbl_tool_condition td span{
        font-size: 16px;
    }
    
    #sec_coating_tool_case table.tbl_tool_result td{
        font-size: 18px;
    }
    #sec_coating_tool_case table.tbl_tool_result th{
        font-size: 18px;
    }
}


@media screen and (min-width: 1000px) {

    #sec_coating_tool_case{
        margin:0;
        padding:50px 0 50px 0;
        text-align: left;
    }
    
    #sec_coating_tool_case .inner{
        padding: 0 10px;
    }
    
}




/* 金型 */


div#main_mold_sp{
    position: relative;
    transform:translate(0, 0%) skewX(-0deg);
    height: 500px;
    flex: 0 0 100%;
    transition: .3s;
    overflow:hidden;
    background: url(../images/coating/mold/main_bg_sp.jpg) 50% top no-repeat;
    display: block;
}
div#mold_left{
    display: none;
}
div#mold_right{
    display: none;
}

div#mold_left{
    position: relative;
    transform:translate(-5%, 0%) skewX(-0deg);
    height: 500px;
    flex: 0 0 65%;
    transition: .3s;
    overflow:hidden;
}

div#mold_left::after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0%;
    opacity: 1;
    display:block;
    background: url(../images/coating/mold/main_left.jpg) 0% top no-repeat;
    transform:translate(0%, 0%) skewX(0deg);
}


div#mold_left:hover{
    transform:translate(0%, 0%) skewX(0deg);
    transition: .3s;
}

div#mold_left a{
    height:90px;
    position: absolute;
    top:250px;
    right:40%;
    bottom:0;
    margin:auto;
    transform: skew(0deg);
    z-index: 60;
    border: 5px solid #FFFFFF;
}

div#mold_left a::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 20px;
    right: calc( 50% - 7px );
    width: 20px;
    height: 20px;
    border-top: 4px solid #FFF;
    border-right: 4px solid #FFF;
    transform: translateX(-0%) rotate(135deg);
}



div#mold_right{
    position: relative;
    transform:translate(-20%, 0%) skewX(-20deg);
    height: 500px;
    flex: 0 0 65%;
    transition: .3s;
    overflow:hidden;
    
}

div#mold_right::after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
    display:block;
    background: url(../images/coating/mold/main_right.jpg) 100% top no-repeat;
    transform:translate(-20%, 0%) skewX(20deg);
}


div#mold_right:hover{
    transform:translate(-25%, 0%) skewX(-20deg);
    transition: .3s;
}


div#mold_right a{
    height:90px;
    position: absolute;
    top:250px;
    left:20%;
    bottom:0;
    margin:auto;
    transform: skew(20deg);
    z-index: 60;
    border: 5px solid #FFFFFF;
}
div#mold_right a::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 20px;
    right: calc( 50% - 7px );
    width: 20px;
    height: 20px;
    border-top: 4px solid #FFF;
    border-right: 4px solid #FFF;
    transform: translateX(-0%) rotate(135deg);
}

a.coating_mold_left_btn {
    display: block;
    position: relative;
    width: 40%;
    max-width: 300px;
    padding: 5px 0 0 0;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    background: -webkit-gradient(90deg, #906225 35%, #A17337);
    background: linear-gradient(90deg, #A17337 35%, #906225);
    overflow: hidden;
    font-size: 20px;
    font-weight:bold;
    color: #fff !important;
    letter-spacing: 0.05em;
    line-height: 2;
    margin: 0 auto;
    display: none;
}

a.coating_mold_left_btn:hover {
    color: #fff !important;
    background: -webkit-gradient(90deg, #A17337 35%, #906225);
    background: linear-gradient(90deg, #906225 35%, #A17337);
}
a.coating_mold_right_btn {
    display: block;
    position: relative;
    width: 40%;
    max-width: 300px;
    padding: 5px 0 0 0;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    background: -webkit-gradient(90deg, #906225 35%, #A17337);
    background: linear-gradient(90deg, #A17337 35%, #906225);
    overflow: hidden;
    font-size: 20px;
    font-weight:bold;
    color: #fff !important;
    letter-spacing: 0.05em;
    line-height: 2;
    margin: 0 auto;
    display: none;
}

a.coating_mold_right_btn:hover {
    color: #fff !important;
    background: -webkit-gradient(90deg, #A17337 35%, #906225);
    background: linear-gradient(90deg, #906225 35%, #A17337);
}


a.coating_mold_left_btn_sp {
    display: block;
    position: relative;
    width: 90%;
    max-width: 500px;
    padding: 10px 20px;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    background: -webkit-gradient(90deg, #906225 35%, #A17337);
    background: linear-gradient(90deg, #A17337 35%, #906225);
    overflow: hidden;
    font-size: 18px;
    font-weight:bold;
    color: #fff !important;
    letter-spacing: 0.05em;
    line-height: 2.5;
    margin: 20px auto 0 auto;
    border: 5px solid #FFFFFF;
}

a.coating_mold_left_btn_sp:hover {
    color: #fff !important;
    background: -webkit-gradient(90deg, #A17337 35%, #906225);
    background: linear-gradient(90deg, #906225 35%, #A17337);
}
a.coating_mold_right_btn_sp {
    display: block;
    position: relative;
    width: 90%;
    max-width: 500px;
    padding: 10px 20px;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    background: -webkit-gradient(90deg, #906225 35%, #A17337);
    background: linear-gradient(90deg, #A17337 35%, #906225);
    overflow: hidden;
    font-size: 18px;
    font-weight:bold;
    color: #fff !important;
    letter-spacing: 0.05em;
    line-height: 2.5;
    margin: 0 auto;
    margin: 20px auto 0 auto;
    border: 5px solid #FFFFFF;
}

a.coating_mold_right_btn_sp:hover {
    color: #fff !important;
    background: -webkit-gradient(90deg, #A17337 35%, #906225);
    background: linear-gradient(90deg, #906225 35%, #A17337);
}


.catchtitle p.subc_mold_en{
    text-align: center;
    color: #FFF;
    font-size: 20px;
    font-weight: bold;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    margin-top: 30px;
}



.catchtitle p.subc_mold_jp{
    text-align: center;
    color: #FFF;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
}
.catchtitle p.subc_mold_txt{
    text-align: center;
    color: #FFF;
    font-size: 56px;
    font-weight: bold;
}

.shadow_title{
/* 影を指定（[左右][上下][ぼかし][影の色]） */
    text-shadow: 0px 0px 10px #222 ,
    0 0 15px #222;
}


@media screen and (min-width: 640px) {
    
    
    .catchtitle p.subc_mold_en{
        font-size: 30px;
        margin-top: 60px;
    }
    .catchtitle p.subc_mold_jp{
        font-size: 38px;
        line-height: 1;
    }
}


@media screen and (min-width: 1000px) {

    a.coating_mold_left_btn {
        display: block;
    }
    a.coating_mold_right_btn {
        display: block;
    }
    
    .catchtitle p.subc_mold_en{
        font-size: 40px;
        margin-top: 60px;
    }
    
    .catchtitle p.subc_mold_jp{
        font-size: 48px;
        line-height: 1;
    }
    .catchtitle p.subc_mold_txt{
        font-size: 80px;
        font-weight: bold;
    }
    
    div#main_mold_sp{
        display: none;
    }
    div#mold_left{
        display: block;
    }
    div#mold_right{
        display: block;
    }
    
}




/* sec_coating_mold_feature
------------------------------------------------------------*/

#sec_coating_mold_feature{
    margin:0;
    padding:30px 0 10px 0;
    text-align: left;
}

#sec_coating_mold_feature .inner{
    margin: 0 auto;
    max-width: 1460px;
    overflow: hidden;
    padding: 0 10px;
}


#sec_coating_mold_feature .inner h1 {
    position: relative;
    display: block;
    text-align: left;
    font-size: 20px;
    color: #1F4672;
    box-sizing: border-box;
    line-height: 1.6;
    letter-spacing: 0.01em;
    padding: 5px 0 10px 25px;
    font-weight: bold;
    letter-spacing: 0.03em;
}

#sec_coating_mold_feature .inner h1:before {
    content: '';
    position: absolute;
    top: 40%;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 4px;
    background-color: #2B5F97;
}
#sec_coating_mold_feature .inner .features_box{
    overflow: hidden;
    display: block;
    padding: 0 0px;
    box-sizing: border-box;
}

#sec_coating_mold_feature .inner .features_box p{
    font-size: 14px;
    color: #222222;
    margin-bottom: 20px;
    line-height: 2;
}
.mold_feature_list{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
    margin-top: 0px;
}

.mold_feature_list > div{
    width: 100%;
    padding: 0px;
    box-sizing: border-box;
    margin: 0 0 20px 0;
    position: relative;
}






.mold_feature_list h2{
    display: table;
    height: auto;
    width: 100%;
    font-size: 20px;
    text-align: center;
    border-radius: 30px 0 30px 0;
    padding: 15px 0 18px 0;
    background: -webkit-gradient(0deg, #054782 50%, #0062B8);
    background: linear-gradient(0deg, #054782 50%, #0062B8);
}
.mold_feature_list h2 p{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: auto;
    letter-spacing: 0.01em;
    color: #FFF;
    line-height: 1.5;
}

.mold_feature_list p.tfl_description{
    padding: 20px 10px 10px 10px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 2;
}


/*  画面サイズが640pxまで  */
@media screen and (min-width: 640px) {
    #sec_coating_mold_feature .inner h1 {
        font-size: 34px;
        padding: 5px 0 10px 30px;
    }
    
    #sec_coating_mold_feature .inner h1:before {
        top: 45%;
    }
    
    #sec_coating_mold_feature .inner .features_box{
        padding: 0 30px;
    }
    #sec_coating_mold_feature .inner .features_box p{
        font-size: 16px;
    }
    
    .mold_feature_list > div{
		width: calc( (100% - 0px) / 2);
        padding: 20px;
        margin: 0 0 20px 0;
        box-sizing: border-box;
	}
    

    
    
    .mold_feature_list h2{
        font-size: 20px;
    }
    
}


@media screen and (min-width: 1000px) {

    #sec_coating_mold_feature{
        margin:0;
        padding:50px 0 0 0;
        text-align: left;
    }
    
    #sec_coating_mold_feature .inner{
        padding: 0 10px;
    }
    .mold_feature_list > div{
        width: calc( (100% - 0px) / 3);
        padding: 30px;
        margin: 0 0 20px 0;
        box-sizing: border-box;
        
    }
    
    .mold_feature_list > div::before{
        content: "";
        height: 50%;/*線の太さ*/
        border-right: 1px dotted #CCCCCC;
        position: absolute;
        right: 0px;
        top: 40%;
        bottom: 0;
    }
    .mold_feature_list > div:last-child::before{
        border-right: none;
    }
    
    .mold_feature_list h2{
        font-size: 24px;
        min-height: 80px;
    }
}



/* sec_coating_mold_recommend
------------------------------------------------------------*/

#sec_coating_mold_recommend{
    margin:0;
    padding:30px 0 40px 0;
    text-align: left;
}

#sec_coating_mold_recommend .inner{
    margin: 0 auto;
    max-width: 1460px;
    overflow: hidden;
    padding: 0 10px;
}


#sec_coating_mold_recommend .inner h1 {
    position: relative;
    display: block;
    text-align: left;
    font-size: 20px;
    color: #1F4672;
    box-sizing: border-box;
    line-height: 1.6;
    letter-spacing: 0.01em;
    padding: 5px 0 10px 25px;
    font-weight: bold;
    letter-spacing: 0.03em;
}

#sec_coating_mold_recommend .inner h1:before {
    content: '';
    position: absolute;
    top: 40%;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 4px;
    background-color: #2B5F97;
}
#sec_coating_mold_recommend .inner .recommend_box{
    overflow: hidden;
    display: block;
    padding: 0 0px;
    box-sizing: border-box;
}

#sec_coating_mold_recommend .inner .recommend_box p{
    font-size: 14px;
    color: #222222;
    margin-bottom: 20px;
    line-height: 2;
}




#sec_coating_mold_recommend table.tbl_recommend {
    border-collapse: collapse;
    width: 100%;
    border-collapse:separate;
    border-spacing:2px;
    
}
#sec_coating_mold_recommend table.tbl_recommend td {
    padding: 10px 10px 10px 10px;
    background: #CFD5EA;
    text-align: center;
}

#sec_coating_mold_recommend table.tbl_recommend td p{
    
}

#sec_coating_mold_recommend table.tbl_recommend th {
    padding: 10px;
    background: #444444;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
}

#sec_coating_mold_recommend table.tbl_recommend th span{
    font-size: 80%;
    vertical-align:text-bottom;
}


#sec_coating_mold_recommend table.tbl_recommend th.dlc_th01{
    width: 60px;
}
#sec_coating_mold_recommend table.tbl_recommend th.dlc_th02{
    width: 15%;
}
#sec_coating_mold_recommend table.tbl_recommend th.dlc_th03{
    width: 180px;
}
#sec_coating_mold_recommend table.tbl_recommend th.dlc_th04{
    
}

#sec_coating_mold_recommend table.tbl_recommend td.dlc_f00{
    background: #134C7A;
    color: #FFF;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    writing-mode: vertical-lr;
    line-height: 1;
}




#sec_coating_mold_recommend table.tbl_recommend td.dlc_f01{
    background: #103F65;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}

#sec_coating_mold_recommend table.tbl_recommend td.dlc_f01 a{
    display: block;
    width:100%;
    height:100%;
    color: #FFF;
    text-decoration: none;
}
#sec_coating_mold_recommend table.tbl_recommend td.dlc_f01 a:hover{
    color: rgb(255, 255, 0);
}

#sec_coating_mold_recommend table.tbl_recommend td.dlc_f02{
    background: #CFD5EA;
    font-size: 12px;
    padding: 0 15px;
}
#sec_coating_mold_recommend table.tbl_recommend td.dlc_f02_l{
    background: #CFD5EA;
    text-align: left;
    font-size: 12px;
}

#sec_coating_mold_recommend table.tbl_recommend td.dlc_f02_b{
    background: #E9EBF5;
    font-size: 12px;
    padding: 0 15px;
}
#sec_coating_mold_recommend table.tbl_recommend td.dlc_f02_l_b{
    background: #E9EBF5;
    text-align: left;
    font-size: 12px;
}




#sec_coating_mold_recommend table.tbl_recommend td.dlc_h00{
    background: #1F8B88;
    color: #FFF;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    writing-mode: vertical-lr;
    line-height: 1;
}
#sec_coating_mold_recommend table.tbl_recommend td.dlc_h01{
    background: #1B7472;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}
#sec_coating_mold_recommend table.tbl_recommend td.dlc_h02{
    background: #CFD5EA;
    font-size: 12px;
    padding: 0 15px;
}
#sec_coating_mold_recommend table.tbl_recommend td.dlc_h02_l{
    background: #CFD5EA;
    text-align: left;
    font-size: 12px;
}

#sec_coating_mold_recommend table.tbl_recommend td.dlc_h02_b{
    background: #E9EBF5;
    font-size: 13px;
    padding: 0 15px;
}
#sec_coating_mold_recommend table.tbl_recommend td.dlc_h02_l_b{
    background: #E9EBF5;
    text-align: left;
    font-size: 12px;
}


#sec_coating_mold_recommend table.tbl_recommend td.nitride_f01{
    background: #555555;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}
#sec_coating_mold_recommend table.tbl_recommend td.nitride_f01 a{
    display: block;
    width:100%;
    height:100%;
    color: #FFF;
    text-decoration: none;
}
#sec_coating_mold_recommend table.tbl_recommend td.nitride_f01 a:hover{
    color: rgb(255, 255, 0);
}
#sec_coating_mold_recommend table.tbl_recommend td.nitride_f02{
    background: #DDDDDD;
    font-size: 12px;
    padding: 0 15px;
}
#sec_coating_mold_recommend table.tbl_recommend td.nitride_f02_l{
    background: #DDDDDD;
    text-align: left;
    font-size: 12px;
}

#sec_coating_mold_recommend table.tbl_recommend td.nitride_f02_b{
    background: #F3F3F3;
    font-size: 12px;
    padding: 0 15px;
}
#sec_coating_mold_recommend table.tbl_recommend td.nitride_f02_l_b{
    background: #F3F3F3;
    text-align: left;
    font-size: 12px;
}

#sec_coating_mold_recommend table.tbl_recommend td.nitride_h01{
    background: #222222;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}
#sec_coating_mold_recommend table.tbl_recommend td.nitride_h01 a{
    display: block;
    width:100%;
    height:100%;
    color: #FFF;
    text-decoration: none;
}
#sec_coating_mold_recommend table.tbl_recommend td.nitride_h01 a:hover{
    color: rgb(255, 255, 0);
}
#sec_coating_mold_recommend table.tbl_recommend td.nitride_h02{
    background: #DDDDDD;
    font-size: 12px;
    padding: 0 15px;
}
#sec_coating_mold_recommend table.tbl_recommend td.nitride_h02_l{
    background: #DDDDDD;
    text-align: left;
    font-size: 12px;
}

#sec_coating_mold_recommend table.tbl_recommend td.nitride_h02_b{
    background: #F3F3F3;
    font-size: 13px;
    padding: 0 15px;
}
#sec_coating_mold_recommend table.tbl_recommend td.nitride_h02_l_b{
    background: #F3F3F3;
    text-align: left;
    font-size: 12px;
}







/*  画面サイズが640pxまで  */
@media screen and (min-width: 640px) {
    #sec_coating_mold_recommend .inner h1 {
        font-size: 34px;
        padding: 5px 0 10px 30px;
    }
    
    #sec_coating_mold_recommend .inner h1:before {
        top: 45%;
    }
    
    #sec_coating_mold_recommend .inner .recommend_box{
        padding: 0 30px;
    }
    #sec_coating_mold_recommend .inner .recommend_box p{
        font-size: 16px;
    }
    
    
    #sec_coating_mold_recommend table.tbl_recommend th {
        font-size: 18px;
        font-weight: bold;
    }
    
    #sec_coating_mold_recommend table.tbl_recommend td.dlc_f00{
        font-size: 18px;
    }
    #sec_coating_mold_recommend table.tbl_recommend td.dlc_f01{
        font-size: 18px;
    }
    #sec_coating_mold_recommend table.tbl_recommend td.dlc_f02{
        font-size: 16px;
    }
    #sec_coating_mold_recommend table.tbl_recommend td.dlc_f02_l{
        font-size: 12px;
    }
    #sec_coating_mold_recommend table.tbl_recommend td.dlc_f02_b{
        font-size: 16px;
    }
    #sec_coating_mold_recommend table.tbl_recommend td.dlc_f02_l_b{
        font-size: 12px;
    }
    
    #sec_coating_mold_recommend table.tbl_recommend td.dlc_h00{
        font-size: 18px;
    }
    #sec_coating_mold_recommend table.tbl_recommend td.dlc_h01{
        font-size: 18px;
    }
    #sec_coating_mold_recommend table.tbl_recommend td.dlc_h02{
        font-size: 16px;
    }
    #sec_coating_mold_recommend table.tbl_recommend td.dlc_h02_l{
        font-size: 12px;
    }
    #sec_coating_mold_recommend table.tbl_recommend td.dlc_h02_b{
        font-size: 16px;
    }
    #sec_coating_mold_recommend table.tbl_recommend td.dlc_h02_l_b{
        font-size: 12px;
    }
    
    #sec_coating_mold_recommend table.tbl_recommend td.nitride_f01{
        font-size: 18px;
    }
    #sec_coating_mold_recommend table.tbl_recommend td.nitride_f02{
        font-size: 16px;
    }
    #sec_coating_mold_recommend table.tbl_recommend td.nitride_f02_l{
        font-size: 12px;
    }
    #sec_coating_mold_recommend table.tbl_recommend td.nitride_f02_b{
        font-size: 16px;
    }
    #sec_coating_mold_recommend table.tbl_recommend td.nitride_f02_l_b{
        font-size: 12px;
    }
    #sec_coating_mold_recommend table.tbl_recommend td.nitride_h01{
        font-size: 18px;
    }
    #sec_coating_mold_recommend table.tbl_recommend td.nitride_h02{
        font-size: 16px;
    }
    #sec_coating_mold_recommend table.tbl_recommend td.nitride_h02_l{
        font-size: 12px;
    }
    #sec_coating_mold_recommend table.tbl_recommend td.nitride_h02_b{
        font-size: 16px;
    }
    #sec_coating_mold_recommend table.tbl_recommend td.nitride_h02_l_b{
        font-size: 12px;
    }
}


@media screen and (min-width: 1000px) {

    #sec_coating_mold_recommend{
        margin:0;
        padding:50px 0 60px 0;
        text-align: left;
    }
    
    #sec_coating_mold_recommend .inner{
        padding: 0 10px;
    }
    
}



/* sec_coating_mold_material
------------------------------------------------------------*/

#sec_coating_mold_material{
    margin:0;
    padding:30px 0 10px 0;
    text-align: left;
}

#sec_coating_mold_material .inner{
    margin: 0 auto;
    max-width: 1460px;
    overflow: hidden;
    padding: 0 10px;
}


#sec_coating_mold_material .inner h1 {
    position: relative;
    display: block;
    text-align: left;
    font-size: 20px;
    color: #1F4672;
    box-sizing: border-box;
    line-height: 1.6;
    letter-spacing: 0.01em;
    padding: 5px 0 10px 25px;
    font-weight: bold;
    letter-spacing: 0.03em;
}

#sec_coating_mold_material .inner h1:before {
    content: '';
    position: absolute;
    top: 40%;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 4px;
    background-color: #2B5F97;
}
#sec_coating_mold_material .inner .material_box{
    overflow: hidden;
    display: block;
    padding: 0 0px;
    box-sizing: border-box;
}

#sec_coating_mold_material .inner .material_box p{
    font-size: 14px;
    color: #222222;
    margin-bottom: 20px;
    line-height: 2;
}

#sec_coating_mold_material .inner .material_figure{
    background: #F4F4F4;
    padding: 0;
    margin: 0px;
    overflow: hidden;
    text-align: center;
    display: none;
}

#sec_coating_mold_material .inner .material_figure img{
    width: 100%;
    max-width: 1260px;
}


#sec_coating_mold_material .inner .material_figure_iron{
    background: #F4F4F4;
    padding: 0;
    margin: 0px;
    overflow: hidden;
    text-align: center;
    display: block;
}

#sec_coating_mold_material .inner .material_figure_iron img{
    width: 100%;
    max-width: 600px;
}

#sec_coating_mold_material .inner .material_figure_noniron{
    background: #F4F4F4;
    padding: 0;
    margin: 0px;
    overflow: hidden;
    text-align: center;
    display: block;
}

#sec_coating_mold_material .inner .material_figure_noniron img{
    width: 100%;
    max-width: 600px;
}



#sec_coating_mold_material table.tbl_mold_material {
    border-collapse: collapse;
    width: 100%;
    padding: 0 0px;
    box-sizing: border-box;
    border-collapse:separate;
    border-spacing:2px;
    
}
#sec_coating_mold_material table.tbl_mold_material td {
    padding: 10px 10px 10px 10px;
    background: #CFD5EA;
    text-align: center;
    
}

#sec_coating_mold_material table.tbl_mold_material td a{
    color: #003366;
    text-decoration: underline;
}
#sec_coating_mold_material table.tbl_mold_material td a:hover{
    color: #FF4000;
}



#sec_coating_mold_material table.tbl_mold_material td p{
    
}

#sec_coating_mold_material table.tbl_mold_material th {
    padding: 10px;
    background: #9C6F35;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
}

#sec_coating_mold_material table.tbl_mold_material th.object_th00{
    width: 80px;
}
#sec_coating_mold_material table.tbl_mold_material th.object_th01{
    width: 300px;
}
#sec_coating_mold_material table.tbl_mold_material th.object_th02{
    width: 350px;
}

#sec_coating_mold_material table.tbl_mold_material th.object_th03{
    
}
#sec_coating_mold_material table.tbl_mold_material td.object_f00{
    background: #222222;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}
#sec_coating_mold_material table.tbl_mold_material td.object_f00n{
    background: #936442;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}
#sec_coating_mold_material table.tbl_mold_material td.object_f01{
    background: #ECECEC;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #1F1F1F;
}
#sec_coating_mold_material table.tbl_mold_material td.object_f01_b{
    background: #F9F9F9;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #1F1F1F;
}
#sec_coating_mold_material table.tbl_mold_material td.object_f02{
    background: #ECECEC;
    font-size: 12px;
    padding: 0 15px;
    text-align: left;
}
#sec_coating_mold_material table.tbl_mold_material td.object_f02_b{
    background: #F9F9F9;
    font-size: 12px;
    padding: 0 15px;
    text-align: left;
}
#sec_coating_mold_material table.tbl_mold_material td.object_f03{
    background: #EBF4FA;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #1F1F1F;
}
#sec_coating_mold_material table.tbl_mold_material td.object_f03b{
    background: #EBF4FA;
    font-size: 12px;
    padding: 0 15px;
    text-align: left;
}


#sec_coating_mold_material table.tbl_mold_material td.object_f04{
    background: #FEF4F3;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #1F1F1F;
}
#sec_coating_mold_material table.tbl_mold_material td.object_f04b{
    background: #FEF4F3;
    font-size: 12px;
    padding: 0 15px;
    text-align: left;
}

#sec_coating_mold_material table.tbl_mold_material td.object_f05{
    background: #FDE7E6;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #1F1F1F;
}
#sec_coating_mold_material table.tbl_mold_material td.object_f05b{
    background: #FDE7E6;
    font-size: 12px;
    padding: 0 15px;
    text-align: left;
}
#sec_coating_mold_material table.tbl_mold_material td.object_f06{
    background: #FEF4F3;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #1F1F1F;
}
#sec_coating_mold_material table.tbl_mold_material td.object_f06b{
    background: #FEF4F3;
    font-size: 12px;
    padding: 0 15px;
    text-align: left;
}


/*  画面サイズが640pxまで  */
@media screen and (min-width: 640px) {
    #sec_coating_mold_material .inner h1 {
        font-size: 34px;
        padding: 5px 0 10px 30px;
    }
    
    #sec_coating_mold_material .inner h1:before {
        top: 45%;
    }
    
    #sec_coating_mold_material .inner .material_box{
        padding: 0 30px;
    }
    #sec_coating_mold_material .inner .material_box p{
        font-size: 16px;
    }
    #sec_coating_mold_material .inner .material_figure{
        background: #F4F4F4;
        padding: 0;
        margin: 0px;
        overflow: hidden;
        text-align: center;
        display: block;
    }
    
    #sec_coating_mold_material .inner .material_figure_iron{
        display: none;
    }


    #sec_coating_mold_material .inner .material_figure_noniron{
        display: none;
    }
    
    #sec_coating_mold_material table.tbl_mold_material {
        border-collapse: collapse;
        width: 100%;
        padding: 0 0;
        margin-top: 30px;
        margin-bottom: 30px;
        box-sizing: border-box;
        border-collapse:separate;
        border-spacing:2px;

    }
    
    
    #sec_coating_mold_material table.tbl_mold_material th {
        font-size: 18px;
        font-weight: bold;
    }
    #sec_coating_mold_material table.tbl_mold_material td.object_f00{
        font-size: 17px;
    }
    #sec_coating_mold_material table.tbl_mold_material td.object_f00n{
        font-size: 17px;
    }
    #sec_coating_mold_material table.tbl_mold_material td.object_f01{
        font-size: 17px;
    }
    #sec_coating_mold_material table.tbl_mold_material td.object_f01_b{
        font-size: 17px;
    }
    #sec_coating_mold_material table.tbl_mold_material td.object_f02{
        font-size: 14px;
    }
    #sec_coating_mold_material table.tbl_mold_material td.object_f02_b{
        font-size: 14px;
    }
    #sec_coating_mold_material table.tbl_mold_material td.object_f03{
        font-size: 17px;
    }
    #sec_coating_mold_material table.tbl_mold_material td.object_f03b{
        font-size: 14px;
    }
    #sec_coating_mold_material table.tbl_mold_material td.object_f04{
        font-size: 17px;
    }
    #sec_coating_mold_material table.tbl_mold_material td.object_f04b{
        font-size: 14px;
    }
    #sec_coating_mold_material table.tbl_mold_material td.object_f05{
        font-size: 17px;
    }
    #sec_coating_mold_material table.tbl_mold_material td.object_f05b{
        font-size: 14px;
    }
    #sec_coating_mold_material table.tbl_mold_material td.object_f06{
        font-size: 17px;
    }
    #sec_coating_mold_material table.tbl_mold_material td.object_f06b{
        font-size: 14px;
    }
}


@media screen and (min-width: 1000px) {

    #sec_coating_mold_material{
        margin:0;
        padding:50px 0 0 0;
        text-align: left;
    }
    
    #sec_coating_mold_material .inner{
        padding: 0 10px;
    }
    #sec_coating_mold_material .inner .material_figure{
        background: #F4F4F4;
        padding: 0;
        margin: 0px;
        overflow: hidden;
        text-align: center;
    }
}

/* sec_coating_mold_object
------------------------------------------------------------*/

#sec_coating_mold_object{
    margin:0;
    padding:30px 0 10px 0;
    text-align: left;
}

#sec_coating_mold_object .inner{
    margin: 0 auto;
    max-width: 1460px;
    overflow: hidden;
    padding: 0 10px;
}


#sec_coating_mold_object .inner h1 {
    position: relative;
    display: block;
    text-align: left;
    font-size: 20px;
    color: #1F4672;
    box-sizing: border-box;
    line-height: 1.6;
    letter-spacing: 0.01em;
    padding: 5px 0 10px 25px;
    font-weight: bold;
    letter-spacing: 0.03em;
}

#sec_coating_mold_object .inner h1:before {
    content: '';
    position: absolute;
    top: 40%;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 4px;
    background-color: #2B5F97;
}
#sec_coating_mold_object .inner .object_box{
    overflow: hidden;
    display: block;
    padding: 0 0px;
    box-sizing: border-box;
}

#sec_coating_mold_object .inner .object_box p{
    font-size: 14px;
    color: #222222;
    margin-bottom: 20px;
    line-height: 2;
}



#sec_coating_mold_object table.tbl_mold_object {
    border-collapse: collapse;
    width: 100%;
    border-collapse:separate;
    border-spacing:2px;
    
}
#sec_coating_mold_object table.tbl_mold_object td {
    padding: 10px 10px 10px 10px;
    background: #CFD5EA;
    text-align: center;
}
#sec_coating_mold_object table.tbl_mold_object td a{
    color: #003366;
    text-decoration: underline;
}
#sec_coating_mold_object table.tbl_mold_object td a:hover{
    color: #FF4000;
}

#sec_coating_mold_object table.tbl_mold_object td p{
    
}

#sec_coating_mold_object table.tbl_mold_object th {
    padding: 10px;
    background: #293D38;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
}


#sec_coating_mold_object table.tbl_mold_object th.object_th01{
    width: 300px;
}
#sec_coating_mold_object table.tbl_mold_object th.object_th02{
    width: 350px;
}

#sec_coating_mold_object table.tbl_mold_object th.object_th03{
    
}

#sec_coating_mold_object table.tbl_mold_object td.object_f01{
    background: #D2E1DE;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #1F1F1F;
    line-height: 1.4;
}
#sec_coating_mold_object table.tbl_mold_object td.object_f01_b{
    background: #EDF3F2;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #1F1F1F;
}
#sec_coating_mold_object table.tbl_mold_object td.object_f02{
    background: #D2E1DE;
    font-size: 12px;
    padding: 0 15px;
    text-align: left;
    line-height: 1.4;
}
#sec_coating_mold_object table.tbl_mold_object td.object_f02_b{
    background: #EDF3F2;
    font-size: 12px;
    padding: 0 15px;
    text-align: left;
}



/*  画面サイズが640pxまで  */
@media screen and (min-width: 640px) {
    #sec_coating_mold_object .inner h1 {
        font-size: 34px;
        padding: 5px 0 10px 30px;
    }
    
    #sec_coating_mold_object .inner h1:before {
        top: 45%;
    }
    
    #sec_coating_mold_object .inner .object_box{
        padding: 0 30px;
    }
    #sec_coating_mold_object .inner .object_box p{
        font-size: 16px;
    }
    
    
    #sec_coating_mold_object table.tbl_mold_object th {
        font-size: 18px;
        font-weight: bold;
    }
    
    #sec_coating_mold_object table.tbl_mold_object td.object_f01{
        font-size: 17px;
    }
    #sec_coating_mold_object table.tbl_mold_object td.object_f01_b{
        font-size: 17px;
    }
    #sec_coating_mold_object table.tbl_mold_object td.object_f02{
        font-size: 14px;
    }
    #sec_coating_mold_object table.tbl_mold_object td.object_f02_b{
        font-size: 14px;
    }
    
    
    
    
}


@media screen and (min-width: 1000px) {

    #sec_coating_mold_object{
        margin:0;
        padding:50px 0 50px 0;
        text-align: left;
    }
    
    #sec_coating_mold_object .inner{
        padding: 0 10px;
    }
    
}





/* sec_coating_mold_case
------------------------------------------------------------*/

#sec_coating_mold_case{
    margin:0;
    padding:30px 0 10px 0;
    text-align: left;
}

#sec_coating_mold_case .inner{
    margin: 0 auto;
    max-width: 1460px;
    overflow: hidden;
    padding: 0 10px;
}


#sec_coating_mold_case .inner h1 {
    position: relative;
    display: block;
    text-align: left;
    font-size: 20px;
    color: #1F4672;
    box-sizing: border-box;
    line-height: 1.6;
    letter-spacing: 0.01em;
    padding: 5px 0 10px 25px;
    font-weight: bold;
    letter-spacing: 0.03em;
}

#sec_coating_mold_case .inner h1:before {
    content: '';
    position: absolute;
    top: 40%;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 4px;
    background-color: #2B5F97;
}


#sec_coating_mold_case .inner .case_box{
    background: #FFF;
    padding: 0;
    margin: 0px;
    overflow: hidden;
    text-align: center;
    border: 2px solid #1F4672;
}

#sec_coating_mold_case .inner .case_box h2{
    background: #1F4672;
    color: #FFF;
    font-size: 22px;
    font-weight: normal;
    padding: 5px 0 10px 0;
}


#sec_coating_mold_case .inner .case_box .condition_left{
    float: left;
    width: calc(100% - 20px);
    margin: 25px 10px 15px 10px;
}

#sec_coating_mold_case .inner .case_box .result_right{
    float: left;
    width: calc(100% - 20px);
    margin: 10px;
}

#sec_coating_mold_case .inner .case_box .condition_left ul{
    list-style-type: none;
}
#sec_coating_mold_case .inner .case_box .condition_left ul li{
    width: 50%;
    float: left;
}

#sec_coating_mold_case .inner .case_box .condition_left ul li img{
    width: 100%;
    max-width: 416px;
    box-sizing: border-box;
    padding: 0 5px;
}

#sec_coating_mold_case table.tbl_mold_condition {
    border-collapse: collapse;
    width: 100%;
    border-collapse:separate;
    border-spacing:2px;
    margin-top: 0px;
    
    
}
#sec_coating_mold_case table.tbl_mold_condition td {
    padding: 10px;
    background: #CFD5EA;
    text-align: center;
    text-align: left;
}

#sec_coating_mold_case table.tbl_mold_condition td.celltitle {
    padding: 10px;
    background: #1F4672;
    color: #FFF;
    text-align: left;
    font-size: 14px;
    font-weight: normal;
    width: 110px;
}

#sec_coating_mold_case table.tbl_mold_condition th {
    padding: 10px;
    background: #1F4672;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
}





/*  画面サイズが640pxまで  */
@media screen and (min-width: 640px) {
    #sec_coating_mold_case .inner h1 {
        font-size: 34px;
        padding: 5px 0 10px 30px;
    }
    
    #sec_coating_mold_case .inner h1:before {
        top: 45%;
    }
    
    #sec_coating_mold_case .inner .case_box{
        margin: 30px 10px;
    }
    
    
    
    
    
}


@media screen and (min-width: 1000px) {

    #sec_coating_mold_case{
        margin:0;
        padding:50px 0 50px 0;
        text-align: left;
    }
    
    #sec_coating_mold_case .inner{
        padding: 0 10px;
    }
    
    #sec_coating_mold_case .inner .case_box .condition_left{
        float: left;
        width: calc(65% - 25px);
        margin: 25px 0 20px 25px;
    }
    #sec_coating_mold_case .inner .case_box .result_right{
        float: left;
        width: calc(35% - 50px);
        margin: 25px;
    }
    
    
}


/* 部品 */

div#main_parts_sp{
    position: relative;
    transform:translate(0, 0%) skewX(-0deg);
    height: 500px;
    flex: 0 0 100%;
    transition: .3s;
    overflow:hidden;
    background: url(../images/coating/parts/main_bg_sp.jpg) 50% top no-repeat;
    display: block;
}
div#parts_left{
    display: none;
}
div#parts_right{
    display: none;
}



div#parts_left{
    position: relative;
    transform:translate(-5%, 0%) skewX(-0deg);
    height: 500px;
    flex: 0 0 65%;
    transition: .3s;
    overflow:hidden;
}
div#parts_left::after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0%;
    opacity: 1;
    display:block;
    background: url(../images/coating/parts/main_left.jpg) 0% top no-repeat;
    transform:translate(0%, 0%) skewX(0deg);
}

div#parts_left:hover{
    transform:translate(0%, 0%) skewX(0deg);
    transition: .3s;
}



div#parts_left a{
    height:90px;
    position: absolute;
    top:250px;
    right:35%;
    bottom:0;
    margin:auto;
    transform: skew(0deg);
    z-index: 60;
    border: 5px solid #FFFFFF;
}

div#parts_left a::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 20px;
    right: calc( 50% - 7px );
    width: 20px;
    height: 20px;
    border-top: 4px solid #FFF;
    border-right: 4px solid #FFF;
    transform: translateX(-0%) rotate(135deg);
}


div#parts_right{
    position: relative;
    transform:translate(-20%, 0%) skewX(-20deg);
    height: 500px;
    flex: 0 0 65%;
    transition: .3s;
    overflow:hidden;
}

div#parts_right::after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
    display:block;
    background: url(../images/coating/parts/main_right.jpg) 100% top no-repeat;
    transform:translate(-20%, 0%) skewX(20deg);
}

div#parts_right:hover{
    transform:translate(-25%, 0%) skewX(-20deg);
    transition: .3s;
}



div#parts_right a{
    height:90px;
    position: absolute;
    top:250px;
    left:20%;
    bottom:0;
    margin:auto;
    transform: skew(20deg);
    z-index: 60;
    border: 5px solid #FFFFFF;
}
div#parts_right a::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 20px;
    right: calc( 50% - 7px );
    width: 20px;
    height: 20px;
    border-top: 4px solid #FFF;
    border-right: 4px solid #FFF;
    transform: translateX(-0%) rotate(135deg);
}

a.coating_parts_left_btn {
    display: block;
    position: relative;
    width: 40%;
    max-width: 300px;
    padding: 5px 0 0 0;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    background: -webkit-gradient(90deg, #161616 35%, #222222);
    background: linear-gradient(90deg, #222222 35%, #161616);
    overflow: hidden;
    font-size: 20px;
    font-weight:bold;
    color: #fff !important;
    letter-spacing: 0.05em;
    line-height: 2;
    margin: 0 auto;
    display: none;
}

a.coating_parts_left_btn:hover {
    color: #fff !important;
    background: -webkit-gradient(90deg, #222222 35%, #161616);
    background: linear-gradient(90deg, #161616 35%, #222222);
}
a.coating_parts_right_btn {
    display: block;
    position: relative;
    width: 40%;
    max-width: 300px;
    padding: 5px 0 0 0;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    background: -webkit-gradient(90deg, #161616 35%, #222222);
    background: linear-gradient(90deg, #222222 35%, #161616);
    overflow: hidden;
    font-size: 20px;
    font-weight:bold;
    color: #fff !important;
    letter-spacing: 0.05em;
    line-height: 2;
    margin: 0 auto;
    display: none;
}

a.coating_parts_right_btn:hover {
    color: #fff !important;
    background: -webkit-gradient(90deg, #222222 35%, #161616);
    background: linear-gradient(90deg, #161616 35%, #222222);
}


a.coating_parts_left_btn_sp {
    display: block;
    position: relative;
    width: 90%;
    max-width: 500px;
    padding: 10px 20px;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    background: -webkit-gradient(90deg, #161616 35%, #222222);
    background: linear-gradient(90deg, #222222 35%, #161616);
    overflow: hidden;
    font-size: 18px;
    font-weight:bold;
    color: #fff !important;
    letter-spacing: 0.05em;
    line-height: 2.5;
    margin: 20px auto 0 auto;
    border: 5px solid #FFFFFF;
}

a.coating_parts_left_btn_sp:hover {
    color: #fff !important;
    background: -webkit-gradient(90deg, #222222 35%, #161616);
    background: linear-gradient(90deg, #161616 35%, #222222);
}
a.coating_parts_right_btn_sp {
    display: block;
    position: relative;
    width: 90%;
    max-width: 500px;
    padding: 10px 20px;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    background: -webkit-gradient(90deg, #161616 35%, #222222);
    background: linear-gradient(90deg, #222222 35%, #161616);
    overflow: hidden;
    font-size: 18px;
    font-weight:bold;
    color: #fff !important;
    letter-spacing: 0.05em;
    line-height: 2.5;
    margin: 0 auto;
    margin: 20px auto 0 auto;
    border: 5px solid #FFFFFF;
}

a.coating_parts_right_btn_sp:hover {
    color: #fff !important;
    background: -webkit-gradient(90deg, #222222 35%, #161616);
    background: linear-gradient(90deg, #161616 35%, #222222);
}


.catchtitle p.subc_parts_en{
    text-align: center;
    color: #FFF;
    font-size: 20px;
    font-weight: bold;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    margin-top: 30px;
}



.catchtitle p.subc_parts_jp{
    text-align: center;
    color: #FFF;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
}
.catchtitle p.subc_parts_txt{
    text-align: center;
    color: #FFF;
    font-size: 56px;
    font-weight: bold;
}

.shadow_title{
/* 影を指定（[左右][上下][ぼかし][影の色]） */
    text-shadow: 0px 0px 10px #222 ,
    0 0 15px #222;
}


@media screen and (min-width: 640px) {
    
    
    .catchtitle p.subc_parts_en{
        font-size: 30px;
        margin-top: 60px;
    }
    .catchtitle p.subc_parts_jp{
        font-size: 38px;
        line-height: 1;
    }
}


@media screen and (min-width: 1000px) {

    a.coating_parts_left_btn {
        display: block;
    }
    a.coating_parts_right_btn {
        display: block;
    }
    
    .catchtitle p.subc_parts_en{
        font-size: 40px;
        margin-top: 60px;
    }
    
    .catchtitle p.subc_parts_jp{
        font-size: 48px;
        line-height: 1;
    }
    .catchtitle p.subc_parts_txt{
        font-size: 80px;
        font-weight: bold;
    }
    
    div#main_parts_sp{
        display: none;
    }
    div#parts_left{
        display: block;
    }
    div#parts_right{
        display: block;
    }
    
    
}



/* sec_coating_parts_feature
------------------------------------------------------------*/

#sec_coating_parts_feature{
    margin:0;
    padding:30px 0 10px 0;
    text-align: left;
}

#sec_coating_parts_feature .inner{
    margin: 0 auto;
    max-width: 1460px;
    overflow: hidden;
    padding: 0 10px;
}


#sec_coating_parts_feature .inner h1 {
    position: relative;
    display: block;
    text-align: left;
    font-size: 20px;
    color: #1F4672;
    box-sizing: border-box;
    line-height: 1.6;
    letter-spacing: 0.01em;
    padding: 5px 0 10px 25px;
    font-weight: bold;
    letter-spacing: 0.03em;
}

#sec_coating_parts_feature .inner h1:before {
    content: '';
    position: absolute;
    top: 40%;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 4px;
    background-color: #2B5F97;
}
#sec_coating_parts_feature .inner .features_box{
    overflow: hidden;
    display: block;
    padding: 0 0px;
    box-sizing: border-box;
}

#sec_coating_parts_feature .inner .features_box p{
    font-size: 14px;
    color: #222222;
    margin-bottom: 20px;
    line-height: 2;
}
.parts_feature_list{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
    margin-top: 0px;
}

.parts_feature_list > div{
    width: 100%;
    padding: 0px;
    box-sizing: border-box;
    margin: 0 0 20px 0;
    position: relative;
}






.parts_feature_list h2{
    display: table;
    height: auto;
    width: 100%;
    font-size: 18px;
    text-align: center;
    border-radius: 30px 0 30px 0;
    padding: 15px 0 18px 0;
    background: -webkit-gradient(0deg, #054782 50%, #0062B8);
    background: linear-gradient(0deg, #054782 50%, #0062B8);
}
.parts_feature_list h2 p{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: auto;
    letter-spacing: 0.01em;
    color: #FFF;
    line-height: 1.5;
}

.parts_feature_list p.tfl_description{
    padding: 20px 10px 10px 10px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 2;
}



/*  画面サイズが640pxまで  */
@media screen and (min-width: 640px) {
    #sec_coating_parts_feature .inner h1 {
        font-size: 34px;
        padding: 5px 0 10px 30px;
    }
    
    #sec_coating_parts_feature .inner h1:before {
        top: 45%;
    }
    
    #sec_coating_parts_feature .inner .features_box{
        padding: 0 30px;
    }
    #sec_coating_parts_feature .inner .features_box p{
        font-size: 16px;
    }
    
    .parts_feature_list > div{
		width: calc( (100% - 0px) / 2);
        padding: 20px;
        margin: 0 0 20px 0;
        box-sizing: border-box;
	}
    

    
    
    .parts_feature_list h2{
        font-size: 20px;
    }
    
}


@media screen and (min-width: 1000px) {

    #sec_coating_parts_feature{
        margin:0;
        padding:50px 0 0 0;
        text-align: left;
    }
    
    #sec_coating_parts_feature .inner{
        padding: 0 10px;
    }
    .parts_feature_list > div{
        width: calc( (100% - 0px) / 3);
        padding: 30px;
        margin: 0 0 20px 0;
        box-sizing: border-box;
        
    }
    
    .parts_feature_list > div::before{
        content: "";
        height: 50%;/*線の太さ*/
        border-right: 1px dotted #CCCCCC;
        position: absolute;
        right: 0px;
        top: 40%;
        bottom: 0;
    }
    .parts_feature_list > div:last-child::before{
        border-right: none;
    }
    
    .parts_feature_list h2{
        font-size: 24px;
        min-height: 80px;
    }
}



/* sec_coating_parts_catchphrase
------------------------------------------------------------*/

#sec_coating_parts_catchphrase{
    margin:0;
    padding:30px 0 10px 0;
    text-align: left;
}

#sec_coating_parts_catchphrase .inner{
    margin: 0 auto;
    max-width: 1460px;
    overflow: hidden;
    padding: 0 10px;
}

#sec_coating_parts_catchphrase .inner p{
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.9;
    letter-spacing: 0.07em
}

@media screen and (min-width: 1000px) {

    #sec_coating_parts_catchphrase{
        margin:0;
        padding:50px 0 0 0;
        text-align: left;
    }
    
    #sec_coating_parts_catchphrase .inner{
        padding: 0 10px;
    }
    
    #sec_coating_parts_catchphrase .inner p{
        text-align: center;
        font-size: 26px;
    }

}






/* sec_coating_parts_recommend
------------------------------------------------------------*/

#sec_coating_parts_recommend{
    margin:0;
    padding:30px 0 40px 0;
    text-align: left;
}

#sec_coating_parts_recommend .inner{
    margin: 0 auto;
    max-width: 1460px;
    overflow: hidden;
    padding: 0 10px;
}


#sec_coating_parts_recommend .inner h1 {
    position: relative;
    display: block;
    text-align: left;
    font-size: 20px;
    color: #1F4672;
    box-sizing: border-box;
    line-height: 1.6;
    letter-spacing: 0.01em;
    padding: 5px 0 10px 25px;
    font-weight: bold;
    letter-spacing: 0.03em;
}

#sec_coating_parts_recommend .inner h1:before {
    content: '';
    position: absolute;
    top: 40%;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 4px;
    background-color: #2B5F97;
}
#sec_coating_parts_recommend .inner .recommend_box{
    overflow: hidden;
    display: block;
    padding: 0 0px;
    box-sizing: border-box;
}

#sec_coating_parts_recommend .inner .recommend_box p{
    font-size: 14px;
    color: #222222;
    margin-bottom: 20px;
    line-height: 2;
}




#sec_coating_parts_recommend table.tbl_dlcseries {
    border-collapse: collapse;
    width: 100%;
    border-collapse:separate;
    border-spacing:2px;
    
}
#sec_coating_parts_recommend table.tbl_dlcseries td {
    padding: 10px 10px 10px 10px;
    background: #CFD5EA;
    text-align: center;
}

#sec_coating_parts_recommend table.tbl_dlcseries td p{
    
}

#sec_coating_parts_recommend table.tbl_dlcseries th {
    padding: 10px;
    background: #1A66A4;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
}

#sec_coating_parts_recommend table.tbl_dlcseries th.dlc_th01{
    width: 60px;
}
#sec_coating_parts_recommend table.tbl_dlcseries th.dlc_th02{
    width: 250px;
}
#sec_coating_parts_recommend table.tbl_dlcseries th.dlc_th03{
    width: 180px;
}
#sec_coating_parts_recommend table.tbl_dlcseries th.dlc_th04{
    
}

#sec_coating_parts_recommend table.tbl_dlcseries td.dlc_f00{
    background: #134C7A;
    color: #FFF;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    writing-mode: vertical-lr;
    line-height: 1;
}
#sec_coating_parts_recommend table.tbl_dlcseries td.dlc_f01{
    background: #103F65;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}

#sec_coating_parts_recommend table.tbl_dlcseries td.dlc_f01 a{
    display: block;
    width:100%;
    height:100%;
    color: #FFF;
    text-decoration: none;
}
#sec_coating_parts_recommend table.tbl_dlcseries td.dlc_f01 a:hover{
    color: rgb(255, 255, 0);
}


#sec_coating_parts_recommend table.tbl_dlcseries td.dlc_f02{
    background: #CFD5EA;
    font-size: 12px;
    padding: 0 15px;
}
#sec_coating_parts_recommend table.tbl_dlcseries td.dlc_f02_l{
    background: #CFD5EA;
    text-align: left;
    font-size: 12px;
}

#sec_coating_parts_recommend table.tbl_dlcseries td.dlc_f02_b{
    background: #E9EBF5;
    font-size: 12px;
    padding: 0 15px;
}
#sec_coating_parts_recommend table.tbl_dlcseries td.dlc_f02_l_b{
    background: #E9EBF5;
    text-align: left;
    font-size: 12px;
}




#sec_coating_parts_recommend table.tbl_dlcseries td.dlc_h00{
    background: #1F8B88;
    color: #FFF;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    writing-mode: vertical-lr;
    line-height: 1;
}
#sec_coating_parts_recommend table.tbl_dlcseries td.dlc_h01{
    background: #1B7472;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}

#sec_coating_parts_recommend table.tbl_dlcseries td.dlc_h01 a{
    display: block;
    width:100%;
    height:100%;
    color: #FFF;
    text-decoration: none;
}
#sec_coating_parts_recommend table.tbl_dlcseries td.dlc_h01 a:hover{
    color: rgb(255, 255, 0);
}

#sec_coating_parts_recommend table.tbl_dlcseries td.dlc_h02{
    background: #CFD5EA;
    font-size: 12px;
    padding: 0 15px;
}
#sec_coating_parts_recommend table.tbl_dlcseries td.dlc_h02_l{
    background: #CFD5EA;
    text-align: left;
    font-size: 12px;
}

#sec_coating_parts_recommend table.tbl_dlcseries td.dlc_h02_b{
    background: #E9EBF5;
    font-size: 13px;
    padding: 0 15px;
}
#sec_coating_parts_recommend table.tbl_dlcseries td.dlc_h02_l_b{
    background: #E9EBF5;
    text-align: left;
    font-size: 12px;
}





/*  画面サイズが640pxまで  */
@media screen and (min-width: 640px) {
    #sec_coating_parts_recommend .inner h1 {
        font-size: 34px;
        padding: 5px 0 10px 30px;
    }
    
    #sec_coating_parts_recommend .inner h1:before {
        top: 45%;
    }
    
    #sec_coating_parts_recommend .inner .recommend_box{
        padding: 0 30px;
    }
    #sec_coating_parts_recommend .inner .recommend_box p{
        font-size: 16px;
    }
    #sec_coating_parts_recommend table.tbl_dlcseries th {
        font-size: 18px;
        font-weight: bold;
    }
    #sec_coating_parts_recommend table.tbl_dlcseries td.dlc_f00{
        font-size: 18px;
    }
    #sec_coating_parts_recommend table.tbl_dlcseries td.dlc_f01{
        font-size: 18px;
    }
    #sec_coating_parts_recommend table.tbl_dlcseries td.dlc_f02{
        font-size: 16px;
    }
    #sec_coating_parts_recommend table.tbl_dlcseries td.dlc_f02_l{
        font-size: 12px;
    }
    #sec_coating_parts_recommend table.tbl_dlcseries td.dlc_f02_b{
        font-size: 16px;
    }
    #sec_coating_parts_recommend table.tbl_dlcseries td.dlc_f02_l_b{
        font-size: 12px;
    }
    
    #sec_coating_parts_recommend table.tbl_dlcseries td.dlc_h00{
        font-size: 18px;
    }
    #sec_coating_parts_recommend table.tbl_dlcseries td.dlc_h01{
        font-size: 18px;
    }
    #sec_coating_parts_recommend table.tbl_dlcseries td.dlc_h02{
        font-size: 16px;
    }
    #sec_coating_parts_recommend table.tbl_dlcseries td.dlc_h02_l{
        font-size: 12px;
    }
    #sec_coating_parts_recommend table.tbl_dlcseries td.dlc_h02_b{
        font-size: 16px;
    }
    #sec_coating_parts_recommend table.tbl_dlcseries td.dlc_h02_l_b{
        font-size: 12px;
    }
    
    
}


@media screen and (min-width: 1000px) {

    #sec_coating_parts_recommend{
        margin:0;
        padding:50px 0 60px 0;
        text-align: left;
    }
    
    #sec_coating_parts_recommend .inner{
        padding: 0 10px;
    }
    
}






/* sec_coating_parts_material
------------------------------------------------------------*/

#sec_coating_parts_material{
    margin:0;
    padding:30px 0 10px 0;
    text-align: left;
}

#sec_coating_parts_material .inner{
    margin: 0 auto;
    max-width: 1460px;
    overflow: hidden;
    padding: 0 10px;
}


#sec_coating_parts_material .inner h1 {
    position: relative;
    display: block;
    text-align: left;
    font-size: 20px;
    color: #1F4672;
    box-sizing: border-box;
    line-height: 1.6;
    letter-spacing: 0.01em;
    padding: 5px 0 10px 25px;
    font-weight: bold;
    letter-spacing: 0.03em;
}

#sec_coating_parts_material .inner h1:before {
    content: '';
    position: absolute;
    top: 40%;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 4px;
    background-color: #2B5F97;
}
#sec_coating_parts_material .inner .material_box{
    overflow: hidden;
    display: block;
    padding: 0 0px;
    box-sizing: border-box;
}

#sec_coating_parts_material .inner .material_box p{
    font-size: 14px;
    color: #222222;
    margin-bottom: 20px;
    line-height: 2;
}



#sec_coating_parts_material table.tbl_parts_material {
    border-collapse: collapse;
    width: 100%;
    padding: 0 0px;
    box-sizing: border-box;
    border-collapse:separate;
    border-spacing:2px;
    
}
#sec_coating_parts_material table.tbl_parts_material td {
    padding: 15px 10px 15px 10px;
    background: #CFD5EA;
    text-align: center;
    
}
#sec_coating_parts_material table.tbl_parts_material td a{
    color: #003366;
    text-decoration: underline;
}
#sec_coating_parts_material table.tbl_parts_material td a:hover{
    color: #FF4000;
}
#sec_coating_parts_material table.tbl_parts_material td p{
    
}

#sec_coating_parts_material table.tbl_parts_material th {
    padding: 10px;
    background: #222222;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
}

#sec_coating_parts_material table.tbl_parts_material th.object_th00{
    width: 300px;
}
#sec_coating_parts_material table.tbl_parts_material th.object_th01{
    width: 300px;
}
#sec_coating_parts_material table.tbl_parts_material th.object_th02{
    width: 350px;
}

#sec_coating_parts_material table.tbl_parts_material th.object_th03{
    
}
#sec_coating_parts_material table.tbl_parts_material td.object_f00{
    background: #DDDDDD;
    color: #222;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}
#sec_coating_parts_material table.tbl_parts_material td.object_f00n{
    background: #F2F2F2;
    color: #222;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}
#sec_coating_parts_material table.tbl_parts_material td.object_f01{
    background: #ECECEC;
    color: #FFF;
    text-align: left;
    font-size: 12px;
    font-weight: normal;
    color: #1F1F1F;
}

#sec_coating_parts_material table.tbl_parts_material td.object_f02{
    background: #ECECEC;
    text-align: left;
    font-size: 12px;
    font-weight: normal;
    color: #1F1F1F;
}

#sec_coating_parts_material table.tbl_parts_material td.object_f03{
    background: #F2F2F2;
    color: #FFF;
    text-align: left;
    font-size: 12px;
    font-weight: normal;
    color: #1F1F1F;
}

#sec_coating_parts_material table.tbl_parts_material td.object_f04{
    background: #F2F2F2;
    text-align: left;
    font-size: 12px;
    font-weight: normal;
    color: #1F1F1F;
}


#sec_coating_parts_material .inner .case_box{
    
    padding: 0 0 0 0;
    margin: 30px 0;
    text-align: center;
    box-sizing: border-box;
    z-index: 1;
    
}
#sec_coating_parts_material .inner .case_box h2{
    background: #1F4672;
    color: #FFF;
    font-size: 18px;
    font-weight: normal;
    padding: 5px 0 10px 0;
    width: 50%;
    margin: auto;
    z-index: 10;
    position: relative;
}

#sec_coating_parts_material .inner .case_inner{
    background: #FFF;
    padding: 0;
    margin: -25px 0 0 0;
    overflow: hidden;
    text-align: center;
    border: 2px solid #1F4672;
    box-sizing: border-box;
    z-index: 1;
    position: relative;
    width: auto;
}

#sec_coating_parts_material .inner .case_inner a{
    color: #003366;
    text-decoration: underline;
}
#sec_coating_parts_material .inner .case_inner a:hover{
    color: #FF4000;
}

#sec_coating_parts_material .inner .case_inner img{
    width: 100%;
    max-width: 1280px;
}

.case_inner_car_pc{
    display:none;   
}
.case_inner_car_sp{
    display:block;   
}

.car_engine {
    width: 30%;
    max-width: 250px;
    color: #FFF;
    position: absolute;
    top: 10%;
    left: 5%;
    background: #FFF;
    border: 2px solid #003040;
    display: none;
}
.car_engine div{
    background: #003040;
    padding: 4px 0;
    font-size: 14px;
}
.car_engine table{
    color: #222;
    padding: 12px;
    font-size: 12px;
    
}
.car_engine table th{
    text-align: right;
    vertical-align: top;
}
.car_engine table td{
    text-align: left;
    vertical-align: top;
}

.car_compressor {
    width: 40%;
    max-width: 250px;
    color: #FFF;
    position: absolute;
    top: 74%;
    left: 3%;
    background: #FFF;
    border: 2px solid #003040;
    display: none;
}
.car_compressor div{
    background: #003040;
    padding: 4px 0;
    font-size: 14px;
}
.car_compressor table{
    color: #222;
    padding: 12px;
    font-size: 12px;
}
.car_compressor table th{
    text-align: right;
    vertical-align: top;
}
.car_compressor table td{
    text-align: left;
    vertical-align: top;
}

.car_drive {
    width: 30%;
    max-width: 250px;
    color: #FFF;
    position: absolute;
    top: 75%;
    left: 38%;
    background: #FFF;
    border: 2px solid #003040;
    display: none;
}
.car_drive div{
    background: #003040;
    padding: 4px 0;
    font-size: 14px;
}
.car_drive table{
    color: #222;
    padding: 12px;
    font-size: 12px;
}
.car_drive table th{
    text-align: right;
    vertical-align: top;
}
.car_drive table td{
    text-align: left;
    vertical-align: top;
}

.car_fuel {
    width: 22%;
    max-width: 250px;
    color: #FFF;
    position: absolute;
    top: 63%;
    left: 70%;
    background: #FFF;
    border: 2px solid #003040;
    display: none;
}
.car_fuel div{
    background: #003040;
    padding: 4px 0;
    font-size: 14px;
}
.car_fuel table{
    color: #222;
    padding: 12px;
    font-size: 12px;
}
.car_fuel table th{
    text-align: right;
    vertical-align: top;
}
.car_fuel table td{
    text-align: left;
    vertical-align: top;
}



#sec_coating_parts_material .inner .case_box table.tbl_case_sp{
    color: #222;
    padding: 0;
    font-size: 12px;
    border: 2px solid #003040;
    border-collapse: collapse;
    border-spacing: 0;
    background: #FFF;
    display: table;
    width: 100%;
}

#sec_coating_parts_material .inner .case_box table.tbl_case_sp th.title{
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    padding: 0 0 5px 0;
    background: #003040;
    color: #FFF;

}
#sec_coating_parts_material .inner .case_box table.tbl_case_sp th{
    text-align: right;
    vertical-align:top;
    padding: 5px;
    width: 30%;

}


#sec_coating_parts_material .inner .case_box table.tbl_case_sp td{
    text-align: left;
    vertical-align: top;
    padding: 5px;
}

#sec_coating_parts_material .inner .case_box table.tbl_case_sp td a{
    color: #003366;
    text-decoration: underline;
}
#sec_coating_parts_material .inner .case_box table.tbl_case_sp td a:hover{
    color: #FF4000;
}

/*  画面サイズが640pxまで  */
@media screen and (min-width: 640px) {
    #sec_coating_parts_material .inner h1 {
        font-size: 34px;
        padding: 5px 0 10px 30px;
    }
    
    #sec_coating_parts_material .inner h1:before {
        top: 45%;
    }
    
    #sec_coating_parts_material .inner .material_box{
        padding: 0 30px;
    }
    #sec_coating_parts_material .inner .material_box p{
        font-size: 16px;
    }
    
    #sec_coating_parts_material table.tbl_parts_material {
        border-collapse: collapse;
        width: 100%;
        padding: 0 0;
        margin-top: 30px;
        margin-bottom: 30px;
        box-sizing: border-box;
        border-collapse:separate;
        border-spacing:2px;
    }
    
    
    #sec_coating_parts_material table.tbl_parts_material th {
        font-size: 18px;
        font-weight: bold;
    }
    #sec_coating_parts_material table.tbl_parts_material td.object_f00{
        font-size: 17px;
    }
    #sec_coating_parts_material table.tbl_parts_material td.object_f00n{
        font-size: 17px;
    }
    #sec_coating_parts_material table.tbl_parts_material td.object_f01{
        font-size: 14px;
    }
    
    #sec_coating_parts_material table.tbl_parts_material td.object_f02{
        font-size: 14px;
    }
    
    #sec_coating_parts_material table.tbl_parts_material td.object_f03{
        font-size: 14px;
    }
    
    #sec_coating_parts_material table.tbl_parts_material td.object_f04{
        font-size: 14px;
    }
    
    #sec_coating_parts_material .inner .case_box{
        margin: 30px 0;
        
    }
    #sec_coating_parts_material .inner .case_box h2{
        font-size: 22px;
        width: 30%;
    }
    #sec_coating_parts_material .inner .case_inner{
        margin: -30px 0 0 0;

    }
    .case_inner_car_pc{
        display:block;   
    }
    .case_inner_car_sp{
        display:none;   
    }
    .car_engine {
        width: 50%;
        max-width: 200px;
        color: #FFF;
        position: absolute;
        top: 5%;
        left: 5%;
        background: #FFF;
        border: 2px solid #003040;
        display: block;
    }
    .car_engine div{
        background: #003040;
        padding: 4px 0;
        font-size: 16px;
    }
    .car_engine table{
        color: #222;
        padding: 6px;
        font-size: 12px;
        
    }
    .car_engine table th{
        text-align: right;
        vertical-align: top;
    }
    .car_engine table td{
        text-align: left;
        vertical-align: top;
    }

    .car_compressor {
        width: 50%;
        max-width: 200px;
        color: #FFF;
        position: absolute;
        top: 72%;
        left: 5%;
        background: #FFF;
        border: 2px solid #003040;
        display: block;
    }
    .car_compressor div{
        background: #003040;
        padding: 4px 0;
        font-size: 16px;
    }
    .car_compressor table{
        color: #222;
        padding: 6px;
        font-size: 12px;
    }
    .car_compressor table th{
        text-align: right;
        vertical-align: top;
    }
    .car_compressor table td{
        text-align: left;
        vertical-align: top;
    }

    .car_drive {
        width: 50%;
        max-width: 200px;
        color: #FFF;
        position: absolute;
        top: 73%;
        left: 38%;
        background: #FFF;
        border: 2px solid #003040;
        display: block;
    }
    .car_drive div{
        background: #003040;
        padding: 4px 0;
        font-size: 16px;
    }
    .car_drive table{
        color: #222;
        padding: 6px;
        font-size: 12px;
    }
    .car_drive table th{
        text-align: right;
        vertical-align: top;
    }
    .car_drive table td{
        text-align: left;
        vertical-align: top;
    }

    .car_fuel {
        width: 50%;
        max-width: 200px;
        color: #FFF;
        position: absolute;
        top: 63%;
        left: 70%;
        background: #FFF;
        border: 2px solid #003040;
        display: block;
    }
    .car_fuel div{
        background: #003040;
        padding: 4px 0;
        font-size: 16px;
    }
    .car_fuel table{
        color: #222;
        padding: 6px;
        font-size: 12px;
    }
    .car_fuel table th{
        text-align: right;
        vertical-align: top;
    }
    .car_fuel table td{
        text-align: left;
        vertical-align: top;
    }
    
    #sec_coating_parts_material .inner .case_box table.tbl_case_sp{
        display: none;
    }
    
    
}


@media screen and (min-width: 1000px) {

    #sec_coating_parts_material{
        margin:0;
        padding:50px 0 0 0;
        text-align: left;
    }
    
    #sec_coating_parts_material .inner{
        padding: 0 10px;
    }
    
    #sec_coating_parts_material .inner .case_box{
        margin: 30px 30px;
        
    }
    
    .car_engine {
        width: 22%;
        max-width: 250px;
        color: #FFF;
        position: absolute;
        top: 5%;
        left: 14%;
        background: #FFF;
        border: 2px solid #003040;
    }
    .car_engine div{
        background: #003040;
        padding: 4px 0;
        font-size: 20px;
    }
    .car_engine table{
        color: #222;
        padding: 12px;
        font-size: 14px;
    }
    .car_engine table th{
        text-align: right;
        vertical-align: top;
    }
    .car_engine table td{
        text-align: left;
        vertical-align: top;
    }

    .car_compressor {
        width: 22%;
        max-width: 250px;
        color: #FFF;
        position: absolute;
        top: 74%;
        left: 10%;
        background: #FFF;
        border: 2px solid #003040;
    }
    .car_compressor div{
        background: #003040;
        padding: 4px 0;
        font-size: 20px;
    }
    .car_compressor table{
        color: #222;
        padding: 12px;
        font-size: 14px;
    }
    .car_compressor table th{
        text-align: right;
        vertical-align: top;
    }
    .car_compressor table td{
        text-align: left;
        vertical-align: top;
    }

    .car_drive {
        width: 22%;
        max-width: 250px;
        color: #FFF;
        position: absolute;
        top: 75%;
        left: 38%;
        background: #FFF;
        border: 2px solid #003040;
    }
    .car_drive div{
        background: #003040;
        padding: 4px 0;
        font-size: 20px;
    }
    .car_drive table{
        color: #222;
        padding: 12px;
        font-size: 14px;
    }
    .car_drive table th{
        text-align: right;
        vertical-align: top;
    }
    .car_drive table td{
        text-align: left;
        vertical-align: top;
    }

    .car_fuel {
        width: 22%;
        max-width: 250px;
        color: #FFF;
        position: absolute;
        top: 63%;
        left: 70%;
        background: #FFF;
        border: 2px solid #003040;
    }
    .car_fuel div{
        background: #003040;
        padding: 4px 0;
        font-size: 20px;
    }
    .car_fuel table{
        color: #222;
        padding: 12px;
        font-size: 14px;
    }
    .car_fuel table th{
        text-align: right;
        vertical-align: top;
    }
    .car_fuel table td{
        text-align: left;
        vertical-align: top;
    }
    
}


/* sec_coating_parts_effect
------------------------------------------------------------*/

#sec_coating_parts_effect{
    margin:0;
    padding:30px 0 10px 0;
    text-align: left;
}

#sec_coating_parts_effect .inner{
    margin: 0 auto;
    max-width: 1460px;
    overflow: hidden;
    padding: 0 10px;
}


#sec_coating_parts_effect .inner h1 {
    position: relative;
    display: block;
    text-align: left;
    font-size: 20px;
    color: #1F4672;
    box-sizing: border-box;
    line-height: 1.6;
    letter-spacing: 0.01em;
    padding: 5px 0 10px 25px;
    font-weight: bold;
    letter-spacing: 0.03em;
}

#sec_coating_parts_effect .inner h1:before {
    content: '';
    position: absolute;
    top: 40%;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 4px;
    background-color: #2B5F97;
}
#sec_coating_parts_effect .inner .effect_box{
    overflow: hidden;
    display: block;
    padding: 0 0px;
    box-sizing: border-box;
}

#sec_coating_parts_effect .inner .effect_box p{
    font-size: 14px;
    color: #222222;
    margin-bottom: 20px;
    line-height: 2;
}



#sec_coating_parts_effect table.tbl_parts_effect {
    width: 100%;
    border-collapse:separate;
    border-spacing:2px;
}
#sec_coating_parts_effect table.tbl_parts_effect td {
    padding: 10px 10px 10px 10px;
    background: #CFD5EA;
    text-align: center;
}
#sec_coating_parts_effect table.tbl_parts_effect td a{
    color: #003366;
    text-decoration: underline;
}
#sec_coating_parts_effect table.tbl_parts_effect td a:hover{
    color: #FF4000;
}
#sec_coating_parts_effect table.tbl_parts_effect td p{
    
}

#sec_coating_parts_effect table.tbl_parts_effect th {
    padding: 10px;
    background: #293D38;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
}


#sec_coating_parts_effect table.tbl_parts_effect th.object_th01{
    width: 200px;
}
#sec_coating_parts_effect table.tbl_parts_effect th.object_th02{
    
}

#sec_coating_parts_effect table.tbl_parts_effect th.object_th03{
    
}

#sec_coating_parts_effect table.tbl_parts_effect td.object_f01{
    background: #D2E1DE;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #1F1F1F;
    line-height: 1.4;
    word-wrap:break-word;
    
}
#sec_coating_parts_effect table.tbl_parts_effect td.object_f01_b{
    background: #EDF3F2;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #1F1F1F;
}
#sec_coating_parts_effect table.tbl_parts_effect td.object_f02{
    background: #D2E1DE;
    font-size: 12px;
    padding: 12px 15px;
    text-align: left;
    line-height: 1.6;
    word-wrap:break-word !important;
}
#sec_coating_parts_effect table.tbl_parts_effect td.object_f02_b{
    background: #EDF3F2;
    font-size: 12px;
    padding: 12px 15px;
    text-align: left;
}



/*  画面サイズが640pxまで  */
@media screen and (min-width: 640px) {
    #sec_coating_parts_effect .inner h1 {
        font-size: 34px;
        padding: 5px 0 10px 30px;
    }
    
    #sec_coating_parts_effect .inner h1:before {
        top: 45%;
    }
    
    #sec_coating_parts_effect .inner .effect_box{
        padding: 0 30px;
    }
    #sec_coating_parts_effect .inner .effect_box p{
        font-size: 16px;
    }
    
    
    #sec_coating_parts_effect table.tbl_parts_effect th {
        font-size: 18px;
        font-weight: bold;
    }
    
    #sec_coating_parts_effect table.tbl_parts_effect td.object_f01{
        font-size: 17px;
    }
    #sec_coating_parts_effect table.tbl_parts_effect td.object_f01_b{
        font-size: 17px;
    }
    #sec_coating_parts_effect table.tbl_parts_effect td.object_f02{
        font-size: 14px;
    }
    #sec_coating_parts_effect table.tbl_parts_effect td.object_f02_b{
        font-size: 14px;
    }
    
    
    
    
}


@media screen and (min-width: 1000px) {

    #sec_coating_parts_effect{
        margin:0;
        padding:50px 0 50px 0;
        text-align: left;
    }
    
    #sec_coating_parts_effect .inner{
        padding: 0 10px;
    }
    
}














/* 海外拠点・連携
------------------------------------------------------------*/
div.screen_oversea{
    width:100%;
    height: 200px;
    overflow: hidden;
    display: flex;
    margin-top: 55px;
    background: url(../images/oversea/header_bg.jpg) center top no-repeat;
    background-size:cover;
}

.catchtitle_oversea{
    margin: 0 auto;
    width: 1460px;
    overflow: hidden;
    text-align: left;
    padding: 10px;
    box-sizing: border-box;
}
.catchtitle_oversea p{
    text-align: left;
    color: #FFF;
}

.catchtitle_oversea p.subc_en{
    text-align: left;
    color: #FFF;
    font-size: 18px;
    font-weight: bold;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    margin-top: 50px;
}

.catchtitle_oversea p.subc_jp{
    text-align: left;
    color: #FFF;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
}

@media screen and (min-width: 640px) {
    div.screen_oversea{
        margin-top: 55px;
    }
}
@media screen and (min-width: 1000px) {
    
    div.screen_oversea{
        margin-top: 90px;
    }

    .catchtitle_oversea p.subc_en{
        text-align: left;
        color: #FFF;
        font-size: 20px;
        font-weight: bold;
        font-family: 'Lato', sans-serif;
        font-weight: 900;
        margin-top: 45px;
    }

    .catchtitle_oversea p.subc_jp{
        text-align: left;
        color: #FFF;
        font-size: 30px;
        font-weight: bold;
        line-height: 1.5;
    }
    
}


/* sec_oversea_location
------------------------------------------------------------*/

#sec_oversea_location{
    margin:0;
    padding:30px 0 50px 0;
    text-align: left;
}

#sec_oversea_location .inner{
    margin: 0 auto;
    max-width: 1460px;
    overflow: hidden;
    padding: 0 10px;
}


#sec_oversea_location .inner h1 {
    position: relative;
    display: block;
    text-align: left;
    font-size: 20px;
    color: #1F4672;
    box-sizing: border-box;
    line-height: 1.6;
    letter-spacing: 0.01em;
    padding: 5px 0 10px 25px;
    font-weight: bold;
    letter-spacing: 0.03em;
}

#sec_oversea_location .inner h1:before {
    content: '';
    position: absolute;
    top: 40%;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 4px;
    background-color: #2B5F97;
}
#sec_oversea_location .inner .location_box{
    overflow: hidden;
    display: block;
    padding: 0 0px;
    box-sizing: border-box;
}

#sec_oversea_location .inner .location_box p{
    font-size: 14px;
    color: #222222;
    margin-bottom: 20px;
    line-height: 2;
}

#sec_oversea_location .inner .location_figure{
    
    padding: 0;
    margin: 0px;
    overflow: hidden;
    text-align: center;
    display: block;
}
#sec_oversea_location .inner .location_figure img{
    width: 100%;
    max-width: 1200px;
}

#sec_oversea_location .inner .location_figure p{
    text-align: left;
    margin-left: 0px;
}



/*  画面サイズが640pxまで  */
@media screen and (min-width: 640px) {
    #sec_oversea_location .inner h1 {
        font-size: 34px;
        padding: 5px 0 10px 30px;
    }
    
    #sec_oversea_location .inner h1:before {
        top: 45%;
    }
    
    #sec_oversea_location .inner .location_box{
        padding: 0 30px;
    }
    #sec_oversea_location .inner .location_box p{
        font-size: 16px;
    }
    
    #sec_oversea_location .inner .location_figure{
        padding: 0;
        margin: 0px;
        overflow: hidden;
        text-align: center;
        display: block;
    }
    
    #sec_oversea_location .inner .location_figure p{
        text-align: left;
        margin-left: 0px;
    }
}


@media screen and (min-width: 1000px) {

    #sec_oversea_location{
        margin:0;
        padding:50px 0 80px 0;
        text-align: left;
    }
    
    #sec_oversea_location .inner{
        padding: 0 10px;
    }
    #sec_oversea_location .inner .location_figure{
        padding: 0;
        margin: 20px;
        overflow: hidden;
        text-align: center;
    }
    #sec_oversea_location .inner .location_figure p{
        text-align: left;
        margin-left: 110px;
    }
    
}


/* sec_oversea_about
------------------------------------------------------------*/

#sec_oversea_about{
    margin:0;
    padding:30px 0 10px 0;
    text-align: left;
}

#sec_oversea_about .inner{
    margin: 0 auto;
    max-width: 1460px;
    overflow: hidden;
    padding: 0 10px;
}


#sec_oversea_about .inner h1 {
    position: relative;
    display: block;
    text-align: left;
    font-size: 20px;
    color: #1F4672;
    box-sizing: border-box;
    line-height: 1.6;
    letter-spacing: 0.01em;
    padding: 5px 0 10px 25px;
    font-weight: bold;
    letter-spacing: 0.03em;
}

#sec_oversea_about .inner h1:before {
    content: '';
    position: absolute;
    top: 40%;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 4px;
    background-color: #2B5F97;
}
#sec_oversea_about .inner .about_box{
    overflow: hidden;
    display: block;
    padding: 0 0px;
    box-sizing: border-box;
}

#sec_oversea_about .inner .about_box p{
    font-size: 14px;
    color: #222222;
    margin-bottom: 20px;
    line-height: 2;
}

#sec_oversea_about .inner .about_box p.catch{
    font-size: 18px;
    font-weight: bold;
    font-family: 'Noto Serif JP', sans-serif;
    letter-spacing: 0.05em;
    line-height: 1.8;
    margin-bottom: 20px;
    margin-top: 0;
}

#sec_oversea_about .inner .relationship_box{
    overflow: hidden;
    display: block;
    padding: 0px 0px;
    box-sizing: border-box;
    margin: 0 auto;
    text-align: center;
}

#sec_oversea_about .inner .relationship_box img{
    text-align: center;
    margin: 0 auto;
}

.oversea_relationship_pc{
    display:none;
    width: 100%;
    max-width: 1200px;
    
}
.oversea_relationship_sp{
    display:block;
    width: 100%;
    max-width: 600px;
}




/*  画面サイズが640pxまで  */
@media screen and (min-width: 640px) {
    #sec_oversea_about .inner h1 {
        font-size: 34px;
        padding: 5px 0 10px 30px;
    }
    
    #sec_oversea_about .inner h1:before {
        top: 45%;
    }
    
    #sec_oversea_about .inner .about_box{
        padding: 0 30px;
    }
    #sec_oversea_about .inner .about_box p{
        font-size: 16px;
    }
    #sec_oversea_about .inner .about_box p.catch{
        font-size: 26px;
        margin-bottom: 30px;
        margin-top: 10px;
    }
    #sec_oversea_about .inner .relationship_box{
        padding: 20px 0px　20px 0px;
    }
    .oversea_relationship_pc{
        display:block;   
    }
    .oversea_relationship_sp{
        display:none;   
    }

    
    
}


@media screen and (min-width: 1000px) {

    #sec_oversea_about{
        margin:0;
        padding:50px 0 30px 0;
        text-align: left;
    }
    
    #sec_oversea_about .inner{
        padding: 0 10px;
    }
    #sec_oversea_about .inner .about_box p.catch{
        font-size: 32px;
    }
}



/* sec_machine_tokutyou
------------------------------------------------------------*/

#sec_machine_tokutyou{
    margin:0;
    padding:30px 0 10px 0;
    text-align: left;
}

#sec_machine_tokutyou .inner{
    margin: 0 auto;
    max-width: 1460px;
    overflow: hidden;
    padding: 0 10px;
}


#sec_machine_tokutyou .inner h1 {
    position: relative;
    display: block;
    text-align: left;
    font-size: 20px;
    color: #005F66;
    box-sizing: border-box;
    line-height: 1.6;
    letter-spacing: 0.01em;
    padding: 5px 0 10px 25px;
    font-weight: bold;
    letter-spacing: 0.03em;
}

#sec_machine_tokutyou .inner h1:before {
    content: '';
    position: absolute;
    top: 40%;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 4px;
    background-color: #005F66;
}
#sec_machine_tokutyou .inner .tokutyou_box{
    overflow: hidden;
    display: block;
    padding: 0 0px;
    box-sizing: border-box;
}

#sec_machine_tokutyou .inner .tokutyou_box p{
    font-size: 14px;
    color: #222222;
    margin-bottom: 20px;
    line-height: 2;
}


a.pvd_btn {
    display: block;
    position: relative;
    width: auto;
    max-width: 400px;
    padding: 5px 0;
    text-align: center;
    text-decoration: none;
    background: -webkit-gradient(90deg, #00686C 35%, #00474A);
    background: linear-gradient(90deg, #00686C 35%, #00474A);
    overflow: hidden;
    font-size: 18px;
    font-weight:bold;
    color: #fff !important;
    letter-spacing: 0.05em;
    line-height: 2.5;
    margin: 0 auto;
}

a.pvd_btn:hover {
    color: #fff !important;
    background: -webkit-gradient(90deg, #00474A 35%, #00686C);
    background: linear-gradient(90deg, #00474A 35%, #00686C);
}




/*  画面サイズが640pxまで  */
@media screen and (min-width: 640px) {
    #sec_machine_tokutyou .inner h1 {
        font-size: 34px;
        padding: 5px 0 10px 30px;
    }
    
    #sec_machine_tokutyou .inner h1:before {
        top: 45%;
    }
    
    #sec_machine_tokutyou .inner .tokutyou_box{
        padding: 0 30px;
    }
    #sec_machine_tokutyou .inner .tokutyou_box p{
        font-size: 16px;
    }
    
   	a.pvd_btn {
        margin: 0;
        font-size: 22px;
    }
}


@media screen and (min-width: 1000px) {

    #sec_machine_tokutyou{
        margin:0;
        padding:50px 0 0 0;
        text-align: left;
    }
    
    #sec_machine_tokutyou .inner{
        padding: 0 10px;
    }
 
}







/* sec_machine_features
------------------------------------------------------------*/

#sec_machine_features{
    margin:0;
    padding:30px 0 10px 0;
    text-align: left;
}

#sec_machine_features .inner{
    margin: 0 auto;
    max-width: 1460px;
    overflow: hidden;
    padding: 0 10px;
}
#sec_machine_features .inner2{
    margin: 0 auto;
    max-width: 1400px;
    overflow: hidden;
    padding: 0 10px;
}

#sec_machine_features .inner h1 {
    position: relative;
    display: block;
    text-align: left;
    font-size: 20px;
    color: #005F66;
    box-sizing: border-box;
    line-height: 1.6;
    letter-spacing: 0.01em;
    padding: 5px 0 10px 25px;
    font-weight: bold;
    letter-spacing: 0.03em;
}

#sec_machine_features .inner h1:before {
    content: '';
    position: absolute;
    top: 40%;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 4px;
    background-color: #005F66;
}
#sec_machine_features .inner .features_box{
    overflow: hidden;
    display: block;
    padding: 0 0px;
    box-sizing: border-box;
}

#sec_machine_features .inner .features_box p{
    font-size: 14px;
    color: #222222;
    margin-bottom: 20px;
    line-height: 2;
}
.machine_col_3{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
    margin-top: 20px;
}

.machine_col_3 > div{
    width: 100%;
    padding: 10px 10px 80px 10px;
    box-sizing: border-box;
    border:10px solid #DDDDDD;
    margin: 0 0 20px 0;
    background: #FFF;
    position: relative;
}
.machine_col_3 > div.mc3_en{
    width: 100%;
    padding: 10px 10px 140px 10px;
    box-sizing: border-box;
    border:10px solid #DDDDDD;
    margin: 0 0 20px 0;
    background: #FFF;
    position: relative;
}



.machine_col_3 .number{
    text-align: center;
    font-size: 20px;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    color: #00686C;
    margin: 10px 0 10px 0;
}
.machine_col_3 .number2{
    text-align: center;
    font-size: 20px;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    color: #FF4000;
    margin: 10px 0 10px 0;
}
.machine_col_3 .number img{
    display: block;
    margin: 0 auto;
}
.machine_col_3 .number2 img{
    display: block;
    margin: 0 auto;
}

.machine_col_3 h2{
    display: table;
    height: auto;
    width: 100%;
    font-size: 14px;
    text-align: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #CCC;
}
.machine_col_3 h2 p{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: auto;
    letter-spacing: 0.01em;
}
.machine_col_3 h2 p.price{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: auto;
    letter-spacing: 0.01em;
    color: #FF4000;
}
.machine_col_3 p.c3_description{
    padding: 20px 10px 10px 10px;
    box-sizing: border-box;
    font-size: 14px;
}
.machine_col_3 .mc3_btn_box{
    padding: 20px;
    box-sizing: border-box;
    font-size: 14px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    
}
a.machine_features_btn {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 12px 0 15px 0;
    text-align: center;
    text-decoration: none;
    background: -webkit-gradient(90deg, #00686C 35%, #00474A);
    background: linear-gradient(90deg, #00686C 35%, #00474A);
    overflow: hidden;
    font-size: 14px;
    font-weight:normal;
    color: #fff !important;
    letter-spacing: 0.02em;
    line-height: 1.8;
    box-sizing: border-box;
}

a.machine_features_btn span{
	font-size: 80%;
}

a.machine_features_btn:hover {
    color: #fff !important;
    background: -webkit-gradient(90deg, #00474A 35%, #00686C);
    background: linear-gradient(90deg, #00474A 35%, #00686C);
}
a.machine_features_btn2 {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 12px 0 15px 0;
    text-align: center;
    text-decoration: none;
    background: -webkit-gradient(90deg, #FF4000 35%, #d94310);
    background: linear-gradient(90deg, #FF4000 35%, #d94310);
    overflow: hidden;
    font-size: 14px;
    font-weight:normal;
    color: #fff !important;
    letter-spacing: 0.02em;
    line-height: 1.8;
    box-sizing: border-box;
}
a.machine_features_btn2 span{
	font-size: 80%;
}

a.machine_features_btn2:hover {
    color: #fff !important;
    background: -webkit-gradient(90deg, #d94310 35%, #FF4000);
    background: linear-gradient(90deg, #d94310 35%, #FF4000);
}




/*  画面サイズが640pxまで  */
@media screen and (min-width: 640px) {
    #sec_machine_features .inner h1 {
        font-size: 34px;
        padding: 5px 0 10px 30px;
    }
    
    #sec_machine_features .inner h1:before {
        top: 45%;
    }
    
    #sec_machine_features .inner .features_box{
        padding: 0 30px;
    }
    #sec_machine_features .inner .features_box p{
        font-size: 16px;
    }
    
    .machine_col_3 > div{
		width: calc( (100% - 80px) / 2);
        padding: 30px 30px 80px 30px;
        margin: 0 20px 40px 20px;
        box-sizing: border-box;
	}
	
	.machine_col_3 > div.mc3_en{
        width: calc( (100% - 80px) / 2);
        padding: 30px 30px 140px 30px;
        margin: 0 20px 40px 20px;
        box-sizing: border-box;
    }
	
	
    .machine_col_3 h2{
        font-size: 16px;
    }
    
    
    .machine_col_3 h2{
        height: 80px;
    }
    .machine_col_3 h2 p{
        height: 80px;
    }
    a.machine_features_btn {
        font-size: 16px;
    }
    a.machine_features_btn2 {
        font-size: 16px;
    }
}


@media screen and (min-width: 1000px) {

    #sec_machine_features{
        margin:0;
        padding:50px 0 0 0;
        text-align: left;
    }
    
    #sec_machine_features .inner{
        padding: 0 10px;
    }
    .machine_col_3 > div{
        width: calc( (100% - 120px) / 3);
        padding: 30px 30px 80px 30px;
        box-sizing: border-box;
    }
	
	.machine_col_3 > div.mc3_en{
        width: calc( (100% - 120px) / 3);
        padding: 30px 30px 140px 30px;
        box-sizing: border-box;
    }
	
    .machine_col_3 h2{
        font-size: 20px;
    }
}



/* sec_machine_lineup
------------------------------------------------------------*/

#sec_machine_lineup{
    margin:0;
    padding:30px 0 30px 0;
    text-align: left;
}

#sec_machine_lineup .inner{
    margin: 0 auto;
    max-width: 1460px;
    overflow: hidden;
    padding: 0 10px;
}


#sec_machine_lineup .inner h1 {
    position: relative;
    display: block;
    text-align: left;
    font-size: 20px;
    color: #005F66;
    box-sizing: border-box;
    line-height: 1.6;
    letter-spacing: 0.01em;
    padding: 5px 0 10px 25px;
    font-weight: bold;
    letter-spacing: 0.03em;
}

#sec_machine_lineup .inner h1:before {
    content: '';
    position: absolute;
    top: 40%;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 4px;
    background-color: #005F66;
}

#sec_machine_lineup .inner .results_box{
    overflow: hidden;
    display: block;
    padding: 0 0px;
    box-sizing: border-box;
}

#sec_machine_lineup .inner .results_box p{
    font-size: 14px;
    color: #222222;
    margin-bottom: 20px;
    line-height: 2;
}

.machine_col_lineup{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
    margin-top: 20px;
}

.machine_col_lineup > div{
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    /* border:1px solid #DDDDDD; */
    margin: 0 0 20px 0;
}

.machine_col_lineup h2{
    font-size: 24px;
    color: #FFF;
    padding: 15px 20px 10px 20px;
    line-height: 1.8;
}

.machine_col_lineup h2.mlm_m_series{
    background: #333F50;
    text-align: center;
}
.machine_col_lineup h2.mlm_ids_series{
    background: #548235;
    text-align: center;
}
.machine_col_lineup h2 span{
    display: block;
    padding: 0 !important;
    margin: 0 !important;
    width: 100%;
    line-height: 1;
    font-size: 14px;
    text-align: center;
}

.machine_col_lineup .lineup_left{
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    max-width: 1000px;
    padding: 30px 20px;
    box-sizing: border-box;
    background: #EEE9F3;
    z-index: 20;
    overflow: hidden;
}

.machine_col_lineup .lineup_right{
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    max-width: 1000px;
    padding: 30px 20px;
    box-sizing: border-box;
    background: #E5F0F0;
}

.machine_col_lineup .lineup_left p{
    font-size: 14px;
    line-height: 1.9;
    box-sizing: border-box;
    margin-bottom: 40px;
}
.machine_col_lineup .lineup_right p{
    font-size: 14px;
    line-height: 1.9;
    box-sizing: border-box;
    margin-bottom: 40px;
}


a.btn--lineup_pdf {
    color: #fff;
    background-color: #333F50;
    text-decoration: none;
    padding: 3px 15px 5px 15px;
    margin-top: 10px;
    border-radius: 0px;
    font-size: 14px;
    margin-left: 0px;
    display:table;
    letter-spacing: 0.05em;
}

a.btn--lineup_pdf:hover {
    color: #fff;
    background: #CC0000;
}

a.btn--lineup_pdf img{
    vertical-align: text-bottom;
    margin-left: 5px;
    width: 14px;
}

a.btn--lineup_pdf2 {
    color: #fff;
    background-color: #548235;
    text-decoration: none;
    padding: 3px 15px 5px 15px;
    margin-top: 10px;
    border-radius: 0px;
    font-size: 14px;
    margin-left: 0px;
    display:table;
    letter-spacing: 0.05em;
}

a.btn--lineup_pdf2:hover {
    color: #fff;
    background: #CC0000;
}

a.btn--lineup_pdf2 img{
    vertical-align: text-bottom;
    margin-left: 5px;
    width: 14px;
}


.f_right_machine_lineup{
    float: right;
    margin-bottom: 5px;
    margin-left: 10px;
    width: 160px;
}


a.m_series_btn {
    
    clear: both;
    display: block;

    max-width: 100%;
    padding: 15px 0;
    text-align: center;
    text-decoration: none;
    background:#333F50;
    overflow: hidden;
    font-size: 14px;
    font-weight:bold;
    color: #fff !important;
    letter-spacing: 0.05em;
    line-height: 1.8;
    margin: 10px 0px 0px 0px;
}

a.m_series_btn:hover {
    color: #fff !important;
    background:#48576c;
}

a.ids_series_btn {
    clear: both;
    display: block;
    position: relative;
    width: auto;
    max-width: 100%;
    padding: 15px 0;
    text-align: center;
    text-decoration: none;
    background:#548235;
    overflow: hidden;
    font-size: 14px;
    font-weight:bold;
    color: #fff !important;
    letter-spacing: 0.05em;
    line-height: 1.8;
    margin: 10px 0px 0px 0px;
}

a.ids_series_btn:hover {
    color: #fff !important;
    background:#71a34f;
}

h2.machine_taiou{
    position: relative;
	padding: 0 0 20px 25px;
    font-size: 20px;
    color: #1F1F1F;
}
h2.machine_taiou::after {
	position: absolute;
	content: '';
	top: 11px;
	left: 0;
	width: 16px;
	height: 16px;
	background-color: #1F1F1F;
}

h2.machine_results{
    position: relative;
	padding: 0 0 10px 25px;
    font-size: 20px;
    color: #1F1F1F;
}
h2.machine_results::after {
	position: absolute;
	content: '';
	top: 11px;
	left: 0;
	width: 16px;
	height: 16px;
	background-color: #1F1F1F;
}

/*  画面サイズが640pxまで  */
@media screen and (min-width: 640px) {
    #sec_machine_lineup .inner h1 {
        font-size: 34px;
        padding: 5px 0 10px 30px;
    }
    
    
    
    a.m_series_btn {
        margin: 10px 50px 30px 50px;
        font-size: 18px;
    }


    a.ids_series_btn {
        margin: 10px 50px 30px 50px;
        font-size: 18px;
    }
    
    h2.machine_taiou{
        position: relative;
        padding: 0 0 20px 25px;
        font-size: 24px;
        color: #1F1F1F;
    }
    h2.machine_taiou::after {
        position: absolute;
        content: '';
        top: 15px;
        left: 0;
        width: 16px;
        height: 16px;
        background-color: #1F1F1F;
    }
    
    h2.machine_results{
        position: relative;
        padding: 0 0 10px 25px;
        font-size: 24px;
        color: #1F1F1F;
    }
    h2.machine_results::after {
        position: absolute;
        content: '';
        top: 15px;
        left: 0;
        width: 16px;
        height: 16px;
        background-color: #1F1F1F;
    }
    
    a.btn--lineup_pdf {
        color: #fff;
        background-color: #333F50;
        text-decoration: none;
        padding: 2px 15px 5px 15px;
        margin-top: 10px;
        border-radius: 0px;
        font-size: 16px;
        margin-left: 0px;
        display:table;
    }

    a.btn--lineup_pdf img{
        vertical-align:text-bottom;
        margin-left: 5px;
        width: 17px;
    }
    
    a.btn--lineup_pdf2 {
        color: #fff;
        background-color: #548235;
        text-decoration: none;
        padding: 2px 15px 5px 15px;
        margin-top: 10px;
        border-radius: 0px;
        font-size: 16px;
        margin-left: 0px;
        display:table;
    }

    a.btn--lineup_pdf2 img{
        vertical-align:text-bottom;
        margin-left: 5px;
        width: 17px;
    }
    
}



@media screen and (min-width: 1000px) {

    #sec_machine_lineup{
        margin:0;
        padding:50px 0 40px 0;
        text-align: left;
    }
    
    #sec_machine_lineup .inner{
        padding: 0 10px;
    }
    
    .machine_col_lineup > div{
        width: calc( (100% - 40px) / 2);
        padding: 0px;
        box-sizing: border-box;
    }
    .machine_col_lineup > div:first-child{
        margin-right: 40px;
    }
    .machine_col_lineup h2{
        font-size: 28px;
        color: #FFF;
        padding: 20px 40px 20px 40px;
        line-height: 1.5;
    }

    .machine_col_lineup h2 span{
        display: block;
        padding: 0;
        margin: 0;
        line-height: 1;
        font-size: 18px;
    }
    
    .machine_col_lineup .lineup_left{
        padding: 30px 30px 30px 50px;
    }

    .machine_col_lineup .lineup_right{
        padding: 30px 30px 30px 50px;
    }
    
    .machine_col_lineup .lineup_left p{
        font-size: 16px;
    }
    .machine_col_lineup .lineup_right p{
        font-size: 16px;
    }
    
    a.m_series_btn {
        margin: 10px 50px 0px 30px;
        font-size: 18px;
    }


    a.ids_series_btn {
        margin: 10px 50px 0px 30px;
        font-size: 18px;
    }
    .f_right_machine_lineup{
        float: right;
        margin-bottom: 20px;
        margin-left: 20px;
        width: auto;
    }
}



#sec_machine_lineup table.tbl_machine_taiou {
    border-collapse: collapse;
    width: 100%;
    border-collapse:separate;
    border-spacing:2px;
}
#sec_machine_lineup table.tbl_machine_taiou td {
    padding: 5px 10px 7px 10px;
    background: #CFD5EA;
    text-align: center;
}

#sec_machine_lineup table.tbl_machine_taiou td p{
    
}

#sec_machine_lineup table.tbl_machine_taiou th {
    background: #1A66A4;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
}
#sec_machine_lineup table.tbl_machine_taiou th a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px;
    box-sizing: border-box;
    text-decoration: none;
    color: #FFF;
}

#sec_machine_lineup table.tbl_machine_taiou th a:hover {
    color: #FFFF00;
}

#sec_machine_lineup table.tbl_machine_taiou th.mc_th01{
    width: 160px;
}
#sec_machine_lineup table.tbl_machine_taiou th.mc_th02{
    width: 100px;
    background: #333F50;
}
#sec_machine_lineup table.tbl_machine_taiou th.mc_th03{
    width: 100px;
    background: #548235;
}

#sec_machine_lineup table.tbl_machine_taiou th.mc_th04{
    width: 100px;
    background: #203864;
}


#sec_machine_lineup table.tbl_machine_taiou td.mc_f01{
    background: #CFD5EA;
    color: #212121;
    text-align: center;
    font-size: 12px;
    font-weight: normal;
}
#sec_machine_lineup table.tbl_machine_taiou td.mc_f01_l{
    background: #CFD5EA;
    color: #212121;
    text-align: left;
    font-size: 12px;
    font-weight: normal;
}
#sec_machine_lineup table.tbl_machine_taiou td.mc_f01_l_n{
    background: #E9EBF5;
    color: #212121;
    text-align: left;
    font-size: 12px;
    font-weight: normal;
}



#sec_machine_lineup table.tbl_machine_taiou td.mc_f02{
    background: #ADB9CA;
    font-size: 12px;
}

#sec_machine_lineup table.tbl_machine_taiou td.mc_f02_n{
    background: #E9EBF5;
    font-size: 12px;
}
#sec_machine_lineup table.tbl_machine_taiou td.mc_f03{
    background: #C5E0B4;
    font-size: 12px;
}
#sec_machine_lineup table.tbl_machine_taiou td.mc_f03_n{
    background: #E9EBF5;
    font-size: 12px;
}

#sec_machine_lineup table.tbl_machine_taiou td.mc_f04{
    background: #B4C7E7;
    font-size: 12px;
}
#sec_machine_lineup table.tbl_machine_taiou td.mc_f04_n{
    background: #E9EBF5;
    font-size: 12px;
}

#sec_machine_lineup p.sml_notes1{
    font-weight: normal;
    padding-left:1.5em;
    text-indent:-1.5em;
    margin-top: 10px;
}
#sec_machine_lineup p.sml_notes2{
    font-weight: normal;
    padding-left:2.3em;
    text-indent:-2.3em;
}

/*  画面サイズが640pxまで  */
@media screen and (min-width: 640px) {

    
    #sec_machine_lineup table.tbl_machine_taiou th {
        font-size: 18px;
        font-weight: bold;
    }
    #sec_machine_lineup table.tbl_machine_taiou td.mc_f01{
        font-size: 18px;
    }
    #sec_machine_lineup table.tbl_machine_taiou td.mc_f01_l{
        font-size: 18px;
    }
    #sec_machine_lineup table.tbl_machine_taiou td.mc_f01_l_n{
        font-size: 18px;
    }



    #sec_machine_lineup table.tbl_machine_taiou td.mc_f02{
        font-size: 24px;
    }

    #sec_machine_lineup table.tbl_machine_taiou td.mc_f02_n{
        font-size: 24px;
    }
    #sec_machine_lineup table.tbl_machine_taiou td.mc_f03{
        font-size: 24px;
    }
    #sec_machine_lineup table.tbl_machine_taiou td.mc_f03_n{
        font-size: 24px;
    }
    #sec_machine_lineup table.tbl_machine_taiou td.mc_f04{
        font-size: 24px;
    }
    #sec_machine_lineup table.tbl_machine_taiou td.mc_f04_n{
        font-size: 24px;
    }
    #sec_machine_lineup .inner .results_box p{
        font-size: 16px;
    }
}



/* sec_machine_technical_information
------------------------------------------------------------*/

#sec_machine_technical_information{
    margin:0;
    padding:10px 0 30px 0;
    text-align: left;
}

#sec_machine_technical_information .inner{
    margin: 0 auto;
    max-width: 1460px;
    overflow: hidden;
    padding: 0 10px;
}
#sec_machine_technical_information .inner2{
    margin: 0 auto;
    max-width: 1460px;
    overflow: hidden;
    padding: 0 10px;
}

#sec_machine_technical_information .inner h1 {
    position: relative;
    display: block;
    text-align: left;
    font-size: 26px;
    color: #1F1F1F;
    box-sizing: border-box;
    line-height: 1.6;
    letter-spacing: 0.01em;
    padding: 8px 0 10px 20px;
    font-weight: bold;
    letter-spacing: 0.03em;
    float: left;
}

#sec_machine_technical_information .inner h1:before {
    content: '';
    position: absolute;
    top: 20%;
    left: 0;
    display: inline-block;
    width: 3px;
    height: 40px;
    background-color: #2B5F97;
}
#sec_machine_technical_information .inner h1:after {
    content: '';
    position: absolute;
    top: 48%;
    width: 30px;
    height: 1px;
    background-color: #666;
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg);
    margin-left: 10px;
    display: none;
}


#sec_machine_technical_information .inner2 h1 {
    position: relative;
    display: block;
    text-align: left;
    font-size: 20px;
    color: #005F66;
    box-sizing: border-box;
    line-height: 1.6;
    letter-spacing: 0.01em;
    padding: 5px 0 10px 25px;
    font-weight: bold;
    letter-spacing: 0.03em;
}

#sec_machine_technical_information .inner2 h1:before {
    content: '';
    position: absolute;
    top: 40%;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 4px;
    background-color: #005F66;
}



#sec_machine_technical_information .inner span{
    font-size: 16px;
    vertical-align: middle;
    letter-spacing: 0.01em;
    color: #1F4672;
    margin-left: 50px;
    margin-top: 20px;
    float: left;
    font-weight: bold;
    display: none;
}


#sec_machine_technical_information .inner .technical_info_box{
    clear: both;
    width: 100%;
    margin-bottom: 50px;
}
#sec_machine_technical_information .inner .technical_info_box ul{
    margin: 0 auto;

    overflow: hidden;
    border-top: 1px solid #CCCCCC;
    margin-top: 40px;
    margin-bottom: 20px;
    clear: both;
}

#sec_machine_technical_information .inner .technical_info_box ul li{
    border-bottom: 1px solid #CCCCCC;
    padding: 0px 0 10px 0;
    overflow: hidden;
}

#sec_machine_technical_information .inner .technical_info_box ul li a{
    text-decoration: none;
    color: #333;
    font-size: 13px;
}
#sec_machine_technical_information .inner .technical_info_box ul li a:hover{
    text-decoration:underline;
}


#sec_machine_technical_information .inner .technical_info_box .tec_itext_box{
    box-sizing: border-box;
    letter-spacing: 0.05em;
    font-size: 16px;
    margin-left: 5px;
    margin-top: 5px;
    float: left;
}
#sec_machine_technical_information .inner .technical_info_box .tec_info_date{
    background: #2B5F97;
    color:#FFF;
    font-size: 13px;
    padding: 2px 20px;
    margin-left: 5px;
    font-weight: normal;
    letter-spacing: 1px;
    float: left;
    display:block;
}





/*  画面サイズが640pxまで  */
@media screen and (min-width: 640px) {
    #sec_machine_technical_information .inner h1 {
        font-size: 34px;
        padding: 5px 0 10px 20px;
    }
    #sec_machine_technical_information .inner h1:after {
        content: '';
        position: absolute;
        top: 48%;
        width: 30px;
        height: 1px;
        background-color: #666;
        -webkit-transform: rotate(-60deg);
        transform: rotate(-60deg);
        margin-left: 10px;
        display: inline-block;
    }
    
    #sec_machine_technical_information .inner2 h1 {
        font-size: 34px;
        padding: 5px 0 10px 30px;
    }
    
    #sec_machine_technical_information .inner2 h1:before {
        top: 45%;
    }
    
    
    #sec_machine_technical_information .inner span{
        font-size: 16px;
        vertical-align: middle;
        letter-spacing: 0.01em;
        color: #1F4672;
        margin-left: 50px;
        margin-top: 20px;
        float: left;
        font-weight: bold;
        display: block;
    }
    
    #sec_machine_technical_information .inner .technical_info_box ul li{
        padding: 0px 0 20px 0;
    }
    #sec_machine_technical_information .inner .technical_info_box ul li a{
        font-size: 14px;
    }
    
    #sec_machine_technical_information .inner .technical_info_box .tec_info_date{
        padding: 5px 20px;
        margin-left: 20px;
    }
    #sec_machine_technical_information .inner .technical_info_box .tec_itext_box{
        font-size: 16px;
        margin-top: 20px;
    }
    #sec_machine_technical_information .inner .technical_info_box .tec_idate_box{
        float: left;
        width: 150px;
    }
    #sec_machine_technical_information .inner .technical_info_box .tec_itext_box{
        float: left;
        width: calc(100% - 180px);
    }
    
    
}



@media screen and (min-width: 1000px) {

    #sec_machine_technical_information{
        margin:0;
        padding:20px 0 20px 0;
        text-align: left;
    }
    
    #sec_machine_technical_information .inner{
        padding: 0 10px;
    }
    #sec_machine_technical_information .inner2{
        padding: 0 10px;
    }
}





/* sec_machine_support
------------------------------------------------------------*/

#sec_machine_support{
    margin:0;
    padding:30px 0 10px 0;
    text-align: left;
}

#sec_machine_support .inner{
    margin: 0 auto;
    max-width: 1460px;
    overflow: hidden;
    padding: 0 10px;
}


#sec_machine_support .inner h1 {
    position: relative;
    display: block;
    text-align: left;
    font-size: 20px;
    color: #005F66;
    box-sizing: border-box;
    line-height: 1.6;
    letter-spacing: 0.01em;
    padding: 5px 0 10px 25px;
    font-weight: bold;
    letter-spacing: 0.03em;
}

#sec_machine_support .inner h1:before {
    content: '';
    position: absolute;
    top: 40%;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 4px;
    background-color: #005F66;
}
#sec_machine_support .inner .support_box{
    overflow: hidden;
    display: block;
    padding: 0 0px;
    box-sizing: border-box;
}

#sec_machine_support .inner .support_box p{
    font-size: 14px;
    color: #222222;
    margin-bottom: 20px;
    line-height: 2;
}



#sec_machine_support .inner .support_list{
    overflow: hidden;
    display: block;
    padding: 20px 0px 20px 0px;
    box-sizing: border-box;
}


#sec_machine_support .inner .support_list .list_box{
    float: left;
    width: 100%;
    margin: 0 0 20px 0px;
    box-sizing: border-box;
}



#sec_machine_support .inner .support_list .list_box ul{
    list-style: none;
}
#sec_machine_support .inner .support_list .list_box ul li{
    border-bottom: 1px dotted #CCC;
    padding: 20px 0 20px 0;
}

#sec_machine_support .inner .support_list .list_box ul li p{
    padding-left: 25px;
    margin-top: 10px;
    box-sizing: border-box;
}

#sec_machine_support .inner .support_list .list_box h2{
    font-size: 16px;
}

.support_free{
    background: #008C69;
    color: #FFF;
    font-size: 12px;
    font-weight: normal;
    padding: 0px 15px 2px 15px;
    border-radius: 3px;
    margin-left: 20px;
    letter-spacing: 0.1em;
    display:inline-block;
}
.support_paid{
    background: #FF4000;
    color: #FFF;
    font-size: 12px;
    font-weight: normal;
    padding: 0px 15px 2px 15px;
    border-radius: 3px;
    margin-left: 20px;
    letter-spacing: 0.1em;
    display:inline-block;
}


a.btn--support_pdf {
    color: #fff;
    background-color: #FF0000;
    text-decoration: none;
    padding: 0px 15px 2px 15px;
    border-radius: 3px;
    font-size: 12px;
    margin-left: 20px;
    display:inline-block;
}

a.btn--support_pdf:hover {
    color: #fff;
    background: #CC0000;
}

a.btn--support_pdf img{
    vertical-align:text-bottom;
    margin-left: 5px;
    width: 12px;
}




#sec_machine_support .inner .support_list .list_box h2::before {
	display: inline-block;
	content: "";
	margin-top: 10px;
	margin-right: 8px;
	width: 12px;
	height: 12px;
	vertical-align: top;
	border-radius: 8px;
	background-color: #00666C;
}

#sec_machine_support .inner .support_list .support_image{
    float: right;
    width: 100%;
    margin: 0 0 20px 0;
    box-sizing: border-box;
    text-align: center;
    margin: 0 auto;
}

#sec_machine_support .inner .support_list .support_image img{
    text-align: center;
    width: 100%;
    max-width: 580px;
}

#sec_machine_support .inner .support_list .support_image img.option{
    text-align: center;
    width: 100%;
    max-width: 580px;
    border: 1px solid #CCC;
    box-sizing: border-box;
}

#sec_machine_support .inner .support_list .list_box .remote_control{
    position: relative;
	padding: 0 0 0px 25px;
    font-size: 20px;
    color: #1F1F1F;
    font-weight: bold;
}
#sec_machine_support .inner .support_list .list_box .remote_control::after {
	position: absolute;
	content: '';
	top: 11px;
	left: 0;
	width: 16px;
	height: 16px;
	background-color: #1F1F1F;
}


/*  画面サイズが640pxまで  */
@media screen and (min-width: 640px) {
    #sec_machine_support .inner h1 {
        font-size: 34px;
        padding: 5px 0 10px 30px;
    }
    
    #sec_machine_support .inner h1:before {
        top: 45%;
    }
    
    #sec_machine_support .inner .support_box{
        padding: 0 30px;
    }
    #sec_machine_support .inner .support_box p{
        font-size: 16px;
    }
    
    #sec_machine_support .inner .support_list .list_box h2{
        font-size: 22px;
    }
    
    #sec_machine_support .inner .support_list .list_box h2::before {
        display: inline-block;
        content: "";
        margin-top: 13px;
        margin-right: 10px;
        width: 15px;
        height: 15px;
        vertical-align: top;
        border-radius: 8px;
        background-color: #00666C;
    }
    
    
    .support_free{
        background: #008C69;
        color: #FFF;
        font-size: 16px;
        font-weight: normal;
        padding: 0px 15px 2px 15px;
        border-radius: 3px;
        margin-left: 20px;
        letter-spacing: 0.1em;
    }
    .support_paid{
        background: #FF4000;
        color: #FFF;
        font-size: 16px;
        font-weight: normal;
        padding: 0px 15px 2px 15px;
        border-radius: 3px;
        margin-left: 20px;
        letter-spacing: 0.1em;
    }


    a.btn--support_pdf {
        color: #fff;
        background-color: #FF0000;
        text-decoration: none;
        padding: 0px 15px 2px 15px;
        border-radius: 3px;
        font-size: 16px;
        margin-left: 20px;
        display:inline-block;
    }

    a.btn--support_pdf img{
        vertical-align:text-bottom;
        margin-left: 5px;
        width: 17px;
    }
    
    #sec_machine_support .inner .support_list .list_box .remote_control{
        position: relative;
        padding: 0 0 10px 25px;
        font-size: 24px;
        color: #1F1F1F;
        font-weight: bold;
    }
    #sec_machine_support .inner .support_list .list_box .remote_control::after {
        position: absolute;
        content: '';
        top: 15px;
        left: 0;
        width: 16px;
        height: 16px;
        background-color: #1F1F1F;
    }
    
    
}


@media screen and (min-width: 1000px) {

    #sec_machine_support{
        margin:0;
        padding:10px 0 50px 0;
        text-align: left;
    }
    
    #sec_machine_support .inner{
        padding: 0 10px;
    }
   
    #sec_machine_support .inner .support_list .list_box{
        float: left;
        width: 55%;
        margin: 0 0 20px 30px;
        box-sizing: border-box;
    }
    
    #sec_machine_support .inner .support_list .support_image{
        float: right;
        width: 40%;
        max-width: 580px;
        margin: 0 0 20px 0;
        box-sizing: border-box;
    }
    #sec_machine_support .inner .support_list .support_image img{
        text-align: right;
        width: 100%;
        max-width: 580px;
    }
}





/* sec_machine_banner
------------------------------------------------------------*/

#sec_machine_banner{
    margin:0;
    padding:30px 0 10px 0;
    text-align: left;
}

#sec_machine_banner .inner{
    margin: 0 auto;
    max-width: 1360px;
    overflow: hidden;
    padding: 0 10px;
}

#sec_machine_banner .inner img{
    width: 100%;
}

#sec_machine_banner .inner .banner_box{
    overflow: hidden;
    display: block;
    padding: 0;
    margin-top: 20px;
    box-sizing: border-box;
}

#sec_machine_banner .inner .banner_box .contact_left{
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    max-width: 1000px;
    box-sizing: border-box;
    text-align: center;
    background: #214976;
    outline : 3px solid #FFFFFF; /* 線の太さ・線状・色 */
    outline-offset : -10px;
    padding: 20px 20px;
    transition: .3s;

}

#sec_machine_banner .inner .banner_box .contact_left:hover{
    background: #275b96;
    transition: .3s;
}

#sec_machine_banner .inner .banner_box .contact_left a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
	
}

#sec_machine_banner .inner .banner_box .contact_left p{
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
	
}

#sec_machine_banner .inner .banner_box .contact_left p.main{
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}
#sec_machine_banner .inner .banner_box .contact_left p.main_en{
    line-height: 1.6;
}


#sec_machine_banner .inner .banner_box .sample_right{
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    max-width: 1000px;
    box-sizing: border-box;
    text-align: center;
    background: #003900;
    outline : 3px solid #FFFFFF; /* 線の太さ・線状・色 */
    outline-offset : -10px;
    padding: 20px 20px;
    transition: .3s;
}
#sec_machine_banner .inner .banner_box .sample_right:hover{
    background: #055205;
    transition: .3s;
}

#sec_machine_banner .inner .banner_box .sample_right a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}
#sec_machine_banner .inner .banner_box .sample_right p{
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
}
#sec_machine_banner .inner .banner_box .sample_right p.main{
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}
#sec_machine_banner .inner .banner_box .sample_right p.main_en{
    line-height: 1.6;
}

/*  画面サイズが640pxまで  */
@media screen and (min-width: 640px) {
    
    #sec_machine_banner .inner .banner_box .contact_left p{
        color: #FFF;
        text-align: center;
        font-size: 18px;
        font-weight: bold;
    }

    #sec_machine_banner .inner .banner_box .contact_left p.main{
        color: #FFF;
        text-align: center;
        font-size: 24px;
        font-weight: bold;
    }
	
    #sec_machine_banner .inner .banner_box .sample_right p{
        color: #FFF;
        text-align: center;
        font-size: 18px;
        font-weight: bold;
    }
    #sec_machine_banner .inner .banner_box .sample_right p.main{
        color: #FFF;
        text-align: center;
        font-size: 24px;
        font-weight: bold;
    }
    
}

@media screen and (min-width: 1000px) {

    #sec_machine_banner{
        margin:0;
        padding:50px 0 50px 0;
        text-align: left;
    }
    
    #sec_machine_banner .inner{
        padding: 0 10px;
    }
    
    #sec_machine_banner .inner .banner_box{
        padding: 0 0;
        margin-top: 50px;
    }

    #sec_machine_banner .inner .banner_box .contact_left{
        width: calc( 50% - 20px);
        margin: 0 20px 0 0;
        max-width: 735px;
        padding: 40px 20px;
    }


    #sec_machine_banner .inner .banner_box .sample_right{
        margin: 0 0 0 20px;
        width: calc( 50% - 20px);
        max-width: 735px;
        padding: 40px 20px;
    }
    
    #sec_machine_banner .inner .banner_box .contact_left p{
        color: #FFF;
        text-align: center;
        font-size: 22px;
        font-weight: bold;
    }

    #sec_machine_banner .inner .banner_box .contact_left p.main{
        color: #FFF;
        text-align: center;
        font-size: 30px;
        font-weight: bold;
    }
    
    #sec_machine_banner .inner .banner_box .sample_right p{
        color: #FFF;
        text-align: center;
        font-size: 22px;
        font-weight: bold;
    }
    #sec_machine_banner .inner .banner_box .sample_right p.main{
        color: #FFF;
        text-align: center;
        font-size: 30px;
        font-weight: bold;
    }
    
}





/* sec_machine_ids_feature
------------------------------------------------------------*/

#sec_machine_ids_feature{
    margin:0;
    padding:30px 0 10px 0;
    text-align: left;
}

#sec_machine_ids_feature .inner{
    margin: 0 auto;
    max-width: 1460px;
    overflow: hidden;
    padding: 0 10px;
}


#sec_machine_ids_feature .inner h1 {
    position: relative;
    display: block;
    text-align: left;
    font-size: 20px;
    color: #005F66;
    box-sizing: border-box;
    line-height: 1.6;
    letter-spacing: 0.01em;
    padding: 5px 0 10px 25px;
    font-weight: bold;
    letter-spacing: 0.03em;
}

#sec_machine_ids_feature .inner h1:before {
    content: '';
    position: absolute;
    top: 40%;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 4px;
    background-color: #005F66;
}
#sec_machine_ids_feature .inner .features_box{
    overflow: hidden;
    display: block;
    padding: 0 0px;
    box-sizing: border-box;
}

#sec_machine_ids_feature .inner .features_box p{
    font-size: 14px;
    color: #222222;
    margin-bottom: 20px;
    line-height: 2;
}
.ids_feature_list{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
    margin-top: 0px;
}

.ids_feature_list > div{
    width: 100%;
    padding: 0px;
    box-sizing: border-box;
    margin: 0 0 20px 0;
    position: relative;
}






.ids_feature_list h2{
    display: table;
    height: auto;
    width: 100%;
    font-size: 20px;
    text-align: center;
    border-radius: 30px 0 30px 0;
    padding: 7px 0;
    background: -webkit-gradient(0deg, #005F66 50%, #008893);
    background: linear-gradient(0deg, #005F66 50%, #008893);
}
.ids_feature_list h2 p{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: auto;
    letter-spacing: 0.01em;
    color: #FFF;
}

.ids_feature_list h2 p.en{
	font-size: 80%;
}

.ids_feature_list p.tfl_description{
    padding: 20px 10px 10px 10px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 2;
}

#sec_machine_ids_feature .inner .features_box2col{
    overflow: hidden;
    display: block;
    padding: 0;
    margin: 30px 0 40px 0;
    box-sizing: border-box;
    font-size: 14px;
}

#sec_machine_ids_feature .inner .features_box2col h2 {
    padding: 10px 15px;/*文字周りの余白*/
    color: #1F1F1F;/*文字色*/
    background: #EEEEEE;/*背景色*/
    border-left: solid 4px #1F4672;/*左線（実線 太さ 色）*/
    font-size: 18px;
    margin-bottom: 20px;
}



#sec_machine_ids_feature .inner .features_box2col .fb2col_left{
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    box-sizing: border-box;

}

#sec_machine_ids_feature .inner .features_box2col .fb2col_left p{
    padding: 0 10px;
    box-sizing: border-box;
}

#sec_machine_ids_feature .inner .features_box2col .fb2col_right{
    float: right;
    width: 100%;
    margin: 0 0 10px 0;
    box-sizing: border-box;
}
#sec_machine_ids_feature .inner .features_box2col .fb2col_right p{
    padding: 0 10px;
    box-sizing: border-box;
}

.figure_jyouhatu{
    width: 50%;
    float: left;
    text-align: center;
    margin-top: 20px;
}

.figure_jyouhatu img{
    width: 100%;
    max-width: 300px;
    padding: 5px;
    box-sizing: border-box;
}


/*  画面サイズが640pxまで  */
@media screen and (min-width: 640px) {
    #sec_machine_ids_feature .inner h1 {
        font-size: 34px;
        padding: 5px 0 10px 30px;
    }
    
    #sec_machine_ids_feature .inner h1:before {
        top: 45%;
    }
    
    #sec_machine_ids_feature .inner .features_box{
        padding: 0 30px;
    }
    #sec_machine_ids_feature .inner .features_box p{
        font-size: 16px;
    }
    
    .ids_feature_list > div{
		width: calc( (100% - 0px) / 2);
        padding: 0px 20px 10px 20px;
        margin: 0 0 20px 0;
        box-sizing: border-box;
	}
    
    .ids_feature_list h2{
        font-size: 24px;
    }
    
    #sec_machine_ids_feature .inner .features_box2col{
        font-size: 16px;
    }
    
}


@media screen and (min-width: 1000px) {

    #sec_machine_ids_feature{
        margin:0;
        padding:50px 0 0 0;
        text-align: left;
    }
    
    #sec_machine_ids_feature .inner{
        padding: 0 10px;
    }
    .ids_feature_list > div{
        width: calc( (100% - 0px) / 3);
        padding: 20px 30px 10px 30px;
        margin: 0 0 10px 0;
        box-sizing: border-box;
        
    }
    
    .ids_feature_list > div::before{
        content: "";
        height: 50%;/*線の太さ*/
        border-right: 1px dotted #CCCCCC;
        position: absolute;
        right: 0px;
        top: 40%;
        bottom: 0;
    }
    .ids_feature_list > div:nth-child(3)::before{
        border-right: none;
    }
    
    .ids_feature_list h2{
        font-size: 28px;
    }
    
    #sec_machine_ids_feature .inner .features_box2col .fb2col_left{
        float: left;
        width: 49%;
        
    }

    #sec_machine_ids_feature .inner .features_box2col .fb2col_right{
        float: right;
        width: 49%;
        
    }
    
}





/* sec_machine_ids_lineup
------------------------------------------------------------*/

#sec_machine_ids_lineup{
    margin:0;
    padding:30px 0 40px 0;
    text-align: left;
}

#sec_machine_ids_lineup .inner{
    margin: 0 auto;
    max-width: 1460px;
    overflow: hidden;
    padding: 0 10px;
}


#sec_machine_ids_lineup .inner h1 {
    position: relative;
    display: block;
    text-align: left;
    font-size: 20px;
    color: #005F66;
    box-sizing: border-box;
    line-height: 1.6;
    letter-spacing: 0.01em;
    padding: 5px 0 10px 25px;
    font-weight: bold;
    letter-spacing: 0.03em;
}

#sec_machine_ids_lineup .inner h1:before {
    content: '';
    position: absolute;
    top: 40%;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 4px;
    background-color: #005F66;
}
#sec_machine_ids_lineup .inner .lineup_box{
    overflow: hidden;
    display: block;
    padding: 0 0px;
    box-sizing: border-box;
}

#sec_machine_ids_lineup .inner .lineup_box p{
    font-size: 14px;
    color: #222222;
    margin-bottom: 20px;
    line-height: 2;
}




#sec_machine_ids_lineup table.tbl_lineup {
    border-collapse: collapse;
    width: 100%;
    border-collapse:separate;
    border-spacing:2px;
    
}
#sec_machine_ids_lineup table.tbl_lineup td {
    padding: 10px 10px 10px 10px;
    background: #EEEEEE;
    text-align: center;
    font-size: 12px;
}

#sec_machine_ids_lineup table.tbl_lineup td img:hover {
    opacity: 0.8;
}

#sec_machine_ids_lineup table.tbl_lineup td.title {
    padding: 10px 10px 10px 10px;
    background: #EEEEEE;
    text-align: center;
    font-weight: bold;
}

#sec_machine_ids_lineup table.tbl_lineup td.txt_left {
    text-align: left;
}
#sec_machine_ids_lineup table.tbl_lineup td.txt_center {
    text-align: center;
}
#sec_machine_ids_lineup table.tbl_lineup th {
    padding: 0;
    background: #548235;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    position: relative;
}

#sec_machine_ids_lineup table.tbl_lineup th a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px;
    text-decoration: none;
    color: #FFF;
    box-sizing: border-box;
}

#sec_machine_ids_lineup table.tbl_lineup th.product::after {
    position: absolute;
    top: 50%;
    right: 1em;
    width: 0.5em;
    height: 0.5em;
    transform: translateY(-50%) rotate(45deg);
    border-right: 2px solid currentColor;
    border-top: 2px solid currentColor;
    content: "";
}
#sec_machine_ids_lineup table.tbl_lineup th.product:hover::after {
    position: absolute;
    top: 50%;
    right: 1em;
    width: 0.5em;
    height: 0.5em;
    transform: translateY(-50%) rotate(45deg);
    border-right: 2px solid #FFFF00;
    border-top: 2px solid #FFFF00;
    content: "";
}
#sec_machine_ids_lineup table.tbl_lineup th a:hover {
    color: #FFFF00;
}

#sec_machine_ids_lineup table.tbl_lineup th.title {
    width: 220px;
}
#sec_machine_ids_lineup table.tbl_lineup th.product {
    width: calc( (100% - 220px) / 4 );
}

/*  画面サイズが640pxまで  */
@media screen and (min-width: 640px) {
    #sec_machine_ids_lineup .inner h1 {
        font-size: 34px;
        padding: 5px 0 10px 30px;
    }
    
    #sec_machine_ids_lineup .inner h1:before {
        top: 45%;
    }
    
    #sec_machine_ids_lineup .inner .lineup_box{
        padding: 0 10px;
    }
    #sec_machine_ids_lineup .inner .lineup_box p{
        font-size: 16px;
    }
    
    #sec_machine_ids_lineup table.tbl_lineup td {
        padding: 15px 10px 15px 10px;
        font-size: 14px;
    }
    #sec_machine_ids_lineup table.tbl_lineup th {
        font-size: 18px;
        font-weight: bold;
    }
    
    
}


@media screen and (min-width: 1000px) {

    #sec_machine_ids_lineup{
        margin:0;
        padding:50px 0 60px 0;
        text-align: left;
    }
    
    #sec_machine_ids_lineup .inner{
        padding: 0 10px;
    }
    
}





/* sec_machine_ids_characteristic
------------------------------------------------------------*/

#sec_machine_ids_characteristic{
    margin:0;
    padding:30px 0 10px 0;
    text-align: left;
}

#sec_machine_ids_characteristic .inner{
    margin: 0 auto;
    max-width: 1460px;
    overflow: hidden;
    padding: 0 10px;
}


#sec_machine_ids_characteristic .inner h1 {
    position: relative;
    display: block;
    text-align: left;
    font-size: 20px;
    color: #005F66;
    box-sizing: border-box;
    line-height: 1.6;
    letter-spacing: 0.01em;
    padding: 5px 0 10px 25px;
    font-weight: bold;
    letter-spacing: 0.03em;
}

#sec_machine_ids_characteristic .inner h1:before {
    content: '';
    position: absolute;
    top: 40%;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 4px;
    background-color: #005F66;
}
#sec_machine_ids_characteristic .inner .characteristic_box{
    overflow: hidden;
    display: block;
    padding: 0 0px;
    box-sizing: border-box;
}

#sec_machine_ids_characteristic .inner .characteristic_box p{
    font-size: 14px;
    color: #222222;
    margin-bottom: 40px;
    line-height: 2;
}




#sec_machine_ids_characteristic table.tbl_characteristic {
    border-collapse: collapse;
    width: 100%;
    border-collapse:separate;
    border-spacing:2px;
    
}
#sec_machine_ids_characteristic table.tbl_characteristic td {
    padding: 10px 10px 10px 10px;
    background: #EEEEEE;
    text-align: center;
    font-size: 12px;
}

#sec_machine_ids_characteristic table.tbl_characteristic td img{
    width: 100px;
}

#sec_machine_ids_characteristic table.tbl_characteristic td.txt_center {
    text-align: center;
}

#sec_machine_ids_characteristic table.tbl_characteristic td.title {
    padding: 10px 10px 10px 10px;
    background: #EEEEEE;
    text-align: center;
    font-weight: bold;
}


#sec_machine_ids_characteristic table.tbl_characteristic th {
    padding: 0;
    background: #548235;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    position: relative;
}
#sec_machine_ids_characteristic table.tbl_characteristic th.title {
    width: 200px;
    background: #4472C4;
}

#sec_machine_ids_characteristic table.tbl_characteristic th a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px;
    text-decoration: none;
    color: #FFF;
    box-sizing: border-box;
}
#sec_machine_ids_characteristic table.tbl_characteristic th a:hover {
    color: #FFFF00;
}


#sec_machine_ids_characteristic table.tbl_characteristic th.product {
    width: calc( (100% - 200px) / 6 );
    background: #355FAA;
    padding: 10px;
}
#sec_machine_ids_characteristic table.tbl_characteristic th.product_dlc {
    width: calc( (100% - 200px) / 6 );
    background: #222222;
    padding: 10px;
}
#sec_machine_ids_characteristic table.tbl_characteristic th.product_txt {
    background: #CCCCCC;
    font-size: 14px;
    font-weight: normal;
    color: #222222;
}

#sec_machine_ids_characteristic p.mic_notes1{
    font-weight: normal;
    padding-left:1.5em;
    text-indent:-1.5em;
    margin-top: 10px;
    font-size: 14px !important;
}


/*  画面サイズが640pxまで  */
@media screen and (min-width: 640px) {
    #sec_machine_ids_characteristic .inner h1 {
        font-size: 34px;
        padding: 5px 0 10px 30px;
    }
    
    #sec_machine_ids_characteristic .inner h1:before {
        top: 45%;
    }
    
    #sec_machine_ids_characteristic .inner .characteristic_box{
        padding: 0 10px;
    }
    #sec_machine_ids_characteristic .inner .characteristic_box p{
        font-size: 16px;
    }
    
    #sec_machine_ids_characteristic table.tbl_characteristic td {
        padding: 15px 10px 15px 10px;
        font-size: 14px;
    }
    #sec_machine_ids_characteristic table.tbl_characteristic td img{
        width: 160px;
    }
    
    #sec_machine_ids_characteristic table.tbl_characteristic th {
        font-size: 18px;
        font-weight: bold;
    }
    
    
}


@media screen and (min-width: 1000px) {

    #sec_machine_ids_characteristic{
        margin:0;
        padding:50px 0 30px 0;
        text-align: left;
    }
    
    #sec_machine_ids_characteristic .inner{
        padding: 0 10px;
    }
    
}







/* sec_machine_m_feature
------------------------------------------------------------*/

#sec_machine_m_feature{
    margin:0;
    padding:30px 0 10px 0;
    text-align: left;
}

#sec_machine_m_feature .inner{
    margin: 0 auto;
    max-width: 1460px;
    overflow: hidden;
    padding: 0 10px;
}


#sec_machine_m_feature .inner h1 {
    position: relative;
    display: block;
    text-align: left;
    font-size: 20px;
    color: #333F50;
    box-sizing: border-box;
    line-height: 1.6;
    letter-spacing: 0.01em;
    padding: 5px 0 10px 25px;
    font-weight: bold;
    letter-spacing: 0.03em;
}

#sec_machine_m_feature .inner h1:before {
    content: '';
    position: absolute;
    top: 40%;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 4px;
    background-color: #333F50;
}
#sec_machine_m_feature .inner .features_box{
    overflow: hidden;
    display: block;
    padding: 0 0px;
    box-sizing: border-box;
}

#sec_machine_m_feature .inner .features_box p{
    font-size: 14px;
    color: #222222;
    margin-bottom: 20px;
    line-height: 2;
}
.ids_feature_list{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
    margin-top: 0px;
}

.ids_feature_list > div{
    width: 100%;
    padding: 0px;
    box-sizing: border-box;
    margin: 0 0 20px 0;
    position: relative;
}






.ids_feature_list h2{
    display: table;
    height: auto;
    width: 100%;
    font-size: 20px;
    text-align: center;
    border-radius: 30px 0 30px 0;
    padding: 7px 0;
    background: -webkit-gradient(0deg, #333F50 50%, #495A72);
    background: linear-gradient(0deg, #333F50 50%, #495A72);
}
.ids_feature_list h2 p{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: auto;
    letter-spacing: 0.01em;
    color: #FFF;
}

.ids_feature_list p.tfl_description{
    padding: 20px 10px 10px 10px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 2;
}


#sec_machine_m_feature .inner .features_box2col{
    overflow: hidden;
    display: block;
    padding: 0;
    margin: 30px 0 40px 0;
    box-sizing: border-box;
    font-size: 14px;
}

#sec_machine_m_feature .inner .features_box2col h2 {
    padding: 10px 15px;/*文字周りの余白*/
    color: #1F1F1F;/*文字色*/
    background: #EEEEEE;/*背景色*/
    border-left: solid 4px #1F4672;/*左線（実線 太さ 色）*/
    font-size: 16px;
    margin-bottom: 20px;
}



#sec_machine_m_feature .inner .features_box2col .fb1col_left{
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    box-sizing: border-box;

}

#sec_machine_m_feature .inner .features_box2col .fb1col_left p{
    padding: 0 10px;
    box-sizing: border-box;
}

.m_serise_col_3{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
    margin-top: 20px;
}

.m_serise_col_3 > div{
    width: 100%;
    padding: 0px 0px 30px 0px;
    box-sizing: border-box;
    margin: 0 0 20px 0;
    background: #EEEEEE;
    
}

.m_serise_col_3 > div h3{
    background: #333F50;
    text-align: center;
    color: #FFF;
    font-size: 22px;
    padding: 10px 0;
}



.m_serise_col_3 > div > p{
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin: 20px 0;
}

.m_serise_col_3 > div > p.txt_small{
    text-align: left;
    font-size: 14px;
    font-weight: normal;
    margin: 20px 0;
    padding: 0 20px !important;
    width: 100%;
}

.m_serise_col_3 > div > ul{
    list-style: none;
    padding: 0 30px 15px 30px;
}
.m_serise_col_3 > div > ul li{
    padding-left: 1.2em;
    text-indent: -1.2em;
}
.m_serise_col_3 > div > ul li::before {
	display: inline-block;
	content: "";
	margin-top: 10px;
	margin-right: 10px;
	width: 10px;
	height: 10px;
	vertical-align: top;
	border-radius: 8px;
	background-color: #333F50;
    font-size: 16px;
}

.m_serise_col_3 > div > div.hyouhatsu_image{
    text-align: center;
    padding: 0 10px;
    margin-top: 15px;
}

.m_serise_col_3 > div > div.hyouhatsu_image img{
    width: 100%;
    max-width: 360px;
}

/*  画面サイズが640pxまで  */
@media screen and (min-width: 640px) {
    #sec_machine_m_feature .inner h1 {
        font-size: 34px;
        padding: 5px 0 10px 30px;
    }
    
    #sec_machine_m_feature .inner h1:before {
        top: 45%;
    }
    
    #sec_machine_m_feature .inner .features_box{
        padding: 0 30px;
    }
    #sec_machine_m_feature .inner .features_box p{
        font-size: 16px;
    }
    
    .ids_feature_list > div{
		width: calc( (100% - 0px) / 2);
        padding: 0px 20px 10px 20px;
        margin: 0 0 20px 0;
        box-sizing: border-box;
	}
    
    .ids_feature_list h2{
        font-size: 24px;
    }
    
    #sec_machine_m_feature .inner .features_box2col{
        font-size: 16px;
    }
    #sec_machine_m_feature .inner .features_box2col h2 {
        font-size: 18px;
    }
    .m_serise_col_3 > div{
		width: calc( (100% - 60px) / 2);
        padding: 0px 0px 30px 0px;
        margin: 0 15px 40px 15px;
        box-sizing: border-box;
	}
    
    .m_serise_col_3 > div h3{
        background: #333F50;
        text-align: center;
        color: #FFF;
        font-size: 26px;
        padding: 10px 0;
    }
    
    .m_serise_col_3 > div > p{
        text-align: center;
        font-size: 18px;
        font-weight: bold;
        margin: 20px 0;
    }

    .m_serise_col_3 > div > p.txt_small{
        text-align: left;
        font-size: 16px;
        font-weight: normal;
        margin: 20px 0;
        padding: 0 40px !important;
        width: 100%;
    }

}


@media screen and (min-width: 1000px) {

    #sec_machine_m_feature{
        margin:0;
        padding:50px 0 0 0;
        text-align: left;
    }
    
    #sec_machine_m_feature .inner{
        padding: 0 10px;
    }
    .ids_feature_list > div{
        width: calc( (100% - 0px) / 3);
        padding: 20px 30px 10px 30px;
        margin: 0 0 10px 0;
        box-sizing: border-box;
        
    }
    
    .ids_feature_list > div::before{
        content: "";
        height: 50%;/*線の太さ*/
        border-right: 1px dotted #CCCCCC;
        position: absolute;
        right: 0px;
        top: 40%;
        bottom: 0;
    }
    .ids_feature_list > div:nth-child(3)::before{
        border-right: none;
    }
    
    .ids_feature_list h2{
        font-size: 28px;
    }
    
    .m_serise_col_3 > div{
        width: calc( (100% - 90px) / 3);
        padding: 0px 0px 30px 0px;
        box-sizing: border-box;
    }
    
}




/* sec_machine_m_lineup
------------------------------------------------------------*/

#sec_machine_m_lineup{
    margin:0;
    padding:30px 0 40px 0;
    text-align: left;
}

#sec_machine_m_lineup .inner{
    margin: 0 auto;
    max-width: 1460px;
    overflow: hidden;
    padding: 0 10px;
}


#sec_machine_m_lineup .inner h1 {
    position: relative;
    display: block;
    text-align: left;
    font-size: 20px;
    color: #333F50;
    box-sizing: border-box;
    line-height: 1.6;
    letter-spacing: 0.01em;
    padding: 5px 0 10px 25px;
    font-weight: bold;
    letter-spacing: 0.03em;
}

#sec_machine_m_lineup .inner h1:before {
    content: '';
    position: absolute;
    top: 40%;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 4px;
    background-color: #333F50;
}
#sec_machine_m_lineup .inner .lineup_box{
    overflow: hidden;
    display: block;
    padding: 0 0px;
    box-sizing: border-box;
}

#sec_machine_m_lineup .inner .lineup_box p{
    font-size: 14px;
    color: #222222;
    margin-bottom: 20px;
    line-height: 2;
}




#sec_machine_m_lineup table.tbl_lineup {
    border-collapse: collapse;
    width: 100%;
    border-collapse:separate;
    border-spacing:2px;
    
}
#sec_machine_m_lineup table.tbl_lineup td {
    padding: 10px 10px 10px 10px;
    background: #EEEEEE;
    text-align: center;
    font-size: 12px;
}

#sec_machine_m_lineup table.tbl_lineup td img:hover {
    opacity: 0.8;
}

#sec_machine_m_lineup table.tbl_lineup td.title {
    padding: 10px 10px 10px 10px;
    background: #EEEEEE;
    text-align: center;
    font-weight: bold;
}

#sec_machine_m_lineup table.tbl_lineup td.txt_left {
    text-align: left;
}
#sec_machine_m_lineup table.tbl_lineup td.txt_center {
    text-align: center;
}
#sec_machine_m_lineup table.tbl_lineup th {
    padding: 0;
    background: #333F50;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    position: relative;
}

#sec_machine_m_lineup table.tbl_lineup th a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px;
    text-decoration: none;
    color: #FFF;
    box-sizing: border-box;
}

#sec_machine_m_lineup table.tbl_lineup th.product::after {
    position: absolute;
    top: 50%;
    right: 1em;
    width: 0.5em;
    height: 0.5em;
    transform: translateY(-50%) rotate(45deg);
    border-right: 2px solid currentColor;
    border-top: 2px solid currentColor;
    content: "";
}
#sec_machine_m_lineup table.tbl_lineup th.product:hover::after {
    position: absolute;
    top: 50%;
    right: 1em;
    width: 0.5em;
    height: 0.5em;
    transform: translateY(-50%) rotate(45deg);
    border-right: 2px solid #FFFF00;
    border-top: 2px solid #FFFF00;
    content: "";
}
#sec_machine_m_lineup table.tbl_lineup th a:hover {
    color: #FFFF00;
}

#sec_machine_m_lineup table.tbl_lineup th.title {
    width: 220px;
}
#sec_machine_m_lineup table.tbl_lineup th.product {
    width: calc( (100% - 220px) / 4 );
}

/*  画面サイズが640pxまで  */
@media screen and (min-width: 640px) {
    #sec_machine_m_lineup .inner h1 {
        font-size: 34px;
        padding: 5px 0 10px 30px;
    }
    
    #sec_machine_m_lineup .inner h1:before {
        top: 45%;
    }
    
    #sec_machine_m_lineup .inner .lineup_box{
        padding: 0 10px;
    }
    #sec_machine_m_lineup .inner .lineup_box p{
        font-size: 16px;
    }
    
    #sec_machine_m_lineup table.tbl_lineup td {
        padding: 15px 10px 15px 10px;
        font-size: 14px;
    }
    #sec_machine_m_lineup table.tbl_lineup th {
        font-size: 18px;
        font-weight: bold;
    }
    
    
}


@media screen and (min-width: 1000px) {

    #sec_machine_m_lineup{
        margin:0;
        padding:50px 0 60px 0;
        text-align: left;
    }
    
    #sec_machine_m_lineup .inner{
        padding: 0 10px;
    }
    
}




/* sec_machine_m_characteristic
------------------------------------------------------------*/

#sec_machine_m_characteristic{
    margin:0;
    padding:30px 0 10px 0;
    text-align: left;
}

#sec_machine_m_characteristic .inner{
    margin: 0 auto;
    max-width: 1460px;
    overflow: hidden;
    padding: 0 10px;
}


#sec_machine_m_characteristic .inner h1 {
    position: relative;
    display: block;
    text-align: left;
    font-size: 20px;
    color: #333F50;
    box-sizing: border-box;
    line-height: 1.6;
    letter-spacing: 0.01em;
    padding: 5px 0 10px 25px;
    font-weight: bold;
    letter-spacing: 0.03em;
}

#sec_machine_m_characteristic .inner h1:before {
    content: '';
    position: absolute;
    top: 40%;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 4px;
    background-color: #333F50;
}
#sec_machine_m_characteristic .inner .characteristic_box{
    overflow: hidden;
    display: block;
    padding: 0 0px;
    box-sizing: border-box;
}

#sec_machine_m_characteristic .inner .characteristic_box p{
    font-size: 14px;
    color: #222222;
    margin-bottom: 20px;
    line-height: 2;
}




#sec_machine_m_characteristic table.tbl_characteristic {
    border-collapse: collapse;
    width: 100%;
    border-collapse:separate;
    border-spacing:2px;
    
}
#sec_machine_m_characteristic table.tbl_characteristic td {
    padding: 10px 10px 10px 10px;
    background: #EEEEEE;
    text-align: center;
    font-size: 12px;
}

#sec_machine_m_characteristic table.tbl_characteristic td img{
    width: 100px;
}

#sec_machine_m_characteristic table.tbl_characteristic td.txt_center {
    text-align: center;
}

#sec_machine_m_characteristic table.tbl_characteristic td.title {
    padding: 10px 10px 10px 10px;
    background: #EEEEEE;
    text-align: center;
    font-weight: bold;
}


#sec_machine_m_characteristic table.tbl_characteristic th {
    padding: 0;
    background: #548235;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    position: relative;
}
#sec_machine_m_characteristic table.tbl_characteristic th.title {
    width: 200px;
    background: #4472C4;
}

#sec_machine_m_characteristic table.tbl_characteristic th a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px;
    text-decoration: none;
    color: #FFF;
    box-sizing: border-box;
}
#sec_machine_m_characteristic table.tbl_characteristic th a:hover {
    color: #FFFF00;
}


#sec_machine_m_characteristic table.tbl_characteristic th.product {
    width: calc( (100% - 200px) / 6 );
    background: #355FAA;
    padding: 10px;
}
#sec_machine_m_characteristic table.tbl_characteristic th.product_dlc {
    width: calc( (100% - 200px) / 6 );
    background: #222222;
    padding: 10px;
}
#sec_machine_m_characteristic table.tbl_characteristic th.product_txt {
    background: #CCCCCC;
    font-size: 14px;
    font-weight: normal;
    color: #222222;
}

#sec_machine_m_characteristic p.mic_notes1{
    font-weight: normal;
    padding-left:1.5em;
    text-indent:-1.5em;
    margin-top: 10px;
    font-size: 14px !important;
}


/*  画面サイズが640pxまで  */
@media screen and (min-width: 640px) {
    #sec_machine_m_characteristic .inner h1 {
        font-size: 34px;
        padding: 5px 0 10px 30px;
    }
    
    #sec_machine_m_characteristic .inner h1:before {
        top: 45%;
    }
    
    #sec_machine_m_characteristic .inner .characteristic_box{
        padding: 0 10px;
    }
    #sec_machine_m_characteristic .inner .characteristic_box p{
        font-size: 16px;
    }
    
    #sec_machine_m_characteristic table.tbl_characteristic td {
        padding: 15px 10px 15px 10px;
        font-size: 14px;
    }
    #sec_machine_m_characteristic table.tbl_characteristic td img{
        width: 160px;
    }
    
    #sec_machine_m_characteristic table.tbl_characteristic th {
        font-size: 18px;
        font-weight: bold;
    }
    
    
}


@media screen and (min-width: 1000px) {

    #sec_machine_m_characteristic{
        margin:0;
        padding:50px 0 30px 0;
        text-align: left;
    }
    
    #sec_machine_m_characteristic .inner{
        padding: 0 10px;
    }
    
}






/* sec_machine_case
------------------------------------------------------------*/

#sec_machine_case{
    margin:0;
    padding:30px 0 10px 0;
    text-align: left;
}

#sec_machine_case .inner{
    margin: 0 auto;
    max-width: 1460px;
    overflow: hidden;
    padding: 0 10px;
}


#sec_machine_case .inner h1 {
    position: relative;
    display: block;
    text-align: left;
    font-size: 20px;
    color: #005F66;
    box-sizing: border-box;
    line-height: 1.6;
    letter-spacing: 0.01em;
    padding: 5px 0 10px 25px;
    font-weight: bold;
    letter-spacing: 0.03em;
}

#sec_machine_case .inner h1:before {
    content: '';
    position: absolute;
    top: 40%;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 4px;
    background-color: #005F66;
}


#sec_machine_case .inner .case_box{
    background: #FFF;
    padding: 0;
    margin: 0px;
    overflow: hidden;
    text-align: center;
    border: 2px solid #005F66;
}

#sec_machine_case .inner .case_box h2{
    background: #005F66;
    color: #FFF;
    font-size: 22px;
    font-weight: normal;
    padding: 5px 0 10px 0;
}


#sec_machine_case .inner .case_box .condition_left{
    float: left;
    width: calc(100% - 20px);
    margin: 10px 10px 15px 10px;
}

#sec_machine_case .inner .case_box .result_right{
    float: left;
    width: calc(100% - 20px);
    margin: 10px;
}

#sec_machine_case .inner .case_box .condition_left ul{
    list-style-type: none;
}
#sec_machine_case .inner .case_box .condition_left ul li{
    width: 50%;
    float: left;
}

#sec_machine_case .inner .case_box .condition_left ul li img{
    width: 100%;
    max-width: 416px;
    box-sizing: border-box;
    padding: 0 5px;
}

#sec_machine_case table.tbl_machine_case {
    border-collapse: collapse;
    width: 100%;
    border-collapse:separate;
    border-spacing:2px;
    margin-top: 0px;
    font-size: 12px;
}
#sec_machine_case table.tbl_machine_case td {
    padding: 10px;
    background: #f4f4f4;
    text-align: center;
    text-align: left;
}

#sec_machine_case table.tbl_machine_case td.celltitle {
    padding: 10px;
    background: #005F66;
    color: #FFF;
    text-align: left;
    font-weight: normal;
    width: 110px;
}

#sec_machine_case table.tbl_machine_case th {
    padding: 10px;
    background: #1F4672;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
}

.figure_machine_case{
    width: 40%;
    float: left;
    text-align: center;
}

.figure_machine_case img{
    width: 100%;
    max-width: 320px;
    padding: 5px;
    box-sizing: border-box;
}

.figure_machine_case2{
    width: 60%;
    float: left;
    text-align: center;
}

.figure_machine_case2 img{
    width: 100%;
    max-width: 500px;
    padding: 5px;
    box-sizing: border-box;
}


/*  画面サイズが640pxまで  */
@media screen and (min-width: 640px) {
    #sec_machine_case .inner h1 {
        font-size: 34px;
        padding: 5px 0 10px 30px;
    }
    
    #sec_machine_case .inner h1:before {
        top: 45%;
    }
    
    #sec_machine_case .inner .case_box{
        margin: 30px 10px;
    }
    
    
    #sec_machine_case table.tbl_machine_case {
        font-size: 14px;
    }

    
}


@media screen and (min-width: 1000px) {

    #sec_machine_case{
        margin:0;
        padding:50px 0 50px 0;
        text-align: left;
    }
    
    #sec_machine_case .inner{
        padding: 0 10px;
    }
    
    #sec_machine_case .inner .case_box .condition_left{
        float: left;
        width: calc(70% - 25px);
        margin: 30px 0 20px 25px;
    }
    #sec_machine_case .inner .case_box .result_right{
        float: left;
        width: calc(30% - 50px);
        margin: 30px 25px;
    }
    
    
}




/* sec_machine_evaporation_lineup
------------------------------------------------------------*/

#sec_machine_evaporation_lineup{
    margin:0;
    padding:30px 0 10px 0;
    text-align: left;
}

#sec_machine_evaporation_lineup .inner{
    margin: 0 auto;
    max-width: 1460px;
    overflow: hidden;
    padding: 0 10px;
    margin-bottom: 50px;
}


#sec_machine_evaporation_lineup .inner h1 {
    position: relative;
    display: block;
    text-align: left;
    font-size: 20px;
    color: #005F66;
    box-sizing: border-box;
    line-height: 1.6;
    letter-spacing: 0.01em;
    padding: 5px 0 10px 25px;
    font-weight: bold;
    letter-spacing: 0.03em;
}

#sec_machine_evaporation_lineup .inner h1:before {
    content: '';
    position: absolute;
    top: 40%;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 4px;
    background-color: #005F66;
}
#sec_machine_evaporation_lineup .inner .evaporation_box{
    overflow: hidden;
    display: block;
    padding: 0 0px;
    box-sizing: border-box;
}

#sec_machine_evaporation_lineup .inner .evaporation_box p{
    font-size: 14px;
    color: #222222;
    margin-bottom: 40px;
    line-height: 2;
}




#sec_machine_evaporation_lineup table.tbl_evaporation_lineup {
    border-collapse: collapse;
    width: 100%;
    border-collapse:separate;
    border-spacing:2px;
}
#sec_machine_evaporation_lineup table.tbl_evaporation_lineup td {
    padding: 10px 10px 10px 10px;
    background: #E9EBF5;
    text-align: center;
    font-size: 12px;
    white-space:normal;
}

#sec_machine_evaporation_lineup table.tbl_evaporation_lineup td img{
    width: 100px;
}

#sec_machine_evaporation_lineup table.tbl_evaporation_lineup td.txt_center {
    text-align: center;
}

#sec_machine_evaporation_lineup table.tbl_evaporation_lineup td.txt_left {
    text-align: left;
}


#sec_machine_evaporation_lineup table.tbl_evaporation_lineup td.title {
    padding: 10px 10px 10px 10px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    min-width: 140px;
}
#sec_machine_evaporation_lineup table.tbl_evaporation_lineup td.image_illustration {
    padding: 10px 15px 10px 15px;
    text-align: center;
    background: #FFFFFF;
}

#sec_machine_evaporation_lineup table.tbl_evaporation_lineup td.feature {
    min-width: 180px;
}

#sec_machine_evaporation_lineup table.tbl_evaporation_lineup th {
    padding: 0;
    background: #4472C4;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    position: relative;
    padding: 10px;
}





#sec_machine_evaporation_lineup table.tbl_evaporation_taiou {
    border-collapse: collapse;
    width: 100%;
    border-collapse:separate;
    border-spacing:2px;
}
#sec_machine_evaporation_lineup table.tbl_evaporation_taiou td {
    padding: 5px 10px 7px 10px;
    background: #CFD5EA;
    text-align: center;
    font-size: 12px;
}

#sec_machine_evaporation_lineup table.tbl_evaporation_taiou th {
    padding: 10px;
    background: #4472C4;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
}

#sec_machine_evaporation_lineup table.tbl_evaporation_taiou th a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 3px 0;
    text-decoration: none;
    color: #FFF;
    box-sizing: border-box;
}
#sec_machine_evaporation_lineup table.tbl_evaporation_taiou th a:hover {
    color: #FFFF00;
}


#sec_machine_evaporation_lineup table.tbl_evaporation_taiou th.tet_th01 {
    background: #4472C4;
    width: 200px;
}
#sec_machine_evaporation_lineup table.tbl_evaporation_taiou th.tet_th02 {
    background: #333F50;
}
#sec_machine_evaporation_lineup table.tbl_evaporation_taiou th.tet_th03 {
    background: #548235;
}
#sec_machine_evaporation_lineup table.tbl_evaporation_taiou th.tet_th04 {
    background: #203864;
}

#sec_machine_evaporation_lineup table.tbl_evaporation_taiou th.tet_img{
    background: #EBEDF5;
}
#sec_machine_evaporation_lineup table.tbl_evaporation_taiou th img:hover {
    opacity: 0.8;
}

#sec_machine_evaporation_lineup table.tbl_evaporation_taiou th.tet_img img{
    width: 100px;
}


#sec_machine_evaporation_lineup table.tbl_evaporation_taiou td.tet_td01 {
    font-size: 14px;
    background: #CFD5EA:
}

#sec_machine_evaporation_lineup table.tbl_evaporation_taiou td.tet_td02 {
    background: #ADB9CA;
}
#sec_machine_evaporation_lineup table.tbl_evaporation_taiou td.tet_td03 {
    background: #C5E0B4;
}
#sec_machine_evaporation_lineup table.tbl_evaporation_taiou td.tet_td04 {
    background: #B4C7E7;
}

#sec_machine_evaporation_lineup table.tbl_evaporation_taiou td.tet_td01_2 {
    font-size: 14px;
    background: #E9EBF5;
}

#sec_machine_evaporation_lineup table.tbl_evaporation_taiou td.tet_td02_2 {
    background: #E9EBF5;
}
#sec_machine_evaporation_lineup table.tbl_evaporation_taiou td.tet_td03_2 {
    background: #E9EBF5;
}
#sec_machine_evaporation_lineup table.tbl_evaporation_taiou td.tet_td04_2 {
    background: #E9EBF5;
}
#sec_machine_evaporation_lineup p.tec_notes1{
    text-align: left;
    margin-top: 10px;
    font-size: 14px;
}

/*  画面サイズが640pxまで  */
@media screen and (min-width: 640px) {
    #sec_machine_evaporation_lineup .inner h1 {
        font-size: 34px;
        padding: 5px 0 10px 30px;
    }
    
    #sec_machine_evaporation_lineup .inner h1:before {
        top: 45%;
    }
    
    #sec_machine_evaporation_lineup .inner .evaporation_box{
        padding: 0 10px;
    }
    #sec_machine_evaporation_lineup .inner .evaporation_box p{
        font-size: 16px;
    }
    
    #sec_machine_evaporation_lineup table.tbl_evaporation_lineup td {
        padding: 15px 10px 15px 10px;
        font-size: 16px;
    }
    #sec_machine_evaporation_lineup table.tbl_evaporation_lineup td img{
        width: 150px;
    }
    #sec_machine_evaporation_lineup table.tbl_evaporation_lineup td.title {
        font-size: 18px;
        width: 180px;
    }
    #sec_machine_evaporation_lineup table.tbl_evaporation_lineup th {
        font-size: 18px;
        font-weight: bold;
    }
    
    #sec_machine_evaporation_lineup table.tbl_evaporation_taiou th {
        font-size: 16px;
        font-weight: bold;
    }
    #sec_machine_evaporation_lineup p.tec_notes1{
        font-size: 14px;
    }
}


@media screen and (min-width: 1000px) {

    #sec_machine_evaporation_lineup{
        margin:0;
        padding:50px 0 30px 0;
        text-align: left;
    }
    
    #sec_machine_evaporation_lineup .inner{
        padding: 0 10px;
    }
    #sec_machine_evaporation_lineup table.tbl_evaporation_taiou th {
        font-size: 18px;
        font-weight: bold;
    }
    #sec_machine_evaporation_lineup table.tbl_evaporation_taiou td {
        font-size: 24px;
    }
    #sec_machine_evaporation_lineup table.tbl_evaporation_taiou td.tet_td01 {
        font-size: 18px;
    }
    #sec_machine_evaporation_lineup table.tbl_evaporation_taiou td.tet_td01_2 {
        font-size: 18px;
    }
    #sec_machine_evaporation_lineup p.tec_notes1{
        font-size: 18px;
        text-align: center;
    }
    
}




/* sec_machine_evaporation_main
------------------------------------------------------------*/

#sec_machine_evaporation_main{
    margin:0;
    padding:30px 0 10px 0;
    text-align: left;
}

#sec_machine_evaporation_main .inner{
    margin: 0 auto;
    max-width: 1300px;
    overflow: hidden;
    padding: 0 10px;
    margin-bottom: 0px;
}


#sec_machine_evaporation_main .inner h1 {
    position: relative;
    display: block;
    text-align: center;
    font-size: 20px;
    color: #FFF;
    box-sizing: border-box;
    line-height: 1.6;
    letter-spacing: 0.01em;
    padding: 5px 0 10px 25px;
    font-weight: bold;
    letter-spacing: 0.03em;
    background: #005F66;
}
#sec_machine_evaporation_main .inner .evaporation_box{
    overflow: hidden;
    display: block;
    padding: 0;
    border: 5px solid #005F66;
    box-sizing: border-box;
    text-align: center;
    background: #FFF;
}
#sec_machine_evaporation_main .inner .evaporation_box div{
    padding: 0px 20px 20px 20px;
    margin: 0 auto;
    text-align: center;
}
#sec_machine_evaporation_main .inner .evaporation_box img{
    text-align: center;
    margin: 0 auto;
    width: 100%;
    max-width: 420px;
}

.evaporation_main_pc{
    display:none;   
}
.evaporation_main_sp{
    display:block;

}



/*  画面サイズが640pxまで  */
@media screen and (min-width: 640px) {
    #sec_machine_evaporation_main .inner h1 {
        font-size: 30px;
        padding: 10px 0 20px 30px;
    }
    
    .evaporation_main_pc{
        display:block;   
    }
    .evaporation_main_sp{
        display:none;   
    }
    #sec_machine_evaporation_main .inner .evaporation_box img{
        text-align: center;
        width: 100%;
        max-width: 1233px;
    }
    
}


@media screen and (min-width: 1000px) {

    #sec_machine_evaporation_main{
        margin:0;
        padding:50px 0 30px 0;
        text-align: left;
    }
    
    #sec_machine_evaporation_main .inner{
        padding: 0 10px;
    }
    
    #sec_machine_evaporation_main .inner h1 {
        font-size: 42px;
        padding: 10px 0 20px 30px;
    }
    
}




/* sec_machine_evaporation_principle
------------------------------------------------------------*/

#sec_machine_evaporation_principle{
    margin:0;
    padding:30px 0 10px 0;
    text-align: left;
}

#sec_machine_evaporation_principle .inner{
    margin: 0 auto;
    max-width: 1460px;
    overflow: hidden;
    padding: 0 10px;
    margin-bottom: 50px;
}
#sec_machine_evaporation_principle .inner h1 {
    position: relative;
    display: block;
    text-align: left;
    font-size: 20px;
    color: #005F66;
    box-sizing: border-box;
    line-height: 1.6;
    letter-spacing: 0.01em;
    padding: 5px 0 10px 25px;
    font-weight: bold;
    letter-spacing: 0.03em;
}
#sec_machine_evaporation_principle .inner h1:before {
    content: '';
    position: absolute;
    top: 40%;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 4px;
    background-color: #005F66;
}

#sec_machine_evaporation_principle .inner .principle_box{
    padding: 0 0 0 0;
    margin: 10px 0;
    text-align: center;
    box-sizing: border-box;
    z-index: 1;
    
}
#sec_machine_evaporation_principle .inner .principle_box h2{
    background: #005F66;
    color: #FFF;
    font-size: 18px;
    font-weight: normal;
    padding: 5px 0 10px 0;
    width: 100%;
    margin: auto;
    z-index: 10;
    position: relative;
}

#sec_machine_evaporation_principle .inner .principle_inner{
    background: #FFF;
    padding: 0;
    margin: -25px 0 0 0;
    overflow: hidden;
    text-align: center;
    border: 2px solid #005F66;
    box-sizing: border-box;
    z-index: 1;
    position: relative;
    width: auto;
    padding: 30px 10px;
}
#sec_machine_evaporation_principle .inner .principle_inner .principle_left{
    float: left;
    width: calc( 100% - 20px );
    margin: 30px 10px 15px 10px;
}

#sec_machine_evaporation_principle .inner .principle_inner .principle_left img{
    width: 100%;
    max-width: 720px;
}

#sec_machine_evaporation_principle .inner .principle_inner .principle_right{
    float: left;
    width: calc( 100% - 20px );
    margin: 10px 10px 10px 10px;
}

#sec_machine_evaporation_principle .inner .principle_inner .principle_right p{
    font-size: 14px;
}


#sec_machine_evaporation_principle .inner .principle_box02{
    padding: 0 0 0 0;
    margin: 10px 0;
    text-align: center;
    box-sizing: border-box;
    z-index: 1;
    
}
#sec_machine_evaporation_principle .inner .principle_box02 h2{
    background: #00698C;
    color: #FFF;
    font-size: 18px;
    font-weight: normal;
    padding: 5px 0 10px 0;
    width: 100%;
    margin: auto;
    z-index: 10;
    position: relative;
}

#sec_machine_evaporation_principle .inner .principle_inner02{
    background: #FFF;
    padding: 0;
    margin: -25px 0 0 0;
    overflow: hidden;
    text-align: center;
    border: 2px solid #00698C;
    box-sizing: border-box;
    z-index: 1;
    position: relative;
    width: auto;
    padding: 30px 10px;
}
#sec_machine_evaporation_principle .inner .principle_inner02 .principle_left{
    float: left;
    width: calc( 100% - 20px );
    margin: 30px 10px 15px 10px;
}

#sec_machine_evaporation_principle .inner .principle_inner02 .principle_left img{
    width: 100%;
    max-width: 720px;
}

#sec_machine_evaporation_principle .inner .principle_inner02 .principle_right{
    float: left;
    width: calc( 100% - 20px );
    margin: 10px 10px 10px 10px;
}

#sec_machine_evaporation_principle .inner .principle_inner02 .principle_right p{
    font-size: 14px;
}

/*  画面サイズが640pxまで  */
@media screen and (min-width: 640px) {
    #sec_machine_evaporation_principle .inner h1 {
        font-size: 34px;
        padding: 5px 0 10px 30px;
    }
    
    #sec_machine_evaporation_principle .inner h1:before {
        top: 45%;
    }
    
    #sec_machine_evaporation_principle .inner .principle_box{
        margin: 10px 0;
        
    }
    #sec_machine_evaporation_principle .inner .principle_box h2{
        font-size: 18px;
        width: 100%;
    }
    #sec_machine_evaporation_principle .inner .principle_inner{
        margin: -30px 0 0 0;
        padding: 30px 30px 30px 10px;
    }
    
    #sec_machine_evaporation_principle .inner .principle_inner .principle_left{
        float: left;
        width: 100%;
        margin: 30px 10px 15px 10px;
    }

    #sec_machine_evaporation_principle .inner .principle_inner .principle_right{
        float: left;
        width: 100%;
        margin: 50px 10px 10px 10px;
    }
    
    #sec_machine_evaporation_principle .inner .principle_inner .principle_right p{
        font-size: 16px;
    }
    
    #sec_machine_evaporation_principle .inner .principle_box02{
        margin: 30px 0;
        
    }
    #sec_machine_evaporation_principle .inner .principle_box02 h2{
        font-size: 18px;
        width: 100%;
    }
    #sec_machine_evaporation_principle .inner .principle_inner02{
        margin: -30px 0 0 0;
        padding: 30px 30px 30px 10px;
    }
    
    #sec_machine_evaporation_principle .inner .principle_inner02 .principle_left{
        float: left;
        width: 100%;
        margin: 30px 10px 15px 10px;
    }

    #sec_machine_evaporation_principle .inner .principle_inner02 .principle_right{
        float: left;
        width: 100%;
        margin: 50px 10px 10px 10px;
    }
    
    #sec_machine_evaporation_principle .inner .principle_inner02 .principle_right p{
        font-size: 16px;
    }
    
}

@media screen and (min-width: 1000px) {

    #sec_machine_evaporation_principle{
        margin:0;
        padding:50px 0 30px 0;
        text-align: left;
    }
    
    #sec_machine_evaporation_principle .inner{
        padding: 0 10px;
    }
    #sec_machine_evaporation_principle .inner .principle_box{
        margin: 10px 10px;
        width: calc( 50% - 20px );
        float: left;
    }
    #sec_machine_evaporation_principle .inner .principle_box h2{
        font-size: 22px;
        width: 100%;
    }
    #sec_machine_evaporation_principle .inner .principle_inner{
        padding: 30px 20px 30px 10px;
    }

    #sec_machine_evaporation_principle .inner .principle_box02{
        margin: 10px 10px;
        width: calc( 50% - 20px );
        float: left;
    }
    #sec_machine_evaporation_principle .inner .principle_box02 h2{
        font-size: 22px;
        width: 100%;
    }
    #sec_machine_evaporation_principle .inner .principle_inner02{
        padding: 30px 20px 30px 10px;
    }

    
}




/* sec_machine_comparison
------------------------------------------------------------*/

#sec_machine_comparison{
    margin:0;
    padding:30px 0 10px 0;
    text-align: left;
}

#sec_machine_comparison .inner{
    margin: 0 auto;
    max-width: 1460px;
    overflow: hidden;
    padding: 0 10px;
}


#sec_machine_comparison .inner h1 {
    position: relative;
    display: block;
    text-align: left;
    font-size: 20px;
    color: #005F66;
    box-sizing: border-box;
    line-height: 1.6;
    letter-spacing: 0.01em;
    padding: 5px 0 10px 25px;
    font-weight: bold;
    letter-spacing: 0.03em;
}

#sec_machine_comparison .inner h1:before {
    content: '';
    position: absolute;
    top: 40%;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 4px;
    background-color: #005F66;
}
#sec_machine_comparison .inner .comparison_box{
    overflow: hidden;
    display: block;
    padding: 0 0px;
    box-sizing: border-box;
}

#sec_machine_comparison .inner .comparison_box .radar_chart{
    float: left;
    width: 100%;
    margin: 10px 0 15px 0px;
}

#sec_machine_comparison .inner .comparison_box .radar_chart div{
    text-align: center;
    margin: 0 auto;
}

#sec_machine_comparison .inner .comparison_box .radar_chart img{
    width: 100%;
    max-width: 520px;
    
}

#sec_machine_comparison .inner .comparison_box .distribution_map{
    float: left;
    width: 100%;
    margin: 10px 0;
}
#sec_machine_comparison .inner .comparison_box .distribution_map div{
    text-align: center;
    margin: 0 auto;
}
#sec_machine_comparison .inner .comparison_box .distribution_map img{
    width: 100%;
    max-width: 720px;
}

h2.comparison_title{
    position: relative;
	padding: 0 0 20px 25px;
    font-size: 20px;
    color: #1F1F1F;
}
h2.comparison_title::after {
	position: absolute;
	content: '';
	top: 11px;
	left: 0;
	width: 16px;
	height: 16px;
	background-color: #1F1F1F;
}


/*  画面サイズが640pxまで  */
@media screen and (min-width: 640px) {
    #sec_machine_comparison .inner h1 {
        font-size: 34px;
        padding: 5px 0 10px 30px;
    }
    
    #sec_machine_comparison .inner h1:before {
        top: 45%;
    }
    
    #sec_machine_comparison .inner .comparison_box{
        padding: 0 30px;
    }
    
    h2.comparison_title{
        position: relative;
        padding: 0 0 20px 25px;
        font-size: 24px;
        color: #1F1F1F;
    }
    h2.comparison_title::after {
        position: absolute;
        content: '';
        top: 15px;
        left: 0;
        width: 16px;
        height: 16px;
        background-color: #1F1F1F;
    }
}


@media screen and (min-width: 1000px) {

    #sec_machine_comparison{
        margin:0;
        padding:40px 0 0 0;
        text-align: left;
    }
    
    #sec_machine_comparison .inner{
        padding: 0 10px;
    }
    
    #sec_machine_comparison .inner .comparison_box .radar_chart{
        float: left;
        width: calc(42% - 20px);
        margin: 10px 0 20px 20px;
    }

    #sec_machine_comparison .inner .comparison_box .distribution_map{
        float: left;
        width: calc(58% - 40px);
        margin: 10px 20px;
    }
}






/* sec_machine_reason
------------------------------------------------------------*/

#sec_machine_reason{
    margin:0;
    padding:30px 0 10px 0;
    text-align: left;
}

#sec_machine_reason .inner{
    margin: 0 auto;
    max-width: 1460px;
    overflow: hidden;
    padding: 0 10px;
}


#sec_machine_reason .inner h1 {
    position: relative;
    display: block;
    text-align: left;
    font-size: 20px;
    color: #005F66;
    box-sizing: border-box;
    line-height: 1.6;
    letter-spacing: 0.01em;
    padding: 5px 0 10px 25px;
    font-weight: bold;
    letter-spacing: 0.03em;
}

#sec_machine_reason .inner h1:before {
    content: '';
    position: absolute;
    top: 40%;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 4px;
    background-color: #005F66;
}
#sec_machine_reason .inner .reason_box{
    overflow: hidden;
    display: block;
    padding: 0 0;
    box-sizing: border-box;
}

#sec_machine_reason .inner .reason_box p{
    font-size: 14px;
    color: #222222;
    margin-bottom: 20px;
    line-height: 2;
}

.figure_reason01{
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 20px;
}

.figure_reason01 img{
    width: 100%;
    max-width: 500px;
    padding: 5px;
    box-sizing: border-box;
}

.figure_reason02{
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 20px;
}

.figure_reason02 img{
    width: 100%;
    max-width: 500px;
    padding: 5px;
    box-sizing: border-box;
}

.figure_reason03{
    width: 100%;
    float: left;
    text-align: center;
}

.figure_reason03 img{
    width: 100%;
    max-width: 500px;
    padding: 5px;
    box-sizing: border-box;
}


/*  画面サイズが640pxまで  */
@media screen and (min-width: 640px) {
    #sec_machine_reason .inner h1 {
        font-size: 34px;
        padding: 5px 0 10px 30px;
    }
    
    #sec_machine_reason .inner h1:before {
        top: 45%;
    }
    
    #sec_machine_reason .inner .reason_box{
        padding: 0 30px;
    }
    #sec_machine_reason .inner .reason_box p{
        font-size: 16px;
    }
    
    .figure_reason01{
        width: calc(100% / 3);
        float: left;
        text-align: center;
    }

    .figure_reason02{
        width: calc(100% / 3);
        float: left;
        text-align: center;
    }


    .figure_reason03{
        width: calc(100% / 3);
        float: left;
        text-align: center;
    }


}

@media screen and (min-width: 1000px) {

    #sec_machine_reason{
        margin:0;
        padding:40px 0 0 0;
        text-align: left;
    }
    
    #sec_machine_reason .inner{
        padding: 0 10px;
    }
     
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10・11に指定するスタイルを記入 */
    .parent_company {
        padding: 25px 20px 10px 200px;
    }
    .parent_company img{
        height: 35px;
        transition: .3s;
    }
    
    .logo img{
        height: 25px;
        transition: .3s;
    }
    
}



/* sec_404
------------------------------------------------------------*/

#sec_404{
    margin:0;
    padding:30px 0 10px 0;
    text-align: left;
}

#sec_404 .inner{
    margin: 0 auto;
    max-width: 1460px;
    overflow: hidden;
    padding: 0 10px;
}


#sec_404 .inner .erroe_box{
    overflow: hidden;
    display: block;
    padding: 0 0px;
    box-sizing: border-box;
}

#sec_404 .inner .erroe_box p{
    font-size: 14px;
    color: #222222;
    margin-top: 20px;
    line-height: 1.7;
    text-align: center;
    font-weight: normal;
}
#sec_404 .inner .erroe_box p.jp{
    font-size: 18px;
    font-weight: bold;
    margin-top: 0px;
}
#sec_404 .inner .erroe_box p.en{
    font-size: 24px;
    font-weight: bold;
    margin-top: 0px;
}

a.home_btn {
    display: block;
    position: relative;
    width: auto;
    max-width: 90%;
    padding: 5px 0;
    text-align: center;
    text-decoration: none;
    background: -webkit-gradient(90deg, #0062B8 35%, #054681);
    background: linear-gradient(90deg, #0062B8 35%, #054681);
    overflow: hidden;
    font-size: 18px;
    font-weight:bold;
    color: #fff !important;
    letter-spacing: 0.05em;
    line-height: 2.5;
    margin: 20px auto 30px auto;
}

a.home_btn:hover {
    color: #fff !important;
    background: -webkit-gradient(90deg, #054681 35%, #0062B8);
    background: linear-gradient(90deg, #054681 35%, #0062B8);
}



/*  画面サイズが640pxまで  */
@media screen and (min-width: 640px) {
    
    #sec_404 .inner .erroe_box{
        padding: 0 30px;
    }
    #sec_404 .inner .erroe_box p{
        font-size: 16px;
    }
    #sec_404 .inner .erroe_box p.jp{
        font-size: 26px;
    }
    #sec_404 .inner .erroe_box p.en{
        font-size: 48px;
    }
    a.home_btn {
        margin: 40px auto 30px auto;
        font-size: 22px;
        max-width: 400px;
    }
}


@media screen and (min-width: 1000px) {

    #sec_404{
        margin:0;
        padding:50px 0 0 0;
        text-align: left;
    }
    
    #sec_404 .inner{
        padding: 0 10px;
    }

}

/* お問い合わせ確認　注意メッセージ */
#sec_coating_contact .inner .info{
	color: red;
	font-weight: bold;
	font-size: large;
}
#sec_machine_trial_form .inner .info{
	color: red;
	font-weight: bold;
	font-size: large;
}





/* 事例集
------------------------------------------------------------*/

#sec_case{
    margin:0;
    padding:30px 0 10px 0;
    text-align: left;
}

#sec_case .inner{
    margin: 0 auto;
    max-width: 1460px;
    overflow: hidden;
    padding: 0 10px;
}



#sec_case .inner .case_box{
    background: #FFF;
    padding: 0;
    margin: 0px;
    overflow: hidden;
    text-align: center;
    border: 2px solid #1F4672;
}

#sec_case .inner .case_box h1{
    background: #1F4672;
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
    padding: 5px 0 10px 0;
	letter-spacing: 0.02em;
}


#sec_case .inner .case_box .condition_left{
    float: left;
    width: calc(100% - 20px);
    margin: 25px 10px 15px 10px;
}

#sec_case .inner .case_box .result_right{
    float: left;
    width: calc(100% - 20px);
    margin: 10px;
}

#sec_case .inner .case_box .result_right img{
	width: 100%;
	max-width: 450px;
}

#sec_case table.tbl_mold_condition {
    border-collapse: collapse;
    width: 100%;
    border-collapse:separate;
    border-spacing:2px;
    margin-top: 0px;
    
    
}
#sec_case table.tbl_mold_condition td {
    padding: 10px;
    background: #f1f3fd;
    text-align: center;
    text-align: left;
	font-weight: 500;
}

#sec_case table.tbl_mold_condition td.celltitle {
    padding: 10px;
    background: #1F4672;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    width: 115px;
}

#sec_case table.tbl_mold_condition th {
    padding: 10px;
    background: #1F4672;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
}





/*  画面サイズが640pxまで  */
@media screen and (min-width: 640px) {
    
    #sec_case .inner .case_box{
        margin: 30px 10px;
    }
    
    #sec_case .inner .case_box h1{
		font-size: 20px;
	}
    
    #sec_case table.tbl_mold_condition td.celltitle {
		width: 150px;
	}
    
}


@media screen and (min-width: 1000px) {

    #sec_case{
        margin:0;
        padding:50px 0 50px 0;
        text-align: left;
    }
    
    #sec_case .inner{
        padding: 0 10px;
    }
    #sec_case .inner .case_box h1{
		font-size: 26px;
		
	}
    
    #sec_case .inner .case_box .condition_left{
        float: left;
        width: calc(60% - 25px);
        margin: 25px 0 20px 25px;
    }
    #sec_case .inner .case_box .result_right{
        float: left;
        width: calc(40% - 50px);
        margin: 25px;
    }
    
    
}



/* 事例集2
------------------------------------------------------------*/

#sec_case2{
    margin:0;
    padding:30px 0 10px 0;
    text-align: left;
}

#sec_case2 .inner{
    margin: 0 auto;
    max-width: 1460px;
    overflow: hidden;
    padding: 0 10px;
}



#sec_case2 .inner .case_box{
    background: #FFF;
    padding: 0;
    margin: 30px 0;
    overflow: hidden;
    text-align: center;
    border: 2px solid #1F4672;
	position: relative;
}

#sec_case2 .inner .case_box h1{
    background: #1F4672;
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
    padding: 5px 0 10px 0;
	letter-spacing: 0.02em;
	text-indent: 60px;
}


#sec_case2 .inner .case_box .case_number{
	position: absolute;
	top:5px;
	left: 5px;
	color: #FFF;
	font-size: 17px;
	background: #1F4672;
	font-family: "Oswald", sans-serif;
	font-weight: 400;
}


#sec_case2 .inner .case_box .condition_left{
    float: left;
    width: calc(100% - 20px);
    margin: 25px 10px 15px 10px;
}

#sec_case2 .inner .case_box .result_right{
    float: left;
    width: calc(100% - 20px);
    margin: 10px;
}

#sec_case2 .inner .case_box .result_right img{
	width: 100%;
	max-width: 540px;
}

#sec_case2 table.tbl_mold_condition {
    border-collapse: collapse;
    width: 100%;
    border-collapse:separate;
    border-spacing:2px;
    margin-top: 0px;
    
    
}
#sec_case2 table.tbl_mold_condition td {
    padding: 10px;
    background: #f1f3fd;
    text-align: center;
    text-align: left;
	font-weight: 500;
}

#sec_case2 table.tbl_mold_condition td.celltitle {
    padding: 10px;
    background: #1F4672;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    width: 115px;
}

#sec_case2 table.tbl_mold_condition th {
    padding: 10px;
    background: #1F4672;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
}





/*  画面サイズが640pxまで  */
@media screen and (min-width: 640px) {
    
    #sec_case2 .inner .case_box{
        margin: 30px 10px;
    }
    
    #sec_case2 .inner .case_box h1{
		font-size: 20px;
		text-indent: 70px;
	}

	#sec_case2 .inner .case_box .case_number{
		position: absolute;
		top:5px;
		left: 7px;
		color: #FFF;
		font-size: 19px;
		background: #1F4672;
		font-family: "Oswald", sans-serif;
		font-weight: 400;
	}

    
    #sec_case2 table.tbl_mold_condition td.celltitle {
		width: 150px;
	}
    
}


@media screen and (min-width: 1000px) {

    #sec_case2{
        margin:0;
        padding:50px 0 50px 0;
        text-align: left;
    }
    
    #sec_case2 .inner{
        padding: 0 10px;
    }
    #sec_case2 .inner .case_box h1{
		font-size: 26px;
		text-indent: 90px;
	}
    #sec_case2 .inner .case_box .case_number{
		position: absolute;
		top:5px;
		left: 7px;
		color: #FFF;
		font-size: 25px;
		background: #1F4672;
		font-family: "Oswald", sans-serif;
		font-weight: 400;
	}
    #sec_case2 .inner .case_box .condition_left{
        float: left;
        width: calc(60% - 25px);
        margin: 25px 0 20px 25px;
    }
    #sec_case2 .inner .case_box .result_right{
        float: left;
        width: calc(40% - 30px);
        margin: 25px 20px 25px 10px;
    }
    
    
}



/* sec_case_banner
------------------------------------------------------------*/

#sec_case_banner{
    margin:0;
    padding:0px 0 50px 0;
    text-align: left;
    background: #FFF url("../images/common/bg_lattice.png") left top repeat;
}

#sec_case_banner .inner{
    margin: 0 auto;
    max-width: 1360px;
    overflow: hidden;
    padding: 0 10px;
}

#sec_case_banner .inner .banner_box{
    overflow: hidden;
    display: block;
    padding: 0;
    margin-top: 20px;
    box-sizing: border-box;
}


#sec_case_banner .inner .banner_box .contact_left{
    width: 100%;
    margin: 0 0 10px 0;
    max-width: 1000px;
    box-sizing: border-box;
    text-align: center;
    background: #214976;
    outline : 3px solid #FFFFFF; /* 線の太さ・線状・色 */
    outline-offset : -10px;
    padding: 20px 20px;
    transition: .3s;

}

#sec_case_banner .inner .banner_box .contact_left:hover{
    background: #275b96;
    transition: .3s;
}

#sec_case_banner .inner .banner_box a {
    
    width: 100%;
    height: 100%;
    text-decoration: none;
	
}

#sec_case_banner .inner .banner_box .contact_left p{
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
	
}

#sec_case_banner .inner .banner_box .contact_left p.main{
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

/*  画面サイズが640pxまで  */
@media screen and (min-width: 640px) {
    
    #sec_case_banner .inner .banner_box .contact_left p{
        color: #FFF;
        text-align: center;
        font-size: 18px;
        font-weight: bold;
    }

    #sec_case_banner .inner .banner_box .contact_left p.main{
        color: #FFF;
        text-align: center;
        font-size: 24px;
        font-weight: bold;
    }
	
    
    
}
@media screen and (min-width: 1000px) {

    #sec_case_banner{
        margin:0;
        padding:20px 0 50px 0;
        text-align: left;
    }
    
    #sec_case_banner .inner{
        padding: 0 10px;
    }
    #sec_case_banner .inner .banner_box{
        padding: 0 0;
        margin-top: 0px;
    }
    #sec_case_banner .inner .banner_box .contact_left{
        width: 100%;
        margin: 0 auto;
        text-align: center;
        max-width: 1000px;
        padding: 30px 20px;
    }
    #sec_case_banner .inner .banner_box .contact_left p{
        color: #FFF;
        text-align: center;
        font-size: 22px;
        font-weight: bold;
    }

    #sec_case_banner .inner .banner_box .contact_left p.main{
        color: #FFF;
        text-align: center;
        font-size: 30px;
        font-weight: bold;
    }
}


.ls_case15{
    letter-spacing: 0.15em;
}
.ls_case001{
    letter-spacing: -0.03em;
}

p.txt_underline{
    text-decoration: underline;
}