@charset "UTF-8";

.effect {
opacity:0;
filter:blur(0px);
transform:translate(0,40px);
transition:opacity 1s 0s ease-out , filter 1s 0s ease-out , transform 1s 0s ease-out;}
.effect.effect-in {
opacity:1 !important;
filter:blur(0px) !important;
transform:translate(0,0) !important;}

/* ttl =================== */

.ttl-lp-recruit01 {
position:relative;
margin-bottom:0.7em;
padding-bottom:0.7em;
font-size:262.5%;
line-height:1.3;
letter-spacing:-0.01em;}
.ttl-lp-recruit01::after {
content:"";
position:absolute;
left:50%;
bottom:0;
width:2em;
height:2px;
background:#c8a74c;
transform:translate(-50%,0);}
.ttl-lp-recruit01 span {
display:inline-block;
transform:translate(0.5em,0);}
.ttl-lp-recruit01 br.br-sp {
display:none;}
.ttl-lp-recruit02 {
font-size:112.5%;
line-height:1.3;}
.ttl-lp-recruit03 {
text-align:right;
margin-top:0.4em;
font-size:87.5%;
line-height:1.3;}
.ttl-lp-recruit04 {
margin:0.6em 0;
font-size:106.25%;
line-height:1.3;
font-weight:600;}
.ttl-lp-recruit05 {
margin-bottom:1.2em;
font-size:131.25%;
line-height:1.3;
font-weight:500;}

@media only screen and (max-width:767px) {

.ttl-lp-recruit01 {
font-size:7.5vw;}
.ttl-lp-recruit01 br.br-sp {
display:block;}
.ttl-lp-recruit02 {
font-size:3.73vw;}

}

/* layout =================== */

.container {
padding:105px 0;}

@media only screen and (max-width:1023px) {

.container {
padding:10.5% 0;}

}

@media only screen and (max-width:640px) {

.container {
padding:68px 0;}

}

.contents-2col {
position:relative;
margin:100px auto 0;
width:100%;
max-width:1300px;}
.contents-2col .txt {
text-align:left;
position:absolute;
left:0;
bottom:0%;
width:47.5%;
padding:4.5% 4.5%;
background:linear-gradient(-90deg, transparent, rgba(255,255,255,0.95), rgba(255,255,255,0.95));
border-radius:1em;}
.contents-2col .ttl-lp-recruit01 {
font-size:225%;}
.contents-2col .txt .ttl-lp-recruit01::after {
left:0%;
transform:translate(0,0);}
.contents-2col .txt .desc {
font-size:106.25%;
line-height:1.65;}
.contents-2col .img {
margin:0 0 0 auto;
width:55%;
height:500px;;
border-radius:1em;
overflow:hidden;}
.contents-2col .img img {
pointer-events:none;
object-fit:cover;
width:100%;
height:100%;}
.contents-2col.rev .txt {
left:auto;
right:0;}
.contents-2col.rev .img {
margin:0 auto 0 0;}

@media only screen and (max-width:1300px) {

.contents-2col .txt {
border-radius:0em;}
.contents-2col .img {
border-radius:1em 0 0 1em;}
.contents-2col.rev .img {
border-radius:0 1em 1em 0;}

}

@media only screen and (max-width:1023px) {

.contents-2col {
margin:5% auto 0;}
.contents-2col .img {
width:95%;
height:auto;
aspect-ratio:16 / 10;}
.contents-2col .txt {
position:static;
padding:6% 5% 5% 5%;
width:100%;
background:none !important;}

}

@media only screen and (max-width:767px) {

.contents-2col .ttl-lp-recruit01 {
font-size:7.25vw;}
.contents-2col .txt .desc {
font-size:93.75%;}

}

@media only screen and (max-width:640px) {

.contents-2col {
margin:32px auto 0;}

}

/* header footer =================== */

.header {
font-family:"Noto Sans JP",sans-serif;
border-radius:10px;}
.header .logo-lp-recruit {
z-index:9999;
position:absolute;
left:20px;
top:50%;
width:270px;
transition:0.25s;
transform:translate(0,-50%);}
.header .btn-contact-lp-recruit {
z-index:9999;
position:absolute;
top:5px;
right:5px;
width:150px;
transition:0.25s;}
.header .btn-contact-lp-recruit a {
display:block;
line-height:60px;
color:#fff;
font-weight:600;
white-space:nowrap;
background:#c9a74c;
border-radius:8px;
transition:0.25s;}
.header .btn-contact-lp-recruit a:hover {
background:#f39800;}
.header.scrolled .logo-lp-recruit {
left:15px;
width:180px;}
.header.scrolled .btn-contact-lp-recruit {
width:120px;}
.header.scrolled .btn-contact-lp-recruit a {
font-size:87.5%;
line-height:50px;}

@media only screen and (max-width:1023px) {

.header .logo-lp-recruit {
left:15px;
width:180px;}
.header .btn-contact-lp-recruit {
width:120px;}
.header .btn-contact-lp-recruit a {
font-size:87.5%;
line-height:50px;}

}

.footer-address {
background:#fff;
align-items:center;}
.footer-address .address {
padding:50px;
width:550px;
background:none;
border-radius:0 1em 1em 0;}
.footer-address .address .logo {
margin:0 0 1.5em 0;}
.footer-address .address a {
color:#222;}
.footer-address .accessmap {
padding:0;
width:calc(100% - 550px);}
.footer-address .accessmap iframe {
width:100%;
vertical-align:bottom;
border-radius:1em 0 0 1em;}

@media only screen and (max-width:1023px) {

.footer-address {
text-align:center;
padding:0;}
.footer-address .address {
margin:0 auto;
padding:50px 10%;
width:100%;
max-width:100%;
border-radius:0;}
.footer-address .accessmap {
padding:0;
width:100%;}
.footer-address .accessmap iframe {
border-radius:0;}

}

/* lp-recruit =================== */

.lp-recruit01 {
font-family:"Noto Sans JP",sans-serif;
position:relative;
aspect-ratio:4 / 3;
width:100%;
max-height:800px;
overflow:hidden;
background:url("../images/lp_recruit0101.jpg") no-repeat center center / cover;}
.lp-recruit01 h1 {
position:absolute;
top:35%;
left:5%;
width:90%;
max-width:650px;
transform:translate(0,-30%);}

@media only screen and (max-width:767px) {

.lp-recruit01 {
aspect-ratio:4 / 5;}

}

.lp-recruit02 {
font-family:"Noto Sans JP",sans-serif;
position:relative;
background:linear-gradient(0deg, #fff, #fff, #e7d2c6);}
.lp-recruit02 .txt {
padding:2.5% 0 5% 0;
font-size:180%;
line-height:2;
color:#132927;
white-space:nowrap;}

@media only screen and (max-width:767px) {

.lp-recruit02 .txt {
font-size:4vw;}

}

.lp-recruit03 {
font-family:"Noto Sans JP",sans-serif;
position:relative;
aspect-ratio:4 / 3;
width:100%;
max-height:800px;
overflow:hidden;
background:url("../images/lp_recruit0301.jpg") no-repeat center top / cover;}
.lp-recruit03 .txt {
text-align:right;
display:inline-block;
position:absolute;
padding:2em 2em 2em 3em;
right:0;
bottom:0;
font-size:143.75%;
color:#fff;
white-space:nowrap;
background:linear-gradient(90deg, transparent, rgba(0,0,0,0.7), rgba(0,0,0,0.7));}
.lp-recruit03 .txt br {
display:none;}

@media only screen and (max-width:767px) {

.lp-recruit03 {
aspect-ratio:4 / 5;}
.lp-recruit03 .txt {
padding:1.5em 1.5em 1.5em 3em;
font-size:4vw;}
.lp-recruit03 .txt br {
display:block;}

}

.lp-recruit04 {
font-family:"Noto Sans JP",sans-serif;
background:#e8e3de;}
.lp-recruit04 ul {
justify-content:space-between;
margin:0 auto;
width:100%;}
.lp-recruit04 ul li {
margin:1.375% 0;
width:31.5%;
background:#fff;
border-radius:1em;
overflow:hidden;}
.lp-recruit04 ul li .img {
width:100%;
height:240px;}
.lp-recruit04 ul li .img img {
object-fit:cover;
object-position:center;
width:100%;
height:100%;}
.lp-recruit04 ul li .txt {
text-align:left;
padding:1.5em;}
.lp-recruit04 ul li .txt .ttl-eng {
font-family:"Afacad Flux", sans-serif;
margin-bottom:0.5em;
font-size:125%;
line-height:1.3;
font-weight:400;
color:#294c5b;}
.lp-recruit04 ul li .txt h3 {
font-size:106.25%;
line-height:1.3;}

@media only screen and (max-width:1023px) {

.lp-recruit04 ul li {
margin:2% 0;
width:48%;}
.lp-recruit04 ul li .img {
width:100%;
height:auto;
aspect-ratio:3 / 2;}

}

@media only screen and (max-width:767px) {

.lp-recruit04 ul li .txt {
padding:1.2em;}
.lp-recruit04 ul li .txt h3 {
font-size:93.75%;}

}

.lp-recruit05 {
font-family:"Noto Sans JP",sans-serif;
/*
color:#fff;
background:#103541;
*/
background:url("../images/lp_recruit0501.jpg") no-repeat center center / cover;}
.lp-recruit05 .block01 {
padding:5%;
background:rgba(255,255,255,0.85);
border-radius:1em;}
.lp-recruit05 .ttl-eng {
font-family:"Afacad Flux", sans-serif;
margin:1.8em 0 0.6em 0;
font-size:180%;
line-height:1.3;
font-weight:400;
/*
color:#d4bc72;
*/
color:#9c7600;}
.lp-recruit05 table {
/*
background:linear-gradient(0deg, transparent, transparent 49%, rgba(255,255,255,0.3), transparent 50%, transparent);
border-bottom:1px solid rgba(255,255,255,0.3);
*/
border-bottom:1px solid rgba(0,0,0,0.3);}
.lp-recruit05 table th , .lp-recruit05 table td {
/*
padding:1.5em 0;
font-size:125%;
*/
vertical-align:top;
padding:1.3em 0;
font-size:137.5%;
line-height:1.3;
white-space:nowrap;}
.lp-recruit05 table th {
text-align:left;
/*
color:#d4bc72;
*/
color:#9c7600;}
.lp-recruit05 table th .desc {
margin:0.5em 1em 0 0;
font-size:62.5%;
line-height:1.5;
color:#444;
white-space:normal;}
/*
.lp-recruit05 table th span {
display:inline-block;
padding-right:0.8em;
background:#103541;}
*/
.lp-recruit05 table td {
text-align:right;}
/*
.lp-recruit05 table td span {
display:inline-block;
padding-left:0.8em;
background:#103541;}
*/
.lp-recruit05 table strong {
font-size:120%;
margin:0 0.1em;}

@media only screen and (max-width:767px) {

.lp-recruit05 table th , .lp-recruit05 table td {
font-size:3.73vw;}

}

.lp-recruit06 {
font-family:"Noto Sans JP",sans-serif;
background:#e8e3de;}

.lp-recruit07 {
font-family:"Noto Sans JP",sans-serif;
background:#fff;}
.lp-recruit07 .contents-2col .txt {
background:linear-gradient(-90deg, transparent, rgba(234,243,238,0.95), rgba(234,243,238,0.95));}
.lp-recruit07 ul {
justify-content:space-between;
margin:0 auto;
width:100%;}
.lp-recruit07 ul li {
text-align:left;
margin:1.5% 0;
padding:1.5em 1.75em;
/* width:31.5%; */
width:48.5%;
background:#eaf3ee;
border-radius:1em;
box-shadow:-3px 3px 0 0 #3b7e5d;}
.lp-recruit07 ul li h3 {
font-size:225%;
line-height:1.3;
color:#3b7e5d;
letter-spacing:-0.01em;}
.lp-recruit07 ul li h3 br {
/* display:block; */
display:none;}
.lp-recruit07 ul li h4 {
margin:0.1em 0 0.4em 0;
font-size:168.75%;
white-space:nowrap;}
.lp-recruit07 ul li h4 strong {
margin:0 0.1em 0 0;
font-size:200%;
color:#3b7e5d;}
.lp-recruit07 ul li .desc {
font-size:106.25%;
line-height:1.65;}
.lp-recruit07 ul li table {
margin-top:1.5em;
border-bottom:1px dotted #1b4d5d;}
.lp-recruit07 ul li table th {
padding:0.4em 0.5em;
font-size:87.5%;
line-height:1.4;
color:#fff;
white-space:nowrap;
background:#1b4d5d;
border-top:1px solid #1b4d5d;}
.lp-recruit07 ul li table td {
padding:0.6em 0.5em;
font-size:87.5%;
line-height:1.4;
border-top:1px dotted #1b4d5d;}

@media only screen and (max-width:1320px) {

.lp-recruit07 ul li {
width:48.5%;}
.lp-recruit07 ul li h3 br {
display:none;}

}

@media only screen and (max-width:1023px) {

.lp-recruit07 ul li {
width:100%;}
.lp-recruit07 ul li:nth-child(n+2) {
margin:5% 0 0 0;}

}

@media only screen and (max-width:767px) {

.lp-recruit07 ul li h3 {
font-size:7.25vw;}
.lp-recruit07 ul li h3 br {
display:block;}
.lp-recruit07 ul li h4 {
font-size:6vw;}
.lp-recruit07 ul li .desc {
font-size:93.75%;}

}

@media only screen and (max-width:640px) {

.lp-recruit07 ul li:nth-child(n+2) {
margin:32px 0 0 0;}

}

.lp-recruit08 {
font-family:"Noto Sans JP",sans-serif;
color:#fff;
background:#103541;}
.lp-recruit08 ul {
justify-content:space-between;
margin:0 auto;
width:100%;}
.lp-recruit08 ul li {
margin:1.375% 0;
padding:1em 0 1.6em 0;
width:31.5%;
white-space:nowrap;
box-shadow:0 0 0 1px #2a4a53;
border-radius:1em;
overflow:hidden;}
.lp-recruit08 ul li h3 {
font-size:125%;
line-height:1.3;
color:#c8a64c;}
.lp-recruit08 ul li h3 strong {
display:block;
font-size:325%;}
.lp-recruit08 ul li h4 {
margin-top:0.75em;
font-size:106.25%;
line-height:1.4;
color:#899ba0;}

@media only screen and (max-width:1023px) {

.lp-recruit08 ul li {
margin:2% 0;
width:48%;}

}

@media only screen and (max-width:767px) {

.lp-recruit08 ul li h3 {
font-size:3.73vw;}
.lp-recruit08 ul li h4 {
font-size:93.75%;}

}

.lp-recruit09 {
font-family:"Noto Sans JP",sans-serif;
position:relative;
aspect-ratio:4 / 3;
width:100%;
max-height:800px;
white-space:nowrap;
color:#fff;
overflow:hidden;
background:url("../images/lp_recruit0901.jpg") no-repeat center center / cover;}
.lp-recruit09 .ttl-lp-recruit01 {
position:absolute;
left:0%;
top:12.5%;
width:100%;}
.lp-recruit09 .ttl-lp-recruit01::after {
display:none;}
.lp-recruit09 .txt {
position:absolute;
left:0%;
bottom:10%;
width:100%;
font-size:175%;}

@media only screen and (max-width:767px) {

.lp-recruit09 {
aspect-ratio:40 / 40;}
.lp-recruit09 .txt {
font-size:4vw;}

}

.lp-recruit10 {
font-family:"Noto Sans JP",sans-serif;
background:#e8e3de;}
.lp-recruit10 table {
border-bottom:1px dotted #1b4d5d;}
.lp-recruit10 table th {
text-align:left;
padding:1.25em 1em;
font-size:112.5%;
line-height:1.3;
color:#fff;
white-space:nowrap;
background:#1b4d5d;
border-top:1px solid #1b4d5d;}
.lp-recruit10 table td {
text-align:left;
padding:1.25em 0 1.25em 1.0em;
line-height:1.65;
color:#777;
border-top:1px dotted #1b4d5d;}
.lp-recruit10 table td h3 {
margin-bottom:0.2em;
font-size:112.5%;
color:#000;}

@media only screen and (max-width:767px) {

.lp-recruit10 table th {
font-size:93.75%;}
.lp-recruit10 table td {
font-size:87.5%;}

}

.lp-recruit11 {
font-family:"Noto Sans JP",sans-serif;
background:linear-gradient(0deg, #1a4d5b, #fff);}
.lp-recruit11 .block01 {
padding:1.5em;
background:#fff;
border-radius:1em;}
.lp-recruit11 .btn-line {}
.lp-recruit11 .btn-line a {
display:inline-block;
padding:0 3.0em;
font-size:118.75%;
line-height:3.5;
letter-spacing:0.01em;
font-weight:500;
color:#fff;
white-space:nowrap;
background:#10c654;
border-radius:0.5em;
transition:background 0.25s;}
.lp-recruit11 .btn-line a:hover {
background:#e82;}
.lp-recruit11 form {
text-align:left;}
.lp-recruit11 input[type="text"] , .lp-recruit11 input[type="email"] {
padding:0.7em;
width:100%;
font-size:16px !important;
line-height:1.65;
background:#fafaf8;
border:1px solid #e1d8cd;
border-radius:1em;}
.lp-recruit11 input[type="text"]::placeholder , .lp-recruit11 input[type="email"]::placeholder {
color:#ccc;}
.lp-recruit11 .error {
display:block;
margin:8px 0 0 0 !important;
animation:form_error 1.5s infinite linear;}
@keyframes form_error {
50% {opacity:0;}
100% {opacity:1;}
}
.lp-recruit11 .form-submit {
text-align:center;
margin:2em 0;}
.lp-recruit11 .form-submit input {
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
border:none;
font: inherit;
margin:0 0.1em;
outline:none;
box-shadow:none;
cursor:pointer;
padding:0 2.5em;
font-size:118.75%;
line-height:3.5;
color:#fff;
white-space:nowrap;
background:#1a4d5c;
border-radius:0.5em;
transition:background 0.25s;}
.lp-recruit11 .form-submit input:hover {
background:#e82;}
.lp-recruit11 .notice01 {
padding:1.5em 0;
font-size:87.5%;
border-top:1px solid #e1d8cd;
border-bottom:1px solid #e1d8cd;}

@media only screen and (max-width:767px) {

.lp-recruit11 .form-submit input {
font-size:106.25%;}

}

.lp-recruit12 {
font-family:"Noto Sans JP",sans-serif;
padding-top:160px;
background:#e8e3de;}

@media only screen and (max-width:1023px) {

.lp-recruit12 {
padding-top:16%;}

}

@media only screen and (max-width:640px) {

.lp-recruit12 {
padding-top:100px;}

}