@charset "UTF-8";
/*
Copyright CREATIVE WEB Inc. All Rights Reserved.
https://www.creative-web.co.jp/
*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap");
.inner {
  width: 1100px;
  margin: 0 auto; }

@media screen and (max-width: 1199px) {
  .inner {
    width: calc(100% - 3rem); } }

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
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;
  color: #2a2c33;
  outline: 0;
  -webkit-font-smoothing: antialiased;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  /*     family: $font-jp;*/
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1; }

/*
body {
    line-height:1;
}
*/
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

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

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

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

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

input, select {
  vertical-align: middle; }

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

li {
  list-style: none; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

img {
  vertical-align: bottom; }

/*
Base Stylesheet
Copyright CREATIVE WEB Inc. All Rights Reserved.
https://www.creative-web.co.jp/
*/
/* clear
----------------------------------------------------------------------------- */
.clear {
  clear: both; }

/* clearfix
----------------------------------------------------------------------------- */
.clearfix:after,
div.section:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.clearfix,
div.section {
  display: inline-block; }

* html .clearfix,
* html div.section {
  height: 100%; }

.clearfix,
div.section {
  display: block; }

/* float
----------------------------------------------------------------------------- */
.floatRight {
  float: right; }

.floatLeft {
  float: left; }

.bold {
  font-weight: bold !important; }

/* display
----------------------------------------------------------------------------- */
.displayNone {
  display: none !important; }

/* nowrap
----------------------------------------------------------------------------- */
.nowrap {
  white-space: nowrap !important; }

/*
Animate.css - http://daneden.me/animate
Licensed under the ☺ license (http://licence.visualidiot.com/)

Copyright (c) 2012 Dan Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
body {
  /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
  -webkit-backface-visibility: hidden; }

.animated {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both; }

.animated.hinge {
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s; }

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

@-moz-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

@-o-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

.flash {
  -webkit-animation-name: flash;
  -moz-animation-name: flash;
  -o-animation-name: flash;
  animation-name: flash; }

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px); } }

@-moz-keyframes shake {
  0%, 100% {
    -moz-transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    -moz-transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    -moz-transform: translateX(10px); } }

@-o-keyframes shake {
  0%, 100% {
    -o-transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    -o-transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    -o-transform: translateX(10px); } }

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px); } }

.shake {
  -webkit-animation-name: shake;
  -moz-animation-name: shake;
  -o-animation-name: shake;
  animation-name: shake; }

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px); } }

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0); }
  40% {
    -moz-transform: translateY(-30px); }
  60% {
    -moz-transform: translateY(-15px); } }

@-o-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -o-transform: translateY(0); }
  40% {
    -o-transform: translateY(-30px); }
  60% {
    -o-transform: translateY(-15px); } }

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px); } }

.bounce {
  -webkit-animation-name: bounce;
  -moz-animation-name: bounce;
  -o-animation-name: bounce;
  animation-name: bounce; }

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1); }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg); }
  100% {
    -webkit-transform: scale(1) rotate(0); } }

@-moz-keyframes tada {
  0% {
    -moz-transform: scale(1); }
  10%, 20% {
    -moz-transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -moz-transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% {
    -moz-transform: scale(1.1) rotate(-3deg); }
  100% {
    -moz-transform: scale(1) rotate(0); } }

@-o-keyframes tada {
  0% {
    -o-transform: scale(1); }
  10%, 20% {
    -o-transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -o-transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% {
    -o-transform: scale(1.1) rotate(-3deg); }
  100% {
    -o-transform: scale(1) rotate(0); } }

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg); }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0); } }

.tada {
  -webkit-animation-name: tada;
  -moz-animation-name: tada;
  -o-animation-name: tada;
  animation-name: tada; }

@-webkit-keyframes swing {
  20%, 40%, 60%, 80%, 100% {
    -webkit-transform-origin: top center; }
  20% {
    -webkit-transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-10deg); }
  60% {
    -webkit-transform: rotate(5deg); }
  80% {
    -webkit-transform: rotate(-5deg); }
  100% {
    -webkit-transform: rotate(0deg); } }

@-moz-keyframes swing {
  20% {
    -moz-transform: rotate(15deg); }
  40% {
    -moz-transform: rotate(-10deg); }
  60% {
    -moz-transform: rotate(5deg); }
  80% {
    -moz-transform: rotate(-5deg); }
  100% {
    -moz-transform: rotate(0deg); } }

@-o-keyframes swing {
  20% {
    -o-transform: rotate(15deg); }
  40% {
    -o-transform: rotate(-10deg); }
  60% {
    -o-transform: rotate(5deg); }
  80% {
    -o-transform: rotate(-5deg); }
  100% {
    -o-transform: rotate(0deg); } }

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

.swing {
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
  -o-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  -moz-animation-name: swing;
  -o-animation-name: swing;
  animation-name: swing; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%); }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg); }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg); }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg); }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg); }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg); }
  100% {
    -webkit-transform: translateX(0%); } }

@-moz-keyframes wobble {
  0% {
    -moz-transform: translateX(0%); }
  15% {
    -moz-transform: translateX(-25%) rotate(-5deg); }
  30% {
    -moz-transform: translateX(20%) rotate(3deg); }
  45% {
    -moz-transform: translateX(-15%) rotate(-3deg); }
  60% {
    -moz-transform: translateX(10%) rotate(2deg); }
  75% {
    -moz-transform: translateX(-5%) rotate(-1deg); }
  100% {
    -moz-transform: translateX(0%); } }

@-o-keyframes wobble {
  0% {
    -o-transform: translateX(0%); }
  15% {
    -o-transform: translateX(-25%) rotate(-5deg); }
  30% {
    -o-transform: translateX(20%) rotate(3deg); }
  45% {
    -o-transform: translateX(-15%) rotate(-3deg); }
  60% {
    -o-transform: translateX(10%) rotate(2deg); }
  75% {
    -o-transform: translateX(-5%) rotate(-1deg); }
  100% {
    -o-transform: translateX(0%); } }

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg); }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg); }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg); }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg); }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg); }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); } }

.wobble {
  -webkit-animation-name: wobble;
  -moz-animation-name: wobble;
  -o-animation-name: wobble;
  animation-name: wobble; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1); } }

@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1); }
  50% {
    -moz-transform: scale(1.1); }
  100% {
    -moz-transform: scale(1); } }

@-o-keyframes pulse {
  0% {
    -o-transform: scale(1); }
  50% {
    -o-transform: scale(1.1); }
  100% {
    -o-transform: scale(1); } }

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

.pulse {
  -webkit-animation-name: pulse;
  -moz-animation-name: pulse;
  -o-animation-name: pulse;
  animation-name: pulse; }

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -webkit-animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -webkit-animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in; }
  100% {
    -webkit-transform: perspective(400px) scale(1);
    -webkit-animation-timing-function: ease-in; } }

@-moz-keyframes flip {
  0% {
    -moz-transform: perspective(400px) rotateY(0);
    -moz-animation-timing-function: ease-out; }
  40% {
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-animation-timing-function: ease-out; }
  50% {
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-animation-timing-function: ease-in; }
  80% {
    -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -moz-animation-timing-function: ease-in; }
  100% {
    -moz-transform: perspective(400px) scale(1);
    -moz-animation-timing-function: ease-in; } }

@-o-keyframes flip {
  0% {
    -o-transform: perspective(400px) rotateY(0);
    -o-animation-timing-function: ease-out; }
  40% {
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-animation-timing-function: ease-out; }
  50% {
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-animation-timing-function: ease-in; }
  80% {
    -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -o-animation-timing-function: ease-in; }
  100% {
    -o-transform: perspective(400px) scale(1);
    -o-animation-timing-function: ease-in; } }

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    transform: perspective(400px) rotateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  100% {
    -webkit-transform: perspective(400px) scale(1);
    transform: perspective(400px) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

.flip {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flip;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flip;
  -o-backface-visibility: visible !important;
  -o-animation-name: flip;
  backface-visibility: visible !important;
  animation-name: flip; }

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }

@-moz-keyframes flipInX {
  0% {
    -moz-transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  40% {
    -moz-transform: perspective(400px) rotateX(-10deg); }
  70% {
    -moz-transform: perspective(400px) rotateX(10deg); }
  100% {
    -moz-transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }

@-o-keyframes flipInX {
  0% {
    -o-transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  40% {
    -o-transform: perspective(400px) rotateX(-10deg); }
  70% {
    -o-transform: perspective(400px) rotateX(10deg); }
  100% {
    -o-transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }

.flipInX {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipInX;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipInX;
  backface-visibility: visible !important;
  animation-name: flipInX; }

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

@-moz-keyframes flipOutX {
  0% {
    -moz-transform: perspective(400px) rotateX(0deg);
    opacity: 1; }
  100% {
    -moz-transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

@-o-keyframes flipOutX {
  0% {
    -o-transform: perspective(400px) rotateX(0deg);
    opacity: 1; }
  100% {
    -o-transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

.flipOutX {
  -webkit-animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -moz-animation-name: flipOutX;
  -moz-backface-visibility: visible !important;
  -o-animation-name: flipOutX;
  -o-backface-visibility: visible !important;
  animation-name: flipOutX;
  backface-visibility: visible !important; }

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }

@-moz-keyframes flipInY {
  0% {
    -moz-transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  40% {
    -moz-transform: perspective(400px) rotateY(-10deg); }
  70% {
    -moz-transform: perspective(400px) rotateY(10deg); }
  100% {
    -moz-transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }

@-o-keyframes flipInY {
  0% {
    -o-transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  40% {
    -o-transform: perspective(400px) rotateY(-10deg); }
  70% {
    -o-transform: perspective(400px) rotateY(10deg); }
  100% {
    -o-transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }

.flipInY {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipInY;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipInY;
  backface-visibility: visible !important;
  animation-name: flipInY; }

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

@-moz-keyframes flipOutY {
  0% {
    -moz-transform: perspective(400px) rotateY(0deg);
    opacity: 1; }
  100% {
    -moz-transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

@-o-keyframes flipOutY {
  0% {
    -o-transform: perspective(400px) rotateY(0deg);
    opacity: 1; }
  100% {
    -o-transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipOutY;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipOutY;
  backface-visibility: visible !important;
  animation-name: flipOutY; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-o-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fadeIn {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }

@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(20px); }
  100% {
    opacity: 1;
    -o-transform: translateY(0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }

@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-20px); }
  100% {
    opacity: 1;
    -o-transform: translateY(0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }

@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-20px); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }

@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-20px); }
  100% {
    opacity: 1;
    -o-transform: translateX(0); } }

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  -moz-animation-name: fadeInLeft;
  -o-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }

@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(20px); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }

@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(20px); }
  100% {
    opacity: 1;
    -o-transform: translateX(0); } }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  -moz-animation-name: fadeInRight;
  -o-animation-name: fadeInRight;
  animation-name: fadeInRight; }

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@-moz-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }

@-o-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -o-transform: translateY(2000px); }
  100% {
    opacity: 1;
    -o-transform: translateY(0); } }

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  -moz-animation-name: fadeInUpBig;
  -o-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig; }

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@-moz-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }

@-o-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -o-transform: translateY(0); } }

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  -moz-animation-name: fadeInDownBig;
  -o-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }

@-moz-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }

@-o-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -o-transform: translateX(0); } }

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  -moz-animation-name: fadeInLeftBig;
  -o-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }

@-moz-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }

@-o-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px); }
  100% {
    opacity: 1;
    -o-transform: translateX(0); } }

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  -moz-animation-name: fadeInRightBig;
  -o-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-moz-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-o-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.fadeOut {
  -webkit-animation-name: fadeOut;
  -moz-animation-name: fadeOut;
  -o-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px); } }

@-moz-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -moz-transform: translateY(0); }
  100% {
    opacity: 0;
    -moz-transform: translateY(-20px); } }

@-o-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -o-transform: translateY(0); }
  100% {
    opacity: 0;
    -o-transform: translateY(-20px); } }

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); } }

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  -moz-animation-name: fadeOutUp;
  -o-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px); } }

@-moz-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -moz-transform: translateY(0); }
  100% {
    opacity: 0;
    -moz-transform: translateY(20px); } }

@-o-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -o-transform: translateY(0); }
  100% {
    opacity: 0;
    -o-transform: translateY(20px); } }

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); } }

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  -moz-animation-name: fadeOutDown;
  -o-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px); } }

@-moz-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -moz-transform: translateX(0); }
  100% {
    opacity: 0;
    -moz-transform: translateX(-20px); } }

@-o-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -o-transform: translateX(0); }
  100% {
    opacity: 0;
    -o-transform: translateX(-20px); } }

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); } }

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  -moz-animation-name: fadeOutLeft;
  -o-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px); } }

@-moz-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -moz-transform: translateX(0); }
  100% {
    opacity: 0;
    -moz-transform: translateX(20px); } }

@-o-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -o-transform: translateX(0); }
  100% {
    opacity: 0;
    -o-transform: translateX(20px); } }

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); } }

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  -moz-animation-name: fadeOutRight;
  -o-animation-name: fadeOutRight;
  animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); } }

@-moz-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -moz-transform: translateY(0); }
  100% {
    opacity: 0;
    -moz-transform: translateY(-2000px); } }

@-o-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -o-transform: translateY(0); }
  100% {
    opacity: 0;
    -o-transform: translateY(-2000px); } }

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  -moz-animation-name: fadeOutUpBig;
  -o-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig; }

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px); } }

@-moz-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -moz-transform: translateY(0); }
  100% {
    opacity: 0;
    -moz-transform: translateY(2000px); } }

@-o-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -o-transform: translateY(0); }
  100% {
    opacity: 0;
    -o-transform: translateY(2000px); } }

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); } }

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  -moz-animation-name: fadeOutDownBig;
  -o-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); } }

@-moz-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -moz-transform: translateX(0); }
  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px); } }

@-o-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -o-transform: translateX(0); }
  100% {
    opacity: 0;
    -o-transform: translateX(-2000px); } }

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  -moz-animation-name: fadeOutLeftBig;
  -o-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px); } }

@-moz-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -moz-transform: translateX(0); }
  100% {
    opacity: 0;
    -moz-transform: translateX(2000px); } }

@-o-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -o-transform: translateX(0); }
  100% {
    opacity: 0;
    -o-transform: translateX(2000px); } }

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); } }

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  -moz-animation-name: fadeOutRightBig;
  -o-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig; }

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05); }
  70% {
    -webkit-transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1); } }

@-moz-keyframes bounceIn {
  0% {
    opacity: 0;
    -moz-transform: scale(0.3); }
  50% {
    opacity: 1;
    -moz-transform: scale(1.05); }
  70% {
    -moz-transform: scale(0.9); }
  100% {
    -moz-transform: scale(1); } }

@-o-keyframes bounceIn {
  0% {
    opacity: 0;
    -o-transform: scale(0.3); }
  50% {
    opacity: 1;
    -o-transform: scale(1.05); }
  70% {
    -o-transform: scale(0.9); }
  100% {
    -o-transform: scale(1); } }

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05); }
  70% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

.bounceIn {
  -webkit-animation-name: bounceIn;
  -moz-animation-name: bounceIn;
  -o-animation-name: bounceIn;
  animation-name: bounceIn; }

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px); }
  80% {
    -webkit-transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(0); } }

@-moz-keyframes bounceInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px); }
  60% {
    opacity: 1;
    -moz-transform: translateY(-30px); }
  80% {
    -moz-transform: translateY(10px); }
  100% {
    -moz-transform: translateY(0); } }

@-o-keyframes bounceInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(2000px); }
  60% {
    opacity: 1;
    -o-transform: translateY(-30px); }
  80% {
    -o-transform: translateY(10px); }
  100% {
    -o-transform: translateY(0); } }

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  -moz-animation-name: bounceInUp;
  -o-animation-name: bounceInUp;
  animation-name: bounceInUp; }

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px); }
  80% {
    -webkit-transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0); } }

@-moz-keyframes bounceInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -moz-transform: translateY(30px); }
  80% {
    -moz-transform: translateY(-10px); }
  100% {
    -moz-transform: translateY(0); } }

@-o-keyframes bounceInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -o-transform: translateY(30px); }
  80% {
    -o-transform: translateY(-10px); }
  100% {
    -o-transform: translateY(0); } }

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px); }
  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  -moz-animation-name: bounceInDown;
  -o-animation-name: bounceInDown;
  animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px); }
  80% {
    -webkit-transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0); } }

@-moz-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -moz-transform: translateX(30px); }
  80% {
    -moz-transform: translateX(-10px); }
  100% {
    -moz-transform: translateX(0); } }

@-o-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -o-transform: translateX(30px); }
  80% {
    -o-transform: translateX(-10px); }
  100% {
    -o-transform: translateX(0); } }

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px); }
  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  -moz-animation-name: bounceInLeft;
  -o-animation-name: bounceInLeft;
  animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px); }
  80% {
    -webkit-transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0); } }

@-moz-keyframes bounceInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px); }
  60% {
    opacity: 1;
    -moz-transform: translateX(-30px); }
  80% {
    -moz-transform: translateX(10px); }
  100% {
    -moz-transform: translateX(0); } }

@-o-keyframes bounceInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px); }
  60% {
    opacity: 1;
    -o-transform: translateX(-30px); }
  80% {
    -o-transform: translateX(10px); }
  100% {
    -o-transform: translateX(0); } }

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px); }
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  -moz-animation-name: bounceInRight;
  -o-animation-name: bounceInRight;
  animation-name: bounceInRight; }

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1); }
  25% {
    -webkit-transform: scale(0.95); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3); } }

@-moz-keyframes bounceOut {
  0% {
    -moz-transform: scale(1); }
  25% {
    -moz-transform: scale(0.95); }
  50% {
    opacity: 1;
    -moz-transform: scale(1.1); }
  100% {
    opacity: 0;
    -moz-transform: scale(0.3); } }

@-o-keyframes bounceOut {
  0% {
    -o-transform: scale(1); }
  25% {
    -o-transform: scale(0.95); }
  50% {
    opacity: 1;
    -o-transform: scale(1.1); }
  100% {
    opacity: 0;
    -o-transform: scale(0.3); } }

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  25% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3); } }

.bounceOut {
  -webkit-animation-name: bounceOut;
  -moz-animation-name: bounceOut;
  -o-animation-name: bounceOut;
  animation-name: bounceOut; }

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); } }

@-moz-keyframes bounceOutUp {
  0% {
    -moz-transform: translateY(0); }
  20% {
    opacity: 1;
    -moz-transform: translateY(20px); }
  100% {
    opacity: 0;
    -moz-transform: translateY(-2000px); } }

@-o-keyframes bounceOutUp {
  0% {
    -o-transform: translateY(0); }
  20% {
    opacity: 1;
    -o-transform: translateY(20px); }
  100% {
    opacity: 0;
    -o-transform: translateY(-2000px); } }

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  -moz-animation-name: bounceOutUp;
  -o-animation-name: bounceOutUp;
  animation-name: bounceOutUp; }

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px); } }

@-moz-keyframes bounceOutDown {
  0% {
    -moz-transform: translateY(0); }
  20% {
    opacity: 1;
    -moz-transform: translateY(-20px); }
  100% {
    opacity: 0;
    -moz-transform: translateY(2000px); } }

@-o-keyframes bounceOutDown {
  0% {
    -o-transform: translateY(0); }
  20% {
    opacity: 1;
    -o-transform: translateY(-20px); }
  100% {
    opacity: 0;
    -o-transform: translateY(2000px); } }

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); } }

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  -moz-animation-name: bounceOutDown;
  -o-animation-name: bounceOutDown;
  animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); } }

@-moz-keyframes bounceOutLeft {
  0% {
    -moz-transform: translateX(0); }
  20% {
    opacity: 1;
    -moz-transform: translateX(20px); }
  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px); } }

@-o-keyframes bounceOutLeft {
  0% {
    -o-transform: translateX(0); }
  20% {
    opacity: 1;
    -o-transform: translateX(20px); }
  100% {
    opacity: 0;
    -o-transform: translateX(-2000px); } }

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  -moz-animation-name: bounceOutLeft;
  -o-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px); } }

@-moz-keyframes bounceOutRight {
  0% {
    -moz-transform: translateX(0); }
  20% {
    opacity: 1;
    -moz-transform: translateX(-20px); }
  100% {
    opacity: 0;
    -moz-transform: translateX(2000px); } }

@-o-keyframes bounceOutRight {
  0% {
    -o-transform: translateX(0); }
  20% {
    opacity: 1;
    -o-transform: translateX(-20px); }
  100% {
    opacity: 0;
    -o-transform: translateX(2000px); } }

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); } }

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  -moz-animation-name: bounceOutRight;
  -o-animation-name: bounceOutRight;
  animation-name: bounceOutRight; }

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1; } }

@-moz-keyframes rotateIn {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(-200deg);
    opacity: 0; }
  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1; } }

@-o-keyframes rotateIn {
  0% {
    -o-transform-origin: center center;
    -o-transform: rotate(-200deg);
    opacity: 0; }
  100% {
    -o-transform-origin: center center;
    -o-transform: rotate(0);
    opacity: 1; } }

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

.rotateIn {
  -webkit-animation-name: rotateIn;
  -moz-animation-name: rotateIn;
  -o-animation-name: rotateIn;
  animation-name: rotateIn; }

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }

@-moz-keyframes rotateInUpLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }

@-o-keyframes rotateInUpLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  -moz-animation-name: rotateInUpLeft;
  -o-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }

@-moz-keyframes rotateInDownLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }

@-o-keyframes rotateInDownLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  -moz-animation-name: rotateInDownLeft;
  -o-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }

@-moz-keyframes rotateInUpRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }

@-o-keyframes rotateInUpRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  -moz-animation-name: rotateInUpRight;
  -o-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight; }

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }

@-moz-keyframes rotateInDownRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }

@-o-keyframes rotateInDownRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  -moz-animation-name: rotateInDownRight;
  -o-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight; }

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(200deg);
    opacity: 0; } }

@-moz-keyframes rotateOut {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1; }
  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(200deg);
    opacity: 0; } }

@-o-keyframes rotateOut {
  0% {
    -o-transform-origin: center center;
    -o-transform: rotate(0);
    opacity: 1; }
  100% {
    -o-transform-origin: center center;
    -o-transform: rotate(200deg);
    opacity: 0; } }

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }

.rotateOut {
  -webkit-animation-name: rotateOut;
  -moz-animation-name: rotateOut;
  -o-animation-name: rotateOut;
  animation-name: rotateOut; }

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; } }

@-moz-keyframes rotateOutUpLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1; }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0; } }

@-o-keyframes rotateOutUpLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1; }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(-90deg);
    opacity: 0; } }

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; } }

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  -moz-animation-name: rotateOutUpLeft;
  -o-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; } }

@-moz-keyframes rotateOutDownLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1; }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0; } }

@-o-keyframes rotateOutDownLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1; }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(90deg);
    opacity: 0; } }

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  -moz-animation-name: rotateOutDownLeft;
  -o-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; } }

@-moz-keyframes rotateOutUpRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1; }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0; } }

@-o-keyframes rotateOutUpRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1; }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(90deg);
    opacity: 0; } }

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  -moz-animation-name: rotateOutUpRight;
  -o-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight; }

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; } }

@-moz-keyframes rotateOutDownRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1; }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0; } }

@-o-keyframes rotateOutDownRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1; }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(-90deg);
    opacity: 0; } }

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; } }

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  -moz-animation-name: rotateOutDownRight;
  -o-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight; }

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out; }
  40% {
    -webkit-transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out; }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out; }
  100% {
    -webkit-transform: translateY(700px);
    opacity: 0; } }

@-moz-keyframes hinge {
  0% {
    -moz-transform: rotate(0);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out; }
  20%, 60% {
    -moz-transform: rotate(80deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out; }
  40% {
    -moz-transform: rotate(60deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out; }
  80% {
    -moz-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out; }
  100% {
    -moz-transform: translateY(700px);
    opacity: 0; } }

@-o-keyframes hinge {
  0% {
    -o-transform: rotate(0);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out; }
  20%, 60% {
    -o-transform: rotate(80deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out; }
  40% {
    -o-transform: rotate(60deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out; }
  80% {
    -o-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out; }
  100% {
    -o-transform: translateY(700px);
    opacity: 0; } }

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0; } }

.hinge {
  -webkit-animation-name: hinge;
  -moz-animation-name: hinge;
  -o-animation-name: hinge;
  animation-name: hinge; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg); } }

@-moz-keyframes rollIn {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%) rotate(-120deg); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0px) rotate(0deg); } }

@-o-keyframes rollIn {
  0% {
    opacity: 0;
    -o-transform: translateX(-100%) rotate(-120deg); }
  100% {
    opacity: 1;
    -o-transform: translateX(0px) rotate(0deg); } }

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); } }

.rollIn {
  -webkit-animation-name: rollIn;
  -moz-animation-name: rollIn;
  -o-animation-name: rollIn;
  animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg); } }

@-moz-keyframes rollOut {
  0% {
    opacity: 1;
    -moz-transform: translateX(0px) rotate(0deg); }
  100% {
    opacity: 0;
    -moz-transform: translateX(100%) rotate(120deg); } }

@-o-keyframes rollOut {
  0% {
    opacity: 1;
    -o-transform: translateX(0px) rotate(0deg); }
  100% {
    opacity: 0;
    -o-transform: translateX(100%) rotate(120deg); } }

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg); } }

.rollOut {
  -webkit-animation-name: rollOut;
  -moz-animation-name: rollOut;
  -o-animation-name: rollOut;
  animation-name: rollOut; }

/* originally authored by Angelo Rohit - https://github.com/angelorohit */
@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    opacity: 1; }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    opacity: 1; } }

@-moz-keyframes lightSpeedIn {
  0% {
    -moz-transform: translateX(100%) skewX(-30deg);
    opacity: 0; }
  60% {
    -moz-transform: translateX(-20%) skewX(30deg);
    opacity: 1; }
  80% {
    -moz-transform: translateX(0%) skewX(-15deg);
    opacity: 1; }
  100% {
    -moz-transform: translateX(0%) skewX(0deg);
    opacity: 1; } }

@-o-keyframes lightSpeedIn {
  0% {
    -o-transform: translateX(100%) skewX(-30deg);
    opacity: 0; }
  60% {
    -o-transform: translateX(-20%) skewX(30deg);
    opacity: 1; }
  80% {
    -o-transform: translateX(0%) skewX(-15deg);
    opacity: 1; }
  100% {
    -o-transform: translateX(0%) skewX(0deg);
    opacity: 1; } }

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1; }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1; } }

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  -moz-animation-name: lightSpeedIn;
  -o-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

.animated.lightSpeedIn {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s; }

/* originally authored by Angelo Rohit - https://github.com/angelorohit */
@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }

@-moz-keyframes lightSpeedOut {
  0% {
    -moz-transform: translateX(0%) skewX(0deg);
    opacity: 1; }
  100% {
    -moz-transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }

@-o-keyframes lightSpeedOut {
  0% {
    -o-transform: translateX(0%) skewX(0deg);
    opacity: 1; }
  100% {
    -o-transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  -moz-animation-name: lightSpeedOut;
  -o-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
  -o-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

.animated.lightSpeedOut {
  -webkit-animation-duration: 0.25s;
  -moz-animation-duration: 0.25s;
  -o-animation-duration: 0.25s;
  animation-duration: 0.25s; }

/* originally authored by Angelo Rohit - https://github.com/angelorohit */
@-webkit-keyframes wiggle {
  0% {
    -webkit-transform: skewX(9deg); }
  10% {
    -webkit-transform: skewX(-8deg); }
  20% {
    -webkit-transform: skewX(7deg); }
  30% {
    -webkit-transform: skewX(-6deg); }
  40% {
    -webkit-transform: skewX(5deg); }
  50% {
    -webkit-transform: skewX(-4deg); }
  60% {
    -webkit-transform: skewX(3deg); }
  70% {
    -webkit-transform: skewX(-2deg); }
  80% {
    -webkit-transform: skewX(1deg); }
  90% {
    -webkit-transform: skewX(0deg); }
  100% {
    -webkit-transform: skewX(0deg); } }

@-moz-keyframes wiggle {
  0% {
    -moz-transform: skewX(9deg); }
  10% {
    -moz-transform: skewX(-8deg); }
  20% {
    -moz-transform: skewX(7deg); }
  30% {
    -moz-transform: skewX(-6deg); }
  40% {
    -moz-transform: skewX(5deg); }
  50% {
    -moz-transform: skewX(-4deg); }
  60% {
    -moz-transform: skewX(3deg); }
  70% {
    -moz-transform: skewX(-2deg); }
  80% {
    -moz-transform: skewX(1deg); }
  90% {
    -moz-transform: skewX(0deg); }
  100% {
    -moz-transform: skewX(0deg); } }

@-o-keyframes wiggle {
  0% {
    -o-transform: skewX(9deg); }
  10% {
    -o-transform: skewX(-8deg); }
  20% {
    -o-transform: skewX(7deg); }
  30% {
    -o-transform: skewX(-6deg); }
  40% {
    -o-transform: skewX(5deg); }
  50% {
    -o-transform: skewX(-4deg); }
  60% {
    -o-transform: skewX(3deg); }
  70% {
    -o-transform: skewX(-2deg); }
  80% {
    -o-transform: skewX(1deg); }
  90% {
    -o-transform: skewX(0deg); }
  100% {
    -o-transform: skewX(0deg); } }

@keyframes wiggle {
  0% {
    -webkit-transform: skewX(9deg);
    transform: skewX(9deg); }
  10% {
    -webkit-transform: skewX(-8deg);
    transform: skewX(-8deg); }
  20% {
    -webkit-transform: skewX(7deg);
    transform: skewX(7deg); }
  30% {
    -webkit-transform: skewX(-6deg);
    transform: skewX(-6deg); }
  40% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg); }
  50% {
    -webkit-transform: skewX(-4deg);
    transform: skewX(-4deg); }
  60% {
    -webkit-transform: skewX(3deg);
    transform: skewX(3deg); }
  70% {
    -webkit-transform: skewX(-2deg);
    transform: skewX(-2deg); }
  80% {
    -webkit-transform: skewX(1deg);
    transform: skewX(1deg); }
  90% {
    -webkit-transform: skewX(0deg);
    transform: skewX(0deg); }
  100% {
    -webkit-transform: skewX(0deg);
    transform: skewX(0deg); } }

.wiggle {
  -webkit-animation-name: wiggle;
  -moz-animation-name: wiggle;
  -o-animation-name: wiggle;
  animation-name: wiggle;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
  -o-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

.animated.wiggle {
  -webkit-animation-duration: 0.75s;
  -moz-animation-duration: 0.75s;
  -o-animation-duration: 0.75s;
  animation-duration: 0.75s; }

.fat-nav, .hamburger__icon, .hamburger__icon:after, .hamburger__icon:before {
  -moz-transition-duration: .4s;
  -o-transition-duration: .4s;
  -webkit-transition-duration: .4s; }

.hamburger {
  display: block;
  width: 45px;
  height: 45px;
  position: fixed;
  top: 20px;
  right: 5px;
  z-index: 950;
  padding: 10px 8px;
  background: #951231;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -ms-touch-action: manipulation;
  touch-action: manipulation; }
  @media screen and (max-width: convert-em()) {
    .hamburger {
      width: 50px;
      height: 50px;
      padding: 12px 10px;
      top: 10px;
      right: 0; } }

.hamburger__icon {
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px; }

.hamburger__icon, .hamburger__icon:after, .hamburger__icon:before {
  display: block;
  width: 30px;
  height: 4px;
  background-color: #FFF;
  -moz-transition-property: background-color,-moz-transform;
  -o-transition-property: background-color,-o-transform;
  -webkit-transition-property: background-color,-webkit-transform;
  transition-property: background-color,-webkit-transform;
  -o-transition-property: background-color,transform;
  transition-property: background-color,transform;
  transition-property: background-color,transform,-webkit-transform;
  -webkit-transition-duration: .4s;
  -o-transition-duration: .4s;
  transition-duration: .4s; }

.hamburger__icon:after, .hamburger__icon:before {
  position: absolute;
  content: ""; }

.hamburger__icon:before {
  top: -10px; }

.hamburger__icon:after {
  top: 10px; }

.hamburger.active .hamburger__icon {
  background-color: transparent; }

.hamburger.active .hamburger__icon:after, .hamburger.active .hamburger__icon:before {
  background-color: #FFF; }

.hamburger.active .hamburger__icon:before {
  -moz-transform: translateY(10px) rotate(45deg);
  -ms-transform: translateY(10px) rotate(45deg);
  -webkit-transform: translateY(10px) rotate(45deg);
  transform: translateY(10px) rotate(45deg); }

.hamburger.active .hamburger__icon:after {
  -moz-transform: translateY(-10px) rotate(-45deg);
  -ms-transform: translateY(-10px) rotate(-45deg);
  -webkit-transform: translateY(-10px) rotate(-45deg);
  transform: translateY(-10px) rotate(-45deg); }

.fat-nav {
  top: 0;
  left: 0;
  z-index: 900;
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  -moz-transform: scale(1.4);
  -ms-transform: scale(1.4);
  -webkit-transform: scale(1.4);
  transform: scale(1.4);
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: .4s;
  -o-transition-duration: .4s;
  transition-duration: .4s;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch; }

.fat-nav__wrapper {
  width: 100%;
  height: 100%;
  display: table;
  table-layout: fixed; }

.fat-nav.active {
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1); }

.fat-nav ul {
  display: table-cell;
  vertical-align: middle;
  margin: 0;
  padding: 0 0 0 20%; }

.fat-nav li {
  list-style-type: none;
  padding: 10px;
  font-size: 1em; }

.fat-nav li, .fat-nav li a {
  color: #FFF; }

.fat-nav li a {
  text-decoration: none; }

/**
 * Swiper 4.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 1, 2018
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0 0 30px;
  z-index: 1; }

.swiper-container-no-flexbox .swiper-slide {
  float: left; }

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-property: transform,-webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

.swiper-container-android .swiper-slide, .swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto; }

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-property: transform,-webkit-transform; }

.swiper-slide-invisible-blank {
  visibility: hidden; }

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto; }

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height,-webkit-transform;
  transition-property: height,-webkit-transform;
  -o-transition-property: transform,height;
  transition-property: transform,height;
  transition-property: transform,height,-webkit-transform; }

.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px; }

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10; }

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y; }

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x; }

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat; }

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none; }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto; }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto; }

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-lock {
  display: none; }

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: .3s opacity;
  -o-transition: .3s opacity;
  transition: .3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10; }

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0; }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 0;
  left: 0;
  width: 100%; }

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33); }

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: .2; }

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer; }

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff; }

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0); }

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: .2s top,.2s -webkit-transform;
  -o-transition: .2s top,.2s -webkit-transform;
  transition: .2s top,.2s -webkit-transform;
  -o-transition: .2s transform,.2s top;
  -webkit-transition: .2s transform,.2s top;
  transition: .2s transform,.2s top;
  -webkit-transition: .2s transform,.2s top,.2s -webkit-transform;
  -o-transition: .2s transform,.2s top,.2s -webkit-transform;
  transition: .2s transform,.2s top,.2s -webkit-transform; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: .2s left,.2s -webkit-transform;
  -o-transition: .2s left,.2s -webkit-transform;
  transition: .2s left,.2s -webkit-transform;
  -o-transition: .2s transform,.2s left;
  -webkit-transition: .2s transform,.2s left;
  transition: .2s transform,.2s left;
  -webkit-transition: .2s transform,.2s left,.2s -webkit-transform;
  -o-transition: .2s transform,.2s left,.2s -webkit-transform;
  transition: .2s transform,.2s left,.2s -webkit-transform; }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: .2s right,.2s -webkit-transform;
  -o-transition: .2s right,.2s -webkit-transform;
  transition: .2s right,.2s -webkit-transform;
  -o-transition: .2s transform,.2s right;
  -webkit-transition: .2s transform,.2s right;
  transition: .2s transform,.2s right;
  -webkit-transition: .2s transform,.2s right,.2s -webkit-transform;
  -o-transition: .2s transform,.2s right,.2s -webkit-transform;
  transition: .2s transform,.2s right,.2s -webkit-transform; }

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute; }

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top; }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top; }

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0; }

.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0; }

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff; }

.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25); }

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #fff; }

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000; }

.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25); }

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000; }

.swiper-pagination-lock {
  display: none; }

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%; }

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%; }

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0; }

.swiper-scrollbar-cursor-drag {
  cursor: move; }

.swiper-scrollbar-lock {
  display: none; }

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center; }

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain; }

.swiper-slide-zoomed {
  cursor: move; }

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite; }

.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat; }

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000; }

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-cube {
  overflow: visible; }

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%; }

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0; }

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible; }

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0; }

.swiper-container-flip {
  overflow: visible; }

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1; }

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.swiper-container-coverflow .swiper-wrapper {
  -ms-perspective: 1200px; }

body {
  color: #2a2c33;
  font-size: 16px;
  font-size: 1rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  line-height: 1.6em;
  letter-spacing: 0.15em;
  counter-reset: number 0;
  overflow-x: hidden;
  position: relative; }
  @media screen and (max-width: 834px) {
    body {
      overflow-x: initial;
      position: static; }
      body.active {
        width: 100%;
        overflow-y: hidden; } }

.wrap {
  overflow-x: hidden; }

sup {
  font-size: 8px;
  font-size: 0.5rem; }

.bold {
  font-weight: bold; }

a {
  color: #2a2c33;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }
  a:link {
    text-decoration: none; }
  a:hover {
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    filter: alpha(opacity=70);
    opacity: 0.70;
    transition: all 0.3s ease 0s; }
    @media screen and (max-width: 834px) {
      a:hover {
        opacity: 1; } }

.marginBottom10 {
  margin-bottom: 10px; }

.marginBottom20 {
  margin-bottom: 20px; }

.marginBottom40 {
  margin-bottom: 40px; }

.marginBottom50 {
  margin-bottom: 50px; }

.alignCenter {
  text-align: center; }

.red {
  color: #dc221e; }

header .l-header__top {
  background: #951231;
  text-align: center;
  color: #fff;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media screen and (max-width: 1199px) {
    header .l-header__top {
      font-size: 12px;
      height: 24px; } }

header .l-header__main {
  background: #951231;
  color: #fff;
  height: 74px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 0 0 20px; }
  header .l-header__main p {
    color: #fff; }
  @media screen and (max-width: 1199px) {
    header .l-header__main {
      padding: 0 8px;
      height: 50px; } }

header .l-header__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

header .l-header__logo {
  margin-right: 24px; }
  header .l-header__logo img {
    height: 40px; }
  @media screen and (max-width: 1199px) {
    header .l-header__logo {
      width: 140px;
      margin-right: 8px; }
      header .l-header__logo img {
        width: 100%;
        height: auto; } }
  header .l-header__logo-text {
    font-size: 14px;
    color: #fff; }
    @media screen and (max-width: 1199px) {
      header .l-header__logo-text {
        font-size: 9px;
        line-height: 1.1em;
        width: 40%; } }

header .l-header__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

header .l-header__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 80px;
  position: relative; }
  @media screen and (max-width: 834px) {
    header .l-header__list {
      margin-right: 50px; } }
  header .l-header__list li {
    text-align: center;
    margin: 8px 16px 0 0;
    font-size: 14px; }
    @media screen and (max-width: 1199px) {
      header .l-header__list li {
        line-height: 1.4em;
        font-size: 12px;
        margin: 3px 13px 0 0; }
        header .l-header__list li.guide {
          display: none; } }
  header .l-header__list-icon {
    height: 30px; }
    @media screen and (max-width: 1199px) {
      header .l-header__list-icon {
        height: 18px;
        margin-bottom: 2px; } }
    header .l-header__list-icon img {
      height: 100%; }
    header .l-header__list-icon-text {
      color: #fff; }
      @media screen and (max-width: 1199px) {
        header .l-header__list-icon-text {
          display: none; } }
  @media screen and (max-width: 1199px) {
    header .l-header__list .tel {
      display: none; } }
  header .l-header__list-tel {
    position: relative;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    height: 30px;
    padding-left: 20px; }
    @media screen and (max-width: 1199px) {
      header .l-header__list-tel {
        height: 18px;
        margin-bottom: 2px; } }
    header .l-header__list-tel img {
      height: 100%; }
    header .l-header__list-tel:before {
      content: "";
      position: absolute;
      background: url(../img/icon_tel01.svg) no-repeat;
      width: 18px;
      height: 22px;
      left: 0px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }

.hamburger {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  background: none;
  width: 74px;
  height: 74px;
  padding: 20px;
  top: 0px;
  right: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  background: #951231; }
  @media screen and (max-width: 1199px) {
    .hamburger {
      width: 50px;
      padding: 10px;
      height: 50px;
      top: 0px;
      right: 0px; } }
  .hamburger__icon {
    background: #fff;
    width: 26px;
    height: 3px; }
    .hamburger__icon::before, .hamburger__icon::after {
      background: #fff;
      width: 26px;
      height: 3px; }
  .hamburger.active {
    background: none; }
    .hamburger.active::after {
      font-size: 13px;
      color: #fff;
      position: absolute;
      right: 0;
      top: 8px; }

.js-adulation {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 200;
  width: 100%;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); }
  .js-adulation .hamburger {
    top: 0px; }
    @media screen and (max-width: 834px) {
      .js-adulation .hamburger {
        top: 0px; } }

.fat-nav li a {
  display: inline-block;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }
  .fat-nav li a:hover {
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08); }

.c-side__btn {
  position: fixed;
  right: 0;
  z-index: 10;
  top: calc(50% - 263px); }
  @media screen and (max-width: 834px) {
    .c-side__btn {
      display: none; } }
  .c-side__btn li {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    width: 50px;
    height: 165px;
    margin-bottom: 16px;
    text-align: center; }
    .c-side__btn li:last-child {
      margin-bottom: 0; }
    .c-side__btn li a {
      color: #fff;
      border-radius: 8px 0 0 8px;
      width: 100%;
      display: block;
      background: #951231;
      -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
      box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
      font-weight: 700;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding-right: 10px; }
      .c-side__btn li a img {
        width: 20px;
        margin: 0 0 8px 3px; }
    .c-side__btn li.hojin a {
      background: #7d699d; }
    .c-side__btn li.owner a {
      background: #18377F; }

.pageTop {
  position: fixed;
  right: 20px;
  z-index: 50;
  bottom: 50px;
  width: 50px;
  text-align: center; }
  .pageTop a {
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100px;
    background: #951231;
    color: #2a2c33;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 500;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    position: relative; }
    @media screen and (max-width: 834px) {
      .pageTop a {
        font-size: 16px; } }
    .pageTop a::after {
      content: '';
      width: 10px;
      height: 10px;
      border-top: solid 2px #fff;
      border-right: solid 2px #fff;
      position: absolute;
      right: 24px;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
  @media screen and (max-width: 834px) {
    .pageTop {
      right: 0; } }
  .pageTop a::after {
    border-left: solid 2px #fff;
    border-right: none;
    right: 19px;
    top: 20px; }

.l-footer__sitemap {
  background: #951231;
  color: #fff; }
  .l-footer__sitemap__inner {
    padding: 80px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start; }
    @media screen and (max-width: 834px) {
      .l-footer__sitemap__inner {
        display: block; } }
    .l-footer__sitemap__inner-logo {
      margin-bottom: 20px; }
      @media screen and (max-width: 834px) {
        .l-footer__sitemap__inner-logo {
          width: 180px; } }
      .l-footer__sitemap__inner-logo a {
        color: #fff;
        display: block;
        width: 100%;
        padding: 10px 5px; }
      .l-footer__sitemap__inner-logo img {
        width: 240px; }
    .l-footer__sitemap__inner-data {
      width: 400px; }
      @media screen and (max-width: 834px) {
        .l-footer__sitemap__inner-data {
          width: 100%;
          margin-bottom: 10px; } }
      .l-footer__sitemap__inner-data-title {
        color: #fff;
        font-size: 16px;
        margin-bottom: 20px; }
      .l-footer__sitemap__inner-data-text {
        color: #fff;
        font-size: 14px; }
  .l-footer__sitemap-box {
    width: 880px; }
    @media screen and (max-width: 834px) {
      .l-footer__sitemap-box {
        width: 100%; } }
  .l-footer__sitemap-top, .l-footer__sitemap-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start; }
    @media screen and (max-width: 834px) {
      .l-footer__sitemap-top, .l-footer__sitemap-bottom {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
    .l-footer__sitemap-top .station-01, .l-footer__sitemap-bottom .station-01 {
      margin-top: 25px; }
    .l-footer__sitemap-top .station-02, .l-footer__sitemap-bottom .station-02 {
      margin-top: 50px; }
    .l-footer__sitemap-top li, .l-footer__sitemap-bottom li {
      margin-left: 16px;
      font-size: 14px; }
      .l-footer__sitemap-top li a, .l-footer__sitemap-bottom li a {
        color: #fff; }
    .l-footer__sitemap-top .title-01, .l-footer__sitemap-bottom .title-01 {
      color: #fff;
      font-weight: 500;
      font-size: 16px;
      margin-left: -16px;
      margin-bottom: 8px; }
      .l-footer__sitemap-top .title-01-bottom, .l-footer__sitemap-bottom .title-01-bottom {
        margin-top: 16px; }
    .l-footer__sitemap-top .title-02, .l-footer__sitemap-bottom .title-02 {
      opacity: 0.5;
      font-weight: 700;
      margin-left: -16px; }
  .l-footer__sitemap-bottom {
    border-bottom: 0;
    padding: 0;
    margin: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    .l-footer__sitemap-bottom ul {
      margin-right: 40px; }
      .l-footer__sitemap-bottom ul:last-child {
        margin-right: 0; }

.l-footer__copy {
  background: #951231;
  height: 62px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .l-footer__copy small {
    font-size: 12px;
    color: #fff; }
    @media screen and (max-width: 834px) {
      .l-footer__copy small {
        font-size: 10px; } }

.l-footer-contact {
  background: #951231;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  z-index: 10; }
  .l-footer-contact-inner {
    width: 1200px;
    padding: 10px 0;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media screen and (max-width: 1199px) {
      .l-footer-contact-inner {
        width: 100%;
        padding: 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; } }
    @media screen and (max-width: convert-em()) {
      .l-footer-contact-inner {
        padding: 10px; } }
    @media screen and (max-width: convert-em()) {
      .l-footer-contact-inner {
        padding: 5px; } }
    .l-footer-contact-inner > div {
      line-height: 1; }
      .l-footer-contact-inner > div.tel {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content; }
        @media screen and (max-width: 834px) {
          .l-footer-contact-inner > div.tel {
            width: 49%;
            text-align: center; }
            .l-footer-contact-inner > div.tel a {
              width: 49%;
              height: auto;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center;
              -webkit-box-pack: center;
              -ms-flex-pack: center;
              justify-content: center;
              border-radius: 100px;
              background: #951231;
              color: #951231;
              -webkit-box-sizing: border-box;
              box-sizing: border-box;
              font-size: 18px;
              font-weight: 500;
              -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
              position: relative; } }
    @media screen and (max-width: 834px) and (max-width: 834px) {
      .l-footer-contact-inner > div.tel a {
        font-size: 16px; } }
        @media screen and (max-width: 834px) {
              .l-footer-contact-inner > div.tel a::after {
                content: '';
                width: 10px;
                height: 10px;
                border-top: solid 2px #951231;
                border-right: solid 2px #951231;
                position: absolute;
                right: 24px;
                -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg); } }
        .l-footer-contact-inner > div.tel .tit {
          font-size: 16px;
          font-size: 1.14286rem;
          font-weight: bold;
          margin: 0 0 5px; }
          @media screen and (max-width: convert-em()) {
            .l-footer-contact-inner > div.tel .tit {
              font-size: 14px;
              font-size: 1rem; } }
        .l-footer-contact-inner > div.tel .txt {
          font-size: 12px;
          font-size: 0.85714rem;
          text-align: center;
          color: #fff; }
        .l-footer-contact-inner > div.tel .tel {
          color: #fff;
          margin-bottom: 10px;
          padding-left: 40px;
          position: relative;
          font-size: 40px;
          font-weight: bold; }
          @media screen and (max-width: 834px) {
            .l-footer-contact-inner > div.tel .tel {
              padding: 0;
              font-size: 36px;
              margin-bottom: 0; } }
          .l-footer-contact-inner > div.tel .tel a {
            color: #fff;
            font-size: 16px;
            font-size: 1.14286rem;
            text-align: center;
            padding: 10px;
            border-radius: 5px;
            background: #951231;
            display: block; }
            @media screen and (max-width: 834px) {
              .l-footer-contact-inner > div.tel .tel a {
                width: 100%;
                background: #fff;
                color: #951231;
                font-size: 0.75rem;
                margin-top: 0px; } }
            .l-footer-contact-inner > div.tel .tel a:after {
              width: 5px;
              height: 5px;
              top: 50%;
              -webkit-transform: translateY(-50%) rotate(45deg);
              -ms-transform: translateY(-50%) rotate(45deg);
              transform: translateY(-50%) rotate(45deg); }
          .l-footer-contact-inner > div.tel .tel:before {
            content: "";
            position: absolute;
            background: url(../img/icon_tel01.svg) no-repeat;
            width: 36px;
            height: 36px;
            left: 0px;
            bottom: 0; }
            @media screen and (max-width: 834px) {
              .l-footer-contact-inner > div.tel .tel:before {
                background: url(../img/icon_tel02.svg) no-repeat !important;
                width: 20px;
                height: 20px;
                z-index: 1;
                left: 10px;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%); } }
      .l-footer-contact-inner > div.contact {
        text-align: center; }
        .l-footer-contact-inner > div.contact a {
          width: 500px;
          height: 70px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          border-radius: 100px;
          background: #951231;
          color: #951231;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          font-size: 18px;
          font-weight: 500;
          -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
          position: relative; }
          @media screen and (max-width: 834px) {
            .l-footer-contact-inner > div.contact a {
              font-size: 16px; } }
          .l-footer-contact-inner > div.contact a::after {
            content: '';
            width: 10px;
            height: 10px;
            border-top: solid 2px #951231;
            border-right: solid 2px #951231;
            position: absolute;
            right: 24px;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg); }
        @media screen and (max-width: 834px) {
          .l-footer-contact-inner > div.contact {
            width: 49%; } }
        .l-footer-contact-inner > div.contact a {
          position: relative;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          background: #fff;
          font-size: 24px;
          padding-left: 30px; }
          .l-footer-contact-inner > div.contact a p {
            color: #951231; }
          .l-footer-contact-inner > div.contact a span {
            display: block;
            padding-top: 8px;
            width: 100%;
            color: #951231;
            font-size: 12px;
            font-size: 0.85714rem;
            text-align: center; }
          @media screen and (max-width: 834px) {
            .l-footer-contact-inner > div.contact a {
              width: 100%; } }
          .l-footer-contact-inner > div.contact a::before {
            content: "";
            position: absolute; }
          @media screen and (max-width: 834px) {
            .l-footer-contact-inner > div.contact a {
              padding: 10px;
              font-size: 0.75rem;
              width: 100%;
              height: auto;
              border-radius: 4px; }
              .l-footer-contact-inner > div.contact a:after {
                width: 5px;
                height: 5px;
                top: 50%;
                -webkit-transform: translateY(-50%) rotate(45deg);
                -ms-transform: translateY(-50%) rotate(45deg);
                transform: translateY(-50%) rotate(45deg); } }
          .l-footer-contact-inner > div.contact a::before {
            background: url(../img/icon_contact02.svg) no-repeat;
            width: 35px;
            height: 27px;
            left: 42px; }
            @media screen and (max-width: 834px) {
              .l-footer-contact-inner > div.contact a::before {
                background-size: 20px;
                width: 20px;
                height: 15px;
                left: 10px;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%); } }
        .l-footer-contact-inner > div.contact-title {
          width: 100%;
          color: #951231;
          margin-top: 14px; }
        .l-footer-contact-inner > div.contact-time {
          color: #951231;
          font-size: 14px;
          margin-bottom: 12px; }

@media screen and (max-width: 834px) {
  .pc {
    display: none !important; } }

.sp {
  display: none !important; }
  @media screen and (max-width: 834px) {
    .sp {
      display: initial !important; } }
  .sp-flex {
    display: none !important; }
    @media screen and (max-width: 834px) {
      .sp-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important; } }
  .sp-block {
    display: none !important; }
    @media screen and (max-width: 834px) {
      .sp-block {
        display: block !important; } }

#topCampaignSwiperWrap {
  padding-bottom: 60px;
  overflow: hidden; }

#topCampaignSwiper {
  margin-right: auto;
  position: relative;
  margin-left: auto;
  z-index: 0; }
  #topCampaignSwiper .swiper-campaign {
    width: 100%;
    height: 100%;
    overflow: visible;
    z-index: 1; }
    @media screen and (max-width: 834px) {
      #topCampaignSwiper .swiper-campaign {
        overflow: hidden; } }
    #topCampaignSwiper .swiper-campaign .swiper-wrapper .swiper-slide {
      padding: 0;
      width: 700px;
      -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
      box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); }
      #topCampaignSwiper .swiper-campaign .swiper-wrapper .swiper-slide img {
        width: 100%; }
      @media screen and (max-width: 834px) {
        #topCampaignSwiper .swiper-campaign .swiper-wrapper .swiper-slide {
          width: 70%;
          margin: 10px 0; } }
    #topCampaignSwiper .swiper-campaign .swiper-pagination {
      position: absolute;
      bottom: -64px;
      margin: 0 8px; }
      @media screen and (max-width: 834px) {
        #topCampaignSwiper .swiper-campaign .swiper-pagination {
          bottom: -40px;
          margin: 0; } }
  #topCampaignSwiper .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    margin: 0 8px;
    background: #951231; }

.l-mv {
  background: #eceaea url(../img/bg_top_mv.jpg) no-repeat center;
  background-size: cover;
  height: calc(100vh - 200px);
  min-height: 655px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media screen and (min-width: 1200px) {
    .l-mv {
      max-height: 800px; } }
  @media screen and (max-width: 834px) {
    .l-mv {
      height: auto;
      min-height: auto;
      padding-bottom: 20px; } }
  .l-mv__inner {
    margin: 0 auto;
    height: 100%;
    width: 80%;
    max-width: 1200px; }
    @media screen and (max-width: 1199px) {
      .l-mv__inner {
        height: auto; } }
    @media screen and (max-width: 834px) {
      .l-mv__inner {
        width: 90%; } }
  .l-mv__catch {
    padding-top: 40px;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    -webkit-text-orientation: upright;
    text-orientation: upright;
    word-break: break-all;
    font-size: 18px;
    line-height: 1.6; }
    @media screen and (max-width: 834px) {
      .l-mv__catch {
        padding-top: 20px;
        font-size: 14px; } }
    .l-mv__catch .big {
      font-size: 48px; }
      @media screen and (max-width: 834px) {
        .l-mv__catch .big {
          font-size: 16px; } }
    .l-mv__catch span {
      display: inline-block;
      text-align: center;
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg);
      padding-right: 14px; }
      @media screen and (max-width: 834px) {
        .l-mv__catch span {
          padding-right: 4px; } }
  .l-mv__search-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media screen and (max-width: 834px) {
      .l-mv__search-box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
  .l-mv__search-area {
    position: relative;
    width: 60%; }
    @media screen and (max-width: 834px) {
      .l-mv__search-area {
        width: 100%;
        margin-top: 24px; } }
    .l-mv__search-area-tab {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      z-index: 10;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-bottom: 8px; }
      @media screen and (max-width: 834px) {
        .l-mv__search-area-tab {
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between; } }
      .l-mv__search-area-tab li {
        width: calc(50% - 8px);
        border-radius: 100px;
        margin-right: 8px;
        margin-bottom: 8px; }
        @media screen and (max-width: 834px) {
          .l-mv__search-area-tab li {
            width: 48%;
            height: 48px;
            margin-right: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center; } }
        .l-mv__search-area-tab li:nth-child(even) {
          margin-right: 0; }
        @media screen and (max-width: 834px) {
          .l-mv__search-area-tab li.long {
            width: 100%; } }
        @media screen and (max-width: 834px) {
          .l-mv__search-area-tab li.space {
            margin: 0 calc(24% + 8px) 8px calc(24% + 8px); } }
        .l-mv__search-area-tab li a {
          width: 100%;
          display: block;
          border-radius: 8px;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          padding: 6px;
          font-size: 14px;
          font-weight: 500;
          text-align: center;
          background-color: #951231;
          color: #fff;
          -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); }
          @media screen and (max-width: 834px) {
            .l-mv__search-area-tab li a {
              font-size: 16px;
              height: 100%;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center;
              -webkit-box-pack: center;
              -ms-flex-pack: center;
              justify-content: center; } }
          .l-mv__search-area-tab li a.disabled {
            opacity: 0.2;
            pointer-events: none; }
          .l-mv__search-area-tab li a.on {
            pointer-events: none; }
  .l-mv__search-map {
    z-index: 1;
    height: 100%; }
    .l-mv__search-map img, .l-mv__search-map svg {
      max-width: 100%;
      width: 100%; }
    @media screen and (max-width: 1199px) {
      .l-mv__search-map {
        position: relative;
        width: 140%;
        left: -40%;
        height: auto; }
        .l-mv__search-map .area_map-bg {
          display: none; }
        .l-mv__search-map img, .l-mv__search-map svg {
          width: 100%;
          height: auto; } }
    @media screen and (max-width: 834px) {
      .l-mv__search-map {
        display: none; }
        .l-mv__search-map .area_map-bg {
          display: none; } }
    .l-mv__search-map__btn-01 {
      position: absolute;
      z-index: 5;
      top: 75%;
      left: 27%;
      text-align: center; }
      .l-mv__search-map__btn-01 a, .l-mv__search-map__btn-01 input[type="button"], .l-mv__search-map__btn-01 input[type="submit"] {
        width: 140px;
        height: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 100px;
        background: #F5651A;
        color: #fff;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 18px; }
        @media screen and (max-width: 834px) {
          .l-mv__search-map__btn-01 a, .l-mv__search-map__btn-01 input[type="button"], .l-mv__search-map__btn-01 input[type="submit"] {
            font-size: 16px; } }
      .l-mv__search-map__btn-01 input[type="button"], .l-mv__search-map__btn-01 input[type="submit"] {
        border: none;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s; }
        .l-mv__search-map__btn-01 input[type="button"]:hover, .l-mv__search-map__btn-01 input[type="submit"]:hover {
          cursor: pointer;
          -webkit-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          filter: alpha(opacity=70);
          opacity: 0.70;
          transition: all 0.3s ease 0s; }
          @media screen and (max-width: 834px) {
            .l-mv__search-map__btn-01 input[type="button"]:hover, .l-mv__search-map__btn-01 input[type="submit"]:hover {
              opacity: 1; } }
      .l-mv__search-map__btn-01 a {
        font-weight: 500;
        font-size: 14px; }
      @media screen and (max-width: 834px) {
        .l-mv__search-map__btn-01 {
          display: none; } }
    .l-mv__search-map__btn-02 {
      position: absolute;
      z-index: 5;
      top: 55%;
      left: 60%;
      text-align: center; }
      .l-mv__search-map__btn-02 a, .l-mv__search-map__btn-02 input[type="button"], .l-mv__search-map__btn-02 input[type="submit"] {
        width: 140px;
        height: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 100px;
        background: #F5651A;
        color: #fff;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 18px; }
        @media screen and (max-width: 834px) {
          .l-mv__search-map__btn-02 a, .l-mv__search-map__btn-02 input[type="button"], .l-mv__search-map__btn-02 input[type="submit"] {
            font-size: 16px; } }
      .l-mv__search-map__btn-02 input[type="button"], .l-mv__search-map__btn-02 input[type="submit"] {
        border: none;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s; }
        .l-mv__search-map__btn-02 input[type="button"]:hover, .l-mv__search-map__btn-02 input[type="submit"]:hover {
          cursor: pointer;
          -webkit-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          filter: alpha(opacity=70);
          opacity: 0.70;
          transition: all 0.3s ease 0s; }
          @media screen and (max-width: 834px) {
            .l-mv__search-map__btn-02 input[type="button"]:hover, .l-mv__search-map__btn-02 input[type="submit"]:hover {
              opacity: 1; } }
      .l-mv__search-map__btn-02 a {
        font-weight: 500;
        font-size: 14px; }
      @media screen and (max-width: 834px) {
        .l-mv__search-map__btn-02 {
          display: none; } }
    .l-mv__search-map__btn-03 {
      position: absolute;
      z-index: 5;
      top: 65%;
      left: 65%;
      text-align: center; }
      .l-mv__search-map__btn-03 a, .l-mv__search-map__btn-03 input[type="button"], .l-mv__search-map__btn-03 input[type="submit"] {
        width: 140px;
        height: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 100px;
        background: #F5651A;
        color: #fff;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 18px; }
        @media screen and (max-width: 834px) {
          .l-mv__search-map__btn-03 a, .l-mv__search-map__btn-03 input[type="button"], .l-mv__search-map__btn-03 input[type="submit"] {
            font-size: 16px; } }
      .l-mv__search-map__btn-03 input[type="button"], .l-mv__search-map__btn-03 input[type="submit"] {
        border: none;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s; }
        .l-mv__search-map__btn-03 input[type="button"]:hover, .l-mv__search-map__btn-03 input[type="submit"]:hover {
          cursor: pointer;
          -webkit-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          filter: alpha(opacity=70);
          opacity: 0.70;
          transition: all 0.3s ease 0s; }
          @media screen and (max-width: 834px) {
            .l-mv__search-map__btn-03 input[type="button"]:hover, .l-mv__search-map__btn-03 input[type="submit"]:hover {
              opacity: 1; } }
      .l-mv__search-map__btn-03 a {
        font-weight: 500;
        font-size: 14px; }
      @media screen and (max-width: 834px) {
        .l-mv__search-map__btn-03 {
          display: none; } }
    .l-mv__search-map__btn-04 {
      position: absolute;
      z-index: 5;
      top: 80%;
      left: 65%;
      text-align: center; }
      .l-mv__search-map__btn-04 a, .l-mv__search-map__btn-04 input[type="button"], .l-mv__search-map__btn-04 input[type="submit"] {
        width: 140px;
        height: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 100px;
        background: #F5651A;
        color: #fff;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 18px; }
        @media screen and (max-width: 834px) {
          .l-mv__search-map__btn-04 a, .l-mv__search-map__btn-04 input[type="button"], .l-mv__search-map__btn-04 input[type="submit"] {
            font-size: 16px; } }
      .l-mv__search-map__btn-04 input[type="button"], .l-mv__search-map__btn-04 input[type="submit"] {
        border: none;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s; }
        .l-mv__search-map__btn-04 input[type="button"]:hover, .l-mv__search-map__btn-04 input[type="submit"]:hover {
          cursor: pointer;
          -webkit-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          filter: alpha(opacity=70);
          opacity: 0.70;
          transition: all 0.3s ease 0s; }
          @media screen and (max-width: 834px) {
            .l-mv__search-map__btn-04 input[type="button"]:hover, .l-mv__search-map__btn-04 input[type="submit"]:hover {
              opacity: 1; } }
      .l-mv__search-map__btn-04 a {
        font-weight: 500;
        font-size: 14px; }
      @media screen and (max-width: 834px) {
        .l-mv__search-map__btn-04 {
          display: none; } }
    .l-mv__search-map__btn-05 {
      position: absolute;
      z-index: 5;
      top: 40%;
      left: 25%;
      text-align: center; }
      .l-mv__search-map__btn-05 a, .l-mv__search-map__btn-05 input[type="button"], .l-mv__search-map__btn-05 input[type="submit"] {
        width: 140px;
        height: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 100px;
        background: #F5651A;
        color: #fff;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 18px; }
        @media screen and (max-width: 834px) {
          .l-mv__search-map__btn-05 a, .l-mv__search-map__btn-05 input[type="button"], .l-mv__search-map__btn-05 input[type="submit"] {
            font-size: 16px; } }
      .l-mv__search-map__btn-05 input[type="button"], .l-mv__search-map__btn-05 input[type="submit"] {
        border: none;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s; }
        .l-mv__search-map__btn-05 input[type="button"]:hover, .l-mv__search-map__btn-05 input[type="submit"]:hover {
          cursor: pointer;
          -webkit-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          filter: alpha(opacity=70);
          opacity: 0.70;
          transition: all 0.3s ease 0s; }
          @media screen and (max-width: 834px) {
            .l-mv__search-map__btn-05 input[type="button"]:hover, .l-mv__search-map__btn-05 input[type="submit"]:hover {
              opacity: 1; } }
      .l-mv__search-map__btn-05 a {
        font-weight: 500;
        font-size: 14px; }
      @media screen and (max-width: 834px) {
        .l-mv__search-map__btn-05 {
          display: none; } }
    .l-mv__search-map__btn-06 {
      position: absolute;
      z-index: 5;
      top: 20%;
      left: 60%;
      text-align: center; }
      .l-mv__search-map__btn-06 a, .l-mv__search-map__btn-06 input[type="button"], .l-mv__search-map__btn-06 input[type="submit"] {
        width: 140px;
        height: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 100px;
        background: #F5651A;
        color: #fff;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 18px; }
        @media screen and (max-width: 834px) {
          .l-mv__search-map__btn-06 a, .l-mv__search-map__btn-06 input[type="button"], .l-mv__search-map__btn-06 input[type="submit"] {
            font-size: 16px; } }
      .l-mv__search-map__btn-06 input[type="button"], .l-mv__search-map__btn-06 input[type="submit"] {
        border: none;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s; }
        .l-mv__search-map__btn-06 input[type="button"]:hover, .l-mv__search-map__btn-06 input[type="submit"]:hover {
          cursor: pointer;
          -webkit-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          filter: alpha(opacity=70);
          opacity: 0.70;
          transition: all 0.3s ease 0s; }
          @media screen and (max-width: 834px) {
            .l-mv__search-map__btn-06 input[type="button"]:hover, .l-mv__search-map__btn-06 input[type="submit"]:hover {
              opacity: 1; } }
      .l-mv__search-map__btn-06 a {
        font-weight: 500;
        font-size: 14px; }
      @media screen and (max-width: 834px) {
        .l-mv__search-map__btn-06 {
          display: none; } }
  .l-mv__search-right {
    width: 40%;
    padding: 20px;
    background: rgba(0, 0, 0, 0.5);
    margin-left: 40px;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #ffffff; }
    @media screen and (max-width: 1199px) {
      .l-mv__search-right {
        margin-left: 0;
        width: 30%; } }
    @media screen and (max-width: 834px) {
      .l-mv__search-right {
        margin-left: 0;
        width: 100%; } }
    .l-mv__search-right__logo {
      display: block;
      padding: 8px;
      margin-bottom: 8px;
      text-align: center; }
      .l-mv__search-right__logo img {
        max-width: 100%; }
    .l-mv__search-right__text {
      font-size: 14px;
      color: #ffffff;
      text-align: center; }
      .l-mv__search-right__text--big {
        font-size: 120%;
        color: #ffffff;
        font-weight: 900; }
      .l-mv__search-right__text--image {
        height: 40px;
        margin-right: 8px;
        display: inline-block; }
        .l-mv__search-right__text--image img {
          height: 100%; }
      @media screen and (max-width: 834px) {
        .l-mv__search-right__text {
          text-align: center; } }
  .l-mv__search-tab {
    right: 0;
    top: 0;
    width: 100%;
    margin-top: 20px; }
    @media screen and (max-width: 834px) {
      .l-mv__search-tab {
        position: static;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; } }
    .l-mv__search-tab li {
      border-radius: 8px;
      font-size: 18px;
      font-weight: 500;
      height: 48px;
      margin-bottom: 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      @media screen and (max-width: 834px) {
        .l-mv__search-tab li {
          width: 100%;
          border-radius: 8px;
          font-size: 14px;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          height: auto;
          margin-bottom: 12px; }
          .l-mv__search-tab li a {
            padding: 6px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box; } }
      .l-mv__search-tab li.tab-on {
        background: #951231;
        color: #fff; }
      .l-mv__search-tab li.long {
        font-size: 14px;
        letter-spacing: 0.1em; }
        @media screen and (max-width: 834px) {
          .l-mv__search-tab li.long {
            width: 100%;
            font-size: 16px; } }
      .l-mv__search-tab li.contact {
        font-size: 14px;
        letter-spacing: 0.1em; }
        .l-mv__search-tab li.contact a {
          background: #951231;
          color: #ffffff !important; }
        @media screen and (max-width: 834px) {
          .l-mv__search-tab li.contact {
            width: 100% !important;
            font-size: 12px !important;
            line-height: 1.5 !important;
            text-align: center !important; } }
      @media screen and (max-width: 834px) {
        .l-mv__search-tab li.pc {
          display: none; } }
      .l-mv__search-tab li.sp {
        display: none; }
        @media screen and (max-width: 834px) {
          .l-mv__search-tab li.sp {
            display: block; } }
      .l-mv__search-tab li a {
        border-radius: 8px;
        background: #fff;
        height: 100%;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        @media screen and (max-width: 834px) {
          .l-mv__search-tab li a {
            border-radius: 8px; } }
  .l-mv__search-word {
    margin-top: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin-bottom: 20px; }
    .l-mv__search-word__input {
      width: 80%; }
      @media screen and (max-width: 834px) {
        .l-mv__search-word__input {
          width: 80%; } }
      .l-mv__search-word__input input {
        height: 48px;
        width: 100%;
        border-radius: 8px 0 0 8px;
        border: none;
        font-size: 16px;
        padding: 0 24px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
        @media screen and (max-width: 834px) {
          .l-mv__search-word__input input {
            width: 100%; } }
        .l-mv__search-word__input input:focus {
          outline: 0; }
    .l-mv__search-word .c-btn__01 {
      width: 20%; }
      .l-mv__search-word .c-btn__01 input[type="submit"] {
        width: 100%;
        border-radius: 0 8px 8px 0;
        font-size: 14px;
        height: 48px; }
    @media screen and (max-width: 834px) {
      .l-mv__search-word .c-btn__01 a {
        margin: 0 auto; } }

.hide-area {
  display: none; }

.modaal-close:after,
.modaal-close:before {
  background: #ccc; }

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before {
  background: #666; }

.modaal-container {
  width: 750px;
  margin: 0 auto; }

.l-modaal__content {
  position: relative;
  background: #fff;
  border: 20px solid #fff;
  border-radius: 20px; }
  .l-modaal__content img {
    width: 100%; }

.l-modaal__shizutetsu p {
  position: absolute;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-weight: 500;
  font-size: 14px; }
  .l-modaal__shizutetsu p a {
    padding-top: 20px; }
    .l-modaal__shizutetsu p a.bottom {
      padding-top: 0;
      padding-bottom: 20px; }
  .l-modaal__shizutetsu p.stat-01 {
    top: 125px;
    right: 122px; }
  .l-modaal__shizutetsu p.stat-02 {
    top: 134px;
    right: 151px; }
  .l-modaal__shizutetsu p.stat-03 {
    top: 149px;
    right: 184px; }
  .l-modaal__shizutetsu p.stat-04 {
    top: 156px;
    right: 230px; }
  .l-modaal__shizutetsu p.stat-05 {
    top: 168px;
    right: 260px; }
  .l-modaal__shizutetsu p.stat-06 {
    top: 197px;
    right: 280px; }
  .l-modaal__shizutetsu p.stat-07 {
    top: 228px;
    right: 296px; }
  .l-modaal__shizutetsu p.stat-08 {
    top: 249px;
    right: 320px; }
  .l-modaal__shizutetsu p.stat-09 {
    top: 210px;
    right: 360px; }
  .l-modaal__shizutetsu p.stat-10 {
    top: 226px;
    right: 386px; }
  .l-modaal__shizutetsu p.stat-11 {
    top: 248px;
    right: 413px; }
  .l-modaal__shizutetsu p.stat-12 {
    top: 254px;
    right: 435px; }
  .l-modaal__shizutetsu p.stat-13 {
    top: 250px;
    right: 464px; }
  .l-modaal__shizutetsu p.stat-14 {
    top: 257px;
    right: 494px; }
  .l-modaal__shizutetsu p.stat-15 {
    top: 270px;
    right: 527px; }

.l-modaal__jr p {
  position: absolute;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-weight: 500;
  font-size: 18px; }
  .l-modaal__jr p a {
    padding-top: 30px; }
    .l-modaal__jr p a.bottom {
      padding-top: 0;
      padding-bottom: 30px; }
  .l-modaal__jr p.stat-01 {
    top: 30px;
    right: 130px; }
  .l-modaal__jr p.stat-02 {
    top: 129px;
    right: 301px; }
  .l-modaal__jr p.stat-03 {
    top: 291px;
    right: 383px; }
  .l-modaal__jr p.stat-04 {
    top: 347px;
    right: 469px; }

.l-top__special__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .l-top__special__content li {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    margin-bottom: 40px; }
    @media screen and (max-width: 834px) {
      .l-top__special__content li {
        margin-bottom: 24px; } }
    .l-top__special__content li img {
      width: 100%; }
  .l-top__special__content-01 {
    margin-bottom: 80px; }
    @media screen and (max-width: 834px) {
      .l-top__special__content-01 {
        margin-bottom: 40px; } }
    .l-top__special__content-01 li {
      width: 46%; }
      @media screen and (max-width: 834px) {
        .l-top__special__content-01 li {
          width: 48%; } }
  .l-top__special__content-02 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @media screen and (max-width: 834px) {
      .l-top__special__content-02 {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; } }
    .l-top__special__content-02 li {
      width: 30%;
      margin-right: 5%; }
      .l-top__special__content-02 li:nth-child(3n), .l-top__special__content-02 li:last-child {
        margin-right: 0; }
      @media screen and (max-width: 834px) {
        .l-top__special__content-02 li {
          width: 48%;
          margin-right: 0; } }
  .l-top__special__content-03 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @media screen and (max-width: 834px) {
      .l-top__special__content-03 {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; } }
    .l-top__special__content-03 li {
      width: 23%;
      margin-right: 1%; }
      .l-top__special__content-03 li:nth-child(4n) {
        margin-right: 0; }
      .l-top__special__content-03 li:first-child {
        margin-left: 4%; }
      .l-top__special__content-03 li:last-child {
        margin-right: 4%; }
      @media screen and (max-width: 834px) {
        .l-top__special__content-03 li {
          width: 48%;
          margin-right: 0; }
          .l-top__special__content-03 li:first-child {
            margin-left: 0; }
          .l-top__special__content-03 li:last-child {
            margin-right: 0; } }

.l-top__area__content, .l-top__station__content, .l-top__list__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 40px; }
  @media screen and (max-width: 1199px) {
    .l-top__area__content, .l-top__station__content, .l-top__list__content {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }
  .l-top__area__content-02, .l-top__station__content-02, .l-top__list__content-02 {
    margin-bottom: 0; }
  .l-top__area__content li, .l-top__station__content li, .l-top__list__content li {
    width: 240px;
    margin-right: 46px; }
    .l-top__area__content li:nth-child(n+5), .l-top__station__content li:nth-child(n+5), .l-top__list__content li:nth-child(n+5) {
      margin-top: 24px; }
    .l-top__area__content li:nth-child(4n), .l-top__station__content li:nth-child(4n), .l-top__list__content li:nth-child(4n) {
      margin-right: 0; }
    @media screen and (max-width: 1199px) {
      .l-top__area__content li, .l-top__station__content li, .l-top__list__content li {
        width: 48%;
        margin-right: 0; }
        .l-top__area__content li:nth-child(n+3), .l-top__station__content li:nth-child(n+3), .l-top__list__content li:nth-child(n+3) {
          margin-top: 24px; } }
    .l-top__area__content li img, .l-top__station__content li img, .l-top__list__content li img {
      width: 100%;
      border-radius: 15px; }

.l-top__station__content li {
  background: #fff;
  height: 72px;
  border-radius: 4px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2em; }
  @media screen and (max-width: 834px) {
    .l-top__station__content li {
      font-size: 16px; } }
  .l-top__station__content li a {
    display: block;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

.l-top__movie-col2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media screen and (max-width: 834px) {
    .l-top__movie-col2 {
      display: block; } }
  .l-top__movie-col2-box {
    width: 500px; }
    @media screen and (max-width: 834px) {
      .l-top__movie-col2-box {
        width: 100%; } }
    .l-top__movie-col2-box:first-child {
      margin-right: 20px; }
      @media screen and (max-width: 834px) {
        .l-top__movie-col2-box:first-child {
          margin-right: 0;
          margin-bottom: 20px; } }

.l-top__movie .youtube {
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  position: relative;
  cursor: pointer; }
  .l-top__movie .youtube img, .l-top__movie .youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.l-top__list__content {
  margin-bottom: 0; }
  .l-top__list__content li {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    background: #eee;
    height: 72px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2em;
    -webkit-box-shadow: none;
    box-shadow: none; }
    @media screen and (max-width: 834px) {
      .l-top__list__content li {
        font-size: 14px; } }
    .l-top__list__content li a {
      display: block;
      position: relative;
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding-left: 48px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      .l-top__list__content li a:before {
        position: absolute;
        vertical-align: middle;
        content: "";
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        bottom: 0;
        left: 20px;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: #951231; }
      .l-top__list__content li a:after {
        position: absolute;
        content: "";
        vertical-align: middle;
        top: 49%;
        left: 22px;
        width: 6px;
        height: 6px;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        -webkit-transform: rotate(45deg) translateY(-50%);
        -ms-transform: rotate(45deg) translateY(-50%);
        transform: rotate(45deg) translateY(-50%); }

.l-top__text-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  background: url(../img/bg_top_text_01.jpg) no-repeat;
  background-size: cover;
  padding: 40px 0; }
  @media screen and (max-width: 1199px) {
    .l-top__text-box {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding: 20px;
      margin: 0 auto; } }
  .l-top__text-box__img {
    height: 480px;
    position: absolute;
    right: calc(50% - 10px); }
    .l-top__text-box__img img {
      border-radius: 0 50px 50px 0; }
    @media screen and (max-width: 834px) {
      .l-top__text-box__img {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        position: static;
        height: auto; }
        .l-top__text-box__img img {
          width: 100%;
          border-radius: 15px; } }
  .l-top__text-box__inner {
    width: 700px;
    margin-left: auto;
    margin-right: calc(50% - 1110px/2);
    background: #fff;
    padding: 40px;
    border-radius: 8px; }
    @media screen and (max-width: 1199px) {
      .l-top__text-box__inner {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
        margin: 0 auto; } }
  .l-top__text-box__title {
    font-size: 24px;
    margin-bottom: 48px;
    letter-spacing: 0.3em;
    line-height: 1.3em; }

.l-top__bnr-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .l-top__bnr-box-item {
    width: calc(50% - 15px);
    margin-bottom: 20px;
    border: 1px solid #d8c5ca;
    border-radius: 15px;
    overflow: hidden; }
    .l-top__bnr-box-item--long {
      width: 100%;
      border: 1px solid #d8c5ca;
      border-radius: 15px;
      overflow: hidden; }
      .l-top__bnr-box-item--long:last-child {
        margin-bottom: 0; }
  .l-top__bnr-box img {
    width: 100%; }
  @media screen and (max-width: 1199px) {
    .l-top__bnr-box-item {
      width: calc(50% - 8px);
      margin-bottom: 20px; }
      .l-top__bnr-box-item--long {
        width: 100%; }
    .l-top__bnr-box img {
      width: 100%; } }
  @media screen and (max-width: 834px) {
    .l-top__bnr-box {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .l-top__bnr-box-item {
        margin-bottom: 20px; }
      .l-top__bnr-box img {
        width: 100%; } }

.c-btn__01 {
  text-align: center; }
  .c-btn__01 a, .c-btn__01 input[type="button"], .c-btn__01 input[type="submit"] {
    width: 180px;
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100px;
    background: #951231;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 18px; }
    @media screen and (max-width: 834px) {
      .c-btn__01 a, .c-btn__01 input[type="button"], .c-btn__01 input[type="submit"] {
        font-size: 16px; } }
  .c-btn__01 input[type="button"], .c-btn__01 input[type="submit"] {
    border: none;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
    .c-btn__01 input[type="button"]:hover, .c-btn__01 input[type="submit"]:hover {
      cursor: pointer;
      -webkit-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      filter: alpha(opacity=70);
      opacity: 0.70;
      transition: all 0.3s ease 0s; }
      @media screen and (max-width: 834px) {
        .c-btn__01 input[type="button"]:hover, .c-btn__01 input[type="submit"]:hover {
          opacity: 1; } }
  @media screen and (max-width: 834px) {
    .c-btn__01 input[type="submit"] {
      width: 160px;
      height: 40px;
      margin: 0 auto; } }

.c-btn__02 {
  text-align: center;
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .c-btn__02 a {
    width: 305px;
    height: 54px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100px;
    background: #951231;
    color: #FFF;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 500;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    position: relative; }
    @media screen and (max-width: 834px) {
      .c-btn__02 a {
        font-size: 16px; } }
    .c-btn__02 a::after {
      content: '';
      width: 10px;
      height: 10px;
      border-top: solid 2px #FFF;
      border-right: solid 2px #FFF;
      position: absolute;
      right: 24px;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }

.c-title__01 {
  font-size: 32px;
  font-weight: 500;
  letter-spacing: 0.2em;
  margin-bottom: 80px;
  text-align: center; }
  .c-title__01 span {
    color: #951231;
    font-size: 16px;
    margin-left: 16px;
    letter-spacing: 0.2em; }
    @media screen and (max-width: 834px) {
      .c-title__01 span {
        margin-left: 0; } }
  @media screen and (max-width: 834px) {
    .c-title__01 {
      line-height: 1.6em;
      font-size: 24px; } }

.c-title__02 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 24px; }

.c-title__03 {
  font-size: 16px;
  font-weight: 700;
  color: #951231;
  margin-bottom: 16px; }
  .c-title__03 img {
    width: 17px;
    margin-right: 8px; }

.l-back {
  padding: 120px 0; }
  @media screen and (max-width: 834px) {
    .l-back {
      padding: 80px 0; } }
  .l-back__01 {
    background: #d8c5ca; }
  @media screen and (max-width: 834px) {
    .l-back__02 {
      padding: 32px 0; } }
  .l-back__contact {
    background: url(../img/bg_contact_01.jpg) no-repeat;
    background-size: cover; }

.l-contact__content-title {
  font-size: 24px;
  text-align: center;
  margin-bottom: 40px;
  font-weight: 500;
  color: #fff; }

.l-contact__content-text {
  text-align: center;
  margin-bottom: 56px;
  color: #fff; }
  @media screen and (max-width: 834px) {
    .l-contact__content-text {
      text-align: left;
      margin-bottom: 32px; } }

.l-contact__content-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media screen and (max-width: 834px) {
    .l-contact__content-btn {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  .l-contact__content-btn li {
    text-align: center; }
    .l-contact__content-btn li a {
      width: 400px;
      height: 90px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      border-radius: 100px;
      background: #fff;
      color: #fff;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      font-size: 18px;
      font-weight: 500;
      -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
      box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
      position: relative; }
      @media screen and (max-width: 834px) {
        .l-contact__content-btn li a {
          font-size: 16px; } }
      .l-contact__content-btn li a::after {
        content: '';
        width: 10px;
        height: 10px;
        border-top: solid 2px #fff;
        border-right: solid 2px #fff;
        position: absolute;
        right: 24px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
    @media screen and (max-width: 834px) {
      .l-contact__content-btn li {
        width: 100%; } }
    .l-contact__content-btn li a {
      position: relative;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .l-contact__content-btn li a::before {
        content: "";
        position: absolute; }
      @media screen and (max-width: 834px) {
        .l-contact__content-btn li a {
          width: 100%;
          height: 80px; } }
  .l-contact__content-btn .tel {
    margin-right: 40px;
    pointer-events: none; }
    @media screen and (max-width: 834px) {
      .l-contact__content-btn .tel {
        margin: 0 0 40px 0;
        pointer-events: initial; } }
    .l-contact__content-btn .tel a {
      background: #951231;
      padding-left: 20px; }
      .l-contact__content-btn .tel a::before {
        background: url(../img/icon_tel01.svg) no-repeat;
        width: 28px;
        height: 32px;
        left: 72px; }
        @media screen and (max-width: 834px) {
          .l-contact__content-btn .tel a::before {
            left: 13%; } }
      .l-contact__content-btn .tel a::after {
        content: none; }
        @media screen and (max-width: 834px) {
          .l-contact__content-btn .tel a::after {
            content: ""; } }
    .l-contact__content-btn .tel-num {
      font-size: 24px;
      width: 100%;
      margin-top: 14px;
      color: #fff; }
    .l-contact__content-btn .tel-time {
      font-size: 14px;
      margin-bottom: 12px;
      color: #fff; }
  .l-contact__content-btn .contact a {
    background: #951231;
    font-size: 24px;
    padding-left: 30px; }
    .l-contact__content-btn .contact a::before {
      background: url(../img/icon_contact01.svg) no-repeat;
      width: 35px;
      height: 27px;
      left: 72px; }
      @media screen and (max-width: 834px) {
        .l-contact__content-btn .contact a::before {
          left: 13%; } }
  .l-contact__content-btn .contact-title {
    width: 100%;
    color: #fff;
    margin-top: 14px; }
  .l-contact__content-btn .contact-time {
    color: #fff;
    font-size: 14px;
    margin-bottom: 12px; }

#tplContact {
  padding: 120px 0; }
  @media screen and (max-width: 834px) {
    #tplContact {
      padding: 40px 0; } }

#tplContact input[type=text].input_200 {
  float: left;
  width: 200px; }
  #tplContact input[type=text].input_200 + p {
    width: auto;
    float: left; }
    @media screen and (max-width: 834px) {
      #tplContact input[type=text].input_200 + p {
        float: none; } }
  @media screen and (max-width: 834px) {
    #tplContact input[type=text].input_200 {
      width: 100%;
      float: none; } }

.l-information__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media screen and (max-width: 834px) {
    .l-information__content {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
      justify-content: space-evenly; } }
  .l-information__content li {
    width: 150px;
    text-align: center; }
    .l-information__content li.disabled {
      pointer-events: none; }
      .l-information__content li.disabled a {
        opacity: 0.2; }
    @media screen and (max-width: 834px) {
      .l-information__content li {
        width: 46%; }
        .l-information__content li:nth-child(n+3) {
          margin-top: 24px; } }
    .l-information__content li a {
      background: #d8c5ca;
      border-radius: 4%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 100%;
      height: 100%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 40px 0; }
    .l-information__content li .img {
      width: 100%;
      height: 51px;
      margin-bottom: 16px; }
      @media screen and (max-width: 834px) {
        .l-information__content li .img {
          height: 40px; } }
      .l-information__content li .img img {
        width: 100%;
        max-height: 51px; }
        @media screen and (max-width: 834px) {
          .l-information__content li .img img {
            max-height: 40px; } }
    .l-information__content li .title {
      font-size: 14px;
      font-weight: 500;
      line-height: 1.3em; }

.l-information__border {
  background: #d8c5ca;
  margin: 0; }

.l-404__btn {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center; }
  .l-404__btn a, .l-404__btn input[type="button"], .l-404__btn input[type="submit"] {
    width: 300px;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100px;
    background: #951231;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 18px; }
    @media screen and (max-width: 834px) {
      .l-404__btn a, .l-404__btn input[type="button"], .l-404__btn input[type="submit"] {
        font-size: 16px; } }
  .l-404__btn input[type="button"], .l-404__btn input[type="submit"] {
    border: none;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
    .l-404__btn input[type="button"]:hover, .l-404__btn input[type="submit"]:hover {
      cursor: pointer;
      -webkit-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      filter: alpha(opacity=70);
      opacity: 0.70;
      transition: all 0.3s ease 0s; }
      @media screen and (max-width: 834px) {
        .l-404__btn input[type="button"]:hover, .l-404__btn input[type="submit"]:hover {
          opacity: 1; } }
  @media screen and (max-width: 834px) {
    .l-404__btn a {
      width: 100%;
      height: 40px;
      margin: 0 auto; } }

/* anime
  ---------------------------------------- */
.fadein, .feadinUp {
  opacity: 0;
  -webkit-transform: translate(0, 50px);
  -ms-transform: translate(0, 50px);
  transform: translate(0, 50px);
  -webkit-transition: all 2000ms;
  -o-transition: all 2000ms;
  transition: all 2000ms; }

.fadein.scrollin {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0); }

.hidden {
  display: none; }

.l-property__list-01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media screen and (max-width: 834px) {
    .l-property__list-01 {
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; } }
  .l-property__list-01 li {
    width: 330px;
    border-radius: 8px;
    margin-right: 55px;
    position: relative;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    background: #fff; }
    .l-property__list-01 li:nth-child(3n) {
      margin-right: 0; }
    .l-property__list-01 li:nth-child(n+4) {
      margin-top: 40px; }
    @media screen and (max-width: 1199px) {
      .l-property__list-01 li {
        width: calc((100% - 90px) / 3);
        padding: 0 0 40px;
        margin: 0 40px 40px 0; }
        .l-property__list-01 li:nth-child(n+3) {
          padding: 0 0 40px; }
        .l-property__list-01 li:nth-child(n+4) {
          margin-top: 0; } }
    @media screen and (max-width: 834px) {
      .l-property__list-01 li {
        width: 90%;
        margin-top: 0; }
        .l-property__list-01 li:nth-child(n+4) {
          margin-top: 8px; } }
    .l-property__list-01 li .point {
      position: absolute;
      top: 20px;
      width: 100%;
      background: rgba(255, 255, 255, 0.7);
      font-size: 13px;
      padding: 0 20px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      font-weight: 500; }
    .l-property__list-01 li .photo {
      height: 220px;
      background: #d8c5ca;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      border-radius: 8px 8px 0 0;
      overflow: hidden; }
      .l-property__list-01 li .photo img {
        max-width: 330px;
        width: 100%; }
    .l-property__list-01 li .info-box {
      padding: 16px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      .l-property__list-01 li .info-box .name {
        font-size: 16px;
        font-weight: 700;
        line-height: 1.4em;
        margin-bottom: 16px; }
      .l-property__list-01 li .info-box .info {
        font-size: 13px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        line-height: 1.6em; }
        .l-property__list-01 li .info-box .info dt {
          width: 57px; }
        .l-property__list-01 li .info-box .info dd {
          width: 224px;
          margin-bottom: 10px; }
          .l-property__list-01 li .info-box .info dd:last-child {
            margin-bottom: 0; }
          .l-property__list-01 li .info-box .info dd.rent span {
            color: #951231;
            font-size: 24px;
            font-weight: 700; }

@media screen and (max-width: 834px) {
  .l-property__slide {
    overflow: hidden;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    padding: 0 0 80px;
    position: relative; }
    .l-property__slide li {
      margin: 8px 0;
      width: 90%; }
    .l-property__slide .swiper-pagination {
      bottom: 25px; }
      .l-property__slide .swiper-pagination-bullet {
        width: 15px;
        height: 15px;
        background: #951231;
        margin: 0 8px; }
        .l-property__slide .swiper-pagination-bullet-active {
          background: #951231; } }

.l-useful__box {
  margin-bottom: 56px; }
  .l-useful__box-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }

.l-useful__left {
  width: 50%;
  margin-right: 2%; }
  @media screen and (max-width: 834px) {
    .l-useful__left {
      width: 100%;
      margin-right: 0;
      margin-bottom: 16px; } }

.l-useful__right {
  width: 48%; }
  @media screen and (max-width: 834px) {
    .l-useful__right {
      width: 80%;
      margin: 0 auto; } }
  .l-useful__right img {
    width: 100%; }

.l-useful__title {
  font-size: 26px;
  font-weight: 500;
  margin-bottom: 16px; }
  @media screen and (max-width: 834px) {
    .l-useful__title {
      line-height: 1.2em; } }
  .l-useful__title span {
    color: #951231;
    font-weight: 500;
    margin-left: 8px; }

.l-useful__text-02 {
  margin-bottom: 16px; }

.l-useful__list-01 {
  margin-left: 32px; }
  @media screen and (max-width: 834px) {
    .l-useful__list-01 {
      margin-left: 0; } }
  .l-useful__list-01 dt {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 16px;
    color: #951231; }
    .l-useful__list-01 dt:last-child {
      margin-bottom: 0; }
  .l-useful__list-01 dd {
    margin-bottom: 32px; }

.l-privacy__box-title {
  position: relative;
  font-size: 20px;
  font-weight: 500;
  margin-left: 64px;
  margin-bottom: 16px; }
  .l-privacy__box-title::before {
    content: counter(number, decimal-leading-zero);
    counter-increment: number 1;
    position: absolute;
    font-size: 32px;
    left: -64px;
    color: #951231;
    font-weight: 700; }

.l-privacy__box-text {
  margin-bottom: 24px; }

.l-privacy__box-list {
  margin-left: 20px; }
  .l-privacy__box-list li {
    position: relative; }
    .l-privacy__box-list li::before {
      content: "・";
      position: absolute;
      left: -20px;
      color: #951231; }

.l-agreement__flow-01, .l-agreement__flow-02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .l-agreement__flow-01 li, .l-agreement__flow-02 li {
    width: 24%;
    position: relative;
    background: #d8c5ca;
    margin-bottom: 80px;
    height: 80px;
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .l-agreement__flow-01 li::after, .l-agreement__flow-01 li::before, .l-agreement__flow-02 li::after, .l-agreement__flow-02 li::before {
      content: "";
      position: absolute;
      color: #d8c5ca;
      width: 0;
      height: 0;
      border-style: solid;
      border-color: transparent;
      border-width: 2.5em 0.8em;
      border-left-color: currentColor;
      border-right: 0;
      right: -12px; }
    .l-agreement__flow-01 li::before, .l-agreement__flow-02 li::before {
      color: #fff;
      left: 0;
      right: auto; }
    .l-agreement__flow-01 li i, .l-agreement__flow-02 li i {
      position: absolute;
      font-size: 12px;
      line-height: 1.3em;
      bottom: -50px; }
      .l-agreement__flow-01 li i span, .l-agreement__flow-02 li i span {
        color: #dc221e; }
    .l-agreement__flow-01 li.list-01::before, .l-agreement__flow-02 li.list-01::before {
      display: none; }
    .l-agreement__flow-01 li.list-04 i, .l-agreement__flow-02 li.list-04 i {
      bottom: -35px; }
    .l-agreement__flow-01 li.list-06 i, .l-agreement__flow-02 li.list-06 i {
      bottom: -65px; }
    .l-agreement__flow-01 li.list-08::after, .l-agreement__flow-02 li.list-08::after {
      display: none; }
    @media screen and (max-width: 834px) {
      .l-agreement__flow-01 li, .l-agreement__flow-02 li {
        width: 49%; }
        .l-agreement__flow-01 li.list-01, .l-agreement__flow-01 li.list-02, .l-agreement__flow-01 li.list-07, .l-agreement__flow-01 li.list-08, .l-agreement__flow-02 li.list-01, .l-agreement__flow-02 li.list-02, .l-agreement__flow-02 li.list-07, .l-agreement__flow-02 li.list-08 {
          margin-bottom: 24px; } }

.l-agreement__flow-02 li {
  width: 32%; }
  .l-agreement__flow-02 li i {
    bottom: -20px; }
  .l-agreement__flow-02 li.list-04 i {
    bottom: -20px; }
  .l-agreement__flow-02 li.list-06::after {
    display: none; }
  @media screen and (max-width: 834px) {
    .l-agreement__flow-02 li {
      width: 49%; }
      .l-agreement__flow-02 li.list-03, .l-agreement__flow-02 li.list-04 {
        margin-bottom: 40px; } }

.contentInner {
  width: 90%;
  max-width: 1110px;
  margin: 0 auto; }

#subTopArea {
  text-align: center;
  padding: 80px 0;
  background: #eceaea; }

.subTopTit {
  font-size: 32px;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0.2em; }
  .subTopTit span {
    color: #951231;
    font-size: 16px;
    font-size: 1rem;
    letter-spacing: 0.2em;
    display: block;
    margin-top: 16px; }

.subTopTxt {
  margin-bottom: 50px; }

.l-breadcrumbs {
  height: 2.8rem;
  overflow-x: auto; }
  .l-breadcrumbs-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 2.8rem;
    font-size: 14px;
    height: 2.8rem;
    width: 1200px;
    margin: auto; }
    .l-breadcrumbs-list.searchPankuzu {
      width: 90%;
      max-width: 1280px; }
    .l-breadcrumbs-list li {
      position: relative; }
      .l-breadcrumbs-list li:not(:first-child) {
        margin-left: 2rem; }
        .l-breadcrumbs-list li:not(:first-child)::before {
          content: "";
          position: absolute;
          top: 1.2rem;
          left: -1.4rem;
          width: 7px;
          height: 7px;
          border-top: 1px solid #951231;
          border-right: 1px solid #951231;
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg); }
      .l-breadcrumbs-list li a, .l-breadcrumbs-list li span {
        color: #2a2c33;
        text-decoration: none; }
      .l-breadcrumbs-list li:last-child a, .l-breadcrumbs-list li:last-child span {
        color: #2a2c33; }
  @media screen and (max-width: 834px) {
    .l-breadcrumbs {
      padding-top: 24px;
      height: auto; }
      .l-breadcrumbs.inner {
        width: 100%;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch; }
      .l-breadcrumbs-list {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        display: -webkit-box;
        padding: 0 1rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        min-width: 100%; }
        .l-breadcrumbs-list.searchPankuzu {
          width: -webkit-max-content;
          width: -moz-max-content;
          width: max-content;
          max-width: unset; }
        .l-breadcrumbs-list li:last-child {
          padding-right: 1.5rem; } }

.flexBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.markerYellow {
  color: #2a2c33;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.1em;
  margin: 0 0 10px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, #2a2c33));
  background: -webkit-linear-gradient(transparent 70%, #2a2c33 70%);
  background: -o-linear-gradient(transparent 70%, #2a2c33 70%);
  background: linear-gradient(transparent 70%, #2a2c33 70%); }

.areaPageBtnTimesell {
  width: 100%;
  margin-bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .areaPageBtnTimesell a {
    width: 300px;
    margin: 0 20px 10px 20px; }

.subMinTit {
  color: #2a2c33;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.1em;
  margin: 0 0 20px;
  padding: 5px 5px 5px 0; }
  @media all and (-ms-high-contrast: none) {
    .subMinTit {
      padding: 7px 5px 3px 0; } }
  .subMinTit:nth-child(n + 2) {
    margin-top: 56px; }
  .subMinTit:before {
    background: #951231;
    border-radius: 5px;
    content: "";
    display: inline-block;
    height: 30px;
    margin-right: 16px;
    vertical-align: middle;
    width: 5px; }

/* ご入居からご退出までの流れ ---------- */
.leftballoon {
  text-align: center;
  width: 180px;
  height: 180px;
  margin: 0 40px 0 0;
  padding: 45px 0 0;
  border-radius: 100%;
  background: #951231;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 80px; }
  .leftballoon:nth-child(9):after {
    content: none; }
  .leftballoon:after {
    content: "";
    position: absolute;
    top: 175px;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 20px solid #951231; }

.balloonNum {
  color: #FFF;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.1em;
  width: 100%;
  display: block;
  margin-bottom: 16px; }

.balloonTit {
  color: #FFF;
  font-size: 26px;
  font-size: 1.625rem;
  font-weight: 500;
  line-height: 1.1em; }

.balloonRight {
  width: calc(100% - 320px);
  margin: 0 0 40px;
  padding: 50px 40px;
  background: #eee;
  position: relative;
  border-radius: 20px; }
  .balloonRight:last-child:before {
    content: none; }
  .balloonRight:before {
    width: 5px;
    height: calc(100% - 145px);
    background: #951231;
    content: "";
    position: absolute;
    top: 190px;
    left: -152px; }

.agreementList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .agreementList dt {
    width: 30%;
    margin: 0 0 40px;
    padding: 0 40px 40px 0;
    border-bottom: 1px solid #CCC; }
    .agreementList dt:last-of-type {
      margin: 0;
      padding: 0 40px 0 0;
      border-bottom: none; }
  .agreementList dd {
    width: calc(70% - 40px);
    margin: 0 0 40px;
    padding: 0 0 40px;
    border-bottom: 1px solid #CCC; }
    .agreementList dd:last-child {
      margin: 0;
      padding: 0;
      border-bottom: none; }

.stepTit {
  color: #951231;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.1em; }

.subMainTit {
  color: #2a2c33;
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 1.1em;
  line-height: 1.5;
  margin-top: 8px; }
  @media screen and (max-width: 834px) {
    .subMainTit {
      margin-top: 0;
      font-size: 20px; } }

.staffBalloon {
  width: calc(100% - 100px);
  margin: 24px 0 0 64px;
  padding: 24px;
  border-radius: 20px;
  background: #FFF;
  position: relative; }
  .staffBalloon:before {
    width: 50px;
    height: 50px;
    content: '';
    position: absolute;
    top: 0;
    left: -60px;
    background: url(/common/img/ico_staff_01.png) no-repeat left top/50px; }

.dotList {
  list-style-type: disc; }
  .dotList li {
    margin: 0 0 0 15px;
    padding: 0 0 0 5px;
    list-style: disc; }

/* ご利用料金について ---------- */
.subBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 80px; }
  .subBox:last-of-type {
    margin: 0; }

.subLeftArea {
  width: calc((100% - 30px) / 4); }
  @media screen\0 {
    .subLeftArea {
      width: 20%; } }

.decorationNum {
  color: #2a2c33;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.1em;
  padding: 15px 0 10px 60px;
  display: block;
  position: relative;
  letter-spacing: 0.1em; }
  .decorationNum:after {
    color: #951231;
    font-size: 40px;
    font-size: 2.5rem;
    position: absolute;
    counter-increment: number 1;
    content: counter(number, decimal-leading-zero);
    letter-spacing: 0;
    top: 5px;
    left: 0;
    z-index: -1; }

.cleanPrice {
  padding-left: 7px; }

.subRightArea {
  width: calc(100% - ((100% - 30px) / 4));
  padding: 0 0 0 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .subRightArea p {
    margin-bottom: 16px; }

.colorTable {
  width: 100%;
  border-spacing: 2px;
  border-collapse: separate; }
  .colorTable + p {
    margin-top: 40px; }
  .colorTable th {
    color: #FFF;
    text-align: left;
    width: 50%;
    padding: 16px 24px;
    background: #951231; }
  .colorTable td {
    width: 50%;
    font-weight: bold;
    padding: 16px 24px;
    background: #eee; }
  @media screen\0 {
    .colorTable th, .colorTable td {
      padding: 13px 20px 7px; } }
  .colorTable tr:first-child th {
    border-radius: 20px 0 0 0; }
  .colorTable tr:first-child td {
    border-radius: 0 20px 0 0; }
  @media screen and (max-width: 834px) {
    .colorTable tr:first-child th {
      border-radius: 20px 20px 0 0; }
    .colorTable tr:first-child td {
      border-radius: 0; } }
  .colorTable tr:last-child th {
    border-radius: 0 0 0 20px; }
  .colorTable tr:last-child td {
    border-radius: 0 0 20px 0; }
  @media screen and (max-width: 834px) {
    .colorTable tr:last-child th {
      border-radius: 0; }
    .colorTable tr:last-child td {
      border-radius: 0 0 20px 20px; } }

.bgCenterTxt {
  color: #FFF;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.1em;
  text-align: center;
  margin: 32px 0 24px 0 !important;
  padding: 10px 0;
  background: #951231;
  border-radius: 20px; }
  @media screen\0 {
    .bgCenterTxt {
      padding: 13px 0 7px; } }
  @media screen and (max-width: 834px) {
    .bgCenterTxt {
      font-size: 16px;
      line-height: 1.4em;
      border-radius: 0; } }

.normalTable {
  width: 100%;
  border: 1px solid #CCC; }
  .normalTable th {
    text-align: left;
    width: 30%;
    padding: 10px 20px;
    border: 1px solid #CCC;
    background: #eee; }
  .normalTable td {
    width: 70%;
    padding: 10px 20px;
    border: 1px solid #CCC; }
  @media screen\0 {
    .normalTable th, .normalTable td {
      padding: 13px 20px 7px; } }

/* よくある質問 ---------- */
.questionList li {
  margin: 0 0 40px; }
  .questionList li label {
    display: block;
    padding: 16px 24px 16px 64px;
    color: #2a2c33;
    font-weight: 500;
    background: #fff;
    cursor: pointer;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    position: relative;
    border-radius: 8px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); }
    @media screen and (max-width: 834px) {
      .questionList li label {
        padding: 16px 40px 16px 56px;
        line-height: 1.4em; } }
    .questionList li label:after {
      content: '+';
      padding: 0 20px 0;
      position: absolute;
      right: 0; }
      @media screen and (max-width: 834px) {
        .questionList li label:after {
          top: calc(50% - 10px); } }
    .questionList li label:hover {
      filter: alpha(opacity=70);
      opacity: 0.7; }
    .questionList li label:before {
      color: #951231;
      font-size: 24px;
      font-size: 1.5rem;
      font-weight: 500;
      line-height: 1.1em;
      content: 'Q';
      position: absolute;
      top: 13px;
      left: 24px; }
      @media screen and (max-width: 834px) {
        .questionList li label:before {
          top: calc(50% - 15px); } }
  .questionList li input {
    display: none; }
  .questionList li .questionAnswer {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
    position: relative; }
    .questionList li .questionAnswer:before {
      color: #951231;
      font-size: 32px;
      font-size: 2rem;
      font-weight: 500;
      line-height: 1.1em;
      content: 'A';
      position: absolute;
      top: 24px;
      left: 24px; }

.questionContents:checked + label + .questionAnswer {
  height: auto;
  opacity: 1; }
  .questionContents:checked + label + .questionAnswer p {
    padding: 24px 0 40px 64px; }

.questionContents:checked + label:after {
  content: '-'; }

/* 法人の方へ ---------- */
.bgTwoList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .bgTwoList li {
    width: calc((100% - 10px) / 2);
    margin: 0 0 10px;
    height: 200px;
    background: #951231;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .bgTwoList li p {
      color: #FFF;
      font-size: 22px;
      font-size: 1.375rem;
      font-weight: bold;
      line-height: 1.1em;
      text-align: center;
      width: 100%; }

.attentionTxt {
  color: #dc221e;
  display: inline-block; }

.checkList li {
  color: #2a2c33;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.1em;
  margin: 0 0 20px;
  padding: 5px 0 5px 40px;
  background: url(/common/img/ico_check_01.svg) no-repeat left top/30px; }

.balloonVoice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .balloonVoice dt {
    width: 30%;
    margin: 0 40px 40px 0;
    color: #FFF;
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: bold;
    line-height: 1.1em;
    background: #951231;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .balloonVoice dt:after {
      position: absolute;
      content: '';
      top: 50%;
      left: 100%;
      margin-top: -15px;
      border: 15px solid transparent;
      border-left: 15px solid #951231; }
  .balloonVoice dd {
    width: calc(70% - 40px);
    margin: 0 0 40px 0; }

/* ご利用規約 ---------- */
.contract p {
  margin-bottom: 16px; }

.numberList {
  list-style-type: decimal-leading-zero;
  margin: 0 0 20px 40px; }
  .numberList li {
    list-style: decimal-leading-zero;
    margin: 0 0 10px;
    padding: 0 0 0 10px; }

#areaSection {
  background-color: #e5e5e5; }

/* 充実の設備・備品 ---------- */
.subMinTit {
  color: #2a2c33;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.1em;
  margin: 0 0 20px; }
  @media all and (-ms-high-contrast: none) {
    .subMinTit {
      padding: 7px 5px 3px 15px; } }

.facilityList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .facilityList li {
    width: calc((100% - 80px) / 3);
    margin: 0 40px 20px 0;
    background: #951231;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @supports (-ms-ime-align: auto) {
      .facilityList li {
        /* Edge のみ */
        width: calc((100% - 80px) / 3); } }
    @media all and (-ms-high-contrast: none) {
      .facilityList li {
        /* IE のみ */
        width: calc((100% - 80px) / 3); } }
    .facilityList li:nth-child(3n) {
      margin: 0 0 20px; }

.facilityImg {
  width: 50%; }
  .facilityImg img {
    width: 100%; }

.facilityTxt {
  width: 50%;
  text-align: center;
  color: #FFF; }

/* 販売品 ---------- */
.saleList > li {
  margin: 0 0 40px;
  padding: 40px;
  background: #efefef; }

.leftImgBoox {
  width: 35%; }

.rightDetailBox {
  width: calc(65% - 40px); }

.setList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 0 20px; }
  .setList li {
    width: calc((100% - 40px) / 3); }
    .setList li.long {
      width: 60%; }
    .setList li.col2 {
      width: 50%; }

/* レンタル品 ---------- */
.rentalLinkList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 0 100px; }
  .rentalLinkList li {
    width: calc((100% - 140px) / 8); }
    .rentalLinkList li a {
      background: #951231;
      display: block; }
      @media screen\0 {
        .rentalLinkList li a {
          padding: 13px 0px 7px; } }

.rentalList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .rentalList li {
    width: calc((100% - 10px) / 2);
    margin: 0 0 40px;
    padding: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #eee; }

.usefulList li.disabled {
  background: #ddd;
  pointer-events: none; }

.price {
  color: #951231;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.1em; }

.popup {
  text-align: center;
  position: fixed;
  right: 20px;
  bottom: 120px;
  width: 300px;
  height: 300px;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .6s;
  -o-transition: .6s;
  transition: .6s; }
  @media screen and (max-width: 834px) {
    .popup {
      width: 200px;
      height: 200px;
      top: auto; } }
  .popup a {
    text-decoration: none; }
  .popup.is-show {
    opacity: 1;
    visibility: visible; }
  .popup-inner {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 300px;
    background: #fff;
    z-index: 2; }
  .popup_box {
    position: relative; }
  .popup_tel-text {
    width: 100%;
    font-size: 34px;
    font-weight: bold;
    margin-bottom: 20px; }
  .popup_btn {
    width: 96%;
    position: absolute;
    bottom: 32px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media screen and (max-width: 834px) {
      .popup_btn {
        bottom: 20px; } }
    .popup_btn-item {
      line-height: 3.5;
      font-weight: bold;
      border-radius: 4px;
      font-size: 20px;
      width: 48%; }
      .popup_btn-item span {
        color: #fff; }
      @media screen and (max-width: 834px) {
        .popup_btn-item {
          width: 100%;
          line-height: 2.5;
          font-size: 16px; }
          .popup_btn-item:not(:first-child) {
            margin-top: 10px; }
          .popup_btn-item .c-icon__tel:before {
            width: 20px;
            height: 20px; } }
    .popup_btn-LINE {
      background: #06c455; }
  .popup_image_box img {
    width: 100%; }
  @media screen and (max-width: 834px) {
    .popup_image_box {
      width: 100%;
      margin: 0 auto; } }

.close-btn {
  position: absolute;
  padding: 10px;
  background: #ffffff;
  border-radius: 100px;
  top: -30px;
  right: 0;
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  z-index: 200; }
  @media screen and (max-width: 834px) {
    .close-btn {
      top: -40px; } }
  .close-btn:hover {
    opacity: 0.5; }
  .close-btn img {
    width: 100%; }

.featherlight .featherlight-content {
  overflow: unset !important;
  max-width: 80% !important;
  border-radius: 10px !important; }

.featherlight button.featherlight-close-icon {
  display: block;
  width: 4rem;
  height: 4rem;
  color: #fff !important;
  background: #FF6699;
  border-radius: 50%;
  top: auto;
  bottom: -6rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

.textBoxMore {
  position: relative;
  padding: 0 0 80px 0; }
  .textBoxMore label {
    position: absolute !important;
    display: block;
    left: 50%;
    bottom: 0;
    margin: 0 auto;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 200px;
    padding: 10px 0;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    background-color: #951231;
    cursor: pointer;
    z-index: 1; }
    .textBoxMore label:hover {
      opacity: 0.8; }
    .textBoxMore label::before {
      content: "続きを見る" !important;
      width: auto !important;
      height: auto !important;
      background: none !important;
      border: none !important; }
  .textBoxMore input[type="checkbox"] {
    display: none; }
    .textBoxMore input[type="checkbox"]:checked ~ label::before {
      content: "閉じる" !important;
      width: auto;
      height: auto;
      background: none; }
    .textBoxMore input[type="checkbox"]:checked ~ label::after {
      content: none; }
    .textBoxMore input[type="checkbox"]:checked ~ label ~ .textBoxMoreContent {
      -ms-grid-rows: 1fr;
      grid-template-rows: 1fr; }
      .textBoxMore input[type="checkbox"]:checked ~ label ~ .textBoxMoreContent::before {
        display: none; }
      .textBoxMore input[type="checkbox"]:checked ~ label ~ .textBoxMoreContent div {
        max-height: 99999px;
        -webkit-transition: .2s;
        -o-transition: .2s;
        transition: .2s; }

.textBoxMoreContent {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 0fr;
  grid-template-rows: 0fr;
  -webkit-transition: .2s grid-template-rows ease;
  -o-transition: .2s grid-template-rows ease;
  transition: .2s grid-template-rows ease; }
  .textBoxMoreContent > div {
    min-height: 200px;
    max-height: 200px;
    overflow: hidden;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s; }
  .textBoxMoreContent:before {
    position: absolute;
    display: block;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.8)), to(#fff));
    background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, #fff 100%);
    background: -o-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, #fff 100%);
    background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, #fff 100%); }

@media screen and (max-width: 834px) {
  /* サブページ ---------- */
  #subTopArea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 155px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .subLeftArea {
    width: 100%;
    margin: 0 0 20px; }
  .subRightArea {
    width: 100%;
    padding: 0; }
  /* ご入居からご退出までの流れ */
  .leftballoon {
    width: 100%;
    height: 100px;
    margin: 0;
    padding: 20px 0;
    border-radius: 20px 20px 0 0; }
    .leftballoon:after {
      content: none;
      top: 148px; }
    .leftballoon.paddingTop40 {
      padding-top: 7.5px !important; }
  .balloonRight {
    width: 100%;
    padding: 20px;
    border-radius: 0 0 20px 20px; }
    .balloonRight:before {
      height: calc(100% - 120px);
      top: 164px;
      left: -118px; }
  .balloonNum {
    margin-bottom: 8px; }
  .agreementList dt {
    width: 100%;
    padding: 0;
    border-bottom: none;
    margin-bottom: 24px; }
    .agreementList dt:last-of-type {
      margin: 0 0 20px;
      padding: 0; }
  .agreementList dd {
    width: 100%; } }

@media screen and (max-width: 834px) {
  /* サブページ ---------- */
  .subBox {
    margin: 0 0 50px; }
  .subTopTit {
    font-size: 20px;
    font-size: 1.25rem; }
    .subTopTit span {
      font-weight: 700;
      margin-top: 8px; }
  /* ご利用料金について */
  .colorTable th, .colorTable td,
  .normalTable th,
  .normalTable td {
    width: 100%;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  /* 設備・備品 */
  .facilityList {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .facilityList li {
      width: calc((100% - 20px) / 2);
      margin: 0 0 20px 0; }
  /* 販売品 */
  .leftImgBoox {
    width: 100%; }
  .rightDetailBox {
    margin-top: 20px;
    width: 100%; }
  .setList li {
    width: 100%; }
    .setList li.long {
      width: 100%; }
    .setList li.col2 {
      width: 100%; }
  /* レンタル品 */
  .rentalLinkList li {
    width: calc((100% - 20px) / 2); }
  .rentalList li {
    width: 100%; } }

.blogCol2 {
  width: 1110px;
  margin: 30px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media screen and (max-width: 834px) {
    .blogCol2 {
      width: 100%;
      margin: 0 auto;
      display: block; } }

.informationBox {
  width: 790px; }
  .informationBox .wrap {
    overflow-x: initial; }
  @media screen and (max-width: 834px) {
    .informationBox {
      width: 98%;
      padding: 4px; } }
  .informationBox input[type=text] {
    width: 750px; }
    @media screen and (max-width: 834px) {
      .informationBox input[type=text] {
        width: 270px;
        height: 30px; } }
  .informationBox input[type=submit] {
    vertical-align: top;
    padding: 10px; }
    @media screen and (max-width: 834px) {
      .informationBox input[type=submit] {
        padding: 16px; } }

.sidebarBox {
  width: 215px;
  height: 100%;
  margin-bottom: 64px;
  background: #fff;
  border-radius: 16px;
  border-radius: 16px;
  -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
  padding: 40px; }
  .sidebarBox input.search-field {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%; }
  @media screen and (max-width: 834px) {
    .sidebarBox {
      width: 74%;
      margin: 4px; } }

#secondary {
  background: #fff;
  border-radius: 16px;
  padding: 16px 0;
  -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15); }
  @media screen and (max-width: 834px) {
    #secondary {
      width: 100%;
      margin-top: 32px; } }
  #secondary input[type=submit] {
    vertical-align: top;
    padding: 10px; }
    #secondary input[type=submit]:hover {
      background: rgba(238, 238, 238, 0.5); }
  #secondary input[type=text] {
    margin-left: 8px; }

.p-news-feed__content {
  background: #fff;
  border-radius: 16px;
  -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
  padding: 48px 0; }
  .p-news-feed__content:not(:first-child) {
    margin-top: 32px; }
  .p-news-feed__content a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 16px; }

.p-news-feed__newscontentbox {
  background: #fff;
  border-radius: 16px;
  -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
  padding: 64px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  @media screen and (max-width: 834px) {
    .p-news-feed__newscontentbox {
      padding: 90px 30px 30px; } }
  .p-news-feed__newscontentbox:not(:first-child) {
    margin-top: 32px; }
  .p-news-feed__newscontentbox__title {
    color: #fff;
    font-size: 20px;
    background-color: #951231;
    padding: 8px 16px;
    margin: 24px 0 16px;
    font-weight: bold; }
  .p-news-feed__newscontentbox__subtitle {
    font-size: 18px;
    padding: 8px 16px 8px 24px;
    border-left: 4px solid #951231;
    margin: 24px 0 16px;
    font-weight: bold; }
  .p-news-feed__newscontentbox section {
    padding: 0; }
  @media screen and (max-width: 834px) {
    .p-news-feed__newscontentbox img {
      width: 100%;
      height: auto; } }
  .p-news-feed__newscontentbox .articleMarker {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #ffff66));
    background: -webkit-linear-gradient(transparent 50%, #ffff66 50%);
    background: -o-linear-gradient(transparent 50%, #ffff66 50%);
    background: linear-gradient(transparent 50%, #ffff66 50%); }

.p-news-feed__article {
  background: #fff;
  border-radius: 16px;
  -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
  padding: 16px; }
  .p-news-feed__article:not(:first-child) {
    margin-top: 32px; }
  .p-news-feed__article__title {
    color: #fff;
    font-size: 20px;
    background-color: #951231;
    padding: 8px 16px;
    margin: 24px 0 16px;
    font-weight: bold; }
  .p-news-feed__article__subtitle {
    font-size: 18px;
    padding: 8px 16px 8px 24px;
    border-left: 4px solid #951231;
    margin: 24px 0 16px;
    font-weight: bold; }
  .p-news-feed__article .articleMarker {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #ffff66));
    background: -webkit-linear-gradient(transparent 50%, #ffff66 50%);
    background: -o-linear-gradient(transparent 50%, #ffff66 50%);
    background: linear-gradient(transparent 50%, #ffff66 50%); }

.p-news-feed__detail {
  width: calc(100% - 200px);
  position: relative; }
  @media screen and (max-width: 834px) {
    .p-news-feed__detail {
      width: 100%; } }

.p-news-feed__img {
  width: 160px;
  height: 120px; }
  .p-news-feed__img img {
    width: 100%;
    height: 120px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 8px; }
    @media screen and (max-width: 834px) {
      .p-news-feed__img img {
        width: 100%;
        height: auto; } }

.p-news-feed__date {
  color: #666;
  font-size: 14px;
  font-weight: bold; }
  .p-news-feed__date + .p-news-feed__tit {
    margin-top: 8px; }
    @media screen and (max-width: 834px) {
      .p-news-feed__date + .p-news-feed__tit {
        margin-top: 16px; } }
  @media screen and (max-width: 834px) {
    .p-news-feed__date {
      font-size: 12px; } }

.p-news-feed__tit {
  color: #951231;
  font-size: 20px;
  font-weight: bold; }

.p-news-feed__txt {
  font-size: 16px;
  margin-top: 8px;
  line-height: 1.6; }
  @media screen and (max-width: 834px) {
    .p-news-feed__txt {
      font-size: 14px; } }

.p-news-feed__categoy {
  color: #555;
  font-size: 14px;
  font-weight: bold;
  padding: 8px 16px;
  border-radius: 8px;
  background: #ffe2ad;
  position: absolute;
  top: 0;
  right: 0;
  width: 80px;
  text-align: center; }
  @media screen and (max-width: 834px) {
    .p-news-feed__categoy {
      padding: 4px 16px; } }

@media screen and (max-width: 834px) {
  .p-news-feed__content {
    padding: 24px 0; }
    .p-news-feed__content:not(:first-child) {
      margin-top: 16px; }
    .p-news-feed__content a {
      display: block;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding: 16px; }
  .p-news-feed__detail {
    width: 100%;
    margin-bottom: 16px; }
  .p-news-feed__img {
    width: 100%;
    height: auto; }
    .p-news-feed__img img {
      width: 100%; }
  .p-news-feed__date {
    font-size: 12px; }
  .p-news-feed__tit {
    font-size: 16px;
    margin-top: 4px; }
  .p-news-feed__txt {
    font-size: 14px;
    margin-top: 4px; }
  .p-news-feed__categoy {
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 8px;
    top: -6px;
    right: -6px; } }

.widgettitle {
  background-color: #951231;
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: 600;
  width: 100%;
  color: #fff;
  line-height: 34px;
  padding-left: 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.newsDetailHead {
  position: relative;
  border-bottom: solid 2px #f1f1f1;
  padding-bottom: 16px;
  margin-bottom: 16px; }
  .newsDetailHead h2 {
    font-size: 24px;
    font-weight: bold;
    width: 80%; }
    @media screen and (max-width: 834px) {
      .newsDetailHead h2 {
        width: 100%; } }
  .newsDetailHead .cat {
    color: #555;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 16px;
    border-radius: 8px;
    background: #ffe2ad;
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    text-align: center; }
    @media screen and (max-width: 834px) {
      .newsDetailHead .cat {
        top: -60px; } }

.screen-reader-text {
  display: none; }

.widget:not(:first-of-type) {
  margin-top: 24px; }

.widget ul, .widget ol {
  padding: 0 16px; }
  .widget ul li, .widget ol li {
    padding: 0 0 0 16px;
    border: none;
    position: relative; }
    .widget ul li::before, .widget ol li::before {
      content: "・";
      position: absolute;
      left: 3px;
      top: 0px;
      font-size: 22px;
      color: #FE4D01; }

@media screen and (max-width: 834px) {
  .widget_search input[type=text] {
    width: 250px;
    height: 30px; } }

@media screen and (max-width: 834px) {
  .widget_search input[type=submit] {
    padding: 14px !important; } }

.wp-pagenavi {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  margin-top: 32px; }
  .wp-pagenavi .pages {
    display: none; }
  .wp-pagenavi .current, .wp-pagenavi a {
    display: inline-block;
    line-height: 1.4;
    padding: 10px;
    margin: 0 4px;
    border: 1px solid #CCC; }

#toc_container {
  background: whitesmoke;
  padding: 20px;
  width: 95% !important;
  margin: 40px 0; }
  @media screen and (max-width: 834px) {
    #toc_container {
      width: 88% !important; } }

.toc_title {
  font-size: 18px;
  padding: 8px 16px 8px 24px;
  font-weight: bold; }
  .toc_title::after {
    border-top: 1px solid #999;
    content: "";
    width: 80%;
    margin: 0 0 6px 20px;
    display: inline-block; }
    @media screen and (max-width: 834px) {
      .toc_title::after {
        width: 40%; } }

.toc_list {
  font-size: 16px;
  padding: 8px 16px 8px 24px; }
  .toc_list li {
    font-size: 16px;
    padding: 8px 16px 8px 24px; }
    .toc_list li li {
      font-size: 14px;
      padding: 8px 16px 8px 24px; }
  @media screen and (max-width: 834px) {
    .toc_list {
      padding: 0; } }

.p-top-feed__content {
  background: #fff;
  border-radius: 16px;
  -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
  padding: 48px 0; }
  .p-top-feed__content:not(:first-child) {
    margin-top: 32px; }
  .p-top-feed__content a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 16px; }

.p-top-feed__ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.p-top-feed__list {
  width: calc((100% - 240px) / 4); }
  @media screen and (max-width: 834px) {
    .p-top-feed__list {
      width: 100%;
      border-bottom: solid 4px #ddd;
      border-radius: 0 0 10px 10px;
      margin-bottom: 32px; } }

@media screen and (max-width: 834px) {
  .p-top-feed__detail {
    width: 100%; } }

.p-top-feed__btn {
  margin: 40px auto 0;
  text-align: center; }
  .p-top-feed__btn a {
    width: 300px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 0px 0px;
    border: 2px solid #22a1c4;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #22a1c4;
    display: inline-block;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    border-radius: 5px;
    line-height: 40px;
    box-sizing: border-box;
    transition: 0.3s; }
    @media screen and (max-width: 834px) {
      .p-top-feed__btn a {
        width: 100%; } }

.p-top-feed__img img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px; }
  @media screen and (max-width: 834px) {
    .p-top-feed__img img {
      width: 100%;
      height: auto; } }

.p-top-feed__tit {
  color: #951231;
  font-size: 16px;
  font-weight: bold;
  padding: 8px 0;
  overflow-wrap: normal;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap; }

.p-top-feed__txt {
  font-size: 14px;
  line-height: 1.6;
  overflow-wrap: normal;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4; }
  @media screen and (max-width: 834px) {
    .p-top-feed__txt {
      font-size: 14px; } }

.p-top-feed__categoy {
  color: #555;
  font-size: 14px;
  font-weight: bold;
  padding: 4px 8px;
  border-radius: 8px;
  background: #ffe2ad;
  margin-bottom: 8px;
  width: 80px;
  text-align: center; }
  @media screen and (max-width: 834px) {
    .p-top-feed__categoy {
      padding: 4px 16px; } }

@media screen and (max-width: 834px) {
  .p-top-feed__content {
    padding: 24px 0; }
    .p-top-feed__content:not(:first-child) {
      margin-top: 16px; }
    .p-top-feed__content a {
      display: block;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding: 16px; }
  .p-top-feed__detail {
    width: 100%;
    margin-bottom: 16px; }
  .p-top-feed__img {
    width: 100%;
    height: auto; }
    .p-top-feed__img img {
      width: 100%; }
  .p-top-feed__date {
    font-size: 12px; }
  .p-top-feed__tit {
    font-size: 16px;
    margin-top: 4px; }
  .p-top-feed__txt {
    font-size: 14px;
    margin-top: 4px; }
  .p-top-feed__categoy {
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 8px;
    top: -6px;
    right: -6px; } }

#searchTopArea {
  min-height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center 60%;
  text-align: center;
  padding: 60px 0;
  background-image: url(/common/img/img_top_01.jpg);
  position: relative;
  top: 0px; }

.search_tit {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
  border-top: 3px solid #2a2c33;
  border-bottom: 3px solid #2a2c33;
  margin: 0 0 50px;
  padding: 30px 20px; }
  @media screen and (max-width: 834px) {
    .search_tit {
      margin-bottom: 24px;
      font-size: 18px;
      padding: 24px 0; } }

.searchPageLeft {
  float: left;
  width: 65%;
  overflow: hidden; }

.searchPageRight {
  float: right;
  width: 35%;
  overflow: hidden; }

.searchContentInner {
  width: 90%;
  margin: 100px auto;
  max-width: 1280px;
  overflow: hidden; }
  @media screen and (max-width: 834px) {
    .searchContentInner {
      width: calc(100% - 3rem);
      margin: 24px auto; } }
  .searchContentInner .txtArea {
    margin: 20px 0;
    padding: 20px;
    position: relative;
    border-radius: 5px;
    border: 1px solid #CCC; }
    @media screen and (max-width: 834px) {
      .searchContentInner .txtArea {
        font-size: 14px;
        line-height: 1.5em; } }
    .searchContentInner .txtArea .bold {
      color: #2a2c33;
      border-bottom: 3px dotted #CCC;
      margin-bottom: 8px;
      padding-bottom: 8px; }

.searchContentSepaBtn {
  width: 90%;
  margin: -50px auto 100px;
  overflow: hidden; }

.searchNumber {
  font-size: 18px;
  font-size: 1.125rem;
  padding: 10px 0 20px 0;
  font-weight: bold; }
  .searchNumber .number {
    font-size: 30px;
    font-size: 1.875rem;
    color: #951231;
    font-weight: bold; }
  .searchNumber .number02 {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: bold; }

.searchSort {
  border-top: 1px solid #2a2c33;
  border-bottom: 1px solid #2a2c33;
  padding: 10px 0px;
  font-size: 14px;
  font-size: 0.875rem; }
  .searchSort li {
    display: inline-block;
    border-right: 1px solid #2a2c33;
    line-height: 1;
    padding: 0 10px; }
    .searchSort li:first-child {
      padding-left: 0px; }
    .searchSort li:last-child {
      border-right: none;
      padding-right: 0px; }

.searchListBoxLine2 ul,
.searchListBoxLine3 ul {
  padding: 20px;
  overflow: hidden; }

.searchListBoxLine2 ul li {
  width: 380px;
  float: left;
  border: 1px solid #CCC;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 20px;
  margin-bottom: 20px; }
  .searchListBoxLine2 ul li:nth-child(2n) {
    margin-right: 0px; }
  .searchListBoxLine2 ul li:nth-child(2n+1) {
    clear: both; }

.searchListBoxLine3 ul {
  width: 780px; }
  .searchListBoxLine3 ul li {
    width: 246px;
    float: left;
    border: 1px solid #CCC;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 20px;
    margin-bottom: 20px; }
    .searchListBoxLine3 ul li:nth-child(3n) {
      margin-right: 0px; }

.searchListBoxLine2 ul li .nsTit,
.searchListBoxLine3 ul li .nsTit {
  height: 18px;
  background: #efefef;
  color: #951231;
  padding: 10px;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  overflow: hidden; }
  .searchListBoxLine2 ul li .nsTit a,
  .searchListBoxLine3 ul li .nsTit a {
    color: #951231;
    font-weight: bold; }

.searchListBoxLine2 ul li .nsBox,
.searchListBoxLine3 ul li .nsBox {
  padding: 15px; }

.searchListBoxLine2 ul li .nsPriceTit,
.searchListBoxAll .nsPriceTit {
  border: 1px solid #2a2c33;
  width: 100px;
  padding: 5px;
  border-radius: 2px;
  text-align: center;
  margin-bottom: 10px;
  float: left;
  margin-right: 10px; }
  @media screen\0 {
    .searchListBoxLine2 ul li .nsPriceTit,
    .searchListBoxAll .nsPriceTit {
      padding: 5px 5px 2px 5px; } }

.searchListBoxLine3 ul li .nsPriceTit {
  border: 1px solid #2a2c33;
  padding: 5px;
  border-radius: 5px;
  text-align: center;
  margin-bottom: 10px; }

.nsDataBox {
  width: 33%;
  float: left;
  text-align: center;
  border-right: 1px solid #2a2c33;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px 0;
  margin-bottom: 10px; }

.borderLeft01 {
  border-left: 1px solid #2a2c33;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.nsPrice {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  width: 100%;
  padding: 5px 0 0;
  margin: 0 0 10px;
  position: relative; }
  .nsPrice span {
    font-size: 22px;
    font-size: 1.375rem; }

.nsLike {
  width: 10%;
  position: absolute;
  top: 0px;
  right: 0px;
  line-height: 1.2; }
  .nsLike img {
    width: 100%; }

.nsGrayBox {
  background: #eee;
  padding: 5px;
  width: 80px;
  display: inline-block;
  margin-right: 10px;
  text-align: center; }

.search_buildingPager {
  text-align: center;
  margin-bottom: 10px; }
  .search_buildingPager li {
    display: inline-block;
    line-height: 1.4;
    margin: 0 1px;
    border: 1px solid #CCC;
    padding: 10px 15px; }
    @media screen\0 {
      .search_buildingPager li {
        padding: 13px 15px 7px; } }
    .search_buildingPager li a {
      display: block;
      width: 100%;
      height: 100%; }

.searchSeoBox {
  padding: 20px;
  background: #efefef;
  margin-bottom: 10px; }

.seoLeftBarTit {
  border-left: 5px solid #2a2c33;
  padding-left: 20px;
  font-weight: bold;
  font-size: 14px;
  font-size: 0.875rem;
  margin-bottom: 15px; }

.seoFooter {
  padding-left: 20px; }
  .seoFooter li {
    line-height: 1;
    padding-right: 10px;
    padding-left: 10px;
    list-style: none;
    margin-bottom: 10px;
    display: inline-block;
    color: #951231;
    border-right: 1px solid #CCC; }
    .seoFooter li:last-child {
      border-right: none; }
    .seoFooter li a {
      color: #951231; }

.searchListBoxLine2 .photo {
  width: 100%;
  height: 232px;
  overflow: hidden;
  text-align: center;
  margin-bottom: 15px; }

.searchListBoxLine3 .photo {
  width: 100%;
  height: 143px;
  overflow: hidden;
  text-align: center;
  margin-bottom: 15px; }

.searchListBoxLine2 .photo img,
.searchListBoxLine3 .photo img {
  width: 100%; }

.searchPageRight iframe {
  width: 100%;
  height: 800px; }

.colorRed {
  color: #951231; }

.bgGray {
  background: #efefef; }

/*******************************************************************************
**  物件一覧
*******************************************************************************/
.searchListLeft {
  width: 350px;
  float: left; }

.searchListRight {
  width: calc(100% - 390px);
  float: right; }

.searchListBoxAll .nsTit {
  background: #efefef;
  color: #2a2c33;
  padding: 20px;
  font-weight: 500;
  font-size: 20px; }
  @media screen and (max-width: 834px) {
    .searchListBoxAll .nsTit {
      font-size: 18px;
      padding: 16px; } }
  .searchListBoxAll .nsTit a {
    color: #2a2c33;
    font-weight: 500;
    text-decoration: underline; }

.searchListBoxAll .campaign {
  color: #2a2c33;
  font-weight: bold;
  margin-bottom: 10x; }

.searchListBox {
  border: 1px solid #CCC;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 40px; }

.searchListBoxInner {
  padding: 40px; }

.btnBox {
  width: 100%;
  background: #eee;
  padding: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

#mapContents .searchListBoxInner {
  padding: 16px; }

#mapContents .nsTit {
  padding: 10px 16px; }

#mapContents .photo01 {
  width: 100%;
  height: 140px;
  text-align: center;
  background: #efefef;
  overflow: hidden;
  position: relative; }
  #mapContents .photo01 img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    @media screen and (max-width: 834px) {
      #mapContents .photo01 img {
        width: auto; } }

.searchListBoxLeft {
  width: 50%;
  float: left; }
  @media screen\0 {
    .searchListBoxLeft {
      width: 55%; } }
  .searchListBoxLeft .searchListBoxLeftInner {
    margin: 0 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .searchListBoxLeft .photo01, .searchListBoxLeft .photo02 {
    width: calc(50% - 10px);
    height: 135px;
    text-align: center;
    background: #efefef; }
    .searchListBoxLeft .photo01 img, .searchListBoxLeft .photo02 img {
      max-width: 100%;
      max-height: 135px; }

.searchListBoxRight {
  width: calc(50% - 40px);
  float: right; }
  @media screen\0 {
    .searchListBoxRight {
      width: calc(45% - 40px); } }

.seachRentAllIcon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .seachRentAllIcon li {
    font-size: 10px;
    font-size: 0.625rem;
    width: calc(33% - 3px);
    color: #2a2c33;
    padding: 8px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: solid 1px #2a2c33;
    letter-spacing: -0.1em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 5px 5px 0;
    line-height: 1.2em;
    font-size: 12px;
    font-size: 0.75rem; }
    .seachRentAllIcon li:nth-child(3n) {
      margin: 0 0 5px; }

.searchListBoxAll .btnBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.searchListBoxInner .campaign {
  background: #2a2c33;
  font-weight: 500;
  margin-bottom: 15px;
  position: relative; }
  .searchListBoxInner .campaign::before, .searchListBoxInner .campaign::after {
    position: absolute;
    content: '';
    width: 0px;
    height: 0px; }
  .searchListBoxInner .campaign::before {
    top: 0;
    left: 0;
    border-width: 15px 0px 15px 15px;
    border-color: transparent transparent transparent #FFF;
    border-style: solid; }
  .searchListBoxInner .campaign::after {
    top: 0;
    right: 0;
    border-width: 15px 15px 15px 0px;
    border-color: transparent #FFF transparent transparent;
    border-style: solid; }
  .searchListBoxInner .campaign span {
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    font-size: 1rem; }
    .searchListBoxInner .campaign span:before {
      content: "キャンペーン";
      display: inline-block;
      width: 120px;
      height: 30px;
      background-size: contain;
      font-weight: bold;
      font-size: 13px;
      font-size: 0.8125rem;
      padding: 4px 0 0 23px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin-right: 10px; }

.sideMenuTit {
  background: #951231;
  padding: 20px;
  border-radius: 5px 5px 0 0;
  font-size: 16px;
  font-size: 1rem;
  color: #fff;
  font-weight: 500;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.searchSideMenu {
  background: #efefef;
  border-radius: 0 0 5px 5px;
  padding: 20px;
  margin-bottom: 20px; }
  .searchSideMenu .searchRentBtn {
    width: 100%; }
    .searchSideMenu .searchRentBtn a {
      width: 80%; }

.searchBarTit {
  border-left: 5px solid #2a2c33;
  padding-left: 20px;
  font-weight: bold;
  font-size: 14px;
  font-size: 0.875rem;
  margin-bottom: 10px; }

.searchCat01 {
  font-weight: bold;
  margin: 0 0 5px; }

.searchListBoxBottom ul {
  background: #efefef;
  overflow: hidden;
  margin: 0 0 10px; }

.searchListBoxBottom .btnBox li {
  width: 232px;
  float: left;
  margin: 0 15px 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 5px;
  font-weight: bold;
  font-size: 13px;
  font-size: 0.8125rem; }
  .searchListBoxBottom .btnBox li:nth-child(3n) {
    margin-right: 0px; }

.searchListBoxBottom .allcheckBox {
  padding: 10px;
  margin: 0 0 20px;
  position: relative;
  background: #2a2c33;
  border-radius: 5px;
  display: inline-block; }
  @media screen and (max-width: convert-em()) {
    .searchListBoxBottom .allcheckBox {
      padding: 5px 10px; } }
  .searchListBoxBottom .allcheckBox:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 25px;
    margin-left: -15px;
    border: 10px solid transparent;
    border-top: 15px solid #2a2c33; }
  .searchListBoxBottom .allcheckBox label {
    color: #fff;
    font-weight: 500; }

.searchRentCheck {
  padding: 10px 0px 10px 35px;
  display: block;
  position: relative;
  font-size: 12px;
  font-size: 0.75rem; }
  .searchRentCheck span:before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url(../../common/img/ico_check_01.svg) no-repeat;
    background-size: contain;
    position: absolute;
    top: 12px;
    left: 0px; }

.searchRentSelectBtn a {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
  background: #FFF;
  border-radius: 100px;
  color: #2a2c33 !important;
  padding: 10px;
  display: block;
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  margin-bottom: 10px;
  font-weight: bold;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  .searchRentSelectBtn a:hover {
    filter: alpha(opacity=70);
    opacity: 0.70;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
    @media screen and (max-width: 834px) {
      .searchRentSelectBtn a:hover {
        opacity: 1; } }

.searchRentBtn {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 40px 0 10px; }
  .searchRentBtn a, .searchRentBtn input[type="button"], .searchRentBtn input[type="submit"] {
    width: 300px;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100px;
    background: #951231;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 18px; }
    @media screen and (max-width: 834px) {
      .searchRentBtn a, .searchRentBtn input[type="button"], .searchRentBtn input[type="submit"] {
        font-size: 16px; } }
  .searchRentBtn input[type="button"], .searchRentBtn input[type="submit"] {
    border: none;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
    .searchRentBtn input[type="button"]:hover, .searchRentBtn input[type="submit"]:hover {
      cursor: pointer;
      -webkit-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      filter: alpha(opacity=70);
      opacity: 0.70;
      transition: all 0.3s ease 0s; }
      @media screen and (max-width: 834px) {
        .searchRentBtn input[type="button"]:hover, .searchRentBtn input[type="submit"]:hover {
          opacity: 1; } }

.searchRentAreaList li {
  float: left; }

.searchRentAreaList .searchBarTit {
  width: 80%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.searchRentAreaList .btn {
  width: 20%; }

.searchListMapBox {
  width: 500px;
  border: 1px solid #CCC;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  @media screen and (max-width: 834px) {
    .searchListMapBox {
      width: 100%; } }
  .searchListMapBox .nsTit {
    background: #efefef;
    color: #951231;
    padding: 20px;
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold; }
    .searchListMapBox .nsTit a {
      color: #951231;
      font-weight: bold; }
  .searchListMapBox .searchListBoxLeft {
    width: 164px;
    float: left; }
    @media screen and (max-width: 834px) {
      .searchListMapBox .searchListBoxLeft {
        width: 100%;
        float: initial; } }
  .searchListMapBox .searchListBoxRight {
    width: 260px;
    float: right; }
    @media screen and (max-width: 834px) {
      .searchListMapBox .searchListBoxRight {
        width: 100%;
        float: initial; } }
  .searchListMapBox .nsPriceTit {
    border: 1px solid #2a2c33;
    width: 60px;
    padding: 5px;
    border-radius: 2px;
    text-align: center;
    margin-bottom: 10px;
    float: left;
    margin-right: 10px; }

.mapPageBtn {
  text-align: center; }
  .mapPageBtn a, .mapPageBtn input[type="button"], .mapPageBtn input[type="submit"] {
    width: 164px;
    height: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100px;
    background: #951231;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 18px; }
    @media screen and (max-width: 834px) {
      .mapPageBtn a, .mapPageBtn input[type="button"], .mapPageBtn input[type="submit"] {
        font-size: 16px; } }
  .mapPageBtn input[type="button"], .mapPageBtn input[type="submit"] {
    border: none;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
    .mapPageBtn input[type="button"]:hover, .mapPageBtn input[type="submit"]:hover {
      cursor: pointer;
      -webkit-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      filter: alpha(opacity=70);
      opacity: 0.70;
      transition: all 0.3s ease 0s; }
      @media screen and (max-width: 834px) {
        .mapPageBtn input[type="button"]:hover, .mapPageBtn input[type="submit"]:hover {
          opacity: 1; } }
  .mapPageBtn a {
    font-size: 14px; }
  @media screen and (max-width: 834px) {
    .mapPageBtn {
      margin: 0 0 10px 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; } }

/*　フォーム
----------------------------------------------------------------------------- */
#form_contact,
.searchContentInner {
  /*ラジオ*/
  /*セレクト*/ }
  #form_contact input[type="checkbox"],
  .searchContentInner input[type="checkbox"] {
    display: none; }
  #form_contact input[type="checkbox"] + label,
  .searchContentInner input[type="checkbox"] + label {
    position: relative;
    display: inline-block;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s;
    padding: 5px 0;
    margin-right: 0.8em; }
    #form_contact input[type="checkbox"] + label:before,
    .searchContentInner input[type="checkbox"] + label:before {
      content: "";
      display: inline-block;
      margin-right: 0.4em;
      -webkit-appearance: none;
      border: solid 1px #CCC;
      border-radius: 3px;
      width: 18px;
      height: 18px;
      background: #FFF;
      margin-bottom: -4px;
      -webkit-transition: all .15s;
      -o-transition: all .15s;
      transition: all .15s; }
  #form_contact input.none[type="checkbox"] + label,
  .searchContentInner input.none[type="checkbox"] + label {
    color: #CCC; }
    #form_contact input.none[type="checkbox"] + label:before,
    .searchContentInner input.none[type="checkbox"] + label:before {
      border: solid 1px #CCC; }
    #form_contact input.none[type="checkbox"] + label:hover,
    .searchContentInner input.none[type="checkbox"] + label:hover {
      cursor: default; }
      #form_contact input.none[type="checkbox"] + label:hover:before,
      .searchContentInner input.none[type="checkbox"] + label:hover:before {
        background: #FFF;
        cursor: default; }
  #form_contact input[type="checkbox"]:checked + label::before,
  #form_contact input[type="checkbox"] + label:hover::before,
  .searchContentInner input[type="checkbox"]:checked + label::before,
  .searchContentInner input[type="checkbox"] + label:hover::before {
    background: #FFF; }
  #form_contact input[type="checkbox"]:checked + label::after,
  .searchContentInner input[type="checkbox"]:checked + label::after {
    content: "";
    width: 6px;
    height: 13px;
    border-bottom: 4px solid #951231;
    border-right: 4px solid #951231;
    display: block;
    position: absolute;
    top: 8px;
    left: 6px;
    -webkit-transform: rotateZ(45deg);
    -ms-transform: rotate(45deg);
    transform: rotateZ(45deg); }
  #form_contact input[type="radio"],
  .searchContentInner input[type="radio"] {
    display: none; }
  #form_contact input[type="radio"] + label,
  .searchContentInner input[type="radio"] + label {
    position: relative;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s;
    padding-bottom: 5px;
    padding-right: 10px; }
    @media screen and (max-width: 834px) {
      #form_contact input[type="radio"] + label,
      .searchContentInner input[type="radio"] + label {
        display: block; } }
    #form_contact input[type="radio"] + label:before,
    .searchContentInner input[type="radio"] + label:before {
      content: "";
      display: inline-block;
      margin-right: 0.8em;
      -webkit-appearance: none;
      border: solid 1px #CCC;
      border-radius: 20px;
      width: 18px;
      height: 18px;
      background: #FFF;
      margin-bottom: -4px;
      -webkit-transition: all .15s;
      -o-transition: all .15s;
      transition: all .15s; }
  #form_contact input[type="radio"]:checked + label::before,
  #form_contact input[type="radio"] + label:hover::before,
  .searchContentInner input[type="radio"]:checked + label::before,
  .searchContentInner input[type="radio"] + label:hover::before {
    background: #FFF; }
  #form_contact input[type="radio"]:checked + label::after,
  .searchContentInner input[type="radio"]:checked + label::after {
    content: "";
    width: 10px;
    height: 10px;
    background: #951231;
    display: block;
    position: absolute;
    border-radius: 5px;
    top: 8px;
    left: 5px; }
  #form_contact label:hover,
  .searchContentInner label:hover {
    cursor: pointer; }
  #form_contact input[type="text"],
  #form_contact input[type="tel"],
  #form_contact input[type="email"],
  #form_contact input[type="search"],
  #form_contact textarea,
  .searchContentInner input[type="text"],
  .searchContentInner input[type="tel"],
  .searchContentInner input[type="email"],
  .searchContentInner input[type="search"],
  .searchContentInner textarea {
    font-size: 16px;
    font-size: 1rem;
    padding: 10px;
    border-radius: 3px;
    border: solid 1px #CCC;
    margin-bottom: 5px;
    font-family: "Noto Sans JP", sans-serif; }
  #form_contact textarea,
  .searchContentInner textarea {
    resize: vertical; }
    @media screen and (max-width: 834px) {
      #form_contact textarea,
      .searchContentInner textarea {
        width: 92%; } }
  #form_contact input.none[type="radio"] + label,
  .searchContentInner input.none[type="radio"] + label {
    color: #CCC; }
    #form_contact input.none[type="radio"] + label:before,
    .searchContentInner input.none[type="radio"] + label:before {
      border: solid 1px #CCC; }
    #form_contact input.none[type="radio"] + label:hover,
    .searchContentInner input.none[type="radio"] + label:hover {
      cursor: default; }
      #form_contact input.none[type="radio"] + label:hover:before,
      .searchContentInner input.none[type="radio"] + label:hover:before {
        background: #efefef;
        cursor: default; }
  #form_contact input[type="radio"]:checked + label::before,
  #form_contact input[type="radio"] + label:hover::before,
  .searchContentInner input[type="radio"]:checked + label::before,
  .searchContentInner input[type="radio"] + label:hover::before {
    background: #eee; }
  #form_contact select,
  .searchContentInner select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
    border: 0;
    margin: 0;
    background: none transparent;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border: solid 1px #CCC;
    border-radius: 3px;
    padding: 10px;
    -moz-appearance: none;
    text-indent: 0.01px;
    -o-text-overflow: '';
    text-overflow: '';
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #FFF; }
    #form_contact select:-ms-expand,
    .searchContentInner select:-ms-expand {
      display: none; }

.searchSideMenu select {
  width: 45%; }

.searchBox label {
  width: 18%;
  display: inline-block;
  line-height: 30px; }

.searchBox01 {
  margin-bottom: 50px;
  padding: 40px;
  border: 1px solid #CCC;
  border-radius: 5px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media screen and (max-width: 834px) {
    .searchBox01 {
      padding: 24px; } }
  .searchBox01 .searchMenu {
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 20px;
    position: relative;
    width: 100%;
    border-left: 5px solid #2a2c33;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

.searchListCatTit {
  clear: both;
  margin: 20px 0;
  padding: 5px 10px;
  background: #efefef;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #2a2c33; }

.searchBtn, .contactBtn {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 10px; }
  .searchBtn a, .searchBtn input[type="button"], .searchBtn input[type="submit"], .contactBtn a, .contactBtn input[type="button"], .contactBtn input[type="submit"] {
    width: 300px;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100px;
    background: #951231;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 18px; }
    @media screen and (max-width: 834px) {
      .searchBtn a, .searchBtn input[type="button"], .searchBtn input[type="submit"], .contactBtn a, .contactBtn input[type="button"], .contactBtn input[type="submit"] {
        font-size: 16px; } }
  .searchBtn input[type="button"], .searchBtn input[type="submit"], .contactBtn input[type="button"], .contactBtn input[type="submit"] {
    border: none;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
    .searchBtn input[type="button"]:hover, .searchBtn input[type="submit"]:hover, .contactBtn input[type="button"]:hover, .contactBtn input[type="submit"]:hover {
      cursor: pointer;
      -webkit-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      filter: alpha(opacity=70);
      opacity: 0.70;
      transition: all 0.3s ease 0s; }
      @media screen and (max-width: 834px) {
        .searchBtn input[type="button"]:hover, .searchBtn input[type="submit"]:hover, .contactBtn input[type="button"]:hover, .contactBtn input[type="submit"]:hover {
          opacity: 1; } }

.contactBtn {
  text-align: center; }
  .contactBtn a, .contactBtn input[type="button"], .contactBtn input[type="submit"] {
    width: 300px;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100px;
    background: #94a530;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 18px; }
    @media screen and (max-width: 834px) {
      .contactBtn a, .contactBtn input[type="button"], .contactBtn input[type="submit"] {
        font-size: 16px; } }
  .contactBtn input[type="button"], .contactBtn input[type="submit"] {
    border: none;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
    .contactBtn input[type="button"]:hover, .contactBtn input[type="submit"]:hover {
      cursor: pointer;
      -webkit-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      filter: alpha(opacity=70);
      opacity: 0.70;
      transition: all 0.3s ease 0s; }
      @media screen and (max-width: 834px) {
        .contactBtn input[type="button"]:hover, .contactBtn input[type="submit"]:hover {
          opacity: 1; } }

.none input[type="button"] {
  background: #CCC; }

.l-contact__privacy-chek__text {
  text-align: center;
  margin-bottom: 10px; }
  @media screen and (max-width: 834px) {
    .l-contact__privacy-chek__text {
      text-align: left; } }

.l-contact__privacy-chek__box {
  text-align: center; }
  @media screen and (max-width: 834px) {
    .l-contact__privacy-chek__box {
      text-align: left; } }

/* flexリスト
----------------------------------------------------------------------------- */
.sepa_list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 80%;
  margin: 0 auto; }
  .sepa_list li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 40px 0 10px;
    text-align: center; }
    .sepa_list li a, .sepa_list li input[type="button"], .sepa_list li input[type="submit"] {
      width: 300px;
      height: 80px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      border-radius: 100px;
      background: #94a530;
      color: #fff;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      font-size: 18px; }
      @media screen and (max-width: 834px) {
        .sepa_list li a, .sepa_list li input[type="button"], .sepa_list li input[type="submit"] {
          font-size: 16px; } }
    .sepa_list li input[type="button"], .sepa_list li input[type="submit"] {
      border: none;
      -webkit-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s; }
      .sepa_list li input[type="button"]:hover, .sepa_list li input[type="submit"]:hover {
        cursor: pointer;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        filter: alpha(opacity=70);
        opacity: 0.70;
        transition: all 0.3s ease 0s; }
        @media screen and (max-width: 834px) {
          .sepa_list li input[type="button"]:hover, .sepa_list li input[type="submit"]:hover {
            opacity: 1; } }
    .sepa_list li:nth-child(n+2) {
      margin-left: 32px; }
      @media screen and (max-width: 834px) {
        .sepa_list li:nth-child(n+2) {
          margin-left: 0; } }
  .sepa_list .back {
    text-align: center; }
    .sepa_list .back a, .sepa_list .back input[type="button"], .sepa_list .back input[type="submit"] {
      width: 300px;
      height: 80px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      border-radius: 100px;
      background: #d8c5ca;
      color: #fff;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      font-size: 18px; }
      @media screen and (max-width: 834px) {
        .sepa_list .back a, .sepa_list .back input[type="button"], .sepa_list .back input[type="submit"] {
          font-size: 16px; } }
    .sepa_list .back input[type="button"], .sepa_list .back input[type="submit"] {
      border: none;
      -webkit-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s; }
      .sepa_list .back input[type="button"]:hover, .sepa_list .back input[type="submit"]:hover {
        cursor: pointer;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        filter: alpha(opacity=70);
        opacity: 0.70;
        transition: all 0.3s ease 0s; }
        @media screen and (max-width: 834px) {
          .sepa_list .back input[type="button"]:hover, .sepa_list .back input[type="submit"]:hover {
            opacity: 1; } }
    .sepa_list .back input[type="button"] {
      color: #fff; }

.sepa_one > li {
  width: calc(100% / 1); }

.sepa_two > li {
  width: calc(100% / 2);
  padding: 0 0.5%; }
  .sepa_two > li:nth-of-type(2n) {
    padding: 0 0 0 1%; }

.sepa_three > li {
  width: calc(100% / 3);
  padding: 0 0.5%; }
  .sepa_three > li:nth-of-type(3n) {
    padding: 0 0 0 1%; }

.sepa_four > li {
  width: calc(100% / 4);
  padding: 0 0.5%; }
  .sepa_four > li:nth-of-type(4n) {
    padding: 0 0 0 1%; }

.sepa_five > li {
  width: calc(100% / 5);
  padding: 0 0.5%; }
  .sepa_five > li:nth-of-type(5n) {
    padding: 0 0 0 1%; }

.sepa_six > li {
  width: calc(100% / 6);
  padding: 0 0.5%; }
  .sepa_six > li:nth-of-type(6n) {
    padding: 0 0 0 1%; }

#tplContact .sepa_list,
#tplContact p.alignCenter {
  margin: 40px 0 10px; }
  @media screen and (max-width: convert-em()) {
    #tplContact .sepa_list,
    #tplContact p.alignCenter {
      width: 100%;
      margin-bottom: 20px; } }

#tplContact .sepa_list li {
  text-align: center; }

/*******************************************************************************
**  物件詳細
*******************************************************************************/
.borderBottom01 {
  border-bottom: 1px dotted #CCC;
  padding-bottom: 10px;
  margin-bottom: 10px; }

.searchRentMainTit {
  border-top: 3px solid #2a2c33;
  border-bottom: 3px solid #2a2c33;
  padding: 20px 0;
  margin-bottom: 40px; }
  .searchRentMainTit ul {
    width: 515px;
    float: right; }

.searchRentTit {
  background: #951231;
  color: #fff;
  font-weight: 500;
  padding: 10px 15px;
  margin-bottom: 20px;
  font-size: 14px;
  font-size: 0.875rem; }
  .searchRentTit.sp {
    display: none; }

.tbl_mainItemInfo {
  margin: 0 0 40px;
  padding: 0;
  border-top: #CCC 1px solid;
  border-left: #CCC 1px solid;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  width: 100%;
  font-size: 14px;
  font-size: 0.875rem; }
  .tbl_mainItemInfo th {
    border-right: #CCC 1px dotted;
    border-bottom: #CCC 1px solid;
    font-weight: bold;
    padding: 5px 10px;
    background: #efefef;
    vertical-align: middle;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #2a2c33; }
  .tbl_mainItemInfo td {
    border-right: #CCC 1px solid;
    border-bottom: #CCC 1px solid;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle; }

.searchRentDetalTbl {
  width: calc(60% - 40px);
  float: left; }
  @media all and (-ms-high-contrast: none) {
    .searchRentDetalTbl {
      width: calc(50% - 40px); } }
  .searchRentDetalTbl table {
    width: 100%; }
    .searchRentDetalTbl table th {
      width: 25%;
      text-align: center;
      font-weight: 500;
      padding: 0 0 10px 0;
      vertical-align: top; }
      .searchRentDetalTbl table th p {
        background: #efefef;
        padding: 5px;
        border-radius: 5px;
        color: #2a2c33; }
    .searchRentDetalTbl table td {
      width: 75%;
      padding: 5px 10px 20px 20px; }

.rentTabBox {
  width: 100%; }
  .rentTabBox iframe {
    height: 470px; }

.tabContent {
  clear: both;
  border: 1px solid #CCC;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px; }

.tabBox {
  display: none; }

.tabMenu {
  font-size: 14px;
  font-size: 0.875rem; }
  .tabMenu li {
    display: inline; }
    .tabMenu li a {
      height: 30px;
      float: left;
      padding: 10px 0;
      margin-right: 3px;
      width: calc((100% - 17px) / 4);
      border-top: #CCC 1px solid;
      border-right: #CCC 1px solid;
      border-left: #CCC 1px solid;
      text-align: center;
      font-weight: bold;
      border-radius: 5px 5px 0 0; }
      .tabMenu li a:hover {
        color: #FFF !important;
        background: #951231;
        text-decoration: none !important;
        border-top: #951231 1px solid;
        border-right: #951231 1px solid;
        border-left: #951231 1px solid; }
    .tabMenu li:last-child a {
      margin-right: 0; }
  .tabMenu .active a {
    color: #FFF !important;
    background: #951231;
    border-top: #951231 1px solid;
    border-right: #951231 1px solid;
    border-left: #951231 1px solid; }

.logList .tabMenu li a {
  width: 200px; }

.searchRentIcon {
  width: 40%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media all and (-ms-high-contrast: none) {
    .searchRentIcon {
      width: 50%; } }
  .searchRentIcon li {
    font-size: 13px;
    font-size: 0.8125rem;
    width: calc((100% - 10px) / 3);
    color: #d8c5ca;
    background: #fff;
    color: #2a2c33;
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: -0.02em;
    border: solid 1px #2a2c33;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 5px 5px 0;
    font-weight: bold;
    text-align: center; }
    .searchRentIcon li:nth-child(3n) {
      margin: 0 0 5px; }
    @media all and (-ms-high-contrast: none) {
      .searchRentIcon li {
        width: calc((100% - 46px) / 4); } }

.searchRentMainTit ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .searchRentMainTit ul li {
    width: 250px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    font-weight: bold;
    font-size: 14px;
    font-size: 0.875rem; }

.searchRentMainTit h1 {
  width: calc(100% - 550px);
  font-weight: bold;
  float: left;
  font-size: 24px;
  font-size: 1.5rem;
  padding: 8px 0 0 40px;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.searchRentMiniTit {
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  border-left: 16px solid #2a2c33;
  line-height: 1;
  padding-left: 10px;
  margin-bottom: 20px; }

.searchRentLikeBtn a {
  background: #18377F; }

.searchRentLikeBtn span:before {
  background: url(/common/img/ico_consideration_01.png) no-repeat; }

.searchRentMoreBtn a {
  background: #951231; }

.searchRentMoreBtn span:before {
  background: url(/common/img/ico_more_01.png) no-repeat; }

.searchRentLikeBtn,
.searchRentContactBtn,
.searchRentMoreBtn,
.logOutBtn {
  margin-bottom: 10px;
  text-align: center; }
  .searchRentLikeBtn a, .searchRentLikeBtn input[type="button"], .searchRentLikeBtn input[type="submit"],
  .searchRentContactBtn a,
  .searchRentContactBtn input[type="button"],
  .searchRentContactBtn input[type="submit"],
  .searchRentMoreBtn a,
  .searchRentMoreBtn input[type="button"],
  .searchRentMoreBtn input[type="submit"],
  .logOutBtn a,
  .logOutBtn input[type="button"],
  .logOutBtn input[type="submit"] {
    width: 225px;
    height: 55px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100px;
    background: #951231;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 18px; }
    @media screen and (max-width: 834px) {
      .searchRentLikeBtn a, .searchRentLikeBtn input[type="button"], .searchRentLikeBtn input[type="submit"],
      .searchRentContactBtn a,
      .searchRentContactBtn input[type="button"],
      .searchRentContactBtn input[type="submit"],
      .searchRentMoreBtn a,
      .searchRentMoreBtn input[type="button"],
      .searchRentMoreBtn input[type="submit"],
      .logOutBtn a,
      .logOutBtn input[type="button"],
      .logOutBtn input[type="submit"] {
        font-size: 16px; } }
  .searchRentLikeBtn input[type="button"], .searchRentLikeBtn input[type="submit"],
  .searchRentContactBtn input[type="button"],
  .searchRentContactBtn input[type="submit"],
  .searchRentMoreBtn input[type="button"],
  .searchRentMoreBtn input[type="submit"],
  .logOutBtn input[type="button"],
  .logOutBtn input[type="submit"] {
    border: none;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
    .searchRentLikeBtn input[type="button"]:hover, .searchRentLikeBtn input[type="submit"]:hover,
    .searchRentContactBtn input[type="button"]:hover,
    .searchRentContactBtn input[type="submit"]:hover,
    .searchRentMoreBtn input[type="button"]:hover,
    .searchRentMoreBtn input[type="submit"]:hover,
    .logOutBtn input[type="button"]:hover,
    .logOutBtn input[type="submit"]:hover {
      cursor: pointer;
      -webkit-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      filter: alpha(opacity=70);
      opacity: 0.70;
      transition: all 0.3s ease 0s; }
      @media screen and (max-width: 834px) {
        .searchRentLikeBtn input[type="button"]:hover, .searchRentLikeBtn input[type="submit"]:hover,
        .searchRentContactBtn input[type="button"]:hover,
        .searchRentContactBtn input[type="submit"]:hover,
        .searchRentMoreBtn input[type="button"]:hover,
        .searchRentMoreBtn input[type="submit"]:hover,
        .logOutBtn input[type="button"]:hover,
        .logOutBtn input[type="submit"]:hover {
          opacity: 1; } }
  .searchRentLikeBtn a span,
  .searchRentContactBtn a span,
  .searchRentMoreBtn a span,
  .logOutBtn a span {
    color: #fff; }
  @media screen and (max-width: 834px) {
    .searchRentLikeBtn a,
    .searchRentContactBtn a,
    .searchRentMoreBtn a,
    .logOutBtn a {
      margin-left: auto;
      margin-right: auto; } }

.searchRentContactBtn {
  text-align: center; }
  .searchRentContactBtn a, .searchRentContactBtn input[type="button"], .searchRentContactBtn input[type="submit"] {
    width: 235px;
    height: 55px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100px;
    background: #94a530;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 18px; }
    @media screen and (max-width: 834px) {
      .searchRentContactBtn a, .searchRentContactBtn input[type="button"], .searchRentContactBtn input[type="submit"] {
        font-size: 16px; } }
  .searchRentContactBtn input[type="button"], .searchRentContactBtn input[type="submit"] {
    border: none;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
    .searchRentContactBtn input[type="button"]:hover, .searchRentContactBtn input[type="submit"]:hover {
      cursor: pointer;
      -webkit-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      filter: alpha(opacity=70);
      opacity: 0.70;
      transition: all 0.3s ease 0s; }
      @media screen and (max-width: 834px) {
        .searchRentContactBtn input[type="button"]:hover, .searchRentContactBtn input[type="submit"]:hover {
          opacity: 1; } }

.searchSim {
  padding: 10px;
  background: #efefef;
  overflow: hidden;
  border-radius: 5px;
  color: #2a2c33; }
  .searchSim input {
    padding: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    border: none;
    margin: 0 10px;
    font-size: 16px;
    font-size: 1rem; }
    .searchSim input.day {
      width: 30%; }
      @media screen and (max-width: 834px) {
        .searchSim input.day {
          width: 53px !important; } }
    .searchSim input.people {
      width: 25%; }
      @media screen and (max-width: 834px) {
        .searchSim input.people {
          width: 45px !important; } }
    .searchSim input.result {
      width: 150px; }
  .searchSim .simBox {
    font-weight: bold;
    vertical-align: middle;
    font-size: 16px;
    font-size: 1rem;
    float: left;
    padding: 10px;
    vertical-align: middle;
    color: #2a2c33; }
    .searchSim .simBox.kakeru {
      margin-top: 7px; }

.total input {
  width: 220px; }

.searchSimBtn {
  width: 200px;
  height: 50px;
  color: #fff;
  background: #951231;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  border-radius: 100px;
  padding-top: 11px;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
  margin-top: 8px;
  float: right; }

.companyInfo {
  border: 1px solid #CCC;
  padding: 10px;
  overflow: hidden; }

.tbl_companyInfo {
  width: 800px;
  float: left; }
  .tbl_companyInfo th {
    width: 10%;
    text-align: center;
    font-size: 93%;
    font-weight: bold;
    vertical-align: top; }
    .tbl_companyInfo th p {
      background: #efefef;
      padding: 5px;
      margin: 5px;
      border-radius: 5px;
      width: 80px;
      color: #2a2c33; }
  .tbl_companyInfo td {
    padding: 10px; }

.searchPageBtn a {
  width: 280px;
  margin: 20px 0 0;
  background: #951231;
  float: right;
  border-radius: 5px; }

.linkPageBtn a {
  width: 280px;
  background: #26C9FF;
  text-align: center;
  border-radius: 5px;
  -webkit-box-shadow: 1px 4px 0px 0px #1e6fbb;
  -moz-box-shadow: 1px 4px 0px 0px #1e6fbb;
  box-shadow: 1px 4px 0px 0px #1e6fbb;
  color: #d8c5ca;
  padding: 10px;
  font-size: 16px;
  font-size: 1rem;
  float: right;
  display: block;
  font-weight: bold;
  cursor: pointer; }

.LinkTbl {
  color: #94a530;
  font-family: "arial", sans-serif;
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: bold;
  line-height: 1; }

.rentOrange {
  color: #951231;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold; }

.rentPickupText {
  color: #951231;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  margin: 10px 0; }

.searchMapBox iframe {
  width: 100%; }

.searchMapBoxSp {
  display: none; }

.searchRentLongBtn {
  margin: 0 auto 40px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .searchRentLongBtn a, .searchRentLongBtn input[type="button"], .searchRentLongBtn input[type="submit"] {
    width: 600px;
    height: 55px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100px;
    background: #94a530;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 18px; }
    @media screen and (max-width: 834px) {
      .searchRentLongBtn a, .searchRentLongBtn input[type="button"], .searchRentLongBtn input[type="submit"] {
        font-size: 16px; } }
  .searchRentLongBtn input[type="button"], .searchRentLongBtn input[type="submit"] {
    border: none;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
    .searchRentLongBtn input[type="button"]:hover, .searchRentLongBtn input[type="submit"]:hover {
      cursor: pointer;
      -webkit-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      filter: alpha(opacity=70);
      opacity: 0.70;
      transition: all 0.3s ease 0s; }
      @media screen and (max-width: 834px) {
        .searchRentLongBtn input[type="button"]:hover, .searchRentLongBtn input[type="submit"]:hover {
          opacity: 1; } }
  .searchRentLongBtn span {
    color: #fff; }
    .searchRentLongBtn span:before {
      content: "";
      display: inline-block;
      width: 25px;
      height: 25px;
      background-size: contain;
      position: absolute;
      top: calc(50% - 10px);
      left: 20px; }

/* 写真 */
.content {
  /* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
  display: none;
  float: left;
  width: 700px;
  height: 550px; }

.content a,
.navigation a {
  text-decoration: none;
  color: #777; }

.content a:focus,
.content a:hover,
.content a:active {
  text-decoration: underline; }

.controls {
  margin-top: 5px;
  height: 23px;
  position: absolute;
  top: 200px;
  left: 0;
  z-index: 100;
  width: 100%; }
  .controls a {
    padding: 5px 15px;
    background: #333;
    color: #d8c5ca;
    font-weight: bold;
    border-radius: 50px;
    font-size: 20px;
    font-size: 1.25rem; }

.prev {
  float: left; }

.next {
  float: right; }

.ss-controls {
  float: left; }

.slideshow-container {
  position: relative;
  clear: both;
  height: 502px;
  /* This should be set to be at least the height of the largest image in the slideshow */ }

.loader {
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("loader.gif");
  background-repeat: no-repeat;
  background-position: center;
  width: 550px;
  height: 502px;
  /* This should be set to be at least the height of the largest image in the slideshow */ }

.slideshow .image-wrapper {
  display: block;
  position: absolute;
  top: 0;
  left: 0; }

.slideshow .advance-link {
  display: block;
  width: 700px;
  text-align: center; }

.slideshow img {
  vertical-align: middle;
  border: 1px solid #CCC;
  max-height: 700px;
  /* 追加 */
  max-width: 550px;
  /* 追加 */ }

.slideshow .advance-link:hover,
.slideshow .advance-link:active,
.slideshow .advance-link:visited {
  text-decoration: none; }

.download {
  float: right; }

.image-caption {
  display: block;
  position: absolute; }

.caption {
  padding: 12px;
  color: #ccc; }
  .caption a {
    color: #2a2c33; }

.image-title {
  font-weight: bold;
  font-size: 22px;
  font-size: 1.375rem; }

.image-desc {
  line-height: 1.3em;
  padding-top: 12px; }

.navigation {
  width: 430px;
  float: right;
  background-color: #efefef; }

.thumbs {
  clear: both;
  margin: 0;
  padding: 0; }
  .thumbs li {
    float: left;
    padding: 0;
    margin: 0px 10px 10px 0px;
    list-style: none;
    width: 130px;
    height: 130px;
    overflow: hidden;
    border: 1px solid #CCC;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center; }

.thumb {
  display: block; }
  .thumb:focus {
    outline: none; }
  .thumb .selected .thumb {
    background: #efefef; }
  .thumb img {
    border: none;
    height: 130px; }

.pagination {
  clear: both; }
  .pagination .top {
    margin-bottom: 12px;
    height: 11px; }
  .pagination .bottom {
    margin-top: 12px; }
  .pagination a:hover {
    background-color: #CCC;
    border: 1px solid #CCC;
    text-decoration: none; }
  .pagination .current {
    font-weight: bold;
    background-color: #CCC;
    border-color: #CCC;
    color: #2a2c33; }
  .pagination .ellipsis {
    border: none;
    padding: 5px 0 3px 2px; }

.pagination a,
.pagination .current,
.pagination .ellipsis {
  display: block;
  float: left;
  margin-right: 2px;
  padding: 4px 4px 2px 4px;
  border: 1px solid #CCC;
  color: #2a2c33; }

#captionToggle a {
  float: right;
  display: block;
  background-image: url("caption.png");
  background-repeat: no-repeat;
  background-position: right;
  margin-top: 5px;
  padding: 5px 30px 5px 5px; }

.caseBg {
  background: url(../img/bg960_case.jpg);
  padding: 6px;
  width: 948px;
  height: 610px; }

.noneLink {
  color: #CCC !important;
  margin: 0 5px 5px 0;
  padding: 10px 0 !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  border: none !important; }
  @media screen and (max-width: 834px) {
    .noneLink {
      padding: 3px 0 !important; } }

#slider .slides img {
  width: auto !important;
  height: auto !important;
  max-height: 400px !important;
  max-width: 640px !important; }
  @media screen and (max-width: 834px) {
    #slider .slides img {
      max-width: 100% !important;
      max-height: 250px !important; } }

/*******************************************************************************
**  お問い合わせ
*******************************************************************************/
.req,
.any {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  color: #fff;
  font-size: 12px;
  font-size: 0.75rem;
  padding: 4px 10px;
  background: #94a530;
  font-weight: bold;
  border-radius: 4px; }
  @media screen and (max-width: 834px) {
    .req,
    .any {
      padding: 3px 10px 2px; } }

.any {
  background: #951231; }

#contactGuide {
  counter-reset: contact;
  margin-bottom: 40px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  #contactGuide li {
    font-size: 16px;
    font-size: 1rem;
    color: #fff;
    font-weight: bold;
    text-align: center;
    background: #d8c5ca;
    position: relative;
    padding: 10px 0;
    width: calc(100% / 3);
    -webkit-box-shadow: 0 0 0 1px #FFF inset;
    box-shadow: 0 0 0 1px #FFF inset; }
    @media screen\0 {
      #contactGuide li {
        padding: 13px 0 7px; } }
    #contactGuide li:before {
      counter-increment: contact;
      content: counter(contact, decimal);
      padding-right: 0.5em; }
  #contactGuide .selected {
    background: #951231;
    color: #fff; }

#tplContact .searchContentInner {
  margin: 0 auto; }

#tplContact dl {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  #tplContact dl dt {
    width: 20%;
    margin: 0 0 20px;
    font-weight: bold;
    position: relative; }
    @media screen and (max-width: 834px) {
      #tplContact dl dt {
        width: 100%;
        margin-bottom: 12px; } }
  #tplContact dl dd {
    width: calc(80% - 40px);
    margin: 0 0 20px; }
    @media screen and (max-width: 834px) {
      #tplContact dl dd {
        width: 100%; } }
    #tplContact dl dd ul {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-bottom: 20px; }
      #tplContact dl dd ul li {
        width: 50%;
        padding: 5px 0; }

#tplContact .contactSelect,
#tplContact input[type="text"] {
  width: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  @media screen and (max-width: 834px) {
    #tplContact .contactSelect,
    #tplContact input[type="text"] {
      width: 100%; } }

#tplContact .contactSelect,
#tplContact input.short[type="text"] {
  width: 30%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  @media screen and (max-width: 834px) {
    #tplContact .contactSelect,
    #tplContact input.short[type="text"] {
      width: 60%; } }

#tplContact input[type="text"] + p {
  width: 50%;
  float: right;
  padding: 5px 20px 0 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  @media screen and (max-width: 834px) {
    #tplContact input[type="text"] + p {
      width: 100%;
      padding: 5px 20px 0 0;
      font-size: 14px; } }

.width300Auto {
  margin: auto;
  text-align: center; }

.searchContactListBox ul li {
  width: calc(50% - 20px);
  float: left;
  border: 1px solid #CCC;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 40px 40px 0; }
  .searchContactListBox ul li:nth-child(2n) {
    margin-right: 0px; }
  .searchContactListBox ul li .nsTit {
    background: #efefef;
    color: #2a2c33;
    padding: 10px;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 500; }
    .searchContactListBox ul li .nsTit a {
      color: #2a2c33;
      text-decoration: underline; }
  .searchContactListBox ul li .nsBox {
    padding: 20px; }

.searchContactListBox .photo {
  width: 300px;
  height: 200px;
  overflow: hidden;
  text-align: center;
  margin-bottom: 15px;
  float: left; }
  .searchContactListBox .photo img {
    max-width: 100%;
    max-height: 100%; }

.searchContactListBox .nsData {
  width: calc(100% - 320px);
  float: right; }

.sliderRentTabBox {
  width: 50%;
  float: left; }

.sliderBox {
  width: 100%;
  overflow: hidden; }

.searchRentMain {
  position: relative; }

.searchMapBox {
  width: 620px;
  float: right;
  right: 0;
  height: 80vh; }

.logList .btnBox {
  overflow: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .logList .btnBox li {
    border-radius: 5px;
    width: auto;
    margin-right: 2%;
    float: initial; }

.companyInfo .btnBox li span,
.logList .btnBox li span {
  font-size: 16px;
  font-size: 1rem; }

.companyInfo .btnBox li:nth-child(2n),
.logList .btnBox li:nth-child(3n) {
  margin-right: 0px; }

.logOutBtn a {
  background: #CCC; }

table.resTable02 th,
table.resTable02 td {
  width: 25%; }

a.linkColorMain {
  text-decoration: underline;
  font-weight: 500; }

/*******************************************************************************
**  地図検索
*******************************************************************************/
.listMap {
  margin-bottom: 20px;
  width: 100%;
  height: 500px; }

.searchListMapLeft {
  width: 20%;
  float: left; }

.searchListMapRight {
  width: 78%;
  float: right; }

/*******************************************************************************
**  レスポンシブ
*******************************************************************************/
@media screen and (max-width: convert-em()) {
  /* 検索一覧 */
  .searchListBox .searchListBoxInner {
    padding: 20px; }
    .searchListBox .searchListBoxInner .txtArea {
      margin: 10px 0 0; }
  .searchListBox .searchListBoxLeft {
    width: 55%; }
  .searchListBox .searchListBoxRight {
    width: calc(45% - 20px); }
  /* 物件詳細 */
  .rentTabBox .tabContent {
    padding: 20px; }
  .searchRentDetalTbl {
    width: calc(100% - 600px); }
  .searchRentIcon {
    width: 600px; }
  /* お気に入り */
  .tabContent {
    padding: 20px; }
  .searchContactListBox .nsBox .photo {
    width: 200px;
    height: 150px; }
  .searchContactListBox .nsData {
    width: calc(100% - 220px); } }

@media screen and (max-width: 834px) {
  /* 検索一覧 */
  .searchListLeft .sideMenuTit {
    border-radius: 5px 5px 0 0;
    margin: 0 0 10px;
    padding: 10px 20px;
    position: relative; }
    .searchListLeft .sideMenuTit::after {
      content: "";
      position: absolute;
      width: 10px;
      height: 10px;
      border-bottom: solid 2px #fff;
      border-right: solid 2px #fff;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      right: 20px;
      top: 13px; }
    .searchListLeft .sideMenuTit.active {
      border-radius: 5px 5px 0 0;
      margin: 0;
      -webkit-box-shadow: none;
      box-shadow: none; }
      .searchListLeft .sideMenuTit.active::before {
        border-bottom: 6px solid #d8c5ca;
        border-top: transparent; }
  .searchListLeft .searchSideMenu {
    padding: 10px;
    display: none; }
  .searchListLeft,
  .searchListRight {
    width: 100%;
    float: none; }
  .searchListBoxAll .searchListBox .btnBox {
    padding: 10px;
    display: block; }
  /* 地図から探す */
  .searchListMapLeft {
    width: 100%; }
  .searchListMapRight {
    width: 100%; }
  /* 物件詳細 */
  .searchContentInner .searchRentMainTit h1 {
    width: 100%;
    margin: 0 0 20px;
    padding: 0;
    font-size: 20px; }
  .searchContentInner .searchRentMainTit ul {
    width: 100%; }
    .searchContentInner .searchRentMainTit ul li {
      width: calc(50% - 8px); }
  .searchContentInner .sliderBox, .searchContentInner .rentTabBox {
    width: 100%;
    float: none; }
  .searchContentInner .searchRentDetalTbl, .searchContentInner .searchRentIcon {
    width: 100%;
    float: none; }
  .searchContentInner .resTable02 th, .searchContentInner .resTable02 td {
    width: 100%;
    display: block; }
  .searchContentInner .resTable02 th {
    border-right: #CCC 1px solid;
    border-bottom: #CCC 1px dotted; }
  .searchContentInner .companyInfo .tbl_companyInfo {
    width: 100%;
    float: none; }
  .searchContentInner .companyInfo .searchPageBtn a {
    margin: 0 auto;
    float: none; }
  .sliderRentTabBox {
    width: 100%;
    float: inherit; }
  .searchMapBox {
    display: none; }
  .searchRentTit.sp, .searchMapBoxSp {
    display: block; }
    .searchRentTit.sp iframe, .searchMapBoxSp iframe {
      width: 100%; }
  /* お問い合わせ */
  #tplContact dl dt {
    width: 100%;
    padding: 5px 0 0 60px; }
  #tplContact dl dd {
    width: 100%; }
  .req,
  .any {
    left: 0;
    right: initial; }
  textarea {
    width: calc(100% - 20px); }
  /* 検討中 */
  .companyInfo .btnBox li span,
  .logList .btnBox li span {
    font-size: 14px;
    font-size: 0.875rem; }
  .searchListBoxBottom .btnBox .searchRentCheck {
    width: 100%;
    float: none; }
  .searchListBoxBottom .btnBox .searchRentContactBtn,
  .searchListBoxBottom .btnBox .searchRentLikeBtn {
    width: 49%; }
  .searchContactListBox ul li {
    width: 100%;
    float: none; }
    .searchContactListBox ul li .nsTit {
      font-size: 16px;
      font-size: 1rem;
      padding: 5px 10px; }
    .searchContactListBox ul li .nsBox {
      padding: 10px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .searchContactListBox ul li .nsBox .photo {
        width: 30%;
        height: auto;
        margin: 0; }
      .searchContactListBox ul li .nsBox .nsData {
        width: 65%;
        line-height: 1.2; }
        .searchContactListBox ul li .nsBox .nsData .nsPrice {
          font-size: 16px;
          font-size: 1rem;
          padding: 0; }
          .searchContactListBox ul li .nsBox .nsData .nsPrice span {
            font-size: 16px;
            font-size: 1rem; }
        .searchContactListBox ul li .nsBox .nsData > div p {
          font-size: 12px;
          font-size: 0.75rem; }
  .tabContent {
    padding: 10px; } }

@media screen and (max-width: 834px) {
  #searchTopArea {
    background-size: cover;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-position: center center;
    padding: 50px 0; }
  /* 検索画面 */
  .searchContentInner .search_tit {
    font-size: 18px;
    font-size: 1.125rem;
    margin: 0 0 16px 0;
    padding: 20px 10px; }
  .searchContentInner .searchBox01 {
    padding: 20px; }
  .searchContentInner .searchMenu {
    margin: 0 0 15px 0; }
  .seachRentAllIcon li,
  .searchRentIcon li {
    font-size: 10px;
    font-size: 0.625rem;
    font-weight: normal;
    line-height: 1.2;
    width: calc(25% - 3px);
    letter-spacing: -0.2em;
    margin: 0 3px 3px 0;
    padding: 3px 2px; }
    .seachRentAllIcon li:nth-child(3n),
    .searchRentIcon li:nth-child(3n) {
      margin: 0 3px 3px 0; }
    .seachRentAllIcon li:nth-child(4n),
    .searchRentIcon li:nth-child(4n) {
      margin: 0 0px 3px 0; }
  /* 物件一覧 */
  .searchContentInner .searchListLeft .sideMenuTit {
    padding: 10px 20px; }
  .searchContentInner .searchListBox {
    margin: 0 0 20px; }
    .searchContentInner .searchListBox .searchListBoxInner {
      padding: 10px; }
      .searchContentInner .searchListBox .searchListBoxInner .searchListBoxLeft, .searchContentInner .searchListBox .searchListBoxInner .searchListBoxRight {
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 1.2;
        width: 100%;
        float: none; }
      .searchContentInner .searchListBox .searchListBoxInner .searchListBoxLeft {
        margin: 0 0 5px; }
        .searchContentInner .searchListBox .searchListBoxInner .searchListBoxLeft .searchListBoxLeftInner {
          margin: 0 0 10px; }
          .searchContentInner .searchListBox .searchListBoxInner .searchListBoxLeft .searchListBoxLeftInner .photo01, .searchContentInner .searchListBox .searchListBoxInner .searchListBoxLeft .searchListBoxLeftInner .photo02 {
            width: calc(50% - 5px); } }
          @media screen and (max-width: 834px) and (max-width: 834px) {
            .searchContentInner .searchListBox .searchListBoxInner .searchListBoxLeft .searchListBoxLeftInner .photo01, .searchContentInner .searchListBox .searchListBoxInner .searchListBoxLeft .searchListBoxLeftInner .photo02 {
              height: 120px; }
              .searchContentInner .searchListBox .searchListBoxInner .searchListBoxLeft .searchListBoxLeftInner .photo01 img, .searchContentInner .searchListBox .searchListBoxInner .searchListBoxLeft .searchListBoxLeftInner .photo02 img {
                max-height: 120px; } }

@media screen and (max-width: 834px) {
      .searchContentInner .searchListBox .searchListBoxInner .campaign {
        height: auto;
        line-height: 1.5;
        margin: 0 0 10px;
        padding: 8px; }
        .searchContentInner .searchListBox .searchListBoxInner .campaign::before {
          display: none; }
        .searchContentInner .searchListBox .searchListBoxInner .campaign::after {
          display: none; }
        .searchContentInner .searchListBox .searchListBoxInner .campaign span {
          font-size: 12px;
          width: 100%;
          display: block; }
          .searchContentInner .searchListBox .searchListBoxInner .campaign span::before {
            font-size: 10px;
            font-size: 0.625rem;
            width: 74px;
            height: 15px;
            padding: 0; }
  .searchListBox .btnBox {
    padding: 5px 10px; }
    .searchListBox .btnBox li a {
      width: 100%; }
    .searchListBox .btnBox .searchRentMoreBtn, .searchListBox .btnBox .searchRentLikeBtn, .searchListBox .btnBox .searchRentContactBtn {
      width: 100%;
      margin: 10px 0; }
  .searchBtn input[type="button"] {
    margin: 0; }
  /* 物件詳細 */
  .searchContentInner .searchRentMainTit h1 {
    font-size: 18px;
    font-size: 1.125rem; }
  .searchContentInner .searchRentMainTit ul {
    display: block; }
    .searchContentInner .searchRentMainTit ul li {
      width: 100%;
      margin: 3%;
      font-size: 10px;
      letter-spacing: -0.01em; }
      .searchContentInner .searchRentMainTit ul li a {
        padding: 5px;
        width: 94%; }
  .companyInfo {
    padding: 0;
    border: none; }
    .companyInfo .tbl_companyInfo {
      margin: 0; }
      .companyInfo .tbl_companyInfo th, .companyInfo .tbl_companyInfo td {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1.2;
        padding: 5px;
        border: 1px solid #CCC; }
        .companyInfo .tbl_companyInfo th p, .companyInfo .tbl_companyInfo td p {
          margin: 0;
          padding: 0;
          background: none; }
      .companyInfo .tbl_companyInfo th {
        width: 25%;
        border-right: 1px dotted #CCC;
        background: #efefef; }
      .companyInfo .tbl_companyInfo td {
        border-left: none; }
  .rentTabBox .searchSim, .rentTabBox .searchSim .simBox {
    float: none;
    margin-right: 0px;
    text-align: left; }
  .rentTabBox .searchSim {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .rentTabBox .searchSim input {
      margin: 0; }
    .rentTabBox .searchSim .simBox {
      font-size: 12px;
      font-size: 0.75rem;
      width: auto;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 5px;
      box-sizing: border-box;
      display: inline-block; }
      .rentTabBox .searchSim .simBox #calc_day, .rentTabBox .searchSim .simBox #calc_people {
        width: 80px; }
      .rentTabBox .searchSim .simBox #calc_total {
        width: 100px; }
    .rentTabBox .searchSim .searchSimBtn {
      font-size: 12px;
      font-size: 0.75rem;
      width: auto;
      margin: 0 auto;
      padding: 5px 20px;
      float: none;
      display: inline-block;
      height: 37px; }
  .searchRentDetalTbl table {
    border-top: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-left: 1px solid #CCC; }
    .searchRentDetalTbl table th, .searchRentDetalTbl table td {
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 1.2;
      width: 100%;
      padding: 5px;
      display: block;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      .searchRentDetalTbl table th p, .searchRentDetalTbl table td p {
        padding: 0;
        background: none; }
    .searchRentDetalTbl table th {
      border-bottom: 1px dotted #CCC;
      background: #efefef; }
    .searchRentDetalTbl table td {
      border-top: none;
      border-bottom: 1px solid #CCC; }
  .tbl_mainItemInfo {
    margin: 0 0 20px; }
    .tbl_mainItemInfo colgroup {
      display: none; }
    .tbl_mainItemInfo th, .tbl_mainItemInfo td {
      width: 100%;
      display: block;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 1.2;
      padding: 5px 10px; }
    .tbl_mainItemInfo th {
      text-align: left;
      border-right: #CCC 1px solid;
      border-bottom: #CCC 1px dotted; }
  /* 検討中 */
  .logList .tabMenu li a {
    width: calc(50% - 5px); }
  .searchListBoxBottom .btnBox {
    padding: 10px; }
    .searchListBoxBottom .btnBox li {
      width: 100% !important;
      margin: 0 0 10px;
      float: none; }
  .searchContactListBox ul li {
    width: 100%;
    margin: 0 0 20px;
    float: none; }
  .searchSideMenu select {
    width: 135px; } }

@media screen and (max-width: convert-em()) {
  /* 物件詳細 */
  .tabMenu li a {
    font-size: 10px;
    font-size: 0.625rem; }
  .total input {
    width: 80%; }
  .searchRentLongBtn a {
    font-size: 14px;
    font-size: 0.875rem; }
  .tbl_mainItemInfo th, .tbl_mainItemInfo td {
    width: 245px;
    display: block; }
  .tbl_mainItemInfo th {
    border-right: #CCC 1px solid;
    border-bottom: #CCC 1px dotted; }
  /* 検討中 */
  .companyInfo .btnBox li span,
  .logList .btnBox li span {
    font-size: 12px;
    font-size: 0.75rem; }
  .searchSideMenu select {
    width: 110px; } }

.detailPriceBox .priceList-text {
  margin-bottom: 40px;
  text-align: center; }
  @media screen and (max-width: 834px) {
    .detailPriceBox .priceList-text {
      font-size: 14px;
      text-align: left;
      margin-bottom: 24px; } }

.detailPriceBox .priceList .gray {
  background: #efefef; }

.detailPriceBox .priceList .bgc {
  background: #951231; }

.simulationBox .simulationBtn {
  background: #94a530;
  color: #FFF;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
  border-radius: 100px;
  position: relative;
  font-weight: 500; }
  .simulationBox .simulationBtn::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-bottom: solid 2px #fff;
    border-right: solid 2px #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 20px;
    top: 13px; }
  @media screen and (max-width: 834px) {
    .simulationBox .simulationBtn {
      margin-bottom: 24px; }
      .simulationBox .simulationBtn::after {
        top: 9px; } }

.searchListBoxRight .priceList .gray {
  background: #efefef; }

.searchListBoxRight .priceList .bgc {
  background: #951231; }