@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author:
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.2
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/* 共通、全体 */
body{font-family:"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;font-size:16px;color:#333;line-height:1.2;background-color:#fff}
.content{margin-top:0}
.wrap,.main{width:100%;padding:0}
.a-wrap:hover{background-color:transparent;transition:all .3s ease-in-out;color:#333}
.wrap a{color:#333;text-decoration:none}
a.linkBtn{background:#00AC48;color:#fff;text-decoration:none;padding: 1px 12px 1px 6px;border-radius:4px;width:150px;font-size:12px;box-shadow:1px 2px 1px #11793d;letter-spacing:.2em}
a.linkBtn:before{content:"▸"}

/*ヘッダー*/
.header{position:absolute;top:50px;left:220px;height:auto}
#hdrBox{width:400px;display:inline-block}
#hdrBox img{width:300px}
#hdrBox .tagline{color:#fff;display:block;text-align:left;font-size:18px;letter-spacing:.2em}
#content-top{display:block;text-align:right}
#content-top .textwidget a,#navi .navi-in a{color:#fff;font-size:14px;letter-spacing:.2em;text-decoration:none;display:inline-block;text-shadow:1px 1px 10px #000000c9}
#hdrNav h1{text-align:right}
#hdrNav h1 img{width:500px;text-align:right;display:inline-block;margin-top:300px}
#ftrNav{padding-left:122px}

/* めにゅー */
#hdrNav{position:absolute;top:50px;background:transparent;left:700px;width:1000px;text-align:right}
#navi.navi{background-color:transparent;display:inline-block}
.navi-in .fa-angle-down:before{content:none}
.navi-in > ul{text-align:right}
.navi-in > ul li{width:auto}
.navi-in > ul li:hover > ul{display:block}
.navi-in .menu-top > li{margin-right:20px}
.navi-in .menu-top > li:nth-of-type(4){margin-right:0}
#hdrNav .navi-in > ul .sub-menu{background-color:#000000b0;text-align:center;width:1270px;padding:2% 20%;display:flex;height:180px;display:none}
#hdrNav .navi-in > ul li:hover .sub-menu{display:flex;margin-top: -30px;}
#hdrNav .navi-in > ul li:nth-child(1) .sub-menu{left:-790px}
#hdrNav .navi-in > ul li:nth-child(2) .sub-menu{left:-876px}
#hdrNav .navi-in > ul li:nth-child(3) .sub-menu{left:-996px}
#hdrNav .navi-in > ul li:nth-child(4) .sub-menu{left:-1082px}
#hdrNav .navi-in > ul li:hover .sub-menu{display:flex;justify-content:center}
#hdrNav .navi-in .sub-menu li{width:160px;margin:0 8px;height:160px;flex-wrap:nowrap;justify-content:center}
#hdrNav .navi-in li:nth-child(3) .sub-menu li:nth-child(2),#hdrNav .navi-in li:nth-child(3) .sub-menu li:nth-child(3){line-height:1.2;}
#hdrNav .navi-in > ul li:nth-child(1) .sub-menu li:nth-child(1){background:transparent url(/jap/images/nav/nav01_01.png) no-repeat center bottom;background-size:contain}
#hdrNav .navi-in > ul li:nth-child(1) .sub-menu li:nth-child(2){background:transparent url(/jap/images/nav/nav01_02.png) no-repeat center bottom;background-size:contain}
#hdrNav .navi-in > ul li:nth-child(1) .sub-menu li:nth-child(3){background:transparent url(/jap/images/nav/nav01_03.png) no-repeat center bottom;background-size:contain}
#hdrNav .navi-in > ul li:nth-child(1) .sub-menu li:nth-child(4){background:transparent url(/jap/images/nav/nav01_04.png) no-repeat center bottom;background-size:contain}
#hdrNav .navi-in > ul li:nth-child(1) .sub-menu li:nth-child(5){background:transparent url(/jap/images/nav/nav01_05.png) no-repeat center bottom;background-size:contain}
#hdrNav .navi-in > ul li:nth-child(1) .sub-menu li:nth-child(6){background:transparent url(/jap/images/nav/nav01_06.png) no-repeat center bottom;background-size:contain}
#hdrNav .navi-in > ul li:nth-child(1) .sub-menu li:nth-child(7){background:transparent url(/jap/images/nav/nav01_07.png) no-repeat center bottom;background-size:contain}
#hdrNav .navi-in > ul li:nth-child(2) .sub-menu li:nth-child(1){background:transparent url(/jap/images/nav/nav02_01.png) no-repeat center bottom;background-size:contain}
#hdrNav .navi-in > ul li:nth-child(2) .sub-menu li:nth-child(2){background:transparent url(/jap/images/nav/nav02_02.png) no-repeat center bottom;background-size:contain}
#hdrNav .navi-in > ul li:nth-child(2) .sub-menu li:nth-child(3){background:transparent url(/jap/images/nav/nav02_03.png) no-repeat center bottom;background-size:contain}
#hdrNav .navi-in > ul li:nth-child(2) .sub-menu li:nth-child(4){background:transparent url(/jap/images/nav/nav02_04.png) no-repeat center bottom;background-size:contain}
#hdrNav .navi-in > ul li:nth-child(3) .sub-menu li:nth-child(1){background:transparent url(/jap/images/nav/nav03_01.png) no-repeat center bottom;background-size:contain}
#hdrNav .navi-in > ul li:nth-child(3) .sub-menu li:nth-child(2){background:transparent url(/jap/images/nav/nav03_02.png) no-repeat center bottom;background-size:contain}
#hdrNav .navi-in > ul li:nth-child(3) .sub-menu li:nth-child(3){background:transparent url(/jap/images/nav/nav03_03.png) no-repeat center bottom;background-size:contain}
#hdrNav .navi-in > ul li:nth-child(3) .sub-menu li:nth-child(4){background:transparent url(/jap/images/nav/nav03_04.png) no-repeat center bottom;background-size:contain}
#hdrNav .navi-in > ul li:nth-child(4) .sub-menu li:nth-child(1){background:transparent url(/jap/images/nav/nav04_01.png) no-repeat center bottom;background-size:contain}
#hdrNav .navi-in > ul li:nth-child(4) .sub-menu li:nth-child(2){background:transparent url(/jap/images/nav/nav04_02.png) no-repeat center bottom;background-size:contain}
#hdrNav .navi-in > ul li:nth-child(4) .sub-menu li:nth-child(3){background:transparent url(/jap/images/nav/nav04_03.png) no-repeat center bottom;background-size:contain}
#hdrNav .navi-in > ul li:nth-child(4) .sub-menu li:nth-child(4){background:transparent url(/jap/images/nav/nav04_06.png) no-repeat center bottom;background-size:contain}
#hdrNav .navi-in > ul li:nth-child(4) .sub-menu li:nth-child(5){background:transparent url(/jap/images/nav/nav04_04.png) no-repeat center bottom;background-size:contain}
#hdrNav .navi-in > ul li:nth-child(4) .sub-menu li:nth-child(6){background:transparent url(/jap/images/nav/nav04_05.png) no-repeat center bottom;background-size:contain}
#navi .sub-menu li a{padding:0;width:100%;display:inline-block;height:160px; }
.navi-in a:hover{background-color:transparent}
#content-top .textwidget a:hover,#navi .navi-in a:hover{color:#92ea6e;transition:all .5s ease-in-out}
#hdrNav .navi-in > ul li:nth-child(4) .sub-menu li:nth-child(6) a {
  letter-spacing: -0.1em;
}
.single #navi .navi-in .sub-menu a{color:#fff}
.grecaptcha-badge { visibility: hidden; }
#hdrNav .navi-in > ul li:nth-child(3) .sub-menu li:nth-child(2) a {font-size:14px;letter-spacing: -0.05em;margin-top:21px;}
#hdrNav .navi-in > ul li:nth-child(3) .sub-menu li:nth-child(3) a {font-size:14px;letter-spacing: -0.05em;margin-top:21px;}
#hdrNav .navi-in > ul li:nth-child(1) .sub-menu li:nth-child(7) a {letter-spacing: 0.1em;}



  /*トップ　メイン*/
  .home #list{margin-top:-90px}
  .home #newsBox{background:#000000a6;color:#fff;padding:28px 0 20px 250px;display: flex;}
  #newsBox h3{display:inline-block;vertical-align:top}
  #newsBox .entry-card-meta,#newsBox .related-entry-card-meta{position:static;display:inline-block;text-align:left;line-height:1.2;margin-left:50px;vertical-align:top}
  #newsBox a{margin-bottom:0;padding:0;color:#fff;display:flex;vertical-align:top;text-align:left;align-items: center;}
  .entry-card-content{margin-left:4px}
  #newsBox a .entry-card-title,.related-entry-card-title{font-size:16px;margin:0;font-weight:400;line-height:1.2}
  .entry-card .admin-pv{display:none}
  .newslistarea{display: flex; flex-direction: column;width: 80%;max-width: 1000px;margin-left: 10px;}
  .newslist_content{display: flex; width: 100%;justify-content: flex-start;margin-bottom: 20px;padding-bottom: 15px;border-bottom: 1px solid #ffffff61;}

  .home .gaiyoBox .lead,.home .gaiyoBox .lead2{width:1200px;margin:40px auto;text-align:center;color:#000;line-height:2.2}
  .home .gaiyoBox ul{margin:0 auto;text-align:center;padding-left:0;width:1440px;display:flex;flex-wrap:wrap}
  .home .gaiyoBox li{width:48%;list-style:none;height:400px;margin:4px}
  .home .gaiyoBox li:nth-child(1){background:transparent url(/jap/images/top_img01.png) no-repeat right top;background-size:cover;padding:0;margin-bottom:6px}
  .home .gaiyoBox li:nth-child(2){background:transparent url(/jap/images/top_img02.png) no-repeat;background-size:cover;padding:0}
  .home .gaiyoBox li:nth-child(3){background:transparent url(/jap/images/top_img03_2.png) right top no-repeat;background-size:cover;padding:0}
  .home .gaiyoBox li:nth-child(4){background:transparent url(/jap/images/top_img04.png) no-repeat;background-size:cover;padding:0}
  .home .gaiyoBox li div{background:#000000a6;color:#fff;display:inline-block;width:100%;margin-top:288px;padding:14px;height:112px;text-align:left}
  .home .gaiyoBox li h4{letter-spacing:.2em}
  .home .gaiyoBox li p{font-size:16px}
  .home .gaiyoBox li p{font-size:14px;line-height:1.4;margin-bottom:6px}
  .home .gaiyoBox .useBox{flex-wrap:nowrap}
  .home .gaiyoBox .useBox li{background:none;height:200px}
  .home .gaiyoBox .useBox span{display:block;font-size:14px}
  .home .pagination-next,.home .pagination{display:none}
  .entry-card-content, .related-entry-card-content {padding-bottom: 0!important;}
  .entry-card, .related-entry-card {display: flex!important;align-items: center!important;}

/*固定ページ共通*/
.page #hdrNav h1,.single #hdrNav h1{display:none}
.page .header,.page #hdrNav,.single .header,.single #hdrNav{top:10px}
.page .ttlImage,.parent-pageid-12 .ttlImage,.single .ttlImage{background:transparent url(/jap/images/page_ttl01.png) no-repeat 30%;background-size:cover;padding:0;height:150px;width:100%;line-height:4;padding-left:15%;color:#fff;letter-spacing:.4em}
.parent-pageid-24 .ttlImage,.single.single.categoryid-3 .ttlImage{background:transparent url(/jap/images/page_ttl02.png) no-repeat center 54%;background-size:cover}
.page-template-guideline .ttlImage,.parent-pageid-49 .ttlImage{background:transparent url(/jap/images/page_ttl04.png) no-repeat;background-size:cover}
.page #content-top .textwidget a,.page #navi .navi-in a,.single #content-top .textwidget a,.single #navi .navi-in a{color:#000}
.breadcrumb a,.page #navi .navi-in .sub-menu a{color:#fff;text-decoration:none}
.page .ttlImage,.outline .ttlImage,.single .ttlImage{background:transparent url(/jap/images/page_ttl01.png) no-repeat 30%;background-size:cover;padding:0;height:150px;width:100%;line-height:4;padding-left:15%;color:#fff;letter-spacing:.4em;margin-top:130px}
#breadcrumb.breadcrumb{background:#000;color:#fff;margin:0;padding:6px;padding-left:15%}
.page .date-tags,.single .date-tags{display:none}
.page article,.single article{display:inline-block;vertical-align:top;padding-left:15%;width:1200px;padding-top:2%}
.page .article h1,.single .article h1{border-bottom:1px solid #888}
.page .gaiyoBox dl{border-bottom:1px solid #dedede;margin:0}
.page .gaiyoBox dt{display:inline-block;vertical-align:top;background:#F2F2F2;padding:4px;width:120px;text-align:center}
.page .gaiyoBox dd{display:inline-block;vertical-align:top;padding:4px;margin-left:4px;line-height:1.8}
.page .article h4{margin:1% 0;border-top:none;border-bottom:none;background:#CCFFE2;color:#07602C;font-weight:600;font-family:'Yu Gothic'}
.page .gaiyoBox p{margin-bottom:4px}
.page .article strong,.single .article strong{color:#07602C;font-weight:600;font-family:'Yu Gothic'}
#footer #navi .sub-menu li a{height:auto}

/*固定ページ*/
.outline .gaiyoBox .lh12{line-height: 8;}
.message .gaiyoBox p{margin-bottom:20px}
.message .gaiyoBox img{width:230px;display:inline-block}
.policy .gaiyoBox p{line-height:1.4}
.address .gaiyoBox a{color:#1967d2}
.address .article dl:nth-child(1){background:transparent url(/jap/images/page/p1_address01.jpg) no-repeat right center;background-size: 16%;}
.address .article dl:nth-child(2){background:transparent url(/jap/images/page/p1_address02.jpg) no-repeat right 20%;background-size:26%}
.address .article dl:nth-child(3){background:transparent url(/jap/images/page/p1_address03.jpg) no-repeat right center;background-size:15%}
.address .gaiyoBox dt{height:256px;width:140px;padding: 2% 0px;}
.address .gaiyoBox .lh12{padding:2%;    line-height: 8;}
.address .gaiyoBox dd{padding-top:14px;width:70%}
.history .gaiyoBox dl{border-bottom:none;margin:0;margin-top:-13px}
.history .gaiyoBox dt{background:transparent url(/jap/images/page/p1_maru.svg) no-repeat 76px 8px;background-size:6%;font-size:15px;width:200px;height:90px}
.history .gaiyoBox dd{width:490px;line-height:1.4}
.history .gaiyoBox .h20 dt{height:108px}
.history .gaiyoBox dd h4{font-size:18px;margin:0;margin-left:-8px;margin-top:-8px;margin-bottom:4px}
.iso .gaiyoBox p{width:76%;display:inline-block;vertical-align:top;margin-left:20px}
.iso .gaiyoBox .linkBtn{width:206px;display:block}
.field article{width:1160px}
.field .gaiyoBox .linkBtn{width:160px;display:block}
.field .gaiyoBox .linkBtn.W250{width:280px;margin:10px 216px 40px}
.field .bumonBox li{list-style:none;height:300px;padding:4%;width:500px;margin:28px auto}
.field .bumonBox li:nth-child(1){background:transparent url(/jap/images/page/p2_field05.png) no-repeat right center;background-size:90%}
.field .bumonBox li:nth-child(2){background:transparent url(/jap/images/page/p2_field02.png) no-repeat right center;background-size:90%}
.field .bumonBox div{background:#CCFFE2;width:250px;padding:4%;height:210px;padding-top:8%}
.field .gaiyoBox div,.feature .gaiyoBox div{margin-bottom:40px}
.feature .gaiyoBox .imgBox{margin-bottom:0}
.field .gaiyoBox img,.use .youtoBox img{margin:0 auto;display:block}
.field .bumonBox div p{font-size:14px}
.manufacture .gaiyoBox p,.nonwoven .gaiyoBox p,.feature .gaiyoBox p,.use article p,.performance .gaiyoBox p{margin-bottom:20px;line-height:1.4}
.manufacture .gaiyoBox .linkBtn{
  display: block;
}
.environment .gaiyoBox .linkBtn{
  display: block;
  width: 240px;

}
 .outline .entry-content .gaiyoBox dt {
  line-height: 2.8;
}
.outline .entry-content .gaiyoBox .lh12 {
  line-height: 8;
}
.use article p,.performance .gaiyoBox p{margin-left:12px}
.technology #hinshitsu .entry-title{margin-top:40px}
.technology #hinshitsu ul{margin-bottom:40px}
.technology .article ul li{list-style:none;width:42%;display:inline-block;line-height:1.2;vertical-align:top}
.kankyo_houshin .gaiyoBox ol{padding-left:20px}
.kankyo_houshin .syomei{text-align:right}
.nonwoven .gaiyoBox .linkBtn.W400{margin-top:20px;display:block;width:440px}
.nonwoven .gaiyoBox h1{margin-top:40px}
.use .youtoMokuji{list-style:none;border:14px solid #CCC;padding:2%}
.use .youtoMokuji li{display:inline-block;vertical-align:top}
.use .youtoMokuji a{color:#1967d2}
.use .youtoMokuji li a::after{content:'▽';font-size:14px;vertical-align:top}
.use .youtoBox dl{width:48%;margin:0;display:inline-block;vertical-align:top;line-height:1.4}
.use .youtoBox dd{margin-left:0}
.use .youtoBox h5{border-bottom:none;background:#E5E5E5;margin-top:10px}
.use .youtoBox ul{margin-left:-5%}
.use .youtoBox li{list-style:outside;font-size:14px}
.performance .gaiyoBox dl{font-size:16px;display:flex;border-bottom:none}
.performance .zairyoBox dt{text-align:center;line-height:6;border-bottom:1px solid #fff;min-width:234px}
.performance .gaiyoBox dt{border-bottom:1px solid #fff}
.performance .gaiyoBox dd{border-bottom:1px solid #ccc;width:672px}
.page .gaiyoBox dd{display:inline-block;vertical-align:top;margin-left:0;line-height:1.4;padding-top: 4px;}
.page .gaiyoBox ul{margin-bottom:0;padding-left:20px}
.guideline .article p{margin-bottom:6px}
.guideline .gaiyoBox{font-size:16px}
.guideline .article .tab_wrap{margin:0 auto 4%}
.guideline .article .tab_area{margin:0 auto 30px}
.guideline .gaiyoBox dd{padding-top:17px;width:80%;padding-left:10px}
.guideline .gaiyoBox dt{padding-top:20px;padding-bottom:16px;width:138px}
.guideline .gaiyoBox .lh6 dt{line-height:3}
.guideline .gaiyoBox .lh8 dt{line-height:5}
.guideline .gaiyoBox .lh10 dt{line-height:8}
.guideline .gaiyoBox .lh14 dt{line-height:10}
.entry article,.contact article{width:1400px}
.saiyoqanda #archive-title,.qanda #archive-title{display:none}
.saiyoqanda .article h4,.qanda .article h4{margin-top:3%}
.saiyoqanda .gaiyoBox,.qanda .gaiyoBox{margin-bottom:8%}
.single .entry-categories-tags{display:none}
.contact dt.lh8{line-height:15}
.contact .h440 dt{height:340px}
.contact span.wpcf7-list-item.first.last{padding:2% 0}
.categoryid-3 footer.article-footer.entry-footer,.categoryid-3 .under-entry-content{display:none}
.categoryid-3.single #sidebar{margin-left:0}
.categoryid-3.single #sidebar #related_entries-2{background:transparent}
.categoryid-3.single #sidebar #related_entries-2 a{background:#fff;margin-right:1%;padding:1%;border:2px solid #07602C;color:#07602C}
.categoryid-3.single #sidebar .widget-related-entry-card-title.widget-entry-card-title.card-title{padding-top:28%}
.entry #sidebar,.entry #text-6{display:none}
.entry dt.h390{height:380px}

/*サイドバー*/
.page #sidebar,.single #sidebar{display:inline-block;width:250px;color:#fff;margin-top:3%;margin-left:2%}
.page #sidebar p,.single #sidebar p{display:flex;flex-direction:column}
.page #sidebar li,.single #sidebar li{list-style:none;background:#07602C}
.page #sidebar a,.single #sidebar a{color:#fff;padding:4% 11%;border-bottom:1px solid #fff;text-decoration:none}
.page #sidebar a:hover,.single #sidebar a:hover,.outline #sidebar a:nth-child(1),.message #sidebar a:nth-child(2),.policy #sidebar a:nth-child(3),.address #sidebar a:nth-child(4),.history #sidebar a:nth-child(5),.iso #sidebar a:nth-child(6),.field #sidebar a:nth-child(1),.manufacture #sidebar a:nth-child(2),.technology #sidebar a:nth-child(3),.environment #sidebar a:nth-child(4),.feature #sidebar a:nth-child(2),.performance #sidebar a:nth-child(4),.use #sidebar a:nth-child(3),.nonwoven #sidebar a:nth-child(1),.guideline #sidebar a:nth-child(9),.entry #sidebar a:nth-child(6),.saiyoqanda #sidebar a:nth-child(7),.single.categoryid-3 #text-5 a:nth-child(5),.guideline #sidebar a:nth-child(5),.saiyoqanda #sidebar a:nth-child(4){background:#00AC48}
#sidebar.sideberFtrRecruit,.categoryid-3 #sidebar2,.guideline #text-6,.saiyoqanda #text-6{padding:2%;background:#D7F2E2;width:1400px;text-align:center;list-style:none;margin:0 auto 4%;display:block}
#sidebar.sideberFtrRecruit .widgettitle,.categoryid-3 #sidebar2 .widgettitle{color:#000;margin-bottom:1%}
#sidebar.sideberFtrRecruit li,.categoryid-3 #sidebar2 li,.guideline #text-6 li,.saiyoqanda #text-6 li{background:transparent;list-style:none}
#sidebar.sideberFtrRecruit .textwidget ul,.categoryid-3 #sidebar2 ul,.guideline #text-6 ul,.saiyoqanda #text-6 ul{display:flex;justify-content:center;flex-wrap:nowrap}
#sidebar.sideberFtrRecruit .textwidget a,.categoryid-3 #sidebar2 a,.guideline #text-6 a,.saiyoqanda #text-6 a{list-style:none;width:320px;display:inline-block;background:#fff;padding:10%;border:2px solid #07602c;color:#07602c;margin-right:20px}
#sidebar.sideberFtrRecruit .textwidget a:hover,.categoryid-3 #sidebar2 a:hover,.guideline #text-6 a:hover,.saiyoqanda #text-6 a:hover{background:#07602c;color:#fff;transition:all .3s ease-in-out}
.entry #sidebar, .contact #sidebar {
  display: none;
}

/*　採用情報　*/
.recruit article{width:100%}
.recruit .ttlImage{background:transparent url(/jap/images/recruit/p4_ttl.png) no-repeat;background-size:cover;height:300px}
.recruit article{padding-left:0;padding-top:0;font-family:'Yu Gothic'}
.recruit .box02 ul,.recruit .box03 ul,.recruit .box06 ul,.recruit .box07 ul,.recruit .box08 p{width:1400px;margin:0 auto;padding-left:0}
.recruit .box01 h3{background:#000;border:none;width:600px}
.recruit .box01 h3 img{background:#000;border:none;width:470px;padding-left:238px}
.recruit .box01 p{width:80%;padding-left:260px;line-height:1.6}
.recruit .box02{background:transparent url(/jap/images/recruit/p4_bg01_2.png) no-repeat;background-size:cover;height:600px}
.recruit .box02 h3,.recruit .box03 h3,.recruit .box04 h3,.recruit .box06 h3,.recruit .box07 h3,.recruit .box08 h3{padding-top:6%;line-height:1.4;border:none;width:900px;padding-left:260px}
.recruit .gaiyoBox ul {
  display: flex;
  padding-left: 90px;
  color: #fff;
  list-style: none;
  width: 1260px;
}.recruit .box02 li{margin:.2em;display:inline-block;vertical-align:top;width:470px}
.recruit .box02 li:nth-child(1){border-right:1px solid #fff;margin-right:4%}
.recruit .box02 p{margin-bottom:14px}
.recruit .box03{background:transparent url(/jap/images/recruit/p4_bg02.png) center 4% no-repeat;background-size:inherit;height:600px}
.recruit .box03 h3{padding-top:0}
.recruit .box03 ul {
  width: 78%;
  margin-top: 14%;
  padding-top: 10px;
  margin-left: 6%;
  padding-left: 10%;
  color: #000;
  background: #fff;
}
.recruit .box03 li{padding-top:2%}
.recruit .box03 li:nth-child(1) {
  border-right: 1px solid #ccc;
  margin-right: 1%;
  padding-right: 1%;
}
.recruit .box04{    background: transparent url(/jap/images/recruit/p4_bg03.png) no-repeat -6px center;background-size:cover;height:630px;color:#fff}
.recruit .box04 h3 img{width:320px}
.recruit .box04 h3 span{width:148px;background:#fff;padding:4px;color:#000;display:inline-block;margin-left:2%;vertical-align:top;margin-top:46px}
.recruit .box04 .lead{width:1400px;padding-left:280px}
.recruit .box04 ul{display:flex}
.recruit .box04 li{line-height:2;width:1000px;padding-top:2%;padding-left:258px;list-style:none}
.recruit .box04 li:nth-child(2){line-height:2;width:225px;padding-top:2%;padding-left:0;list-style:none}
.recruit .box05,.recruit .box07{background:#D7F2E2;padding:2%}
.recruit .box05 #stage dl{height:300px;position:relative;color:#fff}
.recruit .box05 #stage dt,.recruit .box05 #stage dd{color:#03375b;font-weight:700;background:#fff;display:block;padding:1%;font-size:20px;position:absolute}
.recruit .box05 #photo1 dl{background:transparent url(/jap/images/recruit/p4_slider01.png) no-repeat center;background-size:70%}
.recruit .box05 #photo2 dl{background:transparent url(/jap/images/recruit/p4_slider02.png) no-repeat center;background-size:70%}
.recruit .box05 #photo3 dl{background:transparent url(/jap/images/recruit/p4_slider03.png) no-repeat center;background-size:70%}
.recruit .box05 #photo4 dl{background:transparent url(/jap/images/recruit/p4_slider04.png) no-repeat center;background-size:70%}
.recruit .box05 #photo5 dl{background:transparent url(/jap/images/recruit/p4_slider05.png) no-repeat center;background-size:70%}
.recruit .box05 #photo6 dl{background:transparent url(/jap/images/recruit/p4_slider06.png) no-repeat center;background-size:70%}
.recruit .box05 #photo7 dl{background:transparent url(/jap/images/recruit/p4_slider07.png) no-repeat center;background-size:70%}
.recruit .box05 #photo8 dl{background:transparent url(/jap/images/recruit/p4_slider08.png) no-repeat center;background-size:70%}
.recruit .box05 #stage{height:400px}
.recruit .box05 #stage dt{width:250px;top:0;left:210px}
.recruit .box05 #stage dd{width:810px;bottom:-10%;right:160px}
.recruit .box05 .pb,.recruit .box05 .nb{cursor:pointer;display:none}
.recruit .box06 h3{padding-top:0;line-height:1.4;border:none;width:900px;padding-left:260px}
.recruit .box06 .ul01,.recruit .box06 .ul05{background:#fda3a321 url(/jap/images/recruit/p4_bg04_1.png) no-repeat left bottom;background-size:20%;padding:1% 0 1% 2%}
.recruit .box06 .ul02,.recruit .box06 .ul06{background:transparent url(/jap/images/recruit/p4_bg04_4.png) no-repeat right bottom;background-size:20%;padding-bottom:0}
.recruit .box06 .ul03{background:#fda3a321 url(/jap/images/recruit/p4_bg04_3.png) no-repeat left bottom;background-size:20%;padding:1% 0 1% 2%}
.recruit .box06 .ul02,.recruit .box06 .ul06{background:transparent url(/jap/images/recruit/p4_bg04_4.png) no-repeat right bottom;background-size:20%;padding:1% 0 1% 2%}
.recruit .box06 .ul04{background:transparent url(/jap/images/recruit/p4_bg04_2.png) no-repeat right bottom;background-size:20%;padding:1% 0 1% 2%}
.recruit .box06 li h4 {
  background: transparent url(/jap/images/recruit/p4_bg_maru.svg) no-repeat 110px 0px;
  background-size: 10%;
  padding: 0 4% 4%;
  padding-left: 0;
  width: 100%;
}.recruit .box06 ul{display:flex;padding-bottom:3%}
.recruit .box06 li{margin:.2em;list-style:none}
.recruit .box06 li:nth-child(1){width:600px;margin-right:40px}
.recruit .box06 li:nth-child(1) p {
  padding-left: 0;
}
.recruit .box06 li:nth-child(2){padding-left:0;width:680px;padding-top:6px;padding-bottom:30px}
.recruit .box07{padding-bottom:5%}
.recruit .box07 ul{display:flex;justify-content:space-between;flex-wrap:wrap;list-style:none;width:800px}
.recruit .box07 li{margin-top:0;text-align:center}
.recruit .box07 h3{padding-top:0;width:800px}
.recruit .box07 h3 span{background:#fff;padding:5px;color:#000;display:inline-block;margin-left:2%}
.recruit .box07 ul img{border-radius:85px}
.recruit .box07 h5{border-bottom:none;margin-bottom:0;    margin-top: 0;}
.recruit .box08 {
  padding-left: 300px;
  padding-bottom: 2%;
}
.recruit .box08 h3 img{width:80%;display:block}
.recruit .box08 h3{width:410px;padding-left:0;display:inline-block;vertical-align:top;
  margin-top:0;padding-top:20px;padding-bottom: 0;}
.recruit .box08 .linkBtn {vertical-align:top;display:block;
  padding: 2px 12px 2px 6px;
  font-size: 14px;    margin-top: 0;
}

/*　社員インタビュー　*/
.categoryid-3 .under-entry-content {
    display: none;
}
.categoryid-3.single .plofireBox {
  width: 60%;display: inline-block;
}
.single article{width:1320px}
.single .breadcrumb-page{display:none}
.single .date-tags{display:block}
.single .plofireBox{width:56%;display:inline-block;vertical-align:top;font-size:22px}
.single .plofireBox p.name{font-size:14px;text-align:left;width:300px;display:block}
.single .gaiyoBox p{display:inline-block;width:34%;margin:0;vertical-align:top}
.single .gaiyoBox ul.box1,.single .gaiyoBox ul.box3{background:transparent url(/jap/images/recruit/p4_bg04_2_1.png) no-repeat right center;background-size:40%}
.single .gaiyoBox ul.box2{background:transparent url(/jap/images/recruit/p4_bg04_3_2.png) no-repeat left center;background-size:40%}
.single .gaiyoBox li{width:80%;font-size:16px;margin:1% 2%;list-style:none}
.single .article h4{margin:1% 0;border-top:none;border-bottom:none;background:#4fbf80;color:#fff;font-weight:600;font-family:'Yu Gothic'}
.single .gaiyoBox ul.box2 li h4{background:#ec7171;color:#fff}
.single .gaiyoBox ul.box2 li{padding-left:20%;width:100%}
.single .gaiyoBox li p{width:100%}
.single.categoryid-3 .privateBox{width:82%;padding-left:2%}
.single .privateBox h4{background:#777;color:#fff}
.single .privateBox p{width:96%;padding-left:2%;font-size:16px}

/*　フォームページ　*/
.entry .gaiyoBox dl,.contact .gaiyoBox dl{border-bottom:none;margin-bottom:2%}
.entry .gaiyoBox dt,.contact .gaiyoBox dt{padding:15px 10px;letter-spacing:.1em;width:24%;font-size:16px}
.entry .gaiyoBox dd,.contact .gaiyoBox dd{padding-top:4px;width:64%}
.entry .must,.contact .must{color:RED;font-size:12PX}
.entry .gaiyoBox .lh8{height:268px}
.entry .gaiyoBox .lh10{height:338px}
.entry .gaiyoBox .lh10 span{display:block}
.entry .gaiyoBox input[type='submit'],#bbp_reply_submit,.bp-login-widget-register-link a,.contact .gaiyoBox input[type='submit']{width:60%;margin:4% auto 0;color:#fff;font-size:18px;letter-spacing:.2em;display:block;background:#07602C}

 /*ページャー */

/*その他のページ */



/************************************
** タブ切り替え
************************************/
.tab_wrap{width:100%;margin:2% auto}
input[type="radio"]{display:none}
.tab_area{font-size:0;margin:0 auto;width:100%;text-align:center;border:14px solid #e6e6e6;padding:1%}
.tab_area label{margin:0 5px;display:inline-block;padding:12px 0;color:#000;text-align:center;font-size:16px;letter-spacing:.1em;border-radius:7px;cursor:pointer;transition:ease .2s opacity}
.tab_area label:hover{opacity:.5}
.panel_area{background:transparent}
.tab_panel{width:100%;padding:0;display:none}
.tab_panel p{font-size:14px;letter-spacing:1px;text-align:left}
.tab_panel ul{list-style:none;padding-left:0;margin:1% auto 2%}
.tab_panel h3{display:inline-block;font-size:16px;color:#124E18;font-weight:NORMAL}
.tab_panel h3 a{text-decoration:none}
.tab_area label::after{content:'▽'}
.guideline #tab1:checked ~ .tab_area .tab1_label{background:#07602C;padding:2%;color:#fff}
.guideline #tab2:checked ~ .tab_area .tab2_label{background:#07602C;padding:2%;color:#fff}
.guideline #tab3:checked ~ .tab_area .tab3_label{background:#07602C;padding:2%;color:#fff}
#tab1:checked ~ .tab_area .tab1_label{font-size:16px;letter-spacing:.1em}
#tab1:checked ~ .panel_area #panel1{display:block}
#tab2:checked ~ .tab_area .tab2_label{font-size:16px;letter-spacing:.1em}
#tab2:checked ~ .panel_area #panel2{display:block}
#tab3:checked ~ .tab_area .tab3_label{font-size:16px;letter-spacing:.1em}
#tab3:checked ~ .panel_area #panel3{display:block}
#tab4:checked ~ .tab_area .tab4_label{font-size:16px;letter-spacing:.1em}
#tab4:checked ~ .panel_area #panel4{display:block}
#tab5:checked ~ .tab_area .tab5_label{font-size:16px;letter-spacing:.1em}
#tab5:checked ~ .panel_area #panel5{display:block}
#tab6:checked ~ .tab_area .tab6_label{font-size:16px;letter-spacing:.1em}
#tab6:checked ~ .panel_area #panel6{display:block}

/* 共通フッター */
#content-bottom{padding:.2% 0 2%;text-align:center;position:static;width:100%;background:transparent url(/jap/images/bg_contact.png) repeat;margin:0}
#content-bottom h2{letter-spacing:.1em;color:#fff;width:1200px;margin:20px auto;text-align:center;line-height:2.2}
#content-bottom ul{display:flex;width:1200px;margin:0 auto}
#content-bottom li{width:700px;height:180px;font-weight:700;text-align:left;padding:20px 0 0 220px;list-style:none}
#content-bottom li:nth-child(1){background:#D2D2D2 url(/jap/images/img_tel.png) no-repeat;background-size:contain;margin-right:10px}
#content-bottom li:nth-child(2){background:#D2D2D2 url(/jap/images/img_contact.png) no-repeat;background-size:contain;padding-top:3%;line-height:6}
#content-bottom .textwidget li:nth-child(1) .tel{background:url(/jap/images/icon_tel.svg) left no-repeat;background-size:30px}
#content-bottom .textwidget li:nth-child(1) .fax{background:url(/jap/images/icon_fax.svg) left no-repeat;background-size:30px}
#content-bottom .textwidget li:nth-child(2) a{background:url(/jap/images/icon_link.svg) left no-repeat;background-size:44px}
#content-bottom li span{font-weight:400;letter-spacing:.1em;font-size:14px;margin:0}
#content-bottom li .tel,#content-bottom li .fax,#content-bottom .textwidget li:nth-child(2) a{line-height:2;padding-left:36px}
#content-bottom .textwidget li:nth-child(2) a:hover{color:#fff;transition:all .3s ease-in-out}
#content-top .textwidget a,#navi .navi-in a{color:#fff;font-size:14px;letter-spacing:.2em;text-decoration:none;display:inline-block;text-shadow:none}
#content-top .textwidget p{display:flex;justify-content:flex-end}
#content-top .textwidget a{padding-left:20px}
.footer{margin-top:6px;padding:0;background:#E9E9E9}
#footer .navi-in > ul .sub-menu{display:flex}
#footer nav#navi{margin:0 auto;width:1400px;display:block;height:168px}
#footer .navi-in > ul .sub-menu{display:flex;background-color:transparent;flex-direction:column}
#footer .navi-in .menu-item > a{padding-left:16px;color:#333}
#footer .navi-in > ul li,#footer #navi .navi-in a{width:240px;text-align:left}
#footer .navi-in .item-label{margin-left:20px}
#footer .menu-top .menu-item a{background:url(/jap/images/icon_link.svg) left no-repeat;background-size:44px}
#footer .sub-menu .menu-item a{background:none}
#footer #navi .navi-in .sub-menu a{color:#333}
#footer #navi .navi-in a:hover,.navi-footer-in a:hover{text-decoration:underline}
#footer .navi-in > ul li{height:24px;line-height:2}
#footer-in{padding:20px 0 0;margin-left:0}
.footer-center,.footer-bottom-content{text-align:center;width:1400px;margin:0 auto;float:none}
.navi-footer-in > .menu-footer{justify-content:center;width:1400px;margin:0 auto;display:flex}
.navi-footer-in > .menu-footer li{width:200px}
.footer-bottom-content{text-align:center;width:100%;margin:0 auto;float:none;background:#fff;padding:20px;padding-top:60px}
.footer-bottom{margin-top:0;padding:0;position:relative;font-size:14px;background:#fff}
.copyright{margin-top:0;text-align:center;padding-top:40px;margin-bottom:40px}
.copyright img{width:300px}
.copyright small{display:block}
#admin-panel{display:none}


/************************************
** Google map
************************************/


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
@media screen and (max-width: 1680px){
  #hdrNav{width:800px;left:500px}
  .header{left:80px}
  img.catchcopy{width:370px}
  .home .gaiyoBox .lead,.home .gaiyoBox .lead2,.home .gaiyoBox ul,.footer-center,.footer-bottom-content,#footer nav#navi,.navi-footer-in > .menu-footer,#footer nav#navi{width:100%}
  #footer .navi-in > ul{height:380px}
  #ftrNav{padding-left:160px}
  #hdrNav .navi-in > ul .sub-menu{width:1040px}
  #hdrNav .navi-in > ul li:nth-child(1) .sub-menu{left:-660px}
  #hdrNav .navi-in > ul li:nth-child(2) .sub-menu{left:-748px}
  #hdrNav .navi-in > ul li:nth-child(3) .sub-menu{left:-886px}
  #hdrNav .navi-in > ul li:nth-child(4) .sub-menu{left:-972px}
  .home #newsBox{padding:28px 0 20px 110px;width:100%}
  .iso .gaiyoBox p{width:70%}
  #content-top a,#hdrNav a{text-shadow:1px 1px 3px #000}
  #newsBox{margin-top:-5.6%;margin-bottom:0}
  .main,.sidebar,.sidebar-left .main,.sidebar-left .sidebar{margin:0}
  .page .ttlImage,.outline .ttlImage,.single .ttlImage,#breadcrumb.breadcrumb,.page article,.single article{padding-left:10%}
  .page article,.single article{width:70%}
  .page #sidebar,.single #sidebar{padding-left:1%}
  .address .gaiyoBox dd{width:80%}
  .recruit article{width:100%;padding-left:0}
  .recruit .gaiyoBox ul{margin:0;margin-left:100px}
  .recruit .box01 h3{margin-top:0}
  .recruit .box02 h3{width:58%}
  .recruit .box04 h3,.recruit .box06 h3,.recruit .box07 h3,.recruit .box08{padding-left:10%;width:66%}
  .recruit .box04 .lead{padding-left:10%;width:66%}
  .recruit .box01 h3 img{width:330px;padding-left:100px}
  .recruit .box01 p{padding-left:100px}
  .recruit .box02{height:550px}
  .recruit .box02 h3{padding-top:6%;padding-left:10%;width:50%}
  .recruit .box03 ul{width:80%;margin-top:14%;padding-top:20px;margin-left:0;padding-left:10%}
  .recruit .box03 h3{padding-left:10%;width:66%}
  .recruit .box04 li{width:930px;padding-left:144px;padding-right:10px}
  .recruit .box05 #stage{height:348px}
  .recruit .box05{padding-top:6%}
  .recruit .box05 #stage dl{height:250px}
  .recruit .box05 #stage dt {
    left: 130px;
}
  .recruit .box05 #stage dd{width:724px;right:130px;font-size:18px}
  .recruit .box05 #stage{height:348px}
  .recruit .box04 h3,.recruit .box06 h3,.recruit .box07 h3,.recruit .box08{padding-left:10%;width:46%}
  .recruit .box06 ul{width:100%}
  .recruit .box06 li:nth-child(2){width:37%}
  .recruit .box06 li:nth-child(1){width:40%;margin-right:1%}
  .recruit .box06 li h4 {
    background: transparent url(/jap/images/recruit/p4_bg_maru.svg) no-repeat 76px 0px;
    background-size: 10%;
    padding: 0 4% 4%;
    padding-left: 100px;
    width: 100%;
}.recruit .box06 li:nth-child(1) p {
  padding-left: 100px;
}
  .recruit .box05,.recruit .box07{padding:5%;padding-top:2%}
  .recruit .box07{padding-top:2%}
  .recruit .box08{padding-left:10%;width:60%}
  .recruit .box08 .linkBtn {
    margin-top: 0;
}
  .recruit .box08 h3{padding-top:0}
  .recruit .box08 h3{margin-top:6%}
  #sidebar.sideberFtrRecruit,.saiyoqanda #text-6{width:100%}
  .single main.main{padding:0;margin:0}
  .single .plofireBox{width:64%}
  .categoryid-3.single .gaiyoBox ul{padding-left:0}
  .entry .gaiyoBox .lh10{height:500px}
  .saiyoqanda ul#sidebar2{padding-left:0}
  #footer .navi-in > ul{justify-content:end}
  #sidebar.sideberFtrRecruit,.categoryid-3 #sidebar2,.guideline #text-6,.saiyoqanda #text-6{width:100%}
  .entry article,.contact article,.privacy article,.qanda article{width:90%}
  .entry .gaiyoBox dt,.contact .gaiyoBox dt{padding:12px 10px;width:28%}
  .categoryid-3.single #sidebar .widget-related-entry-card-title.widget-entry-card-title.card-title{padding-top:0;line-height:4}
  .categoryid-3.single .gaiyoBox p{width:90%;    display: inline-block;}
  .categoryid-3.single .plofireBox + p{display:contents}
}
.categoryid-3.single .plofireBox strong {
  font-size: 20px;
}
@media screen and (max-width: 1350px){
  #hdrNav{width:800px;left:340px}
  .address .gaiyoBox dd {
    width: 76%;
}

.recruit .box02 ul {
  margin-left: 40px;
  width: 100%;
}
.recruit .box02 li {
  width: 330px;
}
.recruit .box03 ul {
  width: 78%;
  margin-top: 20%;
  padding-top: 20px;
  margin-left: 0;
  padding-left: 10%;
  padding-right: 2%;
}
.recruit .box04 li {
  width: 100%;
  padding-left: 80px;
  padding-right: 10px;
}
.recruit .box06 li:nth-child(1) {
  width: 46%;
}
.categoryid-3.single .plofireBox {
  width: 56%;
}
.categoryid-3.single .plofireBox strong {
  font-size: 18px;
}


}

@media screen and (max-width: 1200px){
  .header {
    top: 14px;
    left: 30px;
}
  #hdrBox{width:80%}
  #hdrNav {
    width: 98%;
    left: 0;
    top: 15px;
}
  #hdrNav .navi-in > ul .sub-menu{width:1000px}
  #hdrNav .navi-in > ul li:nth-child(1) .sub-menu{left:-618px}
  #hdrNav .navi-in > ul li:nth-child(2) .sub-menu{left:-704px}
  #hdrNav .navi-in > ul li:nth-child(3) .sub-menu{left:-842px}
  #hdrNav .navi-in > ul li:nth-child(4) .sub-menu{left:-928px}
  #hdrNav h1 img{width:300px;margin-top:120px}
  .home .slide{height:330px}
  main.main,div.sidebar{padding:16px 0;margin:0}
  .page main.main{padding:0;margin:0}
  .home #newsBox{padding:16px 0 12px 10px}
  #newsBox h3{font-size:16px}
  .home #list{margin-top:-66px}
  .home .entry-card-content,.home .related-entry-card-content{padding-bottom:0}
  #newsBox .entry-card-meta,#newsBox .related-entry-card-meta{margin-left:4px}
  .home .gaiyoBox li{height:260px}
  .home .gaiyoBox li div{margin-top:124px;height:136px}
  #content-bottom h2,#content-bottom ul,#content-bottom li,.recruit .gaiyoBox ul{width:100%}
  #content-bottom li{margin-bottom:20px}
  #footer-in,.footer-widgets > div{padding:0}
  #footer nav#navi{display:none}
  .footer-widgets{display:block}
  .home .gaiyoBox .useBox li{width:30%}
  .address .gaiyoBox dd{width:76%}
  #content-bottom ul{padding-left:0;padding:0 8px}
  .recruit article{padding-left:0}
  .recruit .box03 ul{width:90%;margin-top:24%}
  .recruit .box03 li:nth-child(1){padding-right:10px}
  .recruit .box04{height:560px}
  .recruit .box05{padding-top:6%}
  .recruit .box05 #stage dd{width:620px}
  .entry .gaiyoBox .lh10{height:360px}
  .page .ttlImage,.outline .ttlImage,.single .ttlImage,#breadcrumb.breadcrumb,.page article,.single article{padding-left:2%}
  .history .gaiyoBox dd{width:65%}
  .iso .gaiyoBox p{width:96%}
  .page #sidebar a,.single #sidebar a{padding:4%}
  .environment .gaiyoBox .linkBtn{display:block;width:240px;margin-bottom:4%}
  .recruit article{padding-left:0}
  .recruit .ttlImage{height:200px}
  .recruit .box02 h3{padding-left:4%;width:54%}
  .recruit .box01 h3 img{width:40%;padding-left:4%}
  .recruit .box01 p,.recruit .gaiyoBox ul{padding-left:4%}
  .recruit .box02 ul{margin-left:0}
  .recruit .box02 li{width:42%}
  .recruit .box03{height:630px}
  .recruit .box03 ul{width:96%;margin-left:12px;margin-top:30%;padding:12px}
  .recruit .box04 h3,.recruit .box04 .lead{padding-left:4%;width:66%}
  .recruit .box04 h3 img{width:260px}
  .recruit .box04 h3 span{width:120px;font-size:18px}
  .recruit .box04{height:480px}
  .recruit .box04 li{width:100%;padding-left:0}
  .recruit .box05{padding-top:4%;padding-bottom:2%}
  #stage{height:328px}
  .recruit .box06 h3{padding-left:4%}
  .recruit .box06 li h4 {
    background: transparent url(/jap/images/recruit/p4_bg_maru.svg) no-repeat 2px 10px;
    padding-left: 6%;
    background-size: 9%;
    padding-top: 1%;
} .recruit .box06 li:nth-child(2){width:50%}
  .recruit .box06 li:nth-child(1) p{padding-left:2%}
  .recruit .box07{padding-top:2%}
  .recruit .box08 h3{margin-top:6%;padding-bottom:0;margin-bottom:0}
  .recruit .box08 .linkBtn {
    margin-top: 1%;
    margin-bottom: 20px;
}
  .recruit .box08{padding-bottom:4%;width:80%}
  .recruit .box08 h3{width:320px}
  .categoryid-3.single .plofireBox{width:58%}

  .categoryid-3.single .gaiyoBox img {
    width: 230px;
}

}

@media screen and (max-width: 1020px){
  .home #list{margin-top:-54px}
  #hdrBox .tagline{display:none}
  .home #newsBox{padding:20px 0 0 10px}
  .home #list{margin-top:-44px}
  #hdrNav h1 img{width:280px;margin-top:50px}
  #hdrNav .navi-in > ul li:nth-child(1) .sub-menu{left:-516px}
  #hdrNav .navi-in > ul li:nth-child(2) .sub-menu{left:-596px}
  #hdrNav .navi-in > ul li:nth-child(3) .sub-menu{left:-734px}
  #hdrNav .navi-in > ul li:nth-child(4) .sub-menu{left:-830px}
  .home .gaiyoBox .useBox,#content-bottom ul{flex-wrap:wrap}
  .home #list{margin-top:-54px}
  .home .gaiyoBox li{height:280px}
  .home .gaiyoBox li div{height:155px}
  .page .ttlImage,.outline .ttlImage,.single .ttlImage{height:94px;margin-top:70px;font-size:12px}
  .page .article h1,.single .article h1{font-size:22px}
  .page article,.single article{width:96%;font-size:16px}
  .field .gaiyoBox .linkBtn.W250{margin:10px 55px 40px}
  .page #sidebar,.single #sidebar{width:96%}
  .page #sidebar p,.single #sidebar p{flex-wrap:wrap}
  .page #sidebar a,.single #sidebar a{padding:2%;font-size:16px}
  .outline .gaiyoBox dd{width:70%}
  .address .gaiyoBox dt {
    height: 256px;
    padding: 2% 12px;
}
  .address .article dl:nth-child(1){background:transparent url(/jap/images/page/p1_address01.jpg) no-repeat right 46%;background-size:14%}
  .address .article dl:nth-child(2){background:transparent url(/jap/images/page/p1_address02.jpg) no-repeat right 18%;background-size:24%}
  .address .article dl:nth-child(3){background:transparent url(/jap/images/page/p1_address03.jpg) no-repeat right 70%;background-size:14%}
  .recruit article{padding-left:0}
  .performance .zairyoBox dt{width:20%;line-height:1.2;padding-top:3%}
  .performance .gaiyoBox dt {
    padding: 25px 2px 0;
}.performance .gaiyoBox dd {
  padding-top: 6px;
}.performance .gaiyoBox dd {
  width: 100%;
}.recruit .box02 h3 {
  padding-left: 4%;
  width: 80%;
}
  .recruit .box03{background:transparent url(/jap/images/recruit/p4_bg02.png) center 8% no-repeat;background-size:90%;height:510px}
  .recruit .box03 h3 {
    width: 80%;
}
  .recruit .box04 h3 span {
    margin-top: 40px;
}.recruit .box03 ul {
  width: 96%;
  margin-left: 12px;
  margin-top: 26%;
  padding: 12px;
}
.recruit .box05 #stage dt {
  left: 5px;
}.recruit .box05 #stage dd {
  width: 100%;right: 0;
}#content-bottom li:nth-child(2) {
  background: #D2D2D2 url(/jap/images/img_contact.png) no-repeat;
  background-size: contain;
  line-height: 4;
  height: 140px;    width: 99%;
}
.recruit .box05 #photo1 dl{background:transparent url(/jap/images/recruit/p4_slider01.png) no-repeat center;background-size: 90%;}
.recruit .box05 #photo2 dl{background:transparent url(/jap/images/recruit/p4_slider02.png) no-repeat center;background-size: 90%;}
.recruit .box05 #photo3 dl{background:transparent url(/jap/images/recruit/p4_slider03.png) no-repeat center;background-size: 90%;}
.recruit .box05 #photo4 dl{background:transparent url(/jap/images/recruit/p4_slider04.png) no-repeat center;background-size: 90%;}
.recruit .box05 #photo5 dl{background:transparent url(/jap/images/recruit/p4_slider05.png) no-repeat center;background-size: 90%;}
.recruit .box05 #photo6 dl{background:transparent url(/jap/images/recruit/p4_slider06.png) no-repeat center;background-size: 90%;}
.recruit .box05 #photo7 dl{background:transparent url(/jap/images/recruit/p4_slider07.png) no-repeat center;background-size: 90%;}
.recruit .box05 #photo8 dl{background:transparent url(/jap/images/recruit/p4_slider08.png) no-repeat center;background-size: 90%;}
.recruit #sidebar{
  width: 100%;
}.recruit .box07 {
  padding-top: 1%;
  padding-bottom: 6%;
}
.recruit .box07 h5 {
  margin-top: 0;
}.recruit .box07 h3{
  padding-left: 0;
}
  .recruit .box07 ul{width:100%}
  .recruit .box08 {
    padding-bottom: 4%;
    width: 80%;
    padding-top: 3%;
}
.recruit .box08 .linkBtn {
  margin-top: 10px;
  margin-bottom: 20px;    display: block;
}
  .recruit .box08 h3 {
    margin-top: 0;width: 100%;
}
.recruit .box08 h3 img {
  width: 50%;
  display: block;
}  /*モバイル　メニュー*/
  .mobile-menu-buttons{display:inline-block;width:100%}
  .mobile-menu-buttons .menu-button{width:23%;display:inline-block}
  .mobile-menu-buttons .sub-menu li{background:#D7F2E2;margin-bottom:2%}
  .mobile-menu-buttons .sub-menu li a{color:#333;font-size:16px;height:46px;letter-spacing:.2em;line-height:2}
  .mobile-menu-buttons .search-menu-button.menu-button{display:none}
  .mobile-menu-buttons .menu-button{width:30%;display:inline-block}
}

@media screen and (max-width: 768px) {
  #hdrBox{width:50%;margin-left:16px}
  #hdrNav{width:98%}
  #hdrNav h1 img{width:210px}
  #hdrNav .textwidget a:nth-of-type(1),#hdrNav .textwidget a:nth-of-type(3){display:none}
  .home #list{margin-top:10px}
  .home .gaiyoBox .lead,.home .gaiyoBox .lead2{text-align:left;margin:0;font-size:14px;padding:10px 0 10px 16px}
  .home .gaiyoBox .lead2{text-align:center}
  #content-bottom h2{margin:2%}
  .home .gaiyoBox .lead2,#content-bottom h2{font-size:18px}
  .home .gaiyoBox li{width:100%;list-style:none;height:400px;margin:4px}
  .home .gaiyoBox li{height:230px}
  .home .gaiyoBox li div{margin-top:114px;height:116px}
  .home .gaiyoBox .useBox{padding-left:20px}
  .home .gaiyoBox .useBox li{height:146px}
  .home .gaiyoBox .useBox span{font-size:12px}
  #content-bottom{padding-left:16px}
  #content-bottom li:nth-child(1),#content-bottom li:nth-child(2){background:#D2D2D2;background-size:contain;margin-right:10px}
  #content-bottom li{height:150px;padding:6px 0 0 36px}
  #content-bottom li:nth-child(2){height:50px;line-height:1;padding-top:8px}
  .footer-bottom-content{padding-top:20px}
  .navi-footer-in > .menu-footer li.menu-item{width:98%;margin-bottom:10%}
  .navi-footer-in > .menu-footer li.menu-item a{font-size:16px}
  .copyright{padding-top:0}
  .page .ttlImage,.single .ttlImage{height:80px;margin-top:44px;font-size:10px}
  .page main.main,.single main.main{padding:0;margin:0}
  .page .gaiyoBox p{margin-bottom:4%}
  .page .gaiyoBox dt,.history .gaiyoBox dt,.address .gaiyoBox dt,.performance .gaiyoBox dt{padding:2px;width:100%;height:auto;background:#F2F2F2;text-align:left}
  .page .gaiyoBox dd,.history .gaiyoBox dd,.performance .gaiyoBox dd{padding-bottom:24px}
  .address .article dl:nth-child(1) {
    background: transparent url(/jap/images/page/p1_address01.jpg) no-repeat center 90%;
    background-size: 30%;
    height: 440px;
}
.address .article dl:nth-child(2) {
  background: transparent url(/jap/images/page/p1_address02.jpg) no-repeat center 92%;
  background-size: 50%;
  height: 600px;
}
.address .article dl:nth-child(3) {
  background: transparent url(/jap/images/page/p1_address03.jpg) no-repeat center 90%;
  background-size: 30%;
  height: 340px;
}.performance .zairyoBox dt {
  padding: 8px 2px;
}
  .outline .lh10{line-height:1.8}
  .outline .gaiyoBox .lh12{line-height:1.4}
  .outline .gaiyoBox dd{width:100%}
  .outline .gaiyoBox p{margin-bottom:0}
  .page #sidebar a,.single #sidebar a{padding:3% 2%;font-size:16px;letter-spacing:.2em}
  .page .entry-content{margin-bottom:1em}
  .page #sidebar .textwidget{margin-bottom:30px}
  #breadcrumb.breadcrumb{padding:2px}
  .breadcrumb a,.breadcrumb-caption{letter-spacing:.2em;font-size:10px}
  .history .gaiyoBox .h20 dt{height:auto}
  .address .gaiyoBox dd,.history .gaiyoBox dd{width:98%}
  .iso .gaiyoBox p{width:100%}
  .history .gaiyoBox dt{text-align:center}
  .history .gaiyoBox dd{width:100%}
  .history .gaiyoBox dd h4{margin-left:0;margin-top:0;padding:2px}
  .manufacture .gaiyoBox .imgBox,.technology .gaiyoBox .imgBox,.feature .gaiyoBox .imgBox{display:block;text-align:center}
  .field .bumonBox li{width:100%;padding:0;margin:28px auto}
  .field .gaiyoBox ul,.technology #hinshitsu ul{padding-left:0}
  .field .bumonBox div{width:260px;padding:2%;height:156px}
  .manufacture .article strong,.technology .article strong{display:block;font-size:18px}
  .technology .article ul li{width:47%}
  .performance .gaiyoBox dl{display:flex;flex-direction:column}
  .performance .gaiyoBox dd{width:96%}
  .recruit .ttlImage{line-height:2.4}
  .recruit .box01 h3{margin-top:10px;width:100%}
  .recruit .box01 p{width: 100%;font-size: 15px;}
  .recruit .box02 h3{width:95%;margin-bottom:0}
  .recruit .gaiyoBox ul,.recruit .box06 ul{margin-left:0;flex-wrap:wrap}
  .recruit .box02 li{width:98%}
  .recruit .box02 li:nth-child(1),.recruit .box03 li:nth-child(1){border-right:none}
  .recruit .box02{height:640px}
  .recruit .box03 {
    height: 530px;
}
  .recruit .box03 ul{width:100%;margin-top: 25%;}

  .recruit .box03 h3{padding-left:4%;width:98%}
  .recruit .gaiyoBox ul{margin-left:0;width:100%}
  .recruit .box04 h3,.recruit .box04 .lead{width:98%}
  .recruit .box04 h3 img{width:64%}
  .recruit .box04 h3 span{width:100px;font-size:12px}
  .recruit .box04 h3 span{margin-top:30px}
  .recruit .box04 h3{width:80%}
  .recruit .box04 ul{display:flex;flex-wrap:wrap}
  .recruit .box04{height:640px}
  .recruit .box04 li:nth-child(2){width:225px;margin-left:30%}
  .recruit .box05 #stage{height:290px}
  .recruit .box05 #stage dt{left:0}
  .recruit .box05 #stage dd{width:100%;right:0;font-size:15px}
  .recruit .box05 #photo1 dl,.recruit .box05 #photo2 dl,.recruit .box05 #photo3 dl,.recruit .box05 #photo4 dl,.recruit .box05 #photo5 dl,.recruit .box05 #photo6 dl,.recruit .box05 #photo7 dl,.recruit .box05 #photo8 dl{background-size:100%}
  .recruit .box06 li:nth-child(1),.recruit .box06 li:nth-child(2){width:98%;margin-right:0}
  .recruit .box05 #stage dl{height:228px}
  #stage{height:288px}
  .recruit .box05 #stage dd{font-size:13px;bottom:0}
.recruit .box06 h3{
    width: 80%;
}.recruit .box06 li:nth-child(1) p {
  margin-bottom: 4px;
}
  .recruit .box07 ul{width:100%}
  .recruit .box07 h5,.recruit .box08 .linkBtn{margin-top:0}
  .recruit .box08 h3 {
    width: 120%;
} 
  .categoryid-3.single .gaiyoBox li{width:96%}
  .categoryid-3.single .plofireBox {
    width: 100%;
}.categoryid-3.single .gaiyoBox p.name {
  text-align: center;
}
.categoryid-3.single .gaiyoBox img {
  margin: 0 auto 10%;
  display: block;
}
.categoryid-3.single .entry-content {
  margin-bottom: 0;
}.categoryid-3.single .plofireBox strong {
  font-size: 18px;
  display: block;
  margin: 0 auto;
  width: 380px;
}
.categoryid-3.single.postid-156 .plofireBox strong, .categoryid-3.postid-158 .plofireBox strong {
  width: 405px;
}
  .single .gaiyoBox ul.box2 li{padding-left:0}
  .single.categoryid-3 .privateBox{width:100%}
  .single.categoryid-3 #sidebar2 ul{padding-left:0}
  #sidebar.sideberFtrRecruit,.categoryid-3 #sidebar2,.guideline #text-6,.saiyoqanda #text-6{padding:4% 0 0}
  #sidebar.sideberFtrRecruit .textwidget ul,.categoryid-3 #sidebar2 ul,.guideline #text-6 ul,.saiyoqanda #text-6 ul{flex-wrap:wrap}
  #sidebar.sideberFtrRecruit li,.categoryid-3 #sidebar2 li,.guideline #text-6 li,.saiyoqanda #text-6 li{margin-bottom:4%}
  #sidebar.sideberFtrRecruit .textwidget a,.categoryid-3 #sidebar2 a,.guideline #text-6 a,.saiyoqanda #text-6 a{padding:6%}
  .categoryid-3.single #sidebar .widget-related-entry-card-title.widget-entry-card-title.card-title {
    padding-top: 0;
}  .guideline .gaiyoBox dt,.guideline .gaiyoBox .lh6 dt,.guideline .gaiyoBox .lh8 dt,.guideline .gaiyoBox .lh10 dt,.guideline .gaiyoBox .lh14 dt{padding:8px;line-height:1}
  .guideline .gaiyoBox dd{width:98%}
  .entry label{display:block;margin:4% 0}
  .entry .gaiyoBox dd,.contact .gaiyoBox dd{width:98%}
  .entry .gaiyoBox .lh8,.entry .gaiyoBox .lh10{height:auto}
  .contact dt.lh8{line-height:2}
  .contact .gaiyoBox dd,.entry  .gaiyoBox dd  {
    padding-bottom: 0;
}.contact .gaiyoBox p,.entry .gaiyoBox p  {
  margin-bottom: 6px;
}



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

    .header{
      top: 10px;
      left: 0;
  }
    #hdrBox{width:40%}
    #hdrNav{top:5px}
    #hdrNav h1 img,#hdrNav{margin-top:0}
    #hdrNav h1 img{margin-top:45px}
    .home #list{margin-top:5px}
    .home .gaiyoBox li{height:250px}
    .home .gaiyoBox li div{margin-top:134px}
    .iso .gaiyoBox img{display:block;margin:0 auto}
    .manufacture .gaiyoBox a.linkBtn{display:block}
    .environment .gaiyoBox .linkBtn{width:90%;margin-bottom:6%}
    .nonwoven .gaiyoBox .linkBtn.W400{width:96%}
    .recruit .box01 p, .recruit .gaiyoBox ul {
      padding-left: 2%;
  }
    .recruit .box04 h3,.recruit .box06 h3,.recruit .box07 h3,.recruit .box08{padding-left:2%;width:90%}
    .recruit .box02{height:610px}
    .recruit .box03 h3{margin-top:6%}
    .recruit .box03{background:transparent url(/jap/images/recruit/p4_bg02.png) center 4% no-repeat;background-size:90%;height:510px}
    .recruit .box03 ul{margin-top:24%}
    .recruit .box04 li:nth-child(2){margin-left:30px}
    .recruit .box05 #stage dl{height:200px}
    .recruit .box05 #stage{height:238px}
    .recruit .box06 h3{width:80%;margin-top:10%}
    .recruit .box06 li:nth-child(1) p{padding-left:0}
    .recruit .box07 ul{flex-direction:column}
    .recruit .box07 li{margin-bottom:10%}
    .recruit .box07 label, .recruit .box05 img{display: none;}
    .recruit .box08 {
      margin-top: 2%;
      padding-left: 8%;
  }#sidebar.sideberFtrRecruit .textwidget ul, .categoryid-3 #sidebar2 ul, .guideline #text-6 ul, .saiyoqanda #text-6 ul {
    flex-wrap: wrap;
    padding-left: 0;
    width: 100%;
}
    .categoryid-3.single .plofireBox{width:98%;font-size:15px}
    .categoryid-3.single .gaiyoBox li,.single .gaiyoBox ul.box2 li{width:100%}
    .categoryid-3.single .box1 p,.categoryid-3.single .box2 p,.categoryid-3.single .box3 p{width:96%}
    .categoryid-3.single .plofireBox strong {
      width: 90%;
    }

    }



/************************************
** スライダー
************************************/
/*=== 画像の設定 ======================================= */
.home .slide img {
 display    : block;
 position   : absolute;
                     /* 画像のサイズを表示エリアに合せる */
 width      : inherit;
 height     : inherit;
 opacity    : 0;
 animation  : slideAnime 12s ease infinite;
}

/*=== スライドのアニメーションを段差で開始する ========= */
.home .slide img:nth-of-type(1) { animation-delay: 0s }
.home .slide img:nth-of-type(2) { animation-delay: 6s }


/*=== スライドのアニメーション ========================= */
@keyframes slideAnime{
  0% { opacity: 0 }
  25% { opacity: 1 }
 50% { opacity: 1 }
 75% { opacity: 0 }
100% { opacity: 0 }
}
/*=== 画像の表示エリア ================================= */
.home .slide2 {
 position   : relative;
 overflow   : hidden;
                   /* 画像のサイズに合わせて変更ください */
 width      : 200px;
 height     : 200px;
 margin     : auto;      /* サンプルは中央寄せの背景：白 */
 background : #fff;
}

/*=== 画像の設定 ======================================= */
.home .slide2 img {
 display    : block;
 position   : absolute;
                     /* 画像のサイズを表示エリアに合せる */
 width      : inherit;
 height     : inherit;
 left       : 100%;
 animation  : sslideAnime2 2s ease infinite;
}

/*=== スライドのアニメーションを段差で開始する ========= */
.home .slide2 img:nth-of-type(1) { animation-delay: 0s }
.home .slide2 img:nth-of-type(2) { animation-delay: 1s }

/*=== スライドのアニメーション ========================= */
@keyframes slideAnime2{
  0% { left: 100%  }
  25% { left: 0     }
 25% { left: 0     }
 50% { left: -100% }
100% { left: -100% }
}
 /*=== 採用ページのスライダー ================================= */
 #stage {
     position: relative;
     max-width: 660px;
     max-width: 1400px;
     margin: 0 auto;
     background: #D7F2E2;
     overflow: hidden;
        padding: 0;
 }
/*全ラジオボタンを非表示に*/
#r1,#r2,#r3,#r4,#r5,#r6,#r7,#r8,#back1,#back2,#back3,#back4,#back5,#back6,#back7,#back8,
#next1,#next2,#next3,#next4,#next5,#next6,#next7,#next8 {
	display: none;
}
/* 表示切換えボタンと表示位置 */
.circ img {
    position: absolute;
    bottom: 5.5%;
    cursor: pointer;
}#lb1 img { left: 40%;width:3%; }
#lb2 img { left: 43%;width:3%; }
#lb3 img { left: 46%;width:3%; }
#lb4 img { left: 49%;width:3%; }
#lb5 img { left: 52%;width:3%; }
#lb6 img { left: 55%;width:3%; }
#lb7 img { left: 58%;width:3%; }
#lb8 img { left: 61%;width:3%; }

/* 左右送りボタン */
.pb,.nb{  color: #03375b;   font-weight: bold;font-size:26px;display:block;position:absolute;top:45%}
.pb {
    left: 10%;
}
.nb {
    left: 88%;
}
.pb:hover,.nb:hover{color:orange;cursor:pointer}
/* stageが初期サイズ以下のなったときのサイズ */
@media screen and (max-width: 660px) { .pb, .nb { font-size:18px; } }
/*全表示スライドのコンテナー*/
#photos{position:absolute;width:100%;height:90%;left:4.55%;opacity:0;animation:flowSlides 40s infinite}
/* 個々のスライド・現スライド標示ボタン */
.pic{position:absolute;width:100%;height:100%}
.pic img:nth-child(1){width:90.9%;margin-left:4.55%}
.pic img:nth-child(2){width:3%; bottom: -5.0%;}
/*表示スライドをphotosの中に横並びで一列に並べる*/
#photo1 { left: 0; }
#photo2 { left: 1400px; }
#photo3 { left: 2800px; }
#photo4 { left: 4200px; }
#photo5 { left: 5600px; }
#photo6 { left: 7000px; }
#photo7 { left: 8400px; }
#photo8 { left: 9800px; }

/* 写真の下に現スライド標示ボタンを配置 */
#photo1 img:nth-child(2){position:absolute;left:40%;width:3%}
#photo2 img:nth-child(2){position:absolute;left:43%;width:3%}
#photo3 img:nth-child(2){position:absolute;left:46%;width:3%}
#photo4 img:nth-child(2){position:absolute;left:49%;width:3%}
#photo5 img:nth-child(2){position:absolute;left:52%;width:3%}
#photo6 img:nth-child(2){position:absolute;left:55%;width:3%}
#photo7 img:nth-child(2){position:absolute;left:58%;width:3%}
#photo8 img:nth-child(2){position:absolute;left:61%;width:3%}

/*チェックされたドットに相当するスライドが画面中央になるようにphotosを移動*/
#r1:checked ~ #photos { animation:flowSlides1 40s infinite; animation-delay: 0s; }
#r2:checked ~ #photos { animation:flowSlides2 40s infinite; animation-delay:-8s; }
#r3:checked ~ #photos { animation:flowSlides3 50s infinite; animation-delay:-16s; }
#r4:checked ~ #photos { animation:flowSlides4 60s infinite; animation-delay:-24s; }
#r5:checked ~ #photos { animation:flowSlides5 60s infinite; animation-delay:-32s; }
#r6:checked ~ #photos { animation:flowSlides6 60s infinite; animation-delay:-40s; }
#r7:checked ~ #photos { animation:flowSlides7 60s infinite; animation-delay:-48s; }
#r8:checked ~ #photos { animation:flowSlides8 60s infinite; animation-delay:-56s; }

/* 左右送りボタン */
#back1:checked ~ #photos { animation:flowSlides8 40s infinite; animation-delay:-32s; }
#back2:checked ~ #photos { animation:flowSlides1 40s infinite; animation-delay: 0s; }
#back3:checked ~ #photos { animation:flowSlides2 50s infinite; animation-delay:-8s; }
#back4:checked ~ #photos { animation:flowSlides3 60s infinite; animation-delay:-16s; }
#back5:checked ~ #photos { animation:flowSlides4 60s infinite; animation-delay:-24s; }
#back6:checked ~ #photos { animation:flowSlides5 60s infinite; animation-delay:-32s; }
#back7:checked ~ #photos { animation:flowSlides6 60s infinite; animation-delay:-40s; }
#back8:checked ~ #photos { animation:flowSlides7 60s infinite; animation-delay:-48s; }

#next1:checked ~ #photos { animation:flowSlides2 40s infinite; animation-delay:-8s; }
#next2:checked ~ #photos { animation:flowSlides3 40s infinite; animation-delay:-16s; }
#next3:checked ~ #photos { animation:flowSlides4 50s infinite; animation-delay:-24s; }
#next4:checked ~ #photos { animation:flowSlides5 60s infinite; animation-delay:-32s; }
#next5:checked ~ #photos { animation:flowSlides6 60s infinite; animation-delay: 0s; }
#next6:checked ~ #photos { animation:flowSlides7 60s infinite; animation-delay: 8s; }
#next7:checked ~ #photos { animation:flowSlides8 60s infinite; animation-delay: 16s; }
#next8:checked ~ #photos { animation:flowSlides1 60s infinite; animation-delay: 24s; }


@media screen and (max-width: 1020px){
  /* .recruit .box05 #stage dd{margin-top:15%;width:70%;margin-left:30%}
  .recruit .box05 #stage dt,.recruit .box05 #stage dd{color:#03375b;font-weight:700;background:#fff;display:block;padding:1%;font-size:16px}
  .recruit .box05 #stage dt{width:22%}
  .recruit .box05 #stage dd{margin-top:17%;width:64%;margin-left:24%} */
}


/* 初期スライドショー */
@keyframes flowSlides {
	0% { left:0px; opacity:0; }
  2% { left:0px; opacity:1; }
  10% { left:0px; opacity:1; }
	12.5% { left:0px; opacity:0; }

	12.51% { left:-1400px; opacity:0; }
  14% { left:-1400px; opacity:1; }
  23% { left:-1400px; opacity:1; }
	25% { left:-1400px; opacity:0; }

	25.01% { left:-2800px; opacity:0; }
  27% { left:-2800px; opacity:1; }
  35% { left:-2800px; opacity:1; }
	37.5% { left:-2800px; opacity:0; }

	37.51% { left:-4200px; opacity:0; }
  39% { left:-4200px; opacity:1; }
  48% { left:-4200px; opacity:1; }
	50% { left:-4200px; opacity:0; }

	50.01% { left:-5600px; opacity:0; }
  52% { left:-5600px; opacity:1; }
  60% { left:-5600px; opacity:1; }
	62.5% { left:-5600px; opacity:0; }

	62.51% { left:-7000px; opacity:0; }
  64% { left:-7000px; opacity:1; }
  73% { left:-7000px; opacity:1; }
	75% { left:-7000px; opacity:0; }

	75.01% { left:-8400px; opacity:0; }
  77% { left:-8400px; opacity:1; }
  85% { left:-8400px; opacity:1; }
	87.5% { left:-8400px; opacity:0; }

	87.51% { left:-9800px; opacity:0; }
  89% { left:-9800px; opacity:1; }
  98% { left:-9800px; opacity:1; }
	100% { left:-9800px; opacity:0; }
}
/* 各スライド向けスライドショー */
@keyframes flowSlides1 {
0%{left:0;opacity:0}
2%{left:0;opacity:1}
10%{left:0;opacity:1}
12.5%{left:0;opacity:0}
12.51%{left:-1400px;opacity:0}
14%{left:-1400px;opacity:1}
23%{left:-1400px;opacity:1}
25%{left:-1400px;opacity:0}
25.01%{left:-2800px;opacity:0}
27%{left:-2800px;opacity:1}
35%{left:-2800px;opacity:1}
37.5%{left:-2800px;opacity:0}
37.51%{left:-4200px;opacity:0}
39%{left:-4200px;opacity:1}
48%{left:-4200px;opacity:1}
50%{left:-4200px;opacity:0}
50.01%{left:-5600px;opacity:0}
52%{left:-5600px;opacity:1}
60%{left:-5600px;opacity:1}
62.5%{left:-5600px;opacity:0}
62.51%{left:-7000px;opacity:0}
64%{left:-7000px;opacity:1}
73%{left:-7000px;opacity:1}
75%{left:-7000px;opacity:0}
75.01%{left:-8400px;opacity:0}
77%{left:-8400px;opacity:1}
85%{left:-8400px;opacity:1}
87.5%{left:-8400px;opacity:0}
87.51%{left:-9800px;opacity:0}
89%{left:-9800px;opacity:1}
98%{left:-9800px;opacity:1}
100%{left:-9800px;opacity:0}
}
@keyframes flowSlides2 {
0%{left:0;opacity:0}
2%{left:0;opacity:1}
10%{left:0;opacity:1}
12.5%{left:0;opacity:0}
12.51%{left:-1400px;opacity:0}
14%{left:-1400px;opacity:1}
23%{left:-1400px;opacity:1}
25%{left:-1400px;opacity:0}
25.01%{left:-2800px;opacity:0}
27%{left:-2800px;opacity:1}
35%{left:-2800px;opacity:1}
37.5%{left:-2800px;opacity:0}
37.51%{left:-4200px;opacity:0}
39%{left:-4200px;opacity:1}
48%{left:-4200px;opacity:1}
50%{left:-4200px;opacity:0}
50.01%{left:-5600px;opacity:0}
52%{left:-5600px;opacity:1}
60%{left:-5600px;opacity:1}
62.5%{left:-5600px;opacity:0}
62.51%{left:-7000px;opacity:0}
64%{left:-7000px;opacity:1}
73%{left:-7000px;opacity:1}
75%{left:-7000px;opacity:0}
75.01%{left:-8400px;opacity:0}
77%{left:-8400px;opacity:1}
85%{left:-8400px;opacity:1}
87.5%{left:-8400px;opacity:0}
87.51%{left:-9800px;opacity:0}
89%{left:-9800px;opacity:1}
98%{left:-9800px;opacity:1}
100%{left:-9800px;opacity:0}
}
@keyframes flowSlides3 {
0%{left:0;opacity:0}
2%{left:0;opacity:1}
10%{left:0;opacity:1}
12.5%{left:0;opacity:0}
12.51%{left:-1400px;opacity:0}
14%{left:-1400px;opacity:1}
23%{left:-1400px;opacity:1}
25%{left:-1400px;opacity:0}
25.01%{left:-2800px;opacity:0}
27%{left:-2800px;opacity:1}
35%{left:-2800px;opacity:1}
37.5%{left:-2800px;opacity:0}
37.51%{left:-4200px;opacity:0}
39%{left:-4200px;opacity:1}
48%{left:-4200px;opacity:1}
50%{left:-4200px;opacity:0}
50.01%{left:-5600px;opacity:0}
52%{left:-5600px;opacity:1}
60%{left:-5600px;opacity:1}
62.5%{left:-5600px;opacity:0}
62.51%{left:-7000px;opacity:0}
64%{left:-7000px;opacity:1}
73%{left:-7000px;opacity:1}
75%{left:-7000px;opacity:0}
75.01%{left:-8400px;opacity:0}
77%{left:-8400px;opacity:1}
85%{left:-8400px;opacity:1}
87.5%{left:-8400px;opacity:0}
87.51%{left:-9800px;opacity:0}
89%{left:-9800px;opacity:1}
98%{left:-9800px;opacity:1}
100%{left:-9800px;opacity:0}
}
@keyframes flowSlides4 {
0%{left:0;opacity:0}
2%{left:0;opacity:1}
10%{left:0;opacity:1}
12.5%{left:0;opacity:0}
12.51%{left:-1400px;opacity:0}
14%{left:-1400px;opacity:1}
23%{left:-1400px;opacity:1}
25%{left:-1400px;opacity:0}
25.01%{left:-2800px;opacity:0}
27%{left:-2800px;opacity:1}
35%{left:-2800px;opacity:1}
37.5%{left:-2800px;opacity:0}
37.51%{left:-4200px;opacity:0}
39%{left:-4200px;opacity:1}
48%{left:-4200px;opacity:1}
50%{left:-4200px;opacity:0}
50.01%{left:-5600px;opacity:0}
52%{left:-5600px;opacity:1}
60%{left:-5600px;opacity:1}
62.5%{left:-5600px;opacity:0}
62.51%{left:-7000px;opacity:0}
64%{left:-7000px;opacity:1}
73%{left:-7000px;opacity:1}
75%{left:-7000px;opacity:0}
75.01%{left:-8400px;opacity:0}
77%{left:-8400px;opacity:1}
85%{left:-8400px;opacity:1}
87.5%{left:-8400px;opacity:0}
87.51%{left:-9800px;opacity:0}
89%{left:-9800px;opacity:1}
98%{left:-9800px;opacity:1}
100%{left:-9800px;opacity:0}
}
@keyframes flowSlides5 {
0%{left:0;opacity:0}
2%{left:0;opacity:1}
10%{left:0;opacity:1}
12.5%{left:0;opacity:0}
12.51%{left:-1400px;opacity:0}
14%{left:-1400px;opacity:1}
23%{left:-1400px;opacity:1}
25%{left:-1400px;opacity:0}
25.01%{left:-2800px;opacity:0}
27%{left:-2800px;opacity:1}
35%{left:-2800px;opacity:1}
37.5%{left:-2800px;opacity:0}
37.51%{left:-4200px;opacity:0}
39%{left:-4200px;opacity:1}
48%{left:-4200px;opacity:1}
50%{left:-4200px;opacity:0}
50.01%{left:-5600px;opacity:0}
52%{left:-5600px;opacity:1}
60%{left:-5600px;opacity:1}
62.5%{left:-5600px;opacity:0}
62.51%{left:-7000px;opacity:0}
64%{left:-7000px;opacity:1}
73%{left:-7000px;opacity:1}
75%{left:-7000px;opacity:0}
75.01%{left:-8400px;opacity:0}
77%{left:-8400px;opacity:1}
85%{left:-8400px;opacity:1}
87.5%{left:-8400px;opacity:0}
87.51%{left:-9800px;opacity:0}
89%{left:-9800px;opacity:1}
98%{left:-9800px;opacity:1}
100%{left:-9800px;opacity:0}
}
@keyframes flowSlides6 {
0%{left:0;opacity:0}
2%{left:0;opacity:1}
10%{left:0;opacity:1}
12.5%{left:0;opacity:0}
12.51%{left:-1400px;opacity:0}
14%{left:-1400px;opacity:1}
23%{left:-1400px;opacity:1}
25%{left:-1400px;opacity:0}
25.01%{left:-2800px;opacity:0}
27%{left:-2800px;opacity:1}
35%{left:-2800px;opacity:1}
37.5%{left:-2800px;opacity:0}
37.51%{left:-4200px;opacity:0}
39%{left:-4200px;opacity:1}
48%{left:-4200px;opacity:1}
50%{left:-4200px;opacity:0}
50.01%{left:-5600px;opacity:0}
52%{left:-5600px;opacity:1}
60%{left:-5600px;opacity:1}
62.5%{left:-5600px;opacity:0}
62.51%{left:-7000px;opacity:0}
64%{left:-7000px;opacity:1}
73%{left:-7000px;opacity:1}
75%{left:-7000px;opacity:0}
75.01%{left:-8400px;opacity:0}
77%{left:-8400px;opacity:1}
85%{left:-8400px;opacity:1}
87.5%{left:-8400px;opacity:0}
87.51%{left:-9800px;opacity:0}
89%{left:-9800px;opacity:1}
98%{left:-9800px;opacity:1}
100%{left:-9800px;opacity:0}
}
@keyframes flowSlides7 {
0%{left:0;opacity:0}
2%{left:0;opacity:1}
10%{left:0;opacity:1}
12.5%{left:0;opacity:0}
12.51%{left:-1400px;opacity:0}
14%{left:-1400px;opacity:1}
23%{left:-1400px;opacity:1}
25%{left:-1400px;opacity:0}
25.01%{left:-2800px;opacity:0}
27%{left:-2800px;opacity:1}
35%{left:-2800px;opacity:1}
37.5%{left:-2800px;opacity:0}
37.51%{left:-4200px;opacity:0}
39%{left:-4200px;opacity:1}
48%{left:-4200px;opacity:1}
50%{left:-4200px;opacity:0}
50.01%{left:-5600px;opacity:0}
52%{left:-5600px;opacity:1}
60%{left:-5600px;opacity:1}
62.5%{left:-5600px;opacity:0}
62.51%{left:-7000px;opacity:0}
64%{left:-7000px;opacity:1}
73%{left:-7000px;opacity:1}
75%{left:-7000px;opacity:0}
75.01%{left:-8400px;opacity:0}
77%{left:-8400px;opacity:1}
85%{left:-8400px;opacity:1}
87.5%{left:-8400px;opacity:0}
87.51%{left:-9800px;opacity:0}
89%{left:-9800px;opacity:1}
98%{left:-9800px;opacity:1}
100%{left:-9800px;opacity:0}
}
@keyframes flowSlides8 {
0%{left:0;opacity:0}
2%{left:0;opacity:1}
10%{left:0;opacity:1}
12.5%{left:0;opacity:0}
12.51%{left:-1400px;opacity:0}
14%{left:-1400px;opacity:1}
23%{left:-1400px;opacity:1}
25%{left:-1400px;opacity:0}
25.01%{left:-2800px;opacity:0}
27%{left:-2800px;opacity:1}
35%{left:-2800px;opacity:1}
37.5%{left:-2800px;opacity:0}
37.51%{left:-4200px;opacity:0}
39%{left:-4200px;opacity:1}
48%{left:-4200px;opacity:1}
50%{left:-4200px;opacity:0}
50.01%{left:-5600px;opacity:0}
52%{left:-5600px;opacity:1}
60%{left:-5600px;opacity:1}
62.5%{left:-5600px;opacity:0}
62.51%{left:-7000px;opacity:0}
64%{left:-7000px;opacity:1}
73%{left:-7000px;opacity:1}
75%{left:-7000px;opacity:0}
75.01%{left:-8400px;opacity:0}
77%{left:-8400px;opacity:1}
85%{left:-8400px;opacity:1}
87.5%{left:-8400px;opacity:0}
87.51%{left:-9800px;opacity:0}
89%{left:-9800px;opacity:1}
98%{left:-9800px;opacity:1}
100%{left:-9800px;opacity:0}
}
/*=== 画像の表示エリア ================================= */
.home .slide {
 position   : relative;
 overflow   : hidden;
                   /* 画像のサイズに合わせて変更ください */
 width: 100%;
 height: 800px;
 margin     : auto;      /* サンプルは中央寄せの背景：白 */
 background : #fff;
}
@media screen and (max-width: 1200px) {
  .home .slide{height:500px}
  }
  @media screen and (max-width: 1020px) {
  .home .slide{height:390px}
  }
  @media screen and (max-width: 768px) {
  .home .slide{height:280px}
  }
  @media screen and (max-width: 480px) {
  .home .slide{height:220px}
  }