@charset "UTF-8";
/* ==========================================================================
    EC page 共通部品
========================================================================== */
.ecBreadcrumb {
  margin-top: 14px;
}
.ecBreadcrumb ol {
  display: flex;
  align-items: center;
  font-size: 13px;
  line-height: 1.6;
  letter-spacing: 0.03em;
}
.ecBreadcrumb ol li {
  color: #94969F;
}
.ecBreadcrumb ol li + li {
  display: inline-flex;
  align-items: center;
  margin-left: 9px;
}
.ecBreadcrumb ol li + li::before {
  content: "";
  width: 7px;
  height: 11px;
  background: url("../img/arrow_forward_ios.svg") no-repeat center center/contain;
  flex-shrink: 0;
  margin-right: 9px;
}

@media (max-width: 767px) {
  .ecBreadcrumb {
    display: none;
  }
}
/* ==========================================================================
    ページ内リンク（ヘッダー固定）アニメーション
========================================================================== */
.pageScrollFixedLink {
  z-index: -1;
  opacity: 0;
}

.pageScrollFixedLink.fadeIn {
  animation: fixPageLinkFadeIn 0.4s 1 0s ease-in-out forwards;
}

.pageScrollFixedLink.fadeOut {
  animation: fixPageLinkFadeOut 0.2s 1 0s linear forwards;
}

@keyframes fixPageLinkFadeIn {
  0% {
    z-index: 10;
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    z-index: 10;
    opacity: 1;
  }
}
@keyframes fixPageLinkFadeOut {
  0% {
    z-index: 10;
    opacity: 1;
  }
  99% {
    opacity: 0;
  }
  100% {
    z-index: -1;
    opacity: 0;
  }
}
/* ==========================================================================
    本文
========================================================================== */
.ecSeoFreePage {
  letter-spacing: 0.03em;
}
.ecSeoFreePage p {
  font-size: 16px;
  line-height: 1.6;
}

@media only screen and (max-width: 767px) {
  .ecSeoFreePage p {
    font-size: 3.5897435897vw;
  }
}
/* ==========================================================================
    セクションタイトル
========================================================================== */
.ecSeoFreePage .secTitle {
  font-size: 30px;
  line-height: 1.4;
  font-weight: 700;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .ecSeoFreePage .secTitle {
    font-size: 6.1538461538vw;
  }
}
/* ==========================================================================
    セクションタイトル 下線付き
========================================================================== */
.ecSeoFreePage .borderSecTitle {
  font-size: 24px;
  line-height: 1.6;
  font-weight: 700;
  padding-bottom: 14px;
  border-bottom: 2px solid #000;
  text-align: left;
}

@media only screen and (max-width: 767px) {
  .ecSeoFreePage .borderSecTitle {
    font-size: 5.1282051282vw;
    padding-bottom: 3.5897435897vw;
    border-bottom: 0.5128205128vw solid #000;
  }
}
/* ==========================================================================
    EC page 共通部品
========================================================================== */
.ecItemLinkBox {
  width: 123px;
  display: flex;
  flex-flow: column;
  align-items: center;
}
.ecItemLinkBox .modelNumber {
  font-size: 16px;
  line-height: 1.6;
}
.ecItemLinkBox .gender {
  width: 80px;
  height: 22px;
  font-size: 12px;
  line-height: 1.3;
  display: grid;
  place-content: center;
  color: #FFFFFF;
  background-color: #F0F0F0;
}
.ecItemLinkBox .unisex {
  color: #45AB70;
}
.ecItemLinkBox .ladies {
  color: #D35B9A;
}
.ecItemLinkBox .mens {
  color: #2551AF;
}

@media (max-width: 767px) {
  .ecItemLinkBox {
    width: 31.5384615385vw;
  }
  .ecItemLinkBox .modelNumber {
    font-size: 4.1025641026vw;
  }
  .ecItemLinkBox .gender {
    width: 20.5128205128vw;
    height: 5.641025641vw;
    font-size: 3.0769230769vw;
  }
}
/* ==========================================================================
    ファーストビュー ＋　リード文
========================================================================== */
.fvHeader {
  width: min(100% - 40px, 1100px);
  margin: 50px auto 0;
  display: flex;
  align-items: center;
  flex-flow: row wrap;
  gap: 0 26px;
}
.fvHeader > p {
  font-size: 30px;
  line-height: 1.4;
  font-weight: 700;
}
@media (max-width: 1100px) {
  .fvHeader > p {
    margin-bottom: 10px;
  }
}
.fvHeader h1 {
  font-size: 40px;
  line-height: 1.4;
  font-weight: 700;
}
.fvHeader .img {
  flex: 0 0 100%;
  margin-top: 33px;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto;
}
.fvHeader .img img {
  grid-column: 1;
  grid-row: 1;
  z-index: 1;
}
.fvHeader .img p {
  grid-column: 1;
  grid-row: 1;
  z-index: 2;
  justify-self: end;
  align-self: end;
  font-size: 10px;
  color: #fff;
  background: rgba(3, 3, 3, 0.4);
  padding: 0 6px;
  line-height: 1.6;
}

.fvHeader + .readText {
  text-align: center;
  margin-top: 50px;
}

@media only screen and (max-width: 767px) {
  .fvHeader {
    width: 100%;
    gap: 0;
    flex-flow: column;
    align-items: flex-start;
    padding: 0 5.1282051282vw;
  }
  .fvHeader > p {
    font-size: 3.0769230769vw;
    margin-bottom: 1.0256410256vw;
  }
  .fvHeader h1 {
    font-size: 5.1282051282vw;
  }
  .fvHeader .img {
    margin: 5.1282051282vw 0 0 -5.1282051282vw;
    width: 100vw;
  }
  .fvHeader .img p {
    font-size: 1.5384615385vw;
    padding: 0 1.5384615385vw;
  }
  .fvHeader + .readText {
    margin-top: 10vw;
  }
}
/* ==========================================================================
    ページリンク
========================================================================== */
.ecSeoFreePage .nav-link {
  padding: 0;
}
.ecSeoFreePage .pageScrollLink ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
.ecSeoFreePage .pageScrollLink li {
  line-height: 1.6;
  text-align: center;
}
.ecSeoFreePage .pageScrollLink li a {
  width: 100%;
  position: relative;
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 14px 0;
}
.ecSeoFreePage .pageScrollLink li a::after {
  content: "";
  width: 14px;
  height: 8px;
  background: url("../img/nurse/arrow_bottom.svg") no-repeat center center/contain;
}

@media (max-width: 767px) {
  .ecSeoFreePage .pageScrollLink li {
    line-height: 1.6;
    flex: 0 1 38.4615384615vw;
  }
  .ecSeoFreePage .pageScrollLink li a {
    gap: 2.5641025641vw 0;
    padding-bottom: 3.0769230769vw;
    border-bottom: 0.2564102564vw solid #D5D5CE;
    min-height: 16.6666666667vw;
  }
  .ecSeoFreePage .pageScrollLink li a::after {
    width: 3.5897435897vw;
    height: 2.0512820513vw;
  }
}
/* ==========================================================================
    pageScrollLinkToc
========================================================================== */
.ecSeoFreePage .pageScrollLinkToc {
  width: min(100% - 40px, 1100px);
  margin: 80px auto 0;
}
.ecSeoFreePage .pageScrollLinkToc ul {
  gap: 45px 51px;
  padding-bottom: 19px;
  border-bottom: 1px solid #D5D5CE;
  position: relative;
}
@media (max-width: 790px) {
  .ecSeoFreePage .pageScrollLinkToc ul {
    gap: 45px 30px;
  }
}
.ecSeoFreePage .pageScrollLinkToc li {
  font-size: 18px;
  flex: 0 1 222px;
}
@media (max-width: 1100px) {
  .ecSeoFreePage .pageScrollLinkToc li {
    flex: 0 1 auto;
  }
}
.ecSeoFreePage .pageScrollLinkToc li a::before {
  content: "";
  width: 100%;
  height: 4px;
  background: transparent;
  position: absolute;
  bottom: -21px;
  left: 0;
  transition: background-color 0.2s;
  pointer-events: none;
}
@media (hover: hover) {
  .ecSeoFreePage .pageScrollLinkToc li a:hover {
    opacity: 1;
    font-weight: 700;
  }
  .ecSeoFreePage .pageScrollLinkToc li a:hover::before {
    background: #00387F;
  }
}
.ecSeoFreePage .pageScrollLinkToc .borderParent::before {
  content: "";
  width: 100%;
  height: 1px;
  background: #D5D5CE;
  position: absolute;
  top: 70px;
  left: 0;
}

@media (max-width: 767px) {
  .ecSeoFreePage .pageScrollLinkToc {
    width: 82.0512820513vw;
    margin: 10vw auto 0;
  }
  .ecSeoFreePage .pageScrollLinkToc ul {
    justify-content: space-between;
    gap: 3.8461538462vw 0;
    padding-bottom: 0;
    border-bottom: none;
  }
  .ecSeoFreePage .pageScrollLinkToc li {
    font-size: 3.5897435897vw;
    flex: 0 1 38.4615384615vw;
  }
  .ecSeoFreePage .pageScrollLinkToc li a::before {
    display: none;
  }
  .ecSeoFreePage .pageScrollLinkToc .borderParent::before {
    display: none;
  }
}
/* ==========================================================================
    働く環境、働き方
========================================================================== */
.ecSeoFreePage .workingStyle {
  width: min(100% - 40px, 1100px);
  display: grid;
  grid-template-columns: 41% 1fr;
  grid-template-rows: auto auto auto 1fr;
  gap: 0 4.5454545455%;
}
.ecSeoFreePage .workingStyle .secTitle {
  grid-column: 1/3;
  grid-row: 1;
}
.ecSeoFreePage .workingStyle .toptext {
  grid-column: 1/3;
  grid-row: 2;
  margin-top: 50px;
}
.ecSeoFreePage .workingStyle .innerSec1 {
  grid-column: 2;
  grid-row: 3;
  margin-top: 40px;
}
.ecSeoFreePage .workingStyle .innerSec2 {
  grid-column: 2;
  grid-row: 4;
}
.ecSeoFreePage .workingStyle .imgBox {
  grid-column: 1;
  grid-row: 3/5;
  align-self: start;
  margin-top: 40px;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto;
}
.ecSeoFreePage .workingStyle .imgBox img {
  grid-column: 1;
  grid-row: 1;
  z-index: 1;
}
.ecSeoFreePage .workingStyle .imgBox figcaption {
  grid-column: 1;
  grid-row: 1;
  z-index: 2;
  justify-self: end;
  align-self: end;
  font-size: 10px;
  color: #fff;
  background: rgba(3, 3, 3, 0.4);
  padding: 0 6px;
  line-height: 1.6;
}
.ecSeoFreePage .workingStyle .innerSec h2 {
  font-size: 18px;
  line-height: 1.6;
  font-weight: 700;
}
.ecSeoFreePage .workingStyle .innerSec p {
  margin-top: 5px;
}
.ecSeoFreePage .workingStyle .innerSec .tagList {
  margin-top: 8px;
}
.ecSeoFreePage .workingStyle .innerSec2 {
  margin-top: 20px;
  padding-top: 20px !important;
  border-top: 1px solid #D5D5CE;
}

@media only screen and (max-width: 767px) {
  .ecSeoFreePage .workingStyle {
    width: 84.6153846154vw;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto auto auto auto 1fr;
    gap: 0;
  }
  .ecSeoFreePage .workingStyle .secTitle {
    grid-column: 1;
    grid-row: 1;
  }
  .ecSeoFreePage .workingStyle .toptext {
    grid-column: 1;
    grid-row: 2;
    margin-top: 5.1282051282vw;
  }
  .ecSeoFreePage .workingStyle .innerSec1 {
    grid-column: 1;
    grid-row: 4;
    margin-top: 7.6923076923vw;
  }
  .ecSeoFreePage .workingStyle .innerSec2 {
    grid-column: 1;
    grid-row: 5;
  }
  .ecSeoFreePage .workingStyle .imgBox {
    grid-column: 1;
    grid-row: 3;
    margin-top: 7.6923076923vw;
  }
  .ecSeoFreePage .workingStyle .imgBox figcaption {
    font-size: 2.5641025641vw;
    padding: 0 1.5384615385vw;
  }
  .ecSeoFreePage .workingStyle .innerSec h2 {
    font-size: 4.6153846154vw;
  }
  .ecSeoFreePage .workingStyle .innerSec p {
    margin-top: 1.2820512821vw;
  }
  .ecSeoFreePage .workingStyle .innerSec .tagList {
    margin-top: 3.8461538462vw;
  }
  .ecSeoFreePage .workingStyle .innerSec2 {
    margin-top: 3.8461538462vw;
    padding: 5.1282051282vw 0 3.8461538462vw !important;
    border-top: 0.2564102564vw solid #D5D5CE;
    border-bottom: 0.2564102564vw solid #D5D5CE;
  }
}
/* ==========================================================================
    タグリスト
========================================================================== */
.ecSeoFreePage .tagList {
  display: flex;
  flex-flow: row wrap;
  gap: 5px 10px;
}
.ecSeoFreePage .tagList a {
  border-radius: 5px;
  border: 1px solid #D5D5CE;
  font-size: 14px;
  line-height: 1.6;
  min-height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 19px;
  text-align: center;
  background: #fff;
}

@media only screen and (max-width: 767px) {
  .ecSeoFreePage .tagList {
    gap: 1.2820512821vw;
  }
  .ecSeoFreePage .tagList a {
    border-radius: 1.2820512821vw;
    border: 0.2564102564vw solid #D5D5CE;
    font-size: 3.5897435897vw;
    min-height: 10.7692307692vw;
    padding: 1.2820512821vw 4.6153846154vw;
  }
}
/* ==========================================================================
    おすすめのウェア
========================================================================== */
.ecSeoFreePage .recommended .secTitle {
  margin-bottom: 60px;
}
.ecSeoFreePage .recommended .recommendedSlideSec {
  width: min(100% - 40px, 1100px);
  margin: 0 auto;
}
.ecSeoFreePage .recommended .recommendedSlideSec h2 {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 30px;
}
.ecSeoFreePage .recommended .lineupItemSlide .lineupItemBox .gender {
  font-size: 12px;
  margin-bottom: 0;
}
.ecSeoFreePage .recommended .recommendedSlideSec + .recommendedSlideSec {
  margin-top: 50px;
}

@media only screen and (max-width: 767px) {
  .ecSeoFreePage .recommended .recommendedSlideSec {
    width: 94.8717948718vw;
    margin: 0 auto;
  }
  .ecSeoFreePage .recommended .recommendedSlideSec h2 {
    font-size: 4.6153846154vw;
    margin-bottom: 3.8461538462vw;
  }
  .ecSeoFreePage .recommended .lineupItemSlide .lineupItemBox .gender {
    font-size: 3.0769230769vw;
  }
  .ecSeoFreePage .recommended .recommendedSlideSec + .recommendedSlideSec {
    margin-top: 12.8205128205vw;
  }
}
/* ==========================================================================
   おすすめのブランド
========================================================================== */
.ecSeoFreePage .recommendBrand {
  width: min(100% - 40px, 1100px);
}
.ecSeoFreePage .recommendBrand .recommendRow {
  margin-top: 60px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 70px;
}
.ecSeoFreePage .recommendBrand .brandSec {
  display: grid;
  grid-template-columns: 222px 1fr;
  grid-template-rows: subgrid;
  grid-row: span 4;
  gap: 0 30px;
}
.ecSeoFreePage .recommendBrand .brandSec .logo {
  grid-column: 1;
  grid-row: 1;
}
.ecSeoFreePage .recommendBrand .brandSec header {
  grid-column: 2;
  grid-row: 1;
}
.ecSeoFreePage .recommendBrand .brandSec header h2 {
  font-size: 20px;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: 0.03em;
  margin-bottom: 10px;
}
.ecSeoFreePage .recommendBrand .brandSec header .description {
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 0.03em;
}
.ecSeoFreePage .recommendBrand .brandSec .tagBox {
  margin-top: 25px;
  grid-column: 1/3;
  grid-row: 2;
}
.ecSeoFreePage .recommendBrand .brandSec .tagBox .tagList {
  display: flex;
  flex-flow: row wrap;
  gap: 8px;
}
.ecSeoFreePage .recommendBrand .brandSec .tagBox .tagList a {
  font-size: 13px;
}
.ecSeoFreePage .recommendBrand .brandSec .itemList {
  margin-top: 25px;
  grid-column: 1/3;
  grid-row: 3;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  gap: 7px;
}
.ecSeoFreePage .recommendBrand .brandSec .goBrandPageBtn {
  margin-top: 25px;
  grid-column: 1/3;
  grid-row: 4;
  justify-self: center;
  width: 278px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 14px;
  border-radius: 5px;
  border: 1px solid #333;
  background: url(../img/nurse/arrow_right.svg) no-repeat calc(100% - 13px) center/7px auto;
  background-color: #FFF;
}

@media only screen and (max-width: 767px) {
  .ecSeoFreePage .recommendBrand {
    width: 88.2051282051vw;
  }
  .ecSeoFreePage .recommendBrand .recommendRow {
    margin-top: 10.2564102564vw;
    display: grid;
    grid-template-columns: 100%;
    gap: 10.2564102564vw 0;
  }
  .ecSeoFreePage .recommendBrand .brandSec {
    grid-template-columns: 100%;
    grid-row: span 5;
    gap: 0;
  }
  .ecSeoFreePage .recommendBrand .brandSec .logo {
    grid-column: 1;
    grid-row: 1;
    width: 56.9230769231vw;
    justify-self: center;
  }
  .ecSeoFreePage .recommendBrand .brandSec header {
    grid-column: 1;
    grid-row: 2;
    width: 84.6153846154vw;
    justify-self: center;
  }
  .ecSeoFreePage .recommendBrand .brandSec header h2 {
    font-size: 5.1282051282vw;
    margin-bottom: 2.5641025641vw;
  }
  .ecSeoFreePage .recommendBrand .brandSec header .description {
    width: 84.6153846154vw;
    justify-self: center;
    font-size: 3.5897435897vw;
  }
  .ecSeoFreePage .recommendBrand .brandSec .tagBox {
    margin-top: 5.1282051282vw;
    grid-column: 1;
    grid-row: 3;
  }
  .ecSeoFreePage .recommendBrand .brandSec .tagBox .tagList {
    gap: 2.5641025641vw;
  }
  .ecSeoFreePage .recommendBrand .brandSec .itemList {
    margin-top: 6.4102564103vw;
    width: 76.9230769231vw;
    justify-self: center;
    grid-column: 1;
    grid-row: 4;
    gap: 8.7179487179vw 13.8461538462vw;
  }
  .ecSeoFreePage .recommendBrand .brandSec .goBrandPageBtn {
    margin-top: 12.8205128205vw;
    grid-column: 1;
    grid-row: 5;
    width: 71.2820512821vw;
    height: 9.2307692308vw;
    font-size: 3.5897435897vw;
    border-radius: 1.2820512821vw;
    border: 0.2564102564vw solid #333;
    background: url(../img/nurse/arrow_right.svg) no-repeat calc(100% - 3.3333333333vw) center/1.7948717949vw auto;
    background-color: #FFF;
  }
}
/* ==========================================================================
    スクラブやパンツは特にここをチェック！
========================================================================== */
.ecSeoFreePage .checkHere .secTitle {
  margin-bottom: 40px;
}
.ecSeoFreePage .checkHere .toptext {
  margin-bottom: 79px;
  text-align: center;
}
.ecSeoFreePage .checkHere .checkHSec {
  width: min(100% - 40px, 1100px);
  margin: 0 auto;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 30px 7.2727272727%;
}
.ecSeoFreePage .checkHere .checkHSec > h2 {
  flex: 0 0 100%;
  font-size: 26px;
  line-height: 1.6;
  font-weight: 700;
  padding-bottom: 15px;
  border-bottom: 1px solid #333;
  display: flex;
  align-items: baseline;
}
.ecSeoFreePage .checkHere .checkHSec > h2::after {
  content: attr(data-en);
  font-size: 20px;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  margin-left: 18px;
}
.ecSeoFreePage .checkHere .checkHSec .imgBox {
  flex: 0 1 38.1818181818%;
}
.ecSeoFreePage .checkHere .checkHSec .textBox {
  flex: 0 1 54.5454545455%;
}
.ecSeoFreePage .checkHere .checkHSec .textBox p + p {
  margin-top: 1.5em;
}
.ecSeoFreePage .checkHere .checkHSec > .tagList {
  flex: 0 0 100%;
}
.ecSeoFreePage .checkHere .checkHSec + .checkHSec {
  margin-top: 80px;
}
.ecSeoFreePage .checkHere .checkHSec3 .tagSecRow {
  display: grid;
  grid-column: 1fr auto 150px;
  gap: 15px 20px;
}
.ecSeoFreePage .checkHere .checkHSec3 .tagSec {
  border-radius: 5px;
  background: #ECF0F2;
  padding: 10px 20px 15px !important;
  width: auto;
}
.ecSeoFreePage .checkHere .checkHSec3 .tagSec h2 {
  font-size: 16px;
  line-height: 1.6;
  font-weight: 700;
  margin-bottom: 5px;
}
.ecSeoFreePage .checkHere .checkHSec3 .tagSecLong {
  grid-column: 1/4;
}
.ecSeoFreePage .checkHere .checkHSec4 .priceSearch {
  flex: 0 0 100%;
  border-radius: 5px;
  background: #ECF0F2;
  padding: 20px;
}
.ecSeoFreePage .checkHere .checkHSec4 .priceSearch form {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ecSeoFreePage .checkHere .checkHSec4 .priceSearch label {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.6;
  margin: 0 34px 0 0;
  flex-shrink: 0;
}
.ecSeoFreePage .checkHere .checkHSec4 .priceSearch input {
  max-width: 206px;
  width: 100%;
  border-radius: 5px;
  border: 1px solid #94969F;
  background: #FFF;
  height: 42px;
  line-height: 42px;
  padding: 0 0.5em;
}
.ecSeoFreePage .checkHere .checkHSec4 .priceSearch .line {
  flex: 0 1 auto;
  display: flex;
  align-items: flex-end;
}
.ecSeoFreePage .checkHere .checkHSec4 .priceSearch .line span {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
  margin-left: 9px;
}
.ecSeoFreePage .checkHere .checkHSec4 .priceSearch .line .kara {
  margin-left: 10px;
}
.ecSeoFreePage .checkHere .checkHSec4 .priceSearch .line + .line {
  margin-left: 9px;
}
.ecSeoFreePage .checkHere .checkHSec4 .priceSearch button {
  width: 75px;
  height: 42px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  background: #00387F;
  color: #FFF;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.14em;
  margin-left: 22px;
}

@media only screen and (max-width: 767px) {
  .ecSeoFreePage .checkHere {
    margin-top: 28.2051282051vw;
    padding: 25.641025641vw 0 20.5128205128vw !important;
  }
  .ecSeoFreePage .checkHere .secTitle {
    margin-bottom: 7.6923076923vw;
  }
  .ecSeoFreePage .checkHere .toptext {
    margin-bottom: 10.2564102564vw;
  }
  .ecSeoFreePage .checkHere .checkHSec {
    width: 84.6153846154vw;
    flex-flow: column;
    align-items: stretch;
    gap: 5.1282051282vw 0;
  }
  .ecSeoFreePage .checkHere .checkHSec > h2 {
    flex: 0 1 auto;
    font-size: 5.1282051282vw;
    padding-bottom: 2.5641025641vw;
    border-bottom: 0.2564102564vw solid #333;
  }
  .ecSeoFreePage .checkHere .checkHSec > h2::after {
    font-size: 3.5897435897vw;
    margin-left: 3.0769230769vw;
  }
  .ecSeoFreePage .checkHere .checkHSec .imgBox {
    flex: 0 1 auto;
  }
  .ecSeoFreePage .checkHere .checkHSec .textBox {
    flex: 0 1 auto;
  }
  .ecSeoFreePage .checkHere .checkHSec > .tagList {
    flex: 0 0 auto;
  }
  .ecSeoFreePage .checkHere .checkHSec .tagList {
    gap: 2.5641025641vw;
  }
  .ecSeoFreePage .checkHere .checkHSec + .checkHSec {
    margin-top: 20.5128205128vw;
  }
  .ecSeoFreePage .checkHere .checkHSec3 .tagSecRow {
    display: grid;
    grid-column: 100%;
    gap: 2.5641025641vw 0;
  }
  .ecSeoFreePage .checkHere .checkHSec3 .tagSec {
    border-radius: 1.2820512821vw;
    padding: 2.5641025641vw 5.1282051282vw !important;
  }
  .ecSeoFreePage .checkHere .checkHSec3 .tagSec h2 {
    font-size: 3.5897435897vw;
    margin-bottom: 2.0512820513vw;
  }
  .ecSeoFreePage .checkHere .checkHSec3 .tagSecLong {
    grid-column: 1;
  }
  .ecSeoFreePage .checkHere .checkHSec4 .priceSearch {
    flex: 0 1 auto;
    border-radius: 1.2820512821vw;
    padding: 5.1282051282vw 3.8461538462vw;
  }
  .ecSeoFreePage .checkHere .checkHSec4 .priceSearch form {
    flex-flow: row wrap;
    justify-content: space-between;
    gap: 0 2.0512820513vw;
  }
  .ecSeoFreePage .checkHere .checkHSec4 .priceSearch label {
    flex: 0 0 100%;
    font-size: 4.6153846154vw;
    margin: 0 0 2.8205128205vw;
    text-align: center;
  }
  .ecSeoFreePage .checkHere .checkHSec4 .priceSearch input {
    max-width: none;
    width: 30.7692307692vw;
    border-radius: 1.2820512821vw;
    border: 0.2564102564vw solid #94969F;
    background: #FFF;
    height: 10.7692307692vw;
    line-height: 10.7692307692vw;
    font-size: 16px;
  }
  .ecSeoFreePage .checkHere .checkHSec4 .priceSearch .line span {
    font-size: 3.5897435897vw;
    margin-left: 0.7692307692vw;
  }
  .ecSeoFreePage .checkHere .checkHSec4 .priceSearch .line .kara {
    margin-left: 0.5128205128vw;
  }
  .ecSeoFreePage .checkHere .checkHSec4 .priceSearch .line + .line {
    margin-left: 0;
  }
  .ecSeoFreePage .checkHere .checkHSec4 .priceSearch .line:nth-of-type(1) {
    flex: 0 0 39.4871794872vw;
  }
  .ecSeoFreePage .checkHere .checkHSec4 .priceSearch .line:nth-of-type(2) {
    flex: 0 0 35.3846153846vw;
  }
  .ecSeoFreePage .checkHere .checkHSec4 .priceSearch button {
    width: 100%;
    height: 10.7692307692vw;
    border-radius: 1.2820512821vw;
    font-size: 4.1025641026vw;
    margin: 5.1282051282vw 0 0;
  }
}
/* ==========================================================================
    看護師のカラー豆知識｜医療現場で「色」があたえる印象
========================================================================== */
.ecSeoFreePage .colorTips .secTitle {
  margin-bottom: 87px;
}
.ecSeoFreePage .colorTips .colorRowTop {
  width: min(100% - 40px, 1088px);
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 0 4.6875%;
}
.ecSeoFreePage .colorTips .colorRowTop figure {
  flex: 0 1 45.4963235294%;
}
.ecSeoFreePage .colorTips .colorRowTop .textBox {
  flex: 0 1 49.8161764706%;
}
.ecSeoFreePage .colorTips .colorRowTop .textBox li {
  font-size: 16px;
  line-height: 1.6;
}
.ecSeoFreePage .colorTips .colorRowTop .textBox li::before {
  content: "・";
}
.ecSeoFreePage .colorTips .colorRowTop .textBox p:last-child {
  margin-top: 1.5em;
}
.ecSeoFreePage .colorTips .colorRowBottom {
  width: min(100% - 40px, 1100px);
  margin: 100px auto 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 100px 9.0909090909%;
}
.ecSeoFreePage .colorTips .colorSection {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  gap: 0;
}
.ecSeoFreePage .colorTips .colorSection > h2 {
  font-size: 20px;
  line-height: 1.6;
  font-weight: 700;
  padding: 0 0 10px 6px;
  border-bottom: 1px solid #333;
  margin-bottom: 12px;
}
.ecSeoFreePage .colorTips .colorSection > p {
  font-size: 14px;
}
.ecSeoFreePage .colorTips .colorSection .colorItemList {
  margin-top: 18px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 18px;
}
.ecSeoFreePage .colorTips .colorSection .colorItemList li {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  gap: 10px 0;
}
.ecSeoFreePage .colorTips .colorSection .colorItemList li button {
  display: block;
  line-height: 1;
  text-align: center;
}
.ecSeoFreePage .colorTips .colorSection dl {
  width: 100%;
  border-radius: 5px;
  background: #484848;
  padding: 7px 2px;
  color: #FFF;
  text-align: center;
  font-size: 12px;
  line-height: 1.6;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
.ecSeoFreePage .colorTips .colorSection dl dt {
  text-decoration: underline;
  font-weight: 700;
}
.ecSeoFreePage .colorTips .colorSection dl dd {
  font-weight: 700;
  margin-top: 2px;
}
.ecSeoFreePage .colorTips .colorSection .itemPageLink {
  width: 100%;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 14px;
  border-radius: 5px;
  border: 1px solid #333;
  background: url("../img/nurse/arrow_right.svg") no-repeat calc(100% - 13px) center/7px auto;
  background-color: #FFF;
}
.ecSeoFreePage .colorTips .modalColorContent {
  display: none;
}

.colorOverLay {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  display: none;
  justify-content: center;
  align-items: flex-start;
}
.colorOverLay .colorModal {
  width: 698px;
  max-height: calc(100vh - 40px);
  position: relative;
  margin: auto 0;
  overscroll-behavior-y: none;
  overflow-y: auto;
  padding: 24px;
}
.colorOverLay .colorModal .inner {
  padding: 40px;
  border-radius: 10px;
  background: #fff;
}
.colorOverLay .colorModal h2 {
  font-size: 20px;
  line-height: 1.6;
  font-weight: 700;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #333;
  margin-bottom: 25px;
}
.colorOverLay .colorModal figure {
  width: 200px;
  margin: 0 auto;
}
.colorOverLay .colorModal .description {
  margin-top: 25px;
}
.colorOverLay .colorModal .pocLink {
  margin-top: 25px;
  font-size: 14px;
}
.colorOverLay .colorModal .pocLink a {
  text-decoration: underline;
}
.colorOverLay .colorModal .modalClose {
  width: 44px;
  line-height: 1;
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
}

.openColorModal {
  display: flex;
  opacity: 1;
  animation: modalFadeIn 0.3s 1 0s linear forwards;
}

.closeColorModal {
  animation: modalFadeOut 0.3s 1 0s linear forwards;
}

@keyframes modalFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes modalFadeOut {
  0% {
    opacity: 1;
  }
  99% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .ecSeoFreePage .colorTips {
    width: 100%;
    margin: 25.641025641vw auto 0;
  }
  .ecSeoFreePage .colorTips .secTitle {
    margin-bottom: 12.8205128205vw;
  }
  .ecSeoFreePage .colorTips .colorRowTop {
    width: 89.7435897436vw;
    margin: 0 auto;
    display: block;
  }
  .ecSeoFreePage .colorTips .colorRowTop figure {
    margin-bottom: 5.1282051282vw;
  }
  .ecSeoFreePage .colorTips .colorRowTop .textBox {
    width: 84.6153846154vw;
    margin-inline: auto;
  }
  .ecSeoFreePage .colorTips .colorRowTop .textBox li {
    font-size: 3.5897435897vw;
  }
  .ecSeoFreePage .colorTips .colorRowBottom {
    width: 84.6153846154vw;
    margin: 12.8205128205vw auto 0;
    grid-template-columns: 100%;
    gap: 10.2564102564vw 0;
  }
  .ecSeoFreePage .colorTips .colorSection {
    display: block;
  }
  .ecSeoFreePage .colorTips .colorSection > h2 {
    font-size: 5.1282051282vw;
    padding: 0 0 2.5641025641vw 1.5384615385vw;
    border-bottom: 0.2564102564vw solid #333;
    margin-bottom: 3.0769230769vw;
  }
  .ecSeoFreePage .colorTips .colorSection > p {
    font-size: 3.5897435897vw;
  }
  .ecSeoFreePage .colorTips .colorSection .colorItemList {
    margin-top: 4.6153846154vw;
    grid-template-columns: repeat(2, 1fr);
    gap: 4.6153846154vw;
  }
  .ecSeoFreePage .colorTips .colorSection .colorItemList li {
    gap: 2.5641025641vw 0;
  }
  .ecSeoFreePage .colorTips .colorSection dl {
    border-radius: 1.2820512821vw;
    padding: 1.7948717949vw 0.5128205128vw;
    font-size: 3.0769230769vw;
  }
  .ecSeoFreePage .colorTips .colorSection dl dd {
    margin-top: 0.5128205128vw;
  }
  .ecSeoFreePage .colorTips .colorSection .itemPageLink {
    height: 9.2307692308vw;
    font-size: 3.5897435897vw;
    border-radius: 1.2820512821vw;
    border: 0.2564102564vw solid #333;
    background: url("../img/nurse/arrow_right.svg") no-repeat calc(100% - 3.3333333333vw) center/1.7948717949vw auto;
    background-color: #FFF;
  }
  .colorOverLay .colorModal {
    width: 84.6153846154vw;
    max-height: calc(100vh - 12.8205128205vw);
    padding: 0;
    overflow: visible;
  }
  .colorOverLay .colorModal .inner {
    height: 150.2564102564vw;
    overscroll-behavior-y: none;
    overflow-y: auto;
    padding: 6.4102564103vw;
    border-radius: 2.5641025641vw;
  }
  .colorOverLay .colorModal h2 {
    font-size: 4.6153846154vw;
    padding: 0 0 2.5641025641vw 0;
    border-bottom: 0.2564102564vw solid #333;
    margin-bottom: 6.4102564103vw;
  }
  .colorOverLay .colorModal figure {
    width: 51.2820512821vw;
  }
  .colorOverLay .colorModal .description {
    margin-top: 6.4102564103vw;
  }
  .colorOverLay .colorModal .pocLink {
    margin-top: 6.4102564103vw;
    font-size: 3.5897435897vw;
  }
  .colorOverLay .colorModal .modalClose {
    width: 11.2820512821vw;
    top: -3.5897435897vw;
    right: -3.5897435897vw;
  }
}
/* ==========================================================================
    FOLKの特徴
========================================================================== */
.ecSeoFreePage .features {
  width: min(100% - 40px, 1100px);
}
.ecSeoFreePage .features .secTitle {
  margin-bottom: 86px;
}
.ecSeoFreePage .features .featuresSec > h2 {
  border-bottom: 1px solid #333;
  padding: 0 10px 22px;
  font-size: 24px;
  line-height: 1.6;
  font-weight: 700;
  margin-bottom: 41px;
}
.ecSeoFreePage .features .featuresSec .textBox {
  padding: 0 20px;
}
.ecSeoFreePage .features .featuresSec .textBox > * + * {
  margin-top: 1.5em;
}
.ecSeoFreePage .features .hideBox {
  font-size: 16px;
  line-height: 1.6;
  margin-top: 1.5em;
  display: none;
}
.ecSeoFreePage .features .featuresSecInner {
  margin-top: 76px;
}
.ecSeoFreePage .features .featuresSecInner ul li::before {
  content: "・";
}
.ecSeoFreePage .features .featuresSecInner ul li:last-child::after {
  content: "など";
  display: inline-block;
  margin-left: 0.5em;
}
.ecSeoFreePage .features .moreBtn {
  margin: 60px auto 0;
}
.ecSeoFreePage .features .firstTtime {
  margin-top: 16px;
}
.ecSeoFreePage .features .firstTtime > h2 {
  margin-bottom: 55px;
}
.ecSeoFreePage .features .firstTtimeSec {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0 3.4545454545%;
}
.ecSeoFreePage .features .firstTtimeSec > h2 {
  grid-column: 1/4;
  border-left: 5px solid #333;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.6;
  padding-left: 20px;
  margin-bottom: 16px;
}
.ecSeoFreePage .features .firstTtimeSec .iconSec {
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  padding: 22px 0 !important;
}
.ecSeoFreePage .features .firstTtimeSec .iconSec h2 {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
  margin-bottom: 13px;
}
.ecSeoFreePage .features .firstTtimeSec .iconSec p {
  text-align: center;
}
.ecSeoFreePage .features .firstTtimeSec .iconSec p::before {
  content: "";
  width: 79px;
  height: 61px;
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  margin: 0 auto 13px;
}
.ecSeoFreePage .features .firstTtimeSec1 .iconSec {
  border-color: #00387F;
}
.ecSeoFreePage .features .firstTtimeSec1 .iconSec h2 {
  color: #00387F;
}
.ecSeoFreePage .features .firstTtimeSec2 {
  margin-top: 30px;
}
.ecSeoFreePage .features .firstTtimeSec2 .iconSec {
  border-color: #C91C21;
}
.ecSeoFreePage .features .firstTtimeSec2 .iconSec h2 {
  color: #C91C21;
}
.ecSeoFreePage .features .iconSec1 p::before {
  background-image: url("../img/nurse/first_time_icon1.svg");
  background-size: 79px auto;
}
.ecSeoFreePage .features .iconSec2 p::before {
  background-image: url("../img/nurse/first_time_icon2.svg");
  background-size: 61px px auto;
}
.ecSeoFreePage .features .iconSec3 p::before {
  background-image: url("../img/nurse/first_time_icon3.svg");
  background-size: 49px auto;
}
.ecSeoFreePage .features .iconSec4 p::before {
  background-image: url("../img/nurse/first_time_icon4.svg");
  background-size: 57px auto;
}
.ecSeoFreePage .features .iconSec5 p::before {
  background-image: url("../img/nurse/first_time_icon5.svg");
  background-size: 63px auto;
}
.ecSeoFreePage .features .iconSec6 p::before {
  background-image: url("../img/nurse/first_time_icon6.svg");
  background-size: 55px auto;
}

@media only screen and (max-width: 767px) {
  .ecSeoFreePage .features {
    width: 84.6153846154vw;
  }
  .ecSeoFreePage .features .secTitle {
    margin-bottom: 11.7948717949vw;
  }
  .ecSeoFreePage .features .featuresSec > h2 {
    border-bottom: 0.2564102564vw solid #333;
    padding: 0 0 3.8461538462vw;
    font-size: 4.6153846154vw;
    margin-bottom: 5.1282051282vw;
  }
  .ecSeoFreePage .features .featuresSec .textBox {
    padding: 0;
  }
  .ecSeoFreePage .features .hideBox {
    font-size: 3.5897435897vw;
  }
  .ecSeoFreePage .features .featuresSecInner {
    margin-top: 10.2564102564vw;
  }
  .ecSeoFreePage .features .moreBtn {
    margin: 10.2564102564vw auto 0;
    font-size: 4.1025641026vw;
  }
  .ecSeoFreePage .features .firstTtime {
    margin-top: 41.0256410256vw;
  }
  .ecSeoFreePage .features .firstTtime > h2 {
    margin-bottom: 10.2564102564vw;
  }
  .ecSeoFreePage .features .firstTtimeSec {
    display: grid;
    grid-template-columns: 100%;
    gap: 3.8461538462vw 0;
  }
  .ecSeoFreePage .features .firstTtimeSec > h2 {
    grid-column: 1;
    border-left: 1.2820512821vw solid #333;
    font-size: 4.6153846154vw;
    padding-left: 4.1025641026vw;
    margin-bottom: 2.5641025641vw;
  }
  .ecSeoFreePage .features .firstTtimeSec .iconSec {
    border-radius: 1.2820512821vw;
    border-width: 0.2564102564vw;
    padding: 5.641025641vw 0 !important;
  }
  .ecSeoFreePage .features .firstTtimeSec .iconSec h2 {
    font-size: 5.1282051282vw;
    margin-bottom: 3.3333333333vw;
  }
  .ecSeoFreePage .features .firstTtimeSec .iconSec p::before {
    width: 20.2564102564vw;
    height: 15.641025641vw;
    margin: 0 auto 3.3333333333vw;
  }
  .ecSeoFreePage .features .firstTtimeSec2 {
    margin-top: 7.6923076923vw;
  }
  .ecSeoFreePage .features .iconSec1 p::before {
    background-size: 20.2564102564vw auto;
  }
  .ecSeoFreePage .features .iconSec2 p::before {
    background-size: 15.641025641vw px auto;
  }
  .ecSeoFreePage .features .iconSec3 p::before {
    background-size: 12.5641025641vw auto;
  }
  .ecSeoFreePage .features .iconSec4 p::before {
    background-size: 14.6153846154vw auto;
  }
  .ecSeoFreePage .features .iconSec5 p::before {
    background-size: 16.1538461538vw auto;
  }
  .ecSeoFreePage .features .iconSec6 p::before {
    background-size: 14.1025641026vw auto;
  }
}
/* ==========================================================================
    看護師のスクラブ・メディカルウェアの選び方
========================================================================== */
.container:has(.ecChooseForNursesPage) {
  width: 100%;
  padding: 0;
  max-width: none;
}
@media (min-width: 768px) {
  .container:has(.ecChooseForNursesPage) {
    max-width: none;
  }
}

.ecChooseForNursesPage {
  padding: 0 0 110px;
  overflow: hidden;
  position: relative;
}

/* ==========================================================================
    固定ページリンク
========================================================================== */
.ecChooseForNursesPage .pageScrollFixedLink {
  width: 100%;
  position: fixed;
  top: 65px;
  left: 0;
  background: #FFFFFF;
  padding: 25px 10px;
}
.ecChooseForNursesPage .pageScrollFixedLink ul {
  gap: 10px 25px;
  flex-flow: row nowrap;
}
.ecChooseForNursesPage .pageScrollFixedLink li {
  font-size: 16px;
}
.ecChooseForNursesPage .pageScrollFixedLink li .tbShow {
  display: none;
}
.ecChooseForNursesPage .pageScrollFixedLink li a:hover {
  opacity: 1;
  font-weight: 700;
}
@media (max-width: 1250px) {
  .ecChooseForNursesPage .pageScrollFixedLink ul {
    gap: 10px 15px;
  }
  .ecChooseForNursesPage .pageScrollFixedLink li {
    font-size: 14px;
  }
}
@media (max-width: 1070px) {
  .ecChooseForNursesPage .pageScrollFixedLink {
    padding: 10px 10px;
  }
  .ecChooseForNursesPage .pageScrollFixedLink ul {
    gap: 10px 15px;
    justify-content: space-around;
  }
  .ecChooseForNursesPage .pageScrollFixedLink li a {
    gap: 5px 0;
    height: calc(3.3em + 13px);
    justify-content: space-between;
  }
  .ecChooseForNursesPage .pageScrollFixedLink li .tbShow {
    display: block;
  }
}
@media (max-width: 800px) {
  .ecChooseForNursesPage .pageScrollFixedLink ul {
    gap: 10px 7px;
  }
}

/* ==========================================================================
    看護師の働く環境、働き方
========================================================================== */
.ecChooseForNursesPage .workingStyle {
  margin: 140px auto 0;
}

/* ==========================================================================
    看護師におすすめのウェア
========================================================================== */
.ecChooseForNursesPage .recommended {
  margin-top: 140px;
  padding: 140px 0 190px !important;
  background: #FAFAFA;
}
.ecChooseForNursesPage .recommended .secTitle {
  margin-bottom: 60px;
}

/* ==========================================================================
   看護師におすすめのブランド
========================================================================== */
.ecChooseForNursesPage .recommendBrand {
  margin: 160px auto 0;
}

/* ==========================================================================
   スタイリング
========================================================================== */
.ecChooseForNursesPage .styling {
  margin: 160px auto 0;
  width: min(100% - 40px, 1040px);
}
.ecChooseForNursesPage .styling .secTitle {
  margin-bottom: 60px;
}
.ecChooseForNursesPage .styling .stylingSec {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.ecChooseForNursesPage .styling .stylingSec > h2 {
  font-size: 18px;
  line-height: 1.6;
  font-weight: 700;
  padding-bottom: 10px;
  border-bottom: 1px solid #333;
  margin-bottom: 30px;
}
.ecChooseForNursesPage .styling .stylingSec .bigImg + p {
  margin-top: 20px;
}
.ecChooseForNursesPage .styling .stylingSec .itemList {
  margin-top: 30px;
  display: flex;
  flex-flow: row wrap;
  gap: 54px;
}
.ecChooseForNursesPage .styling .stylingSec1 {
  grid-template-rows: auto auto auto 1fr;
  gap: 0 7.6923076923%;
}
.ecChooseForNursesPage .styling .stylingSec1 > h2 {
  grid-column: 1/3;
  grid-row: 1;
}
.ecChooseForNursesPage .styling .stylingSec1 .bigImg {
  grid-column: 1/3;
  grid-row: 2;
}
.ecChooseForNursesPage .styling .stylingSec1 .text1 {
  grid-column: 1/3;
  grid-row: 3;
}
.ecChooseForNursesPage .styling .stylingSec1 .leftBox {
  grid-column: 1;
  grid-row: 4;
  margin-top: 50px;
}
.ecChooseForNursesPage .styling .stylingSec1 .rightBox {
  grid-column: 2;
  grid-row: 4;
  margin-top: 50px;
}
.ecChooseForNursesPage .styling .stylingSec1 .innerBox > P {
  margin-top: 30px;
}
.ecChooseForNursesPage .styling .stylingSec2 {
  margin-top: 112px;
  grid-template-rows: auto auto auto auto 1fr;
  gap: 0 7.6923076923%;
}
.ecChooseForNursesPage .styling .stylingSec2 > h2 {
  grid-column: 1/3;
  grid-row: 1;
}
.ecChooseForNursesPage .styling .stylingSec2 .bigImg {
  grid-column: 1/3;
  grid-row: 2;
}
.ecChooseForNursesPage .styling .stylingSec2 .text1 {
  grid-column: 1/3;
  grid-row: 3;
}
.ecChooseForNursesPage .styling .stylingSec2 .bigImg2 {
  grid-column: 1/3;
  grid-row: 4;
  margin-top: 30px;
}
.ecChooseForNursesPage .styling .stylingSec2 .leftBox {
  grid-column: 1;
  grid-row: 5;
  margin-top: 30px;
}
.ecChooseForNursesPage .styling .stylingSec2 .rightBox {
  grid-column: 2;
  grid-row: 5;
  margin-top: 30px;
}
.ecChooseForNursesPage .styling .stylingSec2 .innerBox > h2 {
  font-size: 18px;
  line-height: 1.6;
  font-weight: 700;
  margin-bottom: 5px;
}

/* ==========================================================================
    個性やユニークさに磨きをかけるなら
オリジナルの刺繍・プリントでカスタマイズがおすすめです
========================================================================== */
.ecChooseForNursesPage .embroideryPrinting {
  width: min(100% - 40px, 924px);
  margin: 130px auto 0;
}
.ecChooseForNursesPage .embroideryPrinting .secTitle {
  margin-bottom: 80px;
}
.ecChooseForNursesPage .embroideryPrinting .epInnerSec {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 0 3.6796536797%;
}
.ecChooseForNursesPage .embroideryPrinting .epInnerSec h2 {
  font-size: 26px;
  line-height: 1;
  font-weight: 700;
  margin-bottom: 10px;
}
.ecChooseForNursesPage .embroideryPrinting .epInnerSec p {
  font-size: 18px;
  line-height: 1.6;
}
.ecChooseForNursesPage .embroideryPrinting .epInnerSec .textBox {
  order: 2;
  flex: 0 1 64.9350649351%;
}
.ecChooseForNursesPage .embroideryPrinting .epInnerSec .imgBox {
  order: 1;
  flex: 0 1 31.3852813853%;
}
.ecChooseForNursesPage .embroideryPrinting .epInnerSec .btnLinkList {
  display: flex;
  justify-content: center;
  flex-flow: row wrap;
  gap: 10px;
}
.ecChooseForNursesPage .embroideryPrinting .epInnerSec .btnLinkList li {
  flex: 0 1 220px;
}
.ecChooseForNursesPage .embroideryPrinting .epInnerSec .btnLinkList a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-flow: column;
  font-size: 14px;
  line-height: 1.3;
  border-radius: 30px;
  border: 1px solid #333;
  background: url("../img/nurse/arrow_right.svg") no-repeat calc(100% - 13px) center/7px auto;
  background-color: #FFF;
  min-height: 45px;
  padding: 0 10px 0.2em;
}
.ecChooseForNursesPage .embroideryPrinting .epInnerSec .btnLinkList a small {
  font-size: 12px;
}
.ecChooseForNursesPage .embroideryPrinting .embroidery .btnLinkList {
  margin-top: 30px;
  order: 3;
  flex: 0 0 100%;
}
.ecChooseForNursesPage .embroideryPrinting .printing {
  margin-top: 80px;
}
.ecChooseForNursesPage .embroideryPrinting .printing .textBox .btnLinkList {
  justify-content: flex-start;
  margin-top: 22px;
}

/* ==========================================================================
    「看護師」のスクラブやパンツは特にここをチェック！
========================================================================== */
.ecChooseForNursesPage .checkHere {
  margin-top: 140px;
  padding: 130px 0 190px !important;
  background: #FAFAFA;
}

/* ==========================================================================
    看護師のカラー豆知識｜医療現場で「色」があたえる印象
========================================================================== */
.ecChooseForNursesPage .colorTips {
  margin-top: 160px;
}

/* ==========================================================================
    FOLKの特徴
========================================================================== */
.ecChooseForNursesPage .features {
  margin: 220px auto 0;
}

/* ==========================================================================
    end
========================================================================== */
@media only screen and (max-width: 767px) {
  /* ==========================================================================
      看護師のスクラブ・メディカルウェアの選び方
  ========================================================================== */
  .container:has(.ecChooseForNursesPage) {
    width: 100%;
  }
  .ecChooseForNursesPage {
    padding: 5.1282051282vw 0 15.3846153846vw;
  }
  .ecChooseForNursesPage img {
    width: 100%;
  }
  /* ==========================================================================
      固定ページリンク
  ========================================================================== */
  .ecChooseForNursesPage .pageScrollFixedLink {
    display: none !important;
  }
  /* ==========================================================================
      看護師の働く環境、働き方
  ========================================================================== */
  .ecChooseForNursesPage .workingStyle {
    margin: 25.641025641vw auto 0;
  }
  /* ==========================================================================
      看護師におすすめのウェア
  ========================================================================== */
  .ecChooseForNursesPage .recommended {
    margin-top: 20.5128205128vw;
    padding: 25.641025641vw 0 20.5128205128vw !important;
    background: #FAFAFA;
  }
  .ecChooseForNursesPage .recommended .secTitle {
    margin-bottom: 12.8205128205vw;
  }
  /* ==========================================================================
     看護師におすすめのブランド
  ========================================================================== */
  .ecChooseForNursesPage .recommendBrand {
    margin: 25.641025641vw auto 0;
  }
  /* ==========================================================================
     スタイリング
  ========================================================================== */
  .ecChooseForNursesPage .styling {
    margin: 25.641025641vw auto 0;
    width: 84.6153846154vw;
  }
  .ecChooseForNursesPage .styling .secTitle {
    margin-bottom: 10.2564102564vw;
  }
  .ecChooseForNursesPage .styling .stylingSec {
    grid-template-columns: 100%;
  }
  .ecChooseForNursesPage .styling .stylingSec > h2 {
    font-size: 4.6153846154vw;
    padding-bottom: 2.5641025641vw;
    border-bottom: 0.2564102564vw solid #333;
    margin-bottom: 7.6923076923vw;
  }
  .ecChooseForNursesPage .styling .stylingSec .bigImg + p {
    margin-top: 5.1282051282vw;
  }
  .ecChooseForNursesPage .styling .stylingSec .itemList {
    margin: 7.1794871795vw auto 0;
    width: 76.9230769231vw;
    gap: 13.8461538462vw;
  }
  .ecChooseForNursesPage .styling .stylingSec1 {
    grid-template-rows: auto auto auto auto 1fr;
    gap: 0;
  }
  .ecChooseForNursesPage .styling .stylingSec1 > h2 {
    grid-column: 1;
  }
  .ecChooseForNursesPage .styling .stylingSec1 .bigImg {
    grid-column: 1;
  }
  .ecChooseForNursesPage .styling .stylingSec1 .text1 {
    grid-column: 1;
  }
  .ecChooseForNursesPage .styling .stylingSec1 .leftBox {
    margin-top: 12.8205128205vw;
  }
  .ecChooseForNursesPage .styling .stylingSec1 .rightBox {
    grid-column: 1;
    grid-row: 5;
    margin-top: 10.2564102564vw;
  }
  .ecChooseForNursesPage .styling .stylingSec1 .innerBox > P {
    margin-top: 3.8461538462vw;
  }
  .ecChooseForNursesPage .styling .stylingSec2 {
    margin-top: 43.0769230769vw;
    grid-template-rows: auto auto auto auto auto 1fr;
    gap: 0;
  }
  .ecChooseForNursesPage .styling .stylingSec2 > h2 {
    grid-column: 1;
  }
  .ecChooseForNursesPage .styling .stylingSec2 .bigImg {
    grid-column: 1;
  }
  .ecChooseForNursesPage .styling .stylingSec2 .text1 {
    grid-column: 1;
  }
  .ecChooseForNursesPage .styling .stylingSec2 .bigImg2 {
    grid-column: 1;
    margin-top: 7.6923076923vw;
  }
  .ecChooseForNursesPage .styling .stylingSec2 .leftBox {
    grid-column: 1;
    grid-row: 5;
    margin-top: 7.6923076923vw;
  }
  .ecChooseForNursesPage .styling .stylingSec2 .rightBox {
    grid-column: 1;
    grid-row: 6;
    margin-top: 10.2564102564vw;
  }
  .ecChooseForNursesPage .styling .stylingSec2 .innerBox > h2 {
    font-size: 4.6153846154vw;
    margin-bottom: 1.2820512821vw;
  }
  /* ==========================================================================
      個性やユニークさに磨きをかけるなら
  オリジナルの刺繍・プリントでカスタマイズがおすすめです
  ========================================================================== */
  .ecChooseForNursesPage .embroideryPrinting {
    width: 84.6153846154vw;
    margin: 35.8974358974vw auto 0;
  }
  .ecChooseForNursesPage .embroideryPrinting .secTitle {
    margin-bottom: 12.8205128205vw;
    width: -moz-max-content;
    width: max-content;
  }
  .ecChooseForNursesPage .embroideryPrinting .epInnerSec {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    gap: 0;
  }
  .ecChooseForNursesPage .embroideryPrinting .epInnerSec h2 {
    font-size: 5.1282051282vw;
    line-height: 1.6;
    margin-bottom: 1.0256410256vw;
    text-align: center;
  }
  .ecChooseForNursesPage .embroideryPrinting .epInnerSec p {
    font-size: 3.5897435897vw;
  }
  .ecChooseForNursesPage .embroideryPrinting .epInnerSec .textBox {
    order: 2;
    flex: 0 1 auto;
    margin-top: 7.6923076923vw;
  }
  .ecChooseForNursesPage .embroideryPrinting .epInnerSec .imgBox {
    order: 1;
    flex: 0 1 auto;
  }
  .ecChooseForNursesPage .embroideryPrinting .epInnerSec .btnLinkList {
    gap: 2.5641025641vw;
  }
  .ecChooseForNursesPage .embroideryPrinting .epInnerSec .btnLinkList li {
    flex: 0 1 100%;
  }
  .ecChooseForNursesPage .embroideryPrinting .epInnerSec .btnLinkList a {
    font-size: 3.5897435897vw;
    line-height: 1.3;
    border-radius: 7.6923076923vw;
    border: 0.2564102564vw solid #333;
    background: url("../img/nurse/arrow_right.svg") no-repeat calc(100% - 3.3333333333vw) center/1.7948717949vw auto;
    background-color: #FFF;
    min-height: 11.5384615385vw;
    padding: 0 2.5641025641vw;
  }
  .ecChooseForNursesPage .embroideryPrinting .epInnerSec .btnLinkList a small {
    font-size: 2.5641025641vw;
  }
  .ecChooseForNursesPage .embroideryPrinting .embroidery .btnLinkList {
    margin-top: 4.358974359vw;
  }
  .ecChooseForNursesPage .embroideryPrinting .printing {
    margin-top: 17.9487179487vw;
  }
  .ecChooseForNursesPage .embroideryPrinting .printing .textBox .btnLinkList {
    justify-content: flex-start;
    margin-top: 4.358974359vw;
  }
  /* ==========================================================================
      「看護師」のスクラブやパンツは特にここをチェック！
  ========================================================================== */
  .ecChooseForNursesPage .checkHere {
    margin-top: 28.2051282051vw;
    padding: 25.641025641vw 0 20.5128205128vw !important;
  }
  /* ==========================================================================
      看護師のカラー豆知識｜医療現場で「色」があたえる印象
  ========================================================================== */
  .ecChooseForNursesPage .colorTips {
    width: 100%;
    margin: 25.641025641vw auto 0;
  }
  .ecChooseForNursesPage .colorTips .secTitle {
    margin-bottom: 12.8205128205vw;
  }
  .ecChooseForNursesPage .colorTips .colorRowTop {
    width: 89.7435897436vw;
    margin: 0 auto;
    display: block;
  }
  .ecChooseForNursesPage .colorTips .colorRowTop figure {
    margin-bottom: 5.1282051282vw;
  }
  .ecChooseForNursesPage .colorTips .colorRowTop .textBox {
    width: 84.6153846154vw;
    margin-inline: auto;
  }
  .ecChooseForNursesPage .colorTips .colorRowTop .textBox li {
    font-size: 3.5897435897vw;
  }
  .ecChooseForNursesPage .colorTips .colorRowBottom {
    width: 84.6153846154vw;
    margin: 12.8205128205vw auto 0;
    grid-template-columns: 100%;
    gap: 10.2564102564vw 0;
  }
  .ecChooseForNursesPage .colorTips .colorSection {
    display: block;
  }
  .ecChooseForNursesPage .colorTips .colorSection > h2 {
    font-size: 5.1282051282vw;
    padding: 0 0 2.5641025641vw 1.5384615385vw;
    border-bottom: 0.2564102564vw solid #333;
    margin-bottom: 3.0769230769vw;
  }
  .ecChooseForNursesPage .colorTips .colorSection > p {
    font-size: 3.5897435897vw;
  }
  .ecChooseForNursesPage .colorTips .colorSection .colorItemList {
    margin-top: 4.6153846154vw;
    grid-template-columns: repeat(2, 1fr);
    gap: 4.6153846154vw;
  }
  .ecChooseForNursesPage .colorTips .colorSection .colorItemList li {
    gap: 2.5641025641vw 0;
  }
  .ecChooseForNursesPage .colorTips .colorSection dl {
    border-radius: 1.2820512821vw;
    padding: 1.7948717949vw 0.5128205128vw;
    font-size: 3.0769230769vw;
  }
  .ecChooseForNursesPage .colorTips .colorSection dl dd {
    margin-top: 0.5128205128vw;
  }
  .ecChooseForNursesPage .colorTips .colorSection .itemPageLink {
    height: 9.2307692308vw;
    font-size: 3.5897435897vw;
    border-radius: 1.2820512821vw;
    border: 0.2564102564vw solid #333;
    background: url("../img/nurse/arrow_right.svg") no-repeat calc(100% - 3.3333333333vw) center/1.7948717949vw auto;
    background-color: #FFF;
  }
  .colorOverLay .colorModal {
    width: 84.6153846154vw;
    max-height: calc(100vh - 12.8205128205vw);
    padding: 0;
    overflow: visible;
  }
  .colorOverLay .colorModal .inner {
    height: 150.2564102564vw;
    overscroll-behavior-y: none;
    overflow-y: auto;
    padding: 6.4102564103vw;
    border-radius: 2.5641025641vw;
  }
  .colorOverLay .colorModal h2 {
    font-size: 4.6153846154vw;
    padding: 0 0 2.5641025641vw 0;
    border-bottom: 0.2564102564vw solid #333;
    margin-bottom: 6.4102564103vw;
  }
  .colorOverLay .colorModal figure {
    width: 51.2820512821vw;
  }
  .colorOverLay .colorModal .description {
    margin-top: 6.4102564103vw;
  }
  .colorOverLay .colorModal .pocLink {
    margin-top: 6.4102564103vw;
    font-size: 3.5897435897vw;
  }
  .colorOverLay .colorModal .modalClose {
    width: 11.2820512821vw;
    top: -3.5897435897vw;
    right: -3.5897435897vw;
  }
  /* ==========================================================================
      FOLKの特徴
  ========================================================================== */
  .ecChooseForNursesPage .features {
    margin: 46.1538461538vw auto 0;
  }
}
/* ==========================================================================
    職種から探す
========================================================================== */
.container:has(.ecJobPortalPage) {
  width: min(100% - 40px, 1100px);
  margin: 0 auto;
  padding: 0;
  max-width: none;
}
@media (min-width: 768px) {
  .container:has(.ecJobPortalPage) {
    max-width: none;
  }
}

.ecJobPortalPage {
  padding: 0 0 98px;
  position: relative;
}

/* ==========================================================================
    固定ページリンク
========================================================================== */
.ecJobPortalPage .nav-link {
  padding: 0;
}
.ecJobPortalPage .pageScrollFixedLink {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #FFFFFF;
}
.ecJobPortalPage .pageScrollFixedLink ul {
  display: flex;
  justify-content: center;
  gap: 0 20px;
  padding: 1.875em 10px;
  border-bottom: 1px solid #D5D5CE;
  font-size: 16px;
}
.ecJobPortalPage .pageScrollFixedLink li {
  line-height: 1.6;
  text-align: center;
}
.ecJobPortalPage .pageScrollFixedLink li .tbShow {
  display: none;
}
.ecJobPortalPage .pageScrollFixedLink li a {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  gap: 0 0.625em;
}
.ecJobPortalPage .pageScrollFixedLink li a::before {
  content: "";
  width: 100%;
  height: 4px;
  background: transparent;
  position: absolute;
  bottom: -2.1em;
  left: 0;
  transition: background-color 0.2s;
  pointer-events: none;
}
.ecJobPortalPage .pageScrollFixedLink li a::after {
  content: "";
  width: 0.77em;
  height: 0.5em;
  background: url("../img/job-portal/arrow_bottom.svg") no-repeat center center/contain;
  flex-shrink: 0;
}
@media (hover: hover) {
  .ecJobPortalPage .pageScrollFixedLink li a:hover {
    opacity: 1;
    font-weight: 700;
  }
  .ecJobPortalPage .pageScrollFixedLink li a:hover::before {
    background: #00387F;
  }
}
@media (max-width: 1370px) {
  .ecJobPortalPage .pageScrollFixedLink ul {
    gap: 0 10px;
    font-size: 14px;
  }
}
@media (max-width: 1170px) {
  .ecJobPortalPage .pageScrollFixedLink ul {
    gap: 10px 15px;
    font-size: 12px;
  }
}
@media (max-width: 1030px) {
  .ecJobPortalPage .pageScrollFixedLink {
    padding: 0 10px;
  }
  .ecJobPortalPage .pageScrollFixedLink ul {
    gap: 10px 10px;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-around;
  }
  .ecJobPortalPage .pageScrollFixedLink li {
    line-height: 1.2;
    text-align: center;
  }
  .ecJobPortalPage .pageScrollFixedLink li .tbShow {
    display: block;
  }
  .ecJobPortalPage .pageScrollFixedLink a {
    min-height: 2.4em;
  }
}
@media (max-width: 780px) {
  .ecJobPortalPage .pageScrollFixedLink {
    padding: 0;
  }
}

/* ==========================================================================
    タイトル
========================================================================== */
.ecJobPortalPage .pageHeader {
  padding: 70px 0;
  border-bottom: 1px solid #94969F;
  margin-bottom: 48px;
}
.ecJobPortalPage .pageHeader h1 {
  font-size: 38px;
  font-weight: 700;
  line-height: 1.6;
}

/* ==========================================================================
    職業リスト
========================================================================== */
.ecJobPortalPage .jobList {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 35px 3.1818181818%;
}
.ecJobPortalPage .jobList li .imgBox {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto;
}
.ecJobPortalPage .jobList li .imgBox img {
  grid-column: 1;
  grid-row: 1;
  z-index: 1;
}
.ecJobPortalPage .jobList li .imgBox figcaption {
  grid-column: 1;
  grid-row: 1;
  z-index: 3;
  font-size: 10px;
  line-height: 1.6;
  text-align: center;
  align-self: end;
  justify-self: end;
  background: rgba(255, 255, 255, 0.7);
  padding: 1px 5px;
}
.ecJobPortalPage .jobList li .imgBox::before {
  content: "";
  grid-column: 1;
  grid-row: 1;
  z-index: 2;
  background: rgba(0, 0, 0, 0.15);
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
}
.ecJobPortalPage .jobList li .longName figcaption {
  width: 100%;
  font-size: 9px;
  padding: 1px 4px;
}
.ecJobPortalPage .jobList li p {
  font-size: 18px;
  margin-top: 7px;
  text-align: center;
}
@media (hover: hover) {
  .ecJobPortalPage .jobList a:hover {
    opacity: 1;
  }
  .ecJobPortalPage .jobList a:hover * {
    opacity: 1;
  }
  .ecJobPortalPage .jobList a:hover .imgBox::before {
    opacity: 1;
  }
}

/* ==========================================================================
    jobSection
========================================================================== */
.ecJobPortalPage .jobSection {
  max-width: 1024px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: 34.1796875% 1fr;
  grid-template-rows: auto auto 1fr;
  gap: 30px 7.8125%;
}
.ecJobPortalPage .jobSection > h2 {
  grid-column: 1/3;
  grid-row: 1;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.6;
  border-bottom: 1px solid #000;
  padding-bottom: 10px;
}
.ecJobPortalPage .jobSection .phBox {
  grid-column: 1;
  grid-row: 2;
}
.ecJobPortalPage .jobSection .phBox figcaption {
  font-size: 14px;
  line-height: 1.6;
  margin-top: 12px;
  text-align: center;
}
.ecJobPortalPage .jobSection .textBox {
  grid-column: 2;
  grid-row: 2;
  padding-right: 15px;
}
.ecJobPortalPage .jobSection .textBox .squareBtnLink {
  width: 220px;
  margin-top: 20px;
}
.ecJobPortalPage .jobSection .innerSec {
  grid-column: 1/3;
  grid-row: 3;
  border-radius: 10px;
  background: #F9F9F9;
  padding: 30px 40px !important;
}
.ecJobPortalPage .jobSection .innerSec > header {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #000;
  padding-bottom: 10px;
}
.ecJobPortalPage .jobSection .innerSec > header h2 {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.6;
}
.ecJobPortalPage .jobSection .innerSec .itemList {
  display: grid;
  grid-template-columns: repeat(auto-fill, 123px);
  gap: 33px;
}
.ecJobPortalPage .jobSection1 {
  margin-top: 145px;
}
.ecJobPortalPage .jobSection + .jobSection {
  margin-top: 122px;
}
.ecJobPortalPage .caseBox {
  display: grid;
  grid-template-columns: 29.6610169492% 1fr;
  grid-template-rows: auto auto 1fr;
  gap: 0 5.6144067797%;
}
.ecJobPortalPage .caseBox > header {
  grid-column: 1/3;
  grid-row: 1;
  margin-bottom: 15px;
  flex-flow: row wrap;
  gap: 10px;
}
.ecJobPortalPage .caseBox > header p {
  border-radius: 5px;
  background: #94969F;
  width: 94px;
  height: 34px;
  flex-shrink: 0;
  margin-right: 10px;
  display: grid;
  place-content: center;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
}
.ecJobPortalPage .caseBox > header .caseLink {
  margin: 0 7px 0 auto;
  color: var(---, #00387F);
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.03em;
  display: inline-flex;
  align-items: center;
}
.ecJobPortalPage .caseBox > header .caseLink::after {
  content: "";
  width: 9px;
  height: 16px;
  background: url("../img/job-portal/case_link_arrow.svg") no-repeat center center/contain;
  flex-shrink: 0;
  margin-left: 10px;
}
.ecJobPortalPage .caseBox .img {
  grid-column: 1;
  grid-row: 2/4;
}
.ecJobPortalPage .caseBox > p {
  grid-column: 2;
  grid-row: 2;
}
.ecJobPortalPage .caseBox .itemList {
  grid-column: 2;
  grid-row: 3;
  margin-top: 10px;
}
.ecJobPortalPage .voiceBox {
  display: grid;
  grid-template-columns: 625px 1fr;
  grid-template-rows: auto 1fr;
  gap: 0;
}
.ecJobPortalPage .voiceBox > header {
  grid-column: 1/4;
  grid-row: 1;
  margin-bottom: 20px;
}
.ecJobPortalPage .voiceBox .fukidashi {
  grid-column: 1;
  grid-row: 2;
  align-self: start;
  margin: 20px 0 0 20px;
  display: flex;
  align-items: center;
}
.ecJobPortalPage .voiceBox .fukidashi .img {
  width: 110px;
  flex-shrink: 0;
}
.ecJobPortalPage .voiceBox .fukidashi > p {
  margin: 0 0 0 32px;
  padding: 19px 26px;
  background: #FFF;
  border-radius: 4px;
  font-size: 14px;
  position: relative;
}
.ecJobPortalPage .voiceBox .fukidashi > p::before {
  content: "";
  width: 30px;
  height: 34px;
  background: #fff;
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  left: -25px;
  clip-path: polygon(100% 0, 0 50%, 100% 100%);
}
.ecJobPortalPage .voiceBox .itemList {
  grid-column: 2;
  grid-row: 2;
  margin-left: 21px;
}
@media (max-width: 1066px) {
  .ecJobPortalPage .voiceBox {
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto 1fr;
  }
  .ecJobPortalPage .voiceBox > header {
    grid-column: 1/3;
  }
  .ecJobPortalPage .voiceBox .fukidashi {
    grid-column: 1/3;
    grid-row: 2;
    margin-left: 0;
  }
  .ecJobPortalPage .voiceBox .itemList {
    grid-column: 2;
    grid-row: 3;
    margin: 21px 0 0 142px;
  }
}

/* ==========================================================================
    end
========================================================================== */
@media only screen and (max-width: 767px) {
  /* ==========================================================================
      職種から探す
  ========================================================================== */
  .container:has(.ecJobPortalPage) {
    width: 84.6153846154vw;
  }
  .ecJobPortalPage {
    padding: 0 0 25.641025641vw;
  }
  .ecJobPortalPage img {
    width: 100%;
  }
  /* ==========================================================================
      固定ページリンク
  ========================================================================== */
  .ecJobPortalPage .pageScrollFixedLink {
    display: none !important;
  }
  /* ==========================================================================
      タイトル
  ========================================================================== */
  .ecJobPortalPage .pageHeader {
    padding: 5.3846153846vw 0 6.9230769231vw;
    border-bottom: 0.2564102564vw solid #94969F;
    margin-bottom: 12.8205128205vw;
    width: 100vw;
    margin-left: -7.6923076923vw;
  }
  .ecJobPortalPage .pageHeader h1 {
    font-size: 5.1282051282vw;
    text-align: center;
  }
  /* ==========================================================================
      職業リスト
  ========================================================================== */
  .ecJobPortalPage .jobList {
    width: 89.7435897436vw;
    margin-left: -2.5641025641vw;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5.1282051282vw 7.6923076923vw;
  }
  .ecJobPortalPage .jobList li .imgBox figcaption {
    font-size: 2.0512820513vw;
    padding: 0.2564102564vw 1.2820512821vw;
  }
  .ecJobPortalPage .jobList li .imgBox::before {
    display: none;
  }
  .ecJobPortalPage .jobList li .longName figcaption {
    font-size: 1.7948717949vw;
    padding: 0.2564102564vw 1.0256410256vw;
  }
  .ecJobPortalPage .jobList li p {
    font-size: 3.5897435897vw;
    margin-top: 1.7948717949vw;
  }
  .ecJobPortalPage .jobList li a:hover * {
    opacity: 1;
  }
  /* ==========================================================================
      jobSection
  ========================================================================== */
  .ecJobPortalPage .jobSection {
    max-width: 84.6153846154vw;
    margin-inline: auto;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto auto auto 1fr;
    gap: 5.1282051282vw 0;
  }
  .ecJobPortalPage .jobSection > h2 {
    grid-column: 1;
    grid-row: 1;
    font-size: 5.1282051282vw;
    border-bottom: 0.2564102564vw solid #000;
    padding-bottom: 2.5641025641vw;
  }
  .ecJobPortalPage .jobSection .phBox {
    grid-column: 1;
    grid-row: 2;
  }
  .ecJobPortalPage .jobSection .phBox figcaption {
    font-size: 3.5897435897vw;
    margin-top: 2.5641025641vw;
  }
  .ecJobPortalPage .jobSection .textBox {
    grid-column: 1;
    grid-row: 3;
    padding-right: 0;
  }
  .ecJobPortalPage .jobSection .textBox .squareBtnLink {
    width: 56.4102564103vw;
    margin: 5.1282051282vw auto 0;
  }
  .ecJobPortalPage .jobSection .innerSec {
    grid-column: 1;
    grid-row: 4;
    border-radius: 1.2820512821vw;
    padding: 7.6923076923vw 6.4102564103vw !important;
  }
  .ecJobPortalPage .jobSection .innerSec > header {
    border-bottom: 0.2564102564vw solid #000;
    padding-bottom: 2.5641025641vw;
    flex-flow: column;
    align-items: flex-start;
  }
  .ecJobPortalPage .jobSection .innerSec > header h2 {
    font-size: 4.1025641026vw;
    font-weight: 700;
  }
  .ecJobPortalPage .jobSection .innerSec .itemList {
    grid-template-columns: repeat(2, 1fr);
    gap: 8.2051282051vw;
  }
  .ecJobPortalPage .jobSection1 {
    margin-top: 25.641025641vw;
  }
  .ecJobPortalPage .jobSection + .jobSection {
    margin-top: 25.641025641vw;
  }
  .ecJobPortalPage .caseBox {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto auto auto 1fr;
    gap: 0;
  }
  .ecJobPortalPage .caseBox > header {
    grid-column: 1;
    grid-row: 1;
    margin-bottom: 3.8461538462vw;
    gap: 2.3076923077vw 0;
  }
  .ecJobPortalPage .caseBox > header p {
    border-radius: 1.2820512821vw;
    background: #94969F;
    width: 22.0512820513vw;
    height: 8.2051282051vw;
    font-size: 3.5897435897vw;
  }
  .ecJobPortalPage .caseBox > header .caseLink {
    margin: 0 1.2820512821vw 0 auto;
    color: var(---, #00387F);
    font-size: 3.5897435897vw;
    line-height: 1;
  }
  .ecJobPortalPage .caseBox > header .caseLink::after {
    width: 1.7948717949vw;
    height: 3.0769230769vw;
    margin-left: 2.3076923077vw;
  }
  .ecJobPortalPage .caseBox .img {
    grid-column: 1;
    grid-row: 2;
  }
  .ecJobPortalPage .caseBox > p {
    grid-column: 1;
    grid-row: 3;
    margin-top: 5.1282051282vw;
  }
  .ecJobPortalPage .caseBox .itemList {
    grid-column: 1;
    grid-row: 4;
    margin-top: 5.1282051282vw;
  }
  .ecJobPortalPage .voiceBox {
    grid-template-columns: 100%;
    grid-template-rows: auto auto 1fr;
    gap: 5.1282051282vw 0;
  }
  .ecJobPortalPage .voiceBox > header {
    grid-column: 1;
    grid-row: 1;
    margin-bottom: 0;
  }
  .ecJobPortalPage .voiceBox .fukidashi {
    grid-column: 1;
    grid-row: 2;
    display: block;
    margin: 0;
  }
  .ecJobPortalPage .voiceBox .fukidashi .img {
    width: 28.2051282051vw;
    margin: 0 auto;
  }
  .ecJobPortalPage .voiceBox .fukidashi p {
    margin: 10.2564102564vw 0 0 0;
    padding: 3.8461538462vw 5.1282051282vw;
    background: #FFF;
    border-radius: 1.0256410256vw;
    font-size: 3.5897435897vw;
  }
  .ecJobPortalPage .voiceBox .fukidashi p::before {
    width: 7.6923076923vw;
    height: 6.6666666667vw;
    top: -5.1282051282vw;
    translate: -50% 0;
    left: 50%;
    clip-path: polygon(100% 100%, 50% 0, 0 100%);
  }
  .ecJobPortalPage .voiceBox .itemList {
    grid-column: 1;
    grid-row: 3;
    margin: 0;
  }
}
/* ==========================================================================
    固定ページリンク
========================================================================== */
.ecChooseForDoctorPage .pageScrollFixedLink {
  width: 100%;
  position: fixed;
  top: 65px;
  left: 0;
  background: #FFFFFF;
  padding: 25px 10px;
}
.ecChooseForDoctorPage .pageScrollFixedLink ul {
  gap: 10px 25px;
  flex-flow: row nowrap;
}
.ecChooseForDoctorPage .pageScrollFixedLink li {
  font-size: 16px;
}
.ecChooseForDoctorPage .pageScrollFixedLink li .tbShow {
  display: none;
}
.ecChooseForDoctorPage .pageScrollFixedLink li a:hover {
  opacity: 1;
  font-weight: 700;
}
@media (max-width: 1360px) {
  .ecChooseForDoctorPage .pageScrollFixedLink ul {
    gap: 10px 15px;
  }
  .ecChooseForDoctorPage .pageScrollFixedLink li {
    font-size: 14px;
  }
}
@media (max-width: 1170px) {
  .ecChooseForDoctorPage .pageScrollFixedLink {
    padding: 10px 10px;
  }
  .ecChooseForDoctorPage .pageScrollFixedLink ul {
    gap: 10px 15px;
    justify-content: space-around;
  }
  .ecChooseForDoctorPage .pageScrollFixedLink li a {
    gap: 5px 0;
    height: calc(3.3em + 13px);
    justify-content: space-between;
  }
  .ecChooseForDoctorPage .pageScrollFixedLink li .tbShow {
    display: block;
  }
}
@media (max-width: 800px) {
  .ecChooseForDoctorPage .pageScrollFixedLink ul {
    gap: 10px 7px;
  }
}

/* ==========================================================================
    ドクターのスクラブ・メディカルウェアの選び方
========================================================================== */
.container:has(.ecChooseForDoctorPage) {
  width: 100%;
  padding: 0;
  max-width: none;
}
@media (min-width: 768px) {
  .container:has(.ecChooseForDoctorPage) {
    max-width: none;
  }
}

.ecChooseForDoctorPage {
  padding: 0 0 110px;
  overflow: hidden;
  position: relative;
}
.ecChooseForDoctorPage .hideBox {
  display: none;
}

/* ==========================================================================
    pageScrollLinkToc
========================================================================== */
.ecChooseForDoctorPage .pageScrollLinkToc li:nth-child(1) {
  width: 222px;
}
.ecChooseForDoctorPage .pageScrollLinkToc li:nth-child(1) span {
  width: -moz-max-content;
  width: max-content;
}
.ecChooseForDoctorPage .pageScrollLinkToc li:nth-child(2) {
  flex: 0 1 296px;
}
.ecChooseForDoctorPage .pageScrollLinkToc li:nth-child(3) {
  flex: 0 1 203px;
}
@media (max-width: 1100px) {
  .ecChooseForDoctorPage .pageScrollLinkToc li:nth-child(1) {
    width: auto;
  }
  .ecChooseForDoctorPage .pageScrollLinkToc li:nth-child(1) span {
    width: auto;
  }
  .ecChooseForDoctorPage .pageScrollLinkToc li:nth-child(2) {
    flex: 0 1 auto;
  }
  .ecChooseForDoctorPage .pageScrollLinkToc li:nth-child(3) {
    flex: 0 1 auto;
  }
}

/* ==========================================================================
    ドクターの働く環境、働き方
========================================================================== */
.ecChooseForDoctorPage .workingStyle {
  margin: 140px auto 0;
}
.ecChooseForDoctorPage .workingStyle .imgBox {
  display: block;
}
.ecChooseForDoctorPage .workingStyle .imgBox figcaption {
  margin-top: 10px;
  text-align: center;
  font-size: 14px;
  line-height: 1.6;
  background: none;
  color: #000000;
  width: 100%;
}
.ecChooseForDoctorPage .workingInnerSec {
  width: min(100% - 40px, 1100px);
  margin: 50px auto 0;
}
.ecChooseForDoctorPage .workingInnerSec .borderSecTitle {
  margin-bottom: 24px;
}
.ecChooseForDoctorPage .workingInnerSec1 {
  display: grid;
  grid-template-columns: minmax(auto, 380px) 1fr minmax(auto, 380px);
  gap: 0 30px;
}
.ecChooseForDoctorPage .workingInnerSec1 .borderSecTitle {
  grid-column: 1/4;
}
.ecChooseForDoctorPage .workingInnerSec1 .phBox1 {
  grid-column: 1;
}
.ecChooseForDoctorPage .workingInnerSec1 .textBox1 {
  grid-column: 2/4;
}
.ecChooseForDoctorPage .workingInnerSec1 .textBox2 {
  grid-column: 1/3;
  margin-top: 34px;
}
.ecChooseForDoctorPage .workingInnerSec1 .phBox2 {
  grid-column: 3;
  margin-top: 34px;
}
.ecChooseForDoctorPage .workingInnerSec1 .textBox p + p {
  margin-top: 1.5em;
}
.ecChooseForDoctorPage .workingInnerSec2 {
  display: grid;
  grid-template-columns: minmax(auto, 380px) 1fr minmax(auto, 380px);
  gap: 0 30px;
}
.ecChooseForDoctorPage .workingInnerSec2 .borderSecTitle {
  grid-column: 1/4;
}
.ecChooseForDoctorPage .workingInnerSec2 .phBox {
  grid-column: 1;
}
.ecChooseForDoctorPage .workingInnerSec2 .textBox {
  grid-column: 2/4;
}
.ecChooseForDoctorPage .workingInnerSec3, .ecChooseForDoctorPage .workingInnerSec4 {
  margin-top: 40px;
}
.ecChooseForDoctorPage .workingInnerSec3 .borderSecTitle, .ecChooseForDoctorPage .workingInnerSec4 .borderSecTitle {
  margin-bottom: 14px;
}
.ecChooseForDoctorPage .moreBtn {
  margin: 30px auto 0;
}

/* ==========================================================================
    ドクター（医師）におすすめのウェア
========================================================================== */
.ecChooseForDoctorPage .recommended {
  margin-top: 140px;
  padding: 140px 0 190px !important;
  background: #FAFAFA;
}
.ecChooseForDoctorPage .recommended .secTitle {
  margin-bottom: 60px;
}
.ecChooseForDoctorPage .recommended .hideBox {
  margin-top: 100px;
}
.ecChooseForDoctorPage .recommended .hideSlide {
  opacity: 0;
}
.ecChooseForDoctorPage .recommended .moreBtn {
  margin: 36px auto 0;
}

/* ==========================================================================
    ドクターにおすすめのブランド
========================================================================== */
.ecChooseForDoctorPage .recommendBrand {
  margin: 160px auto 0;
}
.ecChooseForDoctorPage .recommendBrand .tagListFLab a {
  padding-inline: 16px;
}
.ecChooseForDoctorPage .recommendBrand .hideBox {
  grid-column: 1/3;
}
.ecChooseForDoctorPage .recommendBrand .hideBox .recommendRow {
  margin-top: 70px;
}
.ecChooseForDoctorPage .recommendBrand .moreBtn {
  margin: 77px auto 0;
}

/* ==========================================================================
    ドクターのおすすめコーディネート
========================================================================== */
.ecChooseForDoctorPage .coordination {
  margin: 200px auto 0;
  width: min(100% - 40px, 1100px);
}
.ecChooseForDoctorPage .coordination .readTitle {
  margin-bottom: 80px;
}
.ecChooseForDoctorPage .coordination .readText {
  margin-top: 30px;
  text-align: center;
}
.ecChooseForDoctorPage .coordination .coordinationSec {
  display: grid;
  grid-template-rows: minmax(auto, 580px) minmax(auto, 470px);
  grid-template-rows: auto 1fr auto;
  gap: 0 clamp(25px, -32.8313253012px + 7.5301204819vw, 50px);
  padding-bottom: 70px !important;
  border-bottom: 1px solid #94969F;
}
.ecChooseForDoctorPage .coordination .coordinationSec .borderSecTitle {
  grid-column: 1;
  grid-row: 1;
  align-self: start;
}
.ecChooseForDoctorPage .coordination .coordinationSec .textBox {
  grid-column: 1;
  grid-row: 2;
  margin-top: 14px;
}
.ecChooseForDoctorPage .coordination .coordinationSec .textBox p + p {
  margin-top: 1.5em;
}
.ecChooseForDoctorPage .coordination .coordinationSec .imgBox {
  grid-column: 2;
  grid-row: 1/3;
}
.ecChooseForDoctorPage .coordination .coordinationSec .itemList {
  grid-column: 1/3;
  grid-row: 3;
  margin-top: 30px;
  display: flex;
  flex-flow: row wrap;
  gap: 30px 72px;
}
.ecChooseForDoctorPage .coordination .coordinationSec + .coordinationSec {
  margin-top: 60px;
}
.ecChooseForDoctorPage .coordination .hideBox2 {
  margin-top: 60px;
  max-height: 122px;
  overflow: hidden;
  transition: max-height 0.4s ease;
}
.ecChooseForDoctorPage .coordination .hideBox2.expanded {
  max-height: none;
}
.ecChooseForDoctorPage .coordination .coordinationSec5 {
  padding-bottom: 0 !important;
  border-bottom: none;
}
.ecChooseForDoctorPage .coordination .coordinationSec5 .imgBox figcaption {
  text-align: center;
  margin-top: 10px;
  font-size: 14px;
}
.ecChooseForDoctorPage .coordination .coordinationSec5 .squareBtnLink {
  max-width: 389px;
  margin-top: 14px;
}
.ecChooseForDoctorPage .coordination .moreBtn {
  margin-top: 40px;
}

/* ==========================================================================
    ドクターのスクラブやドクターコートは特にここをチェック！
========================================================================== */
.ecChooseForDoctorPage .checkHere {
  margin-top: 160px;
  padding: 140px 0 !important;
  background: #FAFAFA;
}
.ecChooseForDoctorPage .checkHere .hideBox {
  margin-top: 80px;
}
.ecChooseForDoctorPage .checkHere .moreBtn {
  margin-top: 30px;
}

/* ==========================================================================
    ドクターのカラー豆知識｜医療現場で「色」があたえる印象
========================================================================== */
.ecChooseForDoctorPage .colorTips {
  margin-top: 160px;
}
.ecChooseForDoctorPage .colorTips .hideBox {
  padding-bottom: 40px;
}
.ecChooseForDoctorPage .colorTips .moreBtn {
  margin-top: 0;
}

/* ==========================================================================
    国境なき医師団
========================================================================== */
.ecChooseForDoctorPage .msf {
  margin-top: 160px;
  padding: 140px 0 !important;
  background: #FAFAFA;
}
.ecChooseForDoctorPage .msf .secTitle {
  margin-bottom: 46px;
}
.ecChooseForDoctorPage .msf .img {
  max-width: 880px;
  margin-inline: auto;
}
.ecChooseForDoctorPage .msf .description {
  margin: 30px auto 0;
  width: min(100% - 40px, 1100px);
}
.ecChooseForDoctorPage .msf .squareBtnLink {
  max-width: 404px;
  margin: 46px auto 0;
}

/* ==========================================================================
    ドクターのユニフォーム導入事例
========================================================================== */
.ecChooseForDoctorPage .case {
  margin: 160px auto 0;
  width: min(100% - 40px, 1100px);
}
.ecChooseForDoctorPage .case .readTitle {
  max-width: 900px;
  margin-inline: auto;
  margin-bottom: 80px;
}
.ecChooseForDoctorPage .case .readText {
  margin-top: 30px;
}
.ecChooseForDoctorPage .case .slideWall {
  max-width: none;
  overflow: visible;
}
.ecChooseForDoctorPage .case .slideWall .swiper-button-prev, .ecChooseForDoctorPage .case .slideWall .swiper-button-next {
  width: 20px;
  height: 36px;
}
.ecChooseForDoctorPage .case .slideWall .swiper-button-prev {
  left: -40px;
}
.ecChooseForDoctorPage .case .slideWall .swiper-button-next {
  right: -40px;
}
@media (max-width: 1250px) {
  .ecChooseForDoctorPage .case .slideWall .swiper-button-prev {
    left: 5px;
  }
  .ecChooseForDoctorPage .case .slideWall .swiper-button-next {
    right: 5px;
  }
}
.ecChooseForDoctorPage .case .slideWall .swiper {
  overflow: visible;
  max-width: none;
}
.ecChooseForDoctorPage .case .slideWall .swiper .swiper-slide {
  height: auto;
}
.ecChooseForDoctorPage .case .caseBox {
  height: 100%;
  display: grid;
  grid-template-columns: 300px 1fr;
  grid-template-rows: auto auto 1fr;
  gap: 0 49px;
  background: #FAFAFA;
  padding: 46px 40px 30px;
}
.ecChooseForDoctorPage .case .caseBox .borderSecTitle {
  grid-column: 1/3;
  grid-row: 1;
  margin-bottom: 40px;
}
.ecChooseForDoctorPage .case .caseBox .img {
  grid-column: 1;
  grid-row: 2;
}
.ecChooseForDoctorPage .case .caseBox .textBox {
  grid-column: 2;
  grid-row: 2;
}
.ecChooseForDoctorPage .case .caseBox .linkText {
  grid-column: 1/3;
  grid-row: 3;
  margin-top: 28px;
}
.ecChooseForDoctorPage .case .caseBox .linkText a {
  text-decoration: underline;
}

/* ==========================================================================
    FOLKの特徴
========================================================================== */
.ecChooseForDoctorPage .features {
  margin: 220px auto 0;
}

@media only screen and (max-width: 767px) {
  /* ==========================================================================
      固定ページリンク
  ========================================================================== */
  .ecChooseForDoctorPage .pageScrollFixedLink {
    display: none !important;
  }
  /* ==========================================================================
      看護師のスクラブ・メディカルウェアの選び方
  ========================================================================== */
  .container:has(.ecChooseForDoctorPage) {
    width: 100%;
  }
  .ecChooseForDoctorPage {
    padding: 5.1282051282vw 0 15.3846153846vw;
  }
  .ecChooseForDoctorPage img {
    width: 100%;
  }
  .ecChooseForDoctorPage .moreBtn {
    font-size: 4.1025641026vw;
  }
  /* ==========================================================================
      pageScrollLinkToc
  ========================================================================== */
  .ecChooseForDoctorPage .pageScrollLinkToc li:nth-child(1) {
    width: auto;
  }
  .ecChooseForDoctorPage .pageScrollLinkToc li:nth-child(2) {
    flex: 0 1 38.4615384615vw;
  }
  .ecChooseForDoctorPage .pageScrollLinkToc li:nth-child(3) {
    flex: 0 1 38.4615384615vw;
  }
  /* ==========================================================================
      ドクターの働く環境、働き方
  ========================================================================== */
  .ecChooseForDoctorPage .workingStyle {
    margin: 25.641025641vw auto 0;
  }
  .ecChooseForDoctorPage .workingStyle .imgBox {
    display: grid;
  }
  .ecChooseForDoctorPage .workingStyle .imgBox figcaption {
    margin-top: 0;
    text-align: center;
    font-size: 2.5641025641vw;
    background: rgba(3, 3, 3, 0.4);
    color: #fff;
    width: auto;
  }
  .ecChooseForDoctorPage .workingInnerSec {
    width: 84.6153846154vw;
    margin: 6.4102564103vw auto 0;
  }
  .ecChooseForDoctorPage .workingInnerSec .borderSecTitle {
    margin-bottom: 6.1538461538vw;
  }
  .ecChooseForDoctorPage .workingInnerSec1 {
    display: grid;
    grid-template-columns: 100%;
    gap: 0;
  }
  .ecChooseForDoctorPage .workingInnerSec1 .borderSecTitle {
    grid-column: 1;
  }
  .ecChooseForDoctorPage .workingInnerSec1 .phBox1 {
    grid-column: 1;
  }
  .ecChooseForDoctorPage .workingInnerSec1 .textBox1 {
    grid-column: 1;
    margin-top: 5.1282051282vw;
  }
  .ecChooseForDoctorPage .workingInnerSec1 .textBox2 {
    grid-column: 1;
    margin-top: 5.1282051282vw;
  }
  .ecChooseForDoctorPage .workingInnerSec1 .phBox2 {
    grid-column: 1;
    margin-top: 5.1282051282vw;
  }
  .ecChooseForDoctorPage .workingInnerSec1 .textBox p + p {
    margin-top: 1.5em;
  }
  .ecChooseForDoctorPage .workingInnerSec2 {
    margin-top: 7.6923076923vw;
    grid-template-columns: 100%;
    gap: 0;
  }
  .ecChooseForDoctorPage .workingInnerSec2 .borderSecTitle {
    grid-column: 1;
  }
  .ecChooseForDoctorPage .workingInnerSec2 .phBox {
    grid-column: 1;
  }
  .ecChooseForDoctorPage .workingInnerSec2 .textBox {
    grid-column: 1;
    margin-top: 5.1282051282vw;
  }
  .ecChooseForDoctorPage .workingInnerSec3, .ecChooseForDoctorPage .workingInnerSec4 {
    margin-top: 10.2564102564vw;
  }
  .ecChooseForDoctorPage .workingInnerSec3 .borderSecTitle, .ecChooseForDoctorPage .workingInnerSec4 .borderSecTitle {
    margin-bottom: 3.5897435897vw;
  }
  .ecChooseForDoctorPage .moreBtn {
    margin: 5.3846153846vw auto 0;
  }
  /* ==========================================================================
      ドクター（医師）におすすめのウェア
  ========================================================================== */
  .ecChooseForDoctorPage .recommended {
    margin-top: 20.5128205128vw;
    padding: 25.641025641vw 0 20.5128205128vw !important;
    background: #FAFAFA;
  }
  .ecChooseForDoctorPage .recommended .secTitle {
    margin-bottom: 12.8205128205vw;
  }
  .ecChooseForDoctorPage .recommended .hideBox {
    margin-top: 12.8205128205vw;
  }
  .ecChooseForDoctorPage .recommended .moreBtn {
    margin: 10.2564102564vw auto 0;
  }
  /* ==========================================================================
      ドクターにおすすめのブランド
  ========================================================================== */
  .ecChooseForDoctorPage .recommendBrand {
    margin: 25.641025641vw auto 0;
  }
  .ecChooseForDoctorPage .recommendBrand .tagListFLab a {
    padding-inline: 4.1025641026vw;
  }
  .ecChooseForDoctorPage .recommendBrand .hideBox {
    grid-column: 1;
  }
  .ecChooseForDoctorPage .recommendBrand .hideBox .recommendRow {
    margin-top: 10.2564102564vw;
  }
  .ecChooseForDoctorPage .recommendBrand .moreBtn {
    margin: 10.2564102564vw auto 0;
  }
  /* ==========================================================================
      ドクターのおすすめコーディネート
  ========================================================================== */
  .ecChooseForDoctorPage .coordination {
    margin: 41.0256410256vw auto 0;
    width: 84.6153846154vw;
  }
  .ecChooseForDoctorPage .coordination .readTitle {
    margin-bottom: 20.5128205128vw;
  }
  .ecChooseForDoctorPage .coordination .readText {
    margin-top: 7.6923076923vw;
  }
  .ecChooseForDoctorPage .coordination .coordinationSec {
    display: grid;
    grid-template-rows: 100%;
    grid-template-rows: auto auto auto 1fr;
    gap: 0;
    padding-bottom: 17.9487179487vw !important;
    border-bottom: 0.2564102564vw solid #94969F;
  }
  .ecChooseForDoctorPage .coordination .coordinationSec .borderSecTitle {
    grid-column: 1;
    grid-row: 1;
  }
  .ecChooseForDoctorPage .coordination .coordinationSec .textBox {
    grid-column: 1;
    grid-row: 2;
    margin-top: 3.5897435897vw;
  }
  .ecChooseForDoctorPage .coordination .coordinationSec .imgBox {
    grid-column: 1;
    grid-row: 3;
    margin-top: 3.5897435897vw;
  }
  .ecChooseForDoctorPage .coordination .coordinationSec .itemList {
    grid-column: 1;
    grid-row: 4;
    justify-content: center;
    margin: 7.6923076923vw auto 0;
    width: 77.4358974359vw;
    gap: 5.1282051282vw 14.1025641026vw;
  }
  .ecChooseForDoctorPage .coordination .coordinationSec + .coordinationSec {
    margin-top: 15.3846153846vw;
  }
  .ecChooseForDoctorPage .coordination .hideBox2 {
    margin-top: 15.3846153846vw;
    max-height: 84.6153846154vw;
  }
  .ecChooseForDoctorPage .coordination .hideBox2.expanded {
    max-height: none;
  }
  .ecChooseForDoctorPage .coordination .coordinationSec5 {
    padding-bottom: 0 !important;
    border-bottom: none;
  }
  .ecChooseForDoctorPage .coordination .coordinationSec5 .imgBox figcaption {
    margin-top: 2.5641025641vw;
    font-size: 3.5897435897vw;
  }
  .ecChooseForDoctorPage .coordination .coordinationSec5 .squareBtnLink {
    max-width: none;
    margin-top: 3.5897435897vw;
    text-align: center;
    justify-content: space-between;
    min-height: 12.8205128205vw;
    padding-inline: 5.1282051282vw;
    line-height: 1.21;
  }
  .ecChooseForDoctorPage .coordination .coordinationSec5 .squareBtnLink::before {
    content: "";
    width: 1.7948717949vw;
    height: 2.8205128205vw;
    margin-left: 3.3333333333vw;
  }
  .ecChooseForDoctorPage .coordination .moreBtn {
    margin-top: 10.2564102564vw;
  }
  /* ==========================================================================
      ドクターのスクラブやドクターコートは特にここをチェック！
  ========================================================================== */
  .ecChooseForDoctorPage .checkHere {
    margin-top: 14.8717948718vw;
    padding: 25.641025641vw 0 20.5128205128vw !important;
  }
  .ecChooseForDoctorPage .checkHere .hideBox {
    margin-top: 20.5128205128vw;
  }
  .ecChooseForDoctorPage .checkHere .moreBtn {
    margin-top: 10.2564102564vw;
  }
  /* ==========================================================================
      ドクターのカラー豆知識｜医療現場で「色」があたえる印象
  ========================================================================== */
  .ecChooseForDoctorPage .colorTips {
    margin-top: 25.641025641vw;
  }
  .ecChooseForDoctorPage .colorTips .hideBox {
    padding-bottom: 0;
  }
  .ecChooseForDoctorPage .colorTips .moreBtn {
    margin-top: 12.8205128205vw;
  }
  /* ==========================================================================
      国境なき医師団
  ========================================================================== */
  .ecChooseForDoctorPage .msf {
    margin-top: 31.5384615385vw;
    padding: 15.3846153846vw 0 !important;
  }
  .ecChooseForDoctorPage .msf .secTitle {
    margin-bottom: 11.7948717949vw;
  }
  .ecChooseForDoctorPage .msf .img {
    max-width: 84.6153846154vw;
    margin-inline: auto;
  }
  .ecChooseForDoctorPage .msf .description {
    margin: 7.6923076923vw auto 0;
    width: 84.6153846154vw;
  }
  .ecChooseForDoctorPage .msf .squareBtnLink {
    max-width: 84.6153846154vw;
    margin-top: 11.7948717949vw;
    text-align: center;
    justify-content: space-between;
    min-height: 12.8205128205vw;
    padding-inline: 6.4102564103vw;
    line-height: 1.21;
  }
  .ecChooseForDoctorPage .msf .squareBtnLink::before {
    content: "";
    width: 1.7948717949vw;
    height: 2.8205128205vw;
    margin-left: 3.3333333333vw;
  }
  /* ==========================================================================
      ドクターのユニフォーム導入事例
  ========================================================================== */
  .ecChooseForDoctorPage .case {
    margin: 15.3846153846vw auto 0;
    width: 84.6153846154vw;
  }
  .ecChooseForDoctorPage .case .readTitle {
    max-width: none;
    margin-bottom: 5.1282051282vw;
  }
  .ecChooseForDoctorPage .case .readText {
    margin-top: 5.1282051282vw;
  }
  .ecChooseForDoctorPage .case .slideWall {
    max-width: none;
    overflow: visible;
  }
  .ecChooseForDoctorPage .case .slideWall .swiper-button-prev, .ecChooseForDoctorPage .case .slideWall .swiper-button-next {
    width: 5.1282051282vw;
    height: 9.2307692308vw;
    margin-top: 0;
    top: 50%;
    translate: 0 -50%;
  }
  .ecChooseForDoctorPage .case .slideWall .swiper-button-prev {
    left: -6.4102564103vw;
  }
  .ecChooseForDoctorPage .case .slideWall .swiper-button-next {
    right: -6.4102564103vw;
  }
  .ecChooseForDoctorPage .case .slideWall .swiper {
    overflow: hidden;
    max-width: none;
  }
  .ecChooseForDoctorPage .case .caseBox {
    height: auto;
    grid-template-columns: 100%;
    grid-template-rows: auto auto auto 1fr;
    gap: 0;
    padding: 7.6923076923vw 5.1282051282vw;
  }
  .ecChooseForDoctorPage .case .caseBox .borderSecTitle {
    grid-column: 1;
    grid-row: 1;
    margin-bottom: 5.1282051282vw;
  }
  .ecChooseForDoctorPage .case .caseBox .img {
    grid-column: 1;
    grid-row: 2;
    margin-bottom: 5.1282051282vw;
  }
  .ecChooseForDoctorPage .case .caseBox .textBox {
    grid-column: 1;
    grid-row: 3;
  }
  .ecChooseForDoctorPage .case .caseBox .linkText {
    grid-column: 1;
    grid-row: 4;
    margin-top: 5.1282051282vw;
  }
  /* ==========================================================================
      FOLKの特徴
  ========================================================================== */
  .ecChooseForDoctorPage .features {
    margin: 25.641025641vw auto 0;
  }
}/*# sourceMappingURL=map/page_style.css.map */