@charset 'UTF-8';
/*****************************************************

recruit

*****************************************************/

#sub_visual .sv{
width:100%;
object-fit: cover;
object-position: center right;
}

.title{
margin:0 auto;
width:100%;
position:relative
}

.title-box{
margin:auto;
position:absolute;
width:100%;
top:140px;
left:-400px;
}

.title-box h1 img{
width:12%;
}

.title-box h2{
margin:1% auto 0;
width:100%;
font-size:14px;
}


/* ▼▼▼▼▼▼▼▼MaxWidth2200(pc)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 2200px) {
 /* ************** */



.title-box{
top:160px;
left:-200px;
}

.title-box h2{
margin:0.8% auto 0;
}
 /* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth1500(pc)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1500px) {
 /* ************** */

.title-box{top:140px;}
.title-box h1 img{width:14%;}


 /* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth1200(pc)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1200px) {
 /* ************** */

.title-box h1 img{width:18%;}

.title-box{
top:120px;
left:-330px;
}


 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth1024(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1024px) {
 /* ************** */
.title-box{top:100px;}
	#sub_visual .sv{object-position:0}

.title-box h1 img{width:20%}

.title-box{
top:85px;
left:-200px;
}

.title-box h2{
}
 /* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth900(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 900px) {
 /* ************** */	

	#sub_visual .sv{object-position:-60px}
	/* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth800(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 800px) {
 /* ************** */
	#sub_visual .sv{object-position:-160px}
.title-box{top:100px;}

	/* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 768px) {
 /* ************** */

.title-box{top:110px;}
.title-box h1 img{width:25%;}

#sub_visual .sv{object-position:-170px}

	/* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth680(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 680px) {
 /* ************** */
	#sub_visual .sv{object-position:-270px}
	/* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth600(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 600px) {
 /* ************** */

.title-box{top:100px;}
.title-box h1 img{width:28%;}
	#sub_visual .sv{object-position:-300px}

.title-box{
top:90px;
left:-180px;
}

.title-box h2{
}
 /* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */
	
.title-box h1 img{width:27%;}

.title-box{
top:70px;
left:-20px;
}
#sub_visual .sv{object-position:-220px}

 /* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth380(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 380px) {
 /* ************** */
#sub_visual .sv{object-position:-280px}


 /* *************** */
}


/*****************************************************

block01

*****************************************************/

#block01{
margin:5% auto;
width:100%;
max-width:1200px;
}

#block01 h3{
margin:5% auto;
width:100%;
}

#block01 ul{
margin:0 auto;
width:100%;
max-width:1200px;
display:flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
}

#block01 ul li{
text-align: center;
padding:1%;

}

/* ▼▼▼▼▼▼▼▼MaxWidth1200(pc)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1200px) {
 /* ************** */


 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth1024(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1024px) {
 /* ************** */
#block01{
padding:0 5%;
}

 /* *************** */
}


/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 768px) {
 /* ************** */


#block01 ul li{
width:50%;
}

#block01 ul li:nth-of-type(1){order:1}
#block01 ul li:nth-of-type(2){order:2}
#block01 ul li:nth-of-type(3){order:4}
#block01 ul li:nth-of-type(4){order:3}
#block01 ul li:nth-of-type(5){order:5}
#block01 ul li:nth-of-type(6){order:6}

 /* *************** */
}


/* ▼▼▼▼▼▼▼▼MaxWidth600(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 600px) {
 /* ************** */

 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */


 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth380(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 380px) {
 /* ************** */


 /* *************** */
}




/*****************************************************

block02

*****************************************************/

#block02{
margin:5% auto;
width:100%;
background-image: url(img/woman.jpg);
background-size:cover;
background-position: top right;
height:auto;
padding:5%;
}

#block02 div{
margin:0 10% 0 0;
}

#block02 h3{
margin:0 auto;
width:100%;
padding:2% 0;
}

#block02 p:first-of-type{
margin:0 auto 2%;
width:100%;
max-width:1000px;
text-align: center;
font-size:16px;
letter-spacing: 0.09em;
color:#fb7289
}


/* ▼▼▼▼▼▼▼▼MaxWidth1200(pc)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1200px) {
 /* ************** */

#block02 div{
margin:0 30% 0 0;
}

#block02{
padding:10% 5%;
}

 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth1024(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1024px) {
 /* ************** */

#block02{
padding:10%;
}

#block02 h3{width:90%;}
#block02 p:first-of-type{
margin:3% auto 8%;
}

 /* *************** */
}


/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 768px) {
 /* ************** */

#block02{
margin:15% auto;
height:400px;
background-size:auto;
}
#block02 div{
margin:55% 0 0 0;
}
#block02 h3{width:100%;}

#block02 h3 img{
margin:0 auto;
text-align: center
}



 /* *************** */
}


/* ▼▼▼▼▼▼▼▼MaxWidth600(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 600px) {
 /* ************** */
#block02{
height:250px;
background-size:100%;
background-repeat: no-repeat;
}
#block02 div{
margin:40% 0 0 0;
}


 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */


#block02 p:first-of-type{
font-size:14px;
}
 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth380(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 380px) {
 /* ************** */


 /* *************** */
}




/*****************************************************

block03

*****************************************************/

#block03{
margin:0 auto;
width:100%;
max-width:1400px;
display:flex;
flex-flow: row wrap;
}

#block03 .right{
margin:0% auto;
width:50%;
}

#block03 .left{
margin:8% auto;
width:50%;
padding-right:1%;
text-align: left;
}

#block03 .left img{width:80%;}

#block03 .left .p01{
margin:3% 0 5% 0;
width:80%;
color:#3c3c3c;
text-align: justify;
letter-spacing: 0.06em;
line-height:1.6;
font-size:15px;
}

#block03 .left .button{
margin:3% 0 5% 0;
width:80%;
}


/* ▼▼▼▼▼▼▼▼MaxWidth1400(pc)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1400px) {
 /* ************** */

#block03{padding:10% 5%}

 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth1024(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1024px) {
 /* ************** */

#block03 .right{
margin:0% auto;
width:50%;
}

#block03 .left{
margin:8% auto;
width:40%;
padding-right:0;
}

#block03 .left img{width:100%;}

#block03 .left .p01{
margin:8% 0 8% 0;
width:100%;
}

#block03 .left .button{
margin:3% 0 5% 0;
width:100%;
}

 /* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth900(pc)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 900px) {
 /* ************** */

#block03 .right{
order:1;
width:100%;
text-align: center;
}

#block03 .left{
order:2;
width:100%;
margin:-3% auto 0;
}

#block03 .left h3{
width:100%;
margin:0 auto;
text-align: center}

#block03 .left img{
margin:0 auto;
text-align: center;
width:75%;}

#block03 .left .p01{
margin:5% auto;
width:75%;
}

#block03 .left .button{
margin:3% auto;
width:100%;
}

 /* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 768px) {
 /* ************** */

#block03{
margin:70% auto 0;
}
 /* *************** */
}


/* ▼▼▼▼▼▼▼▼MaxWidth600(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 600px) {
 /* ************** */

#block03{
margin:90% auto 0;
}
#block03 .left .button{
margin:3% auto;
width:80%;
}

 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */
#block03 .left img{
margin:0 auto;
text-align: center;
width:85%;
}

#block03 .left .p01{
margin:5% auto;
width:85%;
font-size:13px;
}

#block03 .left .button{
margin:4% auto;
width:90%;
}

 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth380(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 380px) {
 /* ************** */


 /* *************** */
}



/*****************************************************

◆ block04 ◆ 採用担当者挨拶

*****************************************************/

#block04{
margin:10% auto;
width:100%;
position:relative;
}

.box2{
margin:0 auto;
width:100%;
}

#block04 .ceo-title{
margin:10% auto;
width:40%;
float:right;
}

#block04 .ceo-title{text-align: center
}

#block04 .box2-right{
margin:0 auto;
width:60%;
float:left;
}

#block04 .box2-right img{width:100%}

#block04 dl{
margin:5% auto;
width:90%;
text-align: left;
}

#block04 dl dt{
margin:5% auto;
width:100%;
text-align: left;
font-size:32px;
letter-spacing: 0.1em;
}

#block04 dl dd{
margin:3% auto 0 1%;
width:80%;
text-align: justify;
font-size:14px;
letter-spacing: 0.1em;
line-height:1.5;
}

#block04 dl dd:last-of-type p{
text-align: right;
font-size:14px;
}

#block04 dl dd:last-of-type p span{
text-align: right;
font-size:25px;
}

/* ▼▼▼▼▼▼▼▼MaxWidth1200(pc)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1200px) {
 /* ************** */

#block04 dl dt{
font-size:25px;
}
#block04 dl dd{
width:100%;
}

 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth1024(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1024px) {
 /* ************** */

#block04 .ceo-title img{width:70%;}

 /* *************** */
}


/* ▼▼▼▼▼▼▼▼MaxWidth900(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 900px) {
 /* ************** */

#block04{
margin:20% auto;
}

#block04 .ceo-title{
margin:10% auto;
width:100%;
float:none;
}

#block04 .ceo-title img{width:40%;}

#block04 .box2-right{
margin:0 auto;
width:100%;
float:none;
}

 /* *************** */
}


/* ▼▼▼▼▼▼▼▼MaxWidth600(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 600px) {
 /* ************** */
#block04 .ceo-title img{width:55%;}


 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */

#block04 dl dt{
font-size:22px;
}

#block04 dl dd{
font-size:12px;
}
#block04 dl dd:last-of-type p{margin:5% auto}
#block04 dl dd:last-of-type p span{
text-align: right;
font-size:20px;
}

 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth380(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 380px) {
 /* ************** */


 /* *************** */
}





/*****************************************************

◆ block05 ◆ 募集要項

*****************************************************/

#block05{
margin:5% auto;
padding:5%;
width:100%;
background:#fff5f4
}

#block05 h3{
margin:2% auto 5%;
width:100%;
}

#block05 article{
margin:0 auto;
width:100%;
max-width:1000px;
}

#block05 .arbeit{margin:16% auto 15%;}/*アルバイト枠のマージン*/
#block05 article .recruit-table .recruit-box{
margin:0 auto 4%;
}

#block05 article h4{
margin:0 auto;
width:100%;
font-weight: 600;
color:#000;
line-height:1.6;
letter-spacing: 0.1em;
font-size:20px;
text-align: left;
padding:0.5% 2% 0.5% 0;
}

#block05 article dl{
margin:0 auto;
width:100%;
border:1px solid #efe4dd;
}

#block05 article dl>p{
padding: 30px;
font-size: 14px;
line-height: 1.3;
letter-spacing: 0.05em;
border-bottom:1px solid #efe4dd;
}
#block05 article dl>p span{font-weight: bold;}


#block05 article dl .flex{/*項目それぞれの箱*/
margin:0 auto;
width:100%;
max-width:1200px;
display:flex;
justify-content: center;
align-items: stretch;
border-bottom:1px solid #efe4dd;
}
#block05 article dl .flex:last-of-type{border-bottom:none;}
#block05 article dl .dotted{border-bottom:2px dotted #efe4dd;}

#block05 article dl .flex dt{/*左側　項目名*/
text-align: center;
margin:0 auto;
width:22%;
padding: 10px 5px;
font-weight:600;
font-size:14px;
letter-spacing: 0.05em;
background: #ffe8e8;

  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-right:1px solid #efe4dd;
}

#block05 article dl .flex dt .link a{/*現在募集中の職種はコチラ*/
display: block;
color: #fff;
background: #f29c9f;
font-size: 12px;
line-height: 1.3;
border-radius: 50px;
padding:7px 3em;
}

#block05 article dl .flex div{/*右側*/
margin:0 auto;
width:78%;
display:flex;
justify-content: center;
align-items: stretch;
}

#block05 article dl .flex div dd{/*内容*/
margin:0 auto;
width:33.3%;
padding:10px;
text-align: center;
font-size:14px;
line-height: 1.3;
letter-spacing: 0.05em;
border-right:1px solid #efe4dd;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#block05 article dl .flex div dd:last-of-type{border-right:none;}


#block05 article dl .flex div dd:last-of-type{border-right:none;}


#block05 article dl .flex:nth-last-of-type(-n+4) div dd{/*下から３つのdd*/
width:100%;
text-align: left;
padding:10px 2em;
  display: block;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/*リンクボタン*/
.link-button a{
display: block;
margin: 0 auto;
text-align: center;
width: 60%;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.07em;
color: #fff;
background: #f29c9f;
border-radius: 50px;
padding: 0.4em 0;
transition: all .3s;
}

.link-button a:hover{opacity: .7;}

/*応募はこちら*/
#block05 .entry{
margin:7% auto 2%;
width:100%;
max-width:800px;
}

#block05 .entry p {
margin:0 auto 2%;
text-align: center;
color:#fb7289;
font-size:15px;
letter-spacing: 0.07em;
line-height:1.5;
}

#block05 .entry ul{
margin:2% auto;
width:100%;
max-width:800px;
display:flex;
flex-flow: row wrap;
padding:0.5%;
justify-content: center;
align-content: space-between
}

#block05 .entry ul li{
padding:0.5%;
}

/* ▼▼▼▼▼▼▼▼MaxWidth380(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1200px) {
 /* ************** */
 
/*横スクロール　項目が増えたらこれを表示
#block05 article .recruit-table{
overflow-x:scroll;
}

#block05 article .recruit-box{
min-width:1200px;
overflow-x:scroll;
-webkit-overflow-scrolling: touch;
}
*/

 /* *************** */
}


/* ▼▼▼▼▼▼▼▼MaxWidth900(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 900px) {
 /* ************** */

#block05 article dl .flex dt{
font-size:13px;
}

#block05 article dl .flex div dd{
font-size:13px;
}
#block05 article dl .flex dt .link a{/*現在募集中の職種はコチラ*/
padding:7px 2em;
}
 /* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 768px) {
 /* ************** */

#block05{
padding:10% 5%;
}

#block05 h3{
margin:4% auto 7%;
width:25%;
}

#block05 article dl .flex div dd{
line-height:1.6;
}
#block05 article dl .flex dt .link a{
font-size: 10px;
}

#block05 article .recruit-table .recruit-box{
margin:0% auto 5%;
}

#block05 .entry ul{
margin:2% auto;
width:100%;
display:block;
}

#block05 .entry ul li{
margin:1% auto;
padding:0.5%;
width:100%;
}
 /* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 680px) {
 /* ************** */
#block05 article h4{
font-size:18px;
padding:0.5% 2% 0.5% 0;
}

#block05 article dl>p{
padding: 20px;
font-size: 14px;
}

#block05 article dl .flex dt{/*左側　項目名*/
width:25%;
}

#block05 article dl .flex div{/*右側*/
width:75%;
}


#block05 article dl .flex dt{
font-size:12px;
}

#block05 article dl .flex div dd{
font-size:12px;
padding: 10px 5px;
}

/*リンクボタン*/
.link-button a{
width: 60%;
font-size: 16px;
padding: 0.4em 0;
}

 /* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 600px) {
 /* ************** */

#block05 article .recruit-table .recruit-box{
margin:1% auto 4%;
}


#block05 article dl .flex{/*項目それぞれの箱*/
display:block;
width: 100%;
}

#block05 article dl .flex dt{/*項目名*/
padding: 10px 5px;
width: 100%;
font-size:13px;
border-right:none;
border-bottom:1px solid #efe4dd;
}

#block05 article dl .flex .pink{
color: #fff;
background: #f29c9f;
border-right:1px solid #efe4dd;
}

#block05 article dl .dotted{border-bottom:1px solid #efe4dd;}
#block05 article dl .flex .pink-line{border-right:1px solid #f29c9f;}

#block05 article dl .flex dt .link a{
font-size: 13px;
}

#block05 article dl .flex div{/*右側*/
width:100%;
}

#block05 article dl .flex div dd{/*内容*/
width:33.3%;
padding:10px 2px;
}


#block05 article dl .flex:nth-last-of-type(-n+4) div dd{
display: block;
width:100%;
padding:10px 5px;
}


 /* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */
#block05 article h4{
font-size:16px;
}

#block05 article dl>p{
padding: 15px;
font-size: 14px;
}

#block05 .entry p{font-size:12px;}
	
#block05 article dl .flex div dd {font-size: 10px;}

/*リンクボタン*/
.link-button a{
width: 80%;
}
 /* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth380(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 380px) {
 /* ************** */
 /*リンクボタン*/
.link-button a{
width: 90%;
}




 /* *************** */
}



/*telリンクはモバイルのみをリセット*/
@media screen and (min-width: 768px) {
	a[href^="tel:"] {
		pointer-events: auto;
	}
    }