@charset "UTF-8";

.l_contents{background: #F9EED2;}
.l_breadcrumb{background: #FFF;padding-bottom: 32px;}


.contents_recruit h1{margin:-12px 0 50px;text-align:center;position: relative;overflow-x: hidden;}
.contents_recruit h1 img{max-width:115px;}
.contents_recruit h1::before,
.contents_recruit h1::after{content: "";width: calc(50% - 90px);height: 1.5px;display: block;background: #D8A619;top: 50%;position:absolute;}
.contents_recruit h1::before{left: 0;}
.contents_recruit h1::after{right: 0;}

.area_first figure{margin-bottom: 32px;}
.area_first figure span{display: flex;min-width: 285px;max-width: 570px;width: 73%;margin: 0 auto;}
.area_first figure span img{-webkit-border-radius: 8px;border-radius: 8px;}

.area_message{background: url(../../images/bg_msg_top.svg) no-repeat 50% 0% #FFF;position: relative;background-size: 100%;padding-top: 7%;}
.area_message .wrapper{position: relative;}
.area_message h2{font-size:1.25rem;display: inline-block;color: #FFF;background: #D8A619;font-weight: bold;border-radius: 8px;line-height: 1;padding: 8px 18px;letter-spacing: 0.1rem;position: absolute;left: 16px;top: -18px;}
.area_message .wrapper p{padding: 30px 15px 0;line-height: 1.8;}

.area_category_menu .wrapper{background: #FFF;-webkit-border-radius: 10px;border-radius: 10px;padding: 20px 10px;}
.area_category_menu .wrapper h2{text-align: center;font-weight: bold;line-height: 1;font-size:1.125rem;margin-bottom: 15px;}
.area_category_menu .wrapper ul{display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 10px;}
.area_category_menu .wrapper ul li a{display: flex;align-items: center; width: 100%;height: 50px;background: rgb(216 166 25/.4);-webkit-border-radius: 10px;border-radius: 10px;position: relative;}
.area_category_menu .wrapper ul li a::before{content: "";display: block;position: absolute;opacity: 0.3;background:none 50% 50% no-repeat;background-size: contain;}
.area_category_menu .wrapper ul li a.active{background: #D8A619;}
.area_category_menu .wrapper ul li a.active::before{opacity: 1;}
.area_category_menu .wrapper ul li a span{display: block;text-indent:100%;white-space:nowrap;overflow:hidden;background:none 50% 50% no-repeat;background-size: contain;height: 18px;width: 100%;}

.area_category_menu .wrapper ul li:nth-of-type(1) a::before{width: 17px;height: 30px;background-image: url(../img/bg_store_01.png);left: 10px;}
.area_category_menu .wrapper ul li:nth-of-type(2) a::before{width: 23px;height: 24px;background-image: url(../img/bg_store_02.png);left: 9px;}
.area_category_menu .wrapper ul li:nth-of-type(3) a::before{width: 19px;height: 28px;background-image: url(../img/bg_store_03.png);left: 11px;}
.area_category_menu .wrapper ul li:nth-of-type(4) a::before{width: 23px;height: 28px;background-image: url(../img/bg_store_04.png);left: 10px;}
.area_category_menu .wrapper ul li:nth-of-type(5) a::before{width: 25px;height: 30px;background-image: url(../img/bg_store_05.png);left: 9px;}

.area_category_menu .wrapper ul li:nth-of-type(1) a span{background-image: url(../img/btn_store_01.png);}
.area_category_menu .wrapper ul li:nth-of-type(2) a span{background-image: url(../img/btn_store_02.png);}
.area_category_menu .wrapper ul li:nth-of-type(3) a span{background-image: url(../img/btn_store_03.png);}
.area_category_menu .wrapper ul li:nth-of-type(4) a span{background-image: url(../img/btn_store_04.png);height: 16px;}
.area_category_menu .wrapper ul li:nth-of-type(5) a span{background-image: url(../img/btn_store_05.png);}

.area_category_menu .wrapper ul li:nth-of-type(6) a{justify-content: center;}
.area_category_menu .wrapper ul li:nth-of-type(6) a span{background-image: url(../img/btn_store_06.png);background-repeat: no-repeat;background-size: contain;width: 88px;height: 15px;}

.area_category_menu{background: url(../../images/bg_msg_btm.svg) no-repeat left -6vw #F9EED2;position: relative;background-size: 100%;padding-top: 7%;padding-right: 12px;padding-left: 12px;}
.area_category_menu .wrapper{position: relative;margin-top: 25px;}

ul.list_type{display: flex;align-items: flex-end;gap: 35px;padding: 0 7px;max-width: 674px;margin-right: auto;margin-left: auto;margin-bottom: 32px;}
ul.list_type li{width: 50%;}
ul.list_type li a{display: block;text-indent: 100%;white-space: nowrap;overflow: hidden;place-content: center;position: relative;background-color: #FFF;color: #D8A619;border: 2px solid #D8A619;border-bottom: 6px solid;height: 56px;border-radius: 15px;}
ul.list_type li a.active{border: none;height: 56px;background: #D8A619;}
ul.list_type li a span{background:none no-repeat 50% 50%;background-size: auto 100%;display: block;width: 100%;}
ul.list_type li:nth-of-type(1) a span{background-image: url(../img/btn_regular.svg);height: 18px;}
ul.list_type li:nth-of-type(2) a span{background-image: url(../img/btn_parttime.svg);height: 34px;}
ul.list_type li:nth-of-type(1) a.active span{background-image: url(../img/btn_regular_on.svg);}
ul.list_type li:nth-of-type(2) a.active span{background-image: url(../img/btn_parttime_on.svg);}

.area_recruit_cont{padding-top: 44px;}
.area_recruit_cont .wrapper{padding-right: 19px;padding-bottom: 90px;padding-left: 19px;}
.area_recruit_cont dl dt{background: #F7DCA1;font-weight: bold;line-height: 1;padding: 10px 20px;border-top: 2px solid #D8A619;}
.area_recruit_cont dl dd{line-height: 1.7;padding: 14px 20px 22px;background-color:#fff;}


/** .area_recruit_cont #regular dl dd:empty::before {content: "-";} **/
.area_recruit_cont dl div.type_t dt{border: none;color: #FFF;background: #d8a619;margin-bottom: 20px;font-size: 1.125rem;}


.come_btn.contact{margin-top: 50px;}

@media screen and (min-width:768px) {

    .contents_recruit h1{margin: 0 0 40px;padding-top: 40px;}
    .contents_recruit h1 img{max-width:132px;}

    .contents_recruit h1::before,
    .contents_recruit h1::after{width:185px;left:50%;right:none;top: 55px;height: 2px;}
    .contents_recruit h1::before{margin-left:-282px;}
    .contents_recruit h1::after{margin-left:100px;}

    .area_category_menu .wrapper{margin-top:45px;padding:20px;}

    .contents_recruit .area_title h1 span{width: 139px;height: 30px;}
    .area_message h2{font-size: 1.125rem;top: -2.5vw;padding:10px 24px;}
    .area_message .wrapper p{font-size: 1rem;}
    .area_recruit_cont dl dt{font-size: 1rem;padding:15px 20px;}
    .area_recruit_cont dl dd{font-size: 0.9375rem;padding: 15px 20px 25px;}
    .come_btn.contact a span{height: 18px;background-size: auto 18px;}
    .area_category_menu .wrapper h2{font-size: 1rem;}

    .area_category_menu .wrapper ul.list_store li a span{height: 18px;}
    .area_category_menu .wrapper ul li:nth-of-type(6) a span{width: 105px;height: 17px;}


    ul.list_type li a{height: 62px;border-radius: 15px;}
    ul.list_type li a.active{height: 61px;}
    ul.list_type li:nth-of-type(1) a span{height: 19px;}
    ul.list_type li:nth-of-type(2) a span{height: 36px;}


}

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

}

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

	.area_category_menu .wrapper ul li a::before{display:none;}

}