body, h2{margin: 0;}
p{padding: 0;}
header, .jobTypeM, .jobpItem, .positionR, .clerkBloR, .ask{position: relative;}
.marginBl, .farmBlock{margin-bottom: 100px;}
.jobpItemBlock .jobpItem, .clerkM img{margin-bottom: 60px;}
.jobTypeBloR h2, .clerkBloR h2, .farmBlock h2{margin-bottom: 40px;font-size:26px;}
.marginTs{margin-top: 20px;}
.marginLs, .jobTypeBloR h2, .clerkBloR h2, .clerkBloR p, .farmBlock p{margin-left: 2%;}
.marginR5{margin-right: 50px;}

.btn{margin-left: 10px;padding: 8px 16px;border-radius: 4px;color: white;font-size:16px;}
.btn_M{border-color: red;background-color: deeppink;}
.btn_S{border: 1px solid blue;background-color: blue; padding: 7px 16px;}
.btn_c3{background-color: darkorange;border: 1px solid darkorange;}
.btn_c4{background-color: orangered;border: 1px solid orangered}
.btn_c5{background-color: blueviolet;border:1px solid blueviolet;}

.hrStyle{border-radius: 8px;position: absolute;z-index: -1;}
.hrColM{border:1px solid darkturquoise;background-color: darkturquoise;border-width: unset;}
.hrColS{border:1px solid darkcyan;background-color: darkcyan;border-width: unset;}
.hrColT{border:1px solid cornflowerblue;background-color: cornflowerblue;border-width: unset;}

.bgBM{
    width:99%;
    height: 300px;
    position: absolute;
    z-index: -1;
}
.bgc1{background-color:lightgreen;top:70px;transform: rotate(10deg);}
.bgc2{background-color: #EE0;top:-300px;transform: rotate(-10deg);}

.clerkBloR span{z-index: 2;}
.borderRs{border-radius: 4px;}

.bgM{
    object-fit: cover;
    background-position: center;
    width: 100%;
    height:723px;
}
.bgTextblock{
    height:226px;
    width:450px;
    background-color: powderblue;
    opacity: 0.75;
    position:absolute;
    right:26%;
    top:159px;
    transform: rotate(-38deg); 
}
.bgTextblock h1{
    color: midnightblue;
    position: absolute;
    top: 17%;
    transform: rotate(38deg);
    font-size: 54px;
    text-shadow: 6px 6px 0px rgb(10 10 10 / 25%);
}
.bgInColor{
    background-color: lightgreen;
    position: absolute;
    transform: rotate(-38deg);
    top: 28%;
    right: 8%;
    padding: 40px;
    border-radius: 4px;
}
.bgIn{
    /* background-image: url("img/bgIn.jpg"); */
    height: 230px;
    width: 230px;
    background-position: center;
    border-radius: 4px;
}

.jobPlaceTextM, .jobTypeH h1{
    text-align: center;
    margin-bottom: 60px;
    color: darkslategray;
    font-size: 46px;
}
.jobpItemBlock{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.jobpItem img{
    width: 400px;
    height: 320px;
    object-fit: cover;
    border-radius: 4px;
}
.jobpItem h2{
    position: absolute;
    bottom: 0;
    padding: 8px;
    color: midnightblue;
    background-color: powderblue;
    width: -webkit-fill-available;
    text-align: center;
}
.jobTypeH{height: 1250px;}
.jobTypeM, .clerkM{display:flex;justify-content:center;}

.jobTypeImgSizeB{width:430px;height: 320px;object-fit: cover;}
.jobTypeImgSizeS{width: 250px;height: 200px;object-fit: cover;}
.jobTypeImgSizeSp{width: 350px;height: 350px;object-fit: contain;}
.jobTypeBloR{z-index:0;margin-top:40px;margin-left:2%;}

.chefMar{margin-top: 22%;}

.waitImg{position: absolute;left: 13%;bottom: -100px;}
.foodImg{position: absolute;left: 44%;bottom: -100px;border-radius: 4px;}
.skiImg{position: absolute;right: 8%;bottom: -400px;z-index: 2;}

.jobTypeTexBlo{position:absolute;top: -310px;left: 18%;}
.jobTypeTexBlo p{width: 55%;line-height: 30px;font-size:18px;}
.jobTypeTexBlo blockquote{
    margin-bottom: 0;
    margin-top: 35px;
    font-size: 22px;
    font-weight: bold;
    width:620px;
    text-align:center;
}

.hotelHrU{
    transform:rotate(90deg);
    top: -355px;
    left: 31%;
    height: 875px;
}
.hotelHrD{
    right: 40px;
    bottom: 130px;
    width: 80%;
}
.hotelPicB{position: relative;text-align: center;margin-bottom: 15%;margin-top: 5%;}
.hotelPicB img{height: 260px;}
.hotelstyle{width: 300px;object-fit: cover;}

.clerkM{flex-wrap: wrap;margin-bottom: 200px;}
.clerkBloR{width:50%;}
.clerkBloR hr{width: 150%;left: -550px;top: 11%;}
.clerkBloR p, .farmBlock p{
    width: 75%;
    margin-top: 5%;
    text-align: justify;
    line-height: 30px;
    font-size:18px;
}
.clerkBloR blockquote{
    font-size: 22px;
    font-weight:bold;
    text-align:center;
    width: 75%;
    text-decoration: underline;
    text-decoration-color:powderblue;
}

.farmBlock{
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    position: relative;
    flex-wrap: wrap;
}
.farmM{width: 40%;}
.farmHr{width: 73%;position: absolute;top:7%;right: 13%;}


.ask img{width:100%;object-fit:cover;height:715px;}
.ask div{position: absolute;top: 25%;left: 32%;text-align: center;}
.ask p{
    border: 3px solid darkslateblue;
    background-color: #484891;
    padding: 16px 128px;
    color: white;
    opacity: .9;
    font-size: 56px;
    font-weight:bold;
}
.ask a{
    border: 1px solid floralwhite;
    background-color: brown;
    padding: 8px 16px;
    color: white;
    font-size: 24px;
    border-radius: 4px;
    text-decoration: none;
}

footer{margin: 25px 0;text-align: center;}
footer p{display: inline;font-size:16px;}
footer img{width: 2%;vertical-align: bottom;}

@media screen and (max-width:1440px) {
        .bgBM{width: 98%;}
        .bgTextblock{right: 26%;} 
        .jobTypeTexBlo p{width: 50%;text-align: justify;}
        .jobTypeTexBlo blockquote{margin-top: 25px;}
        .hotelstyle{width: 250px;}
        .hotelPicB img{height: 250px;}
    }
    @media screen and (max-width:1024px) {
        .bgBM {height: 200px;}
        .bgTextblock{right: 33%;} 
        .bgTextblock h1{font-size: 52px;}
        .jobTypeH{height: 1000px;}
        .jobTypeImgSizeB{width: 350px;height: 260px;object-fit: contain;}
        .jobTypeImgSizeSp{width: 280px;height: 280px;}
        .jobTypeImgSizeS{width: 200px;height: 150px;}
        .foodImg{bottom: -127px;}
        .skiImg{right: 0;bottom: -270px;}
        .jobTypeTexBlo{top:-280px;}
        .hotelHrD{bottom: 70px;right:10px;}
        .hotelstyle{width: 200px;}
        .hotelPicB img{height: 200px;}
        .clerkM{margin-bottom: 100px;}
        .farmHr{right: 12%;width: 80%;} 
        footer img{width: 3%;}
    }
    @media screen and (max-width:768px){
        .bgTextblock{right: 23%;top:100px;}
        .bgInColor{padding: 3%;}
        .bgIn{height: 160px;width: 160px;} 
        .jobpItem img {width: 260px;height: 210px;}
        .jobTypeImgSizeB{width: 300px;height: 220px;}
        .jobTypeTexBlo blockquote{width: 80%;margin-top: 0;}
        .waitImg{left: 5%;bottom:-150px;}
        .chefMar, .foodImg{display: none;}
        .clerkBloR hr{width: 95%;left: 0;}
        .farmHr{width: 82%;margin-bottom: 3%;} 
        .farmBlock p{width: 95%;}
        .ask p{font-size: 48px;}
    }
    @media screen and (max-width:415px), (device-width:415px){
        .bgBM{width: 95%;}
        .bgc1{top: -100px;}
        .bgc2{top: -255px;}
        .btn{display: inline-block;margin-bottom: 1%;}
        .marginBl{margin-bottom: 60px;}
        .marginR5{margin-right: 0;}
        .zInd1{z-index: 1;}
        .jobTypeTexBlo, .clerkBloR, .farmM{width: 90%;}
        .jobTypeTexBlo p, .clerkBloR p{width: 95%;}
        .jobTypeBloR h2, .clerkBloR h2, .farmBlock h2{font-size: 26px;}
        .jobTypeBloR h2, .farmBlock h2{margin: 5% 0;}
        .bgM, .ask img{height: 315px;}
        .bgTextblock{width: 200px;right: 13%;height: 200px;top: 45px;}
        .bgTextblock h1{font-size: 32px;transform:rotate(38deg);top: 25%;}
        .jobTypeH{height: 800px;}
        .jobTypeM{flex-wrap: wrap;}
        .jobTypeBloR{margin-top: 3%;}
        .jobTypeTexBlo{top:-380px;left: 8%;}
        .jobTypeImgSizeB{object-fit: cover;width: 320px;height: 180px;}
        .hotelHrU{top:-210px;height: 474px;} 
        .hotelHrD{bottom: 95px;}
        .hotelPicB{margin-bottom: 20%;margin-top: -15%;}
        .hotelstyle{width: 100px;}
        .hotelPicB img{height: 100px;}
        .clerkM{margin-bottom: 65px;}
        .clerkBloR hr{top: 8%;}
        .clerkM img{margin-bottom: 5%;}
        .clerkBloR blockquote{margin-left: 3%;width: 95%;} 
        .farmHr{width: 95%;right: 0;}
        .farmBlock p{margin-top: revert;}
        .ask p{font-size: 26px;padding: 16px 32px;}
        footer{font-size: 18px;}
        footer img{width: 7%;}
        .dispN{display: none;}
    }
    @media screen and (max-width:320px){
	.bgTextblock{right: 14%;}
    	.jobTypeImgSizeB{width: 290px;}
    	.jobTypeBloR h2{margin-bottom: 10%;}
    	.jobTypeTexBlo blockquote{font-size: 20px;}
   	 .hotelHrU{height: 375px;top: 40px;}
   	 .hotelHrD{bottom:80px}
    	.farmHr{width: 98%;}
    	.ask p{padding: 16px;}
    	footer p{font-size: 16px;}
    }