@charset "UTF-8";

.companyLayout .h2wrap {
	background-image: url(../img/company/h2_bg.jpg);
}

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

.companyLayout .subNavi ul {
	display: flex;
	flex-wrap: wrap;
	padding: 0 0 20px;
	max-width: 1100px;
	margin: 0 auto;
}

.companyLayout .subNavi ul li {
	width: 33.333%;
	border-right: 1px solid #000;
	line-height: 1;
	box-sizing: border-box;
	text-align: center;
	margin: 0 0 30px;
}

.companyLayout .subNavi ul li:nth-child(3n) {
	border: none;
}

.companyLayout .subNavi ul li a:link,
.companyLayout .subNavi ul li a:visited {
	color: #000;
	text-decoration: none;
}

			/* 【タブレット用のスタイル記述】 */
			@media screen and (min-width: 761px) {
			}		
			/* 【PC用のスタイル記述】 */
			@media screen and (min-width: 1200px) {
				.companyLayout .subNavi ul {
					padding: 30px 0 80px;
				}
				.companyLayout .subNavi ul li {
					width: 16.666%;
				}
				.companyLayout .subNavi ul li:nth-child(3n) {
					border-right: 1px solid #000;
				}
				.companyLayout .subNavi ul li:last-child {
					border: none;
				}
				.companyLayout .subNavi ul li a {
					position: relative;
				}
				.companyLayout .subNavi ul li a:after {
					content: '';
					display: block;
					position: absolute;
					width: 100%;
					height: 3px;
					background-color: #15964e;
					left: 50%;
					transform: translateX(-50%);
					bottom: -7px;
					opacity: 0;
					transition: .3s;
				}
				.companyLayout .subNavi ul li a:link,
				.companyLayout .subNavi ul li a:visited {
					color: #000;
					text-decoration: none;
				}
				.companyLayout .subNavi ul li a:hover,
				.companyLayout .subNavi ul li a:active {
					opacity: 1;
				}
				.companyLayout .subNavi ul li a:hover:after,
				.companyLayout .subNavi ul li a:active:after {
					opacity: 1;
				}
			}

.companyLayout #c01 .bg {
	margin: 0 0 40px;
}

.companyLayout #c01 .bg img {
	width: 100%;
}

.companyLayout #c01 .cassette h3 {
	padding: 0 0 25px;
	font-size: 2.2rem;
}

.companyLayout #c01 .cassette .name {
	text-align: right;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.companyLayout #c01 .cassette .name span {
	font-size: 2.6rem;
}

			/* 【タブレット用のスタイル記述】 */
			@media screen and (min-width: 761px) {
			}		
			/* 【PC用のスタイル記述】 */
			@media screen and (min-width: 1200px) {
				.companyLayout #c01 {
					position: relative;
					background: url(../img/company/01_img01.jpg) no-repeat center center;
				}
				.companyLayout #c01 .bg {
					display: none;
				}
				.companyLayout #c01 .cassette {
					padding: 0 0 40px;
					margin: 0 auto 100px;
				}
				.companyLayout #c01 .cassette .box01 {
					padding: 50px 0 0;
					margin: 0 0 0 600px;
					color: #fff;
				}
			}


.companyLayout #c02 .cassetteWrap {
	background: url(../img/company/02_bg01.jpg) no-repeat center center / cover;
	margin: 0 0 100px;
}

.companyLayout #c02 .cassette {
	width: 100%;
}

.companyLayout #c02 .cassette .box01 {
	padding: 60px 20px 0;
}

.companyLayout #c02 .cassette .box01 .img img {
	width: 781px;
}

			/* 【タブレット用のスタイル記述】 */
			@media screen and (min-width: 761px) {
				.companyLayout #c02 .cassette .box01 {
					padding: 60px 20px 0;
				}
			}		
			/* 【PC用のスタイル記述】 */
			@media screen and (min-width: 1200px) {
			}

.companyLayout #c05 .cassette .box01 {
	background-color: rgba(246,246,246,0.7);
	padding: 25px 25px 0;
	margin: 0 0 25px;
}

.companyLayout #c05 .cassette .box02 {
	border-bottom: 1px solid #d8d8d8;
	margin: 0 0 25px;
}

.companyLayout #c05 .cassette .box02:last-child {
	border: none;
	margin: 0;
}

.companyLayout #c05 .cassette .box02 .textGreen span {
	display: block;
}

.companyLayout #c05 .cassette .img img {
	width: 432px;
}

.companyLayout #c05 iframe {
	vertical-align: bottom;
}

			/* 【タブレット用のスタイル記述】 */
			@media screen and (min-width: 761px) {
				.companyLayout #c05 .cassette .box01 {
					padding: 30px 40px 5px;
				}
				.companyLayout #c05 .cassette .box02 .textGreen span {
					display: inline-block;
					width: 120px;
				}
			}		
			/* 【PC用のスタイル記述】 */
			@media screen and (min-width: 1200px) {
				.companyLayout #c05 .cassette .box01 {
					padding: 80px 45px 60px;
				}
			}


/* 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 */