@charset "UTF-8";

/* ---------------------------------------------------------------------
*
*    ■このファイルは編集しないでね;-)
*
* ------------------------------------------------------------------- */



/* ---------------------------------------------------------------------
*    全CSS読み込み用
* ------------------------------------------------------------------- */
@import "./reset.css";
@import "./common.css";
@import "./layout.css";
@import "./contents.css";



/* ---------------------------------------------------------------------
*    サイド
* ------------------------------------------------------------------- */

.textwidget .fb-page {
width:100%;
margin-bottom:10px;
}

/* ---------------------------------------------------------------------
*    サイド
* ------------------------------------------------------------------- */


/* ---------------------------------------------------------------------
*    トップスライダー
* ------------------------------------------------------------------- */

.metaslider .flex-control-nav {
bottom:-24px!important;
}

.metaslider .flex-control-nav li a {
margin:0 2px!important;
box-shadow:0 0 9px #000!important;
}

.flex-control-paging li a {
width:13px!important;
height:13px!important;
background:#fff url(../images/nav-icon-inactive.png)!important;
-o-box-shadow:none!important;
box-shadow:none!important;
}

.flex-control-paging li a.flex-active{
background:#fff url(../images/nav-icon-active.png)!important;
}

/* ---------------------------------------------------------------------
*    トップスライダー
* ------------------------------------------------------------------- */


#global,
.sp-fix {
display:none;
}

#global-nav {
display:inline;
}


#headerSubNavi ul {
text-align:center;
}

#headerSubNavi li.navi3 .clearTxt,
#headerSubNavi li.navi4 .clearTxt,
#headerSubNavi li.navi5 .clearTxt {
text-indent:0;
font-size:15px;
line-height:normal;
height:auto;
width:auto;
}

#headerSubNavi .navi3,
#headerSubNavi .navi4,
#headerSubNavi .navi5 {
margin:0;
padding:0 10px;
font-weight:bold;
display:inline-block;
box-sizing:border-box;
}

#headerSubNavi .navi3,
#headerSubNavi .navi4 {
border-right:1px solid #b4b4b4;
}

#headerSubNavi .navi3 a,
#headerSubNavi .navi4 a,
#headerSubNavi .navi5 a {
width:auto;
text-align:center;
background:none;
height:auto;
color:#3d0d09;
}

#headerSubNavi .navi3 {
width:90px;
right:219px;
}

#headerSubNavi .navi4 {
width:120px;
right:99px;
}

#headerSubNavi .navi5 {
width:100px;
}


/**************************************************
***************************************************
width:[800px] or less.
***************************************************
**************************************************/

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

body.ban {
overflow:hidden;
}

body { 
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%;
}

#wrapper {
width:100%;
float:left;
}

#headerInner,
#headerGlobalNavi,
#contents,
#slideShow,
#pageTitle,
#footerInner {
width:100%;
}

#main,
#homeMessage,
#homeOemFlow,
.article {
width:100%;
}

#fb-root {
float:left;
}


/* -------------------------
*    header
* -------------------------- */

#header {
width:100%;
height:auto;
margin:0;
padding:25px 0 0;
background:#fff;
border-top:5px solid #841a35;
float:left;
}

#headerInner {
width:100%;
height:auto;
float:left;
}

#siteId,
#siteId a {
width:100%;
}

#siteId {
height:auto;
position:static;
top:0;
float:left;
}

#siteId a {
height:0;
padding-top:4%;
background:url(../images/site-id.png) no-repeat left top;
background-size:contain;
background-size:50% auto;
}

#siteId a:hover {
background-position:0 0;
}

/* -------------------------
*    header
* -------------------------- */


/* -------------------------
*    global
* -------------------------- */

#global,
#global span {
display:inline-block;
box-sizing:border-box;
transition:0.4s;
-webkit-transition:0.4s;
-moz-transition:0.4s;
}

#global {
width:40px;
height:33px;
position:fixed;
top:-70px;
right:8px;
cursor:pointer;
z-index:1001;
}

#global p {
padding-left:2px;
font-size:12px;
color:#000;
letter-spacing:0.05em;
}

#global > div {
width:40px;
height:27px;
margin-bottom:2px;
position:relative;
}

#global span {
position:absolute;
left:0;
width:100%;
height:3px;
background-color:#841a35;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}

.nav-scroll span {
background-color:#e66700!important;
}

#global span:nth-of-type(1) {
top: 0;
}

#global span:nth-of-type(2) {
top:12px;
}

#global span:nth-of-type(3) {
bottom:0;
}

#global.active span {
background-color:#fff!important;
}

#global.active p {
color:#fff;
}

#global.active span:nth-of-type(1) {
transform:translateY(12px) rotate(-45deg);
-webkit-transform:translateY(12px) rotate(-45deg);
-moz-transform:translateY(12px) rotate(-45deg);
}

#global.active span:nth-of-type(2) {
left:60%;

animation:menu-anima 0.8s forwards;
-webkit-animation:menu-anima 0.8s forwards;
-moz-animation:menu-anima 0.8s forwards;
}

@keyframes menu-anima {
  100% {
    height:0;
  }
}

@-webkit-keyframes menu-anima {
  100% {
    height:0;
  }
}

@-moz-keyframes menu-anima {
  100% {
    height:0;
  }
}

#global.active span:nth-of-type(3) {
transform:translateY(-12px) rotate(45deg);
-webkit-transform:translateY(-12px) rotate(45deg);
-moz-transform:translateY(-12px) rotate(45deg);
}

#global-nav {
width:100%;
height:100%;
padding:70px 0 0;
background:rgba(132,26,53,1);
display:none;
position:fixed;
top:0;
left:0;
z-index:1000;
text-align:center;
box-sizing:border-box;
overflow-y:auto;
}

/* -------------------------
*    global
* -------------------------- */


/* -------------------------
*    headerGlobalNavi
* -------------------------- */

#headerGlobalNavi .clearTxt {
text-indent:0;
font-size:17px;
line-height:normal;
height:auto;
width:auto;
}

#headerGlobalNavi {
height:auto;
position:static;
left:0;
top:0;
}

#headerGlobalNavi li {
width:100%;
padding:0 10px;
text-align:left;
box-sizing:border-box;
}

#headerGlobalNavi li a {
padding:15px 4px;
background-color:#000;
height:auto;
background:none;
color:#fff;
float:left;
border-bottom:2px solid #9b3750;
box-sizing:border-box;
}

#headerGlobalNavi .navi1 a,
#headerGlobalNavi .navi2 a,
#headerGlobalNavi .navi3 a,
#headerGlobalNavi .navi4 a,
#headerGlobalNavi .navi5 a,
#headerGlobalNavi .navi6 a {
width:100%;
}

#headerGlobalNavi ul ul {
background:none;
z-index:9999;
position:static;
top:0;
display:none;
width:100%;
padding:0;
font-size:17px;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
}

#headerGlobalNavi ul ul:after {
display:none;
}

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

#headerGlobalNavi ul ul li a {
background:none!important;
width:100%!important;
padding:15px 0;
border-bottom:2px solid #c14f6c;
}

#headerGlobalNavi ul ul li a:before {
padding-right:10px;
content:'■';
}

#headerGlobalNavi li span.slide a:after {
margin-top:3px;
content:'▼';
float:right;
}

#headerGlobalNavi li span.slide.open a:after {
content:'▲'!important;
}

/* -------------------------
*    headerGlobalNavi
* -------------------------- */


/* -------------------------
*    headerSubNavi
* -------------------------- */

#headerSubNavi {
width:100%;
padding:20px 0 0;
text-align:center;
position:static;
float:left;
}

#headerSubNavi ul {
width:100%;
margin:10px 0 0;
padding:20px 0;
background:#f4f1ec;
float:left;
}

#headerSubNavi li {
display:inline-block;
position:static;
box-sizing:border-box;
}

#headerSubNavi .clearTxt {
text-indent:0;
font-size:14px;
line-height:normal;
height:auto;
width:auto;
}

#headerSubNavi .navi3,
#headerSubNavi .navi4,
#headerSubNavi .navi5 {
padding:0 6px;
font-weight:bold;
}

#headerSubNavi .navi3,
#headerSubNavi .navi4 {
border-right:1px solid #b4b4b4;
}

#headerSubNavi .navi3 a,
#headerSubNavi .navi4 a,
#headerSubNavi .navi5 a {
width:auto;
background:none;
height:auto;
color:#3d0d09;
}

#headerSubNavi .navi1,
#headerSubNavi .navi2 {
display:none;
}

/* -------------------------
*    headerSubNavi
* -------------------------- */


/* -------------------------
*    contents
* -------------------------- */

#contents {
margin:0 auto 20px;
float:left;
}

.article {
min-height:0;
padding:0 10px 30px;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
box-sizing:border-box;
}

#pageTitle {
height:auto;
margin:0;
}

.entry-content h2.clearTxt {
text-indent:0;
line-height:normal;
font-size:20px;
height:auto;
width:auto;
}

.article h1.articleTitle,
.article h2.articleTitle {
width:100%;
margin:30px 0 20px!important;
padding:5px 0 5px 10px;
border-left:10px solid #841a35;
text-align:left!important;
font-weight:bold;
color:#000!important;
box-sizing:border-box;
}

.entry-content p {
margin-bottom:10px;
}

.article th {
width:35%;
padding:10px;
background:none;
}

.article td {
width:65%;
}

.article td img,
.article td iframe {
width:auto;
max-width:100%;
height:auto;
}

/* -------------------------
*    contents
* -------------------------- */

/* -------------------------
*    homeMessage
* -------------------------- */

#homeMessage {
height:auto;
margin-bottom:30px;
padding:0 10px;
background:none;
box-sizing:border-box;
}

#homeMessage .clearTxt {
text-indent:0;
font-size:14px;
line-height:normal;
height:auto;
width:auto;
}

#homeMessage h1.clearTxt {
width:100%;
margin-bottom:10px;
text-align:center;
font-size:20px;
font-weight:bold;
color:#796341;
}

/* -------------------------
*    homeMessage
* -------------------------- */

/* -------------------------
*    homeOemFlow
* -------------------------- */

#homeOemFlow {
height:auto;
margin-bottom:30px;
padding:0 10px;
background:none;
box-sizing:border-box;
float:left;
}

#homeOemFlow .clearTxt {
text-indent:0;
font-size:14px;
line-height:normal;
height:auto;
width:auto;
}

#homeOemFlow h1.clearTxt {
width:100%;
margin-bottom:20px;
padding:10px 10px;
background:#fff;
border-left:10px solid #841a35;
font-size:17px;
font-weight:bold;
box-sizing:border-box;
}

#homeOemFlow ol.clearTxt {
width:100%;
text-align:center;
float:left;
}

#homeOemFlow li {
width:94px;
height:94px;
line-height:94px;
margin:0 8px 5px;
font-size:16px;
font-weight:bold;
color:#fff;
display:inline-block;
box-sizing:border-box;
border-radius:50%;
position:relative;
}

#homeOemFlow li:after {
position:absolute;
right:-18px;
top:50%;
content: '';
width:16px;
height:16px;
background-size:16px 16px;
background-repeat: no-repeat;
transform:translate(0%,-50%);
-webkit-transform:translate(0%,-50%);
-moz-transform:translate(0%,-50%);
}

#homeOemFlow li:nth-of-type(1) {
background-color:rgba(162, 49, 78, 1);
background-image:repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(132, 26, 53, 1) 3px, rgba(132, 26, 53, 1) 6px );
}

#homeOemFlow li:nth-of-type(2) {
background-color:rgba(127, 13, 69, 1);
background-image:repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(100, 6, 52, 1) 3px, rgba(100, 6, 52, 1) 6px );
}

#homeOemFlow li:nth-of-type(3) {
background-color:rgba(201, 85, 141, 1);
background-image:repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(185, 62, 122, 1) 3px, rgba(185, 62, 122, 1) 6px );
font-size:15px;
}

#homeOemFlow li:nth-of-type(4) {
background-color:rgba(218, 171, 18, 1);
background-image:repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(203, 156, 0, 1) 3px, rgba(203, 156, 0, 1) 6px );
}

#homeOemFlow li:nth-of-type(5) {
background-color:rgba(222, 138, 29, 1);
background-image:repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(201, 123, 22, 1) 3px, rgba(201, 123, 22, 1) 6px );
}

#homeOemFlow li:nth-of-type(1):after {
background-image:url(../images/flow-arrow1.png);
}

#homeOemFlow li:nth-of-type(2):after {
background-image:url(../images/flow-arrow2.png);
}

#homeOemFlow li:nth-of-type(3):after {
background-image:url(../images/flow-arrow3.png);
}

#homeOemFlow li:nth-of-type(4):after {
background-image:url(../images/flow-arrow4.png);
}

#homeOemFlow li:nth-of-type(5):after {
content:'';
position:static;
right:0;
}

#homeOemFlow .link {
width:100%;
margin-top:20px;
text-align:center;
float:left;
}

#homeOemFlow a {
width:80%!important;
height:auto;
padding:10px 0;
background:#2e2e2e;
color:#fff;
display:inline-block;
position:static;
box-sizing:border-box;
border-radius:5px;
}

#homeOemFlow a:hover {
background:#2e2e2e;
}

/* -------------------------
*    homeOemFlow
* -------------------------- */


/* -------------------------
*    pressRelease
* -------------------------- */

#pressRelease {
width:100%;
min-height:none;
padding:15px 10px 10px;
float:left;
box-sizing:border-box;
}

#pressRelease h1.clearTxt {
text-indent:0;
line-height:normal;
height:auto;
width:100%;
margin-bottom:10px;
text-align:center;
background:none;
font-size:20px;
font-weight:bold;
color:#796341;
}

#pressRelease li {
width:100%;
line-height:20px;
padding:10px;
background:none;
background-color:#f7f3e9;
font-size:15px;
float:left;
box-sizing:border-box;
}

#pressRelease li span {
width:100%;
margin-bottom:5px;
padding:0;
float:left;
}

#pressRelease .even {
background:none;
}

#pressRelease .button {
width:100%;
margin-top:10px;
text-align:center;
float:left;
}

#pressRelease .button .more {
background:none;
}

#pressRelease .button .clearTxt {
text-indent:0;
font-size:14px;
line-height:normal;
height:auto;
width:auto;
}

#pressRelease .button a.more {
width:80%!important;
height:auto;
padding:10px 0;
background-color:#2e2e2e;
color:#fff;
display:inline-block;
box-sizing:border-box;
border-radius:5px;
}

.press-release #pageTitle {
height:0;
padding-top:22%;
background:url(../images/page-title.jpg) no-repeat left top;
background-size:contain;
background-size:100% auto;
}

#pressRelease {
min-height:none;
}

.press-release #pressRelease {
padding-bottom:30px;
}

.single .article {
padding:30px 10px;
}

.press-release .entry-content p img {
width:auto;
max-width:100%;
height:auto;
}

/* -------------------------
*    pressRelease
* -------------------------- */


/* -------------------------
*    slideShow
* -------------------------- */

#slideShow {
height:auto;
margin:0 auto;
float:left;
}

/* -------------------------
*    slideShow
* -------------------------- */


/* -------------------------
*    side
* -------------------------- */

#side {
width:100%;
margin-top:30px;
}

#sideBanner {
width:100%;
float:left;
display:block;
-webkit-column-count:3;
-moz-column-count:3;
column-count:3;
-webkit-column-gap:0;
-moz-column-gap:0;
column-gap:0;
}

#sideBanner aside {
padding:0 5px;
}

#sideBanner img {
width:100%;
height:auto;
}

#sideBanner .textwidget {
margin-bottom:10px;
}

/* -------------------------
*    side
* -------------------------- */


/* -------------------------
*    footer
* -------------------------- */

footer#footer {
width:100%;
background:none;
background-color:#fff;
float:left;
}

#footerGlobalNavi {
width:100%;
padding:0;
float:left;
}

#footerGlobalNaviMain .clearTxt {
text-indent:0;
font-size:17px;
line-height:normal;
height:auto;
width:auto;
}

#footerGlobalNaviMain {
width:100%;
padding:0;
margin-bottom:30px;
float:left;
}

#footerGlobalNaviMain li {
width:100%;
margin:0;
float:left;
}

#footerGlobalNaviMain .navi1,
#footerGlobalNaviMain .navi2,
#footerGlobalNaviMain .navi3,
#footerGlobalNaviMain .navi4 {
width:100%;
}

#footerGlobalNaviMain li span {
	display:inline;
	background:none;
	border-bottom:0;
	padding:0;
	margin:0;
}


#footerGlobalNaviMain li span.slideF {
width:100%;
height:50px;
line-height:50px;
background:none;
color:#841a35;
background-color:#841a35;
border-bottom:2px solid #9b3750;
padding:0 10px;
margin:0;
font-size:16px;
color:#fff;
float:left;
box-sizing:border-box;
cursor:pointer;
}

#footerGlobalNaviMain li span.slideF:before {
padding-right:10px;
content:'■';
vertical-align:0.15em;
}

#footerGlobalNaviMain li span.slideF:after {
content:'▼';
float:right;
}

#footerGlobalNaviMain li span.slideF.open:after {
content:'▲'!important;
}

#footerGlobalNaviMain li ul {
width:100%;
padding:0;
float:left;
}

#footerGlobalNaviMain li li {
float:left;
list-style-type:none;
list-style-position: inside;
}

#footerGlobalNaviMain li li a {
width:100%;
padding:15px 10px;
border-bottom:2px solid #c14f6c;
font-size:17px;
box-sizing:border-box;
float:left;
}

#footerGlobalNaviMain li li:last-child a {
border-bottom:0;
}

#footerGlobalNaviMain ul li a:before {
padding-right:10px;
content:'■';
}

#footerButton {
width:100%;
padding:0;
text-align:center;
float:left;
}

#footerButton .clearTxt {
text-indent:0;
font-size:17px;
line-height:normal;
height:auto;
width:auto;
}

#footerButton li {
display:inline-block;
float:none;
padding:0 6px;
font-weight:bold;
}

#footerButton a {
height:auto;
width:auto;
color:#3d0d09;
}

#footerButton .navi1 a,
#footerButton .navi2 a,
#footerButton .navi3 a {
background:none;
}

#footerButton .navi1,
#footerButton .navi2 {
border-right:1px solid #b4b4b4;
}

#pagetop {
display:none;
}

#copyright {
background:none;
position:static;
height:auto;
width:100%;
margin-top:40px;
right:0;
top:0;
float:left;
}

#copyright .clearTxt {
text-indent:0;
font-size:17px;
line-height:normal;
height:auto;
width:auto;
}

#copyright p {
width:100%!important;
text-align:center!important;
font-size:13px!important;
float:left;
}

#copyright p#footerSiteId {
margin-bottom:10px!important;
font-size:24px!important;
float:none!important;
display:inline-block!important;
}

/* -------------------------
*    footer
* -------------------------- */


/* -------------------------
*    fixed
* -------------------------- */

.sp-fix {
width:100%;
background:#841a35;
display:inline;
position:fixed;
bottom:0;
left:0;
z-index:9999;
}

.sp-fix .arrow {
width:50px;
float:right;
}

.sp-fix .arrow a {
width:100%;
padding:5px;
background:#640634;
float:left;
box-sizing:border-box;
}

.sp-fix .contact {
width:90px;
float:right;
}

.sp-fix .contact a {
width:100%;
padding:0;
background:#d7a708;
float:left;
box-sizing:border-box;
}

.sp-fix .arrow img,
.sp-fix .contact img {
width:100%;
height:auto;
}

.sp-fix .tel {
padding-top:14px;
font-size:20px;
font-weight:bold;
float:left;
}

.sp-fix .tel a {
padding:0 5px;
color:#fff;
letter-spacing:0.1em;
}

/* -------------------------
*    fixed
* -------------------------- */


/* -------------------------
*    about-us
* -------------------------- */

.about-us #pageTitle,
.recruit #pageTitle {
height:0;
padding-top:22%;
background:url(../images/page-title.jpg) no-repeat left top;
background-size:contain;
background-size:100% auto;
}

.about-us #aboutUs1,
.about-us #aboutUs2,
.about-us #aboutUs3,
.about-us #aboutUs4,
.about-us #aboutUs5,
.recruit #recruit1,
.recruit #recruit2 {
background:none;
margin:0;
}

/* -------------------------
*    about-us
* -------------------------- */


/* -------------------------
*    business
* -------------------------- */

.business #pageTitle {
height:0;
padding-top:22%;
background:url(../images/page-title.jpg) no-repeat left top;
background-size:contain;
background-size:100% auto;
}

.business #business1 {
background:none;
margin:0;
}

.business .article h3 {
margin:0 0 10px;
font-size:17px;
}

.business .article .scroll-table {
margin-top:20px;
display:block;
overflow-x:scroll;
white-space:nowrap;
-webkit-overflow-scrolling:touch;
}

.business .article .scroll-table:before {
width:100%;
padding-bottom:10px;
font-size:16px;
font-weight:bold;
content:'スクロールできます →';
float:left;
}

/* -------------------------
*    business
* -------------------------- */


/* -------------------------
*    btob-oem
* -------------------------- */

.btob-oem #pageTitle {
height:0;
padding-top:22%;
background:url(../images/page-title.jpg) no-repeat left top;
background-size:contain;
background-size:100% auto;
}

.btob-oem #btobOem1 {
background:none;
margin:0;
}

.btob-oem .article .scroll-table {
margin-top:20px;
display:block;
overflow-x:scroll;
white-space:nowrap;
-webkit-overflow-scrolling:touch;
}

.btob-oem .article .scroll-table:before {
width:100%;
padding-bottom:10px;
font-size:16px;
font-weight:bold;
content:'スクロールできます →';
float:left;
}

.btob-oem .article .scroll-table table {
width:900px;
table-layout:fixed;
}

.btob-oem .article .scroll-table table td {
padding:10px 5px;
}

#OemFlow {
width:100%;
height:auto;
margin-top:40px;
background:none;
display:inline-block;
}

#OemFlow .clearTxt {
text-indent:0;
font-size:14px;
line-height:normal;
height:auto;
width:auto;
}

#OemFlow h1.clearTxt {
width:100%;
margin-bottom:20px;
padding:10px 10px;
background:#fff;
border-left:10px solid #841a35;
font-size:17px;
font-weight:bold;
box-sizing:border-box;
}

#OemFlow ol.clearTxt {
width:100%;
text-align:center;
float:left;
}

#OemFlow li {
width:94px;
height:94px;
line-height:94px;
margin:0 8px 5px;
font-size:16px;
font-weight:bold;
color:#fff;
display:inline-block;
box-sizing:border-box;
border-radius:50%;
position:relative;
}

#OemFlow li:after {
position:absolute;
right:-18px;
top:50%;
content: '';
width:16px;
height:16px;
background-size:16px 16px;
background-repeat: no-repeat;
transform:translate(0%,-50%);
-webkit-transform:translate(0%,-50%);
-moz-transform:translate(0%,-50%);
}

#OemFlow li:nth-of-type(1) {
background-color:rgba(162, 49, 78, 1);
background-image:repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(132, 26, 53, 1) 3px, rgba(132, 26, 53, 1) 6px );
}

#OemFlow li:nth-of-type(2) {
background-color:rgba(127, 13, 69, 1);
background-image:repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(100, 6, 52, 1) 3px, rgba(100, 6, 52, 1) 6px );
}

#OemFlow li:nth-of-type(3) {
background-color:rgba(201, 85, 141, 1);
background-image:repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(185, 62, 122, 1) 3px, rgba(185, 62, 122, 1) 6px );
font-size:15px;
}

#OemFlow li:nth-of-type(4) {
background-color:rgba(218, 171, 18, 1);
background-image:repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(203, 156, 0, 1) 3px, rgba(203, 156, 0, 1) 6px );
}

#OemFlow li:nth-of-type(5) {
background-color:rgba(222, 138, 29, 1);
background-image:repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(201, 123, 22, 1) 3px, rgba(201, 123, 22, 1) 6px );
}

#OemFlow li:nth-of-type(1):after {
background-image:url(../images/flow-arrow1.png);
}

#OemFlow li:nth-of-type(2):after {
background-image:url(../images/flow-arrow2.png);
}

#OemFlow li:nth-of-type(3):after {
background-image:url(../images/flow-arrow3.png);
}

#OemFlow li:nth-of-type(4):after {
background-image:url(../images/flow-arrow4.png);
}

#OemFlow li:nth-of-type(5):after {
content:'';
position:static;
right:0;
}

#OemFlow .link {
width:100%;
margin-top:20px;
text-align:center;
float:left;
}

#OemFlow a {
width:80%!important;
height:auto;
padding:10px 0;
background:#2e2e2e;
color:#fff;
display:inline-block;
position:static;
box-sizing:border-box;
border-radius:5px;
}

#OemFlow a:hover {
background:#2e2e2e;
}

/* -------------------------
*    btob-oem
* -------------------------- */


/* -------------------------
*    qanda
* -------------------------- */

.qanda #pageTitle {
height:0;
padding-top:22%;
background:url(../images/page-title.jpg) no-repeat left top;
background-size:contain;
background-size:100% auto;
}

.qanda #qanda1 {
background:none;
margin:0;
}

/* -------------------------
*    qanda
* -------------------------- */


/* -------------------------
*    regional-efforts
* -------------------------- */

.regional-efforts #pageTitle {
height:0;
padding-top:22%;
background:url(../images/page-title.jpg) no-repeat left top;
background-size:contain;
background-size:100% auto;
}

.regional-efforts #iwatemachi1,
.regional-efforts #gandoko1,
.regional-efforts #iwaizumiMilk1,
.regional-efforts #daitocho1,
.regional-efforts #iwatemachi1,
.regional-efforts #awabinosei1 {
background:none;
margin:0;
}

.regional-efforts .entry-content h3 img,
.regional-efforts .entry-content p img {
width:auto;
max-width:100%;
height:auto;
}

.regional-efforts .entry-content h3 img {
margin-bottom:20px;
}

.regional-efforts h3 {
line-height:22px;
margin:20px 0;
font-size:16px;
}

.regional-efforts img {
margin:0;
}

.regional-efforts div>h2+p img {
margin:0;
}

/* -------------------------
*    regional-efforts
* -------------------------- */


/* -------------------------
*    iwatekenmin
* -------------------------- */

.iwatekenmin #pageTitle {
height:0;
padding-top:22%;
background:url(../images/page-title.jpg) no-repeat left top;
background-size:contain;
background-size:100% auto;
}

.iwatekenmin .entry-content h2 img,
.iwatekenmin .entry-content h3 img,
.iwatekenmin .entry-content p img {
width:auto;
max-width:100%;
height:auto;
}

.iwatekenmin .entry-content {
padding-top:20px;
}

#iwatekenmin3 {
margin:0;
}

#iwatekenmin3 a {
width:80%;
height:auto;
margin:0;
padding:10px 0;
background:#2e2e2e;
font-size:17px;
color:#fff!important;
display:inline-block;
position:static;
box-sizing:border-box;
border-radius:5px;
}

/* -------------------------
*    iwatekenmin
* -------------------------- */


/* -------------------------
*    customer-comments
* -------------------------- */

.customer-comments #pageTitle {
height:0;
padding-top:22%;
background:url(../images/page-title.jpg) no-repeat left top;
background-size:contain;
background-size:100% auto;
}

.customer-comments #customerComments1 {
background:none;
margin:0;
}

/* -------------------------
*    customer-comments
* -------------------------- */


/* -------------------------
*    contact-us
* -------------------------- */

.contact-us #pageTitle {
height:0;
padding-top:22%;
background:url(../images/page-title.jpg) no-repeat left top;
background-size:contain;
background-size:100% auto;
}

.contact-us #contactUs1 {
background:none;
margin:0;
}

.contact-us .article tr {
width:100%;
float:left;
}

.contact-us .article th,
.contact-us .article td {
width:100%;
float:left;
box-sizing:border-box;
}

.contact-us .article th {
padding:10px 10px 0;
}

.contact-us .article input,
.contact-us .article textarea,
.contact-us .article select {
width:100%;
padding:4px;
float:left;
box-sizing:border-box;
}

.contact-us .wpcf7-captchac {
margin-bottom:5px;
}

.contact-us .wpcf7-checkbox span {
width:100%;
margin:1px 0;
float:left;
}

.contact-us .wpcf7-checkbox span span {
width:auto;
float:left;
}

.contact-us input[type="checkbox"] {
width:auto;
margin-top:6px;
margin-right:5px;
padding:0;
}

.contact-us .button .clearTxt {
text-indent:0;
font-size:14px;
line-height:normal;
height:auto;
width:auto;
}

.contact-us .button {
width:100%;
padding:20px 0 0;
text-align:center;
display:inline-block;
}

.contact-us .button a,
.contact-us .button input {
width:80%!important;
height:40px!important;
background:#2e2e2e;
color:#fff;
font-size:17px!important;
display:inline-block;
float:none;
}

.contact-us .button a:hover,
.contact-us .button input:hover {
background-position:0 0;
}

.grecaptcha-badge{
margin-bottom:50px;
}

/* -------------------------
*    contact-us
* -------------------------- */


}


/**************************************************
***************************************************
width:[480px] or less.
***************************************************
**************************************************/

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

#siteId a {
padding-top:6%;
background-size:75% auto;
}

#sideBanner {
-webkit-column-count:2;
-moz-column-count:2;
column-count:2;
}

}

/**************************************************
***************************************************
width:[340px] or less.
***************************************************
**************************************************/

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

#headerSubNavi .clearTxt {
font-size:94%;
}

}