@charset "utf-8";
/* CSS Document */
/*共通*/

body{display:none;}
.pc{display:none!important;}
.sp{display:block;}
body {color:#000;background:#fff;}
body{font-family: "Noto Sans JP","ヒラギノ角ゴ Pro W3","メイリオ","Mayryo ","ＭＳ Ｐゴシック","MS PGothic",sans-serif;color:#333;line-height:1.5;font-size:15px;}
img{width:100%;height:auto;}
.tcenter {text-align: center;}
.tright {text-align: right;}
table {width: 100%;}

/*共通設定*/
.komoji{letter-spacing: 1px;}


.titles01 {margin-bottom: 10px;font-size: 21px;line-height: 1.6;}
.titles01,.titles01 h2,.titles01 h3{font-weight:400;}

.title-u{margin-bottom:20px;}
.title-u h2{display:inline-block;background:url(../img/common/title-line01.png) repeat-x center bottom;padding-bottom: 20px;}

.titles02 {text-align:center;font-size:28px;line-height: 1.3;letter-spacing: 3px;margin-bottom: 15px;}
.titles02,.titles02 h2,.titles02 h3{font-weight: 400;}
.titles02 .komoji{font-size:14px;display:block;}

.titles03 {font-size: 21px;}
.titles03,.titles03 h2,.titles03 h3{font-weight:400;}

.titles04 {font-size: 21px;margin-bottom:10px;}
.titles04,.titles04 h2,.titles04 h3{font-weight:800;}


.btn01{width:100%;height:50px;display:table;}
.btn01 a{display:table-cell;border:solid 1px #f5ad00;background:#f5ad00;color:#fff;text-align:center;vertical-align:middle;text-decoration:none;position:relative;font-size:18px;}


#main-slider,.slideBox-list{opacity: 0;transition: opacity .3s linear;}
#main-slider.slick-initialized,.slideBox-list.slick-initialized{opacity: 1;}

/*明朝ウェブフォント*/
.min,.min p,.min h1,.min h2,.min h3,.min h4,.min h5,.min a,.min li,
.min dl,.min dt, .min dd {font-family:"Sawarabi Mincho","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro";}


.bold {
	font-weight:bold;
}
.red {
	color:#ff0000;
}
.blue {
	color: #2da4de;
}
span.blue02{color:#347ca0;}
.red02{color:#cc0000;}
.wrap{position:relative;}

/*header
---------------------------------------------------------------*/
#header_sp {position:fixed;width:100%;z-index:100;top:0;background:#fff;box-shadow: 0 0 3px rgba(0,0,0,0.2);}
.header-inner {padding:5px calc(4% + 50px) 5px 4%;height: 60px;}
.header-inner p {font-size:9px;line-height:1.2;}
p.head-text {height: 24px;margin-bottom: 3px;}
.header-inner h1 {float:left;margin-right:3px;}
.header-inner h1 a {display: block;width: 230px;height: 53px;background: url(../img/common/logo.jpg) no-repeat center left;background-size: contain;}
.header-inner h1 a span{display:none;}
.header-inner a{text-decoration:none;}
span.head-text-sp {display: block;font-size: 10px;}

.logo02 {margin-left: 53px;margin-top: 8px;}
.head-title {display: block;font-weight: 500;color: #d20b10;padding-top:7%;background:url(../img/common/sp-logo.png) no-repeat;background-size:contain;margin-top: 5px;}
.head-title span{display:none;}
div#header-info {box-shadow: 0 3px 7px rgba(0,0,0,0.2);}


div#header-info ul li {float:left;width:50%;text-align:center;height:31px;display:table;border-right: solid 1px#fff;background: #f5ad00;}
div#header-info ul li:last-child{border-right:0;}
div#header-info ul li a {display: table-cell;vertical-align: middle;text-decoration: none;color: #fff;font-size: 14px;}
div#header-info ul li a span {display: inline-block;}

div#sp-head-tel {position: absolute;z-index: 101;right: 62.8px;top: 8px;}
div#sp-head-tel a {display:block;width:45px;height:45px;background:url(../img/common/sp-tel.jpg) no-repeat;background-size:contain;}
div#sp-head-tel a span{display:none;}



div#contents {
    padding: 0;
}
div#container h2 {
    background: #46a5d1;
    font-size: 16px;
    color: #fff;
    line-height: 20px;
    padding: 5px 10px;
    border-radius: 5px;
}



a {
    color: #333;
}

.text_big01{font-size: 16px;font-weight: bold;margin-bottom:15px;text-align:center;}
/* main */
/*-------------------------------------------*/

div#main-slider{margin-bottom:0!important;}
.m-slider{position:relative;}

.slide-img img {height: auto;width: 100vw;}

div#main-slider button.slick-arrow{width:30px;height:30px;z-index:2;opacity:0.7;}
div#main-slider button.slick-arrow:before{content:none;}
div#main-slider button.slick-arrow.slick-prev{background:url(../img/main/main-prev.png) no-repeat;background-size:contain;left:0;}
div#main-slider button.slick-arrow.slick-next{background:url(../img/main/main-next.png) no-repeat;background-size:contain;right:0;}

/*下層ページ*/
div#main{position: relative;margin-top: 91px;}
.home div#main{background:none;}
div#main-title{height:100px;width:100%;display:table;}
div#main-title > span{display:table-cell;text-align:center;vertical-align:middle;font-size: 20px;color: #fff;line-height: 1;font-weight: 400;
text-shadow: 1px 1px 7px rgba(0,0,0,0.5);}

.page-about #main{background:url("../img/main/main02.jpg") no-repeat center;background-size:cover;}
.page-service01 #main{background:url("../img/main/main03.jpg") no-repeat center;background-size:cover;}
.page-service02 #main{background:url("../img/main/main04.jpg") no-repeat center;background-size:cover;}
.page-service03 #main{background:url("../img/main/main05.jpg") no-repeat center;background-size:cover;}
.page-crecla #main{background:url("../img/main/main06.jpg") no-repeat center;background-size:cover;}
.page-faq #main{background:url("../img/main/main07.jpg") no-repeat center;background-size:cover;}
.page-staff #main{background:url("../img/main/main08.jpg") no-repeat center;background-size:cover;}
.page-performance #main,.single.single-works_data #main,
.archive.tax-w_cate #main{background:url("../img/main/main09.jpg") no-repeat center;background-size:cover;}
.page-company #main{background:url("../img/main/main10.jpg") no-repeat center;background-size:cover;}
.page-contact #main,
.page-thanks #main{background:url("../img/main/main11.jpg") no-repeat center;background-size:cover;}
.page-works #main{background:url("../img/main/main12.jpg") no-repeat center;background-size:cover;}
.page-voice #main{background:url("../img/main/main13.jpg") no-repeat center;background-size:cover;}
.page-entry #main,
.page-thanks02 #main{background:url("../img/main/main14.jpg") no-repeat center;background-size:cover;}
.page-blog #main,.archive.category #main,.single #main{background:url("../img/main/main15.jpg") no-repeat center;background-size:cover;}

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

div#footer {position: relative;}
div#fMap{}

ul#fnav-sp {border-bottom: solid 1px #666;}
ul#fnav-sp li > div > a {border:solid 1px #4b240c;display:block;padding:10px;
border-bottom:none;text-decoration:none;background:url(../img/common/fnav-arrow01.png) no-repeat right 10px center;background-size: 8px;}
ul#fnav-sp li > div.fsub{border:solid 1px #4b240c;display:block;padding:10px;
border-bottom:none;text-decoration:none;background:url(../img/common/fnav-arrow02.png) no-repeat right 10px center;background-size: 12px;}

ul#fnav-sp > li > ul {display: none;background: #fff;}
ul#fnav-sp > li > ul > li{}
ul#fnav-sp > li > ul > li a{border:solid 1px #4b240c;display:block;padding:10px;border-bottom:none;text-decoration:none;
background:url(../img/common/fnav-arrow01.png) no-repeat right 10px center rgba(204,204,204,0.8);background-size: 8px;}
ul#fnav-sp > li > ul > li:last-child a{border-bottom:none;}

div#ft-data {padding: 7% 4%;}
div#ft-logo{margin-bottom:10px;}
div#ft-logo h2{}
div#ft-logo h2 a {display: block;width: 280px;height: 55px;background: url(../img/common/logo.jpg) no-repeat;background-size: contain;}
div#ft-logo h2 a span{display:none;}
.ft-tel a{display:block;text-decoration: none;font-size: 35px;line-height: 1;margin-bottom: 5px;
margin-top: 15px;padding-left: 30px;background: url(../img/common/head-tel.png) no-repeat left center;
}

.ft-address {margin-bottom: 20px;}

div#ft-map-sp{height:200px;}
div#ft-map-sp iframe {width: 100%;height: 100%;}

ul#device-change{padding:10px 4%;}
ul#device-change li {text-align: center;background:#f5ad00;padding: 10px;color: #fff;}

li.ft-map{height:250px;}
li.ft-map > iframe{width:100%;height:100%}

.copyright{background:#00a1e5;padding: 5px 4%;}
.copyright p {font-size: 12px;padding: 3px 0 0 0;text-align:center;color:#fff;}

div#ftMap-sp{}
div#ftMap-sp iframe {width: 100%;height:200px;}

/* TOPへ戻る */
/*-------------------------------------------*/
div#scr {display: none!important;}
div#top-back a {display: block;height: 45px;background:url(../img/common/sp-page-top.png) no-repeat center #00a1e5	;background-size: 30%;}
div#top-back a span,div#top-back a img{display:none;}

div#top-link { position: absolute; left: 0;top: 0;z-index: -1;}
div#top-link span {display: none;}
/* CLEARFIX
=========================================== */

.cf:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	overflow: hidden;
	font-size: 0.1em;
	line-height: 0;
}
.cf {
	min-height: 1px;
}
* html .cf {
	height: 1px;/*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.flex{    width: 100%;
    margin: 0 ;
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}


/*sidebar*/

/* nav
=========================================== */

div#dl-menu {position:fixed;z-index:101;right:12.8px;top:8px;width:auto;}
ul.dl-menu {left: calc(-100vw + 57.8px );width: 80vw!important;top: -8px!important;height: 100vmax;overflow: auto;background: rgba(55,190,236,0.8)!important;}
.dl-menuwrapper > ul.dl-submenu{left: calc(-100vw + 57.8px );width: 80vw!important;top: -8px!important;}
div#dl-menu.dl-menuwrapper button {width: 45px;height: 45px;background: #f5ad00;background-size: contain;border: solid 1px #f5ad00;}
div#dl-menu.dl-menuwrapper button:after{content: '';position: absolute;width: 60%;height: 4px;background: #fff;top:13px;left: 20%;box-shadow: 0 8px 0 #fff, 0 16px 0 #fff;}
.dl-menuwrapper li {padding: 5px;}
div#dl-menu.dl-menuwrapper li a {padding: 10px;border: solid 1px #fff;text-decoration: none;}
ul.dl-menu {margin: 0!important;}
ul.dl-submenu {background: rgba(55,190,236,1)!important;}



ul.dl-menu.dl-menuopen.dl-subview {background: none!important;}
ul.dl-submenu {height: 100vmax;}
li.dl-subviewopen {padding: 0;}
.dl-menuwrapper li > a:after{color:#fff!important;line-height:42px!important;}
.dl-menuwrapper li.dl-back:after {right: 10px!important;color: #fff!important;}

li#closeBtn {padding: 10px;margin: 5px;text-align: center;background: #000;color: #fff;border:solid 1px rgba(255,255,255,0.8)}
li#closeBtn span{}


/*パンくず*/
div#bread {padding: 5px 4%;}
#bread ul li {display: inline-block;font-size:13px;}
ul.bread-list li a{font-size:13px;text-decoration:underline;}
ul.bread-list li a:hover{text-decoration:none;}
ul.bread-list li:after{content:">";margin-left:10px;margin-right: 5px;}
ul.bread-list li:last-child:after{content:none;}

ul.j-e {}
ul.j-e li:first-child{border-right:solid 1px #ccc;padding-right:10px;margin-right:5px;}
ul.j-e li a{font-weight:bold;}


/*ライトボックス設定*/
#fancybox-wrap { padding: 0!important;width: 100%!important;left: 0!important;}
div#fancybox-content {border:none;width: 92%!important;padding: 2%;margin: 2%;height: auto!important;}
div#fancybox-outer {background: none;}
#fancybox-close {position: absolute; top: 0!important;right: 0!important;}

/* aside */
/*-------------------------------------------*/

aside#aside01{padding:7% 4%;background:url("../img/top/top-bg02.jpg") no-repeat center top;background-size:cover;}
div#aside-title01{color:#fff;}
ul.btns-list01 > li{position: relative;width:100%;height:120px;overflow: hidden;margin-bottom:10px;}
ul.btns-list01 > li:last-child{margin-bottom:0;}
ul.btns-list01 > li a{display:block;text-decoration: none;}
.btns-list01-text {position: absolute;z-index: 2;top: 50%;left:0;transform: translateY(-50%);font-size:25px;font-weight: 500;}
li.list01 .btns-list01-text{width:100%;text-align: center;color:#767676;}
li.list02 .btns-list01-text{width:100%;text-align: center;color:#fff;text-shadow: 2px 2px 5px rgba(0,0,0,0.7);}
li.list03 .btns-list01-text{width:100%;text-align: center;color:#767676;}
ul.btns-list01{justify-content: space-between;}

ul.btns-list02{justify-content: space-between;margin-top:30px;}
ul.btns-list02 > li{width:100%;}


/* 無限スクロールボタン */
/*-------------------------------------------*/

.scnav {text-align: center;margin-top:30px;}
#more-button {width:250px;height:50px;border:solid 1px #f8730d;background:url(../img/common/page-more01.png) no-repeat right 10px center #f8730d;color:#fff;vertical-align:middle;text-decoration:none;
border-radius:5px;cursor:pointer;transition: 0.3s;text-align: left;padding-left: 20px;font-size: 16px;}



.scroller-status {display: none;  margin-top: 10px;}

.infinite-scroll-request {animation: scroll-request 1.1s infinite linear;border: 4px solid #00b8d4;
border-left: 4px solid #fff;border-radius: 50%;height: 48px;margin: auto;width: 48px;}

@keyframes scroll-request {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.infinite-scroll-last,
.infinite-scroll-error {
  color: #757575;
  text-align: center;
}


/*トップページ
=========================================== */

section#topBox01{padding:7% 4%;}
div#top-title01 br {display: none;}
ul.top-list01{position:relative;padding-top:1px;}
ul.top-list01 > li.left {padding: 10px;background: rgba(0,162,229,0.8);color:#fff;position: relative;
z-index: 2;}
ul.top-list01 > li.right{}

.top-text01 {color:#fff;}

section#topBox02 {padding:7% 4%;z-index: 2;}
ul.top-list02 {justify-content: space-between;}
ul.top-list02 > li {margin-bottom:20px;width:100%}
ul.top-list02 > li:ast-child {margin-bottom:0;}

ul.top-list02 > li a{display:block;text-decoration: none;width:100%;padding:15px 10px;text-align: center;
	background: -webkit-linear-gradient(131deg, rgb(23, 171, 231) 50%, rgb(51, 181, 234) 50%);
    background: linear-gradient(131deg, rgb(23, 171, 231) 50%, rgb(51, 181, 234) 50%);
color:#fff;}
.top-list02-img {margin: 15px 0;}
.top-list02-img img{width:auto;max-width: 100%;}
.top-list02-text {}

section#topBox03{padding:7% 4%;background:#eeeeee;}

ul.top-list03 {justify-content: space-between;}
ul.top-list03 > li {margin-bottom:20px;width:100%}
ul.top-list03 > li:last-child {margin-bottom:0;}

ul.top-list03 > li a{display:block;text-decoration: none;width: 100%;padding:15px 10px;text-align: center;
	background: -webkit-linear-gradient(151deg, rgb(23, 171, 231) 50%, rgb(51, 181, 234) 50%);
    background: linear-gradient(151deg, rgb(23, 171, 231) 50%, rgb(51, 181, 234) 50%);
color:#fff;}
.top-list03-img {}
.top-list03-img img{width:auto;max-width: 100%;}


section#topBox04{padding:7% 4%;background:url("../img/top/top-bg01.jpg") no-repeat center top;background-size:cover;}
div#top-title04 {color: #fff;}
ul.top-list04{justify-content: space-between;}
ul.top-list04 > li{width:100%;margin-bottom:40px;}
ul.top-list04 > li:last-child{margin-bottom:0;}

.top-list04-img{margin:2px 5% 0;}
.top-list04-title {width: 100%;height: 52px;display: table;font-size: 23px;color: #fff;margin-bottom: 5px;}
.top-list04-title > h3{display:table-cell;text-align: center;vertical-align: middle;font-weight: 400;}
.top-list04-text{color:#fff;}

div#topBox05{padding:7% 4%;background:#eeeeee;}
article.slideBox-cont {position:relative;}
article.slideBox-cont a{display:block;text-decoration:none;}
article.slideBox-cont a:hover{opacity:0.7;}
.slide-cate {background: rgba(0,0,0,0.8);position: absolute;left: 0;top: 0;z-index: 2;text-align: center;
color: #fff;font-size: 14px;padding: 2px 5px;min-width: 80px;}
.slideBox-img {margin-bottom: 5px;}
div#topBox05 .btn01 {margin: 30px auto 0;}

section#topBox06{padding:7% 4%;}

ul.top-list05{justify-content: space-between;}
ul.top-list05 > li.left{width:100%;}
ul.top-list05 > li.right{width:100%;margin-top:10px;}

div#top-title06 {text-align: left;margin-bottom: 15px;}
.newsBox {height: 250px;overflow: auto;}
article.top-news{border-bottom:solid 1px #434343;}
.date01 {width: 110px;}
.top-news-cont {width: calc(100% - 110px);}
article.top-news > div{padding:20px 0;}


.slideBox-list button.slick-prev.slick-arrow{left:0;z-index: 2;}
.slideBox-list button.slick-next.slick-arrow{right:0;z-index: 2;}


/*02 アイシンテクノスについて
=========================================== */
.p02-text01 {lmargin-top: 20px;}

#p02Box02{padding:7% 4%;background:url("../img/p02/p02-bg01.jpg") no-repeat center top;background-size:cover;}
#p02Box02 .trigger {top: 300px;}
div#p02-title01 {color: #fff;}

ul.p02-list01 > li.img{}
ul.p02-list01 > li.cont{padding:15px 10px;background:#fff;}
section.about{margin-bottom:30px;}
section.about:last-child{margin-bottom:0;}

div#p02-title02 {color: #fff;margin-bottom: 30px;}

.p02-text03 {text-align: center;padding-top: 20px;font-size: 16px;line-height: 1.8;margin-bottom: 15px;}

/*03 衛生害虫対策
=========================================== */
section#p03Box01{padding:7% 4%;}
div#p03-title01 {text-align: center;margin-bottom: 20px;}
ul.p03-list01 {justify-content: space-between;margin-bottom:30px;}
ul.p03-list01 > li {}

ul.p03-list01 > li {display:block;text-decoration: none;width: 100%;padding:15px 10px;text-align: center;
	background: -webkit-linear-gradient(128deg, rgb(23, 171, 231) 50%, rgb(51, 181, 234) 50%);
    background: linear-gradient(128deg, rgb(23, 171, 231) 50%, rgb(51, 181, 234) 50%);
color:#fff;margin-bottom:20px;}
ul.p03-list01 > li:last-child{margin-bottom:0;}
.p03-list01-title {display: table;width: 100%;height: 50px;}
.p03-list01-title h3{display:table-cell;text-align: center;vertical-align: middle;font-size:25px;font-weight: 400;line-height: 1.1;}
.p03-list01-img {margin: 8px 0;}
.p03-list01-img img{width:auto;max-width: 100%;}
.p03-list01-text {line-height: 1.8;padding: 0 10px;text-align: left;}

ul.p03-list02 > li.title{margin-bottom: 10px;}
ul.p03-list02 > li.title br{display:none;}
ul.p03-list02 > li.img{}
ul.p03-list02 > li.text{}

section#p03Box02{padding:7% 4%;background:#eeeeee;}
section#p03Box03{padding:7% 4%;}

.p03-checkBox {border: solid 1px #eee;background: #fff;padding: 10px;
margin-bottom: 50px;}
.p03-checkBox > h3 {font-size: 20px;text-align: center;font-weight: 400;margin-bottom: 10px;}

ul.p03-check-list > li {font-size: 16px;padding-left: 24px;margin-bottom: 15px;
background: url(../img/p03/p03-check.png) no-repeat left top 5px;background-size: 15px;}
span.uline-b{background:url("../img/p03/p03-uline.jpg") repeat-x left bottom -3px;}

.p03-flow{margin-top:30px;}
.p03-flow tr{margin-bottom: 5px;display: block;}
.p03-flow th,.p03-flow td{padding:10px;color:#fff;display: block}
.p03-flow th{background:#33b5ea;font-weight: 400;font-size:20px;
	line-height: 1.2;}
.p03-flow td{background:#16a2da;padding-left: 15px;line-height: 1.8;}
.p03-flow th .komoji {font-size: 18px;display: inline-block;}
.p03-flow th br{display:none;}
.p03-flow th .num{}



div#p03Box04{padding:7% 4%;background:url("../img/p03/p03-bg03.jpg") no-repeat center top;background-size:cover;}
.p03-cont01 {padding:10px;background: #fff;}
.p03-text01{font-size:18px;}

section#p03Box02 .trigger,section#p03Box03 .trigger{top:300px;}

/*04 食品害虫対策・異物調査
=========================================== */
section#p04Box01{padding:7% 4%;}

section#p04Box02{padding:7% 4%;background:#eeeeee;}
section#p04Box03{padding:7% 4%;}

.p04-notice01 {padding:10px;background: #fff;margin-top: 30px;}
.p04-text01{font-size:18px;}

ul.p03-check-list.p04v{justify-content: space-between;}
ul.p03-check-list.p04v > li {width: 100%;}
.p04-sub01 {text-align: center;margin: 20px 0 10px;font-size:20px;}
.p04-sub01 h3{font-weight:500;}


.p04-flow{}
.p04-flow tr{margin-bottom: 5px;display: block;}
.p04-flow th,.p04-flow td{padding:10px;color:#fff;display: block}
.p04-flow th{background:#33b5ea;font-weight: 400;font-size:20px;
	line-height: 1.2;}
.p04-flow td{background:#16a2da;padding-left: 15px;line-height: 1.8;}
.p04-flow th br{display:none;}


/*05 建造物害虫対策・外来種生物対策
=========================================== */
section#p05Box01{padding:7% 4%;}
section#p05Box02{padding:7% 4%;background:#eeeeee;}
section#p05Box03{padding:7% 4%;}

ul.p03-check-list.p05v > li {width:100%;}


/*06 クリクラ
=========================================== */
section#p06Box01{padding:7% 4%;}

ul.p06-list01{justify-content: space-between;margin-bottom:40px;}
ul.p06-list01 > li{width:100%;margin-bottom:30px;}
ul.p06-list01 > li:last-child{margin-bottom:0;}

.p06-list01-title {width: 100%;background: #5896d1;border-radius: 20px;margin-bottom: 10px;padding:10px;}
.p06-list01-title > div{text-align: center;}
.p06-list01-title > div img{width:auto;max-width: 100%;height:80px;}
.p06-list01-title > div h3 {color: #fff;font-size: 18px;font-weight: 400;margin-top: 10px;}

.p06-list01-text {}
.p06-cont01 {position: relative;}

ul.p06-list02 > li.img {}
ul.p06-list02 > li.text01{background:#33b5ea;padding:10px;color: #fff;}

.p06-reason {font-size: 15px;color: #4b4b4b;text-align: center;padding: 10px 10px 20px;}

section#p06Box02{padding:7% 4%;}

ul.p06-list03{justify-content: space-between;}
ul.p06-list03 > li{position: relative;width:100%;padding: 10px;margin-bottom: 20px;background: #eee;}

ul.server01 > li.img {text-align: center;margin-bottom:10px;}
ul.server01 > li.img img{width:auto;max-width: 100%;}
ul.server01 > li.cont {padding:10px;background:#fff;}
ul.server02 > li.img{text-align: center;margin-bottom:10px;}
ul.server02 > li.img img{width:auto;max-width: 100%;}
ul.server02 > li.cont {padding:10px;background:#fff;}

table.serverTBL tr{border-bottom:solid 1px #eee;}
table.serverTBL tr:last-child{border-bottom:none;}
table.serverTBL th{font-weight: normal;width: 90px;}
table.serverTBL th,table.serverTBL td{padding:5px 0;}

.p06-sub{padding-bottom: 5px;background:url("../img/p06/p06-line01.jpg") no-repeat left bottom,url("../img/p06/p06-line02.jpg") repeat-x left bottom;
margin-bottom: 10px;}
.p06-sub h3{font-size:26px;font-weight: 500;}

.p06-text02 {line-height: 1.6;}

section#p06Box03{padding:7% 4%;background:url("../img/p06/p06-bg01.jpg") no-repeat center top;background-size:cover;}
ul.p06-list04{margin-top:30px;}

ul.p06-list04{justify-content: space-between;}
ul.p06-list04 > li.left{width:100%;margin-bottom:10px;}
ul.p06-list04 > li.right{width:100%;}

ul.p06-list04 > li.right .btn01{margin:20px 0 0 ;}

.p06-cont02 {padding:15px 10px;background: rgba(0,162,229,0.5);color: #fff;}
.p06-cont02 h3{font-size:20px;font-weight: 400;line-height: 1;margin-bottom:10px;}
.p06-cont02 h4{font-weight: 400;}


/*07 よくある質問
=========================================== */
section#p07Box01{padding:7% 4%;}
section#p07Box02{padding:7% 4%;}

article.faqBox {margin-bottom: 14px;}
.q-text {padding:10px 30px 10px 10px;position:relative;cursor: pointer;background:url("../img/p07/p07-title-bg.jpg") no-repeat center;background-size:cover;color:#fff;}
.q-text h3{font-weight:400;font-size:18px;}
.q-text h3 .q-mark{display: inline-block;margin-right:15px;}
.q-text:before {content: "＋";position: absolute;height: 30px;right: 10px;top: 0;bottom: 0;margin: auto 0;font-size: 20px;
width: 30px;text-align: center;line-height: 27px;border: solid 2px #fff;border-radius: 5px;}
.q-text.on:before{content:"－";}
.a-text{display:none;padding-top:3px;padding-bottom: 20px;}

div#p07-btnBox{padding:7% 4%;background:url("../img/p07/p07-bg02.jpg") no-repeat center top;background-size:cover;}

div#p07-btnBox li.list01 .btns-list01-text {
left: 30px;color: #fff;text-shadow: 2px 2px 5px rgba(0,0,0,0.7);text-align: left;}
div#p07-btnBox li.list03 .btns-list01-text {
left: 30px;color: #fff;text-shadow: 2px 2px 5px rgba(0,0,0,0.7);text-align: left;}

/*08 スタッフ紹介
=========================================== */
div#p08Box01{padding:7% 4%;}

article.staffBox{margin-bottom:40px;}
article.staffBox:last-child{margin-bottom:0;}
ul.staff-data{position:relative;}
ul.staff-data > li.img{}
ul.staff-data > li.cont{padding:15px 10px;background:rgba(26,152,212,0.8);position: relative;}

article.staffBox:nth-child(2n) ul.staff-data > li.img{left:auto;top:0;right: 0;}
article.staffBox:nth-child(2n) ul.staff-data > li.cont{float:left;}

.staff-name {color: #fff;padding-bottom: 10px;border-bottom: solid 3px rgba(26,152,212,0.8);margin-bottom: 15px;align-items: baseline;}
.staff-post {font-size: 15px;margin-right: 10px;}
.staff-name > h2{font-size:25px;font-weight: 800;}
.staff-text{color:#fff;}
.staff-text h3 {font-size: 18px;margin-bottom: 5px;}


/*09 実績紹介
=========================================== */
div#two-content {padding:7% 4%;}

div#blog-main{margin-bottom:30px;}
article.blogs {width: 100%;margin: 0 0 40px 0;position:relative;}
article.blogs:last-child{margin-bottom:0;}
article.blogs a{text-decoration:none;background:#fff;position:relative;height: 100%;}

.blogs-img{width:100%;}
.blogs-info {align-items: center;position:absolute;left:0;top:0;z-index: 2;}
.blogs-cont{width:100%;padding:15px 10px;background:#eeeeed;}

div#blog-side{}

.cate-name {padding: 0 5px;min-width: 70px;text-align: center;background: rgba(25,152,212,0.8);
color: #fff;font-size: 15px;height: 25px;line-height: 25px;margin-right: 10px;}
.blog-list {margin-bottom: 50px;}

article.blogs .blogs-title h2 {font-weight: bold;font-size: 18px;}

/*サイドバー*/
.sideBox {}
ul.sideBox > li{margin-bottom:10px;background:#eeeeed;position:relative;padding:20px 15px 15px;}
ul.sideBox > li:before{content:"";display:block;width:300px;height:3px;background:#1998d4;position:absolute;
left:0;right:0;top:0;margin:0 auto;}

ul.sideBox > li h2.widgettitle {text-align: center;font-size: 30px;font-weight: 500;color: #4a4949;position:relative;}
ul.sideBox > li#custom-post-type-recent-posts-2 h2.widgettitle:after{content:"更新情報";display:block;font-size:15px;}
ul.sideBox > li#custom-post-type-categories-2 h2.widgettitle:after{content:"カテゴリー";display:block;font-size:15px;}
ul.sideBox > li > ul > li{border-bottom:solid 1px #030000;position: relative;padding:15px 0;}
ul.sideBox > li > ul > li:last-child{border-bottom:none;padding-bottom:0;}

ul.sideBox > li#custom-post-type-recent-posts-2 > ul > li{padding-top:30px;}
span.post-date{position:absolute;left:0;top:5px;}

/*ページャー*/

.wp-pagenavi {text-align: center;margin-top: 30px;}
.wp-pagenavi a, .wp-pagenavi span {font-size:17px;border: solid 1px #c0bfbf!important;color: #c0bfbf!important;padding: 5px 11px!important;margin: 5px!important;    display: inline-block;}
.wp-pagenavi a:hover, .wp-pagenavi span.current,span.pages {background: #1998d4;color:#fff!important;border: solid 1px #c0bfbf!important;}

span.pages {display: none;}


/*10 会社概要
=========================================== */
.page-company div#main-title > span {text-shadow: none;color: #030000;}

div#p10Box01{padding:7% 4%;}
ul.p10-list01{justify-content: space-between;margin-bottom:50px;}
ul.p10-list01 > li{width:100%;}

.TBL01{}
.TBL01 tr{border-bottom:solid 1px #030000;}
.TBL01 th,.TBL01 td{padding:15px 0;vertical-align: middle;}
.TBL01 th{width: 100px;}
.TBL01 td{}

ul.p10-list02 > li {width: 32%;margin: 0 2% 2% 0;}
ul.p10-list02 > li:nth-child(3n){margin-right:0;}

/*11 お問い合わせ
=========================================== */
section#p11Box01{padding:7% 4%;}
.p11-cont01{padding:15px 10px;background:#1998d4;color:#fff;}
div#p11-title01{text-align:center;padding-bottom:10px;margin-bottom:10px;border-bottom:solid 1px #fff;}

ul.p11-list01 {justify-content: center;align-items: center;}

ul.p11-list01 > li.left {margin-right: 20px;}
.p11-tel a{display:block;padding-left:30px;font-size:30px;background:url("../img/p11/p11-tel.png") no-repeat left center;background-size:30px;text-decoration:none;color:#fff;}
.p11-bh p:last-child {margin-left: -10px;}

section#p11Box02{padding:7% 4%;}
.p11-text01 {line-height: 2;}

.p11-cont02 {margin-top: 20px;padding: 15px 10px;background: rgba(25,152,212,0.2);margin-bottom: 20px;}
.p11-sub{text-align: center;font-size:21px;margin-bottom:10px;}
.p11-sub h3{font-weight: 500;}

.p11-text02 {}

ul.p11-notice{margin-bottom:20px;}
ul.p11-notice > li.left{float:left;}
ul.p11-notice > li.right{float:right;}

.contactTBL{}
.contactTBL tr{border-bottom:solid 1px #030000;}
.contactTBL tr:last-child{border-bottom:none;}
.contactTBL th,.contactTBL td{vertical-align: middle;padding:10px 0;display:block;}
.contactTBL th{}
.contactTBL td{}

input.wpcf7-text {height: 26px;width: 100%;font-size: 16px;}
.contact-submit {justify-content: center;margin-top: 10px;}

input.btn04{width:200px;height:50px;cursor: pointer;border:solid 1px #f5ad00;background:#f5ad00;color:#fff;text-align:center;vertical-align:middle;osition:relative;font-size:18px;}
input.btn04:hover{opacity:0.7;}

input.btn04.wpcf7c-elm-step2.wpcf7c-btn-back{margin-bottom:10px;}

div.wpcf7 .contact-submit .ajax-loader {
display: block;margin: 10px auto 0;text-align: center;width: 100%;
background-repeat: no-repeat;background-position: center;
}

.ppBox{margin-top:30px;border: solid 1px #030000;padding: 15px 10px;}
.ppBox > div{height:250px;overflow: auto;}

.ppBox h3 {font-size: 24px;font-weight: 500;line-height: 1;margin-bottom: 15px;}
.ppBox h4{font-size:20px;font-weight:400;}

/*完了ページ*/
section#p100Box01 {padding: 7% 4%;}

.thanks-text h3 {font-size: 24px;font-weight: normal;margin-bottom: 32px;}
.v-back{margin:30px auto 0;text-align:center;width: 100%;}
.page-thanks div#top-back {display: none;}


/*12 お仕事紹介
=========================================== */
.page-works div#bread {height: 0;z-index: 1;position: relative;padding: 0;top: 5px;}
section#p12Box01{padding:calc(7% + 30px) 4% 7%;background:url("../img/p12/p12-bg01.jpg") no-repeat center top;background-size:cover;}

div#p12-title01 {text-align: center;margin-bottom: 30px;}

.p12-cont01{background:url("../img/p12/p12-img00.png") no-repeat center top;padding-top:63.97%;background-size:contain;}
.p12-cont01 > div,
.p12-cont01 > ul{display:none;}

section#p12Box02{padding:7% 4%;}

ul.p12-list02 {margin-bottom: 50px;position: relative;padding-top: 1px;}
ul.p12-list02:last-child{margin-bottom:0;}

ul.p12-list02 > li.img{}

ul.p12-list02 > li.cont{padding:15px 10px;position:relative;z-index: 2;background:rgba(0,162,229,0.8);
	color:#fff;}

.p12-list02-title{padding-left:75px;margin-bottom:25px;position:relative;}
.p12-list02-title h3 {font-size: 30px;font-weight: 400;}
.p12-list02-title .eng {font-size: 12px;letter-spacing: 1.5px;}

.p12-list02-title:before{content:"";width:73px;height:73px;position:absolute;left:0;top:0;}
.work01 .p12-list02-title:before{background:url("../img/p12/p14-w01.png") no-repeat;}
.work02 .p12-list02-title:before{background:url("../img/p12/p14-w02.png") no-repeat;}
.work03 .p12-list02-title:before{background:url("../img/p12/p14-w03.png") no-repeat;}
.work04 .p12-list02-title:before{background:url("../img/p12/p14-w04.png") no-repeat;}

.p12-list02-text{}

section#p12Box03{padding:7% 4%;background:#00a2e5;}
div#p12-title03{color: #fff;border-left:solid 5px #fff;margin-bottom:20px;padding-left: 10px;}
div#p12-title03 h2{font-size:24px;line-height: 1.2;}
div#p12-title03 .komoji {font-size: 18px;display: inline-block;font-weight: 600;line-height: 1;margin-bottom: 10px;}

.p12-text01{color:#fff;}

section#p12Box04{padding:7% 4%;background:#eee;}

.v-text {}
ul.p12-list03{justify-content: space-between;background:url("../img/p12/p12-line01.jpg") repeat-y left 45px top;background-size: 10px;}
ul.p12-list03 > li{width:100%;min-height: 100px;margin-bottom:10px;}
ul.p12-list03 > li:last-child{margin-bottom:0;}

.wtime{width:100px;height:100px;display: table;border-radius: 100%;background:#00a2e5;float: left;}
.wtime > div{display:table-cell;text-align:center;vertical-align: middle;color:#fff;font-size:20px;}
.wtime > div .big{font-size:25px;}
.work-text {font-size: 18px;display: table;width: clac(100% - 100px);height:100px;}
p.v-text {display: table-cell;vertical-align: middle;padding-left:10px;}

.p12-notice02 {margin-top: 10px;}

/*13 先輩社員の声
=========================================== */
div#p13Box01{padding:7% 4%;}

article.voiceBox{margin-bottom:100px;}
article.voiceBox:last-child{margin-bottom:0;}
.voice-main {position: relative;background: #dcdcdc;margin-bottom: 30px;padding:15px 10px;}
.voice-main > div{position:relative;z-index: 3;}

.voice-main > div.voice-img01 {}
.voice-title01 {font-size: 21px;font-weight: 500;margin-bottom:20px;}

.voice-ini {font-size: 24px;font-weight: 800;}
.voice-post,.voice-join {font-size: 15px;font-weight: 500;}


ul.voice-data-list{padding-bottom:30px;margin-bottom:30px;border-bottom:solid 1px #030000;}
ul.voice-data-list:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0;}
ul.voice-data-list > li.title{}
ul.voice-data-list > li.title h3 {font-size: 20px;line-height: 1;margin-bottom: 20px;font-weight: 400;}
ul.voice-data-list > li.title h3:before {content: "";display: inline-block;width: 6px;background: #1998d4;
height: 25px;vertical-align: top;margin: 2px 5px 0 0;}
ul.voice-data-list > li.img{margin-bottom:10px;}


/*14 募集要項・エントリー
=========================================== */
.page-entry section#topBox01{padding:7% 4%;}
.page-entry ul.top-list01 > li.left {}
.p14-text01 {}
div#p14-title01 br {display: none;}
section#p14Box02{padding:7% 4%;}
section#p14Box02 .TBL01 th {vertical-align: top;width: 120px;line-height: 2;}
section#p14Box02 .TBL01 td{line-height: 2;}
section#p14Box02 .TBL01 tr:last-child{border-bottom:none;}

section#p14Box02 .TBL01 td .komoji {font-size: 12px;display: block;
line-height: 1;margin-bottom: 6px;}

div#p14-title02 h2,
div#p14-title03 h2{display: inline-block;padding-bottom: 20px;border-bottom: solid 5px #1a98d4;}
div#p14-title03 h2{;text-align:center;}

.entryBox {padding:15px 10px;border: solid 1px #d2d2d2;}

section#p14Box03{padding:7% 4%;}
section#p14Box03 .ppBox{border: solid 1px #d2d2d2;}
section#p14Box03 .ppBox h3 {text-align: center;}

.p14-text02 {font-size: 16px;line-height: 1.8;}

.p14-cont01{padding:15px 10px;background:rgba(26,152,212,0.8);color:#fff;margin: 10px 0;}
.p14-sub01 h3 {text-align: center;font-size: 20px;font-weight: 400;}

.p14-text03 {line-height: 1.8;}
.p14-sub02 {text-align: center;font-size: 20px;color: #48addd;
border-left: solid 10px #48addd;border-right: solid 10px #48addd;background: #e5e5e5;
padding: 12px;margin: 20px 0 5px;border-radius: 10px;}
.p14-sub02 h3{font-weight: 400;}

.entryBox .contactTBL tr:last-child{border-bottom:solid 1px #030000;}
.entryBox .contact-submit{margin-top:30px;}
.entryBox .contactTBL th {}

textarea#textarea {width: 100%;height: 105px;}


/*15 ブログ
=========================================== */

ul.sideBox > li#recent-posts-2 > ul > li{padding-top:30px;}

ul.sideBox > li#recent-posts-2 h2.widgettitle:after{content:"最新記事";display:block;font-size:15px;}
ul.sideBox > li#categories-2 h2.widgettitle:after{content:"カテゴリー";display:block;font-size:15px;}
ul.sideBox > li#side-recommend h2.widgettitle:after{content:"おすすめ記事";display:block;font-size:15px;}


/*詳細*/
.blog-title{margin-bottom:5px;}
.blog-title h2 {font-size: 28px;font-weight: 500;color: #1998d4;}

.blog-info {margin-bottom: 10px;}
.blog-cont img {display: block;width: 100%;height: auto;}

.blog-cont h2 {font-size: 23px;font-weight: 400;color: #fff;background: #1998d4;
padding: 10px 20px;margin-bottom: 10px;}
.blog-cont h3{font-size: 23px;font-weight: 400;color: #221815;background: #efeff0;
padding: 10px 20px;margin-bottom: 10px;border-left:solid 5px #1998d4;}

article.single-blogs {margin-bottom: 30px;}
.social_btn_single{margin-bottom:30px;}
.relaBox {
    clear: both;
    padding-top: 30px;
}
.rela-title01{padding-bottom:10px;margin-bottom:20px;background:url("../img/p15/p15-line01.jpg") no-repeat left bottom,
	url("../img/p15/p15-line02.jpg") repeat-x left bottom;}
.rela-title01 h2{font-size:22px;font-weight: 500;}

article.relas {width:48%;margin-right: 4%;margin-bottom:4%;}
article.relas:nth-child(2n){margin-right:0;}

.post-navigation{margin-top:30px;}
.post-navigation ul {text-align: center;}

.post-navigation ul li {display:inline-block;}
.post-navigation ul li a{width:68px;height: 35px;display:table-cell;text-decoration:none;text-align:center;vertical-align:middle;background:#fff;color:#1998d4;border:solid 1px #c0bfbf;font-size:14px;}
.post-navigation ul li a:hover{background:#1998d4;color:#fff;border:solid 1px #1998d4;}
.post-navigation ul li.blog-back a{background:#1998d4;color:#fff;border:solid 1px #1998d4;width:138px;}
.post-navigation ul li.blog-back a:hover{opacity:0.7;}


.post-navigation ul li.blog-back{margin:0 5px;}

#contents .social_btn_single {
    width: 100%;
    margin-bottom: 30px;
}
#contents .social_btn_single .p_col {width: 48%;
height: 45px;background-position: 20px center;
background-size: auto 28px;padding-left: 40px;
}

.social_btn_single .p_col.btn_facebook {
    background-image: url(../img/common/icon_facebook.png);
}
.social_btn_single .p_col.btn_twitter {
    background-image: url(../img/common/icon_twitter.png);
}

.social_btn_single .p_col.btn_google {
    background-image: url(../img/common/icon_google.png);
}

.social_btn_single .p_col.btn_line {
    background-image: url(../img/common/icon_line.png);
}

.social_btn_single .p_col.btn_hatena {
    background-image: url(../img/common/icon_hatena.png);
}

.btn_facebook {
    position: relative;
    box-sizing: border-box;
    display: block;
    background-color: #3c5a9a;
    box-shadow: 0 8px 0 -3px #21386b;
    text-align: center;
    padding: 8px;
    top: 0;
    line-height: 1.8;
}
.btn_twitter {
    position: relative;
    box-sizing: border-box;
    display: block;
    background-color: #55acee;
    box-shadow: 0 8px 0 -3px #2b7ebd;
    text-align: center;
    padding: 8px;
    top: 0;
    line-height: 1.8;
}

.btn_google {
    position: relative;
    box-sizing: border-box;
    display: block;
    background-color: #dc4a3d;
    box-shadow: 0 8px 0 -3px #c7382b;
    text-align: center;
    padding: 8px;
    top: 0;
    line-height: 1.8;
}
.btn_line {
    position: relative;
    box-sizing: border-box;
    display: block;
    background-color: #19bc03;
    box-shadow: 0 8px 0 -3px #0f7e00;
    text-align: center;
    padding: 8px;
    top: 0;
    line-height: 1.8;
}
.btn_hatena {
    position: relative;
    box-sizing: border-box;
    display: block;
    background-color: #00a4de;
    box-shadow: 0 8px 0 -3px #007ca9;
    text-align: center;
    padding: 8px;
    top: 0;
    line-height: 1.8;
}

.social_btn_single .p_col {
    width: 48%;
    height: 50px;
    margin: 0 4% 4% 0;
    float: left;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 30px;
}
.social_btn_single .p_col:nth-child(2n){margin-right:0;}

#contents .social_btn_single .p_col span {
    display: inline-block;
    font-weight: 700;
    color: #fff;
    font-size: 14px;
}

.btn_facebook:hover {
    top: 3px;
    box-shadow: 0 5px 0 -3px #21386b;
}
.btn_twitter:hover {
    top: 3px;
    box-shadow: 0 5px 0 -3px #2b7ebd;
}
.btn_google:hover {
    top: 3px;
    box-shadow: 0 5px 0 -3px #c7382b;
}
.btn_line:hover {
    top: 3px;
    box-shadow: 0 5px 0 -3px #0f7e00;
}
.btn_hatena:hover {
    top: 3px;
    box-shadow: 0 5px 0 -3px #007ca9;
}



@media screen and (min-width: 0px) and (max-device-width: 768px) {
#device-change{display:block;}
}
#device-change li.change02{display:none;}
@media screen and (min-width: 769px)  {
#device-change li.change01{display:none;}
#device-change li.change02{display:block;}
}