/* AreaGreeting -- 社長挨拶 -- */
#contents .InContents .CompAll ul {
	margin: 1rem;
	list-style: none;
	
}
	@media(min-width:1024px){
		#contents .InContents .CompAll ul {
			margin: 0rem;
			padding: 1rem;
			display: -webkit-flex; /* Safari */
			display: flex;
			-webkit-flex-wrap: wrap; /* Safari */
			flex-wrap: wrap;
			-webkit-justify-content: space-between; /* Safari */
			justify-content: space-between;
			-webkit-align-items: stretch; /* Safari */
			align-items: stretch;
		}
	}

#contents .InContents .CompAll ul li {
	margin: 1rem 0;
}
	@media(min-width:1024px){
		#contents .InContents .CompAll ul li {
			width: -webkit-calc(100%/2.2);
			width: calc(100%/2.2);
			margin: 1rem;
			padding: 0;
			text-align: center;
			cursor: pointer;
			display: block;
			transition: all .3s linear;
		}
	}

#contents .InContents .CompAll ul li:hover {
}
	@media(min-width:1024px){
		#contents .InContents .CompAll ul li:hover {
			transform: scale(1.2);
		}
	}

#contents .InContents .CompAll ul li a {
}
	@media(min-width:1024px){
		#contents .InContents .CompAll ul li a {
			width: 100%;
			height: 100%;
			color: #fff;
			text-shadow: 0 .1rem .1rem #333;
			text-decoration: none;
			letter-spacing: .2rem;
			font-size: 1.6rem;
		}
	}

#contents .InContents .OokiSign {
	text-align: center;
}
	@media(min-width:1024px){
		#contents .InContents .OokiSign {
			text-align: right;
		}
	}

/* AreaGreeting -- 社長挨拶 -- */

/* AreaAbout -- OMD BO-BO！伝説プロジェクト -- */
#contents .InContents .AreaAbout {
	margin: 3rem 0;
}
	@media(min-width:1024px){
		#contents .InContents .AreaAbout {
		}
	}

#contents .InContents .AreaAbout h3 {
	font-size: 1.2rem;
	padding: 0 .5rem .6rem .5rem;
	letter-spacing: .1rem;
}
	@media(min-width:1024px){
		#contents .InContents .AreaAbout h3 {
			font-size: 1.4rem;
			letter-spacing: .2rem;
		}
	}

#contents .InContents .AreaAbout h3:first-letter {
	font-size: 1.6rem;
	margin: 0 .2rem .5rem .2rem;
	padding: .2rem .4rem;
	background: #36A3EE;
	color: #fff;
}
	@media(min-width:1024px){
		#contents .InContents .AreaAbout h3:first-letter {
			font-size: 2rem;
			margin: 0 .2rem .5rem .2rem;
			padding: .2rem .4rem;
		}
	}

#contents .InContents .AreaAbout p {
	margin: .5rem 0 .5rem 1rem;
}
	@media(min-width:1024px){
		#contents .InContents .AreaAbout p {
		}
	}

#contents .InContents .AreaAbout ul {
	list-style: none;
}
	@media(min-width:1024px){
	}

#contents .InContents .AreaAbout ul li {
	list-style: none;
	border-bottom: 1px solid #dadada;
	margin-bottom: .5rem;
	padding: .4rem;
}
	@media(min-width:1024px){
	}

/* AreaAbout -- OMD BO-BO！伝説プロジェクト -- */

/* AreaVision -- 中長期ビジョン -- */

#contents .InContents #AreaVi a {
	color: #58b516;
	text-decoration: none;
}
	@media(min-width:1024px){
		#contents .InContents #AreaVi a {
			transition: all .3s linear;
		}
	}

#contents .InContents #AreaVi a:hover {
}
	@media(min-width:1024px){
		#contents .InContents #AreaVi a:hover {
			color: #0e75bc !important;
		}
	}

.tyu {
	color: red !important;
	font-size: 90% !important;
}
	@media(min-width:1024px){
	}

/* AreaVision -- 中長期ビジョン -- */

/* AreaAim -- OMDが目指す３つのもの -- */

#contents .InContents .AreaAim h3 {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝";
	padding: .8rem .5rem .5rem 3.5rem;
	letter-spacing: .2rem;
	background: url(../img/icon/icon-ContLogo.png) no-repeat 0% 25%;
	background-size: 48px;
	border-bottom: 0px ;
}
	@media(min-width:1024px){
	}

#contents .InContents .AreaAim .h3Black {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝";
	font-size: 1.4rem;
	color: #000;
}
	@media(min-width:1024px){
	}

#contents .InContents .AreaAim ul {
	list-style: none;
}
	@media(min-width:1024px){
	}

#contents .InContents .AreaAim ul li > p{
	padding: 0 0 0 3.5rem;
}
	@media(min-width:1024px){
	}

/* AreaAim -- OMDの目指す３つのもの -- */

#contents .InContents .CompInfoTxt {
}
	@media(min-width:1024px){
		#contents .InContents .CompInfoTxt {
			margin: .5rem 0 3rem 0;
		}
	}

#contents .InContents .CompInfoTxt dl {
	padding: .5rem;
	overflow: hidden;
	border-bottom: 1px solid #e8e8e8;
}
	@media(min-width:1024px){
	}

#contents .InContents .CompInfoTxt dl dt {
	width: 100%;
	margin-bottom: .5rem;
	padding: .2rem 0;
	color: #0E75BC;
	float: none;
	text-align: center;
	background: #f2f2f2;
	font-size: .8rem;
}
	@media(min-width:1024px){
		#contents .InContents .CompInfoTxt dl dt {
			width: 8%;
			margin-bottom: 0rem;
			padding: 0;
			float: left;
			text-align: left;
			background: none;
			font-size: 1rem;
		}
	}

#contents .InContents .CompInfoTxt dl dd {
	font-size: .8rem;
}
	@media(min-width:1024px){
		#contents .InContents .CompInfoTxt dl dd {
			width: 92%;
			float: left;
			font-size: 1rem;
		}
	}

#contents .InContents .CompInfoTxt dl > dd > dl {
	width: 100%;
	float: none;
	font-size: .8rem;
	text-align: center;
}
	@media(min-width:1024px){
		#contents .InContents .CompInfoTxt dl > dd > dl {
			width: 100%;
			float: left;
			font-size: 1rem;
			text-align: left;
		}
	}

#contents .InContents .CompInfoTxt dl > dd > dl:last-child {
	width: 100%;
	float: none;
	font-size: .8rem;
	text-align: center;
}
	@media(min-width:1024px){
		#contents .InContents .CompInfoTxt dl > dd > dl:last-child {
			width: 100%;
			float: left;
			font-size: 1rem;
			text-align: left;
			border-bottom: none;
		}
	}

#contents .InContents .CompInfoTxt dl > dd > dl > dt{
	width: 100%;
	float: none;
	font-size: .8rem;
	text-align: center;
}
	@media(min-width:1024px){
		#contents .InContents .CompInfoTxt dl > dd > dl > dt {
			width: 40%;
			float: left;
			font-size: 1rem;
			text-align: left;
		}
	}

#contents .InContents .CompInfoTxt dl > dd > dl > dd {
	width: 100%;
	float: none;
	font-size: .8rem;
	text-align: center;
}
	@media(min-width:1024px){
		#contents .InContents .CompInfoTxt dl > dd > dl > dd {
			width: 60%;
			float: left;
			font-size: 1rem;
			text-align: left;
		}
	}

#contents .InContents .CompInfoTxt dl dd a {
	text-decoration: none;
	color: #58b516;
}
	@media(min-width:1024px){
		#contents .InContents .CompInfoTxt dl dd a {
			transition: all .3s linear;
		}
	}

#contents .InContents .CompInfoTxt dl dd a:hover {
}
	@media(min-width:1024px){
		#contents .InContents .CompInfoTxt dl dd a:hover {
			color: #0e75bc !important;
		}
	}

#contents .InContents #AreaMap {
	overflow: hidden;
}
	@media(min-width:1024px){
	}

#contents .InContents #AreaMap .MLeft {
	width: 100%;
	margin: 0 0 1rem 0;
	float: none;
}
	@media(min-width:1024px){
		#contents .InContents #AreaMap .MLeft {
			width: 49%;
			margin: 0 1rem 0 0;
			float: left;
		}
	}

#contents .InContents #AreaMap .MRight {
}
	@media(min-width:1024px){
		#contents .InContents #AreaMap .MRight {
			width: 49%;
			margin: 0;
			float: left;
		}
	}

/* CHistory -- 沿 革 -- */

#contents .InContents #CHistory {
}
	@media(min-width:1024px){
	}

#contents .InContents #CHistory dl {
	padding: .5rem;
	overflow: hidden;
	border-bottom: 1px solid #e8e8e8;
}
	@media(min-width:1024px){
	}

#contents .InContents #CHistory dl dt {
	color: #0E75BC;
}
	@media(min-width:1024px){
		#contents .InContents #CHistory dl dt {
			width: 15%;
			float: left;
		}
	}

#contents .InContents #CHistory dl dd {
}
	@media(min-width:1024px){
		#contents .InContents #CHistory dl dd {
			width: 85%;
			float: left;
		}
	}

#contents .InContents #CHistory dl dd a {
}
	@media(min-width:1024px){
		#contents .InContents #CHistory dl dd a {
			text-decoration: none;
			color: #58b516;
			transition: all .3s linear;
		}
	}

#contents .InContents #CHistory dl dd a:hover {
}
	@media(min-width:1024px){
		#contents .InContents #CHistory dl dd a:hover {
			text-decoration: none;
			color: #0e75bc !important;
		}
	}

#contents .InContents #CHistory .HisPic {
	margin: 2rem 0;
}
	@media(min-width:1024px){
		#contents .InContents #CHistory .HisPic {
		}
	}

#contents .InContents #CHistory .HisPic ul {
	list-style: none;
}
	@media(min-width:1024px){
		#contents .InContents #CHistory .HisPic ul {
			display: -webkit-flex; /* Safari */
			display: flex;
			-webkit-align-items: stretch; /* Safari */
			align-items: stretch;
		}
	}

#contents .InContents #CHistory .HisPic ul li {
	margin: 1rem;
}
	@media(min-width:1024px){
		#contents .InContents #CHistory .HisPic ul li {
			width: -webkit-calc(100%/5);
			width: calc(100%/5);
			margin: 0 1rem;
		}
	}

#contents .InContents #CHistory .HisPic ul li img {
	transform: scale(1);
}
	@media(min-width:1024px){
		#contents .InContents #CHistory .HisPic ul li img {
			transform: scale(1);
			transition: all .3s linear;
		}
	}

#contents .InContents #CHistory .HisPic ul li img:hover {
	transform: scale(1);
}
	@media(min-width:1024px){
		#contents .InContents #CHistory .HisPic ul li img:hover {
			transform: scale(1.1);
		}
	}

/* CHistory -- 沿 革 -- */


/* AreaCompInfo -- 会社概要 -- */

#contents .InContents #AreaCompInfo {
}
	@media(min-width:1024px){
	}

#contents .InContents #AreaCompInfo dl {
	padding: .5rem;
	overflow: hidden;
	border-bottom: 1px solid #e8e8e8;
}
	@media(min-width:1024px){
	}

#contents .InContents #AreaCompInfo dl dt {
	color: #0E75BC;
	width: 100%;
	margin-bottom: .5rem;
	padding: .2rem;
	float: none;
	font-size: .8rem;
	text-align: center;
	background: #f2f2f2;
}
	@media(min-width:1024px){
		#contents .InContents #AreaCompInfo dl dt {
			width: 15%;
			margin-bottom: 0rem;
			padding: 0rem;
			font-size: 1rem;
			text-align: left;
			float: left;
			background: none;
		}
	}

#contents .InContents #AreaCompInfo dl dd {
	width: 100%;
	float: none;
	font-size: .8rem;
	text-align: center;
}
	@media(min-width:1024px){
		#contents .InContents #AreaCompInfo dl dd {
			width: 85%;
			float: left;
			font-size: 1rem;
			text-align: left;
		}
	}

#contents .InContents #AreaCompInfo dl > dd > dl {
	width: 100%;
	float: none;
	font-size: .8rem;
	text-align: center;
}
	@media(min-width:1024px){
		#contents .InContents #AreaCompInfo dl > dd > dl {
			width: 100%;
			float: left;
			font-size: 1rem;
			text-align: left;
		}
	}

#contents .InContents #AreaCompInfo dl > dd > dl:last-child {
	width: 100%;
	float: none;
	font-size: .8rem;
	text-align: center;
}
	@media(min-width:1024px){
		#contents .InContents #AreaCompInfo dl > dd > dl:last-child {
			width: 100%;
			float: left;
			font-size: 1rem;
			text-align: left;
			border-bottom: none;
		}
	}

#contents .InContents #AreaCompInfo dl > dd > dl > dt{
	width: 100%;
	float: none;
	font-size: .8rem;
	text-align: center;
}
	@media(min-width:1024px){
		#contents .InContents #AreaCompInfo dl > dd > dl > dt {
			width: 40%;
			float: left;
			font-size: 1rem;
			text-align: left;
		}
	}

#contents .InContents #AreaCompInfo dl > dd > dl > dd {
	width: 100%;
	float: none;
	font-size: .8rem;
	text-align: center;
}
	@media(min-width:1024px){
		#contents .InContents #AreaCompInfo dl > dd > dl > dd {
			width: 60%;
			float: left;
			font-size: 1rem;
			text-align: left;
		}
	}

#contents .InContents #AreaCompInfo dl dd a {
	text-decoration: none;
	color: #58b516;
}
	@media(min-width:1024px){
		#contents .InContents #AreaCompInfo dl dd a {
			transition: all .3s linear;
		}
	}

#contents .InContents #AreaCompInfo dl dd a:hover {
}
	@media(min-width:1024px){
		#contents .InContents #AreaCompInfo dl dd a:hover {
			color: #0e75bc !important;
		}
	}

/* AreaCompInfo -- 会社概要 -- */


