/*
Theme Name: TAD_xeoryextension
Template: xeory_extension
*/

@import url('../xeory_extension/style.css');

#front-service {
	display: none;
}
.rinen li.ls1 {
	letter-spacing: -.7px;
}

.sei::before {
	content: "正社員";
	display: block;
	font-size: 14px;
	width: 90px;
	text-align: center;
	color: #FFF;
	padding: 7px 0px 5px;
	font-weight: bold;
	margin-bottom: 15px;
	border-bottom: 2px;
	color: yellowgreen;
	border-bottom: 3px solid;
}

.c_cover .company_harf {
	padding: 0 0 0 1%;
}

.c_cover .wrap_main {
	width: 1450px;
}

#front-service {
	display: none;
}

#front-contents {
	display: none;
}

#front-company {
	display: none;
}

#front-contact {
	display: none;
}

.wrap_main {
	overflow: hidden;
	width: 1400px;
	margin: 0 auto;
}

.left_text {
	float: left;
	width: 53%;
}

.right_text {
	float: right;
	width: 45%;
}

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

.section_h {
	font-size: 30px;
	text-align: center;
}

.voice_banner {
	clear: both;
	text-align: center;
	width: 450px;
	margin: 0 auto;
	padding-top: 70px;
}

.company_left {
	float: left;
	width: 30%;
}

.company_right {
	float: right;
	width: 68%;
}

#home_gallery .fbx-link {
	width: 25%;
}

.banner_box {
	text-align: center;
	width: 50%;
	float: left;
}

#banner_section {
	padding: 100px 0;
}

#home_voice_section {
	padding: 100px 0;
}

#home_company {
	padding-bottom: 100px;
}


body {
	background: transparent;
}

.button {
  display: inline-block;
  width: 220px;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
	font-weight:500;
}
.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.button {
  background-color: #333;
  color: #fff;
}
.button:hover {
  background-color: #F3852E;
}

.button:hover {
	text-decoration: none;
}

.section_h::after {
	content: "";
	width: 80px;
	background: #F3852E;
	padding: 1px;
	display: block;
	margin: 0 auto;
	margin-top: 6px;
}

.section_h {
	margin-bottom: 30px;
	font-weight: bold;
	color: #F3852E;
	letter-spacing: 1px;
}

.company_left h3 {
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 20px;
}

.wrap {
	width: 1400px !important;
}

#footer .wrap {
	padding: 10px 0;
}

#side {
	display: none;
}

#content .wrap {
	width: 100% !important;
}

.main-inner {
	margin-right: 0;
}

#content {
	padding: 0;
}

article.page {
	border: 0;
}

#front_main_box {
	padding-top: 100px;
}

#footer-sns {
	display: none;
}

#post-4 .post-header {
	display: none;
}

h1.p_title {
	text-align: center;
	font-weight: 500;
	margin-bottom: 10px;
}

.left_half {
	float: left;
	width: 50%;
	padding: 1%;
}

.right_half {
	float: right;
	width: 50%;
	padding: 1%;
}

.hr_both {
	border: 1px solid transparent !important;
}

.post-content {
	padding: 0px;
}

.owner_title {
	float: right;
	background: #3e3e3e;
}

.owner_title h3 {
	color: #FFF;
	font-size: 16px;
	text-align: center;
	border: 0;
	margin: 0;
	padding: 0;
}

.owner_title h2 {
	text-align: center;
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 26px;
	font-weight: 500;
	background: transparent;
}

.owner_title {
	float: right;
	background: #3e3e3e;
	padding: 21px 24px 24px;
}

.owner_title h2::after {
	padding: .5px;
	background: #FFF;
	display: block;
	content: "";
	margin-bottom: 11px;
}

#post_message .wrap_main {
	margin-top: -95px;
	position: relative;
}

.breadcrumb-area {
	display: none;
}

h1.p_title::after {
	content: "";
	padding: 1px;
	background: #F3852E;
	margin: 0 auto;
	display: block;
	width: 100px;
}


.p_sub_title {
	display: block;
	text-align: center;
	font-size: 18px;
	font-weight: 500;
	margin-top: 8px;
}

h1.p_title {
	margin: 0;
}

.p_header {
	padding: 50px 0;
}

.p_header p {
	margin: 0;
}

.hr_both {
	padding: 20px 0;
}

.post-header {
	display: none;
}


.center_text {
	text-align: center;
}

.concept_box {
	position: relative;
	width: 1200px;
	margin: 0 auto ;
}

.right_concept_cb {
	margin-left: 6%;
}

.count_ab {
	position: absolute;
	background: rgba(255,100,0,.6);
	padding: 15px 30px;
	top: -20px;
	left: -20px;
}

.count_ab h2 {
	color: #FFF;
	background: transparent;
	color: #FFF;
	border: 0;
	margin: 0;
	padding: 0;
	font-weight: bold;
}

.concept_box {
	position: relative;
	width: 1200px;
	margin: 0 auto;
	background: #f3f3f3;
	padding: 10px;
	margin-bottom: 30px;
}

.right_concept_cb h3 {
	font-size: 20px;
	border-bottom: 0;
	font-weight: bold;
	margin-top: 15px;
	padding-bottom: 0;
	color: sienna;
	letter-spacing: 1px;
}

.img_child_box {
	float: left;
	width: 16.66%;
	border: 1px solid #FFF;
}

.img_result_box {
	overflow: hidden;
	position: relative;
	z-index: -1;
}

.env_hover_box {
	width: 1200px;
	margin: 0 auto;
	text-align: center;
	padding: 30px 0;
	margin-bottom: 135px;
}

.footer_entry_area {
	text-align: center;
	margin-bottom: 20px;
}

#footer .row {
	margin-left: 0;
	margin-right: 0;
	width: 100%;
}

#footer .gr6 {
	width: 100%;
}

#footer .gr4 {
	width: 100%;
}

#footer-gnav-ul li {
	float: left;
	width: 20%;
}

#gallery_post .fbx-link {
	float: left;
	width: 25%;
	padding: 1px;
}

.voice_three_result {
	width: 1400px;
	margin: 0 auto;
}



.voice_third_box {
	overflow: hidden;
}

.right_name {
	float: right;
	position: relative;
	margin-top: -55px;
	background: #3f0f0f;
	padding: 16px 30px 10px;
	color: #FFF;
	margin-right: 5%;
}

.left_name {
	float: left;
	position: relative;
	margin-top: -55px;
	background: #3f0f0f;
	padding: 16px 30px 10px;
	color: #FFF;
	margin-left: 5%;
}

.voice_third_box {
	margin-bottom: 100px;
}

.right_name h3, .left_name h3 {
	margin: 0;
	text-align: center;
	padding: 0;
	border: 0;
	font-weight: bold;
}

.right_name h4 , .left_name h4{
	padding: 0;
	margin: 0;
	border: 0;
	padding-top: 7px;
	font-size: 16px;
	font-weight: 500;
}

.right_name h3::after , .left_name h3::after {
	content: "";
	border: ;
	padding: .5px;
	backgroud: ;
	background: #FFF;
	display: block;
	margin-top: 10px;
}

.voice_sc_box {
	overflow: hidden;
	position: relative;
}

.v_left_img {
	float: left;
	width: 65%;
}

.v_right_img {
	float: right;
	width: 65%;
}

.voice_sc_box p {
	clear: both;
	padding: 50px 0;
}

.right_title {
	position: absolute;
	right: 0;
	background: #f99638;
	padding: 1.5% 1% 1%;
	font-weight: bold;
	margin-top: 6%;
	opacity: .85;
}

.left_title {
	position: absolute;
	left: 0;
	background: #f99638;
	padding: 1.5% 1% 1%;
	font-weight: bold;
	margin-top: 6%;
	opacity: .85;
}

.v_main_v {
	padding: 0 2% 2%;
}

.right_title h3 ,.left_title h3{
	color: #FFF;
	border-color: #FFF;
	padding: 2px 18px 8px;
	margin: 0;
	letter-spacing: 1px;
	font-weight:bold;
	border: 0;
}

.voice_third_box a:hover {
	opacity: .7;
}



p.p_interview {
	padding: 0;
	text-align: center;
	letter-spacing: 1px;
	margin-bottom: 0;
}

h5.v_interview {
	text-align: center;
	padding-top: 50px;
	margin-bottom: 0;
	font-size: 18px;
	color: #3e3e3e;
	margin-top: 0;
}

.foogallery-default.hover-effect-tint a:hover::before {
	background-color: rgba(255,100,20, 0.6) !important;
}

.img_child_box.dm1 {
	background: azure;
}

.img_child_box.dm2 {
	background: mistyrose;
}

.img_child_box.dm3 {
	background:#f8feec;
}

.img_child_box.dm4 {
	background:aliceblue;
}

.img_child_box.dm5 {
	background:#fffad6;
}

.img_child_box.dm6 {
	background:#e9ffe9;
}

#home_voice_section {
	transform: skew(0deg, -1deg);
	background: url(/recruit/img/tad/school.png);
	margin: 100px 0;
}

#home_voice_section .wrap_main {
	transform: skew(0deg, 1deg);
}

#front_main_box p {
	font-size: 17px;
	letter-spacing: 1px;
	line-height: 30px;
	font-weight: 500;
}

body p {
	color: #481b1b;
}

/* Icon set - http://ionicons.com */
@import url(https://fonts.googleapis.com/css?family=Raleway:400,500);
@import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);
.snip1264 {
  font-family: 'Raleway', Arial, sans-serif;
  color: #fff;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 0;
  min-width: 100%;
  max-width: 100%;
  width: 100%;
  color: #000000;
  text-align: center;
  background-color: #ffffff;
}
.snip1264 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.snip1264 img {
  max-width: 100%;
  vertical-align: top;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
  width: 100%;
}
.snip1264 figcaption {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  z-index: 1;
}
.snip1264 h2,
.snip1264 p {
  margin: 0;
  width: 100%;
  left: 0;
  opacity: 0;
}
.snip1264 h2 {
  padding: 0 30px;
  display: inline-block;
  font-weight: 400;
  text-transform: uppercase;
  bottom: 50%;
  -webkit-transform: translateX(-100px);
  transform: translateX(-100px);
}
.snip1264 h2 span {
  font-weight: 400;
}
.snip1264 p {
  top: 50%;
  padding: 0 50px;
  font-size: 0.8em;
  font-weight: 500;
  -webkit-transform: translateX(-50px);
  transform: translateX(-50px);
}
.snip1264 .icons {
  -webkit-transform: translateX(50px);
  transform: translateX(50px);
  opacity: 0;
}
.snip1264 i {
  padding: 2px 5px;
  display: inline-block;
  font-size: 28px;
  color: #000000;
  text-align: center;
  opacity: 0.5;
}
.snip1264 i:hover {
  opacity: 1;
}
.snip1264 a {
  text-decoration: none;
}
.snip1264:hover img,
.snip1264.hover img {
  opacity: 0.6;
}
.snip1264:hover h2,
.snip1264.hover h2,
.snip1264:hover p,
.snip1264.hover p,
.snip1264:hover .icons,
.snip1264.hover .icons {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.snip1264:hover h2,
.snip1264.hover h2,
.snip1264:hover .icons,
.snip1264.hover .icons {
  opacity: 1;
}
.snip1264:hover p,
.snip1264.hover p {
  opacity: 0.7;
}

.snip1264 a {
	color: #3e3e3e;
}

.snip1264 h2 {
	font-size: 22px;
}

.snip1264 p {
	font-size: 18px;
	padding:0 30px ;
	color: #000;
}

.snip1264 figcaption {
	text-align: left;
}

#home_voice_section .wrap_main {
	width: 100%;
}

.snip1264 h2::after {
	content: "";
	width: 140px;
	display: block;
	padding: 1px;
	background: crimson;
	margin-bottom: 2px;
}

.right_concept_cb p {
	font-weight: 500;
	letter-spacing: 2px;
	line-height: 30px;
}

h3.comcept_h {
	text-align: center;
	border-bottom: 0;
	font-weight: 500;
	color: #3e3e3e;
	margin-bottom: 10px;
}

.rinen {
	padding: 0;
	margin: 0;
}

.rinen li {
	list-style: none;
	padding: 0;
	text-align: left;
	margin: 0 auto;
	font-size: 18px;
	letter-spacing: 1px;
	margin-bottom: 5px;
}

.rr {
	float: left;
	width: 24%;
	margin: .5%;
	background: #f3f3f3 !important;
	height: 120px;
	padding: 1% 1% 0;
}

dl.rr dd {
	margin-left: 0;
	padding-left: 0;
	font-size: 15px;
	margin-top: 5px;
}

h3.comcept_h {
	font-size: 22px;
	letter-spacing: 1px;
}

.comcept_h.mt_none {
	margin-top: 0;
}

.comcept_h::after {
	content: "";
	display: block;
	width: 100px;
	padding: 5px;
	background: burlywood;
	margin-top: 10px;
	color: #FFF;
	font-size: 12px;
}

h1.p_title {
	font-size: 28px;
	color: #F3852E;
}

.right_half p {
	line-height: 30px;
}

.left_half p {
	line-height: 30px;
}

.f_entry_banner {
	width: 360px;
	border: 1px solid;
}

#logo {
	width: 150px;
	padding: 19px 0 12px !important;
}

.footer-copy {
	color: #FFF;
}

#header {
	background: #F3852E;
}

#gnav {
	background: #F3852E;
}

#gnav ul li a {
	background: #F3852E;
}

#gnav ul li.current-menu-item a {
	background: #F3852E;
}

#gnav ul li a:hover {
	background: #4a2615;
}

table.type03 {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	border-left: 3px solid #369;
}
table.type03 th {
	width: 147px;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	color: #153d73;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;

}
table.type03 td {
	width: 349px;
	padding: 10px;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.timeline {
  list-style: none;
}
.timeline > li {
  margin-bottom: 60px;
}

/* for Desktop */
@media ( min-width : 640px ){
  .timeline > li {
    overflow: hidden;
    margin: 0;
    position: relative;
  }
  .timeline-date {
    width: 110px;
    float: left;
    margin-top: 20px;
  }
  .timeline-content {
    width: 75%;
    float: left;
    border-left: 3px #e5e5d1 solid;
    padding-left: 30px;
  }
  .timeline-content:before {
    content: '';
    width: 12px;
    height: 12px;
    background: #6fc173;
    position: absolute;
    left: 106px;
    top: 24px;
    border-radius: 100%;
  }
}

.timeline-content h3 {
	margin-top: 0;
	font-size: 20px;
	border-bottom: 0;
}

.company_harf {
	float: left;
	width: 50%;
	padding: 0 1%;
}

table.type03 th {
	background: #f3f3f3 !important;
}

/***** ?R???^?N?g?t?H?[?€ *****/
.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;
}
 
.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;
}
}

.any-contactform7 {
	padding: 5px;
	background: #DE8686;
	color: #fff;
	border-radius: 3px;
	margin-right: 3px;
}

.entry_wrap_main {
	width: 1000px;
	margin: 0 auto;
}

h4.privacy_p {
	font-size: 18px;
	border-left: 0;
	padding-left: 0;
	color: #3e3e3e;
	border-bottom: 1px dotted;
	padding-bottom: 5px;
}

.comcept_h.e_n::after {
	content: "entry info";
}

.comcept_h.p_p::after {
	content: "privacy policy";
}

.comcept_h.c_i::after {
	content: "company info";
}

.comcept_h.c_h::after {
	content: "history";
}

.comcept_h.c_a::after {
	content: "access map";
}

.comcept_h.mt_none.c_p::after {
	content: "C identity";
}

.comcept_h.w_p::after {
	content: "A philosophy";
}

.comcept_h.m_r::after {
	content: "make rules";
}

.comcept_h.w_t::after {
	content: "plan of action";
}

.comcept_h::after {
	background: cadetblue;
}

#header .wrap.clearfix {
	width: 100% !important;
	padding-left: 20px;
}

.cp_img {
	width: 85%;
	margin-top: 20px;
}

.comcept_h.c_p::after {
	content: "career path";
}

.cp_three {
	float: left;
	width: 31.33%;
	padding: 2%;
	margin: 0 1%;
	background: #f3f3f3;
}

.cpp span {
	font-weight: bold;
}

h4.cp_h {
	border: 0;
	margin-left: ;
	padding-left: 0;
	border-bottom: 1px dotted;
	padding-bottom: 3px;
	font-size: 20px;
	color: #3e3e3e;
	margin-top: 0;
}

h5.cpp_s {
	margin-top: 20px;
	color: yellowgreen;
	border-left: 3px solid;
	padding-left: 9px;
	letter-spacing: 1px;
	font-size: 17px;
}

p.cpp {
	font-size: 14px;
}

.cp_one {
	clear: both;
	background: #f3f3f3;
	padding: 2%;
	margin-top: 2%;
}

table.type06 {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
table.type06 th {
	width: 150px;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
}
table.type06 td {
	width: 350px;
	padding: 10px;
	vertical-align: top;
}
table.type06 .even {
	background: #efefef;
}

#home_company .company_left span {
	font-weight: bold;
	font-size: 18px;
	line-height: 40px;
}

body {
	background: url(/recruit/img/tad/crossword.png);
}

.rec_about {
	display: flex;
	flex-wrap: wrap;
}

.rec_four_box {
	width: 33.33%;
	padding: 1%;
}


.rec_four_box h3 {
	font-size: 18px;
	padding-top: 0;
	letter-spacing: 1px;
	padding-bottom: 10px;
	border-bottom: 0;
	color: #603313;
	font-weight: bold;
	margin-bottom: 10px;
}

table.type06 td {
	font-size: 15px;
}

table.type06 td {
	font-size: 15px;
}


article.page {
	background: transparent;
}

.p_sub_title {
	color: #F3852E;
	letter-spacing: 1px;
}

.owner_title {
	background: #3f0f0f;
}

.pagetop span i::after {
	content: "page top";
	font-size: 11px;
	display: block;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
}

.pagetop span {
	border-radius: 0px;
	background: #F3852E;
	width: 60px;
	height: 60px;
}

#gnav ul li a {
	font-weight: 500;
}

.right_half h3 {
	font-weight: 500;
	margin-top: 0;
}

.right_half p, .left_half p {
	font-size: 16px;
	line-height: 32px;
}

ul.rinen {
	font-weight: 500;
}

table.type06 th {
	background: #f3f3f3 !important;
	color: darkseagreen;
	font-size: 15px;
	letter-spacing: 1px;
}

.company_harf {
	margin-bottom: 30px;
}

#company_concept {
	background: url(/recruit/img/tad/box.png) , url(/recruit/img/tad/concept_back.jpg) fixed;
}

#company_concept p {
	color: #FFF;
	text-shadow: 1px 1px 6px #000;
}

#company_concept h3 {
	color: #FFF;
	text-shadow: 1px 1px 4px #000;
}


.comcept_h.c_p::after, .comcept_h.w_p::after {
	text-shadow: none;
}

ul.rinen {
	margin-left: 0;
}

#company_concept .rinen li {
	color: #FFF;
	text-shadow: 1px 1px 4px #000;
}

.c_cover {
	background: rgba(0,0,0,.5);
	padding: 100px 0;
}

.home #company_concept {
	margin-bottom: 100px;
}

#company_concept .section_h {
	color: #FFF;
}

#company_concept .section_h::after {
	background-color: #F3852E;
}



.home #company_concept .button:hover {
	background: #F3852E;
	border: 1px solid transparent;
}

.home #company_concept .wrap_main {
	text-align: center;
}

.home #company_concept .button {
	border: 1px solid;
	background: transparent;
	margin-top: 40px;
}



.home .comcept_h.w_p::after {
	background: #F3852E;
}

.home .comcept_h.c_p::after {
	background: #F3852E;
}

.home #company_concept {
	margin-bottom: 100px;
}

.voice_banner a img:hover {
	opacity: .6;
}

.banner_box img {
	border: 2px solid #F3852E;
	padding: 10px 20px;
	width: 400px;
}

.home .comcept_h {
	margin-bottom: 30px;
}

.wpcf7-form-control.wpcf7-submit.btn.btn-success.btn-lg {
	background: #F3852E;
	margin-bottom: 30px;
}

.comcept_h.w_p.mt_none {
	font-weight: bold;
}

.comcept_h.c_p.mt_none {
	font-weight: bold;
}

.footer-01 {
	background: #3e3e3e;
}

.pagetop span {
	opacity: .9;
}

.footer-02 {
	background: #241111;
}

#footer-brand-area {
	border-bottom: 1px solid #aaa;
}

#footer {
	border-top: 6px solid #241111;
}

.rec_logo_img {
	float: left;
	width: 24%;
	margin: .5%;
}

.wrap_main.mb_fifty {
	margin-bottom: 50px;
}

.part::before {
	content: "パートタイム";
	display: block;
	font-size: 14px;
	width: 90px;
	text-align: center;
	color: #FFF;
	padding: 7px 0px 5px;
	font-weight: bold;
	margin-bottom: 15px;
	border-bottom: 2px;
	color: tomato;
	border-bottom: 3px solid;
}

.jun::before {
	content: "準社員";
	display: block;
	font-size: 14px;
	width: 90px;
	text-align: center;
	color: #FFF;
	padding: 7px 0px 5px;
	font-weight: bold;
	margin-bottom: 15px;
	border-bottom: 2px;
	color: cornflowerblue;
	border-bottom: 3px solid;
}


.h_icon {
	width: 33px;
	margin-right: 8px;
	padding-right: 3px;
}

.h3_icon {
	width: 34px;
	margin-right: 0px;
	padding-right: 10px;
	padding-bottom: 5px;
}

.required-contactform7 {
	font-size: 14px;
	margin-right: 9px;
}

.any-contactform7 {
	font-size: 14px;
	margin-right: 9px;
	background: steelblue;
}

.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
	font-size: 14px;
}

table.type03 td {
	width: 75%;
}

.concept_box {
	margin-top: 35px;
}

.comcept_h span {
	display: block;
	font-size: 16px;
	margin-top: 15px;
}

.comcept_h.s_a::after {
	content: "service";
}

.comcept_h.s_a.mt_none {
	border-bottom: 1px solid #DDD;
}

.comcept_h.r_a {
	border-bottom: 1px solid #DDD;
}

.comcept_h.r_a::after {
	content: "recruit info";
}

.cp_img_sp {
	display: none;
}

.wpcf7-list-item {
	display: block;
	float: left;
	width: 100%;
}



/* PC MIDDLE */


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

.wrap_main {
	width: 95%;
}

#gnav ul li a {
	font-size: 14px;
}

.wrap {
	width: 95% !important;
}

#front_main_box p {
	font-size: 16px;
	letter-spacing: 0;
}

.voice_three_result {
	width: 100%;
}

.count_ab {
	left: 0;
}

.rec_four_box h3 {
	font-size: 17px;
}

.c_cover .wrap_main {
	width: 95%;
}

}


/* PC MIDDLE END */



/* PC MINI */


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


body.home .wrap {
	width: auto;
	margin: 0;
}

#logo {
	margin: 0 auto !important;
	display: block;
	text-align: center;
	float: unset !important;
}

#header .wrap.clearfix {
	padding-left: 0;
}

#header-right {
	float: unset;
}

#header-gnav-area {
	float: unset;
}

#gnav {
	float: unset;
	text-align: center;
}
#gnav ul li a {
	padding: 10px 9px;
}

#header-right {
	height: 48px;
}

#front_main_box p {
	line-height: 27px;
}

.snip1264 h2 {
	font-size: 18px;
}

.snip1264 p {
	font-size: 15px;
}

.voice_banner {
	width: 350px;
}

.rinen li {
	font-size: 16px;
}

#footer .wrap {
	margin: 0 auto;
}

.wrap, .one-column #content .wrap {
	margin-left: 0;
	margin-right: 0;
}

.owner_title h2 {
	font-size: 22px;
}

.right_half h3 {
	font-size: 20px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.right_half p, .left_half p {
	font-size: 15px;
	line-height: 27px;
}

.banner_box img {
	width: 300px;
}

.right_name h3, .left_name h3 {
	font-size: 20px;
}

.right_name h4, .left_name h4 {
	font-size: 14px;
}

.cp_three {
	float: left;
	width: 48%;
	margin: 1%;
}

.rec_four_box {
	width: 50%;
	padding: 1%;
}

.timeline-content h3 {
	font-size: 18px;
}

#front_main_box .left_text img {
	width: 250px;
}

.env_hover_box {
	width: 100%;
}

.f_entry_banner {
	width: 320px;
}

.cp_img {
	width: 90%;
}

}

/* PC MINI END */


/* HISTORY */
@media screen and (max-width:1090px){

.timeline-content::before {
	display: none;
}

.entry_wrap_main {
	width: 95%;
}
}

/* HISTORY END */



/* TAB */
@media screen and (max-width:991px){

#header .wrap {
	margin: 0px;
}

#logo {
	float: left;
	margin-left: 12px !important;
}

#header-right {
	height: auto;
}

#header-right {
	float: right;
}

#header-nav-btn {
	position: absolute;
	top: 0;
	right: 0;
}

#gnav-sp {
	background: #241111;
}

#header-nav-btn a {
	background: #241111;
}

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

.right_text {
	float: right;
	width: 100%;
	text-align: center;
}

.home .right_text {
	padding: 10% 10% 5%;
}

.company_harf {
	width: 100%;
}

.comcept_h.mt_none.c_p:after {
	display: none;
}

.comcept_h.w_p.mt_none::after {
	display: none;
}

.home #company_concept h3.comcept_h {
	font-size: 18px;
}

.section_h {
	font-size: 24px;
}

.company_harf li {
	text-align: center;
}

article.page .post-content {
	padding: 0px;
}

.right_name h3, .left_name h3 {
	font-size: 18px;
}

.right_name h4, .left_name h4 {
	font-size: 13px;
}

#logo {
	padding: 20px 0 13px !important;
}

h1.p_title {
	font-size: 26px;
}

h1.p_title::after {
	width: 80px;
}

.p_sub_title {
	font-size: 17px;
}

.banner_box img {
	width: 260px;
}

.v_left_img {
	width: 100%;
}

.v_right_img {
	width: 100%;
}

.right_title h3, .left_title h3 {
	color: #f99638;
}

.right_title {
	position: unset;
	right: unset;
	background: unset;
	padding: unset;
	font-weight: unset;
	opacity: unset;
	color: #f99638;
	clear: both;
}

.left_title {
	position: unset;
	left: unset;
	background: unset;
	padding: unset;
	font-weight: unset;
	margin-top: unset;
	opacity: unset;
	clear: both;
}

.right_title h3, .left_title h3 {
	padding: 0;
	text-align: center;
	padding-top: 50px;
	font-size: 20px;
}

h5.v_interview {
	font-size: 17px;
}

p.p_interview {
	font-size: 15px;
	text-align: left;
}

h5.v_interview {
	text-align: left;
}

.rec_four_box {
	width: 100%;
	padding: 1%;
}

.left_half {
	width: 100%;
	padding: 3% 5%;
}

.right_half {
	width: 100%;
	padding: 0 5%;
}

.c_cover {
	padding: 60px 0 30px;
}

.home .c_cover {
	padding: 100px 0;
}

.home .comcept_h.mt_none.c_p {
	margin-bottom: 10px;
}

.home .comcept_h.w_p.mt_none {
	margin-bottom: 10px;
}

#front_main_box {
	padding-top: 60px;
}

#company_concept .section_h {
	margin-bottom: 50px;
}

.rr {
	float: left;
	width: 49%;
	margin: .5%;
	background: aliceblue;
	height: 112px;
	padding: 1.5% 2% 0;
}

.rr {
	margin-bottom: .5% !important;
}

h3.comcept_h {
	font-size: 20px;
}

.concept_box {
	width: 100%;
}

.count_ab {
	padding: 15px 15px;
}

.cp_three {
	float: left;
	width: 100%;
	margin: 1% 0;
	padding: 5%;
}

.timeline > li {
	list-style: none;
}

.timeline-content h3 {
	text-align: left;
}

.cp_one {
	padding: 5%;
}

.env_hover_box {
	padding: 30px 15px;
}

#footer-list-area {
	padding: 0 !important;
}

#footer-cont-content {
	padding: 0 !important;
}

.f_entry_banner {
	width: 280px;
}

.wpcf7-form td {
	overflow: hidden;
}

.cp_one {
	margin-top: -8%;
}

}
/* TAB END */





/* SP SIDE */
@media screen and (max-width:767px){

#header-nav-btn {
	position: absolute;
	top: 18px;
	right: 20px;
}

#header-nav-btn a {
	padding: 10px 12px;
}

#logo {
	width: 100%;
}

#logo img {
	width: 110px;
}

#logo {
	margin-left: 0 !important;
}

#front_main_box p {
	text-align: left;
}

#front_main_box h2 {
	margin-top: 0;
}

.voice_three_box {
	width: 100%;
}

#company_concept {
	background: #241111;
}

#home_voice_section {
	margin: 100px 0 -12px;
}

#home_voice_section {
	padding: 50px 0 100px;
}

.company_harf li {
	text-align: left;
}

.home #company_concept {
	margin-bottom: 60px;
}

#gnav-sp #header-cont-content li a:hover {
	text-decoration: none;
}

#gnav-sp #header-cont-content li a {
	font-weight: 500;
}

.left_half {
	padding: 3% 0%;
}

.right_half {
	padding: 0 0%;
}

.comcept_h::after {
	margin-top: 15px;
}

#gallery_post .fbx-link {
	width: 33.33%;
}

.pagetop {
	bottom: 18px;
	right: 18px;
}

.center_text {
	text-align: left;
}

.cp_img {
	display: none;
}

.cp_img_sp {
	display: block;
}

#footer-gnav-ul li {
	width: 25%;
}

#footer-gnav-ul {
	padding: 0 10px !important;
}

#footer .footer-logo {
	text-align: center;
	padding-top: 10px;
}

.post-content table {
	border: 0;
}

table.type06 {
	border-top: 0;
	border-bottom: 0;
}

.post-content table {
	white-space: unset;
}

table.type03 {
	font-size: 14px;
}

.entry_wrap_main {
	font-size: 14px;
}

h4.privacy_p {
	font-size: 16px;
}

#footer-gnav-ul li {
	width: 33.33%;
}

.cp_img_sp {
	margin-top: -30px;
}

.right_title h3, .left_title h3 {
	line-height: 28px;
}

.right_name {
	margin-top: -45px;
}

.left_name {
	margin-top: -45px;
}

span.wpcf7-list-item {
	margin: 0 !important;
}
.br-sp {
	display: none;
}

.sp_m_space {
	display: none;
}


}
/* SP SIDE END */


/* SP */
@media screen and (max-width:480px){

#front_main_box p {
	font-size: 14px;
	line-height: 24px;
}

#front_main_box {
	padding-top: 20px;
}

.home .right_text {
	padding: 15% 0% 5%;
}

.button {
	width: 180px;
	font-size: 14px;
}

#home_voice_section .section_h {
	margin-bottom: 50px;
}

#home_voice_section {
	padding: 25px 0 100px;
}

.voice_banner {
	width: 240px;
}

.home .c_cover {
	padding: 40px 0 70px;
}

.h_icon {
	width: 27px;
}

.section_h {
	font-size: 20px;
}

.section_h::after {
	margin-top: 2px;
}

#company_concept .rinen li {
	font-size: 14px;
}

.home #company_concept {
	margin-bottom: 0px;
}

.env_hover_box {
	padding: 30px 15px 0;
	margin-bottom: 100px;
}

.env_hover_box p {
	font-size: 14px;
}

.f_entry_banner {
	width: 220px;
}

#footer-gnav-ul li {
	width: 50%;
}

.owner_title {
	padding: 11px 14px 14px;
}

.owner_title h2 {
	font-size: 18px;
}

.owner_title h3 {
	font-size: 13px;
}

#post_message .wrap_main {
	margin-top: -70px;
}

.right_half h3 {
	font-size: 16px;
	line-height: 28px;
}

h1.p_title {
	font-size: 22px;
}

.p_sub_title {
	font-size: 15px;
}

.p_header {
	padding: 25px 0;
}

.banner_box {
	width: 100%;
	padding: 10px;
}

.right_name {
	float: unset;
	margin-top: -32px;
	margin-right: 0;
	padding: 16px 30px 10px;
}

.right_name h4, .left_name h4 {
	text-align: center;
}

.left_name {
	float: unset;
	margin-left: 0;
	margin-top: -32px;
	padding: 16px 30px 10px;
}

.voice_third_box {
	margin-bottom: 20px;
}

.voice_third_box a:hover {
	text-decoration: none;
}

.right_half p, .left_half p {
	font-size: 14px;
	line-height: 25px;
}

.right_name h3, .left_name h3 {
	font-size: 16px;
}

.banner_box img {
	width: 240px;
}

.f_entry_banner {
	margin-bottom: 20px;
}

#footer-content-area #footer-cont-about li a, #footer-content-area #footer-cont-content li a {
	font-size: 12px;
}

.footer-02 .footer-copy {
	font-size: 11px;
}

.right_title h3, .left_title h3 {
	text-align: left;
	font-size: 18px;
}

h5.v_interview {
	font-size: 16px;
}

p.p_interview {
	font-size: 14px;
}

h5.v_interview {
	padding-top: 40px;
}

.right_title h3, .left_title h3 {
	padding-top: 30px;
}

#gnav-sp .wrap {
	padding: 10px 0;
}

article .c_cover {
	padding: 30px 0 50px;
}

article .company_harf {
	margin-bottom: 0;
}

h3.comcept_h {
	font-size: 18px;
}

.h3_icon {
	width: 27px;
}

.comcept_h.m_r {
	text-align: left;
}


.rr {
	width: 99%;
	margin: .5%;
	height: 100px;
	padding: 3.5% 4% 0;
}

h3.comcept_h {
	line-height: 28px;
}

.comcept_h::after {
	text-align: center;
	line-height: 12px;
}

article ul.rinen {
	margin-bottom: 0;
}

.comcept_h.w_t {
	text-align: left;
}

.count_ab h2 {
	font-size: 16px;
}

.count_ab {
	padding: 5px 10px;
}

.right_concept_cb h3 {
	font-size: 16px;
	line-height: 28px;
}

.right_concept_cb p {
	letter-spacing: 1px;
	line-height: 24px;
	font-size: 14px;
}

.right_concept_cb h3 {
	margin-bottom: 10px;
}

.wrap_main {
	width: 93%;
}

.owner_title h2 {
	font-size: 16px;
}

.owner_title h3 {
	font-size: 11px;
}

.owner_title {
	padding: 7px 12px 12px;
}

.right_concept_cb {
	margin-left: 0;
}

#gallery_post .fbx-link {
	width: 50%;
}

.center_text {
	font-size: 14px;
}

h4.cp_h {
	font-size: 17px;
}

h5.cpp_s {
	font-size: 16px;
}

.cp_one {
	margin-top: -54px;
}

.rec_logo_img {
	width: 49%;
}

.comcept_h span {
	text-align: left;
	font-size: 14px;
}

.comcept_h.r_a {
	margin-top: 0;
}

.rec_four_box h3 {
	font-size: 16px;
}

table.type06 th {
	font-size: 14px;
}

table.type06 td {
	font-size: 14px;
}

ul.timeline {
	margin-left: 0;
}

p.timeline-date {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0;
}

.timeline-content h3 {
	text-align: left;
	font-size: 16px;
	padding-bottom: 0;
	padding-top: 10px;
}

.entry_wrap_main {
	width: 93%;
}

#logo {
	padding: 10px 0 5px !important;
}

#header-nav-btn {
	top: 10px;
}

}