@charset "UTF-8";
/* CSS Document */

/* ---------------------------------------------------------
body
----------------------------------------------------------*/
body {
  padding-top: 0;
}

/* ---------------------------------------------------------
main
----------------------------------------------------------*/
main {
  position: relative;
  display: block;
  padding-top: 93px;
}
main::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 0;
  background: url("../common/img/bg_main.png") no-repeat;
  background-size: contain;
  padding-top: calc(204 / 1396 * 100%);
  z-index: 2;
}
main img {
  width: 100%;
  height: auto;
}
main .slider-box {
  height: calc(763 / 1396 * 100vw);
  overflow: hidden;
}
main .slider-box.slick-initialized {
  height: auto;
  overflow: visible;
}
main .slick-dotted.slick-slider {
  margin-bottom: 0;
}
main .slick-dots {
  bottom: 0;
  margin-bottom: calc(144 / 1396 * 100%);
  text-align: center;
  z-index: 2;
}
main .slick-dots li {
  width: 8px;
  height: 8px;
  margin: 0 10px;
  opacity: 1;
  transition: opacity .3s;
}
main .slick-dots li.slick-active {
}
main .slick-dots li button {
  width: 8px;
  height: 8px;
  padding: 4px;
  background: #fff;
  border-radius: 50%;
}
main .slick-dots li.slick-active button {
  background: #E85382;  
}
main .slick-dots li button:before {
  display: none;
}
main h2 {
  position: absolute;
  top: 0;
  left: calc(130 / 1396 * 100%);
  width: calc(110 / 1396 * 100%);
  padding-top: calc(133 / 1396 * 100%);
  z-index: 3;
}

/* ---------------------------------------------------------
.sec
----------------------------------------------------------*/
.sec {
  position: relative;
}
.sec h2 .txt-en {
  display: flex;
  align-items: center;
}
.sec h2 .txt-en::before {
  content: '';
  display: block;
  width: calc(50 / 1396 * 100vw);
  height: calc(3 / 1396 * 100vw);
  background: transparent linear-gradient(90deg, #DE3B70 0%, #EC733F 11%, #DE3B70 61%, #E9829F 100%) 0% 0% no-repeat padding-box;
  border-radius: 0 2px 2px 0;
  margin-right: calc(17 / 1396 * 100vw);
}
.sec h2 img {
  width: auto;
  height: calc(27 / 1396 * 100vw);
}
.sec .txt-ja {
  display: block;
  font-size: calc(15 / 1396 * 100vw);
  font-weight: normal;
  color: #222;
  letter-spacing: .06em;
  padding-top: calc(12 / 1396 * 100vw);
  padding-left: calc(64 / 1396 * 100vw);
}
.sec .btn a {
  position: absolute;
  top: calc(42 / 1396 * 100vw);
  right: calc(62 / 1396 * 100vw);
  display: block;
  width: calc(218 / 1396 * 100vw);
  height: calc(50 / 1396 * 100vw);
  font-size: calc(12 / 1396 * 100vw);
  line-height: calc(48 / 1396 * 100vw);
  letter-spacing: .19em;
  text-align: center;
  border-radius: calc(6 / 1396 * 100vw);
  box-sizing: border-box;
}
.sec .btn a:hover {
  text-decoration: none;
}
.sec .pic img {
  width: 100%;
  height: auto;
}
.sec .inner {
  position: relative;
}

/* ---------------------------------------------------------
#news
----------------------------------------------------------*/
#news {
  position: relative;
  width: calc(1248 / 1396 * 100%);
  background: #fff;
  border-radius: 10px;
  padding-top: calc(47 / 1396 * 100vw);
  margin: 0 auto;
  margin-top: calc(-120 / 1396 * 100vw);
  margin-bottom: calc(121 / 1396 * 100vw);
}
#news .news-list {
  margin-top: calc(41 / 1396 * 100vw);
  margin-right: calc(60 / 1396 * 100vw);
  margin-left: calc(60 / 1396 * 100vw);
  border-top: 1px solid #D1D1D1;
}
#news dt {
  padding-top: calc(15 / 1396 * 100vw);
  margin-left: calc(7 / 1396 * 100vw);
}
#news .news-date {
  font-size: calc(15 / 1396 * 100vw);
  color: #606060;
  letter-spacing: .06em;
  margin-right: calc(22 / 1396 * 100vw);
}
#news .news-cat {
  display: inline-block;
  width: calc(125 / 1396 * 100vw);
  height: calc(24 / 1396 * 100vw);
  font-size: calc(12 / 1396 * 100vw);
  letter-spacing: .06em;
  font-weight: normal;
  line-height: calc(24 / 1396 * 100vw);
  text-align: center;
  color: #fff;
  background: #939393;
}
#news dd {
  font-size: calc(14 / 1396 * 100vw);
  letter-spacing: .06em;
  line-height: 1.9;
  border-bottom: 1px solid #D1D1D1;
  margin-top: calc(9 / 1396 * 100vw);
  margin-left: calc(7 / 1396 * 100vw);
  padding-bottom: calc(18 / 1396 * 100vw);
}
/*
#news dd a::after {
  content: '';
  display: inline-block;
  width: calc(24 / 1396 * 100vw);
  height: calc(20 / 1396 * 100vw);
  vertical-align: middle;
  background: url("../common/img/icon_pdf.svg") no-repeat;
  background-size: 1.7vw auto;
  margin-left: calc(7 / 1396 * 100vw);
}
*/

#news dd a[href$=".pdf"]::after {
  content: '';
  display: inline-block;
  width: calc(24 / 1396 * 100vw);
  height: calc(20 / 1396 * 100vw);
  vertical-align: middle;
  background: url(../common/img/icon_pdf.svg) no-repeat;
  background-size: 1.7vw auto;
  margin-left: calc(7 / 1396 * 100vw);
}




/* ---------------------------------------------------------
#company
----------------------------------------------------------*/
#company {
  position: relative;
  background: #ebebeb;
  padding-top: calc(336 / 1396 * 100vw);
  padding-bottom: calc(82 / 1396 * 100vw);
}
#company::before {
  content: '';
  position: absolute;
  top: calc(456 / 1396 * 100vw);
  right: 0;
  display: block;
  width: calc(886 / 1396 * 100vw);
  height: calc(400 / 1396 * 100vw);
  background-color: rgba(0,0,0,.15);
  border-radius: 10px 0 0 10px;
  z-index: 2;
}
#company::after {
  content: '';
  position: relative;
  display: block;
  width: calc(658 / 1396 * 100vw);
  height: calc(86 / 1396 * 100vw);
  background: url("../img/txt_company_gray.svg") no-repeat;
  background-size: contain;
  margin-top: calc(72 / 1396 * 100vw);
  margin-left: calc(662 / 1396 * 100vw);
  opacity: .7;
  z-index: 2;
}
#company h2 .txt-en::before {
  width: calc(60 / 1396 * 100vw);
}
#company h2 img {
  width: auto;
  height: calc(31 / 1396 * 100vw);
}
#company .txt-ja {
  padding-top: calc(20 / 1396 * 100vw);
  padding-left: calc(75 / 1396 * 100vw);
}
#company .btn a {
  top: calc(66 / 1396 * 100vw);
  right: calc(60 / 1396 * 100vw);
}
#company .pic {
  position: absolute;
  top: 0;
  left: 0;
}
#company .pic::after {
  content: '';
  position: absolute;
  top: calc(376 / 1396 * 100vw);
  left: calc(40 / 1396 * 100vw);
  display: block;
  width: calc(886 / 1396 * 100vw);
  height: calc(400 / 1396 * 100vw);
  background-color: rgba(0,0,0,.05);
  border-radius: 10px;
  -ms-filter: blur(16px);
  filter: blur(16px);
}
#company .inner {
  position: relative;
  width: calc(886 / 1396 * 100vw);
  background: #fff;
  border-radius: 0 10px 0 0;
  padding-top: calc(70 / 1396 * 100vw);
  padding-bottom: calc(47 / 1396 * 100vw);
  z-index: 3;
}
#company ul {
  display: flex;
  flex-wrap: wrap;
  width: calc(780 / 1396 * 100vw);
  list-style: none;
  margin-top: calc(55 / 1396 * 100vw);
  margin-left: calc(75 / 1396 * 100vw);
}
#company li {
  width: 50%;
  margin-bottom: calc(12 / 1396 * 100vw);
}
#company li a {
  font-size: calc(15 / 1396 * 100vw);
  letter-spacing: .06em;
  line-height: 1;
  background: url("../common/img/icon_footer_tri_pink.svg") no-repeat left center;
  background-size: .4vw auto;
  padding-left: calc(15 / 1396 * 100vw);
}

/* ---------------------------------------------------------
#service
----------------------------------------------------------*/
#service {
  position: relative;
  background: #ebebeb;
  padding-top: calc(396 / 1396 * 100vw);
  padding-bottom: calc(80 / 1396 * 100vw);  
}
#service::before {
  content: '';
  position: absolute;
  top: calc(516 / 1396 * 100vw);
  left: 0;
  display: block;
  width: calc(886 / 1396 * 100vw);
  height: calc(400 / 1396 * 100vw);
  background-color: rgba(0,0,0,.15);
  border-radius: 0 10px 10px 0;
  z-index: 2;
}
#service::after {
  content: '';
  position: relative;
  display: block;
  width: calc(530 / 1396 * 100vw);
  height: calc(86 / 1396 * 100vw);
  background: url("../img/txt_service_gray.svg") no-repeat;
  background-size: contain;
  margin-top: calc(74 / 1396 * 100vw);
  margin-left: calc(82 / 1396 * 100vw);
  opacity: .7;
  z-index: 2;
}
#service h2 .txt-en::before {
  width: calc(60 / 1396 * 100vw);
}
#service h2 img {
  width: auto;
  height: calc(31 / 1396 * 100vw);
}
#service .txt-ja {
  padding-top: calc(20 / 1396 * 100vw);
  padding-left: calc(75 / 1396 * 100vw);
}
#service .btn a {
  top: calc(69 / 1396 * 100vw);
  right: calc(75 / 1396 * 100vw);
}
#service .pic {
  position: absolute;
  top: 0;
  left: 0;
}
#service .pic::after {
  content: '';
  position: absolute;
  top: calc(436 / 1396 * 100vw);
  left: calc(470 / 1396 * 100vw);
  display: block;
  width: calc(886 / 1396 * 100vw);
  height: calc(400 / 1396 * 100vw);
  background-color: rgba(0,0,0,.04);
  border-radius: 10px;
  -ms-filter: blur(16px);
  filter: blur(16px);
}
#service .inner {
  position: relative;
  width: calc(886 / 1396 * 100vw);
  height: calc(400 / 1396 * 100vw);
  background: #fff;
  border-radius: 10px 0 0 0;
  padding-top: calc(70 / 1396 * 100vw);
  padding-bottom: calc(48 / 1396 * 100vw);
  margin-left: auto;
  z-index: 3;
  box-sizing: border-box;
}
#service .inner p {
  font-size: calc(15 / 1396 * 100vw);
  letter-spacing: .06em;
  padding-top: calc(48 / 1396 * 100vw);
  padding-left: calc(74 / 1396 * 100vw);
}

/* ---------------------------------------------------------
#recruit
----------------------------------------------------------*/
#recruit {
  position: relative;
  background: #ebebeb;
  padding-top: calc(525 / 1396 * 100vw);
  padding-bottom: calc(80 / 1396 * 100vw);
}
#recruit::before {
  content: '';
  position: absolute;
  top: calc(645 / 1396 * 100vw);
  left: calc(134 / 1396 * 100vw);
  display: block;
  width: calc(1188 / 1396 * 100vw);
  height: calc(295 / 1396 * 100vw);
  background-color: rgba(0,0,0,.15);
  border-radius: 10px 0 10px 0;
  z-index: 2;
}
#recruit::after {
  content: '';
  position: relative;
  display: block;
  width: calc(543 / 1396 * 100vw);
  height: calc(86 / 1396 * 100vw);
  background: url("../img/txt_recruit_gray.svg") no-repeat;
  background-size: contain;
  margin-top: calc(74 / 1396 * 100vw);
  margin-left: calc(716 / 1396 * 100vw);
  opacity: .7;
  z-index: 2;
}
#recruit .pic {
  position: absolute;
  top: 0;
  left: 0;
}
#recruit .inner {
  position: relative;
  width: calc(1188 / 1396 * 100vw);
  height: calc(295 / 1396 * 100vw);
  background: #fff;
  border-radius: 10px 0 10px 0;
  padding-top: calc(75 / 1396 * 100vw);
  padding-bottom: calc(48 / 1396 * 100vw);
  margin-left: calc(74 / 1396 * 100vw);
  z-index: 3;
  box-sizing: border-box;
}
#recruit h2 .txt-en::before {
  width: calc(60 / 1396 * 100vw);
  margin-right: calc(14 / 1396 * 100vw);
}
#recruit h2 img {
  width: auto;
  height: calc(31 / 1396 * 100vw);
}
#recruit .txt-ja {
  padding-top: calc(20 / 1396 * 100vw);
  padding-left: calc(71 / 1396 * 100vw);
}
#recruit .btn a {
  top: calc(72 / 1396 * 100vw);
  right: calc(60 / 1396 * 100vw);
}
#recruit ul {
  display: flex;
  flex-wrap: wrap;
  width: calc(1150 / 1396 * 100vw);
  list-style: none;
  margin-top: calc(52 / 1396 * 100vw);
  margin-left: calc(70 / 1396 * 100vw);
}
#recruit li {
  width: 33.3%;
  margin-bottom: calc(12 / 1396 * 100vw);
}
#recruit li a {
  font-size: calc(15 / 1396 * 100vw);
  letter-spacing: .06em;
  line-height: 1;
  background: url("../common/img/icon_footer_tri_pink.svg") no-repeat left center;
  background-size: .4vw auto;
  padding-left: calc(15 / 1396 * 100vw);
}

/* ---------------------------------------------------------
.pic-bottom
----------------------------------------------------------*/
.pic-bottom {
  margin-bottom: calc(114 / 1396 * 100vw);
}
.pic-bottom img {
  width: 100%;
  height: auto;
}

/* ---------------------------------------------------------
media queries
----------------------------------------------------------*/
@media screen and (max-width:768px) {

/* ---------------------------------------------------------
main
----------------------------------------------------------*/
  main {
    position: relative;
    padding-top: 48px;
    padding-top: calc(48 / 375 * 100%);
  }
  main::before {
    display: none;
  }
  main .slider-box {
    height: calc(498 / 750 * 100vw);
    overflow: hidden;
  }
  main .slick-dots {
    margin-bottom: 11px;
    margin-bottom: calc(11 / 375 * 100%);
  }
  main .slick-dots li {
    width: 4px;
    height: 4px;
    
    width: calc(4 / 375 * 100vw);
    height: calc(4 / 375 * 100vw);
    margin: 0 5px;
    margin-right: calc(5 / 375 * 100vw);
    margin-left: calc(5 / 375 * 100vw);
  }
  main .slick-dots li button {
    width: 4px;
    height: 4px;
    padding: 2px;
    width: calc(4 / 375 * 100vw);
    height: calc(4 / 375 * 100vw);
    padding: calc(2 / 375 * 100vw);
  }
  main h2 {
    left: 44px;
    width: 41px;
    padding-top: 81px;

    left: calc(44 / 375 * 100%);
    width: calc(41 / 375 * 100%);
    padding-top: calc(81 / 375 * 100%);
  }

/* ---------------------------------------------------------
.sec
----------------------------------------------------------*/
  .sec h2 .txt-en::before {
    width: 19px;
    height: 2px;
    margin-right: 8px;

    width: calc(19 / 375 * 100vw);
    height: calc(2 / 375 * 100vw);
    margin-right: calc(8 / 375 * 100vw);
  }
  .sec h2 img {
    height: 15px;
    height: calc(15 / 375 * 100vw);
  }
  .sec .txt-ja {
    font-size: 13px;
    padding-top: 8px;
    padding-left: 25px;

    font-size: calc(13 / 375 * 100vw);
    padding-top: calc(8 / 375 * 100vw);
    padding-left: calc(25 / 375 * 100vw);
  }
  .sec .btn a {
    position: relative;
    top: auto;
    right: auto;
    display: block;
    width: 218px;
    height: 40px;
    font-size: 12px;
    line-height: 40px;
    border-radius: 6px;

    width: calc(218 / 375 * 100vw);
    height: calc(40 / 375 * 100vw);
    font-size: calc(12 / 375 * 100vw);
    line-height: calc(40 / 375 * 100vw);
    border-radius: calc(6 / 375 * 100vw);
  }

/* ---------------------------------------------------------
#news
----------------------------------------------------------*/
  #news {
    width: 100%;
    border-radius: 0;
    padding-top: 20px;
    margin-bottom: 30px;
    
    padding-top: calc(20 / 375 * 100vw);
    margin-top: 0;
    margin-bottom: calc(30 / 375 * 100vw);
  }
  #news .news-list {
    margin-top: 16px;
    margin-right: 13px;
    margin-left: 12px;

    margin-top: calc(16 / 375 * 100vw);
    margin-right: calc(13 / 375 * 100vw);
    margin-left: calc(12 / 375 * 100vw);
  }
  #news dt {
    padding-top: 10px;

    padding-top: calc(10 / 375 * 100vw);
    margin-left: 0;
  }
  #news .news-date {
    font-size: 12px;
    margin-right: 9px;

    font-size: calc(12 / 375 * 100vw);
    margin-right: calc(9 / 375 * 100vw);
  }
  #news .news-cat {
    width: 105px;
    height: 17px;
    font-size: 10px;
    line-height: 17px;

    width: calc(105 / 375 * 100vw);
    height: calc(17 / 375 * 100vw);
    font-size: calc(10 / 375 * 100vw);
    line-height: calc(17 / 375 * 100vw);
  }
  #news dd {
    font-size: 12px;
    margin-top: 7px;
    padding-bottom: 12px;

    font-size: calc(12 / 375 * 100vw);
    line-height: 1.5;
    margin-top: calc(7 / 375 * 100vw);
    margin-left: 0;
    padding-bottom: calc(12 / 375 * 100vw);
  }
  #news dd a[href$=".pdf"]::after {
    width: 21px;
    height: 18px;
    margin-left: 5px;

    width: calc(21 / 375 * 100vw);
    height: calc(18 / 375 * 100vw);
    background-size: 5.6vw auto;
    margin-left: calc(5 / 375 * 100vw);
  }
  #news .btn {
    margin-top: 30px;
    margin-left: 78px;

    margin-top: calc(30 / 375 * 100vw);
    margin-left: calc(78 / 375 * 100vw);    
  }

/* ---------------------------------------------------------
#company
----------------------------------------------------------*/
  #company {
    padding-top: 158px;
    padding-bottom: 48px;

    padding-top: calc(158 / 375 * 100vw);
    padding-bottom: calc(48 / 375 * 100vw);
  }
  #company::before {
    top: 128px;
    width: 254px;
    height: 439px;
    
    top: calc(128 / 375 * 100vw);
    width: calc(254 / 375 * 100vw);
    height: calc(439 / 375 * 100vw);
    border-radius: 10px 0 0 10px;
  }
  #company::after {
    width: 212px;
    height: 28px;
    margin-top: 16px;
    margin-left: 149px;

    width: calc(212 / 375 * 100vw);
    height: calc(28 / 375 * 100vw);
    margin-top: calc(16 / 375 * 100vw);
    margin-left: calc(149 / 375 * 100vw);
  }
  #company h2 .txt-en::before {
    width: 19px;
    width: calc(19 / 375 * 100vw);
  }
  #company h2 img {
    width: auto;
    height: 16px;
    height: calc(16 / 375 * 100vw);
  }
  #company .txt-ja {
    padding-top: 5px;
    padding-left: 24px;

    padding-top: calc(5 / 375 * 100vw);
    padding-left: calc(24 / 375 * 100vw);
  }
  #company .btn a {
    top: auto;
    right: auto;
    margin-top: 24px;
    margin-left: 12px;

    margin-top: calc(24 / 375 * 100vw);
    margin-left: calc(12 / 375 * 100vw);
  }
  #company .pic::after {
    top: 178px;
    left: 20px;
    width: 302px;
    height: 379px;

    top: calc(178 / 375 * 100vw);
    left: calc(20 / 375 * 100vw);
    width: calc(302 / 375 * 100vw);
    height: calc(379 / 375 * 100vw);
  }
  #company .inner {
    width: 302px;
    padding-top: 31px;
    padding-bottom: 30px;

    width: calc(302 / 375 * 100vw);
    padding-top: calc(31 / 375 * 100vw);
    padding-bottom: calc(30 / 375 * 100vw);
  }
  #company ul {
    display: block;
    width: auto;
    margin-top: 20px;
    margin-left: 12px;

    margin-top: calc(20 / 375 * 100vw);
    margin-left: calc(12 / 375 * 100vw);
  }
  #company li {
    width: auto;
    margin-bottom: 3px;

    margin-bottom: calc(3 / 375 * 100vw);
  }
  #company li a {
    font-size: 13px;
    background-size: 5px auto;
    padding-left: 13px;

    font-size: calc(13 / 375 * 100vw);
    background-size: 1.3vw auto;
    padding-left: calc(13 / 375 * 100vw);
  }

/* ---------------------------------------------------------
#service
----------------------------------------------------------*/
  #service {
    padding-top: 158px;
    padding-bottom: 48px;

    padding-top: calc(158 / 375 * 100vw);
    padding-bottom: calc(48 / 375 * 100vw);  
  }
  #service::before {
    top: 128px;
    width: 254px;
    height: 266px;

    top: calc(128 / 375 * 100vw);
    width: calc(254 / 375 * 100vw);
    height: calc(266 / 375 * 100vw);
  }
  #service::after {
    width: 170px;
    height: 28px;
    margin-top: 15px;
    margin-left: 15px;

    width: calc(170 / 375 * 100vw);
    height: calc(28 / 375 * 100vw);
    margin-top: calc(15 / 375 * 100vw);
    margin-left: calc(15 / 375 * 100vw);
  }
  #service h2 .txt-en::before {
    width: 18px;
    width: calc(18 / 375 * 100vw);
  }
  #service h2 img {
    width: auto;
    height: 17px;
    height: calc(17 / 375 * 100vw);
  }
  #service .txt-ja {
    padding-top: 3px;
    padding-left: 24px;

    padding-top: calc(3 / 375 * 100vw);
    padding-left: calc(24 / 375 * 100vw);
  }
  #service .btn a {
    top: auto;
    right: auto;
    margin-top: 29px;
    margin-left: 21px;
    
    margin-top: calc(29 / 375 * 100vw);
    margin-left: calc(21 / 375 * 100vw);
  }
  #service .pic::after {
    top: 178px;
    left: 53px;
    width: 302px;
    height: 206px;

    top: calc(178 / 375 * 100vw);
    left: calc(53 / 375 * 100vw);
    width: calc(302 / 375 * 100vw);
    height: calc(206 / 375 * 100vw);
  }
  #service .inner {
    width: 302px;
    height: 206px;
    padding-top: 30px;
    padding-bottom: 30px;

    width: calc(302 / 375 * 100vw);
    height: calc(206 / 375 * 100vw);
    padding-top: calc(30 / 375 * 100vw);
    padding-bottom: calc(30 / 375 * 100vw);
  }
  #service .inner p {
    font-size: 13px;
    padding-top: 18px;
    padding-left: 24px;

    font-size: calc(13 / 375 * 100vw);
    padding-top: calc(18 / 375 * 100vw);
    padding-left: calc(24 / 375 * 100vw);
  }

/* ---------------------------------------------------------
#recruit
----------------------------------------------------------*/
  #recruit {
    padding-top: 0;
    padding-bottom: 48px;

    padding-bottom: calc(48 / 375 * 100vw);
  }
  #recruit::before {
    top: 128px;
    left: 0;
    height: 355px;

    top: calc(128 / 375 * 100vw);
    width: 100%;
    height: calc(355 / 375 * 100vw);
    border-radius: 0;
  }
  #recruit::after {
    width: 175px;
    height: 28px;
    margin-top: 16px;
    margin-left: 186px;

    width: calc(175 / 375 * 100vw);
    height: calc(28 / 375 * 100vw);
    margin-top: calc(16 / 375 * 100vw);
    margin-left: calc(186 / 375 * 100vw);
  }
  #recruit .pic {
    position: relative;
    top: auto;
    left: auto;
  }
  #recruit .inner {
    width: 100%;
    height: auto;
    border-radius: 0;
    padding-top: 30px;
    padding-bottom: 30px;

    padding-top: calc(30 / 375 * 100vw);
    padding-bottom: calc(30 / 375 * 100vw);
    margin-left: 0;
  }
  #recruit h2 .txt-en::before {
    width: 19px;
    margin-right: 8px;

    width: calc(19 / 375 * 100vw);
    margin-right: calc(8 / 375 * 100vw);
  }
  #recruit h2 img {
    width: auto;
    height: 17px;
    
    height: calc(17 / 375 * 100vw);
  }
  #recruit .txt-ja {
    padding-top: 5px;
    padding-left: 25px;

    padding-top: calc(5 / 375 * 100vw);
    padding-left: calc(25 / 375 * 100vw);
  }
  #recruit .btn a {
    top: auto;
    right: auto;
    margin-top: 39px;
    margin-left: 78px;

    margin-top: calc(39 / 375 * 100vw);
    margin-left: calc(78 / 375 * 100vw);
  }
  #recruit ul {
    display: block;
    width: auto;
    margin-top: 18px;
    margin-left: 12px;

    margin-top: calc(18 / 375 * 100vw);
    margin-left: calc(24 / 375 * 100vw);
  }
  #recruit li {
    width: auto;
    margin-bottom: 3px;

    margin-bottom: calc(3 / 375 * 100vw);
  }
  #recruit li a {
    font-size: 13px;
    background-size: 5px auto;
    padding-left: 13px;

    font-size: calc(13 / 375 * 100vw);
    background-size: 1.3vw auto;
    padding-left: calc(13 / 375 * 100vw);
  }
  
/* ---------------------------------------------------------
.pic-bottom
----------------------------------------------------------*/
  .pic-bottom {
    margin-bottom: 25px;
    margin-bottom: calc(25 / 375 * 100vw);
  }
}