@charset "UTF-8";
/* CSS Document */

@media (min-width:769px){
#main {min-height:495px;}
#side {
	position:fixed;
	top:10px;
	}
}

#contentHead>.inner>h1 {
	padding:28px;
	line-height:1em;
	}
#pankuzu {
	font-size:12px;
	border-top:1px solid #61B322;
	padding:5px 28px;
	}
#pankuzu span {
	display:inline-block;
	background:url(../img/icon_arrow.png) no-repeat center right;
	padding:0 15px 0 5px;
	}
@media (max-width:768px){
#contentHead>.inner>h1 {padding:15px 2%;font-size:0px;line-height:0;}
#contentHead>.inner>h1 img {height:20px;width:auto;}
#pankuzu {display:none;}
}

/*事業紹介*/
.slider {max-width:760px;margin:0 auto;}
.slider .imgArea {text-align:center;margin-bottom:20px;position:relative;}
.slider .controller.txt li {background:#EDEDED;font-size:14px;color:#777;text-align:center;padding:12px 0 10px;line-height:1em;}
.slider .controller li:hover,
.slider .controller li.stay {opacity:0.5;cursor:pointer;}
.slider .bx-wrapper{
	position:relative;
	}
.slider .info {padding-top:15px;}
.slider .bx-prev, .slider .bx-next {position:absolute;background-repeat:no-repeat;width:40px;height:40px;display:block;overflow:hidden;text-indent:-9999em;}
.slider .bx-prev {left:-50px;top:50%;margin-top:-20px;background-image:url(../img/examples/btn_slide_prev.png)}
.slider .bx-next {right:-50px;top:50%;margin-top:-20px;background-image:url(../img/examples/btn_slide_next.png)}
@media (max-width:768px){
.slider .bx-controls {display:none;}
.slider .controller.txt li {font-size:10px;}
}
	
/*タブ領域*/
#tabArea>*{
	text-align:center;
	padding:12px 0;
	line-height:0;
	vertical-align:middle;
	border-left:1px solid #61B322;
	}
#tabArea > *:first-child {border:none;}
#tabArea span,#tabArea a:hover {
	background:#61B322;
	}
@media (max-width:768px){
#tabArea img {height:14px;}
#tabArea.tableLayout.fixLayout.column3 {table-layout:auto;}
}
	
/*ページナビ*/
.pagenav {margin:40px 0 40px;text-align:center;}
.pagenav a {display:inline-block;margin:0 15px;}

/*記事領域*/
#main .minH {color:#61B322;padding:15px 30px;line-height:1.4em;background-repeat:no-repeat;background-position:30px 18px;font-size:29px}
#main .inner h3.minH.iconNote {background-position:0 3px;padding:0 0 0 30px;margin-bottom:15px;}
#main .minH.iconNote {padding-left:60px; background-image:url(../img/icon_note.jpg);font-size:26px;}
#main .minH.iconFlag {padding-left:70px; background-image:url(../img/icon_flag.png);font-size:26px;}
#main .minH.iconHuman {padding-left:70px; background-image:url(../img/icon_human.png);font-size:26px;}
#main .minH.iconMAP {padding-left:70px; background-image:url(../img/icon_map.png);font-size:26px;}
@media (max-width:768px){
#main .inner h3.minH {background-size:auto 22px;background-position:0 0 !important;}
}
#main .contentBody {font-size:19px;padding:20px 25px}
#main .contentBody .tip {
	color:#fff;
	font-size:14px;
	background:#61B322;
	display:inline-block;
	line-height:24px;
	padding:2px 20px 0;
	}
#main .contentBody p {margin-top:0.7em;}
#main .contentBody p:nth-of-type(1){margin:0;}
#main .contentBody figure.right {margin-bottom:1em;margin-left:1em;}
#main .contentBody figure {text-align:center;}
#main .contentBody figure.alignL {text-align:left;}
#main .contentBody .tableLayout.imgTable>*:first-child {padding-right:1em;}
#main .contentBody .tableLayout.imgTable {margin-top:20px}
#main .contentBody .tableLayout.imgTable:first-child {margin-top:0}
#main .contentBody .tableLayout.imgTable>div {vertical-align:top;}
#main .contentBody .tableLayout.column3 > *{padding:0 2%;}

#main .contentBody .pointH {
	position:relative;
	padding-left:13px;
	margin-top:20px;
	display:block;
	}
#main .contentBody .pointH:before {
	content:" ";
	background:#61B322;
	height:1em;
	width:5px;
	position:absolute;
	left:0;
	top:3px;
	}
@media (max-width:768px){
#main .minH {padding-left:2%;padding-right:2%;font-size:17px;}
#main .minH.iconNote {padding-left:10%;background-position:2% center;font-size:16px;}
#main .minH.iconFlag {padding-left:10%;background-position:2% center;font-size:16px;}
#main .minH.iconHuman {padding-left:10%;background-position:2% center;font-size:16px;}
#main .minH.iconMAP {padding-left:10%;background-position:2% center;font-size:16px;}
#main .contentBody {padding:20px 2%;font-size:13px;}
#main .contentBody figure.right {float:none;margin-left:0;}
#main .contentBody .tableLayout.imgTable {padding:15px 0 0;border-top:1px solid #ededed;}
#main .contentBody .tableLayout.imgTable:first-child {border:none;}
#main .contentBody .tableLayout.imgTable>*:first-child {padding-right:0;margin-bottom:10px;}
#main .contentBody .tableLayout.imgTable,#main .contentBody .tableLayout.imgTable > *,
#main .contentBody .tableLayout.beforeAfter, #main .contentBody .tableLayout.beforeAfter > * {display:block;}
#main .contentBody .tableLayout.beforeAfter .vm {
	width:100% !important;
	display:block;
	text-align:center;
	padding:20px 0;
	}
#main .contentBody .tableLayout.beforeAfter p.fs80{
	font-size:inherit !important;
	}
}

/*ジンカンパニーについて*/
@media (max-width:768px){
#aboutType {text-align:center;}
#aboutType > div > p {margin-top:20px;}
#aboutType > div > p:first-child img {height:40px;}
#main #content #strongPoint .tableLayout {position:relative;padding-bottom:70px;}
#strongPoint .tableLayout .linkArea {
	width:100%;
	text-align:center;
	position:absolute;
	left:0;
	bottom:0;
	}
#strongPoint .tableLayout .linkArea a img {height:30px;}
}

/*社員紹介*/
#main .staffArea .contentBody {
	font-size:14px;
	}
.staffArea {margin-bottom:10px;}
.staffArea dl.nameArea dt span {
	font-size:200%;
	font-weight:bold;
	}
.staffArea dl.tableLayout {width:auto;}
.staffArea dl.tableLayout dd {padding-left:15px;}
.staffArea dl.tableLayout dd span {background:#61B322;display:inline-block;padding:5px 10px;margin-right:5px;color:#fff;line-height:1em;}
.staffDetailArea {font-size:92%}
.staffDetailArea table th {width:20%;}
.staffDetailArea div.tableLayout figure {padding-right:15px;}
.staffDetailArea div.tableLayout > * {vertical-align:top;}

.staffArea.box:nth-of-type(1n) {background:#79C0D7;}
.staffArea:nth-of-type(1n) dl.nameArea dt span {color:#79C0D7;}
.staffArea:nth-of-type(1n) dl.tableLayout dd span {background:#79C0D7;}
.staffArea:nth-of-type(1n) .staffDetailArea table th {color:#79C0D7;}

.staffArea.box:nth-of-type(2n) {background:#EAC85A;}
.staffArea:nth-of-type(2n) dl.nameArea dt span {color:#EAC85A;}
.staffArea:nth-of-type(2n) dl.tableLayout dd span {background:#EAC85A;}
.staffArea:nth-of-type(2n) .staffDetailArea table th {color:#EAC85A;}

.staffArea.box:nth-of-type(3n) {background:#F87FC3;}
.staffArea:nth-of-type(3n) dl.nameArea dt span {color:#F87FC3;}
.staffArea:nth-of-type(3n) dl.tableLayout dd span {background:#F87FC3;}
.staffArea:nth-of-type(3n) .staffDetailArea table th {color:#F87FC3;}



@media (max-width:768px){
.staffArea {padding-top:0;}
.staffArea dl.tableLayout {display:block;}
.staffArea dl.tableLayout > * {display:block;}
.staffArea dl.tableLayout dd {padding:0;margin-top:0.5em;}
.staffArea dl.nameArea dt span {font-size:130%;}
.staffDetailArea div.tableLayout {display:block;}
.staffDetailArea div.tableLayout > * {display:block;}
.staffDetailArea div.tableLayout figure {padding-right:0;margin-bottom:15px;}
.staffDetailArea div.tableLayout figure img {max-width:50%;}
}

/*アクセス*/
#gmap {
	width:100%;
	height:450px;
	}
@media (max-width:768px){
#gmap {height:300px;}
}
@media (max-width:400px){
#gmap {height:200px;}
}

/*店舗用品*/
.slideBlockArea {max-width:800px;margin:30px auto;}
.slideBlockArea li {
	width:32%;
	float:left;
	margin-bottom:20px;
	margin-right:2%;
	}
@media (min-width:401px){
.slideBlockArea li:nth-of-type(3n) {margin-right:0}
}
@media (max-width:400px){
.slideBlockArea li {width:48%;}
.slideBlockArea li:nth-of-type(2n) {margin-right:0}
}
.slideBlockArea li .slideBlockMain,
.slideBlockArea li .slideBlockThumb {text-align:center;margin:10px auto;max-width:246px;}
.slideBlockArea li .slideBlockThumb a:first-child {text-align:left;}
.slideBlockArea li .slideBlockThumb a:last-child {text-align:right;}
#main .contentBody .slideBlockArea li p {margin-top:10px;}
.slideBlockArea li .slideBlockThumb a img {max-width:100%;}

/*実績一覧*/
.workList a.tableLayout {
	border:1px solid #61B322;
	color:inherit;
	text-decoration:none;
	margin-bottom:20px;
	}
.workList a.tableLayout>div {line-height:1.2em; padding:10px 10px 0 10px;}
.workList a.tableLayout div .green {font-size:11px;margin-top:0 !important; text-align:left;}
.workList a.tableLayout figure {width:264px;vertical-align:top;line-height:0;text-align:right !important;}
@media (max-width:499px){
.workList a.tableLayout {display:block;padding:10px 2%;width:auto;}
.workList a.tableLayout > * {display:block;}
.workList a.tableLayout>div {padding:0}
.workList a.tableLayout figure {width:auto;text-align:center !important;margin-top:15px;}
}


/*お問い合わせ*/
.red {color:#ff0000;}
#main .contentBody.contact.cform2, #main .contentBody.contact.cform3 {display:none;}

#main .contentBody.contact {
	font-size:16px;
	}

#main .contentBody.contact table {
	border-collapse:collapse;
	text-align:left;
	width:100%;
	margin-bottom:20px;
	}
#main .contentBody.contact table th, #main .contentBody.contact table td {padding:10px;background:#f2f2f2;border:1px solid #fff;}
#main .contentBody.contact table th {
	font-weight:normal;
	width:150px;
	}
	
#main .contentBody.contact input, #main .contentBody.contact textarea {
	font-size:20px;
	padding:5px;
	border:1px solid #61b322;
	width:50%;
	}
#main .contentBody.contact input.lng {width:90%;}
#main .contentBody.contact textarea {width:90%;height:200px;}
#main .contentBody.contact a.btn {
	display:inline-block;
	text-align:center;
	width:40%;
	max-width:120px;
	background:#61b322;
	color:#fff;
	font-size:120%;
	text-decoration:none;
	padding:10px 5px;
	line-height:1em;
	}
#main .contentBody.contact a.btn.gray {
	background:#666;
	}
#main .contentBody.contact .caution {
	font-size:13px;
	color:#ff0000;
	}
@media (max-width:499px){
#main .contentBody.contact>p:first-child {font-size:13px;}
#main .contentBody.contact table {display:block;}
#main .contentBody.contact table>* {display:block;width:100%;}
#main .contentBody.contact table tr,
#main .contentBody.contact table th, #main .contentBody.contact table td {display:block;width:auto;}
#main .contentBody.contact table th {
	font-size:14px;
	background:none;
	padding:0 0 0 0;
	}
#main .contentBody.contact table tr:nth-of-type(n+2) th {
	padding:10px 0 0 0;
	}
#main .contentBody.contact table input.lng,
#main .contentBody.contact table input, #main .contentBody.contact table textarea {display:block;width:auto;padding:5px 2%;width:96%;}

}

/*飛沫防止*/
#main .contentBody .himatsu {font-size:16px;}
#main .inner .himatsu h3 {color:#182987;}
#main .inner .himatsu .border-blue {
    border:  1px solid #182987!important;}
.border-blue {border:  3px solid #182987!important;}