@charset "UTF-8";


/* body
------------------------------------------------- */
@media screen and (max-width:750px){
#wrapper {
    overflow-x: hidden;
}
}


/* entrybox
------------------------------------------------- */
#entrybox {
    background-color: #fff;
}


/* mainvisual
------------------------------------------------- */
.mainvisual {
    width: 100%;
    max-width: 13.66rem;
    height: 7.96rem;
    margin: 0 auto 1.45rem;
    position: relative;
}
.mainvisual h2 {
    font-size: 0.21rem;
    font-weight: 400;
    line-height: 1.19;
    letter-spacing: 0.04em;
    text-align: center;
    position: absolute;
    right: 1.07rem;
    bottom: 1.22rem;
    z-index: 2;
}
.mainvisual h2 span {
    display: block;
    font-size: 0.11rem;
    font-weight: 400;
    line-height: 1.19;
    letter-spacing: 0.03em;
    margin-bottom: 0.04rem;
}
.mainvisual .box {
    width: 7.4762rem;
    position: absolute;
    left: 0.53rem;
    bottom: 0.61rem;
    z-index: 2;
}
.mainvisual .box p {
    font-size: 0.195rem;
    font-weight: 500;
    line-height: 1.487;
    letter-spacing: normal;
    padding-top: 0.36rem;
}
.mainvisual .main-slider,
.mainvisual .main-slider .swiper-slide {
    width: 100%;
    height: 7.96rem;
    position: relative;
}
.mainvisual .main-slider .swiper-slide .photo {
    width: auto;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -3.4rem;
}
.mainvisual .main-slider .swiper-slide .photo img {
    width: auto;
    height: 100%;
}
.mainvisual .swiper-pagination {
    width: auto;
    left: auto;
    right: 1.72rem;
    bottom: 0.855rem;
}
.mainvisual .swiper-pagination .swiper-pagination-bullet {
    width: 0.1rem;
    height: 0.1rem;
    background-color: #fff;
    border: 0.01rem solid #B3B3B3;
    border-radius: 50%;
    box-sizing: border-box;
    margin: 0 0.05rem;
    opacity: 1;
    transition: 0.3s;
}
.mainvisual .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #B3B3B3;
}
.mainvisual .scroll {
    width: 0.46rem;
    height: 2.8rem;
    position: absolute;
    left: 50%;
    bottom: -1.68rem;
    margin-left: 5.17rem;
}
.mainvisual .scroll .circle {
    width: 0.46rem;
    height: 0.28rem;
    background-color: #1A1A1A;
    font-size: 0.09rem;
    letter-spacing: 0.03em;
    text-align: center;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 51% 100% 100% 62% / 67% 100% 47% 100%;
    animation: move 5s linear infinite;
}
.mainvisual .scroll span {
    width: 1px;
    height: 100%;
    background-color: #000000;
    position: absolute;
    left: 50%;
    bottom: 0;
    animation: scroll 2.5s ease-in-out 0s infinite;
}
@media (hover: hover) and (min-width:751px) {
.mainvisual .swiper-pagination .swiper-pagination-bullet:hover {
    background-color: #B3B3B3;
}
}
@media screen and (max-width:750px){
.mainvisual {
    height: 130vw;
    margin-bottom: 0.7rem;
}
.mainvisual h2 {
    font-size: 0.2rem;
    letter-spacing: 0.02em;
    right: auto;
    left: 4vw;
    bottom: auto;
    top: 22vw;
}
.mainvisual h2 span {
    font-size: 0.1rem;
}
.mainvisual .box {
    width: 92vw;
    left: 4vw;
    bottom: auto;
    top: 79.5vw;
}
.mainvisual .box p {
    font-size: 0.15rem;
    line-height: 1.55;
    padding-top: 0.3rem;
}
.mainvisual .main-slider,
.mainvisual .main-slider .swiper-slide {
    width: 100%;
    height: 102.16vw;
}
.mainvisual .main-slider .swiper-slide .photo {
    width: 120vw;
    height: auto;
    left: 4vw;
    top: 0;
    margin-left: 0;
}
.mainvisual .main-slider .swiper-slide .photo img {
    width: 100%;
    height: auto;
}
.mainvisual .swiper-pagination {
    width: auto;
    left: auto;
    right: 13vw;
    bottom: 9vw;
}
.mainvisual .swiper-pagination {
    right: 3.5vw;
    bottom: 9vw;
}
.mainvisual .swiper-pagination .swiper-pagination-bullet {
    width: 2.2vw;
    height: 2.2vw;
    border: 0.1vw solid #B3B3B3;
    margin: 0 1vw;
}
.mainvisual .scroll {
    width: 15.15375vw;
    height: 92.241vw;
    left: auto;
    right: 4vw;
    bottom: auto;
    top: 124vw;
    margin-left: 0;
}
.mainvisual .scroll .circle {
    width: 15.15375vw;
    height: 9.2241vw;
    font-size: 0.11rem;
    letter-spacing: normal;
}
}


/* newsbox
------------------------------------------------- */
.newsbox {
    padding-bottom: 0.11rem;
    position: relative;
    z-index: 2;
}
.newsbox .sec {
    height: 1.82rem;
    background-color: #fff;
    border-radius: 0.3rem;
    padding: 0.15rem 1.15rem 0.15rem 0.55rem;
    box-sizing: border-box;
}
.newsbox .sec h3 {
    font-size: 0.12rem;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.1em;
    display: flex;
    align-items: center;
}
.newsbox .sec h3 span {
    font-size: 0.3rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: normal;
    color: #00AA2D;
    padding-right: 0.1rem;
}
.newsbox .sec .box {
    width: 7.5rem;
    border-left: 0.005rem solid #999;
    padding-left: 0.3rem;
    box-sizing: border-box;
}
.newsbox .sec .box .swiper {
    height: 1.18rem;
}
.newsbox .sec .box .swiper .swiper-slide {
    height: 0.2rem;
    margin-bottom: 0.2rem;
}
.newsbox .sec .box .swiper .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
}
.newsbox .sec .box .swiper .swiper-slide a dl {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.newsbox .sec .box .swiper .swiper-slide a dl dt {
    width: 25%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.newsbox .sec .box .swiper .swiper-slide a dl dt span {
    width: 1.02rem;
    height: 0.2rem;
    background-color: #CCEED5;
    font-size: 0.12rem;
    letter-spacing: 0.02em;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.newsbox .sec .box .swiper .swiper-slide a dl dt b {
    font-size: 0.11rem;
    font-weight: 400;
    letter-spacing: 0.1em;
    color: #999;
}
.newsbox .sec .box .swiper .swiper-slide a dl dd {
    width: 72%;
    font-size: 0.14rem;
    line-height: 1.25;
    letter-spacing: normal;
    display: -webkit-box;             
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
}
.newsbox .sec .box .swiper-scrollbar {
    width: 0.11rem;
    height: 1.53rem;
    background-color: #fff;
    right: 0.83rem;
    top: 0.13rem;
    border: 0.005rem solid #707070;
    border-radius: 0.1rem;
    box-sizing: border-box;
}
.newsbox .sec .box .swiper-scrollbar .swiper-scrollbar-drag {
    width: 0.07rem;
    background-color: #747373;
    left: 0.015rem;
    top: 0;
}
.newsbox .sec .box .swiper-button-next,
.newsbox .sec .box .swiper-button-prev {
    width: 0.26rem;
    height: 0.26rem;
    left: auto;
    right: 0.32rem;
    top: 0.39rem;
    margin: 0;
}
.newsbox .sec .box .swiper-button-next {
    transform: scale(1, -1);
    top: auto;
    bottom: 0.39rem;
}
.newsbox .sec .box .swiper-button-next::after,
.newsbox .sec .box .swiper-button-prev::after {
    content: '';
    width: 0.26rem;
    height: 0.26rem;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%2226%22%20viewBox%3D%220%200%2026%2026%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6806%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206806%22%20transform%3D%22translate(-1224%20-826)%22%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_36%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%2036%22%20cx%3D%2213%22%20cy%3D%2213%22%20r%3D%2213%22%20transform%3D%22translate(1224%20826)%22%20fill%3D%22%23ccc%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_112126%22%20data-name%3D%22%E3%83%91%E3%82%B9%20112126%22%20d%3D%22M1229.64%2C841.87l6.97-6.98%2C6.98%2C6.98%22%20transform%3D%22translate(0.86%20-1)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') center center no-repeat;
    background-size: cover;
}
.newsbox .sec .box .btnst1 {
    justify-content: flex-end;
    margin-top: 0.05rem;
}
.newsbox .sec .box .btnst1 a {
    width: 1rem;
    height: 0.15rem;
    padding-right: 0.2rem;
}
.newsbox .sec .box .btnst1 a span {
    right: 0;
}
.newsbox .sec .box .btnst1 a::before {
    content: '';
    width: 0;
    height: 0.02rem;
    background-color: #00AA2D;
    position: absolute;
    left: 0;
    bottom: -0.04rem;
    z-index: 2;
    transition: 0.3s;
}
.newsbox .sec .box .btnst1 a::after {
    display: none;
}
@media (hover: hover) and (min-width:751px) {
.newsbox .sec .box .swiper .swiper-slide a:hover dl dd {
    text-decoration: underline;
}
.newsbox .sec .box .btnst1 a:hover::before {
    width: calc(100% - 0.2rem);
}
}
@media screen and (max-width:750px){
.newsbox {
    padding: 0.15rem 0 0;
}
.newsbox .sec {
    height: 2.55rem;
    border-radius: 0.2rem;
    padding: 0.2rem 0.35rem 0.2rem 4vw;
}
.newsbox .sec h3 {
    font-size: 0.12rem;
    margin-bottom: 0.15rem;
}
.newsbox .sec .box {
    width: 100%;
    border-left: none;
    padding-left: 0;
}
.newsbox .sec .box .swiper {
    height: 1.5rem;
}
.newsbox .sec .box .swiper .swiper-slide {
    height: 0.45rem;
    margin-bottom: 0.05rem;
}
.newsbox .sec .box .swiper .swiper-slide a dl {
    display: block;
}
.newsbox .sec .box .swiper .swiper-slide a dl dt {
    width: 100%;
    justify-content: flex-start;
    margin-bottom: 0.02rem;
}
.newsbox .sec .box .swiper .swiper-slide a dl dt span {
    margin-right: 0.15rem;
}
.newsbox .sec .box .swiper .swiper-slide a dl dd {
    width: 100%;
}
.newsbox .sec .box .swiper-scrollbar {
    height: 1.7rem;
    right: 0.15rem;
    top: 0.65rem;
}
.newsbox .sec .box .swiper-button-next,
.newsbox .sec .box .swiper-button-prev {
    display: none;
}
.newsbox .sec .box .btnst1 {
    margin-right: 0.1rem;
}
.newsbox .sec .box .btnst1 a::before {
    display: none;
}
}


/* about
------------------------------------------------- */
.about {
    background: url("../img/recruit/top/about_bg1.png") center 1.28rem no-repeat;
    background-size: 100% auto;
    padding-top: 1.4rem;
    position: relative;
    z-index: 1;
}
.about::after {
    content: '';
    width: 9.3776rem;
    height: 10.4569rem;
    background: url("../img/recruit/top/about_bg2.png") center center no-repeat;
    background-size: cover;
    position: absolute;
    right: 50%;
    top: -4.86rem;
    margin-right: 0.36rem;
    z-index: 1;
}
.about .inner {
    max-width: 11.3rem;
    z-index: 2;
}
.about .headline1 {
    margin-left: 1.2rem;
}
.about .box {
    width: 5.75rem;
    margin: 0.3rem 0 0.35rem;
}
.about .box p {
    line-height: 1.875;
    letter-spacing: 0.06em;
    padding-bottom: 0.25rem;
}
.about .box .btnst2 {
    justify-content: flex-end;
}
.about .photo {
    position: relative;
    z-index: 3;
}
@media screen and (max-width:750px){
.about {
    background-position: center bottom 0.6rem;
    background-size: 140% auto;
    padding-top: 1.5rem;
}
.about::after {
    content: '';
    width: 7.0332rem;
    height: 7.842675rem;
    right: 10vw;
    top: -4.75rem;
    margin-right: 0;
}
.about .headline1 {
    margin: 0 0 0.6rem 4vw;
}
.about .box {
    width: calc(100% - 8vw);
    margin: 0.3rem 4vw 0.4rem;
}
.about .box p {
    line-height: 1.75;
    letter-spacing: normal;
    padding-bottom: 0.3rem;
}
.about .box .btnst2 {
    justify-content: flex-start;
}
}


/* job
------------------------------------------------- */
.job {
    background: url("../img/recruit/common/bg.jpg") center top no-repeat;
    background-size: 100% auto;
    border-radius: 0.5rem 0.5rem 0 0;
    padding: 1.45rem 0 2.75rem;
    margin-top: -0.35rem;
    position: relative;
    z-index: 2;
}
.job .inner {
    max-width: 10.76rem;
}
.job p {
    width: 3.33rem;
    line-height: 1.875;
    letter-spacing: 0.06em;
    margin-bottom: 0.25rem;
}
.job .photo1 {
    width: 4.9rem;
    position: absolute;
    left: 50%;
    top: 0.4rem;
    margin-left: -1.48rem;
    z-index: 1;
}
.job .photo2 {
    width: 5.49rem;
    position: absolute;
    left: 50%;
    top: 0.3rem;
    margin-left: 2.2rem;
    z-index: 2;
}
@media screen and (max-width:750px){
.job {
    padding: 1rem 0 1.5rem;
}
.job .headline1 {
    margin-left: 4vw;
}
.job .headline2 {
    margin-left: 4vw;
}
.job p {
    width: calc(100% - 8vw);
    line-height: 1.75;
    letter-spacing: normal;
    margin: 2rem 4vw 0.3rem;
}
.job .btnst2 {
    margin-left: 4vw;
}
.job .photo1 {
    width: 49vw;
    left: -2vw;
    top: 2.2rem;
    margin-left: 0;
}
.job .photo2 {
    width: 54.9vw;
    left: auto;
    right: -2vw;
    top: 2.2rem;
    margin-left: 0;
}
}


/* people
------------------------------------------------- */
.people {
    padding-bottom: 2.75rem;
    position: relative;
    z-index: 2;
}
.people::after {
    content: '';
    width: 19.4407rem;
    height: 14.9453rem;
    background: url("../img/recruit/top/people_bg.png") center center no-repeat;
    background-size: cover;
    position: absolute;
    left: 50%;
    top: -1.8rem;
    margin-left: -10.39rem;
    z-index: 1;
}
.people .inner {
    max-width: 10.76rem;
    z-index: 2;
}
.people .copy {
    line-height: 1.875;
    letter-spacing: 0.06em;
    margin-bottom: 0.55rem;
}
.people .btnst2 {
    justify-content: center;
    margin-top: 0.6rem;
}
.people .slider {
    position: relative;
}
.people .people-slider .swiper-slide {
    width: 3.08rem;
    margin: 0 0.255rem;
}
.people .people-slider .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
}
.people .people-slider .swiper-slide a .photo {
    width: 100%;
    height: 3.1rem;
    mask-image: url("../img/recruit/people/mask1.png"), none;
    mask-size: cover;
    transition: 0.3s;
}
.people .people-slider .swiper-slide a .photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.people .people-slider .swiper-slide a h4 {
    font-size: 0.18rem;
    font-weight: 500;
    line-height: 1.66;
    text-align: center;
    padding: 0.16rem 0 0.1rem;
    transition: 0.3s;
}
.people .people-slider .swiper-slide a p {
    font-size: 0.14rem;
    line-height: 1.875;
    text-align: center;
}
.people .people-slider .swiper-slide a p span {
    display: block;
    font-size: 0.12rem;
    color: #696969;
}
.people .slider .swiper-button-next,
.people .slider .swiper-button-prev {
    width: 0.3rem;
    height: 0.6rem;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230.865%22%20height%3D%2259.609%22%20viewBox%3D%220%200%2030.865%2059.609%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_126732%22%20data-name%3D%22%E3%83%91%E3%82%B9%20126732%22%20d%3D%22M80.737%2C3651.9%2C51.463%2C3681.17l29.275%2C29.274%22%20transform%3D%22translate(-50.402%20-3651.365)%22%20fill%3D%22none%22%20stroke%3D%22%23707070%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E') left center no-repeat;
    background-size: cover;
    position: absolute;
    left: -0.55rem;
    top: 50%;
    margin-top: -0.3rem;
    transition: 0.3s;
}
.people .slider .swiper-button-next {
    transform: scale(-1, 1);
    left: auto;
    right: -0.55rem;
}
.people .slider .swiper-button-next::after,
.people .slider .swiper-button-prev::after {
    display: none;
}
@media (hover: hover) and (min-width:751px) {
.people .people-slider .swiper-slide a:hover .photo {
    transform: translateY(0.1rem);
}
.people .people-slider .swiper-slide a:hover h4 {
    color: #00AA2D;
    text-decoration: underline;
}
.people .slider .swiper-button-next:hover {
    right: -0.6rem;
}
.people .slider .swiper-button-prev:hover {
    left: -0.6rem;
}
}
@media screen and (max-width:750px){
.people {
    padding-bottom: 2rem;
}
.people::after {
    width: 13.60849rem;
    height: 10.46171rem;
    left: -100vw;
    top: -0.9rem;
    margin-left: 0;
}
.people .headline1 {
    margin-left: 4vw;
}
.people .headline2 {
    margin-left: 4vw;
}
.people .copy {
    line-height: 1.75;
    letter-spacing: normal;
    margin: 0 4vw 0.4rem;
}
.people .btnst2 {
    margin-top: 0.4rem;
}
.people .slider {
    width: 100vw;
    margin-left: -4vw;
}
.people .people-slider .swiper-slide {
    width: 2.4rem;
    margin: 0 0.1rem;
}
.people .people-slider .swiper-slide a .photo {
    height: 2.4rem;
}
.people .people-slider .swiper-slide a h4 {
    font-size: 0.15rem;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    padding: 0.16rem 0.1rem 0.1rem;
}
.people .people-slider .swiper-slide a p {
    font-size: 0.13rem;
}
.people .people-slider .swiper-slide a p span {
    font-size: 0.11rem;
}
.people .slider .swiper-button-next,
.people .slider .swiper-button-prev {
    width: 0.15rem;
    height: 0.3rem;
    left: 4vw;
    top: 1.1rem;
    margin-top: 0;
}
.people .slider .swiper-button-next {
    left: auto;
    right: 4vw;
}
}


/* sns
------------------------------------------------- */
.sns {
    background: linear-gradient(90deg, #33368A 0, #C6227D 20%, #E33B0E 40%, #F7BA05 60%, #FF0000 100%);
    border-radius: 0.5rem 0.5rem 0 0;
    padding: 1.35rem 0 2.5rem;
    margin-top: -1rem;
    position: relative;
    z-index: 2;
}
.sns .inner {
    max-width: 10.76rem;
}
.sns .headline1 {
    color: #fff;
    margin-bottom: 0.2rem;
}
.sns .headline1 span {
    color: #00AA2D;
}
.sns p {
    line-height: 1.875;
    letter-spacing: 0.06em;
    color: #fff;
}
.sns ul {
    position: absolute;
    right: 0.25rem;
    top: -0.32rem;
}
.sns ul li {
    width: 2.37rem;
}
.sns ul li a {
    display: block;
    position: relative;
}
.sns ul li a img {
    display: block;
    transition: 0.3s;
}
.sns ul li a span {
    display: block;
    width: 100%;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218.414%22%20height%3D%2212.828%22%20viewBox%3D%220%200%2018.414%2012.828%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6958%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206958%22%20transform%3D%22translate(-1199%20-4592.01)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_63165%22%20data-name%3D%22%E3%83%91%E3%82%B9%2063165%22%20d%3D%22M1132.965%2C1459.5l5%2C5-5%2C5%22%20transform%3D%22translate(78.035%203133.924)%22%20fill%3D%22none%22%20stroke%3D%22%231a1a1a%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20fill-rule%3D%22evenodd%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_31%22%20data-name%3D%22%E7%B7%9A%2031%22%20x2%3D%2216%22%20transform%3D%22translate(1200%204598.424)%22%20fill%3D%22none%22%20stroke%3D%22%231a1a1a%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') 84% center no-repeat;
    background-size: 0.18rem auto;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0.05rem;
    padding-right: 0.22rem;
    box-sizing: border-box;
    transition: 0.3s;
}
.sns ul li:nth-child(2) a span {
    background-position: 74% center;
}
@media (hover: hover) and (min-width:751px) {
.sns ul li a:hover img {
    transform: scale(1.08);
}
.sns ul li a:hover span {
    background-position: 89% center;
}
.sns ul li:nth-child(2) a:hover span {
    background-position: 79% center;
}
}
@media screen and (max-width:750px){
.sns {
    padding: 1rem 0 2rem;
}
.sns .headline1 {
    margin: 0 0 0.2rem 4vw;
}
.sns .headline1 span {
    color: #00AA2D;
}
.sns p {
    line-height: 1.75;
    letter-spacing: normal;
    margin: 0 4vw 0.1rem;
}
.sns ul {
    position: static;
    display: flex;
}
.sns ul li {
    width: 2rem;
}
.sns ul li a span {
    font-size: 0.14rem;
    background-position: 92% center;
    bottom: 0;
}
.sns ul li:nth-child(2) a span {
    background-position: 80% center;
}
}


/* description
------------------------------------------------- */
.description {
    background-color: #fff;
    border-radius: 0.5rem 0.5rem 0 0;
    padding: 1.28rem 0 1.1rem;
    margin-top: -1rem;
    position: relative;
    z-index: 3;
}
.description .inner {
    max-width: 10.76rem;
}
.description .headline1 {
    margin-bottom: 0.5rem;
}
.description ul li {
    width: 47.955%;
    height: 2.5rem;
}
.description ul li a {
    display: block;
    width: 100%;
    height: 100%;
    background: url("../img/recruit/guideline_new/mainimg.jpg") center center no-repeat;
    background-size: cover;
    border-radius: 0.25rem;
    position: relative;
    overflow: hidden;
}
.description ul li:nth-child(2) a {
    background-image: url("../img/recruit/guideline_career/mainimg.jpg");
}
.description ul li a::before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #00AA2D;
    position: absolute;
    left: 0;
    top: 0;
    transition: 0.4s;
}
.description ul li a h4 {
    font-size: 0.4rem;
    font-weight: 300;
    line-height: 1.45;
    letter-spacing: 0.06em;
    color: #fff;
    position: absolute;
    left: 0.3rem;
    bottom: 0.18rem;
}
.description ul li a h4 b {
    display: block;
    font-size: 0.1rem;
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: 0.05em;
    margin-left: 0.02rem;
}
@media (hover: hover) and (min-width:751px) {
.description ul li a:hover::before {
    opacity: 0.25;
}
}
@media screen and (max-width:750px){
.description {
    padding: 1rem 0 0.8rem;
}
.description .headline1 {
    margin: 0 0 0.5rem 4vw;
}
.description ul li {
    width: 100%;
    height: 1.7rem;
    margin: 0 auto 0.15rem;
}
.description ul li a::before {
    opacity: 0.3;
}
}