@charset "UTF-8"; @media screen and (min-width: 768px),print {
    .seo_bread_list { margin-bottom: 18px; color: #fff; }
    .seo_bread_list a { color: #fff; }
    .seo_bread_list img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
    #rbicon01 { position: absolute; top: 10px; left: 0; }
    #rbicon02 { position: absolute; top: 270px; right: 5.7rem; }
    #rbicon03 { position: absolute; top: 793px; right: 0px; }
    #rbicon04 { position: absolute; top: 1442px; left: 0; }
    #rbicon05 { position: absolute; top: 2560px; left: 11.3rem; }
    #rbicon06 { position: absolute; top: 2667px; right: 20rem; }
    #rbicon07 {position: absolute;top: 3232px;left: 0;}
    #rbicon08 {position: absolute;top: 3511px;right: 5.8rem;}
    .recruit-main-titlebox { background: url(../images/w-l-balance/h1.jpg)no-repeat top center; }
    
    #contentsmain { margin: 0 auto 110px; position: relative; text-align: center; }
    #contentsmain .inner-Box { margin: 0 auto; position: relative; padding: 10px 0 0; }
    #contentsmain .inner-Box p.text { font-size: 1.6rem; line-height: 3; font-weight: 500; letter-spacing: 0.32rem; margin-bottom: 30px; position: relative; color: #fff; }
    
    #contents01 { margin: 0 auto 123px; position: relative; }
    #contents01 .inner-Box {margin: -2.6rem auto 69px;position: relative;padding: 0 4rem;max-width: 1180px;}
    #contents01 .inner-Box p.text {font-size: 1.6rem;line-height: 3;font-weight: 400;letter-spacing: 0.32rem;margin-bottom: 5.8rem;position: relative;color: #fff;text-align: center;}

#contents01 .inner-Box ul.list {display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contents01 .inner-Box ul li {position: relative;width: 47.2%;margin-right: 5.5%;}
#contents01 .inner-Box ul li p.text2 {font-size: 1.6rem;line-height: 1.8;font-weight: 400;letter-spacing: 0.16rem;margin-bottom: 3rem;position: relative;color: #fff;}

#contents01 .inner-Box ul li:nth-child(2n) { margin-right: 0px; }
#contents01 .inner-Box h3 {font-size: 1.8rem;line-height: 1.75;font-weight: 700;letter-spacing: 0.18rem;margin-bottom: 2.9rem;position: relative;}
#contents01 .inner-Box h3 span {display: inline-block;width: 27rem;background: #fff;text-align: center;border: 2px solid #000000;padding: 1.1rem 0;}
#contents01 .inner-Box figure.img {position: relative;top: 0;left: -3.5rem;width: 100%;max-width: 27.6rem;margin: 0 auto;}
#contents01 .inner-Box figure.img img{width: 100%;height: auto;max-width: 276px;}
#contents01 .inner-Box2 {margin: 0 auto 70px;position: relative;padding: 0 4rem;max-width: 1180px;}
#contents01 .inner-Box2 h3 {font-size: 1.8rem;line-height: 1.75;font-weight: 700;letter-spacing: 0.18rem;margin-bottom: 2.3rem;position: relative;text-align: center;}
#contents01 .inner-Box2 h3 span {display: inline-block;width: 27rem;background: #fff;text-align: center;border: 2px solid #000000;padding: 1.1rem 0;}
#contents01 .inner-Box2 h4 {font-size: 1.6rem;line-height: 1.75;font-weight: 400;letter-spacing: 0.32rem;margin-bottom: 9.3rem;position: relative;text-align: center;color: #fff;}
#contents01 .inner-Box2 h4 span {font-size: 2rem;letter-spacing: 0.4rem;font-weight: 500;position: relative;top: 3px;}

#contents01 .inner-Box2 .innBox{position: relative;margin: 0 auto;max-width: 994px;padding: 0 0 1px 31.5%;}
#contents01 .inner-Box2 figure.img {position: absolute;top: -5.3rem;left: 0;width: 31%;}
#contents01 .inner-Box2 figure.img img{width: 100%;height: auto;}
#contents01 .inner-Box2 ul.list2 {border: 2px solid #000000;border-radius: 10px;background: url(../images/w-l-balance/contents01-icon01.svg)no-repeat center center #EAF9FC;padding: 4.3rem 2rem 4.1rem 7.2rem;}
#contents01 .inner-Box2 ul li { position: relative; }
#contents01 .inner-Box2 ul li:nth-child(3n) { margin-right: 0px; }
#contents01 .inner-Box2 p.ltext {font-size: 1.8rem;line-height: 2;font-weight: 500;letter-spacing: 0.36rem;position: relative;margin-bottom: 0.2rem;}
#contents01 .inner-Box2 p.ltext::before {content: "";display: block;width: 0.7rem;height: 0.7rem;border-radius: 50%;background: #1788A0;position: absolute;top: 1.5rem;left: -1.4rem;}

#contents01 .inner-Box3 {margin: 0 auto;position: relative;padding: 0 4rem;max-width: 1180px;}
#contents01 .inner-Box3 ul.list3 {display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contents01 .inner-Box3 ul li {position: relative;width: 31.5%;margin-right: 2.7%;margin-bottom: 3rem;}
#contents01 .inner-Box3 ul li:nth-child(3n) {margin-right: 0px;}
#contents01 .inner-Box3 figure.photo {position: relative;top: 0;left: 0;}
#contents01 .inner-Box3 figure.photo img{width: 100%;border-radius: 10px;}





    #contents02 {margin: 0 auto;position: relative;padding: 0 4rem 59rem;max-width: 1180px;}
    #contents02 .inner-Box {margin: -27px auto 7rem auto;position: relative;}
    #contents02 .inner-Box p.text {font-size: 1.6rem;line-height: 3;font-weight: 400;letter-spacing: 0.32rem;margin-bottom: 5.8rem;position: relative;color: #fff;text-align: center;}
    #contents02 .inner-Box ul.slist { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
    #contents02 .inner-Box ul.slist li { position: relative; border: 2px solid #000000; border-radius: 10px; background: #fff; width: 31.5%; margin-right: 2.7%; padding: 3.9rem 3.5rem 2.3rem 3.5rem; }
    #contents02 .inner-Box ul.slist li:nth-child(3n) { margin-right: 0px; }
    #contents02 .inner-Box h3 { font-size: 2.2rem; line-height: 1.5; font-weight: 700; letter-spacing: 0.44rem; margin-bottom: 2.9rem; position: relative; text-align: center; }
    #contents02 .inner-Box h3::before { content: ""; width: 3rem; height: 3px; background: #1788A0; display: block; position: absolute; bottom: -1.2rem; left: 50%; transform: translateX(-50%); }
    #contents02 .inner-Box p.ltext { font-size: 1.8rem; line-height: 1.5; font-weight: 500; letter-spacing: 0.36rem; margin-bottom: 1.4rem; position: relative; padding: 0 0 0 1.7rem; }
    #contents02 .inner-Box p.ltext::before { content: ""; display: block; width: 0.7rem; height: 0.7rem; border-radius: 50%; background: #1788A0; position: absolute; top: 1rem; left: 0.4rem; }
    #contents02 .inner-Box2 {margin: 0 auto 70px;position: relative;width: 67.4rem;border: 2px solid #000000;border-radius: 10px;background: #EAF9FC;padding: 3.8rem 0 0;}
    #contents02 .inner-Box2 h3{font-size: 2rem;text-align: center;letter-spacing: 0.4rem;font-weight: 500;margin-bottom: -0.9rem;}
    #contents02 .inner-Box2 .tticon{ display: block; text-align: center; }
    #contents02 .inner-Box2 ul.slist2 {padding: 1.6rem 2rem 4.1rem 7.2rem;}
    #contents02 .inner-Box2 ul li { position: relative; }
    #contents02 .inner-Box2 ul li:nth-child(3n) { margin-right: 0px; }
    #contents02 .inner-Box2 p.ltext2 {font-size: 1.8rem;line-height: 2;font-weight: 500;letter-spacing: 0.36rem;position: relative;margin-bottom: 0.2rem;}
    #contents02 .inner-Box2 p.ltext2::before {content: "";display: block;width: 0.7rem;height: 0.7rem;border-radius: 50%;background: #1788A0;position: absolute;top: 1.5rem;left: -1.4rem;}
    
    #contents02 .inner-Box3 {margin: 0 auto;position: relative;max-width: 1180px;}
    #contents02 .inner-Box3 ul.list3 {display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
    #contents02 .inner-Box3 ul li {position: relative;width: 31.5%;margin-right: 2.7%;margin-bottom: 3rem;}
    #contents02 .inner-Box3 ul li:nth-child(3n) {margin-right: 0px;}
    #contents02 .inner-Box3 figure.photo {position: relative;top: 0;left: 0;}
    #contents02 .inner-Box3 figure.photo img{width: 100%;border-radius: 10px;}
    
}

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

@media screen and (max-width: 767px) {
    .recruit-main-titlebox { background: url(../images/w-l-balance/sp-h1.jpg)no-repeat top center; background-size: 100% auto; height: 86vw; }
    .seo_bread_list { margin-bottom: -15.3vw; color: #fff; z-index: 3; position: relative; top: -0.9vw; }
    .seo_bread_list a { color: #fff; }
    .seo_bread_list img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
    
    #contentsmain { margin: 0 auto 11.33vw; position: relative; text-align: center; padding-top: 10vw; }
    #contentsmain .inner-Box { margin: 0 5.4vw; position: relative; padding: 3.87vw 0 0; }
    #contentsmain .inner-Box p.text { font-size: 3.73vw; line-height: 2.5; font-weight: 500; letter-spacing: 0.75vw; margin-bottom: 8.0vw; position: relative; color: #fff; text-align: left; }
    
    #contents01 {margin: 0 auto 7.8vw;position: relative;}
    #contents01 .inner-Box { margin: -2.4vw auto 0; position: relative; padding: 0 5.4vw; }
    #contents01 .inner-Box p.text {font-size: 3.73vw;line-height: 2.5;font-weight: 400;letter-spacing: 0.75vw;margin-bottom: 9.5vw;position: relative;color: #fff;text-align: left;}


#contents01 .inner-Box ul.list {display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contents01 .inner-Box ul li {position: relative;margin-bottom: 11vw;}
#contents01 .inner-Box ul li p.text2 {font-size: 3.73vw;line-height: 1.8;font-weight: 400;letter-spacing: 0.37vw;margin-bottom: 3rem;position: relative;color: #fff;}

#contents01 .inner-Box ul li:nth-child(2n) { margin-right: 0.0vw; }
#contents01 .inner-Box h3 {font-size: 4.27vw;line-height: 1.75;font-weight: 700;letter-spacing: 0.43vw;margin-bottom: 5vw;position: relative;}
#contents01 .inner-Box h3 span {display: inline-block;background: #fff;text-align: center;border: 0.53vw solid #000000;padding: 2.9vw 0;width: 100%;}
#contents01 .inner-Box figure.img {position: relative;top: 0;margin: 0 7.9vw;}
#contents01 .inner-Box figure.img img{width: 100%;height: auto;}
#contents01 .inner-Box2 {margin: 0 5.4vw 8.17vw;position: relative;}
#contents01 .inner-Box2 h3 {font-size: 4.27vw;line-height: 1.75;font-weight: 700;letter-spacing: 0.43vw;margin-bottom: 5.8vw;position: relative;}
#contents01 .inner-Box2 h3 span {display: inline-block;background: #fff;text-align: center;border: 0.53vw solid #000000;padding: 2.9vw 0;width: 100%;}
#contents01 .inner-Box2 h4 {font-size: 4.27vw;line-height: 1.75;font-weight: 400;letter-spacing: 0.85vw;margin-bottom: 6.7vw;position: relative;text-align: left;color: #fff;margin-left: 9vw;}
#contents01 .inner-Box2 h4 span {font-size: 5.33vw;letter-spacing: 1.07vw;font-weight: 500;position: relative;top: -0.2vw;display: block;}

#contents01 .inner-Box2 .innBox{position: relative;}
#contents01 .inner-Box2 figure.img {position: relative;margin: 0 3.6vw 8vw;}
#contents01 .inner-Box2 figure.img img{width: 100%;height: auto;}
#contents01 .inner-Box2 ul.list2 {border: 0.53vw solid #000000;border-radius: 2.67vw;background: url(../images/w-l-balance/contents01-icon01.svg)no-repeat center center #EAF9FC;padding: 7.7vw 6.2vw 5.2vw 9.9vw;background-size: 75.8vw auto;}
#contents01 .inner-Box2 ul li { position: relative; }
#contents01 .inner-Box2 ul li:nth-child(3n) { margin-right: 0.0vw; }
#contents01 .inner-Box2 p.ltext {font-size: 4.27vw;line-height: 1.5;font-weight: 500;letter-spacing: 0.85vw;position: relative;margin-bottom: 2.6vw;}
#contents01 .inner-Box2 p.ltext::before {content: "";display: block;width: 1.87vw;height: 1.87vw;border-radius: 50%;background: #1788A0;position: absolute;top: 2.3vw;left: -3.7vw;}

#contents01 .inner-Box3 {margin: 0 5.3vw;position: relative;}
#contents01 .inner-Box3 ul.list3 {display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contents01 .inner-Box3 ul li {position: relative;margin-bottom: 5.4vw;width: 100%;}
#contents01 .inner-Box3 ul li:nth-child(3n) {margin-right: 0.0vw;}
#contents01 .inner-Box3 figure.photo {position: relative;top: 0;left: 0;}
#contents01 .inner-Box3 figure.photo img{width: 100%;border-radius: 2.67vw;}


    
    #contents02 {position: relative;margin-bottom: 15.2vw;}
    #contents02 .inner-Box {margin: -2vw auto 5.5vw auto;position: relative;}
    #contents02 .inner-Box p.text {font-size: 3.73vw;line-height: 2.5;font-weight: 400;letter-spacing: 0.75vw;position: relative;color: #fff;margin: 0 5.5vw 5.9vw;}
    #contents02 .inner-Box ul.slist { margin: 0 5.2vw; }
    #contents02 .inner-Box ul.slist li {position: relative;border: 0.53vw solid #000000;border-radius: 2.67vw;background: #fff;width: 100%;padding: 7.5vw 6.4vw;margin-bottom: 5.1vw;}
    #contents02 .inner-Box ul.slist li:nth-child(3n) { margin-right: 0.0vw; }
    #contents02 .inner-Box h3 {font-size: 5.33vw;line-height: 1.5;font-weight: 700;letter-spacing: 1.07vw;margin-bottom: 7.8vw;position: relative;text-align: center;}
    #contents02 .inner-Box h3::before { content: ""; width: 3rem; height: 0.8vw; background: #1788A0; display: block; position: absolute; bottom: -1.2rem; left: 50%; transform: translateX(-50%); }
    #contents02 .inner-Box p.ltext {font-size: 4.27vw;line-height: 1.5;font-weight: 500;letter-spacing: 0.85vw;margin-bottom: 2.7vw;position: relative;padding: 0 0 0 4.1vw;}
    #contents02 .inner-Box p.ltext::before {content: "";display: block;width: 1.87vw;height: 1.87vw;border-radius: 50%;background: #1788A0;position: absolute;top: 2.4vw;left: 0.4vw;}

    #contents02 .inner-Box2 {margin: 0 5.4vw 8.17vw;position: relative;border: 0.53vw solid #000000;border-radius: 2.67vw;background: #EAF9FC;padding: 7.3vw 0 0;}
    #contents02 .inner-Box2 h3{font-size: 4.80vw;text-align: center;letter-spacing: 0.96vw;font-weight: 500;margin-bottom: -1.4vw;}
    #contents02 .inner-Box2 .tticon{display: block;text-align: center;margin: 0 40.2vw 1vw;}
    #contents02 .inner-Box2 ul.slist2 {padding: 4vw 3vw 7vw 10vw;}
    #contents02 .inner-Box2 ul li { position: relative; }
    #contents02 .inner-Box2 ul li:nth-child(3n) { margin-right: 0.0vw; }
    #contents02 .inner-Box2 p.ltext2 {font-size: 4.27vw;line-height: 1.5;font-weight: 500;letter-spacing: 0.85vw;position: relative;margin-bottom: 2.8vw;}
    #contents02 .inner-Box2 p.ltext2::before {content: "";display: block;width: 1.87vw;height: 1.87vw;border-radius: 50%;background: #1788A0;position: absolute;top: 2.5vw;left: -3.8vw;}
    
    #contents02 .inner-Box3 {margin: 0 5.3vw;position: relative;}
    #contents02 .inner-Box3 ul.list3 {display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
    #contents02 .inner-Box3 ul li {position: relative;margin-bottom: 5.4vw;width: 100%;}
    #contents02 .inner-Box3 ul li:nth-child(3n) {margin-right: 0.0vw;}
    #contents02 .inner-Box3 figure.photo {position: relative;top: 0;left: 0;}
    #contents02 .inner-Box3 figure.photo img{width: 100%;border-radius: 2.67vw;}
    

}