<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
.environment #mainImg { background-image: url(../img/recruit/environment/bg_mainimg01_sp.png); }

@media screen and (min-width: 600px) { .environment #mainImg { background-image: url(../img/recruit/environment/bg_mainimg01_pc.png); } }

.new #mainImg { background-image: url(../img/recruit/new/bg_mainimg01_sp.png); }

@media screen and (min-width: 600px) { .new #mainImg { background-image: url(../img/recruit/new/bg_mainimg01_pc.png); } }

.career #mainImg { background-image: url(../img/recruit/career/bg_mainimg01_sp.png); }

@media screen and (min-width: 600px) { .career #mainImg { background-image: url(../img/recruit/career/bg_mainimg01_pc.png); } }

.faq #mainImg { background-image: url(../img/recruit/faq/bg_mainimg01_sp.png); }

@media screen and (min-width: 600px) { .faq #mainImg { background-image: url(../img/recruit/faq/bg_mainimg01_pc.png); } }

/* .new
=================================================*/
/* #requirement
-------------------------------------------------*/
#recruit.new #requirement { padding: 50px 0; }

#recruit.new #requirement .table tr:nth-child(2n) { background-color: #ededec; }

#recruit.new #requirement .table td a { color: #08bbb8; }

#recruit.new #requirement .tit { text-align: center; font-size: 1.4rem; color: #08bbb8; margin: 25px 0 15px; }

#recruit.new #requirement .btn { width: 211px; height: 50px; margin: 0 auto; }

#recruit.new #requirement .btn a { text-align: center; position: relative; border: 1px solid #e8e6e7; box-shadow: 0 4px 5px rgba(4, 0, 0, 0.1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; }

#recruit.new #requirement .btn a:after { position: absolute; display: block; content: ""; top: 50%; width: 16px; height: 4px; margin-top: -2px; right: 12px; background: url(../img/common/ico_arw01_green.svg) no-repeat 0 0; background-size: 16px 4px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

#recruit.new #requirement .btn a .img { width: auto; display: inline-block; height: 55%; }

#recruit.new #requirement .btn a .img img { height: 100%; }

@media screen and (min-width: 600px) { #recruit.new #requirement .table tr:nth-child(2n) { background-color: #fff; }
  #recruit.new #requirement .table td a { color: #08bbb8; }
  #recruit.new #requirement .tit { font-size: 1.8rem; margin: 45px 0 15px; }
  #recruit.new #requirement .btn { width: 460px; height: 99px; }
  #recruit.new #requirement .btn:hover a { box-shadow: 1px 2px 7px 1px rgba(4, 0, 0, 0.2); }
  #recruit.new #requirement .btn:hover a:after { right: 15px; }
  #recruit.new #requirement .btn a { border: 1px solid #e8e6e7; box-shadow: 0 8px 10px rgba(4, 0, 0, 0.1); background-position: top 50% left 42%; } }

/* .faq
=================================================*/
#recruit.faq { /* #anchor ------------------------------------------------*/ /* .secFaq ------------------------------------------------*/ }

#recruit.faq #anchor { padding-top: 50px; }

#recruit.faq #anchor .btn { text-align: center; border: 1px solid #e8e6e7; border-top: 0px; }

#recruit.faq #anchor .btn:first-child { border: 1px solid #e8e6e7; }

#recruit.faq #anchor .btn a { font-size: 1.2rem; text-decoration: none; display: block; padding: 14px 0 14px; background: url(../img/common/ico_arw_down01.png) no-repeat; background-position: 95% center; background-size: 12px; }

@media screen and (min-width: 600px) { #recruit.faq #anchor { padding-top: 85px; }
  #recruit.faq #anchor .inner { display: -webkit-box; display: -ms-flexbox; display: flex; }
  #recruit.faq #anchor .btn { width: 25%; box-sizing: border-box; text-align: center; border: 1px solid #e8e6e7; border-left: 0px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
  #recruit.faq #anchor .btn:hover a { background-color: #08bbb8; color: #fff; }
  #recruit.faq #anchor .btn a { padding: 19px 0 19px; font-size: 1.4rem; } }

#recruit.faq .secFaq { padding-top: 48px; }

#recruit.faq .secFaq:nth-of-type(2n) { background-color: #f4f5f5; }

#recruit.faq .secFaq .tit { line-height: 1.38889; }

#recruit.faq .secFaq .list { padding-bottom: 50px; }

#recruit.faq .secFaq .item { position: relative; border-bottom: 1px solid #e8e6e7; padding: 11px 0 0; }

#recruit.faq .secFaq .item:first-child { padding-top: 0; }

#recruit.faq .secFaq .item:first-child:before { top: 2px; }

#recruit.faq .secFaq .item:before { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; content: "Q"; top: 15px; left: 0; height: 28px; width: 28px; background-color: #08bbb8; }

#recruit.faq .secFaq .question { font-size: 1.8rem; line-height: 1.38889; padding: 0 39px 0 42px; margin-bottom: 17px; position: relative; }

#recruit.faq .secFaq .question .txt { font-weight: 500; }

#recruit.faq .secFaq .question:after { position: absolute; content: ""; display: inline-block; width: 20px; height: 1px; top: 50%; right: 0; background-color: #08bbb8; }

#recruit.faq .secFaq .question:before { position: absolute; content: ""; display: inline-block; width: 20px; height: 1px; top: 50%; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); right: 0px; background-color: #08bbb8; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

#recruit.faq .secFaq .question.on:before { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); }

#recruit.faq .secFaq .answer { display: none; position: relative; font-size: 1.3rem; line-height: 1.84615; padding: 5px 0 15px 42px; }

#recruit.faq .secFaq .answer .txt:before { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #08bbb8; content: "A"; top: -10px; bottom: 0; margin: auto; left: 0; height: 28px; width: 28px; background-color: #fff; border: 1px solid #08bbb8; box-sizing: border-box; }

@media screen and (min-width: 600px) { #recruit.faq .secFaq { padding-top: 72px; }
  #recruit.faq .secFaq .inner { width: 855px; }
  #recruit.faq .secFaq .list { padding-bottom: 90px; }
  #recruit.faq .secFaq .item { border-bottom: 1px solid #e8e6e7; padding: 30px 0 0; }
  #recruit.faq .secFaq .item:first-child { padding-top: 0; }
  #recruit.faq .secFaq .item:first-child:before { top: 2px; }
  #recruit.faq .secFaq .item:before { top: 30px; left: 0; height: 30px; width: 30px; }
  #recruit.faq .secFaq .question { font-size: 2rem; line-height: 1.38889; position: relative; padding: 0 39px 0 42px; margin-bottom: 15px; cursor: pointer; }
  #recruit.faq .secFaq .answer { font-size: 1.4rem; line-height: 1.84615; padding: 10px 0 10px 42px; }
  #recruit.faq .secFaq .answer .txt:before { color: #08bbb8; top: 0; height: 30px; width: 30px; } }

/* .career
=================================================*/
#recruit.career { /* #information ------------------------------------------------*/ }

#recruit.career .secRequirement { padding: 50px 0 50px; }

#recruit.career .secRequirement.is_gray { background-color: #f4f5f5; }

#recruit.career .secRequirement .table tr:nth-child(2n) { background-color: #ededec; }

#recruit.career .secRequirement .table tr:nth-child(2n-1) { background-color: #fff; }

#recruit.career .secRequirement .table td a { color: #08bbb8; }

@media screen and (min-width: 600px) { #recruit.career .secRequirement { padding: 80px 0 90px; }
  #recruit.career .secRequirement .table tr:nth-child(2n) { background-color: transparent; }
  #recruit.career .secRequirement .table tr:nth-child(2n-1) { background-color: transparent; }
  #recruit.career .secRequirement .tit { font-size: 1.8rem; margin: 45px 0 15px; } }

/* .index / environment 共通
=================================================*/
#entry { background-image: url(../img/recruit/bg_entry01-sp.png); background-size: cover; background-color: #08bbb8; }

#entry .secTit { margin-bottom: 25px; }

#entry .leadTxt { color: #fff; line-height: 1.9; }

#entry .areaBtn { margin-top: 23px; }

@media screen and (min-width: 600px) { #entry { background-image: url(../img/recruit/bg_entry01-pc.png); background-position: top center; background-size: 1920px; padding-top: 70px; padding-bottom: 90px; }
  #entry .leadTxt { text-align: center; width: 850px; margin: auto; line-height: 1.75; }
  #entry .areaBtn { margin-top: 55px; padding: 15px; }
  #entry .areaBtn .btn { float: left; }
  #entry .areaBtn .btn:nth-child(even) { float: right; } }

#faq { padding-top: 45px; }

#faq .secTit { margin-bottom: 25px; }

#faq .leadTxt { line-height: 1.9; }

@media screen and (min-width: 600px) { #faq { padding-top: 70px; padding-bottom: 90px; }
  #faq .leadTxt { text-align: center; width: 850px; margin: auto; padding-bottom: 10px; line-height: 1.75; } }

/* .index
=================================================*/
#recruit.index #mainImg { background-image: url(../img/recruit/bg_mainimg01_sp.png); }

@media screen and (min-width: 600px) { #recruit.index #mainImg { background-image: url(../img/recruit/bg_mainimg01_pc.png); } }

#recruit.index #intro { margin-top: 37px; padding-top: 37px; background: #fff url(../img/recruit/bg_intro01-sp.png) no-repeat bottom; background-size: 100%; padding-bottom: 30px; }

#recruit.index #intro .inner { padding-bottom: 225px; }

#recruit.index #intro .sub { font-size: 1.1rem; font-weight: 500; }

#recruit.index #intro .secTit { font-size: 3.4rem; font-weight: 100; line-height: 1.2; }

#recruit.index #intro .copy { font-size: 1.5rem; padding-top: 5px; font-weight: 500; }

#recruit.index #intro .leadTxt { padding-top: 28px; line-height: 1.9; }

@media screen and (min-width: 600px) { #recruit.index #intro { background: #fff url(../img/recruit/bg_intro01-pc.png) no-repeat top 0 left 80%; margin-top: 20px; padding-top: 95px; height: 600px; box-sizing: border-box; }
  #recruit.index #intro .inner { position: relative; padding-bottom: 0; }
  #recruit.index #intro .inner:after { position: absolute; content: ''; bottom: -110px; left: -180px; width: 296px; height: 274px; background: url(../img/recruit/img_intro01-pc.png) no-repeat; background-size: contain; }
  #recruit.index #intro .areaTxt { padding-left: 73px; }
  #recruit.index #intro .sub { font-size: 1.5rem; }
  #recruit.index #intro .secTit { font-size: 4.6rem; letter-spacing: .06em; margin-left: -5px; }
  #recruit.index #intro .copy { font-size: 2.2rem; padding-top: 8px; line-height: 1.5; letter-spacing: .09em; }
  #recruit.index #intro .leadTxt { width: 530px; line-height: 1.75; padding-top: 48px; } }

#recruit.index #training .boxList { padding-bottom: 10px; }

#recruit.index #training .box { border: 1px solid #dfdfdf; box-sizing: border-box; }

#recruit.index #training .box + .box { margin-top: 15px; }

@media screen and (min-width: 600px) { #recruit.index #training { padding-top: 75px; padding-bottom: 90px; }
  #recruit.index #training .boxList { padding-bottom: 0; }
  #recruit.index #training .box { margin-bottom: 20px; }
  #recruit.index #training .box + .box { margin-top: 0px; } }

@media screen and (max-width: 599px) { #recruit.index #welfare .boxList { padding: 0 15px 10px; } }

@media screen and (min-width: 600px) { #recruit.index #welfare { padding-top: 72px; padding-bottom: 92px; }
  #recruit.index #welfare .boxList .box { margin-bottom: 15px; }
  #recruit.index #welfare .boxList .box .info { padding: 25px 30px 22px; } }

@media screen and (min-width: 600px) { #recruit.index .bnrWrap { padding-bottom: 70px; } }

/* .environment
=================================================*/
#recruit.environment #gallery .areaGallery { overflow: hidden; padding-top: 25px; }

#recruit.environment #gallery .areaGallery .slick-slide { float: left; margin: 0 5px; }

@media screen and (max-width: 599px) { #recruit.environment #welfare .boxList { padding: 0 15px; } }

@media screen and (min-width: 600px) { #recruit.environment #gallery .secTit { margin-bottom: 25px; }
  #recruit.environment #gallery .leadTxt { text-align: center; }
  #recruit.environment #gallery .areaGallery { padding-top: 45px; margin: 0 -60px; }
  #recruit.environment #training { padding-top: 72px; }
  #recruit.environment #training .boxList { text-align: center; padding: 0 65px; }
  #recruit.environment #training .item { width: 500px; margin-right: 0; }
  #recruit.environment #training .item:nth-of-type(2n) { margin-left: 30px; }
  #recruit.environment #training .item:nth-of-type(n+4) { margin-top: 0; }
  #recruit.environment #training .item:nth-child(n+3) { margin-top: 30px; }
  #recruit.environment #training .item .txt { text-align: left; }
  #recruit.environment #welfare { padding-top: 70px; padding-bottom: 60px; }
  #recruit.environment #welfare .boxList { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; }
  #recruit.environment #welfare .box { float: none; margin-right: 55px; display: inline-block; width: calc(100% / 3 - 55px); }
  #recruit.environment #welfare .box:nth-of-type(3), #recruit.environment #welfare .box:nth-of-type(6) { margin-right: 0; }
  #recruit.environment #welfare .box:nth-of-type(n+4) { margin-top: 25px; }
  #recruit.environment #welfare .box .mod_box01_in { height: 100%; }
  #recruit.environment #welfare .box .info { padding: 25px 20px; }
  #recruit.environment #welfare .box .info .txt { text-align: left; margin-top: 10px; padding: 0 10px; } }

@media screen and (min-width: 600px) and (min-width: 600px) { #recruit.environment .bnrWrap { padding-bottom: 70px; } }
</pre></body></html>