@charset "UTF-8";
/* CSS Document */
/*
font-family: "IBM Plex Sans JP", sans-serif;4567
font-family: "Zen Old Mincho", serif;45679
font-family: "Zen Kaku Gothic New", sans-serif;3457
font-family: "Lilita One", sans-serif;4
*/

#head-img{
background-image: url("/img/r1-head.jpg");
}
#title-cloud .contents{
background-color: #fff;
background: url("/img/r1_title_b01.png") no-repeat center right calc((100% - 1300px)/2 + 15rem) / 120px;
}
#title-cloud h4{
width: 100%;
margin: 5rem auto 0;
}
#title-cloud h4 p{
writing-mode: vertical-rl!important;
text-orientation: upright;
text-align: left;
margin: auto;
font-size: 3rem;
font-weight: 500;
letter-spacing: 0.8rem;
color: #403634;
}
#title-cloud .box{
max-width: 930px;
padding: 0 1.5rem;
margin: 3rem auto 0;
color: #3d3736;
}
@media screen and (max-width: 1300px) {
#title-cloud .contents{background: url("/img/r1_title_b01.png") no-repeat center right 8rem / 90px;}
}
@media screen and (max-width: 768px) {
#title-cloud .contents{background: url("/img/r1_title_b01.png") no-repeat top 20rem right 1.5rem / 50px;}
#title-cloud h4{margin: 3rem auto 0;}
#title-cloud h4 p{font-size: 2rem;letter-spacing: 0.5rem;}
#title-cloud .box{margin: 1.5rem auto 0;}
}

/*-----タブ設定-----*/
.tab-wrap {
  display: flex;
  flex-wrap: wrap;
  margin:5rem 0 0;
  position: relative;
}
.tab-wrap::before {
  content: '';
  display: block;
  height: 100px; /* 要素が固定ヘッダーなどで隠れる分の高さ */
  margin: -100px 0 0; /* 要素が固定ヘッダーなどで隠れる分のマージン */
  visibility: hidden;
  pointer-events: none;
}
.tab-label {
padding: 1.5rem;
margin: 0 1rem;
background: #dedede;
width: 100%;
text-align: center;
color: #4a3a35;
font-weight: 700;
letter-spacing: 0.2rem;
font-size: 115%;
transition: 1s;
order: -1;
position: relative;
cursor: pointer;
flex: 1;
}
.tab-content {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
/* アクティブなタブ */
.tab-switch:checked+.tab-label {
  background: #c0e2f4;
}
.tab-switch:checked+.tab-label+.tab-content {
  height: auto;
  overflow: auto;
  opacity: 1;
  transition: .5s opacity;
  background: #c0e2f4;
  padding: 5rem 5rem 5rem;
}
.tab-content section{
background: #fff;
max-width: 1310rem;
margin: 0 0 5rem;
padding: 5rem 10rem 10rem;
}
/* ラジオボタン非表示 */
.tab-switch {
  display: none;
}
@media screen and (max-width: 768px) {
.tab-wrap{margin-top: 1rem;padding: 0!important;}
.tab-label{padding: 1.5rem 0.5rem 1.2rem;margin: 0 0.5rem;letter-spacing: 0.1rem;font-size: 90%;line-height: 1;}
.tab-label .sp-show{display: none!important;}
.tab-switch:checked+.tab-label+.tab-content {padding: 1.5rem;}
}
@media screen and (max-width: 500px) {
.tab-label{padding: 1.8rem 0.5rem 1.5rem;}
.tab-label:last-of-type{padding: 1rem 0.5rem;}
.tab-label a{align-items: center;}
.tab-label .sp-show{display: inline!important;}
}


/*-----タブ内容-----*/
.tab-wrap section h2{
text-align: center;
}
.tab-wrap section h2 span{
display: inline-block;
font-weight: 700;
font-size: 3rem;
padding: 3.8rem 3rem 0 1.5rem;
background: url("/img/r_title_i01.png") no-repeat top right;
letter-spacing: 0.3rem;
margin: 0 auto;
}
.tab-wrap section h2 img{
display: inline-block;
margin: 0 1rem -0.3rem 0;
width: 3.6rem;
}
.tab-wrap section h3{
text-align: center;
margin-top: 3rem;
border-top: 3px solid #c0e2f4;
}
.tab-wrap section h3 span{
width: 100%;
display: inline-block;
font-weight: 700;
font-size: 2.5rem;
color: #403634;
letter-spacing: 0.3rem;
line-height: 110%;
margin: 0.8rem auto 0;
background: #c0e2f4;
padding: 0.8rem 1.5rem 0.5rem;
}
.tab-wrap button{
background: #0087b7 url("/img/top_arrow_w.png") no-repeat center right 1rem / 7px auto;
margin: 3rem auto auto;
color: #fff;
}
@media screen and (max-width: 768px) {
.tab-wrap button{margin: 3rem auto 1.5rem;padding: 0.7rem 2.5rem;letter-spacing: 0.1rem;}
}
@media screen and (max-width: 1100px) {
.tab-wrap section{padding: 3rem 5rem;}
}
@media screen and (max-width: 768px) {
.tab-wrap {padding: 1.5rem 1.5rem 1.5rem;}
.tab-wrap  section{margin: 0 0 1.5rem;padding: 1.5rem 1.5rem;}
.tab-wrap section h2 span{font-size: 2rem;padding: 2.4rem 2.1rem 0 1.5rem;background: url("/img/r_title_i01.png") no-repeat top right / 3.9rem;}
.tab-wrap section h2 img{width: 2.3rem;}
.tab-wrap section h3{margin-top: 1rem;}
.tab-wrap section h3 span{font-size: 1.8rem;letter-spacing: 0.1rem;margin: 0.5rem auto 0;padding: 0.8rem 0.5rem 0.5rem;}
}

/*----------TOP----------*/
#r1-vision{}
#r1-vision > p{
margin-top: 3rem;
}
#r1-vision .box{
display : flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 5rem;
}
#r1-vision .box > div{
border: 1px solid #dbdbdb;
margin-bottom: 2rem;
}
#r1-vision .box > div:nth-of-type(1),
#r1-vision .box > div:nth-of-type(2){
width:calc((100%/2) - 1rem);
}
#r1-vision .box > div:nth-of-type(3),
#r1-vision .box > div:nth-of-type(4),
#r1-vision .box > div:nth-of-type(5){
width:calc((100%/3) - 1.33rem);
}
#r1-vision .box h4{
background: #ededed;
padding: 1rem 1.5rem 0.8rem;
text-align: center;
font-size: 2rem;
color: #4a3a35;
letter-spacing: 0.2rem;
font-weight: 600;
}
#r1-vision .box > div p{
padding: 1.5rem;
}
@media screen and (max-width: 1100px) {
#r1-vision .box h4{padding: 1rem 1rem 0.8rem;letter-spacing: 0.1rem;}
}
@media screen and (max-width: 768px) {
#r1-vision .box{
display : block;margin-top: 3rem;
}
#r1-vision .box > div{width: 100%!important;}
#r1-vision .box h4{padding: 0.5rem;font-size: 1.6rem;}
#r1-vision .box > div p{
padding: 0.5rem 1rem;
}
}

#r1-voice{
padding-top: 5rem;
padding-bottom: 5rem;
padding-left: 0!important;
padding-right: 0!important;
}
#r1-voice h2 span{
padding: 0;
background: none;
}
#r1-voice h2 img:nth-of-type(2){
margin: 0 0 -1rem 1rem;
width: 7rem;
}
#r1-voice .box{
margin: 3rem 0 0;
border: 2px solid #dbdbdb;
width: 100%;
}
#r1-voice .box img{
width: 100%;
margin: 0;
}
#r1-voice button{
background: #0087b7 url("/img/top_arrow_w.png") no-repeat center right 1rem / 7px auto;
margin: 3rem auto auto;
color: #fff;
}
@media screen and (max-width: 768px) {
#r1-voice{padding-top: 1.5rem;padding-bottom: 1.5rem;}
#r1-voice .box{margin: 1.5rem 0 0;}
#r1-voice .box .sp-show{display: block;}
#r1-voice button{margin: 3rem auto 1.5rem;padding: 0.7rem 2.5rem;letter-spacing: 0.1rem;}
}

#r1-growth{
position: relative;
}
#r1-growth img.bg-img{
display: block;
position: absolute;
overflow: hidden;
}
#r1-growth > img.bg-img{
top:-3rem;
right: 3rem;
}
#r1-growth > p{
margin-top: 5rem;
}
#r1-growth .box1{
position: relative;
}
#r1-growth .box1 img.bg-img:nth-of-type(1){
top:5rem;
left: -5rem;
}
#r1-growth .box1 img.bg-img:nth-of-type(2){
top:10rem;
right: -3rem;
}
#r1-growth table{
max-width: 800px;
margin: 3rem auto 0;
color: #3f3534;
}
#r1-growth table tr{
border-bottom: 0.5px solid #3f3534;
font-family: "Zen Kaku Gothic New", sans-serif;
font-weight: 500;
}
#r1-growth table tr:last-of-type{
border: none;
}
#r1-growth table th,#r1-growth table td{
padding: 1.5rem;
vertical-align: top;
}
#r1-growth table th{
font-size: 5rem;
line-height: 100%;
}
#r1-growth table td h4{
font-size: 2rem;
font-weight: 500;
margin: 0.5rem 0;
letter-spacing: 0.2rem;
}
#r1-growth h3:nth-of-type(2){
margin-top: 5rem;
}
#r1-growth .box2{
position: relative;
}
#r1-growth .box2 img.bg-img:nth-of-type(1){
top:20rem;
left: -3rem;
}
#r1-growth .box2 img.bg-img:nth-of-type(2){
top:5rem;
right: -3rem;
}
#r1-growth .image img{
display: inline-block;
width: 48%;
margin-top: 3rem;
}
#r1-growth .image img:nth-of-type(1){
margin-right: 2%;
}
@media screen and (max-width: 1300px) {
#r1-growth > img.bg-img{top:-3rem;right: 0.5rem;width: 200px;}
#r1-growth table{max-width: 700px;}
#r1-growth .box1 img.bg-img:nth-of-type(1){left: -9rem;width: 100px;}
#r1-growth .box1 img.bg-img:nth-of-type(2){top:25rem;right: -10rem;width: 90px;}
#r1-growth .box2 img.bg-img:nth-of-type(1){width: 75px;left: -9rem;}
#r1-growth .box2 img.bg-img:nth-of-type(2){width: 75px;right: -10rem;}
}
@media screen and (max-width: 1000px) {
#r1-growth > img.bg-img{width: 150px;}
}
@media screen and (max-width: 768px) {
#r1-growth > img.bg-img{top:-1rem;right:inherit;left: -0.7rem;width: 90px;}
#r1-growth > p{margin-top: 1.5rem;}
#r1-growth h3{margin-top: 2rem;}
#r1-growth table{margin: 1.5rem auto 0;}
#r1-growth table th,#r1-growth table td{padding: 0.8rem;}
#r1-growth table th{font-size: 2.5rem;}
#r1-growth table td h4{font-size: 1.8rem;margin: 0 0 0.5rem;letter-spacing: 0;}
#r1-growth .box1 img.bg-img:nth-of-type(1){display: none;}
#r1-growth .box1 img.bg-img:nth-of-type(2){top:inherit;bottom: -8rem;;right: 0rem;width: 70px;}
#r1-growth .box2 img.bg-img:nth-of-type(1){width: 40px;top:inherit;bottom: 0rem;left: -2rem;}
#r1-growth .box2 img.bg-img:nth-of-type(2){display: none;}
#r1-growth .image img{margin-top: 1.5rem;}
}

#r1-welfare{
position: relative;
padding-bottom: 7rem;
}
#r1-welfare img.bg-img{
display: block;
position: absolute;
overflow: hidden;
}
#r1-welfare > img.bg-img{
top:-3rem;
right: 3rem;
}
#r1-welfare p{
margin-top: 3rem;
}
#r1-welfare p:first-of-type{
text-align: center;
}
#r1-welfare h3{
margin-top: 5rem;
position: relative
}
#r1-welfare h3 img{
position: absolute;
overflow: hidden;
}
#r1-welfare h3:nth-of-type(1) img{
top:-3rem;
right: -2rem;
}
#r1-welfare h3:nth-of-type(2) img{
top:-1rem;
right: 0rem;
}
#r1-welfare h3:nth-of-type(3) img{
top:3rem;
right: -1rem;
}
#r1-welfare h3:nth-of-type(4) img{
top:0rem;
right: 1rem;
}
#r1-welfare h3:nth-of-type(5) img{
top:3rem;
right: 1rem;
}
#r1-welfare h3:nth-of-type(6) img{
top:4rem;
right: -1rem;
}
#r1-welfare h3:nth-of-type(8) img{
top:-4rem;
right: -1rem;
}
#r1-welfare h3:nth-of-type(9) img{
top:2rem;
right: -3rem;
}
#r1-welfare .show_1000{
display: none;
}

@media screen and (max-width: 1000px) {
#r1-welfare p:first-of-type{
text-align: left;
}
#r1-welfare h3:nth-of-type(1) img{
width: calc(164px - 3%);
top:-3rem;
right: -2rem;
}
#r1-welfare h3:nth-of-type(2) img{
width: calc(110px - 3%);
top:3rem;
right: 0rem;
}
#r1-welfare h3:nth-of-type(3) img{
width: calc(96px - 4%);
top:5.5rem;
right: -1rem;
}
#r1-welfare h3:nth-of-type(4) img{
width: calc(107px - 3%);
top:3rem;
right: 1rem;
}
#r1-welfare h3:nth-of-type(5) img{
width: calc(108px - 3%);
top:4rem;
right: 1rem;
}
#r1-welfare h3:nth-of-type(6) img{
width: calc(215px - 7%);
top:-1rem;
right: -3rem;
}
#r1-welfare h3:nth-of-type(8) img{
width: calc(189px - 7%);
top:-7rem;
right: -1rem;
}
#r1-welfare h3:nth-of-type(9) img{
width: calc(210px - 8%);
top:-5rem;
right: -3rem;
}
#r1-welfare .show_1000{
display: inline;
}
#r1-welfare .dn-1000{
display: none;
}
}
@media screen and (max-width: 768px) {
#r1-welfare p{margin-top: 1.5rem;}
#r1-welfare h3{margin-top: 2rem;}
#r1-welfare .box{margin: 1.5rem auto 0;}
#r1-welfare .box button{margin-right: 1.5rem;margin-top: 0rem;}
#r1-welfare h3:nth-of-type(1) img{
width: calc(164px - 15%);
top:-1rem;
right: -2rem;
}
#r1-welfare h3:nth-of-type(2) img{
width: calc(110px - 12%);
top:0rem;
right: 0rem;
}
#r1-welfare h3:nth-of-type(3) img{
width: calc(96px - 10%);
top:0rem;
right: -1rem;
}
#r1-welfare h3:nth-of-type(4) img{
width: calc(107px - 10%);
top:1rem;
right: 2rem;
}
#r1-welfare h3:nth-of-type(5) img{
width: calc(108px - 12%);
top:4rem;
right: 1rem;
}
#r1-welfare h3:nth-of-type(6) img{
width: calc(215px - 28%);
top:0rem;
right: -2rem;
}
#r1-welfare h3:nth-of-type(8) img{
width: calc(189px - 24%);
top:-4rem;
right: -1rem;
}
#r1-welfare h3:nth-of-type(9) img{
width: calc(210px - 28%);
top:-3rem;
right: 0rem;
}
}
@media screen and (max-width: 500px) {
#r1-welfare h3:nth-of-type(1) img{
width: calc(164px - 27%);
top:0rem;
right: -2rem;
}
#r1-welfare h3:nth-of-type(2) img{
width: calc(110px - 20%);
top:0rem;
right: 0rem;
}
#r1-welfare h3:nth-of-type(3) img{
width: calc(96px - 18%);
top:1rem;
right: -1rem;
}
#r1-welfare h3:nth-of-type(4) img{
width: calc(107px - 20%);
top:1rem;
right: -1rem;
}
#r1-welfare h3:nth-of-type(5) img{
width: calc(108px - 20%);
top:-2rem;
right: -1rem;
}
#r1-welfare h3:nth-of-type(6) img{
width: calc(215px - 40%);
top:-1rem;
right: -2rem;
}
#r1-welfare h3:nth-of-type(8) img{
width: calc(189px - 35%);
top:-3rem;
right: -1rem;
}
#r1-welfare h3:nth-of-type(9) img{
width: calc(210px - 38%);
top:-2rem;
right: -2rem;
}
}

.link_box{
margin: 5rem auto 3rem;
text-align: center;
}
.link_box button{
display: inline-block;
}
.link_box button:first-child{
margin-right: 3rem;
}
@media screen and (max-width: 768px) {
.link_box{margin: 1.5rem auto 0;}
.link_box button{margin-right: 1.5rem;margin-top: 0rem;}
}

/*----------GUIDE募集職種----------*/
#r2-guide{
padding-bottom: 5rem;
}
#r2-guide h4{
margin-top: 8rem;
background: #403634;
padding: 1rem 1rem 0.2rem;
text-align: center!important;
}
#r2-guide h4 span{
display: inline-block;
line-height: 0;
margin: 0 auto;
}
#r2-guide p.nothing{
margin: 3rem 1.5rem 0;
}
@media screen and (max-width: 768px) {
#r2-guide h4{margin-top: 3rem;padding: 0.5rem 0.5rem 0rem;}
#r2-guide h4 span img{width: 60%;}
#r2-guide p.nothing{margin: 2rem 1.5rem 0;}
}

/*アコーディオンcss*/
#r2-guide .job{
position: relative;
overflow: hidden;
}
#r2-guide .toggle {
	display: none;
}
#r2-guide .Label {		/*タイトル*/
	display: block;
}
#r2-guide .Label h3{
  font-size: 1.9rem;
  font-weight: 900;
  letter-spacing: 0.2rem;
}
#r2-guide .Label h3 span{
padding-right: 3rem;
}
#r2-guide .Label::before{		/*タイトル横の矢印*/
  content: "";
  background: url("/img/r2_arrow.png") no-repeat center center / cover;
  width: 16px;
  height: 16px;
  position: absolute;
  top: calc(50% - 3px);
  right: 15px;
  transition:0.8s;
}
#r2-guide .Label,
#r2-guide .box {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
#r2-guide .toggle:checked + .Label + .box {	/*開閉時*/
	height: auto;
	padding:1.5rem 0 3rem;
	transition: all 1s;
}
#r2-guide .toggle:checked + .Label::before {
	transform: rotate(90deg) !important;
}
#r2-guide .box {
	height: 0;
	margin-bottom:10px;
	padding:0;
	overflow: hidden;
}
#r2-guide .box table{
border: 2px solid #dbdbdb;
color: #3d3736;
}
#r2-guide .box table th,#r2-guide .box table td{
padding: 1.5rem 2.5rem;
}
#r2-guide .box table tr{
border-bottom: 1px solid #dbdbdb;
}
#r2-guide .box table tr:last-of-type{
border: none;
}
#r2-guide .box table th{
white-space: nowrap;
background: #ededed;
font-weight: 500;
}
@media screen and (max-width: 768px) {
#r2-guide .Label h3 span{font-size: 1.4rem;letter-spacing: 0.1rem;}
#r2-guide .Label::before{width: 14px;height: 14px;top: calc(50% - 4px);right: 10px;}
#r2-guide .toggle:checked + .Label + .box {padding:1rem 0 1.5rem;}
#r2-guide .box table th,#r2-guide .box table td{padding: 0.5rem 0.7rem;}
#r2-guide .box table th{line-height: 120%;}
#r2-guide .box table td{vertical-align: middle;}
}

/*----------FORM採用問合----------*/
#r3-form{}
#r3-form > p{
margin-top: 5rem;
}
@media screen and (max-width: 768px) {
#r3-form > p{margin-top: 1.5rem;}
}


















































.sp-show{display: none;}
@media (max-width: 768px) {
.sp-show{display: inline;}
.pc-show{display: none;}
}