/* =================================================================
// spacetide2025.css (修正版)
// ================================================================= */

/* Common
-------------------------------------------------- */
.RandD_page_womans_career {
    padding-top: 83px;
}
.RandD_page_womans_career main {
  font-family: "HondaGlobalFontJP-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  letter-spacing: .05em;
  color: #000;
  background: #fff;
}

.RandD_page_womans_career .container {
}

.RandD_page_womans_career .bg_gray {
  background-color: #f5f5f5 !important;
}

.RandD_page_womans_career .RD_content {
  padding: 100px 0;
  background: #fff;
}

.RandD_page_womans_career .RD_content .wc_entitle {
    font-size: 16px;
    text-align: left;
    margin-bottom: 12px;
    font-weight: normal;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    display: flex;
    align-items: end;
    gap: 8px;
    line-height: 1em;
}
.RandD_page_womans_career .RD_content .wc_entitle::before {
    content: "";
    width: 1em;
    height: 1em;
    background: #cc0000;
    display: inline-block;
}

.RandD_page_womans_career .RD_content .wc_maintitle {
  font-size: 40px;
  text-align: left;
  font-weight: bold;
  margin-bottom: 40px;
  line-height: 1.5;
  font-family: "HondaGlobalFontJP-Bold";
}

.RandD_page_womans_career .RD_content .wc_sec_txt {
  font-size: 16px;
  line-height: 2.2;
  text-align: center;
  margin-bottom: 40px;
  font-family: "HondaGlobalFontJP-Bold";
}

.RandD_page_womans_career .RD_content .wc_subtitle {
    font-size: 20px;
    text-align: center;
    margin: 0 auto 40px;
    font-family: "HondaGlobalFontJP-Bold";
}

.RandD_page_womans_career .RD_content .wc_subtitle.mb-0 {
    margin: 0 auto;
}

.RandD_page_womans_career .RD_content .wc_caution {
    font-size: 13px;
     margin: 40px auto 40px;
}

.RandD_page_womans_career .RD_content .wc_caution a {
    color: #000;
    text-decoration: underline;
}

.RandD_page_womans_career .RD_content .wc_list_box {
  display: flex;
  flex-wrap: wrap;
  row-gap: 32px;
  column-gap: 32px;
}

.RandD_page_womans_career .RD_content .wc_list_item {
  width: calc(50% - 16px);
  box-sizing: border-box;
}

.RandD_page_womans_career .RD_content .wc_list_item h4 {
  font-size: 20px;
  text-align: center;
  padding: 18px 1em;
  background: #434041;
  margin-bottom: 16px;
  font-family: "HondaGlobalFontJP-Bold";
  color: #fff;
    line-height: 1em;
}

.RandD_page_womans_career .RD_content .wc_list_item ul {
  list-style: none;
  padding: 0;
  height: calc(100% - 72px);
    display: flex;
    flex-wrap: wrap;
}

.RandD_page_womans_career .RD_content .wc_list_item ul li {
  font-size: 15px;
  line-height: 1.5;
  position: relative;
  background: #E3E3E3;
  border-radius: 15px;
  padding: 16px 24px;
    min-height: 100px;
    display: flex;
    align-items: center;
    width: 100%;
  }

.RandD_page_womans_career .RD_content.bg_gray .wc_list_item ul li {
  background: #fff;
}

.RandD_page_womans_career .RD_content .wc_list_item ul li+li {
  margin-top: 16px;
}

/* Hero
-------------------------------------------------- */
.RandD_page_womans_career #hero {
  position: relative;
  color: #fff;
  line-height: 0;
}

.RandD_page_womans_career #hero h2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  font-size: 30px;
  line-height: 1.9;
  font-weight: bold;
  text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.5);
  font-family: "HondaGlobalFontJP-Bold";
}

.RandD_page_womans_career #hero h1 img {
  width: 100%;
}

/* Lead
-------------------------------------------------- */
.RandD_page_womans_career .RD_content.wc_lead {
    padding-top: 90px;
    padding-bottom: 90px;
    position: relative;
}
.RandD_page_womans_career .RD_content.wc_lead::before {
    content: '';
    width: 263px;
    height: 230px;
    background-image: url(/jp/RandD/recruit/workstyle01/images/lead_bg01.png);
    position: absolute;
    right: 0;
    top: 0;
}
.RandD_page_womans_career .RD_content.wc_lead::after {
    content: '';
    width: 202px;
    height: 144px;
    background-image: url(/jp/RandD/recruit/workstyle01/images/lead_bg02.png);
    position: absolute;
    left: 0;
    bottom: 0;
}
.RandD_page_womans_career .RD_content.wc_lead .container {
    max-width: fit-content;
    z-index: 2;
    position: relative;
  }
.RandD_page_womans_career .RD_content.wc_lead .container p {
  text-align: left; /* デザインに合わせて左揃えに変更 */
  line-height: 2.2;
  font-size: 16px;
}

.RandD_page_womans_career .RD_content.wc_lead .container p + p {
    margin-top: 3.5em; /* デザインに合わせて段落間の余白を調整 */
}

.RandD_page_womans_career .RD_content.wc_lead .uline {
  border-bottom: 3px solid #cc0000;
  display: inline;
  padding-bottom: 2px;
  background: none;
}

/* Section Photo
-------------------------------------------------- */
.RandD_page_womans_career .wc_sec_photo {
    line-height: 0;
}
.RandD_page_womans_career .wc_sec_photo img {
    width: 100%;
}

/* Workstyle
-------------------------------------------------- */
.RandD_page_womans_career .RD_content.wc_workstyle .wc_list_item ul li span {
    display: block;
}
.RandD_page_womans_career .RD_content.wc_workstyle .wc_list_item ul li span b {
    display: block;
    margin-bottom: 0.5em;
    font-family: "HondaGlobalFontJP-Bold";
}

.RandD_page_womans_career .RD_content.wc_workstyle .wc_btn_blank {
    margin-top: 60px;
    text-align: center;
}

.RandD_page_womans_career .RD_content.wc_workstyle .wc_btn_blank a {
    display: inline-block;
    min-width: 280px;
    padding: 18px 40px 18px 20px;
    border: 1px solid #000;
    color: #000;
    font-weight: bold;
    text-decoration: none;
    position: relative;
    transition: all .3s;
    font-size: 16px;
    box-sizing: border-box;
}
.RandD_page_womans_career .RD_content.wc_workstyle .wc_btn_blank a::after {
    content: '';
    width: 16px;
    height: 16px;
    background-image: url(/jp/RandD/recruit/workstyle01/images/icon_blank01.svg);
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}
.RandD_page_womans_career .RD_content.wc_workstyle .wc_btn_blank a:hover {
    background: #000;
    color: #fff;
    opacity: 1;
}
.RandD_page_womans_career .RD_content.wc_workstyle .wc_btn_blank a:hover::after {
    background-image: url(/jp/RandD/recruit/workstyle01/images/icon_blank01_w.svg);
}

/* Childcare Support
-------------------------------------------------- */
.RandD_page_womans_career .RD_content.wc_childcare .wc_list_item {
    width: 100%;
    margin-bottom: 32px;
}
.RandD_page_womans_career .RD_content.wc_childcare .wc_list_item:last-child {
    margin-bottom: 0;
}

.RandD_page_womans_career .RD_content.wc_childcare .childcare_items {
    display: block;
}

.RandD_page_womans_career .RD_content.wc_childcare .childcare_grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
        gap: 16px;
    margin-top: 16px;
}

.RandD_page_womans_career .RD_content.wc_childcare .childcare_grid .small_grid_item {
    background: #fff;
    padding: 25px 20px;
    text-align: center;
    border-radius: 15px;
        aspect-ratio: 1 / 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.RandD_page_womans_career .RD_content.wc_childcare .childcare_grid .small_grid_item:nth-child(5) {
    grid-column: 1 / 3;
        aspect-ratio: unset;
}
.RandD_page_womans_career .RD_content.wc_childcare .childcare_grid .small_grid_item:nth-child(6) {
    grid-column: 3 / 5;
        aspect-ratio: unset;
}

.RandD_page_womans_career .RD_content.wc_childcare .small_grid_item h5 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    font-family: "HondaGlobalFontJP-Bold";
    line-height: 1.2em;
}
.RandD_page_womans_career .RD_content.wc_childcare .small_grid_item p {
    font-size: 16px;
    line-height: 1;
}
.RandD_page_womans_career .RD_content.wc_childcare .small_grid_item p strong {
    font-size: 56px;
    color: #cc0000;
    margin-right: 0;
  font-family: "Oswald", sans-serif;
  font-weight: 500;
}

.RandD_page_womans_career .RD_content.wc_childcare .small_grid_item .column02 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    margin-top: 20px;
}
.RandD_page_womans_career .RD_content.wc_childcare .small_grid_item span {
    display: block;
    font-size: 14px;
}
.RandD_page_womans_career .RD_content.wc_childcare .small_grid_item figure img {
    max-width: 100%;
    width: 113px;
    height: auto;
}

.RandD_page_womans_career .RD_content.wc_childcare .flex-center {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 16px;
}

.RandD_page_womans_career .RD_content.wc_childcare .flex-center .small_grid_item {
    background: #fff;
    padding: 32px;
    width: calc(25% - 12px);
    aspect-ratio: 1 / 1;
    padding: 8px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
  }
.RandD_page_womans_career .RD_content.wc_childcare .flex-center .small_grid_item figure {
    margin-bottom: 10px;
    width: 100%;
}


/* People
-------------------------------------------------- */
.RandD_page_womans_career .RD_content.wc_people .wc_people_list {
    display: flex;
    justify-content: left;
    gap: 32px;
    row-gap: 0;
    flex-wrap: wrap;
}
.RandD_page_womans_career .RD_content.wc_people .wc_people_item {
    width: calc(33% - 22px);
    position: relative;;
}
.RandD_page_womans_career .RD_content.wc_people .wc_people_item .txt-area {
    position: relative;
    top: -32px;
    margin-inline: auto;
    right: -20px;
}
.RandD_page_womans_career .RD_content.wc_people .wc_people_item a {
    text-decoration: none;
    color: #fff;
    display: block;
    transition: opacity .3s;
    background: #434041;
    padding: 32px 20px 20px;
}
.RandD_page_womans_career .RD_content.wc_people .wc_people_item a:hover {
    opacity: 1;
}
.RandD_page_womans_career .RD_content.wc_people .wc_people_item a:hover em {
    opacity: 0.5;
}

.RandD_page_womans_career .RD_content.wc_people .wc_people_item figure {
}
.RandD_page_womans_career .RD_content.wc_people .wc_people_item img {
    width: 100%;
    vertical-align: bottom;
}
.RandD_page_womans_career .RD_content.wc_people .wc_people_item h5 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    font-family: "HondaGlobalFontJP-Bold";
        min-height: 5em;
}
.RandD_page_womans_career .RD_content.wc_people .wc_people_item hr {
    border: none;
    border-top: 1px solid #fff;
    margin: 20px 0;
}
.RandD_page_womans_career .RD_content.wc_people .wc_people_item em {
    font-style: normal;
    font-size: 14px;
    color: #fff;
        transition-duration: 0.2s;
            position: relative;
    display: block;
}
.RandD_page_womans_career .RD_content.wc_people .wc_people_item a em::after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url(/jp/RandD/recruit/workstyle01/images/icon_arrow_right_info_w.svg);
background-size: contain;
    margin-left: 8px;
    vertical-align: middle;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.RandD_page_womans_career .RD_content.wc_people .wc_people_item.blank_item a em::after {
      background-image: url(/jp/RandD/recruit/workstyle01/images/icon_blank01_w.svg);

}

/* Information
-------------------------------------------------- */
.RandD_page_womans_career .RD_content.wc_information .wc_information_list {
    margin: 0 auto;
    display: flex;
}
.RandD_page_womans_career .RD_content.wc_information .wc_information_item {
  flex: 0 0 600px;
}
.RandD_page_womans_career .RD_content.wc_information .wc_information_item a {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto;
    grid-template-areas:
        "date image"
        "title image";
    align-items: center;
    text-decoration: none;
    color: #000;
    padding: 0 0 32px 0;
    border-bottom: 1px solid #434041;
    position: relative;
    gap: 8px 32px;
}
.RandD_page_womans_career .RD_content.wc_information .wc_information_item a::after {
    content: "";
    width: 10px;
    height: 15px;
    background-image: url(/jp/RandD/recruit/workstyle01/images/icon_arrow_right_info.svg);
    position: absolute;
    right: -0px;
    bottom: -7px;
    background-size: cover;
    /* transform: translate(-50%, 0) rotateZ(90deg); */
    transition: 0.3s ease;
    background-color: #f5f5f5;
}

.RandD_page_womans_career .RD_content.wc_information .wc_information_item a:hover {
    opacity: 0.7;
}

.RandD_page_womans_career .RD_content.wc_information .wc_information_item a:hover::after {
    right: -10px;
}
.RandD_page_womans_career .RD_content.wc_information .wc_information_item .txt-area {
    /* This class is not needed for layout with grid */
}
.RandD_page_womans_career .RD_content.wc_information .wc_information_item figure {
    grid-area: image;
    width: 300px;
    flex-shrink: 0;
}
.RandD_page_womans_career .RD_content.wc_information .wc_information_item img {
    width: 100%;
    vertical-align: bottom;
    border: 1px solid #eee;
}
.RandD_page_womans_career .RD_content.wc_information .wc_information_item p {
    grid-area: date;
    margin-bottom: 12px;
    font-size: 12px;
    color: #6C6C6C;
}
.RandD_page_womans_career .RD_content.wc_information .wc_information_item p em {
    display: inline-block;
    background: none;
    color: #6C6C6C;
    padding: 0;
    font-size: 12px;
    margin-left: 1em;
    font-style: normal;
}
.RandD_page_womans_career .RD_content.wc_information .wc_information_item h5 {
    grid-area: title;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.6;
    font-family: "HondaGlobalFontJP-Bold";
}

/* Report
-------------------------------------------------- */

.RandD_page_womans_career .RD_content.wc_report .wc_report_title {
    padding: 5px 10px;
    font-size: 20px;
    color: #fff;
    background: #434041;
}

.RandD_page_womans_career .RD_content.wc_report .wc_report_flex {
    display: flex;
    gap: 32px;
    border: 2px solid #444041;
    padding: 20px;
}

.RandD_page_womans_career .RD_content.wc_report .wc_report_flex figure {
    flex: 0 0 30%;
}

.RandD_page_womans_career .RD_content.wc_report .wc_report_flex .txt-area {
    display: flex;
    flex-wrap: wrap;
}

.RandD_page_womans_career .RD_content.wc_report .wc_report_flex .txt-area p {
    font-size: 15px;
}

.RandD_page_womans_career .RD_content.wc_report .wc_report_flex .txt-area .report-links {
        margin: auto auto 0;
    flex: 0 0 100%;
    display: flex;
    gap: 20px;
}

.RandD_page_womans_career .RD_content.wc_report .wc_report_flex .txt-area .report-links a {
    display: block;
    background: #ccc;
    color: #000;
    padding: 5px 15px;
    border-radius: 100px;
    font-size: 14px;
    margin-top: 10px;
    flex: 0 0 calc(50% - 10px);
}

.RandD_page_womans_career .RD_content.wc_report .wc_report_flex .txt-area .report-links a.blank_item {
    display: block;
    background: #E3E3E3;
    color: #000;
    padding: 5px 15px;
    border-radius: 100px;
    font-size: 14px;position: relative;

}
.RandD_page_womans_career .RD_content.wc_report .wc_report_flex .txt-area .report-links a::after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url(/jp/RandD/recruit/workstyle01/images/icon_arrow_right_info.svg);
background-size: contain;
    margin-left: 8px;
    vertical-align: middle;
    background-repeat: no-repeat;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
}
.RandD_page_womans_career .RD_content.wc_report .wc_report_flex .txt-area .report-links a::after {
      background-image: url(/jp/RandD/recruit/workstyle01/images/icon_blank01.svg);

}


/* Entry
-------------------------------------------------- */
.RandD_page_womans_career .RD_content.wc_entry {
    background: #CC0000;
    padding: 0;
    transition-duration: 0.2s;
}
.RandD_page_womans_career .RD_content.wc_entry:hover {
    background: #9e0000;
}
.RandD_page_womans_career .RD_content.wc_entry a {
    display: block;
    padding: 120px 20px;
    text-align: center;
    color: #fff;
    text-decoration: none;
}
.RandD_page_womans_career .RD_content.wc_entry a:hover {
    opacity: 1;
}
.RandD_page_womans_career .RD_content.wc_entry h4 {
    font-size: 66px;
    font-weight: 600;
    position: relative;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    -webkit-text-stroke: 4px #ffffff;
    text-stroke: 4px black;
        paint-order: stroke;
    color: #cc0000;
    transition-duration: 0.2s;
    letter-spacing: 0.1em;
}
.RandD_page_womans_career .RD_content.wc_entry:hover h4 {
    color: #fff;
}

/* Responsive
-------------------------------------------------- */
@media screen and (max-width: 767px) {
  .RandD_page_womans_career {
    padding-top: 56px;
}
    .RandD_page_womans_career .RD_content {
      padding: 80px 0;
    }
    .RandD_page_womans_career .RD_content .wc_maintitle {
      font-size: 26px;
      margin-bottom: 30px;
    }
    .RandD_page_womans_career .RD_content .wc_sec_txt {
      font-size: 15px;
      text-align: left;
      margin-bottom: 30px;
    }

    .RandD_page_womans_career #hero h2 {
        font-size: 18px;
    }
    .RandD_page_womans_career .RD_content.wc_lead .container {
      max-width: 92%;
    }
    .RandD_page_womans_career .RD_content.wc_lead .container p + p {
    margin-top: 2em;
}
    .RandD_page_womans_career .RD_content.wc_lead .container p {
        text-align: left;
        font-size: 15px;
    }
    .RandD_page_womans_career .RD_content.wc_lead::before,
    .RandD_page_womans_career .RD_content.wc_lead::after {
      content: none;
    }

    .RandD_page_womans_career .RD_content .wc_list_item {
        width: 100%;
    }
    .RandD_page_womans_career .RD_content .wc_list_box {
        row-gap: 16px;
        column-gap: 0;
    }
    .RandD_page_womans_career br.pc {
        display: none;
    }
    .RandD_page_womans_career .RD_content .wc_subtitle {
        font-size: 20px;
        max-width: 90%;
    }

    .RandD_page_womans_career .RD_content.wc_childcare .childcare_grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .RandD_page_womans_career .RD_content.wc_childcare .childcare_grid .small_grid_item:nth-child(5),
    .RandD_page_womans_career .RD_content.wc_childcare .childcare_grid .small_grid_item:nth-child(6) {
        grid-column: 1 / 3;
    }
    .RandD_page_womans_career .RD_content.wc_childcare .small_grid_item h5 {
      font-size: 16px;
    }
    .RandD_page_womans_career .RD_content.wc_childcare .small_grid_item p strong {
        font-size: 40px;
    }
    .RandD_page_womans_career .RD_content.wc_childcare .flex-center {
        flex-wrap: wrap;
    }
    .RandD_page_womans_career .RD_content.wc_childcare .flex-center .small_grid_item {
                width: calc(50% - 8px);
    }

    .RandD_page_womans_career .RD_content.wc_people .wc_people_list {
        flex-direction: column;
        gap: 10px;
    }
    .RandD_page_womans_career .RD_content.wc_people .wc_people_item {
        width: 100%;
    }
    .RandD_page_womans_career .RD_content.wc_people .wc_people_item .txt-area {
    position: relative;
    top: -32px;
    margin-inline: auto;
    width: calc(100% - 40px);

        right: auto;
}
.RandD_page_womans_career .RD_content.wc_people .wc_people_item h5 {
  min-height: auto;
}
.RandD_page_womans_career .RD_content.wc_information .wc_information_list {
  display: block;
}
    .RandD_page_womans_career .RD_content.wc_information .wc_information_item a {
        grid-template-columns: 1fr; /* 1列レイアウトに変更 */
        grid-template-areas:
            "image"  /* 上に画像 */
            "info";   /* 下にテキスト */
        gap: 16px 0; /* 画像とテキストの間に余白を追加 */
        padding: 24px 0;
        border-bottom: 1px solid #C8C8C8;
    }
    .RandD_page_womans_career .RD_content.wc_information .wc_information_item a::after {
        display: none; /* 矢印を非表示 */
    }
    .RandD_page_womans_career .RD_content.wc_information .wc_information_item figure {
        width: 100%; /* 画像の幅を100%に */
    }
    .RandD_page_womans_career .RD_content.wc_information .wc_information_item h5 {
        font-size: 16px;
        line-height: 1.5;
    }
    
    .RandD_page_womans_career .RD_content.wc_entry a {
      padding: 60px 20px;
    }
    .RandD_page_womans_career .RD_content.wc_entry h4 {
        font-size: 32px;
        -webkit-text-stroke-width: 2px;
    }
    .RandD_page_womans_career .RD_content.wc_report .wc_report_flex {
            flex-wrap: wrap;
            gap: 20px;
    }
    .RandD_page_womans_career .RD_content.wc_report .wc_report_title {
            font-size: 16px;
    }
    .RandD_page_womans_career .RD_content.wc_report .wc_report_flex figure {
    flex: 0 0 100%;
    } 
    .RandD_page_womans_career .RD_content.wc_report .wc_report_flex .txt-area p {
    font-size: 15px;
    }
    .RandD_page_womans_career .RD_content.wc_report .wc_report_flex .txt-area .report-links {
        flex-wrap: wrap;
                gap: 0;
    }
    .RandD_page_womans_career .RD_content.wc_report .wc_report_flex .txt-area .report-links a {
        flex: 0 0 100%;
    }
}

@media screen and (max-width: 450px) {
  .RandD_page_womans_career .RD_content.wc_lead .container p {
        font-size: 2.8vw;
    }
}