@charset "UTF-8";
/*
Theme Name: イサム塗料株式会社 v2
Description:
Theme URI:
Author:
Author URI:
Version:
License:
License URI:
Tags:
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,
u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,
output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-style: normal;
    font-size: 100%;
    vertical-align: baseline;
    font-weight:normal;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block;
}
blockquote,q {quotes: none;}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}
input,
textarea,
select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}
input,
textarea {
  margin: 0;
  padding: 0;
}

textarea {resize: vertical;}

ol,ul {list-style: none!important;}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin: 30px auto 0;
}
caption,th {text-align: left;}
th {font-weight: normal;}

a:focus {outline: none;}

a {
    text-decoration: none;
    color: inherit;
}

img {
    vertical-align: middle;
    width: auto;
    height: auto;
}

video {
    vertical-align: bottom;
    width: 100%;
    height: auto;
}




/*
============================
　汎用
============================
*/
/* 前頁内容はタイトルより中に入れる */
.common_all{
    width: 100%;
    margin: 20px auto 0;
}


.PC {display: block;}
.SP {display: none;}

.mx-auto{margin: 0 auto;}

.clearfix::after {
   content: "";
   display: block;
   clear: both;
}


.tc{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}

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

.bold{font-weight: bold!important;}
.normal{font-weight: normal!important;}

.inline{display: inline-block;}

/* 一字上げと下げ text-indent */
.indent_non{text-indent: initial;}
.indent_on{
    text-indent: -1em;
    margin-left: 1em;
}
/* - */
.indent-07{text-indent: -0.7em}
.indent-1{text-indent: -1em}
/* + */
.indent_1{text-indent: 1em}



.caption{
    font-size: 13px;
    color: #666666;
    text-align: left;
    line-height: 1.5;
}
.hr_border{
    border-top: 1px dashed #91b949;
}


/* フォント */
.fs13{font-size: 13px!important;}
.fs14{font-size: 14px!important;}
.fs15{font-size: 15px!important;}
.fs18{font-size: 18px!important;}
.fs20{font-size: 20px!important;}
.fs22{font-size: 22px!important;}
.fs23{font-size: 23px!important;}
.fs24{font-size: 24px!important;}
.fs26{font-size: 26px!important;}
.fs30{font-size: 30px!important;}
.fs40{font-size: 40px!important;}
.fs50{font-size: 50px!important;}

/* margin (-)*/
.mt_cut10{margin-top: -10px;}
.mt_cut20{margin-top: -20px;}

/* margin (auto) */
.m_auto{margin: 0 auto!important;}

/* margin */
.m0{margin: 0!important;}
.mt0{margin-top: 0!important;}
.mb0{margin-bottom: 0!important;}
.ml0{margin-left: 0!important;}
.mr0{margin-right: 0!important;}

.mt10{margin-top: 10px!important;}
.mt15{margin-top: 15px!important;}
.mt18{margin-top: 18px!important;}
.mt20{margin-top: 20px!important;}
.mt24{margin-top: 24px!important;}
.mt25{margin-top: 25px!important;}
.mt30{margin-top: 30px!important;}
.mt35{margin-top: 35px!important;}
.mt40{margin-top: 40px!important;}
.mt45{margin-top: 45px!important;}
.mt50{margin-top: 50px!important;}
.mt55{margin-top: 55px!important;}
.mt60{margin-top: 60px!important;}
.mt65{margin-top: 65px!important;}
.mt70{margin-top: 70px!important;}
.mt75{margin-top: 75px!important;}
.mt80{margin-top: 80px!important;}
.mt85{margin-top: 85px!important;}
.mt90{margin-top: 90px!important;}
.mt95{margin-top: 95px!important;}
.mt100{margin-top: 100px!important;}
.mt110{margin-top: 110px!important;}
.mt150{margin-top: 150px!important;}

.mb5{margin-bottom: 5px!important;}
.mb10{margin-bottom: 10px!important;}
.mb15{margin-bottom: 15px!important;}
.mb20{margin-bottom: 20px!important;}
.mb25{margin-bottom: 25px!important;}
.mb30{margin-bottom: 30px!important;}
.mb35{margin-bottom: 35px!important;}
.mb40{margin-bottom: 40px!important;}
.mb45{margin-bottom: 45px!important;}
.mb50{margin-bottom: 50px!important;}
.mb55{margin-bottom: 55px!important;}
.mb60{margin-bottom: 60px!important;}
.mb65{margin-bottom: 65px!important;}
.mb70{margin-bottom: 70px!important;}
.mb75{margin-bottom: 75px!important;}
.mb80{margin-bottom: 80px!important;}
.mb85{margin-bottom: 85px!important;}
.mb90{margin-bottom: 90px!important;}
.mb95{margin-bottom: 95px!important;}
.mb100{margin-bottom: 100px!important;}

.ml5{margin-left: 5px!important;}
.ml10{margin-left: 10px!important;}
.ml15{margin-left: 15px!important;}
.ml20{margin-left: 20px!important;}
.ml25{margin-left: 25px!important;}
.ml30{margin-left: 30px!important;}
.ml35{margin-left: 35px!important;}
.ml40{margin-left: 40px!important;}
.ml45{margin-left: 45px!important;}
.ml50{margin-left: 50px!important;}
.ml55{margin-left: 55px!important;}
.ml60{margin-left: 60px!important;}
.ml65{margin-left: 65px!important;}
.ml70{margin-left: 70px!important;}
.ml75{margin-left: 75px!important;}
.ml80{margin-left: 80px!important;}
.ml85{margin-left: 85px!important;}
.ml90{margin-left: 90px!important;}
.ml95{margin-left: 95px!important;}
.ml100{margin-left: 100px!important;}
.ml170{margin-left: 170px!important;}

.mr5{margin-right: 5px!important;}
.mr10{margin-right: 10px!important;}
.mr15{margin-right: 15px!important;}
.mr20{margin-right: 20px!important;}
.mr25{margin-right: 25px!important;}
.mr30{margin-right: 30px!important;}
.mr35{margin-right: 35px!important;}
.mr40{margin-right: 40px!important;}
.mr45{margin-right: 45px!important;}
.mr50{margin-right: 50px!important;}
.mr55{margin-right: 55px!important;}
.mr60{margin-right: 60px!important;}
.mr65{margin-right: 65px!important;}
.mr70{margin-right: 70px!important;}
.mr75{margin-right: 75px!important;}
.mr80{margin-right: 80px!important;}
.mr85{margin-right: 85px!important;}
.mr90{margin-right: 90px!important;}
.mr95{margin-right: 95px!important;}
.mr100{margin-right: 100px!important;}
.mr130{margin-right: 130px!important;}
.mr165{margin-right: 165px!important;}

.mx10{
    margin-left: 10px;
    margin-right: 10px;
}
.mx20{
    margin-left: 20px;
    margin-right: 20px;
}
.mx30{
    margin-left: 30px;
    margin-right: 30px;
}
.mx40{
    margin-left: 40px;
    margin-right: 40px;
}

/* margin (%)*/
.mr5p{margin-right: 5%;}
.mr6p{margin-right: 6%;}
.mr7p{margin-right: 7%;}
.mr8p{margin-right: 8%;}
.mr9p{margin-right: 9%;}
.mr10p{margin-right: 10%;}
.mr11-5p{margin-right: 11.5%;}
.mr12p{margin-right: 12%;}
.mr13p{margin-right: 13%;}
.mr14p{margin-right: 14%;}
.mr15p{margin-right: 15%;}
.mr16p{margin-right: 16%;}
.mr17p{margin-right: 17%;}
.mr20p{margin-right: 20%;}
.mr21p{margin-right: 21%;}
.mr22p{margin-right: 22%;}
.mr25p{margin-right: 25%;}

.ml5p{margin-left: 5%!important;}
.ml10p{margin-left: 10%!important;}
.ml15p{margin-left: 15%!important;}
.ml16p{margin-left: 16%!important;}
.ml17p{margin-left: 17%!important;}
.ml20p{margin-left: 20%!important;}

/* margin(-)*/
.ml-10{margin-left: -10px!important;}
.ml-84{margin-left: -84px!important;}

/* padding */
.p0{padding: 0!important;}
.pt0{padding-top: 0!important;}
.pb0{padding-bottom: 0!important;}
.pl0{padding-left: 0!important;}
.pr0{padding-right: 0!important;}

.p5{padding: 5px;}
.p10{padding: 10px;}
.p20{padding: 20px;}

.pt5{padding-top: 5px;}
.pt10{padding-top: 10px;}
.pt20{padding-top: 20px;}
.pt30{padding-top: 30px;}
.pt40{padding-top: 40px;}
.pt50{padding-top: 50px;}

.pb5{padding-bottom: 5px;}
.pb10{padding-bottom: 10px;}
.pb20{padding-bottom: 20px;}
.pb30{padding-bottom: 30px;}
.pb40{padding-bottom: 40px;}
.pb50{padding-bottom: 50px;}

.pl10{padding-left: 10px;}
.pl20{padding-left: 20px;}
.pl30{padding-left: 30px;}
.pl40{padding-left: 40px;}
.pl50{padding-left: 50px;}
.pl60{padding-left: 60px;}
.pl100{padding-left: 100px;}

.pr10{padding-right: 10px;}
.pr20{padding-right: 20px;}
.pr30{padding-right: 30px;}
.pr40{padding-right: 40px;}
.pr50{padding-right: 50px;}

.px10{
    padding-left: 10px;
    padding-right: 10px;
}
.px20{
    padding-left: 20px;
    padding-right: 20px;
}

.px30{
    padding-left: 30px;
    padding-right: 30px;
}

.py10{
    padding-top: 10px;
    padding-bottom: 10px;
}

/* width % */
.w-50{
    width: 50%;
    margin: 0 auto;
}
.w-3_5{width: 3.5%;}
.w-4{width: 4%;}
.w-9{width: 9%;}
.w-10{width: 10%;}
.w-12{width: 12%;}
.w-13{width: 13%;}
.w-14{width: 14%;}
.w-15{width: 15%;}
.w-17{width: 17%;}
.w-20{width: 20%;}
.w-21{width: 21%;}
.w-22{width: 22%;}
.w-26{width: 26%;}
.w-29{width: 29%;}
.w-30{width: 30%!important;}
.w-40{width: 40%;}
.w-43{width: 43%;}
.w-45{width: 45%;}
.w-60{width: 60%;}
.w-66{width: 66%;}
.w-70{width: 70%;}
.w-80{width: 80%;}
.w-85{width: 85%;}
.w-100p{width: 100%;}

/* width px */
.w-90{width: 90px;}
.w-100{width: 100px;}
.w-120{width: 120px;}
.w-150{width: 150px;}
.w-200{width: 200px;}
.w-210{width: 210px;}
.w-220{width: 220px;}
.w-250{width: 250px;}
.w-270{width: 270px;}
.w-280{width: 280px;}
.w-300{width: 300px;}
.w-320{width: 320px;}
.w-340{width: 340px;}
.w-350{width: 350px;}
.w-360{width: 360px;}
.w-370{width: 370px;}
.w-380{width: 380px;}
.w-400{width: 400px;}
.w-420{width: 420px;}
.w-450{width: 450px;}
.w-490{width: 490px!important;}
.w-500{width: 500px!important;}
.w-510{width: 510px;}
.w-550{width: 550px;}
.w-565{width: 565px;}
.w-570{width: 570px;}
.w-580{width: 580px;}
.w-590{width: 590px;}
.w-600{width: 600px;}
.w-640{width: 640px;}
.w-650{width: 650px;}
.w-660{width: 660px;}
.w-680{width: 680px;}
.w-700{width: 700px;}
.w-710{width: 710px;}
.w-720{width: 720px;}
.w-750{width: 750px;}
.w-780{width: 780px;}
.w-800{width: 800px;}
.w-820{width: 820px;}
.w-830{width: 830px;}
.w-832{width: 832px;}
.w-850{width: 850px;}
.w-870{width: 870px;}
.w-900{width: 900px;}
.w-930{width: 930px;}
.w-950{width: 950px;}
.w-955{width: 955px;}
.w-1000{width: 1000px;}
.w-1050{width: 1050px;}
.w-1100{width: 1100px;}
.w-1200{width: 1200px;}
.w-1220{width: 1220px;}
.w-1300{width: 1300px;}
.w-1330{width: 1330px;}

/* color */
.c_white{color: #ffffff!important;}
.c-orange{color:#da8c5c!important;}
.c_yellow{color: #ffc000!important;}
.c_red{color:#ff0000!important;}
.c_blue{color: #4472c4!important;}
.c_green{color: #91b949!important;}
.c_gray{color: #666666;}

.c_lightorange{color:#da8c5c!important;}
.c_lightblue{color: #5b9bd5!important;}
.c_lightgray{color:#a5a5a5!important;}

.c_tifblue{color:#6ec5c5!important;}

/* background　color */
.bg_pastelblue{background:#3cb3e4!important;}
.bg_pastelgreen{background:#c0e086!important;}

sub {font-size: 10px;}

.lh_14 {line-height: 1.4!important;}
.lh_15 {line-height: 1.5!important;}
.lh_16 {line-height: 1.6!important;}
.lh_17 {line-height: 1.7!important;}
.lh_18 {line-height: 1.8!important;}

/* borde */
.bd0{border: 0px!important;}

.bt_lightgray{border-top:1px solid #cccccc;}

.bb_lightgray{border-bottom:1px solid #cccccc;}


/* 4列から3列（画像）
------------------------------*/
*, *:before, *:after {
	box-sizing: border-box;
}
.col_4{
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
@media screen and (max-width: 960px) {
	.col_4 > div{
		width: 33.33333%;
	}
   .sp_mb20{margin-bottom: 20px;}
}
@media screen and (min-width: 300px) and (max-width: 480px) {
	.col_4 > div{
    width: 47%!important;
    min-width: auto!important;
    height: auto;
	}
}
/*---------------↑ここまで----------------*/


/* arrow_down やじるし下へ
----------------------------*/
.arrow_down {
    width: 65px;
    margin: 0 auto;
    position: relative;
    bottom: 35px;
}
.arrow_down a{
    display: block;
}


#area_1,#area_2,#area_3,#area_4,#area_5,
#area_6,#area_7,#area_8,#area_9,#area_10,
#area_11,#area_12,#area_13,#area_14,#area_15,
#area_16,#area_17,#area_18,#area_19,#area_20,
#area_21 {
    margin-top: -180px;
    padding-top: 180px;
}
@media screen and (max-width: 768px) {
    #area_1, #area_2, #area_3, #area_4, #area_5,
    #area_6, #area_7, #area_8, #area_9, #area_10,
    #area_11,#area_12,#area_13,#area_14,#area_15,
    #area_16,#area_17,#area_18,#area_19,#area_20,
    #area_21 {
        margin-top: -80px;
        padding-top: 80px;
    }
    .arrow_down img{
        width: 55px;
    }
}
@media screen and (max-width: 415px) {
    .slider-pc{display: none;}
    
    #area_1, #area_2, #area_3, #area_4, #area_5,
    #area_6, #area_7, #area_8, #area_9, #area_10,
    #area_11,#area_12,#area_13,#area_14,#area_15,
    #area_16,#area_17,#area_18,#area_19,#area_20,
    #area_21  {
        margin-top: -40px;
        padding-top: 40px;
    }
    
}
/*---------------↑ここまで----------------*/





@media screen and (max-width: 1680px) {
    .president-message p {
        width: 100%;
    }
    /* 前頁内容はタイトルより中に入れる設定 */
    .common_all{
        width: 100%!important;
    }
}
@media screen and (max-width: 1024px) {/* タブレット用 */
    /* 前頁内容はタイトルより中に入れる設定 */
    .common_all{
        width: 100%!important;
    }

    .tablet_mr0{margin-right: 0!important;}
    .tablet_ml0{margin-left: 0!important;}

}

@media screen and (max-width: 920px) {
    .w-50,.w-60,.w-70,.w-80{width: 100%;}
    table {
        width: 100%;
    } 
}
@media screen and (max-width: 768px) {
    
    p{line-height: 1.5!important;}    
    
    /* 前頁内容はタイトルより中に入れる設定 */
    .common_all{
        width: 100%;
    }

    .PC {display: none;}
    .SP {display: block;}

    .left{float:none;}
    .right{float:none;}
    
    .sp_left{float:left!important;}
    .sp_right{float:right!important;}
    
    .sp_text-left{text-align: left!important;}
    
    .sp_indent_non{
        text-indent: initial;
        margin-left: auto;    
    }
    
    /* フォント */
    .sp_fs14{font-size: 14px!important;}
    .sp_fs15{font-size: 15px!important;}
    .sp_fs16{font-size: 16px!important;}
    .sp_fs17{font-size: 17px!important;}
    .sp_fs18{font-size: 18px!important;}
    .sp_fs20{font-size: 20px!important;}
    .sp_fs22{font-size: 22px!important;}
    .sp_fs24{font-size: 24px!important;}
    .sp_fs26{font-size: 26px!important;}
    .sp_fs30{font-size: 30px!important;}
    
    
    /* width */
    .w-50,.w-80{width: 100%;}
    .min_w100{min-width: 100%!important;}
    
    .sp_w10{width:10%!important;}
    .sp_w15{width:15%!important;}
    .sp_w16{width:16%!important;}
    .sp_w25{width:25%!important;}
    .sp_w30{width:30%!important;}
    .sp_w35{width:35%!important;}
    .sp_w40{width:40%!important;}
    .sp_w50{width:50%!important;}
    .sp_w60{width:60%!important;}
    .sp_w65{width:65%!important;}
    .sp_w70{width:70%!important;}
    .sp_w80{width:80%!important;}
    .sp_w85{width:85%!important;}
    .sp_w90{width:90%!important;}
    .sp_w100{width:100%!important;}
    
    .sp_w0{width: auto!important;}
    
    .w-90{width: 90%!important;}
    .w-120{width: 100%!important;}
    .w-150{width: 100%!important;}
    .w-200{width: 100%!important;}
    .w-210{width: 100%!important;}
    .w-220{width: 100%!important;}
    .w-250{width: 100%!important;}
    .w-270{width: 100%!important;}
    .w-280{width: 100%!important;}
    .w-300{width: 100%!important;}
    .w-320{width: 100%!important;}
    .w-340{width: 100%!important;}
    .w-350{width: 100%!important;}
    .w-360{width: 100%!important;}
    .w-370{width: 100%!important;}
    .w-380{width: 100%!important;}
    .w-400{width: 100%!important;}
    .w-420{width: 100%!important;}
    .w-450{width: 100%!important;}
    .w-490{width: 100%!important;}
    .w-500{width: 100%!important;}
    .w-510{width: 100%!important;}
    .w-550{width: 100%!important;}
    .w-565{width: 100%!important;}
    .w-570{width: 100%!important;}
    .w-580{width: 100%!important;}
    .w-590{width: 100%!important;}
    .w-600{width: 100%!important;}
    .w-640{width: 100%!important;}
    .w-650{width: 100%!important;}
    .w-660{width: 100%!important;}
    .w-680{width: 100%!important;}
    .w-700{width: 100%!important;}
    .w-710{width: 100%!important;}
    .w-720{width: 100%!important;}
    .w-750{width: 100%!important;}
    .w-780{width: 100%!important;}
    .w-800{width: 100%!important;}
    .w-830{width: 100%!important;}
    .w-820{width: 100%!important;}
    .w-832{width: 100%!important;}
    .w-850{width: 100%!important;}
    .w-870{width: 100%!important;}
    .w-900{width: 100%!important;}
    .w-930{width: 100%!important;}
    .w-950{width: 100%!important;}
    .w-955{width: 100%!important;}
    .w-1000{width: 100%!important;}
    .w-1050{width: 100%!important;}
    .w-1100{width: 100%!important;}
    .w-1200{width: 100%!important;}
    .w-1220{width: 100%!important;}
    .w-1300{width: 100%!important;}
    .w-1330{width: 100%!important;}
    
    
    /* margin (-)*/
    .mt_cut10{margin-top: 0;}
    .mt_cut20{margin-top: 0;}
    
    /* margin (%)*/
    .sp_mr0p{margin-right: 0!important;}
    
    .sp_mr10p{margin-right: 10%!important;}
    .sp_mr15p{margin-right: 15%!important;}
    
    .sp_ml5p{margin-left: 5%!important;}
    .sp_ml8p{margin-left: 8%!important;}
    .sp_ml10p{margin-left: 10%!important;}
    .sp_ml15p{margin-left: 15%!important;}
    .sp_ml20p{margin-left: 20%!important;}
        
    /* margin */
    .m0{margin: 0;}
    .sp_mt0{margin-top: 0!important;}
    .sp_mb0{margin-bottom: 0!important;}
    .sp_ml0{margin-left: 0!important;}
    .sp_mr0{margin-right: 0!important;}
    
    .sp_mt10{margin-top: 10px!important;}
    .sp_mt20{margin-top: 20px!important;}
    .sp_mt30{margin-top: 30px!important;}
    .sp_mt40{margin-top: 40px!important;}
    .sp_mt50{margin-top: 50px!important;}
    .sp_mt60{margin-top: 60px!important;}
    .sp_mt70{margin-top: 70px!important;}
    .sp_mt80{margin-top: 80px!important;}
    
    .sp_mb10{margin-bottom: 10px!important;}
    .sp_mb20{margin-bottom: 20px!important;}
    .sp_mb30{margin-bottom: 30px!important;}
    .sp_mb40{margin-bottom: 40px!important;}
    .sp_mb50{margin-bottom: 50px!important;}
    
    .sp_ml8{margin-left: 8px!important;}
    .sp_ml10{margin-left: 10px!important;}
    .sp_ml15{margin-left: 15px!important;}
    .sp_ml19{margin-left: 19px!important;}
    .sp_ml20{margin-left: 20px!important;}
    .sp_ml30{margin-left: 30px!important;}
    .sp_ml40{margin-left: 40px!important;}
    .sp_ml50{margin-left: 50px!important;}
    .sp_ml60{margin-left: 60px!important;}
    .sp_ml70{margin-left: 70px!important;}
    .sp_ml80{margin-left: 80px!important;}

    .sp_mr10{margin-right: 10px!important;}
    .sp_mr20{margin-right: 20px!important;}
    .sp_mr30{margin-right: 30px!important;}
    .sp_mr40{margin-right: 40px!important;}
    .sp_mr50{margin-right: 50px!important;}
    .sp_mr60{margin-right: 60px!important;}
    .sp_mr70{margin-right: 70px!important;}
    .sp_mr80{margin-right: 80px!important;}
    
    .sp_mx0{
        margin-left:0;
        margin-right:0;
    }

    /* padding */
    .sp_p0{padding:0!important;}
    .sp_pt0{padding-top:0!important;}
    .sp_pb0{padding-bottom:0!important;}
    .sp_pl0{padding-left:0!important;}
    .sp_pr0{padding-right:0!important;}
    
    .sp_p10{padding: 10px;}
	.sp_p2{padding: 2px;}
    
    .sp_pl10{padding-left: 10px!important;}
    
    .sp_pr10{padding-right: 10px!important;}
    
    .sp_pb10{padding-bottom:10px!important;}
    
    .sp_px10{
        padding-left: 10px!important;
        padding-right: 10px!important;
    }
}





body,html {
    overflow: visible;
    height: auto;
}
body.fix,
html.fix {
    overflow: hidden;
    height: 100%;
}
html{
    font-size: 62.5%;
    -webkit-overflow-scrolling: touch;
}
body {
    font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
    font-size:16px;
    color: #333333;
    -webkit-text-size-adjust: 100%;
    text-align: left;
}

.all_wrap {
    overflow: hidden;
    margin-top: 70px;
}

.outer {
    max-width: 100%;
    min-width: 100%;
    margin: 0 auto;
    padding-top: 78px;
}

h2,h3,h4,h5,h6,th,td,small,li,dt,dd {
  line-height: 1.4;
}

p {line-height: 2;}

th,td {vertical-align: middle;}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="submit"],
textarea,
select,
button {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
    border: 0;
    vertical-align: middle;
}

input[type="text"],
input[type="tel"],
input[type="email"],
textarea {
    border: 1px solid #7C7C7C;
    background: #fff;
    font-size: 14px;
    padding: 10px 20px;
    width: 100%;
}

.select-custom {
    position: relative;
    pointer-events: none;
    border: 1px solid #7C7C7C;
}
.select-custom::before {
    pointer-events: none;
    position: absolute;
    content: "";
    display: block;
    right: 0px;
    top: 0px;
    width: 43px;
    height: 100%;
    background: url(./images/select-bg.svg) no-repeat 100% 50%/auto 100%;
}
.select-custom select {
    background: #fff;
    font-size: 14px;
    padding: 10px 20px;
    width: 100%;
    pointer-events: auto;
}

/*ボタン
-------------------*/
.btn {
    display: block;
    text-align: center;
    margin: auto;
    color: #fff;
    font-weight: bold;
}
.btn span {
    padding-left: 2.6em;
    background-repeat: no-repeat;
    background-position: 0 50%;
    display: inline-block;
    line-height: 1.8;
}
/*
.btn--default {
    width: 390px;
    height: 60px;
    line-height: 60px;
    margin-top: 40px;
    font-size: 16px;
}*/

.btn--default {
    width: 440px;
    padding: 10px 10px;
    line-height: 60px;
    margin-top: 40px;
    font-size: 18px;
    letter-spacing: 1px;
}


.btn--default span {
      background-size: 20px auto;
}

.btn--sidebar {
    position: relative;
    height: 80px;
    line-height: 80px;
    font-size: 22px;
    margin-bottom: 10px;
}
.btn--sidebar::before {
    position: absolute;
    content: "";
    display: block;
    bottom: 5px;
    right: 5px;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #fff;
    transform-origin: center left;
    transform: rotate(45deg);
}

.btn--ch-english {
    background: #F78631;
    width: 120px;
    margin: 0 0 0 15px;
    font-weight: normal;
    height: 30px;
    line-height: 30px;
}
.btn--ch-english span {
    background-image: url(./images/icon_ch.svg);
    background-size: 20px auto;
    padding-left: 1.8em;
}

.btn--lead-contact,.btn.btn--default.btn-total-contact {
    background: #91b949;
}

.btn-pdf-download{
    background: #91b949;
}
.btn--lead-contact span,.btn-pdf-download span{
    background-image: url(./images/icon_arrow-bottom.svg);
}
.pdf-download-list li{
    list-style: none;
}
.pdf-download-list a:hover{
    opacity: .5;
    transition: .5s;
}
a.btn.btn--default.btn-total-contact:hover {
    opacity: .5;
    transition: .5s;
}
.btn--back-list {
    background: #313A49;
    margin-top: 60px;
}
.btn--back-list span {
    background-image: url(./images/icon_arrow-left.svg);
}

.btn--submit {
    background: #e02a30 url(./images/icon_arrow-right.svg) no-repeat 24% 50%/20px auto;
    margin-bottom: 50px;
}

.btn--contact {
  height: 110px;
  line-height: 135px;
  background: #e02a30;
}
.btn--contact span {
  text-align: left;
  background-image: url(./images/icon_mail.svg);
  background-size: 50px auto;
  line-height: 1.4em;
  padding-left: 3.4em;
}
.btn--contact b {
  font-weight: normal;
  display: block;
  font-size: 16px;
  margin-top: 2px;
}

.btn--env span {
  background-image: url(./images/icon_environment.svg);
  padding-left: 55px;
  background-size: 34px auto;
}


.btn--mov-list {
      background: #28547f;
}
.btn--mov-list span {
    background-image: url(./images/icon_movie.svg);
    padding-left: 54px;
    background-size: 36px auto;
}

.btn--youtube {
      font-size: 0;
}

.btn--go {
    height: 40px;
    line-height: 40px;
    width: 360px;
}
.btn--go span {
    font-size: 16px;
    background: url(./images/icon_arrow-right.svg) no-repeat 0 50%/16px auto;
}
.btn--go.btn--go--green {
      background: #3c9694;
}
.btn--go.btn--go--lightgreen {
    background: #4bb758;
}

/* 追記指定 */
h1 {
    font-size: 36px;/* IE8以下とAndroid4.3以下用フォールバック */
    font-size: calc(2.4rem + ((1vw - 0.64rem) * 2.1429));/* 24px~36pxで可変*/
    line-height: 1.3;
}
h2 {
    font-size: 24px;/* IE8以下とAndroid4.3以下用フォールバック */
    font-size: calc(2rem + ((1vw - 0.64rem) * 0.7143));/* 20px~24pxで可変*/
    line-height: 1.3;
}
@media (min-width: 1200px) {/* 1200px以上*/
    h1 {font-size: 36px;}/* 36px*/
    h2 {font-size: 24px;}/* 24px*/
}
@media screen and (max-width: 640px) {/* 640px以下*/
    body{line-height: 2;}
    h1{font-size: 24px;}/* 24px*/
    h2{font-size: 20px;}/* 20px*/
}

header {
    background: #fff;
    display: block;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    z-index: 999;
    font-size: 14px;
    position: fixed;
    width: 100%;
    border-top: 10px solid #acd6d6;
    border-bottom: 1px solid #acd6d6;
    background-color: rgba(255,255,255,0.9);
}
.menu-btn {
    display: none;
}

/* ==================
header用指定
================== */
.header-top-box {
    display: flex;
    padding: 10px 0 0;
    height: 65px;
    justify-content: inherit;
}
.header-top-box h1.PC {
    width: 400px;
    max-width: 400px;
    padding: 20px 10px;
    min-width: 400px;
}
.header-top-box h1.PC svg {
    width: 370px;
    margin-top: -20px;
}
.h-nav__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.contact-area-box{
    width: 250px;
    background: #acd6d6;
    text-align: center;
    font-size: 20px;
    border-radius: 20px;
    margin: 10px;
}
.contact-area-box a{
    padding: 7px;
    display: block;
}
.contact-area-box a:hover{
    opacity: 0.5;
}

.top-product-box{
    display: flex;
}
.top-product-item{
    width: 25%;
    margin: 0 auto;
}
.m-side {
    display: none;
}

/* index各list
-----------------------------*/
.box-link-list .box-link-list__item--l {
    width: 25%;
}
img.product-img {
    vertical-align: middle;
    max-width: 100%;
    border-radius: 50%;
    border: 7px solid #fff;
}
.m-article {
    width: 100%;
}
.product-wrapper,.service-wrapper{
    width: 100%;
    padding: 40px 0;
}

.inner-wrapper{
    width: 75%;
    margin: 0 auto;
}
.section-ttl{
    text-align: center;
    padding: 40px 0;
}

/* スポンサー バナースライダー
---------------------------------*/
.supporter-wrapper{
    width: 100%;
    margin: 0 auto;
    padding: 40px 0;
}
.supporter-slide{
  position:relative;
  /* 表示するスライダーの高さを設定 */
  height: 250px;
  margin:0 auto;
  padding:0 auto;
  text-align: center;
}
.supporter-slide ul{
  margin:0;
  padding:0;
  list-style:none;
}

.supporter-slide ul li{
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  animation-iteration-count:infinite;
  /* アニメーションの周期は14秒 */
  animation-duration:14s;
}

.supporter-slide ul li a{
    display: block;
}

/* -------------------------------------------------- */
/* スライダー アニメーション開始時間の設定 */

.supporter-slide ul li:nth-child(1){
  animation-name:supporter-slide;
  /* 2秒前からスタート */
  animation-delay:-2s;
}
.supporter-slide ul li:nth-child(2){
  animation-name:supporter-slide;
  /* 5秒後（7秒-2秒）からスタート */
  animation-delay:5s;
  opacity:0;
}

/* -------------------------------------------------- */
/* フェードイン・フェードアウトの設定 */

@keyframes supporter-slide{
　/* 非表示（不透明度0%）状態からフェードインを始める  */
  0%{
      opacity:0;
  }
  /* ここまでにフェードインを完了し、完全表示（不透明度100%）にする */
  14.28%{
      opacity:1;
      z-index: 20;
  }
  /* ここまで完全表示（不透明度100%）の状態を維持したらフェードアウトを始める */
  50%{
      opacity:1;
  }
  /* ここまでにフェードアウトを完了し、非表示（不透明度0%）にする */
  64.28%{
      opacity:0;
  }
  /* 非表示（不透明度0%）状態を維持したまま終わる */
  100%{
      opacity:0;
  } 
}
/* SP */
@media screen and (min-width: 768px)and (max-width: 1426px) {
    .supporter-slide img{
        width:95%;
    }
}
@media screen and (max-width: 768px) {
    .supporter-slide{
      height: 20vh;
    } 
}
/* スポンサー バナースライダー　ここまで */



/* 関連サイトarea */
@media screen and (max-width: 1830px) {
    .group-wrapper .inner-wrapper{
        width: 80%;
    }
}
@media screen and (max-width: 1710px) {
    .group-wrapper .inner-wrapper{
        width: 85%;
    }
}
@media screen and (max-width: 1590px) {
    .group-wrapper .inner-wrapper{
        width: 90%;
    }
}
@media screen and (max-width: 1450px) {
    .group-wrapper .inner-wrapper{
        width: 100%;
    }
}
@media screen and (max-width: 1375px) {
    .group-wrapper .inner-wrapper{
        width: 75%;
    }
}
    
    
/* 製品情報４並びの設定 */
@media screen and (min-width: 1284px)and (max-width: 1680px) {
    .product-wrapper .inner-wrapper{
        width: 90%;
    }
}
@media screen and (min-width: 768px)and (max-width: 1284px) {
    .product-wrapper .inner-wrapper{
        width: 90%;
    }
    .product-wrapper .inner-wrapper ul p {
        text-align: left;
    }
    .product-wrapper .inner-wrapper ul p .PC{
        display: none;
    }
}
/* ここまで */

@media screen and (min-width: 825px)and (max-width: 940px) {
    .header-top-box .PC .mr10{
        margin-right: 0!important;
    }
    .header-top-box .PC h1 .w-300{
        width: 200px;
    }
}

@media screen and (min-width: 768px)and (max-width: 825px) {
    .header-top-box .PC h1{
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .header-top-box h1.PC {
        display: none;
    }
    .header-top-box h1.SP {
        display: block;
        margin: 0 20px;
    }

    .header-top-box {
        display: block;
        padding: 10px 0 0;
        justify-content: inherit;
    }
    
    .header-top-box .SP{
        position: relative;
        z-index: 5;
    }

    
    .contact-area-box {
        width: 44%;
        background: #acd6d6;
        text-align: center;
        font-size: 15px;
        padding: 7px;
        margin: 0 0 10px 0;
        display: flex;
    }
    .contact-area-box a img{
        margin-right: 5px;
    }
    .contact-area-box a{
        padding: 0;
    }
	
    .h-nav__item {
        display: block;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        margin: 0 10px 0 0;
        position: relative;
        z-index: 3;
    }
    
    .gnav-area {
        position: absolute;
        top: 10px;
        right: 5%;
        width: 10%;
        z-index: 4;

    }
    .inner-wrapper {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    .conclusion-wrap {
        padding: 0;
    }
}

/*　フッター
--------------------------------*/
.f-common {
    color: #fff;
    font-size: 13px;
    padding: 15px 0px;
}
.f-common .outer {
    text-align: center;
}
.f-common small {
    font-size: 11px;
}

/*　TOPへボタン
--------------------------------*/
.page-top {
    position: fixed;
    right: 45px;
    bottom: 45px;
    background: #f6b37f;
    color: #fff;
    width: 70px;
    height: 70px;
    line-height: 85px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    border-radius: 50%;
}
.page-top::before {
    position: absolute;
    content: "";
    display: block;
    top: 16px;
    left: 0;
    right: 0;
    width: 8px;
    height: 8px;
    border-style: solid;
    border-width: 3px 3px 0 0;
    border-color: #fff;
    margin: 0 auto;
    transform: rotate(-45deg);
}

/* 検索
----------------------------*/
.searchform {
    width: 230px;
    display: -ms-flexbox;
    display: flex;
}
.searchform input {
    height: 30px;
}
.searchform input:nth-of-type(1) {
    background: #F7F7F7;
    padding: 5px 10px;
    line-height: 1.4em;
    border-color: #898989;
    width: calc(100% - 70px);
}
.searchform input:nth-of-type(2) {
    background: #898989 url(./images/icon_find.svg) no-repeat 8px 50%/16px auto;
    color: #fff;
    line-height: 28px;
    width: 70px;
    text-align: center;
    padding-left: 20px;
}

/*　パンくず
---------------------------*/
.breadcrumbs {
    font-size: 12px;
    padding: 20px;
    margin: 40px 0 0;
    letter-spacing: -0.4em;
}
.breadcrumbs > span {
    letter-spacing: normal;
    vertical-align: middle;
    padding: 0 5px;
    line-height: 1.4;
    display: inline-block;
}

/*　h2　タイトル
---------------------------*/ 
.page-ttl {
    font-size: 28px;
    font-weight: normal;
    width: 80%;
	 max-width: 1200px;
    text-align: left;
    margin: 0 auto 40px;
    padding: 1rem 3rem;
    border-radius: 100vh;
    color: #333;
    background-image: linear-gradient(to right, #acd6d6 0%, #fff 100%);
}

.m-wrap {
    zoom: 1;
    margin: 0 auto;
    width: 100%;
}
.m-wrap:before,.m-wrap:after {
    content: "";
    display: table;
}
.m-wrap:after {
    clear: both;
}
/* トップページのみマックスワイド */
.m-wrap.index {
    margin-top: 30px;
    width: 100%;
}
.m-wrap.index .m-article {
    padding: 0;
}
.m-article.index {
    width: 100%;
    margin: 0 auto;
}
.m-article {
    width: 75%;
    margin: 0 auto 100px;
}
.m-article.product,.m-article.product-archive,.m-article.index,.m-article.movie-list {
    padding: 0;
}
 .m-article.product-archive{
    background: none;
    padding: 0;
    width: 100%;
/*  margin: 0 auto;*/
}
.m-article.env-efforts {
    width: 75%;
}
.m-side {
    display: none;
}

.headtype01 {
    border-bottom: 3px solid #f6b37f;
    padding-bottom: 5px;
    margin-bottom: 20px;
}
.headtype01 span {
    border-left: 22px solid #f6b37f;
    font-size: 22px;
    padding-left: 10px;
    display: inline-block;
    font-weight: 600;
}

.headtype02 {
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: bold;
}
.headtype02::before {
    content: "■";
    display: block;
    float:left;
    color: #91b949;
}
.headtype03 {
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    padding-left: 20px;
}
.headtype04{
    font-size: 18px;
    margin: 10px 0;
}
.headtype05{
    font-size: 22px;
    margin: 20px auto;
    text-align: center;
    font-weight: 600;
}
.headtype06{
    font-size: 18px;
    text-align: left;
    margin:30px 0 20px;
    font-weight: normal;
    border-left: 5px solid #6ec5c5;
    color: #6ec5c5;;
}
.headtype07 {
    padding: 10px 0 10px;
    background: #d0e8e8;
    font-size: 18px;
    color: #333;
    border-bottom: solid 3px #acd6d6;
    width: 320px;
    text-align: center;
    margin: 0 auto 20px;
    font-weight: 600;
}
.headtype08 {
    font-size: 16px;
    color: #333;
    border-left: 5px solid #acd6d6;
    font-weight: 600;
}

.movie-cat-ttl {
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    padding-left: 20px;
}

.form-table th,.form-table td {
    border-bottom: 12px solid #fff;
}
.form-table th {
    padding: 0 10px;
    background: #E8E8E8;
    width: 230px;
    border-right: 4px solid #fff;
}
.form-table td {
    padding: 10px 15px 10px 8px;
    background: #F7F7F7;
}
.form-table .note {
    color: #6d6d6d;
    font-size: 12px;
    display: block;
    line-height: 1.4;
}

.required {
    color: #FF0000;
    font-weight: bold;
}

.mw_wp_form .error {
    margin-top: 1em;
    color: #f00;
}

.list--type01 {
    padding-top: 5px;
    width: 90%;
    margin: 20px auto 0; 
}

.list--type01__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    border-bottom: 1px solid #dddddd;
    padding: 10px 0;
    font-size: 16px;
}

.list--type01__label {
    font-size: 14px;
}
.list--type01__label.font-s {
    font-size: 11px;
}

.list--type01__ttl {
    width: calc(100% - 300px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: normal;
}


/* お知らせ
---------------------------*/
.list-label {
    color: #333;
    height: 24px;
    line-height: 24px;
    width: 130px;
    text-align: center;
    display: inline-block;
}
.list-label.news {
    background: #ffbdbd;
}
.list-label.ir {
    background: #c0e086;
}

.wp-pagenavi {
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 55px 0 0;
}

.pages,.first,.extend,.last {
    display: none;
}

.page,.current,.previouspostslink,.nextpostslink {
    height: 30px;
    line-height: 30px;
    border: 1px solid #b5dfdf;
    margin: 5px;
    font-size: 16px;
}

.page,.current {
    width: 50px;
}

.current {
    border-color: #acd6d6;
    background: #acd6d6;
    color: #fff;
}

.previouspostslink,.nextpostslink {
    background: #b5dfdf;
    color: #fff;
    width: 70px;
}

.pager_wrap {
    margin-top: 80px;
    zoom: 1;
}
.pager_wrap:before,.pager_wrap:after {
    content: "";
    display: table;
}
.pager_wrap:after {
    clear: both;
}
.pager_wrap .btn_pager_prev,.pager_wrap .btn_pager_next {
    max-width: 280px;
    width: 38%;
}
.pager_wrap .btn_pager_prev a,.pager_wrap .btn_pager_next a {
    display: block;
    border: 1px solid #E60012;
    color: #E60012;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: 30px auto;
    font-size: 14px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    margin-bottom: 100px;
}
.pager_wrap .btn_pager_prev {
    float: left;
}
.pager_wrap .btn_pager_prev a {
    background-image: url(./images/icon_arrow_blue_left.svg);
    background-position: 10% 50%;
}
.pager_wrap .btn_pager_next {
    float: right;
}
.pager_wrap .btn_pager_next a {
    background-image: url(./images/icon_arrow_blue.svg);
    background-position: 90% 50%;
}

.side-cat-box {
    background: #fff;
    margin-bottom: 10px;
}
.side-cat-box:last-of-type {
    margin-bottom: 40px;
}


/* ヘッダー
------------------------------*/

.side-cat-box__ttl {
    display: block;
    position: relative;
    height: 80px;
    line-height: 80px;
    padding: 0 20px;
    cursor: pointer;
}
.side-cat-box__ttl::before,.side-cat-box__ttl::after {
    position: absolute;
    content: "";
    display: block;
    width: 20px;
    height: 0;
    border-top: 4px solid #E60012;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 10px;
    transform-origin: center;
    -webkit-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}
.side-cat-box__ttl::after {
    transform: rotate(90deg);
}
.side-cat-box__ttl.show::after {
    transform: rotate(0deg);
}
.side-cat-box__ttl span {
    font-weight: bold;
    font-size: 22px;
    padding-left: 25px;
    position: relative;
}
.side-cat-box__ttl span::before {
    position: absolute;
    content: "";
    display: block;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-top: 6px solid #000;
    width: 15px;
    height: 0;
}
.side-cat-box__ttl.csr span::before,.side-cat-box__ttl.automobile span::before {
    border-color: #ECC25C;
}
.side-cat-box__ttl.industrial span::before {
    border-color: #e52940;
}
.side-cat-box__ttl.architecture span::before {
    border-color: #0a8940;
}
.side-cat-box__ttl.aerosol span::before {
    border-color: #1c9987;
}
.side-cat-box__ttl.sds::before,.side-cat-box__ttl.sds::after {
    display: none;
}
.side-cat-box__ttl.sds span::before {
    border-color: #2982cc;
}
.side-cat-box__ttl.ir span::before {
    border-color: #ec8558;
}
.side-cat-box__ttl.env-efforts span::before {
    border-color: #67aa4f;
}
.side-cat-box__ttl.president-message span::before {
    border-color: #4bb758;
}

.side-cat-box__list {
    padding: 10px 20px;
}
.side-cat-box__list a {
    font-size: 16px;
    padding: 15px 10px;
    line-height: 1.2;
    display: block;
}
.side-cat-box__list li + li a {
    border-top: 1px solid #7C7C7C;
}

.side_ttl {
    font-size: 22px;
    font-weight: bold;
    padding-bottom: 5px;
    border-bottom: 2px solid #fff;
    margin-bottom: 10px;
}

.m-side__iframe-wrap {
    display: none;
}
.m-side__iframe-wrap iframe {
    display: none;
}

.related-sites-wrap {
    width: 100%;
}
.related-sites-wrap .related-sites + .related-sites {
    margin-left: 12px;
}

.box-link-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}
.box-link-list li {
    padding: 5px;
}
.box-link-list li a {
    display: block;
    height: auto;
    color: #333;
}
.box-link-list li a:hover {
    opacity: 0.5;
}

.box-link-list .product-item-inner{
    text-align:center;
}
.box-link-list p {
    font-size: 16px;
    color: #333;
    padding: 0 10px;
}
.box-link-list .box-link-list__item--l {
    width: 25%;
}
.box-link-list .box-link-list__item--l a {
    padding: 10px;
    zoom: 1;
}
.box-link-list .box-link-list__item--l a:hover {
    opacity: 0.5;
}
.box-link-list .box-link-list__item--l a:before,.box-link-list .box-link-list__item--l a:after {
    content: "";
    display: table;
}
.box-link-list .box-link-list__item--l a:after {
    clear: both;
}
.box-link-list .box-link-list__item--l h4{
    width: 250px;
    margin: 10px auto;
    font-weight: 600;
}

.box-link-list .box-link-list__item--l p {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    line-height: 2em;
}
.box-link-list .box-link-list__item--m {
    width: 25%;
}
.box-link-list .box-link-list__item--m p {
    line-height: 1.4;
    color: #333;
    font-size: 18px;
    font-weight: 600;
    background-color: #f6b37f;
    border-radius: 10px;
    padding: 3px;
    width: 90%;
    margin: 20px auto;
}

.box-link-list.index li {
/*    width: auto;*/
    margin: 0 auto;
    text-align: center;
}
.box-link-list__item--m img {
    padding: 20px 0;
}


/* 製品情報下２つのバナー設定 */
@media screen and (min-width: 768px)and (max-width: 1300px) {
    .box-link-list .box-link-list__item--m {
        width: 45%!important;
    }
}
@media screen and (min-width: 768px)and (max-width: 1120px) {
    .related-sites div {
        width: 100%;
    }
}

/* ここまで */

.box-link-list.index .box-link-list__item--s {
    width: 340px;
    height: auto;
}

.box-link-list__item--s p {
    line-height: 1.4;
    color: #333333;
    margin: 10px 0;
    font-size: 16px;
}

.box-link__ttl {
    font-size: 18px;
    padding: 5px 0;
    margin: 20px auto 0;
}
/* 専用サイト
----------------------------------*/
.senyo_saito_list li{
    width: 250px!important;
}



/* 製品情報（メインTOP）
----------------------------------*/
.box-link-list .product-item-inner img{
    width: 80%;
}
.product-item-wrap img{
    border: 1px solid #acacac;
}

.automobile .automobile-item-title{
    background: #e0a374;
    border-radius: 10px;
}
.industrial .industrial-item-title {
    background: #91b949;
    border-radius: 10px;
}
.architectual .architectual-item-title {
    background: #6bc4f2;
    border-radius: 10px;
}
.aerosol .aerosol-item-title {
    background: #f9ba13;
    border-radius: 10px;
}

.automobile-item-title,.industrial-item-title,
.architectual-item-title,.aerosol-item-title{
    line-height: unset;
    width: 80%;
    padding: 5px 0 0;
    position: relative;
    bottom: 20px;
    left: 20%;
    box-shadow: 2px 2px 6px gray;
}

.automobile-item-title p,.industrial-item-title p,
.architectual-item-title p,.aerosol-item-title p{
    padding: 0;
    line-height: 1.3em!important;
}


/*　テーブル表
---------------------------------*/
.table_type01 th,.table_type01 td {
    border: 1px solid #7C7C7C;
    padding: 6px 10px;
}
.table_type01 th:first-of-type {
    background: #d0e8e8;
}
.table_type01 th {
    background: #d0e8e8;
}
.table_type01 thead th {
    text-align: center;
}
.table_type01.th_180 th:first-of-type {
    width: 180px;
}
.table_type01.th_180 td {
    text-align: right;
}
.table_type01.th_210 th {
    width: 210px;
}
.table_type01.th_170 th {
    width: 170px;
}
.table_type01.th_400 th {
    width: 400px;
}
.table_type01.th_120 th {
    width: 120px;
}
.table_type01.th_120 td {
    width: 250px;
}

.table_type02 th,.table_type02 td {
    border: 1px solid #7C7C7C;
    padding: 6px 10px;
    text-align: center;
}
.table_type02 thead th {
     background: #f4f4f4;
}
.table_type02 td:nth-last-of-type(1),.table_type02 td:nth-last-of-type(2) {
    text-align: right;
}

.table_type03 th,.table_type03 td {
    border: 1px solid #7C7C7C;
    padding: 6px 10px;
}
.table_type03 th{
    background: #f4f4f4;
    font-weight: bold;
    text-align: center;/*privacy*/
}
.table_type04 th{
    font-weight: bold;
    text-align: center;
}
.table_type03 .th_100,.table_type04 .th_100 {
    width: 100px;
    min-width: 100px;
}
.table_type03 .th_150,.table_type04 .th_150 {
    width: 150px;
    min-width: 150px;
}
.table_type03 .th_200,.table_type04 .th_200  {
    width: 200px;
    min-width: 200px;
}
.table_type03 .th_250,.table_type04 .th_250 {
    width: 250px;
    min-width: 250px;
}
.table_type03 .th_300,.table_type04 .th_300 {
    width: 300px;
    height: 70px;
    min-width: 200px;
}
.table_type03 .th_450,.table_type04 .th_450 {
    width: 450px;
    min-width: 450px;
}
.table_type04 th,.table_type04 td {
    border: 1px dotted #b6b6b6;
    padding: 6px 10px;
    background: #fff;
}



/* ===================
footer指定
=================== */
.footer-wrapper {
    width: 100%;
    margin: 0 auto 0;
    text-align: center;
    background-color: #b5dfdf;
    background-image: url(../../../wp-content/uploads/2020/12/img_footer_pc.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
    padding: 30px 0 0;
}
.bnr-area {
/*    width: 80%;*/
    text-align: center;
    flex-wrap: wrap;
    margin: 0 auto;
    margin-bottom: 20%;
}
.bnr-area a:hover{
    opacity: .5;
}
.art-footer03 {
    padding: 20px;
    width: 640px;
}
p.copy-area {
    font-size: 12px;
    color: #fff;
}
#footer-menu{
    margin-top: 50px;
}
#footer-menu ul{
    text-align: center;
    margin: 10px 0;
}

#footer-menu ul li {
    display: inline;
    list-style: outside none none;
}

#footer-menu ul li::before {
    content: "|";
    padding: 0 0.6em;
}

#footer-menu ul li:first-child::before{
    content: "";
    padding: 0;
}

#footer-menu ul .sub-menu{
    display: none;
}
.m-article__sec.product-wrap {
    background: #fff;
    width: 75%;
    margin-bottom: 40px;
    margin: 0 auto;
  }

/*
============================
INDEX
============================ */

 .slick-slider {
    position: relative;
}
.slick-slider button:focus {
    outline: none;
}
.slick-slider button:hover {
    cursor: pointer;
}

.slick-arrow {
    position: absolute;
    color: transparent;
    display: block;
    background: transparent url(./images/slider_icon-arrow.png) no-repeat 0 0/contain;
    padding: 0;
    width: 24px;
    height: 34px;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 99;
}
.slick-arrow.slick-prev {
    left: 10px;
}
.slick-arrow.slick-next {
    right: 10px;
    transform: scale(-1, 1);
}

.slick-dots {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    letter-spacing: -0.4em;
    bottom: 20px;
}
.slick-dots li {
    display: inline-block;
    letter-spacing: normal;
}
.slick-dots li button {
    padding: 0;
    width: 10px;
    height: 10px;
    display: block;
    background: #cccccc;
    color: transparent;
}
.slick-dots li.slick-active button {
    background: #E60012;
}
.slick-dots li + li {
    margin-left: 20px;
}
.info-wrapper,.group-wrapper{
    width: 100%;
    background-color: #b5dfdf;
    padding: 20px 0 0;
}

.group-wrapper{
    padding: 20px 0 50px;
}
.info-box{
    padding-bottom: 60px;
}
.index__list-wrap__ttl-wrap {
    width: 170px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-direction: column;
    flex-direction: column;
}

.index__list-wrap__ttl {
    font-size: 18px;
}

.index__list-wrap__btn {
    width: 150px;
    height: 30px;
    line-height: 30px;
    color: #333;
    font-size: 16px;
    text-align: center;
}
.index__list-wrap__btn.news {
    background: #ffbdbd;
}
.index__list-wrap__btn.ir {
    background: #c0e086;
}

.index__list-wrap {
    margin-top: 10px;
    background: #fff;
    padding: 20px;
    display: -ms-flexbox;
    display: flex;
    min-height: 180px;
    width: 75%;
    margin: 0 auto;
}

.index__list-wrap .list--type01 {
    padding-top: 0;
    padding-left: 20px;
    width: calc(100% - 140px);
    border-left: 2px solid #000;
}
.index__list-wrap .list--type01 li:first-of-type {
    margin-top: -5px;
}
.index__list-wrap .list--type01 li:last-of-type {
    margin-bottom: -5px;
}
.index__list-wrap .list--type01.news {
    border-color: #f6b37f;
}
.index__list-wrap .list--type01.ir {
    border-color: #acd598;
}
.index__list-wrap .list--type01__item {
    font-size: 15px;
    border-bottom: 0;
    padding: 5px 0;
}
.index__list-wrap .list-label {
    font-size: 15px;
    width: 150px;
    height: 20px;
    line-height: 22px;
    margin: 0 20px;
}
.index__list-wrap__btn.news:hover,.index__list-wrap__btn.ir:hover {
    opacity: 0.5;
}
span.list-label.ir.list--type01__label:hover,
span.list-label.news.list--type01__label:hover {
    opacity: 0.5;
}

.index__list-wrap .list-label.font-s {
    font-size: 10px;
}
.index__list-wrap .list--type01__ttl {
    width: calc(100% - 230px);
}


@media screen and (max-width: 1520px) {
     /* フッター
    -------------------------*/
    .bnr-area {
        width: auto!important;
    }
    
    .m-article footer{
        width: auto;
    }
}

@media screen and (max-width: 768px) {
    body {
        font-size: 16px;
    }
    body.fixed {
        position: fixed;
        width: 100%;
        height: 100vh;
        overflow: hidden;
    }

    input[type="text"],
    input[type="tel"],
    input[type="email"],
    textarea,
    select {
        padding: 10px 5px;
    }

    .box-link-list .box-link-list__item--l p {
        text-align: left;
    }
    .btn--default {
        max-width: 350px;
        width: 100%;
        font-size: 15px;
        height: 50px;
        line-height: 50px;
        letter-spacing: 0;
        padding: 0;
    }

    .btn--ch-english {
        width: 100%;
        height: 35px;
        line-height: 35px;
        margin: 30px 0 0;
    }

    .btn--sidebar {
        height: 65px;
        line-height: 65px;
        max-width: 315px;
    }

    .btn--contact {
        height: 65px;
        line-height: 80px;
    }
    .btn--contact b {
        font-size: 12px;
    }
    .btn--contact span {
        background-size: 35px auto;
        font-size: 16px;
    }

    .btn--env,.btn--mov-list {
        font-size: 15px;
    }
    .btn--env span,.btn--mov-list span {
        padding-left: 50px;
        background-size: 35px auto;
    }

    .btn--chura img {
        max-width: 170px;
    }

    .btn--back-list {
        margin-top: 50px;
    }

    .btn--go {
        font-size: 16px;
        width: 100%;
    }

    .outer {
        min-width: inherit;
        padding: 0;
    }

    .m-wrap {
/*        margin-bottom: 40px;*/
        margin-top: 0;
    }
    .m-wrap.index {
        margin-bottom: 0;
        margin-top: 0;
    }
    .m-wrap.index .m-article {
        margin-bottom: 40px;
    }
    .m-side{
        display: none;
    }
    .m-article{
        float: none;
        width: 100%;
        margin-bottom: 20px;
        width: 90%!important;
    }
    .m-side {
        display: none;
    }
    .m-article__sec.product-wrap{
        width: 90%;
    }
    .box-link-list .box-link-list__item--l h4 {
        width: 70%;
    }
    .box-link-list .box-link-list__item--m p{
        width: 100%;
        font-size: 15px;
    }

    .box-link-list.index .box-link-list__item--s {
        width: 80%;
        min-width: 250px;
        height: auto;
    }
    .box-link-list.index li {
        width: 50%;
        margin: 0 auto;
        text-align: center;
    }
    .box-link-list.index li img{
        width: 100%;
    }
    .box-link-list .box-link-list__item--l h4 {
        width: 100%;
        min-width: auto;
        font-size: 16px;
    }
    
    
    
    /* 製品情報（メインTOP）
    ----------------------------------*/
    .automobile-item-title,.industrial-item-title,
    .architectual-item-title,.aerosol-item-title{
        border-radius: 14px!important;
        width:100%;
        left:10%;
        bottom: 16px;
    }
    
    .automobile-item-title p,.industrial-item-title p,
    .architectual-item-title p,.aerosol-item-title p{
        padding: 5px;
        text-align: center!important;
    }
    
    
    
    /* お客様専用サイト
    ----------------------------------*/

    .senyo_saito_list li{
        width: 100%!important;
	display: flex;
    }
    .senyo_saito_list li img{
        width: 80%!important;
    	display: flex;
    }
    .senyo_saito_list li p{
    	margin: 35% 0!important;
    }  
    /* ここまで */
    
    
    .headtype01 {
        padding-bottom: 5px;
        margin-top: 20px;
    }
    .headtype01 span {
        font-size: 17px;
        padding-left: 6px;
        border-left-width: 16px;
    }

    .headtype03 {
        font-size: 15px;
        height: 30px;
        line-height: 30px;
        padding-left: 10px;
    }

    header {
        min-width: inherit;
        position: relative;
        margin-top: 0;
        height:133px;
    }
    header h1 {
        width: 106px;
    }

    /* ナビメニューボタン
    ------------------------------*/
    .menu-btn {
        float: right;
        background: #fff;
        color: #E60012;
        width: 100px;
        height: 50px;
        line-height: 50px;
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

    .menu-btn__txt {
        padding-left: 13px;
        font-weight: bold;
    }

    .menu-btn__icon {
        position: relative;
        width: 18px;
        height: 18px;
        margin-right: 10px;
    }
    .menu-btn__icon span {
        position: absolute;
        display: block;
        width: 100%;
        height: 2px;
        background: #E60012;
        left: 0;
        transform-origin: left center;
    }
    .menu-btn__icon span:nth-of-type(1) {
        top: 0;
    }
    .menu-btn__icon span:nth-of-type(2) {
        top: 8px;
    }
    .menu-btn__icon span:nth-of-type(3) {
        top: 16px;
    }
    .menu-btn__icon.open span:nth-of-type(1) {
        transform: rotate(45deg);
        top: 1.5px;
    }
    .menu-btn__icon.open span:nth-of-type(2) {
        opacity: 0;
    }
    .menu-btn__icon.open span:nth-of-type(3) {
        transform: rotate(-45deg);
        top: 14.5px;
    }

     /* フッター
    -------------------------*/
    footer{
/*        margin-top: 50px;*/
    }
    .footer-wrapper {
        width: 100%;
        margin: 0 auto;
        text-align: center;
        background-color: #b5dfdf;
    }
    .bnr-area {
        width: 90%!important;
        text-align: center;
        flex-wrap: wrap;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 60px;
    }
    .art-footer03 {
        padding: 10px 0;
        width: 100%;
    }
    .f-common {
        padding: 0;
        font-size: 12px;
        zoom: 1;
    }
    .f-common:before,.f-common:after {
        content: "";
        display: table;
    }
    .f-common:after {
        clear: both;
    }
    .f-common .outer {
        padding: 0;
    }
    .copy-area{
        display: none;
    }
    #footer-menu{
        margin-top: 0;
    }
    #footer-menu ul li {
        display: block;
        list-style: outside none none;
        margin-bottom: 10px;
    }
    #footer-menu ul li::before {
        content: "";
        padding: 0 0.6em;
    }
    
    /* 検索
    ----------------------------*/    
    .searchform {
        width: 98%;
        padding-left: 20px;
    }
    .searchform input {
        height: 45px;
    }
    
    /*　TOPへボタン
    ---------------------------*/    
    .page-top {
        position: fixed;
        float: right;
        right: 5px;
        bottom: 60px;
    }

    /*　パンくず
    ---------------------------*/ 
    .breadcrumbs {
        padding: 10px 10px 10px;
        font-size: 14px;
        margin: 20px;
    }

    /*　h2　タイトル
    ---------------------------*/ 
    .page-ttl {
        width: 90%;
        padding: 15px 20px;
        margin-left: 26px;
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 20px;
    }

    .form-table th,.form-table td {
        display: block;
        padding: 10px;
        border-bottom-width: 15px;
    }
    .form-table th {
        border: none;
        width: 100%;
    }

    /* お知らせ
    ------------------------*/
    .list-label {
        line-height: 15px;
        font-size: 15px;
        width: 150px!important;
        padding: 5px;
    }

    .list--type01 {
        padding-top: 0;
    }
    .list--type01 li:first-of-type a {
        padding-top: 0;
    }

    .list--type01__item {
        display: block;
        font-size: 14px;
        padding: 15px 0;
    }
    .list--type01__item time {
        float: left;
        margin-right: 25px;
    }

    .list--type01__ttl {
        margin-top: 15px;
        width: 100%;
        clear: both;
        white-space: normal;
        height: 2.8em;
        text-overflow: inherit;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .wp-pagenavi {
        margin: 40px 0 -5px;
    }

    .page,.current,.previouspostslink,.nextpostslink {
        font-size: 15px;
        height: 40px;
        line-height: 40px;
    }

    .page,.current {
        width: 30px;
    }

    .previouspostslink,.nextpostslink {
        width: 40px;
    }

    .related-sites-wrap {
        display: block;
    }
    .related-sites-wrap .related-sites {
        margin-top: 30px;
    }
    .related-sites-wrap .related-sites + .related-sites {
      margin-left: 0;
    }

    /*　テーブル表
    ---------------------------------*/
    .table_type01,.table_type02,.table_type03 {
        font-size: 14px;
        overflow-x: scroll;
    }
    
    /* 横スクロール時に固定する */  
    .table_type01 th:first-child {
        position: -webkit-sticky;
        position: sticky;
        left: 0;
    }
     /* ヘッダー行内の他のセルより手前に表示する */
    .table_type01 tbody th:first-child {
        z-index: 2;
    }
    .table_type01 table,.table_type02 table{
        min-width: 515px;
    }
    .table_type01 th,.table_type01 td,.table_type02 th,.table_type02 td,.table_type03 th,.table_type03 td {
        padding: 5px;
    }

    .table_type01.s-w100 table {
        min-width: auto;
    }

    .table_type01.th_180 th:first-of-type {
        width: 114px;
    }
    .table_type01.th_210 th {
        width: 80px;
    }
    .table_type01.th_170 th {
        width: 85px;
    }

    .table_type03 .th_300 {
        width: 100px;
        min-width: 100px;
        height: 70px;
    }
    .table_type03 .th_450 {
        width: 250px;
        min-width: 250px;
    }
    .table_type03 .th_150 {
        width: 100px;
        min-width: 100px
    }
        ick-arrow {
        height: 19px;
        width: 13.5px;
    }

    .slick-dots {
        bottom: 12px;
    }
    .slick-dots li + li {
        margin-left: 12px;
    }

    .index__list-wrap {
        margin-top: 10px;
        padding: 15px 10px;
        display: block;
        min-height: auto;
        width: 90%;
    }
    .index__list-wrap.PC {
        display: none;
    }
    .index__list-wrap.SP {
        display: block;
    }
    .index__list-wrap .list--type01 {
        border-left: 0;
        padding-left: 0;
        border-top: 2px solid #fff;
        width: 100%;
    }
    .index__list-wrap .list--type01 a {
        padding: 18px 0 !important;
    }
    .index__list-wrap .list--type01 li {
        border-bottom: 1px solid #d1d1d1;
    }
    .index__list-wrap .list--type01 li:first-of-type {
        margin-top: 0;
    }
    .index__list-wrap .list--type01 li:last-of-type {
        border-bottom: 0;
    }
    .index__list-wrap .list--type01__ttl {
        width: 100%;
    }
    .index__list-wrap .list--type01__item {
        font-size: 16px;
    }
    .index__list-wrap .list-label {
        height: 20px;
        line-height: 20px;
        font-size: 13px;
        width: 150px;
        float: right;
        padding: 0;
        margin: 0 0 20px;
    }

    .index__list-wrap__ttl-wrap {
        width: 100%;
        -ms-flex-direction: row;
        flex-direction: row;
        padding-bottom: 15px;
    }

    .index__list-wrap__ttl {
        font-size: 16px;
    }

    .index__list-wrap__btn {
        font-size: 16px;
        height: 25px;
        line-height: 25px;
        width: 150px;
    }

    /* コンプライアンス */
    .compliance .headtype02{margin-left: 15px;}
    .compliance .headtype02::before{text-indent: -1em;}
    
    /* 社会への取り組み */
    .csr_social .headtype02{margin-left: 15px;}
    .csr_social .headtype02::before{text-indent: -1em;}

}

/*
============================
PRODUCT（製品）
============================
*/
.product-desc,.product-sec {
    margin-bottom: 40px;
}

.product-sec:last-of-type {
    margin-bottom: 0;
}

.product-desc {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.product-desc__txt {
    width: calc(100% - 260px);
}

.product-child-cat {
    border-bottom: 2px solid #f6b37f;
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 5px;
    margin-bottom: 20px;
}

.product-tag {
    margin: 31px -4px -4px;
    zoom: 1;
}
.product-tag:before,.product-tag:after {
    content: "";
    display: table;
}
.product-tag:after {
    clear: both;
}
.product-tag li {
    float: left;
    background-image: url(/wp-content/themes/isamu_v2/images/sharp.png);
    background-repeat: no-repeat;
    background-position: left;
    height: 30px;
    line-height: 34px;
    margin: 4px 10px 4px 4px;
    color: #f6b37f;
}


.product-tag li span{
    margin-left: 16px;
}
.product-name {
    font-size: 20px;
}

.product-sub-name {
    display: block;
    margin-top: 5px;
}

.product-desc__img {
    position: relative;
}
.product-desc__img::before {
    position: absolute;
    content: "";
    display: block;
	
/*    border: 1px solid #7C7C7C;*/
}

.product-summary p + p {
    margin-top: 20px;
}

.product-movie {
    max-width: 320px;
    margin: 0 auto;
    position: relative;
    padding-top: 44.73%;
}
.product-movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.product-movie2 {
    max-width: 320px;
    margin: 0 auto;
    position: relative;
    padding-top: 44.73%;
}
.product-movie2 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.product-movie3 {
    max-width: 320px;
    margin: 0 auto;
    position: relative;
    padding-top: 44.73%;
}
.product-movie3 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.prodact-detail th,.prodact-detail td {
    border: 1px solid #7C7C7C;
    padding: 10px;
}
.prodact-detail th {
    width: 210px;
    background: #F4F4F4;
}
.prodact-detail td {
    overflow: hidden;
    max-width: 549px;
}

.prodact-detail__img-item {
    letter-spacing: -0.4em;
    padding: 5px 10px !important;
    text-align: center;
}
.prodact-detail__img-item div {
    display: inline-block;
    margin: 5px;
    vertical-align: middle;
    max-width: 160px;
    position: relative;
}
.prodact-detail__img-item div::before {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    content: "";
    display: block;
    border: 1px solid #b5b5b5;
}

.product-detail__lineup-item {
    padding: 0 !important;
}

.product-detail__lineup-table th,.product-detail__lineup-table td {
    border: none;
}
.product-detail__lineup-table th:nth-of-type(1),.product-detail__lineup-table td:nth-of-type(1) {
    border-right: 1px solid #7C7C7C;
}
.product-detail__lineup-table td {
    border-top: 1px solid #7C7C7C;
}

.product-detail__url {
    color: #E52E44;
    /*text-decoration: underline;*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    width: 100%;
}

.prodact-detail-note {
    margin-top: 15px;
    font-size: 14px;
    display: block;
}
.prodact-detail-note + .prodact-detail-note {
    margin-top: 0px;
}
#pdf_thum_test{
	width:184px;
	height:260px;
}

.product-catalog {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.product-catalog__ttl {
    font-weight: normal;
    font-size: 16px;
    text-align: center;
    border-style: solid;
    border-color: #FFC112;
    border-width: 2px 0;
    margin-top: 10px;
}

#chara .section_bk ul {
    clear: both;
}

.product-form__table {
    margin-top: 30px;
}
.product-form__table textarea {
    height: 90px;
}

.product-pic-list {
    display: -ms-flexbox;
    display: flex;
}
.product-pic-list li {
    max-width: 230px;
    width: 33.33%;
}
.product-pic-list li + li {
    margin-left: 33px;
}
.product-pic-list h4 {
    height: 2.8em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-weight: normal;
    margin-top: 10px;
}
.product-pic-list .thumb {
     text-align: center;
}

.product-cat-list {
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    margin-bottom: 40px;
    justify-content: space-between;
}
.product-cat-list > li {
    width: 45%;
    min-width: 400px;
    margin-bottom: 20px;
    border: 2px solid #f6b37f;;
    padding: 20px;
    margin: 0 20px 20px 0;
    background-color: #ffffff;
    border-radius: 15px;
}
.product-cat-list h4 {
    font-size: 19px;
/*    border-bottom: 1px solid #f6b37f;*/
    margin-bottom: 20px;
    font-weight: bold;
    color: #f6b37f;
}
.product-cat-list .product-tag li {
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    width: auto;
}
.product-cat-list .product-tag li:nth-of-type(n+4) {
    display: none;
}

.product-cat-list__cont {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}
.product-cat-list__cont img {
    width: 130px;
	height: auto;
    aspect-ratio: 24 / 19;
    object-fit: contain;
    margin-right: 20px;
}
.product-cat-list__cont p {
    width: calc(100% - 150px);
}

/*
============================
NEWS
============================
*/
.news-ttl {
    border-bottom: 2px solid #f6b37f;
    border-left: 10px solid #f6b37f;
    font-size: 24px;
    font-weight: bold;
    padding-left: 10px;
    margin-bottom: 20px;
}

.news-post-info {
    zoom: 1;
    font-size: 15px;
    margin-top: 10px;
}
.news-post-info:before,.news-post-info:after {
    content: "";
    display: table;
}
.news-post-info:after {
    clear: both;
}
.news-detail{
    width: 65%;
}
.news-detail__news-label {
    float: left;
}

.news-time {
    float: right;
}

.news-cont {
    width: 1100px;
    margin: 40px auto;
}
.news-cont p + p {
    margin-top: 30px;
}
.news-cont img {
    margin: 5px 0;
}

.news-cont p img{
    margin-right: 20px;
}

.news-link {
    padding: 80px 10px 20px;
    text-align: center;
    font-size: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: -5px;
}
.news-link > * {
    margin: 5px;
    width: 170px;
}
.news-link > * a {
    height: 30px;
    line-height: 30px;
    border: 1px solid #b5dfdf;
    display: block;
}

.news-link__prev a,.news-link__next a {
    background: #b5dfdf;
    color: #fff;
}

@media screen and (max-width: 1500px) {
    .news-detail {
        width: 90%!important;
    }
    .news-cont {
        width: 90%!important;
    }
}

@media screen and (max-width: 768px) {
    .product-desc,.product-sec {
        margin-bottom: 45px;
    }

    .product-desc {
        display: block;
    }

    .product-child-cat {
        font-size: 16px;
        margin-bottom: 25px;
    }

    .product-desc__txt {
        width: 100%;
    }

    .product-tag {
        margin-top: 21px;
    }
    .product-tag li {
        width: calc(33.33% - 8px);
    }

    .product-desc__img {
        width: 240px;
		height: 190px;
       
    }

    .product-name {
        font-size: 15px;
    }

    .prodact-detail {
        font-size: 10px;
    }
    .prodact-detail th,.prodact-detail td {
        padding: 5px 4px;
    }
    .prodact-detail th {
        width: 75px;
        min-width: 75px;
    }
    .prodact-detail td {
        max-width: 190px;
    }

    .prodact-detail__img-item div {
        margin: 0px 2.5px;
        width: calc(33.33% - 5px);
    }

    .prodact-detail-note {
        font-size: 14px;
        line-height: 1.8;
    }
    .prodact-detail-note + .prodact-detail-note {
        margin-top: 10px;
    }
    .product-catalog li {
        max-width: 200px;
        width: 100%;
		margin-left: 10px;
		padding-left: 10px;
    }

    .product-form__table textarea {
        height: 80px;
    }

    .product-pic-list {
        display: block;
    }
    .product-pic-list li {
        width: 100%;
        max-width: none;
    }
    .product-pic-list li + li {
        margin-top: 22px;
        margin-left: 0;
    }
    .product-pic-list h4 {
        text-align: center;
    }

    .product-cat-list {
        display: block;
    }
    .product-cat-list > li {
        width: 100%;
        padding: 15px;
        min-width: 100%;
    }
    .product-cat-list h4 {
        font-size: 16px;
    }

    .product-cat-list__cont img {
        width: 100px;
    }
    .product-cat-list__cont p {
        width: calc(100% - 120px);
    }
    .news-ttl {
        font-size: 20px;
    }
    .news-post-info {
        font-size: 11px;
    }
    .news-cont {
        margin-top: 35px;
        width: 100%;
    }
   
    .news-cont p + p {
        margin-top: 25px;
    }
    .news-cont img {
        margin: 0;
        width: 100%;
    }
    .news-cont p img{
        margin-right: 0;
        margin-bottom: 20px;
    }


    .news-link {
        padding: 70px 0 10px;
        font-size: 15px;
    }
    .news-link > * a {
        height: 40px;
        line-height: 40px;
    }
    .news-link > *.news-link__prev,.news-link > *.news-link__next {
        max-width: 105px;
        width: 34%;
    }
    .news-link > *.news-link__archive {
        max-width: 100px;
        width: 32%;
    }
    .news-time {
        font-size: 14px;
    }
    .news-detail{
        width: 90%;
    }
}

/*
============================
SERCH
============================
*/
.search_result h2 {
    font-size: 28px;
    border-bottom: 4px solid #FF8B00;
    padding-bottom: 12px;
    margin-bottom: 20px;
}
.search_result .post_list li {
    width: calc((100% / 3) - 17px);
}
.search_result .post_list li + li {
    margin-left: 25px;
}
.search_result .post_list li:nth-of-type(n + 4) {
    margin-top: 40px;
}
.search_result .post_list li:nth-of-type(3n + 1) {
    margin-left: 0;
}

@media screen and (max-width: 768px) {
    .search_result h2 {
        font-size: 22px;
        border-bottom: 2px solid #FF8B00;
        padding-bottom: 12px;
        margin-bottom: 10px;
    }
    .search_result .post_list li {
        width: 100%;
    }
    .search_result .post_list li + li {
        margin-left: 0px;
    }
    .search_result .post_list li:nth-of-type(n + 4) {
        margin-top: 0px;
    }
}
/*
============================
ETC　研修
============================
*/
.training-cat-ttl {
    text-align: center;
    margin: 40px 0 20px;
    font-size: 18px;
    font-weight: 600;
    background: #acd6d6;
    padding: 2px 0 1px;
}
.training p + p {
    margin-top: 30px;
}
.training ul {
    margin: 30px 20px;
}
.training li {
    text-indent: -1em;
    padding-left: 1em;
}
.training li + li {
    margin-top: 10px;
}
.training small {
    display: block;
    text-indent: -1em;
    padding-left: 1em;
}




/*  株主優待制度（IR情報）
-------------------------------*/
.stock-benefits dt{float: left;}
.stock-benefits dd{margin-left: 15px;}

/*株式の状況
-------------------------------*/
.stockprice_td_number {
    vertical-align: middle;
    text-align: right;
    padding: 6px 80px 6px 0px!important;
}
.stockprice_td_number2 {
    vertical-align: middle;
    text-align: right;
    padding: 6px 70px 6px 0px!important;
}

.stockprice_td_number3 {
    vertical-align: middle;
    text-align: right;
    padding: 6px 60px 6px 0px!important;
}

.stockprice_td_number4 {
    vertical-align: middle;
    text-align: right;
    padding: 6px 50px 6px 0px!important;
}


/* お問い合わせ
-------------------------------*/
.contact-sec {
    margin: 60px auto 0;
    width: 1300px;
}
.contact-sec .first-p {
    margin: 20px 0;
}
.contact-sec dt{
    float: left;
    line-height: 1.8;

}
.contact-sec dd{
    margin-left: 22px;
    line-height: 1.8;
}


/* 環境への取り組み
------------------------------*/
.env-efforts .headtype03 {
  background: #67aa4f;
  margin-bottom: 40px;
}

.env-efforts__btn-wrap {
    display: -ms-flexbox;
    display: flex;
    margin: 40px 0 80px;
}
.env-efforts__btn-wrap li {
    margin: 0 10px;
}

.env-efforts__imgbtn-wrap {
    display: -ms-flexbox;
    display: flex;
    width: calc(100% + 20px);
    margin: -10px;
}
.env-efforts__imgbtn-wrap li {
    padding: 10px;
    width: calc(100% / 4);
}
.env-efforts__imgbtn-wrap a {
    position: relative;
    display: block;
}
.env-efforts__imgbtn-wrap a::before,.env-efforts__imgbtn-wrap a span {
    opacity: 0;
    -webkit-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    position: absolute;
}
.env-efforts__imgbtn-wrap a::before {
    content: "";
    display: block;
    background: rgba(255, 255, 255, 0.6);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.env-efforts__imgbtn-wrap a span {
    display: inline-block;
    padding-left: 1.5em;
    background: url(./images/icon_arrow-right-black.svg) no-repeat 0 50%/14px auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 18px;
    white-space: nowrap;
}
.env-efforts__imgbtn-wrap a:hover::before,.env-efforts__imgbtn-wrap a:hover span {
    opacity: 1;
}

.env-efforts__slider {
    max-width: 1080px;
    margin: 0 auto;
}
.env-efforts__slider .slick-dots {
    bottom: -30px;
}
.env-efforts__slider .slick-arrow.slick-next {
    right: -40px;
}
.env-efforts__slider .slick-arrow.slick-prev {
    left: -40px;
}

.env-efforts__sec02 {
    margin-top: 110px;
}

.env-efforts__block {
    display: -ms-flexbox;
    display: inline-flex;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
	justify-content: space-between;
}
.env-efforts__block > *:not(img) {
    width: calc(100% - 420px);
}
.env-efforts__block img {
    margin-left: 20px;
    /*min-width: 530px;*/
}
.env-efforts__block ul {
    margin-top: 20px;
}
.env-efforts__block li {
    text-indent: -0.8em;
    padding-left: 0.8em;
}
.env-efforts__block a {
    color: #e7091a;
    /*text-decoration: underline;*/
}
.env-efforts_policy {
    background: -moz-radial-gradient(#fff 40%, #e7f3f3 90%);
    background: -webkit-radial-gradient(#fff 40%, #e7f3f3 90%);
    background: radial-gradient(#fff 40%, #e7f3f3 90%);
    font-size: 18px;
    text-align: left;
    padding: 30px;
    margin: 40px auto;
    width: 845px;
    border: 2px solid #acd6d6;
}

/*  社長メッセージ
----------------------------------*/
.president-vision-motto {
    background: -moz-radial-gradient(#fff 40%, #e7f3f3 90%);
    background: -webkit-radial-gradient(#fff 40%, #e7f3f3 90%);
    background: radial-gradient(#fff 40%, #e7f3f3 90%);
    font-size: 18px;
    text-align: left;
    padding: 30px;
    margin: 0 auto 60px;
    width: 560px;
}
.president-vision-motto-inner{
    text-align: center;
}
.president-svg-wrap {
    width: 70%;
    margin: 40px auto;
    padding-bottom: 40px;
}
.president-message p{
    margin-bottom: 15px;

}
.president-message h4,.president-message span{

}

/* 社長名 */
.top-message-name{
    font-size: 22px;
    margin: 20px 0 0;
    text-align: right;
}

@media screen and (min-width: 1353px) and (max-width: 1670px) {
    .president-message .right{width: 50%;}
}

@media screen and (min-width: 1155px) and (max-width: 1353px) {
    .president-message .right{width: 45%;}
}

    .conclusion-wrap{width: 100%!important;  }
    .conclusion-wrap img{
        max-width: 100%!important;
    }
}


/*　会社情報
------------------------------------*/
.conclusion-wrap .img-wrap img {
    margin: 0 auto;
    padding: 10px;
    text-align: center;
/*    width: 100%;*/
}
.conclusion-wrap .img-wrap,.conclusion-wrap .img-wrap .env-efforts-date,.company-info-image .img-wrap{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.conclusion-wrap .image-box{
    margin: 0 auto;
    padding: 0 20px;
}
.conclusion-wrap .graph-caption ul,.conclusion-wrap .number-list ul {
    list-style: none;
}
.conclusion-wrap .graph-caption ul > li{
    font-size: 13px;
    text-align: left;
}
.conclusion-wrap .number-list{
    font-size: 16px;
    text-align: left;
}

/* イサム塗料について */

#about_isamu .flow_pc img{
    width: 100%;
}

.process {
  max-width: 1200px;
  margin: 0 auto;
}

.process-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 40px 24px;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
}

/* 工程カード */
.process-item {
  text-align: center;
}

.process-item a {
  text-decoration: none;
  color: #333;
  display: block;
}

.process-item img {
  width: 180px;
  height: 180px;
  object-fit: cover;
}

.process-item p {
  font-size: 14px;
}


/* ---------- SP対応 ---------- */
@media (max-width: 768px) {
  .process-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
.process-item img {
  width: 100%;
  height: 100%;
}

  .arrow {
    width: 2px;
    height: 30px;
    margin: 0 auto;
  }

  .arrow::after {
    left: -6px;
    top: auto;
    bottom: -6px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid #f4a261;
  }
}

/*　沿革
-----------------------------------*/
.history th{
    width: 218px!important;
}

/* 事業所一覧
------------------------------------*/
.officeslist h4{
    font-size: 24px;
    font-weight: bold;
    margin-top: 15px;
}
.officeslist_box{
    border-bottom: 1px solid #c7c7c7;
    padding-bottom: 30px;
}
.nv-efforts-date-innner{
    position: absolute;
}
.env-efforts-date-innner-table{
    position: relative;
    top:60px;

}
.glossary-rap{
    text-align: left;
    border: 2px double #f6b37f;
    border-radius: 20px;
    padding: 15px 15px 15px 25px;
    margin: 0 auto 40px;
    height: fit-content;
    width: 80%;
}
.glossary-rap-ttl{
    background-color: #f6b37f;
    border-radius: 20px;
    padding: 5px;
    margin-top: -30px;
    width: 200px;
    text-align: center;
    font-weight: 600;
}
.glossary-rap ul li,.compliance_list ul li {
    text-indent: -1.2em;
}
.compliance_list ul {
    padding-left: 1.2em;
}
.compliance_list li {
    line-height: 2;
}
.glossary-sub-text{
    width: 65%;
}

.link_uline {
    /*text-decoration: underline;*/
}
.link_uline.red {
    color: #E60012;
}

.fix-page {
    padding-top: 20px;
}
.fix-page p + p {
    margin-top: 20px;
}

.env-policy img {
    margin-bottom: 30px;
}
.env-policy ul {
    padding: 20px;
}
.env-policy li {
    text-indent: -1.2em;
    padding-left: 1.2em;
}

.coding-care .img_wrap {
    text-align: center;
    margin: 40px 0 60px;
}
.coding-care .btn {
    margin-top: 30px;
    margin-bottom: 0px;
}

.iso ul {
    margin: 50px 0 60px;
}
.iso li {
    text-indent: -1em;
    padding-left: 1em;
}
.iso .img-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.iso .img-wrap img {
    margin: 0 10px;
}

.solor-power ul {
    margin: 40px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.solor-power li {
    margin: 0 30px;
    text-align: center;
}
.solor-power li span {
    margin-top: 10px;
    display: block;
    font-size: 14px;
}

.thermal-barrier ul {
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(640px + 20px);
    margin: 30px auto 70px;
}
.thermal-barrier li {
    width: 33.33%;
    padding: 16px 10px;
}
.thermal-barrier li span {
    font-size: 14px;
    display: block;
    margin-top: 10px;
}
.thermal-barrier li:nth-of-type(7) {
    width: 250px;
}
.thermal-barrier li:nth-of-type(8) {
    width: 200px;
}

.fun-to-share .img-wrap {
    text-align: center;
    margin: 40px 0 50px;
}

.csr .product-cat-list {
    margin-top: 30px;
}

/* CSR報告書　ボタン
------------------------------*/
.csr_pdf_download{
    background: #91b949;
    color: #fff;
    margin-top: 50px;
    background-image: url(./images/icon_arrow-bottom.svg);
    background-repeat: no-repeat;
    letter-spacing: 1px;
    background-position-x: 85%;
    background-position-y: 50%;
}
.csr_pdf_download a{
    display: block;
    padding: 15px 0;
}
.csr_pdf_download a:hover {
    opacity: 0.5;
    transition: 0.5s;
}


/*sp*/

@media screen and (max-width: 1300px) {
    
    .page-ttl,.m-article{
        width: 90%;
    }
    
    /* イサム塗料について */
    #about_isamu .first_area .w-400{
        width: 100%;
    }

    #about_isamu .w-1050,#about_isamu .w-870,#about_isamu .w-950{
        width: 100%
    }
    
	
    /* お問い合わせ */
    .contact-sec {
        width: 100%;
    }
}


@media screen and (max-width: 768px) {
    .csr_pdf_download{
        width: 80%;
        margin: 50px auto 0;
    }
    .csr_pdf_download a{
        text-align: center;
    }
}

/* .compliance dl, */
.secure-safety ul,.secure-safety dl {
    margin: 30px 20px;
}
/* .compliance dt, */
.secure-safety dt {
    padding-bottom: 5px;
    font-weight: bold;
}
/* .compliance dd + dt, */
.secure-safety dd + dt {
    padding-top: 20px;
}

.secure-safety ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 30px 0;
}
.secure-safety li {
    padding: 0 30px;
}

.company-info h4 {
    margin-bottom: 10px;
    font-size: 18px;
}
.company-info-image .img-wrap .image-item{
    width: 30%;
    margin: 0 auto;
}

.info-security .headtype02::before {
    color: #67aa4f;
}
.info-security ul {
    display: -ms-flexbox;
    display: flex;
    width: calc(100% + 30px);
    margin: 30px -15px 60px;
}
.info-security li {
    padding: 0 15px;
}
/*
.company-info ul {
    display: -ms-flexbox;
    display: flex;
}
.company-info li {
    width: 50%;
}
*/
	
.company-info img {
    padding: 10px;
}


.vision img {
    margin-bottom: 35px;
}

.summary li + li {
    margin-top: 5px;
}

.base .btn {
    margin-top: 20px;
}

.search-result-list a {
    padding: 10px;
    border-bottom: 1px solid #ddd;
    display: block;
}
.search-result-list h4 {
    font-weight: normal;
}
.search-result-list h4 span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: normal;
}



/* ============================
    メインビジュアル指定 PC
=============================== */
.wrap {
    overflow: hidden;
}
.main_imgBox {
    height:auto;
    overflow: hidden;
    position: relative;
    /* min-height:auto; */
    border-bottom-right-radius: 2000px 300px;
    border-bottom-left-radius: 2000px 300px;
    margin-left: -200px;
    margin-right: -200px;
    padding-left: 200px;
    padding-right: 200px;
  }
.art-box{
    position: relative;
    width: 100%;
    height: 0;
}
.art-cloud01{
    position: absolute;
    top: -100px;
    left: 100px;
    z-index: 998;
}
.art-cloud02{
    position: absolute;
    top: -100px;
    right: 0;
}
.art-cloud03{
    position: absolute;
    top: -40px;
    right: 0;
}
.art-cloud04 {
    position: absolute;
    top: -30px;
    left: 120px;
}
.art-cloud05 {
    position: absolute;
    top: -40px;
    right: 0px;
}
.art-balloon01 {
    position: absolute;
    top: 100px;
}
.art-balloon02 {
    position: absolute;
    top: 100px;
    left: 30px;
}
.art-balloon03 {
    position: absolute;
    top: 400px;
    right: 170px;
}
.art-balloon04 {
    position: absolute;
    top: 20px;
    left: 100px;
}
.art-balloon05 {
    position: absolute;
    top: 170px;
    left: 80px;
}

/* 固定ページ用段落調整 
------------------------------*/
.conclusion-wrap {
    padding-bottom: 40px;
}
.conclusion-wrap p{
    font-size: 16px;
}
.conclusion-wrap p + p{
    margin-top:10px;
}

.conclusion-wrap ul {
/*    width: 95%;
    margin-left: 25px;*/
    list-style: disc;
}
.conclusion-wrap ul > li {
    line-height: 1.7;
    font-size: 16px;
}
.conclusion-wrap span{
    font-weight: 600;
}
.conclusion-wrap span.point-up{
    font-weight: 600;
    color: #e02a30;
    font-size: 18px;
}
.conclusion-wrap small.innner-text{
    font-weight: 600;
    font-size: 15px;
}

.corporategovernance .conclusion-wrap ul {
    list-style: none;
}
.conclusion-wrap .conclusion-img-box{
    width: 50%;
    padding-right: 20px;
    min-width: 400px;
}

/* 差し込み画像指定 
------------------------------------*/

.conclusion-wrap img.efforts_img01{
    width: 340px;
    height: 480px;
}

.herf-box{
    display: block;
    width: 50%;
}


@media screen and (max-width: 960px) {
    .art-cloud01,.art-cloud02,.art-cloud03,.art-cloud04,.art-cloud05,.art-balloon01,.art-balloon02,.art-balloon03,.art-balloon04,.art-balloon05{
        display: none;
    }
    .conclusion-wrap .efforts_bg02,.conclusion-wrap .efforts_bg01  {
        background-image: none;
    }
    
    .conclusion-wrap ul {
        margin-left:0;
    }
    
    /*　沿革
    -----------------------------------*/
    .history th{
        width: 35%!important;
    }
    
    /* 事業所一覧
    ------------------------------------*/
    .officeslist h4{
        margin-top: 10px;
    }

    .officeslist{
        border-bottom: 1px solid #c7c7c7;
        padding-bottom: 15px;
    }
    .officeslist_box{
        border-bottom:0;
        padding-bottom:0;
    }
    
    /* small内テキスト（環境へのとりくみ） 
    ------------------------------------------*/  
    .glossary-rap ul li, .compliance_list ul li {
        text-indent: -1.2em;
        margin-bottom: 5px;
        line-height: 1.8;
    }
    
    .herf-box {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .conclusion-wrap .conclusion-img-box {
        min-width: 100%;
    }
    
    /* サイトのご利用にあたって */
    .conclusion-wrap .site_usage{
        text-indent: -0.9em;
        padding-left: 10px;
    }
    
    /* コンプライアンス */
    .compliance_list{
        margin-left: 0;
    }
}

/* ===================================
    メインビジュアル指定 SP　only
======================================= */
@media screen and (max-width: 415px) {
    .bnr-area {
        margin-bottom: 60px;
    }
    #footer-menu {
        width: 85%;
    }
    .main_imgBox {
        height: 400px;
        overflow: hidden;
        position: relative;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
        border-bottom-right-radius: 1300px 500px;
        border-bottom-left-radius: 1300px 500px;
    }
    .main_img {
        z-index: 10;
        opacity: 0;
        width: 100%;
        height: 400px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        -webkit-animation: anime 36s 0s infinite;
        animation: anime 36s 0s infinite;
    }
    .main_img:nth-of-type(2) {
        -webkit-animation-delay: 6s;
        animation-delay: 6s;
    }
    .main_img:nth-of-type(3) {
        -webkit-animation-delay: 12s;
        animation-delay: 12s;
    }
    .main_img:nth-of-type(4) {
    -webkit-animation-delay: 18s;
    animation-delay: 18s;
    }
    .main_img:nth-of-type(5) {
        -webkit-animation-delay: 24s;
        animation-delay: 24s;
    }
    .main_img:nth-of-type(6) {
        -webkit-animation-delay: 30s;
        animation-delay: 30s;
    }
}
    @keyframes anime {
        0% {opacity: 0;}
        8% {opacity: 1;}
        17% {opacity: 1;}
        25% {
            opacity: 0;
            transform: scale(1.2) ;
            z-index:9;
        }
        100% {opacity: 0}
    }
    .president-svg-wrap {
        width: 100%;
        margin: 40px auto;
        padding-bottom: 0;
    }

/* =======================================
    フローティングバナー指定 (最下部固定バナー)
========================================== */

.floating-banner {
    position: fixed;
    z-index: 99999;
    left: 38%;
    bottom: 0;
}
.haigo-bnr.pc {width: 100%;} /* バナーの横幅を指定 */

.floating-banner:hover {opacity: .8;} /* ホバーで少し透過 */

.haigo-bnr.sp {display: none;}/* PCではスマホ用のバナーは非表示に */

@media screen and (max-width: 1024px){
    .floating-banner {
        left: 25%;
    }
    .section-ttl .w-12{
        width: 19%;
    }
    .section-ttl .w-15{
        width: 20%;
    }
    .section-ttl .w-17{
        width: 25%;
    }
}

@media screen and (max-width: 768px) { /* スマホ用のブレイクポイントを指定 */
    .haigo-bnr.pc {
        display: none;
    }
    .haigo-bnr.sp {
        display: inline-block; /* 消していたスマホ用のバナーを表示させる */
        width: 100vw; /* スマホの画面幅いっぱいにバナーを表示 */
    }
    .floating-banner  {
        top: unset; /* PCで指定していた上下の位置指定をクリア */
        right: 0; /* 左右の隙間が空かないように */
        bottom: 0; /* 画面の最下部にぴったりくっつくように指定 */
        left: 0;
    }
    
    /*　フッター
    --------------------------*/
    .footer-wrapper {
        width: 100%;
/*        margin: -20px auto;*/
        text-align: center;
        background-color: #b5dfdf;
        background-image: url(../../../wp-content/uploads/2020/12/img_footer_sp.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom;
        padding-bottom: 35%;
    }
    .conclusion-wrap {
        padding-bottom: 20px;
    }
    .glossary-rap {
        margin: 10px auto 0;
        width: 100%;
        text-indent: -1.2em;
    }
}

/* ==============================
       健康宣言用指定
================================= */
table.health-table {
    margin-top: 30px;
}
table.health-table td {
    width: 50%;
}
@media screen and (max-width: 560px) {
    table.health-table td {
        display: block;
        width: 90%;
        margin: 0 auto;
    }
    
    /*  社長メッセージ
    ------------------------------*/
    .president-vision-motto {
        text-align: center;
        padding: 5px;
        margin: 0 auto;
        width: 100%;
    }
}

/* ==============================
      採用ページ用
================================= */
.recruit .coment span,.new-graduates-inner-wrap .coment span,.president-message .coment span{
    font-size: 26px;
    font-family: serif;
    font-weight: 800;
    padding: 0.25em 0;
}
.recruit .coment span:after,.new-graduates-inner-wrap .coment span::after{
    content: "";
    display: block;
    height: 4px;
    background: -webkit-linear-gradient(to right, rgb(255, 186, 115), #ffb2b2);
    background: linear-gradient(to right, rgb(255, 186, 115), #ffb2b2);
}

/* 新卒採用スタイル 
-------------------------------------*/
.new-graduates{
    background-image: url(../../../wp-content/uploads/2020/12/new_graduates_main.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 430px;
    margin-top: -6px;
    background-position-x: center;
}

.new-graduates .cont, .mid-career .cont {
    width: 580px;
    margin: 0 auto;
    padding-top: 10%;
}
.cont-inner {
    padding: 0;
    color: #fff;
}
@-webkit-keyframes typing {
    from { width: 0 }
    to { width:16.3em }
}

@-moz-keyframes typing {
    from { width: 0 }
    to { width:16.3em }
}

@-webkit-keyframes blink-caret {
    from, to { border-color: transparent }
    50% { border-color: black }
}

@-moz-keyframes blink-caret {
    from, to { border-color: transparent }
    50% { border-color: black }
}
#new-graduates .cont-inner h2,#mid-career .cont-inner h2{
    font-family: Consolas, monospace;
}


.cont-inner h2 {
    font-size: 50px;
    width: 620px;
    overflow: hidden;
}

.cont-inner span {
    font-size: 110%;
    color: #ff3b00;
    background: -webkit-linear-gradient(0deg, #40E0D0, #ffbb68, #ffaed6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/*#new-graduates .buttons,*/
#mid-career-contact .buttons{
    margin: 60px auto 40px;
    display: block;
    width: 230px;
}


/* 中途採用スタイル 
----------------------------------*/
.mid-career{
    background-image: url(../../../wp-content/uploads/2020/12/mid-career_main.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 430px;
    margin-top: -6px;
    background-position-x: center;
}
.mid-career .hero-wrap{
    width: 100%;
    text-align: center;
    
}
.mid-career-contact{
    border: 2px solid #91b949;
    border-radius: 20px;
    width: 31%;
    margin: 0 auto;
    padding: 20px;
}
.mid-career-contact p{
    padding: 10px;
}
.mid-career-contact .mid-career-tel{
    font-size: 20px;
    font-weight:bold;
    color: #91b949;
}
.mid-career-contact a{
    color: red;
}


/* ボタン用 
---------------------------------*/
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.buttons {
    text-align: center;
    width: 230px;
    margin: 60px auto 40px;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
}
.buttons.company-map {
    margin: 0 auto;
    text-align: center;
}
.btn-hover,.buttons.company-map {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    margin: 3px auto 0;
    height: 55px;
    text-align:center;
    border: none;
    background-size: 300% 100%;
    border-radius: 50px;
/*    moz-transition: all .4s ease-in-out;*/
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.buttons.company-map {
    width: 150px;
}
.buttons.company-map .btn-hover{
    width: 150px;
    min-width: 150px;
    margin: 5px auto;
    height: 40px;
}
.btn-hover:hover {
    background-position: 100% 0;
/*    moz-transition: all .4s ease-in-out;*/
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.btn-hover:focus {
    outline: none;
}
.btn-hover.color-9 {
    background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed);
    box-shadow: 0 1px 5px 0 rgb(41 73 121 / 75%);
    min-width: 230px;
    width: 230px;
}
.btn-hover.color-10 {
    background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a , #FBB03B);
    box-shadow: 0 1px 6px 0 rgba(236, 116, 149, 0.75);
    min-width: 230px;
    width: 230px;
}
.btn-hover.color-8 {
    background-image: linear-gradient(to right, #72d7cc, #acd6d6, #acd6d6 , #28cfb3);
}
/* -end- */

.new-graduates-inner-wrap{
    background-color: #fff;
    padding-bottom: 20px;
}
.new-graduates-inner-wrap .requirements-data__list {
    list-style: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 80%;
/*    background-color: #f7f7f7;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 42px 34px 24px;
    margin: 40px auto 0;
    font-size: 16px;
    line-height: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.new-graduates-inner-wrap .requirements-data__list dt {
    margin: 0 10px 18px;
    padding: 8px 10px 6px;
    width: 100px;
    background: #acd6d6;
}
.new-graduates-inner-wrap .requirements-data__list dd {
    margin: 0 0 18px;
    padding: 0;
    width: calc(100% - 120px);
    padding: 10px 0 0 0;
}
.requirements-data-flow{
    margin: 40px 0 0 5%;
}



/* ==============================
      
================================= */
.introduction-video-wrap{
    width: 80%;
    margin: 0 auto;
}
.introduction-video-wrap .introduction-video-list li{
    width: 45%;
    margin: 0 auto;
    padding-bottom: 40px;
    max-width: 400px;
    min-width: 400px;

}
.introduction-video-wrap .introduction-video-list {
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(100% + 32px);
    margin: calc(-16px + 20px) -16px -16px;
}
.introduction-video-wrap .introduction-video-list iframe {
    width: 100%;
    height: auto;
    pointer-events: none;
    min-height: 226px;
}

@media screen and (max-width: 768px) {

    /* 研修
    -------------------------------*/
    .training-cat-ttl {
        text-align: center;
        margin: 20px 0 10px;
    }

    .training p + p {
        margin-top: 15px;
    }
    .training ul {
        margin: 15px 10px;
    }

    .contact-sec {
        margin-top: 30px;
        width: 100%
    }
    .contact-sec .first-p {
        margin: 10px 0;
    }
    .m-article.env-efforts {
        width: 90%;
    }
    .env-efforts .headtype03 {
        margin-bottom: 20px;
    }

    .env-efforts__btn-wrap {
        display: block;
        width: 100%;
        max-width: 315px;
        margin: 20px 0 60px;
    }
    .env-efforts__btn-wrap li {
        margin: 10px;
    }

    .env-efforts__imgbtn-wrap {
        display: block;
        width: 100%;
        margin: 0;
    }
    .env-efforts__imgbtn-wrap li {
        width: 100%;
        padding: 10px 0;
    }
    .env-efforts__imgbtn-wrap a::before,.env-efforts__imgbtn-wrap a span {
        opacity: 1;
    }
    .env-efforts__imgbtn-wrap a::before {
        top: auto;
        bottom: 0;
        height: 60px;
    }
    .env-efforts__imgbtn-wrap a span {
        font-size: 15px;
        top: auto;
        bottom: 20px;
        transform: translate(-50%, 0);
    }

    .env-efforts__slider {
        width: 80%;
    }
    .env-efforts__slider .slick-dots {
        bottom: -20px;
    }

    .env-efforts__slider .slick-arrow.slick-next {
        right: -15%;
    }
    .env-efforts__slider .slick-arrow.slick-prev {
        left: -15%;
    }

    .env-efforts__sec02 {
        margin-top: 100px;
    }
    .env-efforts__sec02 .product-sec + .product-sec {
        margin-top: 60px;
    }
    .fix-page {
        padding-top: 25px;
        padding-bottom: 60px;
    }
    .fix-page p + p {
        margin-top: 20px;
    }

    .env-policy img {
        margin-bottom: 25px;
    }
    .env-policy ul {
        padding: 15px 0;
    }

    .coding-care .img_wrap {
        margin: 25px 0;
    }
    .coding-care .img_wrap img {
        max-width: 280px;
    }
    .coding-care .btn {
        max-width: 315px;
        margin-top: 25px;
    }

    .iso ul {
        margin: 25px 0;
    }
    .iso .img-wrap {
        display: block;
        text-align: center;
    }
    .iso .img-wrap img {
        margin: 14px 0;
        max-width: 280px;
    }

    .solor-power ul {
        margin: 20px 0;
    }
    .solor-power li {
        margin: 0 10px;
        max-width: 135px;
    }
    .solor-power li + li {
        margin-left: 40px;
    }

    .thermal-barrier ul {
        width: calc(100%);
    }
    .thermal-barrier li {
        padding: 7px 5px;
    }
    .thermal-barrier li span {
        font-size: 10px;
    }
    .thermal-barrier li:nth-of-type(7) {
        width: 34%;
    }
    .thermal-barrier li:nth-of-type(8) {
        width: 20%;
    }

    .fun-to-share .img-wrap {
        margin: 30px auto;
    }
    .fun-to-share .img-wrap img {
        max-width: 280px;
    }

    .compliance ul,.compliance dl,.secure-safety ul,.secure-safety dl {
        margin: 15px 10px;
    }
    .compliance dt,.secure-safety dt {
        padding-bottom: 5px;
        font-weight: bold;
    }
    .compliance dd + dt,.secure-safety dd + dt {
        padding-top: 10px;
    }

    .secure-safety li {
        padding: 0 10px;
    }

    .info-security ul {
        display: block;
        width: calc(100%);
        margin: 20px 0px 35px;
    }
    .info-security li {
        padding: 10px 0px;
    }
    .info-security .product-sec {
        margin-top: 45px;
    }
    


    /*　社長メッセージ
    -------------------------------*/
    .president-message__block {
        display: block;
    }
    .president-message__block img {
        display: block;
        margin: 0 auto;
    }

    .president-message__block__txt {
        padding: 20px 0 40px;
        width: 100%;
    }
    .president-message__block__txt p,.president-message__block__txt b {
        font-size: 15px;
    }
    .president-message__block__txt b {
        margin-top: 20px;
    }

    /* 採用
    ------------------------------*/
    .new-graduates .cont, .mid-career .cont {
        display: inline-block;
        width: 100%;
        position: relative;
        top: 50px;
    }
    
    .new-graduates-inner-wrap .requirements-data__list {
        width: 100%;
        padding: 10px;
    }
    .new-graduates h2, .mid-career h2{
        text-shadow: 2px 2px 3px #666;
    }
    .new-graduates h2 span, .mid-career h2 span{
        text-shadow:none;
    }
    
    .requirements-data-flow{
        margin-left: 10%;
    }
    .mid-career-contact{
        margin: 0 auto;
        width: 100%;
    }
    .requirements-data__list .space {
        padding-left:0;
    }
    .introduction-video-wrap .introduction-video-list li{
        width: 100%;
        height: auto;
    }
    .buttons {
        text-align: center;
        width: 230px;
        margin: 85px auto 40px;
        display: flex;
        flex-direction: column;
    }
    .new-graduates-inner-wrap .requirements-data__list dt {
        margin: 0 10px 18px 0;
    }

    .mid-career,.w-graduates {
        background-image: url(../../../wp-content/uploads/2020/12/mid-career_main_sp.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position-x: center;
        height: 38vh;

    }
    .mid-career .hero-wrap {
        top: 70%;
        position: absolute;
        width: 100%;
        text-align: inherit;
    }
    
    .hero-wra{
        position: relative;
        bottom: 76px;
    }
    
   /* 新卒採用スタイル */
    .new-graduates {
        background-image: url(../../../wp-content/uploads/2020/12/new_graduates_main_sp.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position-x: center;
        height: 38vh;
    }

    
    .btn-hover,.buttons.company-map {
        font-size: 12px;
    }
    .btn-hover{
        font-size: 18px;
        letter-spacing: 1px;    
    }
}


@media screen and (max-width: 560px) {

    .cont-inner h2 {
/*        margin: 0;
        position: absolute;
        left: 50%;
        top: -90%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-size: 160%;*/
        font-size: 30px;
        text-align: center;
        width: 100%;
    }
    ul.pdf-download-list {
        width: 100%;
        padding: 0;
        margin: 0 auto;
    }
}
/* =============================
      CSR親ページ用

================================ */
.ir-document_sec .contents__items{
    display: flex;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
}

.ir-document_sec .contents__items__item {
    width: 30%;
    margin-bottom: 20px;
    border: 2px solid #f6b37f;
    padding: 20px;
    margin: 0 20px 20px 0;
    border-radius: 15px;
}

section.contents__items__item a:hover {
    opacity: 0.5;
}
.ir-document_sec .contents__items__item img {
    float: left;
    height: 100%;
    overflow: hidden;
    width: 120px;
}

.ir-document_sec .contents__items__item__col {
    float: right;
    padding-left: 20px;
    padding-right: 20px;
    width: 62%;
}
.ir-document_sec .contents__title {
    border-bottom: 2px solid #fff;
    display: table;
    font-size: 18px;
    font-weight: bold;
    height: 60px;
    line-height: 1.5;
    padding-bottom: 0;
}
.ir-document_sec  .contents__title > a {
    display: table-cell;
    vertical-align: middle;
}

.border-link__btn {
    background-color: #f6b37f;
    color: #000;
    display: block;
    padding: 15px 0;
    text-align: center;
    border-radius: 30px;
}

.ir-document_sec .contents__items__item::after {
    clear: both;
    content: "";
    display: block;
}

@media screen and (min-width: 1140px)and (max-width: 1650px) {
    .ir-document_sec .contents__items__item__col {
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
    }
}

@media screen and (min-width: 920px)and (max-width: 1220px) {
    .conclusion-wrap .img-wrap .env-efforts-date,.conclusion-wrap .company-info__block .img-wrap{
        flex-direction: column;
    }
}

@media screen and (max-width: 1140px) {
    .ir-document_sec .contents__items__item__col {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }   
}

@media screen and (max-width: 1024px) {
    .ir-document_sec .contents__items__item__col{
        width: 100%;
    }
}
@media screen and (min-width: 920px)and (max-width: 955px) {
    .ir-document_sec .contents__items__item {
        padding: 15px;
    }
}
@media screen and (max-width: 920px) {
    .env-efforts_policy {
        width: 100%;
        margin: 10px auto;
        padding: 30px 20px;
    }
    .conclusion-wrap .img-wrap {
        flex-direction: column;
		align-items: stretch;
    }
    .conclusion-wrap .col_4 .image-item-long,
    .conclusion-wrap .col_4 .image-item-short{
        height: auto!important;       
    }
    .headtype07 {
        width: 100%;
        text-align: center;
        margin: 20px auto;
        padding: 10px 0;
    }
    .env-efforts__block {
        display: block;
    }
    .env-efforts__block > *:not(img) {
        width: calc(100%);
    }
    .env-efforts__block img {
        display: block;
        margin: 20px auto 0px;
        min-width: 90%;
    }
    .env-efforts-date-innner-table{
        position: static;
        margin-top: 20px;
    }
    .conclusion-wrap .conclusion-img-box{
        width: 100%;
        padding: 10px;
    }
    .ir-document_sec .contents__items__item__col {
        padding-left: 0;
        padding-right: 0;
        width: 50%;
    }
    .ir-document_sec .contents__items__item img {
        width: 45%;
    }
    .ir-document_sec .contents__items__item {
        width: 100%;
        min-width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}


/* GNav親ページリンクボタン指定 
---------------------------------------------*/
@media screen and (max-width: 920px) {
    .ir-document_sec .contents__items {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
}
.fade {
    opacity : 0;
    transform: translateY(20px);
    transition: all 1s;
}

.company-info-item{
    width: 400px;
    height: 380px;
    max-width: 400px;
    min-width: 400px;
    max-height: 380px;
    min-height: 380px;
}


/* 研修
--------------------------------------*/
.training-info .conclusion-wrap{
    padding-bottom: 0;
}
.training-info .training_course_box{
    width: 50%;
    margin: 20px auto;
}
.training_course_1{
    border: 2px solid #2186b3;
    background-color: #d9e6f1;
    border-radius: 20px;
    height: 260px;
    min-width: 420px;
    margin: 0 20px;
    width: 90%;
    align-items: flex-end;
    display: inline-table;
}
h4.training_course_1_ttl{
    font-size: 24px;
    border-bottom: 2px dotted #2186b3;
    padding: 5px 0 0 0;
    text-align: center;
    color: #2186b3;
}
.training_course_2{
    border: 2px solid #ed6c00;
    background-color: #fce3cd;
    border-radius: 20px;
    height: 260px;
    min-width: 420px;
    margin: 0 20px;
    width: 90%;
    align-items: flex-end;
    display: inline-table;
}
h4.training_course_2_ttl{
    font-size: 24px;
    border-bottom: 2px dotted #ed6c00;
    padding: 5px 0 0 0;
    text-align: center;
    color: #ed6c00;
}
.training_course_3{
    border: 2px solid #00a599;
    background-color: #dfeeeb;
    border-radius: 20px;
    height: 260px;
    min-width: 420px;
    margin: 0 20px;
    width: 90%;
    align-items: flex-end;
    display: inline-table;
}
h4.training_course_3_ttl{
    font-size: 24px;
    border-bottom: 2px dotted #00a599;
    padding: 5px 0 0 0;
    text-align: center;
    color: #00a599;
}
.training_course_4{
    border: 2px solid #e95383;
    background-color: #fbe3e8;
    border-radius: 20px;
    height: 260px;
    min-width: 420px;
    margin: 0 20px;
    width: 90%;
    align-items: flex-end;
    display: inline-table;
}
h4.training_course_4_ttl{
    font-size: 24px;
    border-bottom: 2px dotted #e95383;
    padding: 5px 0 0 0;
    text-align: center;
    color: #e95383;
}
.training_course_5{
    border: 2px solid #f39800;
    background-color: #feecd3;
    border-radius: 20px;
    height: 260px;
    min-width: 420px;
    margin: 0 20px;
    width: 90%;
    align-items: flex-end;
    display: inline-table;
}
h4.training_course_5_ttl{
    font-size: 24px;
    border-bottom: 2px dotted #f39800;
    padding: 5px 0 0 0;
    text-align: center;
    color: #f39800;
}
.training_course_6{
    border: 2px solid #8dc556;
    background-color: #ecf4e1;
    border-radius: 20px;
    height: 260px;
    min-width: 420px;
    margin: 0 20px;
    width: 90%;
    align-items: flex-end;
    display: inline-table;
}
h4.training_course_6_ttl{
    font-size: 24px;
    border-bottom: 2px dotted #8dc556;
    padding: 5px 0 0 0;
    text-align: center;
    color: #8dc556;
}
.training_course_7{
    border: 2px solid #ec6d65;
    background-color: #fce6e0;
    border-radius: 20px;
    height: 260px;
    min-width: 420px;
    margin: 0 20px;
    width: 90%;
    align-items: flex-end;
    display: inline-table;
}
h4.training_course_7_ttl{
    font-size: 24px;
    border-bottom: 2px dotted #ec6d65;
    padding: 5px 0 0 0;
    text-align: center;
    color: #ec6d65;
}
.training_course_8{
    border: 2px solid #a64a97;
    background-color: #ecdeed;
    border-radius: 20px;
    height: 260px;
    min-width: 420px;
    margin: 0 20px;
    width: 90%;
    align-items: flex-end;
    display: inline-table;
}
h4.training_course_8_ttl{
    font-size: 24px;
    border-bottom: 2px dotted #a64a97;
    padding: 5px 0 0 0;
    text-align: center;
    color: #a64a97;
}
/*
.training_course_1 p,.training_course_2 p,.training_course_3 p,.training_course_4 p,
.training_course_5 p,.training_course_6 p,.training_course_7 p,.training_course_8 p,
.training_course_9 p,.training_course_10 p{
    height: 4em;
}*/

.training_course_1 tr td,.training_course_2 tr td,.training_course_3 tr td,.training_course_4 tr td,
.training_course_5 tr td,.training_course_6 tr td,.training_course_7 tr td,.training_course_8 tr td,
.training_course_9 tr td,.training_course_10 tr td{
    height: 4em;
}

/*   申し込み注意と持参物
---------------------------------*/
.training_attention dt{
      float: left;
}

.training_attention dd{
    margin-left: 20px;
    margin-bottom: 10px;
    line-height: 1.6;
}

/*　研修会場一覧
---------------------------------*/

.training_location h4{
    font-size: 22px;
    font-weight: bold;
    background: #8fdcdc;
    padding: 10px 10px 5px;
}


.training_location h5 {
    font-size: 18px;
    font-weight: bold;
    margin-top: 10px;
}

/* 採用に関する個人情報の取り扱いについて */
.recruit-privacy .conclusion-wrap .wrap_p{
    text-indent: -2em;
    padding-left: 30px;
}




/*　事業所一覧
---------------------------------*/
.company-info .company-info-image .image-item-long {
    width: 300px;
    height: 460px;
    object-fit: contain;
    margin: 0 auto;
}
.company-info .company-info-image .image-item-short{
    width: 300px;
    height: 320px;
    object-fit: contain;
    margin: 0 auto;
}
.company-info .shipment-flow-list .flow-item img {
    border-radius: 50%;
    width: 200px;
    height: 200px;
    object-fit: cover;
    padding: 20px;
}
.company-info .shipment-flow-list{
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    list-style: none;
    width: 100%;
}
.company-info .shipment-flow-list li{
    width: 200px;
}

.company-info .shipment-flow-list li+li {
    position: relative;
 }

.company-info .shipment-flow-list li+li::after {
    content: '';
    display: block;
    position: absolute;
    top: 85px;
    width: 35%;
    height: 60px;
    background: url(../../../wp-content/uploads/2020/12/icon_company_arrow_pc.png) no-repeat;
    left: -15px;
    background-size: 50%;
}
figcaption {
    font-size: 14px;
    width: 100%;
    color: #4b4848;
    margin: 0 auto;
    line-height: 1.4;
}
figcaption span.bold{
    font-weight: 600;
}


@media screen and (max-width: 1680px) {
    /*申し込み注意と持参物
    ---------------------------------*/
    .training_attention .w-720,.training_attention .w-570{
        width: 100%;
    }
    .training_attention .w-570{
        margin-top: 50px;
    }
}
@media screen and (max-width: 1200px) {
    
    /*　研修　*/
    .training-info .conclusion-wrap .img-wrap,.company-info .company-info-image .img-wrap{
        flex-direction: column;
    }
    .company-info-image .img-wrap .image-item {
        width: 100%;
        max-width: 400px;
    }
    .training-info .training_course_box{
        min-width: 100%;
    }
    .training_course_1,.training_course_2,.training_course_3,.training_course_4,.training_course_5,.training_course_6,.training_course_7,.training_course_8{
        height: auto;
        min-width: 100%;
        margin: 0 auto;
    }
    .option-box {
        width: 100%;
    }
    .conclusion-wrap .w-1300{
        width: 100%;
    }
    
    .training_location .w-600{
        width: 100%;
    }
    
    .training_location h4{
        font-size: 18px;
    }
    .training_location h5 {
        font-size: 16px;
    }
}

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

    /*　研修　*/
    .training-info .training_course_box{
        width: 100%;
    }

}


@media screen and (max-width: 500px) {
    /*　研修　*/
    .training-info .training_course_box{
        width: 100%;
    }
    .ir-document_sec .contents__items__item{
        margin: 10px auto;
        float: none;
        width: 100%;
        min-width: auto;
    }
    .btn-hover.color-9{
        margin-bottom: 10px;
    }
    .option-box {
        width: 100%;
    }
    .company-info .shipment-flow-list{
        flex-direction: column;
    }
    .company-info .company-info-image .image-item,.company-info .shipment-flow-list li{
        width: 100%;
    }
    .company-info .shipment-flow-list li+li::after{
        display: none;
    }
}
    
    
/*====================================================
  pdf 報告書類ページ 次のページへ
======================================================*/
    
.m-pagenation{
    width: 350px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 80px;
    overflow: hidden;
}
.m-pagenation__result{
    float: right;
    margin-top: 5px;
}

.m-pagenation__prev,.m-pagenation__next{
    float: left;
    margin-top: 5px;
}

.m-pagenation__body li{
    float:left;
    margin: 0 15px;
    
    line-height: 30px;
    border: 1px solid #b5dfdf;
    font-size: 16px;
}
.m-pagenation__body li a{
    padding: 2px 20px;
    display: block;
}

.-current {
    padding: 2px 20px;
    border-color: #acd6d6;
    background: #acd6d6;
    color: #fff;
}

/* SP */
@media screen and (max-width: 768px) {
    .m-pagenation {
        width: 85%;
    }
    .m-pagenation__result{display: none;}
	.dpfl {
		display:column;
	}
}

.PC .metaslider .caption-wrap {
	margin-top: -83px;
    margin-left: -316px;
    position: absolute;
    top: 50%;
    left: 50%;
    background: none;
}
.SP .metaslider .caption-wrap {
    margin-left: 10%;
	margin-right: 10%;
    position: absolute;
    top: 50%;
    background: none;
}

.SP .metaslider .caption-wrap .caption img {
	width: 80vw;
}

.dpfl {
	display:flex;
	
}
/* SP */
@media screen and (max-width: 768px) {
	.dpfl {
		display:column;
	}
}


.backBtn {
  color: #fff;
  background-color: #f6b37f;
  border-radius: 100vh;
  
}

.backBtn:hover {
  opacity:.8;
}