@charset "utf-8";


/************************************************************************************************
* MV
************************************************************************************************/


/**************************************************************
* mv
**************************************************************/
.mv {
  position: relative;
	width: 100%;
  height: 100vh;
  background: linear-gradient(#fff 0%, #ededed 100%);
}
@media all and (min-width: 768px) {}
@media all and (max-width: 767px) {}


/* mv-particles
**************************************************************/
.mv-particles {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
  width: 100%;
  height: 100vh;
}


/* mv-main
**************************************************************/
.mv-main {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  transform: translate(-50%, -50%);
}
@media all and (min-width: 768px) {
  .mv-main {
    width: 52.083%;
    margin-left: -9.375%;
  }
}
@media all and (min-width: 1921px) {
  .mv-main {
    width: 100rem;
    margin-left: -18rem;
  }
}
@media all and (max-width: 767px) {
  .mv-main {
    width: 92%;
  }
}


/* mv-cp-container
**************************************************************/
@media all and (min-width: 768px) {}
@media all and (min-width: 1921px) {}
@media all and (max-width: 767px) {}


/* mv-cp-main
********************************/
.mv-cp-main .mv-cp__inner {
  display: block;
  color: var(--main-ttl-color);
  font-family: var(--main-ttl-font-family);
  font-weight: 700;
  line-height: 1.447;
}
@media all and (min-width: 768px) {
  .mv-cp-main .mv-cp__inner {
    font-size: 3.958vw;
  }
}
@media all and (min-width: 1921px) {
  .mv-cp-main .mv-cp__inner {
    font-size: 7.6rem;
  }
}
@media all and (max-width: 767px) {
  .mv-cp-main .mv-cp__inner {
    font-size: 5vw;
  }
}


/* mv-cp-sub
**************************************************************/
@media all and (min-width: 768px) {
  .mv-cp-sub {
    margin-top: 2.6rem;
  }
}
@media all and (max-width: 767px) {
  .mv-cp-sub {
    margin-top: 5.333vw;
  }
}

/* mv-cp-sub__des
********************************/
.mv-cp-sub__des {
  color: var(--base-font-color);
  line-height: 1.5;
  font-weight: bold;
}
@media all and (min-width: 768px) {
  .mv-cp-sub__des {
    font-size: 1.458vw;
  }
}
@media all and (min-width: 1921px) {
  .mv-cp-sub__des {
    font-size: 2.8rem;
  }
}
@media all and (max-width: 767px) {
  .mv-cp-sub__des {
    font-size: 4.8vw;
  }
}


/* main-cv
**************************************************************/
@media all and (min-width: 768px) {}

/* mv-btn-outer
********************************/
@media all and (min-width: 768px) and (max-width: 1200px) {
  .mv-btn-outer {
    display: block;
  }
}
@media all and (max-width: 767px) {
  .mv-btn-outer {
    margin-top: 4rem;
  }
}

/* mv-btn-container
********************************/
@media all and (min-width: 768px) and (max-width: 1200px) {
  .mv-btn-container + .mv-btn-container {
    margin-left: 0;
  }
  .mv-btn-container .c-btn {
    margin-left: 0;
    margin-right: 0;
  }
}


/* mv-logo
**************************************************************/
.mv-logo {
  position: absolute;
  right: 0;
  z-index: 1;
  height: 0;
  background-image: url(../img/common/logo_mark.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transform: translate(0, -50%);
  animation: markRotate 25s linear infinite;
}
@keyframes markRotate {
  0% {
    transform: translate(0, -50%) rotate(0deg)
  }
  to {
    transform: translate(0, -50%) rotate(-1turn)
  }
}
@media all and (min-width: 768px) {
  .mv-logo {
    top: 50%;
    width: 29.583%;
    margin-right: 11.458%;
    padding-top: 29.583%;
  }
}
@media all and (min-width: 1921px) {
  .mv-logo {
    width: 56.8rem;
    margin-right: 22rem;
    padding-top: 56.8rem;
  }
}
@media all and (max-width: 767px) {
  .mv-logo {
    top: 30%;
    width: 54%;
    margin-right: 4%;
    padding-top: 54%;
  }
}


/**************************************************************
* mv-scroll-indicator-container
**************************************************************/
@media all and (min-width: 768px) {}
@media all and (min-width: 1921px) {}
@media all and (max-width: 767px) {}


/************************************************************************************************
* MISSION
************************************************************************************************/


/**************************************************************
* mission-section
**************************************************************/
.mission-section {
  background-color: var(--accent-color-05);
}


/**************************************************************
* mission-head-wrapper
**************************************************************/
.mission-head-wrapper {
  border-bottom: .1rem solid #279090;
}


/* c-head-vl-2
**************************************************************/

/* c-head-vl-2__en
********************************/
.mission-head-wrapper .c-head-vl-2__en {
  /* color: #fff; */
}

/* c-head-vl-2__jp
********************************/
.mission-head-wrapper .c-head-vl-2__jp {
  /* color: #fff; */
}


/**************************************************************
* mission-lead-container
**************************************************************/
@media all and (min-width: 768px) and (max-width: 1800px) {
  .mission-lead-container {
    margin-top: 8rem;
  }
}
@media all and (max-width: 767px) {
  .mission-lead-container {
    margin-top: 4rem;
  }
}


/**************************************************************
* mission-lead-container
**************************************************************/

/* c-lead
**************************************************************/
.mission-lead-container .c-lead {
  color: #fff;
}


/**************************************************************
* mission-main
**************************************************************/
@media all and (min-width: 768px) {
  .mission-main {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}


/* mission-figure
**************************************************************/
.mission-figure {
  position: relative;
}
@media all and (min-width: 1024px) {
  .mission-figure {
    width: 38.541vw;
  }
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  .mission-figure {
    width: 58.651vw;
  }
}
@media all and (min-width: 1921px) {
  .mission-figure {
    width: 74rem;
  }
}

/* mission-figure__bg
********************************/
.mission-figure__bg {
  height: 0;
  background-image: url(../img/top/mission/border.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  animation: mission-rotateBg 40s linear infinite;
}
@keyframes mission-rotateBg {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media all and (min-width: 1024px) {
  .mission-figure__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 25.52vw;
    margin: 5.729vw 0 0 5.989vw;
    padding-top: 26.406vw;
  }
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  .mission-figure__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 33.235vw;
    margin: 9.775vw 0 0 12.707vw;
    padding-top: 32.258vw;
  }
}
@media all and (min-width: 1921px) {
  .mission-figure__bg {
    width: 490px;
    margin: 110px 0 0 115px;
    padding-top: 507px;
  }
}
@media all and (max-width: 767px) {
  .mission-figure__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 56vw;
    margin: 18.666vw 0 0 19.2vw;
    padding-top: 56vw;
  }
}

/* mission-figure__inner
********************************/
@media all and (min-width: 1024px) {
  .mission-figure__inner {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 0 0 12.5vw;
  }
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  .mission-figure__inner {
    display: grid;
    grid-template-areas:
      "areaA areaA"
      "areaB areaC";
    width: 100%;
  }
  .mission-figure-blk.--01 {
    grid-area: areaA;
    margin: 0 auto;
  }
  .mission-figure-blk.--02 {
    grid-area: areaB;
  }
  .mission-figure-blk.--03 {
    grid-area: areaC;
  }
  .mission-figure-blk.--02,
  .mission-figure-blk.--03 {
    margin: 3.91vw 2.737vw 0;
  }
}
@media all and (min-width: 1921px) {
  .mission-figure__inner {
    margin: 0 0 0 24rem;
  }
}
@media all and (max-width: 767px) {
  .mission-figure__inner {
    display: grid;
    grid-template-areas:
      "areaA areaA"
      "areaB areaC";
    justify-content: center;
    width: 100%;
  }
  .mission-figure-blk.--02,
  .mission-figure-blk.--03 {
    margin: 8vw 8vw 0;
  }
  .mission-figure-blk.--01 {
    grid-area: areaA;
    margin: 0 auto;
  }
  .mission-figure-blk.--02 {
    grid-area: areaB;
  }
  .mission-figure-blk.--03 {
    grid-area: areaC;
  }
}

/* mission-figure__ttl
********************************/
.mission-figure__ttl {
  position: absolute;
  top: 0;
  left: 0;
}
.mission-figure__ttl .ttl__sub,
.mission-figure__ttl .ttl__main {
  /* color: #fff; */
  font-weight: bold;
  text-align: center;
}
@media all and (min-width: 1024px) {
  .mission-figure__ttl {
    margin: 15.208vw 0 0 12.5vw;
  }
  .mission-figure__ttl .ttl__sub {
    font-size: .833vw;
  }
  .mission-figure__ttl .ttl__main {
    margin-top: 1.5625vw;
    font-size: 2.7083vw;
  }
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  .mission-figure__ttl {
    margin: 24.633vw 0 0 20.821vw;
  }
  .mission-figure__ttl .ttl__sub {
    font-size: 1.173vw;
  }
  .mission-figure__ttl .ttl__main {
    margin-top: .977vw;
    font-size: 2.541vw;
  }
}
@media all and (min-width: 1921px) {
  .mission-figure__ttl {
    margin: 29.2rem 0 0 24rem;
  }
  .mission-figure__ttl .ttl__sub {
    font-size: 1.6rem;
  }
  .mission-figure__ttl .ttl__main {
    margin-top: 3rem;
    font-size: 5.2rem;
  }
}
@media all and (max-width: 767px) {
  .mission-figure__ttl {
    right: 0;
    margin: 40.533vw auto 0;
  }
  .mission-figure__ttl .ttl__sub {
    font-size: 2.933vw;
  }
  .mission-figure__ttl .ttl__main {
    margin-top: 2.666vw;
    font-size: 5.333vw;
  }
}


/* mission-figure-blk
**************************************************************/
.mission-figure-blk {
  position: relative;
  border-radius: 100%;
  background-color: var(--base-bg-color);
}
@media all and (min-width: 1024px) {
  .mission-figure-blk {
    position: absolute;
    top: 0;
    width: 12.5vw;
    padding: 4.322vw 0;
  }
  .mission-figure-blk.--01 {
    top: 0;
    left: 0;
    right: 0;
  }
  .mission-figure-blk.--02 {
    top: 0;
    right: 0;
    margin: 18.958vw 14.095vw 0 0;
  }
  .mission-figure-blk.--03 {
    top: 0;
    left: 0;
    margin: 18.958vw 0 0 -11.695vw;
  }
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  .mission-figure-blk {
    width: 23.851vw;
    padding: 8.113vw 0;
  }
}
@media all and (min-width: 1921px) {
  .mission-figure-blk {
    width: 24.4rem;
    padding: 8.3rem 0;
  }
  .mission-figure-blk.--02 {
    margin: 36.4rem 27rem 0 0;
  }
  .mission-figure-blk.--03 {
    margin: 36.4rem 0 0 -22.5rem;
  }
}
@media all and (max-width: 767px) {
  .mission-figure-blk {
    width: 37.333vw;
    padding: 12vw 0;
  }
}

/* blk__ttl
********************************/
.mission-figure-blk .blk__ttl-txt {
  color: var(--base-font-color);
  text-align: center;
}
@media all and (min-width: 1024px) {
  .mission-figure-blk .blk__ttl-txt {
    font-size: 2.083vw;
  }
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  .mission-figure-blk .blk__ttl-txt {
    font-size: 3.323vw;
  }
}
@media all and (min-width: 1921px) {
  .mission-figure-blk .blk__ttl-txt {
    font-size: 4rem;
  }
}
@media all and (max-width: 767px) {
  .mission-figure-blk .blk__ttl-txt {
    font-size: 5.333vw;
  }
}

/* blk__tag
********************************/
.mission-figure-blk .blk__tag {
  margin: 1rem auto 0;
  padding: .3rem 0;
  border-radius: 3rem;
  background-color: #2EA8A8;
}
.mission-figure-blk .blk__tag-txt {
  color: #fff;
  text-align: center;
}
@media all and (min-width: 1024px) {
  .mission-figure-blk .blk__tag {
    width: 4.27vw;
  }
  .mission-figure-blk .blk__tag-txt {
    font-size: .729vw;
  }
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  .mission-figure-blk .blk__tag {
    width: 8.015vw;
  }
  .mission-figure-blk .blk__tag-txt {
    font-size: 1.173vw;
  }
}
@media all and (min-width: 1921px) {
  .mission-figure-blk .blk__tag {
    width: 8.2rem;
  }
  .mission-figure-blk .blk__tag-txt {
    font-size: 1.4rem;
  }
}
@media all and (max-width: 767px) {
  .mission-figure-blk .blk__tag {
    width: 21.866vw;
  }
  .mission-figure-blk .blk__tag-txt {
    font-size: 2.666vw;
  }
}


/* mission-info
**************************************************************/
@media all and (min-width: 1024px) {
  .mission-info {
    width: calc(100% - 38.541vw - 7.416vw);
    margin-left: 7.416vw;
  }
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  .mission-info {
    margin-top: 10rem;
  }
}
@media all and (min-width: 1921px) {
  .mission-info {
    width: 60rem;
    margin-left: 20rem;
  }
}
@media all and (max-width: 767px) {
  .mission-info {
    margin-top: 8rem;
  }
}


/* info__ttl
********************************/
.mission-info .info__ttl-txt {
  /* color: #fff; */
  line-height: 1.5;
}
@media all and (min-width: 1024px) {
  .mission-info .info__ttl-txt {
    font-size: 4rem;
  }
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  .mission-info .info__ttl-txt {
    font-size: 3.4rem;
  }
}
@media all and (min-width: 1921px) {
  .mission-info .info__ttl-txt {
    font-size: 4rem;
  }
}
@media all and (max-width: 767px) {
  .mission-info .info__ttl-txt {
    font-size: 5.333vw;
  }
}

/* info__des
********************************/
.mission-info .info__des-txt {
  /* color: #fff; */
  line-height: 2;
}
@media all and (min-width: 1024px) {
  .mission-info .info__des {
    margin-top: 5rem;
  }
  .mission-info .info__des-txt {
    font-size: 1.8rem;
  }
  .mission-info .info__des-txt + .info__des-txt {
    margin-top: 2.6rem;
  }
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  .mission-info .info__des {
    margin-top: 5rem;
  }
  .mission-info .info__des-txt {
    font-size: 1.8rem;
  }
  .mission-info .info__des-txt + .info__des-txt {
    margin-top: 2.6rem;
  }
}
@media all and (min-width: 1921px) {
  .mission-info .info__des-txt {
    font-size: 1.8rem;
  }
}
@media all and (max-width: 767px) {
  .mission-info .info__des {
    margin-top: 3rem;
  }
  .mission-info .info__des-txt {
    font-size: 4.2666vw;
  }
  .mission-info .info__des-txt + .info__des-txt {
    margin-top: 2rem;
  }
}


/**************************************************************
* mission-btn-container
**************************************************************/
@media all and (min-width: 768px) {
  .mission-btn-container .c-btn {
    margin-left: 0;
  }
}
@media all and (max-width: 767px) {}


/************************************************************************************************
* CASE
************************************************************************************************/


/**************************************************************
* case-section
**************************************************************/
.case-section {
  background-color: var(--accent-color-05);
}


/**************************************************************
* case-head-wrapper
**************************************************************/
.case-head-wrapper {
  border-bottom: .1rem solid #279090;
}


/* c-head-vl-2
**************************************************************/

/* c-head-vl-2__en
********************************/
.case-head-wrapper .c-head-vl-2__en {
  /* color: #fff; */
}

/* c-head-vl-2__jp
********************************/
.case-head-wrapper .c-head-vl-2__jp {
  /* color: #fff; */
}


/**************************************************************
* case-lead-container
**************************************************************/
@media all and (min-width: 768px) and (max-width: 1800px) {
  .case-lead-container {
    margin-top: 8rem;
  }
}
@media all and (max-width: 767px) {
  .case-lead-container {
    margin-top: 4rem;
  }
}


/* c-lead
**************************************************************/
.case-lead-container .c-lead {
  color: #fff;
}


/**************************************************************
* case-outer
**************************************************************/
@media all and (min-width: 768px) {
  .case-outer {
    position: relative;
  }
}


/**************************************************************
* case-btn-container
**************************************************************/
@media all and (min-width: 1367px) {
  .case-btn-container {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0 16rem 0 0;
  }
}


/**************************************************************
* case-slider-pager-wrapper
**************************************************************/
@media all and (max-width: 767px) {
  .case-slider-pager-wrapper .c-slider-pager-container {
    margin-left: auto;
    margin-right: auto;
  }
}


/**************************************************************
* caseList-wrapper
**************************************************************/
.caseList-wrapper {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
@media all and (min-width: 768px) {
  .caseList-wrapper {
    max-width: 106.6rem;
    margin-bottom: 11.904%;
  }
}
@media all and (max-width: 767px) {
  .caseList-wrapper {
    margin-bottom: 28.985%;
  }
}


/* caseList-container
**************************************************************/


/* caseList
**************************************************************/


/* list__item
**************************************************************/
.caseList .list__item {
  transition: transform var(--transition-speed);
}
.caseList .list__item:not(.swiper-slide-active) {
  transform: scale(.8);
}
@media all and (min-width: 768px) {
  .caseList .list__item {
    width: 66.625%;
    padding: 5%;
  }
}
@media all and (max-width: 767px) {
  .caseList .list__item {
    width: 100%;
    padding: 5.797%;
  }
}


/* item__link
**************************************************************/


/* item__contents
**************************************************************/


/* item__header
**************************************************************/
.caseList .item__header {
  position: relative;
}


/* item__typography-container
**************************************************************/
.caseList .item__typography-container {
  opacity: .16;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  transform: translate(-50%, -50%);
}

/* item__ttl
********************************/
.caseList .item__typography {
  color: #fff;
  line-height: 1.5;
}
@media all and (min-width: 768px) {
  .caseList .item__typography {
    font-size: 9.375vw;
  }
}
@media all and (min-width: 1921px) {
  .caseList .item__typography {
    font-size: 18rem;
  }
}
@media all and (max-width: 767px) {
  .caseList .item__typography {
    font-size: 13.333vw;
  }
}


/* item__img
**************************************************************/
.caseList .item__img {
  border-radius: 3rem;
  background-color: var(--case-color-01);
}
.caseList .--01 .item__img {
  background-color: var(--case-color-01);
}
.caseList .--02 .item__img {
  background-color: var(--case-color-02);
}
.caseList .--03 .item__img {
  background-color: var(--case-color-03);
}
.caseList .--04 .item__img {
  background-color: var(--case-color-04);
}
.caseList .item__img img {
  position: relative;
  z-index: 1;
}


/* item__info
**************************************************************/
.caseList .item__info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media all and (min-width: 768px) {
  .caseList .item__info {
    margin-top: 3rem;
  }
}
@media all and (max-width: 767px) {
  .caseList .item__info {
    margin-top: 2rem;
  }
}


/* item__ttl-container
**************************************************************/
@media all and (min-width: 768px) {
  .caseList .item__ttl-container {
    width: 30rem;
  }
}

/* item__ttl
********************************/
.caseList .item__ttl {
  /* color: #fff; */
  line-height: 1.5;
}
@media all and (min-width: 768px) {
  .caseList .item__ttl {
    font-size: 2.4rem;
  }
}
@media all and (max-width: 767px) {
  .caseList .item__ttl {
    font-size: 1.8rem;
  }
}


/* item__des-container
**************************************************************/
@media all and (min-width: 768px) {
  .caseList .item__des-container {
    width: calc(100% - 8rem);
  }
}
@media all and (max-width: 767px) {
  .caseList .item__des-container {
    margin-top: 2rem;
  }
}

/* item__des
********************************/
.caseList .item__des {
  /* color: #fff; */
  line-height: 2;
}
@media all and (min-width: 768px) {
  .caseList .item__des {
    font-size: 1.6rem;
  }
}
@media all and (max-width: 767px) {
  .caseList .item__des {
    font-size: 1.4rem;
  }
}


/**************************************************************
* caseCorList-container
**************************************************************/
.caseCorList-container {
  overflow: hidden;
  background-color: var(--base-bg-color);
}
@media all and (min-width: 768px) {
  .caseCorList-container {
    margin-bottom: 14.375%;
    padding: 5%;
  }
}
@media all and (max-width: 767px) {
  .caseCorList-container {
    margin-bottom: 28.985%;
    padding: 11.594%;
  }
}


/* caseCorList
**************************************************************/
.caseCorList.swiper-wrapper {
  transition-timing-function: linear;
}


/* list__item
**************************************************************/
@media all and (min-width: 768px) {
  .caseCorList .list__item {
    width: 18.6rem;
  }
}


/* item__contents
**************************************************************/


/* item__img
**************************************************************/
.caseCorList .item__img img {
  width: 100%;
  height: auto;
}


/************************************************************************************************
* FUNCTION
************************************************************************************************/


/**************************************************************
* function-section
**************************************************************/
.function-section {
  background-color: #F8F2F4;
}


/**************************************************************
* function-outer
**************************************************************/
@media all and (min-width: 768px) {
  .function-outer {
    position: relative;
  }
}


/**************************************************************
* function-btn-container
**************************************************************/
@media all and (min-width: 1367px) {
  .function-btn-container {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0 16rem 0 0;
  }
}


/**************************************************************
* function-lead-container
**************************************************************/
@media all and (min-width: 768px) and (max-width: 1800px) {
  .function-lead-container {
    margin-top: 8rem;
  }
}
@media all and (max-width: 767px) {
  .function-lead-container {
    margin-top: 4rem;
  }
}


/************************************************************************************************
* NEWS
************************************************************************************************/


/**************************************************************
* news-section
**************************************************************/
.news-section {
  background-color: #F1F2F3;
}


/**************************************************************
* news-contents
**************************************************************/
.news-contents {
  position: relative;
}


/**************************************************************
* news-slider-pager-wrapper
**************************************************************/
.news-slider-pager-wrapper {
  margin-bottom: 4rem;
}
@media all and (max-width: 767px) {
  .news-slider-pager-wrapper .c-slider-pager-container {
    margin-left: auto;
    margin-right: auto;
  }
}


/**************************************************************
* news-scrollbar
**************************************************************/
#news .news-scrollbar {
  position: relative;
  left: auto;
  bottom: auto;
  width: 100%;
  height: .5rem;
  background-color: var(--base-bg-color);
}
#news .news-scrollbar .swiper-scrollbar-drag {
  background-color: #808080;
}
#news .swiper-button-next,
#news .swiper-button-prev
{
  color: var(--accent-color-05);
}
@media all and (min-width: 768px) {
  #news .news-scrollbar {
    margin: 6rem auto 0;
  }
  #news .swiper-button-prev,
  #news .swiper-rtl .swiper-button-next {
    left: -6rem;
  }
}
@media all and (max-width: 767px) {
  #news .news-scrollbar {
    margin: 4rem auto 0;
  }
  #news .swiper-button-prev,
  #news .swiper-rtl .swiper-button-next {
    left: 0
  }
}


/**************************************************************
* news-container
**************************************************************/


/* list__item
**************************************************************/
@media all and (min-width: 768px) {
  .js-news-slider .list__item:nth-child(n + 2) {
    margin-left: 0;
  }
}
@media all and (max-width: 767px) {
  .js-news-slider .list__item:nth-child(n + 2) {
    margin-top: 0;
  }
}


/**************************************************************
* news-btn-container
**************************************************************/
@media all and (min-width: 1367px) {
  .news-btn-container {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0 16rem 0 0;
  }
}


/************************************************************************************************
* SUGGESTION
************************************************************************************************/


/**************************************************************
* suggestion-section
**************************************************************/
.suggestion-section {
  position: relative;
  background-color: var(--accent-color-05);
}
.suggestion-section::before {
  content: "";
  opacity: .36;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
  width: 100%;
  max-width: 1344px;
  height: 100%;
  margin: auto;
  background-image: url(../img/top/suggestion/bg.png);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: contain;
}


/**************************************************************
* suggestion-contents
**************************************************************/
@media all and (max-width: 767px) {
  .suggestion-contents {
    padding: 0;
  }
}


/**************************************************************
* suggestion-main
**************************************************************/
@media all and (min-width: 768px) {
  .suggestion-main {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
}


/* suggestion-img
**************************************************************/
@media all and (min-width: 768px) and (max-width: 1280px) {
  .suggestion-img {
    width: 37.5rem;
  }
}
@media all and (min-width: 1281px) and (max-width: 1600px) {
  .suggestion-img {
    width: 29.296%;
  }
}
@media all and (min-width: 1601px) {
  .suggestion-img {
    width: 37.5rem;
  }
}
@media all and (max-width: 767px) {
  .suggestion-img {
    width: 64%;
    margin: 0 auto;
  }
}


/* suggestion-info
**************************************************************/
@media all and (min-width: 1601px) {
  .suggestion-info {
    width: calc(100% - 37.5rem);
    /* margin-left: 13.809%; */
  }
}
@media all and (min-width: 768px) and (max-width: 1280px) {
  .suggestion-info {
    width: 100%;
    margin-top: 8rem;
  }
}
@media all and (min-width: 1281px) and (max-width: 1600px) {
  .suggestion-info {
    width: calc(100% - 29.296% - 6.809%);
    margin-left: 6.809%;
  }
}
@media all and (max-width: 767px) {
  .suggestion-info {
    margin-top: 4rem;
  }
}


/* info__ttl
**************************************************************/
.suggestion-main .info__ttl-txt {
  /* color: #fff; */
  line-height: 1.5;
}
@media all and (min-width: 768px) {
  .suggestion-main .info__ttl-txt {
    text-align: left;
  }
}
@media all and (min-width: 768px) and (max-width: 1280px) {
  .suggestion-main .info__ttl-txt {
    font-size: 5.2rem;
  }
}
@media all and (min-width: 1281px) and (max-width: 1920px) {
  .suggestion-main .info__ttl-txt {
    font-size: 2.7083vw;
  }
}
@media all and (min-width: 1921px) {
  .suggestion-main .info__ttl-txt {
    font-size: 5.2rem;
  }
}
@media all and (max-width: 767px) {
  .suggestion-main .info__ttl-txt {
    font-size: 2.6rem;
  }
}


/* info__des
**************************************************************/
.suggestion-main .info__des-txt {
  /* color: #fff; */
  line-height: 2;
}
@media all and (min-width: 768px) {
  .suggestion-main .info__des {
    margin-top: 3.4rem;
  }
  .suggestion-main .info__des-txt {
    text-align: left;
  }
}
@media all and (min-width: 768px) and (max-width: 1280px) {
  .suggestion-main .info__des-txt {
    font-size: 2.8rem;
  }
}
@media all and (min-width: 1281px) and (max-width: 1920px) {
  .suggestion-main .info__des-txt {
    font-size: 1.458vw;
  }
}
@media all and (min-width: 1921px) {
  .suggestion-main .info__des-txt {
    font-size: 2.8rem;
  }
}
@media all and (max-width: 767px) {
  .suggestion-main .info__des {
    margin: 2.4rem 0;
  }
  .suggestion-main .info__des-txt {
    font-size: 1.8rem;
  }
}

/* info__h2
**************************************************************/
.suggestion-main .info__des-txt {
  /* color: #fff; */
  line-height: 2;
}
@media all and (min-width: 768px) {
  .suggestion-main .info__des {
    margin-top: 3.4rem;
  }
  .suggestion-main .info__h2-txt {
    text-align: left;
    margin-top: 6rem;
    margin-bottom: 1rem;
  }
}
@media all and (min-width: 768px) and (max-width: 1280px) {
  .suggestion-main .info__h2-txt {
    font-size: 2.8rem;
  }
}
@media all and (min-width: 1281px) and (max-width: 1920px) {
  .suggestion-main .info__h2-txt {
    font-size: 2vw;
  }
}
@media all and (min-width: 1921px) {
  .suggestion-main .info__h2-txt {
    font-size: 2.8rem;
  }
}
@media all and (max-width: 767px) {
  .suggestion-main .info__des {
    margin: 2.4rem 0;
  }
  .suggestion-main .info__h2-txt {
    font-size: 1.8rem;
  }
}

/**************************************************************
* suggestion-cv
**************************************************************/


/* suggestion-btn-outer
**************************************************************/
.suggestion-btn-outer {
  justify-content: center;
}


/* suggestion-btn-container
**************************************************************/
.suggestion-btn-container + .suggestion-btn-container {
  margin-left: 2rem;
}
@media all and (min-width: 768px) {
  .suggestion-btn-container {
    margin: 4rem 2rem;
  }
}
@media all and (max-width: 767px) {
  .suggestion-btn-container {
    margin: 2rem;
  }
}



/************************************************************************************************
* CONTACT
************************************************************************************************/


/**************************************************************
* g-contact-section
**************************************************************/
.g-contact-section {
  background-color: #F1F2F3;
}
@media all and (min-width: 768px) {}
@media all and (max-width: 767px) {}


/**************************************************************
* contact-contents
**************************************************************/
@media all and (max-width: 767px) {
  .contact-contents {
    padding: 6rem 0;
  }
}


/**************************************************************
* contact-head-container
**************************************************************/


/* c-head-vl-2
**************************************************************/
.contact-head-container .c-head-vl-2::before {
  background-color: #F5F0ED;
}