@charset "UTF-8";
/* widefull CSS Document */
/*body.body-single.widefull #main .widefull-padding {background-color:#FFFFCC;}*/
/*========================================

サイトTOP

========================================*/
.mainIndex.body-single.widefull .entry { overflow:hidden; margin-bottom:0; }
body.mainIndex.body-single #content-m { margin-top:0!important; }
/*======================================

#eyecatch-img
	
=======================================*/
/* #eyecatch-img */
#eyecatch-img { width: 100%; height: auto; max-height: 750px; position: relative; text-align: center; overflow: hidden; }
/* #eyecatch-img img */
#eyecatch-img img { width: auto; max-width: 1400px; height: auto; display: block; margin-left: auto; margin-right: auto; }

/* 1400px未満の表示 */
@media screen and (max-width: 1400px) {
/* #eyecatch-img img */
#eyecatch-img img { width: 100%; }

}

/*　タブレット指定　*/
@media screen and (max-width: 1200px) {
/* #eyecatch-img */
#eyecatch-img { width: 100%; /*height: 500px; max-height: 600px;*/ margin-left: auto; margin-right: auto; position: relative; overflow: hidden; }
}
/*　スマートフォン表示　*/
@media screen and (max-width: 780px) { 
/* #eyecatch-img */
#eyecatch-img { /*max-height: 220px;*/ }
#eyecatch-img .txt-copy { margin-left:1em; }
#eyecatch-img .eyecatch-contents {/* 上下センターに表示させる要素 */top: 47%;}
}
/*--------------------------------------


#contentsTop-navi


---------------------------------------*/
/* #contentsTop-navi */
#contentsTop-navi {
position: relative; -webkit-box-sizing: border-box; box-sizing: border-box;
}
/* #contentsTop-navi .contentBox */
#contentsTop-navi .contentBox {
width: 80%; margin-left: auto; margin-right: auto;
}
/* .flex-box */
#contentsTop-navi .flex-box {
position: relative; margin-top: -50px!important; z-index: 2!important;
}
/* flex-box03 .item / flex-box03 .box */
#contentsTop-navi .flex-box03 .item, #contentsTop-navi .flex-box03 .box {
width: 27%!important; /* なぜか#contentsTop-navi box の３段組みの値 */
padding: 40px 2.9661% 34px;
}
/* img.icon */
#contentsTop-navi .box img.icon {

}
/* title */
#contentsTop-navi .flex-box .box .title {
font-size: 18px; font-weight: bold; line-height: 1; margin-top: 1em!important; margin-bottom: 0; padding: 0!important; border-bottom: none!important;
}
/* img + .title */
/*#contentsTop-navi .flex-box .box.item img + .title {
margin-top: 1em !important;
}*/


/* タブレット以上の表示 */
@media screen and (min-width: 960px) {
/* img.icon */
#contentsTop-navi .box img.icon {
width: auto; height: 100px;
}

}

/*　1px - 960px　*/
@media screen and (max-width:1000px) {
/* #contentsTop-navi .contentBox */
#contentsTop-navi .contentBox { width: 100%; margin-left: none; margin-right: none; }
}

/*　770px - 999px　*/
@media screen and (min-width:770px) and (max-width:999px) {
/* .flex-box */
#contentsTop-navi .flex-box { position: relative; margin-top: -30px!important; }
/* flex-box03 .item / flex-box03 .box */
#contentsTop-navi .flex-box03 .item, #contentsTop-navi .flex-box03 .box { padding: 30px 2.9661% 25px; }
/* img.icon */
#contentsTop-navi .box img.icon { width: auto; height: 86px; }
/* title */
#contentsTop-navi .flex-box .box .title { font-size: 17px!important; margin-top: 0.9em!important; }
}


/*　480px - 768px　*/
@media screen and (min-width:480px) and (max-width:769px) {
/* .flex-box */
#contentsTop-navi .flex-box { position: relative; margin-top: -25px!important; }
/* item / box */
#contentsTop-navi .flex-box03 .item, #contentsTop-navi .flex-box03 .box { /*padding: 20px 2.9661% 18px;*/ padding: 30px 2.9661% 25px; }
/* img.icon */
#contentsTop-navi .box img.icon { width: auto; height: 66px; }
/* title */
#contentsTop-navi .flex-box .box .title { font-size: 16px!important; margin-top: 0.9em!important; }
}

/*　341px - 479px　*/
@media screen and (min-width:341px) and (max-width:479px) {
/* .flex-box */
#contentsTop-navi .flex-box { position: relative; margin-top: -15px!important; }
/* item / box */
#contentsTop-navi .flex-box03 .item, #contentsTop-navi .flex-box03 .box { /*padding: 18px 2.9661% 15px;*/ padding: 23px 2.9661% 20px; }

/* flex-box03 .item / flex-box03 .box */
#contentsTop-navi .flex-box03 .item, #contentsTop-navi .flex-box03 .box {
width: 27%!important; /* なぜか#contentsTop-navi box の３段組みの値 */
}
/* img.icon */
#contentsTop-navi .box img.icon { width: auto; height: 50px; }
/* title */
#contentsTop-navi .flex-box .box .title { font-size: 15px!important; margin-top: 0.6em!important; }
}

/*　1px - 340px　*/
@media screen and (min-width:1px) and (max-width:340px) {
/* .flex-box */
#contentsTop-navi .flex-box { margin-top: -25px!important; }
/* flex-box03 .item / flex-box03 .box */
#contentsTop-navi .flex-box03 .item, #contentsTop-navi .flex-box03 .box {
width: 30%!important; /* なぜか#contentsTop-navi box の2段組みの値 */
}
/* item / box */
#contentsTop-navi .flex-box03 .item, #contentsTop-navi .flex-box03 .box { padding: 18px 2.9661% 14px; }
/* img.icon */
#contentsTop-navi .box img.icon { width: auto; height: 50px; }
/* title */
#contentsTop-navi .flex-box .box .title { font-size: 14px!important; margin-top: 0.5em!important; }
}

/*--------------------------------------
NEWS
---------------------------------------*/
/* タイトル */
#sitetop-news .title { color: #00AF90 !important; font-size: 1.375em; font-weight: bold; padding: 1.5em 0!important; border-top: 3px solid #00AF90; display: block; border-bottom: none; margin-bottom: 0; }
#sitetop-news .title::after { border-bottom: none; }
/* リスト */
/*#sitetop-news dl {margin-top:0; }
#sitetop-news .dtdd-table-rs dt { width: 25%; }
#sitetop-news .dtdd-table-rs dd { padding-left: 32% !important;}*/
/*　スマートフォン表示　*/
@media screen and (max-width: 1000px) {
/*#sitetop-news .dtdd-table-rs dt { width: 100%; }
#sitetop-news .dtdd-table-rs dd { padding-left: 0% !important;}*/
}

/*--------------------------------------
#sitetop-recruit
---------------------------------------*/
/* PC指定 */
/*@media screen and (min-width: 1200px) {*/
@media screen and (min-width: 960px) {
#sitetop-recruit, #sitetop-recruit .col2Box-R { /*height:500px;*/ }
/* col2Box-Rを斜めに */
#sitetop-recruit .col2Box-R {
/*transform:skewX(25deg); overflow:hidden;*/
}
#sitetop-recruit .col2Box-R img{
/*transform:skewX(-25deg) ; margin-left:-140px;*/
}
}
/*　スマートフォン表示　*/
@media screen and (max-width: 768px) {
#sitetop-recruit .col2Box-L { padding:50px 0!important; }
#sitetop-recruit .contentBox.pad5per { padding: 8%!important; }
}
.swiper-button-prev, .swiper-button-next {
position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; -moz-background-size: 27px 44px; -webkit-background-size: 27px 44px; background-size: 27px 44px; background-position: center; background-repeat: no-repeat;
}
/*--------------------------------------
#sitetop-aboutus
---------------------------------------*/
#sitetop-aboutus .contentsBox .midashi, #main #sitetop-aboutus h3.midashi, #sitetop-aboutus .contentsBox .midashi-small, #sitetop-aboutus .contentsBox p { text-align:left!important;}
#sitetop-aboutus .midashi { margin-bottom:0px!important; }
#sitetop-aboutus .txt-copy-biger { margin-top:30px; }
/*========================================

追加CSS

========================================*/
/* .subtitle +.txt-copy-biger */
.subtitle +.txt-copy,
.subtitle +.txt-copy-big,
.subtitle +.txt-copy-biger { margin-top:0!important; }
/* .txt-copy-biger +.txt-copy-biger */
.txt-copy +.subtitle,
.txt-copy-big +.subtitle,
.txt-copy-biger +.subtitle { margin-top:0!important; }
/* .subtitle.second */
.subtitle.second { color: #333333!important; margin-top:0; }
/* 画像を下へ */
.posi-under70 { position:relative; bottom:-70px; }
/*　スマートフォン表示　*/
@media screen and (max-width: 1000px) {

}
/*--------------------------------------
背景画像
---------------------------------------*/
.backImg-recruit-eyecatch {
background: url(../images/eyecatch/recruit-eyecatch.jpg) no-repeat scroll center bottom;
-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;-o-background-size: cover;
}
/*　PC指定　*/
@media screen and (min-width: 1000px) {
.body-single.widefull .widefull-entry .img-left,.body-single.widefull .widefull-entry .img-right { margin-top:0; margin-bottom:0; }
}
/*--------------------------------------
common-b.css　追加
---------------------------------------*/
body.body-single.widefull { margin:0; }
/*.body-single.widefull .widefull-entry { overflow:hidden; }*/
/*　スマートフォン表示　*/
@media screen and (max-width: 1000px) {
.body-single.widefull .smp-widefull-padding {padding-top:60px!important; padding-bottom:60px!important; padding-left: 10px!important; padding-right: 10px!important;}
}
/*contact */
.body-single.widefull #rfq-contact-info .widefull-entry-inner {
padding-top:90px!important; padding-bottom:90px!important;
}
#main #rfq-contact-info .midashi, #main #rfq-contact-info .midashi-small { text-align:left; color:#FFFFFF; margin-bottom:0!important; }
#rfq-contact-info .tel, #rfq-contact-info .subtitle, #rfq-contact-info .telephone-time { color:#FFFFFF; }
#rfq-contact-info #contact-info, #suggestion #contact-info {background:none; }
#contact-info .col2Box-L, #contact-info .col2Box-R { text-align:center; }
#contact-info .subtitle { font-weight:bold; }
#contact-info .tel-number-img.img-center,#contact-info ul {margin:0!important;}
#contact-info ul.bottonlink li.borderBtn a {border-width: 2px;}
#contact-info ul.bottonlink li,#contact-info ul.bottonlink li a {
display:inline-block;width: 314px!important;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;
}
/*　スマートフォン表示　*/
@media screen and (max-width: 1000px) {
#main #rfq-contact-info .midashi, #main #rfq-contact-info .midashi-small { text-align:center; }
}
/*--------------------------------------
アイキャッチ画像の横スライド　bxslider
---------------------------------------*/
#eyecatch-slider {
width:100%;
/*max-width:1260px;*/
margin-left:auto;
margin-right:auto;
position: relative;
overflow: hidden;
}

#eyecatch-slider li {
height: 600px;
max-height: 600px;
padding-left:0em;
}

#eyecatch-slider li img {
width: 100%!important;
position: absolute;
/*display: block;*/
display:block;
height: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}

/*--------------------------------------
コンテンツ記事の横スライド　swiper
---------------------------------------*/
/*.swiper, .boxColumn.swiper { position:relative!important; }*/
.swiper { position:relative!important; }
.boxColumn.swiper-container { margin-right:0%!important; /*overflow:inherit;*/ }
.swiper-container { width: 100%; height: 100%; }
.swiper-slide {
/*text-align: center;*/
background: #fff;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: left!important;
-ms-flex-pack: left!important;
-webkit-justify-content: left!important;
justify-content: left!important;
-webkit-box-align: left!important;
-ms-flex-align: left!important;
-webkit-align-items: left!important;
align-items:left!important;
}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0px; }
.swiper-button-box { position:relative; }
.swiper-button-next, .swiper-button-prev { position: absolute; top: 32%!important; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: -40px!important; left: auto; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: -40px!important; right: auto;}
/*　スマートフォン表示　*/
@media screen and (max-width: 768px) {
.swiper-button-next, .swiper-button-prev { display:none!important; background:none; }
}
/*--------------------------------------
#sitetop-iryou
---------------------------------------*/
/*#sitetop-iryou { }
#sitetop-iryou .swiper-button-next,
#sitetop-iryou .swiper-button-prev {
top: 43% !important;
}*/

.swiper { }
.swiper .swiper-button-next,
.swiper .swiper-button-prev {
top: 43% !important;
}