@charset "UTF-8";

/* 
 * PCデザイン ここから 
 */
.only-sp {
    display: none;
}

body {
	/* font-family: "Roboto", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo" , "メイリオ", "sans-serif"; */
	font-family: -apple-system,
	BlinkMacSystemFont,
	Helvetica Neue,
	Segoe UI,
	Hiragino Kaku Gothic ProN,
	Hiragino Sans,
	ヒラギノ角ゴ ProN W3,
	Arial,
	メイリオ,
	Meiryo,
	sans-serif;
}

/*
 * ヘッダー部分 ここから
 */

/* ロゴエリア */
#logo-area {
	display: flex;
	position: sticky;
	top: 0;
	z-index: 100;
	width: 100%;
	padding: 8px;
	background-color: white;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
	box-sizing: border-box;
}

/* ヘッダーメニューエリア */
#main-menu-area {
	padding: 4px 0px 8px;
	background-color: #FF0018;
}

/* ヘッダーメニュー共通設定*/
#main-menu {
	background: linear-gradient(#767676, #030303);
}

/* ヘッダーメインメニュー リスト ul要素*/
#main-menu ul {
	display: flex;
	justify-content: center;
	margin: 0;
	padding: 0;
	position: relative;
	list-style: none;
}

/* ヘッダーメインメニュー リスト li要素*/
#main-menu li {
	width: 100%;
	padding: 18px 16px;
	position: relative;
	text-align: center;
	border-right: 1px solid #6c757d;
}

/* ヘッダーメインメニュー リスト 最後の子要素*/
#main-menu li:last-child {
	border: none;
}

/* ヘッダーメインメニュー aタグ */
#main-menu li a {
	text-decoration: none;
	color: white;
	font-size: 18px;
	font-weight: 700;
}

/* 疑似要素にborderを使った三角マークを記述 */
#main-menu li:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	top: 0;
	/*三角をボタンの下のラインに合わせます*/
	left: 50%;
	/*三角を横方向中央にします*/
	margin-left: -10px;
	/*border-leftの10px分左にずらして完全な中央にします*/
	border-left: solid 10px transparent;
	/*border-rightと同じ幅にします*/
	border-right: solid 10px transparent;
	/*border-rightと同じ幅にします*/
	border-top: solid 10px transparent;
	/* 徐々に出現 */
	transition: 0.5s
}

/* 疑似要素にborderを使った三角マークを記述 */
#main-menu li.current-menu-item:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	top: 0;
	/*三角をボタンの下のラインに合わせます*/
	left: 50%;
	/*三角を横方向中央にします*/
	margin-left: -10px;
	/*border-leftの10px分左にずらして完全な中央にします*/
	border-left: solid 10px transparent;
	/*border-rightと同じ幅にします*/
	border-right: solid 10px transparent;
	/*border-rightと同じ幅にします*/
	border-top: solid 10px #FF0018;
	/* 徐々に出現 */
	transition: 0.5s
}

/* マウスオーバー時にborderを使った三角マークを表示 */
#main-menu li:hover:after {
	border-top-color: #FF0018;
}

/*
 * ヘッダー部分 ここまで
 */


/*
 * フッター部分 ここから
 */

/* ページトップボタンエリア */
#footer #page-top-button-area {
	width: 100%;
	max-width: 1320px;
	margin: 50px auto 0px;
	padding: 0 10px;
	box-sizing: border-box;
	text-align: right;
}

/* ページトップボタン */
#footer .return-top-button {
	padding: 6px 15px 5px;
	border-top-left-radius: 0.375rem;
	border-top-right-radius: 0.375rem;
	border: none;
	color: white;
	text-decoration: none;
	font-size: 13px;
	background: linear-gradient(#767676, #030303);
}

/* ページトップボタン */
#footer .return-top-button:hover {
	cursor: pointer
}

/* フッターメニュー */
#footer-menu {
	padding: 10px 0 0;
	box-shadow: 0px -1px 10px rgba(0, 0, 0, 0.15);
}

/* フッターメニュー ul */
#footer-menu ul {
	display: flex;
	justify-content: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

/* フッターメニュー li */
#footer-menu li {
	margin-right: 1rem;
}

/* フッターメニュー li aタグ */
#footer-menu li a{
	color: rgb(33 37 41);
	font-size: 15px;
	text-decoration: none;
}

/* フッター 著作権テキスト */
#footer .copyright-text {
	padding: 15px 0px 5px;
	margin: 0;
	text-align: center;
	font-size: 11.375px;
	color: rgb(108 117 125);
}
/*
 * フッター部分 ここまで
 */

/*
 * パンくずリスト ここから
 */

 /* パンくずリスト */
 #breadcrumbs {
	padding: 16px 8px 8px;
 	font-size: 12px;
 }

 /* パンくずリスト 文字列 */
 #breadcrumbs .breadcrumbs-string,
 #breadcrumbs .breadcrumbs-string a {
 	color: rgb(108, 117, 125);
 }

 #breadcrumbs .set-space {
 	padding: 0px 10px;
 }

/*
 * パンくずリスト ここまで
 */

/*
 * 社内トピックス ここから
 */

/* 社内トピックス ページメイン */
.archive #page-main {
	
}

/* 社内トピックス ページメイン ページバナー */
.archive #page-main #page-banner {
	background: linear-gradient(#FF0018, #A5000E);
	height: 120px;
}

/* 社内トピックス ページメイン h1 */
.archive #page-main h1 {
	position: relative;
	border-bottom: solid 3px #D7D7D7;
	margin: 0 0 26px;
	text-align: left;
	font-size: 26px;
}

/* 社内トピックス ページメイン h1 擬似要素after */
.archive #page-main h1::after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #E83410;
	bottom: -3px;
	width: 30%;
}

/* 社内トピックス ページメイン h1 擬似要素after */
.archive #page-main .flex-area {
	display: flex;
	justify-content: space-between;
	max-width: 1140px;
	margin: -80px auto 48px;
	padding: 48px 0px 88px 0px;
	background-color: white;
	box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 0.15);
}

/* 社内トピックス ページメイン 社内アーカイブエリア */
.archive #page-main .archive-area {
	padding: 0px 48px;
}

/* 社内トピックス ページメイン 社内トピックス 説明 */
.archive #page-main .archive-area #archive-explain-text {
	margin: 0px 0px 13px;
	padding: 16px;
	background-color: #fcfcfd;
	border: 1px solid #e9ecef;
	border-radius: 6px;
}

/* 社内トピックス ページメイン 社内トピックス 説明 */
.archive #page-main .archive-area .archive-single-box {
	margin: 13px 0px 0px;
	padding: 16px 16px 16px 32px;
	background-color: rgb(252, 252, 253);
	color: rgb(108, 117, 125);
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

/* 社内トピックス ページメイン 社内トピックス 日付 */
.archive #page-main .archive-area .archive-date {
	color: rgb(236, 53, 16);
	font-size: 15px;
	font-size: 400;
}

/* 社内トピックス ページメイン 社内トピックス 記事タイトル */
.archive #page-main .archive-area .archive-title {
	margin: 0px 0px 4px;
	color: rgb(13, 110, 253);
	font-size: 20px;
	font-weight: 700;
}

/* 社内トピックス ページメイン 社内トピックス 内容の抜粋文 */
.archive #page-main .archive-area .archive-text {
	margin: 0px 0px 18px;
}

/* 社内トピックス ページメイン 社内トピックス 記事タイトル */
.archive #page-main .archive-area .archive-button-area {
	text-align: right;
}

/* 社内トピックス ページメイン 社内トピックス 続きを読む */
.archive #page-main .archive-area .archive-button {
	padding: 6px 24px;
	background-color: rgb(255, 193, 7);
	border: 1px solid rgb(255, 193, 7);
	border-radius: 800px;
	font-size: 14px;
	color: #000000;
	text-align: right;
}

/* 社内トピックス ページメイン 社内トピックス 続きを読む */
.archive #page-main .archive-area .archive-button:hover {
	background-color: #ffca2c;
	border: 1px solid #ffca2c;
}

/* 社内トピックス ページメイン 社内トピックス 前・次の社内トピックス一覧ボタン */
.archive #page-main .archive-area #posts-button-area {
	display: flex;
	justify-content: space-between;
	margin: 20px 0px;
}

/* 社内トピックス ページメイン 社内トピックス 前・次の社内トピックス一覧ボタン */
.archive #page-main .archive-area .posts-button {
	padding: 5px 14px;
	width: 32px;
	border: 1px solid rgb(221 221 221);
	border-radius: 15px;
	color: rgb(13, 110, 253);
	text-align: center;
	font-size: 18px;
	font-weight: 400;
}

/* 社内トピックス ページメイン 社内トピックス 前・次の社内トピックス一覧ボタン ホバー時 */
.archive #page-main .archive-area .posts-button:hover {
	background-color: #eee;
}

/* 社内トピックス ページメイン 社内トピックス aタグ ホバー時 */
.archive #page-main .archive-area a:hover {
	text-decoration: none;
}


/* 社内トピックス ページメイン ページバナー */
.archive #page-main #sidebar-area {
	width: 100%;
	max-width: 330px;
	text-align: center;
}

/* 社内トピックス ページメイン ページバナー */
.archive #page-main #sidebar-area .sidebar-img {
	display: block;
	width: fit-content;
	margin: 20px auto;
}

/*
 * 社内トピックス ここまで
 */

/*
 * 投稿ページ ここから
 */

/* 投稿ページ ページメイン */
.single #page-main {}

/* 投稿ページ ページメイン ページバナー */
.single #page-main #page-banner {
	background: linear-gradient(#FF0018, #A5000E);
	height: 120px;
}

/* 投稿ページ ページメイン h1 */
.single #page-main h1 {
	position: relative;
	border-bottom: solid 3px #D7D7D7;
	margin: 0 0 34px;
	text-align: left;
	font-size: 34px;
}

/* 投稿ページ ページメイン h1 擬似要素after */
.single #page-main h1::after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #E83410;
	bottom: -3px;
	width: 30%;
}

/* 投稿ページ ページメイン フレックスエリア */
.single #page-main .flex-area {
	display: flex;
	justify-content: space-between;
	max-width: 1140px;
	margin: -80px auto 48px;
	padding: 48px 0px 88px 0px;
	background-color: white;
	box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 0.15);
}

/* 投稿ページ ページメイン h2 */
.single #page-main h2 {
	margin: 0 0 34px;
	font-size: 26px;
}

/* 投稿ページ ページメイン 投稿ページエリア */
.single #page-main .single-area {
	padding: 0px 48px;
}

/* 投稿ページ ページメイン 投稿ページエリア 日付 */
.single #page-main .single-area .archive-date {
	margin-bottom: 5px;
	color: rgb(236, 53, 16);
	text-align: right;
	font-size: 18px;
}

/* 投稿ページ ページメイン 投稿ページエリア 記事タイトル */
.single #page-main .single-area .single-title {
	margin: 0px 0px 4px;
	color: rgb(13, 110, 253);
	font-size: 20px;
	font-weight: 700;
}

/* 投稿ページ ページメイン 投稿ページエリア 内容の抜粋文 */
.single #page-main .single-area .single-text {
	margin: 0px 0px 18px;
	font-size: 18px;
}

/* 投稿ページ ページメイン 投稿ページエリア 記事タイトル */
.single #page-main .single-area .single-button-area {
	text-align: right;
}

/* 投稿ページ ページメイン 投稿ページエリア 前・次の投稿ページ一覧ボタン */
.single #page-main .single-area #posts-button-area {
	display: flex;
	justify-content: space-between;
	margin: 20px 0px;
}

/* 投稿ページ ページメイン 投稿ページエリア 前・次の投稿ページ一覧ボタン */
.single #page-main .single-area .posts-button {
	padding: 5px 14px;
	width: 32px;
	border: 1px solid rgb(221 221 221);
	border-radius: 15px;
	color: rgb(13, 110, 253);
	text-align: center;
	font-size: 18px;
	font-weight: 400;
}

/* 投稿ページ ページメイン 投稿ページエリア 前・次の投稿ページ一覧ボタン ホバー時 */
.single #page-main .single-area .posts-button:hover {
	background-color: #eee;
}

/* 投稿ページ ページメイン 投稿ページエリア aタグ ホバー時 */
.single #page-main .single-area a:hover {
	text-decoration: none;
}


/* 投稿ページ ページメイン ページバナー */
.single #page-main #sidebar-area {
	width: 100%;
	max-width: 330px;
	text-align: center;
}

/* 投稿ページ ページメイン ページバナー */
.single #page-main #sidebar-area .sidebar-img {
	display: block;
	width: fit-content;
	margin: 20px auto;
}

/* 投稿ページ ページメイン サイドバー */
.single #page-main #sidebar-area {
	width: 100%;
	max-width: 196px;
	margin: 28px 30px 0px 30px;
}

/* 投稿ページ サイドバーセクション トピックスエリア a*/
.single #page-main .sidebar-item {
	margin: 0 auto;
}

/* 投稿ページ サイドバーセクション トピックスエリア 関連リンクテキスト */
.single #page-main .link-text {
	text-align: center;
}

/* 投稿ページ サイドバーセクション トピックスエリア a*/
.single #page-main .img {
	width: 196px;
}

/*
 * 投稿ページ ここまで
 */

/*
 * ページ部分　ここから
 */

/* ページメイン */
.page #page-main {
	background-color: white;
}

/* ページメイン h1 */
.page #page-main h1 {
	position: relative;
	border-bottom: solid 3px #D7D7D7;
	margin: 0 0 34px;
	font-size: 34px;
}

/* ページメイン h1 擬似要素after */
.page #page-main h1::after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #E83410;
	bottom: -3px;
	width: 30%;
}

/* ページメイン h2 */
.page #page-main h2 {
	margin: 0 0 26px;
	padding-left: 16px;
	border-left: 5px solid rgb(220 53 69);
	background-color: white;
}

/* ページメイン タイトルエリア p */
.page #page-main #title-area p {
	font-size: 18px;
}

/* ページメイン　ページバナー */
.page #page-main #page-banner {
	background: linear-gradient(#FF0018, #A5000E);
	height: 120px;
}

/* ページメイン アーティクル */
.page #page-main #page-article {
	display: flex;
	justify-content: space-between;
	max-width: 1140px;
	margin: -80px auto 48px;
	padding: 0 0 88px 0;
	background-color: white;
	box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 0.15);
}

/* ページメイン アーティクル */
.page #page-main #main-area {
	width: 100%;
	max-width: 990px;
	padding: 0 12px;
}

/* ページメイン コンテンツエリア */
.page #page-main .contents-area {
	width: 100%;
	margin: 0 auto;
	padding: 0 48px;
	box-sizing: border-box;
}

/*
 *サイドバー ここから
 */

/* ページメイン サイドバー */
.page #page-main #sidebar-area {
	width: 100%;
	max-width: 196px;
	margin: 28px 30px 0px 0px;
}

/* サイドバーセクション トピックスエリア a*/
.page #page-main .sidebar-item {
	padding: 10px 0px;
	margin: 0 auto;
}

/* サイドバーセクション トピックスエリア 関連リンクテキスト */
.page #page-main .link-text {
	text-align: center;
}

/* サイドバーセクション トピックスエリア a*/
.page #page-main .img {
	width: 196px;
}
/*
 * サイドバー ここまで
 */

/*
 *ページリンク一覧 ここから
 */

/* ページリンクセクション */
.page #page-link-section {
	padding: 18px 0px 15px;
	margin-top: 20px;
	background-color: rgb(248 249 250);
}

/* ページリンク一覧エリア */
.page #page-link-area {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}

/* ページリンク一覧エリア 擬似要素::after (2列並びの際に最後のページリンクを左詰めにする)*/
.page #page-link-area::after {
	content: "";
	display: block;
	width: 47%;
}

/* ページリンク一覧エリア 個別エリア */
.page #page-link-area .item-area {
	display: flex;
	align-items: center;
	margin-top: 20px;
	width: 47%;
	border-radius: 6px;
	background-color: white;
	box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

/* ページリンク一覧エリア 個別エリア ホバー時*/
.page #page-link-area .item-area:hover {
	text-decoration: none;
}

/* ページリンク一覧エリア 個別エリア ホバー時 テキスト色変更*/
.page #page-link-area .item-area:hover .page-link-title,
.page #page-link-area .item-area:hover .page-link-li {
	color: rgb(86 94 100 / 1);
}

.page #page-link-area .icon-area {
	flex: 1;
}

/* ページリンク一覧エリア アイコン */
.page #page-link-area .icon {
	margin: auto;
	width: 70px;
	height: 70px;
	background: linear-gradient(#FF0018, #A5000E);
	border-radius: 10%;
	text-align: center;
	font-size: 40px;
}

/* ページリンク一覧エリア  アイコン i*/
.page #page-link-area .icon i {
	color: white;
}

/* ページリンク一覧エリア テキストエリア */
.page #page-link-area .description-area {
	padding: 10px;
	flex: 2;
}

/* ページリンク一覧エリア タイトル */
.page #page-link-area .page-link-title {
	margin: 0px;
	padding: 5px 0px;
	text-align: left;
	color: rgb(108 117 125);
}

/* ページリンク一覧エリア ul*/
.page #page-link-area ul {
	margin: 5px 0px 20px 0px;
	padding: 0px;
	list-style: none;
}

/* ページリンク一覧エリア li*/
.page #page-link-area li {
	color: rgb(108 117 125);
}

/*
 *ページリンク一覧 ここまで
 */

/*
 *採用関連 ここから
 */

/* 採用関連セクション */
.page #recruit-section,
.archive #recruit-section,
.single #recruit-section {
	padding: 48px 0px;
	background-color: rgb(248 249 250);
}

/* 採用関連セクション 採用関連エリア*/
.page #recruit-section #recruit-area,
.archive #recruit-section #recruit-area,
.single #recruit-section #recruit-area {
	display: flex;
}

/* 採用関連セクション 採用関連項目*/
.page #recruit-section .recruit-item,
.archive #recruit-section .recruit-item,
.single #recruit-section .recruit-item {
	margin: 10px;
	width: 50%;
	overflow: hidden;
}

/* 採用関連セクション 採用関連項目*/
.page #recruit-section .img,
.archive #recruit-section .img,
.single #recruit-section .img {
	margin: 0 auto;
	width: 100%;
	max-width: 630px;
	transition: all 0.3s;
}

/* 採用関連セクション 採用関連項目 ホバー時*/
.page #recruit-section .img:hover,
.archive #recruit-section .img:hover,
.single #recruit-section .img:hover {
	transform: scale(1.2);
}

/* HOMEセクション HOMEエリア */
.page #home-section,
.archive #home-section,
.single #home-section {
	margin: 98px auto 68px;
	background-color: white;
	text-align: center;
}

/* HOMEセクション HOMEボタン */
.page #home-section .home-button,
.archive #home-section .home-button,
.single #home-section .home-button {
	padding: 9.5px 13.5px;
	background: linear-gradient(#676767, #000000);
	border-radius: 6px;
	text-decoration: none;
	text-align: center;
	color: white;
}

/*
 *採用関連 ここまで
 */

 /* 
  * 社内トピックスリスト ここから
  */

 /* 社内トピックスリスト セクション */
 #topics-section {}

 /* 社内トピックスリストセクション h2 */
 #topics-section #topics-h2 {
 	margin: 40px 0px 10px;
 	border-bottom: 1px solid rgb(33 37 41);
 }

 /* 社内トピックスリストセクション rssアイコン */
 #topics-section .fa-rss {
 	color: #BE290C;
 }

 /* 社内トピックスリストセクション トピックスエリア テーブル全体 */
 #topics-section #topics-area #topics-table,
 #topics-section #topics-area .topics-tr,
 #topics-section #topics-area .topics-th,
 #topics-section #topics-area .topics-td {
	width: 100%;
	border: none;
	background-color: white;
	font-size: 18px;
 }

 /* 社内トピックスリストセクション トピックスエリア テーブル */
 #topics-section #topics-area #topics-table {
	margin-top: 20px;
 }

 /* 社内トピックスリストセクション トピックスエリア テーブル th */
 #topics-section #topics-area .topics-th {
	width: 25%;
	padding: 6px 5px;
	color: #EC3510;
	text-align: left;
 }

 /* 社内トピックスリストセクション トピックスエリア テーブル */
 #topics-section #topics-area .topics-td {
	width: 75%;
 }

 /* 社内トピックスリストセクション トピックスエリア テーブル td a */
 #topics-section #topics-area .topics-td a {
	color: rgb(13, 110, 253)
 }

 /* 社内トピックスリストセクション トピックスエリア */
 #topics-section #topics-area #topics-sidebar {
 	min-width: 196px;
 }

 /* 社内トピックスリストセクション トピックスエリア 一覧エリア*/
 #topics-section #topics-area #topics-list-button-area {
 	text-align: end;
 }

 /* 社内トピックスリストセクション トピックスエリア 一覧へボタン*/
 #topics-section #topics-area .topics-list-button {
	margin: 0 0 0 auto;
	padding: 8px 40px;
	border-radius: 50rem;
	color: white;
	text-decoration: none;
	font-size: 16px;
	background: linear-gradient(#767676, #030303);
 }

 /* 社内トピックスリストセクション トピックスエリア a*/
 #topics-section #topics-area .sidebar-item {
 	padding: 10px 0px;
 	margin: 0 auto;
 }

 /* 社内トピックスリストセクション トピックスエリア 関連リンクテキスト */
 #topics-section #topics-area .link-text {
 	text-align: center;
 }

 /* 社内トピックスリストセクション トピックスエリア a*/
 #topics-section #topics-area .img {
 	width: 196px;
 }

/* 
  * 社内トピックスリスト ここまで
  */

  /*
 * PC別windowsサイズデザイン ここから
 */

@media screen and (min-width:970px) and (max-width:1199px) { 
	/* ページメイン アーティクル */
	.page #page-main #page-article,
	.archive #page-main .flex-area,
	.single #page-main .flex-area {
		max-width: 960px;
	}

	/* ページリンク一覧エリア 個別エリア */
	.page #page-link-area .item-area {
		display: flex;
		align-items: center;
		margin: 20px auto 0px;
		width: 97%;
		border-radius: 6px;
		background-color: white;
		box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
	}

	/* フッターメニュー */
	#footer-menu .contents-area {
		padding-left: 25px;
	}


}

  /*
 * PC別windowsサイズデザイン ここみで
 */