@charset "UTF-8";
/*header
-----------------------------------------------------------*/
header .header_inner .h_logo a img.on {
  opacity: 0;
}
header .header_inner .h_logo a img.off {
  opacity: 1;
}
header.active .header_inner {
  background: rgba(67, 190, 229, 0.5);
}
header.active .header_inner .h_logo a img.off {
  width: 0;
  opacity: 0;
}
header.active .header_inner .h_logo a img.on {
  opacity: 1;
}
@media print, screen and (min-width: 768px) {
  header {
    background-color: transparent;
  }
  header .header_inner {
    height: 11.25rem;
  }
  header .header_inner .h_logo {
    width: 11.25rem;
  }
  header .header_inner .h_logo a img.off {
    width: 8.75rem;
  }
  header.active .header_inner {
    height: 5rem;
  }
  header.active .header_inner .h_logo {
    width: 15.375rem;
  }
  header.active .header_inner .h_logo a img.on {
    width: 12.8125rem;
  }
}
@media only screen and (max-width: 767px) {
  header .header_inner {
    height: 23.4680573664vw;
  }
  header .header_inner .h_logo {
    width: 23.4680573664vw;
    z-index: 50;
  }
  header .header_inner .h_logo a img.on {
    opacity: 0;
  }
  header .header_inner .h_logo a img.off {
    opacity: 1;
    width: 18.2529335072vw;
  }
  header.active .header_inner {
    height: 15.6453715776vw;
  }
  header.active .header_inner .h_logo {
    width: 100vw;
  }
  header.active .header_inner .h_logo a {
    background-color: #f9f9f4;
  }
  header.active .header_inner .h_logo a img.on {
    width: 57.3663624511vw;
    left: 31%;
  }
}

/*mv
-----------------------------------------------------------*/
#mv::before {
  background: rgba(67, 190, 229, 0.5);
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 1;
  transform: translate(-50%, 0);
}
#mv .mv_wrap::before, #mv .mv_wrap::after {
  background: rgba(67, 190, 229, 0.5);
}
#mv .mv_wrap::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
#mv .mv_tit_box {
  margin: 0 auto;
}
#mv .mv_tit_box .mv_tit {
  color: rgba(67, 190, 229, 0.85);
  font-family: "Lato", sans-serif;
  font-weight: 700;
  text-align: center;
  overflow: hidden;
  transform: translate(-100%, 0) scale(1.1);
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 2s;
}
#mv .mv_tit_box .mv_txt {
  background-color: rgba(67, 190, 229, 0.8);
  color: #fff;
  text-align: center;
  letter-spacing: 0.4em;
  position: relative;
  display: none;
}
#mv .mv_tit_box .mv_txt::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url("../img/top/MV_promise_tit.png");
}
#mv .mv_txt_box {
  background-color: rgba(255, 255, 255, 0.9);
  align-items: center;
}
#mv .mv_txt_box .txt_box {
  text-decoration: none;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", YuGothic, "Yu Gothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  font-weight: 400;
  letter-spacing: 0.1em;
}
#mv .mv_txt_box .txt_box span {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  display: block;
}
#mv .scroll_area {
  color: #fff;
}
#mv .copy {
  color: #fff;
}
@media print, screen and (min-width: 768px) {
  #mv {
    overflow: hidden;
  }
  #mv::before {
    content: "";
    display: block;
    width: 100%;
    height: 11.25rem;
    background-size: 100% 100%;
  }
  #mv .mv_wrap::before, #mv .mv_wrap::after {
    content: "";
    display: block;
    width: 11.25rem;
    height: 100%;
    background-size: 100% 100%;
  }
  #mv .mv_wrap::after {
    position: absolute;
    top: 11.25rem;
    right: 0;
    z-index: 1;
  }
  #mv .mv_tit_box {
    width: 62.5%;
    position: absolute;
    left: 50%;
    top: 16.625rem;
    transform: translate(-50%, 0);
  }
  #mv .mv_tit_box .mv_tit {
    font-size: 7.5rem;
    letter-spacing: 0.1em;
  }
  #mv .mv_tit_box .mv_tit span.pc {
    display: block;
    transform: translate(100%, 0);
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 2s;
  }
  #mv .mv_tit_box .mv_tit.visible, #mv .mv_tit_box .mv_tit.visible span.pc {
    transform: translate(0, 0) scale(1);
  }
  #mv .mv_tit_box .mv_txt {
    margin: 2.875rem auto 0;
    width: 27.375rem;
    font-size: 1.375rem;
    padding: 1rem 0;
  }
  #mv .mv_tit_box .mv_txt::after {
    position: absolute;
    bottom: -3.25rem;
    right: -4.8125rem;
    width: 9.8125rem;
    height: 4.4375rem;
  }
  #mv .mv_txt_box {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    width: 28rem;
    position: absolute;
    bottom: 0;
    right: 8.125rem;
    z-index: 2;
    padding: 1.125rem 0 1.125rem 1.25rem;
  }
  #mv .mv_txt_box figure {
    width: 1.1875rem;
    margin-right: 0.75rem;
  }
  #mv .mv_txt_box .txt_box {
    width: 24rem;
    font-size: 0.75rem;
    line-height: 1.1666666667;
    margin-top: calc(0px - (((1em*1.1666666667) - 1em)/2));
    margin-bottom: calc(0px - (((1em*1.1666666667) - 1em)/2));
    transition: all 0.4s ease-in-out 0s;
  }
  #mv .mv_txt_box .txt_box:hover {
    opacity: 0.6;
  }
  #mv .scroll_area .scroll_btn {
    position: relative;
    padding-bottom: 5rem;
  }
  #mv .scroll_area .scroll_btn::before, #mv .scroll_area .scroll_btn::after {
    content: "";
    display: block;
    width: 2px;
    position: absolute;
    left: 50%;
    z-index: 0;
    transform: translate(-50%, 0);
  }
  #mv .scroll_area .scroll_btn::before {
    height: 5rem;
    background-color: #fff;
    bottom: 0;
  }
  #mv .scroll_area .scroll_btn::after {
    height: 1.875rem;
    background-color: #43bee5;
    bottom: 3.125rem;
    -webkit-animation: scroll_animepc 1.6s ease-in-out 0s infinite normal forwards;
    animation: scroll_animepc 1.6s ease-in-out 0s infinite normal forwards;
  }
  @-webkit-keyframes scroll_animepc {
    0% {
      height: 0;
      bottom: 5rem;
    }
    70% {
      height: 4rem;
    }
    80% {
      bottom: 0;
    }
    100% {
      height: 0;
      bottom: 0;
    }
  }
  @keyframes scroll_animepc {
    0% {
      height: 0;
      bottom: 5rem;
    }
    70% {
      height: 4rem;
    }
    80% {
      bottom: 0;
    }
    100% {
      height: 0;
      bottom: 0;
    }
  }
}
@media only screen and (max-width: 767px) {
  #mv::before {
    background: rgba(67, 190, 229, 0.5);
    content: "";
    display: block;
    width: 100%;
    height: 10.4302477184vw;
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 1;
    transform: translate(-50%, 0);
  }
  #mv .mv_wrap::before, #mv .mv_wrap::after {
    content: "";
    display: block;
    width: 10.4302477184vw;
    height: 100%;
    background-size: 100% 100%;
  }
  #mv .mv_wrap::after {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
  }
  #mv .mv_tit_box {
    width: 73.2724902216vw;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 38.0704041721vw;
    transform: translate(-50%, 0);
  }
  #mv .mv_tit_box .mv_tit {
    font-size: 3.8461538462rem;
    letter-spacing: 0.025em;
  }
  #mv .mv_tit_box .mv_tit span.sp {
    display: block;
    transform: translate(100%, 0);
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 2s;
  }
  #mv .mv_tit_box .mv_tit.visible, #mv .mv_tit_box .mv_tit.visible span.sp {
    transform: translate(0, 0) scale(1);
  }
  #mv .mv_tit_box .mv_txt {
    margin: 6.518904824vw auto 0;
    width: 49.5436766623vw;
    font-size: 1.3076923077rem;
    padding: 3.6505867014vw 0;
    line-height: 1.4117647059;
  }
  #mv .mv_tit_box .mv_txt::after {
    position: absolute;
    bottom: -9.3872229465vw;
    right: -12.6466753585vw;
    width: 27.7705345502vw;
    height: 12.5162972621vw;
  }
  #mv .mv_txt_box {
    width: 60vw;
    position: absolute;
    bottom: -12.2555410691vw;
    right: 3.9113428944vw;
    z-index: 2;
    padding: 2.6075619296vw 0 2.6075619296vw 2.6075619296vw;
  }
  #mv .mv_txt_box figure {
    width: 4.8239895698vw;
    margin-right: 3.9113428944vw;
  }
  #mv .mv_txt_box .txt_box {
    width: 43vw;
    font-size: 0.7692307692rem;
    line-height: 1.7;
    margin-top: calc(0px - (((1em*1.7) - 1em)/2));
    margin-bottom: calc(0px - (((1em*1.7) - 1em)/2));
  }
  #mv .copy {
    display: inline;
    position: absolute;
    top: 47.1968709257vw;
    right: 3.6505867014vw;
    width: 2.6075619296vw;
    font-size: 0.7692307692rem;
  }
  #mv .scroll_area {
    display: inline;
    position: absolute;
    top: 47.1968709257vw;
    left: 1.8252933507vw;
    width: 6.518904824vw;
    font-size: 0.7692307692rem;
  }
  #mv .scroll_area .scroll_btn {
    font-size: 0.7692307692rem;
    height: 39.1134289439vw;
    position: relative;
    padding-bottom: 17.3402868318vw;
  }
  #mv .scroll_area .scroll_btn::before, #mv .scroll_area .scroll_btn::after {
    content: "";
    display: block;
    width: 2px;
    position: absolute;
    left: 50%;
    z-index: 0;
    transform: translate(-50%, 0);
  }
  #mv .scroll_area .scroll_btn::before {
    height: 17.3402868318vw;
    background-color: #fff;
    bottom: 0;
  }
  #mv .scroll_area .scroll_btn::after {
    height: 6.518904824vw;
    background-color: #43bee5;
    bottom: 10.8213820078vw;
    -webkit-animation: scroll_animesp 1.6s ease-in-out 0s infinite normal forwards;
    animation: scroll_animesp 1.6s ease-in-out 0s infinite normal forwards;
  }
  @-webkit-keyframes scroll_animesp {
    0% {
      height: 0;
      bottom: 17.3402868318vw;
    }
    70% {
      height: 13.8722294654vw;
    }
    80% {
      bottom: 0;
    }
    100% {
      height: 0;
      bottom: 0;
    }
  }
  @keyframes scroll_animesp {
    0% {
      height: 0;
      bottom: 17.3402868318vw;
    }
    70% {
      height: 13.8722294654vw;
    }
    80% {
      bottom: 0;
    }
    100% {
      height: 0;
      bottom: 0;
    }
  }
  #mv .scroll_area .scroll_btn span {
    font-size: 0.7692307692rem;
    width: 6.518904824vw;
  }
}

/*t_company
-----------------------------------------------------------*/
#t_company {
  position: relative;
}
#t_company .sec_txt_box .sec_tit {
  color: #43bee5;
}
#t_company .img_box {
  overflow: hidden;
}
#t_company .img_box figure {
  height: 100%;
}
#t_company .img_box figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  font-family: "object-fit:cover; object-position:50% 50%; ";
}
@media print, screen and (min-width: 768px) {
  #t_company {
    padding-top: 12.5rem;
  }
  #t_company .sec_txt_box {
    width: 41.6666666667%;
    height: 43.75rem;
    margin: 0 auto 0 0;
  }
  #t_company .sec_txt_box .btn {
    margin-top: 3.125rem;
  }
  #t_company .img_box {
    width: 50%;
    height: 43.75rem;
    margin: 0 0 0 auto;
    position: absolute;
    top: 12.5rem;
    right: 0;
  }
}
@media only screen and (max-width: 767px) {
  #t_company {
    padding-top: 24.5110821382vw;
  }
  #t_company .sec_txt_box {
    width: 78.2268578879vw;
    margin: 7.8226857888vw auto 0;
  }
  #t_company .sec_txt_box .btn {
    margin-top: 10.4302477184vw;
  }
  #t_company .img_box {
    width: 89.5697522816vw;
    margin: 10.4302477184vw 0 0 auto;
  }
}

/*t_service
-----------------------------------------------------------*/
#t_service {
  position: relative;
}
#t_service .bg {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  background-color: #43bee5;
  width: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  z-index: -1;
  transform: translate(-50%, 0);
}
#t_service .bg::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
}
#t_service .sec_txt_box {
  text-align: center;
}
#t_service .sec_txt_box .sec_tit {
  color: #fff;
}
#t_service .img_area {
  display: grid;
}
#t_service .img_area .img_box figure {
  position: relative;
}
#t_service .img_area .img_box .tit_nb_box .tit {
  letter-spacing: 0.2em;
  display: inline-block;
}
#t_service .img_area .img_box .tit_nb_box .tit span {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  color: #43bee5;
  position: relative;
  letter-spacing: 0;
}
#t_service .img_area .img_box .tit_nb_box .tit span::after {
  content: "/";
  display: block;
  width: 100%;
  height: 100%;
  color: #43bee5;
}
#t_service .img_area .img_box.type01 {
  z-index: 4;
  margin: 0 auto 0 0;
}
#t_service .img_area .img_box.type01 figure::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url("../img/top/seavice_tit01.png");
}
#t_service .img_area .img_box.type02 {
  z-index: 3;
}
#t_service .img_area .img_box.type02 figure::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url("../img/top/seavice_tit02.png");
}
#t_service .img_area .img_box.type03 {
  z-index: 2;
}
#t_service .img_area .img_box.type03 figure::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url("../img/top/seavice_tit03.png");
}
#t_service .img_area .img_box.type04 {
  z-index: 1;
}
#t_service .img_area .img_box.type04 figure::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url("../img/top/seavice_tit04.png");
}
@media print, screen and (min-width: 768px) {
  #t_service {
    padding-top: 9.375rem;
  }
  #t_service .bg {
    height: 35rem;
  }
  #t_service .bg::before {
    width: 50%;
    height: 76.125rem;
    background-color: rgba(67, 190, 229, 0.2);
    position: absolute;
    top: 35rem;
    left: 0;
    z-index: -1;
  }
  #t_service .sec_txt_box {
    margin-bottom: 6.25rem;
  }
  #t_service .img_area .img_box .tit_nb_box {
    margin-top: -2.8125rem;
  }
  #t_service .img_area .img_box .tit_nb_box .tit {
    font-size: 1.875rem;
    border-bottom: 10px solid #43bee5;
  }
  #t_service .img_area .img_box .tit_nb_box .tit span {
    font-size: 6.25rem;
    padding-right: 2.875rem;
  }
  #t_service .img_area .img_box .tit_nb_box .tit span::after {
    font-size: 1.875rem;
    position: absolute;
    bottom: 1.25rem;
    right: 1.125rem;
    width: 0.9375rem;
    height: 1.875rem;
  }
  #t_service .img_area .img_box.type01 {
    width: 66.6666666667%;
  }
  #t_service .img_area .img_box.type01 figure::after {
    width: 19.375rem;
    height: 7.8125rem;
    position: absolute;
    bottom: 1.875rem;
    right: -1.4375rem;
  }
  #t_service .img_area .img_box.type01 .tit_nb_box {
    margin-left: -3rem;
  }
  #t_service .img_area .img_box.type02 {
    width: 50%;
    margin: -10.375rem 4.1666666667% 0 auto;
  }
  #t_service .img_area .img_box.type02 figure::after {
    width: 20.875rem;
    height: 8rem;
    position: absolute;
    bottom: 0.375rem;
    right: -7.875rem;
  }
  #t_service .img_area .img_box.type02 .tit_nb_box {
    padding-left: 8rem;
  }
  #t_service .img_area .img_box.type03 {
    width: 45.8333333333%;
    margin: -23.25rem auto 0 4.1666666667%;
  }
  #t_service .img_area .img_box.type03 figure::after {
    width: 22.3125rem;
    height: 9.1875rem;
    position: absolute;
    bottom: 0.5625rem;
    right: -6.0625rem;
  }
  #t_service .img_area .img_box.type03 .tit_nb_box {
    padding-left: 1.875rem;
  }
  #t_service .img_area .img_box.type04 {
    width: 54.1666666667%;
    margin: -13.75rem 0 0 auto;
  }
  #t_service .img_area .img_box.type04 figure::after {
    width: 22.3125rem;
    height: 9.5rem;
    bottom: 1.8rem;
    right: 2.8rem;
    position: absolute;
    bottom: 1.8rem;
    right: -5.8rem;
  }
  #t_service .img_area .img_box.type04 .tit_nb_box {
    text-align: right;
  }
  #t_service .btn {
    margin: 3.125rem auto 0;
  }
}
@media only screen and (max-width: 767px) {
  #t_service {
    padding-top: 19.556714472vw;
  }
  #t_service .inner {
    width: 100%;
  }
  #t_service .bg {
    background-color: unset;
    margin-top: -2px;
  }
  #t_service .bg::before {
    width: 100%;
    height: 106.9100391134vw;
    background-color: #43bee5;
  }
  #t_service .bg::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    width: 69.1003911343vw;
    height: 259.4524119948vw;
    background-color: #d9f2fa;
    position: absolute;
    top: 96.5vw;
    left: 0;
  }
  #t_service .sec_txt_box {
    width: 78.2268578879vw;
    margin: 0 auto 15.6453715776vw;
  }
  #t_service .img_area .img_box .tit_nb_box {
    margin-top: -5.2151238592vw;
  }
  #t_service .img_area .img_box .tit_nb_box .tit {
    font-size: 1.5384615385rem;
    border-bottom: 1.6949152542vw solid #43bee5;
  }
  #t_service .img_area .img_box .tit_nb_box .tit span {
    font-size: 5.2307692308rem;
    padding-right: 8.3441981747vw;
  }
  #t_service .img_area .img_box .tit_nb_box .tit span::after {
    font-size: 1.9230769231rem;
    position: absolute;
    bottom: 2.6075619296vw;
    right: 3.1290743155vw;
    width: 2.6075619296vw;
    height: 6.7796610169vw;
  }
  #t_service .img_area .img_box.type01 {
    width: 89.5697522816vw;
  }
  #t_service .img_area .img_box.type01 figure::after {
    width: 40.4172099087vw;
    height: 16.4276401565vw;
    position: absolute;
    top: -5.8670143416vw;
    left: 4.5632333768vw;
  }
  #t_service .img_area .img_box.type01 .tit_nb_box {
    margin-left: 4.1720990874vw;
  }
  #t_service .img_area .img_box.type01 .tit_nb_box .tit.new-line {
    margin-top: 3rem;
  }
  #t_service .img_area .img_box.type02 {
    width: 78.2268578879vw;
    margin: 9.1264667536vw 3.9113428944vw 0 auto;
  }
  #t_service .img_area .img_box.type02 figure::after {
    width: 43.5462842243vw;
    height: 16.6883963494vw;
    position: absolute;
    top: -1.0430247718vw;
    left: -12.6466753585vw;
  }
  #t_service .img_area .img_box.type03 {
    width: 78.2268578879vw;
    margin: 9.1264667536vw auto 0 3.9113428944vw;
  }
  #t_service .img_area .img_box.type03 figure::after {
    width: 46.6753585398vw;
    height: 19.295958279vw;
    position: absolute;
    top: -1.3037809648vw;
    left: 0;
  }
  #t_service .img_area .img_box.type04 {
    width: 78.2268578879vw;
    margin: 9.1264667536vw 0 0 auto;
  }
  #t_service .img_area .img_box.type04 figure::after {
    width: 46.6753585398vw;
    height: 19.8174706649vw;
    position: absolute;
    top: -3.6505867014vw;
    left: -17.2099087353vw;
  }
  #t_service .btn {
    margin: 10.4302477184vw auto 0;
  }
}

/*t_works
-----------------------------------------------------------*/
#t_works {
  position: relative;
  overflow: hidden;
}
#t_works::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  background-color: rgba(67, 190, 229, 0.2);
}
#t_works .sec_txt_box {
  text-align: center;
}
#t_works .sec_txt_box .sec_tit {
  color: #43bee5;
}
#t_works .slider li {
  margin: 0 auto;
  position: relative;
}
#t_works .slider li a {
  display: block;
}
#t_works .slider li .tit_box {
  background-color: #d9f2fa;
}
#t_works .slider li .tit_box .tit {
  letter-spacing: 0.2em;
  display: inline-block;
}
#t_works .slider li .tit_box .tit span {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  color: #43bee5;
  position: relative;
  letter-spacing: 0;
}
#t_works .slider li .tit_box .tit span::after {
  content: "/";
  display: block;
  width: 100%;
  height: 100%;
  color: #43bee5;
}
#t_works .slider li.kitchen_tit a {
  position: relative;
}
#t_works .slider li.kitchen_tit a::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url("../img/top/prover_tit.png");
}
#t_works .slick-prev,
#t_works .slick-next {
  padding: 0;
  transform: translate(0, 0);
  z-index: 1;
  /*&:hover,&:focus{
    background-image:url("../img/arrow_r_b_light.svg");
  }*/
}
#t_works .slick-prev::before,
#t_works .slick-next::before {
  display: none;
}
#t_works .slick-prev {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url("../img/arrow_prev.svg");
}
#t_works .slick-next {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url("../img/arrow_next.svg");
}
#t_works .txt {
  text-align: center;
}
#t_works .btn {
  margin: 0 auto;
}
@media print, screen and (min-width: 768px) {
  #t_works {
    padding: 9.375rem 0 6.25rem;
  }
  #t_works::after {
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: -1;
    transform: translate(-50%, 0);
    height: 41.25rem;
  }
  #t_works .sec_txt_box .sb_tit {
    margin-bottom: 3.125rem;
  }
  #t_works .slider {
    margin-bottom: 3.125rem;
  }
  #t_works .slider li {
    width: 68.75rem;
    margin: 0 2.1875rem;
  }
  #t_works .slider li.kitchen_tit {
    position: relative;
  }
  #t_works .slider li.kitchen_tit::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #43bee5;
    width: 100%;
    height: 0.625rem;
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 1;
    transform: translate(-50%, 0);
  }
  #t_works .slider li .tit_box {
    width: 22.5rem;
    padding: 0.9375rem 0 0.9375rem 1.875rem;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  #t_works .slider li .tit_box .tit {
    font-size: 1.5rem;
  }
  #t_works .slider li .tit_box .tit span {
    font-size: 3.125rem;
    padding-right: 2.3125rem;
  }
  #t_works .slider li .tit_box .tit span::after {
    font-size: 2.3125rem;
    position: absolute;
    bottom: 1rem;
    right: 0.625rem;
    width: 0.9375rem;
    height: 1.875rem;
  }
  #t_works .slider li.kitchen_tit a::after {
    position: absolute;
    bottom: 1.4375rem;
    right: 2.625rem;
    width: 8.125rem;
    height: 4.0625rem;
  }
  #t_works .slick-prev,
#t_works .slick-next {
    width: 4.375rem;
    height: 1.875rem;
  }
  #t_works .slick-prev {
    left: 9.625%;
  }
  #t_works .slick-next {
    right: 9.625%;
  }
  #t_works .txt {
    margin-bottom: 3.125rem;
  }
}
@media only screen and (max-width: 767px) {
  #t_works {
    background-color: rgba(67, 190, 229, 0.2);
    padding: 19.556714472vw 0;
  }
  #t_works .sec_txt_box .sb_tit {
    margin-bottom: 7.8226857888vw;
  }
  #t_works .slider {
    width: 92.0469361147vw;
    margin: 0 auto;
  }
  #t_works .slider .slick-list.draggable {
    padding: 0 !important;
  }
  #t_works .slider li {
    height: 57.3663624511vw;
    margin: 0 6.7796610169vw;
  }
  #t_works .slider li img {
    margin-bottom: 5.2151238592vw;
  }
  #t_works .slider li .tit_box .tit {
    font-size: 1.5384615385rem;
  }
  #t_works .slider li .tit_box .tit span {
    font-size: 2.3846153846rem;
    padding-right: 8.3441981747vw;
  }
  #t_works .slider li .tit_box .tit span::after {
    font-size: 1.9230769231rem;
    position: absolute;
    bottom: 2.6075619296vw;
    right: 3.1290743155vw;
    width: 2.6075619296vw;
    height: 6.7796610169vw;
  }
  #t_works .slider li.kitchen_tit a::after {
    position: absolute;
    bottom: 11.7340286832vw;
    right: -6.7796610169vw;
    z-index: 1;
    width: 16.9491525424vw;
    height: 8.4745762712vw;
  }
  #t_works .slick-prev, #t_works .slick-next {
    width: 18.5136897001vw;
    height: 8.0834419817vw;
    top: 15.6453715776vw;
  }
  #t_works .slick-prev {
    left: -2.3468057366vw;
  }
  #t_works .slick-next {
    right: -2.3468057366vw;
  }
  #t_works .txt {
    width: 79.0091264668vw;
    margin: 0 auto;
    text-align: left;
    font-size: 1rem;
    line-height: 1.6153846154;
    margin-top: calc(0px - (((1em*1.6153846154) - 1em)/2));
    margin-bottom: calc(10.4302477184vw - (((1em*1.6153846154) - 1em)/2));
  }
}

/*t_recruit
-----------------------------------------------------------*/
#t_recruit {
  position: relative;
}
#t_recruit .sec_txt_box .sec_tit {
  color: #43bee5;
}
#t_recruit .img_box figure {
  height: 100%;
}
#t_recruit .img_box figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  font-family: "object-fit:cover; object-position:50% 50%; ";
}
@media print, screen and (min-width: 768px) {
  #t_recruit {
    padding-top: 9.375rem;
    margin-bottom: 9.375rem;
  }
  #t_recruit .sec_txt_box {
    width: 41.6666666667%;
    height: 43.75rem;
    margin: 0 0 0 auto;
  }
  #t_recruit .sec_txt_box .btn {
    margin-top: 3.125rem;
  }
  #t_recruit .img_box {
    margin: 0 auto 0 0;
    width: 50%;
    height: 43.75rem;
    position: absolute;
    top: 9.375rem;
    left: 0;
  }
}
@media only screen and (max-width: 767px) {
  #t_recruit {
    padding-top: 26.075619296vw;
    margin-bottom: 26.075619296vw;
  }
  #t_recruit inner {
    width: 100%;
  }
  #t_recruit .sec_txt_box {
    width: 78.2268578879vw;
    margin: 0 auto 7.8226857888vw;
  }
  #t_recruit .sec_txt_box .btn {
    margin-top: 10.4302477184vw;
  }
  #t_recruit .img_box {
    width: 89.5697522816vw;
    margin: 0 auto 0 0;
  }
}