body {
	color: #6e6e6e;
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	position: relative;
    left: 0;
    overflow-x: hidden;
	-webkit-text-size-adjust: 100%; /* iphone横向き 文字拡大防止 */
}
img {
	display: block;
	width: 100%;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}
a {
	text-decoration: none;
	color: #6e6e6e;
	transition: all .3s;
}
a:hover {
	filter: brightness(1.2);
}
p {
	line-height: 1.8;
}
/* 色指定 */
:root {
	--bg_grad: linear-gradient(135deg, rgba(220,35,80,0.70) 0%, rgba(220,35,80,0.70) 15%, rgba(65,70,140,0.70) 100%);
	--pink: #e34f73;
	--bg_gray: #f0f0f0;
}
.Official {
    position: relative;
    text-decoration: underline;
}

.Official::after {
    content: " →";
    color: #FFF;
}
/*==================================================================================
header
==================================================================================*/
header {
	width: 100%;
	box-sizing: border-box;
	padding: 0 20px!important;
	background: rgba(255,255,255,0.7);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999;
}
header .logo {
	display: block;
	width: 200px;
    position: relative;
}
header .logo.anv80th::after {
	content: "";
    display: block;
    width: 90px;
    height: 100px;
    background: url("../img/logo_80th.png") center bottom / contain no-repeat;
    position: absolute;
    bottom: -115px;
    left: 50%;
    transform: translateX(-50%);
    transition: all .3s;
}
header.scroll .logo.anv80th::after {
	opacity: 0;
}
nav.gnav ul {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
nav.gnav ul li.parent:first-child {
	display: none;
}
nav.gnav ul li.parent {
	margin-left: 30px;
	position: relative;
}
nav.gnav ul li.parent.contact {
	margin-left: 70px;
	position: relative;
}
nav.gnav ul li.parent.contact::before {
	content: "";
	display: block;
	height: 200%;
	border-right: 1px #cbcbcb solid;
	position: absolute;
	top: 50%;
	left: -32px;
	transform: translateY(-50%) skewX(-20deg);
}
nav.gnav ul li.parent.sns {
	display: flex;
    flex-wrap: wrap;
}
nav.gnav ul li a {
	display: block;
	font-size: 14px;
	font-weight: 500;
}
nav.gnav ul li a:hover {
	color: var(--pink);
}
nav.gnav ul li.parent.sns a {
	width: 30px;
    margin-left: 10px;
}
nav.gnav ul li.parent.sns a:first-child {
    margin-left: 0;
}
nav.gnav ul li.parent:last-child a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 240px;
	height: 100px;
	background: var(--bg_grad);
	color: #fff;
	font-size: 18px;
	clip-path: polygon(40px 0, 100% 0, calc(100% - 40px) 100%, 0 100%);
}
/* 2階層目メニュー */
nav.gnav ul li.arrow::after {
	content: "";
	display: block;
	width: 4px;
	height: 4px;
	border-right: 1px #6e6e6e solid;
	border-bottom: 1px #6e6e6e solid;
	position: absolute;
	bottom: -12px;
	left: 50%;
	transform: translateX(-50%) rotate(45deg);
	transition: all .3s;
}
nav.gnav ul li.arrow:hover::after {
	transform: translate(-50%, 10px) rotate(45deg);
	opacity: 0;
}
nav.gnav ul li span {
	display: block;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	position: relative;
	z-index: 2;
}
nav.gnav ul li ul {
	display: block;
	padding: 25px 15px 15px;
	background: rgba(255,255,255,0.8);
	position: absolute;
	top: 12px;
	left: -15px;
	white-space: nowrap;
	opacity: 0;
	visibility: hidden;
	transform-origin: center top;
	transform: translateY(-20px);
	transition: all .3s;
}
nav.gnav ul li span:hover + ul,
nav.gnav ul li ul:hover {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
nav.gnav ul li ul li {
	margin-bottom: 12px;
	padding-left: 1em;
	position: relative;
}
nav.gnav ul li ul li::before {
	content: "\030fb";
	display: block;
	font-size: 12px;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
nav.gnav ul li ul li:last-child {
	margin-bottom: 0;
}
nav.gnav ul li ul li a {
	font-size: 12px;
	font-weight: 400;
}

/* サイド固定 */
#side_fix {
	position: fixed;
	top: 40%;
	right: 0;
	z-index: 8888;
}
#side_fix a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 220px;
	/*clip-path: polygon(0 10px, 100% 0, 100% calc(100% - 10px), 0 100%);*/
	color: #000;
	writing-mode: vertical-rl;
	letter-spacing: 0.05em;
	opacity: 0;
	transform: translateX(100%);
	transition: all .3s;
	position: relative;
}
#side_fix a::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border-left: 1px #fff solid;
	background: #fff linear-gradient(135deg, rgba(220,35,80,0.70) 0%, rgba(220,35,80,0.70) 15%, rgba(65,70,140,0.70) 100%);
	box-shadow: -2px 2px 2px rgba(0,0,0,0.3);
	transform: skewY(-8deg);
	position: absolute;
	top: 0;
	left: 0;
}
#side_fix.show a {
	opacity: 1;
	transform: translateX(0);
}
#side_fix a p {
	line-height: 1;
	position: relative;
	z-index: 2;
}
#side_fix a span {
	display: inline-block;
	margin-top: 6px;
	color: #fff;
	font-size: 18px;
}

/*==================================================================================
共通
==================================================================================*/
/* レイアウト */
main {
	margin-top: 100px!important;
	overflow: hidden;
}
section {
	padding: 80px 0!important;
	position: relative;
}
section.minh {
	min-height: calc(100vh - 100px - 302px - 190px);
}
.container {
	width: calc(100% - 80px);
	padding: 0 40px;
	margin: auto;
	position: relative;
}
.max1600 {
	max-width: 1600px;
	margin: auto;
}
.max1400 {
	max-width: 1400px;
	margin: auto;
}
.max1200 {
	max-width: 1200px;
	margin: auto;
}
.max960 {
	max-width: 960px;
	margin: auto;
}
.max740 {
	max-width: 740px;
	margin: auto;
}
.row {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.row.align_center {
	align-items: center;
}
.row.align_end {
	align-items: flex-end;
}
.row.just_center {
	justify-content: center;
}
.row.just_start {
	justify-content: flex-start;
}
.col3 {
	width: calc(100% / 3 - 25px);
}
.col2 {
	width: calc(100% / 2 - 40px);
}

.mb_10 {
	margin-bottom: 10px;
}
.mb_20 {
	margin-bottom: 20px;
}
.mb_30 {
	margin-bottom: 30px;
}
.mb_60 {
	margin-bottom: 60px;
}
.mb_120 {
	margin-bottom: 120px;
}
.mr_10 {
	margin-right: 10px;
}

.mr_20 {
	margin-right: 20px;
}

.mr_30 {
	margin-right: 30px;
}


.border {
	border-bottom: 1px #6e6e6e solid;
}
.z2 {
	position: relative;
	z-index: 2;
}
.wrap {
	display: inline-block;
}

/* フォント */
h2,
.ht_slash {
	padding-left: 30px!important;
	font-weight: 500;
	position: relative;
}
h2::before,
.ht_slash::before {
	content: "";
	display: block;
	width: 6px;
	height: 100%;
	background: var(--bg_grad);
	position: absolute;
	top: 0;
	left: 0;
	transform-origin: left bottom;
	transform: skewX(-20deg);
}
h2 p {
	line-height: .8;
}
.ht_slash p {
	line-height: 1.6;
}
h2 .eng,
.ht_slash .eng {
	line-height: .8;
}
.font_12 {
	font-size: 12px;
}
.font_14 {
	font-size: 14px;
}
.font_18 {
	font-size: 18px;
}
.font_20 {
	font-size: 20px;
}
.font_24 {
	font-size: 24px;
}
.font_34 {
	font-size: 34px;
}
.font_42 {
	font-size: 42px;
}
.font_50 {
	font-size: 50px;
}
.txt_center {
	text-align: center;
}
.txt_right {
	text-align: right;
}
.eng {
	font-family: "Urbanist", sans-serif;
	font-weight: 400;
}
.bold {
	font-weight: 700;
}
.medium {
	font-weight: 500;
}
.pink {
	color: var(--pink);
}
.purple {
	color: #7a7dae;
}
.white {
	color: #fff;
}
.line1 {
	line-height: 1;
}
.line1_2 {
	line-height: 1.2;
}
.line1_4 {
	line-height: 1.4;
}
.line1_6 {
	line-height: 1.6;
}

/* アイコン */
.icon_arrow {
	display: inline-block;
	padding-right: 25px;
	position: relative;
}
.icon_arrow::after {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	background: url("../img/icon_arrow.png") center center / contain no-repeat;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
.icon_arrow.wh::after {
	background-image: url("../img/icon_arrow_wh.png");
}

/* イメージ */
img.cover {
	height: 100%;
	object-fit: cover;
}

/* テーブル */
table {
	width: 100%;
}
table tr {
	border-bottom: 1px #6E6E6E solid;
}
table tr:last-child {
	border-bottom: none;
}
table th {
	padding: 20px 0;
	font-weight: 500;
	text-align: left;
	vertical-align: top;
}
table td {
	padding: 20px 0;
	text-align: right;
}

/* ボタン */
.btn {
	display: inline-block;
	padding: 8px 30px;
	background: var(--bg_gray);
	font-size: 18px;
	clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%);
}
.btn.dark {
	background: #999;
	color: #fff;
}
.btn.square {
	padding: 6px 15px;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.btn.entry {
	display: block;
	width: 100%;
	max-width: 680px;
	box-sizing: border-box;
	padding: 30px;
	background: none;
	color: #fff;
	font-size: 50px;
	font-weight: 500;
	text-align: center;
	position: relative;
	clip-path: unset;
}
.btn.entry::before,
.btn.entry::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: var(--bg_grad);
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%) skewX(-20deg);
	transition: all .3s;
}
.btn.entry::after {
	opacity: 0.3;
	top: 15px;
	left: calc(50% + 15px);
}
.btn:hover {
	filter: brightness(0.95)
}
.btn.dark:hover {
	filter: brightness(1.2);
}
.btn.entry:hover {
	filter: brightness(1.2);
	transform: translateY(5px);
}
.btn.entry:hover::after {
	top: 0;
	left: 50%;
}

/* アニメーション -----------*/
.animated.fadeinup {
	animation: fadeinup .6s;
}
@keyframes fadeinup {
	0% {opacity: 0; transform: translateY(30px);}
	100% {opacity: 1; transform: translateY(0);}
}
.animated.fadeinup.second {
	animation: fadeinup_2nd 1.2s;
}
@keyframes fadeinup_2nd {
	0% {opacity: 0; transform: translateY(30px);}
	50% {opacity: 0; transform: translateY(30px);}
	100% {opacity: 1; transform: translateY(0);}
}
.animated.fadeinright {
	animation: fadeinright .6s;
}
@keyframes fadeinright {
	0% {opacity: 0; transform: translateX(30px);}
	100% {opacity: 1; transform: translateX(0);}
}
.animated.fadeinright.second {
	animation: fadeinright_2nd 1s;
}
@keyframes fadeinright_2nd {
	0% {opacity: 0; transform: translateX(30px);}
	40% {opacity: 0; transform: translateX(30px);}
	100% {opacity: 1; transform: translateX(0);}
}
.animated.fadeinleft {
	animation: fadeinleft .6s;
}
@keyframes fadeinleft {
	0% {opacity: 0; transform: translateX(-30px);}
	100% {opacity: 1; transform: translateX(0);}
}
.animated.fadeinleft.second {
	animation: fadeinleft_2nd 1s;
}
@keyframes fadeinleft_2nd {
	0% {opacity: 0; transform: translateX(-30px);}
	40% {opacity: 0; transform: translateX(-30px);}
	100% {opacity: 1; transform: translateX(0);}
}


/*==================================================================================
INDEX
==================================================================================*/
section#main {
	box-sizing: border-box;
	padding: 0 0 120px!important;
	overflow: hidden;
}
section#main .txt {
	position: absolute;
	top: 15%;
	left: 10%;
	z-index: 2;
}
section#main .txt h1 {
	font-size: 3.5vw;
	font-weight: 700;
	line-height: 1.4;
}
section#main .txt h1 span[class^="fade_wrap0"] {
	display: inline-block;
}
section#main .txt.animated h1 span.fade_wrap01 {
	animation: h1_01 .6s;
}
@keyframes h1_01 {
	0% {opacity: 0; transform: translateY(15px);}
	100% {opacity: 1; transform: translateY(0);}
}
section#main .txt.animated h1 span.fade_wrap02 {
	animation: h1_02 .8s;
}
@keyframes h1_02 {
	0% {opacity: 0; transform: translateY(15px);}
	25% {opacity: 0; transform: translateY(15px);}
	100% {opacity: 1; transform: translateY(0);}
}
section#main .txt.animated h1 span.fade_wrap03 {
	animation: h1_03 1s;
}
@keyframes h1_03 {
	0% {opacity: 0; transform: translateY(15px);}
	40% {opacity: 0; transform: translateY(15px);}
	100% {opacity: 1; transform: translateY(0);}
}
section#main .txt.animated .fade_wrap04 {
	animation: h1_04 2s;
}
@keyframes h1_04 {
	0% {opacity: 0;}
	60% {opacity: 0;}
	100% {opacity: 1;}
}
section#main .txt p {
	font-size: 1.05vw;
	font-weight: 700;
}
/* メイン切り替え画像 ---------------------*/
section#main .switching_img {
	width: 60%;
	margin: 0 0 0 auto;
	position: relative;
}
section#main .switching_img .images {
	padding-right: 10%;
	position: absolute;
	top: 0;
	right: 0;
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s;
}
section#main .switching_img .images.show {
	position: relative;
	opacity: 1;
	visibility: visible;
	animation: main_images_in 1s;
}
@keyframes main_images_in {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
section#main .switching_img .images.fadeout {
	animation: main_images_out 1s;
}
@keyframes main_images_out {
	0% {opacity: 1;}
	100% {opacity: 0;}
}
section#main .switching_img .images::before {
	content: "";
	display: block;
	width: 34%;
	height: calc(100% + 120px);
	background: var(--bg_grad);
	mix-blend-mode: multiply;
	opacity: 0.5;
	clip-path: polygon(90% 0, 140% 0, 50% 100%, 0 100%);
	position: absolute;
	bottom: -120px;
	right: -4%;
	z-index: 3;
}
section#main .switching_img .images.show::before {
	animation: main_images_bf 1.2s;
}
@keyframes main_images_bf {
	0% {transform: translateX(-30px); opacity: 0;}
	50% {transform: translateX(-30px); opacity: 0;}
	100% {transform: translateX(0); opacity: 0.5;}
}
section#main .switching_img .images::after {
	content: "";
	display: block;
	width: 27%;
	height: 90%;
	background: var(--bg_grad);
	mix-blend-mode: multiply;
	opacity: 0.5;
	clip-path: polygon(90% 0, 138% 0, 50% 100%, 0 100%);
	position: absolute;
	top: 0;
	right: -11%;
	z-index: 3;
}
section#main .switching_img .images.show::after {
	animation: main_images_af 1.4s;
}
@keyframes main_images_af {
	0% {transform: translateX(-30px); opacity: 0;}
	57.14% {transform: translateX(-30px); opacity: 0;}
	100% {transform: translateX(0); opacity: 0.5;}
}
section#main .switching_img .main_img {
	max-height: calc(100% - 40px);
	padding-top: 40px;
	overflow: hidden;
	position: relative;
}
section#main .switching_img .main_img::before {
	content: "";
	display: block;
	width: 36%;
	height: 70%;
	background: #e2e2e2;
	mix-blend-mode: multiply;
	position: absolute;
	top: 0;
	left: 30px;
	clip-path: polygon(60% 0, 100% 0, calc(100% - 60%) 100%, 0 100%);
	z-index: 3;
}
section#main .switching_img .images.show .main_img::before {
	animation: main_img_bf .7s;
}
@keyframes main_img_bf {
	0% {transform: translateX(-30px); opacity: 0;}
	25% {transform: translateX(-30px); opacity: 0;}
	100% {transform: translateX(0); opacity: 1;}
}
section#main .switching_img .main_img::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: #fff;
	clip-path: polygon(30% 0, 100% 0, calc(100% - 30%) 100%, 0 100%);
	position: absolute;
	top: 0;
	right: 0;
	transform: translateX(100%);
	z-index: 2;
}
section#main .switching_img .images.show .main_img::after {
	animation: main_img .8s;
}
@keyframes main_img {
	0% {transform: translateX(0); opacity: 1;}
	100% {transform: translateX(100%); opacity: 0;}
}
section#main .switching_img .main_img img {
	position: relative;
}
section#main .switching_img .images.show .main_img img {
	animation: fadein .3s;
}
@keyframes fadein {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
/* 小画像 */
section#main .switching_img .sub_img {
	width: 32%;
	height: 44%;
	overflow: hidden;
	clip-path: polygon(38% 0, 100% 0, calc(100% - 38%) 100%, 0 100%);
	position: absolute;
	right: 5%;
	bottom: -60px;
	z-index: 4;
}
/* SNS ---------------------*/
section#main .sns {
	width: 24%;
	max-width: 380px;
	box-sizing: border-box;
	padding: 3.2% 0.5% 1.2%;
	background: #fff;
    box-shadow: 5px 5px 0 rgba(0,0,0,0.1);
	position: absolute;
	left: 10%;
	bottom: 13%;
	z-index: 3;
}
section#main .sns.animated {
	animation: sns 2s;
}
@keyframes sns {
	0% {opacity: 0; transform: translateY(15px);}
	60% {opacity: 0; transform: translateY(15px);}
	100% {opacity: 1; transform: translateY(0);}
}
section#main .sns .ttl {
	padding-right: 10px;
	position: absolute;
	top: -18%;
	left: 0;
}
section#main .sns .ttl p {
	padding: 1em 1.5em 1.3em;
	background: url("../img/sns_fuki.png") center center / contain no-repeat;
	font-size: min(1vw, 16px);
}
section#main .sns a {
	display: block;
	width: calc(100% / 3);
    box-sizing: border-box;
    padding: 0 6%;
    position: relative;
}
section#main .sns a::after {
    content: "";
    display: block;
    height: 70%;
    border-right: 1px #aaa solid;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
section#main .sns a:last-child::after {
    display: none;
}
section#main .sns a img.icon {
	width: 60%;
    margin: 0 auto 15%;
}

/* RECRUIT NEWS ------------------------------------------------------------------*/
section#top_news {
	padding-top: 0!important;
}
section#top_news::before {
	content: "";
	display: block;
	width: 30%;
	max-width: 300px;
	height: 800px;
	background: url("../img/bg_slash01.png") right top / cover no-repeat;
	position: absolute;
	top: -100%;
	left: -3%;
}
section#top_news.animated::before {
	animation: slash_l 1s;
}
@keyframes slash_l {
	0% {transform: translateX(-10%); opacity: 0;}
	50% {transform: translateX(-10%); opacity: 0;}
	100% {transform: translateX(0); opacity: 1;}
}
@keyframes slash_r {
	0% {transform: translateX(10%); opacity: 0;}
	50% {transform: translateX(10%); opacity: 0;}
	100% {transform: translateX(0); opacity: 1;}
}
section#top_news ul {
	margin-left: 1em;
}
section#top_news ul li {
	padding-left: 0.5em;
	list-style: "\025a0";
}
.article {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.category {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 130px;
	height: 24px;
	background: var(--pink);
	color: #fff;
	font-size: 14px;
}
.article .ttl {
	width: calc(100% - 240px);
}
section#top_news .category {
	width: 110px;
	height: 18px;
	font-size: 12px;
}
section#top_news .article .ttl {
	width: calc(100% - 200px);
}

/* 特徴 --------------------------------------------------------------------------*/
section#feature::before {
	content: "";
	display: block;
	width: 100%;
	min-width: 2200px;
	height: 100%;
	background: var(--bg_gray);
	clip-path: polygon(400px 0, 100% 0, calc(100% - 400px) 100%, 0 100%);
	position: absolute;
	top: 0;
	left: 5%;
}
section#feature .img {
	width: 50%;
	margin-bottom: -120px;
	position: relative;
	top: -120px;
}
section#feature .img img {
	width: 120%;
	position: relative;
	left: -20%;
}
section#feature .txt {
	width: calc(50% - 40px);
}
section#feature .txt02 {
	width: calc(100% - 140px - 20px);
}
section#feature .img02 {
	width: 140px;
}

/* アキタで安心して輝ける4つのポイント -------------------------------------------------*/
section#about::before,
section#about::after {
	content: "";
	display: block;
	width: 30%;
	max-width: 300px;
	height: 800px;
	background: url("../img/bg_slash02.png") left top / cover no-repeat;
	position: absolute;
	top: 0;
	right: -1%;
}
section#about::after {
	background: url("../img/bg_slash01.png") right top / cover no-repeat;
	top: auto;
	bottom: 0;
	left: -1%;
}
section#about.animated::before {
	animation: slash_r 1s;
}
section#about.animated::after {
	animation: slash_l 1s;
}
section#about h2 {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 0 0 40px 0!important;
	font-weight: 700;
}
section#about h2::before {
	width: 320px;
	height: 20px;
	top: auto;
	bottom: 0;
	transform-origin: left center;
}
section#about h2.animated::before {
	animation: h2_bf .3s;
}
@keyframes h2_bf {
	0% {transform: scaleX(0); opacity: 0;}
	100% {transform: scaleX(1); opacity: 1;}
}
section#about h2 .eng {
	display: inline-block;
	margin-right: 30px;
	font-size: 140px;
}
section#about h2 p {
	display: flex;
	align-items: center;
}
section#about h2 p img {
	display: inline-block;
	width: 45px;
	margin: 0 5px;
	position: relative;
	top: -5px;
}
section#about .about02 {
	position: relative;
	left: -170px;
}
section#about .about03 {
	position: relative;
	left: 80px;
}
section#about .about04 {
	position: relative;
	left: -90px;
}
section#about .img {
	width: calc(100% - 500px);
	height: 420px;
	clip-path: polygon(154px 0, 100% 0, calc(100% - 154px) 100%, 0 100%);
	position: relative;
}
.img_slash {
	position: relative;
}
.img_slash::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: #fff;
	clip-path: polygon(154px 0, 100% 0, calc(100% - 154px) 100%, 0 100%);
	opacity: 0;
	position: absolute;
	top: 0;
	right: 0;
}
.img.img_slash.animated::after {
	animation: img_slash .6s;
}
@keyframes img_slash {
	0% {opacity: 1; width: 100%;}
	33.3% {opacity: 1; width: 100%;}
	100% {opacity: 0; width: 0;}
}
section#about .txt {
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	width: 500px;
	height: 360px;
	box-sizing: border-box;
	padding-left: 20px;
	position: relative;
	left: -17px;
}
section#about .about03 .txt {
	left: 138px;
}
section#about .about04 .txt {
	left: 138px;
}
section#about .txt::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: var(--bg_gray);
	transform: skewX(-20deg);
	position: absolute;
	top: 0;
	left: -12%;
}
section#about .txt .number {
	width: 100px;
	position: absolute;
	top: 0;
	right: 30px;
}
section#about .txt p {
	width: 100%;
}
section#about .txt .btn {
	font-size: 16px;
}
section#about .txt .btn.square {
	background: #fff;
	color: #6e6e6e;
	font-size: 14px;
}
section#about .txt .btn.square:hover {
	filter: brightness(1.2);
}
.wrap100 {
	width: 100%;
}

/* Akitaからのメッセージ -----------------------------------------------------------*/
section#message {
	color: #fff;
}
section#message::before {
	content: "";
	display: block;
	width: 100%;
	min-width: 1460px;
	height: 100%;
	background: url("../img/message_bg.jpg") center center / cover no-repeat;
	clip-path: polygon(8% 0, 108% 0, 92% 100%, -8% 100%);
	position: absolute;
	top: 0;
	left: 0;
	margin: auto;
}
section#message::after {
	content: "";
	display: block;
	width: 0;
	height: 100%;
	background: #fff;
	clip-path: polygon(8% 0, 108% 0, 92% 100%, -8% 100%);
	position: absolute;
	top: 0;
	right: 0;
}
section#message.animated::after {
	animation: message_af 1s;
}
@keyframes message_af {
	0% {width: 100%;}
	40% {width: 100%;}
	100% {width: 0;}
}
section#message .container {
	width: calc(100% - 240px);
	padding: 0 120px;
}
section#message h2 {
	padding-left: 0!important;
}
section#message h2::before {
	display: none;
}
section#message h2 .eng {
	color: rgba(255,255,255,0.2);
	font-size: 80px;
	position: absolute;
	top: -83px;
	right: 40px;
	z-index: 2;
}
section#message h3 {
	padding-left: 20px;
	position: relative;
}
section#message h3::before {
	content: "";
	display: block;
	width: 5px;
	height: 100%;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	transform-origin: left bottom;
	transform: skewX(-20deg);
}
section#message .name img {
	width: 120px;
	margin: 0 0 0 auto;
}
section#message ul li {
	padding-right: 5%;
	position: relative;
}
section#message ul li::after {
	content: "";
	display: block;
	height: 100%;
	border-right: 1px #fff solid;
	position: absolute;
	top: 0;
	right: 10px;
	transform: skewX(-15deg);
}
section#message ul li:last-child {
	padding-right: 0;
}
section#message ul li:last-child::after {
	display: none;
}

/* INTERVIEW ---------------------------------------------------------------------*/
section#interview_list::before {
	content: "";
	display: block;
	width: 100%;
	min-width: 1460px;
	height: 100%;
	background: var(--bg_grad);
	opacity: .15;
	clip-path: polygon(8% 0, 108% 0, 92% 100%, -8% 100%);
	transform: translateX(-50%);
	position: absolute;
	top: 0;
	left: 50%;
}
section#interview_list::after {
	content: "";
	display: block;
	width: 0;
	height: 100%;
	background: #fff;
	clip-path: polygon(8% 0, 108% 0, 92% 100%, -8% 100%);
	position: absolute;
	top: 0;
	right: 0;
}
section#interview_list.animated::after {
	animation: message_af 1s;
}
section#interview_list h2 {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 0 0 40px 0!important;
	font-weight: 700;
}
section#interview_list h2::before {
	width: 240px;
	height: 16px;
	top: auto;
	bottom: 0;
}
section#interview_list h2.animated::before {
	animation: h2_bf .3s;
}
section#interview_list h2 .eng {
	display: inline-block;
	margin-right: 30px;
	font-size: 100px;
}
main.second section#interview_list h2 .eng {
	font-size: 80px;
}
/* スライダー --------------------*/
section#interview_list .swiper {
	max-width: 1080px;
	padding: 0 60px;
	overflow: visible;
}
section#interview_list .swiper .swiper-slide {
	width: 300px;
	margin: 0 30px;
	padding-top: 10px;
	opacity: 0;
	pointer-events: none;
	transition: filter .3s;
}
section#interview_list .swiper .swiper-slide.swiper-slide-active,
section#interview_list .swiper .swiper-slide.swiper-slide-next,
section#interview_list .swiper .swiper-slide.swiper-slide-next + .swiper-slide {
	opacity: 1;
	pointer-events: visible;
}
section#interview_list .swiper .swiper-slide.swiper-slide-next + .swiper-slide .comment,
section#interview_list .swiper .swiper-slide.swiper-slide-next + .swiper-slide img,
section#interview_list .swiper .swiper-slide.swiper-slide-next + .swiper-slide .cont {
	animation: slide_visible .4s;
}
@keyframes slide_visible {
	0% {opacity: 0;}
	50% {opacity: 0;}
	100% {opacity: 1;}
}
section#interview_list .swiper .swiper-slide:hover {
	filter: brightness(1.1);
}
section#interview_list .swiper .swiper-slide .comment {
	padding: 15px 10px;
	position: relative;
	transition: all .3s;
}
section#interview_list .swiper .swiper-slide:hover .comment {
	transform: translateY(-10px);
}
section#interview_list .swiper .swiper-slide .comment::before,
section#interview_list .swiper .swiper-slide .comment::after {
	content: "";
	display: block;
	width: calc(100% + 30px);
	height: calc(100% + 20px);
	background: #fff;
	clip-path: polygon(30px 0, 100% 0, calc(100% - 30px) calc(100% - 20px), calc(100% - 60px) calc(100% - 20px), calc(100% - 80px) 100%, calc(100% - 80px) calc(100% - 20px), 0 calc(100% - 20px));
	position: absolute;
	top: 0;
	left: -30px;
}
section#interview_list .swiper .swiper-slide .comment::before {
	background: var(--bg_grad);
	opacity: 0.3;
	top: 5px;
	left: -25px;
}
section#interview_list .swiper .swiper-slide img {
	transition: all .3s;
	transform-origin: center bottom;
}
section#interview_list .swiper .swiper-slide:hover img {
	transform: scale(1.05);
}
section#interview_list .swiper .swiper-slide .cont {
	padding-left: 65px;
	position: relative;
}
section#interview_list .swiper .swiper-slide .cont span.eng {
	position: absolute;
	top: 0;
	left: 0;
}
section#interview_list .swiper .swiper-slide .cont span.eng::after {
	content: "";
	display: block;
	height: 60px;
	border-right: 1px #6e6e6e solid;
	position: absolute;
	top: 5px;
	left: 55px;
	transform-origin: right top;
	transform: skewX(-20deg);
}
/* 矢印 */
.swiper .swiper-button-prev,
.swiper .swiper-button-next {
	display: block;
	width: 20px;
	height: 34px;
	background: var(--bg_grad);
	clip-path: polygon(100% 0, 100% 100%, 0 50%);
	opacity: 0.5;
	mix-blend-mode: multiply;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 3;
	cursor: pointer;
}
.swiper .swiper-button-next {
	left: auto;
	right: 0;
	transform: translateY(-50%) rotate(180deg);
}

/* 福利厚生 -----------------------------------------------------------------------*/
section#welfare::before,
section#welfare::after {
	content: "";
	display: block;
	width: 30%;
	max-width: 300px;
	height: 800px;
	background: url("../img/bg_slash03.png") left top / cover no-repeat;
	position: absolute;
	top: 0;
	right: -3%;
}
section#welfare::after {
	background: url("../img/bg_slash04.png") right top / cover no-repeat;
	top: auto;
	bottom: 0;
	left: -1%;
}
section#welfare.animated::before {
	animation: slash_r 1s;
}
section#welfare.animated::after {
	animation: slash_l 1s;
}
section#welfare table th {
	width: 240px;
}
section#welfare ul li {
	width: calc(100% / 5);
	box-sizing: border-box;
	padding: 0 10px;
	border-right: 1px #6e6e6e solid;
}
section#welfare ul li:last-child {
	border-right: none;
}
section#welfare ul li img {
	width: 40%;
	margin: 0 auto 20px;
}
section#welfare ul li p {
	font-size: 13px;
}
section#welfare h3 {
	padding: 6px 10px;
	background: #FADEE5;
	font-weight: 500;
}
section#welfare .btn.entry {
	margin-bottom: 40px;
}

/*==================================================================================
下層ページ共通
==================================================================================*/
section#main_2nd {
	overflow: hidden;
}
section#main_2nd .container::before {
	content: "";
	display: block;
	width: calc(70% + calc(50vw - 50%));
	height: 100%;
	background: var(--bg_grad);
	opacity: 0.15;
	clip-path: polygon(0 0, 100% 0, calc(100% - 100px) 100%, 0 100%);
	position: absolute;
	top: 0;
	left: calc(-50vw + 50%);
}
section#main_2nd .inner {
	width: calc(50% - 60px);
	min-height: calc(300px - 60px);
	padding: 30px 0;
}
section#main_2nd h2 {
	padding-left: 0!important;
}
section#main_2nd h2::before {
	display: none;
}
section#main_2nd .img {
	width: calc(50% + calc(50vw - 50%));
	height: 100%;
	clip-path: polygon(100px 0, 100% 0, 100% 100%, 0 100%);
	overflow: hidden;
	position: absolute;
	top: 40px;
	right: calc(-50vw + 50%);
}
section#main_2nd .img::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: #fff;
	clip-path: polygon(100px 0, 100% 0, 100% 100%, 0 100%);
	opacity: 0;
	position: absolute;
	top: 0;
	right: 0;
}
main.second h3 .eng {
	display: inline-block;
	padding-bottom: 20px;
	font-size: 64px;
	font-weight: 500;
	position: relative;
}
main.second h3 .eng::after {
	content: "";
	display: block;
    width: 200px;
    height: 8px;
	background: var(--bg_grad);
	position: absolute;
    bottom: 0;
	left: 0;
	transform-origin: left bottom;
	transform: skewX(-20deg);
}
main.second h3.animated .eng::after {
	animation: h3_bf .6s;
}
@keyframes h3_bf {
	0% {transform: skewX(-20deg) scaleX(0); opacity: 0;}
	50% {transform: skewX(-20deg) scaleX(0); opacity: 0;}
	100% {transform: skewX(-20deg) scaleX(1); opacity: 1;}
}
.ht_bar {
	padding-left: 40px!important;
	position: relative;
}
.ht_bar::before {
	content: "";
	display: block;
	width: 25px;
	height: 6px;
	background: var(--bg_grad);
	position: absolute;
	top: 45%;
	left: 0;
}
.ht_bar.txt_center {
	padding-left: 0!important;
}
.ht_bar.txt_center::before {
	display: none;
}
.ht_bar.txt_center .eng {
	display: block;
	margin-bottom: 10px;
	padding-bottom: 15px;
	position: relative;
}
.ht_bar.txt_center span::before {
	content: "";
	display: block;
	width: 50px;
	height: 6px;
	background: var(--bg_grad);
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

/*==================================================================================
データで知るアキタ
==================================================================================*/
section#numbers .img {
    width: calc(100% / 3 - 6px);
}
section#numbers .img:nth-child(1) {
    width: calc((100% / 3) * 2 - 3px);
}
section#numbers .img img {
    margin-bottom: 15px;
}
/* 事業紹介 -----------------------------------------------------------------------*/
section#introduction .txt {
	position: relative;
}
section#introduction .txt.intro02 {
	margin: 0 0 0 auto;
}
section#introduction .txt::before {
	content: "";
	display: block;
	width: 90%;
	height: 100%;
	background: var(--bg_gray);
	position: absolute;
	top: 0;
	left: -5%;
	transform: skewX(-20deg);
}
section#introduction .txt.intro02::before {
	left: auto;
	right: -5%;
}
section#introduction .txt .inner {
	width: 58%;
	box-sizing: border-box;
	padding: 60px;
	position: relative;
	z-index: 2;
}
section#introduction .txt.intro02 .inner {
	width: 64%;
	margin: 0 0 0 auto;
}
section#introduction .img {
	width: 48%;
	position: absolute;
	top: -40px;
	right: -40px;
	z-index: 2;
}
section#introduction .img.intro02 {
	right: auto;
	left: -100px;
}
/* 会社概要 -----------------------------------------------------------------------*/
section#company::before {
	content: "";
	display: block;
	width: 100%;
	min-width: 1460px;
	height: 100%;
	background: var(--bg_grad);
	opacity: 0.5;
	clip-path: polygon(8% 0, 108% 0, 92% 100%, -8% 100%);
	position: absolute;
	top: 0;
	left: 0;
	margin: auto;
}
section#company .container {
	width: calc(100% - 300px);
	padding: 0 150px;
}
section#company .txt {
	width: calc(50% - 100px);
	color: #fff;
}
section#company .txt table tr {
	border-bottom: 1px #fff dotted;
}
section#company .txt table th {
	white-space: nowrap;
}
section#company .txt table tr:last-child td {
	text-align: right;
}
section#company .txt table tr:last-child td p {
	display: inline-block;
	text-align: left;
}
section#company .img {
	width: calc(50% + calc(50vw - 50%));
	height: 100%;
	clip-path: polygon(18% 0, 100% 0, 100% 100%, 0 100%);
	overflow: hidden;
	position: absolute;
	top: 0;
	right: calc(-50vw + 50%);
	z-index: 2;
}

/*==================================================================================
ドライバーの安心のために先進のDXを導入
==================================================================================*/
/* アキタのDX戦略 ------------------------------------------------------------------*/
section#strategy .imgs {
	max-width: 1080px;
	margin: -6% auto 0;
    position: relative;
}
section#strategy .imgs .img01 {
    width: 31%;
	position: absolute;
	top: 12%;
    left: 2%;
}
section#strategy .imgs .img01 img.animated {
    animation: strategy_img 1.8s;
}
@keyframes strategy_img {
    0% {opacity: 0; transform: scale(0.5);}
    66.6% {opacity: 0; transform: scale(0.5);}
    100% {opacity: 1; transform: scale(1);}
}
section#strategy .imgs .img02 {
    width: 31%;
	position: absolute;
	top: 9%;
    right: 1.5%;
}
section#strategy .imgs .img02 img.animated {
    animation: strategy_img 1.8s;
}
section#strategy .imgs .img03 {
    width: 34%;
	position: absolute;
	top: 0;
    right: 0;
}
section#strategy .imgs .img03 img.animated {
    animation: strategy_img2 2.2s;
}
@keyframes strategy_img2 {
    0% {opacity: 0; transform: translateY(30px);}
    72.72% {opacity: 0; transform: translateY(30px);}
    100% {opacity: 1; transform: translateY(0);}
}
section#strategy .imgs .img04 {
    width: 31%;
	position: absolute;
	top: 50.4%;
    left: 33.2%;
}
section#strategy .imgs .img04 img.animated {
    animation: strategy_img 1.8s;
}
section#strategy .imgs .img05 {
    width: 100%;
	position: absolute;
	bottom: 0;
    left: 0;
}
section#strategy .imgs .img05 img.animated {
    animation: strategy_img3 2.2s;
}
@keyframes strategy_img3 {
    0% {opacity: 0; transform: translateY(-30px);}
    72.72% {opacity: 0; transform: translateY(-30px);}
    100% {opacity: 1; transform: translateY(0);}
}
/* Akita’s DX --------------------------------------------------------------------*/
section#dx {
	padding: 120px 0!important;
}
section#dx::before {
	content: "";
	display: block;
	width: 100%;
	min-width: 1460px;
	height: 100%;
	background: var(--bg_grad);
	opacity: .15;
	clip-path: polygon(8% 0, 108% 0, 92% 100%, -8% 100%);
	transform: translateX(-50%);
	position: absolute;
	top: 0;
	left: 50%;
}
section#dx::after {
	content: "";
	display: block;
	width: 0;
	height: 100%;
	background: #fff;
	clip-path: polygon(8% 0, 108% 0, 92% 100%, -8% 100%);
	position: absolute;
	top: 0;
	right: 0;
}
section#dx.animated::after {
	animation: message_af 1s;
}
section#dx h3 .eng {
	padding-bottom: 0;
	color: rgba(255,255,255,0.6);
	font-size: 80px;
	position: absolute;
	top: -9px;
	left: 10%;
}
section#dx h3 .eng::after {
	display: none;
}
/* スライド */
section#dx .swiper-slide {
	width: calc(100% - 200px);
	margin: 0 100px;
}
section#dx .txt {
	width: 50%;
}
section#dx .dx_ttl {
	padding-left: 40px;
	position: relative;
}
section#dx .dx_ttl::before {
	content: "";
	display: block;
	width: 30px;
	height: 4px;
	background: var(--bg_grad);
	position: absolute;
	top: 22px;
	left: 0;
}
section#dx ul.function li {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background: #fff;
	margin: 0 6px 10px 0;
}
section#dx ul.important li {
	display: inline-block;
	padding: 8px 15px;
	background: #ed91a7;
	color: #fff;
	margin: 0 5px 10px 0;
}
section#dx ul.list li {
	padding-left: 1.2em;
	position: relative;
}
section#dx ul.list li::before {
	content: '\025a0';
	display: block;
	color: #7a7dae;
	font-size: .8em;
	line-height: 1.8;
	position: absolute;
	top: 3px;
	left: 0;
}
section#dx .img {
	width: calc(50% - 60px);
	height: 100%;
	overflow: hidden;
}

/*==================================================================================
つねに働きやすい環境づくりを目指して
==================================================================================*/
/* 仕事の流れ ----------------------------------------------------------------------*/
section#job_intro .colum {
	width: calc(100% / 4 - 15px);
	background: rgba(65,70,140,0.10);
}
section#job_intro .colum:nth-child(1) {
	background: rgba(220,35,80,0.10);
}
section#job_intro .colum .inner {
	padding: 30px;
}
/* 1日のスケジュール ----------------------------------------------------------------*/
section#schedule {
	background: url("../img/work_dialy_bg.jpg") center bottom / cover no-repeat;
}
section#schedule h3 {
	color: #fff;
}
section#schedule .schedule {
	position: relative;
}
section#schedule .schedule::before,
section#schedule .schedule::after {
	content: "";
	display: block;
	width: 36px;
	height: calc(46% - 180px);
	background: var(--pink);
	position: absolute;
	top: 180px;
	left: calc(50% - 18px);
}
section#schedule .schedule::after {
	height: calc(54% - 160px);
	background: #7a7dae;
	top: auto;
	bottom: 160px;
}
/* start finish */
section#schedule .start span,
section#schedule .finish span {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 150px;
	height: 150px;
	border-radius: 50%;
	background: var(--pink);
	color: #fff;
}
section#schedule .finish span {
	background: #7a7dae;
}
section#schedule .start.animated span,
section#schedule .finish.animated span {
	animation: schedule_sf .6s;
}
@keyframes schedule_sf {
	0% {transform: scale(0);}
	50% {transform: scale(0);}
	100% {transform: scale(1);}
}
/* */
section#schedule div[class^="date"] {
	width: calc(50% - 50px);
	position: relative;
	z-index: 2;
}
/* 丸 */
section#schedule div[class^="date"]::before {
	content: "";
	display: block;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	top: 50%;
	right: -59px;
	transform: translateY(-50%);
}
section#schedule div[class^="date"].right::before {
	right: auto;
	left: -59px;
}
section#schedule div[class^="date"].animated::before {
	animation: date_point .3s;
}
@keyframes date_point {
	0% {transform: translateY(-50%) scale(0);}
	100% {transform: translateY(-50%) scale(1);}
}
/* 線 */
section#schedule div[class^="date"]::after {
	content: "";
	display: block;
	width: 50px;
	height: 2px;
	background: #fff;
	position: absolute;
	top: 50%;
	right: -50px;
	transform: translateY(-50%);
}
section#schedule div[class^="date"].right::after {
	right: auto;
	left: -50px;
}
/* 背景 */
section#schedule div[class^="date"] .bg {
	display: flex;
	background: #fff;
	position: relative;
}
section#schedule div[class^="date"] .bg.animated {
	animation: date .6s;
}
@keyframes date {
	0% {transform: translateX(30px); opacity: 0;}
	100% {transform: translateX(0); opacity: 1;}
}
section#schedule div[class^="date"].right .bg.animated {
	animation: date_r .6s;
}
@keyframes date_r {
	0% {transform: translateX(-30px); opacity: 0;}
	100% {transform: translateX(0); opacity: 1;}
}
/* イメージ */
section#schedule div[class^="date"] .img {
	width: 58%;
	height: 200px;
	overflow: hidden;
}
section#schedule div[class^="date"].right .img {
	order: 2;
}
section#schedule div[class^="date"] .img img {
	height: 100%;
	object-fit: cover;
}
/* 時間 */
section#schedule div[class^="date"] .txt {
	width: 42%;
	box-sizing: border-box;
	padding: 20px;
}
/* 時間ごと位置指定 */
section#schedule div[class^="date"].date01 {
	margin: 0 0 -62px;
}
section#schedule div[class^="date"].date01 .img {
	position: absolute;
	top: -40%;
}
section#schedule div[class^="date"].date01 .txt {
	margin: 0 0 0 auto;
}
section#schedule div[class^="date"].date02 {
	margin: 0 0 -80px auto;
}
section#schedule div[class^="date"].date03 {
	margin: 0 0 -80px;
}
section#schedule div[class^="date"].date04 {
	margin: 0 0 60px auto;
}
section#schedule div[class^="date"].date05 {
	margin: 0 0 -30px;
}
section#schedule div[class^="date"].date06 {
	margin: 0 0 0 auto;
}
section#schedule div[class^="date"].date06 .img {
	position: absolute;
	top: -40%;
	right: 10%;
}
section#schedule div[class^="date"].date07 {
	margin: 0 0 -60px;
}
section#schedule div[class^="date"].date07 .img {
	position: absolute;
	top: -30%;
}
section#schedule div[class^="date"].date07 .txt {
	margin: 0 0 0 auto;
}
section#schedule div[class^="date"].date08 {
	margin: 0 0 -100px auto;
}
section#schedule div[class^="date"].date09 {
	margin: 0 0 60px;
}
section#schedule div[class^="date"].date10 {
	margin: 0 0 -20px;
}
section#schedule div[class^="date"].date10 .img {
	position: absolute;
	top: -40%;
}
section#schedule div[class^="date"].date10 .txt {
	margin: 0 0 0 auto;
}
section#schedule div[class^="date"].date11 {
	margin: 0 0 -60px auto;
}
section#schedule div[class^="date"].date12 {
	margin: 0 0 -80px;
}
section#schedule div[class^="date"].date13 {
	margin: 0 0 60px auto;
}
section#schedule div[class^="date"].date13 .img {
	position: absolute;
	top: -30%;
	right: 0;
}
section#schedule div[class^="date"].date14 {
	margin: 0 0 -60px auto;
}
section#schedule div[class^="date"].date14 .img {
	position: absolute;
	top: -40%;
	right: 0;
}
section#schedule div[class^="date"].date15 {
	margin: 0 0 30px;
}

/*==================================================================================
丁寧な教育制度とスキルアップ支援
==================================================================================*/
section#education .img_slash,
section#support .img_slash {
	height: 410px;
	clip-path: polygon(120px 0, 100% 0, calc(100% - 120px) 100%, 0 100%);
	overflow: hidden;
	position: relative;
}
section#education .img_slash::after,
section#support .img_slash::after {
	clip-path: polygon(120px 0, 100% 0, calc(100% - 120px) 100%, 0 100%);
}
section#education .img_slash img,
section#support .img_slash img {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
/* スキルアップ支援 -----------------------------------------------------------------*/
section#support .skillup .flow {
	width: calc(45% - 40px);
}
section#support .skillup .flow.animated img.flow03 {
	animation: skill_flow03 1.5s;
}
@keyframes skill_flow03 {
	0% {transform: translateY(20px); opacity: 0;}
	33.3% {transform: translateY(20px); opacity: 0;}
	100% {transform: translateY(0); opacity: 1;}
}
section#support .skillup .flow.animated img.flow02 {
	animation: skill_flow02 1s;
}
@keyframes skill_flow02 {
	0% {transform: translateY(20px); opacity: 0;}
	30% {transform: translateY(20px); opacity: 0;}
	100% {transform: translateY(0); opacity: 1;}
}
section#support .skillup .img {
	width: 55%;
	height: 100%;
	overflow: hidden;
}
section#support .bg_gray {
	padding: 20px;
	background: var(--bg_gray);
}
section#support .bg_gray .cont {
	width: calc(100% - 200px);
	padding-left: 20px;
	border-left: 1px #999 solid;
}

/*==================================================================================
全国27ヵ所を結ぶネットワーク
==================================================================================*/
section#group .map {
	max-width: 840px;
	margin: 0 auto 30px;
	margin-top: -15%;
	padding-left: 3%;
	overflow: hidden;
	position: relative;
}
section#group .map.vol2 {
	max-width: 100%;
}
section#group .map a {
	display: inline-block;
	padding-left: .8em;
	position: absolute;
	z-index: 2;
}
section#group .map a::before {
	content: "\025b7";
	display: block;
	font-size: .5em;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
section#group .map a.tokai {
	color: #2DB482;
	bottom: 21%;
	left: 55%;
}
section#group .map.animated a.tokai {
	animation: map_tokai .6s;
}
@keyframes map_tokai {
	0% {transform: translateX(40px); opacity: 0;}
	100% {transform: translateX(0); opacity: 1;}
}
section#group .map a.tohoku {
	color: #F5B932;
	top: 37%;
	left: 54%;
}
section#group .map.animated a.tohoku {
	animation: map_tohoku .7s;
}
@keyframes map_tohoku {
	0% {transform: translateX(40px); opacity: 0;}
	14.28% {transform: translateX(40px); opacity: 0;}
	100% {transform: translateX(0); opacity: 1;}
}
section#group .map a.kanto {
	color: #96C82D;
	bottom: 31%;
	right: 13%;
}
section#group .map.animated a.kanto {
	animation: map_kanto .8s;
}
@keyframes map_kanto {
	0% {transform: translateX(40px); opacity: 0;}
	25% {transform: translateX(40px); opacity: 0;}
	100% {transform: translateX(0); opacity: 1;}
}
section#group .map a.hokushinetsu {
	color: #50BEDC;
	top: 49%;
	left: 42%;
}
section#group .map.animated a.hokushinetsu {
	animation: map_hokushinetsu .9s;
}
@keyframes map_hokushinetsu {
	0% {transform: translateX(40px); opacity: 0;}
	33.3% {transform: translateX(40px); opacity: 0;}
	100% {transform: translateX(0); opacity: 1;}
}
section#group .map a.kinki {
	color: #288CB9;
	top: 59%;
	left: 37%;
}
section#group .map.animated a.kinki {
	animation: map_kinki 1s;
}
@keyframes map_kinki {
	0% {transform: translateX(40px); opacity: 0;}
	40% {transform: translateX(40px); opacity: 0;}
	100% {transform: translateX(0); opacity: 1;}
}
section#group .map a.chugoku {
	color: #9678A0;
	top: 61%;
	left: 17%;
}
section#group .map.animated a.chugoku {
	animation: map_chugoku 1.1s;
}
@keyframes map_chugoku {
	0% {transform: translateX(40px); opacity: 0;}
	45.45% {transform: translateX(40px); opacity: 0;}
	100% {transform: translateX(0); opacity: 1;}
}
section#group .map a.shikoku {
	color: #FF8296;
	bottom: 13%;
	left: 32%;
}
section#group .map.animated a.shikoku {
	animation: map_tokai 1.2s;
}
@keyframes map_tokai {
	0% {transform: translateX(40px); opacity: 0;}
	50% {transform: translateX(40px); opacity: 0;}
	100% {transform: translateX(0); opacity: 1;}
}
section#group .map a.kyushu {
	color: #B4A050;
	bottom: 10%;
	left: 0;
}
section#group .map.animated a.kyushu {
	animation: map_kyushu 1.3s;
}
@keyframes map_kyushu {
	0% {transform: translateX(40px); opacity: 0;}
	53.84% {transform: translateX(40px); opacity: 0;}
	100% {transform: translateX(0); opacity: 1;}
}
section#group .map.vol2 a.tokai {
	bottom: 22%;
	left: 37%;
}
section#group .map.vol2 a.tokai.area {
	width: 11%;
	height: 3%;
	padding-left: 0;
	bottom: auto;
	top: 31.8%;
	left: 77.4%;
}
section#group .map.vol2 a.tokai.area::before {
	display: none;
}
section#group .map.vol2 a.tohoku {
	top: 37%;
	left: 36%;
}
section#group .map.vol2 a.kanto {
	bottom: 31%;
	right: 42%;
}
section#group .map.vol2 a.hokushinetsu {
	top: 49%;
	left: 24%;
}
section#group .map.vol2 a.kinki {
	top: 59%;
	left: 25%;
}
section#group .map.vol2 a.chugoku {
	top: 62%;
	left: 11%;
}
section#group .map.vol2 a.shikoku {
	bottom: 13%;
	left: 21%;
}
section#group .map.vol2 a.kyushu {
	bottom: 10%;
	left: 0;
}
section#group .bg_gray {
	padding: 60px 80px;
	background: var(--bg_gray);
}
section#group .bg_gray .col2 {
	width: calc(50% - 60px);
	position: relative;
}
section#group .bg_gray .col2:first-child::after {
	content: "";
	display: block;
	height: 100%;
	border-right: 1px #999 solid;
	position: absolute;
	top: 0;
	right: -60px;
}
section#group .bg_gray .border {
	border-color: #6E6E6E;
}
section#group h4 {
	font-weight: 400;
}
section#group #tokai,
section#group #tohoku,
section#group #kanto,
section#group #hokushinetsu,
section#group #kinki,
section#group #chugoku,
section#group #shikoku,
section#group #kyushu {
	padding-top: 40px;
	margin-top: -40px;
}
section#group ul li {
	padding: 10px 0;
	border-bottom: 1px #999 dotted;
}
section#group ul li:last-child {
	border-bottom: none;
}
section#group ul li a,
section#group ul li div {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
section#group ul li span {
	display: block;
	width: 300px;
	box-sizing: border-box;
	padding-left: .8em;
	position: relative;
}
section#group ul li span span {
	display: inline-block;
	width: auto;
	padding-left: 0;
}
section#group ul li span::before {
	content: "\025b6";
	display: block;
	font-size: .5em;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
section#group ul li span span::before {
	display: none;
}
section#group ul li p {
	width: calc(100% - 300px);
}
section#group .map a.tokai::before,
section#group #tokai h4,
section#group #tokai ul li span::before {
	color: #2DB482;
}
section#group .map a.tohoku::before,
section#group #tohoku h4,
section#group #tohoku ul li span::before {
	color: #F5B932;
}
section#group .map a.kanto::before,
section#group #kanto h4,
section#group #kanto ul li span::before {
	color: #96C82D;
}
section#group .map a.hokushinetsu::before,
section#group #hokushinetsu h4,
section#group #hokushinetsu ul li span::before {
	color: #50BEDC;
}
section#group .map a.kinki::before,
section#group #kinki h4,
section#group #kinki ul li span::before {
	color: #288CB9;
}
section#group .map a.chugoku::before,
section#group #chugoku h4,
section#group #chugoku ul li span::before {
	color: #9678A0;
}
section#group .map a.shikoku::before,
section#group #shikoku h4,
section#group #shikoku ul li span::before {
	color: #FF8296;
}
section#group .map a.kyushu::before,
section#group #kyushu h4,
section#group #kyushu ul li span::before {
	color: #B4A050;
}

/*==================================================================================
各営業所
==================================================================================*/
section#office {
	overflow: hidden;
	position: relative;
}
section#office::before {
	content: "";
	display: block;
	width: 20%;
	max-width: 240px;
	height: 840px;
	background: url("../img/tokai_slash.png") right top / cover no-repeat;
	position: absolute;
	top: 80px;
	left: 0;
}
section#office.tohoku::before {
	background-image: url("../img/tohoku_slash.png");
}
section#office.kanto::before {
	background-image: url("../img/kanto_slash.png");
}
section#office.hokushinetsu::before {
	background-image: url("../img/hokusinetsu_slash.png");
}
section#office.kinki::before {
	background-image: url("../img/kinki_slash.png");
}
section#office.chugoku::before {
	background-image: url("../img/chugoku_slash.png");
}
section#office.shikoku::before {
	background-image: url("../img/shikoku_slash.png");
}
section#office.kyushu::before {
	background-image: url("../img/kyushu_slash.png");
}
section#office .txt {
	width: calc(50% - 60px);
}
section#office h2 {
	padding-left: 0!important;
}
section#office h2::before {
	display: none;
}
section#office h2 span {
	display: inline-block;
	font-size: 64px;
}
section#office.tokai h2 span {
	color: #2DB482;
}
section#office.tohoku h2 span {
	color: #F5B932;
}
section#office.kanto h2 span {
	color: #96C82D;
}
section#office.hokushinetsu h2 span {
	color: #50BEDC;
}
section#office.kinki h2 span {
	color: #288CB9;
}
section#office.chugoku h2 span {
	color: #9678A0;
}
section#office.shikoku h2 span {
	color: #FF8296;
}
section#office.kyushu h2 span {
	color: #B4A050;
}
section#office .txt .data {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
section#office .txt .data span {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 80px;
	height: 40px;
	color: #fff;
	clip-path: polygon(12px 0, 100% 0, calc(100% - 12px) 100%, 0 100%);
}
section#office.tokai .txt .data span {
	background: #2DB482;
}
section#office.tohoku .txt .data span {
	background: #F5B932;
}
section#office.kanto .txt .data span {
	background: #96C82D;
}
section#office.hokushinetsu .txt .data span {
	background: #50BEDC;
}
section#office.kinki .txt .data span {
	background: #288CB9;
}
section#office.chugoku .txt .data span {
	background: #9678A0;
}
section#office.shikoku .txt .data span {
	background: #FF8296;
}
section#office.kyushu .txt .data span {
	background: #B4A050;
}
section#office .txt .data p {
	width: calc(100% - 90px);
}
section#office .txt h3 {
	padding-left: .8em;
	position: relative;
}
section#office .txt h3::before {
	content: "\025b6";
	display: block;
	font-size: .5em;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
section#office.tokai h3,
section#office.tokai h3::before {
	color: #2DB482;
}
section#office.tohoku h3,
section#office.tohoku h3::before {
	color: #F5B932;
}
section#office.kanto h3,
section#office.kanto h3::before {
	color: #96C82D;
}
section#office.hokushinetsu h3,
section#office.hokushinetsu h3::before {
	color: #50BEDC;
}
section#office.kinki h3,
section#office.kinki h3::before {
	color: #288CB9;
}
section#office.chugoku h3,
section#office.chugoku h3::before {
	color: #9678A0;
}
section#office.shikoku h3,
section#office.shikoku h3::before {
	color: #FF8296;
}
section#office.kyushu h3,
section#office.kyushu h3::before {
	color: #B4A050;
}
section#office .txt p.pr_txt {
	min-height: 145px;
}
section#office .img {
	width: 50%;
}
section#office .main_img {
	width: 50%;
	height: 560px;
	position: absolute;
	top: 80px;
	right: 0;
	clip-path: polygon(160px 0, 100% 0, 100% 100%, 0 100%);
	overflow: hidden;
}
section#office .main_img.img_slash::after {
	clip-path: polygon(160px 0, 100% 0, 100% 100%, 0 100%);
}
section#office .btn.entry {
	max-width: 460px;
	padding: 20px;
	font-size: 30px;
}
section#office .btn.entry::after {
	top: 10px;
	left: calc(50% + 10px);
}
section#office .btn.entry:hover::after {
	top: 0;
	left: 50%;
}
section#office.tokai .btn.entry::before,
section#office.tokai .btn.entry::after {
	background: #2DB482;
}
section#office.tohoku .btn.entry::before,
section#office.tohoku .btn.entry::after {
	background: #F5B932;
}
section#office.kanto .btn.entry::before,
section#office.kanto .btn.entry::after {
	background: #96C82D;
}
section#office.hokushinetsu .btn.entry::before,
section#office.hokushinetsu .btn.entry::after {
	background: #50BEDC;
}
section#office.kinki .btn.entry::before,
section#office.kinki .btn.entry::after {
	background: #288CB9;
}
section#office.chugoku .btn.entry::before,
section#office.chugoku .btn.entry::after {
	background: #9678A0;
}
section#office.shikoku .btn.entry::before,
section#office.shikoku .btn.entry::after {
	background: #FF8296;
}
section#office.kyushu .btn.entry::before,
section#office.kyushu .btn.entry::after {
	background: #B4A050;
}
section#office .btn.entry.newtab span {
	display: block;
}
section#office .btn.entry.newtab span::after {
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	background: url("../img/icon_newtab.png") center center / contain no-repeat;
	position: absolute;
	top: -5px;
	right: 0;
}

/*==================================================================================
社員インタビュー
==================================================================================*/
section#interview {
	overflow: hidden;
	position: relative;
}
section#interview::before {
	content: "";
	display: block;
	width: 30%;
	max-width: 300px;
	height: 1020px;
	background: url("../img/interview_slash.png") right top / cover no-repeat;
	position: absolute;
	top: 80px;
	left: 0;
}
section#interview .img01 {
	width: calc(50% - 60px);
	height: 680px;
	position: absolute;
	top: 80px;
	right: 0;
	clip-path: polygon(160px 0, 100% 0, 100% 100%, 0 100%);
	overflow: hidden;
}
section#interview .img01.img_slash::after {
	clip-path: polygon(160px 0, 100% 0, 100% 100%, 0 100%);
}
section#interview .txt {
	width: calc(50% - 140px);
	padding-left: 140px;
	position: relative;
}
section#interview h3 {
	writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
	position: absolute;
	top: 0;
	left: 0;
}
section#interview .profile {
	padding-left: 90px;
	position: relative;
}
section#interview .profile .number {
	position: absolute;
	top: 3px;
	left: 0;
}
section#interview .profile .cont {
	position: relative;
}
section#interview .profile .cont::before {
	content: "";
	display: block;
	height: 100%;
	border-right: 1px #6e6e6e solid;
	position: absolute;
	top: 5%;
	left: -28px;
	transform: skewX(-15deg);
}
section#interview .profile .cont .font_42.eng {
	display: inline-block;
	margin-right: 5px;
	position: relative;
	top: 5px;
}
section#interview .profile .cont .data {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
section#interview .profile .cont .data span {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 80px;
	height: 40px;
	background: #b6b6b6;
	color: #fff;
	clip-path: polygon(12px 0, 100% 0, calc(100% - 12px) 100%, 0 100%);
}
section#interview .profile .cont .data p {
	width: calc(100% - 90px);
}
section#interview h4 {
	padding-left: 1.6em;
	text-indent: -1.6em;
}
section#interview .img02,
section#interview .img03 {
	width: 24%;
	height: 300px;
	position: absolute;
	top: 790px;
	right: 23%;
	clip-path: polygon(80px 0, 100% 0, calc(100% - 80px) 100%, 0 100%);
}
section#interview .img03 {
	right: 40px;
}
section#interview .img02::after,
section#interview .img03::after {
	clip-path: polygon(80px 0, 100% 0, calc(100% - 80px) 100%, 0 100%);
}

/*==================================================================================
お問い合わせ
==================================================================================*/
section#contact .bg_pink {
	padding: 60px 0;
	position: relative;
}
section#contact .bg_pink::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: var(--bg_grad);
	opacity: .2;
	position: absolute;
	top: 0;
	left: 0;
}
section#contact .policy {
	padding: 30px 20px;
	position: relative;
}
section#contact .policy::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: var(--bg_grad);
	opacity: .2;
	position: absolute;
	top: 0;
	left: 0;
}

/*==================================================================================
採用ニュース
==================================================================================*/
section#news ul {
	margin-left: 1em;
}
section#news ul li {
	padding-left: 0.5em;
	list-style: "\025a0";
}
/* WP-pagenavi ---------------------------------------------------------------------*/
section#news .wp-pagenavi {
	display: flex;
	justify-content: center;
	align-items: center;
}
section#news .wp-pagenavi a,
section#news .wp-pagenavi span {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 36px;
	height: 36px;
	box-sizing: border-box;
	border: none;
	margin: 0 5px;
	color: #6e6e6e;
	font-family: "Urbanist", sans-serif;
	font-size: 14px;
	text-decoration: none!important;
}
section#news .wp-pagenavi span.current {
	background: var(--bg_gray);
}
section#news .wp-pagenavi span.extend {
	width: auto;
	font-family: "Noto Sans JP", sans-serif;
}
section#news .wp-pagenavi a:hover {
	filter: brightness(1.05);
}

/*==================================================================================
footer
==================================================================================*/
footer {
	padding: 40px 0!important;
	background: #999;
	color: #fff;
	position: relative;
}
footer a {
	color: #fff;
}
footer .logo {
	width: 180px;
}
footer ul.foot_nav {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-content: space-between;
	width: 680px;
	height: 200px;
}
footer ul.foot_nav li a {
	display: inline-block;
}
footer ul.foot_nav li ul {
	margin-left: 1em;
}
footer ul.foot_nav li ul li {
	list-style: '\030fb';
	font-size: 12px;
}
footer ul.foot_nav li ul li ul li {
	list-style: '\02d\020';
}
footer ul.foot_nav li a.btn {
	display: flex;
    justify-content: center;
    align-items: center;
    width: 140px;
    height: 70px;
    background: var(--bg_grad);
    color: #fff;
    font-size: 18px;
    clip-path: polygon(30px 0, 100% 0, calc(100% - 30px) 100%, 0 100%);
}
footer .copy {
	font-size: 12px;
	text-align: right;
}
/* ページトップへ戻るボタン */
.btn_pagetop {
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #6e6e6e;
	position: fixed;
	bottom: 40px;
	right: 40px;
	z-index: 100;
}
.btn_pagetop span {
	display: block;
	width: 10px;
	height: 10px;
	border-top: 1px #fff solid;
	border-right: 1px #fff solid;
	transform: translateX(-50%) rotate(-45deg);
	position: absolute;
	top: 45%;
	left: 50%;
}

.tb {display: none;}
.pc {display: inline;}
.sp {display: none;}


@media screen and (max-width : 1330px) {
	/*==================================================================================
	header
	==================================================================================*/
	header .logo {
		width: 160px;
	}
    header .logo.anv80th::after {
        width: 60px;
        height: 70px;
        bottom: -80px;
    }
	nav.gnav ul li.parent {
		margin-left: 20px;
	}
	nav.gnav ul li.parent.contact {
		margin-left: 40px;
	}
	nav.gnav ul li.parent.contact::before {
		left: -20px;
	}
	nav.gnav ul li a {
		font-size: 12px;
	}
	nav.gnav ul li.parent.sns a {
		width: 25px;
        margin-left: 5px;
	}
	nav.gnav ul li.parent:last-child a {
		width: 180px;
		height: 70px;
		font-size: 16px;
		clip-path: polygon(25px 0, 100% 0, calc(100% - 25px) 100%, 0 100%);
	}
	/* 2階層目メニュー */
	nav.gnav ul li.arrow::after {
		bottom: -10px;
	}
	nav.gnav ul li span {
		font-size: 12px;
	}
	nav.gnav ul li ul {
		padding: 20px 10px 10px;
		top: 12px;
		left: -10px;
	}
	nav.gnav ul li ul li {
		margin-bottom: 10px;
	}
	nav.gnav ul li ul li a {
		font-size: 10px;
	}
}


@media screen and (max-width : 1080px) {
	/*==================================================================================
	header
	==================================================================================*/
	nav.gnav ul li.parent.sns {
		display: none;
	}
}


@media screen and (max-width : 1280px) {
	section.minh {
		min-height: calc(100vh - 70px - 302px - 190px);
	}
	/*==================================================================================
	共通
	==================================================================================*/
	main {
		margin-top: 70px!important;
	}
	/*==================================================================================
	INDEX
	==================================================================================*/
	section#main .txt p {
		font-size: 14px;
	}
	/* RECRUIT NEWS ------------------------------------------------------------------*/
	section#top_news::before {
		width: 25%;
		height: 600px;
		top: -80%;
		left: -7%;
	}
	/* アキタで安心して輝ける4つのポイント -------------------------------------------------*/
	section#about::before,
	section#about::after {
		width: 25%;
		height: 600px;
		top: 16%;
		right: -6%;
	}
	section#about::after {
		top: auto;
		bottom: 12%;
		right: auto;
		left: -10%;
	}
	section#about h2 {
		padding: 0 0 20px 0!important;
	}
	section#about h2::before {
		width: 160px;
		height: 10px;
	}
	section#about h2 .eng {
		font-size: 80px;
	}
	section#about h2 p img {
		width: 35px;
		margin: 0 3px;
		top: -3px;
	}
	/* Akitaからのメッセージ -----------------------------------------------------------*/
	section#message ul li::after {
		right: 20px;
	}
	section#message ul li p {
		font-size: 14px;
	}
	/* INTERVIEW ---------------------------------------------------------------------*/
	section#interview_list h2 {
		padding: 0 0 20px 0!important;
	}
	section#interview_list h2::before {
		width: 160px;
		height: 10px;
	}
	section#interview_list h2 .eng {
		font-size: 60px;
	}
	main.second section#interview_list h2 .eng {
		font-size: 40px;
	}
	/*==================================================================================
	全国27ヵ所を結ぶネットワーク
	==================================================================================*/
	section#group .bg_gray {
		padding: 60px;
	}
	section#group ul li span {
		width: 160px;
		font-size: 14px;
	}
	section#group ul li p {
		width: calc(100% - 160px);
		font-size: 12px;
	}
	/*==================================================================================
	社員インタビュー
	==================================================================================*/
	section#interview .img01 {
		width: calc(100% - 570px - 40px);
		height: 460px;
		clip-path: polygon(120px 0, 100% 0, 100% 100%, 0 100%);
	}
	section#interview .img01.img_slash::after {
		clip-path: polygon(120px 0, 100% 0, 100% 100%, 0 100%);
	}
	section#interview .txt {
		width: calc(570px - 140px);
	}
	section#interview .img02,
	section#interview .img03 {
		width: calc(100% - 570px - 60px);
		max-width: 400px;
		height: 240px;
		top: 560px;
		right: 20px;
		clip-path: polygon(60px 0, 100% 0, calc(100% - 60px) 100%, 0 100%);
	}
	section#interview .img03 {
		top: 820px;
		right: 20px;
	}
	section#interview .img02::after,
	section#interview .img03::after {
		clip-path: polygon(60px 0, 100% 0, calc(100% - 60px) 100%, 0 100%);
	}
}



@media screen and (max-width : 960px) {
	.pc {display: none;}
	.tb {display: inline;}
	
	p { font-size: 14px; }
	/*==================================================================================
	header
	==================================================================================*/
	header {
		padding: 10px 20px!important;
		position: relative;
	}
	header .logo {
		width: 120px;
	}
    header .logo.anv80th::after {
        width: 50px;
        height: 50px;
        bottom: auto;
        left: auto;
        transform: none;
        top: 0;
        right: -60px;
    }
	/* スマホ版 メニュー -----------------------*/
	nav.gnav {
	    z-index: 2;
	    width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.7);
		opacity: 0;
		visibility: hidden;
		transition: all 0.3s;
	    position: fixed;
	    top: 0;
	    left: 0;
	}
	nav.gnav.active {
	    opacity: 1;
		visibility: visible;
	}
	nav.gnav ul {
		display: block;
	    width: calc(100% - 85px);
		max-width: 360px;
		height: 100%;
		box-sizing: border-box;
		padding: 30px 40px;
		background: linear-gradient(135deg, rgba(220,35,80,0.05) 0%, rgba(220,35,80,0.05) 15%, rgba(65,70,140,0.05) 100%) #fff;
		transform: translateX(-100%);
		transition: all .3s;
	}
	nav.gnav.active ul {
		transform: translateX(0);
	}
	nav.gnav ul li.parent:first-child {
		display: block;
	}
	nav.gnav ul li.parent {
		margin: 0 0 25px;
	}
	nav.gnav ul li.parent.contact {
		margin: 60px 0 30px;
	}
	nav.gnav ul li.parent.contact::before {
		width: 100%;
		height: auto;
		border-right: none;
		border-top: 1px #cbcbcb solid;
		position: absolute;
		top: -30px;
		left: 0;
		transform: none;
	}
	nav.gnav ul li.parent.sns {
		display: flex;
	}
	nav.gnav ul li a {
		display: block;
		font-size: 14px;
		font-weight: 500;
	}
	nav.gnav ul li.parent:last-child a {
		width: calc(100% + 40px);
		height: 60px;
		font-size: 16px;
		position: relative;
		left: -20px;
	}
	/* 2階層目メニュー */
	nav.gnav ul li.arrow::after {
		bottom: auto;
		top: 5px;
		left: auto;
		right: 0;
		transform: rotate(45deg);
	}
	nav.gnav ul li.arrow:hover::after {
		transform: rotate(45deg);
		opacity: 1;
	}
	nav.gnav ul li.arrow.active::after {
		transform: rotate(-135deg);
	}
	nav.gnav ul li span {
		font-size: 14px;
	}
	nav.gnav ul li ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		width: 100%;
		box-sizing: border-box;
		margin-top: 15px;
		padding: 15px 15px 0 15px;
		background: linear-gradient(135deg, rgba(220,35,80,0.1) 0%, rgba(220,35,80,0.1) 15%, rgba(65,70,140,0.1) 100%) #fff;
		position: relative;
		top: 0;
		left: 0;
		opacity: 1;
		visibility: visible;
		transform: none;
		transition: unset;
	}
	nav.gnav ul li span:hover + ul,
	nav.gnav ul li ul:hover {
		transform: none;
	}
	nav.gnav ul li ul li {
		margin: 0 10px 10px 0;
		padding: 0 10px 0 0;
	}
	nav.gnav ul li ul li:last-child {
		margin: 0 10px 10px 0;
	}
	nav.gnav ul li ul li::before {
		content: "\0ff0f";
		font-size: 12px;
		left: auto;
		right: -6px;
	}
	nav.gnav ul li ul li:last-child::before {
		display: none;
	}
	nav.gnav ul li ul li a {
		font-size: 12px;
	}
	.gnavToggle {
	    display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	    width: 46px;
	    height: 46px;
	    cursor: pointer;
	    position: fixed;
	    right: 20px;
	    top: 10px;
	    z-index: 9999;
	}
	.gnavToggle span {
	    display: block;
	    width: 100%;
		height: 4px;
		background: var(--bg_grad);
		margin-bottom: 5px;
	    transition: .35s ease-in-out;
	}
	.gnavToggle span:last-child {
		margin-bottom: 0;
	}
	.gnavToggle.active span {
	    background: #fff;
	}
	.gnavToggle.active span:nth-child(1) {
	    transform: translateY(4px) rotate(-25deg);
	}
	.gnavToggle.active span:nth-child(2) {
	    transform: translateY(-4px) rotate(25deg);
	}
	/* サイド固定 */
	#side_fix {
		top: 20%;
	}
	#side_fix a {
		width: 40px;
		height: 180px;
		font-size: 14px;
	}
	#side_fix a span {
		font-size: 16px;
	}
	/*==================================================================================
	共通
	==================================================================================*/
	/* レイアウト */
	main {
		margin-top: 0!important;
	}
	section {
		padding: 40px 0!important;
	}
	section.minh {
		min-height: calc(100vh - 62px - 340px - 110px);
	}
	.container {
		width: calc(100% - 40px);
		max-width: 680px;
		padding: 0 20px;
	}
	.max960 {
		max-width: 540px;
	}
	.max740 {
		max-width: 460px;
	}
	.col3 {
		width: calc(100% / 3 - 15px);
	}
	.col2 {
		width: calc(100% / 2 - 10px);
	}
	.tb100 {
		width: 100%;
	}
	.mb_10 {
		margin-bottom: 6px;
	}
	.mb_20 {
		margin-bottom: 15px;
	}
	.mb_30 {
		margin-bottom: 20px;
	}
	.mb_60 {
		margin-bottom: 40px;
	}
	.mb_120 {
		margin-bottom: 80px;
	}
	.mr_10 {
		margin-right: 6px;
	}
	/* フォント */
	h2, 
	.ht_slash {
		padding-left: 20px!important;
	}
	h2::before,
	.ht_slash::before {
		width: 4px;
		transform: skewX(-15deg);
	}
	h2 .eng,
	.ht_slash .eng {
		line-height: 1;
	}
	.font_12 {
		font-size: 10px;
	}
	.font_14 {
		font-size: 12px;
	}
	.font_18 {
		font-size: 16px;
	}
	.font_20 {
		font-size: 18px;
	}
	.font_24 {
		font-size: 20px;
	}
	.font_34 {
		font-size: 20px;
	}
	.font_42 {
		font-size: 24px;
	}
	.font_50 {
		font-size: 30px;
	}
	/* アイコン */
	.icon_arrow {
		padding-right: 20px;
	}
	.icon_arrow::after {
		width: 14px;
		height: 14px;
	}
	/* テーブル */
	table th {
		padding: 15px 20px 15px 0;
		white-space: nowrap;
	}
	table td {
		padding: 15px 0;
		text-align: right;
	}
	/* ボタン */
	.btn {
		font-size: 16px;
	}
	.btn.square {
		padding: 5px 10px;
	}
	.btn.entry {
		max-width: 460px;
		margin: auto;
		font-size: 30px;
	}
	.btn.entry::after {
		top: 5px;
		left: calc(50% + 5px);
	}
	/*==================================================================================
	INDEX
	==================================================================================*/
	section#main {
		padding: 20px 0 120px!important;
	}
	section#main .txt {
		position: relative;
		top: 0;
		left: 10%;
	}
	section#main .txt h1 {
		font-size: 40px;
	}
	section#main .txt p {
		font-size: 16px;
	}
	/* メイン切り替え画像 ---------------------*/
	section#main .switching_img {
		width: calc(100% + 80px);
		margin: 0 0 80px -80px;
	}
	section#main .switching_img .images::before {
		height: calc(100% + 60px);
		bottom: -60px;
	}
	section#main .switching_img .main_img {
		max-height: calc(100% - 20px);
		padding-top: 20px;
	}
	section#main .switching_img .main_img::before {
		left: 2%;
		clip-path: polygon(57% 0, 100% 0, calc(100% - 57%) 100%, 0 100%);
	}
	/* 小画像 */
	section#main .switching_img .sub_img {
		bottom: -40px;
	}
	/* SNS ---------------------*/
	section#main .sns {
		width: 45%;
		max-width: 340px;
		padding: 6% 1% 1.6%;
		position: relative;
		left: 0;
		bottom: auto;
		margin: 4vw 10% 0 auto;
	}
	section#main .sns .ttl {
		top: -30%;
	}
	section#main .sns .ttl p {
		font-size: min(1.8vw, 14px);
	}
    section#main .sns a {
        padding: 0 3%;
    }
    section#main .sns a img.icon {
        margin: 0 auto;
    }
    section#main .sns a img.icon + img {
        display: none;
    }
	/* RECRUIT NEWS ------------------------------------------------------------------*/
	section#top_news {
		padding-top: 0!important;
	}
	section#top_news::before {
		display: none;
	}
	section#top_news .row {
		justify-content: flex-end;
	}
	section#top_news h2 {
		width: 100%;
		margin-bottom: 10px;
	}
	section#top_news ul li {
		margin-bottom: 10px;
		font-size: 10px;
	}
	.article {
		justify-content: flex-start;
	}
	.category {
		width: 100px;
		height: 18px;
		font-size: 10px;
	}
	section#top_news .category {
		width: 100px;
		font-size: 10px;
	}
	.article .date {
		margin-right: 10px;
	}
	.article .ttl,
	section#top_news .article .ttl {
		width: 100%;
	}
	/* 特徴 --------------------------------------------------------------------------*/
	section#feature {
		background: var(--bg_gray);
	}
	section#feature::before {
		display: none;
	}
	section#feature .img {
		width: 100%;
		max-width: 540px;
		margin: 0 auto;
		top: -60px;
	}
	section#feature .img img {
		width: 100%;
		left: 0;
	}
	section#feature .txt {
		width: 100%;
	}
	/* アキタで安心して輝ける4つのポイント -------------------------------------------------*/
	section#about::before,
	section#about::after {
		display: none;
	}
	section#about h2 {
		display: block;
		padding: 0!important;
	}
	section#about h2::before {
		width: 140px;
		height: 8px;
		bottom: auto;
		top: 65px;
	}
	section#about h2 .eng {
		margin: 0 0 30px;
		font-size: 60px;
	}
	section#about h2 p img {
		width: 30px;
	}
	section#about .about02,
	section#about .about03,
	section#about .about04 {
		left: 0;
	}
	section#about .img {
		width: 100%;
		height: 300px;
		clip-path: polygon(80px 0, 100% 0, calc(100% - 80px) 100%, 0 100%);
	}
	section#about .img::after {
		clip-path: polygon(80px 0, 100% 0, calc(100% - 80px) 100%, 0 100%);
	}
	section#about .txt {
		width: 100%;
		max-width: 600px;
		height: auto;
		min-height: 200px;
		margin-bottom: 20px;
		padding: 30px 0 30px 20px;
		left: 40px;
	}
	section#about .about03 .txt,
	section#about .about04 .txt {
		left: 40px;
		order: 2;
	}
	section#about .txt::before {
		transform: skewX(-15deg);
		left: -3%;
	}
	section#about .about03 .txt::before {
		left: -5%;
	}
	section#about .txt .number {
		width: 80px;
		right: 20px;
	}
	section#about .txt .btn {
		font-size: 14px;
	}
	section#about .txt .btn.square {
		font-size: 12px;
	}
	/* Akitaからのメッセージ -----------------------------------------------------------*/
	section#message {
		margin-bottom: 0;
		padding: 80px 0!important;
	}
	section#message::before {
		min-width: 0;
		clip-path: none;
	}
	section#message.animated::after {
		animation: none;
	}
	section#message .container {
		width: calc(100% - 40px);
		padding: 0 20px;
	}
	section#message h2 .eng {
		font-size: 50px;
		top: -86px;
		right: 20px;
	}
	section#message h3::before {
		width: 4px;
	}
	section#message .name {
		margin-top: 20px;
	}
	section#message .name img {
		width: 100px;
	}
	section#message ul {
		margin-left: 1em;
		font-size: 14px;
	}
	section#message ul li {
		width: 100%;
		padding-right: 0;
		list-style: "\030fb";
	}
	section#message ul li::after {
		display: none;
	}
	section#message ul li p {
		font-size: 14px;
	}
	/* INTERVIEW ---------------------------------------------------------------------*/
	section#interview_list {
		padding: 60px 0!important;
	}
	section#interview_list::before {
		min-width: 0;
		clip-path: none;
	}
	section#interview_list.animated::after {
		animation: none;
	}
	section#interview_list h2 {
		display: block;
		padding: 0!important;
	}
	section#interview_list h2::before {
		width: 140px;
		height: 8px;
		bottom: auto;
		top: 65px;
	}
	section#interview_list h2 .eng {
		margin: 0 0 40px;
	}
	main.second section#interview_list h2::before {
		top: 45px;
	}
	main.second section#interview_list h2 .eng {
		margin: 0;
	}
	section#interview_list h2 p {
		line-height: 1.4;
	}
	/* スライダー --------------------*/
	section#interview_list .container {
		max-width: 100%;
	}
	section#interview_list .swiper {
		padding: 0 30px;
	}
	section#interview_list .swiper .swiper-slide {
		width: 240px;
		margin: 0 20px;
	}
	section#interview_list .swiper .swiper-slide .comment {
		padding: 10px;
	}
	section#interview_list .swiper .swiper-slide .comment p {
		line-height: 1.6;
	}
	section#interview_list .swiper .swiper-slide .comment::before,
	section#interview_list .swiper .swiper-slide .comment::after {
		width: calc(100% + 20px);
		height: calc(100% + 15px);
		clip-path: polygon(20px 0, 100% 0, calc(100% - 20px) calc(100% - 15px), calc(100% - 40px) calc(100% - 15px), calc(100% - 60px) 100%, calc(100% - 60px) calc(100% - 15px), 0 calc(100% - 15px));
		left: -18px;
	}
	section#interview_list .swiper .swiper-slide .comment::before {
		top: 3px;
		left: -21px;
	}
	section#interview_list .swiper .swiper-slide .cont {
		padding-left: 40px;
	}
	section#interview_list .swiper .swiper-slide .cont span.eng::after {
		height: 40px;
		top: 2px;
		left: 30px;
		transform: skewX(-15deg);
	}
	/* 矢印 */
	.swiper .swiper-button-prev,
	.swiper .swiper-button-next {
		width: 14px;
		height: 24px;
	}
	/* 福利厚生 -----------------------------------------------------------------------*/
	section#welfare::before,
	section#welfare::after {
		display: none;
	}
	section#welfare table th {
		width: auto;
	}
	section#welfare ul li {
		width: calc(100% / 2);
		padding: 20px 0;
		border-bottom: 1px #6e6e6e solid;
	}
	section#welfare ul li:nth-child(even) {
		border-right: none;
	}
	section#welfare ul li:last-child {
		border-right: 1px #6e6e6e solid;
		border-bottom: none;
	}
	section#welfare ul li img {
		width: 25%;
		max-width: 50px;
		margin: 0 auto 15px;
	}
	section#welfare ul li p {
		font-size: 12px;
	}
	section#welfare .btn.entry {
		margin-bottom: 30px;
	}
	/*==================================================================================
	下層ページ共通
	==================================================================================*/
	section#main_2nd .container::before {
		width: calc(100% + calc(50vw - 50%));
		height: calc(100% - 120px);
		clip-path: polygon(0 0, 100% 0, calc(100% - 60px) 100%, 0 100%);
	}
	section#main_2nd .inner {
		width: 100%;
		min-height: calc(160px - 80px);
		padding: 20px 0 60px;
	}
	section#main_2nd .img {
		width: calc(100% + calc(50vw - 50%));
		height: 160px;
		margin-top: -20px;
		clip-path: polygon(40px 0, 100% 0, 100% 100%, 0 100%);
		position: relative;
		top: 0;
		right: 0;
	}
	section#main_2nd .img::after {
		clip-path: polygon(40px 0, 100% 0, 100% 100%, 0 100%);
	}
	main.second h3 .eng {
		padding-bottom: 15px;
		font-size: 34px;
	}
	main.second h3 .eng::after {
	    width: 100px;
	    height: 6px;
	}
	.ht_bar {
		padding-left: 22px!important;
	}
	.ht_bar::before {
		width: 15px;
		height: 4px;
	}
	.ht_bar.txt_center .eng {
		margin-bottom: 6px;
		padding-bottom: 10px;
	}
	.ht_bar.txt_center span::before {
		width: 40px;
		height: 4px;
	}
	/*==================================================================================
	データで知るアキタ
	==================================================================================*/
    section#numbers .img {
        width: calc(100% / 3 - 4px);
    }
    section#numbers .img:nth-child(1) {
        width: calc((100% / 3) * 2 - 2px);
    }
    section#numbers .img img {
        margin-bottom: 8px;
    }
	/* 事業紹介 -----------------------------------------------------------------------*/
	section#introduction {
		overflow: hidden;
	}
	section#introduction .mb_120 {
		margin-bottom: 40px;
	}
	section#introduction .txt.intro02 {
		margin: 0;
	}
	section#introduction .txt::before {
		width: 120%;
		left: -8%;
		transform: skewX(-15deg);
	}
	section#introduction .txt.intro02::before {
		left: -8%;
		right: auto;
	}
	section#introduction .txt .inner {
		width: 100%;
		padding: 60px 0 30px 10px;
	}
	section#introduction .txt.intro02 .inner {
		width: 100%;
		margin: 0;
	}
	section#introduction .img {
		width: 90%;
		margin: 0 -40px -20px auto;
		position: relative;
		top: 0;
		right: 0;
		z-index: 2;
	}
	section#introduction .img.intro02 {
		right: 0;
		left: 0;
	}
	section#introduction .img.intro02.animated {
		animation: fadeinright_2nd 1.2s;
	}
	/* 会社概要 -----------------------------------------------------------------------*/
	section#company {
		margin-top: 40px;
		padding-top: 0!important;
	}
	section#company::before {
		min-width: 0;
		clip-path: none;
	}
	section#company .container {
		width: calc(100% - 40px);
		padding: 0 20px;
	}
	section#company .txt {
		width: 100%;
	}
	section#company .img {
		width: 100%;
		height: 240px;
		clip-path: polygon(8% 0, 100% 0, calc(100% - 8%) 100%, 0 100%);
		position: relative;
		top: -40px;
		right: 0;
	}
	/*==================================================================================
	ドライバーの安心のために先進のDXを導入
	==================================================================================*/
	/* アキタのDX戦略 ------------------------------------------------------------------*/
	section#strategy .imgs {
		margin: 40px auto 0;
	}
	/* Akita’s DX --------------------------------------------------------------------*/
	section#dx {
		padding: 80px 0!important;
	}
	section#dx::before {
		min-width: 0;
		clip-path: none;
		transform: translateX(-50%);
	}
	section#dx::after {
		display: none;
	}
	section#dx h3 .eng {
		font-size: 60px;
		left: 20px;
	}
	/* スライド */
	section#dx .swiper-slide {
		width: calc(100% - 80px);
		margin: 0 40px;
	}
	section#dx .txt {
		width: 100%;
		margin-bottom: 30px;
	}
	section#dx .dx_ttl {
		padding-left: 30px;
	}
	section#dx .dx_ttl::before {
		width: 20px;
		height: 3px;
		top: 12px;
	}
	section#dx ul.function li {
		width: 80px;
		height: 80px;
		margin: 0 4px 8px 0;
	}
	section#dx ul.important li {
		padding: 6px 10px;
		margin: 0 4px 8px 0;
	}
	section#dx ul.list li {
		padding-left: 1em;
	}
	section#dx ul.list li::before {
		font-size: .6em;
		line-height: 1.6;
		top: 5px;
	}
	section#dx .img {
		width: 100%;;
		height: auto;
	}
	/*==================================================================================
	つねに働きやすい環境づくりを目指して
	==================================================================================*/
	/* 仕事の流れ ----------------------------------------------------------------------*/
	section#job_intro .colum {
		width: calc(100% / 2 - 10px);
		margin-bottom: 20px;
	}
	section#job_intro .colum .inner {
		padding: 20px;
	}
	/* 1日のスケジュール ----------------------------------------------------------------*/
	section#schedule h3{
		width: 100%;
	}
	section#schedule .schedule::before,
	section#schedule .schedule::after {
		width: 14px;
		height: calc(46% - 120px);
		top: 120px;
		left: calc(50% - 7px);
	}
	section#schedule .schedule::after {
		height: calc(54% - 120px);
		top: auto;
		bottom: 120px;
	}
	/* start finish */
	section#schedule .start span,
	section#schedule .finish span {
		width: 100px;
		height: 100px;
	}
	/* */
	section#schedule div[class^="date"] {
		width: calc(50% - 20px);
	}
	/* 丸 */
	section#schedule div[class^="date"]::before {
		width: 6px;
		height: 6px;
		right: -23px;
	}
	section#schedule div[class^="date"].right::before {
		right: auto;
		left: -23px;
	}
	/* 線 */
	section#schedule div[class^="date"]::after {
		width: 20px;
		height: 1px;
		right: -20px;
	}
	section#schedule div[class^="date"].right::after {
		right: auto;
		left: -20px;
	}
	/* イメージ */
	section#schedule div[class^="date"] .img {
		width: 54%;
		height: auto;
		min-height: 100px;
	}
	/* 時間 */
	section#schedule div[class^="date"] .txt {
		width: 46%;
		padding: 10px 15px;
	}
	section#schedule div[class^="date"] .txt p.font_20 {
		font-size: 14px;
	}
	section#schedule div[class^="date"] .txt p.font_34 {
		font-size: 24px;
	}
	/* 時間ごと位置指定 */
	section#schedule div[class^="date"].date01 {
		margin: 0 0 -34px;
	}
	section#schedule div[class^="date"].date02 {
		margin: 0 0 -50px auto;
	}
	section#schedule div[class^="date"].date03 {
		margin: 0 0 -40px;
	}
	section#schedule div[class^="date"].date04 {
		margin: 0 0 20px auto;
	}
	section#schedule div[class^="date"].date05 {
		margin: 0 0 -30px;
	}
	section#schedule div[class^="date"].date06 {
		margin: 0 0 -30px auto;
	}
	section#schedule div[class^="date"].date06 .img {
		top: -30%;
	}
	section#schedule div[class^="date"].date07 {
		margin: 0;
	}
	section#schedule div[class^="date"].date07 .img {
		top: -25%;
	}
	section#schedule div[class^="date"].date08 {
		margin: 0 0 -50px auto;
	}
	section#schedule div[class^="date"].date09 {
		margin: 0 0 20px;
	}
	section#schedule div[class^="date"].date10 {
		margin: 0 0 -30px;
	}
	section#schedule div[class^="date"].date10 .img {
		top: -30%;
	}
	section#schedule div[class^="date"].date11 {
		margin: 0 0 -50px auto;
	}
	section#schedule div[class^="date"].date12 {
		margin: 0 0 -30px;
	}
	section#schedule div[class^="date"].date13 {
		margin: 0 0 20px auto;
	}
	section#schedule div[class^="date"].date13 .img {
		top: -15%;
	}
	section#schedule div[class^="date"].date14 {
		margin: 0 0 -40px auto;
	}
	section#schedule div[class^="date"].date14 .img {
		top: -35%;
	}
	section#schedule div[class^="date"].date15 {
		margin: 0 0 20px;
	}
	/*==================================================================================
	丁寧な教育制度とスキルアップ支援
	==================================================================================*/
	section#education .img_slash,
	section#support .img_slash {
		height: 240px;
		clip-path: polygon(60px 0, 100% 0, calc(100% - 60px) 100%, 0 100%);
	}
	section#education .img_slash::after,
	section#support .img_slash::after {
		clip-path: polygon(60px 0, 100% 0, calc(100% - 60px) 100%, 0 100%);
	}
	/* スキルアップ支援 -----------------------------------------------------------------*/
	section#support .bg_gray {
		padding: 10px;
	}
	section#support .bg_gray .cont {
		width: calc(100% - 140px);
	}
	/*==================================================================================
	全国27ヵ所を結ぶネットワーク
	==================================================================================*/
	section#group .map {
		padding-left: 5%;
		margin-top: -5%;
	}
	section#group .map.vol2 {
		padding-left: 7%;
		margin-top: -2%;
	}
	section#group .map img.pc {
		display: block!important;
	}
	section#group .map img.tb {
		display: none!important;
	}
	section#group .map a.hokushinetsu {
		left: 40%;
	}
	section#group .map.vol2 a.tokai {
		left: 40%;
	}
	section#group .map.vol2 a.tokai.area {
		font-size: 16px;
		top: 32%;
		left: 78%;
	}
	section#group .map.vol2 a.tohoku {
		left: 34%;
	}
	section#group .map.vol2 a.kanto {
		right: 37%;
	}
	section#group .map.vol2 a.hokushinetsu {
		left: 20%;
	}
	section#group .map.vol2 a.kinki {
		left: 25%;
	}
	section#group .map.vol2 a.chugoku {
		left: 8%;
	}
	section#group .map.vol2 a.shikoku {
		left: 25%;
	}
	section#group .bg_gray {
		padding: 40px;
	}
	section#group .bg_gray .col2 {
		width: 100%;
	}
	section#group .bg_gray .col2:first-child::after {
		display: none;
	}
	section#group ul li span {
		width: 200px;
		font-size: 12px;
	}
	section#group ul li p {
		width: calc(100% - 200px);
	}
	/*==================================================================================
	各営業所
	==================================================================================*/
	section#office::before {
		width: 110px;
		max-width: 100%;
		height: 400px;
		top: 40px;
	}
	section#office .txt {
		width: 100%;
		order: 2;
	}
	section#office h2 span {
		font-size: 40px;
	}
	section#office .txt .data span {
		width: 70px;
		height: 34px;
		font-size: 14px;
		clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%);
	}
	section#office .txt .data p {
		width: calc(100% - 80px);
	}
	section#office .txt p.pr_txt {
		min-height: 0;
	}
	section#office .img {
		width: 100%;
		margin-bottom: 30px;
	}
	section#office .main_img {
		width: 100%;
		height: 460px;
		position: relative;
		top: 0;
		right: 0;
		left: 50%;
		transform: translateX(-50%);
		clip-path: polygon(160px 0, 100% 0, 100% 100%, 0 100%);
	}
	section#office .main_img.img_slash::after {
		clip-path: polygon(160px 0, 100% 0, 100% 100%, 0 100%);
	}
	section#office .btn.entry {
		max-width: 360px;
		padding: 15px;
		font-size: 24px;
	}
	section#office .btn.entry::after {
		top: 5px;
		left: calc(50% + 5px);
	}
	section#office .btn.entry:hover::after {
		top: 0;
		left: 50%;
	}
	/*==================================================================================
	社員インタビュー
	==================================================================================*/
	section#interview::before {
		width: 110px;
		max-width: 100%;
		height: 400px;
		top: 40px;
	}
	section#interview .img01 {
		width: 100%;
		height: 460px;
		margin-bottom: 30px;
		position: relative;
		top: 0;
		right: 0;
		clip-path: polygon(160px 0, 100% 0, 100% 100%, 0 100%);
	}
	section#interview .img01.img_slash::after {
		clip-path: polygon(160px 0, 100% 0, 100% 100%, 0 100%);
	}
	section#interview .txt {
		width: calc(100% - 90px);
		min-height: 0;
		padding-left: 90px;
	}
	section#interview .profile {
		padding-left: 60px;
	}
	section#interview .profile .cont::before {
		left: -20px;
	}
	section#interview .profile .cont .font_42.eng {
		top: 2px;
	}
	section#interview .profile .cont .data span {
		width: 65px;
		height: 34px;
		font-size: 14px;
		clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%);
	}
	section#interview .profile .cont .data p {
		width: calc(100% - 75px);
	}
	section#interview .img02,
	section#interview .img03 {
		display: inline-block;
		width: calc(50% + 25px);
		max-width: 100%;
		height: auto;
		margin-bottom: 60px;
		position: relative;
		top: 0;
		right: auto;
		left: 0;
		clip-path: polygon(60px 0, 100% 0, calc(100% - 60px) 100%, 0 100%);
	}
	section#interview .img02 {
		margin-right: -54px;
	}
	section#interview .img03 {
		top: 0;
		right: auto;
	}
	section#interview .img02::after,
	section#interview .img03::after {
		clip-path: polygon(60px 0, 100% 0, calc(100% - 60px) 100%, 0 100%);
	}
	/*==================================================================================
	お問い合わせ
	==================================================================================*/
	section#contact .policy {
		padding: 20px 10px;
	}
	/*==================================================================================
	採用ニュース
	==================================================================================*/
	section#news ul li {
		margin-bottom: 10px;
		font-size: 12px;
	}
	/* WP-pagenavi ---------------------------------------------------------------------*/
	section#news .wp-pagenavi a,
	section#news .wp-pagenavi span {
		width: 30px;
		height: 30px;
		margin: 0 3px;
		font-size: 12px;
	}
	/*==================================================================================
	footer
	==================================================================================*/
	footer {
		padding: 30px 0!important;
	}
	footer .logo {
		width: 120px;
	}
	footer ul.foot_nav {
		display: block;
		width: auto;
		height: auto;
	}
	footer ul.foot_nav li a {
		display: inline-block;
	}
	footer ul.foot_nav li ul li {
		font-size: 12px;
	}
	footer ul.foot_nav li a.btn {
		display: none;
	}
	footer .copy {
		font-size: 10px;
		text-align: left;
	}
	/* ページトップへ戻るボタン */
	.btn_pagetop {
		width: 36px;
		height: 36px;
		bottom: 20px;
		right: 20px;
	}
	.btn_pagetop span {
		width: 6px;
		height: 6px;
	}
}


@media screen and (max-width : 680px) {
	/*==================================================================================
	つねに働きやすい環境づくりを目指して
	==================================================================================*/
	/* 1日のスケジュール ----------------------------------------------------------------*/
	section#schedule .schedule {
		max-width: 460px;
	}
	section#schedule .schedule::before,
	section#schedule .schedule::after {
		width: 14px;
		height: calc(46.5% - 120px);
		top: 120px;
		left: 40px;
	}
	section#schedule .schedule::after {
		height: calc(53.5% - 115px);
		top: auto;
		bottom: 115px;
	}
	/* start finish */
	section#schedule .start,
	section#schedule .finish {
		justify-content: flex-start;
	}
	/* */
	section#schedule div[class^="date"] {
		width: calc(100% - 67px);
		margin: 0 0 15px 67px!important;
	}
	/* 丸 */
	section#schedule div[class^="date"]::before {
		right: auto;
		left: -23px;
	}
	/* 線 */
	section#schedule div[class^="date"]::after {
		right: auto;
		left: -20px;
	}
	/* 背景 */
	section#schedule div[class^="date"] .bg.animated,
	section#schedule div[class^="date"],right .bg.animated {
		animation: date_r .6s;
	}
	/* イメージ */
	section#schedule div[class^="date"] .img {
		order: 2;
		right: 0!important;
	}
	/* 時間 */
	section#schedule div[class^="date"] .txt {
		margin: 0!important;
	}
	section#schedule div[class^="date"] .txt p.font_20 {
		font-size: 12px;
	}
	section#schedule div[class^="date"] .txt p.font_34 {
		font-size: 20px;
	}
	/* 時間ごと位置指定 */
	section#schedule div[class^="date"].date01 .img,
	section#schedule div[class^="date"].date06 .img,
	section#schedule div[class^="date"].date07 .img,
	section#schedule div[class^="date"].date10 .img,
	section#schedule div[class^="date"].date13 .img,
	section#schedule div[class^="date"].date14 .img {
		display: flex;
		align-items: center;
		top: 50%;
		transform: translateY(-50%);
	}
	section#schedule div[class^="date"].date01 .img img,
	section#schedule div[class^="date"].date06 .img img,
	section#schedule div[class^="date"].date07 .img img,
	section#schedule div[class^="date"].date10 .img img,
	section#schedule div[class^="date"].date13 .img img,
	section#schedule div[class^="date"].date14 .img img {
		max-width: 80%;
		margin: auto;
	}
	/*==================================================================================
	全国27ヵ所を結ぶネットワーク
	==================================================================================*/
	section#group .map,
	section#group .map.vol2 {
		padding-left: 0;
	}
	section#group .map img.pc {
		display: none!important;
	}
	section#group .map img.tb {
		display: block!important;
	}
	section#group .map .link {
		width: 100%;
		height: 90%;
		position: absolute;
		top: 10%;
		left: 0;
	}
	section#group .map.vol2 .link {
		height: 100%;
		box-sizing: border-box;
		padding-top: 5%;
		top: 0;
	}
	section#group .map a {
		display: block;
		box-sizing: border-box;
		margin-bottom: 10px;
		position: relative;
	}
/*	section#group .map a::after {
		content: "";
		display: block;
		width: 100vw;
		position: relative;
		top: 0;
		left: calc(-50vw + 50%);
	}*/
	section#group .map a.tokai,
	section#group .map.vol2 a.tokai {
		bottom: auto;
		top: 0;
		left: 0;
	}
	section#group .map.vol2 a.tokai.area {
		width: 17%;
		height: 2%;
		margin-bottom: 0;
		position: absolute;
		top: 56%;
		left: 64%
	}
	section#group .map a.tohoku,
	section#group .map.vol2 a.tohoku {
		top: 0;
		left: 0;
	}
	section#group .map a.kanto,
	section#group .map.vol2 a.kanto {
		bottom: auto;
		top: 0;
		right: auto;
		left: 0;
	}
	section#group .map a.hokushinetsu,
	section#group .map.vol2 a.hokushinetsu {
		top: 0;
		left: 0;
	}
	section#group .map a.kinki,
	section#group .map.vol2 a.kinki {
		top: 0;
		left: 0;
	}
	section#group .map a.chugoku,
	section#group .map.vol2 a.chugoku {
		top: 0;
		left: 0;
	}
	section#group .map a.shikoku,
	section#group .map.vol2 a.shikoku {
		bottom: auto;
		top: 0;
		left: 0;
	}
	section#group .map a.kyushu,
	section#group .map.vol2 a.kyushu {
		bottom: auto;
		top: 0;
		left: 0;
	}
}


@media screen and (max-width : 460px) {
	.tb {display: none;}
	.sp {display: inline;}
	p {font-size: 12px;}

	/* サイド固定 */
	#side_fix a {
		width: 35px;
		height: 160px;
		font-size: 12px;
	}
	#side_fix a span {
		font-size: 14px;
	}
	/*==================================================================================
	共通
	==================================================================================*/
	section.minh {
		min-height: calc(100vh - 62px - 522px - 220px);
	}
	.mb_120 {
		margin-bottom: 60px;
	}
	/* フォント */
	.font_14 {
		font-size: 10px;
	}
	.font_18 {
		font-size: 14px;
	}
	.font_20 {
		font-size: 16px;
		line-height: 1.6;
	}
	.font_24 {
		font-size: 16px;
		line-height: 1.6;
	}
	.font_34 {
		font-size: 18px;
		line-height: 1.6;
	}
	.font_42 {
		font-size: 22px;
		line-height: 1.6;
	}
	.font_50 {
		font-size: 26px;
		line-height: 1.6;
	}
	.line1 {
		line-height: 1!important;
	}
	/* ボタン */
	.btn {
		font-size: 14px;
	}
	.btn.entry {
		padding: 20px;
		font-size: 20px;
	}
	/*==================================================================================
	INDEX
	==================================================================================*/
	section#main {
		padding: 20px 0 80px!important
	}
	section#main .txt {
		left: 5%;
	}
	section#main .txt h1 {
		font-size: 26px;
	}
	section#main .txt p {
		font-size: 12px;
	}
	/* SNS ---------------------*/
	section#main .sns {
        width: 60%;
		padding: 8% 1% 2%;
		margin: 10vw 5% 0 auto;
        box-shadow: 3px 3px 0 rgba(0,0,0,0.1);
	}
	section#main .sns .ttl {
		top: -40%;
	}
	section#main .sns .ttl p {
		font-size: min(2.8vw, 12px);
	}
	/* 特徴 --------------------------------------------------------------------------*/
	section#feature .txt02 {
		width: 100%;
		margin-bottom: 20px;
	}
	section#feature .img02 {
		width: 100px;
		margin: 0 auto;
	}
	section#feature .font_42 {
		font-size: 18px;
	}
	/* アキタで安心して輝ける4つのポイント -------------------------------------------------*/
	section#about {
		overflow: hidden;
	}
	section#about h2::before {
		height: 6px;
		top: 45px;
	}
	section#about h2 .eng {
		margin: 0 0 20px;
		font-size: 40px;
	}
	section#about h2 p.font_24 {
		font-size: 16px;
	}
	section#about h2 p img {
		width: 25px;
	}
	section#about .img {
		min-width: 460px;
		height: 240px;
		position: relative;
		left: 50%;
		transform: translateX(-50%);
	}
	section#about .txt {
		left: 0;
	}
	section#about .about03 .txt,
	section#about .about04 .txt {
		left: 0;
	}
	section#about .txt .number {
		right: 10px;
	}
	section#about .txt .btn {
		font-size: 12px;
	}
	section#about .txt .btn.square {
		font-size: 10px;
	}
	/* Akitaからのメッセージ -----------------------------------------------------------*/
	section#message {
		padding: 40px 0!important;
	}
	section#message h2 .eng {
		font-size: 40px;
		top: -45px;
	}
	section#message ul {
		font-size: 12px;
	}
	section#message ul li p {
		font-size: 12px;
	}
	/* INTERVIEW ---------------------------------------------------------------------*/
	section#interview_list h2::before {
		height: 6px;
		top: 45px;
	}
	section#interview_list h2 .eng {
		margin: 0 0 30px;
		font-size: 40px;
	}
	main.second section#interview_list h2::before {
		top: 35px;
	}
	main.second section#interview_list h2 .eng {
		margin: 0;
		font-size: 30px;
	}
	section#interview_list h2 p.font_24 {
		font-size: 16px;
	}
	/* スライダー --------------------*/
	section#interview_list .swiper {
		padding: 0 10px;
	}
	section#interview_list .swiper .swiper-slide {
		width: calc(100% - 40px);
	}
	section#interview_list .swiper .swiper-slide img {
		width: 70%;
		margin: 0 auto 15px;
	}
	/* 矢印 */
	.swiper .swiper-button-prev {
		left: 0;
	}
	.swiper .swiper-button-next {
		right: 0;
	}
	/*==================================================================================
	下層ページ共通
	==================================================================================*/
	section#main_2nd .container::before {
		height: calc(100% - 100px);
	}
	section#main_2nd .img {
		height: 120px;
	}
	main.second h3 .eng {
		padding-bottom: 10px;
		font-size: 28px;
	}
	main.second h3 .eng::after {
	    width: 80px;
	    height: 4px;
	}
	/*==================================================================================
	ドライバーの安心のために先進のDXを導入
	==================================================================================*/
	/* Akita’s DX --------------------------------------------------------------------*/
	section#dx {
		padding: 60px 0!important;
	}
	section#dx h3 .eng {
		font-size: 40px;
	}
	/* スライド */
	section#dx .container {
		width: 100%;
		padding: 0;
	}
	section#dx ul.function li {
		width: 70px;
		height: 70px;
		margin: 0 4px 8px 0;
	}
	section#dx .swiper .swiper-button-prev {
		left: 10px;
	}
	section#dx .swiper .swiper-button-next {
		right: 10px;
	}
	/*==================================================================================
	つねに働きやすい環境づくりを目指して
	==================================================================================*/
	/* 仕事の流れ ----------------------------------------------------------------------*/
	section#job_intro .colum {
		width: 100%;
	}
	/* 1日のスケジュール ----------------------------------------------------------------*/
	section#schedule .schedule::before,
	section#schedule .schedule::after {
		height: calc(46.5% - 74px);
		top: 74px;
		left: 24px;
	}
	section#schedule .schedule::after {
		height: calc(54% - 75px);
		top: auto;
		bottom: 75px;
	}
	/* start finish */
	section#schedule .start {
		margin-bottom: 15px;
	}
	section#schedule .start span,
	section#schedule .finish span {
		width: 60px;
		height: 60px;
		font-size: 12px;
		line-height: 1.2;
	}
	/* */
	section#schedule div[class^="date"] {
		width: calc(100% - 52px);
		margin: 0 0 15px 52px!important;
	}
	/* イメージ */
	section#schedule div[class^="date"] .img {
		width: 45%;
		min-height: 80px;
	}
	/* 時間 */
	section#schedule div[class^="date"] .txt {
		width: 55%;
	}
	section#schedule div[class^="date"].date01 .img,
	section#schedule div[class^="date"].date06 .img,
	section#schedule div[class^="date"].date07 .img,
	section#schedule div[class^="date"].date10 .img,
	section#schedule div[class^="date"].date13 .img,
	section#schedule div[class^="date"].date14 .img {
		right: 5%!important;
	}
	section#schedule div[class^="date"].date01 .img img,
	section#schedule div[class^="date"].date06 .img img,
	section#schedule div[class^="date"].date07 .img img,
	section#schedule div[class^="date"].date10 .img img,
	section#schedule div[class^="date"].date13 .img img,
	section#schedule div[class^="date"].date14 .img img {
		width: 120%;
		max-width: 120%;
	}
	/*==================================================================================
	丁寧な教育制度とスキルアップ支援
	==================================================================================*/
	/* スキルアップ支援 -----------------------------------------------------------------*/
	section#support .skillup .flow {
		width: 100%;
		order: 2;
	}
	section#support .skillup .img {
		width: 100%;
		margin-bottom: 30px;
	}
	section#support .bg_gray .cont {
		width: calc(100% - 120px);
	}
	/*==================================================================================
	全国27ヵ所を結ぶネットワーク
	==================================================================================*/
	section#group .map .link {
		height: 95%;
		top: 5%;
	}
	section#group .map.vol2 .link {
		padding-top: 0;
	}
	section#group .map a {
		margin-bottom: 6px;
	}
	section#group .bg_gray {
		padding: 40px 20px;
	}
	section#group ul li span {
		width: 100%;
		margin-bottom: 6px;
	}
	section#group ul li span span {
		margin-bottom: 0;
	}
	section#group ul li p {
		width: 100%;
		font-size: 10px;
	}
	/*==================================================================================
	各営業所
	==================================================================================*/
	section#office::before {
		width: 40px;
		height: 140px;
	}
	section#office h2 span {
		font-size: 34px;
		margin-bottom: 5px;
	}
	section#office .txt .data span {
		width: 60px;
		height: 30px;
		font-size: 12px;
	}
	section#office .txt .data p {
		width: calc(100% - 70px);
	}
	section#office .main_img {
		height: 200px;
		clip-path: polygon(85px 0, 100% 0, 100% 100%, 0 100%);
	}
	section#office .main_img.img_slash::after {
		clip-path: polygon(85px 0, 100% 0, 100% 100%, 0 100%);
	}
	section#office .btn.entry {
		font-size: 18px;
	}
	/*==================================================================================
	社員インタビュー
	==================================================================================*/
	section#interview::before {
		width: 50px;
		height: 200px;
	}
	section#interview .img01 {
		height: 240px;
		margin-bottom: 20px;
		clip-path: polygon(85px 0, 100% 0, 100% 100%, 0 100%);
	}
	section#interview .img01.img_slash::after {
		clip-path: polygon(85px 0, 100% 0, 100% 100%, 0 100%);
	}
	section#interview .txt {
		width: 100%;
		padding-left: 0;
	}
	section#interview h3 {
		writing-mode: inherit;
		-webkit-writing-mode: inherit;
		position: relative;
		margin-bottom: 20px;
	}
	/*==================================================================================
	お問い合わせ
	==================================================================================*/
	section#contact .bg_pink {
		padding: 40px 0;
	}
	/*==================================================================================
	採用情報 準備中
	==================================================================================*/
	section#office_preparation h3 {
		line-height: 1.4;
	}
	/*==================================================================================
	footer
	==================================================================================*/
	footer {
		padding: 30px 0!important;
	}
	footer .info {
		margin-bottom: 30px;
	}
	footer ul.foot_nav {
		width: 100%;
	}
	/* ページトップへ戻るボタン */
	.btn_pagetop {
		display: none;
	}
}