@charset "UTF-8";

/* common */

.swiper {
animation:fadeIn 1s ease 0s 1 normal;}
@keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}
.swiper .img {
aspect-ratio:16 / 7;}
.swiper .img img {
pointer-events:none;
object-fit:cover;
width:100%;
height:100%;}

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

.swiper .img {
aspect-ratio:16 / 10;}

}

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

.swiper .img {
aspect-ratio:16 / 13;}

}

.index01 {
position:relative;
z-index:200;
color:#fff;
background:#1eb9ee;}
.index01::before {
content:"";
pointer-events:none;
position:absolute;
z-index:200;
width:99%;
max-width:1400px;
aspect-ratio:7 / 1;
left:50%;
top:-60px;
background:url("../../images/index/0100_2304.png") no-repeat center center / cover;
transform:translate(-50%,0);}
.index01 a img {
transition:transform 0.25s;}
.index01 a img:hover {
transform:translate(0,-5px);}
.index01 .bnr-recruit {
position:absolute;
z-index:201;
width:210px;
max-width:30%;
right:0;
top:0;
transform:translate(0,-60%);}
.index01-img01 {
pointer-events:none;
position:absolute;
width:28%;
left:-3%;
bottom:15px;}
.index01-img02 {
pointer-events:none;
position:absolute;
width:28%;
right:0;
bottom:10px;}
.index01-contents {
margin:0 auto;
max-width:720px;
transform:translate(0,-60px);}
.index01-contents h1 {
padding:25px 0 0 0;
font-size:172%;
line-height:1.5;
white-space: nowrap;}
.index01-contents .txt {
padding:25px 0;}

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

.index01::before {
display:none;}
.index01 .bnr-recruit {
transform:translate(0,-108%);}
.index01-contents {
transform:translate(0,-6.5%);}

}

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

.index01-img01 {
display:none;}
.index01-img02 {
display:none;}

}

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

.index01 .bnr-recruit {
transform:translate(0,-120%);}
.index01-contents {
transform:translate(0,-40px);}
.index01-contents h1 {
font-size:5.3vw;}
.index01-contents .txt {
text-align:left;}
.index01-contents .txt br {
display:none;}

}

.index02 {
padding:90px 0 90px 0;
background:#bcd400 url("../../images/index/0200.png") repeat-x left top;}
.index02 .left {
padding:25px 0 0 0;
float:left;
max-width:520px;
width:49%;}
.index02 .right {
padding:25px 0 0 0;
float:right;
max-width:520px;
width:49%;}
.index02 ul {
padding:15px 30px 30px 30px;
width:100%;
background:#fff;}
.index02 li {
text-align:left;
padding:15px 0;
border-bottom:1px dotted #bbb;}
.index02 li a {
display:block;
font-size:15px;
line-height:17px;
height:17px;
overflow:hidden;
color:#000;}
.index02 li a .ttl {
margin:0 0 0 13px;
color:#00984b;}
.index02 .right li a .ttl {
color:#ea5514;}
.index02 li a:hover .ttl {
color:#ff9900;}

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

.index02 .left {
float:none;
max-width:1000px;
width:100%;}
.index02 .right {
float:none;
max-width:1000px;
width:100%;}

}

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

.index02 {
padding-top:9%;
background-image:none;}
.index02 .right {
padding:20px 0 0 0;}
.index02 ul {
padding:7px 22px 22px 22px;}
.index02 li a {
font-size:14px;
line-height:16px;
height:16px;}

}

.index-kyushoku {
padding:80px 0 60px 0;
background:#ffde91;}
.index-kyushoku-ttl {
margin:0 0 15px 0;
background:url(../../images/index/kyushoku00.png) no-repeat center center / contain;}
.index-kyushoku-btn {
margin:35px 0 0 0;}
.index-kyushoku-btn a img {
margin:0;
transition:0.3s;}
.index-kyushoku-btn a img:hover {
margin:-5px 0 5px 0;}
.index-kyushoku ul {
width:100%;}
.index-kyushoku li {
padding:9px;
width:25%;}
.index-kyushoku li a {
text-align:left;
display:block;
padding:20px;
background:#fff;
color:#000;
transition:0.3s;}
.index-kyushoku li a:hover {
background:#FFF8E9;}
.index-kyushoku li a img {
margin:0 0 14px 0;
box-shadow:1px 1px 2px #bbb;}
.index-kyushoku li a .ttl {
font-size:18px;
line-height:1.5;
font-weight:bold;
margin:0 0 12px 0;
color:#338D27;}
.index-kyushoku li a:hover .ttl {
color:#e80;}
.index-kyushoku li a .desc {
font-size:12px;
line-height:17px;
height:51px;
overflow:hidden;}

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

.index-kyushoku-ttl {
background:none;}

}

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

.index-kyushoku li {
width:50%;}

}

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

.index-kyushoku {
padding:9% 0;}

}

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

.index-kyushoku li {
width:100%;}

}

.index03 {
position:relative;
padding:40px 0 40px 0;
background:#00984b;}
.index03::before {
content:"";
position:absolute;
left:0;
bottom:100%;
width:100%;
height:40px;
background:url("../../images/index/03_bg.png") no-repeat center center / cover;}
.index03-img01 {
position:absolute;
width:28%;
left:0;
top:0;}
.index03-img02 {
position:absolute;
width:28%;
right:0;
top:0;}
.index03-contents {
margin:0 auto;
max-width:540px;
width:54%;}
.index03-contents .txt {
padding:22px 0 0 0;
color:#fff;}
.index03 ul {
padding:33px 0;
width:100%;}
.index03 li {
padding:0 3px;
width:100%;}
.index03 a img {
margin:0;
transition:all .3s;}
.index03 a img:hover {
margin:-7px 0 7px 0;}

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

.index03-img01 {
position:static;
width:50%;
padding:0 0 22px 0;
float:left;}
.index03-img02 {
position:static;
width:50%;
padding:0 0 22px 0;
float:right;}
.index03-contents {
width:100%;}
.index03 ul {
padding:5% 0;}

}

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

.index03 {
padding:9% 0;
background-image:none;}
.index03-img01 {
display:none;}
.index03-img02 {
display:none;}

}

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

.index03-contents .txt br {
display:none;}

}

.index04 {
padding:150px 0 60px 0;
background:#00b1ea url(../../images/index/0400.png) repeat-x left top;}
.index04-img01 {
position:absolute;
width:28%;
left:0;
top:0;}
.index04-img02 {
position:absolute;
width:28%;
right:0;
top:0;}
.index04-contents {
margin:0 auto;
max-width:540px;
width:54%;}
.index04-contents .txt {
padding:22px 0 0 0;
color:#fff;}
.index04 ul {
padding:33px 0 22px 0;
width:100%;}
.index04 li {
padding:0 3px;
width:100%;}
.index04 a img {
margin:0;
transition:all .3s;}
.index04 a img:hover {
margin:-7px 0 7px 0;}

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

.index04-img01 {
position:static;
width:50%;
padding:0 0 22px 0;
float:left;}
.index04-img02 {
position:static;
width:50%;
padding:0 0 22px 0;
float:right;}
.index04-contents {
width:100%;}
.index04 ul {
padding:5% 0 3.5% 0;}

}

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

.index04 {
padding:9% 0;
background-image:none;}
.index04-img01 {
display:none;}
.index04-img02 {
display:none;}

}

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

.index04-contents .txt br {
display:none;}

}

.index05 {
padding:60px 0;
background:#feefd9 url(/images/index/0500.png) repeat-x left top;}
.index05-img01 {
position:absolute;
width:29%;
left:0;
top:-50px;}
.index05-img02 {
position:absolute;
width:29%;
right:0;
top:-50px;}
.index05-contents {
margin:0 auto;
max-width:540px;
width:54%;}
.index05 ul {
padding:33px 0;
width:100%;}
.index05 li {
padding:0 3px;
width:50%;}
.index05 a img {
margin:0;
transition:all .3s;}
.index05 a img:hover {
margin:-7px 0 7px 0;}

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

.index05 {
padding:8% 0;}
.index05-img01 {
display:none;}
.index05-img02 {
display:none;}
.index05-contents {
width:100%;}
.index05 ul {
padding:5% 0;}

}


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

.index05 {
padding:9% 0;
background-image:none;}

}

.index06 {
padding:60px 0;
line-height:1.3;}
.index06 .contents {
max-width:1000px;}
.index06 li {
padding:20px 5px 0;
width:50%;}
.index06 li a img {
transition:all .3s;}
.index06 li a img:hover {
margin:-5px 0 5px 0;}

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

.index06 {
padding:9% 0;}

}