@charset "UTF-8";

/* #region style.css custom */
@media print, screen and (min-width: 769px) {
	.pageContent__main {
		order: 1;
		width: 1020px;
		margin: 110px auto 0;
	}
}

.pageContent__main__section p , table{
	font-size: 18px;
	font-size: 1.8rem;
}

@media print, screen and (min-width: 769px) {
	.pageContent__subMenu {
		order: 0;
		width: 1140px;
	}
}

.pageContent__subMenu__item > h2 {
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: 500;
	border-bottom: 4px solid #0068b7;
	padding: 0 0 10px;
}

.pageContent__subMenu__item > ul > li {
	position: relative;
	font-size: 120px;
	font-size: 2.0rem;
}

.pageContent__subMenu__item > ul > p {
	position: relative;
	font-size: 20px;
	font-size: 2.0rem;
	margin: 0 72px 5px;
}

.pageContent__subMenu__item > ul > a > p {
	position: relative;
	font-size: 20px;
	font-size: 2.0rem;
	margin: 0 72px 5px;
}
  
@media print, screen and (min-width: 769px) {
	.modHeadingPage {
		max-width: 1140px;
		height: 165px;
		padding: 60px;
		margin: 0 auto;
	}
}

.modHeadingPage::after {
	background: url(./bg_title.png) no-repeat 0 0;
	background-size: 100%;
}

@media print, screen and (min-width: 769px) {
	.modHeadingPage::after {
		width: 176px;
		height: 150px;
		top: 10px;
		left: 10px;
	}
}
  
.modHeadingMain::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	background: url(./h2.png) no-repeat 0 0;
	background-size: 100%;
}

@media print, screen and (min-width: 769px) {
	.modBreadcrumbs {
		max-width: 1140px;
		height: 150px;
		margin: -130px auto -90px;
		padding: 150px 30px 30px 0;
	}
}

.modBreadcrumbs > ul {
	overflow-x: auto;
	display: flex;
	align-items: center;
	margin: 0px 0px -20px 0;
}

@media print, screen and (min-width: 769px) {
	.header {
		height: 120px;
		padding: 45px;
	}
}

/* #endregion style.css custom */

/* #region SmartPhone */
@media screen and ( max-width: 768px){
	.sp01 > h2{
		font-size: 16px;
	}

	.sp01 > ul > li{
		font-size: 16px;
	}

	.sp01 > ul > a > p{
		font-size: 12px;
		width: calc(90% - 15px);
	}

	.sp01 > p{
		font-size: 12px;
	}
}

/* #endregion SmartPhone */


/* #region index.html List Status */
.statXX {
	display: inline-block;
	color: snow;
	padding: 0px 5px 0px 5px;
	margin-right: 3px;
	border-radius: 10%;
}

.stat01::before,
.stat02::before,
.stat03::before {
	margin: 0;
	padding: 2px;
	border-radius: 10%;
}

/* echo "ＸＸ" | iconv -f utf-8 -t unicode | od -x */
.stat01::before {
	/* content: "障害"; */
	content: "\969c\5bb3";
	background-color: red;
}

.stat02::before {
	/* content: "予定"; */
	content: "\4e88\5b9a";
	background-color: green;
}

.stat03::before {
	/* content: "完了"; */
	content: "\5b8c\4e86";
	background-color: royalblue;
}

/* #endregion index.html List Status */