@charset "utf-8";
/* #about-header */
#about-header {
	position: relative;
	width: 100%;
	height: 800px;	
	margin: 0 auto 0;
	overflow: hidden;
}
#about-header .wrap {
	position: absolute;	
	width: 1920px;
	height: auto;
	top: 0;
	left: 50%;
	transform: translateX(-50%);	
	z-index: 1;
}
#about-header .cc {
	position: absolute;	
	width: 96px;
	height: 268px;
	top: 53%;
	left: 50%;
	transform: translate(-50%,-50%);
	border: 1px solid #fff;
	box-sizing: border-box;	
	z-index: 2;
}
#about-header .cc h2 {
	margin: 0;	
}
#about-header .cc h2 img {
	vertical-align: bottom;	
}
#about-header .bottom {
	position: absolute;	
	width: 100%;
	height: 25px;
	bottom: 0;
	background: url(../img/bg-bar02.png) no-repeat center center;	
	z-index: 3;
}
/* #about-intro */
#about-intro {
	padding: 100px 0;
	background: url(../img/bg-shadow.png) no-repeat center top, url(../img/about-intro-bg.png) no-repeat center top, url(../img/bg05.png) no-repeat bottom center, url(../img/bg01.png) repeat-y center top;	
}
#about-intro h3 {
	margin: 0;
}
#about-intro p {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	letter-spacing: 0.1em;
	line-height: 190%;
	font-size: 17px;
	margin: 0 0 30px;
	color: #222;
	font-weight: 600;
}
#about-intro .wrap {
	position: relative;
	width: 1100px;
	height: 900px;	
	margin: 0 auto;
}
#about-intro .deco {
	position: absolute;
	left: -100px;
	top: -20px;	
	width: 95px;
	height: 76px;
	background: url(../img/h3-deco01.png) no-repeat center center;
}
#about-intro .wrap .box01 {
	position: absolute;
	width: 680px;
	height: 50px;
	left: 0;
	top: 20px;
}
#about-intro .wrap .box02 {
	position: absolute;
	width: 630px;
	height: 190px;
	left: 0;
	top: 110px;
}
#about-intro .wrap .box03 {
	position: absolute;
	width: 420px;
	height: 420px;
	right: 0;
	top: 0;
}
#about-intro .wrap .box03 img {
	border-radius: 50%;	
}
#about-intro .wrap .box03b {
	position: absolute;
	width: 404px;
	height: 404px;
	right: 8px;
	top: 8px;
	border: 1px solid #fff;
	box-sizing: border-box;
	border-radius: 50%;
}
#about-intro .wrap .box04 {
	position: absolute;
	width: 525px;
	height: 520px;
	left: 0;
	bottom: 0;
	overflow: hidden;
}
#about-intro .wrap .box04 .img {
	position: relative;
	top: -75px;
	width: 525px;
	height: 670px;/* 実際の画像サイズ */
	background: url("../img/about-intro02.jpg") 0 0 no-repeat;
}
#about-intro .wrap .box04b {
	position: absolute;
	width: 509px;
	height: 504px;
	left: 8px;
	bottom: 8px;
	border: 1px solid #fff;
	box-sizing: border-box;
}
#about-intro .wrap .box05 {
	position: absolute;
	width: 525px;
	height: 420px;
	right: 0;
	bottom: 0;
}
/* #about-interval */
#about-interval {
	margin: 0 auto;
	width: 100%;
	height: 200px;
	background: url(../img/about-interval.jpg) no-repeat center center;
}
/* #about-hist */
#about-hist {
	padding: 100px 0;
	background: url(../img/about-hist-bg.png) no-repeat center top, url(../img/bg05.png) no-repeat bottom center, url(../img/bg06.png) repeat-y center top;	
}
#about-hist h3 {
	margin: 0 auto 60px;	
	text-align: center;	
}
#about-hist p {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	letter-spacing: 0.1em;
	line-height: 190%;
	font-size: 17px;
	margin: 0 0 30px;
	color: #222;
	font-weight: 600;
}
#about-hist .wrap {
	position: relative;
	width: 1100px;
	height: 790px;	
	margin: 0 auto 60px;
}
#about-hist .wrap .box01 {
	position: absolute;
	width: 450px;
	height: 250px;
	left: 0;
	top: 50px;
}
#about-hist .wrap .box02 {
	position: absolute;
	width: 600px;
	height: 400px;
	right: 0;
	top: 0;
	background: #000;
	overflow: hidden;
}
#about-hist .wrap .box02 .img {
	position: relative;
	top: -60px;
	width: 600px;
	height: 520px;/* 実際の画像サイズ */
	background: url("../img/about-intro03.jpg") 0 0 no-repeat;
}
#about-hist .wrap .box02b {
	position: absolute;
	width: 584px;
	height: 384px;
	right: 8px;
	top: 8px;
	border: 1px solid #fff;
	box-sizing: border-box;
}
#about-hist .wrap .box03 {
	position: absolute;
	width: 420px;
	height: 420px;
	left: 0;
	bottom: 0;
}
#about-hist .wrap .box03 img {
	border-radius: 50%;	
}
#about-hist .wrap .box03b {
	position: absolute;
	width: 404px;
	height: 404px;
	left: 8px;
	bottom: 8px;
	border: 1px solid #fff;
	box-sizing: border-box;
	border-radius: 50%;
}
#about-hist .wrap .box04 {
	position: absolute;
	width: 630px;
	height: 330px;
	right: 0;
	bottom: 0;
}