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

/*----------
 home mv
----------*/
#home #mv {
	position: relative;
	padding-top: 900px;
	background: url(../img/global/pattern_02.png);
}
#home #mv:before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 50%;
	height: 100%;
	background: url(../img/global/pattern_03.png);
}
#home #mv h1 {
	position: absolute;
	top: 0;
	left: 50%;
	width: 1340px;
	text-align: center;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 1;
}

@media (max-width: 768px) {
	#home #mv {
		padding: 0 3.125vw 7.8125vw;
	}
	#home #mv:before {
		content: none;
	}
	#home #mv h1 {
		position: static;
		width: 100%;
		-moz-transform: none;
		-webkit-transform: none;
		-o-transform: none;
		-ms-transform: none;
		transform: none;
	}
	#home #mv h1 img {
		width: 100%;
	}
}

/*----------
 home sec_01
----------*/
#home #sec_01 {
	position: relative;
	padding-top: 450px;
	background: url(../img/global/pattern_02.png);
}
#home #sec_01:before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 50%;
	height: 100%;
	background: url(../img/global/pattern_03.png);
}
#home #sec_01 .inner {
	position: absolute;
	top: -50px;
	right: 0;
	left: 0;
	width: 1200px;
	margin: 0 auto;
}
#home #sec_01 h1 {
	position: absolute;
	top: 0;
	right: 0;
	width: 689px;
}
#home #sec_01 h2 {
	position: absolute;
	top: 200px;
	left: 0;
	width: 490px;
}
#home #sec_01 p {
	position: absolute;
	top: 300px;
	left: 0;
	width: 490px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 2.5;
}
#home #sec_01 .btn {
	position: absolute;
	top: 410px;
	left: 290px;
	width: 200px;
}
#home #sec_01 .btn img {
	width: 100%;
}
#home #sec_01 .btn a {
	display: block;
}
#home #sec_01 .btn a:hover {
	opacity: .3;
}

@media (max-width: 768px) {
	#home #sec_01 {
		padding: 0 3.125vw 7.8125vw;
	}
	#home #sec_01:before {
		content: none;
	}
	#home #sec_01 .inner {
		position: static;
		width: 100%;
	}
	#home #sec_01 h1 {
		position: static;
		width: 100%;
		margin-bottom: 25px;
	}
	#home #sec_01 h1 img {
		width: 100%;
	}
	#home #sec_01 h2 {
		position: static;
		width: 100%;
		margin-bottom: 25px;
		padding: 0 10px;
	}
	#home #sec_01 h2 img {
		width: 100%;
	}
	#home #sec_01 p {
		position: static;
		width: 100%;
		margin-bottom: 25px;
		padding: 0 20px;
		font-size: 3.75vw;
		font-weight: 200;
		line-height: 2.5;
	}
	#home #sec_01 .btn {
		position: static;
		width: 100%;
		padding: 0 6.25vw;
	}
	#home #sec_01 .btn a:hover {
		opacity: 1;
	}
	#home #sec_01 .btn a:active {
		opacity: .3;
	}
}

/*----------
 home sec_02
----------*/
#home #sec_02 {
	position: relative;
	padding-top: 850px;
	background: url(../img/global/pattern_02.png);
}
#home #sec_02:before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 50%;
	height: 100%;
	background: url(../img/global/pattern_03.png);
}
#home #sec_02 .inner {
	position: absolute;
	top: -50px;
	right: 0;
	left: 0;
	width: 1200px;
	margin: 0 auto;
}
#home #sec_02 .inner:before {
	content: "";
	position: absolute;
	top: 30px;
	right: 0;
	width: 340px;
	height: 818px;
	background: url(../img/home/bg_02_a.png) no-repeat;
	z-index: 1;
}
#home #sec_02 .inner:after {
	content: "";
	position: absolute;
	top: 470px;
	left: -35px;
	width: 648px;
	height: 321px;
	background: url(../img/home/bg_02_b.png) no-repeat;
	z-index: 1;
}
#home #sec_02 h1 {
	position: absolute;
	top: 50px;
	left: 0;
	width: 689px;
	z-index: 2;
}
#home #sec_02 h2 {
	position: absolute;
	top: 240px;
	right: 0;
}
#home #sec_02 p {
	position: absolute;
	top: 310px;
	left: 710px;
	width: 490px;
	color: #003149;
	font-size: 12px;
	font-weight: bold;
	line-height: 2.5;
}
#home #sec_02 .btn {
	position: absolute;
	top: 410px;
	right: 0;
	width: 280px;
	z-index: 1;
}
#home #sec_02 .btn img {
	width: 100%;
}
#home #sec_02 .btn a {
	display: block;
}
#home #sec_02 .btn a:hover {
	opacity: .3;
}

@media (max-width: 768px) {
	#home #sec_02 {
		padding: 0 3.125vw 7.8125vw;
	}
	#home #sec_02:before {
		content: none;
	}
	#home #sec_02 .inner {
		position: static;
		width: 100%;
	}
	#home #sec_02 .inner:before {
		content: none;
	}
	#home #sec_02 .inner:after {
		content: none;
	}
	#home #sec_02 h1 {
		position: static;
		width: 100%;
		margin-bottom: 25px;
	}
	#home #sec_02 h1 img {
		width: 100%;
	}
	#home #sec_02 h2 {
		position: static;
		width: 100%;
		margin-bottom: 15px;
		padding: 0 10px;
	}
	#home #sec_02 h2 img {
		width: 100%;
	}
	#home #sec_02 p {
		position: static;
		width: 100%;
		margin-bottom: 25px;
		padding: 0 20px;
		color: #fff;
		font-size: 3.75vw;
		font-weight: 200;
		line-height: 2.5;
	}
	#home #sec_02 .btn {
		position: static;
		width: 100%;
		padding: 0  6.25vw;
	}
	#home #sec_02 .btn a:hover {
		opacity: 1;
	}
	#home #sec_02 .btn a:active {
		opacity: .3;
	}
}

/*----------
 home sec_03
----------*/
#home #sec_03 {
	position: relative;
	padding-top: 150px;
	background: url(../img/global/pattern_02.png);
}
#home #sec_03:before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 50%;
	height: 100%;
	background: url(../img/global/pattern_03.png);
}
#home #sec_03 .inner {
	position: absolute;
	top: -350px;
	right: 0;
	left: 0;
	width: 1200px;
	margin: 0 auto;
}
#home #sec_03:after {
	content: "";
	position: absolute;
	top: -220px;
	left: 0;
	width: 493px;
	height: 359px;
	background: url(../img/home/bg_03.png) no-repeat;
}
#home #sec_03 h1 {
	position: absolute;
	top: 0;
	right: 0;
	width: 689px;
	z-index: 2;
}
#home #sec_03 h2 {
	position: absolute;
	top: 120px;
	left: 0;
	width: 490px;
}
#home #sec_03 p {
	position: absolute;
	top: 220px;
	left: 0;
	width: 490px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 2.5;
}
#home #sec_03 .btn_a {
	position: absolute;
	top: 330px;
	left: 40px;
	width: 180px;
	z-index: 1;
}
#home #sec_03 .btn_a img {
	width: 100%;
}
#home #sec_03 .btn_a a {
	display: block;
}
#home #sec_03 .btn_a a:hover {
	opacity: .3;
}
#home #sec_03 .btn_b {
	position: absolute;
	top: 330px;
	left: 240px;
	width: 250px;
	z-index: 1;
}
#home #sec_03 .btn_b img {
	width: 100%;
}
#home #sec_03 .btn_b a {
	display: block;
}
#home #sec_03 .btn_b a:hover {
	opacity: .3;
}

@media (max-width: 768px) {
	#home #sec_03 {
		padding: 0 3.125vw 7.8125vw;
	}
	#home #sec_03:before {
		content: none;
	}
	#home #sec_03 .inner {
		position: static;
		width: 100%;
	}
	#home #sec_03:after {
		content: none;
	}
	#home #sec_03 h1 {
		position: static;
		width: 100%;
		margin-bottom: 25px;
	}
	#home #sec_03 h1 img {
		width: 100%;
	}
	#home #sec_03 h2 {
		position: static;
		width: 100%;
		margin-bottom: 15px;
		padding: 0 10px;
	}
	#home #sec_03 h2 img {
		width: 100%;
	}
	#home #sec_03 p {
		position: static;
		width: 100%;
		margin-bottom: 25px;
		padding: 0 20px;
		color: #fff;
		font-size: 3.75vw;
		font-weight: 200;
		line-height: 2.5;
	}
	#home #sec_03 .btn_a {
		display: inline-block;
		position: static;
		width: 100%;
		padding: 0 6.25vw;
		margin-bottom: 4vw;
	}
	#home #sec_03 .btn_a a:hover {
		opacity: 1;
	}
	#home #sec_03 .btn_a a:active {
		opacity: .3;
	}
	#home #sec_03 .btn_b {
		display: inline-block;
		position: static;
		width: 100%;
		padding: 0 6.25vw;
	}
	#home #sec_03 .btn_b a:hover {
		opacity: 1;
	}
	#home #sec_03 .btn_b a:active {
		opacity: .3;
	}
}

/*----------
 home sec_04
----------*/

#home #sec_04 {
	position: relative;
	padding-top: 550px;
	background: url(../img/global/pattern_02.png);
}
#home #sec_04:before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 50%;
	height: 100%;
	background: url(../img/global/pattern_03.png);
}
#home #sec_04 .inner {
	position: absolute;
	top: -50px;
	right: 0;
	left: 0;
	width: 1200px;
	margin: 0 auto;
}
#home #sec_04 h1 {
	position: absolute;
	top: 50px;
	left: 0;
	width: 689px;
	z-index: 2;
}
#home #sec_04 h2 {
	position: absolute;
	top: 210px;
	right: 0;
}
#home #sec_04 p {
	position: absolute;
	top: 315px;
	left: 710px;
	width: 490px;
	color: #003149;
	font-size: 12px;
	font-weight: bold;
	line-height: 2.5;
}
#home #sec_04 .btn {
	position: absolute;
	top: 410px;
	right: 0;
	width: 200px;
	z-index: 1;
}
#home #sec_04 .btn img {
	width: 100%;
}
#home #sec_04 .btn a {
	display: block;
}
#home #sec_04 .btn a:hover {
	opacity: .3;
}

@media (max-width: 768px) {
	#home #sec_04 {
		padding: 0 3.125vw 7.8125vw;
	}
	#home #sec_04:before {
		content: none;
	}
	#home #sec_04 .inner {
		position: static;
		width: 100%;
	}
	#home #sec_04 h1 {
		position: static;
		width: 100%;
		margin-bottom: 25px;
	}
	#home #sec_04 h1 img {
		position: static;
		width: 100%;
	}
	#home #sec_04 h2 {
		position: static;
		margin-bottom: 25px;
		padding: 0 10px;
	}
	#home #sec_04 h2 img {
		width: 100%;
	}
	#home #sec_04 p {
		position: static;
		width: 100%;
		margin-bottom: 25px;
		padding: 0 20px;
		color: #fff;
		font-size: 3.75vw;
		font-weight: 200;
		line-height: 2.5;
	}
	#home #sec_04 .btn {
		position: static;
		width: 100%;
		padding: 0 6.25vw;
	}
	#home #sec_04 .btn a:hover {
		opacity: 1;
	}
	#home #sec_04 .btn a:active {
		opacity: .3;
	}
}