.header_menu{
	background:rgba(255,255,255,0.7);
}



.bg4,
.bg5,
.bg6{
display:none;}

.logo{
width:200px;}

.top_blog{
display:none;}


.message{
background:#759aa8;
font-family: 'Noto Serif JP', "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-size:200%;}




/*-------------message_area-----------*/
.message_area{
font-family: 'Noto Serif JP', "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
position:relative;
height:auto;}

.w_area_message{
margin:auto;
text-align:center;
max-width:1032px;}

.message_area h1{
font-size:250%;
text-align:center;
margin:70px 0;
letter-spacing:5px;}

.message_area h1 span{
font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';}

.gray_left{
z-index:40;
background:#f9f9f9;
width:75%;
height:350px;
position:absolute;
left:0;
top:150px;}

.pc_tate{
position:relative;
z-index:50;
-webkit-writing-mode:vertical-rl;
-moz-writing-mode:vertical-rl;
-ms-writing-mode:tb-rl;
-ms-writing-mode:vertical-rl;
writing-mode:vertical-rl;
display:inline-block;
text-align:left;
height:500px;
line-height:3em;
font-size:140%;
margin:0 0 70px 0;}

.pc_tate h2{
position:relative;
top:-0.7em;
line-height:2em;}

.ceo_name{
width:50px;
text-align:right;
margin:0 20px 0 0;}

.ceo_name img{
max-width:100%;}

.ceo_name_sp{
display:none;}







/*--------------works----------*/
.w_area_works{
max-width:800px;
margin:50px auto;
overflow:hidden;
background:#f9f9f9;
padding:10px 50px 30px 50px;}

.w_area_works h1{
font-size:250%;
text-align:center;
margin:70px 0;
font-family: 'Noto Serif JP', "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
line-height:1em;
letter-spacing:5px;}

.w_area_works h1 span{
font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';}

.works_img{
max-width:200px;
margin:0 auto;
position:relative;
top:-20px;}

.works_img img{
max-width:100%;}

.w_area_works h2{
font-size:140%;
text-align:center;
line-height:2em;}










/*-------------commitment----------*/
.w_area_commitment{
max-width:1032px;
margin:50px auto;
overflow:hidden;
background:#f9f9f9;
padding:10px 50px 50px 50px;}

.w_area_commitment h1{
font-size:250%;
text-align:center;
margin:70px 0;
font-family: 'Noto Serif JP', "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
line-height:1em;
letter-spacing:5px;}

.w_area_commitment h1 span{
font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';}

.commitment_content{
display:flex;}

.commitment_box{
flex:0 0 33.3333%;
padding:0 20px;
max-width:33.33333%;}

.commitment_box img{
max-width:100%;}

.commitment_box h2{
font-family: 'Noto Serif JP', "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-size:150%;}

.commitment_detail{
line-height:1.5em;}





/*----------contact---------*/
/*
.contact{
background:#f0f0f0;}

.form-control{
background-color:#f0f0f0;}

#send{
background-color:#f0f0f0;}
*/





/*-----------recruit----------*/
.recruit .w_area h1{
display:none;}

.recruit_img img{
max-width:100%;}

.recruit_img{
margin:-130px 0 0 0;
width:100%;}

.recruit_area h1.recruit_h1{
display:block;
font-size:250%;
text-align:center;
margin:70px 0 50px 0;
font-family: 'Noto Serif JP', "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
line-height:1em;
letter-spacing:5px;
display:block;
border-bottom:none;}

.recruit_area h1.recruit_h1 span{
font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';}

table.recruit_table{
width:100%;
border-top:1px solid #c5c5c5;
border-right:1px solid #c5c5c5;
border-left:1px solid #c5c5c5;
background:#fafafa;}

table.recruit_table th{
padding:20px 0 20px 50px;
width:20%;
border-bottom:1px solid #c5c5c5;
vertical-align:top;}

table.recruit_table td{
padding:10px 20px;
width:80%;
border-bottom:1px solid #c5c5c5;}

.recruit_img_area{
display:flex;
flex-wrap:wrap;
margin:10px 0;}

.recruit_img4{
flex:0 0 25%;
padding:5px;
max-width:25%;
height:auto;}

.recruit_img4 img{
max-width:100%;}

.recruit_contact{
border:1px solid #c5c5c5;
background:#fafafa;
padding:30px;
text-align:center;}

.recruit_contact strong{
font-size:130%;}

.recruit_contact h2 a{
color:#1db376;
font-weight:bold;}

table.rcr_form_table{
	background:#fafafa;
	width:100%;
	border-top:1px solid #c5c5c5;
	border-right:1px solid #c5c5c5;
	border-left:1px solid #c5c5c5;
}

table.rcr_form_table th{
	width:20%;
	padding:20px;
	vertical-align:top;
	border-bottom:1px solid #c5c5c5;
}

table.rcr_form_table td{
	width:80%;
	padding:20px;
	border-bottom:1px solid #c5c5c5;
}

input,
textarea{
	border:1px solid #c5c5c5;
	background:#fafafa;
}

.w_20{
	width:30%;
}

.w_50{
	width:50%;
}

.w_100{
	width:90%;
}

.submit,
.reset{
	font-size:130%;
	padding:10px 20px;
	margin:20px 0 0 0;
}

.submit{
	background:#383838;
	color:#ffffff;
}

.submit:hover{
	background:#fafafa;
	color:#000000;
}

.reset:hover{
	background:#383838;
	color:#ffffff;
}







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


.w_area_company h1{
display:block;
font-size:250%;
text-align:center;
font-family: 'Noto Serif JP', "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
line-height:1em;
letter-spacing:5px;
border-bottom:none;
margin:70px 0;
padding:0;}

.w_area_company h1 span{
font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';}

.w_area_company{
	max-width:1032px;
	margin:0 auto 50px;
	overflow:hidden;
}

.company_cont{
	display:flex;
}

.company_map{
	flex:0 0 50%;
	max-width:50%;
}

.company_map iframe{
	max-width:100%;
}

.company_txt{
	flex:0 0 50%;
	max-width:50%;
	padding:0 0 0 30px;
}

table.company_table{
	width:100%;
}

table.company_table th{
	padding:5px;
	width:20%;
	vertical-align:top;
}

table.company_table td{
	padding:5px;
	width:80%;
}










/*-------------history----------------*/
.history .w_area h1{
display:none;}

.history .w_area h1.history_h1{
display:block;
font-size:250%;
text-align:center;
margin:50px 0;
font-family: 'Noto Serif JP', "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
line-height:1em;
letter-spacing:5px;
border-bottom:none;
padding:0;}

.history .w_area h1.history_h1 span{
font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';}

.history dl.list_detail dt.left1{
width:10%;}

.history dl.list_detail dt.left2{
width:10%;}

.history dl.list_detail dd.left3{
width:65%;}

.history dl.list_detail dd.left4{
width:5%;}



















/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
		   Tablet_yoko
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media only screen and (min-width: 1023px) and (max-width: 1112px) {
	
	
.htmls{
padding-left:0;
padding-right:0;}

.recruit .w_area{
padding-left:20px;
padding-right:20px;}


	
}


/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
		   Tablet_tate
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media only screen and (min-width: 768px) and (max-width: 1022px) {


.pc_tate{
-webkit-writing-mode:horizontal-tb;
-moz-writing-mode:horizontal-tb;
-ms-writing-mode:horizontal-tb;
writing-mode:horizontal-tb;
line-height:2em;
height:auto;}

.ceo_name{
display:none;}

.ceo_name_sp{
display:block;
float:right;
margin:0 30px 0 0;
width:30%;}

.ceo_name_sp img{
max-width:100%;}

.htmls{
padding-left:0;
padding-right:0;}

.recruit .w_area{
padding-left:20px;
padding-right:20px;}

.commitment_area,
.works_area,
.w_area_message{
padding-left:20px;
padding-right:20px;}

.commitment_box{
padding:0 10px;}

table.company_table th{
	width:30%;
}



}







/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
		   Smart Phone_yoko  Only                        
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media only screen and (min-width: 480px) and (max-width: 767px) {

.htmls{
padding-left:0;
padding-right:0;}

.recruit .w_area{
padding-left:20px;
padding-right:20px;}



}







/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
		   Smart Phone_tate  Only                        
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

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

.pc_tate{
-webkit-writing-mode:horizontal-tb;
-moz-writing-mode:horizontal-tb;
-ms-writing-mode:horizontal-tb;
writing-mode:horizontal-tb;
line-height:2em;
height:auto;}

.ceo_name{
display:none;}

.ceo_name_sp{
display:block;
float:right;
margin:0;
width:50%;}

.ceo_name_sp img{
max-width:100%;}

.htmls,
.list{
padding-left:0;
padding-right:0;}



.recruit .w_area,
.history .list_area{
padding-left:20px;
padding-right:20px;}

.commitment_area,
.works_area,
.w_area_message,
.w_area_company{
padding-left:20px;
padding-right:20px;}

.pc_tate h2{
font-size:120%;}

.pc_tate{
font-size:120%;}



.message_area h1,
.w_area_works h1,
.w_area_commitment h1,
.w_area_company h1,
.recruit_area h1{
font-size:180%;
margin:50px 0 20px 0;
letter-spacing:2px;}

.history .w_area h1.history_h1,
.company .w_area h1.company_h1,
.recruit_area h1.recruit_h1{
font-size:180%;
margin:20px 0 20px 0;
letter-spacing:2px;}

.works_img{
max-width:150px;
top:0;}

.w_area_works{
padding:10px 20px 30px 20px;}

.w_area_commitment{
margin:50px auto 0;
padding:10px 0 30px 0;}

.commitment_content{
display:block;}

.commitment_box{
display:block
padding:0;
max-width:100%;
margin:0 0 40px 0;}

/*
.company dl.list_detail{
text-align:center;}

.company dl.list_detail dt.left2{
background:#f9f9f9;
padding:5px 0;}
*/
.company_cont{
	display:block;
}

.company_map{
	flex:0 0 1000%;
	max-width:100%;
}

.company_txt{
	flex:0 0 100%;
	max-width:100%;
	padding:0;
}

table.company_table th{
	width:30%;
}

.history dl.list_detail dt.left1{
width:100%;
display:none;}

.history dl.list_detail dt.left2{
width:100%;
border-top:1px solid #dcdcdc;
padding:20px 0 0 0;}

.history dl.list_detail dd.left3{
width:100%;}

.history dl.list_detail dd.left4{
width:100%;
display:none;}

.recruit_img{
margin:20px 0 0 0;}

table.recruit_table th{
padding:20px 0 0 10px;
width:100%;
display:block;
border-bottom:none;
vertical-align:top;}

table.recruit_table td{
padding:0 10px 20px 20px;
width:100%;
display:block;
border-bottom:1px solid #c5c5c5;}

.recruit_img_area{
flex-wrap:wrap;}

.recruit_img4{
flex:0 0 50%;
padding:0 5px;
max-width:50%;
margin:5px 0;}

.recruit_contact h2 a{
font-size:80%;}

table.rcr_form_table th{
	display:block;
	width:100%;
	border-bottom:none;
	padding:10px 0 0 10px;
}

table.rcr_form_table td{
	display:block;
	width:100%;
	padding:0 10px 10px 20px;
}

.w_20,
.w_50,
.w_100{
	width:100%;
}







	
	
	
}


.footer_add img{
	width:10%;
	max-width:100%;
}


.footer {
    padding: 40px 0 30px 0;
   }
   
 ul.social {
 	font-size:300%;
 }
 
 
 @media only screen and (max-width: 479px){
.footer_add img {
    width: 35%;
   }
   }