@charset "utf-8";
/* CSS Document */
/*===============================================
●style.css  画面の横幅が420px以上（PC用）
===============================================*/
@media screen and (min-width:421px){
/*　全ページ共通設定 */

body{margin:0;
      font-family: Verdana, Geneva, sans-serif;}

body a{text-decoration:none}

body a:link{color:#000;}

h1,h2,h3,h4,h5,h6{ margin:0;
					padding:0;
					font-weight:normal;}
h3{ color:#FFF;
text-align:center;
font-size:30px;
font-weight:bold;}

/*---------------全体Warp設定開始---------------*/

#Wrap {width:100%;
	min-width:1280px;
	height:5800px;
	margin:0;
	padding:0;
	background:white;
	background-size:cover;}

/*---------------全体Warp設定終了---------------*/

#Wrap a:hover {color:white;
	opacity:0.8;}

/*----------------------------------------内部ボックス設定開始----------------------------------------*/

.navToggle,
.globalMenuSp{display:none}

/*---------------Naviボックス設定開始---------------*/

#siteHeader{width: 100%;
		height:70px;
		background:black;
		font-size: 15px;
		z-index: 9999;
		top: 0;
		left: 0;
		position: sticky;
		text-align: left;
		background-size:cover;
		background-position:top center;}

.header_navi{width:1000px;
	margin:0 auto;}

.navi {position: relative;
	background:black;
	color:white;
	width: 1000px;
	height:70px;}

	li{list-style: none;}
	
.navi_1{width: 650px;
    height: 70px;
    float: left;}

.navi ul{
    padding: 0px; 	
    margin: 0px;
    list-style: none;
    position: relative;
    top:40px;
    left:265px;
    font-size:15px;
    width:385px;} 

.navi img {float:left;}

.navi ul li {
    display: inline; 	
    margin-right: 1em;} 


.navi ul li a { 
    font-family: "Trebuchet MS", sans-serif; 
    text-decoration: none;
    color: #fff; 	 } 


.navi ul li a:hover{ 
    border-bottom: dotted 1px #fff;	 }

.navi span	{color:white;
		font-size: 18px;}

	
/*---------------Naviボックス設定終了---------------*/

/*---------------左右中揃え設定開始---------------*/

#about p{display: block;
	position: relative;
	width: 900px;
	height: 50px;
	top: 550px;
	left: 630px;
	color:white;
	margin-left: -121px;
	text-align: center;
	font-size: 15px;
	font-weight: bolder;
	line-height: 200%;}

/*---------------左右中揃え設定終了---------------*/

/*---------------Navi_2ボックス設定開始---------------*/

.SP{display:none;}

#navi_2 {position: relative;
	min-width:1280px;
	width:100%;
	height:1164px;

	background:url(../img/top_image.png)no-repeat;
	background-size: cover;
	background-position:top center;}
	
.navi_2_1{width:1000px;
	margin:0 auto;}
	
.navi_2_2{width: 100%;
	height: 930px;}

.navi_2_2 ul{width: 430px;
    height: 410px;
    position: relative;
    top: 460px;
    left: 277px;
    margin: 0 auto;}

.navi_2_2 img{width: auto;
    height: 100px;}

.service_2_1 {
	position: relative;
	left: 420px;
    top: 350px;}
	
.lineup_2_1 {
	position: relative;
	left: 420px;
    top: 350px;}
	
.about_2_1 {
	position: relative;
	left: 420px;
    top: 350px;}

.contact_2_1 {
	position: relative;
	left: 403px;
    top: 350px;}
	
@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome, 
.sample{background: #cccccc;}

#navi_2 {position: relative;
	min-width:1280px;
	width:100%;
	height:1164px;
	bottom:19px;
	background:url(../img/top_image.png)no-repeat;
	background-size: cover;}

}

/*---------------Navi_2ボックス設定終了---------------*/

/*---------------Serviceボックス設定開始---------------*/
	
#service {position: relative;
	min-width:1280px;
	width:100%;
	height: 485px;
	background: black no-repeat;
	background-size: cover;}

.service_3_1{width:100%;
	height: 450px;
	margin:0 auto;
	position: relative;}
	
.service_3_2{width: 1000px;
	height: 485px;
	margin: 0 auto;}
	
	
.service_3_2 h2{display: block;
	position: relative;
	width: 1000px;
	height: 50px;
	top: 190px;
	margin: 0 auto;
	color:white;
	text-align: center;
	font-size: 25px;
	letter-spacing:10px;
	font-weight: bolder;
	line-height: 200%;}
	
#Service {position: relative;
	min-width:1280px;
	width:100%;
	height:460px;
	bottom: 170px;
	background:url(../img/service_image_1.png)no-repeat;
	background-size: cover;}
	
.Service_2_1{width:100%;
	margin:0 auto;}
	
.Service_2_2{width: 1000px;
	height: 600px;
	margin:0 auto;}
	
.Service_2_3{width: 420px;
    height: 280px;
	position: relative;
	top: -70px;
	left: 320px;
	background:url(../img/service_image_3.png)no-repeat;}
	
.Service_2_4{width: 220px;
    height: 100px;
	position: relative;
    top: 237px;
    left: 388px;}
	
.Service_2_5 {
	width: 1050px;
	height:440px;
	background:url(../img/service_image_2.png)no-repeat;
	background-position: center center; 
	position: relative;
	left: 0px;
	top: 70px;
	z-index: 100;}

/*---------------Serviceボックス設定終了---------------*/

/*---------------Lineupボックス設定開始---------------*/

#Lineup {position: relative;
	min-width:1280px;
	width:100%;
	height:700px;
	bottom:10px;
	background:url(../img/lineup_image_1.png)no-repeat;
	background-position:top center;
	background-size: cover;}
	
.Lineup_2_1{width:100%;
	margin:0 auto;}
	
.Lineup_2_2{width: 1280px;
	height: 600px;
	margin: 0 auto}
	
.Lineup_2_3 {
	width: 1000px;
	height: 300px;
	position: relative;
	left: 150px;
	top: 100px;
	z-index: 100;
	background:url(../img/lineup_image_2.png)no-repeat;}

	
#lineup {position: relative;
	min-width:1280px;
	width:100%;
	height:430px;
	bottom:30px;
	background: black no-repeat;
	background-size: cover;}
	
.lineup_3_2 p{display: block;
	position: relative;
	width: 900px;
	height: 50px;
	color:white;
	top:50px;
	margin: 0 auto;
	text-align: center;
	font-size: 25px;
	font-weight: bolder;
	line-height: 200%;
	letter-spacing:5px;}
	
.lineup_3_1{width:100%;
	height: 450px;
	margin:0 auto;
	position: relative;}
	
.lineup_3_2{width: 1000px;
	height: 485px;
	margin: 0 auto;}
	
.lineup_2_4{width: 220px;
    height: 150px;
	position: relative;
    top: 150px;
    left: 388px;}

/*---------------Lineupボックス設定終了---------------*/

/*---------------Aboutボックス設定開始---------------*/

#About {position: relative;
	min-width:1280px;
	width:100%;
	height:460px;
	background: white no-repeat;
	background-size: cover;}
	
.About_2_1{width:100%;
	margin:0 auto;}
	
.About_2_2{width: 1280px;
	height: 600px;
	margin: 0 auto}
	
.About_2_3 {
	width: 900px;
	height: 400px;
	position: relative;
	left: 180px;
	top: 230px;
	z-index: 100;
	background:url(../img/about_image_1.png)no-repeat;}

#about {position: relative;
	min-width:1280px;
	width:100%;
	height:600px;
	background: black no-repeat;
	background-size: cover;}

#about p{display: block;
	position: relative;
	width: 1000px;
	height: 50px;
    top: 180px;
	color:white;
	margin-left: 10px;
	left: 0px;
	text-align: center;
	font-size: 25px;
	font-weight: bolder;
	line-height: 200%;
	letter-spacing:5px}
	
.about_3_1{width:100%;
	height: 450px;
	margin:0 auto;
	position: relative;}
	
.about_3_2{width: 1000px;
	height: 485px;
	margin: 0 auto;}
	
.about_2_4{width: 220px;
    height: 150px;
	position: relative;
    top: 240px;
    left: 388px;}

/*---------------Aboutボックス設定終了---------------*/

/*---------------Linkボックス設定開始---------------*/

#Link{position: relative;
	min-width:1280px;
	width:100%;
	height:830px;
	background: white no-repeat;
	background-size: cover;}

.link_1{width:100%;
	height: 830px;
	margin:0 auto;
	position: relative;}

.link_1_2{width: 1000px;
	height: 830px;
	margin: 0 auto;}

.link_2_1{width: 1000px;
	height: 830px;
	margin: 0 auto;}

.link_2_1 a{width: 1000px;
	height: 140px;}

.link_3_1{width: 220px;
	height: 100px;
	position: relative;
	top:90px;
	margin: 0 auto;}

.link_3_2{width: 220px;
	height:100px;
	margin: 0 auto;
	background:url(../img/link.png)no-repeat;
	background-position: center center;}

.link_4_1{width: 1000px;
	height: 140px;
	position: relative;
	top:120px;}

.link_4_2:hover,
.link_5_2:hover,
.link_6_2:hover{background-color:white;
	opacity:0.8;}

.link_4_2{width: 1000px;
	height: 140px;
	background:url(../img/banner1.png)no-repeat;
	background-position: center center;}

.link_5_1{width: 1000px;
	height: 140px;
	position: relative;
	top:180px;}

.link_5_2{width: 1000px;
	height: 140px;
	background:url(../img/banner2.png)no-repeat;
	background-position: center center;}

.link_6_1{width: 1000px;
	height: 140px;
	position: relative;
	top:240px;}

.link_6_2{width: 1000px;
	height: 140px;
	background:url(../img/banner3.png)no-repeat;
	background-position: center center;}

/*---------------Linkボックス設定終了---------------*/

/*---------------Contactボックス設定開始---------------*/

#Contact_1{position: relative;
	min-width:1280px;
	width:100%;
	height:800px;
	bottom: 60px;
	margin:0 auto;
	background: white no-repeat;}
	
.Contact_3_1{width:100%;
	height: 800px;
	margin:0 auto;
	position: relative;}
	
.Contact_3_2{width: 1000px;
	height: 800px;
	margin: 0 auto;
	background:url(../img/contact_image.png)no-repeat;}

.Contact_3_3:hover{background-color:white;
	opacity:0.8;}

.Contact_3_3{width: 550px;
	height: 64px;
	margin: 0 auto;
	background:url(../img/CONTACT.png)no-repeat;
	position: relative;
	top:550px;}

#contact p{display: block;
	position: relative;
	width: 900px;
	height: 50px;
	top: 255px;
	margin: 0 auto;
	text-align: center;
	font-size: 15px;
	font-weight: bolder;
	line-height: 200%;}

#footer_text{width: 900px;
	height: 50px;
	position: relative;
	top: 640px;}

#footer_text p{display: block;
	position: relative;
	width: 900px;
	height: 50px;
	top: 10px;
	left: 5%;
	margin: 0 auto;
	text-align: center;
	font-size: 13px;
	font-weight: normal;
	line-height: 200%;}

#last_link{width:400px;
	height:30px;
	margin:0 auto;
	position: relative;
	top:640px;}

#last_link_1{width:200px;
	height:30px;
	float:left;
	text-align: center;}

#last_link_2{width:200px;
	height:30px;
	float:left;
	text-align: center;}

.privacy_policy{width:200px;
	height:30px;
	text-align: center;}

.privacy_policy a{width:200px;
	height:30px;}

.site_map{width:200px;
	height:30px;
	text-align: center;}

.site_map a{width:200px;
	height:30px;}

/*---------------Contactボックス設定終了---------------*/
/*----------------------------------------内部ボックス設定終了----------------------------------------*/
}