@charset "UTF-8";
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 1000px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}
@media screen and (max-width: 1000px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  /*----------------top*/
  .top {
    margin-top: 8%;
  }
  /*----------------work*/
  .work-text {
    width: 70%;
  }
  .work-item_block p {
    font-size: 2vw;
  }

  /*----------------point*/
  .point-item h2 {
    font-size: 3vw;
  }
  .point-item p {
    font-size: 2.5vw;
  }
  .point-small {
    font-size: 2.2vw !important;
  }
  .point-green {
    font-size: 1.8vw !important;
  }

  /*----------------joboffer*/
  .joboffer-text dt {
    width: 100px;
  }

  /*----------------contact*/
  .contact-head {
    font-size: 30px;
  }
  .contact-head span {
    font-size: 40px;
  }
  .contact-head_text {
    font-size: 3vw;
  }
  .contact-line01_flex {
    padding: 20px 20px 30px;
  }
  .contact-line_text01 h3 {
    font-size: 3.5vw;
  }
  .contact-line_text01 p {
    font-size: 12px;
  }
  .contact-line02_flex {
    padding: 20px 0 0;
  }
  .contact-line_text02 h3 {
    font-size: 2.5vw;
  }
  .contact-line_text02 p {
    font-size: 2vw;
  }
}

@media screen and (max-width: 768px) {
  .pc768 {
    display: none;
  }
  .pc500 {
    display: none;
  }
  /*----------------header*/
  .header {
    position: static;
    background-color: #fff;
    padding: 5px 0;
  }
  .header-inner {
    display: block;
    text-align: center;
  }
  .header-img {
    display: none;
  }
  /*----------------top*/
  .top {
    background: none;
    background: url(../img/top-bg-sp-2.png) no-repeat;
    background-position: center;
    background-size: cover;
    padding: 2% 20px 10%;
    margin-top: 0;
  }
  .top-inner {
    width: 90%;
  }
	/*----------------Bnr*/
  .Bnr__img__inner {
    width: 360px;
  }
  .Bnr .Bnr__img {
    bottom: 140px;
    right: 10px;
  }
  /*----------------work*/
  .work-text {
    width: 70%;
    padding: 30px 0;
  }
  .work-item_text {
    margin-left: 10px;
    margin-bottom: 0;
  }
  .work-item_block {
    margin-bottom: 10px;
  }
  .work-item_block04 {
    align-items: start;
  }
  /*----------------point*/
  .point-list {
    display: block;
    margin: 0 auto;
  }
  .point-item {
    width: 100%;
  }
  .point-item h2 {
    font-size: 4.5vw;
  }
  .point-item p {
    font-size: 4.5vw;
  }
  .point-small {
    font-size: 4vw !important;
  }
  .point-block {
    display: block;
  }
  .point-img {
    width: 100%;
    margin-bottom: 20px;
  }
  .point-text {
    width: 100%;
  }
  .point-block dt {
    font-size: 2.2vw;
  }
  .point-green {
    font-size: 2.5vw !important;
  }
  .point-block dd {
    font-size: 2.5vw;
  }
  .point-block span {
    font-size: 2.8vw;
  }
  .point-bottom_pc {
    display: none;
  }
  .point-bottom_sp {
    display: block;
  }
  /*----------------joboffer*/
  .joboffer-list {
    display: block;
    max-width: 600px;
    margin: 0 auto;
    margin-top: 20px;
  }
  .joboffer-item {
    width: 100%;
  }
  .joboffer-top_pc {
    display: none;
  }
  .joboffer-top_sp {
    display: block;
  }
  /*----------------company*/
  .company-inner {
    padding-bottom: 60px;
  }
  .company-img {
    width: 200px;
  }
  .company-head {
    padding-top: 40px;
  }
  .company-head h2 {
    font-size: 32px;
    margin-bottom: 20px;
  }
  .company-block {
    display: block;
  }
  .company-block-img {
    display: flex;
    width: 100%;
    margin-bottom: 20px;
  }
  .company-img-bg {
    bottom: 60px;
  }
	/*----------------追加11/17*/
  .company-item {
    display: block;
  }
  .company-item-img {
    width: 100%;
    margin-bottom: 20px;
  }
  .company-item-text {
    width: 100%;
  }
  .company-item-text h3 {
    font-size: 18px;
  }
  /*----------------contact*/
  .contact-head {
    font-size: 3.5vw;
  }
  .contact-head span {
    font-size: 5vw;
  }
  .contact-registration_box {
    border: 10px solid #00b2ae;
  }
  .contact-text {
    font-size: 6vw;
  }
  .contact-text span {
    font-size: 3.5vw;
    padding: 20px 15px;
  }
  .contact-text02 {
    font-size: 6vw;
  }
  .contact-text02 span {
    font-size: 3.2vw;
    padding: 22px 13px;
    margin-right: 5px;
  }
  .contact-line_box {
    border: 10px solid #02B902;
    padding: 30px 20px;
  }
  .contact-line_step {
    font-size: 3vw;
  }
  .contact-line_step dd {
    font-size: 5vw;
  }

  /*----------------page*/
  .page-box-title {
    font-size: 20px;
    padding: 10px 15px;
  }
  .page-box-text {
    padding: 15px;
    font-size: 18px;
    border: 10px solid rgba(0,178,174,.5);
  }  
  /*----------------footer*/
  .footer p {
    margin-bottom: 18%;
  }
  .footer-block {
    display: block;
    position: fixed;
    z-index: 100;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
  }
  .footer-block_img {
    display: flex;
  }
  .footer-img {
    width: 100%;
  }
}

@media screen and (max-width: 600px) {
  /*----------------Bnr*/
.Bnr .Bnr__img {
  bottom: 120px;
  right: 10px;
}
}

@media screen and (max-width: 500px) {
  /*----------------top*/
  .top {
    padding: 2% 20px 10%;
  }
  .top-inner {
    width: 100%;
  }
  .top-head {
    font-size: 18px;
  }
  .top-body {
    font-size: 14px;
  }
  .top-body-br {
    display: block;
  }
	.top-green {
    padding: 5px 8px;
    font-size: 13px;
  }
	/*----------------Bnr*/
	.Bnr .Bnr__img {
  		bottom: 100px;
  		right: 10px;
}
  /*----------------work*/
  .work {
    background-position: top 0 right 40%;
  }
  .work-text {
    width: 70%;
  }
  .work-list {
    margin-top: 30px;
  }
  .work-item {
    padding: 8px 5px;
  }
  .work-item_block p {
    font-size: 12px;
  }
  .work-item_text {
    font-size: 12px;
  }
  .work-item_block img {
    width: 25%;
  }
  .work-item_block {
    align-items: start;
  }

  /*----------------point*/
  .point-item {
    margin-bottom: 20px;
  }
  .point-item h2 {
    margin-bottom: 15px;
  }
  .point-item p {
    margin-bottom: 15px;
  }
  .point-block {
    line-height: 1.5;
  }
  .point-bottom {
    padding: 20px 0 40px;
  }

  /*----------------joboffer*/
  .joboffer-list {
    margin-bottom: 40px;
  }
  .joboffer-item  {
    margin-bottom: 20px;
  }
  .joboffer-item h2 {
	 font-size: 18px;
    padding: 20px 0 0 20px;
    margin-bottom: 0;
  }
  .joboffer-text dt {
    flex: 1 1 35%;
  }
  .joboffer-text dd {
    flex: 1 1 65%;
  }
  .btn {
    font-size: 4vw;
  }
  .joboffer-btn {
    width: 70%;
    margin: 0 auto 40px;
  }

  /*----------------company*/
  .company-head h2 {
    font-size: 5vw;
  }
  .company-block-text {
    font-size: 14px;
  }
  .company-block-span {
    width: 210px;
  }
  /*----------------contact*/
  .contact-head {
    margin-bottom: 20px;
  }
  .contact-text {
    font-size: 6vw;
  }
  .contact-text span {
    font-size: 4vw;
    padding: 20px 15px;
  }
  .contact-text02 {
    font-size: 6vw;
  }
  .contact-text02 span {
    font-size: 3.2vw;
    padding: 20px 13px;
    margin-right: 5px;
  }
  .contact-head_text {
    font-size: 4vw;
  }
  .contact-line01_flex {
    display: block;
    display: flex;
    flex-direction: column-reverse;
    padding: 20px 10px 30px;
  }
  .contact-line_text01 h3 {
    font-size: 4.8vw;
  }
  .contact-line02_flex {
    display: block;
    display: flex;
    flex-direction: column-reverse;
    padding: 20px 20px 0;
  }
  .contact-line_text02 h3 {
    font-size: 4vw;
    margin-bottom: 10px;
  }
  .contact-line_text02 p {
    font-size: 3.5vw;
    margin-bottom: 10px;
  }
  .contact-line01_img {
    width: 90%;
    margin: 0 auto;
  }
  .contact-line_text01 img {
    width: 100%;
  }
  .contact-line02_img {
    width: 100%;
    margin: 0 auto;
  }
  .contact-line {
    padding-bottom: 40px;
  }
  /*----------------page*/
  .page-inner {
    padding: 20px 0;
  }
	.page-bottom-text {
		font-size: 14px;
		padding: 50px 0 20px;
}
  .fas {
    padding: 5px;
  }
}
@media screen and (max-width: 400px) {
  /*----------------Bnr*/
.Bnr__img__inner {
  width: 100%;
}
.Bnr .Bnr__img {
  bottom: 80px;
  right: 10px;
}
}