@charset "UTF-8";
#recruit .h2_basic img { width: 1.5em; display: block; margin: 0 auto 0.6em; }
#recruit .sec02 { padding-top: clamp(0, 5vw, 5em); margin: 0 auto; max-width: 800px; }
#recruit .sec02 ul { border-top: 2px solid #0068B4; border-bottom: 2px solid #0068B4; padding: 1em; text-align: center; }
#recruit .sec02 ul li { font-size: 1.2em; font-weight: 700; line-height: 2; background: rgba(235, 72, 0, 0.2); padding: 0.75em 0.5em; border-radius: 0.25em; }
@media only screen and (max-width: 768px) { #recruit .sec02 ul li { font-size: 1.1em; } }
@media only screen and (max-width: 576px) { #recruit .sec02 ul li { font-size: 1em; } }
#recruit .sec02 ul li + li { margin-top: 0.5em; }
#recruit .sec01 { margin-top: clamp(2em, 5vw, 5em); padding: 0 1em; }
#recruit .sec01__01 { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 2em; }
@media only screen and (max-width: 1024px) { #recruit .sec01__01 { display: inherit; } }
@media only screen and (max-width: 1024px) { #recruit .sec01__01__01 { width: 80%; margin: 0 auto; } }
@media only screen and (max-width: 576px) { #recruit .sec01__01__01 { width: 100%; } }
#recruit .sec01__01__01 figure img { max-width: 100%; border-radius: 0.5em; }
@media only screen and (max-width: 1024px) { #recruit .sec01__01__02 { width: 80%; margin: 0 auto; padding-top: 2em; } }
@media only screen and (max-width: 768px) { #recruit .sec01__01__02 { width: 100%; } }
#recruit .sec01__01__02 > p { font-weight: 600; }
#recruit .sec01__01__02__01 { border: 2px solid #EB4800; padding: 1em; border-radius: 0.25em; margin-top: 1em; }
#recruit .sec01__01__02__01 ul li { margin-left: 1.25em; text-indent: -1.25em; font-weight: 600; margin-bottom: 0.5em; }
#recruit .sec01__01__02__01 ul li:last-child { margin-bottom: 0; }
#recruit .sec01__01__02__01 ul li::before { content: "●"; color: #EB4800; font-family: "Noto Sans JP", sans-serif; padding-right: 0.25em; }
#recruit .sec01__01__02__01 ul li ul li { margin-left: 0; text-indent: 0; font-weight: normal; margin-bottom: 0; }
#recruit .sec01__01__02__01 ul li ul li::before { content: none; }
#recruit .sec01__01__02__02 { margin-top: 1em; }
#recruit .sec03 dl { display: grid; grid-template-columns: 10em 1fr; }
@media only screen and (max-width: 768px) { #recruit .sec03 dl { grid-template-columns: 7em 1fr; } }
#recruit .sec03 dl dt { padding: 1em 0.5em; border-bottom: 1px solid #999; font-weight: bold; color: #0068B4; }
#recruit .sec03 dl dd { padding: 1em 0.5em; border-bottom: 1px solid #999; }
#recruit .sec04__01 .timeline > li { overflow: hidden; margin: 0; position: relative; display: flex; }
#recruit .sec04__01 .timeline > li .timeline-date { width: 5em; margin-top: 0.5em; text-align: right; padding-right: 2em; font-weight: bold; color: #EB4800; }
#recruit .sec04__01 .timeline > li .timeline-content { width: calc(100% - 5em); float: left; border-left: 2px solid #EB4800; padding-top: 0.5em; padding-bottom: 1em; padding-left: 1.5em; }
#recruit .sec04__01 .timeline > li .timeline-content::before { content: ''; color: #EB4800; font-size: 1em; line-height: 1em; width: 1em; height: 1em; background: #EB4800; position: absolute; left: calc(5em - (0.5em - 1px)); top: 0.75em; border-radius: 50%; }
#recruit .sec04__02 { margin: 3em auto 0; border: 2px solid #0068B4; padding: 2em 3em; border-radius: 0.25em; position: relative; }
@media only screen and (max-width: 576px) { #recruit .sec04__02 { padding: 2em; } }
#recruit .sec04__02 p:first-child { position: absolute; display: inline-block; top: -0.5em; left: 1em; padding: 0 1em; line-height: 1; font-size: 1em; background: #fff; color: #0068B4; font-weight: bold; }
#recruit .sec04__02 ul { display: flex; flex-wrap: wrap; }
#recruit .sec04__02 ul li { font-size: 1em; line-height: 1.8; margin-right: 3em; display: flex; align-items: center; }
#recruit .sec04__02 ul li:last-child { margin-right: 0; }
#recruit .sec04__02 ul li span.place { background: #0068B4; padding: 0.1em 0.75em; border-radius: 0.25em; color: #fff; font-size: 0.9em; margin-right: 0.75em; }
#recruit .sec04__02 ul li a { font-size: 1.5em; }
@media only screen and (max-width: 768px) { #recruit .sec04__02 ul li a { font-size: 1.4em; } }
@media only screen and (max-width: 576px) { #recruit .sec04__02 ul li a { font-size: 1.3em; } }
#recruit .sec04__03 { margin-top: 3em; }
#recruit .sec04__03 p { text-align: center; }
#recruit .sec04__03 p a { display: inline-block; padding: 1em 2em; background: #EB4800; color: #fff; font-weight: bold; border-radius: 0.5em; }