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



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



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



/****************************************************************************************************
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;
}

.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;
}




/****************************************************************************************************
アンカー
****************************************************************************************************/
.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;
}
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-box.az-com {
	width: 604px;
	min-height: initial;
	min-height: auto;
}
.tile-box.e-aidem {
	width: 604px;
	background: #F3F3F3;
	color: #000000;
}
#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 a {
	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;
}



/****************************************************************************************************
企業情報
****************************************************************************************************/
.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-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;
}



/****************************************************************************************************
サステナビリティ
****************************************************************************************************/
.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: 13rem;
	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;
}




@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;
	}
	
}
@media screen and (max-width: 960px) and (orientation: landscape) {
}