@charset "UTF-8";
/*** The new CSS reset - version 1.11.1 (last updated 24.10.2023) ***/
*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg*, symbol*)) {
  all: unset;
  display: revert;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
      text-size-adjust: none;
}

a,
button {
  cursor: revert;
}

ol,
ul,
menu,
summary {
  list-style: none;
}

img {
  max-inline-size: 100%;
  max-block-size: 100%;
}

table {
  border-collapse: collapse;
}

input,
textarea {
  -webkit-user-select: auto;
}

textarea {
  white-space: revert;
}

meter {
  -webkit-appearance: revert;
  -moz-appearance: revert;
       appearance: revert;
}

:where(pre) {
  all: revert;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

::-webkit-input-placeholder {
  color: unset;
}

:-ms-input-placeholder {
  color: unset;
}

::-ms-input-placeholder {
  color: unset;
}

::placeholder {
  color: unset;
}

:where([hidden]) {
  display: none;
}

:where([contenteditable]:not([contenteditable="false"])) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
  -webkit-user-select: auto;
}

:where([draggable="true"]) {
  -webkit-user-drag: element;
}

:where(dialog:modal) {
  all: revert;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/*********************
* PC+SP
*********************/
/*********************
* HEADER
*********************/
header {
  width: 100%;
  padding: 30px 0;
  z-index: 9000;
  background-color: rgba(62, 130, 231, 0.8);
  color: #fff;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
}

header #logo {
  width: 180px;
}

header .hamburger {
  display: none;
}

header .global-navigation__link.-accordion {
  position: relative;
  background: none;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  padding: 0;
}

header .global-navigation__link.-accordion::after {
  content: '';
  display: block;
  height: 12px;
  position: absolute;
  top: 50%;
  right: 5px;
  width: 2px;
  background-color: #ed3242;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
}

header .global-navigation__link.-accordion ::before {
  content: '';
  display: block;
  height: 2px;
  position: absolute;
  top: 50%;
  right: 0;
  width: 12px;
  background-color: #ed3242;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

header .global-navigation__link.-active::after {
  -webkit-transform: translateY(-50%) rotate(-90deg);
          transform: translateY(-50%) rotate(-90deg);
}

header .accordion {
  height: 0;
  overflow: hidden;
  visibility: hidden;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

header .accordion.-active {
  height: auto;
  padding-top: 30px;
  visibility: visible;
}

/*********************
* FOOTER
*********************/
/*********************
* ページ共通
*********************/
.w800 {
  width: calc(100% - 60px);
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
}

.w1200 {
  width: calc(100% - 60px);
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}

#main {
  padding: 60px 0;
}

/*********************
* トップページ
*********************/
.top {
  width: 800px;
  margin: auto;
}

.top .top_link_list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
  gap: 80px;
}

.top .top_link_list li {
  padding: 10px;
  background-color: rgba(62, 130, 231, 0.2);
}

.top .top_link_list li h2 {
  font-size: 2rem;
}

.top .top_link_list li .thumb {
  aspect-ratio: 2 / 1;
  overflow: hidden;
}

.top .top_link_list li .thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
}

.top .top_link_list li a {
  display: block;
  width: 100%;
  background-color: rgba(62, 130, 231, 0.8);
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-align: center;
  padding: 0.5em 0;
}

/*********************
* ログインページ
*********************/
.login .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  max-width: 800px;
  background-color: #fff;
  border: 1px solid rgba(62, 130, 231, 0.8);
  margin: 20px auto;
  padding: 20px;
}

.login .left, .login .right {
  padding: 20px;
  width: 50%;
}

.login .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.login .left p {
  font-size: 1.2em;
  color: #333;
  margin-bottom: 20px;
}

.login .login-btn,
.login .wpg-button {
  width: 100%;
  padding: 10px;
  font-size: 1.2em;
  font-weight: 700;
  text-align: center;
  margin-bottom: 10px;
  border: none;
  border-radius: 5px;
  line-height: auto;
  height: auto;
  cursor: pointer;
  color: #fff !important;
}

.login .login-btn.line,
.login .wpg-button.line {
  background-color: #00c300 !important;
}

.login .login-btn.line {
  background-color: #00c300;
}

.login .login-btn.facebook {
  background-color: #3b5998;
}

.login .login-btn.x {
  background-color: #1da1f2;
}

.login .login-btn.email {
  background-color: #007BFF;
}

.login .skip-link {
  margin-top: 20px;
  font-size: 0.9em;
  color: #007BFF;
  text-decoration: none;
}

.login .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fff;
}

.login .right h2 {
  margin-bottom: 20px;
  font-size: 1.5em;
  color: #333;
}

.login .right p {
  font-size: 1.2em;
  color: #333;
}

/*********************
* フォームのページ
*********************/
.wpuf-form-add {
  width: 800px;
  margin: 80px auto 100px;
}

.wpuf-form-add .wpuf-form {
  /* placeholderの文字色を薄くする */
}

.wpuf-form-add .wpuf-form li {
  padding: 0;
}

.wpuf-form-add .wpuf-form li .wpuf-label {
  margin-bottom: 0 !important;
}

.wpuf-form-add .wpuf-form li[data-label="投稿タイトル"] {
  display: none;
}

.wpuf-form-add .wpuf-form li[data-label="性別"] .wpuf-fields, .wpuf-form-add .wpuf-form li[data-label="配偶者"] .wpuf-fields, .wpuf-form-add .wpuf-form li[data-label="配偶者の扶養義務"] .wpuf-fields {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0 2em;
}

.wpuf-form-add .wpuf-form li input {
  padding: 5px !important;
}

.wpuf-form-add .wpuf-form li .wpuf-section-wrap {
  margin: 40px 0 15px 0;
}

.wpuf-form-add .wpuf-form .wpuf-submit-button {
  display: block;
  width: 100%;
  max-width: 400px;
  margin: auto;
  background-color: rgba(62, 130, 231, 0.8);
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  border: 0;
  border-radius: 5px;
  padding: 0.5em 0;
  cursor: pointer;
}

.wpuf-form-add .wpuf-form .wpuf-submit-button:hover {
  opacity: 0.8;
}

.wpuf-form-add .wpuf-form input[type="text"],
.wpuf-form-add .wpuf-form input[type="email"],
.wpuf-form-add .wpuf-form textarea,
.wpuf-form-add .wpuf-form select {
  width: 100%;
  padding: 10px;
}

.wpuf-form-add .wpuf-form ::-webkit-input-placeholder {
  color: #969696;
  /* 薄いグレー */
  opacity: 1;
  /* Firefox用 */
}

.wpuf-form-add .wpuf-form :-ms-input-placeholder {
  color: #969696;
  /* 薄いグレー */
  opacity: 1;
  /* Firefox用 */
}

.wpuf-form-add .wpuf-form ::-ms-input-placeholder {
  color: #969696;
  /* 薄いグレー */
  opacity: 1;
  /* Firefox用 */
}

.wpuf-form-add .wpuf-form ::placeholder {
  color: #969696;
  /* 薄いグレー */
  opacity: 1;
  /* Firefox用 */
}

.wpuf-form-add .wpuf-form :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #969696;
}

.wpuf-form-add .wpuf-form ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #969696;
}

.wpuf-form-add .wpuf-attachment-upload-filelist {
  margin-top: 1em;
}

.wpuf-form-add .photo_info_box {
  background-color: rgba(62, 130, 231, 0.2);
  padding: 10px;
}

.wpuf-form-add .photo_info_box p {
  font-weight: 700;
}

.wpuf-form-add .photo_info_box ul {
  list-style: none;
  padding: 0;
}

.wpuf-form-add .photo_info_box ul li {
  margin-bottom: 0;
}

#greeting-list {
  border: 1px solid #b3b3b3;
  padding: 10px;
  margin: 0;
}

#greeting-list li .title {
  font-size: 1.2rem;
  font-weight: 700;
}

#greeting-list li:hover {
  background: rgba(62, 130, 231, 0.2);
}

.wpuf-registration-form {
  width: 800px;
  margin: 80px auto 100px;
}

/* モーダルのスタイル */
.modal {
  display: none;
  /* デフォルトでは非表示 */
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5);
  /* 背景の半透明 */
}

.modal-content {
  position: relative;
  background-color: #fff;
  margin: 15% auto;
  padding: 30px;
  border: 1px solid #888;
  width: 80%;
  max-width: 800px;
}

.close {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #aaa;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

/*********************
* 印刷プレビューページ
*********************/
.printpreview .preview-viewer {
  margin-bottom: 120px;
}

.printpreview .edit_btn_area {
  max-width: 800px;
  margin: auto;
}

.printpreview .edit_btn_area .edit_btn_list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
  gap: 80px;
  margin-bottom: 2em;
}

.printpreview .edit_btn_area .edit_btn_list li a {
  display: block;
  width: 100%;
  background-color: rgba(62, 130, 231, 0.8);
  color: #fff;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  border: 0;
  border-radius: 5px;
  padding: 0.5em 0;
}

.printpreview .edit_btn_area .edit_btn_list li a:hover {
  opacity: 0.8;
}

.printpreview .edit_btn_area .save_btn {
  display: block;
  width: 100%;
  max-width: 400px;
  margin: auto;
  background-color: rgba(62, 130, 231, 0.8);
  color: #fff;
  font-size: 1.4rem;
  text-align: center;
  font-weight: 700;
  letter-spacing: 0.1em;
  border-radius: 5px;
  padding: 0.5em 0;
  cursor: pointer;
}

.printpreview .edit_btn_area .save_btn:hover {
  opacity: 0.8;
}

.preview-is-checked {
  border: 1px solid rgba(0, 0, 0, 0.75);
  border-radius: 50%;
  display: inline-block;
  width: 1.5rem;
  text-align: center;
}

.doc-paper {
  font-weight: 400;
  background: #fff;
  color: #000;
  font-size: 15px;
  width: 794px;
  margin: 0 auto;
  padding: 0 68px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
}

.doc-paper a {
  color: rgba(0, 0, 0, 0.75);
}

.doc-paper pre {
  white-space: pre-wrap;
  font-family: Noto Sans JP,Noto Sans Japanese,MyFontFamily,Segoe UI Emoji,Segoe UI Symbol,Apple Color Emoji,Noto Color Emoji,Noto Emoji,sans-serif;
  margin: 0;
  line-height: 1.4;
  font-weight: 400;
}

.pdf .doc-paper {
  padding: 0 !important;
  min-height: auto !important;
}

.font-size-xs {
  font-size: 11px;
}

.font-size-sm {
  font-size: 12px;
}

.font-size-md {
  font-size: 15px;
}

.font-size-lg {
  font-size: 19px;
}

.font-size-xl {
  font-size: 21px;
}

.rirekisho .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
}

.rirekisho-box1 {
  position: relative;
  width: 454px;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.rirekisho-box1.full {
  width: 100%;
}

.rirekisho-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.rirekisho-header .title {
  letter-spacing: 24px;
  margin-right: auto;
  font-size: 24px;
}

.rirekisho-header .title.slim {
  font-size: 20px;
}

.rirekisho-header .date {
  font-size: 12px;
  letter-spacing: .1rem;
}

.rirekisho-header .date .year {
  display: inline-block;
  min-width: 38px;
}

.rirekisho-header .date .day, .rirekisho-header .date .month {
  display: inline-block;
  min-width: 19px;
  margin-left: 8px;
}

.rirekisho-profile {
  border: 2px solid rgba(0, 0, 0, 0.75);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: none;
}

.rirekisho-profile .name, .rirekisho-profile .ruby {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.rirekisho-profile .name .label, .rirekisho-profile .ruby .label {
  width: 20mm;
  padding-left: 2mm;
  font-size: 12px;
}

.rirekisho-profile .ruby {
  height: 23px;
}

.rirekisho-profile .name {
  height: 68px;
  border-top: 1px dotted #000;
}

.rirekisho-profile .name.slim {
  height: 53px;
}

.rirekisho-profile .name .input {
  font-size: 21px;
}

.rirekisho-profile .etc {
  height: 53px;
  border-top: 1px solid #000;
}

.rirekisho-profile .etc.slim {
  height: 45px;
}

.rirekisho-profile .etc .birthday {
  -webkit-box-flex: 5;
  -ms-flex: 5;
  flex: 5;
  padding-left: 8px;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
      align-self: center;
  letter-spacing: .1rem;
  text-align: right;
}

.rirekisho-profile .etc .birthday .year {
  display: inline-block;
  min-width: 38px;
}

.rirekisho-profile .etc .birthday .age, .rirekisho-profile .etc .birthday .day, .rirekisho-profile .etc .birthday .month {
  display: inline-block;
  min-width: 19px;
}

.rirekisho-profile .etc .gender {
  border-left: 1px solid #000;
}

.rirekisho-photo, .rirekisho-profile .etc .gender {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.rirekisho-photo > div {
  z-index: 1;
  width: 113px;
  height: 151px;
  overflow: hidden;
  position: relative;
}

.rirekisho-photo img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.rirekisho-photo-inner {
  width: 113px;
  height: 151px;
  outline: 1px dotted rgba(0, 0, 0, 0.75);
  outline-offset: -5px;
  font-size: .5rem;
  position: relative;
}

.rirekisho-photo-inner p {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 83px;
}

.rirekisho-box2 {
  border: 2px solid rgba(0, 0, 0, 0.75);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.contact-information {
  line-height: 1.4;
}

.contact-information .label {
  width: 25%;
}

.contact-information .input {
  width: 75%;
}

.contact-information.contact-sub {
  border-top: 1px solid #000;
}

.contact-information-address {
  width: 70%;
}

.contact-information-address .address .label, .contact-information-address .ruby .label {
  width: 20mm;
  padding-left: 2mm;
  font-size: 12px;
}

.contact-information-address .ruby {
  font-size: 12px;
}

.contact-information-address .address {
  border-top: 1px dotted #000;
  height: 57px;
  position: relative;
}

.contact-information-address .address .postal-code {
  font-size: 12px;
}

.contact-information-address .address .comment {
  position: absolute;
  top: 0;
  right: 12px;
  font-size: 12px;
}

.contact-information-address .address .care-of {
  font-size: 12px;
  position: absolute;
  bottom: 4px;
  right: 8px;
}

.contact-information-etc {
  border-left: 1px solid #000;
  width: 30%;
}

.contact-information-etc .email .label, .contact-information-etc .mobile .label, .contact-information-etc .tel .label {
  width: 20mm;
  padding-left: 2mm;
  font-size: 12px;
  padding-left: 8px;
  width: 45px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.contact-information-etc .mobile {
  border-top: 1px solid #000;
}

.contact-information-etc .email {
  word-wrap: break-word;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-top: 1px solid #000;
}

.contact-information-etc .email .label {
  width: 100%;
}

.contact-information-etc .email .input {
  padding-left: 8px;
  font-size: 11px;
}

.contact-information-etc .email .input, .rirekisho-table table {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.rirekisho-table table {
  border: 2px solid rgba(0, 0, 0, 0.75);
  border-collapse: collapse;
}

.rirekisho-table table tbody, .rirekisho-table table thead {
  text-align: center;
}

.rirekisho-table table tbody tr, .rirekisho-table table thead tr {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

.rirekisho-table table tbody th, .rirekisho-table table thead th {
  font-weight: 400;
  width: 60px;
  padding: 4px 8px;
  height: 26px;
}

.rirekisho-table table tbody td, .rirekisho-table table thead td {
  border-left: 1px solid #000;
  padding: 4px 8px;
  height: 27px;
  white-space: nowrap;
}

.rirekisho-table table tbody td:nth-child(2), .rirekisho-table table thead td:nth-child(2) {
  border-left: 1px dotted #000;
  width: 38px;
}

.rirekisho-table table tbody td:nth-child(3), .rirekisho-table table thead td:nth-child(3) {
  max-width: 378px !important;
  overflow: hidden;
}

.rirekisho-table table thead td, .rirekisho-table table thead th {
  height: 19px;
  font-size: 12px;
}

.rirekisho-table table tbody td:nth-child(3) {
  text-align: left;
}

.rirekisho-table .end-of-content td {
  text-align: right !important;
}

.rirekisho-table-slim.rirekisho-history-1 {
  margin-bottom: 0;
}

.rirekisho-table-slim table {
  font-size: 12px;
}

.rirekisho-table-slim table tbody, .rirekisho-table-slim table thead {
  text-align: center;
}

.rirekisho-table-slim table tbody tr, .rirekisho-table-slim table thead tr {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

.rirekisho-table-slim table tbody th, .rirekisho-table-slim table thead th {
  font-weight: 400;
  width: 60px;
  padding: 0 8px;
  height: 26px;
}

.rirekisho-table-slim table tbody td, .rirekisho-table-slim table thead td {
  border-left: 1px solid #000;
  padding: 0 8px;
  height: 26px;
  white-space: nowrap;
}

.rirekisho-table-slim table tbody td:nth-child(2), .rirekisho-table-slim table thead td:nth-child(2) {
  border-left: 1px dotted #000;
  width: 38px;
}

.rirekisho-table-slim table tbody td:nth-child(3), .rirekisho-table-slim table thead td:nth-child(3) {
  width: 378px !important;
}

.rirekisho-table-wide table tbody, .rirekisho-table-wide table thead {
  text-align: center;
}

.rirekisho-table-wide table tbody tr, .rirekisho-table-wide table thead tr {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

.rirekisho-table-wide table tbody th, .rirekisho-table-wide table thead th {
  font-weight: 400;
  width: 60px;
  padding: 0 8px;
  height: 38px;
}

.rirekisho-table-wide table tbody td, .rirekisho-table-wide table thead td {
  border-left: 1px solid #000;
  padding: 0 8px;
  height: 38px;
  white-space: nowrap;
}

.rirekisho-table-wide table tbody td:nth-child(2), .rirekisho-table-wide table thead td:nth-child(2) {
  border-left: 1px dotted #000;
  width: 38px;
}

.rirekisho-table-wide table tbody td:nth-child(3), .rirekisho-table-wide table thead td:nth-child(3) {
  width: 378px !important;
}

.rirekisho-history-1 {
  margin-top: 8px;
  margin-bottom: 26px;
}

.rirekisho-history-1 .education td, .rirekisho-history-1 .experience td {
  text-align: center !important;
}

.rirekisho-new-history-1 {
  margin-top: 8px;
  margin-bottom: 8px;
}

.rirekisho-new-history-1 .education td, .rirekisho-new-history-1 .experience td {
  text-align: center !important;
}

.rirekisho-history-2 {
  margin-top: 8px;
}

.rirekisho-history-2 .education td, .rirekisho-history-2 .experience td {
  text-align: center !important;
}

.rirekisho-pr, .rirekisho-skill {
  margin-top: 8px;
}

.rirekisho-pr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 2px solid rgba(0, 0, 0, 0.75);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 208px;
}

.rirekisho-pr.large {
  height: 302px;
}

.rirekisho-pr .label {
  width: 20mm;
  padding-left: 2mm;
  font-size: 12px;
  padding-left: 0;
  width: auto;
}

.rirekisho-pr .rirekisho-pr-reason {
  width: 60%;
  padding: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.rirekisho-pr .rirekisho-pr-reason pre {
  line-height: 1.7;
}

.rirekisho-pr .rirekisho-jis-pr-reason {
  width: 100%;
  padding: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.rirekisho-pr .rirekisho-jis-pr-reason pre {
  line-height: 1.7;
}

.rirekisho-pr .rirekisho-pr-etc {
  border-left: 1px solid #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 40%;
}

.rirekisho-pr .rirekisho-pr-etc .input {
  font-size: 12px;
}

.rirekisho-pr .rirekisho-pr-etc .time {
  padding: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  word-break: break-all;
}

.rirekisho-pr .rirekisho-pr-etc .time .input {
  text-align: right;
  margin-top: 8px;
  margin-left: -2px;
  line-height: 1;
}

.rirekisho-pr .rirekisho-pr-etc .time .input span {
  min-width: 19px;
  display: inline-block;
}

.rirekisho-pr .rirekisho-pr-etc .family {
  border-top: 1px solid #000;
  padding: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.rirekisho-pr .rirekisho-pr-etc .family .input {
  text-align: right;
  margin-top: 8px;
}

.rirekisho-pr .rirekisho-pr-etc .family .input span {
  min-width: 19px;
  display: inline-block;
}

.rirekisho-pr .rirekisho-pr-etc .partner {
  border-top: 1px solid #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.rirekisho-pr .rirekisho-pr-etc .partner .existence, .rirekisho-pr .rirekisho-pr-etc .partner .support {
  padding: 4px;
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.rirekisho-pr .rirekisho-pr-etc .partner .support {
  padding: 4px;
  border-left: 1px solid #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 3;
  -ms-flex: 3;
  flex: 3;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.rirekisho-pr-slim {
  margin-top: 8px;
  border: 2px solid rgba(0, 0, 0, 0.75);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.rirekisho-pr-slim pre {
  font-size: 13px;
}

.rirekisho-pr-slim .label {
  width: 20mm;
  padding-left: 2mm;
  font-size: 12px;
  padding-left: 0;
  width: auto;
}

.rirekisho-pr-slim .rirekisho-jis-pr-reason, .rirekisho-pr-slim .rirekisho-pr-reason {
  padding: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 76px;
  height: 91px;
}

.rirekisho-pr-slim .rirekisho-pr-reason-new {
  padding: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 76px;
  height: 756px;
}

.rirekisho-pr-slim .rirekisho-pr-reason-new-stg {
  padding: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 76px;
  height: 605px;
}

.rirekisho-pr-slim .rirekisho-qr-introd-new {
  padding: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 76px;
  height: 151px;
}

.rirekisho-pr-slim .rirekisho-pr-reason-new-single {
  padding: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 151px;
  height: 189px;
}

.rirekisho-pr-slim .rirekisho-pr-etc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #000;
}

.rirekisho-pr-slim .rirekisho-pr-etc .input {
  font-size: 12px;
}

.rirekisho-pr-slim .rirekisho-pr-etc .time {
  padding: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.rirekisho-pr-slim .rirekisho-pr-etc .time span {
  min-width: 19px;
  display: inline-block;
}

.rirekisho-pr-slim .rirekisho-pr-etc .family {
  border-left: 1px solid #000;
  padding: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.rirekisho-pr-slim .rirekisho-pr-etc .family span {
  min-width: 19px;
  display: inline-block;
}

.rirekisho-pr-slim .rirekisho-pr-etc .partner {
  border-left: 1px solid #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
}

.rirekisho-pr-slim .rirekisho-pr-etc .partner .existence, .rirekisho-pr-slim .rirekisho-pr-etc .partner .support {
  padding: 4px;
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.rirekisho-pr-slim .rirekisho-pr-etc .partner .support {
  padding: 4px;
  border-left: 1px solid #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.rirekisho-hope {
  padding: 4px;
  margin-top: 8px;
  border: 2px solid rgba(0, 0, 0, 0.75);
  -webkit-box-sizing: border-box;
  min-height: 189px;
  box-sizing: border-box;
  height: 208px;
}

.rirekisho-hope .label {
  width: 20mm;
  padding-left: 2mm;
  font-size: 12px;
  padding-left: 0;
  width: auto;
}

.rirekisho-hope pre {
  line-height: 1.7;
}

.rirekisho-hope.large {
  height: 265px;
}

.rirekisho-new-hope {
  padding: 4px;
  margin-top: 8px;
  border: 2px solid rgba(0, 0, 0, 0.75);
  -webkit-box-sizing: border-box;
  min-height: 132px;
  box-sizing: border-box;
  height: 151px;
}

.rirekisho-new-hope .label {
  width: 20mm;
  padding-left: 2mm;
  font-size: 12px;
  padding-left: 0;
  width: auto;
}

.rirekisho-new-hope pre {
  line-height: 1.7;
}

.rirekisho-new-hope.large {
  height: 265px;
}

.rirekisho-hope-slim {
  padding: 4px;
  margin-top: 8px;
  border: 2px solid rgba(0, 0, 0, 0.75);
  -webkit-box-sizing: border-box;
  min-height: 113px;
  height: 91px;
  box-sizing: border-box;
}

.rirekisho-hope-slim pre {
  font-size: 13px;
}

.rirekisho-hope-slim .label {
  width: 20mm;
  padding-left: 2mm;
  font-size: 12px;
  padding-left: 0;
  width: auto;
}

.rirekisho-new-hope-slim {
  padding: 4px;
  margin-top: 8px;
  border: 2px solid rgba(0, 0, 0, 0.75);
  -webkit-box-sizing: border-box;
  min-height: 91px;
  height: 91px;
  box-sizing: border-box;
}

.rirekisho-new-hope-slim pre {
  font-size: 13px;
}

.rirekisho-new-hope-slim .label {
  width: 20mm;
  padding-left: 2mm;
  font-size: 12px;
  padding-left: 0;
  width: auto;
}

.rirekisho-jobtype {
  border: 2px solid rgba(0, 0, 0, 0.75);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 4px;
  height: 95px;
}

.rirekisho-jobtype .label {
  font-size: 12px;
}

.rirekisho-terms {
  border: 2px solid rgba(0, 0, 0, 0.75);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 8px;
  padding: 4px;
}

.rirekisho-terms .label {
  font-size: 12px;
}

.keirekisho {
  font-size: 14px;
  height: auto;
  color: #262626;
  line-height: 1.7;
}

.keirekisho h1, .keirekisho h2, .keirekisho h3, .keirekisho h4, .keirekisho h5 {
  color: #000;
}

.keirekisho .title, .keirekisho h1 {
  font-size: 24px;
  margin: 0;
  border-bottom: 3px double #000;
  text-align: left;
}

.keirekisho h2 {
  font-size: 18px;
  border-bottom: 1px solid #000;
  padding-bottom: .25rem;
}

.keirekisho h2, .keirekisho h3 {
  font-weight: 700;
  margin: 1.5rem 0 .75rem;
}

.keirekisho h3 {
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1rem;
  padding: .25rem 1rem .25rem .5rem;
  background: #d9d9d9;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.keirekisho h3 span {
  margin-left: auto;
  font-size: .75rem;
}

.keirekisho h4 {
  margin: 1rem 0 .5rem;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.keirekisho h4:before {
  content: "";
  display: inline-block;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OTYgNDk2Ij48cGF0aCBkPSJNMjQ4IDBDMTExIDAgMCAxMTEgMCAyNDhzMTExIDI0OCAyNDggMjQ4IDI0OC0xMTEgMjQ4LTI0OFMzODUgMCAyNDggMHptMTU1LjMxIDE5NS4zMWwtMTg0IDE4NGExNiAxNiAwIDAxLTIyLjYyIDBsLTEwNC0xMDRhMTYgMTYgMCAwMTAtMjIuNjJsMjIuNjItMjIuNjNhMTYgMTYgMCAwMTIyLjYzIDBMMjA4IDMwMC4xMmwxNTAuMDYtMTUwLjA2YTE2IDE2IDAgMDEyMi42MyAwbDIyLjYyIDIyLjYzYTE2IDE2IDAgMDEwIDIyLjYyeiIvPjwvc3ZnPg==");
  margin-right: .25rem;
  width: .875rem;
  height: .875rem;
}

.keirekisho h4 span {
  color: #4d4d4d;
  font-weight: 400;
  font-size: .75rem;
  margin-left: 1rem;
}

.keirekisho h5 {
  margin: .25rem 0;
  font-size: 14px;
}

.keirekisho h5:before {
  content: "\25C7";
  margin-right: .25rem;
}

.keirekisho h5 span {
  color: #4d4d4d;
  font-weight: 400;
  font-size: .75rem;
  margin-left: 1rem;
}

.keirekisho p {
  margin: 0;
  padding: 0;
}

.keirekisho p + p {
  margin: 14px 0;
}

.keirekisho pre {
  line-height: 1.7;
}

.keirekisho ol, .keirekisho ul {
  margin: .25rem 0;
  padding: 0 0 0 2.25rem;
}

.keirekisho dl {
  margin: 0;
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
}

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

.keirekisho dl + dl {
  border-top: none;
}

.keirekisho dl dt {
  font-weight: 700;
  float: left;
  padding: .25rem 0;
}

.keirekisho dl dd, .keirekisho dl dt {
  width: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.keirekisho dl dd {
  color: #666;
  float: right;
  padding: .25rem 0 .25rem .5rem;
  margin: 0;
}

.keirekisho table thead th {
  border-bottom: 1px solid #ccc;
}

.keirekisho table thead th:first-child {
  min-width: 91px;
}

.keirekisho table tbody td {
  border-bottom: 1px solid #ccc;
  padding: .25rem 0;
}

.keirekisho .data {
  margin-top: .25rem;
  line-height: 1.4;
}

.keirekisho .organization {
  position: relative;
  line-height: 1.4;
  padding: .25em 1em;
  display: block;
  top: 0;
  margin-bottom: 1rem;
}

.keirekisho .organization:after, .keirekisho .organization:before {
  position: absolute;
  top: 0;
  content: "";
  width: 8px;
  height: 100%;
  display: inline-block;
}

.keirekisho .organization:before {
  border-left: 1px solid #d9d9d9;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  left: 0;
}

.keirekisho .organization:after {
  content: "";
  border-top: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  right: 0;
}

.keirekisho .organization p {
  margin: 0;
}

.keirekisho .role {
  margin-top: .875rem;
}

.keirekisho .role:before {
  content: "[";
  padding-right: .25rem;
}

.keirekisho .role:after {
  content: "]";
  padding-left: .25rem;
}

.keirekisho .role p {
  margin: 0;
}

.keirekisho .role + ol, .keirekisho .role + p, .keirekisho .role + ul {
  margin-top: 0;
}

.keirekisho .job-history, .keirekisho .job-summary, .keirekisho .prMessage, .keirekisho .skills-to-use {
  min-height: 1rem;
}

.keirekisho-header {
  text-align: center;
}

.keirekisho-header span {
  display: block;
}

.keirekisho-header .date {
  letter-spacing: .1rem;
}

.keirekisho-header .date .year {
  display: inline-block;
  min-width: 38px;
}

.keirekisho-header .date .day, .keirekisho-header .date .month {
  display: inline-block;
  min-width: 19px;
  margin-left: 8px;
}

/*********************
* マイページ
*********************/
.mypage h2 {
  font-size: 2em;
  font-weight: 700;
  text-align: center;
  margin-bottom: 60px;
}

.mypage .rirekisyo_list li {
  padding: 2em 0;
  border-bottom: 1px dotted #b2b2b2;
}

.mypage .rirekisyo_list li p {
  font-size: 1.4em;
  margin-bottom: 1em;
}

.mypage .rirekisyo_list li a:hover {
  opacity: 0.8;
}

.mypage .rirekisyo_list li img {
  width: 50%;
}

.wpuf-dashboard-container {
  display: none;
}

* {
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
}

html {
  scroll-behavior: smooth;
  font-size: 16px;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
li,
dt,
dd,
th,
td,
p,
input,
textarea,
select,
option {
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.8;
  color: #000;
  margin: 0;
}

@media screen and (min-width: 769px) {
  body,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  pre,
  li,
  dt,
  dd,
  th,
  td,
  p,
  input,
  textarea,
  select,
  option {
    font-size: 1rem;
  }
  .pc_none {
    display: none;
  }
}

a {
  color: #000;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

.fontVer,
.fontVer * {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -o-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
}

img {
  border: 0;
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

p + p {
  margin-top: 1em;
}

/*********************
* common tags
*********************/
.align_left {
  text-align: left;
}

.align_center {
  text-align: center;
}

.align_right {
  text-align: right;
}

.float_left {
  float: left;
}

.float_right {
  float: right;
}

.clearfix {
  min-height: 1px;
}

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

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.flex.jsb {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.flex.jfe {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.flex.aic {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 768px) {
  /*********************
* SP ONLY
*********************/
  html {
    font-size: 16px;
  }
  /*********************
* HEADER
*********************/
  header .hamburger {
    display: block;
    height: 60px;
    margin-left: auto;
    position: relative;
    z-index: 10;
    width: 60px;
    border: none;
    background-color: transparent;
  }
  header .hamburger.-active .hamburger__line {
    background-color: transparent;
  }
  header .hamburger.-active .hamburger__line::before {
    top: 0;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  header .hamburger.-active .hamburger__line::after {
    top: 0;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  header .hamburger.-active .hamburger__text::before {
    content: '閉じる';
  }
  header .hamburger .hamburger__line {
    display: block;
    height: 2px;
    position: absolute;
    top: 23px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 24px;
    background-color: #172e59;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }
  header .hamburger .hamburger__line:before, header .hamburger .hamburger__line:after {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    background-color: #172e59;
    -webkit-transition: inherit;
    transition: inherit;
  }
  header .hamburger .hamburger__line:before {
    top: -6px;
  }
  header .hamburger .hamburger__line:after {
    top: 6px;
  }
  header .hamburger .hamburger__text {
    position: absolute;
    bottom: 8px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 100%;
  }
  header .hamburger .hamburger__text::before {
    content: "メニュー";
    text-align: center;
    color: #172e59;
    font-size: 10px;
    font-weight: 900;
  }
  header .header {
    width: 300px;
  }
  header .header__nav-area {
    position: fixed;
    top: -100%;
    left: 0;
    z-index: 9;
    height: 100vh;
    width: 100%;
    visibility: hidden;
    padding-top: 60px;
    background-color: #fff;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }
  header .header__nav-area.-active {
    top: 0;
    left: 0;
    visibility: visible;
  }
  header .global-navigation {
    padding-top: 40px;
    padding-right: 25px;
    padding-bottom: 120px;
    padding-left: 25px;
  }
  header .global-navigation__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  header .global-navigation__list > li {
    padding-bottom: 20px;
    border-bottom: 2px solid #e7e9ee;
  }
  header .global-navigation__list > li + li {
    margin-top: 20px;
  }
  header .global-navigation__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    color: #172e59;
    font-weight: 900;
    -webkit-transition: color 0.4s;
    transition: color 0.4s;
    font-size: 0.875rem;
  }
  header .global-navigation__link.-accordion {
    position: relative;
    background: none;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    padding: 0;
  }
  header .global-navigation__link.-accordion::after {
    content: '';
    display: block;
    height: 12px;
    position: absolute;
    top: 50%;
    right: 5px;
    width: 2px;
    background-color: #ed3242;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
  }
  header .global-navigation__link.-accordion::before {
    content: '';
    display: block;
    height: 2px;
    position: absolute;
    top: 50%;
    right: 0;
    width: 12px;
    background-color: #ed3242;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  header .global-navigation__link.-accordion.-active::after {
    -webkit-transform: translateY(-50%) rotate(-90deg);
            transform: translateY(-50%) rotate(-90deg);
  }
  header .global-navigation .accordion {
    height: 0;
    overflow: hidden;
    visibility: hidden;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }
  header .global-navigation .accordion.-active {
    height: auto;
    padding-top: 30px;
    visibility: visible;
  }
  header .global-navigation .accordion__list li {
    font-size: 0.75rem;
  }
  header .global-navigation .accordion__list li + li {
    margin-top: 21px;
  }
  header .global-navigation .accordion__link {
    color: #172e59;
  }
  /*********************
* FOOTER
*********************/
  /*********************
* タイトル子ページ共通
*********************/
  /*********************
* トップページ
*********************/
}
/*# sourceMappingURL=style.css.map */