/* CSS Document */
body {
	font-size: 15px;
	line-height: 27px;
}
h1.app_h1 {
	position :relative;
	width: 1100px;
	margin: 0 auto;
	left: 0;
}
.app_box {
	width: 1100px;
	margin: 0 auto;
	overflow: hidden;
	letter-spacing: 1px;
}
.app_h_wrap {
	background: url(/appinfo/img/h_bg.gif) repeat 50% 48%;
	height: 550px;
	position: relative;
	color: #fff;
	font-weight: bold;
	margin-top: -25px;
}
.app_h_wrap:after {
	content: url(/appinfo/img/h_bg-arrow.gif);
	position: absolute;
	bottom: -53px;
	width: 100%;
	text-align: center;
}
.app_h {
	overflow: hidden;
	padding-top: 30px;
	font-family: -apple-system, 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', 'メイリオ', meiryo, sans-serif;
}
.app_h-inner {
	float: left;
}
.app_h-tl {
	padding-top: 60px;
	letter-spacing: 3px;
}
.app_h-tl span {
	display: block;
	font-size: 25px;
	line-height: 45px;
}
.app_h-tl strong {
	display: block;
	font-size: 63px;
	line-height: 90px;
}
.app_h-box {
	overflow: hidden;
	background: #F0F0E1;
	width: 570px;
	padding: 15px;
	margin-bottom: 20px;
	border-radius: 5px;
}
.app_h-box p {
	float: left;
	text-align: center;
	width: 274px;
}
.app_h-box p:first-child {
	padding-right: 10px;
	margin-right: 10px;
	border-right: 1px dotted #333;
}
.app_box p span {
	display: block;
	color: #333;
	font-size: 17px;
	line-height: 30px;
}
.app_box p b {
	width: 100px;
	display: block;
	margin: 0 auto;
}
.app_h-sub {
	overflow: hidden;
	text-align: center;
}
.app_h-sub span {
	position: relative;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1em;
	text-align: left;
	font-size: 18px;
}
.app_h-sub span::before,
.app_h-sub span::after {
	position: absolute;
	top: 48%;
	content: '';
	width: 400%;
	height: 1px;
	background-color: #fff;
}
.app_h-sub span::before {	right: 100%;}
.app_h-sub span::after {	left: 100%;}
.app_h-img {	float: right;}
.app_intro {
	overflow: hidden;
	background: #FFF;
	padding: 120px 0;
}
.app_intro-icon, .app_intro-txt {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
}
.app_intro-icon {	width: 140px;}
.app_intro-txt {
	width: 850px;
	margin-left: 100px;
}
.app_intro-txt h2 {	margin: 0 0 40px 0;}


.app_con {	position: relative;}
.app_con .app_box {	overflow: hidden;	padding: 120px 0;}
.app_con01, .app_con03 {	background: url(/appinfo/img/con_bg.gif) repeat 0 0;}
.app_con02 {	background: #fff;}
.app_con-txt {	width: 500px;}
.app_con-txt h3 {
	font-size: 35px;
	line-height: 50px;
	margin-bottom: 40px;
}
.app_con01-img {
	width: 100%;
	position: absolute;
	top: -40px;
}
.app_con01-img p {
	width: 1100px;
	margin: 0 auto;
}
.app_con-txt p {
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	padding: 40px 0;
	text-align: left;
}
.app_con-txt img {	margin: -40px 15px 0 15px;}
.app_con-img {	width: 530px;}
.app_con01 .app_con-txt, .app_con03 .app_con-txt {	float: right;	text-align: right;}
.app_con01 .app_con-img, .app_con03 .app_con-img {	float: left;}
.app_con02 .app_con-txt {	float: left;}
.app_con02 .app_con-img {	float: right;	text-align: right;}
.app_con03 .app_con-txt {	padding-top: 40px;}


.app_f_wrap {
}
.app_f_wrap:after {
	content: "";
}
.app_f-manage {
	width: 600px;
	margin-top: 40px;
}
.app_f-manage p a {	color: #fff;}
.app_f-manage p a:hover {	color: #ccc;}
.app_f-manage span {
	display: block;
	font-weight: normal;
	font-size: 13px;
	border-top: 1px solid #fff;
	padding-top: 20px;
	margin-top: 20px;
}

.app_copy {
	background: #fff;
	text-align: center;
	font-size: 12px;
	padding-top: 40px;
}
.app_copy p {
	padding: 40px 0 20px;
}