@charset "utf-8";
/*
Theme Name:onepress-child
Theme URI:
Template:onepress
Description: 
Author:abe
Tags: 
Version: 0.1.0
*/





/*------------------------------
	Table
------------------------------*/
/*---t01は、一般の表で、t02はtopのオネストとはの会社概要かな----*/


table.t01 > tbody > tr > th,
table.t01 > tfoot > tr > th,
table.t01 > thead > tr > td,
table.t01 > tbody > tr > td,
table.t01 > tfoot > tr > td {
	text-align: left;
}

table.t01 th{
	background-color:#f5f5f5;
}

table.t01 {
  border-collapse: collapse;
  width: 100%;
}

table.t01 th,
table.t01 td {
  padding: 10px;
  border: 3px solid #fff;
line-height:150%;
}

table.t01 th {
  background-color: #eee;
  text-align: center;
  width: 28%;
}

@media screen and (max-width: 550px) {
  table.t01 {
    border-top: 1px solid #999;
  }
  table.t01 td {
    display: block;
  }
  table.t01 th {
    display: block;
    border-top: none;
    border-bottom: none;
    width: 100%;
    text-align:center;
  }
}



table.t02 > tbody > tr > th,
table.t02 > tfoot > tr > th,
table.t02 > thead > tr > td,
table.t02 > tbody > tr > td,
table.t02 > tfoot > tr > td {
	text-align: left;
}

table.t02 th{
	background-color:#f5f5f5;
}

table.t02 {
  border-collapse: collapse;
  width: 100%;
}

table.t02 th,
table.t02 td {
  padding: 10px;
  border: 3px solid #fff;
line-height:150%;
}

table.t02 th {
  background-color: #eee;
  text-align: center;
  width: 28%;
}

@media screen and (max-width: 1000px) {
  table.t02 {
    border-top: 1px solid #999;
  }
  table.t02 td {
    display: block;
  }
  table.t02 th {
    display: block;
    border-top: none;
    border-bottom: none;
    width: 100%;
    text-align:center;
  }
}



table.t03 > tbody > tr > th,
table.t03 > tfoot > tr > th,
table.t03 > thead > tr > td,
table.t03 > tbody > tr > td,
table.t03 > tfoot > tr > td {
	text-align: left;
}

table.t03 th{
	background-color:#f5f5f5;
}

table.t03 {
  border-collapse: collapse;
  width: 100%;
}

table.t03 th,
table.t03 td {
  padding: 10px;
  border: 3px solid #f5f5f5;
line-height:150%;
}

table.t03 th {
  background-color: #eee;
  text-align: center;
  width: 25%;
}

@media screen and (max-width: 550px) {
  table.t03 {
    border-top: 1px solid #999;
  }
  table.t03 td {
    display: block;
  }
  table.t03 th {
    display: block;
    border-top: none;
    border-bottom: none;
    width: 100%;
    text-align:center;
  }
}





/*------------------------------
	boxの作成
------------------------------*/
.box10 {
	max-width:90%;
	margin: 0 auto;
	padding: 15px;
	border:2px solid #d3d3d3;
	font-size:15px;
    text-align:left;
 } 

.box20 {
	max-width:100%;
	margin: 0 auto;
	padding: 15px;
	border:10px solid #f5deb3;
	font-size:15px;
 } 

.box15 {
	max-width:100%;
	margin: 0;
	padding: 15px;
	border:2px solid #d3d3d3;
	font-size:15px;
 } 

.newsbox_fl {
	max-width:100%;
	margin: 0 auto;
	padding: 15px;
	border:1px solid #999;
	text-align:left;
	font-size:13px;
	line-height:125%;
	height: 200px;
	overflow: scroll;
 } 

.box_line {
	max-width:100%;
	margin: 0 auto;
	padding: 0px;
	background-color: #eee;
 } 


/*----------リストを左寄せ------------------------------*/
ul {
	text-align:left;
}


/*----勤務地エリアのパネル表示-------------------------*/

div.eria_paneru img {
opacity: 0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha(opacity=60)";
}

div.eria_paneru a img {
opacity: 0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha(opacity=60)";
}

div.eria_paneru a:hover img {
opacity: 1.0;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
}


/*----flotを使わずに段組み（マルチカラム）-------------------------*/
div.cover {
   display: table;
   border-spacing: 3em 3px;
   margin: 0px;
   padding: 0px;
   width: 100%;
}

div.cover div.box1_60 {
   vertical-align:top;
   display: table-cell;
   width: 60%;
}

div.cover div.box2 {
   vertical-align:top;
   display: table-cell;
}

div.cover div.box1_50 {
   vertical-align:top;
   display: table-cell;
   width: 50%;
}




@media screen and (max-width: 750px) {
   div.cover {
      display: block;
   }
   div.cover div.box1_60 {
      display: block;
      width: 100%;
   }
   div.cover div.box2 {
      display: block;
      width: 100%;
   }
   div.cover div.box1_50 {
      display: block;
      width: 100%;
   }
}

/*------------------------------
	ボタンの作成
------------------------------*/

.btn01 {
    width:200px;
    font-weight:bold;
    text-decoration:none;
    color:#fff;
    display:block;
    text-align:center;
/*    padding:10px 0 10px; */
    background-color:#3cb371;
    border-radius:3px;
}

.btn01 a {
	display:block;
    width:200px;
    padding:10px 0 10px;
    border-radius:3px;
    color:#fff;
}

.btn01 a:hover{
	display:block;
    width:200px;
    padding:10px 0 10px;
    border-radius:3px;
	background-color:#ffa500;
	text-decoration:none;
    color:#fff;
}



.btn_t01 {
    width:200px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:8px 0 10px;
    color:#fff;
    background-color:#ff8c00;
    border-radius:3px;
}

.btn_t02 {
    width:100%;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:8px 0 10px;
    color:#fff;
    background-color:#006400;
    border-radius:3px;
}

.btn02,.btn03,.btn04,.btn05,.btn06,.btn07,.btn08 {
    font-size: 90%;
    font-weight:normal;
    text-decoration:none;
    display: inline-block;
    text-align:center;
    padding:1px 4px 1px;
}

.btn02 {
    color:#fff;
    background-color:#ff8c00;
    border: 1px solid #999;
    border-radius:4px;
}

.btn03 {
    color:#fff;
    background-color:#ff0000;
    border: 1px solid #999;
    border-radius:4px;
}

.btn04 {
    color:#8b0000;
    background-color:#ffffe0;
    border: 1px solid #8b0000;
    border-radius:4px;
}

.btn05 {
    color:#000080;
    background-color:#ffffe0;
    border: 1px solid #000080;
    border-radius:4px;
}

.btn06 {
    color:#008000;
    background-color:#f5f5f5;
    border: 1px solid #999;
    border-radius:4px;
}

.btn07 {
    color:#000000;
    background-color:#ffd700;
    border: 1px solid #999;
    border-radius:4px;
}

.btn08 {
    color:#fff;
    background-color:#4169e1;
    border: 1px solid #999;
    border-radius:4px;
}






/*------------------------------
	サイドメニューの作成
------------------------------*/
.widget-title{
	color:#fff;
	background-color:#2e8b57;
	border: solid 1px #a9a9a9;
	margin: 0px;
	padding:8px 0 8px;
	text-align:center;
}

div#secondary li {
	border: solid 1px #a9a9a9;
	margin: 1px 0px 1px;
	text-align:center;
}

div#secondary li a{
	display:block;
	padding:8px 0px 8px;
	background-color:#fff;
}

div#secondary li a:hover{
	display:block;
	padding:8px 0px 8px;
	background-color:#98fb98;
	text-decoration:none;
}




/*--------------------------------------------*/

span.wpcf7-list-item { display: block; }

/*--------------------------------------------*/
/***** コンタクトフォーム *****/
.table-contactform7{
  overflow: hidden;
table-layout: fixed;
}
 
.required-contactform7{
  padding: 5px;
  background: #DE8686;
  color: #fff;
  border-radius: 3px;
  margin-right: 3px;
}
 
.unrequired-contactform7{
  padding: 5px;
  background: #BDBDBD;
  color: #fff;
  border-radius: 3px;
  margin-right: 3px;
}
 
.table-contactform7 th{
  font-weight:bold;
text-align: left;
}

.table-contactform7 td{
text-align: left;
font-size: 120%;
}
 
 
.table-contactform7 input,
.table-contactform7 textarea{
  max-width: 90% !important;
  margin: 5px 10px 10px 5px;
}
 
.address-100 input{
  max-width: 90% !important;
  margin: 5px 10px 10px 5px;
}
 
.message-100 textarea{
  width: 100%;
  margin: 5px 10px 10px 5px;
}
 
@media screen and (min-width: 900px){
  .table-contactform7 th{
    width:28%;
  }
    }
     
@media screen and (max-width: 900px){
.table-contactform7{
  display:block;
}     
       
  .table-contactform7 tbody,
  .table-contactform7 tr{
    display: block;
    width: 100%;
  }
  .table-contactform7 th{
  width:100%;
  display:block;
  margin: 0 auto;
  border:none;
}
.table-contactform7 td{
  display: list-item;
  list-style-type:none;
  margin:0;
  padding:0;
  width: 100%;
  border-top: none !important;
}
}