@charset "UTF-8";
/* Media Query
───────────────────────────────── */
/* Link
───────────────────────────────── */
/* Font
───────────────────────────────── */
/* Pseudo
───────────────────────────────── */
/* contents
───────────────────────────────── */
/* PC item & SP item
───────────────────────────────── */
/* Tel
───────────────────────────────── */
/* Sticky
───────────────────────────────── */
/* Clearfix
───────────────────────────────── */
/* Column
───────────────────────────────── */
/* IE フォント
───────────────────────────────── */
/* z-index
───────────────────────────────── */
/* VW
───────────────────────────────── */
/* 数値から単位を除外
───────────────────────────────── */
/* `px` から `rem` に変換
───────────────────────────────── */
/* `px` から `em` に変換
───────────────────────────────── */
/* Size
───────────────────────────────── */
/* Color
───────────────────────────────── */
/* Font
───────────────────────────────── */
/* Duration
───────────────────────────────── */
/* Padding
───────────────────────────────── */
/* Easing
───────────────────────────────── */
/* Z-index
───────────────────────────────── */
/* フェードイン
───────────────────────────────── */
/* スライドイン
───────────────────────────────── */
/* リバーススライドイン
───────────────────────────────── */
/* スケールイン
───────────────────────────────── */
/* ブラーイン
───────────────────────────────── */
/* ストロークアニメーション
───────────────────────────────── */
@keyframes strokeSvg {
  0% {
    opacity: 0;
    stroke-dashoffset: 150%;
    fill-opacity: 0;
  }
  61.8% {
    opacity: 1;
    stroke-dashoffset: 0%;
    fill-opacity: 0;
  }
  100% {
    opacity: 1;
    stroke-dashoffset: 0%;
    fill-opacity: 1;
  }
}
/* バウンス
───────────────────────────────── */
@keyframes bounce {
  0% {
    transform: scale(1);
  }
  38.2% {
    transform: scale(0.8382);
  }
  61.8% {
    transform: scale(1.1618);
  }
  100% {
    transform: scale(1);
  }
}
/* クロークイン
───────────────────────────────── */
@keyframes cloakIn {
  0% {
    opacity: 0;
  }
}
/* ==========================================================================
   TOP
   ========================================================================== */
/* layout
  ========================================================================== */
@media screen and (min-width: 768px), print {
  #home #head {
    z-index: 5;
    position: absolute;
    top: 0;
  }
}
#home .l-contents {
  padding-bottom: 0;
}
@media screen and (max-width: 767px) {
  #home .l-contents {
    padding-top: 14.4vw;
  }
}
@media screen and (min-width: 768px), print {
  #home #wrapper {
    background: url(css/img/bg_foot@2x.jpg) no-repeat center 103%;
    background-size: 100%;
  }
}
@media screen and (max-width: 767px) {
  #home #wrapper {
    background: url(css/img/bg_foot@sp.jpg) no-repeat center 100.5%;
    background-size: 100%;
  }
}
@media screen and (min-width: 768px), print {
  #home #main > article {
    margin-top: 0.4rem;
  }
}
@media screen and (max-width: 767px) {
  #home #main > article {
    margin-top: 13.87vw;
  }
}
#home #foot {
  border-top: none;
}
#home #foot .l-foot-copy {
  background-color: transparent;
  position: relative;
}
#home #foot .l-foot-copy span {
  position: relative;
  z-index: 5;
}
#home #foot .l-foot-copy::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #024fa0;
  mix-blend-mode: multiply;
}
@media screen and (min-width: 768px), print {
  #home #foot {
    padding-top: 0.38rem;
  }
  #home #foot .l-foot-utility {
    margin-top: 1.17rem;
  }
  #home #foot .l-foot-copy {
    margin-top: 3.6rem;
  }
}
@media screen and (max-width: 767px) {
  #home #foot .l-foot-utility {
    margin-top: 31.2vw;
  }
  #home #foot .l-foot-logo {
    display: none;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 33.87vw;
  }
  #home #foot .l-foot-utility {
    margin-top: 0;
  }
  #home #foot .l-globalNav-utility-item.lang-btn a {
    background-color: rgba(255, 255, 255, 0.62);
  }
  #home #foot .l-foot-copy {
    margin-top: 44vw;
  }
}

/* common
  ========================================================================== */
/* ///// sectionTitle ///// */
.sectionTitle {
  border-bottom: 1px solid #dddddd;
  display: flex;
  font-weight: bold;
  align-items: center;
}
.sectionTitle .sub {
  color: #024fa0;
  font-family: triplex-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  /* IE11 */
}
@media all and (-ms-high-contrast: none) {
  .sectionTitle .sub {
    font-family: Meiryo, sans-serif;
  }
}
@media screen and (min-width: 768px), print {
  .sectionTitle {
    padding-bottom: 0.14rem;
    font-size: 0.21rem;
  }
  .sectionTitle .sub {
    font-size: 0.16rem;
    margin-left: 0.16rem;
  }
}
@media screen and (max-width: 767px) {
  .sectionTitle {
    font-size: 4.27vw;
    padding-bottom: 3.2vw;
    flex-direction: column;
    line-height: 1.4;
    letter-spacing: 0.075em;
  }
  .sectionTitle .sub {
    font-size: 3.2vw;
    display: block;
    letter-spacing: 0.1em;
  }
}

/* ///// center-contents ///// */
@media screen and (min-width: 768px), print {
  .center-contents {
    padding-right: 1.43rem;
    padding-left: 1.43rem;
  }
}

/* ///// slide-arrow ///// */
.slide-arrow-wrapInner {
  margin-right: auto;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.slide-arrow-wrapInner svg {
  display: block;
}
@media screen and (min-width: 768px), print {
  .slide-arrow-wrapInner {
    width: 0.8rem;
  }
}

.slide-arrow {
  transform-origin: center;
  position: absolute;
  cursor: pointer;
  top: 0;
  bottom: 0;
  margin: auto;
}
.slide-arrow svg {
  width: 100%;
  height: 100%;
}
.slide-arrow.prev-arrow {
  transform: rotateY(-180deg);
  left: 0;
}
.slide-arrow.next-arrow {
  right: 0;
}
@media screen and (min-width: 768px), print {
  .slide-arrow {
    width: 0.12rem;
    height: 0.12rem;
  }
}
@media screen and (max-width: 767px) {
  .slide-arrow {
    width: 2.13vw;
    height: 2.13vw;
  }
}

.slick-counter {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.slick-counter span {
  line-height: 1;
  font-family: mr-eaves-modern, sans-serif;
  font-style: normal;
  font-weight: 400;
  /* IE11 */
}
@media all and (-ms-high-contrast: none) {
  .slick-counter span {
    font-family: Meiryo, sans-serif;
  }
}
.slick-counter span.counter-current {
  font-family: mr-eaves-modern, sans-serif;
  font-style: normal;
  font-weight: 700;
  /* IE11 */
  color: #024fa0;
}
@media all and (-ms-high-contrast: none) {
  .slick-counter span.counter-current {
    font-family: Meiryo, sans-serif;
  }
}
.slick-counter span + span {
  position: relative;
  margin-left: 0.03rem;
  padding-left: 0.08rem;
}
.slick-counter span + span:before {
  content: "/";
  display: block;
  position: absolute;
  left: 0;
}
@media screen and (max-width: 767px) {
  .slick-counter {
    padding-right: 4vw;
    padding-left: 4vw;
  }
  .slick-counter span {
    font-size: 3.2vw;
  }
}

/* mainvisual
  ========================================================================== */
.mainvisual {
  position: relative;
}
.mainvisual a[target=_blank]::after, .mainvisual a[href$=".pdf"]::after {
  display: none;
}
@media screen and (min-width: 768px), print {
  .mainvisual {
    margin-left: 3.18rem;
    padding-top: 0.24rem;
  }
}
.mainvisual .slide-arrow-wrap {
  position: absolute;
  background-color: #fff;
  opacity: 0;
  transition: opacity 0.65s 0.5s ease-out;
}
.mainvisual .slide-arrow-wrap.-initialized {
  opacity: 1;
}
.mainvisual .slide-arrow-wrap::before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  top: 0;
  left: 0;
  background-color: #024fa0;
  transform: scale(0, 1);
  transform-origin: left top;
}
.mainvisual .slide-arrow-wrap .progress {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #024fa0;
  transform-origin: left top;
  will-change: transform;
}
@media screen and (min-width: 768px), print {
  .mainvisual .slide-arrow-wrap {
    width: 1.1rem;
    right: 0.44rem;
    bottom: -0.16rem;
    padding: 0.08rem 0.15rem;
  }
}
@media screen and (max-width: 767px) {
  .mainvisual .slide-arrow-wrap {
    width: 29.33vw;
    right: 0;
    bottom: -4.8vw;
    padding: 2.67vw 4vw;
  }
}

#mainvisual-slider {
  opacity: 0;
  transition: opacity 0.65s 0.5s ease-out;
}
#mainvisual-slider.slick-initialized {
  opacity: 1;
}

.mainvisual-slider__item {
  pointer-events: none;
  overflow: hidden;
  transform: scale(1.1, 1.1);
}
.mainvisual-slider__item a {
  display: block;
}
.slick-initialized .mainvisual-slider__item {
  pointer-events: initial;
  pointer-events: auto;
  animation: mvLoaded 0.65s 0.5s ease-out forwards;
}
@media screen and (min-width: 768px), print {
  .mainvisual-slider__item img {
    transition: transform 0.45s ease-out;
    transform: scale(1, 1);
    transform-origin: center center;
  }
  .mainvisual-slider__item:hover img {
    transform: scale(1.01, 1.01);
  }
}
@media all and (-ms-high-contrast: none) {
  .mainvisual-slider__item:hover img {
    transform: scale(1.02, 1.02);
    backface-visibility: hidden;
  }
}

@keyframes mvLoaded {
  0% {
    transform: scale(1.1, 1.1);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes mvArrowProgress {
  0% {
    transform: scale(0, 1);
  }
  100% {
    transform: scale(1, 1);
  }
}
/* news
  ========================================================================== */
.section__news,
.pg-news #contents {
  overflow: hidden;
  background-repeat: repeat;
  background-position: 0 0;
  background-image: url(css/img/bg_news@2x.png);
  background-size: 50px;
}

@media screen and (min-width: 768px), print {
  .section__news {
    padding-top: 0.59rem;
    padding-bottom: 0.5rem;
  }
  .section__news > .c-box-center {
    display: flex;
    align-items: flex-start;
    max-width: inherit;
  }
}

/* ///// news-area ///// */
.news-area {
  background-color: #fff;
  position: relative;
}
.news-area .sectionTitle {
  border-bottom-color: transparent;
  padding-bottom: 0;
}
@media screen and (min-width: 768px), print {
  .news-area {
    width: 68.6554621849%;
    min-width: 68.6554621849%;
    padding: 0.328rem 0.635rem 0.32rem 0.645rem;
    border-radius: 0.24rem 0 0.24rem 0.24rem;
  }
}
@media screen and (max-width: 767px) {
  .news-area {
    margin-top: 2.93vw;
    margin-right: 2.93vw;
    margin-left: 2.93vw;
    padding-top: 6.27vw;
    border-radius: 3vw 0 3vw 3vw;
  }
}

/* ///// news-tab ///// */
.news-area-tabWrap {
  position: relative;
}
@media screen and (min-width: 768px), print {
  .news-area-tabWrap {
    display: flex;
    align-items: baseline;
  }
}
@media all and (-ms-high-contrast: none) {
  .news-area-tabWrap {
    align-items: center;
  }
}

.news-tab {
  display: flex;
}
@media screen and (min-width: 768px), print {
  .news-tab {
    margin-left: auto;
  }
}
@media screen and (max-width: 767px) {
  .news-tab {
    justify-content: center;
    margin-top: 3.2vw;
  }
}
.news-tab::before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 1px;
  background-color: #dddddd;
}
.news-tab .news-tab-item a {
  position: relative;
  text-decoration: none;
  color: rgba(26, 26, 26, 0.62);
  display: block;
  outline: none;
}
.news-tab-item a.-active {
  color: #024fa0;
  font-family: ryo-gothic-plusn, sans-serif;
  font-style: normal;
  font-weight: 700;
  /* IE11 */
}
@media all and (-ms-high-contrast: none) {
  .news-tab-item a.-active {
    font-family: Meiryo, sans-serif;
  }
}

.news-tab .news-tab-item a::before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 1px;
  background-color: #dddddd;
}
.news-tab-item a.-active::before {
  background-color: #024fa0;
}

@media screen and (min-width: 768px), print {
  .news-tab .news-tab-item a {
    font-size: 0.14rem;
    padding: 0 0.235rem 0.18rem 0.2rem;
  }
}
@media screen and (max-width: 767px) {
  .news-tab .news-tab-item a {
    font-size: 2.93vw;
    padding: 0 2.67vw 3.2vw 2.67vw;
  }
}

@media all and (-ms-high-contrast: none) {
  .news-tab .news-tab-item a {
    font-size: 0.13rem;
  }
}
.\@news__list {
  border-bottom: 1px solid #dddddd;
}
.\@news__list:not(:first-of-type) {
  display: none;
}

/* pickUp-area
  ========================================================================== */
.pickUp-area .sectionTitle {
  border-bottom: none;
}
@media screen and (min-width: 768px), print {
  .pickUp-area {
    margin-top: 0.18rem;
    margin-left: 0.41rem;
  }
  .pickUp-area .sectionTitle {
    font-size: 0.21rem;
    border-bottom: none;
    padding-bottom: 0.07rem;
  }
}
@media screen and (max-width: 767px) {
  .pickUp-area {
    background-color: #fff;
    margin-top: 3.07vw;
    padding: 10.67vw 0 10.67vw 8vw;
    position: relative;
  }
  .pickUp-area .sectionTitle {
    font-size: 4.27vw;
    flex-direction: inherit;
    align-items: baseline;
  }
  .pickUp-area .sectionTitle .sub {
    margin-left: 2.13vw;
  }
}

#pickUp-slider {
  width: 100%;
}
@media screen and (min-width: 768px), print {
  #pickUp-slider {
    max-width: 13.66rem;
  }
  #pickUp-slider .slick-list {
    margin-right: -0.08rem;
    margin-left: -0.08rem;
  }
}
@media screen and (max-width: 767px) {
  #pickUp-slider .slick-list {
    margin-right: -1.33vw;
    margin-left: -1.33vw;
  }
}

.pickUp-slider-item a {
  outline: none;
  background-color: #fff;
  overflow: hidden;
  display: block;
  border: 1px solid #dddddd;
}
.pickUp-slider-item a img {
  width: 100%;
}
.pickUp-slider-item a[target=_blank]::after, .pickUp-slider-item a[href$=".pdf"]::after {
  display: none;
}
@media screen and (min-width: 768px), print {
  .pickUp-slider-item {
    width: 3.55rem;
    padding-right: 0.08rem;
    padding-left: 0.08rem;
  }
  .pickUp-slider-item a {
    padding: 0.03rem;
    border-radius: 16px 0 16px 16px;
  }
  .pickUp-slider-item a img {
    border-radius: 16px 0 16px 16px;
  }
}
@media screen and (max-width: 767px) {
  .pickUp-slider-item {
    width: 80vw;
    padding-right: 1.33vw;
    padding-left: 1.33vw;
  }
  .pickUp-slider-item a {
    padding: 0.8vw;
    border-radius: 3vw 0 3vw 3vw;
  }
  .pickUp-slider-item a img {
    border-radius: 3vw 0 3vw 3vw;
  }
}

@media screen and (min-width: 768px), print {
  .pickUp-area .slide-arrow-wrap {
    margin-top: 0.225rem;
    width: 3.4rem;
  }
}
@media screen and (max-width: 767px) {
  .pickUp-area .slide-arrow-wrap {
    position: absolute;
    top: 13.6vw;
    right: 8vw;
  }
}

/* journal
  ========================================================================== */
.section__journal .sectionTitle {
  border-top: 2px solid #1a1a1a;
}
@media screen and (min-width: 768px), print {
  .section__journal {
    padding-top: 0.645rem;
    padding-bottom: 0.92rem;
  }
  .section__journal .sectionTitle {
    font-size: 0.285rem;
    padding: 0.06rem 0 0.09rem 0.16rem;
  }
  .section__journal .sectionTitle .sub {
    font-size: 0.16rem;
    margin-left: 0.24rem;
  }
}
@media screen and (max-width: 767px) {
  .section__journal {
    overflow: hidden;
    padding-bottom: 10.67vw;
    margin-top: 8vw;
  }
  .section__journal .sectionTitle {
    flex-direction: inherit;
    font-size: 4.27vw;
    align-items: baseline;
    padding: 3.73vw 8vw 3.2vw;
    letter-spacing: 0;
  }
  .section__journal .sectionTitle .sub {
    font-size: 3.2vw;
    margin-left: 1.87vw;
  }
}

/* ///// journal-list ///// */
.journal-list {
  display: flex;
}
@media screen and (min-width: 768px), print {
  .journal-list {
    margin-top: 0.425rem;
  }
}
@media screen and (max-width: 767px) {
  .journal-list {
    margin-top: 5.33vw;
    padding-left: 8vw;
  }
}

.journal-item img {
  width: 100%;
}
@media screen and (min-width: 768px), print {
  .journal-item {
    width: 33.3333333333%;
    margin-right: 0.24rem;
  }
  .journal-item:nth-child(n+3) {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .journal-item {
    padding-right: 0vw;
    margin-top: 0vw;
  }
}

.journal-link {
  display: block;
  text-decoration: none;
}

.journal-imgWrap {
  position: relative;
}
.journal-imgWrap .journal-img {
  overflow: hidden;
  transform: scale(1, 1);
  overflow: hidden;
}
@media screen and (min-width: 768px), print {
  .journal-imgWrap .journal-img {
    height: 4.85rem;
    border-radius: 16px 0 16px 16px;
  }
  .journal-imgWrap img {
    transition: transform 0.3s ease-out;
  }
  .journal-link:hover .journal-imgWrap img {
    transform: scale(1.1, 1.1);
  }
}
@media screen and (max-width: 767px) {
  .journal-imgWrap .journal-img {
    border-radius: 2.67vw 0 2.67vw 2.67vw;
    width: 82.67vw;
    height: 112vw;
    background: #000;
  }
}

.journal-title {
  position: absolute;
  z-index: 5;
  font-family: ryo-gothic-plusn, sans-serif;
  font-style: normal;
  font-weight: 500;
  /* IE11 */
  writing-mode: vertical-rl;
  text-orientation: upright;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media all and (-ms-high-contrast: none) {
  .journal-title {
    font-family: Meiryo, sans-serif;
  }
}
.journal-title span {
  display: block;
  background-color: #fff;
  /* IE */
}
@media all and (-ms-high-contrast: none) {
  .journal-title span {
    font-weight: bold;
  }
}
.journal-title span i {
  font-style: normal;
  position: relative;
}
.journal-title span i.exclamation {
  left: 0.22em;
}
.journal-title span i.question {
  left: 0.2em;
}
_::-webkit-full-page-media, _:future, :root .journal-title span i.exclamation {
  left: 0;
}

_::-webkit-full-page-media, _:future, :root .journal-title span i.question {
  left: 0;
}

@media screen and (min-width: 768px), print {
  .journal-title {
    top: 0.13rem;
    left: 0.13rem;
    font-size: 0.185rem;
  }
  .journal-title span {
    border-radius: 0.05rem 0 0.05rem 0.05rem;
    padding: 0.1rem 0;
  }
  .journal-title span + span {
    margin-top: 0.08rem;
    margin-right: 0.03rem;
  }
}
@media screen and (max-width: 767px) {
  .journal-title {
    top: 3.47vw;
    left: 3.47vw;
    font-size: 4.4vw;
  }
  .journal-title span {
    border-radius: 1.07vw 0 1.07vw 1.07vw;
    padding: 2.13vw 0.53vw;
    letter-spacing: 0.075em;
  }
  .journal-title span + span {
    margin-top: 2.13vw;
    margin-right: 0.8vw;
  }
}

.journal-text {
  font-family: ryo-gothic-plusn, sans-serif;
  font-style: normal;
  font-weight: 700;
  /* IE11 */
  line-height: 1.6;
}
@media all and (-ms-high-contrast: none) {
  .journal-text {
    font-family: Meiryo, sans-serif;
  }
}
@media screen and (min-width: 768px), print {
  .journal-text {
    font-size: 0.2rem;
    margin-top: 0.13rem;
    padding-right: 0.08rem;
    transition: color 0.3s ease-out;
  }
  .journal-link:hover .journal-text {
    color: #024fa0;
  }
}
@media screen and (max-width: 767px) {
  .journal-text {
    font-size: 4.4vw;
    margin-top: 2.67vw;
    padding-right: 0vw;
    letter-spacing: 0.035em;
  }
}

.journal__more {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #024fa0;
  font-family: mr-eaves-modern, sans-serif;
  font-style: normal;
  font-weight: 400;
  /* IE11 */
}
@media all and (-ms-high-contrast: none) {
  .journal__more {
    font-family: Meiryo, sans-serif;
  }
}
@media screen and (min-width: 768px), print {
  .journal__more {
    font-size: 0.13rem;
    margin-top: 0.06rem;
    padding-right: 0.08rem;
    justify-content: flex-end;
  }
  .journal__more .\@arrow {
    margin-right: 0.06rem;
  }
}
@media screen and (max-width: 767px) {
  .journal__more {
    font-size: 3.07vw;
    margin-top: 1.87vw;
  }
  .journal__more .\@arrow {
    margin-right: 1.33vw;
  }
}

/* business
  ========================================================================== */
.section__business {
  position: relative;
  overflow: hidden;
}
.section__business::before, .section__business::after {
  content: "";
  display: block;
  position: absolute;
}
.section__business::before {
  z-index: 5;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100%;
  background-image: url(css/img/bg_business@2x.jpg);
}
.section__business::after {
  z-index: 10;
}
@media screen and (min-width: 768px), print {
  .section__business {
    padding-top: 1.06rem;
  }
  .section__business::before, .section__business::after {
    top: -5px;
    left: -5px;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
  }
}
@media screen and (max-width: 767px) {
  .section__business {
    padding: 12vw 8vw 0 8vw;
  }
  .section__business::before, .section__business::after {
    top: -5px;
    left: -5px;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
  }
  .section__business:before {
    background-size: 100%;
  }
}
.section__business .sectionTitle {
  flex-direction: column;
  justify-content: center;
  border-bottom: none;
  position: relative;
  z-index: 15;
}
.section__business .sectionTitle .sub {
  margin-left: 0;
  line-height: 1;
}
@media screen and (min-width: 768px), print {
  .section__business .sectionTitle {
    font-size: 0.285rem;
  }
  .section__business .sectionTitle .sub {
    font-size: 0.16rem;
  }
}
@media screen and (max-width: 767px) {
  .section__business .sectionTitle {
    font-size: 5.6vw;
  }
  .section__business .sectionTitle .sub {
    font-size: 3.73vw;
  }
}

/* business-contents
───────────────────────────────── */
.business-contents {
  background-color: #fff;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  border-radius: 0.24rem 0 0.24rem 0.24rem;
  z-index: 15;
}
@media screen and (min-width: 768px), print {
  .business-contents {
    width: 12.8rem;
    margin-top: 0.25rem;
    padding: 0.8rem 1rem;
  }
}
@media screen and (max-width: 767px) {
  .business-contents {
    width: 100%;
    margin-top: 4.8vw;
  }
}
@media screen and (min-width: 768px), print {
  .business-contents .\@businessLinks__title {
    margin-top: 0.02rem;
  }
}

/* section__businessGroup
───────────────────────────────── */
.section__businessGroup {
  border-radius: 6px;
  background-color: rgba(2, 79, 160, 0.08);
  background-size: 25%;
  background-position: right -55px;
  background-image: url(common/css/img/bg_logo@2x.png);
}
@media screen and (min-width: 768px), print {
  .section__businessGroup {
    border-radius: 0.08rem;
    margin-top: 0.48rem;
    padding: 0.35rem 0.6rem 0.4rem;
  }
}
@media screen and (max-width: 767px) {
  .section__businessGroup {
    background-size: 55%;
    background-position: right -15px;
    margin-top: 8vw;
    padding: 8vw 0vw 6.67vw;
  }
  .section__businessGroup .\@businessGroupLinks {
    margin-top: 2.13vw;
  }
}

/* ir
  ========================================================================== */
@media screen and (min-width: 768px), print {
  .section__ir {
    margin-top: 1.1rem;
  }
}
@media screen and (max-width: 767px) {
  .section__ir {
    padding-top: 12.53vw;
    padding-right: 8vw;
    padding-left: 8vw;
  }
  .section__ir .sectionTitle {
    border-bottom: none;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .section__ir .sectionTitle {
    font-size: 5.6vw;
  }
  .section__ir .sectionTitle .sub {
    font-size: 3.73vw;
  }
}

@media screen and (min-width: 768px), print {
  .ir-imgLink-wrap {
    margin-top: 0.41rem;
    display: flex;
  }
}
@media screen and (max-width: 767px) {
  .ir-imgLink-wrap {
    margin-top: 2.67vw;
  }
}

.ir-imgLink {
  text-decoration: none;
  text-align: center;
  position: relative;
  overflow: hidden;
  transition: opacity 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
  opacity: 1;
}
@media screen and (min-width: 768px), print {
  .ir-imgLink {
    width: 50%;
    border-radius: 24px 0 24px 24px;
  }
  .ir-imgLink:hover {
    opacity: 0.8;
  }
  .ir-imgLink + .ir-imgLink {
    margin-left: 0.24rem;
  }
}
@media screen and (max-width: 767px) {
  .ir-imgLink {
    border-radius: 4vw 0 4vw 4vw;
  }
  .ir-imgLink + .ir-imgLink {
    margin-top: 5.15vw;
  }
}

.ir-imgLink-img {
  width: 100%;
  height: 100%;
}
.ir-imgLink-img img {
  width: 100%;
  transition: transform 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
  will-change: transform;
}
.ir-imgLink:hover .ir-imgLink-img img {
  transform: scale(1.05, 1.05);
}

.ir-imgLink-term {
  color: #024fa0;
  font-family: mr-eaves-modern, sans-serif;
  font-style: normal;
  font-weight: 400;
  /* IE11 */
  position: relative;
  border-top: 1px solid #024fa0;
  border-bottom: 1px solid #024fa0;
}
@media all and (-ms-high-contrast: none) {
  .ir-imgLink-term {
    font-family: Meiryo, sans-serif;
  }
}
@media screen and (min-width: 768px), print {
  .ir-imgLink-term {
    font-size: 0.14rem;
  }
}
@media screen and (max-width: 767px) {
  .ir-imgLink-term {
    font-size: 2.67vw;
  }
}

.ir-imgLink-title {
  font-family: ryo-display-plusn, sans-serif;
  font-style: normal;
  font-weight: 500;
  /* IE11 */
}
@media all and (-ms-high-contrast: none) {
  .ir-imgLink-title {
    font-family: Meiryo, sans-serif;
  }
}
.ir-imgLink-title .sub {
  display: block;
  font-family: mr-eaves-modern, sans-serif;
  font-style: normal;
  font-weight: 400;
  /* IE11 */
}
@media all and (-ms-high-contrast: none) {
  .ir-imgLink-title .sub {
    font-family: Meiryo, sans-serif;
  }
}
.-plan .ir-imgLink-title .sub {
  color: #024fa0;
}
@media screen and (min-width: 768px), print {
  .ir-imgLink-title {
    font-size: 0.21rem;
  }
  .-plan .ir-imgLink-title {
    font-size: 0.24rem;
  }
  .ir-imgLink-title .sub {
    font-size: 0.12rem;
  }
}
@media screen and (max-width: 767px) {
  .ir-imgLink-title {
    font-size: 4.27vw;
  }
  .-plan .ir-imgLink-title {
    margin-top: 1.33vw;
  }
  .ir-imgLink-title .sub {
    font-size: 2.4vw;
    line-height: 1;
  }
}

.ir-imgLink-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: absolute;
}
@media screen and (min-width: 768px), print {
  .ir-imgLink-inner {
    width: 2.95rem;
    height: 1.88rem;
  }
}

.ir-imgLink {
  position: relative;
  overflow: hidden;
  display: block;
}
.ir-imgLink.-message {
  justify-content: flex-start;
  color: #fff;
}
.ir-imgLink.-message::before {
  content: "";
  display: block;
  position: absolute;
  top: -31%;
  right: 5%;
  z-index: 10;
  width: 42.6136363636%;
  height: 172.7272727273%;
  pointer-events: none;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-image: url(css/img/bg_ir_message_president@2x.png);
}
.c-top .ir-imgLink.-message::before {
  right: 2%;
}
.ir-imgLink.-message .ir-imgLink-inner {
  background-color: rgba(2, 79, 160, 0.9);
  transform: translateY(-50%);
  z-index: 5;
}
.ir-imgLink.-message .ir-imgLink-inner::before, .ir-imgLink.-message .ir-imgLink-inner::after {
  content: "";
  display: block;
  position: absolute;
  opacity: 0.9;
}
.ir-imgLink.-message .ir-imgLink-inner::before {
  height: 100%;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  top: 0;
}
.ir-imgLink.-message .ir-imgLink-inner::after {
  width: 100%;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  left: 0;
}
@media screen and (min-width: 768px), print {
  .ir-imgLink.-message .ir-imgLink-inner {
    top: 50%;
    left: 4.5454545455%;
  }
  .ir-imgLink.-message .ir-imgLink-inner::before {
    width: calc(100% - 0.08rem);
    left: 0.04rem;
  }
  .ir-imgLink.-message .ir-imgLink-inner::after {
    height: calc(100% - 0.08rem);
    top: 0.04rem;
  }
}
@media screen and (max-width: 767px) {
  .ir-imgLink.-message .ir-imgLink-inner {
    width: 49.07vw;
    height: 31.47vw;
    top: 50%;
    left: 4.5454545455%;
  }
  .ir-imgLink.-message .ir-imgLink-inner::before {
    width: calc(100% - 1.33vw);
    left: 0.67vw;
  }
  .ir-imgLink.-message .ir-imgLink-inner::after {
    height: calc(100% - 1.33vw);
    top: 0.67vw;
  }
}

.ir-imgLink.-plan {
  overflow: hidden;
}
.ir-imgLink.-plan .ir-imgLink-inner {
  z-index: 1;
  pointer-events: none;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.ir-imgLink.-plan .ir-imgLink-inner::before, .ir-imgLink.-plan .ir-imgLink-inner::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ir-imgLink.-plan .ir-imgLink-inner::before {
  z-index: -1;
  filter: blur(4px);
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(img/bg_ir_plan@2x.jpg);
}
.ir-imgLink.-plan .ir-imgLink-inner::after {
  background-color: rgba(255, 255, 255, 0.3);
  z-index: -1;
}
@media screen and (min-width: 768px), print {
  .ir-imgLink.-plan .ir-imgLink-inner {
    border-radius: 22px 0 22px 22px;
  }
  .ir-imgLink.-plan .ir-imgLink-inner::before, .ir-imgLink.-plan .ir-imgLink-inner::after {
    border-radius: 22px 0 22px 22px;
  }
  .ir-imgLink.-plan .ir-imgLink-inner::before {
    background-size: 5.28rem;
  }
  .ir-imgLink.-plan .ir-imgLink-inner::after {
    border: 4px solid #fff;
  }
}
@media screen and (max-width: 767px) {
  .ir-imgLink.-plan .ir-imgLink-inner {
    width: 45.87vw;
    height: 33.87vw;
    border-radius: 3.47vw 0 3.47vw 3.47vw;
  }
  .ir-imgLink.-plan .ir-imgLink-inner::before, .ir-imgLink.-plan .ir-imgLink-inner::after {
    border-radius: 3.47vw 0 3.47vw 3.47vw;
  }
  .ir-imgLink.-plan .ir-imgLink-inner::before {
    background-size: 5.28rem;
  }
  .ir-imgLink.-plan .ir-imgLink-inner::after {
    border: 4px solid #fff;
  }
}

.ir-imgLink-btn {
  position: relative;
  font-weight: 500;
  letter-spacing: 0.15em;
}
.-message .ir-imgLink-btn {
  background-color: #fff;
  color: #024fa0;
}
.-plan .ir-imgLink-btn {
  background-color: #024fa0;
  color: #fff;
}
.ir-imgLink-btn::before {
  content: "";
  display: block;
  position: absolute;
  background-size: contain;
  top: 0;
  bottom: 0;
  margin: auto;
}
.-message .ir-imgLink-btn::before {
  background: url(common/css/img/icon_arrow.svg) no-repeat center;
}
.-plan .ir-imgLink-btn::before {
  background: url(common/css/img/icon_arrow_white.svg) no-repeat center;
}
@media screen and (min-width: 768px), print {
  .ir-imgLink-btn {
    font-size: 0.11rem;
    border-radius: 0.15rem;
    margin-top: 0.18rem;
    padding: 0.025rem 0.18rem 0.025rem 0.42rem;
  }
  .ir-imgLink-btn::before {
    width: 0.12rem;
    height: 0.12rem;
    left: 0.23rem;
  }
}
@media screen and (max-width: 767px) {
  .ir-imgLink-btn {
    font-size: 2.67vw;
    border-radius: 4vw;
    margin-top: 2vw;
    padding: 0.27vw 3.2vw 0.27vw 7.2vw;
  }
  .ir-imgLink-btn::before {
    width: 3.2vw;
    height: 3.2vw;
    left: 3.47vw;
  }
}

@media screen and (min-width: 768px), print {
  .ir-imgLink-wrap + .\@pageLinkNavigation .\@pageLinkNavigation__list {
    margin-top: 0.62rem;
  }
  .ir-imgLink-wrap + .\@pageLinkNavigation .\@pageLinkNavigation__list .\@pageLinkNavigation__link {
    padding-bottom: 0.22rem;
  }
  .ir-imgLink-wrap + .\@pageLinkNavigation .\@pageLinkNavigation__list .\@pageLinkNavigation__item:nth-of-type(n+5) {
    margin-top: 0.23rem;
  }
}
@media screen and (max-width: 767px) {
  .ir-imgLink-wrap + .\@pageLinkNavigation {
    margin-top: 13.33vw;
  }
  .ir-imgLink-wrap + .\@pageLinkNavigation .\@pageLinkNavigation__list {
    margin-top: 0;
  }
  .ir-imgLink-wrap + .\@pageLinkNavigation .\@pageLinkNavigation__list .\@pageLinkNavigation__link {
    padding-bottom: 4vw;
  }
  .ir-imgLink-wrap + .\@pageLinkNavigation .\@pageLinkNavigation__list .\@pageLinkNavigation__item:nth-child(n+3) {
    margin-top: 4vw;
  }
}

/* recruit
  ========================================================================== */
.section__recruit {
  position: relative;
  background: linear-gradient(to right, #ACDDF7, #B6B4D9);
}
.section__recruit .text-buildUp {
  position: absolute;
}
@media screen and (min-width: 768px), print {
  .section__recruit {
    margin-top: 1.42rem;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    padding-right: 0.74rem;
  }
  .section__recruit .text-buildUp {
    /*top: rem(-79);
    left: rem(-71);
    width: rem(395.30541);*/
    top: 0rem;
    left: 0.1rem;
    width: 7rem;
  }
}
@media screen and (max-width: 767px) {
  .section__recruit {
    margin-top: 20.93vw;
    padding-top: 5.33vw;
    padding-bottom: 5.33vw;
    overflow: hidden;
  }
  .section__recruit .text-buildUp {
    /*top: vw(286);
    right: vw(-50);
    width: vw(213);*/
    top: 80vw;
    right: 0vw;
    width: 85.33vw;
    z-index: 5;
  }
}

.recruit-contents {
  position: relative;
}
@media screen and (min-width: 768px), print {
  .recruit-contents {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
    justify-content: center;
  }
}

.recruit-title-wrap {
  background-color: #024fa0;
  display: flex;
  flex-direction: column;
}
.recruit-title-wrap .sectionTitle {
  color: #fff;
  border-bottom: none;
}
.recruit-title-wrap .sectionTitle .sub {
  color: #fff;
}
@media screen and (min-width: 768px), print {
  .recruit-title-wrap {
    width: 37.2340425532%;
    /*width: (666/1128)*100%;*/
    height: 5.01rem;
    padding: 0.8rem 0.32rem 0 0.5rem;
    /*padding: rem(80) rem(64) 0 rem(268);*/
    border-radius: 24px 0 24px 24px;
  }
  .recruit-title-wrap .sectionTitle {
    font-size: 0.285rem;
  }
  .recruit-title-wrap .sectionTitle .sub {
    font-size: 0.16rem;
  }
}
@media screen and (max-width: 767px) {
  .recruit-title-wrap {
    width: 100%;
    padding: 5.07vw;
    border-radius: 4vw 0 4vw 4vw;
  }
  .recruit-title-wrap .sectionTitle {
    font-size: 5.6vw;
  }
  .recruit-title-wrap .sectionTitle .sub {
    font-size: 3.73vw;
  }
}

@media screen and (max-width: 767px) {
  .recruit-link-list {
    /*padding-top: vw(318);*/
    padding-top: 74.67vw;
  }
}

.recruit-link-item {
  overflow: hidden;
}
.recruit-link-item + .recruit-link-item {
  margin-top: 0.08rem;
}
@media screen and (min-width: 768px), print {
  .recruit-link-item {
    width: 3.34rem;
    border-radius: 16px 0 16px 16px;
  }
}
@media screen and (max-width: 767px) {
  .recruit-link-item {
    border-radius: 3.47vw 0 3.47vw 3.47vw;
  }
}

.recruit-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  text-decoration: none;
  position: relative;
  width: 100%;
  transition: opacity 0.3s ease-out;
}
.recruit-link::before {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  background-color: #024fa0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.recruit-link__title {
  color: #024fa0;
  font-weight: bold;
  position: relative;
}
.recruit-link__title .sub {
  color: #1a1a1a;
  font-weight: normal;
  display: block;
  font-family: mr-eaves-modern, sans-serif;
  font-style: normal;
  font-weight: 400;
  /* IE11 */
}
@media all and (-ms-high-contrast: none) {
  .recruit-link__title .sub {
    font-family: Meiryo, sans-serif;
  }
}
@media screen and (min-width: 768px), print {
  .recruit-link {
    padding: 0.345rem 0.32rem 0.345rem 0.42rem;
  }
  .recruit-link:hover {
    opacity: 0.8;
  }
  .recruit-link::before {
    height: calc(100% - 0.69rem);
    right: 0.765rem;
  }
  .recruit-link__title {
    font-size: 0.21rem;
    margin-right: auto;
  }
  .recruit-link__title .sub {
    font-size: 0.1rem;
  }
}
@media screen and (max-width: 767px) {
  .recruit-link {
    padding: 8.8vw 5.07vw 8.8vw;
  }
  .recruit-link::before {
    height: calc(100% - 16.27vw);
    right: 12.8vw;
  }
  .recruit-link[target=_blank]::after {
    width: 2.4vw;
    height: 2.4vw;
    margin: 0;
  }
  .recruit-link__title {
    font-size: 4vw;
    display: flex;
    align-items: center;
  }
  .recruit-link__title .sub {
    font-size: 2.4vw;
    line-height: 1;
    margin-left: 2.13vw;
  }
}

.recruit-list {
  display: flex;
}
@media screen and (min-width: 768px), print {
  .recruit-list {
    width: 59.0425531915%;
    min-width: 59.0425531915%;
    padding-top: 1rem;
    /*padding-top: rem(64);
    margin-right: rem(-204);*/
    margin-right: -0.6rem;
  }
  .recruit-list li {
    margin-right: 0.02rem;
  }
}
@media screen and (max-width: 767px) {
  .recruit-list {
    position: absolute;
    top: 18.67vw;
    margin-right: -8vw;
    margin-left: -8vw;
  }
  .recruit-list li {
    margin-right: 1.07vw;
  }
}

.recruit-item {
  /*width: (10/3)*10%;*/
  width: 25%;
  overflow: hidden;
}
.recruit-item img {
  width: 100%;
}
@media screen and (min-width: 768px), print {
  .recruit-item {
    border-radius: 24px 0 24px 24px;
  }
  .recruit-item:nth-child(even) {
    margin-top: 0.4rem;
  }
}
@media screen and (max-width: 767px) {
  .recruit-item {
    border-radius: 4vw 0 4vw 4vw;
  }
  .recruit-item:nth-child(1), .recruit-item:nth-child(3) {
    margin-top: 5.87vw;
  }
  .recruit-item:nth-child(2), .recruit-item:nth-child(4) {
    margin-top: 2.93vw;
  }
}
@charset "UTF-8";@-webkit-keyframes strokeSvg{0%{opacity:0;stroke-dashoffset:150%;fill-opacity:0}61.8%{opacity:1;stroke-dashoffset:0;fill-opacity:0}100%{opacity:1;stroke-dashoffset:0;fill-opacity:1}}@keyframes strokeSvg{0%{opacity:0;stroke-dashoffset:150%;fill-opacity:0}61.8%{opacity:1;stroke-dashoffset:0;fill-opacity:0}100%{opacity:1;stroke-dashoffset:0;fill-opacity:1}}@-webkit-keyframes bounce{0%{-webkit-transform:scale(1);transform:scale(1)}38.2%{-webkit-transform:scale(.8382);transform:scale(.8382)}61.8%{-webkit-transform:scale(1.1618);transform:scale(1.1618)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%{-webkit-transform:scale(1);transform:scale(1)}38.2%{-webkit-transform:scale(.8382);transform:scale(.8382)}61.8%{-webkit-transform:scale(1.1618);transform:scale(1.1618)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes cloakIn{0%{opacity:0}}@keyframes cloakIn{0%{opacity:0}}#main>article{margin-top:0}.news-area{width:100%}@media screen and (max-width:767px){.news-area{width:auto}}.sct-news{background-size:100%}