@charset "UTF-8";
/* CSS Document */

header{
background-image: url("/img/r-main.jpg");
background-position: center center;
}
.row img{
width: 100%;
}

#main{
background: url("/img/r-main-back.jpg") center center / cover;
position: relative;
padding: 5rem 0 7rem;
z-index: -1;
}
#main > img:first-of-type{
position: absolute;
top:0;
left:0;
max-width: 600px;
mix-blend-mode:color-dodge;
z-index: -1;
}
#main > img:nth-of-type(2){
position: absolute;
top: 30px;
right: 30px;
z-index: -1;
}
#main h2{
font-size: 2.5rem;
font-weight: 600;
color: #5D92B7;
letter-spacing: 0.2rem;
text-align: center;
}
#main h2 span{
background: #fff;
box-shadow: 8px 8px 10px 0px rgba(0,0,0,0.1);
display: inline-block;
line-height: 2em;
padding: 3px 5px 3px 10px;
margin-top: 2rem;
}
#main > img:last-of-type{
display: block;
margin-top: 2rem;
}
@media (max-width: 992px) {
header{background-position: center bottom;}
#main{padding: 4rem 0 7rem;}
#main > img:first-of-type{width: 60%;}
#main > img:nth-of-type(2){top: 10px;right: 10px;width: 30%;}
#main h2{font-size: 2rem;letter-spacing: 0;text-align: left;}
#main h2 span{line-height: 2.5rem;margin-top: 1.5rem; }
#main > img:last-of-type{width: 60%; margin-top: 1rem;}
}
@media (max-width: 768px) {
#main{padding: 4rem 0 6rem;}
}

#r-rec{}
.tab-wrap {
  display: flex;
  flex-wrap: wrap;
  margin-top: -80px;
}
.tab-label {
  font-weight: bold;
  text-align: center;
  padding: 10px .5em;
  order: -1;
  position: relative;
  z-index: 1;
  cursor: pointer;
  border-radius: 30px 30px 0 0;
  flex: 1;
  margin:0 5px;
  font-size: 1.6rem;
  background: #fff;
  height: 80px;
  line-height: 2rem;
  }
.tab-label > p{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.tab-label:first-of-type {
  margin-left: 10px;
}
.tab-label:last-of-type {
  margin-right: 10px;
}
.tab-content {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
/* アクティブなタブ */
.tab-switch:checked+.tab-label {
background-color: #D8E3E6;
}
.tab-switch:checked+.tab-label+.tab-content {
height: auto;
overflow: auto;
opacity: 1;
transition: .5s opacity;
background: #d8e3e6;
}
.tab-switch:checked+.tab-label+.tab-content.int,.tab-switch:checked+.tab-label+.tab-content.bosyu {
background: url("/img/s-guide-h-back.jpg") center center / cover;
}
/* ラジオボタン非表示 */
.tab-switch {
  display: none;
}
@media (max-width: 992px) {
#r-rec{padding-top: 3rem;}
.tab-wrap {margin-top: -110px;}
}
@media (max-width: 768px) {
.tab-wrap {margin-top: -80px;}
.tab-label {padding: 10px 5px;border-radius: 10px 10px 0 0;margin:0 3px;font-size: 1.2rem;line-height: 1.4rem;height: 50px;}
.tab-label > p{width: 100%;}
.tab-label:first-of-type {margin-left: 5px;}
.tab-label:last-of-type {margin-right: 5px;}
}
/*採用TOP*/
#r-top{
padding: 30px 30px 50px;
}
#r-top h2{
padding: 1.5rem;
font-size: 2.5rem;
font-weight: 600;
letter-spacing: 0.3rem;
text-align: center;
background: #5D91B6;
color: #fff;
}
#r-top p{
margin: 2rem auto 2rem;
width: 80%;
}
#r-top .row > div{
margin-top: 1.5rem;
}
#r-top .text-box{
background: #fff;
box-shadow: 8px 8px 10px 0px rgba(0,0,0,0.1);
padding: 2rem 3rem;
position: relative;
text-align: center;
}
#r-top .text-box img{
max-width: 300px;
}
#r-top .text-box h3{
text-align: left;
font-size: 2.3rem;
letter-spacing: 0.2rem;
font-weight: 700;
padding-bottom: 1rem;
}
#r-top .text-box h5{
text-align: left;
font-size: 1.6rem;
font-weight: 400;
padding-bottom: 0.5rem;
line-height: 1.3em;
}
#r-top .text-box h4{
text-align: left;
font-size: 1.8rem;
letter-spacing: 0.1rem;
font-weight: 500;
padding: 1.5rem 0 0;
}
#r-top .text-box p{
width: 100%;
margin: 2rem auto 3rem;
text-align: left;
}
#r-top .text-box span{
display: block;
position: absolute;
bottom: 0px;
right: 10px;
font-size: 8rem;
color:rgba(93,145,182,0.2);
font-family:'Zen Old Mincho', serif;
font-weight: 700;
}
#r-link {
width: 100%;
background: #fff url("/img/dot.png") center top / 50%;
padding: 5rem 0;
}
#r-link .link-box{
background: url("/img/r-top_back01.jpg") center center / cover;
text-align: center;
padding: 5rem 1.5rem;
margin: 0;
}
#r-link .link-box a{
display: inline-block;
padding: 2rem 5rem;
border-radius: 50px;
color: #fff;
background: #5D91B6;
font-size: 1.6rem;
font-weight: 700;
letter-spacing: 0.2rem;
margin: 0 1.5rem;
}
#r-int-link{
background: url("/img/r-top_back02.jpg") center center / cover;
position: relative;
padding: 3rem 0;
}
#r-int-link .title-box{
text-align: right;
}
#r-int-link .title-box p{
width: 400px;
display: inline-block;
text-align: center;
margin-right: 2rem;
font-weight: 500;
}
#r-int-link .title-box img{
width: 100%;
}
#r-int-link .row{
display: flex;
justify-content: space-between;
padding: 0 1.5rem!important;
}
#r-int-link .row > div{
margin-top: 5rem;
padding: 0 1.5rem!important;
}
#r-int-link .row > div:nth-of-type(odd){
top: -5rem;
}
#r-int-link .box{
background: #fff;
}
#r-int-link .text-box{
padding: 2rem 3rem;
}
#r-int-link .text-box h3{
line-height: 2.5rem;
}
#r-int-link .text-box img{
max-width: 300px;
display: block;
margin: 1rem auto;
}
#r-int-link button{
margin-top: 3rem;
}
#r-photo {
background: #fff url("/img/dot.png") center top / 50%;
padding: 5rem 0;
}
#r-photo .row{
margin: 0;
}
#r-photo .row > div{
padding: 0;
}
@media (max-width: 992px) {
#r-top{padding: 15px 0 50px;}
#r-top h2{padding: 1rem;font-size: 1.8rem;letter-spacing: 0.2rem;text-align: center;}
#r-top .text-box{box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.1);padding: 2rem 2rem;}
#r-top .text-box h3{font-size: 2rem;}
#r-top .text-box h4{font-size: 1.6rem;line-height: 1.5em;}
#r-top .text-box p{margin: 2rem auto 0;}
#r-link{background: #fff url("/img/dot.png") center top / 100%;
padding: 5rem 0rem;margin: 0;}
#r-link .link-box{padding: 4rem 1.5rem;}
#r-link .link-box a{padding: 1rem 2rem;
font-size: 1.5rem;margin: .5rem;}
#r-int-link .title-box p{width: 100%;margin: 0;}
#r-int-link .title-box img{max-width: 300px;}
#r-int-link .row > div{margin-top: 3rem;}
#r-int-link .row > div:nth-of-type(odd){top: 0;}
}
/*仕事内容*/
#r-job{
background: url("/img/r-job_back01.jpg") center center / cover;
padding: 30px 30px 20px;
}
#r-job h2{
padding: 1.5rem;
font-size: 2.5rem;
font-weight: 600;
letter-spacing: 0.3rem;
text-align: center;
background: #5D91B6;
color: #fff;
margin-top: 1rem;
}
#r-job p{
margin: 2rem auto 2rem;
width: 90%;
}
#r-job p img{
width: 100%;
}
#r-naiyou{
padding: 30px 30px 50px;
text-align: center;
}
#r-naiyou h2{
padding: 1.5rem 5rem;
font-size: 2.3rem;
font-weight: 600;
letter-spacing: 0.3rem;
text-align: center;
background: #5D91B6;
color: #fff;
display: inline-block;
border-radius: 30px;
}
#r-naiyou p{
margin: 2rem auto 2rem;
width: 80%;
}
#r-naiyou .row > div{
margin-top: 1.5rem;
}
#r-naiyou .text-box{
background: #fff;
box-shadow: 8px 8px 10px 0px rgba(0,0,0,0.1);
padding: 2rem 3rem;
position: relative;
text-align: center;
}
#r-naiyou .text-box img{
max-width: 300px;
}
#r-naiyou .text-box h3{
text-align: left;
font-size: 2.3rem;
letter-spacing: 0.2rem;
font-weight: 700;
padding-bottom: 1rem;
}
#r-naiyou .text-box h5{
text-align: left;
font-size: 1.6rem;
font-weight: 400;
padding-bottom: 0.5rem;
line-height: 1.3em;
}
#r-naiyou .text-box h4{
text-align: left;
font-size: 1.8rem;
letter-spacing: 0.1rem;
font-weight: 500;
padding: 1.5rem 0 0;
}
#r-naiyou .text-box p{
width: 100%;
margin: 2rem auto 3rem;
text-align: left;
}
#r-link_j {
width: 100%;
background: #fff url("/img/dot.png") center top / 50%;
padding: 5rem 0;
text-align: center;
}
#r-link_j a{
display: inline-block;
padding: 2rem 5rem;
border-radius: 50px;
color: #fff;
background: #000;
font-size: 1.6rem;
font-weight: 700;
letter-spacing: 0.2rem;
margin: 0 1.5rem;
}
@media (max-width: 992px) {
#r-job{padding: 15px 0 50px;}
#r-job h2{padding: 1rem;font-size: 1.8rem;letter-spacing: 0.2rem;text-align: center;}
#r-job p{width: 100%;padding: 0 1.5rem;}
#r-naiyou{padding: 15px 0 50px;}
#r-naiyou h2{padding: 1rem;font-size: 1.8rem;letter-spacing: 0.2rem;text-align: center;}
#r-naiyou .text-box{box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.1);padding: 2rem 2rem;}
#r-naiyou .text-box h3{font-size: 2rem;}
#r-naiyou .text-box h4{font-size: 1.6rem;line-height: 1.5em;}
#r-naiyou .text-box p{margin: 2rem auto 0;}
#r-link_j{background: #fff url("/img/dot.png") center top / 100%;padding: 5rem 0rem;margin: 0;}
#r-link_j .link-box{padding: 4rem 1.5rem;}
#r-link_j a{padding: 1rem 2rem;
font-size: 1.5rem;margin: .5rem;}
}
/*社員インタビュー・1日の流れ*/
#r-int{
background: url("/img/s-guide-h-back.jpg") center center / cover;
padding: 30px 30px 20px;
}
#r-int h2{
text-align: center;
}
#r-int .contents-box{
background: #fff;
padding: 30px 30px;
margin-top: 30px;
}
#r-int .name h3{
background: url("/img/r-int_nameback.jpg") center center / cover;
padding: 30px 30px;
text-align: center;
}
#r-int .name p{
text-align: center;
margin-top: 20px;
}
#r-int .name h4{
font-size: 2.5rem;
letter-spacing: 0.2rem;
margin-top: 2rem;
line-height: 4rem;
}
#r-int .photo{
position: relative;
}
#r-int .photo img{
width: 100%;
}
#r-int .photo img:nth-of-type(2){
display: block;
position: absolute;
bottom: -10px;
right: -10px;
max-width: 300px;
}
#r-int hr {
height: 1px;
background-color: #ccc;
border: none;
margin: 30px 0 0;
padding: 0;
}
#r-int .text-box {
margin: 0;
}
#r-int .text-box h3{
font-size: 2.5rem;
letter-spacing: 0.2rem;
margin-top: 30px;
line-height: 4rem;
}
#r-int .text-box img{
max-width: 350px;
display: block;
margin: 0 auto;
}
#r-int .text-box p{
margin: 20px 0 0;
}
#r-int h2:nth-of-type(2){
margin-top: 30px;
}
#r-int .title-box h3{
font-size: 2.5rem;
letter-spacing: 0.2rem;
line-height: 4rem;
text-align: center;
}
#r-int .title-box img{
max-width: 350px;
display: block;
margin: 0 auto;
}
#r-int .time-box{
margin-top: 30px;
padding-bottom: 30px;
}
#r-int table{
margin: 0 auto;
}
#r-int table tr:nth-of-type(even){
background: #e1e6e6;
}
#r-int th,#r-int td{
padding: 10px 20px;
}
#r-int th,#r-int td:nth-of-type(2){
font-size: 1.8rem;
}
#r-int table td:nth-of-type(1){
background: url("/img/r-int_schedule_line.png") top center no-repeat;
padding: 0;
width: 16px;
}
#r-int table td:nth-of-type(2){
font-weight: 600;
}
#r-int table td:nth-of-type(3){
padding: 5px 0;
}
#r-int table td span{
display: block;
background: #b9d0df;
height: auto;
width: 1px;
}
#r-int_link {
padding: 5rem 0;
text-align: center;
}
#r-int_link a{
display: inline-block;
padding: 2rem 5rem;
border-radius: 50px;
color: #fff;
background: #000;
font-size: 1.6rem;
font-weight: 700;
letter-spacing: 0.2rem;
margin: 0 1.5rem;
}
@media (max-width: 992px) {
#r-int{padding: 15px 15px 0;}
#r-int h2 img{width: 100%; max-width: 350px;}
#r-int .contents-box{padding: 15px 15px;margin-top: 15px;}
#r-int .name h4{font-size: 1.8rem;letter-spacing: 0.1rem;line-height: 3rem;}
#r-int .photo{margin-top: 15px;}
#r-int .photo img:nth-of-type(2){max-width: 200px;}
#r-int .text-box div{padding: 0;}
#r-int .text-box h3{font-size: 1.8rem;letter-spacing: 0.1rem;margin-top: 15px;line-height: 3rem;}
#r-int .text-box p{margin: 15px 0 0;}
#r-int .title-box h3{font-size: 1.8rem;letter-spacing: 0.1rem;margin-top: 0;line-height: 3rem;}
#r-int .title-box img{width: 100%;max-width: 350px;}
#r-int th,#r-int td{padding: 10px 10px;}
#r-int th,#r-int td:nth-of-type(2){font-size: 1.6rem;}
#r-int table td:nth-of-type(1){width: 10px;}
#r-int table td:nth-of-type(1) img{width: 10px;}
#r-int table td:nth-of-type(2){font-size: 1.4rem;line-height: 2rem;font-weight: 600;min-width: 60px;}
#r-int_link{margin: 0;}
#r-int_link .link-box{padding: 4rem 1.5rem 0;}
#r-int_link a{padding: 1rem 2rem;font-size: 1.5rem;margin: .5rem;}
}
/*募集要項*/
#r-bosyu{
background: url("/img/s-guide-h-back.jpg") center center / cover;
padding: 30px 30px 50px;
}
#r-bosyu h2{
padding: 1.5rem;
font-size: 2.5rem;
font-weight: 600;
letter-spacing: 0.3rem;
text-align: center;
background: #5D91B6;
color: #fff;
margin-bottom: 0;
}
#r-bosyu .text-box{
background: #fff;
padding: 30px;
}
#r-bosyu table{
margin: 0 auto;
border: 1px solid #ccc;
}
#r-bosyu th,#r-bosyu td{
padding: 10px 20px;
border-bottom: 1px solid #ccc;
font-size: 1.4rem;
}
#r-bosyu th{
background: #e6e9f0;
width: 150px;
font-weight: 400;
vertical-align: top;
}
@media (max-width: 992px) {
#r-bosyu{padding: 15px 0 50px;}
#r-bosyu h2{padding: 1rem;font-size: 1.8rem;letter-spacing: 0.2rem;text-align: center;}
#r-bosyu .text-box{padding: 15px;}
#r-bosyu th,#r-bosyu td{display: block;width: 100%;border:none;}
}