.main_visual {
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
}
@media (max-width: 479px) {
  .main_visual {
    display: none;
  }
}
.main_visual__ph img {
  width: 100%;
  height: auto;
}
.main_visual__copy {
  position: absolute;
  left: 0;
  top: 15.9722222222vw;
  width: 59.3055555556vw;
  height: 17.3611111111vw;
}

.main__slider-wrap {
  position: relative;
  display: none;
}
@media (max-width: 479px) {
  .main__slider-wrap {
    display: block;
  }
}
.main__slider__copy {
  position: absolute;
  left: 2.0512820513vw;
  top: 78.9743589744vw;
  width: 95.8974358974vw;
  height: 28.2051282051vw;
}

.top_news__wrap {
  width: 100%;
  background: linear-gradient(90deg, rgb(0, 154, 221) 0%, rgb(6, 119, 180) 100%, rgb(228, 228, 228) 100%);
}
.top_news__inner {
  max-width: 1040px;
  width: 92%;
  margin: 0 auto;
  padding: 80px 0;
}
@media (max-width: 1190px) {
  .top_news__inner {
    padding: 5.5555555556vw 0;
  }
}
@media (max-width: 479px) {
  .top_news__inner {
    padding: 12.8205128205vw 0;
  }
}
.top_news-heading {
  font-weight: 700;
  font-size: clamp(30px, 18.9673704415px + 2.3032629559vw, 42px);
  line-height: 2;
  text-align: center;
  color: #cbe3f2;
}
.top_news__group {
  background: transparent;
  border-bottom: 1px dashed #8ac5ea;
  display: flex;
  font-size: clamp(15px, 15px + 0vw, 15px);
  color: #FFFFFF;
  padding: 14px 0;
}
@media (max-width: 479px) {
  .top_news__group {
    padding: 8px 0;
    flex-direction: column;
  }
}
.top_news-post_time {
  width: 190px;
  padding-left: 18px;
}
@media (max-width: 1190px) {
  .top_news-post_time {
    width: 13.1944444444vw;
    padding-left: 1.25vw;
  }
}
@media (max-width: 479px) {
  .top_news-post_time {
    width: 100%;
    padding-left: 0;
  }
}
.top_news-post_date {
  flex: 1;
}
.top_news-post_date a {
  outline-color: #FFFFFF;
  transition: 0.4s;
}
.top_news-post_date a:hover {
  opacity: 0.8;
}
.top_news-button {
  width: 140px;
  line-height: 34px;
  margin-left: auto;
  margin-top: 25px;
}
@media (max-width: 479px) {
  .top_news-button {
    width: 55.3846153846vw;
    line-height: 13.3333333333vw;
    margin-right: auto;
    margin-top: 10.2564102564vw;
  }
}

.about_wrap {
  background: url(../images/top/about_bg_pc.jpg) no-repeat;
  background-size: 100%;
  background-position: 0 152px;
  position: relative;
  min-height: 755px;
}
@media (max-width: 1190px) {
  .about_wrap {
    background-position: 0 10.5555555556vw;
    min-height: 52.4305555556vw;
  }
}
@media (max-width: 479px) {
  .about_wrap {
    background: url(../images/top/about_bg_sp.jpg) no-repeat;
    background-size: 100%;
    background-position: 0 31.7948717949vw;
    position: relative;
    min-height: 228.2051282051vw;
  }
}
.about_wrap .main_inner {
  position: relative;
  z-index: 2;
}
.about_side_copy {
  position: absolute;
  left: 0;
  top: 50px;
  width: 108px;
  z-index: 1;
  mix-blend-mode: multiply;
}
@media (max-width: 1190px) {
  .about_side_copy {
    top: 3.4722222222vw;
    width: 7.5vw;
  }
}
@media (max-width: 479px) {
  .about_side_copy {
    top: 44.6153846154vw;
    width: 20.5128205128vw;
  }
}
.about-heading {
  padding-top: 73px;
  line-height: 3;
}
@media (max-width: 1190px) {
  .about-heading {
    padding-top: 5.0694444444vw;
  }
}
@media (max-width: 479px) {
  .about-heading {
    width: 48.9743589744vw;
    padding-top: 26.1538461538vw;
  }
}
.about-heading span {
  display: block;
  font-weight: 700;
  font-size: clamp(16px, 8.6449136276px + 1.5355086372vw, 24px);
  color: #484848;
}
.about_text {
  padding-top: 15px;
  width: 777px;
  font-weight: 500;
  font-size: clamp(15px, 14.0806142035px + 0.1919385797vw, 16px);
  line-height: 33px;
  color: #484848;
}
@media (max-width: 1190px) {
  .about_text {
    padding-top: 1.0416666667vw;
    width: 70%;
  }
}
@media (max-width: 479px) {
  .about_text {
    padding-top: 5.1282051282vw;
    width: 100%;
    margin: 0 auto;
  }
}
.about_button_wrap {
  max-width: 1080px;
  width: 92%;
  margin-top: 70px;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}
@media (max-width: 1190px) {
  .about_button_wrap {
    margin-top: 4.8611111111vw;
  }
}
@media (max-width: 479px) {
  .about_button_wrap {
    margin-top: 10.2564102564vw;
  }
}

@media (max-width: 479px) {
  .top_pickup {
    background-image: url(../images/top/pickup_bg_sp.svg);
    background-size: 100%;
    margin-top: 20.5128205128vw;
  }
}

.pickup_title_wrap {
  min-height: 184px;
  background: linear-gradient(90deg, #fff 0%, #fff 50%, rgba(2, 147, 239, 0.2) 0% 50%, rgba(13, 100, 183, 0.2) 100%);
}
@media (max-width: 1190px) {
  .pickup_title_wrap {
    min-height: 12.7777777778vw;
  }
}
@media (max-width: 479px) {
  .pickup_title_wrap {
    margin-top: 0;
    min-height: 37.1794871795vw;
    background: rgba(13, 100, 183, 0);
    position: relative;
    min-height: 30.7692307692vw;
  }
  .pickup_title_wrap::before {
    background-color: #fff;
    top: 0;
    height: 18.4615384615vw;
    content: none;
    width: 100%;
    position: absolute;
  }
}
.pickup-heading {
  max-width: 605px;
  width: 42.0138888889vw;
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 479px) {
  .pickup-heading {
    width: 88.7179487179vw;
    text-align: left;
    position: absolute;
    z-index: 1;
    left: 3.8461538462vw;
    top: -15.3846153846vw;
  }
}
.pickup-heading span {
  display: block;
  font-weight: 700;
  font-size: clamp(16px, 8.6449136276px + 1.5355086372vw, 24px);
  color: #484848;
  line-height: 3;
}
.pickup_wrap {
  position: relative;
  width: 100%;
  min-height: 654px;
  background-blend-mode: multiply;
  background: linear-gradient(to left, rgba(86, 182, 244, 0.8) 0%, #0077c3 100%);
}
@media (max-width: 1190px) {
  .pickup_wrap {
    min-height: 45.4166666667vw;
  }
}
@media (max-width: 479px) {
  .pickup_wrap {
    background: none;
  }
}
.pickup_wrap::before {
  content: "";
  width: 50vw;
  height: 349px;
  background: #267ece;
  position: absolute;
  top: 0;
  right: 0;
  background-blend-mode: multiply;
}
@media (max-width: 1190px) {
  .pickup_wrap::before {
    height: 24.2361111111vw;
  }
}
@media (max-width: 479px) {
  .pickup_wrap::before {
    content: none;
  }
}
.pickup_wrap::after {
  content: "";
  width: 24.7916666667vw;
  height: 360px;
  background: #267ece;
  position: absolute;
  bottom: 0;
  left: 0;
  background-blend-mode: multiply;
}
@media (max-width: 1190px) {
  .pickup_wrap::after {
    height: 25vw;
  }
}
@media (max-width: 479px) {
  .pickup_wrap::after {
    content: none;
  }
}
.pickup_wrap .main_inner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
  z-index: 1;
  padding-top: 78px;
}
@media (max-width: 1190px) {
  .pickup_wrap .main_inner {
    padding-top: 5.4166666667vw;
  }
}
@media (max-width: 479px) {
  .pickup_wrap .main_inner {
    padding-top: 0vw;
  }
}
.pickup_wrap-box {
  width: 22%;
  text-align: center;
}
@media (max-width: 750px) {
  .pickup_wrap-box {
    margin-bottom: 3.4722222222vw;
  }
}
.pickup_wrap-box:nth-of-type(2) {
  margin-top: 50px;
}
@media (max-width: 1190px) {
  .pickup_wrap-box:nth-of-type(2) {
    margin-top: 3.4722222222vw;
  }
}
@media (max-width: 750px) {
  .pickup_wrap-box:nth-of-type(2) {
    margin-top: 0;
  }
}
.pickup_wrap-box:nth-of-type(3) {
  margin-top: 100px;
}
@media (max-width: 1190px) {
  .pickup_wrap-box:nth-of-type(3) {
    margin-top: 6.9444444444vw;
  }
}
@media (max-width: 750px) {
  .pickup_wrap-box:nth-of-type(3) {
    margin-top: 0;
  }
}
.pickup_wrap-box:nth-of-type(4) {
  margin-top: 150px;
}
@media (max-width: 1190px) {
  .pickup_wrap-box:nth-of-type(4) {
    margin-top: 10.4166666667vw;
  }
}
@media (max-width: 750px) {
  .pickup_wrap-box:nth-of-type(4) {
    margin-top: 0;
  }
}
@media (max-width: 750px) {
  .pickup_wrap-box {
    width: 48%;
  }
}
@media (max-width: 479px) {
  .pickup_wrap-box {
    width: 68.2051282051vw;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 12.8205128205vw;
  }
}
.pickup_wrap-box_bnr {
  margin-bottom: 20px;
}
@media (max-width: 1190px) {
  .pickup_wrap-box_bnr {
    margin-bottom: 1.3888888889vw;
  }
}
.pickup_wrap-box_text a {
  color: #FFFFFF;
  text-decoration: underline;
}
.pickup_wrap-box_text a:hover {
  text-decoration: none;
}
.pickup_side_copy {
  position: absolute;
  right: 0;
  top: 50px;
  width: 110px;
  z-index: 0;
  mix-blend-mode: multiply;
}
@media (max-width: 1190px) {
  .pickup_side_copy {
    top: 3.4722222222vw;
    width: 7.6388888889vw;
  }
}
@media (max-width: 479px) {
  .pickup_side_copy {
    top: 0vw;
    width: 20.5128205128vw;
  }
}
.pickup_button_wrap {
  max-width: 1080px;
  width: 92%;
  margin-top: 70px;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}
@media (max-width: 1190px) {
  .pickup_button_wrap {
    margin-top: 4.8611111111vw;
  }
}
@media (max-width: 479px) {
  .pickup_button_wrap {
    margin-top: 0vw;
  }
}
.pickup_button_wrap a.btn {
  width: 332px;
  display: inline-block;
  width: 332px;
  line-height: 88px;
  background: #fff;
  border: 1px solid #dbdbdb;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
  color: #484848;
  text-indent: -20px;
}
@media (max-width: 1190px) {
  .pickup_button_wrap a.btn {
    width: 32%;
  }
}
@media (max-width: 750px) {
  .pickup_button_wrap a.btn {
    width: 93.3333333333vw;
    line-height: 22.5641025641vw;
    margin-bottom: 7.6923076923vw;
  }
}
.pickup_button_wrap a.btn:hover {
  color: #FFFFFF;
  background-color: #0293EF;
}
.pickup_button_wrap a.btn:hover .icon_business {
  background-image: url(../images/top/pickup_icon_01_over.png);
}
.pickup_button_wrap a.btn:hover .icon_message {
  background-image: url(../images/top/pickup_icon_02_over.png);
}
.pickup_button_wrap a.btn:hover .icon_book {
  background-image: url(../images/top/pickup_icon_03_over.png);
}
.pickup_button_wrap a.btn .icon_business {
  display: inline-block;
  width: 40px;
  height: 25px;
  vertical-align: middle;
  margin-right: 10px;
  background-image: url(../images/top/pickup_icon_01_off.png);
  background-size: contain;
}
.pickup_button_wrap a.btn .icon_message {
  display: inline-block;
  width: 26px;
  height: 31px;
  vertical-align: middle;
  margin-right: 10px;
  background-image: url(../images/top/pickup_icon_02_off.png);
  background-size: contain;
}
.pickup_button_wrap a.btn .icon_book {
  display: inline-block;
  width: 29px;
  height: 29px;
  vertical-align: middle;
  margin-right: 10px;
  background-image: url(../images/top/pickup_icon_03_off.png);
  background-size: contain;
}

.journal_wrap {
  width: 100%;
  background: #f0f8fd;
  position: relative;
  padding: 60px 0 40px 0;
  margin-top: 95px;
}
@media (max-width: 1190px) {
  .journal_wrap {
    margin-top: 6.25vw;
  }
}
@media (max-width: 750px) {
  .journal_wrap {
    padding: 7.6923076923vw 0 5.1282051282vw 0;
    margin-top: 12.8205128205vw;
  }
}
.journal_wrap .main_inner {
  display: flex;
}
@media (max-width: 750px) {
  .journal_wrap .main_inner {
    flex-direction: column;
  }
}
.journal-heading {
  font-weight: 700;
  line-height: 1.6;
  color: #678ea7;
  font-size: clamp(30px, 18.9673704415px + 2.3032629559vw, 42px);
  width: calc(100% - 848px);
}
@media (max-width: 1190px) {
  .journal-heading {
    width: calc(100% - 58.8888888889vw);
  }
}
@media (max-width: 750px) {
  .journal-heading {
    width: 100%;
    text-align: center;
  }
}
.journal-heading span {
  display: block;
  font-weight: 700;
  font-size: clamp(16px, 8.6449136276px + 1.5355086372vw, 24px);
  color: #484848;
}
.journal-list {
  max-width: 848px;
  width: 58.8888888889vw;
}
@media (max-width: 750px) {
  .journal-list {
    width: 100%;
    margin-top: 38.4615384615vw;
  }
}
.journal-list__group {
  background: #FFFFFF;
  display: flex;
  font-size: clamp(15px, 15px + 0vw, 15px);
  padding: 14px 0;
  margin-bottom: 2px;
}
@media (max-width: 479px) {
  .journal-list__group {
    padding: 12px;
    flex-direction: column;
  }
}
.journal-list-post_time {
  width: 190px;
  padding-left: 18px;
}
@media (max-width: 1190px) {
  .journal-list-post_time {
    width: 13.1944444444vw;
    padding-left: 1.25vw;
  }
}
@media (max-width: 479px) {
  .journal-list-post_time {
    width: 100%;
    padding-left: 0;
  }
}
.journal-list-post_date {
  flex: 1;
}
.journal-list-post_date a {
  text-decoration: underline;
  transition: 0.4s;
}
.journal-list-post_date a:hover {
  opacity: 0.8;
}
.journal-list-button {
  width: 140px;
  line-height: 34px;
  margin-left: auto;
  margin-top: 25px;
}
@media (max-width: 479px) {
  .journal-list-button {
    width: 55.3846153846vw;
    line-height: 13.3333333333vw;
    margin-right: auto;
    margin-top: 10.2564102564vw;
  }
}
.journal-list_copy {
  position: absolute;
  max-width: 426px;
  width: 29.5833333333vw;
  left: 27px;
  bottom: -82px;
}
@media (max-width: 1190px) {
  .journal-list_copy {
    left: 1.875vw;
    bottom: -5.6944444444vw;
  }
}
@media (max-width: 479px) {
  .journal-list_copy {
    width: 90vw;
    right: 0;
    left: 0;
    margin: auto;
    top: 28.2051282051vw;
    bottom: auto;
  }
}