@charset "utf-8";


:root{
	
	--c0: #004e5e;
	--c1: #4AB2E6;
	--c1l: #bfe1f2;
	--c1d: #2185b7;
	--c2: #1C449B;
	--c2l: #c7d3ed;
	--c2d: #00216b;
	
	--m1:#E85F9E;
	--m1l:#F9E1ED;
	--m1d:#D63083;
	--m2:#CA0071;
	
	--agriculture: #69bc60;
	--fishery: #3c97d8;
	--construction: #2dc9ce;
	--food: #cec12d;
	--cloth: #a061bf;
	--machine: #5778bf;
	--other: #aa6f5a;
	
	--cat1:#F6B42A;
	--cat1-sub:#fcf6ea;
	--cat2:#2AA8E0;
	--cat2-sub:#eaf8ff;
	--cat3:#7F308D;
	--cat3-sub:#fcf2ff;
	--cat4:#60c43c;
	--cat4-sub:#cce8c2;
	--cat5:#e0699e;
	--cat5-sub:#ffbcdb;

	--area2:hsl(0,70%,60%);
	--area3:hsl(50,70%,60%);
	--area4:hsl(100,70%,60%);
	--area5:hsl(150,70%,60%);
	--area6:hsl(200,70%,60%);
	--area7:hsl(250,70%,60%);
	--area8:hsl(300,70%,60%);

}

:root{
	--work1:hsl(20,60%,65%);
	--work2:hsl(60,60%,65%);
	--work3:hsl(100,60%,65%);
	--work4:hsl(140,60%,65%);
	--work5:hsl(180,60%,65%);
	--work6:hsl(220,60%,65%);
	--work7:hsl(260,60%,65%);
	--work8:hsl(300,60%,65%);
	--work9:hsl(340,60%,65%);
}
.tag-work{color: #fff;display: inline-block;padding: 2px 7px;}
.tag-work.work1{background: var(--work1);}
.tag-work.work2{background: var(--work2);}
.tag-work.work3{background: var(--work3);}
.tag-work.work4{background: var(--work4);}
.tag-work.work5{background: var(--work5);}
.tag-work.work6{background: var(--work6);}
.tag-work.work7{background: var(--work7);}
.tag-work.work8{background: var(--work8);}
.tag-work.work9{background: var(--work9);}

.btn-c1{background: var(--c1);color: #fff;border-radius:30px;}
.btn-c1:hover,
.btn-c1:active,
.btn-c1:focus{background: var(--c1d);color: #fff;}

.btn-c2{background: var(--c2);color: #fff;border-radius:30px;}
.btn-c2:hover,
.btn-c2:active,
.btn-c2:focus{background: var(--c2d);color: #fff;}

.btn-m1{background: var(--m1);color: #fff;border-radius:30px;}
.btn-m1:hover,
.btn-m1:active,
.btn-m1:focus{background: var(--m1d);color: #fff;}

.btn-black{background: #111;color: #fff;}
.btn-black:hover,
.btn-black:active,
.btn-black:focus{background: #333;color: #eee;}

/* 　structure
******************************************/

#wrap{width: 100%;margin: auto;}
.content{min-height:600px;}

/*ページ幅指定*/
.section-inner{padding: 40px 0;max-width: 1200px;margin: auto;}

.box{margin-bottom: 30px;}

.flex > .main{width: 67%;margin-right: 3%;}
.flex > .side{width: 30%;}

@media screen and (max-width:1200px){
.section-inner{padding: 20px;}
}
@media screen and (max-width:900px){
.section-inner{padding: 20px 10px;}
.content{min-height:0;}
.content > .section-inner{padding: 40px 20px;}
.box{margin-bottom: 20px;}
.main.left{width: 100%;float: none;margin-bottom: 20px;}
.side.right{width: 100%;float: none;}
}
@media screen and (max-width:640px){
.flex > .main,
.flex > .side{width: 100%;margin-right: 0;}
}


.table-horizontal th{background: #f6f6f6;}


.modal{position: fixed;top: 0;}
.modal.fade.in{top: 0;}

/* 　text
******************************************/
body{color: #333;}

p{margin-bottom: 11px;line-height: 1.8;}
strong{color: var(--c1);font-weight: bold;}
.come{font-size: 12px;color: #999;}
.br900{display: none;}

.label{padding: 3px 8px;border-radius:2px;font-size: 12px;}
.label-required{background: #e60012;color: #fff;margin-left: 10px;vertical-align: 2px;}

h1,h2,h3,h4,h5,h6{font-size: 120%;font-weight: bold;}
h1{font-size: 300%;/*font-family:"游明朝",'Droid Serif',"ヒラギノ明朝 Pro W3", "小塚明朝 Pro","ＭＳ Ｐ明朝",serif;*/}
h2{font-size: 200%;line-height: 1.4;}
h3{font-size: 150%;}
@media screen and (max-width:900px){
h1{font-size: 240%;}
h2{font-size: 180%;}
h3{font-size: 130%;}
.br900{display: block;}
}
@media screen and (max-width:640px){
h1{font-size: 150%;}
h2{font-size: 130%;}
h3{font-size: 110%;}
.br900{display: none;}
}
@media screen and (max-width:480px){
.lower p{font-size: 90%;}
}

.title{font-size: 180%;text-align: center;color: #3d1200}
.img-title{max-width: 900px;}
@media screen and (max-width:900px){
.title{font-size: 220%;}
.title .title-inner{background-size: 60px;padding-left: 60px;}
}
@media screen and (max-width:640px){
.title{font-size: 160%;line-height: 1.4;}
}
.balloon{border-radius:30px;font-size: 90%;padding: 3px 13px 5px;background: #205879;color: #fff;margin-right: 10px;position: relative;}
.balloon::after {
  top: 30%;
  right: -30%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #205879;
	border-width: 10px;
	margin-left: -10px;
}

a{color: var(--c1);text-decoration: underline;}
a:hover,a:active,a:focus{color: #111;text-decoration: underline;}

.btn{text-decoration: none;}
.btn-green{background: #7FBE25;color: #fff !important;text-shadow:-1px -1px 1px  rgba(0,0,0,.1);border-bottom: solid 3px #99CB51;}
.btn-green:hover,
.btn-green:active,
.btn-green:focus{border-bottom: solid 3px #7aaa31;color: #fff;}

.btn-orange{background: #f39c33;color: #fff !important;text-shadow:-1px -1px 1px  rgba(0,0,0,.1);border-bottom: solid 3px #f39c33;}
.btn-orange:hover,
.btn-orange:active,
.btn-orange:focus{border-bottom: solid 3px #d37000;color: #fff;}

.btn-yellow{background: #FCC800;color: #fff !important;text-shadow:-1px -1px 1px  rgba(0,0,0,.1);border-bottom: solid 3px #FCC800;}
.btn-yellow:hover,
.btn-yellow:active,
.btn-yellow:focus{border-bottom: solid 3px #d68e00;color: #fff;}

.btn-pink{background: #E75299;color: #fff !important;text-shadow:-1px -1px 1px  rgba(0,0,0,.1);border-bottom: solid 3px #E75299;}
.btn-pink:hover,
.btn-pink:active,
.btn-pink:focus{background: #d14787;border-bottom: solid 3px #b72868;color: #fff;}


.btn-blue{background: var(--c1);color: #fff !important;text-shadow:-1px -1px 1px  rgba(0,0,0,.1);border-bottom: solid 3px var(--c1);}
.btn-blue:hover,
.btn-blue:active,
.btn-blue:focus{background: #0a7a93;border-bottom: solid 3px #006377;color: #fff;}

.btn-gray{background: #eee;color: #888 !important;text-shadow:-1px -1px 1px  rgba(255,255,255,.7);
border-bottom: solid 3px #eee;}
.btn-gray:hover,
.btn-gray:active,
.btn-gray:focus{background: #eee;color: #888;border-bottom: solid 3px #ccc;}

#pagetop{display: inline-block;position: fixed;bottom: 10px;left: 10px;transition:all .2s linear 0s;opacity: 1;}
#pagetop.hid{opacity: 0;}
#pagetop a{display: block;border: solid 2px rgba(0,0,0,.5);color: #666;line-height: 1;padding: 3px 10px;font-size: 150%;border-radius:5px;}
#pagetop a:hover{background: #666;color: #fff;}
#pagetop i{margin-right: 0;}

.img-auto{max-width: 100%;}
@media screen and (max-width: 640px){
.result-util.onlypc{display: block;margin-top: 10px;}

}

/* 　pagination
******************************************/
.pagination{display: block;width: 100%;text-align: center;clear: both;}

.pagination li{display: inline-block;}
.pagination li > span,
.pagination li > a,
.pagination .nav-links > span,
.pagination .nav-links > a{display: inline-block;border: solid 1px var(--c1);padding: 2px 7px;text-decoration: none;}
.pagination .page-numbers.current{background: var(--c1);color: #fff;}
.pagination .page-numbers i{margin-right: 0;font-size: 12px;}
.pagination a:hover{background: var(--c1);color: #fff;}


/* 　header
******************************************/
header{box-shadow:1px 1px 2px 0 rgba(0,0,0,.2);position: relative;}
.header-title{background: #f6f6f6;color: #111;font-size: 60%;font-weight: normal;padding:3px 20px;
position: relative;z-index: 20;border-bottom: solid 1px #eee;}
.headline{background: #fff;padding: 10px;width: 100%;max-width: 1200px;margin: auto;justify-content:space-between;align-items:center;}
.headline .logo{width: 250px;text-align: left;}
.headline .logo img{}

.headline .tel .text{display: block;font-size: 80%;font-weight: bold;}
.headline .tel .number{font-size: 180%;text-decoration: none;line-height: .8;color: #E75299;}

.headline .data{}
.headline .data dl{display: flex;align-items:end;border: solid 1px #ddd;padding: 5px 20px;font-size: 12px;border-radius:50px;line-height: 1;background: #f8f8f8;}
.headline .data dt,
.headline .data dd{line-height: 1;}
.headline .data dt{}
.headline .data dd .num{font-size: 140%;display: inline-block;margin: 0 2px;color: var(--c1);line-height: .8;}

.headline .btns .btn{margin-left: 10px;}
.headline .btns .btn-nav i{margin-right: 0;color: #111;}

.headline .link a{display: inline-block;color: #111;text-decoration: none;border: solid 1px var(--c1);padding: 2px 10px;border-radius:30px;}
.headline .link a i{color: var(--c1);font-size: 11px;}
.headline .link a:hover{background: var(--c1);color: #fff;}
.headline .link a:hover i{color: var(--c1d);}

@media screen and (max-width:830px){
.headline{padding:5px;text-align: center;}
.headline .logo{width: 40%;max-width: 200px;float: left;}
.headline .tel{display: none;}
.header-title{line-height: 1.2;padding: 3px 10px;}
.headline .data{}
.headline .data dl{position: absolute;top: 100%;right: 0;background: rgba(0,0,0,.5);color: #fff;padding: 5px 10px;min-width:0;border: 0;border-radius:0 0 0 5px;}
.headline .btns{width: 49%;margin-left: 2%;display: flex;align-items:center;justify-content:end;}
.headline .btns .btn .icon-text{display: none;}
.headline .btns .btn{padding: 5px 7px;background-color: transparent;box-shadow:none;border: solid 1px #ddd;color: #111;}
.headline .btns .btn i{font-size: 24px;line-height: 1;}
.headline .btns .btn-contact{display: none;}
.headline .btns .btn-nav{font-size: 30px;padding: 10px;}
}

/* 　footer
******************************************/


/* 　nav
******************************************/
.globalnav{text-align: center;max-width: 1200px;margin: auto;position: relative;}
.globalnav ul{display: flex;}
.globalnav li{width: 20%;border-right: solid 1px #eee;margin-right: -5px;}
.globalnav li:last-child{border-right: 0;}
.globalnav a{color: #111;display: flex;flex-wrap:wrap;align-items:center;height: 100%;justify-content:center;padding: 10px 20px;text-decoration: none;font-weight: 700;transition:all .1s linear 0s;}
.globalnav a:hover,
.globalnav a:active,
.globalnav a:focus{background: var(--c1);color: #fff;text-shadow:-1px -1px 1px rgba(0,0,0,.1);border-radius:5px 5px 0 0;}
.globalnav .current a{background: #eee;color: #555;text-shadow:none;}

#sp-nav,
#sp-nav-close{display: none;cursor:pointer;}

@media screen and (max-width:640px){
#sp-nav{display: inline-block;}
#sp-nav-close{display: block;}
#sp-nav.open i::before{content:"\f00d";}
#sp-nav-close a{background: var(--c1d);color: #fff;}

.globalnav ul{display: none;position: absolute;top: 100%;left: 0;width: 100%;background: rgba(255,255,255,.97);transition:all .1 linear 0s;box-shadow:1px 1px 5px 0 rgba(0,0,0,.3);}
.globalnav.open ul{display: block;border-top: solid 1px #ddd;z-index: 10;}
.globalnav li{width: 100%;border-bottom: solid 1px #eee;}
.globalnav li:last-child{border-bottom: 0;}
.globalnav a{display: block;padding: 15px 10px;text-align: center;font-size: 14px;color: var(--c1d);text-decoration: none;}
}
@media screen and (max-width:480px){
}

/* 　mainimg
******************************************/

.mainimg-outer{background: #111 url(../img/index/mainimg-bg.jpg) repeat-x left top;text-align: center;background-size:cover;
-webkit-animation: anime1 100s linear infinite;
-ms-animation: anime1 100s linear infinite;
animation: anime1 100s linear infinite;
}
.mainimg-outer .section-inner{padding: 0;}
.mainimg{margin: auto;display: flex;flex-wrap:wrap;align-items:center;justify-content:center;padding: 80px 0;}
.mainimg h1,
.mainimg .mainimg-btn{width: 100%;}
.mainimg .mainimg-btn .btn{width: 30em;max-width: 100%;padding: 20px;font-size: 16px;text-shadow:1px 1px 2px rgba(0,0,0,.2);box-shadow:1px 1px 5px 0 rgba(0,0,0,.3);}
.mainimg h1{font-size: 24px;color: #fff;text-shadow:1px 1px 2px rgba(0,0,0,.3);}
.mainimg img{max-width: 300px;transition:all .1s linear 0s;margin: 20px 0;}

@-webkit-keyframes anime1 {
0% {background-position: 0 0;}
100% {background-position: -2000px 0;}
}
@keyframes anime1 {
0% {background-position: 0 0;}
100% {background-position: -2000px 0;}
}

@media screen and (max-width:900px){
.mainimg-outer .section-inner{padding: 30px;}
.mainimg{height: auto;}
}
@media screen and (max-width:640px){
.mainimg-outer .section-inner{padding: 20px;}
.mainimg h1{font-size: 20px;}
.mainimg img{max-width: 200px;}
}

/* 　breadcrumb
******************************************/

.breadcrumb{font-size: 11px;padding: 0;margin-bottom: 0;}
.breadcrumb ul{max-width: 1200px;margin: auto;}
.breadcrumb li{display: inline-block;border-right: solid 1px #ddd;}
.breadcrumb li a{display: block;padding: 3px 10px;text-decoration: none;}
.breadcrumb li a:hover,
.breadcrumb li a:active,
.breadcrumb li a:focus{background: var(--c1);color: #fff;}
.breadcrumb li a.current{color: #fff;background: var(--c1);}
.breadcrumb li a.current:hover,
.breadcrumb li a.current:active,
.breadcrumb li a.current:focus{background: var(--c1);color: #fff;}
@media screen and (max-width:640px){
.breadcrumb{font-size: 10px;}
}

/* 　basic
******************************************/

.section-title{font-size: 30px;margin-bottom: 20px;/*border-bottom: solid 1px var(--c2);*/position: relative;display: flex;flex-wrap:wrap;justify-content:space-between;align-items:center;border-left: solid 3px var(--c1);padding-left: 15px;line-height: 1;}
/*.section-title::after{content:"";display: block;width: 20%;border-bottom: solid 1px #111;position: absolute;height: 100%;bottom: -1px;z-index: 2;}*/
.section-title .text{color: #111;}
.section-title a.list-more{font-size: 14px;background: #fff;border-radius:50px;padding: 3px 15px;border: solid 1px var(--c1);text-decoration: none;color:var(--c1);}
.section-title a.list-more:hover,
.section-title a.list-more:active,
.section-title a.list-more:focus{background: var(--c1);color: #fff;}
.section-title .en{font-size: 12px;color: var(--c1);}

.white .section-title{border-color: #fff;}
.white .section-title::after{border-color: var(--c2l);}
.white .section-title .text{color: #fff;}

.side .section-title{font-size: 20px;margin-bottom:20px;padding-bottom: 0;}
@media screen and (max-width:640px){
.section-title{font-size: 22px;line-height: 1.4;}
.section-title a.list-more{font-size: 10px;}
.side .section-title{font-size: 18px;margin-bottom:20px;padding-bottom: 0;}
}

/* 　post-single:common
******************************************/
.tag-work li{display: inline-block;border: solid 1px var(--c1);color: var(--c1);border-radius:3px;padding: 2px 5px;font-weight: normal;margin-bottom: 5px;font-size: 12px;background: #fff;font-weight: bold;}

:root{
	--kodawari1:hsl(30,65%,75%);
	--kodawari2:hsl(80,65%,75%);
	--kodawari3:hsl(130,65%,75%);
	--kodawari4:hsl(180,65%,75%);
	--kodawari5:hsl(230,65%,75%);
	--kodawari6:hsl(280,65%,75%);
}
.tag-kodawari .tag::before{margin-right: 5px;position: relative;top: -1px;display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit; text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.tag-kodawari .kodawari1::before{content:"\f005";color: var(--kodawari1);}
.tag-kodawari .kodawari2::before{content:"\f1ad";color: var(--kodawari2);}
.tag-kodawari .kodawari3::before{content:"\f0c0";color: var(--kodawari3);}
.tag-kodawari .kodawari4::before{content:"\f0ad";color: var(--kodawari4);}
.tag-kodawari .kodawari5::before{content:"\f073";color: var(--kodawari5);}
.tag-kodawari .kodawari6::before{content:"\f012";color: var(--kodawari6);}
.tag-kodawari a.tag:hover::before{color: #fff;}


.slick-initialized{opacity: 1;}
.post-all{position: relative;}

.nopost{width: 100%;padding: 20px;background: #f9f9f9;text-align: center;border: solid 1px #ddd;border-radius:5px;}
.nopost p{margin-bottom: 0;}

.post-single{position: relative;text-align: left;font-size: 14px;margin-bottom: 20px;}
.post-single{width: 23.5%;margin-right: 2%;}

.post-single > a{display: block;text-decoration: none;color: #111;overflow: hidden;border-radius:5px;padding: 10px;}
.post-single > a:hover,
.post-single > a:active,
.post-single > a:focus{box-shadow:1px 1px 5px 0 rgba(0,0,0,.3);}

.post-img{width: 100%;position: relative;margin-bottom: 10px;}
.post-img .thumb{transition:all .2s linear 0s;background: no-repeat center;background-size:cover;display: block;padding-top: 75%;border: solid 1px #ddd;border-radius:5px;overflow: hidden;}
.post-img .thumb:hover{transform:scale(1.03);}
.post-single a:hover .post-img .thumb,
.post-single a:active .post-img .thumb,
.post-single a:focus .post-img .thumb{transform:scale(1.03);opacity: 1;}

.post-subimg{padding: 10px 0 0;}
.post-subimg li{padding-top: 13%;border: solid 1px #eee;background: no-repeat center;background-size:contain;}

.post-title{font-size: 125%;text-align: left;margin-bottom: 10px;line-height: 1.5;overflow: hidden;letter-spacing: 0;color: #333;}
a:hover .post-title,
a:active .post-title,
a:focus .post-title{color: #333;text-decoration: underline;}

.post-single .catch{margin-bottom: 3px;line-height: 1.6;}
.post-single .catch p{margin-bottom: 0;}

.post-footer{/*position: absolute;bottom: 0;left: 0;*/width: 100%;clear: both;}
.post-footer .more{display: inline-block;background: #eee;float: right;color: var(--c1);padding: 5px 20px;position: relative;}
a:hover .post-footer .more,
a:active .post-footer .more,
a:focus .post-footer .more{background: var(--c1);color: #fff;}

.post-area{position: absolute;top: 0;left: 0;display: inline-block;}
.post-area .area{display: inline-block;padding: 2px 5px;background: rgba(0,0,0,.7);color: #fff;border-radius:3px;font-weight: normal;font-size: 12px;}

.post-work{margin-bottom: 5px;}
.post-work li{margin-bottom: 3px;}

.post-kodawari li{display: inline-block;font-weight: normal;font-size: 11px;border: solid 1px #ddd;border-radius:3px;padding: 2px 5px 1px;margin-bottom: 3px;}

.post-single .catch{font-weight: normal;color: #555;}

.post-single .post-category{color: var(--c1);}

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

.post-single{width: 100%;margin-right: 0;}
.post-single .post-title{font-size: 18px;margin-bottom: 5px;}
.post-single .catch{font-size: 12px;}
}

.post-footer{text-align: center;clear: both;margin: 20px 0;}

/* 　TOP-about
******************************************/

.intro{background: var(--c1l) url(../img/index/intro-bg.png) no-repeat center bottom;background-size:contain;}
.intro .section-inner{padding: 10px 0 30px;justify-content:center;}
.intro .img-title{margin-top: -50px;}
.intro .desc{max-width: 900px;font-size: 16px;text-align: center;}
.intro .desc strong{color: var(--c2);}

@media screen and (max-width:640px){
.intro .section-inner{padding: 20px;}
.intro .img-title{margin-bottom: 20px;}
.intro .desc{font-size: 12px;}
.intro .desc p{text-align: left;}
}


/* 　page-company
******************************************/
.table-company tr{border-bottom: solid 1px #ddd;}
.table-company th,
.table-company td{vertical-align: middle;font-size: 16px;padding: 20px;}
.table-company th{background-color: transparent;}
.table-company a{color: #111;}
.table-company a i{margin-left: 5px;color: var(--c1);}

@media screen and (max-width:640px){
.table-company{margin: 0;}
.table-company th,
.table-company td{font-size: 12px;padding: 10px;}
.table-company th{text-align: left;font-size: 18px;padding-bottom: 0;color: var(--c1);}
.table-company .map iframe{height: 200px;}
}

/* flow
******************************************/
.home-flow{ counter-reset: flowNum 0;}
.flow-all .single{text-align: center;counter-increment: flowNum 1;position: relative;}
.flow-all .single h2{font-size: 20px;margin: 10px 0;}
.flow-all .single h2:before{content: counter(flowNum);display: inline-block;background: var(--c1d);color: #fff;font-size: 18px;line-height: 1;position: absolute;top: -5px;left: -5px;padding: 3px 7px;border-radius:3px;}
.flow-all .single .desc{line-height: 1.8;font-weight: normal;text-align: left;}
.flow-all .single .desc strong{color: var(--m1);}
@media screen and (max-width:640px){
.flow-all .single h2{font-size: 16px;}
.flow-all .single .desc{font-size: 11px;}
}

/* 　post-single:TOP-media
******************************************/
.home-post{margin: 0;}
.home .home-post{background: #f9f9f9;}
.home-post .nav-post{display: inline-block;font-weight: bold;border-bottom: 0;max-width: 100%;}
.home-post .nav-post li{display: inline-block;margin-right: 3px;}
.home-post .nav-post .active a{color: var(--c1d);background: var(--c1l);}
.home-post .nav-post a{display: block;text-decoration: none;border: solid 1px var(--c1d);border-bottom: 0;color: #111;padding:10px;background: #fff;transition:all .1s linear 0s;border-radius:5px 5px 0 0;}
.home-post .nav-post a:hover,
.home-post .nav-post a:active,
.home-post .nav-post a:focus{transform:scale(1.02);color: var(--c1d);}

.nav-post .nav-arrow{display: none;}
.nav-post .nav-arrow i{margin-right: 0;}

.nav-post .nav-about a{background: var(--cat1-sub);color: var(--cat1);border-color: var(--cat1);}
.nav-post .nav-about a:hover,
.nav-post .nav-about.active a{background: var(--cat1);color: #fff;}
.nav-post .nav-compare a{background: var(--cat2-sub);color: var(--cat2);border-color: var(--cat2);}
.nav-post .nav-compare a:hover,
.nav-post .nav-compare.active a{background: var(--cat2);color: #fff;}
.nav-post .nav-knowhow a{background: var(--cat3-sub);color: var(--cat3);border-color: var(--cat3);}
.nav-post .nav-knowhow a:hover,
.nav-post .nav-knowhow.active a{background: var(--cat3);color: #fff;}

.home-post .tab-pane{border-top: solid 1px #ddd;padding: 20px 0;}
#tab-about{border-color: var(--cat1);}
#tab-compare{border-color: var(--cat2);}
#tab-knowhow{border-color: var(--cat3);}

.home-post .post-single{width: 32%;margin-right: 2%;padding: 0;}
.home-post .post-single:nth-child(3n){margin-right: 0;}
.home-post .post-single .post-title{font-size: 100%;}

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

::-webkit-scrollbar{display: none;}
.home-post nav{width: 100%;overflow-x: scroll;}
.home-post .nav-outer{overflow-x: auto;-webkit-overflow-scrolling: touch;position: relative;}
.home-post .nav-post{display: flex;font-size: 12px;font-weight: bold;border-bottom: 0;max-width: 100%;}
.home-post .nav-post li{white-space: nowrap;}
.home-post .tab-content{margin-bottom: 30px;}
.home-post .tab-pane{padding: 10px 0;}
.home-post .post-single{width: 100%;margin-bottom: 10px;}
.home-post .post-single:nth-child(3n){margin-right: 0;}
.home-post .post-single > a{display: flex;flex-wrap:wrap;align-items:center;}
.home-post .post-title{margin-bottom: 5px;}
.home-post .post-img{width: 30%;margin-bottom: 0;}
.home-post .post-content{width: 67%;margin-left: 3%;}
.home-post .post-category{position: static;font-size: 80%;}
}

/* 　WP:page-home.php
******************************************/
.home-search{background: var(--c1);}
.home-search .section-inner{display: flex;flex-wrap:wrap;}
.home-search .category-search{width: 67%;}
.home-search .feature{width: 30%;margin-left: 3%;}
.home-search .section-title{font-size: 24px;border-color: var(--c1d);}
.home-search .section-title .text{color: #fff;text-shadow:1px 1px 2px rgba(0,0,0,.2);}

.category-search > *{margin-bottom: 20px;}
.category-search .section-title i{color: var(--c1d);font-size: 16px;}

.category-search .list-link{display: flex;flex-wrap:wrap;}
.category-search .list-link li{width: calc(100% / 5);padding: 5px;}
.category-search .list-link a{color: #111;text-decoration: none;display: flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:10px;background: #fff;border-radius:3px;position: relative;text-align: center;border: solid 1px var(--c1d);box-shadow:1px 1px 3px 0 rgba(0,0,0,.3);height: 100%;}
.category-search .list-link a:link,
.category-search .list-link a:visited{color: #111;}
.category-search .list-link .en{width: 100%;display: block;font-size: 11px;color: #999;font-weight: normal;}
.category-search .count{position: absolute;top: -5px;right: -2px;background: #fff;display: inline-block;font-size: 12px;border-radius:30px;line-height: 1;padding: 2px 7px;}

.category-search .list-link a:hover,
.category-search .list-link a:active,
.category-search .list-link a:focus{background-color: var(--c1l);color: var(--c1d);box-shadow:1px 1px 5px 0 rgba(0,0,0,.5);}

.category-search .search-work li a{background: no-repeat center;background-size:cover;display:flex;flex-wrap:wrap;align-items:end;justify-content:center;padding: 0;min-height:100px;}
.category-search .search-work li a:hover{transform:scale(1.03);}
.category-search .search-work .name{display: block;/*background: rgba(0,50,150,.7);*/background: rgba(255,255,255,.9);color: #111;padding: 5px 10px;width: 100%;/*text-shadow:1px 1px 2px rgba(0,0,0,.2);*/}
.category-search .search-work .count{}
.category-search .search-work .work1 a{background-image: url(../img/work/work1.jpg) ;}
.category-search .search-work .work2 a{background-image: url(../img/work/work2.jpg) ;}
.category-search .search-work .work3 a{background-image: url(../img/work/work3.jpg) ;}
.category-search .search-work .work4 a{background-image: url(../img/work/work4.jpg) ;}
.category-search .search-work .work5 a{background-image: url(../img/work/work5.jpg) ;}
.category-search .search-work .work6 a{background-image: url(../img/work/work6.jpg) ;}
.category-search .search-work .work7 a{background-image: url(../img/work/work7.jpg) ;}
.category-search .search-work .work8 a{background-image: url(../img/work/work8.jpg) ;}
.category-search .search-work .work9 a{background-image: url(../img/work/work9.jpg) ;}


.feature .list-banner li{margin-bottom: 10px;}

@media screen and (max-width:640px){
.home-search .category-search{width: 100%;}
.home-search .feature{width: 100%;margin-left: 0;}

.category-search .search-area,
.category-search .search-lang{width: 100%;margin-left: 0;}
.category-search .list-link li{width: calc(100% / 3);}
}


/* home-area
*****************************/

.search-area{margin-bottom: 20px;}
.search-area dl{margin-bottom: 10px;}
.search-area dt{border-left: solid 3px var(--c1);}
.search-area dt a{font-size: 16px;border-radius:0;padding-left: 10px;text-decoration: none;display: inline-block;color: #111;}
.search-area .area2 dt a:hover,.search-area .area2 dt a:active,.search-area .area2 dt a:focus{color: var(--area2);}
.search-area .area3 dt a:hover,.search-area .area3 dt a:active,.search-area .area3 dt a:focus{color: var(--area3);}
.search-area .area4 dt a:hover,.search-area .area4 dt a:active,.search-area .area4 dt a:focus{color: var(--area4);}
.search-area .area5 dt a:hover,.search-area .area5 dt a:active,.search-area .area5 dt a:focus{color: var(--area5);}
.search-area .area6 dt a:hover,.search-area .area6 dt a:active,.search-area .area6 dt a:focus{color: var(--area6);}
.search-area .area7 dt a:hover,.search-area .area7 dt a:active,.search-area .area7 dt a:focus{color: var(--area7);}
.search-area .area8 dt a:hover,.search-area .area8 dt a:active,.search-area .area8 dt a:focus{color: var(--area8);}

.search-area .area2 dt,
.search-area .area2 li a{border-color: var(--area2);}
.search-area .area3 dt,
.search-area .area3 li a{border-color: var(--area3);}
.search-area .area4 dt,
.search-area .area4 li a{border-color: var(--area4);}
.search-area .area5 dt,
.search-area .area5 li a{border-color: var(--area5);}
.search-area .area6 dt,
.search-area .area6 li a{border-color: var(--area6);}
.search-area .area7 dt,
.search-area .area7 li a{border-color: var(--area7);}
.search-area .area8 dt,
.search-area .area8 li a{border-color: var(--area8);}

.search-area li a:hover,
.search-area li a:active,
.search-area li a:focus{color: #fff;}
.search-area .area2 li a:hover,.search-area .area2 li a:active,.search-area .area2 li a:focus{background: var(--area2);}
.search-area .area3 li a:hover,.search-area .area3 li a:active,.search-area .area3 li a:focus{background: var(--area3);}
.search-area .area4 li a:hover,.search-area .area4 li a:active,.search-area .area4 li a:focus{background: var(--area4);}
.search-area .area5 li a:hover,.search-area .area5 li a:active,.search-area .area5 li a:focus{background: var(--area5);}
.search-area .area6 li a:hover,.search-area .area6 li a:active,.search-area .area6 li a:focus{background: var(--area6);}
.search-area .area7 li a:hover,.search-area .area7 li a:active,.search-area .area7 li a:focus{background: var(--area7);}
.search-area .area8 li a:hover,.search-area .area8 li a:active,.search-area .area8 li a:focus{background: var(--area8);}

.search-area .area2 .count{color: var(--area2);}
.search-area .area3 .count{color: var(--area3);}
.search-area .area4 .count{color: var(--area4);}
.search-area .area5 .count{color: var(--area5);}
.search-area .area6 .count{color: var(--area6);}
.search-area .area7 .count{color: var(--area7);}
.search-area .area8 .count{color: var(--area8);}

.search-area dt a{display: flex;justify-content:space-between;align-items:center;}
.search-area dt i{font-size: 12px;transition:all .1s linear 0s;}
.home-search .search-area dt i{display: none;}


/* 　side
******************************************/
.side .category,
.side .side-inner{margin-bottom: 20px;}

.side .search-work .list-link li{width: 100%;padding: 0;border-bottom: solid 1px var(--c1);}
.side .search-work .list-link a{background-size:40%;background-position: left 0;align-items:center;justify-content:end;width: 100%;min-height:50px;border: 0;box-shadow:none;}
.side .search-work .list-link .name{width: 60%;display: flex;flex-ewrap:wrap;align-items:center;justify-content:center;height: 100%;}

.side .search-kodawari li{width: 33.33%;}

.side-media-cat li{border-bottom: solid 1px #ddd;}
.side-media-cat a{display: block;padding: 15px 10px;text-decoration: none;font-size: 16px;}
.side-media-cat a:hover{background: var(--c1l);}

/* 　WP:archive-group.php/archive.php
******************************************/

.back-home{clear: both;text-align: center;margin: 30px 0;}
h2.screen-reader-text{display: none;}


.archive-company .post-single{width: 100%;}
.archive-company .post-single > a{display: flex;flex-wrap:wrap;}
.archive-company .post-img{width: 30%;position: relative;margin-bottom: 0;}
.archive-company .post-content{width: 67%;margin-left: 3%;}
.archive-company .post-title{font-size: 160%;margin-bottom: 5px;}
.archive-company .catch{margin-bottom: 10px;}
.archive-company .summary{font-weight: normal;}
.archive-company .summary > *{margin-bottom: 5px;}
.archive-company .summary > *:last-child{margin-bottom: 0;}
.archive-company .summary dt,
.archive-company .summary dd{display: inline-block;font-weight: normal;}
.archive-company .summary dt{color: #999;}
.archive-company .summary .reg-id dd{color: var(--c1);}
@media screen and (max-width:640px){
.archive-company .post-single{font-size: 12px;border-bottom: dashed 1px #ddd;padding-bottom: 20px;}
.archive-company .post-single > a{padding: 0;}
.archive-company .post-title{font-size: 120%;}
.archive-company .catch{font-size: 11px;}
.archive-company .post-language li{font-size: 10px;}
}

/* 　WP:archive.php(post)
******************************************/
.archive-post .post-single{width: 32%;margin-right: 2%;}
.archive-post .post-single:nth-child(3n){margin-right: 0;}

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

.archive-post .post-single{width: 100%;margin-bottom: 10px;font-size: 12px;}
.archive-post .post-single > a{display: flex;flex-wrap:wrap;align-items:center;}
.archive-post .post-title{margin-bottom: 5px;}
.archive-post .post-img{width: 30%;margin-bottom: 0;}
.archive-post .post-content{width: 67%;margin-left: 3%;}
.archive-post .post-category{position: static;}
}

/* 　WP:slick
******************************************/

.slick .thumb{display: block;background: no-repeat center;background-size:cover;cursor:pointer;padding-top: 75%;}
.slick .thumb:hover{transform:scale(1.1);}
.slick .count{position: absolute;top: 0;left: 0;background: rgba(0,0,0,.7);color: #fff;padding: 2px 5px;font-size: 80%;}
.slick .count .current{margin-right: 2px;}

.slick-slider{display: none;}
.slick-slider.slick-initialized{display: block;}

.slick-slide{height: auto;}
.slick-slide div{display: flex;overflow: hidden;border: solid 1px #ddd;}
.slick-slide .thumb{position: relative;}

.slide-main{margin-bottom: 10px;}
.slide-main .thumb{border: solid 1px #eee;}
.slide-main .thumb:hover{transform:none;}

.slide-sub .slick-track{ transform: none !important; width: 100% !important; display: flex; flex-wrap: wrap;}
.slide-sub .slick-slide{width: 20% !important;padding-right: 5px;}
.slide-sub .slick-slide:nth-child(5n){padding-right: 0;}
.slide-sub .slick-current .thumb::after{position: absolute;background: rgba(0,0,0,.3);left: 0;top: 0;width: 100%;height: 100%;display: block;content:"";}

/* 　WP:single-group.php
******************************************/

.icon-before li::before{display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

.single-company-main .post-single{width: 100%;margin: 0;font-size: 16px;}
.single-company-main .post-title{font-size: 200%;line-height: 1.4;}
.single-company-main .main .post-title{font-size: 24px;}
.single-company-main .catch{margin-bottom: 10px;}
.single-company-main .post-img{width: 30%;float: left;position: relative;margin-bottom: 20px;}
.single-company-main .post-content{width: 68%;float: right;padding: 0;margin-bottom: 20px;}

.single-company-main .post-img .thumb{border-radius:5px;}

.single-company-main .post-work li{display: inline-block;font-size: 13px;}
.single-company-main .post-work a{border-radius:3px;border: solid 1px var(--c1);text-decoration: none;padding: 2px 7px;}
.single-company-main .post-work a:hover{background: var(--c1);color: #fff;}

.single-company-main .post-area,
.single-company-main .post-kodawari{margin-bottom: 10px;}
.single-company-main .post-area{position: static;}
.single-company-main .post-area li,
.single-company-main .post-kodawari li{margin-right: 3px;font-size: 13px;}

.single-company-main .post-support{margin-top: 20px;}
.single-company-main .table-support th,
.single-company-main .table-support td{font-size: 13px;}
.single-company-main .table-support th{background: #f9f9f9;}
.single-company-main .post-support li{display: inline-block;background: #ddd;color: #bbb;border-radius:5px;padding: 2px 7px;font-size: 12px;}
.single-company-main .post-support li.enabled{background: #fff;color: #111;border: solid 1px #aaa;}
.single-company-main .post-support li.enabled::before{content:"\f00c";color: var(--c1);margin-right: 5px;}

.single-company-main .section-title{font-size: 150%;}

.single-company-main .post-detail{clear: both;margin-bottom: 30px;}
.single-company-main .post-detail .box{padding: 20px 0;}
.single-company-main .nav-group a{text-decoration: none;border-color: #eee;}

.single-company-main .post-gallery .thumb{display: block;width: 100%;padding-top: 75%;background: no-repeat center;background-size:cover;border-radius:5px;box-shadow:1px 1px 3px 0 rgba(0,0,0,.3);}

.single-company-main .feature{padding: 20px;display: flex;flex-wrap:wrap;border-bottom: solid 1px #ddd;}
.single-company-main .feature:last-child{border-bottom: 0;}
.single-company-main .feature .img{width: 30%;margin-right: 3%;}
.single-company-main .feature .body{width: 67%;}
.single-company-main .feature h3{font-size: 24px;color: var(--c1);margin-bottom: 10px;}
.single-company-main .feature .text{font-weight: normal;line-height: 1.7;}

.single-company-main .case h3{font-size: 20px;line-height: 1.2;margin: 10px 0;}
.single-company-main .case .text{font-weight: normal;font-size: 13px;line-height: 1.7;}

.single-company-main .table-summary th,
.single-company-main .table-summary td{vertical-align: middle;padding: 20px;}
.single-company-main .table-summary td{font-weight: normal;}
.single-company-main .table-summary .group-logo{max-width: 150px;max-height: 150px;float: right;}

.single-company-main .feature .img .thumb,
.single-company-main .case .img .thumb{display: block;width: 100%;padding-top: 75%;background: no-repeat center;background-size:cover;border-radius:5px;}

@media screen and (max-width:900px){
.single-company-main .post-single{font-size: 14px;}
.single-company-main .post-available{width: 100%;float: none;clear: both;}
}
@media screen and (min-width:641px){
.single-company-main .table-horizontal th{width: 25%;}
}
@media screen and (max-width:640px){
.single-company-main .post-title{font-size: 22px;margin-bottom: 10px;}
.single-company-main .post-img{width: 100%;float: none;margin-bottom: 10px;}
.single-company-main .post-content{width: 100%;float: none;}
.single-company-main .post-available{width: 100%;float: none;}
.single-company-main .tab-pane{padding: 10px 0;}
.single-company-main .post-logo{position: static;float: right;width: 150px;}
.single-company-main .table-summary .group-logo{max-width: 100px;max-height: 50px;}
.single-company-main .post-gallery .thumb{width: 100%;float: none;margin: 0;}
.single-company-main .post-detail .box{margin-bottom: 0;padding-bottom: 0;}
.single-company-main .feature{padding: 0;margin-bottom: 20px;border-bottom: 0;}
.single-company-main .feature .img,
.single-company-main .feature .body{width: 100%;margin-right: 0;}
.single-company-main .feature h3{font-size: 20px;line-height: 1.4;margin-top: 10px;}
.single-company-main .feature .text{font-size: 12px;}

.single-company-main .case h3{font-size: 16px;line-height: 1.6;}
}

.single-company-footer .related{background: var(--c1l);}
.single-company-footer .related .section-inner{}
.single-company-footer .related .section-title strong{color: var(--c1);}

.single-company-footer .related .post-all{display: flex;flex-wrap:wrap;}
.single-company-footer .related .post-single{width: 23.4%;margin-right: 2%;background: #fff;border-radius:5px;box-shadow:1px 1px 3px 0 rgba(0,0,0,.3);}
.single-company-footer .related .post-single:nth-child(4n){margin-right: 0;}

@media screen and (max-width:640px){
.single-company-footer .related .section-inner{padding: 40px 20px;}
.single-company-footer .related .post-single{width: 100%;margin-right: 0;}
}

/* 　WP:sidebar.php
******************************************/

.side-media .post-single{width: 100%;margin-bottom: 0;box-shadow:none;border-bottom: dashed 1px #ddd;}
.side-media .post-single:last-child{border-bottom: 0;}
.side-media .post-single > a{display: flex;flex-wrap:wrap;}
.side-media .post-img{width: 30%;margin-bottom: 0;}
.side-media .post-content{width: 67%;margin-left: 3%;}

.side-media .post-img img{width: 100%;}
.side-media .post-content{padding: 0;}
.side-media .post-title{font-size: 110%;margin: 0;border-bottom: 0;padding-bottom: 3px;}
.side-media .post-category{margin-bottom: 10px;font-size: 70%;position: static;color: var(--c1);}

.bottom .side-media .post-all{display: flex;flex-wrap:wrap;}
.bottom .side-media .post-single{width: 23.5%;margin-right: 2%;border-bottom: 0;}
.bottom .side-media .post-single a{overflow: hidden;}
.bottom .side-media .post-single:nth-child(4){margin-right: 0;}
.bottom .side-media .post-img,
.bottom .side-media .post-content{width: 100%;float: none;}
.bottom .side-media .post-img{margin-bottom: 10px;}

@media screen and (max-width:640px){
.bottom .side-media .post-single{width: 100%;margin-right: 0 !important;border-bottom: dashed 1px #ddd;}
.bottom .side-media .post-single:last-child{border-bottom: 0;}
.bottom .side-media .post-img{width: 30%;float: left;}
.bottom .side-media .post-content{width: 70%;float: right;padding-left: 10px;margin-bottom: 0;}
.bottom .side-media .post-single .post-title{font-size: 14px;}
}

/* 　footer
******************************************/

.page-link{text-align: center;clear: both;margin: 30px 0;}
.page-link a{color: #111;text-decoration: none;}
.page-link a i{color: var(--c1);font-size: 12px;margin-right: 10px;}
.page-link a:hover{color: var(--c1d);}

.member .page-link a i{color: var(--m1);}
.member .page-link a:hover{color: var(--m1d);}

.footer-link{clear: both;background: var(--c1d);color: #fff;padding: 30px;text-align: center;}
.footer-link li{display: inline-block;border-left: solid 1px rgba(255,255,255,.5);line-height: 1;margin-right: -5px;}
.footer-link li:first-child{border-left: 0;}
.footer-link a{color: #fff;text-decoration: none;display: block;padding: 2px 10px;}
.footer-link a:hover,
.footer-link a:active,
.footer-link a:focus{color: var(--c1);}

.footer-txt{background: #222;color: #fff;}
.footer-txt h6{border-bottom: solid 1px #999;margin-bottom: 10px;}
.footer-txt .section-inner{padding: 20px;font-size: 80%;}
.footer-txt li{display: inline-block;}
.footer-txt .list-prefucture{font-weight: bold;display: block;}

footer{width: 100%;color: #fff;font-weight: normal;font-size: 80%;text-align: center;padding: 40px 20px;}

@media screen and (max-width:640px){
.footer-link{padding: 10px;}
.footer-link li{display: block;border-left: 0;border-top: solid 1px rgba(255,255,255,.5);line-height: 1.4;}
.footer-link li:first-child{border-top: 0;}
.footer-link a{display: block;padding: 15px 10px;text-align: center;}
.footer-link a:hover,
.footer-link a:active{background: #1160b0;}

.footer-txt .section-inner{font-size: 70%;}
}

/* 　sub
******************************************/
.sub .content{padding: 40px 20px;background: #fff;border-radius:20px;max-width: 1200px;margin: 60px auto;
box-shadow:1px 1px 2px 0 rgba(0,0,0,.2);}

/* 　cta
******************************************/

.cta{text-align: center;margin-top: 20px;}
.cta img{width: auto;max-width: 100%;}

/* 　page
******************************************/
.page-inner{text-align: center;}

/* 　reason
******************************************/

.reason .single{text-align: left;display: flex;flex-wrap:wrap;align-items:center;padding: 20px 0;border-bottom: dashed 1px #ddd;}
.reason .single:last-child{border-bottom: 0;}
.reason .single .img{width: 37%;margin-right: 3%;}
.reason .single .body{width: 60%;}
.reason .single .body h2{padding-bottom: 10px;margin-bottom: 10px;font-size: 24px;color:var(--c1);}
.reason .single .body .text{line-height: 1.8;font-size: 16px;font-weight: normal;}

@media screen and (max-width:640px){
.reason .single .img,
.reason .single .body{width: 100%;margin-right: 0;}
.reason .single .img{margin-bottom: 10px;}
}

/* 　guideline
******************************************/

.guideline-inner{text-align: left;font-size: 14px;font-weight: normal;line-height: 1.8;}
.guideline-inner h2{font-size: 20px;border-bottom: solid 1px #ddd;padding-bottom: 10px;margin-bottom: 10px;}
.guideline-inner li{margin-bottom: 10px;}

/* 　contact
******************************************/

.edit-group{margin-top: 30px;border: solid 1px #333;border-radius:10px;padding: 20px;box-shadow:1px 1px 2px 0 rgba(0,0,0,.2);}
.edit-title{margin-bottom: 20px;}
.edit-title .num{background: var(--c1);color: #fff;padding: 1px 8px;border-radius:5px;font-size: 18px;display: inline-block;margin-right: 10px;vertical-align: middle;position: relative;top: -2px;}


.table-contact{max-width: 900px;}
.table-contact tr{border-bottom: solid 1px #ddd;}
.table-contact tr:last-child{border-bottom: 0;}
.table-contact th{background: #fff;}
.table-contact p{margin-bottom: 0;display: inline;}
.table-contact .form-group{margin-bottom: 0;}

.form-submit{text-align: center;padding: 20px 0;}

.label-block label{transition:all .1s linear 0s;}
.label-block label:hover{transform:scale(1.03);box-shadow:1px 1px 3px 0 rgba(0,0,0,.2);background: var(--c1l);}
.label-required{font-size: 10px;border-radius:30px;}
input[type=submit]{min-width:20em;}

.form-maintenance-all .check-all{display: block;border-radius:5px;box-shadow:1px 1px 3px 0 rgba(0,0,0,.4);display: flex;flex-wrap:wrap;justify-content:center;align-items:center;padding: 10px;border: solid 1px var(--c1d);transition:all .1s linear 0s;}
.form-maintenance-all .check-all:hover{background: var(--c1l);}
.form-maintenance-all .check-maintenance{display: flex;flex-wrap:wrap;}
.form-maintenance-all .wpcf7-list-item{width: 33.33%;padding: 10px;margin: 0;}
.form-maintenance-all .wpcf7-list-item label{border: solid 1px var(--c1d);display: flex;flex-wrap:wrap;align-items:center;background: no-repeat left center;background-size:cover;line-height: 1.2;padding: 40px 10px;justify-content:center;background-color:rgba(0,0,0,0.4);background-blend-mode:darken;color: #fff;border-radius:5px;box-shadow:1px 1px 3px 0 rgba(0,0,0,.4);text-shadow:1px 1px 2px 0 rgba(0,0,0,.2);transition:all .1s linear 0s;position: relative;}
.form-maintenance-all .wpcf7-list-item label:hover{transform:scale(1.03);}
.form-maintenance-all .wpcf7-list-item label input[type=checkbox]{position: absolute;top: 5px;left: 5px;}

.form-maintenance-all .wpcf7-list-item:nth-child(1) label{background-image: url(../img/work/work1.jpg);}
.form-maintenance-all .wpcf7-list-item:nth-child(2) label{background-image: url(../img/work/work2.jpg);}
.form-maintenance-all .wpcf7-list-item:nth-child(3) label{background-image: url(../img/work/work3.jpg);}
.form-maintenance-all .wpcf7-list-item:nth-child(4) label{background-image: url(../img/work/work4.jpg);}
.form-maintenance-all .wpcf7-list-item:nth-child(5) label{background-image: url(../img/work/work5.jpg);}
.form-maintenance-all .wpcf7-list-item:nth-child(6) label{background-image: url(../img/work/work6.jpg);}
.form-maintenance-all .wpcf7-list-item:nth-child(7) label{background-image: url(../img/work/work7.jpg);}
.form-maintenance-all .wpcf7-list-item:nth-child(8) label{background-image: url(../img/work/work8.jpg);}
.form-maintenance-all .wpcf7-list-item:nth-child(9) label{background-image: url(../img/work/work9.jpg);}

.form-maintenance-all label.label-checked{background-color:rgba(0,100,180,0.4);}

.form-group .come{font-weight: normal;font-size: 12px;}

.form-unit .form-control{display: inline-block;}
.form-unit span{display: inline-block;}
.form-unit .unit{margin-left: 10px;margin-right: 10px;}

span.wpcf7-not-valid-tip{margin-top: 5px;}
.wpcf7-spinner{display: block !important;margin: 2px auto !important;}
div.wpcf7-response-output{width: auto;padding: 20px !important;border-radius:10px;}

#footer-contact{background: rgba(255,255,255,.4);position: fixed;bottom: 0;right: 0;text-align: center;padding: 10px;opacity: 1;z-index: 99;display: inline-block;border-radius: 10px 0 0 0;transition:all .2s linear 0s;}
#footer-contact.hid{opacity: 0;}
#footer-contact .btn{display: inline-block;padding: 10px 20px;width: 200px;}

@media screen and (max-width:640px){
.edit-group{padding: 20px 10px;}	
.edit-title{text-align: left;}
.table-contact tr{padding: 10px 0;}
.table-contact th,
.table-contact td{padding: 5px;}

.form-maintenance-all .wpcf7-list-item{width: 50%;padding: 5px;}

.form-group .come{font-size: 10px;}

.form-unit .form-control{width: 80%;}
.form-unit .unit + .form-control,
.form-unit .unit + .wpcf7-form-control-wrap{margin-top: 10px;display: inline-block !important;}

.wpcf7-form-control-wrap{display: inline !important;}

#footer-contact{display: block;width: 100%;border-radius:0;padding: 5px;}
#footer-contact.hid{opacity: 1 !important;}
#footer-contact .btn{padding: 10px;margin-top: 0;font-size: 80%;width: 49%;display: block;float: left;}
#footer-contact .btn:last-child{float: right;}
}


.grecaptcha-badge { visibility: hidden; }

.link-home{text-align: center;padding: 20px 0;}



/* 　member
******************************************/
.member .label-owner{display: inline-block;background: var(--m1);color: #fff;border-radius:3px;}

.member .headline .user{padding-right: 10px;}
.member .headline .user a{text-decoration: none;color: #111;transition:all .1s linear 0s;display: block;}
.member .headline .user a:hover{transform:scale(1.03);}
.member .headline .user i{color: var(--m1d);}
.member .headline .user .label{display: block;}

.member .section-title{border:0;justify-content: center;margin-bottom: 40px;}
.member .archive-title{text-align: center;margin-top: -20px;margin-bottom: 40px;font-size: 18px;color: var(--m1d);}
.member .edit-title .num{background: var(--m1);}
.member .footer-link{display: none;}
.member .table-login{max-width: 900px;text-align: center;margin: auto;}

.nav-member{margin-bottom: 40px;}
.nav-member ul{display: flex;flex-wrap:wrap;border-bottom: solid 1px #ddd;}
.nav-member li{margin-right: 5px;}
.nav-member a{display: block;padding: 15px 20px;border: solid 1px #ddd;border-bottom: 0;border-radius: 5px 5px 0 0;text-decoration: none;box-shadow:1px -1px 2px 0 rgba(0,0,0,.1);color: #111;}
.nav-member a i{color: var(--m1);}
.nav-member a:hover{color: var(--m2);background: var(--m1l);}
.nav-member .active a{background: var(--m1);color: #fff;}
.nav-member .active a i{color: var(--m1l);}
@media screen and (max-width:640px){
.nav-member ul{overflow-x: scroll;}
.nav-member li{width: 24%;margin-right: 1%;}
.nav-member a{padding: 10px 5px;text-align: center;}
.nav-member a i{display: block;font-size: 20px;margin-right: 0;margin-bottom: 3px;}
.nav-member a .icon-text{font-size: 10px;}
}

/* 　schedule
******************************************/

.archive-schedule .nav-daily{margin-bottom: 20px;border: solid 1px #ddd;border-radius:5px;}
.archive-schedule .nav-daily ul{display: flex;justify-content:center;}
.archive-schedule .nav-daily a{display: block;padding: 10px;position: relative;border-right: solid 1px #ddd;color: var(--m1);text-align: center;}
.archive-schedule .nav-daily a:hover{background: var(--m1l);}
.archive-schedule .nav-daily li:first-child a{border-left: solid 1px #ddd;}
.archive-schedule .nav-daily a .count{display: inline-block;background: var(--m1d);color: #fff;border-radius:30px;padding: 1px 5px;font-size: 10px;right: 5px;z-index: 3;vertical-align: text-top;margin-left: 3px;}
.archive-schedule .nav-daily .active a{background: var(--m1);color: #fff;text-decoration: none;}
.archive-schedule .row{display: flex;flex-wrap:wrap;padding: 20px;border-bottom: dashed 1px #ddd;margin: 0;}
.archive-schedule .row > .datetime{width: 20%;text-align: center;font-size: 18px;}
.archive-schedule .row > .datetime .time{display: block;width: 100%;color: var(--m1d);}
.archive-schedule .body{width: 80%;display: flex;flex-wrap:wrap;;border: solid 1px #ddd;border-radius:5px;padding: 20px;text-decoration: none;color: #111;box-shadow:1px 1px 5px 0 rgba(0,0,0,.2);position: relative;}
.archive-schedule .body .info{width: 60%;}
.archive-schedule .body .company{width: 37%;margin-left: 3%;text-align: right;}
.archive-schedule .body .tag-work{position: absolute;left: 10px;top: -10px;border-radius:3px;}
.archive-schedule .body .datetime{color: var(--m1);}
.archive-schedule .body .memo{font-size: 12px;font-weight: normal;padding: 10px;border-radius:10px;background: #f9f9f9;border: solid 1px #eee;margin-top: 10px;}
.archive-schedule .body .memo p:last-child{margin-bottom: 0;}
.archive-schedule .body .company .tel,
.archive-schedule .body .company .mail{display: block;}

@media screen and (max-width:640px){
.archive-schedule .nav-daily{overflow-x: scroll;}
.archive-schedule .nav-daily a{padding: 10px 5px;font-size: 11px;}

.archive-schedule .row{padding: 20px 0;}
.archive-schedule .row > .datetime,
.archive-schedule .body{width: 100%;}
.archive-schedule .row > .datetime{margin-bottom: 20px;}
.archive-schedule .row .date{font-size: 24px;text-align: left;margin-bottom: 20px;}
.archive-schedule .body .info h2{font-size: 20px;margin-bottom: 10px;}
.archive-schedule .body .info,
.archive-schedule .body .company{width: 100%;}
.archive-schedule .body .company{padding-top: 10px;}
.archive-schedule .body .company .tel,
.archive-schedule .body .company .mail{display: inline-block;}
.archive-schedule .body .company .tel{margin-right: 10px;}
}

/* 　document
******************************************/

.archive-document .body{justify-content:space-between;position: relative;}
.archive-document .body .label{position: absolute;left: 0;top: 0;background: var(--c1d);display: inline-block;}
.archive-document .body .label-document1{background: var(--m1d);}
.archive-document .body .icon{width: 15%;text-align: center;display: flex;align-items:center;justify-content:center;}
.archive-document .body .icon i{font-size: 60px;line-height: 1;color: var(--m1);transition:all .1s linear 0s;}
.archive-document .body .icon a:hover i{transform:scale(1.03);color: var(--m1d);}
.archive-document .body-document0 .icon i{color: var(--c1);}
.archive-document .body-document0 .icon a:hover i{transform:scale(1.03);color: var(--c1d);}
.archive-document .body .info{width: 46%;}
.archive-document .body .info h2{font-size: 24px;}
.archive-document .body .price{font-size: 36px;line-height: 1;margin-top: 5px;}
.archive-document .body .company{width: 35%;}
.archive-document .body .account,
.archive-document .body .btns{width: 49%;}
.archive-document .body .account{margin-top: 20px;background: #f9f9f9;padding: 10px;border-radius:5px;}
.archive-document .body .account i{color: var(--m1);}
.archive-document .body .btns{justify-content: end;align-items:end;display: flex;}
.archive-document .body-document0 .btns{width: 100%;}

@media screen and (max-width:640px){
.archive-document .body .icon{width: 20%;}
.archive-document .body .info{width: 78%;}
.archive-document .body .company,
.archive-document .body .account,
.archive-document .body .btns{width: 100%;}

.archive-document .body .icon i{font-size: 48px;}
.archive-document .body .info h2{font-size: 14px;margin-bottom: 5px;}
.archive-document .body .price{font-size: 28px;}
.archive-document .body .company{margin: 0;text-align: center;}
.archive-document .body .company .tel,
.archive-document .body .company .address{display: block;}
.archive-document .body .account{margin-bottom: 10px;}
.archive-document .body .btns .btn{width: 100%;}
}

/* 　report
******************************************/
.archive-report .body > a{display:flex;flex-wrap:wrap;width: 100%;text-decoration: none;}
.archive-report .body .photo{width: 27%;}
.archive-report .body .info{width: 40%;margin: 0 3%;}
.archive-report .body .company{width: 27%;margin: 0;}
.archive-report .body .btns{width: 100%;position: relative;}
.archive-report .body .btns .btn{position: absolute;right: 10px;bottom: 10px;}
.archive-report .body .photo .thumb{padding-top: 75%;display: block;background: no-repeat center;background-size:cover;border-radius:5px;}

.slick-prev:before,
.slick-next:before{color: #111;}
.slick-prev{left: 5px;right: auto;z-index: 5;}
.slick-next{right: 5px;z-index: 5;}

.single-report .post-main{display: flex;flex-wrap:wrap;justify-content:space-between;}
.single-report .post-img{width: 37%;}
.single-report .post-info{width: 60%;}
.single-report .post-content{width: 100%;}

.single-report .section-title{text-align: center;flex-wrap:wrap;}
.single-report .section-title .datetime{width: 100%;color: var(--m1);display: block;font-size: 18px;margin-top: 10px;}

.post-img{position: relative;}
.post-img .slide-count{background: rgba(0,0,0,.5);color: #fff;padding: 1px 5px;position: absolute;right: 0;top: 0;display: inline-block;}
.post-img .slide-count .total{font-size: 10px;}
.post-img .slide-count .total:before{content:"/";display: inline-block;margin-right: 2px;}
.post-img .thumb{padding-top: 75%;display: block;background: no-repeat center;background-size:cover;border-radius:5px;}
#slide-main{margin-bottom: 10px;border-radius:5px;}
#slide-sub .thumb{}
#slide-sub .slick-list,
#slide-sub .slick-track{transform:none !important;}
#slide-sub .slide{border-radius:5px;overflow: hidden;margin: 0 5px;cursor:pointer;position: relative;}
#slide-sub .slide::after{background: none;display: block;position: absolute;content:"";width: 100%;height: 100%;left: 0;top: 0;}
#slide-sub .slick-current{position: relative;}
#slide-sub .slick-current::after{background: rgba(0,0,0,.3);}

.single-report .post-info .post-title{font-size: 24px;}
.single-report .post-info .list-summary{margin: 5px 0;}
.single-report .post-info .list-summary .datetime{color: var(--m1);font-size: 16px;}
.single-report .post-info .memo{padding: 10px;border: solid 1px #ddd;background: #f9f9f9;border-radius:5px;margin-bottom: 20px;}
.single-report .post-info .memo p:last-child{margin-bottom: 0;}
.single-report .post-info .company{background: var(--m1l);padding: 20px;margin-top: 20px;border-radius:5px;}
.single-report .post-info .company .company-name{font-size: 18px;}
.single-report .post-info .company a,
.single-report .post-info .company i{color: var(--m1d);}
.single-report .post-info .company .mail,
.single-report .post-info .company .tel{display: block;margin-bottom: 5px;}

.post-report{margin-top: 40px;}
.post-report .single{display: flex;flex-wrap:wrap;align-items:center;border: solid 1px #ddd;border-radius:10px;margin-bottom: 10px;}
.post-report .single .desc{width: 49%;margin-right: 2%;padding: 20px;text-align: right;}
.post-report .single .photo{width: 49%;padding: 20px;display: flex;align-items:center;justify-content:space-between;background: #f9f9f9;}
.post-report .single .photo figure{width: 49%;background: #eee;border: solid 1px #ddd;overflow: hidden;}
.post-report .single .photo .caption{width: 100%;display: block;font-size: 14px;color: #999;text-align: center;padding: 2px 10px;}
.post-report .single .photo img{max-width: 400px;}
.post-report .single h2{font-size: 22px;margin-bottom: 10px;}
.post-report .single .text{font-weight: normal;color: #333;}
@media screen and (max-width:640px){
.archive-report .body .photo,
.archive-report .body .info,
.archive-report .body .company{width: 100%;}
.archive-report .body .photo{margin-bottom: 10px;}
.archive-report .body .btns{margin-top: 10px;}
.archive-report .body .btns .btn{position: static;width: 100%;}

.single-report .post-img,
.single-report .post-info{width: 100%;}

.post-report .single h2{font-size: 20px;}
.post-report .single .desc{width: 100%;margin-right: 0;text-align: left;padding: 15px;}
.post-report .single .photo{width: 100%;padding: 15px;}

}

/* account
******************************************/

.member-account .building{display: flex;flex-wrap:wrap;justify-content:space-between;}
.member-account .post-img{width: 37%;}
.member-account .table-building{width: 60%;}

.member-account .table-edit th,
.member-account .table-edit td{padding: 20px;}
.member-account .table-edit a{color: var(--m1);}

.member-account .table-building,
.member-account .table-building thead,
.member-account .table-building tbody,
.member-account .table-building tfoot,
.member-account .table-building tr,
.member-account .table-building th,
.member-account .table-building td{display: block;}

.member-account .table-building th,
.member-account .table-building td{text-align: left;}
.member-account .table-building th{border-bottom: solid 1px #ddd;padding: 5px;color: #999;}
.member-account .table-building td{font-size: 16px;}
.member-account .table-building .btn{padding: 5px 10px;font-size: 12px;margin-left: 10px;}

#modal-map iframe{width: 100%;height: 450px;}

@media screen and (max-width:640px){
.member-account .post-img,
.member-account .table-building{width: 100%;}
.member-account .table-building td{font-size: 12px;}
}

/* 　form:upload-img
******************************************/

.upload-all{display: flex;flex-wrap:wrap;}
.upload-all .upload-single{width: 18.4%;margin-right: 2%;margin-bottom: 10px;}
.upload-all .upload-single:nth-child(5n){margin-right: 0;}

.upload-single{max-width: 300px;}
.upload-single label{display: block;}
.upload-single .img-outer{width: 100%;border: solid 1px #ddd;position: relative;margin-bottom: 5px;transition:all .1s linear 0s;padding: 3px;}
.upload-single .img-outer.dragged{border: solid 1px var(--c2);}
.upload-single .img{padding-bottom: 75%;display: block;width: 100%;
background: no-repeat center center;background-size:contain;}
.upload-single .btn-upload-delete{position: absolute;top: 5px;right: 5px;opacity: .8;padding: 5px 10px;background: #111;}
.upload-single .btn-upload-delete i{margin-right: 0;font-size:12px;line-height: 1;color: #fff;}
.upload-single .caption textarea{font-size: 12px;}

.upload-multiple{text-align: center;}
.upload-multiple .come{display: block;}
.upload-multiple label{margin: 10px 0;}
.upload-multiple .output{}
.upload-multiple .cancel{cursor:pointer;display: inline-block;padding: 3px 10px;margin-left: 3px;font-size: 11px;}

@media screen and (max-width:900px){
.upload-all .upload-single{width: 23.5%;}
.upload-all .upload-single:nth-child(5n){margin-right: 2%;}
.upload-all .upload-single:nth-child(4n){margin-right: 0;}
}
@media screen and (max-width:640px){
.upload-all .upload-single{width: 32%;}
.upload-all .upload-single:nth-child(4n){margin-right: 2%;}
.upload-all .upload-single:nth-child(3n){margin-right: 0;}
}
@media screen and (max-width:480px){
.upload-all .upload-single{width: 49%;}
.upload-all .upload-single:nth-child(3n){margin-right: 2%;}
.upload-all .upload-single:nth-child(2n){margin-right: 0;}
}


.grecaptcha-badge {
　visibility: hidden;
}