@charset "UTF-8";

/* ▼▼▼ 事業内容
=====================================*/
.container{
	margin: 0 auto 100px;
	}
/* タイトル */
h2{
	font-size: 32px;
	margin: 0 0 20px;
	letter-spacing: 0.3rem;
	}
h2 + p{
	margin: 0 0 30px;
	}
.title_boder span{
	font-size: 20px;
	padding-left: 5px;
	}
.numbered_title{
	font-size: 25px;
	font-weight: normal;
	color: #07047a;
	border-bottom: 1px solid #07047a;
	padding: 0 0 5px 60px;
	margin: 0 0 30px;
	position: relative;
	}
.numbered_title:before{
	content: "";
	background: #07047a;
	width: 40px;
	height: 40px;
	position: absolute;
	left: 0;
	bottom: 0;
	color: #fff;
	text-align: center;
	}
h3.bottom_line{
	border-bottom: 1px solid #07047a;
	font-size: 25px;
	color: #07047a;
	padding-bottom: 10px;
	margin-bottom: 35px;
	}
p.read{
	text-align: center;
	margin: 0 0 60px;
	}
.list{
	overflow: hidden;
	margin: 0 0 40px;
	}
	.list.last{
		margin: 0;
		}
p.photo{
	float: left;
	margin-right: 30px;
	}
	p.photo img{width: 100%;}
section{
	padding: 0 0 60px;
	overflow: hidden;
	position: relative;
	}
section p.img{
	text-align: center;
	margin: 0 0 30px;
	}

	/* ▼ 受託開発 */
	.outsourcing_production {
		font-feature-settings: 'palt' 1;
		line-height: 1.8;
		}
	.outsourcing_production #sec01 {
		overflow: hidden;
		}
		.outsourcing_production #sec01 dl{
			background: #f8f8f9;
			margin-bottom: 1.4em;
			padding: 25px;
			}
			.outsourcing_production #sec01 dl.span_6 {
				float: left;
				width: 48%;
				}
				.outsourcing_production #sec01 dl.span_6:nth-child(odd) {
					margin-right: 1.4em
					}
					.outsourcing_production #sec01 dl dt{
						margin-bottom: 5px;
						font-size: 19px;
						color: #08027c;
						font-weight: bold;
						}
	.outsourcing_production #sec02 .box{
		overflow: hidden;
		margin-bottom: 1em;
		}
		.outsourcing_production #sec02 .box >p{
			float: left;
			clear: both;
			width: 30%;
			margin-right:1.5em;
			}
			.outsourcing_production #sec02 .txt h3{
				margin-bottom: 15px;
				font-size: 25px;
				font-weight: normal;
				line-height: 1.2;
				}
	.outsourcing_production #sec03 {
		overflow: hidden;
		}
		.outsourcing_production #sec03 ul.task{
			float: left;
			border: 1px solid #ccc;
			border-radius: 20px;
			margin-right: 10px;
			padding: 20px 40px 25px;
			}
			.outsourcing_production #sec03 ul.task li{
				position: relative;
				border-bottom: 1px dotted #ccc;
				padding-left: 30px;
				font-size: 20px;
				line-height: 2.3;
				}
				.outsourcing_production #sec03 ul.task li:last-child {
					border-bottom:none;
					}
					.outsourcing_production #sec03 ul.task li::before {
						position: absolute;
						top: 10px;
						left: 0;
						content: "";
						display: inline-block;
						background: url(../img/business/task_list.png);
						background-size: cover;
						width: 25px;
						height: 25px;
						}
						.outsourcing_production #sec03 p.spimg {
							float:left;
							margin-top: 80px;
							}
.outsourcing_production #sec04 p.img{
	margin-bottom: 45px;
}
	.outsourcing_production #sec04 .more_btn {
		width: 100%;
		}
		.outsourcing_production #sec04 .more_btn a{
			width: 230px;
			margin: auto;
			}

	.outsourcing_production #sec05 ul.step > li{
		position: relative;
		overflow: hidden;
		background: url(../img/business/step_bg_pc.jpg);
		background-size: 100% 100%;
		margin-bottom: 15px;
		padding: 20px 25px 50px;
		list-style-position: inside;
		counter-increment: cnt;
		}
		.outsourcing_production #sec05 ul.step > li:first-child {
			padding: 20px 25px 38px;
			}
			.outsourcing_production #sec05 ul.step > li:last-child {
				margin-bottom: 0;
				}
				.outsourcing_production #sec05 ul.step > li:last-child::after {
					position: absolute;
					top: 85%;
					left: 45%;
					content: "";
					width: 0;
					height: 0;
					border: 35px solid transparent;
					border-top: 35px solid #fff;
					}
					.outsourcing_production #sec05 ul.step > li > p{
						float: right;
						width: 32%;
						margin-left: 1em;
						}
						.outsourcing_production #sec05 ul.step > li > .txt{
							float: right;
							width: 65%;
							}
							.outsourcing_production #sec05 ul.step > li > .txt h4{
								position: relative;
								margin-bottom: 5px;
								padding-left: 3.5em;
								font-size: 25px;
								color: #07047a;
								line-height: 1.5;
								}
								.outsourcing_production #sec05 ul.step > li > .txt h4::before{
									position: absolute;
									top:8px;
									left: 0;
									content: "STEP." counter(cnt) "";
									height: 22px;
									border: 1px solid #07047a;
									border-radius: 20px;
									padding: 0 7px;
									font-size: 15px;
									font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
									box-sizing: border-box;
									}
									.outsourcing_production #sec05 ul.step > li > .txt h4 + p {
										line-height: 2;
										margin-bottom: 10px;
										}
										.outsourcing_production #sec05 ul.step > li > .txt .contact_btn {
											float: none;
											width: 220px;
											margin-bottom: 20px;
											padding: 4px 15px 3px;
											text-align: center;
											font-weight: bold;
											}
/* ▼ 受託製造 */
#result #sec01 h3 {
	clear: both;
	}
	#result #sec01 ul {
		overflow: hidden;
		float: left;
		width: 49%;
		margin-bottom: 30px;
		line-height: 1.9;
		}
		#result #sec01 ul li::before{
			content: "■";
			display: inline-block;
			margin-right: 5px;
			color: #07047a;
			}
#production.outsourcing_production #sec03 ul.task{
	padding: 20px 30px 25px;
	}
	#production.outsourcing_production #sec03 ul.task li {
		font-size: 19px;
		}
		#production.outsourcing_production #sec05 ul.step > li:nth-child(3) {
			background: url(../img/business/step_bg_long_pc.jpg);
			background-size: 100% 100%;
			margin-bottom: 15px;
			padding: 20px 25px 50px;
			}
			#production.outsourcing_production #sec05 li.more_btn {
				display: block;
				margin-bottom: 20px;
				}
				#production.outsourcing_production #sec05 li.more_btn a {
					width: 270px;
					height: 50px;
					background:#07047a;
					border: 2px solid #07047a;
					color: #fff;
					}
					#production.outsourcing_production #sec05 li.more_btn a:hover {
						background: #413f8e;
						border: 2px solid #413f8e;
						opacity: 1;
						}

/* ▼ システム工場　コンポーネント工場 */
/* スライダー */
.sliderArea{
	height: 400px;
	overflow: hidden;
	margin: 0 0 30px;
	}
.sliderArea img {
	width: 100%;
	}
.bx-wrapper{
	width: 75.5%!important;
	float: left;
	}
	.photo_box li{
		width: 100%!important;
		}
#thum{
	float: right;
	width: 22%;
	}
#thum a{
    display: inline-block;
	margin: 0 0 20px;
	}
#thum .active{
	opacity: 0.6;
	}
/* スライダー */
h3.normal_title{
	color: #08027c;
	font-size: 25px;
	margin: 0 0 20px;
	font-feature-settings : "palt";
	}
p.photo_01{
	float: right;
	width: 35%;
	margin-left: 20px;
	}
p.step_txt{
	display: block;
	overflow: hidden;
	position: relative;
	}
#factory #sec03 .numbered_title:before,
#component #sec03 .numbered_title:before{
	content: "1";
	}
#factory #sec04 .numbered_title:before,
#component #sec04 .numbered_title:before{
	content: "2";
	}
#factory #sec05 .numbered_title:before,
#component #sec05 .numbered_title:before{
	content: "3";
	}
#factory #sec06 .numbered_title:before,
#component #sec06 .numbered_title:before{
	content: "4";
	}
#factory #sec07 .numbered_title:before,
#component #sec07 .numbered_title:before{
	content: "5";
	}
#factory section.arrow:after,
#component section.arrow:after{
	content: url(../img/business/arrow.png);
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 0;
	left: 0;
	}
.detail_btn{
	background-color: #eeeef6;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #dfdfe7), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #dfdfe7),color-stop(.75, #dfdfe7), color-stop(.75, transparent),to(transparent));
	-webkit-background-size: 7px 7px;
	padding: 5px;
	margin: 0 0 100px;
	}
.detail_btn:hover{
	opacity: 0.6;
	}
.detail_btn p{
	text-align: center;
	border: 2px solid #fff;
	}
.detail_btn a{
	display: block;
	color: #070475;
	font-size: 26px;
	text-decoration: none;
	padding: 30px;
	}
.detail_btn a:after{
	content: "\f105";
	font-family: FontAwesome;
	position: absolute;
	right: 50px;
	}
#component #sec08 ul{
	overflow: hidden;
	float: left;
	margin-bottom: 30px;
	line-height: 1.9;
	width: 38%;
	}
	#component #sec08 ul.SMT{
		margin-right: 7%;
		width: 55%;
		position: relative;
		}
#component #sec08 ul li{
	text-indent: -1em;
    padding-left: 1em;
    position: relative;
	}
	#component #sec08 ul li:first-letter{
		color: #07047a;
		}
		#component #sec08 ul li span{
			position: absolute;
		    width: 45px;
		    right: 0;
			}
.movie{
	margin: 0 0 20px;
	height:  408px;
	}
.movie img{
	width: 100%;
	}

/* ▼ 自社商品 */
#original ul.product{
	}
#original ul.product li{
	background: #f8f8f9;
	clear: both;
	overflow: hidden;
	padding: 30px 40px;
	margin: 0 0 30px;
	position: relative;
	}
	#original ul.product li:not(.no_link):hover{
		opacity: 0.6;
		}
	#original ul.product li:after{
		content: "\f105";
		font-family: FontAwesome;
		position: absolute;
		color: #afade5;
		font-size: 18px;
		top: 45%;
		right: 15px;
		}
#original .txt_box{
	float: left;
	width: 60%;
	margin-right: 30px;
	}
.txt_box .point{
	max-width: 340px;
	width: 100%;
	border: 1px solid #08027c;
	color: #08027c;
	text-align: center;
	}
.txt_box .name01{
	font-size: 20px;
	color: #08027c;
	font-weight: bold;
	margin: 0 0 15px;
	}
.txt_box h3{
	color: #08027c;
	font-size: 30px;
	position: relative;
	}
.txt_box h3 span{
	font-size: 16px;
	font-weight: normal;
	}
.txt_box .desc{
	margin: 0 0 15px;
	}
.txt_box .ruby{
	color: #08027c;
    line-height: 1.3;
	margin: 0 0 15px;
	}
#original .finish {
    color: #ff0000;
    font-size: 10px;
    margin-top: 10px;
    overflow: hidden;
    }
    #original .finish p {
        width: 150px;
        border: 1px solid #ff0000;
        padding: 0 3px;margin-bottom: 3px;
        font-size: 18px;
        text-align: center;
        }
/* #original ul.product li:nth-child(3) .txt_box h3{
	opacity: 0.1;
	}
#original ul.product li:nth-child(3){
	position: relative;
	}
#original ul.product li:nth-child(3):before{
	content: url(../img/business/commingsoon.png);
	position: absolute;
	top:40%;
	right: 40%;
	} */

#original p.photo{
	margin: 0;
	}


/* ▼ 主要メーカー一覧 */
#maker #sec01 > p{
	margin: 0 0 30px;
	}
#maker table{
	width: 100%;
	border: 1px solid #ccc;
	border-top: 0px none;
	border-bottom: 0px none;
	}
#maker table th{
	background: #07047a;
	text-align: center;
	color: #fff;
	font-weight: normal;
	padding: 10px 0;
	width: 50%;
	}
#maker table tr:nth-child(odd) td{
	background: #f7f7f7;
	}
#maker table td{
	width: 50%;
	padding: 10px 15px;
	border-bottom: 1px solid #ccc;
	}
#maker table th:nth-child(1),
#maker table td:nth-child(1){
	border-right: 1px solid #ccc;
	}
#maker table td:nth-child(1){
	}
#maker table td a{
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #000;
	}

/* ▼ 提案事例 */
#example #sec01 p.txt{
	margin: 0 0 30px;
	}

/* ▼ 海外ビジネス */
#overseas #sec03 .numbered_title:before{
	content: "1";
	}
#overseas #sec04 .numbered_title:before{
	content: "2";
	}
#overseas #sec05 .numbered_title:before{
	content: "3";
	}
.linkBox {
	width: 100%;
	}
.linkBox li{
	overflow: hidden;
	}
.linkBox li:first-child{
	margin: 0 0 30px;
	}
.linkBox li p:first-child{
	float: left;
	clear: both;
	border: 1px solid #070475;
	font-size: 0;
	width: 25%;
	}

.linkBox li p:last-child{
	display: table;
	border: 1px solid #070475;
	border-left: 0px none;
	text-align: center;
	width: 75%;
	position: relative;
	}
.linkBox li p:last-child a{
	display: table-cell;
	vertical-align: middle;
	color: #000;
	text-decoration: none;
	}
.linkBox li p:last-child:after{
	content: "\f105";
	font-family: FontAwesome;
	position: absolute;
	right: 15px;
	top: 40%;
	color: #070475;
	}
.linkBox li p:last-child span{
	font-size: 30px;
	color: #070475;
	}
.linkBox li:hover{
	opacity: 0.6;
	}

/* ▼ JTCC・JTCM */
#foreign_office table{
	border-top: 1px solid #ccc;
	width: 63%;
	float: left;
	margin-right: 4%;
	}
#foreign_office table th{
	background: #f7f7f7;
	border-bottom: 1px solid #ccc;
	color: #333;
	font-weight: normal;
	padding: 15px;
	vertical-align: middle;
	width: 95px;
	}
#foreign_office .overview{
	overflow: hidden;
	margin: 0 0 60px;
	}
#foreign_office table td{
	border-bottom: 1px solid #ccc;
	padding: 15px 20px;
	vertical-align: middle;
	}
#foreign_office section ul li{
	text-indent: -1em;
	padding-left: 1em;
	}
#foreign_office table td ul li:before {
	content: "■";
	padding-right: 5px;
	}
.logo{
	position: relative;
	overflow: hidden;
	display: inline-block;
	}
	.logo img{
		width: 100%;
		border: 1px solid #070475;
		}
#foreign_office ul.lineup{
	margin: 0 0 40px;
	}
#foreign_office ul.lineup li:before {
	content: "■";
	padding-right: 5px;
	color: #070475;
	}
#foreign_office ul.imgBox{
	width: 100%;
	margin: 0 0 60px;
	overflow: hidden;
	}
#foreign_office ul.imgBox li{
	float: left;
	width: 48%;
	text-indent: 0;
	padding-left: 0;
	}
#foreign_office ul.imgBox li:nth-child(odd){
	margin-right: 4%;
	}
#foreign_office ul.imgBox li:nth-child(n + 3){
	margin-top: 40px;
	}
.can_it figcaption{
	font-size: 25px;
	margin: 0 0 20px;
	}
	.process_01{
		color: #005f36;
		margin: 0 0 50px;
		}
	.process_02{
		color: #e18314;
		margin:0 0 60px;
		}

ul.productsImg {
	padding: 0;
	font-size: 0;
	font-weight: bold;
	overflow: hidden;
	text-align: justify;
	text-justify: distribute-all-lines;
	margin: 0 0 60px;
	}
ul.productsImg > li {
	display: inline-block;
	font-size: 14px;
	width: 31%;
	font-weight: normal;
	text-indent: 0!important;
	padding-left: 0!important;
	}
ul.productsImg > li:nth-child(-n + 3){
	margin: 0 0 20px;
	}
ul.productsImg:after {
	content: "";
	display: inline-block;
	width: 100%;
	height: 0;
	}
#foreign_office .map_container {height: 350px;}


/* ▼▼▼ 768px
=====================================*/
@media screen and (max-width: 768px) {
.container{
	margin: 40px auto 50px;
	}
h2{
	font-size: 22px;
	margin: 0 0 10px;
	}
h2 + p{
	margin: 0 0 20px;
	}
.numbered_title{
	font-size: 16px;
	font-weight: normal;
	color: #07047a;
	border-bottom: 1px solid #07047a;
	padding: 0 0 0 30px;
	margin: 0 0 20px;
	position: relative;
	}
.numbered_title:before{
	content: "";
	background: #07047a;
	width: 25px;
	height: 25px;
	position: absolute;
	left: 0;
	bottom: 0;
	color: #fff;
	text-align: center;
	}
h3.bottom_line{
	border-bottom: 1px solid #07047a;
	font-size: 16px;
	padding-bottom: 5px;
	margin-bottom: 20px;
	}
p.read{
	text-align: center;
	margin: 0 0 40px;
	}
.list{
	overflow: hidden;
	margin: 0 0 40px;
	}
	.list.last{
		margin: 0;
		}
p.photo{
	float: none;
	margin-right: 0;
	margin: 0 0 20px;
	}
section{
	padding: 0 0 30px;
	}


/* ▼ 受託開発 */
.outsourcing_production section {
	padding: 0 0 40px;
}
.outsourcing_production #sec01 dl{
	padding: 20px;
	}
	.outsourcing_production #sec01 dl.span_6 {
		float: none;
		width: 100%;
		}
		.outsourcing_production #sec01 dl.span_6:nth-child(odd) {
			margin-right: 0;
			}
			.outsourcing_production #sec01 dl.span_6:last-child {
				margin-bottom: 0;
				}
			.outsourcing_production #sec01 dl dt{
				font-size: 15px;
				}
.outsourcing_production #sec02 .box{
	overflow: hidden;
	margin-bottom: 1em;
	}
	.outsourcing_production #sec02 .box >p{
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
		}
		.outsourcing_production #sec02 .txt{
			margin-bottom: 20px;
			}
		.outsourcing_production #sec02 .box:last-child .txt{
			margin-bottom: 0;
			}
			.outsourcing_production #sec02 .txt h3{
				font-size: 20px;
				}
.outsourcing_production #sec03 {
	overflow: hidden;
	}
	.outsourcing_production #sec03 ul.task{
		float: none;
		margin-right: 0;
		padding: 15px 25px;
		}
		.outsourcing_production #sec03 ul.task li{
			position: relative;
			margin-bottom: 9px;
			padding-bottom: 9px;
			padding-left: 22px;
			font-size: 13px;
			line-height: 1.5;
			}
			.outsourcing_production #sec03 ul.task li:last-child {
				border-bottom:none;
				margin-bottom: 0;
				padding-bottom: 0;
				}
				.outsourcing_production #sec03 ul.task li::before {
					position: absolute;
					top: 0;
					left: 1px;
					background: url(../img/business/task_list.png);
					background-size: cover;
					width: 16px;
					height: 17px;
					/* margin-right: 5px;
					margin-top: 8px; */
					}
					.outsourcing_production #sec03 p.spimg {
						float: none;
						width: 30%;
						margin:  0 auto;
						margin-top: 10px;
						text-align:  center;
						}
.outsourcing_production #sec04 .spimg {
	margin-bottom: 30px;
	}
	.outsourcing_production #sec04 .more_btn {
		width: 100%;
		}
		.outsourcing_production #sec04 .more_btn a{
			width: 100%;
			}

.outsourcing_production #sec05 ul.step > li{
	background: url(../img/business/step_bg_sp.jpg);
	background-size: 100% 100%;
	margin-bottom: 20px;
	padding: 20px;
	}
	.outsourcing_production #sec05 ul.step > li:first-child {
		padding: 20px 20px 38px;
		}
		.outsourcing_production #sec05 ul.step > li > p{
			float: none;
			width: 100%;
			margin: 0 auto 20px;
			}
			.outsourcing_production #sec05 ul.step > li > .txt{
				float: none;
				width: 100%;
				}
				.outsourcing_production #sec05 ul.step > li > .txt h4{
					padding-left: 4.5em;
					font-size: 16px;
					line-height: 1.5;
					}
					.outsourcing_production #sec05 ul.step > li > .txt h4::before{
						top: 1px;
						padding: 1px 6px 0;
						margin-right: .5em;
						font-size: 13px;
						}
						.outsourcing_production #sec05 ul.step > li > .txt h4 + p {
							line-height: 2;
							margin-bottom: 10px;
							}
							.outsourcing_production #sec05 ul.step > li > .txt .contact_btn {
								width: 100%;
								margin-bottom: 0;
								padding: 11px 15px 3px;
								font-size: 15px;
								}
								.outsourcing_production #sec05 ul.step > li:last-child {
									padding: 20px 20px 30px;
									}
									.outsourcing_production #sec05 ul.step > li:last-child::after{
										top: 95.8%;
										left: 40%;
										}

/* ▼ 受託製造 */
#result #sec01 ul {
	float: none;
	width: 100%;
	}
	#result #sec01 ul.sp_mb0 {
		margin-bottom: 0;
		}
#production.outsourcing_production #sec03 ul.task{
	padding: 15px 25px;
	}
	#production.outsourcing_production #sec03 ul.task li {
		font-size: 13px;
		}
		#production.outsourcing_production #sec05 ul.step > li:nth-child(3) {
			background: url(../img/business/step_bg_long_sp.jpg);
			background-size: 100% 100%;
			margin-bottom: 15px;
			padding: 20px 25px 50px;
			}
			#production.outsourcing_production #sec05 li.more_btn {
				margin-bottom: 15px;
				}
				#production.outsourcing_production #sec05 li.more_btn a {
					width: 100%;
					font-size: 15px;
					padding: 10px;
					}

/* ▼ システム工場 コンポーネン工場 */
/* スライダー */
.sliderArea{
	height: 200px;
	overflow: hidden;
	margin: 0 0 15px;
	}
.sliderArea img {
	width: 100%;
	}
.bx-wrapper{
	/* width: 252px!important; */
	width: 100%;
	float: left;
	}
	.photo_box li{
		width: 100%!important;
		}
#thum{
	float: right;
	width: 22%;
	}
#thum a{
    display: inline-block;
	margin: 0 0 10px;
	}
#thum .active{
	opacity: 0.6;
	}
/* スライダー */
h3.normal_title{
	font-size: 15px;
	margin: 0 0 10px;
	}
#factory section.arrow,
#component section.arrow{
	padding: 0 0 60px;
	}
p.photo_01{
	float: none;
	width: 100%;
	margin-right: 0;
	margin: 0 0 20px;
	}
#factory section.arrow:after,
#component section.arrow:after{
	content: url(../img/business/arrow.png);
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 0;
	left: 0;
	}
.detail_btn{
	padding: 5px;
	margin: 0 0 50px;
	}
.detail_btn:hover{
	opacity: 0.6;
	}
.detail_btn p{
	text-align: center;
	border: 2px solid #fff;
	}
.detail_btn a{
	display: block;
	color: #070475;
	font-size: 14px;
	text-decoration: none;
	padding: 15px;
	}
.detail_btn a:after{
	content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    right: 50px;
    }
#component #sec08 ul{
	overflow: hidden;
	float: none;
	width: 100%;
	margin-bottom: 0;
	line-height: 1.9;
	}
	#component #sec08 ul.SMT{
		margin-right: 0;
		width: 100%;
		position: relative;
		font-feature-settings: 'palt';
		}
.movie{
	margin: 0 0 20px;
	height: 180px;
	}
.movie img{
	width: 100%;
	}

/* ▼ 自社商品 */
#original ul.product{
	}
#original ul.product li{
	background: #f8f8f9;
	clear: both;
	overflow: hidden;
	padding: 20px;
	margin: 0 0 15px;
	}
	#original ul.product li:after{
		top: 30px;
		right: 15px;
		}
	#original ul.product li:first-child:after{
		top: 50px;
		}
	#original ul.product li:last-child:after{
		top: 22px;
		}
#original .txt_box{
	float: left;
	width: 100%;
	margin-right: 0;
	}
.txt_box .point{
	margin: 0 0 20px;
	padding: 5px 0;
	}
.txt_box .name01{
	font-size: 15px;
	color: #08027c;
	font-weight: bold;
	margin: 0 0 15px;
	}
.txt_box h3{
	color: #08027c;
	font-size: 20px;
	position: relative;
	}
.txt_box .ruby{
	color: #08027c;
    line-height: 1.3;
	margin: 0 0 15px;
	}
.txt_box .desc{
	margin: 0 0 15px;
	}
#original ul.product li:nth-child(3) .txt_box h3{
	margin: 0 0 15px;
	}
#original ul.product li:nth-child(3):before{
	content: url(../img/business/commingsoon.png);
	position: absolute;
    top: 50%;
    right: 28%;
	}

#original p.photo{
	margin: 0;
	}
#original .finish {
    margin-bottom: 20px;
}
/* ▼ 主要メーカー一覧 */
/* ▼ 提案事例 */
#example #sec01 p.txt{
	margin: 0 0 20px;
	}
#example #sec01 p.img{
	text-align: center;
	margin: 0 0 20px;
	}
/* ▼ 海外ビジネス */
#overseas #sec03 .numbered_title{
	letter-spacing: -1px;
	}
.linkBox {
	width: 100%;
	}
.linkBox dt{
	float: left;
	clear: both;
	border: 1px solid #070475;
	font-size: 0;
	width: 30%;
	}

.linkBox li p:last-child{
	text-align: left;
	margin: 0 0 15px;
	width: 70%;
	}
.linkBox li p:last-child a{
	letter-spacing: -1px;
	font-size: 12px;
	padding-left: 10px;
	}
.linkBox li p:last-child a:after{
	right: 10px;
	top: 35%;
	}
.linkBox li p:last-child span{
	font-size: 18px;
	}
.linkBox li p:last-child:after{
	top: 32%;
	}
/* ▼ JTCC・JTCM */
#foreign_office table{
	width: 100%;
	float: none;
	margin-right: 0;
	}
#foreign_office table th{
	background: #f7f7f7;
	border-bottom: 1px solid #ccc;
	color: #333;
	font-weight: normal;
	padding: 10px 15px;
	vertical-align: middle;
	width: 95px;
	}
#foreign_office .overview{
	overflow: hidden;
	margin: 0 0 30px;
	}
#foreign_office table td{
	padding: 10px 15px;
	}
.logo{
	margin: 0 0 20px;
	}
	.logo img{
		width: 100%;
		border: 1px solid #070475;
		}
#foreign_office ul.lineup{
	margin: 0 0 20px;
	}
#foreign_office ul.imgBox{
	margin: 0 0 30px;
	}
#foreign_office ul.imgBox li{
	float: none;
	width: 100%;
	margin: 0 0 25px;
	}
#foreign_office ul.imgBox li:last-child{
	margin: 0;
	}
#foreign_office ul.imgBox li:nth-child(odd){
	margin-right: 0;
	}
#foreign_office ul.imgBox li:nth-child(n + 3){
	margin-top: 0;
	}
.can_it figcaption{
	font-size: 16px;
	margin: 0 0 10px;
	}
	.process_01{
		color: #005f36;
		margin: 0 0 25px;
		}
	.process_02{
		color: #e18314;
		margin:0 0 30px;
		}

ul.productsImg {
	margin: 0 0 30px;
	}
ul.productsImg > li {
	display: block;
	font-size: 12px;
	font-weight: normal;
	margin: 0 0 10px;
	width: 100%;
	}
ul.productsImg > li img{
	width: 100%;
	}
ul.productsImg > li:nth-child(-n + 3){
	margin: 0 0 10px;
	}
#foreign_office .map_container {height: 175px;}
}

/* ▼▼▼ 320px
=====================================*/
@media screen and (max-width: 320px) {
/* ▼ コンポーネント工場 */
.bx-wrapper{
	width: 215px!important;
	float: left;
	}
.detail_btn a:after{
    right: 20px;
    }
/* ▼ 海外ビジネス */
#overseas #sec03 .numbered_title:before{
	content: "1";
	bottom: auto;
	top: 0;
	}
.linkBox li p:last-child a{
	letter-spacing: -1px;
	font-size: 11px;
	padding-left: 10px;
	}
.linkBox li p:last-child a:after{
	right: 10px;
	top: 35%;
	}
.linkBox li p:last-child span{
	font-size: 15px;
	}
}