@charset "utf-8";
/* CSS Document */

/*!
Theme Name: 大阪高速乳配株式会社
Theme URI: http://www.okn3.com/
Author: Underscores.me
Author URI: http://www.macoi.co.jp/
Description: Description
Version: 1.0.0s
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: okn3.com
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

okn3 is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

body {
	margin: 0;
	padding: 0;
	color: #333333;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "Hiragino Kaku Gothic ProN", Verdana, Meiryo, sans-serif;
	font-size: 14px;
	background-color: #ffffff;
	line-height: 1.5;
	min-width: 100%;
	-webkit-text-size-adjust: 100%;
}

body, html, main {
    /* important */
    height: 100%;
}
img { border-style: none; transition: 1.0s; }
a { color: #333; text-decoration: none; transition: 1.0s; }
a:hover { color: #aaaaaa; }
a img { display: inline-block; backface-visibility: hidden; }
a img:hover { opacity: 0.50; }
.l { text-align: left; }
.r { text-align: right; }
.c { text-align: center; }
em { color: #FF0000; font-style: normal; }
strong { }
.b { font-weight: bold; }
.nowrap { display: block; }

.wf-notosansjapanese { font-family: "Noto Sans Japanese"; }

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

/* 回り込み解除 */

.clear {
  margin: 0;
  padding: 0;
  clear: both;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix { min-height: 1px; }

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/* ----- 全体
---------------------------------------------*/
div#wrap {
	margin: 0px;
	padding: 0px;
}
div.in-box {
	margin: 0px auto;
	padding: 0px;
	width: 1000px;
}

nav {}
nav a {}
nav a:hover { }

header div#word {
	margin: 0px;
	padding: 10px 0px;
	background-color: #ddd;
}

header div#head p a:hover, 
article div#pagetop a:hover, 
footer ul#banner li a:hover { opacity: 0.7; }

article section#top-news, 
article section#top-chara, 
article section#top-service, 
article section#top-recruit {
	margin: 0px;
	padding: 20px 0px;
}

/* --- グローバルナビ --- */
div#globalnav {
	margin: 0px;
	padding: 0px;
	width: 100%;
	border-top: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	background: #f9f9f9;
}
div#globalnav nav {
	height: 58px;
	width: 1000px;
	margin: 0px auto;
	padding: 0px;
}
div#globalnav nav div ul{
	margin: 0px;
	padding: 0px;
	width: 100%;
	list-style: none;
}
div#globalnav nav div > ul {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 1fr;
	height: 100%;
	width: 100%;
}
div#globalnav nav ul li {
	margin: 0px;
	padding: 0px;
	height: 58px;
	display: block;
	line-height: 58px;
	text-align: center;
	font-weight: 500;
	font-size: 16px;
}
div#globalnav nav ul li a {
	margin: 0px;
	padding: 0 .5em;
	height: 58px;
	width: 100%;
	display: block;
	color: #333;
	font-size: 18px;
}
div#globalnav nav ul li a:hover {
	color: #333;
	background-image: url(images/list_bk.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
div#globalnav nav ul li ul li { width: 100%; }
div#globalnav nav ul li ul li a {
	display: block;
	width: 100%;
}
/* 以下、ドロップダウン */
div#globalnav nav li.menu-item-has-children { position: relative; z-index: 100; }
div#globalnav nav li.menu-item-has-children ul {
    visibility: hidden;
    opacity: 0;
    position: absolute;

    top: 56px;
    width: 100%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
div#globalnav nav li.menu-item-has-children:hover ul {
    visibility: visible;
    opacity: 1;
    top: 58px;
}
div#globalnav nav .menu li a {
    background: rgba( 255, 255, 255, 0 );
}
div#globalnav nav .menu li a:hover {
	background-image: url(images/list_bk.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
div#globalnav nav .menu li ul li a {
	background: #f9f9f9;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}
.menu li ul li a:hover { color: #333; }
.menu li:hover > a { background: rgba( 255, 255, 255, 0 ); }

div#globalnav nav li.menu-item-has-children ul {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 56px;
}
div#globalnav nav li.menu-item-has-children:hover ul {
    visibility: visible;
    opacity: 1;
    top: 58px;
}

/* --- アイキャッチ --- */
article div#eyecatch {
	text-align: center;
	margin: 0px 0px 20px;
	padding: 20px 0px 0px;
	background-image: url(images/eyecatch_bk.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	height: 230px;
}
article div#eyecatch-recruit {
	text-align: center;
	margin: 0px 0px 20px;
	padding: 20px 0px 0px;
	background-image: url(images/eyecatch_recruit_bk.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	height: 230px;
	background-color: #2C94E3;
}
article div#eyecatch p, 
article div#eyecatch-recruit p{
	margin: 0px;
	padding: 0px;
}

/* --- ページ 求人情報バナー --- */
article section#top-recruit p {
	font-size: 24px;
}

/* --- トップ　ニュース --- */
article section#top-news { background-color: #eeeeee; }
.top-news-footer{
	margin-block: 2rem;
	text-align: center;
}


/* --- ページトップへ▲（小） --- */
article div.pagetop-s {
	margin: 0px;
	padding: 20px 0px 0px;
	text-align: right;
}

/* --- 下層ページ --- */
article {}
article div.greeting {}
article div.point {}

/* --- コンテナ --- */
article div#container {
	margin: 0px auto;
	padding: 0px;
	width: 1000px;
}

article section#recruit-form, 
article section#blog-form, 
article section#page-box {
	margin: 0px;
	padding: 0px;
	width: 760px;
	float: left;
}

article section#recruit-form div.set, 
article section#blog-form div.set, 
article section#page-box div.set {
	margin: 0px 0px 20px;
	padding: 0px;
}

article section#recruit-form div.set p.txt, 
article section#blog-form div.set p.txt, 
article section#page-box div.set p.txt {
	margin: 0px 0px 20px;
	padding: 0px;
}

article section#recruit-form div.set ul.safety li h5, 
article section#recruit-form div.set ul.beginner li h5 {
	margin: 10px 0px;
	padding: 5px;
	text-align: center;
	font-size: 15px;
	background-color: #2c94e3;
	color: #fff;
	border-radius: 3px;
}
article section#recruit-form div.set ul.safety li p,
article section#recruit-form div.set ul.beginner li p {
	margin: 0px;
	padding: 0px;
}
article section#recruit-form div.set ul.safety li p img,
article section#recruit-form div.set ul.beginner li p img {
	margin: 0px 0px 10px;
	padding: 0px;
	display: block;
}

article section#recruit-form div.set div#pro-debut {
	text-align: center;
	margin: 0px;
	padding: 10px;
	font-size: 20px;
	font-weight: bold;
	color: #E17700;
}

article section#recruit-form div.set dl#growth {
	margin: 0px 10px;
	padding: 0px;
}
article section#recruit-form div.set dl#growth dt {
	margin: 10px 0px;
	padding: 5px 5px 5px 30px;
	font-size: 15px;
	background-color: #2C94E3;
	color: #FFFFFF;
	border-radius: 3px;
	font-weight: bold;
	background-image: url(images/arrow02_ylw.png);
	background-repeat: no-repeat;
	background-position: 10px 9px;
}
article section#recruit-form div.set dl#growth dd {
	margin: 0px 0px 20px;
	padding: 0px 0px 20px;
	border-bottom: 1px dotted #aaa;
}

article section#recruit-form div.set ul.recruit-btn li#rec01 a.btn { background-image: url(images/img_recruit01.png); }
article section#recruit-form div.set ul.recruit-btn li#rec02 a.btn { background-image: url(images/img_recruit02.png); }
article section#recruit-form div.set ul.recruit-btn li#rec03 a.btn { background-image: url(images/img_recruit03.png); }
article section#recruit-form div.set ul.recruit-btn li#rec04 a.btn { background-image: url(images/img_recruit04.png); }
article section#recruit-form div.set ul.recruit-btn li#rec05 a.btn { background-image: url(images/img_recruit05.png); }
article section#recruit-form div.set ul.recruit-btn li#rec06 a.btn { background-image: url(images/img_recruit06.png); }
article section#recruit-form div.set ul.recruit-btn li#rec07 a.btn { background-image: url(images/img_recruit07.png); }

article section#recruit-form div.set ul.recruit-btn li div a:hover { background-color: #84caff; }

article section#recruit-form div.set dl#qa {
	margin: 0px 10px;
	padding: 0px;
}
article section#recruit-form div.set dl#qa dt {
	margin: 0px 0px 5px;
	padding: 5px 0px 5px 40px;
	font-weight: bold;
	background-image: url(images/icon_q.png);
	background-repeat: no-repeat;
	background-position: 10px 3px;
	color: #1163A2;
	font-size: 16px;
}
article section#recruit-form div.set dl#qa dd {
	margin: 0px 0px 20px;
	padding: 10px 10px 10px 40px;
	background-image: url(images/icon_a.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	background-color: #ffffcc;
	border: 1px solid #84caff;
	border-radius: 5px;
}

article section#blog-form div.blog-box {
	margin: 0px 0px 30px;
	padding: 20px;
	border: 1px solid #2CB9F6;
	border-radius: 10px;
	background-color: #ffffcc;
}

article section#blog-form div.blog-box div.content {
	margin: 0px 0px 20px;
	padding: 10px;
	word-wrap: break-word;
}
article section#recruit-form div.set {
	word-wrap: break-word;
}

article section#blog-form a { color: #5DB901; }
article section#blog-form a:hover { color: #FFA600; }

article section#blog-form div.blog-box p.meta {
	background-color: #EFFCE1;
	text-align: right;
	margin: 0px;
	padding: 5px 10px;
	border-radius: 5px;
	border: 1px solid #5DB901;
}

article section#blog-form div.paging {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
article section#blog-form div.paging div.next {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 50%;
}
article section#blog-form div.paging div.prev {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 50%;
	text-align: right;
}

article section#page-box div.titleimg {}
article section#page-box div.titleimg div.img {
	margin: 0px;
	padding: 0px;
}

article section#page-box div.titleimg div.img img { border-radius: 5px 5px 0px 0px; }
article section#page-box div.titleimg p.txt {
	line-height: 2;
	margin: 0px;
	padding: 15px;
	background-color: #333333;
	color: #fff;
	border-radius: 0px 0px 5px 5px;
}

article section#page-box div.set p.img {
	margin: 0px 0px 30px;
	padding: 0px;
	text-align: center;
}
article section#page-box div.set img {
	vertical-align: bottom;
	margin: 0px;
	padding: 0px;
}

article section#page-box h4.merit {
	background-image: none;
	text-align: center;
	margin: 0px 50px 20px;
	padding: 5px;
	font-size: 18px;
	color: #fff;
	background-color: #83AD14;
	border-radius: 20px;
	border: 3px double #fff;
}

/* --- こんな企業様に --- */
article section#page-box div.recommend {
	/*background-image: url(images/img_recommend_bk.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;*/
	margin: 0px 0px 30px;
	padding: 20px 30px 10px;
	color: #fff;
	background-color: #F9F6E4;
	border-radius: 10px;
	border: 1px solid #aaa;
}
article section#page-box div.recommend h4.title {
	background-image: none;
	text-align: center;
	margin: 0px 0px 20px;
	padding: 5px 0px;
	font-size: 24px;
	background-color: #fff;
	color: #E17700;
	border-radius: 25px;
	border: 1px solid #aaa;
}
article section#page-box div.recommend ul {
	font-size: 16px;
	margin: 0px;
	list-style: none;
	padding: 0px;
	color: #333;
	font-weight: 600;
}
article section#page-box div.recommend li {
	margin: 0px 0px 10px;
	padding: 0px 0px 10px 35px;
	background-image: url(images/check01_org.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border-bottom: dashed 1px #aaa;
}

/* --- 求める人物像 --- */
article section#recruit-form div.request {
	margin: 0px 0px 30px;
	padding: 20px 30px 10px;
	background-color: #ffffcc;
	border-radius: 10px;
	border: 1px solid #84caff;
}
article section#recruit-form div.request h4.title2 {
	background-image: none;
	text-align: center;
	margin: 0px 0px 20px;
	padding: 5px 0px;
	font-size: 20px;
	background-color: #2C94E3;
	color: #FFFFFF;
	border-radius: 25px;
}

/* --- いいところ --- */
article section#recruit-form div.nice {
	border-top: none;
	border-left: 1px solid #84caff;
	border-right: 1px solid #84caff;
	border-bottom: 1px solid #84caff;
	background-color: #ffffcc;
	border-radius: 0 0 10px 10px;
}
article section#recruit-form div.nice div img {
	vertical-align: bottom;
}

/* --- 緑色背景　写真左、文章右 --- */
article section#page-box div.box1 {
	background-color: #F1F8DE;
	margin: 0px 0px 20px;
	padding: 15px;
	border-radius: 5px;
	border: 1px solid #aaa;
}
article section#page-box div.box1 div.txt p {
	margin: 0px;
	padding: 0px;
}
article section#page-box div.box1 div.txt h5.simple {
	background-image: url(images/arrow03_ylw.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	padding: 5px 0px 5px 30px;
	font-size: 15px;
	color: #fff;
	border-radius: 20px;
	background-color: #83AD14;
	margin-bottom: 10px;
}
article section#page-box div.box2 div h6 {
	text-align: center;
	background-color: #82AC14;
	color: #fff;
	margin: 0px 0px 5px;
	padding: 5px;
	border-radius: 20px;
}

article section#recruit-form a, 
article section#page-box a {
	color: #2247AA;
}
article section#recruit-form a :hover, 
article section#page-box a:hover {
	color: #6BA9FF;
}


/* -- single.php 各拠点求人情報 --- */
article section#recruit-form div.result {
	margin: 0px 0px 20px;
	padding: 20px;
	border: 1px solid #84CAFF;
	background-color: #FFFFCC;
}
article section#recruit-form div.result span {
	margin: 0px 0px 10px;
	padding: 5px;
	color: #fff;
	border-radius: 5px;
	float: right;
}
article section#recruit-form div.result span.base-anpachi,
article section#recruit-form div.result span.base-gifu { background-color: #E3812B; } /* 東海 */
article section#recruit-form div.result span.base-osakacenter, 
article section#recruit-form div.result span.base-osakacenter2, 
article section#recruit-form div.result span.base-kitaosaka, 
article section#recruit-form div.result span.base-settsu, 
article section#recruit-form div.result span.base-honsya, 
article section#recruit-form div.result span.base-miki-hyogo,
article section#recruit-form div.result span.base-miki { background-color: #85C92B; } /* 大阪 */
article section#recruit-form div.result span.base-hiroshima,
article section#recruit-form div.result span.base-asago { background-color: #5A6DC7; } /* 中国 */
article section#recruit-form div.result span.base-kyushu,
article section#recruit-form div.result span.base-kyushucenter { background-color: #ED83AE; } /* 九州 */

article section#recruit-form div.detail-btn {
	margin: 0px auto;
	padding: 0px;
	height: 40px;
	width: 300px;
	line-height: 40px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}
article section#recruit-form div.detail-btn a {
	background-color: #2C94E3;
	margin: 0px;
	padding: 0px;
	height: 40px;
	width: 300px;
	display: block;
	color: #fff;
	border-radius: 5px;
	border: solid 1px #0076C1;
}
article section#recruit-form div.detail-btn a:hover {
	background-color: #CCE9FF;
	color: #0076C1;
	border: solid 1px #0076C1;
}
article section#recruit-form table {
	margin: 0px;
	padding: 0px;
	width: 100%;
	border-collapse: collapse;
	border-bottom: 1px solid #84CAFF;
	border-right: 1px solid #84CAFF;
}
article section#recruit-form table th {
	margin: 0px;
	padding: 5px;
	text-align: left;
	width: 30%;
	border-top: 1px solid #84CAFF;
	border-left: 1px solid #84CAFF;
	white-space: nowrap;
	background-color: #CCE9FF;
	vertical-align: top;
}
article section#recruit-form table td {
	margin: 0px;
	padding: 5px;
	width: 70%;
	border-top: 1px solid #84CAFF;
	border-left: 1px solid #84CAFF;
	background-color: #fff;
}
article section#recruit-form ul#jobcategory {
	width: 755px;
	margin: 0px;
	padding: 0px 0px 0px 5px;
	list-style: none;
	position: relative;
	height: 130px;
}
article section#recruit-form ul#jobcategory li {
	margin: 0px 5px 10px;
	padding: 0px;
	width: 240px;
	height: 40px;
	line-height: 40px;
	display: block;
	float: left;
	font-weight: bold;
	text-align: center;
	font-size: 16px;
}
article section#recruit-form ul#jobcategory li a {
	margin: 0px;
	padding: 0px;
	width: 238px;
	height: 38px;
	display: block;
	background-color: #86D104;
	border: solid 1px #659F00;
	color: #fff;
	border-radius: 5px;
}
article section#recruit-form ul#jobcategory li a:hover {
	background-color: #BDFB51;
	color: #659F00;
}
article section#recruit-form ul#prof li div {
	border: solid 1px #84CAFF;
	width: 238px;
	height: 180px;
	text-align: center;
	border-radius: 3px;
}
article section#recruit-form ul#prof li div img {
	width: 234px;
	height: 176px;
	vertical-align: bottom;
	margin-top: 2px;
	border-radius: 3px;
}
article section#recruit-form ul#prof li p {
	margin: 5px 0px 0px;
	padding: 0px;
}
article section#recruit-form ul#prof li p img {
	margin-right: 5px;
	height: 16px;
	width: 16px;
	vertical-align: text-bottom;
}
article section#recruit-form div#template {
	margin: 0px 0px 10px;
	padding: 0px;
}
article section#recruit-form div#template div.temp-r h5 {
	font-size: 16px;
	color: #2C94E3;
	margin: 0px 0px 5px;
	padding: 0px;
}
article section#recruit-form div#template div.temp-r h5 span {
	color: #fff;
	background-color: #2B8FDB;
	margin: 0px;
	padding: 5px 10px;
	display: inline-block;
	border-radius: 3px;
}
article section#recruit-form ul#flow li p {
	margin: 0px 10px;
	padding: 0px;
}
article section#page-box table {
	padding: 0px;
	width: 100%;
	border-collapse: collapse;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
article section#page-box table th {
	width: 30%;
	margin: 0px;
	padding: 5px;
	text-align: left;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	white-space: nowrap;
	background-color: #EEEEEE;
	vertical-align: top;
}
article section#page-box table td {
	width: 70%;
	margin: 0px;
	padding: 5px;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	background-color: #fff;
}
article section#recruit-form div.search-f {
	margin: 0px 0px 20px;
	padding: 20px;
	background-color: #FFFFCC;
	border: solid 1px #84CAFF;
	font-size: 14px;
}
article section#recruit-form div.search-f div {
	margin: 0px;
	padding: 0px 0px 15px;
}
article section#recruit-form div.search-f div label {
	margin: 0px;
	padding: 0px 0px 0px 25px;
	width: 125px;
	display: inline-block;
	background-image: url(images/arrow02_aqa.png);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}
article section#recruit-form div.search-f div input.text-f {
	margin: 0px;
	padding: 0px;
	height: 25px;
	border: 1px solid #d2d2d2;
	background: #f5f5f5;
	border-radius: 3px;
	font-size: 16px;
	color: #333333;
}
article section#recruit-form div.search-f div.search-btn {
	margin: 0px;
	padding: 0px;
	text-align: center;
	width: 100%;
}
article section#recruit-form div.search-f input.searchsubmit {
	margin: 0px;
	padding: 0px;
	height: 40px;
	width: 200px;
	font-size: 16px;
	border: solid 1px #0076C1;
	border-radius: 5px;
	background-color: #2C94E3;
	color: #fff;
	font-weight: bold;
	transition: 1.0s;
	cursor: pointer;
}
article section#recruit-form div.search-f input.searchsubmit:hover {
	background-color: #CCE9FF;
	color: #0076C1;
	border: solid 1px #0076C1;
}
article section input.wpcf7c-elm-step1,
article section input.wpcf7c-elm-step2,
article section input.wpcf7-submit {
	margin: 0px;
	padding: 0px;
	height: 50px;
	width: 250px;
	font-size: 16px;
	cursor: pointer;
}

article section#recruit-form div#s-results {
	margin: 0px 0px 10px;
	padding: 10px;
	background-color: #777;
	color: #fff;
	font-size: 14px;
}

/* --- ページナビ --- */
article section#recruit-form div.wp-pagenavi,
article section#blog-form div.wp-pagenavi {
	margin: 0px 0px 20px;
	padding: 0px;
	font-size: 14px;
	text-align: right;
}
article section#recruit-form div.wp-pagenavi span.pages, 
article section#blog-form div.wp-pagenavi span.pages {
	margin: 0px;
	padding: 5px;
}
article section#recruit-form div.wp-pagenavi span.current, 
article section#blog-form div.wp-pagenavi span.current {
	margin: 0px 5px;
	padding: 0px 5px;
	text-align: center;
	display: inline-block;
	border: 1px solid #E8E8E8;
	background-color: #E4F3FF;
}
article section#recruit-form div.wp-pagenavi a.page, 
article section#recruit-form div.wp-pagenavi a.nextpostslink, 
article section#recruit-form div.wp-pagenavi a.previouspostslink, 
article section#blog-form div.wp-pagenavi a.page, 
article section#blog-form div.wp-pagenavi a.nextpostslink, 
article section#blog-form div.wp-pagenavi a.previouspostslink {
	margin: 0px 5px;
	padding: 0px 5px;
	border: 1px solid #0076C1;
	text-align: center;
	display: inline-block;
	color: #fff;
	background-color: #2C94E3;
}
article section#recruit-form div.wp-pagenavi a.page:hover, 
article section#recruit-form div.wp-pagenavi a.nextpostslink:hover, 
article section#recruit-form div.wp-pagenavi a.previouspostslink:hover, 
article section#blog-form div.wp-pagenavi a.page:hover, 
article section#blog-form div.wp-pagenavi a.nextpostslink:hover, 
article section#blog-form div.wp-pagenavi a.previouspostslink:hover {
	margin: 0px 5px;
	padding: 0px 5px;
	border: 1px solid #0076C1;
	text-align: center;
	display: inline-block;
	color: #0076C1;
	background-color: #CCE9FF;
}

/* --- エリアマップ --- */
article section#recruit-form div#map_wrap {
	text-align: center;
	margin: 0px auto 20px;
	padding: 0px;
	width: 720px;
	height: 620px;
}

/* 見出しベース
--------------------------------------------- */
article div#container h3 {
	font-size: 18px;
	margin: 0px 0px 20px;
	font-weight: bold;
}
article div#container h4 {
	font-size: 15px;
	margin: 0px 0px 20px;
	font-weight: 600;
}

/* シンプル見出し */
article div#container h3 {
	border:solid 1px #ddd;
	-moz-border-radius: 5px; /* FF */
	-webkit-border-radius: 5px;/* Webkit */
	border-radius: 5px;
	background: #eee;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
	background: -moz-linear-gradient(top,  #fff,  #eee);
	padding: 10px;
	-pie-background:linear-gradient(top,  #fff,  #eee);
	behavior: url(http://www.webcreatorbox.com/sample/images/PIE.htc);  /* ie */
	background:linear-gradient(to bottom, #fff, #eee); /* IE */
}
article div#container h3 span {
	border-left: 5px #3cf solid;
	padding-left: 10px;
}

article div#container h4 {
	padding: 10px 0px 10px 30px;
	background-image: url(images/arrow02_ble.png);
	background-repeat: no-repeat;
	background-position: 10px 13px;
	background-color: #555555;
	margin-bottom: 10px;
	color: #fff;
	border-radius: 5px;
}
article div#container h5 {
	font-size: 16px;
	margin: 0px;
	padding: 0px;
}
article div#container h6 {
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}


/* ポップ見出し h3 */
article#recruit div#container h3.title, 
article#base div#container h3.title, 
article#info div#container h3.title, 
article#blog div#container h3.title, 
article#jobs-info div#container h3.title {
	background: none;
	position: relative;
	padding: 0.5em 0.75em;
	background-color: #2C94E3;
	border: 1px solid #0076C1;
	border-radius: 6px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 2em;
}
article#recruit div#container h3.title::before, 
article#recruit div#container h3.title::after, 
article#base div#container h3.title::before, 
article#base div#container h3.title::after, 
article#info div#container h3.title::before, 
article#info div#container h3.title::after, 
article#blog div#container h3.title::before, 
article#blog div#container h3.title::after, 
article#jobs-info div#container h3.title::before,
article#jobs-info div#container h3.title::after {
	position: absolute;
	top: 100%;
	left: 30px;
	content: '';
	height: 0;
	width: 0;
	border: 10px solid transparent;
}
article#recruit div#container h3.title::before, 
article#base div#container h3.title::before, 
article#info div#container h3.title::before, 
article#blog div#container h3.title::before, 
article#jobs-info div#container h3.title::before {

	border-top: 15px solid #0076C1;
}
article#recruit div#container h3.title::after, 
article#base div#container h3.title::after, 
article#info div#container h3.title::after, 
article#blog div#container h3.title::after, 
article#jobs-info div#container h3.title::after {
	margin-top: -2px;
	border-top: 15px solid #2C94E3;
}
article#recruit div#container h3.title a, 
article#base div#container h3.title a, 
article#info div#container h3.title a, 
article#blog div#container h3.title a, 
article#jobs-info div#container h3.title a { color: #fff; }

article#recruit div#container h3.title span, 
article#base div#container h3.title span, 
article#info div#container h3.title span, 
article#blog div#container h3.title span, 
article#jobs-info div#container h3.title span {
	border: none;
	padding: 0px;
}
article#recruit div#container h3.title2 {
	border-radius: 10px 10px 0 0;
	font-weight: bold;
	text-align: center;
	background-image: none;
	margin: 0px;
	padding: 10px;
	font-size: 18px;
	background-color: #2c94e3;
	color: #FFFFFF;
	border: 1px solid #2C94E3;
}

/* ポップ見出し h4 */
article#recruit div#container h4.title , 
article#base div#container h4.title {
	color: #2C94E3;
	padding-bottom: 5px;
	border-left: double 6px #2C94E3;
	border-bottom: dashed 1px #aaa;
	padding-left: 10px;
	padding-top: 5px;
	background-color: transparent;
	background-image: none;
	border-radius: 0px;
}
article#info div#container h4.blog-title,
article#blog div#container h4.blog-title, 
article#jobs-info div#container h4.blog-title{
	background-color: #5DB901;
	background-image: url(images/arrow02_org.png);
	margin: 0px 0px 20px;
	padding: 10px 10px 10px 30px;
	border-radius: 5px;
	background-repeat: no-repeat;
	background-position: 10px 14px;
}
article#recruit div#container h4.title a, 
article#base div#container h4.title a {
	color: #2C94E3;
}
article#info div#container h4.blog-title a, 
article#blog div#container h4.blog-title a, 
article#jobs-info div#container h4.blog-title a { color: #fff; }

article#recruit div#container h4.title a:hover, 
article#base div#container h4.title a:hover {
	color: #7EBFF0;
}

article div#container aside h4.side-title {
	background-color: #000;
	background-image: url(images/side_bk.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
	padding: 0px;
	height: 120px;
	width: 220px;
	text-align: center;
	line-height: 120px;
	font-size: 20px;
	border-radius: 5px 5px 0px 0px;
}

article#recruit div#container aside h4.side-title, 
article#base div#container aside h4.side-title {
	background-color: #fff;
	background-image: url(images/side_bk2.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border-radius: 5px 5px 0px 0px;
}

/* 右メニュー
--------------------------------------------- */
article aside {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 220px;
}
article aside p {
	margin: 0px 0px 10px;
	padding: 0px;
	display: block;
	width: 220px;
	vertical-align: bottom;
}

article aside div {
	margin: 0px 0 20px 0px;
	padding: 0px;
	width: 220px;
	background-color: #000;
	border-radius: 0px 0px 5px 5px;
}
article div#container aside ul {
	margin: 0px auto;
	padding: 0px 0px 15px;
	list-style: none;
	width: 200px;
	border-top: dotted 1px #555;
}
article div#container aside ul li {
	margin: 0px;
	padding: 0px;
	height: 50px;
	width: 200px;
	border-bottom: dotted 1px #555;
}
article div#container aside ul li a {
	color: #fff;
	display: block;
	margin: 0px;
	padding: 0px 0px 0px 20px;
	height: 50px;
	width: 180px;
	line-height: 50px;
	background-image: url(images/arrow02_gry.png);
	background-repeat: no-repeat;
	background-position: 0px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
article div#container aside ul li a:hover {
	color: #33CCFF;
	background-image: url(images/arrow02_aqa.png);
	background-repeat: no-repeat;
	background-position: 0px;
}

article#recruit aside, 
article#base aside, 
article#info aside, 
article#blog aside, 
article#jobs-info aside {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 220px;
}
article#recruit aside div, 
article#base aside div, 
article#info aside div {
	margin: 0px 0 20px 0px;
	padding: 0px;
	width: 220px;
	background-color: #5db901;
	border-radius: 0px 0px 5px 5px;
}

article#blog aside div, 
article#jobs-info aside div {
	margin: 0px 0 20px 0px;
	padding: 10px;
	width: 200px;
	background-color: #5db901;
	border-radius: 5px;
}
article#recruit div#container aside ul, 
article#base div#container aside ul, 
article#info div#container aside ul, 
article#blog div#container aside ul, 
article#jobs-info div#container aside ul {
	margin: 0px auto;
	padding: 0px 0px 15px;
	list-style: none;
	width: 200px;
	border-top: dotted 1px #9add05;
}
article#recruit div#container aside ul li, 
article#base div#container aside ul li, 
article#info div#container aside ul li, 
article#blog div#container aside ul li,
article#jobs-info div#container aside ul li {
	margin: 0px;
	padding: 0px;
	height: 50px;
	width: 200px;
	border-bottom: dotted 1px #9add05;
}
article#recruit div#container aside ul li a,
article#base div#container aside ul li a, 
article#info div#container aside ul li a, 
article#blog div#container aside ul li a,
article#jobs-info div#container aside ul li a {
	color: #fff;
	display: block;
	margin: 0px;
	padding: 0px 0px 0px 20px;
	height: 50px;
	width: 180px;
	line-height: 50px;
	background-image: url(images/arrow02_org.png);
	background-repeat: no-repeat;
	background-position: 0px;
}
article#recruit div#container aside ul li a:hover,
article#base div#container aside ul li a:hover, 
article#info div#container aside ul li a:hover, 
article#blog div#container aside ul li a:hover,
article#jobs-info div#container aside ul li a:hover {
	color: #FFFF00;
	background-image: url(images/arrow02_ylw.png);
	background-repeat: no-repeat;
	background-position: 0px;
}

/* フッター
--------------------------------------------- */
footer {
	background-color: #dddddd;
	margin: 0px;
	padding: 0px;
	border-top: #999999 solid 3px;
}

/* --- その他 --- */
.over-form {
	margin: 0px;
	padding: 5px;
	width: 95%;
	height: 100px;
	overflow: auto;
	border: solid 1px #ccc;
}


@media print, screen and (min-width:721px) {
/* パソコン用のcssを記述▼
--------------------------------------------- */

body, html, main {
    min-width:1000px;
}

header {
	margin: 0px;
	padding: 0px;
}
header div#word div.box {
	margin: 0px auto;
	padding: 0px;
	height: 30px;
	width: 1000px;
	position: relative;
}
header div#word div.box h1 {
	font-size: 0.82em;
	line-height: 30px;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 850px;
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
}
header div#word div.box p {
	margin: 7px 0px 0px;
	padding: 0px;
	height: 15px;
	width: 142px;
	position: absolute;
	top: 0px;
	right: 0px;
}
header div#word div.box p a {
	margin: 0px;
	padding: 0px;
	height: 15px;
	width: 142px;
	display: block;
	font-size: 10px;
	background-image: url(images/sprite.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
}
header div#head {
	display: flex;
	align-items: center;
	margin: 0px auto;
	padding: 0 16px;
	height: 70px;
	width: 1000px;
	position: relative;
}
header div#head .site-logo-wrap {
	margin: 0px;
	padding: 0px;
}
header div#head .site-logo-wrap a {
	display: block;
	margin: 0px;
	padding: 0px;
}
header div#head .site-logo-wrap a img{
	display: block;
	width: auto;
	height: 34px;
}
header div#head ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 315px;
	display: block;
	left: 402px;
	top: 28px;
	position: absolute;
}
header div#head li {
	margin: 0px 10px 0px 0px;
	padding: 0px;
	height: 20px;
	font-size: 11px;
	line-height: 20px;
	float: left;
	font-weight: bold;
	letter-spacing: -0.05em;
}
header div#head p {
	margin: 0px;
	padding: 0px;
	height: 50px;
	width: 280px;
	font-size: 10px;
	position: absolute;
	top: 10px;
	right: 0px;
	text-indent: -9999px;
}
header div#head p a {
	height: 50px;
	width: 280px;
	display: block;
	background-image: url(images/sprite.png);
	background-repeat: no-repeat;
	background-position: 0px -59px;
}

/* トップページ　スライダー
--------------------------------------------- */
article div#slider {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
article div#slider img {
	object-fit: cover;
	object-position: center top;
	font-family: "object-fit: cover; object-position: center top";
	width: 100%;
	max-height: 520px;
	text-align: center;
	vertical-align: bottom;
}
article div#slider img.coverPosition {
	object-position:100% 50%;
}
article div#slider2 { display: none; }

/* ----- ページ 求人情報バナー
---------------------------------------------*/
article section#top-recruit {
	background-image: url(images/top_rec_bk.png);
	background-repeat: repeat-x;
	background-position: center top;
	margin: 30px 0px 0px;
	padding: 0px;
	height: 200px;
}
article section#top-recruit div.in-box {
	height: 180px;
	background-image: url(images/top_rec_img2.png);
	background-repeat: no-repeat;
	background-position: left center;
	width: 650px;
	padding-left: 350px;
	padding-top: 20px;
}
article section#top-recruit h3 {
	color: #fff;
	font-size: 28px;
	margin: 0px 0px 15px;
	padding: 0px;
}
article section#top-recruit p {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 50px;
	width: 650px;
	text-align: center;
	line-height: 50px;
	font-size: 24px;
}
article section#top-recruit p a {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 50px;
	width: 650px;
	color: #303680;
	font-weight: bold;
	background-color: #FFFFFF;
	border-radius: 5px;
}
article section#top-recruit p a:hover {
	background-color: #E2FFA3;
	color: #303680;
}

/* ----- トップ　特徴
---------------------------------------------*/
article section#top-chara {
	background-image: url(images/top_bild_bk.png);
	background-repeat: repeat-x;
	background-position: center 225px;
	margin: 0px;
	padding: 75px 0px 125px;
	text-align: center;
}
article section#top-chara h3 {
	font-size: 30px;
	font-weight: 800;
	color: #4f58bf;
}
article section#top-chara div.in-box p {
	line-height: 1.75;
	font-size: 16px;
}

/* ----- トップ　サービス
---------------------------------------------*/
article section#top-service {
	margin: 0px;
	padding: 0px;
}
article section#top-service ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
article section#top-service ul li {
	margin: 0px;
	padding: 0px;
	width: 25%;
	float: left;
	height: 100%;
}
article section#top-service ul li#sv01 { background-color: #8990CF; }
article section#top-service ul li#sv02 { background-color: #E7A74C; }
article section#top-service ul li#sv03 { background-color: #70CED7; }
article section#top-service ul li#sv04 { background-color: #94D560; }
article section#top-service ul li div {
	margin: 0px;
	padding: 0px;
	background-color: #fff;
}
article section#top-service ul li div img {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 100%;
	vertical-align: bottom;
}
article section#top-service ul li div img a:hover {
	display: inline-block;
}
article section#top-service ul li h4 {
	text-align: center;
	font-size: 20px;
	margin: 10px 0px;
	padding: 0px;
	color: #fff;
}
article section#top-service ul li h4 a { color: #fff; }
article section#top-service ul li h4 a:hover { opacity: 0.7; }
article section#top-service ul li p {
	margin: 0px 20px 20px;
	padding: 0px;
	color: #fff;
	font-size: 14px;
	line-height: 2;
	height: 250px;
}

/* ----- トップ　ニュース
---------------------------------------------*/
article section#top-news h4 {
	font-size: 24px;
	letter-spacing: 0.2em;
	margin-bottom: 10px;
}
article section#top-news dl {
	display: grid;
	grid-template-columns: 236px 780px;
	margin: 0px;
	padding: 0px;
	line-height: 25px;
}
article section#top-news dl dt {
	margin: 0px 20px 0px 0px;
	padding: 15px 0px;
	display: block;
}
article section#top-news dl dt span.info, 
article section#top-news dl dt span.blog,
article section#top-news dl dt span.jobs-info,
article section#top-news dl dt span.base-osakakatanocenter {
	margin: 0px 10px 0px 0px;
	padding: 0 .5em;
	height: 25px;
	display: inline-block;
	text-align: center;
	color: #fff;
	border-radius: 3px;
}
article section#top-news dl dt span.info { background-color: #8aaf82; }
article section#top-news dl dt span.blog { background-color: #db9a5b; }
article section#top-news dl dt span.jobs-info { background-color: #79a3de; }
article section#top-news dl dt span.base-osakakatanocenter { background-color: #70CED7; }
article section#top-news dl dd {
	margin: 0px;
	padding: 15px 0px;
	display: block;
}
article section#top-news dl dd span {
	background-color: #e65d5f;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	height: 25px;
	display: inline-block;
	text-align: center;
	color: #fff;
	width: 50px;
	border-radius: 3px;
	font-size: 12px;
}

/* 緑色背景　写真左、文章右 */
article section#page-box div.box1 div.img {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 240px;
}
article section#page-box div.box1 div.txt {
	margin: 0px;
	padding: 0px;
	float: right;
	display: block;
	width: 475px;
}

/* 緑色背景　写真のみ */
article section#page-box div.box2 {
	margin: 0px auto;
	padding: 20px 0px 0px;
	width: 580px;
}
article section#page-box div.box2 div {
	margin: 0px 20px 20px;
	padding: 0px;
	width: 250px;
	float: left;
}

/* チャーター輸送メリット */
article section#page-box ul.charter {
	list-style: none;
	margin: 0px auto 20px;
	padding: 0px;
	width: 560px;
	display: block;
}
article section#page-box ul.charter li {
	margin: 0px 20px 20px;
	padding: 0px;
	float: left;
	height: 155px;
	width: 240px;
	display: block;
}

article section#page-box div.titleimg div.point {
	margin: 30px auto 0px;
	padding: 0px 0px 0px 5px;
	height: 200px;
	width: 700px;
}

article section#recruit-form div.set ul.recruit-btn {
	list-style: none;
	margin: 0px 0px 20px;
	padding: 0px;
}
article section#recruit-form div.set ul.recruit-btn li {
	margin: 0px 5px 10px;
	padding: 0px;
	float: left;
	width: 370px;
	height: 200px;
}
article section#recruit-form div.set ul.recruit-btn li p {
	margin: 0px;
	padding: 5px;
	height: 50px;
}

article section#recruit-form div#btn-entry {
	margin: 0px auto;
	padding: 0px;
	height: 120px;
	width: 750px;
}
article section#recruit-form div#btn-entry-mobile { display: none; }

article section#recruit-form div.search-f div select, 
article section#recruit-form div.search-f div input.text-f { width: 500px; }

article div.greeting div.img {
	margin: 0px;
	padding: 0px;
	width: 300px;
	float: left;
}
article div.greeting div.txt {
	margin: 0px 0px 20px;
	padding: 0px 0px 0px 20px;
	float: right;
	width: 440px;
}
article section#page-box p#idea {
	margin: 0px;
	padding: 15px 0px 0px 200px;
	height: 125px;
	background-image: url(images/img_company_logo.png);
	background-repeat: no-repeat;
	background-position: 20px center;
	font-size: 20px;
	line-height: 1.75;
	vertical-align: middle;
	color: #2E296A;
	font-weight: 600;
}
article div#inq {}
article div#inq div {
	margin: 0px auto 30px;
	padding: 0px;
	height: 100px;
	width: 750px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	position: relative;
}
article div#inq div.btn-inq01 h4, 
article div#inq div.btn-inq02 h4, 
article div#inq div.btn-inq03 h4 {
	background-image: url(images/arrow02_red.png);
	background-color: transparent;
	font-size: 18px;
	line-height: 18px;
	color: #9F0002;
	margin: 0px;
	padding: 0px 0px 0px 20px;
	background-repeat: no-repeat;
	background-position: 0px 2px;
	display: block;
	position: absolute;
	left: 15px;
	top: 30px;
	width: 350px;
	height: 18px;
}

article div#inq div.btn-inq01 p.txt, 
article div#inq div.btn-inq02 p.txt, 
article div#inq div.btn-inq03 p.txt {
	margin: 0px;
	padding: 0px;
	display: block;
	position: absolute;
	width: 370px;
	left: 36px;
	top: 60px;
}
article div#inq div a {
	margin: 0px;
	padding: 0px;
	height: 100px;
	width: 750px;
	display: block;
}
article div#inq div.btn-inq01 { background-image: url(images/bn_inq01.png); }
article div#inq div.btn-inq02 { background-image: url(images/bn_inq02.png); }
article div#inq div.btn-inq03 { background-image: url(images/bn_inq03.png); }
article section#recruit-form ul#prof {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 5px;
}
article section#recruit-form ul#prof li {
	margin: 0px 6px;
	padding: 0px;
	width: 238px;
	display: block;
	float: left;
}

article section#recruit-form div#template div.temp-l {
	border: solid 1px #84CAFF;
	width: 206px;
	height: 154px;
	text-align: center;
	border-radius: 3px;
	margin: 0px;
	padding: 0px;
	float: left;
}
article section#recruit-form div#template div.temp-l img {
	width: 200px;
	height: 150px;
	vertical-align: bottom;
	margin-top: 2px;
	border-radius: 3px;
}
article section#recruit-form div#template div.temp-r {
	margin: 0px;
	padding: 0px;
	width: 530px;
	float: right;
}
article section#recruit-form ul#flow {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 10px;
}
article section#recruit-form ul#flow li {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 185px;
}
article div.point div.img {
	margin: 0px;
	padding: 0px;
	width: 400px;
	float: left;
}
article div.point div.txt {
	margin: 0px 0px 20px;
	padding: 0px 0px 0px 20px;
	float: right;
	width: 340px;
}
article section#recruit-form div.set ul.beginner {
	list-style: none;
	margin: 0px 0px 20px;
	padding: 0px 0px 0px 20px;
}
article section#recruit-form div.set ul.beginner li {
	margin: 0px 30px 10px;
	padding: 0px;
	float: left;
	width: 300px;
}
article section#recruit-form div.set ul.safety {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 5px;
}
article section#recruit-form div.set ul.safety li {
	margin: 0px 5px;
	padding: 0px;
	float: left;
	width: 240px;
}
article section#recruit-form div.set dl#growth dd p.img-l {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 300px;
}
article section#recruit-form div.set dl#growth dd p.txt-r {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 420px;
}
article section#recruit-form div.set dl#growth dd img {
	margin: 0px;
	padding: 0px;
}
article section#recruit-form div.set ul.recruit-btn li h4 {
	color: #2c94e3;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	display: block;
	height: 100px;
	width: 360px;
	background-image: none;
	background-color: transparent;
	line-height: 100px;
	font-size: 18px;
}
article section#recruit-form div.set ul.recruit-btn li a.btn {
	margin: 0px;
	padding: 0px;
	display: block;
	height: 98px;
	width: 368px;
	background-repeat: no-repeat;
	border-radius: 5px;
	border: 1px solid #2C94E3;
}
article section#recruit-form div.set ul.recruit-btn li div {
	width: 370px;
	height: 30px;
	margin: 0px;
	padding: 0px;
}
article section#recruit-form div.set ul.recruit-btn li div a {
	margin: 0px;
	padding: 0px;
	width: 370px;
	height: 30px;
	background-image: none;
	background-color: #2c94e3;
	display: block;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	border-radius: 15px;
	line-height: 30px;
}

article section#recruit-form div.nice {
	margin: 0px;
	padding: 20px 70px 30px;
}
article section#recruit-form div.nice div {
	margin: 0px;
	padding: 0px;
	width: 300px;
}
article section#recruit-form div.nice p.txt {
	text-align: center;
	margin: 0px;
	padding: 20px 0px 0px;
}
article section#recruit-form div.nice div.img-l { float: left; }
article section#recruit-form div.nice div.img-r { float: right; }


/* ----- ページトップへ▲
---------------------------------------------*/
article div#pagetop {
	margin: 30px auto 0px;
	padding: 0px;
	width: 1000px;
	height: 45px;
	position: relative;
}
article div#pagetop a {
	margin: 0px;
	padding: 0px;
	height: 45px;
	width: 150px;
	line-height: 45px;
	position: absolute;
	top: 0px;
	right: 0px;
	display: block;
	background-color: #999999;
	text-align: center;
	color: #fff;
}

footer div.box {
	margin: 0px auto;
	padding: 20px 0px 0px;
	width: 1000px;
	position: relative;
}

footer ul#banner {
	list-style: none;
	margin: 0px;
	padding: 0px;
	height: 80px;
	display: block;
	width: 1000px;
	position: relative;
}
footer ul#banner li {
	margin: 0px;
	padding: 0px;
	height: 80px;
	width: 320px;
	display: block;
	position: absolute;
	top: 0px;
	text-indent: -9999px;
}
footer ul#banner li a {
	margin: 0px;
	padding: 0px;
	height: 80px;
	width: 320px;
	display: block;
}

footer ul#banner li#bn02 a {  background-image: url(images/bn_phonemail.png); }
footer ul#banner li#bn03 { left: 340px; }
footer ul#banner li#bn03 a {  background-image: url(images/bn_phonerecruit.png); }

footer nav {
	margin: 20px 0px;
	padding: 0px;
	height: 30px;
}
footer nav ul {
	margin: 0px;
	list-style: none;
	padding: 0px;
	font-weight: bold;
}
footer nav ul li {
	margin: 0px 25px 0px 27px;

	padding: 0px;
	float: left;
	height: 30px;
	text-align: center;
	line-height: 30px;
	display: block;
}
footer nav ul li a {
	display: inline-block;
	margin: 0px;
	padding: 0px;
}

footer div#address {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	height: 90px;
}
footer div#address div.box {
	margin: 0px auto;
	padding: 0px;
	width: 1000px;
	height: 90px;
}
footer div#gmark {
	margin: 0px;
	padding: 0px;
	height: 51px;
	width: 45px;
	position: absolute;
	top: 19px;
	right: 0px;
}
footer div#logo {
	margin: 0px;
	padding: 0px;
	height: 24px;
	width: 247px;
	position: absolute;
	left: 0px;
	top: 33px;
	text-indent: -9999px;
}
footer div#logo a {
	display: block;
	margin: 0px;
	padding: 0px;
}
footer div#logo a img{
	display: block;
	width: auto;
	height: 24px;
}

footer address {
	font-size: 12px;
	line-height: 20px;
	font-style: normal;
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 680px;
	display: block;
	position: absolute;
	left: 265px;
	top: 38px;
}

footer div#copy {
	background-color: #333333;
	color: #FFFFFF;
	text-align: center;
	margin: 0px;
	padding: 0px;
	height: 50px;
	line-height: 50px;
}
footer address span.add, 
footer address span.num {
	padding-right: 10px;
}
footer div#copy span.copy {
	padding-right: 5px;
}

footer div#copy {
	background-color: #333333;
	color: #FFFFFF;
	text-align: center;
	margin: 0px;
	padding: 0px;
	height: 50px;
	line-height: 50px;
}

/* パソコン用のcssを記述▲
--------------------------------------------- */
}

@media screen and (max-width:720px) {
/* スマホ用のcssを記述▼
--------------------------------------------- */

body{
	min-width:initial;
}
div.in-box {
	margin: 0px;
	padding: 0px;
	width: 100%;
}

/* --- ヘッダー ---- */
header {
	width: 100%;
	margin: 0px;
	padding: 0px;
}
header div#word div.box {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
header div#word div.box h1 {
	font-size: 0.82em;
	line-height: 1.5;
	margin: 0px 0px 5px;
	padding: 0px 20px;
	display: block;
	text-align: center;
}
header div#word div.box p {
    margin: 0px auto;
    padding: 0px;
    height: 15px;
    width: 142px;
    display: block;
}
header div#word div.box p a {
	margin: 0px;
	padding: 0px;
	height: 15px;
	width: 142px;
	display: block;
	font-size: 10px;
	background-image: url(images/sprite.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
}
header div#head {
	margin: 0px auto;
	padding: 15px 0px 0px;
	width: 100%;
}
header div#head div {
	margin: 0px;
	padding: 0px;
}
header div#head .site-logo-wrap {
	margin: 0px auto 15px;
	padding: 0px;
	display: block;
}
header div#head .site-logo-wrap a {
	display: block;
	margin: 0px;
	padding: 0px;
}
header div#head .site-logo-wrap a img{
	display: block;
	height: 32px;
	width: auto;
	margin-inline: auto;
}
header div#head p {
	margin: 0px auto 20px;
	padding: 0px;
	height: 50px;
	width: 280px;
	font-size: 10px;
	text-indent: -9999px;
	display: block;
}
header div#head p a {
	height: 50px;
	width: 280px;
	display: block;
	background-image: url(images/sprite.png);
	background-repeat: no-repeat;
	background-position: 0px -59px;
}

/* --- 表示しない --- */
div#globalnav, 
article div#slider, 
article div#eyecatch, 
article div#eyecatch-recruit, 
article aside, 
header div#head ul,
footer nav { display: none; }

/* --- コンテナ --- */
article div#container {
	margin: 0px auto;
	padding: 0px;
	width: 365px;
}

/* --- トップセクション --- */
article section#recruit-form, 
article section#blog-form, 
article section#page-box {
	margin: 0px;
	padding: 0px;
	width: 100%;
}

/* --- トップページ　スライダー --- */
article div#slider2 {
	margin: 0px 0px 20px;
	padding: 0px;
	width: 100%;
}
article div#slider2 img {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
}

/* --- ページ 求人情報バナー --- */
article section#top-recruit {
	background-image: url(images/top_rec_bk.png);
	background-repeat: repeat-x;
	background-position: center top;
	margin: 0px;
	padding: 15px 0px;
}
article section#top-recruit div.in-box { width: 100%; }
article section#top-recruit h3 {
	color: #fff;
	font-size: 4vw;
	margin: 0px 0px 15px;
	padding: 0px;
	text-align: center;
}
article section#top-recruit p {
	display: block;
	margin: 0px 20px;
	padding: 0px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 3.5vw;
}
article section#top-recruit p a {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 50px;
	width: 100%;
	color: #303680;
	font-weight: bold;
	background-color: #FFFFFF;
	border-radius: 5px;
}
article section#top-recruit p a:hover {
	background-color: #E2FFA3;
	color: #303680;
}

/* --- トップ　特徴 --- */
article section#top-chara {
	background-image: url(images/top_bild_bk.png);
	background-repeat: repeat-x;
	background-position: center 200px;
	margin: 0px;
	padding: 30px 0px 75px;
	text-align: center;
}
article section#top-chara h3 {
	font-size: 4vw;
	font-weight: 800;
	color: #4f58bf;
	margin: 0px 0px 10px;
	padding: 0px;
}
article section#top-chara div.in-box {
	margin: 0px;
	padding: 0px;
}
article section#top-chara div.in-box p {
	line-height: 1.75;
	font-size: 3vw;
	margin: 0px 20px;
	padding: 0px;
	text-align: left;
}

/* --- トップ　サービス --- */
article section#top-service {
	margin: 0px;
	padding: 0px;
}
article section#top-service ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
article section#top-service ul li {
	margin: 0px;
	padding: 15px 20px 20px;
}
article section#top-service ul li#sv01 { background-color: #8990CF; }
article section#top-service ul li#sv02 { background-color: #E7A74C; }
article section#top-service ul li#sv03 { background-color: #70CED7; }
article section#top-service ul li#sv04 { background-color: #94D560; }
article section#top-service ul li div { display: none; }
article section#top-service ul li div img { display: none; }
article section#top-service ul li h4 {
	text-align: center;
	font-size: 4vw;
	margin: 0px 0px 10px;
	padding: 0px;
	color: #fff;
}
article section#top-service ul li h4 a {
	color: #fff;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 5px;
}
article section#top-service ul li h4 a:hover { opacity: 0.7; }
article section#top-service ul li#sv01 h4 a { background-color: #666EB4; }
article section#top-service ul li#sv02 h4 a { background-color: #D18A24; }
article section#top-service ul li#sv03 h4 a { background-color: #4FB0B9; }
article section#top-service ul li#sv04 h4 a { background-color: #79B846; }
article section#top-service ul li p {
	margin: 0px;
	padding: 0px;
	color: #fff;
	font-size: 3vw;
	line-height: 2;
	text-align: left;
}

/* --- トップ　ニュース --- */
article section#top-news h4 {
	font-size: 4vw;
	letter-spacing: 0.2em;
	margin-bottom: 5px;
	text-align: center;
}
article section#top-news dl {
	grid-template-columns: 1fr;
	font-size: 3vw;
	margin: 0px 20px;
	padding: 0px;
	line-height: 25px;
}
article section#top-news dl dt {
	margin: 0px 20px 0px 0px;
	padding: 15px 0px 0px
}
article section#top-news dl dt span.info, 
article section#top-news dl dt span.blog,
article section#top-news dl dt span.jobs-info,
article section#top-news dl dt span.base-osakakatanocenter {
	margin: 0px 10px 0px 0px;
	padding: 0 .5em;
	height: 25px;
	min-width: 80px;
	display: inline-block;
	text-align: center;
	color: #fff;
	border-radius: 3px;
}
article section#top-news dl dt span.info { background-color: #8aaf82; }
article section#top-news dl dt span.blog { background-color: #db9a5b; }
article section#top-news dl dt span.jobs-info { background-color: #79a3de; }
article section#top-news dl dt span.base-osakakatanocenter { background-color: #70CED7; }
article section#top-news dl dd {
	margin: 0px;
	padding: 15px 0px 10px;
	border-bottom: 1px dotted #ccc;
}
article section#top-news dl dd span {
	background-color: #e65d5f;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	height: 25px;
	display: inline-block;
	text-align: center;
	color: #fff;
	width: 50px;
	border-radius: 3px;
	font-size: 12px;
}

/* --- 緑色背景　写真左、文章右 --- */
article section#page-box div.box1 div.img {
	margin: 0px auto 10px;
	padding: 0px;
	width: 240px;
}
article section#page-box div.box1 div.txt {
	margin: 0px auto;
	padding: 0px;
	width: 90%;
}
article section#page-box div.box1 div.txt p {
	margin: 0px;
	padding: 0px;
}
article section#page-box div.box1 div.txt h5.simple {
	background-image: url(images/arrow03_ylw.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	padding: 5px 0px 5px 30px;
	font-size: 15px;
	color: #fff;
	border-radius: 20px;
	background-color: #83AD14;
	margin-bottom: 10px;
}

/* --- 緑色背景　写真のみ --- */
article section#page-box div.box2 {
	margin: 0px auto;
	padding: 0px;
	width: 250px;
}
article section#page-box div.box2 div {
	margin: 0px 0px 20px;
	padding: 0px;
	width: 250px;
}

/* --- チャーター輸送メリット --- */
article section#page-box ul.charter {
	list-style: none;
	margin: 0px 0px 20px;
	padding: 0px;
	width: 100%;
	display: block;
}
article section#page-box ul.charter li {
	margin: 0px auto 20px;
	padding: 0px;
	height: 155px;
	width: 240px;
	display: block;
}

/* --- 輸配送サービスポイント --- */
article section#page-box div.titleimg div.point {
	margin: 15px auto 0px;
	padding: 0px;
	width: 100%;
}

/* --- 採用情報　求人バナー --- */
article section#recruit-form div#btn-entry { display: none; }
article section#recruit-form div#btn-entry-mobile {
	background-image: url(images/top_rec_bk.png);
	background-repeat: repeat-x;
	background-position: center top;
	margin: 0px;
	padding: 15px 0px;
	border-radius: 5px;
}
article section#recruit-form div#btn-entry-mobile div.in-box { width: 100%; }
article section#recruit-form div#btn-entry-mobile div.h3 {
	color: #fff;
	font-size: 3.8vw;
	margin: 0px 0px 15px;
	padding: 0px;
	text-align: center;
	font-weight: 800;
}
article section#recruit-form div#btn-entry-mobile div.btn {
	display: block;
	margin: 0px 20px;
	padding: 0px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 3.2vw;
	background-color: #FFFFFF;
	border-radius: 5px;
}
article section#recruit-form div#btn-entry-mobile div.btn a {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 50px;
	color: #303680;
	font-weight: bold;
}
article section#recruit-form div#btn-entry-mobile div.btn a:hover {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 50px;
	background-color: #E2FFA3;
	color: #303680;
	border-radius: 5px;
}

/* --- 採用情報検索 --- */
h3.jobselect, 
h3.areaselect, 
div.jobselect, 
div#map_wrap { display: none; }

article section#recruit-form div.search-f div select, 
article section#recruit-form div.search-f div input.text-f { width: 80%; }

/* --- あいさつ --- */
article div.greeting div.img {
	margin: 0px auto 20px;
	padding: 0px;
	width: 300px;
}
article div.greeting div.txt {
	margin: 0px 0px 20px;
	padding: 0px;
	width: 100%;
}
article section#page-box p#idea {
	margin: 0px;
	padding: 0px 0px 0px 120px;
	height: 125px;
	background-image: url(images/img_company_logo_mobile.png);
	background-repeat: no-repeat;
	background-position: 20px 10px;
	font-size: 3vw;
	line-height: 1.75;
	vertical-align: middle;
	color: #2E296A;
	font-weight: 600;
}

/* --- 採用情報 --- */
article section#recruit-form ul#prof {
	list-style: none;
	width: 100%;
	margin: 0px;
	padding: 0px 0px 0px 5px;
}
article section#recruit-form ul#prof li {
	margin: 0px auto;
	padding: 0px;
	width: 100%px;
	display: block;
}
article section#recruit-form ul#prof li div { margin: 0px auto 10px; }
article section#recruit-form ul#prof li p {
	margin: 0px 30px 20px;
	padding: 0px;
}
article section#recruit-form div#template div.temp-l {
	border: solid 1px #84CAFF;
	width: 206px;
	height: 154px;
	text-align: center;
	border-radius: 3px;
	margin: 0px auto 20px;
	padding: 0px;
}
article section#recruit-form div#template div.temp-l img {
	width: 200px;
	height: 150px;
	vertical-align: bottom;
	margin-top: 2px;
	border-radius: 3px;
}
article section#recruit-form div#template div.temp-r {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
article section#recruit-form ul#flow {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
article section#recruit-form ul#flow li {
	margin: 0px 30px 20px;
	padding: 0px;
}
article section#recruit-form ul#flow li img {
	margin: 0px auto 10px;
	padding: 0px;
	width: 185px;
	display: block;
}

/* --- 採用情報一覧 --- */
article section#recruit-form div.set ul.recruit-btn {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 365px;
}
article section#recruit-form div.set ul.recruit-btn li {
	margin: 0px auto 15px;
	padding: 0px 0px 15px 0px;
	width: 365px;
}
article section#recruit-form div.set ul.recruit-btn li p {
	margin: 0px;
	padding: 5px;
}
article section#recruit-form div.set ul.recruit-btn li h4 {
	color: #2c94e3;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	display: block;
	height: 100px;
	width: 355px;
	background-image: none;
	background-color: transparent;
	line-height: 100px;
	font-size: 18px;
}
article section#recruit-form div.set ul.recruit-btn li a.btn {
	margin: 0px;
	padding: 0px;
	display: block;
	height: 98px;
	width: 363px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border-radius: 5px;
	border: 1px solid #2C94E3;
}
article section#recruit-form div.set ul.recruit-btn li div {
	width: 365px;
	height: 30px;
	margin: 0px;
	padding: 0px;
}
article section#recruit-form div.set ul.recruit-btn li div a {
	margin: 0px;
	padding: 0px;
	width: 365px;
	height: 30px;
	background-image: none;
	background-color: #2c94e3;
	display: block;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	border-radius: 15px;
	line-height: 30px;
}

article div.point div.img {
	margin: 0px 0px 20px;
	padding: 0px;
}
article div.point div.txt {
	margin: 0px auto 20px;
	padding: 0px;
	width: 100%;
}
article section#recruit-form div.set ul.beginner {
	list-style: none;
	margin: 0px auto;
	padding: 0px;
	width: 300px;
}
article section#recruit-form div.set ul.beginner li {
	margin: 0px;
	padding: 0px;
	width: 300px;
	display: block;
}
article section#recruit-form div.set ul.safety {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
article section#recruit-form div.set ul.safety li {
	margin: 0px 30px 20px;
	padding: 0px;
}
article section#recruit-form div.set ul.safety li p img {
	margin: 0px auto 10px;
	padding: 0px;
	display: block;
}
article section#recruit-form div.set dl#growth dd p.img-l {
	margin: 0px auto;
	padding: 0px;
	width: 300px;
}
article section#recruit-form div.set dl#growth dd p.txt-r {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
article section#recruit-form div.set dl#growth dd img {
	margin: 0px;
	padding: 0px;
}
article section#recruit-form div.nice {
	margin: 0px;
	padding: 20px;
}
article section#recruit-form div.nice div {
	margin: 0px auto 10px;
	padding: 0px;
	width: 300px;
}
article section#recruit-form div.nice p.txt {
	margin: 0px;
	padding: 0px;
}

/* --- 画像　幅調整 --- */
article section#page-box div.entry-content div.set img, 
article section#recruit-form div.set div.img img, 
article section#page-box div.titleimg div.img img, 
article section#page-box div.set p.img img, 
article section#recruit-form div.nice div img {
	width: 100%;
	height: auto;
	object-fit: contain;
	vertical-align: bottom;
	margin: 0px;
	padding: 0px;
}
article section#blog-form div.blog-box img { max-width: 100%; height: auto; }

/* --- ページトップへ▲ --- */
article div#pagetop {
	margin: 30px auto 0px;
	padding: 0px;
	width: 100%x;
	height: 45px;
}
article div#pagetop a {

	margin: 0px auto;
	padding: 0px;
	height: 45px;
	width: 150px;
	line-height: 45px;
	display: block;
	background-color: #999999;
	text-align: center;
	color: #fff;
}

/* --- フッター --- */
footer div.box {
	margin: 0px auto;
	padding: 20px 0px 0px;
	width: 100%;
}
footer ul#banner {
	list-style: none;
	margin: 0px auto 10px;
	padding: 0px;
	display: block;
	height: 270px;
	width: 320px;
}
footer ul#banner li {
	margin: 0px 0px 10px;
	padding: 0px;
	height: 80px;
	width: 320px;
	display: block;
	text-indent: -9999px;
}
footer ul#banner li a {
	margin: 0px;
	padding: 0px;
	height: 80px;
	width: 320px;
	display: block;
}
footer ul#banner li#bn01 { background-image: url(images/bn_phonecontact.png); }
footer ul#banner li#bn02 a { background-image: url(images/bn_phonemail.png); }
footer ul#banner li#bn03 a { background-image: url(images/bn_phonerecruit.png); }
footer nav {
	margin: 20px 0px;
	padding: 0px;
	height: 30px;
}
footer nav ul {
	margin: 0px;
	list-style: none;
	padding: 0px;
	font-weight: bold;
}
footer nav ul li {
	margin: 0px 25px 0px 27px;
	padding: 0px;
	float: left;
	height: 30px;
	text-align: center;
	line-height: 30px;
	display: block;
}
footer nav ul li a {
	display: inline-block;
	margin: 0px;
	padding: 0px;
}

footer div#address {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

footer div#address div.box {
	margin: 0px auto;
	padding: 10px 0px;
	width: 100%;
}

footer div#gmark {
	margin: 0px auto;
	padding: 0px;
	height: 51px;
	width: 45px;
	display: block;
}
footer div#logo {
	margin: 0px auto 10px;
	padding: 0px;
	display: block;
}
footer div#logo a {
	margin: 0px;
	padding: 0px;
	display: block;
}
footer div#logo a img{
	display: block;
	width: auto;
	margin-inline: auto;
	height: 24px;
}
footer address {
	font-size: 12px;
	font-style: normal;
	margin: 0px 0px 10px;
	padding: 0px;
	width: 100%;
	display: block;
	text-align: center;
}
footer address span.add, 
footer address span.num, 
footer div#copy span.copy {
	display: block;
}
footer div#copy {
	background-color: #333333;
	color: #FFFFFF;
	text-align: center;
	margin: 0px;
	padding: 15px 0px;
}

/* スマホ用のcssを記述▲
--------------------------------------------- */
}


/* MACOIスタイルシート
---------------------------------------------------- */

span.screen-reader-text { display: none; }
input.search-field { width: 50%; }

ol.list-num {
	margin: 0px 0px 0px 20px;
	padding: 0px;
}
ol.list-num li {
	margin: 0px 0px 10px;
	padding: 0px;
}

ul.list,
ul.list2, 
ul.list3 {
	list-style: none;
	padding: 0px;
	margin-top: 0px;
}

ul.list li, 
ul.list3 li {
	margin: 0px 0px 5px;
	padding: 0px 0px 0px 15px;
	list-style: none;
}
ul.list2 li {
	margin: 0px 0px 10px;
	padding: 0px 0px 0px 20px;
	list-style: none;
}

ul.list li ul, 
ul.list2 li ul, 
ul.list3 li ul {
	margin: 10px 0px;
	padding: 0px 0px 0px 10px;
}

ul.ar01-ble li { background: url(images/arrow01_ble.png) no-repeat 0px 5px; }
ul.ar01-aqa li { background: url(images/arrow01_aqa.png) no-repeat 0px 5px; }
ul.ar01-grn li { background: url(images/arrow01_grn.png) no-repeat 0px 5px; }
ul.ar01-gry li { background: url(images/arrow01_gry.png) no-repeat 0px 5px; }
ul.ar01-org li { background: url(images/arrow01_org.png) no-repeat 0px 5px; }
ul.ar01-pnk li { background: url(images/arrow01_pnk.png) no-repeat 0px 5px; }
ul.ar01-ppl li { background: url(images/arrow01_ppl.png) no-repeat 0px 5px; }
ul.ar01-red li { background: url(images/arrow01_red.png) no-repeat 0px 5px; }
ul.ar01-rse li { background: url(images/arrow01_rse.png) no-repeat 0px 5px; }
ul.ar01-ygr li { background: url(images/arrow01_ygr.png) no-repeat 0px 5px; }
ul.ar01-ylw li { background: url(images/arrow01_ylw.png) no-repeat 0px 5px; }

ul.ar02-ble li { background: url(images/arrow02_ble.png) no-repeat 0px 2px; }
ul.ar02-aqa li { background: url(images/arrow02_aqa.png) no-repeat 0px 2px; }
ul.ar02-grn li { background: url(images/arrow02_grn.png) no-repeat 0px 2px; }
ul.ar02-gry li { background: url(images/arrow02_gry.png) no-repeat 0px 2px; }
ul.ar02-org li { background: url(images/arrow02_org.png) no-repeat 0px 2px; }
ul.ar02-pnk li { background: url(images/arrow02_pnk.png) no-repeat 0px 2px; }
ul.ar02-ppl li { background: url(images/arrow02_ppl.png) no-repeat 0px 2px; }
ul.ar02-red li { background: url(images/arrow02_red.png) no-repeat 0px 2px; }
ul.ar02-rse li { background: url(images/arrow02_rse.png) no-repeat 0px 2px; }
ul.ar02-ygr li { background: url(images/arrow02_ygr.png) no-repeat 0px 2px; }
ul.ar02-ylw li { background: url(images/arrow02_ylw.png) no-repeat 0px 2px; }

ul.ar03-ble li { background: url(images/arrow03_ble.png) no-repeat 0px 3px; }
ul.ar03-aqa li { background: url(images/arrow03_aqa.png) no-repeat 0px 3px; }
ul.ar03-grn li { background: url(images/arrow03_grn.png) no-repeat 0px 3px; }
ul.ar03-gry li { background: url(images/arrow03_gry.png) no-repeat 0px 3px; }
ul.ar03-org li { background: url(images/arrow03_org.png) no-repeat 0px 3px; }
ul.ar03-pnk li { background: url(images/arrow03_pnk.png) no-repeat 0px 3px; }
ul.ar03-ppl li { background: url(images/arrow03_ppl.png) no-repeat 0px 3px; }
ul.ar03-red li { background: url(images/arrow03_red.png) no-repeat 0px 3px; }
ul.ar03-rse li { background: url(images/arrow03_rse.png) no-repeat 0px 3px; }
ul.ar03-ygr li { background: url(images/arrow03_ygr.png) no-repeat 0px 3px; }
ul.ar03-ylw li { background: url(images/arrow03_ylw.png) no-repeat 0px 3px; }

/* マージン（中に対しての隙間） */
.mg0 { margin: 0px; }
.mg5 { margin: 5px; }
.mg10 { margin: 10px; }

.mgt0 { margin-top: 0px; }
.mgt5 { margin-top: 5px; }
.mgt10 { margin-top: 10px; }
.mgt15 { margin-top: 15px; }
.mgt20 { margin-top: 20px; }
.mgt25 { margin-top: 25px; }
.mgt30 { margin-top: 30px; }
.mgt35 { margin-top: 35px; }
.mgt40 { margin-top: 40px; }
.mgt45 { margin-top: 45px; }
.mgt50 { margin-top: 50px; }
.mgt100 { margin-top: 100px; }

.mgb0 { margin-bottom: 0px; }
.mgb5 { margin-bottom: 5px; }
.mgb10 { margin-bottom: 10px; }
.mgb15 { margin-bottom: 15px; }
.mgb20 { margin-bottom: 20px; }
.mgb25 { margin-bottom: 25px; }
.mgb30 { margin-bottom: 30px; }
.mgb35 { margin-bottom: 35px; }
.mgb40 { margin-bottom: 40px; }
.mgb45 { margin-bottom: 45px; }
.mgb50 { margin-bottom: 50px; }
.mgb100 { margin-bottom: 100px; }

.mgl0 { margin-left: 0px; }
.mgl5 { margin-left: 5px; }
.mgl10 { margin-left: 10px; }
.mgl15 { margin-left: 15px; }
.mgl20 { margin-left: 20px; }
.mgl25 { margin-left: 25px; }
.mgl30 { margin-left: 30px; }
.mgl35 { margin-left: 35px; }
.mgl40 { margin-left: 40px; }
.mgl45 { margin-left: 45px; }
.mgl50 { margin-left: 50px; }
.mgl100 { margin-left: 100px; }

.mgr0 { margin-right: 0px; }
.mgr5 { margin-right: 5px; }
.mgr10 { margin-right: 10px; }
.mgr15 { margin-right: 15px; }
.mgr20 { margin-right: 20px; }
.mgr25 { margin-right: 25px; }
.mgr30 { margin-right: 30px; }
.mgr35 { margin-right: 35px; }
.mgr40 { margin-right: 40px; }
.mgr45 { margin-right: 45px; }
.mgr50 { margin-right: 50px; }
.mgr100 { margin-right: 100px; }

/* パディング（外に対しての隙間） */
.pd0 { padding: 0px; }
.pd5 { padding: 5px; }
.pd10 { padding: 10px; }

.pdt0 { padding-top: 0px; }
.pdt5 { padding-top: 5px; }
.pdt10 { padding-top: 10px; }
.pdt15 { padding-top: 15px; }
.pdt20 { padding-top: 20px; }
.pdt25 { padding-top: 25px; }
.pdt30 { padding-top: 30px; }
.pdt35 { padding-top: 35px; }
.pdt40 { padding-top: 40px; }
.pdt45 { padding-top: 45px; }
.pdt50 { padding-top: 50px; }

.pdb0 { padding-bottom: 0px; }
.pdb5 { padding-bottom: 5px; }
.pdb10 { padding-bottom: 10px; }
.pdb15 { padding-bottom: 15px; }
.pdb20 { padding-bottom: 20px; }
.pdb25 { padding-bottom: 25px; }
.pdb30 { padding-bottom: 30px; }
.pdb35 { padding-bottom: 35px; }
.pdb40 { padding-bottom: 40px; }
.pdb45 { padding-bottom: 45px; }
.pdb50 { padding-bottom: 50px; }

.pdl0 { padding-left: 0px; }
.pdl5 { padding-left: 5px; }
.pdl10 { padding-left: 10px; }
.pdl15 { padding-left: 15px; }
.pdl20 { padding-left: 20px; }
.pdl25 { padding-left: 25px; }
.pdl30 { padding-left: 30px; }
.pdl35 { padding-left: 35px; }
.pdl40 { padding-left: 40px; }
.pdl45 { padding-left: 45px; }
.pdl50 { padding-left: 50px; }

.pdr0 { padding-right: 0px; }
.pdr5 { padding-right: 5px; }
.pdr10 { padding-right: 10px; }
.pdr15 { padding-right: 15px; }
.pdr20 { padding-right: 20px; }
.pdr25 { padding-right: 25px; }
.pdr30 { padding-right: 30px; }
.pdr35 { padding-right: 35px; }
.pdr40 { padding-right: 40px; }
.pdr45 { padding-right: 45px; }
.pdr50 { padding-right: 50px; }

/* フォント関連 */
.f8 { font-size: 8px; } /* フォント8px */
.f10 { font-size: 10px; } /* フォント10px */
.f12 { font-size: 12px; } /* フォント12px */
.f14 { font-size: 14px; } /* フォント14px */
.f16 { font-size: 16px; } /* フォント16px */
.f18 { font-size: 18px; } /* フォント18px */
.f20 { font-size: 20px; } /* フォント20px */
.f22 { font-size: 22px; } /* フォント22px */
.f24 { font-size: 24px; } /* フォント24px */
.f26 { font-size: 26px; } /* フォント26px */
.f28 { font-size: 28px; } /* フォント28px */
.f30 { font-size: 30px; } /* フォント30px */
.f32 { font-size: 32px; } /* フォント32px */
.f34 { font-size: 34px; } /* フォント34px */
.f36 { font-size: 36px; } /* フォント36px */
.f38 { font-size: 38px; } /* フォント38px */
.f40 { font-size: 40px; } /* フォント40px */

.f-red { color: #F00; } /* 赤 */
.f-org { color: #F60; } /* オレンジ */
.f-ylw { color: #F90; } /* 黄色 */
.f-gyl { color: #CC0; } /* 黄緑 */
.f-lim { color: #CF0; } /* ライム・文字白 */
.f-gre { color: #690; } /* 緑 */
.f-dgr { color: #063; } /* 濃緑 */
.f-aqa { color: #3C9; } /* 水色 */
.f-sky { color: #0CC; } /* 空色 */
.f-ble { color: #06C; } /* 青 */
.f-nvy { color: #039; } /* 紺 */
.f-ppl { color: #339; } /* 紫 */
.f-fji { color: #96C; } /* 藤色 */
.f-pnk { color: #F6C; } /* ピンク */
.f-smn { color: #F66; } /* サーモン */
.f-bju { color: #C63; } /* ベージュ */
.f-brn { color: #630; } /* ブラウン */

.bk-red { color: #FFF; background: #F00; } /* 赤・文字白 */
.bk-org { color: #FFF; background: #F60; } /* オレンジ・文字白 */
.bk-ylw { color: #FFF; background: #F90; } /* 黄色・文字白 */
.bk-gyl { color: #FFF; background: #CC0; } /* 黄緑・文字白 */
.bk-gre { color: #FFF; background: #690; } /* 緑・文字白 */
.bk-dgr { color: #FFF; background: #063; } /* 濃緑・文字白 */
.bk-aqa { color: #FFF; background: #3C9; } /* 水色・文字白 */
.bk-sky { color: #FFF; background: #0CC; } /* 空色文字白 */
.bk-ble { color: #FFF; background: #06C; } /* 青・文字白 */
.bk-nvy { color: #FFF; background: #039; } /* 紺・文字白 */
.bk-ppl { color: #FFF; background: #339; } /* 紫・文字白 */
.bk-fji { color: #FFF; background: #96C; } /* 藤色・文字白 */
.bk-pnk { color: #FFF; background: #F6C; } /* ピンク・文字白 */
.bk-smn { color: #FFF; background: #F66; } /* サーモン・文字白 */
.bk-bju { color: #FFF; background: #C63; } /* ベージュ・文字白 */
.bk-brn { color: #FFF; background: #630; } /* ブラウン・文字白 */

form { padding: 0; margin: 0; }

label {
	padding: 0;
	margin: 0;
	display: inline;
}

.w15 { width: 15px; }
.w25 { width: 25px; }
.w35 { width: 35px; }
.w50 { width: 50px; }
.w75 { width: 75px; }
.w100 { width: 100px; }
.w125 { width: 125px; }
.w150 { width: 150px; }
.w175 { width: 175px; }
.w200 { width: 200px; }
.w250 { width: 250px; }
.w300 { width: 300px; }
.w325 { width: 325px; }
.w350 { width: 350px; }
.w400 { width: 400px; }
.w450 { width: 450px; }
.w475 { width: 475px; }
.w500 { width: 500px; }
.w550 { width: 550px; }
.w600 { width: 600px; }
.w650 { width: 650px; }

.w100p { width: 100%; }
.w95p { width: 95%; }
.w90p { width: 90%; }
.w85p { width: 85%; }
.w80p { width: 80%; }
.w75p { width: 75%; }
.w70p { width: 70%; }
.w65p { width: 65%; }
.w60p { width: 60%; }
.w55p { width: 55%; }
.w50p { width: 50%; }
.w45p { width: 45%; }
.w40p { width: 40%; }
.w35p { width: 35%; }
.w30p { width: 30%; }
.w25p { width: 25%; }
.w20p { width: 20%; }
.w15p { width: 15%; }
.w10p { width: 10%; }
.w5p { width: 5%; }

/* hr関連 */

hr.square01 {
	background-image: url(images/hr_squarebw.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	height: 12px;
	border: 0px none;
} /* ■□　赤 */
hr.square02 {
	background-image: url(images/hr_squarebw1.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	height: 12px;
	border: 0px none;
} /* ■■　赤 */
hr.square03 {
	background-image: url(images/hr_squarebw2.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	height: 12px;
	border: 0px none;
} /* □□　赤 */
hr.circle01 {
	background-image: url(images/hr_circlebw.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	height: 12px;
	border: 0px none;
} /* ●○　赤 */

hr.dot {
	border-top: 2px dotted #FF0000;
	border-right: 0px none #FF0000;
	border-bottom: 0px none #FF0000;
	border-left: 0px none #FF0000;
}
hr.dash {
	border-top: 2px dashed #FF0000;
	border-right: 0px none #FF0000;
	border-bottom: 0px none #FF0000;
	border-left: 0px none #FF0000;
}

hr.blk { filter: grayscale(100%) brightness(150%); } /* 黒 */
hr.grn { filter: hue-rotate(79deg) brightness(250%); } /* 緑 */
hr.ygr { filter: hue-rotate(75deg) brightness(300%); } /* 黄緑 */
hr.blu { filter: hue-rotate(240deg) brightness(210%); } /* 青 */
hr.org { filter: hue-rotate(50deg) brightness(250%); } /* オレンジ */
hr.ylw { filter: hue-rotate(65deg) brightness(350%); } /* 黄 */
hr.pnk { filter: hue-rotate(330deg) brightness(1000%) opacity(300%) } /* ピンク */

/* --- サイドボタン --- */
.side-btn{
	position: fixed;
	top: 20%;
	right: 0;
}
.side-btn a{
	display: block;
	margin-bottom: 0.5rem;
	padding: 2rem 1.5rem;
	color: #fff;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-top-left-radius: .25rem;
	border-bottom-left-radius: .25rem;
}
.side-btn a:hover{
	opacity: 0.8;
}
.side-btn__contact a{
	background-color: #E7A74C;
}
.side-btn__recruit a{
	background-color: #70CED7;
}
.side-btn__document a{
	background-color: #94D560;
}
@media screen and (max-width:720px) {
	.side-btn{
		position: fixed;
		top: auto;
		bottom: 0;
		right: 0;
		left: 0;
		display: flex;
		justify-content: center;
		max-width: 30rem;
		margin: 0 auto;
	}
	.side-btn a{
		margin-bottom: 0rem;
		margin-left: .25rem;
		margin-right: .25rem;
		padding: 1rem 2rem;
		-webkit-writing-mode: horizontal-tb;
		-ms-writing-mode: lr-tb;
		writing-mode: horizontal-tb;
		border-top-right-radius: .25rem;
		border-bottom-left-radius: 0rem;
		border-right: 1px solid #fff;
		border-bottom: none;
	}
}
@media screen and (max-width:480px) {
	.side-btn a{
		padding: 1rem;
	}
}
/* --- End サイドボタン --- */

/* --- モーダル --- */
.modal-wrapper{
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	z-index: 100;
}
.modal-overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
	z-index: 101;
}
.modal-container{
	position: relative;
	width: 100%;
	max-width: 30rem;
	padding: 2rem 0rem;
	margin: 1rem;
	background-color: #fff;
	border-top: solid 0.5rem #FCE238;
	z-index: 102;
}
.modal-header,
.modal-footer{
	padding: 1.5rem 2rem;
}
.modal-body{
	padding: 0rem 1.5rem;
}
.modal-header{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
}
.modal-header__text{
	margin: 0rem;
	padding-bottom: .25rem;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
	border-bottom: 3px solid #2c4398;
}
.modal-body p{
	margin: 0rem;
}
#modal_document_download .modal-body p{
	font-size: 1.2rem;
	text-align: center;
	margin: 1rem 0rem;
}
.modal-btn{
	display: block;
	width: auto;
	padding: 1rem;
	text-align: center;
	color: #fff;
	background-color: #4A64C5;
}
.modal-btn:hover{
	color: #fff;
	opacity: 0.8;
}
.modal-close{
	position: absolute;
	top: 1rem;
	right: 1rem;
	width: 2rem;
	height: 2rem;
	cursor: pointer;
}
.modal-close:hover{
	opacity: 0.8;
}
.modal-close::before,
.modal-close::after{
	position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #999;
}
.modal-close::before{
	transform: rotate(45deg);
}
.modal-close::after{
	transform: rotate(-45deg);
}
/* --- End モーダル --- */


/* 採用情報のYouTube */
.youtube-wrapper{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	overflow: hidden;
}
.youtube-wrapper iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* マージン */
.mt-1{
	margin-top: .25rem;
}
.mt-2{
	margin-top: .5rem;
}
.mt-3{
	margin-top: 1rem;
}


/* ボタン関連 */
.btn{
	display: inline-block;
	font-weight: 400;
	color: #212529;
	text-align: center;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: transparent;
	border: 1px solid transparent;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: .25rem;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.btn-lg{
	padding: .5rem 1rem;
	font-size: 1.25rem;
	line-height: 1.5;
	border-radius: .3rem;
}
.btn-sm{
	padding: .25rem .5rem;
	font-size: .875rem;
	line-height: 1.5;
	border-radius: .2rem;
}

.btn-primary{
	color: #fff !important;
	background-color: #2C94E3;
	border-color: #2C94E3;
}
.btn-primary:hover{
	background-color: #fff;
	color: #0076C1 !important;
	border: solid 1px #0076C1;
}
.btn-primary:focus{
	box-shadow: 0 0 0 0.2rem rgba(44,148,227,.5);
}

/* 240820:フォーム関連 */
.okn-form-confirm,
.okn-form-previous{
	margin: 0;
	width: 250px;
	font-size: 16px;
	cursor: pointer;
}
.okn-form-confirm{
	padding: 12px 16px;
}
.okn-form-previous{
	padding: 6px 8px;
	border: 1px solid #000;
	background-color: transparent;
}

.wpcf7[data-status="input"] .okn-form-previous{
	display: none;
}
.wpcf7[data-status="confirm"] .okn-form-confirm{
	display: none;
}
.wpcf7-spinner{
	display: block;
	margin: 12px auto;
}