@charset "UTF-8";
/*
Copyright CREATIVE WEB Inc. All Rights Reserved.
https://www.creative-web.co.jp/
*/
/*
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: #333;
  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.
http://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; }

/* padding
----------------------------------------------------------------------------- */
.paddingTop0 {
  padding-top: 0 !important; }

.paddingTop5 {
  padding-top: 5px !important; }

.paddingTop10 {
  padding-top: 10px !important; }

.paddingTop15 {
  padding-top: 15px !important; }

.paddingTop20 {
  padding-top: 20px !important; }

.paddingTop25 {
  padding-top: 25px !important; }

.paddingTop30 {
  padding-top: 30px !important; }

.paddingTop35 {
  padding-top: 35px !important; }

.paddingTop40 {
  padding-top: 40px !important; }

.paddingTop45 {
  padding-top: 45px !important; }

.paddingTop50 {
  padding-top: 50px !important; }

.paddingTop60 {
  padding-top: 60px !important; }

.paddingTop70 {
  padding-top: 70px !important; }

.paddingTop80 {
  padding-top: 80px !important; }

.paddingTop90 {
  padding-top: 90px !important; }

.paddingTop100 {
  padding-top: 100px !important; }

.paddingRight0 {
  padding-right: 0 !important; }

.paddingRight5 {
  padding-right: 5px !important; }

.paddingRight10 {
  padding-right: 10px !important; }

.paddingRight15 {
  padding-right: 15px !important; }

.paddingRight20 {
  padding-right: 20px !important; }

.paddingRight25 {
  padding-right: 25px !important; }

.paddingRight30 {
  padding-right: 30px !important; }

.paddingRight35 {
  padding-right: 35px !important; }

.paddingRight40 {
  padding-right: 40px !important; }

.paddingRight45 {
  padding-right: 45px !important; }

.paddingRight50 {
  padding-right: 50px !important; }

.paddingRight60 {
  padding-right: 60px !important; }

.paddingRight70 {
  padding-right: 70px !important; }

.paddingRight80 {
  padding-right: 80px !important; }

.paddingRight90 {
  padding-right: 90px !important; }

.paddingRight100 {
  padding-right: 100px !important; }

.paddingBottom0 {
  padding-bottom: 0 !important; }

.paddingBottom5 {
  padding-bottom: 5px !important; }

.paddingBottom10 {
  padding-bottom: 10px !important; }

.paddingBottom15 {
  padding-bottom: 15px !important; }

.paddingBottom20 {
  padding-bottom: 20px !important; }

.paddingBottom25 {
  padding-bottom: 25px !important; }

.paddingBottom30 {
  padding-bottom: 30px !important; }

.paddingBottom35 {
  padding-bottom: 35px !important; }

.paddingBottom40 {
  padding-bottom: 40px !important; }

.paddingBottom45 {
  padding-bottom: 45px !important; }

.paddingBottom50 {
  padding-bottom: 50px !important; }

.paddingBottom60 {
  padding-bottom: 60px !important; }

.paddingBottom70 {
  padding-bottom: 70px !important; }

.paddingBottom80 {
  padding-bottom: 80px !important; }

.paddingBottom90 {
  padding-bottom: 90px !important; }

.paddingBottom100 {
  padding-bottom: 100px !important; }

.paddingLeft0 {
  padding-left: 0 !important; }

.paddingLeft5 {
  padding-left: 5px !important; }

.paddingLeft10 {
  padding-left: 10px !important; }

.paddingLeft15 {
  padding-left: 15px !important; }

.paddingLeft20 {
  padding-left: 20px !important; }

.paddingLeft25 {
  padding-left: 25px !important; }

.paddingLeft30 {
  padding-left: 30px !important; }

.paddingLeft35 {
  padding-left: 35px !important; }

.paddingLeft40 {
  padding-left: 40px !important; }

.paddingLeft45 {
  padding-left: 45px !important; }

.paddingLeft50 {
  padding-left: 50px !important; }

.paddingLeft60 {
  padding-left: 60px !important; }

.paddingLeft70 {
  padding-left: 70px !important; }

.paddingLeft80 {
  padding-left: 80px !important; }

.paddingLeft90 {
  padding-left: 90px !important; }

.paddingLeft100 {
  padding-left: 100px !important; }

/* margin
----------------------------------------------------------------------------- */
.marginTop0 {
  margin-top: 0 !important; }

.marginTop5 {
  margin-top: 5px !important; }

.marginTop10 {
  margin-top: 10px !important; }

.marginTop15 {
  margin-top: 15px !important; }

.marginTop20 {
  margin-top: 20px !important; }

.marginTop25 {
  margin-top: 25px !important; }

.marginTop30 {
  margin-top: 30px !important; }

.marginTop35 {
  margin-top: 35px !important; }

.marginTop40 {
  margin-top: 40px !important; }

.marginTop45 {
  margin-top: 45px !important; }

.marginTop50 {
  margin-top: 50px !important; }

.marginTop60 {
  margin-top: 60px !important; }

.marginTop70 {
  margin-top: 70px !important; }

.marginTop80 {
  margin-top: 80px !important; }

.marginTop90 {
  margin-top: 90px !important; }

.marginTop100 {
  margin-top: 100px !important; }

.marginTop150 {
  margin-top: 150px !important; }

.marginRight0 {
  margin-right: 0 !important; }

.marginRight5 {
  margin-right: 5px !important; }

.marginRight10 {
  margin-right: 10px !important; }

.marginRight15 {
  margin-right: 15px !important; }

.marginRight20 {
  margin-right: 20px !important; }

.marginRight25 {
  margin-right: 25px !important; }

.marginRight30 {
  margin-right: 30px !important; }

.marginRight35 {
  margin-right: 35px !important; }

.marginRight40 {
  margin-right: 40px !important; }

.marginRight45 {
  margin-right: 45px !important; }

.marginRight50 {
  margin-right: 50px !important; }

.marginRight60 {
  margin-right: 60px !important; }

.marginRight70 {
  margin-right: 70px !important; }

.marginRight80 {
  margin-right: 80px !important; }

.marginRight90 {
  margin-right: 90px !important; }

.marginRight100 {
  margin-right: 100px !important; }

.marginBottom0 {
  margin-bottom: 0 !important; }

.marginBottom5 {
  margin-bottom: 5px !important; }

.marginBottom10 {
  margin-bottom: 10px !important; }

.marginBottom15 {
  margin-bottom: 15px !important; }

.marginBottom20 {
  margin-bottom: 20px !important; }

.marginBottom25 {
  margin-bottom: 25px !important; }

.marginBottom30 {
  margin-bottom: 30px !important; }

.marginBottom35 {
  margin-bottom: 35px !important; }

.marginBottom40 {
  margin-bottom: 40px !important; }

.marginBottom45 {
  margin-bottom: 45px !important; }

.marginBottom50 {
  margin-bottom: 50px !important; }

.marginBottom60 {
  margin-bottom: 60px !important; }

.marginBottom70 {
  margin-bottom: 70px !important; }

.marginBottom80 {
  margin-bottom: 80px !important; }

.marginBottom90 {
  margin-bottom: 90px !important; }

.marginBottom100 {
  margin-bottom: 100px !important; }

.marginLeft0 {
  margin-left: 0 !important; }

.marginLeft5 {
  margin-left: 5px !important; }

.marginLeft10 {
  margin-left: 10px !important; }

.marginLeft15 {
  margin-left: 15px !important; }

.marginLeft20 {
  margin-left: 20px !important; }

.marginLeft25 {
  margin-left: 25px !important; }

.marginLeft30 {
  margin-left: 30px !important; }

.marginLeft35 {
  margin-left: 35px !important; }

.marginLeft40 {
  margin-left: 40px !important; }

.marginLeft45 {
  margin-left: 45px !important; }

.marginLeft50 {
  margin-left: 50px !important; }

.marginLeft60 {
  margin-left: 60px !important; }

.marginLeft70 {
  margin-left: 70px !important; }

.marginLeft80 {
  margin-left: 80px !important; }

.marginLeft90 {
  margin-left: 90px !important; }

.marginLeft100 {
  margin-left: 100px !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; }

/* 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: 1%; }

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

* {
  padding: 0;
  margin: 0; }

body {
  line-height: 1.75em;
  letter-spacing: 0.1em;
  color: #333;
  margin: 0;
  font-size: 16px;
  font-family: Meiryo, "メイリオ", YuGothicM, YuGothic, "Yu Gothic", "游ゴシック", sans-serif; }

/*
@include media-query('max','lg') {
  #container{
    width: map-get($breakpoints, 'lg') + px;
  }
}
@include media-query('max','sm') {
  #container{
    width: 100vw;
  }
}
*/
.boxArea {
  overflow: hidden; }

a {
  color: #333;
  /*
  &:visited {
    color:#333;
    text-decoration:none;
  }
  */ }
  a:link {
    text-decoration: none; }
  a:hover {
    color: #999;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    border-bottom: solid 1px #75b60e;
    padding: 10px 0; }

/* input[type="text"], textarea {
    border-radius: 5px;
    box-shadow: inset 0px 2px 1px -1px rgba(0,0,0,0.2);
  } */

/*
header {
	width:100%;
	height: 74px;
	background: #FFF;
	display: flex;
	position: relative;
	z-index: 5;
}
*/
.main-header {
  height: 69px;
  min-height: 69px;
  min-width: 0;
  border-bottom: 5px solid #36383F;
  -webkit-box-shadow: 0 1px 1px black;
  box-shadow: 0 1px 1px black; }

nav {
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  background: #FFF;
  border-bottom: 1px solid #e3e3e3; }

.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  width: 100%; }

.is-hide {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%); }

footer {
  font-size: 13px;
  width: 100%;
  height: 140px;
  background: #c7e19e; }
  footer .footerInner {
    padding: 40px 40px 0 40px; }
    footer .footerInner .catch #headLogo a:hover {
      border: none;
      padding: initial;
      padding-right: 50px; }
    footer .footerInner .catch p {
      color: #c7e19e; }
    footer .footerInner .catch a {
      float: left;
      padding-right: 50px; }
    footer .footerInner ul.btn li {
      float: left;
      margin: 0 10px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      footer .footerInner ul.btn li a {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 10px 0;
        display: block; }
        footer .footerInner ul.btn li a img {
          vertical-align: middle;
          margin-bottom: 3px; }
      footer .footerInner ul.btn li a:hover {
        background: #c7e19e;
        color: #FFF; }
    footer .footerInner #pageTop {
      background: #F7F5F0;
      margin-left: auto;
      margin-right: 10px;
      width: 50px; }
      footer .footerInner #pageTop a {
        display: block;
        color: #FFF;
        height: 50px;
        width: 50px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
        font-size: 13px;
        padding-top: 10px; }
      footer .footerInner #pageTop a:hover {
        border: 1px solid #c7e19e;
        background: #FFF;
        color: #c7e19e; }

.copy {
  width: 100%;
  background: #F7F5F0;
  color: #333;
  text-align: center;
  margin: 0 auto;
  font-size: 12px;
  letter-spacing: 2px; }
  .copy small {
    font-size: 14px;
    color: #333; }

/* パソコン・スマホ共通のCSS */
#PageTopBtn {
  position: fixed;
  /*ボタンの配置場所を固定*/
  bottom: -10px;
  /*下からのボタンの配置場所を指定*/
  right: 10px;
  /*右からのボタンの配置場所を指定*/
  z-index: 9999; }

#PageTopBtn a {
  display: block;
  /*配置の調整*/
  text-decoration: none;
  /*文字の下線を消す*/
  color: #fff;
  /*文字の色*/
  background: #f9d02d;
  /*ボタンの背景色*/
  text-align: center;
  /*文字を中央に配置*/
  -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.15);
  outline: none;
  /*クリックしたときの黒い枠を消す*/ }

#PageTopBtn a:hover {
  text-decoration: none;
  background: #fce796;
  /*マウスオーバー時の背景色*/
  border-bottom: 0; }

/* パソコンで表示する場合のCSS */
@media (min-width: 1000px) {
  #PageTopBtn {
    font-size: 13px;
    /*文字のサイズ*/ }
  #PageTopBtn a {
    width: 70px;
    /*ボタンの幅*/
    height: 35px;
    /*ボタンの高さ*/
    padding: 20px 0;
    /*文字の配置場所の調整*/ } }

/* スマホで表示する場合のCSS */
@media (max-width: 1000px) {
  #PageTopBtn {
    font-size: 10px; }
  #PageTopBtn a {
    width: 45px;
    height: 25px;
    padding: 10px 0;
    margin-bottom: 40px; } }

/* 共通
----------------------------------------------------------------------------- */
section {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*  align-items: center; /* 縦方向中央揃え */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /* 横方向中央揃え */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

@media screen and (max-width: 320px) and (max-width: 480px) {
  .box {
    width: 320px;
    height: 480px; } }

.section01 {
  background-image: url(../img/main.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }

.scrollIcon {
  position: absolute;
  bottom: 0; }
  .scrollIcon a {
    color: #FFF;
    font-size: 14px; }
  .scrollIcon .scroll {
    position: relative;
    margin-top: 20px;
    display: inline-block;
    height: 100px; }
  .scrollIcon .scroll:after {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    margin: auto;
    top: 10px;
    right: 0;
    left: 0;
    -webkit-animation: 3s arrow infinite ease;
    animation: 3s arrow infinite ease;
    border-right: 4px solid #FFF;
    border-bottom: 4px solid #FFF;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }

@-webkit-keyframes arrow {
  0%, 100% {
    top: 20px; }
  50% {
    top: 30px; } }

@keyframes arrow {
  0%, 100% {
    top: 20px; }
  50% {
    top: 30px; } }

  @media screen and (min-width: 768px) {
    a[href^="tel:"] {
      pointer-events: none;
    }
  }

/* section01
----------------------------------------------------------------------------- */
.section01 {
  height: 100vh;
  position: relative; }
  .section01 .mainBox {
    width: 280px;
    height: 100%;
    padding: 0 50px;
    background: #F7F5F0;
    -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.15);
    position: absolute;
    top: 0;
    left: 40px;
    margin: 0 auto;
    z-index: 99999; }
    .section01 .mainBox .box01,
    .section01 .mainBox .box02,
    .section01 .mainBox .box03 {
      letter-spacing: 4px;
      background: none !important;}
      .section01 .mainBox .box01 h2,
      .section01 .mainBox .box02 h2,
      .section01 .mainBox .box03 h2 {
        font-size: 18px;
        font-weight: bold;
        background: url(/common/img/img_download01.png) no-repeat 0 0 / 40px;
        padding: 9px 10px 9px 48px; }
        .section01 .mainBox .box01 h2 img,
        .section01 .mainBox .box02 h2 img,
        .section01 .mainBox .box03 h2 img {
          padding-right: 20px;
          vertical-align: middle; }
      .section01 .mainBox .box01 h3,
      .section01 .mainBox .box02 h3,
      .section01 .mainBox .box03 h3 {
        font-size: 12px;
        text-align: center; }
      .section01 .mainBox .box01 a,
      .section01 .mainBox .box02 a,
      .section01 .mainBox .box03 a {
        width: 100%;
        margin-top: 10px;
        padding: 15px 0;
        font-size: 15px;
        font-weight: bold;
        border: 1px solid #e3e3e3;
        -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.15);
        box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.15);
        text-align: center;
        display: block; }
        .section01 .mainBox .box01 a img,
        .section01 .mainBox .box02 a img,
        .section01 .mainBox .box03 a img {
          vertical-align: middle; }
      .section01 .mainBox .box01 a:hover,
      .section01 .mainBox .box02 a:hover,
      .section01 .mainBox .box03 a:hover {
        background: #fce796;
        color: #333333; }
    .section01 .mainBox .box02 h2 {
      background: url(/common/img/img_download02.png) no-repeat 0 0 / 40px; }
    .section01 .mainBox .box02 a:after,
    .section01 .mainBox .box03 a:after {
      content: '';
      display: inline-block;
      width: 15px;
      height: 15px;
      background-image: url(/common/img/img_link01.png);
      background-size: contain;
      vertical-align: middle;
      margin: 0 0 3px 5px; }
    .section01 .mainBox .box02 a:hover {
      background: #c7e19e;
      color: #333333; }
    .section01 .mainBox .box03 h2 {
      background: url(/common/img/img_download03.png) no-repeat 0 0 / 40px; }
    .section01 .mainBox .box03 a:hover {
      background: #9ed2e1;
      color: #333333; }
  .section01 .topCatch .catch01 {
    text-align: center; }
  .section01 .topCatch img {
    width: 100%;
    max-width: 1000px;
    padding-left: 32%; }
  .section01 .topBnr {
    position: absolute;
    right: 60px;
    bottom: 60px;
    transition: 0.3s all ease;
  }

  .section01 .topBnr a {
    border: none;
  }

  .section01 .topBnr:hover {
    opacity: 0.5;
  }

@media screen and (max-width: 1500px) {
  .section01 .topCatch img {
    max-width: 750px; } }

@media screen and (max-width: 1200px) {
  .section01 .topCatch img {
    max-width: 480px;
    padding-left: 43%; } }

@media screen and (max-height: 825px) {
  .section01 .mainBox {
    height: 500px; }
    .section01 .mainBox h1 {
      width: 100%;
      height: 130px;
      background: url(/common/img/img_logo01.png) no-repeat 25px 20px;
      background-size: auto auto;
      background-size: 200px auto; }
      .section01 .mainBox h1 img {
        display: none; }
    .section01 .mainBox .box01 h3,
    .section01 .mainBox .box02 h3,
    .section01 .mainBox .box03 h3 {
      display: none; }
    .section01 .mainBox .box01 h2,
    .section01 .mainBox .box02 h2,
    .section01 .mainBox .box03 h2 {
      font-size: 13px;
      background-size: 25px;
      padding: 0px 0px 0px 40px; }
    .section01 .mainBox .box01 a,
    .section01 .mainBox .box02 a,
    .section01 .mainBox .box03 a {
      padding: 5px 0;
      font-size: 12px;
      font-weight: initial; } }

/* section02
----------------------------------------------------------------------------- */
.section02 {
  text-align: center;
  margin: 0 auto;
  padding: 100px 0;
  background: -webkit-gradient(linear, left bottom, left top, from(#fce796), color-stop(60%, #fce796), color-stop(40%, #fff), to(#FFF));
  background: -webkit-linear-gradient(bottom, #fce796 0%, #fce796 60%, #fff 40%, #FFF 100%);
  background: -o-linear-gradient(bottom, #fce796 0%, #fce796 60%, #fff 40%, #FFF 100%);
  background: linear-gradient(0deg, #fce796 0%, #fce796 60%, #fff 40%, #FFF 100%); }
  .section02 .box01 {
    width: 1000px;
    padding: 100px 0 50px 0;
    background: #fce796;
    -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.15);
    text-align: center;
    margin: 0 auto; }
    .section02 .box01 .catch01, .section02 .box01 .catch02 {
      position: absolute;
      left: 374px;
      top: -25px;
      font-family: Meiryo, "メイリオ", YuGothicM, YuGothic, "Yu Gothic", "游ゴシック", sans-serif;
      font-size: 50px;
      font-weight: bold;
      padding: 13px;
      letter-spacing: 12px;
      z-index: 9999; }
    .section02 .box01 .catch02 {
      font-size: 15px;
      font-weight: bold;
      top: 15px;
      left: 293px;
      letter-spacing: 5px; }

.section02 dl {
  width: 80%;
  display: table;
  margin: 0 auto;
  padding: 20px;
  font-size: 14px; }
  .section02 dt {
    font-weight: bold;
    text-align: left;
    font-size: 15px; }
  .section02 dl a {
    border-bottom: dotted 2px #333333;
    font-weight: bold;
    padding: 0; }
  /* .section02 dl dt {
    width: 20%;
    display: table-cell;
    padding-right: 10px;
    text-align: left; } */
  .section02 dl dd {
    text-align: left; }

.section02 dd {
  padding-bottom: 35px;
  border-bottom: 1px solid #333; }

/* section03
----------------------------------------------------------------------------- */
.section03 {
  padding: 150px 0 50px 0;
  font-family: Meiryo, "メイリオ", YuGothicM, YuGothic, "Yu Gothic", "游ゴシック", sans-serif; }
  .section03 .catch01, .section03 .catch02 {
    position: absolute;
    top: -25px;
    left: 0px;
    font-size: 46px;
    font-weight: bold;
    padding: 13px;
    letter-spacing: 6px;
    line-height: 30px;
    z-index: 9999; }
  .section03 .catch02 {
    font-size: 15px;
    font-weight: bold;
    top: 15px;
    left: 310px;
    letter-spacing: 4px; }

.section03bg01, .section03bg02 {
  background: -webkit-gradient(linear, left bottom, left top, from(#fce796), color-stop(100%, #f6a648), color-stop(0%, #fff), to(#FFF));
  background: -webkit-linear-gradient(bottom, #fce796 0%, #f6a648 100%, #fff 0%, #FFF 100%);
  background: -o-linear-gradient(bottom, #fce796 0%, #f6a648 100%, #fff 0%, #FFF 100%);
  background: linear-gradient(0deg, #fce796 0%, #f6a648 100%, #fff 0%, #FFF 100%);
  text-align: center; }
  .section03bg01 ul, .section03bg02 ul {
    font-size: 14px; }
    .section03bg01 ul li, .section03bg02 ul li {
      float: left;
      margin: 30px; }
      .section03bg01 ul li .box02, .section03bg01 ul li .box03, .section03bg01 ul li .box04, .section03bg02 ul li .box02, .section03bg02 ul li .box03, .section03bg02 ul li .box04 {
        width: 210px;
        height: 390px;
        padding: 30px;
        background: #F7F5F0;
        -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.15);
        box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.15);
        text-align: justify;
        margin: 0 auto; }
      .section03bg01 ul li dl dt, .section03bg02 ul li dl dt {
        margin-bottom: 10px; }

.section03bg01 {
  width: 1000px;
  background: -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(65%, #fff), color-stop(65%, #f6a648), color-stop(0%, #f6a648));
  background: -webkit-linear-gradient(bottom, #fff 0%, #fff 65%, #f6a648 65%, #f6a648 0%);
  background: -o-linear-gradient(bottom, #fff 0%, #fff 65%, #f6a648 65%, #f6a648 0%);
  background: linear-gradient(0deg, #fff 0%, #fff 65%, #f6a648 65%, #f6a648 0%);
  position: relative;
  padding: 100px 0 0 0; }

.section03bg02 {
  width: 1000px;
  background: -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(65%, #fff), color-stop(65%, #f9d02d), color-stop(0%, #f9d02d));
  background: -webkit-linear-gradient(bottom, #fff 0%, #fff 65%, #f9d02d 65%, #f9d02d 0%);
  background: -o-linear-gradient(bottom, #fff 0%, #fff 65%, #f9d02d 65%, #f9d02d 0%);
  background: linear-gradient(0deg, #fff 0%, #fff 65%, #f9d02d 65%, #f9d02d 0%);
  padding: 50px 0;
  margin-left: auto; }

.question dt {
  font-size: 30px;
  font-weight: bold; }

.question dd {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 30px !important; }

.answer dt {
  font-size: 20px;
  font-weight: bold; }

.answer dd {
  font-size: 13px; }

.box03 {
  background: url(/common/img/img_qa01.jpg) no-repeat !important; }

.box04 {
  background: url(/common/img/img_qa02.jpg) no-repeat !important; }

/* section04
----------------------------------------------------------------------------- */
.section04 {
  padding: 100px 0;
  position: relative;
  font-family: Meiryo, "メイリオ", YuGothicM, YuGothic, "Yu Gothic", "游ゴシック", sans-serif; }
  .section04 #company {
    padding-top: 150px;
    margin-top: -150px; }
    .section04 #company .catch01, .section04 #company .catch02 {
      position: absolute;
      top: -25px;
      left: 394px;
      font-size: 50px;
      font-weight: bold;
      padding: 13px;
      letter-spacing: 12px;
      z-index: 9999; }
    .section04 #company .catch02 {
      font-size: 15px;
      font-weight: bold;
      letter-spacing: 4px;
      position: absolute;
      top: 15px;
      left: 520px; }

.section04bg01 {
  text-align: center;
  padding: 100px 0 0 0; }
  .section04bg01 .box01 {
    width: 880px;
    height: 1080px;
    padding: 60px;
    background: #F7F5F0;
    -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.15);
    text-align: justify;
    margin: 0 auto; }
    .section04bg01 .box01 .leftBox {
      width: 400px;
      float: left; }
      .section04bg01 .box01 .leftBox a {
        border-bottom: none;
        pointer-events: none; }
    .section04bg01 .box01 .rightBox {
      float: right; }

.section04bg01 {
  width: 1200px;
  background: -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(40%, #fff), color-stop(40%, #c7e19e), to(#c7e19e));
  background: -webkit-linear-gradient(bottom, #fff 0%, #fff 40%, #c7e19e 40%, #c7e19e 100%);
  background: -o-linear-gradient(bottom, #fff 0%, #fff 40%, #c7e19e 40%, #c7e19e 100%);
  background: linear-gradient(0deg, #fff 0%, #fff 40%, #c7e19e 40%, #c7e19e 100%);
  position: relative;
  top: 25px;
  left: 0; }

.leftBox dl {
  width: 100%;
  display: table;
  font-size: 14px; }
  .leftBox dl dt {
    width: 30%;
    display: table-cell;
    text-align: left;
    border-bottom: 1px solid #75b60e;
    font-weight: bold; }
  .leftBox dl dd {
    width: 70%;
    display: table-cell;
    text-align: left;
    padding: 15px 0;
    border-bottom: 1px solid #333; }

.section04bg02 {
  width: 640px;
  height: 270px;
  float: right;
  background: url(/common/img/img640_common01.jpg);
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2; }

/* section05
----------------------------------------------------------------------------- */
.section05 {
  padding: 150px 0;
  margin: 0 auto;
  background: -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(20%, #fff), color-stop(20%, #fce796), color-stop(65%, #fce796), color-stop(65%, #fff), to(#FFF));
  background: -webkit-linear-gradient(bottom, #fff 0%, #fff 20%, #fce796 20%, #fce796 65%, #fff 65%, #FFF 100%);
  background: -o-linear-gradient(bottom, #fff 0%, #fff 20%, #fce796 20%, #fce796 65%, #fff 65%, #FFF 100%);
  background: linear-gradient(0deg, #fff 0%, #fff 20%, #fce796 20%, #fce796 65%, #fff 65%, #FFF 100%);
  text-align: center; }
  .section05 .box01 {
    width: 1010px;
    height: 800px;
    background: #fce796;
    -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.15);
    text-align: center;
    margin: 0 auto;
    /*    position: relative;
    top: -260px;
    left: 0;*/
    margin: 0 auto;
    padding: 0 50px; }
    .section05 .box01 .catch01, .section05 .box01 .catch02 {
      position: relative;
      left: 0;
      top: -25px;
      font-family: Meiryo, "メイリオ", YuGothicM, YuGothic, "Yu Gothic", "游ゴシック", sans-serif;
      font-size: 50px;
      font-weight: bold;
      padding: 13px;
      letter-spacing: 12px;
      z-index: 9999; }
    .section05 .box01 .catch02 {
      font-size: 15px;
      font-weight: bold;
      top: -35px;
      letter-spacing: 4px; }
    .section05 .box01 #contact {
      padding-top: 300px;
      margin-top: -300px; }
  .section05 .messageText {
    position: absolute;
    right: calc(50%);
    top: calc(50% - 300px);
    width: 450px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px;
    font-size: 14px;
    font-family: Meiryo, "メイリオ", YuGothicM, YuGothic, "Yu Gothic", "游ゴシック", sans-serif; }
    .section05 .messageText p {
      margin: 0 0 7px 0; }
    .section05 .messageText p:last-child {
      margin-bottom: 0; }
  .section05 .messageTate {
    position: absolute;
    left: 15px;
    top: 25%;
    mix-blend-mode: overlay;
    color: #FFF;
    font-size: 80px;
    font-family: Meiryo, "メイリオ", YuGothicM, YuGothic, "Yu Gothic", "游ゴシック", sans-serif;
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl; }

.section05 ::before {
  width: 100%;
  height: 0;
  padding-top: 10%;
  position: absolute;
  top: 0;
  left: 0;
  background: #fce796; }

.section05 dl {
  width: 80%;
  display: table;
  margin: 0 auto;
  padding: 20px; }
  .section05 dl dt {
    width: 20%;
    display: table-cell;
    padding-right: 10px;
    text-align: left; }
  .section05 dl dd {
    text-align: left; }

.section05 dt, .section05 dd {
  padding-bottom: 35px;
  border-bottom: 2px solid #333; }

/* section06
----------------------------------------------------------------------------- */
.section06 {
  position: relative;
  text-align: center;
  margin: 0 auto;
  background: #c7e19e; }
  .section06 .box01 {
    width: 900px;
    height: 700px;
    background: #fce796;
    -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.15);
    text-align: center;
    margin: 0 auto;
    position: relative;
    top: -200px;
    left: 0;
    margin: 0 auto;
    padding: 0 50px; }
    .section06 .box01 .catch01, .section06 .box01 .catch02 {
      position: relative;
      left: 0;
      top: -25px;
      font-family: Meiryo, "メイリオ", YuGothicM, YuGothic, "Yu Gothic", "游ゴシック", sans-serif;
      font-size: 50px;
      font-weight: bold;
      padding: 13px;
      letter-spacing: 12px;
      z-index: 9999; }
    .section06 .box01 .catch02 {
      font-size: 15px;
      font-weight: bold;
      top: -35px;
      letter-spacing: 4px; }
  .section06 .messageText {
    position: absolute;
    right: calc(50%);
    top: calc(50% - 300px);
    width: 450px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px;
    font-size: 14px;
    font-family: Meiryo, "メイリオ", YuGothicM, YuGothic, "Yu Gothic", "游ゴシック", sans-serif; }
    .section06 .messageText p {
      margin: 0 0 7px 0; }
    .section06 .messageText p:last-child {
      margin-bottom: 0; }
  .section06 .messageTate {
    position: absolute;
    left: 15px;
    top: 25%;
    mix-blend-mode: overlay;
    color: #FFF;
    font-size: 80px;
    font-family: Meiryo, "メイリオ", YuGothicM, YuGothic, "Yu Gothic", "游ゴシック", sans-serif;
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl; }

.section06 ::before {
  width: 100%;
  height: 0;
  padding-top: 10%;
  position: absolute;
  top: 0;
  left: 0;
  background: #fce796; }

.section06 dl {
  width: 80%;
  display: table;
  margin: 0 auto;
  padding: 20px; }
  .section06 dl dt {
    width: 20%;
    display: table-cell;
    padding-right: 10px;
    text-align: left; }
  .section06 dl dd {
    text-align: left; }

.section06 dt, .section06 dd {
  padding-bottom: 35px;
  border-bottom: 2px solid #333; }

.section06bg {
  width: 100%;
  height: 400px;
  background: #fce796;
  position: relative;
  top: 100px;
  left: 0; }

.map {
  display: none !important; }

.gmap {
  display: block !important; }

#footer {
  display: block !important; }

@media screen and (max-width: 1000px) {
  .mainBox {
    display: none !important; }
  .map {
    display: block !important; }
  .gmap {
    display: none !important; }
  #footer {
    display: none !important; }
  .copy {
    margin-top: 0; }
  .section01 {
    background-position: right;
    height: 60vh !important;
    margin-top: 50px; }
    .section01 .topCatch img {
      width: 95%;
      padding-left: initial;
      margin-bottom: 20px;
    }
    .section01 .topBnr {
      bottom: 10px;
      right: 10px;
    }
    .section01 .topBnr img {
      width: 180px;
      height: 180px;
    }
  .section02 {
    padding: 50px 0;
    margin-top: -50px;
    height: initial;
    background: #fce796; }
    .section02 .box01 {
      width: 90%;
      height: 89%;
      position: initial;
      padding: 0;
      -webkit-box-shadow: initial;
      box-shadow: initial; }
      .section02 .box01 div {
        margin-top: 20px; }
        .section02 .box01 div .catch01 {
          position: initial;
          font-size: 20px;
          letter-spacing: 8px;
          padding: 30px 0 0 0; }
        .section02 .box01 div .catch02 {
          position: initial;
          font-size: 12px;
          padding: 10px 0; }
    .section02 dl {
      font-size: 13px; }
      .section02 dl dt {
        width: 100%;
        display: table;
        padding-right: 0;
        padding-bottom: 0; }
      .section02 dl dd {
        padding-bottom: 0;
        padding: 10px 0; }
  .section03 {
    width: 100%;
    height: initial;
    position: initial;
    padding: 0; }
    .section03 .section03bg01 {
      background: #f6a648; }
    .section03 .section03bg02 {
      background: #f9d02d; }
    .section03 .section03bg01, .section03 .section03bg02 {
      width: 100%;
      height: initial;
      position: initial;
      padding: 0; }
      .section03 .section03bg01 .catch01, .section03 .section03bg02 .catch01 {
        position: initial;
        font-size: 20px;
        letter-spacing: 8px;
        padding: 30px 0 0 7px; }
      .section03 .section03bg01 .catch02, .section03 .section03bg02 .catch02 {
        position: initial;
        font-size: 12px; }
      .section03 .section03bg01 ul li, .section03 .section03bg02 ul li {
        float: none; }
        .section03 .section03bg01 ul li dl dt, .section03 .section03bg02 ul li dl dt {
          font-size: 20px; }
        .section03 .section03bg01 ul li dl dd, .section03 .section03bg02 ul li dl dd {
          font-size: 13px; }
        .section03 .section03bg01 ul li .box02, .section03 .section03bg02 ul li .box02 {
          width: auto;
          height: initial; }
        .section03 .section03bg01 ul li .box03, .section03 .section03bg01 ul li .box04, .section03 .section03bg02 ul li .box03, .section03 .section03bg02 ul li .box04 {
          display: none; }
    .section03 .section03bg02 ul li {
      top: 90px; }
    .section03 #question {
      padding-top: 190px;
      margin-top: -190px; }
  .section04 {
    padding: 0; }
    .section04 .section04bg01 {
      width: 100%;
      position: initial;
      padding: 0;
      background: #c7e19e; }
      .section04 .section04bg01 #company {
        padding-top: 50px;
        margin-top: -50px; }
        .section04 .section04bg01 #company .catch01 {
          position: initial;
          font-size: 20px;
          letter-spacing: 8px;
          padding: 30px 0 0 0; }
        .section04 .section04bg01 #company .catch02 {
          position: initial;
          font-size: 12px;
          padding: 10px 0 30px 0; }
      .section04 .section04bg01 .box01 {
        width: 80%;
        height: 86%;
        padding: 35px; }
        .section04 .section04bg01 .box01 .leftBox, .section04 .section04bg01 .box01 .rightBox {
          width: 100%;
          float: initial; }
          .section04 .section04bg01 .box01 .leftBox a, .section04 .section04bg01 .box01 .rightBox a {
            pointer-events: auto; }
          .section04 .section04bg01 .box01 .leftBox dl dt, .section04 .section04bg01 .box01 .leftBox dl dd, .section04 .section04bg01 .box01 .rightBox dl dt, .section04 .section04bg01 .box01 .rightBox dl dd {
            width: 100%;
            display: table; }
  .section05 {
    width: 100%;
    height: initial;
    position: initial;
    margin: 0 auto;
    padding: 0;
    background: #fce796; }
    .section05 .section05bg {
      position: initial;
      height: initial; }
      .section05 .section05bg .box01 {
        width: 100%;
        height: initial;
        position: initial;
        padding: 0;
        background: initial; }
        .section05 .section05bg .box01 .catch01 {
          position: initial;
          font-size: 20px;
          letter-spacing: 8px;
          padding: 30px 0 0 0; }
        .section05 .section05bg .box01 .catch02 {
          position: initial;
          font-size: 12px;
          padding: 10px 0 30px 0; }
        .section05 .section05bg .box01 #contact {
          padding-top: 190px;
          margin-top: -190px; } }

/* subsection02
----------------------------------------------------------------------------- */
/*#moushikomi{
  padding-top: 250px;
  margin-top: -250px;
}
#seikyu{
  padding-top: 250px;
  margin-top: -250px;
}
*/
.subsection02, .subsection03 {
  font-size: 13px;
  text-align: center;
  margin: 0 auto;
  background: -webkit-gradient(linear, left bottom, left top, from(#fce796), color-stop(60%, #fce796), color-stop(40%, #fff), to(#FFF));
  background: -webkit-linear-gradient(bottom, #fce796 0%, #fce796 60%, #fff 40%, #FFF 100%);
  background: -o-linear-gradient(bottom, #fce796 0%, #fce796 60%, #fff 40%, #FFF 100%);
  background: linear-gradient(0deg, #fce796 0%, #fce796 60%, #fff 40%, #FFF 100%);
  padding: 150px 0; }
  .subsection02 .box01, .subsection03 .box01 {
    width: 90%;
    height: auto;
    background: #F7F5F0;
    -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.15);
    text-align: center;
    margin: 0 auto;
    padding: 100px 0; }
    .subsection02 .box01 .pc, .subsection03 .box01 .pc {
      height: 0;
      padding: 0;
      background: none;
      border: initial; }
    .subsection02 .box01 .catch01, .subsection02 .box01 .catch02, .subsection03 .box01 .catch01, .subsection03 .box01 .catch02 {
      font-family: Meiryo, "メイリオ", YuGothicM, YuGothic, "Yu Gothic", "游ゴシック", sans-serif;
      font-size: 35px;
      font-weight: bold;
      padding: 13px;
      letter-spacing: 4px;
      margin: -125px 0 60px 0; }
    .subsection02 .box01 .catch02, .subsection03 .box01 .catch02 {
      font-size: 15px;
      font-weight: bold; }
    .subsection02 .box01 .orange, .subsection03 .box01 .orange {
      background: #f6a648; }
    .subsection02 .box01 .orange:hover, .subsection03 .box01 .orange:hover {
      background: #f6a648; }
    .subsection02 .box01 table, .subsection03 .box01 table {
      width: 90%;
      margin: 0 auto; }
    .subsection02 .box01 table, .subsection02 .box01 td, .subsection02 .box01 th, .subsection03 .box01 table, .subsection03 .box01 td, .subsection03 .box01 th {
      border: 1px solid #dfdfdf;
      border-spacing: 0; }
    .subsection02 .box01 td, .subsection02 .box01 th, .subsection03 .box01 td, .subsection03 .box01 th {
      padding: 10px; }
    .subsection02 .box01 .row, .subsection03 .box01 .row {
      width: 1%;
      vertical-align: middle; }
    .subsection02 .box01 th, .subsection03 .box01 th {
      width: 50%;
      background: #f0e9d8;
      text-align: justify; }
      .subsection02 .box01 th a, .subsection03 .box01 th a {
        background: url(/common/img/img_download01.png) no-repeat 10px 10px;
        background-size: 30px;
        padding: 10px 10px 10px 60px;
        display: block; }
      .subsection02 .box01 th a:hover, .subsection03 .box01 th a:hover {
        border: none; }
    .subsection02 .box01 th:hover, .subsection03 .box01 th:hover {
      background: #fee8b3; }
    .subsection02 .box01 td, .subsection03 .box01 td {
      width: 50%;
      vertical-align: middle;
      text-align: justify;
      background: #fdfbf5; }
    .subsection02 .box01 .pc, .subsection03 .box01 .pc {
      width: auto;
      height: auto;
      border: none; }

.subsection03 {
  background: -webkit-gradient(linear, left bottom, left top, from(#c7e19e), color-stop(60%, #c7e19e), color-stop(40%, #fff), to(#FFF));
  background: -webkit-linear-gradient(bottom, #c7e19e 0%, #c7e19e 60%, #fff 40%, #FFF 100%);
  background: -o-linear-gradient(bottom, #c7e19e 0%, #c7e19e 60%, #fff 40%, #FFF 100%);
  background: linear-gradient(0deg, #c7e19e 0%, #c7e19e 60%, #fff 40%, #FFF 100%);
  padding: 150px 0; }
  .subsection03 .box01 th a {
    background: url(/common/img/img_download02.png) no-repeat 10px 10px;
    background-size: 30px; }
  .subsection03 .box01 th:hover {
    background: #e5f2d1; }

.subsection02 dl, .subsection03 dl {
  width: 80%;
  display: table;
  margin: 0 auto;
  padding: 20px; }
  .subsection02 dl dt, .subsection03 dl dt {
    width: 20%;
    display: table-cell;
    padding-right: 10px;
    text-align: left; }
  .subsection02 dl dd, .subsection03 dl dd {
    text-align: left; }

.subsection02 dt, .subsection02 dd, .subsection03 dt, .subsection03 dd {
  padding-bottom: 35px;
  border-bottom: 2px solid #333; }

#subtit div {
  padding: 50px;
  background: url(/common/img/tit_download.jpg) no-repeat;
  background-size: cover; }
  #subtit div .catch01, #subtit div .catch02 {
    font-family: Meiryo, "メイリオ", YuGothicM, YuGothic, "Yu Gothic", "游ゴシック", sans-serif;
    font-size: 40px;
    font-weight: bold;
    padding: 13px;
    letter-spacing: 4px; }
  #subtit div .catch02 {
    font-size: 20px;
    font-weight: bold;
    top: -35px; }

.subtitBox {
  width: 670px;
  margin: 0 auto;
  text-align: center;
  background: #F7F5F0;
  padding: 50px; }
  .subtitBox .catch01, .subtitBox .catch02 {
    font-weight: bold; }
  .subtitBox .catch01 {
    font-size: 40px;
    letter-spacing: 9px; }
  .subtitBox .catch02 {
    font-size: 15px;
    letter-spacing: 8px;
    margin-top: 10px; }
  .subtitBox p {
    font-size: 13px;
    letter-spacing: 4px;
    margin-top: 10px; }
  .subtitBox .listBox {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    text-align: center;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    max-width: 670px;
    margin: 30px 0 -50px 0; }
    .subtitBox .listBox .leftBox, .subtitBox .listBox .rightBox {
      width: 290px;
      padding: 15px;
      -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.15);
      box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.15);
      font-weight: bold;
      font-size: 15px;
      letter-spacing: 7px;
      background: #fdfbf5;
      border: 1px solid #e3e3e3;
      display: inline-block; }
  .subtitBox .leftBox:hover {
    background: #fce796; }
  .subtitBox .rightBox:hover {
    background: #c7e19e; }

.pc {
  display: block !important; }

.sp {
  display: none !important; }

@media screen and (max-width: 1000px) {
  .pc {
    display: none !important; }
  .sp {
    display: block !important; }
  section {
    width: 100%;
    height: auto; }
  .subsection02, .subsection03 {
    padding: 0; }
    .subsection02 .box01, .subsection03 .box01 {
      position: initial;
      height: 100%;
      padding: 0 0 20px 0;
      margin: 20px auto; }
      .subsection02 .box01 .catch01, .subsection02 .box01 .catch02, .subsection03 .box01 .catch01, .subsection03 .box01 .catch02 {
        font-size: 20px;
        position: initial;
        padding-top: 40px;
        margin: initial; }
  .subsection02bg, .subsection03bg {
    position: initial;
    padding-bottom: 40px; }
    .subsection02bg div, .subsection03bg div {
      margin-top: 30px; }
  .subtitBox .catch01 {
    font-size: 25px; }
  .subtitBox .catch02 {
    font-size: 13px; }
  .subtitBox .listBox {
    display: initial; }
    .subtitBox .listBox .leftBox, .subtitBox .listBox .rightBox {
      width: 90%;
      margin: 0 auto; }
  #subtit div .catch01, #subtit div .catch02 {
    font-size: 30px; }
  #subtit div .catch02 {
    font-size: 14px; }
  .subsection02 .box01 table tr, .subsection02 .box01 table th, .subsection02 .box01 table td, .subsection03 .box01 table tr, .subsection03 .box01 table th, .subsection03 .box01 table td {
    display: block;
    width: auto; }
  .subsection02 .box01 table th, .subsection02 .box01 table td, .subsection03 .box01 table th, .subsection03 .box01 table td {
    border-top: none; }
  .subsection02 .box01 .row, .subsection03 .box01 .row {
    width: initial; }
  .subsection02 {
    background: #fce796; }
  .subsection03 {
    background: #c7e19e; } }

/* 404ページ
----------------------------------------------------------------------------- */
.subtitBox {
  width: 670px;
  margin: 0 auto;
  text-align: center;
  background: #F7F5F0;
  padding: 30px; }
  .subtitBox .sub404 .catch01 {
    font-weight: bold;
    font-size: 30px;
    letter-spacing: 9px; }
  .subtitBox .sub404 p {
    font-size: 13px;
    letter-spacing: 4px;
    margin-top: 10px; }
  .subtitBox .sub404 .back {
    width: initial;
    padding: 15px;
    -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.15);
    font-weight: bold;
    font-size: 15px;
    letter-spacing: 7px;
    background: #fdfbf5;
    border: 1px solid #e3e3e3; }
  .subtitBox .sub404 .back:hover {
    background: #fce796; }

@media screen and (max-width: 1000px) {
  .subtitBox {
    width: initial;
    text-align: center;
    height: 415px; }
    .subtitBox .sub404 .catch01 {
      font-size: 15px; }
    .subtitBox .sub404 .back {
      width: auto;
      float: initial;
      margin: 0 auto; } }

/* ----------------------------------------
	nav
---------------------------------------- */
#news {
  padding-top: 0;
  margin-top: 0; }

nav #headLogo, nav .menu-bg {
  float: left;
  padding: 18px 0 0 40px; }
  nav #headLogo a:hover, nav .menu-bg a:hover {
    border: none; }

nav ul#gnav {
  overflow: hidden;
  display: block;
  position: relative;
  text-align: right;
  padding-top: 20px;
  height: 74px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  nav ul#gnav li {
    margin: 0 10px;
    font-size: 12px;
    display: inline-block;
    text-align: center;
    letter-spacing: 5px; }
    nav ul#gnav li a {
      color: #333; }
      nav ul#gnav li a img {
        vertical-align: middle;
        margin-bottom: 3px; }

#headLogo img {
  width: auto;
  height: 35px; }

#mobileHead {
  display: none !important; }

#headLogo {
  display: block !important; }

#headLogoSp {
  display: none !important; }

.list {
  display: none !important; }

.menu-bg {
  display: none !important; }

.menu-trigger {
  display: none !important; }

@media screen and (max-width: 1000px) {
  #mobileHead {
    display: block !important; }
  .list {
    display: block !important; }
  .menu-bg {
    display: block !important; }
  .menu-trigger {
    display: block !important; }
  .menu-trigger, .menu-trigger span {
    display: inline-block;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer; }
  .menu-trigger {
    position: fixed;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    background: #c7e19e;
    z-index: 9999999; }
  .menu-trigger span {
    position: absolute;
    background: #fff;
    width: 30px;
    height: 2px;
    left: 0;
    right: 0;
    margin: auto; }
  .menu-trigger span:nth-of-type(1) {
    top: 15px; }
  .menu-trigger span:nth-of-type(2) {
    top: 0;
    bottom: 0; }
  .menu-trigger span:nth-of-type(3) {
    bottom: 15px; }
  .menu-trigger.open span:nth-of-type(1) {
    -webkit-transform: translateY(9px) rotate(-45deg);
    -ms-transform: translateY(9px) rotate(-45deg);
    transform: translateY(9px) rotate(-45deg); }
  .menu-trigger.open span:nth-of-type(2) {
    opacity: 0; }
  .menu-trigger.open span:nth-of-type(3) {
    -webkit-transform: translateY(-9px) rotate(45deg);
    -ms-transform: translateY(-9px) rotate(45deg);
    transform: translateY(-9px) rotate(45deg); }
  .g-nav {
    display: none;
    position: fixed;
    top: 0;
    background: #F7F5F0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    font-size: 13px;
    letter-spacing: 4px;
    overflow: scroll; }
  .g-nav .list {
    padding: 50px 0 20px 0; }
    .g-nav .list a img {
      vertical-align: middle;
      margin-bottom: 3px; }
    .g-nav .list a:hover {
      border: none; }
  .g-nav .list .item {
    border-bottom: 1px solid #fff; }
  .g-nav .list .item a {
    display: block;
    text-align: center;
    text-decoration: none;
    color: #333333;
    padding: 10px 0; }
  .toppage {
    background: #f9eab2; }
  .menu-bg {
    width: 100%;
    height: 50px;
    background: #fff;
    z-index: 999999;
    position: fixed;
    top: 0;
    vertical-align: middle;
    border-bottom: 1px solid #e3e3e3; }
    .menu-bg img {
      margin: 10px 10px 0 10px; }
    .menu-bg a:hover {
      border: none; }
  #headLogo {
    display: none !important; }
  #headLogoSp {
    display: block !important; } }

/*******************************************************************************
**	SP対応用
*******************************************************************************/
#mobileHead, #headLogoSp, .spOnly, .seOnly {
  display: none; }

@media screen and (max-width: 320px) {
  .seOnly {
    display: initial; } }

@media screen and (max-width: 1000px) {
  #mobileHead, #headLogoSp, .spOnly {
    display: initial; }
  #gnav, .headLogo50, #headLogo, .pcOnly, .historyJpn, #historyNavi {
    display: none !important; } }

/* SPメニュー */
/* メニュー */
.slidemenu {
  display: initial;
  background-color: #FFF;
  font-family: 'Raleway', sans-serif !important;
  /* google web fonts */ }

.slidemenu li {
  list-style: none;
  color: #333;
  position: relative;
  border-bottom: 1px solid #EEE;
  font-size: 14px;
  /*	background:#FFF;*/ }

.slidemenu li a {
  display: block;
  text-decoration: none;
  color: #333;
  padding: 10px; }

.slidemenu li:last-child {
  border-bottom: none; }

.slidemenu li:before {
  position: absolute;
  content: "";
  width: 30px;
  height: 20px;
  top: 9px;
  left: 0px;
  background-repeat: no-repeat;
  -webkit-background-size: 100%;
  background-size: 100%; }

.slidemenu li.slidemenu-icon01:before {
  background-position: -5px -5px; }

/*plugin*/
.slidemenu {
  top: 0;
  width: 200px;
  position: fixed;
  visibility: hidden;
  z-index: -1;
  background: #FFF; }

.slidemenu .slidemenu-body {
  height: 100%;
  overflow: hidden;
  position: relative;
  border-left: solid 1px #EEE; }

.slidemenu .slidemenu-body .slidemenu-content {
  position: relative;
  margin-top: 50px;
  padding: 20px 10px 110px 10px; }
  .slidemenu .slidemenu-body .slidemenu-content li img {
    width: 100%; }

.slidemenu .slidemenu-body .slidemenu-content li.history a {
  padding-left: 25px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block; }

.slidemenu-left {
  left: 0; }

.slidemenu-right {
  right: 0; }

/* Toggle Button */
#navToggle {
  position: absolute;
  right: 0;
  top: 6px;
  width: 35px;
  cursor: pointer;
  z-index: 101;
  display: block; }

#navToggle img {
  width: 100%; }

/* header */
#top-head,
.inner {
  z-index: 999; }

#top-head {
  top: 0;
  position: fixed;
  margin-top: 0;
  width: 100%; }

/* Fixed reset */
#top-head.fixed {
  padding-top: 0; }

#mobileHead {
  width: 20%;
  z-index: 999;
  position: relative;
  float: right; }

@media screen and (max-width: 768px) {
  #header {
    padding: 0 15px; }
    #header #headLogo {
      width: 180px;
      top: 20px; }
    #header .headLogo50 {
      right: 15px; } }

@media screen and (max-width: 739px) {
  #top-head #header {
    height: 50px;
    padding: 0 5px; }
  #top-head #headLogoSp {
    float: left;
    width: 80%;
    margin: 10px 0 0 0; }
    #top-head #headLogoSp img {
      width: 250px; } }

@media screen and (max-width: 768px) {
  footer .bottom ul.btn {
    width: 310px;
    margin-bottom: 30px; }
    footer .bottom ul.btn li {
      width: 100%;
      font-size: 13px;
      margin: 0; }
    footer .bottom ul.btn li + li {
      margin-top: 10px; }
  footer .bottom .catch {
    font-size: 20px;
    letter-spacing: 3px;
    margin: 0 0 30px 0; }
  footer .copy {
    font-size: 11px; } }

/* 共通・トップページ
----------------------------------------------------------------------------- */
@media screen and (max-width: 739px) {
  .scrollIcon {
    left: calc(50% - 40px); }
    .scrollIcon .scroll {
      height: 70px;
      width: 80px;
      text-align: center; } }

/* section01
----------------------------------------------------------------------------- 
@media screen and (max-width: 1024px){
	.section01{
		.topCatch{
			.catch01, .catch02{
				right: calc(50% - 470px);
			}
		}
		.flag{
			left: calc(50% - 500px);
			width: 75vh;
		}
	}
}
@media screen and (max-width: 768px){
	.section01{
		.topCatch{
			.catch01, .catch02{
				right: calc(50% - 340px);
				top: calc(50% - 340px);
			}
			.catch02{
				top: calc(50% - 260px);
			}
		}
		.flag{
			left: calc(50% - 350px);
			width: 70vh;
		}
	}
}

@media screen and (max-width: 739px)
{
  .section01{
		height: 550px;
		@media screen and (max-width: 320px){
			height: 480px;
		}
    .flag{
      width: 50vh;
      left: initial;
    }
    .topCatch{
      .catch01, .catch02{
        right: initial;
        left: 0;
				top: 80px;
				width: 100%;
				padding: 0 5px 0 0;
				margin: 0;
				box-sizing: border-box;
        background: initial;
        text-align: right;
        line-height: 200%;
        font-size: 18px;
        span{
          font-size: 26px;
        }
      }
      .catch02{
        top: 130px;
			}
			@media screen and (max-width: 320px){
				.catch02{
					top: 160px;
					padding: 0;
				}
			}
    }
  }
}

/* section02
----------------------------------------------------------------------------- 
@media screen and (max-width: 768px){
	.section02{
		.messageText{
			right: calc(50% - 360px);
			top: calc(50% - 280px);
		}
		.messageCatch{
			.catch01, .catch02{
				left: calc(50% - 300px);
				top: calc(50% - 420px);
			}
			.catch02{
				top: calc(50% - 350px);
			}
		}
	}
}
@media screen and (max-width: 739px)
{
  .section02{
		height: 550px;
		@media screen and (max-width: 320px){
			height: 600px;
		}
		.messageCatch{
			.catch01, .catch02{
				left: 10px;
				top: 60px;
				font-size: 16px;
				padding: 4px 6px;
			}
			.catch02{
				top: 105px;
			}
		}
    .messageText{
			right: 10px;
      top: 150px;
			width: 85%;
			font-size: 12px;
			line-height: 140%;
			padding: 8px;
		}
		.messageTate{
			left: 5px;
			bottom: 30px;
			top: initial;
			font-size: 50px;
			p{
				margin: 0;
			}
		}
  }
}

/* section03
-----------------------------------------------------------------------------
@media screen and (max-width: 768px){
	.section03{
		.serviceBox{
			width: 85%;
			dl{
				dd{
					margin-top: 70px;
				}
			}
		}
	}
}
@media screen and (max-width: 739px)
{
  .section03{
		height: 550px;
		@media screen and (max-width: 320px){
			height: 480px;
		}
		.serviceBox{
			width: 90%;
			dl{
				padding: 0 20px 20px 20px;
				dd{
					font-size: 16px;
					letter-spacing: 2px;
					margin-top: 40px;
					span{
						font-size: 30px;
					}
				}
			}
			.servicePoint{
				top: -40px;
				right: calc(50% - 40px);
			}
			.serviceText{
				margin-top: 20px;
				font-size: 13px;
				letter-spacing: initial;
			}
		}
	}
}

/* section04
----------------------------------------------------------------------------- 
@media screen and (max-width: 1024px){
	.historyList{
		li{
			.historyYear{
				font-size: 24px;
			}
		}
	}
}
@media screen and (max-width: 768px){
	.historyList{
		margin-right: 3%;
		li{
			.historyYear{
				font-size: 20px;
				letter-spacing: 3px;
				width: 14%;
			}
			.historyArt{
				width: 56%;
			}
			.historyJpn{
				padding-left: 10px;
				dl{
					dt{
						width: 20%;
					}
					dd{
						width: 80%;
					}
				}
			}
		}
	}
}
@media screen and (max-width: 739px)
{
	.section04{
		.historyBox{
			padding-top: 100px;
			.historyTitle{
				span{
					font-size: 30px;
					padding-bottom: 15px;
				}
			}
			.historyText{
				font-size: 13px;
				letter-spacing: 2px;
			}
		}
	}
	.historyList{
		width: 94%;
		margin: 0 auto;
		li{
			.historyYear{
				width: 25%;
				font-size: 20px;
			}
			.historyArt{
				width: 75%;
				ul{
					li.history3colum{
						ul{
							li{
								float: initial;
								width: initial;
								margin: 5px 0;
								img{
									width: auto;
								}
							}
						}
					}
				}
			}
			.historyArt:after{
				display: none;
			}
		}
	}
	@media screen and (max-width: 320px){
		.historyList{
			li{
				.historyYear{
					font-size: 17px;
					letter-spacing: 2px;
					width: 24%;
				}
				.historyYear:before{
					right: 10px;
				}
				.historyArt{
					width: 76%;
					ul{
						li{
							img{
								width: 100%;
								box-sizing: border-box;
							}
						}
					}
				}
				.historyArt:before{
					left: -16px;
				}
			}
		}
	}

}*/
/* お問い合わせフォームcss
----------------------------------------------------------------------------- */
#contactBox {
  font-family: Meiryo, "メイリオ", YuGothicM, YuGothic, "Yu Gothic", "游ゴシック", sans-serif;
  width: 100%;
  font-size: 13px; }
  #contactBox h2 {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 40px; }
  #contactBox p {
    text-align: center; }
  #contactBox table {
    margin: 0 auto; }
    #contactBox table tr {
      width: 100%; }
      #contactBox table tr th {
        width: 30%;
        height: 60px;
        text-align: left;
        font-weight: normal;
        padding: 0px 50px 5px 0;
        vertical-align: top; }
        #contactBox table tr th .any, #contactBox table tr th .req {
          padding: 5px;
          margin-right: 10px;
          color: #ffffff; }
        #contactBox table tr th .any {
          background: #f6a648; }
        #contactBox table tr th .req {
          background: #c7e19e; }
      #contactBox table tr td {
        width: 70%;
        text-align: left; }
      #contactBox table tr td input {
        max-width: 578px;
        min-width: 478px;
        padding: 10px; }
      #contactBox table tr td textarea {
        max-width: 578px;
        min-width: 478px;
        max-height: 118px;
        padding: 10px;
        font-family: Meiryo, "メイリオ", YuGothicM, YuGothic, "Yu Gothic", "游ゴシック", sans-serif;
        font-size: 13px; }
  #contactBox div {
    width: auto;
    text-align: center;
    font-size: 12px; }
    #contactBox div #h3_privacy {
      font-size: 18px;
      font-weight: bold;
      margin-top: 30px; }
    #contactBox div p {
      margin-top: 10px; }
      #contactBox div p a {
        color: #f02919;
        border-bottom: 1px dotted #f02919; }
      #contactBox div p a:hover {
        padding: initial;
        border-bottom: 1px dotted #f02919;
        padding: 0; }
  #contactBox .kakunin {
    font-size: 12px; }

.input_error {
  color: #f02919;
  font-size: 12px;
  text-align: left !important; }

.confirmBtn {
  width: 420px;
  margin: 0 auto; }
  .confirmBtn a {
    float: left;
    margin-right: 20px;
    padding: 0;
    border-bottom: 0; }

#entry form div {
  font-size: 12px;
  letter-spacing: 4px;
  line-height: 2em;
  margin: 0 auto;
  text-align: center; }

#privacyBox p a img {
  vertical-align: middle;
  margin-bottom: 3px; }

.contactButton input {
  width: 200px;
  -webkit-appearance: none;
  border-radius: 0; }

input[type="submit"],
input[type="button"],
input[type="reset"] {
  -webkit-appearance: none;
  border-radius: 0; }

@media screen and (max-width: 1000px) {
  #contactBox {
    text-align: center;
    margin: 0 auto;
    padding: 0; }
    #contactBox p {
      max-width: 250px;
      min-width: 100px;
      margin: 0 auto;
      margin-top: 10px;
      margin-bottom: 10px; }
    #contactBox table tr th, #contactBox table tr td {
      display: block;
      padding: 0; }
    #contactBox table tr th {
      width: auto;
      float: initial;
      height: 30px; }
    #contactBox table tr td {
      width: auto;
      float: initial;
      padding-bottom: 10px; }
    #contactBox table tr td input {
      padding: 7px;
      max-width: 300px;
      min-width: 280px;
      font-size: 16px;
      -webkit-appearance: none;
      border-radius: 0; }
    #contactBox table tr td textarea {
      padding: 7px;
      max-width: 300px;
      min-width: 280px;
      font-size: 16px;
      -webkit-appearance: none;
      border-radius: 0; }
    #contactBox #privacyBox {
      max-width: 320px;
      min-width: 200px; }
  .confirmBtn {
    width: initial;
    -webkit-appearance: none;
    border-radius: 0; }
    .confirmBtn a {
      float: initial;
      margin-right: 0;
      margin-bottom: 20px; }
      .confirmBtn a img {
        -webkit-appearance: none;
        border-radius: 0; }
    .confirmBtn p input {
      -webkit-appearance: none;
      border-radius: 0;
      font-size: 16px; }
  #entry form div {
    width: 90%; } }

/* ネット口座振替受付サービス
----------------------------------------------------------------------------- */

.furikae .inner,.form .inner {
  width: 1000px;
  margin: 0 auto;
}

.sectionTitle {
  font-size: 24px;
  font-weight: bold;
  padding: 24px 0 20px 32px;
  margin-bottom: 16px;
  background: #F7F5F0;
}

.sectionSubTitle,.sectionContact {
  font-size: 18px;
  font-weight: bold;
  border-bottom: 1px solid #efefef;
  padding-bottom: 8px;
  margin: 32px 0 16px;
}

.sectionContact {
  font-size: 16px;
  border-bottom: 1px solid #333333;
}

.sectionTel {
  font-size: 20px;
  font-weight: bold;
  pointer-events: none;
}

.textWrap {
  width: 800px;
  margin: 60px auto;
}
.textWrap.furikae {
  width: 1000px;
  margin: 60px auto;
}

.sectionText {
  margin-bottom: 16px;
}

.sectionText span {
  font-weight: bold;
}

.sectionTextRed {
  color: #F32424;
}

.sectionList {
margin-bottom: 80px;
}

.sectionListItem {
  position: relative;
  margin: 0 0 16px 24px;
}
.sectionListItem span {
  font-weight: bold;
}
.sectionListItem::before {
  content: '';
  width: 10px;
  height: 10px;
  border-top: 2px solid #c7e19e;
  border-right: 2px solid #c7e19e;
  transform: rotate(45deg) translateY(-50%);
  display: inline-block;
  position: absolute;
  top: 11px;
  left: -29px;
}

.sectionLink {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: 80px;
}

.sectionLink .sectionLinkBtn {
  display: flex;
  align-items: center;
  width: 320px;
  height: 120px;
  background: #c7e19e;
  font-weight: bold;
  position: relative;
  text-align: left;
  padding-left: 54px;
}

.sectionLink .sectionLinkBtn::after {
  content: '';
  width: 8px;
  height: 8px;
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  transform: rotate(45deg) translateY(-50%);
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 40px;
}

.sectionLinkBtn:hover {
  padding: 0 0 0 54px;
  border: none;
}

.sectionLink .sectionLinkBtn.inactive {
  background: #efefef;
  opacity: 0.5;
  filter: grayscale(1);
}

.sectionLinkAnnotation {
  margin-top: 20px;
  text-align: center;
  font-weight: bold;
  color: #f02919;
}

.sectionLinkAnnotation:hover {
  text-decoration: underline;
  transition: .5 ease;
  padding: 0;
  border: none;
}

.privacyTextBox {
  width: calc(100% - 38px);
  height: 300px;
  border: 1px solid #efefef;
  padding: 16px 18px;
  overflow-y: scroll;
}
/* 個人情報保護方針チェックボックス */
.sectionCheckbox {
  margin: 20px auto;
  text-align: center;
}
.sectionCheckbox p {
  margin: 10px auto;
}
.sectionCheckbox label{
  display: inline-block;
  color: #333;
  font-weight: bold;
  font-size: 20px;
  cursor: pointer;
  position: relative;
}

.sectionCheckbox label span{
  display: inline-block;
  position: relative;
  background-color: transparent;
  width: 25px;
  height: 25px;
  transform-origin: center;
  border: 2px solid #f6a648;
  border-radius: 50%;
  vertical-align: -6px;
  margin-right: 10px;
  transition: background-color 150ms 200ms, transform 350ms cubic-bezier(.78,-1.22,.17,1.89);
}

.sectionCheckbox label span::before{
  content: "";
  width: 0px;
  height: 2px;
  border-radius: 2px;
  background: #f6a648;
  position: absolute;
  transform: rotate(45deg);
  top: 13px;
  left: 9px;
  transition: width 50ms ease 50ms;
  transform-origin: 0% 0%;
}

.sectionCheckbox label span::after{
  content: "";
  width: 0;
  height: 2px;
  border-radius: 2px;
  background: #f6a648;
  position: absolute;
  transform: rotate(305deg);
  top: 16px;
  left: 10px;
  transition: width 50ms ease;
  transform-origin: 0% 0%;
}

.sectionCheckbox label:hover span::before{
  width: 5px;
  transition: width 100ms ease;
}

.sectionCheckbox label:hover span::after{
  width: 10px;
  transition: width 150ms ease 100ms;
}

.sectionCheckbox input[type="checkbox"] {
  display: none;
}

.sectionCheckbox input[type="checkbox"]:checked + label span{
  background: #f6a648;
  transform: scale(1.25);
}

.sectionCheckbox input[type="checkbox"]:checked + label span::after{
  width: 10px;
  background: #fff;
  transition: width 150ms ease 100ms;
}

.sectionCheckbox input[type="checkbox"]:checked + label span::before{
  width: 5px;
  background: #fff;
  transition: width 150ms ease 100ms;
}

.sectionCheckbox input[type="checkbox"]:checked + label:hover span{
  background: #fff;
  transform:  scale(1.25);
}

.sectionCheckbox input[type="checkbox"]:checked + label:hover span::after{
  background: #f9d02d;
  transition: width 150ms ease 100ms;
}

.sectionCheckbox input[type="checkbox"]:checked + label:hover span::before{
  width: 5px;
  background: #f9d02d;
  transition: width 150ms ease 100ms;
}

/*form*/
.sectionTit {
  font-size: 32px;
  font-weight: bold;
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}

.sectionTit::before {
  content: '';
  display: inline-block;
  width: 80px;
  height: 80px;
  background-image: url(/common/img/ico_form_01.png);
  background-repeat: no-repeat;
  margin-right: 24px;
}

.sectionTitSub {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 16px;
}

.progressBar {
  width: 100%;
  height: 50px;
  display: flex;
  margin: 0 auto 80px;
}


.progressItem {
  width: 100%;
  height: 16px;
  background: #E6E3DC;
  border-radius: 8px;
}
.progressItem li {
  width: calc(100% / 3);
  position: relative;
}

/* .progressItem.passive01 {
  width: calc(100% / 3);
  height: 16px;
  background: #EEECE5;
  border-radius: 8px 0 0 8px;
}

.progressItem.passive02 {
  width: calc(100%*2 / 3);
  height: 16px;
  border-radius: 0 8px 8px 0;
}

.progressItem.passive03 {
  width: calc(100% / 3);
  height: 16px;
  background: #E6E3DC;
  border-radius: 0 8px 8px 0;
} */
/* .progressItem.passive01 {
  width: calc(100% / 3);
  height: 16px;
  background: #EEECE5;
  border-radius: 8px 0 0 8px;
}

.progressItem.passive02 {
  width: calc(100%*2 / 3);
  height: 16px;
  border-radius: 0 8px 8px 0;
}

.progressItem.passive03 {
  width: calc(100% / 3);
  height: 16px;
  background: #E6E3DC;
  border-radius: 0 8px 8px 0;
} */

.active {
  width: calc(100% / 3);
  height: 16px;
  background: #F6A648;
  border-radius: 8px;
}

.progressItem {
  position: relative;
}

.progressItem p {
  font-weight: bold;
  font-size: 14px;
  position: absolute;
  transform: translate(-50%, 0);
  top: 21px;
  left: 50%;
}


.formInner {
  width: 736px;
  padding: 32px;
  background: #F7F5F0;
  margin: 0 auto 30px;
}

.formTable tr {
  display: flex;
  flex-direction: column;
}

.formTit {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}

.formTable .formTit span {
  color: #fff;
  font-size: 10px;
  background: #F32424;
  padding: 0 8px;
  margin-left: 10px;
  line-height: 1.5rem;
}

.formTable .formInput,.formTable .formConfirm {/*文字入力エリア*/
  display: flex;
  align-items: center;
  /* margin-bottom: 40px; */
}

.formTable .formInputColumn {/*文字入力エリア*/
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  margin-bottom: 40px;
}

.formTable .formContent {
  margin-bottom: 40px;
}

.formTable .formInput input {
  padding: 12px 14px 10px 14px;
  border: 1px solid #d2d2d2;
  margin-right: 10px;
}

.formTable .formInput input:last-child{
  margin-right: 0;
}

.formInput.alert input {/*エラー表示*/
  background: #FFEFEF;
  border: 1px solid #F32424;
}

.formTable .formMode {
  font-size: 12px;
}

.formTable .formAlert {
  color: #F32424;
  font-size: 12px;
}

.formBtn {
  width: 448px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 80px;
}

.formBtn input,.formBtn a {
  font-size: 16px;
  font-weight: bold;
  background: #f6a648;
  padding: 21px 35px 17px;
  box-shadow: 1px 1px 1px 1px rgb(0 0 0 / 15%);
  border: none;
  cursor: pointer;
}

.formBtn input:hover ,.formBtn a:hover {
  opacity: 0.5;
}

.formBtn .prevBtn input ,.formBtn .prevBtn a{
  background: #fdfbf5;
}

.formBtn .prevBtn,.formBtn .nextBtn {
  position: relative;
}

.formBtn .prevBtn {
  margin-right: 16px;
}

.formBtn .prevBtn:before,.formBtn .nextBtn:before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-top: 2px solid #333;
  border-left: 2px solid #333;
  transform: rotate(-45deg) translateY(-50%);
  position: absolute;
  top: 50%;
  left: 18px;
}

/* .formBtn .prevBtn:hover:before,.formBtn .nextBtn:hover:before {
  opacity: 0.5;
} */

.formBtn .nextBtn:before {
  border-left: none;
  border-right: 2px solid #333;
  transform: rotate(45deg) translateY(-50%);
  left: auto;
  right: 18px;
}

input[type="radio"],.radioBtn {
  position: relative;
  cursor: pointer;
  margin: 0 18px 4px 0;
}

input[type="radio"]:before {
	position: absolute;
	z-index: 1;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
	content: '';
	-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
	transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
	-webkit-transform: scale(0, 0);
	transform: scale(0, 0);
	border-radius: 50%;
	background: #C7E19E;
}

input[type="radio"]:checked:before {
  -webkit-transform: scale(1, 1);
  transition: scale(1,1);
}

input[type="radio"]:after {
	position: absolute;
  top: -4px;
  left: -4px;
  width: 22px;
  height: 22px;
	content: '';
	border: 1px solid #EFEFEF;
	border-radius: 50%;
	background: #ffffff;
}

input::placeholder {
  color: #CCCCCC;
}

/* IE */
input:-ms-input-placeholder {
  color: #CCCCCC;
}

/* Edge */
input::-ms-input-placeholder {
  color: #CCCCCC;
}

input[type="text"],input[type="tel"], textarea {
  font-size: 16px;
}

/*入力エリア幅調整*/
.inputWidth1 {
  width: 130px;
}

.inputWidth2 {
  width: 82px;
}

.inputWidth3 {
  width: 38px;
}

.inputWidth4 {
  width: 18px;
}

.inputWidth5 {
  width: 88px;
}

/* input[name="shonin"],
input[name="myoji"],input[name="namae"],
input[name="myojiKana01"],input[name="namaeKana01"],
input[name="myojiKana02"],input[name="namaeKana02"] {
  width: 130px;
}

input[name="nen"]{
  width: 38px;
}

input[name="getsu"],input[name="nichi"] {
  width: 18px;
}

input[name="tel01"] {
  width: 82px;
} */

input[type="button"],input[type="text"],input[type="submit"],input[type="image"],input[type="tel"],textarea{
  -webkit-appearance: none;
  border-radius: 0;
}

.spNone {
  display: block;
}

.pcNone {
  display: none;
}

/* ネット口座振替受付サービス　レスポンシブ */
@media screen and (max-width: 48em) {
  .pcNone {
    display: block;
  }
  .spNone {
    display: none;
  }

  .furikae .inner,.form .inner {
    width: calc(100% - 3.2rem);
    margin: 80px auto 0;
  }

  .furikae .inner img {
    width: 100%;
  }

  .sectionTit {
    font-size: 24px;
  }

  .sectionTit::before {
    width: 60px;
    height: 60px;
    background-size: contain;
    margin-right: 16px;
  }

  .sectionText,.sectionListItem,.sectionTextRed,.formTit {
    font-size: 14px;
  }

  .textWrap,.textWrap.furikae {
    width: 100%;
    margin: 0 auto;
  }

  .textWrap .sectionTitle {
    font-size: 18px;
    padding: 9px 0 5px 12px;
  }

  .sectionLink {
    width: calc(100% - 3.2rem);
    margin: 0 auto 80px;
  }

  .progressBar {
    margin: 0 auto 40px;
  }

  .progressItem p {
    font-size: 10px;
    line-height: 12px;
  }

  .formInner {
    width: calc(100% - 32px);
    padding: 16px;
  }

  .formTable .formInput, .formTable .formConfirm {
    align-items: flex-start;
    flex-direction: column;
  }

  .formTable .formInput.birthday {
    display: block;
    /* align-items: center;
    flex-direction: row; */
  }

  .formTable .formContent {
    margin-bottom: 20px;
  }

  .formTable .formInput input {
    margin-bottom: 8px;
  }

  .formBtn {
    width: 100%;
    flex-direction: column-reverse;
  }

  .formBtn input, .formBtn a {
    width: 100%;
  }

  .formBtn .prevBtn input, .formBtn .prevBtn a {
    padding: 13px 0 11px;
  }

  .formBtn a {
    width: calc(100% - 70px);
    display: block;
  }

  .formBtn .prevBtn, .formBtn .nextBtn {
    width: 100%;
    margin: 0 0 16px 0;
  }

  .sectionTel {
    pointer-events: initial;
    border-bottom: 2px dotted #333333;
    margin-bottom: 16px;
  }

  .sectionTel:hover {
    border: none;
    transition: none;
  }

  .privacyTextBox {
    width: auto;
    height: 280px;
  }

  .privacyTextBox p {
    font-size: 14px;
  }
  .sectionCheckbox p {
    font-size: 14px;
  }
/* 個人情報保護方針チェックボックス */
  .sectionCheckbox label {
    font-size: 16px;
  }
  .sectionCheckbox label p {
    font-size: 14px;
  }
}

iframe.contactform {
  width: 100%;
  height: 693px;
}

@media (max-width: 1000px) {
  iframe.contactform {
    width: 100%;
    height: 900px;
  }
}

/* お申込書類 */
.custom-list {
  counter-reset: ol;
  padding: 0;
  margin: 0;
}
.custom-list > li {
  counter-increment: ol;
  position: relative;
  padding-left: 28px;
  margin-bottom: 6px;
}
.custom-list > li::before {
  content: counter(ol) ".";
  position: absolute;
  left: 0;
}
.custom-list ul {
  margin: 4px 0 0 20px;
  padding: 0;
}
.custom-list ul > li {
  position: relative;
  padding-left: 18px;
}
.custom-list ul > li::before {
  content: "•";
  position: absolute;
  left: 0;
}