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

/* 共通 */

h2{
	font-family:Georgia, "Times New Roman", Times, serif,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo;
	/*font-family:Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif; */
	font-size:1.6em;
	text-align:center;
}
#header_top{
	margin-bottom:0;
}

#logo{
	margin-bottom:10px;
}

	
footer{
	text-align:center;
}

footer .left-border:before{
	content:"|  ";
	padding-right:5px;
}
footer .footer_bottom{
	padding-bottom:5px;
}

.container-max{
	width:100%;
}

.navbar-header{
	
	background-color:black;
}

.copyright{
	background: linear-gradient(-180deg, #6a4000, #402f00);
	padding:10px 0;
	color:white;
}
/* index.html */

#main_visual img{
	max-width:840px;
	margin:0 auto;
}

img.seeking{
	max-width:550px;
	margin:20px 0;
	
}
#index_02-2 img{
	 margin-bottom:10px;
}

#index_03 .reason{
	position:relative;
	margin-bottom:30px;
}
#index_03 .reason p{
	color:white;
	font-family:Georgia, "Times New Roman", Times, serif,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo;
	/*font-family:Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;*/ 
	font-size:1.2em;
	position:absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin:0;
	padding:0;
	width: 100%;
	text-align: center;
	text-shadow: 2px 2px 5px #000,-2px 2px 5px #000,2px -2px 5px #000,-2px -2px 5px #000;
}
#index_04 > div{
	margin-bottom:20px;
}

#index_05 .brown-bg{
	border:1px solid #C9C9C9;
	background-color:#efefef;
	padding:10px;
}
#index_05 .brown-bg{
	margin-right:10px;
	margin-bottom:10px;
}
/*#index_05 .brown-bg img{	
	max-width:250px;
}*/


#index_05 .brown-center{
	margin:10px auto;
}
#index_05 .brown-bg p, #index_05 .brown-bg2 p{
	padding:5px 0;
	margin:0;
}
#index_05 .brown-bg p a {
	color:#333;
}
#index_05 .brown-bg p a:hover {
	text-decoration:none;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#index_06 .brown-box{
	border:1px solid #C9C9C9;
	margin-top:20px;
	padding:20px 10px 10px 10px;
}
#index_06 .effort-title{
	font-size:1.2em;
	margin-bottom:10px;
	text-align:center;
}
#index_06 .brown-box img{
	float:right;
	margin-right:10px;
	max-width:100px;
}
/* company リスポンシブ*/
table.company-table td {
    display: block;
}

table.company-table tr {
    display: block;
}

@media (min-width: 768px) {
	
#header_top {
	background: linear-gradient(90deg,  #231a15, #000000);
}
#gnavi{
  display: flex; /* 要素をflexboxに対応させる */
  align-items: center; /* 縦方向の中央揃え */
  justify-content: center; /* 横方向の中央揃え */
  flex-direction: column; /* 子要素の並びを上から下にする（要素の改行に対応） */
}

body{
	background: linear-gradient(-180deg, #37000a, #9d0b00);
}
.all{
	max-width:900px;
	background-color:white;
	margin:0 auto;
	padding-top:20px;
}
#gnavi.all{
	padding-top:0px;
}
	
.all-inside{
	padding: 0 20px 0 20px;
}
.container{
	max-width:840px;
}
.navbar{
	margin-bottom:0px;
}
.navbar{
	background: linear-gradient(-180deg, #cb0000, #8c0000);
}
#gnavi{
	background: linear-gradient(-180deg, #cb0000, #8c0000);
}
		
#logo{
	margin-bottom:0;
}

#gnavi ul.navbar-nav li {
	border-right: 1px solid white;
}
#gnavi ul.navbar-nav > li > a{
	color:white;
}
.navbar{
	margin-top:0;
}
	
.nav.navbar-nav{
	padding:10px 0;
	max-width:840px;
	text-align:center;
}
h2{
	font-size:2.6em;
}


#index_03 .reason p{
	font-size:2.2em;
}
#index_05 .brown-bg{
	max-width:220px;
}
#index_05 .index_05_items{
	margin:0 auto;
}

/* contactフォーム リスポンシブ*/
/*table.table-contact tr {
	width:860px;
}
table.table-contact td {
    display:table-cell;
	width:150px;
}
table.table-contact td.input-items {
	max-width:650px;
}
.mw_wp_form input[type="text"] {
  max-width: 100%;
}*/

/* company リスポンシブ*/
table.company-table td {
	width:600px;
    display:table-cell;
}
table.company-table td.company-item {
	width:200px;
}	
table.company-table td.company-contents {
	width:650px;
}	
	
}
@media (min-width: 992px) {
#index_02-2 img{
	 margin-bottom:0px;
}
#index_05 .brown-bg{
	max-width:270px;
}
/*#index_05 .brown-bg img{
	
	max-width:260px;
}*/
}