<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/*======================



reset.css



======================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
  -webkit-appearance: none;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

h1, h2, h3, h4, h5, h6 {
  font-weight: bold; }

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

html {
  overflow-y: scroll; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

input, textarea {
  margin: 0;
  padding: 0; }

ol, ul {
  list-style: none; }

ul {
  font-size: 0; }

img {
  vertical-align: bottom; }

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

caption, th {
  text-align: left; }

a:focus {
  outline: none; }

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

.clearfix {
  min-height: 1px; }

* html .clearfix {
  height: 1px;
  /*¥*/
     /*/
height: auto;
overflow: hidden;
/**/ }

/* =================================
  BASE
================================= */
@-ms-viewport {
  width: auto !important;
  initial-scale: 1; }
@viewport {
  width: device-width;
  initial-scale: 1; }
iframe {
  width: 0 !important;
  height: 0 !important; }

html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  word-wrap: break-word;
  overflow: auto;
  width: 100%;
  background-color: #2b3038; }

body {
  color: #000;
  font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'HiraKakuProN-W3', "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic", sans-serif;
  font-weight: 400;
  line-height: 1.4;
  background-color: #000;
  -webkit-overflow-scrolling: touch;
  width: 100%; }

.bebas {
  font-family: 'Bebas Neue', cursive, sans-serif;
  font-weight: 400; }

.loader img,
#wrap img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
  border: 0;
  margin: 0;
  padding: 0; }

a,
a:focus,
a:hover {
  outline: none;
  color: #fff; }

#wrap {
  position: relative;
  z-index: 2; }

#wrapper {
  position: relative;
  width: 100%;
  margin: 0 auto; }

.yellow {
  color: #ffd617; }

.red {
  color: #ef1616; }

.debug {
  position: fixed;
  top: 5px;
  left: 5px;
  color: #f00;
  font-size: 1.2rem;
  z-index: 1000000000000;
  pointer-events: none;
  display: none; }
  @media (max-width: 750px) {
    .debug {
      font-size: 12px;
      color: #f00; } }

.svgBox img[src$=".svg"] {
  width: 100%; }

/* =================================
FOOTER
================================= */
#footer_wrap {
  font-size: 16px;
  color: #000000;
  line-height: 1.5;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
  #footer_wrap a img:hover {
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    text-decoration: none;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; }
  #footer_wrap ul {
    font-size: 100%; }

/*------------------------------------------
【フッター】※基本的に改変しない※
--------------------------------------------*/
#footer_wrap {
  font-size: 12px;
  padding: 30px 0;
  background: #000;
  color: #FFFFFF;
  letter-spacing: 0em;
  border-top: 1px solid #666;
  margin-bottom: -25px; }

#footer_Box {
  width: 1000px;
  margin: 0 auto;
  line-height: 1.8em; }

#footer_Box ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: table;
  width: 100%; }

#footer_Box ul li {
  padding: 0;
  margin: 0;
  display: table-cell;
  vertical-align: top; }

#footer_Box ul li a {
  color: #FFFFFF;
  text-decoration: none; }

#footer_Box ul li a:hover {
  color: #FFFFFF;
  text-decoration: underline; }

#footer_Box ul .top_box {
  padding: 0 2%;
  width: 31%;
  position: relative;
  text-align: left; }

#footer_Box ul .top_box .title {
  background: #333333;
  border-radius: 3px;
  padding: 5px 10px 3px; }

#footer_Box ul .top_box2 {
  padding: 0 2%;
  width: 31%;
  position: relative; }

#footer_Box ul .top_box2 ul {
  padding: 0;
  margin: 0 0 20px;
  width: 100%;
  display: table; }

#footer_Box ul .top_box2 ul li {
  float: left;
  list-style: none;
  padding: 0 15px;
  margin: 0;
  display: table-cell;
  vertical-align: middle;
  width: 224px;
  padding-bottom: 55px; }

#footer_Box ul .top_box2 ul li .note {
  position: absolute;
  top: 0;
  display: block;
  right: 0;
  font-size: 10px; }

#footer_Box ul .top_box2 ul li .link01 {
  background: url(../img/common/linkicon.png) no-repeat center left;
  position: absolute;
  display: block;
  bottom: 25px;
  right: 0;
  padding-left: 20px; }

#footer_Box ul .top_box2 ul li .link02 {
  background: url(../img/common/linkicon.png) no-repeat center left;
  position: absolute;
  display: block;
  bottom: 0;
  right: 0;
  padding-left: 20px; }

#footer_Box ul .top_box ul {
  margin: 15px 0 10px;
  padding: 0;
  display: table; }

#footer_Box ul .top_box ul li {
  background: url(../img/common/listicon.png) left 4px no-repeat;
  float: left;
  list-style: none;
  padding: 0 15px;
  margin: 0;
  display: table-cell;
  vertical-align: middle;
  width: 224px;
  line-height: 1.5em; }

#footer_bottom {
  margin: 20px auto 0; }

#footer_bottom ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: table;
  width: 100%; }

#footer_bottom ul li {
  padding: 0;
  margin: 0;
  display: table-cell;
  vertical-align: bottom; }

#footer_bottom ul .left_Tbnr {
  width: 10%;
  text-align: left; }

#footer_bottom ul .center_Tnation {
  width: 80%;
  color: #CCC;
  font-size: 10px;
  line-height: 14px;
  text-align: center;
  padding: 10px 0;
  margin: 10px auto 0;
  word-break: keep-all; }

#footer_bottom ul .right_Bicon {
  width: 10%;
  text-align: right; }

@media (min-width: 751px) and (max-width: 1400px) {
  #footer_wrap {
    font-size: 1.1428571429vw; }

  #footer_wrap {
    font-size: 0.8571428571vw;
    padding: 2.1428571429vw 0;
    margin-bottom: -1.7857142857vw; }

  #footer_Box {
    width: 71.4285714286vw; }

  #footer_Box ul .top_box .title {
    padding: 0.3571428571vw 0.7142857143vw 0.2142857143vw; }

  #footer_Box ul .top_box2 ul {
    margin: 0 0 1.4285714286vw; }

  #footer_Box ul .top_box2 ul li {
    padding: 0 1.0714285714vw;
    width: 16vw;
    padding-bottom: 3.9285714286vw; }

  #footer_Box ul .top_box2 ul li .note {
    font-size: 0.7142857143vw; }

  #footer_Box ul .top_box2 ul li .link01 {
    background: url(../img/common/linkicon.png) no-repeat center left;
    background-size: 0.9285714286vw auto;
    bottom: 1.7857142857vw;
    padding-left: 1.4285714286vw; }

  #footer_Box ul .top_box2 ul li .link02 {
    background: url(../img/common/linkicon.png) no-repeat center left;
    background-size: 0.9285714286vw auto;
    padding-left: 1.4285714286vw; }

  #footer_Box ul .top_box ul {
    margin: 1.0714285714vw 0 0.7142857143vw; }

  #footer_Box ul .top_box ul li {
    background: url(../img/common/listicon.png) left 0.2857142857vw no-repeat;
    background-size: 0.4285714286vw auto;
    padding: 0 1.0714285714vw;
    width: 16vw; }

  #footer_bottom {
    margin: 1.4285714286vw auto 0; }

  #footer_bottom ul .center_Tnation {
    font-size: 0.7142857143vw;
    line-height: 1vw;
    padding: 0.7142857143vw 0;
    margin: 0.7142857143vw auto 0; } }
@media (max-width: 750px) {
  /*------------------------------------------
  フッター【スマホ用】※基本的に改変しない※
  --------------------------------------------*/
  #footer_wrap {
    padding-bottom: 0; }

  #footer_Box {
    width: 96%;
    padding: 2%;
    text-align: left; }

  #footer_Box &gt; ul {
    width: 100% !important; }

  #footer_Box ul,
  #footer_Box ul .top_box,
  #footer_Box ul .top_box2 {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px; }

  #footer_Box ul .top_box ul li {
    float: none;
    display: block;
    width: 100%; }

  #footer_Box ul .top_box2 ul {
    width: 100%; }

  #footer_Box ul .top_box2 ul li {
    float: none;
    width: 100%;
    padding: 0; }

  #footer_Box ul .top_box2 ul li p.note,
  #footer_Box ul .top_box2 ul li p.link01,
  #footer_Box ul .top_box2 ul li p.link02 {
    position: static; }

  #footer_bottom ul {
    width: 100%; }

  #footer_bottom ul li {
    display: block; }

  #footer_bottom ul li:first-child {
    width: 20%;
    float: left; }

  #footer_bottom ul li:nth-child(2) {
    display: none; }

  #footer_bottom ul li:nth-child(3) {
    width: 16%;
    float: right; } }
/* =================================
bg_under,bg_over
================================= */
#bg_under {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
  -ms-overflow-style: hidden;
  background: url("../img/bg.png") no-repeat center top;
  background-size: cover; }
  @media (max-width: 750px) {
    #bg_under {
      background: url("../img/bg_sp.png") no-repeat center top;
      background-size: cover; } }

/* =================================
  CONTENTS
================================= */
.loader {
  background: #fff;
  position: fixed;
  height: 100vh;
  width: 100%;
  overflow: hidden;
  z-index: 999999999; }

@media (min-width: 751px) {
  .t_shadow {
    -moz-text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.34);
    -webkit-text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.34);
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.34); } }
@media (min-width: 751px) and (max-width: 1400px) {
  .t_shadow {
    -moz-text-shadow: 0.1428571429vw 0.1428571429vw 0.2857142857vw rgba(0, 0, 0, 0.34);
    -webkit-text-shadow: 0.1428571429vw 0.1428571429vw 0.2857142857vw rgba(0, 0, 0, 0.34);
    text-shadow: 0.1428571429vw 0.1428571429vw 0.2857142857vw rgba(0, 0, 0, 0.34); } }
@media (max-width: 750px) {
  .t_shadow {
    -moz-text-shadow: 0.2666666667vw 0.2666666667vw 0.5333333333vw rgba(0, 0, 0, 0.34);
    -webkit-text-shadow: 0.2666666667vw 0.2666666667vw 0.5333333333vw rgba(0, 0, 0, 0.34);
    text-shadow: 0.2666666667vw 0.2666666667vw 0.5333333333vw rgba(0, 0, 0, 0.34); } }

@media (min-width: 751px) {
  .t_glow {
    -moz-text-shadow: 0px 0px 4px rgba(6, 188, 255, 0.36), 0px 0px 4px rgba(6, 188, 255, 0.54), 0px 0px 4px rgba(6, 188, 255, 0.72);
    -webkit-text-shadow: 0px 0px 4px rgba(6, 188, 255, 0.36), 0px 0px 4px rgba(6, 188, 255, 0.54), 0px 0px 4px rgba(6, 188, 255, 0.72);
    text-shadow: 0px 0px 4px rgba(6, 188, 255, 0.36), 0px 0px 4px rgba(6, 188, 255, 0.54), 0px 0px 4px rgba(6, 188, 255, 0.72); } }
@media (min-width: 751px) and (max-width: 1400px) {
  .t_glow {
    -moz-text-shadow: 0px 0px 0.2857142857vw rgba(6, 188, 255, 0.36), 0px 0px 0.2857142857vw rgba(6, 188, 255, 0.54), 0px 0px 0.2857142857vw rgba(6, 188, 255, 0.72);
    -webkit-text-shadow: 0px 0px 0.2857142857vw rgba(6, 188, 255, 0.36), 0px 0px 0.2857142857vw rgba(6, 188, 255, 0.54), 0px 0px 0.2857142857vw rgba(6, 188, 255, 0.72);
    text-shadow: 0px 0px 0.2857142857vw rgba(6, 188, 255, 0.36), 0px 0px 0.2857142857vw rgba(6, 188, 255, 0.54), 0px 0px 0.2857142857vw rgba(6, 188, 255, 0.72); } }
@media (max-width: 750px) {
  .t_glow {
    -moz-text-shadow: 0px 0px 0.5333333333vw rgba(6, 188, 255, 0.36), 0px 0px 0.5333333333vw rgba(6, 188, 255, 0.54), 0px 0px 0.5333333333vw rgba(6, 188, 255, 0.72);
    -webkit-text-shadow: 0px 0px 0.5333333333vw rgba(6, 188, 255, 0.36), 0px 0px 0.5333333333vw rgba(6, 188, 255, 0.54), 0px 0px 0.5333333333vw rgba(6, 188, 255, 0.72);
    text-shadow: 0px 0px 0.5333333333vw rgba(6, 188, 255, 0.36), 0px 0px 0.5333333333vw rgba(6, 188, 255, 0.54), 0px 0px 0.5333333333vw rgba(6, 188, 255, 0.72); } }

@media (min-width: 751px) {
  .btn-hover {
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
    .btn-hover:hover {
      transform: scale(1.2); } }

@media (min-width: 751px) {
  .fade {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s; }
    .fade:hover {
      opacity: 0.7; } }

@media (min-width: 751px) {
  .fade2 span {
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
  .fade2 span.ico_blank {
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
  .fade2:hover span {
    color: rgba(255, 255, 255, 0.7); }
  .fade2:hover span.ico_blank {
    opacity: 0.7; } }

/* clearfix
--------------------------------------------------------- */
.clearfix {
  *zoom: 1; }

.clearfix:before,
.clearfix:after {
  content: ' ';
  display: table; }

.clearfix:after {
  clear: both; }

img {
  height: auto;
  max-width: 100%; }

@media (max-width: 750px) {
  .pc_only {
    display: none; }

  .sp_only {
    display: inline; }

  .pc_none {
    display: block; }

  .sp_none {
    display: none; } }
@media (min-width: 751px) {
  .pc_only {
    display: inline; }

  .sp_only {
    display: none; }

  .pc_none {
    display: none; }

  .sp_none {
    display: block; } }
</pre></body></html>