@charset "UTF-8";
/* Scss Document */
/* 各ジョブリストのcss */
html {
  visibility: hidden;
}

html.wf-active, html.loading-delay {
  visibility: visible;
}

/* connmn */
body {
  font-family: "Noto Sans JP", sans-serif;
  color: #534940;
}

.inner {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}

.right {
  text-align: right;
}

.left {
  text-align: left;
}

.center {
  text-align: center;
}

/* fontのまとめ */
.f01 {
  font-size: 52px;
  font-family: "Oswald", sans-serif;
  font-weight: 500;
}

.f02 {
  font-size: 52px;
  font-weight: 500;
}

.f03 {
  font-size: 42px;
  font-weight: 300;
}

.f04 {
  font-size: 32px;
  font-weight: 500;
}

.f05 {
  font-size: 24px;
  font-weight: 300;
}

.f06 {
  font-size: 16px;
  font-weight: 300;
  line-height: 32px;
}

.f07 {
  font-size: 28px;
  font-weight: 300;
}

.f08 {
  font-size: 28px;
  font-weight: 300;
}

.f09 {
  font-size: 20px;
  font-weight: 300;
  padding-bottom: 10px;
}

.bold {
  font-weight: bold;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.clearfix:before {
  content: "";
  display: block;
  clear: both;
}

.clearfix {
  display: block;
}

.flex_box {
  display: flex;
}

/* 凡用ボタンエフェクト */
.button {
  margin-right: 0;
  text-decoration: none;
  font-weight: 500;
  color: #fff;
  background: #534940;
  box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.16);
  padding: 14px 56px 14px 28px;
  box-sizing: border-box;
  text-align: center;
  position: relative;
  z-index: 1;
  display: block;
  overflow: hidden;
  transition: 0.5s;
}

.button::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  content: "";
  width: 120%;
  height: 100%;
  background: #93B250;
  transform-origin: right top;
  transform: skewX(-45deg) scale(0, 1);
  transition: transform 0.5s;
}

.button:after {
  position: absolute;
  content: "＞";
  right: 10px;
}

.button:hover::before {
  transform-origin: left top;
  transform: skewX(-45deg) scale(1, 1);
}

.br:before {
  content: "\a";
  white-space: pre;
}

.br8:before {
  content: "\a";
  white-space: pre;
}

section {
  padding: 100px 0;
}
section h2.f04 {
  margin-bottom: 50px;
}
section h2.f04 .br:before {
  content: "";
  white-space: nowrap;
}

.spHead {
  display: none;
}

/* パンくず */
#pankuzuWrap {
  margin: 35px auto 44px;
  padding: 0;
}
#pankuzuWrap #pankuzu {
  display: flex;
}
#pankuzuWrap #pankuzu li a {
  color: #534940;
  text-decoration: none;
}
#pankuzuWrap #pankuzu li:after {
  content: ">";
  color: #E3DED9;
  margin: 0 18px;
}
#pankuzuWrap #pankuzu li:last-child:after {
  content: none;
}

#adoperations {
  clear: both;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
}
#adoperations .headline {
  margin: 44px auto 20px;
}
#adoperations .headline h2.f04 {
  margin-bottom: 0;
}

/* 業務内容 */
#jobMainContent {
  padding-bottom: 0;
}
#jobMainContent .inner h3.f07 {
  margin-bottom: 50px;
}
#jobMainContent .inner p.f06 {
  margin-bottom: 32px;
}
#jobMainContent .inner .jobBusinessWrap p.pHead {
  margin-bottom: 0;
}
#jobMainContent .inner .jobBusinessWrap ul {
  list-style-type: disc;
  margin-left: 16px;
  margin-bottom: 40px;
}
#jobMainContent .inner .jobBusinessWrap ul li {
  margin-left: 20px;
  text-indent: -6px;
}
#jobMainContent .inner .jobBusinessWrap ul li::marker {
  font-size: 10px;
}
#jobMainContent .inner .jobBusinessWrap ul li.notList {
  list-style-type: none;
  text-indent: -20px;
}
#jobMainContent .inner .jobBusinessWrap ul.flex_box {
  justify-content: space-between;
  list-style: none;
  margin: 0 0 40px;
}

/* 業務内容〆 */
/* 福利厚生 */
#job_welfare_Content .inner dl {
  display: flex;
  gap: 50px;
  margin-bottom: 20px;
}
#job_welfare_Content .inner dl dt {
  width: 200px;
  flex-shrink: 0;
}
#job_welfare_Content .inner dl dt img {
  width: 100%;
}
#job_welfare_Content .inner dl .dd_wrap {
  max-width: 550px;
  width: 100%;
}
#job_welfare_Content .inner dl .dd_wrap dd {
  text-align: justify;
}
#job_welfare_Content .inner dl .dd_wrap dd:first-of-type {
  margin: 10px 0 20px;
  font-weight: bold;
  color: #534940;
  font-size: 20px;
}

#office_image .inner .office_image_box {
  margin-bottom: 30px;
}
#office_image .inner .office_image_box .flex_box {
  gap: 50px;
  justify-content: space-between;
}

/* Ace Agentで働くスタッフ */
#staff {
  padding-top: 0;
  background: linear-gradient(180deg, #fff 0%, #fff 35%, rgba(83, 73, 64, 0.1) 35%, rgba(83, 73, 64, 0.1) 100%);
}
#staff .inner .staffFlex {
  display: flex;
  justify-content: space-between;
}
#staff .inner .staffFlex .staffListContents {
  background: #fff;
  padding: 13px 13px 26px;
  box-sizing: border-box;
  box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.16);
}
#staff .inner .staffFlex .staffListContents a {
  display: flex;
  color: #534940;
  text-decoration: none;
}
#staff .inner .staffFlex .staffListContents a img {
  margin-bottom: 10px;
}
#staff .inner .staffFlex .staffListContents a .staffListContentsWrap {
  margin: 0 16px;
}
#staff .inner .staffFlex .staffListContents a .staffListContentsWrap p.f05 {
  margin-bottom: 16px;
}
#staff .inner .staffFlex .staffListContents a .staffListContentsWrap p.f07.staff {
  margin-top: 6px;
  display: block;
  text-decoration: underline;
  font-size: 18px;
}
#staff .inner .staffFlex .staffListContents a .staffListContentsWrap p.f07.staff:after {
  content: ">";
}

.staff_popup {
  max-width: 850px;
  width: 100%;
  margin: 0 auto 0;
  padding: 37px 35px;
  box-sizing: border-box;
  background: #fff;
  height: 100%;
  max-height: 5000px !important;
}
@media screen and (max-width: 770px) {
  .staff_popup {
    padding: 37px 1rem;
  }
}

.caseInner {
  display: flex;
  flex-wrap: wrap;
}

.Introduction-Title {
  width: 90%;
  padding: 0 5% 0 0.5rem;
  margin: 0 5%;
  border-bottom: 1px solid #E3DED9;
}

.Introduction-Img {
  width: 100%;
}
.Introduction-Img img {
  width: 70%;
  margin: 1rem 15%;
}
@media screen and (max-width: 770px) {
  .Introduction-Img img {
    width: 95%;
    margin: 1rem 2.5%;
  }
}

.Introduction-Text {
  width: 100%;
  padding: 0 5%;
}
.Introduction-Text dt {
  padding: 1rem 0 0.2rem;
  border-bottom: 1px solid #E3DED9;
}
.Introduction-Text dd {
  margin: 0.5rem 1rem;
}

.lity-active {
  overflow-y: hidden;
}

.lity {
  background: rgba(83, 73, 64, 0.9);
}
.lity .lity-wrap {
  margin-bottom: 50px;
  overflow-y: auto;
}
@media screen and (max-width: 770px) {
  .lity .lity-wrap {
    margin-bottom: 20px;
  }
}
.lity .lity-wrap .lity-container {
  max-width: 850px;
  width: 100%;
  margin-top: 140px;
}
@media screen and (max-width: 770px) {
  .lity .lity-wrap .lity-container {
    width: 90%;
    margin-top: 20px;
  }
}
.lity .lity-wrap .lity-content .lity-close.lity-closeContent {
  display: block;
  width: 60px;
  height: 60px;
  background: #534940;
  padding: 2px;
  position: absolute;
  top: 30px;
  right: 30px;
  overflow: hidden;
}
.lity .lity-wrap .lity-content .lity-close.lity-closeContent span:nth-child(1) {
  border: 1px solid #fff;
  display: block;
  transform: rotate(-45deg);
}
.lity .lity-wrap .lity-content .lity-close.lity-closeContent span:nth-child(2) {
  border: 1px solid #fff;
  display: block;
  transform: rotate(45deg);
}
.lity .lity-wrap .lity-content .lity-close.lity-closeContent::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  content: "";
  width: 200%;
  height: 100%;
  background: #93B250;
  transform-origin: right top;
  transform: skewX(-45deg) scale(0, 1);
  transition: transform 0.5s;
}
.lity .lity-wrap .lity-content .lity-close.lity-closeContent:hover::before {
  transform-origin: left top;
  transform: skewX(-45deg) scale(1, 1);
}
.lity .lity-wrap .lity-content .lity-closeContent:hover {
  background: #534940;
}
.lity .lity-wrap .lity-closeContent:hover {
  background: #534940;
}

.lity-close {
  display: none;
}

/* 募集要項(table layout)　 */
#tableLayout .inner .tableLayoutWrap {
  border: 1px solid #534940;
  margin-bottom: 60px;
}
#tableLayout .inner .tableLayoutWrap .tableLayoutInner {
  display: flex;
  border-bottom: 1px solid #534940;
}
#tableLayout .inner .tableLayoutWrap .tableLayoutInner .tableLayoutHead {
  background: #E4DED8;
  width: 300px;
  box-sizing: border-box;
  padding: 20px 10px;
}
#tableLayout .inner .tableLayoutWrap .tableLayoutInner .tableLayoutContents {
  max-width: 700px;
  width: 100%;
  border-left: 1px solid #534940;
  box-sizing: border-box;
  padding: 20px 20px 20px 13px;
  /* .tableLayoutContents の最後のコンテンツは下記クラスをいれる 入れ子パターンが多いのでinportant */
}
#tableLayout .inner .tableLayoutWrap .tableLayoutInner .tableLayoutContents p.f06 {
  margin-bottom: 28px;
}
#tableLayout .inner .tableLayoutWrap .tableLayoutInner .tableLayoutContents .f06.tableLayoutContentsBh {
  margin-bottom: 40px;
  border-bottom: 1px solid #707070;
  padding-bottom: 10px;
}
#tableLayout .inner .tableLayoutWrap .tableLayoutInner .tableLayoutContents .f06.tableLayoutContentssh:before {
  content: "◆";
  margin-right: 4px;
}
#tableLayout .inner .tableLayoutWrap .tableLayoutInner .tableLayoutContents ul {
  list-style-type: disc;
  margin-left: 16px;
  margin-bottom: 40px;
}
#tableLayout .inner .tableLayoutWrap .tableLayoutInner .tableLayoutContents ul li {
  margin-left: 20px;
  text-indent: -6px;
}
#tableLayout .inner .tableLayoutWrap .tableLayoutInner .tableLayoutContents ul li::marker {
  font-size: 10px;
}
#tableLayout .inner .tableLayoutWrap .tableLayoutInner .tableLayoutContents .tableLayoutContentsLc {
  margin-bottom: 0 !important;
}
#tableLayout .inner .tableLayoutWrap .tableLayoutInner:last-child {
  border-bottom: none;
}
#tableLayout .inner .button2 {
  width: 380px;
  margin: 1em auto 0;
  color: #fff;
  background: #534940;
}
#tableLayout .inner .button3 {
  width: 380px;
  margin: 1em auto 0;
  color: #514941 !important;
  background: #E3DED9;
}
#tableLayout .inner .button3:hover {
  color: #fff !important;
}

.movie-wrap {
  margin-bottom: 28px;
  position: relative;
  padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
  height: 0;
  overflow: hidden;
}
.movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.movie {
  display: flex;
  flex-wrap: wrap;
  max-width: 1000px;
  width: 100%;
}
.movie .movie-Inner {
  width: 48%;
  margin: 1%;
}

.faq {
  margin-bottom: 60px;
}
.faq a.faqBtn {
  cursor: pointer;
  display: block;
  text-decoration: underline;
  padding-bottom: 30px;
}
.faq .faqDlwrap {
  display: none;
}
.faq .faqDlwrap dl {
  margin-bottom: 20px;
}
.faq .faqDlwrap dl span {
  font-weight: bold;
}
.faq .faqDlwrap dl dt, .faq .faqDlwrap dl dd {
  padding-left: 1.3rem;
  text-indent: -1.3rem;
}
.faq a.faqBtn.active .faqDlwrap {
  display: block;
  max-height: none;
  opacity: 1;
}

/* 募集要項(table layout)〆 */
/* タブレット(ipad Pro) */
@media screen and (max-width: 1024px) {
  .inner {
    max-width: 90%;
  }
  /* 凡用ボタンエフェクト */
  .button {
    margin-right: 0;
    text-decoration: none;
    font-weight: 500;
    color: #fff;
    background: #534940;
    box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.16);
    padding: 14px;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    z-index: 1;
    display: block;
    overflow: hidden;
    transition: 0.5s;
  }
  .button::before {
    position: static;
    top: 0;
    left: 0;
    z-index: -1;
    content: "";
    width: auto;
    height: auto;
    background: none;
    transform-origin: right top;
    transform: none;
    transition: none;
  }
  .button:after {
    content: "＞";
    margin-left: 24px;
  }
  .button:hover::before {
    transform-origin: left top;
    transform: none;
  }
  .movie {
    display: flex;
    flex-wrap: wrap;
    max-width: 1000px;
    width: 100%;
  }
  .movie .movie-Inner {
    width: 48%;
    margin: 1%;
  }
}
/* タブレット */
@media screen and (max-width: 770px) {
  .inner {
    max-width: 90%;
  }
  .f01 {
    font-size: 32px;
    font-family: "Oswald", sans-serif;
  }
  .f02 {
    font-size: 32px;
    font-weight: 500;
  }
  .f03 {
    font-size: 28px;
    font-weight: 300;
  }
  .f04 {
    font-size: 24px;
    font-weight: 500;
  }
  .f05 {
    font-size: 20px;
    font-weight: 300;
  }
  .f06 {
    font-size: 16px;
    font-weight: 300;
  }
  section {
    padding: 45px 0;
  }
  .br7:before {
    content: "\a";
    white-space: pre;
  }
  .br8:before {
    content: "";
    white-space: pre;
  }
  /* パンくず */
  #pankuzuWrap {
    margin: 28px auto 24px;
    padding: 0;
    clear: both;
  }
  #pankuzuWrap #pankuzu {
    display: flex;
  }
  #pankuzuWrap #pankuzu li a {
    color: #534940;
    text-decoration: none;
  }
  #pankuzuWrap #pankuzu li:after {
    content: ">";
    color: #E3DED9;
    margin: 0 18px;
  }
  #pankuzuWrap #pankuzu li:last-child:after {
    content: none;
  }
  /* 業務内容 */
  #jobMainContent .inner .jobBusinessWrap ul.flex_box {
    overflow-x: scroll;
  }
  #jobMainContent .inner .jobBusinessWrap ul.flex_box li img {
    max-width: 250px;
  }
  /* 業務内容〆 */
  #office_image .inner .office_image_box .flex_box {
    overflow-x: scroll;
    gap: 30px;
  }
  #office_image .inner .office_image_box .flex_box li img {
    max-width: 250px;
  }
  /* 福利厚生 */
  #job_welfare_Content .inner dl {
    gap: 20px;
    margin-bottom: 30px;
  }
  #job_welfare_Content .inner dl dt {
    width: 100px;
  }
  #job_welfare_Content .inner dl .dd_wrap {
    max-width: none;
    width: 100%;
  }
  #job_welfare_Content .inner dl .dd_wrap dd {
    text-align: justify;
    line-height: normal;
  }
  #job_welfare_Content .inner dl .dd_wrap dd:first-of-type {
    font-size: 18px;
    margin: 0 0 4px;
  }
  /* Ace Agentで働くスタッフ */
  #staff .inner .staffFlex {
    justify-content: center;
  }
  #staff .inner .staffFlex .staffListContents {
    padding: 13px 13px 26px;
  }
  #staff .inner .staffFlex .staffListContents a {
    display: flex;
    flex-direction: column;
    color: #534940;
    text-decoration: none;
  }
  #staff .inner .staffFlex .staffListContents a img {
    margin-bottom: 10px;
  }
  #staff .inner .staffFlex .staffListContents a .staffListContentsWrap {
    margin: 0 16px;
  }
  #staff .inner .staffFlex .staffListContents a .staffListContentsWrap p.f05 {
    margin-bottom: 16px;
  }
  #staff .inner .staffFlex .staffListContents a .staffListContentsWrap p.f07.staff {
    margin-top: 6px;
    font-size: 18px;
  }
  /* 募集要項(tabele layout)　 */
  #tableLayout {
    padding-bottom: 120px;
  }
  /* 募集要項(tabele layout)〆 */
}
/* スマホ */
@media screen and (max-width: 500px) {
  .inner {
    max-width: 90%;
  }
  .spHead {
    display: block;
    background: #E4DED8;
  }
  .spHead h3.f05 {
    font-weight: 500;
    padding: 10px 0;
  }
  .f01 {
    font-size: 36px;
    font-family: "Oswald", sans-serif;
  }
  .f02 {
    font-size: 32px;
    font-weight: 500;
  }
  .f03 {
    font-size: 28px;
    font-weight: 300;
  }
  .f04 {
    font-size: 24px;
    font-weight: 500;
  }
  .f05 {
    font-size: 18px;
    font-weight: 300;
  }
  .f06 {
    font-size: 16px;
    font-weight: 300;
  }
  .f08 {
    font-size: 20px;
    font-weight: 300;
  }
  section {
    padding: 60px 0;
    margin-bottom: 0px;
  }
  section h2 .br:before {
    content: "\a";
    white-space: pre;
  }
  /* パンくず */
  #pankuzuWrap {
    background: #E3DED9;
  }
  #pankuzuWrap #pankuzu {
    padding: 15px 0;
    display: flex;
  }
  #pankuzuWrap #pankuzu li a {
    color: #534940;
    text-decoration: none;
  }
  #pankuzuWrap #pankuzu li:after {
    color: #514941;
    margin: 0 18px;
  }
  #pankuzuWrap #pankuzu li:last-child:after {
    content: none;
  }
  /* 業務内容 */
  #jobMainContent {
    padding-bottom: 0;
  }
  #jobMainContent .inner h3.f07 {
    margin-bottom: 50px;
  }
  #jobMainContent .inner p.f06 {
    margin-bottom: 32px;
  }
  #jobMainContent .inner .jobBusinessWrap p.pHead {
    margin-bottom: 0;
  }
  #jobMainContent .inner .jobBusinessWrap ul {
    list-style-type: disc;
    margin-left: 16px;
    margin-bottom: 40px;
  }
  #jobMainContent .inner .jobBusinessWrap ul li {
    margin-left: 20px;
    text-indent: 0px;
  }
  #jobMainContent .inner .jobBusinessWrap ul li::marker {
    font-size: 10px;
  }
  #jobMainContent .inner .jobBusinessWrap ul li.notList {
    list-style-type: none;
    text-indent: -20px;
  }
  #jobMainContent .inner .jobBusinessWrap .listSp {
    margin-bottom: 0;
  }
  /* 業務内容〆 */
  /* 募集要項(tabele layout)　 */
  #tableLayout {
    padding: 30px 0 130px;
  }
  #tableLayout .inner .tableLayoutWrap {
    border: 1px solid #534940;
    margin-bottom: 60px;
  }
  #tableLayout .inner .tableLayoutWrap .tableLayoutInner {
    display: block;
    border-bottom: 1px solid #534940;
  }
  #tableLayout .inner .tableLayoutWrap .tableLayoutInner .tableLayoutHead {
    width: 100%;
    box-sizing: border-box;
    padding: 12px 20px;
    border-bottom: 1px solid #707070;
  }
  #tableLayout .inner .tableLayoutWrap .tableLayoutInner .tableLayoutContents {
    max-width: none;
    width: 100%;
    border-left: none;
    box-sizing: border-box;
    padding: 20px 20px 20px 13px;
    /* .tableLayoutContents の最後のコンテンツは下記クラスをいれる 入れ子パターンが多いのでinportant */
  }
  #tableLayout .inner .tableLayoutWrap .tableLayoutInner .tableLayoutContents p.f06 {
    margin-bottom: 28px;
  }
  #tableLayout .inner .tableLayoutWrap .tableLayoutInner .tableLayoutContents .f06.tableLayoutContentsBh {
    margin-bottom: 40px;
    border-bottom: 1px solid #707070;
    padding-bottom: 10px;
  }
  #tableLayout .inner .tableLayoutWrap .tableLayoutInner .tableLayoutContents .f06.tableLayoutContentssh:before {
    content: "◆";
    margin-right: 4px;
  }
  #tableLayout .inner .tableLayoutWrap .tableLayoutInner .tableLayoutContents ul {
    list-style-type: disc;
    margin-left: 16px;
    margin-bottom: 40px;
  }
  #tableLayout .inner .tableLayoutWrap .tableLayoutInner .tableLayoutContents ul li {
    margin-left: 20px;
    text-indent: 0px;
  }
  #tableLayout .inner .tableLayoutWrap .tableLayoutInner .tableLayoutContents ul li::marker {
    font-size: 10px;
  }
  #tableLayout .inner .tableLayoutWrap .tableLayoutInner .tableLayoutContents .tableLayoutContentsLc {
    margin-bottom: 0 !important;
  }
  #tableLayout .inner .tableLayoutWrap .tableLayoutInner:last-child {
    border-bottom: none;
  }
  #tableLayout .inner .button2 {
    width: 90%;
    margin: 1em auto 0;
    color: #fff;
    background: #534940;
    font-weight: 500;
  }
  #tableLayout .inner .button3 {
    width: 90%;
    margin: 1em auto 0;
    color: #514941 !important;
    background: #E3DED9;
    font-weight: 500;
  }
  .movie .movie-Inner {
    width: 98%;
    margin: 1%;
  }
  /* 募集要項(tabele layout)　〆 */
}
/* スマホ(SE) *//*# sourceMappingURL=style.css.map */