@charset "UTF-8";
/*-----------------------------------

	h2_title

-----------------------------------*/
#h2_title{
	background: url(/img/about/bg_about.jpg);
	background-size: 100%;
	background-repeat:no-repeat;
	background-attachment: fixed;
}
/*-----------------------------------

	main

-----------------------------------*/
#main .text{
	width: 23%;
	font-size: 30px;
    line-height: 4.2rem;
    vertical-align: middle;
	float: left;
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
	background: url(../img/index/deco_main.png);
    background-size: 110px;
	background-position: 70% 0;
    background-repeat: no-repeat;
    padding: 120px 10% 0 0;
    box-sizing: border-box;
}
#main .img{
	width: 75%;
}
@media screen and (max-width: 740px) {
	#main .text {
		width: 100%;
		font-size: 21px;
		line-height: 2.8rem;
		float: none!important;
		writing-mode: horizontal-tb;
		-ms-writing-mode: horizontal-tb;
		-webkit-writing-mode: horizontal-tb;
		background: none;
		margin-bottom: 20px;
		padding: 0;
	}
	#main .img {
	    width: 100%;
		float: none!important;
		margin: 0 auto;
	}
}
/*-----------------------------------

	other

-----------------------------------*/
table{
	width: 100%;
	text-align: left;
	margin: 0 auto;
	border: solid 1px #c9c9c9;
}
table th{
	background: #f7f4f4;
}
table th,
table td{
	padding: 10px 2.5%;
}
table tr:first-child th,
table tr:first-child td{
	padding-top: 10px;
}
table tr:last-child th,
table tr:last-child td{
	padding-bottom: 10px;
}
/*-----------------------------------

	policy

-----------------------------------*/
#policy .text{
	width: 48%;
}
#policy .text h5{
	margin-top:80px;
}
#policy .img{
	width: 50%;
}
@media screen and (max-width: 740px) {
	#policy .text {
		width: 100%;
		float: none!important;
	}
	#policy .text h5 {
		margin-top: 15px;
	}
	#policy .img{
		width: 80%;
    	max-width: 625px;
		float: none!important;
		margin: 0 auto;
	}
}
/*-----------------------------------

	chart

-----------------------------------*/
#chart{
	margin-top: 60px;
}
#chart .img_01{
	width: 30%;
}
#chart .img_02{
	width: 65%;
}
@media screen and (max-width: 740px) {
	#chart{
		margin-top: 20px;
	}
	#chart .img_01{
		width: 45%;
		max-width: 355px;
		margin: 0 auto;
		float: none!important;
	}
	#chart .img_02{
		width: 90%;
		max-width: 734px;
		margin: 20px auto 0;
		float: none!important;
	}
}
/*-----------------------------------

	factory

-----------------------------------*/
#factory{
	margin-top: 50px;
}
#factory .text{
	width: 48%;
}
#factory .text h5{
	margin-top:40px;
}
#factory .img{
	width: 50%;
}
@media screen and (max-width: 740px) {
	#factory{
		margin-top: 30px;
	}
	#factory .text{
		width: 100%;
		float: none!important;
	}
	#factory .text h5{
		margin-top:20px;
	}
	#factory .img{
		width: 70%;
		max-width: 560px;
		margin: 20px auto 0;
		float: none!important;
	}
}
/*-----------------------------------

	detail

-----------------------------------*/
#detail{
	margin-top: 50px;
}
#detail .text{
	width: 70%;
}
#detail .text table{
	font-size: 17px;
	line-height: 2.4rem;
}
#detail .text tr{
	border-top: solid 1px #c9c9c9;
}
#detail .text tr:first-child{
	border-top:none;
}
#detail .text th{
	width: 25%;
}
#detail .img{
	width: 30%;
	text-align: center;
}
#detail .img img{
	width: 35%;
	margin: 100px auto 0;
}
#detail .mt10{
	margin-top: 10px;
}
@media screen and (max-width: 740px) {
	#detail{
		margin-top: 30px;
	}
	#detail .text{
		width: 100%;
		float: none!important;
	}
	#detail .text table{
		font-size: 14px;
		line-height: 2.4rem;
	}
	#detail th,
	#detail td{
		width: 100%!important;
		display: block;
		box-sizing: border-box;
	}
	#detail .img{
		width: 100%;
		text-align: center;
		float: none!important;
	}
	#detail .img img{
		width: 20%;
		margin: 10px auto 30px;
	}
}
/*-----------------------------------

	history

-----------------------------------*/
#history{
	margin-top: 50px;
}
#history table{
	font-size: 17px;
	line-height: 2.4rem;
}
#history th{
	width: 18%;
}
#history tr{
	border-top: solid 1px #c9c9c9;
}
#history tr:first-child{
	border-top:none;
}
@media screen and (max-width: 740px) {
	#history{
		margin-top: 30px;
	}
	#history table{
		font-size: 14px;
		line-height: 2.4rem;
	}
	#history th,
	#history td{
		width: 100%!important;
		display: block;
		box-sizing: border-box;
	}
	#detail .img{
		width: 100%;
		text-align: center;
		float: none!important;
	}
	#detail .img img{
		width: 20%;
		margin: 10px auto 30px;
	}
}