@charset "UTF-8";

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

.wrap {
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
}

@media (max-width: 768px) {
	.wrap {
		width: 92%;
	}
}

#contents {

}

#main_contents {

}

.hv {
		transition: 0.5s ;
}

h2 {
    max-width: 965px;
}

.hv:hover {
  filter:alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}

.pagination.column {
    text-align: center;
}

/*----------------------------------------------------
    header
----------------------------------------------------*/

header {
  box-shadow: 0px 0px 2.88px 0.12px rgba(7, 0, 2, 0.2);
  position: relative;
  padding: 0px 0px 10px 0px;
  background: #47ac41;
}

.cmn_logo{

}

.mark {
}

.mark ul {
	display: flex;
	justify-content: left;
}

.mark ul li:first-child{
	width: 56px;
}


.mark ul li img.logo{
    width: 100%;
    height: auto;
}

.mark ul li img.site{
	width: 88%;
	height: auto;
}

.cmn_logo h1 {
	color: #fff;
	font-size: 14px;
	padding: 8px 0;
	font-weight: normal;
}


.cmn_logo a {
  display: block;
}


/*----------------------------------------------------
   mv
----------------------------------------------------*/

#mv {
	background:#fff;
}

#mv #mv_in {
  width: 1000px;
  margin: 0 auto;
	position: relative;
	height: auto;
}

#mv #mv_in .image{
	display: block;
}

#mv #mv_in .image_sp{
	display: none;
}

@media (max-width: 768px) {
	#mv #mv_in .image{
		display: none;
	}
	#mv #mv_in .image_sp{
		display: block;
	}
}


#mv #mv_in .bxslider .btn{
	width: 36%;
	height: auto;
	position: absolute;
    bottom: 8%;
    right: 3%;
}

#mv #mv_in .bxslider img{
	width:100%;
	height: auto;
}

#mv #mv_in .bxslider_sp .btn{
	width: 64%;
	height: auto;
	position: absolute;
	bottom: 6%;
	left: 18%;
}

#mv #mv_in .bxslider_sp img{
	width:100%;
	height: auto;
}

#mv #mv_in div b {
  font-size: 2.4rem;
  font-weight: bold;
}

#mv #mv_in div b span {
  font-size: 3.2rem;
  font-weight: bold;
  color: #d10000;
}

#mv #mv_in p {
  font-weight: bold;
  color: #7c7c7c;
  padding: 10px 0 0;
}

#mv #mv_in a {
    display: block;
	position: relative;
    z-index: 999999;
}

/*----------------------------------------------------
    global navi
----------------------------------------------------*/

#gn {
  background-image: -moz-linear-gradient( 90deg, rgb(233,233,233) 0%, rgb(255,255,255) 75%);
  background-image: -webkit-linear-gradient( 90deg, rgb(233,233,233) 0%, rgb(255,255,255) 75%);
  background-image: -ms-linear-gradient( 90deg, rgb(233,233,233) 0%, rgb(255,255,255) 75%);
  border-top:3px solid #ee9307;
  border-bottom:3px solid #ee9307;
}

@media (max-width: 768px) {
	#gn {
		display: none;
	}
}

#gn ul {
	padding: 8px 0px;
	display: flex;
	justify-content: space-between;
}

#gn ul li {
  padding:14px 0 ;
  font-size:14px;
  font-weight: bold;
  text-align: center;
  width: 165px;
  border-left:1px solid #c7c7c7;

}

#gn ul li:before{
	content: "";
	display: block;
	position: absolute;
	top: 12px;
	height: 66px;
	border-left: 1px solid #fff;
	z-index: 1;
}

#gn ul li:last-child {
  border-right:1px solid #d3d3d3;
}

#gn ul:after {
  content:'';
  border-right:1px solid #fff;
}


#gn ul li a{
  text-decoration: none;
  color: #3d3d3d;
}

#gn ul li:hover{
  background: #eef4e9;
}

#gn ul li span{
  display:block;
  font-size:20px;
  color:#47ac41;
  padding-top:8px;
}

/*----------------------------------------------------
   top
----------------------------------------------------*/



/*-------------------
#top .welcome
--------------------*/
#top .welcome {
	background: #f3f9f2;
	text-align: center;
	line-height: 1.8;
	font-size: 17px;
	padding:72px 0 46px;
/* 	margin-bottom: 40px; */
}

#top .welcome p{
	font-size: 30px;
	color:#47ac41;
	font-weight: bold;
	padding-bottom: 20px;
}

#top .welcome span{
	color:#ff9000;
	font-weight: bold;
}

.special ul{
	padding: 30px 0px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.special ul li{
  width: 306px;
    height: 418px;
  border:1px solid #ccc;
  margin:0 0 32px;
  position: relative;
	    background-color: white;
}

@media (max-width: 768px) {
	.special ul li{
		width: 100%;
	}
}


.special ul li .image img{
  width:100%;
  height:auto;
}

.special ul li .text{
  padding:22px 22px;
line-height: 21px;
}

.special ul li .link{

  display: inline-block;
  background: #b0b0b0;
  color:#fff;
  padding:8px 18px;
  position: absolute;
  right: 0;
  bottom:0;
}

.special ul li .link:after{
  position: relative;
  top: 1px;
  font-size: 21px;
  font-family: FontAwesome;
  content: "";
  padding: 0px 0px 0 14px;
}

/*-------------------
#job_list
--------------------*/
#job_list {
  padding:0 0 38px;
  clear: both;
}

#job_list ul{
	display: flex;
/* 	justify-content: space-between; */
	flex-wrap: wrap;
	margin: 18px 0 0;
}

#job_list ul li{
	width: 310px;
	margin:20px 10px;
	border: 1px solid #e5e5e5;
    padding: 0 0 80px;
    position: relative;
}

@media (max-width: 768px) {
	#job_list ul li {
		margin: 3.3vw auto;
    width: auto;
	}
}


.job_detail{
	line-height: 1.8;
	font-size:16px;
}

.job_detail h4{
	line-height: 1.8;
	font-size:20px;
	padding:  4px 0 4px 0;
	margin:30px 0 12px 0;
	border-left:none;
	color:#11b356;
	border-bottom: 2px dotted #ccc;
}


.job_box{
	padding:10px 20px;
}


.job_detail .job_box{
	padding: 28px 0;
}


.job_box ul{
	display: flex;
	justify-content: center;

}


.job_box .l_box{
	width:380px;
	margin-right:32px;
}

@media (max-width: 768px) {
	.job_box ul{
		display: inherit;
		justify-content: center;
	}
	.job_box .l_box{
		width: 100%;
		height: auto;
	}
}

.job_box .r_box{
	width:100%;
}


.job_box .date{
	font-size:13px;
  color: #444444;
  padding: 0;
	    margin-bottom: 10px;
}

.job_box .date:before{
	position: relative;
	top: 1px;
	font-size: 16px;
	font-family: FontAwesome;
	content: "";
	padding: 0px 6px 0 0;
}

.job_box .title{
	font-size:16px;
	line-height: 1.5;
    color: #47AC41 !important;
	font-weight: bold;
  padding: 0;
	    margin-bottom: 14px;
}

.job_box img{
  width: 100%;
  height: auto;
  object-fit: cover; 
}

.job_box table{
	font-size:14px;
	line-height: 1.5;
	border-collapse: collapse;
	border-top: 1px dotted #e5e5e5;
	margin:10px 0;
}

.job_box table tr{
	display: block;
	border-bottom: 1px dotted #e5e5e5;
	padding: 10px 0;
}

.job_box table th{
	width: 86px;
}

.job_box table td{
	
}

.job_box .btn{
	text-align: center;
	margin: 20px 0 8px;
  height: 60px;
  padding: 0;
    position: absolute;
    bottom: 19px;
    width: 273px;
}

.job_box .btn a{
	display: block;
  text-align: center;
  background-color: #47ac41;
  font-size: 16px;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  padding: 8px 0 10px;
  border-radius: 6px;
	border-bottom: 4px solid #0f7a3c;
	transition: 0.3s;
}


.job_box .btn a:hover{
	transform: translateY(4px);
	border-bottom: 2px solid #0f7a3c;
}

.job_box .btn a:after{
	position: relative;
	top: 1px;
	font-size: 21px;
	font-family: FontAwesome;
	content: "";
	padding: 0px 0px 0 14px;
}

.require,
.location,
.flow{
	line-height: 1.8;
	font-size:16px;
	padding:20px 0 0 0;
}

.require table,
.location table,
.flow table{
	border: 1px solid #ccc;
	border-collapse: collapse;
	width: 100%;
}

.require table tr th, .require table tr td,
.location table tr th, .location table tr td,
.flow table tr td {
	border: 1px solid #ccc;
	padding: 20px 10px;
}



.flow table tr th{
	padding: 20px 10px;
	text-align: left;
	border-bottom: 1px solid #ccc	;
	width: 30%;
}

.flow table tr th.text{
	width: 120px;
}

.require table th,
.location table th,
.flow table th {
	background: #eef4e9;
	font-weight: bold;
	vertical-align: middle;
}

.map{
	margin-top:20px;
}

.circle .num {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	flex-flow: column wrap;
	vertical-align: middle;
	margin: 0px 8px 0px 18px;
	width: 40px;
	height: 40px;
	color: #c0dda7;
	border: 4px solid #fff;
	background: #fff;
	font-size: 24px;
}

.require table td p,
.location table td p,
.flow table td p{
	margin: 16px 12px;
}

@media (max-width: 768px) {

	.require table,
	.location table,
	.flow table {
		border: none;
	}
	    

	.require table tr,
	.location table tr,
	.flow table tr {
		border: 1px solid #ccc;
	}

	.require table tr td,.require table tr th,
	.location table tr td,.location table tr th,
	.flow table tr td ,.flow table tr th {
		border: none;
		padding: 0;
	}

	.require table tr th,
	.location table tr th,
	.flow table tr th {
		border-bottom: 1px solid #ccc;
		padding: 10px 0 ;
		width:inherit;
	}



  .require table th,.require table td,
  .location table th,.location table td,
  .flow table th,.flow table td {
		border-bottom: none;
    display: block;
    width: 100%;
  }
}



.job-category .category{
	color:#fff !important;
}
/*----------------------------------------------------*/



/*----------------------------------------------------
  page
----------------------------------------------------*/

#page_contents {
}

#breadcrumbs {
    font-size: 1.2rem;
    padding: 14px 0 14px;
    margin: 9px;
line-height: 1.5em;
}

#breadcrumbs a {
  font-size: 1.2rem;
  text-decoration: underline;
}

#breadcrumbs a:hover {
  text-decoration: none;
}

#breadcrumbs .search {
  position: absolute;
  top: -20px;
  right: 0;
  width: 220px;
}

#breadcrumbs .search input[type="text"] {
  width: 75%;
  padding: 5px 0;
}

#breadcrumbs .search input[type="submit"]{
    margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

#breadcrumbs .search input[type="submit"] {
    background: #009d3d;
    color: #fff;
    padding: 5px 10px;
}

#breadcrumbs div span.search.current-item {
    display: none;
}


#page {
  font-size: 1.6rem;
  padding-bottom: 30px;
}

#page .page_under01 {
  margin: 50px 0;
  border: 1px solid #47ac41;
  border-bottom: none;
  clear: both;  
}

#page .page_under01 ul.parent li a {
  background: #47ac41;
  color: #fff;
}

#page .page_under01 ul li a {
  display: block;
  padding: 18px 10px;
  color: #3a2f27;
  text-decoration: none;
  border-bottom: 1px solid #47ac41;
   font-size: 1.6rem;
}

#page .page_under01 ul.child  li a:before {
  content: " \f105";
  font-family: FontAwesome;
  color: #47ac41;
  padding: 0 5px 0 0;
}

#page .page_under01 ul.child li a {
  padding: 18px 35px;
}

#page .page_under01 ul.child li a:hover {
  background: #eef4e9;
}



.page_under05 ul li:last-child {
  padding-top: 22px;
}

#page table.line {
  border-top-width: 1px;
  border-top-style: solid;
  border-left-style: solid;
  border-top-color: #d3d3d3;
  border-right-color: #d3d3d3;
  border-bottom-color: #d3d3d3;
  border-left-color: #d3d3d3;
  border-left-width: 1px;
  margin-top: 30px;
  border-collapse: collapse;
}

#page table.line th {
  background-color: #FFFFCC;
  padding: 10px;
  vertical-align: middle;
  text-align: left;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-right-color: #d3d3d3;
  border-bottom-color: #d3d3d3;
  font-weight: bold;
  line-height: 1.3;
	text-align: center;
}

#page table.line td {
	padding: 15px;
	vertical-align: middle;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #d3d3d3;
	border-bottom-color: #d3d3d3;
	line-height: 1.3;
}

#page table.line p {
  padding: 0px;
  margin: 0px;
}

.bl_voice h4, .bl_search h4 {
    color: #493d31;
    font-size: 2.8rem;
    text-align: center;
}

table {
  font-size: inherit;
  font: 100%;
}

table.mainstyle {
    border-left: 1px #b9b9b9 solid;
    border-right: 1px #b9b9b9 solid;
    border-top: 1px #b9b9b9 solid;
    border-collapse: collapse;
    border-spacing: 0;
    width: 94%;
/* margin: 20px 20px 10px 20px; */
}

table.mainstyle th {
  font-weight: bold;
  padding: 10px;
  border: 1px #b9b9b9 solid;
  border-width: 0 0 1px 1px;
  background: #FFFFCC;
  vertical-align: middle;
}

table.mainstyle td {
  padding: 10px;
  border: 1px #b9b9b9 solid;
  border-width: 0 0 1px 1px;
  background: #fff;
  vertical-align: middle;
      text-align: center;
}

#page table.mainstyle.ptable.ml0 tr:nth-child(1) td {
    background-color: #47ac41;
    color: white;
    text-align: center;
}

#page table.mainstyle tr:nth-child(1) td {
    background-color: #47ac41;
    color: white;
    text-align: center;
}

.search li a {
  display: block;
  text-decoration: none !important;
  padding: 15px 0;
  border-bottom: 1px solid #e2e2e2;
}

/*----------------------------------------------------
  list
----------------------------------------------------*/

#list ul li {
  border-bottom: 1px solid #e8e8e8;
  margin: 20px 0 0;
  padding: 0 0 10px;
}

#list dl dt {
  font-size: 1.4rem;
}

#list dl dd {
  padding: 13px 0 0;
}

#list dl dd a {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.6em;
}

#list dl dd a:hover {
  text-decoration: none !important;
}

#list p {
  padding: 10px 0;
}

#list p a {
  color: #213d0a;
}


/*----------------------------------------------------
  detail
----------------------------------------------------*/

#detail dl dt {
  font-size: 1.4rem;
  padding: 20px 0 0;
}

#detail dl dd {
  padding: 15px 0 20px;
  font-size: 2.2rem;

  font-weight: bold;
}

#detail .thumb {
  padding: 20px 0 0;
  text-align: center;	
}

#detail .thumb img {
  max-width: 100%;
  height: auto;
}

#detail .pagenation {
  border-top: 1px solid #efefef;
  text-align: center;
  margin: 50px 0 0;
  padding: 20px 0 0;
}

#detail .pagenation li {
  display: inline-block;
  padding: 0 5px;
}

#detail .pagenation li a {
  display: block;
  border: 1px solid #47ac41;
  padding: 12px 30px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #000;
  text-decoration: none;
}

#detail .pagenation li a:hover {
  background: #47ac41;
  color: #fff;
}

#detail .relatepost {
  padding: 20px 0 0;
}

#detail .relatepost ul li {
}

#detail .relatepost ul li a {
  display: block;
  color: #666;
  padding: 15px 5px 15px 5px;
  border-bottom: 1px dotted #666;
  text-decoration: none;
}

#detail .relatepost ul li a:hover {
  text-decoration: underline;
}


/*----------------------------------------------------
  pagetop
----------------------------------------------------*/

#pagetop {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 100;
}

#pagetop a {
  display: block;
}


#gn ul li:last-child a {
    color: #ee9307 !important;
}

#gn ul li:last-child a span{
    color: #ee9307 !important;
}

/*----------------------------------------------------
  fixedbtn
----------------------------------------------------*/

#fixedbtn {
    position: fixed;
    top: 120px;
    right: 30px;
    z-index: 100;
}

#fixedbtn ul li a img {
  /* box-shadow: 0px 0px 3.44px 0.56px rgba(7, 0, 2, 0.4); */
  border-radius: 5px;
}

#fixedbtn ul li:not(:first-child) {
  padding: 7px 0 0;
}


/*----------------------------------------------------
   footer
----------------------------------------------------*/

div#line_btn {
    top: 188px;
    z-index: 1100;
    position: fixed;
}

div#line_btn_sp {
    display: none !important;
}

.foot_bar{
	border-top: 1px solid #e7e7e7;
	padding: 12px 0 18px;
}

.foot_bar ul{
	display: flex;
/* 	justify-content: space-evenly; */
	font-size:15px;
	justify-content: center;
}

.foot_bar ul li{
margin: 0 10%;
}

.foot_bar ul li a{
	color: #494949;
	text-decoration: none;
}


.foot_bar ul li.icon_home:before{
	color: #47ac41;
	font-family: FontAwesome;
	content: "";
	font-size: 28px;
	top: 4px;
	position: relative;
	padding: 0px 14px 0px 0px;
}

.foot_bar ul li.icon_top:before{
	color: #47ac41;
	font-family: FontAwesome;
	content: "";
	font-size: 28px;
	position: relative;
	top: 4px;
	padding: 0px 14px 0px 0px;
}


.footer{
  background-image: -moz-linear-gradient(180deg,#ee9307 0%,#ee9307 50%,#47ac41 50%,#47ac41 100%);
  background-image: 
	-webkit-linear-gradient(0deg,#47ac41 0%,#47ac41  50%,#ee9307 50%,#ee9307 100%);
	background-image: -ms-linear-gradient(180deg,#ee9307 0%,#ee9307 50%,#47ac41 50%,#47ac41 100%);
	position: fixed;
	z-index: 1000;
	bottom: 0;
	width: 100%;
}

.footer .wrap{
	margin: 0 auto;
	position: relative;
	width: 100%;
}

.footer ul{
	display: flex;
	justify-content: left;
}

.footer ul .text{
  text-align: center;
  width: 100%;
}

.phone_box{
  float:left;
  width:50%;
}


.web_box{
  float:right;
  width:50%;
}

.footer .wrap .desc_sp {
	display:none;
}

.footer .wrap ul li img {
	width: 100%;
	height: auto;
}

@media (max-width: 768px) {
	.footer .wrap .desc {
		display:none;
	}
	.footer .wrap .desc_sp {
		display:block;
	}
}

footer .ft_menu {
	background: #eef4e9;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	padding: 30px 0;
}

footer .ft_menu ul {
  padding: 8px 0;
}

footer .ft_menu ul li{
		width: 24%;
    display: inline-block;
}

@media (max-width: 768px) {
	footer .ft_menu ul {
		padding: 0 0;
	}
	
	footer .ft_menu ul li{
			width: 100%;
			display: inline-block;
			padding: 6px 0px;
	}
}

footer .ft_menu ul li a {
  color: #494949;
  text-decoration: none;
  font-size: 14px;
  line-height:1.8;
  display:inline-flex;
}


footer .ft_menu ul li a:hover {
  color: #47ac41;
}

footer .ft_menu ul li a:before {
  font-family: FontAwesome;
  content: "\f105";
  color: #47ac41;
  padding: 0 10px 0 0;
}

footer .ft_info {
	padding: 18px 0 100px;
}

footer .ft_info .info_box {
  text-align: center;
}

footer .ft_info .info_box .cmn_logo a{
display: block;
padding: 2px 0 0 54px;
background: url(../img/header/mark.png) top 0 left 0 no-repeat;
height: 64px;
}

footer .ft_info .info_box .cmn_logo p{
position: relative;
bottom: 28px;
left: 56px;
font-size: 1.3rem;
}

footer .ft_info .info_box .tel_box {

  float: left;
}

footer .ft_info .info_box .tel_box .address {
    font-size: 1.5rem;
    line-height: 1.3;

}

footer .ft_info .info_box .tel_box .tel_num {
    position: relative;
    font-size: 6.0rem;
    margin: 5px 0 8px;
}

footer .ft_info .info_box .tel_box .tel_num span{

}

footer .ft_info .info_box .tel_box .tel_num:before {
  color: #a49b93;
  font-family: FontAwesome;
  content: '';
  font-size: 3.0rem;
  padding: 15px 53px 0 0;
  position: relative;
  bottom: 2px;
  background: url(../img/hd_free.png) bottom 5px left no-repeat;
  background-size: 66%;
}

footer .ft_info .info_box .tel_box .time {
    /* bottom: 45px; */
    /* left: 18px; */
    font-size: 1.4rem;
    font-weight: bold;
    margin: 7px 0px 0px;

}

footer .ft_info .info_box .tel_box .time span.accept {
	padding: 3px 14px;
	margin: 0 9px 0 0;
}

footer .ft_info .map_box {
  float: right;
}


footer .copy {
  background: #fff;
  text-align: center;
  font-size: 1.1rem;
  color: #3d3d3d;
  padding: 10px 0;
}


@media (max-width: 768px) {
	
.tokushu {
    margin-top: 16vw !important;
    padding-top: 8vw !important;
}
	
	footer .ft_info .info_box img{
		width: 94%;
		height: auto;
	}

	footer .copy {
		font-size: 1.0vw;
		width: 94%;
		height: auto;
    margin: 0 auto;
	}

}

footer .cmn_logo h1 {
  margin: 0 0 4px;
  width: 100%;
}


@media (max-width: 768px) {
	.footer .wrap .desc {
		display:none;
	}
	.footer .wrap .desc_sp {
		display:block;
	}
	
	div#mv_in {
    width: 100% !important;
}
	
	#top .welcome p {
font-size: 6.5vw;
}
	
	#top .welcome {
    font-size: 3.8vw;
}
	.job_box .title {
    font-size: 3.6vw;
}
	
	.job_box table {
    font-size: 3.4vw;
    width: 100%;
}
	
	.special ul li .text {
    line-height: 5vw;
    padding: 4vw 4vw 16vw;
font-size: 3.5vw;
}
	
	.special ul li {
    height: auto;
}
	
	.foot_bar ul li a {
    text-decoration: none;
}
	
/* フッター*/
	div#line_btn {
display:none
}
	
div#line_btn_sp {
    position: fixed;
    bottom: 102px;
    right: 9px;
    text-align: right;
    z-index: 999;
    width: 60px;
    display: block !important;
}
	
	#line_btn_sp img {
    width: 100%;
}
	
	.foot_bar ul li a {
    text-decoration: none;
    font-size: 3.5vw;
}
	
	.foot_bar ul li.icon_home:before {
    padding: 0px 5px 0px 0px;
}
	
	.foot_bar ul li.icon_top:before {
    padding: 0px 5px 0px 0px;
}
	
	.foot_bar ul {
/*     justify-content: space-between; */
}
	
	footer .ft_menu {
    background: #eef4e9;
    padding: 20px 0;
}
	
	footer .ft_menu ul li a {
    font-size: 3.7vw;
    line-height: 1;
}
	
	.ft_info {
padding: 18px 0 19vw !important;
}
	
/* 	 */
	
	h2 {
    padding: 4vw 18px 4vw;
    font-size: 5vw;
}
	
}

.wp-pagenavi {
  text-align: center;
  padding: 30px 0 0;
}



/*----------------------------------------------------
   page
----------------------------------------------------*/
/* 米沢電話設備(YTS)の強みと特徴 */

/* テーブルスタイル */
table.mainstyle.no01 {
    margin: 0;
    width: 100%;
    border-top: 1px solid #b9b9b9;
}

table.mainstyle.no01 th {
    background: #eef4e9;
}

table.mainstyle.no01 tr:nth-child(1) td {
    background-color: #ffffff !important;
    color: #444444 !important;
    text-align: left !important;
}

table.mainstyle.no01 td {
    padding: 10px;
    border: 1px #b9b9b9 solid;
    border-width: 0 0 1px 1px;
    background: #fff;
    vertical-align: middle;
    text-align: center;
}

table.mainstyle.no01 td {
padding: 14px 20px 14px 14px;
    text-align: left;
}

.hv {
		transition: 0.5s ;
}

.hv:hover {
  filter:alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}

/* テーブルの中のul */

table.mainstyle.no01 tr > td > ul > li{
    padding: 0.2vw;
}

/* テーブルスタイル2 */
table.mainstyle.no02 tbody > tr:nth-child(1) > td {
    background-color: #eef4e9 !important;
    color: #444444 !important;
    font-weight: bold;
    font-size: 1.2em;
}

table.mainstyle.no02 tbody > tr > td.num {
    font-size: 1.6em;
    font-weight: bold;
    color: #ff9000;
    padding: 2vw;
}

table.mainstyle.no02 tbody > tr > td.year {
    font-weight: bold;
}

/* テーブルスタイル３ */

table.mainstyle.no03 tbody > tr > td {
    background-color: white !important;
    color: #444444 !important;
    text-align: left !important;
    padding: 2vw;
}

/* テーブルスタイル４*/
table.mainstyle.no04 {
    margin: 0;
    width: 100%;
}

table.mainstyle.no04 th {
    background: #eef4e9;
    width: 18%;
}

table.mainstyle.no04 tr:nth-child(1) td {
    background-color: #ffffff !important;
    color: #444444 !important;
    text-align: left !important;
}

table.mainstyle.no04 td {
    padding: 10px;
    border: 1px #b9b9b9 solid;
    border-width: 0 0 1px 1px;
    background: #fff;
    vertical-align: middle;
    text-align: center;
}

table.mainstyle.no04 td {
    padding: 14px;
    text-align: left;
}





/* ページスタイル */

#page span {
    font-weight: bold;
    color: #ff8f00;
}

#page p.sub {
    font-size: 1.2em;
    font-weight: bold;
    color: #ff9000;
}

hr {
    border-top: 2px dotted #e4e4e4;
}

/* 努力が評価されるキャリアパスh4*/
#page .management h4 {
    border-bottom: 2px dotted #d3d3d3;
    border-left: 0;
}

/*ボタンスタイル*/
#page .associate p.btn_box img {
    margin: 0 0 25px 7px;
    width: 312px;
}

p.btn_box {
    float: right;
}

/*  ulスタイル1*/

#page ul.ul_no01 li {
    padding: 0.8vw 0 0 3.6vw;
}

#page ul.ul_no01 li:before {
    content: "";
    display: block;
    position: relative;
    top: 13px;
    left: -11px;
    width: 0;
    height: 0;
    margin-top: -5px;
    border: 5px solid transparent;
    border-left: 5px solid #000000;
}

/*  ulスタイル4(イベント&社内活動)*/
#page ul.ul_no04 li {
    padding: 0.8vw 0 0 3.6vw;
}

#page ul.ul_no04 li:before {
content: '・';
}

ul.ul_no04 {
    font-weight: bold;
    color: #ff9000;
}

/*  ulスタイル2*/
#page ul.ul_no02  li {
    padding: 1vw;
}

#page ul.ul_no02 li:before {
    content: "";
    display: block;
    position: relative;
    top: 13px;
    left: -11px;
    width: 0;
    height: 0;
    margin-top: -5px;
    border: 5px solid transparent;
    border-left: 5px solid #000000;
}

/*  ulスタイル3*/
#page ul.ul_no03 li {
    padding: 0.5vw;
    font-weight: bold;
    color: #ff8f00;
}

#page ul.ul_no03 li:before {
content: '・';
}

#page ul.ul_no04 li:before {
    content: "";
    display: block;
    position: relative;
    top: 13px;
    left: -11px;
    width: 0;
    height: 0;
    margin-top: -5px;
    border: 5px solid transparent;
    border-left: 5px solid #ee9307;
}

/* 画像横並び */

.img_box.box1 {
    text-align: center;
}

.img_box.box1  img {
    padding: 1vw;
}

@media (max-width: 768px) {
	.img_box img {
		width: 100%;
		height: auto;
	}
}


/*  interview*/

.interview {
    background-color: #eef4e9;
    border: 1px solid #e4e4e4;
    padding: 1.3vw;
}

.interview_box {
    background-color: white;
    padding: 1.5vw;
    border: 1px solid #e4e4e4;
}

p.name {
    font-size: 2rem !important;
    font-weight: bold;
    padding: 0 !important;
}

.interview_box p {
    padding: 0.1vw 0 !important;
}

/* qa */
#page div.qa {
    border: 1px solid #e1e1e1;
    margin-bottom: 40px;
}

#page div.qa .title {
    background-color: #eef4e9;
    padding: 3vw;
    font-size: 1.3em;
    font-weight: bold;
    border-bottom: 1px solid #e4e4e4;
    position: relative;
}

#page div.qa .title:before {
    content: url(http://tokumachi.net/wp-content/uploads/2019/08/answer.png);
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
}

#page div.qa .qa_box {
    padding: 3vw;
    font-size: 1.3em;
/*     font-weight: bold; */
    position: relative;
}

#page div.qa div.title > p {
    display: table-cell;
    vertical-align: middle;
    padding-left: 3em;
}

#page div.qa .qa_box:before {
    content: url(http://tokumachi.net/wp-content/uploads/2019/08/answer.png);
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
}

#page .qa_box > p {
    padding-left: 4em;
}

/* アコーディオン */
dl#acMenu {
    border: 1px solid #e1e1e1;
    margin-bottom: 40px;
}

#acMenu dt{
display:block;
background: url(http://tokumachi.net/wp-content/uploads/2019/08/open.png) center right 2vw no-repeat;
padding-right:15px;
	    background-color: #eef4e9;
    padding: 1.5vw 3vw;
    font-size: 1.3em;
    font-weight: bold;
/*     border-bottom: 1px solid #e4e4e4; */
    position: relative;
}

#acMenu > dt > p {
    display: table-cell;
    vertical-align: middle;
    padding-left: 3.5em;
}

#acMenu dt.title:before {
    content: url(http://tokumachi.net/wp-content/uploads/2019/08/question.png) ;
    position: absolute;
    top: 50%;
	 left: 4vw;
    transform: translate(-50%,-50%);
}
/* answer部分 */
#acMenu dd{
    display: none;
    padding: 3vw;
    font-size: 1.3em;
    position: relative;
}

#acMenu dd:before {
    content: url(http://tokumachi.net/wp-content/uploads/2019/08/answer.png);
    position: absolute;
    top: 50%;
	 left: 4vw;
    transform: translate(-50%,-50%);
}

#acMenu dt.active{
background:url(http://tokumachi.net/wp-content/uploads/2019/08/close.png)center right 2vw no-repeat;
	    background-color: #eef4e9;
}

/* スマホのみ*/
.sp_display {
    display: none;
}






/* スマホ */
@media (max-width: 768px){
	
	.tokushu {
    margin-top: 16vw;
    padding-top: 8vw;
}

/* スタイル	 */
	h3 {
    margin-left: -4vw;
    margin-right: -4vw;
    font-size: 5.1vw;
}
	
	h2{
    padding: 0.5em 18px 0.5em;
    font-size: 5vw;
}
	
	h4 {
    padding-right: 0px;
}
	
	img.alignleft {
    width: 100%;
    height: auto;
}
	
	/* スマホのみ*/
.sp_display {
    display: block;
}
	
	.pc_display {
    display: none;
}
	
/* 	 テーブルスタイル*/
	table.mainstyle {
    width: 100% !important;
    margin: 0;
}
	
	table.mainstyle.no03 tbody > tr > td {
    padding: 2vw 0vw 2vw 5vw !important;
}
	
	#page ul.ul_no03 li {
    padding: 0.4vw 0 0.4vw 1vw;
    line-height: 6vw;
    font-size: 15px;
}
	
	#page ul.ul_no01 li {
    padding: 0.8vw 0 0 8vw;
    line-height: 1.4em;
}
	
	#page ul.ul_no02 li {
    padding: 4vw 1vw 1vw 5vw;
}
	
	table.mainstyle.no01, table.mainstyle.no01 td, table.mainstyle.no01 tr,table.mainstyle.no01 th {
    display: block;
}
	
	table.mainstyle.no01 td,table.mainstyle.no01 th {
    border-right: 0;
    border-left: 0;
}
	
	table.mainstyle.no01 td {
    padding: 10px;
    text-align: left;
}
	
		#page ul.ul_no04 li {
    padding: 0.8vw 0 0 8vw;
}
	
		table.mainstyle.no04 td,table.mainstyle.no04 th {
    border-right: 0;
    border-left: 0;
    width: auto !important;
			}
	
	#page table.mainstyle.no04 tbody {
    width: 100%;
    display: block;
}
	
		table.mainstyle.no04, table.mainstyle.no04 td, table.mainstyle.no04 tr,table.mainstyle.no04 th {
    display: block;
}
	
/* フッターリンク*/
	.foot_bar ul li a {
    text-decoration: none;
font-size: 0.8em;
}
	
	.foot_bar ul li.icon_home:before {
    padding: 0px 5px 0px 0px;
}
	
	.foot_bar ul li.icon_top:before {
    padding: 0px 5px 0px 0px;
}
	
	.foot_bar ul {
/*     justify-content: space-between; */
}
	
	footer .ft_menu {
    background: #eef4e9;
    padding: 20px 0;
}
	
	footer .ft_menu ul li a {
font-size: 1.1em;
    line-height: 1;
}
	
/*フッターぶら下がりリンク*/
	#page .page_under01 ul.child li a {
    padding: 18px 5vw;
}
	
/* ヘッダーリンク*/
	#breadcrumbs a {
    text-decoration: none;
}
	
/* ボタンスタイル（スタッフの思いをinterview）*/
	#page div.associate p.btn_box img.alignright {
    float: none;
    width: 90%;
    margin: 0;
}
	
	p.btn_box {
    text-align: center;
}
	
	p.btn_box {
    text-align: center;
    width: 100%;
}
	
/* 日時スタイル（スタッフの思いをinterview）*/
	p.date {
    padding: 0 !important;
}
	
/* interview部分*/
	
	.interview {
background-color: #eef4e9;
    padding: 6vw 4vw;
    margin: 2vw -4vw;
}
	
	#page .interview img.alignleft {
    float: none;
    margin: 0;
}
	
	.interview_box {
    margin: 4vw 0 6vw;
}
	/* みどりボックス部分（努力が評価されるキャリアパス）*/
	.green_box {
    margin: 4vw -4vw;
    padding: 4vw;
    background-color: #eef4e9;
}
		/*例外のh4*/
	#page div.management > h4 {
    border-left: 0;
    padding-left: 0;
    border-bottom: 1px solid #e4e4e4;
}
	
	#page ul.ul_no02 li:before {
/* 	    border-left: 5px solid #ee9307; */
}
	
/* qa*/
	dl#acMenu {
    border-top: 1px solid #e1e1e1;
    border-bottom: 0;
    margin-bottom: 40px;
    border-left: 0;
    border-right: 0;
    margin: 0 -4vw;
}
	#acMenu dt.title:before {
content: "";
    width: 19vw;
    height: 50px;
    background-image: url(http://tokumachi.net/wp-content/uploads/2019/08/question.png);
    background-size: contain;
    background-repeat: no-repeat;
    left: 13vw;
}
	
	#acMenu dd:before {
content: "";
    width: 19vw;
    height: 50px;
    background-image: url(http://tokumachi.net/wp-content/uploads/2019/08/answer.png);
    background-size: contain;
    background-repeat: no-repeat;
    left: 13vw;
}
	
	#acMenu > dt > p {
    padding-left: 17vw;
    padding-right: 32vw;
}
	
	#acMenu dt.active {
    background: url(http://tokumachi.net/wp-content/uploads/2019/08/close_sp.png)center right 21px no-repeat;
    background-size: 87px;
    background-color: #eef4e9;
    border-bottom: 1px solid #e4e4e4;
}
	
		#acMenu dt {
    background: url(http://tokumachi.net/wp-content/uploads/2019/08/open_sp.png)center right 21px no-repeat;
    background-size: 87px;
    background-color: #eef4e9;
    border-bottom: 0;
}
	
#page .qa_box > p {
    padding-left: 17vw;
}
	
/* トップ*/
	#top .welcome p {
    font-size: 6.5vw;
}
	
/*採用ボタン */
	#job_list li p.btn {
    right: 0;
    left: 0;
    margin: auto;
}
	
}








/* tableカラム落ち修正 */
table.mainstyle {
    width: 745px;
	}

/* before修正 */
#page ul.ul_no03 li:before {
    content: "";
    display: block;
    position: relative;
    top: 13px;
    left: -11px;
    width: 0;
    height: 0;
    margin-top: -5px;
    border: 5px solid transparent;
    border-left: 5px solid #ff9000;
}

/* li　padding修正 */
#page ul.ul_no03 li {
    padding: 0.4vw 0 0.4vw 1vw;
	}

/* tdの上下マージン修正 */
table.mainstyle.no03 tbody > tr > td {
    padding: 1vw 2vw;
	}

/* 時計アイコン適用 */
#page p.date:before {
    font-family: FontAwesome;
    content: '\f017';
    padding-right: 9px;
    color: #444444;
}

#wpcf7-f464-o1 > form > table > tbody > tr > th {
    text-align: left;
}

#wpcf7-f464-o1 > form > table {
    margin-top: 30px;
}

.tokushu {
	    margin-bottom: 60px;
    padding-top: 50px;
    background-color: #f3f9f2;
}