@charset "UTF-8";


/* Sass Document */

#heading h2.ttl {
	padding: 4em 0 0;
	font-size: 2.4rem;
	font-weight: bold;
	letter-spacing: .2em;
	text-align: center;
}

#mv_inner {
	background: url("../img/business/pc_mv.jpg") no-repeat top center/cover;
}

/*
共通
*/
.pc_flex {
	display: flex;
	margin-bottom: 3em;
}

.pc_flex.rev {
	flex-direction: row-reverse;
}

.pc_flex.rev figure {
	margin-right: 4em;
	margin-left: 0;
}

.pc_flex .heading {
	margin-bottom: 4em;
}

.pc_flex .heading h2.name {
	width: 230px;
}

.pc_flex .heading h2.name img {
	width: 100%;
	height: auto;
}

.pc_flex p {
	line-height: 2;
}

.pc_flex figure {
	flex-shrink: 0;
	width: 50%;
	max-width: 550px;
	margin-left: 4em;
}

.pc_flex figure img {
	width: 100%;
}

.pc_flex .link {
	margin: 6em 0;
}

.pc_flex .link a {
	padding: .8em 0;
	border-bottom: 1px solid #0071BC;
	font-size: 1.4rem;
	font-weight: 500;
	white-space: nowrap;
	transition: .3s;
}

.pc_flex .link a:hover {
	opacity: .7;
}

.pc_flex .link a[target=_blank] {
	padding-right: 2em;
	background: url("../img/business/icon_link.svg") no-repeat center right 0.5em;
	background-size: 1em auto;
}

.ie11 .pc_flex .link a[target=_blank] {
	background: url("../img/business/icon_link.png") no-repeat center right 0.5em;
	background-size: auto auto;
}

.company_contact {
	display: flex;
	align-items: center;
	padding: 2em .5em;
	border-top: 1px solid #EEEEEE;
}

.company_contact:last-of-type {
	border-bottom: 1px solid #EEEEEE;
}

.company_contact > div {
	display: flex;
	align-items: center;
}

.company_contact h4.name {
	margin-right: 2em;
	color: #0071BC;
	font-size: 1.6rem;
	font-weight: bold;
	letter-spacing: .2em;
}

.company_contact p {
	margin-right: 3em;
	font-size: 1.4rem;
	font-weight: 500;
}

.company_contact p.mail {
	margin-right: 0;
}

/*
プレカット事業部
*/
#sec01 {
	padding-top: 10em;
	padding-bottom: 2em;
}

.precut .pc_flex .heading {
	display: flex;
	align-items: flex-end;
	margin-bottom: 6em;
}

.precut .pc_flex .heading h2 {
	width: 230px;
}

.precut .pc_flex .heading h2 img {
	width: 100%;
}

.precut .pc_flex .heading h3 {
	margin-left: 1em;
	padding-bottom: .5em;
	font-size: 1.6rem;
	font-weight: bold;
}

#sec02 {
	padding-top: 10em;
	padding-bottom: 2em;
}

#sec03 {
	padding-top: 10em;
	padding-bottom: 2em;
}

/*
バッティングスタジアム
*/
#sec04 {
	padding-top: 10em;
	padding-bottom: 2em;
}

.battingstadium .pc_flex .heading {
	margin-bottom: 3em;
}

.battingstadium .pc_flex .heading h2.name {
	width: 190px;
}

/*
ユーバス
*/
#sec05 {
	padding-top: 10em;
	padding-bottom: 2em;
}

.yu-bath .heading {
	display: flex;
}

.yu-bath .heading h2#yu-bath {
	width: 116px;
	margin-right: 2em;
}

.yu-bath .heading h2#yu-bathroyal {
	width: 170px;
}

.yu-bath .company_contact h4 {
	width: 7em;
}

.yu-bath .company_contact p.address {
	width: 19em;
}

#sec06 {
	padding-top: 10em;
	padding-bottom: 2em;
}

.yu-fit .pc_flex .heading {
	margin-bottom: 5em;
}

.yu-fit .pc_flex .heading h2.name {
	width: 160px;
}

.yu-fit .company_contact h4 {
	width: 7em;
}

.yu-fit .company_contact p.address {
	width: 20em;
}

#sec07 {
	padding-top: 10em;
	padding-bottom: 12em;
}

.kangostation .pc_flex h2.name {
	width: 200px;
}

.kangostation .company_contact > div {
	display: block;
}

.kangostation .company_contact h4.name {
	width: 10em;
}

.kangostation .company_contact p.tel,
.kangostation .company_contact p.fax,
.kangostation .company_contact p.number {
	display: inline-block;
}

@media only screen and (max-width: 991px) {
	html, body {
		width: 100%;
	}
	.pc_flex figure {
		width: 50%;
	}
	.company_contact > div {
		display: block;
	}
	.kangostation .company_contact h4.name {
		flex-shrink: 0;
		width: 25%;
	}
	.kangostation .company_contact p.tel,
	.kangostation .company_contact p.fax,
	.kangostation .company_contact p.number {
		display: block;
		margin-right: 0;
	}
}

@media only screen and (max-width: 767px) {
	html, body {
		width: 100%;
	}
	#heading h2.ttl {
		font-size: 2.8rem;
	}
	#mv_inner {
		background: url("../img/business/sp_mv.jpg") no-repeat top center;
		background-size: cover;
	}
	.pc_flex {
		display: block;
	}
	.pc_flex.rev figure {
		margin: 0;
	}
	.pc_flex .heading h2.name {
		width: 50%;
	}
	.pc_flex figure {
		width: 100%;
		max-width: inherit;
		margin: 0;
		margin-top: 4em;
	}
	.pc_flex .link {
		margin-bottom: 8em;
	}
	.pc_flex .link a {
		font-size: 2.2rem;
	}
	.company_contact {
		padding: 3em 1em;
	}
	.company_contact h4.name {
		font-size: 2.4rem;
		line-height: 1.4;
	}
	.company_contact p {
		margin-right: 0;
		padding: .2em 0;
		font-size: 2.4rem;
		font-weight: normal;
	}
	.precut .pc_flex .heading {
		margin-bottom: 7em;
	}
	.precut .pc_flex .heading h2 {
		width: 50%;
	}
	.precut .pc_flex .heading h3 {
		font-size: 2.2rem;
	}
	#sec02 {
		padding-top: 6em;
	}
	#sec03 {
		padding-top: 6em;
	}
	#sec04 {
		padding-top: 6em;
	}
	.battingstadium .pc_flex .heading h2.name {
		width: 40%;
	}
	#sec05 {
		padding-top: 6em;
	}
	.yu-bath .heading h2#yu-bath {
		width: 23%;
	}
	.yu-bath .heading h2#yu-bathroyal {
		width: 36%;
	}
	#sec06 {
		padding-top: 6em;
	}
	.yu-fit .pc_flex .heading h2.name {
		width: 30%;
	}
	#sec07 {
		padding-top: 6em;
	}
	.kangostation .company_contact h4.name {
		flex-shrink: 0;
		width: 35%;
		margin-right: 0;
	}
}

@media only screen and (max-width: 1199px) {
	.yu-bath .company_contact > div {
		display: block;
	}
	.yu-fit .company_contact > div {
		display: block;
	}
}

/*# sourceMappingURL=sourcemaps/business.css.map */