@charset "utf-8";
/*************** Site Contents ***************/
#argologo{
	width: auto;
	height: auto;
	position: fixed;
	margin: 2% 0 0 2%;
	z-index: 999;
}
nav{
	width: 100%;
	height: 60px;
	position: fixed;
	z-index: 998;
	background-color: #fff;
}
nav ul{
	position: absolute;
	right: 1.6%;
	top: 34%;
}
nav ul li{
	float: left;
	margin-left: 20px;
}
nav ul .face{
	margin-top:-5px;
}
article{
	margin-top: 59px;
	color: #fff;
}
.sml{

}
/*ホーム*/
#section01{
	border-top: 1px solid #ccc;
	width:100%;
	height:100%;
	background-image: url(../images/bg/color.png);
	background-repeat: no-repeat;
	background-position: 84% 30%;
	background-size: 250px auto;
}
#section01 .wrap{
	width: 75%;
	height: auto;
	margin: 2% auto 0;
	padding: 2% 4% 4% 4%;
}
#section01 p{
	margin-top: 10%;
	text-align:center;
}
#section01 p.cm_cpy img{width:80%;}
#section01 .arw{
	margin-top: 42%;
	margin-left:9.2%;
	text-align:left;
}
#section01 .eng{
	margin-top: 30px;
	margin-left:9.2%;
	text-align:left;
	color:#4c4948;
	font-size:16px;
	line-height:200%;
}
/*事業内容*/
#section02{
	width:100%;
	height:100%;
	background-image:url(../images/bg/engine.png);
	background-position: 50% 50%;
	background-size: cover; /* 背景画像をフルスクリーン表示 */
}
#section02 .wrap{
	width: 82%;
	height: auto;
	margin: 2% auto 0;
	padding: 2% 4% 1% 4%;
	color: #fff;
	background-color: rgba(51,51,51,0.6);
	position: relative;
}
#section02 h1{
	font-size: 1.4rem;
	border-bottom: 1px solid #fff;
	padding-bottom: 1%;
}
#section02 p{
	width: 100%;
	margin-top: 2%;
	line-height: 1.4rem;
}
#section02 p:last-child{
	margin-top: 2%;
	margin-bottom:2%;
	padding-top: 2%;
	border-top:1px solid #bbb;
}

/*製品一覧*/
#section02a{
	width:100%;
	height:100%;
	background-image:url(../images/bg/seihin.png);
	background-position: 50% 50%;
	background-size: cover;
}
#section02a .wrap{
	width: 82%;
	height: auto;
	margin: 2% auto 0;
	padding: 2% 4% 1% 4%;
	color: #fff;
	background-color: rgba(51,51,51,0.6);
}
#section02a h1{
	font-size: 1.4rem;
	border-bottom: 1px solid #fff;
	padding-bottom: 1%
}
#section02a p{
	margin-top: 2%;
	line-height: 1.3rem;
}
#section02a a{
	color: rgb(66, 227, 199);
	text-decoration:underline;
}
#section02a a:hover{
	text-decoration:none;
}
#section02a img{
	width:100%;
	margin-top:20px;
}

/*主な取引先*/
#section03{
	width:100%;
	height:100%;
	background-image:url(../images/bg/miniature.png);
	background-position: 50% 50%;
	background-size: cover;
}
#section03 .wrap{
	width: 82%;
	height: auto;
	margin: 2% auto 0;
	padding: 2% 4% 1% 4%;
	color: #fff;
	background-color: rgba(51,51,51,0.6);
}
#section03 h1{
	font-size: 1.4rem;
	border-bottom: 1px solid #fff;
	padding-bottom: 1%
}
#section03 p{
	margin-top: 2%;
	line-height: 1.3rem;
}
#section03 a{
	color: rgb(66, 227, 199);
	text-decoration:underline;
}
#section03 a:hover{
	text-decoration:none;
}

/*企業概要*/
#section04{
	width:100%;
	height:100%;
	background-image:url(../images/bg/aoyama.png);
	background-position: 50% 50%;
	background-size: cover;
}
#section04 .wrap{
	width: 82%;
	height: auto;
	margin: 2% auto 0;
	padding: 2% 4% 1% 4%;
	color: #fff;
	background-color: rgba(51,51,51,0.6);
}
#section04 h1{
	font-size: 1.4rem;
	border-bottom: 1px solid #fff;
	padding-bottom: 1%
}
#section04 p{
	margin-top: 2%;
}
#section04 a{
	color:rgb(66, 227, 199);
	text-decoration:underline;
}
#section04 li{
	font-size:0.5rem;
}

#section04 .gaiyou li{
	float:left;
}
#section04 .gaiyou1{
	width:20%;
	font-size:0.5rem;
}
#section04 .gaiyou2{
	width:79%;
	font-size:0.5rem;
}
.area{
	position:relative;
}
.area .logo_credit{
	position:absolute;
	right:43px;
	bottom:50px;
}
.area img{
	width:120px;
}
.area .credit{
	position:absolute;
	right:18px;
	bottom:30px;
	font-size:0.5rem;
}


/******************* nav関連 ************************/

@media(min-width:600px){

.nav .op1{
	width:60px;
	height:17px;
	background-image:url(../images/nav_0a.png);
	background-repeat:no-repeat;
}
.nav .op1:hover{
	background-image:url(../images/nav_0b.png);
	background-repeat:no-repeat;
	transition:0.1s ease-out;
}
.nav .op1:not(:hover){
	background-image:url(../images/nav_0a.png);
	background-repeat:no-repeat;
	transition:0.1s ease-out;
}


.nav .op1a{
	width:83px;
	height:17px;
	background-image:url(../images/nav_0d.png);
	background-repeat:no-repeat;
}
.nav .op1a:hover{
	background-image:url(../images/nav_0e.png);
	background-repeat:no-repeat;
	transition:0.1s ease-out;
}
.nav .op1a:not(:hover){
	background-image:url(../images/nav_0d.png);
	background-repeat:no-repeat;
	transition:0.1s ease-out;
}

.nav .op2{
	width:95px;
	height:17px;
	background-image:url(../images/nav_1a.png);
	background-repeat:no-repeat;
}
.nav .op2:hover{
	background-image:url(../images/nav_1b.png);
	background-repeat:no-repeat;
	transition:0.1s ease-out;
}
.nav .op2:not(:hover){
	background-image:url(../images/nav_1a.png);
	background-repeat:no-repeat;
	transition:0.1s ease-out;
}

.nav .op3{
	width:60px;
	height:17px;
	background-image:url(../images/nav_2a.png);
	background-repeat:no-repeat;
}
.nav .op3:hover{
	background-image:url(../images/nav_2b.png);
	background-repeat:no-repeat;
	transition:0.1s ease-out;
}
.nav .op3:not(:hover){
	background-image:url(../images/nav_2a.png);
	background-repeat:no-repeat;
	transition:0.1s ease-out;
}

.nav .op4{
	width:85px;
	height:17px;
	background-image:url(../images/nav_3a.png);
	background-repeat:no-repeat;
}
.nav .op4:hover{
	background-image:url(../images/nav_3b.png);
	background-repeat:no-repeat;
	transition:0.1s ease-out;
}
.nav .op4:not(:hover){
	background-image:url(../images/nav_3a.png);
	background-repeat:no-repeat;
	transition:0.1s ease-out;
}
}

.p01{
	width:230px !important;
}