@charset "UTF-8";

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
li,
dt,
dd,
p,
div,
span,
img,
a,
table,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-size: 100%;
  vertical-align: baseline;
}

article,
header,
footer,
aside,
figure,
figcaption,
nav,
section {
  display: block;
}

body {
  line-height: 1;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

ol,
ul {
  list-style: none;
  list-style-type: none;
}

li {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

table tr th,
table tr td {
  text-align: left;
  vertical-align: middle;
  border: 1px solid #ccc;
  border-collapse: collapse;
}

img,
video {
  vertical-align: bottom;
}

*,
*:before,
*:after {
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.clearfix {
  zoom: 1;
}

.clearfix:after {
  content: " ";
  display: table;
  clear: both;
}

/**************************************************/
/* common */
/**************************************************/
:root {
  --site-gutter: clamp(1.6rem, 3vw, 5rem);
  --section-space-y: clamp(7.2rem, 9vw, 13.5rem);
  --content-max: 160rem;
}

html {
  font-size: 62.5%;
}

body {
  font-family: "LINESeedJP";
  font-weight: 400;
  font-size: clamp(1.5rem, 0.15vw + 1.45rem, 1.7rem);
  line-height: 1.7;
  color: #000;
}

a {
  color: #000;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  letter-spacing: 0.06rem;
  line-height: 1.6;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

figure {
  overflow: hidden;
}

/**************************************************/
/* header */
/**************************************************/
#h {
  z-index: 2;
  width: min(var(--content-max), 100vw - var(--site-gutter) * 2);
  max-width: 160rem;
  height: 13.5rem;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#h.fixed {
  position: fixed;
  z-index: 1;
}

#h.active .nav-container .menu {
  color: #fff;
}

#h.active .hamburger span {
  background-color: #fff;
}

#h.active .hamburger span:nth-child(1) {
  transform: translateY(1rem) rotate(45deg);
}

#h.active .hamburger span:nth-child(2) {
  opacity: 0;
}

#h.active .hamburger span:nth-child(3) {
  transform: translateY(-1rem) rotate(-45deg);
}

#h .login {
  width: 3rem;
  margin: 0 0 0 1.5rem;
  padding: 0;
}

#h .login img {
  width: 100%;
  height: auto;
}

h1#h__logo {
  z-index: 1001;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  height: 5rem;
  margin: auto;
}

h1#h__logo img {
  width: auto;
  height: 100%;
}

/**************************************************/
/* navi */
/**************************************************/
#main-nav1,
#main-nav2 {
  z-index: 100;
  height: 13.5rem;
  color: #fff;
  border-bottom: 0.2rem solid #1b94d3;
  transition: top 0.3s ease;
}

#main-nav1 ul.menu-list,
#main-nav2 ul.menu-list {
  display: flex;
  justify-content: right;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  padding-right: 9rem;
}

#main-nav1 li.menu,
#main-nav2 li.menu {
  position: relative;
  padding: 0;
}

#main-nav1 ul li.menu>a,
#main-nav2 ul li.menu>a {
  padding: 1rem 1.5rem;
}

#main-nav1 li.contact,
#main-nav2 li.contact {
  padding: 0;
}

#main-nav1 li.contact a,
#main-nav2 li.contact a {
  display: inline-block;
  color: #fff;
  background-color: rgb(41, 133, 192);
  border-radius: 4rem;
  overflow: hidden;
  padding: 1.5rem 5.5rem 1.5rem 2rem;
  transition: all 0.2s ease-out;
  position: relative;
}

#main-nav1 li.contact a:hover,
#main-nav2 li.contact a:hover {
  background-color: #1d2c6c;
  padding: 1.5rem 5.5rem 1.5rem 2rem;
}

#main-nav1 li.contact a:hover .arrow,
#main-nav2 li.contact a:hover .arrow {
  right: -3rem;
}

#main-nav1 li.contact a .arrow,
#main-nav2 li.contact a .arrow {
  width: auto;
  height: 1.1rem;
  position: absolute;
  right: 2rem;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: all 0.2s ease;
}

#main-nav1 {
  width: 100%;
  position: absolute;
  top: 0;
}

#main-nav1 li.contact {
  margin-left: 1rem;
}

#h.fixed #main-nav1 {
  display: none;
}

body:not(#hp) #h.fixed #main-nav1 {
  display: block;
}

body:not(#hp) #h.fixed #main-nav2 {
  top: -13.5rem;
}

#main-nav2 {
  width: min(var(--content-max), 100vw - var(--site-gutter) * 2);
  position: fixed;
  top: -13.5rem;
}

#h.fixed #main-nav2 {
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#main-nav1 ul.menu-list,
#main-nav2 ul.menu-list {
  padding-right: 6rem;
}

@media screen and (max-width: 1300px) {
  html {
    font-size: 60%;
  }

  #main-nav1,
  #main-nav2 {
    height: 10rem;
  }

  h1#h__logo {
    height: 4rem;
  }

  #hum-nav1 {
    top: -20px;
  }

  body:not(#hp) #h.fixed #main-nav2 {
    top: -10rem;
  }
}

@media screen and (max-width: 768px) {
  html {
    font-size: 58%;
  }
}

@media screen and (max-width: 480px) {
  html {
    font-size: 56.25%;
  }
}

.drop-menu-list {
  visibility: hidden;
  opacity: 0;
}

.menu-item {
  position: relative;
}

.menu-item:hover .drop-menu-list {
  opacity: 1;
  transition: opacity 0.3s, visibility 0.3s;
  visibility: visible;
}

.menu-item:hover .drop-menu-item {
  position: relative;
}

.menu-item .drop-menu-list {
  width: 24rem;
  border-radius: 0.8rem;
  overflow: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin: 0.8rem auto 0;
}

.menu-item::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 1.2rem;
}

.drop-menu-item {
  display: block;
  font-size: 1.4rem;
  color: #fff;
  padding: 1.5rem 0 1.5rem 1.5rem;
  background-color: #2985c0;
  transition: background-color 0.3s;
}

.drop-menu-item:hover {
  background-color: #1d2c6c;
}

/**************************************************/
/* hum menu */
/**************************************************/
#hum-nav1,
#hum-nav2 {
  z-index: 1501;
  height: 4.8rem;
  position: absolute;
  right: 0;
  bottom: 0;
  margin: auto;
}

#hum-nav1 {
  top: 0;
}

@media screen and (max-width: 1300px) {
  #hum-nav1 {
    top: -20px;
  }
}

#hum-nav2 {
  top: -18.3rem;
  transition: top 0.35s ease;
}

#h.fixed #hum-nav1 {
  display: none;
}

#h.fixed #hum-nav2 {
  top: -20px;
}

@media screen and (min-width: 1401px) {
  #h.fixed #hum-nav2 {
    top: 0px;
  }
}

.nav-container {
  font-size: 1.2rem;
  text-align: center;
}

.nav-container .menu {
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  margin-top: 0.2rem;
}

.hamburger {
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 3rem;
  width: 4rem;
  padding: 0;
  position: relative;
}

.hamburger span {
  display: block;
  width: 100%;
  height: 0.2rem;
  background-color: #000;
  transition: all 0.3s ease;
  position: absolute;
}

.hamburger span:nth-child(1) {
  top: 0;
}

.hamburger span:nth-child(2) {
  top: 1rem;
}

.hamburger span:nth-child(3) {
  top: 2rem;
}

/**************************************************/
/* full-screen-menu */
/**************************************************/
#full-screen-menu {
  z-index: 1500;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(29, 44, 108, 0.96);
  color: #fff;
  display: none;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.5s ease;
}

#full-screen-menu.active {
  display: flex;
  align-items: normal;
  opacity: 1;
  padding: 18rem 0 0 0;
  overflow-y: scroll;
}

#full-screen-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
}

#full-screen-menu ul li {
  margin: 0 0 4.5rem 0;
}

#full-screen-menu ul li.fsm-menu>a {
  display: inline-block;
  text-decoration: none;
  color: #fff;
  font-size: 2.4rem;
  transition: color 0.3s ease;
  padding: 0 0 3rem 0;
}

#full-screen-menu ul li.fsm-menu-item--instagram {
  margin: -1rem 0 0 0;
  padding: 0 0 5rem;
}

#full-screen-menu ul li.fsm-menu-item--instagram>a {
  display: inline-block;
  padding: 0;
}

#full-screen-menu ul li.fsm-menu-item--instagram img {
  display: block;
  width: 4.8rem;
  height: 4.8rem;
  object-fit: contain;
}

#full-screen-menu ul li .menu-list a {
  color: #fff;
  font-size: 1.6rem;
  font-weight: 300;
  background-color: transparent;
  padding: 0 0 1.5rem 0;
}

/**************************************************/
/* footer */
/**************************************************/
#footer {
  color: #fff;
  background-color: #2985c0;
  padding: 18rem 0 9rem 0;
  margin: 9rem 0 0 0;
}

#footer .lr {
  display: flex;
  width: 80vw;
  margin: 0 auto;
  position: relative;
}

#footer .l,
#footer .r {
  width: 50%;
}

#footer .ad {
  font-size: 1.4rem;
}

#footer .copy {
  font-size: 1.2rem;
  font-weight: 300;
  position: absolute;
  bottom: 0;
  left: 0;
}

#footer nav a {
  color: #fff;
}

#f-logo {
  height: 5rem;
  margin: 0 0 9rem 0;
}

#f-logo img {
  width: auto;
  height: 100%;
}

.f-nav1 {
  display: flex;
  justify-content: space-between;
  padding: 1rem 0 18rem 0;
}

.f-nav1 h5 {
  padding: 0 0 1.3rem 0;
}

.f-nav1 li {
  font-size: 1.3rem;
  line-height: 1;
  padding: 0 0 1.3rem 0 !important;
}

.f-nav1 li,
.f-nav1 li a {
  font-weight: 300;
}

.f-nav2 ul {
  display: flex;
  justify-content: left;
}

.f-nav2 li {
  font-size: 1.3rem;
  padding: 0 2.6rem 0 0 !important;
}

.f-nav2 li,
.f-nav2 li a {
  font-weight: 300;
}

.f-instagram {
  padding: 0 0 3.2rem 0;
}

.f-instagram a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.f-instagram__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.6rem;
  height: 3.6rem;
}

.f-instagram__icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.fixed-side-menu {
  position: fixed;
  right: 0rem;
  bottom: 3rem;
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}

.fixed-side-menu__item {
  width: 6.5rem;
  min-height: 15.5rem;
  padding: 1.6rem 1.6rem 5.2rem;
  border-radius: 2rem 0rem 0rem 2rem;
  color: #fff;
  position: relative;
  overflow: hidden;
  transition: background-color 0.2s ease;
}

.fixed-side-menu__item--contact {
  background: #2985c0;
}

.fixed-side-menu__item--instagram {
  background: linear-gradient(180deg, #f58529 0%, #dd2a7b 52%, #8134af 100%);
}

.fixed-side-menu__item--instagram .fixed-side-menu__text {
  top: 39%;
}

.fixed-side-menu__item--instagram .fixed-side-menu__icon {
  left: 50%;
  right: auto;
  bottom: 1.8rem;
  transform: translateX(-50%);
}

.fixed-side-menu__text {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  transform: translate(-50%, -50%) rotate(-90deg);
  transform-origin: center;
  white-space: nowrap;
  text-align: center;
}

.fixed-side-menu__eyebrow {
  display: block;
  font-family: "Roboto";
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0.16rem;
  line-height: 1;
  text-transform: uppercase;
  opacity: 0.85;
  padding: 0 0 0.8rem 0;
}

.fixed-side-menu__label {
  display: block;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.2;
}

.fixed-side-menu__label--instagram {
  padding-top: 0.2rem;
}

.fixed-side-menu__icon {
  position: absolute;
  right: 1.6rem;
  bottom: 1.6rem;
}

.fixed-side-menu__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.14);
}

.fixed-side-menu__icon img {
  display: block;
  width: 2rem;
  height: 2rem;
  object-fit: contain;
}


/**************************************************/
/* common */
/**************************************************/
.lr {
  display: flex;
}

/**************************************************/
/* btn */
/**************************************************/
.btnBg {
  width: 6rem;
  height: 6rem;
  border-radius: 3.4rem;
  background-color: #2985c0;
  overflow: hidden;
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  /* transition: width .3s ease-out;
  transition: height .3s ease-out; */
  transition: background-color 0.3s ease-out;
}

.btnBg img {
  width: auto;
  height: 1.2rem;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.btnBg img.arrow1 {
  transform: translateX(0);
  transition: transform 0.3s ease;
}

.btnBg img.arrow2 {
  transform: translateX(-6rem);
  transition: transform 0.3s ease;
}

a:hover .btnBg {
  /* width: 6.2rem;
  height: 6.2rem; */
  background-color: #1d2c6c;
}

a:hover .btnBg img.arrow1 {
  transform: translateX(6rem);
}

a:hover .btnBg img.arrow2 {
  transform: translateX(0rem);
}

/**************************************************/
/* 2nd page */
/**************************************************/
.pageHead {
  width: 100vw;
  height: 60rem;
  background-size: auto 100%;
  background-position: left bottom;
  background-repeat: no-repeat;
  padding: 20rem 0 0 0;
  transition: background-position 0.3s ease;
}

.pageHead h2 {
  width: auto;
  height: 16.5rem;
  padding: 0 0 0 var(--site-gutter);
}

.pageHead h2 img.rp {
  display: none;
}

.pageHead img {
  width: auto;
  height: 100%;
}

.pageCont {
  width: min(var(--content-max), 100vw - var(--site-gutter) * 2);
  padding: var(--section-space-y) 0;
  margin: 0 auto;
}

.pageCont h2.mi {
  font-size: clamp(3rem, 1.4vw + 1.6rem, 3.8rem);
  color: #1d2c6c;
  /* border-bottom: .5rem solid #1d2c6c; */
  margin: 0 0 clamp(3rem, 3.8vw, 4.8rem) 0;
  position: relative;
}

.pageCont h2.mi span {
  font-weight: 600;
  display: inline-block;
  border-bottom: 0.5rem solid #2985c0;
}

.pageCont h2.mi::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.5rem;
  background: #1d2c6c;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.pageCont h3.mi {
  font-size: clamp(2rem, 0.8vw + 1.4rem, 2.8rem);
  font-weight: 600;
  border-left: 0.5rem solid #1d2c6c;
  border-bottom: 0.25rem solid #2985c0;
  padding: 0 0 0 1.2rem;
}

.pageCont h3.mi+h5 {
  color: #1d2c6c;
  font-weight: 600;
  border-left: 0.5rem solid #1d2c6c;
  padding: 0.4rem 0 0 1.2rem;
  margin: 0 0 4.5rem 0;
}

.pageCont h4.mi {
  font-size: clamp(2.2rem, 0.9vw + 1.6rem, 3rem);
  color: #2985c0;
  font-weight: 600;
  padding: 0 0 1.6rem 0;
}

.pageCont h5.mi {
  color: #2985c0;
  padding: 0 0 0.4rem 0;
}

.exp__st {
  padding: 0 0 clamp(2.4rem, 2.6vw, 3.6rem) 0;
}

.info div {
  padding: 0 0 3rem 0;
}

.info div:last-of-type {
  padding: 0;
}

.info p span {
  color: #2985c0;
}

/**************************************************/
/* 記事 */
/**************************************************/
.wp-block-columns {
  display: flex;
  flex-wrap: nowrap;
}

@media screen and (min-width: 841px) {
  .wp-block-columns {
    justify-content: space-around;
  }

  .wp-block-columns .wp-block-column {
    padding: 0 10px;
  }
}

@media screen and (max-width: 840px) {
  .wp-block-columns {
    display: block;
    justify-content: center;
  }

  .wp-block-columns .wp-block-column {
    text-align: center;
  }
}

#afi article {
  padding: 0 0 10vw 0;
}

#afi article .l {
  width: 70%;
  padding: 0 5vw 0 0;
}

#afi article .l div {
  padding: 2.4rem 0 0 0;
}

#afi article .l p {
  text-align: justify;
  line-height: 1.96;
}

#afi article .r {
  width: 30%;
}

#afi article .r img {
  width: 100%;
  height: auto;
}

#bm .pageCont h4.mi {
  padding: 0 0 0.2rem 0;
}

#bm .pageCont h4.mi+h5 {
  color: #1d2c6c;
  font-weight: 600;
  padding: 0 0 1.6rem 0;
}

#bm .pageCont ul li {
  padding: 0 0 5vw 0;
}

#bm ul li .l,
#bm ul li .r {
  width: 50%;
}

#bm ul li .l p {
  width: 100%;
  text-align: justify;
  line-height: 1.96;
}

#bm ul li .r {
  padding: 0 0 0 5vw;
}

#bm ul li .r img {
  width: 100%;
  height: auto;
  border-radius: 0.8rem;
}

#ci .pageCont article {
  padding: 0 0 10vw 0;
}

#ci .pageCont h2:not(.mi) {
  font-size: 3.6rem;
  font-weight: 600;
  color: #1d2c6c;
  border-bottom: 0.5rem solid #1d2c6c;
  margin: 0 0 2.5vw 0;
}

#ci .pageCont h4.mi {
  padding: 0 0 1.6rem 0;
}

#ci .ac1 .l {
  width: 70%;
  padding: 0 5vw 0 0;
}

#ci .ac1 .l table {
  width: 100%;
}

#ci .ac1 .l table tr:nth-last-of-type(2n-1) {
  background-color: rgba(41, 133, 192, 0.2);
}

#ci .ac1 .l table th,
#ci .ac1 .l table td {
  line-height: 1.6;
  border: 0.1rem solid #1b94d3;
  padding: 1.6rem;
}

#ci .ac1 .l table th {
  border-left: none;
}

#ci .ac1 .l table td {
  border-right: none;
}

#ci .ac1 .r {
  width: 30%;
}

#ci .ac1 .r img {
  width: 100%;
  height: auto;
}

#ci .ac2 .l {
  width: 30%;
}

#ci .ac2 .l img {
  width: 100%;
  height: auto;
}

#ci .ac2 .r {
  width: 70%;
  padding: 0 0 0 5vw;
}

#ci .ac2 .r div {
  padding: 0 0 2.4rem 0;
}

#ci .ac2 .r h3 {
  font-size: 2.4rem;
  color: #2985C0;
  font-weight: 600;
  padding: 0 0 2.4rem 0;
}

#ci .ac2 .r p {
  text-align: justify;
  line-height: 1.96;
}

#ci .ac3 ul {
  display: flex;
  justify-content: space-between;
}

#ci .ac3 li .mission {
  display: inline-block;
  color: #fff;
  font-weight: 600;
  background-color: #1d2c6c;
  padding: 1.6rem;
  margin: 0 0 1.6rem 0;
}

#ci .ac3 li h3 {
  font-size: 2.4rem;
  color: #2985C0;
  font-weight: 600;
  padding: 0 0 2.4rem 0;
}

#ci .ac4 .l {
  width: 60%;
  padding: 0 5vw 0 0;
}

#ci .ac4 .l h3 {
  font-size: 2.4rem;
  color: #2985C0;
  font-weight: 600;
  padding: 0 0 2.4rem 0;
}

#ci .ac4 .l p {
  text-align: justify;
  line-height: 1.96;
}

#ci .ac4 .r {
  width: 40%;
}

#ci .ac4 .r img {
  width: 100%;
  height: auto;
}

#csrp .pageCont ul li {
  padding: 0 0 5vw 0;
}

#csrp ul li .l,
#csrp ul li .r {
  width: 50%;
}

#csrp ul li .l p {
  width: 100%;
  text-align: justify;
  line-height: 1.96;
}

#csrp ul li .r {
  padding: 0 0 0 5vw;
}

#csrp ul li .r img {
  width: 100%;
  height: auto;
}

#ctf article {
  padding: 0 0 10vw 0;
}

#ctf .ac1 .l {
  width: 70%;
  padding: 0 5vw 0 0;
}

#ctf .ac1 .l div {
  padding: 2.4rem 0 0 0;
}

#ctf .ac1 .l p {
  text-align: justify;
  line-height: 1.96;
}

#ctf .ac1 .r {
  width: 30%;
}

#ctf .ac1 .r img {
  width: 100%;
  height: auto;
}

#ctf .lr {
  justify-content: space-between;
}

#ctf .ac2 .l,
#ctf .ac2 .r {
  width: 49%;
}

#ctf .ac2 table {
  width: 100%;
}

#ctf .ac2 table tr:nth-last-of-type(2n-1) {
  background-color: rgba(41, 133, 192, 0.2);
}

#ctf .ac2 table th,
#ctf .ac2 table td {
  line-height: 1.6;
  border: 0.1rem solid #1b94d3;
  padding: 1.6rem;
}

#ctf .ac2 table th {
  border-left: none;
}

#ctf .ac2 table td {
  border-right: none;
}

#epm .pageHead h2 {
  height: 28rem;
}

#epm .pageCont h4.mi {
  padding: 0 0 0.2rem 0;
}

#epm .pageCont h4.mi+h5 {
  color: #1d2c6c;
  font-weight: 600;
  padding: 0 0 1.6rem 0;
}

#epm .pageCont ul li {
  padding: 0 0 5vw 0;
}

#epm ul li .l,
#epm ul li .r {
  width: 50%;
}

#epm ul li .l p {
  width: 100%;
  line-height: 1.96;
  text-align: justify;
}

#epm ul li .r {
  padding: 0 0 0 5vw;
}

#epm ul li .r img {
  width: 100%;
  height: auto;
  border-radius: 0.8rem;
}

#haq article {
  padding: 0 0 10vw 0;
}

#haq article h2:not(.mi) {
  font-size: 3.6rem;
  font-weight: 600;
  color: #1d2c6c;
  border-bottom: 0.5rem solid #1d2c6c;
  margin: 0 0 2.5vw 0;
}

#haq .pageCont h4.mi {
  padding: 0 0 1.6rem 0;
}

#haq article.ac1 li {
  display: flex;
}

#haq article.ac1 .l {
  width: 70%;
  padding: 0 0 5vw 2.5vw;
}

#haq article.ac1 .l h3 {
  font-size: 2.4rem;
  color: #2985c0;
  font-weight: 600;
}

#haq article.ac1 .r {
  width: 30%;
}

#haq article.ac1 .r img {
  width: 100%;
  height: auto;
}

#haq article.ac2 ul {
  display: flex;
  justify-content: space-between;
  padding: 0 5vw;
}

#haq article.ac2 ul li {
  font-size: 1.4rem;
  line-height: 1.6;
}

#mp .pageCont ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#mp .pageCont li {
  width: 22%;
  padding: 0 0 5vw 0;
}

#mp .pageCont li img {
  width: 100%;
  height: auto;
}

#mp .pageCont li h4 {
  font-size: 2rem;
  font-weight: 600;
}

#mp .team {
  display: inline-block;
  font-size: 1.2rem;
  color: #fff;
  background-color: #1d2c6c;
  border-radius: 2.6rem;
  padding: 0.6rem 1.2rem;
  margin: 0 0 1.3rem 0;
}

#pm .pageCont ul li {
  padding: 0 0 5vw 0;
}

#pm ul li .l,
#pm ul li .r {
  width: 50%;
}

#pm ul li .l p {
  width: 100%;
  line-height: 1.96;
  text-align: justify;
}

#pm ul li .r {
  padding: 0 0 0 5vw;
}

#pm ul li .r img {
  width: 100%;
  height: auto;
}

#top-m .pageCont h2 {
  font-size: 6.4rem;
  line-height: 6.4rem;
  font-weight: 600;
  color: #1d2c6c;
  padding: 0 0 5vw 0;
}

#top-m .pageCont h4.mi {
  padding: 0 0 2.8rem 0;
}

#top-m .main .l,
#top-m .main .r {
  width: 50%;
}

#top-m .main .l h3 {
  font-size: 2.4rem;
  color: #2985C0;
  font-weight: 600;
  padding: 0 0 2.4rem 0;
}

#top-m .main .l p {
  text-align: justify;
  line-height: 1.96;
}

#top-m .main .r {
  padding: 0 0 0 5vw;
}

#top-m .main .r img {
  width: 100%;
  height: auto;
  border-radius: 1.6rem;
}

#top-m .main .r h3 {
  text-align: right;
  font-size: 3.6rem;
  font-weight: 600;
  padding: 2.4rem 0 0 0;
}

#top-m .main .r h3 span {
  font-size: 2rem;
}

#top-m .l-c {
  padding: 0 0 5.6rem 0;
}

#contact .content {
  width: 64rem;
  margin: 0 auto;
}

#contact .content h2 {
  font-size: 2.8rem;
  font-weight: 600;
}

#contact .content h6 {
  font-size: 1.3rem;
  text-align: justify;
}

#contact form p {
  margin: 0 0 1.6rem 0;
}

#contact form p label {
  display: block;
}

#contact form p label span,
#contact form p label input,
#contact form p label textarea {
  display: block;
  width: 100%;
}

#contact form p label input,
#contact form p label textarea {
  padding: 1.6rem;
}

@media screen and (max-width: 720px) {
  #contact .content {
    width: 90vw;
  }
}

.people .lr {
  padding: 0 0 9rem 0;
}

.people .l {
  width: 30%;
}

.people .l img {
  width: 100%;
  height: auto;
}

.people .r {
  width: 70%;
  padding: 0 0 0 4.5rem;
}

.people .post-thumbnail.rp {
  display: none;
}

.people .post-thumbnail figure {
  border-radius: 0.8rem;
}

.people .post-thumbnail figure img {
  width: 100%;
  height: auto;
}

.people .pageCont {
  padding: 13.5rem 0 0 0;
}

.people .pageCont .r h2.mi {
  font-size: 3rem;
  text-align: justify;
  font-weight: 600;
  margin: 0 0 3rem 0;
}

.people .pageCont .r h4 {
  font-size: 2.4rem;
  font-weight: 600;
}

.people .pageCont h2.mi {
  border-bottom: 0;
}

.people .team {
  display: inline-block;
  font-size: 1.2rem;
  color: #fff;
  background-color: #1d2c6c;
  border-radius: 2.6rem;
  padding: 0.6rem 1.2rem;
  margin: 0 0 1.3rem 0;
}

.people .intv .intv-l {
  width: 70%;
}

.people .intv .intv-l li {
  padding: 0 9rem 9rem 0;
}

.people .intv .intv-l li:last-of-type {
  padding: 0 9rem 0 0;
}

.people .intv .intv-l li h4 {
  font-size: 2.4rem;
  text-indent: -2.5em;
  padding: 0 0 0 2.5em;
  text-align: justify;
  border-bottom: 0.25rem solid #2985C0;
  margin: 0 0 1.6rem 0;
}

.people .intv .intv-l li p {
  text-align: justify;
  line-height: 1.96;
}

.people .intv .intv-r {
  width: 30%;
}

.people .intv .intv-r figure {
  border-radius: 0.8rem;
}

.people .intv .intv-r img {
  width: 100%;
  height: auto;
}

@media screen and (min-width: 1801px) {
  .people .pageCont {
    width: 144rem;
  }
}

@media screen and (max-width: 1300px) {
  .people .pageCont .lr {
    display: block;
    padding: 0 0 6rem 0;
  }

  .people .pageCont .r {
    width: 100%;
    padding: 0;
  }

  .people .pageCont .r h2.mi+div {
    display: flex;
  }

  .people .intv .intv-l {
    width: 100%;
  }

  .people .intv .intv-l li,
  .people .intv .intv-l li:last-of-type {
    padding: 0 0 6rem 0;
  }

  .people .intv .intv-r {
    width: 30rem;
  }

  .people .post-thumbnail.pc {
    display: none;
  }

  .people .post-thumbnail.rp {
    display: block;
    width: 30rem;
    height: 30rem;
    margin: 0 3rem 0 0;
  }
}

@media screen and (max-width: 640px) {
  .people .pageCont {
    padding: 9rem 0 0 0;
  }

  .people .pageCont .r h2.mi+div {
    display: block;
  }
}

.single .pageCont {
  width: 60vw;
}

.single .post-thumbnail {
  width: 100%;
}

.single .post-thumbnail figure {
  border-radius: 0.8rem;
}

.single .post-thumbnail img {
  width: 100%;
  height: auto;
}

.single .pageCont h2.mi {
  text-align: justify;
  font-weight: 600;
}

.single .date {
  text-align: right;
  font-family: "Roboto";
  font-size: 1.6rem;
}

.single .cat {
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1.4rem;
  color: #fff;
  background-color: #1D2C6C;
  border-radius: 0.2rem;
  padding: 0.8rem 2rem;
  margin: 0 1rem 0 0;
}

.single .content {
  padding: 4.5rem 0;
}

.single .content figure {
  border-radius: 0.4rem;
}

.single .content p {
  line-height: 1.96;
  text-align: justify;
  padding: 0 0 1.6rem 0;
}

.single .content p a {
  color: #0000ff;
  text-decoration: underline;
}

@media screen and (min-width: 1801px) {
  .single .pageCont {
    width: 144rem;
  }
}

@media screen and (max-width: 1200px) {
  .single .pageCont {
    width: 72rem;
  }
}

@media screen and (max-width: 800px) {
  .single .pageCont {
    width: 90vw;
  }
}

#bm .pageCont h4.mi+h5 {
  color: #1d2c6c;
  font-weight: 600;
  padding: 0 0 2rem 0;
}

#bm .pageCont ul li {
  padding: 0 0 9rem 0;
}

#bm ul li .l {
  width: calc(100% - 45rem);
}

#bm ul li .l p {
  line-height: 1.96;
  text-align: justify;
  width: 100%;
}

#bm ul li .r {
  width: 45rem;
  padding: 0 0 0 4.5rem;
}

#bm ul li .r figure {
  margin: 0;
  border-radius: 0.8rem;
}

#bm ul li .r figure:nth-of-type(2) {
  margin: 1rem 0 0 0;
}

#bm ul li .r img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 1240px) {
  #bm ul li .l {
    width: calc(100% - 40rem);
  }

  #bm ul li .r {
    width: 40rem;
  }
}

@media screen and (max-width: 1100px) {
  #bm ul li .lr {
    flex-wrap: wrap;
  }

  #bm ul li .l {
    width: 100%;
  }

  #bm ul li .r {
    width: 100%;
    padding: 0;
  }

  #bm ul li .r figure {
    width: 36rem;
  }

  #bm .info {
    padding: 0 0 3rem 0;
  }
}

@media screen and (max-width: 840px) {
  #bm .pageHead h2 {
    height: 18.5rem;
  }
}

@media screen and (max-width: 640px) {
  #bm ul li .r figure {
    width: 100%;
  }
}

#csrp .pageHead h2 {
  height: 24.5rem;
}

#csrp .pageCont h4.mi+h5 {
  color: #1d2c6c;
  font-weight: 600;
  padding: 0 0 2rem 0;
}

#csrp .pageCont ul li {
  padding: 0 0 9rem 0;
}

#csrp ul li .l {
  width: calc(100% - 45rem);
}

#csrp ul li .l p {
  line-height: 1.96;
  text-align: justify;
  width: 100%;
}

#csrp ul li .r {
  width: 45rem;
  padding: 0 0 0 4.5rem;
}

#csrp ul li .r figure {
  margin: 0;
  border-radius: 0.8rem;
}

#csrp ul li .r img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 1240px) {
  #csrp ul li .l {
    width: calc(100% - 40rem);
  }

  #csrp ul li .r {
    width: 40rem;
  }
}

@media screen and (max-width: 1100px) {
  #csrp .pageHead h2 {
    height: 19rem;
  }

  #csrp ul li .lr {
    flex-wrap: wrap;
  }

  #csrp ul li .l {
    width: 100%;
  }

  #csrp ul li .r {
    width: 100%;
    padding: 0;
  }

  #csrp ul li .r figure {
    width: 36rem;
  }

  #csrp .info {
    padding: 0 0 3rem 0;
  }
}

@media screen and (max-width: 840px) {
  #csrp .pageHead h2 {
    height: 9rem;
  }
}

@media screen and (max-width: 640px) {
  #csrp ul li .r figure {
    width: 100%;
  }
}

#epm .pageHead h2 {
  height: 24.5rem;
}

#epm .pageCont h4.mi+h5 {
  color: #1d2c6c;
  font-weight: 600;
  padding: 0 0 2rem 0;
}

#epm .pageCont ul li {
  padding: 0 0 9rem 0;
}

#epm ul li .l {
  width: calc(100% - 45rem);
}

#epm ul li .l p {
  line-height: 1.96;
  text-align: justify;
  width: 100%;
}

#epm ul li .r {
  width: 45rem;
  padding: 0 0 0 4.5rem;
}

#epm ul li .r figure {
  margin: 0;
  border-radius: 0.8rem;
}

#epm ul li .r img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 1240px) {
  #epm ul li .l {
    width: calc(100% - 40rem);
  }

  #epm ul li .r {
    width: 40rem;
  }
}

@media screen and (max-width: 1100px) {
  #epm .pageHead h2 {
    height: 19rem;
  }

  #epm ul li .lr {
    flex-wrap: wrap;
  }

  #epm ul li .l {
    width: 100%;
  }

  #epm ul li .r {
    width: 100%;
    padding: 0;
  }

  #epm ul li .r figure {
    width: 36rem;
  }

  #epm .info {
    padding: 0 0 3rem 0;
  }
}

@media screen and (max-width: 840px) {
  #epm .pageHead h2 {
    height: 25rem;
  }
}

@media screen and (max-width: 640px) {
  #epm ul li .r figure {
    width: 100%;
  }
}

#pm .pageCont h4.mi+h5 {
  color: #1d2c6c;
  font-weight: 600;
  padding: 0 0 2rem 0;
}

#pm .pageCont ul li {
  padding: 0 0 9rem 0;
}

#pm ul li .l {
  width: calc(100% - 45rem);
}

#pm ul li .l p {
  line-height: 1.96;
  text-align: justify;
  width: 100%;
}

#pm ul li .r {
  width: 45rem;
  padding: 0 0 0 4.5rem;
}

#pm ul li .r figure {
  margin: 0;
  border-radius: 0.8rem;
}

#pm ul li .r img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 1240px) {
  #pm ul li .l {
    width: calc(100% - 40rem);
  }

  #pm ul li .r {
    width: 40rem;
  }
}

@media screen and (max-width: 1100px) {
  #pm ul li .lr {
    flex-wrap: wrap;
  }

  #pm ul li .l {
    width: 100%;
  }

  #pm ul li .r {
    width: 100%;
    padding: 0;
  }

  #pm ul li .r figure {
    width: 36rem;
  }

  #pm .info {
    padding: 0 0 3rem 0;
  }
}

@media screen and (max-width: 840px) {
  #pm .pageHead h2 {
    height: 20rem;
  }
}

@media screen and (max-width: 640px) {
  #pm ul li .r figure {
    width: 100%;
  }
}

#ci .pageCont article {
  padding: 0 0 9rem 0;
}

#ci .ac1 .l {
  width: 75%;
  padding: 0 4.5rem 0 0;
}

#ci .ac1 .l table {
  width: 100%;
}

#ci .ac1 .l table tr:nth-last-of-type(2n - 1) {
  background-color: rgba(41, 133, 192, 0.2);
}

#ci .ac1 .l table th,
#ci .ac1 .l table td {
  letter-spacing: 0.1rem;
  line-height: 1.6;
  border: 0.1rem solid #1b94d3;
  padding: 1.6rem;
}

#ci .ac1 .l table th {
  border-left: none;
  width: 13rem;
}

#ci .ac1 .l table td {
  border-right: none;
}

#ci .ac1 .l table a {
  color: #1b94d3;
  text-decoration: underline;
}

#ci .ac1 .r {
  width: 25%;
}

#ci .ac1 .r figure {
  border-radius: 0.8rem;
}

#ci .ac1 .r img {
  width: 100%;
  height: auto;
}

#ci .ac2 .lr {
  align-items: center;
}

#ci .ac2 .l {
  width: 40rem;
  padding: 0 0 0 3rem;
  /* .ac2 .l img.rp { display: none; } */
}

#ci .ac2 .l img {
  width: 100%;
  height: auto;
}

#ci .ac2 .r {
  width: calc(100% - 40rem);
  padding: 0 3rem 0 6rem;
}

#ci .ac2 .r div {
  padding: 0 0 3.2rem 0;
}

#ci .ac2 .r div:last-of-type {
  padding: 0 0 0 0;
}

#ci .ac2 .r h3 {
  font-size: 2.4rem;
  color: #2985C0;
  font-weight: 600;
  padding: 0 0 2.4rem 0;
}

#ci .ac2 .r p {
  text-align: justify;
  line-height: 1.96;
}

#ci .ac3 ul {
  display: flex;
  justify-content: center;
  padding: 1.5rem 0 0;
}

#ci .ac3 li {
  text-align: center;
  padding: 0.5rem 4.5rem 1rem;
}

#ci .ac3 li:nth-last-of-type(2) {
  border-left: 0.15rem solid #1d2c6c;
  border-right: 0.15rem solid #1d2c6c;
}

#ci .ac3 li .mission {
  display: inline-block;
  font-size: 1.3rem;
  color: #fff;
  letter-spacing: 0.2rem;
  line-height: 1;
  background-color: #1d2c6c;
  border-radius: 0.4rem;
  padding: 1.4rem 3rem 1.2rem;
  margin: 0 0 2.4rem 0;
}

#ci .ac3 li p {
  display: inline-block;
  font-size: 1.4rem;
  text-align: justify;
}

#ci .ac3 li h3 {
  font-size: 2.4rem;
  color: #2985C0;
  font-weight: 600;
  padding: 0 0 2.4rem 0;
}

#ci .ac4 .l {
  width: 60%;
  padding: 0 4.5rem 0 0;
}

#ci .ac4 .l h3 {
  font-size: 2.4rem;
  color: #2985C0;
  font-weight: 600;
  padding: 0 0 2.4rem 0;
}

#ci .ac4 .l p {
  text-align: justify;
  line-height: 1.96;
}

#ci .ac4 .r {
  width: 40%;
}

#ci .ac4 .r figure {
  border-radius: 0.8rem;
}

#ci .ac4 .r img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 1600px) {
  #ci .ac3 li {
    padding: 0.5rem 3rem;
  }

  #ci .ac3 li:nth-of-type(1) {
    padding-left: 0;
  }

  #ci .ac3 li:nth-of-type(3) {
    padding-right: 0;
  }
}

@media screen and (max-width: 1400px) {
  #ci .ac3 ul {
    flex-wrap: wrap;
  }

  #ci .ac3 li {
    width: 40rem;
  }

  #ci .ac3 li:nth-of-type(2) {
    border-left: 0.15rem solid #1d2c6c;
    border-right: 0;
    padding-right: 0;
  }

  #ci .ac3 li:nth-of-type(3) {
    padding: 4.5rem 0 0 0;
  }
}

@media screen and (max-width: 1240px) {
  #ci .ac2 .lr {
    align-items: normal;
  }

  #ci .ac2 .l {
    width: 40%;
  }

  #ci .ac2 .r {
    width: 60%;
  }
}

@media screen and (max-width: 1100px) {
  #ci .ac1 .lr {
    display: block;
  }

  #ci .ac1 .l,
  #ci .ac1 .r {
    width: 100%;
  }

  #ci .ac1 .l {
    padding: 0 0 4.5rem 0;
  }

  #ci .ac1 .r {
    text-align: right;
  }

  #ci .ac1 .r figure {
    display: inline-block;
    width: 40rem;
    height: 30rem;
  }

  #ci .ac2 .lr {
    display: block;
  }

  #ci .ac2 .l {
    text-align: center;
    width: 100%;
    padding: 0 0 3rem 0;
  }

  #ci .ac2 .l figure {
    display: inline-block;
    width: 28rem;
  }

  #ci .ac2 .l {
    /* .ac2 .l img.pc { display: none; } .ac2 .l img.rp { display: inline; } */
  }

  #ci .ac2 .r {
    width: 100%;
    padding: 0;
  }

  #ci .ac3 ul {
    display: block;
  }

  #ci .ac3 li {
    width: 36rem;
    padding: 4.5rem 0 4.5rem 0;
    border-left: 0;
    margin: 0 auto;
  }

  #ci .ac3 li:nth-last-of-type(2) {
    border-left: 0;
    border-top: 0.15rem solid #1d2c6c;
    border-bottom: 0.15rem solid #1d2c6c;
  }

  #ci .ac4 .lr {
    display: block;
  }

  #ci .ac4 .l,
  #ci .ac4 .r {
    width: 100%;
  }

  #ci .ac4 .l {
    padding: 0 0 4.5rem 0;
  }

  #ci .ac4 .r figure {
    width: 36rem;
  }
}

@media screen and (max-width: 840px) {
  #ci .pageHead h2 {
    height: 18rem;
  }
}

@media screen and (max-width: 640px) {
  #ci .ac1 .r figure {
    width: 36rem;
    height: 27rem;
  }
}

#haq article {
  padding: 0 0 9rem 0;
}

#haq .pageCont h4.mi {
  padding: 0 0 1.6rem 0;
}

#haq article.ac1 ul {
  padding: 0 0 0 4.5rem;
}

#haq article.ac1 li {
  display: flex;
  position: relative;
  padding: 0 0 9rem 0;
  border-left: 0.3rem solid #2985c0;
}

#haq article.ac1 li:after {
  content: "";
  position: absolute;
  width: 2rem;
  height: 2rem;
  background-color: #2985c0;
  border-radius: 1rem;
  top: 1.2rem;
  left: -1.1rem;
}

#haq article.ac1 li:last-of-type {
  padding: 0 0 4.5rem 0;
}

#haq article.ac1 .l {
  width: calc(100% - 40rem);
  padding: 0 4.5rem 0 4.5rem;
}

#haq article.ac1 .l h3 {
  font-size: 2.4rem;
  color: #2985c0;
  font-weight: 600;
}

#haq article.ac1 .l p {
  text-align: justify;
}

#haq article.ac1 .r {
  width: 40rem;
}

#haq article.ac1 .r figure {
  border-radius: 0.8rem;
  margin: 0;
}

#haq article.ac1 .r img {
  width: 100%;
  height: auto;
}

#haq article.ac2 ul {
  display: flex;
  justify-content: center;
  padding: 0;
}

#haq article.ac2 ul li {
  font-size: 1.4rem;
  line-height: 1.6;
}

#haq article.ac2 ul li:nth-last-of-type(2) {
  padding: 0 9rem 0;
}

#haq article.ac2 ul li span {
  display: block;
}

@media screen and (max-width: 1400px) {
  #haq article.ac1 .l {
    width: calc(100% - 36rem);
  }

  #haq article.ac1 .r {
    width: 36rem;
  }

  #haq article.ac2 ul li:nth-last-of-type(2) {
    padding: 0 3rem 0;
  }
}

@media screen and (max-width: 1240px) {
  #haq article.ac1 li {
    display: block;
  }

  #haq article.ac1 .l {
    width: 100%;
    padding: 0 0 0 4.5rem;
  }

  #haq article.ac1 .r {
    width: 100%;
    padding: 4.5rem 0 0 4.5rem;
  }

  #haq article.ac1 .r figure {
    width: 36rem;
  }

  #haq article.ac2 ul {
    display: block;
  }

  #haq article.ac2 ul li {
    text-align: justify;
  }

  #haq article.ac2 ul li:nth-of-type(1),
  #haq article.ac2 ul li:nth-of-type(2) {
    padding: 0 0 3rem 0;
  }

  #haq article.ac2 ul li span {
    display: inline;
  }

  #haq article.ac2 ul li span::after {
    content: "/";
  }
}

@media screen and (max-width: 840px) {
  #haq .pageHead h2 {
    height: 18.5rem;
  }
}

@media screen and (max-width: 640px) {
  #haq article.ac1 ul {
    padding: 0 0 0 3rem;
  }

  #haq article.ac1 .l {
    padding: 0 3rem 0 3rem;
  }

  #haq article.ac1 .r {
    padding: 3rem 0 0 3rem;
  }

  #haq article.ac1 .r figure {
    width: 32rem;
  }
}

#ti .pageCont h2 {
  font-size: 6rem;
  font-weight: 600;
  color: #1d2c6c;
  text-align: justify;
  padding: 0 0 9rem 0;
}

#ti .pageCont h4.mi {
  padding: 0 0 2.8rem 0;
}

#ti .main .l {
  width: calc(100% - 45rem - 9rem);
}

#ti .main .l p {
  text-align: justify;
  line-height: 1.96;
}

#ti .main .r {
  width: 54rem;
  padding: 0 0 0 9rem;
}

#ti .main .r img {
  width: 100%;
  height: auto;
  border-radius: 1.6rem;
}

#ti .main .r .ceo {
  text-align: right;
  padding: 2.4rem 0.4rem 0 0;
}

#ti .main .r .ceo h3 {
  font-size: 3.6rem;
  font-weight: 600;
  padding: 0.8rem 0 0 0;
}

#ti .main .r .ceo span {
  font-size: 1.8rem;
}

#ti .l-c {
  padding: 0 0 5.6rem 0;
}

@media screen and (max-width: 1240px) {
  #ti .pageCont h2 {
    font-size: 4.8rem;
    padding: 0 0 6rem 0;
  }

  #ti .main .l {
    width: calc(100% - 32rem - 6rem);
  }

  #ti .main .r {
    width: 38rem;
    padding: 0 0 0 6rem;
  }

  #ti .main .r .ceo h3 {
    font-size: 3.2rem;
  }

  #ti .main .r .ceo span {
    font-size: 1.6rem;
  }
}

@media screen and (min-width: 1101px) {
  #ti .l-c:last-of-type {
    padding: 0 0 0 0;
  }
}

@media screen and (max-width: 1100px) {
  #ti .lr {
    flex-wrap: wrap;
    flex-direction: row-reverse;
  }

  #ti .main .l,
  #ti .main .r {
    width: 100%;
  }

  #ti .main .l {
    order: 2;
  }

  #ti .main .r {
    text-align: left;
    padding: 0 0 6rem 0;
    order: 1;
  }

  #ti .main .r .ceo {
    text-align: left;
  }

  #ti .main .r figure {
    display: inline-block;
    width: 36rem;
  }
}

@media screen and (max-width: 640px) {
  #ti .pageCont h2 {
    font-size: 4rem;
  }

  #ti .pageCont h4.mi {
    padding: 0 0 2.4rem 0;
  }

  #ti .l-c {
    padding: 0 0 4.8rem 0;
  }
}

#afi article {
  padding: 0 0 9rem 0;
}

#afi article .l {
  width: calc(100% - 45rem);
}

#afi article .l li {
  padding: 3rem 0 0 0;
}

#afi article .l div {
  padding: 0 0 3rem 0;
}

#afi article .l p {
  text-align: justify;
  line-height: 1.96;
}

#afi article .r {
  width: 45rem;
  padding: 0 0 0 4.5rem;
}

#afi article .r figure {
  margin: 0;
  border-radius: 0.8rem;
}

#afi article .r img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 1240px) {
  #afi article .l {
    width: calc(100% - 40rem);
  }

  #afi article .r {
    width: 40rem;
  }
}

@media screen and (max-width: 1100px) {
  #afi article .lr {
    flex-wrap: wrap;
  }

  #afi article .l {
    width: 100%;
  }

  #afi article .r {
    width: 100%;
    padding: 0;
  }

  #afi article .r figure {
    width: 36rem;
  }
}

@media screen and (max-width: 840px) {
  #afi .pageHead h2 {
    height: 20rem;
  }
}

@media screen and (max-width: 640px) {
  #afi article .r figure {
    width: 100%;
  }
}

#ctf article {
  padding: 0 0 9rem 0;
}

#ctf .ac1 .l {
  width: calc(100% - 45rem);
}

#ctf .ac1 .l li {
  padding: 3rem 0 0 0;
}

#ctf .ac1 .l div {
  padding: 0 0 3rem 0;
}

#ctf .ac1 .l p {
  text-align: justify;
  line-height: 1.96;
}

#ctf .ac1 .r {
  width: 45rem;
  padding: 0 0 0 4.5rem;
}

#ctf .ac1 .r figure {
  border-radius: 0.8rem;
  box-shadow: 0rem 0rem 0.6rem rgba(41, 133, 192, 0.15);
}

#ctf .ac1 .r img {
  width: 100%;
  height: auto;
}

#ctf .lr {
  justify-content: space-between;
}

#ctf .ac2 .l,
#ctf .ac2 .r {
  width: 49%;
}

#ctf .ac2 table {
  width: 100%;
}

#ctf .ac2 table tr:nth-of-type(2n - 1) {
  background-color: rgba(41, 133, 192, 0.2);
}

#ctf .ac2 table th,
#ctf .ac2 table td {
  line-height: 1.6;
  border: 0.1rem solid #1b94d3;
  padding: 1.6rem;
}

#ctf .ac2 table th {
  border-left: none;
}

#ctf .ac2 table td {
  border-right: none;
}

#ctf .lai {
  padding: 4.5rem 0 0 0;
}

#ctf .lai ul {
  display: flex;
  justify-content: space-between;
}

#ctf .lai li {
  width: 23%;
  box-shadow: 0rem 0rem 0.6rem rgba(41, 133, 192, 0.15);
}

#ctf .lai li img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 1240px) {
  #ctf .ac1 .l {
    width: calc(100% - 40rem);
  }

  #ctf .ac1 .r {
    width: 40rem;
  }
}

@media screen and (max-width: 1100px) {
  #ctf .ac1 .lr {
    flex-wrap: wrap;
  }

  #ctf .ac1 .l {
    width: 100%;
  }

  #ctf .ac1 .r {
    width: 100%;
    padding: 0;
  }

  #ctf .ac1 .r figure {
    width: 36rem;
  }

  #ctf .ac2 .lr {
    flex-wrap: wrap;
  }

  #ctf .ac2 .l {
    padding: 0 0 3rem 0;
  }

  #ctf .ac2 .l,
  #ctf .ac2 .r {
    width: 100%;
  }

  #ctf .ac2 table th,
  #ctf .ac2 table td {
    width: 50%;
  }

  #ctf .lai ul {
    flex-wrap: wrap;
  }

  #ctf .lai li {
    width: 48%;
    margin: 0 0 3rem 0;
  }
}

@media screen and (max-width: 640px) {
  #ctf .ac1 .r figure {
    width: 100%;
  }

  #ctf .ac2 table th,
  #ctf .ac2 table td {
    font-size: 1.4rem;
  }
}

#waq .lrB {
  padding: 0 0 9rem 0;
}

#waq ul li.lrB:last-of-type {
  padding: 0;
}

#waq ul li>.lr+.lr {
  margin-top: 5rem;
}

#waq ul li .l {
  width: calc(100% - 45rem);
}

#waq ul li .l p {
  line-height: 1.96;
  text-align: justify;
  width: 100%;
}

#waq ul li .r {
  width: 45rem;
  padding: 0 0 0 4.5rem;
}

#waq ul li .r figure {
  border-radius: 0.8rem;
}

#waq ul li .r img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 1240px) {
  #waq ul li .l {
    width: calc(100% - 40rem);
  }

  #waq ul li .r {
    width: 40rem;
  }
}

@media screen and (max-width: 1100px) {
  #waq ul li>.lr+.lr {
    margin-top: 5rem;
  }

  #waq ul li .lr {
    flex-wrap: wrap;
  }

  #waq ul li .l {
    width: 100%;
  }

  #waq ul li .l div {
    padding: 3rem 0 3rem 0;
  }

  #waq ul li .r {
    width: 100%;
    padding: 0;
  }

  #waq ul li .r figure {
    width: 36rem;
  }
}

@media screen and (max-width: 840px) {
  #waq .pageHead h2 {
    height: 20rem;
  }
}

@media screen and (max-width: 640px) {
  #waq ul li .r figure {
    width: 100%;
  }
}

.m-news .pageCont {
  width: 60vw;
}

.m-news .pageCont h2.mi {
  text-align: justify;
}

.m-news .date {
  text-align: right;
}

.m-news .cat {
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1.4rem;
  color: #fff;
  background-color: #1D2C6C;
  border-radius: 0.2rem;
  padding: 0.8rem 2rem;
  margin: 0 1rem 0 0;
}

.m-news .news__right__li__r__div .date {
  font-size: 1.3rem;
}

.m-news .content {
  padding: 5vw 0;
}

.m-news .content p {
  line-height: 1.96;
  text-align: justify;
  padding: 0 0 1.6rem 0;
}

.m-news .content p a {
  color: #0000ff;
  text-decoration: underline;
}

#members #top-news {
  width: 144rem;
  padding: 0 0 9rem;
  margin: 0 auto;
}

#members .news__right {
  width: 135rem;
  margin: 0 auto;
}

#members .news__right__li {
  border-bottom: 0.2rem solid rgba(41, 133, 192, 0.3);
  padding: 3.2rem 1.8rem 3.2rem 0;
  position: relative;
}

#members .news__right__li__l::after {
  content: "";
  width: 27rem;
  height: 0.2rem;
  background-color: #1E2678;
  position: absolute;
  left: 0;
  bottom: -0.2rem;
  transition: all 0.3s;
}

#members .news__right__li a {
  display: flex;
}

#members .news__right__li figure {
  width: 27rem;
  height: 18rem;
  border-radius: 0.8rem;
  overflow: hidden;
  margin: 0;
}

#members .news__right__li figure img {
  width: 100%;
  height: auto;
  transition: transform 0.3s ease;
}

#members .news__right__li__r {
  width: calc(100% - 27rem - 6rem - 1.8rem);
  padding: 2.4rem 4rem 0 2.8rem;
}

#members .news__right__li__r__div {
  margin: 0 0 1.2rem;
}

#members .news__right__li__r__div .cat {
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1.4rem;
  color: #fff;
  background-color: #1D2C6C;
  border-radius: 0.48rem;
  padding: 1.2rem 3.2rem;
  margin: 0 1rem 0 0;
}

#members .news__right__li__r__div .date {
  font-family: "Roboto";
  font-size: 1.5rem;
}

#members .news__right__li__r h3 {
  font-size: 1.8rem;
  font-weight: 600;
  text-align: justify;
  transition: color 0.3s ease;
}

#members .news__right__li .btnBg {
  position: relative;
  top: 0;
  bottom: 0;
  margin: auto;
}

#members a:hover .news__right__li__l::after {
  width: 100%;
}

#members a:hover .news__right__li figure img {
  transform: scale(1.04);
}

#members a:hover .news__right__li__r h3 {
  color: #2985c0;
}

#members .pagination {
  display: flex;
  justify-content: center;
  align-items: end;
  font-family: "Robooto";
  font-size: 1.8rem;
  text-align: center;
  padding: 6rem 0 0 0;
}

#members .pagination .next,
#members .pagination .prev {
  font-size: 1.9rem;
}

#members .pagination span,
#members .pagination a {
  display: inline-block;
  padding: 0 1.5rem;
}

#members .pagination span {
  text-decoration: underline;
}

@media screen and (max-width: 1800px) {
  #members #top-news {
    width: 100%;
  }

  #members .news__right {
    width: 75vw;
  }
}

@media screen and (max-width: 1600px) {
  #members .news__right__li__r {
    width: calc(100% - 33.4rem);
  }

  #members .btnB {
    text-align: center;
    padding: 6.4rem 0 0 0;
  }
}

@media screen and (max-width: 1100px) {
  #members .news__right {
    width: 100%;
  }
}

@media screen and (max-width: 1000px) {
  #members .news__right__li {
    padding: 3.2rem 0 3.2rem;
  }

  #members .news__right__li__r {
    width: calc(100% - 27rem);
    padding: 2.4rem 2rem 0 2.8rem;
  }

  #members .news__right__li .btnBg {
    display: none;
  }
}

@media screen and (max-width: 720px) {
  #members .news__right__ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  #members .news__right__li {
    display: block;
    width: 37.5vw;
    padding: 3.6rem 0 2.4rem;
  }

  #members .news__right__li:nth-of-type(1),
  #members .news__right__li:nth-of-type(2) {
    padding: 0 0 2.4rem;
  }

  #members .news__right__li a {
    display: block;
  }

  #members .news__right__li__l {
    width: 100%;
  }

  #members .news__right__li figure {
    width: 37.5vw;
    height: 25vw;
  }

  #members .news__right__li__r {
    width: 100%;
    padding: 2rem 0 0 0;
  }
}

@media screen and (max-width: 640px) {
  #members .news__right__ul {
    justify-content: center;
  }

  #members .news__right__li {
    width: 80vw;
  }

  #members .news__right__li:nth-of-type(2) {
    padding: 3.6rem 0 2.4rem;
  }

  #members .news__right__li figure {
    width: 80vw;
    height: 53.3333333333vw;
  }
}

#mp .pageCont {
  padding: 13.5rem 0 0 0;
}

#mp .pageCont ul {
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
}

#mp .pageCont li {
  width: calc((80vw - 12rem) / 5);
  padding: 0 0;
  margin: 0 3rem 9rem 0;
}

#mp .pageCont li:nth-of-type(5n) {
  margin: 0 0 9rem 0;
}

#mp .pageCont li figure {
  width: 100%;
  height: 15vw;
  border-radius: 0.8rem;
}

#mp .pageCont li img {
  width: 100%;
  height: auto;
}

#mp .pageCont li h4 {
  font-size: 2rem;
  font-weight: 600;
}

#mp .pageCont li h5 {
  font-size: 1.4rem;
}

#mp .team {
  display: inline-block;
  font-size: 1.2rem;
  color: #fff;
  background-color: #1d2c6c;
  border-radius: 2.6rem;
  padding: 0.6rem 1.2rem;
  margin: 0 0 1.3rem 0;
}

@media screen and (min-width: 1801px) {
  #mp .pageCont li {
    width: calc((100% - 12rem) / 5);
  }

  #mp .pageCont li figure {
    height: 22.5rem;
  }
}

@media screen and (max-width: 1600px) {
  #mp .pageCont li {
    width: calc((100% - 9rem) / 4);
    margin-bottom: 4.5rem;
  }

  #mp .pageCont li:nth-of-type(5n) {
    margin: 0 3rem 4.5rem 0;
  }

  #mp .pageCont li:nth-of-type(4n) {
    margin: 0 0 4.5rem 0;
  }
}

@media screen and (max-width: 1200px) {
  #mp .pageCont li {
    width: calc((100% - 6rem) / 3);
  }

  #mp .pageCont li:nth-of-type(5n) {
    margin: 0 3rem 4.5rem 0;
  }

  #mp .pageCont li:nth-of-type(4n) {
    margin: 0 3rem 4.5rem 0;
  }

  #mp .pageCont li:nth-of-type(3n) {
    margin: 0 0 4.5rem 0;
  }

  #mp .pageCont li figure {
    height: 20vw;
  }
}

@media screen and (max-width: 960px) {
  #mp .team {
    font-size: 1.2rem;
    border-radius: 2.6rem;
    padding: 0.6rem 1.2rem;
    margin: 0 0 1.3rem 0;
  }

  #mp .pageCont li h4 {
    font-size: 1.8rem;
  }

  #mp .pageCont li h5 {
    font-size: 1.3rem;
  }
}

@media screen and (max-width: 840px) {
  #mp .pageCont li {
    width: calc((100% - 3rem) / 2);
    margin-bottom: 4.5rem;
  }

  #mp .pageCont li:nth-of-type(5n) {
    margin: 0 3rem 4.5rem 0;
  }

  #mp .pageCont li:nth-of-type(4n) {
    margin: 0 3rem 4.5rem 0;
  }

  #mp .pageCont li:nth-of-type(3n) {
    margin: 0 3rem 4.5rem 0;
  }

  #mp .pageCont li:nth-of-type(2n) {
    margin: 0 0 4.5rem 0;
  }

  #mp .pageCont li figure {
    height: 30vw;
  }
}

#hp #top-about {
  padding: 15rem 0 0;
  background-color: rgba(255, 255, 255, 0.7);
  background-blend-mode: lighten;
  background-size: auto 105rem;
  background-position: left calc(50vw - 20rem) bottom 0;
  background-repeat: no-repeat;
  position: relative;
}

#hp .top-about__ul {
  display: block;
  width: 120rem;
  margin: 0 auto;
}

#hp .top-about__li {
  display: flex;
}

#hp .top-about__li div.liA__l,
#hp .top-about__li div.liA__r,
#hp .top-about__li div.liB__l,
#hp .top-about__li div.liB__r {
  position: relative;
  width: 60rem;
  height: 50rem;
  /* border: .1rem solid red; */
}

#hp .top-about__li div.liB__r {
  padding: 3rem 0 0 4.5rem;
  position: relative;
}

#hp .top-about__li div.liB__r img.tl-ja {
  width: auto;
  height: 3.5rem;
}

#hp .top-about__li div.liB__r p {
  font-size: 2rem;
  font-weight: 600;
  text-align: justify;
  line-height: 1.96;
  padding: 2.8rem 0 0 0;
}

#hp .top-about__li div.liB__r .btn {
  display: inline-block;
  position: relative;
  border-radius: 4.8rem;
  margin: 3.2rem 0 0 0;
}

#hp .top-about__li div.liB__r .btn a {
  display: inline-block;
  font-size: 1.6rem;
  line-height: 1.6rem;
  color: #fff;
  letter-spacing: 0.2rem;
  overflow: hidden;
  padding: 2.8rem 9.6rem 2.8rem 4.2rem;
  transition: all 0.2s ease-out;
}

#hp .top-about__li div.liB__r .btn a:hover {
  padding: 2.8rem 6.5rem 2.8rem 7.3rem;
}

#hp .top-about__li div.liB__r .btn a:hover .arrow {
  right: -4rem;
}

#hp .top-about__li div img.photo {
  width: 100%;
  height: auto;
  border-radius: 0.8rem;
}

#hp .arrow {
  width: auto;
  height: 1.4rem;
  position: absolute;
  right: 3.6rem;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: all 0.2s ease;
}

@media screen and (max-width: 1800px) {
  #hp #top-about {
    background-size: auto 95rem;
  }

  #hp .top-about__ul {
    width: 110rem;
  }

  #hp .top-about__li div.liA__l,
  #hp .top-about__li div.liA__r,
  #hp .top-about__li div.liB__l,
  #hp .top-about__li div.liB__r {
    width: 60rem;
    height: 45rem;
  }

  #hp .top-about__li div.liA__r {
    text-align: right;
    width: 55rem;
  }

  #hp .top-about__li div.liA__r img.photo {
    margin-left: auto;
  }

  #hp #top-omidashi {
    width: 52rem;
    top: 30rem;
    left: calc(50vw - 54rem);
  }
}

@media screen and (max-width: 1600px) {
  #hp #top-about {
    background-size: auto 95rem;
  }
}

@media screen and (max-width: 1400px) {}

@media screen and (max-width: 1300px) {
  #hp #top-fade-slider {
    height: 120rem;
  }

  #hp #top-about {
    background-size: auto 65rem;
    padding: 10rem 0 0;
  }

  #hp .top-about__li div.liA__l {
    display: none;
  }

  #hp .btn a,
  .btnB .btn a {
    display: inline-block;
    font-size: 1.5rem;
    line-height: 1.5rem;
    color: #fff;
    letter-spacing: 0.2rem;
    overflow: hidden;
    padding: 2.5rem 8rem 2.5rem 4rem;
    transition: all 0.2s ease-out;
  }

  #hp .arrow,
  .btnB .btn a img.arrow {
    width: auto;
    height: 1.2rem;
    position: absolute;
    right: 3rem;
    top: 0;
    bottom: 0;
    margin: auto;
  }
}

@media screen and (max-width: 1200px) {
  #hp #top-omidashi {
    left: calc(600px - 58rem);
  }

  #hp #top-fade-slider.abs #top-omidashi {
    left: calc(600px - 58rem);
  }

  #hp .top-about__ul figure {
    height: 27rem;
    width: 40rem;
  }

  #hp #top-omidashi {
    height: 40rem;
    left: calc(50vw - 50rem);
    bottom: -48rem;
  }

  #hp #top-omidashi {
    height: 40rem;
  }
}

@media screen and (max-width: 1300px) {
  #hp .top-about__ul {
    width: 90vw;
  }

  #hp .top-about__li div.liA__l,
  #hp .top-about__li div.liA__r,
  #hp .top-about__li div.liB__l,
  #hp .top-about__li div.liB__r {
    width: 100%;
    height: 38rem;
  }

  #hp .top-about__li div.liA__r {
    height: 24rem;
    padding: 0 0 0 15rem;
  }

  #hp .top-about__ul figure {
    top: 0rem;
    text-align: left;
    height: 34rem;
    width: 50rem;
  }

  #hp #top-omidashi {
    left: 5vw;
  }

  #hp .top-about__li div.liB__r {
    padding: 16rem 0 0 0rem;
  }

  #hp .top-about__li div.liB__r p {
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 1200px) {
  #hp .top-about__ul figure {
    height: 27rem;
    width: 40rem;
  }

  #hp .top-about__li div.liA__r {
    padding: 0 0 0 10rem;
  }

  #hp .top-about__li div.liB__l {
    width: fit-content;
  }

  #hp .top-about__li div.liB__r {
    padding: 10rem 0 0 5rem;
  }
}

@media screen and (max-width: 800px) {
  #hp #top-about {
    background-size: auto 55rem;
    padding: 8rem 0 0;
    background-position: left calc(50vw - 25rem) bottom 0;
  }

  #hp #top-omidashi {
    bottom: -36rem;
  }

  #hp #top-omidashi {
    height: 28rem;
  }

  #hp .top-about__li {
    flex-wrap: wrap;
  }

  #hp .top-about__li div img.photo {
    width: 90%;
  }

  #hp .top-about__li div.liA__r {
    padding: 0 0 0 8rem;
    height: 18rem;
  }

  #hp .top-about__li div.liB__r {
    padding: 5rem 5rem 0 5rem;
  }

  #hp .top-about__li div.liB__l {
    height: 21rem;
  }

  #hp .top-about__ul figure {
    height: 21rem;
    width: 35rem;
  }
}

#hp #top-app {
  padding: 18rem 0 18rem 0;
  background-size: 95vw auto;
  background-position: left top;
  background-repeat: no-repeat;
  position: relative;
}

#hp #top-app h2 {
  height: 13.5rem;
  padding: 0 0 0 calc(50vw - 72rem);
  margin: 0 0 9rem 0;
}

#hp #top-app h2 img {
  width: auto;
  height: 100%;
}

#hp #top-app h2 {
  height: 13.5rem;
  padding: 0 0 0 calc(50vw - 72rem);
  margin: 0 0 9rem 0;
}

#hp #top-app h2 img {
  width: auto;
  height: 100%;
}

#hp .app-cards {
  width: 135rem;
  margin: 0 auto;
  transition: width 0.3s ease;
}

#hp .app-cards .card {
  float: left;
  width: 66rem;
  height: 44rem;
  border-radius: 0.8rem;
  overflow: hidden;
  background-size: 100% auto;
  background-repeat: no-repeat;
  transition: width 0.3s ease;
}

#hp .app-cards .card:nth-of-type(2n) {
  margin: 0 0 3rem 3rem;
}

#hp .app-cards .card:last-of-type {
  margin-bottom: 0;
}

#hp .card a {
  color: #fff;
  width: 100%;
  height: 100%;
}

#hp .card__info {
  width: 100%;
  height: 100%;
  backdrop-filter: brightness(0.7);
  padding: 6rem 4.5rem;
  position: relative;
}

#hp .card__info>span {
  font-family: "Roboto";
  font-size: 1.8rem;
  letter-spacing: 0.12rem;
}

#hp .card__info h3 {
  font-size: 3.6rem;
  font-weight: 600;
  padding: 1.2rem 0 1.2rem 0;
}

#hp .card__info h4 {
  font-size: 1.8rem;
  letter-spacing: 0.12rem;
  padding: 0 0 12rem 0;
}

#hp #top-app .btnBg {
  position: absolute;
  bottom: 4.5rem;
  right: 4.5rem;
}

@media screen and (max-width: 1690px) {
  #hp .app-cards {
    width: 111rem;
  }

  #hp .app-cards .card {
    width: 54rem;
    height: 36rem;
  }

  #hp .card__info {
    padding: 4rem 3.5rem;
  }

  #hp .card__info>span {
    font-size: 1.6rem;
  }

  #hp .card__info h3 {
    font-size: 3.2rem;
  }

  #hp .card__info h4 {
    font-size: 1.6rem;
    padding: 0 0 2vw 0;
  }
}

@media screen and (max-width: 1600px) {
  #hp #top-app h2 {
    height: 11.5rem;
    padding: 0 0 0 5vw;
  }
}

@media screen and (max-width: 1390px) {
  #hp .app-cards {
    width: 93rem;
  }

  #hp .app-cards .card {
    width: 45rem;
    height: 30rem;
  }
}

@media screen and (max-width: 1160px) {
  #hp .app-cards {
    width: 93rem;
    text-align: center;
  }

  #hp .app-cards .card {
    display: inline-block;
    float: inherit;
    text-align: left;
    width: 60vw;
    height: 40vw;
    margin: 0 0 2rem 0;
  }

  #hp .app-cards .card:nth-of-type(2n) {
    margin: 0 0 2rem 0;
  }

  #hp .app-cards .card:last-of-type {
    margin: 0 0 0 0;
  }
}

@media screen and (max-width: 1000px) {
  #hp #top-app h2 {
    height: 12.5rem;
  }

  #hp .app-cards {
    width: 90vw;
  }

  #hp .app-cards .card {
    width: 80vw;
    height: 53.3333333333vw;
  }

  #hp .card__info h4 {
    padding: 0 0 12vw 0;
  }
}

@media screen and (max-width: 640px) {
  #hp #top-app {
    padding: 18rem 0 9rem 0;
  }

  #hp #top-app h2 {
    height: 10.5rem;
  }

  #hp #top-app .btnBg {
    bottom: 2.5rem;
  }

  #hp .card__info {
    padding: 3rem 2.5rem;
  }

  #hp .card__info>span {
    font-size: 1.4rem;
  }

  #hp .card__info h3 {
    font-size: 2.8rem;
  }

  #hp .card__info p {
    font-size: 1.4rem;
  }

  #hp .card__info h4 {
    padding: 0 0 3rem 0;
  }
}

#hp .mod-btn {
  position: relative;
}

#hp .mod-btn a {
  position: relative;
  color: #333;
  display: block;
  border: none;
  transition: color 0.4s linear;
}

#hp .border {
  position: absolute;
  display: block;
  background-color: #2985c0;
}

#hp .border--top,
#hp .border--bottom {
  width: 0;
  height: 1rem;
}

#hp .border--right,
#hp .border--left {
  width: 1rem;
  height: 0;
}

#hp {
  /* .border--top { top: 0; left: 0; transition: width 0.2s linear 0s; }
   .border--right { top: 0; right: 0; transition: height 0.2s linear 0.2s; }
   .border--bottom { right: 0; bottom: 0; transition: width 0.2s linear 0.4s; }
   .border--left { bottom: 0; left: 0; transition: height 0.2s linear 0.6s; } */
}

#hp .mod-btn a:hover .border--top,
#hp .mod-btn a:hover .border--bottom {
  width: 100%;
}

#hp .mod-btn a:hover .border--right,
#hp .mod-btn a:hover .border--left {
  height: 100%;
}

#hp .mod-btn a:not(:hover) .border--top,
#hp .mod-btn a:not(:hover) .border--bottom {
  width: 0;
}

#hp .mod-btn a:not(:hover) .border--right,
#hp .mod-btn a:not(:hover) .border--left {
  height: 0;
}

#hp {
  /* .mod-btn a:not(:hover) .border--left { transition: height 0.2s linear 0s; }
   .mod-btn a:not(:hover) .border--bottom { transition: width 0.2s linear 0.2s; }
   .mod-btn a:not(:hover) .border--right { transition: height 0.2s linear 0.4s; }
   .mod-btn a:not(:hover) .border--top { transition: width 0.2s linear 0.6s; } */
}

#hp #top-mp {
  padding: 18rem 0 13.5rem 0;
}

#hp #top-mp h2 {
  height: 13.5rem;
  padding: 0 0 0 calc(50vw - 72rem);
  margin: 0 0 9rem 0;
}

#hp #top-mp h2 figure {
  height: 100%;
}

#hp #top-mp h2 img {
  width: auto;
  height: 100%;
}

#hp #top-mp h2 img.rp {
  display: none;
}

#hp #top-mp .btnB {
  text-align: center;
}

#hp #top-mp .btn.btn2 {
  display: inline-block;
  padding: 3rem 0 0 0;
}

@keyframes horizontal-animation {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-100%);
  }
}

#hp .pp-container {
  display: flex;
  overflow: hidden;
}

#hp .pp-wrapper {
  display: flex;
  align-items: center;
  animation: horizontal-animation 30s linear infinite;
}

#hp .pp-slide {
  width: 15vw;
  margin-right: 3rem;
  overflow: hidden;
  transition: width 0.3s ease;
}

#hp .pp-slide:nth-of-type(2n) {
  width: 10vw;
  transition: width 0.3s ease;
}

#hp .pp-slide figure {
  border-radius: 0.8rem;
}

#hp .pp-slide img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

@media (hover: hover) {
  #hp .pp-container:hover .pp-wrapper {
    animation-play-state: paused;
  }
}

@media screen and (max-width: 1600px) {
  #hp #top-mp h2 {
    height: 11.5rem;
    padding: 0 0 0 5vw;
  }

  #hp .pp-slide {
    width: 20vw;
  }

  #hp .pp-slide:nth-of-type(2n) {
    width: 15vw;
  }
}

@media screen and (max-width: 1000px) {
  #hp #top-mp h2 {
    height: 12.5rem;
  }

  #hp .pp-slide {
    width: 25vw;
  }

  #hp .pp-slide:nth-of-type(2n) {
    width: 20vw;
  }
}

@media screen and (max-width: 720px) {
  #hp #top-mp h2 {
    height: 23rem;
  }

  #hp #top-mp h2 img.pc {
    display: none;
  }

  #hp #top-mp h2 img.rp {
    display: block;
  }
}

@media screen and (max-width: 640px) {
  #hp .pp-slide {
    width: 40vw;
  }

  #hp .pp-slide:nth-of-type(2n) {
    width: 30vw;
  }
}

#hp #top-news {
  width: 144rem;
  padding: 18rem 0 18rem;
  margin: 0 auto;
}

#hp .news__left {
  width: 45rem;
  position: relative;
}

#hp .news__left h2 {
  width: 100%;
  height: 12rem;
  margin: 0 0 4.2rem 0;
}

#hp .news__left h2 img {
  width: auto;
  height: 100%;
}

#hp .news__left .btn.btn1 {
  margin: 6.4rem 0 0 0;
}

#hp .btn {
  display: inline-block;
}

#hp .btn a {
  display: inline-block;
  color: #fff;
  background-color: #2985c0;
  border-radius: 4.8rem;
  padding: 2.8rem 9.6rem 2.8rem 4.2rem;
  position: relative;
  transition: background-color 0.3s ease-out;
}

#hp .btn a:hover {
  background-color: #1D2C6C;
}

#hp .btn a {
  font-size: 1.6rem;
  line-height: 1.6rem;
  color: #fff;
  letter-spacing: 0.2rem;
}

#hp .arrow {
  width: auto;
  height: 1.4rem;
  position: absolute;
  right: 3.6rem;
  top: 0;
  bottom: 0;
  margin: auto;
}

#hp .news__right {
  width: 99rem;
}

#hp .news__right__li {
  border-bottom: 0.1rem solid rgba(41, 133, 192, 0.3);
  padding: 3.2rem 1.8rem 3.2rem 0;
  position: relative;
}

#hp .news__right__li:hover {
  /* box-shadow: .0rem .0rem .6rem rgb(41, 133, 192, .15); */
}

#hp .news__right__li__l::after {
  content: "";
  width: 27rem;
  height: 0.1rem;
  background-color: #1E2678;
  position: absolute;
  left: 0;
  bottom: -0.1rem;
  transition: all 0.3s;
}

#hp .news__right__li a {
  display: flex;
}

#hp .news__right__li figure {
  width: 27rem;
  height: 18rem;
  border-radius: 0.8rem;
  overflow: hidden;
  margin: 0;
  position: relative;
  box-shadow: 0rem 0rem 0.6rem rgba(41, 133, 192, 0.15);
}

#hp .news__right__li figure img {
  width: 100%;
  height: auto;
  transition: transform 0.15s ease;
}

#hp .news__right__li__l figure::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(41, 133, 192, 0);
  position: absolute;
  top: 0;
  left: 0;
}

#hp .news__right__li__r {
  width: 63rem;
  padding: 2.4rem 4rem 0 2.8rem;
}

#hp .news__right__li__r__div {
  margin: 0 0 1.2rem;
}

#hp .news__right__li__r__div .cat {
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1.4rem;
  color: #fff;
  background-color: #1D2C6C;
  border-radius: 0.48rem;
  padding: 1.2rem 3.2rem;
  margin: 0 1rem 0 0;
}

#hp .news__right__li__r__div .date {
  font-family: "Roboto";
  font-size: 1.5rem;
}

#hp .news__right__li__r h3 {
  font-size: 1.8rem;
  font-weight: 600;
  text-align: justify;
  transition: color 0.3s ease;
}

#hp .news__right__li .btnBg {
  position: relative;
  top: 0;
  bottom: 0;
  margin: auto;
}

#hp a:hover .news__right__li__l::after {
  width: 100%;
}

#hp a:hover .news__right__li figure img {
  transform: scale(1.03);
}

#hp a:hover .news__right__li__l figure::after {
  background-color: rgba(255, 255, 255, 0.3);
}

#hp a:hover .news__right__li__r h3 {
  color: #2985c0;
}

@media screen and (min-width: 1601px) {
  #hp .news__left {
    float: left;
  }

  #hp .news__right {
    float: left;
  }

  #hp .btn.btn2 {
    display: none;
  }
}

@media screen and (max-width: 1600px) {
  #hp #top-news {
    width: 80vw;
  }

  #hp .news__left {
    height: auto;
  }

  #hp .news__left h2 {
    height: 10rem;
  }

  #hp .news__left {
    padding: 0 0 4.5rem 0;
  }

  #hp .news__right {
    width: 100%;
  }

  #hp .news__right__li__r {
    width: calc(100% - 33.4rem);
  }

  #hp .btn.btn1 {
    display: none;
  }

  #hp .btnB {
    text-align: center;
    padding: 6.4rem 0 0 0;
  }
}

@media screen and (max-width: 1400px) {
  #hp #top-news {
    padding: 10rem 0 13.5rem;
  }
}

@media screen and (max-width: 1000px) {
  #hp .news__left h2 {
    height: 10rem;
    margin: 0 0 3.6rem 0;
  }

  #hp .news__right__li {
    padding: 3.2rem 0 3.2rem;
  }

  #hp .news__right__li__r {
    width: calc(100% - 27rem);
    padding: 2.4rem 2rem 0 2.8rem;
  }

  #hp .news__right__li .btnBg {
    display: none;
  }
}

@media screen and (max-width: 720px) {
  #hp .news__right__ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  #hp .news__right__li {
    display: block;
    width: 37.5vw;
    padding: 3.6rem 0 2.4rem;
  }

  #hp .news__right__li:nth-of-type(1),
  #hp .news__right__li:nth-of-type(2) {
    padding: 0 0 2.4rem;
  }

  #hp .news__right__li a {
    display: block;
  }

  #hp .news__right__li__l {
    width: 100%;
  }

  #hp .news__right__li__l::after {
    width: 9rem;
  }

  #hp .news__right__li figure {
    width: 37.5vw;
    height: 25vw;
  }

  #hp .news__right__li__r {
    width: 100%;
    padding: 2rem 0 0 0;
  }
}

@media screen and (max-width: 640px) {
  #hp .news__right__ul {
    justify-content: center;
  }

  #hp .news__right__li {
    width: 80vw;
  }

  #hp .news__right__li:nth-of-type(2) {
    padding: 3.6rem 0 2.4rem;
  }

  #hp .news__right__li figure {
    width: 80vw;
    height: 53.3333333333vw;
  }
}

#hp #top-fade-slider {
  /* z-index: 1; */
  position: relative;
  width: 100%;
  height: 100vh;
}

#hp .slider-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#hp .zfs-sc__slide {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 1.5s ease-in-out, transform 8s ease-in-out;
}

#hp .zfs-sc__slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transform: scale(1.1);
  transition: transform 8s ease-in-out;
}

#hp .zfs-sc__slide.active {
  opacity: 1;
}

#hp .zfs-sc__slide.active img {
  transform: scale(1);
}

#hp .dot-container {
  position: absolute;
  bottom: 2rem;
  width: 100%;
  text-align: center;
}

#hp .dot {
  cursor: pointer;
  height: 1.3rem;
  width: 1.3rem;
  margin: 0 0.5rem;
  background-color: transparent;
  border: 0.2rem solid #fff;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

#hp .dot.active,
#hp .dot:hover {
  background-color: #fff;
}

#hp #top-omidashi {
  display: inline-block;
  width: auto;
  height: 42rem;
  position: absolute;
  left: calc(50vw - 74rem);
  bottom: -54rem;
}

#hp #top-omidashi img {
  width: auto;
  height: 100%;
}

@media screen and (min-height: 1501px) and (min-width: 1301px) {
  #hp #top-fade-slider {
    height: 150rem;
  }
}

#hp #top-fade-slider {
  position: relative;
  width: 100%;
  height: 100vh;
}

#hp .slider-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#hp .zfs-sc__slide {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 1.5s ease-in-out, transform 8s ease-in-out;
}

#hp .zfs-sc__slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transform: scale(1.1);
  transition: transform 8s ease-in-out;
}

#hp .zfs-sc__slide.active {
  opacity: 1;
}

#hp .zfs-sc__slide.active img {
  transform: scale(1);
}

#hp .dot-container {
  position: absolute;
  bottom: 2rem;
  width: 100%;
  text-align: center;
}

#hp .dot {
  cursor: pointer;
  height: 1.3rem;
  width: 1.3rem;
  margin: 0 0.5rem;
  background-color: transparent;
  border: 0.2rem solid #fff;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

#hp .dot.active,
#hp .dot:hover {
  background-color: #fff;
}

#hp #top-omidashi {
  position: fixed;
  width: 66rem;
  top: 30rem;
  left: 7.5vw;
}

#hp #top-fade-slider.abs #top-omidashi {
  position: absolute;
  width: min(66rem, 85vw);
  top: var(--top-omidashi-stop, 60rem);
}

#hp #top-omidashi img {
  width: 100%;
  height: auto;
}

#hp #top-fade-slider.abs #top-omidashi {
  position: absolute;
  width: min(70rem, 85vw);
  top: var(--top-omidashi-stop, 60rem);
}

@media screen and (min-width: 1801px) {
  #hp #top-omidashi {
    left: calc(50vw - 72rem);
  }

  #hp #top-fade-slider.abs #top-omidashi {
    top: var(--top-omidashi-stop, 60rem);
  }
}

@media screen and (max-width: 1800px) {
  #hp #top-omidashi {
    width: 58rem;
    top: 30rem;
    left: calc(50vw - 54rem);
  }

  #hp #top-fade-slider.abs #top-omidashi {
    width: 58rem;
    top: var(--top-omidashi-stop, 60rem);
  }
}

#hp .tab-list-rp {
  display: flex;
  flex-direction: column;
  width: 100%;
}

#hp .tab-item-rp {
  cursor: pointer;
  padding: 3rem;
  transition: background-color 0.3s ease;
}

#hp .tab-item-rp>h3 {
  color: #fff;
  text-align: center;
}

#hp .tab-item-rp>h3 span {
  font-family: "Roboto";
}

#hp .tab-item-rp.tir1 {
  background-color: rgb(0, 174, 235);
}

#hp .tab-item-rp.tir2 {
  background-color: rgb(34, 174, 111);
}

#hp .tab-item-rp.tir3 {
  background-color: rgb(241, 192, 26);
}

#hp .tab-item-rp.tir4 {
  background-color: rgb(229, 126, 33);
}

#hp .panel-item-rp {
  color: #fff;
}

#hp .panel-item-rp.pir1 {
  background-color: rgb(0, 174, 235);
}

#hp .panel-item-rp.pir2 {
  background-color: rgb(34, 174, 111);
}

#hp .panel-item-rp.pir3 {
  background-color: rgb(241, 192, 26);
}

#hp .panel-item-rp.pir4 {
  background-color: rgb(229, 126, 33);
}

#hp .panel-item-rp h3 {
  font-size: 3.6rem;
  font-weight: 600;
  padding: 1.4rem 0 0.4rem 0;
}

#hp .panel-item-rp .en {
  font-family: "Roboto";
  font-weight: 600;
  letter-spacing: 0.12rem;
}

#hp .panel-item-rp h4 {
  font-size: 2.4rem;
  font-weight: 600;
  padding: 4.8rem 0 1.6rem 0;
}

#hp .panel-item-rp p {
  padding: 0 0 3.6rem 0;
}

#hp .panel-item-rp li {
  color: #fff;
  padding: 0 0 1.8rem 0;
}

#hp .panel-item-rp li a {
  font-size: 1.8rem;
  letter-spacing: 0.12rem;
  color: #fff;
  line-height: 1.8rem;
  text-decoration: underline;
}

#hp .panel-item-rp li img {
  width: 1.8rem;
  height: auto;
  margin: 0 0.8rem 0 0;
}

#hp .panel-item__content-rp {
  display: none;
  padding: 5vw;
}

#hp .panel-item__content-rp.is-active-content-rp {
  display: block;
}

#hp .panel-item__l-rp,
#hp .panel-item__r-rp {
  width: 100%;
}

#hp .panel-item__r-rp img {
  width: 100%;
  border-radius: 8px;
}

#hp .panel-item__l-rp .works-num {
  font-family: "Roboto";
  font-size: 1.6rem;
  letter-spacing: 0.12rem;
}

#hp .panel-item__l-rp .btnBg {
  position: absolute;
  bottom: 0;
  right: 9rem;
}

#hp .panel-item__r-rp img {
  width: 100%;
  height: auto;
  border-radius: 1.6rem;
}

#hp .tab-list {
  display: flex;
  justify-content: center;
  align-items: end;
  width: 117rem;
  margin: 0 auto;
}

#hp .tab-item {
  width: 25%;
  padding: 1.6rem 0 1.4rem 0;
  border-radius: 1.2rem 1.2rem 0 0;
  color: #999;
  text-align: center;
  line-height: 1.64;
  font-size: 1.8rem;
  letter-spacing: 0.12rem;
  cursor: pointer;
  transition: 1s ease;
  opacity: 0.3;
}

#hp .tab-item.is-active {
  opacity: 1;
}

#hp .tab-item span {
  font-family: "Roboto";
  font-size: 1.6rem;
}

#hp .tab-item:first-child {
  background-color: rgb(0, 174, 235);
}

#hp .tab-item:nth-child(2) {
  background-color: rgb(34, 174, 111);
}

#hp .tab-item:nth-child(3) {
  background-color: rgb(241, 192, 26);
}

#hp .tab-item:nth-child(4) {
  background-color: rgb(229, 126, 33);
}

#hp .tab-list .tab-item,
#hp .tab-list .tab-item:hover,
#hp .tab-list .tab-item.is-active {
  color: #fff;
}

#hp .tab-item {
  transition: opacity 0.3s ease;
}

#hp .tab-item:hover {
  opacity: 1;
}

#hp .tab-item:first-child:hover,
#hp .tab-item:first-child.is-active {
  background-color: #00AEEB;
}

#hp .tab-item:nth-child(2):hover,
#hp .tab-item:nth-child(2).is-active {
  background-color: #22AE6F;
}

#hp .tab-item:nth-child(3):hover,
#hp .tab-item:nth-child(3).is-active {
  background-color: #F1C01A;
}

#hp .tab-item:nth-child(4):hover,
#hp .tab-item:nth-child(4).is-active {
  background-color: #E57E21;
}

#hp .panel-list {
  color: #fff;
  background-color: #fff;
}

#hp .panel-item {
  display: none;
  width: 144rem;
  /* padding: 13.5rem calc(50vw - 54rem) 13.5rem; */
  padding: 13.5rem 13.5rem 13.5rem;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 1.6rem;
  transition: width 0.3s ease;
}

#hp .panel-item.is-active {
  display: flex;
  animation: panel-show 1s ease forwards;
}

#hp .panel-item__l,
#hp .panel-item__r {
  position: relative;
}

#hp .panel-item__l {
  width: 50%;
}

#hp .panel-item__l .works-num {
  font-family: "Roboto";
  font-size: 1.6rem;
  letter-spacing: 0.12rem;
}

#hp .panel-item__l .btnBg {
  position: absolute;
  bottom: 0;
  right: 9rem;
}

#hp .panel-item__r {
  width: 50%;
}

#hp .panel-item h3 {
  font-size: 3.6rem;
  font-weight: 600;
  padding: 1.4rem 0 0.4rem 0;
}

#hp .panel-item .en {
  font-family: "Roboto";
  font-weight: 600;
  letter-spacing: 0.12rem;
}

#hp .panel-item h4 {
  font-size: 2.4rem;
  font-weight: 600;
  padding: 4.8rem 0 1.6rem 0;
}

#hp .panel-item p {
  padding: 0 0 3.6rem 0;
}

#hp .panel-item li {
  padding: 0 0 1.8rem 0;
}

#hp .panel-item li a {
  font-size: 1.8rem;
  letter-spacing: 0.12rem;
  color: #fff;
  line-height: 1.8rem;
  text-decoration: underline;
}

#hp .panel-item li img {
  width: 1.8rem;
  height: auto;
  margin: 0 0.8rem 0 0;
}

#hp .panel-item__r img {
  width: 100%;
  height: auto;
  border-radius: 1.6rem;
}

#hp .panel-item:first-child.is-active {
  background-color: #00AEEB;
  /* border: 1rem solid #00AEEB; */
}

#hp .panel-item:nth-child(2).is-active {
  background-color: #22AE6F;
  /* border: 1rem solid #22AE6F; */
}

#hp .panel-item:nth-child(3).is-active {
  background-color: #F1C01A;
  /* border: 1rem solid #F1C01A; */
}

#hp .panel-item:nth-child(4).is-active {
  background-color: #E57E21;
  /* border: 1rem solid #E57E21; */
}

@keyframes panel-show {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@media screen and (max-width: 1600px) {
  #hp .panel-item {
    width: 128rem;
  }
}

@media screen and (max-width: 1420px) {
  #hp .tab-list {
    width: 85rem;
  }

  #hp .tab-item h3 {
    font-size: 1.5rem;
  }

  #hp .tab-item span {
    font-size: 1.5rem;
  }

  #hp .panel-item {
    width: 99.5rem;
    padding: 13.5rem 7rem 13.5rem;
  }

  #hp .panel-item__l {
    width: 55%;
  }

  #hp .panel-item__r {
    width: 45%;
  }
}

@media screen and (max-width: 1100px) {
  #hp .panel-item {
    width: 100%;
    border-radius: 0;
  }
}

.news-l #top-news {
  width: 144rem;
  padding: 0 0 0;
  margin: 0 auto;
}

.news-l .news__right {
  width: 135rem;
  margin: 0 auto;
}

.news-l .news__right__li {
  border-bottom: 0.1rem solid rgba(41, 133, 192, 0.3);
  padding: 3.2rem 1.8rem 3.2rem 0;
  position: relative;
}

.news-l .news__right__li:hover {
  /* box-shadow: .0rem .0rem .6rem rgb(41, 133, 192, .15); */
}

.news-l .news__right__li__l::after {
  content: "";
  width: 27rem;
  height: 0.1rem;
  background-color: #1E2678;
  position: absolute;
  left: 0;
  bottom: -0.1rem;
  transition: all 0.3s;
}

.news-l .news__right__li a {
  display: flex;
}

.news-l .news__right__li figure {
  width: 27rem;
  height: 18rem;
  border-radius: 0.8rem;
  overflow: hidden;
  margin: 0;
  box-shadow: 0rem 0rem 0.6rem rgba(41, 133, 192, 0.15);
}

.news-l .news__right__li figure img {
  width: 100%;
  height: auto;
  transition: transform 0.3s ease;
}

.news-l .news__right__li a:hover figure img {
  transform: scale(1.04);
}

.news-l .news__right__li__r {
  width: calc(100% - 27rem - 6rem - 1.8rem);
  padding: 2.4rem 4rem 0 2.8rem;
}

.news-l .news__right__li__r__div {
  margin: 0 0 1.2rem;
}

.news-l .news__right__li__r__div .cat {
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1.4rem;
  color: #fff;
  background-color: #1D2C6C;
  border-radius: 0.48rem;
  padding: 1.2rem 3.2rem;
  margin: 0 1rem 0 0;
}

.news-l .news__right__li__r__div .date {
  font-family: "Roboto";
  font-size: 1.5rem;
}

.news-l .news__right__li__r h3 {
  font-size: 1.8rem;
  font-weight: 600;
  text-align: justify;
  transition: color 0.3s ease;
}

.news-l .news__right__li a:hover .news__right__li__r h3 {
  color: #2985c0;
}

.news-l .news__right__li .btnBg {
  position: relative;
  top: 0;
  bottom: 0;
  margin: auto;
}

.news-l .pagination {
  display: flex;
  justify-content: center;
  align-items: end;
  font-size: 1.8rem;
  text-align: center;
  padding: 6rem 0 0 0;
}

.news-l .pagination .next,
.news-l .pagination .prev {
  font-size: 1.9rem;
}

.news-l .pagination span,
.news-l .pagination a {
  font-family: "Robooto";
  display: inline-block;
  padding: 0 1.5rem;
}

.news-l .pagination span {
  text-decoration: underline;
}

@media screen and (max-width: 1800px) {
  .news-l #top-news {
    width: 100%;
  }

  .news-l .news__right {
    width: 75vw;
  }
}

@media screen and (max-width: 1600px) {
  .news-l .news__right__li__r {
    width: calc(100% - 33.4rem);
  }

  .news-l .btnB {
    text-align: center;
    padding: 6.4rem 0 0 0;
  }
}

@media screen and (max-width: 1100px) {
  .news-l .news__right {
    width: 100%;
  }
}

@media screen and (max-width: 1000px) {
  .news-l .news__right__li {
    padding: 3.2rem 0 3.2rem;
  }

  .news-l .news__right__li__r {
    width: calc(100% - 27rem);
    padding: 2.4rem 2rem 0 2.8rem;
  }

  .news-l .news__right__li .btnBg {
    display: none;
  }
}

@media screen and (max-width: 720px) {
  .news-l .news__right__ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .news-l .news__right__li {
    display: block;
    width: 37.5vw;
    padding: 3.6rem 0 2.4rem;
  }

  .news-l .news__right__li:nth-of-type(1),
  .news-l .news__right__li:nth-of-type(2) {
    padding: 0 0 2.4rem;
  }

  .news-l .news__right__li a {
    display: block;
  }

  .news-l .news__right__li__l {
    width: 100%;
  }

  .news-l .news__right__li__l::after {
    width: 9rem;
  }

  .news-l .news__right__li figure {
    width: 37.5vw;
    height: 25vw;
  }

  .news-l .news__right__li__r {
    width: 100%;
    padding: 2rem 0 0 0;
  }
}

@media screen and (max-width: 640px) {
  .news-l .news__right__ul {
    justify-content: center;
  }

  .news-l .news__right__li {
    width: 80vw;
  }

  .news-l .news__right__li:nth-of-type(2) {
    padding: 3.6rem 0 2.4rem;
  }

  .news-l .news__right__li figure {
    width: 80vw;
    height: 53.3333333333vw;
  }
}

/**************************************************/
/* common base */
/**************************************************/
.lr {
  display: flex;
}

/**************************************************/
/* variables (任意) */
/**************************************************/
/**************************************************/
/* mixins / placeholders */
/**************************************************/
/* ---------------------------
  2カラム（左テキスト / 右画像）定番
  - #bm #csrp #epm #pm #afi #ctf #waq などで出現
--------------------------- */
/* ---------------------------
  左右50%のシンプル2カラム
  - #bm #csrp #epm #pm の上の方に出ている (width:50%) 版
--------------------------- */
/* ---------------------------
  共通：h4.mi の直後の h5（複数ページで同じ）
--------------------------- */
#bm .pageCont h4.mi,
#csrp .pageCont h4.mi,
#epm .pageCont h4.mi,
#pm .pageCont h4.mi {
  padding: 0 0 0.2rem 0;
}

#bm .pageCont h4.mi+h5,
#csrp .pageCont h4.mi+h5,
#epm .pageCont h4.mi+h5,
#pm .pageCont h4.mi+h5 {
  color: #1d2c6c;
  font-weight: 600;
  padding: 0 0 2rem 0;
}

/* ---------------------------
  共通：青テーブル（ci / ctf でほぼ同じ）
--------------------------- */
#ci .ac1 .l table,
#ctf .ac2 table {
  width: 100%;
}

#ci .ac1 .l table tr:nth-of-type(2n - 1),
#ctf .ac2 table tr:nth-of-type(2n - 1) {
  background-color: rgba(41, 133, 192, 0.2);
}

#ci .ac1 .l table th,
#ctf .ac2 table th,
#ci .ac1 .l table td,
#ctf .ac2 table td {
  line-height: 1.6;
  border: 0.1rem solid #1b94d3;
  padding: 1.6rem;
}

#ci .ac1 .l table th,
#ctf .ac2 table th {
  border-left: none;
}

#ci .ac1 .l table td,
#ctf .ac2 table td {
  border-right: none;
}

/* ---------------------------
  共通：2nd header bg（デフォルト）
--------------------------- */
/* ---------------------------
  共通：li の下余白（9rem が多発）
--------------------------- */
#bm .pageCont ul li,
#csrp .pageCont ul li,
#epm .pageCont ul li,
#pm .pageCont ul li {
  padding: 0 0 5rem 0;
  border-bottom: 1px dotted #2985c0;
  margin: 0 0 5rem 0;
}

/* ---------------------------
  共通：pageHead の高さ違いだけ差分にできるように
--------------------------- */
/* ---------------------------
  共通：WordPress block columns（そのまま）
--------------------------- */
/* ---------------------------
  共通：ボタン（btnBg） + hover（arrow1/2スライド）
  - ほぼそのまま温存してOK
--------------------------- */
#news-l .btnBg,
#hp .btnBg,
.news-l .btnBg,
#members .btnBg,
#ci .btnBg,
#waq .btnBg,
#ctf .btnBg,
#afi .btnBg,
#bm .btnBg,
#csrp .btnBg,
#epm .btnBg,
#pm .btnBg {
  width: 5rem;
  height: 5rem;
  border-radius: 3.4rem;
  background-color: #2985c0;
  overflow: hidden;
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  transition: background-color 0.3s ease-out;
}

#news-l .btnBg img,
#hp .btnBg img,
.news-l .btnBg img,
#members .btnBg img,
#ci .btnBg img,
#waq .btnBg img,
#ctf .btnBg img,
#afi .btnBg img,
#bm .btnBg img,
#csrp .btnBg img,
#epm .btnBg img,
#pm .btnBg img {
  width: auto;
  height: 1.2rem;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#news-l .btnBg img.arrow1,
#hp .btnBg img.arrow1,
.news-l .btnBg img.arrow1,
#members .btnBg img.arrow1,
#ci .btnBg img.arrow1,
#waq .btnBg img.arrow1,
#ctf .btnBg img.arrow1,
#afi .btnBg img.arrow1,
#bm .btnBg img.arrow1,
#csrp .btnBg img.arrow1,
#epm .btnBg img.arrow1,
#pm .btnBg img.arrow1 {
  transform: translateX(0);
  transition: transform 0.3s ease;
}

#news-l .btnBg img.arrow2,
#hp .btnBg img.arrow2,
.news-l .btnBg img.arrow2,
#members .btnBg img.arrow2,
#ci .btnBg img.arrow2,
#waq .btnBg img.arrow2,
#ctf .btnBg img.arrow2,
#afi .btnBg img.arrow2,
#bm .btnBg img.arrow2,
#csrp .btnBg img.arrow2,
#epm .btnBg img.arrow2,
#pm .btnBg img.arrow2 {
  transform: translateX(-5rem);
  transition: transform 0.3s ease;
}

#news-l a:hover .btnBg,
#hp a:hover .btnBg,
.news-l a:hover .btnBg,
#members a:hover .btnBg,
#ci a:hover .btnBg,
#waq a:hover .btnBg,
#ctf a:hover .btnBg,
#afi a:hover .btnBg,
#bm a:hover .btnBg,
#csrp a:hover .btnBg,
#epm a:hover .btnBg,
#pm a:hover .btnBg {
  background-color: #1d2c6c;
}

#news-l a:hover .btnBg img.arrow1,
#hp a:hover .btnBg img.arrow1,
.news-l a:hover .btnBg img.arrow1,
#members a:hover .btnBg img.arrow1,
#ci a:hover .btnBg img.arrow1,
#waq a:hover .btnBg img.arrow1,
#ctf a:hover .btnBg img.arrow1,
#afi a:hover .btnBg img.arrow1,
#bm a:hover .btnBg img.arrow1,
#csrp a:hover .btnBg img.arrow1,
#epm a:hover .btnBg img.arrow1,
#pm a:hover .btnBg img.arrow1 {
  transform: translateX(5rem);
}

#news-l a:hover .btnBg img.arrow2,
#hp a:hover .btnBg img.arrow2,
.news-l a:hover .btnBg img.arrow2,
#members a:hover .btnBg img.arrow2,
#ci a:hover .btnBg img.arrow2,
#waq a:hover .btnBg img.arrow2,
#ctf a:hover .btnBg img.arrow2,
#afi a:hover .btnBg img.arrow2,
#bm a:hover .btnBg img.arrow2,
#csrp a:hover .btnBg img.arrow2,
#epm a:hover .btnBg img.arrow2,
#pm a:hover .btnBg img.arrow2 {
  transform: translateX(0rem);
}

.btnB {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.btnB .btn {
  margin: 0 1.25vw;
}

.btnB .btn a {
  display: inline-block;
  color: #fff;
  background-color: #2985c0;
  border-radius: 3.2rem;
  padding: 1.8rem 8rem 1.8rem 3.6rem;
  margin: 0 0 1.5rem 0;
  position: relative;
}

.btnB .btn a img.arrow {
  height: 1.4rem;
  position: absolute;
  right: 3.6rem;
  top: 0;
  bottom: 0;
  margin: auto;
  pointer-events: none;
}

/* ---------------------------
  共通：ニュースカード（一覧）パターン
  - #members の一覧
  - .news-l の一覧
  - #hp の #top-news の一覧
  で同系統が大量重複
--------------------------- */
/* ---------------------------
  共通：pagination（members/news-l で同じ）
--------------------------- */
#news-l .pagination,
.news-l .pagination,
#members .pagination {
  display: flex;
  justify-content: center;
  align-items: end;
  font-size: 1.8rem;
  text-align: center;
  padding: 6rem 0 0 0;
}

#news-l .pagination .next,
.news-l .pagination .next,
#members .pagination .next,
#news-l .pagination .prev,
.news-l .pagination .prev,
#members .pagination .prev {
  font-size: 1.9rem;
}

#news-l .pagination span,
.news-l .pagination span,
#members .pagination span,
#news-l .pagination a,
.news-l .pagination a,
#members .pagination a {
  font-family: "Robooto";
  display: inline-block;
  padding: 0 1.5rem;
}

#news-l .pagination span,
.news-l .pagination span,
#members .pagination span {
  text-decoration: underline;
}

/* ---------------------------
  共通：top-fade-slider（同じブロックが2回出てたので統合）
--------------------------- */
#hp #top-fade-slider {
  /* z-index: 1; */
  position: relative;
  width: 100%;
  height: 100vh;
}

#hp .slider-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#hp .zfs-sc__slide {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 1.5s ease-in-out, transform 8s ease-in-out;
}

#hp .zfs-sc__slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transform: scale(1.1);
  transition: transform 8s ease-in-out;
}

#hp .zfs-sc__slide.active {
  opacity: 1;
}

#hp .zfs-sc__slide.active img {
  transform: scale(1);
}

#hp .dot-container {
  position: absolute;
  bottom: 2rem;
  width: 100%;
  text-align: center;
}

#hp .dot {
  cursor: pointer;
  height: 1.3rem;
  width: 1.3rem;
  margin: 0 0.5rem;
  background-color: transparent;
  border: 0.2rem solid #fff;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

#hp .dot.active,
#hp .dot:hover {
  background-color: #fff;
}

@media screen and (max-width: 1300px) {
  #hp #top-fade-slider {
    height: 120rem;
  }
}

@media screen and (min-height: 1501px) and (min-width: 1301px) {
  #hp #top-fade-slider {
    height: 150rem;
  }
}

/**************************************************/
/* 2nd page (shared) */
/**************************************************/
.pageHead {
  width: 100vw;
  height: 60rem;
  background-size: auto 100%;
  background-position: left bottom;
  background-repeat: no-repeat;
  padding: 20rem 0 0 0;
  transition: background-position 0.3s ease;
}

.pageHead h2 {
  width: auto;
  height: 16.5rem;
  padding: 0 0 0 10vw;
}

.pageHead h2 img.rp {
  display: none;
}

.pageHead img {
  width: auto;
  height: 100%;
}

.pageCont {
  width: 80vw;
  padding: 13.5rem 0 13.5rem 0;
  margin: 0 auto;
}

.pageCont h2.mi {
  font-size: 3.6rem;
  color: #1d2c6c;
  margin: 0 0 4.5rem 0;
  position: relative;
}

.pageCont h2.mi span {
  font-weight: 600;
  display: inline-block;
  border-bottom: 0.5rem solid #2985c0;
}

.pageCont h2.mi::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.5rem;
  background: #1d2c6c;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.pageCont h3.mi {
  font-size: 2.4rem;
  font-weight: 600;
  border-left: 0.5rem solid #1d2c6c;
  border-bottom: 0.25rem solid #2985c0;
  padding: 0 0 0 1.2rem;
}

.pageCont h3.mi+h5 {
  color: #1d2c6c;
  font-weight: 600;
  border-left: 0.5rem solid #1d2c6c;
  padding: 0.4rem 0 0 1.2rem;
  margin: 0 0 4.5rem 0;
}

.pageCont h4.mi {
  font-size: 2.8rem;
  color: #2985c0;
  font-weight: 600;
  padding: 0 0 1.6rem 0;
}

.pageCont h5.mi {
  color: #2985c0;
  padding: 0 0 0.4rem 0;
}

.exp__st {
  padding: 0 0 3rem 0;
}

.info div {
  padding: 0 0 3rem 0;
}

.info div:last-of-type {
  padding: 0;
}

.info p span {
  color: #2985c0;
}

#bm .pageCont ul li .lr .l,
#csrp .pageCont ul li .lr .l,
#epm .pageCont ul li .lr .l,
#pm .pageCont ul li .lr .l {
  width: calc(100% - 45rem);
}

#bm .pageCont ul li .lr .l p,
#csrp .pageCont ul li .lr .l p,
#epm .pageCont ul li .lr .l p,
#pm .pageCont ul li .lr .l p {
  width: 100%;
  line-height: 1.96;
  text-align: justify;
}

#bm .pageCont ul li .lr .r,
#csrp .pageCont ul li .lr .r,
#epm .pageCont ul li .lr .r,
#pm .pageCont ul li .lr .r {
  width: 45rem;
  padding: 0 0 0 4.5rem;
}

#bm .pageCont ul li .lr .r figure,
#csrp .pageCont ul li .lr .r figure,
#epm .pageCont ul li .lr .r figure,
#pm .pageCont ul li .lr .r figure {
  margin: 0;
  border-radius: 0.8rem;
}

#bm .pageCont ul li .lr .r figure+figure {
  margin-top: 1rem;
}

#bm .pageCont ul li .lr .r img,
#csrp .pageCont ul li .lr .r img,
#epm .pageCont ul li .lr .r img,
#pm .pageCont ul li .lr .r img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 1240px) {

  #bm .pageCont ul li .lr .l,
  #csrp .pageCont ul li .lr .l,
  #epm .pageCont ul li .lr .l,
  #pm .pageCont ul li .lr .l {
    width: calc(100% - 40rem);
  }

  #bm .pageCont ul li .lr .r,
  #csrp .pageCont ul li .lr .r,
  #epm .pageCont ul li .lr .r,
  #pm .pageCont ul li .lr .r {
    width: 40rem;
  }
}

@media screen and (max-width: 1100px) {

  #bm .pageCont ul li .lr .lr,
  #csrp .pageCont ul li .lr .lr,
  #epm .pageCont ul li .lr .lr,
  #pm .pageCont ul li .lr .lr {
    flex-wrap: wrap;
  }

  #bm .pageCont ul li .lr .l,
  #csrp .pageCont ul li .lr .l,
  #epm .pageCont ul li .lr .l,
  #pm .pageCont ul li .lr .l {
    width: 100%;
  }

  #bm .pageCont ul li .lr .r,
  #csrp .pageCont ul li .lr .r,
  #epm .pageCont ul li .lr .r,
  #pm .pageCont ul li .lr .r {
    width: 100%;
    padding: 0;
  }

  #bm .pageCont ul li .lr .r figure,
  #csrp .pageCont ul li .lr .r figure,
  #epm .pageCont ul li .lr .r figure,
  #pm .pageCont ul li .lr .r figure {
    width: 36rem;
  }
}

@media screen and (max-width: 640px) {

  #bm .pageCont ul li .lr .r figure,
  #csrp .pageCont ul li .lr .r figure,
  #epm .pageCont ul li .lr .r figure,
  #pm .pageCont ul li .lr .r figure {
    width: 100%;
  }
}

@media screen and (max-width: 840px) {

  #bm .pageHead h2,
  #epm .pageHead h2,
  #pm .pageHead h2 {
    height: 18.5rem;
  }
}

/* 背景だけ差分 */
#epm .pageHead h2 {
  height: 24.5rem;
}

@media screen and (max-width: 1100px) {
  #epm .pageHead h2 {
    height: 19rem;
  }
}

@media screen and (max-width: 840px) {
  #epm .pageHead h2 {
    height: 25rem;
  }
}

#afi article {
  padding: 0 0 9rem 0;
}

#afi article .lr .l {
  width: calc(100% - 45rem);
}

#afi article .lr .l p {
  width: 100%;
  line-height: 1.96;
  text-align: justify;
}

#afi article .lr .r {
  width: 45rem;
  padding: 0 0 0 4.5rem;
}

#afi article .lr .r figure {
  margin: 0;
  border-radius: 0.8rem;
}

#afi article .lr .r img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 1240px) {
  #afi article .lr .l {
    width: calc(100% - 40rem);
  }

  #afi article .lr .r {
    width: 40rem;
  }
}

@media screen and (max-width: 1100px) {
  #afi article .lr .lr {
    flex-wrap: wrap;
  }

  #afi article .lr .l {
    width: 100%;
  }

  #afi article .lr .r {
    width: 100%;
    padding: 0;
  }

  #afi article .lr .r figure {
    width: 36rem;
  }
}

@media screen and (max-width: 640px) {
  #afi article .lr .r figure {
    width: 100%;
  }
}

#afi article .l li {
  padding: 3rem 0 0 0;
}

#afi article .l div {
  padding: 0 0 3rem 0;
}

@media screen and (max-width: 840px) {
  #afi .pageHead h2 {
    height: 20rem;
  }
}

#ctf article {
  padding: 0 0 9rem 0;
}

#ctf .ac1 .lr .l {
  width: calc(100% - 45rem);
}

#ctf .ac1 .lr .l p {
  width: 100%;
  line-height: 1.96;
  text-align: justify;
}

#ctf .ac1 .lr .r {
  width: 45rem;
  padding: 0 0 0 4.5rem;
}

#ctf .ac1 .lr .r figure {
  margin: 0;
  border-radius: 0.8rem;
}

#ctf .ac1 .lr .r img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 1240px) {
  #ctf .ac1 .lr .l {
    width: calc(100% - 40rem);
  }

  #ctf .ac1 .lr .r {
    width: 40rem;
  }
}

@media screen and (max-width: 1100px) {
  #ctf .ac1 .lr .lr {
    flex-wrap: wrap;
  }

  #ctf .ac1 .lr .l {
    width: 100%;
  }

  #ctf .ac1 .lr .r {
    width: 100%;
    padding: 0;
  }

  #ctf .ac1 .lr .r figure {
    width: 36rem;
  }
}

@media screen and (max-width: 640px) {
  #ctf .ac1 .lr .r figure {
    width: 100%;
  }
}

#ctf .ac1 .l li {
  padding: 3rem 0 0 0;
}

#ctf .ac1 .l div {
  padding: 0 0 3rem 0;
}

#ctf .ac1 .r figure {
  box-shadow: 0rem 0rem 0.6rem rgba(41, 133, 192, 0.15);
}

#ctf .lr {
  justify-content: space-between;
}

#ctf .ac2 .l,
#ctf .ac2 .r {
  width: 49%;
}

#ctf .ac2 table tr:nth-of-type(2n) {
  background-color: #fff;
}

@media screen and (max-width: 1100px) {
  #ctf .ac2 .lr {
    flex-wrap: wrap;
  }

  #ctf .ac2 .l {
    padding: 0 0 3rem 0;
  }

  #ctf .ac2 .l,
  #ctf .ac2 .r {
    width: 100%;
  }

  #ctf .ac2 table th,
  #ctf .ac2 table td {
    width: 50%;
  }
}

@media screen and (max-width: 640px) {

  #ctf .ac2 table th,
  #ctf .ac2 table td {
    font-size: 1.4rem;
  }
}

#ctf .lai {
  padding: 4.5rem 0 0 0;
}

#ctf .lai ul {
  display: flex;
  justify-content: space-between;
}

#ctf .lai li {
  width: 23%;
  box-shadow: 0rem 0rem 0.6rem rgba(41, 133, 192, 0.15);
}

#ctf .lai li img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 1100px) {
  #ctf .lai ul {
    flex-wrap: wrap;
  }

  #ctf .lai li {
    width: 48%;
    margin: 0 0 3rem 0;
  }
}

#waq .lrB {
  padding: 0 0 9rem 0;
}

#waq ul li.lrB:last-of-type {
  padding: 0;
}

#waq ul li>.lr+.lr {
  margin-top: 5rem;
}

#waq ul li .lr .l {
  width: calc(100% - 45rem);
}

#waq ul li .lr .l p {
  width: 100%;
  line-height: 1.96;
  text-align: justify;
}

#waq ul li .lr .r {
  width: 45rem;
  padding: 0 0 0 4.5rem;
}

#waq ul li .lr .r figure {
  margin: 0;
  border-radius: 0.8rem;
}

#waq ul li .lr .r img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 1240px) {
  #waq ul li .lr .l {
    width: calc(100% - 40rem);
  }

  #waq ul li .lr .r {
    width: 40rem;
  }
}

@media screen and (max-width: 1100px) {
  #waq ul li>.lr+.lr {
    margin-top: 5rem;
  }

  #waq ul li .lr .lr {
    flex-wrap: wrap;
  }

  #waq ul li .lr .l {
    width: 100%;
  }

  #waq ul li .lr .r {
    width: 100%;
    padding: 0;
  }

  #waq ul li .lr .r figure {
    width: 36rem;
  }
}

@media screen and (max-width: 640px) {
  #waq ul li .lr .r figure {
    width: 100%;
  }
}

@media screen and (max-width: 840px) {
  #waq .pageHead h2 {
    height: 20rem;
  }
}

#ci .pageCont article {
  padding: 0 0 9rem 0;
}

#ci .ac1 .lr {
  display: flex;
}

#ci .ac1 .l {
  width: 75%;
  padding: 0 4.5rem 0 0;
}

#ci .ac1 .l a {
  color: #1b94d3;
  text-decoration: underline;
}

#ci .ac1 .l table th {
  width: 13rem;
}

#ci .ac1 .r {
  width: 25%;
}

#ci .ac1 .r figure {
  border-radius: 0.8rem;
}

#ci .ac1 .r img {
  width: 100%;
  height: auto;
}

#members #top-news {
  width: 144rem;
  margin: 0 auto;
}

#members .news__right {
  width: 135rem;
  margin: 0 auto;
}

#members .news__right__li {
  border-bottom: 0.2rem solid rgba(41, 133, 192, 0.3);
  padding: 3.2rem 1.8rem 3.2rem 0;
  position: relative;
}

#members .news__right__li__l::after {
  content: "";
  width: 27rem;
  height: 0.2rem;
  background-color: #1E2678;
  position: absolute;
  left: 0;
  bottom: -0.2rem;
  transition: all 0.3s;
}

#members .news__right__li a {
  display: flex;
}

#members .news__right__li figure {
  width: 27rem;
  height: 18rem;
  border-radius: 0.8rem;
  overflow: hidden;
  margin: 0;
  box-shadow: 0rem 0rem 0.6rem rgba(41, 133, 192, 0.15);
}

#members .news__right__li figure img {
  width: 100%;
  height: auto;
  transition: transform 0.3s ease;
}

#members .news__right__li__r {
  width: calc(100% - 27rem - 6rem - 1.8rem);
  padding: 2.4rem 4rem 0 2.8rem;
}

#members .news__right__li__r__div {
  margin: 0 0 1.2rem;
}

#members .news__right__li__r__div .cat {
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1.4rem;
  color: #fff;
  background-color: #1D2C6C;
  border-radius: 0.48rem;
  padding: 1.2rem 3.2rem;
  margin: 0 1rem 0 0;
}

#members .news__right__li__r__div .date {
  font-family: "Roboto";
  font-size: 1.5rem;
}

#members .news__right__li__r h3 {
  font-size: 1.8rem;
  font-weight: 600;
  text-align: justify;
  transition: color 0.3s ease;
}

#members .news__right__li .btnBg {
  position: relative;
  top: 0;
  bottom: 0;
  margin: auto;
}

#members a:hover .news__right__li__l::after {
  width: 100%;
}

#members a:hover .news__right__li figure img {
  transform: scale(1.04);
}

#members a:hover .news__right__li__r h3 {
  color: #2985c0;
}

@media screen and (max-width: 1800px) {
  #members #top-news {
    width: 100%;
  }

  #members .news__right {
    width: 75vw;
  }
}

@media screen and (max-width: 1600px) {
  #members .news__right__li__r {
    width: calc(100% - 33.4rem);
  }
}

@media screen and (max-width: 1100px) {
  #members .news__right {
    width: 100%;
  }
}

@media screen and (max-width: 1000px) {
  #members .news__right__li {
    padding: 3.2rem 0 3.2rem;
  }

  #members .news__right__li__r {
    width: calc(100% - 27rem);
    padding: 2.4rem 2rem 0 2.8rem;
  }

  #members .news__right__li .btnBg {
    display: none;
  }
}

@media screen and (max-width: 720px) {
  #members .news__right__ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  #members .news__right__li {
    display: block;
    width: 37.5vw;
    padding: 3.6rem 0 2.4rem;
  }

  #members .news__right__li:nth-of-type(1),
  #members .news__right__li:nth-of-type(2) {
    padding: 0 0 2.4rem;
  }

  #members .news__right__li a {
    display: block;
  }

  #members .news__right__li__l {
    width: 100%;
  }

  #members .news__right__li figure {
    width: 37.5vw;
    height: 25vw;
  }

  #members .news__right__li__r {
    width: 100%;
    padding: 2rem 0 0 0;
  }
}

@media screen and (max-width: 640px) {
  #members .news__right__ul {
    justify-content: center;
  }

  #members .news__right__li {
    width: 80vw;
  }

  #members .news__right__li:nth-of-type(2) {
    padding: 3.6rem 0 2.4rem;
  }

  #members .news__right__li figure {
    width: 80vw;
    height: 53.3333333333vw;
  }
}

@media screen and (max-width: 1600px) {
  #members .btnB {
    text-align: center;
    padding: 6.4rem 0 0 0;
  }
}

.news-l #top-news {
  width: 144rem;
  margin: 0 auto;
}

.news-l .news__right {
  width: 135rem;
  margin: 0 auto;
}

.news-l .news__right__li {
  border-bottom: 0.1rem solid rgba(41, 133, 192, 0.3);
  padding: 3.2rem 1.8rem 3.2rem 0;
  position: relative;
}

.news-l .news__right__li__l::after {
  content: "";
  width: 27rem;
  height: 0.1rem;
  background-color: #1E2678;
  position: absolute;
  left: 0;
  bottom: -0.1rem;
  transition: all 0.3s;
}

.news-l .news__right__li a {
  display: flex;
}

.news-l .news__right__li figure {
  width: 27rem;
  height: 18rem;
  border-radius: 0.8rem;
  overflow: hidden;
  margin: 0;
  box-shadow: 0rem 0rem 0.6rem rgba(41, 133, 192, 0.15);
}

.news-l .news__right__li figure img {
  width: 100%;
  height: auto;
  transition: transform 0.3s ease;
}

.news-l .news__right__li__r {
  width: calc(100% - 27rem - 6rem - 1.8rem);
  padding: 2.4rem 4rem 0 2.8rem;
}

.news-l .news__right__li__r__div {
  margin: 0 0 1.2rem;
}

.news-l .news__right__li__r__div .cat {
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1.4rem;
  color: #fff;
  background-color: #1D2C6C;
  border-radius: 0.48rem;
  padding: 1.2rem 3.2rem;
  margin: 0 1rem 0 0;
}

.news-l .news__right__li__r__div .date {
  font-family: "Roboto";
  font-size: 1.5rem;
}

.news-l .news__right__li__r h3 {
  font-size: 1.8rem;
  font-weight: 600;
  text-align: justify;
  transition: color 0.3s ease;
}

.news-l .news__right__li .btnBg {
  position: relative;
  top: 0;
  bottom: 0;
  margin: auto;
}

.news-l a:hover .news__right__li__l::after {
  width: 100%;
}

.news-l a:hover .news__right__li figure img {
  transform: scale(1.04);
}

.news-l a:hover .news__right__li__r h3 {
  color: #2985c0;
}

@media screen and (max-width: 1800px) {
  .news-l #top-news {
    width: 100%;
  }

  .news-l .news__right {
    width: 75vw;
  }
}

@media screen and (max-width: 1600px) {
  .news-l .news__right__li__r {
    width: calc(100% - 33.4rem);
  }
}

@media screen and (max-width: 1100px) {
  .news-l .news__right {
    width: 100%;
  }
}

@media screen and (max-width: 1000px) {
  .news-l .news__right__li {
    padding: 3.2rem 0 3.2rem;
  }

  .news-l .news__right__li__r {
    width: calc(100% - 27rem);
    padding: 2.4rem 2rem 0 2.8rem;
  }

  .news-l .news__right__li .btnBg {
    display: none;
  }
}

@media screen and (max-width: 720px) {
  .news-l .news__right__ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .news-l .news__right__li {
    display: block;
    width: 37.5vw;
    padding: 3.6rem 0 2.4rem;
  }

  .news-l .news__right__li:nth-of-type(1),
  .news-l .news__right__li:nth-of-type(2) {
    padding: 0 0 2.4rem;
  }

  .news-l .news__right__li a {
    display: block;
  }

  .news-l .news__right__li__l {
    width: 100%;
  }

  .news-l .news__right__li figure {
    width: 37.5vw;
    height: 25vw;
  }

  .news-l .news__right__li__r {
    width: 100%;
    padding: 2rem 0 0 0;
  }
}

@media screen and (max-width: 640px) {
  .news-l .news__right__ul {
    justify-content: center;
  }

  .news-l .news__right__li {
    width: 80vw;
  }

  .news-l .news__right__li:nth-of-type(2) {
    padding: 3.6rem 0 2.4rem;
  }

  .news-l .news__right__li figure {
    width: 80vw;
    height: 53.3333333333vw;
  }
}

#hp #top-news {
  width: 144rem;
  padding: 18rem 0 18rem;
  margin: 0 auto;
}

#hp .news__left {
  width: 45rem;
  position: relative;
}

#hp .news__left h2 {
  width: 100%;
  height: 12rem;
  margin: 0 0 4.2rem 0;
}

#hp .news__left h2 img {
  width: auto;
  height: 100%;
}

#hp .news__left .btn.btn1 {
  margin: 6.4rem 0 0 0;
}

#hp .news__right {
  width: 99rem;
}

#hp #top-news {
  width: 144rem;
  margin: 0 auto;
}

#hp .news__right {
  width: 99rem;
  margin: 0 auto;
}

#hp .news__right__li {
  border-bottom: 0.1rem solid rgba(41, 133, 192, 0.3);
  padding: 3.2rem 1.8rem 3.2rem 0;
  position: relative;
}

#hp .news__right__li__l::after {
  content: "";
  width: 27rem;
  height: 0.1rem;
  background-color: #1E2678;
  position: absolute;
  left: 0;
  bottom: -0.1rem;
  transition: all 0.3s;
}

#hp .news__right__li a {
  display: flex;
}

#hp .news__right__li figure {
  width: 27rem;
  height: 18rem;
  border-radius: 0.8rem;
  overflow: hidden;
  margin: 0;
  box-shadow: 0rem 0rem 0.6rem rgba(41, 133, 192, 0.15);
}

#hp .news__right__li figure img {
  width: 100%;
  height: auto;
  transition: transform 0.3s ease;
}

#hp .news__right__li__r {
  width: calc(100% - 27rem - 6rem - 1.8rem);
  padding: 2.4rem 4rem 0 2.8rem;
}

#hp .news__right__li__r__div {
  margin: 0 0 1.2rem;
}

#hp .news__right__li__r__div .cat {
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1.4rem;
  color: #fff;
  background-color: #1D2C6C;
  border-radius: 0.48rem;
  padding: 1.2rem 3.2rem;
  margin: 0 1rem 0 0;
}

#hp .news__right__li__r__div .date {
  font-family: "Roboto";
  font-size: 1.5rem;
}

#hp .news__right__li__r h3 {
  font-size: 1.8rem;
  font-weight: 600;
  text-align: justify;
  transition: color 0.3s ease;
}

#hp .news__right__li .btnBg {
  position: relative;
  top: 0;
  bottom: 0;
  margin: auto;
}

#hp a:hover .news__right__li__l::after {
  width: 100%;
}

#hp a:hover .news__right__li figure img {
  transform: scale(1.04);
}

#hp a:hover .news__right__li__r h3 {
  color: #2985c0;
}

@media screen and (max-width: 1800px) and (min-width: 1601px) {
  #hp #top-news {
    width: min(144rem, 90vw);
  }

  #hp .news__right {
    width: calc(100% - 45rem);
  }
}

@media screen and (max-width: 1600px) {
  #hp .news__right__li__r {
    width: calc(100% - 33.4rem);
  }
}

@media screen and (max-width: 1100px) {
  #hp .news__right {
    width: 100%;
  }
}

@media screen and (max-width: 1000px) {
  #hp .news__right__li {
    padding: 3.2rem 0 3.2rem;
  }

  #hp .news__right__li__r {
    width: calc(100% - 27rem);
    padding: 2.4rem 2rem 0 2.8rem;
  }

  #hp .news__right__li .btnBg {
    display: none;
  }
}

@media screen and (max-width: 720px) {
  #hp .news__right__ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  #hp .news__right__li {
    display: block;
    width: 37.5vw;
    padding: 3.6rem 0 2.4rem;
  }

  #hp .news__right__li:nth-of-type(1),
  #hp .news__right__li:nth-of-type(2) {
    padding: 0 0 2.4rem;
  }

  #hp .news__right__li a {
    display: block;
  }

  #hp .news__right__li__l {
    width: 100%;
  }

  #hp .news__right__li figure {
    width: 37.5vw;
    height: 25vw;
  }

  #hp .news__right__li__r {
    width: 100%;
    padding: 2rem 0 0 0;
  }
}

@media screen and (max-width: 640px) {
  #hp .news__right__ul {
    justify-content: center;
  }

  #hp .news__right__li {
    width: 80vw;
  }

  #hp .news__right__li:nth-of-type(2) {
    padding: 3.6rem 0 2.4rem;
  }

  #hp .news__right__li figure {
    width: 80vw;
    height: 53.3333333333vw;
  }
}

@media screen and (min-width: 1601px) {
  #hp .news__left {
    float: left;
  }

  #hp .news__right {
    float: left;
  }

  #hp .btn.btn2 {
    display: none;
  }
}

@media screen and (max-width: 1600px) {
  #hp #top-news {
    width: 80vw;
  }

  #hp .news__left {
    padding: 0 0 4.5rem 0;
  }

  #hp .news__right {
    width: 100%;
  }

  #hp .btn.btn1 {
    display: none;
  }

  #hp .btnB {
    text-align: center;
    padding: 6.4rem 0 0 0;
  }
}

@media screen and (max-width: 1400px) {
  #hp #top-news {
    padding: 10rem 0 13.5rem;
  }
}

@media screen and (max-width: 1300px) {
  #hp .top-about__li div.liB__r .btn a {
    display: inline-block;
    font-size: 1.5rem;
    line-height: 1.5rem;
    color: #fff;
    letter-spacing: 0.2rem;
    overflow: hidden;
    padding: 2.5rem 8rem 2.5rem 4rem;
    transition: all 0.2s ease-out;
  }

  #hp .top-about__li div.liB__r .btn a:hover {
    padding: 2.5rem 6rem 2.5rem 6rem;
  }

  #hp .top-about__li div.liB__r .btn a:hover .arrow {
    right: -3rem;
  }

  #hp .btn a,
  .btnB .btn a {
    display: inline-block;
    font-size: 1.5rem;
    line-height: 1.5rem;
    color: #fff;
    letter-spacing: 0.2rem;
    overflow: hidden;
    padding: 2.5rem 8rem 2.5rem 4rem;
    transition: all 0.2s ease-out;
  }

  #hp .arrow,
  .btnB .btn a img.arrow {
    width: auto;
    height: 1.2rem;
    position: absolute;
    right: 3rem;
    top: 0;
    bottom: 0;
    margin: auto;
  }
}

@media screen and (max-width: 720px) {
  #hp .news__right__li__l::after {
    width: 9rem;
  }
}

#hp #top-omidashi {
  position: fixed;
  width: 66rem;
  top: 30rem;
  left: 7.5vw;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease;
}

#hp #top-omidashi.is-ready {
  z-index: 1;
  opacity: 1;
  visibility: visible;
}

#hp #top-omidashi img {
  width: 100%;
  height: auto;
}

#hp #top-fade-slider.abs #top-omidashi {
  position: absolute;
  width: 66rem;
  top: var(--top-omidashi-stop, 60rem);
}

@media screen and (min-width: 1801px) {
  #hp #top-omidashi {
    left: calc(50vw - 72rem);
  }

  #hp #top-fade-slider.abs #top-omidashi {
    top: var(--top-omidashi-stop, 60rem);
  }
}

@media screen and (max-width: 1800px) {
  #hp #top-omidashi {
    width: 58rem;
    top: 30rem;
    left: calc(50vw - 58rem);
  }

  #hp #top-fade-slider.abs #top-omidashi {
    width: 58rem;
  }
}

@media screen and (max-width: 1200px) {

  #hp #top-omidashi,
  #hp #top-fade-slider.abs #top-omidashi {
    left: calc(600px - 58rem);
  }
}

@media screen and (max-width: 960px) {

  #hp #top-omidashi,
  #hp #top-fade-slider.abs #top-omidashi {
    width: min(44rem, 90vw);
    top: calc(var(--top-omidashi-stop, 60rem) + 5rem);
  }

  #hp #top-omidashi {
    top: 35rem;
  }
}

@media screen and (max-width: 480px) {

  #hp #top-omidashi,
  #hp #top-fade-slider.abs #top-omidashi {
    width: min(40rem, 90vw);
    left: 5vw;
  }

  #hp #top-about {
    background-size: auto 50rem;
    background-position: left calc(50vw - 25rem) bottom;
    padding: 5rem 0 0;
  }

  #hp .top-about__ul figure {
    height: 17rem;
    width: min(28rem, 90vw);
  }

  #hp .top-about__li div.liB__l {
    height: 17rem;
  }

  #hp .top-about__li div.liB__r {
    padding: 5rem 0rem 0 0rem;
  }
}

#news-l #top-news {
  width: 144rem;
  margin: 0 auto;
}

#news-l .news__right {
  width: 135rem;
  margin: 0 auto;
}

#news-l .news__right__li {
  border-bottom: 0.1rem solid rgba(41, 133, 192, 0.3);
  padding: 3.2rem 1.8rem 3.2rem 0;
  position: relative;
}

#news-l .news__right__li__l::after {
  content: "";
  width: 27rem;
  height: 0.1rem;
  background-color: #1E2678;
  position: absolute;
  left: 0;
  bottom: -0.1rem;
  transition: all 0.3s;
}

#news-l .news__right__li a {
  display: flex;
}

#news-l .news__right__li figure {
  width: 27rem;
  height: 18rem;
  border-radius: 0.8rem;
  overflow: hidden;
  margin: 0;
  box-shadow: 0rem 0rem 0.6rem rgba(41, 133, 192, 0.15);
}

#news-l .news__right__li figure img {
  width: 100%;
  height: auto;
  transition: transform 0.3s ease;
}

#news-l .news__right__li__r {
  width: calc(100% - 27rem - 6rem - 1.8rem);
  padding: 2.4rem 4rem 0 2.8rem;
}

#news-l .news__right__li__r__div {
  margin: 0 0 1.2rem;
}

#news-l .news__right__li__r__div .cat {
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1.4rem;
  color: #fff;
  background-color: #1D2C6C;
  border-radius: 0.48rem;
  padding: 1.2rem 3.2rem;
  margin: 0 1rem 0 0;
}

#news-l .news__right__li__r__div .date {
  font-family: "Roboto";
  font-size: 1.5rem;
}

#news-l .news__right__li__r h3 {
  font-size: 1.8rem;
  font-weight: 600;
  text-align: justify;
  transition: color 0.3s ease;
}

#news-l .news__right__li .btnBg {
  position: relative;
  top: 0;
  bottom: 0;
  margin: auto;
}

#news-l a:hover .news__right__li__l::after {
  width: 100%;
}

#news-l a:hover .news__right__li figure img {
  transform: scale(1.04);
}

#news-l a:hover .news__right__li__r h3 {
  color: #2985c0;
}

@media screen and (max-width: 1800px) {
  #news-l #top-news {
    width: 100%;
  }

  #news-l .news__right {
    width: 75vw;
  }
}

@media screen and (max-width: 1600px) {
  #news-l .news__right__li__r {
    width: calc(100% - 33.4rem);
  }
}

@media screen and (max-width: 1100px) {
  #news-l .news__right {
    width: 100%;
  }
}

@media screen and (max-width: 1000px) {
  #news-l .news__right__li {
    padding: 3.2rem 0 3.2rem;
  }

  #news-l .news__right__li__r {
    width: calc(100% - 27rem);
    padding: 2.4rem 2rem 0 2.8rem;
  }

  #news-l .news__right__li .btnBg {
    display: none;
  }
}

@media screen and (max-width: 720px) {
  #news-l .news__right__ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  #news-l .news__right__li {
    display: block;
    width: 37.5vw;
    padding: 3.6rem 0 2.4rem;
  }

  #news-l .news__right__li:nth-of-type(1),
  #news-l .news__right__li:nth-of-type(2) {
    padding: 0 0 2.4rem;
  }

  #news-l .news__right__li a {
    display: block;
  }

  #news-l .news__right__li__l {
    width: 100%;
  }

  #news-l .news__right__li figure {
    width: 37.5vw;
    height: 25vw;
  }

  #news-l .news__right__li__r {
    width: 100%;
    padding: 2rem 0 0 0;
  }
}

@media screen and (max-width: 640px) {
  #news-l .news__right__ul {
    justify-content: center;
  }

  #news-l .news__right__li {
    width: 80vw;
  }

  #news-l .news__right__li:nth-of-type(2) {
    padding: 3.6rem 0 2.4rem;
  }

  #news-l .news__right__li figure {
    width: 80vw;
    height: 53.3333333333vw;
  }
}

@media screen and (max-width: 720px) {
  #news-l .news__right__li__l::after {
    width: 9rem;
  }
}

#recruit {
  padding: 9rem 0 6rem;
}

#recruit .recCont {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 3.6rem;
  width: 126rem;
  height: 31.5rem;
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 1.6rem;
  padding: 0rem 9rem;
  margin: 0 auto;
  transition: width 0.3s ease;
  transition: height 0.3s ease;
  transition: padding 0.3s ease;
  position: relative;
}

#recruit .recCont .cont1 figure {
  height: 12rem;
  margin: 0 0 1.8rem 0;
}

#recruit .recCont .cont1 {
  width: 30rem;
  flex-shrink: 0;
}

#recruit .recCont .cont1 img {
  display: block;
  max-width: 100%;
  width: 100%;
  height: 100%;
  object-fit: contain;
  margin: 0 0 2.4rem 0;
}

#recruit .recCont .cont1 p {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.5;
}

#recruit .recCont .rec__btn {
  display: inline-block;
  flex-shrink: 0;
  position: relative;
  background-color: #2985c0;
  border-radius: 4.8rem;
  padding: 2.6rem 8.4rem 2.6rem 3.8rem;
}

#recruit .recCont .rec__btn a {
  font-size: 1.7rem;
  line-height: 1.7rem;
  color: #fff;
  letter-spacing: 0.2rem;
}

#recruit .recCont .arrow {
  width: auto;
  height: 1.4rem;
  position: absolute;
  right: 3.6rem;
  top: 0;
  bottom: 0;
  margin: auto;
}

#recruit .recCont .cont2 p {
  font-weight: 600;
  line-height: 1;
  padding: 0 0 0.8rem 0;
}

#recruit .recCont .cont2 h3 {
  font-family: "Roboto";
  font-size: 3.6rem;
  font-weight: 600;
  color: #1d2c6c;
  line-height: 1;
  padding: 0 0 0.8rem 0;
}

#recruit .recCont .cont2 h4 {
  font-size: 1.8rem;
  font-weight: 600;
}

#recruit .recCont .cont2 {
  min-width: 30rem;
  margin-left: auto;
  text-align: left;
}

@media screen and (max-width: 1400px) {
  #recruit .recCont {
    gap: 2.8rem;
    width: 98rem;
    height: 24.5rem;
    padding: 0rem 8rem;
  }

  #recruit .recCont .cont1 {
    width: 23rem;
  }

  #recruit .recCont .cont1 figure {
    height: 12rem;
  }

  #recruit .recCont .cont1 p {
    font-size: 1.6rem;
  }

  #recruit .recCont .rec__btn {
    padding: 2.8rem 6.4rem 2.8rem 3.4rem;
  }

  #recruit .recCont .rec__btn a {
    font-size: 1.4rem;
  }

  #recruit .recCont .arrow {
    height: 1.3rem;
  }

  #recruit .recCont .cont2 h3 {
    font-size: 3.2rem;
  }

  #recruit .recCont .cont2 h4 {
    font-size: 1.6rem;
  }

  #recruit .recCont .cont2 {
    min-width: 25rem;
  }
}

#recruit .recCont .cont2 {
  text-align: left;
}

@media screen and (max-width: 1090px) {
  #recruit .recCont {
    align-items: normal;
    width: 65rem;
    height: 30rem;
    background-position: top;
    padding: 5.5rem 5rem;
  }

  #recruit .recCont .cont1 figure {
    height: 10.5rem;
  }

  #recruit .recCont .cont1 p {
    font-size: 1.4rem;
  }

  #recruit .recCont .rec__btn {
    position: absolute;
    bottom: 5.5rem;
    right: 4rem;
    padding: 2.4rem 6.5rem 2.4rem 3rem;
  }

  #recruit .recCont .rec__btn a {
    font-size: 1.4rem;
  }

  #recruit .recCont .arrow {
    height: 1.2rem;
    right: 2.6rem;
  }
}

@media screen and (max-width: 720px) {
  #recruit {
    padding: 6rem 0 0 0;
  }

  #recruit .recCont {
    display: block;
    width: 40rem;
    height: 40rem;
    padding: 4rem 4rem;
  }

  #recruit .recCont .cont1 {
    padding: 0 0 2.4rem 0;
  }

  #recruit .recCont .cont1 figure {
    height: 8.5rem;
  }

  #recruit .recCont .cont1 p {
    font-size: 1.3rem;
  }

  #recruit .recCont .cont2 p {
    font-size: 1.4rem;
  }

  #recruit .recCont .cont2 h3 {
    font-size: 3rem;
  }

  #recruit .recCont .cont2 h4 {
    font-size: 1.4rem;
  }

  #recruit .recCont .rec__btn {
    bottom: 4rem;
    right: inherit;
    left: 4rem;
    padding: 2rem 6.5rem 2rem 3rem;
  }

  #recruit .recCont .rec__btn a {
    font-size: 1.3rem;
  }

  #recruit .recCont .arrow {
    height: 1rem;
  }
}

.btnB {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.btnB .btn {
  margin: 0 1.25vw;
}

.btnB .btn a {
  display: inline-block;
  color: #fff;
  background-color: #2985c0;
  border-radius: 3.2rem;
  padding: 1.8rem 8rem 1.8rem 3.6rem;
  margin: 0 0 1.5rem 0;
  position: relative;
}

.btnB {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.btnB .btn {
  margin: 0 1.25vw;
}

.btnB .btn a {
  display: inline-block;
  color: #fff;
  background-color: #2985c0;
  border-radius: 3.2rem;
  padding: 1.8rem 8rem 1.8rem 3.6rem;
  margin: 0 0 1.5rem 0;
  position: relative;
  transition: background-color 0.3s ease-out;
}

.btnB .btn a:hover {
  background-color: #1D2C6C;
}

@media screen and (min-width: 1801px) {
  .page .pageCont {
    width: 144rem;
  }

  .pageHead {
    background-size: cover;
    background-position: center;
  }

  .pageCont {
    width: 144rem;
  }
}

@media screen and (max-width: 1800px) {
  #footer .l {
    width: 40%;
  }

  #footer .r {
    width: 60%;
  }

  .f-nav1 {
    flex-wrap: wrap;
    justify-content: left;
    padding: 1rem 0 0rem 9rem;
  }

  .f-nav1 div {
    padding: 0 3rem 3rem 0;
  }

  .f-nav2 {
    padding: 0 0 0.4rem 9rem;
  }

  .f-instagram {
    padding: 0 0 3.2rem 9rem;
  }
}

@media screen and (max-width: 1000px) {

  #main-nav1 ul.menu-list,
  #main-nav2 ul.menu-list {
    display: none;
  }

  #footer .lr {
    flex-wrap: wrap;
  }

  #footer .l,
  #footer .r {
    width: 100%;
  }

  .f-nav1 {
    justify-content: left;
    padding: 6rem 0 0rem 0;
  }

  .f-nav2 {
    padding: 0 0 6rem 0;
  }

  .f-instagram {
    padding: 0 0 3.2rem 0;
  }
}

@media screen and (max-width: 1240px) {
  .pageHead {
    height: 60rem;
    padding: 20rem 0 0 0;
  }

  .pageHead h2 {
    height: 16rem;
  }
}

@media screen and (max-width: 1100px) {

  #main-nav1>ul,
  #main-nav2>ul {
    display: none;
  }

  .pageHead {
    height: 60rem;
    padding: 20rem 0 0 0;
  }

  .pageHead h2 {
    height: 12.5rem;
  }

  #hp .tab-item-rp>h3 {
    font-size: 1.8rem;
  }

  #hp .tab-item-rp>h3 span {
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 840px) {
  .pageHead h2 img.pc {
    display: none;
  }

  .pageHead h2 img.rp {
    display: block;
  }
}

@media screen and (max-width: 640px) {
  .fixed-side-menu {
    display: none;
  }

  .fixed-side-menu__item {
    width: 8.8rem;
    min-height: 12.5rem;
    padding: 1.2rem 1.2rem 4.2rem;
    border-radius: 1.6rem 0rem 0rem 1.6rem;
  }

  .fixed-side-menu__text {
    top: 50%;
    left: 50%;
    right: auto;
  }

  .fixed-side-menu__eyebrow {
    font-size: 1rem;
    padding: 0 0 0.5rem 0;
  }

  .fixed-side-menu__label {
    font-size: 1.3rem;
  }

  .fixed-side-menu__icon {
    right: 1.2rem;
    bottom: 1.2rem;
  }

  .fixed-side-menu__item--instagram .fixed-side-menu__text {
    top: 38%;
  }

  .fixed-side-menu__item--instagram .fixed-side-menu__icon {
    left: 50%;
    right: auto;
    bottom: 1.6rem;
  }

  .fixed-side-menu__icon {
    width: 2.8rem;
    height: 2.8rem;
  }

  .fixed-side-menu__icon img {
    width: 1.7rem;
    height: 1.7rem;
  }

  .pageCont {
    width: 90vw;
    padding: 9rem 0 9rem 0;
  }

  .pageCont h2.mi {
    font-size: 3rem;
  }

  .pageCont h4.mi {
    font-size: 2.4rem;
  }

  .main p {
    font-size: 1.4rem;
  }

  .f-nav2 ul {
    flex-wrap: wrap;
  }

  .f-nav2 li {
    padding: 0 2.6rem 2rem 0;
  }

  #footer .copy {
    font-size: 1.1rem;
  }
}

@media screen and (min-width: 1101px) {
  #hp .wB {
    display: block;
  }

  #hp .wB-rp {
    display: none;
  }
}

@media screen and (max-width: 1100px) {
  #hp .wB {
    display: none;
  }

  #hp .wB-rp {
    display: block;
  }
}

@media screen and (max-width: 480px) {

  /**************************************************/
  /* common */
  /**************************************************/
  html,
  body {
    overflow-x: hidden;
  }

  body {
    font-size: 1.4rem;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p {
    letter-spacing: 0.06rem;
    line-height: 1.7;
  }

  /**************************************************/
  /* header */
  /**************************************************/
  #h {
    height: 8rem;
  }

  h1#h__logo {
    height: 2.8rem;
  }

  #main-nav1,
  #main-nav2 {
    height: 8rem;
  }

  /**************************************************/
  /* hum menu */
  /**************************************************/
  #hum-nav1 {
    top: 5px;
  }

  #h.fixed #hum-nav2 {
    top: 5px;
  }

  #full-screen-menu.active {
    padding: 9rem 0 0 0;
  }

  #full-screen-menu ul li {
    margin: 0 0 2.5rem 0;
  }

  #full-screen-menu ul li.fsm-menu>a {
    font-size: 2rem;
    padding: 0 0 2rem 0;
  }

  #full-screen-menu ul li.fsm-menu-item--instagram {
    margin: -0.5rem 0 0 0;
  }

  #full-screen-menu ul li.fsm-menu-item--instagram img {
    width: 4.2rem;
    height: 4.2rem;
  }

  #full-screen-menu li .menu-list a {
    font-size: 1.4rem;
    padding: 0 0 1rem 0;
  }

  body.sp #full-screen-menu li .menu-list a {
    font-size: 1.4rem;
    padding: 0 0 1rem 0;
  }

  /**************************************************/
  /* footer */
  /**************************************************/
  #footer {
    padding: 9rem 0 9rem 0;
  }

  #footer .lr {
    width: 90vw;
  }

  #footer .ad {
    font-size: 1.2rem;
  }

  #f-logo {
    height: 3.2rem;
    margin: 0 0 4.5rem 0;
  }

  .f-nav1 {
    padding: 6rem 0 6rem 0;
  }

  .f-nav1 h5 {
    padding: 0 0 1.3rem 0;
    font-size: 1.5rem;
  }

  .f-nav1 div {
    padding: 0 3rem 1.5rem 0;
  }

  .f-nav2 li {
    padding: 0 1.6rem 2rem 0;
  }

  /**************************************************/
  /* top page */
  /**************************************************/
  #hp.sp #top-fade-slider {
    height: 100vh;
  }

  #hp.sp .dot {
    height: 1.2rem;
    width: 1.2rem;
  }

  #hp.sp #top-omidashi {
    position: absolute;
    height: fit-content;
    width: 80vw;
    top: auto;
    left: 5vw;
    bottom: 15rem;
  }

  #hp.sp #top-fade-slider.abs #top-omidashi {
    position: absolute;
    top: auto;
    left: 5vw;
    bottom: 15rem;
  }

  #hp.sp #top-omidashi img {
    width: 100%;
    height: auto;
  }

  #hp.sp #top-about {
    padding: 5rem 0 0;
  }

  #hp.sp .top-about__li div.liB__r p {
    font-size: 1.6rem;
    padding: 2.4rem 0 0 0;
  }

  #hp.sp .top-about__li div.liB__r .btn a {
    font-size: 1.3rem;
  }

  #hp.sp .top-about__li div.liB__r img.tl-ja {
    width: auto;
    height: 2.4rem;
  }

  #hp.sp .top-about__li div.liA__l {
    height: 30rem;
  }

  #hp.sp .top-about__li div.liA__r,
  #hp.sp .top-about__li div.liB__r {
    height: 15rem;
  }

  #hp.sp .top-about__li div.liB__l {
    height: 17rem;
  }

  #hp.sp .news__right__li {
    width: 90vw;
  }

  #hp.sp .news__right__li figure {
    width: 90vw;
    height: 53.3333333333vw;
    box-shadow: 0rem 0rem 0.6rem rgba(41, 133, 192, 0.15);
  }

  #hp.sp #top-news {
    width: 90vw;
    padding: 20rem 0 13.5rem;
  }

  #hp.sp .news__left {
    width: 100%;
  }

  #hp.sp .news__left h2 {
    height: 7.5rem;
    margin: 0 0 3.2rem 0;
  }

  #hp.sp #top-mp {
    padding: 9.5rem 0 10.5rem 0;
  }

  #hp.sp #top-mp h2 {
    height: 16.5rem;
    margin: 0 0 3rem 0;
  }

  #hp.sp #top-app {
    padding: 9rem 0 9rem 0;
  }

  #hp.sp #top-app h2 {
    height: 9rem;
    margin: 0 0 4.5rem 0;
  }

  #hp.sp .app-cards .card {
    height: 53vw;
  }

  #hp.sp .app-cards .card .btnBg {
    display: none;
  }

  #hp.sp .card__info {
    padding: 2rem 2rem;
  }

  #hp.sp .card__info h3 {
    font-size: 2.4rem;
  }

  #hp.sp .card__info h4 {
    font-size: 1.3rem;
  }

  #hp.sp .pp-slide {
    width: 50vw;
  }

  #hp.sp .pp-slide:nth-of-type(2n) {
    width: 40vw;
  }

  .tab-item-rp>h3 {
    font-size: 1.6rem;
  }

  /**************************************************/
  /* recruit */
  /**************************************************/
  .sp #recruit .recCont {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 1.8rem;
    text-align: center;
    width: 90vw;
    height: auto;
    padding: 2.5rem 2rem;
  }

  .sp #recruit .recCont .cont1 {
    order: 1;
    width: 100%;
    padding: 0;
  }

  .sp #recruit .recCont .cont1 figure {
    height: 7rem;
    margin: 0 auto 1.8rem;
  }

  .sp #recruit .recCont .cont1 img {
    margin: 0 auto;
  }

  .sp #recruit .recCont .cont1 p {
    font-size: 1.2rem;
  }

  .sp #recruit .recCont .cont2 p {
    font-size: 1.3rem;
    padding: 0 0 0.6rem 0;
  }

  .sp #recruit .recCont .cont2 {
    order: 2;
    width: 100%;
    min-width: 0;
    margin: 0;
    text-align: center;
  }

  .sp #recruit .recCont .cont2 h3 {
    font-size: 3.6rem;
    padding: 0 0 0.6rem 0;
  }

  .sp #recruit .recCont .cont2 h4 {
    font-size: 1.3rem;
  }

  .sp #recruit .recCont .rec__btn {
    order: 3;
    position: relative;
    display: inline-flex;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    margin: 0;
    padding: 1.8rem 5.8rem 1.8rem 3rem;
  }

  .sp #recruit .recCont .rec__btn a {
    font-size: 1.3rem;
  }

  .sp #recruit .recCont .arrow {
    height: 1rem;
    right: 2.2rem;
  }

  /**************************************************/
  /* 2nd page */
  /**************************************************/
  .sp .pageHead {
    height: 50rem;
    padding: 15rem 0 0 0;
  }

  .sp .pageHead h2 {
    height: 9rem;
    padding: 0 0 0 5vw;
  }

  .sp .pageCont {
    padding: 4.5rem 0 9rem 0;
  }

  .sp .pageCont h2.mi {
    font-size: 2.2rem;
    margin: 0 0 3.2rem 0;
  }

  .sp .pageCont h2.mi span {
    border-bottom: 0.3rem solid #2985C0;
  }

  .sp .pageCont h2.mi::after {
    height: 0.3rem;
  }

  .sp .pageCont h4.mi {
    font-size: 1.8rem;
    padding: 0 0 1.2rem 0;
  }

  .sp .pageCont h4.mi+h5 {
    font-size: 1.4rem;
  }

  .sp .pageCont ul li {
    padding: 0 0 5.4rem 0;
  }

  .sp .pageCont ul li:last-of-type {
    padding: 0 0 0 0;
  }

  .sp .pageCont h3.mi+h5 {
    margin: 0 0 3.6rem 0;
  }

  .sp .exp__st {
    padding: 0 0 2rem 0;
  }

  .sp .main p {
    font-size: 1.3rem;
  }

  /**************************************************/
  /* news list */
  /**************************************************/
  #news-l.sp .pageHead h2,
  #news-list.sp .pageHead h2 {
    height: 9rem;
    padding: 0 0 0 5vw;
  }

  #news-l.sp .pageHead h2 img,
  #news-list.sp .pageHead h2 img {
    display: block;
    width: auto;
    height: 100%;
  }

  #news-l.sp .pageCont {
    padding: 4.5rem 0 4.5rem 0;
  }

  #news-l.sp .pageCont ul li {
    padding: 0 0 2.4rem 0;
    margin: 0 0 3rem 0;
  }

  #news-l.sp .news__right__li__r {
    padding: 1.6rem 0 0 0;
  }

  #news-l.sp .news__right__li__r__div .cat {
    font-size: 1.2rem;
    padding: 0.8rem 2.4rem;
  }

  #news-l.sp .news__right__li__r__div .date {
    font-size: 1.3rem;
  }

  #news-l.sp .news__right__li__r h3 {
    font-size: 1.6rem;
  }

  #news-l.sp .news__right__li figure {
    border-radius: 0.4rem;
  }

  .sp .pagination {
    font-size: 1.4rem;
    padding: 3rem 0 0 0;
  }

  /**************************************************/
  /* single news */
  /**************************************************/
  .single.sp .pageHead {
    height: 32rem;
    padding: 11rem 0 0 0;
  }

  .single.sp .pageHead h2 {
    height: 9rem;
    padding: 0 0 0 5vw;
  }

  .single.sp .pageCont {
    width: 90vw;
    padding: 4.5rem 0 9rem 0;
  }

  /**************************************************/
  /* ti */
  /**************************************************/
  #ti.sp .pageCont h2 {
    font-size: 2.8rem;
    padding: 0 0 2.8rem 0;
  }

  #ti.sp .main .r figure {
    width: 24rem;
  }

  #ti.sp .main .r .ceo span {
    font-size: 1.4rem;
  }

  #ti.sp .main .r .ceo h3 {
    font-size: 2.8rem;
  }

  /**************************************************/
  /* ci */
  /**************************************************/
  #ci.sp .pageHead h2 {
    height: 13rem;
  }

  #ci.sp .pageCont {
    padding: 4.5rem 0 4.5rem 0;
  }

  #ci.sp .pageCont .ac3 ul li {
    width: 80vw;
    padding: 3rem 0 0 0;
    margin: 0 auto 3rem auto;
  }

  #ci.sp .pageCont .ac3 li:nth-of-type(2) {
    border-bottom: 0;
  }

  #ci.sp .pageCont .ac3 li:nth-of-type(3) {
    border-top: 0.15rem solid #1d2c6c;
  }

  #ci.sp .ac1 .l table th,
  #ci.sp .ac1 .l table td {
    padding: 1.3rem;
  }

  #ci.sp .ac1 .l table th {
    width: 11rem;
  }

  #ci.sp .ac1 .r figure {
    width: 24rem;
    height: 20rem;
  }

  #ci.sp .ac2 .l figure {
    width: 20rem;
  }

  #ci.sp .ac4 .r figure {
    width: 24rem;
  }

  /**************************************************/
  /* haq */
  /**************************************************/
  #haq.sp .pageCont {
    padding: 4.5rem 0 0;
  }

  #haq.sp .pageHead h2 {
    height: 13rem;
  }

  #haq.sp article.ac1 ul {
    padding: 0 0 0 1.6rem;
  }

  #haq.sp article.ac1 li {
    border-left: 0.15rem solid #2985c0;
  }

  #haq.sp article.ac1 li:after {
    content: "";
    width: 1.3rem;
    height: 1.3rem;
    background-color: #2985c0;
    border-radius: 1rem;
    top: 0.6rem;
    left: -0.8rem;
  }

  #haq.sp article.ac1 .l {
    padding: 0 0 0 1.6rem;
  }

  #haq.sp article.ac1 .l p {
    font-size: 1.2rem;
  }

  #haq.sp article.ac1 .r {
    padding: 1.6rem 0 0 1.6rem;
  }

  #haq.sp article.ac1 .r figure {
    width: 24rem;
  }

  #haq.sp article.ac2 ul li {
    font-size: 1.2rem;
  }

  /**************************************************/
  /* epm */
  /**************************************************/
  #epm.sp .pageHead h2 {
    height: 18rem;
  }

  /**************************************************/
  /* bm */
  /**************************************************/
  #bm.sp .pageHead h2 {
    height: 13rem;
  }

  /**************************************************/
  /* pm */
  /**************************************************/
  #pm.sp .pageHead h2 {
    height: 14rem;
  }

  /**************************************************/
  /* mikasa people */
  /**************************************************/
  #mp.sp .pageCont {
    padding: 4.5rem 0 0 0;
  }

  #mp.sp .pageCont ul {
    justify-content: space-between;
  }

  #mp.sp .pageCont ul li {
    padding: 0 0 0 0;
  }

  #mp.sp .pageCont li {
    width: 44vw;
    margin: 0 0 3rem;
  }

  #mp.sp .pageCont li figure {
    border-radius: 0.4rem;
    height: 32vw;
  }

  #mp.sp .pageCont li h4 {
    font-size: 1.5rem;
  }

  #mp.sp .pageCont li h5 {
    font-size: 1.2rem;
  }

  #mp.sp .team {
    font-size: 1.2rem;
    padding: 0.6rem 1.2rem;
  }

  /**************************************************/
  /* mikasa people single */
  /**************************************************/
  .people.sp .pageCont .r h2.mi {
    font-size: 2rem;
  }

  .people.sp .pageCont h4.mi {
    padding: 0 0 0 2.5em;
  }

  .people.sp .pageCont ul li {
    padding: 0 0 3.6rem 0;
  }

  .people.sp .pageCont ul li:last-of-type {
    padding: 0 0 3.6rem 0;
  }

  .people.sp .pageCont .intv .intv-r {
    width: 24rem;
  }

  .people.sp.single .pageCont {
    padding: 4.5rem 0 0 0;
  }

  /**************************************************/
  /* iso */
  /**************************************************/
  #afi.sp .pageCont {
    padding: 4.5rem 0 0 0;
  }

  #afi.sp .pageHead h2 {
    height: 14.5rem;
  }

  /**************************************************/
  /* ctf */
  /**************************************************/
  #ctf.sp .ac2 table th,
  #ctf.sp .ac2 table td {
    font-size: 1.3rem;
    padding: 1.3rem;
  }

  #ctf.sp .pageCont {
    padding: 4.5rem 0 0 0;
  }

  /**************************************************/
  /* waq */
  /**************************************************/
  #waq.sp .pageHead h2 {
    height: 14.5rem;
  }
}

/*# sourceMappingURL=app.css.map */