@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&family=DM+Sans:wght@300;400&family=M+PLUS+1p:wght@800&display=swap");
/*----------------------------------------------------------------------------
	hero
----------------------------------------------------------------------------*/
.hero {
  position: relative;
  z-index: 1;
}
.hero .inner {
  position: relative;
  max-width: 100%;
}
.hero .field {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 50%;
  width: 1200px;
  height: 750px;
  margin-right: auto;
  margin-left: auto;
  transform: translate(-50%, 0);
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .hero .field {
    padding-left: 50px;
  }
}
@media screen and (max-width: 767px) {
  .hero .field {
    width: 100%;
    height: 128.533vw;
  }
}
.hero .field::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: -600px;
  width: 400px;
  height: 100%;
  background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 40%);
}
@media screen and (max-width: 767px) {
  .hero .field::before {
    content: none;
  }
}
.hero .field::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  right: -600px;
  width: 400px;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 40%);
}
@media screen and (max-width: 767px) {
  .hero .field::after {
    content: none;
  }
}
.hero_slider {
  height: 750px;
}
@media screen and (max-width: 767px) {
  .hero_slider {
    height: 128.533vw;
  }
}
.hero_slider .slick-list {
  height: 100%;
}
.hero_photo {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 50%;
  width: 100%;
  max-width: 2000px;
  height: 750px;
  transform: translate(-50%, 0);
}
@media screen and (max-width: 767px) {
  .hero_photo {
    max-width: 100%;
    height: 128.533vw;
  }
}
.hero_photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center bottom;
     object-position: center bottom;
}
.hero_main {
  position: relative;
  z-index: 2;
  display: -moz-flex;
  display: flex;
  padding-top: 255px;
}
@media screen and (max-width: 767px) {
  .hero_main {
    padding-top: 51.733vw;
    padding-left: 4vw;
  }
}
.hero_main img {
  width: 549px;
}
@media screen and (max-width: 767px) {
  .hero_main img {
    width: 76.4vw;
  }
}

/*----------------------------------------------------------------------------
	group
----------------------------------------------------------------------------*/
.group {
  position: relative;
  top: -100px;
  padding-top: 205px;
  margin-bottom: -100px;
}
@media screen and (max-width: 767px) {
  .group {
    top: -8vw;
    padding-top: 0;
    margin-bottom: -8vw;
  }
}
.group_box {
  max-width: 1400px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .group_box {
    max-width: 1200px;
    padding-right: 30px;
    padding-left: 50px;
  }
}
@media screen and (max-width: 767px) {
  .group_box {
    max-width: 100%;
  }
}
.group_box::before {
  content: "";
  position: absolute;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  top: 0;
  left: 50%;
  width: 2000px;
  height: 1619px;
  transform: translate(-50%, 0);
  background-image: url(../images/index/group_bg.png);
}
@media screen and (max-width: 767px) {
  .group_box::before {
    top: -10.667vw;
    width: 100vw;
    height: 321.6vw;
    background-image: url(../images/index/sp/group_bg.png);
  }
}
.group_field {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 265px auto;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .group_field {
    display: block;
    max-width: 100%;
    padding-top: 17.333vw;
    padding-right: 6vw;
    padding-left: 6vw;
  }
}
.group_logo {
  position: relative;
  z-index: 1;
  padding-top: 60px;
}
@media screen and (max-width: 767px) {
  .group_logo {
    position: absolute;
    top: 23.333vw;
    right: 6vw;
    padding-top: 0;
  }
}
.group_logo-item {
  display: block;
}
.group_logo-item img {
  width: 316px;
}
@media screen and (max-width: 767px) {
  .group_logo-item img {
    width: 37.333vw;
  }
}
.group_about {
  position: relative;
  z-index: 1;
  grid-row: span 2;
  padding-bottom: 225px;
  margin-right: -20px;
}
@media screen and (max-width: 767px) {
  .group_about {
    padding-bottom: 0;
    margin-right: 0;
    margin-bottom: 14vw;
  }
}
.group_about_title {
  margin-bottom: 45px;
}
@media screen and (max-width: 767px) {
  .group_about_title {
    margin-bottom: 5.333vw;
  }
}
.group_about_text {
  color: transparent;
  background-image: linear-gradient(-23deg, rgb(0, 85, 166) 0%, rgb(10, 188, 214) 88%);
  -webkit-background-clip: text;
          background-clip: text;
}
.group_about_text p {
  font-size: 27px;
  font-size: 2.7rem;
  font-weight: 500;
  line-height: 1.7778;
  letter-spacing: 0.05em;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .group_about_text p {
    font-size: 3.867vw;
    line-height: 1.7931;
  }
}
.group_about_text p:not(:last-child) {
  margin-bottom: 0.5em;
}
@media screen and (max-width: 767px) {
  .group_about_text p:not(:last-child) {
    margin-bottom: 0.75em;
  }
}
.group_data {
  position: relative;
  z-index: 1;
  padding-left: 70px;
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .group_data {
    padding-left: 20px;
  }
}
@media screen and (max-width: 767px) {
  .group_data {
    padding-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .group_data_title {
    place-content: center;
    place-items: center;
  }
}
.group_data_field {
  padding-top: 40px;
}
@media screen and (max-width: 767px) {
  .group_data_field {
    padding-top: 3.333vw;
  }
}
.group_data_item {
  display: grid;
  grid-template-columns: 145px 1fr;
  -moz-align-items: center;
  align-items: center;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
@media screen and (max-width: 767px) {
  .group_data_item {
    grid-template-columns: 24vw 40vw;
    place-content: center;
    -moz-column-gap: 2.667vw;
         column-gap: 2.667vw;
  }
}
.group_data_item:not(:last-child) {
  margin-bottom: 18px;
}
@media screen and (max-width: 767px) {
  .group_data_item:not(:last-child) {
    margin-bottom: 2.667vw;
  }
}
.group_data_item-headline {
  text-align: right;
}
.group_data_item-headline span {
  display: inline-block;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 500;
  color: #232323;
  line-height: 1.4444;
}
@media screen and (max-width: 767px) {
  .group_data_item-headline span {
    font-size: 2.933vw;
    line-height: 1.4091;
  }
}
.group_data_item-body {
  display: -moz-flex;
  display: flex;
}
.group_data_item-body span {
  font-family: "M PLUS 1p", sans-serif;
  font-size: 34px;
  font-size: 3.4rem;
  font-weight: 800;
  color: #243c98;
  padding-top: 24px;
}
@media screen and (max-width: 767px) {
  .group_data_item-body span {
    font-size: 4.533vw;
    padding-top: 0.75em;
  }
}
.group_data_item-body strong {
  font-family: "M PLUS 1p", sans-serif;
  font-size: 64px;
  font-size: 6.4rem;
  font-weight: 800;
  color: #243c98;
}
@media screen and (max-width: 767px) {
  .group_data_item-body strong {
    font-size: 8.533vw;
  }
}
.group_data_caption {
  padding-top: 2px;
  padding-left: 165px;
}
@media screen and (max-width: 767px) {
  .group_data_caption {
    padding-top: 0;
    padding-left: 32.667vw;
  }
}
.group_data_caption small {
  display: inline-block;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 300;
  color: #232323;
}
@media screen and (max-width: 767px) {
  .group_data_caption small {
    font-size: 2.133vw;
  }
}
.group_business {
  position: relative;
  z-index: 1;
}
.group_business .inner {
  padding-bottom: 90px;
}
@media screen and (max-width: 767px) {
  .group_business .inner {
    padding-top: 12.667vw;
    padding-bottom: 14.667vw;
  }
}
.group_business .field {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 50px;
       column-gap: 50px;
  -moz-justify-content: center;
  justify-content: center;
  -moz-align-items: center;
  align-items: center;
  padding-bottom: 90px;
}
@media screen and (max-width: 767px) {
  .group_business .field {
    display: block;
    padding-right: 10vw;
    padding-bottom: 10.667vw;
    padding-left: 10vw;
  }
}
@media screen and (max-width: 767px) {
  .group_business_box:not(:last-child) {
    margin-bottom: 5.333vw;
  }
}
.group_business_title {
  -moz-justify-content: flex-end;
  justify-content: flex-end;
}
@media screen and (max-width: 767px) {
  .group_business_title {
    -moz-justify-content: flex-start;
    justify-content: flex-start;
  }
}
.group_business_title span {
  text-align: right;
}
@media screen and (max-width: 767px) {
  .group_business_title span {
    text-align: left;
  }
}
.group_business_text {
  margin-top: 43px;
}
@media screen and (max-width: 767px) {
  .group_business_text {
    margin-top: 4vw;
  }
}
.group_business_text p {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 500;
  color: #232323;
  line-height: 2.1111;
  text-align: right;
  letter-spacing: 0.12em;
}
@media screen and (max-width: 767px) {
  .group_business_text p {
    font-size: 3.067vw;
    line-height: 2.087;
    text-align: left;
    white-space: nowrap;
    letter-spacing: 0.1em;
  }
}
.group_business_field {
  display: grid;
  -moz-column-gap: 11px;
       column-gap: 11px;
}
@media screen and (max-width: 767px) {
  .group_business_field {
    -moz-column-gap: 1.733vw;
         column-gap: 1.733vw;
  }
}
.group_business_field:not(:last-child) {
  margin-bottom: 11px;
}
@media screen and (max-width: 767px) {
  .group_business_field:not(:last-child) {
    margin-bottom: 1.733vw;
  }
}
.group_business_field:nth-child(1) {
  grid-template-columns: repeat(2, 245px);
  grid-template-rows: 120px;
}
@media screen and (max-width: 767px) {
  .group_business_field:nth-child(1) {
    grid-template-columns: repeat(2, 39.0666666667vw);
    grid-template-rows: 19.2vw;
  }
}
.group_business_field:nth-child(1) .group_business_item:nth-child(1) {
  background-image: url(../images/index/group_item-01.jpg);
}
.group_business_field:nth-child(1) .group_business_item:nth-child(2) {
  background-image: url(../images/index/group_item-02.jpg);
}
.group_business_field:nth-child(2) {
  grid-template-columns: 120px 369px;
  grid-template-rows: 245px;
}
@media screen and (max-width: 767px) {
  .group_business_field:nth-child(2) {
    grid-template-columns: 19.2vw 58.9333333333vw;
    grid-template-rows: 39.2vw;
  }
}
.group_business_field:nth-child(2) .group_business_item:nth-child(1) {
  background-image: url(../images/index/group_item-03.jpg);
}
.group_business_field:nth-child(2) .group_business_item:nth-child(2) {
  background-image: url(../images/index/group_item-04.jpg);
}
.group_business_field:nth-child(3) {
  grid-template-columns: repeat(2, 245px);
  grid-template-rows: 120px;
}
@media screen and (max-width: 767px) {
  .group_business_field:nth-child(3) {
    grid-template-columns: repeat(2, 39.0666666667vw);
    grid-template-rows: 19.2vw;
  }
}
.group_business_field:nth-child(3) .group_business_item:nth-child(1) {
  background-image: url(../images/index/group_item-05.jpg);
}
.group_business_field:nth-child(3) .group_business_item:nth-child(2) {
  background-image: url(../images/index/group_item-06.jpg);
}
.group_business_item {
  display: grid;
  place-items: center;
  place-content: center;
  border-radius: 15px;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .group_business_item {
    border-radius: 2vw;
  }
}
.group_business_item span {
  font-size: 21px;
  font-size: 2.1rem;
  font-weight: 500;
  color: #fff;
  line-height: 1.3333;
}
@media screen and (max-width: 767px) {
  .group_business_item span {
    font-size: 4vw;
    line-height: 1.1;
  }
}
.group_business_list {
  margin-top: 27px;
}
@media screen and (max-width: 767px) {
  .group_business_list {
    margin-top: 4vw;
  }
}
.group_business_list-item {
  display: grid;
  place-items: center;
  width: 309px;
  height: 54px;
  background-color: #fff;
  border-radius: 10px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .group_business_list-item {
    width: 49.333vw;
    height: 8.533vw;
    border-radius: 1.333vw;
  }
}
.group_business_list-item:not(:last-child) {
  margin-bottom: 7px;
}
@media screen and (max-width: 767px) {
  .group_business_list-item:not(:last-child) {
    margin-bottom: 0.933vw;
  }
}
.group_business_list-item:nth-child(1) img {
  width: 232px;
}
@media screen and (max-width: 767px) {
  .group_business_list-item:nth-child(1) img {
    width: 41.867vw;
  }
}
.group_business_list-item:nth-child(2) img {
  width: 218px;
}
@media screen and (max-width: 767px) {
  .group_business_list-item:nth-child(2) img {
    width: 39.333vw;
  }
}
.group_business_link {
  max-width: 400px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .group_business_link {
    max-width: 69.333vw;
  }
}
.group_business_link a {
  height: 60px;
  background-color: #0055a6;
  border-radius: 30px;
}
@media screen and (max-width: 767px) {
  .group_business_link a {
    height: 11.467vw;
    border-radius: 5.733vw;
  }
}
.group_business_link a::after {
  right: 21px;
  width: 9px;
  height: 9px;
  background-image: url(../images/common/arr_white.png);
}
@media screen and (max-width: 767px) {
  .group_business_link a::after {
    right: 5.6vw;
    width: 2vw;
    height: 2vw;
  }
}
.group_business_link a span {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 400;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .group_business_link a span {
    font-size: 3.067vw;
  }
}

/*----------------------------------------------------------------------------
	estate
----------------------------------------------------------------------------*/
.estate .inner {
  padding-top: 90px;
  padding-bottom: 75px;
}
@media screen and (max-width: 767px) {
  .estate .inner {
    padding-top: 8vw;
    padding-bottom: 10.933vw;
  }
}
.estate_title {
  -moz-justify-content: center;
  justify-content: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .estate_title {
    margin-bottom: 2vw;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .estate_title strong {
    line-height: 1.1887;
  }
}
.estate_text {
  margin-bottom: 55px;
}
@media screen and (max-width: 767px) {
  .estate_text {
    margin-bottom: 9.333vw;
  }
}
.estate_text p {
  font-size: 27px;
  font-size: 2.7rem;
  font-weight: 500;
  color: #232323;
  line-height: 1.5926;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .estate_text p {
    font-size: 3.6vw;
  }
}
.estate_picture {
  display: block;
  text-align: center;
}
.estate_picture img {
  width: 520px;
}
@media screen and (max-width: 767px) {
  .estate_picture img {
    width: 63.333vw;
  }
}

/*----------------------------------------------------------------------------
	management
----------------------------------------------------------------------------*/
.management .inner {
  padding-bottom: 150px;
}
@media screen and (max-width: 767px) {
  .management .inner {
    padding-bottom: 14.667vw;
  }
}
.management .field {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.management .field::after {
  content: "";
  position: absolute;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  z-index: 2;
  top: 50%;
  left: 50%;
  width: 160px;
  height: 71px;
  background-image: url(../images/index/management_text.png);
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
  .management .field::after {
    width: 11.467vw;
    height: 7.867vw;
    background-image: url(../images/index/sp/management_text.png);
  }
}
.management_box {
  position: relative;
  padding-top: 90px;
  padding-bottom: 90px;
}
@media screen and (max-width: 767px) {
  .management_box {
    height: 53.333vw;
    padding-top: 8.667vw;
    padding-bottom: 0;
  }
}
.management_box::before {
  content: "";
  position: absolute;
  top: 0;
  width: 700px;
  height: 100%;
  background-position: center center;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .management_box::before {
    width: 50vw;
    height: 53.333vw;
  }
}
.management_box::after {
  content: "";
  position: absolute;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  bottom: -95px;
  width: 130px;
  height: 74px;
  margin-left: calc(50% - 15px);
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .management_box::after {
    margin-left: 0;
    transform: translate(-50%, 0);
  }
}
@media screen and (max-width: 767px) {
  .management_box::after {
    bottom: -9.333vw;
    width: 12.8vw;
    height: 7.2vw;
    margin-left: 0;
    transform: translate(-50%, 0);
  }
}
.management_box:nth-child(1) {
  padding-right: 100px;
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .management_box:nth-child(1) {
    padding-left: 50px;
  }
}
@media screen and (max-width: 767px) {
  .management_box:nth-child(1) {
    padding-right: 0;
    padding-left: 0;
  }
}
.management_box:nth-child(1)::before {
  right: 0;
  background-image: url(../images/index/management_bg-01.jpg);
}
@media screen and (max-width: 767px) {
  .management_box:nth-child(1)::before {
    background-image: url(../images/index/sp/management_bg-01.jpg);
  }
}
.management_box:nth-child(1)::after {
  left: -100px;
  background-image: url(../images/index/management_arr-01.png);
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .management_box:nth-child(1)::after {
    left: 50%;
  }
}
@media screen and (max-width: 767px) {
  .management_box:nth-child(1)::after {
    left: 50%;
  }
}
.management_box:nth-child(2) {
  padding-left: 100px;
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .management_box:nth-child(2) {
    padding-right: 50px;
  }
}
@media screen and (max-width: 767px) {
  .management_box:nth-child(2) {
    padding-right: 0;
    padding-left: 0;
  }
}
.management_box:nth-child(2)::before {
  left: 0;
  background-image: url(../images/index/management_bg-02.jpg);
}
@media screen and (max-width: 767px) {
  .management_box:nth-child(2)::before {
    background-image: url(../images/index/sp/management_bg-02.jpg);
  }
}
.management_box:nth-child(2)::after {
  left: 0;
  background-image: url(../images/index/management_arr-02.png);
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .management_box:nth-child(2)::after {
    left: 50%;
  }
}
@media screen and (max-width: 767px) {
  .management_box:nth-child(2)::after {
    left: 50%;
  }
}
.management_item {
  position: relative;
  z-index: 1;
}
.management_heading {
  display: grid;
  place-items: center;
  place-content: center;
  min-height: 4.87em;
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .management_heading {
    min-height: 10.933vw;
    margin-bottom: 3.333vw;
  }
}
.management_heading span {
  font-size: 27px;
  font-size: 2.7rem;
  font-weight: 700;
  color: #fff;
  line-height: 1.4444;
}
@media screen and (max-width: 767px) {
  .management_heading span {
    font-size: 3.733vw;
    line-height: 1.4643;
  }
}
.management_logo {
  display: grid;
  place-items: center;
  width: 100%;
  height: 80px;
  border-radius: 10px;
  margin-bottom: 15px;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .management_logo {
    width: 37.333vw;
    height: 8vw;
    border-radius: 1.333vw;
    margin-right: auto;
    margin-bottom: 2vw;
    margin-left: auto;
  }
}
.management_logo.group-01 img {
  width: 363px;
}
@media screen and (max-width: 767px) {
  .management_logo.group-01 img {
    width: 33.733vw;
  }
}
.management_logo.group-02 img {
  width: 340px;
}
@media screen and (max-width: 767px) {
  .management_logo.group-02 img {
    width: 32vw;
  }
}
.management_text p {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  color: #fff;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .management_text p {
    font-size: 2.8vw;
    line-height: 1.4286;
    letter-spacing: -0.03em;
  }
}

/*----------------------------------------------------------------------------
	tabs
----------------------------------------------------------------------------*/
@media screen and (min-width: 768px) {
  .tabs {
    display: none;
  }
}
.tabs.is-active {
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .tabs .field {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    -moz-column-gap: 0.533vw;
         column-gap: 0.533vw;
  }
}
@media screen and (max-width: 767px) {
  .tabs-btn {
    transition: opacity 0.4s ease;
    opacity: 0.5;
  }
}
@media screen and (max-width: 767px) {
  .tabs-btn.is-active {
    opacity: 1;
  }
}
@media screen and (max-width: 767px) {
  .tabs-area {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .tabs_box {
    position: relative;
    padding-top: 2.667vw;
    padding-right: 2.667vw;
    padding-bottom: 5.333vw;
    padding-left: 2.667vw;
  }
}
@media screen and (max-width: 767px) {
  .tabs_box::after {
    content: "";
    position: absolute;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    bottom: 2vw;
    left: 50%;
    width: 2.933vw;
    height: 1.867vw;
    background-image: url(../images/index/sp/arr_down.png);
    transform: translate(-50%, 0);
  }
}
@media screen and (max-width: 767px) {
  .tabs_box:nth-child(1) {
    background-color: #0055a6;
  }
}
@media screen and (max-width: 767px) {
  .tabs_box:nth-child(2) {
    background-color: #e76110;
  }
}
@media screen and (max-width: 767px) {
  .tabs_logo {
    display: grid;
    place-items: center;
    height: 8.8vw;
    background-color: #fff;
    border-radius: 1.333vw;
  }
}
@media screen and (max-width: 767px) {
  .tabs_logo.group-01 img {
    width: 39.733vw;
  }
}
@media screen and (max-width: 767px) {
  .tabs_logo.group-02 img {
    width: 37.733vw;
  }
}

@media screen and (max-width: 767px) {
  .sp-border {
    border-width: 2.667vw;
    border-color: #0055a6;
    border-style: solid;
  }
}
@media screen and (max-width: 767px) {
  .sp-border.group-01 {
    border-color: #0055a6;
  }
}
@media screen and (max-width: 767px) {
  .sp-border.group-02 {
    border-color: #e76110;
  }
}

/*----------------------------------------------------------------------------
	data
----------------------------------------------------------------------------*/
.data .inner {
  padding-bottom: 150px;
}
@media screen and (max-width: 767px) {
  .data .inner {
    padding-top: 9.333vw;
    padding-bottom: 18vw;
  }
}
.data_title {
  place-content: center;
  place-items: center;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .data_title {
    margin-bottom: 5.333vw;
  }
}
.data .field {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .data .field {
    grid-template-columns: 1fr;
    padding-bottom: 2.667vw;
  }
}
.data_box {
  position: relative;
  padding-top: 40px;
  padding-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .data_box {
    padding-top: 7.333vw;
    padding-bottom: 6vw;
  }
}
.data_box::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  width: 100vw;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .data_box::before {
    content: none;
  }
}
.data_box:nth-child(1) {
  padding-right: 40px;
  padding-left: 40px;
  margin-left: -100px;
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .data_box:nth-child(1) {
    padding-right: 30px;
    padding-left: 30px;
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .data_box:nth-child(1) {
    padding-right: 0;
    padding-left: 0;
    margin-left: 0;
    background-color: #e5eef6;
  }
}
.data_box:nth-child(1)::before {
  right: 0;
  background-color: #e5eef6;
}
.data_box:nth-child(2) {
  padding-right: 40px;
  padding-left: 40px;
  margin-right: -100px;
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .data_box:nth-child(2) {
    padding-right: 30px;
    padding-left: 30px;
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .data_box:nth-child(2) {
    padding-right: 0;
    padding-left: 0;
    margin-right: 0;
    background-color: #fff5eb;
  }
}
.data_box:nth-child(2)::before {
  left: 0;
  background-color: #fff5eb;
}
.data_content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 35px;
       column-gap: 35px;
  padding-bottom: 45px;
}
@media screen and (max-width: 767px) {
  .data_content {
    -moz-column-gap: 8vw;
         column-gap: 8vw;
    padding-bottom: 6.667vw;
  }
}
.data_graph {
  position: relative;
}
.data_graph .data_icon {
  text-align: right;
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .data_graph .data_icon {
    padding-top: 21px;
  }
}
.data_graph_list {
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  .data_graph_list {
    top: -0.667vw;
    left: 2vw;
  }
}
.data_graph_list-item:nth-child(1) {
  margin-bottom: 75px;
}
@media screen and (max-width: 767px) {
  .data_graph_list-item:nth-child(1) {
    margin-bottom: 10.667vw;
  }
}
.data_graph_list-item:nth-child(1) .data_graph_list-number {
  margin-bottom: 3px;
}
@media screen and (max-width: 767px) {
  .data_graph_list-item:nth-child(1) .data_graph_list-number {
    margin-bottom: 0;
  }
}
.data_graph_list-item:nth-child(2) {
  display: -moz-flex;
  display: flex;
  -moz-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.data_graph_list-item:nth-child(2) .data_graph_list-text {
  margin-bottom: 3px;
}
@media screen and (max-width: 767px) {
  .data_graph_list-item:nth-child(2) .data_graph_list-text {
    margin-bottom: 0;
  }
}
.data_graph_list-number {
  display: -moz-flex;
  display: flex;
  -moz-align-items: baseline;
  align-items: baseline;
}
.data_graph_list-number strong {
  font-family: "M PLUS 1p", sans-serif;
  font-size: 42px;
  font-size: 4.2rem;
  font-weight: 800;
}
@media screen and (max-width: 767px) {
  .data_graph_list-number strong {
    font-size: 6vw;
  }
}
.data_graph_list-number span {
  font-family: "M PLUS 1p", sans-serif;
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 800;
}
@media screen and (max-width: 767px) {
  .data_graph_list-number span {
    font-size: 4.133vw;
  }
}
.data_graph_list-number.group-01 strong {
  color: #eb8686;
}
.data_graph_list-number.group-01 span {
  color: #eb8686;
}
.data_graph_list-number.group-01-1 strong {
  color: #0055a6;
}
.data_graph_list-number.group-01-1 span {
  color: #0055a6;
}
.data_graph_list-number.group-02 strong {
  color: #5be0b3;
}
.data_graph_list-number.group-02 span {
  color: #5be0b3;
}
.data_graph_list-number.group-02-1 strong {
  color: #fc9c38;
}
.data_graph_list-number.group-02-1 span {
  color: #fc9c38;
}
.data_graph_list-text span {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  color: #575757;
}
@media screen and (max-width: 767px) {
  .data_graph_list-text span {
    font-size: 2.4vw;
  }
}
.data_length {
  padding-top: 32px;
  padding-left: 30px;
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .data_length {
    padding-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .data_length {
    padding-top: 5.067vw;
    padding-left: 0;
  }
}
.data_length_box {
  display: -moz-flex;
  display: flex;
  -moz-column-gap: 15px;
       column-gap: 15px;
}
@media screen and (max-width: 767px) {
  .data_length_box {
    -moz-column-gap: 2vw;
         column-gap: 2vw;
  }
}
.data_length_box:not(:last-child) {
  margin-bottom: 7px;
}
@media screen and (max-width: 767px) {
  .data_length_box:not(:last-child) {
    margin-bottom: 1.067vw;
  }
}
.data_length_box:nth-child(2) {
  -moz-align-items: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .data_length_box:nth-child(2) {
    margin-left: -2vw;
  }
}
.data_length-detail {
  padding-top: 3px;
}
@media screen and (max-width: 767px) {
  .data_length-detail {
    padding-top: 0.533vw;
  }
}
.data_length-heading {
  text-align: center;
}
.data_length-heading span {
  display: inline-block;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 500;
  color: #575757;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .data_length-heading span {
    display: block;
    font-size: 1.867vw;
  }
}
.data_length-name {
  margin-bottom: 8px;
}
@media screen and (max-width: 767px) {
  .data_length-name {
    margin-bottom: 1.067vw;
  }
}
.data_length-name span {
  display: inline-block;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  color: #575757;
  letter-spacing: 0.12em;
}
@media screen and (max-width: 767px) {
  .data_length-name span {
    display: block;
    font-size: 2.4vw;
  }
}
.data_length-about {
  display: -moz-flex;
  display: flex;
  -moz-align-items: baseline;
  align-items: baseline;
}
.data_length-about strong {
  font-family: "M PLUS 1p", sans-serif;
  font-size: 55px;
  font-size: 5.5rem;
  font-weight: 800;
}
@media screen and (max-width: 767px) {
  .data_length-about strong {
    font-size: 8vw;
  }
}
.data_length-about span {
  font-family: "M PLUS 1p", sans-serif;
  font-size: 40px;
  font-size: 4rem;
  font-weight: 800;
}
@media screen and (max-width: 767px) {
  .data_length-about span {
    font-size: 5.733vw;
  }
}
.data_length-about span.ja {
  position: relative;
  top: -0.08em;
  font-size: 33px;
  font-size: 3.3rem;
}
@media screen and (max-width: 767px) {
  .data_length-about span.ja {
    font-size: 4.8vw;
  }
}
.data_length-about.group-01 strong {
  color: #eb8686;
}
.data_length-about.group-01 span {
  color: #eb8686;
}
.data_length-about.group-02 strong {
  color: #fc9c38;
}
.data_length-about.group-02 span {
  color: #fc9c38;
}
.data_length-number {
  display: -moz-flex;
  display: flex;
  -moz-align-items: baseline;
  align-items: baseline;
}
.data_length-number strong {
  font-family: "M PLUS 1p", sans-serif;
  font-size: 41px;
  font-size: 4.1rem;
  font-weight: 800;
}
@media screen and (max-width: 767px) {
  .data_length-number strong {
    font-size: 5.867vw;
  }
}
.data_length-number span {
  font-family: "M PLUS 1p", sans-serif;
  font-size: 30px;
  font-size: 3rem;
  font-weight: 800;
}
@media screen and (max-width: 767px) {
  .data_length-number span {
    font-size: 4.267vw;
  }
}
.data_length-number span.ja {
  position: relative;
  top: -0.1em;
  font-size: 24px;
  font-size: 2.4rem;
}
@media screen and (max-width: 767px) {
  .data_length-number span.ja {
    font-size: 3.467vw;
  }
}
.data_length-number small {
  align-self: flex-start;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 500;
  color: #575757;
}
@media screen and (max-width: 767px) {
  .data_length-number small {
    font-size: 1.867vw;
  }
}
.data_length-number.group-01 strong {
  color: #eb8686;
}
.data_length-number.group-01 span {
  color: #eb8686;
}
.data_length-number.group-02 strong {
  color: #fc9c38;
}
.data_length-number.group-02 span {
  color: #fc9c38;
}
.data_field {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 75px;
       column-gap: 75px;
  row-gap: 50px;
  padding-bottom: 40px;
  padding-left: 25px;
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .data_field {
    -moz-column-gap: 40px;
         column-gap: 40px;
    row-gap: 40px;
    padding-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .data_field {
    -moz-column-gap: 2.667vw;
         column-gap: 2.667vw;
    row-gap: 6.667vw;
    padding-bottom: 6.667vw;
    padding-left: 5.333vw;
  }
}
.data_wrapper {
  display: -moz-flex;
  display: flex;
  -moz-align-items: center;
  align-items: center;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
@media screen and (max-width: 767px) {
  .data_wrapper {
    -moz-column-gap: 2.667vw;
         column-gap: 2.667vw;
  }
}
.data_wrapper:nth-child(1) .data_icon {
  -moz-flex: 0 0 91px;
  flex: 0 0 91px;
}
@media screen and (max-width: 767px) {
  .data_wrapper:nth-child(1) .data_icon {
    flex-basis: 12.933vw;
  }
}
.data_icon {
  display: block;
  text-align: center;
}
.data_icon.icon-01 img {
  width: 197px;
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .data_icon.icon-01 img {
    width: 165px;
  }
}
@media screen and (max-width: 767px) {
  .data_icon.icon-01 img {
    width: 28vw;
  }
}
.data_icon.icon-02 img {
  width: 76px;
}
@media screen and (max-width: 767px) {
  .data_icon.icon-02 img {
    width: 10.8vw;
  }
}
.data_icon.icon-03 img {
  width: 53px;
}
@media screen and (max-width: 767px) {
  .data_icon.icon-03 img {
    width: 7.6vw;
  }
}
.data_icon.icon-04 img {
  width: 72px;
}
@media screen and (max-width: 767px) {
  .data_icon.icon-04 img {
    width: 10.267vw;
  }
}
.data_icon.icon-05 img {
  width: 91px;
}
@media screen and (max-width: 767px) {
  .data_icon.icon-05 img {
    width: 12.933vw;
  }
}
.data_icon.icon-06 img {
  width: 72px;
}
@media screen and (max-width: 767px) {
  .data_icon.icon-06 img {
    width: 10.267vw;
  }
}
.data_item-headline {
  display: -moz-flex;
  display: flex;
  -moz-align-items: flex-start;
  align-items: flex-start;
  margin-bottom: 6px;
}
@media screen and (max-width: 767px) {
  .data_item-headline {
    margin-bottom: 1.2vw;
  }
}
.data_item-headline span {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  color: #575757;
  letter-spacing: 0.12em;
}
@media screen and (max-width: 767px) {
  .data_item-headline span {
    font-size: 2.4vw;
  }
}
.data_item-headline small {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 500;
  color: #575757;
}
@media screen and (max-width: 767px) {
  .data_item-headline small {
    font-size: 1.867vw;
  }
}
.data_item-body {
  display: -moz-flex;
  display: flex;
  -moz-align-items: baseline;
  align-items: baseline;
}
.data_item-body strong {
  font-family: "M PLUS 1p", sans-serif;
  font-size: 55px;
  font-size: 5.5rem;
  font-weight: 800;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .data_item-body strong {
    font-size: 8vw;
  }
}
.data_item-body span {
  font-family: "M PLUS 1p", sans-serif;
  font-size: 42px;
  font-size: 4.2rem;
  font-weight: 800;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .data_item-body span {
    font-size: 6vw;
  }
}
.data_item-body span.ja {
  position: relative;
  top: -0.08em;
  font-size: 35px;
  font-size: 3.5rem;
}
@media screen and (max-width: 767px) {
  .data_item-body span.ja {
    font-size: 4.933vw;
  }
}
.data_item-body i {
  font-family: "M PLUS 1p", sans-serif;
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: 800;
  font-style: normal;
  writing-mode: vertical-lr;
  transform: rotate(0.05deg);
  padding-left: 0.2em;
}
@media screen and (max-width: 767px) {
  .data_item-body i {
    font-size: 2.4vw;
  }
}
.data_item-body.group-01 strong {
  color: #eb8686;
}
.data_item-body.group-01 span {
  color: #eb8686;
}
.data_item-body.group-01 i {
  color: #eb8686;
}
.data_item-body.group-02 strong {
  color: #fc9c38;
}
.data_item-body.group-02 span {
  color: #fc9c38;
}
.data_item-body.group-02 i {
  color: #fc9c38;
}
@media screen and (max-width: 767px) {
  .data_compare {
    padding-right: 3.333vw;
    padding-left: 3.333vw;
  }
}
.data_compare-heading {
  display: -moz-flex;
  display: flex;
  -moz-align-items: flex-start;
  align-items: flex-start;
  margin-bottom: 9px;
}
@media screen and (max-width: 767px) {
  .data_compare-heading {
    margin-bottom: 1.2vw;
  }
}
.data_compare-heading span {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  color: #575757;
  letter-spacing: 0.12em;
}
@media screen and (max-width: 767px) {
  .data_compare-heading span {
    font-size: 2.4vw;
  }
}
.data_compare-heading small {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 500;
  color: #575757;
}
@media screen and (max-width: 767px) {
  .data_compare-heading small {
    font-size: 1.867vw;
  }
}
.data_compare_list {
  display: grid;
}
.data_compare_list.group-01 {
  grid-template-columns: 109px auto;
}
@media screen and (max-width: 767px) {
  .data_compare_list.group-01 {
    grid-template-columns: 15.6vw auto;
  }
}
.data_compare_list.group-02 {
  grid-template-columns: 158px auto;
}
@media screen and (max-width: 767px) {
  .data_compare_list.group-02 {
    grid-template-columns: 22.2666666667vw auto;
  }
}
.data_compare_list-item {
  display: grid;
  place-content: center;
  place-items: center;
  height: 79px;
}
@media screen and (max-width: 767px) {
  .data_compare_list-item {
    place-content: flex-start center;
    height: 11.333vw;
  }
}
.data_compare_list-item.group-01:nth-child(1) {
  background-color: #0055a6;
}
.data_compare_list-item.group-01:nth-child(2) {
  background-color: #eb8686;
}
.data_compare_list-item.group-02:nth-child(1) {
  background-color: #fc9c38;
}
.data_compare_list-item.group-02:nth-child(2) {
  background-color: #5be0b3;
}
.data_compare_list-name {
  margin-bottom: 9px;
}
@media screen and (max-width: 767px) {
  .data_compare_list-name {
    margin-bottom: 0.4vw;
  }
}
.data_compare_list-name span {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .data_compare_list-name span {
    font-size: 2.267vw;
  }
}
.data_compare_list-number strong {
  font-family: "M PLUS 1p", sans-serif;
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 800;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .data_compare_list-number strong {
    font-size: 4.533vw;
  }
}
.data_compare_list-number span {
  position: relative;
  left: -0.2em;
  font-family: "M PLUS 1p", sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 800;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .data_compare_list-number span {
    font-size: 3.2vw;
  }
}
.data_caption {
  display: grid;
  place-content: center;
}
@media screen and (max-width: 767px) {
  .data_caption {
    display: block;
    padding-right: 3.333vw;
    padding-left: 3.333vw;
  }
}
.data_caption_list {
  display: -moz-flex;
  display: flex;
}
@media screen and (max-width: 767px) {
  .data_caption_list {
    display: none;
  }
}
.data_caption_list:nth-child(1) {
  margin-bottom: 15px;
}
.data_caption_list-item:not(:last-child) {
  margin-right: 12px;
}
.data_caption_list-item small {
  display: inline-block;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
  color: #232323;
}
@media screen and (max-width: 767px) {
  .data_caption p {
    text-align: justify;
    text-justify: inter-ideograph;
  }
}
@media screen and (max-width: 767px) {
  .data_caption p small {
    font-size: 2.933vw;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) {
  .data_caption p small:not(:last-child) {
    padding-right: 0.5em;
  }
}

/*----------------------------------------------------------------------------
	business
----------------------------------------------------------------------------*/
.business .inner {
  padding-bottom: 155px;
}
@media screen and (max-width: 767px) {
  .business .inner {
    padding-bottom: 18vw;
  }
}
.business_title {
  place-content: center;
  place-items: center;
  margin-bottom: 25px;
}
@media screen and (max-width: 767px) {
  .business_title {
    margin-bottom: 5.333vw;
  }
}
.business .field {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 1px;
       column-gap: 1px;
}
@media screen and (max-width: 767px) {
  .business .field {
    grid-template-columns: 1fr;
    -moz-column-gap: 0;
         column-gap: 0;
  }
}
.business_box {
  position: relative;
}
.business_box:nth-child(1) {
  margin-left: -100px;
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .business_box:nth-child(1) {
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .business_box:nth-child(1) {
    margin-left: 0;
  }
}
.business_box:nth-child(1) .business_item:nth-child(1) {
  background-image: url(../images/index/business_photo-01.jpg);
}
.business_box:nth-child(1) .business_item:nth-child(2) {
  background-image: url(../images/index/business_photo-02.jpg);
}
.business_box:nth-child(1) .business_item:nth-child(3) {
  background-image: url(../images/index/business_photo-03.jpg);
}
.business_box:nth-child(2) {
  margin-right: -100px;
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .business_box:nth-child(2) {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .business_box:nth-child(2) {
    margin-right: 0;
  }
}
.business_box:nth-child(2) .business_item:nth-child(1) {
  background-image: url(../images/index/business_photo-04.jpg);
}
.business_box:nth-child(2) .business_item:nth-child(2) {
  background-image: url(../images/index/business_photo-05.jpg);
}
.business_box:nth-child(2) .business_item:nth-child(3) {
  background-image: url(../images/index/business_photo-06.jpg);
}
.business_field {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 1px;
       column-gap: 1px;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .business_field {
    margin-bottom: 6.667vw;
  }
}
.business_item {
  display: grid;
  place-content: center;
  place-items: center;
  height: 250px;
  text-align: center;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .business_item {
    height: 34.667vw;
  }
}
.business_item span {
  display: inline-block;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  color: #fff;
  line-height: 1.4167;
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .business_item span {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 767px) {
  .business_item span {
    font-size: 4vw;
    line-height: 1.3333;
  }
}
.business_link {
  max-width: 300px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .business_link {
    max-width: 69.333vw;
  }
}
.business_link a {
  height: 50px;
  border-radius: 25px;
}
@media screen and (max-width: 767px) {
  .business_link a {
    height: 11.467vw;
    border-radius: 5.733vw;
  }
}
.business_link a::after {
  right: 21px;
  width: 9px;
  height: 9px;
  background-image: url(../images/common/arr_white.png);
}
@media screen and (max-width: 767px) {
  .business_link a::after {
    right: 5.6vw;
    width: 2.133vw;
    height: 2.133vw;
  }
}
.business_link a span {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 400;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .business_link a span {
    font-size: 3.067vw;
  }
}
.business_link.group-01 a {
  background-color: #0055a6;
}
.business_link.group-02 a {
  background-color: #fc9c38;
}

/*----------------------------------------------------------------------------
	work
----------------------------------------------------------------------------*/
.work .inner {
  padding-bottom: 140px;
}
@media screen and (max-width: 767px) {
  .work .inner {
    padding-bottom: 18vw;
  }
}
.work_title {
  place-content: center;
  place-items: center;
  margin-bottom: 25px;
}
@media screen and (max-width: 767px) {
  .work_title {
    margin-bottom: 5.333vw;
  }
}
.work .field {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 767px) {
  .work .field {
    grid-template-columns: 1fr;
    padding-bottom: 0;
  }
}
.work_box {
  position: relative;
}
.work_box::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  width: 100vw;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .work_box::before {
    content: none;
  }
}
.work_box:nth-child(1) {
  margin-left: -100px;
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .work_box:nth-child(1) {
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .work_box:nth-child(1) {
    margin-left: 0;
    background-color: #e5eef6;
  }
}
.work_box:nth-child(1)::before {
  right: 0;
  background-color: #e5eef6;
}
.work_box:nth-child(2) {
  margin-right: -100px;
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .work_box:nth-child(2) {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .work_box:nth-child(2) {
    margin-right: 0;
    background-color: #fff5eb;
  }
}
.work_box:nth-child(2)::before {
  left: 0;
  background-color: #fff5eb;
}
.work_field {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 14px;
       column-gap: 14px;
  row-gap: 12px;
  padding-top: 40px;
  padding-right: 28px;
  padding-bottom: 40px;
  padding-left: 28px;
}
@media screen and (max-width: 767px) {
  .work_field {
    grid-template-columns: repeat(2, 1fr);
    -moz-column-gap: 2.933vw;
         column-gap: 2.933vw;
    row-gap: 2.933vw;
    padding-top: 5.333vw;
    padding-right: 3.333vw;
    padding-bottom: 5.333vw;
    padding-left: 3.333vw;
  }
}
.work_pagelink {
  position: absolute;
  z-index: 1;
  top: 33px;
  left: 18px;
  width: 80px;
  height: 60px;
  text-align: center;
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .work_pagelink {
    top: 15px;
    left: 10px;
  }
}
@media screen and (max-width: 767px) {
  .work_pagelink {
    top: 2.4vw;
    left: 1.067vw;
    width: 16.8vw;
    height: 11.067vw;
  }
}
.work_pagelink.group-01 a {
  background-color: #0055a6;
}
.work_pagelink.group-01 a::before {
  background-color: #0055a6;
}
.work_pagelink.group-02 a {
  background-color: #fc9c38;
}
.work_pagelink.group-02 a::before {
  background-color: #fc9c38;
}
.work_pagelink a {
  position: relative;
  display: block;
  padding-top: 7px;
  padding-right: 5px;
  padding-bottom: 21px;
  padding-left: 5px;
  border-radius: 10px;
  transition: opacity 0.4s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@media screen and (max-width: 767px) {
  .work_pagelink a {
    height: 100%;
    padding-top: 1.333vw;
    padding-right: 1.333vw;
    padding-bottom: 0vw;
    padding-left: 1.333vw;
    border-radius: 1.333vw;
  }
}
@media screen and (min-width: 768px) {
  .work_pagelink a:hover {
    opacity: 0.65;
  }
}
.work_pagelink a::before {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 33px;
  width: 13px;
  height: 11px;
  -webkit-clip-path: polygon(0 100%, 15% 0, 100% 0);
          clip-path: polygon(0 100%, 15% 0, 100% 0);
}
@media screen and (max-width: 767px) {
  .work_pagelink a::before {
    bottom: -1.867vw;
    left: 6.667vw;
    width: 3.467vw;
    height: 2.933vw;
  }
}
.work_pagelink a::after {
  content: "";
  position: absolute;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  bottom: 8px;
  left: 50%;
  width: 9px;
  height: 9px;
  background-image: url(../images/common/arr_white-down.png);
  transform: translate(-50%, 0);
}
@media screen and (max-width: 767px) {
  .work_pagelink a::after {
    bottom: 0.8vw;
    width: 1.6vw;
    height: 1.6vw;
  }
}
.work_pagelink a span {
  display: inline-block;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 400;
  color: #fff;
  line-height: 1.2308;
}
@media screen and (max-width: 767px) {
  .work_pagelink a span {
    font-size: 2.667vw;
    line-height: 1.3;
  }
}
.work_content {
  background-color: #fff;
  min-height: 245px;
  padding-top: 26px;
  border-radius: 10px;
}
@media screen and (max-width: 767px) {
  .work_content {
    min-height: 53.333vw;
    padding-top: 5.333vw;
    padding-bottom: 2.667vw;
    border-radius: 2.667vw;
  }
}
@media screen and (max-width: 767px) {
  .work_content.group-02 {
    min-height: 45.333vw;
  }
}
.work_icon {
  display: block;
  text-align: center;
  margin-bottom: 12px;
}
@media screen and (max-width: 767px) {
  .work_icon {
    margin-bottom: 2vw;
  }
}
.work_icon.icon-01 img {
  width: 48px;
}
@media screen and (max-width: 767px) {
  .work_icon.icon-01 img {
    width: 6.4vw;
  }
}
.work_icon.icon-02 img {
  width: 45px;
}
@media screen and (max-width: 767px) {
  .work_icon.icon-02 img {
    width: 6vw;
  }
}
.work_icon.icon-03 img {
  width: 52px;
}
@media screen and (max-width: 767px) {
  .work_icon.icon-03 img {
    width: 6.933vw;
  }
}
.work_icon.icon-04 img {
  width: 46px;
}
@media screen and (max-width: 767px) {
  .work_icon.icon-04 img {
    width: 6.133vw;
  }
}
.work_icon.icon-05 img {
  width: 38px;
}
@media screen and (max-width: 767px) {
  .work_icon.icon-05 img {
    width: 5.067vw;
  }
}
.work_icon.icon-06 img {
  width: 60px;
}
@media screen and (max-width: 767px) {
  .work_icon.icon-06 img {
    width: 8vw;
  }
}
.work_icon.icon-07 img {
  width: 54px;
}
@media screen and (max-width: 767px) {
  .work_icon.icon-07 img {
    width: 7.2vw;
  }
}
.work_icon.icon-08 img {
  width: 48px;
}
@media screen and (max-width: 767px) {
  .work_icon.icon-08 img {
    width: 6.4vw;
  }
}
.work_icon.icon-09 img {
  width: 43px;
}
@media screen and (max-width: 767px) {
  .work_icon.icon-09 img {
    width: 5.733vw;
  }
}
.work_icon.icon-10 img {
  width: 45px;
}
@media screen and (max-width: 767px) {
  .work_icon.icon-10 img {
    width: 6vw;
  }
}
.work_icon.icon-11 img {
  width: 38px;
}
@media screen and (max-width: 767px) {
  .work_icon.icon-11 img {
    width: 5.067vw;
  }
}
.work_icon.icon-12 img {
  width: 60px;
}
@media screen and (max-width: 767px) {
  .work_icon.icon-12 img {
    width: 8vw;
  }
}
.work_item-headline {
  text-align: center;
  margin-bottom: 12px;
}
@media screen and (max-width: 767px) {
  .work_item-headline {
    margin-bottom: 2.667vw;
  }
}
.work_item-headline span {
  display: inline-block;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  color: #232323;
  line-height: 1.5556;
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .work_item-headline span {
    font-size: 16px;
    font-size: 1.6rem;
    white-space: nowrap;
  }
}
@media screen and (max-width: 767px) {
  .work_item-headline span {
    font-size: 4vw;
    line-height: 1.5333;
  }
}
@media screen and (max-width: 767px) {
  .work_item-body {
    padding-right: 2.667vw;
    padding-left: 2.667vw;
  }
}
.work_item-body p {
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 400;
  color: #232323;
  line-height: 1.5385;
  text-align: center;
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .work_item-body p {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 767px) {
  .work_item-body p {
    font-size: 3.2vw;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) {
  .work_item-body.is-nowrap p {
    white-space: nowrap;
  }
}

/*----------------------------------------------------------------------------
	member
----------------------------------------------------------------------------*/
.member .inner {
  padding-bottom: 155px;
}
@media screen and (max-width: 767px) {
  .member .inner {
    padding-bottom: 18vw;
  }
}
.member_title {
  place-content: center;
  place-items: center;
  margin-bottom: 25px;
}
@media screen and (max-width: 767px) {
  .member_title {
    margin-bottom: 5.333vw;
  }
}
.member .field {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .member .field {
    grid-template-columns: 1fr;
    padding-bottom: 0;
  }
}
.member_box {
  position: relative;
  padding-top: 40px;
  padding-right: 20px;
  padding-bottom: 40px;
  padding-left: 20px;
}
@media screen and (max-width: 767px) {
  .member_box {
    padding-top: 6.667vw;
    padding-right: 3.333vw;
    padding-bottom: 6.667vw;
    /*
    @include u.p-vw(padding-bottom, 50);
    */
    padding-left: 3.333vw;
  }
}
.member_box::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  width: 100vw;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .member_box::before {
    content: none;
  }
}
.member_box:nth-child(1) {
  margin-left: -100px;
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .member_box:nth-child(1) {
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .member_box:nth-child(1) {
    margin-left: 0;
    background-color: #e5eef6;
  }
}
.member_box:nth-child(1)::before {
  right: 0;
  background-color: #e5eef6;
}
.member_box:nth-child(2) {
  margin-right: -100px;
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .member_box:nth-child(2) {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .member_box:nth-child(2) {
    margin-right: 0;
    background-color: #fff5eb;
  }
}
.member_box:nth-child(2)::before {
  left: 0;
  background-color: #fff5eb;
}
.member_heading {
  position: relative;
  display: grid;
  place-content: center;
  max-width: 300px;
  height: 50px;
  border-radius: 10px;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .member_heading {
    max-width: 48.4vw;
    height: 7.733vw;
    border-radius: 1.333vw;
    margin-bottom: 3.333vw;
  }
}
.member_heading::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  width: 13px;
  height: 11px;
  -webkit-clip-path: polygon(0 100%, 15% 0, 100% 0);
          clip-path: polygon(0 100%, 15% 0, 100% 0);
  transform: translate(-50%, 0);
}
@media screen and (max-width: 767px) {
  .member_heading::after {
    bottom: -2.133vw;
    width: 3.467vw;
    height: 2.933vw;
  }
}
.member_heading.group-01 {
  background-color: #0055a6;
}
.member_heading.group-01::after {
  background-color: #0055a6;
}
.member_heading.group-02 {
  background-color: #fc9c38;
}
.member_heading.group-02::after {
  background-color: #fc9c38;
}
.member_heading span {
  display: inline-block;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 400;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .member_heading span {
    font-size: 3.467vw;
  }
}
.member_detail {
  display: grid;
  grid-template-columns: 195px 295px;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
  -moz-column-gap: 75px;
       column-gap: 75px;
  min-height: 520px;
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .member_detail {
    -moz-column-gap: 50px;
         column-gap: 50px;
  }
}
@media screen and (max-width: 767px) {
  .member_detail {
    grid-template-columns: 31.4666666667vw 49.6vw;
    -moz-column-gap: 6.667vw;
         column-gap: 6.667vw;
    min-height: auto;
    padding-top: 2.667vw;
    padding-bottom: 10vw;
  }
}
.member_detail-photo {
  display: block;
  text-align: center;
  margin-bottom: 18px;
}
@media screen and (max-width: 767px) {
  .member_detail-photo {
    margin-bottom: 2.667vw;
  }
}
.member_detail-photo img {
  width: 195px;
  border-radius: 10px;
}
@media screen and (max-width: 767px) {
  .member_detail-photo img {
    width: 26vw;
    border-radius: 1.333vw;
  }
}
.member_detail-headline {
  text-align: center;
  margin-bottom: 11px;
}
@media screen and (max-width: 767px) {
  .member_detail-headline {
    margin-bottom: 1.6vw;
  }
}
.member_detail-headline span {
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  color: #fff;
  padding-top: 4px;
  padding-right: 11px;
  padding-bottom: 4px;
  padding-left: 11px;
  border-radius: 10px;
}
@media screen and (max-width: 767px) {
  .member_detail-headline span {
    font-size: 3.2vw;
    padding-top: 1.067vw;
    padding-right: 3.2vw;
    padding-bottom: 1.067vw;
    padding-left: 3.2vw;
    border-radius: 2.4vw;
  }
}
.member_detail-headline.group-01 span {
  background-color: #eb8686;
}
.member_detail-headline.group-02 span {
  background-color: #5be0b3;
}
.member_detail-date {
  text-align: center;
  margin-bottom: 11px;
}
@media screen and (max-width: 767px) {
  .member_detail-date {
    margin-bottom: 1.6vw;
  }
}
.member_detail-date span {
  display: inline-block;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 400;
  color: #232323;
}
@media screen and (max-width: 767px) {
  .member_detail-date span {
    font-size: 3.2vw;
  }
}
.member_detail_schedule {
  position: relative;
}
.member_detail_schedule::after {
  content: "";
  position: absolute;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  z-index: -1;
  top: 14px;
  left: 61px;
  width: 2px;
}
@media screen and (max-width: 767px) {
  .member_detail_schedule::after {
    z-index: 1;
    top: 3.2vw;
    left: 12.4vw;
    width: 0.533vw;
  }
}
.member_detail_schedule.group-01::after {
  height: 470px;
  background-image: url(../images/index/member_line-01.png);
}
@media screen and (max-width: 767px) {
  .member_detail_schedule.group-01::after {
    height: 109.333vw;
    background-image: url(../images/index/sp/member_line-01.png);
  }
}
.member_detail_schedule.group-02::after {
  height: 392px;
  background-image: url(../images/index/member_line-02.png);
}
@media screen and (max-width: 767px) {
  .member_detail_schedule.group-02::after {
    height: 124vw;
    background-image: url(../images/index/sp/member_line-02.png);
  }
}
.member_detail_item {
  display: grid;
  grid-template-columns: 45px 1fr;
  -moz-column-gap: 35px;
       column-gap: 35px;
}
@media screen and (max-width: 767px) {
  .member_detail_item {
    grid-template-columns: 10.6666666667vw 1fr;
    -moz-column-gap: 4.267vw;
         column-gap: 4.267vw;
  }
}
.member_detail_item:not(:last-child) {
  margin-bottom: 14px;
}
@media screen and (max-width: 767px) {
  .member_detail_item:not(:last-child) {
    margin-bottom: 2vw;
  }
}
.member_detail_item-headline {
  position: relative;
  text-align: right;
}
.member_detail_item-headline::after {
  content: "";
  position: absolute;
  top: 7px;
  right: -24px;
  width: 14px;
  height: 4px;
  border-radius: 2px;
}
@media screen and (max-width: 767px) {
  .member_detail_item-headline::after {
    top: 1.6vw;
    right: -2.933vw;
    width: 1.867vw;
    height: 0.8vw;
  }
}
.member_detail_item-headline span {
  display: inline-block;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .member_detail_item-headline span {
    display: block;
    font-size: 3.733vw;
  }
}
.member_detail_item-headline.group-01::after {
  background-color: #0055a6;
}
.member_detail_item-headline.group-01 span {
  color: #0055a6;
}
.member_detail_item-headline.group-02::after {
  background-color: #fc9c38;
}
.member_detail_item-headline.group-02 span {
  color: #fc9c38;
}
.member_detail_item-body strong {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 6px;
}
@media screen and (max-width: 767px) {
  .member_detail_item-body strong {
    font-size: 3.733vw;
    margin-bottom: 1.333vw;
  }
}
.member_detail_item-body.group-01 strong {
  color: #0055a6;
}
.member_detail_item-body.group-02 strong {
  color: #fc9c38;
}
.member_detail_list {
  padding-left: 3px;
}
.member_detail_list-item p {
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 400;
  color: #232323;
  line-height: 1.3077;
  text-indent: -1em;
  padding-left: 1em;
}
@media screen and (max-width: 767px) {
  .member_detail_list-item p {
    font-size: 3.2vw;
    line-height: 1.4167;
  }
}
.member_detail_list-item p::before {
  content: "・";
}
.member_table {
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .member_table {
    margin-right: auto;
  }
}
.member_table-header {
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 400;
  color: #232323;
  line-height: 1.6154;
  padding-right: 1em;
}
@media screen and (max-width: 767px) {
  .member_table-header {
    font-size: 3.2vw;
    line-height: 1.5833;
    padding-right: 0.5em;
  }
}
.member_table-data {
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 400;
  color: #232323;
  line-height: 1.6154;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .member_table-data {
    font-size: 3.2vw;
    line-height: 1.5833;
    white-space: normal;
  }
}
.member_text {
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .member_text {
    margin-bottom: 4vw;
  }
}
.member_text p {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .member_text p {
    font-size: 4vw;
    line-height: 1.5;
  }
}
.member_text.group-01 p {
  color: #0055a6;
}
.member_text.group-02 p {
  color: #fc9c38;
}
.member_content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 15px;
       column-gap: 15px;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .member_content {
    grid-template-columns: 1fr;
    row-gap: 1.333vw;
    margin-bottom: 5.333vw;
  }
}
.member_content.group-02 {
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 767px) {
  .member_content.group-02 {
    grid-template-columns: 1fr;
  }
}
.member_item {
  min-height: 236px;
  padding-top: 25px;
  padding-bottom: 14px;
  border-radius: 10px;
  background-color: #fff;
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .member_item {
    min-height: 308px;
  }
}
@media screen and (max-width: 767px) {
  .member_item {
    min-height: auto;
    padding-top: 3.333vw;
    padding-right: 4vw;
    padding-bottom: 3.333vw;
    padding-left: 4vw;
    border-radius: 1.333vw;
  }
}
.member_item-headline {
  text-align: center;
  margin-bottom: 13px;
}
@media screen and (max-width: 767px) {
  .member_item-headline {
    margin-bottom: 3.333vw;
  }
}
.member_item-headline span {
  display: inline-block;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .member_item-headline span {
    font-size: 3.733vw;
  }
}
.member_item-headline.group-01 span {
  color: #0055a6;
}
.member_item-headline.group-02 span {
  color: #fc9c38;
}
.member_item-body p {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  color: #232323;
  line-height: 1.7143;
  padding-right: 1.25em;
  padding-left: 1.25em;
  text-align: justify;
  text-justify: inter-ideograph;
}
@media screen and (max-width: 767px) {
  .member_item-body p {
    font-size: 3.333vw;
    line-height: 1.68;
    padding-right: 0;
    padding-left: 0;
  }
}
.member_list {
  display: grid;
  place-content: center;
  padding-right: 18px;
  padding-left: 18px;
}
@media screen and (max-width: 767px) {
  .member_list {
    place-content: flex-start start;
    padding-right: 0;
    padding-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .member_list.is-sp {
    grid-template-columns: repeat(2, 1fr);
  }
}
.member_list-item {
  position: relative;
  padding-left: 16px;
}
@media screen and (max-width: 767px) {
  .member_list-item {
    padding-left: 2.667vw;
  }
}
.member_list-item::before {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  width: 8px;
  height: 8px;
  -webkit-clip-path: circle(50% at 50% 50%);
          clip-path: circle(50% at 50% 50%);
}
@media screen and (max-width: 767px) {
  .member_list-item::before {
    top: 2.133vw;
    width: 1.6vw;
    height: 1.6vw;
  }
}
.member_list-item.group-01::before {
  background-color: #5a98d2;
}
.member_list-item.group-02::before {
  background-color: #fc9c38;
}
@media screen and (max-width: 767px) {
  .member_list-item.is-sp:nth-child(1) {
    order: 1;
  }
}
@media screen and (max-width: 767px) {
  .member_list-item.is-sp:nth-child(2) {
    order: 3;
  }
}
@media screen and (max-width: 767px) {
  .member_list-item.is-sp:nth-child(3) {
    order: 5;
  }
}
@media screen and (max-width: 767px) {
  .member_list-item.is-sp:nth-child(4) {
    order: 2;
  }
}
@media screen and (max-width: 767px) {
  .member_list-item.is-sp:nth-child(5) {
    order: 4;
  }
}
@media screen and (max-width: 767px) {
  .member_list-item.is-sp:nth-child(6) {
    order: 6;
  }
}
@media screen and (max-width: 767px) {
  .member_list-item.is-sp-01:nth-child(1) {
    order: 1;
  }
}
@media screen and (max-width: 767px) {
  .member_list-item.is-sp-01:nth-child(2) {
    order: 3;
  }
}
@media screen and (max-width: 767px) {
  .member_list-item.is-sp-01:nth-child(3) {
    order: 2;
  }
}
@media screen and (max-width: 767px) {
  .member_list-item.is-sp-01:nth-child(4) {
    order: 4;
  }
}
.member_list-item span {
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  color: #232323;
  line-height: 1.7143;
}
@media screen and (max-width: 767px) {
  .member_list-item span {
    font-size: 3.333vw;
    line-height: 1.68;
  }
}
.member_link {
  max-width: 300px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .member_link {
    max-width: 69.333vw;
  }
}
.member_link a {
  height: 50px;
  border-radius: 25px;
}
@media screen and (max-width: 767px) {
  .member_link a {
    height: 11.467vw;
    border-radius: 5.733vw;
  }
}
.member_link a::after {
  right: 21px;
  width: 9px;
  height: 9px;
  background-image: url(../images/common/arr_white.png);
}
@media screen and (max-width: 767px) {
  .member_link a::after {
    right: 5.6vw;
    width: 2.133vw;
    height: 2.133vw;
  }
}
.member_link a span {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 400;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .member_link a span {
    font-size: 3.067vw;
  }
}
.member_link.group-01 a {
  background-color: #0055a6;
}
.member_link.group-02 a {
  background-color: #fc9c38;
}

/*----------------------------------------------------------------------------
	interview
----------------------------------------------------------------------------*/
.interview .inner {
  padding-bottom: 115px;
}
@media screen and (max-width: 767px) {
  .interview .inner {
    padding-bottom: 16vw;
  }
}
.interview_title {
  place-content: center;
  place-items: center;
  margin-bottom: 25px;
}
@media screen and (max-width: 767px) {
  .interview_title {
    margin-bottom: 5.333vw;
  }
}
.interview .field {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 767px) {
  .interview .field {
    grid-template-columns: 1fr;
  }
}
.interview_box {
  position: relative;
}
.interview_box::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  width: 100vw;
  height: 350px;
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .interview_box::before {
    height: 300px;
  }
}
@media screen and (max-width: 767px) {
  .interview_box::before {
    content: none;
  }
}
.interview_box:nth-child(1) {
  margin-left: -100px;
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .interview_box:nth-child(1) {
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .interview_box:nth-child(1) {
    margin-left: 0;
  }
}
.interview_box:nth-child(1)::before {
  right: 0;
  background-color: #e5eef6;
}
.interview_box:nth-child(2) {
  margin-right: -100px;
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .interview_box:nth-child(2) {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .interview_box:nth-child(2) {
    margin-right: 0;
  }
}
.interview_box:nth-child(2)::before {
  left: 0;
  background-color: #fff5eb;
}
.interview_photo {
  display: block;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .interview_photo {
    margin-bottom: 6.667vw;
  }
}
.interview_link {
  max-width: 300px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .interview_link {
    max-width: 69.333vw;
  }
}
.interview_link a {
  height: 50px;
  border-radius: 25px;
}
@media screen and (max-width: 767px) {
  .interview_link a {
    height: 11.467vw;
    border-radius: 5.733vw;
  }
}
.interview_link a::after {
  right: 21px;
  width: 9px;
  height: 9px;
  background-image: url(../images/common/arr_white.png);
}
@media screen and (max-width: 767px) {
  .interview_link a::after {
    right: 5.6vw;
    width: 2.133vw;
    height: 2.133vw;
  }
}
.interview_link a span {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 400;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .interview_link a span {
    font-size: 3.067vw;
  }
}
.interview_link.group-01 a {
  background-color: #0055a6;
}
.interview_link.group-02 a {
  background-color: #fc9c38;
}

/*----------------------------------------------------------------------------
	inclusion
----------------------------------------------------------------------------*/
.inclusion .inner {
  padding-bottom: 120px;
}
@media screen and (max-width: 767px) {
  .inclusion .inner {
    padding-top: 18.667vw;
    padding-bottom: 17.333vw;
  }
}
.inclusion_title {
  place-content: center;
  place-items: center;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .inclusion_title {
    margin-bottom: 5.333vw;
  }
}
.inclusion_main {
  color: transparent;
  background-image: linear-gradient(-23deg, rgb(0, 85, 166) 0%, rgb(10, 188, 214) 88%);
  -webkit-background-clip: text;
          background-clip: text;
  margin-bottom: 70px;
}
@media screen and (max-width: 767px) {
  .inclusion_main {
    margin-bottom: 6.667vw;
  }
}
.inclusion_main p {
  font-size: 27px;
  font-size: 2.7rem;
  font-weight: 700;
  line-height: 1.5926;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .inclusion_main p {
    font-size: 4.533vw;
    line-height: 1.6471;
  }
}
.inclusion_box {
  display: -moz-flex;
  display: flex;
  -moz-justify-content: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .inclusion_box {
    display: block;
  }
}
.inclusion_logo {
  display: block;
  margin-right: 50px;
}
@media screen and (max-width: 767px) {
  .inclusion_logo {
    margin-right: 0;
    margin-bottom: 4.667vw;
    text-align: center;
  }
}
.inclusion_logo img {
  width: 171px;
}
@media screen and (max-width: 767px) {
  .inclusion_logo img {
    width: 22.8vw;
  }
}
.inclusion_item {
  margin-bottom: 45px;
}
@media screen and (max-width: 767px) {
  .inclusion_item {
    padding-right: 6vw;
    padding-left: 6vw;
    margin-bottom: 6.667vw;
  }
}
.inclusion_item-headline {
  margin-bottom: 25px;
}
@media screen and (max-width: 767px) {
  .inclusion_item-headline {
    margin-bottom: 2.667vw;
  }
}
.inclusion_item-headline span {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 700;
  color: #232323;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .inclusion_item-headline span {
    font-size: 3.867vw;
    white-space: nowrap;
  }
}
.inclusion_item-body p {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.875;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .inclusion_item-body p {
    font-size: 3.467vw;
    line-height: 1.3846;
  }
}
@media screen and (max-width: 767px) {
  .inclusion_item-body p br {
    display: none;
  }
}
.inclusion_link {
  max-width: 400px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .inclusion_link {
    max-width: 69.333vw;
  }
}
.inclusion_link a {
  height: 60px;
  background-color: #0055a6;
  border-radius: 30px;
}
@media screen and (max-width: 767px) {
  .inclusion_link a {
    height: 11.467vw;
    border-radius: 5.733vw;
  }
}
.inclusion_link a::after {
  right: 21px;
  width: 9px;
  height: 9px;
  background-image: url(../images/common/arr_white.png);
}
@media screen and (max-width: 767px) {
  .inclusion_link a::after {
    right: 5.6vw;
    width: 2.133vw;
    height: 2.133vw;
  }
}
.inclusion_link a span {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 400;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .inclusion_link a span {
    font-size: 3.067vw;
  }
}

/*----------------------------------------------------------------------------
	slider
----------------------------------------------------------------------------*/
.slider .inner {
  max-width: 100%;
}
.slider_item img {
  width: 100%;
}

/*----------------------------------------------------------------------------
	system
----------------------------------------------------------------------------*/
.system .inner {
  padding-top: 120px;
  padding-bottom: 110px;
}
@media screen and (max-width: 767px) {
  .system .inner {
    padding-top: 18.667vw;
    padding-bottom: 17.333vw;
  }
}
.system_title {
  place-content: center;
  place-items: center;
}
.system .field {
  padding-top: 40px;
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .system .field {
    padding-right: 50px;
    padding-left: 50px;
  }
}
@media screen and (max-width: 767px) {
  .system .field {
    padding-top: 5.333vw;
    padding-right: 6vw;
    padding-left: 6vw;
  }
}
.system_box:not(:last-child) {
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .system_box:not(:last-child) {
    margin-bottom: 6.667vw;
  }
}
.system_heading {
  position: relative;
  padding-top: 33px;
  padding-right: 29px;
  padding-bottom: 33px;
  padding-left: 36px;
  border-radius: 10px;
  background-color: #f5f5f5;
}
@media screen and (max-width: 767px) {
  .system_heading {
    padding-top: 3.333vw;
    padding-right: 4.8vw;
    padding-bottom: 3.333vw;
    padding-left: 4.8vw;
    border-radius: 2.667vw;
  }
}
.system_heading::after {
  content: "";
  position: absolute;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  top: 50%;
  right: 29px;
  width: 30px;
  height: 30px;
  background-image: url(../images/index/system_open.png);
  transform: translate(0, -50%);
}
@media screen and (max-width: 767px) {
  .system_heading::after {
    right: 4vw;
    width: 4vw;
    height: 4vw;
  }
}
.system_heading.is-active::after {
  height: 4px;
  background-image: url(../images/index/system_close.png);
}
@media screen and (max-width: 767px) {
  .system_heading.is-active::after {
    height: 0.533vw;
  }
}
@media screen and (min-width: 768px) {
  .system_heading {
    cursor: pointer;
  }
}
.system_heading span {
  display: inline-block;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  color: #0055a6;
}
@media screen and (max-width: 767px) {
  .system_heading span {
    font-size: 4.267vw;
  }
}
.system_field {
  padding-top: 20px;
  padding-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .system_field {
    padding-top: 4vw;
    padding-bottom: 4vw;
  }
}
.system_field.is-first {
  display: -moz-flex;
  display: flex;
  -moz-justify-content: center;
  justify-content: center;
  flex-wrap: wrap;
  -moz-column-gap: 15px;
       column-gap: 15px;
  row-gap: 15px;
  padding-right: 12px;
  padding-left: 12px;
}
@media screen and (max-width: 767px) {
  .system_field.is-first {
    display: grid;
    grid-template-columns: 1fr;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    -moz-column-gap: 0;
         column-gap: 0;
    row-gap: 1.333vw;
    padding-right: 0;
    padding-left: 0;
  }
}
.system_wrapper {
  position: relative;
  -moz-flex: 0 0 380px;
  flex: 0 0 380px;
  padding-top: 32px;
  padding-bottom: 25px;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .system_wrapper {
    flex-basis: 345px;
  }
}
@media screen and (max-width: 767px) {
  .system_wrapper {
    padding-top: 5.333vw;
    padding-bottom: 4vw;
    border-radius: 2.667vw;
  }
}
.system_headline {
  text-align: center;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .system_headline {
    margin-bottom: 4vw;
  }
}
.system_headline span {
  display: inline-block;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  color: #0055a6;
}
@media screen and (max-width: 767px) {
  .system_headline span {
    font-size: 4.267vw;
  }
}
.system_list {
  display: grid;
  place-content: center;
}
@media screen and (max-width: 767px) {
  .system_list {
    place-content: flex-start start;
    padding-left: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .system_list.is-sp {
    grid-template-columns: repeat(2, 1fr);
  }
}
.system_list-item {
  position: relative;
  padding-left: 20px;
}
@media screen and (max-width: 767px) {
  .system_list-item {
    padding-left: 2.667vw;
  }
}
.system_list-item::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 11px;
  height: 11px;
  background-color: #0abcd6;
  -webkit-clip-path: circle(50% at 50% 50%);
          clip-path: circle(50% at 50% 50%);
}
@media screen and (max-width: 767px) {
  .system_list-item::before {
    top: 2.133vw;
    width: 1.6vw;
    height: 1.6vw;
  }
}
.system_list-item:not(:last-child) {
  margin-bottom: 8px;
}
@media screen and (max-width: 767px) {
  .system_list-item:not(:last-child) {
    margin-bottom: 0;
  }
}
.system_list-item span {
  display: inline-block;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  color: #232323;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .system_list-item span {
    font-size: 3.467vw;
    line-height: 1.6923;
  }
}
.system_list-item.is-sp:nth-child(1) {
  order: 1;
}
.system_list-item.is-sp:nth-child(2) {
  order: 3;
}
.system_list-item.is-sp:nth-child(3) {
  order: 2;
}
.system_list-item.is-sp:nth-child(4) {
  order: 4;
}
@media screen and (max-width: 767px) {
  .system_list-item.is-sp span {
    font-feature-settings: "palt";
  }
}
.system_check {
  content: "";
  position: absolute;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  top: 5px;
  right: -24px;
  width: 16px;
  height: 16px;
  background-image: url(../images/index/system_icon.png);
}
@media screen and (max-width: 767px) {
  .system_check {
    top: 1.733vw;
    right: -3.2vw;
    width: 2.133vw;
    height: 2.133vw;
  }
}
@media screen and (min-width: 768px) {
  .system_check:hover + .system_comment {
    opacity: 1;
  }
}
.system_input {
  font-size: 0;
  display: none;
}
@media screen and (max-width: 767px) {
  .system_input:checked ~ .system_comment {
    opacity: 1;
    visibility: visible;
  }
}
.system_comment {
  position: absolute;
  z-index: 1;
  left: calc(100% + 16px);
  bottom: 40px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding-top: 30px;
  padding-right: 40px;
  padding-bottom: 30px;
  padding-left: 40px;
  border-radius: 10px;
  background-color: #0055a6;
  opacity: 0;
  transition: opacity 0.4s ease;
  transform: translate(-50%, 0);
}
@media screen and (max-width: 767px) {
  .system_comment {
    bottom: 10.667vw;
    left: calc(100% + 2.1333333333vw);
    width: 88vw;
    padding-top: 4vw;
    padding-right: 5.333vw;
    padding-bottom: 4vw;
    padding-left: 5.333vw;
    border-radius: 2.667vw;
    visibility: collapse;
  }
}
.system_comment::after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  bottom: -14px;
  width: 15px;
  height: 15px;
  background-color: #0055a6;
  -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
          clip-path: polygon(50% 100%, 0 0, 100% 0);
  transform: translate(-50%, 0);
}
@media screen and (max-width: 767px) {
  .system_comment::after {
    bottom: -3.733vw;
    width: 4vw;
    height: 4vw;
  }
}
.system_comment-heading {
  text-align: center;
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .system_comment-heading {
    margin-bottom: 2.667vw;
  }
}
.system_comment-heading span {
  display: inline-block;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .system_comment-heading span {
    font-size: 3.467vw;
  }
}
.system_comment-text p {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  color: #fff;
  line-height: 1.875;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .system_comment-text p {
    font-size: 3.467vw;
    line-height: 1.5385;
  }
}
.system .is-half {
  display: grid;
  grid-template-columns: auto auto;
  place-content: center;
  -moz-column-gap: 25px;
       column-gap: 25px;
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .system .is-half {
    -moz-column-gap: 15px;
         column-gap: 15px;
  }
}
@media screen and (max-width: 767px) {
  .system .is-half {
    place-content: flex-start start;
    -moz-column-gap: 10.667vw;
         column-gap: 10.667vw;
  }
}
.system .is-half > .system_list {
  display: block;
}
.system_content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 40px;
       column-gap: 40px;
  row-gap: 35px;
  padding-top: 25px;
  padding-right: 50px;
  padding-bottom: 10px;
  padding-left: 50px;
}
@media screen and (max-width: 767px) {
  .system_content {
    grid-template-columns: 1fr;
    row-gap: 6.667vw;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
  }
}
.system_item-headline {
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .system_item-headline {
    margin-bottom: 2.667vw;
  }
}
.system_item-headline span {
  display: inline-block;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 400;
  color: #0055a6;
}
@media screen and (max-width: 767px) {
  .system_item-headline span {
    font-size: 4.267vw;
  }
}
.system_item-body p {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  color: #232323;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .system_item-body p {
    font-size: 3.467vw;
    line-height: 1.4615;
  }
}
@media screen and (max-width: 767px) {
  .system_item-body.is-nowrap p {
    white-space: nowrap;
  }
}

/*----------------------------------------------------------------------------
	person
----------------------------------------------------------------------------*/
.person {
  background-image: linear-gradient(121deg, rgb(180, 222, 255) 0%, rgb(244, 254, 254) 46%, rgb(211, 249, 255) 88%);
}
@media screen and (max-width: 767px) {
  .person {
    position: relative;
    background-image: none;
  }
}
@media screen and (max-width: 767px) {
  .person::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background-image: linear-gradient(121deg, rgb(180, 222, 255) 0%, rgb(244, 254, 254) 46%, rgb(211, 249, 255) 88%);
  }
}
.person .inner {
  padding-top: 80px;
  padding-bottom: 145px;
}
@media screen and (max-width: 767px) {
  .person .inner {
    padding-top: 13.333vw;
    padding-bottom: 0;
  }
}
.person_title {
  place-content: center;
  place-items: center;
}
.person .field {
  position: relative;
  padding-top: 40px;
}
@media screen and (max-width: 767px) {
  .person .field {
    padding-top: 5.333vw;
    padding-bottom: 90vw;
  }
}
.person .field::before {
  content: "";
  position: absolute;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  top: 5px;
  left: -100px;
  width: 548px;
  height: 540px;
  background-image: url(../images/index/person_photo.png);
}
@media screen and (max-width: 767px) {
  .person .field::before {
    top: initial;
    bottom: 13.333vw;
    left: 50%;
    width: 85.867vw;
    height: 66.667vw;
    background-image: url(../images/index/sp/person_photo.png);
    transform: translate(-50%, 0);
  }
}
.person_heading {
  text-align: center;
  margin-bottom: 35px;
}
@media screen and (max-width: 767px) {
  .person_heading {
    margin-bottom: 6vw;
  }
}
.person_heading span {
  display: inline-block;
  font-size: 27px;
  font-size: 2.7rem;
  font-weight: 700;
  color: transparent;
  background-image: linear-gradient(-23deg, rgb(0, 85, 166) 0%, rgb(10, 188, 214) 88%);
  -webkit-background-clip: text;
          background-clip: text;
}
@media screen and (max-width: 767px) {
  .person_heading span {
    font-size: 4.533vw;
  }
}
.person_text p {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 400;
  color: #232323;
  line-height: 2.1111;
}
@media screen and (max-width: 767px) {
  .person_text p {
    font-size: 3.733vw;
    line-height: 2.0714;
    text-align: center;
  }
}
.person_text p:not(:last-child) {
  margin-bottom: 1em;
}
@media screen and (max-width: 767px) {
  .person_text p:not(:last-child) {
    margin-bottom: 2em;
  }
}
.person_text p:nth-child(1) {
  margin-left: 480px;
}
@media screen and (max-width: 767px) {
  .person_text p:nth-child(1) {
    margin-left: 0;
  }
}
.person_text p:nth-child(2) {
  margin-left: 50%;
}
@media screen and (max-width: 767px) {
  .person_text p:nth-child(2) {
    margin-left: 0;
  }
}

/*----------------------------------------------------------------------------
	entry
----------------------------------------------------------------------------*/
.entry {
  position: relative;
}
.entry::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 50%;
  width: 50%;
  height: 100%;
  background-image: linear-gradient(330deg, rgb(0, 85, 166) 0%, rgb(5, 137, 190) 69%, rgb(10, 188, 214) 100%);
}
.entry::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
  width: 50%;
  height: 100%;
  background-image: linear-gradient(330deg, rgb(255, 120, 0) 0%, rgb(255, 168, 42) 69%, rgb(254, 216, 84) 100%);
}
.entry .inner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.entry_item {
  position: relative;
  z-index: 1;
  padding-top: 27px;
  padding-bottom: 33px;
}
.entry_item-headline {
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .entry_item-headline {
    margin-bottom: 4.8vw;
  }
}
.entry_item-headline span {
  display: inline-block;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .entry_item-headline span {
    font-size: 4vw;
  }
}
.entry_item-body a {
  display: block;
  max-width: 450px;
  text-align: center;
  padding-top: 23px;
  padding-bottom: 23px;
  margin-right: auto;
  margin-left: auto;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 33px;
}
@media screen and (max-width: 767px) {
  .entry_item-body a {
    padding-top: 1.6vw;
    padding-bottom: 1.6vw;
    max-width: 47.467vw;
    border-radius: 5.733vw;
  }
}
.entry_item-body a::after {
  right: 25px;
  width: 11px;
  height: 11px;
}
@media screen and (max-width: 767px) {
  .entry_item-body a::after {
    right: 2.533vw;
    width: 2.133vw;
    height: 2.133vw;
  }
}
.entry_item-body a span {
  display: inline-block;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .entry_item-body a span {
    font-size: 3.067vw;
    line-height: 1.3913;
  }
}
.entry_item-body.group-01 a::after {
  background-image: url(../images/common/arr_blue.png);
}
.entry_item-body.group-01 a span {
  color: #0055a6;
}
.entry_item-body.group-02 a::after {
  background-image: url(../images/common/arr_orange.png);
}
.entry_item-body.group-02 a span {
  color: #fc9c38;
}
/*# sourceMappingURL=index.css.map */