/* production.CSS */

/* --------------------------------------------------
Title
-------------------------------------------------- */
@media only screen and (min-width: 960px) {
	.ttl-production {
		/* margin-top: 200px; Gナビ固定 */
		background: url(../img/production/bg-ttlproduction.jpg) no-repeat center;
		background-size: 1440px;
		text-align: center;
	}
	.ttl-production .ttl-inner {
		margin: 0 auto;
		max-width: 960px;
	}
	.btn-production {
		font-size: 3rem;
	}
}

.ttl-production-img {
	margin: 0 0 4rem 0;
	width: 100%;
}

/* --------------------------------------------------
Contents
-------------------------------------------------- */
.contents-lead-block {
	text-align: left;
}
@media only screen {
	.contents-lead-block {
		padding: 0;
		width: 100%;
	}
	p.lead-txt {
		font-size: 1.6rem;
	}
	.lead-area {
		padding: 3rem 2rem;
		background: url(../img/production/bg-lead.gif) repeat;
		text-align: center;
	}
}
@media only screen and (min-width: 960px) {
	.contents-lead-block {
		margin: 0 auto;
		padding: 0;
		width: 100%;
		position: relative;
	}
	p.lead-txt {
		font-size: 1.8rem;
	}
	.lead-area {
		padding: 5rem 2rem;
		background: url(../img/production/bg-lead.gif) repeat;
		text-align: center;
	}
}
p.lead-txt {
	margin-bottom: 0;
}
.detail-box02 {
	background: #F8F8F7;
}
@media only screen {
	.detail-box01 .inner-box,
	.detail-box02 .inner-box {
		margin: 0 auto;
		width: 100%;
	}
	.detail-box01 .inner-box .txt-box,
	.detail-box02 .inner-box .txt-box {
		padding: 3rem;
		width: 100%;
	}
	.detail-box01 .inner-box .img-box,
	.detail-box02 .inner-box .img-box {
		width: 100%;
	}
	.detail-box01 .inner-box .img-box img,
	.detail-box02 .inner-box .img-box img {
		width: 100%;
	}
	.sttl-img {
		margin-bottom: 2rem;
		text-align: center;
	}
}
@media only screen and (min-width: 960px) {
	.detail-box01 .inner-box,
	.detail-box02 .inner-box {
		margin: 0 auto;
		width: 960px;
	}
	
	.detail-box01 .inner-box .txt-box {
		padding: 0 5rem 0 0;
		width: 530px;
		height: 340px;
		float: left;
		text-align: left;
	}
	.detail-box01 .inner-box .img-box {
		padding: 0;
		width: 430px;
		float: right;
	}
	.detail-box01 .inner-box .img-box img {
		width: 430px;
	}
	
	.detail-box02 .inner-box .txt-box {
		padding: 0 0 0 5rem;
		width: 530px;
		height: 340px;
		float: left;
	}
	.detail-box02 .inner-box .img-box {
		padding: 0;
		width: 430px;
		float: left;
	}
	.detail-box02 .inner-box .img-box img {
		width: 430px;
	}
	
	.middle-box {
		position:relative;
		top:50%;
		transform:translateY(-50%);
	}
	.sttl-img {
		margin-bottom: 2rem;
		text-align: left;
	}
}

@media only screen {
	.production-bg01 {
		background: url(../img/production/bg-kodawari01.png) no-repeat left bottom;
	}
	.production-bg02 {
		background: url(../img/production/bg-kodawari02.png) no-repeat left bottom;
	}
	.production-bg03 {
		background: url(../img/production/bg-kodawari03.png) no-repeat left bottom;
	}
	.production-bg04 {
		background: url(../img/production/bg-kodawari04.png) no-repeat left bottom;
	}
	.production-bg05 {
		background: url(../img/production/bg-kodawari05.png) no-repeat left bottom;
	}
	.production-bg06 {
		background: url(../img/production/bg-kodawari06.png) no-repeat left bottom;
	}
	.production-bg07 {
		background: url(../img/production/bg-kodawari07.png) no-repeat left bottom;
	}
	.production-bg01,
	.production-bg02,
	.production-bg03,
	.production-bg04,
	.production-bg05,
	.production-bg06,
	.production-bg07 {
		background-size: 50% auto;
	}
}
@media only screen and (min-width: 960px) {	
	.production-bg01 {
		background: url(../img/production/bg-kodawari01.png) no-repeat left bottom;
	}
	.production-bg02 {
		background: url(../img/production/bg-kodawari02.png) no-repeat right bottom;
	}
	.production-bg03 {
		background: url(../img/production/bg-kodawari03.png) no-repeat left bottom;
	}
	.production-bg04 {
		background: url(../img/production/bg-kodawari04.png) no-repeat right bottom;
	}
	.production-bg05 {
		background: url(../img/production/bg-kodawari05.png) no-repeat left bottom;
	}
	.production-bg06 {
		background: url(../img/production/bg-kodawari06.png) no-repeat right bottom;
	}
	.production-bg07 {
		background: url(../img/production/bg-kodawari07.png) no-repeat left bottom;
	}
	.production-bg01,
	.production-bg02,
	.production-bg03,
	.production-bg04,
	.production-bg05,
	.production-bg06,
	.production-bg07 {
		background-size: auto 136px;
	}
}