@charset "utf-8";
/*
Theme Name:ISSUE
Theme URI:https://tcd-theme.com/tcd106/
Description:WordPress theme "ISSUE" is a template for recruitment websites. It features memorable animations and rich leading line design, and it has options to produce staff introductions, dialogue contents, interview articles, and so on.
Template:issue_tcd106
Author:TCD
Author URI:https://tcd-theme.com/
Version:1.7
Text Domain:tcd-issue
*/

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");

body {
  font-family: "Noto Sans JP", "Noto Sans Japanese", Lato, "游ゴシック Medium",
    "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN",
    "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック",
    "MS PGothic", sans-serif;
}
body.home #container {
  overflow: hidden;
  margin-top: initial !important;
}
img {
  max-width: 100%;
}
.flex {
  display: flex;
  flex-wrap: wrap;
}
.flex-nowrap {
  display: flex;
}
.flex-jcs {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.flex-jca {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.flex-jce {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.flex-aic {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.flex-ais {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.flex-aie {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
}
.flex-jcc {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.flex-fdc {
  display: flex;
  flex-direction: column;
}
.flex-fdr {
  display: flex;
  flex-direction: row-reverse;
}
.align-center {
  align-items: center;
}
.inner960 {
  max-width: 960px;
}
.inner700 {
  max-width: 700px;
}
.inner960,
.inner700 {
  width: calc(100% - 80px);
  margin: 0 auto;
}
@media screen and (max-width: 1100px) {
  .inner960,
  .inner700 {
    width: calc(100% - 40px);
  }
}

#drawer_menu .sub-menu ul {
  display: block;
}
#drawer_menu > ul ul li {
  width: 100%;
  margin: 0;
}
#drawer_menu > ul ul li a {
  border: none;
  border-bottom: 1px solid #3c3c3c;
}
@media screen and (max-width: 1160px) {
  #drawer_menu_wrap .side_menu_button .title {
    white-space: nowrap;
  }
  #drawer_menu_wrap .side_menu_button .item {
    max-width: 50%;
  }
}

#bread_crumb li:after {
  top: 5px !important;
}

#footer {
  flex-wrap: nowrap;
  background: #fff;
  color: #000;
}
#footer .item {
  flex: inherit;
}
#footer a {
  color: #000;
}
#footer_logo_area {
  min-width: 400px;
  position: relative;
}
#footer_logo_area::after {
  width: 1px;
  height: calc(100% - 120px);
  top: 60px;
  right: 0;
  background: #ddd;
  content: "";
  position: absolute;
}
#footer_logo {
  width: 100%;
  height: 50px;
  margin-bottom: 15px;
  background: url(/assets/recruit/images/footlogo.png) no-repeat left;
  background-size: contain;
}
#footer_logo img {
  opacity: 0;
  display: none;
}
#footer_info {
  display: none;
}
.footnamejp {
  margin-bottom: 5px;
  font-size: 18px;
}
.footnameen {
  margin-bottom: 20px;
  font-size: 15px;
}
.footaddress {
  line-height: 1.5;
  pointer-events: none;
}
#footer_sns.color_type1 li a:before {
  color: #000;
}
.footnavwrap {
  padding: 100px 40px;
  margin-bottom: -50px;
  display: flex;
  flex-wrap: wrap;
}
.footnav {
  margin-bottom: 50px;
  margin-right: 50px;
}
.footnavmid {
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: bold;
}
.footnavulwrap {
  display: flex;
}
.footnavul {
  line-height: 1.5;
}
.footnavul li {
}
.footnavul li a {
  padding: 8px 0 4px;
  display: block;
}
.footnavul li a:hover {
  color: #000 !important;
}
#copyright {
  font-size: 12px;
  border-top: 1px solid #ddd;
  background: #fff;
  color: #000;
  font-weight: bold;
}
@media screen and (max-width: 2000px) {
  .footnav {
    width: calc(25% - 50px);
  }
}
@media screen and (max-width: 1500px) {
  .footnav {
    width: calc(100% / 3 - 50px);
  }
}
@media screen and (max-width: 1160px) {
  .footnavwrap {
    margin-right: -50px;
  }
  .footnav {
    width: calc(100% / 2 - 50px);
  }
}
@media screen and (max-width: 950px) {
  #footer_logo_area::after {
    display: none;
  }
  .footnavwrap {
    display: none;
  }
}
@media screen and (max-width: 800px) {
  /* #footer_logo { width: 40px; height: 40px; } */
}
/* ヘッダー */
#header {
  background-color: #ffffff;
  height: 70px;
}
/* ロゴ */
#header_logo {
  height: 70px;
}
@media screen and (max-width: 800px) {
  body.start_scroll #header_logo .logo_image.type2 {
    opacity: 1 !important;
    display: initial !important;
  }
  body.start_scroll #header_logo .logo_image.mobile.type2 {
    opacity: 0 !important;
    display: none !important;
  }
}

/* index
==========================================================*/

#header_slider .bg_image img {
  height: auto !important;
  min-height: 100%;
}
#header_slider_notice .content .inner {
  position: relative;
  border-width: 2px;
  text-shadow: 2px 1px 5px rgba(0, 0, 0, 0.7);
  box-shadow: 2px 2px 3px 0px rgb(0 0 0 / 29%);
}
.header_slidertxt {
  max-width: 1400px;
  width: 80%;
  position: absolute;
  z-index: 2;
}
#header_slider .item1 .header_slidertxt {
  top: 6%;
  left: 2%;
  mix-blend-mode: screen;
}
#header_slider .item2 .header_slidertxt {
  bottom: 20%;
  right: 0;
}
#header_slider .item3 .header_slidertxt {
  top: 10%;
  left: 6%;
}
#header_slider .item4 .header_slidertxt {
  top: 35%;
  left: 50%;
  transform: translate(-50%, -35%);
}
#header_slider_content {
  text-shadow: 2px 1px 5px rgba(0, 0, 0, 0.7);
}
#header_slider_content .catch {
  font-size: clamp(30px, 5vw, 80px) !important;
  line-height: 1.4;
}
#header_slider_content .catchsub {
  font-size: clamp(20px, 3.5vw, 60px) !important;
  margin: 20px 0;
  transition: 1s;
  opacity: 0;
  line-height: 1.4;
}
body.end_catch_animation #header_slider_content .catchsub {
  opacity: 1;
}
.side_menu_button {
}
.side_menu_button .item {
  height: 180px;
  border-radius: 20px 0 0 20px !important;
}
.side_menu_button .title {
  padding: 0;
  letter-spacing: 0.2em;
  font-weight: bold;
}
@media screen and (max-width: 1160px) {
  .side_menu_button .item {
    border-radius: 0 !important;
  }
}
@media screen and (max-height: 1100px) {
  #header_slider_notice {
    right: 80px;
    top: 80px;
  }
  .header_slidertxt {
    width: 45%;
  }
  #header_slider_content {
    left: 30px;
    bottom: 30px;
  }
  #header_slider_content .catch {
    font-size: clamp(30px, 4vw, 80px) !important;
  }
  #header_slider_content .catchsub {
    font-size: clamp(20px, 2.5vw, 60px) !important;
  }
  #header_slider_content .desc {
    font-size: 14px !important;
    margin-top: 25px;
    line-height: 2;
  }
  #news_ticker {
    right: 30px;
    bottom: 30px;
  }
  body.start_first_animation #news_ticker {
    background-color: rgba(0, 0, 0, 0.3);
  }
}
@media screen and (max-height: 800px) {
  #header_slider_notice {
    right: 60px;
    top: 40px;
  }
  .header_slidertxt {
    width: 50%;
  }
  #header_slider .item3 .header_slidertxt {
    top: 100px;
    left: 30px;
  }
  #header_slider_content .catch {
    font-size: clamp(27px, 3vw, 80px) !important;
  }
  #header_slider_content .catchsub {
    font-size: clamp(20px, 2vw, 60px) !important;
  }
}
@media screen and (max-width: 1160px) {
  .header_slidertxt {
    max-width: 500px;
    width: 86%;
  }
  #header_slider_content {
    left: 25px;
    bottom: 100px;
  }
  #header_slider .item2 .header_slidertxt {
    bottom: initial;
    left: -60px;
    right: initial;
    top: 170px;
  }
  #news_ticker {
    height: 80px;
    right: 0;
    bottom: 0;
  }
  #news_ticker .item_inner {
    padding: 0 20px;
  }
  #news_ticker .date {
    margin-bottom: 10px;
  }
  #header_slider_content .catchsub {
    margin: 15px 0;
  }
  #header_slider_content .desc {
    font-size: 12px !important;
    margin-top: 20px;
  }
}
@media screen and (max-width: 800px) {
  #header_slider_content {
    left: 5px;
    bottom: 100px;
  }
  #header_slider_notice {
    right: 20px;
    top: 80px;
  }
}
@media (orientation: landscape) and (max-width: 992px) {
  .header_slidertxt {
    width: 350px !important;
  }
  .header_slidertxt img {
    object-fit: contain !important;
  }
  #header_slider_content .desc {
    font-size: 11px !important;
    margin-top: 10px;
  }
  #header_slider_content .catch {
    font-size: clamp(22px, 3vw, 80px) !important;
  }
  #header_slider_content .catchsub {
    font-size: clamp(14px, 2vw, 60px) !important;
  }
  #header_slider_content .catchsub {
    margin: 0;
  }
  #header_slider .item1 .header_slidertxt {
    top: initial !important;
    left: initial !important;
    bottom: 12px !important;
    right: -70px !important;
    mix-blend-mode: screen !important;
  }
  #header_slider .item2 .header_slidertxt {
    top: initial !important;
    left: initial !important;
    bottom: 0 !important;
    right: 10px !important;
  }
  #header_slider .item3 .header_slidertxt {
    top: initial !important;
    left: initial !important;
    bottom: 20px !important;
    right: -107px !important;
  }
  #header_slider .item4 .header_slidertxt {
    top: initial !important;
    left: initial !important;
    bottom: 12px !important;
    right: 20px !important;
    transform: initial;
  }
  /* #header_slider_notice .content .inner { min-height: 100px; min-width: 100px; max-width: 120px; border: 2px solid #fff; padding: 15px; } */
  #header_slider .bg_image img.sp-land-show {
    position: relative;
    top: 60px;
  }
  .item2 img.sp-land-show,
  .item4 img.sp-land-show {
    height: initial !important;
  }
  .item2 img.sp-land-show {
    top: -15px !important;
    position: relative !important;
  }
}

.cb_design_header .sub_title {
  font-size: 20px;
}
.design_button {
  position: relative;
}
.design_button::before {
  width: 20px;
  height: 20px;
  top: calc(50% - 10px);
  right: 20px;
  border-radius: 50%;
  content: "";
  position: absolute;
  background: #fff;
}
.design_button::after {
  top: calc(50% - 4px);
  right: 27px;
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-top: 3px solid #000;
  border-right: 3px solid #000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 2;
}
@media screen and (max-width: 800px) {
  .cb_design_header .sub_title {
    font-size: 14px;
    margin-top: 8px;
  }
}

/*message*/
#cb_content_1 {
}
#cb_content_1 .cb_design_header {
  width: 600px;
  height: 132px;
  margin: 0 auto 80px !important;
  background: url(/assets/recruit/images/indmessage.png) no-repeat center;
  background-size: 100% auto;
}
#cb_content_1 .cb_design_header .headline,
#cb_content_1 .cb_design_header .sub_title {
  opacity: 0;
}
.indmessagetxt {
  padding: 0 20px;
  font-size: 24px;
  line-height: 2;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .cb_free_space,
  .cb_white_bg {
    padding: 60px 0;
  }
  #cb_content_1 .cb_design_header {
    width: calc(600px / 4 * 3);
    height: calc(132px / 4 * 3);
    margin: 0 auto 30px !important;
  }
  .indmessagetxt {
    font-size: 16px;
  }
  .cb_free_space .link_button {
    margin-top: 40px;
  }
}
@media screen and (max-width: 550px) {
  #cb_content_1 .cb_design_header {
    width: calc(600 * 0.14vw);
    height: calc(132 * 0.14vw);
  }
}

/*job info*/
#cb_content_2 {
  padding-top: 400px;
  text-align: center;
  height: 1300px;
  background: url(/assets/recruit/images/indjobinfo.jpg) no-repeat center;
  background-size: auto 100%;
}
#cb_content_2 .cb_design_header {
  margin-bottom: 50px !important;
}
.indjobtxtwrap {
  width: 560px;
  margin: 0 auto;
}
.indjobmid {
  font-size: 44px !important;
  margin-bottom: 20px !important;
}
.indjobtxt {
  font-size: 22px !important;
  line-height: 1.8 !important;
}
#cb_content_2 .link_button {
  margin-top: 60px !important;
}
@media screen and (max-width: 1500px) {
  #cb_content_2 {
    padding-top: 200px;
    height: 1000px;
  }
}
@media screen and (max-width: 1160px) {
  #cb_content_2 {
    padding-top: 100px;
    height: 750px;
  }
  #cb_content_2 .cb_design_header {
    margin-bottom: 40px !important;
  }
  .indjobtxtwrap {
    width: 400px;
  }
  .indjobmid {
    font-size: 32px !important;
    margin-bottom: 20px !important;
  }
  .indjobtxt {
    font-size: 18px !important;
    line-height: 1.8 !important;
  }
  #cb_content_2 .link_button {
    margin-top: 40px !important;
  }
}
@media screen and (max-width: 800px) {
  #cb_content_2 {
    padding-top: 60px;
    height: 400px;
    background: url(/assets/recruit/images/indjobinfo-sp.jpg) no-repeat center;
    background-size: auto 100%;
  }
  #cb_content_2 .cb_design_header {
    margin-bottom: 20px !important;
  }
  .indjobtxtwrap {
    width: 300px;
  }
  .indjobmid {
    font-size: 22px !important;
    margin-bottom: 15px !important;
  }
  .indjobtxt {
    font-size: 14px !important;
  }
  #cb_content_2 .link_button {
    margin-top: 30px !important;
  }
}
@media screen and (max-width: 500px) {
  #cb_content_2 {
    padding-top: 40px;
    height: 350px;
  }
  .indjobtxtwrap {
    width: 250px;
  }
  .indjobmid {
    font-size: 20px !important;
    margin-bottom: 10px !important;
  }
  .indjobtxt {
    font-size: 13px !important;
  }
  #cb_content_2 .link_button {
    margin-top: 20px !important;
  }
}

/*interview*/
#cb_content_3,
#cb_content_4,
#cb_content_5 {
  padding-top: 150px;
}
#cb_content_3 {
  background: url(/assets/recruit/images/indinterviewtxt.png) no-repeat top
    right;
  background-size: 794px 563px;
}
.mouse_stalker_target.is-active {
  display: none;
}
@media screen and (max-width: 1500px) {
  #cb_content_3 {
    background-size: calc(794px * 0.6) calc(563px * 0.6);
  }
}
@media screen and (max-width: 800px) {
  #cb_content_3,
  #cb_content_4,
  #cb_content_5 {
    padding-top: 60px;
  }
  #cb_content_3 {
    background-size: calc(794px * 0.3) calc(563px * 0.3);
  }
}

/*environment*/
#cb_content_4 {
  background: #f9f0df url("/assets/recruit/images/bg-grid.png") repeat;
  background-size: 39px 39px;
}
#cb_content_4 .cb_design_header {
  margin-bottom: 30px !important;
}
.cb_env_carousel_wrap .swiper-slide {
  width: 610px;
}
.cb_env_carousel_wrap .swiper-slide a {
  display: block;
  color: inherit;
}
.cb_env_carousel_wrap .swiper-slide a:hover {
  text-decoration: none;
}
.indenvimg {
  overflow: hidden;
}
.indenvimg img {
  transition: 0.5s;
}
.cb_env_carousel_wrap .swiper-slide a:hover .indenvimg img {
  transform: scale(1.1);
}
.indenvtxt {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  text-align: center;
  background: #fff;
}
.indenvtxt div {
  padding: 20px;
  border-bottom: 1px solid #ddd;
}
.indenvtxt p {
  display: none;
}
.cb_env_carousel_wrap .swiper-button-next {
  right: 40px;
}
.cb_env_carousel_wrap .swiper-button-prev {
  left: 40px;
}
.cb_env_carousel_wrap .swiper-nav-button {
  opacity: 0;
  transition: 0.3s;
  top: calc(50% - 70px);
}
.cb_env_carousel_wrap:hover .swiper-nav-button {
  opacity: 1;
}
@media screen and (max-width: 800px) {
  #cb_content_4 {
    background-size: 20px 20px;
  }
  #cb_content_4 .cb_design_header {
    margin-bottom: 10px !important;
  }
  .cb_env_carousel_wrap .swiper-slide {
    width: 400px;
  }
}
@media screen and (max-width: 500px) {
  .cb_env_carousel_wrap .swiper-slide {
    width: 250px;
  }
}

/*blog*/
#cb_content_5 {
}

/* 会社情報
==========================================================*/

#page_header .desc {
  margin: 60px 0 80px;
}
#category_sort_button_wrap .swiper-nav-button {
  display: none;
}
#category_sort_button {
  flex-wrap: wrap;
  justify-content: center;
}
#category_sort_button .item {
  height: inherit !important;
}
#category_sort_button .item a {
  padding: 15px 0;
}
#category_sort_button .item:after {
  background: #ff6100;
}
.companyimg {
  margin-bottom: 80px;
}
.post_content h1,
.post_content h2,
.post_content h3,
.post_content h4,
.post_content h5 {
  font-family: "Noto Sans JP", sans-serif !important;
  font-weight: 800 !important;
}
.post_content table {
  width: 100%;
  white-space: wrap;
  border: none;
}
.post_content table td {
  padding: 15px 0;
  width: auto !important;
  height: auto !important;
  border: none;
  border-top: 1px solid #ddd;
}
.post_content table tr:nth-child(1) td {
  border-top: none;
}
.post_content table td:nth-child(1) {
  width: 8em !important;
}
.post_content table td[style*="border-style: none;"] {
  padding-top: 0;
}
.post_content table td.highlight {
  padding-bottom: 0;
}
.post_content table tr:last-child td {
  border-bottom: none !important;
}
.post_content table.historytab td:nth-child(1) {
  width: 5em !important;
}
.post_content table.historytab td:nth-last-child(2) {
  width: 3em !important;
}
.post_content table td:nth-child(3n-2):nth-last-child(1) {
  border-bottom: none !important;
}
.post_content table td.last-rowspan {
  border-bottom: none !important;
}
.post_content .s_table {
  overflow: initial !important;
}
.company_post {
  padding-bottom: 150px;
  line-height: 1.8;
}
.company_post h1,
.company_post h2 {
  font-size: 36px;
  margin: 80px 0 40px;
  text-align: center;
}
.company_post h3 {
  font-size: 21px;
}
.company_post h3,
.company_post h4,
.company_post h5,
.company_post h6 {
  margin-bottom: 20px;
}
.company_post div,
.company_post p {
  margin-bottom: 20px;
}

@media screen and (max-width: 800px) {
  #page_header .desc {
    margin: 30px 0 40px;
  }
  #category_sort_button .item {
    height: 30px;
  }
  .companyimg {
    margin-bottom: 40px;
  }
  .company_post {
    padding-bottom: 50px;
  }
  .company_post h1,
  .company_post h2 {
    font-size: 30px;
    margin: 40px 0 20px;
  }
  .company_post h3 {
    font-size: 18px;
  }
}

/* 沿革 */
tr.historybg {
  position: sticky;
}
.historybg::after {
  width: 300px;
  right: -180px;
  content: "";
  position: absolute;
  opacity: 0.7;
  z-index: 1;
}
.historybg01::after {
  aspect-ratio: 310 / 347;
  top: -36px;
  background: url(/assets/recruit/images/historybg01.png) no-repeat center;
  background-size: contain;
}
.historybg02::after {
  aspect-ratio: 310 / 176;
  top: 30px;
  background: url(/assets/recruit/images/historybg02.png) no-repeat center;
  background-size: contain;
}
.historybg03::after {
  aspect-ratio: 310 / 350;
  top: -28px;
  background: url(/assets/recruit/images/historybg03.png) no-repeat center;
  background-size: contain;
}
.historybg04::after {
  aspect-ratio: 310 / 510;
  top: 50px;
  background: url(/assets/recruit/images/historybg04.png) no-repeat center;
  background-size: contain;
}
.historybg05::after {
  aspect-ratio: 310 / 380;
  top: 130px;
  background: url(/assets/recruit/images/historybg05.png) no-repeat center;
  background-size: contain;
}
@media only screen and (max-width: 1301px) {
  .historybg::after {
    width: 280px;
    right: -100px;
  }
}
@media only screen and (max-width: 950px) {
  .historybg::after {
    content: none;
  }
}
/* @media only screen and (max-width: 750px) {
  .historybg::after { width: 200px; right: -20px; }
} */

/* 採用案内
==========================================================*/

.processdl {
  margin-top: 60px;
}
.processdl dt,
.processdl dd {
  height: 130px;
  margin-bottom: 40px;
}
.processdl dt {
  width: 190px;
  text-align: center;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.processdl dt::after {
  width: 100%;
  height: 150px;
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  background: url(/assets/recruit/images/processflame01.png) no-repeat center;
  background-size: cover;
}
.processdl dt:nth-last-child(2)::after {
  background: url(/assets/recruit/images/processflame02.png) no-repeat center;
  background-size: cover;
}
.processdl dt {
  font-size: 24px;
  line-height: 1.5;
  font-weight: bold;
  color: #ff6100;
  margin-bottom: 0;
}
.processdl dt div {
  width: 120px;
  margin: 5px auto 0;
}
.processdl dd {
  width: calc(100% - 190px - 30px);
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 800px) {
  .processdl {
    display: block;
    margin-top: 40px;
  }
  .processdl dt,
  .processdl dd {
    height: inherit;
    margin-bottom: 0;
  }
  .processdl dt {
    width: calc(190px * 0.6);
    height: calc(130px * 0.6);
    margin: 0 auto 20px;
  }
  .processdl dt::after {
    height: calc(150px * 0.6);
  }
  .processdl dt {
    font-size: 18px;
  }
  .processdl dt div {
    width: 80px;
    margin: 0 auto;
  }
  .processdl dd {
    width: 100%;
    display: block;
    text-align: center;
  }
  .processdl dd:not(:last-child) {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 550px) {
  .processdl dd br {
    display: none;
  }
}

/* アルバイト・パート採用情報
==========================================================*/

.partwrap {
  margin-top: 3.75em;
  line-height: 1.8;
}
.partwrap .inner960 {
}
.partwrap h1 {
  font-size: 1.8em;
  padding: 0.3em 0.5em 0.1em;
  margin-bottom: 1.3em;
  background-color: #ffdaa5;
}
.partwrap h2 {
  border-left: 0.4em solid #ff6100;
  padding-left: 0.8em;
  font-size: 1.5em;
  margin-bottom: 0.8em;
}
.searchttl {
  margin-bottom: 5em;
}
.searchttl h1 {
  font-size: 1.5em;
}
.searchttl h2 {
  font-size: 1.5em;
}
.searchttl h3 {
  font-size: 1.2em;
  font-weight: 900;
  margin-bottom: 1em;
}
.searchttl ul {
  margin-bottom: 3em;
}
.searchttl li {
  margin-right: 2em;
  margin-bottom: 1em;
}
.searchttl .design_button {
  background: #3c3c3c;
  border-color: #3c3c3c;
  transition: 0.3s;
}
.searchttl .design_button:hover {
  border-color: #3c3c3c;
  border-color: #3c3c3c;
  cursor: pointer;
  filter: brightness(120%) !important;
  transition: 0.3s;
}
.design_button.bg-orange {
  border-color: #ff6100 !important;
  transition: 0.3s;
}
.design_button_wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.design_button_wrap::before {
  width: 20px;
  height: 20px;
  top: calc(50% - 10px);
  right: 20px;
  border-radius: 50%;
  content: "";
  position: absolute;
  background: #fff;
  z-index: 2;
}
.design_button_wrap::after {
  top: calc(50% - 4px);
  right: 27px;
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-top: 3px solid #ff6100;
  border-right: 3px solid #ff6100;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 2;
}
.searchttl .design_button::before {
  content: none !important;
}
.searchttl .design_button::after {
  content: none !important;
}
.design_button.bg-orange:hover {
  border-color: #ff6100 !important;
  cursor: pointer !important;
  filter: brightness(120%) !important;
  transition: 0.3s;
}
.parttime-list {
  margin-bottom: 5em;
}
.parttime-list ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(1, 1fr);
  grid-column-gap: 2em;
  grid-row-gap: 2em;
}
.parttime-list li {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(10, 1fr);
  grid-column-gap: 0;
  grid-row-gap: 0.2em;
  height: 100%;
  max-height: 600px;
}
.parttime-item {
  margin: 0.5em;
  padding: 1.5em;
  border: 1px solid #cecece;
}
.div1 {
  grid-area: 1 / 1 / 3 / 3;
  margin: auto;
}
.div2 {
  grid-area: 1 / 3 / 3 / 7;
  margin: auto;
}
.div3 {
  grid-area: 3 / 1 / 4 / 7;
  border-bottom: 1px solid #cecece;
}
.div4 {
  grid-area: 4 / 1 / 6 / 2;
  border-bottom: 1px solid #cecece;
}
.div5 {
  grid-area: 4 / 2 / 6 / 7;
  padding-left: 1.5em;
  border-bottom: 1px solid #cecece;
}
.div6 {
  grid-area: 6 / 1 / 7 / 2;
  border-bottom: 1px solid #cecece;
}
.div7 {
  grid-area: 6 / 2 / 7 / 7;
  padding-left: 1.5em;
  border-bottom: 1px solid #cecece;
}
.div8 {
  grid-area: 7 / 1 / 8 / 2;
  border-bottom: 1px solid #cecece;
}
.div9 {
  grid-area: 7 / 2 / 8 / 7;
  padding-left: 1.5em;
  border-bottom: 1px solid #cecece;
}
.div10 {
  grid-area: 8 / 1 / 9 / 2;
  border-bottom: 1px solid #cecece;
}
.div11 {
  grid-area: 8 / 2 / 9 / 7;
  padding-left: 1.5em;
  border-bottom: 1px solid #cecece;
}
.div12 {
  grid-area: 9 / 1 / 11 / 7;
  margin: auto;
}
.parttime-list li div {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
.div2 p {
  line-height: 1.3em;
  font-size: 1em;
  font-weight: 500;
}
.div3 p,
.div4 p,
.div5 p,
.div6 p,
.div7 p,
.div8 p,
.div9 p,
.div10 p {
  padding-bottom: 0.2em;
}
.div11 p {
  padding-bottom: 0.3em;
}
.div3 p,
.div5 p {
  line-height: 1.3em;
  white-space: pre-wrap;
}
.partlogo {
  width: 100%;
}
.partlogo img {
  display: block;
  margin: 0 auto;
}
.partimgwrap {
  margin-bottom: 2em;
}
.partimgwrap div {
  width: calc(50% - 10px);
}
.partimgwrap div img {
}
.parttxtwrap {
  margin-bottom: 3em;
}
.partcatch {
  font-size: 1.3em;
  margin-bottom: 1.2em;
}
.partsubcatch {
  font-size: 1.1em;
  margin-bottom: 1em;
}
.parttab {
  display: grid;
  border: 1px solid #cecece;
  padding: 2em;
  margin-bottom: 3em;
}
.partsubcatch .tarea,
.parttab .tarea {
  white-space: pre-wrap;
}
.parttab tr {
  display: grid;
  grid-template-columns: 150px 1fr;
  grid-template-rows: repeat(1, 1fr);
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  margin-bottom: 1.5em;
  padding-bottom: 1.5em;
  border-bottom: 1px solid #cecece;
}
.parttab tr:last-child {
  border-bottom: initial;
  padding-bottom: initial;
}
.parttab th {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  margin-left: 1.5em;
}
.parttab td {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
.parttab h1 {
  font-size: 1.5em;
}
.parttab h2 {
  font-size: 1.5em;
}
.parttab h3 {
  font-size: 1.4em;
}
.parttab h4 {
  font-size: 1.3em;
}
.parttab h5 {
  font-size: 1.2em;
}
.parttab h6 {
  font-size: 1.1em;
}
.parttab p {
}
.parttab .nom {
  min-width: 40%;
  width: fit-content;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}

/* 時給に①つけるとき */
/* .parttab .nom .has-nom{ margin-left: 1em; display: flex; flex-direction: row; align-items: center; justify-content: space-around;}
.parttab .nom .has-nom::before{ content: "①"; display: block; position: relative; left: -0.6em;}
.parttab .nom:nth-child(1) .has-nom::before{ content: "①";}
.parttab .nom:nth-child(2) .has-nom::before{ content: "②";}
.parttab .nom:nth-child(3) .has-nom::before{ content: "③";}
.parttab .nom:nth-child(4) .has-nom::before{ content: "④";}
.parttab .nom:nth-child(5) .has-nom::before{ content: "⑤";} */
.parttab .paywrap {
  width: 100%;
  margin-bottom: 1.2em;
}
.parttab .pay {
  margin-left: 1.2em;
}

/* ラジオボタンの調整 */
.searchttl label {
  position: relative;
  cursor: pointer;
  padding-left: 30px;
}
.searchttl label::before,
.searchttl label::after {
  content: "";
  display: block;
  border-radius: 50%;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
}
.searchttl label::before {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  left: 5px;
}
.searchttl label::after {
  background-color: #ff6100;
  border-radius: 50%;
  opacity: 0;
  width: 16px;
  height: 16px;
  left: 7px;
}
.searchttl input:checked + label::after {
  opacity: 1;
}

.visually-hidden {
  position: absolute;
  white-space: nowrap;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  overflow: hidden;
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
}

@media screen and (max-width: 1100px) {
  .parttime-list ul {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(1, 1fr);
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
  }
  .parttime-list li {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(10, 1fr);
    grid-column-gap: 0;
    grid-row-gap: 0.2em;
    height: 100%;
    min-height: 460px;
    max-height: 500px;
  }
  .parttab tr {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(1, 1fr);
    grid-row-gap: 1.2em;
    margin-bottom: 1.5em;
    padding-bottom: 1.5em;
    border-bottom: initial;
  }
  .parttab th {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    margin-left: initial;
    background-color: #e7e7e7;
    padding: 1em 1.5em 1em;
  }
  .parttab th br {
    display: none;
  }
  .parttime-list .partlogo {
    display: block !important;
    min-height: 100%;
  }
  .parttime-list img {
    height: 100%;
    max-height: 80px;
  }
}

.pagination {
  display: flex;
  justify-content: center;
}
.pagination ul,
.pagination li {
  display: initial !important;
}

/* 社員（新卒・中途）採用情報
==========================================================*/
.fullwrap {
  margin-bottom: 5em;
}
.fullul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));
  gap: 1rem;
}
.fullul li {
  width: 100%;
  border: 1px solid #cecece;
}
.fullulimg {
  padding-bottom: 100%;
  position: relative;
}
.fullulimg img {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: contain;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.fullulimg.imgbeardpapa img,
.fullulimg.imgkuzefuku img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.fullulimg.imgnoroma {
  background-color: #1c1a1b;
}
.fullulimg.img31ice {
  background-color: #e42585;
}
@media screen and (max-width: 1100px) {
  .fullul {
    grid-template-columns: repeat(auto-fill, minmax(33%));
    grid-template-rows: repeat(auto-fill, minmax(50%));
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
  }
  .fullwrap .inner960 {
    width: calc(100% - 130px);
  }
}

/* 社員インタビュー
==========================================================*/
.interview {
}
.interview .main {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
}
.interview .main .img {
  width: 35%;
}
.interview .main .inside {
  width: 55%;
}
.interview li {
  border-bottom: 1px solid #cecece;
  padding: 0.8em;
}
.interview li:last-child {
  border-bottom: none;
}
.interview .catch {
  line-height: 1.5em;
}
.interview .job {
  font-size: 14px;
  color: #3c3c3c;
}
.interview .design_button::before {
  width: 20px;
  height: 20px;
  top: calc(50% - 10px);
  left: 20px;
  border-radius: 50%;
  content: "";
  position: absolute;
  background: #fff;
}
.interview .design_button::after {
  top: calc(50% - 4px);
  left: 27px;
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-top: 3px solid #000;
  border-right: 3px solid #000;
  -webkit-transform: rotate(45deg);
  transform: rotate(225deg);
  z-index: 2;
}
.staff_carousel {
  background-color: #f1e6d0 !important;
}

/* 装飾系のCSS */
.fw-b {
  font-weight: 900;
}
.fc-black {
  color: #000 !important;
}
.fc-white {
  color: #ffffff !important;
}

.bg-orange {
  background-color: #ff6100 !important;
}

.b-none {
  border-color: initial !important;
}

.faq {
  margin-top: 1.5em;
}
.faq-q {
  padding: 1em 0 1em 4.2em;
  background: url(/assets/recruit/images/icon/icon_question.svg) no-repeat left;
  background-size: 3em;
}
.faq-a {
  padding: 0 0 1em 4.2em;
  background: url(/assets/recruit/images/icon/icon_answer.svg) no-repeat left
    top;
  background-size: 3em;
}
.faq-q + hr {
  border-top: 2px solid #ffffff !important;
}

.c-small-txt {
  font-size: 12px;
}
.c-md-txt {
  font-size: 1em;
}