@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Shippori+Mincho:wght@400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap');

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

html {
    font-size: 62.5%;
    overflow-y: scroll;
    width: 100%;
}
body {
    background-image: url("../img/common/background-image2.png");
    background-size: contain;
    font-family: 'Noto Sans JP', "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, sans-serif;
    
    word-break: normal;
    overflow-wrap: break-word;
    word-wrap: break-word;
    
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
    font-feature-settings: "palt";
    width: 100%;
}
@media screen and (max-width: 767px) {
	html,body{width: 100%;}
}
p {
    font-feature-settings: "palt";
}
.inner{
    width: 100%;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
}
.wrapper{
    width: 100%;
    max-width: 1224px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
@media screen and (max-width: 767px) {
    .wrapper{
        /*max-width: 89vw;*/
        width: 90%;
    }
    .inner {
        width: 100%;
       /* max-width: 960px;*/
    }
    section {
    overflow-x: clip;
    width: 100%;
    }
}
/*---------------------------------------
	section#top top　FV
---------------------------------------*/
#top {
    z-index: 2;
    height: 820px;
    position: relative;
}
#top .osc_img {
    bottom: 1.7rem;
    position: relative;
    z-index: 1;
}
#top .osc_img img{
	width: 100%;
}
#top .top_person {
    top: 28px;
    position: absolute;
    z-index: 2;
    
    max-width: 1440px;
}
#top > .inner > .ttl_img {
    display: flex;
    position: relative;
    justify-content: center;
    top: 370px;
    z-index: 3;
}

#top .top_person img{width: 100%;}

@media screen and (max-width: 767px) {
	#top{
        margin-bottom: 91vw;
        height: unset;
    }
    .osc_img{
        width: 100%;
        bottom: 0.5vw;
    }
     .osc_img img{
        width: 100vw;
        /* height: 100%; */
        width: 100%;
     }
     
    .top_person img{
        width: 100vw;
        width: 100%;
    }
     #top > .inner > .ttl_img img{
        width: 100vw;
        width: 100%;
    }
    .top_person {}
    #top .top_person {
	    top: 21vw;
	   width: 100%;
	  }
}

/*---------------------------------------
	section#about_us　介護と看護のいいとこどり
---------------------------------------*/
#about_us {
    background-color: white;
    z-index: 1;
    position: relative;
    /*padding: 35rem 050px 0;*/
    padding: 20rem 050px 0;
    overflow-y: hidden;
    /*margin-top: -27rem;*/
}

#about_us .goodbox {
    position: relative;
}
#about_us .good_column {
    margin-bottom: 6rem;
    margin-top: 4rem;
    
    margin-bottom: 0;
}
#about_us .good_description {
    position: absolute;
    top: 332px;
    z-index: 3;
    padding: 2rem 2rem 0 19rem;
    color: white;
    font-size: 1.73rem;
    line-height: 1.7;
    font-weight: bold;
    text-align: justify;
}
/*#about_us .goodbox > .ttl*/
#about_us .goodbox .ttl {
    font-size: 2.7rem;
    padding-bottom: 10px;
}
@media screen and (max-width: 767px) {
    #about_us {
      padding: 10rem 0 3rem 0;
      margin-top: 0;
    }
    /*#about_us > .wrapper*/
    #about_us .wrapper {
      /*max-width: 85vw;
      width: 85%;*/
      width: 100%;
    }
    /*#about_us > .wrapper > .ttl_img*/
    #about_us .wrapper .ttl_img {
      /*padding-bottom: 5rem;*/
      margin-bottom: 0;
    }
    /*#about_us > .wrapper > .ttl_img img*/
    #about_us .wrapper .ttl_img img{
	    width: 81%;
    }
    /*#about_us > .wrapper > .ttl_description*/
    #about_us .wrapper .ttl_description {
      margin-bottom: 2.5rem;
    }
    /*#about_us > .wrapper > .ttl_description img*/
    #about_us .wrapper .ttl_description img{
    width: 89%;
    margin-top: 12em;
    margin-top: 4vw;
    }
    /*#about_us .goodbox > .ttl*/
    #about_us .goodbox .ttl {
      font-size: 4.6vw;
      text-align: center;
    }
    #about_us .good_img img{
      width: 100%;
    }
    #about_us .good_description {
        padding: 42vw 3vw 0 27vw;
        font-size: 3.85vw;
        top: 3.9rem;
        font-weight: 500;
        line-height: 1.6;
        
        padding: 0 3vw 0 27vw;
        font-size: 3.5vw;
    }
    #about_us .good_description p{ margin-top: 180px;}
    #about_us .good_column.flex {
        display:unset;
    }
    #about_us .goodbox {
        margin-bottom: 4rem;
    }
    #about_us .good_column:first-child > #about_us .goodbox:first-child > #about_us .good_description,
    #about_us .good_column:last-child > #about_us .goodbox:last-child > #about_us .good_description {
       padding: 42.2vw 3vw 0 25vw;
       top: 16vw;
       font-weight: 500;
       font-size: 3.85vw;
       line-height: 1.6;
    }
    
}

/*---------------------------------------
	section#support　日々の生活の援助
---------------------------------------*/
#support {
    padding: 5rem 0 22.7rem 0;
    position: relative;
}
/*#support > .wrapper > .ttl_img*/
#support .wrapper .ttl_img  {
    position: absolute;
    display: flex;
    justify-content: center;
    width: 100%;
    top: 53rem;
    z-index: 2;
}
/*#support > .wrapper > .inner_bg_img*/
#support .wrapper .inner_bg_img {
    position: relative;
    z-index: 1;
}

#support .support_description {
    position: absolute;
    z-index: 3;
    top: 67rem;
    text-align: center;
    font-size: 2rem;
    width: 100%;
}

#support .support_description p {
    font-size: 1.74rem;
    font-weight: bold;
    line-height: 1.7;
    margin-bottom: 3rem;
}
/*#support > .wrapper > .tc*/
#support .wrapper .tc {
    z-index: 2;
    position: absolute;
    top: 105rem;
    width: 100%;
}
/*#support > .wrapper > .stuff_img*/
#support .wrapper .stuff_img {
    top: 110rem;
    position: absolute;
    z-index: 3;
    width: 100%;
    display: flex;
    justify-content: center;
}
#support .wrapper .stuff_img img{
	width: 100%;
}
@media screen and (max-width: 767px) {
	#support {
    padding: 10vw 0 21vw 0;
    }
    /*#support > .wrapper > .inner_bg_img img*/
    #support .wrapper .inner_bg_img img{
    width: 100%;
    }
    /*#support > .wrapper > .ttl_img*/
    #support .wrapper .ttl_img{
    top: 44vw;
    }
    /*#support > .wrapper > .ttl_img img*/
    #support .wrapper .ttl_img img {
    width: 74%;
    }
    #support .support_description {
	top: 105vw;
    width: 77vw;
    left: 50%;
    transform: translate(-50%, -50%);
    
    width: 77%;
	}
    #support .support_description p{
    font-size: 3.5vw;
    margin-bottom: 3.9vw;
    line-height: 1.75;
    }
    #support > .wrapper > .tc {
    top: 146vw;
    }
    #support > .wrapper > .tc img {
    width: 72%;
    }
    #support > .wrapper > .stuff_img{
    top: 160.4vw;
    }
    #support > .wrapper > .stuff_img img {
    width: 113%;
    }
}

/*---------------------------------------
	section#uneasy　こんなモヤモヤありませんか
---------------------------------------*/
#uneasy {
    background-color: #6dbdea;
    padding-bottom: 6rem;
    position: relative;
}
#uneasy .weak_letter {
    font-size: 18rem;
    color: #95caea;
    padding-top: 3rem;
}
#uneasy .uneasy_description {
    position: relative;
}
#uneasy .uneasy_description > .check {
    position: absolute;
    top: 0;
    padding: 7.4rem 0 4rem 28rem;
    font-size: 2.1rem;
    font-weight: bold;
    font-family: "Kosugi Maru", serif;
}
/*#uneasy .uneasy_description > .check >table > tbody > tr:before*/
#uneasy .uneasy_description .check table tbody tr:before {
    content: "";
    display: block;
    width:20px;
    height:20px;
    border-radius: 50%;
    border: 1px solid #f8b62d;
}
/*#uneasy .uneasy_description > .check >table > tbody > tr*/
#uneasy .uneasy_description .check table tbody tr  {
    line-height: 2.6;
}
/*#uneasy .uneasy_description > .check >table > tbody > tr > td*/
#uneasy .uneasy_description .check table tbody tr td {
    bottom: 2px;
    position: relative;
    padding-left: 22px;
}
/*#uneasy > .wrapper > .last_written*/
#uneasy .wrapper .last_written {
    width: 100%;
    margin-top: 3.5rem;
}
@media screen and (max-width: 767px) {
	#uneasy .weak_letter{
        font-size: 5.3rem;
        margin-bottom: 2rem;
        padding-top: 4rem;
    }
    #uneasy > .wrapper > .ttl_img img{
        width:82%;
    }
    #uneasy > .wrapper > .ttl_img {
        padding: 1rem 0;
    }
    #uneasy .uneasy_description > .check{
        padding: 54vw 3.2vw 0 5vw;
        font-size: 1.5rem;
        line-height: 1px;
    }
    #uneasy .uneasy_description > .check >table > tbody > tr{
        line-height: 1.7;
        margin-bottom: 4.5vw;
        display: inline-table;
        font-size: 3.85vw;
        text-align: justify;
    }
    #uneasy .uneasy_description > .check >table > tbody > tr > td{
        padding-left: 10px;
    }
    #uneasy .uneasy_description > .uneasy_base_img img {
        width:100%;
    }
    #uneasy .uneasy_description > .check >table > tbody > tr:before{
        width:15px;
        height:15px;
    }
    #uneasy > .wrapper > .last_written img {
        width:100%;
    }
}
/*---------------------------------------
	section#excited　楽しい職場が利用者様のできることを支える
---------------------------------------*/
#excited {
  /*padding: 4rem 0 12rem 0;*/
  padding-top: 4rem;
  padding-bottom: 12rem;
  width: 100%;
  overflow: hidden;
}
#excited .wrapper{
	width: 100%;
	max-width:100%;
	}
#excited .wrapper .ttl_letter {
  font-size: 13rem;
  padding: 3rem;
}



/*#excited > .wrapper > .ttl_letter*/
#excited .wrapper .ttl_letter {
  color: white;
}
/*#excited > .wrapper > .ttl_img*/
#excited .wrapper .ttl_img {
  margin-bottom: 11rem;
}


#excited .point {
  /*position: relative;
  display: flex;
  */
  position: relative;
  flex-direction: row-reverse;
  margin-left: 10em;
}
#excited .point_left {
  position: relative;
  bottom: 1.5rem;
  z-index: 5;
  margin-right: -5%;
  
  position: relative;
}
#excited .point .point_right{
	width: 55%;
	z-index: 1;
	margin-top: 3em;
}


/*left*/
#excited .point .point_left .point_bg {
  /*;
  bottom: 3rem;
  right: 2rem;
  z-index: 4;*/
  position: relative;
  width: 100%;
}
#excited .point .point_left .point_bg .excited_detail {
  /*
  
  z-index: 4;
  */
  position: absolute;
  top:0;
  right: 0;
  width: 100%;
  padding: 3rem 8rem 0rem 23rem;
}
#excited .point .point_left .point_bg .excited_detail h3 {
  font-size: 3.4rem;
  margin-top: 1em;
  margin-bottom: 2.5rem;
  line-height: 1.4;
}
#excited .point .point_left .point_bg .excited_detail p {
  font-size: 1.74rem;
  font-weight: bold;
  line-height: 1.7;
}


/*right*/
#excited .point .point_right .point_img {
  /*right: calc(50% - 49.57vw);
  position: absolute;
  right: calc(50% - 55vw);
  */
}

#excited .point .point_right .point_img img{
}


/*#excited .point-4 > .point_left > .excited_detail*/
/*#excited .point-4 .point_left .excited_detail {
  padding: 4.5rem 8rem 0rem 20rem;
}*/
/*#excited .point-4 > .point_left > .excited_detail h3 */
/*#excited .point-4 .point_left .excited_detail h3{
  margin-bottom: 3.5rem;
}*/
@media screen and (max-width: 767px) {
	#excited {
      /*padding: 8vw 0 169vw 0;*/
      padding: 8vw 0 4vw ;
    }
    #excited .wrapper{
	    width: 100%;
	    max-width:100%;
	}
	#excited .wrapper .ttl_letter {
		font-size: 14vw;
        padding: 0 0 7vw 0;
	}
	#excited .wrapper .ttl_img {
		margin-bottom: 5rem;
        position: relative;
    }

    #excited .wrapper .ttl_img img{
        width: 90%;
    }
    #excited .excited_description {
	    width: 100%;
    }
    #excited .point {
    position: relative;
    flex-direction: column;
    margin-left: 0;
    width: 100%;
    margin-bottom: 30em;
    }
    
    #excited .point .point_left {
	    position: absolute;
	    top:-15em;
	    
	    position: relative;
	    bottom: 1.5rem;
	    z-index: 5;
	    margin-right: 0;
	    width: 95%;
	    margin: 0 auto;
	    margin-top: -3em;
	    
	}
	#excited .point .point_right{
		width: 100%;
		z-index: 1;
		margin-top: 0;
	}
	/*right*/
	#excited .point .point_right .point_img {
		width: 100%;
	}
	#excited .point .point_right .point_img img{
		width: 100%;
	}

	/*left*/
	#excited .point .point_left  .point_count {
        z-index: 5;
        display: block;
        position: absolute;
        top: 48vw;
        left: 4vw;
    }
    #excited .point .point_left  .point_count img {
        width: 16vw;
    }
    #excited .point .point_left .point_bg .excited_detail {
	    width: 100%;
	    padding: 5vw 10vw 0 27vw;
	    /*padding: 4vw 11vw 0 27vw;
        top: 43.448vw;*/
	}
	#excited .point .point_left .point_bg {
	    position: absolute;
	    width: 100%;
	    right: 0;
	    top: 41vw;
	}
	#excited .point .point_left .point_bg img {
        width: 100%;
    }
    #excited .point .point_left .point_bg .excited_detail h3{
        font-size: 4.2vw;
        margin-top: 0.3em;
        margin-bottom: 1rem;
    }
    #excited .point .point_left .point_bg .excited_detail p{
        font-size: 3.3vw;
        text-align: justify;
        line-height: 1.75;
    }
	#excited .point_img {
        /*position: absolute;
        left: calc(106% - 100vw);*/
    }
    #excited .point_img img{
       /* width: 100vw;*/
    }
      
      
      
      
        
    
    
    #excited .point:nth-last-child(3) {
	    /*top: 42vw;
	    position: relative;*/
    }
    #excited .point:nth-last-child(2) {
	    /*top: 84vw;
	    position: relative;*/
    }
    #excited .point:nth-last-child(1) {
	    /*top:125vw;
	    position: relative;*/
    }
    
   #excited .point-4 > .point_left > .excited_detail h3 {
	    margin-bottom: 2.5rem;
    }
}

@media (min-width: 768px) and (max-width: 1200px){
	/* 画面サイズが768px以上、960px未満の設定 */
	#excited {
      /*padding: 8vw 0 169vw 0;*/
      padding: 8vw 0 4vw ;
    }
    #excited .wrapper{}
	#excited .wrapper .ttl_letter {}
	#excited .wrapper .ttl_img {}
	#excited .wrapper .ttl_img img{}
    #excited .excited_description {}
    #excited .point {
    position: relative;
    flex-direction: column;
    margin-left: 0;
    width: 100%;
    margin-bottom: 80vw;
    }
    
    #excited .point .point_left {
	    position: absolute;
	    top:-15em;
	    
	    position: relative;
	    bottom: 1.5rem;
	    z-index: 5;
	    margin-right: 0;
	    width: 95%;
	    margin: 0 auto;
	    margin-top: -34%;
	    
	}
	#excited .point .point_right{
		width: 100%;
		z-index: 1;
		margin-top: 0;
	}
	/*right*/
	#excited .point .point_right .point_img {
		width: 100%;
	}
	#excited .point .point_right .point_img img{
		width: 100%;
	}

	/*left*/
	#excited .point .point_left  .point_count {
        z-index: 5;
        display: block;
        position: absolute;
        top: 48vw;
        left: 4vw;
    }
    #excited .point .point_left  .point_count img {
        width: 10vw;
    }
    #excited .point .point_left .point_bg .excited_detail {
	    width: 100%;
	    padding: 5vw 10vw 0 27vw;
	    /*padding: 4vw 11vw 0 27vw;
        top: 43.448vw;*/
	}
	#excited .point .point_left .point_bg {
	    position: absolute;
	    width: 100%;
	    right: 0;
	    top: 41vw;
	}
	#excited .point .point_left .point_bg img {
        width: 100%;
    }
    #excited .point .point_left .point_bg .excited_detail h3{
        font-size: 4.2vw;
        margin-top: 0.3em;
        margin-bottom: 1rem;
    }
    #excited .point .point_left .point_bg .excited_detail p{
        font-size: 2vw;
        text-align: justify;
        line-height: 1.75;
    }
	#excited .point_img {
        /*position: absolute;
        left: calc(106% - 100vw);*/
    }
    #excited .point_img img{
       /* width: 100vw;*/
    }
      
      
      
      
        
    
    
    #excited .point:nth-last-child(3) {
	    /*top: 42vw;
	    position: relative;*/
    }
    #excited .point:nth-last-child(2) {
	    /*top: 84vw;
	    position: relative;*/
    }
    #excited .point:nth-last-child(1) {
	    /*top:125vw;
	    position: relative;*/
    }
    
   #excited .point-4 > .point_left > .excited_detail h3 {
	    margin-bottom: 2.5rem;
    }
 
 
 
 
 
}

/*---------------------------------------
	section#NWNL　NO ワクワク NO LIFE
---------------------------------------*/
#NWNL {
    background-color: #ffffffdb;/*#ffffffdb*/
    padding-top: 10rem;
    /*height: 128rem;*/
}
/*#NWNL > .wrapper > .last_written */
#NWNL .last_written{
	/*position: absolute;
	top: 90.5rem;*/
	text-align: center;
	bottom: 0;
}
/*#NWNL > .wrapper > .last_written img*/
#NWNL .last_written img {
    width: 56vw;
    
    width: 66vw;
}
#NWNL .NWNL_description p {
	margin-bottom: 5rem;
	font-size: 2.8rem;
	font-weight: bold;
	line-height: 1.9;
	letter-spacing: 6px;
}
#NWNL .NWNL_description {
	padding: 7rem 0 0 0;
}


@media screen and (max-width: 767px) {
	#NWNL {
		width: 100%;
	   height: unset;
	   /*padding-bottom: 27vw;*/
	   padding-top: 15vw;
    }
    
    /*#NWNL > .wrapper*/
    #NWNL .wrapper {
      width: 75vw;
      
      width: 75%;
    }
    #NWNL > .wrapper > .ttl_img img {
      width: 100%;
    }
    #NWNL .NWNL_description p {
      font-size: 3.7vw;
      letter-spacing: 3px;
      margin-bottom: 6vw;
    }
    #NWNL .NWNL_description {
      padding: 11vw 0 0 0;
    }
    /*#NWNL > .wrapper > .last_written*/
    #NWNL .last_written {
	   /*top: 140.2vw;
	   left: unset;*/
	   width: 100%;
	   margin:0 auto;
	 }
	 /*#NWNL > .wrapper > .last_written img*/
	 #NWNL .last_written img {
	   /*width: 180%;
	   right: 11.8rem;
	   position: relative;*/
	   width: 100%;
    }
}

/*---------------------------------------
	section#flow　採用までの流れ
---------------------------------------*/
#flow {
	background-color: #6cbdea;
	padding-bottom: 9rem;
}
#flow .wrapper .ttl_letter {
	color: #dbde78;
	font-size: 13rem;
    padding: 3rem;
}
#flow .wrapper .ttl_img {
	margin-bottom: 6rem;
}
#flow .flow figure {
	position: absolute;
	top: 76.5rem;
	left: 78rem;
}

/*#flow > .wrapper > .stuff_img*/
#flow .wrapper .stuff_img {
	position: absolute;
	top: 7rem;
}
@media screen and (max-width: 767px) {
	#flow{
		height: 292vw;
		padding-bottom: 21.5vw;
	}
	#flow > .wrapper > .ttl_letter {
		position: absolute;
		right: 1vw;
		top: 7vw;
		font-size: 17.5vw;
	}
	#flow > .wrapper > .ttl_img{
		position: absolute;
		left: 1vw;
		top: 5.5vh;
	}
	#flow > .wrapper > .stuff_img {
		position: absolute;
		left: 40vw;
		width: 100%;
		top: 38vw;
	}
	#flow > .wrapper > .ttl_img img{
		width: 34vw;
	}
	#flow > .wrapper > .stuff_img img{
		width: 55%;
	}
	#flow > .wrapper > .flow {
		top: 68vw;
		position: absolute;
	}
	#flow > .wrapper > .flow img {
		width: 100%;
	}
	#flow .flow figure {
		top: 187.4vw;
		position: absolute;
		left: 0;
	}
}

/*---------------------------------------
	section#recruit　募集要項
---------------------------------------*/
#recruit {
	position: relative;
	padding: 3rem 0 10rem 0;
}
#recruit > .wrapper > .ttl_img {
	padding: 9rem 0;
}
#recruit > .wrapper > .stuff_img {
	position: absolute;
	top: 0;
}
#recruit .recruit-description details summary {
  background-color: white;
  border-radius: 1.7rem;
  height: 10rem;
  width: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2.8rem;
  font-weight: bold;
  position: relative;
}
#recruit .recruit-description details summary:before {
  content:"";
  display: block;
  width: 50px;
  height: 50px;
  border-radius:50px 0 150px 0;
  top: 0;
  left: 0px;
  position: absolute;
}
#recruit .recruit-description details table tbody {
  padding: 6rem 6rem 3rem 6rem;
  background-color: white;
  display: block;
  bottom: 14px;
  position: relative;
}
#recruit .recruit-description details table tbody tr {
  padding: 2.5rem 0;
  position: relative;
  display: block;
  border-bottom: 1px solid #00000061;
  font-size: 2.05rem;
}
#recruit .recruit-description details table tbody tr th {
  padding-left: 6rem;
  width: 25rem;
  text-align: left;
}
#recruit .recruit-description details table tbody tr td {
  position: relative;
}
#recruit .recruit {
  margin-bottom: 2.5rem;
  box-shadow: 0 2.5rem 2rem -2rem hsl(200 50% 20% / 40%);
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}


#recruit .recruit-description details .orange:before {
  background: #ffb67a;
}
#recruit .recruit-description details .pink:before {
  background: #ffa899;
}
#recruit .recruit-description details .blue:before {
  background: #6cbdea;
}
#recruit .recruit-description details .purple:before {
  background: #83a5ff;
}

#recruit .recruit:before {
    content:"";
    position: absolute;
    width: 30px;
    height: 30px;
    background-color:black;
    right:18rem;
    margin-top:5rem;
    height:4px;
    z-index:1;
    border-radius:30px;
}


#recruit .recruit-description details summary:after {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    top: 5rem;
    background-color:black;
    height:4px;
    right: 5.75rem;
    transform:rotate(90deg);
    border-radius:30px;
}

#recruit .recruit-description details > .blue::after {
    background-color:#6cbdea !important;
    display:block;
}

#recruit .recruit-description details > .pink:after {
    background-color: #ffa899;
}

#recruit .recruit.nursing:before {
    background-color: #ffa899;
}

#recruit .recruit.therapy:before {
    background-color: #6cbdea;
}

#recruit .recruit.care:before {
    background-color: #ffb67a;
}

#recruit .recruit-description details > .orange:after {
    background-color:#ffb67a;
}

#recruit .recruit[open] summary:after{
    display:none;
}

@media screen and (max-width: 767px) {
	#recruit {
		height: auto;
		padding: 0 0 77vw 0;
	}
	#recruit > .wrapper > .ttl_img{
		padding: 0;
		position: absolute;
		right: 51vw;
		top: 16vh;
	}
	#recruit > .wrapper > .stuff_img{
		top: 5vh;
	}
	#recruit > .wrapper > .stuff_img img {
		width: 34vw;
		position: absolute;
	}
	#recruit > .wrapper > .ttl_img img {
		position: absolute;
		width: 51vw;
	}
	#recruit .recruit-description {
		top: 66vw;
		position: relative;
	}
	#recruit .recruit {
		width: 89vw;
	}
	#recruit .recruit-description details summary{
		font-size: 4.2vw;
		height: 9vh;
		border-radius: 0.7rem;
	}
	#recruit .recruit-description details summary::before {
		width: 6vw;
		height: 6vw;
	}
	#recruit .recruit-description details table tbody {
		padding: 0 7vw;
	}
	#recruit .recruit-description details table tbody tr th {
		padding-left: 0;
		width: 9rem;
	}
	#recruit .recruit-description details table tbody tr {
		font-size: 3.2vw;
		padding: 2.5vw 0;
	}
	#recruit .recruit:before {
        right: 8vw;
        margin-top: 9vw;
    }
    #recruit .recruit-description details summary:after {
        right: 3rem;
        margin-top: -1.6rem;
    }
}

/*---------------------------------------
	section#greeting　代表挨拶
---------------------------------------*/
#greeting{
  background-color: #ffffffdb;
  padding: 10rem 0 0 0;
  /*height: 1423px;*/
}
#greeting .wrapper{width: 100%;}
#greeting .greeting_description {
  padding: 6rem 0 6rem 8rem;
  display: flex;
  flex-direction: row-reverse;
}
#greeting .representative_img {
  /*top: 17px;
  position: relative;*/
  padding-top: 17px;
}
#greeting .greeting_txt h3 {
  /*position: relative;
  left: -22px;*/
  margin-bottom: 2rem;
  margin-left: -2em;
}
#greeting .greeting_txt h4 {
  font-size: 1.59rem;
  font-weight: bold;
  margin-bottom: 2rem;
  line-height: 1.8;
}
#greeting .greeting_txt p {
  font-size: 1.74rem;
  font-weight: bold;
  line-height: 1.7;
}


/*#greeting > .wrapper > .last_written*/
#greeting .wrapper .last_written {
  /*position: relative;*/
  /*height: 80.5vh;*/
  width: 100%;
}
#greeting .wrapper .last_written .speech_bubble_box{
	width: 827px;
	margin:0 auto;
}
#greeting .wrapper .last_written .speech_bubble {
  width: 827px;
 
  background-color: white;
  box-shadow: 9px 0rem 3rem 0rem hsl(200 50% 20% / 40%);
  border-radius: 10px;
  padding: 2.5rem 0;
  position: absolute;
  /*top: 0px;
  left: 50%;*/
  /*transform: translateX(-50%);*/
  margin:0 auto;

}

#greeting .wrapper .last_written .speech_bubble::after {
  content:"";
  aspect-ratio: 1/cos(30deg);
  clip-path: polygon(50% 0,100% 100%,0 100%);
  width:40px;
  height: 40px;
  top: 98%;
  display: block;
  position: absolute;
  background-color: #ffffff;
  transform: rotateX(180deg);
  filter: drop-shadow(4px 5px 5px rgba(0, 0, 0, 0.5));
  
  
  /*right: 50%;*/
  left: 50%;
  right: 50%;
}
#greeting .wrapper .last_written .speech_bubble h2 {
  font-size: 2.7rem;
  line-height: 2;
}


/*#greeting > .wrapper > .last_written > .last_img*/
#greeting .wrapper .last_written .last_img {
  /*position: relative;
  left: -12rem;
  top: 17.85rem;*/
  width: 100%;
  text-align: center;
  padding-top: 170px;
}
#greeting .wrapper .last_written .last_img img{
	
}


@media screen and (max-width: 767px) {
	#greeting {
		/*height: 279.2vw;*/
	}
	#greeting .wrapper{width: 80%;}
	/*#greeting > .wrapper > .ttl_img*/
	#greeting .wrapper .ttl_img {
		/*margin-bottom: 3rem;*/
	}
	/*#greeting > .wrapper > .ttl_img img*/
	#greeting .wrapper .ttl_img img {
		/*width: 64vw;*/
		width: 70%;
	}
	#greeting .greeting_description {
		/*padding: 0 2rem;
		display: block;
		position: absolute;*/
		flex-direction: column;
		padding:0;
	}
	#greeting .representative_img {
		/*position: absolute;
		top: 32.5vw;
		transform: translate(-50%, -50%);
		left: 50%;*/
		width: 80%;
		margin:0 auto;
		margin-top: 2em;
	}
	#greeting .representative_img img {
		/*width: 51vw;*/
		width: 100%;
	}
	#greeting .greeting_txt {
		/*position: relative;
		top: 67vw;
		color: #575757;*/
	}
	#greeting .greeting_txt h4 {
		/*font-size: 2.35vw;
		padding-left: 13.7vw;*/
		margin-left: 2em;
	}
	#greeting .greeting_txt h3 {
		/*left: -5px;*/
		width: 100%;
		margin-left: -1em;
	}
	#greeting .greeting_txt h3 img {
		/*width: 100%;*/
		width: 100%;
	}
	#greeting .greeting_txt p {
		/*padding-right: 5vw;*/
		font-size: 3.2vw;
	}
	/*#greeting > .wrapper > .last_written*/
	#greeting .wrapper .last_written {
		/*top: 216.6vw;
		position: absolute;
		left: 50%;
		transform: translate(-50%, -50%);
		height: 0;
		*/
		width: 100%;
	}
	#greeting .wrapper .last_written .speech_bubble_box{
		width: 100%;
	}
	#greeting .wrapper .last_written .speech_bubble{
		width: 100%;
		margin-top: 2em;
	}
	#greeting .wrapper .last_written .speech_bubble::after {
		width: 20px;
		height: 20px;
		position: absolute;
		left: 50%;
		right: 50%;
	}
	#greeting .wrapper .last_written .speech_bubble h2 {
		/*line-height: 1.8;*/
		font-size: 3.4vw;
	}
	
	
	/*#greeting > .wrapper > .last_written > .last_img*/
	#greeting .wrapper .last_written .last_img {
		/*top: 27vw;
		left: 0;*/
		width: 100%;
	}
	/*#greeting > .wrapper > .last_written > .last_img img*/
	#greeting .wrapper .last_written .last_img img {
		width: 100%;
	}
}
/*---------------------------------------
	section#contact　お問い合わせ
---------------------------------------*/
#contact {
  padding: 7rem 0 8rem 0;
}
/*#contact > .wrapper > .info_description*/
#contact .wrapper .info_description {
  background-image: url(../img/contact/info_bg.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 773px;
  height: 439px;
  margin: 5rem auto 3rem auto;
}

/*#contact > .wrapper > .info_description > div*/
#contact .wrapper .info_description div {
  padding: 5.2rem 0 0 28rem;
}

/*#contact > .wrapper > .contact_description > .contact*/
#contact .wrapper .contact_description .contact {
  margin-bottom: 4rem;
}
#contact .info_description h3 {
  font-size: 3.5rem;
  line-height: 1.4;
  padding-bottom: 2rem;
}

#contact .info_description p {
  font-size: 1.74rem;
  font-weight: bold;
  line-height: 1.9;
}

/*#contact .phone > .header*/
#contact .phone .header {
  background-color: #00b2db;
}

/*#contact .contact > .header*/
#contact .contact .header {
  text-align: center;
  color: white;
  font-size: 3.1rem;
  padding: 3rem 0;
  letter-spacing: 6px;
  border-radius: 15px 15px 0 0;
}

/*#contact .LINE > .header*/
#contact .LINE .header {
  background-color: #00c002;
}

#contact .contact_inner {
  background-color: white;
  padding: 4rem 0 3rem 0;
  border-radius: 0 0 15px 15px;
}
#contact .contact_inner h2 {
  font-size: 7.5rem;
  line-height: 1;
  text-align: center;
}
#contact .contact_inner em {
  color: #00b2db;
  font-size: 1.8rem;
  font-style: normal;
  font-weight:bold;
}

/*#contact .phone > .contact_inner h2*/
#contact .phone .contact_inner h2 {
  color: #00b2db;
  margin-bottom: 1rem;
}

#contact .contact {
  width: 1017px;
  margin: 0 auto;
}

/*#contact .phone > .contact_inner p*/
#contact .phone .contact_inner p {
  margin-top: 1rem;
  font-size: 1.59rem;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  #contact > .wrapper >.ttl_img img {
    width: 80%;
  }
  #contact > .wrapper > .info_description {
    background-image: url(../img/contact/info_bg_sp.png);
    background-size: 100%;
    width: 95.2vw;
    height: 61vw;
    left: -8px;
    position: relative;
  }
  #contact .info_description h3 {
    font-size: 4.8vw;
    padding-bottom: 3vw;
  }
  #contact .info_description p {
    font-size: 2.85vw;
  }
  #contact > .wrapper > .info_description > div {
    padding: 0;
    padding: 6vw 0 0 35vw;
  }
  #contact .contact {
    width: auto;
  }
  #contact .contact > .header {
    font-size: 4vw;
    padding: 4vw;
    letter-spacing: 2.5px;
  }
  #contact .contact_inner {
    padding: 4vw 0;
  }
  #contact .contact_inner h2 {
    font-size:12vw;
  }
  #contact .contact_inner em {
    font-size: 3.2vw;
  }
  #contact .phone > .contact_inner p {
    font-size:3.2vw;
  }
  #contact .contact_inner > a > img {
    width: 87.5%;
  }
  #contact > .wrapper > .contact_description > .contact {
    margin-bottom: 2.5rem;
  }
 
 
}
/*---コンタクトフォーム---*/
.form > .header {
  background-color: #00CEB5;
}
.required {
  background-color: #EC69B0;
  display: inline;
  color: white;
  font-size: 1.4rem;
  padding: 0.1rem 1.25rem;
}
.cf_plugin tbody tr {
  margin-bottom: 2.5rem;
  display: flex;
  border-bottom: dotted 2px #b7b7b7;
  padding-bottom: 2.5rem;
}
.cf_plugin tbody tr th {
  text-align: left;
  display: block;
  font-size: 2rem;
  width: 201px;
  position: relative;
}
.cf_plugin tbody {
  padding: 3rem 8rem;
  display: block;
}
div.wpcf7 input, .wpcf7 textarea {
  border:2px solid #B3B3B3;
  padding: 15px;
  border-radius:0;
  outline: none;
  width: 100%;
}
.cf_plugin tbody tr td{
  font-size: 1.79rem;
  width: 621px;
}
.wpcf7 select {
  width: 105.5%;
  border:2px solid #B3B3B3;
  padding: 15px;
  border-radius:0;
  outline: none;
  background-color: white;
  
  width: 100%;
}

.wpcf7-submit {
  background-color: #00ceb5;
  border: none !important;
  color: white;
  height: 122px;
  width: 680px !important;
  border-radius: 10rem !important;
  text-align: center;
  left: 17.5rem;
  position: relative;
  font-size: 2.8rem;
  font-weight: bold;
  letter-spacing: 8px;
}
 @media screen and (max-width: 767px) {
	.cf_plugin tbody{
		padding: 5.33vw 4vw;
	}
	.cf_plugin tbody tr {
		padding-bottom: 1.5rem;
		margin-bottom: 2.5rem;
	}
	.cf_plugin tbody tr th{
		width: 20vw;
		font-size: 3vw;
	}
	.cf_plugin tbody tr td {
		font-size: 3vw;
		width: auto;
	}
	.required{
		font-size: 2.5vw;padding: 0.3vw 2vw;
	}
	div.wpcf7 input, .wpcf7 textarea{
		width: 54.5vw;
		padding: 7.5px 0px 7.5px 5vw;
		height: auto;
	}
	.wpcf7 select{
		width: 60.5vw;
		padding: 7.5px 0px 7.5px 5vw;
		height: auto;
	}
	.wpcf7-submit {
		width: 170px !important;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 4vw;
		padding:  4vw 0 4vw 2.8vw !important;
	}
 }

/*---------------------------------------
	section#footer
---------------------------------------*/

footer {
  background-color: white;
}
/*footer > .inner*/
footer .inner {
  padding: 4rem 0;
}

.footer_description {
  padding-left: 5rem;
}
/*footer > .inner > .location*/
footer .inner .location {
  padding-right: 5rem;
}
.footer_txt {
  font-size: 1.74rem;
  padding: 2rem 7rem;
  line-height: 2.8rem;
}
.footer_txt .link {
  margin-top: 4rem;
  padding-left: 1.5rem;
}
.footer_txt .link ul li {
  list-style: disc;
}
.footer_txt .link ul li a {
   color: black;
   text-decoration: none;
}
/*footer > .inner > .location iframe*/
footer .inner .location iframe{
    border-radius: 15px;
}
@media screen and (max-width: 767px) {
  .footer_description > .ttl_img img {
    width: 91.5%;
  }
  .footer_description {
    padding-left: 2.5rem;
  }
  .footer_txt {
    font-size: 3vw;
    padding: 2vw 4vw;
    line-height: 5vw;
    font-weight: 500;
  }
  footer > .inner > .location {
    padding-left: 11vw;
    width: 80vw;
    height: 50vw;
    padding-right: 0;
  }
  footer > .inner {
    display: block;
    padding: 4rem 0 8rem 0;
  }
  .footer_txt .link {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}

/*---------------------------------------
	section#location　勤務地
---------------------------------------*/
#location {
    margin-bottom: 11rem;
}
#location .wrapper {
  background-image: url("../img/location/background-image.png");
  height: 594px;
}
/*#location > .wrapper > div*/
#location > .wrapper > div{
    padding: 4.7rem 6rem;
}
#location > .wrapper > div > .location {
    position: absolute;
    top: 2vw;
    right: 3vw;
}
#location .location_description h4 {
    font-size: 2.5rem;
    margin-bottom: 3rem;
}
#location .location_description img {
    margin-bottom: 3rem;
}
#location .location_description p {
    font-size: 1.7rem;
    letter-spacing: 2px;
}
/*#location > .wrapper > div > .last_written {
    position: absolute;
    color: white;
    font-size: 2.5rem;
    font-weight: bold;
    letter-spacing: 5px;
    left:50%;
    transform: translateX(-50%);
    top: 90%;
}*/
#location .wrapper  div .last_written{
	text-align: center;
	color: white;
    font-size: 2.5rem;
    font-weight: bold;
    letter-spacing: 5px;
    margin-top: 160px;
}
#location .location_description {
    padding: 3rem 0;
}

@media screen and (max-width: 767px) {
	.location{
		width: 90%;
	}
	.location iframe {
		 width: 100%;
		 height: 59vw;
	}
	#location {
		 margin-bottom: 6rem;
		 width: 100%;
	}
	#location .wrapper {
		width: 100%;
		background-image: url("../img/location/background-image_sp.png");
		background-size: 100%;
		background-size: contain;
		background-repeat: no-repeat;
		height: unset;
		padding: 0 0 21vw 0;
		
	}
	#location > .wrapper > div {
		padding: 2vw 4.5vw;
	}
	#location .location_description {
		padding: 6vw 0 4vw 0;
	}
	#location .location_description img{
		width: 79%;
		margin-bottom: 3vw;
	}
	#location .location_description h4{
		font-size:4.5vw;
		margin-bottom: 3vw;
	}
	#location .location_description p {
		font-size:2.6vw;
		line-height: 1.8;
	}
	#location .location iframe {
		width: 100%;
		height: 59vw;
	}
	#location > .wrapper > div > .last_written {
		font-size: 2.9vw;
		letter-spacing: 2px;
		left: 50%;
		transform: unset;
		top: 120vw;
	}
	#location > .wrapper > div > .location {
		position: relative;
		top: -2vw;
		right:0vw;
	}
}


/*---------------------------------------
	section#Traning_detail　トレーニング
---------------------------------------*/
#Traning_detail > .wrapper {
  background-color: #ffffffdb;/*#ffffffdb*/
}
#Traning_detail {
  padding: 8rem 0 4rem 0;
}
#Traning_detail .TD_description {
  padding: 2rem 5rem 0 5rem;
}
#Traning_detail > .wrapper > .TD_description > .left_detail > .detail ul li {
  border-bottom: dotted 2px #8080804f;
  font-size: 1.69rem;
  font-weight: bold;
  padding: 0.6rem 0;
}
#Traning_detail > .wrapper > .TD_description > .left_detail > .detail ul li:last-child{
  border-bottom: none;
}
#Traning_detail > .wrapper > .TD_description > .left_detail > .detail {
  background-color: white;
  box-shadow: 0 1rem 2rem 0.3rem hsl(200 50% 20% / 40%);
  padding: 0 3rem 1rem 3rem;
  z-index: 2;
  position: relative;
  bottom: 45px;
}

#Traning_detail > .wrapper > .TD_description > .left_detail > .detail > ul > .purple {
  border-bottom: 1px solid #83a5ff;
  padding: 1.2rem 0;
  letter-spacing: 5px;
}

#Traning_detail > .wrapper > .TD_description > .right_detail > .detail p {
  font-size: 1.84rem;
  font-weight: bold;
  line-height: 1.7;
  letter-spacing: 0.5px;
}
#Traning_detail > .wrapper > .TD_description > .right_detail > .ttl_img {
  position: relative;
  left: -19px;
  margin-bottom: 2.5rem;
}
#Traning_detail > .wrapper > .TD_description > .right_detail {
  padding: 0 3vw 3vw 3.5vw;
}
#Traning_detail > .wrapper > .TD_description > .left_detail > .stuff_img {
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 767px) {
    #Traning_detail > .wrapper > .TD_description > .left_detail > .stuff_img img{
      width: 89%;
    }
    #Traning_detail .TD_description {
      padding: 0;
      display: block !important;
    }
    #Traning_detail > .wrapper > .TD_description > .left_detail {
	   padding: 0 1.5rem;
	   display: flex;
	   justify-content: space-around;
	   top: 14rem;
	   position: relative;
	}
	#Traning_detail > .wrapper > .TD_description > .left_detail > .detail > ul > .purple{
		padding: 0.8rem 0;
		letter-spacing: 2px;
	}
	#Traning_detail > .wrapper > .TD_description > .left_detail > .detail ul li{
		font-size: 2.25vw;
		padding: 0.2rem;
	}
	#Traning_detail > .wrapper > .TD_description > .left_detail > .detail{
		bottom: 0;
		padding: 0 1rem 0 1rem;
		width: 82%;
	}
	#Traning_detail > .wrapper > .TD_description > .right_detail > .ttl_img {
		left: 0;
		position: absolute;
		top: 3rem;
		text-align: center;
	}
	#Traning_detail > .wrapper > .TD_description > .right_detail > .ttl_img img {
		width: 80%;
	}
	#Traning_detail > .wrapper > .TD_description > .right_detail {
		padding: 0 3vw 50vw 3.5vw;
	}
	#Traning_detail > .wrapper > .TD_description > .right_detail > .detail p {
		font-size: 3.2vw;
		position: relative;
		top: 43vw;
	}
}


/*--------------------------------
	追加修正
---------------------------------*/
/*見出し*/
.ttl_shadow{}
.ttl_shadow h3{
	 text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
}
.weak_letter h3{color: #d5eaf7;}


.copy{
	background-color: #fff;
	text-align: center;
	width: 100%;
	padding:20px 0 30px;
	margin-bottom: 7rem;
}
.copy small{}

/*--------------------------------
	good_point2
---------------------------------*/
.good_point2{
	width: 86%;
	margin:0 auto;
}
.good_point2 .good_column{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.good_point2 .good_column .item{
	width: 49%;
	margin-bottom: 5rem;
	align-items: stretch;
}
.good_point2 .good_column .item h3{
	font-size: 2.6rem;
	margin-bottom: 0.8rem;
}
@media screen and (max-width: 767px) {
	.good_point2 .good_column{
		flex-direction: column;
	}
	.good_point2 .good_column .item{
		width: 100%;
	}
	.good_point2 .good_column .item h3{
		text-align: center;
		font-size: 2rem;
	}
}
.good_point2 .good_column .item .box{
	background-color: #ddd;
	position: relative;
	align-items: stretch;
	height: 50rem;
}
@media screen and (max-width: 767px) {
	.good_point2 .good_column .item .box{
		height: auto;
	}
}
.good_point2 .good_column .item .mv{
	width: 100%;
}
.good_point2 .good_column .item .mv img{
	width: 100%;
}
.good_point2 .good_column .item .text_box{}
.good_point2 .good_column .item .text_box p{
	margin-left: 36%;
	padding:1rem 2rem 3rem 0;
	color: #fff;
	font-size: 1.6rem;
	line-height: 1.7;	 
}
@media screen and (max-width: 767px) {
	.good_point2 .good_column .item .text_box p{
		width: auto;
		padding:1rem 0.6rem 1.4rem 10px;
		font-size: 1.4rem;
	}
}
.good_point2 .good_column .item .box .flot_img{
	position: absolute;
	bottom: -4px;
	left: 0;
}
.good_point2 .good_column .item .box .flot_img .icon{
	margin-left: 30px;
	margin-bottom: -30px;
}
.good_point2 .good_column .item .box .flot_img .icon img{}
.good_point2 .good_column .item .box .flot_img .people{}
.good_point2 .good_column .item .box .flot_img .people img{}
@media screen and (max-width: 767px) {
	.good_point2 .good_column .item .box .flot_img .icon{
		margin-left: 2rem;
		margin-bottom: -0.6em;
		}
	.good_point2 .good_column .item .box .flot_img .icon img{
		width: 8rem;
	}
	.good_point2 .good_column .item .box .flot_img .people img{
		width: 13rem;
		margin-left: -0.7em;
	}
	
}


.good_point2 .good_column .item1{
	
}
.good_point2 .good_column .item1 .box{
	background-color: #ffb67a;
}
.good_point2 .good_column .item1 h3{
	color: #ffb67a;
}
.good_point2 .good_column .item2{}
.good_point2 .good_column .item2 .box{
	background-color: #6dbdea;
}
.good_point2 .good_column .item2 h3{
	color: #6dbdea;
}
.good_point2 .good_column .item3{}
.good_point2 .good_column .item3 .box{
	background-color: #ffa899;
}
.good_point2 .good_column .item3 h3{
	color: #ffa899;
}
.good_point2 .good_column .item4{}
.good_point2 .good_column .item4 .box{
	background-color: #82a5ff;
}
.good_point2 .good_column .item4 h3{
	color: #82a5ff;
}
/*--------------------------------
	サイド固定ボタン
---------------------------------*/
.sid_fix_btn{
	position: fixed;
	right: 0;
	top: 10rem;
	z-index: 10;
}
.sid_fix_btn .item{
	margin-bottom: 1em;
	
}
.sid_fix_btn .item a{
	text-decoration: none;
	font-size: 2.3em;
	color: #fff;
	background-color: #00CEB5;
	writing-mode: vertical-rl;
	font-feature-settings: initial;
    text-orientation: upright;
    padding:1em 0.4em;
    padding-right: 0.8em;
    text-shadow: 2px 2px 6px rgba(35, 33, 33, 0.25);
    box-shadow: 2px 2px 6px rgba(35, 33, 33, 0.25);
}
.sid_fix_btn .item a:hover{}


@media screen and (max-width: 767px) {
	.sid_fix_btn{
		position: fixed;
		right: 0;
		top: 5rem;
	}
	.sid_fix_btn .item{}
	.sid_fix_btn .item a{
		font-size: 1.4em;
	}
	
}

/*--------------------------------
	バナーお仕事説明会
---------------------------------*/
.ban_job_box{
	background-color: #fff;

}
.ban_job_box .wrapper{}
.ban_job_box .wrapper .ban_job{
	width: 800px;
	margin:0 auto;
	padding-top: 7rem;
	padding-bottom: 7rem;
}
.ban_job_box .wrapper .ban_job a{}
.ban_job_box .wrapper .ban_job a:hover{}
.ban_job_box .wrapper .ban_job a img{width: 100%;}
@media screen and (max-width: 767px) {
	.ban_job_box .wrapper .ban_job{
		width: 90%;
		margin:0 auto;
	}
	.ban_job_box .wrapper .ban_job a img{width: 100%;}
}

/*--------------------------------
	インスタ
---------------------------------*/
.instagram_box{
	width: 100%;
	height: auto;
	padding:7rem 0 10rem;
}
.instagram_box .wrapper{
	width: 100%;
	max-width: 800px;
	height: auto;
	
}
.instagram_box .wrapper{}
@media screen and (max-width: 767px) {
	.instagram_box{
		padding:5rem 0 7rem;
		}
	.instagram_box .wrapper{
		width: 90%;
		margin:0 auto;
		}
	}

/*--------------------------------
	お仕事説明会
---------------------------------*/
.info_description2{
	padding:10rem 0 10rem;
}
.info_description2 .inner{
	width: 730px;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 7px 7px 8px rgba(0, 0, 0, 0.35);
	margin-bottom: 0 auto;
	}
	@media screen and (max-width: 767px) {
		.info_description2 .inner{
			width: 100%;
		}
	}
.info_description2 .inner h3{
	text-align: center;
	font-size: 6em;
	font-weight: 600;
	line-height: 1.2;
	padding-top: 0.7em;
	padding-bottom: 0.7em;
}

@media screen and (max-width: 767px) {
	.info_description2 .inner h3{
		font-size: 8vw;
	}
}
.info_description2 .inner h3 span{
	font-size: 120%;
	color: #f8962d;
}
.info_description2 .flex{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
	.info_description2 .flex{flex-direction: column;}
}
.info_description2 .flex .text1{
	width: 65%;
	padding:0 5rem 0;
}
@media screen and (max-width: 767px) {
	.info_description2 .flex .text1{
		width: 100%;
	}
	.info_description2 .flex .text1{
		padding:0 2rem 0;
	}
}
.info_description2 .flex .text1 p{
	font-size: 3.5rem;
	font-weight: 600;
	line-height: 1.7;
	margin-bottom: 1em;
}
.info_description2 .flex .text1 p.p_small{
	font-size: 1.8rem;
	margin-bottom: 0;
}
@media screen and (max-width: 767px) {
	.info_description2 .flex .text1 p{
		font-size: 6vw;
		padding: 0 6vw 0;
	}
	.info_description2 .flex .text1 p.p_small{
		font-size: 4vw;
		padding:0;
		margin-bottom: 2em;
		text-align: center;
		}
}

.info_description2 .flex .img_box{
	padding: 0 2rem 0;
}
.info_description2 .flex .img_box img{width: 100%;}

.info_description2 .text2{
	width: 100%;
	text-align: center;
	padding-bottom: 30px;
	margin-top: -3px;
}
@media screen and (max-width: 767px) {
	.info_description2 .flex .img_box{
		width: 70%;
		margin:0 auto;
	}
}
.info_description2 .text2 .p1{
	color: #fff;
	font-size: 4.6rem;
	font-weight: 600;
	background-color: #f8962d;
	padding:20px 0 20px;
	margin-bottom: 20px;
}
.info_description2 .text2 .p1 span{font-size: 70%;}
.info_description2 .text2 .p1 br{display: none;}
.info_description2 .text2 .p2{
	font-size: 2rem;
	letter-spacing: 2px;
}
.info_description2 .text2 .p3{
	font-size: 3rem;
	color: #f8962d;
	font-weight: 600;
}
.info_description2 .text2 .p2 br,
.info_description2 .text2 .p3 br{display: none;}

@media screen and (max-width: 767px) {
	.info_description2 .text2 .p1{
		font-size: 3rem;
	}
	.info_description2 .text2 .p1 span{font-size: 100%;}
	.info_description2 .text2 .p1 br{display: block;}
	.info_description2 .text2 .p2{font-size: 5vw; margin-bottom: 1em;}
	.info_description2 .text2 .p3{font-size: 6vw;}
	
	.info_description2 .text2 .p2 br,
	.info_description2 .text2 .p3 br{display: block;}
}

/*--------------------------------
	フッター固定ボタン
---------------------------------*/
.btn_fix_bottom{
	width: 100%;
	position: fixed;
	bottom: 0;
	z-index: 40;
}
.btn_fix_bottom .inner{
	width: 90%;
	margin:0 auto;
	
	background-color: #f8962d;
	background: linear-gradient(70deg, #f8962d, #f8b72d);
	border-radius: 30px 30px 0 0;
	
	text-align: center;
	padding:2em;
}
.btn_fix_bottom .inner a{
	text-decoration: none;
	color: #fff;
	font-size: 3rem;
	font-weight: 600;
	text-shadow: 0 0 6px rgba(0, 0, 0, 0.50);
}
.btn_fix_bottom .inner:hover{padding-top:2.5em; }

@media screen and (max-width: 767px) {
	.btn_fix_bottom .inner a{font-size: 6vw;}
	}


/*--------------------------------
	フッター固定ボタン
---------------------------------*/
.thnaks{}
.thnaks .top_box{
	width: 100%;
	padding:1em 2em;
	background-color: #fff;
}
.thnaks .top_box img{width: 20vw;}

.thnaks .inner{
	margin-top: 6em;
	margin-bottom: 6em;
}
.thnaks .inner div{
	width: 60%;
	background-color: #fff;
	margin:0 auto;
	padding:6em 6em;
	text-align: center;
	}
.thnaks .inner h2{
	font-size: 3.4rem;
	margin-bottom: 3rem;
}
.thnaks .inner p{
	font-size: 1vw;
	line-height: 2;
}
.thnaks .inner p br.br_sp{display: none;}
@media screen and (max-width: 767px) {
	.thnaks .top_box img{width: 40vw;}
	.thnaks .inner div{
		width: 80%;
		margin:0 auto;
		padding:3em 3em;
		
	}
	.thnaks .inner h2{font-size: 2.4rem;}
	.thnaks .inner p{font-size: 3vw; line-height: 3;}
	.thnaks .inner p br.br_sp{display: block;}
}


/*--------------------------------
	募集要項ページ
---------------------------------*/
#recruit2{padding:10vw 0;}
#recruit2 .ttl_img{text-align: center;}
@media screen and (max-width: 767px) {
	
	#recruit2 .ttl_img img{
		width: 60%;
		
	}
}
.recruit_list{
	margin-bottom: 6vw;
}
.recruit_list .wrapper{}
.recruit_list .wrapper{}
.recruit_list .wrapper h3{
	background-color: white;
    border-radius: 1.7rem;
    height: 10rem;
    width: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2.8rem;
    font-weight: bold;
    position: relative;
    margin-bottom: 1em;
}
.recruit_list .wrapper h3:before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50px 0 150px 0;
    top: 0;
    left: 0px;
    position: absolute;
    }
.recruit_list .wrapper h3.pink:before {
    background: #ffa899;
}
.recruit_list .wrapper h3.orange:before {
    background: #ffb67a;
}
.recruit_list .wrapper h3.blue:before {
    background: #6dbdea;
}
.recruit_list .wrapper h3.purple:before {
    background: #82a5ff;
}


.recruit_list .flex{
	display: flex;
	justify-content: space-around; 
	flex-wrap: wrap;
	width: 100%;
}
.recruit_list .flex .item{
	width: 48%;
	margin-bottom: 3em;
}
@media screen and (max-width: 767px) {
	.recruit_list .flex .item{
		width: 100%;
		}
}

.recruit_list table{
	width: 100%;
    background-color: white;
    border-collapse: collapse;
    border-spacing: 0;
    border-radius: 10px;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
}
.recruit_list tbody{
	padding: 3rem 3rem 2rem 3rem;
    display: block;
    bottom: 14px;
    position: relative;
    
}
.recruit_list tr{
	padding: 2rem 0;
    position: relative;
    display: block;
    border-bottom: 1px solid #00000061;
    font-size: 1.8rem;
}
.recruit_list th{
    width: 12rem;
    text-align: left;
}
@media screen and (max-width: 767px) {
	.recruit_list th{
		width: 9rem;
		}
	}
.recruit_list td{
	    position: relative;
}
.recruit_list td.td_titl{
	font-size: 140%;
	font-weight: bold;
}
/*--------------------------------
	募集要項ボタン
---------------------------------*/
.btn_recruit{
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
	width: 1000px;
	margin:0 auto;
	padding-top: 3em;
}
.btn_recruit .item{
	margin-bottom: 3em;
}
.btn_recruit .item a{}
.btn_recruit .item a:hover{}
.btn_recruit .item a img{
	width: 100%;
	box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 767px) {
	.btn_recruit{
		width: 90%;
		top: 66vw;
        position: relative;
		}
	}
	
/*--------------------------------
	about us bed
---------------------------------*/
.item_bed{
	background-color: #6dbdea;
	padding: 2em 3em;
	color: #fff;
	margin-bottom: 6rem;
	display: flex;
	justify-content: space-between;
}
.item_bed .item{}
.item_bed .text-box{
	margin-right: 2em;
}
.item_bed .text-box h3{
	font-size: 2.6rem;
    margin-bottom: 0.8rem;
}
.item_bed .text-box p{
	font-size: 1.74rem;
}
.item_bed .img-box{}
.item_bed .img-box img{}

@media screen and (max-width: 767px) {
	.item_bed{
		flex-direction: column;
		padding: 3rem;
	}
	.item_bed .text-box h3{
		font-size: 2rem;
		}
	.item_bed .text-box{
		margin-right: 0;
		margin-bottom: 2rem;
		}
	.item_bed .text-box p{
		font-size: 1.4rem;
			}
	.item_bed .img-box{
		text-align: center;
	}
}

/*--------------------------------
	おかげさまで
---------------------------------*/
.job_relative {
    position: relative;
    background-color: #fff;
}
.job_relative p {
    width: 100%;
    color: #000000;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    font-size: 3rem;
    font-weight: bold;
    text-align: center;
}
.colorfilter-base {
    opacity: .3;
    background: rgba(0, 0, 0, 0.8);
    transition: all 0.3s ease-in-out;
}
/*------------不明余白探す-------------
* {
  outline: 2px solid blue;
}
-------------------------*/