@charset "UTF-8";

.companyAboutLayout .h2wrap {
	background-image: url(../img/index_h2bg.jpg);
}

			/* 【タブレット用のスタイル記述】 */
			@media screen and (min-width: 761px) {
			}		
			/* 【PC用のスタイル記述】 */
			@media screen and (min-width: 1020px) {
			}

.companyAboutLayout #main #c00 ul {
	display: flex;
	flex-wrap: wrap;
}

.companyAboutLayout #main #c00 ul li {
	width: 48%;
	margin: 0 4% 0 0;
	padding: 0 0 10px;
}

.companyAboutLayout #main #c00 ul li:nth-child(2n) {
	margin: 0;
}

.companyAboutLayout #main #c00 ul li a {
	display: block;
	border: 1px solid #003567;
	padding: 7px 0;
	position: relative;
	text-align: center;
}

.companyAboutLayout #main #c00 ul li a:link,
.companyAboutLayout #main #c00 ul li a:hover {
	text-decoration: none;
}

.companyAboutLayout #main #c00 ul li a i {
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
}

.companyAboutLayout .policyBox {
	margin:30px auto 60px;
	position: relative;
	padding: 10px 40px 20px;
	border-top: solid 2px #007f81;
	border-bottom: solid 2px #007f81;
}

.companyAboutLayout .policyBox:before,
.companyAboutLayout .policyBox:after {
	content: '';
	position: absolute;
	top: -10px;
	width: 2px;
	height: -webkit-calc(100% + 20px);
	height: calc(100% + 20px);
	background-color: #007f81;
}

.companyAboutLayout  .policyBox:before {
	left: 10px;
}

.companyAboutLayout .policyBox:after {
	right: 10px;
	visibility: inherit;
}

.companyAboutLayout .policyBox p.ttl {
	color: #007f81;
	margin: 30px 0 0;
	text-align: center;
}

.companyAboutLayout .policyBox p {
	font-size: 140%;
	line-height: 2em;
	margin-bottom: 20px;
}

.companyAboutLayout #c01 .policyBox ol {
	padding: 0 0 30px 20px;
}

.companyAboutLayout.inLayout #c01 .policyBox ol li {
	padding-left: 10px;
}

			/* 【タブレット用のスタイル記述】 */
			@media screen and (min-width: 761px) {
				.companyAboutLayout #main #c00 ul {
					flex-wrap: nowrap;
					justify-content: space-between;
				}
				.companyAboutLayout #main #c00 ul li {
					width: 19%;
					margin: 0;
				}
				.companyAboutLayout #main #c00 ul li a i {
					left: 15px;
				}
				.companyAboutLayout .policyBox{
					padding: 10px 80px 20px;
				}
			}		
			/* 【PC用のスタイル記述】 */
			@media screen and (min-width: 1020px) {
			}

.companyAboutLayout #main #c03 .flex iframe {
	width: 100%;
	height: 250px;
}

			/* 【タブレット用のスタイル記述】 */
			@media screen and (min-width: 761px) {
				.companyAboutLayout #main #c03 .flex {
					display: flex;
					justify-content: space-between;
				}
				.companyAboutLayout #main #c03 .flex p {
					width: 49%;
				}
				.companyAboutLayout #main #c03 .flex iframe {
					width: 49%;
				}
			}		
			/* 【PC用のスタイル記述】 */
			@media screen and (min-width: 1020px) {
				.companyAboutLayout #main #c03 .flex iframe {
					height: 320px;
				}
			}

/* clearfix
------------------------------------*/

.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
overflow:hidden;
}

.clearfix {
display: inline-block;
}

/* exlude MacIE5 \*/
* html .clearfix {
height: 1%
}

.clearfix {
display:block;
}
/* end MacIE5 */