@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;
color:#fff;
text-shadow: 0 0 5px #555;
}


/* ▼▼▼▼▼▼▼▼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;}

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

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

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

/* ▼▼▼▼▼▼▼▼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{
width:100%;
padding-bottom:1%;
text-align: left;}

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

.title-box{
top:80px;
left:70px;
}

.title-box h2{
width:230px;
text-align: left;
font-size:12px;
margin-left:0;
}

.title-box h2 br{display:none;}

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

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

.title-box{
top:50px;
left:30px;
}

.title-box h2{line-height:1.5;}
#sub_visual .sv{object-position:-220px}

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

/* ▼▼▼▼▼▼▼▼MaxWidth380(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 380px) {
 /* ************** */
#sub_visual .sv{object-position:-280px}
.title-box h1 img{width:42%;}

.title-box{
top:58px;
left:30px;
}
.title-box h2{
width:170px;
text-align: justify;
font-size:10px;
}

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




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

block01

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


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

#block01>div,
#block02>div,
#block03>div{
max-width:1200px;
margin:0 auto;
}

#block01 article,
#block02 article,
#block03 article{
margin:2% auto;
width:100%;
display:flex;
flex-flow: row wrap;
}


#block01 article:nth-of-type(1) div:nth-of-type(1){
margin:2% auto;
width:40%;
}

#block01 article:nth-of-type(1) div:nth-of-type(2){
margin:2% auto;
width:50%;
}

/*共通項目ここから*/

h3{
margin:0 auto;
width:100%;
padding:0.5% 2%;
border-bottom:solid 1px #fb7289;
color:#fb7289;
text-align: left;
font-size:24px;
letter-spacing: 0.06em;
}

h4{
margin:0 auto;
width:100%;
padding:1% 2.5%;
color:#fb7289;
text-align: left;
font-size:24px;
letter-spacing: 0.08em;
line-height:1.7
}

dl{
margin:0 auto;
width:100%;
}

dl dt{
margin:2% auto 0.5%;
width:100%;
padding:0.5% 3%;
color:#fb7289;
text-align: left;
font-size:16px;
letter-spacing: 0.08em;
line-height:1.7
}

dl dt span{
letter-spacing: -0.2em;
}

dl dd{
margin:0 auto 3%;
width:100%;
padding:0.5% 3%;
color:#3c3c3c;
text-align: left;
font-size:14px;
letter-spacing: 0.08em;
line-height:1.7
}

dl dt:last-of-type{
color:#3c3c3c;
margin:0 auto;
padding:0 3%;
font-size:18px;
}

dl dd:last-of-type{
padding:0% 3%;
}
/*共通項目ここまで*/



/*2人目*/

#block02{
margin:8% auto;
width:100%;
background:#fff5f4;
padding:4% 0;
}

#block02 article div:nth-of-type(1){
margin:2% auto;
width:40%;
order:2
}

#block02 article div:nth-of-type(2){
margin:2% auto;
width:50%;
order:1;
}


/*3人目*/

#block03{
margin:8% auto;
width:100%;
}

#block03 article div:nth-of-type(1){
margin:2% auto;
width:40%;
}

#block03 article div:nth-of-type(2){
margin:2% auto;
width:50%;
}


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


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


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


/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 768px) {
 /* ************** */
#block01 article{
margin:5% auto 10%;
display:block
}

#block02 article,
#block03 article{
margin:15% auto;
display:block;
}

#block01 article:nth-of-type(1) div:nth-of-type(1){
margin:2% auto;
width:50%;
}

#block01 article:nth-of-type(1) div:nth-of-type(2){
margin:6% auto;
width:80%;
}

#block02 article div:nth-of-type(1){
width:60%;
}

#block02 article div:nth-of-type(2){
width:80%;
}

#block03 article div:nth-of-type(1){
margin:2% auto;
width:60%;
}

#block03 article div:nth-of-type(2){
margin:2% auto;
width:80%;
}



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


/* ▼▼▼▼▼▼▼▼MaxWidth600(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 600px) {
 /* ************** */
h3{
font-size:21px;
}

h4{
font-size:20px;
letter-spacing: 0.1em;
}

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


dl dt{margin:5% auto 0.5%;}
dl dd{margin:0 auto 7%;}

#block01 article:nth-of-type(1) div:nth-of-type(1){
margin:2% auto;
width:70%;
}

#block01 article:nth-of-type(1) div:nth-of-type(2){
margin:6% auto;
width:90%;
}

#block02 article div:nth-of-type(1){
width:70%;
}

#block02 article div:nth-of-type(2){
width:90%;
}

#block03 article div:nth-of-type(1){
margin:2% auto;
width:70%;
}

#block03 article div:nth-of-type(2){
margin:2% auto;
width:90%;
}


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


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


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

◆ block05 ◆ recruit.htmlと共通

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

#block05{
margin:5% auto;
padding:5%;
width:100%;
border-top:1px solid #fb7289;
}

#block05 .entry{
margin:2% auto;
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%;
}

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

#block05{
padding:10% 5%;
}

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

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


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


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

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

#block05 .entry p{font-size:12px;}

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


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