@charset "utf-8";

/* ################################################################################ */
/*                                                                                  */
/* 表題: 会社情報用CSS                                                              */
/* 作成日: 2015-04-09                                                               */
/* 最終更新日: 2024-05-07       　                                                  */
/*                                                                                  */
/* ################################################################################ */

#loading {
	width: 100%;
	height: 100%;
	margin: 0;
	background: #FFFFFF;
	opacity: 1.0;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
}

#loading img {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -60px;
	margin-left: -20px;
}

.odd {
	background-color: #EFEFEF;
}

.mainContents h4 {
	padding-left: 1em;
	color: #1D1F85;
	font-weight: bold;
}

.mainContents p, 
.mainContents div {
	margin-bottom: 1em;
}

.companyMenuBox p a {
	font-weight: bold;
	background: url(../../img/share/bg_list_header.png) no-repeat left;
	padding-left: 0.5em;
}

.companyMenuBox div {
	float: left;
	width: 48%;
	margin-bottom: 4em;
}

.companyMenuBox div div.linkImg {
	clear: both;
	width: 100%;
	margin-bottom: 0;
}

.companyMenuBox div.businessAnnounce {
	clear:both;
	float:none;
	width:100%;
}

.companyMenuBox div.businessAnnounce p:nth-of-type(1) a {
	background: none;
	padding: 0;
}

.companyMenuBox  hr {
	background: url(../img/bg_hr.svg);
	margin-bottom:50px;
	height: 10px;
	opacity: .45;
	border: none;
	width:100%;
}

/* 会社情報  */
.informationArea table td dl.factoryNum dt {
	float: inherit;
	font-weight: bold;
}

.informationArea table td ul li {
	list-style-type: none;
}

/* 採用情報 */
.recruitOutline {
	margin: 0 0 30px 20px;
	font-weight: normal;
	font-family: "GenshinGothicBold", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",serif;
}

.mainContents #sales h4, 
.mainContents #engineer h4, 
.mainContents #web h4, 
.mainContents #affairs h4, 
.mainContents #craftsman h4, 
.mainContents #detail h4, 
.mainContents #inquiry h4, 
.mainContents #groundInquiry h4 {
	padding-left: 2em;
	margin-bottom: 1em;
}

.mainContents #sales h4 {
	background: url(../recruit/img/bg_icon_sales.png) no-repeat left;
}

.mainContents #engineer h4, 
.mainContents #craftsman h4 {
	background: url(../recruit/img/bg_icon_engineer.png) no-repeat left;
}

.mainContents #web h4 {
	background: url(../recruit/img/bg_icon_web.png) no-repeat left;
}

.mainContents #affairs h4 {
	background: url(../recruit/img/bg_icon_affairs.png) no-repeat left;
}

.mainContents #detail h4 {
	background: url(../recruit/img/bg_icon_detail.png) no-repeat left;
}

.mainContents #inquiry h4, 
.mainContents #groundInquiry h4 {
	background: url(../recruit/img/bg_icon_inquiry.png) no-repeat left;
}

.recruitArea table td b {
	font-size: 110%;
}

.recruitArea table td span {
	font-size: 80%;
}

.recruitArea table td ul li {
	background: url(../../img/share/bg_list_icon.png) no-repeat left 0.5em;
	padding-left: 1em;
	list-style-type: none;
}

.mainContents .btnSubNav {
	text-align: center;
	margin-bottom: 2em;
	clear: both;
}

.mainContents .btnSubNav li {
	list-style-type: none;
	display: inline-block;
	margin: 0 2em;
}

.mainContents .btnSubNav a, 
#inquiry div p.formBtn a, 
#groundInquiry div p.formBtn a {
	font-family: "GenshinGothicBold", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",serif;
	display: block;
	text-align: center;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0 auto;
	border-radius: 5px;
	box-shadow: 0px 4px 0px #1A1C77;
	background: #4044D5;
}

.mainContents .btnSubNav a {
	margin-bottom: 1em;
	padding: 0.35em 1em;
}

.mainContents .btnSubNav a:hover, 
#inquiry div p.formBtn a:hover, 
#groundInquiry div p.formBtn a:hover {
	opacity: 0.7;
}

.mainContents .btnSubNav li.subNavInquiry a {
	box-shadow: 0px 4px 0px #064E01;
	background: #0A7C02;
}

.recruitArea h5 {
	background: url(../../img/share/bg_heading03.png) no-repeat left;
	padding-left: 1em;
	font-weight: bold;
	font-size: 110%;
}

.recruitArea .selectionMethodArea p {
	margin-bottom: 0;
}

.mainContents #detail {
	overflow: hidden;
}

.recruitArea .selectionMethodArea .flowBox {
	border: 3px solid #00A4EA;
	background: url(../../img/share/texture/texture03.png) repeat;
	padding: 5px;
}

.recruitArea .selectionMethodArea .flowBox li {
	background: url(../../img/share/bg_list_icon.png) no-repeat left 0.25em;
	line-height: 1;
	padding-left: 0.75em;
}

.recruitArea .selectionMethodArea .flowBox li span,
.recruitArea .selectionMethodArea .flowBox li span.txtRed {
	background: url(../recruit/img/bg_flow_arrow.png) no-repeat left bottom;
	padding-bottom: 25px;
	margin-bottom: 10px;
	display: inline-block;
}

.recruitArea .selectionMethodArea .flowBox li span.docFlow {
	background: none;
	padding: 0;
	margin: 0;
}

.txtRed {
	color: #D80000;
	font-weight: bold;
}

#campGround{
	margin-top:-81px;
	padding-top: 81px;
}
#inquiry div p.telNum, 
#inquiry div p.faxNum, 
#inquiry div.storeSite p.mailAddress, 
#inquiry div.autoCampSite p.mailAddress,
#groundInquiry div p.telNum, 
#groundInquiry div p.faxNum, 
#groundInquiry div.storeSite p.mailAddress, 
#groundInquiry div.autoCampSite p.mailAddress {
	color: #1454CC;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 200%;
	padding-left: 1em;
	margin: 0 auto;
	margin-bottom: 10px;
}

#inquiry div p.telNum span,
#inquiry div p.faxNum span,
#inquiry div.storeSite p.mailAddress span, 
#inquiry div.autoCampSite p.mailAddress span, 
#groundInquiry div p.telNum span,
#groundInquiry div p.faxNum span,
#groundInquiry div.storeSite p.mailAddress span, 
#groundInquiry div.autoCampSite p.mailAddress span {
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 50%;
	color: #333333;
	font-weight: bold;
}

#inquiry div p.formBtn a, 
#groundInquiry div p.formBtn a {
	margin-bottom: 2em;
	padding: 0.4em 1em;
	background-image:linear-gradient(180deg,rgb(23,97,232) 0%,rgb(21,85,204) 100%);
}

#inquiry div p.noteTxt, 
#groundInquiry div p.noteTxt {
	font-size: 80%;
	text-indent: -1em;
	margin: 0 auto;
	display: block;
}

/* メディア掲載情報 */
.mediaNewsArea {
	height: 400px;
	border: 1px solid #CCCCCC;
	padding-left: 10px;
}

.mediaArea table {
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 4em;
	width: 100%;
}

.mediaNewsArea dl {
	border-bottom: 1px dotted #666666;
	padding: 10px 0;
}

.mediaNewsArea dl dt {
	font-weight: bold;
	background: url(../../img/share/bg_list_icon.png) no-repeat left;
	padding-left: 0.75em;
	margin-right: 2em;
}

.mediaNewsArea dl dd {
	font-weight: bold;
	margin-bottom: 10px;
}

.mediaNewsArea dl dd.mediaDetail {
	clear: both;
	width: 100%;
	overflow: hidden;
	margin-bottom: 0;
}

.mediaNewsArea dl dd.mediaDetail img {
	margin-right: 20px;
	float: left;
}

.mediaNewsArea dl dd.mediaDetail p {
	font-weight: normal;
	display: inline-block;
	font-size: 95%;
}

.mediaNewsArea dl dd.mediaDetail p.narrow {
	width: 84%;
}
.storeSiteArea table ul li, .mediaArea table td ul li, .partnerList li, .campGroundList li {
	background: url(../../img/share/bg_list_icon.png) no-repeat left 0.5em;
	padding-left: 1em;
	list-style-type: none;
}
.partnerList {
	padding-left: .4em;
}
.campGroundList {
	margin: 3rem 0;
	padding-left: .4em;
}
.campGroundList li {
	font-weight: bold;
}
#shooting .firstLine {
	text-align: center;
}

.mediaArea #shooting table th span {
	font-weight: normal;
	display: block;
	font-size: 80%;
	text-align: right;
}

.mediaArea #inquiry div p.formBtn a {
	margin-bottom: 0;
}

/* 店舗用地募集 */
#inquiry div.storeSite p.telNum, 
#groundInquiry div.storeSite p.telNum {
	width: 25%;
	float: left;
	margin-left: 10%;
}

div.storeSite {
	overflow: hidden;
}

/* 提携先オートキャンプ場 */
div.autoCampSite {
	overflow: hidden;
}

@media screen and (min-width: 737px) {
	.contentBox {
		width: 1000px;
		margin: 0 auto;
		overflow: hidden;
	}
	h2 {
		background: url(../../img/share/bg_div_contents_long.png) no-repeat center bottom;
		padding: 0 0 55px 0;
		margin: 0 0 20px 0;
	}
	.mainContents h3 {
		background: url(../../img/share/bg_heading02.png) no-repeat left 0.5em;
		color: #1D1F85;
		font-size: 140%;
		margin-bottom: 0.3em;
	}
	.mainContents h4 {
		background: url(../../img/share/bg_heading03.png) no-repeat left;
		font-size: 120%;
		font-family: "GenshinGothicBold", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",serif;
		font-weight: normal;
	}
	.mainContents h4#newsLatest {
		background: url(../../img/share/bg_heading03.png) no-repeat left 91px;
	}
	.mainContents div.companyMenuBox {
		width: 100%;
		overflow: hidden;
		background: url(../../img/share/bg_div_contents.png) no-repeat center bottom;
		padding-bottom: 3em;
		margin-bottom: 6em;
	}
	.companyMenuBox div {
		margin-bottom: 4em;
	}
	.boxRgt {
		padding-left: 2em;
	}
	#sales, #engineer, #web, #affairs, #craftsman, #detail, #inquiry, #groundInquiry, #performance, #shooting, #newsLatest {
		margin-top: -81px;
		padding-top: 81px;
	}

	/* 会社情報  */
	.informationArea table {
		border-top: 1px solid #CCCCCC;
		border-bottom: 1px solid #CCCCCC;
		margin-bottom: 4em;
		width: 100%;
	}
	.informationArea table th {
		text-align: right;
		border-right: 1px solid #CCCCCC;
		border-bottom: 1px solid #CCCCCC;
		width: 25%;
		padding-right: 1em;
		font-weight: bold;
	}
	.informationArea table td {
		border-bottom: 1px solid #CCCCCC;
		padding: 0.5em;
	}
	.informationArea table td dl dt {
		float: left;
		clear: both;
		margin-right: 1.5em;
	}
	
	/* 採用情報 */
	.recruitOutline li {
		background: url(../../img/share/bg_list_icon.png) no-repeat left;
		padding-left: 1em;
		list-style-type: none;
		line-height: 2;
	}
	.recruitArea table {
		border-top: 1px solid #CCCCCC;
		border-bottom: 1px solid #CCCCCC;
		margin-bottom: 4em;
		width: 100%;
	}
	.recruitArea table th {
		text-align: right;
		border-right: 1px solid #CCCCCC;
		border-bottom: 1px solid #CCCCCC;
		width: 25%;
		padding-right: 0.5em;
		font-weight: bold;
	}
	.recruitArea table td {
		border-bottom: 1px solid #CCCCCC;
		padding: 0.5em;
	}
	.recruitArea .selectionMethodArea {
		width: 50%;
		float: left;
	}
	.recruitArea .trialPeriodArea {
		width: 45%;
		float: right;
	}
	#groundInquiry div, 
	#inquiry div {
		border: 5px solid #D4D4D4;
		background: url(../../img/share/texture/texture01.png) repeat;
		padding: 10px;
	}
	#inquiry div p.telNum, 
	#inquiry div p.faxNum, 
	#inquiry div.storeSite p.mailAddress, 
	#groundInquiry div p.telNum, 
	#groundInquiry div p.faxNum, 
	#groundInquiry div.storeSite p.mailAddress {
		background: url(../recruit/img/bg_icon_tel.png) no-repeat left;
		width: 70%;
	}
	#inquiry div p.faxNum, 
	#groundInquiry div p.faxNum {
		background: url(../media/img/bg_icon_fax.png) no-repeat left;
		width: 80%;
	}
	#inquiry div p.telNum span,
	#inquiry div p.faxNum span,
	#inquiry div.storeSite p.mailAddress span, 
	#groundInquiry div p.telNum span,
	#groundInquiry div p.faxNum span,
	#groundInquiry div.storeSite p.mailAddress span {
		margin-left: 10px;
	}
	#inquiry div p.formBtn a, 
	#groundInquiry div p.formBtn a {
		width: 45%;
	}
	#inquiry div p.noteTxt, 
	#groundInquiry div p.noteTxt {
		width: 80%;
	}
	
	/* メディア掲載情報 */
	.mediaArea table {
		width: 100%;
	}
	.mediaArea table th {
		text-align: right;
		border-right: 1px solid #CCCCCC;
		border-bottom: 1px solid #CCCCCC;
		width: 25%;
		padding-right: 0.5em;
		font-weight: bold;
	}
	.mediaArea table td {
		border-bottom: 1px solid #CCCCCC;
		padding: 0.5em;
	}
	.mediaNewsArea dl dt {
		float: left;
		clear: both;
	}
	.mediaArea #shooting table th {
		width: 48%;
	}
	
	/* 店舗用地募集 */
	.storeSiteArea table {
		border-top: 1px solid #CCCCCC;
		border-bottom: 1px solid #CCCCCC;
		margin-bottom: 4em;
		width: 100%;
	}
	.storeSiteArea table th {
		text-align: right;
		border-right: 1px solid #CCCCCC;
		border-bottom: 1px solid #CCCCCC;
		width: 25%;
		padding-right: 0.5em;
		font-weight: bold;
	}
	.storeSiteArea table td {
		border-bottom: 1px solid #CCCCCC;
		padding: 0.5em;
	}
	#inquiry div.storeSite .faxNum, 
	#groundInquiry div.storeSite .faxNum {
		float: left;
		width: 27%;
		margin-left: 30px;
	}
	#inquiry div.storeSite p.mailAddress, 
	#groundInquiry div.storeSite p.mailAddress {
		width: 50%;
		float: right;
		margin-right: 5%;
		background: url(../store_site/img/bg_icon_mail.png) no-repeat left;
	}
	
	/* 提携先オートキャンプ場募集 */
	.autoCampSiteArea ul {
		margin-bottom: 1em;
	}
	.autoCampSiteArea ul li {
		font-weight: bold;
	}
	#inquiry div.autoCampSite .faxNum, 
	#groundInquiry div.autoCampSite .faxNum {
		float: left;
		width: 25%;
		margin-left: 0;
	}
	#inquiry div.autoCampSite p.mailAddress, 
	#groundInquiry div.autoCampSite p.mailAddress {
		width: 65%;
		float: right;
		margin-right: 0;
		background: url(../store_site/img/bg_icon_mail.png) no-repeat left;
	}
	#inquiry div.autoCampSite p.mailAddress span, 
	#groundInquiry div.autoCampSite p.mailAddress span {
		margin-left: .75em;
	}
}

@media screen and (max-width: 736px) {
	h2 {
		background: none;
		padding-left: 0;
	}
	h3 {
		background: url(../../img/share/bg_heading02.png) no-repeat left 0.5em;
		padding-left: 1em;
		line-height: 1.625;
		clear: both;
		color: #1D2086;
		margin-left: 5px;
	}
	.mainContents h4 {
		background: url(../../img/share/bg_heading03.png) no-repeat left 10px;
		font-size: 110%;
		font-weight: 700;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		margin-left: 5px;
	}
	.mainContents img {
		width: 100%;
		height: auto;
	}
	.mainContents #loading img {
		width: 40px;
		height: 40px;
	}
	#campGround{
		margin-top:0;
		padding-top:0;
	}
	table {
		width: 98%;
		margin: 0 auto;
		border-top: 1px solid #CCCCCC;
		border-bottom: 1px solid #CCCCCC;
		margin-bottom: 4em;
	}
	tbody tr{
		display: block;
		list-style-type: none;
	}
	tbody th {
		display: list-item;
		border: none;
		list-style-type: none;
		text-align: left;
		color: #FFFFFF;
		background: #0085BD;
		padding: 5px;
		font-weight: bold;
	}
	table td {
		padding: 5px;
	}
	.mainContentsBox {
		margin-bottom: 40px;
	}
	.mainContentsBox p {
		margin: 0 5px 20px 5px;
	}
	.readTxtImg {
		display: none;
	}
	.companyMenuBox {
		overflow: hidden;
		padding: 0 5px;
	}
	.companyMenuBox div {
		clear: both;
		overflow: hidden;
		margin-bottom: 3em;
	}
	.companyMenuBox div.boxRgt {
		padding-left: 5px;
		float: right;
		clear: inherit;
	}
	
	/* 会社情報  */
	.informationArea table td dl dd {
		margin-bottom: 1em;
	}
	
	.informationArea table td dl.factoryNum dd {
		margin-bottom: 0;
	}
	
	
	/* 採用情報 */
	.recruitOutline li {
		background: url(../../img/share/bg_list_icon.png) no-repeat left 8px;
		padding: 0 10px 0 1em;
		list-style-type: none;
		line-height: 1.5;
		margin-bottom: 5px;
	}
	.recruitArea table td span, 
	#inquiry div p.telNum span,
	#inquiry div p.faxNum span,
	#inquiry div.storeSite p.mailAddress span, 
	#groundInquiry div p.telNum span,
	#groundInquiry div p.faxNum span,
	#groundInquiry div.storeSite p.mailAddress span {
		display: block;
	}
	.recruitArea .selectionMethodArea, 
	.recruitArea .trialPeriodArea {
		width: 96%;
		margin: 0 auto;
	}
	.recruitArea .selectionMethodArea .flowBox li {
		list-style-type: none;
	}
	#inquiry div, 
	#groundInquiry div {
		border: 5px solid #D4D4D4;
		background: url(../../img/share/texture/texture01.png) repeat;
		padding: 5px;
		width: 92%;
		margin: 0 auto;
	}
	#inquiry div p.telNum, #inquiry div p.faxNum, #inquiry div.storeSite p.mailAddress, 
	#groundInquiry div p.telNum, #groundInquiry div p.faxNum, #groundInquiry div.storeSite p.mailAddress {
		background: url(../recruit/img/bg_icon_tel.png) no-repeat left 6px;
		width: 92%;
	}
	#inquiry div p.faxNum, 
	#groundInquiry div p.faxNum {
		background: url(../media/img/bg_icon_fax.png) no-repeat left 8px;
	}
	#inquiry div p.formBtn a, 
	#groundInquiry div p.formBtn a {
		width: 80%;
	}
	#inquiry div p.noteTxt, 
	#groundInquiry div p.noteTxt {
		width: 92%;
	}
	
	/* メディア掲載情報 */
	.mediaNewsArea {
		width: 92%;
		margin: 0 auto;
	}
	.mainContents .mediaDetail img {
		display: none;
	}
	.mediaNewsArea dl dd.mediaDetail p.narrow {
		width: inherit;
	}
	.mediaArea table td ul li {
		background: url(../../img/share/bg_list_icon.png) no-repeat left 0.75em;
	}
	.mediaArea #performance table td ul li a {
		line-height: 2;
	}
	
	/* 店舗用地募集 */
	#inquiry div.storeSite p.mailAddress, 
	#groundInquiry div.storeSite p.mailAddress {
		margin-left: 7px;
		background: url(../store_site/img/bg_icon_mail.png) no-repeat left 9px;
	}
	/* 提携先オートキャンプ場募集 */
	#inquiry div.autoCampSite p.faxNum, 
	#groundInquiry div.autoCampSite p.faxNum {
		width: 100%;
	}
	.autoCampSiteArea ul {
		margin: 0 .5em 1em .5em;
	}
	.autoCampSiteArea ul.partnerList li, .campGroundList li {
		padding-left: .5em;
		font-weight: bold;
	}
	.autoCampSite p.faxNum, 
	.autoCampSite p.mailAddress {
		line-height: 1.625;
	}
	#inquiry div.autoCampSite p.mailAddress, 
	#groundInquiry div.autoCampSite p.mailAddress {
		background: url(../store_site/img/bg_icon_mail.png) no-repeat left 9px;
	}
	#inquiry div.autoCampSite p.mailAddress span, 
	#groundInquiry div.autoCampSite p.mailAddress span {
		display: block;
	}
}