@charset "utf-8";
.ptf {font-family: ab-suzume, sans-serif;font-style: normal; font-weight:900; letter-spacing:15px; font-size:min(calc(0.1 * 80vw), 80px); line-height:min(calc(0.1 * 55vw), 55px);}
* {font-family: dnp-shuei-mgothic-std, sans-serif;font-weight: 600;font-style: normal;}


.backgroundwhite{position: absolute;background-color: white;
    height:100%;width:900px;z-index:1;top:0;margin: auto; left:0; right:0;}

.none{display:none;}
#recruit3{display:none;}
#recruit4{display:none;}
/*1*/
.recruittop{max-width: 1000px;margin: 0 auto;width:90%;
    padding-top:30px;
    z-index: 2;
    position: relative;
    }

 
/*トップタイトル↓*/
.recruittopbackgroundcolor{margin-top:-8%;min-height:300px;height: min(calc((100 / 1920) * 360vw), 360px);width:100%;background-color:#D6EBF7;z-index:0;}
.recruittoptxt{padding-top:7%;max-width: 1000px; width:90%;margin: auto; left:0; right:0;z-index:1;}
.recruittoptxt_1{color:white;font-size:7rem;font-weight: bold;margin-left:3%;position:relative;}
.recruittoptxt_2{color:#00478A;font-size:3rem;font-weight: bold;font-size:min(calc(0.1 * 24vw), 24px); line-height:min(calc(0.1 * 24vw), 24px);}
.topillust{position:absolute;width:16%;top:32%;z-index:-1;left:-6%;}
/*トップタイトル↑*/

/*2*/
.section2{position:relative;background-color:#FEF4DF;z-index:0;}
.section2 a{text-decoration: none;}
.section2inner{z-index:5;max-width: 1000px;margin: 0 auto;position:relative;width:90%;}
.sec2txt{margin-bottom:2%;font-size:2rem;line-height:180%;}
.companymenu{position:relative;z-index: 1;width:380px;}
.section2{position:relative;background-color:#FEF4DF;z-index:0;}
.section2flex{max-width:1000px;margin: 0 auto;
display:flex;z-index: 2;position: relative;
justify-content:space-between;padding-top: 7%;padding-bottom: 7%;}
.sec2illust{position: absolute;width:40%;z-index:-1;margin: auto; 
  left:0; right:-400px;top:7%;}
.sec2tittle{font-size:3rem;font-weight: bold;margin-bottom: 3%;}
.section2flex ul{position:absolute;font-size:2.2rem;padding:20px;width:300px;z-index: 2;margin-top:34px;margin-left: 17px;}
.section2flex li{border-bottom: dotted 2px #0085CD;}
.section2flex li::after {
    content: '';
    display: inline-block;
    background-image: url(../img/homecare/5.png);
    width:20px;height:20px;margin-left:5px;
    background-size: contain;
  vertical-align: middle;
  }
.sec2txtall{margin-left:10%;}
.sec2tittle{font-size:3rem;}

/*3*/
.section3{position:relative;background-color:#D9EDF7;z-index:0;}
.section3inner{z-index:5;max-width: 1000px;margin: 0 auto;position:relative;width:90%;}

.section3 h2{padding-top:6%;font-size:7rem;color:#E5F3FA;line-height: 80%;position:absolute;z-index:-1; }
.aboutsub{text-align:center; color:#00478A;font-weight:bold;padding-top: 10%; margin-bottom: 10%; font-size:min(calc(0.1 * 26vw), 26px); line-height:min(calc(0.1 * 26vw), 26px);}
.aboutsub::after{

		content: '';
		  display: inline-block;
		  width: 3px;
		  height: 40px;
		  background-image: url(../img/company/12.svg);
		  background-size: contain;
		  position:relative;
		top:60px;
		right:110px;
    background-repeat:no-repeat;
		  }

  


/*アコーディオン全体*/
.accordion-area{
    list-style: none;
    width: 80%;
    max-width: 900px;
    margin:0 auto;
    padding-bottom: 100px;
}

.accordion-area li{
    margin: 10px 0;
}

.accordion-area section {
  border: 4px solid #FDF0D5;
  border-radius: 65px;
  padding:3%;
  background-color: white;
}

/*アコーディオンタイトル*/
.title {
    position: relative;/*+マークの位置基準とするためrelative指定*/
    cursor: pointer;
    font-size:1rem;
    font-weight: normal;
    padding: 1.5% 1.5% 1.5% 25px;
    transition: all .5s ease;
    background-color:#FDF0D5;
    border-radius: 40px;
    color:#00478A;
    font-weight: bold;
    font-size:18px;
    text-align: center;
}

.box p{ color:#00478A;font-size:16px;margin-bottom: 0;}

/*アイコンの＋と×*/
.title::before,
.title::after{
    position: absolute;
    content:'';
    width: 15px;
    height: 2px;
    background-color:#00478A;
    
}
.title::before{
    top:48%;
    right: 40px;
    transform: rotate(0deg);
    
}
.title::after{    
    top:48%;
    right: 40px;
    transform: rotate(90deg);

}
/*　closeというクラスがついたら形状変化　*/
.title.close::before{
  transform: rotate(180deg);
}

.title.close::after{
  transform: rotate(-45deg);
  display:none;
}

/*アコーディオンで現れるエリア*/
.box {
    display: none;/*はじめは非表示*/

  margin:3%;
    padding: 3%;
}



/*色２*/

/*アコーディオンタイトル*/
.recruitmenu2 .title {
    background-color:#D9EDF7;
}

.accordion-area .recruitmenu2 {
  border: 4px solid #D9EDF7;
}


/*2022/09/07追記募集職種↓*/
.headline1{font-size:16px!important;margin-bottom:2%;margin-left: -19px;}
.headline2{margin-bottom: 3%;font-size:12px!important;}
.taiguu{margin-top: 5%;}
.recruitlist li{margin:2px;font-size:12px!important;}
.recruitspshow{display:none;}
/*2022/09/07追記募集職種↑*/
.spsec2tittle{display: none;}
/*SP版*/
@media screen and (max-width : 999px ){

  /*2022/09/07追記募集職種↓*/
  .headline1{font-size:12px!important;margin-left:0;margin-bottom:3%;}
  .recruitspshow{display:block;}
  .headline2{font-size:10px!important;margin-bottom: 4%;}
.recruitlist li{font-size:10px!important;}
.tittle{font-size:12px!important;}
  /*2022/09/07追記募集職種↑*/


  .recruittop{width:95%;
    padding-top:2%;
    }
  .recmenu{display: none;}
  .backgroundwhite{width:70%;}
  .section2flex{display: block;}
  .sec2illust{ 
    width:min(calc((100 / 1920) * 680vw), 680px);
    z-index: -1;
    margin: auto;
    left: 0;
    right:0;
    top: 10%;}
    .spsec2tittle{display:block;font-size:2rem;text-align: center;margin-top: 10%;margin-bottom: 5%;}
    .sec2tittle{display: none;}
    .accordion-area{width:100%;margin: 0 auto;}
    .accordion-area section{border-radius:50px;}

    .sec2txtall{margin-left:0;}
 
    .sec2txt{font-size: 1.5rem;}
    .box p{font-size: 1.5rem;}
    .aboutsub{font-size: 2rem;}
    .aboutsub::after{right:90px;}
  
  }
  
@media screen and (max-width: 668px){
  .sec2illust{ 
    width:min(calc((100 / 1920) * 710vw), 710px);
    min-width:200px;
  }
  .accordion-area section{border-radius:40px;}
  .section3 h2{font-size:min(calc((100 / 1920) * 240vw), 240px);}
  .aboutsub::after{top:35px;height:30px;right:85px;}
  .title{padding:1.5%;font-size:12px;}
  .aboutsub {margin-bottom:15%;}
  .sec2txt{font-size: 1.2rem;}
  .box p{font-size: 1.2rem;}

  /*トップタイトル↓*/
  .recruittoptxt_2{font-size:2rem;}
  .recruittoptxt_1{font-size: 4rem;}
  .recruittopbackgroundcolor
  {height:min(calc((100 / 1920) * 800vw),800px);min-height:0;}
  .topillust{width:26%;top:23%;}
  /*トップタイトル↑*/
}