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

body{
	margin:0px;
	font-size:14px;
	font-family:
	"メイリオ",
	Meiryo,
	"ヒラギノ角ゴ Pro W3",
	"Hiragino Kaku Gothic Pro",
	"ＭＳ Ｐゴシック",
	MS PGothic,
	Osaka,
	sans-serif,
	Alegreya SC,
	serif;	


}

.No{
	display: none;
}
#s001,#s002,#s003,#s004,#s005,#s006,#s007,#s008{
	margin-bottom: -150px;
	padding-bottom: 200px;
}



/*----------------------------------
= H
----------------------------------*/

h1{
	
}

h2{
	
}

h3{
	
}

h4{
	
}

h5{
	
}

h6{
	
}

/*----------------------------------
= スペース
----------------------------------*/

.sp{
	width:100%;
	height:0px;
    position:relative;
    clear:both;
}
.sp20{
	width:100%;
	height:20px;
    position:relative;
    clear:both;
}
.sp40{
	width:100%;
	height:40px;
    position:relative;
    clear:both;
}
.sp60{
	width:100%;
	height:60px;
    position:relative;
    clear:both;
}
.sp80{
	width:100%;
	height:80px;
    position:relative;
    clear:both;
}
.sp100{
	width:100%;
	height:100px;
    position:relative;
    clear:both;
}


/*----------------------------------
= LINK
----------------------------------*/

a:visited{ color: #000;}
a:active{ color: #000;}
a:hover{ color: #FF1111;}
a {text-decoration: none;color: #000;}
a img.linkimg{
background:none!important;
}
 
a:hover img.linkimg{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background:none!important;
}




/*===============================================
●style.css 画面の横幅が1201px以上
===============================================*/
@media screen and (min-width: 1201px){
	.w1000{
		width: 90%;
		margin: auto;
	}

	
.logo{
	font-size: 26px;
	margin-left: 40px;
	margin-right: 60px;
	float: left;
	color: #fff;
font-family: a-otf-ryumin-pr6n, serif;
font-weight: 300;
font-style: normal;
}	
	.headerLeft{
	width: 83%;
	background-color: #000;
	height: 70px;
	float: left;
	color: #fff;
	box-sizing: border-box;
	line-height: 70px;
}

.headerRight{
	width: 16%;
	float: right;
	height: 70px;
	
	box-sizing: border-box;
	text-align: right;
	margin-right: 1%;
	
}

}
/*===============================================
●tablet.css 画面の横幅が1200pxまで
===============================================*/
@media screen and (max-width: 1200px){
    .w1000{
		width: 90%;
		margin: auto;
	}

	
	

.logo{
	font-size: 26px;
	margin-left: 20px;
	margin-right: 50px;
	float: left;
	color: #fff;
font-family: a-otf-ryumin-pr6n, serif;
font-weight: 300;
font-style: normal;
}
.headerLeft{
	width: 100%;
	background-color: #000;
	height: 70px;
	float: left;
	color: #fff;
	box-sizing: border-box;
	line-height: 70px;
}

.headerRight{
display: none;
}

}


.w960{
	width: 90%;
	margin:auto;
}

.w800{
	width: 82%;
	margin:auto;
}


.snsBox{
	float: right;
	margin-right: 30px;
}







/*----------------------------------
= header
----------------------------------*/

header{
	width: 100%;
	height: 70px;
	position: fixed;
	top: 0;
	z-index: 9999;
}




.navBox{
	float: left;
}

.key1{
	display: inline-block;
	padding: 0px 15px;
	color: #fff;
}



.sns{
	width: 20px;
	margin-top: 5px;
	margin-left: 5px;
	float: right;
}

.headerTel{
	font-size: 18px;
	margin-top: 18px;
}

.headerTime{
	font-size: 14px;
}


nav{

}

/*-------------key----------------*/





/*----------------------------------
　　☆☆☆☆　section　☆☆☆☆
----------------------------------*/
.top001{
	padding: 50px 0px;
	background-color: #edf2f4;
}

.top004{
	padding: 50px 0px;
	background-color: #edf2f4;
}

.top002{
	padding: 30px 0px;
}

.top003{
	padding: 50px 0px 20px;
	background-color: #333;
}


/*----------------------------------
= MAIN
----------------------------------*/

.moveBox{
	position: relative;
	z-index: 100;
	 width: 100vw;
	height: 100vh;
	overflow: hidden;
    background-color: #111;
}

.move1{
	width: 100%;
	z-index: 100;
	overflow: hidden;
}

.move2{
	display: none;
}

.topH2{
    width: 60%;
    position: absolute;
    left: 50px;
    bottom:160px;
	font-size: 45px;
	font-family: source-han-sans-japanese, sans-serif;
font-weight: 700;
font-style: normal;
	color: #fff;
		opacity: 0.8;
}

.topH3{
    width: 82%;
    position: absolute;
    left: 50px;
    bottom:20px;
	font-size: 120px;
	opacity: 0.6;
font-family: source-han-sans-japanese, sans-serif;
color: #fff;
font-weight: 700;

font-style: normal;
}

.swf{
	width: 1200px;
	padding: 25px 0px;
	margin: auto;
}




/*-------------001---------------*/

.top001Left{
	width: 40%;
	float: left;
}

.top001Right{
	width: 50%;
	float: right;
}

.top001Title{
	font-size: 32px;
	margin-bottom: 20px;
	line-height: 40px;
	font-family: a-otf-ryumin-pr6n, serif;
font-weight: 300;
font-style: normal;
}

.top001Text{
	margin-bottom: 30px;
	font-size: 16px;
}

.top001Go{
	width: 250px;
	box-sizing: border-box;
	background-color: #000;
	color: #fff;
	text-align: center;
	border: solid 1px #000;
	padding: 15px 0px;
	font-size: 16px;
}

.top001Go:hover{
	width: 250px;
	box-sizing: border-box;
	background-color: #fff;
	color: #000;
	text-align: center;
	border: solid 1px #000;
	padding: 15px 0px;
	font-size: 16px;
}


/*-------------002---------------*/

.topTitle{
	font-size: 32px;
font-family: nitalago-ruika, sans-serif;
font-weight: 400;
font-style: normal;


}

.top002Box{
	border-top: solid #000 1px;
}

.top002News{
	width: 46%;
	padding: 2% 0%;
	margin: 0% 2%;
	float: left;
	border-bottom: solid #9a9a9a 1px;
}

.top002NewsDate{
	font-size: 18px;
	margin-bottom: 3px;
}

.top002NewsText{

}

/*-------------003---------------*/

.top003Title{
	font-size: 32px;
	text-align: center;
	color: #fff;
	margin-bottom: 60px;
font-family: nitalago-ruika, sans-serif;
font-weight: 400;
font-style: normal;
}

.top003Box{
	width: 25%;
	float: left;
	box-sizing: border-box;
	position: relative;
	z-index: 5;
}

.top003BoxBox{
	width: 90%;
	margin: auto;
	border: solid #fff 3px;
	box-sizing: border-box;
	padding: 10px;
	margin-top: -200px;
	position: relative;
	z-index: 10;
}

.top003BoxBoxText{
	padding-top: 250px;
	font-size: 18px;
	color: #fff;
}


.top004Box{
	margin: 40px 0px;
}

.top004BoxLeft{
	width: 50%;
	float: left;
}

.top004BoxRight{
	width: 50%;
	float: right;
}

.top004BoxTitle{
	width: 96%;
	margin: auto;
	background-color: #000;
	text-align: center;
	color: #fff;
	font-size: 26px;
	padding: 5px 0px;
	margin-bottom: 20px;
	font-family: a-otf-ryumin-pr6n, serif;
font-weight: 300;
font-style: normal;
}

.top004BoxText{
	width: 94%;
	margin: auto;
	margin-bottom: 40px;
}

.top004BoxBox{
	background-color: #fff;
	padding: 40px 30px 20px;
	margin-top: 188px;
}

.top004BoxText2{
	font-size: 21px;
	margin-bottom: 20px;
}

.top004BoxText3{
	
}

/*----------------------------------
= footer
----------------------------------*/

footer{
	color: #fff;

}

.footLeft{
	width: 25%;
	float: left;
	background-color: #000;
	box-sizing: border-box;
	padding: 40px 40px 10px 40px;
	height: 251px;
}

.footRight{
	width: 75%;
	float: right;
	background-color: #333;
	box-sizing: border-box;
	padding: 40px 20px 10px 20px;
	color: #fff;
}

.footRightNav{
	margin-bottom: 40px;
}

.footKey{
	color: #fff;
	margin-right: 20px;
	display: inline-block;
}

.footTel{
	color: #fff;
	font-size: 18px;
}

.footTime{
	margin-bottom: 10px;
}

.footAdd{
	margin-bottom: 40px;
}



.footLogo{
	font-size: 24px;
	font-family: a-otf-ryumin-pr6n, serif;
font-weight: 300;
font-style: normal;

	
}

.copy{
	
}

.footCopy{
	
}

.menu,.menu-btn{
	display: none;
}

.langBox{
	float: right;
	margin-right: 30px;
	font-size: 16px;
}

.aFff{
	color: #fff!important;
}

.aFff:hover{
	color: #efefef!important;
}


.sub001{
	padding: 50px 0px;
}

.sub002{
	padding: 50px 0px;
	background-color: #f3f3f3;
}

/*----------------------------------
= sub
----------------------------------*/

.subHeader{
	background-color: #e5e5e5;
	padding-top: 120px;
	padding-bottom: 30px;
}

.subHeaderTitle{
	text-align: center;
	font-size: 42px;
}

.subHeaderText{
	text-align: center;
}



/*----------------------------------
= service
----------------------------------*/

.serviceText{
	margin-bottom: 20px;
}

.serviceCat{
	width: 31.3%;
	margin: 1%;
	float: left;
	box-sizing: border-box;
	border: #1143d9 solid 1px;
	background-color: #e8ecf7;
	border-radius: 10px;
	padding: 20px 0px;
	text-align: center;
}

.serviceCatEN{
	width: 31.3%;
	margin: 1%;
	height: 126px;
	float: left;
	box-sizing: border-box;
	border: #1143d9 solid 1px;
	background-color: #e8ecf7;
	border-radius: 10px;
	padding: 20px 0px;
	text-align: center;
}

.serviceCatText{
	color: #1143d9;
	font-size: 16px;
}

.serviceCatText2{
	color: #000;
	font-size: 20px;
}

.serviceCat2{
	width: 19%;
	margin: 0.5%;
	float: left;
	box-sizing: border-box;
	border: #669933 solid 1px;
	background-color: #f2f6ed;
	border-radius: 10px;
	padding: 20px 0px;
	text-align: center;
}

.serviceCat2EN{
	width: 19%;
	height: 84px;
	margin: 0.5%;
	float: left;
	box-sizing: border-box;
	border: #669933 solid 1px;
	background-color: #f2f6ed;
	border-radius: 10px;
	padding: 20px 0px;
	text-align: center;
}

.serviceCatText3{
	color: #000;
	font-size: 14px;
}

.serviceSubtitle{
	
}

.serviceTitle{
	font-size: 32px;
	color: #1438a6;
	font-family: a-otf-ryumin-pr6n, serif;
font-weight: 400;
font-style: normal;
}

.serviceTitle2{
	font-size: 30px;
	color: #669933;
	font-family: a-otf-ryumin-pr6n, serif;
font-weight: 400;
font-style: normal;
}


.serviceLine{
	border-bottom: solid 3px #1438a6;
	width: 80px;

	margin-bottom: 30px;
}

.serviceLine2{
	border-bottom: solid 3px #669933;
	width: 80px;

	margin-bottom: 30px;
}

.serviceInner{
	width: 96%;
	margin: auto;
}

.serviceBox2{
	width: 48%;
	margin: 1%;
	height: 180px;
	float: left;
	border: #818181 1px solid;
	padding: 10px 20px;
	box-sizing: border-box;
}

.serviceBox2EN{
	width: 48%;
	margin: 1%;
	height: 220px;
	float: left;
	border: #818181 1px solid;
	padding: 10px 20px;
	box-sizing: border-box;
}

.serviceBox3{
	width: 31.333%;
	margin: 1%;
	height: 160px;
	float: left;
	border: #818181 1px solid;
	padding: 10px 20px;
	box-sizing: border-box;
}

.serviceBox3EN{
	width: 31.333%;
	margin: 1%;
	height: 200px;
	float: left;
	border: #818181 1px solid;
	padding: 10px 20px;
	box-sizing: border-box;
}

.serviceBox32{
	width: 31.333%;
	margin: 1%;
	height: 120px;
	float: left;
	border: #818181 1px solid;
	padding: 10px 20px;
	box-sizing: border-box;
}

.serviceBox2Title{
	font-size: 18px;
	color: #1438a6;
	margin-bottom: 20px;
}

.serviceBox2Title2{
	font-size: 18px;
	color: #669933;
	margin-bottom: 20px;
}

.serviceBox2Text{
	
}

.serviceCar{
	margin-top: 40px;
	font-size: 18px;
	color: #1438a6;
}

.serviceCarPic{
	width: 48%;
	margin: 1%;
	float: left;
}

.serviceTextBig{
	font-size: 18px;
	margin-bottom: 10px;
}


/*----------------------------------
= company
----------------------------------*/

.representativeLeft{
	width: 48%;
	float: left;
}

.representativeRight{
	width: 48%;
	float: right;
}

.representativeRightText{
	font-size: 15px;
}

.representativeRightName{
	text-align: right;
	font-size: 26px;
	padding-top: 50px;
	line-height: 38px;
font-family: shinryu, sans-serif;

font-weight: 300;

font-style: normal;


}


.companyLine{
	border-bottom: solid 5px #1438a6;
	width: 70px;
	margin-bottom: 8px;
}

.companyTitle{
	font-size: 30px;
	margin-bottom: 20px;
	font-family: a-otf-ryumin-pr6n, serif;
font-weight: 400;
font-style: normal;
}

.companyPic{
	margin-bottom: 40px;
}

.companyBox{
	margin-bottom: 60px;
}

.companyBoxBox{
	border-bottom: solid 1px #666;
	padding: 10px 0px;
}

.companyBoxBoxL{
	width: 20%;
	float: left;
}

.companyBoxBoxR{
	width: 80%;
	float: right;
}

.companyBoxBoxRL{
	width: 42%;
	float: left;
}

.companyBoxBoxRR{
	width: 55%;
	float: right;
}

/*----------------------------------
= recruit
----------------------------------*/
.recruitDetailTitle{
	font-size: 36px;
	text-align: center;
}

.recruitType{
	margin-top: 40px;
	padding: 3px 10px;
	background-color: #333;
	color: #fff;
	font-size: 21px;
	margin-bottom: 20px;
}

.recruitBoxTop{
	border-bottom: 1px solid #333;
	border-top: 1px solid #333;
	padding: 15px;
	margin: 0% 2%;
	box-sizing: border-box;
}

.recruitBox{
	border-bottom: 1px solid #333;
	padding: 15px;
	margin: 0% 2%;
	box-sizing: border-box;
}

.recruitBoxLeft{
	width: 22%;
	float: left;
}

.recruitBoxRight{
	width: 75%;
	float: right;
}

.recruitFlowBox{
	width: 13.3%;
	float: left;
}

.recruitFlowNum{
	font-size: 36px;
	color: #840000;
	text-align: center;
}

.recruitFlowText{
	margin-top: 10px;
	text-align: center;
}

.recruitFlowBar{
	border-bottom: 1px solid #1c1c1c;
	width: 4%;
	float: left;
	margin-top: 42px;
}

.recruitFlowBoxBox{
	margin-bottom: 60px;
}

.recruitFlowRight{
	width: 48%;
	float: right;
}

.recruitFlowLeft{
	width: 48%;
	float: left;
}

.companyDetailTitle{
	font-size: 21px;
	margin-bottom: 20px;
}

/*----------------------------------
= mail
----------------------------------*/





/*----------------------------------
= TOP
----------------------------------*/


.topNews{
	width: 80%;
	padding-bottom:10px;
	margin:auto;
	border-bottom:2px solid #999;
	margin-bottom:15px;
}


.topNewsDay{
	width: 20%;
	float:left;
	color: #6792a7;
	font-weight: 300;
}
.topNewsTitle{
	width: 80%;
	float:left;
}






/*----------------------------------
= NEWS
----------------------------------*/




.newsLeft{
	width:70%;
	float:left;
	margin-top:40px;
	margin-bottom:40px;
	margin-right:10%;
	
}

.newsRight{
	width:20%;
	float:left;
	margin-top:40px;
	margin-bottom:40px;
}


.infoXXXTitle{
	font-size:30px;
	margin-bottom:10px;
	
}


.infoXXXPhoto{
	width:80%;
	margin:0 auto;
	
}

.infoXXXText{
	width:90%;
	padding:40px 0px 20px 0px;
	margin:0 auto;
	
	
}

.infoXXXDay{
	color:#930002;
	text-align:right;
	width:90%;
	margin:auto;
	
	
}


.newsRightBox{
	margin-bottom:15px;
	padding-bottom:10px;
	border-bottom:1px solid #666;
	
}


.newsRightBoxDay{
	color:#930002;
}


.newsRightBoxTitle{
	
}


/*----------------------------------
= Contact
----------------------------------*/

.contactTitel{
	color: #000002;
	font-size: 30px;
	margin-bottom: 10px;
	text-align: center;
}

.contactTitel2{
	color: #000002;
	font-size: 16px;
	margin-bottom: 30px;
	text-align: center;
}

.contactBox1{
    width: 80%;
    margin: auto;
	border: 2px #6fa900 solid;
	padding: 20px;
	background-color: #ffffff;
	text-align: center;
	margin-bottom: 50px;
}

.contactBox1Title1{
	font-size: 18px;
}

.contactBox1Title2{
	color: #6fa900;
	font-size: 24px;
	line-height: 40px;
}

.contactBox1Title3{
	color: #1c1c1c;
	font-size: 14px;
}

.contactBox2{
	background-color: #eef5ff;
	width: 70%;
	margin: auto;
	margin-bottom: 50px;
	padding:30px;
}

.contactBox2Title1{
	font-size: 14px;
	text-align: center;
	margin-bottom: 10px;
}

.contactBox2Title2{
	width: 60%;
	margin: auto;
	background-color: #174e9f;
	text-align: center;
	color: #fff;
	padding: 5px;
	font-size: 18px;
}

.contactBox2Title2:hover{
	width: 60%;
	margin: auto;
	background-color: #555;
	text-align: center;
	color: #fff;
	padding: 5px;
	font-size: 18px;
}

.contactBoxTel{
	border-bottom: 2px solid #ccc;
	margin-bottom: 20px;
}

.contactBoxTelLeft{
	width: 30%;
	float: left;
	font-size: 19px;
	line-height: 36px;
}

.contactBoxTelRight{
	width: 70%;
	float: right;
	font-size: 22px;
	line-height: 36px;
	color: #174e9f;
}

.mail{
	
}

.mailhr{
	margin-top:15px;
	margin-bottom:25px;	
}

.contactTextBox{
	width:80%;
	padding:15px ;
	margin:3% 10%;
	border:1px #CCCCCC dotted;
}

.mailBox{
	width:100%;
	padding:20px;
	margin:30px auto;
}

.contactBox{
	padding:15px;
	width:100%;
	border:1px solid #666;
	margin:0px auto;
}

.formBox{
	border-bottom:1px solid #333;
	margin-bottom:20px;
	padding-bottom:10px;
}

.formLeft{
	height:30px;
	line-height:30px;
	float:left;
	width:24%;
	padding-left:1%;	
}

.formLeft2{
	height: auto;
	line-height:30px;
	float:left;
	width:24%;
	padding-left:1%;
	font-size:12px;	
}

.formRight{
	height:30px;
	line-height:30px;
	float:left;
	width:75%;
}

.formRight2{
	height:auto;
	float:left;
	width:75%;
	line-height:30px;
}

.mailText{
	padding:30px;
}


input[type="text"] {
	width:96%;
	padding:1% 2%;
}

input[type="email"] {
	width:96%;
	padding:1% 2%;
}

select[name="pref_id"] {
	width:96%;
	padding:1% 2%;
}

textarea {
	width:96%;
	padding:1% 2%;
	height: 15em;
}

.policy{
	text-align:center;
	font-size:23px;
	margin:20px;
}

.policyTitle{
	margin:30px 0px 15px 0px;
	font-size:19px;
}

.policyText{
	text-align: center;
	font-size: 20px;
	margin-bottom: 20px;
}

.policyMail{
	border: 1px solid #333;
	padding: 20px;
	width: 70%;
	margin: auto;
	height: 300px;
	overflow: auto;
}

.policygo{
	width: 100px;
	margin: auto;
	padding-top: 10px;
	margin-bottom: 50px;
}

.required{
	width: 60px;
	font-size: 12px;
	text-align: center;
	background-color: #1438a6;
	color: #fff;
	border-radius: 20px;
	margin-left: 10px;
	padding: 3px 10px;
}


/*----------------------------------
= NEWS
----------------------------------*/

.newsContentBox{
	border-top: solid 1px #000;
	padding: 30px 20px;
}

.NEWSTitel{
	font-size: 28px;
	margin-bottom: 20px;
}

.NEWSDay{
	padding-bottom: 20px;
	border-bottom: solid #999 1px;
	margin-bottom: 30px;
}

.NEWSPhoto{
	width: 700px;
	margin: auto;
	margin-bottom: 40px;
}

.newsContentBox{
	margin-bottom: 80px;
}

.NEWSTitel2{
	width: 98%;
	margin: auto;
	background-color: #000;
	color: #fff;
	font-size: 18px;
	padding: 3px 10px;
	margin-bottom: 20px;
}

.NEWSBox4{
	width: 31.333%;
	margin: 1%;
	float: left;
	background-color: #fff;
}

.NEWSBox4Day{
	padding: 20px 10px 10px;
}

.NEWSBox4Text{
	padding: 0px 10px 20px;
}