@charset "UTF-8";
/* CSS Document */
.shibu_main_title {
    text-align: center;
    font-size: 180%;
    color: #333333;
    margin-bottom: 50px;
    font-weight: bold;
/*    border-bottom: solid 2px #F39517;*/
    padding-bottom: 2%;
	padding-top: 30px;
}

.ichiran {
    text-align: right;
    padding-top: 20px;
    font-size: 85%;
	width: 49%;
	padding-right: 1%;
	float: right;
}
.ichiran a {
    text-align: right;
    color: #FF020E;
  
}
.ichiran a:hover {
    text-align: right;
        text-decoration: underline;  
      color: #D7364A;
}	
/*-----------------------------------*/
.re_waku {
      padding:4%;
    width: 92%;
    border: thin dotted #FF020E;
    line-height: 2em; 
    margin-top: 40px;
    border-radius:6px;
}



.content_in {
    color: #FF0004;
    font-size: 120%;
    padding-bottom: 20px;

}
.sub_artcle {
    } 
/*.left_name_li3_title {
        width: 100%;
background: #FF020E;
    height: 40px;
    padding-top: 15px;
    padding-bottom: 5px;
    border-radius: 6px;
       text-align: center;
    color: #FFFFFF;
    font-size: 120%;
}*/

.left_name_li3_title {
    background-color: #FF020E;
    padding: 5%;
    color: #FFFFFF;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    font-weight: bold;
    margin-bottom: 5px;
    background-image: url("../images/left-h2_22.png");
    background-repeat: no-repeat;
    background-position: 15px 10px;
    padding-left: 20%;
	 text-shadow: 1px 2px 1px rgb(139, 0, 0);
	   font-size: 120%;

}




.left_name_li3 ul li	{
    height: auto;
    width:100%;
    font-size: 95%;
    color: #585757;
    line-height: 130%;
    display: block; 
    margin-left: 1%; 
}

.left_name_li3 ul li:last-child {
	border:0; /* リストの最後のボーダーを消す */
	box-shadow:none;
}
.left_name_li3 ul li a	{
     width:93%;
	padding-left: 2%;
	padding-right: 2%;
    padding-top: 15px;
    padding-bottom: 15px;
    text-decoration: none;
	display: inline-block; 
     border-bottom: 1px dotted #A9A9A9;
    color: #585757;
	}
.left_name_li3 ul li a:before {
  font-family: "Font Awesome 5 Free";
  content: "\f105";/*アイコンの種類*/
  color:  #FF020E;/*アイコン色*/
border-bottom: none;
    padding-right: 2%;
		font-weight: 900;
	
}




.left_name_li3 ul li a:hover	{
	text-decoration: none;
	color: rgba(119,119,119,1.00);
	}

.left_name_li3 ul li:last-child a {
	border-bottom-style: none;
    margin-bottom: 20px;
}

/*------------------アーカイブのアコーディオン------------------*/
 .ar_h2 {
width: 100%;
    display: block;
    height: auto;
    background-repeat: repeat-x;
    background-position: 0% top;
    font-size: 18px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    color: #FFFFFF;
    background-color: #F39517;
    padding-bottom: 10px;
     border-radius: 6px;
}
#page_title {
    background-color:#FFFFFF;
    height: 45px;
    padding-top: 10px;
    text-align: center;
    border-radius: 6px;
    color:#BB0B13;
    border: 2px solid #FF020E;
    font-size: 150%;
    margin-bottom:40px;
	font-weight: bold;
}
#page_title a{
  color: #BB0B13;
}
#page_title a:hover{
  color: #FF020E;  
}
.sub_contents {
	max-width: 1100px;
margin-left:auto;
margin-right:auto;
		background-color:transparent;
}
/*----------------------------------------------------
recruit
----------------------------------------------------*/
.sub_article_recruit {
    width: 100%;
}
/*.sub_contents-in_recruit {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1100px;
    background-color: #FFFFFF;
    padding: 3%;
    border-radius: 6px;
}*/
.sub_contents-in_recruit {
 width: 90%;
	padding:3% 4% 5% 4%;
	border: 1px solid #CCCCCC;
	border-radius: 10px;
		background-color: #FFFFFF;
	margin-bottom: 30px;
	margin-top: 30px;
 box-shadow: 0 0px 10px rgba(0,0,0,0.1);
}

.right_list_title_main {
}
.right_list_title_main ul li {
  position: relative;
  list-style-type: none!important;/*ポチ消す*/
  line-height: 2;
  vertical-align: middle;
     text-indent: -1.5em;
    margin-left: 2em;    
	margin-top: 2%; 
    margin-bottom: 30px;
}

.right_list_title_main ul li:before{ 
  display:inline-block; 
  vertical-align: middle;
  /*以下白丸つくる*/
  content:'';
  width:1em;
  height: 1em;
  background-color:#FFE1E1;
  border-radius: 50%;
  margin-right: 8px;
}
.right_list_title_main ul li a {
    color: #8F2729;
}
.right_list_title_main ul li a:hover {
    color: #5E3819;
}
/*ーーーー*/

.left_recruit_all {
    width: 26%;
    float: left;
    
font-size: 90%;
}

.title_oya {
    width: 100%;
background: #FF020E;
    height: 40px;
    padding-top: 20px;
    border-radius: 6px;
       text-align: center;
    color: #FFFFFF;
    font-size: 120%;
}
.left_recruit_name_li ul li {
  margin: 0;
    padding: 0;
}

/*.left_recruit_name_li ul li:last-child a {
	border-bottom-style: none;
    margin-bottom: 20px;
}*/
.cat-item {
  
}
/*------子カテゴリー-----*/

.left_recruit_name_li ul li ul li	{
    height: auto;
    width:100%;
    font-size: 95%;
    color: #585757;
    line-height: 130%;
    display: block; 
    margin-left: 2%;
   background-color: #FFFFFF;
}

.left_recruit_name_li ul li ul li:last-child {
	border:0; /* リストの最後のボーダーを消す */
	box-shadow:none;
}

.left_recruit_name_li ul li ul li a	{
     width:80%;
    background-image: url("../../images/blog_h2.png");
    background-repeat: no-repeat;
    background-position: 3% center;
    padding-top: 15px;
    padding-bottom: 15px;
    text-decoration: none;
	display: inline-block; 
     border-bottom: 1px dotted #A9A9A9;
    padding-left:13%;
    color: #585757;
  
	}






.left_recruit_name_li ul li ul li a:hover	{
	text-decoration: none;
	color: rgba(119,119,119,1.00);
	}

.left_recruit_name_li ul li ul li:last-child a {
	border-bottom-style: none;
    margin-bottom: 20px;
}

/*-------------------------------*/
.right_recruit_all {
    width:70%;
    float: right;
}
.recruit_blog {
    width: 98%;
}

.recruit_name {
 padding: 2%;
    border-left: 8px solid #FF020E;
    padding-left: 2%;
  color:#BB0B13;
    font-size: 130%;
    padding-top: 8px;
    padding-bottom:8px;
    margin-bottom: 5px;
   text-align: left;
width: 80%;
float: left;
}
.recruit_blog_day {
    width: 30%;
    padding-top: 10px;
    font-size: 14px;
    text-align: right;
    color: #5E3819;
float: right;}

table.table_box_recruit {
	border-right-color: #FF020E;
	border-right-width: 1px;
	border-collapse: collapse;
	text-align: left;
	/* [disabled]margin-right: 2%; */
	width: 100%;
  margin-bottom: 50px;  
}
table.table_box_recruit thead th {
	background-color:#FFE1E1;
	border-right: thin dotted #FF020E;
	border-bottom: thin solid #FF020E;
	/* [disabled]font-weight: normal; */
	text-align: center;
	padding-top: 12px;
	padding-bottom: 8px;
	padding-left: 10px;

}
table.table_box_recruit thead th:last-child {
	border-right-color: #FF020E;
	border-right-style: none;
	/* [disabled]border-right-width: 1px; */
	/* [disabled]width: 20%; */
}
table.table_box_recruit tbody th {
	background-color:#FFE1E1;
	border-bottom: thin dotted #FF020E;
	vertical-align: top;
	font-weight: normal;
/*	padding-top: 12px;
	padding-bottom: 8px;
	padding-left: 10px;*/
    padding: 2%;
	text-align: left;
    
}
table.table_box_recruit tbody tr:last-child th {
	border-bottom: 1px solid #FF020E;
}
table.table_box_recruit tbody tr:last-child td {
	border-bottom: 1px solid #FF020E;
}
table.table_box_recruit tbody td {
	background: #FFF;
	border-left: thin dotted #FF020E;
	border-bottom: thin dotted #FF020E;
	vertical-align: top;
      padding: 2%;
    text-align: left;
}
.table_box_recruit td.t_top {
    text-align: left;
  
}
.table_box_recruit th.t_top {
	border-top: thin solid #FF020E;
      width: 20%;
}
.table_box_recruit td.t_top {
	background-color: #FFFFFF;
	border-top:thin solid #FF020E;
}

@media only screen and (max-width:639px){
    .sub_contents {
    width:96%;
     margin-left: auto;
    margin-right: auto;
   font-size: 100%;
         margin-top: 10px;
}
    #page_title {
        font-size: 120%;
        border: thin solid #FF020E;
    }
.left_recruit_all {
     width:96%;
    float: none;
  margin-left: auto;
margin-right: auto; 
    font-size: 100%;
} 
.sub_article_recruit {
    font-size: 100%;
    width:98%;
    float: none;
  margin-left: auto;
margin-right: auto;
}
.sub_contents-in_recruit {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    max-width:768px;
    border-radius: 6px;
}  
    .recruit_blog {
    width: 98%;
        margin-left: auto;
margin-right: auto;
}
.right_recruit_all {
     width:100%;
    float: none;
  margin-left: auto;
margin-right: auto; 
} 
.recruit_name {
  width:96%;
    float: none;
  margin-left: auto;
margin-right: auto; 
}
.recruit_blog_day {
 width:96%;
    float: none;
  margin-left: auto;
margin-right: auto; 
}    
    
    
  .table_box_recruit th.t_top {
	border-top: thin dotted #FF020E;
      width: 96%;
} 
      .table_box_recruit td.t_top {
	border-top: thin dotted #FF020E;
      width: 96%;
    border-bottom:none;
}  
	table.table_box_recruit tbody td  {
	border-left: none;
	border-right-width: 0px;
	font-size:90%;
border-bottom: thin dotted #FF020E;
}

	table.table_box_recruit tbody th  {
border-top:none;
font-size:90%;
      
	}

 
 table.table_box_recruit thead {
	display:none;
}
table.table_box_recruit tbody th {
	display:block;

}
table.table_box_recruit tbody td {
	display:block;
 
}
table.table_box_recruit tbody td::before {
	content: attr(label);
	float: left;
	clear: both;
	font-weight: bold;

}
table.table_box_recruit tbody td p {
	padding-left:6em;
}
}