@charset "UTF-8";

/* SP style */
@media screen and (max-width: 767px) {
	#manufacture {
		margin-top: 0;
		font-size: 3.7vw;
		line-height: 1.8;
	}

	#manufacture a, #manufacture a:hover, #manufacture a:active {
		color: #000;
		text-decoration: none;
		transition: none;
	}

	#manufacture .pc {
		display: none;
	}

	#manufacture .sp {
		display: inherit;
	}

	#manufacture .inner {
		width: 100%;
		padding: 12vw 4vw 4vw;
	}

	#manufacture h3 {
		margin-bottom: 5vw;
	}

	#manufacture h3 img {
		width: 75%;
	}

	#manufacture .inner>p {
		margin-bottom: 4vw;
		text-align: justify;
		text-justify: inter-ideograph;
	}

	#manufacture p.note {
		font-size: 3vw;
	}

	#manufacture .contentHead .inner {
		padding-top: 2vw;
		padding-bottom: 4vw;
	}

	#manufacture .contentHead h2 {
		background-image: url(../img/mainvisual_sp.png);
		background-size: cover;
		min-width: auto;
		max-width: auto;
		height: calc(877 / 750 * 100vw);
	}

	#manufacture nav ul li {
		line-height: calc(33.3vw / 250 * 230);
	}

	#manufacture nav ul li:nth-child(1) {
		border-left: none;
	}

	#manufacture nav ul li:nth-child(3) {
		border-right: none;
	}

	#manufacture nav ul li a {
		background-size: auto 75%;
	}

	#manufacture nav ul li:nth-child(1) a {
		background-image: url(../img/img_nav_01_sp.png);
	}

	#manufacture nav ul li:nth-child(2) a {
		background-image: url(../img/img_nav_02_sp.png);
	}

	#manufacture nav ul li:nth-child(3) a {
		background-image: url(../img/img_nav_03_sp.png);
	}

	#manufacture .sec01 .inner {
		padding-top: 8vw;
		padding-bottom: 6vw;
	}

	#manufacture .sec01 dl {
		background: url(../img/bg_sec01_fig_sp.png) no-repeat;
		background-size: 98vw auto;
		width: 100vw;
		height: calc(98vw / 731 * 1006);
		margin-left: -3vw;
		margin-bottom: 10vw;
		font-size: 3.5vw;
	}

	#manufacture .sec01 dt, #manufacture .sec01 dd {
		line-height: 1.5;
	}

	#manufacture .sec01 dt:nth-of-type(1) {
		top: 123vw;
		left: 24.5vw;
	}

	#manufacture .sec01 dt:nth-of-type(2) {
		top: 45vw;
		left: 48.25vw;
	}

	#manufacture .sec01 dt:nth-of-type(3) {
		top: 28.5vw;
		left: 28.5vw;
	}

	#manufacture .sec01 dd:nth-of-type(1) {
		top: 99vw;
		left: 36vw;
	}

	#manufacture .sec01 dd:nth-of-type(2) {
		top: 58vw;
		left: 21vw;
	}

	#manufacture .sec01 dd:nth-of-type(3) {
		top: 7.5vw;
		left: 59vw;
	}

	#manufacture .sec02 .inner {
		padding-bottom: 2vw;
	}

	#manufacture .sec02 ul li {
		font-size: 3.7vw;
		margin: 0 4vw 4vw 0;
	}

	#manufacture .sec02 ul li:nth-child(2n) {
		margin-right: 0;
	}

	#manufacture .sec02 ul li::before {
		bottom: -0.5vw;
		right: -0.5vw;
	}

	#manufacture .sec02 ul li a {
		width: calc((100vw - 4vw * 3) / 2);
		height: calc((100vw - 4vw * 3) / 2);
		background-size: 100% auto;
	}

	#manufacture .sec02 ul li p {
		line-height: calc((100vw - 4vw * 3) / 2 * (58 / 230));
	}

	#manufacture .sec02 ul li p::before {
		right: 2.2vw;
		margin-top: -1.1vw;
		width: calc(2.2vw / 16 * 13);
		height: 2.2vw;
		background-size: cover;
	}

	#manufacture .sec03 h3 img {
		width: 85%;
	}

	#manufacture .sec03 ul li {
		font-size: 3.25vw;
		margin: 0 2vw 2vw 0;
		line-height: 17.5vw;
	}

	#manufacture .sec03 ul li::before {
		bottom: -0.5vw;
		right: -0.5vw;
	}

	#manufacture .sec03 ul li:nth-child(3n) {
		margin-right: 0;
	}

	#manufacture .sec03 ul li:nth-child(5n) {
		margin-right: 2vw;
	}

	#manufacture .sec03 ul li a {
		width: calc((100vw - 4vw * 2 - 2vw * 2) / 3);
		height: 17.5vw;
	}

	#manufacture .sec03 ul li a::before {
		right: 1.6vw;
		margin-top: -1.1vw;
		width: calc(2.2vw / 16 * 13);
		height: 2.2vw;
		background-size: cover;
	}

	#manufacture .sec03 ul li p {
		margin-left: -2vw;
	}

	#manufacture .sec04 .inner {
		padding-bottom: 0;
	}

	#manufacture .sec04 ul li {
		margin: 0 4vw 4vw 0;
	}

	#manufacture .sec04 ul li:nth-child(2n) {
		margin-right: 0;
	}

	#manufacture .sec04 ul li:nth-child(3n) {
		margin-right: 4vw;
	}

	#manufacture .sec04 ul li:nth-child(6n) {
		margin-right: 0;
	}

	#manufacture .sec04 ul li::before {
		bottom: -0.5vw;
		right: -0.5vw;
	}

	#manufacture .sec04 ul li a {
		width: calc((100vw - 4vw * 3) / 2);
		height: calc((100vw - 4vw * 3) / 2);
		background-size: 30%;
		background-position: center 38%;
		border: 2px solid black;
	}

	#manufacture .sec04 ul li p {
		bottom: 4vw;
		font-size: 4vw;
		line-height: 1.2;
	}

	#manufacture .sec05 {
		border-top: 2px dashed #000;
	}

	#manufacture .sec05 .inner {
		padding-top: 10vw;
		padding-bottom: 10vw;
	}

	#manufacture .sec05 .link {
		width: 100%;
	}

	#manufacture .sec05 .link::before {
		bottom: -0.5vw;
		right: -0.5vw;
	}

	#manufacture .sec05 .link a {
		font-size: 4.5vw;
		line-height: 1.45;
		padding: 4vw 0;
		width: 100%;
	}

	#manufacture .sec05 .link a:hover {
		opacity: 0.8;
	}

	#manufacture .sec05 .link a::before {
		right: 2.2vw;
		margin-top: -1.1vw;
		width: calc(2.2vw / 16 * 13);
		height: 2.2vw;
		background-size: cover;
	}
}