@charset "UTF-8"; @media screen and (min-width: 768px),print { #contentsmain .inner-Box h1, #contentsmain .inner-Box h2, #contentsmain .inner-Box h3, #contentsmain .inner-Box figure { opacity: 0; transition: opacity 0.6s ease; } #contentsmain {margin: 75px auto -42px auto;position: relative;background: url('../images/recruits/contentsmain-back01.jpg')no-repeat top center;height: 59.90vw;background-size: 100%;} #contentsmain img{ width: 100%; height: auto;} #contentsmain .inner-Box { margin: 0 auto; position: relative; } #contentsmain .inner-Box h1 {width: 44.27vw;position: absolute;top: 5.5vw;left: 7.4vw;} #contentsmain .inner-Box figure.photo01 {position: absolute;top: 17.3vw;left: 5vw;width: 12.92vw;} #contentsmain .inner-Box figure.photo02 {position: absolute;top: 17.4vw;left: 20.1vw;width: 13.39vw;} #contentsmain .inner-Box figure.photo03 {position: absolute;top: 17.8vw;left: 35vw;width: 13.23vw;} #contentsmain .inner-Box figure.photo04 {position: absolute;top: 18.3vw;left: 50.4vw;width: 13.33vw;} #contentsmain .inner-Box figure.photo05 {position: absolute;top: 17.8vw;left: 66.6vw;width: 12.97vw;} #contentsmain .inner-Box figure.photo06 {position: absolute;top: 18vw;left: 82.3vw;width: 12.92vw;z-index: 3;} #contentsmain .inner-Box h2 {position: absolute;top: 5.5vw;left: 56.1vw;width: 36.41vw;} #contentsmain .inner-Box h3 {position: absolute;top: 40.9vw;left: 4.9vw;width: 90.63vw;z-index: 4;} #contents01 {margin: 0 auto;position: relative;background: url('../images/recruits/contents01-back02.png')repeat-x bottom 185px left #E9E7DE;padding-bottom: 610px;animation: bg-scroll 40s linear infinite;} @keyframes bg-scroll { from { background-position: left 0 bottom 185px; } to { background-position: left -2262px bottom 185px; } } #contents01::before{content: "";display: block;width: 100%;height: 128px;background: url(../images/recruits/contents01-back01.svg)no-repeat top center;position: absolute;top: -116px;left: 0;background-size: cover;} .imm img{ width: 100%; } #contents01 span#rec-icon01 {position: absolute;top: -9.0625vw;right: 2.3438vw;display: block; width: 8.80vw;} #contents01 span#rec-icon02 {position: absolute;top: -6.3021vw;left: 5.8854vw; width:12.24vw;} #contents01 span#rec-icon03 {position: absolute;top: 36.1979vw;left: 0; width: 14.58vw;} #contents01 span#rec-icon04 {position: absolute;top: 38.0208vw;left: 50%;margin-left: -18.9583vw; width: 6.88vw;} #contents01 span#rec-icon05 {position: absolute;top: 38.8542vw;right: 7.8125vw; width: 10.05vw;} #contents01 span#rec-icon06 {position: absolute;top: 44.8958vw;left: 50%; width: 11.88vw;} #contents01 span#rec-icon07 {position: absolute;top: 62.8125vw;left: 15.7292vw; width: 8.54vw;} #contents01 span#rec-icon08 {position: absolute;top: 62.9688vw;right: 18.8542vw; width: 4.90vw;} #contents01 .inner-Box1 {margin: 0 auto 12rem;position: relative;padding: 0 4rem;max-width: 1180px;} #contents01 .inner-Box1 ul{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;padding: 0 8rem 0;} #contents01 .inner-Box1 ul li {position: relative;width: 48.1%;margin-right: 3.7%;} #contents01 .inner-Box1 ul li:nth-child(2n) { margin-right: 0px; } #contents01 .inner-Box1 ul li:nth-child(2) a { background: #EC6B61; } #contents01 .inner-Box1 ul li a {display: block;border: 1px solid #000000;border-radius: 5px;height: 12rem;background: #1788A0;color: #fff;text-align: left;padding: 4.3rem 2.3rem;} #contents01 .inner-Box1 ul li a:hover { } #contents01 .inner-Box1 p.entext {font-size: 1.6rem;line-height: 2;font-weight: 400;letter-spacing: 0.16rem;margin-bottom: 30px;position: relative;z-index: 3;} #contents01 .inner-Box1 figure.img {position: absolute;top: 2.7rem;right: 7rem;} #contents01 .inner-Box1 figure.img img{ } #contents01 .inner-Box1 ul li a.link-arr .post-arrow{top: 4.2rem;right: 2rem;} #contents01 .inner-Box2 {margin: 0 auto 12.2rem;position: relative;padding: 1.1rem 4rem 0 4rem;max-width: 1182px;min-height: 30rem;} #contents01 .inner-Box2 h2 {font-size: 2.4rem;line-height: 1.55;font-weight: 700;letter-spacing: 0.48rem;margin-bottom: 0px;position: absolute;top: 0rem;left: 4.8rem;text-align: center;} #contents01 .inner-Box2 h2 span{color: #1788A0;font-weight: 500;font-size: 1.2rem;letter-spacing: 0.24rem;display: block;} #contents01 .inner-Box2 ul.systemlist {margin-bottom: 41px;margin-left: 23rem;} #contents01 .inner-Box2 ul li {position: relative;border-bottom: #B4B4B4 1px solid;margin-bottom: 22px;padding-left: 5px;} #contents01 .inner-Box2 ul li:nth-child(3n) { margin-right: 0px; } #contents01 .inner-Box2 ul li a {text-align: left;} #contents01 .inner-Box2 ul li a:hover { } #contents01 .inner-Box2 p.system-date {min-height: 26px;font-size: 1.4rem;line-height: 2;font-weight: 400;letter-spacing: 0.16rem;margin-bottom: 13px;position: relative;padding: 0 0 0 94px;} #contents01 .inner-Box2 p.system-date span.day { position: absolute; top: 0; left: 0; } #contents01 .inner-Box2 p.system-date span.cate {font-size: 1.2rem;line-height: 1;display: inline-block;background: #C4C4C4;border-radius: 20px;padding: 7px 9px;} #contents01 .inner-Box2 p.system-ttl-01 {font-size: 1.6rem;line-height: 2;font-weight: 400;letter-spacing: 0.16rem;margin-bottom: 19px;position: relative;} #contentsnews .systemlist a.link-arr .post-arrow{ overflow: hidden; bottom: -6px; right: -5px; } #contents01 .inner-Box2 p.glbtn {font-size: 1.6rem;line-height: 2;font-weight: 500;letter-spacing: 0.16rem;margin-bottom: 30px;position: absolute;top: 134px;left: 4rem;width: 134px;text-align: left;} #contents01 .inner-Box2 p.glbtn a {text-align: left;} #contents01 .inner-Box2 p.glbtn a:hover { } #contents01 .inner-Box2 p.glbtn a.link-arr .post-arrow .arrow-bg{background: #1788A0;border: 1px solid #1788A0;} #contents01 .inner-Box2 p.glbtn a.link-arr img{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);} #contents01 .inner-Box3 {margin: 0 auto;position: relative;padding: 11px 4rem 0 4rem;max-width: 1180px;z-index: 4;} #contents01 .inBox {margin: 0 auto 0 0;position: relative;border: 2px solid #000000;background: #fff;border-radius: 20px;width: 57.4%;min-height: 40rem;padding: 4.8rem 5.7rem;} #contents01 .inBox::before{content: "";display: block;width: 47px;height: 40px;background: url(../images/character/contents01-icon03.svg)no-repeat top left;position: absolute;top: 152px;right: -47px;transform: scale(-1, 1);} #contents01 .inBox p.ltext {font-size: 1.6rem;line-height: 3;font-weight: 500;letter-spacing: 0.16rem;margin-bottom: 2.3rem;position: relative;} #contents01 .inBox h3 {font-size: 1.4rem;line-height: 1.75;font-weight: 400;letter-spacing: 0.14rem;margin-bottom: 0px;position: relative;text-align: right;} #contents01 .inBox h3 span {font-size: 1.8rem;font-weight: bold;letter-spacing: 0.18rem;display: inline-block;padding: 0 0 0 2.2rem;position: relative;top: 1px;} #contents01 figure.photo {position: absolute;top: -36px;width: 32.9%;right: 4.1%;} #contents01 figure.photo img{width: 100%;height: auto;} #contents02 span#rec2-icon01 {width: 6.72vw;position: absolute;top: 9.1vw;left: 50%;display: block;margin-left: -8vw;} #contents02 span#rec2-icon02 {width: 14.58vw;position: absolute;top: 4.3vw;left: 0vw;display: block;} #contents02 span#rec2-icon03 {width: 9.7396vw;position: absolute;top: 31.3vw;left: 20.2vw;display: block;} #contents02 span#rec2-icon04 {width: 13.1771vw;position: absolute;top: 17.8vw;right: 3vw;display: block;} #contents02 span#rec2-icon05 {width: 13.4375vw;position: absolute;top: 45.1vw;left: 12.5vw;display: block;} #contents02 span#rec2-icon06 {width: 10.1042vw;position: absolute;top: 40.4vw;left: 50%;display: block;} #contents02 span#rec2-icon07 {width: 8.1250vw;position: absolute;top: 45vw;right: 17.8vw;display: block;} #contents02 span#rec2-icon08 {width: 11.8229vw;position: absolute;top: 56.4vw;right: 0vw;display: block;} #contents02 span#rec2-icon09 {width: 29.6875vw;position: absolute;top: 79.7vw;left: 0vw;display: block;} #contents02 span#rec2-icon10 {width: 7.7083vw;position: absolute;top: 80.8vw;right: 17.4vw;display: block;} #contents02 span#rec2-icon11 {width: 9.3229vw;position: absolute;top: 91.2vw;right: 30.4vw;display: block;} #contents02 span#rec2-icon12 {width: 4.9479vw;position: absolute;top: 112vw;left: 14.7vw;display: block;} #contents02 {margin: 0 auto;position: relative;background: #1788A0;padding-bottom: 190px;} #contents02::before{content: "";display: block;width: 100%;height: 128px;background: url(../images/recruits/contents02-back01.svg)no-repeat top center;position: absolute;top: -116px;left: 0;background-size: cover;} #contents02 .recruit-title{text-align: left;max-width: 1190px;padding: 0 4rem;margin: 0 auto;top: 27px;} #contents02 .recruit-title .ills{position: absolute;top: -132px;left: 45px;} #contents02 .recruit-title .rttl .en{letter-spacing: 1.2rem;} #contents02 .recruit-title .rttl .jp{font-size: 4.5rem;left: 5px;position: relative;padding: 1.1rem 4.2rem;} #contents02 .inner-Box1 {margin: 82px auto 89px auto;position: relative;text-align: center;color: #fff;max-width: 1200px;padding: 0 240px;} #contents02 .inner-Box1 figure.photo01 {position: absolute;top: 0px;left: 0;overflow: hidden;border-radius: 10px;} #contents02 .inner-Box1 figure.photo01 img{ } #contents02 .inner-Box1 p.text {font-size: 1.6rem;line-height: 3;font-weight: 500;letter-spacing: 0.32rem;margin-bottom: 30px;position: relative;} #contents02 .inner-Box1 figure.photo02 {position: absolute;top: -200px;right: 0;overflow: hidden;border-radius: 10px;} #contents02 .inner-Box1 figure.photo02 img{ } #contents02 .inner-Box1 figure.photo03 {position: absolute;top: 62px;right: 44px;overflow: hidden;border-radius: 10px;} #contents02 .inner-Box1 figure.photo03 img{ } #contents02 .inner-Box2 {margin: 0 auto 57px;position: relative;max-width: 1200px;padding: 0 4rem;} #contents02 .inner-Box2 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;max-width: 800px;margin: 0 auto 2.5rem;} #contents02 .inner-Box2 ul li {position: relative;width: 31.3%;margin-right: 3%;margin-bottom: 1.5rem;} #contents02 .inner-Box2 ul li:nth-child(3n) { margin-right: 0px; } #contents02 .inner-Box2 .comeBox {margin: 0 auto -0.7rem;position: relative;text-align: center;} #contents02 .inner-Box2 .comeBox h3 {font-size: 1.6rem;line-height: 1.5;font-weight: 700;letter-spacing: 0.32rem;margin-bottom: 0px;position: relative;border: 1px solid #000000;background: #fff;border-radius: 22px;display: inline-block;padding: 1rem 1.8rem;} #contents02 .inner-Box2 .comeBox h3 span {background: linear-gradient(transparent 60%, #ffff66 60%);} #contents02 .inner-Box2 .comeBox h3::before{content: "";display: block;width: 20px;height: 17px;background: url(../images/character/contents01-icon03.svg)no-repeat top left;position: absolute;bottom: -17.8px;margin-left: 3.2rem;left: 50%;transform: rotate(-83deg);transform-origin: center;background-size: 100% 100%;} #contents02 .inner-Box2 ul li:nth-child(1) .comeBox h3::before{margin-left: 4rem;} #contents02 .inner-Box2 ul li:nth-child(4) .comeBox h3::before{transform: rotate(-83deg) scale(1, -1);margin-left: -5.7rem;} #contents02 .inner-Box2 ul li:nth-child(5) .comeBox h3::before{transform: rotate(-83deg) scale(1, -1);margin-left: -6.1rem;} #contents02 .inner-Box2 ul li:nth-child(6) .comeBox h3::before{margin-left: 4.5rem;} #contents02 .inner-Box2 ul li figure.img {position: relative;top: 0;left: 0;margin: 0 auto;display: block;max-width: 180px;} #contents02 .inner-Box2 ul li figure.img img{ } #contents02 .inner-Box3 {margin: 0 auto;position: relative;padding: 0 4rem;} #contents02 .inner-Box3 p.btn {padding-top: 0px;margin-bottom: 9.9rem;} #contents02 .inner-Box3 p.btn img { } #contents02 .inner-Box3 p.btn a{background: url(../images/recruits/contents02-back02.jpg)no-repeat top center;display: block;position: relative;overflow: hidden;height: 270px;max-width: 1100px;padding-top: 42px;border-radius: 20px;} #contents02 .inner-Box3 p.btn .post-arrow{ transform: scale(1.4); transform-origin: center; top: auto; right: 3.6rem; bottom: 3.6rem; } #contents02 .inner-Box4 {margin: 0 auto;position: relative;padding: 0 4rem;max-width: 1136px;} #contents02 .inner-Box4 h3 {text-align: center;margin-bottom: 33px;} #contents02 .inner-Box4 h3 span{ } #contents02 .inner-Box4 h3 img { } #contents02 .inner-Box4 ul{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-Box4 ul li {position: relative;width: 29.6%;margin-right: 5.6%;text-align: center;} #contents02 .inner-Box4 ul li:nth-child(3n) { margin-right: 0px; } #contents02 .inner-Box4 figure.photo {position: relative;top: 0;left: 0;max-width: 303px;margin: 0 auto -26px;} #contents02 .inner-Box4 figure.photo img{width: 100%;} #contents02 .inner-Box4 h4 {border: 2px solid #1788A0;font-size: 1.8rem;line-height: 1.75;font-weight: 700;letter-spacing: 0.18rem;margin-bottom: 1.2rem;position: relative;background: #fff;color: #1788A0;padding: 1.1rem 0;} #contents02 .inner-Box4 p.ltext {font-size: 1.6rem;line-height: 2;font-weight: 400;letter-spacing: 0.16rem;margin-bottom: 30px;position: relative;color: #fff;} #contents03 span#rec3-icon01 {width: 11.8750vw;position: absolute;top: 3.2vw;left: 0vw;display: block;} #contents03 span#rec3-icon02 {width: 13.1771vw;position: absolute;top: 16.7vw;right: 3vw;display: block;} #contents03 span#rec3-icon03 {width: 8.1250vw;position: absolute;top: 31.7vw;right: 17.8vw;display: block;} #contents03 span#rec3-icon04 {width: 13.4375vw;position: absolute;top: 31.7vw;left: 12.6vw;display: block;} #contents03 span#rec3-icon05 {width: 11.8229vw;position: absolute;top: 54.9vw;right: 0vw;display: block;} #contents03 span#rec3-icon06 {width: 16.8750vw;position: absolute;top: 78.7vw;left: 0vw;display: block;} #contents03 span#rec3-icon07 {width: 10.9896vw;position: absolute;top: 92.8vw;right: 14.6vw;display: block;} #contents03 span#rec3-icon08 {width: 4.9479vw;position: absolute;top: 97.7vw;left: 23.6vw;display: block;} #contents03 span#rec3-icon09 {width: 11.1458vw;position: absolute;top: 101.2vw;left: 30.5vw;display: block;} #contents03 {margin: 0 auto;position: relative;background: #E9E7DE;padding-bottom: 200px;padding-top: 15px;} #contents03::before{content: "";display: block;width: 100%;height: 128px;background: url(../images/recruits/contents01-back01.svg)no-repeat top center;position: absolute;top: -116px;left: 0;background-size: cover;} #contents03 .recruit-title .ills{position: absolute;top: -46px;left: 50%;margin-left: 263px;z-index: 3;} #contents03 .inner-Box1 {margin: 0 auto 98px;position: relative;padding: 0 4rem;max-width: 1180px;top: -23px;} #contents03 .inner-Box1 p.subtext {font-size: 1.8rem;line-height: 2;font-weight: 700;letter-spacing: 0.36rem;margin-bottom: 34px;position: relative;text-align: center;} #contents03 .inner-Box1 h3 {font-size: 1.8rem;line-height: 1.75;font-weight: 700;letter-spacing: 0.18rem;margin-bottom: 0px;position: relative;} #contents03 .inner-Box1 h3 span {background: #EAF9FC;border: 2px solid #000000;display: inline-block;padding: 11px 28px;margin-bottom: -2px;} #contents03 .inner-Box1 p.boxtext {font-size: 1.6rem;line-height: 1.8;font-weight: 400;letter-spacing: 0.16rem;margin-bottom: 40px;position: relative;background: #EAF9FC;border: 2px solid #000000;padding: 3.7rem 4.8rem 3.4rem 4.8rem;} #contents03 .inner-Box2 {margin: 0 auto 54px;position: relative;padding: 0 4rem;max-width: 1180px;} #contents03 .inner-Box2 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;margin: -13px 0 0;} #contents03 .inner-Box2 ul li {width: 23.3%;margin-right: 2.2%;margin-bottom: 25px;background: #5A97A3;border-radius: 8px;} #contents03 .inner-Box2 ul li:nth-child(4n) { margin-right: 0px; } #contents03 .inner-Box2 ul li figure { filter: blur(3px); transition: filter 0.4s ease; } #contents03 .inner-Box2 ul li a {display: block;overflow: hidden;border-radius: 10px;position: relative;color: #fff;} #contents03 .inner-Box2 ul li a:hover figure{ filter: blur(0px);} #contents03 .inner-Box2 ul li a:hover figure img{ opacity: 1; } #contents03 .inner-Box2 ul li a.link-arr .post-arrow{ top: auto; bottom: 1.5rem; right: 1.5rem; } #contents03 .inner-Box2 span.vsicon {position: absolute;top: 2.5rem;left: 50%;transform: translateX(-50%);} #contents03 .inner-Box2 span.vsicon img{ } #contents03 .inner-Box2 h4 {font-size: 2rem;line-height: 1.75;font-weight: 400;letter-spacing: 0.2rem;margin-bottom: 0px;position: absolute;top: 7.4rem;width: 100%;text-align: center;} #contents03 .inner-Box2 p.lltext {font-size: 1.4rem;line-height: 1.8;font-weight: 400;letter-spacing: 0.14rem;margin-bottom: 30px;position: absolute;top: 11.9rem;left: 50%;width: 100%;text-align: center;transform: translateX(-50%);} #contents03 .inner-Box3 {margin: 0 auto;position: relative;width: 452px;padding-top: 108px;} #contents03 .inner-Box3 span.icon02 {display: block;line-height: 1;position: absolute;top: 29px;left: 24px;} #contents03 .inner-Box3 span.icon02 img { } #contents03 .inner-Box3 span.icon03 {display: block;line-height: 1;position: absolute;top: 74px;right: 40px;z-index: 3;} #contents03 .inner-Box3 span.icon03 img { } #contents03 .inner-Box3 figure.photo01 {position: absolute;top: 0;left: 78px;} #contents03 .inner-Box3 figure.photo01 img{ } #contents03 .inner-Box3 p.entrybtn {font-size: 1.6rem;line-height: 2;font-weight: 400;letter-spacing: 0.16rem;margin: 0 auto 30px;position: relative;} #contents03 .inner-Box3 p.entrybtn a {transition: all 0.3s ease-in-out; background: transparent linear-gradient(180deg, #81BAC6 0%, #006F86 100%) 0% 0% no-repeat padding-box; box-shadow: 6px 6px 0px #00000029; border: 1px solid #000000; border-radius: 5px; display: block; width: 452px; height: 120px; font-size: 23px; letter-spacing: 4.6px; color: #fff; font-weight: 500; padding-top: 41px; left: 0; } #contents03 .inner-Box3 p.entrybtn a:hover { box-shadow: 0px 0px 0px #00000029; } #contents03 .inner-Box3 p.entrybtn a.link-arr .post-arrow{top: 42px;right: 19px;} } @media screen and (min-width:768px) and ( max-width:1919px) { #contents01::before { background-size: 1920px auto; } #contents02::before { background-size: 1920px auto; } } @media screen and (min-width:768px) and ( max-width:960px) { #contents03 .inner-Box2 ul li {width: 30.9%;margin-right: 2.5%;margin-bottom: 25px;} #contents03 .inner-Box2 ul li:nth-child(4n) { margin-right: 2.2%; } #contents03 .inner-Box2 ul li:nth-child(3n) { margin-right: 2.2%; } #contents03 .inner-Box2 ul li a figure img{ width: 100%; height: auto;} } @media screen and (max-width: 767px) { #contentsmain .inner-Box h1, #contentsmain .inner-Box h2, #contentsmain .inner-Box h3, #contentsmain .inner-Box figure { opacity: 0; transition: opacity 0.6s ease; } #contentsmain {margin: 0vw auto -1.7vw auto;position: relative;background: url('../images/recruits/sp-contentsmain-back01.jpg')no-repeat top center;height: 189.9vw;background-size: 100%;} #contentsmain img{ width: 100%; height: auto;} #contentsmain .inner-Box {position: relative;} #contentsmain .inner-Box h1 {width: 88.77vw;position: absolute;top: 12.4vw;left: 5.7vw;} #contentsmain .inner-Box figure.photo01 {position: relative;top: 26.6vw;left: 5vw;width: 28.32vw;} #contentsmain .inner-Box figure.photo02 {position: absolute;top: 26.9vw;left: 39vw;width: 28.92vw;} #contentsmain .inner-Box figure.photo03 {position: absolute;top: 52.3vw;left: 31.2vw;width: 29.12vw;} #contentsmain .inner-Box figure.photo04 {position: absolute;top: 53.1vw;left: 64.6vw;width: 29.22vw;} #contentsmain .inner-Box figure.photo05 {position: absolute;top: 79.9vw;left: 5.6vw;width: 28.02vw;} #contentsmain .inner-Box figure.photo06 {position: absolute;top: 79.9vw;left: 39.6vw;width: 28.32vw;z-index: 3;} #contentsmain .inner-Box h2 {position: absolute;top: 118.5vw;left: 13.1vw;width: 72.91vw;} #contentsmain .inner-Box h3 {position: absolute;left: 3.9vw;width: 92.63vw;z-index: 4;top: 150.2vw;} #contents01 {position: relative;background: url('../images/recruits/contents01-back02.png')repeat-x bottom 23.93vw left #E9E7DE;margin-bottom: -2.3vw;animation: bg-scroll 140s linear infinite;background-size: auto 62vw;padding-bottom: 97vw;} #contents01::before{content: "";display: block;width: 100%;height: 8.13vw;background: url(../images/recruits/contents01-back01.svg)no-repeat top center;position: absolute;top: -6.2vw;left: 0;background-size: 100% auto;} @keyframes bg-scroll { from { background-position: left 0 bottom 23.93vw; } to { background-position: left -603.20vw bottom 23.93vw; } } .imm img{ width: 100%; } #contents01 span#rec-icon01 {position: absolute;top: -13.0625vw;right: 2.3438vw;display: block;width: 21.8vw;} #contents01 span#rec-icon02 {position: absolute;top: -9.3021vw;left: 2.0854vw;w;width: 30.44vw;} #contents01 span#rec-icon03 {position: absolute;top: 194.7979vw;left: -2.7vw;width: 27.58vw;} #contents01 span#rec-icon04 {position: absolute;top: 226.0208vw;left: 50%;margin-left: -31.9583vw;width: 14.88vw;} #contents01 span#rec-icon05 {position: absolute;top: 348.8542vw;right: -6.1875vw;width: 23.05vw;} #contents01 span#rec-icon06 {position: absolute;top: 226.8958vw;right: 0;width: 31.88vw;} #contents01 span#rec-icon07 {position: absolute;top: 334.8125vw;left: 8.7292vw;width: 20.54vw;} #contents01 span#rec-icon08 {position: absolute;top: 445.9688vw;right: 10.8542vw;width: 11.9vw;} #contents01 .inner-Box1 {margin: 0 auto 3vw;padding: 7.7vw 5vw;position: relative;} #contents01 .inner-Box2 {margin: 0 auto 12.2vw;position: relative;padding: 0 5.2vw;min-height: 30rem;} #contents01 .inner-Box2 h2 {font-size: 5.87vw;line-height: 1.55;font-weight: 700;letter-spacing: 1.17vw;margin-bottom: 7.2vw;position: relative;text-align: center;} #contents01 .inner-Box2 h2 span{color: #1788A0;font-weight: 500;font-size: 2.67vw;letter-spacing: 0.53vw;display: block;} #contents01 .inner-Box2 p.glbtn {font-size: 4.27vw;line-height: 2;font-weight: 500;letter-spacing: 0.43vw;margin-bottom: 8.0vw;position: relative;text-align: left;} #contents01 .inner-Box2 p.glbtn a {text-align: right;margin: 0;padding-right: 12.5vw;} #contents01 .inner-Box2 p.glbtn a:hover { } #contents01 .inner-Box2 p.glbtn a.link-arr .post-arrow .arrow-bg{background: #1788A0;border: 0.27vw solid #1788A0;} #contents01 .inner-Box2 p.glbtn a.link-arr img{-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);top: -2.5vw;} #contents01 .inner-Box3 {position: relative;z-index: 4;} #contents01 .inBox {margin: 0 5.3vw 4vw;position: relative;border: 0.53vw solid #000000;background: #fff;border-radius: 3.43vw;padding: 11vw 9vw 12.6vw 9vw;} #contents01 .inBox::before{content: "";display: block;width: 8.13vw;height: 10.67vw;background: url(../images/character/contents01-icon03.svg)no-repeat top left;position: absolute;bottom: -8.7vw;right: 22.7vw;transform: rotate(-66deg);transform-origin: center;/* transform: scale(-1, 1); */background-size: 100% auto;} #contents01 .inBox::after{content: "";width: 10vw;height: 6vw;background: #fff;position: absolute;bottom: 0vw;left: 58vw;} #contents01 .inBox p.ltext {font-size: 3.73vw;line-height: 2.5;font-weight: 500;letter-spacing: 0.37vw;margin-bottom: 2.3vw;position: relative;} #contents01 .inBox h3 {font-size: 3.73vw;line-height: 1.75;font-weight: 400;letter-spacing: 0.37vw;margin-bottom: 0.0vw;position: relative;text-align: right;right: -0.5vw;} #contents01 .inBox h3 span {font-size: 4.27vw;font-weight: bold;letter-spacing: 0.48vw;display: inline-block;padding: 0 0 0 3.3vw;position: relative;top: 0.27vw;} #contents01 figure.photo {position: relative;top: 0vw;margin: 0 5.6vw;} #contents01 figure.photo img{width: 100%;height: auto;} #contents02 span#rec2-icon01 {width: 15.72vw;position: absolute;top: 24.1vw;left: 50%;display: block;margin-left: -3vw;} #contents02 span#rec2-icon02 {width: 34.58vw;position: absolute;top: 47.3vw;left: -4.3vw;display: block;} #contents02 span#rec2-icon03 {width: 23.7396vw;position: absolute;top: 157.3vw;left: 10.2vw;display: block;} #contents02 span#rec2-icon04 {width: 31.1771vw;position: absolute;top: 203.3vw;right: 2.1vw;display: block;} #contents02 span#rec2-icon05 {width: 31.4375vw;position: absolute;top: 267.6vw;left: -7.4vw;display: block;} #contents02 span#rec2-icon06 {width: 26.1042vw;position: absolute;top: 378.4vw;left: 31vw;display: block;} #contents02 span#rec2-icon07 {width: 20.125vw;position: absolute;top: 309.4vw;right: -3vw;display: block;} #contents02 span#rec2-icon08 {width: 11.8229vw;position: absolute;top: 773.4vw;right: 0vw;display: none;} #contents02 span#rec2-icon09 {width: 70.6875vw;position: absolute;top: 491vw;right: 81vw;display: block;} #contents02 span#rec2-icon10 {width: 18.7083vw;position: absolute;top: 543vw;right: 4.4vw;display: block;} #contents02 span#rec2-icon11 {width: 46.3229vw;position: absolute;top: 767.2vw;right: 2vw;display: block;} #contents02 span#rec2-icon12 {width: 4.9479vw;position: absolute;top: 112vw;left: 14.7vw;display: block;} #contents02 {position: relative;background: #1788A0;padding-bottom: 15.67vw;} #contents02::before{content: "";display: block;width: 100%;height: 34.13vw;background: url(../images/recruits/contents02-back01.svg)no-repeat top center;position: absolute;top: -6vw;left: 0;background-size: 100%;} #contents02 .recruit-title{ text-align: left; margin: 0 5.1vw; padding-top: 7.3vw; } #contents02 .recruit-title .ills{position: absolute;top: -10.7vw;left: 0.2vw;width: 16vw;} #contents02 .recruit-title .rttl .en{} #contents02 .recruit-title .rttl .jp{} #contents02 .inner-Box1 {margin: 0vw auto 13.83vw auto;position: relative;text-align: center;color: #fff;} #contents02 .inner-Box1 figure.photo01 {position: relative;top: 0.0vw;left: 0;overflow: hidden;border-radius: 2.67vw;margin: 0 16.1vw 6.3vw 38.4vw;padding-top: 0.2vw;} #contents02 .inner-Box1 figure.photo01 img{ } #contents02 .inner-Box1 p.text {font-size: 3.73vw;line-height: 2.5;font-weight: 500;letter-spacing: 0.75vw;margin-bottom: 6vw;position: relative;} #contents02 .inner-Box1 figure.photo02 {position: relative;top: 0vw;right: 0;overflow: hidden;border-radius: 2.67vw;margin: 0vw 10.7vw -18vw 51.7vw;} #contents02 .inner-Box1 figure.photo02 img{ } #contents02 .inner-Box1 figure.photo03 {position: relative;overflow: hidden;border-radius: 2.67vw;margin: 0 54vw 0 5vw;} #contents02 .inner-Box1 figure.photo03 img{ } #contents02 .inner-Box2 {margin: 0 auto 2.4vw;position: relative;padding: 0 4vw;} #contents02 .inner-Box2 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;} #contents02 .inner-Box2 ul li {position: relative;width: 48.3%;margin-right: 3.4%;margin-bottom: 5.3vw;} #contents02 .inner-Box2 ul li:nth-child(2n) { margin-right: 0.0vw; } #contents02 .inner-Box2 li:nth-child(1) .comeBox h3{width: 45.33vw;height: 16.83vw;left: 1.13vw;} #contents02 .inner-Box2 li:nth-child(2) .comeBox h3{width: 36.83vw;height: 16.83vw;left: 4.13vw;} #contents02 .inner-Box2 li:nth-child(3) .comeBox h3{width: 45.33vw;height: 16.83vw;left: 1.33vw;} #contents02 .inner-Box2 li:nth-child(4) .comeBox h3{width: 40.33vw;height: 21.83vw;left: 1.13vw;top: -4.6vw;margin-bottom: -6vw;} #contents02 .inner-Box2 li:nth-child(5) .comeBox h3{width: 40.33vw;height: 21.93vw;left: 1.13vw;} #contents02 .inner-Box2 li:nth-child(6) .comeBox h3{width: 48.33vw;height: 21.83vw;left: -3.87vw;} #contents02 .inner-Box2 .comeBox {margin: 0 auto -0.7rem;position: relative;text-align: center;} #contents02 .inner-Box2 .comeBox h3 {font-size: 3.73vw;line-height: 1.5;font-weight: 700;letter-spacing: 0.85vw;margin-bottom: 0.0vw;position: relative;border: 0.37vw solid #000000;background: #fff;border-radius: 4.87vw;display: block;padding: 2.2vw 0vw;} #contents02 .inner-Box2 .comeBox h3 span {background: linear-gradient(transparent 60%, #ffff66 60%);} #contents02 .inner-Box2 .comeBox h3::before{content: "";display: block;width: 4.33vw;height: 4.53vw;background: url(../images/character/contents01-icon03.svg)no-repeat top left;position: absolute;bottom: -3.5vw;margin-left: 9.3vw;left: 50%;transform: rotate(-76deg);margin-bottom: 0vw;transform-origin: center;background-size: 100% 100%;} #contents02 .inner-Box2 .comeBox h3::after{content: "";width: 28vw;height: 2vw;background: #fff;position: absolute;bottom: 0.1vw;z-index: 3;right: 4vw;} #contents02 .inner-Box2 ul li:nth-child(1) .comeBox h3::before{margin-left: 10vw;} #contents02 .inner-Box2 ul li:nth-child(2) .comeBox h3::before{margin-left: 7vw;} #contents02 .inner-Box2 ul li:nth-child(4) .comeBox h3::before{transform: rotate(-111deg) scale(1, -1);margin-left: -11.7vw;} #contents02 .inner-Box2 ul li:nth-child(5) .comeBox h3::before{transform: rotate(-103deg) scale(1, -1);margin-left: -11.8vw;} #contents02 .inner-Box2 ul li:nth-child(6) .comeBox h3::before{margin-left: 11.5vw;} #contents02 .inner-Box2 ul li figure.img {position: relative;top: 0;left: 0;display: block;z-index: 3;} #contents02 .inner-Box2 ul li figure.img img{ } #contents02 .inner-Box3 {margin: 10vw 5.5vw 13.6vw;position: relative;} #contents02 .inner-Box3 p.btn {padding-top: 0.0vw;} #contents02 .inner-Box3 p.btn img { } #contents02 .inner-Box3 p.btn a{background: url(../images/recruits/contents02-back02.jpg)no-repeat top center;display: block;position: relative;overflow: hidden;height: 61.8vw;padding: 10.5vw 7.5vw;border-radius: 2.33vw;background-size: auto 100%;margin: 0;} #contents02 .inner-Box3 p.btn .post-arrow{/* transform: scale(1.4); */transform-origin: center;top: auto;right: 4vw;bottom: 4.1vw;} #contents02 .inner-Box4 {position: relative;} #contents02 .inner-Box4 h3 {text-align: center;margin: 0 7.5vw 8.8vw 8.5vw;} #contents02 .inner-Box4 h3 span{ } #contents02 .inner-Box4 h3 img { } #contents02 .inner-Box4 ul{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;margin: 0 8.3vw;} #contents02 .inner-Box4 ul li {position: relative;text-align: center;width: 100%;} #contents02 .inner-Box4 ul li:nth-child(3n) { margin-right: 0.0vw; } #contents02 .inner-Box4 figure.photo {position: relative;top: 0;left: 0;margin: 0 1.1vw -7.8vw;} #contents02 .inner-Box4 figure.photo img{width: 100%;} #contents02 .inner-Box4 h4 {font-size: 4.8vw;line-height: 1.75;font-weight: 700;letter-spacing: 0.48vw;margin-bottom: 4vw;position: relative;background: #fff;color: #1788A0;padding: 1.1rem 0;border: 2px solid #1788A0;} #contents02 .inner-Box4 p.ltext {font-size: 4.27vw;line-height: 2;font-weight: 400;letter-spacing: 0.43vw;margin-bottom: 6.3vw;position: relative;color: #fff;} #contents03 span#rec3-icon01 {width: 28.875vw;position: absolute;top: 36.2vw;left: -2.9vw;display: block;} #contents03 span#rec3-icon02 {width: 30.9771vw;position: absolute;top: 74.8vw;right: 2.1vw;display: block;} #contents03 span#rec3-icon03 {width: 8.1250vw;position: absolute;top: 171.7vw;right: 17.8vw;display: block;} #contents03 span#rec3-icon04 {width: 36.4375vw;position: absolute;top: 158.7vw;left: 4.6vw;display: block;} #contents03 span#rec3-icon05 {width: 15.8229vw;position: absolute;top: 250.7vw;right: 0vw;display: block;} #contents03 span#rec3-icon06 {width: 30.875vw;position: absolute;top: 269.7vw;left: -0.8vw;display: block;} #contents03 span#rec3-icon07 {width: 10.9896vw;position: absolute;top: 72.8vw;right: 14.6vw;display: none;} #contents03 span#rec3-icon08 {width: 4.9479vw;position: absolute;top: 57.7vw;left: 23.6vw;display: none;} #contents03 span#rec3-icon09 {width: 26.1458vw;position: absolute;top: 554.2vw;left: 1.5vw;display: block;} #contents03 {position: relative;background: #E9E7DE;padding-bottom: 16.33vw;padding-top: 7.1vw;} #contents03::before{content: "";display: block;width: 100%;height: 34.13vw;background: url(../images/recruits/contents01-back01.svg)no-repeat top center;position: absolute;top: -7vw;left: 0;background-size: 100% auto;} #contents03 .recruit-title{ } #contents03 .recruit-title .ills{position: absolute;top: -10vw;right: -1.3vw;z-index: 3;width: 26.5vw;} #contents03 .inner-Box1 {margin: 0 5.3vw 10.13vw;position: relative;top: -3.1vw;} #contents03 .inner-Box1 p.subtext {font-size: 3.73vw;line-height: 2.5;font-weight: 700;letter-spacing: 0.75vw;margin-bottom: 5.77vw;position: relative;text-align: center;} #contents03 .inner-Box1 h3 {font-size: 4.27vw;line-height: 1.75;font-weight: 700;letter-spacing: 0.48vw;margin-bottom: 0.0vw;position: relative;} #contents03 .inner-Box1 h3 span {background: #EAF9FC;border: 0.53vw solid #000000;display: inline-block;padding: 2.53vw 6.47vw;margin-bottom: -0.3vw;} #contents03 .inner-Box1 p.boxtext {font-size: 3.73vw;line-height: 1.8;font-weight: 400;letter-spacing: 0.37vw;margin-bottom: 4.87vw;position: relative;background: #EAF9FC;border: 0.53vw solid #000000;padding: 6.9vw 5vw;} #contents03 .inner-Box2 {margin: 0 5.2vw 2.6vw;position: relative;} #contents03 .inner-Box2 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;margin: 0vw 0 0;} #contents03 .inner-Box2 ul li {width: 47.8%;margin-right: 4.4%;margin-bottom: 3.87vw;background: #5A97A3;border-radius: 2.67vw;} #contents03 .inner-Box2 ul li:nth-child(2n) { margin-right: 0.0vw; } #contents03 .inner-Box2 ul li figure { filter: blur(0.8vw); transition: filter 0.4s ease; } #contents03 .inner-Box2 ul li a {height: 50vw;display: block;overflow: hidden;border-radius: 2.67vw;position: relative;color: #fff;margin: 0;} #contents03 .inner-Box2 ul li a:hover figure{ filter: blur(0.0vw);} #contents03 .inner-Box2 ul li a figure img{ height: 50vw; } #contents03 .inner-Box2 ul li a.link-arr .post-arrow{top: auto;bottom: 3.4vw;right: 2.5vw;} #contents03 .inner-Box2 span.vsicon {position: absolute;top: 4.5vw;left: 50%;transform: translateX(-50%);width: 9.7vw;} #contents03 .inner-Box2 span.vsicon img{ } #contents03 .inner-Box2 h4 {font-size: 4.27vw;line-height: 1.65;font-weight: 500;letter-spacing: 0.53vw;margin-bottom: 0.0vw;position: absolute;top: 12.5vw;width: 100%;text-align: center;} #contents03 .inner-Box2 p.lltext {font-size: 3.20vw;line-height: 1.6;font-weight: 400;letter-spacing: 0.37vw;margin-bottom: 8.0vw;position: absolute;top: 21vw;left: 50%;width: 100%;text-align: center;transform: translateX(-50%);} #contents03 .inner-Box2 ul li:nth-child(3) p.lltext, #contents03 .inner-Box2 ul li:nth-child(5) p.lltext, #contents03 .inner-Box2 ul li:nth-child(8) p.lltext{top: 27.6vw;} #contents03 .inner-Box3 {margin: 0 5.2vw;position: relative;} #contents03 .inner-Box3 span.icon02 {display: block;line-height: 1;position: absolute;top: 12.73vw;left: 2.8vw;width: 14vw;} #contents03 .inner-Box3 span.icon02 img { } #contents03 .inner-Box3 span.icon03 {display: block;line-height: 1;position: absolute;top: 18.13vw;right: 5.67vw;z-index: 3;width: 12vw;} #contents03 .inner-Box3 span.icon03 img { } #contents03 .inner-Box3 figure.photo01 {position: relative;top: 0;width: 62.2vw;left: 5vw;} #contents03 .inner-Box3 figure.photo01 img{ } #contents03 .inner-Box3 p.entrybtn {font-size: 4.27vw;line-height: 2;font-weight: 400;letter-spacing: 0.43vw;margin: 0 auto 8.0vw;position: relative;} #contents03 .inner-Box3 p.entrybtn a {transition: all 0.3s ease-in-out;background: transparent linear-gradient(180deg, #81BAC6 0%, #006F86 100%) 0% 0% no-repeat padding-box;box-shadow: 1.6vw 1.6vw 0.0vw #00000029;border: 0.27vw solid #000000;border-radius: 1.33vw;display: block;height: 25vw;font-size: 5.33vw;letter-spacing: 1.03vw;color: #fff;font-weight: 500;padding-top: 8.13vw;padding-right: 4.9vw;margin: 0;left: 0;} #contents03 .inner-Box3 p.entrybtn a:hover { box-shadow: 0.0vw 0.0vw 0.0vw #00000029; } #contents03 .inner-Box3 p.entrybtn a.link-arr .post-arrow{top: 8.2vw;right: 5.07vw;} #contents03 .inner-Box3 p.entrybtn a.link-arr .post-arrow img{top: -3vw;position: relative;} #contents01 .inner-Box1 ul{ margin: 0 1.7vw; } #contents01 .inner-Box1 ul li {position: relative;width: 100%;margin-bottom: 5.6vw;} #contents01 .inner-Box1 ul li:nth-child(2n) { margin-right: 0.0vw; } #contents01 .inner-Box1 ul li:nth-child(2) a { background: #EC6B61; } #contents01 .inner-Box1 ul li a {display: block;border: 0.37vw solid #000000;border-radius: 1.33vw;height: 23vw;background: #1788A0;color: #fff;text-align: left;padding: 8.3vw 6.2vw 4.3vw 6.2vw;} #contents01 .inner-Box1 p.entext {font-size: 4.27vw;line-height: 1.5;font-weight: 400;letter-spacing: 0.43vw;margin-bottom: 8.0vw;position: relative;z-index: 3;} #contents01 .inner-Box1 figure.img {position: absolute;top: 5.2vw;right: 15vw;width: 14vw;} #contents01 .inner-Box1 ul li:nth-child(2) figure.img {width: 15.4vw;top: 4vw;} #contents01 .inner-Box1 ul li a.link-arr .post-arrow{top: 7vw;right: 5vw;} #contents01 .inner-Box2 ul.systemlist {} #contents01 .inner-Box2 ul li {position: relative;border-bottom: #B4B4B4 0.27vw solid;margin-bottom: 5.87vw;} #contents01 .inner-Box2 ul li:nth-child(3n) { margin-right: 0.0vw; } #contents01 .inner-Box2 ul li a {text-align: left;margin: 0;} #contents01 .inner-Box2 ul li a:hover { } #contents01 .inner-Box2 p.system-date {font-size: 3.20vw;line-height: 1.5;font-weight: 400;letter-spacing: 0.37vw;margin-bottom: 1.57vw;position: relative;padding: 0 0 0 20.67vw;} #contents01 .inner-Box2 p.system-date span.day {position: absolute;top: 1vw;left: 0;} #contents01 .inner-Box2 p.system-date span.cate {font-size: 2.67vw;line-height: 1;display: inline-block;background: #C4C4C4;border-radius: 5.33vw;padding: 1.87vw 2.4vw;} #contents01 .inner-Box2 p.system-ttl-01 {font-size: 3.73vw;line-height: 1.5;font-weight: 400;letter-spacing: 0.43vw;margin-bottom: 5.27vw;position: relative;padding-right: 12vw;} #contentsnews .systemlist a.link-arr .post-arrow{overflow: hidden;bottom: -1.7vw;right: -2vw;} #contents01 .inner-Box2 p.glbtn a.link-arr .post-arrow{background: #1788A0;border: 0.27vw solid #1788A0;top: -2px;right: 0;} }