@charset "UTF-8";
.is-pc-only {
  display: inline-block !important;
}

.is-pc-only_block {
  display: block !important;
}

.is-sp-only {
  display: none !important;
}

.is-sp-only_block {
  display: none !important;
}

@media screen and (max-width: 767px) {
  .is-pc-only {
    display: none !important;
  }
  .is-pc-only_block {
    display: none !important;
  }
  .is-sp-only {
    display: inline-block !important;
  }
  .is-sp-only_block {
    display: block !important;
  }
}
.mv {
  background: linear-gradient(to bottom, #c1f2f8 0%, #ffffff 100%);
}

.l_mv-top {
  position: relative;
}

.l_mv-top:before {
  content: "";
  display: block;
  width: 50vw;
  height: 13.6458333333vw;
  background: url("../../images/deco01.svg");
  position: absolute;
  bottom: -1px;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 1;
}

.l_mv-top:after {
  content: "";
  display: block;
  width: 50vw;
  height: 13.6458333333vw;
  background: url("../../images/deco02.svg");
  position: absolute;
  bottom: -1px;
  right: 0;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 1;
}

.l_mv_visual_container {
  margin: 0 auto;
  text-align: center;
  display: inline-block;
  position: relative;
  padding-top: var(--size-60);
  padding-bottom: var(--size-60);
}

.l_mv_visual_container:before {
  content: "";
  display: block;
  width: 495px;
  height: 429px;
  background: url("../../images/hero_illust01.png");
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: -20px;
  left: -460px;
}

@media screen and (max-width: 767px) {
  .l_mv_visual_container:before {
    width: 57.0512820513vw;
    height: 48.5897435897vw;
    bottom: 2.5641025641vw;
    left: -43.5897435897vw;
  }
}
.l_mv_visual_container:after {
  content: "";
  display: block;
  width: 495px;
  height: 429px;
  background: url("../../images/hero_illust02.png");
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: -20px;
  left: 400px;
}

@media screen and (max-width: 767px) {
  .l_mv_visual_container:after {
    width: 57.0512820513vw;
    height: 48.5897435897vw;
    bottom: 2.5641025641vw;
    left: 51.2820512821vw;
  }
}
.l_mv_visual_container .c_mv-logo {
  width: 414px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .l_mv_visual_container .c_mv-logo {
    width: 61.5384615385vw;
  }
}
.l_mv_visual_container .c_mv-text {
  width: 403px;
  margin: var(--size-30) auto 0;
}

@media screen and (max-width: 767px) {
  .l_mv_visual_container .c_mv-text {
    width: 61.5384615385vw;
    z-index: 1;
    position: relative;
  }
}
.l_mv-bottom {
  background: #C4F1F7;
  position: relative;
  z-index: 1;
  padding-top: var(--size-50);
  padding-bottom: 63px;
}

.l_mv-bottom:after {
  content: "";
  display: block;
  width: 100%;
  height: 222px;
  background: url("../../images/hero_bg.svg");
  position: absolute;
  background-repeat: repeat-x;
  background-size: 1920px;
  background-position: bottom center;
  bottom: 0;
}

.l_mv-bottom .c_mv-lead {
  font-size: 1.8rem;
  line-height: 1.7777777778;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .l_mv-bottom .c_mv-lead {
    font-size: 4.1025641026vw;
  }
}
.l_mv-bottom .l_mv_bnr {
  display: flex;
  justify-content: center;
  margin-top: var(--size-45);
  position: relative;
  z-index: 1;
}

.l_mv-bottom .c_mv_btn + .c_mv_btn {
  margin-left: var(--size-30);
}

.l_mv-bottom .c_mv_btn {
  background: #FFE474;
  border-radius: var(--size-20);
  width: 362px;
  height: 142px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .l_mv-bottom .c_mv_btn {
    width: 46.4102564103vw;
    height: 18.2051282051vw;
  }
}
.l_mv-bottom .c_mv_btn .c_text {
  font-size: 3.2rem;
  color: #47B9C9;
  font-weight: 800;
  line-height: 1.71875;
}

@media screen and (max-width: 767px) {
  .l_mv-bottom .c_mv_btn .c_text {
    font-size: 4.1025641026vw;
  }
}
.l_mv-bottom .c_mv_btn:after {
  content: "";
  display: block;
  width: 94px;
  height: 95px;
  background: url("../../images/hero_illust03.png");
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: -47.5px;
  transform: translate(-50%, -50%);
  left: 50%;
}

@media screen and (max-width: 767px) {
  .l_mv-bottom .c_mv_btn:after {
    width: 12.0512820513vw;
    height: 12.1794871795vw;
    bottom: -6.1538461538vw;
  }
}
.l_mv-bottom .c_mv_btn._type02:after {
  width: 210px;
  height: 95px;
  background: url("../../images/hero_illust04.png");
  background-repeat: no-repeat;
  background-size: contain;
  bottom: -47.5px;
  transform: translate(-50%, -50%);
  left: 50%;
}

@media screen and (max-width: 767px) {
  .l_mv-bottom .c_mv_btn._type02:after {
    width: 26.9230769231vw;
    height: 12.1794871795vw;
    bottom: -6.1538461538vw;
  }
}
.new {
  padding-top: var(--size-55);
  padding-bottom: var(--size-100);
}

.l_news_container {
  border: 1px solid #707070;
  border-radius: 16px;
  padding: var(--size-25) var(--size-65) 13px var(--size-20);
  overflow-y: scroll;
  height: 194px;
  width: 942px;
  margin: var(--size-40) auto 0;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .l_news_container {
    width: 100%;
    height: 41.0256410256vw;
  }
}
.l_news_list a {
  color: #000000;
  text-decoration: none;
  display: flex;
  font-size: 1.8rem;
  line-height: 1.5;
  padding-bottom: 11px;
  transition: 0.3s;
}

@media screen and (max-width: 767px) {
  .l_news_list a {
    font-size: 3.0769230769vw;
    padding-bottom: 1.4102564103vw;
  }
}
.l_news_list a .c_date {
  margin-right: var(--size-30);
  min-width: var(--size-145);
  text-align: left;
}

@media screen and (max-width: 767px) {
  .l_news_list a .c_date {
    min-width: var(--size-190);
  }
}
.l_news_list a:hover {
  opacity: 0.6;
}

.l_news_list .diseble {
  pointer-events: none;
}

.l_news_list .diseble .c_link_text {
  text-decoration: none;
  color: #000;
}

.l_news_list li + li {
  padding-top: 21px;
  border-top: 1px dashed #707070;
}

@media screen and (max-width: 767px) {
  .l_news_list li + li {
    padding-top: 2.6923076923vw;
  }
}
.job {
  padding-top: 40px;
  padding-bottom: 120px;
  background: url("../../images/bg_job.svg");
  background-size: 100%;
  text-align: center;
  background-position: top center;
}

@media screen and (max-width: 767px) {
  .job {
    padding-top: var(--size-40);
    padding-bottom: var(--size-120);
  }
}
.problem {
  margin-top: var(--size-20);
}

.problem .l_problem_heading_wrap {
  font-size: 3rem;
  margin-bottom: var(--size-35);
  line-height: 1.5666666667;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .problem .l_problem_heading_wrap {
    font-size: 4.6153846154vw;
  }
}
.problem .l_problem_heading_wrap span {
  font-size: 3.9rem;
  position: relative;
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .problem .l_problem_heading_wrap span {
    font-size: 5.7692307692vw;
  }
}
.problem .l_problem_heading_wrap span:before {
  content: "";
  display: block;
  width: var(--size-10);
  height: var(--size-10);
  border-radius: var(--size-60);
  background: #FFE474;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
}

.l_job_images_wrap {
  position: relative;
}

.l_job_images_wrap .c_image {
  padding-top: var(--size-145);
  width: 332px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .l_job_images_wrap .c_image {
    width: 42.5641025641vw;
  }
}
.l_job_images_wrap .c_deco {
  width: 244px;
  height: 187px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url("../../images/icon_fukidashi.svg");
  background-repeat: no-repeat;
  background-size: contain;
  font-size: 1.6rem;
  line-height: 1.5;
  position: absolute;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .l_job_images_wrap .c_deco {
    width: 31.2820512821vw;
    height: 23.9743589744vw;
    font-size: 2.8205128205vw;
    line-height: 1.2083333333;
  }
}
.l_job_images_wrap .deco01 {
  top: var(--size-70);
  left: var(--size-140);
}

@media screen and (max-width: 767px) {
  .l_job_images_wrap .deco01 {
    left: -1.2820512821vw;
  }
}
.l_job_images_wrap .deco02 {
  top: 0;
  left: 428px;
}

@media screen and (max-width: 767px) {
  .l_job_images_wrap .deco02 {
    left: 30.7692307692vw;
  }
}
.l_job_images_wrap .deco03 {
  top: var(--size-70);
  left: var(--size-715);
}

@media screen and (max-width: 767px) {
  .l_job_images_wrap .deco03 {
    left: 61.5384615385vw;
  }
}
.l_job_contents {
  background: #B8EEF5;
  padding: var(--size-40) var(--size-50) var(--size-30);
  border-radius: var(--size-30);
}

@media screen and (max-width: 767px) {
  .l_job_contents {
    padding: var(--size-40) var(--size-30) var(--size-30);
  }
}
.l_job_contents .l_job_contents_title {
  font-size: 3.7rem;
  line-height: 1.5675675676;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--size-25);
}

@media screen and (max-width: 767px) {
  .l_job_contents .l_job_contents_title {
    font-size: 5.5128205128vw;
  }
}
.l_job_contents .l_job_contents_title:before, .l_job_contents .l_job_contents_title:after {
  display: block;
  content: "";
  width: 2px;
  height: var(--size-55);
  background: #000000;
}

.l_job_contents .l_job_contents_title:before {
  transform: rotate(-20deg);
  margin-right: var(--size-30);
}

.l_job_contents .l_job_contents_title:after {
  transform: rotate(20deg);
  margin-left: var(--size-30);
}

.l_job_contents .c_box + .c_box {
  margin-top: var(--size-35);
}

.l_job_contents .c_box .c_text_box {
  background: #FFF;
  border-radius: var(--size-30);
  margin-top: var(--size-15);
  padding: var(--size-25) var(--size-45);
  text-align: left;
  font-size: 1.8rem;
  line-height: 1.4444444444;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .l_job_contents .c_box .c_text_box {
    padding: var(--size-25) var(--size-20);
    font-size: 3.5897435897vw;
  }
}
.l_job_contents .c_box .c_text_box .icon_circle {
  display: inline-block;
}

.l_job_contents .c_box .c_text_box .icon_circle:before {
  display: block;
  content: "●";
  color: #47B9C9;
}

.l_job_point {
  margin-top: var(--size-30);
}

.l_job_point .l_jpb_point_container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--size-25);
  counter-reset: number 0;
}

@media screen and (max-width: 767px) {
  .l_job_point .l_jpb_point_container {
    display: block;
  }
}
.l_job_point .c_point_box {
  counter-increment: number 1;
  background: #FFF;
  border-radius: var(--size-30);
  padding: var(--size-25) var(--size-20) var(--size-20);
  position: relative;
}

.l_job_point .c_point_box:before {
  display: flex;
  align-items: center;
  justify-content: center;
  content: counter(number) " ";
  color: #FFF;
  background: #47B9C9;
  font-size: 1.8rem;
  font-weight: 800;
  position: absolute;
  width: 39px;
  height: 39px;
  border-radius: 90px;
  position: absolute;
  top: 15px;
  left: 12px;
}

@media screen and (max-width: 767px) {
  .l_job_point .c_point_box:before {
    font-size: 3.0769230769vw;
    width: var(--size-60);
    height: var(--size-60);
  }
}
.l_job_point .c_point_box .c_icon {
  width: var(--size-260);
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .l_job_point .c_point_box .c_icon {
    width: var(--size-320);
  }
}
.l_job_point .c_point_box .c_text {
  font-size: 1.8rem;
  line-height: 1.4444444444;
  margin-top: 12px;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .l_job_point .c_point_box .c_text {
    font-size: 4.1025641026vw;
  }
}
@media screen and (max-width: 767px) {
  .l_job_point .c_point_box + .c_point_box {
    margin-top: var(--size-30);
  }
}
.flow {
  padding-top: var(--size-110);
  padding-bottom: var(--size-120);
}

.flow .c_note {
  font-size: 1.6rem;
  text-align: left;
  line-height: 1.5;
  letter-spacing: -0.02em;
  margin-top: 20px;
  padding-left: 96px;
  position: absolute;
}

@media screen and (max-width: 767px) {
  .flow .c_note {
    position: relative;
    padding-left: 0;
    font-size: 2.5641025641vw;
  }
}
.l_flow_container {
  margin-top: var(--size-55);
}

@media screen and (max-width: 767px) {
  .l_flow_container {
    margin-left: -2.5641025641vw;
  }
}
.l_flow_container .l_block_col02 {
  display: flex;
}

.l_flow_container .l_block_col02._last-block {
  margin-top: var(--size-20);
}

.l_flow_container .l_block_col02 .l_flow_box_container {
  flex: 1;
}

.l_flow_container .l_block_col02 .l_flow_arrow {
  width: var(--size-90);
  margin-right: var(--size-10);
}

.l_flow_container .l_block_col02 .l_flow_contents {
  flex: 1;
}

.l_flow_box {
  background: #CCF2F7;
  border-radius: var(--size-20);
  padding: 18px 16px 18px 22px;
  display: flex;
  margin-bottom: 48px;
  flex: 1;
}

@media screen and (max-width: 767px) {
  .l_flow_box {
    display: block;
    margin-bottom: var(--size-60);
  }
}
.l_flow_box._blue {
  background: #0E69BC;
  color: #FFF;
}

.l_flow_box._first-block {
  margin-bottom: var(--size-20);
}

.l_flow_box._first-block .l_image_container {
  margin: auto;
  margin-left: 24px;
}

@media screen and (max-width: 767px) {
  .l_flow_box._first-block .l_image_container {
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .l_flow_box._first-block {
    margin-bottom: var(--size-60);
  }
}
.l_flow_box._last-block {
  margin-bottom: 0;
}

.l_flow_box .l_step {
  background: #47B9C9;
  color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 169px;
  height: 163px;
  border-radius: var(--size-10);
  margin-right: var(--size-15);
}

@media screen and (max-width: 767px) {
  .l_flow_box .l_step {
    width: 100%;
    height: auto;
  }
  .l_flow_box .l_step .l_step_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: var(--size-5);
    padding-bottom: var(--size-5);
  }
}
.l_flow_box .l_step._step01 {
  height: auto;
}

.l_flow_box .l_step._step03 {
  height: auto;
}

.l_flow_box .l_step._white {
  background: #FFF;
  color: #1051A2;
}

.l_flow_box .l_step .icon {
  font-size: 2.3rem;
  font-weight: 500;
  margin-bottom: var(--size-5);
}

@media screen and (max-width: 767px) {
  .l_flow_box .l_step .icon {
    font-size: 3.3333333333vw;
    margin-bottom: 0;
    margin-right: var(--size-20);
  }
}
.l_flow_box .l_step .c_item {
  font-size: 2.6rem;
  font-weight: 800;
  line-height: 1.1538461538;
}

@media screen and (max-width: 767px) {
  .l_flow_box .l_step .c_item {
    font-size: 4.1025641026vw;
  }
}
.l_flow_box .l_flow_inner {
  display: flex;
  justify-content: space-between;
  flex: 1;
}

@media screen and (max-width: 767px) {
  .l_flow_box .l_flow_inner {
    display: block;
  }
}
.l_flow_box .l_flow_inner._vertical {
  align-items: center;
}

.l_flow_box .l_flow_inner._type02 {
  flex-wrap: wrap;
}

.l_flow_box .l_flow_inner._vertical-bottom {
  align-items: end;
}

.l_flow_box .l_flow_inner .l_text_container {
  text-align: left;
  flex: 1;
}

.l_flow_box .l_flow_inner .l_text_container .c_text {
  font-size: 1.6rem;
  line-height: 1.25;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .l_flow_box .l_flow_inner .l_text_container .c_text {
    font-size: 3.5897435897vw;
    margin-top: var(--size-10);
    margin-bottom: var(--size-10);
  }
}
.l_flow_box .l_flow_inner .l_text_container .c_text._type02 {
  line-height: 1.625;
}

.l_flow_box .l_flow_inner .l_text_container .c_text._type03 {
  line-height: 1.875;
  letter-spacing: -0.01em;
}

@media screen and (max-width: 767px) {
  .l_flow_box .l_flow_inner .l_text_container .c_text._type03 {
    line-height: 1.625;
  }
}
.l_flow_box .l_flow_inner .l_text_container .c_text p {
  display: block;
  margin-top: 5px;
  color: #FFF;
  font-size: 1.2rem;
  line-height: 1.2;
}

@media screen and (max-width: 767px) {
  .l_flow_box .l_flow_inner .l_text_container .c_text p {
    font-size: 2.5641025641vw;
    margin-top: var(--size-20);
  }
}
.l_flow_box .l_flow_inner .l_text_container .c_text p span {
  text-decoration: underline;
}

.l_flow_box .l_flow_inner .l_text_container .l_flow_contact {
  background: #D6F1FF;
  color: #1051A2;
  padding-top: var(--size-10);
  padding-left: 18px;
  padding-bottom: var(--size-10);
  margin-top: var(--size-10);
  border-radius: var(--size-10);
  font-size: 1.4rem;
  line-height: 1.2857142857;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .l_flow_box .l_flow_inner .l_text_container .l_flow_contact {
    font-size: 3.0769230769vw;
    margin-top: var(--size-20);
    margin-bottom: var(--size-20);
    padding-left: var(--size-20);
  }
}
.l_flow_box .l_flow_inner .l_text_container .l_flow_contact a {
  color: #1051A2;
  font-size: 2rem;
  font-weight: 800;
  margin-top: var(--size-5);
  margin-bottom: var(--size-5);
}

.l_flow_box .l_flow_inner .top-heding_text {
  font-size: 1.6rem;
  line-height: 1.25;
  font-weight: 500;
  text-align: left;
  margin-bottom: 13px;
}

@media screen and (max-width: 767px) {
  .l_flow_box .l_flow_inner .top-heding_text {
    margin-top: var(--size-20);
    font-size: 3.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .l_flow_box .l_flow_inner .l_image_container {
    width: 100%;
    margin-left: 0;
  }
}
.l_flow_box .l_flow_inner .l_image_container img {
  border-radius: var(--size-20);
}

@media screen and (max-width: 767px) {
  .l_flow_box .l_flow_inner .l_image_container img {
    width: 100%;
  }
}
.l_flow_box .l_flow_inner .l_step_list {
  width: 410px;
}

@media screen and (max-width: 767px) {
  .l_flow_box .l_flow_inner .l_step_list {
    width: 100%;
  }
}
.l_flow_box .l_flow_inner .l_step_list li {
  font-size: 1.6rem;
  line-height: 1.625;
  background: #FFF;
  border-radius: var(--size-10);
  border: 1px solid #47B9C9;
  padding-left: var(--size-10);
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .l_flow_box .l_flow_inner .l_step_list li {
    font-size: 3.5897435897vw;
  }
}
.l_flow_box .l_flow_inner .l_step_list li .circle {
  display: inline-block;
}

.l_flow_box .l_flow_inner .l_step_list li .circle:before {
  content: "●";
  display: block;
  color: #47B9C9;
  margin-right: var(--size-5);
}

.l_flow_box .l_flow_inner .l_step_list .title {
  background: #47B9C9;
  color: #FFF;
  font-weight: 800;
}

.l_flow_box .l_flow_inner .l_step_list li + li {
  margin-top: 6px;
}

.l_shien_block {
  display: flex;
  margin-bottom: var(--size-20);
}

@media screen and (max-width: 767px) {
  .l_shien_block {
    display: block;
  }
}
.l_shien_block .c_item {
  background: #FFE474;
  width: 230px;
  height: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 213px;
  border-radius: var(--size-10);
  font-size: 2.6rem;
  font-weight: 800;
}

@media screen and (max-width: 767px) {
  .l_shien_block .c_item {
    margin-left: 9.2307692308vw;
    font-size: 4.1025641026vw;
    margin-bottom: var(--size-40);
    width: var(--size-460);
    height: var(--size-120);
  }
}
.l_shien_block .c_text {
  text-align: left;
  font-size: 1.4rem;
  line-height: 1.4285714286;
  margin-left: var(--size-10);
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .l_shien_block .c_text {
    margin-bottom: var(--size-40);
    font-size: 3.3333333333vw;
  }
}
.l_syurou_block {
  background: #FFE474;
  width: 230px;
  height: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 285px;
  border-radius: var(--size-10);
}

@media screen and (max-width: 767px) {
  .l_syurou_block {
    margin-left: 9.2307692308vw;
    font-size: 4.1025641026vw;
    margin-bottom: var(--size-40);
    width: var(--size-460);
    height: var(--size-120);
  }
}
.l_syurou_block .c_text {
  font-size: 2.6rem;
  font-weight: 800;
}

@media screen and (max-width: 767px) {
  .l_syurou_block .c_text {
    font-size: 4.1025641026vw;
  }
}
.l_flow_box {
  position: relative;
}

.l_flow_box:after {
  content: "";
  display: block;
  height: 37.2390923627px;
  width: 69px;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  background: #CCF2F7;
  position: absolute;
  bottom: -36px;
  left: 82px;
}

@media screen and (max-width: 767px) {
  .l_flow_box:after {
    width: 17.9487179487vw;
    left: 30.7692307692vw;
    height: 6.9282032303vw;
    bottom: -6vw;
  }
}
.l_flow_box._step05:after {
  left: 366px;
}

@media screen and (max-width: 767px) {
  .l_flow_box._step05:after {
    left: 30.7692307692vw;
  }
}
.l_flow_box._blue:after {
  background: #0E69BC;
}

.l_flow_box._blue._last-block:after {
  display: none;
}

.l_flow_arrow {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}

.l_flow_arrow .l_flow_arrow_text {
  writing-mode: vertical-rl;
  font-size: 2.8rem;
  font-weight: 800;
  padding-top: var(--size-15);
  padding-bottom: var(--size-20);
  color: #1051A2;
}

@media screen and (max-width: 767px) {
  .l_flow_arrow .l_flow_arrow_text {
    font-size: 5.8974358974vw;
  }
}
.l_flow_arrow .l_flow_arrow_text._type02 {
  padding-top: var(--size-5);
  padding-bottom: var(--size-5);
  line-height: 1;
  position: relative;
  left: -5px;
}

@media screen and (max-width: 767px) {
  .l_flow_arrow .l_flow_arrow_text._type02 {
    padding-top: var(--size-15);
    padding-bottom: var(--size-15);
  }
}
.l_flow_arrow .l_flow_arrow_text._type02 span {
  margin-top: 0;
  line-height: 1;
}

.l_flow_arrow .l_flow_arrow_text span {
  margin-top: var(--size-10);
  display: inline-block;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.1111111111;
}

@media screen and (max-width: 767px) {
  .l_flow_arrow .l_flow_arrow_text span {
    font-size: 3.8461538462vw;
  }
}
.l_flow_arrow .c_arrow {
  background: #FFE474;
  width: 48px;
  flex: 1;
  position: relative;
}

@media screen and (max-width: 767px) {
  .l_flow_arrow .c_arrow {
    width: 6.1538461538vw;
  }
}
.l_flow_arrow .c_arrow._bottom {
  margin-bottom: 53px;
}

@media screen and (max-width: 767px) {
  .l_flow_arrow .c_arrow._bottom {
    margin-bottom: 2.5641025641vw;
  }
}
.l_flow_arrow .c_arrow._bottom:after {
  content: "";
  display: block;
  height: 53.0007547116px;
  width: 100px;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  background: #FFE474;
  position: absolute;
  transform: translate(-50%, -50%);
  bottom: -79px;
  left: 50%;
}

@media screen and (max-width: 767px) {
  .l_flow_arrow .c_arrow._bottom:after {
    width: 12.8205128205vw;
    height: 5.1961524227vw;
    bottom: -5.1282051282vw;
  }
}
.voice {
  padding-top: var(--size-110);
  padding-bottom: var(--size-180);
  background: url("../../images/voice_bg.png");
  text-align: center;
}

@media screen and (max-width: 767px) {
  .voice {
    padding-bottom: var(--size-100);
  }
}
.voice .l_sub_text {
  font-size: 1.8rem;
  font-weight: 500;
  margin-top: var(--size-15);
}

@media screen and (max-width: 767px) {
  .voice .l_sub_text {
    font-size: 3.5897435897vw;
    line-height: 1.2857142857;
  }
}
.l_heading_voice h2 {
  display: inline-block;
  font-size: 4.2rem;
  font-weight: 800;
  color: #47B9C9;
}

@media screen and (max-width: 767px) {
  .l_heading_voice h2 {
    font-size: 6.1538461538vw !important;
  }
}
.l_heading_voice h2:before {
  content: "";
  display: block;
  width: 68px;
  height: 41px;
  background-image: url("../../images/icon_fukidashi02.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0 auto var(--size-20);
}

@media screen and (max-width: 767px) {
  .l_heading_voice h2:before {
    width: var(--size-120);
    height: var(--size-80);
  }
}
.l_voice_container {
  margin-top: var(--size-35);
}

.l_voice_box {
  background: #FFF;
  display: flex;
  border-radius: var(--size-15);
  padding: 23px 40px 32px 32px;
  min-height: 141px;
}

@media screen and (max-width: 767px) {
  .l_voice_box {
    display: block;
    padding: var(--size-40) var(--size-30);
  }
}
.l_voice_box._type02 {
  min-height: 179px;
}

.l_voice_box .c_icon {
  width: 136px;
  margin-right: var(--size-55);
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .l_voice_box .c_icon {
    width: var(--size-200);
    margin: 0 auto var(--size-40);
  }
}
.l_voice_box .c_text_container {
  text-align: left;
  flex: 1;
}

.l_voice_box .c_text_container .c_heading {
  font-size: 1.8rem;
  padding-bottom: var(--size-10);
  border-bottom: 1px solid #000000;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .l_voice_box .c_text_container .c_heading {
    font-size: 3.8461538462vw;
  }
}
.l_voice_box .c_text_container .c_text {
  font-size: 1.6rem;
  margin-top: var(--size-15);
  line-height: 1.75;
}

@media screen and (max-width: 767px) {
  .l_voice_box .c_text_container .c_text {
    font-size: 3.3333333333vw;
  }
}
.l_voice_box + .l_voice_box {
  margin-top: var(--size-20);
}

.access {
  padding-top: var(--size-75);
  padding-bottom: var(--size-130);
  background: rgba(255, 255, 116, 0.2);
}

.l_contact_container {
  margin-top: var(--size-40);
}

.l_contact_container .l_contact_title {
  font-size: 2.2rem;
  line-height: 1.4090909091;
  background: #47B9C9;
  color: #FFF;
  display: inline-block;
  padding: 2px var(--size-25);
  font-weight: 800;
  border-radius: 46px;
  margin-bottom: 16px;
}

@media screen and (max-width: 767px) {
  .l_contact_container .l_contact_title {
    font-size: 4.1025641026vw;
  }
}
.l_contact_container .l_text_contents .c_text {
  font-size: 1.6rem;
  font-weight: 500;
  margin-bottom: var(--size-10);
}

@media screen and (max-width: 767px) {
  .l_contact_container .l_text_contents .c_text {
    font-size: 4.1025641026vw;
    line-height: 1.5;
  }
}
.l_contact_container .l_text_contents .c_tel a {
  font-size: 4.3rem;
  color: #E50312;
  font-weight: 800;
  line-height: 1.3023255814;
}

@media screen and (max-width: 767px) {
  .l_contact_container .l_text_contents .c_tel a {
    font-size: 8.5897435897vw;
  }
}
.l_contact_container .l_text_contents .c_tel a span {
  font-size: 2.2rem;
}

@media screen and (max-width: 767px) {
  .l_contact_container .l_text_contents .c_tel a span {
    font-size: 5.1282051282vw;
  }
}
.l_contact_container .c_box {
  width: 382px;
  text-align: left;
  margin: 13px auto 53px;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .l_contact_container .c_box {
    width: 100%;
  }
}
.l_contact_container .c_box .c_item {
  font-size: 1.8rem;
  border-bottom: 1px solid #000000;
  padding-bottom: var(--size-5);
  margin-bottom: var(--size-10);
}

.l_contact_container .c_box .c_text {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.625;
}

@media screen and (max-width: 767px) {
  .l_contact_container .c_box .c_text {
    font-size: 3.5897435897vw;
  }
}
.l_access_map {
  width: 522px;
  margin: var(--size-70) auto 0;
}

@media screen and (max-width: 767px) {
  .l_access_map {
    width: 100%;
  }
}
.l_access_map img {
  width: 100%;
}

.l_access_map .l_access_text {
  text-align: left;
  margin-top: var(--size-20);
  font-size: 1.6rem;
  line-height: 1.625;
}

@media screen and (max-width: 767px) {
  .l_access_map .l_access_text {
    font-size: 4.1025641026vw;
  }
}
.l_access_map .l_access_text .circle {
  display: inline-block;
}

.l_access_map .l_access_text .circle:before {
  content: "●";
  display: block;
  color: #47B9C9;
}

.l_access_container {
  margin-top: var(--size-85);
}

.l_access_container .l_g-map {
  margin-top: var(--size-35);
}

.l_access_container .l_g-map iframe {
  width: 100%;
  height: var(--size-300);
}

@media screen and (max-width: 767px) {
  .l_access_container .l_g-map iframe {
    height: var(--size-600);
  }
}
/* モーダルのオーバーレイ */
.modal-overlay {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.65);
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

/* モーダルのコンテンツ */
.modal-content {
  padding: var(--size-20);
  text-align: center;
  position: relative;
  padding-left: var(--size-15);
  padding-right: var(--size-15);
}

@media screen and (max-width: 767px) {
  .modal-content {
    padding-left: var(--size-15);
    padding-right: var(--size-15);
  }
}
/* ボタン（閉じるボタン） */
.close-btn {
  background: none;
  border: none;
  cursor: pointer;
  position: absolute;
  top: 0px;
  right: 40px;
  width: 50px;
  transition: 0.6s;
}

@media screen and (max-width: 767px) {
  .close-btn {
    width: 7.8125vw;
    right: 6.4102564103vw;
    top: 0vw;
  }
}
.close-btn:hover {
  opacity: 0.75;
}

.close-btn img {
  width: 100%;
}

/* バナー画像のスタイル */
.modal-content img {
  height: auto;
  max-width: 580px;
  width: 100%;
  transition: 0.6s;
}

.modal-content img:hover {
  opacity: 0.75;
}
/*# sourceMappingURL=top.css.map */