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

.bg-light {
	background: #DAF6FF;
}

.bg-blush {
	background: #FFE5F5;
}

.bg-grey {
	background: #F6F6F6;
}

.rez1 {
	position: relative;
	z-index: 1;
}

/****************************************************************************************************
header
****************************************************************************************************/
#header {
	background: URL(../img/common/header-bg.jpg) no-repeat center center;
	background-size: cover;
}



/****************************************************************************************************
wrap
****************************************************************************************************/
#wrap {
	margin-top: 160px;
}

.tc {
	text-align: center;
}

img.mw100 {
	max-width: 100%;
}

.f-12 {
	font-size: 1.2rem;
}
.f-14 {
	font-size: 1.4rem;
}

.rel {
	position: relative;
}

/****************************************************************************************************
bread
****************************************************************************************************/
#bread {
	padding: 1.8rem 40px;
	font-size: 0.866rem;
	line-height: 1.6;
	text-align: left;
}
#bread ul {
}
#bread ul li {
	display: inline-block;
}
#bread ul li + li::before {
	content: "　＞　";
}
#bread ul li a {
	color: #00006A;
}



/****************************************************************************************************
contents
****************************************************************************************************/
#contents {
	width: 1240px;
	margin: auto;
	padding-bottom: 100px;
	border-bottom: 1px solid #AAAAAA;
	text-align: left;
	.office-data-flex {
		a {
			text-decoration: none;
		}
		.col2 {
			color: #D80072;
		}
	}
	.office-single {
		a {
			text-decoration: none;
		}
	}
}

.page-title {
	margin-top: 1rem;
	text-align: center;
}
.page-title h1 {
	line-height: 1.0;
}
.page-title h1 .main-title {
	display: block;
	padding-bottom: 0.3em;
	border-bottom: 1px solid #AAAAAA;
	font-size: 2.4rem;
	font-weight: 200;
}
.page-title h1 .sub-title {
	display: block;
	padding-top: 0.8em;
	font-size: 1.2rem;
	font-weight: 200;
	font-style: normal;
}

.page-title + .col-block {
	margin-top: 5rem;
}
.page-title + .col-block.mtshort {
	margin-top: 3.2rem;
}
.page-title + .s-anchor {
	margin-top: 2rem;
}
.s-anchor + .col-block {
	margin-top: 4rem;
}
.col-block + .col-block {
	margin-top: 6.5rem;
}
.col-block + .col-block.bd {
	padding-top: 6.5rem;
	border-top: 1px solid #AAAAAA;
}
.col-block + .col-block.mt3rem {
	margin-top: 3rem;
}
.col-box + .col-box.bd {
	padding-top: 2rem;
	border-top: 1px dotted #999999;
}
.col-box + .col-box {
	margin-top: 2rem;
}
.col-box + .col-box.mt05rem {
	margin-top: 0.5rem;
}
.col-box + .col-box.mt1rem {
	margin-top: 1rem;
}
.col-box + .col-box.mt15rem {
	margin-top: 1.5rem;
}
.col-box + .col-box.mt25rem {
	margin-top: 2.5rem;
}
.col-box + .col-box.mt3rem {
	margin-top: 3rem;
}
.col-box + .col-box.mt4rem {
	margin-top: 4rem;
}
.col-box + .col-box.mt5rem {
	margin-top: 5rem;
}
.col-box + .col-box.mt6rem {
	margin-top: 6rem;
}
.col-box.ml2rem {
	margin-left: 2rem;
}



/****************************************************************************************************
ブロック
****************************************************************************************************/
.boder-box {
	padding: 72px 80px;
	border: 1px solid #00006A;
}
.business-box {
	padding: 60px 76px;
	border: 1px solid #00006A;
}
.gray-box {
	padding: 1.6rem 2rem;
	background: #F5F5FA;
}
dl.flex-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
dl.flex-box dt {
	padding-right: 1.5em;
	white-space: nowrap;
}
dl.flex-box dt.wide {
	padding-right: 5em;
}
.flR {
	float: right;
}
.flR.worries {
	margin: 0 0 30px 30px;
}
.single-tbl {
}
.single-tbl th {
	padding: 0.5rem 2rem 0.5rem 0;
	white-space: nowrap;
}
.single-tbl td {
	padding: 0.5rem 0;
}
.photo-block.flex-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.photo-block.flex-box .photo-box + .photo-box {
	margin-left: 15px;
}
.column-area {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.column-block {
	width: 520px;
}
.column-block + .column-block {
	margin-left: 46px;
}

.business-icon-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.business-icon {
	width: 10%;
	img {
		max-width: 100%;
	}
}

.business-text {
	width: 87%;
}

.business-joint-image {
	position: absolute;
	bottom: 60px;
	right: 76px;
	width: 314px;
	img {
		max-width: 100%;
	}
}
.business-container-image {
	position: absolute;
	bottom: 300px;
	right: 60px;
	width: 389px;
	img {
		max-width: 100%;
	}
}

.business-last {
	display: flex;
	justify-content: space-between;
}
.business-last-left {
	width: 65%;
}
.business-last-right {
	width: 30%;
}



/****************************************************************************************************
アンカー
****************************************************************************************************/
.anchor {
}
.anchor ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	font-size: 1.2rem;
	font-weight: bold;
}
.anchor ul li + li {
	margin-left: 2em;
}
.anchor ul li a {
	position: relative;
	padding-left: 1.6rem;
	text-decoration: none !important;
}
.anchor ul li a::before,
.anchor ul li a::after {
	position:absolute;
	left:0;
	top: 0;
	bottom: 0;
	content:"";
	display:inline-block;
	width: 1rem;
	height: 1rem;
	margin:auto;
	border: 2px solid;
	border-color: transparent transparent #D80075 #D80075;
	-webkit-transform: translate(0, -50%) rotate(-45deg);
	transform: translate(0, -50%) rotate(-45deg);
}
.anchor ul li a::after {
	bottom: -1rem;
}

.s-anchor {
}
.s-anchor ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.s-anchor ul li + li {
	margin-left: 2em;
}
.s-anchor a {
	text-decoration: none !important;
}



/****************************************************************************************************
文字関連
****************************************************************************************************/
#contents a {
	color: #000066;
	text-decoration: underline;
}

h2.large {
	font-size: 2.4rem;
	line-height: 1.6;
}
h2.xlarge {
	font-size: 1.6rem;
	line-height: 1.8;
}
h3.small {
	font-size: 1.2rem;
	line-height: 2.0;
}
h3.xlarge {
	font-size: 1.6rem;
	line-height: 1.8;
}
.h3-cap {
	margin-left: 1rem;
	font-size: 1.0rem;
	vertical-align: 0.25rem;
}
h4.midium {
	font-size: 1.2rem;
	line-height: 2.0;
}
p.large,
p .large {
	font-size: 1.2rem;
	line-height: 2.0;
}
p.small,
p .small {
	font-size: 0.866rem;
}

.hedding {
	text-indent: -1em;
	padding-left: 1em;
}



/****************************************************************************************************
各コンテンツTOP
****************************************************************************************************/
.tile-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	max-width: 921px;
	margin: auto;
}
.tile-block.wide {
	max-width: initial;
	max-width: auto;
}
.tile-block + .tile-block {
	margin-top: 33px;
}
.tile-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 285px;
	min-height: 285px;
	padding: 46px 36px;
	background: #00006A;
	color: #FFF;
}

.tile-box.light-blue {
	background: #00A3D9;
}
.tile-box.gray {
	background: #333333;
}
.tile-box.pink {
	background: #E70088;
}
.tile-box.pink .more a::after {
	border-color: transparent transparent #000082 #000082;
}
.tile-box.wide {
	width: 604px;
}
.tile-block.full {
	max-width: unset;
}
.tile-block.tile-grid {
	width: 100%;
	max-width: unset;
	display: grid;
	gap: 0 30px;
	.tile-box {
		width: auto;
	}
	.tile-box + .tile-box {
		margin-left: unset;
	}
	.tile-box:nth-of-type(n+4) {
		margin-top: unset;
	}
}
.tile-block.tile-grid-4 {
	grid-template-columns: repeat(4, 1fr);
}
.tile-block.tile-grid-5 {
	grid-template-columns: repeat(5, 1fr);
	.tile-box {
		padding: 20px;
		min-height: 260px;
		h3 {
			font-size: 1.3rem;
		}
	}
}
.tile-title-box {
	min-height: 58px;
	display: flex;
	justify-content: center;
	align-items: center;
	h3 {
		line-height: 1.2;
		small {
			display: block;
			font-size: .7em;
		}
	}
}
.tile-box.az-com {
	padding: 25px 36px;
	width: 100%;
	min-height: initial;
	min-height: auto;
}
.tile-box.e-aidem {
	padding: 36px;
	width: 922px;
	min-height: auto;
	background: #F3F3F3;
	color: #000000;
	.more-link {
		color: #000 !important;
	}
}
#contents .tile-box.e-aidem .more a {
	color: #000082;
}
.tile-box + .tile-box {
	margin-left: 33px;
}
.tile-box + .tile-box:nth-of-type(3n+1) {
	margin-left: 0;
}
.tile-box:nth-of-type(n+4) {
	margin-top: 33px;
}
.tile-box h3 {
	font-size: 1.6rem;
	font-weight: normal;
	line-height: 1.4;
	text-align: center;
}
.tile-box h3.lh2 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: 2.75em;
}
.tile-box p {
	margin-top: 0.8em;
	font-size: 0.866rem;
	line-height: 1.8;
}
.tile-box a {
	color: #FFF;
}
/* .tile-inner {
	position: relative;
	padding-bottom: 3em;
}
 */.tile-btn {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}
.tile-btn .more + .more {
	margin-left: 2em;
}
.more {
	margin-top: 1.5em;
	text-align: center;
	line-height: 1.0;
}
.more a {
	position: relative;
	display: inline-block;
	padding-right: 1.5rem;
}
#contents .more-link {
	color: #FFF;
	text-decoration: none;
}
.more a::after {
	position:absolute;
	right:0;
	top: 0;
	bottom: 0;
	content:"";
	display:inline-block;
	width: 1rem;
	height: 1rem;
	margin:auto;
	border: 2px solid;
	border-color: transparent transparent #D80075 #D80075;
	-webkit-transform: rotate(-135deg) translate(0, 0);
	transform: rotate(-135deg) translate(0, 0);
}

.recbnr-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.recbnr-box + .recbnr-box {
	margin-left: 30px;
}



/****************************************************************************************************
NEWS
****************************************************************************************************/
.pager {
	margin-top: 3rem;
	text-align: center;
}
.pages {
	display: none;
}
.pager span,
.pager a {
	border: none;
	margin: 0;
	padding: 0;
}
.pager a {
}
.pager span + a::before,
.pager a + a::before,
.pager a + span::before {
	content: "　｜　";
	display: inline-block;
	color: #000;
}
a.previouspostslink,
a.nextpostslink {
	color: #000;
}
.pager span + a.previouspostslink::before {
	display: none;
}

#contents .news-category-list {
	margin-bottom: 1.5rem;
	display: flex;
	justify-content: center;
	gap: 0 2rem;
	li {
		a {
			color: #06006A;
			text-decoration: none;
			font-weight: 600;
		}
		a.current {
			color: #DC0074;
		}
	}
}

.news-category-list-sp {
	display: none;
}

/****************************************************************************************************
企業情報
****************************************************************************************************/
.ceo {
	font-size: 2.4rem;
	line-height: 1.5;
}
.ceo span.small {
	display: block;
	font-size: 1.0rem;
}
.outline-tbl,
.history-tbl,
.news-tbl {
}
.outline-tbl th,
.history-tbl th,
.news-tbl th {
	position: relative;
	padding-right: 2em;
}
.outline-tbl th::after,
.history-tbl th::after,
.news-tbl th::after {
	position: absolute;
	content: "";
	display: inline-block;
	width: 1px;
	height: 1em;
	right: 0;
	top: 0.6em;
	background: #000;
}
.outline-tbl td,
.history-tbl td,
.news-tbl td {
	padding-left: 2em;
}
.history-tbl,
.news-tbl {
	margin-top: 0.3rem;
}
.history-tbl th,
.news-tbl th {
	text-align: right;
	white-space: nowrap;
}
.history-tbl .year {
	display: inline-block;
	white-space: nowrap;
}
.history-tbl .month {
	display: inline-block;
	white-space: nowrap;
	width: 2.8em;
	text-align: right;
}
.news-tbl td a {
	color: #000 !important;
}
.access-text-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
}
.access-txt-box dl {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.p-anchor {
	margin: 0.3rem 0 0 6rem;
}
.p-anchor ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.p-anchor ul li + li {
	margin-left: 2em;
}
.p-anchor a {
	text-decoration: none !important;
}

.perf-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding-top: 2.5rem;
	border-top: 1px solid #AAAAAA;
}
.perf-name {
	width: 5em;
}
.office-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.office-box + .office-box {
	margin-top: 0.6rem;
}

.office-box-new + .office-box-new {
	margin-top: 0.8rem;
}
.office-name {
	width: 27em;
}
.office-info {
	flex-grow: 1;
}
.office-nav {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.office-link .detail,
.office-link.select .close {
	display: block;
}
.office-link.select .detail,
.office-link .close {
	display: none;
}
.office-nav li {
	min-width: 4em;
}
.office-nav li + li {
	margin-left: 1em;
}
.office-text {
	display: none;
	padding: 0.4em 0 1em 0;
}
.office-text a {
	color: #D80072 !important;
}
.office-text ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.office-text ul.block {
	display: block;
}
.office-text li {
	margin-right: 1em;
}
.office-text dl {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.office-text dl dt {
	white-space: nowrap;
}


.office-block {
	width: calc(100% - 5em);
}

.office-data-flex {
	display: flex;
	align-items: center;
	gap: 0 2rem;
	p {
		line-height: 1.6;
	}
}

.office-temperature-flex {
	display: flex;
	gap: 0 .5rem;
	align-items: center;
}

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

.office-temperature_range {
	display: flex;
	flex-wrap: wrap;
	gap: 0 .3rem;
	line-height: 1.2;
	li {
		padding: .2rem 1rem;
		display: inline-block;
		color: #fff;
		font-size: 0.85em;
		font-weight: 600;
	}
}

#contents .office-single-link a {
	padding: .5rem 1rem;
	background: #00006A;
	line-height: 1.2;
	color: #fff;
	display: inline-block;
	text-decoration: none;
	font-size: .85em;
	font-weight: 600;
}

.office-single {
	margin-bottom: 1rem;
	display: flex;
	justify-content: space-between;
}

.office-right {
	width: 52%;
}


.office-left {
	width: 45%;
	img {
		max-width: 100%;
		width: 100%;
		height: auto;
		aspect-ratio: 520/347;
		object-fit: cover;
	}
}

.office-gallery {
	img {
		max-width: 100%;
		width: 100%;
		height: auto;
		aspect-ratio: 520/347;
		object-fit: cover;
	}
}

.office-iframe {
	iframe {
		width: 100%;
		height: auto;
		aspect-ratio: 520/240;
	}
}

.office-gallery-main {
	margin-bottom: 1rem;
}

.office-gallery-thumb {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 0.5rem;
	li {
		cursor: pointer;
		transition: opacity .4s ease;
	}
	li.current {
		outline: 2px solid #D80072;
		outline-offset: -2px;
	}
	li:hover {
		opacity: 0.6;
	}
}


.office-single-title {
	margin-bottom: 1.5rem;
	padding-bottom: 1.5rem;
	border-bottom: 1px solid #AAAAAA;
}

.office-single-content {
	margin-top: 1rem;
}

.office-type-col + .office-type-col {
	margin-top: 5rem;
}


/****************************************************************************************************
サステナビリティ
****************************************************************************************************/
.f-float-block {
}
.f-float-block .photo-box {
	float: left;
	margin-right: 1.5em;
	margin-bottom: 0.2em;
}
.f-float-block .text-box {
	margin-top: -0.4em;
}

.f-photo-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.f-photo-block .photo-box {
	margin-right: 1.5em;
}
.f-photo-block .text-box {
	margin-top: -0.4em;
}

.goals-block ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.goals-block ul li + li {
	margin-left: 12px;
}
.goals-block.theme ul {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 840px;
	margin: auto;
}
.goals-block.theme ul li + li:nth-of-type(6n+1) {
	margin-left: 0;
}
.goals-block.theme ul li + li:nth-of-type(n+7) {
	margin-top: 12px;
}

.sdgs-photo-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.sdgs-photo-block .photo-box {
	margin-right: 2em;
}
.sdgs-photo-block .text-box {
	margin-top: -0.4em;
}
.materialityTable {
	overflow: scroll;
	white-space: nowrap;
}
.tableBasic {
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	text-align: left;
	line-height: 1.6;
}
.tableBasic th {
	padding: .75em;
	background: #EEE;
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;
	vertical-align: middle;
}
.tableBasic th.img-box {
	padding: .25em;
}
.tableBasic th img {
	width: 70px;
	height: auto;
}
.tableBasic th.theme01 {
	background: #bbd4ef;
}
.tableBasic th.theme02 {
	background: #f19ba4;
}
.tableBasic th.theme03 {
	background: #f6bc46;
}
.tableBasic th.theme04 {
	background: #cddf72;
}
.tableBasic .materiality01 {
	background: #dff2fc;
}
.tableBasic .materiality02 {
	background: #fce9ee;
}
.tableBasic .materiality03 {
	background: #fdebd8;
}
.tableBasic .materiality04 {
	background: #e7f3e2;
}
.tableBasic td {
	padding: .5em;
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;
	vertical-align: middle;
	text-align: center;
}



/****************************************************************************************************
採用情報
****************************************************************************************************/
.thumb-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.thumb-box {
	position: relative;
	background: #00A3D9;
	color: #FFF;
	line-height: 1.8;
	text-align: center;
}
.thumb-box + .thumb-box {
	margin-left: 33px;
}
.thumb-box .thumb-text {
	padding: 1.4rem 1rem 3.5rem 1.4rem;
}
.thumb-box .thumb-text .thumb-title {
	font-size: 1.6rem;
	line-height: 1.4;
}
.thumb-btn {
	position: absolute;
	bottom: 1.7rem;
	left: 0;
	right: 0;
}
.thumb-box .more a::after {
	-webkit-transform: translate(0, -40%) rotate(-45deg);
	transform: translate(0, -40%) rotate(-45deg);
}
.employee-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.employee-text {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: 545px;
	background: #00B2E3;
	color: #FFF;
	text-align: center;
}
.employee-title {
	width: 474px;
	padding-bottom: 0.5rem;
	margin-bottom: 1rem;
	border-bottom: 1px solid RGBA(255,255,255,.5);
	font-size: 1.6rem;
}
.employee-name {
	font-size: 2.8rem;
	line-height: 1.4;
}
.employee-name .small {
	display: block;
	font-size: 0.866rem;
}

.application-tbl {
}
.application-tbl th {
	position: relative;
	padding: 0.5rem 2rem 0.5rem 0;
}
.application-tbl th::after {
	position: absolute;
	content: "";
	display: inline-block;
	width: 1px;
	height: 1.2rem;
	right: 0;
	top: 1.1em;
	background: #000;
}
.application-tbl td {
	padding: 0.5rem 0 0.5rem 2rem;
}
.application-tbl th {
	text-align: left;
	white-space: nowrap;
}
.welfare-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 1080px;
	margin: auto;
}
.welfare-box {
	width: 180px;
}
.welfare-box:nth-of-type(n+7) {
	margin-top: 30px;
}
.welfare-box figure {
}
.welfare-box figure figcaption {
	color: #000066;
	font-size: 1.066rem;
	font-weight: bold;
}



/****************************************************************************************************
企業文化
****************************************************************************************************/
.tab {
	margin-top: 35px;
	text-align: center;
}
.tab ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.tab ul li {
	position: relative;
	width: 285px;
}
.tab ul li + li {
	margin-left: 33px;
}
.tab ul li + li::before {
	position: absolute;
	display: block;
	content: "";
	width: 1rem;
	height: 1rem;
	border: 2px solid;
	border-color: transparent #D80072 #D80072 transparent;
	-webkit-transform: translate(-28px, 14px) rotate(-45deg);
	transform: translate(-28px, 14px) rotate(-45deg);
}
.tab ul li a {
	display: block;
	padding: 0.2em;
	background: #00006C;
	color: #FFF !important;
	font-size: 1.2rem;
	text-decoration: none !important;
}
.tab ul li.select a {
	background: #999;
}
.tab ul li a span {
	position: relative;
	padding-right: 2.0rem;
	padding-left: 0.8rem;
}
.tab ul li a span::before,
.tab ul li a span::after {
	position:absolute;
	right: 0;
	top: 0;
	bottom: 0;
	content:"";
	display:inline-block;
	width: 1.066rem;
	height: 1.066rem;
	margin:auto;
	border: 2px solid;
	border-color: transparent transparent #D80072 #D80072;
	-webkit-transform: rotate(-135deg) translate(0, 0);
	transform: rotate(-135deg) translate(0, 0);
}
.tab ul li a span::before {
	right: 0.5rem;
}

.flR.momotaro-img {
	margin: 0 0 20px 20px;
}
.flR.momotaro-img figure + figure {
	margin-top: 20px;
}

.momotaro {
	vertical-align: sub;
}

.course-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.course-box {
	width: 255px;
}
.course-box + .course-box {
	margin-left: 30px;
}
.course-box figure {
	margin: 0.5rem 0;
}



/****************************************************************************************************
お問い合わせ
****************************************************************************************************/
.form-box {
	width: 1080px;
	margin: auto;
	padding: 1rem 0;
	border-bottom: 1px dotted #999999;
}
.form-box:nth-of-type(1) {
	border-top: 1px dotted #999999;
}
.form-box dl {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	line-height: 1.8;
	text-align: left;
}
.form-box dl + dl {
	margin-top: 10px;
}
.form-box > dl > dt {
	width: 280px;
	padding: 0.3em 3em 0 0;
	min-height: 3rem;
	color: #000066;
	font-size: 1.2rem;
	text-align: right;
}
.form-box > dl > dd {
	width: 800px;
}
.form-box > dl > dd dl dt {
	width: 140px;
	padding: 0.6em 0 0 0;
	min-height: 3rem;
}
.form-box input[type="text"],
.form-box input[type="email"] {
	width: 740px;
	height: 3rem;
	padding: 0.5em 1em;
	background: #EEEEEE;
	border: none;
}
.form-box input[type="text"].harf {
	width: 365px;
	margin-right: 10px;
}
.form-box input[type="text"].middle {
	width: 600px;
}
.form-box input[type="text"].short {
	width: 100px;
}

/* 2025/12/1 コンタクトフォーム7 */

.form-box input[type="text"],
.form-box input[type="email"],
.form-box input[type="tel"]{
	width: 740px;
	height: 3rem;
	padding: 0.5em 1em;
	background: #EEEEEE;
	border: none;
}

.form-box dd.harf input[type="text"],
.form-box dd.harf input[type="tel"]{
	width: 365px;
	margin-right: 10px;
}

.form-box dd.middle input[type="text"] {
	width: 600px;
}

.form-box dd.short input[type="text"] {
	width: 100px;
}

.wpcf7-spinner{
	display: none;
}


.need {
	color: #D80072;
	font-size: 1rem;
}
label {
	display: inline-block;
	height: 3rem;
	padding: 0.7em 1em 0.7em 0;
}
input[type="radio"] {
	vertical-align: 0.05em;
}
select {
	width: 240px;
	height: 3rem;
	padding: 0.5em 1em;
	background: #EEEEEE;
	border: none;
}
.form-box textarea {
	width: 740px;
	height: 10rem;
	padding: 0.5em 1em;
	background: #EEEEEE;
	border: none;
}
.form-notice {
	margin: 3.5rem 0 3.2rem 0;
	line-height: 1.8;
}
.form-btn ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.form-btn ul li {
	margin: 0 !important;
	padding: 0 !important;
	text-indent: 0 !important;
}
.form-btn ul li + li {
	margin-left: 30px !important;
}
input[type="submit"] {
	width: 320px;
	height: 70px;
	background: #000068;
	border: none;
	border-radius: 0;
	color: #FFF;
	font-size: 1.466rem;
	font-weight: bold;
}



/****************************************************************************************************
sitemap
****************************************************************************************************/
.sitemap-block {
}
.sitemap-block li {
	padding-left: 0 !important;
	text-indent: 0 !important;
}
.sitemap-block li + li {
	margin-top: 0 !important;
}
.sitemap-block > ul > li {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.sitemap-block > ul > li > a {
	width: 5rem;
	font-weight: bold;
}
.sitemap-block ul li a::before {
	content: "・";
}
.sitemap-block > ul > li > a::before,
.sitemap-block > ul > li > ul > li > a::before {
	content: "●";
}
.sitemap-block > ul > li > ul {
	width: 100%;
}
.sitemap-block > ul > li > ul > li + li {
	margin-top: 2rem !important;
}
.sitemap-block > ul > li > ul {
	margin-left: 5rem;
}
.sitemap-block > ul > li > ul > li {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: start;
	-ms-flex-align: start;
	align-items: start;
}
.sitemap-block > ul > li > ul > li + li {
	border-top: 1px solid #CCC;
	padding-top: 2rem;
}
.sitemap-block > ul > li > ul > li > a {
	width: 15rem;
	font-weight: bold;
}
.sitemap-block > ul > li > ul > li > ul > li > ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: start;
	-ms-flex-align: start;
	align-items: start;
	margin-left: 2em;
}
.sitemap-block > ul > li > ul > li > ul > li > ul > li + li {
	margin-left: 2rem;
}


.driver-box {
	padding: 20px;
}

.driver-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px 20px;
}


@media screen and (max-width: 767px),
screen and (max-width: 960px) and (orientation: landscape) {
	
	
	
	/****************************************************************************************************
	header
	****************************************************************************************************/
	#header {
		background-size: cover;
	}
	
	
	
	/****************************************************************************************************
	wrap
	****************************************************************************************************/
	#wrap {
		margin-top: 12vw;
	}
	
	
	
	/****************************************************************************************************
	bread
	****************************************************************************************************/
	#bread {
		padding: 0.8rem 1rem;
		font-size: 0.6rem;
	}
	
	
	
	/****************************************************************************************************
	contents
	****************************************************************************************************/
	#contents {
		width: 92vw;
		padding-bottom: 10vw;
	}
	
	.page-title {
		margin-top: 2.8rem;
	}
	.page-title h1 .main-title {
		font-size: 2.0rem;
	}
	.page-title h1 .sub-title {
		font-size: 1.0rem;
	}
	
	.page-title + .col-block,
	.page-title + .col-block.mtshort {
		margin-top: 3rem;
	}
	.s-anchor + .col-block {
		margin-top: 2rem;
	}
	.col-block + .col-block {
		margin-top: 5rem;
	}
	.col-block + .col-block.bd {
		padding-top: 5rem;
	}
	.col-box + .col-box.bd {
		padding-top: 1rem;
	}
	.col-box + .col-box {
		margin-top: 1rem;
	}
	.col-box + .col-box.mt05rem {
		margin-top: 0.25rem;
	}
	.col-box + .col-box.mt1rem {
		margin-top: 0.5rem;
	}
	.col-box + .col-box.mt15rem {
		margin-top: 0.75rem;
	}
	.col-box + .col-box.mt25rem {
		margin-top: 1.25rem;
	}
	.col-box + .col-box.mt3rem {
		margin-top: 1.5rem;
	}
	.col-box + .col-box.mt4rem {
		margin-top: 2rem;
	}
	.col-box + .col-box.mt5rem {
		margin-top:2.5rem;
	}
	.col-box + .col-box.mt6rem {
		margin-top: 3rem;
	}
	.col-box.ml2rem {
		margin-left: 1rem;
	}
	
	
	
	/****************************************************************************************************
	ブロック
	****************************************************************************************************/
	.boder-box {
		padding: 5vw 6vw;
	}
	.business-box {
		padding: 5vw 6vw;
	}
	.gray-box {
		padding: 5vw 6vw;
	}
	dl.flex-box {
		display: block;
	}
	dl.flex-box dt,
	dl.flex-box dt.wide {
		padding-right: 0;
	}
	.flR.worries {
		width: 40vw;
		margin: 0 0 2vw 2vw;
	}
	.single-tbl {
		display: block;
	}
	.single-tbl th {
		padding-right: 0;
		display: block;
	}
	.single-tbl td {
		display: block;
	}
	.single-tbl th {
		padding: 0.5rem 0 0 0;
	}
	.single-tbl td {
		padding: 0 0 0.5rem 0;
	}
	.photo-block.flex-box {
		-webkit-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.photo-block.flex-box .photo-box {
		width: 49%;
	}
	.photo-block.flex-box .photo-box + .photo-box {
		margin-left: 2%;
	}
	.photo-block.flex-box .photo-box + .photo-box:nth-of-type(2n+1) {
		margin-left: 0;
	}
	.photo-block.flex-box .photo-box + .photo-box:nth-of-type(n+3) {
		margin-top: 2%;
	}
	.column-area {
		-webkit-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.column-block {
		width: 100%;
	}
	.column-block + .column-block {
		margin: 2rem 0 0 0;
	}
	
	
	
	/****************************************************************************************************
	アンカー
	****************************************************************************************************/
	.anchor ul {
		gap: 0.5em 0;
	}
	.anchor ul li + li {
		margin-left: 0;
	}
	
	
	
	/****************************************************************************************************
	文字関連
	****************************************************************************************************/
	.h3-cap {
		display: block;
		vertical-align: 0;
		line-height: 1.2;
	}
	
	
	
	/****************************************************************************************************
	各コンテンツTOP
	****************************************************************************************************/
	.tile-block + .tile-block {
		margin-top: 4vw;
	}
	.tile-box {
		width: 100%;
		min-height: initial;
		min-height: auto;
		padding: 8vw 4vw;
	}
	.tile-box.wide {
		width: 100%;
	}
	.tile-box.az-com {
		width: 100%;
	}
	.tile-box + .tile-box {
		margin: 4vw 0 0 0;
	}
	.tile-box:nth-of-type(n+4) {
		margin: 4vw 0 0 0;
	}
	.tile-box h3.lh2 {
		display: block;
		min-height: initial;
		min-height: auto;
	}
	
	.recbnr-box {
		width: 49%;
	}
	.recbnr-box + .recbnr-box {
		margin-left: 2%;
	}
	
	
	
	/****************************************************************************************************
	NEWS
	****************************************************************************************************/
	.pager {
		margin-top: 2rem;
	}
	
	
	
	/****************************************************************************************************
	事業内容
	****************************************************************************************************/
	#az-com-3pl {
		width: 40vw;
		margin: auto;
	}
	#next-arrow {
		width: 16vw;
		margin: auto;
	}
	
	
	
	/****************************************************************************************************
	企業情報
	****************************************************************************************************/
	.outline-tbl,
	.history-tbl,
	.news-tbl {
		width: 100%;
	}
	.outline-tbl tr,
	.history-tbl tr,
	.news-tbl tr {
		display: block;
		width: 100%;
	}
	.outline-tbl th,
	.history-tbl th,
	.news-tbl th {
		display: block;
		padding: 0 0 0.2em 0;
		border-bottom: 1px solid #000;
	}
	.outline-tbl tr + tr th,
	.history-tbl tr + tr th,
	.news-tbl tr + tr th {
		padding-top: 0.8rem;
	}
	.outline-tbl th::after,
	.history-tbl th::after,
	.news-tbl th::after {
		display: none;
	}
	.outline-tbl td,
	.history-tbl td,
	.news-tbl td {
		display: block;
		padding: 0.2em 0 0 0;
	}
	.history-tbl th,
	.news-tbl th {
		text-align: left;
	}
	.history-tbl .year {
		width: 4em;
	}
	.history-tbl .month {
	}
	.access-text-box {
		-webkit-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.access-map-box iframe {
		width: 100%;
		height: 90vw;
	}
	.access-txt-box dl {
		display: block;
	}
	
	.p-anchor {
		margin: 0.3rem 0 0 0;
	}
	.p-anchor ul {
		gap: 0 1em;
	}
	.p-anchor ul li + li {
		margin-left: 0;
	}
	
	.perf-box {
		display: block;
	}
	.perf-name {
		width: auto;
		margin-bottom: 1em;
		text-align: center;
	}
	.office-box {
		-webkit-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		display: block;
	}
	.office-name {
		width: auto;
	}
	.office-text ul {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 0 1em;
	}
	.office-text li {
		margin-right: 0;
	}
	.office-text dl {
		-webkit-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	
	
	/****************************************************************************************************
	サステナビリティ
	****************************************************************************************************/
	.f-float-block {
	}
	.f-float-block .photo-box {
		float: left;
		width: 40vw;
		margin-right: 1em;
	}
	.f-float-block .text-box {
		margin-top: -0.3em;
	}
	
	.f-photo-block {
		-webkit-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.f-photo-block .photo-box {
		width: 100%;
		margin: 0 0 1em 0;
	}
	.f-photo-block .photo-box.safety img {
		width: 50%;
	}
	.f-photo-block .text-box {
		margin-top: 0;
	}
	
	.goals-block ul {
		gap: 1vw;
	}
	.goals-block ul li + li {
		margin-left: 0;
	}
	.goals-block ul li {
		width: 24%;
	}
	.goals-block.theme ul {
		justify-content: flex-start;
		width: auto;
	}
	.goals-block.theme ul li + li:nth-of-type(n+7) {
		margin-top: 0;
	}
	
	.sdgs-photo-block {
		display: block;
	}
	.sdgs-photo-block .photo-box {
		margin-right: 0;
	}
	.sdgs-photo-block .text-box {
		margin: 1em 0 0 0;
	}
	.tableBasic {
		font-size: 0.666rem;
	}
	
	
	
	/****************************************************************************************************
	あやバス
	****************************************************************************************************/
	#ayabus-logo {
		width: 40vw;
		margin: auto;
	}
	
	
	
	/****************************************************************************************************
	採用情報
	****************************************************************************************************/
	.thumb-block {
		gap: 1.8vw 2%;
	}
	.thumb-box {
		width: 49%;
	}
	.thumb-box + .thumb-box {
		margin-left: 0;
	}
	.thumb-box .thumb-text .thumb-title {
		font-size: 1.266rem;
	}
	.employee-box {
		-webkit-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.employee-text {
		width: 100%;
		padding: 1rem 1.5rem;
	}
	.employee-text div {
		width: 100%;
	}
	.employee-title {
		width: 100%;
		margin-bottom: 0.5rem;
		font-size: 1.2rem;
	}
	.employee-name {
		font-size: 2rem;
		line-height: 1.6;
	}

	.application-tbl {
		width: 100%;
	}
	.application-tbl tr {
		display: block;
		width: 100%;
	}
	.application-tbl th {
		display: block;
		padding: 0 0 0.2em 0;
		border-bottom: 1px solid #000;
	}
	.application-tbl tr + tr th {
		padding-top: 0.8rem;
	}
	.application-tbl th::after {
		display: none;
	}
	.application-tbl td {
		display: block;
		padding: 0.2em 0 0 0;
	}
	.application-tbl th {
		text-align: left;
	}
	.welfare-block {
		width: 100%;
		gap: 3vw 5%;
	}
	.welfare-box {
		width: 30%;
	}
	.welfare-box:nth-of-type(n+7) {
		margin-top: 0;
	}
	.welfare-box figure figcaption {
		font-size: 0.733rem;
	}
	
	
	
	/****************************************************************************************************
	企業文化
	****************************************************************************************************/
	.tab {
		margin-top: 2rem;
		text-align: center;
	}
	.tab ul {
		gap: 3%;
	}
	.tab ul li {
		position: relative;
		width: 24%;
	}
	.tab ul li + li {
		margin-left: 0;
	}
	.tab ul li + li::before {
		width: 0.6rem;
		height: 0.6rem;
		border-width: 1px;
		-webkit-transform: translate(-0.9rem, 0.65rem) rotate(-45deg);
		transform: translate(-0.9rem, 0.65rem) rotate(-45deg);
	}
	.tab ul li a {
		font-size: 0.8rem;
	}
	.tab ul li a span {
		position: relative;
		padding-right: 0.9rem;
		padding-left: 0;
	}
	.tab ul li a span::before,
	.tab ul li a span::after {
		width: 0.6rem;
		height: 0.6rem;
		border-width: 1px;
	}
	.tab ul li a span::before {
		right: 0.3rem;
	}
	
	.flR.momotaro-img {
		width: 30vw;
		margin: 0 0 3vw 3vw;
	}
	.flR.momotaro-img figure + figure {
		margin-top: 2vw;
	}
	
	.momotaro {
		width: 20vw;
		vertical-align: sub;
	}
	
	.course-block {
		gap: 3vw;
	}
	.course-box {
		width: 100%;
	}
	.course-box + .course-box {
		margin-left: 0;
	}
	.course-box figure {
		margin: 0.5rem 0;
	}
	
	
	
	/****************************************************************************************************
	お問い合わせ
	****************************************************************************************************/
	.form-box {
		width: 100%;
		padding: 4vw 0;
	}
	.form-box dl {
		display: block;
	}
	.form-box dl + dl {
		margin-top: 3vw;
	}
	.form-box dl > dt {
		width: 100%;
		min-height: initial;
		min-height: auto;
		padding: 0;
		text-align: left;
	}
	.form-box dl > dd {
		width: 100%;
		margin-top: 0.3rem;
	}
	.form-box > dl > dd dl dt {
		width: auto;
		padding: 0;
		min-height: initial;
		min-height: auto;
	}
	.form-box input[type="text"],
	.form-box input[type="email"] {
		width: 100%;
		height: 3rem;
		-webkit-appearance: none;
	}
	.form-box input[type="text"].harf {
		width: 49%;
		margin-right: 0;
	}
	.form-box input[type="text"].harf + input[type="text"].harf {
		margin-left: 2%;
	}
	.form-box input[type="text"].small {
		width: 50%;
	}
	.form-box input[type="text"].middle {
		width: 100%;
	}

		/* 2025/12/1追加  コンタクトフォーム*/
	.form-box dd.middle input[type="text"] {
		width: 100%;
	}
	.form-box dd.harf input[type="text"],
	.form-box dd.harf input[type="tel"] {
		width: 49%;
		margin-right: 0;
	}
	.form-box dd.harf input[type="text"]{
		margin-left: 3px;
	}


	label {
		height: auto;
		padding: 0.7em 1em 0.7em 0;
	}
	input[type="radio"] {
		vertical-align: auto;
	}
	select {
		width: 50%;
		height: 3rem;
		margin-bottom: 3vw;
		-webkit-appearance: none;
	}
	.form-box textarea {
		width: 100%;
		height: 12rem;
	}
	.form-btn ul {
		display: block;
	}
	input[type="submit"] {
		width: 100%;
		height: 4.6rem;
		-webkit-appearance: none;
	}
	.form-btn ul li + li {
		margin: 3vw 0 0 0 !important;
	}
	
	
	
	/****************************************************************************************************
	sitemap
	****************************************************************************************************/
	.sitemap-block > ul > li {
		display: block;
	}
	.sitemap-block > ul > li > a {
		width: auto;
	}
	.sitemap-block > ul > li > ul {
		border-top: 1px solid #CCC;
		padding-top: 1rem;
		margin: 1rem 0 0 0;
	}
	.sitemap-block > ul > li > ul > li {
		display: block;
	}
	.sitemap-block > ul > li > ul > li + li {
		border-top: 1px solid #CCC;
		padding-top: 1rem;
	}
	.sitemap-block > ul > li > ul > li > a {
		width: 13rem;
		font-weight: bold;
	}
	.sitemap-block > ul > li > ul > li > ul > li > ul {
		display: block;
		margin-left: 1em;
	}
	.sitemap-block > ul > li > ul > li > ul > li > ul > li + li {
		margin-left: 0;
	}


	.office-block {
		width: 100%;
	}

	.office-data-flex,
	.office-info-flex,
	.office-temperature-flex {
		display: block;
	}

	.office-single-link {
		margin-top: 1rem;
		text-align: center;
	}

	.office-temperature-flex {
		text-align: center;
		dt {
			span {
				display: none;
			}
		}
	}

	.office-temperature_range {
		justify-content: center;
	}

	.office-single {
		display: block;
		.office-temperature-flex {
			text-align: justify;
		}
		.office-temperature_range {
			justify-content: left;
		}
	}

	.office-left,
	.office-right {
		width: 100%;
	}

	.office-left {
		margin-bottom: 2rem;
	}

	.tile-block.tile-grid {
		display: block;
	}

	.tile-block.tile-grid {
	    .tile-box:nth-of-type(n+4) {
	        margin: 4vw 0 0 0;
	    }
	}

	.tile-title-box {
		min-height: auto;
	}

	.tile-block.tile-grid-5 {
		.tile-box {
			min-height: unset;
			h3 {
				font-size: 1.6rem;
			}
		}
	}

	.business-icon-box,
	.business-last {
		display: block;
	}

	.business-icon {
		margin: 0 auto 1rem;
		width: 25%;
	}
	.business-text,
	.business-last-left,
	.business-last-right {
		width: 100%;
	}

	.tj-sp {
		text-align: justify;
	}


	.business-joint-image,
	.business-container-image {
		position: static;
		width: 100%;
	}

	.business-container-image {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 2rem;
		width: 70%;
	}

	.business-last-right {
		margin-top: 2rem;
	}

	.driver-grid {
		grid-template-columns: repeat(1, 1fr);
	}

}
@media screen and (max-width: 960px) and (orientation: landscape) {
}



/****************************************************************************************************
Logistics Solutions カード（2026/10/28追加）
****************************************************************************************************/
.ls-cards {
	display: flex;
	justify-content: space-between;
	width: 1240px;
	max-width: 100%;
	margin: 0 auto;
}
.ls-card {
	width: 285px;
	min-height: 331px;
	padding: 62px 10px 28px;
	background: url(../img/logistics-solutions/strength-bk1.png) no-repeat center top / 100% auto;
	color: #FFF;
	text-align: center;
	line-height: 1.6;
}
.ls-card.ls-card-02 {
	background-image: url(../img/logistics-solutions/strength-bk2.png);
}
.ls-card.ls-card-03 {
	background-image: url(../img/logistics-solutions/strength-bk3.png);
}
.ls-card.ls-card-04 {
	background-image: url(../img/logistics-solutions/strength-bk4.png);
}
.ls-card h3 {
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.5;
}
.ls-card .ls-card-lead {
	margin-top: 0.5em;
	font-size: 0.866rem;
	line-height: 1.6;
}
.ls-card ul {
	display: inline-block;
	margin-top: 1.1em;
	text-align: left;
}
.ls-card ul li + li {
	margin-top: 0.15em;
}
#contents .ls-card ul li a {
	position: relative;
	display: inline-block;
	padding-left: 1.4em;
	color: #FFF;
	font-size: 1rem;
	text-decoration: none;
}
#contents .ls-card ul li a::before {
	position: absolute;
	left: 0.1em;
	top: 0;
	bottom: 0;
	content: "";
	width: 0.75em;
	height: 0.75em;
	margin: auto;
	border: 1px solid;
	border-color: #F4009B #F4009B transparent transparent;
	transform: rotate(45deg);
}
#contents .ls-card.ls-card-02 ul li a::before,
#contents .ls-card.ls-card-04 ul li a::before {
	border-color: #00006A #00006A transparent transparent;
}



/****************************************************************************************************
Logistics Solutions 一覧ページ（2026/10/28追加）
****************************************************************************************************/
.ls-intro {
	margin-top: 4.5rem;
	color: #00006A;
	font-size: 1.2rem;
	line-height: 2.0;
	text-align: center;
}
.ls-intro .ls-em {
	color: #D80072;
}
.ls-index .ls-cards {
	margin-top: 3.4rem;
}



/****************************************************************************************************
Logistics Solutions 詳細ページ（2026/10/28追加）
****************************************************************************************************/
.ls-detail-ttl {
	margin-top: 4.5rem;
	color: #00006A;
	font-size: 1.866rem;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
}
.ls-detail-ttl .ls-no {
	margin-right: 0.1em;
	color: #F4009B;
}
.ls-detail-ttl .ls-sep {
	display: inline-block;
	margin: 0 0.5em;
	color: #EF7FB8;
	font-weight: normal;
}
.ls-detail-ttl .ls-target {
	color: #000;
}
.ls-frame {
	margin-top: 4.5rem;
	padding: 70px 76px;
	border: 1px solid #8080B7;
}
.ls-catch {
	color: #F4009B;
	font-size: 2.266rem;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
}
.ls-lead {
	margin-top: 1.2rem;
	font-size: 1.066rem;
	line-height: 2.2;
	text-align: center;
}
.ls-sec {
	margin-top: 4.5rem;
}
.ls-sec-ttl {
	font-size: 1.733rem;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
}
.ls-num {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	width: 22px;
	height: 22px;
	margin-right: 10px;
	border-radius: 50%;
	background: #F4009B;
	color: #FFF;
	font-size: 15px;
	font-weight: bold;
	line-height: 1;
}

/* こんなお悩み */
.ls-worries {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	margin-top: 1.5rem;
}
.ls-worry {
	padding: 30px 32px;
	background: #DAF6FF;
}
.ls-worry h4 {
	display: flex;
	align-items: center;
	color: #00006A;
	font-size: 1.466rem;
	font-weight: bold;
	line-height: 1.5;
}
.ls-worry p {
	margin-top: 0.6em;
	padding-left: 32px;
	font-size: 0.933rem;
	line-height: 1.8;
}

/* 導入事例 */
.ls-case {
	margin-top: 1.5rem;
	padding: 40px;
	background: #F6F6F6;
}
.ls-case-head {
	display: flex;
	align-items: flex-start;
}
.ls-case-photo {
	flex-shrink: 0;
	width: 320px;
	height: 213px;
	background: #DDDDDD;
}
.ls-case-photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.ls-case-info {
	margin-left: 26px;
}
.ls-case-label {
	font-size: 1.066rem;
	font-weight: bold;
	line-height: 1.6;
}
.ls-case-label .ls-sep {
	margin: 0 0.6em;
	color: #999;
	font-weight: normal;
}
.ls-case-name {
	margin-top: 0.4em;
	color: #00006A;
	font-size: 2.133rem;
	font-weight: bold;
	line-height: 1.4;
}
.ls-case-desc {
	margin-top: 0.8em;
	font-size: 0.933rem;
	line-height: 2.2;
}
.ls-case-points {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	margin-top: 40px;
}
.ls-point {
	padding: 26px 28px 22px;
	background: #FFE5F5;
}
.ls-point h4 {
	color: #00006A;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.4;
}
.ls-point ul {
	margin-top: 0.7em;
	font-size: 0.933rem;
	line-height: 1.9;
}
.ls-point ul li {
	display: flex;
}
.ls-point ul li::before {
	content: "・";
	flex-shrink: 0;
}
.ls-steps {
	margin-top: 40px;
	padding: 34px 28px 36px;
	background: #DAF6FF;
}
.ls-steps h4 {
	font-size: 1.466rem;
	font-weight: bold;
	line-height: 1.5;
}
.ls-steps ol {
	margin-top: 0.8em;
}
.ls-steps ol li + li {
	margin-top: 1.1em;
}
.ls-steps h5 {
	display: flex;
	align-items: center;
	color: #00006A;
	font-size: 1.333rem;
	font-weight: bold;
	line-height: 1.5;
}
.ls-steps p {
	margin-top: 0.3em;
	padding-left: 32px;
	font-size: 0.933rem;
	line-height: 1.8;
}

/* 関連サービス */
.ls-services {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	margin-top: 1.5rem;
}
#contents .ls-service a {
	display: block;
	height: 100%;
	padding: 30px 32px;
	background: #FFE5F5;
	color: #000;
	text-decoration: none;
}
.ls-service-ttl {
	position: relative;
	display: inline-block;
	padding-right: 2.2em;
	color: #F4009B;
	font-size: 1.466rem;
	font-weight: bold;
	line-height: 1.5;
}
.ls-service-ttl::before,
.ls-service-ttl::after {
	position: absolute;
	right: 0.2em;
	top: 0;
	bottom: 0;
	content: "";
	width: 0.6em;
	height: 0.6em;
	margin: auto;
	border: 2px solid;
	border-color: #000082 #000082 transparent transparent;
	transform: rotate(45deg);
}
.ls-service-ttl::before {
	right: 0.6em;
}
.ls-service-txt {
	margin-top: 0.6em;
	font-size: 0.933rem;
	line-height: 1.8;
}

/* お問い合わせ */
.ls-cta {
	margin-top: 4.5rem;
	text-align: center;
}
.ls-cta-ttl {
	font-size: 1.466rem;
	font-weight: bold;
	line-height: 1.5;
}
.ls-cta-txt {
	margin-top: 0.5em;
	font-size: 0.933rem;
	line-height: 1.8;
}
.ls-cta .contact-btn {
	margin-top: 1.8rem;
}
.contact-btn.ls-contact a {
	background: #F7009D;
}
.contact-btn.ls-contact a span::before,
.contact-btn.ls-contact a span::after {
	border-color: transparent transparent #000082 #000082;
}

@media screen and (max-width: 767px),
screen and (max-width: 960px) and (orientation: landscape) {
	/* Logistics Solutions カード SP（2026/10/28追加） */
	.ls-cards {
		flex-direction: column;
		width: 92vw;
	}
	.ls-card {
		width: 100%;
		min-height: 0;
		padding: 17vw 5vw 8vw;
		background: url(../img/logistics-solutions/strength-bk1.png) no-repeat center top / 100% auto,
			linear-gradient(to bottom, transparent 10vw, #010062 10vw);
	}
	.ls-card.ls-card-02 {
		background: url(../img/logistics-solutions/strength-bk2.png) no-repeat center top / 100% auto,
			linear-gradient(to bottom, transparent 10vw, #DE0074 10vw);
	}
	.ls-card.ls-card-03 {
		background: url(../img/logistics-solutions/strength-bk3.png) no-repeat center top / 100% auto,
			linear-gradient(to bottom, transparent 10vw, #010062 10vw);
	}
	.ls-card.ls-card-04 {
		background: url(../img/logistics-solutions/strength-bk4.png) no-repeat center top / 100% auto,
			linear-gradient(to bottom, transparent 10.6vw, #DE0074 10.6vw);
	}
	.ls-card + .ls-card {
		margin-top: 6vw;
	}
	.ls-card h3 {
		font-size: 1.5rem;
	}
	.ls-card .ls-card-lead {
		font-size: 0.933rem;
	}
	#contents .ls-card ul li a {
		font-size: 1.066rem;
	}
}
@media screen and (max-width: 767px),
screen and (max-width: 960px) and (orientation: landscape) {
	/* Logistics Solutions 一覧・詳細ページ SP（2026/10/28追加） */
	.ls-intro {
		margin-top: 2.5rem;
		font-size: 1.066rem;
		text-align: left;
	}
	.ls-index .ls-cards {
		margin-top: 2rem;
	}
	.ls-detail-ttl {
		margin-top: 2.5rem;
		font-size: 1.333rem;
	}
	.ls-detail-ttl .ls-sep {
		display: none;
	}
	.ls-detail-ttl .ls-target {
		display: block;
	}
	.ls-frame {
		margin-top: 2rem;
		padding: 8vw 4vw;
	}
	.ls-catch {
		font-size: 1.466rem;
	}
	.ls-lead {
		font-size: 1rem;
		text-align: left;
	}
	.ls-sec {
		margin-top: 3rem;
	}
	.ls-sec-ttl {
		font-size: 1.333rem;
	}
	.ls-num {
		width: 1.4rem;
		height: 1.4rem;
		margin-right: 0.5rem;
		font-size: 0.866rem;
	}
	.ls-worries,
	.ls-case-points,
	.ls-services {
		grid-template-columns: 1fr;
		gap: 3vw;
	}
	.ls-worry {
		padding: 5vw;
	}
	.ls-worry h4 {
		font-size: 1.133rem;
	}
	.ls-worry p,
	.ls-steps p {
		padding-left: 0;
	}
	.ls-case {
		padding: 5vw;
	}
	.ls-case-head {
		flex-direction: column;
	}
	.ls-case-photo {
		width: 100%;
		height: auto;
		aspect-ratio: 3 / 2;
	}
	.ls-case-photo img {
		height: 100%;
	}
	.ls-case-info {
		margin: 4vw 0 0;
	}
	.ls-case-name {
		font-size: 1.466rem;
	}
	.ls-case-points {
		margin-top: 5vw;
	}
	.ls-point {
		padding: 5vw;
	}
	.ls-point h4 {
		font-size: 1.266rem;
	}
	.ls-steps {
		margin-top: 5vw;
		padding: 5vw;
	}
	.ls-steps h4 {
		font-size: 1.2rem;
	}
	.ls-steps h5 {
		font-size: 1.066rem;
	}
	#contents .ls-service a {
		padding: 5vw;
	}
	.ls-service-ttl {
		font-size: 1.2rem;
	}
	.ls-cta {
		margin-top: 3rem;
	}
	.ls-cta-ttl {
		font-size: 1.133rem;
	}
	.ls-cta-txt {
		text-align: left;
	}
}



/****************************************************************************************************
Logistics Solutions 一覧TOPへ戻る（2026/10/28追加）
****************************************************************************************************/
#contents.ls-detail {
	padding-bottom: 46px;
}
.ls-back {
	margin-top: 36px;
	font-size: 0.933rem;
	line-height: 1.6;
	text-align: center;
}
#contents .ls-back a {
	color: #000;
	text-decoration: none;
}
@media screen and (max-width: 767px),
screen and (max-width: 960px) and (orientation: landscape) {
	#contents.ls-detail {
		padding-bottom: 8vw;
	}
	.ls-back {
		margin-top: 6vw;
	}
}