@charset "UTF-8";
/*
	@include sc(pc) {
		width: 100%;
	}
	@include sc(sp) {
		width: 50%;
	}
*/
/*
	@include sc(pc) {
		width: 100%;
	}
	@include sc(sp) {
		width: 50%;
	}
*/
/*
	$size:object-fitの値

	@include objectfit();
	@include objectfit('contain');
*/
/*
	@include hover() {
		opacity: 0.6;
	}
*/
/*
	$line:イラレの行の値
	$size:イラレの文字の値

	@include lh(38, 15);
*/
/*
	@include taJ();
*/
/*
	@extend %rightarr;
*/
/*
	$weight:フォントの太さ
	@include f_hiragino(300); ※ W3
	@include f_hiragino(600); ※ W6
*/
/*
	$weight:フォントの太さ
	@include f_din(600);
*/
/*
	$weight:フォントの太さ

	@include f_en(300); ※ Light
	@include f_en(400); ※ Regular
	@include f_en(700); ※ Bold
*/
/*
	$weight:フォントの太さ

	@include f_min(400); ※ L
	@include f_min(500); ※ M
	@include f_min(600); ※ B
*/
/*
@mixin f_min($weight:400) {
	font-family: dnp-shuei-mincho-pr6n, sans-serif;
	font-weight:$weight;
}
	*/
/* page_visual */
@media print, screen and (min-width: 769px) {
  .page_visual {
    height: calc(100vh - 4.375rem);
  }
}
@media screen and (max-width: 768px) {
  .page_visual {
    height: 136vw;
  }
}
.page_visual .page_title {
  position: absolute;
  display: -ms-grid;
  display: grid;
  place-items: center;
  left: 0;
  right: 0;
  top: 50%;
  bottom: 50%;
  width: auto;
  height: auto;
  justify-items: center;
  row-gap: 2.5rem;
}
.page_visual .page_title .title {
  font-size: 1.625rem;
  width: 20.25rem;
  height: 2.5rem;
  border: none;
  border-radius: 9999px;
  line-height: 1;
}
.page_visual .page_title::before {
  content: "";
  background: url(/assets/img/medical-clerk/mv_catchphrase.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media print, screen and (min-width: 769px) {
  .page_visual .page_title::before {
    width: 46.25rem;
    height: 9.0625rem;
  }
}
@media screen and (max-width: 768px) {
  .page_visual .page_title::before {
    width: 23.125rem;
    height: 4.53125rem;
  }
}

@media print, screen and (min-width: 769px) {
  .sec_menu .content_block {
    padding: 5.3125rem 3.125rem 4.6875rem;
  }
}
@media screen and (max-width: 768px) {
  .sec_menu .content_block {
    padding: 4.6875rem 1.5625rem 3.125rem;
  }
}
.sec_menu .content_block .menu_box .list {
  display: -ms-grid;
  display: grid;
  gap: 1.25rem;
}
@media print, screen and (min-width: 769px) {
  .sec_menu .content_block .menu_box .list {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .sec_menu .content_block .menu_box .list {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
.sec_menu .content_block .menu_box .list .item .btn {
  position: relative;
  display: -ms-grid;
  display: grid;
  place-items: center;
  font-size: 1.125rem;
  font-weight: bold;
  text-align: center;
  color: var(--theme-color);
  background-color: #FFFFFF;
  border: 4px solid var(--theme-color);
  border-radius: 0.625rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.sec_menu .content_block .menu_box .list .item .btn.current {
  color: #FFFFFF;
  background-color: var(--theme-color);
  pointer-events: none;
  cursor: default;
  opacity: 0.5;
}
.sec_menu .content_block .menu_box .list .item .btn:hover {
  background-color: var(--bg-color);
}

/* sec_concept */
.sec_concept {
  position: relative;
}
@media print, screen and (min-width: 769px) {
  .sec_concept {
    padding-top: 4.375rem;
  }
}
@media screen and (max-width: 768px) {
  .sec_concept {
    padding-top: 2.5rem;
  }
}
.sec_concept .inner {
  max-width: 75rem;
}
.sec_concept .content_block {
  position: relative;
}
.sec_concept .content_block .content_box .text_box .lead {
  font-size: 1.875rem;
  font-weight: bold;
  text-align: center;
  color: var(--theme-color);
}
.sec_concept .content_block .content_box .text_box .text {
  font-size: 1.125rem;
  font-weight: bold;
  text-align: center;
  margin-top: 1.875rem;
}
.sec_concept .content_block .content_box .image_box {
  max-width: 56.25rem;
  display: -ms-grid;
  display: grid;
  place-items: center;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  margin: 3.75rem auto 0;
}

/* sec_about */
.sec_about {
  position: relative;
  background-color: var(--bg-color);
}
@media print, screen and (min-width: 769px) {
  .sec_about {
    padding-top: 5.625rem;
    padding-bottom: 8.75rem;
  }
}
@media screen and (max-width: 768px) {
  .sec_about {
    padding-top: 5.625rem;
    padding-bottom: 8.75rem;
  }
}
.sec_about .content_block {
  position: relative;
  display: -ms-grid;
  display: grid;
  place-items: center;
  max-width: 800px;
  row-gap: 2.5rem;
  margin: 4.375rem auto 0;
}
.sec_about .content_block .content_box {
  display: -ms-grid;
  display: grid;
}
@media print, screen and (min-width: 769px) {
  .sec_about .content_block .content_box {
    -ms-grid-columns: 1fr 2.5rem 1.3125fr;
    grid-template-columns: 1fr 1.3125fr;
    -webkit-column-gap: 2.5rem;
       -moz-column-gap: 2.5rem;
            column-gap: 2.5rem;
  }
}
@media screen and (max-width: 768px) {
  .sec_about .content_block .content_box {
    max-width: 450px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    row-gap: 1rem;
  }
}
.sec_about .content_block .content_box .text_box .lead {
  font-size: 1.5rem;
  font-weight: bold;
  color: var(--theme-color);
}
.sec_about .content_block .content_box .text_box .text {
  font-size: 1rem;
  font-weight: normal;
}
/* sec_support */
.sec_support {
  position: relative;
}
@media print, screen and (min-width: 769px) {
  .sec_support {
    padding-top: 5.625rem;
    padding-bottom: 8.75rem;
  }
}
@media screen and (max-width: 768px) {
  .sec_support {
    padding-top: 5.625rem;
    padding-bottom: 8.75rem;
  }
}
.sec_support .content_block {
  position: relative;
  display: -ms-grid;
  display: grid;
  place-items: center;
  margin: 4.375rem auto 0;
  row-gap: 2.5rem;
}
@media print, screen and (min-width: 769px) {
  .sec_support .content_block {
    max-width: 700px;
  }
}
@media screen and (max-width: 768px) {
  .sec_support .content_block {
    max-width: 450px;
  }
}
.sec_support .content_block .content_box {
  position: relative;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
@media print, screen and (min-width: 769px) {
  .sec_support .content_block .content_box {
    -ms-grid-columns: 12.5rem 3.125rem 1fr;
    grid-template-columns: 12.5rem 1fr;
    gap: 3.125rem;
  }
}
@media screen and (max-width: 768px) {
  .sec_support .content_block .content_box {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.sec_support .content_block .content_box .image_box {
  position: relative;
  border-radius: 9999px;
  margin: auto;
  border: 0.25rem solid #d46fe3;
  background: #fff;
  width: 12.5rem;
  height: 12.5rem;
}
.sec_support .content_block .content_box .image_box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  border-radius: 9999px;
}
@media print, screen and (min-width: 769px) {
  .sec_support .content_block .content_box .image_box::after {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 0.75rem solid transparent;
    border-right: 0.75rem solid transparent;
    border-top: 1rem solid #A6A6A6;
    bottom: -1.875rem;
  }
}
.sec_support .content_block .content_box .text_box {
  position: relative;
  background: transparent;
}
.sec_support .content_block .content_box .text_box .step {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 0.03em;
  color: #fff;
  background: #c35fcb;
  border-radius: 10px;
  padding: 0.375rem 0.875rem;
  margin-bottom: 0.625rem;
}
.sec_support .content_block .content_box .text_box .lead {
  font-size: 1.375rem;
  font-weight: bold;
  color: var(--theme-color);
}
.sec_support .content_block .content_box .text_box .text {
  font-size: 1.125rem;
  font-weight: normal;
}
@media print, screen and (min-width: 769px) {
  .sec_support .content_block .content_box:last-child .image_box::after {
    display: none;
  }
}

/* sec_interview */
.sec_interview {
  background-color: var(--bg-color);
  position: relative;
}
@media print, screen and (min-width: 769px) {
  .sec_interview {
    padding-top: 5.625rem;
    padding-bottom: 8.75rem;
  }
}
@media screen and (max-width: 768px) {
  .sec_interview {
    padding-top: 5.625rem;
    padding-bottom: 8.75rem;
  }
}
.sec_interview .content_block {
  margin-top: 5rem;
}
.sec_interview .content_block .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2.5rem;
}
.sec_interview .content_block .list .item figure {
  background-color: var(--theme-color);
  border-radius: 50%;
  position: relative;
  width: 100%;
  z-index: 2;
}
@media print, screen and (min-width: 769px) {
  .sec_interview .content_block .list .item figure {
    max-width: 275px;
  }
}
@media screen and (max-width: 768px) {
  .sec_interview .content_block .list .item figure {
    max-width: 150px;
  }
}
.sec_interview .content_block .list .item figure img {
  border-radius: 50%;
  -webkit-transform: all 0.3s;
          transform: all 0.3s;
}
.sec_interview .content_block .list .item figure img.normal {
  -webkit-transition: opacity 0s ease;
  transition: opacity 0s ease;
  z-index: 1;
}
.sec_interview .content_block .list .item figure img.smile {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
  z-index: 0;
}
.sec_interview .content_block .list .item figure:hover img.normal {
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
  opacity: 0;
}
.sec_interview .content_block .list .item figure:hover img.smile {
  -webkit-transition: 0s ease;
  transition: 0s ease;
  opacity: 1;
}
.sec_interview .content_block .list .item .job {
  width: 9.375rem;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  border-radius: 9999px;
  color: #FFFFFF;
  padding: 0.25em;
  margin: 1.25rem auto 0;
}
.sec_interview .content_block .list .item .job.newgraduate {
  background-color: #00B3B3;
}
.sec_interview .content_block .list .item .job.career {
  background-color: #FFB00A;
}
.sec_interview .content_block .list .item .name {
  font-size: 1.25rem;
  font-weight: bold;
  text-align: center;
  margin-top: 0.4em;
}
.sec_interview .content_block .list .item .name .year {
  font-size: 1rem;
  margin-right: 0.4em;
}

/* sec_requirements */
.sec_requirements {
  background-color: #FFFFFF;
}
@media print, screen and (min-width: 769px) {
  .sec_requirements {
    padding-top: 5.625rem;
    padding-bottom: 8.75rem;
  }
}
@media screen and (max-width: 768px) {
  .sec_requirements {
    padding-top: 5.625rem;
    padding-bottom: 8.75rem;
  }
}
@media screen and (max-width: 768px) {
  .sec_requirements .inner {
    max-width: 37.5rem;
  }
}
.sec_requirements .content_block {
  margin-top: 4.375rem;
}
.sec_requirements .content_block.description .text_box .text {
  font-size: 1.25rem;
  font-weight: bold;
  text-align: center;
}
.sec_requirements .content_block.description .list {
  display: -ms-grid;
  display: grid;
  row-gap: 0.9375rem;
  margin-top: 3.125rem;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
.sec_requirements .content_block.description .list .group {
  display: -ms-grid;
  display: grid;
  row-gap: 0.9375rem;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  border-bottom: 1px solid #A7A7A7;
  padding: 0.9375rem 0.9375rem 1.25rem;
}
.sec_requirements .content_block.description .list .group .term {
  font-weight: bold;
  text-align: center;
  width: 8.75rem;
  height: 2.1875rem;
  border-radius: 9999px;
  color: #FFFFFF;
  background-color: var(--theme-color);
  padding: 0.3125rem;
}
.sec_requirements .content_block.description .list .group .definition .horizontal li {
  display: inline-block;
}
.sec_requirements .content_block.description .list .group .definition .horizontal li:not(:last-child)::after {
  content: "／";
}
.sec_requirements .content_block.description .list .group .definition .external {
  color: #386382;
  font-weight: bold;
  text-decoration: underline;
}
.sec_requirements .content_block.description .list .group .definition dl {
  margin-bottom: 1.25rem;
}
.sec_requirements .content_block.description .list .group .definition dl dt {
  font-weight: bold;
  margin-bottom: 0.625rem;
}
.sec_requirements .content_block.description .list .group .definition dl dt .title::before {
  content: "【";
}
.sec_requirements .content_block.description .list .group .definition dl dt .title::after {
  content: "】";
}
.sec_requirements .content_block.description .list .group .definition dl dd {
  text-indent: 0.625rem;
  margin-bottom: 0.3125rem;
}
.sec_requirements .content_block.description .list .group .definition .note {
  display: block;
  font-size: 0.875rem;
}
.sec_requirements .content_block.description .list .group .definition .job::before {
  content: "■ ";
}
.sec_requirements .content_block.process .title {
  font-weight: bold;
  text-align: center;
  width: 9.375rem;
  border-radius: 9999px;
  color: var(--theme-color);
  background-color: #FFFFFF;
  border: 2px solid var(--theme-color);
  padding: 0.3125rem;
}
.sec_requirements .content_block.process .content_box {
  margin-top: 2.5rem;
}
.sec_requirements .content_block.process .content_box .job {
  font-weight: bold;
  text-align: center;
  width: 7.5rem;
  height: 2.1875rem;
  border-radius: 9999px;
  color: #FFFFFF;
  background-color: var(--theme-color);
  padding: 0.3125rem;
}
.sec_requirements .content_block.process .content_box .flow {
  display: -ms-grid;
  display: grid;
  margin-top: 0.625rem;
}
@media print, screen and (min-width: 769px) {
  .sec_requirements .content_block.process .content_box .flow {
    -ms-grid-columns: 1fr 1.25rem 1fr 1.25rem 1fr 1.25rem 1fr 1.25rem 1fr 1.25rem 1fr;
    grid-template-columns: repeat(6, 1fr);
    -webkit-column-gap: 1.25rem;
       -moz-column-gap: 1.25rem;
            column-gap: 1.25rem;
  }
}
@media screen and (max-width: 768px) {
  .sec_requirements .content_block.process .content_box .flow {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    row-gap: 0.625rem;
  }
}
.sec_requirements .content_block.process .content_box .flow .item {
  position: relative;
  font-weight: bold;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 4px solid var(--theme-color);
  color: var(--theme-color);
  background-color: #FFFFFF;
  border-radius: 0.625rem;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
}
@media print, screen and (min-width: 769px) {
  .sec_requirements .content_block.process .content_box .flow .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .sec_requirements .content_block.process .content_box .flow .item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.sec_requirements .content_block.process .content_box .flow .item .note {
  display: block;
}
@media print, screen and (min-width: 769px) {
  .sec_requirements .content_block.process .content_box .flow .item .note {
    font-size: 72.5%;
  }
}
@media print, screen and (min-width: 769px) {
  .sec_requirements .content_block.process .content_box .flow .item::after {
    content: "";
    position: absolute;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 0;
    height: 0;
    top: 50%;
    right: -1.25rem;
    border-left: 0.625rem solid var(--theme-color);
    border-top: 0.3125rem solid transparent;
    border-bottom: 0.3125rem solid transparent;
  }
}
@media print, screen and (min-width: 769px) {
  .sec_requirements .content_block.process .content_box .flow .item:last-child::after {
    display: none;
  }
}

/* sec_qa */
.sec_qa {
  background-color: var(--bg-color);
}
@media print, screen and (min-width: 769px) {
  .sec_qa {
    padding-top: 5.625rem;
    padding-bottom: 8.75rem;
  }
}
@media screen and (max-width: 768px) {
  .sec_qa {
    padding-top: 5.625rem;
    padding-bottom: 8.75rem;
  }
}
@media screen and (max-width: 768px) {
  .sec_qa .inner {
    max-width: 37.5rem;
  }
}
.sec_qa .content_block {
  margin-top: 4.375rem;
}
.sec_qa .content_block .text_box .lead {
  font-size: 1.25rem;
  font-weight: bold;
  text-align: center;
}
.sec_qa .content_block .list {
  display: -ms-grid;
  display: grid;
  row-gap: 3.125rem;
  margin-top: 3.125rem;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
.sec_qa .content_block .list .group {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  background-color: #FFFFFF;
  border-radius: 0.625rem;
  border: 4px solid #E4A4EB;
  padding: 1.875rem 1.875rem 1.875rem;
}
.sec_qa .content_block .list .group .term::before,
.sec_qa .content_block .list .group .item::before {
  display: -ms-grid;
  display: grid;
  place-items: center;
  content: "Q";
  font-size: 1rem;
  font-weight: bold;
  width: 2.5rem;
  height: 2.5rem;
  color: #FFFFFF;
  background-color: #FF6C75;
  border-radius: 9999px;
}
.sec_qa .content_block .list .group .term {
  font-size: 1rem;
  font-weight: bold;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 2.5rem 1.25rem auto;
  grid-template-columns: 2.5rem auto;
  -webkit-column-gap: 1.25rem;
     -moz-column-gap: 1.25rem;
          column-gap: 1.25rem;
  border-bottom: 2px solid #E4A4EB;
  margin-bottom: 0.9375rem;
  padding-bottom: 0.9375rem;
}
.sec_qa .content_block .list .group .term::before {
  content: "Q";
  background-color: #C35FCB;
}
.sec_qa .content_block .list .group .item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 2.5rem 1.25rem auto;
  grid-template-columns: 2.5rem auto;
  -webkit-column-gap: 1.25rem;
     -moz-column-gap: 1.25rem;
          column-gap: 1.25rem;
}
.sec_qa .content_block .list .group .item::before {
  content: "A";
  background-color: #FFAC41;
}
.sec_qa .content_block .list .group .item .definition {
  font-size: 0.875rem;
  font-weight: normal;
}