@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 "../fonts/fonts.css";
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/**
 * 2. html, body
 */
	html {
		font-size: 62.5%; /* 10px */
	}
@media only screen and (max-width:480px) {
	html {
		font-size: 56.25%; /* 9px */
	}

}

	input[type=text],input[type=tel] {
		height:36px;
		padding:0 4px;
	}

	input[type=radio], input[type=checkbox] {
	}
	body {
		background-color: #fff;
		background-image: url(../imgs/space.gif);
		background-repeat: repeat-x;
		background-position: center top;
		-webkit-text-size-adjust: 100%;
		-webkit-font-smoothing: antialiased;
	}
	.page {
		color: #333;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.8;
		letter-spacing: 0.1em;
		font-weight: 400;
		font-family: 'Noto Sans Japanese', 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
		/*font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;*/

	}
/**
 * 3. HTMLtag, siteCommonClass
 */
/* anchor */
	a {
		background-color: transparent;
		background-image: none;
		background-repeat: no-repeat;
		color: #333;
		text-decoration: none;
	}
	a:visited {}
	a:hover {
		color: #333;
	}
	a:active {}

/* IE9+ & modern browser */
	*::selection {
		background: #cfeecf;
	}
	*::-moz-selection {
		background: #cfeecf;
	}

/* heading */
	.Mttl {
	margin-bottom: 30px;
	padding-bottom: 20px;
	/*border-bottom: 2px solid #48ae6e;*/
	position: relative;
	border-bottom: 3px solid #E9E9E9;
	padding: 0.5em;
	font-size: 35px;
	line-height: 40px;
	color: #000000;
	}

	.Mttl::after {
	  position: absolute;
	  bottom: -3px;
	  left: 0;
	  content: '';
	  width: 270px;
	  border-bottom: 3px solid #00883A;
	}
	
	
	.Mttl span {
		color: #333;
		font-size: 16px;
		padding-left: 20px;
	}
	
	.Mttl2 {
		position: relative;
		text-align: center;
		font-size: 30px;
		line-height: 40px;
		color: #000000;
		padding: 0.5em;
	}
	
	.Mttl2::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 500px;
	height: 2px;
	background-color: #B6B6B6;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	}
	
	.Mttl2 span {
		position: relative;
		z-index: 2;
		display: inline-block;
		margin: 0;
		padding: 0;
		background-color: #fff;
		text-align: center;
	}

	.ttl {
		font-size: 24px;
		line-height: 30px;
		color: #48ae6e;
		font-family: 'Montserrat', sans-serif;
		font-weight: bold;
		letter-spacing: 2px;
	}
	.sttl {
		font-size: 22px;
		line-height: 26px;
	}
	.ssttl {
		font-size: 16px;
		line-height: 20px;
		border-left: 4px solid #48ae6e;
		padding: 8px 0 8px 18px;
	}
	h6 {
		color: #48ae6e;
		font-weight: bold;
	}

/* cap */
	.cap,
	.caption {
		background: none;
		color: #666666;
		font-size: 10px;
		line-height: 15px;
	}
	.cap {
		padding-top: 5px;
	}

/* nav */
	.nav img {
		vertical-align: top;
	}

/* cNav */
	.cNav {
		text-align: center;
		padding: 10px;
		border: 1px solid #48ae6e;
		background-color: #cfeecf;
		margin-bottom: 40px;
	}
	.cNav ul li {
		display: inline-block;
		font-size: 12px;
		line-height: 12px;
		margin-left: 1.5%;
		margin-right: 1.5%;
	}
	.cNav ul li span {
		margin-right: 3px;
	}
	.cNav ul li span:before {
		color: #48ae6e;
		font-weight: bold;
	}
	.cNav ul li.on a {
		color: #48ae6e;
		font-weight: bold;
	}
	.cNav ul li a:hover {
		text-decoration: underline;
	}
	/* anc */
	.cNav.anc ul li {
		position: relative;
		padding-left: 19px;
	}
	.cNav.anc ul li span {
		position: absolute;
		top: -1px;
		left: 0;
	}
	.cNav.anc ul li span:before {
		font-size: 16px;
	}

	.cNav.sub {
		background-color: transparent;
		border: 0;
	}
	.cNav.sub ul li {
		display: inline-block;
		border: 2px solid #48ae6e;
	}
	.cNav.sub ul li a {
		display: inline-block;
		padding: 10px;
		text-decoration: none;
	}
	.cNav.sub ul li a:hover,
	.cNav.sub ul li.on a {
		background-color: #48ae6e;
		color: #fff;
	}
	.cNav.sub ul li a:hover span:before,
	.cNav.sub ul li.on a span:before {
		color: #fff;
	}

/* pinch */
	body .pinch {
		position: relative;
	}
	body .pinch .pinchIcon {
		display: none;
		position: absolute;
		top: -45px;
		right: 0;
		width: 43px;
		height: 42px;
		opacity: 0.6;
		background-color: transparent;
		background-image: url(../imgs/icon-pinchin.png);
		background-repeat: no-repeat;
		background-position: center top;
		background-size: contain;
		box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;
	}

/* btLink */
	.btLink a {
		display: inline-block;
		padding: 10px;
		text-align: center;
		border: 2px solid #48ae6e;
		background-color: #cfeecf;
		/* transition */
		-webkit-transition: background .3s;
		transition: background .3s;
	}
	.btLink a span:before {
		font-weight: bold;
		color: #48ae6e;
		margin-right: 5px;
	}
	.btLink a:hover {
		background-color: #48ae6e;
		color: #fff;
	}
	.btLink a:hover span:before {
		color: #fff;
	}
/* btLink02 */
	.btLink02 a {
		display: inline-block;
		padding: 10px;
		text-align: center;
		border: 2px solid #48ae6e;
		background-color: #fff;
		/* transition */
		-webkit-transition: background .3s;
		transition: background .3s;
	}
	.btLink02 a span:before {
		font-weight: bold;
		color: #48ae6e;
		margin-right: 5px;
	}
	.btLink02 a:hover {
		background-color: #48ae6e;
		color: #fff;
	}
	.btLink02 a:hover span:before {
		color: #fff;
	}

/* btLink03 */
	.btLink03 a {
		background-color: #48ae6e;
		padding: 10px;
		border: 2px solid #48ae6e;
		color: #fff;
		font-size: 14px;
		line-height: 14px;
		/* transition */
		-webkit-transition: .3s;
		transition: .3s;
	}
	.btLink03 a span:before {
		color: #fff;
		font-size: 10px;
		margin-right: 5px;
	}
	.btLink03 a:hover {
		background-color: #fff;
		border-color: #48ae6e;
		color: #48ae6e;
	}
	.btLink03 a:hover span:before {
		color: #48ae6e;
	}

/* arrow */
	.arrow a {
		padding-left: 20px;
		display: inline-block;
		position: relative;
	}
	.arrow span:before {
		position: absolute;
		top: 5px;
		left: 0;
		color: #48ae6e;
		font-weight: bold;
	}
	.arrow a:hover {
		color: #48ae6e;
	}

/* btArchives */
	.btArchives a img,
	.btRecruit a img {
		/* transition */
		-webkit-transition: opacity .3s;
		transition: opacity .3s;
	}
	.btArchives a:hover img,
	.btRecruit a:hover img {
		opacity: 0.8;
		filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
	}

/* formArea */

	input[type=radio], input[type=checkbox] {
	  /*display: none;*/
	}

	.radio, .checkbox {
	  box-sizing: border-box;
	  -webkit-transition: background-color 0.2s linear;
	  transition: background-color 0.2s linear;
	  position: relative;
	  display: inline-block;
	  margin: 0 0 0 0;
	  padding: 0 0 0 35px;
	  vertical-align: middle;
	  cursor: pointer;
	}
	.radio:hover:after, .checkbox:hover:after {
	  border-color: #53b300;
	}
	.radio:after, .checkbox:after {
	  -webkit-transition: border-color 0.2s linear;
	  transition: border-color 0.2s linear;
	  position: absolute;
	  top: 50%;
	  left: 0;
	  display: block;
	  margin-top: -13px;
	  width: 25px;
	  height: 25px;
	  border: 1px solid #9e9e9e;
	  content: '';
	  background-color: #fff;
	}

	.radio:before {
	  -webkit-transition: opacity 0.2s linear;
	  transition: opacity 0.2s linear;
	  position: absolute;
	  top: 50%;
	  left: 20px;
	  display: block;
	  margin-top: -5px;
	  width: 10px;
	  height: 10px;
	  border-radius: 50%;
	  background-color: #53b300;
	  content: '';
	  opacity: 0;
	}
	input[type=radio]:checked + .radio:before {
	  opacity: 1;
	}

	.checkbox:before {
	  -webkit-transition: opacity 0.2s linear;
	  transition: opacity 0.2s linear;
	  position: absolute;
	  top: 50%;
	  left: 8px;
	  display: block;
	  margin-top: -8px;
	  width: 7px;
	  height: 11px;
	  border-right: 4px solid #48ae6e;
	  border-bottom: 4px solid #48ae6e;
	  content: '';
	  opacity: 0;
	  z-index: 100;
	  -webkit-transform: rotate(45deg);
	  -ms-transform: rotate(45deg);
	  transform: rotate(45deg);
	}
	input[type=checkbox]:checked + .checkbox:before {
	  opacity: 1;
	}


	select {
		padding: 5px 25px;
		/*-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border: 1px solid #999;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		background: #eee;
		background: url(../imgs/icon-arrow.png) right 50% no-repeat #f8f8f8;
		background-size: 16px, 5px;*/
	}

	.mustmark {
		color: #ee0000;
	}

	/********************************************/


/* tableList */
	table.tableList {
		width: 100%;
		border-left: 1px solid #ccc;
		border-top: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}
	table.tableList th,
	table.tableList td {
		text-align: left;
		padding: 10px;
		border-bottom: 1px solid #ccc;
	}
	table.tableList th {
		width: 25%;
		border-right: 1px solid #ccc;
		background-color: #eee;
	}
	table.tableList td {
		width: 75%;
	}

/* gBox */
	.gBox {
		border: 1px dotted #48ae6e;
		padding: 15px;
	}
	.bgBox {
		padding: 15px;
		box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;
	}
	.bgBox.green {
		background-color: #e4f6e4;
	}

/* wrap */
	.wrap {
		width: 960px;
		margin-left: auto;
		margin-right: auto;
		zoom: 1;
		clear: both;
	}
	.wrap:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }

/* section */
	.section {
		clear: both;
	}


/* カラムレイアウト　clmBox */
	.clmBox {
		zoom: 1;
		clear: both;
	}
	.clmBox:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }

	.clmBox .clm1 { float: left; }

	.clmBox .clm2 { float: right; }

/* カラムレイアウト 埋め込みバージョン　clmBox.layout1 */
	.clmBox.layout1 {
		
	}
	.clmBox.layout1 .clm1 {
		float: right;
		padding: 10px;
		width: auto!important;
	}
	.clmBox.layout1 .clm2 {
		float: none;
		width: auto!important;
	}


/* contactList */
	body .section.contact {
		margin-top: 120px;
	}
	body .contactList dl {
		border: 1px solid #48ae6e;
		margin-top: 15px;
		margin-bottom: 15px;
		zoom: 1;
	}
	body .contactList dl:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
	body .contactList dl dt {
		text-align: center;
		font-weight: bold;
		font-size: 20px;
		line-height: 26px;
		background-color: #e3f2e3;
		padding: 25px 60px;
		float: left;
		width: 50%;
		box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;
	}
	body .contactList dl dd {
		float: right;
		width: 50%;
		padding: 25px 40px;
		font-size: 16px;
		line-height: 20px;
		box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;
	}
	body .contactList dl dd h4 {
		float: left;
		width: 40%;
		margin-bottom: 10px;
	}
	.telLink {
		position: relative;
	}
	body .contactList dl dd ul li .telLink {
		float: left;
		position: relative;
		padding-left: 15px;
	}
	body .contactList dl dd ul li .telLink span {
		position: absolute;
		left: 0;
		top: 1px;
	}
	

	body .contactList dl.building dt {
		float: none;
		width: 100%;
		clear: both;
	}
	body .contactList dl.building dd {
		float: none;
		width: 100%;
		clear: both;
	}
	body .contactList dl.building dd ul li {
		float: left;
		width: 50%;
		margin-bottom: 20px;
		zoom: 1;
	}
	body .contactList dl.building dd ul li:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
	
	
	/* contactList.linkOn */
	body .contactList.linkOn dl dt {
		width: 40%;
		font-size: 16px;
		line-height: 20px;
	}
	body .contactList.linkOn dl dd {
		width: 60%;
	}
	body .contactList.linkOn dl dd .inner {
		position: relative;
	}
	body .contactList.linkOn dl dd .inner .btLink03 {
		position: absolute;
		top: 0;
		right: 0;
	}
	/*body .contactList.linkOn dl dd .inner .btLink a {
		background-color: #48ae6e;
		border: 2px solid #48ae6e;
		color: #fff;
		font-size: 14px;
		line-height: 14px;
		padding: 5px 20px;
	}
	body .contactList.linkOn dl dd .inner .btLink a span:before {
		color: #fff;
		font-size: 10px;
	}
	body .contactList.linkOn dl dd .inner .btLink a:hover {
		background-color: #fff;
		border-color: #48ae6e;
		color: #48ae6e;
	}
	body .contactList.linkOn dl dd .inner .btLink a:hover span:before {
		color: #48ae6e;
	}*/
	

	body .contactList .clm1 dl dd {
		border-top: 1px solid #e3f2e3;
	}
	body .contactList .clm2 dl {
		margin-bottom: 17px;
	}

	/* layoutBox */
	body .layoutBox dl {
		border: 1px solid #48ae6e;
		margin-top: 15px;
		margin-bottom: 15px;
		zoom: 1;
	}
	body .layoutBox dl:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
	body .layoutBox dl dt {
		text-align: center;
		font-weight: bold;
		font-size: 20px;
		line-height: 26px;
		background-color: #e3f2e3;
		padding: 25px 60px;
		box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;
	}
	body .layoutBox dl dd {
		padding: 25px 40px;
		font-size: 16px;
		line-height: 20px;
		box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;
	}


/* カラムリストレイアウト */
	body .clmList {
		/*margin-left: -15px;
		margin-right: -15px;*/
	}
	body .clmList ul li {
		float: left;
		text-align: center;
	}
	body .clmList ul li .photo {
		margin-bottom: 20px;
	}
	/* 4カラム */
	body .clmList.clm4 {
	}
	body .clmList.clm4 ul li {
		
	}
	/* 3カラム */
	body .clmList.clm3 {
		
	}
	body .clmList.clm3 ul li {
		
	}
	/* 2カラム */
	body .clmList.clm2 ul li {
		
	}

	/* sbTitle */
	body .sbTitle {
		text-align: center;
		letter-spacing: -40em;
	}
	body .sbTitle ul li {
		letter-spacing: 0;
		display: inline-block;
		text-align: center;
		border: 2px solid #48ae6e;
		background-color: #cfeecf;
		margin-left: 10px;
		margin-right: 10px;
		padding: 25px;
		font-size: 16px;
		line-height: 26px;
		font-weight: bold;
		/* transition */
		-webkit-transition: background .3s;
		transition: background .3s;
		box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;
	}

	/* gBox */
	body .gBox {
		border: 1px solid #999;
		padding: 29px;
	}

	/* linkList */
	body .section.linkList.inc {
		margin-top: 120px;
		margin-bottom: 40px;
	}
	body .section.linkList.inc .wrap {
		width: 1300px;
	}
	body .section.linkList.inc .ttlArea {
		text-align: center;
		margin-bottom: 30px;
	}
	body .section.linkList.inc .ttlArea .ttl {
		margin-bottom: 20px;
	}
	body .section.linkList.inc .ttlArea br {
		display: none;
	}


	body .section.linkList.inc .clmList {
		margin-bottom: 10px;
	}
	body .section.linkList.inc .clmList ul li {
		cursor: pointer;
		position: relative;
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: center top;
		background-size: cover;
		overflow: hidden;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	body .section.linkList.inc .clmList ul li img {
		opacity: 0;
	}

	body .section.linkList.inc .clmList ul li a {
		position: absolute;
		top: 0;
		left: 0;
		display: table;
		width: 100%;
		height: 100%;
		z-index: 7777;
	}
	body .section.linkList.inc .clmList ul li .overlay {
		width: 100%;
		height: 100%;
		background-color: #2a5338;
		opacity: 0;
		position: absolute;
		top: -100%;
		left: 0;
		z-index: 0;
	}
	body .section.linkList.inc .clmList ul li span {
		display: table-cell;
		vertical-align: middle;
		z-index: 6666;
	}
	body .section.linkList.inc .clmList ul li span img.on {
		display: none;
	}
	body .section.linkList.inc .clmList ul li span:before {
		position: absolute;
		top: 50%;
		left: 20px;
		margin-top: -11px;
		font-size: 22px;
		line-height: 22px;
		color: #fff;
	}

	/* .clm3 */
	body .section.linkList.inc .clmList ul li.clm3 {
		width: 33.3%;
		height: 240px;
	}
	

	/* .clm4 */
	body .section.linkList.inc .clmList ul li.clm4 {
		width: 25%;
		height: 210px;
	}

	body .section.linkList.inc .clmList ul li.no01 {
		background-image: url(../imgs/service/bg-btservice01.jpg);
	}
	body .section.linkList.inc .clmList ul li.no02 {
		background-image: url(../imgs/service/bg-btservice02.jpg);
	}
	body .section.linkList.inc .clmList ul li.no03 {
		background-image: url(../imgs/service/bg-btservice03.jpg);
	}
	body .section.linkList.inc .clmList ul li.no04 {
		background-image: url(../imgs/service/bg-btservice04.jpg);
	}
	body .section.linkList.inc .clmList ul li.no05 {
		background-image: url(../imgs/service/bg-btservice05.jpg);
	}
	body .section.linkList.inc .clmList ul li.no06 {
		background-image: url(../imgs/service/bg-btservice06.jpg);
	}
	body .section.linkList.inc .clmList ul li.no07 {
		background-image: url(../imgs/service/bg-btservice07.jpg);
	}

	body .section.linkList.inc .clmList ul li.no01 span:before,
	body .section.linkList.inc .clmList ul li.no03 span:before,
	body .section.linkList.inc .clmList ul li.no05 span:before,
	body .section.linkList.inc .clmList ul li.no07 span:before {
		color: #000;
	}
	body .section.linkList.inc .clmList ul li.no01:hover span:before,
	body .section.linkList.inc .clmList ul li.no03:hover span:before,
	body .section.linkList.inc .clmList ul li.no05:hover span:before,
	body .section.linkList.inc .clmList ul li.no07:hover span:before {
		color: #fff;
	}

	body .section.linkList.inc .clmList ul li.no01 .overlay,
	body .section.linkList.inc .clmList ul li.no03 .overlay,
	body .section.linkList.inc .clmList ul li.no05 .overlay,
	body .section.linkList.inc .clmList ul li.no07 .overlay {
		background-color: #85b295;
	}


	/* section.linkListVer2 */
	.section.linkListVer2 {
		margin-top: 120px;
	}
	.section.linkListVer2 .ttlArea {
		text-align: center;
		margin-bottom: 30px;
	}
	.section.linkListVer2 .ttlArea .ttl {
		margin-bottom: 20px;
	}
	.section.linkListVer2 .ttlArea br {
		display: none;
	}
	.section.linkListVer2 .clmList ul li {
		text-align: left;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 40px;
	}
	.section.linkListVer2 .clmList.clm2 ul li {
		width: 48%;
		margin-left: 1%;
		margin-right: 1%;
	}
	.section.linkListVer2 .clmList.clm3 ul li {
		width: 33.3%;
		margin-left: 0;
		margin-right: 0;
	}
	.section.linkListVer2 img {
		width: 100%;
	}
	.section.linkListVer2 .photo {
		overflow: hidden;
		position: relative;
	}
	.section.linkListVer2 .photo .overlay {
		position: absolute;
		bottom: 0;
		left: -100%;
		width: 100%;
		height: 5px;
		background-color: #48ae6e;
		opacity: 0;
	}
	.section.linkListVer2 h3 {
		font-size: 18px;
		line-height: 26px;
		margin-bottom: 15px;
		font-weight: bold;
	}
	.section.linkListVer2 h3 a {
		padding-left: 30px;
		display: inline-block;
		position: relative;
	}
	.section.linkListVer2 h3 span:before {
		position: absolute;
		top: 5px;
		left: 0;
		color: #48ae6e;
		margin-right: 10px;
	}
	.section.linkListVer2 .inner {
		padding: 0 20px 0 30px;
	}
	

/**
 * 4. Layout
 */

 	/* gHeader */
 	body #gHeader {}
	body #gHeader .siteTitle {
		float: left;
	}
	body #gHeader .siteTitle img {
		width: 206px;
	}
	body #gHeader .shldrTxt {
		float: left;
		font-size: 10px;
		line-height: 15px;
		padding-top: 10px;
		padding-left: 15px;
	}

	body #gHeader .logoArea {
		padding: 0px 0 18px;
	}
	body #gHeader .logoArea .logoBox {
		float: left;
	}


	body #gHeader #pNav {
		float: right;
		margin-top: 9px;
	}
	body #gHeader #pNav ul li {
		float: left;
		font-size: 12px;
		font-size: 1.2rem;
		letter-spacing: 0.1em;
		margin-left: 30px;
	}
	body #gHeader #pNav ul li span {
		position: relative;
		padding-left: 16px;
	}
	body #gHeader #pNav ul li span:before {
		color: #48ae6e;
		position: absolute;
		top: 2px;
		left: 0;
	}
	body #gHeader #pNav ul li a {
		font-weight: bolder;
	}
	body #gHeader #pNav ul li a:hover {
		color: #48ae6e; 
	}

	/* gnav */
	body .gnav {
		position: relative;
		border-top: 1px solid #e6e6e6;
		border-bottom: 1px solid #e6e6e6;
	}
	body #gNav.fixed {
		width: 100%;
		background-color: #fff;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 8888;
	}
	body .gnav .wrap {
		width: 1300px;
	}
	body .gnav ul {
		border-left: 1px solid #e6e6e6;
	}
	body .gnav ul li {
		width: 25%;
		float: left;
		border-right: 1px solid #e6e6e6;
		text-align: center;
		box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;
	}
	body .gnav ul li a {
		width: 100%;
		padding: 12px 0;
		display: inline-block;
		font-weight: bolder;
		-webkit-font-smoothing: antialiased;
		/*  IE font anti-aliasing */
		 /*-webkit-transform-origin: 0 0;
		  -webkit-transform: scale(1, 1.01);
		     -moz-transform-origin: 0 0;
		     -moz-transform: scale(1, 1.01);
		      -ms-transform-origin: 0 0;
		      -ms-transform: scale(1, 1.02);
		       -o-transform-origin: 0 0;
		       -o-transform: scale(1, 1.01);*/
	}
	body .gnav ul li.top.navMain.onMain a,
	body .gnav ul li.navMain.onMain .navttl a,
	body .gnav ul li a:hover,
	body .gnav ul li.navMain.onMain .navttl a:hover {
		background-color: #48ae6e;
		color: #fff;
	}

	body .gnav ul li.hasNav span.icon-plus2,
	body .gnav ul li.hasNav span.icon-minus2 {
		display: none;
	}

	body .gnav ul li.contact,
	body .gnav ul li.privacy,
	body .gnav ul li.sitemap {
		display: none;
	}

	/* sNav */
	body .gnav .sNav {
		display: none;
		position: absolute;
		top: 49px;
		left: 0;
		width: 100%;
		z-index: 100;
		background-color: rgba(255,255,255,0.9);
		text-align: left;
		border-top: 1px solid #e6e6e6;
		padding: 25px 0 10px;
		box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;
	}
	body .gnav .sNav .inner {
	}
	body .gnav .sNav .wrap {
		width: 960px;
	}
	body .gnav .sNav dl span:before {
		position: absolute;
		top: 15px;
		left: 0;
		color: #48ae6e;
		margin-right: 15px;
	}
	body .gnav .sNav dl dt {
		position: relative;
		margin-bottom: 20px;
		font-size: 16px;
		line-height: 18px;
	}
	body .gnav .sNav dl dt a {
		padding-left: 20px;
		box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;
	}
	body .gnav .sNav dl dd {
		float: left;
		width: 25%;
	}
	/*body .gnav .sNav dd span:before {
		top: 12px;
	}*/
	body .gnav .sNav dl dd a {
		position: relative;
		padding: 10px 0 20px 20px;
		box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;
	}
	body .gnav .sNav dl dd .thum a {
		position: static;
		padding: 0;
	}
	body .gnav .on .sNav dl a,
	body .gnav .sNav dl a:hover {
		background-color: transparent;
		color: #333;
	}
	body .gnav .sNav dl a:hover,
	body .gnav .sNav dl .on a {
		color: #48ae6e;
	}

	body .gnav .sNav dl dd.privacy {
		width: 40%;
	}


	body #fNav.gnav {
		display: none;
	}

/* container */
	body #container {
		clear: both;
		padding-bottom: 55px;
	}

	body #container .cttlArea {
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: center top;
		background-size: cover;
		width: 100%;
		margin-bottom: 20px;
	}
	body #container .cttlArea .wrap {
		text-align: center;
		width: 1300px;
		height: 250px;
		display: table;
	}
	body #container .cttlArea h2 {
		display: table-cell;
		vertical-align: middle;
	}

	body #container .pankuzu {
		margin-bottom: 40px;
		font-size: 10px;
		line-height: 10px;
	}
	body #container .pankuzu ul li {
		float: left;
		margin-right: 20px;
	}
	body #container .pankuzu ul li a {
		text-decoration: underline;
	}
	body #container .pankuzu ul li span:before {
		color: #48ae6e;
	}
	body #container .pankuzu ul li strong {
		color: #48ae6e;
	}
	

/* gFooter */
	body #gFooter {
		clear: both;
	}
	/* SiteMapFooter */
	body #SiteMapFooter {
		background-color: #ebebeb;
		padding: 35px 0 15px;
		margin-bottom: 40px;
		position: relative;
	}
	body #SiteMapFooter .wrap {
		width: 1000px;
	}
	body #SiteMapFooter a {
		font-weight: bolder;
		-webkit-font-smoothing: antialiased;
	}
	body #SiteMapFooter .pagetop {
		position: absolute;
		top: 0;
		right: 0;
	}
	body #SiteMapFooter h4 {
		font-size: 16px;
		margin-bottom: 40px;
		font-weight: bold;
	}
	body #SiteMapFooter .inner {
		zoom: 1;
		padding-bottom: 30px;
	}
	body #SiteMapFooter .inner:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
	
	body #SiteMapFooter dl {
		float: left;
	}
	body #SiteMapFooter dl a span:before {
		position: absolute;
		left: 0;
		top: 9px;
		font-size: 8px;
		line-height: 8px;
		font-weight: bold;
		color: #48ae6e;
	}
	body #SiteMapFooter dl a {
		padding-left: 20px;
		position: relative;
		font-size: 16px;
		line-height: 24px;
		letter-spacing: 1px;
	}
	body #SiteMapFooter dl dt {
		margin-bottom: 30px;
	}
	body #SiteMapFooter dl dd {
		padding-left: 15px;
	}
	body #SiteMapFooter dl dd ul {
		width: 100%;
	}
	body #SiteMapFooter dl dd ul li a {
		display: inline-block;
	}
	body #SiteMapFooter dl dd ul li p {
		margin-bottom: 10px;
	}
	body #SiteMapFooter dl dd ul li .sNavSitemap {
		padding: 0 0 5px 25px; 
		margin-bottom: 10px;
		letter-spacing: 0.1em;
	}
	body #SiteMapFooter dl dd ul li .sNavSitemap a {
		padding-left: 15px;
		font-size: 14px;
	}
	body #SiteMapFooter dl dd ul li .sNavSitemap a:before {
		content: "-";
		color: #48ae6e;
		font-weight: bold;
		position: absolute;
		left: 0;
		top: 0;
	}
	body #SiteMapFooter dl dd ul li .sNavSitemap p {
		margin-bottom: 0;
	}
	body #SiteMapFooter dl a:hover {
		color: #48ae6e;
	}

	body #SiteMapFooter dl.business {
		width: 530px;
	}
	body #SiteMapFooter dl.business dd ul li {
		float: left;
		width: 50%;
	}

	body #SiteMapFooter dl.company {
		width: 220px;
	}

	body #SiteMapFooter dl.recruit {
		width: 250px;
	}

	/* bnrArea */
	body #SiteMapFooter .bnrArea {
		clear: both;
		padding-top: 15px;
		border-top: 1px solid #cfcfcf;
		text-align: center;
	}
	body #SiteMapFooter .bnrArea ul li {
		display: inline-block;
		margin-left: 20px;
		margin-right: 20px;
	}

	/* GroupArea */
	body #GroupArea {
		clear: both;
		padding-bottom: 50px;
	}
	body #GroupArea h4 {
		font-size: 16px;
		margin-bottom: 30px;
		font-weight: bold;
	}
	body #GroupArea .list {
		clear: both;
		/*margin-left: -1%;
		margin-right: -1%;*/
	}
	body #GroupArea .list.bdBox {
		border-bottom: 1px solid #e7e7e7;
		padding-bottom: 30px;
		margin-bottom: 30px;
	}
	body #GroupArea .list ul li {
		float: left;
		width: 25%;
		text-align: center;
		/*margin-left: 1%;
		margin-right: 1%;*/
	}


	/* CopyrightArea */
	body #CopyrightArea {
		clear: both;
		text-align: center;
		background-color: #333;
		color: #fff;
		font-size: 10px;
		line-height: 10px;
		padding: 15px 0;
	}


.pc_none {display:none;}
.smp_none {display:block;margin-top:-25px;}

.w_text250{ width:350px;}

@media only screen and (max-width:480px) {
	.Mttl2 {
		position: relative;
		text-align: center;
		font-size: 20px;
		line-height: 20px;
		color: #000000;
		padding: 0.5em;
	}
	
	.Mttl2::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 90%;
	height: 2px;
	background-color: #B6B6B6;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	}

.pc_none {display:block;margin-top:-15px;}
.smp_none {display:none;}

.w_text250{ width:90%;}

}