@charset "utf-8";
/* base */
html {
  font-size: 62.5%;
}
html:focus-within {
  scroll-behavior: auto;
}
body {
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
  min-height: 100vh;
  /* Fallback */
  color: #333;
  font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, 'MS Pゴシック', sans-serif;
  font-size: 1.6em;
  line-height: 1.8;
  -webkit-text-size-adjust: 100%;
}
:focus {
  outline: none;
}
a {
  display: block;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
button {
  padding: 0;
  border: 0;
  background-color: transparent;
}
img {
  height: auto;
  width: 100%;
  vertical-align: bottom;
}
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ol {
  padding-left: 2rem;
}
input,
select,
textarea {
  font-size: 1.6rem;
  -webkit-appearance: none; }
textarea {
  resize: vertical;
}
input[type='checkbox'], input[type='radio'] {
  cursor: pointer;
}
select {
  cursor: pointer;
}
hr {
  border: none;
  border-top: 1px solid #eee;
  margin: 1rem 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

/* layout */
.l-body {
  overflow-x: hidden;
}
.l-body--part-time {
  line-height: 1.6;
}

.l-main {
  flex-grow: 1;
  height: 100%;
}

.l-header {
  width: 100%;
}
@media screen and (max-width: 1080px) {
  .l-header {
    height: 6rem;
  }
}
@media print {
  .l-header {
    position: relative;
  }
}

.l-header__logo {
    width: 24rem;
}
@media screen and (max-width: 1080px) {
  .l-header__logo {
    width: 20rem;
  }
}

.l-wrapper {
  margin: 0 auto;
  padding: 0 2rem;
  max-width: 960px;
}
@media screen and (max-width: 1080px) {
  .l-wrapper {
    width: 100%;
  }
}

.l-footer {
  width: 100%;
}

/* 常用型派遣サービス動画ページ、WDBグループインターンシップのご案内 */
.l-header__logo-wdbg {
  width: 13.6rem;
}

.l-header__logo-brand{
  width: 15.382rem;
}

/* パートタイム組み合わせ派遣動画ページ */
/* パートタイム派遣動画ページのみブレイクポイント1000px（iPad横向きでPC表示になるように） */
.l-header-part-time {
  width: 100%;
}

.l-header__logo-part-time {
  width: 17.5rem;
}

@media screen and (max-width: 1000px) {
  .l-header__logo-part-time {
    width: 15rem;
  }
}

.l-wrapper-part-time {
  margin: 0 auto;
  padding: 0 2.4rem;
  max-width: calc(130rem + (2.4rem * 2));
}

@media screen and (max-width: 1000px) {
  .l-wrapper-part-time {
    padding: 0;
  }
}

.l-wrapper-internship-entry {
  margin: 0 auto;
  padding: 0 2.4rem;
  max-width: calc(130rem + (2.4rem * 2));
}

@media screen and (max-width: 1000px) {
  .l-wrapper-internship-entry {
    padding: 0;
  }
}

/* component */
.c-section__content + .c-section__content {
  margin-top: 5rem;
}
@media screen and (max-width: 1080px) {
  .c-section__content + .c-section__content {
    margin-top: 4rem;
  }
}

.c-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 2.5rem;
}

.c-flex__col2 {
  flex-basis: calc((100% - 2.5rem) / 2);
  max-width: calc((100% - 2.5rem) / 2);
}

@media screen and (max-width: 1080px) {
  .c-flex__col2 {
    flex-basis: 100%;
    max-width: 100%;
  }
}

.c-button {
  display: block;
}

.c-link-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 0;
}

.c-link-list__item {
  display: inline;
}

.c-link-list__item:not(:last-child):after {
  content: "｜";
  color: #ccc;
  padding: 0 1rem;
}

/* project */
.p-header {
  padding: 4rem 0;
}
@media screen and (max-width: 1080px) {
  .p-header {
    padding: 3rem 0 5rem;
  }
}

.p-wrapper {
  padding-bottom: 10rem;
}
.p-wrapper > * + * {
  margin-top: 3.2rem;
}
@media screen and (max-width: 1080px) {
  .p-wrapper > * + * {
    margin-top: 5rem;
  }
}

.p-wrapper__title {
  font-size: 2.4rem;
  margin-bottom: 1.5rem;
  padding-left: 1.5rem;
  position: relative;
}
.p-wrapper__title::before {
  position: absolute;
  width: .5rem;
  background: #ccc;
  content: '';
  left: 0;
  top: .7rem;
  height: 3rem;
}

.p-wrapper__title + .p-description-box{
  margin-top: 2.4rem;
}

.p-footer__copyright {
  height: 6rem;
  display: grid;
  place-items: center;
  font-size: 1.4rem;
}
@media screen and (max-width: 1080px) {
  .p-footer__copyright {
    height: 5rem;
  }
}

.p-copyright {
  font-size: 1.1rem;
}

/* text-link */
.p-text-link {
  display: inline;
  color: #357fee;
  text-decoration: none;
  word-break: break-word;
}
.p-text-link:hover {
  text-decoration: underline;
}

/* icon */
/* other-window */
.p-text-link[target="_blank"]::after {
  content: '';
  display: inline-block;
  position: relative;
  height: 1.2rem;
  width: 1.2rem;
  margin-left: .5rem;
  background: url(../img/cmn_icon_other-window.svg) no-repeat center center;
}
/* external-site */
.p-text-link[href^=http]:not([href*='wdb.co.jp']):not([href*='wdb-g.com'])::after,
.p-text-link[href^='https://www.wdb.co.jp/movie/']::after,
.p-text-link[href^='https://www.wdb.co.jp/doconico/']::after {
  width: 1.3rem;
  height: 1.3rem;
  background: url(../img/cmn_icon_external-site.svg) no-repeat center/cover;
}
/* pdf */
.p-text-link[href*=".pdf"]::after {
  height: 2.1rem;
  width: 1.8rem;
  vertical-align: middle;
  background: url(../img/cmn_icon_pdf.svg) no-repeat center center;
}
/* contact-form */
.p-text-link[href^='https://www.wdb-g.com/']::after {
  height: 1.2rem;
  width: 1.2rem;
  vertical-align: baseline;
  background: url(../img/cmn_icon_other-window.svg) no-repeat center center;
}

.p-text-link--intext {
  text-decoration: underline;
}
.p-text-link--intext:hover {
  text-decoration: none;
}

/* 常用型派遣サービス動画ページ、WDBグループインターンシップのご案内 */
.p-wrapper-wdbg > * + * {
  margin-top: 5rem;
}
@media screen and (max-width: 519px) {
  .p-wrapper-wdbg > * + * {
    margin-top: 2.5rem;
  }
}

.p-wrapper__title-wdbg {
  display: flex;
  margin-bottom: 1.5rem;
  font-size: 2.4rem;
}

@media screen and (max-width: 519px) {
  .p-wrapper__title-wdbg {
    font-size: 1.6rem;
  }
}

.p-wrapper__title-wdbg--internship {
  font-weight: bold;
}

@media screen and (max-width: 519px) {
  .p-wrapper__title-wdbg--internship {
    font-size: 1.8rem;
  }
}

.p-wrapper__title-wdbg::before {
  content: "";
  display: block;
  margin-block: .7rem ;
  margin-right: 1rem;
  border-left: 3px solid #ccc;
}

.p-wrapper__title-wdbg--internship::before {
  border-left: 5px solid #0852a0;
  border-radius: 2.5px;
  margin-block: .5rem ;
}

@media screen and (max-width: 519px) {
  .p-wrapper__title-wdbg::before {
    margin-block: .5rem;
  }
}

/* パートタイム組み合わせ派遣動画ページ */
/* パートタイム派遣動画ページのみブレイクポイント1000px（iPad横向きでPC表示になるように） */
.p-header-part-time {
  padding: 4rem 0;
}

@media screen and (max-width: 1000px) {
  .p-header-part-time {
    margin: 0 auto;
    padding: 2.4rem;
    max-width: calc(130rem + (2.4rem * 2));
  }
}

@media screen and (max-width: 1000px) {
  .p-wrapper-part-time {
    padding:0 2.4rem;
  }
}

@media screen and (max-width: 1000px) {
  .p-wrapper-internship-entry {
    padding:0 2.4rem;
  }
}

@media screen and (max-width: 1000px) {
  .p-bg-light-blue-sp {
    padding-top: 2.4rem;
    padding-bottom: 2.4rem;
    background-color: #e7f0f7;
  }
}

.p-wrapper__title-part-time {
  position: relative;
  display: flex;
  align-items: stretch;
  font-size: 2.4rem;
  font-weight: bold;
}
@media screen and (max-width: 1000px) {
  .p-wrapper__title-part-time {
    font-size: 1.8rem;
  }
}

.p-wrapper__title-part-time::before {
  content: '';
  display: inline-block;
  border-radius: .2rem;
  margin: .3rem 0 .4rem;
  width: .5rem;
  min-width: .5rem;
  background-color: #0852A0;
  vertical-align: middle;
}
@media screen and (max-width: 1000px) {
  .p-wrapper__title-part-time::before {
    width: .4rem;
    min-width: .4rem;
    margin: .3rem 0 .2rem;
  }
}

.p-wrapper__title-part-time + .p-description-box{
  margin-top: 2.4rem;
}
@media screen and (max-width: 1000px) {
  .p-wrapper__title-part-time + .p-description-box{
    margin-top: 1.6rem;
    font-size: 1.5rem;
  }
}

.p-part-time-box {
  display: grid;
  grid-template-columns: 1fr 35rem;
  gap: 4rem;
  border-radius: 20px;
  margin-top: 2.4rem;
  padding: 5.6rem 5.6rem 4.8rem;
  background-color: #e7f0f7;
}
@media screen and (max-width: 1000px) {
  .p-part-time-box {
    grid-template-columns: auto;
    gap: 2.4rem;
    border-radius: 0;
    margin-top: 1.6rem;
    padding: 0;
    background-color: transparent;
  }
}

.p-internship-entry-box {
  display: grid;
  grid-template-columns: 1fr 35rem;
  gap: 4rem;
  border-radius: 20px;
  margin-top: 2.4rem;
  padding: 5.6rem 5.6rem 4.8rem;
  background-color: #e7f0f7;
}
@media screen and (max-width: 1000px) {
  .p-internship-entry-box {
    grid-template-columns: auto;
    gap: 2.4rem;
    border-radius: 0;
    margin-top: 1.6rem;
    padding: 0;
    background-color: transparent;
  }
}

.p-contact-box > * + * {
  margin-top: 2.2rem;
}
@media screen and (max-width: 1000px) {
  .p-contact-box > * + * {
    margin-top: 1.6rem;
  }
}

.p-contact-box__title {
  position: relative;
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .p-contact-box__title {
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
  }
}

/*231026_松尾追加*/
@media screen and (max-width: 1000px) {
  .p-contact-box__text {
    font-size: 1.5rem;
  }
}

.p-contact-box__container {
  border-radius: 5px;
  background-color: #fff;
}
@media screen and (max-width: 1000px) {
  .p-contact-box__container {
    max-width: 45rem;
    margin: 1.6rem auto 0;
  }
}

.p-contact-box__contact-title {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: .8rem 0;
  border-radius: 5px 5px 0 0;
  background-color: #0852a0;
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
}

.p-contact-box img {
  width: 2.5rem;
}

.p-contact-content {
  padding: 1.6rem 3.6rem 2.4rem;
}
@media screen and (max-width: 1000px) {
  .p-contact-content {
    padding: 1.6rem 2.4rem 2.4rem;
  }
}

.p-contact-content__item {
  display: flex;
  flex-direction: column;
  gap: .8rem;
}

.p-contact-content__item-title {
  display: flex;
  flex-direction: row;
  gap: .8rem;
  font-size: 1.6rem;
  font-weight: bold;
}

.p-contact-content__item-title--internship + * {
  margin-top: .8rem;
}

.p-contact-content__item-reception {
  font-size: 1.2rem;
}

.p-contact-content__item + .p-contact-content__item {
  border-top: 1px dashed #999;
}

.p-contact-content__item:not(:last-child) {
  padding-bottom: 1.6rem;
}

.p-contact-content__item:not(:first-child) {
  padding-top: 1.6rem;
}

/* パートタイム専用ボタン */
.p-button-part-time--tel {
  color: #0852A0;
  font-size: min(2.2vw, 3.2rem);
  font-weight: bold;
  line-height: 1.2;
}
@media screen and (max-width: 1000px) {
  .p-button-part-time--tel {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #0852A0;
    border-radius: 23px;
    padding: 1rem;
    color: #0852A0;
    font-size: 2rem;
    line-height: 1.2;
  }
}

.p-button-part-time--mail {
  border-radius: 23px;
  padding: 1rem;
  background-color: #f67e28;
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  transition: .2s;
}

.p-button-part-time--mail:hover {
  background-color: #ff9e38;
}

.p-button-part-time::before {
  content: "";
  display: inline-block;
  position: relative;
  height: 2.5rem;
  width: 2.5rem;
  margin-right: 1rem;

}

.p-button-part-time--tel::before {
  background: url(../../assets/img/cmn_icon_tel-part-time-combination.svg) no-repeat center center;
}

.p-button-part-time--mail::before {
  background: url(../../assets/img/cmn_icon_mail-part-time-combination.svg) no-repeat center center;
  vertical-align: middle;
}


/* フッター・固定フッター */
.p-footer-part-time {
  padding: 2.4rem 0;
}
@media screen and (max-width: 1000px) {
  .p-footer-part-time {
    padding: 1.6rem 0 1.2rem;
    margin-bottom: 5rem;
  }
}

.p-footer-part-time__copyright {
  text-align: center;
  font-size: 1.4rem;
}
@media screen and (max-width: 1000px) {
  .p-footer-part-time__copyright {
    font-size: 1.2rem;
  }
}

.p-footer-promote-utilization {
  padding: 3.2rem 0 2.4rem;
}

.p-fixed-footer {
  display: none;
}
@media screen and (max-width: 1000px) {
  .p-fixed-footer {
    display: flex;
    position: fixed;
    z-index: 10;
    bottom: 0;
    height: 5rem;
    width: 100%;
    box-shadow: 0 -1rem 3rem 0 rgba(0, 0, 0, .05) ;
  }

  .p-fixed-footer__box {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .8rem;
    width: calc(100% / 2);
    font-size: 1.3rem;
  }

  .p-fixed-footer__box img {
    width: 2.3rem;
  }

  .p-fixed-footer__box--mail {
    background-color: #F67E28;
    color: #fff;
  }

  .p-fixed-footer__box--tel {
    background-color: #fff;
    color: #0852A0;
    letter-spacing: -0.06em;
    border: solid 1px #0852A0;
  }
}

/* movie */
.p-movie {
  position: relative;
  border: 1px solid #ccc;
}

.p-movie__play-button {
  width: 100%;
  background-size: cover;
  cursor: pointer;
}
.p-movie__play-button.is-active {
  opacity: 0;
}

.p-movie__src {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  max-width: 100%;
  background-color: #fff;
  overflow: hidden;
  z-index: -1;
}
.p-movie__src.is-active {
  z-index: auto;
}
.p-movie__src video {
  width: 100%;
}

.p-movie__time {
  position: absolute;
  bottom: 8px;
  right: 8px;
  background-color: #000 ;
  padding: .2rem .8rem;
  color: #fff;
  font-size: 1.4rem;
  border-radius: 14px;
  font-feature-settings: "palt";
}
@media screen and (max-width: 1080px) {
  .p-movie__time {
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 520px) {
  .p-movie__time--small {
    bottom: 0;
    right: 0;
    padding-block: .1rem;
    font-size: .75rem;
  }
}


/* modal-movie */
.p-modal-movie {
  position: relative;
  border: 1px solid #ccc;
}

.p-modal-movie--notice {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 16 / 9;
  padding: 1.6rem;
  background-color: #cbcbcb;
}

.p-modal-movie__notice-text {
  text-align: center;
  font-weight: bold;
}

@media print, screen and (min-width: 1080px) {
  .p-modal-movie__notice-text {
    font-size: 3.3rem;
  }
}

.p-modal-movie-title {
  margin-bottom: .5rem;
  font-size: 1.8rem;
  font-weight: bold;
}

.p-modal-movie__modal-open,
.p-modal-close {
  cursor: pointer;
}

/* 時間ラベル */
.p-modal-movie__modal-open {
  display: block;
  position: relative;
}

.p-modal-movie-time {
  position: absolute;
  bottom: .3rem;
  right: .3rem;
  padding: .2rem .8rem;
  background-color: #000;
  border-radius: .4rem;
  color: #fff;
  font-size: 1.2rem;
  z-index: 50;
}

/* modal-movie 閉じるボタン */
.p-video-modal {
  align-items: center;
  display: flex;
  justify-content: center;
  position: fixed;
  top: 0;
  height: 100dvh;
  width: 100%;
  overflow: hidden;
  z-index: 900;
}
.p-video-modal {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s, visibility 0.5s;
}
.p-video-modal.is-active {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s, visibility 0.5s;
}

.p-video-modal-overlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #000;
  opacity: .7;
}

.p-video-modal-container {
  position: relative;
  margin: 0 auto;
  width: 90%;
  max-width: 100dvh;
}

/* PC表示 */
@media print, screen and (min-width: 1080px) {
  .p-video-modal-container {
    width: 70%;
    max-width: none;
  }
}

.p-video-modal-header {
  padding: .8rem 0;
  color: #fff;
  text-align: right;
}

/* MediaKind */
/* iPhoneの場合のみUI非表示 */
.bmpui-ui-controlbar.is-iphone,
.bmpui-ui-titlebar.is-iphone,
.bmpui-image.is-iphone {
  display: none;
}

/* iPhoneの場合のみ再生ボタンの範囲を調整（デフォルトUIのスキップが使えるように） */
.bmpui-container-wrapper .bmpui-ui-playbacktoggle-overlay.is-iphone,
.bmpui-container-wrapper .bmpui-ui-playbacktoggle-overlay.is-iphone .bmpui-ui-hugeplaybacktogglebutton {
  position: absolute;
  top: calc( 100% / 2 - 5rem / 2);
  left: calc( 100% / 2 - 5rem / 2);
  height: 5rem;
  width: 5rem;
}

.bitmovinplayer-container {
  margin: 0 auto!important;
  min-width: auto!important;
  min-height: auto!important;
}

@media print, screen and (min-width: 1080px) {
  .bitmovinplayer-container {
    max-width: none!important;
  }
}

/* video-speed-modal */
.is-modal-open,
.is-modal-close {
  cursor: pointer;
}

.p-speed-modal-container {
  position: relative;
  border-radius: 4px;
  height: auto;
  max-height: 100%;
  max-width: 80rem;
  margin: 0 auto;
  background-color: #fff;
}

.p-speed-modal {
  display: flex;
  align-items: center;
  position: fixed;
  top: 0;
  padding: 2.4rem;
  height: 100%;
  width: 100%;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s, visibility 0.5s;
  z-index: 100;
}
.p-speed-modal .p-speed-modal-container {
  transition: opacity 0.5s, visibility 0.5s, bottom 0.5s;
  overflow: hidden;
}
.p-speed-modal.is-active {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s, visibility 0.5s;
}
.p-speed-modal.is-active .p-speed-modal-container {
  transition: opacity 0.5s, visibility 0.5s, bottom 0.5s;
}

.p-speed-modal-overlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #000;
  opacity: 0.7;
}

.p-speed-modal-header {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #999;
  padding: 0.8rem 1.6rem;
}
@media print, screen and (min-width: 1080px) {
  .p-speed-modal-header {
    padding: 1.6rem 2.4rem;
  }
}

.p-speed-modal-header__title {
  width: calc(100% - 6.4rem);
  font-size: 2rem;
  font-weight: bold;
}

.p-speed-modal-header__close {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 6.4rem;
}

.p-speed-modal-content {
  padding: 0.8rem 1.6rem 1.6rem;
  min-height: 10rem;
  max-height:min(100dvh - 4.8rem - 5.3rem, 80rem);
  overflow-y: auto;
}
@media print, screen and (min-width: 1080px) {
  .p-speed-modal-content {
    max-height: calc(80dvh - 4.8rem);
    padding: 1.6rem 2.4rem 2.4rem;
  }
}

.p-video-speed-text {
  margin-top: .8rem;
  font-size: 1.4rem;
}

.p-video-speed-modal-section + .p-video-speed-modal-section {
  margin-top: 1.6rem;
}
@media print, screen and (min-width: 1080px) {
  .p-video-speed-modal-section + .p-video-speed-modal-section {
    margin-top: 2.4rem;
  }
}

.p-video-speed-modal-section__title {
  font-size: 1.8rem;
  font-weight: bold;
}

.p-video-speed-modal-section__content {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  margin-top: 0.8rem;
}
@media print, screen and (min-width: 1080px) {
  .p-video-speed-modal-section__content {
    gap: 2.4rem;
  }
}

.p-video-speed-modal-section__text img {
  display: inline-block;
  margin: 0 2px 2px;
  vertical-align: middle;
}

.p-video-speed-modal-section__img {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
@media print, screen and (min-width: 1080px) {
  .p-video-speed-modal-section__img {
    gap: 2.4rem;
    margin: 0 auto;
    max-width: 60rem;
  }
}

.p-video-speed-modal-section__img img {
  width: 100%;
}

.p-video-speed-modal-icon {
  width: 17px;
  height: 17px;
}


/*231026_松尾　倍速モーダルパートタイム用*/
.p-video-speed-text--part-time-sp {
  font-size: 1.2rem;
}
@media print, screen and (min-width: 1000px) {
  .p-video-speed-text--part-time-sp {
    font-size: 1.4rem;
  }
}

/* 臨床検査技師派遣動画ページ */
.p-description-link {
  margin-top: .8rem;
}

.p-wrapper__title-clinical-tech {
  position: relative;
  display: flex;
  align-items: stretch;
  font-size: 2.4rem;
  font-weight: bold;
  font-feature-settings: "palt";
}
@media screen and (max-width: 1000px) {
  .p-wrapper__title-clinical-tech {
    font-size: 1.8rem;
  }
}

.p-wrapper__title-clinical-tech::before {
  content: '';
  display: inline-block;
  border-radius: .2rem;
  margin: .3rem 0 .4rem;
  width: .5rem;
  min-width: .5rem;
  background-color: #0852A0;
  vertical-align: middle;
  margin-right: .8rem;
}
@media screen and (max-width: 1000px) {
  .p-wrapper__title-clinical-tech::before {
    width: .4rem;
    min-width: .4rem;
    margin: .3rem 0 .2rem;
    margin-right: .8rem;
  }
}

.p-wrapper__title-clinical-tech + .p-description-box{
  margin-top: 2.4rem;
}
@media screen and (max-width: 1000px) {
  .p-wrapper__title-clinical-tech + .p-description-box{
    margin-top: 1.6rem;
    font-size: 1.5rem;
  }
}

.p-contact-box__container--clinical-tech {
  margin: 0 auto;
  max-width: 100%;
}
.p-contact-content__item__company {
  margin-bottom: .8rem;
}
@media screen and (max-width: 1000px) {
  .p-contact-content__item__company {
    margin-bottom: 1.6rem;
  }
}

.p-contact-content__item__link {
  margin-bottom: .4rem;
}

.p-contact-content__item--contact {
  gap: 1.6rem;
}

.p-contact-content__item--link {
  gap: 0rem;
}

.p-contact-content__item-title--company {
  font-size: 1.8rem;
}

.p-contact-content__item__image img {
  width: 100%;
}

.p-contact-content__item__image {
  padding-left: 1.6rem;
  padding-right: 1.6rem;
  max-width: 27.8rem;
  margin: 0 auto;
}

.p-footer-clinical-tech {
  padding: 1.6rem 0;
}

/* 白カード */
.p-contact-content--clinical-tech {
  padding: 3.6rem;
}
@media screen and (max-width: 1000px) {
  .p-contact-content--clinical-tech {
    padding: 2.4rem;
  }
}

/* 申込みボタン */
.p-button-clinical-tech--contact {
  border-radius: 23px;
  padding: 1rem;
  background-color: #f67e28;
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  transition: .2s;
}

.p-button-clinical-tech:hover {
  background-color: #ff9e38;
}

.p-button-clinical-tech--contact::after {
  content: "";
  display: inline-block;
  position: relative;
  height: 1.2rem;
  width: 1.2rem;
  top: -0.2rem;
  margin-left: 0.5rem;
  background: url(../../assets/img/cmn_icon_other-window-clinical-tech.svg) no-repeat center center;
  vertical-align: middle;
}

/* 青リンク */
/* 電話 */
.p-link-clinical-tech {
  color: #0852A0;
  font-size: min(2.2vw, 3.2rem);
  font-weight: bold;
  line-height: 1.2;
  font-size: 3.2rem;
}
@media screen and (max-width: 1000px) {
  .p-link-clinical-tech {
    font-size: 2rem;
  }
}

/* メール */
.p-link-clinical-tech--mail {
  font-size: 1.8rem;
}
@media screen and (max-width: 1000px) {
  .p-link-clinical-tech--mail {
    font-size: 1.6rem;
  }
}

.p-link-clinical-tech::before {
  content: "";
  display: inline-block;
  position: relative;
  height: 2.5rem;
  width: 2.5rem;
  margin-right: 1rem;
  background: url(../../assets/img/cmn_icon_tel-clinical-tech.svg) no-repeat center center;
}
@media screen and (max-width: 1000px) {
  .p-link-clinical-tech::before {
    margin-right: .8rem;
    top: .4rem;
  }
}

.p-link-clinical-tech--mail::before {
  background: url(../../assets/img/cmn_icon_mail-clinical-tech.svg) no-repeat center center;
  vertical-align: middle;
  top: -.2rem;
}
@media screen and (max-width: 1000px) {
  .p-link-clinical-tech--mail::before {
    margin-right: .8rem;
  }
}

/* doconicoスマートフォン利用のご案内動画ページ */
.p-link-list-container-promote-utilization-add-icon {
  display: flex;
  flex-direction: column;
  gap: .8rem;
  margin-top: 2.4rem;
}
@media screen and (max-width: 1000px) {
  .p-link-list-container-promote-utilization-add-icon {
    margin-top: 1.6rem;
    padding: 0 2.4rem;
  }
}

/* 専用ボタン */
.p-button-promote-utilization--contact {
  border-radius: 23px;
  padding: 1rem;
  background-color: #f67e28;
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  transition: .2s;
}

.p-button-promote-utilization:hover {
  background-color: #ff9e38;
}

.p-button-promote-utilization--contact::after {
  content: "";
  display: inline-block;
  position: relative;
  height: 1.3rem;
  width: 1.3rem;
  top: -0.2rem;
  margin-left: 0.5rem;
  background: url(../../assets/img/cmn_icon_external-site-white.svg) no-repeat center center;
  vertical-align: middle;
}

/* SNSアイコンリンク */
.p-sns-icon-link {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 4.4rem;
  min-width: 4.4rem;
}

/* 会社説明会動画ページ　外部リンクボタン */
.p-button {
  position: relative;
  display: block;
  padding: 1.2rem;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  color: #222;
  z-index: 1;
}

@media print, screen and (min-width: 520px) {
  .p-button {
    text-align: center;
  }
}

.p-button[href^=http]:not([href*='wdb.co.jp']):not([href*='wdb-g.com']) {
  padding-right: 4rem;
}

.p-button[href^=http]:not([href*='wdb.co.jp']):not([href*='wdb-g.com'])::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 2.4rem;
  height: 1.3rem;
  width: 1.3rem;
  border-top: none;
  border-right: none;
  margin-left: 1rem;
  transform: translateY(-50%);
  background: url(../../assets/img/cmn_icon_external-site-black.svg) no-repeat center center;
}

/* 会社説明会動画ページ　採用情報への導線パーツ */
.p-recruit-info-box {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 2.4rem;
  justify-content: center;
}

@media print, screen and (min-width: 520px) {
  .p-recruit-info-box {
    flex-direction: row;
  }
}

.p-recruit-info-box__item--recruit-site {
  max-width: 37rem;
}

@media print, screen and (min-width: 520px) {
  .p-recruit-info-box__item--recruit-site {
    flex-shrink: 0;
  }
}

.p-recruit-info-box__item--sns {
  width: 5.4rem;
}

/* WDBグループインターンシップのご案内 */
.p-infomation-box__item + .p-infomation-box__item {
  margin-top: 2rem;
}

@media print, screen and (min-width: 520px) {
  .p-infomation-box__item + .p-infomation-box__item {
    margin-top: 3rem;
  }
}

.p-infomation-box__heading {
  font-weight: bold;
}

.p-infomation-box__text + .p-infomation-box__text {
  margin-top: 1.5rem;
}

.p-internship-button-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 1.6rem;
  justify-content: center;
  margin-top: 1.6rem;
  margin-inline: -1rem;
}

@media print, screen and (min-width: 1000px) {
  .p-internship-button-wrapper {
    justify-content: left;
    margin-inline: 0;
  }
}

.p-internship-button {
  border-radius: 23px;
  border: 1px solid #0b52a0;
  padding: 1rem;
  background-color: #fff;
  color: #0b52a0;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  transition: color .2s, border-color .2s;
}

.p-internship-button:hover {
  border-color: #5185BC;
  color: #5185BC;
}

.p-internship-button--mail {
  font-size: 2rem;
}

.p-internship-button--mail::before {
  content: "";
  position: relative;
  display: inline-block;
  height: 2.5rem;
  width: 2.5rem;
  margin-right: 1rem;
  background: url(../../assets/img/cmn_icon_mail-internship.svg) no-repeat center center;
  vertical-align: middle;
  transition: opacity .2s;
}

.p-internship-button--mail:hover::before {
  opacity: .7;
}

.p-internship-button--pdf {
  border-radius: 3.5rem;
  padding: 1.2rem 1rem .8rem;
  width: 100%;
  max-width: 34.5rem;

  @media print, screen and (min-width: 1000px) {
    width: fit-content;
  }
}

.p-internship-button--pdf::after {
  content: "";
  position: relative;
  display: inline-block;
  height: 2.5rem;
  width: 2.5rem;
  margin-top: -.4rem;
  background: url(../../assets/img/cmn_icon_pdf.svg) no-repeat center center;
  vertical-align: middle;
  transition: opacity .2s;
}

.p-internship-button--pdf:hover::after {
  opacity: .7;
}

.p-banner {
  display: block;
  width: 100%;
  transition: opacity .2s;
}

.p-banner:hover {
  opacity: .7;
}

.p-banner img {
  display: block;
  width: 100%;
}