@charset "UTF-8";

#maincontitle3 h2 {
	background: none;
	background-position-x: 25px;
	background-position-y: 12px;
	margin: inherit;
	padding: inherit;
	font-weight: bold;
	color: inherit;
}

.recruitment {
	max-width: 600px;
	margin: 2rem auto;
	padding: 24px 20px;
	background-color: #fff8f0;
	border-radius: 10px;
	font-family: 'Noto Sans JP', sans-serif;
	color: #4a4a4a;
	line-height: 1.6;
	box-shadow: 0 3px 10px rgba(255, 165, 120, 0.25);
}

.recruitment h2 {
	font-size: 1.8rem;
	color: #d46a6a;
	text-align: center;
	margin-bottom: 0.4em;
}

.recruitment .lead {
	text-align: center;
	font-weight: 700;
	font-size: 1.2rem;
	color: #bf4f4f;
	margin-bottom: 1.2em;
}

.recruitment h3 {
	color: #d05a5a;
	margin-top: 1.6em;
	margin-bottom: 0.8em;
	font-weight: 700;
	font-size: 1.25rem;
	border-bottom: 2px solid #f2b8b8;
	padding-bottom: 4px;
}

.recruitment ol,
.recruitment ul {
	margin-left: 1.2em;
	padding-left: 0;
}

.recruitment ol li {
	margin-bottom: 1em;
	background-color: #ffe6e6;
	padding: 12px 16px;
	border-radius: 6px;
	box-shadow: inset 0 0 8px rgba(208, 90, 90, 0.15);
}

.recruitment ol li strong {
	display: block;
	font-weight: 700;
	color: #b03a3a;
	margin-bottom: 6px;
}

.recruitment ul li {
	margin-bottom: 0.8em;
	padding-left: 1.2em;
	position: relative;
	list-style: none;
}

.recruitment ul li::before {
	content: "✓";
	color: #d46a6a;
	font-weight: 700;
	position: absolute;
	left: 0;
}

.recruitment p {
	font-size: 1rem;
	margin-top: 1em;
}

.recruitment .closing {
	margin-top: 2em;
	font-weight: 600;
	text-align: center;
	color: #a34444;
	font-size: 1.1rem;
}
#contents.inquiry_contents {
	display: block;
}
    #responsive #service_side, #responsive #service_side_access_wrap {
	width: 96%;
    margin: 0 auto;
    clear: both;
}

/* 202606 responsive */
@media screen and (min-width: 980px) {
    #responsive #contents,
	#responsive #contents_recruit,
	#contents.inquiry_contents  {
        padding-top: 50px;
        padding-bottom: 8px;
        margin: 0 auto;
        width: 100%;
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: flex-start;
		gap: 32px;
}
#responsive #service_side {
	width: 25%;
        margin-left: 0;
        order: 0;
}
#maincontitle3 {
        order: 1;
        width: 690px;
        margin: 0 auto;
        margin-right: 0;
}
}