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


@media(min-width:769px){

#contents{
    width:100%;
	min-width:1012px;
	margin:0 auto;
	padding-bottom:0px;
}

#contents2{
    width:100%;
	min-width:1012px;
	margin:0 auto;
	padding-bottom:0px;
}
	
#contents3{
    width:100%;
	min-width:1012px;
	margin:0 auto;
	padding-bottom:0px;
}
	

	

	
#mainvisual{
    width:100%;
	min-width:1012px;
	height:562px;
	padding-top: 0px;
	z-index: 30px;
	position: relative;
	
}
	

.mainvisual4{
    width:100%;
	min-width:1012px;
	height:562px;
	padding-top: 0px;
	background-image: url(../images/mainvisual4.png);
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
}

	
.maintextarea{
	width: 900px;
	margin: 0 auto;
	padding-top: 50px;
	padding-bottom: 50px;
	}

.textarea{
	width: 900px;
	text-align: left;	
	padding-top: 35px;
	font-size: 18px;
	line-height: 36px;
	font-weight: bold;
	}
	
.textarea2{
	width: 900px;
	text-align: left;	
	padding-top: 15px;
	font-size: 18px;
	line-height: 36px;
	}
	
.textarea3{
	width: 900px;
	text-align: right;	
	padding-top: 20px;
	font-size: 18px;
	line-height: 36px;
	}
	
.ceocategory{
	width: 900px;
	text-align: center;	
	padding-top: 40px;
	font-size: 18px;
	line-height: 56px;
	}
	
.ceoname{
	width: 900px;
	text-align: right;	
	padding-top: 0px;
	font-size: 28px;
	line-height: 56px;
	}
	
	
.pptitle{
	width: 409px;
	height: 57px;
	text-align: center;	
	padding-top: 100px;
	padding-bottom: 100px;
	margin: 0 auto;
	background-image: url(../images/pptitle.png);
	background-repeat: no-repeat;
	background-position: center;
	}
	
ul#pp{
	margin: 0;
		
	}
	

}


@media(max-width:768px){

#contents{
    width:100%;
	margin:0 auto;
}

#contents2{
    width:100%;
	margin:0 auto;
}
	
#contents3{
    width:100%;
	margin:0 auto;
}
	

#mainvisual{
	width:100%;
	height:156px;
	padding-top: 0px;
	z-index: 30px;
	position: relative;
	
}

	
.mainvisual4{
	width:100%;
	height:156px;
	background-image: url(../images/mainvisual4_s.png);
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
}

	
.maintextarea{
	width: 90%;
	margin: 0 auto;
	padding-top: 50px;
	padding-bottom: 50px;
	}

.textarea{
	width: 90%;
	text-align: left;	
	padding-top: 30px;
	font-size: 18px;
	line-height: 36px;
	font-weight: bold;
	margin: 0 auto;
	}
	
.textarea2{
	width: 90%;
	text-align: left;	
	padding-top: 30px;
	font-size: 16px;
	line-height: 36px;
	margin: 0 auto;
	}
	
.textarea3{
	width: 90%;
	text-align: left;	
	padding-top: 30px;
	font-size: 16px;
	line-height: 36px;
	font-weight: bold;
	margin: 0 auto;
	}
	
.ceocategory{
	width: 90%;
	text-align: left;	
	padding-top: 40px;
	font-size: 16px;
	line-height: 56px;
	margin: 0 auto;
	}
	
.ceoname{
	width: 90%;
	margin: 0 auto;
	text-align: left;	
	padding-top: 0px;
	font-size: 28px;
	line-height: 56px;
	margin: 0 auto;
	}
	
	
.pptitle{
	width: 179px;
	height: 139px;
	text-align: left;	
	padding-top: 20px;
	margin: 0 auto;
	background-image: url(../images/pptitle_s.png);
	background-repeat: no-repeat;
	background-position: bottom;
	}
	
ul#pp{
	width: 90%;
	margin: 0 auto;
	padding: 0;
		
	}

}


@media(max-width:580px){

#contents{
    width:100%;
	margin:0 auto;
}

#contents2{
    width:100%;
	margin:0 auto;
}
	
#contents3{
    width:100%;
	margin:0 auto;
}
	

#mainvisual{
	width:100%;
	height:156px;
	padding-top: 0px;
	z-index: 30px;
	position: relative;
	
}

	
.mainvisual4{
	width:100%;
	height:156px;
	background-image: url(../images/mainvisual4_s.png);
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
}

	
.maintextarea{
	width: 90%;
	margin: 0 auto;
	padding-top: 50px;
	padding-bottom: 50px;
	}

.textarea{
	width: 90%;
	text-align: left;	
	padding-top: 30px;
	font-size: 18px;
	line-height: 36px;
	font-weight: bold;
	margin: 0 auto;
	}
	
.textarea2{
	width: 90%;
	text-align: left;	
	padding-top: 30px;
	font-size: 16px;
	line-height: 36px;
	margin: 0 auto;
	}
	
.textarea3{
	width: 90%;
	text-align: left;	
	padding-top: 30px;
	font-size: 16px;
	line-height: 36px;
	font-weight: bold;
	margin: 0 auto;
	}
	
.ceocategory{
	width: 90%;
	text-align: left;	
	padding-top: 40px;
	font-size: 16px;
	line-height: 56px;
	margin: 0 auto;
	}
	
.ceoname{
	width: 90%;
	margin: 0 auto;
	text-align: left;	
	padding-top: 0px;
	font-size: 28px;
	line-height: 56px;
	margin: 0 auto;
	}
	
	
.pptitle{
	width: 179px;
	height: 139px;
	text-align: left;	
	padding-top: 20px;
	margin: 0 auto;
	background-image: url(../images/pptitle_s.png);
	background-repeat: no-repeat;
	background-position: bottom;
	}
	
ul#pp{
	width: 90%;
	margin: 0 auto;
	padding: 0;
		
	}

}




@media(max-width:400px){

#contents{
    width:100%;
	margin:0 auto;
}

#contents2{
    width:100%;
	margin:0 auto;
}
	
#contents3{
    width:100%;
	margin:0 auto;
}
	

#mainvisual{
	width:100%;
	height:156px;
	padding-top: 0px;
	z-index: 30px;
	position: relative;
	
}

	
.mainvisual4{
	width:100%;
	height:156px;
	background-image: url(../images/mainvisual4_s.png);
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
}

	
.maintextarea{
	width: 100%;
	margin: 0 auto;
	padding-top: 50px;
	padding-bottom: 50px;
	}

.textarea{
	width: 90%;
	text-align: left;	
	padding-top: 30px;
	font-size: 18px;
	line-height: 36px;
	font-weight: bold;
	margin: 0 auto;
	}
	
.textarea2{
	width: 90%;
	text-align: left;	
	padding-top: 30px;
	font-size: 16px;
	line-height: 36px;
	margin: 0 auto;
	}
	
.textarea3{
	width: 90%;
	text-align: left;	
	padding-top: 30px;
	font-size: 16px;
	line-height: 36px;
	font-weight: bold;
	margin: 0 auto;
	}
	
.ceocategory{
	width: 90%;
	text-align: left;	
	padding-top: 40px;
	font-size: 16px;
	line-height: 56px;
	margin: 0 auto;
	}
	
.ceoname{
	width: 90%;
	margin: 0 auto;
	text-align: left;	
	padding-top: 0px;
	font-size: 28px;
	line-height: 56px;
	margin: 0 auto;
	}
	
	
.pptitle{
	width: 179px;
	height: 139px;
	text-align: left;	
	padding-top: 20px;
	margin: 0 auto;
	background-image: url(../images/pptitle_s.png);
	background-repeat: no-repeat;
	background-position: bottom;
	}
	
ul#pp{
	width: 90%;
	margin: 0 auto;
	padding: 0;
		
	}

}