@charset "UTF-8";

/*==========================================
 全デバイス共通［common］
===========================================*/
/*footerを下部に固定*/
body {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	background: #fff;
}

footer {
	margin-top: auto;
}

#footer {
	margin: 0;
}

/*==========================================
 PC［1001px~］
===========================================*/
/*------------
 h1見出しタイトルエリア
------------*/
#ttl_area {
	margin: -160px 0 0;
	height: 400px;
	background-color: var(--bg-color);
	position: relative;
	background-image: url("../images/ttl_area-img-process.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: bottom;
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
}

/*.page-id-275 #ttl_area{
	/*加工内容
	background-image: url("../images/ttl_area-img-process.jpg");
	background-position: bottom;
}*/
#ttl_area:after {
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	position: absolute;
	background: rgba(0, 0, 0, .7);
}

#ttl_area:before {
	content: '';
	width: 30%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	background: var(--main-color);
	z-index: 1;
}

#ttl_area h1 {
	margin: 0 auto;
	padding: 20px 0;
	width: min(90%, 1000px);
	font-size: 3.5rem;
	letter-spacing: 0.25rem;
	line-height: 1.5;
	color: #fff;
	z-index: 1;
}

/*------------
 breadcrumb
------------*/
#breadcrumb {
	margin: 10px auto;
	width: min(90%, 1000px);
	overflow-x: auto;
	white-space: nowrap;
	z-index: 1;
}

.breadcrumb {
	margin: 10px auto;
	display: flex;
}

.breadcrumb li {
	margin: 0;
	padding: 0;
}

.breadcrumb li:after {
	content: '〉';
	padding: 0 7px;
	font-size: 1rem;
}

.breadcrumb li:last-child:after {
	content: none;
}

.breadcrumb li:before {
	content: none;
}

.breadcrumb li,
.breadcrumb a {
	font-size: 1.1rem;
	color: #fff;
}

.breadcrumb li:last-child a {
	pointer-events: none;
}

/*------------
 コンテンツエリア
------------*/
#contentArea {
	margin: 80px auto 100px;
	width: min(90%, 1000px);
}

main p {
	margin-bottom: 20px;
	text-align: justify;
	font-size: 1.6rem;
	line-height: 1.8;
}

#contentArea a:not([href*="tel:"]) {
	text-decoration: underline;
	position: relative;
    word-break: break-all;
}

a:not([href*="aio-precision.co.jp"])[href^="https://"] {
	margin-right: 15px;
}

a[href$=".pdf"]:after,
a[href$=".doc"]:after,
a[href$=".docx"]:after,
a[href$=".xls"]:after,
a[href$=".xlsm"]:after,
a[href$=".xlsx"]:after,
a:not([href*="aio-precision.co.jp"], [href*="aio-precision.2-d.jp"])[href^="https://"]:after {
	content: '';
	width: 15px;
	height: 15px;
	position: absolute;
	right: -20px;
	bottom: 0;
	background-image: url("../images/icon-excel.svg");
}

a[href$=".docx"]:after,
a[href$=".doc"]:after {
	background-image: url("../images/icon-word.svg");
}

a[href$=".pdf"]:after {
	background-image: url("../images/icon-pdf.svg");
}

a:not([href*="aio-precision.co.jp"], [href*="aio-precision.2-d.jp"])[href^="https://"]:after {
	background-image: url("../images/icon-blank.svg");
	right: -18px;
}

a.btm:not([href*="aio-precision.co.jp"])[href^="https://"] {
	padding-right: 20px;
}

a.btm:not([href*="aio-precision.co.jp"])[href^="https://"]:after {
	border: none;
	padding-right: 20px;
	transform: rotate(0);
	right: -5px;
	top: 34%;
	background-repeat: no-repeat;
}

.wp-block-file a:after {
	content: none !important;
}

#contentArea a.btm {
	text-decoration: none;
}

/* WPバージョンアップ対応 */
.wp-block-columns-is-layout-flex {
	margin-bottom: 1.75em;
}

/*コンテンツ内アンカー*/
.anchorArea {
	margin-bottom: 5%;
	justify-content: space-around;
	position: relative;
}

.anchorArea:before,
.anchorArea:after {
	content: "";
	display: block;
	width: calc(25% - 20px);
	height: 0;
}

.anchorArea:before {
	order: 1;
	/* 疑似要素beforeの順番を必ず指定する*/
}

.anchorArea a.bnr-btm {
	margin: 10px 0;
	width: calc(25% - 20px);
	display: flex;
	align-items: center;
	background: var(--bg-color);
	color: var(--text-color);
	text-align: initial;
	font-size: 1.4rem;
}

.anchorArea a.bnr-btm.text-center {
	justify-content: center;
	border-radius: 5px;
}

.anchorArea a.bnr-btm:before {
	transform: rotate(135deg);
	border-color: var(--text-color);
}

.anchorArea a.bnr-btm:hover {
	animation: none;
	opacity: .7;
}

/*福利厚生のボタン*/
.page-id-1157 .anchorArea a.bnr-btm,
.page-id-3866 .anchorArea a.bnr-btm {
	background: #dbffed;
}

/*------------
 見出し
------------*/
#contentArea h2,
#news_contents h2 {
	margin: 2em 0 1em;
	font-size: 3.5rem;
	line-height: 1.5;
	letter-spacing: 0.05em;
}

#contentArea h3,
#news_contents h3 {
	margin: 2em 0 1em;
	padding-bottom: 10px;
	font-size: 2.8rem;
	line-height: 1.5;
	letter-spacing: 0.05em;
	text-align: justify;
	border-bottom: solid 2px var(--sub-color);
	position: relative;
}

#contentArea h3:before,
#news_contents h3:before {
	content: '';
	width: 80px;
	height: 2px;
	background: var(--main-color);
	position: absolute;
	bottom: -2px;
	left: 0;
}

#contentArea h4,
#news_contents h4 {
	margin: 2em 0 1em;
	font-size: 2.4rem;
	line-height: 1.25;
	position: relative;
}

#contentArea h4:before,
#news_contents h4:before {
	content: '';
	width: 40px;
	height: 2px;
	background: var(--main-color);
	position: absolute;
	bottom: -10px;
	left: 0;
}

/*------------
 dlのスタイル
------------*/
.dl_a {
	font-size: 1.6rem;
	line-height: 1.5;
}

.dl_a dt {
	padding: 20px 0 20px 5px;
	float: left;
}

.dl_a dd {
	padding: 20px 0 20px 130px;
	border-bottom: solid 1px #ddd;
}

.dl_a dd:nth-last-child(1) {
	border: none;
}

/*------------
 ulのスタイル
------------*/
/*スタイルa*/
.ul_a,
.ul_b,
.ul_btm {
	font-size: 1.6rem;
	line-height: 1.6;
}

.ul_a li {
	padding: 20px 0 20px 5px;
}

.ul_a li {
	border-bottom: solid 1px #ddd;
}

/*スタイルb*/
.ul_b li {
	padding: 10px 0 5px 25px;
	position: relative;
}

.ul_b li:before {
	content: '';
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: var(--main-color);
	position: absolute;
	top: 17px;
	left: 7px;
}

/*スタイルbtm */
.ul_btm {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.ul_btm li {
	margin: 10px 0;
}

.ul_btm .bnr-btm {
	display: block;
	text-align: left;
	width: 100%;
}

/*------------
 olのスタイル
------------*/
ol {
	margin: 10px 0 20px;
	counter-reset: count 0;
	font-size: 1.6rem;
	line-height: 1.6;
}

ol li {
	margin-bottom: 10px;
	padding-left: 25px;
	position: relative;
}

ol li:last-child {
	margin-bottom: 0;
}

ol>li:before {
	content: counter(count) ". ";
	counter-increment: count 1;
	font-weight: bold;
	color: var(--main-color);
	position: absolute;
	left: 5px;
	top: -3px;
	font-size: 1.8rem;
}

/*------------
 imgのスタイル
------------*/
.img100 {
	width: 100%;
	height: auto;
}

.img_sp_100 {
	margin: 0 auto;
	height: auto;
	display: block;
}

.img30 {
	padding-left: 20px;
	width: 30%;
	min-width: 250px;
	height: auto;
}

.img_block {
	display: block;
	margin: 0 auto;
}

.float_right,
.float_left {
	margin: 10px 0 10px 2em;
	float: right;
	z-index: 1;
	position: relative;
}

.float_left {
	margin: 10px 2em 10px 0;
	float: left;
}

.cf::after {
	content: "";
	display: block;
	clear: both;
}

.wp-block-image img {
	width: 100%;
	height: auto;
}

#news_contents .wp-block-image img {
	width: auto;
}

/*------------
 テーブルのスタイル
------------*/
table {
	margin: 10px 0;
	width: 100%;
	font-size: 1.6rem;
	line-height: 1.8;
}

th {
	width: 20%;
	padding: 25px;
	background: #e8e8e8;
	border-top: solid 2px #fff;
	border-bottom: solid 2px #fff;
	vertical-align: middle;
	text-align: left;
	font-size: 1.6rem;
}

td {
	padding: 25px;
	background: var(--bg-color);
	;
	border-top: solid 2px #fff;
	border-bottom: solid 2px #fff;
	vertical-align: middle;
}

table p:last-child {
	margin-bottom: 0;
}

/*------------
 段組
------------*/
.col_2,
.col_3,
.col_4 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative;
}

.col_2>:is(div, li) {
	width: 48%;
}

.col_3>:is(div, li) {
	width: 30%;
}

.col_4>:is(div, li) {
	width: 23%;
}

.col_3:after,
.col_4:before,
.col_4:after {
	content: '';
	display: block;
	height: 0;
}

.col_3:after {
	width: 30%;
}

.col_4:before,
.col_4:after {
	width: 23%;
}

.col_4:before {
	order: 1;
}

.row-reverse {
	flex-direction: row-reverse;
}

.row-reverse .wp-block-column:not(:first-child) {
	margin-right: 2em;
}

.wp-block-columns.margin-bottom0 {
	margin-bottom: 0
}

/*--------
　テキストのスタイル関連
---------*/
.text_center {
	text-align: center;
}

.text_right {
	text-align: right;
}

.text_strong {
	margin: 0;
	font-weight: bold;
}

.indent {
	padding-left: 1.5rem;
	text-indent: -1.5rem;
}

.spacer {
	height: 50px;
}

/*地色*/
.bg_color {
	margin: 20px 0;
	padding: 3% 5%;
	background: var(--bg-color);
}

.bg_color p:last-child,
.bg_color .wp-block-columns:last-child {
	margin-bottom: 0;
}

#contentArea .bg_color h2:first-child,
#contentArea .bg_color h3:first-child,
#contentArea .bg_color h4:first-child {
	margin-top: 0;
}

.wp-block-cover .bg_color {
	color: var(--text-color);
}

/*テキスト内Googleマップ*/
a.g_mapIcon {
	margin-left: 2em;
	font-size: 1.2rem;
	position: relative;
	color: var(--main-color);
}

a.g_mapIcon:hover {
	color: var(--text-color);
}

a.g_mapIcon:before {
	content: '';
	position: absolute;
	top: -5px;
	left: -1.5em;
	width: 20px;
	height: 20px;
	background-image: url("../images/icon-map.svg");
	background-repeat: no-repeat;
}

a.g_mapIcon:after {
	content: none !important;
}

/*------------
 企業情報
------------*/
/*認定マーク*/
#ninteiArea {
	margin: 15% calc(50% - 50vw) 0;
	padding: 10% calc(50vw - 50%) 0;
	border-top: solid 1px var(--sub-color);
	justify-content: space-around;
	align-items: center;
}

#ninteiArea p {
	width: 100%;
}

#ninteiArea a {
	width: 15%;
}

#ninteiArea a:after {
	content: none;
}

#ninteiArea img {
	width: 100%;
	height: 150px;
	object-fit: contain;
}

/*------------
 採用情報
------------*/
#ninteiArea div {
	width: 30%;
}

/*エントリーの流れ*/
.entry {
	margin-bottom: 5%;
}

.entry li {
	padding: 20px;
	width: 18%;
	background: var(--bg-color);
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center;
	position: relative;
}

.entry li:not(:first-child):before,
.entry li:not(:last-child):after {
	content: '';
	position: absolute;
	top: 0;
	width: 0;
	height: 0;
	border-width: 48px 0 48px 15px;
	border-style: solid;
}

.entry li:not(:first-child):before {
	left: 0;
	border-color: transparent transparent transparent #fff;
}

.entry li:not(:last-child):after {
	right: -15px;
	;
	border-color: transparent transparent transparent var(--bg-color);
}

.entry li:nth-child(1) {
	background: #CAB1B1;
}

.entry li:nth-child(1):after {
	border-left-color: #CAB1B1;
}

.entry li:nth-child(2) {
	background: #CBC4C4;
}

.entry li:nth-child(2):after {
	border-left-color: #CBC4C4;
}

.entry li:nth-child(3) {
	background: #DBD5D5;
}

.entry li:nth-child(3):after {
	border-left-color: #DBD5D5;
}

.entry li:nth-child(4) {
	background: #DEDEDE;
}

.entry li:nth-child(4):after {
	border-left-color: #DEDEDE;
}

/*先輩社員リスト*/
#contentArea .member-list a {
	padding: 15px;
	display: block;
	text-decoration: none;
	color: var(--text-color);
	position: relative;
}

.member-list figure {
	width: 100%;
	height: 200px;
	overflow: hidden;
}

.member-list img {
	width: 100%;
	height: 200px;
	object-fit: contain;
	transition: .5s all;
}

#contentArea .member-list a:hover {
	box-shadow: 0 0 10px 5px #ddd;
}

#contentArea .member-list a:hover img {
	transform: scale(1.1, 1.1);
}

.member-list .job,
.member-prof .job {
	padding: 2px 5px;
	position: absolute;
	top: 175px;
	font-size: 1.2rem;
	letter-spacing: .25em;
	color: #fff;
	background: var(--main-color);
	z-index: 1;
	display: inline-block;
}

#contentArea .member-list h2,
#contentArea .member-prof h2 {
	margin: 0 0 1em;
	line-height: 1.2;
	font-size: 2rem;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-weight: normal;
}

#contentArea .member-list h2 .en,
#contentArea .member-prof h2 .en {
	margin: 0 0 .25em;
	font-family: "Noto Sans JP";
	font-size: 180%;
	display: block;
	font-weight: bold;
}

/*先輩社員詳細*/
h2.interview {
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}

.member-detail {
	position: relative;
}

.member-main-img {
	width: 70%;
	height: 500px;
	;
	object-fit: cover;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
}

.member-prof {
	padding: 10px;
	position: relative;
	background: #fff;
	display: inline-block;
}

#contentArea .member-prof h2 {
	margin: 1em 0;
	padding: 10px 0;
	margin-bottom: 1em;
	display: inline-block;
}

.member-prof .job {
	top: 0;
}

#contentArea.member-detail h4 {
	margin-top: 5em;
}

/*若⼿社員のとある⼀⽇*/
:is(.page-id-1035, .page-id-3841) main {
	counter-reset: number 0;
	/* number のカウンタを 0 にセット */
	overflow: hidden;
}

.oneday-nameArea {
	align-self: center;
	padding: 1em;
	position: relative;
	background: rgba(255, 255, 255, .2);
}

.oneday-nameArea::before {
	content: "One Day #0" counter(number);
	counter-increment: number 1;
	position: absolute;
	top: -20px;
	right: -10px;
	color: #fff;
	font-size: 50px;
	font-weight: bold;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	line-height: 1.15;
	opacity: .5;
}

.oneday-nameArea::after {
	content: '';
	width: 50px;
	height: 2px;
	background: linear-gradient(to right, var(--main-color) 0%, var(--main-color) 30%, var(--sub-color) 30%, var(--sub-color) 100%);
	position: absolute;
	top: 0;
	left: 0;
}

#contentArea .oneday-nameArea h2 {
	margin: 1em 0;
}

.oneday-mainimg {
	margin: 0 calc(50% - 50vw);
	width: 100vw;
	padding: 2em calc(50vw - 50%) 0;
}

.oneday-mainimg img {
	height: auto;
	max-height: 450px;
	object-fit: cover;
}

#contentArea h2:is(.ttl-schedule, .ttl-interview) {
	position: relative;
	font-size: 14px;
	color: var(--main-color);
}

#contentArea h2:is(.ttl-interview, .ttl-schedule)::before {
	content: 'Schedule';
	font-size: clamp(75px, 3vw, 100px);
	color: var(--text-color);
	display: block;
	line-height: 1.2;
}

#contentArea h2.ttl-interview::before {
	content: 'Interview';
}

.oneday-scheduleBox {
	margin-bottom: 1em;
	border-bottom: solid 2px var(--sub-color);
	position: relative;
}

.oneday-scheduleBox::before {
	content: '';
	width: 80px;
	height: 2px;
	background: var(--main-color);
	position: absolute;
	bottom: -2px;
	left: 0;
}

#contentArea .oneday-scheduleBox h3 {
	margin: 1em 0;
	border: none;
	color: var(--sub-color);
	font-size: clamp(30px, 3vw, 50px);
}

#contentArea .oneday-scheduleBox h3::before {
	content: none;
}

.oneday-scheduleBox .wp-block-column {
	align-self: center;
}

.bg_qa {
	margin: 3em calc(50% - 50vw) 0;
	padding: .5em calc(50vw - 50%) 3em;
	position: relative;
}

.bg_qa::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #f7f7f7;
	transform: skewY(15deg);
	z-index: -1;
}

/*福利厚生*/
.wp-block-columns.nintei-col {
	margin-bottom: 0;
	justify-content: space-between;
}

.wp-block-columns.nintei-col a::after {
	content: none !important;
}

.wp-block-columns.nintei-col .wp-block-column {
	width: 22%;
	flex-basis: unset !important;
}

.wp-block-columns.nintei-col .wp-block-column:not(:first-child),
.wp-block-columns.nintei-col .wp-block-column:nth-child(2n) {
	margin-left: 0;
}

.wp-block-columns.nintei-col .wp-block-image {
	margin: 0 auto 3em;
	width: 80%;
}

.nintei-col .wp-block-image img {
	width: 100%;
	height: 150px;
	object-fit: contain;
}
/*インターン*/
.intern-box strong {
	position: relative;
}

.intern-box strong::before {
	content: '●';
	color: var(--main-color);
}


/*------------
 お知らせ一覧
------------*/
/*お知らせのリスト*/
.news {
	text-align: left;
}

.news dt {
	padding: 25px 0 0;
	font-size: 1.3rem;
	position: relative;
	justify-content: flex-start;
	align-items: center;
}

.news dd {
	padding: 5px 0 25px;
	font-size: 1.7rem;
	line-height: 2.5rem;
	font-weight: bold;
	position: relative;
}

#contentArea .news dd a {
	display: block;
	text-decoration: none;
}

.news dd:before {
	content: '';
	height: 1px;
	border-bottom: solid 1px #bbb;
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
}

.new {
	margin-right: 10px;
	width: 35px;
	height: 15px;
	display: inline-block;
	text-align: center;
	background-color: var(--main-color);
	color: #fff;
	font-size: 1.1rem;
	font-weight: normal;
	border-radius: 20px;
	line-height: 1.25;
}

/*--ページャー--*/
.bottom-links,
.pagination {
	margin: 10% 0;
	text-align: center;
}

.page-numbers {
	display: flex;
	justify-content: center;
}

.page-numbers {
	margin: 0 5px;
}

#contentArea .pagination a,
.pagination span {
	height: 35px;
	width: 35px;
	font-size: 9pt;
	line-height: 35px;
	text-align: center;
	letter-spacing: 0;
	display: inline-block;
	background: var(--bg-color);
	transition: .3s;
	text-decoration: none;
	color: var(--text-color);
}

#contentArea .pagination a:hover {
	background: var(--main-color);
	color: #fff;
}

#contentArea .pagination .current {
	background: var(--main-color);
	color: #fff;
}

/*------------
 お知らせ詳細
------------*/
#news_contents .content-ttl-h2 {
	font-size: 2.8rem;
}

#news_contents h2.content-ttl-h2 {
	margin-bottom: 60px;
}

#news_contents h2.content-ttl-h2:before {
	left: 0;
	right: inherit;
}

.news-days {
	display: inline-block;
}

#news_contents p {
	line-height: 2;
}

#news_contents ul {
	margin: 20px 0;
	font-size: 1.5rem;
	line-height: 1.25;
}

#news_contents ul li {
	padding: 0 0 5px 25px;
	font-size: 1.6rem;
	line-height: 2;
	position: relative;
}

#news_contents ul li:before {
	content: '●';
	color: var(--main-color);
	position: absolute;
	left: 0;
}

#news_contents ul a {
	padding-right: 30px;
	position: relative;
}

#news_contents ul a:after {
	content: '';
	position: absolute;
	bottom: -5px;
	right: 0;
	width: 25px;
	height: 25px;
	background-size: 15px 15px;
	background-repeat: no-repeat;
	background-position: center;
}

#news_contents ul.blocks-gallery-grid li:before {
	content: none;
}

#news_contents ul.blocks-gallery-grid li {
	padding: 0;
}

/*==========================================
 tb［481px-1000px以下］
===========================================*/
@media screen and (max-width: 1000px) {

	/*------------
	 h2見出しタイトルエリア
	------------*/
	#ttl_area {
		margin: 0;
		height: 200px;
	}

	/*------------
	 コンテンツエリア
	------------*/
	/*コンテンツ内アンカー*/
	.anchorArea:before,
	.anchorArea:after {
		width: 30%;
	}

	.anchorArea a.bnr-btm {
		width: 30%;
	}

	/*------------
	 見出し
	------------*/
	#contentArea h2,
	#news_contents h2 {
		font-size: 2.5rem;
	}

	#contentArea h3,
	#news_contents h3 {
		font-size: 2rem;
	}

	#news_contents h4 {
		font-size: 1.6rem;
	}

	/*------------
	 段組
	------------*/
	.tb_3col .wp-block-column:not(:only-child) {
		flex-basis: 30% !important;
		flex-grow: 0 !important;
		margin: 0 5px !important;
	}

	.col_4>div {
		width: 48%;
	}

	.row-reverse .wp-block-column:nth-child(2n) {
		margin-left: 0;
	}

	/*------------
	 採用情報
	------------*/
	/*エントリーの流れ*/
	.entry li:not(:last-child):after {
		border-width: 15px 0 15px 15px;
		top: 40%;
	}

	.entry li:not(:first-child):before {
		content: none;
	}
}

/*==========================================
 sp［480px以下］
===========================================*/
@media screen and (max-width: 480px) {

	/*------------
	 h2見出しタイトルエリア
	------------*/
	#ttl_area {
		background-attachment: scroll;
	}

	#ttl_area h1 {
		font-size: 2.8rem;
	}

	#ttl_area:before {
		width: 35%;
	}

	/*------------
	 breadcrumb
	------------*/
	.breadcrumb li:after {
		padding: 0 5px;
	}

	.breadcrumb a {
		font-size: 1rem;
	}

	/*------------
	 コンテンツエリア
	------------*/
	#contentArea {
		width: 90%;
	}

	main p {
		font-size: 1.5rem;
	}

	/*コンテンツ内アンカー*/
	.anchorArea:before,
	.anchorArea:after {
		width: 47%;
	}

	.anchorArea a.bnr-btm {
		width: 47%;
	}

	/*------------
	 dlのスタイル
	------------*/
	.dl_a dt {
		width: 100%;
		padding: 15px 5px 0 5px;
		float: none;
	}

	.dl_a dd {
		width: 100%;
		padding: 5px 5px 15px;
	}

	/*------------
	 ulのスタイル
	------------*/
	/*スタイルa*/
	#news_contents ul li {
		font-size: 1.4rem;
	}

	.ul_a,
	.ul_b {
		line-height: 1.5;
		text-align: justify;
	}

	/*スタイルbtm */
	.ul_btm .bnr-btm {
		width: 100%;
		margin: 0;
	}

	/*------------
	 imgのスタイル
	------------*/
	.float_right {
		margin: 5% auto;
		float: none;
		display: block;
	}

	.img-block {
		margin: 10px auto;
	}

	.img_sp_100 {
		width: 100%;
	}

	/*------------
	 テーブルのスタイル
	------------*/
	th,
	td {
		padding: 20px;
		width: 100%;
		display: block;
	}

	th {
		border: none;
	}

	.table_a th,
	.table_a td {
		display: table-cell;
	}

	.table_a th {
		width: 30%;
		border-bottom: solid 2px #fff;
	}

	.table_a td {
		width: 70%;
	}

	/*保有設備*/
	.page-id-518 thead tr {
		display: none;
	}

	.page-id-518 tbody tr td {
		padding: 10px 20px;
		border: none;
		position: relative;
	}

	.page-id-518 tbody tr td:nth-child(1) {
		background: #e8e8e8;
	}

	.page-id-518 tbody tr td:nth-child(2)::before {
		content: '機種：';
	}

	.page-id-518 tbody tr td:nth-child(3)::before {
		content: 'メーカー：';
	}

	.page-id-518 tbody tr td:nth-child(4)::before {
		content: '台数：';
	}

	/*------------
	 段組
	------------*/
	.col_2>:is(div, li),
	.col_3>:is(div, li),
	.col_3>:is(div, li) {
		width: 100%;
	}

	.tb_3col .wp-block-column:not(:only-child) {
		flex-basis: 100% !important;
		margin: 0 !important;
	}

	/*--------
	 テキストのスタイル関連
	---------*/
	/*テキスト内Googleマップ*/
	a.g_mapIcon {
		margin-left: 1.5em;
		display: block;
	}

	a.g_mapIcon:before {
		top: 2px;
	}

	/*------------
	 企業情報
	------------*/
	/*認定マーク*/
	#ninteiArea {
		margin: 25% calc(50% - 50vw) 0;
		padding: 12% calc(50vw - 50%) 0;
	}
	#ninteiArea::after {
		content: '';
		width: 40%;
		display: block;
	}
	#ninteiArea a {
		width: 40%;
		margin: 0;
	}

	#ninteiArea img {
		height: 90px;
	}

	/*------------
	 採用情報
	------------*/
	#ninteiArea.rec div {
		width: 100%;
		margin-bottom: 5%;
		text-align: center;
	}

	/*エントリーの流れ*/
	.entry li {
		width: 100%;
	}

	.entry li:not(:last-child):after {
		border-width: 15px 0 15px 15px;
		top: inherit;
		bottom: -20px;
		transform: rotate(90deg);
		left: 0;
		margin: 0 auto;
		right: 0;
		z-index: 1;
	}

	.entry li:not(:first-child):before {
		content: none;
	}

	/*先輩社員リスト*/
	.member-list figure,
	.member-list img {
		height: 150px;
	}

	#contentArea .member-list h2,
	#contentArea .member-prof h2 {
		font-size: 1.5rem;
	}

	#contentArea .member-prof h2 {
		margin-top: 3rem;
	}

	#contentArea .member-list h2 .en,
	#contentArea .member-prof h2 .en {
		font-size: 140%;
	}

	.member-list .job {
		top: 130px;
	}

	/*先輩社員詳細*/
	.member-main-img {
		width: 87%;
		height: 250px;
	}

	.member-prof {
		padding: 0 10px 0 0;
	}

	/*若手社員のとある1日*/
	.oneday-nameArea,
	.oneday-mainimg {
		align-self: flex-end;
		align-items: end;
	}

	.oneday-scheduleBox {
		margin-bottom: 0;
	}

	#contentArea .oneday-scheduleBox h3 {
		margin: .5em 0 0;
	}

	/*福利厚生*/
	.wp-block-columns.nintei-col .wp-block-column {
		width: 48%;
	}


	/*------------
	 お知らせ一覧
	------------*/
	.news-days {
		font-size: 1.2rem;
	}

	#news_contents h2.content-ttl-h2 {
		margin-bottom: 60px;
		font-size: 2.4rem;
		line-height: 1.35;
	}
}