/*========================================
mixin
==========================================*/
/*========================================
header
==========================================*/
.header {
  position: relative;
}
.header-inner {
  width: 100%;
  height: 102px;
  padding: 0 20px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  background-color: #fff;
  z-index: 10;
}
.header-logo {
  margin-top: 7px;
}
.header-logo a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.header-logo a:hover {
  opacity: 0.7;
}
.header-content {
  max-width: 720px;
  width: 100%;
  margin-top: 10px;
}
.header-textbox {
  max-width: 280px;
  width: 100%;
  margin-left: auto;
  margin-bottom: 11px;
  position: relative;
}
.header-text {
  font-family: "Zen Kaku Gothic New", sans-serif;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-left: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.header-text .accent {
  display: inline-block;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.08em;
  color: #fff;
  margin-right: 4px;
  padding: 4px 6px;
  background-color: #0a4189;
}
.header-tel {
  display: block;
  font-family: "Zen Kaku Gothic New", sans-serif;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  font-size: 3.4rem;
  font-weight: 700;
  color: #0a4189 !important;
  line-height: 1;
  letter-spacing: 0.08em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  position: relative;
}
.header-tel::before {
  content: "";
  width: 29px;
  height: 30px;
  margin-right: 8px;
  background: center/cover no-repeat url(../images/common/header-tel-icon.png);
}
.header-tel-txt img {
  display: block;
}
.header .global-nav {
  width: 100%;
}
.header .global-nav-list {
  width: 100%;
  height: 100%;
}
.header .global-nav-list-item {
  line-height: 1;
}
.header .global-nav-list-item a {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.03em;
  padding-bottom: 9px;
  position: relative;
}
.header .global-nav-list-item a::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  height: 3px;
  background: #e43638;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.header .global-nav-list-item a:hover {
  color: #e43638 !important;
}
.header .global-nav-list-item a:hover::after {
  width: 100%;
}
.header .global-nav-list-item a.current {
  color: #e43638 !important;
}
.header .global-nav-list-item a.current::after {
  width: 100%;
}
.header .main-visual {
  width: 100%;
  max-height: 768px;
  height: 40vw;
  min-height: 500px;
}
.header .main-visual-list {
  width: 100%;
  height: 100%;
  padding: 0 39px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
}
.header .main-visual-list-item {
  max-width: 900px;
  width: 48.875%;
  min-height: 232px;
  height: 18.5416667vw;
  max-height: 352px;
}
.header .main-visual-list-item:first-child {
  max-width: 910px;
  width: 47.3958333%;
  max-height: 732px;
  height: 38.125vw;
  min-height: 490px;
  margin-right: 29px;
}
.header .main-visual-list-item:first-child a {
  padding-left: 17.5824176%;
}
.header .main-visual-list-item:first-child .main-visual-title {
  height: 100%;
}
.header .main-visual-list-item:first-child .main-visual-title img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.header .main-visual-list-item:nth-child(2) {
  margin-bottom: 1.40625vw;
}
.header .main-visual-list-item:nth-child(2) a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 23px;
}
.header .main-visual-list-item:nth-child(2) .main-visual-title {
  width: 90%;
}
.header .main-visual-list-item:nth-child(3) a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 49px;
}
.header .main-visual-list-item:nth-child(3) a::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: center/cover no-repeat url(../images/common/main-visual-deco.png);
  z-index: 1;
}
.header .main-visual-list-item:nth-child(3) .main-visual-title {
  height: 64.4886364%;
}
.header .main-visual-list-item:nth-child(3) .main-visual-title img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.header .main-visual-list-item a {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  -webkit-box-shadow: 6px 8px 10px 0 rgba(30, 30, 30, 0.2);
          box-shadow: 6px 8px 10px 0 rgba(30, 30, 30, 0.2);
}
.header .main-visual-list-item a:hover .main-visual-img img {
  -webkit-transform: scale(1.08);
          transform: scale(1.08);
}
.header .main-visual-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden;
}
.header .main-visual-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.header .sub-visual {
  width: 100%;
  height: 450px;
  position: relative;
  z-index: 1;
}
.header .sub-visual-img {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 1480px;
  width: 90%;
  height: calc(100% - 10px);
  z-index: -1;
  -webkit-box-shadow: 6px 8px 10px 0 rgba(30, 30, 30, 0.2);
          box-shadow: 6px 8px 10px 0 rgba(30, 30, 30, 0.2);
}
.header .sub-visual-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.header .sub-visual-textbox {
  max-width: 1560px;
  width: 90%;
  height: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-top: 165px;
}
.header .sub-visual-title {
  font-size: 6rem;
  line-height: 1;
  color: #fff;
  padding: 27px 23px;
  background-color: #0a4189;
  position: relative;
  z-index: 1;
}
.header .sub-visual-title::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0a4189;
  z-index: -1;
}
.header .sub-visual-title::after {
  position: absolute;
  content: "";
  top: -18px;
  left: -18px;
  width: 40px;
  height: 40px;
  background: center/cover no-repeat url(../images/about/sub-visual-title-deco.png);
  z-index: -5;
}
.header .fix-btn {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 80px;
  font-size: 4.2rem;
  font-weight: 700;
  line-height: 1;
  color: #fff !important;
  background: -webkit-gradient(linear, left top, right top, from(#0a4189), to(#00c0d1));
  background: -webkit-linear-gradient(left, #0a4189, #00c0d1);
  background: linear-gradient(to right, #0a4189, #00c0d1);
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 10;
}
.header .fix-btn::before {
  content: "";
  width: 32px;
  height: 23px;
  margin-right: 24px;
  background: center/cover no-repeat url(../images/common/fix-btn-icon.png);
}
.header .fix-btn::after {
  content: "";
  width: 10px;
  height: 16px;
  margin-left: 21px;
  background: center/cover no-repeat url(../images/common/fix-btn-arrow.png);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.header .fix-btn:hover {
  opacity: 0.8;
}
.header .fix-btn:hover::after {
  -webkit-transform: translateX(8px);
          transform: translateX(8px);
}
.header .page-top {
  position: fixed;
  right: 10px;
  bottom: 103px;
  z-index: 10;
}
.header .page-top:hover {
  opacity: 0.8;
  bottom: 110px;
}

/*========================================
mixin
==========================================*/
/*========================================
main
==========================================*/
.top-about {
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.top-about::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 391px;
  height: 535px;
  background: center/cover no-repeat url(../images/top/top-about-bg-l-b.png);
  z-index: -1;
}
.top-about::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 433px;
  height: 945px;
  background: center/cover no-repeat url(../images/top/top-about-bg-r-t.png);
  z-index: -1;
}
.top-about-inner {
  padding: 150px 0 425px 0;
  position: relative;
  z-index: 1;
}
.top-about-inner::before {
  position: absolute;
  content: "";
  right: -420px;
  bottom: 130px;
  width: 1440px;
  height: 478px;
  background: center/cover no-repeat url(../images/top/top-about-img02.png);
  z-index: -1;
}
.top-about-content {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.top-about-img {
  margin-left: -160px;
}
.top-about-textbox {
  max-width: 520px;
  width: 100%;
}
.top-about-title {
  font-size: 4.7rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #0a4189;
  margin-bottom: 30px;
}
.top-about-title .accent {
  font-size: 7.5rem;
  font-weight: 900;
}
.top-about-text {
  font-size: 1.9rem;
  line-height: 2.5;
  font-weight: 700;
  letter-spacing: 0.12em;
}
.top-about-text:not(:last-of-type) {
  margin-bottom: 48px;
}

.top-choice {
  position: relative;
  z-index: 1;
}
.top-choice::before {
  position: absolute;
  content: "";
  top: 40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  height: 165px;
  background: center/cover no-repeat url(../images/top/top-choice-en.png);
  z-index: -1;
}
.top-choice-inner {
  max-width: none;
  padding: 127px 0 50px 0;
}
.top-choice-title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 69px auto;
  padding-right: 10px;
  text-align: center;
  position: relative;
  z-index: 1;
}
.top-choice-list {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 55px;
}
.top-choice-list-item {
  max-width: 630px;
  width: 100%;
  height: 490px;
}
.top-choice-list-item a {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  -webkit-box-shadow: 6px 8px 10px 0 rgba(30, 30, 30, 0.2);
          box-shadow: 6px 8px 10px 0 rgba(30, 30, 30, 0.2);
  position: relative;
}
.top-choice-list-item a::before {
  position: absolute;
  content: "";
  right: 4.7%;
  bottom: 4.7%;
  width: 9.52%;
  height: 12.244898%;
  background: center/contain no-repeat url(../images/top/top-choice-arrow.png);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.top-choice-list-item a:hover {
  opacity: 0.8;
}
.top-choice-list-item a:hover::before {
  -webkit-transform: translateX(10px);
          transform: translateX(10px);
}
.top-choice-img {
  width: 100%;
  height: 100%;
}
.top-choice-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.top-choice .swiper-wrapper {
  margin-bottom: 65px;
}
.top-choice .swiper-btn-wrap {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0;
  max-width: 487px;
  width: 100%;
  height: 81px;
  z-index: 10;
}
.top-choice .swiper-pagination {
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  bottom: 0 !important;
  margin: 0 auto 30px auto;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  bottom: auto;
}
.top-choice .swiper-button-prev {
  position: absolute;
  top: 0;
  left: 0;
  bottom: auto;
  width: 81px;
  height: 81px;
  margin-top: 0;
  background: center/cover no-repeat url(../images/top/top-choice-prev.png);
}
.top-choice .swiper-button-next {
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  width: 81px;
  height: 81px;
  margin-top: 0;
  background: center/cover no-repeat url(../images/top/top-choice-next.png);
}
.top-choice .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  background: #a9a9a9;
  opacity: 1;
}
.top-choice .swiper-pagination-bullet:not(:last-of-type) {
  margin: 0 20px 0 0 !important;
}
.top-choice .swiper-pagination-bullet-active {
  width: 25px;
  height: 25px;
  background: #e04e4e;
}

.reserve {
  position: relative;
  z-index: 1;
}
.reserve::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 525px;
  background-color: #e9f3f2;
  z-index: -1;
}
.reserve-inner {
  max-width: none;
}
.reserve-title {
  font-size: 6rem;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  letter-spacing: 0.1em;
  text-align: center;
  margin-bottom: 35px;
}
.reserve-title-en {
  display: block;
  font-size: 2rem;
  line-height: 1;
  color: #00c0d1;
  margin-bottom: 32px;
}
.reserve-text {
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 44px;
  text-align: center;
  color: #fff;
}
.reserve-content {
  max-width: 1600px;
  width: 100%;
  margin: 0 auto;
  padding: 76px 20px;
  position: relative;
  z-index: 1;
}
.reserve-content::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: top left/1600px 25px no-repeat url(../images/top/reserve-border-t.png), top left/26px 545px no-repeat url(../images/top/reserve-border-l.png), top right/26px 545px no-repeat url(../images/top/reserve-border-r.png), bottom left/1600px 25px no-repeat url(../images/top/reserve-border-b.png), #0a4189;
  z-index: -1;
}
.reserve-flex {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.reserve-textbox {
  max-width: 380px;
  width: 100%;
  margin-right: 79px;
  padding: 60px 28px;
  background-color: #fff;
  position: relative;
}
.reserve-sub-text {
  font-family: "Zen Kaku Gothic New", sans-serif;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-left: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.reserve-sub-text .accent {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.08em;
  color: #fff;
  margin-right: 20px;
  padding: 4px 6px;
  background-color: #0a4189;
}
.reserve-tel {
  display: block;
  font-family: "Zen Kaku Gothic New", sans-serif;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  font-size: 4rem;
  font-weight: 700;
  color: #0a4189 !important;
  line-height: 1;
  letter-spacing: 0.08em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  position: relative;
}
.reserve-tel::before {
  content: "";
  width: 33px;
  height: 33px;
  margin-right: 10px;
  background: center/cover no-repeat url(../images/top/reserve-tel-icon.png);
}
.reserve-tel-txt img {
  display: block;
}
.reserve-btn:hover {
  opacity: 0.8;
  -webkit-transform: translateY(-8px);
          transform: translateY(-8px);
}

.news {
  background-color: #e9f3f2;
  position: relative;
  z-index: 2;
}
.news::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 162px;
  background: center/cover no-repeat url(../images/top/news-bg-bottom.png);
  z-index: -1;
}
.news-inner {
  padding: 40px 0 120px 0;
  position: relative;
}
.news-section-title {
  font-size: 4.4rem;
  font-weight: 700;
  line-height: 1;
  color: #0a4189;
  letter-spacing: 0.15em;
  margin-bottom: 35px;
}
.news-list {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.news-list-item {
  max-width: 250px;
  width: 100%;
  margin-bottom: 20px;
}
.news-list-item:not(:nth-child(4n)) {
  margin-right: 26px;
}
.news-list-item a {
  width: 100%;
  height: 100%;
  position: relative;
}
.news-list-item a:hover {
  opacity: 0.8;
  -webkit-transform: translateY(-8px);
          transform: translateY(-8px);
}
.news-list-item a time {
  display: block;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1;
  text-align: right;
  letter-spacing: 0.12em;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
}
.news-visual {
  width: 100%;
  height: 168px;
  margin-bottom: 13px;
  overflow: hidden;
}
.news-visual img {
  min-width: 100%;
  width: 100%;
  min-height: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.news-textbox {
  width: 100%;
}
.news-accent {
  width: 100%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.news-accent-tag {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
  color: #fff;
  margin-bottom: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 4px 11px;
  background-color: #0a4189;
}
.news-accent-tag:not(:last-child) {
  margin-right: 13px;
}
.news-title {
  font-size: 1.5rem;
  font-weight: 500;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 6px;
}
.news .more-btn {
  position: absolute;
  top: 43px;
  right: 0;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.1em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-bottom: 5px;
  border-bottom: 1px solid rgba(3, 16, 34, 0.3);
}
.news .more-btn::after {
  content: "";
  width: 28px;
  height: 28px;
  margin-left: 9px;
  background: center/cover no-repeat url(../images/top/news-arrow.png);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.news .more-btn:hover {
  opacity: 0.8;
}
.news .more-btn:hover:after {
  -webkit-transform: translateX(10px);
          transform: translateX(10px);
}
.news-tag-list {
  max-width: 350px;
  width: 100%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-overflow: ellipsis;
  margin: 0 0 30px auto;
  cursor: pointer;
  color: #0a4189;
  border: 2px solid #0a4189;
}
.news-tag-list-item {
  width: 100%;
  margin-bottom: 15px;
  margin-right: 10px;
}
.news-tag-list-item a {
  font-size: 1.6rem;
  color: #fff !important;
  padding: 5px 10px;
  background-color: #0a4189;
}
.news-tag-list-item a:hover {
  opacity: 0.6;
}
.news-detail-inner {
  text-align: center;
}
.news-detail-content {
  width: 100%;
  margin: 0 auto;
}
.news-detail-img {
  text-align: center;
  margin-bottom: 35px;
}
.news-detail-info-list {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 30px;
}
.news-detail-info-list-item {
  line-height: 1;
  color: #aaa;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 10px;
}
.news-detail-info-list-item:not(:last-child) {
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px solid #aaa;
}
.news-detail-info-list-item time {
  color: #000;
}
.news-detail-title {
  font-size: 2.6rem;
  line-height: 1.4;
  text-align: left;
  color: #0a4189;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(104, 79, 78, 0.2);
}
.news-detail-textbox {
  min-height: 200px;
  text-align: left;
  margin-bottom: 20px;
}
.news-detail-textbox time {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1;
}
.news-detail-text {
  font-size: 1.6rem;
  font-weight: 500;
  color: #0a4189;
  line-height: 1.75;
}
.news-detail-text img {
  max-width: 100%;
}
.news-detail .paginated-link {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.news-detail .paginated-link .prev-link {
  width: 187px;
  text-align: center;
  margin-right: 5px;
}
.news-detail .paginated-link .back-link {
  padding: 0 20px;
  border-left: 1px solid #0a4189;
  border-right: 1px solid #0a4189;
}
.news-detail .paginated-link .next-link {
  width: 187px;
  text-align: center;
  margin-left: 5px;
}
.news-detail .paginated-link a {
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0;
  color: #0a4189 !important;
}
.news-detail .paginated-link a:hover {
  color: #000 !important;
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}

/*========================================
about
==========================================*/
.about {
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.about::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 391px;
  height: 535px;
  background: center/cover no-repeat url(../images/top/top-about-bg-l-b.png);
  z-index: -1;
}
.about::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 337px;
  height: 735px;
  background: center/cover no-repeat url(../images/career/about-r-t.png);
  z-index: -1;
}
.about-inner {
  padding: 58px 0 100px 0;
}
.about-content {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.about-img {
  margin-left: -100px;
  position: relative;
  z-index: 1;
}
.about-img::before {
  position: absolute;
  content: "";
  top: 43px;
  left: 9px;
  width: 971px;
  height: 116px;
  background: center/cover no-repeat url(../images/about/about-img-en.png);
}
.about-textbox {
  max-width: 515px;
  width: 100%;
}
.about-title {
  font-size: 4.2rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #0a4189;
  margin-bottom: 40px;
}
.about-text {
  font-size: 1.8rem;
  line-height: 1.9;
  font-weight: 700;
  letter-spacing: 0.1em;
}
.about-text:not(:last-of-type) {
  margin-bottom: 33px;
}

.works {
  overflow: hidden;
}
.works-content {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  min-height: 395px;
  position: relative;
  z-index: 1;
}
.works-content::before {
  position: absolute;
  content: "";
  right: -420px;
  bottom: 0;
  max-width: 1498px;
  width: 100%;
  height: 278px;
  background-color: #0a4189;
  z-index: -1;
}
.works-content:nth-of-type(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-flow: row-reverse;
      -ms-flex-flow: row-reverse;
          flex-flow: row-reverse;
}
.works-content:nth-of-type(even)::before {
  right: auto;
  left: -420px;
  background-color: #e04e4e;
}
.works-content:nth-of-type(even) .works-img {
  margin-right: -66px;
}
.works-content:nth-of-type(2) .works-title::before {
  width: 116px;
  background: center/cover no-repeat url(../images/about/works-no02.png);
}
.works-content:nth-of-type(3) .works-title::before {
  width: 118px;
  height: 61px;
  background: center/cover no-repeat url(../images/about/works-no03.png);
}
.works-content:not(:last-of-type) {
  margin-bottom: 88px;
}
.works-img {
  margin-left: -66px;
  position: relative;
  z-index: 1;
}
.works-textbox {
  max-width: 515px;
  width: 100%;
  margin-top: 17px;
}
.works-title {
  font-size: 3.4rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.1em;
  color: #0a4189;
  margin-bottom: 77px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.works-title::before {
  content: "";
  width: 100px;
  height: 60px;
  margin-right: 23px;
  background: center/contain no-repeat url(../images/about/works-no01.png);
}
.works-text {
  font-size: 1.8rem;
  line-height: 1.9;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.1em;
}

.place-list {
  max-width: 845px;
  width: 100%;
  margin: 0 auto;
}
.place-list-item {
  max-width: 415px;
  width: 100%;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  padding: 26px 34px;
  background-color: #0a4189;
  margin-bottom: 13px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}
.place-list-item::before {
  content: "";
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  width: 33px;
  height: 33px;
  margin-right: 8px;
  background: center/cover no-repeat url(../images/about/place-check.png);
}

/*========================================
intro
==========================================*/
.intro {
  position: relative;
  z-index: 1;
}
.intro::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 391px;
  height: 535px;
  background: center/cover no-repeat url(../images/top/top-about-bg-l-b.png);
  z-index: -1;
}
.intro::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 337px;
  height: 735px;
  background: center/cover no-repeat url(../images/career/about-r-t.png);
  z-index: -1;
}
.intro-list {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.intro-list-item {
  max-width: 520px;
  width: 100%;
  margin-bottom: 39px;
  padding: 35px 35px 30px 35px;
  background-color: #0a4189;
  position: relative;
  z-index: 1;
}
.intro-list-item::before {
  position: absolute;
  content: "";
  top: 40px;
  right: 0;
  width: 200px;
  height: 212px;
  background: center/contain no-repeat url(../images/intro/intro-icon01.png);
  z-index: -1;
}
.intro-list-item:nth-child(2)::before {
  width: 275px;
  height: 193px;
  background: center/contain no-repeat url(../images/intro/intro-icon02.png);
}
.intro-list-item:nth-child(3)::before {
  width: 180px;
  height: 230px;
  background: center/contain no-repeat url(../images/intro/intro-icon03.png);
}
.intro-list-item:nth-child(4)::before {
  display: none;
}
.intro-list-item:nth-child(4) .intro-text .accent {
  position: relative;
}
.intro-list-item:nth-child(4) .intro-text .accent::before {
  position: absolute;
  content: "";
  left: 50%;
  bottom: -75px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 40px;
  height: 58px;
  background: center/contain no-repeat url(../images/intro/intro-sub-icon01.png);
}
.intro-list-item:nth-child(4) .intro-text:nth-of-type(2) .accent::before {
  width: 54px;
  height: 55px;
  background: center/contain no-repeat url(../images/intro/intro-sub-icon02.png);
}
.intro-list-item:nth-child(5) {
  margin-top: -160px;
}
.intro-list-item:nth-child(5)::before {
  width: 211px;
  height: 226px;
  background: center/contain no-repeat url(../images/intro/intro-icon04.png);
}
.intro-list-item:nth-child(6) {
  padding: 0;
  background: none;
}
.intro-list-item:nth-child(6)::before {
  display: none;
}
.intro-list-item:nth-child(7)::before {
  display: none;
}
.intro-list-item:nth-child(8) {
  padding: 35px 1px 30px 31px;
}
.intro-list-item:nth-child(8)::before {
  display: none;
}
.intro-list-item:nth-child(9) {
  padding: 0;
  background: none;
  margin-top: -206px;
}
.intro-list-item:nth-child(9)::before {
  display: none;
}
.intro-list-item:nth-child(10) {
  max-width: none;
  width: 100%;
}
.intro-list-item:nth-child(10)::before {
  top: auto;
  left: 0;
  bottom: 0;
  width: 167px;
  height: 171px;
  background: center/contain no-repeat url(../images/intro/intro-icon05.png);
}
.intro-list-item:nth-child(10)::after {
  position: absolute;
  content: "";
  left: 538px;
  bottom: 0;
  width: 210px;
  height: 189px;
  background: center/contain no-repeat url(../images/intro/intro-icon06.png);
  z-index: -1;
}
.intro-list-item:nth-child(11) {
  max-width: none;
  width: 100%;
}
.intro-list-item:nth-child(11)::before {
  right: 0;
  bottom: 0;
  width: 249px;
  height: 236px;
  background: center/contain no-repeat url(../images/intro/intro-icon07.png);
}
.intro-list-item:nth-child(12) {
  max-width: none;
  width: 100%;
}
.intro-list-item:nth-child(12)::before {
  top: auto;
  left: 0;
  bottom: 0;
  width: 199px;
  height: 192px;
  background: center/contain no-repeat url(../images/intro/intro-icon08.png);
}
.intro-list-item:nth-child(12)::after {
  position: absolute;
  content: "";
  left: 517px;
  bottom: 21px;
  width: 223px;
  height: 165px;
  background: center/contain no-repeat url(../images/intro/intro-icon09.png);
  z-index: -1;
}
.intro-list-item:nth-child(13)::before {
  width: 201px;
  height: 224px;
  background: center/contain no-repeat url(../images/intro/intro-icon10.png);
}
.intro-list-item:nth-child(14) {
  padding: 0;
  background: none;
}
.intro-list-item:nth-child(14)::before {
  display: none;
}
.intro-title {
  font-size: 3.4rem;
  font-weight: 700;
  color: #fff;
  line-height: 1;
  letter-spacing: 0.06em;
  padding-left: 14px;
  border-left: 4px solid #fff;
}
.intro-text {
  font-size: 17rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0em;
  color: #fff;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: -5px;
}
.intro-text .s-font {
  display: inline-block;
  font-size: 6rem;
  letter-spacing: 0.1em;
  margin-left: 10px;
}
.intro-text .s-font.deco {
  position: relative;
}
.intro-text .s-font.deco::before {
  position: absolute;
  content: "";
  top: -62px;
  right: -65px;
  width: 122px;
  height: 68px;
  background: center/cover no-repeat url(../images/intro/intro-text-deco.png);
}
.intro-text .m-font {
  font-size: 13rem;
}
.intro-text .accent {
  font-size: 4rem;
  color: #00c0d1;
  padding-bottom: 9px;
  margin-top: 37px;
  margin-right: 28px;
  border-bottom: 1px solid #00c0d1;
}
.intro-graph {
  margin-top: 35px;
}
.intro-sub-list {
  padding-right: 32px;
}
.intro-sub-list-item {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  position: relative;
  z-index: 1;
}
.intro-sub-list-item:first-child {
  margin-top: 24px;
}
.intro-sub-list-item:first-child .intro-sub-list-img {
  margin-top: 17px;
}
.intro-sub-list-item:not(:first-child) {
  min-height: 157px;
}
.intro-sub-list-item:not(:first-child) .intro-sub-list-text {
  width: 100%;
}
.intro-sub-list-item:not(:first-child) .intro-sub-list-img {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
.intro-sub-list-item:not(:last-child) {
  margin-bottom: 40px;
}
.intro-sub-list-title {
  font-size: 4rem;
  color: #00c0d1;
  padding-bottom: 9px;
  margin-right: 28px;
  border-bottom: 1px solid #00c0d1;
}
.intro-sub-list-text {
  font-size: 3rem;
  font-weight: 700;
  color: #fff;
  text-shadow: 0px 0px 7px #0a4189;
}
.intro-flex {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.intro-flex .intro-text:not(:last-of-type) {
  margin-right: 37px;
}

/*========================================
career
==========================================*/
#career .about-img::before {
  top: 48px;
  left: 14px;
  width: 1113px;
  height: 101px;
  background: center/contain no-repeat url(../images/career/about-en.png);
}
#career .place-list {
  max-width: none;
}
#career .place-list-item {
  max-width: 532px;
  padding-left: 22px;
  padding-right: 15px;
}

.career.second {
  background-color: #e9f3f2;
}
.career-title {
  font-size: 4.2rem;
  font-weight: 700;
  line-height: 1;
  color: #0a4189;
  letter-spacing: 0.1em;
  text-align: left;
  margin-bottom: 20px;
  padding-left: 21px;
  border-left: 6px solid #0a4189;
}
.career-title-en {
  display: block;
  font-size: 1.8rem;
  line-height: 1;
  color: #00c0d1;
  margin-bottom: 28px;
}
.career-title .s-font {
  font-size: 2.7rem;
  letter-spacing: 0.09em;
  display: inline-block;
}
.career-text {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1;
  padding-left: 30px;
  margin-bottom: 40px;
}
.career-content {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.career-content:not(:last-of-type) {
  margin-bottom: 82px;
  position: relative;
}
.career-content:not(:last-of-type)::before {
  position: absolute;
  content: "";
  left: 232px;
  bottom: -65px;
  width: 40px;
  height: 45px;
  background: center/cover no-repeat url(../images/career/career-arrow.png);
}
.career-content-title {
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  margin-bottom: 24px;
  padding: 21px 15px 17px 19px;
  background-color: #0a4189;
}
.career-textbox {
  max-width: 510px;
  width: 100%;
}
.career-year {
  font-size: 3.4rem;
  line-height: 1;
  color: #e43638;
  margin-bottom: 18px;
}
.career-sub-text {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.9;
}

/*========================================
info
==========================================*/
.info-title {
  font-size: 4.2rem;
  font-weight: 700;
  line-height: 1;
  color: #0a4189;
  letter-spacing: 0.1em;
  text-align: left;
  margin-bottom: 42px;
  padding-left: 21px;
  border-left: 6px solid #0a4189;
}
.info-title-en {
  display: block;
  font-size: 1.8rem;
  line-height: 1;
  color: #00c0d1;
  margin-bottom: 28px;
}
.info-title .s-font {
  font-size: 2.7rem;
  letter-spacing: 0.09em;
  display: inline-block;
}
.info-table {
  width: 100%;
}
.info-table tr {
  display: block;
}
.info-table tr:not(:last-of-type) {
  margin-bottom: 1px;
}
.info-table tr th {
  width: 250px;
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
  line-height: 1;
  padding: 26px 0;
  text-align: center;
  background-color: #0a4189;
  vertical-align: middle;
}
.info-table tr td {
  width: 830px;
  font-size: 1.6rem;
  font-weight: 500;
  padding: 19px 30px;
  vertical-align: middle;
  background-color: #fff;
}
.info-tel-txt {
  display: block;
  margin-top: 5px;
}
.info-tel-txt img {
  display: block;
}
.info-map {
  width: 100%;
  height: 410px;
  margin-top: 50px;
}
.info-map iframe {
  width: 100%;
  height: 100%;
  border: none;
}

.recruit .info-table tr th {
  background-color: #e43638;
}

/*========================================
contact
==========================================*/
.contact-text {
  text-align: center;
  margin-bottom: 30px;
}
.contact-form-table tr {
  border: none;
}
.contact-form-table tr th {
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
  background-color: #0a4189;
}
.contact-form-table tr td a {
  text-decoration: underline;
}
.contact-submits-wrap input {
  color: #fff;
  background-color: #0a4189;
}
.contact-submits-wrap button {
  color: #fff;
  background-color: #0a4189;
}

/*========================================
privacy
==========================================*/
.privacy-content {
  padding: 25px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #0a4189;
  border-radius: 5px;
}
.privacy-content:not(:last-child) {
  margin-bottom: 30px;
}
.privacy-title {
  font-size: 1.8rem;
  font-weight: 500;
  margin: 0 0 15px;
  padding: 0 0 0 20px;
  border-left: 2px solid #0a4189;
}
.privacy-text {
  font-weight: 500;
}
.privacy-list {
  font-weight: 500;
  margin-top: 15px;
  list-style-type: square;
  list-style-position: inside;
}

/*========================================
site
==========================================*/
.site-list-item {
  width: 48%;
  border-bottom: 1px solid #0a4189;
}
.site-list-item a {
  width: 100%;
  padding: 20px 0 20px 10px;
  color: #0a4189;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.site-list-item a::before {
  content: "";
  width: 7px;
  height: 7px;
  margin-right: 20px;
  border-top: 1px solid #0a4189;
  border-right: 1px solid #0a4189;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.site-list-item a:hover {
  color: #000 !important;
}
.site-list-item a:hover::before {
  -webkit-transform: rotate(45deg) translate(8px, -8px);
          transform: rotate(45deg) translate(8px, -8px);
}

/*========================================
mixin
==========================================*/
/*========================================
footer
==========================================*/
.footer-inner {
  padding: 75px 0 175px 0;
}
.footer-logo {
  margin-bottom: 28px;
}
.footer-logo:hover {
  opacity: 0.8;
}
.footer-left {
  max-width: 385px;
  width: 100%;
}
.footer-address {
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 24px;
}
.footer-textbox {
  max-width: 280px;
  width: 100%;
  position: relative;
}
.footer-text {
  font-family: "Zen Kaku Gothic New", sans-serif;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-left: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.footer-text .accent {
  display: inline-block;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.08em;
  color: #fff;
  margin-right: 4px;
  padding: 4px 6px;
  background-color: #0a4189;
}
.footer-tel {
  display: block;
  font-family: "Zen Kaku Gothic New", sans-serif;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  font-size: 3.4rem;
  font-weight: 700;
  color: #0a4189 !important;
  line-height: 1;
  letter-spacing: 0.08em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  position: relative;
}
.footer-tel::before {
  content: "";
  width: 29px;
  height: 30px;
  margin-right: 8px;
  background: center/cover no-repeat url(../images/common/header-tel-icon.png);
}
.footer-tel-txt img {
  display: block;
}
.footer-right {
  max-width: 430px;
  width: 100%;
}
.footer-btn {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-bottom: 40px;
}
.footer-btn:hover {
  opacity: 0.8;
  -webkit-transform: translateY(-8px);
          transform: translateY(-8px);
}
.footer-nav {
  width: 100%;
  padding: 20px 0;
  margin-bottom: 37px;
  border-top: 1px solid rgba(3, 16, 34, 0.2);
  border-bottom: 1px solid rgba(3, 16, 34, 0.2);
}
.footer-nav-list {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.footer-nav-list-item:not(:nth-child(3n)) {
  margin-right: 10px;
}
.footer-nav-list-item:not(:nth-child(3n)) a::after {
  content: "/";
  margin-left: 10px;
}
.footer-nav-list-item:not(:nth-last-child(-n+3)) {
  margin-bottom: 25px;
}
.footer-nav-list-item a {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.03em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.footer-nav-list-item a:hover {
  color: #0a4189 !important;
}
.footer-bottom {
  text-align: right;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1;
}