@charset "utf-8";
/**
 * style
 * (c) FOURDIGIT Inc.
 *
 * 1. import
 * 2. html, body
 * 3. HTMLtag, siteCommonClass
 * 4. Layout
 * 5. EachPageStyle
 *
 */
/**
 * 1. import
 */
@import "import/reset.css";
@import "import/util.css";
/* @import "../ext_{bukkenID}/{bukkenID}.css"; */
@import url(https://fonts.googleapis.com/css?family=Oswald);

/**
 * 2. html, body
 */
	html {
		font-size: 62.5%; /* 10px */
	}
@media only screen and (max-width:480px) {
	html {
		font-size: 56.25%; /* 9px */
	}
}
	body {
		background-color: #fff;
		background-image: url(../imgs/space.gif);
		background-repeat: repeat-x;
		background-position: center top;
		-webkit-text-size-adjust: 100%;
	}
	.page {
		color: #333;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.8;
		letter-spacing: 0.1em;
		font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	}
	img {
		max-width: 100%;
		height: auto;
		vertical-align: bottom;
	}
/**
 * 3. HTMLtag, siteCommonClass
 */
/* anchor */
	a {
		background-color: transparent;
		background-image: none;
		background-repeat: no-repeat;
		background-position: top left;
		color: #000;
		text-decoration: none;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	a:hover {
		color: #000;
		background-position: bottom right;
		text-decoration: none;
	}

/* cap */
	.cap,
	.caption {
		background: none;
		color: #858585;
		font-size: 10px;
		font-size: 1.0rem;
	}
	.cap {
		padding-top: 10px;
	}

/**
 * 4. Layout
 */
	#container {
		max-width: 100%;
		min-width: 1000px;
		margin-right: auto;
		margin-left: auto;
		background-color: transparent;
		background-image: url(../imgs/space.gif);
		background-repeat: repeat-y;
		background-position: center top;
		text-align: left;
	}
	.inner {
		max-width: 1240px;
		min-width: 980px;
		padding-left: 10px;
		padding-right: 10px;
		margin-left: auto;
		margin-right: auto;
	}
	.wrap {
		max-width: 1080px;
		min-width: 980px;
		padding-left: 10px;
		padding-right: 10px;
		margin-left: auto;
		margin-right: auto;
	}
@media only screen and (max-width: 736px) {
	#container {
		max-width: 100%;
		min-width: 100%;
	}
	.inner,
	.wrap {
		max-width: 98%;
		min-width: 98%;
		padding-left: 0;
		padding-right: 0;
	}
}
/* ------------------------------------
gHeader fixed
------------------------------------ */
    .ghdrFix #gHeader {
        width: 100%;
        min-width: 1000px;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999;
    }
    .ghdrFix #container {
        padding-top: 106px;
    }
@media only screen and (max-width: 736px) {
    .ghdrFix #gHeader {
        min-width: 100%;
    }
    .ghdrFix #container {
        padding-top: 70px;
    }
}
/* ------------------------------------
hdrArea
------------------------------------ */
	#hdrArea {
		background-color: #2f4053;
		padding-top: 7px;
		padding-bottom: 7px;
		position: relative;
	}
	#hdrArea .shldrTxt {
		float: left;
		color: #e5e5e5;
		font-size: 10px;
		font-size: 1.0rem;
		line-height: 16px;
	}
	#pNav {
		float: right;
	}
	#pNav a:hover {
		-moz-opacity: 0.7;
		opacity: 0.7;
	}
	#pNav ul {
		font-size: 0;
		letter-spacing: -0.4em;
	}
	#pNav li {
		display: inline-block;
		font-size: 14px;
		font-size: 1.4rem;
		letter-spacing: 0.1em;
	}
	#pNav li + li {
		margin-left: 15px;
	}
@media only screen and (max-width: 736px) {
	#hdrArea {
		display: none;
	}
}
/* ------------------------------------
naviArea
------------------------------------ */
	#naviArea {
		background-color: #fff;
		border-bottom: 3px solid #28a7e1;
		position: relative;
	}
/* logo */
	#naviArea .siteTitle {
		float: left;
		padding-top: 20px;
		padding-bottom: 19px;
		width: 368px;
	}
@media only screen and (max-width: 736px) {
	#naviArea .siteTitle {
		position: absolute;
	    top: 50%;
	    left: 1%;
	    -webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	    transform: translateY(-50%);
		padding-top: 0;
		padding-bottom: 0;
		z-index: 1;
	}
}
@media only screen and (max-width: 430px) {
	#naviArea .siteTitle {
		width: 70%;
	}
}

/* hamburger */
	#hamburger {
		display: none;
	}
@media only screen and (max-width: 736px) {
	#hamburger {
		display: block;
		width: 36px;
		height: 27px;
		float: right;
		position: relative;
		padding: 22px 0 21px 0;
		cursor: pointer;
		z-index: 2;
	}
	#hamburger .icn {
		position: relative;
		width: 100%;
		height: 100%;
	}
	#hamburger .icn span {
		position: absolute;
		left: 0;
		width: 36px;
		height: 4px;
		background-color: #3d4d5e;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-ms-border-radius: 10px;
		-o-border-radius: 10px;
		border-radius: 10px;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}
	#hamburger .icn span:nth-of-type(1) {
		top: 0;
	}
	#hamburger .icn span:nth-of-type(2) {
		top: 11px;
	}
	#hamburger .icn span:nth-of-type(3) {
		top: 22px;
	}

	#hamburger .icn span:nth-of-type(1) {
		-webkit-animation: menu-bar01 .75s forwards;
		animation: menu-bar01 .75s forwards;
	}
	@-webkit-keyframes menu-bar01 {
		0% {
			-webkit-transform: translateY(11px) rotate(45deg);
		}
		50% {
			-webkit-transform: translateY(11px) rotate(0);
		}
		100% {
			-webkit-transform: translateY(0) rotate(0);
		}
	}
	@keyframes menu-bar01 {
		0% {
			transform: translateY(11px) rotate(45deg);
		}
		50% {
			transform: translateY(11px) rotate(0);
		}
		100% {
			transform: translateY(0) rotate(0);
		}
	}
	#hamburger .icn span:nth-of-type(2) {
		transition: all .25s .25s;
		opacity: 1;
	}
	#hamburger .icn span:nth-of-type(3) {
		-webkit-animation: menu-bar02 .75s forwards;
		animation: menu-bar02 .75s forwards;
	}
	@-webkit-keyframes menu-bar02 {
		0% {
			-webkit-transform: translateY(-11px) rotate(-45deg);
		}
		50% {
			-webkit-transform: translateY(-11px) rotate(0);
		}
		100% {
			-webkit-transform: translateY(0) rotate(0);
		}
	}
	@keyframes menu-bar02 {
		0% {
			transform: translateY(-11px) rotate(-45deg);
		}
		50% {
			transform: translateY(-11px) rotate(0);
		}
		100% {
			transform: translateY(0) rotate(0);
		}
	}
	#hamburger.on .icn span:nth-of-type(1) {
		-webkit-animation: active-menu-bar01 .75s forwards;
		animation: active-menu-bar01 .75s forwards;
	}
	@-webkit-keyframes active-menu-bar01 {
		0% {
			-webkit-transform: translateY(0) rotate(0);
		}
		50% {
			-webkit-transform: translateY(11px) rotate(0);
		}
		100% {
			-webkit-transform: translateY(11px) rotate(45deg);
		}
	}
	@keyframes active-menu-bar01 {
		0% {
			transform: translateY(0) rotate(0);
		}
		50% {
			transform: translateY(11px) rotate(0);
		}
		100% {
			transform: translateY(11px) rotate(45deg);
		}
	}
	#hamburger.on .icn span:nth-of-type(2) {
		opacity: 0;
	}
	#hamburger.on .icn span:nth-of-type(3) {
		-webkit-animation: active-menu-bar03 .75s forwards;
		animation: active-menu-bar03 .75s forwards;
	}
	@-webkit-keyframes active-menu-bar03 {
		0% {
			-webkit-transform: translateY(0) rotate(0);
		}
		50% {
			-webkit-transform: translateY(-11px) rotate(0);
		}
		100% {
			-webkit-transform: translateY(-11px) rotate(-45deg);
		}
	}
	@keyframes active-menu-bar03 {
		0% {
			transform: translateY(0) rotate(0);
		}
		50% {
			transform: translateY(-11px) rotate(0);
		}
		100% {
			transform: translateY(-11px) rotate(-45deg);
		}
	}
}

/* #gNav */
	#gNav {
		float: right;
	}
	#gNav ul {
		font-size: 0;
		letter-spacing: -0.4em;
	}
	#gNav li {
		display: inline-block;
		vertical-align: top;
		font-size: 14px;
		font-size: 1.4rem;
		letter-spacing: 0.1em;
	}
	#gNav .gNav-bt a {
		display: block;
		text-indent: -9999em;
		height: 73px;
	}
	#gNav .business .gNav-bt a {
		width: 96px;
		background: transparent url(../imgs/nav-business.png) 0 0 no-repeat;
	}
	#gNav .business.on .gNav-bt a,
	#gNav .business .gNav-bt.hov a {
		background: #28a7e1 url(../imgs/nav-business_ov.png) 0 0 no-repeat;
	}
	#gNav .company .gNav-bt a {
		width: 151px;
		background: transparent url(../imgs/nav-company.png) 0 0 no-repeat;
	}
	#gNav .company.on .gNav-bt a,
	#gNav .company .gNav-bt.hov a {
		background: #28a7e1 url(../imgs/nav-company_ov.png) 0 0 no-repeat;
	}
	#gNav .service .gNav-bt a {
		width: 208px;
		background: transparent url(../imgs/nav-service.png) 0 0 no-repeat;
	}
	#gNav .service.on .gNav-bt a,
	#gNav .service .gNav-bt.hov a {
		background: #28a7e1 url(../imgs/nav-service_ov.png) 0 0 no-repeat;
	}
	#gNav .recruit .gNav-bt a {
		width: 97px;
		background: transparent url(../imgs/nav-recruit.png) 0 0 no-repeat;
	}
	#gNav .recruit.on .gNav-bt a,
	#gNav .recruit .gNav-bt.hov a {
		background: #28a7e1 url(../imgs/nav-recruit_ov.png) 0 0 no-repeat;
	}
	#gNav .gNav-bt .toggleBt {
		display: none;
	}
	#gNav .contact, #gNav .sitemap {
		display: none;
	}
@media only screen and (max-width: 736px) {
	#gNav {
		float: none;
		width: 100%;
		height: 100%;
		position: fixed;
		top: 70px;
		left: 0;
		display: none;
		z-index: 9999;
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}
	#gNav li {
		display: block;
		background: transparent url(../imgs/snav/bg-snav.png) 0 0 repeat;
	}
	#gNav .gNav-bt {
		position: relative;
	}
	#gNav .gNav-bt .toggleBt {
		display: block;
		width: 20%;
		height: 60px;
		line-height: 60px;
		color: #fff;
		text-align: center;
		background-color: #3d5f7e;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 1;
		cursor: pointer;
	}
	#gNav a,
	#gNav .gNav-bt a,
	#gNav .contact a,
	#gNav .sitemap a {
		display: block;
		width: 100%;
		height: 60px;
		line-height: 60px;
		text-indent: 0;
		font-size: 13px;
		font-size: 1.3rem;
		color: #fff;
		letter-spacing: 0.2em;
		text-align: center;
	}
	#gNav .contact a,
	#gNav .sitemap a {
		height: 45px;
		line-height: 45px;
	}
	#gNav .business .gNav-bt a,
	#gNav .company .gNav-bt a,
	#gNav .service .gNav-bt a,
	#gNav .recruit .gNav-bt a {
		width: 100%;
		background: none;
	}
	#gNav .business.on .gNav-bt a,
	#gNav .business .gNav-bt.hov a,
	#gNav .company.on .gNav-bt a,
	#gNav .company .gNav-bt.hov a,
	#gNav .service.on .gNav-bt a,
	#gNav .service .gNav-bt.hov a,
	#gNav .recruit.on .gNav-bt a,
	#gNav .recruit .gNav-bt.hov a {
		background: transparent url(../imgs/snav/bg-snav_ov.png) 0 0 repeat;
	}
	#gNav .contact, #gNav .sitemap {
		display: block;
		background-color: rgba(0, 1, 2, 0.3);
	}
	#gNav .contact a:before {
		content: "";
		display: inline-block;
		width: 19px;
		height: 17px;
		background: transparent url(../imgs/icn-contact.png) 0 0 no-repeat;
		-webkit-background-size: contain;
		background-size: contain;
		vertical-align: middle;
		padding-right: 11px;
	}
	#gNav .sitemap a:before {
		content: "";
		display: inline-block;
		width: 16px;
		height: 17px;
		background: transparent url(../imgs/icn-sitemap.png) 0 0 no-repeat;
		-webkit-background-size: contain;
		background-size: contain;
		vertical-align: middle;
		padding-right: 9px;
	}
}
/* snav */
	.snav {
		position: absolute;
		top: 76px;
		left: 0;
		max-width: 100%;
		min-width: 980px;
		width: 100%;
		background: transparent url(../imgs/snav/bg-snav.png) 0 0 repeat;
		display: none;
		z-index: 9999;
	}
	.snav .inner {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.business .snav .inner {
		background: transparent url(../imgs/snav/bgSnav-business.png) bottom left no-repeat;
	}
	.company .snav .inner {
		background: transparent url(../imgs/snav/bgSnav-company.png) bottom left no-repeat;
	}
	.service .snav .inner {
		background: transparent url(../imgs/snav/bgSnav-service.png) bottom left no-repeat;
	}
	.recruit .snav .inner {
		background: transparent url(../imgs/snav/bgSnav-recruit.png) bottom left no-repeat;
	}
	.snav .snav-txt {
		float: left;
	}
	.business .snav .snav-txt {
		width: 50.32258065%;
	}
	.company .snav .snav-txt {
		width: 38.9516129%;
	}
	.service .snav .snav-txt {
		width: 28.06451613%;
	}
	.recruit .snav .snav-txt {
		width: 28.06451613%;
	}
	.snav .snav-btArea {
		float: right;
	}
	.snav.item4 .snav-btArea {
		width: 45.96774194%;
	}
	.snav.item4 .snav-btArea li {
		width: 23.68421053%;
	}
	.snav.item4 .snav-btArea li + li {
		margin-left: 1.75438596%;
	}
	.snav.item5 .snav-btArea {
		width: 57.66129032%;
	}
	.snav.item5 .snav-btArea li {
		width: 18.88111888%;
	}
	.snav.item5 .snav-btArea li + li {
		margin-left: 1.3986014%;
	}
	.snav.item6 .snav-btArea {
		width: 69.355%;
	}
	.snav.item6 .snav-btArea li {
		width: 15.69767442%;
	}
	.snav.item6 .snav-btArea li + li {
		margin-left: 1.163%;
	}
	.snav .snav-btArea li a:hover,
	.snav .snav-btArea li.on a {
		-moz-opacity: 0.5;
		opacity: 0.5;
	}
@media only screen and (max-width: 736px) {
	.snav {
		position: static;
		max-width: 100%;
		min-width: 100%;
	}
	.snav .inner {
		max-width: 100%;
		min-width: 100%;
		padding-top: 0;
		padding-bottom: 0;
	}
	.snav .snav-txt {
		display: none;
	}
	.snav .snav-btArea {
		float: none;
	}
	.snav.item4 .snav-btArea,
	.snav.item5 .snav-btArea,
	.snav.item6 .snav-btArea {
		width: 100%;
	}
	.snav.item4 .snav-btArea li,
	.snav.item5 .snav-btArea li,
	.snav.item6 .snav-btArea li {
		width: 100%;
	}
	.snav.item4 .snav-btArea li + li,
	.snav.item5 .snav-btArea li + li,
	.snav.item6 .snav-btArea li + li {
		margin-left: 0;
	}
	#gNav .snav .snav-btArea li.main {
		background: transparent url(../imgs/snav/bgSpSnav-main.jpg) 0 0 no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
	}
	#gNav .snav .snav-btArea li.backup {
		background: transparent url(../imgs/snav/bgSpSnav-backup.jpg) 0 0 no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
	}
	#gNav .snav .snav-btArea li.build {
		background: transparent url(../imgs/snav/bgSpSnav-build.jpg) 0 0 no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
	}
	#gNav .snav .snav-btArea li.proposal {
		background: transparent url(../imgs/snav/bgSpSnav-proposal.jpg) 0 0 no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
	}
	#gNav .snav .snav-btArea li.profile {
		background: transparent url(../imgs/snav/bgSpSnav-profile.jpg) 0 0 no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
	}
	#gNav .snav .snav-btArea li.history {
		background: transparent url(../imgs/snav/bgSpSnav-history.jpg) 0 0 no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
	}
	#gNav .snav .snav-btArea li.group {
		background: transparent url(../imgs/snav/bgSpSnav-group.jpg) center center no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
	}
	#gNav .snav .snav-btArea li.works {
		background: transparent url(../imgs/snav/bgSpSnav-works.jpg) 0 0 no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
	}
	#gNav .snav .snav-btArea li.license {
		background: transparent url(../imgs/snav/bgSpSnav-license.jpg) 0 0 no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
	}
	#gNav .snav .snav-btArea li.basic {
		background: transparent url(../imgs/snav/bgSpSnav-basic.jpg) 0 0 no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
	}
	#gNav .snav .snav-btArea li.inspection {
		background: transparent url(../imgs/snav/bgSpSnav-inspection.jpg) 0 0 no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
	}
	#gNav .snav .snav-btArea li.staff {
		background: transparent url(../imgs/snav/bgSpSnav-staff.jpg) 0 0 no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
	}
	#gNav .snav .snav-btArea li.equipment {
		background: transparent url(../imgs/snav/bgSpSnav-equipment.jpg) 0 0 no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
	}
	#gNav .snav .snav-btArea li.environment {
		background: transparent url(../imgs/snav/bgSpSnav-environment.jpg) 0 0 no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
	}
	#gNav .snav .snav-btArea li.iso {
		background: transparent url(../imgs/snav/bgSpSnav-iso.jpg) 0 0 no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
	}
	#gNav .snav .snav-btArea li.sales {
		background: transparent url(../imgs/snav/bgSpSnav-sales.jpg) 0 0 no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
	}
	#gNav .snav .snav-btArea li.clean {
		background: transparent url(../imgs/snav/bgSpSnav-clean.jpg) 0 0 no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
	}
	#gNav .snav .snav-btArea li.part {
		background: transparent url(../imgs/snav/bgSpSnav-part.jpg) 0 0 no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
	}
	#gNav .snav .snav-btArea li.interview {
		background: transparent url(../imgs/snav/bgSpSnav-interview.jpg) 0 0 no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
	}
	#gNav .snav .snav-btArea li.support {
		background: transparent url(../imgs/snav/bgSpSnav-support.jpg) 0 0 no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
	}
}
/* ------------------------------------
mainContent
------------------------------------ */

/* contentTitle */
	.contentTitle {
		border-bottom: 5px solid #2f4053;
		text-align: right;
		padding-top: 45px;
	}

/* breadcrumb */
	#breadcrumb {
		display: block;
		max-width: 1240px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 10px;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	#breadcrumb li {
		float: left;
		color: #008bcb;
		font-size: 10px;
		font-size: 1rem;
		font-weight: bold;
		line-height: 1;
	}
	#breadcrumb li + li {
		padding-left: 8px;
	}
	#breadcrumb li a {
		color: #666;
		padding: 0 0 4px;
		border-bottom: none;
		font-variant: normal;
		vertical-align: middle;
		transition: none;
		-webkit-transition: none;
	}
	#breadcrumb li a:hover {
		padding: 0 0 4px;
		border-bottom: 1px solid #beeafa;
	}
	#breadcrumb li a:after {
		content: ">";
		display: inline;
		padding-left: 6px;
		vertical-align: top;
	}
@media only screen and (max-width: 600px) {
	#breadcrumb {
		display: none;
	}
}
/* title & copy */
	.copy {
		font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		font-size: 32px;
		font-size: 3.2rem;
		color: #000;
		font-weight: normal;
	}
	.sttl {
		display: inline-block;
		border-top: 2px solid #2f4053;
		padding-top: 13px;
		font-size: 22px;
		font-size: 2.2rem;
		color: #000;
		font-weight: bold;
	}
	.ttl {
		font-size: 18px;
		font-size: 1.8rem;
		color: #2f8dbc;
		font-weight: bold;
	}
	.h {
		font-size: 16px;
		font-size: 1.6rem;
		color: #2f8dbc;
		font-weight: normal;
		letter-spacing: normal;
	}
/* altText */
	.altText { display: none; }
@media only screen and (max-width: 736px) {
	.toText { display: none; }
	.altText { display: inline; }
}
/* btArea */
	.btArea ul {
		text-align: center;
	}
	.btArea li {
		width: 31.48148148%;
		float: left;
		margin-right: 2.77777778%;
	}
	.btArea li.last {
		margin-right: 0;
		margin-bottom: 60px;
	}
	.btArea li:after {
		content: "";
		display: block;
		padding-top: 1px;
		border-bottom: 1px solid #2f8dbc;
	}
	.btArea .ph {
		margin-bottom: 20px;
	}
	.btArea .ph a {
		display: block;
		position: relative;
		z-index: 0;
		font-family: 'Oswald', sans-serif;
		font-size: 23px;
		color: #fff;
		letter-spacing: 0.1em;
	}
	.btArea .ph a:before {
		content: "";
		display: block;
		display: none\9;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 1;
		background: transparent url(../imgs/bg-bt_ov.png) 0 0 no-repeat;
		-moz-opacity: 0;
		opacity: 0;
		-webkit-transition: all 0.1s ease;
		transition: all 0.1s ease;
	}
	.btArea .ph a:after {
		content: "DETAIL";
		display: block;
		display: none\9;
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 2;
		margin-top: -17px;
		margin-left: -37px;
		-moz-opacity: 0;
		opacity: 0;
		-webkit-transition: all 0.1s ease;
		transition: all 0.1s ease;
	}
	.btArea .ph a:hover:before {
		content: "";
		-moz-opacity: 1;
		opacity: 1;
		display: block\9;
		background: transparent url(../imgs/bg-bt_ov.png) -178px 0 no-repeat;
	}
	.btArea .ph a:hover:after {
		content: "DETAIL";
		-moz-opacity: 1;
		opacity: 1;
		display: block\9;
	}
	.btArea .ph a > img {
		position: relative;
		z-index: -1;
	}
	.btArea .h {
		font-size: 16px;
		font-size: 1.6rem;
		color: #2f4053;
		font-weight: bold;
		border-bottom: 1px solid #2f8dbc;
		padding-bottom: 20px;
	}
@media only screen and (max-width: 736px) {
	.btArea li {
		width: 48.61111111%;
	}
}
/* clmArea */
	.clmArea ul {
		font-size: 0;
		letter-spacing: -0.4em;
	}
	.clmArea li {
		display: inline-block;
		font-size: 14px;
		font-size: 1.4rem;
		letter-spacing: normal;
		vertical-align: top;
	}
	.clmArea li.last {
		margin-right: 0;
	}

/* borderbox */
	.borderbox {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border: 1px solid #e5e5e5;
		padding: 60px 9px 20px;
	}
	.borderbox-h {
		font-size: 18px;
		font-size: 1.8rem;
		color: #2f4053;
		font-weight: bold;
		text-align: center;
		padding-bottom: 52px;
		border-bottom: 4px solid #59a4c9;
		margin-bottom: 20px;
	}
	.borderbox p {
		font-size: 12px;
		font-size: 1.2rem;
	}
	.borderbox-list p {
		display: list-item;
		list-style-type: disc;
		list-style-position: outside;
		margin-left: 2em;
	}
@media only screen and (max-width: 736px) {
	.clmArea.clm2 .borderbox,
	.clmArea.clm4 .borderbox {
		width: 100%;
		margin-right: 0;
	}
	.clmArea.clm2 .borderbox + .borderbox,
	.clmArea.clm4 .borderbox + .borderbox {
		margin-top: 10px;
	}
}
/* ------------------------------------
fnavArea
------------------------------------ */
	#fnavArea {
		border-top: 1px solid #bfbfbf;
		padding-top: 29px;
		margin-bottom: 29px;
	}
	#fnavArea .siteTitle {
		float: left;
		width: 298px;
	}
@media only screen and (max-width: 736px) {
	#fnavArea {
		/*padding-top: 0;*/
		margin-bottom: 20px;
	}
	#fnavArea .inner {
		max-width: 100%;
		min-width: 100%;
		display: table;
	}
	#fnavArea .siteTitle {
		float: none;
		/*width: auto;*/
		/*display: table-footer-group;*/
		text-align: center;
	}
	#fnavArea .siteTitle a {
		display: inline-block;
		text-align: center;
		max-width: 298px;
	}
}

@media only screen and (max-width: 430px) {
	#fnavArea .siteTitle {
		width: 70%;
	}
	#fnavArea .gmc {
		margin: -20px 0px 0px 0px;
	}
}

/* fNav */
	#fNav {
		float: right;
		padding-top: 10px;
	}
	#fNav ul {
		font-size: 0;
		letter-spacing: -0.4em;
	}
	#fNav li {
		display: inline-block;
		color: #000;
		font-size: 10px;
		font-size: 1.0rem;
		letter-spacing: normal;
	}
	#fNav li + li {
		padding-left: 7px;
		margin-left: 7px;
		border-left: 1px solid #cfcfcf;
	}
	#fNav li a {
		padding-bottom: 4px;
		color: #000;
		border-bottom: none;
		-webkit-transition: none;
		transition: none;
	}
	#fNav li a:hover {
		padding-bottom: 4px;
		border-bottom: 1px solid #beeafa;
	}
	#fNav li.on a {
		border-bottom: none;
		font-weight: bold;
	}
@media only screen and (max-width: 736px) {
	#fNav {
		float: none;
		padding-top: 0;
		margin-bottom: 20px;
	}
	#fNav li {
		width: 50%;
	}
	#fNav li + li {
		padding-left: 0;
		margin-left: 0;
		border-left: none;
	}
	#fNav li a {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: inline-block;
		vertical-align: middle;
		width: 100%;
		padding: 10px 1%;
		text-align: center;
		border-bottom: 1px solid #bfbfbf;
	}
	#fNav li:nth-child(even) a {
		border-left: 1px solid #bfbfbf;
	}
	#fNav li a:hover {
		border-bottom: 1px solid #bfbfbf
	}
	#fNav li.on a {
		border-bottom: 1px solid #bfbfbf;
		font-weight: bold;
	}
}
/* ------------------------------------
tabArea
------------------------------------ */
	#tabArea {
		margin-bottom: 50px;
	}
@media only screen and (max-width: 736px) {
	#tabArea {
		display: none;
	}
}
/* tabBtn */
	#tabArea .tabBtn {
		border-bottom: 2px solid #2f4053;
	}
	#tabArea .tabBtn ul {
		position: relative;
		top: 2px;
		z-index: 1;
		font-size: 0;
		letter-spacing: -0.4em;
	}
	#tabArea .tabBtn li {
		width: 199px;
		height: 37px;
		background-color: #2f4053;
		border: 2px solid #2f4053;
		color: #fff;
		text-align: center;
		font-size: 11px;
		font-size: 1.1rem;
		letter-spacing: 0.1em;
		line-height: 37px;
		display: inline-block;
		cursor: pointer;
	}
	#tabArea .tabBtn li.on,
	#tabArea .tabBtn li:hover {
		background-color: #fff;
		border-bottom: 2px solid #fff;
		color: #000;
	}
	#tabArea .tabBtn li span {
		padding-right: 20px;
		position: relative;
	}
	#tabArea .tabBtn li span:after {
		content: "＋";
		display: block;
		color: #2f4053;
		background-color: #fff;
		width: 11px;
		height: 11px;
		line-height: 11px;
		position: absolute;
		top: 0;
		right: 0;
	}
	#tabArea .tabBtn li.on span:after,
	#tabArea .tabBtn li:hover span:after {
		content: "−";
		display: block;
		color: #fff;
		background-color: #28a7e1;
		width: 11px;
		height: 11px;
		line-height: 10px;
		position: absolute;
		top: 0;
		right: 0;
	}
@media only screen and (max-width: 736px) {
	#tabArea .tabBtn ul {
		text-align: center;
	}
	#tabArea .tabBtn li {
		width: 45%;
	}
}
/* tabContents */
	#tabArea .tabContents .box {
		padding-top: 28px;
	}
	#tabArea .tabContents .box.hide {
		display: none;
	}
	#tabArea .tabContents .box .box-h {
		font-size: 16px;
		font-size: 1.6rem;
		color: #000;
		font-weight: bold;
		margin-bottom: 20px;
	}
	#tabArea .box.sitemap ul {
		font-size: 0;
		letter-spacing: -0.4em;
	}
	#tabArea .box.sitemap li {
		font-size: 12px;
		font-size: 1.2rem;
		letter-spacing: 0.1em;
	}
	#tabArea .box.sitemap .sitemap-item {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: inline-block;
		width: 17%;
		margin-right: 3%;
		vertical-align: top;
	}
	#tabArea .box.sitemap .sitemap-item.last {
		margin-right: 0;
	}
	#tabArea .box.sitemap .sitemap-item li {
		margin-bottom: 10px;
	}
	#tabArea .box.sitemap a {
		color: #000;
	}
	#tabArea .box.sitemap a:hover {
		text-decoration: underline;
	}
	#tabArea .box.group ul {
		font-size: 0;
		letter-spacing: -0.4em;
	}
	#tabArea .box.group li {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: inline-block;
		width: 20.83333333%;
		border: 3px solid #eee;
		margin-right: 5.55555556%;
	}
	#tabArea .box.group li.last {
		margin-right: 0;
		margin-bottom: 2.77777778%;
	}
@media only screen and (max-width: 736px) {
	#tabArea .box.group li {
		width: 48.61111111%;
		margin-right: 2.77777778%;
		text-align: center;
	}
	#tabArea .box.sitemap .sitemap-item {
		width: 48.61111111%;
		margin-right: 2.77777778%;
		margin-bottom: 2.77777778%;
	}
}
/* ------------------------------------
contact
------------------------------------ */
	#contact {
		background-color: #f1f1f1;
		text-align: center;
		padding-top: 17px;
		padding-bottom: 15px;
	}
	#contact p {
		display: inline-block;
	}
	#contact p.h {
		color: #000;
		font-weight: bold;
		margin-right: 30px;
	}
	#contact .sp {
		display: none;
	}
@media only screen and (max-width: 736px) {
	#contact p {
		display: block;
	}
	#contact p.h {
		margin-bottom: 5px;
		margin-right: 0;
	}
	#contact p.pc {
		display: none;
	}
	#contact .sp {
		display: block;
	}
	#contact .sp {
	}
	#contact .sp p {
		padding: 6px 0;
	}
	#contact .sp p.tel {
		padding: 15px 0;
		background: #fff;
		border: 1px solid #bfbfbf;
	}
}
/* ------------------------------------
copyright
------------------------------------ */
	#copyright {
		background-color: #2f4053;
		color: #fff;
		font-size: 10px;
		font-size: 1.0rem;
		text-align: center;
		height: 83px;
		line-height: 83px;
	}
@media only screen and (max-width: 736px) {
	#copyright {
		height: auto;
		line-height: 1.3;
		padding: 20px 0;
	}
}


ul.tab li {
  position:relative;
}
ul.tab li:before {
  display:block;
  content:"";
  position:absolute;
  top:10px;
  left:10px;
  width:16px;
  height:16px;
  background: url(../../adoption/imgs/ico-rightArrow.png) center center no-repeat;
}
ul.tab li.select:before,
ul.tab li:hover:before {
  display:block;
  content:"";
  position:absolute;
  top:10px;
  left:10px;
  width:16px;
  height:16px;
  background:url(../../adoption/imgs/ico-rightArrow_ov.png) center center no-repeat;
}