@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

body {
font-family:"Noto Sans Japanese", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "epg-gaiji";
}

:root {
  --color-blue:#122081;
  --color-orange:#e6531d;
  --color-gray:#f1f1f1;
  --color-blue-hover:#4e5cbb;
  --color-orange-hover:#f5926e;
  --main-lh: 1.5;
}

#wrapper {
position:relative;
}

ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

a {
	text-decoration:none;
	color:#000;
}

.footer_logo a {
  cursor: pointer;
}

body {
	font-size:16px;/* webフォント ローカル時 */
	line-height:1.5;/* webフォント ローカル時 */
	margin: 0;
	padding: 0;
	color: #231815;
	-webkit-text-size-adjust: 100%;
	min-width:1280px;/* iPad右切れハック */
}

.smp { display: none; }
.tut_gmenu li.smp { display: none; }
.footer_menu ul.smp { display: none; }

a {
	text-decoration:none;
}

@media screen and (min-width: 1279px) {
a:hover {	color:#2ebfce;	color:#6d6d6d; }
a:hover img { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; }
}

.flt-left {
	float:left;
}

.flt-right {
	float:right;
}

#content_main {
	padding:0 0 4em 0;
}

.container {
	clear: both;
 width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.content {
	clear: both;
 width: 1280px;
	margin: 0 auto;
}

.inner_content {
	clear: both;
 width: 1000px;
	overflow: hidden;
	margin: 0 auto 0;
}




/* フェードイン */

.fade_in {
    animation: fadeIn 0.4s ease 0s 1 normal;
    -webkit-animation: fadeIn 0.4s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}



/* 電話リンク */

@media (min-width: 751px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}


/* 外部リンク */

.company_detail a[href^="http"] {
	background:url(../img/outbound_link.png) no-repeat right 0em top 0.25em;
	padding-right:4.0em;
}



.w100 { width:100%; }
.w90 { width:90%; }
.w80 { width:80%; }
.w70 { width:70%; }
.w60 { width:60%; }
.w50 { width:50%; }
.w40 { width:40%; }
.w30 { width:30%; }
.w20 { width:20%; }
.w10 { width:10%; }





/* ヘッダー */


/** トップページ **/

.top_header_container {
	display:block;
	width:100%;
	height:800px;
	overflow:hidden;
	background-image:url(../img/top_img01.jpg);
	background-size:cover;
}

.top_logo_recruit {
	display:block;
	height:110px;
	overflow: hidden;
}

.top_header_logo {
	display:block;
	float:left;
	height:110px;
}

.top_header_logo img {
	width:174px;
	margin:2em 0 0 140px;
}


/** 第二階層 **/

.sec_header_container {
	display:block;
	width:100%;
	height:80px;
	overflow:hidden;
}

.sec_logo_recruit {
	display:block;
	height:80px;
	overflow: hidden;
}

.sec_header_logo {
	display:block;
	float:left;
	height:80px;
}

.sec_header_logo img {
	width:132px;
	margin:0.8em 0 0 140px;
}


/* ヘッダーリクルートボタン */


/** トップページ **/
.top_header_recruit {
  display: flex;
  justify-content: center;
  align-items: center;
	width:250px;
	height:110px;
	background-color:var(--color-orange);
	color:#fff;
	float:right;
}

.top_header_recruit .header_recruit {
	font-size:150%;
	text-align:center;
}

.top_header_recruit .header_recruit span {
	font-size:58%;
	display:block;
}

/** 第二階層 **/
.sec_header_recruit {
  display: flex;
  justify-content: center;
  align-items: center;
	width:200px;
	height:80px;
	background-color:var(--color-orange);
	color:#fff;
	float:right;
}

.sec_header_recruit .header_recruit {
	font-size:125%;
	text-align:center;
}

.sec_header_recruit .header_recruit span {
	font-size:60%;
	display:block;
}

@media screen and (min-width: 1279px) {
.top_header_recruit:hover,
.sec_header_recruit:hover {
	background-color:var(--color-orange-hover);
	color:#fff;
}
}


/* グローバルメニュー */


.top_header_gmenu {
	width:100%;
	height:80px;
	overflow: hidden;
}

.top_header_gmenu .transport_gmenu {
	clear:both;
	width:1058px;
	margin:0 auto;
}


.sec_header_gmenu {
	width:618px;
	height:80px;
	margin-left:140px;
	overflow: hidden;
	float:left;
}

.sec_header_gmenu .transport_gmenu {
	clear:both;
	width:100%;
	margin:0 auto;
}

.top_header_gmenu .transport_gmenu li a {
	font-size:112.5%;
}

.sec_header_gmenu .transport_gmenu li a {
}

.top_header_gmenu .gmenu_message {	width:204px; }
.top_header_gmenu .gmenu_service {	width:152px; }
.top_header_gmenu .gmenu_company {	width:149px; }
.top_header_gmenu .gmenu_safety  {	width:220px; }
.top_header_gmenu .gmenu_recruit {	width:151px; }
.top_header_gmenu .gmenu_contact {	width:182px; }

.sec_header_gmenu .gmenu_message {	width:142px; }
.sec_header_gmenu .gmenu_service {	width: 95px; }
.sec_header_gmenu .gmenu_company {	width: 95px; }
.sec_header_gmenu .gmenu_safety  {	width:160px; }
.sec_header_gmenu .gmenu_contact {	width:126px; }



.transport_gmenu ul {
	display:table;
	width:100%;
	height:80px;
}

.transport_gmenu ul li {
	float:left;
}

.transport_gmenu li a {
	display:table-cell;
	vertical-align:middle;
	height:80px;
	line-height:1.2;
	text-align:center;
}

.transport_gmenu li a span {
	display:block;
	margin-top:0.3em;
	font-weight:bold;
	font-size:66.7%;
}

.transport_gmenu li a span {
	color:#414dae;
}

@media screen and (min-width: 1279px) {

.transport_gmenu li a:hover {
	color:#6d6d6d;
}

.transport_gmenu li:hover a span{
	color:#4e5cbb;
}
}

x.transport_gmenu li.selected a {
	background-color:#444444;
}

x.transport_gmenu li.selected a span {
	color:#fff;
	text-shadow: 1px 2px 2px #000;
}




/* ページの先頭へ */

#to_pagetop {
	display:block;
	text-align:center;
	margin:3em auto 0em;
	float:right;
	
    position: fixed;
    bottom: 10px;
    right: 10px;
				
				z-index:10;
}

#to_pagetop span {
    position: relative;
  x  padding-left: 10px;
	background-color:var(--color-blue);
				opacity:0.6;
	display:block;
				width:62px;
				height:62px;
}

#to_pagetop span:before {
    content: "";
    position: absolute;
    top: .65em;
    left: -1.2em;
    top: 1.6em;
    left: 1.2em;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 1.4em;
    height: 1.4em;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}

#to_pagetop span:hover:before {
    content: "";
    position: absolute;
    top: .65em;
    left: -1.2em;
    top: 1.6em;
    left: 1.2em;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 1.4em;
    height: 1.4em;
    border-top: 1px solid #2ebfce;
    border-right: 1px solid #2ebfce;
}



/* フッター */

#footer {
	position:relative;
	display:block;
	width:100%;
	padding:2.6em 0 0.6em 0;
	background-color:var(--color-blue);
	color:#fff;
	font-size:88%;
}

#footer a {
	color:#fff;
}

#footer content {
x	display:flex;
}

.footer_info {
	display:block;
	overflow:hidden;
}

.footer_info .footer_logo {
	display:block;
	float:left;
}
.footer_info .footer_tel_time {
	float:right;
	border-collapse:collapse;
	border-spacing:0;
	line-height:2.2em;
}
.footer_info .footer_tel_time div {
	display:flex;
	float:right;
}

.footer_tel {
	display:block;
	margin-right:0.3em;
	float:left;
	font-size:280%;
}

.footer_time {
	display:block;
	float:right;
	line-height:1.3em;
}

.contact_bottun {
	padding:2em 0 3em;
}

#footer .contact_bottun a {
	color:var(--color-blue);
}


@media screen and (min-width: 1279px) {
#footer .contact_bottun a:hover { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; }
}


/* フッター　メニュー */

.footer_menu {
	display:flex;
	justify-content: space-between;
}

.footer_menu li {
	position:relative;
	margin-left:1em;
}

.footer_menu li::after {
  display: block;
  content: '';
  position: absolute;
  top: .5em;
  left: -1em;
  width: 6px;
  height: 6px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}


@media screen and (min-width: 1279px) {
.footer_menu li a:hover {
	text-decoration:underline;
}
}


/* フッター　コピーライト */

#footer_copy {
	margin:3em auto 1em;
	text-align:center;
	color:#fff;
}



/* コンテンツ */



/* 共通 */


/* ボタン */

.link_bottun {
	display:block;
	width:290px;
	vertical-align:middle;
}

.link_bottun a {
	position: relative;
 display: block;
 width:100%;
 padding: 0.7em 1.0em;
 color: #fff;
 text-align: center;
	background-color:#72bd4c;
}

x #interview .user_credit .link_bottun a {	background-color:#72bd4c; }
x #review .user_credit .link_bottun a    {	background-color:#f69c31; }


@media screen and (min-width: 1249px) {
	
x #interview .user_credit .link_bottun a:hover {	background-color:#aae689; color: #555; }
x #review .user_credit .link_bottun a:hover    {	background-color:#ffba68; color: #555; }
x #review .user_credit .link_bottun a:hover::before { border-top: solid 2px #555; border-right: solid 2px #555; }

}

.link_bottun a::before {
 content: '';
 width: 10px;
 height: 10px;
 border: 0px;
 border-top: solid 2px #fff;
 border-right: solid 2px #fff;
 -ms-transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
 position: absolute;
 top: 50%;
 left: 85%;
 margin-top: -3px;
}

.blue_bottun a {
	background-color:var(--color-blue);
}

.orange_bottun a {
	background-color:var(--color-orange);
}

.footer_bottun a {
	background-color:#fff;
	color:var(--color-blue);
}

.footer_bottun a::before {
 border-top: solid 2px var(--color-blue);
 border-right: solid 2px var(--color-blue);
}

@media screen and (min-width: 1279px) {
.blue_bottun a:hover {
	background-color:var(--color-blue-hover);
}
.orange_bottun a:hover {
	background-color:var(--color-orange-hover);
}
}




/* ページ下部リクルートエリア */

.bottom_recruit {
	padding:72px 0 72px;
 overflow:hidden;
	background-image:url(../img/recruit_base.jpg);
	background-size:cover;
	background-position:center;
	color:#fff;
	/* background-image:url(../test_img/04/photo_04d.jpg); */
}

.bottom_recruit .content {
	display:block;
x	height:480px;
}

.bottom_recruit .inner_content {
	display:block;
	text-align:center;
x overflow:hidden;
}

.bottom_recruit h3 {
	width:100%;
	font-size:406.3%;
}

.bottom_recruit h3 span {
	display:block;
	font-size:22%;
	margin:-2em 0 2em 0;
}

.bottom_recruit p {
	margin-bottom:2.7em;
}

.bottom_recruit .link_bottun {
	margin:0 auto;
}





/* トップページ */

.top_catch_copy {
	text-align:center;
}

/* コンセプト */

.top_concept {
	background-color:var(--color-blue);
	color:#fff;
	overflow:hidden;
}

.top_concept .content {
	background-image:url(../img/top_concept_base.png);
	background-repeat:no-repeat;
}

.top_concept_inner {
	display:flex;
  justify-content: center;
  align-items: center;
	line-height:2em;
}


/* メニューエリア */

.top_menuarea .inner_content {
	padding:42px 0 42px;
}


.top_menuarea_flex {
	display:flex;
	justify-content: space-between;
}

.top_menuarea_flex li img {
	display:block;
	width:100%;
}



.top_menuarea_flex li {
	display:block;
	width:332px;
	text-align:center;
	background-position:center top;
	background-repeat:no-repeat;
	background-size:contain;
}

.top_menuarea_flex li.top_menuarea_01 {
	background-image:url(../img/top_menuarea_img01_2026.jpg);
}

.top_menuarea_flex li.top_menuarea_02 {
	background-image:url(../img/top_menuarea_img02.jpg);
	/* background-image:url(../test_img/01/photo_01b.jpg); */
}

.top_menuarea_flex li.top_menuarea_03 {
	background-image:url(../img/top_menuarea_img03.jpg);
	/* background-image:url(../test_img/02/photo_02b.jpg); */
}

.bg_mask {
	display:block;
 width: 100%;
	height:250px;
}


.top_menuarea_flex li h3 {
	font-size:315%;
	margin:-0.3em auto 0.2em;
	line-height:0.5em;
	color:var(--color-blue);
x	opacity: 1.0; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; 
}

.top_menuarea_flex li h3 span {
	display:block;
	font-size:28%;
}

.top_menuarea_flex li p {
	padding-bottom:1.6em;
}

@media screen and (min-width: 1279px) {
x a:hover img { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; }
x a:hover img { opacity: 1.0; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; }
x a:hover h3 { background-color: rgba(255,255,255,0.4); }

.top_menuarea_flex li a:hover .bg_mask {
 background: rgba(255, 255, 255, 0.3);
}
}


/* 安全への取り組み */

.top_safety {
	padding:72px 0 72px;
	background-color:var(--color-gray);
 overflow:hidden;
}

.top_safety .content {
	display:block;
	height:480px;
	background-image:url(../img/top_safety_img01.jpg);
	background-position:right;
	background-repeat:no-repeat;
	background-size: 780px 480px;
	/* background-image:url(../test_img/03/photo_03b.jpg); */
}

.top_safety .inner_content {
 overflow:hidden;
}

.top_safety_txt {
	display:block;
	width:400px;
	margin-top:4em;
}

.top_safety h3 {
	width:100%;
	font-size:406.3%;
	line-height:1.1em;
	color:var(--color-blue);
}

.top_safety h3 span {
	display:block;
	font-size:22%;
	margin:-6em 0 0 0;
}

.top_safety_txt p {
	margin-bottom:4.8em;
}





/* 第二階層 */

.sec_pagetitle {
	background-color:#e2e4f4;
	color:var(--color-blue);
	padding:3.8em 0 3.8em;
}

.sec_pagetitle h2 {
	font-size:320%;
	line-height:0.8em;
	text-align:left;
}

.sec_pagetitle h2 span {
	font-size:36%;
	padding-bottom:0.1em;
	border-bottom:solid 2px var(--color-blue);
}

	
h2 span::before,
h3 span::before,
h4 span::before {
	content:"\A" ;
	white-space: pre ;
}




/** メッセージ **/

.sec_message_title .content {
	display:block;
	height:475px;
	background-image:url(../img/message_lead_base_mejika.jpg);
	background-position:right;
	background-repeat:no-repeat;
	background-size: 880px 475px;
	margin-bottom:9em;
}

.message_lead h3 {
	margin-top:3em;
	font-size:206%;
}

.message_identity {
	display:table;
	width:auto;
	margin-top:3em;
	padding:1em 3em;
	background-color:var(--color-blue);
	letter-spacing:0.6em;
	color:#fff;
	vertical-align:middle;
	
	display:flex;
	justify-content: center;
	align-items: center;
	width:30em;;
}

.message_position {
	position:relative;
	display:table-cell;
}

.message_name {
	display:table-cell;
	font-size:175%;
	border-left:solid 1px #fff;
	padding-left:1em;
	margin-left:0.6em;
}



.h3_level_1 {
	font-size:162.5%;
	color:var(--color-blue);
	margin-bottom:1.2em;
}

.photo_right {
	float:right;
	margin-left:2em;
}

.photo_left {
	float:left;
	margin-right:calc( 2em + 28px);
}

.photo_right img {
	width:100%;
	box-shadow: 28px 28px #e2e4f4;
	position:relative;
	margin-bottom:28px;
}

.photo_left img {
	width:100%;
	box-shadow: -28px 28px #e2e4f4;
	position:relative;
	margin-bottom:28px;
}

.content_block {
	overflow:hidden;
	margin-bottom:9em;
}

.content_block p {
	line-height:1.8em;
}

.overf_visible {
	overflow:visible;
}



/*　ページ内リンク　*/

.goto_anchor {
	display:block;
}
.goto_anchor .content {
}
.goto_anchor ul {
	display:flex;
	justify-content: center;
	align-items: center;
	height:8em;
	margin-bottom:3em;
}
.goto_anchor ul li {
	display:block;
	float:left;
	border-right: solid 1px #000;
	padding:0 3em;
}
.goto_anchor ul li:first-child {
	border-left: solid 1px #000;
}
.goto_anchor ul li span {
	color:var(--color-blue);
}





/*　事業内容　*/

#service_vehicle .content {
	display:block;
	background-image:url(../img/service_vehicle.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	margin-bottom:9em;
}

#service_vehicle h3 {
	margin:5.5em 0 1.2em;
	font-size:237%;
}

#service_vehicle h3 span {
	font-size:36.8%;
	color:var(--color-blue);
	font-weight:normal;
}

#service_vehicle .service_text_content {
	display:block;
	width:53%;
	float:left;
}


#service_staffing .content {
	display:block;
	background-image:url(../img/service_staffing.jpg);
	background-position:lef top;
	background-repeat:no-repeat;
	margin-bottom:9em;
}

#service_staffing h3 {
	margin:5.5em 0 1.2em;
	font-size:237%;
}

#service_staffing h3 span {
	font-size:36.8%;
	color:var(--color-blue);
	font-weight:normal;
}

#service_staffing .service_text_content {
	display:block;
	width:53%;
	float:right;
	text-align:right;
}

.service_content_upper {
	width:81%;
	line-height:2.0em;
	margin-bottom:3em;
	text-align:left;
}

.service_content_lead {
	font-size:137.5%;
	font-weight:bold;
	margin-bottom:1.2em;
	text-align:left;
}

.service_content_lower {
	width:100%;
	background-color:#fff;
	margin-bottom:3em;
	padding:2em;
	text-align:left;
}

.service_content_lower strong {
	color:var(--color-blue);
}

.service_content_lower ul {
	display:flex;
	flex-wrap: wrap;
	list-style-type:disc;
}

.service_content_lower ul li {
	width:calc(50% - 1.5em);
	margin:1.0em 0 0 1.5em;
}

#service_staffing .service_content_upper {
	width:81%;
	line-height:2.0em;
	margin-bottom:3em;
	float:right;
}

#service_staffing .service_content_lower {
	width:100%;
	background-color:#fff;
	margin-bottom:3em;
	padding:2em;
	float:right;
}



/* 会社概要 */

h3.company_title {
	display:block;
	width:250px;
	float:left;
	font-size:162.5%;
}

.company_detail {
	display:block;
	width:750px;
	float:left;
		margin-bottom:9em;
}

h3.branch_name {
	font-size:150%;
	color:var(--color-blue);
	margin-bottom:1.2em;
}

#company_info .inner_content {
	margin-top:2em;
}

/** 会社概要 表 **/

#company_info dl,
#company_access dl {
  width: 750px;
  overflow: hidden;
  border-bottom: 1px solid #ccc;
  border-top: none;
		float:left;
		margin-bottom:2em;
}
#company_info dt,
#company_access dt {
  width: 16%;
  float: left;
  padding: 1em 0;
  border-top: 1px solid #ccc;
  box-sizing: border-box;
		font-weight:bold;
}
#company_info dd,
#company_access dd {
  margin-left: 16%;
  padding: 1em 0;
  border-top: 1px solid #ccc;
  background: #fff;
}
#company_info dd:after,,
#company_access dd:after {
  display: block;
  content: "";
  clear: both;
}
#company_info dd ul {
	list-style-type:disc;
}
#company_info dd ul li {
	margin-left:1.2em;
	padding-left:0;
	text-indent:-0.4em;
}
#company_access iframe {
	margin-bottom:5em;
}

@media screen and (max-width: 480px) {
 #company_info dt,
	#company_access dt {
    width: 100%;
    float: none;
  }
 #company_info dd,
	#company_access dd {
    margin-left: auto;
    border-left: none;
  }
}




/* 安全への取り組み */

h3.safety_title {
	display:block;
	font-size:162.5%;
	margin-bottom:1em;
}

/** 安全への取り組み 表 **/

#safety_initiatives dl {
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid #ccc;
  border-top: none;
		float:left;
		margin:0 0 9em;
}
#safety_initiatives dt {
  width: 18%;
  float: left;
  padding: 3em 0 0;
  border-top: 1px solid #ccc;
  box-sizing: border-box;
}
#safety_initiatives dd {
  margin-left: 18%;
  padding: 3em 0;
  border-top: 1px solid #ccc;
  background: #fff;
}
#safety_initiatives dd:after {
  display: block;
  content: "";
  clear: both;
}

#safety_initiatives dt.safety_other {
  width: 27%;
  float: left;
  padding: 4.5em 0 3em;
  border-top: 1px solid #ccc;
  box-sizing: border-box;
		vertical-align:middle;
}

#safety_initiatives dt.safety_other div {
	    position: relative;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    text-align: center;
		background-color:var(--color-blue);
}

#safety_initiatives dt.safety_other div span {
	   position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    color: #fff;
    font-weight: bold;
				font-size:150%;
}

#safety_initiatives dd.safety_other {
	display:flex;
	justify-content:flex-end;
  margin-left: 27%;
  padding: 3em 0;
  border-top: 1px solid #ccc;
  background: #fff;
}
#safety_initiatives dd.safety_other div {
	display:block;
	width:340px;
	margin-left:1.4em;
	text-align:center;
}
#safety_initiatives dd.safety_other div img {
	width:100%;
	margin-bottom:0.8em;
}




#safety_initiatives .safety_detail_txt {
	display:block;
	width:55%;
	float:left;
}
#safety_initiatives dd h3 {
	font-size:150%;
	color:var(--color-blue);
	margin-bottom:1.2em;
}

#safety_initiatives dd img {
	width:340px;
	height:225px;
	float:right;
}


@media screen and (max-width: 480px) {
x #safety_initiatives dt {
    width: 100%;
    float: none;
  }
x #safety_initiatives dd {
    margin-left: auto;
    border-left: none;
  }
}



.subtitle_underline {
	display:inline-block;
	font-size:120%;
	color:var(--color-blue);
	border-bottom:solid 2px var(--color-blue);
}

.overview_explanation {
	margin-bottom:4em;
}

#safety_covid19 ul {
	list-style-type:disc;
	margin:1em 0 4em 2em;
}


#safety_covid19 ol {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	list-style-type:none;
	margin-bottom:9em;
}


#safety_covid19 ol li {
	width:470px;
	height:300px;
	margin-bottom:3em;
}


#safety_covid19 ol li img {
	width:100%;
}



/* お問い合わせ */


#contact_form .overview_explanation {
	margin:3em 0 4em;
}

.rectangle_linearea {
	border:solid 1px var(--color-blue);
	padding:1em 2em 2em;
	display: inline-block;
	margin-bottom:4em;
}

.rectangle_linearea table {
}

.rectangle_linearea table tr {
}

.rectangle_linearea table tr h3 {
	text-align:center;
	color:var(--color-blue);
	margin-bottom:1em;
}

.contact_tel_time {
	float:right;
	border-collapse:collapse;
	border-spacing:0;
	line-height:2.2em;
	text-align:left;
}
.contact_tel_time div {
	display:flex;
}

.contact_tel {
	display:block;
	margin-right:0.3em;
	float:left;
	font-size:280%;
	text-align:left;
}

.contact_tel a {
	color:var(--color-blue);
	font-weight:bold;
}

.contact_time {
	display:block;
	float:right;
	line-height:1.3em;
	text-align:left;
	color:#000;
}




/* メールフォーム */

.inquiryForm {
	display:block;
	width:80%;
	margin:0 auto 8em;
	
	font-size:1.125rem;
}

.inquiryForm dl {
	overflow:hidden;
	margin-bottom:4em;
}

.inquiryForm dt {
	display:inline-block;
	width: 26%;
	padding:0.5em 0;
	vertical-align:top;
	color:#3d3d3d;
	
	font-size:90%;
	font-weight:bold;
}

.inquiryForm dd {
	display:inline-block;
	width:calc(100% - 29%);
	margin-left:1em;
	margin-bottom:1.7em;
	padding:0.3em 0 0 0;
	
	font-size:90%;
}

.radio-text {
	padding-left:0.6em;
}

.ftBox input {
	width:calc(100% - 1em);
	padding:0.8em;
	
	font-size:80%;
}

.ftBox {
	position: relative;
	width: 80%;
	
	width:calc(100% - 1em);
	margin: 0em 0 0em 0.1em;
}

.ftBox input[type=text] {
	font: 15px/24px sans-serif;
	box-sizing: border-box;
	width: 100%;
	
	margin: 0;
}

.ftBox input[type=text], 
.telBox input[type=text], 
.sBox select {
	padding: 0.3em 0.8em 0.3em;
	transition: 0.3s;
	background-color:#e3e3e3;
	outline: none;
}

label input[type=radio] {
	transition: 0.3s;
	border: 1px solid #686868;
	border-radius: 50%;
	outline: none;
}


.telBox input {
	font-size:80%;
	
	font: 15px/24px sans-serif;
	box-sizing: border-box;
	padding: 0.3em 0.8em 0.1em;
	transition: 0.3s;
	background-color:#e3e3e3;
	outline: none;
	
	margin: 0;
}

.teBox textarea {
	font-size:80%;
	
	font: 15px/24px sans-serif;
	box-sizing: border-box;
	width: 100%;
	padding: 0.3em 0.8em 0.1em;
	transition: 0.3s;
	background-color:#e3e3e3;
	outline: none;
	
	margin: 0;
}

.sBox select {
	padding:0.3em 1.8em;
	font-size:80%;
	background-color:#e3e3e3;
	white-space: nowrap;
}

.sRadio span {
	display:inline-block;
	margin:0 1.2em 0 0.3em;
	vertical-align:middle;
	color:#3d3d3d;
	
	font-size:90%;
}

.form_attention_comment {
	font-size:90%;
	margin-left:1em;
	color:#888;
}

.inquiryForm .thanks {
	margin:3em 0 5em;
	font-size:150%;
	text-align:center;
}


/* メールフォーム　任意と必須 */


.inquiryForm dt .req {
	display:inline-block;
	width:3.2em;
	height:1.5em;
	margin:0 0.5em 0 1em;
	padding:0.2em 0.5em 1.7em 0.5em;
	text-align:center;
	font-size:80%;
	color:#fff;
	background-color:var(--color-orange);
	
	float:right;
}

.inquiryForm dt .any {
	display:inline-block;
	width:3.2em;
	height:1.5em;
	margin:0 0.5em 0 1em;
	padding:0.2em 0.5em 1.7em 0.5em;
	text-align:center;
	font-size:80%;
	color:#fff;
	background-color:var(--color-blue);
	
	float:right;
	display:none;
}




/* メールフォーム　ボタン */

.submitButton {
	display:flex;
	justify-content:space-around;
	width:100%;
	vertical-align:middle;
}

.submitButton .form_botton_confirm input,
.submitButton .form_botton_send input {
	clear:both;
 position: relative;
 display: block;
 width:290px;
 padding: 0.7em 1.0em;
 color: #fff;
 text-align: center;
background-image:url(../img/form_bottun_go_base.png);
background-size:contain;
background-position:center center;
background-repeat:repeat-y;
}


.submitButton .form_botton_send input {
 margin-right:calc( 20% - 0.3em);
	float:right;
}

.submitButton .form_botton_back input {
	position: relative;
 display: block;
 width:290px;
 padding: 0.7em 1.0em;
 color: #3d3d3d;
 text-align: center;
	
 margin-left:calc( 20% - 0.3em);
	float:left;
background-image:url(../img/form_bottun_back_base.png);
background-size:contain;
background-position:center center;
background-repeat:repeat-y;
}

@media screen and (min-width: 1279px) {

.submitButton .form_botton_confirm input:hover, 
.submitButton .form_botton_send input:hover {
	opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)";
}

.submitButton .form_botton_back input:hover {
	opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)";
}
}

.contact_alert {
	color: #e84d4d;
	font-size:88%;
	font-weight:bold;
	margin: 0.2em 0 0em 0em;
}

dl.contact_confirm {
	border-top:solid 1px #d5d5d5;
	padding:1em 0 0 0;
}

.contact_confirm dt {
	padding:0;
	text-align:left;
	font-weight:bold;
	color:var(--color-blue);
}

.contact_confirm dd {
	display:inline-block;
	width:100%;
	margin:0 0 1em 0;
	padding:1em 0 1em 2em;
	vertical-align:top;
	font-size:112.5%;
	font-size:100%;
	color:#3d3d3d;
	border-bottom:solid 1px #d5d5d5;
}













/* リクルート */

.recruit_header_container {
	display:block;
	width:1280px;
	height:800px;
	background-image:url(../img/recruit_header_image.jpg);
	margin-bottom:8em;
	/* background-image:url(../test_img/09/photo_09.jpg);*/
}

.recruit_header_menu {
	display:block;
	width:100%;
	margin-top:40px;
	float:left;
}

.recruit_header_logo {
	display:block;
	float:left;
	height:110px;
}

.recruit_header_logo img {
	width:174px;
	margin:0 0 0 150px;
}

.recruit_header_bottun {
	float:right;
}

.recruit_header_pagetitle {
	display:block;
	margin-bottom:11.4em;
}

.recruit_header_pagetitle h2 {
	font-size:280%;
	margin:0 0 0 150px;
	line-height:0;
}

.recruit_header_container ul {
	display:block;
	margin:0 0 0 150px;
}

.recruit_header_container ul li {
	display:block;
	margin-bottom:2.3em;
	font-size:112.5%;
}



#human_resources,
#recruit_message,
#recruit_service,
#recruit_interview,
#recruit_contact,
#recruit_requirements {
	margin-bottom:10em;
}

#human_resources .content {
	background-image:url(../img/recruit_resources_01.jpg);
	background-size:600px 500px;
	background-position:right top;
	background-repeat: no-repeat;
	/* background-image:url(../test_img/10/photo_10b.jpg); */
}

#human_resources h3,
#recruit_message h3,
#recruit_service h3,
#recruit_interview h3,
#recruit_contact h3,
#recruit_requirements h3 {
	font-size: 400%;
	line-height: 0.8em;
	text-align: left;
	color:var(--color-blue);
	margin:1.2em 0 1.0em 0;
	
filter: drop-shadow(2px 2px 3px rgba(255, 255, 255, .8))  drop-shadow(2px -2px 3px rgba(255, 255, 255, .8))  drop-shadow(-2px -2px 3px rgba(255, 255, 255, .8)) drop-shadow(-2px 2px 3px rgba(255, 255, 255, .8));
}

#human_resources h3 span,
#recruit_message h3 span,
#recruit_service h3 span,
#recruit_interview h3 span,
#recruit_contact h3 span,
#recruit_requirements h3 span {
	font-size: 36%;
 padding-bottom: 0.1em;
 border-bottom: solid 2px var(--color-blue);
}

#human_resources .text_content {
	width:470px;
	margin:0 0 0 0;
}


#recruit_message h3 {
	margin-top:0.3em;
}

#recruit_message .service_content_lead {
	font-size:237.5%;
}

#recruit_message .inner_content {
	background-image:url(../img/recruit_message_mejika.jpg);
	background-size:417px 500px;
	background-position:right top;
	background-repeat: no-repeat;
}
#recruit_message .message_identity {
	margin:0 0 5em 135px;
}


#recruit_service {
	background-image:url(../img/recruit_service_base.png);
	background-position:left top;
	background-repeat:repeat-x;
}

#recruit_service h3 {
	margin-top:0.3em;
}

#recruit_service ul {
	display:flex;
	justify-content:space-between;
	margin-bottom:3.6em;
	height:500px;
}

#recruit_service li a {
	display:block;
	width:460px;
	height:500px;
	margin:0 0 0 0;
}

#recruit_service li:first-child {
	background-image:url(../img/recruit_service_li_base_01.png);
}

#recruit_service li:last-child {
	background-image:url(../img/recruit_service_li_base_02.png);
}

@media screen and (min-width: 1279px) {

#recruit_service li:hover {
background-color:rgba(241,241,241,0.3);
background-blend-mode:lighten;
}
}

#recruit_service li h4 {
	font-size:237.5%;
	text-align:center;
	padding-top:290px;
}

#recruit_service li h4 span {
	color:var(--color-blue);
	font-size:36%;
}

#recruit_service li p {
	padding:1em 3em;
	font-size:120%;
}



#recruit_interview h3 {
}

.recruit_interview_overview {
	display:block;
	height:500px;
	background-image:url(../img/recruit_interview_00.png);
	background-repeat:repeat-x;
}

.interview_yoshino .recruit_interview_overview .inner_content {
	display:block;
	height:500px;
	background-image:url(../img/recruit_interview_01.png);
	background-position:right top;
}

.interview_yoshino .recruit_interview_overview {
	margin-top:-10em;
}

.interview_nanai .recruit_interview_overview .inner_content {
	display:block;
	height:500px;
	background-image:url(../img/recruit_interview_02_sakamoto.png);
	background-position:left top;
	padding-left:550px;
}

.interview_number {
	margin:160px 0 2em 0;
	color:var(--color-blue);
	font-weight:bold;
	font-size:120%;
}

.interview_number span {
	font-size:220%;
}

.inteview_lead {
	font-size:237.5%;
	font-weight:bold;
	margin-bottom:1em;
}

.recruit_name_jp {
	font-size:150%;
	font-weight:bold;
}

.recruit_name_en {
	font-size:88%;
	color:var(--color-blue);
	padding-left:1em;
}

.interview_qa {
	width:65%;
	margin:2em 0 2em;
}

.interview_qa dt {
	color:var(--color-blue);
	font-weight:bold;
	margin-bottom:0.5em;
}

.interview_qa dt span {
	font-size:150%;
	margin-right:0.3em;
}

.interview_qa dd {
	margin-bottom:1.5em;
}

.interview_nanai .interview_qa {
	margin:2em 0 2em 35%;
}


#recruit_contact h3,
#recruit_requirements h3 {
	margin-bottom:0.6em;
}
#recruit_contact p,
#recruit_requirements p {
	margin-bottom:3em;
}




/* tablet  */
@media only screen and (min-width: 768px) and (max-width: 1249px) {
	

body {
	margin: 0;
	padding: 0;
	color: #231815;
	-webkit-text-size-adjust: 100%;
	min-width:1250px;/* iPad右切れハック */
}




.container {
	clear: both;
 width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.content {
	clear: both;
 width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.miyashita_gmenu ul {
	display:block;
	width:100%;
	height:100px;

 width: 1200px;
}
.smp { display: none; }
.tab  { display: none; }


}



/* tablet  */
@media only screen and (min-width: 481px) and (max-width: 767px) {
	

body {
	margin: 0;
	padding: 0;
	color: #231815;
	-webkit-text-size-adjust: 100%;
	min-width:1250px;/* iPad右切れハック */
}



.container {
	clear: both;
 width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.content {
	clear: both;
 width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}


.smp { display: none; }
.tab  { display: none; }

	
}

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

body {
	font:16px/2.0 ;
	font-size:3.0vw;
	line-height:1.5em;
	-webkit-text-size-adjust: 100%;
	min-width:640px;/* iPad右切れハック */
	min-width:100%;/* iPad右切れハック */
	
	font-size:3.3vw;
}


.smp { display: inline-block; }
.tab  { display: none; }
.pc  { display: none; }
.smp_telnum { display: inline; }


.container, .smp_scroll {
 width:100%;
	margin:0;
}

.content {
 width:94%;
	margin:0 auto;
}

.inner_content {
 width: 100%;
}



p {
	line-height:1.7em;
	
	line-height:1.5em;
}


a[target="_blank"] {
	background-size:12px auto;
}

.footer_menu a[target="_blank"] {
	background-size:12px auto;
}
	
	
	
/* 表 */

dl.table_block { width: 100%; }
.table_block dt,
.table_block dd	{
        width: 100%;
}
.table_block dt,
.table_block dd{
    width: 100%;
}





/* 外部リンク */

a[href^="http"] {
	background:url(../img/outbound_link.png) no-repeat right 0em top 0.4em;
	padding-right:3.8em;
	background-size:3.38em 1.0em;    
}



.w90 { width:100%; }
.w80 { width:100%; }
.w70 { width:100%; }
.w60 { width:100%; }
.w50 { width:100%; }
.w40 { width:100%; }
.w30 { width:100%; }
.w20 { width:100%; }





/* ヘッダー */


/** トップページ **/

.top_header_container {
	height:66.7vw;
}

.top_logo_recruit {
	height:4em;
}

.top_header_logo {
	height:4em;
}

.top_header_logo img {
	width:140px;
	margin:0.3em 0 0 0;
}

/** 第二階層 **/

.sec_header_container {
	height:auto;
}
.sec_header_container .content {
	width:100%;
}

.sec_logo_recruit {
	height:auto;
}

.sec_header_logo {
	height:auto;
	float:none;
	text-align:center;
}

.sec_header_logo img {
	width:140px;
	margin:0.6em 0 0.6em 0;
}






/* ヘッダーリクルートボタン */


/** トップページ **/
.top_header_recruit {
	width:200px;
	height:4em;
}

.top_header_recruit .header_recruit {
	font-size:120%;
}

.top_header_recruit .header_recruit span {
	font-size:58%;
	display:block;
}


/** 第二階層 **/
.sec_header_recruit {
	display:none;
}

.sec_header_recruit .header_recruit {
}

.sec_header_recruit .header_recruit span {
}

.sec_logo_recruit .content {
}






/* トップページ */

.top_catch_copy {
}
.top_catch_copy img {
	width:170%;
}










/* グローバルメニュー */


.top_header_gmenu {
	width:100%;
	height:80px;
	overflow: hidden;
	
	height:auto;
}

.top_header_gmenu .transport_gmenu {
	clear:both;
	width:1058px;
	margin:0 auto;
	
	width:100%;
}


.sec_header_gmenu {
	width:618px;
	height:80px;
	margin-left:140px;
	overflow: hidden;
	float:left;
	
	width:100%;
	height:auto;
	margin-left:0;
}

.sec_header_gmenu .transport_gmenu {
	clear:both;
	width:100%;
	margin:0 auto;
	
	width:100%;
}

.sec_header_gmenu .transport_gmenu ul {
}

.top_header_gmenu .transport_gmenu li a {
	font-size:112.5%;
	
	font-size:100%;
}

.sec_header_gmenu .transport_gmenu li a {
}

.top_header_gmenu .gmenu_message {	width:204px;	width:auto; }
.top_header_gmenu .gmenu_service {	width:152px;	width:auto; }
.top_header_gmenu .gmenu_company {	width:149px;	width:auto; }
.top_header_gmenu .gmenu_safety  {	width:220px;	width:auto; }
.top_header_gmenu .gmenu_recruit {	width:151px;	width:auto; }
.top_header_gmenu .gmenu_contact {	width:182px;	width:auto; }

.sec_header_gmenu .gmenu_message {	width:142px;	width:auto; }
.sec_header_gmenu .gmenu_service {	width: 95px;	width:auto; }
.sec_header_gmenu .gmenu_company {	width: 95px;	width:auto; }
.sec_header_gmenu .gmenu_safety  {	width:160px;	width:auto; }
.sec_header_gmenu .gmenu_contact {	width:126px;	width:auto; }



.transport_gmenu ul {
	display:table;
	width:100%;
	height:80px;
	
	display:block;
	height:auto;
}

.transport_gmenu ul li {
	float:left;
	
	display:block;
	width:33.3%;
	text-align:center;
	padding:0.5em 0;
	border-bottom:solid 1px #fff;
	border-left:solid 1px #fff;
	background-color:#f1f1f1;
}

.transport_gmenu li a {
	display:table-cell;
	vertical-align:middle;
	height:80px;
	line-height:1.2;
	text-align:center;
	
	display:block;
	height:auto;
}

.transport_gmenu li a span {
	display:block;
	margin-top:0.3em;
	font-weight:bold;
	font-size:66.7%;
}

.transport_gmenu li a span {
	color:#414dae;
}









/* コンセプト */

.top_concept {
	padding:2em 0;
}

.top_concept .content {
	background-size:contain;
}

.top_concept_inner {
	display:block;
}

.top_concept_inner img {
	width:80%;
	margin:-3em 0 -3em -1em;
}

.top_concept_inner .flt-right {
	float:left;
	margin:0;
}




/* メニューエリア */

.top_menuarea .inner_content {
	padding:3em 0 3em;
}


.top_menuarea_flex {
	flex-wrap: wrap;
	margin-top:2em;
}

.top_menuarea_flex li img {
}



.top_menuarea_flex li {
	width:48%;
}

.top_menuarea_flex li.top_menuarea_01 {
}

.top_menuarea_flex li.top_menuarea_02 {
}

.top_menuarea_flex li.top_menuarea_03 {
}

.bg_mask {
}


.top_menuarea_flex li h3 {
	font-size:200%;
	margin:-3.3em auto 0.2em;
	margin:-6.9em auto 0.2em;
}

.top_menuarea_flex li h3 span {
	display:block;
	font-size:28%;
}

.top_menuarea_flex li p {
	font-size:88%;
}





/* 安全への取り組み */

.top_safety {
	padding:2em 0 2em;
}

.top_safety .content {
	background-image: none;
	height:auto;
}

.top_safety .inner_content {
}

.top_safety_txt {
	width:100%;
}

.top_safety h3 {
}

.top_safety h3 span {
}

.top_safety_txt p {
	margin-bottom:2em;
}

.top_safety_txt img {
	width:100%;
	margin:2em auto 4em;
}





/* ページ下部リクルートエリア */

.bottom_recruit {
	padding:3em 0 3em;
}

.bottom_recruit .content {
}

.bottom_recruit .inner_content {
}

.bottom_recruit h3 {
	font-size:260%;
	line-height:0.7em;
}

.bottom_recruit h3 span {
}

.bottom_recruit p {
}

.bottom_recruit .link_bottun {
}






.link_bottun a::before {
 content: '';
 width: 10px;
 height: 10px;
 border: 0px;
 border-top: solid 2px #fff;
 border-right: solid 2px #fff;
 -ms-transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
 position: absolute;
 top: 50%;
 left: 85%;
 margin-top: -3px;
	
 top: 43%;
 left: 90%;
}




/* フッター */

#footer {
}

#footer .inner_content {
	width:94%;
	margin:0 auto;
}

#footer a {
}

#footer content {
}

.footer_info {
}

.footer_info .footer_logo {
	margin-bottom:2em;
}

.footer_info .footer_logo img {
	width:100%;
}

.footer_info .footer_tel_time {
	float:left;
}
.footer_info .footer_tel_time div {
	float:none;
	margin:2em auto 1em;
}

.footer_tel {
	font-size:200%;
}

.footer_time {
}

.contact_bottun {
}

#footer .contact_bottun a {
}






/* フッター　メニュー */

.footer_menu {
	flex-wrap: wrap;
	justify-content:center;
}

.footer_menu li {
	margin:0 1.5em 1em 1.5em;
}

.footer_menu li::after {
}












/* 第二階層 */

.sec_pagetitle {
	margin-bottom:5em;
}

.sec_pagetitle h2 {
	font-size:260%;
}

.sec_pagetitle h2 span {
}

	
h2 span::before,
h3 span::before,
h4 span::before {
}




/*　ページ内リンク　*/

.goto_anchor {
	display:none;
}
.goto_anchor .content {
}
.goto_anchor ul {
}
.goto_anchor ul li {
}
.goto_anchor ul li:first-child {
}
.goto_anchor ul li span {
}











/* 会社概要 */

h3.company_title {
	margin-bottom:1.2em;
}

.company_detail {
  width: 100%;
}

h3.branch_name {
}

#company_info .inner_content {
}

/** 会社概要 表 **/

#company_info dl,
#company_access dl {
  width: 100%;
	x	float:none;
}
#company_info dt,
#company_access dt {
  width: 25%;
		float:left;
}
#company_info dd,
#company_access dd {
  margin-left: 25%;
}
#company_info dd:after,,
#company_access dd:after {
}
#company_info dd ul {
}
#company_info dd ul li {
	text-indent:0em;
}
#company_access iframe {
}







/** メッセージ **/

.sec_message_title .content {
	width:100%;
	background-size:contain;
	background-position:right top;
	margin-bottom:5.2em;
}

.message_lead h3 {
	margin-top:10.6em;
	font-size:160%;
	line-height:1.3em;
}

.message_identity {
	margin-top:1em;
	width:100%;
	padding:1em 2em;
}

.message_position {
	position:relative;
	display:table-cell;
}

.message_name {
	display:table-cell;
	font-size:175%;
	border-left:solid 1px #fff;
	padding-left:1em;
	margin-left:0.6em;
}



.h3_level_1 {
	line-height:1.3em;
}

.photo_right {
}

.photo_left {
}

.photo_right img {
	width:calc(100% - 28px);
}

.photo_left img {
	width:calc(100% - 28px);
	margin-left:28px;
}

.content_block {
}

.content_block p {
}

.overf_visible {
	display:block;
	width:94%;
}

.overf_visible .w40 {
	display:block;
	margin:0 auto 2em;
}










/* 安全への取り組み */

x h3.safety_title {
	display:block;
	font-size:162.5%;
	margin-bottom:1em;
}

/** 安全への取り組み 表 **/

#safety_initiatives dl {
}
#safety_initiatives dt {
  width: 20%;
		padding:1em 0 0;
}

#safety_initiatives dt img {
  width: 90%;
}

#safety_initiatives dd {
  margin-left: 20%;
}
#safety_initiatives dd img {
	height:auto;
}
#safety_initiatives dd:after {
}

#safety_initiatives dt.safety_other {
	display:block;
	width:100%;
	overflow:hidden;
}

#safety_initiatives dt.safety_other div {
    width: 130px;
    height: 130px;
				margin:-1em auto 0;
}

#safety_initiatives dt.safety_other div span {
				font-size:100%;
}

#safety_initiatives dd.safety_other {
  justify-content: space-between;
	width:100%;
	border-top:none;
	margin-left:0;
	padding:0 0 3em;
}
#safety_initiatives dd.safety_other div {
	width:48%;
	margin-left:0;
}
#safety_initiatives dd.safety_other div img {
	width:100%;
	height:auto;
}




#safety_initiatives .safety_detail_txt {
	width:100%;
}
#safety_initiatives dd h3 {
}

#safety_initiatives dd img {
	width:100%;
	margin-top:1em;
}


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



.subtitle_underline {
}

.overview_explanation {
}

#safety_covid19 ul {
}


#safety_covid19 ol {
}


#safety_covid19 ol li {
	margin-bottom:1em;
	height:auto;
}


#safety_covid19 ol li img {
}












/*　事業内容　*/

#service_vehicle {
	background-color:#f1f1f1;
}

#service_vehicle .content {
	background-image:none;
}

#service_vehicle h3 {
	margin:1em 0 1.2em;
}

#service_vehicle h3 span {
}

#service_vehicle .service_text_content {
	width:100%;
}


#service_staffing {
	background-color:#f1f1f1;
}

#service_staffing .content {
	background-image:none;
}

#service_staffing h3 {
	margin:1em 0 1.2em;
}

#service_staffing h3 span {
}

#service_staffing .service_text_content {
	width:100%;
	float:left;
	text-align:left;
}

.service_content_upper {
	width:100%;
}

.service_content_lead {
}

.service_content_lower {
}

.service_content_lower strong {
}

.service_content_lower ul {
}

.service_content_lower ul li {
}

#service_staffing .service_content_upper {
	width:100%;
}

#service_staffing .service_content_lower {
}

.service_text_content img {
	width:100%;
	margin-top:2em;
}














/* リクルート */

.recruit_header_container {
	display:block;
	width:1280px;
	height:800px;
	background-image:url(../img/recruit_header_image_smp.jpg);
	margin-bottom:8em;
	
	width:100%;
	height:auto;
	background-size:contain;
	margin-bottom:3em;
}

.recruit_header_menu {
	display:block;
	width:100%;
	margin-top:40px;
	float:left;
	
	margin-top:0.6em;
}

.recruit_header_logo {
	display:block;
	float:left;
	height:110px;
	
	height:80px;
	margin-bottom:0em;
	width:40%;
}

.recruit_header_logo img {
	width:174px;
	margin:0 0 0 150px;
	
	margin:0;
	width:100%;
}

.recruit_header_bottun {
	
	display:block;
	width:40%;
	float:right;
}

.recruit_header_bottun img {
	float:right;
	
	width:100%;
}

.recruit_header_pagetitle {
	display:block;
	margin-bottom:11.4em;
	margin-bottom:4.4em;
}

.recruit_header_pagetitle h2 {
	font-size:280%;
	margin:0 0 0 150px;
	line-height:0;
	
	margin:9.6em auto 0;
x	color:#fff;
x	text-shadow: 2px 2px 2px #000 , -2px -2px 2px  #000 , -2px 2px 2px  #000 , 2px -2px 2px  #000;
}

.recruit_header_container ul {
	display:block;
	margin:0 0 0 150px;
	
	display:flex;
	flex-wrap: wrap;
	align-content: space-between;
	width:100%;
	margin:0em 0 0;
	height:auto;
}

.recruit_header_container ul li {
	display:block;
	margin-bottom:2.3em;
	font-size:112.5%;
	
	font-size:88%;
	width:33%;
	margin-bottom:0.6em;
	text-align:center;
}



#human_resources,
#recruit_message,
#recruit_service,
#recruit_interview,
#recruit_contact,
#recruit_requirements {
	margin-bottom:10em;
	
	margin-bottom:5em;
}

#human_resources .content {
	background-image:url(../img/recruit_resources_01.jpg);
	background-size:600px 500px;
	background-position:right top;
	background-repeat: no-repeat;
	
	background-size:contain;
}

#human_resources h3,
#recruit_message h3,
#recruit_service h3,
#recruit_interview h3,
#recruit_contact h3,
#recruit_requirements h3 {
	font-size: 400%;
	line-height: 0.8em;
	text-align: left;
	color:var(--color-blue);
	margin:1.2em 0 1.0em 0;
	
	font-size: 260%;
}

#human_resources h3 span,
#recruit_message h3 span,
#recruit_service h3 span,
#recruit_interview h3 span,
#recruit_contact h3 span,
#recruit_requirements h3 span {
	font-size: 36%;
 padding-bottom: 0.1em;
 border-bottom: solid 2px var(--color-blue);
}


#human_resources h3,
#recruit_message h3 {
	margin-top:0.3em;
	
	margin-top:6.2em;
	text-shadow: 2px 2px 2px #fff , -2px -2px 2px  #fff , -2px 2px 2px  #fff , 2px -2px 2px  #fff;
}

#human_resources .service_content_lead,
#recruit_message .service_content_lead {
	font-size:237.5%;
	
	font-size:160%;
	text-shadow: 2px 2px 2px #fff , -2px -2px 2px  #fff , -2px 2px 2px  #fff , 2px -2px 2px  #fff;
}

#human_resources .text_content {
	width:470px;
	margin:0 0 0 0;
	
	width:100%;
	margin:3em auto 0;
}

#recruit_message .inner_content {
	background-image:url(../img/recruit_message.jpg);
	background-size:417px 500px;
	background-position:right top;
	background-repeat: no-repeat;
	
	background-size:contain;
}
#recruit_message .message_identity {
	margin:0 0 5em 135px;
	
	margin:0 0 5em 0;
}


#recruit_service {
	background-image:url(../img/recruit_service_base.png);
	background-position:left top;
	background-repeat:repeat-x;
	
	background-image:none;
	background-color:#f1f1f1;
}

#recruit_service h3 {
	margin-top:0.3em;
	
	margin-top:3em;
}

#recruit_service ul {
	display:flex;
	justify-content:space-between;
	margin-bottom:3.6em;
	height:500px;
	
	height:auto;
	flex-wrap:wrap;
	margin-bottom:7em;
}

#recruit_service li {
	width:47%;
	height:auto;
	background-size:contain;
}

#recruit_service li a {
	display:block;
	width:460px;
	height:500px;
	margin:0 0 0 0;
	
	width:100%;
	height:auto;
}

#recruit_service li:first-child {
	background-image:url(../img/recruit_service_li_base_01.png);
}

#recruit_service li:last-child {
	background-image:url(../img/recruit_service_li_base_02.png);
}

@media screen and (min-width: 1279px) {

#recruit_service li:hover {
background-color:rgba(241,241,241,0.3);
background-blend-mode:lighten;
}
}

#recruit_service li h4 {
	font-size:237.5%;
	text-align:center;
	padding-top:290px;
	
	font-size:100%;
	padding-top:8em;
	line-height:1.2em;
}

#recruit_service li h4 span {
	color:var(--color-blue);
	font-size:36%;
}

#recruit_service li p {
	padding:1em 3em;
	font-size:120%;
	
	font-size:88%;
	padding:1em 1em;
}



#recruit_interview h3 {
}

.recruit_interview_overview {
	display:block;
	height:500px;
	background-image:url(../img/recruit_interview_00.png);
	background-repeat:repeat-x;
	
	height:36em;
}

.interview_yoshino .recruit_interview_overview .inner_content {
	display:block;
	height:500px;
	background-image:url(../img/recruit_interview_01.png);
	background-position:right top;
	
	width:94%;
	margin:0 auto;
	background-size:contain;
	background-position:right bottom;
	height:36em;
}

.interview_yoshino .recruit_interview_overview {
	margin-top:-10em;
}

.interview_nanai .recruit_interview_overview .inner_content {
	display:block;
	height:500px;
	background-image:url(../img/recruit_interview_02.png);
	background-position:left top;
	padding-left:550px;
	
	width:94%;
	margin:0 auto;
	background-size:contain;
	background-position:right bottom;
	padding-left:0;
	height:36em;
}

.interview_number {
	margin:160px 0 2em 0;
	color:var(--color-blue);
	font-weight:bold;
	font-size:120%;
}

.interview_number span {
	font-size:220%;
}

.inteview_lead {
	font-size:237.5%;
	font-weight:bold;
	margin-bottom:1em;
	
	font-size:160%;
	margin-top:4em;
	text-shadow: 2px 2px 2px #fff , -2px -2px 2px  #fff , -2px 2px 2px  #fff , 2px -2px 2px  #fff;
}

.recruit_interview_overview table tr td {
	text-shadow: 2px 2px 2px #fff , -2px -2px 2px  #fff , -2px 2px 2px  #fff , 2px -2px 2px  #fff;
}

.recruit_name_jp {
	font-size:150%;
	font-weight:bold;
}

.recruit_name_en {
	font-size:88%;
	color:var(--color-blue);
	padding-left:1em;
}

.interview_qa {
	width:65%;
	margin:2em 0 2em;
	
	width:94%;
	margin:2em auto 2em;
}

.interview_qa dt {
	color:var(--color-blue);
	font-weight:bold;
	margin-bottom:0.5em;
}

.interview_qa dt span {
	font-size:150%;
	margin-right:0.3em;
}

.interview_qa dd {
	margin-bottom:1.5em;
}

.interview_nanai .interview_qa {
	margin:2em 0 2em 35%;
	
	width:94%;
	margin:2em auto 2em;
}


#recruit_contact h3,
#recruit_requirements h3 {
	margin-bottom:0.6em;
}
#recruit_contact p,
#recruit_requirements p {
	margin-bottom:3em;
}











/* ページの先頭へ */

#to_pagetop {
}

#to_pagetop span {
				width:3.8em;
				height:3.8em;
}

#to_pagetop span:before {
}

#to_pagetop span:hover:before {
}











/* お問い合わせ */


#contact_form .overview_explanation {
}

.rectangle_linearea {
}

.rectangle_linearea table {
}

.rectangle_linearea table tr {
}

.rectangle_linearea table tr h3 {
}

.contact_tel_time {
}
.contact_tel_time div {
}

.contact_tel {
	display:block;
	float:none;
	width:100%;
	margin:0 0 0.3em;
}

.contact_tel a {
}

.contact_time {
	float:none;
	width:100%;
}




/* メールフォーム */

.inquiryForm {
	width:94%;
	font-size:100%;
}

.inquiryForm dl {
	width: 100%;
}

.inquiryForm dt {
	display:block;
	width: 100%;
	font-size:90%;
	font-weight:bold;
}

.inquiryForm dd {
	display:block;
	width: calc(100% - 1.6em);
	font-size:100%;
}

.radio-text {
}

.ftBox input {
	width:calc(100% - 1.6em);
	font-size:100%;
}

.ftBox {
	width:calc(100% - 1.7em);
	margin: 0em 0 0em 0.1em;
}

.ftBox input[type=text] {
	font: 100% "Noto Sans Japanese";
	margin: 0;
}

.ftBox input[type=text], 
.telBox input[type=text], 
.sBox select {
}

label input[type=radio] {
}


.telBox input {
	font: 100% "Noto Sans Japanese";
}

.teBox textarea {
	font: 100% "Noto Sans Japanese";
}

.sBox select {
}

.sRadio span {
	font-size:90%;
}

.form_attention_comment {
}

.inquiryForm .thanks {
}


/* メールフォーム　任意と必須 */


.inquiryForm dt .req {
	overflow:hidden;
	float:none;
	height:1.7em;
	padding:0.2em 0.5em 0.3em 0.5em;
	line-height:1.0em;
	margin:-0.6em 0.5em 0 1em;
}

.inquiryForm dt .any {
	float:right;
	display:none;
}




/* メールフォーム　ボタン */

.submitButton {
	display:flex;
	justify-content:space-around;
	width:100%;
	vertical-align:middle;
}

.submitButton .form_botton_confirm input,
.submitButton .form_botton_send input {
	clear:both;
 position: relative;
 display: block;
 width:290px;
 padding: 0.7em 1.0em;
 color: #fff;
 text-align: center;
background-image:url(../img/form_bottun_go_base.png);
background-size:contain;
background-position:center center;
background-repeat:repeat-y;
}


.submitButton .form_botton_send input {
 margin-right:calc( 20% - 0.3em);
	float:right;
}

.submitButton .form_botton_back input {
	position: relative;
 display: block;
 width:290px;
 padding: 0.7em 1.0em;
 color: #3d3d3d;
 text-align: center;
	
 margin-left:calc( 20% - 0.3em);
	float:left;
background-image:url(../img/form_bottun_back_base.png);
background-size:contain;
background-position:center center;
background-repeat:repeat-y;
}

.submitButton .form_botton_back,
.submitButton .form_botton_send {
 width:45%;
}
.submitButton .form_botton_send input {
 width:100%;
 margin-right:0;
}

.submitButton .form_botton_back input {
 width:100%;
 margin-left:0;
}

@media screen and (min-width: 1279px) {

.submitButton .form_botton_confirm input:hover, 
.submitButton .form_botton_send input:hover {
	opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)";
}

.submitButton .form_botton_back input:hover {
	opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)";
}
}

.contact_alert {
	color: #e84d4d;
	font-size:88%;
	font-weight:bold;
	margin: 0.2em 0 0em 0em;
}

dl.contact_confirm {
	border-top:solid 1px #d5d5d5;
	padding:1em 0 0 0;
}

.contact_confirm dt {
	padding:0;
	text-align:left;
	font-weight:bold;
	color:var(--color-blue);
}

.contact_confirm dd {
	display:inline-block;
	width:100%;
	margin:0 0 1em 0;
	padding:1em 0 1em 2em;
	vertical-align:top;
	font-size:112.5%;
	font-size:100%;
	color:#3d3d3d;
	border-bottom:solid 1px #d5d5d5;
}















	}