@charset "utf-8";
:root {
  --cbs-main-color-lightblue:#0F92E1;
  --cbs-accent-color-blue:#0F70E1;
  --cbs-btn-color-left:#0384C1;
  --cbs-btn-color-right:#065AA8;
  --cbs-footer-logo-color-:#ECF7FD;
  --cbs-font-color-blue:#0A5498;
  --cbs-font-color-black:#333333;
  --cbs-bg-color-white:#ffffff;
  --cbs-pagetitle-color-lightgray:#DBDBDB;
  --cbs-subtitle-color-lightblue:#029BE3;
  --cbs-dubtitle-color-blue:#065AA8;
  --cbs-noto:"Noto Sans JP", sans-serif;
  --cbs-roboto:"Roboto", sans-serif;
  --cbs-hover: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  --cbs-zoom-transform: scale(1.1,1.1);
  --cbs-zoom-transition: all 0.2s ease-in-out;
  --cbs-opacity: 0.7;
}
body {
  font-family: var(--cbs-noto);
}
header {
  height: 5.2vw;
}
nav img.company-logo {
  width: 13.02vw;
  height: auto;
  margin: 1.2vw 0 auto 4.6vw;
}
nav div.container-fluid {
  padding: 0;
}
nav div.nav__contents {
  margin: 0 auto;
}
nav div.nav__contents ul {
  padding-left: 0;
  margin-bottom: 0;
  align-items: center;
  height: 5.2vw;
}
nav div.nav__contents ul li {
  list-style: none;
}
nav div.nav__contents ul li a {
  display: flex;
  flex-direction: column;
  color: var(--cbs-font-color-blue);
  font-size: 1.04vw;
  margin: 0 1.3vw;
  text-decoration: none;
  transition: var(--cbs-zoom-transition);
}
nav div.nav__contents ul li a:hover {
  transform: var(--cbs-zoom-transform);
}
nav div.nav__contents ul li a img {
  width: 1.3vw;
  height: auto;
  margin: auto;
}
.nav__logoutBtn, .nav__inquiryBtn {
  margin-top: auto;
  margin-bottom: auto;
  padding: 0;
  width: 10.73vw;
}
.nav__logoutBtn {
  margin-right: 2vw;
}
.nav__inquiryBtn {
  margin-right: 4.6vw;
}
.nav__logoutBtn button, .nav__inquiryBtn button {
  width: 10.73vw;
  height: 3.125vw;
  font-size: 0.9375vw;
  border-radius: 0.26vw;
  transition: var(--cbs-hover);
}
.nav__logoutBtn button {
  background-color: var(--cbs-bg-color-white);
  color: #075caa;
  border: 2px solid #075caa;
}
.nav__inquiryBtn button {
  background: linear-gradient(45deg, var(--cbs-btn-color-left), var(--cbs-btn-color-right));
  color: var(--cbs-bg-color-white);
  border: none;
}
.nav__logoutBtn button:hover {
  background: linear-gradient(45deg, var(--cbs-btn-color-left), var(--cbs-btn-color-right));
  color: var(--cbs-bg-color-white);
  border: none;
}
.nav__inquiryBtn button:hover {
  background-color: var(--cbs-bg-color-white);
  background: none;
  border: 2px solid #075caa;
  color: #075caa;
  transition: var(--cbs-hover);
}
.nav__inquiryBtn button img {
  width: 1.25vw;
  height: auto;
  margin-right: 0.5vw;
}

main {
  position: relative;
}

footer {
  position: relative;
}
footer > div {
  position: relative;
}
img.footer_back {
  position: relative;
  display: block;
  width: 100%;
}
.footer__area {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.footer__nav li {
  list-style: none;
  margin: 0 1vw;
}
.footer__nav a {
  font-size: 0.8vw;
  color: var(--cbs-bg-color-white);
  margin-bottom: 2vw;
  text-decoration: none;
}
.footer__nav a:hover {
  text-decoration: underline;
}
.footer__copyright p {
  font-size: 0.73vw;
  color: var(--cbs-bg-color-white);
}

p.footer__logo {
  position: absolute;
  font-size: 22.82vw;
  font-weight: 900;
  color: var(--cbs-footer-logo-color-);
  margin-bottom: 0;
  line-height: 100%;
  display: inline-flex;
  align-items: center;
  bottom: 46.9%;
  left: -4.33vw;
  mix-blend-mode: multiply;
  z-index: 2; 
}