@charset "utf-8";
/* default PC */

#contents h2 {
  line-height:1.3;
}

.bg-light-orange {
  background-image:url(../image/contents/about/pattern-orange.png);
}

.bg-green {
  background-image:url(../image/contents/about/pattern-green.png);
}

#contents .about-contents p.main-ttl {
  color:#27BEAF;
  font-size:30px;
  font-weight:bold;
}

#contents .about-contents p.main-ttl {
  color:#27BEAF;
  font-size:30px;
  font-weight:bold;
}

.about-contents .img-2box {
  width:30%;
}

.about-contents .img-2box-txt {
  margin-left:0;
  width:calc(67%);
}

#contents .about-contents .img-2box {
  align-items:center;
  display:flex;
  justify-content:flex-end;
}

#contents .about-contents .img-2box p.txt-center {
  margin-bottom:0;
}

.reason-area .txt-2box {
  background-color:#FFF;
  border-radius:10px;
  margin-right:0;
  padding:30px;
  width:calc(100% / 2 - 15px);
}

.reason-area .flex {
  gap:30px;
}

#contents .reason-area .txt-2box h3 {
  border:none;
  color:#FF9728;
  display:flex;
  font-size:23px;
  font-weight:bold;
  padding:0;
  position:relative;
  text-align:center;
}

#contents .reason-area .txt-2box h3 .num {
  color:#FFC486;
  font-size:34px;
  padding-right:15px;
}

.line-area .line-point li {
  background-color:#EDFBF8;
  border-radius:10px;
  font-size:20px;
  font-weight:500;
  padding:20px 15px 20px 85px;
  position:relative;
  width:calc(100% / 3 - 20px);
}

.line-area .line-point li:after {
  background-image:url(../image/contents/about/ico_megaphone_green.svg);
  background-position:center;
  background-repeat:no-repeat;
  background-size:40px;
  border:none;
  bottom:0;
  content:"";
  display:block;
  height:41px;
  left:30px;
  margin:auto;
  position:absolute;
  top:0;
  width:41px;
}


.line-area .line-point {
  gap:25px;
  list-style:none;
  margin-bottom:50px;
  padding:0;
}

#contents .line-area .lead-item p.lead-txt {
  margin-bottom:0;
  text-align:center;
}

#contents .line-area .lead-item {
  margin-bottom:30px;
}

.recommend-area .flex {
  gap:30px;
}

#contents .recommend-area .flex p.item-box {
  background-color:#FFF;
  border-radius:10px;
  font-weight:500;
  margin:0;
  padding:30px 30px 30px 115px;
  position:relative;
  width:calc(100% / 2 - 20px);
}

#contents .recommend-area .flex p.item-box:after {
  background-image:url(../image/contents/about/recommend_01.png);
  background-position:center;
  background-repeat:no-repeat;
  background-size:60px;
  border:none;
  bottom:0;
  content:"";
  display:block;
  height:60px;
  left:30px;
  margin:auto;
  position:absolute;
  top:0;
  width:60px;
}

#contents .recommend-area .flex p.item-box:nth-child(2):after {
  background-image:url(../image/contents/about/recommend_02.png);
}

#contents .recommend-area .flex p.item-box:nth-child(3):after {
  background-image:url(../image/contents/about/recommend_03.png);
}

#contents .recommend-area .flex p.item-box:nth-child(4):after {
  background-image:url(../image/contents/about/recommend_04.png);
}

#contents .link-contents h2 {
  color:#FF9728;
  font-size:30px;
  font-weight:bold;
  margin-bottom:20px;
}

#contents .link-contents .link-btn {
  border-radius:10px;
  font-size:20px;
  max-width:500px;
  padding:30px 20px;
}

.btn-item .link-btn {
  background-color:#06C755;
  border-radius:10px;
  padding:20px;
  position:relative;
}

.btn-item .link-btn:before {
  background-image:url(../image/contents/LINE-icon.svg);
  background-position:center;
  background-repeat:no-repeat;
  border:none;
  bottom:0;
  content:"";
  display:block;
  height:41px;
  left:20px;
  margin:auto;
  position:absolute;
  top:0;
  width:41px;
}

#contents .link-contents .link-btn.recruit {
  margin-right:0;
}

#contents .link-contents .link-btn.facility {
  margin-left:0;
}


#contents .link-contents .link-btn:before {
  background-image:url(../image/contents/about/facility-icon-white.svg);
  background-position:center;
  background-repeat:no-repeat;
  border:none;
  bottom:0;
  content:"";
  content:"";
  display:block;
  height:30px;
  left:30px;
  margin:auto;
  position:absolute;
  top:0;
  width:30px;
}

#contents .link-contents .link-btn.recruit {
  background-color:#FF9728;
}

#contents .link-contents .link-btn.recruit:before {
  background-image:url(../image/contents/home/job-icon.svg);
}

#contents .link-contents .lead-txt {
  margin-bottom:30px;
}

#contents .reason-area .txt-2box p:last-child {
  margin-bottom:0;
}


@media screen and (max-width: 1400px) {
  .line-area .line-point li {
    font-size:18px;
  }
}

@media screen and (max-width: 1300px) {
  #contents .about-contents p.main-ttl {
    font-size:27px;
  }

  .line-area .line-point li {
    font-size:17px;
  }

  .line-area .line-point li:after {
    left:15px;
  }

  .line-area .line-point {
    gap:15px;
  }

  .line-area .line-point li {
    align-items:center;
    display:flex;
    padding:20px 15px 20px 70px;
    width:calc(100% / 3 - 10px);
  }

  #contents .recommend-area .flex p.item-box {
    font-size:17px;
    padding:30px 15px 30px 100px;
  }

  #contents .recommend-area .flex p.item-box:after {
    left:19px;
  }
}

/* view-1140 notePC,Tablet */
@media screen and (max-width: 1140px) {
  .recommend-area .flex {
    gap:20px;
  }

  #contents .recommend-area .flex p.item-box {
    align-items:center;
    display:flex;
    font-size:16px;
    width:calc(100% / 2 - 10px);
  }

  .about-contents .img-2box {
    width:40%;
  }

  .about-contents .img-2box-txt {
    width:60%;
  }

  #contents .reason-area .txt-2box h3 {
    font-size:22px;
    margin-bottom:15px;
  }

  #contents .reason-area .txt-2box h3 .num {
    font-size:30px;
    padding-right:10px;
  }
}

/* view-959 Mobile,Tablet */
@media screen and (max-width: 959px) {
  #contents .reason-area .txt-2box h3 {
    font-size:19px;
  }

  #contents .reason-area .txt-2box h3 .num {
    font-size:26px;
  }

  .reason-area .flex {
    gap:20px;
  }

  .reason-area .txt-2box {
    padding:25px;
    width:100%;
  }

  #contents .recommend-area .flex p.item-box:after {
    background-size:45px;
    left:15px;
  }

  #contents .recommend-area .flex p.item-box {
    padding:30px 15px 30px 83px;
  }

  .link-contents .txt-2box {
    width:calc(100% / 2 - 10px);
  }

  #contents .link-contents .link-btn {
    font-size:18px;
  }

  #contents .link-contents h2 {
    font-size:26px;
  }
}

@media screen and (max-width: 860px) {
  #contents .recommend-area .flex p.item-box {
    width:100%;
  }

  #contents .recommend-area .flex p.item-box br.br-1140 {
    display:none;
  }
}

@media screen and (max-width: 834px) {
  .about-contents .img-2box,
  .about-contents .img-2box-txt {
    width:100%;
  }

  #contents .about-contents .img-2box {
    display:flex;
    justify-content:center;
  }

  #contents .about-contents p.main-ttl {
    margin-top:20px;
  }

  #contents .about-contents p.main-ttl br.br-1140 {
    display:none;
  }
}

@media screen and (max-width: 767px) {
  #contents .about-contents p.main-ttl br.br-1140 {
    display:block;
  }

  .line-area .line-point li {
    width:calc(100% / 2 - 10px);
  }

  #contents .line-area .line-point {
    display:flex;
    justify-content:center;
  }

  #contents .link-contents .link-btn {
    font-size:16px;
  }

  #contents .link-contents .link-btn:before {
    left:20px;
  }

  .link-contents .txt-2box {
    width:100%;
  }

  .link-contents .flex {
    gap:15px;
  }

  #contents .link-contents .link-btn.recruit,
  #contents .link-contents .link-btn.facility {
    margin:auto;
  }

  #contents .link-contents h2 {
    font-size:22px;
  }
}

/* view-559 Mobile */
@media screen and (max-width: 559px) {
  .about-contents .img-2box,
  .about-contents .img-2box-txt {
    width:100%;
  }

  #contents .about-contents .img-2box {
    justify-content:center;
  }

  .reason-area .txt-2box {
    width:100%;
  }

  .line-area .line-point li {
    width:100%;
  }

  #contents .recommend-area .flex p.item-box {
    padding:20px 15px 20px 73px;
    width:100%;
  }

  #contents .link-contents .link-btn.recruit {
    margin-right:auto;
  }

  #contents .link-contents .link-btn.facility {
    margin-left:auto;
  }

  #contents .link-contents .flex {
    gap:20px;
  }

  #contents .about-contents p.main-ttl {
    font-size:25px;
    line-height:1.5;
  }

  .reason-area .flex {
    gap:15px;
  }

  .reason-area .txt-2box {
    padding:20px 15px;
  }

  .line-area .line-point li br.br-1140 {
    display:none;
  }

  #contents .line-area .lead-item {
    margin-bottom:0;
  }

  #contents .line-area .line-point {
    margin-bottom:25px;
  }

  #contents .recommend-area .flex p.item-box br.br-1140 {
    display:block;
  }

  #contents .recommend-area .flex p.item-box br.br-1140 {
    display:block;
  }

  #contents .recommend-area .flex p.item-box:after {
    left:10px;
  }

  #contents .link-contents .lead-txt {
    text-align:left;
  }

  .recommend-area .flex {
    gap:15px;
  }
}