@charset "shift_jis";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700');
@import url('https://cdn.jsdelivr.net/npm/yakuhanjp@3.0.0/dist/css/yakuhanjp_s.min.css');

/* ========== ========== ==========
	Config
========== ========== ========== */

#mainte_wrap *, 
#mainte_wrap *:before, 
#mainte_wrap *:after {
	box-sizing: border-box;
	/* transition: 0.2s; */
}

#mainte_wrap h1, #mainte_wrap h2, 
#mainte_wrap h3, #mainte_wrap h4,
#mainte_wrap h5, #mainte_wrap h6,
#mainte_wrap p {
	margin: 0;
	padding: 0;
}

#mainte_wrap, #mainte_wrap div, #mainte_wrap section, #mainte_wrap p, #mainte_wrap a, #mainte_wrap td {
	font-family: YakuHanJPs, 'Noto Sans JP', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic", sans-serif;
	font-size: 16px;
	line-height: 1.75;
}

#mainte_wrap ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#mainte_wrap img {
	max-width: 100%;
	height: auto;
	border: 0;
	vertical-align: bottom;
}

#mainte_wrap a,
#mainte_wrap a:hover {
    text-decoration: none;
	transition: 0.2s;
}

#mainte_wrap a:hover,
#mainte_wrap a:hover > img {
	opacity: 0.5;
}

#mainte_wrap strong {
	font-size: inherit;
	font-weight: bold;
}

#mainte_wrap span {
	display: inline-block;
	font-size: inherit;
	font-weight: inherit;
}

.float_box { width: 100%; }
.fl { float: left; }
.fr { float: right; }

.clear { 
	clear: both;
}

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

/* ---------- ---------- ---------- */

.l { text-align: left; }
.c { text-align: center; }
.r { text-align: right; }



/* ========== ========== ==========
	#mainte_wrap
========== ========== ========== */

#mainte_wrap {
    width: 910px;
    margin: 2em auto 0;
    padding: 0;
}



/* ========== ========== ==========
	#mainte_head
========== ========== ========== */

#mainte_wrap #mainte_head {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}



/* ========== ========== ==========
	#content00
========== ========== ========== */

#mainte_wrap #mainte_main #content00 {
    margin-top: 2em;
}
#mainte_wrap #mainte_main #content00 h3.ttl {
    margin-bottom: 1em;
    color: #f57395;
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
}
#mainte_wrap #mainte_main #content00 .content__inner {
    display: flex;
    background-color: #eeeeee;
    padding: 1em;
}
#mainte_wrap #mainte_main #content00 .content__inner .item {
    width: 23.5%;
    margin-right: 2%;
    display: block;
    padding: 1em;
    background-color: #ffffff;
    color: #222222;
}
#mainte_wrap #mainte_main #content00 .content__inner .item:nth-child(4) {
    margin-right: 0;
}
#mainte_wrap #mainte_main #content00 .content__inner .item .img {
    margin-bottom: 1em;
}
#mainte_wrap #mainte_main #content00 .content__inner .item .txt {
    font-size: 0.9em;
}



/* ========== ========== ==========
	#content01
========== ========== ========== */

#mainte_wrap #mainte_main #content01 {
    margin-top: 2em;
}
#mainte_wrap #mainte_main #content01 .event__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#mainte_wrap #mainte_main #content01 .event__list .item {
    width: 49%;
}
#mainte_wrap #mainte_main #content01 .event__list .item:nth-child(n+3) {
    margin-top: 2%;
}