@charset "UTF-8";

/*=============================================
 * header
 *=============================================*/
#header{
	position: relative;
}
#header img.key_visual {
    position: absolute;
    top: 80px;
    left: 50%!important;
    margin-left: -396px!important;
    z-index: 1000;
}
#header .key_visual_h1{
	position: absolute;
	top:480px;
	width: 100%;
	color: white;
	text-align: center;	
	z-index: 1000;
	font-size: 13px;
}
/*=============================================
 * #sec1
 *=============================================*/
#sec1{
	width: 1000px;
	margin: 100px auto 70px;
}

#sec1 .line {
	float:left;
	width: 390px;
  margin-top: 130px;
  padding-top: 20px;
  border-top: 1px solid #333333;
	font-size: 15px;
	line-height: 2.3;
	letter-spacing: 0.1em;
}

#sec1 .image {
	float: left;
	width: 200px;
	text-align: center;
}

/*=============================================
 * #sec2
 *=============================================*/
#sec2{
	width: 100%;
	margin-bottom: 40px;
}

.table {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.table > * {
	display: table-cell;
	height: 1112px;
	vertical-align: top;
}

.table article div {
	height: 50%;
	vertical-align: middle;
}

.table article div.bg01 {
	background: url(../img/index/sec2_subimg_1.jpg);
}

.table article div.bg02 {
	background: url(../img/index/sec2_subimg_2.jpg);
}

.table article div.bg03 {
	background: url(../img/index/sec2_subimg_3.jpg);
}

.table article div.bg {
	background-size: cover;
	background-position: center center;
}

.table article div.txt {
	padding: 70px 2% 0;
	text-align: center;
	background: url(../img/index/sec2_bg.png);
	background-size: cover;
	box-sizing: border-box;
}

.table article div.txt p:first-child {
	margin: 0 auto 2%;
}

.table article div.txt p:nth-child(2){
	margin: 0 auto 2%;
	font-size: 14px;
	line-height: 2.1;
	letter-spacing: 0.1em;
	text-align: left;
	width: 360px;
}


/*=============================================
 * #sec3
 *=============================================*/
#sec3{
	background: #d4dce4;
	margin-bottom: 140px;
}
#sec3 .ttl{
	max-width: 100%;
	height: auto;
}
#sec3 p{
	text-align: center;
	font-size: 15px;
	line-height: 2.3;
	letter-spacing: 0.1em;
	padding: 20px 0;
}

/*=============================================
 * #sec4
 *=============================================*/

#sec4 {
	max-width: 1600px;
	min-width: 1000px;
	margin: 300px auto 40px auto;
	background-image: url(../img/index/sec4_bg.jpg);
	background-repeat: no-repeat;
	background-position: 30% top;
	height: 1193px;
	position: relative;
}

#sec4 .title {
	display: block;
	position: absolute;
	top: -200px;
	left:50%;
	margin-left: 228px;
}

#sec4 .subtitle {
	display: block;
	position: absolute;
	top: -70px;
	left: 50%;
	margin-left: 80px;
}

#sec4 .centerimg1 {
	display: block;
	position: absolute;
	top: 180px;
	left: 50%;
	margin-left: -96px;
}

#sec4 .centerimg2 {
	display: block;
	position: absolute;
	top: 630px;
	left: 50%;
	margin-left: -140px;
}

#sec4 .line1 {
	display: block;
	position: absolute;
	top: 710px;
	left: 50%;
	margin-left: 53px;
	width: 350px;
	height: 300px;
	font-size: 15px;
	line-height: 2.3;
	letter-spacing: 0.1em;
}

#sec4 .line2 {
	display: block;
	position: absolute;
	top: 870px;
	left: 50%;
	margin-left: -490px;
	width: 350px;
	height: 300px;
	font-size: 15px;
	line-height: 2.3;
	letter-spacing: 0.1em;
}




/*=============================================
 * #sec5
 *=============================================*/
#sec5 {
	width: 1000px;
	margin: 0 auto 150px auto;
	background-image: url(../img/index/sec5_bg.png);
	height: 431px;
}

#sec5 .line {
	padding: 30px;
	width: 440px;
	float: left;
}

#sec5 .img_left {
	margin-left: -18px;
}

#sec5 .img {
	float: left;
	width: 500px;
}





/*=============================================
 * #sec6
 *=============================================*/
#sec6 {
	max-width: 1600px;
	min-width: 1000px;
	margin: 0 auto;
	padding-top: 300px;
	background-image: url(../img/index/sec6_bg.jpg);
	background-color: #000000;
  	background-repeat: no-repeat;
	background-position: 76% 285px;
	height: 1030px;
	position: relative;
}

#sec6 .title {
	display: block;
	position: absolute;
	top: 147px;
	left: 50%;
	margin-left: -396px;
}

#sec6 .subtitle {
	display: block;
	position: absolute;
	top: 147px;
	left: 50%;
	margin-left: -150px;
}

#sec6 .centerimg1 {
	display: block;
	position: absolute;
	top: 485px;
	left:50%;
	margin-left: -26px;
}

#sec6 .line1 {
	display: block;
	position: absolute;
	top: 960px;
	left:50%;
	margin-left: -458px;
	width: 350px;
	height: 300px;
	color: #ffffff;
}

#sec6 .line2 {
	display: block;
	position: absolute;
	top: 1115px;
  left: 50%;
	margin-left: 177px;
	width: 270px;
	height: 300px;
	color: #ffffff;
}



/*=============================================
 * #sec7
 *=============================================*/
#sec7 {
	max-width: 1600px;
	min-width: 1000px;
	margin: 0 auto 40px auto;
	padding-bottom: 40px;
	background-color: #000000;
}

#sec7 .inner {
	width: 1000px;
	margin: 0 auto 40px auto;
	background-image: url(../img/index/sec7_bg.png);
	height: 430px;
	position: relative;
	background-color: #000000;
}

#sec7 .inner .img1 {
	width: 324px;
	height: 430px;
	float: left;
}

#sec7 .inner .img1 img{
	width: 324px;
	height: 430px;
}

#sec7 .inner .content {
	width: 650px;
	float: left;
}

#sec7 .inner .content .img2 {
	width: 300px;
	margin-left: 20px;
}

#sec7 .inner .content .subline {
	width: 600px;
	margin-left: 20px;
}

.icon {
	position: absolute;
	top: 15%;
	right: -5%;
}
/*
#sec7{
	background: #000;
	padding-bottom: 97px;
}
#sec7 .sec7_left{
	float: left;
	width: 50%;
	position: relative;
	height: 1450px;
}
#sec7 .sec7_left .ttl{
	position: absolute;
	top:140px;
	right: 160px;
}
#sec7 .sec7_left .subttl{
	position: absolute;
	top:140px;
	right: 70px;
}
#sec7 .sec7_left .img{
	position: absolute;
	top:246px;
	right: 60px;
}
#sec7 .sec7_left .txt{
	position: absolute;
	top:1030px;
	right: 60px;
	width: 400px;
	color: white;
	font-size: 15px;
	line-height: 2.3;
	letter-spacing: 0.1em;
}



#sec7 .sec7_right{
	float: right;
	width: 50%;
	position: relative;
}
#sec7 .sec7_right .subttl{
	position: absolute;
	top:520px;
	left: -25px;
}
#sec7 .sec7_right .img_1{
	position: absolute;
	top:320px;
	left: 0;
}
#sec7 .sec7_right .img_2{
	position: absolute;
	top:645px;
	left: 180px;
}
#sec7 .sec7_right .txt{
	position: absolute;
	top:1160px;
	left: 180px;
	width: 322px;
	color: white;
	font-size: 15px;
	line-height: 2.3;
	letter-spacing: 0.1em;
}
*/


/*=============================================
 * #sec8
 *=============================================*/
#sec8 {
	width: 1000px;
	margin: 0 auto 70px auto;
}

#sec8 .l {
	width: 500px;
	float: left;
	text-align: right;
}

#sec8 .l .title{
	margin-right: 20px;
	margin-bottom: 30px;
}

.left_over {
	margin-left: -200px;
}

#sec8 .r {
	float:left;
	width: 480px;
	margin-left: 20px;
}
#sec8 .r .title{
	margin-left: -20px;
}

/*=============================================
 * #sec9
 *=============================================*/
#sec9 {
	width: 1000px;
	margin: 0 auto 40px auto;
	background-image: url(../img/index/sec5_bg.png);
	height: 431px;
}

#sec9 .content {
	float: left;
	height: 431px;
	width: 400px;
	font-size: 15px;
	line-height: 2.3;
	letter-spacing: 0.1em;
}

#sec9 .img {
	float: right;
	width: 589px;
}



/*=============================================
 * #sec10
 *=============================================*/
#sec10{
	margin-bottom: 70px;
}
#sec10 .ttl{
	text-align: center;
}
#sec10 .txt{
	text-align: center;
	margin-bottom: 30px;
	font-size: 15px;
	line-height: 2.3;
	letter-spacing: 0.1em;
}
#sec10 .sec10_table{
	
}
#sec10 .sec10_table td{
	background: #ededed;
	width: 50%;
	border: 1px solid white;
}
#sec10 .sec10_table .sec10_table_ttl{
	font-size: 19px;
	font-family: serif;
	text-align: center;
	padding-top: 10px;
	margin-bottom: 5px;
}
#sec10 .sec10_table .sec10_table_ttl span{
	font-size: 16px;
}
#sec10 .sec10_table .sec10_table_txt{
	padding: 0 20px 20px;
	font-size: 15px;
	line-height: 2.3;
	letter-spacing: 0.1em;
}


/*=============================================
 * #sec11
 *=============================================*/
#sec11{
	margin-bottom: 86px;
}

#sec11 .sec11_top{
	margin-top: 60px;
	margin-bottom: 80px;
}
.sec11_top_left{
	float: left;
	width: 50%;
}
.sec11_top_left img{
	width: 100%;
	height: auto;
}
.sec11_top_right{
	float: right;
	width: 50%;
}
.sec11_top_right .txt{
	font-size: 15px;
	line-height: 2.3;
}

.sec11_under{
	
}
.sec11_under_left{
	float: left;
	width: 50%;
}
.sec11_under_left .txt{
	font-size: 15px;
	line-height: 2.3;
	text-align: center;
}
.sec11_under_right{
	float: right;
	width: 50%;
	position: relative;
	height: 662px;
}
.sec11_under_right li{
	position: absolute;
}
.sec11_under_right li span{
	position: absolute;
	color: #b8b8b8;
	font-family: "Times New Roman", Times, "serif";
	font-size: 48px;
	font-weight: normal;
}
.sec11_under_right li:nth-child(1){
	top: 0;
	left: 220px;
}
.sec11_under_right li:nth-child(1) span{
	top:26px;
	left: -180px;
}
.sec11_under_right li:nth-child(2){
	top: 210px;
	left: 40px;
	z-index: 10;
}
.sec11_under_right li:nth-child(2) span{
	top:84px;
	left: 412px;
	text-align: right;
}
.sec11_under_right li:nth-child(3){
	top: 420px;
	left: 220px;
}
.sec11_under_right li:nth-child(3) span{
	top:173px;
	left: -180px;
}

/*=============================================
 * #sec12
 *=============================================*/
#sec12{
	background: url(../img/index/sec5_bg.png);
	text-align: center;
}
#sec12 .nav_line{
	max-width: 100%;
	height: auto;
}
#sec12 .ttl{
	padding-top: 60px;
	margin-bottom: 40px;
}
#sec12 .map{
	margin-bottom: 60px;
	
}
#sec12 .map iframe{
	pointer-events: none;
}
#sec12 .info{
	margin-bottom: 60px;
}