html {
  line-height: 1.5; }

html, body {
  width: 100%;
  height: 100%;
  background-color: #eceadd;
  color: #58574f; }

img {
  max-width: inherit; }

ul, li {
  list-style: none;
  margin: 0;
  padding: 0; }

h1, h2, h3 {
  margin: 0;
  padding: 0; }

a {
  color: white;
  color: #fff; }
  a:hover, a:active, a:focus {
    color: #cccccc; }

.l-backlayer {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.l-fixedlayer {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.l-absolutelayer {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0; }

.l-frontlayer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 10000;
  display: none; }

.l-main {
  position: relative;
  width: 100%;
  min-height: 100%; }

.l-main__contents {
  position: relative;
  width: 100%;
  min-height: 100%; }

header {
  padding: 0.5rem;
  background: #0a4595;
  color: #ffffff;
  font-size: 1.4rem; }

.l-backlayer {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.l-fixedlayer {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.l-absolutelayer {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0; }

.l-frontlayer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 10000;
  display: none; }

.l-container {
  position: relative;
  width: 100%; }

.l-container--pageContentsWidth {
  position: relative;
  width: 100%;
  max-width: 1024px;
  margin: 0 auto; }

.sceneList {
  position: relative;
  width: 100%; }

.scene {
  position: relative;
  width: 100%; }

.page {
  position: relative;
  width: 100%; }

.page__contents {
  position: relative;
  width: 100%; }

input[type="submit"].button {
  -webkit-appearance: none; }

input[type="button"].button {
  -webkit-appearance: none; }

a.button {
  text-decoration: none; }

.button {
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  display: inline-block; }

.button--flow {
  width: 100%;
  font-size: 1.6rem;
  padding: 1rem 2rem;
  letter-spacing: 2px;
  color: #ffffff;
  border-radius: 2.4rem;
  border: none; }

.button--flow:hover {
  color: #ffffff; }

.button--flow:active {
  color: #ffffff; }

.button--flow--widthAuto {
  width: auto;
  padding: 1rem 4rem; }

.button--flow--blue {
  background: #dfbb57;
  background: -moz-linear-gradient(left, #dfbb57 0%, #dfbb57 80%, #dfbb57 100%);
  background: -webkit-linear-gradient(left, #dfbb57 0%, #dfbb57 80%, #dfbb57 100%);
  background: linear-gradient(to right, #dfbb57 0%, #dfbb57 80%, #dfbb57 100%);
  border: 1px solid #dfbb57;
  transition: all 0.2s ease; }

.button--flow--blue:hover, .button--flow--blue:focus {
  box-shadow: 0 0 10px #dfbb57, 0 0 5px #dfbb57;
  border: 1px solid #4d54af; }

.button--flow--black {
  border: 1px solid #787878;
  background-color: rgba(120, 120, 120, 0.7);
  transition: all 0.2s ease; }

.button--flow--black:hover, .button--flow--black:focus {
  box-shadow: 0 0 2px #323232, 0 0 0px #323232; }

.button--selectService {
  font-size: 1.6rem;
  padding: 1rem 2rem;
  min-width: 240px;
  letter-spacing: 2px;
  color: #ffffff;
  border: 1px solid #686868;
  background: #42474b;
  background: -moz-linear-gradient(top, #42474b 0%, #393c41 80%, #393c41 100%);
  background: -webkit-linear-gradient(top, #42474b 0%, #393c41 80%, #393c41 100%);
  background: linear-gradient(to bottom, #42474b 0%, #393c41 80%, #393c41 100%); }

.button--grayOut {
  -webkit-filter: grayscale(1);
  filter: gray;
  filter: grayscale(1);
  pointer-events: none; }

.button--util {
  display: inline-block;
  text-decoration: none;
  zoom: 1;
  vertical-align: baseline;
  margin: 0 auto; }

input[type=radio], input[type=checkbox] {
  display: none; }

input::-ms-clear {
  visibility: hidden; }

input::-ms-reveal {
  visibility: hidden; }

input:invalid {
  box-shadow: none; }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  padding: 1rem 1rem;
  font-size: 1.4rem;
  border: 1px solid #5d5a61;
  background: #f8f8f8;
  border-radius: 0.8rem; }

.input--select {
  position: relative;
  width: 100%;
  max-width: 280px; }
  @media screen and (min-width: 400px) {
    .input--select {
      padding-right: 1rem; } }
  .input--select .arrow {
    position: absolute;
    top: 0;
    width: 2.2rem;
    height: 100%;
    right: 0;
    background: #5d5a61;
    pointer-events: none;
    border-radius: 0 0.8rem 0.8rem 0; }
    @media screen and (min-width: 400px) {
      .input--select .arrow {
        right: 1rem; } }
  .input--select .arrow::after {
    position: absolute;
    top: -0.1rem;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
    width: 0.8rem;
    height: 0.8rem;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    pointer-events: none; }

.input--text input {
  border: 1px solid #5d5a61;
  border-radius: 5px;
  padding: 1rem;
  width: 100%;
  background: #f8f8f8; }
.input--text textarea {
  border: 1px solid #5d5a61;
  border-radius: 5px;
  padding: 1rem;
  width: 100%;
  background: #f8f8f8;
  min-height: 250px; }

.error--text--input span {
  display: inline-block;
  padding: 0.2rem 1rem;
  border-radius: 1rem;
  color: #ffffff;
  background: #a71717;
  font-size: 1.3rem; }

.inputText--confirm {
  border: 1px solid #5d5a61;
  border-radius: 5px;
  padding: 1rem;
  width: 100%;
  background: #f8f8f8;
  color: #000;
  background: #333;
  color: #eaeaea; }

@font-face {
  font-family: 'app-ico';
  src: url("../fonts/app-ico.ttf?uyza91") format("truetype"), url("../fonts/app-ico.woff?uyza91") format("woff"), url("../fonts/app-ico.svg?uyza91#app-ico") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }
[class^="icon--"], [class*=" icon--"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'app-ico' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon--information:before {
  content: "\e900";
  color: #fff; }

.icon--exclamation:before {
  content: "\e901";
  color: #fff; }

.borderBox {
  position: relative; }
  .borderBox .icon {
    font-size: 2.2rem;
    border-radius: 1.1rem; }

.borderBox--red {
  border: 1px solid #332424;
  background-color: #332424;
  color: #79211f; }

.borderBox--icon--orange {
  border: 1px solid #343432;
  background-color: #343432;
  color: #f2e5db; }
  .borderBox--icon--orange > div:last-child {
    background-color: #332424; }
  .borderBox--icon--orange .keyword {
    color: #79211f;
    font-size: 1.8rem; }
  .borderBox--icon--orange .keywordColor {
    color: #dfbb57; }

.borderBox--icon--red {
  border: 1px solid #ae1f1c;
  background-color: #79211f;
  color: #79211f; }
  .borderBox--icon--red > div:last-child {
    background-color: #efedd2;}
  .borderBox--icon--red .keyword {
    color: #ff211c;
    font-size: 1.8rem; }

.horizontalRule {
  position: relative;
  padding: 2rem 1rem; }
  .horizontalRule .horizontalRule__ornament {
    position: relative;
    width: 100%;
    height: 5px;
    margin: 0 auto; }
  .horizontalRule .bar {
    width: 100%;
    height: 1px;
    background: #604531; }
  .horizontalRule .square {
    position: absolute;
    width: 7px;
    height: 7px;
    background: #604531;
    transform: rotate(-45deg);
    top: -3px; }
  .horizontalRule .square--left {
    left: 0; }
  .horizontalRule .square--right {
    right: 0; }

.dotLine {
  height: 5px;
  margin: 5px 0 0 0;
  background-position: top;
  background-repeat: repeat-x; }

.dotLine--white--small {
  background-image: linear-gradient(to right, #ffffff, #ffffff 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 2px);
  background-size: 3px 1px; }

.dotLine--white--medium {
  background-image: linear-gradient(to right, #ffffff, #ffffff 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 2px);
  background-size: 6px 1px; }

.dotLine--white--large {
  background-image: linear-gradient(to right, #ffffff, #ffffff 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 2px);
  background-size: 12px 2px; }

.u-table--simple {
  position: relative;
  width: 100%;
  border-collapse: collapse; }
  .u-table--simple th, .u-table--simple .table_header {
    background: #343432;
    border-left: solid 1px #343432;
    border-right: solid 1px #343432;
    color: #e3e1cf;
    padding: 0.5rem;
    text-align: center;
    font-weight: bold; }
  .u-table--simple td {
    border: solid 1px #343432;
    padding: 0.5rem; }
  @media screen and (min-width: 768px) {
    .u-table--simple th, .u-table--simple .table_header {
      padding: 0.5rem 1rem; }
    .u-table--simple td {
      padding: 0.5rem 1rem; } }

.u-table--simple--headerLeft {
  width: 100%; }

.u-table--line {
  position: relative;
  border-collapse: collapse; }
  .u-table--line th, .u-table--line .table_header {
    border: solid 1px #787878;
    padding: 0.5rem;
    text-align: center; }
  .u-table--line td {
    border: solid 1px #787878;
    padding: 0.5rem; }
  @media screen and (min-width: 768px) {
    .u-table--line th, .u-table--line .table_header {
      padding: 0.5rem 1rem; }
    .u-table--line td {
      padding: 0.5rem 1rem; } }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  background-image: none;
  left: 0;
  right: auto;
  margin-top: 0; }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: none;
  right: 0;
  left: auto;
  margin-top: 0; }

.swiper-container-3d .swiper-slide-shadow-left {
  background: none; }

.swiper-container-3d .swiper-slide-shadow-right {
  background: none; }

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  text-align: center;
  line-height: 8px;
  opacity: 1;
  background: rgba(255, 255, 255, 0.6);
  margin-right: 8px; }

.swiper-pagination-bullet-active {
  color: #fff;
  background: #d80000;
  box-shadow: 0 0 6px red; }

.swiper-container--infoApp {
  position: relative;
  width: 80%;
  overflow: hidden; }

.swiper-button-prev--infoApp {
  background: url("../img/arrow/arrow-left.png") no-repeat center center;
  width: 100%;
  height: 100%;
  top: 0;
  background-size: 80%; }
  @media screen and (min-width: 680px) {
    .swiper-button-prev--infoApp {
      background-size: auto; } }

.swiper-button-next--infoApp {
  background: url("../img/arrow/arrow-right.png") no-repeat center center;
  width: 100%;
  height: 100%;
  top: 0;
  background-size: 80%; }
  @media screen and (min-width: 680px) {
    .swiper-button-next--infoApp {
      background-size: auto; } }

.rotationBanner {
  padding: 1rem 0 2rem 0; }
  .rotationBanner .rotationBanner__Visual {
    margin-bottom: 1rem; }
    .rotationBanner .rotationBanner__Visual .leftArea {
      position: relative;
      width: 10%; }
    .rotationBanner .rotationBanner__Visual .rightArea {
      position: relative;
      width: 10%; }

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.u-fontWeight--bold {
  font-weight: bold; }

.u-fontSize--88 {
  font-size: 88%; }

.u-fontSize--large {
  font-size: 1.8rem; }

.u-fontSize--normal {
  font-size: 1.6rem; }

.u-fontSize--small {
  font-size: 1.4rem; }

.u-fontSize--verysmall {
  font-size: 1.2rem; }

.u-fontSize--1_0rem {
  font-size: 1rem; }

.u-fontSize--1_1rem {
  font-size: 1.1rem; }

.u-fontSize--1_2rem {
  font-size: 1.2rem; }

.u-fontSize--1_3rem {
  font-size: 1.3rem; }

.u-fontSize--1_4rem {
  font-size: 1.4rem; }

.u-fontSize--1_5rem {
  font-size: 1.5rem; }

.u-fontSize--1_6rem {
  font-size: 1.6rem; }

.u-fontSize--1_7rem {
  font-size: 1.7rem; }

.u-fontSize--1_8rem {
  font-size: 1.8rem; }

.u-fontSize--1_9rem {
  font-size: 1.9rem; }

.u-fontSize--2_0rem {
  font-size: 2rem; }

.u-fontSize--2_1rem {
  font-size: 2.1rem; }

.u-fontSize--2_2rem {
  font-size: 2.2rem; }

.u-fontSize--2_3rem {
  font-size: 2.3rem; }

.u-fontSize--2_4rem {
  font-size: 2.4rem; }

.u-fontSize--2_5rem {
  font-size: 2.5rem; }

.u-fontSize--2_6rem {
  font-size: 2.6rem; }

.u-fontSize--2_7rem {
  font-size: 2.7rem; }

.u-fontSize--2_8rem {
  font-size: 2.8rem; }

.u-fontSize--2_9rem {
  font-size: 2.9rem; }

.u-color--black {
  color: #000000; }

.u-color--orange {
  color: #fe8b01; }

.u-color--red0 {
  color: #ff0000; }

.u-color--red {
  color: #ff0000; }

.u-color--white {
  color: #ffffff; }

.u-color--glay--999 {
  color: #999999; }

.u-textAlignRight {
  text-align: right; }

.u-textAlignLeft {
  text-align: left; }

.u-textAlignCenter {
  text-align: center; }

.u-textShadow--white--1 {
  text-shadow: white 1px 1px 0px; }

.u-textShadow--white--2 {
  text-shadow: 0px 0px 1px #ffffff, 0px 0px 2px #ffffff, 0px 0px 3px #ffffff, 0px 0px 4px #ffffff, 2px 0 1px #ffffff, 0 2px 1px #ffffff, -2px 0 1px #ffffff, 0 -2px 1px #ffffff; }

.u-textShadow--blue--1 {
  text-shadow: 2px 2px 10px #0091ce,2px 2px 5px #0091ce; }

.u-textShadow--blue--2 {
  text-shadow: 2px 2px 10px #006bb0,2px 2px 5px #006bb0; }

.u-bgMat_white005 {
  background-color: rgba(255, 255, 255, 0.05); }

.u-bgMat_white01 {
  background-color: rgba(255, 255, 255, 0.1); }

.bg_mat_white {
  background-color: #ffffff; }

.bg_mat_white_alpha {
  background-color: rgba(255, 255, 255, 0.7); }

.bg_mat_white_alpha005 {
  background-color: rgba(255, 255, 255, 0.05); }

.bg_mat_white_alpha02 {
  background-color: rgba(255, 255, 255, 0.2); }

.bg_mat_black_alpha05 {
  background-color: rgba(0, 0, 0, 0.5); }

.bg_mat_glay_light {
  background-color: #cccccc; }

.bg_mat_beige {
  background-color: #d1c1ae; }

.bg_mat_beige_light {
  background-color: #ede6df; }

.bg_mat_darkGray {
  background-color: #333; }

.translucentMat {
  background-color: rgba(255, 255, 255, 0.6);
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear; }

.translucentMat:hover {
  background-color: rgba(255, 255, 255, 0.75); }

.translucentMat--noEffect {
  background-color: rgba(255, 255, 255, 0.6); }

.u-borderRadius05rem {
  -moz-border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  border-radius: 0.5rem; }

.u-borderRadius10rem {
  -moz-border-radius: 1rem;
  -webkit-border-radius: 1rem;
  border-radius: 1rem; }

.u-borderRadius15rem {
  -moz-border-radius: 1.5rem;
  -webkit-border-radius: 1.5rem;
  border-radius: 1.5rem; }

.u-inlineBlock {
  display: inline-block; }

.u-relative {
  position: relative; }

.u-width100 {
  width: 100%; }

.u-background_brown {
  background-color: #483018; }

.u-background_white02 {
  background-color: rgba(255, 255, 255, 0.2); }

.u-boxShadow--000--45 {
  -moz-box-shadow: 0 0 45px rgba(0, 0, 0, 0.85) inset;
  -webkit-box-shadow: 0 0 45px rgba(0, 0, 0, 0.85) inset;
  box-shadow: 0 0 45px rgba(0, 0, 0, 0.85) inset; }

.u-boxShadowEffect--hover {
  -moz-box-shadow: 0 0 5rem rgba(0, 0, 0, 0.3) inset;
  -webkit-box-shadow: 0 0 5rem rgba(0, 0, 0, 0.3) inset;
  box-shadow: 0 0 5rem rgba(0, 0, 0, 0.3) inset; }

.u-boxShadowEffect {
  -moz-box-shadow: 0 0 4rem transparent;
  -webkit-box-shadow: 0 0 4rem transparent;
  box-shadow: 0 0 4rem transparent;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear; }

.u-boxShadowEffect:hover {
  -moz-box-shadow: 0 0 4rem rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 4rem rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 4rem rgba(0, 0, 0, 0.5); }

.u-lineHeight0 {
  line-height: 0; }

.u-opacity02 {
  opacity: 0.2; }

.u-opacity05 {
  opacity: 0.5; }

.u-opacity08 {
  opacity: 0.8; }

.u-opacityFade {
  opacity: 0;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear; }

.u-opacityFade.fadein {
  opacity: 1; }

.u-flashLightButton img {
  -webkit-filter: brightness(1);
  filter: brightness(1); }

.u-flashLightButton:hover img {
  -moz-animation: flash-light 0.75s;
  -webkit-animation: flash-light 0.75s;
  animation: flash-light 0.75s; }

.u-mb025rem {
  margin-bottom: 0.25rem; }

.u-mb05rem {
  margin-bottom: 0.5rem; }

.u-mb1rem {
  margin-bottom: 1rem; }

.u-mb2rem {
  margin-bottom: 2rem; }

.u-mb3rem {
  margin-bottom: 3rem; }

.u-mb4rem {
  margin-bottom: 4rem; }

.u-mb5rem {
  margin-bottom: 5rem; }

.u-mb6rem {
  margin-bottom: 6rem; }

.u-mb7rem {
  margin-bottom: 7rem; }

.u-mb8rem {
  margin-bottom: 8rem; }

.u-mb9rem {
  margin-bottom: 9rem; }

.u-mb10rem {
  margin-bottom: 10rem; }

.u-mb20 {
  margin-bottom: 20px; }

.u-mb30 {
  margin-bottom: 30px; }

.u-mb40 {
  margin-bottom: 40px; }

.u-p05rem {
  padding: 0.5rem; }

.u-p1rem {
  padding: 1rem; }

.u-p2rem {
  padding: 2rem; }

.u-pb05rem {
  padding-bottom: 0.5rem; }

.u-pb1rem {
  padding-bottom: 1rem; }

.u-pt05rem {
  padding-top: 0.5rem; }

.u-pt1rem {
  padding-top: 1rem; }

.u-ptb05rem {
  padding: 0.5rem 0; }

.u-ptb1rem {
  padding: 1rem 0; }

.u-ptb2rem {
  padding: 2rem 0; }

.u-ptb3rem {
  padding: 3rem 0; }

.u-ptb4rem {
  padding: 4rem 0; }

.u-ptb6rem {
  padding: 6rem 0; }

.u-plr025rem {
  padding: 0 0.25rem; }

.u-plr05rem {
  padding: 0 0.5rem; }

.u-plr1rem {
  padding: 0 1rem; }

.u-pr05rem {
  padding-right: 0.5rem; }

.u-pr1rem {
  padding-right: 1rem; }

.u-pl05rem {
  padding-left: 0.5rem; }

.u-pl1rem {
  padding-left: 1rem; }

.u-ptb05lr1rem {
  padding: 0.5rem 1rem; }

.u-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex; }

.u-flexWrap {
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  /* Safari */ }

.u-flexAlignItemsCenter {
  -webkit-align-items: center;
  align-items: center; }

.u-flexJustifyContentCenter {
  -webkit-justify-content: center;
  justify-content: center; }

.u-flexJustifyContentSpaceBetween {
  -webkit-justify-content: space-between;
  justify-content: space-between; }

.u-displayNone {
  display: none; }

.u-preview {
  display: none; }

.u-previewOpacity {
  opacity: 0; }

.u-maxWidth--960 {
  max-width: 960px; }

.u-maxWidth--780 {
  max-width: 780px; }

.u-maxWidth--600 {
  max-width: 600px; }

.u-maxWidth--480 {
  max-width: 480px; }

.u-marginSideAuto {
  margin-left: auto;
  margin-right: auto; }

.u-linkNoDecoration:hover {
  text-decoration: none;
  color: inherit; }

.u-linkDecorationUnderLine {
  text-decoration: underline;
  color: inherit; }

.u-display--deviceLarge {
  display: none; }

.u-display--deviceSmall {
  display: block; }

@media screen and (min-width: 1024px) {
  .u-display--deviceLarge {
    display: block; }

  .u-display--deviceSmall {
    display: none; } }
.u-insertBeforeContent:before {
  content: ' '; }

.u-accordion {
  position: relative; }

.u-accordion_trigger {
  position: relative; }

.u-accordion_content {
  position: relative;
  display: none; }

.u-accordion_trigger {
  width: 100%;
  margin: 0 auto; }

.u-accordion--info .u-accordion_trigger {
  position: relative;
  display: block;
  width: 100%;
  background: #483018;
  padding: 1rem 4rem 1rem 1rem;
  text-decoration: none; }
  .u-accordion--info .u-accordion_trigger .text {
    display: inline-block;
    border-left: 4px solid #fff;
    padding-left: 1rem; }
  .u-accordion--info .u-accordion_trigger .icon {
    position: absolute;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
    right: 1rem;
    top: 50%;
    margin-top: -1.5rem; }
  .u-accordion--info .u-accordion_trigger .icon::before, .u-accordion--info .u-accordion_trigger .icon::after {
    position: absolute;
    top: 14px;
    left: 50%;
    content: '';
    display: inline-block;
    width: 13px;
    height: 13px;
    border-top: 2px solid #fff;
    transform: translateX(-50%); }
  .u-accordion--info .u-accordion_trigger .icon:after {
    top: 8px;
    left: 3px;
    transform: rotate(90deg); }
.u-accordion--info .u-accordion_trigger:hover, .u-accordion--info .u-accordion_trigger:active, .u-accordion--info .u-accordion_trigger:link, .u-accordion--info .u-accordion_trigger:visited {
  color: #fff; }
.u-accordion--info .u-accordion_trigger.active .icon:after {
  display: none; }
.u-accordion--info .u-accordion_content {
  padding: 1rem;
  border-left: 1px solid #483018;
  border-right: 1px solid #483018;
  border-bottom: 1px solid #483018; }

.u-tab--info {
  width: 100%;
  padding: 2rem 0; }
  .u-tab--info .u-tab_navs {
    width: 100%; }
  .u-tab--info .u-tab_nav {
    position: relative;
    padding: 0.5rem;
    width: 100%;
    background: rgba(72, 48, 24, 0.5);
    color: #ffffff;
    cursor: pointer;
    border-right: 1px solid rgba(193, 161, 129, 0.5); }
    .u-tab--info .u-tab_nav .label {
      line-height: 1.6rem; }
    .u-tab--info .u-tab_nav .num {
      line-height: 1.6rem; }
  .u-tab--info .u-tab_nav:last-child {
    border-right: none; }
  .u-tab--info .u-tab_nav.active {
    padding: 0.5rem;
    background: #483018;
    color: #ffffff; }
  .u-tab--info .u-tab_nav.active:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -0.8rem;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #483018 transparent transparent transparent;
    border-width: 0.8rem 0.8rem 0 0.8rem; }
  .u-tab--info .u-tab_contents {
    padding-top: 2rem;
    background-color: rgba(255, 255, 255, 0.1); }
  .u-tab--info .u-tab_content {
    padding: 1rem;
    display: none; }

.neon {
  color: #fff6a9;
  text-shadow: 0 0 2px #ffa500, 0 0 8px #ffa500, 0 0 10px #ffa500, 0 0 5px #ff8d00;
  animation: glow 4s infinite;
  font-size: 1.7rem; }

@keyframes glow {
  0% {
    text-shadow: 0 0 2px #ffa500, 0 0 8px #ffa500, 0 0 10px #ffa500, 0 0 5px #ff8d00;
    color: #fff6a9; }
  50% {
    text-shadow: none;
    text-shadow: 0 0 0px #ffa500, 0 0 2px #ffa500, 0 0 5px #ffa500, 0 0 0px #ff8d00;
    color: #fff; }
  100% {
    text-shadow: 0 0 2px #ffa500, 0 0 8px #ffa500, 0 0 10px #ffa500, 0 0 5px #ff8d00;
    color: #fff6a9; } }
@keyframes blink {
  20%,
  24%,
  55% {
    color: #111;
    text-shadow: none; }
  0%,
  19%,
  21%,
  23%,
  25%,
  54%,
  56%,
  100% {
    /*     color: #fccaff;
        text-shadow: 0 0 5px #f562ff, 0 0 15px #f562ff, 0 0 25px #f562ff,
          0 0 20px #f562ff, 0 0 30px #890092, 0 0 80px #890092, 0 0 80px #890092; */
    text-shadow: 0 0 5px #ffa500, 0 0 15px #ffa500, 0 0 20px #ffa500, 0 0 40px #ffa500, 0 0 60px #ff0000, 0 0 10px #ff8d00, 0 0 98px #ff0000;
    color: #fff6a9; } }
html {
  font-size: 62.5%; }

body {
  font-size: 1.4rem; }

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



.sceneList {
  padding-bottom: 15rem; }


  .theme--dark .page__title {
    background: #343432;
    color: #e3e1cf; }
  .theme--dark .attentionText {
    color: #db5b4c; }

.buttonContent {
  max-width: 680px;
  margin: 0 auto;
  width: 100%; }

.u-flex.buttonContent > div {
  width: 50%; }

.page__title {
  position: relative;
  width: 100%;
  font-size: 1.8rem;
  padding: 1rem 1rem;
  overflow: hidden; }

.page__contents__inner {
  max-width: 1024px;
  margin: 0 auto; }
  .page__contents__inner .inputContent {
    padding: 2rem; }
    .page__contents__inner .inputContent .email, .page__contents__inner .inputContent .password {
      outline: 0;
      height: 40px;
      border-radius: 20px;
      background-color: rgba(256, 256, 256, 0.8);
      color: #333;
      transition: all 0.3s ease;
      padding: 1rem 2.4rem; }
    .page__contents__inner .inputContent .email:focus, .page__contents__inner .inputContent .password:focus {
      background-color: rgba(255, 255, 255, 1);
      border: 1px solid #939393; }
    .page__contents__inner .inputContent .input--text.inputText--confirm {
      height: 40px;
      border-radius: 20px;
      line-height: 40px;
      padding: 0 2.4rem;
      border: none;
      color: #ccc; }
    .page__contents__inner .inputContent .eye {
      position: absolute;
      top: 0;
      width: 24px;
      height: 24px;
      top: 50%;
      margin-top: -12px;
      right: 2rem; }
      .page__contents__inner .inputContent .eye a {
        display: block;
        width: 100%; }
        .page__contents__inner .inputContent .eye a img:first-child {
          display: block; }
        .page__contents__inner .inputContent .eye a img:last-child {
          display: none; }
      .page__contents__inner .inputContent .eye a.visible img:first-child {
        display: none; }
      .page__contents__inner .inputContent .eye a.visible img:last-child {
        display: block; }

.u-flex.buttonContent--flow > div {
  width: 100%;
  max-width: none; }
.u-flex.buttonContent--flow > div:first-child {
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2; }
.u-flex.buttonContent--flow > div:last-child {
  margin-bottom: 2rem; }

@media screen and (min-width: 600px) {
  .u-flex.buttonContent--flow > div {
    width: 50%;
    max-width: 50%; }
  .u-flex.buttonContent--flow > div:first-child {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0; }
  .u-flex.buttonContent--flow > div:last-child {
    margin-bottom: 0; } }