/*layout
----------------------------------------------------*/



/* -------------------------- */
/* ヘッダー */
/* -------------------------- */

.l_header {
width: 100%;
height: auto;
background: #fff; 

/*slickの
position:absolute;	
top:20px;
left:0;
z-index:2;
*/	
}

.l_header_inner {
max-width: 1200px;
min-height:  150px;
background: #fff;
margin:0 auto;
}

@media screen and (max-width: 1024px) {
.l_header_inner {
  width: 100%;  
    min-height:  80px;
}
}

.l_header_logo {
max-width: 300px;
float:left;
padding-top:15px;	
}

.l_header_logo img{
max-width: 300px;
}

@media screen and (max-width: 1024px) {
.l_header_logo {
max-width: 100px; 
 margin-left:10px; 
}
}


.l_header_btn {
width: 250px;
height: 30px;
line-height: 40px;
text-align: center;
background-color: #fff;
cursor: pointer;
display: block;
float: right;
margin:10px;

/*ロールオーバー0.3秒で背景色を変える*/
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}

.l_header_btn:hover {
background-color: #ff0;
}


@media screen and (max-width: 1024px) {
.l_header_btn {
display: none; 
}
}


.l_header_tel{
font-size:25px;
font-weight: bold;
float:right;
color: #000;
margin:15px 10px;
}
@media screen and (max-width: 768px) {
.l_header_tel{
display:none;
}
}

/* -------------------------- */
/* メインイメージのコピーライト */
/* -------------------------- */
.mainimage{
width:100%;
background: url("../image/top0.jpg");
height:700px;
background-position: left;
background-size: cover;
display: block;
}

.top_copy{
position:relative;
top:80%;
left: 0;
right: 0;
margin: auto;
z-index:10;
width:400px;
height:atuo;
background:none;

}

@media screen and (max-width: 1280px) {
.top_copy{
position:absolute;
top:80%;
left:10%;
width:400px;

}
}

@media screen and (max-width: 1024px) {
.top_copy{
position:absolute;
top:80%;
left:10%;
width:400px;

}
}

@media screen and (max-width: 768px) {
.top_copy{
position:absolute;
top:40%;
left:5%;
width:300px;

}
}

/* -------------------------- */
/* 見出し */
/* -------------------------- */
.hd_lv1 {
font-family:"Shin Go Medium";
font-size:45px;
margin: 40px 0;
text-align: left;
color: #17499d;
line-height:50px;
font-weight:bold;
}

@media screen and (max-width: 1024x) {
.hd_lv1 {
font-size:20px;
}	
}

@media screen and (max-width: 768px) {
.hd_lv1 {
font-family:"Shin Go Medium";
font-size:20px;
margin: 20px 0;
text-align: left;
color: #333;
line-height:30px;
}	
}

.hd_lv2{
font-family:"Shin Go Medium";	
/*position: relative;
display: inline-block;*/
font-size:40px;
font-weight:bold;	
margin-top:60px;
text-align:center;
}


@media screen and (max-width: 1024px) {
.hd_lv2{
margin-top:20px;
  font-size:30px;
}	
}

@media screen and (max-width: 768px) {
.hd_lv2{
margin-top:20px;
  font-size:30px;
}	
}


.hd_lv2_cap{
font-family:"Shin Go Medium";	
padding: 10px 0;
font-size:16px;
margin-bottom:60px;
 text-align:center;	
}
@media screen and (max-width: 1024px) {
.hd_lv2_cap{
margin-bottom:40px;
}
}

@media screen and (max-width: 768px) {
.hd_lv2_cap{
margin-bottom:20px;
}
}


.hd_lv3{
font-family:"Shin Go Medium";	
/*position: relative;
display: inline-block;*/
font-size:25px;
font-weight:bold;
margin-bottom:20px;
}

@media screen and (max-width: 1024px) {
.hd_lv3{
margin-top:20px;
font-size:20px;
}	
}

@media screen and (max-width: 768px) {
.hd_lv3{
margin-top:20px;
  font-size:20px;
}	
}


.hd_lv5{
font-family:"Shin Go Medium";
font-size:30px;
margin-bottom: 20px;
text-align: left;
color: #333;
line-height:40px;
}

@media screen and (max-width: 1024px) {
.hd_lv5 {
font-family:"Shin Go Medium";
font-size:20px;
margin-bottom: 20px;
text-align: left;
color: #333;
line-height:30px;
}	
}

.hd_lv6{
font-family:"Shin Go Medium";
font-size:25px;
margin-bottom: 10px;
text-align: left;
color: #333;
line-height:40px;
}

@media screen and (max-width: 768px) {
.hd_lv6 {
font-family:"Shin Go Medium";
font-size:18px;
margin-bottom: 20px;
text-align: left;
color: #333;
line-height:30px;
}	
}



/* -------------------------- */
/* サブページ　ページ見出し */
/* -------------------------- */

.sub_midashi {
position: relative;
width: 100%;
height: 300px;
background: #ff0;

}


.sub_midashi_inner{
position: absolute;
top: 30%;
left: 50%;
-webkit-transform : translate(-50%,-50%);
transform : translate(-50%,-50%);
display:block;	
width:1024px;	
}


@media screen and (max-width: 1024px) {	
.sub_midashi_inner{
width:100%;	
}
}


.sub_hd_lv2{
font-family:"Shin Go Medium";	
font-size:40px;
font-weight:bold;	
margin-top:60px;
text-align:center;
color:#fff;	
text-shadow: 1px 2px 3px #808080;
}




@media screen and (max-width: 1024px) {
.sub_hd_lv2{
	margin-top:20px;
	font-size:30px;
	color:#fff;	
}	
}

@media screen and (max-width: 768px) {
.sub_hd_lv2{
	margin-top:20px;
	font-size:30px;
	color:#fff;	
}	
}





/* -------------------------- */
/* 文字スタイル*/
/* -------------------------- */


/* -------------------------- */
/* ボックス */
/* -------------------------- */

.l_box2 { 
flex-basis: calc(50% - 20px);
margin:20px 0;
}
/*-10の計算方法　間の余白の合計/カラム数*/





.l_box3 { 
flex-basis: calc(33.33% - 13.3px);
margin-top:20px;
}


.l_box4 { 
flex-basis: calc(25% - 15px);
}

@media screen and (max-width: 1024px) {
.l_box4 { 
flex-basis: calc(50% - 20px);
}
}



/* -------------------------- */
/* 背景 */
/* -------------------------- */

.l_bg_lv1{
width:100%;
height: auto;
background: #17499d;
}

/* -------------------------- */
/* ブログ */
/* -------------------------- */

.l_blog_main {
width:80%;
float:left;
}

@media screen and (max-width: 1024px) {
.l_blog_main {
width:100%;
}
}

.l_blog_aside {
width:15%;
float:right;
}

@media screen and (max-width: 1080px) {
.l_blog_aside {
width:100%;
margin-top:80px;
margin-bottom:60px;
	padding-left:60px;
}
}

.l_blog_aside ul li{

margin:10px 0;
}

.l_blog_aside h2{
font-family:"Shin Go Medium";
  font-size: 23px;
margin: 20px 0;
}


@media screen and (max-width: 768px) {
.l_blog_aside h2{
font-family:"Shin Go Medium";
  font-size: 20px;
margin: 20px 0;
}
}




@media screen and (max-width: 768px) {
.l_blog_aside {
width:100%;
padding-left:20px;
}
}


/* -------------------------- */
/* コンタクトエリア */
/* -------------------------- */

.l_box_contact{
/*position:relative;
top:-300px;*/
display:flex;
justify-content:center;
align-items:center;
width:100%;
background: url("../image/top23.jpg");
height:500px;
background-position: center;
background-size: cover;

}

@media screen and (max-width: 768px) {	
.l_box_contact{
	display: flex;
	flex-wrap: wrap;
	width:100%;
	background: url("../image/contact_bg.jpg");
height:600px;
	background-position: center;
	background-size: cover;

}	
}


.l_box_contact_inner{
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;
  width:300px;
height:300px;
background:#fff;
align-content:center;
 border:1px solid #efefef;

}

@media screen and (max-width: 768px) {	
.l_box_contact_inner{
  flex-basis:100%;
display:flex;
justify-content:center;
align-items:center;	
height:300px;
background:#efefef;
 border:1px solid #efefef;

}	
}

.hd_lv3_contact{
font-family:"Shin Go Medium";	
font-size:28px;
font-weight:bold;	
width:300px;	
line-height:30px;	
}

.hd_lv3_contact a:link{
color:#000;
}

@media screen and (max-width: 768px) {	

.hd_lv3_contact{
font-family:"Shin Go Medium";	
font-size:28px;
font-weight:bold;	
width:100%;	
line-height:30px;
text-align:center
}
}


.hd_lv2_cap_contact{
font-family:"Shin Go Medium";	
padding: 10px 55px;
font-size:16px;
margin-bottom:20px;
}
@media screen and (max-width: 768px) {	
.hd_lv2_cap_contact{
font-family:"Shin Go Medium";	
font-size:16px;
padding:0px;
}
}


.p_contact{
 width:250px;

}


@media screen and (max-width: 768px) {	
.p_contact{ 
	 width:90%;
text-align:center;
}
}
/* -------------------------- */
/* フッター */
/* -------------------------- */




.l_footer {
display:block;
/*position: absolute; 
bottom:0;*/
flex-basis:100%;
height: 350px;
text-align: left;
background: url("../image/top24.jpg");

}

@media screen and (max-width: 768px) {
.l_footer {

height: 500px;
}
}
@media screen and (max-width: 500px) {
.l_footer {

height:  600px;
}
}

.l_footer_inner{
flex-basis:100%;
height: auto;
display: flex;
margin: 0 auto;
padding-top:40px;	
}

@media screen and (max-width: 1024px) {
.l_footer_inner{
font-size:14px;
}
}

@media screen and (max-width: 768px) {
.l_footer_inner{
flex-basis:100%;
display: block;
}
}

.l_footer_leftbox{
flex-basis:30%;
}
@media screen and (max-width: 768px) {
.l_footer_leftbox{
flex-basis:100%;
}
}

.l_footer_rightbox{	
display:flex;
flex-wrap:wrap;
flex-basis:70%;
color:#fff;	
}

@media screen and (max-width: 768px) {
.l_footer_rightbox{
	display:flex;
	flex-wrap:wrap;
	flex-basis:100%;
	color:#fff;
	margin-top:20px;
}
}


.l_footer_rightbox a:link{	
color:#fff;	
}


.l_footer_rightbox a:hover{	
color:#fff;	
}

.l_footer_rightbox a:visited{	
color:#fff;	
}

.l_footer_rightbox_inner_left{
flex-basis:30%;
display:flex;
  flex-flow: column;
padding-left:20px;
margin-bottom:30px;
border-right:1px solid #fff;
}

@media screen and (max-width:768px) {
.l_footer_rightbox_inner_left{
flex-basis:100%;
padding-left:30px;
}	
}

.l_footer_rightbox_inner_left ul li{
padding-bottom:20px;
}

.l_footer_rightbox_inner_right{
  flex-basis:70%;
color:#fff;	
padding:0 30px;		
}
@media screen and (max-width:768px) {
.l_footer_rightbox_inner_right{
  flex-basis:100%;
color:#fff;	
padding:40px; 30px;		
}
}



.l_footer_logo {
}

.l_footer_logo  img{
max-width: 200px;
padding-left:20px;	
}

@media screen and (max-width: 768px) {
.l_footer_logo  img {
max-width: 150px;
}
}


.l_footer_btn {
width: 200px;
height: 40px;
line-height: 40px;
text-align: center;
background-color: #fff;
cursor: pointer;
display: block;
float: left;
margin:15px;


/*ロールオーバー0.3秒で背景色を変える*/
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}



.l_footer_btn:hover {
background-color: #ff0;
}


@media screen and (max-width: 768px) {
.l_footer_btn {
margin-top:20px;
}
}


.l_footer_tel{
font-size:25px;
font-weight: bold;
float:left;
color: #000;
margin:15px 10px;
}
@media screen and (max-width: 768px) {
.l_footer_tel{
display:none;
}
}


.contact_bt img{
width:400px;
height:atuo;
margin: 0 auto;

}



/* -------------------------- */
/* トップページ */
/* -------------------------- */

.bg0{
		background: url("../image/bg0.jpg");
		background-size: cover;
		background-position: right;

}



.l_box_1{
width:100%;
background: url("../image/top5.jpg");
height:600px;
background-position: center;
background-size: cover;
}

@media screen and (max-width: 768px) {	
.l_box_1{
	width:100%;
	background: url("../image/top5.jpg");
	height:400px;
	background-position: right;
	background-size: cover;
}	
}

/* -------------------------- */
/* こんな方を募集しています */
/* -------------------------- */


.bg1{
		background: url("../image/bg1.jpg");
		background-size: cover;
		background-position: right;

}

/* -------------------------- */
/* 収入イメージ */
/* -------------------------- */

.bg2{
	background: #f5f2e7;	
}

/* -------------------------- */
/* ライテックの特徴*/
/* -------------------------- */

.bg3{
		background: url("../image/bg4.jpg")repeat;
}


/* -------------------------- */
/* 代表あいさつ*/
/* -------------------------- */
.bg4{

background: #3e79b7;		
}


/* -------------------------- */
/* 応募の流れ*/
/* -------------------------- */
.bg5{
		background:#eeeceb;
}