@charset "utf-8";
/* CSS Document */
/* last update 2026-02-5 */
/* IE11表示用のCSS　*/
_:-ms-fullscreen, :root .selector {
  property: value;
}

/*----------------------------------------------------
 リセット部
------------------------------------------------------*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a,
address, em, img, small, strong,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, form, input {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: bottom;
  box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1.5;
}
ol, ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  -webkit-text-size-adjust: 100%; /* iPhoneでの文字サイズ自動変換抑止 */
}
img {
  max-width: 100%;
  height: auto;
  -webkit-backface-visibility: hidden;
  pointer-events: none; /* Edgeでの画像検索抑止 */
}
button:not(:disabled) {
  cursor: pointer;
}

/*----------------------------------------------------
 共通
------------------------------------------------------*/
body {
  font-family: "UD新ゴ L", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #222;
  background-color: #fff;
  word-break: break-word;
  width: 100%;
  height: 100%;
  /* footerを最下部に固定する */
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  font-weight: normal;
  /* font-size: 1.14em; */
  position: relative;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "UD新ゴ M", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0px;
  visibility: hidden;
}

.clearboth {
  clear: both;
}

a {
  color: #222;
  text-decoration: underline;
}

a img {
  vertical-align: baseline;
}

a:hover {
  color: #E71E1D;
}

.pc {
	display: none;
}

.voice {
  display: block;
  width: 1px;
  height: 1px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
}

/*noscript指定*/
.noscript {
  margin: 0 auto 1.5em;
  padding: .3em 1em;
  background-color: #eee;
  font-size: 80%;
}

/* スキップリンク */
.skip {
  font-family: "UD新ゴ M", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  text-align: center;
  padding: .3em 0;
  top: auto;
  width : 1px;
  font-size: .1%;
  line-height: .1;
  position: absolute;
  left: -100%;
  z-index: 100001;
  background-color: #e71e1d;
  color: #fff;
  font-weight: bold;
}

.skip:focus {
  display: block;
  width: 100%;
  min-height: 2em;
  font-size: 100%;
  top: 0;
  left: 0;
  line-height: 1.5;
}

.skip:hover {
  background-color: #fff;
}

input[type="submit"] {
  cursor: pointer;
}

strong {
  font-family: "UD新ゴ M", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
}

em {
  font-family: "UD新ゴ L", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-style: italic;
}

.ex_link {
  display: inline-block;
  width: 18px;
  height: 18px;
  white-space: nowrap;
  text-indent: 3em;
  overflow: hidden;
  background: url(../img/ico_link-ex.svg) no-repeat center/18px;
  vertical-align: middle;
  margin-left: .5em;
}

.annotation {
  color: #666;
}

.align_center {
  text-align: center;
}

.align_right {
  text-align: right;
}

/*----------------------------------------------------
 header
------------------------------------------------------*/
header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 100;
  background-color: #fff;
}

.logo {
  width: 118px;
  margin: .8em 0 .3em 1.25em;
  display: flex;
  flex-direction: column;
  gap: .5em;
}

.logo a:first-child {
  width: 90%;
  line-height: 1;
}

.to_login {
  display: flex;
  width: 15em;
  max-width: calc(100% - 130px);
}

.to_login li {
  width: 5em;
  height: 100%;
}

.to_login a {
  font-family: "UD新ゴ M", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  font-weight: bold;
  padding-top: calc(100% - 2em);
}

.to_corp a {
  background: url(../img/ico_corp_sp.png) no-repeat center .5em #2376D6;
}

.to_mypage a {
  background: url(../img/ico_login-mypage_sp.png) no-repeat center 0 #e71e1d;
  position: relative;
}

.logged .mypage_btn > span,
.logged .to_mypage a > span {
  position: absolute;
  display: flex;
  width: 1.4em;
  height: 1.4em;
  top: .6em;
  right: .6em;
  padding: .1em;
  border-radius: 50%;
  background-color: #E71E1D;
  color: #fff;
  align-items: center;
  justify-content: center;
}

.mypage_btn span span,
.to_mypage span span {
  width: 1px;
  height: 1px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
}

.to_login .sp a {
  color: #E71E1D;
}

nav {
  width: 100%;
  border-top: 1px solid #ccc;
}

nav.off {
  display: none;
}

nav.on {
  max-height: calc(100vh - 70px);
  overflow: auto;
}

.nav a {
  font-family: "UD新ゴ M", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  display: block;
  width: 100%;
  padding: 1.25em 2em 1.25em 1.1em;
  font-weight: bold;
  text-decoration: none;
}

.nav li {
  border-bottom: 1px solid #ccc;
}

.sub_nav {
  background-color: #f0f0f0;
  display: flex;
  flex-wrap: wrap;
  font-size: .9em;
  padding: 2.3em 1.1em;
}

.sub_nav li:not([class]) {
  margin-right: 2em;
}

.sub_nav li {
  margin-bottom: 1em;
}

.sub_nav a {
  text-decoration: none;
}

.head_search {
  width: 100%;
  position: relative;
}

.head_search form {
  width: 100%;
  background-color: #fff;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  min-height: 3em;
}

.head_search .text_box {
  width: calc(100% - 3.25em);
  border-radius: 4px;
  min-height: 3em;
}

.head_search .search_btn {
  width: 1.75em;
  height: 1.75em;
  margin: .75em;
  display: block;
  white-space: nowrap;
  text-indent: 3em;
  overflow: hidden;
  background: url(../img/search_icon_red.svg) no-repeat center/1.75em;
}

.sub_nav .logout {
  width: 100%;
  text-align: center;
}

.sub_nav .logout a {
  text-decoration: underline;
  background: url(../img/ico_logout.svg) no-repeat left center/2em;
  padding-left: 2.2em;
}

/* js_on */
.to_login.off {
  visibility: hidden;
  margin: 0;
  padding: 0 !important;
  height: 0;
}

.login_btn,
.menu_btn,
.mypage_btn {
  width: 5.5em;
  height: 5.5em;
  padding-top: 3.5em;
  font-size: 80%;
  text-align: center;
  text-decoration: none;
}

.login_btn {
  background: url(../img/icon_login_sp.png) no-repeat center .7em;
  margin-left: auto;
}

.login_btn span:first-child {
  display: none;
}

.menu_btn {
  background: url(../img/icon_nav.png) no-repeat center .7em;
  color: #e71e1d;
}

.menu_btn.on {
  background-image: url(../img/icon_nav_cls.png);
}

.menu_btn + .to_login {
  width: 100%;
  max-width: none;
  flex-wrap: wrap;
  background-color: #F2F2F2;
  padding: 1.5em 2em;
  justify-content: center;
}

.menu_btn + .to_login li {
  width: calc(50% - .25em);
  max-width: 10em;
  height: auto;
}

.menu_btn + .to_login a {
  height: auto;
  min-height: 4.5em;
  padding-top: 0;
  align-items: center;
  justify-content: center;
  padding-left: 3.5em;
  flex-direction: column;
}

.to_login.on .to_corp a {
  background-position: 1em center;
}

.to_login.on .to_mypage a {
  background-position: .5em center;
  margin-left: .5em;
}

.menu_btn + .to_login .sp {
  min-height: 3.5em;
  width: 100%;
  max-width: none;
  text-align: center;
  margin-top: 1em;
}

.to_login .regist {
  visibility: visible;
  position: absolute;
  width: 100% !important;
  max-width: none !important;
  bottom: -2em;
  height: 2em !important;
  background-color: #48C585;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 1em;
}

@media screen and (min-width:420px), print {
  .to_login .regist {
    gap: .5em;
  }
}

.to_login .regist:has(a:hover) {
  opacity: .7;
}

.logged .to_login .regist,
header:has(nav.on) .regist {
  display: none;
}

.to_login .regist a {
  min-height: auto;
  width: auto;
  height: auto;
  display: inline;
  padding: 0;
  color: #000;
  text-decoration: underline;
}

.menu_btn + .to_login.on .regist {
  display: none;
}

.to_login.on .sp a {
  display: inline-flex;
  width: 100%;
  max-width: 20.5em;
  background-color: #fff;
  border: 2px solid #E71E1D;
  border-radius: 2em;
  min-height: 3.5em;
  color: #E71E1D;
  justify-content: center;
  align-items: center;
  padding-left: 0;
}

.mypage_btn {
  background: url(../img/ico_mypage.svg) no-repeat center 1em/2.3em;
  margin-left: auto;
  position: relative;
}

.nav_login {
  display: flex;
  flex-wrap: wrap;
  padding: 1.5em 2em;
  justify-content: center;
}

.nav_login li {
  width: calc(50% - .25em);
  max-width: 10em;
}

.nav_login .sp {
  min-height: 3.5em;
  width: 100%;
  text-align: center;
  margin-top: 1em;
  max-width: none;
}

.nav_login a {
  min-height: 4.5em;
  display: flex;
  align-items: center;
  padding-left: 3.5em;
  color: #fff;
  text-decoration: none;
  flex-direction: column;
  justify-content: center;
}

.nav_login .to_corp a {
  background: url(../img/ico_corp_sp.png) no-repeat 1em center #2376D6;
}

.nav_login .to_mypage a {
  background: url(../img/ico_login-mypage_sp.png) no-repeat .5em center #e71e1d;
  margin-left: .5em;
}

.nav_login .sp a {
  display: inline-flex;
  width: 100%;
  max-width: 20.5em;
  background-color: #fff;
  border: 2px solid #E71E1D;
  border-radius: 2em;
  min-height: 3.5em;
  color: #E71E1D;
  justify-content: center;
  align-items: center;
  padding-left: 0;
}

.nav_login .regist {
  display: none;
}

.search_btn.off + form {
  display: none;
}

.search_btn.on + form {
  position: absolute;
  width: 20.835em;
  max-width: 80vw;
  height: 3.75em;
  right: 0;
  bottom: -4.5em;
  display: flex;
  border-radius: 4px;
  overflow: hidden;
}

.search_btn.on + form .text_box {
  width: calc(100% - 5em);
  border: 2px solid #E71E1D;
  border-radius: 4px 0 0 4px;
  padding: .5em 1em;
}

.search_btn.on + form .search_btn {
  background-color: #E71E1D;
  background-image: none;
  color: #fff;
  text-indent: 0;
  overflow: unset;
  width: 5em;
  height: 100%;
}

/*----------------------------------------------------
 contents
------------------------------------------------------*/
.page_ttl {
  margin-top: 7.4em;
}

.logged .page_ttl {
  margin-top: 5.2em;
}

.recruit .page_ttl h1 {
  background-image: url(../img/h1_recruit_bg.svg);
}
.facility .page_ttl h1 {
  background-image: url(../img/h1_facility_bg.svg);
}
.event .page_ttl h1 {
  background-image: url(../img/h1_event_bg.svg);
}
.column .page_ttl h1 {
  background-image: url(../img/h1_column_bg.svg);
}

.glossary .page_ttl h1 {
  background-image: url(../img/h1_glossary_bg.svg);
}

.recruit .page_ttl h1,
.facility .page_ttl h1,
.event .page_ttl h1,
.column .page_ttl h1,
.glossary .page_ttl h1,
.enquete .page_ttl h1 {
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto 1.45em;
  padding-top: 2em;
}

.recruit .page_ttl,
.facility .page_ttl,
.event .page_ttl,
.column .page_ttl,
.form .page_ttl,
.message .page_ttl,
.search .page_ttl,
.faq .page_ttl,
.glossary .page_ttl,
.enquete .page_ttl h1,
.moji .page_ttl,
.related .page_ttl {
  font-size: 1.65em;
  background-image: url(../img/h1_bg_dot.png);
  background-repeat: repeat;
  background-position: top;
  background-size: auto;
  background-color: #FFE0E0;
  border-radius: 14px;
  padding: 3.8em 10px 3.8em;
  margin: 5.5em .5em .2em;
  text-align: center;
}

.purpose .page_ttl {
  font-size: 1.65em;
  background: url(../img/h1_bg_dot.png) top/auto #FFE0E0;
  padding: 1.8em 10px 2.2em;
  border-radius: 14px;
  margin: 5.5em .5em 0;
  display: flex;
  flex-direction: column;
  align-items: center;
 justify-content: center;
}

.logged.recruit .page_ttl,
.logged.facility .page_ttl,
.logged.event .page_ttl,
.logged.column .page_ttl,
.logged.form .page_ttl,
.logged.message .page_ttl,
.logged.search .page_ttl,
.logged.faq .page_ttl,
.logged.glossary .page_ttl,
.logged.enquete .page_ttl h1,
.logged.moji .page_ttl,
.logged.related .page_ttl,
.logged.purpose .page_ttl {
  margin-top: 3.5em;
}

.page_ttl h1 {
  display: flex;
  flex-direction: column;
}

.page_ttl p {
  font-family: "UD新ゴ M", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 68.5%;
  font-weight: bold;
}

.mypage .page_ttl h1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 1em 0;
  font-size: 1.625em;
}

.mypage .page_ttl h1::before {
  content: "";
  width: 1.5em;
  height: 1.5em;
  margin-right: .5em;
  background: url(../img/h1_mypage.svg) no-repeat center/1.5em;
}

.jigyou .page_ttl h1::before {
  background-image: url(../img/h1_jigyou.svg);
}

.recruit .breadcrumbs {
  background-image: url(../img/kitty_recruit.png);
}

.column .breadcrumbs {
  background-image: url(../img/kitty_column.png);
}

.event .breadcrumbs {
  background-image: url(../img/kitty_event.png);
}

.facility .breadcrumbs {
  background-image: url(../img/kitty_facility.png);
}

.breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: .5em;
  color: #666;
  margin: -5em 1em 0;
  padding: 5em 125px 5em 0;
  font-size: 87.5%;
  letter-spacing: 0;
  background-repeat: no-repeat;
  background-position: right top;
  min-height: 6.5em;
}

.purpose .breadcrumbs {
  background-image: url(../img/kitty_purpose.png);
  margin: -3em 0 0;
  padding: 11em 1.125em 0;
  background-position: calc(100% - .3em) top;
  background-size: contain;
}

@media screen and (min-width:520px), print {
  .purpose .breadcrumbs {
    background-size: 495px;
    padding-top: 12em;
  }
}

.breadcrumbs a {
  color: #222;
  text-decoration: none;
}

.breadcrumbs li {
  display: flex;
  align-items: end;
  gap: .5em;
  position: relative;
  padding-left: 1em;
}

.breadcrumbs li:first-child::before {
  content: "";
  display: flex;
  width: 1.125em;
  height: 1.25em;
  background: url(../img/ico_home.svg) no-repeat left top/contain;
  align-items: baseline;
}

.breadcrumbs li:not(:first-child)::before {
  content: ">";
  display: block;
  width: 1em;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* カルーセル共通 */
.carousel__prevButton,
.carousel__nextButton {
  width: 3em;
  height: 3em;
  border-radius: 50%;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 5em;
  border: none;
}

.carousel__nextButton {
  background: url(../img/ico_next_wht.svg) no-repeat center/.7em #E71E1D;
}

.carousel__prevButton {
  background: url(../img/ico_prev_wht.svg) no-repeat center/.7em #E71E1D;
}

.carousel button[disabled] {
  opacity: .5;
}


/* 見出し */
.main h2 {
  font-size: 1.57em;
  margin-bottom: .75em;
  padding: .21em 0 .21em 2.3em;
}

.h2_facility {
  background: url(../img/ico_h2_adoption.png) no-repeat left center;
}

.h2_recruit {
  background: url(../img/ico_h2_facility.png) no-repeat left center;
}

.h2_bring {
  background: url(../img/ico_h2_development.png) no-repeat left center;
}

.h2_marks {
  background: url(../img/ico_h2_assessment.png) no-repeat left center;
}

.h2_wlb {
  background: url(../img/ico_h2_wlb.png) no-repeat left center;
}

.h2_environment {
  background: url(../img/ico_h2_environment.png) no-repeat left center;
}

.h2_corporate {
  background: url(../img/ico_h2_corporation.png) no-repeat left center;
}

.h2_rec_desc {
  background: url(../img/ico_h2_rec_desc.png) no-repeat left center;
}

.h2_rec_time {
  background: url(../img/ico_h2_rec_time.png) no-repeat left center;
}

.h2_rec_allow {
  background: url(../img/ico_h2_rec_allow.png) no-repeat left center;
}

.h2_rec_office {
  background: url(../img/ico_h2_facility.png) no-repeat left center;
}

.main .h2_204sengen {
  background: url(../img/ico_h2_204sengen.png) no-repeat left center;
  padding-left: 3.2em;
}

.main_contents h2,
.jigyou_num_box h2,
.detail_search_submit h2 {
  background: url(../img/ico_h2_main.svg) no-repeat left .5em/.9em;
  padding-left: 1.5em;
}

h2.offer_info {
  background: url(../img/ico_h2_offer_info.png) no-repeat left center/1.9em;
}

.main_contents .question {
  background: url(../img/ico_h2_question.png) no-repeat left center/1.2em;
}

.main_contents .answer {
  background: url(../img/ico_h2_answer.png) no-repeat left center/1.2em;
}

.main h3:not([class]),
.main h3.typesquare_option {
  font-size: 1.5625em;
  /* padding-left: 10px; */
  margin-bottom: 1em;
  padding-left: 16px;
  /* border-left: 6px solid #E71E1D; */
  position: relative;
}

.main h3:not([class])::before,
.main h3.typesquare_option::before {
  content: "";
  width: 6px;
  height: calc(100% - 13px);
  display: inline-block;
  background-color: #e71e1d;
  margin-right: 10px;
  position: absolute;
  left: 0;
  bottom: .2em;
}

.main h4 {
  font-size: 1.375em;
  font-weight: bold;
  border-bottom: 1px solid;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 1.2em;
  padding-bottom: .3em;
  margin-bottom: 1em;
}

.main h4 span {
  font-size: .637em;
  font-weight: normal;
}

.main h5 {
  font-weight: bold;
  color: #e71e1d;
  margin-bottom: .5em;
}

/* テーブル */
.main .table_scroll:not(:last-child) {
  margin-bottom: 1.2em;
}

.table_scroll {
  width: 100%;
  overflow-x: auto;
  position: relative;
}

.table_scroll table {
  white-space: nowrap;
}

.main table {
  border-collapse: collapse;
}

.main caption {
  font-family: "UD新ゴ M", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  text-align: left;
  font-weight: bold;
  width: calc(100vw - 3em);
  position: sticky;
  left: 0;
}

.main th,
.main td {
  padding: 1em;
}

.main th {
  background-color: #E71E1D;
  color: #fff;
  border: 1px solid #E71E1D;
  border-bottom-width: 0;
  vertical-align: middle;
  border-top-color: #fff;
}

.main th:not(:last-child) {
  border-right-color: #fff;
}

.main td {
  border: 1px solid #767676;
  /* border-top-width: 0; */
  vertical-align: top;
}

.table_scroll .table_swipe {
  margin-bottom: 0 !important;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 90%;
}

.table_scroll .table_swipe::before {
  content: "";
  background: url(../img/ico_swipe.svg) no-repeat center/1.5em;
  width: 1.5em;
  height: 1em;
  display: inline-block;
  margin-right: .5em;
}

/*----------------------------------------------------
 footer
------------------------------------------------------*/
#footer_bnr {
  background: #fff;
  border-top: 1px solid #E71E1D;
  border-bottom: 1px solid #E71E1D;
  padding: 1.5em 0;
}

#footer_bnr .carousel__navLayer {
  width: 225px;
  margin: 0 auto;
}

#footer_bnr .carousel__prevButton {
  left: -4em;
}

#footer_bnr .carousel__nextButton {
  right: -4em;
}

footer {
  margin-top: auto;
  background-color: #F2F2F2;
}

.footer_inner {
  position: relative;
}

.footer_nav a,
.footer_sub_nav a {
  font-family: "UD新ゴ M", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
  text-decoration: none;
}

.footer_nav > li {
  border-bottom: 1px solid #ccc;
}

.footer_nav > li > a {
  display: flex;
  font-size: 1.1em;
  padding: 1em .9em;
}

.footer_nav > li > a[tabindex] {
  cursor: default;
}

.footer_nav > li > a[tabindex]:hover {
  color: inherit;
}

.footer_nav_inn {
  background-color: #E0E0E0;
  padding: .3em 1.1em;
}

.footer_nav_inn a {
  padding: .2em 0;
  letter-spacing: 0;
  text-decoration: underline;
}

.footer_sub_nav {
  padding: 1.5em 120px 1.5em 1em;
}

.footer_sub_nav li {
  margin-bottom: .5em;
}

#pageTop {
  position: absolute;
  right: 0;
  bottom: 0;
}

.footer_add {
  background-color: #E71E1D;
  color: #fff;
  text-align: center;
  font-size: 80%;
  letter-spacing: 0;
  padding: 2em 1em;
}

.add {
  margin-bottom: 1em;
}

.add span {
  display: inline-block;
}

.fotter_btn {
  align-items: center;
}

.fotter_btn_inn {
  margin-left: auto;
  width: 1em;
  height: 1em;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 3em;
  background: url(../img/plus.png) no-repeat center;
}

.footer_nav_inn.off {
  display: none;
}

.kitty_copyright {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.5em 0 2em;
}

.kitty_no {
  width: 300px;
}

/* ブックマークボタン */
.bookmark {
  position: absolute;
  display: flex;
  width: 3.6em;
  height: 3.6em;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 10em;
  border-radius: 50%;
  border: none;
  background: url(../img/ico_bookmark_gray.svg) no-repeat center/100%;
  padding: 0;
  top: 1em;
  right: 1em;
  z-index: 10;
}

.bookmark.on {
  background-image: url(../img/ico_bookmark_red.svg);
}

/* 共通リンクボタン */
.interest_links {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  padding-bottom: 2rem;
}

section + .interest_links,
.interest_links + .interest_links {
  padding-top: 0;
}

.interest_links li {
  margin-bottom: 0 !important;
}

.interest_links a,
.interest_links input[type="submit"],
.interest_links button,
.message_btn,
.gosearch_btn,
.enqbutton input {
  font-family: "UD新ゴ M", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid;
  color: #E71E1D;
  font-weight: bold;
  font-size: 1.125em;
  text-decoration: none;
  max-width: 100%;
  width: auto;
  height: auto;
  text-indent: 0;
  background-image: none;
  position: static;
}

.interest_links a:hover,
.interest_links input[type="submit"]:hover,
.interest_links button:hover,
.message_btn:hover,
.gosearch_btn:hover {
  color: #222;
}

.main .mark_btn,
.main input.mark_btn {
  width: 17.75em;
  min-height: 3.75em !important;
  border-radius: 1.875em !important;
  background-color: #fff !important;
}

.mark_btn::before {
  content: "";
  display: block;
  width: 1.5em;
  height: 1.5em;
  background: url(../img/ico_star_red.svg) no-repeat center/contain;
  margin-right: 10px;
}

.main .mark_btn.on,
.main input.mark_btn.on {
  background-color: #E71E1D !important;
  color: #fff !important;
  border-color: #E71E1D;
  border-color: #fff;
}

.main .mark_btn.on::before,
.main input.mark_btn.on::before {
  background: url(../img/ico_star_wht.svg) no-repeat center/contain;
}

.main .mark_btn.on:hover,
.main input.mark_btn.on:hover {
  background-color: #fff !important;
  color: #222 !important;
  border-color: #222;
}

.mark_btn:hover::before,
.mark_btn.on:hover::before,
input.mark_btn:hover::before,
input.mark_btn.on:hover::before {
  background: url(../img/ico_star_blk.svg) no-repeat center/contain;
}

/* .mark_btn.on span {
  display: block;
  width: 1px;
  height: 1px;
  white-space: nowrap;
  overflow: hidden;
} */

.main .back_btn,
.main input.back_btn {
  min-height: 3.375em !important;
  border-radius: 1.875em !important;
  width: 13.7em;
  background: url(../img/ico_prev_red.svg) no-repeat .5em center/.5em #fff;
  padding-left: 1em;
}

.main .back_btn:hover,
.main input.back_btn:hover {
  background-image: url(../img/ico_prev_blk.svg);
}

.main .keep_btn,
.main .message_btn,
.main .gosearch_btn,
.main input.keep_btn,
.main input.message_btn,
.main input.gosearch_btn {
  background-color: #fff;
  min-height: 3.375em !important;
  border-radius: 1.875em !important;
  width: 13.7em;
}

.main .submit_btn,
.main input.submit_btn,
.enqbutton input[name="btn_confirm"],
.work_kind_add {
  background-color: #E71E1D;
  min-height: 3.375em !important;
  border-radius: 1.875em !important;
  width: 13.7em;
  color: #fff !important;
}

.main .submit_btn:hover,
.main input.submit_btn:hover,
.enqbutton input[name="btn_confirm"]:hover,
.work_kind_add:hover{
  background-color: #222;
}

.main .submit_btn::before,
.main input.submit_btn::before {
  content: "";
  background: url(../img/search_icon_wht.svg) no-repeat center/1.5em;
  width: 1.5em;
  height: 1.5em;
  display: inline-block;
  margin-right: .5em;
}

.main .app_btn,
.main input.app_btn {
  background-color: #E71E1D;
  color: #fff !important;
  width: 17.75em;
  min-height: 3.75em !important;
  border-radius: 1.875em !important;
  display: flex;
  flex-direction: column;
  gap: 0!important;
}

.main .app_btn:hover,
.main input.app_btn:hover {
  background-color: #222;
}

.main .interest_links .app_btn::after,
.main .interest_links input.app_btn::after {
  content: none;
}

.main .next_btn,
.main input.next_btn {
  min-height: 3.375em !important;
  border-radius: 1.875em !important;
  min-width: 13.7em;
  color: #fff !important;
  background: url(../img/ico_next_wht.svg) no-repeat calc(100% - .5em) center/.5em #E71E1D;
  padding-right: 1em;
}

.main .link_btn,
.main input.link_btn {
  font-family: "UD新ゴ M", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  max-width: 100%;
  width: 15.5em;
  min-height: 3.5em;
  border-radius: 1.875em !important;
  margin: 0 auto;
  background: url(../img/ico_arr_w.svg) no-repeat calc(100% - 1em) center/.5em  #E71E1D;
  padding: 0 1.5em;
}

.main .link_btn:hover,
.main input.link_btn:hover {
  background-color: #222;
  color: #fff;
}

.main .link_btn[href$=".pdf"] {
  background-image: url(../img/ico_dl_w.svg);
  background-size: 1.5em;
}

.main .message_btn,
.main input.message_btn {
  margin: 0 auto 1em;
  background: url(../img/ico_arr_red.svg) no-repeat calc(100% - 1em) center/.5em;
}

.main .gosearch_btn,
.main input.gosearch_btn {
  margin: 1em auto 0;
}

.main .gosearch_btn::before,
.main input.gosearch_btn::before {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  background: url(../img/search_icon_red.svg) no-repeat center/100%;
  margin-right: .5em;
}

.main .gray_btn,
.main input.gray_btn,
.enqbutton input[name="btn_cancel"] {
  border: 1px solid #666;
  max-width: 100%;
  color: #222;
  background-color: #fff;
}

.main .gray_btn:hover,
.main input.gray_btn:hover,
.enqbutton input[name="btn_cancel"]:hover {
  color: #E71E1D;
  border-color: #E71E1D;
}

.main .gray_btn01,
.jigyou .main .message_sub .gray_btn,
.main input.gray_btn01,
.jigyou .main .message_sub input.gray_btn,
.enqbutton input[name="btn_cancel"] {
  width: 10.726em;
  min-height: 2.5em;
  border-radius: 1.25em;
}

.main .white_btn,
.main input.white_btn {
  background-color: #fff;
  width: 100%;
  min-height: 3.5em;
  border-radius: 1.75em;
}

.back_btn.gray_btn,
input.back_btn.gray_btn {
  border-width: 2px;
  background-image: url(../img/ico_prev_blk.svg);
}

.back_btn.gray_btn:hover,
input.back_btn.gray_btn:hover {
  background-image: url(../img/ico_prev_red.svg);
}

.main .send_message_btn {
  min-height: 3.75em !important;
  width: 17.75em;
  background-color: #E71E1d;
  color: #fff;
}

.main .send_message_btn:hover {
  background-color: #222;
  color: #fff;
}

.link_btn.gray_btn {
  background: url(../img/ico_next_blk.svg) no-repeat calc(100% - 1em) center/.5em #fff;
  color: #666;
}

.link_btn.gray_btn:hover {
  background: url(../img/ico_next_wht.svg) no-repeat calc(100% - 1em) center/.5em #666;
  color: #fff;
  border-color: #666;
}

.interest_links a.disabled,
.interest_links input[disabled],
.interest_links button[disabled],
.message_btn.disabled,
.gosearch_btn.disabled,
.enqbutton input[disabled],
.main .mark_btn.disabled,
.main input.mark_btn[disabled],
.main .back_btn.disabled,
.main input.back_btn[disabled],
.main .keep_btn.disabled,
.main .message_btn.disabled,
.main .gosearch_btn.disabled,
.main input.keep_btn[disabled],
.main input.message_btn[disabled],
.main input.gosearch_btn[disabled],
.main .submit_btn.disabled,
.main input.submit_btnbtn[disabled],
.enqbutton input[disabled],
.main .app_btn.disabled,
.main input.app_btn[disabled],
.main .next_btn.disabled,
.main input.next_btn[disabled],
.main .link_btn.disabled,
.main input.link_btn[disabled],
.main .gray_btn.disabled,
.main input.gray_btn[disabled],
.enqbutton input[name="btn_cancel"],
.main .gray_btn01.disabled,
.jigyou .main .message_sub .gray_btn.disabled,
.main input.gray_btn01[disabled],
.jigyou .main .message_sub input.gray_btn[disabled],
.main .white_btn.disabled,
.main input.white_btn[disabled],
.back_btn.gray_btn.disabled,
input.back_btn.gray_btn[disabled],
.interest_links a.disabled:hover,
.interest_links input[disabled]:hover,
.interest_links button[disabled]:hover,
.message_btn.disabled:hover,
.gosearch_btn.disabled:hover,
.enqbutton input[disabled]:hover,
.main .mark_btn.disabled:hover,
.main input.mark_btn[disabled]:hover,
.main .back_btn.disabled:hover,
.main input.back_btn[disabled]:hover,
.main .keep_btn.disabled:hover,
.main .message_btn.disabled:hover,
.main .gosearch_btn.disabled:hover,
.main input.keep_btn[disabled]:hover,
.main input.message_btn[disabled]:hover,
.main input.gosearch_btn[disabled]:hover,
.main .submit_btn.disabled:hover,
.main input.submit_btnbtn[disabled]:hover,
.enqbutton input[disabled]:hover,
.main .app_btn.disabled:hover,
.main input.app_btn[disabled]:hover,
.main .next_btn.disabled:hover,
.main input.next_btn[disabled]:hover,
.main .link_btn.disabled:hover,
.main input.link_btn[disabled]:hover,
.main .gray_btn.disabled:hover,
.main input.gray_btn[disabled]:hover,
.enqbutton input[name="btn_cancel"]:hover,
.main .gray_btn01.disabled:hover,
.jigyou .main .message_sub .gray_btn.disabled:hover,
.main input.gray_btn01[disabled]:hover,
.jigyou .main .message_sub input.gray_btn[disabled]:hover,
.main .white_btn.disabled:hover,
.main input.white_btn[disabled]:hover:hover,
.back_btn.gray_btn.disabled:hover,
input.back_btn.gray_btn[disabled]:hover {
  border: none;
  background-color: #767676;
  color: #fff;
  cursor: inherit;
}

.interest_links a.disabled::before,
.interest_links input[disabled]::before,
.interest_links button[disabled]::before,
.message_btn.disabled::before,
.gosearch_btn.disabled::before,
.enqbutton input[disabled]::before,
.main .mark_btn.disabled::before,
.main input.mark_btn[disabled]::before,
.main .back_btn.disabled::before,
.main input.back_btn[disabled]::before,
.main .keep_btn.disabled::before,
.main .message_btn.disabled::before,
.main .gosearch_btn.disabled::before,
.main input.keep_btn[disabled]::before,
.main input.message_btn[disabled]::before,
.main input.gosearch_btn[disabled]::before,
.main .submit_btn.disabled::before,
.main input.submit_btnbtn[disabled]::before,
.enqbutton input[disabled]::before,
.main .app_btn.disabled::before,
.main input.app_btn[disabled]::before,
.main .next_btn.disabled::before,
.main input.next_btn[disabled]::before,
.main .link_btn.disabled::before,
.main input.link_btn[disabled]::before,
.main .gray_btn.disabled::before,
.main input.gray_btn[disabled]::before,
.enqbutton input[name="btn_cancel"]::before,
.main .gray_btn01.disabled::before,
.jigyou .main .message_sub .gray_btn.disabled::before,
.main input.gray_btn01[disabled]::before,
.jigyou .main .message_sub input.gray_btn[disabled]::before,
.main .white_btn.disabled::before,
.main input.white_btn[disabled]::before,
.back_btn.gray_btn.disabled::before,
input.back_btn.gray_btn[disabled]::before,
.interest_links a.disabled::after,
.interest_links input[disabled]::after,
.interest_links button[disabled]::after,
.message_btn.disabled::after,
.gosearch_btn.disabled::after,
.enqbutton input[disabled]::after,
.main .mark_btn.disabled::after,
.main input.mark_btn[disabled]::after,
.main .back_btn.disabled::after,
.main input.back_btn[disabled]::after,
.main .keep_btn.disabled::after,
.main .message_btn.disabled::after,
.main .gosearch_btn.disabled::after,
.main input.keep_btn[disabled]::after,
.main input.message_btn[disabled]::after,
.main input.gosearch_btn[disabled]::after,
.main .submit_btn.disabled::after,
.main input.submit_btnbtn[disabled]::after,
.enqbutton input[disabled]::after,
.main .app_btn.disabled::after,
.main input.app_btn[disabled]::after,
.main .next_btn.disabled::after,
.main input.next_btn[disabled]::after,
.main .link_btn.disabled::after,
.main input.link_btn[disabled]::after,
.main .gray_btn.disabled::after,
.main input.gray_btn[disabled]::after,
.enqbutton input[name="btn_cancel"]::after,
.main .gray_btn01.disabled::after,
.jigyou .main .message_sub .gray_btn.disabled::after,
.main input.gray_btn01[disabled]::after,
.jigyou .main .message_sub input.gray_btn[disabled]::after,
.main .white_btn.disabled::after,
.main input.white_btn[disabled]::after,
.back_btn.gray_btn.disabled::after,
input.back_btn.gray_btn[disabled]::after {
  content: none;
}

.main .btn_w_auto {
  width: auto;
}

/* 事業所詳細ページ用 */
.recruit .interest_links .link_btn {
  width: 100%;
  flex-direction: column;
  background-image: none;
  padding: .5em 1.5em;
}

.recruit .interest_links .link_btn span {
  font-size: 90%;
  font-weight: normal;
}


/* リスト */
.main .disc:not(:last-child),
.main .decimal:not(:last-child),
.main_contents ul:not(:last-child),
.main_contents ol:not(:last-child) {
  margin-bottom: 1.2em;
}

.main .disc {
  list-style-type: disc;
}

.main .decimal {
  list-style-type: decimal;
}

.main .disc li::marker,
.main .decimal li::marker {
  color: #E71E1D;
}

.main .disc li,
.main .decimal li {
  margin-left: 1.2em;
}

.main .disc li:not(:last-child),
.main .decimal li:not(:last-child),
.main_contents li:not(:last-child) {
  margin-bottom: 1em;
}

/* リンクリスト */
.links_03 {
  display: flex;
  flex-wrap: wrap;
  gap: .5em;
  margin-bottom: 2em;
}

.links_03 li {
  width: calc(50% - .25em);
}

.links_03 a {
  font-family: "UD新ゴ M", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  text-decoration: none;
  border: 1px solid #666;
  border-radius: 5px;
  min-height: 3.5em;
  padding: .5em 0;
  height: 100%;
}

.links_03 a:hover,
.links_03 a.current {
  background-color: #e71e1d;
  border: none;
  color: #fff;
}

.links_03 a span {
  display: block;
}

.links_04 {
  display: grid;
  gap:  .725em 1em;
  grid-template-columns: repeat(2, 1fr);
}

.links_04 a {
  font-family: "UD新ゴ M", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  display: flex !important;
  flex-direction: column;
  gap: .25em;
  text-decoration: none;
  align-items: center;
  font-size: .8125em;
  padding: 1em .75em;
  border: 1px solid #666;
  height: 100%;
  border-radius: 10px;
  font-weight: bold;
}

.links_04 a::after {
  margin-top: auto;
}

.links_08 li {
  margin-bottom: 1em;
}

.links_08 a {
  background-color: #e71e1d;
  color: #fff;
  display: flex !important;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  min-height: 3.5em;
  flex-direction: column;
  position: relative;
  padding: 0 1.5em;
  text-decoration: none;
  gap: 0 !important;
}

.links_08 a::after {
  background: url(../img/ico_arr_w.svg) no-repeat center/auto .8em !important;
  position: absolute;
  right: 1em;
}

.dl_dl {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 1em 0;
}

.dl_dl dt {
  font-family: "UD新ゴ M", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  margin-bottom: 1em;
  font-weight: bold;
}

.mypage_link_list {
  border-top: 1px solid #ccc;
  margin-bottom: 1.5em;
}

.mypage_link_list a {
  text-decoration: none;
  width: 100%;
  height: 100%;
  padding: 1em 1.5em 1em 0;
  background: url(../img/ico_arr_red.svg) no-repeat right center/.5em;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5em;
  border-bottom: 1px solid #ccc;
}

.mypage_link_list a:hover {
  border-bottom-color: #E71E1D;
  color: #222;
}

.mypage_link_list a:hover dd {
  color: #E71E1D;
}

.mypage_link_list dt {
  margin-bottom: .5em;
}

.mypage_link_list dd {
  font-family: "UD新ゴ M", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
  display: flex;
  align-items: center;
}

.mypage_link_list .new {
  padding: .1em .5em;
  border: 1px solid #E71E1D;
  background-color: #fff;
  border-radius: 4px;
  font-size: .875em;
  color: #E71E1D;
  margin-left: auto;
}

.mypage_link_list dl + span {
  font-family: "UD新ゴ M", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: .875em;
  color: #E71E1D;
  font-weight: bold;
  width: 100%;
  text-align: right;
}

.mypage_link_list dd span {
  color: #E71E1D;
  font-size: 1.25em;
  margin-left: 1em;
}

.mypage_link_list a:hover dd {
  color: #E71E1D;
}

.mypage_link_list_color {
  border-top: none;
}

.mypage_link_list_color li:not(:last-child) {
  margin-bottom: 10px;
}

.mypage_link_list_color a {
  background-color: #ffebeb;
  border-radius: 8px;
  background-position: calc(100% - .5em) center;
  padding-left: 1em;
  border-bottom: none;
}

.mypage_link_list_color a:hover {
  background-color: #fff;
  border: 1px solid #E71E1D;
}

.mypage_link_list a[href="javascript: void()"] {
  background: none;
  cursor: inherit;
}

.mypage_link_list a[href="javascript: void()"]:hover {
  border-color: #ccc;
}

.mypage_link_list a[href="javascript: void()"]:hover dd {
  color: #222;
}

/* 埋め込み */
.youtube_wrap,
.map_wrap {
  /* position: relative; */
  width: 100%;
  /* padding-top: 56.2%; */
  aspect-ratio: 16 / 9;
}

.youtube_wrap:not(:last-child),
.map_wrap:not(:last-child) {
  margin-bottom: 1.5em;
}

.youtube_wrap iframe,
.map_wrap iframe,
.imgBox iframe {
  border: none;
  /* position: absolute; */
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  aspect-ratio: 16 / 9;
}

/* 検索ボックス共通 */
fieldset {
  display: contents;
}

.off + .detail_search {
  display: none;
}

.detail_search legend {
  font-family: "UD新ゴ M", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  padding: 1rem;
  background-color: #f0f0f0;
  font-weight: bold;
  width: 100%;
  margin-bottom: 1em;
}

.detail_search ul {
  padding: 0 1rem 1rem;
}

.detail_search li {
  margin-bottom: .5em;
}

.detail_search label {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
}

.detail_search legend label {
  display: inline-flex;
}

.jigyou_label_span {
  font-family: "UD新ゴ L", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: normal;
  font-size: 85%;
}

.detail_search input[type="checkbox"],
.detail_search input[type="radio"] {
  margin-right: 6px;
}

input[type="checkbox"]:checked,
input[type="radio"]:checked {
  accent-color: #e71e1d;
}

.detail_search fieldset > div:not([class]),
.detail_search fieldset ol {
  width: calc(100% - 2em);
  margin: 0 1em 1em;
}

.detail_search input[type="text"],
.detail_search input[type="email"],
.detail_search input[type="password"],
.detail_search input[type="file"],
.detail_search input[type="day"] {
  width: 100%;
  padding: .5em;
  border: 1px solid #ccc;
  border-radius: 4px;
} 

.detail_search input[type="text"][size] {
  width: 6em;
}

.detail_search input[type="file"] + input[type="file"] {
  margin-top: .5em;
}

.detail_search div iframe {
  width: 100%;
  min-height: 15em;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.detail_search_submit {
  background: #FEF2F2;
  border-radius: 0 0 8px 8px;
  /* border-top: 1px solid #ccc; */
  padding: 1.5em 0 1em;
}

.detail_search_submit p {
  font-family: "UD新ゴ M", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  display: flex;
  align-items: baseline;
  justify-content: center;
  font-weight: bold;
}

.detail_search_submit p span {
  color: #E71E1D;
  font-size: 2.25em;
}

.detail_search_submit .interest_links {
  gap: .5em;
}

.detail_search .area_search {
  /* display: contents; */
  border-bottom: none;
  min-height: 2em;
}

.detail_search .area_search legend {
  background-color: transparent;
  padding: 0;
  font-size: 1.1em;
  float: none;
  text-align: left;
  margin-bottom: 0;
}

.detail_search .area_search .area_label {
  font-size: 1.1em;
  padding-left: 0;
}

.detail_search .area_search .area_label::before {
  content: none;
}

.column_wrap .area_search legend {
  font-weight: normal;
  width: auto;
  font-size: 1em;
  margin-bottom: .5em;
}

.detail_search .area_search > div:not([class]),
.detail_search .area_search > .no-hide {
  width: calc(100% - 2em);
  margin-left: 0;
}

.detail_search .area_search h3,
.detail_search .column_wrap h3 {
  font-size: 1.125em;
  margin-bottom: .5em;
}

.detail_search .area_search h4 {
  font-size: 1em;
  border-bottom: none;
  margin-bottom: 0;
}

.detail_search .area_search h4:not(:first-child) {
  border-top: 1px solid;
  padding-top: 1em;
}

.area_search div div {
  border-bottom: 1px solid;
  margin-bottom: 1em;
}

.area_search > div > ul {
  padding: 0 0 .5em;
}

.commit {
  display: inline-block;
  position: relative;
  margin-left: .5em;
}

.commit input {
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  margin: 0;
}

.commit label {
  cursor: pointer;
  border: 1px solid #222;
  border-radius: 4px;
  font-weight: normal;
  padding: .1em .2em;
  font-size: 90%;
  background-color: #fff;
  color: #000;
}

.commit input:checked + label {
  background-color: #e71e1d;
  color: #fff;
}

.commit label:hover,
.commit input:focus + label {
  box-shadow: 0 0 4px #333;
}

.column_wrap .label_commit {
  margin-left: 1em;
  margin-bottom: .5em;
  display: flex;
  align-items: baseline;
}

.column_wrap .label_commit .commit {
  margin-left: 1em;
}

.label_commit + div {
    margin: 0 0 1em 1em;
}

.occu_dl dt {
  font-family: "UD新ゴ M", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  background: #f0f0f0;
  padding: .3em 1em;
  font-weight: bold;
  margin-bottom: .5em;
  margin-top: -1em;
  width: calc(100% + 2em);
  margin-left: -1em;
}

.occu_dl dd {
  margin-bottom: 1em;
}

/* tips */
.tips_wrap {
  position: relative;
  margin-bottom: 6.5em!important;
}

.tips_wrap > :not([class]) {
  margin-right: 100px;
  display: block;
  font-size: .875em;
}

.tips {
  width: 116px;
  min-height: 116px;
  position: absolute;
  right: -7px;
  bottom: -5em;
  margin-bottom: 70px;
}

.tips::after {
  content: "";
  display: block;
  width: 69px;
  height: 84px;
  background: url(../img/kitty_h1_bg.png) no-repeat center/100%;
  position: absolute;
  right: 0;
  bottom: -70px;
}

.tips a {
  text-decoration: none;
  border: 2px solid #e71e1d;
  background-color: #fff;
  border-radius: 50%;
  width: 100%;
  aspect-ratio: 1 / 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: .5em;
}

.tips_wrap .tips h3 {
  font-size: .875em;
  color: #e71e1d;
  padding-left: 0;
}

.tips_wrap .tips h3::before {
  content: none;
}

.tips p {
  font-size: .8125em;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

/* メールアドレス変更 */
.changer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.changer button {
  margin-left: auto;
  border: none;
}

/* 利用規約 */
iframe.agreement_frame {
  border: 1px solid #E71E1D;
  width: 100%;
  min-height: 10em;
  max-height: 80vh;
  border-radius: 10px;
  overflow: scroll;
}

.agreement_body {
  padding: 1.5em;
  width: 100%;
  min-width: auto;
}

.agreement_body > *:last-child {
  padding-bottom: 1.5em;
}

/*----------------------------------------------------
 チャットボット
------------------------------------------------------*/
body #chat_banner .chat_banner_img,
body #chat_banner .chat_banner_close_img{
  pointer-events: auto;
}

/*----------------------------------------------------
 ページの感想・評価
------------------------------------------------------*/
#enq {
  margin: 3em 0;
  padding: 1.5em 1em;
  background-color: #FFE0E0;
}

#enq legend {
  font-family: "UD新ゴ M", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
  margin-bottom: 1.2em;
}

#enq .radio {
  background-color: #fff;
  padding: 1em;
  margin-bottom: 2em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: .5em;
  border-radius: 10px;
}

#enq .radio span {
  display: flex;
  justify-content: baseline;
}

#enq .radio input[type="radio"] {
  margin-right: .3em;
}

#enq input[type="submit"] {
  display: block;
  width: 13em;
  max-width: 80%;
  margin: 0 auto;
  min-height: 3.75em !important;
  border-radius: 1.875em !important;
  background-color: #fff !important;
  font-family: "UD新ゴ M", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid;
  color: #E71E1D;
  font-weight: bold;
}

#enq input[type="submit"]:hover {
  color: #000;
}

/* 関連サイト更新情報 */
.related_updates {
  margin-bottom: 2em;
}

.related_updates dt {
  font-weight: bold;
  font-family: "UD新ゴ M", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.related_updates dd:not(:last-child) {
  margin-bottom: 1em;
}

.related_updates dd a {
  background: url(../img/ico_arr_red.svg) no-repeat left .3em/.5em;
  padding-left: 1em;
  display: inline-block;
}

/* ページャー */
.pager {
  display: flex;
  gap: .7em;
  justify-content: center;
  margin: 0 auto 4.5em;
  flex-wrap: wrap;
}

.pager input,
.pager a {
  font-family: "UD新ゴ M", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  width: 2.5em;
  height: 2.5em;
  border: 1px solid #666;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  background-color: #fff;
  color: #222;
}

.pager a {
  text-decoration: none;
}

.pager input[disabled] {
  opacity: .5;
}

.pager .active strong,
.pager a.disabled {
  font-family: "UD新ゴ M", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  width: 2.5em;
  height: 2.5em;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  background-color: #e71e1d;
  color: #fff;
  border: none;
  cursor: default;
  pointer-events: none;
  
}

.pager span {
  font-family: "UD新ゴ M", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  height: 100%;
}

/* トップページアンカーリンク
*/
.top_anchor {
  padding: 3em 1em;
  background-color: #FEF2F2;
  display: grid;
  gap: .5em;
}

.top_anchor a {
  text-decoration: none;
  background: url(../img/ico_arr.png) no-repeat calc(100% - 5px) center/16px #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 26px 5px 5px;
  min-height: 2em;
}

.top_anchor + .top_anchor {
  border-top: 1px solid #E71E1D;
}

@media screen and (min-width:600px), print {
  .top_anchor {
    grid-template-columns: repeat(2, 1fr);
    gap: .8em;
  }
  
  .top_anchor a {
    min-height: 2.5em;
  }
}

/*----------------------------------------------------
 東京ポイント申請
------------------------------------------------------*/
.tracker {
  display: grid;
  font-size: .85em;
  gap: 2px
}

.tracker li {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 2.5em;
  background-color: #FDF5F5;
  color: #666;
  position: relative;
  z-index: 1;
  margin-bottom: 0 !important;
}

.tracker .tracker_now {
  background-color: #E71E1D;
  color: #fff;
}

.tracker .tracker_now::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1.2em;
  background: #ffffff;
  clip-path: polygon(0 0, 0 100%, 100% 50%);
  margin-right: .5em;
}

.grid_name,
.grid_birth {
  width: calc(100% - 2em);
  margin: 0 1em 1em;
  display: grid;
  gap: .5em;
  align-items: center;
}

.grid_employ {
  width: calc(100% - 2em);
  margin: 0 1em 1em;
  display: flex;
  flex-wrap: wrap;
  gap: .5em;
  align-items: center;
}

.grid_name label {
  display: grid;
  gap: .5em;
  grid-template-columns: 2em auto;
  align-items: center;
}

.grid_birth {
  grid-template-columns: 4em 6em 6em auto;
}

.grid_birth_input,
.grid_employ span {
  display: grid;
  gap: .5em;
  grid-template-columns: auto 1.5em;
  align-items: center;
}

.grid_birth_input,
.grid_employ span {
  width: 6em;
}

.grid_birth span:last-child {
  grid-column: 1 / 5;
}

.grid_employ span:not(:has(input)) {
  width: 2.5em;
  display: inline-block;
}

.grid_employ span:has(input[name="employed_y"]) {
  width: 7em;
}

.tpp_enq {
  min-width: auto;
}

.tpp_enq .main {
  width: 100%;
  margin: 0;
}

.tpp_enq .form_parts textarea {
  width: calc(100% - 1.5em);
}
@media screen and (min-width:650px), print {
  .tracker {
    grid-template-columns: repeat(4, 1fr);
  }
  .tracker.reapp {
    grid-template-columns: repeat(3, 1fr);
  }
}

.resend_btn {
  border: 1px solid #666;
  border-radius: 5px;
  background-color: transparent;
  display: block;
  width: 11.5em;
  margin-left: auto;
  color: #001C85;
  margin-top: .5em;
}

.app_info_div .interest_links {
  margin-top: 1em;
}

iframe + label {
  display: block;
  margin: 1em auto;
  width: 13.5em;
  font-size: 1.1em;
}

/*----------------------------------------------------
 pc表示
------------------------------------------------------*/
@media screen and (min-width:890px), print {
  .youtube_wrap,
  .map_wrap {
    width: 800px;
    margin: 0 auto;
    /* padding-top: 450px; */
  }

  .top_anchor {
    grid-template-columns: repeat(3, 1fr);
    gap: 1em;
  }

  .top_anchor a {
    background-position: center calc(100% - 5px);
    padding: 5px 5px 26px;
  }

  .grid_name {
    grid-template-columns: 1fr 1fr;
    gap: 2em;
    max-width: 800px;
  }
}

@media screen and (min-width:1080px), print {

  body {
    /* iPadでの背景色切れ対応 */
    min-width: 1256px;
    font-size: 100%;
  }

  /*
   共通
  ------------------------------------------------------*/
  .pc {
    display: block;
  }

  .sp {
    display: none;
  }

  .container {
    width: 1080px;
    margin: 0 auto;
  }

  /*
   header
  ------------------------------------------------------*/
  header {
    margin-bottom: 2em;
  }

  .logo {
    width: 150px;
  }

  .logo img {
    width: 100%;
  }

  .to_login {
    width: 13em;
  }

  .to_login li {
    width: 50%;
    /* height: 8em; */
  }
  
  .to_login .regist {
    left: 0;
    right: 0;
  }

  .to_login a {
    flex-direction: column;
    align-items: center;
    padding-top: calc(100% - 3em);
    font-weight: normal;
    min-height: 6.5em;
    flex-wrap: wrap;
  }

  .logged .to_mypage {
    order: 1;
  }

  .to_mypage a {
    background-position: center .5em;
  }

  .to_corp a {
    background-position: center 1em;
  }

  .logout a {
    background: url(../img/ico_logout_wht.svg) no-repeat center .5em/2.7em #666;
  }

  .jigyou .to_mypage a {
    background: url(../img/ico_corp_sp.png) no-repeat center 1em #2376D6;
  }

  .logged .mypage_btn > span,
  .logged .to_mypage a > span {
    background-color: #fff;
    color: #e71e1d;
  }

  nav {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: calc(100% - 14.25em - 150px);
    margin-top: -6.5em;
    margin-left: calc(150px + 1.25em);
    border-top: none;
  }

  nav ul {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    align-items: baseline;
  }

  .nav {
    order: 1;
    align-items: baseline;
  }

  .nav li {
    border-bottom: none;
  }

  .nav li {
    margin-right: 1.5em;
  }

  .nav a {
    display: inline;
    width: auto;
    padding: 0;
  }

  .sub_nav {
    background-color: #fff;
    padding: 1em;
    align-items: baseline;
  }

  .head_search {
    width: auto;
  }

  .head_search form,
  .head_search .text_box {
    min-height: auto;
  }

  .head_search .search_btn {
    margin: 0;
  }

  .sub_nav li {
    margin-bottom: 0;
    margin-right: 2em;
  }

  /*
   contents
  ------------------------------------------------------*/
  .page_ttl {
    margin-top: 8.5em;
  }

  .logged .page_ttl {
    margin-top: 5em;
  }

 .page_ttl h1 {
    flex-direction: row;
    justify-content: center;
    align-items: baseline;
  }
  
  .recruit .page_ttl h1,
  .facility .page_ttl h1,
  .event .page_ttl h1,
  .column .page_ttl h1,
  .glossary .page_ttl h1 {
    background-position: left center;
    padding: 0 2em 0;
    display: inline-block;
  }

  .recruit .page_ttl,
  .facility .page_ttl,
  .event .page_ttl,
  .column .page_ttl,
  .purpose .page_ttl,
  .form .page_ttl,
  .message .page_ttl,
  .faq .page_ttl,
  .glossary .page_ttl {
    width: 1256px;
    max-width: 100%;
    margin: 6em auto .2em;
    min-height: 5em;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }

  .form .page_ttl,
  .enquete .page_ttl h1,
  .moji .page_ttl,
  .related .page_ttl {
    margin-top: 6em;
  }

  .logged.recruit .page_ttl,
  .logged.facility .page_ttl,
  .logged.event .page_ttl,
  .logged.column .page_ttl,
  .logged.purpose .page_ttl,
  .logged.form .page_ttl,
  .logged.message .page_ttl,
  .logged.faq .page_ttl,
  .logged.glossary .page_ttl,
  .logged.form .page_ttl,
  .logged.enquete .page_ttl h1,
  .logged.moji .page_ttl,
  .logged.related .page_ttl {
    margin-top: 4.5em;
  }

  .breadcrumbs {
    width: 1256px;
    max-width: 100%;
    margin: -8.5em auto .2em;
    padding-top: 8.5em;
    padding-bottom: 1em;
    align-items: stretch;
  }

  .purpose .breadcrumbs {
    width: 1328px;
    max-width: 100%;
    margin: -5.5em auto .2em;
    padding: 5.5em 31px 7.5em;
    background-position: right top;
  }

  .interest_links_02 {
    flex-direction: row;
    justify-content: center;
  }

  .table_scroll table {
    white-space: normal;
  }
  
  .main caption {
    width: auto;
    position: static;
  }
  
  /*
   footer
  ------------------------------------------------------*/
  #footer_bnr .carousel__navLayer {
    width: calc(900px + 3.5em);
  }

  #footer_bnr .carousel__item {
    padding: 0 .5em;
  }
 
  /* footer {
    margin-top: 3em;
    ＃TODO：最下部に背景色がある場合があるため修正
  } */

  .footer_inner {
    background-color: #F2F2F2;
  }

  .footer_nav {
    display: flex;
    justify-content: center;
    width: 1120px;
    margin: 2.5em auto;
  }

  .footer_nav > li {
    border-bottom: none;
  }

  .footer_nav_inn {
    background-color: inherit;
  }

  .footer_nav_inn li {
    margin-bottom: .5em;
  }

  .footer_sub_nav {
    display: flex;
    justify-content: center;
    gap: 4em;
    border-top: 1px solid #ccc;
    padding: 1.125em 120px 1.125em 1em;
    align-items: baseline;
  }

  .footer_sub_nav li {
    margin-bottom: 0;
  }

  .add {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0 .5em;
  }

  .add li:last-child {
    width: 100%;
  }

  /* リンクリスト */
  .links_03 {
    flex-wrap: nowrap;
    gap: 1em;
    margin-left: calc(-50vw + 540px);
    width: calc(100vw - 10px);
    padding: 0 calc(50vw - 540px);
    border-bottom: 2px solid #E71E1D;
  }

  .links_03 li {
    width: auto;
    flex: 1;
  }

  .links_03 a {
    border-radius: 5px 5px 0 0;
    border-bottom: none;
  }

  .links_04 {
    grid-template-columns: repeat(3, 1fr)
  }

  .links_04 a {
    flex-direction: row;
    justify-content: center;
  }

  .links_04 a[href^="#"] {
    position: relative;
    min-height: 5.25em;
    border-radius: 3em;
    padding-right: 2em;
  }

  .links_04 a[href^="#"]::after {
    position: absolute;
    right: 1.3em;
  }

  .links_08 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
  }

  .dl_dl {
    display: flex;
    align-items: center;
  }

  .dl_dl dd {
    margin-left: auto;
  }

  .mypage_link_list {
    order: 1;
    width: 100%;
  }

  .mypage_link_list a {
    background-position: calc(100% - 1em) center;
    gap: 2em;
    flex-wrap: nowrap;
  }

  .mypage_link_list dl {
    display: flex;
    width: calc(100% - 13.5em);
  }

  .mypage_link_list dt {
    margin-bottom: 0;
  }

  .mypage_link_list dd {
    margin-left: 2em;
  }

  .mypage_link_list dl + span {
    width: 10.5em;
    margin-left: 0;
  }

  .mypage_link_list .new {
    margin-left: 0;
  }

  .mypage_link_list_color a {
    border-radius: 5px;
  }

  /* 検索ボックス共通 */
  .detail_search fieldset {
    display: block;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
  }

  .detail_search legend {
    width: 9em;
    text-align: center;
    float: left;
    padding-bottom: 301em;
    margin-bottom: -300em;
    display: block;
  }

  .detail_search legend + * {
    width: calc(100% - 9em);
    padding-top: 1em;
    margin-left: 9em;
  }

  .detail_search legend + select,
  .detail_search legend + textarea {
    width: calc(100% - 14.5em);
    margin-left: 1em;
  }

  .detail_search legend + textarea {
    margin-top: 1em;
  }

  .detail_search fieldset > div:not([class]),
  .detail_search fieldset ol {
    width: calc(100% - 11em);
    margin-left: 10em;
  }

  .detail_search label {
    line-height: 1.7;
  }

  .commit {
    display: block;
    width: 4.3em;
    margin: .3em auto 0;
  }

  .commit label {
    display: block;
    text-align: center;
    width: 100%;
  }
  
  /* tips */
  .tips_wrap {
    margin: 3em 0!important;
  }

  .tips {
    width: 144px;
    min-height: 144px;
    margin-bottom: 100px;
    right: -6.5em;
    bottom: auto;
    top: -1.5em;
  }

  .tips_wrap > :not([class]) {
    margin-right: 0;
    font-size: 100%;
  }

  .tips_wrap .tips h3 {
    font-size: 1.125em;
  }

  .tips p {
    font-size: 100%;
  }

  .tips::after {
    width: 102px;
    height: 124px;
    bottom: -100px;
  }

  /*  ページの感想・評価 */
  #enq {
    width: 1080px;
    margin: 3em auto;
    padding: 2em;
    border-radius: 10px;
  }

  #enq .radio {
    flex-direction: row;
    justify-content: flex-start;
    gap: 1.2em;
    position: relative;
  }

  #enq .radio::before {
    position: absolute;
    content: '';
    top: -28px;
    left: 2em;
    border: 15px solid transparent;
    border-bottom: 15px solid #fff;
    width: 0;
    height: 0;
  }

  .top_anchor {
    padding: 1.5em calc(50vw - 540px - .5em);
  }

  .detail_search .grid_name,
  .detail_search .grid_birth,
  .detail_search .grid_employ {
    width: calc(100% - 11em);
    margin-left: 10em;
  }

}

/* 画面色（全ページ共通）
全ページに読み込むcssの一番最後に記載
=============================================================================================*/

body.nonebg,
.nonebg * {
  background-image: none !important;
}


/* 画面色　黒 */

body.black,
.black *,
.black .main * {
  color: #FFF !important;
  background-color: #000 !important;
  border-color: #fff !important;
}

.black a:focus,
.black button:focus {
  background: #fff !important;
  color: #000 !important;
}


/* 画面色　青 */

body.blue,
.blue *,
.blue .main * {
  color: #fff !important;
  background-color: #001C85 !important;
  border-color: #ffff50 !important;
}

.blue a:focus,
.blue button:focus {
  background: #ffff50 !important;
  color: #001C85 !important;
}


/* 画面色　黄 */

body.yellow,
.yellow *,
.yellow .main * {
  color: #222 !important;
  background-color: #ffe63b !important;
  border-color: #000 !important;
}

.yellow a:focus,
.yellow button:focus {
  background: #222 !important;
  color: #ffe63b !important;
}

.bt_normal a {
  background: #fff !important;
  color: #222 !important;
}

.bt_normal a:focus {
  background: #222 !important;
  color: #fff !important;
}

.bt_black a {
  background: #222 !important;
  color: #fff !important;
}

.bt_black a:focus {
  background: #fff !important;
  color: #222 !important;
}

.bt_blue a {
  background: #001C85 !important;
  color: #fff !important;
}

.bt_blue a:focus {
  background: #ffff50 !important;
  color: #001C85 !important;
}

.bt_yellow a {
  background: #ffe63b !important;
  color: #222 !important;
}

.bt_yellow a:focus {
  background: #222 !important;
  color: #ffe63b !important;
}

.bt_normal,
.bt_black,
.bt_blue,
.bt_yellow {
  border-style: solid;
  border-width: 1px;
  border-color: #666 !important;
  padding: 2px;
  border-radius: 4px;
}

.fsize ul,
.bgcolor ul {
  display: flex;
  gap: 1em;
  flex-wrap: wrap;
}

.fsize li:not(:last-child),
.bgcolor li:not(:last-child) {
  margin-bottom: 0;
}

.fsize ul a,
.bgcolor ul a {
  display: block;
  border: 1px solid #666;
  padding: .5em 1em;
  text-decoration: none;
  border-radius: 4px;
}

.nonebg .page_ttl {
  position: relative;
}

/* エディタ用 */
#tinymce img {
  pointer-events: auto;
}

/* プレビュー画面用 */
.youtube_wrap .mce-preview-object,
.map_wrap .mce-preview-object {
  position: static;
}

/* やさしい日本語用 */
ruby {
  margin-top: -.25em;
}

/* 法人・事業所申請画面用 */
.work_kind_add {
  margin: 1em 0 0 auto;
  display: block;
}

.work_kind_row.additional_row {
  margin-top: 3.5em;
  border-top: 2px solid #E71E1D;
}

.work_kind_row .sp_2col {
  padding: 0;
  margin: 1.5em 0 1em !important;
  gap: 0;
}

.work_kind_row .sp_2col li {
  padding: .3em 1em 0;
}

.work_kind_row .sp_2col li:has(input:checked) {
  border-bottom: 1px solid #e71e1d;
  background-color: #e71e1d;
  position: relative;
  color: #fff
}

.work_kind_row .sp_2col input:checked {
 accent-color: #222 
}

.work_kind_row .sp_2col li:has(input:checked):after {
  content: "";
  display: block;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  width: 2em;
  height: 1em;
  bottom: -1em;
  right: calc(50% - 1em);
  background-color: #e71e1d;
  position: absolute;
}

.work_kind_row .sp_2col li:last-child {
  margin-left: auto;
  padding: .3em 0 0;
}

.work_kind_del {
  background-color: #fff;
  color: #E71E1D;
  border: 2px solid;
  padding: .3em 1em;
  border-radius: 1.5em;
  font-weight: bold
}

.work_kind_del:hover {
  color: #000;
}

.work_kind_row th {
  background-color: #767676;
}

.file_label {
  background-color: #efefef;
  padding: 0 .5em;
  border: 1px solid #767676;
  border-radius: 3px;
}

.mypage.jigyou.logged .detail_search .table_scroll caption {
  width: calc(100vw - 5em);
}

.jigyo_accordion dl {
  margin-bottom: 1em;
}

.jigyo_accordion dt {
  font-family: "UD新ゴ M", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
}

.jigyo_accordion dd {
  margin-left: 1.5em;
}

.jigyo_accordion dd + dt {
  margin-top: 1em;
}

.jigyo_accordion {
  position: relative;
}

.jigyo_accordion_btn {
  color: #767676;
  background-color: #fff;
  border: 2px solid;
  display: block;
  width: 4em;
  padding: .2em 0;
  text-align: center;
  border-radius: 1.5em;
  top: -3.8em;
  right: 1em;
  position: absolute;
  text-decoration: none;
}

@media screen and (min-width:1080px), print {
  .work_kind_row .create {
    width: 16em;
    display: block;
    overflow: auto;
    white-space: nowrap;
  }

  .work_kind_row .create input {
    display: block;
    text-overflow: clip;
  }
  
  .create label input {
    display: none !important;
  }

  .mypage.jigyou.logged .detail_search .table_scroll caption {
    width: auto;
  }

  .jigyou .detail_search legend + .jigyo_accordion {
    padding-top: 3em;
    margin-left: 17em;
  }

  .jigyo_accordion_btn {
    top: .5em;
    right: auto;
    left: 0;
  }

  /* 関連サイト更新情報 */
  .related_updates {
    display: grid;
    grid-template-columns: 9em calc(100% - 10em);
    gap: 1.5em 1em
  }

  .related_updates dd:not(:last-child) {
    margin-bottom: 0;
  }

  /* ページャー */
  .pager {
    gap: 1em;
  }

}