@charset "UTF-8";
/*----------------------------------------
  reset
-----------------------------------------*/
/* 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 27, ../_base.scss */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

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

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

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

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

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

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

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

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

/* line 62, ../_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 72, ../_base.scss */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

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

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

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

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

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

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

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

/* line 119, ../_base.scss */
body {
  -webkit-text-size-adjust: 100%;
}
@media screen and (max-width: 768px) {
  /* line 122, ../_base.scss */
  body.oh {
    overflow: hidden;
  }
}

/* line 129, ../_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 134, ../_base.scss */
input[type="text"]:focus, input[type="button"]:focus, input[type="tel"]:focus, input[type="email"]:focus, textarea:focus {
  outline: 0;
  background-color: #fff;
}

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

/* line 142, ../_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 145, ../_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 148, ../_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 151, ../_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 154, ../_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 169, ../_base.scss */
input[type="text"]:placeholder-shown, input[type="email"]:placeholder-shown, input[type="tel"]:placeholder-shown {
  color: #ddd;
}

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

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

/* line 179, ../_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 183, ../_base.scss */
textarea:placeholder-shown {
  color: #aaa;
}

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

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

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

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

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

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

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

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

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

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

/* line 254, ../_base.scss */
body, html {
  width: 100%;
  height: 100%;
  color: #313131;
  font-size: 62.5%;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  font-weight: 600;
  letter-spacing: .05em;
}

/* line 269, ../_base.scss */
body.oh {
  overflow: hidden;
  height: 100%;
}

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

/* line 283, ../_base.scss */
a.more img {
  vertical-align: baseline;
}

/* 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 17, ../_layout.scss */
.flexbox {
  display: flex;
}

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

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

/* line 33, ../_layout.scss */
#overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  /*display: none;*/
}

/* line 44, ../_layout.scss */
#stage {
  overflow-x: hidden;
}

/* line 48, ../_layout.scss */
#contents {
  position: relative;
}

/* line 52, ../_layout.scss */
.header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  width: 100%;
  transition: .5s;
}
@media screen and (max-width: 896px) {
  /* line 52, ../_layout.scss */
  .header {
    padding: 0;
  }
}
/* line 64, ../_layout.scss */
.header--inner {
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 896px) {
  /* line 69, ../_layout.scss */
  .header .irmenu {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    width: 60px;
    height: 60px;
    padding-left: 5%;
  }
  /* line 78, ../_layout.scss */
  .header .irmenu .bar {
    background-color: #1b2653;
    height: 1px;
  }
  /* line 81, ../_layout.scss */
  .header .irmenu .bar:first-of-type {
    width: 30px;
  }
  /* line 84, ../_layout.scss */
  .header .irmenu .bar:nth-of-type(2) {
    width: 20px;
    margin: 7px 0;
  }
  /* line 88, ../_layout.scss */
  .header .irmenu .bar:last-of-type {
    width: 10px;
    margin: 0 0 10px;
  }
}
/* line 98, ../_layout.scss */
.header #logo {
  width: 150px;
  margin-left: 50px;
}
@media screen and (max-width: 1024px) {
  /* line 98, ../_layout.scss */
  .header #logo {
    margin-left: 40px;
  }
}
@media screen and (max-width: 896px) {
  /* line 98, ../_layout.scss */
  .header #logo {
    width: 25%;
    margin-left: 0;
  }
}
@media screen and (max-width: 896px) {
  /* line 108, ../_layout.scss */
  .header #logo.space {
    margin-left: 3.5%;
  }
}
@media screen and (max-width: 896px) {
  /* line 115, ../_layout.scss */
  .header--menuarea ul {
    display: none;
  }
}
/* line 122, ../_layout.scss */
.header--menuarea li a {
  display: block;
  padding: 40px 24px;
  background-color: #1b2653;
  font-size: 1.4rem;
  font-weight: 600;
  color: #fff;
}
@media screen and (min-width: 897px) {
  /* line 130, ../_layout.scss */
  .header--menuarea li a:hover {
    background-color: #fff;
    color: #1b2653;
  }
}
/* line 135, ../_layout.scss */
.header--menuarea li a.topnavi {
  background-color: transparent;
}
/* line 138, ../_layout.scss */
.header--menuarea li a.homelink {
  background-color: rgba(27, 38, 83, 0.3);
}
/* line 143, ../_layout.scss */
.header--menuarea .menuBtn {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 30px 0 70px;
  background-color: #1b2653;
  font-size: 1.2rem;
  color: #fff;
  transition: .5s;
}
/* line 152, ../_layout.scss */
.header--menuarea .menuBtn.topnavi {
  background-color: transparent;
}
@media screen and (min-width: 897px) {
  /* line 156, ../_layout.scss */
  .header--menuarea .menuBtn:hover {
    cursor: pointer;
    background-color: #fff;
    color: #1b2653;
  }
  /* line 160, ../_layout.scss */
  .header--menuarea .menuBtn:hover:before {
    background-color: #1b2653;
  }
  /* line 163, ../_layout.scss */
  .header--menuarea .menuBtn:hover:after {
    background-color: #fff;
  }
}
@media screen and (max-width: 896px) {
  /* line 143, ../_layout.scss */
  .header--menuarea .menuBtn {
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    width: 60px;
    height: 60px;
    padding: 0 12px;
    background-color: #1b2653;
    font-size: 1.1rem;
  }
}
/* line 178, ../_layout.scss */
.header--menuarea .menuBtn:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 14px;
  transform: translate(0, -50%);
  width: 40px;
  height: 1px;
  background-color: #fff;
  transition: .5s;
}
@media screen and (max-width: 896px) {
  /* line 178, ../_layout.scss */
  .header--menuarea .menuBtn:before {
    display: none;
  }
}
/* line 192, ../_layout.scss */
.header--menuarea .menuBtn:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translate(0, -50%);
  width: 10px;
  height: 1px;
  background-color: #1b2653;
  transition: .5s;
  animation: moveLine 6s linear infinite forwards;
}
@keyframes moveLine {
  0% {
    opacity: 0;
    transform: translate(0, -50%);
  }
  10% {
    opacity: 1;
    transform: translate(0, -50%);
  }
  80% {
    opacity: 1;
    transform: translate(40px, -50%);
  }
  90% {
    opacity: 0;
    transform: translate(40px, -50%);
  }
  100% {
    opacity: 0;
    transform: translate(40px, -50%);
  }
}
@media screen and (max-width: 896px) {
  /* line 192, ../_layout.scss */
  .header--menuarea .menuBtn:after {
    display: none;
  }
}
@media screen and (max-width: 896px) {
  /* line 229, ../_layout.scss */
  .header--menuarea .menuBtn .bar {
    display: block;
    background-color: #fff;
    height: 1px;
  }
  /* line 234, ../_layout.scss */
  .header--menuarea .menuBtn .bar:first-of-type {
    width: 30px;
  }
  /* line 237, ../_layout.scss */
  .header--menuarea .menuBtn .bar:nth-of-type(2) {
    width: 20px;
    margin: 7px 0;
  }
  /* line 241, ../_layout.scss */
  .header--menuarea .menuBtn .bar:last-of-type {
    width: 10px;
    margin: 0 0 10px;
  }
}
/* line 249, ../_layout.scss */
.header .navigation {
  position: fixed;
  top: 0;
  left: 100%;
  width: 100%;
  height: 100%;
  background: #18224a;
  background: -moz-linear-gradient(left, #18224a 0%, #161e42 100%);
  background: -webkit-linear-gradient(left, #18224a 0%, #161e42 100%);
  background: linear-gradient(to right, #18224a 0%, #161e42 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18224a', endColorstr='#161e42',GradientType=1 );
  opacity: 1;
  z-index: 999999;
  transition: .5s ease-in;
}
/* line 263, ../_layout.scss */
.header .navigation.open {
  left: 0;
  opacity: 1;
  z-index: 999999;
}
@media screen and (max-width: 1024px) {
  /* line 249, ../_layout.scss */
  .header .navigation {
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 30px 0 60px;
  }
}
@media screen and (max-width: 896px) {
  /* line 249, ../_layout.scss */
  .header .navigation {
    padding: 60px 0 80px;
  }
}
/* line 276, ../_layout.scss */
.header .navigation .closeBtn {
  position: absolute;
  top: 40px;
  right: 40px;
  z-index: 10;
  width: 30px;
  height: 30px;
}
@media screen and (max-width: 896px) {
  /* line 276, ../_layout.scss */
  .header .navigation .closeBtn {
    top: 20px;
    right: 5%;
  }
}
/* line 287, ../_layout.scss */
.header .navigation .closeBtn .bar {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #fff;
}
/* line 294, ../_layout.scss */
.header .navigation .closeBtn .bar:first-child {
  transform: translate(0, -50%) rotate(45deg);
}
/* line 297, ../_layout.scss */
.header .navigation .closeBtn .bar:last-child {
  transform: translate(0, -50%) rotate(-45deg);
}
/* line 302, ../_layout.scss */
.header .navigation--inner {
  position: relative;
}
@media screen and (max-width: 896px) {
  /* line 302, ../_layout.scss */
  .header .navigation--inner {
    padding: 0 5%;
  }
}
/* line 307, ../_layout.scss */
.header .navigation--inner .circleclecle {
  position: absolute;
  top: 50%;
  right: -50px;
  transform: translate(0, -50%);
  z-index: 2;
  width: 50%;
  opacity: .5;
}
@media screen and (max-width: 896px) {
  /* line 307, ../_layout.scss */
  .header .navigation--inner .circleclecle {
    width: 80%;
    top: 76%;
    right: -13%;
    opacity: .4;
  }
}
/* line 322, ../_layout.scss */
.header .navigation--inner--list {
  position: relative;
  z-index: 5;
}
/* line 326, ../_layout.scss */
.header .navigation--inner .mainmenu {
  margin: 0;
}
/* line 328, ../_layout.scss */
.header .navigation--inner .mainmenu li {
  margin-top: 60px;
}
@media screen and (max-width: 896px) {
  /* line 328, ../_layout.scss */
  .header .navigation--inner .mainmenu li {
    margin-top: 40px;
  }
}
/* line 334, ../_layout.scss */
.header .navigation--inner .mainmenu .mainlink {
  position: relative;
  display: block;
  background: url(../../img/common/arrow_menu.png) 175px center no-repeat;
  background-size: 60px;
  font-size: 2rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: .07em;
}
@media screen and (min-width: 897px) {
  /* line 345, ../_layout.scss */
  .header .navigation--inner .mainmenu .mainlink.hoveraction:hover {
    letter-spacing: .15em;
    opacity: .7;
  }
}
@media screen and (max-width: 896px) {
  /* line 334, ../_layout.scss */
  .header .navigation--inner .mainmenu .mainlink {
    font-size: 1.6rem;
  }
}
/* line 354, ../_layout.scss */
.header .navigation--inner .mainmenu .mainlink:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 175px;
  transform: translate(0, -50%);
  width: 0;
  height: 1px;
  background-color: #fff;
  transform: .3s;
}
/* line 366, ../_layout.scss */
.header .navigation--inner .mainmenu .mainlink.noarrow {
  background: none;
}
/* line 368, ../_layout.scss */
.header .navigation--inner .mainmenu .mainlink.noarrow:before {
  display: none;
}
/* line 372, ../_layout.scss */
.header .navigation--inner .mainmenu .mainlink span {
  display: block;
  margin-top: 6px;
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: .04em;
}
@media screen and (max-width: 896px) {
  /* line 372, ../_layout.scss */
  .header .navigation--inner .mainmenu .mainlink span {
    font-size: 1.3rem;
  }
}
/* line 384, ../_layout.scss */
.header .navigation--inner .mainmenu .submenu {
  padding: 20px 0 20px 14px;
  margin-top: 22px;
  border-left: 12px solid #243eab;
  background-color: #283463;
}
@media screen and (max-width: 896px) {
  /* line 384, ../_layout.scss */
  .header .navigation--inner .mainmenu .submenu {
    flex-wrap: wrap;
    padding: 16px 3.5% 2px;
    margin-top: 14px;
    border-left: 6px solid #243eab;
  }
}
/* line 395, ../_layout.scss */
.header .navigation--inner .mainmenu .submenu li {
  margin-top: 0;
  margin-right: 30px;
}
@media screen and (max-width: 896px) {
  /* line 395, ../_layout.scss */
  .header .navigation--inner .mainmenu .submenu li {
    width: 48%;
    margin-right: 0;
    margin-bottom: 14px;
  }
}
/* line 404, ../_layout.scss */
.header .navigation--inner .mainmenu .submenu a {
  font-size: 1.5rem;
  font-weight: 600;
  color: #fff;
  letter-spacing: .04em;
}
@media screen and (min-width: 897px) {
  /* line 410, ../_layout.scss */
  .header .navigation--inner .mainmenu .submenu a:hover {
    opacity: .7;
    letter-spacing: .1em;
  }
}
@media screen and (max-width: 896px) {
  /* line 404, ../_layout.scss */
  .header .navigation--inner .mainmenu .submenu a {
    font-size: 1.3rem;
  }
}
/* line 422, ../_layout.scss */
.header .navigation--inner .lowermenu {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 142px;
}
@media screen and (max-width: 896px) {
  /* line 422, ../_layout.scss */
  .header .navigation--inner .lowermenu {
    position: relative;
    width: auto;
    margin-top: 38px;
  }
}
/* line 432, ../_layout.scss */
.header .navigation--inner .lowermenu li {
  margin-top: 20px;
}
@media screen and (max-width: 896px) {
  /* line 432, ../_layout.scss */
  .header .navigation--inner .lowermenu li {
    margin-top: 12px;
  }
}
/* line 438, ../_layout.scss */
.header .navigation--inner .lowermenu a {
  font-size: 1.5rem;
  font-weight: 600;
  color: #fff;
}
@media screen and (min-width: 897px) {
  /* line 443, ../_layout.scss */
  .header .navigation--inner .lowermenu a:hover {
    letter-spacing: .05em;
    opacity: .7;
  }
}
@media screen and (max-width: 896px) {
  /* line 438, ../_layout.scss */
  .header .navigation--inner .lowermenu a {
    font-size: 1.3rem;
  }
}

/* line 457, ../_layout.scss */
.patharea {
  padding: 32px 0px 20px;
}
@media screen and (max-width: 896px) {
  /* line 457, ../_layout.scss */
  .patharea {
    padding: 20px 5% 12px;
  }
}
/* line 462, ../_layout.scss */
.patharea ul {
  justify-content: flex-end;
}
/* line 465, ../_layout.scss */
.patharea li, .patharea a {
  font-size: 1.3rem;
  color: #7d7d7d;
}
@media screen and (max-width: 896px) {
  /* line 465, ../_layout.scss */
  .patharea li, .patharea a {
    font-size: 1.1rem;
  }
}

/* line 475, ../_layout.scss */
.mvlower.defalut {
  padding-top: 165px;
}
@media screen and (max-width: 896px) {
  /* line 475, ../_layout.scss */
  .mvlower.defalut {
    padding-top: 100px;
  }
}
/* line 481, ../_layout.scss */
.mvlower.contactmv {
  padding: 165px 0 100px;
}
@media screen and (max-width: 896px) {
  /* line 481, ../_layout.scss */
  .mvlower.contactmv {
    padding: 100px 0 50px;
  }
}

/* line 489, ../_layout.scss */
.bnrarea_lower {
  padding: 60px 0;
  background-color: #f2f2f2;
}
@media screen and (max-width: 896px) {
  /* line 489, ../_layout.scss */
  .bnrarea_lower {
    padding: 40px 5% 20px;
  }
}
/* line 495, ../_layout.scss */
.bnrarea_lower ul {
  justify-content: space-between;
}
@media screen and (max-width: 896px) {
  /* line 495, ../_layout.scss */
  .bnrarea_lower ul {
    flex-direction: column;
  }
}
/* line 501, ../_layout.scss */
.bnrarea_lower li {
  width: 45.83%;
}
@media screen and (max-width: 896px) {
  /* line 501, ../_layout.scss */
  .bnrarea_lower li {
    width: 100%;
    margin-bottom: 20px;
  }
}

/* line 511, ../_layout.scss */
.footer {
  position: relative;
  z-index: 9999;
  padding: 80px 0px 40px;
  background-color: #1b2653;
  color: #fff;
}
@media screen and (max-width: 896px) {
  /* line 511, ../_layout.scss */
  .footer {
    padding: 50px 0px 30px;
  }
}
@media screen and (max-width: 896px) {
  /* line 520, ../_layout.scss */
  .footer--inner {
    padding: 0 5%;
  }
}
/* line 525, ../_layout.scss */
.footer--sitemap {
  justify-content: space-between;
  padding-bottom: 70px;
  margin-bottom: 40px;
  border-bottom: 1px solid #495175;
}
@media screen and (max-width: 896px) {
  /* line 525, ../_layout.scss */
  .footer--sitemap {
    flex-direction: column;
    padding-bottom: 40px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 896px) {
  /* line 535, ../_layout.scss */
  .footer--sitemap .group {
    flex-direction: column;
  }
}
/* line 541, ../_layout.scss */
.footer--sitemap .companyinfo .logo {
  width: 220px;
}
@media screen and (max-width: 896px) {
  /* line 541, ../_layout.scss */
  .footer--sitemap .companyinfo .logo {
    width: 142px;
    margin: auto;
  }
}
/* line 548, ../_layout.scss */
.footer--sitemap .companyinfo p {
  margin-top: 20px;
  font-size: 1.2rem;
}
@media screen and (max-width: 896px) {
  /* line 548, ../_layout.scss */
  .footer--sitemap .companyinfo p {
    text-align: center;
  }
  /* line 553, ../_layout.scss */
  .footer--sitemap .companyinfo p.copyright {
    margin-top: 10px;
  }
}
/* line 559, ../_layout.scss */
.footer--sitemap .menuarea {
  margin-left: 100px;
}
@media screen and (max-width: 896px) {
  /* line 559, ../_layout.scss */
  .footer--sitemap .menuarea {
    display: flex;
    justify-content: space-around;
    margin-top: 30px;
    margin-left: 0;
  }
}
@media screen and (max-width: 896px) {
  /* line 567, ../_layout.scss */
  .footer--sitemap .menuarea .mainmenu {
    flex-direction: column;
  }
}
/* line 571, ../_layout.scss */
.footer--sitemap .menuarea .mainmenu li {
  margin-right: 20px;
}
@media screen and (max-width: 896px) {
  /* line 571, ../_layout.scss */
  .footer--sitemap .menuarea .mainmenu li {
    margin-top: 20px;
    margin-right: 0;
  }
}
/* line 578, ../_layout.scss */
.footer--sitemap .menuarea .mainmenu a {
  display: inline-block;
  padding: 5px 10px;
  font-size: 1.4rem;
  color: #fff;
}
@media screen and (min-width: 897px) {
  /* line 584, ../_layout.scss */
  .footer--sitemap .menuarea .mainmenu a:hover {
    background-color: #fff;
    color: #1b2653;
  }
}
/* line 594, ../_layout.scss */
.footer--sitemap .submenu {
  margin-top: 20px;
}
@media screen and (max-width: 896px) {
  /* line 594, ../_layout.scss */
  .footer--sitemap .submenu {
    flex-direction: column;
    margin-top: 0;
  }
}
/* line 600, ../_layout.scss */
.footer--sitemap .submenu li {
  margin-right: 15px;
}
@media screen and (max-width: 896px) {
  /* line 600, ../_layout.scss */
  .footer--sitemap .submenu li {
    margin-top: 16px;
    margin-right: 0;
  }
}
/* line 607, ../_layout.scss */
.footer--sitemap .submenu a {
  display: inline-block;
  padding: 5px 10px;
  font-size: 1.2rem;
  font-family: "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  color: #fff;
}
@media screen and (min-width: 897px) {
  /* line 614, ../_layout.scss */
  .footer--sitemap .submenu a:hover {
    background-color: #fff;
    color: #1b2653;
  }
}
/* line 625, ../_layout.scss */
.footer--bnrarea ul {
  justify-content: space-between;
}
@media screen and (max-width: 896px) {
  /* line 625, ../_layout.scss */
  .footer--bnrarea ul {
    flex-wrap: wrap;
  }
}
/* line 631, ../_layout.scss */
.footer--bnrarea li {
  width: 21.83%;
}
@media screen and (max-width: 896px) {
  /* line 631, ../_layout.scss */
  .footer--bnrarea li {
    width: 47.5%;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 897px) {
  /* line 640, ../_layout.scss */
  .footer--bnrarea a:hover {
    opacity: .7;
  }
}

/* line 4, ../_module.scss */
.noto__400 {
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 400;
  font-style: normal;
}

/* line 11, ../_module.scss */
.noto__500 {
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 500;
  font-style: normal;
}

/* line 17, ../_module.scss */
.noto__700 {
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 700;
  font-style: normal;
}

/* line 23, ../_module.scss */
.outlink {
  position: relative;
}
/* line 25, ../_module.scss */
.outlink:before, .outlink:after {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  border: 1px solid #333;
}
/* line 32, ../_module.scss */
.outlink:before {
  top: 7px;
  right: -14px;
}
/* line 36, ../_module.scss */
.outlink:after {
  top: 4px;
  right: -17px;
}

/* line 42, ../_module.scss */
.circle__link {
  position: relative;
  display: block;
  width: 130px;
  height: 130px;
  line-height: 130px;
  border-radius: 50%;
  border-width: 1px;
  border-style: solid;
  font-size: 1.4rem;
  font-weight: 600;
  text-align: center;
}
/* line 54, ../_module.scss */
.circle__link:before {
  content: '';
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translate(0, -50%);
  border-style: solid;
  border-color: transparent transparent transparent #0c418e;
  border-width: 5px 0 5px 10px;
}
/* line 64, ../_module.scss */
.circle__link.white {
  border-color: #fff;
  color: #fff;
}
/* line 67, ../_module.scss */
.circle__link.white:before {
  border-color: transparent transparent transparent #fff;
}
@media screen and (min-width: 897px) {
  /* line 71, ../_module.scss */
  .circle__link.white:hover {
    background-color: #fff;
    color: #0c418e;
  }
  /* line 74, ../_module.scss */
  .circle__link.white:hover:before {
    border-color: transparent transparent transparent #0c418e;
  }
}
/* line 80, ../_module.scss */
.circle__link.blue {
  border-color: #0c418e;
}
@media screen and (min-width: 897px) {
  /* line 84, ../_module.scss */
  .circle__link:hover {
    background-color: #0c418e;
    color: #fff;
  }
  /* line 87, ../_module.scss */
  .circle__link:hover:before {
    border-color: transparent transparent transparent #fff;
  }
}
@media screen and (max-width: 896px) {
  /* line 42, ../_module.scss */
  .circle__link {
    width: 90px;
    height: 90px;
    line-height: 90px;
  }
  /* line 96, ../_module.scss */
  .circle__link:before {
    right: 8px;
    border-width: 3px 0 3px 6px;
  }
}

/* line 104, ../_module.scss */
.baseic__heading {
  text-align: center;
}
/* line 106, ../_module.scss */
.baseic__heading.white {
  color: #fff;
}
/* line 109, ../_module.scss */
.baseic__heading .jp {
  display: block;
  margin-bottom: 15px;
  font-size: 6rem;
  letter-spacing: .1em;
}
@media screen and (max-width: 896px) {
  /* line 109, ../_module.scss */
  .baseic__heading .jp {
    font-size: 3rem;
    letter-spacing: .05em;
  }
}
/* line 119, ../_module.scss */
.baseic__heading .en {
  font-size: 2rem;
  font-family: 'Helvetica', sans-serif;
}
@media screen and (max-width: 896px) {
  /* line 119, ../_module.scss */
  .baseic__heading .en {
    font-size: 1.6rem;
  }
}

/* line 129, ../_module.scss */
.baseic__midheading .en {
  display: block;
  margin-bottom: 5px;
  font-size: 4rem;
  font-family: 'Helvetica', sans-serif;
}
@media screen and (max-width: 896px) {
  /* line 129, ../_module.scss */
  .baseic__midheading .en {
    font-size: 2.6rem;
  }
}
/* line 138, ../_module.scss */
.baseic__midheading .jp {
  font-size: 1.8rem;
}
@media screen and (max-width: 896px) {
  /* line 138, ../_module.scss */
  .baseic__midheading .jp {
    font-size: 1.4rem;
  }
}

/* line 146, ../_module.scss */
.linebg {
  display: inline-block;
  position: relative;
  margin: 8px 0;
  padding: 4px 0 8px;
}
@media screen and (max-width: 896px) {
  /* line 146, ../_module.scss */
  .linebg {
    margin: 4px 0;
  }
}
/* line 154, ../_module.scss */
.linebg:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0c418e;
  z-index: 2;
}
/* line 164, ../_module.scss */
.linebg:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 1;
}

/* line 176, ../_module.scss */
.basetxt16 {
  font-size: 1.6rem;
}
@media screen and (max-width: 896px) {
  /* line 176, ../_module.scss */
  .basetxt16 {
    font-size: 1.4rem;
  }
}
/* line 181, ../_module.scss */
.basetxt16.lh__mid {
  line-height: 2.185;
}
@media screen and (max-width: 896px) {
  /* line 181, ../_module.scss */
  .basetxt16.lh__mid {
    line-height: 2;
  }
}
/* line 187, ../_module.scss */
.basetxt16.lh__large {
  line-height: 2.5;
}
@media screen and (max-width: 896px) {
  /* line 187, ../_module.scss */
  .basetxt16.lh__large {
    line-height: 2.2;
  }
}

/* line 5, ../_states.scss */
.fadeIn__animate {
  transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  opacity: 0;
  transform: matrix(1.1, 0, 0, 1.1, 0, -20);
}
/* line 9, ../_states.scss */
.fadeIn__animate.fade {
  opacity: 1;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

/* line 18, ../_states.scss */
.thumbAction {
  position: relative;
  overflow: hidden;
}
/* line 21, ../_states.scss */
.thumbAction:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-100%, 0);
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: #0c418e;
}
/* line 32, ../_states.scss */
.thumbAction img {
  opacity: 0;
}
/* line 36, ../_states.scss */
.thumbAction.motionStart:before {
  animation: thumbAction .7s forwards;
}
@keyframes thumbAction {
  0% {
    transform: translate(-100%, 0);
  }
  40% {
    transform: translate(0, 0);
  }
  60% {
    transform: translate(0, 0);
  }
  99% {
    transform: translate(100%, 0);
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* line 57, ../_states.scss */
.thumbAction.motionStart img {
  animation: imgAction .7s forwards;
}
@keyframes imgAction {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  51% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
/* line 77, ../_states.scss */
.textAction {
  opacity: 0;
  transform: translate(-50px, 0);
  transition: .3s .3s;
}
/* line 81, ../_states.scss */
.textAction.motionStart {
  opacity: 1;
  transform: translate(0, 0);
}

/********************************
トップページ
********************************/
/* line 8, _top2.scss */
.top2 body {
  width: 100%;
  margin: 0;
  padding: 0;
}
/* line 14, _top2.scss */
.top2 .samplePhoto {
  width: 100%;
  height: 100vh;
  position: relative;
}
/* line 20, _top2.scss */
.top2 #circle_canvas {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  mix-blend-mode: overlay;
  opacity: 1;
}
@media all and (-ms-high-contrast: none) {
  /* line 30, _top2.scss */
  .top2 #circle_canvas {
    opacity: 0.8;
  }
}
@media screen and (max-width: 760px) {
  /* line 36, _top2.scss */
  .top2 .samplePhoto {
    width: 100%;
    height: 100vh;
    background: linear-gradient(180deg, #1b2653 20.69647%, #ec721e 78.47807%, #ed731e 78.47807%);
  }
  /* line 41, _top2.scss */
  .top2 .samplePhoto img {
    display: none;
  }
}
/* line 144, _top2.scss */
.top2 .top__heading {
  font-size: 4.2rem;
  font-weight: 700;
  line-height: 1.91;
  letter-spacing: .3em;
  color: #fff;
}
@media screen and (max-width: 896px) {
  /* line 144, _top2.scss */
  .top2 .top__heading {
    font-size: 2.1rem;
    line-height: 1.78;
    letter-spacing: .2em;
  }
}
/* line 157, _top2.scss */
.top2 .top__txt {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 2.33;
  color: #fff;
}
@media screen and (max-width: 896px) {
  /* line 157, _top2.scss */
  .top2 .top__txt {
    font-size: 1.4rem;
    line-height: 2;
  }
}
/* line 168, _top2.scss */
.top2 .js__scroll {
  transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  will-change: transform;
}
/* line 172, _top2.scss */
.top2 #cursor {
  width: 160px;
  padding: 80px;
  margin-top: -100px;
  margin-left: -100px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9998;
  pointer-events: none;
  mix-blend-mode: normal;
  transform-origin: center center;
  transition: .3s ease-out;
  animation: readMorebtn 2s infinite forwards;
}
/* line 185, _top2.scss */
.top2 #cursor.hvr {
  padding: 0px;
}
@keyframes readMorebtn {
  0% {
    opacity: 1;
  }
  50% {
    opacity: .5;
  }
  100% {
    opacity: 1;
  }
}
/* line 202, _top2.scss */
.top2 .readmore {
  display: block;
  box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.4);
}
@media screen and (min-width: 897px) {
  /* line 206, _top2.scss */
  .top2 .readmore:hover {
    box-shadow: 16px 16px 20px rgba(0, 0, 0, 0.4);
  }
}
@media screen and (max-width: 896px) {
  /* line 212, _top2.scss */
  .top2 .more {
    display: block;
    width: 80%;
    padding: 16px 0;
    margin: 0 auto;
    border: 1px solid #fff;
    border-radius: 50px;
    font-size: 1.4rem;
    font-weight: 700;
    color: #fff;
    text-align: center;
  }
}
/* line 227, _top2.scss */
.top2 .circle {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 663px;
  z-index: 2;
  animation: rotateCircle 5s infinite forwards;
}
@keyframes rotateCircle {
  0% {
    transform: translate(-50%, -50%) rotate3d(1, -1, 1, 0);
  }
  100% {
    transform: translate(-50%, -50%) rotate3d(1, -1, 1, 360deg);
  }
}
/* line 245, _top2.scss */
.top2 .mv {
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  background-color: #1b2653;
}
/* line 254, _top2.scss */
.top2 .mv .inner {
  position: relative;
  width: 100%;
  height: 100%;
}
/* line 258, _top2.scss */
.top2 .mv .inner:before, .top2 .mv .inner:after {
  content: '';
  position: absolute;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 50%;
  background-color: #1b2653;
}
/* line 267, _top2.scss */
.top2 .mv .inner:before {
  top: 0;
  animation: fadeOutLeft 2s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1s forwards;
}
@keyframes fadeOutLeft {
  0% {
    left: 0;
  }
  80% {
    left: 0;
    opacity: 1;
  }
  90% {
    left: 100%;
    opacity: 1;
  }
  100% {
    left: 100%;
    opacity: 0;
  }
}
/* line 288, _top2.scss */
.top2 .mv .inner:after {
  bottom: 0;
  animation: fadeOutRight 2s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1s forwards;
}
@keyframes fadeOutRight {
  0% {
    left: 0;
  }
  80% {
    left: 0;
    opacity: 1;
  }
  90% {
    left: -100%;
    opacity: 1;
  }
  100% {
    left: -100%;
    opacity: 0;
  }
}
/* line 310, _top2.scss */
.top2 .mv:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 60px;
  transform: translate(0, -50%);
  background-color: #1b2653;
  transition: .3s ease;
}
/* line 322, _top2.scss */
.top2 .mv:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: url(../../img/company/office/mv.jpg) 0 0 no-repeat;
  background-size: cover;
  opacity: 0;
  transform: scale(1.08);
  transition: all 0.75s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}
@media screen and (max-width: 896px) {
  /* line 322, _top2.scss */
  .top2 .mv:after {
    background: url(../../img/top/sp_mv02.jpg) 0 0 no-repeat;
    background-size: cover;
  }
}
/* line 341, _top2.scss */
.top2 .mv.animate:before {
  height: 100%;
}
/* line 346, _top2.scss */
.top2 .mv.openimg:after {
  opacity: 1;
  transform: scale(1);
}
/* line 353, _top2.scss */
.top2 .mv .mainphrase {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 3;
  transform: translate(0, -50%);
  width: 100%;
  padding: 14px 0px 15px;
  background-color: #1b2653;
  font-size: 3.2rem;
  font-weight: 600;
  letter-spacing: .4em;
  color: #1b2653;
  text-align: center;
  transition: .3s;
  animation: changeColor 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19) 3s forwards;
}
@keyframes changeColor {
  0% {
    color: #1b2653;
  }
  100% {
    color: #fff;
  }
}
/* line 381, _top2.scss */
.top2 .mv .mainphrase.fadeout {
  opacity: 0;
}
/* line 384, _top2.scss */
.top2 .mv .mainphrase span {
  opacity: 0;
  animation: changetxt 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19) 3.5s forwards;
}
@keyframes changetxt {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media screen and (max-width: 896px) {
  /* line 353, _top2.scss */
  .top2 .mv .mainphrase {
    font-size: 2rem;
  }
}
/* line 407, _top2.scss */
.top2 .lowercontent {
  position: relative;
  z-index: 2;
  margin-top: 180vh;
  background: #1b2653;
  background: -moz-linear-gradient(-70deg, rgba(27, 38, 83, 0.8) 0%, rgba(27, 38, 83, 0.8) 25%, rgba(237, 115, 30, 0.8) 45%, rgba(237, 115, 30, 0.8) 65%, rgba(80, 175, 133, 0.8) 75%, rgba(57, 170, 158, 0.8) 100%);
  background: -webkit-linear-gradient(-70deg, rgba(27, 38, 83, 0.8) 0%, rgba(27, 38, 83, 0.8) 25%, rgba(237, 115, 30, 0.8) 45%, rgba(237, 115, 30, 0.8) 65%, rgba(80, 175, 133, 0.8) 75%, rgba(57, 170, 158, 0.8) 100%);
  background: linear-gradient(160deg, rgba(27, 38, 83, 0.8) 0%, rgba(27, 38, 83, 0.8) 25%, rgba(237, 115, 30, 0.8) 45%, rgba(237, 115, 30, 0.8) 65%, rgba(80, 175, 133, 0.8) 75%, rgba(57, 170, 158, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b2653', endColorstr='#39aa9e',GradientType=1 );
}
/* line 418, _top2.scss */
.top2 .aboutarea {
  padding: 352px 0px 310px;
}
@media screen and (max-width: 896px) {
  /* line 418, _top2.scss */
  .top2 .aboutarea {
    padding: 80px 0px 40px;
  }
}
/* line 423, _top2.scss */
.top2 .aboutarea--inner {
  position: relative;
}
/* line 426, _top2.scss */
.top2 .aboutarea .thumb {
  position: relative;
}
/* line 429, _top2.scss */
.top2 .aboutarea .phrase {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  color: #dfdfdf;
  transition: .5s ease-in;
  mix-blend-mode: exclusion;
}
@media screen and (max-width: 896px) {
  /* line 429, _top2.scss */
  .top2 .aboutarea .phrase {
    width: 100%;
  }
}
/* line 442, _top2.scss */
.top2 .aboutarea .phrase strong {
  font-size: 2.2rem;
  font-weight: 700;
}
@media screen and (max-width: 896px) {
  /* line 442, _top2.scss */
  .top2 .aboutarea .phrase strong {
    font-size: 1.6rem;
  }
}
/* line 449, _top2.scss */
.top2 .aboutarea .phrase h2 {
  margin-top: 20px;
  font-size: 10rem;
  font-family: "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
@media screen and (max-width: 896px) {
  /* line 449, _top2.scss */
  .top2 .aboutarea .phrase h2 {
    font-size: 4.2rem;
  }
}
/* line 458, _top2.scss */
.top2 .aboutarea h3 {
  position: absolute;
  top: -120px;
  right: 100px;
  transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  opacity: 0;
  transform: matrix(1.1, 0, 0, 1.1, 0, -20);
}
/* line 465, _top2.scss */
.top2 .aboutarea h3.fade {
  opacity: 1;
  transform: matrix(1, 0, 0, 1, 0, 0);
}
@media screen and (max-width: 896px) {
  /* line 458, _top2.scss */
  .top2 .aboutarea h3 {
    position: relative;
    top: -50px;
    right: auto;
    left: 8%;
  }
}
/* line 476, _top2.scss */
.top2 .aboutarea p {
  position: absolute;
  bottom: -72px;
  left: 100px;
  max-width: 500px;
  transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  opacity: 0;
  transform: matrix(1.1, 0, 0, 1.1, 0, -20);
}
/* line 484, _top2.scss */
.top2 .aboutarea p.fade {
  opacity: 1;
  transform: matrix(1, 0, 0, 1, 0, 0);
}
@media screen and (max-width: 896px) {
  /* line 476, _top2.scss */
  .top2 .aboutarea p {
    position: relative;
    padding: 0 8%;
    left: 0;
    bottom: auto;
    top: -30px;
  }
}
/* line 498, _top2.scss */
.top2 .businessarea {
  position: relative;
  padding: 300px 0px 380px;
}
@media screen and (max-width: 896px) {
  /* line 498, _top2.scss */
  .top2 .businessarea {
    padding: 40px 0px 80px;
  }
}
/* line 504, _top2.scss */
.top2 .businessarea--inner {
  position: relative;
}
/* line 507, _top2.scss */
.top2 .businessarea .thumb {
  position: relative;
}
/* line 510, _top2.scss */
.top2 .businessarea .phrase {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  mix-blend-mode: overlay;
}
/* line 517, _top2.scss */
.top2 .businessarea .phrase strong {
  font-size: 2.2rem;
  font-weight: 700;
}
@media screen and (max-width: 896px) {
  /* line 517, _top2.scss */
  .top2 .businessarea .phrase strong {
    font-size: 1.6rem;
  }
}
/* line 524, _top2.scss */
.top2 .businessarea .phrase h2 {
  margin-top: 20px;
  font-size: 10rem;
  font-family: "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
@media screen and (max-width: 896px) {
  /* line 524, _top2.scss */
  .top2 .businessarea .phrase h2 {
    font-size: 5.4rem;
  }
}
/* line 533, _top2.scss */
.top2 .businessarea .thumb {
  position: relative;
  width: 66.7%;
  margin-left: 33.3%;
}
@media screen and (max-width: 896px) {
  /* line 533, _top2.scss */
  .top2 .businessarea .thumb {
    width: 100%;
    margin-left: 0;
  }
}
/* line 542, _top2.scss */
.top2 .businessarea h3 {
  position: absolute;
  bottom: 180px;
  left: 0;
  transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  opacity: 0;
  transform: matrix(1.1, 0, 0, 1.1, 0, -20);
}
/* line 549, _top2.scss */
.top2 .businessarea h3.fade {
  opacity: 1;
  transform: matrix(1, 0, 0, 1, 0, 0);
}
@media screen and (max-width: 896px) {
  /* line 542, _top2.scss */
  .top2 .businessarea h3 {
    position: relative;
    top: -80px;
    bottom: auto;
    left: 8%;
  }
}
/* line 560, _top2.scss */
.top2 .businessarea p {
  position: absolute;
  bottom: -90px;
  left: 0;
  max-width: 500px;
  transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  opacity: 0;
  transform: matrix(1.1, 0, 0, 1.1, 0, -20);
}
/* line 568, _top2.scss */
.top2 .businessarea p.fade {
  opacity: 1;
  transform: matrix(1, 0, 0, 1, 0, 0);
}
@media screen and (max-width: 896px) {
  /* line 560, _top2.scss */
  .top2 .businessarea p {
    position: relative;
    padding: 0 8%;
    bottom: auto;
    top: -50px;
  }
}
/* line 581, _top2.scss */
.top2 .companyarea {
  position: relative;
  z-index: 3;
}
/* line 586, _top2.scss */
.top2 .companyarea--inner {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  height: 100%;
}
/* line 598, _top2.scss */
.top2 .companyarea .phrase {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding-left: 100px;
  color: #fff;
  mix-blend-mode: exclusion;
  max-width: 1200px;
  width: 100%;
}
@media screen and (max-width: 896px) {
  /* line 598, _top2.scss */
  .top2 .companyarea .phrase {
    width: auto;
    padding-left: 0;
  }
}
/* line 612, _top2.scss */
.top2 .companyarea .phrase strong {
  font-size: 2.2rem;
  font-weight: 700;
}
@media screen and (max-width: 896px) {
  /* line 612, _top2.scss */
  .top2 .companyarea .phrase strong {
    font-size: 1.6rem;
  }
}
/* line 619, _top2.scss */
.top2 .companyarea .phrase h2 {
  margin-top: 20px;
  font-size: 10rem;
  font-family: "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
@media screen and (max-width: 896px) {
  /* line 619, _top2.scss */
  .top2 .companyarea .phrase h2 {
    font-size: 4.6rem;
  }
}
/* line 628, _top2.scss */
.top2 .companyarea h3 {
  position: absolute;
  bottom: -120px;
  right: 0;
  transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  opacity: 0;
  transform: translate(50px, 0);
}
/* line 635, _top2.scss */
.top2 .companyarea h3.fade {
  opacity: 1;
  transform: translate(0, 0);
}
@media screen and (max-width: 896px) {
  /* line 628, _top2.scss */
  .top2 .companyarea h3 {
    right: auto;
    left: 8%;
    bottom: -140px;
    padding-left: 0;
  }
}
@media screen and (max-width: 896px) {
  /* line 646, _top2.scss */
  .top2 .companyarea .more {
    position: absolute;
    bottom: -200px;
    left: 8%;
  }
}
/* line 655, _top2.scss */
.top2 .bnrarea {
  position: relative;
  z-index: 2;
  padding: 282px 0px 210px;
  background-color: #17a3c4;
}
@media screen and (max-width: 896px) {
  /* line 655, _top2.scss */
  .top2 .bnrarea {
    padding: 182px 0px 60px;
  }
}
/* line 663, _top2.scss */
.top2 .bnrarea ul {
  justify-content: space-between;
}
@media screen and (max-width: 896px) {
  /* line 663, _top2.scss */
  .top2 .bnrarea ul {
    flex-direction: column;
    padding: 0 5%;
  }
}
/* line 669, _top2.scss */
.top2 .bnrarea ul li {
  width: 45.8%;
}
@media screen and (max-width: 896px) {
  /* line 669, _top2.scss */
  .top2 .bnrarea ul li {
    width: 100%;
    margin-bottom: 20px;
  }
}
/* line 679, _top2.scss */
.top2 .footer {
  position: relative;
  z-index: 2;
}

/********************************
トップページ
********************************/