@charset "UTF-8";
/*----------------------------------------
  reset
-----------------------------------------*/
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;600&display=swap);
/* line 7, ../_base.scss */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* line 84, ../_base.scss */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* line 94, ../_base.scss */
html {
  box-sizing: border-box;
}

/* line 97, ../_base.scss */
*:before,
*:after {
  box-sizing: inherit;
}

/* line 102, ../_base.scss */
body {
  line-height: 1;
}

/* line 106, ../_base.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

/* line 120, ../_base.scss */
p {
  text-align: justify;
}

/* line 124, ../_base.scss */
nav ul {
  list-style: none;
}

/* line 128, ../_base.scss */
blockquote,
q {
  quotes: none;
}

/* line 133, ../_base.scss */
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

/* line 141, ../_base.scss */
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
}

/* change colours to suit your needs */
/* line 151, ../_base.scss */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
/* line 158, ../_base.scss */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

/* line 165, ../_base.scss */
del {
  text-decoration: line-through;
}

/* line 169, ../_base.scss */
abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

/* line 175, ../_base.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
/* line 181, ../_base.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

/* line 190, ../_base.scss */
input,
select {
  vertical-align: middle;
  outline: 0;
}

/* line 196, ../_base.scss */
ul,
li {
  list-style: none;
}

/* line 202, ../_base.scss */
input[type="text"],
input[type="button"],
input[type="submit"],
input[type="tel"],
input[type="email"] {
  -webkit-appearance: none;
  border: none;
  box-sizing: border-box;
}

/* line 211, ../_base.scss */
input[type="text"]:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
textarea:focus {
  outline: 0;
  background-color: #fff;
}

/* line 221, ../_base.scss */
input:-internal-autofill-selected {
  background-color: #fff !important;
}

/* line 224, ../_base.scss */
input[type="text"]:focus:placeholder-shown,
input[type="button"]:focus:placeholder-shown,
input[type="submit"]:focus:placeholder-shown,
input[type="tel"]:focus:placeholder-shown,
input[type="email"]:focus:placeholder-shown,
textarea:focus:placeholder-shown {
  color: #ddd;
}

/* line 232, ../_base.scss */
input[type="text"]:focus:-webkit-input-placeholder,
input[type="button"]:focus:-webkit-input-placeholder,
input[type="submit"]:focus:-webkit-input-placeholder,
input[type="tel"]:focus:-webkit-input-placeholder,
input[type="email"]:focus:-webkit-input-placeholder,
textarea:focus:-webkit-input-placeholder {
  color: #ddd;
}

/* line 240, ../_base.scss */
input[type="text"]:focus:-moz-placeholder,
input[type="button"]:focus:-moz-placeholder,
input[type="submit"]:focus:-moz-placeholder,
input[type="tel"]:focus:-moz-placeholder,
input[type="email"]:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
  color: #ddd;
}

/* line 248, ../_base.scss */
input[type="text"]:focus:-ms-input-placeholder,
input[type="button"]:focus:-ms-input-placeholder,
input[type="submit"]:focus:-ms-input-placeholder,
input[type="tel"]:focus:-ms-input-placeholder,
input[type="email"]:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
  color: #ddd;
}

/* line 256, ../_base.scss */
select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 0;
  margin: 0;
  padding: 0;
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  box-sizing: content-box;
}

/* line 271, ../_base.scss */
input[type="text"]:placeholder-shown,
input[type="email"]:placeholder-shown,
input[type="tel"]:placeholder-shown {
  color: #ddd;
}

/* line 276, ../_base.scss */
input[type="text"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder {
  color: #ddd;
}

/* line 281, ../_base.scss */
input[type="text"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
textarea:-moz-placeholder {
  color: #ddd;
}

/* line 288, ../_base.scss */
input[type="text"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #fff;
}

/* line 294, ../_base.scss */
textarea {
  resize: vertical;
}

/* line 297, ../_base.scss */
textarea:placeholder-shown {
  color: #ddd;
}

/* line 300, ../_base.scss */
textarea::-webkit-input-placeholder {
  color: #ddd;
}

/* line 303, ../_base.scss */
textarea::-moz-placeholder {
  color: #ddd;
}

/* line 308, ../_base.scss */
input:focus::placeholder,
textarea:focus::placeholder {
  color: transparent;
  transition: 0.1s;
}

/* line 314, ../_base.scss */
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
  color: transparent;
  transition: 0.1s;
}

/* line 320, ../_base.scss */
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
  color: transparent;
  transition: 0.1s;
}

/* line 326, ../_base.scss */
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
  color: transparent;
  transition: 0.1s;
}

/* line 331, ../_base.scss */
button {
  background-color: transparent;
  outline: 0;
  border: 0;
}

/*スマートフォンサイトでaタグをタップしたときにでるハイライトの色を消す*/
/* line 338, ../_base.scss */
a {
  -webkit-tap-highlight-color: transparent;
  color: #212121;
}
@media screen and (min-width: 896px) {
  /* line 338, ../_base.scss */
  a {
    transition: 0.3s;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
  }
  /* line 346, ../_base.scss */
  a:hover {
    transition: 0.3s;
    cursor: pointer;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
  }
}

/* line 356, ../_base.scss */
table {
  border-collapse: collapse;
  border: none;
  border-spacing: 0;
  width: 100%;
}

/* line 362, ../_base.scss */
th,
td {
  vertical-align: middle;
  border: solid 1px #000;
  font-weight: normal;
  text-align: left;
  border: 0;
}

/* line 370, ../_base.scss */
caption {
  text-align: left;
}

/* line 378, ../_base.scss */
html,
body {
  width: 100%;
  height: 100%;
  font-size: 62.5%;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-display: swap;
}

/* line 387, ../_base.scss */
body {
  overflow-x: hidden;
}
@media screen and (max-width: 896px) {
  /* line 390, ../_base.scss */
  body.sp_fix {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
}

/* line 398, ../_base.scss */
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

/* line 403, ../_base.scss */
svg {
  width: 100%;
  height: auto;
}

/* line 408, ../_base.scss */
.slick-list:focus {
  outline: none !important;
}

@font-face {
  font-family: "Trajan";
  font-style: normal;
  src: url(../../font/TrajanPro-Regular.otf) format("opentype");
  font-display: swap;
}
@keyframes fadezoom {
  0% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes scrollgage {
  0% {
    top: -100%;
  }
  100% {
    top: 100%;
  }
}
@keyframes progress {
  from {
    height: 0%;
  }
  to {
    height: 100%;
  }
}
/* line 156, ../_module.scss */
.tel.no_link {
  pointer-events: none;
}

/* line 160, ../_module.scss */
.min {
  font-family: "Noto Serif JP", serif;
}

/* line 163, ../_module.scss */
.fw_mid {
  font-weight: 500;
}

/* line 166, ../_module.scss */
.fwb {
  font-weight: 600;
}

/* line 169, ../_module.scss */
.en {
  font-family: "Trajan";
}

/* line 172, ../_module.scss */
.flx {
  display: flex;
}
/* line 174, ../_module.scss */
.flx.reverse {
  flex-direction: row-reverse;
}
/* line 177, ../_module.scss */
.flx.jfc_sb {
  justify-content: space-between;
}
/* line 180, ../_module.scss */
.flx.jfc_c {
  justify-content: center;
}
/* line 183, ../_module.scss */
.flx.aic {
  align-items: center;
}
/* line 186, ../_module.scss */
.flx.clm {
  flex-direction: column;
}
/* line 188, ../_module.scss */
.flx.clm > * {
  min-height: 0%;
}

/* line 193, ../_module.scss */
.ablt {
  position: absolute;
}

/* line 196, ../_module.scss */
.lead {
  font-size: 1.4rem;
  line-height: 2.1;
  letter-spacing: 0.04em;
}

/* line 202, ../_module.scss */
.blankbtn {
  background: #ee831b;
  border: #ee831b solid 2px;
  display: block;
  letter-spacing: 0.06em;
  margin: 60px auto 0;
  width: 400px;
  padding: 30px 0;
  text-align: center;
  transition: 0.3s;
}
@media screen and (max-width: 896px) {
  /* line 202, ../_module.scss */
  .blankbtn {
    width: auto;
  }
}
/* line 219, ../_module.scss */
.blankbtn span {
  transition: 0.3s;
  font-weight: 500;
  color: #fff;
  font-size: 2rem;
  display: inline-block;
  position: relative;
}
/* line 226, ../_module.scss */
.blankbtn span::after, .blankbtn span::before {
  transition: 0.3s;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
/* line 234, ../_module.scss */
.blankbtn span::after {
  background: url(../../img/common/arrow-wht.svg) no-repeat center;
  background-size: 100%;
  height: 7px;
  width: 35px;
  right: -50px;
}
/* line 241, ../_module.scss */
.blankbtn span::before {
  background: url(../../img/common/blank.svg) no-repeat center;
  background-size: 100%;
  width: 18px;
  height: 17px;
  left: -30px;
}

/* line 4, ../_layout.scss */
.sp {
  display: none;
}
@media screen and (max-width: 896px) {
  /* line 4, ../_layout.scss */
  .sp {
    display: block;
  }
}

@media screen and (max-width: 896px) {
  /* line 10, ../_layout.scss */
  .pc {
    display: none;
  }
}

/* line 15, ../_layout.scss */
#stage {
  opacity: 0;
}
@media screen and (max-width: 896px) {
  /* line 15, ../_layout.scss */
  #stage {
    overflow: hidden;
  }
}

/* line 22, ../_layout.scss */
.loaded .loading {
  transform: translateX(101%);
  transition-delay: 0.3s;
}
/* line 25, ../_layout.scss */
.loaded .loading .op_logo {
  opacity: 0;
  transform: translateX(10%);
}
/* line 30, ../_layout.scss */
.loaded #stage {
  opacity: 1;
  transition-delay: 0.3s;
}
/* line 34, ../_layout.scss */
.loaded .fix_btn {
  opacity: 1;
  transition-delay: 0.3s;
}

/* line 39, ../_layout.scss */
.loading {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10010;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  transition: 0.4s ease-in;
}
/* line 51, ../_layout.scss */
.loading .op_logo {
  transition: 0.4s ease-in;
  width: 150px;
}
@media screen and (max-width: 896px) {
  /* line 51, ../_layout.scss */
  .loading .op_logo {
    width: 34%;
    margin-top: -20%;
  }
}

/* line 61, ../_layout.scss */
.content {
  transition: 0.5s;
}
/* line 63, ../_layout.scss */
.content.ovf {
  filter: blur(5px);
}

/* line 68, ../_layout.scss */
.inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

/* line 73, ../_layout.scss */
.outer {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

/* line 79, ../_layout.scss */
.fix_btn {
  opacity: 0;
  transition: 0.4s;
  position: fixed;
  right: 3%;
  bottom: 30px;
  z-index: 100;
  width: 220px;
}
/* line 87, ../_layout.scss */
.fix_btn.off {
  bottom: -200px;
}
@media screen and (min-width: 897px) {
  /* line 91, ../_layout.scss */
  .fix_btn:hover {
    transform: scale(0.95);
  }
}
@media screen and (max-width: 896px) {
  /* line 79, ../_layout.scss */
  .fix_btn {
    right: 0;
    bottom: 0;
    width: 100%;
  }
}

/* line 104, ../_layout.scss */
.loaded .header .header_inner .logo {
  top: 40px;
}
@media screen and (max-width: 896px) {
  /* line 104, ../_layout.scss */
  .loaded .header .header_inner .logo {
    top: 20px;
  }
}
/* line 110, ../_layout.scss */
.loaded .header .header_inner nav {
  top: 50px;
}
/* line 116, ../_layout.scss */
.loaded .under_fv .bg {
  transform: scale(1);
  transition-delay: 0.3s;
}
/* line 121, ../_layout.scss */
.loaded .under_fv .ttl_box h2 {
  transition-delay: 0.3s;
  letter-spacing: 0.2em;
  opacity: 1;
}
/* line 127, ../_layout.scss */
.loaded .under_fv .bread {
  transition-delay: 0.3s;
  opacity: 1;
}
/* line 131, ../_layout.scss */
.loaded .under_fv .btm_txt {
  transition-delay: 0.3s;
  letter-spacing: 0.03em;
  opacity: 0.1;
}

/* line 140, ../_layout.scss */
.header .header_inner .logo {
  transition: 0.7s;
  width: 240px;
  position: fixed;
  z-index: 100;
  left: 5%;
  top: -100px;
}
@media screen and (max-width: 896px) {
  /* line 140, ../_layout.scss */
  .header .header_inner .logo {
    width: 155px;
  }
}
/* line 151, ../_layout.scss */
.header .header_inner nav {
  transition: 0.7s;
  position: fixed;
  z-index: 100;
  right: 5%;
  top: -100px;
}
/* line 157, ../_layout.scss */
.header .header_inner nav.change {
  right: -100%;
}
/* line 160, ../_layout.scss */
.header .header_inner nav ul {
  justify-content: flex-end;
}
/* line 162, ../_layout.scss */
.header .header_inner nav ul li {
  margin-left: 30px;
}
/* line 164, ../_layout.scss */
.header .header_inner nav ul li a {
  font-size: 1.6rem;
  color: #fff;
  letter-spacing: 0.04em;
  transition: 0.4s;
}
@media screen and (min-width: 897px) {
  /* line 170, ../_layout.scss */
  .header .header_inner nav ul li a:hover {
    color: #006bb2;
  }
}
/* line 176, ../_layout.scss */
.header .header_inner nav ul li:last-child a {
  font-size: 1.4rem;
  padding: 10px 20px;
  background-color: #006bb2;
  letter-spacing: 0.06em;
  border: #006bb2 solid 2px;
  transition: 0.4s;
  font-weight: bold;
}
@media screen and (min-width: 897px) {
  /* line 185, ../_layout.scss */
  .header .header_inner nav ul li:last-child a:hover {
    background-color: #fff;
    color: #006bb2;
  }
}

/* line 197, ../_layout.scss */
.menuBtn {
  z-index: 10002;
  position: fixed;
  top: 30px;
  right: 3%;
  width: 75px;
  height: 75px;
  cursor: pointer;
  border: 1px solid #fff;
  transition: 0.7s;
  border-radius: 50%;
  transform: translateX(200%);
}
@media screen and (min-width: 897px) {
  /* line 210, ../_layout.scss */
  .menuBtn:hover {
    background-color: #005b98;
    border-color: #005b98;
  }
  /* line 213, ../_layout.scss */
  .menuBtn:hover .bar {
    background-color: #fff;
  }
}
@media screen and (max-width: 896px) {
  /* line 197, ../_layout.scss */
  .menuBtn {
    top: 15px;
    right: 5%;
    width: 60px;
    height: 60px;
  }
}
/* line 224, ../_layout.scss */
.menuBtn.open {
  transform: translateX(0);
  border-color: #cce1f0;
}
@media screen and (max-width: 896px) {
  /* line 229, ../_layout.scss */
  .menuBtn.close .bar {
    background-color: #005b98;
  }
}
/* line 233, ../_layout.scss */
.menuBtn.close .bar:first-child {
  transform: translate(-50%, -50%) rotate(45deg);
}
/* line 236, ../_layout.scss */
.menuBtn.close .bar:nth-child(2) {
  opacity: 0;
}
/* line 239, ../_layout.scss */
.menuBtn.close .bar:last-child {
  transform: translate(-50%, -50%) rotate(-45deg);
}
/* line 244, ../_layout.scss */
.menuBtn .bar {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 27px;
  transition: 0.4s;
  background-color: #005b98;
  height: 2px;
}
/* line 252, ../_layout.scss */
.menuBtn .bar:first-child {
  transform: translate(-50%, -8px);
}
/* line 255, ../_layout.scss */
.menuBtn .bar:nth-child(2) {
  transform: translate(-50%, -50%);
}
/* line 258, ../_layout.scss */
.menuBtn .bar:last-child {
  transform: translate(-50%, 8px);
}

/* line 263, ../_layout.scss */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 10000;
  display: none;
}

/* line 272, ../_layout.scss */
.menu {
  width: 60%;
  position: fixed;
  right: -100%;
  top: 0;
  height: 100vh;
  padding: 100px 10%;
  background-color: #fff;
  transition: 0.6s;
  z-index: 10001;
  overflow-y: scroll;
}
@media screen and (max-width: 896px) {
  /* line 272, ../_layout.scss */
  .menu {
    width: 100%;
    padding: 100px 5%;
  }
}
/* line 287, ../_layout.scss */
.menu.on {
  right: 0;
}
@media screen and (max-width: 896px) {
  /* line 291, ../_layout.scss */
  .menu .base_menu_box .menu_nav {
    flex-wrap: wrap;
  }
}
/* line 295, ../_layout.scss */
.menu .base_menu_box .menu_nav .box {
  width: 48%;
}
@media screen and (max-width: 896px) {
  /* line 295, ../_layout.scss */
  .menu .base_menu_box .menu_nav .box {
    width: 47%;
  }
}
/* line 300, ../_layout.scss */
.menu .base_menu_box .menu_nav .box .parent_link {
  color: #005b98;
  font-size: 1.4rem;
  font-weight: 500;
  padding: 18px 0;
  border-bottom: 1px solid #cce1f0;
  position: relative;
}
@media screen and (max-width: 896px) {
  /* line 300, ../_layout.scss */
  .menu .base_menu_box .menu_nav .box .parent_link {
    font-size: 1.3rem;
    padding: 15px 0;
  }
}
/* line 311, ../_layout.scss */
.menu .base_menu_box .menu_nav .box .parent_link::after {
  content: "";
  background: url(../../img/common/arrow.svg) no-repeat center;
  background-size: 100%;
  width: 20px;
  height: 8px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 896px) {
  /* line 311, ../_layout.scss */
  .menu .base_menu_box .menu_nav .box .parent_link::after {
    width: 15px;
    height: 5px;
  }
}
/* line 327, ../_layout.scss */
.menu .base_menu_box .menu_nav .box .child_list {
  padding: 18px 0;
  border-bottom: 1px solid #cce1f0;
}
@media screen and (max-width: 896px) {
  /* line 327, ../_layout.scss */
  .menu .base_menu_box .menu_nav .box .child_list {
    padding: 15px 0;
  }
}
/* line 334, ../_layout.scss */
.menu .base_menu_box .menu_nav .box .child_list li:not(:first-child) {
  margin-top: 20px;
}
@media screen and (max-width: 896px) {
  /* line 334, ../_layout.scss */
  .menu .base_menu_box .menu_nav .box .child_list li:not(:first-child) {
    margin-top: 15px;
  }
}
/* line 340, ../_layout.scss */
.menu .base_menu_box .menu_nav .box .child_list li a {
  font-size: 1.2rem;
  font-weight: 500;
  position: relative;
  padding-left: 18px;
}
@media screen and (max-width: 896px) {
  /* line 340, ../_layout.scss */
  .menu .base_menu_box .menu_nav .box .child_list li a {
    padding-left: 15px;
  }
}
/* line 348, ../_layout.scss */
.menu .base_menu_box .menu_nav .box .child_list li a::before {
  content: "";
  width: 10px;
  height: 1px;
  background-color: #005b98;
  position: absolute;
  left: 0;
  top: 50%;
}
@media screen and (max-width: 896px) {
  /* line 348, ../_layout.scss */
  .menu .base_menu_box .menu_nav .box .child_list li a::before {
    width: 7px;
  }
}
/* line 364, ../_layout.scss */
.menu .base_menu_box .menu_nav .contact_link {
  padding: 20px;
  font-size: 1.5rem;
  color: #fff;
  font-weight: 500;
  background-color: #005b98;
  position: relative;
  margin-top: 20px;
}
@media screen and (max-width: 896px) {
  /* line 364, ../_layout.scss */
  .menu .base_menu_box .menu_nav .contact_link {
    width: 90%;
    margin: 30px auto 0;
  }
}
/* line 376, ../_layout.scss */
.menu .base_menu_box .menu_nav .contact_link::after {
  content: "";
  background: url(../../img/common/arrow-wht.svg) no-repeat center;
  background-size: 100%;
  width: 35px;
  height: 8px;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}
@media screen and (max-width: 896px) {
  /* line 376, ../_layout.scss */
  .menu .base_menu_box .menu_nav .contact_link::after {
    width: 25px;
    height: 5px;
  }
}
/* line 393, ../_layout.scss */
.menu .base_menu_box .menu_foot {
  margin-top: 60px;
}
@media screen and (max-width: 896px) {
  /* line 393, ../_layout.scss */
  .menu .base_menu_box .menu_foot {
    display: block;
    padding-top: 35px;
    border-top: 1px solid #e0e0e0;
    margin-top: 35px;
  }
}
/* line 401, ../_layout.scss */
.menu .base_menu_box .menu_foot .bnr {
  width: 190px;
  border: 1px solid #e0e0e0;
}
@media screen and (max-width: 896px) {
  /* line 401, ../_layout.scss */
  .menu .base_menu_box .menu_foot .bnr {
    width: 55%;
    margin: 3px auto 30px;
  }
}
@media screen and (max-width: 896px) {
  /* line 409, ../_layout.scss */
  .menu .base_menu_box .menu_foot .sns_list {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media screen and (max-width: 896px) {
  /* line 415, ../_layout.scss */
  .menu .base_menu_box .menu_foot .sns_list li:first-child {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
  }
}
/* line 421, ../_layout.scss */
.menu .base_menu_box .menu_foot .sns_list li:first-child a {
  color: #707483;
  margin-right: 50px;
  font-size: 1.2rem;
}
@media screen and (max-width: 896px) {
  /* line 421, ../_layout.scss */
  .menu .base_menu_box .menu_foot .sns_list li:first-child a {
    margin-right: 0;
  }
}
/* line 430, ../_layout.scss */
.menu .base_menu_box .menu_foot .sns_list li a {
  margin-right: 25px;
}
@media screen and (max-width: 896px) {
  /* line 430, ../_layout.scss */
  .menu .base_menu_box .menu_foot .sns_list li a {
    margin-right: 0;
  }
}
@media screen and (max-width: 896px) {
  /* line 437, ../_layout.scss */
  .menu .base_menu_box .menu_foot .sns_list li:nth-of-type(3) {
    margin: 0 25px;
  }
  /* line 440, ../_layout.scss */
  .menu .base_menu_box .menu_foot .sns_list li:not(:first-child) {
    width: 35px;
  }
  /* line 443, ../_layout.scss */
  .menu .base_menu_box .menu_foot .sns_list li:not(:first-child) a img {
    width: 100%;
  }
}

/* line 455, ../_layout.scss */
.under_fv {
  padding: 220px 10%;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media screen and (max-width: 896px) {
  /* line 455, ../_layout.scss */
  .under_fv {
    padding: 140px 5% 100px;
  }
}
/* line 463, ../_layout.scss */
.under_fv .bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  transform: scale(1.05);
  transition: 1.5s;
}
/* line 472, ../_layout.scss */
.under_fv .ttl_box {
  position: relative;
  z-index: 1;
}
/* line 475, ../_layout.scss */
.under_fv .ttl_box h2 {
  transition: 1s;
  color: #fff;
  font-size: 6rem;
  letter-spacing: 0.28em;
  opacity: 0;
}
@media screen and (max-width: 896px) {
  /* line 475, ../_layout.scss */
  .under_fv .ttl_box h2 {
    font-size: 2.6rem;
  }
}
/* line 486, ../_layout.scss */
.under_fv .bread {
  margin-top: 30px;
  opacity: 0;
  transition: 1s;
}
@media screen and (max-width: 896px) {
  /* line 486, ../_layout.scss */
  .under_fv .bread {
    margin-top: 20px;
  }
}
/* line 493, ../_layout.scss */
.under_fv .bread li {
  color: #fff;
  letter-spacing: 0.14em;
  font-size: 1.4rem;
}
@media screen and (max-width: 896px) {
  /* line 493, ../_layout.scss */
  .under_fv .bread li {
    font-size: 1.2rem;
  }
}
/* line 500, ../_layout.scss */
.under_fv .bread li:not(:last-child) {
  padding-right: 40px;
  position: relative;
}
@media screen and (max-width: 896px) {
  /* line 500, ../_layout.scss */
  .under_fv .bread li:not(:last-child) {
    padding-right: 30px;
  }
}
/* line 506, ../_layout.scss */
.under_fv .bread li:not(:last-child)::after {
  content: "";
  width: 25px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  right: 8px;
  top: 50%;
}
@media screen and (max-width: 896px) {
  /* line 506, ../_layout.scss */
  .under_fv .bread li:not(:last-child)::after {
    width: 15px;
  }
}
/* line 519, ../_layout.scss */
.under_fv .bread li a {
  color: #fff;
  letter-spacing: 0.14em;
  font-size: 1.4rem;
}
/* line 526, ../_layout.scss */
.under_fv .btm_txt {
  font-size: 9vw;
  color: #fff;
  left: 3%;
  bottom: 0;
  z-index: 1;
  transition: 1s;
  letter-spacing: 0.08em;
  opacity: 0;
}
@media screen and (max-width: 896px) {
  /* line 526, ../_layout.scss */
  .under_fv .btm_txt {
    font-size: 13vw;
  }
}

/* line 542, ../_layout.scss */
.base_tbl dl {
  padding: 30px;
  border-top: 1px solid #7c8690;
}
@media screen and (max-width: 896px) {
  /* line 542, ../_layout.scss */
  .base_tbl dl {
    padding: 20px;
  }
}
/* line 548, ../_layout.scss */
.base_tbl dl:last-of-type {
  border-bottom: 1px solid #7c8690;
}
/* line 551, ../_layout.scss */
.base_tbl dl.fls {
  align-items: flex-start;
}
/* line 554, ../_layout.scss */
.base_tbl dl dt {
  width: 150px;
  font-size: 1.4rem;
  color: #1e78b8;
  letter-spacing: 0.16em;
}
@media screen and (max-width: 896px) {
  /* line 554, ../_layout.scss */
  .base_tbl dl dt {
    width: 100px;
  }
}
/* line 563, ../_layout.scss */
.base_tbl dl dd {
  width: calc(100% - 150px);
  font-size: 1.3rem;
}
@media screen and (max-width: 896px) {
  /* line 563, ../_layout.scss */
  .base_tbl dl dd {
    width: calc(100% - 100px);
  }
}

/* line 573, ../_layout.scss */
.contact_area {
  padding: 120px 5%;
  position: relative;
  z-index: 1;
  background-color: #e1e9ec;
}
@media screen and (max-width: 896px) {
  /* line 573, ../_layout.scss */
  .contact_area {
    padding: 60px 5%;
  }
}
/* line 581, ../_layout.scss */
.contact_area .bg_txt {
  width: 90%;
  top: 120px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
}
/* line 589, ../_layout.scss */
.contact_area .text_area {
  text-align: center;
  position: relative;
}
/* line 592, ../_layout.scss */
.contact_area .text_area .ttl {
  text-align: center;
}
/* line 594, ../_layout.scss */
.contact_area .text_area .ttl h2 {
  font-size: 6rem;
  color: #005b98;
  letter-spacing: 0.02em;
  font-weight: 100;
}
@media screen and (max-width: 896px) {
  /* line 594, ../_layout.scss */
  .contact_area .text_area .ttl h2 {
    font-size: 3.4rem;
  }
}
/* line 603, ../_layout.scss */
.contact_area .text_area .ttl .ja {
  letter-spacing: 0.06em;
  font-size: 2.4rem;
}
@media screen and (max-width: 896px) {
  /* line 603, ../_layout.scss */
  .contact_area .text_area .ttl .ja {
    font-size: 1.6rem;
    margin-top: 8px;
    display: block;
  }
}
/* line 613, ../_layout.scss */
.contact_area .text_area .tel {
  display: inline-block;
  font-size: 2.2rem;
  letter-spacing: 0.06em;
  margin-top: 30px;
}
@media screen and (max-width: 896px) {
  /* line 613, ../_layout.scss */
  .contact_area .text_area .tel {
    font-size: 2rem;
  }
}
/* line 622, ../_layout.scss */
.contact_area .text_area .basebtn {
  width: 300px;
  display: inline-block;
  padding: 20px 15px 20px 30px;
  border: 2px solid #005b98;
  position: relative;
  z-index: 1;
  transition: 0.4s ease;
  overflow: hidden;
  display: block;
  margin: 30px auto 0;
  text-align: left;
}
@media screen and (max-width: 896px) {
  /* line 622, ../_layout.scss */
  .contact_area .text_area .basebtn {
    padding: 17px 15px 17px 25px;
    border: 1px solid #005b98;
  }
}
/* line 40, ../_module.scss */
.contact_area .text_area .basebtn span {
  font-weight: 500;
  display: block;
  font-size: 1.4rem;
  color: #005b98;
  transition: 0.4s ease;
  position: relative;
}
/* line 47, ../_module.scss */
.contact_area .text_area .basebtn span::after, .contact_area .text_area .basebtn span::before {
  content: "";
  height: 1px;
  background-color: #005b98;
  position: absolute;
  top: 50%;
  transition: 0.4s ease;
  right: -1px;
}
/* line 57, ../_module.scss */
.contact_area .text_area .basebtn span::after {
  width: 30px;
}
/* line 60, ../_module.scss */
.contact_area .text_area .basebtn span::before {
  width: 9px;
  transform: rotate(45deg);
  top: 4px;
}
/* line 66, ../_module.scss */
.contact_area .text_area .basebtn::before {
  content: "";
  background-color: #005b98;
  position: absolute;
  width: 10px;
  height: 110%;
  top: -5%;
  left: 0;
  z-index: -1;
  transition: 0.4s ease;
}
@media screen and (max-width: 896px) {
  /* line 66, ../_module.scss */
  .contact_area .text_area .basebtn::before {
    width: 7px;
  }
}
@media screen and (min-width: 897px) {
  /* line 82, ../_module.scss */
  .contact_area .text_area .basebtn:hover::before {
    width: 100%;
  }
  /* line 85, ../_module.scss */
  .contact_area .text_area .basebtn:hover span {
    color: #fff;
  }
  /* line 87, ../_module.scss */
  .contact_area .text_area .basebtn:hover span::before, .contact_area .text_area .basebtn:hover span::after {
    background-color: #fff;
  }
}

@media screen and (max-width: 896px) {
  /* line 637, ../_layout.scss */
  .footer {
    display: block;
  }
}
/* line 641, ../_layout.scss */
.footer .info_area {
  width: 25%;
  min-width: 300px;
  background-color: #00132b;
}
@media screen and (max-width: 896px) {
  /* line 641, ../_layout.scss */
  .footer .info_area {
    min-width: none;
    width: 100%;
    background: #020a14;
    padding: 40px 5%;
    border-bottom: 1px solid #253244;
  }
  /* line 651, ../_layout.scss */
  .footer .info_area .logo {
    width: 30%;
    margin: 0 auto 30px;
  }
}
/* line 656, ../_layout.scss */
.footer .info_area .basebtn {
  width: 80%;
  display: inline-block;
  padding: 20px 15px 20px 30px;
  border: 2px solid #005b98;
  position: relative;
  z-index: 1;
  transition: 0.4s ease;
  overflow: hidden;
  min-width: 250px;
  display: block;
  margin: 30px auto 0;
}
@media screen and (max-width: 896px) {
  /* line 656, ../_layout.scss */
  .footer .info_area .basebtn {
    padding: 17px 15px 17px 25px;
    border: 1px solid #005b98;
  }
}
/* line 40, ../_module.scss */
.footer .info_area .basebtn span {
  font-weight: 500;
  display: block;
  font-size: 1.6rem;
  color: #fff;
  transition: 0.4s ease;
  position: relative;
}
/* line 47, ../_module.scss */
.footer .info_area .basebtn span::after, .footer .info_area .basebtn span::before {
  content: "";
  height: 1px;
  background-color: #005b98;
  position: absolute;
  top: 50%;
  transition: 0.4s ease;
  right: -1px;
}
/* line 57, ../_module.scss */
.footer .info_area .basebtn span::after {
  width: 30px;
}
/* line 60, ../_module.scss */
.footer .info_area .basebtn span::before {
  width: 9px;
  transform: rotate(45deg);
  top: 4px;
}
/* line 66, ../_module.scss */
.footer .info_area .basebtn::before {
  content: "";
  background-color: #005b98;
  position: absolute;
  width: 10px;
  height: 110%;
  top: -5%;
  left: 0;
  z-index: -1;
  transition: 0.4s ease;
}
@media screen and (max-width: 896px) {
  /* line 66, ../_module.scss */
  .footer .info_area .basebtn::before {
    width: 7px;
  }
}
@media screen and (min-width: 897px) {
  /* line 82, ../_module.scss */
  .footer .info_area .basebtn:hover::before {
    width: 100%;
  }
  /* line 85, ../_module.scss */
  .footer .info_area .basebtn:hover span {
    color: #fff;
  }
  /* line 87, ../_module.scss */
  .footer .info_area .basebtn:hover span::before, .footer .info_area .basebtn:hover span::after {
    background-color: #fff;
  }
}
@media screen and (max-width: 896px) {
  /* line 656, ../_layout.scss */
  .footer .info_area .basebtn {
    display: none;
  }
}
/* line 671, ../_layout.scss */
.footer .info_area .address {
  color: #a3a7ab;
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: 0.08em;
  margin-top: 20px;
  width: 80%;
  min-width: 250px;
}
@media screen and (max-width: 896px) {
  /* line 671, ../_layout.scss */
  .footer .info_area .address {
    font-size: 1.2rem;
    margin-top: 15px;
    line-height: 1.6;
  }
}
/* line 686, ../_layout.scss */
.footer .nav_area {
  width: 75%;
  background-color: #020a14;
  padding: 40px 5%;
}
@media screen and (max-width: 896px) {
  /* line 686, ../_layout.scss */
  .footer .nav_area {
    width: 100%;
    padding: 20px 5% 120px;
  }
}
/* line 694, ../_layout.scss */
.footer .nav_area nav {
  margin-bottom: 75px;
  flex-wrap: wrap;
}
/* line 697, ../_layout.scss */
.footer .nav_area nav .nav_item {
  width: 19%;
  margin-top: 50px;
}
@media screen and (max-width: 896px) {
  /* line 697, ../_layout.scss */
  .footer .nav_area nav .nav_item {
    width: 48%;
    margin-top: 25px;
  }
}
/* line 704, ../_layout.scss */
.footer .nav_area nav .nav_item .parent_link {
  letter-spacing: 0.08em;
  font-size: 1.4rem;
  color: #fff;
  line-height: 1.5;
}
@media screen and (min-width: 897px) {
  /* line 710, ../_layout.scss */
  .footer .nav_area nav .nav_item .parent_link:hover {
    color: #006bb2;
  }
}
@media screen and (max-width: 896px) {
  /* line 704, ../_layout.scss */
  .footer .nav_area nav .nav_item .parent_link {
    padding-bottom: 8px;
    border-bottom: 1px solid #253244;
    display: block;
  }
}
@media screen and (max-width: 896px) {
  /* line 720, ../_layout.scss */
  .footer .nav_area nav .nav_item .chilc_list {
    padding-left: 1em;
  }
}
/* line 724, ../_layout.scss */
.footer .nav_area nav .nav_item .chilc_list li {
  margin-top: 20px;
}
@media screen and (max-width: 896px) {
  /* line 724, ../_layout.scss */
  .footer .nav_area nav .nav_item .chilc_list li {
    margin-top: 17px;
  }
}
/* line 729, ../_layout.scss */
.footer .nav_area nav .nav_item .chilc_list li a {
  color: #707483;
  font-size: 1.2rem;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 897px) {
  /* line 734, ../_layout.scss */
  .footer .nav_area nav .nav_item .chilc_list li a:hover {
    color: #006bb2;
  }
}
/* line 743, ../_layout.scss */
.footer .nav_area .bnr {
  width: 200px;
  margin-left: auto;
  margin-right: 0;
}
@media screen and (max-width: 896px) {
  /* line 743, ../_layout.scss */
  .footer .nav_area .bnr {
    width: 60%;
    margin: 30px auto 0;
  }
}
/* line 751, ../_layout.scss */
.footer .nav_area .bnr.flxbox {
  width: auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 45px;
}
@media screen and (max-width: 896px) {
  /* line 751, ../_layout.scss */
  .footer .nav_area .bnr.flxbox {
    flex-wrap: wrap;
    gap: 35px;
    width: 100%;
  }
}
/* line 762, ../_layout.scss */
.footer .nav_area .bnr.flxbox .ecbnr {
  width: 230px;
  display: block;
}
@media screen and (max-width: 896px) {
  /* line 762, ../_layout.scss */
  .footer .nav_area .bnr.flxbox .ecbnr {
    width: 65%;
    margin: 0 auto;
  }
  /* line 768, ../_layout.scss */
  .footer .nav_area .bnr.flxbox .ecbnr img {
    width: 100%;
  }
}
@media screen and (max-width: 896px) {
  /* line 773, ../_layout.scss */
  .footer .nav_area .bnr.flxbox .awards {
    width: 100%;
    margin: 0 auto;
  }
}
/* line 778, ../_layout.scss */
.footer .nav_area .bnr.flxbox .awards .img_box {
  width: 250px;
}
@media screen and (max-width: 896px) {
  /* line 778, ../_layout.scss */
  .footer .nav_area .bnr.flxbox .awards .img_box {
    width: 65%;
    margin: 0 auto;
  }
  /* line 783, ../_layout.scss */
  .footer .nav_area .bnr.flxbox .awards .img_box img {
    width: 100%;
  }
}
/* line 788, ../_layout.scss */
.footer .nav_area .bnr.flxbox .awards .awards_link {
  display: block;
  color: white;
  font-size: 14px;
  text-align: center;
  margin-top: 13px;
}
@media screen and (max-width: 896px) {
  /* line 788, ../_layout.scss */
  .footer .nav_area .bnr.flxbox .awards .awards_link {
    font-size: 12px;
    margin-top: 10px;
  }
}
/* line 799, ../_layout.scss */
.footer .nav_area .bnr.flxbox .awards .awards_link span:nth-of-type(1) {
  text-decoration: underline;
  display: inline-block;
  margin-right: 10px;
}
/* line 809, ../_layout.scss */
.footer .nav_area .sub_area {
  margin-top: 40px;
  padding-top: 30px;
  border-top: 1px solid #253244;
}
@media screen and (max-width: 896px) {
  /* line 809, ../_layout.scss */
  .footer .nav_area .sub_area {
    display: block;
  }
}
@media screen and (max-width: 896px) {
  /* line 816, ../_layout.scss */
  .footer .nav_area .sub_area .sns_list {
    justify-content: center;
    margin-bottom: 50px;
  }
}
/* line 821, ../_layout.scss */
.footer .nav_area .sub_area .sns_list li {
  width: 22px;
  margin-right: 15px;
}
@media screen and (max-width: 896px) {
  /* line 821, ../_layout.scss */
  .footer .nav_area .sub_area .sns_list li {
    margin-right: 0;
  }
}
/* line 827, ../_layout.scss */
.footer .nav_area .sub_area .sns_list li:nth-of-type(2) {
  margin-right: 10px;
}
@media screen and (max-width: 896px) {
  /* line 827, ../_layout.scss */
  .footer .nav_area .sub_area .sns_list li:nth-of-type(2) {
    margin: 0 20px;
  }
}
@media screen and (max-width: 896px) {
  /* line 821, ../_layout.scss */
  .footer .nav_area .sub_area .sns_list li {
    width: 30px;
  }
  /* line 836, ../_layout.scss */
  .footer .nav_area .sub_area .sns_list li a img {
    width: 100%;
  }
}
@media screen and (max-width: 896px) {
  /* line 843, ../_layout.scss */
  .footer .nav_area .sub_area .other {
    display: block;
  }
}
/* line 847, ../_layout.scss */
.footer .nav_area .sub_area .other .privacy {
  font-size: 1rem;
  color: #707483;
  margin-right: 15px;
}
@media screen and (max-width: 896px) {
  /* line 847, ../_layout.scss */
  .footer .nav_area .sub_area .other .privacy {
    margin-right: 0;
    font-size: 1.2rem;
  }
}
/* line 856, ../_layout.scss */
.footer .nav_area .sub_area .other .copyright {
  font-size: 1rem;
  color: #707483;
}
@media screen and (max-width: 896px) {
  /* line 856, ../_layout.scss */
  .footer .nav_area .sub_area .other .copyright {
    margin-top: 15px;
  }
}

/* line 14, ../_states.scss */
.hvrop {
  transition: 0.3s;
}
@media screen and (min-width: 897px) {
  /* line 17, ../_states.scss */
  .hvrop:hover {
    opacity: 0.7;
  }
}

/* line 22, ../_states.scss */
.underline {
  position: relative;
}
/* line 24, ../_states.scss */
.underline::after {
  content: "";
  background: #dadada;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: -4px;
  left: 0;
  transform: scale(0, 1);
  transition: transform 0.3s;
  transform-origin: right top;
}
@media screen and (min-width: 897px) {
  /* line 38, ../_states.scss */
  .underline:hover::after {
    transform-origin: left top;
    transform: scale(1, 1);
  }
}

/* line 46, ../_states.scss */
.hoverScale .thumb {
  overflow: hidden;
}
/* line 48, ../_states.scss */
.hoverScale .thumb .ttl {
  transition: 0.4s;
}
/* line 51, ../_states.scss */
.hoverScale .thumb .scaleImg {
  transition: transform 0.6s cubic-bezier(0.4, 0.1, 0.3, 1);
}
/* line 53, ../_states.scss */
.hoverScale .thumb .scaleImg img {
  backface-visibility: hidden;
}
/* line 57, ../_states.scss */
.hoverScale .thumb .hvrtxt {
  position: absolute;
  top: 50%;
  left: 50%;
  transition: 0.4s;
  transform: translate(-50%, -50%);
  opacity: 0;
  z-index: 1;
  backface-visibility: hidden;
}
/* line 66, ../_states.scss */
.hoverScale .thumb .hvrtxt .more_txt {
  font-size: 1.8rem;
  color: #fff;
}
/* line 69, ../_states.scss */
.hoverScale .thumb .hvrtxt .more_txt::after {
  transform-origin: left top;
  transform: scale(1, 1);
  transition-delay: 0.3s;
}
@media screen and (min-width: 897px) {
  /* line 80, ../_states.scss */
  .hoverScale:hover .thumb .hvrtxt {
    opacity: 1;
  }
  /* line 83, ../_states.scss */
  .hoverScale:hover .thumb .scaleImg {
    transform: scale(1.1);
  }
}

/* line 91, ../_states.scss */
.svg_anim svg {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  transition: 1s;
  width: 100%;
  height: auto;
}
/* line 99, ../_states.scss */
.svg_anim.on svg {
  stroke-dashoffset: 2000;
}

/* line 105, ../_states.scss */
.fade_y {
  transform: translateY(3%);
  opacity: 0;
  transition: 0.8s;
}
/* line 109, ../_states.scss */
.fade_y.on {
  opacity: 1;
  transform: translateY(0%);
}

/* line 115, ../_states.scss */
.scr_cvr {
  overflow: hidden;
  position: relative;
  display: inline-block;
  opacity: 0;
  transition: 0.5s;
  margin-bottom: 10px;
  padding: 8px 14px;
}
/* line 123, ../_states.scss */
.scr_cvr::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  z-index: 1;
  transition: all 0.6s cubic-bezier(0.5, 0, 0.3, 1);
  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}
/* line 134, ../_states.scss */
.scr_cvr.on {
  opacity: 1;
}
/* line 136, ../_states.scss */
.scr_cvr.on::before {
  right: -100%;
  transition-delay: 0.3s;
}

/* line 4, _top.scss */
.top {
  background-color: #061322;
}
/* line 8, _top.scss */
.top .sec_text_area .ttl_box h2 {
  color: #006bb2;
  font-size: 10rem;
  letter-spacing: 0em;
}
@media screen and (max-width: 896px) {
  /* line 8, _top.scss */
  .top .sec_text_area .ttl_box h2 {
    font-size: 4.4rem;
  }
}
/* line 18, _top.scss */
.top .sec_text_area .box h3 {
  color: #fff;
  font-size: 3.4rem;
  letter-spacing: 0.22em;
  line-height: 1.6;
  margin-top: 30px;
}
@media screen and (max-width: 896px) {
  /* line 18, _top.scss */
  .top .sec_text_area .box h3 {
    font-size: 2.2rem;
    margin-top: 20px;
  }
}
/* line 29, _top.scss */
.top .sec_text_area .box .lead {
  margin-top: 20px;
  color: #7c8690;
}
/* line 33, _top.scss */
.top .sec_text_area .box .basebtn {
  width: 200px;
  display: inline-block;
  padding: 20px 15px 20px 30px;
  border: 2px solid #005b98;
  position: relative;
  z-index: 1;
  transition: 0.4s ease;
  overflow: hidden;
  display: inline-block;
  letter-spacing: 0.08em;
  margin-top: 45px;
}
@media screen and (max-width: 896px) {
  /* line 33, _top.scss */
  .top .sec_text_area .box .basebtn {
    padding: 17px 15px 17px 25px;
    border: 1px solid #005b98;
  }
}
/* line 40, ../_module.scss */
.top .sec_text_area .box .basebtn span {
  font-weight: 500;
  display: block;
  font-size: 1.4rem;
  color: #fff;
  transition: 0.4s ease;
  position: relative;
}
/* line 47, ../_module.scss */
.top .sec_text_area .box .basebtn span::after, .top .sec_text_area .box .basebtn span::before {
  content: "";
  height: 1px;
  background-color: #005b98;
  position: absolute;
  top: 50%;
  transition: 0.4s ease;
  right: -1px;
}
/* line 57, ../_module.scss */
.top .sec_text_area .box .basebtn span::after {
  width: 30px;
}
/* line 60, ../_module.scss */
.top .sec_text_area .box .basebtn span::before {
  width: 9px;
  transform: rotate(45deg);
  top: 4px;
}
/* line 66, ../_module.scss */
.top .sec_text_area .box .basebtn::before {
  content: "";
  background-color: #005b98;
  position: absolute;
  width: 10px;
  height: 110%;
  top: -5%;
  left: 0;
  z-index: -1;
  transition: 0.4s ease;
}
@media screen and (max-width: 896px) {
  /* line 66, ../_module.scss */
  .top .sec_text_area .box .basebtn::before {
    width: 7px;
  }
}
@media screen and (min-width: 897px) {
  /* line 82, ../_module.scss */
  .top .sec_text_area .box .basebtn:hover::before {
    width: 100%;
  }
  /* line 85, ../_module.scss */
  .top .sec_text_area .box .basebtn:hover span {
    color: #fff;
  }
  /* line 87, ../_module.scss */
  .top .sec_text_area .box .basebtn:hover span::before, .top .sec_text_area .box .basebtn:hover span::after {
    background-color: #fff;
  }
}
/* line 44, _top.scss */
.top .sec_text_area .box .basebtn.w300 {
  width: 300px;
}
@media screen and (max-width: 896px) {
  /* line 44, _top.scss */
  .top .sec_text_area .box .basebtn.w300 {
    width: 250px;
  }
}
/* line 53, _top.scss */
.top .firstview {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
/* line 58, _top.scss */
.top .firstview .top_catch {
  width: 35%;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 1;
}
/* line 66, _top.scss */
.top .firstview .top_catch img {
  width: 100%;
}
@media screen and (max-width: 896px) {
  /* line 58, _top.scss */
  .top .firstview .top_catch {
    width: 75%;
    top: 43%;
  }
}
/* line 75, _top.scss */
.top .firstview .mv_slide .slide_item {
  height: 100vh;
}
/* line 77, _top.scss */
.top .firstview .mv_slide .slide_item.p01 {
  background: url(../../img/top/top-slide01.jpg) no-repeat center;
  background-size: cover;
}
/* line 81, _top.scss */
.top .firstview .mv_slide .slide_item.p02 {
  background: url(../../img/top/top-slide02.jpg) no-repeat center;
  background-size: cover;
}
/* line 85, _top.scss */
.top .firstview .mv_slide .slide_item.p03 {
  background: url(../../img/top/top-slide03.jpg) no-repeat center;
  background-size: cover;
}
/* line 89, _top.scss */
.top .firstview .mv_slide .slide_item img {
  width: 100%;
}
/* line 93, _top.scss */
.top .firstview .mv_slide .add_animation {
  animation: fadezoom 10s 0s forwards;
}
/* line 96, _top.scss */
.top .firstview .mv_slide .slider-dots {
  height: 42%;
  margin: 0;
  padding: 0;
  text-align: center;
  list-style: none;
  position: absolute;
  top: 50%;
  right: 3%;
  transform: translateY(-50%);
}
/* line 107, _top.scss */
.top .firstview .mv_slide .slider-dots li {
  width: 1px;
  height: calc(100% / 3);
  margin-bottom: 40px;
  position: relative;
}
/* line 112, _top.scss */
.top .firstview .mv_slide .slider-dots li::before {
  transition: 0.3s;
  font-size: 1.3rem;
  color: #fff;
  position: absolute;
  top: -19%;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
}
/* line 123, _top.scss */
.top .firstview .mv_slide .slider-dots li:nth-of-type(1)::before {
  content: "01";
}
/* line 128, _top.scss */
.top .firstview .mv_slide .slider-dots li:nth-of-type(2)::before {
  content: "02";
}
/* line 133, _top.scss */
.top .firstview .mv_slide .slider-dots li:nth-of-type(3)::before {
  content: "03";
}
/* line 139, _top.scss */
.top .firstview .mv_slide .slider-dots button {
  position: relative;
  width: 1px;
  height: 100%;
  border: 0;
  background-color: #fff;
  font-size: 0;
}
/* line 147, _top.scss */
.top .firstview .mv_slide .slider-dots button:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 0%;
}
/* line 159, _top.scss */
.top .firstview .mv_slide .slider-dots .slick-active button:after {
  background-color: #005b98;
  animation: progress 5.5s linear forwards;
}
/* line 166, _top.scss */
.top .firstview .scr_btn {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  height: 65px;
  font-size: 1.2rem;
  letter-spacing: 0.12em;
  z-index: 1;
  transition: 0.4s;
}
/* line 176, _top.scss */
.top .firstview .scr_btn .bar {
  overflow: hidden;
  bottom: 0;
  left: 50%;
  margin-left: -1px;
  width: 2px;
  height: 42px;
}
/* line 183, _top.scss */
.top .firstview .scr_btn .bar::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  background-color: #00b4ff;
  animation: scrollgage 2s infinite;
}
/* line 195, _top.scss */
.top .ikigai_area {
  padding: 120px 20%;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 896px) {
  /* line 195, _top.scss */
  .top .ikigai_area {
    padding: 60px 5%;
  }
}
/* line 202, _top.scss */
.top .ikigai_area .bg_txt {
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
}
@media screen and (max-width: 896px) {
  /* line 202, _top.scss */
  .top .ikigai_area .bg_txt {
    display: none;
  }
}
/* line 212, _top.scss */
.top .ikigai_area .text_area .ttl_box {
  margin-bottom: 80px;
}
@media screen and (max-width: 896px) {
  /* line 212, _top.scss */
  .top .ikigai_area .text_area .ttl_box {
    margin-bottom: 35px;
  }
}
/* line 217, _top.scss */
.top .ikigai_area .text_area .ttl_box .sub {
  font-size: 2rem;
  color: #006bb2;
  padding-left: 50px;
  position: relative;
  letter-spacing: 0.06em;
}
/* line 102, ../_module.scss */
.top .ikigai_area .text_area .ttl_box .sub:before {
  content: "";
  width: 35px;
  background-color: #006bb2;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 0;
}
@media screen and (max-width: 896px) {
  /* line 217, _top.scss */
  .top .ikigai_area .text_area .ttl_box .sub {
    font-size: 1.4rem;
    color: #006bb2;
    padding-left: 40px;
    position: relative;
    letter-spacing: 0.06em;
  }
  /* line 102, ../_module.scss */
  .top .ikigai_area .text_area .ttl_box .sub:before {
    content: "";
    width: 30px;
    background-color: #006bb2;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 0;
  }
}
/* line 233, _top.scss */
.top .ikigai_area .text_area .ttl_box h2 {
  color: #fff;
  font-size: 6rem;
  letter-spacing: 0.14em;
  line-height: 1.3;
  margin-top: 40px;
}
@media screen and (max-width: 896px) {
  /* line 233, _top.scss */
  .top .ikigai_area .text_area .ttl_box h2 {
    font-size: 2.8rem;
    margin-top: 20px;
  }
}
/* line 245, _top.scss */
.top .ikigai_area .text_area .lead {
  color: #fff;
  font-size: 1.8rem;
  line-height: 1.8;
}
@media screen and (max-width: 896px) {
  /* line 245, _top.scss */
  .top .ikigai_area .text_area .lead {
    font-size: 1.4rem;
  }
}
/* line 253, _top.scss */
.top .ikigai_area .text_area .basebtn {
  width: 200px;
  display: inline-block;
  padding: 20px 15px 20px 30px;
  border: 2px solid #005b98;
  position: relative;
  z-index: 1;
  transition: 0.4s ease;
  overflow: hidden;
  display: inline-block;
  letter-spacing: 0.08em;
  margin-top: 55px;
}
@media screen and (max-width: 896px) {
  /* line 253, _top.scss */
  .top .ikigai_area .text_area .basebtn {
    padding: 17px 15px 17px 25px;
    border: 1px solid #005b98;
  }
}
/* line 40, ../_module.scss */
.top .ikigai_area .text_area .basebtn span {
  font-weight: 500;
  display: block;
  font-size: 1.4rem;
  color: #fff;
  transition: 0.4s ease;
  position: relative;
}
/* line 47, ../_module.scss */
.top .ikigai_area .text_area .basebtn span::after, .top .ikigai_area .text_area .basebtn span::before {
  content: "";
  height: 1px;
  background-color: #005b98;
  position: absolute;
  top: 50%;
  transition: 0.4s ease;
  right: -1px;
}
/* line 57, ../_module.scss */
.top .ikigai_area .text_area .basebtn span::after {
  width: 30px;
}
/* line 60, ../_module.scss */
.top .ikigai_area .text_area .basebtn span::before {
  width: 9px;
  transform: rotate(45deg);
  top: 4px;
}
/* line 66, ../_module.scss */
.top .ikigai_area .text_area .basebtn::before {
  content: "";
  background-color: #005b98;
  position: absolute;
  width: 10px;
  height: 110%;
  top: -5%;
  left: 0;
  z-index: -1;
  transition: 0.4s ease;
}
@media screen and (max-width: 896px) {
  /* line 66, ../_module.scss */
  .top .ikigai_area .text_area .basebtn::before {
    width: 7px;
  }
}
@media screen and (min-width: 897px) {
  /* line 82, ../_module.scss */
  .top .ikigai_area .text_area .basebtn:hover::before {
    width: 100%;
  }
  /* line 85, ../_module.scss */
  .top .ikigai_area .text_area .basebtn:hover span {
    color: #fff;
  }
  /* line 87, ../_module.scss */
  .top .ikigai_area .text_area .basebtn:hover span::before, .top .ikigai_area .text_area .basebtn:hover span::after {
    background-color: #fff;
  }
}
@media screen and (max-width: 896px) {
  /* line 253, _top.scss */
  .top .ikigai_area .text_area .basebtn {
    margin-top: 40px;
  }
}
/* line 268, _top.scss */
.top .ikigai_area .text_area .scr_txt {
  margin: 45px 0;
}
@media screen and (max-width: 896px) {
  /* line 268, _top.scss */
  .top .ikigai_area .text_area .scr_txt {
    margin: 30px 0;
  }
}
/* line 273, _top.scss */
.top .ikigai_area .text_area .scr_txt .scr_cvr {
  color: #fff;
  font-size: 3.6rem;
  letter-spacing: 0.06em;
  background-color: #005b98;
}
@media screen and (max-width: 896px) {
  /* line 273, _top.scss */
  .top .ikigai_area .text_area .scr_txt .scr_cvr {
    font-size: 2.2rem;
  }
}
/* line 281, _top.scss */
.top .ikigai_area .text_area .scr_txt .scr_cvr::before {
  background-color: #061322;
}
@media screen and (max-width: 896px) {
  /* line 288, _top.scss */
  .top .about,
  .top .strong {
    display: block;
  }
}
/* line 293, _top.scss */
.top .about .img_box,
.top .strong .img_box {
  width: 60%;
  margin: 0;
  padding: 0;
}
/* line 297, _top.scss */
.top .about .img_box::before,
.top .strong .img_box::before {
  background-color: #061322;
}
@media screen and (max-width: 896px) {
  /* line 293, _top.scss */
  .top .about .img_box,
  .top .strong .img_box {
    width: 100%;
  }
}
/* line 304, _top.scss */
.top .about .sec_text_area,
.top .strong .sec_text_area {
  width: 40%;
  padding: 0 3%;
}
@media screen and (max-width: 896px) {
  /* line 304, _top.scss */
  .top .about .sec_text_area,
  .top .strong .sec_text_area {
    width: 100%;
    padding: 40px 5%;
  }
}
/* line 312, _top.scss */
.top .about .sec_text_area .ttl_box .sub,
.top .strong .sec_text_area .ttl_box .sub {
  font-size: 2rem;
  color: #006bb2;
  padding-left: 50px;
  position: relative;
  letter-spacing: 0.06em;
}
/* line 102, ../_module.scss */
.top .about .sec_text_area .ttl_box .sub:before,
.top .strong .sec_text_area .ttl_box .sub:before {
  content: "";
  width: 35px;
  background-color: #006bb2;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 0;
}
@media screen and (max-width: 896px) {
  /* line 312, _top.scss */
  .top .about .sec_text_area .ttl_box .sub,
  .top .strong .sec_text_area .ttl_box .sub {
    font-size: 1.4rem;
    color: #006bb2;
    padding-left: 40px;
    position: relative;
    letter-spacing: 0.06em;
  }
  /* line 102, ../_module.scss */
  .top .about .sec_text_area .ttl_box .sub:before,
  .top .strong .sec_text_area .ttl_box .sub:before {
    content: "";
    width: 30px;
    background-color: #006bb2;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 0;
  }
}
/* line 328, _top.scss */
.top .about .sec_text_area .ttl_box h2,
.top .strong .sec_text_area .ttl_box h2 {
  margin-top: 30px;
}
@media screen and (min-width: 897px) {
  /* line 332, _top.scss */
  .top .about .sec_text_area .box,
  .top .strong .sec_text_area .box {
    padding-left: 10%;
  }
}
/* line 340, _top.scss */
.top .about .sec_text_area {
  position: relative;
  z-index: 1;
}
/* line 343, _top.scss */
.top .about .sec_text_area .bg_txt {
  top: -55%;
  right: 5%;
  width: 63%;
  z-index: -1;
}
@media screen and (max-width: 896px) {
  /* line 343, _top.scss */
  .top .about .sec_text_area .bg_txt {
    top: 5%;
    right: 5%;
    width: 42%;
  }
}
/* line 356, _top.scss */
.top .strong {
  padding: 120px 0 240px;
}
@media screen and (max-width: 896px) {
  /* line 356, _top.scss */
  .top .strong {
    padding: 30px 0;
  }
}
/* line 361, _top.scss */
.top .strong .sec_text_area {
  position: relative;
  z-index: 1;
}
/* line 364, _top.scss */
.top .strong .sec_text_area .bg_txt {
  bottom: -44%;
  left: 8%;
  width: 59%;
  z-index: -1;
}
/* line 370, _top.scss */
.top .strong .sec_text_area .box {
  padding-left: 20%;
}
@media screen and (max-width: 896px) {
  /* line 370, _top.scss */
  .top .strong .sec_text_area .box {
    padding-left: 0;
  }
}
/* line 378, _top.scss */
.top .business {
  padding: 150px 0 100px;
}
@media screen and (max-width: 896px) {
  /* line 378, _top.scss */
  .top .business {
    padding: 80px 5% 60px;
  }
}
/* line 383, _top.scss */
.top .business .sec_text_area {
  text-align: center;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 896px) {
  /* line 383, _top.scss */
  .top .business .sec_text_area {
    text-align: left;
  }
}
/* line 390, _top.scss */
.top .business .sec_text_area .bg_txt {
  bottom: 11%;
  left: 5%;
  width: 25%;
  z-index: -1;
}
@media screen and (max-width: 896px) {
  /* line 390, _top.scss */
  .top .business .sec_text_area .bg_txt {
    left: auto;
    bottom: 50%;
    right: -5%;
    width: 50%;
  }
}
@media screen and (min-width: 897px) {
  /* line 403, _top.scss */
  .top .business .sec_text_area .ttl_box .sub {
    font-size: 2rem;
    color: #006bb2;
    padding-top: 50px;
    position: relative;
    letter-spacing: 0.06em;
  }
  /* line 118, ../_module.scss */
  .top .business .sec_text_area .ttl_box .sub:before {
    content: "";
    height: 35px;
    background-color: #006bb2;
    width: 1px;
    position: absolute;
    left: 50%;
    top: 0;
  }
}
@media screen and (max-width: 896px) {
  /* line 403, _top.scss */
  .top .business .sec_text_area .ttl_box .sub {
    font-size: 1.4rem;
    color: #006bb2;
    padding-left: 40px;
    position: relative;
    letter-spacing: 0.06em;
  }
  /* line 102, ../_module.scss */
  .top .business .sec_text_area .ttl_box .sub:before {
    content: "";
    width: 30px;
    background-color: #006bb2;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 0;
  }
}
/* line 421, _top.scss */
.top .business .sec_text_area .ttl_box h2 {
  margin-top: 30px;
}
/* line 425, _top.scss */
.top .business .sec_text_area .lead {
  text-align: center;
}
@media screen and (max-width: 896px) {
  /* line 425, _top.scss */
  .top .business .sec_text_area .lead {
    text-align: left;
  }
}
/* line 432, _top.scss */
.top .business .link_box {
  margin-top: 60px;
}
@media screen and (max-width: 896px) {
  /* line 432, _top.scss */
  .top .business .link_box {
    margin-top: 45px;
    display: block;
  }
}
/* line 438, _top.scss */
.top .business .link_box a {
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 896px) {
  /* line 438, _top.scss */
  .top .business .link_box a {
    width: 100%;
    display: block;
  }
}
@media screen and (min-width: 897px) {
  /* line 448, _top.scss */
  .top .business .link_box a:hover .thumb .ttl {
    opacity: 0;
  }
  /* line 451, _top.scss */
  .top .business .link_box a:hover .thumb .scaleImg {
    opacity: 0.6;
  }
}
/* line 457, _top.scss */
.top .business .link_box a:nth-of-type(2) {
  position: relative;
  top: 80px;
}
@media screen and (max-width: 896px) {
  /* line 457, _top.scss */
  .top .business .link_box a:nth-of-type(2) {
    top: auto;
    margin-top: 30px;
    display: block;
  }
}
/* line 467, _top.scss */
.top .business .link_box a:nth-of-type(2) .thumb .scr_txt .scr_cvr {
  background-color: #d25009;
}
/* line 469, _top.scss */
.top .business .link_box a:nth-of-type(2) .thumb .scr_txt .scr_cvr::before {
  background-color: #d25009;
}
/* line 477, _top.scss */
.top .business .link_box a .thumb .ttl {
  right: 20px;
  top: 30px;
  width: 150px;
  z-index: 1;
}
@media screen and (max-width: 896px) {
  /* line 477, _top.scss */
  .top .business .link_box a .thumb .ttl {
    right: 15px;
    top: 10px;
    width: 65px;
  }
}
/* line 488, _top.scss */
.top .business .link_box a .thumb .scr_txt {
  z-index: 1;
  left: 30px;
  bottom: 20px;
}
@media screen and (max-width: 896px) {
  /* line 488, _top.scss */
  .top .business .link_box a .thumb .scr_txt {
    left: 15px;
    bottom: 20px;
  }
}
/* line 496, _top.scss */
.top .business .link_box a .thumb .scr_txt .scr_cvr {
  color: #fff;
  font-size: 2.6rem;
  letter-spacing: 0.04em;
  background-color: #005b98;
  margin-bottom: 5px;
  padding: 10px 13px;
}
/* line 503, _top.scss */
.top .business .link_box a .thumb .scr_txt .scr_cvr::before {
  background-color: #005b98;
}
@media screen and (max-width: 896px) {
  /* line 496, _top.scss */
  .top .business .link_box a .thumb .scr_txt .scr_cvr {
    font-size: 1.8rem;
    padding: 7px 10px;
  }
}
/* line 512, _top.scss */
.top .business .link_box a .thumb .arrow {
  z-index: 1;
  right: 30px;
  bottom: 30px;
  background-color: #fff;
  height: 2px;
  width: 90px;
}
@media screen and (max-width: 896px) {
  /* line 512, _top.scss */
  .top .business .link_box a .thumb .arrow {
    width: 45px;
    right: 15px;
    bottom: 20px;
  }
}
/* line 524, _top.scss */
.top .business .link_box a .thumb .arrow::after {
  content: "";
  width: 15px;
  position: absolute;
  height: 2px;
  background-color: #fff;
  transform: rotate(45deg);
  right: -1px;
  bottom: 6px;
}
/* line 535, _top.scss */
.top .business .link_box a .thumb .scaleImg {
  transition: 0.6s;
}
/* line 542, _top.scss */
.top .flow {
  height: 85vh;
  background: url(../../img/top/flow-bg.jpg) no-repeat center;
  background-size: cover;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 896px) {
  /* line 542, _top.scss */
  .top .flow {
    height: auto;
    padding: 80px 5%;
  }
}
/* line 552, _top.scss */
.top .flow::before {
  transition: 0.4s;
  content: "";
  z-index: -1;
  width: 100%;
  height: 100%;
  background: url(../../img/top/flow-kv.png) no-repeat top;
  background-size: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
@media screen and (max-width: 896px) {
  /* line 552, _top.scss */
  .top .flow::before {
    background: url(../../img/top/sp-flow-kv.png) no-repeat center top;
    background-size: contain;
    width: 100%;
    height: 100%;
    opacity: 0.8;
  }
}
/* line 573, _top.scss */
.top .flow.on::before {
  transition-delay: 0.3s;
  opacity: 1;
}
/* line 578, _top.scss */
.top .flow .sec_text_area {
  text-align: center;
}
/* line 580, _top.scss */
.top .flow .sec_text_area .catch {
  margin-bottom: 60px;
}
@media screen and (max-width: 896px) {
  /* line 580, _top.scss */
  .top .flow .sec_text_area .catch {
    margin: 0 auto 25px;
    width: 70%;
  }
}
/* line 588, _top.scss */
.top .flow .sec_text_area .box h3 {
  letter-spacing: 0.04em;
}
@media screen and (max-width: 896px) {
  /* line 592, _top.scss */
  .top .flow .sec_text_area .box h3 {
    font-size: 2rem;
  }
}
/* line 596, _top.scss */
.top .flow .sec_text_area .box .lead {
  text-align: center;
  margin-top: 20px;
}
@media screen and (max-width: 896px) {
  /* line 596, _top.scss */
  .top .flow .sec_text_area .box .lead {
    margin-top: 15px;
  }
}
/* line 603, _top.scss */
.top .flow .sec_text_area .box .basebtn {
  width: 200px;
  display: inline-block;
  padding: 20px 15px 20px 30px;
  border: 2px solid #fff;
  position: relative;
  z-index: 1;
  transition: 0.4s ease;
  overflow: hidden;
  margin-top: 30px;
}
@media screen and (max-width: 896px) {
  /* line 603, _top.scss */
  .top .flow .sec_text_area .box .basebtn {
    padding: 17px 15px 17px 25px;
    border: 1px solid #fff;
  }
}
/* line 40, ../_module.scss */
.top .flow .sec_text_area .box .basebtn span {
  font-weight: 500;
  display: block;
  font-size: 1.4rem;
  color: #fff;
  transition: 0.4s ease;
  position: relative;
}
/* line 47, ../_module.scss */
.top .flow .sec_text_area .box .basebtn span::after, .top .flow .sec_text_area .box .basebtn span::before {
  content: "";
  height: 1px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  transition: 0.4s ease;
  right: -1px;
}
/* line 57, ../_module.scss */
.top .flow .sec_text_area .box .basebtn span::after {
  width: 30px;
}
/* line 60, ../_module.scss */
.top .flow .sec_text_area .box .basebtn span::before {
  width: 9px;
  transform: rotate(45deg);
  top: 4px;
}
/* line 66, ../_module.scss */
.top .flow .sec_text_area .box .basebtn::before {
  content: "";
  background-color: #fff;
  position: absolute;
  width: 10px;
  height: 110%;
  top: -5%;
  left: 0;
  z-index: -1;
  transition: 0.4s ease;
}
@media screen and (max-width: 896px) {
  /* line 66, ../_module.scss */
  .top .flow .sec_text_area .box .basebtn::before {
    width: 7px;
  }
}
@media screen and (min-width: 897px) {
  /* line 82, ../_module.scss */
  .top .flow .sec_text_area .box .basebtn:hover::before {
    width: 100%;
  }
  /* line 85, ../_module.scss */
  .top .flow .sec_text_area .box .basebtn:hover span {
    color: #005b98;
  }
  /* line 87, ../_module.scss */
  .top .flow .sec_text_area .box .basebtn:hover span::before, .top .flow .sec_text_area .box .basebtn:hover span::after {
    background-color: #005b98;
  }
}
@media screen and (max-width: 896px) {
  /* line 603, _top.scss */
  .top .flow .sec_text_area .box .basebtn {
    width: 240px;
    display: inline-block;
    padding: 20px 15px 20px 30px;
    border: 2px solid #fff;
    position: relative;
    z-index: 1;
    transition: 0.4s ease;
    overflow: hidden;
  }
}
@media screen and (max-width: 896px) and (max-width: 896px) {
  /* line 603, _top.scss */
  .top .flow .sec_text_area .box .basebtn {
    padding: 17px 15px 17px 25px;
    border: 1px solid #fff;
  }
}
@media screen and (max-width: 896px) {
  /* line 40, ../_module.scss */
  .top .flow .sec_text_area .box .basebtn span {
    font-weight: 500;
    display: block;
    font-size: 1.4rem;
    color: #fff;
    transition: 0.4s ease;
    position: relative;
  }
  /* line 47, ../_module.scss */
  .top .flow .sec_text_area .box .basebtn span::after, .top .flow .sec_text_area .box .basebtn span::before {
    content: "";
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    transition: 0.4s ease;
    right: -1px;
  }
  /* line 57, ../_module.scss */
  .top .flow .sec_text_area .box .basebtn span::after {
    width: 30px;
  }
  /* line 60, ../_module.scss */
  .top .flow .sec_text_area .box .basebtn span::before {
    width: 9px;
    transform: rotate(45deg);
    top: 4px;
  }
  /* line 66, ../_module.scss */
  .top .flow .sec_text_area .box .basebtn::before {
    content: "";
    background-color: #fff;
    position: absolute;
    width: 10px;
    height: 110%;
    top: -5%;
    left: 0;
    z-index: -1;
    transition: 0.4s ease;
  }
}
@media screen and (max-width: 896px) and (max-width: 896px) {
  /* line 66, ../_module.scss */
  .top .flow .sec_text_area .box .basebtn::before {
    width: 7px;
  }
}
@media screen and (max-width: 896px) and (min-width: 897px) {
  /* line 82, ../_module.scss */
  .top .flow .sec_text_area .box .basebtn:hover::before {
    width: 100%;
  }
  /* line 85, ../_module.scss */
  .top .flow .sec_text_area .box .basebtn:hover span {
    color: #005b98;
  }
  /* line 87, ../_module.scss */
  .top .flow .sec_text_area .box .basebtn:hover span::before, .top .flow .sec_text_area .box .basebtn:hover span::after {
    background-color: #005b98;
  }
}

/* line 621, _top.scss */
.top .flow .sec_text_area .box .basebtn span {
  text-align: left;
}
/* line 628, _top.scss */
.top .voice {
  background-color: #fff;
  padding: 150px 5%;
}
@media screen and (max-width: 896px) {
  /* line 628, _top.scss */
  .top .voice {
    padding: 80px 5%;
  }
}
/* line 634, _top.scss */
.top .voice .sec_text_area {
  text-align: center;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 896px) {
  /* line 634, _top.scss */
  .top .voice .sec_text_area {
    text-align: left;
  }
}
/* line 641, _top.scss */
.top .voice .sec_text_area .bg_txt {
  bottom: -1%;
  left: 1%;
  width: 27%;
  z-index: -1;
}
@media screen and (min-width: 897px) {
  /* line 648, _top.scss */
  .top .voice .sec_text_area .ttl_box .sub {
    font-size: 2rem;
    color: #006bb2;
    padding-top: 50px;
    position: relative;
    letter-spacing: 0.06em;
  }
  /* line 118, ../_module.scss */
  .top .voice .sec_text_area .ttl_box .sub:before {
    content: "";
    height: 35px;
    background-color: #006bb2;
    width: 1px;
    position: absolute;
    left: 50%;
    top: 0;
  }
}
@media screen and (max-width: 896px) {
  /* line 648, _top.scss */
  .top .voice .sec_text_area .ttl_box .sub {
    font-size: 1.4rem;
    color: #006bb2;
    padding-left: 40px;
    position: relative;
    letter-spacing: 0.06em;
  }
  /* line 102, ../_module.scss */
  .top .voice .sec_text_area .ttl_box .sub:before {
    content: "";
    width: 30px;
    background-color: #006bb2;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 0;
  }
}
/* line 666, _top.scss */
.top .voice .sec_text_area .ttl_box h2 {
  margin-top: 30px;
}
/* line 671, _top.scss */
.top .voice .sec_text_area .box h3 {
  text-align: center;
  color: #000;
}
@media screen and (max-width: 896px) {
  /* line 671, _top.scss */
  .top .voice .sec_text_area .box h3 {
    text-align: left;
  }
}
/* line 678, _top.scss */
.top .voice .sec_text_area .box .lead {
  text-align: center;
}
@media screen and (max-width: 896px) {
  /* line 678, _top.scss */
  .top .voice .sec_text_area .box .lead {
    text-align: left;
  }
}
/* line 686, _top.scss */
.top .voice .link_box {
  margin-top: 80px;
}
@media screen and (max-width: 896px) {
  /* line 686, _top.scss */
  .top .voice .link_box {
    margin-top: 20px;
    display: block;
  }
}
/* line 692, _top.scss */
.top .voice .link_box a {
  width: 31%;
  overflow: hidden;
  border-radius: 20px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 896px) {
  /* line 692, _top.scss */
  .top .voice .link_box a {
    width: 100%;
    height: 300px;
    overflow: hidden;
    display: block;
    margin-top: 20px;
  }
}
/* line 705, _top.scss */
.top .voice .link_box a::before {
  z-index: 1;
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #0f2037 76%, #0f2037 100%);
  width: 100%;
  height: 60%;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media screen and (max-width: 896px) {
  /* line 705, _top.scss */
  .top .voice .link_box a::before {
    height: 50%;
  }
}
/* line 724, _top.scss */
.top .voice .link_box a .thumb .ttl_box {
  z-index: 1;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 30px 6% 50px;
}
@media screen and (max-width: 896px) {
  /* line 724, _top.scss */
  .top .voice .link_box a .thumb .ttl_box {
    padding: 0 5% 20px;
  }
}
/* line 733, _top.scss */
.top .voice .link_box a .thumb .ttl_box .sub {
  color: #fff;
  font-size: 1.4rem;
  border: 1px #fff solid;
  padding: 2px 8px;
}
@media screen and (max-width: 896px) {
  /* line 733, _top.scss */
  .top .voice .link_box a .thumb .ttl_box .sub {
    font-size: 1.2rem;
  }
}
/* line 742, _top.scss */
.top .voice .link_box a .thumb .ttl_box h2 {
  color: #fff;
  font-size: 2.2rem;
  letter-spacing: 0.12em;
  margin-top: 17px;
  line-height: 1.6;
}
@media screen and (max-width: 896px) {
  /* line 742, _top.scss */
  .top .voice .link_box a .thumb .ttl_box h2 {
    font-size: 1.8rem;
    margin-top: 14px;
  }
}
/* line 754, _top.scss */
.top .voice .link_box a .thumb .arrow {
  width: 30px;
  height: 14px;
  right: 5%;
  bottom: 50px;
  z-index: 1;
}
/* line 760, _top.scss */
.top .voice .link_box a .thumb .arrow::after, .top .voice .link_box a .thumb .arrow::before {
  content: "";
  height: 1px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  transition: 0.4s ease;
  right: -1px;
}
/* line 770, _top.scss */
.top .voice .link_box a .thumb .arrow::after {
  width: 30px;
}
/* line 773, _top.scss */
.top .voice .link_box a .thumb .arrow::before {
  width: 9px;
  transform: rotate(45deg);
  top: 4px;
}
/* line 782, _top.scss */
.top .voice .basebtn {
  width: 200px;
  display: inline-block;
  padding: 20px 15px 20px 30px;
  border: 2px solid #005b98;
  position: relative;
  z-index: 1;
  transition: 0.4s ease;
  overflow: hidden;
  display: block;
  margin: 30px auto 0;
  margin-top: 40px;
}
@media screen and (max-width: 896px) {
  /* line 782, _top.scss */
  .top .voice .basebtn {
    padding: 17px 15px 17px 25px;
    border: 1px solid #005b98;
  }
}
/* line 40, ../_module.scss */
.top .voice .basebtn span {
  font-weight: 500;
  display: block;
  font-size: 1.4rem;
  color: #005b98;
  transition: 0.4s ease;
  position: relative;
}
/* line 47, ../_module.scss */
.top .voice .basebtn span::after, .top .voice .basebtn span::before {
  content: "";
  height: 1px;
  background-color: #005b98;
  position: absolute;
  top: 50%;
  transition: 0.4s ease;
  right: -1px;
}
/* line 57, ../_module.scss */
.top .voice .basebtn span::after {
  width: 30px;
}
/* line 60, ../_module.scss */
.top .voice .basebtn span::before {
  width: 9px;
  transform: rotate(45deg);
  top: 4px;
}
/* line 66, ../_module.scss */
.top .voice .basebtn::before {
  content: "";
  background-color: #005b98;
  position: absolute;
  width: 10px;
  height: 110%;
  top: -5%;
  left: 0;
  z-index: -1;
  transition: 0.4s ease;
}
@media screen and (max-width: 896px) {
  /* line 66, ../_module.scss */
  .top .voice .basebtn::before {
    width: 7px;
  }
}
@media screen and (min-width: 897px) {
  /* line 82, ../_module.scss */
  .top .voice .basebtn:hover::before {
    width: 100%;
  }
  /* line 85, ../_module.scss */
  .top .voice .basebtn:hover span {
    color: #fff;
  }
  /* line 87, ../_module.scss */
  .top .voice .basebtn:hover span::before, .top .voice .basebtn:hover span::after {
    background-color: #fff;
  }
}
/* line 793, _top.scss */
.top .voice .basebtn span {
  text-align: left;
}
/* line 798, _top.scss */
.top .local_nav {
  background: #e1e9ec;
}
@media screen and (max-width: 896px) {
  /* line 798, _top.scss */
  .top .local_nav {
    display: block;
  }
}
/* line 803, _top.scss */
.top .local_nav a {
  width: 33.2%;
}
@media screen and (max-width: 896px) {
  /* line 803, _top.scss */
  .top .local_nav a {
    width: 100%;
    display: block;
    overflow: hidden;
    height: 260px;
  }
}
@media screen and (min-width: 897px) {
  /* line 816, _top.scss */
  .top .local_nav a:hover .thumb .text_area .basebtn::before {
    width: 100%;
  }
  /* line 819, _top.scss */
  .top .local_nav a:hover .thumb .text_area .basebtn span {
    color: #fff;
  }
  /* line 821, _top.scss */
  .top .local_nav a:hover .thumb .text_area .basebtn span::before, .top .local_nav a:hover .thumb .text_area .basebtn span::after {
    background-color: #fff;
  }
}
/* line 831, _top.scss */
.top .local_nav a .thumb {
  position: relative;
}
/* line 833, _top.scss */
.top .local_nav a .thumb .text_area {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
@media screen and (max-width: 896px) {
  /* line 833, _top.scss */
  .top .local_nav a .thumb .text_area {
    top: 41%;
  }
}
/* line 841, _top.scss */
.top .local_nav a .thumb .text_area .ttl {
  text-align: center;
}
/* line 843, _top.scss */
.top .local_nav a .thumb .text_area .ttl h3 {
  color: #fff;
  font-size: 3rem;
  letter-spacing: 0.13em;
}
@media screen and (max-width: 896px) {
  /* line 843, _top.scss */
  .top .local_nav a .thumb .text_area .ttl h3 {
    font-size: 2.4rem;
    margin-top: 6px;
  }
}
/* line 852, _top.scss */
.top .local_nav a .thumb .text_area .ttl span {
  color: #fff;
  font-size: 1.3rem;
  letter-spacing: 0.13em;
}
@media screen and (max-width: 896px) {
  /* line 852, _top.scss */
  .top .local_nav a .thumb .text_area .ttl span {
    font-size: 1.2rem;
  }
}
/* line 861, _top.scss */
.top .local_nav a .thumb .text_area .basebtn {
  margin-top: 30px;
  width: 210px;
  display: inline-block;
  padding: 20px 15px 20px 30px;
  border: 2px solid #005b98;
  position: relative;
  z-index: 1;
  transition: 0.4s ease;
  overflow: hidden;
}
@media screen and (max-width: 896px) {
  /* line 861, _top.scss */
  .top .local_nav a .thumb .text_area .basebtn {
    padding: 17px 15px 17px 25px;
    border: 1px solid #005b98;
  }
}
/* line 40, ../_module.scss */
.top .local_nav a .thumb .text_area .basebtn span {
  font-weight: 500;
  display: block;
  font-size: 1.4rem;
  color: #fff;
  transition: 0.4s ease;
  position: relative;
}
/* line 47, ../_module.scss */
.top .local_nav a .thumb .text_area .basebtn span::after, .top .local_nav a .thumb .text_area .basebtn span::before {
  content: "";
  height: 1px;
  background-color: #005b98;
  position: absolute;
  top: 50%;
  transition: 0.4s ease;
  right: -1px;
}
/* line 57, ../_module.scss */
.top .local_nav a .thumb .text_area .basebtn span::after {
  width: 30px;
}
/* line 60, ../_module.scss */
.top .local_nav a .thumb .text_area .basebtn span::before {
  width: 9px;
  transform: rotate(45deg);
  top: 4px;
}
/* line 66, ../_module.scss */
.top .local_nav a .thumb .text_area .basebtn::before {
  content: "";
  background-color: #005b98;
  position: absolute;
  width: 10px;
  height: 110%;
  top: -5%;
  left: 0;
  z-index: -1;
  transition: 0.4s ease;
}
@media screen and (max-width: 896px) {
  /* line 66, ../_module.scss */
  .top .local_nav a .thumb .text_area .basebtn::before {
    width: 7px;
  }
}
@media screen and (min-width: 897px) {
  /* line 82, ../_module.scss */
  .top .local_nav a .thumb .text_area .basebtn:hover::before {
    width: 100%;
  }
  /* line 85, ../_module.scss */
  .top .local_nav a .thumb .text_area .basebtn:hover span {
    color: #fff;
  }
  /* line 87, ../_module.scss */
  .top .local_nav a .thumb .text_area .basebtn:hover span::before, .top .local_nav a .thumb .text_area .basebtn:hover span::after {
    background-color: #fff;
  }
}
@media screen and (max-width: 896px) {
  /* line 861, _top.scss */
  .top .local_nav a .thumb .text_area .basebtn {
    margin-top: 20px;
  }
}