@charset "UTF-8";
/* =================================
マイページ
================================= */
/* PC 用
----------------------------------*/
header::after, footer::after, main::after, section::after, div::after, ul::after, ol::after, dl::after,
.clearfix::after {
  display: block;
  height: 0;
  clear: both;
  font-size: 0;
  content: ".";
  visibility: hidden;
}
.main,
.modaal-wrapper {
    font-size: 0.88rem;
}
.mode-sp, .sptxt, .spitem, .btnwrap .btn_main.spitem {
  display: none;
}
#contents:after {
  content: none;
}
/* footer.scssの上書き（pagetopをfooter上固定）
--------------------------------- */
/* toggle.js用
--------------------------------- */
.toggle_link:hover {
  cursor: pointer;
}

.toggle_contents {
  display: none;
  padding: 10px 0;
}
.header{
	z-index: 999;
}
/* 見出し
--------------------------------- */
.h_2-mypage {
  position: relative;
  margin-bottom: 16px;
  color: #434343;
  font-size: 16px;
  font-weight: bold;
}
.h_2-mypage .link_mypage {
  padding: 10px 40px;
  background: url("../../../member/img/responsive/ico_home_off.png") no-repeat left center;
  color: #434343;
  text-decoration: underline;
}
.h_2-mypage .link_mypage span {
  color: #e2276e;
}
.h_2-mypage .link_mypage:hover {
  background: url("../../../member/img/responsive/ico_home_on.png") no-repeat left center;
  color: #5f93c4;
}
.h_2-mypage--ico {
  margin-right: 6px;
}
.h_2-mypage--name {
  font-size: 14px;
  font-weight: normal;
}

.bar-mypage {
  position: relative;
  padding: 15px;
  background-color: #5f93c4;
}
.bar-mypage--title {
  color: #fff;
  font-size: 16px;
  line-height: 20px;
}
.bar-mypage--btn, .bar-mypage--confirm {
  display: block;
  position: absolute;
  top: 7px;
  right: 10px;
  padding: 3px;
  transition: .2s ease;
  border: 2px solid var(--secondary-color);
  border-radius: 4px;
  background-color: var(--secondary-color);
  color: #fff;
  font-weight: bold;
  text-align: center;
  min-width: 100px;
}
.bar-mypage--btn:hover, .bar-mypage--confirm:hover {
  border: 2px solid var(--secondary-color);
  background-color: #fff;
  color: var(--secondary-color);
  text-decoration: none;
}
.bar-mypage--save {
  display: block;
  position: absolute;
  top: 7px;
  right: 130px;
  box-sizing: border-box;
  width: 100px;
  padding: 4px 5px;
  transition: .2s ease;
  border: 1px solid var(--secondary-color);
  border-radius: 4px;
  background-color: #fff;
  color: var(--secondary-color);
  font-weight: bold;
  text-align: center;
}
.bar-mypage--save:hover {
  background-color: var(--secondary-color);
  color: #fff;
  text-decoration: none;
}

.bar-fileup {
  position: relative;
  margin-bottom: 8px;
  padding: 15px 150px 15px 15px;
  background-color: #f4f4f4;
}
.bar-fileup--title {
  line-height: 20px;
}
.bar-fileup--title.done {
  padding-left: 30px;
}
.bar-fileup--title.done::before {
  content: "済";
  position: absolute;
  top: 50%;
  left: 14px;
  box-sizing: border-box;
  width: 26px;
  height: 26px;
  margin-top: -14px;
  padding: 3px 0 0 6px;
  border-radius: 50%;
  background-color: #4ba490;
  color: #fff;
  font-weight: bold;
}
.bar-fileup--title.waiting {
  padding-left: 30px;
}
.bar-fileup--title.waiting::before {
  content: "未";
  position: absolute;
  top: 50%;
  left: 14px;
  box-sizing: border-box;
  width: 26px;
  height: 26px;
  margin-top: -14px;
  padding: 3px 0 0 6px;
  border-radius: 50%;
  background-color: #fff;
  color: #8d8d8d;
  font-weight: bold;
}
.bar-fileup--title .bold {
  font-weight: bold;
}
.bar-fileup--btn {
  position: absolute;
  top: calc(50% - 20px);
  right: 15px;
}

/* テキスト
--------------------------------- */
.txt_bold {
  font-weight: bold;
}

.txt_large {
  font-size: 18px;
}

.txt_small {
  font-size: 12px;
}
.txt_small2 {
  font-size: 14px;
}
.txt-right {
  margin-bottom: 20px;
  float: right;
}

.txt_strong {
  color: var(--secondary-color);
  font-weight: bold;
}

.title-style {
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: bold;
}

.title-style::before {
  content: "\00021";
    display: inline-block;
    position: relative;
    bottom: 2px;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    border-radius: 50%;
    background: var(--secondary-color);
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
}

.title_txt {
  padding: 0 0 10px;
  color: #5f93c4;
  font-weight: bold;
}

/* モーダル用見出し
--------------------------------- */
.mod_title--main {
  color: #333;
  font-weight: bold;
}
.mod_title--center {
  font-weight: bold;
  text-align: center;
}
.mod_title_line {
  border-bottom: 1px dashed #5f93c4;
  color: #333;
  font-weight: bold;
  text-align: center;
}
.mod_title_alert {
  margin-bottom: 20px;
  padding-left: 10px;
  font-weight: bold;
  text-align: center;
}
.mod_title_alert::before {
  content: " ";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../../../member/img/responsive/ico_alert.svg") no-repeat 0 0;
  background-size: 100% 100%;
  vertical-align: middle;
}
.mod_title_upload {
  margin-bottom: 20px;
  padding: 4px 10px;
  border-left: 4px solid #3284c2;
  color: #333;
  font-weight: bold;
}

.box-mod_title {
  display: flex;
  justify-content: center;
  margin-bottom: 5px;
}
.box-mod_title__multi {
  display: block;
  margin-bottom: 20px;
  text-align: center;
}
.box-mod_title__multi .mod_title_line {
  display: inline;
  padding-bottom: 5px;
  line-height: 2;
}
.box-mod_title__strong {
  margin-bottom: 20px;
  color: #3284c2;
  font-size: 18px;
  font-weight: bold;
}

/* モーダル用テキスト
--------------------------------- */
.mod_txt_small {
  color: #333;
  font-size: 12px;
  text-align: center;
}
.mod_txt_small--left {
  text-align: left;
}
.mod_txt_small b {
  color: var(--secondary-color);
}

.fileup_name {
  display: flex;
  align-items: center;
  color: #333;
  font-weight: bold;
}
.fileup_name::before {
  content: url("../../../member/img/responsive/ico_fileup.svg");
  margin-right: 15px;
}

/* モーダル用リスト
--------------------------------- */
.mod-list li {
  margin-bottom: 20px;
}
.mod-list-ttl {
  margin-bottom: 10px;
  padding-left: 6px;
  border-left: 4px solid var(--secondary-color);
  color: var(--secondary-color);
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
}
.mod-list-desc {
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: bold;
}
.mod-list-txt {
  font-size: 12px;
}

/* モーダル用ボタン
--------------------------------- */
.mod_btnwrap {
  display: flex;
  justify-content: center;
  width: 230px;
  margin: 0 auto;
  padding: 20px 0 0;
  transition: .2s linear;
}
.mod_btnwrap :nth-child(1) {
  margin-right: 8px;
}

.btn_mod {
  box-sizing: border-box;
  flex: 1;
  padding: 8px 15px;
  border: 0;
  border-radius: 4px;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  transition: .2s ease;
}
.btn_mod.btn_cancel {
  padding: 4px;
  border: 2px solid #007ab6;
  background: #fff;
  color: #007ab6;
}
.btn_mod.btn_cancel:hover {
  background: #007ab6;
  color: #fff;
}
.btn_mod.btn_confirm {
  padding: 4px;
  border: 2px solid #007ab6;
  background: #007ab6;
  color: #fff;
}
.btn_mod.btn_confirm:hover {
  background: #fff;
  color: #007ab6;
}
.btn_mod:hover {
  text-decoration: none;
}

/* マイページテーブル
--------------------------------- */
.table_mypage {
  width: 100%;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
  /* th */
  /* td */
  /* div */
  /* 希望条件（常勤）のその他希望 保育所・研究日用レイアウト */
  /* テーブル風レイアウト */
}
.table_mypage th {
  width: 120px;
  min-width: 70px;
  padding: 10px;
  border-bottom: 4px solid #fff;
  background-color: #f4f4f4;
  font-weight: bold;
}
.table_mypage__sub {
  display: block;
  color: #8d8d8d;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
}
.table_mypage td {
  padding: 15px;
}
.table_mypage td.wrap_div {
  padding: 0 15px;
}
.table_mypage td.wrap_small {
  padding: 0 15px;
}
.table_mypage td.wrap_in {
  padding: 0 15px 15px;
}
.table_mypage--div {
  padding: 15px 0;
}
.table_mypage--div-half {
  padding: 15px 0;
  border-bottom: 1px dashed #e3e3e3;
}
.table_mypage--div-half-small {
  padding: 7px 0;
  border-bottom: 1px dashed #e3e3e3;
}
.table_mypage--div-divide {
  padding: 15px 0;
  border-bottom: 1px solid #e3e3e3;
}
.table_mypage--div-divide--top {
  margin-top: 18px;
  padding: 15px 0;
  border-top: 1px solid #e3e3e3;
}
.table_mypage--div-divide-small {
  padding: 7px 0;
  border-bottom: 1px solid #e3e3e3;
}
.table_mypage--div-divide-last {
  padding: 0 0 15px;
  border-bottom: 1px solid #e3e3e3;
}
.table_mypage--div-half-divide-last {
  padding: 0 0 15px;
  border-bottom: 1px dashed #e3e3e3;
}
.table_mypage--block {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 10px;
  /* .btn_round.fullwidthと合わせている */
}
.table_mypage--txt-ttl + .table_mypage--block {
  margin-top: 5px;
}
.table_mypage--wrap_nursery {
  margin-top: 5px;
}
.table_mypage--wrap_researchday .btn_round.researchbtn, .table_mypage--wrap_researchday .researchtxt {
  margin-top: 15px;
}
.table_mypage--head, .table_mypage--answer, .table_mypage--reason-head, .table_mypage--reason-answer {
  display: table-cell;
}
.table_mypage--head {
  white-space: nowrap;
}
.table_mypage--reason-head {
  width: 5.5em;
  padding-right: .5em;
  text-align: right;
  white-space: nowrap;
}
.table_mypage--jobtime {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.table_mypage--jobtime-head {
  width: 6.5em;
}
.table_mypage--jobtime-answer {
  width: calc(100% - 6.5em);
}
.table_mypage--txtright {
  float: right;
}
.table_mypage--txt-ttl {
  font-weight: bold;
}
.table_mypage--txt-ttl-full {
  display: block;
}
.table_mypage--txt-ttl-full + .table_mypage--txt-ttl-full {
  margin-top: 15px;
}
.table_mypage--txt-sub {
  color: #8d8d8d;
}
.table_mypage--txt-smallsub {
  color: #8d8d8d;
  font-size: 12px;
}
.table_mypage--txt-choice {
  color: #696969;
  font-size: 12px;
}

.wrap_div__wrap {
  padding-top: 20px;
  border: #e3e3e3 1px solid;
  border-width: 1px 0 0;
}
.wrap_div__wrap--sub {
  border-style: dashed;
}
.wrap_div__wrap--bottom {
  padding-top: 0;
  border-width: 0 0 1px;
}
.wrap_div__in {
  margin: 15px 0 20px;
}
.wrap_div__wrap .wrap_div__in:first-child {
  margin-top: 0;
}
.js-toggle-panel > .wrap_div__in:first-child, .js-toggle-panel > .wrap_div__wrap:first-child .wrap_div__in:first-child {
  margin-top: 0;
}

.tag {
  display: inline-block;
  padding: 1px 10px;
  border-radius: 2px;
  color: #fff;
  font-size: 10px;
  vertical-align: middle;
}
.table_mypage .tag {
  margin: -3px 10px 0 0;
}
.tag--required {
  background-color: var(--secondary-color);
}
.tag--recommend {
  background-color: #4ba490;
}

/* 勤務可能時間帯テーブル
--------------------------------- */
.term-table {
  width: 100%;
  border-collapse: collapse;
  border: #e3e3e3 1px solid;
}
.term-table th {
  width: auto;
  min-width: 0;
  padding: 0;
  border: #e3e3e3 1px solid;
  font-weight: normal;
  text-align: center;
}
.term-table th .simple_check::before {
  bottom: 10px;
  margin-bottom: 0;
}
th.term-table__week {
  width: 55px;
  background: #e9f4ff;
}
th.term-table__week--sat {
  color: #0082fd;
}
th.term-table__week--sun {
  color: #e2276e;
}
.term-table td {
  padding: 0;
  border: #e3e3e3 1px solid;
}
.term-table .simple_check {
  height: 60px;
  padding: 8px 5px 0;
  font-size: 12px;
}
.term-table .simple_check::before {
  top: auto;
  bottom: 50%;
  left: 50%;
  margin: 0 0 -10px -10px;
}
.term-table .simple_check.checked {
  background: #fff6d5;
}

/* マイページ確認 */
.mypage-confirm {
  display: flex;
  width: 100%;
}
.mypage-confirm--inline {
  display: block;
}
.mypage-confirm__ttl {
  display: inline-block;
  position: relative;
  flex: 0 0 auto;
  min-width: 7em;
  padding-right: 1.2em;
  font-weight: bold;
}
.mypage-confirm__ttl::before {
  content: "：";
  position: absolute;
  top: 0;
  right: .2em;
}
.mypage-confirm__data {
  display: inline-block;
  box-sizing: border-box;
  flex: 1 1 auto;
}

/* マイページメイン画像 */
.mypage-visual {
  margin: 10px 0;
}

/* トグルリンク */
.toggle-trigger {
  color: #007ab6;
  text-decoration: underline;
}
.toggle-trigger:hover {
  text-decoration: none;
}
.toggle-trigger::after {
  content: " ";
  display: inline-block;
  width: 4px;
  height: 8px;
  margin-left: 10px;
  transform: rotate(90deg);
  transition: .2s linear;
  background: url("../../../member/img/responsive/ico_arrow.svg") no-repeat 0 0;
  background-size: 4px 8px;
}
.toggle-trigger.is-opened::after {
  transform: rotate(-90deg);
}

/* 氏名 */
.block-name {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.block-name::after {
  display: none;
}
.block-name li {
  width: 49%;
}
.block-name__field {
  width: 100%;
}

/* 旧姓 */
.block-kyusei {
  display: flex;
  align-items: center;
  width: 49%;
}
.block-kyusei__tit {
  flex: 0 0 auto;
  margin-right: 5px;
  font-weight: bold;
}
.block-kyusei__field {
  flex: 1 1 auto;
}

/* 日付 */
.block-date {
  display: flex;
  align-items: center;
}
.block-date li {
  display: flex;
  align-items: center;
  margin-left: 10px;
}
.block-date li:first-child {
  margin-left: 0;
}
.block-date__year {
  width: 80px;
  margin-right: 10px !important;
  text-align: center;
}
.block-date__month, .block-date__day {
  width: 60px;
  margin-right: 10px !important;
  text-align: center;
}
.block-date__check {
  margin-top: 5px;
  padding-left: 30px;
  font-weight: bold;
}
.block-date__check::before {
  left: 0;
}

/* 郵便番号 */
.block-post {
  display: flex;
}
.block-post li {
  display: flex;
  align-items: center;
  margin-left: 10px;
}
.block-post li:first-child {
  margin-left: 0;
}
.block-post__field {
  width: 70px;
  text-align: center;
}
li.block-post__btn-wrap {
  align-items: stretch;
}
.block-post__btn {
  display: flex;
  align-items: center;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0 15px;
  line-height: 1;
}

/* 郵便番号 */
.block-ken {
  display: flex;
}
.block-ken__btn {
  display: flex;
  align-items: center;
  width: auto;
  height: auto;
  margin: 0 0 0 10px;
  padding: 0 15px;
  line-height: 1;
}

/* 事例・横並び */
.block-case {
  display: flex;
  flex-wrap: wrap;
  margin: 5px -25px 0 0;
}
.block-case__item {
  margin-right: 25px;
}
.block-case__tit {
  display: block;
  margin-bottom: 3px;
  font-weight: bold;
}
.block-case__field {
  display: inline-block !important;
  width: 70px;
  margin-right: 10px !important;
  vertical-align: middle;
}

/* 学歴・職歴見出し */
.ttl-academic {
  display: block;
  position: relative;
  margin-top: 1px;
  padding: 10px 40px 10px 12px;
  overflow: hidden;
  background: #e5eff7;
  color: #0068b7;
  font-weight: bold;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ttl-academic:first-child {
  margin-top: 15px;
}
.ttl-academic::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 4px;
  height: 8px;
  margin-top: -4px;
  transform: rotate(90deg);
  transition: .2s linear;
  background: url("../../../member/img/responsive/ico_arrow.svg") no-repeat 0 0;
  background-size: 4px 8px;
}
.ttl-academic.is-opened::after {
  transform: rotate(-90deg);
}

/* 学歴・職歴パネル */
.academic-panel {
  margin: 15px 0 20px;
  padding-bottom: 20px;
  border-bottom: #e3e3e3 1px solid;
}

/* 学校名 */
.block-academic {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.block-academic::after {
  display: none;
}
.block-academic__field {
  width: 360px;
}
.block-academic__select {
  width: 120px;
}

.mypage-btnwrap {
  display: flex;
  justify-content: center;
}
.mypage-btnwrap .btn_update {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 130px;
  height: auto;
  margin: 10px 10px 0;
  padding: 5px 15px;
}
.mypage-btnwrap .btn_delete {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 130px;
  height: auto;
  margin: 10px 10px 0;
}

/* section
--------------------------------- */
/* 書類アップロード用 */
.section-fileintro {
  padding: 20px 0;
}
.section-fileintro .txt_title {
  margin-bottom: 5px;
  font-weight: bold;
}
.section-fileintro .txt_comment {
  margin-bottom: 15px;
  font-size: 12px;
}
.section-fileintro .txt_link {
  color: #007ab6;
  text-decoration: underline;
}
.section-fileintro .txt_link.plus_arrow::after {
  content: url("../../../member/img/responsive/ico_arrow.svg");
  display: inline-block;
  margin-left: 8px;
}
.section-fileintro .txt_link_gray {
  color: #8d8d8d;
  text-decoration: underline;
}
.section-fileintro .txt_link_gray:hover {
  text-decoration: none;
}
.section-fileintro .txt_link:hover {
  text-decoration: none;
}
.message {
  padding-bottom: 0;
}
.announce {
  padding-top: 0;
}

.section-fileup .test {
  background: #f4f4f4;
  font-weight: bold;
}
.section-fileup--inner {
  padding: 5px 10px 30px;
}
.section-fileup--inner .txt_fileup_date {
  margin-bottom: 10px;
  font-size: 12px;
}
.section-fileup--inner .txt_link {
  color: var(--secondary-color);
  font-size: 12px;
  text-decoration: underline;
  width: fit-content;
}
.section-fileup--inner .txt_link:hover {
  text-decoration: none;
}
.section-fileup--inner .doclink_list {
  padding: 5px 0;
}
.section-fileup--inner .doclink_list li {
  margin-bottom: 5px;
}
.section-fileup--inner .txt_doclink {
  color: #007ab6;
  text-decoration: underline;
}
.section-fileup--inner .txt_doclink.plus_toparrow::before {
  content: url("../../../member/img/responsive/ico_arrow.svg");
  display: inline-block;
  margin-right: 8px;
}
.section-fileup--inner .txt_caution {
  color: var(--secondary-color);
  font-size: 12px;
}
.section-fileup--inner .txt_note {
  padding-top: 7px;
  font-size: 12px;
}

.txt_link {
  color: #007ab6;
  text-decoration: underline;
}
.section-fileup .txt_link {
  color: var(--secondary-color);
  font-size: 12px;
}
.txt_link.plus_arrow::after {
  content: url("../../../member/img/responsive/ico_arrow.svg");
  display: inline-block;
  margin-left: 8px;
}
.txt_link:hover {
  text-decoration: none;
}

.txt_gray {
  color: #8d8d8d;
  text-decoration: underline;
}
.txt_gray:hover {
  text-decoration: none;
}

.mypage_link {
  padding: 20px 13px 0;
}

/* メールマガジンサービス
--------------------------------- */
/* メルマガ配信設定 */
.delivery-setting {
  margin-bottom: 50px;
}
.delivery-setting--title {
  margin: 20px 0;
  padding: 0 5px;
  border-left: 7px solid #3284c2;
  font-size: 16px;
  font-weight: bold;
}

.section-magazine {
  margin-bottom: 20px;
}
.section-magazine:last-child {
  margin-bottom: 0;
}
.section-magazine--title {
  width: calc(100% - 90px);
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
}
.section-magazine--inner {
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 2px;
}
.section-magazine--inner + .section-magazine--inner {
  border-top: 0;
}

.bar-magazine {
  position: relative;
  margin-bottom: 20px;
}
.bar-magazine--title {
  font-size: 16px;
  font-weight: bold;
}
.bar-magazine--btn {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
.bar-magazine--switch {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 80px;
  height: 24px;
  transform: translate3d(0, -50%, 0);
  border-radius: 12px;
  cursor: pointer;
}

/* メルマガ用スイッチ */
.switch {
  display: block;
  margin: 20px auto;
}
.switch-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.switch-input:checked ~ .switch-label {
  background: #4ba490;
}
.switch-input:checked ~ .switch-label::before {
  opacity: 0;
}
.switch-input:checked ~ .switch-label::after {
  opacity: 1;
}
.switch-input:checked ~ .switch-handle::before {
  left: 78%;
  box-shadow: -3px 0 1px rgba(0, 0, 0, 0.3);
}
.switch-label {
  display: block;
  position: relative;
  height: inherit;
  transition: .15s ease-out;
  border-radius: inherit;
  background: #c23232;
  font-size: 12px;
  font-weight: bold;
}
.switch-label::before {
  content: attr(data-off);
  position: absolute;
  top: 50%;
  right: 14px;
  margin-top: -.5em;
  color: #fff;
  line-height: 1;
}
.switch-label::after {
  content: attr(data-on);
  position: absolute;
  top: 50%;
  left: 14px;
  margin-top: -.5em;
  opacity: 0;
  color: #fff;
  line-height: 1;
}
.switch-handle::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -8%;
  width: 25px;
  height: 25px;
  margin: -14px 0 0 -6px;
  border: 2px solid #e3e3e3;
  border-radius: 20px;
  background: #fff;
  box-shadow: 3px 0 1px rgba(0, 0, 0, 0.3);
}

/* メニューリスト
--------------------------------- */
/* メニューボックス */
.mypage-menu {
  margin-top: 2px;
  padding: 16px 16px 20px;
  background: #f4f4f4;
}
.bar-mypage + .mypage-menu {
  margin-top: 0;
}
.mypage-menu__ttl {
  margin-bottom: 14px;
  font-size: 14px;
  line-height: 1.5;
  font-weight: bold;
}
.mypage-menu__txt {
  margin-top: 16px;
}
.mypage-menu__desc {
  padding: 16px 0 20px;
}

/* リスト ブロック */
.mypage-menu-list {
  display: flex;
  flex-wrap: wrap;
  margin: -10px 0 0 -10px;
}
.mypage-menu-list li {
  box-sizing: border-box;
  width: 33.3%;
  padding: 10px 0 0 10px;
}
.mypage-menu-list--col-2 li {
  width: 33.3%;
}

/* リスト　テキスト */
.mypage-menu-txt {
  display: flex;
  flex-wrap: wrap;
  margin-top: 16px;
  overflow: hidden;
  border: #e3e3e3 1px solid;
  border-radius: 4px;
  background: #fff;
}
.mypage-menu-txt li {
  box-sizing: border-box;
  width: 100%;
  margin-top: -1px;
  border-top: #e3e3e3 1px solid;
}
.mypage-menu-txt--col-2 li {
  width: 50%;
}
.mypage-menu-txt--col-2 li:nth-child(2n) {
  border-left: #e3e3e3 1px solid;
}
.mypage-menu-txt a {
  display: block;
  position: relative;
  padding: 10px 20px 8px;
  color: #434343;
  font-size: 14px;
  font-weight: bold;
}
.mypage-menu-txt a::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  width: 8px;
  height: 4px;
  margin-top: -2px;
  transform: rotate(-90deg);
  background: url("../../../member/img/responsive/ico_arrow_down.svg") no-repeat 0 0;
  background-size: 8px 4px;
  pointer-events: none;
}

/* 編集ボタン
--------------------------------- */
.btn_main {
  box-sizing: border-box;
  min-width: 144px;
  height: 42px;
  margin-right: 10px;
  padding: 2px 10px;
  transition: .2s ease;
  border: 2px solid var(--secondary-color);
  border-radius: 4px;
  background-color: var(--secondary-color);
  color: #fff;
  font-size: 20px;
  text-align: center;
  line-height: 34px;
}
.btn_main:hover {
  border: 2px solid var(--secondary-color);
  background-color: #fff;
  color: var(--secondary-color);
  text-decoration: none;
}
.btn_main.btn_edit {
  box-sizing: border-box;
  padding: 3px 5px;
  transition: .2s ease;
  border: 2px solid var(--secondary-color);
  border-radius: 4px;
  background-color: #fff;
  color: var(--secondary-color);
  text-align: center;
}
.btn_main.btn_edit:hover {
  background-color: var(--secondary-color);
  color: #fff;
  text-decoration: none;
}
.btn_main.btn_confirmback {
  width: 240px;
  /*padding: 6px 5px;*/
  font-size: 14px;
}

.btnwrap {
  display: flex;
  justify-content: center;
  padding: 40px 0 0;
}
.btnwrap .btn_main:last-child {
  margin-right: 0;
}

/* モーダルとじるボタン */
.btn_modalclose {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 130px;
  height: 35px;
  margin: 15px auto;
  padding: 3px 0 0 3px;
  transition: .2s ease;
  border: 2px solid #007ab6;
  border-radius: 4px;
  background: #007ab6;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
.btn_modalclose:hover {
  border: 2px solid #007ab6;
  background-color: #fff;
  color: #007ab6;
  text-decoration: none;
}
.btn_modalclose:hover::before, .btn_modalclose:hover::after {
  background: #007ab6;
}
/*
.btn_modalclose::before, .btn_modalclose::after {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 24px;
  width: 4px;
  height: 19px;
  transition: background .2s ease-in-out;
  border-radius: 4px;
  background: #fff;
}
.btn_modalclose::before {
  transform: rotate(-45deg);
}
.btn_modalclose::after {
  transform: rotate(45deg);
}
*/
/* サイドメニュー
--------------------------------- */
.menu-mypage {
  border: #1c5e9c 3px solid;
}
.menu-mypage-ttl {
  padding: 0.44rem 0.44rem 0.44rem 2.82rem;
  background: #1c5e9c url("../../../member/img/responsive/bg_sidemenu.png") no-repeat 10px 50%;
  background-size: 26px 24px;
  color: #fff;
}
.menu-mypage-box {
  margin: 18px 18px 0;
  padding-bottom: 18px;
  border-bottom: #ccc 1px dashed;
}
.menu-mypage-box:last-child {
  border-bottom: 0;
}
.menu-mypage-lead {
  margin-bottom: 0.5rem;
  font-size: 0.75rem;
}
.menu-mypage-list li {
  margin-top: 8px;
}
.menu-mypage-list li:first-child {
  margin-top: 0;
}
.menu-mypage-link {
  display: block;
  position: relative;
  padding: 0.5rem 1.57rem 0.5rem 0.63rem;
  transition: .2s ease;
  border: #92aed3 1px solid;
  background: #f6f6f6;
  color: #505050;
  font-size: 0.75rem;
}
.menu-mypage-link:hover {
  border-color: var(--primary-color);
  background-color: #fff;
  text-decoration: none;
}
.menu-mypage-link::after {
  display: block;
  width: 0.88rem;
  height: 0.88rem;
  border: #0b6db0 1px solid;
  border-width: 1px 1px 0 0;
  transform: rotate(45deg);
  content: "";
  position: absolute;
  top: 50%;
  right: 14px;
  margin-top: -0.43rem;
}

/* モーダル内リスト
--------------------------------- */
.list-tile {
  display: flex;
  flex-wrap: wrap;
}
.list-tile .tile-item {
  display: flex;
  flex-wrap: wrap;
  width: calc(50% - 3px);
  margin: 10px 6px 0 0;
}
.list-tile .tile-item:nth-child(2n) {
  margin-right: 0;
}

.box-mod_tilelink {
  box-sizing: border-box;
  width: 100%;
  padding: 10px 5px;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  box-shadow: 2px 3px 0 #e3e3e3;
  color: #434343;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  position: relative;
}
.box-mod_tilelink:hover {
  color: #007ab6;
  text-decoration: none;
}
.box-mod_tilelink .txt_jobsmall {
  display: block;
  font-size: 12px;
}
.box-mod_tilelink .txt_nomalsmall {
  font-size: 12px;
}
.box-mod_tilelink .icon_popup {
  display: block;
  max-height: 52px;
  margin: 5px auto 10px;
}
.box-mod_tilelink .icon_popup_custom {
  display: block;
  max-height: 52px;
  margin: 5px auto 10px;
}
.list-tile .tile-item:nth-child(-n+2) a {
  padding-top: 30px;
}
.box-mod_tilelink .icon_renewal {
  background: #e6528e;
  color: #fff;
  font-size: 12px;
  font-weight: normal;
  padding: 0 5px;
  position: absolute;
  top: 10px;
  left: 10px;
}

/* 3列パターン */
.list-tile-3 {
  display: flex;
  flex-wrap: wrap;
  margin-left: -8px;
}
.list-tile-3__item {
  display: flex;
  width: calc(33.3% - 8px);
  margin: 10px 0 0 8px;
}

.tilelink {
  display: flex;
  box-sizing: border-box;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 20px 0 15px;
  position: relative;
  transition: .2s linear;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  background: #fff;
  box-shadow: 2px 3px 0 #e3e3e3;
  color: #434343;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
}
.tilelink:hover {
  color: #007ab6;
  text-decoration: none;
}
.tilelink__ico {
  max-height: 52px;
  margin-bottom: 10px;
}
.tilelink__ico--dl {
  height: 42px;
}
.tilelink__ico--consult {
  height: 36px;
}
.tilelink__ico--mail {
  height: 32px;
}
.tilelink__ico--renewal {
  background: #e6528e;
  color: #fff;
  font-size: 12px;
  padding: 2px 5px;
  position: absolute;
  top: 10px;
  left: 10px;
}
.tilelink__txt {
  font-size: 12px;
}
.tilelink__txt b {
  font-size: 14px;
}

/* カレンダー（スライダー）
---------------------------------  */
.calendar-date {
  font-weight: bold;
  text-align: center;
}

.calendar-box {
  position: relative;
  width: 100%;
  text-align: center;
}

.calendar-year {
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
  color: #eee;
  font-size: 110px;
  font-weight: bold;
  word-break: normal;
}

.calendar-table {
  width: 100%;
  margin: 0 auto;
  table-layout: fixed;
  border-spacing: 0;
  border: 1px solid #ddd;
  font-weight: bold;
  text-align: center;
}
.calendar-table th {
  width: 100%;
  min-width: 100%;
  border: 0;
  background: #fff;
}
.calendar-table th:first-child {
  color: var(--secondary-color);
}
.calendar-table th:last-child {
  color: #1c5e9c;
}
.calendar-table td {
  width: 100%;
  min-width: 100%;
  padding: 8px;
  border: 0;
  background: #fff;
}
.calendar-table td:first-child {
  color: var(--secondary-color);
}

/* カレンダースライダー */
.slider .slick-list {
  width: 68%;
  margin: 0 auto;
}
.slider .slide-arrow {
  position: absolute;
  top: 50%;
  margin-top: 0;
  color: #5f93c4;
  font-weight: bold;
  cursor: pointer;
}
.slider .prev-arrow {
  left: 0;
  width: 60px;
  height: 0;
}
.slider .prev-arrow::after {
  content: "< 前の月";
}
.slider .next-arrow {
  right: 0;
  width: 60px;
  height: 0;
}
.slider .next-arrow::after {
  content: "次の月 >";
}
.modaal-gallery-item {
    width: 350px;
}
.h_2-maintenance{
  font-size: 28px;
  font-weight: bold;
  color: #3284C2;
  letter-spacing: 0px;
}
.section-maintenanceintro{
  padding: 20px 0;
}
.section-maintenanceintro .txt_comment{
  line-height: 2;
  font-size: 105%;
}
.section-maintenanceintro .txt_comment a{
  text-decoration: underline;
  color: #3284C2;
}
.attention_mynumber {
  font-size: 12px;
  margin-bottom: 10px;
  padding-left: 2.5em;
  position: relative;
}
.attention_mynumber:before {
  background: #ff0;
  border-radius: 100px;
  content: "!";
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
  position: absolute;
  top: calc(50% - 1em);
  left: 0;
  width: 1.5em;
  height: 1.5em;
}
.attention_mynumber .red {
  color: #f00;
  font-weight: bold;
  text-decoration: underline;
}
/* 転職・キャリア支援のご相談 referral-request */
.mypage-visual--referral-request {
  background: #f6f6f6 url("../../../member/img/responsive/img_request-main.png")no-repeat right -10px bottom -30px;
  background-size: 200px,340px;
  border: solid 1px #e1e1e1;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  min-height: 330px;
}
.mypage-visual__top {
  padding: 20px 20px 0 20px;
}
.mypage-visual__top__titel {
  color: #1472bb;
  font-size: 23px;
  font-weight: bold;
  margin-bottom: 5px;
}
.mypage-visual__top__text {
  font-size: 14px;
  line-height: 1.75;
  width: 450px;
}
.mypage-visual__top__text span {
  color: #e5591c;
  font-weight: bold;
}
.mypage-visual__bottom {
  background: rgb(255 255 255 / 60%);
  box-sizing: border-box;
  margin-top: auto;
  padding: 20px;
  position: relative;
  width: 100%;
}
.mypage-visual__bottom:before {
  content: "";
  border-top: solid 2px #bfbfbf;
  display: block;
  position: absolute;
  top: -2px;
  left: 236px;
  visibility: visible;
  width: 432px;
}
.mypage-visual__bottom:after {
  content: "";
  border-top: solid 2px #bfbfbf;
  display: block;
  position: absolute;
  top: -16px;
  left: 214px;
  visibility: visible;
  transform: rotate(60deg);
  width: 30px;
}
.mypage-visual__bottom__title {
  background: rgb(255 255 255 / 60%);
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0 0 20px;
  position: absolute;
  top: -28px;
  left: 0;
  width: 202px;
}
.mypage-visual__bottom__title:before {
  content: "";
  border-top: solid 2px #bfbfbf;
  display: block;
  position: absolute;
  top: 0px;
  left: 0;
  visibility: visible;
  width: 222px;
}
.mypage-visual__bottom__title:after {
  content: "";
  border-style: solid;
  border-color: transparent transparent rgb(255 255 255 / 60%) transparent;
  border-width: 0 15px 25px 0;
  display: block;
  position: absolute;
  top: 2px;
  left: 221px;
  visibility: visible;
}
.mypage-visual__list {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.mypage-visual__list:after {
  content: none!important;
}
.mypage-visual__item {
  background: #fff;
  border: solid 2px #45a18c;
  border-radius: 6px;
  color: #45a18c;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.35;
  padding: 15px 0;
  text-align: center;
  width: 200px;
}
/* upload */
.member-upload .topText {
  margin-bottom: 30px;
}
.member-upload .topText--underline {
  font-weight: bold;
  text-decoration: underline;
}
.section-spotpoint .Modal_open {
  color: #007ab6;
  display: flex;
  align-items: center;
  text-decoration: underline;
  width: fit-content;
}
.section-spotpoint .txt_comment {
  font-size: 12px;
  margin-bottom: 15px;
}
.section-spotpoint #trigger-spotpoint[type="checkbox"] {
  display: none;
}
.section-spotpoint .modal-spotpoint_overlay {
  background: rgba(0,0,0,0.7);
  display: flex;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  transform: scale(0);
  transition: opacity 0.5s, transform 0s 0.5s;
  width: 100%;
  height: 100%;
  z-index: 9999;
}
.section-spotpoint #trigger-spotpoint[type="checkbox"]:checked ~ .modal-spotpoint_overlay {
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.5s;
}
.modal-spotpoint__close-bkg {
  cursor: unset;
  position: absolute;
  width: 100%;
  height: 100%;
}
.modal-spotpoint__close {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -35px;
  width: 30px;
  height: 30px;
}
.modal-spotpoint__close:before,
.modal-spotpoint__close:after {
  content: "";
  background: #fff;
  position: absolute;
  inset: auto;
  width: 35px;
  height: 4px;
}
.modal-spotpoint__close:before {
  transform: rotate(45deg);
}
.modal-spotpoint__close:after {
  transform: rotate(-45deg);
}
.modal-spotpoint {
  margin: auto;
  position: sticky;
  inset: 0;
}
.modal-spotpoint__inner {
  background: #fff;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
  padding: 20px;
  width: 600px;
  max-height: 80vh;
}
.modal-spotpoint__title {
  color: #3284c2;
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 5px;
}
.modal-spotpoint__text {
  text-align: justify;
}
.modal-spotpoint__text .red {
  color: var(--secondary-color);
  font-weight: bold;
}
.modal-spotpoint__text--marginTop {
  margin-top: 30px;
}
.modal-spotpoint__subtitle {
  border-left: solid 4px #3284c2;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  margin: 30px 0 10px;
  padding-left: 5px;
}
.modal-spotpoint__img {
  margin: 0 auto 20px 0;
  width: -webkit-fill-available;
  max-width: 540px;
  height: auto;
}
.modal-spotpoint__item {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.modal-spotpoint__item:before {
  content: "";
  background: #3284c2;
  border-radius: 10px;
  display: block;
  margin: 0.6em 5px auto 0;
  width: 5px;
  height: 5px;
}
.modal-spotpoint__attention {
  color: #616161;
  font-size: 11px;
  margin-top: auto;
}
.section-filelast .section-QR {
  margin-top: 50px;
}
.section-QR .Modal_open {
  color: #007ab6;
  display: flex;
  align-items: center;
  text-decoration: underline;
  width: fit-content;
}
.Modal_open:after {
  content: url("../../../member/img/responsive/ico_arrow.svg");
  margin-left: 8px;
}
.section-QR .txt_comment {
  font-size: 12px;
  margin-bottom: 15px;
}
.section-QR #trigger-QR[type="checkbox"] {
  display: none;
}
.section-QR .modal-QR_overlay {
  background: rgba(0,0,0,0.7);
  display: flex;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  transform: scale(0);
  transition: opacity 0.5s, transform 0s 0.5s;
  width: 100%;
  height: 100%;
  z-index: 9999;
}
.section-QR #trigger-QR[type="checkbox"]:checked ~ .modal-QR_overlay {
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.5s;
}
.modal-QR__close-bkg {
  cursor: unset;
  position: absolute;
  width: 100%;
  height: 100%;
}
.modal-QR__close {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -35px;
  width: 30px;
  height: 30px;
}
.modal-QR__close:before,
.modal-QR__close:after {
  content: "";
  background: #fff;
  position: absolute;
  inset: auto;
  width: 35px;
  height: 4px;
}
.modal-QR__close:before {
  transform: rotate(45deg);
}
.modal-QR__close:after {
  transform: rotate(-45deg);
}
.modal-QR {
  margin: auto;
  position: sticky;
  inset: 0;
}
.modal-QR__inner {
  background: #fff;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding: 20px;
  width: 350px;
}
.modal-QR__title {
  color: #3284c2;
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 5px;
}
.modal-QR__text {
  color: #b71c1c;
  font-size: 13px;
}
.modal-QR__img {
  border: solid 1px #aaa;
  display: block;
  margin: 50px auto;
}
.modal-QR__attention {
  color: #616161;
  font-size: 11px;
  margin-top: auto;
}
/* 履歴書アップロード */
.toggle__wrap {
  margin-top: 20px;
}
.toggle__title {
  border-left: solid 2px #cd9a58;
  font-weight: bold;
  line-height: 1.5;
  padding-left: 5px;
}
.toggle__list {
  margin-left: 10px;
}
.toggle__dd {
  margin-left: 10px;
}
.toggle__dd a:hover {
  text-decoration: none;
}
/* 3ステップで完了！アップロード手順 */
.section-filelast {
  margin-top: 70px;
}
.section-filelast .bar-mypage {
  background: none;
  border-top: 4px solid #ececec;
  font-weight: bold;
  margin-bottom: 25px;
  padding: 10px 0 0 0;
  position: relative;
}
.section-filelast .bar-mypage:before {
  content: "";
  background-color: #5f93c4;
  display: block;
  position: absolute;
  top: -4px;
  left: 0;
  width: 60px;
  height: 4px;
}
.section-filelast .bar-mypage--title {
  color: #333;
  line-height: unset;
}
.section-filelast__item {
  display: flex;
  align-items: center;
}
.section-filelast__number {
  background: #5f93c4;
  border-radius: 100px;
  color: #fff;
  font-size: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  line-height: 1;
  width: 4em;
  height: 4em;
}
.section-filelast__number--bold {
  font-size: 1.5em;
}
.section-filelast__text {
  font-size: 12px;
  padding-left: 5px;
}
.section-filelast__arrow {
  margin-left: 19px;
  height: 20px;
}
.section-filelast__arrow:after {
  content: "";
  border-left: solid 1px #5f93c4;
  display: block;
  width: 0;
  height: 22px;
}
.section-filelast .section-QR {
  margin-top: 30px;
}
.section-filelast__attention-list {
  margin-top: 20px;
}
.section-filelast__attention-item {
  font-size: 13px;
}
/* 提出書類の匿名性及び個人情報の厳守について */
.section-privacy {
  margin: 70px 0 0 0;
}
.section-privacy__title {
  background: #e0e0e0;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 35px;
  padding: 15px;
}
.section-privacy__text {
  font-size: 12px;
}

/* アンケートアーカイブ（survey） */
.pink {
  color:#e2276e;
}
.bold{
  font-weight:bold;
}
.u_line{
  text-decoration: underline;
}
.member-archive .section-list{
  margin-bottom: 0;
}
.member-archive .section-explanation1 {
  margin-top: 18px;
  margin-bottom: 18px;
}
.member-archive .section-explanation2 {
  margin-top: 0;
  margin-bottom: 32px;
}
.member-archive .section-explanation3 {
  margin-top: 32px;
  margin-bottom: 20px;
}
.member-archive .section-explanation4 {
  margin-top: 24px;
  margin-bottom: 32px;
}
.member-archive .section-explanation3 .link_area{
  display: flex;
  justify-content: flex-end;
}
.member-archive .txt_comment {
  font-size:92%;
}
.member-archive .section-list__title {
  display:flex;
  padding: 13px;
  background-color: #f4f4f4;
  font-size:16px;
  font-weight:bold;
  line-height:34px;
  height: 60px;
  box-sizing: border-box;  
}
.member-archive .section-list__title img {
  margin-right:10px;
}
.member-archive .section-list__title .contents_cnt {
  margin-left:15px;
}
.member-archive .section-list__detail {
  display: flex;
  justify-content: space-between;
  padding: 24px 16px;
  border-bottom: 1px solid #f4f4f4;
}
.member-archive .section-list__detail .title {
  font-size:16px;
  font-weight:bold;
  width:80%;
  line-height: 1.4;
}
.member-archive .section-list__detail .label {
  display:flex;
  flex-wrap: wrap;
}
.section-list__detail .detail-area {
  width:76%;
}
.member-archive .section-list__detail .label li{
  margin-right:8px;
  padding: 0 5px;
  height: 24px;
  line-height: 24px;
}
.member-archive .section-list__detail .label .period {
  padding-left: 0;
  width:100%;
  font-size:13px;
}
.member-archive .section-list__detail .label .present {
  background: #e2276e url(../../../member/survey/img/ico_present.svg) no-repeat 5px 1px;
  background-size: 15px;
  color: #fff;
  padding-left: 25px;
  margin-top:12px;
}
.member-archive .section-list__detail .label .other {
  background: #ecf2ff;
  color: #222;
  margin-top:12px;
}
.member-archive .section-list__detail .buton-area a{
  position: relative;
  background-color: var(--primary-color);
  padding: 8px 20px;
  color: #fff;
  border-radius: 5px;
  display: block;
  top: calc(50% - 19px);
  box-sizing: border-box;
  height: 38px;
  width: 154px;
  text-align: center;
}
.member-archive .section-list__detail .buton-area a:after{
  content: "";
  border-style: solid;
  border-width: 1px 1px 0 0;
  border-color: #fff #fff transparent transparent;
  display: block;
  position: absolute;
  right: 10px;
  top: calc(50% - 8px);
  transform: rotate(45deg);
  width: 16px;
  height: 16px;
}

.member-archive .link_mailmaga{
  position: relative;
  background-color: #fff;
  padding: 8px 20px 8px 0;
  border: 1px solid var(--primary-color);
  display: block;
  margin-top: 30px;
  color:#333;
  text-align: center;
  width: 265px;
}
.member-archive .link_mailmaga:after{
  content: "";
  border-style: solid;
  border-width: 1px 1px 0 0;
  border-color: var(--primary-color) var(--primary-color) transparent transparent;
  display: block;
  position: absolute;
  right: 10px;
  top: calc(50% - 8px);
  transform: rotate(45deg);
  width: 16px;
  height: 16px;
}
.member-archive .section-utilize {
  padding:0 16px;
  margin: 0 16px;
  box-shadow: 0px 2px 6px #e6e6e6;
  
}
.member-archive .section-utilize .exam-box.not_last {
  padding:24px 0;
  border-bottom:1px solid #f4f4f4;
}
.member-archive .section-utilize .exam-box{
  display:flex;
  justify-content: space-between;
  padding:0;
  padding-bottom: 24px;
}
.member-archive .section-utilize .exam-box .text{
  width:65%;
}
.member-archive .section-utilize .exam-box .exam-title{
  display: inline-block;
  padding: 0 5px;
  background-color:#ecf2ff;
  color:#1c45a5;
  font-weight: bold;
  line-height: 25px;
  margin-top:16px;
}
.member-archive .section-utilize .exam-box.not_last .exam-title{
  margin-top:0;
}
.member-archive .section-utilize .exam-box .exam-detail{
  margin-top:16px;
}
.member-archive .section-utilize .exam-box .exam-title span{
}
.member-archive .section-utilize .exam-box .banner{
  width:35%;
  padding-top: 36px;
  text-align: right;
}
.member-archive .section-utilize .exam-box .banner img{
  width: 154px;
  margin-top: 5px;
  border: 1px solid #f4f4f4;
  border-radius: 3px;
  padding: 8px 10px;
  box-sizing: border-box;
}
.member-archive .section-utilize .exam-box.not_last .banner{
  padding-top: 6px;
}
.member-archive .no_questionnaires{
  font-size:16px;
  font-weight:bold;
  padding: 24px 16px;
}
.member-archive .no_questionnaires{
  padding: 24px 16px 38px;
}
.member-archive .section-filelast .bar-mypage{
  margin-bottom: 0;
  padding-top: 24px;
}
.member-archive .section-filelast .bar-mypage:before {
  content: "";
  background-color: #1c5e9c;
  display: block;
  position: absolute;
  top: -4px;
  left: 0;
  width: 60px;
  height: 4px;
}
/* アイコン
---------------------------------------------------------- */
.ico-new {
  display: inline-block;
  padding: 3px 10px 2px;
  border: #e2276e 1px solid;
  background: #e2276e;
  color: #fff;
  font-size: 0.63rem;
  line-height: 1;
  vertical-align: middle;
}
.section-magazine .link_area {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}
.section-magazine .link_area a {
  /*background: linear-gradient(to bottom, var(--primary-color) 48%, #2a4679 52%);*/
  background-color:var(--primary-color);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  position: relative;
  width: 200px;
  height: 40px;
}
.section-magazine .link_area a:after {
  content: "";
  border: solid 1px #fff;
  border-width: 1px 1px 0 0;
  position: absolute;
  top: calc(50% - 7.5px);
  right: 10px;
  transform: rotate(45deg);
  width: 15px;
  height: 15px;
}