@charset "UTF-8";
/*
  960 Grid System ~ Core CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
*/
/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/
body {
  min-width: 960px; }

/* `Container
----------------------------------------------------------------------------------------------------*/
.container_12,
.container_16 {
  margin-left: auto;
  margin-right: auto;
  width: 960px; }

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px; }

.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12,
.push_13, .pull_13,
.push_14, .pull_14,
.push_15, .pull_15 {
  position: relative; }

.container_12 .grid_3,
.container_16 .grid_4 {
  width: 220px; }

.container_12 .grid_6,
.container_16 .grid_8 {
  width: 460px; }

.container_12 .grid_9,
.container_16 .grid_12 {
  width: 700px; }

.container_12 .grid_12,
.container_16 .grid_16 {
  width: 940px; }

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {
  margin-left: 0; }

.omega {
  margin-right: 0; }

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .grid_1 {
  width: 60px; }

.container_12 .grid_2 {
  width: 140px; }

.container_12 .grid_4 {
  width: 300px; }

.container_12 .grid_5 {
  width: 380px; }

.container_12 .grid_7 {
  width: 540px; }

.container_12 .grid_8 {
  width: 620px; }

.container_12 .grid_10 {
  width: 780px; }

.container_12 .grid_11 {
  width: 860px; }

/* `Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .grid_1 {
  width: 40px; }

.container_16 .grid_2 {
  width: 100px; }

.container_16 .grid_3 {
  width: 160px; }

.container_16 .grid_5 {
  width: 280px; }

.container_16 .grid_6 {
  width: 340px; }

.container_16 .grid_7 {
  width: 400px; }

.container_16 .grid_9 {
  width: 520px; }

.container_16 .grid_10 {
  width: 580px; }

.container_16 .grid_11 {
  width: 640px; }

.container_16 .grid_13 {
  width: 760px; }

.container_16 .grid_14 {
  width: 820px; }

.container_16 .grid_15 {
  width: 880px; }

/* `Prefix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/
.container_12 .prefix_3,
.container_16 .prefix_4 {
  padding-left: 240px; }

.container_12 .prefix_6,
.container_16 .prefix_8 {
  padding-left: 480px; }

.container_12 .prefix_9,
.container_16 .prefix_12 {
  padding-left: 720px; }

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .prefix_1 {
  padding-left: 80px; }

.container_12 .prefix_2 {
  padding-left: 160px; }

.container_12 .prefix_4 {
  padding-left: 320px; }

.container_12 .prefix_5 {
  padding-left: 400px; }

.container_12 .prefix_7 {
  padding-left: 560px; }

.container_12 .prefix_8 {
  padding-left: 640px; }

.container_12 .prefix_10 {
  padding-left: 800px; }

.container_12 .prefix_11 {
  padding-left: 880px; }

/* `Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .prefix_1 {
  padding-left: 60px; }

.container_16 .prefix_2 {
  padding-left: 120px; }

.container_16 .prefix_3 {
  padding-left: 180px; }

.container_16 .prefix_5 {
  padding-left: 300px; }

.container_16 .prefix_6 {
  padding-left: 360px; }

.container_16 .prefix_7 {
  padding-left: 420px; }

.container_16 .prefix_9 {
  padding-left: 540px; }

.container_16 .prefix_10 {
  padding-left: 600px; }

.container_16 .prefix_11 {
  padding-left: 660px; }

.container_16 .prefix_13 {
  padding-left: 780px; }

.container_16 .prefix_14 {
  padding-left: 840px; }

.container_16 .prefix_15 {
  padding-left: 900px; }

/* `Suffix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/
.container_12 .suffix_3,
.container_16 .suffix_4 {
  padding-right: 240px; }

.container_12 .suffix_6,
.container_16 .suffix_8 {
  padding-right: 480px; }

.container_12 .suffix_9,
.container_16 .suffix_12 {
  padding-right: 720px; }

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .suffix_1 {
  padding-right: 80px; }

.container_12 .suffix_2 {
  padding-right: 160px; }

.container_12 .suffix_4 {
  padding-right: 320px; }

.container_12 .suffix_5 {
  padding-right: 400px; }

.container_12 .suffix_7 {
  padding-right: 560px; }

.container_12 .suffix_8 {
  padding-right: 640px; }

.container_12 .suffix_10 {
  padding-right: 800px; }

.container_12 .suffix_11 {
  padding-right: 880px; }

/* `Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .suffix_1 {
  padding-right: 60px; }

.container_16 .suffix_2 {
  padding-right: 120px; }

.container_16 .suffix_3 {
  padding-right: 180px; }

.container_16 .suffix_5 {
  padding-right: 300px; }

.container_16 .suffix_6 {
  padding-right: 360px; }

.container_16 .suffix_7 {
  padding-right: 420px; }

.container_16 .suffix_9 {
  padding-right: 540px; }

.container_16 .suffix_10 {
  padding-right: 600px; }

.container_16 .suffix_11 {
  padding-right: 660px; }

.container_16 .suffix_13 {
  padding-right: 780px; }

.container_16 .suffix_14 {
  padding-right: 840px; }

.container_16 .suffix_15 {
  padding-right: 900px; }

/* `Push Space >> Global
----------------------------------------------------------------------------------------------------*/
.container_12 .push_3,
.container_16 .push_4 {
  left: 240px; }

.container_12 .push_6,
.container_16 .push_8 {
  left: 480px; }

.container_12 .push_9,
.container_16 .push_12 {
  left: 720px; }

/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .push_1 {
  left: 80px; }

.container_12 .push_2 {
  left: 160px; }

.container_12 .push_4 {
  left: 320px; }

.container_12 .push_5 {
  left: 400px; }

.container_12 .push_7 {
  left: 560px; }

.container_12 .push_8 {
  left: 640px; }

.container_12 .push_10 {
  left: 800px; }

.container_12 .push_11 {
  left: 880px; }

/* `Push Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .push_1 {
  left: 60px; }

.container_16 .push_2 {
  left: 120px; }

.container_16 .push_3 {
  left: 180px; }

.container_16 .push_5 {
  left: 300px; }

.container_16 .push_6 {
  left: 360px; }

.container_16 .push_7 {
  left: 420px; }

.container_16 .push_9 {
  left: 540px; }

.container_16 .push_10 {
  left: 600px; }

.container_16 .push_11 {
  left: 660px; }

.container_16 .push_13 {
  left: 780px; }

.container_16 .push_14 {
  left: 840px; }

.container_16 .push_15 {
  left: 900px; }

/* `Pull Space >> Global
----------------------------------------------------------------------------------------------------*/
.container_12 .pull_3,
.container_16 .pull_4 {
  left: -240px; }

.container_12 .pull_6,
.container_16 .pull_8 {
  left: -480px; }

.container_12 .pull_9,
.container_16 .pull_12 {
  left: -720px; }

/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .pull_1 {
  left: -80px; }

.container_12 .pull_2 {
  left: -160px; }

.container_12 .pull_4 {
  left: -320px; }

.container_12 .pull_5 {
  left: -400px; }

.container_12 .pull_7 {
  left: -560px; }

.container_12 .pull_8 {
  left: -640px; }

.container_12 .pull_10 {
  left: -800px; }

.container_12 .pull_11 {
  left: -880px; }

/* `Pull Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .pull_1 {
  left: -60px; }

.container_16 .pull_2 {
  left: -120px; }

.container_16 .pull_3 {
  left: -180px; }

.container_16 .pull_5 {
  left: -300px; }

.container_16 .pull_6 {
  left: -360px; }

.container_16 .pull_7 {
  left: -420px; }

.container_16 .pull_9 {
  left: -540px; }

.container_16 .pull_10 {
  left: -600px; }

.container_16 .pull_11 {
  left: -660px; }

.container_16 .pull_13 {
  left: -780px; }

.container_16 .pull_14 {
  left: -840px; }

.container_16 .pull_15 {
  left: -900px; }

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after,
.container_16:before,
.container_16:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0; }

.clearfix:after,
.container_12:after,
.container_16:after {
  clear: both; }

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/
.clearfix,
.container_12,
.container_16 {
  zoom: 1; }

@media screen and (max-width: 567px) {
  body {
    min-width: 1px; }
  .container_12 {
    width: 100%; }
    .container_12 .grid_1, .container_12 .grid_2, .container_12 .grid_3, .container_12 .grid_4, .container_12 .grid_5, .container_12 .grid_6, .container_12 .grid_7, .container_12 .grid_8, .container_12 .grid_9, .container_12 .grid_10, .container_12 .grid_11, .container_12 .grid_12 {
      width: 90%;
      margin-right: 5%;
      margin-left: 5%; }
    .container_12 .push_1, .container_12 .pull_1, .container_12 .push_2, .container_12 .pull_2, .container_12 .push_3, .container_12 .pull_3, .container_12 .push_4, .container_12 .pull_4, .container_12 .push_5, .container_12 .pull_5, .container_12 .push_6, .container_12 .pull_6, .container_12 .push_7, .container_12 .pull_7, .container_12 .push_8, .container_12 .pull_8, .container_12 .push_9, .container_12 .pull_9, .container_12 .push_10, .container_12 .pull_10, .container_12 .push_11, .container_12 .pull_11, .container_12 .push_12, .container_12 .pull_12, .container_12 .push_13, .container_12 .pull_13, .container_12 .push_14, .container_12 .pull_14, .container_12 .push_15, .container_12 .pull_15 {
      left: 0; } }

/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

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

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

/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out; }

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y; }

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel.owl-loaded {
  display: block; }

.owl-carousel.owl-loading {
  opacity: 0;
  display: block; }

.owl-carousel.owl-hidden {
  opacity: 0; }

.owl-carousel .owl-refresh .owl-item {
  display: none; }

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d; }

.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto; }

.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab; }

.owl-carousel.owl-rtl {
  direction: rtl; }

.owl-carousel.owl-rtl .owl-item {
  float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item img {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d; }

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  transition: scale 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1; }

.owl-nav {
  display: none; }

.owl-dots {
  text-align: center; }

.owl-dot {
  display: inline-block; }

.owl-dot span {
  width: 10px;
  height: 10px;
  margin: 10px 7px;
  background: #ccc;
  display: block;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%; }

.owl-dot.active span {
  background: #796a55; }

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden; }

#cboxWrapper {
  max-width: none; }

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%; }

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left; }

#cboxContent {
  position: relative; }

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

#cboxTitle {
  margin: 0; }

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer; }

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic; }

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0; }

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; }

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: #fff;
  opacity: 0.9;
  filter: alpha(opacity=90); }

#colorbox {
  outline: 0; }

#cboxContent {
  margin-top: 32px;
  overflow: visible;
  background: #000; }

.cboxIframe {
  background: #fff; }

#cboxError {
  padding: 50px;
  border: 1px solid #ccc; }

#cboxLoadedContent {
  background: #000;
  padding: 1px; }

#cboxLoadingGraphic {
  background: url(/images/loading.gif) no-repeat center center; }

#cboxLoadingOverlay {
  background: #000; }

#cboxTitle {
  position: absolute;
  top: -22px;
  left: 0;
  color: #000; }

#cboxCurrent {
  position: absolute;
  top: -22px;
  right: 205px;
  text-indent: -9999px; }

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  text-indent: -9999px;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -20px;
  background: url(/images/controls.png) no-repeat 0 0; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
  outline: 0; }

#cboxPrevious {
  background-position: 0px 0px;
  right: 44px; }

#cboxPrevious:hover {
  background-position: 0px -25px; }

#cboxNext {
  background-position: -25px 0px;
  right: 22px; }

#cboxNext:hover {
  background-position: -25px -25px; }

#cboxClose {
  background-position: -50px 0px;
  right: 0; }

#cboxClose:hover {
  background-position: -50px -25px; }

.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious {
  right: 66px; }

.cboxSlideshow_on #cboxSlideshow {
  background-position: -75px -25px;
  right: 44px; }

.cboxSlideshow_on #cboxSlideshow:hover {
  background-position: -100px -25px; }

.cboxSlideshow_off #cboxSlideshow {
  background-position: -100px 0px;
  right: 44px; }

.cboxSlideshow_off #cboxSlideshow:hover {
  background-position: -75px -25px; }

.remodal {
  max-width: 1000px; }

#error_txt {
  color: red; }

.form_hissu {
  color: red; }

.form_subtxt {
  display: inline-block;
  margin: 0 .5em; }
  @media (max-width: 567px) {
    .form_subtxt {
      font-size: 12px; } }
.radio-box {
  margin-right: 1em; }
  .radio-box input[type="radio"] {
    height: auto;
    margin-right: .1em; }

form .error {
  color: red;
  font-size: 10px; }

.anshin-form__paypal-notis {
  max-width: 720px;
  border: 2px solid orange;
  background: #f3f3f3;
  text-align: center;
  margin: -25px auto 0;
  font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", YuGothic, "游ゴシック", Meiryo, "メイリオ", "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
  border-radius: 20px;
  padding: 35px 20px 20px;
  color: #555555;
  line-height: 1.5em; }
  @media (max-width: 567px) {
    .anshin-form__paypal-notis {
      font-size: 12px; } }
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

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

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s; }

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom; }

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

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

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

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

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand; }

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

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

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

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake; }

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }

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

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

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

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

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

@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none; }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to {
    -webkit-transform: none;
    transform: none; } }

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

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none; }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg); }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none; }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg); }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center; }

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

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

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }

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

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }

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

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }

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

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

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

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

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

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

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

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

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

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

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

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

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

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

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

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

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

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

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

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

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

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

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

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

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

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

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

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

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

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

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

@-webkit-keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

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

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes fadeOutDown {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

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

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@keyframes fadeOutDownBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

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

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes fadeOutLeft {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

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

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes fadeOutLeftBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

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

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes fadeOutRight {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

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

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes fadeOutRightBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

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

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

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

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@keyframes fadeOutUpBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

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

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip; }

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

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

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

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

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

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

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

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

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

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

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

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

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

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

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

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

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

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

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

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

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

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

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

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }

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

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }

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

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

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

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

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

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }

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

@-webkit-keyframes hinge {
  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: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

@keyframes hinge {
  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: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

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

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

@keyframes rollOut {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }

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

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn; }

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp; }

@-webkit-keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

@keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown; }

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft; }

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight; }

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp; }

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown; }

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft; }

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight; }

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp; }

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp; }

/******************VARIABLES*********************/
@-webkit-keyframes fv-anime {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fv-anime {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes scrolldown {
  0% {
    height: 0;
    top: 0;
    opacity: 0; }
  30% {
    height: 30px;
    opacity: 1; }
  100% {
    height: 0;
    top: 50px;
    opacity: 0; } }

@keyframes scrolldown {
  0% {
    height: 0;
    top: 0;
    opacity: 0; }
  30% {
    height: 30px;
    opacity: 1; }
  100% {
    height: 0;
    top: 50px;
    opacity: 0; } }

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

@keyframes loading-anime {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.u-nowrap-on-desktop {
  white-space: nowrap; }
  @media (max-width: 568px) {
    .u-nowrap-on-desktop {
      white-space: normal; } }
.u-align-top {
  vertical-align: top; }

.u-font-16pt {
  font-size: 16px; }

.u-font-18pt {
  font-size: 18px; }

.u-font-28pt {
  font-size: 28px; }

.u-mt16 {
  margin-top: 4rem; }

@media (max-width: 568px) {
  .u-font-12pt-on-mobile {
    font-size: 12px; }
  .u-font-14pt-on-mobile {
    font-size: 14px; }
  .u-font-24pt-on-mobile {
    font-size: 24px; } }

/********************BASE**********************/
body {
  background: #fff;
  color: #000;
  font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 2.2em; }

a {
  text-decoration: none;
  color: #796a55;
  -webkit-transition: all .2s ease;
  transition: all .2s ease; }
  a:hover {
    opacity: .5;
    -webkit-transition: all .2s ease;
    transition: all .2s ease; }
  a.link--dashed {
    border-bottom: 1px dashed; }

h1, h2, h3, h4, h5, h6 {
  line-height: 1.4em;
  margin: 0 0 20px; }

h2 {
  font-size: 24px;
  font-size: 1.5rem; }

hr.gold {
  border-top: 1px solid #796a55;
  margin: 30px 0; }

section {
  padding: 30px 0; }

p {
  margin: 0 0 20px; }
  p.half-margin {
    margin-bottom: 10px; }

input, textarea {
  padding: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #ddd; }

input {
  height: 30px; }

input[type="submit"] {
  height: auto; }

select {
  height: 30px;
  line-height: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

input.input-s {
  width: 45px; }

input.input-m {
  width: 90px; }
  @media (max-width: 567px) {
    input.input-m {
      width: 60px; } }
input.input-l {
  width: 100%; }

textarea {
  width: 100%;
  height: 300px; }

/***********************LAYOUT************************/
header.subdir-header {
  position: fixed;
  width: 100%;
  height: 90px;
  background: rgba(64, 33, 15, 0.5); }
  header.subdir-header .logo {
    width: 120px;
    display: block;
    margin: 10px auto; }
  header.subdir-header .header__sitenav {
    background: url(/images/bg-blue-left.png) 0 0 no-repeat;
    width: 335px;
    height: 30px;
    padding: 5px 60px 5px 5px;
    text-align: center;
    font-size: 12px;
    font-size: 0.75rem;
    position: absolute;
    top: 50px;
    left: 0; }
  header.subdir-header .header__companynav {
    top: 50px;
    bottom: auto; }
  header.subdir-header .grandnav {
    top: 90px;
    border-top: 3px solid #161b61; }

header.subdir-header2 {
  position: fixed;
  width: 100%; }
  header.subdir-header2 .logo {
    width: 100px;
    display: block;
    margin: -5px auto -10px; }
  header.subdir-header2 .header__sitenav {
    font-size: 12px;
    font-size: 0.75rem;
    position: absolute;
    top: 20px;
    right: 10px; }
    header.subdir-header2 .header__sitenav a {
      color: #161b61; }
  header.subdir-header2 .header__news {
    top: 74px; }
  header.subdir-header2 .header__companynav {
    top: 74px;
    bottom: auto; }
  header.subdir-header2 .grandnav {
    top: 0;
    height: 50px; }
    header.subdir-header2 .grandnav ul li.bar {
      padding: 10px 5px; }
    header.subdir-header2 .grandnav ul li .logo {
      margin: 0 10px 0 -20px; }
    header.subdir-header2 .grandnav ul li .linktext {
      padding: 20px 0; }
    header.subdir-header2 .grandnav .grandnav__tel {
      padding: 12px 0px 8px 10px;
      height: 51px;
      line-height: 1.5em;
      display: block;
      position: relative; }
      header.subdir-header2 .grandnav .grandnav__tel .label {
        font-size: 10px;
        font-size: 0.625rem;
        background: #796a55;
        color: #fff;
        border-radius: 2px;
        padding: 2px 5px; }
      header.subdir-header2 .grandnav .grandnav__tel .tel {
        display: inline-block; }
      header.subdir-header2 .grandnav .grandnav__tel .tel-num {
        font-size: 27px;
        font-size: 1.6875rem; }
      header.subdir-header2 .grandnav .grandnav__tel .btn {
        padding: 1px 10px;
        background: rgba(255, 255, 255, 0.5);
        position: absolute;
        top: 15px;
        font-weight: bold;
        bottom: auto;
        right: 0;
        font-size: 10px;
        font-size: 0.625rem;
        border: 1px solid rgba(121, 106, 85, 0.5);
        border-radius: 2px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }

footer .footer__info {
  background: #eee9df;
  padding: 20px 0;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2) inset;
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2) inset;
  -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2) inset;
  color: #796a55; }
  footer .footer__info .tel-container {
    line-height: 1.4em;
    margin-top: -5px; }
    footer .footer__info .tel-container .label {
      line-height: 1em;
      background: #796a55;
      border-radius: 3px;
      font-size: 10px;
      font-size: 0.625rem;
      color: #fff;
      padding: 1px 3px; }
    footer .footer__info .tel-container .tel-num {
      font-size: 27px;
      font-size: 1.6875rem;
      white-space: nowrap;
      background: url(/images/logo--freedial.png) left center no-repeat;
      background-size: auto 20px;
      padding-left: 35px;
      margin-top: 5px;
      display: inline-block;
      letter-spacing: .07em; }
  footer .footer__info ul.footer__buttons {
    display: table;
    width: 100%; }
    footer .footer__info ul.footer__buttons li {
      display: table-cell;
      width: 25%;
      vertical-align: top; }
      footer .footer__info ul.footer__buttons li .btn {
        width: 90%;
        margin: 0 5%;
        padding: 10px 0;
        font-size: 12px;
        font-size: 0.75rem;
        white-space: nowrap; }

footer .footer__bottom {
  background: #161b61;
  padding: 20px 0;
  color: #fff;
  font-size: 12px;
  font-size: 0.75rem; }

.mobile-tel {
  background: rgba(22, 27, 97, 0.9);
  color: #fff;
  position: fixed;
  width: 100%;
  bottom: 0;
  font-size: 12px;
  font-size: 0.75rem; }
  .mobile-tel table th, .mobile-tel table td {
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-collapse: collapse;
    padding: 10px 5px 10px;
    vertical-align: middle;
    line-height: 1.4em;
    text-align: center;
    white-space: nowrap; }
    .mobile-tel table th.caption, .mobile-tel table td.caption {
      padding: 3px 0;
      font-size: 12px;
      font-size: 0.75rem;
      letter-spacing: .2em;
      font-weight: normal; }
  .mobile-tel a {
    color: #fff; }
  .mobile-tel .icon-mail {
    width: 15px; }
  .mobile-tel .icon-tel {
    width: 12px;
    display: none; }
  .mobile-tel .tel-wrap {
    position: relative; }
    .mobile-tel .tel-wrap .font-ss {
      font-size: 10px;
      font-size: 0.625rem;
      display: inline-block;
      line-height: 1em; }
  .mobile-tel .tel-num {
    background: url(/images/logo--freedial.png) left center no-repeat;
    background-size: auto 15px;
    padding-left: 27px;
    font-size: 21px;
    font-size: 1.3125rem;
    margin-left: 5px; }
  .mobile-tel .btn-close-m {
    width: 15px; }

.totop {
  position: fixed;
  bottom: 20px;
  right: 20px; }
  .totop img {
    width: 100px; }

/********************COMPONENTS************************/
.title--middle-bordered {
  color: #161b61;
  position: relative;
  text-align: center;
  font-size: 18px;
  letter-spacing: .1em; }
  .title--middle-bordered:before {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background: #161b61;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .title--middle-bordered span {
    position: relative;
    background: #fff;
    padding: 0 1em;
    display: inline-block; }

/********************MODULE************************/
.beige-bg {
  background: #eeefef; }
  .beige-bg hr {
    margin-bottom: 30px; }
  .beige-bg .freedial {
    background: url(/images/logo--freedial.png) left center no-repeat;
    background-size: auto 21px;
    padding-left: 42px; }

.blinking {
  -webkit-animation: blink 1.8s ease-in-out infinite alternate;
  animation: blink 1.8s ease-in-out infinite alternate; }

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

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

.bordered {
  border-bottom: 1px solid #161b61; }

.bold-bordered {
  border-bottom: 3px solid #161b61; }

.breadcrumbs {
  margin: 20px 0 0;
  color: #161b61;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold; }
  .breadcrumbs .container_12 {
    border-bottom: 3px solid #161b61; }
  .breadcrumbs ul {
    padding: 0;
    margin: 0; }
    .breadcrumbs ul li {
      list-style-type: none;
      display: inline-block; }
  .breadcrumbs a {
    color: #161b61; }
  .breadcrumbs.breadcrumbs-simple {
    font-size: 14px;
    font-size: 0.875rem; }
    .breadcrumbs.breadcrumbs-simple .container_12 {
      border-bottom: none; }
    .breadcrumbs.breadcrumbs-simple ul li {
      margin-left: 5px; }
    .breadcrumbs.breadcrumbs-simple a {
      text-decoration: underline; }

.gray-bordered {
  border-bottom: 1px solid #b2a698; }

.gold-bg {
  background: #796a55;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  color: #fff;
  padding: 5px 10px; }

img.linktext {
  height: 12px; }

.section-bold-bordered {
  padding-top: 0; }
  .section-bold-bordered .container_12 {
    border-top: 3px solid #161b61;
    padding-top: 30px; }

.section-bordered {
  border-top: 1px solid #161b61;
  padding: 10px 0; }

.sns-share-box .share-btn {
  display: inline-block; }
  .sns-share-box .share-btn .fb-like > span {
    vertical-align: top !important; }

.tbl-beige {
  width: 100%; }
  .tbl-beige th, .tbl-beige td {
    border: 1px solid #c5b899;
    border-collapse: collapse;
    font-weight: bold;
    background: #f5f2ee;
    padding: 10px; }
    .tbl-beige th.full, .tbl-beige td.full {
      padding: 0; }
    .tbl-beige th img, .tbl-beige td img {
      display: block; }

.tbl-bordered {
  width: 100%;
  margin-bottom: -1px;
  overflow: hidden; }
  .tbl-bordered th, .tbl-bordered td {
    padding: 5px 0;
    line-height: 1.4em; }
  .tbl-bordered th {
    text-align: left; }
  .tbl-bordered tr {
    border-bottom: 1px solid #BFC2E5; }

.tbl-gold {
  width: 100%; }
  .tbl-gold th, .tbl-gold td {
    border: 1px solid #b2a698;
    border-collapse: collapse;
    padding: 20px;
    text-align: left;
    vertical-align: top; }
  .tbl-gold th {
    background: #b2a698;
    color: #fff; }
    @media (min-width: 568px) {
      .tbl-gold th {
        border-bottom: 1px solid #fff; } }
  .tbl-gold tr:last-child th {
    border-color: #b2a698; }
  .tbl-gold td {
    background: #f3f3f3; }
  @media (max-width: 567px) {
    .tbl-gold.block--on-mobile {
      display: block; }
      .tbl-gold.block--on-mobile tbody, .tbl-gold.block--on-mobile tr {
        display: block;
        width: 100%; }
      .tbl-gold.block--on-mobile th, .tbl-gold.block--on-mobile td {
        display: block; } }
.tbl--normal {
  width: 100%; }
  .tbl--normal th, .tbl--normal td {
    padding: 10px; }
  .tbl--normal th {
    min-width: 150px;
    vertical-align: top; }

.thumb-rounded {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px; }

/*****nav*****/
.header__sitenav ul {
  margin: 0;
  padding: 0; }
  .header__sitenav ul li {
    display: inline-block;
    list-style-type: none;
    font-size: 12px;
    font-size: 0.75rem; }
    .header__sitenav ul li a {
      color: #fff;
      padding: 10px; }

.header__companynav {
  background: url(/images/bg-blue-right.png) right top no-repeat;
  height: 30px;
  width: 335px;
  padding: 5px 5px 5px 60px;
  position: fixed;
  top: 53px;
  right: 0; }
  .header__companynav ul {
    padding: 0;
    margin: 0;
    text-align: center; }
    .header__companynav ul li {
      display: inline-block;
      list-style-type: none;
      font-size: 12px;
      font-size: 0.75rem; }
      .header__companynav ul li a {
        color: #fff;
        padding: 0 5px; }

.grandnav {
  position: fixed;
  background: white;
  background: rgba(255, 255, 255, 0.75);
  padding: 10px 0;
  top: 0;
  left: 0;
  width: 100%;
  border-top: 3px solid #161b61;
  border-bottom: 1px solid #E4E4EC; }
  .grandnav ul {
    padding: 0;
    margin: 0; }
    .grandnav ul li {
      float: left;
      list-style-type: none;
      color: #161b61;
      font-weight: bold;
      text-align: center; }
      .grandnav ul li a {
        color: #161b61; }
      .grandnav ul li.bar {
        padding: 0 5px; }
  .grandnav .grandnav__tel {
    border-left: 1px solid #161b61;
    border-left: 1px solid rgba(22, 27, 97, 0.5);
    padding: 10px 0 4px 10px;
    margin: -10px;
    height: 36px;
    line-height: 1em;
    width: 100%;
    position: relative; }
    .grandnav .grandnav__tel .description {
      display: inline-block;
      line-height: 1.1em;
      margin-top: 3px; }
    .grandnav .grandnav__tel .tel {
      display: inline-block;
      vertical-align: top;
      white-space: nowrap; }
    .grandnav .grandnav__tel .tel-num {
      font-size: 27px;
      font-size: 1.6875rem;
      line-height: 1em;
      background: url(/images/logo--freedial.png) left center no-repeat;
      background-size: auto 20px;
      padding-left: 35px; }
    .grandnav .grandnav__tel img {
      height: 35px;
      display: block; }
    .grandnav .grandnav__tel .btn {
      padding: 2px 5px;
      background: rgba(255, 255, 255, 0.5);
      position: absolute;
      bottom: 12px;
      right: -20px;
      font-size: 10px;
      font-size: 0.625rem;
      line-height: 1.2em; }

.footer__nav ul {
  margin: 0;
  padding: 0; }
  .footer__nav ul li {
    list-style-type: none;
    display: inline-block; }
    .footer__nav ul li a {
      color: #fff; }

/*****list*****/
.list--whitebox {
  padding: 0;
  margin: 0; }
  .list--whitebox li {
    list-style-type: none;
    border: 1px solid #fff;
    background: rgba(255, 255, 255, 0.3);
    font-size: 12px;
    font-size: 0.75rem;
    text-align: left;
    line-height: 1.4em;
    margin-bottom: 20px;
    overflow: hidden; }
    .list--whitebox li .thumb {
      border-bottom: 1px solid #fff; }
    .list--whitebox li .container {
      margin: 10px; }
    .list--whitebox li .title {
      font-size: 16px;
      font-size: 1rem;
      margin: 0 0 5px; }

.list--whitebox--round li {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px; }

.list--beigebox {
  padding: 0;
  margin: 0; }
  .list--beigebox li {
    list-style-type: none;
    background: #eee9df;
    padding: 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin-bottom: 20px; }
    .list--beigebox li .title {
      font-size: 16px;
      font-size: 1rem;
      margin: 0 0 5px; }
    .list--beigebox li img.w100 {
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px; }
    .list--beigebox li .btn {
      display: block;
      margin: 5px auto 0;
      width: 216px; }
    .list--beigebox li .detail {
      margin-top: 10px;
      font-size: 12px;
      font-size: 0.75rem;
      display: none; }

.list--goldbox {
  padding: 0;
  margin: 0; }
  .list--goldbox li {
    list-style-type: none;
    background: #9a8774;
    color: #fff;
    font-size: 12px;
    font-size: 0.75rem;
    text-align: left;
    line-height: 1.4em;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin-bottom: 20px;
    overflow: hidden;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
    .list--goldbox li a {
      color: #fff;
      display: block; }
    .list--goldbox li .thumb {
      border-bottom: 1px solid #fff; }
    .list--goldbox li .container {
      margin: 10px; }
    .list--goldbox li .title {
      font-size: 16px;
      font-size: 1rem;
      margin: 0 0 5px; }

.list--normal {
  padding: 0;
  margin: 0; }
  .list--normal li {
    list-style-type: none;
    display: table;
    width: 100%;
    margin-bottom: 20px; }
    .list--normal li .thumb, .list--normal li .text {
      display: table-cell;
      vertical-align: top; }
    .list--normal li .thumb img {
      width: 100px; }
    .list--normal li .text {
      padding-left: 10px;
      line-height: 1.4em; }

ul.list--blue-labels {
  display: table;
  width: 100%; }
  ul.list--blue-labels li {
    display: table-cell;
    vertical-align: top;
    text-align: center;
    line-height: 1.2em;
    width: 20%; }
    ul.list--blue-labels li .blue-label {
      background: #161b61;
      color: #fff;
      padding: 10px 5px;
      margin: 5px; }
      ul.list--blue-labels li .blue-label .single-lined {
        margin: 8px 0;
        display: block; }
    ul.list--blue-labels li .caption {
      font-size: 12px;
      font-size: 0.75rem; }

ul.list--blue-labels2 li {
  float: left;
  width: 20%;
  line-height: 1.2em; }
  ul.list--blue-labels2 li .blue-label {
    text-align: center;
    margin: 5px;
    padding: 10px 0;
    background-color: #726592;
    color: #fff;
    height: 16px;
    white-space: nowrap; }
  ul.list--blue-labels2 li.w-full {
    width: auto;
    margin: 10px 5px; }

/*****button*****/
.btn {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  font-size: 16px;
  font-size: 1rem;
  padding: .7em 1em;
  display: inline-block;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1.2em;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  position: relative; }
  .btn img {
    display: block;
    max-height: 30px;
    margin-right: auto;
    margin-left: auto; }
  .btn.w100 {
    padding-right: 0;
    padding-left: 0; }
  .btn--m {
    min-width: 200px; }
  .btn--l {
    padding: 1em 2em; }
  .btn.with-arw-right:before, .btn.with-arw-right:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%; }
  .btn.with-arw-right:before {
    content: "▶";
    font-size: 10px;
    right: 11px;
    -webkit-transform: scaleX(0.6) translate(0, -50%);
    transform: scaleX(0.6) translate(0, -50%);
    text-indent: 0; }

.btn-beige {
  background: #b9a574;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }

.btn-gold {
  background: #796a55;
  color: #fff;
  border: 1px solid #b49f88;
  -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
          box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); }
  @media (min-width: 568px) {
    .btn-gold:hover {
      background: #fff;
      color: #796a55;
      border-color: #796a55;
      opacity: 1;
      -webkit-transition: all .2s ease;
      transition: all .2s ease; } }
.btn-gorgeous {
  border: 5px solid #B28247;
  -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
          box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
  padding: 3px; }
  .btn-gorgeous .btn-gold {
    -webkit-box-shadow: none;
            box-shadow: none;
    display: block;
    border-radius: 5px;
    padding: 10px 15px; }

.btn-blue {
  background: #161b61;
  color: #fff;
  border: 1px solid #ffffff;
  -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
          box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); }
  @media (min-width: 568px) {
    .btn-blue:hover {
      background: #fff;
      color: #161b61;
      border-color: #161b61;
      -webkit-transition: all .2s ease;
      transition: all .2s ease; } }
  .btn-blue.with-arw-right:hover:before {
    border-color: #161b61; }

.btn-center {
  margin-right: auto;
  margin-left: auto;
  display: block;
  max-width: 260px; }

.btn-green {
  background: #7bbd37;
  color: #fff;
  border: 1px solid #ffffff;
  -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5), 0 -20px 0px 0px #5ba432 inset;
          box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5), 0 -20px 0px 0px #5ba432 inset; }
  @media (min-width: 568px) {
    .btn-green:hover {
      background: #fff;
      color: #7bbd37;
      border-color: #7bbd37;
      -webkit-transition: all .2s ease;
      transition: all .2s ease; } }
.btn-darkgreen {
  background: #003e2a;
  color: #fff;
  border: 1px solid #ffffff;
  -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
          box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); }
  @media (min-width: 568px) {
    .btn-darkgreen:hover {
      background: #fff;
      color: #003e2a;
      border-color: #003e2a;
      opacity: 1;
      -webkit-transition: all .2s ease;
      transition: all .2s ease; } }
.btn-white {
  background: #fff;
  border: 1px solid #ffffff;
  -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
          box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); }

.btn-white-transparentized {
  background: rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); }

/*****z-index*****/
.top__container, .top__container2 {
  z-index: 10; }

.top__pickup {
  z-index: 15; }

.grandnav, .header__news, .header__companynav {
  z-index: 20; }

.top-section {
  z-index: 15; }

.subdir-header {
  z-index: 20; }

.subdir-header2 {
  z-index: 100; }
  .subdir-header2 .header__sitenav {
    z-index: 120; }

.faq-a {
  z-index: 20; }

.mobile-tel {
  z-index: 30; }

.totop {
  z-index: 100; }

/*****TOP*****/
.top__header {
  background: url(/images/bb1_20150120.jpg) center 50% no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden; }
  .top__header .top__bb__title {
    position: absolute;
    top: 45%;
    left: 33.33333%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #5c5141;
    font-size: 21px;
    letter-spacing: .2em;
    font-weight: normal;
    line-height: 1.8;
    white-space: nowrap;
    padding-left: 20px; }
  .top__header .top__bb__logo {
    height: 90px;
    display: block;
    margin: 0 auto; }
  .top__header .top__bb__title-txt {
    display: block;
    margin: 30px 0 0; }
  .top__header .top__bb.top__bb2 {
    position: relative;
    height: 600px; }
    .top__header .top__bb.top__bb2 .top__bb--default {
      height: 100%;
      background: url(/images/bb-top-202109.jpg) center center/cover no-repeat; }
    .top__header .top__bb.top__bb2 .firstview__logo-area {
      position: absolute;
      top: 80px;
      left: 0;
      width: 100%;
      text-align: center; }
      .top__header .top__bb.top__bb2 .firstview__logo-area .logo {
        width: 200px;
        height: auto;
        position: static;
        min-height: 1px;
        display: block;
        margin: 0 auto; }
      .top__header .top__bb.top__bb2 .firstview__logo-area strong {
        font-size: 18px;
        font-size: 1.125rem; }
    .top__header .top__bb.top__bb2 .logo-area {
      position: absolute;
      top: 80px;
      left: 15%; }
      .top__header .top__bb.top__bb2 .logo-area .logo {
        width: 200px;
        height: auto;
        position: static;
        min-height: 1px;
        display: block; }
      .top__header .top__bb.top__bb2 .logo-area strong {
        color: #fff;
        font-size: 18px;
        font-size: 1.125rem; }
    .top__header .top__bb.top__bb2 a:hover {
      opacity: 1; }

.top__container {
  position: relative;
  color: #fff;
  height: 600px;
  overflow: hidden; }
  .top__container .header__sitenav {
    position: absolute;
    top: 110px;
    right: 20px; }
  .top__container .top__logo {
    position: fixed;
    top: 200px;
    left: 50%;
    margin-left: -238px; }
  .top__container .logo {
    width: 266px;
    position: relative;
    margin: 0 auto 0;
    display: block; }
  .top__container .catch {
    position: relative;
    text-align: center;
    display: block;
    font-size: 21px;
    font-size: 1.3125rem;
    text-shadow: 0 1px 50px #000; }
  .top__container .btn-scroll {
    width: 30px;
    display: block;
    position: absolute;
    top: 550px;
    left: 50%;
    margin-left: -15px; }
    .top__container .btn-scroll:hover {
      cursor: pointer; }

.header__news {
  background: url(/images/bg-blue-left.png) 0 0 no-repeat;
  width: 335px;
  height: 30px;
  padding: 5px 60px 5px 5px;
  text-align: center;
  font-size: 12px;
  font-size: 0.75rem;
  color: #fff;
  position: fixed;
  top: 53px;
  left: 0; }
  .header__news a {
    color: #fff; }
  .header__news a:visited {
    color: #fff; }
  .header__news .title {
    background: #fff;
    color: #161b61;
    border-radius: 2px;
    padding: 0 3px;
    margin-right: 3px; }

.top__pickup {
  background: #69553f;
  background: rgba(105, 85, 63, 0.5);
  position: relative;
  padding: 3px 0;
  border-top: 2px solid #7a6a56;
  border-bottom: 2px solid #7a6a56; }
  .top__pickup:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #7a6a56;
    margin-bottom: 5px; }
  .top__pickup:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #7a6a56;
    margin-top: 5px; }
  .top__pickup .pickup__unit {
    width: 20%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    float: left;
    margin-top: -42px; }
    .top__pickup .pickup__unit a {
      display: block;
      position: relative; }
      .top__pickup .pickup__unit a:hover {
        opacity: 1; }
    .top__pickup .pickup__unit .thumb {
      width: 100%;
      display: block; }

.list--goldbox.imgbg--on-mobile.top__fv {
  margin-top: 1px; }
  .list--goldbox.imgbg--on-mobile.top__fv li {
    width: 25%;
    float: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
    position: relative;
    border-radius: 0;
    border-right: 1px solid #fff;
    text-shadow: 0 1px 10px #000; }
    .list--goldbox.imgbg--on-mobile.top__fv li:last-child {
      border: none; }
    .list--goldbox.imgbg--on-mobile.top__fv li .thumb {
      display: block;
      border-bottom: none; }
    .list--goldbox.imgbg--on-mobile.top__fv li .container {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      margin: 0;
      display: block;
      background: rgba(0, 0, 0, 0.1); }
      .list--goldbox.imgbg--on-mobile.top__fv li .container .inner {
        display: table;
        height: 100%;
        width: 100%; }
        .list--goldbox.imgbg--on-mobile.top__fv li .container .inner .cell {
          display: table-cell;
          vertical-align: middle;
          padding: 30px; }
          .list--goldbox.imgbg--on-mobile.top__fv li .container .inner .cell .title {
            font-size: 27px;
            font-size: 1.6875rem;
            letter-spacing: .1em; }
          .list--goldbox.imgbg--on-mobile.top__fv li .container .inner .cell .btn.btn-beige {
            margin-top: 10px;
            background: transparent; }

.top-main {
  position: relative; }
  .top-main section {
    position: relative;
    padding: 60px 0; }

.top-section {
  min-height: 480px;
  position: relative; }

.top-section__container {
  text-align: center;
  position: relative;
  color: #161b61;
  font-size: 16px;
  font-size: 1rem;
  overflow: hidden; }
  .top-section__container .deco {
    margin-bottom: 25px;
    margin-top: 40px; }
  .top-section__container .btn {
    margin: 40px auto 0;
    min-width: 260px; }

.title__top-section {
  letter-spacing: 0.2em;
  line-height: 2em;
  font-size: 15px;
  font-size: 0.9375rem; }
  .title__top-section .alphabet {
    font-size: 30px;
    font-size: 1.875rem;
    display: block; }

.word-concept {
  width: 55px; }

.word-event {
  width: 39px; }

.word-plan {
  width: 31px; }

.word-hall {
  width: 99px; }

.word-service {
  width: 50px; }

#top__concept {
  background: #fbfbf9; }

#top__event {
  background: #fbfbf9; }

#top__plan {
  background: #fbfbf9; }
  #top__plan .list--goldbox .price {
    margin: 5px 0;
    display: block; }
  #top__plan .list--goldbox .btn {
    margin: 5px auto 0;
    width: 156px;
    min-width: 1px; }

#top__concierge {
  background: url(/images/top__concierge__bg.jpg) center center no-repeat;
  background-size: cover; }
  #top__concierge .w100 {
    display: block; }
  #top__concierge p {
    text-align: left; }

#top__hall-search {
  background: url(/images/bb-hall-search.jpg) center center no-repeat;
  background-size: cover;
  color: #fff;
  padding: 60px 0 30px; }
  #top__hall-search h2.title, #top__hall-search .description {
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
    #top__hall-search h2.title .en, #top__hall-search .description .en {
      opacity: .5; }
  #top__hall-search .description {
    font-size: 18px;
    font-size: 1.125rem;
    margin-bottom: 30px; }
  #top__hall-search .prayer-hall-wrap {
    background: rgba(53, 33, 16, 0.5);
    padding: 20px 10px 10px;
    margin-bottom: 10px; }
    #top__hall-search .prayer-hall-wrap .title {
      text-align: center;
      font-size: 21px;
      font-size: 1.3125rem;
      font-weight: bold;
      margin-bottom: 10px; }
    #top__hall-search .prayer-hall-wrap ul {
      margin: 0;
      padding: 0; }
      #top__hall-search .prayer-hall-wrap ul li {
        list-style-type: none;
        display: inline-block;
        width: 49%;
        margin: 5px 3px; }
        #top__hall-search .prayer-hall-wrap ul li a {
          display: block;
          width: 100%;
          height: 250px;
          position: relative; }
          #top__hall-search .prayer-hall-wrap ul li a.inage {
            background: url(/images/hall-inage.jpg) center center no-repeat;
            background-size: cover; }
          #top__hall-search .prayer-hall-wrap ul li a.mobara {
            background: url(/images/hall-mohara.jpg) center center no-repeat;
            background-size: cover; }
          #top__hall-search .prayer-hall-wrap ul li a.narita {
            background: url(/images/hall-narita02.jpg?20170918) center center no-repeat;
            background-size: cover; }
          #top__hall-search .prayer-hall-wrap ul li a.ichihara {
            background: url(/images/hall-ichihara.jpg) center center no-repeat;
            background-size: cover; }
          #top__hall-search .prayer-hall-wrap ul li a:before {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background: rgba(0, 0, 0, 0.25);
            position: absolute; }
          #top__hall-search .prayer-hall-wrap ul li a span {
            position: relative;
            display: block;
            text-align: center;
            width: 100%;
            color: #fff;
            font-weight: bold; }
            #top__hall-search .prayer-hall-wrap ul li a span.ja {
              font-size: 18px;
              font-size: 1.125rem;
              padding-top: 120px; }
            #top__hall-search .prayer-hall-wrap ul li a span.en {
              font-size: 24px;
              font-size: 1.5rem;
              opacity: .5; }
          #top__hall-search .prayer-hall-wrap ul li a .ghostbtn {
            display: none; }
          #top__hall-search .prayer-hall-wrap ul li a:hover {
            opacity: 1; }
            #top__hall-search .prayer-hall-wrap ul li a:hover:before {
              background: rgba(0, 0, 0, 0.05);
              -webkit-transition: all .2s ease;
              transition: all .2s ease; }
  #top__hall-search .to-hall-search {
    background: rgba(53, 33, 16, 0.5);
    padding: 20px 10px;
    margin-bottom: 10px;
    text-align: center; }
    #top__hall-search .to-hall-search .title {
      text-align: center;
      font-size: 21px;
      font-size: 1.3125rem;
      font-weight: bold;
      margin-bottom: 10px; }
    #top__hall-search .to-hall-search .btn {
      width: 33%;
      background: rgba(255, 255, 255, 0.85);
      color: #796a55;
      font-weight: bold; }
      #top__hall-search .to-hall-search .btn .font-s {
        font-size: 14px;
        font-size: 0.875rem; }

.banner--kazokusou {
  display: block;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); }

.top__plan__intro {
  display: block;
  width: 600px;
  margin: 20px auto;
  border: 1px solid #161b61;
  padding: 30px;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: url(/images/bb-plan.jpg) #000 center center no-repeat;
  background-size: cover;
  color: #fff;
  text-align: center; }
  .top__plan__intro .title {
    display: block;
    font-size: 36px;
    font-size: 2.25rem;
    letter-spacing: .1em; }
  .top__plan__intro .description {
    display: block;
    font-size: 21px;
    font-size: 1.3125rem;
    letter-spacing: .1em;
    margin: 5px 0 10px; }
  .top__plan__intro .price {
    display: block;
    font-size: 54px;
    font-size: 3.375rem; }
    .top__plan__intro .price .font-m {
      font-size: 27px;
      font-size: 1.6875rem;
      margin-left: -0.2em; }
  .top__plan__intro .btn--white {
    background: #fff;
    color: #796a55;
    margin-top: 10px;
    border: 1px solid #fff;
    -webkit-transition: all .2s ease;
    transition: all .2s ease; }
  .top__plan__intro:hover {
    opacity: 1; }
    .top__plan__intro:hover .btn--white {
      background: transparent;
      color: #fff;
      -webkit-transition: all .2s ease;
      transition: all .2s ease; }

#top__hall {
  background: #fbfbf9; }
  #top__hall .list--goldbox .price {
    margin: 5px 0;
    display: block; }
  #top__hall .list--goldbox .btn {
    margin: 5px auto 0;
    width: 156px;
    min-width: 1px; }

.title__top-pickup {
  background: #9c8b77;
  padding: 7px 0;
  margin: 0 5px 20px 5px; }
  .title__top-pickup img {
    height: 20px;
    display: block;
    margin: 0 auto; }

.pickup__collage {
  float: left;
  padding: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .pickup__collage.collage-upper {
    width: 50%; }
  .pickup__collage.collage-lower {
    width: 33.33333%; }
    .pickup__collage.collage-lower.w50 {
      width: 50%; }
  .pickup__collage .w100 {
    display: block; }

/*****SUB DIRECTORIES*****/
.subdir__bb {
  height: 500px;
  overflow: hidden;
  color: #fff;
  text-shadow: 0 0 10px #000; }
  .subdir__bb .subdir__title {
    margin-top: 250px;
    font-size: 36px;
    font-size: 2.25rem;
    letter-spacing: 0.1em; }
  .subdir__bb .description {
    font-size: 21px;
    font-size: 1.3125rem; }
  .subdir__bb .description.pull-right {
    margin-top: 270px; }

/*****plan*****/
.bb-plan {
  background: url(/images/bb-plan-202111-v2.jpg?20211125) center 45%/cover no-repeat;
  height: 1000px; }
  @media (max-width: 568px) {
    .bb-plan .grid_12 {
      margin: 0;
      width: 100%; } }
  .bb-plan.subdir__bb {
    text-shadow: 1px 1px 0.5em #796a55, -1px 1px 0.5em #796a55, -1px -1px 0.5em #796a55, 1px -1px 3em #796a55; }
    @media (max-width: 568px) {
      .bb-plan.subdir__bb {
        height: 100vw; } }
    .bb-plan.subdir__bb .subdir__title {
      margin-top: 120px; }
      @media (min-width: 569px) {
        .bb-plan.subdir__bb .subdir__title {
          font-size: 54px;
          font-size: 3.375rem; } }
      @media (max-width: 568px) {
        .bb-plan.subdir__bb .subdir__title {
          margin-top: 22vw;
          font-size: 7.5vw; }
          .bb-plan.subdir__bb .subdir__title .font-m {
            font-size: 5vw; } }
      .bb-plan.subdir__bb .subdir__title .of-bigger {
        font-size: 120%; }

.bb-plan__title-main-txt {
  display: inline-block;
  letter-spacing: .3em;
  margin-right: -.6em; }
  .bb-plan__title-main-txt .with-kakko {
    position: relative;
    display: inline-block;
    padding-left: .3em;
    margin-right: .3em; }
    .bb-plan__title-main-txt .with-kakko:before, .bb-plan__title-main-txt .with-kakko:after {
      content: "";
      display: block;
      width: .3em;
      height: .8em;
      position: absolute; }
    .bb-plan__title-main-txt .with-kakko:before {
      border-top: 1px solid;
      border-left: 1px solid;
      top: 0;
      left: 0; }
    .bb-plan__title-main-txt .with-kakko:after {
      border-bottom: 1px solid;
      border-right: 1px solid;
      bottom: 0;
      right: 0; }

.bb-plan__title-caption {
  display: inline-block;
  font-size: 21px;
  font-size: 1.3125rem;
  display: inline-block;
  line-height: 1.2;
  position: relative;
  background: rgba(255, 255, 255, 0.9);
  color: #796a55;
  text-shadow: none;
  padding: .5em 1em .05em;
  -webkit-box-shadow: 1px 1px 1em #fff, -1px 1px 1em #fff, 1px -1px 1em #fff, -1px -1px 1em #fff;
          box-shadow: 1px 1px 1em #fff, -1px 1px 1em #fff, 1px -1px 1em #fff, -1px -1px 1em #fff;
  border-radius: 5px; }
  @media (min-width: 569px) {
    .bb-plan__title-caption {
      margin-top: 1em; } }
  @media (max-width: 568px) {
    .bb-plan__title-caption {
      font-size: 14px;
      font-size: 0.875rem;
      margin-top: 36vw; } }
  .bb-plan__title-caption .of-caption-txt {
    letter-spacing: .5em;
    margin-right: -.5em;
    white-space: nowrap; }
  .bb-plan__title-caption .of-price-num {
    letter-spacing: .05em;
    line-height: 1; }
    @media (min-width: 569px) {
      .bb-plan__title-caption .of-price-num {
        font-size: 60px; } }
    @media (max-width: 568px) {
      .bb-plan__title-caption .of-price-num {
        font-size: 45px; } }
@media (min-width: 569px) {
  .plan-index-intro {
    background: rgba(255, 255, 255, 0.8);
    margin-top: -260px; } }

.bb-plan-category {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 25vw;
  text-shadow: #604c3f 1px 1px 10px, #604c3f -1px 1px 10px, #604c3f 1px -1px 10px, #604c3f -1px -1px 10px;
  margin-bottom: 60px;
  letter-spacing: .1em;
  position: relative; }
  @media (max-width: 568px) {
    .bb-plan-category {
      height: 150vw;
      margin-bottom: 20px; } }
  .bb-plan-category.of-tyokusoushiki {
    background: url(/images/thumb-plan-tyokusoushiki-top.jpg) center center/cover no-repeat; }
    @media (max-width: 568px) {
      .bb-plan-category.of-tyokusoushiki {
        background: url(/images/thumb-plan-jikisou.jpg) center center/cover no-repeat; } }
  .bb-plan-category.of-ichinichisou {
    background: url(/images/thumb-plan-precious-top.jpg) center center/cover no-repeat; }
    @media (max-width: 568px) {
      .bb-plan-category.of-ichinichisou {
        background: url(/images/thumb-plan-ichinichisou02.jpg) center center/cover no-repeat; } }
  .bb-plan-category.of-kazokusou {
    background: url(/images/thumb-plan-kazokusou-top.jpg) center center/cover no-repeat; }
    @media (max-width: 568px) {
      .bb-plan-category.of-kazokusou {
        background: url(/images/thumb-plan-kazokusou.jpg) center center/cover no-repeat; } }
  .bb-plan-category.of-ippansou {
    background: url(/images/thumb-plan-ippansou-top.jpg) center center/cover no-repeat; }
    @media (max-width: 568px) {
      .bb-plan-category.of-ippansou {
        background: url(/images/thumb-plan-ippansou-main.jpg) center center/cover no-repeat; } }
  .bb-plan-category.of-shikisai {
    background: url(/images/bb-plan-category--shikisai.jpg) center center/cover no-repeat; }
    @media (max-width: 568px) {
      .bb-plan-category.of-shikisai {
        background: url(/images/bb-plan-category--shikisai-c--tate.jpg) center center/cover no-repeat; } }
  .bb-plan-category:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(35, 24, 21, 0.3); }
  .bb-plan-category__container {
    color: #fff;
    text-align: center;
    position: relative; }
  .bb-plan-category__title {
    font-size: 42px;
    font-size: 2.625rem; }
    @media (max-width: 568px) {
      .bb-plan-category__title {
        font-size: 33px;
        font-size: 2.0625rem; } }
  .bb-plan-category__sub-title {
    font-size: 18px;
    font-size: 1.125rem; }
    @media (max-width: 568px) {
      .bb-plan-category__sub-title {
        font-size: 16px;
        font-size: 1rem; } }
  .bb-plan-category__description {
    font-size: 18px;
    font-size: 1.125rem; }
    .bb-plan-category__description__sub-txt {
      font-size: 14px;
      font-size: 0.875rem; }
      @media (max-width: 568px) {
        .bb-plan-category__description__sub-txt {
          font-size: 12px;
          font-size: 0.75rem; } }
.plan-summary {
  padding-top: 0;
  margin-top: 30px;
  line-height: 1.2em; }
  .plan-summary h3 {
    margin: 0; }
  .plan-summary .bordered {
    padding: 0 10px; }
  .plan-summary p.bordered {
    margin-top: 10px;
    margin-bottom: 10px; }
  .plan-summary .btn {
    margin: 5px 10px 0 0;
    padding: .7em 1em; }
  .plan-summary__pickup {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end; }
    .plan-summary__pickup__header {
      width: 100%; }
    .plan-summary__pickup__img-box {
      width: 40%; }
      @media (max-width: 568px) {
        .plan-summary__pickup__img-box {
          display: none; } }
      .plan-summary__pickup__img-box img {
        display: block; }
    .plan-summary__pickup__txt-box {
      width: 60%;
      padding-left: 20px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      @media (max-width: 568px) {
        .plan-summary__pickup__txt-box {
          width: 100%;
          padding: 0 10px; } }
      @media (max-width: 568px) {
        .plan-summary__pickup__txt-box__title {
          text-align: center; } }
    .plan-summary__pickup p {
      line-height: 1.5; }
    @media (max-width: 568px) {
      .plan-summary__pickup .tbl-bordered {
        margin-bottom: 20px;
        font-size: 12px;
        font-size: 0.75rem; } }
    .plan-summary__pickup .tbl-bordered tr {
      border-color: #e9eaf7; }
      @media (max-width: 568px) {
        .plan-summary__pickup .tbl-bordered tr:last-child {
          border: none;
          padding-bottom: 0; } }
    .plan-summary__pickup .tbl-bordered th, .plan-summary__pickup .tbl-bordered td {
      padding-left: 5px;
      padding-right: 5px; }
    .plan-summary__pickup .tbl-bordered th {
      background: #e9eaf7;
      padding: 5px; }
    @media (min-width: 569px) {
      .plan-summary__pickup .includes-upper-box {
        display: flex;
        align-items: center;
        justify-content: space-between; } }
    .plan-summary__pickup .includes-upper {
      padding: 0 2px;
      text-align: center; }
      @media (max-width: 568px) {
        .plan-summary__pickup .includes-upper {
          display: inline-block; }
          .plan-summary__pickup .includes-upper br {
            display: none; }
          .plan-summary__pickup .includes-upper:after {
            content: "、";
            display: inline-block; }
          .plan-summary__pickup .includes-upper:last-child:after {
            display: none; } }
    .plan-summary__pickup .includes-lower-box {
      font-size: 12px;
      font-size: 0.75rem; }
    .plan-summary__pickup .total-price-box-wrap {
      display: flex;
      justify-content: center; }
    .plan-summary__pickup .total-price-box {
      text-align: right; }
    .plan-summary__pickup .member-price, .plan-summary__pickup .normal-price {
      margin: 0; }
    @media (max-width: 568px) {
      .plan-summary__pickup .member-price .subtitle {
        font-size: 18px;
        font-size: 1.125rem; } }
    @media (max-width: 568px) {
      .plan-summary__pickup .member-price .font-xl {
        font-size: 45px;
        font-size: 2.8125rem;
        line-height: 1.2; } }
    .plan-summary__pickup ul.list--blue-labels li .blue-label {
      background: #8f92b4; }
    .plan-summary__pickup ul.list--blue-labels2 {
      margin: 0 -5px -5px; }
      .plan-summary__pickup ul.list--blue-labels2 li .blue-label {
        background: #b5aec7; }
    .plan-summary__pickup .btn-blue {
      margin-top: 30px; }

.tbl--plan-info .title {
  font-size: 12px;
  font-size: 0.75rem; }

.plan-example {
  margin-top: 60px; }
  .plan-example__headline {
    position: relative;
    text-align: center; }
    .plan-example__headline:before {
      content: "";
      display: block;
      width: 100%;
      height: 3px;
      background: #161b61;
      position: absolute;
      top: 50%;
      left: 0;
      -webkit-transform: translate(0, -50%);
      transform: translate(0, -50%); }
    .plan-example__headline span {
      position: relative;
      background: #fff;
      padding: 0 .5em; }
  @media (max-width: 568px) {
    .plan-example__list--beigebox .grid_4 {
      width: 100%;
      margin: 0; }
    .plan-example__list--beigebox li {
      display: flex;
      align-items: center;
      position: relative;
      padding: 0;
      border-radius: 0;
      margin: 0 0 1px;
      height: 90px; }
      .plan-example__list--beigebox li .img-box {
        display: block;
        width: 33%;
        height: 100%;
        position: relative;
        overflow: hidden; }
        .plan-example__list--beigebox li .img-box img.w100 {
          display: block;
          position: absolute;
          height: 100%;
          width: auto;
          top: 0;
          left: 50%;
          -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0); }
      .plan-example__list--beigebox li .txt-box {
        width: 67%;
        padding: 0 55px 0 10px; }
        .plan-example__list--beigebox li .txt-box .tbl-bordered tr:nth-child(2) {
          border: none; }
      .plan-example__list--beigebox li .btn-box {
        position: absolute;
        top: 50%;
        right: 10px;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%); }
        .plan-example__list--beigebox li .btn-box .btn {
          text-indent: -9999px;
          overflow: hidden;
          margin: 0;
          width: 35px;
          height: 35px;
          border-radius: 50%; } }
body#plan section.section-bold-bordered {
  border-top: 3px solid #161b61;
  padding-top: 60px;
  padding-bottom: 60px;
  margin: 0; }
  body#plan section.section-bold-bordered .container_12 {
    border: none;
    padding-top: 0; }

/*****plan-detail*****/
.close-container {
  background: #161b61;
  padding: 10px; }

.btn-close {
  width: 17px; }

.plan-detail__container .btn-gold {
  margin-bottom: 20px; }
  @media (min-width: 569px) {
    .plan-detail__container .btn-gold {
      padding-top: 1.2em;
      padding-bottom: 1.2em; } }
@media (max-width: 568px) {
  .plan-detail__container .tbl-bordered {
    margin-bottom: 20px;
    font-size: 12px;
    font-size: 0.75rem; } }

.plan-detail__container .tbl-bordered tr {
  border-color: #e9eaf7; }
  @media (max-width: 568px) {
    .plan-detail__container .tbl-bordered tr:last-child {
      border: none;
      padding-bottom: 0; } }
.plan-detail__container .tbl-bordered th, .plan-detail__container .tbl-bordered td {
  padding-left: 5px;
  padding-right: 5px; }

.plan-detail__container .tbl-bordered th {
  background: #e9eaf7;
  padding: 5px; }

@media (min-width: 569px) {
  .plan-detail__price-hikaku-box {
    display: flex;
    justify-content: space-between;
    align-items: flex-end; } }

.price-example {
  letter-spacing: 0.1em;
  padding: 0 20px; }
  .price-example .arw {
    width: 40px;
    margin: 0 100px; }

.plan__misc h2 {
  float: left; }

.plan__misc ul.list--blue-labels {
  border-bottom: 1px dotted;
  padding-bottom: 20px;
  margin-bottom: 20px; }

.plan__misc ul.list--labels {
  float: right; }
  .plan__misc ul.list--labels li {
    display: inline-block;
    margin: 0 5px 10px;
    line-height: 1.2em;
    vertical-align: top; }
    .plan__misc ul.list--labels li .label--gold {
      background: #776954;
      color: #fff;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      padding: 5px 3px; }
    .plan__misc ul.list--labels li .label--silver {
      background: #727171;
      color: #fff;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      padding: 10px 3px;
      font-size: 18px;
      font-size: 1.125rem; }
    .plan__misc ul.list--labels li.arw {
      color: #ccc;
      margin: 10px 0; }

.plan__misc ul.list--thumbs li {
  float: left;
  vertical-align: top;
  width: 9.090909%; }
  .plan__misc ul.list--thumbs li img {
    max-width: 100%; }

.plan__misc ul.list--thumbs2 li {
  float: left;
  vertical-align: top;
  width: 16.66666%; }
  .plan__misc ul.list--thumbs2 li img {
    max-width: 100%; }
  .plan__misc ul.list--thumbs2 li.grid_2 {
    width: 140px; }

.voice {
  width: 690px; }

.voice-left {
  background: url(/images/bg-voice-left.png) left top no-repeat;
  padding: 15px 25px 15px 55px; }

.voice-right {
  background: url(/images/bg-voice-right.png) left top no-repeat;
  padding: 15px 60px 15px 20px;
  margin-left: 180px; }

.plan__bottom-contact {
  padding: 0 0 60px; }
  .plan__bottom-contact .contact-wrap {
    border: 3px solid #B39F89;
    padding: 3px;
    background: #D9CFC4;
    border-radius: 5px; }
    .plan__bottom-contact .contact-wrap .contact-inner {
      border: 1px solid #B39F89;
      padding: 20px;
      color: #3E3A39;
      text-align: center; }
      .plan__bottom-contact .contact-wrap .contact-inner p {
        letter-spacing: 0.1em; }
        @media (max-width: 568px) {
          .plan__bottom-contact .contact-wrap .contact-inner p {
            line-height: 1.4; } }
      .plan__bottom-contact .contact-wrap .contact-inner .tel {
        display: block;
        font-size: 42px;
        font-size: 2.625rem;
        color: #161b61;
        letter-spacing: .1em;
        font-weight: bold;
        margin-bottom: 10px; }
        @media (max-width: 568px) {
          .plan__bottom-contact .contact-wrap .contact-inner .tel {
            font-size: 8vw; } }
        .plan__bottom-contact .contact-wrap .contact-inner .tel .label {
          font-size: 14px;
          font-size: 0.875rem;
          line-height: 1.2em;
          display: inline-block; }
          @media (max-width: 568px) {
            .plan__bottom-contact .contact-wrap .contact-inner .tel .label {
              display: block; } }
        .plan__bottom-contact .contact-wrap .contact-inner .tel .tel-num {
          background: url(/images/logo--freedial.png) left center no-repeat;
          background-size: auto 30px;
          padding-left: 55px; }
      .plan__bottom-contact .contact-wrap .contact-inner .btn-blue {
        margin-top: 10px;
        padding: .5em 2em; }
        @media (min-width: 569px) {
          .plan__bottom-contact .contact-wrap .contact-inner .btn-blue {
            min-width: 260px;
            font-size: 21px;
            font-size: 1.3125rem; } }
        @media (max-width: 568px) {
          .plan__bottom-contact .contact-wrap .contact-inner .btn-blue {
            padding: 1em;
            font-size: 15px;
            font-size: 0.9375rem;
            display: block; } }
.plan-detail__plan-categories__headline {
  text-align: center;
  color: #161b61;
  font-size: 18px;
  font-size: 1.125rem; }
  @media (max-width: 568px) {
    .plan-detail__plan-categories__headline {
      font-size: 16px;
      font-size: 1rem; } }
.plan-detail__plan-categories-list {
  margin: 0;
  padding: 0; }
  @media (min-width: 569px) {
    .plan-detail__plan-categories-list {
      display: flex;
      align-items: center; } }
  .plan-detail__plan-categories-list li {
    list-style: none; }
    @media (min-width: 569px) {
      .plan-detail__plan-categories-list li {
        width: 20%;
        height: 240px; } }
    @media (max-width: 568px) {
      .plan-detail__plan-categories-list li {
        height: 120px;
        margin-bottom: 1px; } }
    .plan-detail__plan-categories-list li.of-tyokusou {
      background: url(/images/thumb-plan-tyokusoushiki-top.jpg) center center/cover no-repeat; }
    .plan-detail__plan-categories-list li.of-ichinichisou {
      background: url(/images/thumb-plan-precious-top.jpg) center center/cover no-repeat; }
    .plan-detail__plan-categories-list li.of-kazokusou {
      background: url(/images/thumb-plan-kazokusou-top.jpg) center center/cover no-repeat; }
    .plan-detail__plan-categories-list li.of-ippansou {
      background: url(/images/thumb-plan-ippansou-top.jpg) center center/cover no-repeat; }
    .plan-detail__plan-categories-list li.of-shikisai {
      background: url(/images/shikisai-a-collage.jpg) center center/cover no-repeat; }
    .plan-detail__plan-categories-list li .list-item {
      background: rgba(35, 24, 21, 0.3);
      color: #fff;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 10px;
      height: 100%;
      text-shadow: #604c3f 1px 1px 10px, #604c3f -1px 1px 10px, #604c3f 1px -1px 10px, #604c3f -1px -1px 10px;
      position: relative; }
      @media (max-width: 568px) {
        .plan-detail__plan-categories-list li .list-item {
          display: flex;
          align-items: center;
          justify-content: space-between; } }
      @media (min-width: 569px) {
        .plan-detail__plan-categories-list li .list-item {
          display: block;
          text-align: center;
          padding-top: 60px; } }
      .plan-detail__plan-categories-list li .list-item:hover {
        opacity: 1;
        background: rgba(35, 24, 21, 0.05); }
    .plan-detail__plan-categories-list li .title {
      font-size: 30px;
      font-size: 1.875rem;
      font-weight: bold;
      margin-bottom: 10px; }
    .plan-detail__plan-categories-list li .txt {
      line-height: 1.4; }
      @media (max-width: 568px) {
        .plan-detail__plan-categories-list li .txt {
          font-size: 12px;
          font-size: 0.75rem; } }
      @media (min-width: 569px) {
        .plan-detail__plan-categories-list li .txt {
          font-size: 14px;
          font-size: 0.875rem; } }
    .plan-detail__plan-categories-list li .btn {
      width: 35px;
      height: 35px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media (min-width: 569px) {
        .plan-detail__plan-categories-list li .btn {
          position: absolute;
          bottom: 30px;
          left: 50%;
          -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0); } }
/*****hall*****/
.bb-hall {
  background: url(/images/bb-hall02.jpg) center top no-repeat;
  background-size: cover; }

.hall-description {
  font-size: 1.0rem; }

body#hall-detail .breadcrumbs {
  margin-top: 140px; }

/*****contact*****/
.bb-contact {
  background: url(/images/bb-contact.jpg) center bottom no-repeat;
  background-size: cover; }

.btn-tab .btn-gold {
  background: #eeefef;
  color: #c0b7ab;
  width: 260px; }
  .btn-tab .btn-gold.active {
    background: #b2a698;
    color: #fff; }
  .btn-tab .btn-gold:hover {
    cursor: pointer;
    opacity: 0.5;
    -webkit-transition: opacity .2s ease 0;
    transition: opacity .2s ease 0; }

body#contact .tbl-gold {
  margin-bottom: 2px; }
  body#contact .tbl-gold th {
    width: 33%; }

body#contact .beige-bg {
  padding: 20px; }

/*****privacypolicy*****/
.bb-privacypolicy {
  background: url(/images/bb-company.jpg) center top no-repeat;
  background-size: cover; }

/*****company*****/
body#company .address {
  line-height: 1.5em;
  margin: 0 0 10px; }

/*****column*****/
.bb-column {
  background: url(/images/bb-column.jpg) left top no-repeat;
  background-size: cover; }

.column-index__main {
  border-top: 3px solid #161b61; }

.column-list {
  margin: 0 -10px !important;
  display: flex;
  flex-wrap: wrap; }
  .column-list .list__unit {
    width: 33.33333%;
    padding: 0 10px 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .column-list .list__unit a {
      display: block;
      position: relative;
      background: #B39F89;
      border-radius: 5px;
      overflow: hidden;
      color: #fff;
      font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
      text-align: center;
      -webkit-transition: all .2s ease;
      transition: all .2s ease; }
      .column-list .list__unit a.unit-comingsoon:hover {
        opacity: 1; }
      .column-list .list__unit a:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition: all .2s ease;
        transition: all .2s ease; }
    .column-list .list__unit .thumb {
      width: 100%;
      display: block;
      border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
    .column-list .list__unit .title {
      display: block;
      padding: 15px 10px;
      line-height: 1.4; }
    .column-list .list__unit .overlay {
      position: absolute;
      top: 0;
      left: 0;
      background: rgba(0, 0, 0, 0.5);
      width: 100%;
      height: 100%;
      font-size: 12px;
      font-size: 0.75rem;
      padding-top: 30%; }
  .column-list.bottom__column-list .list__unit {
    width: 25%; }

.column__bottom-contact {
  padding: 0 0 60px; }
  .column__bottom-contact .contact-wrap {
    border: 3px solid #B39F89;
    padding: 3px;
    background: #D9CFC4;
    border-radius: 5px; }
    .column__bottom-contact .contact-wrap .contact-inner {
      border: 1px solid #B39F89;
      padding: 20px;
      color: #3E3A39;
      text-align: center; }
      .column__bottom-contact .contact-wrap .contact-inner p {
        letter-spacing: 0.1em; }
      .column__bottom-contact .contact-wrap .contact-inner .tel {
        display: block;
        font-size: 42px;
        font-size: 2.625rem;
        color: #fff;
        text-shadow: 0 1px 2px #3E3A39; }
      .column__bottom-contact .contact-wrap .contact-inner .btn-contact {
        background: #F0D57A;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#F0D57A), to(#E58E37));
        background-image: linear-gradient(to bottom, #F0D57A, #E58E37);
        color: #fff;
        min-width: 260px;
        border-radius: 5px;
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
        -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
        -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
        display: inline-block;
        margin-top: 20px; }

.column-index__side .ranking-list {
  background: #EEE9DF;
  border-radius: 5px;
  overflow: hidden;
  margin: 0; }
  .column-index__side .ranking-list .ranking__title {
    background: #161b61;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    line-height: 1.4em;
    margin: 0 0 20px; }
  .column-index__side .ranking-list .ranking__unit {
    margin: 0 20px 30px;
    padding: 0;
    position: relative; }
    .column-index__side .ranking-list .ranking__unit a {
      text-align: center;
      display: block;
      position: relative;
      background: #B39F89;
      border-radius: 5px;
      overflow: hidden;
      font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
      text-align: center;
      -webkit-transition: all .2s ease;
      transition: all .2s ease; }
      .column-index__side .ranking-list .ranking__unit a .thumb {
        width: 100%;
        display: block;
        border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
      .column-index__side .ranking-list .ranking__unit a .title {
        color: #fff;
        display: block;
        padding: 15px 10px;
        line-height: 1.4; }
      .column-index__side .ranking-list .ranking__unit a:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition: all .2s ease;
        transition: all .2s ease; }
    .column-index__side .ranking-list .ranking__unit .badge {
      position: absolute;
      top: -15px;
      left: -15px;
      width: 50px; }

.column__question .question__img {
  height: 200px;
  display: block;
  float: left;
  margin-left: 80px; }

.column__question .question__detail {
  background: url(/images/balloon.png) center center no-repeat;
  width: 230px;
  height: 225px;
  text-align: center;
  float: left;
  font-size: 18px;
  font-size: 1.125rem;
  display: table;
  margin: -50px 0 0 50px; }
  .column__question .question__detail .detail__inner {
    display: table-cell;
    vertical-align: middle; }
    .column__question .question__detail .detail__inner span {
      display: block;
      margin-left: 5px; }

.column__answer {
  border: 2px solid #101345;
  border-radius: 10px;
  padding: 30px;
  position: relative; }
  .column__answer .answer__img {
    height: 160px;
    display: block;
    position: absolute;
    bottom: 0;
    right: 40px; }

.bb-column1 {
  background: url(/images/bb-column1.jpg) center center no-repeat;
  background-size: cover; }

.illust-kouden {
  height: 200px;
  display: block;
  float: right;
  margin-right: 40px; }

.beige-area {
  background: #EEE9DF;
  border-radius: 5px;
  padding: 20px;
  margin: 30px 30px 0 0; }

table.tbl-blue {
  width: 80%; }
  table.tbl-blue thead th {
    background: #54588B;
    color: #fff; }
  table.tbl-blue thead td {
    background: #E7E8EF; }
  table.tbl-blue tbody th {
    background: #A2A4C0; }
  table.tbl-blue th, table.tbl-blue td {
    border: 1px solid #161B61;
    padding: 5px 10px; }
  table.tbl-blue.w100 {
    width: 100%; }

.illust-nakabukuro {
  height: 245px;
  float: right; }

.bb-column2 {
  background: url(/images/bb-column2.jpg) center top no-repeat;
  background-size: cover; }

.bb-column3 {
  background: url(/images/bb-column3.jpg) center center no-repeat;
  background-size: cover; }

table.tbl-purple {
  width: 100%; }
  table.tbl-purple th.th1 {
    background: #9b8cc2;
    color: #fff; }
  table.tbl-purple th.th2 {
    background: #ebe8f3; }
  table.tbl-purple th, table.tbl-purple td {
    border: 1px solid #000;
    padding: 5px 10px; }

.font-purple {
  color: #9b8cc2; }

.label-purple {
  background: #9b8cc2;
  color: #fff;
  padding: 2px 5px; }

table.tbl-orange {
  width: 100%; }
  table.tbl-orange th.th1 {
    background: #f4a219;
    color: #fff; }
  table.tbl-orange th.th2 {
    background: #fef4e5; }
  table.tbl-orange th, table.tbl-orange td {
    border: 1px solid #000;
    padding: 5px 10px; }

.font-orange {
  color: #f4a219; }

.bb-column-katamiwake {
  background: url(/images/bb-katamiwake.jpg) center top no-repeat;
  background-size: cover; }

ul.katamiwake-illusts, ul.okotsu-illusts {
  margin: 0;
  padding: 0;
  text-align: center; }
  ul.katamiwake-illusts li, ul.okotsu-illusts li {
    display: inline-block;
    margin: 0 20px; }
    ul.katamiwake-illusts li img, ul.okotsu-illusts li img {
      height: 157px; }

.blue-area {
  background: #d0d1df;
  padding: 20px 30px; }
  .blue-area p {
    margin: 0; }

.bb-column-obon {
  background: url(/images/bb-obon.jpg) center center no-repeat;
  background-size: cover; }

.title--bluegray-bg {
  background: #d0d1df;
  text-align: center;
  padding: 20px 0;
  margin-top: 20px; }
  .title--bluegray-bg .label {
    height: 100px;
    margin-top: -80px;
    margin-bottom: -20px;
    margin-left: -100px; }

table.tbl-blue2 th {
  background: #A2A4C0;
  color: #fff;
  padding: 10px;
  height: 35px; }

table.tbl-blue2 td {
  vertical-align: middle;
  padding: 30px; }

table.tbl-blue2 th, table.tbl-blue2 td {
  border: 1px solid #A2A4C0; }

.bb-column-noukotsu {
  background: url(/images/bb-noukotsu.jpg) right top no-repeat;
  background-size: cover; }

.bb-column-greeting {
  background: url(/images/bb-greeting.jpg) center center no-repeat;
  background-size: cover; }

.accordion .accordion__title {
  background: #8789a2;
  color: #fff;
  text-align: center;
  padding: 10px 0;
  margin: 0; }
  .accordion .accordion__title:hover {
    cursor: pointer; }

.accordion .accordion__detail {
  border: 2px solid #8789a2;
  padding: 20px 0;
  margin: 0;
  display: none; }
  .accordion .accordion__detail > img {
    display: block;
    margin: 0 auto; }
    .accordion .accordion__detail > img.show-on-mobile {
      display: none; }

.greeting-kenpai {
  width: 608px; }

.greeting-otsuya {
  width: 670px; }

.greeting-kokubetsushiki-short {
  width: 647px; }

.greeting-kokubetsushiki-long {
  width: 515px; }

.bb-column-arabon {
  background: url(/images/bb-arabon.jpg) center center no-repeat;
  background-size: cover; }

.bb-column-juzu {
  background: url(/images/bb-juzu.jpg) center center no-repeat;
  background-size: cover; }

.bb-column-kazari {
  background: url(/images/bb-kazari.jpg) center center no-repeat;
  background-size: cover; }

.bb-column-syoukou {
  background: url(/images/column/syoukou/bb.jpg) left bottom no-repeat;
  background-size: cover; }

.double-bordered-area {
  border: 4px double #c9bc9c;
  padding: 20px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.juzu-photo {
  max-width: 300px;
  display: block;
  margin: 0 auto; }

.column__intro {
  border: 8px solid #F0D57A;
  padding: 20px;
  background: rgba(240, 213, 122, 0.5); }

/* syoukou */
.makkou-and-senkou {
  width: 320px;
  max-width: 100%;
  display: block;
  margin: 0 auto 20px; }

ul.syoukou-flow-list li {
  text-align: center;
  line-height: 1.4; }
  ul.syoukou-flow-list li > div {
    float: left;
    width: 33.33333%;
    padding: 0 10px 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  ul.syoukou-flow-list li:nth-child(3n):after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    visibility: hidden;
    clear: both; }
  ul.syoukou-flow-list li .thumb {
    width: 80%;
    display: block;
    margin: 0 auto 10px; }

/* kitoku */
.bb-column-kitoku {
  background: url(/images/column/qa1/bb.jpg) center top no-repeat;
  background-size: cover; }

/* sougisha */
.bb-column-sougisha {
  background: url(/images/column/qa2/bb.jpg) center center no-repeat;
  background-size: cover; }

/* ohitorisama */
.bb-column-ohitorisama {
  background: url(/images/column/qa3/bb.jpg) center center no-repeat;
  background-size: cover; }

/* qa4 */
.bb-column-qa4 {
  background: url(/images/column/qa4/bb.jpg) center center no-repeat;
  background-size: cover; }

/* qa5 */
.bb-column-qa5 {
  background: url(/images/column/qa5/bb.jpg) center center no-repeat;
  background-size: cover; }

/* qa6 */
.bb-column-qa6 {
  background: url(/images/column/qa6/bb.jpg) center center no-repeat;
  background-size: cover; }

/* qa7 */
.bb-column-qa7 {
  background: url(/images/column/qa7/bb.jpg) center center no-repeat;
  background-size: cover; }

/* qa8 */
.bb-column-qa8 {
  background: url(/images/column/qa8/bb.jpg) center top no-repeat;
  background-size: cover; }

/***** magazine *****/
body#magazine section {
  padding-top: 140px;
  margin-top: -110px; }

.bb-magazine {
  background: url(/images/bb-service.jpg) center top no-repeat;
  background-size: cover; }
  .bb-magazine.subdir__bb {
    height: 300px; }
    .bb-magazine.subdir__bb .subdir__title {
      margin-top: 150px; }

.magazine__to-backnumber {
  margin: 10px 0;
  display: inline-block;
  background: url(/images/arw-left.png) left 45% no-repeat;
  background-size: auto 9px;
  padding-left: 15px;
  vertical-align: top; }

.magazine__index a {
  display: block;
  -webkit-transition: all .2s ease;
  transition: all .2s ease; }

.magazine__index a:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transition: all .2s ease;
  transition: all .2s ease; }

.magazine__index .grid_3:first-child a {
  position: relative; }

.magazine__index .grid_3:first-child a:after {
  content: "";
  display: block;
  width: 45px;
  height: 45px;
  position: absolute;
  top: 0;
  left: 0;
  background: url(/images/tag--new.png) center center no-repeat;
  background-size: cover; }

/********************STATE************************/
.align-center {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  display: block; }

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

.align-right, .align-right-on-pc {
  text-align: right; }

.font-s {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.5em; }

.font-12pt {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5em; }

.font-14pt {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5em; }

.font-m {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5em; }

.font-18pt {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5em; }

.font-l {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 1.5em; }

.font-ll {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 1.5em; }

.font-xl {
  font-size: 42px;
  font-size: 2.625rem;
  line-height: 1.5em; }

.font-xxl {
  font-size: 48px;
  font-size: 3rem;
  line-height: 1.5em; }

.font-default {
  font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", YuGothic, "游ゴシック", Meiryo, "メイリオ", "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
  line-height: 1.8em; }

.font-gold {
  color: #796a55; }

.font-blue {
  color: #161b61; }

.font-green {
  color: #009139; }

.display-none {
  display: none; }

.mincho {
  font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; }

.no-margin {
  margin: 0; }

.pull-left, .pull-left-pc {
  float: left; }

.pull-right, .pull-right-pc {
  float: right; }

.show-on-mobile, .u-show-on-mobile {
  display: none; }

.subsection {
  padding-bottom: 20px; }
  .subsection.subsection--x3 {
    padding-bottom: 60px; }

.underlined {
  border-bottom: 1px solid; }

.w100, .u-w100 {
  width: 100%; }

.w80 {
  width: 90%;
  margin-right: auto;
  margin-left: auto; }

ul.reset {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.member-apply-section .btn-blue {
  width: 300px;
  padding: .7em; }

table.kaiin-form th, table.kaiin-form td {
  padding: 10px;
  text-align: left; }

.nyuukai-flow-list {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 -30px 30px;
  padding: 0; }
  @media (max-width: 568px) {
    .nyuukai-flow-list {
      margin: 0 -10px 30px; } }
  .nyuukai-flow-list li {
    list-style: none;
    margin: 0 30px;
    width: 120px;
    height: 120px;
    border: 4px solid #eee9df;
    background: #eee9df;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    flex-wrap: wrap;
    text-align: center;
    color: #796a55;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.4; }
    @media (max-width: 568px) {
      .nyuukai-flow-list li {
        margin: 0 10px;
        width: 25vw;
        height: 25vw;
        border-width: 3px;
        font-size: 12px;
        font-size: 0.75rem; } }
    .nyuukai-flow-list li .step-label {
      display: inline-block;
      margin-bottom: .5em; }
    .nyuukai-flow-list li:after {
      content: "▶";
      color: #796a55;
      position: absolute;
      top: 50%;
      left: 100%;
      -webkit-transform: translate(0, -50%);
      transform: translate(0, -50%);
      margin-left: 30px;
      font-size: 12px;
      font-size: 0.75rem; }
      @media (max-width: 568px) {
        .nyuukai-flow-list li:after {
          margin-left: 8px;
          font-size: 10px;
          font-size: 0.625rem; } }
    .nyuukai-flow-list li.current {
      border-color: #b2a698; }
    .nyuukai-flow-list li:last-child:after {
      display: none; }

@media (min-width: 569px) {
  .paypal-anshin-form-wrap {
    width: 530px;
    margin-left: -25px; } }

.paypal-anshin-form-wrap iframe {
  display: block;
  border: none; }

@media screen and (max-width: 567px) {
  /***********************LAYOUT mobile***************************/
  header.subdir-header {
    height: auto;
    background: transparent; }
  footer .footer__info {
    text-align: center; }
    footer .footer__info .tel-container {
      padding-bottom: 20px; }
      footer .footer__info .tel-container .tel {
        background: #fff;
        border-radius: 5px;
        padding: 10px 20px 7px;
        margin-top: 5px;
        display: inline-block;
        -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
        -ms-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
        -o-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
        box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); }
      footer .footer__info .tel-container .tel-num {
        font-size: 27px;
        font-size: 1.6875rem;
        white-space: nowrap;
        margin: 0; }
      footer .footer__info .tel-container .footer__tel__notis {
        width: 210px;
        margin: 15px auto 0; }
    footer .footer__info ul.footer__buttons {
      display: block; }
      footer .footer__info ul.footer__buttons li {
        display: block;
        width: 100%; }
        footer .footer__info ul.footer__buttons li .btn {
          font-size: 12px;
          font-size: 0.75rem;
          width: 100%;
          padding-right: 0;
          padding-left: 0;
          margin: 10px 0 0; }
  footer .footer__bottom {
    padding-bottom: 60px; }
    footer .footer__bottom .footer__nav, footer .footer__bottom .copyright {
      float: none;
      text-align: center;
      display: block; }
  /***********************MODULE mobile***************************/
  .tbl-gold th, .tbl-gold td {
    padding: 5px; }
  .tbl--list-on-mobile tr, .tbl--list-on-mobile th, .tbl--list-on-mobile td {
    display: block; }
  .tbl--list-on-mobile tr {
    padding: 5px 0; }
  .tbl--list-on-mobile th, .tbl--list-on-mobile td {
    padding: 0; }
  .tbl--list-on-mobile.tbl-bordered tr {
    border-bottom: 1px solid rgba(191, 194, 229, 0.3); }
    .tbl--list-on-mobile.tbl-bordered tr:first-child {
      border: none;
      padding-top: 0; }
  .tbl--list-on-mobile.tbl--price-sample .align-right-on-pc {
    margin-left: 1em;
    margin-top: 5px; }
  .tbl--list-on-mobile.tbl--price-sample .plan-subtitle {
    display: block;
    margin-top: 10px;
    margin-bottom: -20px;
    text-align: left; }
  .tbl--plan-info .title {
    font-size: 10px;
    font-size: 0.625rem;
    display: block; }
  .breadcrumbs {
    margin: 0;
    padding-top: 50px;
    font-size: 14px;
    font-size: 0.875rem; }
  /*****z-index mobile*****/
  .m-header__nav {
    z-index: 100; }
  /*****nav mobile*****/
  .m-header__nav {
    position: fixed;
    width: 100%;
    background: #161b61;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#161b61), to(#070C56));
    background-image: linear-gradient(to bottom, #161b61, #070C56);
    color: #fff; }
    .m-header__nav .logo-wrap .logo {
      width: 65px;
      display: block;
      margin: 5px 15px;
      float: left; }
    .m-header__nav .logo-wrap span {
      color: #fff;
      font-size: 12px;
      font-size: 0.75rem;
      float: left;
      display: block;
      margin: 10px 0; }
    .m-header__nav .m-menu-btn {
      float: right;
      margin: 15px 15px 10px 0; }
      .m-header__nav .m-menu-btn > div {
        background: #fff;
        width: 30px;
        height: 3px;
        margin-bottom: 5px;
        border-radius: 1px;
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px; }
    .m-header__nav .m-menu {
      display: none;
      background: #161b61; }
      .m-header__nav .m-menu ul {
        padding: 0;
        margin: 0; }
        .m-header__nav .m-menu ul li {
          list-style-type: none;
          border-top: 1px solid rgba(255, 255, 255, 0.1);
          text-align: center; }
          .m-header__nav .m-menu ul li a {
            color: #fff;
            padding: 5px 10px;
            display: block; }
  .grandnav {
    position: absolute;
    background: rgba(255, 255, 255, 0.65);
    padding: 0;
    top: -187px; }
    .grandnav .grid_12, .grandnav .grid_8 {
      margin: 0;
      width: 100%; }
    .grandnav ul {
      display: block; }
      .grandnav ul li {
        display: block;
        width: 50%;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
        .grandnav ul li:first-child {
          display: none; }
        .grandnav ul li a {
          color: #fff;
          padding: 8px 0;
          display: block;
          border-top: 1px solid rgba(22, 27, 97, 0.1); }
          .grandnav ul li a:nth-child(odd) {
            border-right: 1px solid rgba(22, 27, 97, 0.1); }
        .grandnav ul li.bar {
          display: none; }
    .grandnav .grandnav__tel {
      display: none; }
    .grandnav.grandnav--v2 {
      position: static; }
  /*****list mobile*****/
  .list--beigebox li .btn {
    margin: 10px 10px 0;
    width: auto;
    display: block; }
  ul.list--blue-labels {
    display: block; }
    ul.list--blue-labels li {
      display: block;
      width: 100%;
      margin-bottom: 20px; }
  ul.list--blue-labels2 li {
    width: 50%; }
  .list--goldbox.imgbg--on-mobile li {
    text-align: center;
    position: relative;
    text-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); }
    .list--goldbox.imgbg--on-mobile li .thumb {
      display: block;
      border-bottom: none; }
    .list--goldbox.imgbg--on-mobile li .container {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      margin: 0;
      display: block;
      background: rgba(0, 0, 0, 0.2); }
      .list--goldbox.imgbg--on-mobile li .container .inner {
        display: table;
        height: 100%;
        width: 100%; }
        .list--goldbox.imgbg--on-mobile li .container .inner .cell {
          display: table-cell;
          vertical-align: middle; }
          .list--goldbox.imgbg--on-mobile li .container .inner .cell .title {
            font-size: 27px;
            font-size: 1.6875rem; }
          .list--goldbox.imgbg--on-mobile li .container .inner .cell .btn {
            max-width: 150px;
            margin-right: auto;
            margin-left: auto; }
  /*****TOP mobile*****/
  .top__bb {
    display: none !important; }
  .top__bb--m {
    padding: 50px 0 0;
    margin: 0; }
    .top__bb--m .bb1-v2--m {
      display: block; }
  .top__container {
    height: 472px; }
    .top__container .top__logo {
      position: relative;
      top: 0;
      left: 0;
      margin: 0; }
    .top__container .logo {
      width: 200px;
      top: 70px; }
    .top__container .catch {
      top: 60px;
      font-size: 12px;
      font-size: 0.75rem;
      line-height: 1.4em; }
  .top__container2 {
    height: 472px; }
    .top__container2 .top__logo {
      position: relative;
      top: 0;
      left: 0;
      margin: 0; }
    .top__container2 .logo {
      width: 200px;
      top: 70px; }
    .top__container2 .catch {
      top: 60px;
      font-size: 12px;
      font-size: 0.75rem;
      line-height: 1.4em; }
  .header__news {
    position: absolute;
    top: 430px;
    background: #161b61;
    width: 96%;
    height: 32px;
    padding: 5px 2%; }
    .header__news.header__news--v2 {
      position: static; }
  #top__main__pickup {
    padding-top: 0;
    padding-bottom: 0;
    min-height: 1px; }
    #top__main__pickup .grid_12 {
      margin: 0;
      width: 100%; }
  .pickup__collage {
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .pickup__collage.collage-upper {
      width: 100%; }
  .top-main section {
    padding: 30px 0; }
  .top-section__container {
    font-size: 14px;
    font-size: 0.875rem; }
    .top-section__container .deco {
      margin-bottom: 10px;
      margin-top: 20px; }
    .top-section__container p {
      line-height: 1.8em; }
    .top-section__container .btn {
      margin: 10px auto 0; }
  .title__top-section .alphabet {
    font-size: 27px;
    font-size: 1.6875rem; }
  #top__plan .list--whitebox .btn {
    margin-left: -1px;
    width: 90%;
    padding: 10px 5%;
    display: block; }
  .top__plan__intro {
    width: 100%;
    margin: 20px auto;
    padding: 20px 10px;
    border-radius: 5px; }
    .top__plan__intro .title {
      font-size: 24px;
      font-size: 1.5rem; }
    .top__plan__intro .description {
      font-size: 14px;
      font-size: 0.875rem;
      margin-bottom: 5px; }
    .top__plan__intro .price {
      font-size: 42px;
      font-size: 2.625rem; }
      .top__plan__intro .price .font-m {
        font-size: 21px;
        font-size: 1.3125rem; }
    .top__plan__intro .btn--white {
      min-width: 120px; }
  #top__hall-search {
    padding: 30px 0 0; }
    #top__hall-search .grid_12 {
      width: 100%;
      margin: 0; }
    #top__hall-search .description {
      font-size: 12px;
      font-size: 0.75rem;
      margin-bottom: 0;
      padding-bottom: 30px; }
    #top__hall-search .prayer-hall-wrap {
      background: #fff;
      padding: 0;
      margin-bottom: 0; }
      #top__hall-search .prayer-hall-wrap .title {
        font-size: 18px;
        font-size: 1.125rem;
        background: #796a55;
        padding: 10px 0;
        margin-bottom: 5%; }
      #top__hall-search .prayer-hall-wrap ul li {
        width: 90%;
        margin: 0 5% 5%; }
        #top__hall-search .prayer-hall-wrap ul li a {
          text-align: center;
          height: 165px; }
          #top__hall-search .prayer-hall-wrap ul li a span.ja {
            font-size: 14px;
            font-size: 0.875rem;
            padding-top: 30px; }
          #top__hall-search .prayer-hall-wrap ul li a span.en {
            font-size: 18px;
            font-size: 1.125rem; }
          #top__hall-search .prayer-hall-wrap ul li a .ghostbtn {
            display: inline-block;
            margin: 15px auto 0;
            border: 1px solid;
            border-radius: 5px;
            line-height: 1em;
            padding: 5px 10px;
            color: #fff;
            position: relative;
            font-size: 12px;
            font-size: 0.75rem; }
    #top__hall-search .to-hall-search {
      background: #796a55;
      padding: 20px;
      margin-bottom: 0; }
      #top__hall-search .to-hall-search .title {
        font-size: 18px;
        font-size: 1.125rem; }
      #top__hall-search .to-hall-search .btn {
        width: 100%; }
  /*****SUB DIRECTORIES mobile*****/
  .subdir__bb {
    height: 300px; }
    .subdir__bb .subdir__title {
      margin-top: 140px;
      font-size: 27px;
      font-size: 1.6875rem;
      float: none;
      text-align: center;
      letter-spacing: 0; }
    .subdir__bb .description {
      display: none; }
  /*****plan mobile*****/
  .plan-summary .member-price {
    white-space: nowrap;
    text-align: center; }
    .plan-summary .member-price .subtitle {
      display: block; }
    .plan-summary .member-price .font-ll {
      font-size: 15px;
      font-size: 0.9375rem; }
  .plan-summary .normal-price {
    display: block;
    text-align: center; }
  .plan-summary .btn {
    float: none;
    display: block; }
    .plan-summary .btn.btn-gold {
      margin: 0; }
  body#plan section.section-bold-bordered {
    padding-top: 30px;
    padding-bottom: 30px; }
  /*****plan-detail mobile*****/
  .plan-detail__container h1 {
    margin-bottom: 10px; }
    .plan-detail__container h1 .font-xxl {
      font-size: 30px;
      font-size: 1.875rem; }
    .plan-detail__container h1 .font-ll {
      font-size: 18px;
      font-size: 1.125rem; }
  .plan-detail__container .btn-gold {
    width: auto;
    display: block; }
  .plan-detail__container .ippan-price-box {
    text-align: center; }
  .plan-detail__container .member-price {
    text-align: center;
    margin-top: 20px; }
    .plan-detail__container .member-price span {
      float: none; }
  .plan-detail__situation {
    line-height: 1.8;
    font-size: 13px;
    font-size: 0.8125rem; }
  .plan-detail__estimate .gold-bg {
    margin: 0 5%;
    display: block;
    text-align: center; }
  .price-example {
    text-align: center; }
    .price-example .arw {
      display: none; }
  .voice {
    width: auto; }
  .voice-left, .voice-right {
    background: none;
    padding: 0 0 15px;
    margin: 0;
    border-bottom: 1px solid #161b61; }
  .plan__misc ul.list--thumbs li {
    width: 33.33333%; }
  .plan__misc ul.list--thumbs2 li {
    width: 33.33333%; }
    .plan__misc ul.list--thumbs2 li.grid_2 {
      width: 100%;
      margin: 20px 0 0; }
  /*****hall mobile*****/
  body#hall-detail .breadcrumbs {
    margin-top: 0px; }
  body#hall-detail iframe {
    width: 100%; }
  .hall-description {
    font-size: 0.875rem; }
  /*****contact*****/
  .btn-tab .btn-gold {
    width: auto;
    display: block;
    margin-bottom: 20px; }
  body#contact .tbl-gold {
    margin-bottom: 2px; }
    body#contact .tbl-gold th {
      width: 33%; }
  body#contact .beige-bg {
    padding: 20px; }
  body#contact .btn-blue {
    float: none;
    display: block; }
  table.kaiin-form th, table.kaiin-form td {
    display: block;
    padding: 0; }
  table.kaiin-form td {
    padding: 0 0 20px; }
  /*****hall search mobile*****/
  .hall-search-nav {
    padding: 20px; }
    .hall-search-nav dl dd {
      width: 32%; }
      .hall-search-nav dl dd a {
        padding: 7px 0; }
  .saijo-list-wrap {
    padding: 30px 0; }
  .saijo-label {
    min-width: 80px; }
  table.saijo-info-tbl {
    width: 100%; }
    table.saijo-info-tbl th, table.saijo-info-tbl td {
      padding: 10px 5px; }
    table.saijo-info-tbl th {
      width: auto;
      min-width: 60px; }
  /***** column mobile*****/
  .bb-column {
    background: url(/images/bb-column.jpg) right top no-repeat;
    background-size: cover; }
  .column-list {
    margin: 0 !important; }
    .column-list .list__unit {
      width: 100%;
      height: auto;
      padding: 0 0 20px;
      float: none; }
      .column-list .list__unit .thumb {
        margin-top: -50px; }
      .column-list .list__unit .title {
        position: absolute;
        bottom: 0;
        background: rgba(179, 159, 137, 0.75);
        width: 100%;
        display: block;
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 1.4;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
      .column-list .list__unit .overlay {
        padding-top: 20%; }
    .column-list.bottom__column-list .list__unit {
      width: 100%; }
  .column__question .question__img {
    height: 140px;
    margin-left: 10px; }
  .column__question .question__detail {
    background: url(/images/balloon.png) center center no-repeat;
    background-size: cover;
    width: 155px;
    height: 150px;
    font-size: 13px;
    font-size: 0.8125rem;
    margin: -20px 0 0 0;
    line-height: 1.4em;
    white-space: nowrap; }
  .column__answer {
    padding: 10px; }
    .column__answer p {
      margin-bottom: 5px; }
    .column__answer .answer__img {
      height: 120px;
      right: 10px; }
  .bb-column1 {
    background: url(/images/bb-column1.jpg) right center no-repeat;
    background-size: cover; }
  .illust-kouden {
    height: 140px;
    float: none;
    margin: 0 auto 20px; }
  .beige-area.fusyuugibukuro__beige-area {
    float: none;
    width: 100%;
    margin: 0 0 20px;
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .beige-area {
    padding: 10px;
    margin: 15px 0 0 0; }
  table.tbl-blue {
    width: 100%; }
    table.tbl-blue th, table.tbl-blue td {
      padding: 5px; }
  .illust-nakabukuro {
    height: 163px;
    float: none;
    margin-right: 0;
    display: block;
    margin: 0 auto 20px; }
  ul.katamiwake-illusts li {
    margin: 0 10px; }
    ul.katamiwake-illusts li img {
      height: 120px; }
  .title--bluegray-bg {
    padding: 15px 0;
    position: relative;
    margin-top: 30px; }
    .title--bluegray-bg .label {
      position: absolute;
      height: 60px;
      margin: 0;
      top: -45px;
      left: 0; }
  table.tbl-blue2 th {
    height: auto; }
  table.tbl-blue2 td {
    padding: 15px; }
  .accordion .accordion__detail > img.hide-on-mobile {
    display: none !important; }
  .accordion .accordion__detail > img.show-on-mobile {
    display: block !important; }
  .greeting-kenpai, .greeting-otsuya, .greeting-kokubetsushiki-short, .greeting-kokubetsushiki-long {
    width: 240px; }
  .column__intro {
    padding: 10px; }
  /* syoukou mobile */
  ul.syoukou-flow-list li > div {
    width: 50%;
    padding: 0 5px 30px; }
  ul.syoukou-flow-list li:nth-child(2n):after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    visibility: hidden;
    clear: both; }
  ul.syoukou-flow-list li:nth-child(3n):after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    visibility: hidden;
    clear: none; }
  /***** magazine mobile*****/
  body#magazine section {
    padding-top: 60px;
    margin-top: -30px; }
  .bb-magazine.subdir__bb {
    height: 200px; }
    .bb-magazine.subdir__bb .subdir__title {
      margin-top: 90px; }
  .magazine__index .container_12 {
    padding: 0 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .magazine__index .grid_3 {
    width: 50%;
    margin: 0;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.4em; }
  .magazine__to-backnumber {
    margin-top: 20px; }
  /***********************STATE mobile***************************/
  .align-right-on-pc {
    text-align: left; }
  .hide-on-mobile, .u-hide-on-mobile {
    display: none !important; }
  .show-on-mobile, .u-show-on-mobile {
    display: block; }
  .font-ss--on-mobile {
    font-size: 10px;
    font-size: 0.625rem; }
  .font-s--on-mobile {
    font-size: 12px;
    font-size: 0.75rem; }
  .font-default--on-mobile {
    font-size: 14px;
    font-size: 0.875rem; }
  .font-m--on-mobile {
    font-size: 16px;
    font-size: 1rem; }
  .font-ml--on-mobile {
    font-size: 18px;
    font-size: 1.125rem; }
  .font-ll {
    font-size: 27px;
    font-size: 1.6875rem;
    line-height: 1.5em; }
  .font-xl {
    font-size: 33px;
    font-size: 2.0625rem;
    line-height: 1.5em; }
  .font-xxl {
    font-size: 39px;
    font-size: 2.4375rem;
    line-height: 1.5em; }
  .font-ll--on-mobile {
    font-size: 27px;
    font-size: 1.6875rem;
    line-height: 1.5em; }
  .pull-right-pc, .pull-left-pc {
    float: none; }
  .pull-right-on-mobile {
    float: right; } }

@media screen and (max-width: 320px) {
  .beige-area {
    width: 140px;
    margin-top: 0; } }

.btn-green-gradation {
  background: #bfd36a;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d7e890), to(#bfd36a));
  background-image: linear-gradient(to bottom, #d7e890, #bfd36a);
  border: 1px solid rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }

.btn-yellow-gradation {
  background: #fad12a;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fcdf6b), to(#fad12a));
  background-image: linear-gradient(to bottom, #fcdf6b, #fad12a);
  border: 1px solid rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }

.btn-blue-gradation {
  background: #101e57;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#2b3278), to(#101e57));
  background-image: linear-gradient(to bottom, #2b3278, #101e57);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  color: #fff; }

table.pc__plan-comparison-table {
  width: 100%; }
  table.pc__plan-comparison-table .btn {
    font-size: 14px;
    font-size: 0.875rem; }
  table.pc__plan-comparison-table th, table.pc__plan-comparison-table td {
    line-height: 1.4em;
    border: 1px solid #C3B9AE;
    padding: 10px 5px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap; }
  table.pc__plan-comparison-table th {
    width: 14.5%; }
  table.pc__plan-comparison-table td {
    width: 9.5%; }
  table.pc__plan-comparison-table thead.eu {
    background: #fcd847; }
  table.pc__plan-comparison-table thead.ja {
    background: #ccde80; }
  table.pc__plan-comparison-table thead th {
    color: #604c3f; }
    table.pc__plan-comparison-table thead th .title {
      letter-spacing: 0.3em;
      font-size: 16px;
      font-size: 1rem;
      margin-left: 60px; }
    table.pc__plan-comparison-table thead th .btn {
      margin-left: 10px; }
  table.pc__plan-comparison-table tbody td.col-precious, table.pc__plan-comparison-table tbody td.col-comfort-c {
    border-right: 2px solid #C3B9AE; }
  table.pc__plan-comparison-table tbody tr.plan-titles {
    background: #f3ede6; }
  table.pc__plan-comparison-table tbody tr.plan-prices {
    background: #b5a18c;
    font-size: 16px;
    font-size: 1rem;
    color: #fff; }
  table.pc__plan-comparison-table tbody tr.option-title {
    background: #7579a6; }
    table.pc__plan-comparison-table tbody tr.option-title th {
      background: #4f538a;
      color: #fff; }
    table.pc__plan-comparison-table tbody tr.option-title td {
      text-align: left;
      padding-left: 10px; }
  table.pc__plan-comparison-table tbody tr.option th, table.pc__plan-comparison-table tbody tr.option td {
    height: 45px;
    padding: 5px 0; }

body.comfort-a .col-comfort-a {
  background: rgba(232, 56, 40, 0.15); }

body.precious .col-precious {
  background: rgba(232, 56, 40, 0.15); }

body.floral-a .col-floral-a {
  background: rgba(232, 56, 40, 0.15); }

body.floral-b .col-floral-b {
  background: rgba(232, 56, 40, 0.15); }

body.shiraki-a .col-shiraki-a {
  background: rgba(232, 56, 40, 0.15); }

body.amicale .col-amicale {
  background: rgba(232, 56, 40, 0.15); }

.plan-comparison__modal-gallery {
  display: flex;
  flex-wrap: wrap;
  background: rgba(222, 204, 186, 0.3); }
  .plan-comparison__modal-gallery__header {
    width: 100%;
    background: #161b61;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(22, 27, 97, 0.75)), to(#161b61));
    background: linear-gradient(to bottom, rgba(22, 27, 97, 0.75), #161b61);
    border-bottom: 2px solid rgba(121, 106, 85, 0.5);
    color: #fff;
    padding: 5px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .plan-comparison__modal-gallery-item {
    width: 33.33333%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-bottom: 2px solid rgba(121, 106, 85, 0.5);
    border-right: 1px solid rgba(121, 106, 85, 0.5);
    display: flex;
    flex-wrap: wrap;
    align-content: space-between; }
    .plan-comparison__modal-gallery-item:nth-child(3n+1) {
      border-right: none; }
    .plan-comparison__modal-gallery-item__upper {
      padding: 20px;
      text-align: center;
      width: 100%;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
    .plan-comparison__modal-gallery-item__img-box {
      display: flex;
      min-height: 160px;
      align-items: center; }
      .plan-comparison__modal-gallery-item__img-box img {
        display: block; }
    .plan-comparison__modal-gallery-item__caption {
      padding: 20px 0 0;
      line-height: 1.5;
      color: #6c6a6a; }
    .plan-comparison__modal-gallery-item__txt-box {
      background: rgba(22, 27, 97, 0.2);
      color: #6c6a6a;
      text-align: center;
      width: 100%;
      min-height: 40px;
      padding: 5px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      display: flex;
      align-items: center;
      justify-content: center; }

@media screen and (min-width: 568px) {
  .comparison-table-wrap.container_12 {
    width: 100%;
    max-width: 1200px; }
    .comparison-table-wrap.container_12 .grid_12 {
      width: 100%;
      margin: 0;
      padding: 0 30px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; } }

@media screen and (max-width: 567px) {
  .mobile__plan-comparison-table--wrap {
    margin-left: -20px;
    margin-right: -20px; }
  table.mobile__plan-comparison-table {
    width: 100%; }
    table.mobile__plan-comparison-table th, table.mobile__plan-comparison-table td {
      line-height: 1.4em;
      border: 1px solid #C3B9AE;
      vertical-align: middle; }
    table.mobile__plan-comparison-table thead {
      background: #fcd847; }
      table.mobile__plan-comparison-table thead th {
        padding: 5px 0;
        color: #604c3f; }
    table.mobile__plan-comparison-table tbody tr.plan-title {
      background: #f3ede6; }
      table.mobile__plan-comparison-table tbody tr.plan-title th {
        padding: 5px 0;
        font-weight: normal; }
    table.mobile__plan-comparison-table tbody tr.plan-detail th {
      width: 40%;
      background: #b5a18c;
      color: #fff;
      text-align: center;
      border-bottom: 2px solid #C3B9AE;
      vertical-align: top; }
      table.mobile__plan-comparison-table tbody tr.plan-detail th .plan-title {
        padding: 5px 0; }
    table.mobile__plan-comparison-table tbody tr.plan-detail td {
      padding: 3px 0 3px 5px;
      border-bottom: 2px solid #C3B9AE; }
      table.mobile__plan-comparison-table tbody tr.plan-detail td ul.option li {
        padding: 3px 0;
        font-size: 12px;
        font-size: 0.75rem;
        display: flex;
        align-items: flex-start; }
        table.mobile__plan-comparison-table tbody tr.plan-detail td ul.option li .label {
          background: #454981;
          color: #fff;
          line-height: 1em;
          padding: 4px 5px;
          font-size: 10px;
          font-size: 0.625rem;
          min-width: 40px;
          text-align: center;
          display: block;
          margin-right: 5px; }
        table.mobile__plan-comparison-table tbody tr.plan-detail td ul.option li .font-s {
          line-height: 1.2em; }
  dl.mobile__plan-comparison__option-list {
    margin: 0; }
    dl.mobile__plan-comparison__option-list dt {
      background: #161b61;
      color: #fff;
      text-align: center;
      padding: 5px 0; }
    dl.mobile__plan-comparison__option-list dd {
      padding: 0;
      margin: 0;
      display: none; }
  table.mobile__option-table {
    width: 100%; }
    table.mobile__option-table th, table.mobile__option-table td {
      border: 1px solid #C3B9AE; }
    table.mobile__option-table thead th {
      background: #d0d1df;
      font-weight: normal; }
    table.mobile__option-table tbody th {
      width: 100px; }
      table.mobile__option-table tbody th img {
        display: block; }
    table.mobile__option-table tbody td {
      padding: 5px;
      vertical-align: middle;
      line-height: 1.4em;
      font-size: 12px;
      font-size: 0.75rem; }
      table.mobile__option-table tbody td .font-s {
        line-height: 1.2em; } }

@media (max-width: 567px) {
  .plan-matrix-section {
    background: #e7e8ee; } }

.plan-matrix {
  width: 100%; }
  @media (max-width: 567px) {
    .plan-matrix__headline {
      margin: 0; } }
  @media (max-width: 567px) {
    .plan-matrix__headline span {
      background: #e7e8ee; } }
  .plan-matrix__title {
    margin: 0;
    padding: 30px 0 10px; }
  .plan-matrix th, .plan-matrix td {
    padding: 15px 10px;
    line-height: 1.2;
    border: 1px solid #C3B9AE; }
    @media (max-width: 567px) {
      .plan-matrix th, .plan-matrix td {
        padding: 10px 5px;
        font-size: 12px; } }
  @media (max-width: 567px) {
    .plan-matrix thead th, .plan-matrix thead td {
      font-size: 10px; } }
  .plan-matrix thead th {
    background: #4f538a;
    color: #fff; }
  .plan-matrix thead td {
    background: #7579a6;
    color: #fff;
    text-align: center;
    font-weight: bold; }
    .plan-matrix thead td.of-w33 {
      width: 26%; }
    .plan-matrix thead td.of-w50 {
      width: 39%; }
  .plan-matrix tbody th {
    background: #e1dcd6;
    color: #796a55;
    font-size: 16px; }
    @media (max-width: 567px) {
      .plan-matrix tbody th {
        font-size: 12px; } }
    .plan-matrix tbody th p {
      margin: 0 0 5px; }
  .plan-matrix tbody td {
    padding-top: 0;
    vertical-align: top;
    background: #b5a18c; }
  .plan-matrix__price-box {
    margin-bottom: 2px; }
  .plan-matrix__price {
    font-size: 21px;
    color: #fff;
    padding: 15px 0 5px;
    display: block;
    text-align: center; }
    @media (max-width: 567px) {
      .plan-matrix__price {
        font-size: 16px; } }
  .plan-matrix__plan-title {
    text-align: center;
    margin-bottom: 2px;
    padding: 5px 0;
    background: #fff;
    color: #161b61;
    font-weight: bold;
    display: flex;
    min-height: 45px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    border-radius: 2px; }
    @media (max-width: 567px) {
      .plan-matrix__plan-title {
        min-height: 35px; } }
    .plan-matrix__plan-title:last-child {
      margin: 0; }
    .plan-matrix__plan-title .of-label {
      display: block;
      font-size: 10px;
      width: 90%;
      background: rgba(22, 27, 97, 0.1);
      border-radius: 10px;
      padding: .1em 0; }
    .plan-matrix__plan-title small {
      font-size: 10px; }
  @media (min-width: 568px) {
    .plan-matrix__td__row {
      display: flex;
      margin: 0 -2px; } }
  @media (max-width: 567px) {
    .plan-matrix__td__row {
      display: flex;
      flex-wrap: wrap; } }
  .plan-matrix__td__row__item {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    @media (min-width: 568px) {
      .plan-matrix__td__row__item {
        width: 33.33333%;
        padding: 0 2px; } }
    @media (max-width: 567px) {
      .plan-matrix__td__row__item {
        width: 50%;
        padding: 0 5px; }
        .plan-matrix__td__row__item.of-w33-on-mobile {
          width: 33.33333%; } }
/******************* anniversary 35th ************************/
body#anniv35th {
  background: url(/images/anniv35th/bb.jpg) center top no-repeat;
  background-size: 100% auto; }
  body#anniv35th #main {
    font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", YuGothic, "游ゴシック", Meiryo, "メイリオ", "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
    line-height: 1.8em; }
  body#anniv35th p {
    letter-spacing: .1em; }
  body#anniv35th footer, body#anniv35th .totop {
    display: none; }

@media (max-width: 567px) {
  body#anniv35th {
    background: url(/images/anniv35th/bb.jpg) center top no-repeat;
    background-size: auto 567px; } }

.anniv35th__bb {
  height: 540px;
  width: 100%;
  display: table;
  position: relative; }
  .anniv35th__bb .bb__container {
    display: table-cell;
    vertical-align: middle;
    text-align: center; }
    .anniv35th__bb .bb__container .logo {
      height: 74px; }
    .anniv35th__bb .bb__container .title--anniv35th {
      height: 140px;
      margin-top: 30px; }

@media (max-width: 567px) {
  .anniv35th__bb {
    height: 420px; }
    .anniv35th__bb .bb__container {
      padding-top: 80px; } }

.anniv35th__grandnav {
  position: absolute;
  bottom: 60px;
  left: 0;
  text-align: center;
  width: 100%; }
  .anniv35th__grandnav .nav-item {
    display: inline-block;
    margin: 0 20px;
    color: #fff; }

@media (max-width: 567px) {
  .anniv35th__grandnav {
    display: none; } }

.anniv35th-section {
  padding: 60px 0; }

@media (max-width: 567px) {
  .anniv35th-section {
    padding: 30px 0; } }

.anniv35th-subtitle {
  text-align: center;
  font-weight: normal;
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: .1em;
  margin-bottom: 30px; }
  .anniv35th-subtitle .en {
    color: #161b61;
    display: block; }
  .anniv35th-subtitle .ja {
    color: #808080;
    font-size: 12px;
    font-size: 0.75rem;
    display: block; }

.anniv35th-title {
  text-align: center;
  letter-spacing: .1em;
  margin-bottom: 60px;
  color: #161b61;
  background: url(/images/anniv35th/clouds.png) center center no-repeat;
  background-size: 540px auto; }
  .anniv35th-title .en {
    font-size: 14px;
    font-size: 0.875rem;
    display: block;
    font-weight: normal; }
  .anniv35th-title .ja {
    font-size: 21px;
    font-size: 1.3125rem;
    display: block;
    font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; }

@media (max-width: 567px) {
  .anniv35th-title {
    margin-bottom: 30px;
    color: #161b61;
    background: url(/images/anniv35th/clouds.png) center top no-repeat;
    background-size: 300px auto;
    padding-top: 10px; }
    .anniv35th-title .en {
      font-size: 14px;
      font-size: 0.875rem;
      display: block;
      font-weight: normal; }
    .anniv35th-title .ja {
      font-size: 21px;
      font-size: 1.3125rem;
      display: block;
      font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; } }

.anniv35th__ghost-btn {
  display: inline-block;
  height: 60px;
  line-height: 60px;
  font-size: 12px;
  font-size: 0.75rem;
  text-align: center;
  min-width: 250px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  color: #161b61;
  border: 1px solid; }
  .anniv35th__ghost-btn:after {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background: url(/images/anniv35th/arw.png) center center no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%); }

/***** message *****/
.message-body {
  background: #fff;
  padding: 60px 0;
  text-align: center; }

@media (max-width: 567px) {
  .message-body {
    padding: 45px 0; } }

/***** plan *****/
#anniv35th__plan {
  background: #d6ddde; }
  #anniv35th__plan .list--goldbox li {
    border-radius: 0;
    background: #fff;
    color: #161b61; }
    #anniv35th__plan .list--goldbox li .container {
      margin: 20px;
      color: #161b61; }
    #anniv35th__plan .list--goldbox li .title {
      font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; }
    #anniv35th__plan .list--goldbox li p {
      letter-spacing: 0; }
    #anniv35th__plan .list--goldbox li .btn {
      border-radius: 0;
      border: 1px solid rgba(22, 27, 97, 0.5);
      color: #161b61;
      font-size: 12px;
      font-size: 0.75rem;
      padding: 1em;
      width: 100%; }

@media (max-width: 567px) {
  #anniv35th__plan .list--goldbox li .container {
    margin: 0;
    color: #fff; }
    #anniv35th__plan .list--goldbox li .container .inner .cell {
      padding: 10px; }
  #anniv35th__plan .list--goldbox li .title {
    font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", YuGothic, "游ゴシック", Meiryo, "メイリオ", "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
    line-height: 1.8em;
    font-size: 18px;
    font-size: 1.125rem; }
    #anniv35th__plan .list--goldbox li .title:after {
      content: "";
      display: block;
      width: 14px;
      height: 14px;
      background: url(/images/anniv35th/arw--white.png) center center no-repeat;
      background-size: contain;
      margin: 5px auto 10px; }
  #anniv35th__plan .list--goldbox li p {
    margin: 0; }
  #anniv35th__plan .list--goldbox li .btn {
    display: none; } }

/***** magazine *****/
#anniv35th__magazine .latest-contents {
  position: relative; }
  #anniv35th__magazine .latest-contents .thumb {
    height: 425px;
    display: block;
    margin: 0 auto 60px; }
  #anniv35th__magazine .latest-contents .index {
    position: absolute;
    bottom: 120px;
    left: 50%;
    margin-left: 170px;
    font-size: 12px;
    font-size: 0.75rem; }
  #anniv35th__magazine .latest-contents .btn-box {
    text-align: center; }
    #anniv35th__magazine .latest-contents .btn-box .btn {
      height: 60px;
      background: #161b61;
      font-weight: bold;
      font-size: 12px;
      font-size: 0.75rem;
      line-height: 60px;
      padding: 0;
      width: 250px;
      margin: 0 10px;
      border-radius: 0;
      color: #fff; }

ul.archive-list {
  padding-top: 60px;
  text-align: center; }
  ul.archive-list li {
    display: inline-block;
    margin: 0 30px;
    position: relative;
    line-height: 1.4em; }
    ul.archive-list li .label {
      position: absolute;
      bottom: 100%;
      left: 0;
      text-align: center;
      width: 100%;
      font-size: 12px;
      font-size: 0.75rem; }
      ul.archive-list li .label.new {
        color: #ff0000; }
    ul.archive-list li .thumb {
      width: 162px;
      display: block;
      margin-bottom: 10px; }
    ul.archive-list li.comingsoon {
      opacity: .3; }

@media (max-width: 567px) {
  #anniv35th__magazine .latest-contents .thumb {
    height: 300px;
    margin: 0 auto 20px; }
  #anniv35th__magazine .latest-contents .index {
    position: static;
    margin-left: 0;
    padding: 0 20px 20px; }
  #anniv35th__magazine .latest-contents .btn-box .btn {
    width: 250px;
    margin: 0 10px 10px; }
  ul.archive-list {
    padding-top: 0; }
    ul.archive-list li {
      margin: 40px 10px 0; }
      ul.archive-list li .thumb {
        width: 127px;
        margin-bottom: 10px; } }

/***** special *****/
.konnako-headline {
  background: url(/images/anniv35th/konnako.jpg) center center no-repeat;
  background-size: cover;
  padding: 120px;
  color: #fff;
  text-align: center; }
  .konnako-headline .en {
    display: block;
    font-weight: normal;
    font-size: 14px;
    font-size: 0.875rem; }
  .konnako-headline .ja {
    display: block;
    font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    font-size: 24px;
    font-size: 1.5rem; }
  .konnako-headline .label {
    background: rgba(222, 130, 111, 0.8);
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: normal;
    display: inline-block;
    padding: .5em 1.5em;
    margin-top: 10px; }
    .konnako-headline .label strong {
      font-size: 26px;
      font-size: 1.625rem;
      margin-left: .2em; }

.konnako-sample {
  padding: 60px 0; }
  .konnako-sample img {
    float: left;
    width: 25%; }
  .konnako-sample:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    visibility: hidden;
    clear: both; }

@media (max-width: 567px) {
  .konnako-headline {
    padding: 30px 0; }
    .konnako-headline .ja {
      font-size: 21px;
      font-size: 1.3125rem; }
    .konnako-headline .label {
      font-size: 18px;
      font-size: 1.125rem; }
      .konnako-headline .label strong {
        font-size: 24px;
        font-size: 1.5rem; }
  .konnako-sample {
    padding: 30px 0; }
    .konnako-sample img {
      width: 50%; } }

/***** bottom *****/
.anniv35th-banner-box {
  padding-bottom: 60px; }
  .anniv35th-banner-box .banner {
    display: table;
    width: 100%;
    height: 230px; }
    .anniv35th-banner-box .banner.prayer {
      background: url(/images/bb-hall02.jpg) center center no-repeat;
      background-size: cover; }
    .anniv35th-banner-box .banner.petprayer {
      background: url(/images/anniv35th/banner--petprayer__bg.jpg) center center no-repeat;
      background-size: cover; }
    .anniv35th-banner-box .banner .inner {
      display: table-cell;
      vertical-align: middle;
      color: #fff;
      background: rgba(0, 0, 0, 0.25);
      text-align: center;
      font-weight: bold;
      font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; }
  .anniv35th-banner-box .logo--prayer {
    height: 74px;
    display: block;
    margin: 0 auto; }
  .anniv35th-banner-box .logo--petprayer {
    height: 78px; }

.anniv35th__bottom {
  background: #d6ddde;
  padding: 60px 0 0;
  font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", YuGothic, "游ゴシック", Meiryo, "メイリオ", "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
  line-height: 1.8em;
  text-align: center; }
  .anniv35th__bottom .bottom-logo {
    height: 106px;
    display: block;
    margin: 0 auto; }
  .anniv35th__bottom .copyright {
    padding: 30px 0;
    display: block;
    font-size: 12px;
    font-size: 0.75rem; }

.anniv35th__bottom-nav {
  text-align: center;
  padding: 60px 0 30px; }
  .anniv35th__bottom-nav .nav-item {
    display: inline-block;
    margin: 0 20px;
    color: #161b61; }

.anniv35th__logo-nav {
  text-align: center; }
  .anniv35th__logo-nav .nav-item {
    display: inline-block;
    margin: 0 30px;
    vertical-align: top; }
    .anniv35th__logo-nav .nav-item .logo--prayer {
      height: 74px; }
    .anniv35th__logo-nav .nav-item .logo--petprayer {
      height: 54px;
      margin-top: 10px; }

@media (max-width: 567px) {
  .anniv35th-banner-box {
    padding-bottom: 30px; }
    .anniv35th-banner-box .banner {
      height: 150px; }
  .anniv35th__bottom {
    padding: 30px 0 0; }
    .anniv35th__bottom .bottom-logo {
      height: 76px; }
    .anniv35th__bottom .copyright {
      padding: 20px 0 70px; }
  .anniv35th__bottom-nav {
    text-align: center;
    padding: 30px 0 30px; }
    .anniv35th__bottom-nav .nav-item {
      display: block;
      border-bottom: 1px solid rgba(22, 27, 97, 0.1);
      margin: 0;
      padding: 15px 0; }
      .anniv35th__bottom-nav .nav-item:last-child {
        border: none; }
  .anniv35th__logo-nav {
    display: none; } }

body.renewal2024 {
  font-family: "Zen Old Mincho", serif;
  line-height: 1.4;
  color: #333;
  letter-spacing: .1em;
  min-width: 1px; }
  body.renewal2024 p {
    line-height: 2; }
  body.renewal2024 .m-follow-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 180;
    height: 55px;
    display: flex;
    align-items: center;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    body.renewal2024 .m-follow-header__logo {
      height: 39px;
      display: block; }
      body.renewal2024 .m-follow-header__logo.of-navy {
        display: none; }
    body.renewal2024 .m-follow-header.colored {
      background: #fff; }
      body.renewal2024 .m-follow-header.colored .m-menu .bar {
        background: #161b61; }
      body.renewal2024 .m-follow-header.colored .m-follow-header__logo.of-white {
        display: none; }
      body.renewal2024 .m-follow-header.colored .m-follow-header__logo.of-navy {
        display: block; }
  body.renewal2024 .m-menu {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 180;
    width: 55px;
    height: 55px;
    -webkit-transition: ease .5s;
    transition: ease .5s;
    cursor: pointer; }
    body.renewal2024 .m-menu .bar {
      background: #fff;
      width: 30px;
      height: 1px;
      position: absolute;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      -webkit-transition: ease .5s;
      transition: ease .5s; }
      body.renewal2024 .m-menu .bar:nth-child(1) {
        top: 35%; }
      body.renewal2024 .m-menu .bar:nth-child(2) {
        top: 50%; }
      body.renewal2024 .m-menu .bar:nth-child(3) {
        top: 65%; }
    body.renewal2024 .m-menu.active .bar {
      top: 50%; }
      @media (max-width: 568px) {
        body.renewal2024 .m-menu.active .bar {
          background: #161b61; } }
    body.renewal2024 .m-menu.active .bar:nth-child(1) {
      -webkit-transform: translate(-50%, -50%) rotate(45deg);
              transform: translate(-50%, -50%) rotate(45deg); }
    body.renewal2024 .m-menu.active .bar:nth-child(2) {
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      opacity: 0; }
    body.renewal2024 .m-menu.active .bar:nth-child(3) {
      -webkit-transform: translate(-50%, -50%) rotate(-45deg);
              transform: translate(-50%, -50%) rotate(-45deg); }
  body.renewal2024 .header-wrap {
    position: fixed;
    z-index: 150;
    width: 100%;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    @media (max-width: 568px) {
      body.renewal2024 .header-wrap {
        display: none; } }
  body.renewal2024 .header {
    width: 100%;
    padding: 0 30px 0 80px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transition: all .2s ease;
    transition: all .2s ease; }
    @media (min-width: 569px) {
      body.renewal2024 .header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 90px;
        border-bottom: 1px solid #fff;
        -webkit-transition: all .2s ease;
        transition: all .2s ease; }
        body.renewal2024 .header.colored {
          -webkit-transition: all .2s ease;
          transition: all .2s ease;
          background: #fff;
          color: #161b61;
          border-bottom: 1px solid rgba(145, 145, 145, 0.5); }
          body.renewal2024 .header.colored .header-nav-item {
            color: #4d4d4d; }
            body.renewal2024 .header.colored .header-nav-item > a {
              color: #4d4d4d; }
          body.renewal2024 .header.colored .header-tel-box {
            color: #161b61; }
            body.renewal2024 .header.colored .header-tel-box .of-tel-num {
              background-image: url(/images/icons/freedial-navy.svg); } }
    @media (max-width: 1100px) {
      body.renewal2024 .header {
        padding: 0 30px; } }
    @media (max-width: 568px) {
      body.renewal2024 .header {
        min-height: 100vh;
        padding: 60px 30px 0;
        background: #fff; } }
    body.renewal2024 .header-logo-box {
      margin: 10px 30px 0 0; }
      @media (max-width: 568px) {
        body.renewal2024 .header-logo-box {
          display: none; } }
    body.renewal2024 .header-logo {
      width: 110px; }
      body.renewal2024 .header-logo.of-navy {
        display: none; }
    @media (min-width: 569px) {
      body.renewal2024 .header-nav {
        display: flex;
        align-items: center; } }
    @media (max-width: 568px) {
      body.renewal2024 .header-nav {
        padding: 15px 0; } }
    body.renewal2024 .header-nav-item {
      color: #fff;
      font-size: 12px;
      letter-spacing: .1em;
      height: 90px;
      padding: 45px 0 0;
      margin: 0 0 0 30px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      @media (max-width: 1100px) {
        body.renewal2024 .header-nav-item {
          margin: 0 0 0 15px; } }
      @media (max-width: 568px) {
        body.renewal2024 .header-nav-item {
          margin: 0;
          padding: 15px 0;
          display: block;
          color: #161b61;
          height: auto; } }
      body.renewal2024 .header-nav-item > a {
        color: #fff; }
        @media (max-width: 568px) {
          body.renewal2024 .header-nav-item > a {
            color: #161b61; } }
    body.renewal2024 .header-sub-nav {
      display: none;
      position: absolute;
      top: 100%;
      left: 0;
      padding: 30px;
      background: #fff;
      width: 100%;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      body.renewal2024 .header-sub-nav__container {
        display: flex;
        align-items: center;
        justify-content: center; }
      body.renewal2024 .header-sub-nav .shindan-opener {
        margin: 50px 0 -30px; }
    body.renewal2024 .header .plan-thumb-list {
      width: 100%;
      max-width: 900px;
      margin: 0; }
    body.renewal2024 .header .plan-thumb-list-item-card {
      height: 154px; }
    body.renewal2024 .header .plan-thumb-list-item-card-title {
      font-size: 12px; }
      body.renewal2024 .header .plan-thumb-list-item-card-title .of-bigger {
        font-size: 16px; }
      body.renewal2024 .header .plan-thumb-list-item-card-title .of-arw {
        width: 24px;
        height: 24px; }
    body.renewal2024 .header-hall-nav {
      display: flex;
      justify-content: center; }
      body.renewal2024 .header-hall-nav-item {
        width: 260px;
        padding: 0 1px; }
        body.renewal2024 .header-hall-nav-item .thumb {
          height: 158px; }
          body.renewal2024 .header-hall-nav-item .thumb.of-inage {
            background: url(/images/hall-large-inage.jpg) center center/cover no-repeat; }
          body.renewal2024 .header-hall-nav-item .thumb.of-mobara {
            background: url(/images/hall-mohara.jpg) center center/cover no-repeat; }
          body.renewal2024 .header-hall-nav-item .thumb.of-narita {
            background: url(/images/hall-large-narita.jpg) center center/cover no-repeat; }
          body.renewal2024 .header-hall-nav-item .thumb.of-ichihara {
            background: url(/images/hall-ichihara.jpg) center center/cover no-repeat; }
        body.renewal2024 .header-hall-nav-item .title {
          text-align: center;
          margin: 10px 0 0;
          font-weight: normal;
          font-size: 14px;
          color: #494380; }
    body.renewal2024 .header-tel-box {
      font-weight: bold;
      color: #fff; }
      body.renewal2024 .header-tel-box .of-label {
        display: block;
        font-size: 13px;
        padding: 0 0 0 35px;
        text-align: center;
        line-height: 1.2;
        letter-spacing: .1em; }
      body.renewal2024 .header-tel-box .of-tel-num {
        display: block;
        font-size: 23px;
        background: url(/images/icons/freedial-white.svg) left center/29px auto no-repeat;
        padding: 0 0 0 35px; }
    body.renewal2024 .header.colored .header-logo.of-white {
      display: none; }
    body.renewal2024 .header.colored .header-logo.of-navy {
      display: block; }
  body.renewal2024 .top-follow-box {
    position: fixed;
    z-index: 150;
    top: 110px;
    right: 30px; }
    body.renewal2024 .top-follow-box-btn {
      height: 34px;
      padding: 0 20px;
      color: #fff;
      background: #ffc127;
      border-radius: 50px;
      display: flex;
      align-items: center;
      font-size: 12px;
      letter-spacing: .1em;
      text-shadow: 0 0 0.5em rgba(0, 0, 0, 0.5);
      -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
              box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
      body.renewal2024 .top-follow-box-btn img {
        height: 18px;
        display: block;
        margin: 0 10px 0 0; }
  body.renewal2024 .m__tel-contact {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 120;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdce1));
    background: linear-gradient(to bottom, #fff, #dcdce1);
    padding: 5px;
    text-align: center;
    color: #161b61; }
    body.renewal2024 .m__tel-contact__container {
      display: flex;
      align-items: center;
      justify-content: center; }
    body.renewal2024 .m__tel-contact .text {
      font-size: 12px;
      font-size: 0.75rem;
      line-height: 1.2em;
      display: inline-block;
      margin: 0 1em 0 0; }
    body.renewal2024 .m__tel-contact .tel-num {
      display: table; }
      body.renewal2024 .m__tel-contact .tel-num .tel-num-cell {
        display: table-cell;
        text-align: center;
        padding: 5px; }
      body.renewal2024 .m__tel-contact .tel-num .num {
        font-weight: bold;
        display: block;
        font-size: 20px; }
        body.renewal2024 .m__tel-contact .tel-num .num > span {
          line-height: 1.2em;
          display: inline-block;
          background: url(/images/icons/freedial-navy.svg) 0 50%/auto 16px no-repeat;
          padding-left: 32px;
          color: #161b61; }
          body.renewal2024 .m__tel-contact .tel-num .num > span.font-ml {
            padding-left: 20px;
            background-size: auto 17px; }
  body.renewal2024 .m-shindan-opener-box {
    position: fixed;
    z-index: 100;
    bottom: 48px;
    left: 50%;
    width: 275px;
    padding: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
    @media (max-width: 374px) {
      body.renewal2024 .m-shindan-opener-box {
        padding: 10px 0;
        width: 230px;
        bottom: 51px; } }
    body.renewal2024 .m-shindan-opener-box-close {
      position: absolute;
      top: 10px;
      left: 10px;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      width: 24px;
      height: 24px;
      background: #fff;
      border-radius: 50%;
      z-index: 10; }
      @media (max-width: 374px) {
        body.renewal2024 .m-shindan-opener-box-close {
          left: 0; } }
      body.renewal2024 .m-shindan-opener-box-close:before, body.renewal2024 .m-shindan-opener-box-close:after {
        content: "";
        width: 1px;
        height: 14px;
        background: #494380;
        position: absolute;
        top: 50%;
        left: 50%; }
      body.renewal2024 .m-shindan-opener-box-close:before {
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
                transform: translate(-50%, -50%) rotate(45deg); }
      body.renewal2024 .m-shindan-opener-box-close:after {
        -webkit-transform: translate(-50%, -50%) rotate(-45deg);
                transform: translate(-50%, -50%) rotate(-45deg); }
    body.renewal2024 .m-shindan-opener-box .shindan-opener-img {
      width: 100%;
      display: block; }
  @media (min-width: 569px) {
    body.renewal2024 .shindan-opener:hover {
      cursor: pointer;
      opacity: .75; } }
  body.renewal2024 .shindan-opener-img {
    width: 186px; }
    body.renewal2024 .shindan-opener-img.of-large {
      width: 420px; }
      @media (max-width: 568px) {
        body.renewal2024 .shindan-opener-img.of-large {
          width: 90%;
          max-width: 420px; } }
  body.renewal2024 .checkmore__container {
    max-width: 1200px;
    margin: 0 auto; }
  body.renewal2024 .checkmore__title {
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 30px;
    color: #494380; }
    body.renewal2024 .checkmore__title:before {
      content: "";
      display: block;
      margin: 0 auto 15px;
      width: 35px;
      height: 41px;
      background: url(/images/icons/balloon-with-exclamation-mark.svg) center center/contain no-repeat; }
  body.renewal2024 .checkmore__scrolldown {
    width: 1px;
    height: 50px;
    margin: 0 auto 45px;
    position: relative; }
    body.renewal2024 .checkmore__scrolldown:after {
      content: "";
      position: absolute;
      top: 0;
      width: 1px;
      height: 30px;
      background: #cecfe3;
      -webkit-animation: scrolldown 1.4s ease-in-out infinite;
              animation: scrolldown 1.4s ease-in-out infinite;
      opacity: 0; }
  body.renewal2024 .checkmore__card-nav {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 45px; }
    @media (max-width: 568px) {
      body.renewal2024 .checkmore__card-nav {
        margin: 0 0 25px; } }
    body.renewal2024 .checkmore__card-nav-item {
      display: block;
      width: 50%;
      padding: 0 1px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      position: relative; }
      @media (max-width: 568px) {
        body.renewal2024 .checkmore__card-nav-item {
          width: 100%;
          padding: 0 0 1px; }
          body.renewal2024 .checkmore__card-nav-item:last-child {
            padding: 0; } }
      body.renewal2024 .checkmore__card-nav-item:first-child {
        padding-left: 0; }
      body.renewal2024 .checkmore__card-nav-item:last-child {
        padding-right: 0; }
      body.renewal2024 .checkmore__card-nav-item__container {
        display: block;
        position: relative;
        overflow: hidden;
        height: 340px; }
        @media (max-width: 568px) {
          body.renewal2024 .checkmore__card-nav-item__container {
            height: 217px; } }
        @media (min-width: 569px) {
          body.renewal2024 .checkmore__card-nav-item__container:hover {
            opacity: 1; }
            body.renewal2024 .checkmore__card-nav-item__container:hover .checkmore__card-nav-item__img-box {
              -webkit-transform: translate(-50%, -50%) scale(1.2);
                      transform: translate(-50%, -50%) scale(1.2);
              -webkit-transition: all .5s ease;
              transition: all .5s ease; } }
      body.renewal2024 .checkmore__card-nav-item__img-box {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        height: 100%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        -webkit-transition: all .2s ease;
        transition: all .2s ease; }
        body.renewal2024 .checkmore__card-nav-item__img-box.of-episode {
          background: url(/images/nav-episode.jpg?20240329) center center/cover no-repeat; }
        body.renewal2024 .checkmore__card-nav-item__img-box.of-event {
          background: url(/images/nav-event.jpg) center center/cover no-repeat; }
        body.renewal2024 .checkmore__card-nav-item__img-box:before {
          content: "";
          display: block;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          position: absolute;
          background: #aab4bd;
          mix-blend-mode: multiply; }
      body.renewal2024 .checkmore__card-nav-item__title-box {
        position: absolute;
        top: 30px;
        left: 40px;
        color: #fff;
        font-size: 18px;
        letter-spacing: .1em; }
        @media (max-width: 568px) {
          body.renewal2024 .checkmore__card-nav-item__title-box {
            top: 20px;
            left: 20px; } }
        body.renewal2024 .checkmore__card-nav-item__title-box .of-label {
          display: block;
          color: #d3d3d3;
          font-size: 15px;
          letter-spacing: 0; }
      body.renewal2024 .checkmore__card-nav-item__txt-box {
        position: absolute;
        bottom: 0;
        right: 0;
        color: #fff;
        width: 300px;
        height: 75px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        font-size: 22px;
        letter-spacing: .2em;
        text-align: center;
        display: flex;
        align-items: center;
        padding: 0 20px;
        font-weight: bold; }
        @media (max-width: 568px) {
          body.renewal2024 .checkmore__card-nav-item__txt-box {
            width: 200px;
            height: 48px;
            font-size: 15px; } }
        body.renewal2024 .checkmore__card-nav-item__txt-box .-with-circle-arw {
          width: 100%;
          position: relative;
          display: block;
          padding: 0 40px 0 0;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box; }
          @media (max-width: 568px) {
            body.renewal2024 .checkmore__card-nav-item__txt-box .-with-circle-arw {
              padding: 0 25px 0 0; } }
          body.renewal2024 .checkmore__card-nav-item__txt-box .-with-circle-arw:before, body.renewal2024 .checkmore__card-nav-item__txt-box .-with-circle-arw:after {
            content: "";
            display: block;
            position: absolute;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box; }
          body.renewal2024 .checkmore__card-nav-item__txt-box .-with-circle-arw:before {
            width: 5px;
            height: 5px;
            border-top: 1px solid;
            border-right: 1px solid;
            top: 50%;
            right: 21px;
            -webkit-transform: translate(50%, -50%) rotate(45deg);
                    transform: translate(50%, -50%) rotate(45deg); }
            @media (max-width: 568px) {
              body.renewal2024 .checkmore__card-nav-item__txt-box .-with-circle-arw:before {
                right: 13px;
                width: 4px;
                height: 4px; } }
          body.renewal2024 .checkmore__card-nav-item__txt-box .-with-circle-arw:after {
            width: 40px;
            height: 40px;
            border: 1px solid;
            top: 50%;
            right: 0;
            border-radius: 50%;
            -webkit-transform: translate(0, -50%);
                    transform: translate(0, -50%); }
            @media (max-width: 568px) {
              body.renewal2024 .checkmore__card-nav-item__txt-box .-with-circle-arw:after {
                width: 25px;
                height: 25px; } }
  body.renewal2024 .checkmore__nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 0 60px; }
    body.renewal2024 .checkmore__nav-item {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      height: 185px;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center; }
      @media (min-width: 569px) {
        body.renewal2024 .checkmore__nav-item {
          width: 20%;
          border-right: 1px solid rgba(206, 207, 227, 0.5); }
          body.renewal2024 .checkmore__nav-item:hover {
            opacity: 1; }
            body.renewal2024 .checkmore__nav-item:hover .checkmore__nav-item__icon {
              -webkit-transform: scale(1.2);
                      transform: scale(1.2);
              -webkit-transition: all .2s ease;
              transition: all .2s ease; } }
      @media (max-width: 568px) {
        body.renewal2024 .checkmore__nav-item {
          width: 50%;
          margin: 0 0 15px; }
          body.renewal2024 .checkmore__nav-item:nth-child(odd) {
            border-right: 1px solid rgba(206, 207, 227, 0.5); } }
      body.renewal2024 .checkmore__nav-item:last-child {
        border: none; }
      body.renewal2024 .checkmore__nav-item__icon {
        display: block;
        width: 82px;
        margin: 0 auto 10px;
        -webkit-transition: all .2s ease;
        transition: all .2s ease; }
      body.renewal2024 .checkmore__nav-item__txt {
        display: flex;
        align-items: center;
        height: 40px;
        font-size: 16px;
        margin: 0 0 20px;
        color: #494380; }
      body.renewal2024 .checkmore__nav-item__sub-txt {
        color: #161b61;
        display: flex;
        align-items: center;
        justify-content: center; }
        body.renewal2024 .checkmore__nav-item__sub-txt:after {
          content: "";
          display: block;
          width: 5px;
          height: 5px;
          border-top: 1px solid;
          border-right: 1px solid;
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg);
          margin: .5em 0 0 .5em; }
  body.renewal2024 .footer {
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ecebf0));
    background: linear-gradient(to bottom, #fff, #ecebf0);
    padding: 120px 0 0;
    color: #161b61; }
    @media (max-width: 568px) {
      body.renewal2024 .footer {
        padding: 90px 0 150px; } }
    body.renewal2024 .footer a {
      color: #161b61; }
    @media (min-width: 569px) {
      body.renewal2024 .footer__upper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 90px;
        padding: 0 50px 60px; } }
    @media (min-width: 569px) {
      body.renewal2024 .footer__upper__column01 {
        display: flex;
        align-items: center; } }
    body.renewal2024 .footer__logo-box {
      display: block;
      margin: 0 90px 0 0; }
      @media (max-width: 568px) {
        body.renewal2024 .footer__logo-box {
          margin: 0 0 50px; } }
    body.renewal2024 .footer__logo {
      display: block;
      height: 58px; }
      @media (max-width: 568px) {
        body.renewal2024 .footer__logo {
          margin: 0 auto; } }
    body.renewal2024 .footer__snsnav {
      display: flex;
      align-items: center;
      justify-content: center; }
      @media (max-width: 568px) {
        body.renewal2024 .footer__snsnav {
          margin: 0 0 50px; } }
      body.renewal2024 .footer__snsnav .nav__unit {
        display: block;
        margin: 0 40px 0 0; }
        @media (max-width: 568px) {
          body.renewal2024 .footer__snsnav .nav__unit {
            margin: 0 15px; } }
        body.renewal2024 .footer__snsnav .nav__unit img {
          width: 100%;
          height: 100%;
          max-width: 20px;
          max-height: 20px;
          display: block; }
    @media (max-width: 568px) {
      body.renewal2024 .footer__grandnav {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        max-width: 200px;
        margin: 0 auto; } }
    body.renewal2024 .footer__grandnav .nav__unit {
      display: inline-block;
      margin: 0 0 0 20px;
      color: #474861;
      font-size: 12px;
      font-size: 0.75rem; }
      @media (max-width: 568px) {
        body.renewal2024 .footer__grandnav .nav__unit {
          margin: 0 10px 20px;
          font-size: 10px;
          font-size: 0.625rem; } }
    body.renewal2024 .footer__lower {
      padding: 0 50px; }
      @media (max-width: 568px) {
        body.renewal2024 .footer__lower {
          padding: 0; } }
    body.renewal2024 .footer__tel-box {
      margin: 0 0 50px; }
      @media (max-width: 568px) {
        body.renewal2024 .footer__tel-box {
          padding: 30px 0 0; } }
      body.renewal2024 .footer__tel-box p {
        text-align: center;
        font-size: 15px;
        margin: 0 0 30px;
        letter-spacing: .2em; }
        @media (max-width: 568px) {
          body.renewal2024 .footer__tel-box p {
            font-size: 12px;
            margin: 0 0 15px; } }
    body.renewal2024 .footer__tel {
      display: block; }
      body.renewal2024 .footer__tel .tel-num {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 32px; }
        body.renewal2024 .footer__tel .tel-num:before {
          content: "";
          display: block;
          width: 18px;
          height: 24px;
          background: url(/images/icons/tel.svg) center center/contain no-repeat;
          margin: 0 10px 0 0; }
      body.renewal2024 .footer__tel .label {
        text-align: center;
        font-size: 12px;
        display: block;
        margin: 10px 0 0; }
        @media (max-width: 568px) {
          body.renewal2024 .footer__tel .label {
            font-size: 10px; } }
    body.renewal2024 .footer .copyright {
      text-align: center;
      padding: 120px 0 50px;
      font-size: 10px;
      opacity: .7; }
      @media (max-width: 568px) {
        body.renewal2024 .footer .copyright {
          font-size: 10px;
          padding: 90px 0 0; } }
  body.renewal2024 .totop {
    position: fixed;
    z-index: 20;
    bottom: 21px;
    right: 21px;
    background: #161b61;
    width: 28px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 14px; }
    @media (max-width: 568px) {
      body.renewal2024 .totop {
        bottom: 58px;
        right: 10px;
        width: 25px;
        height: 45px; } }
    body.renewal2024 .totop__icon {
      width: 7px;
      display: block;
      -webkit-transition: all .2s ease;
      transition: all .2s ease; }
      @media (max-width: 568px) {
        body.renewal2024 .totop__icon {
          width: 5px; } }
    @media (min-width: 569px) {
      body.renewal2024 .totop:hover {
        opacity: 1; }
        body.renewal2024 .totop:hover .totop__icon {
          -webkit-transform: translate(0, -10px);
          transform: translate(0, -10px);
          -webkit-transition: all .2s ease;
          transition: all .2s ease; } }
  body.renewal2024 .contact-nav {
    display: flex;
    align-items: center;
    justify-content: center; }
    body.renewal2024 .contact-nav-item {
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 14px;
      letter-spacing: .2em;
      position: relative;
      padding: 0 20px 0 0;
      margin: 0 20px; }
      @media (max-width: 568px) {
        body.renewal2024 .contact-nav-item {
          font-size: 12px;
          padding: 0 10px 0 0;
          margin: 0 15px; } }
      body.renewal2024 .contact-nav-item .icon {
        display: block;
        margin: 0 2em 0 0; }
        @media (max-width: 568px) {
          body.renewal2024 .contact-nav-item .icon {
            margin: 0 1em 0 0; } }
        body.renewal2024 .contact-nav-item .icon.of-contact01 {
          width: 23px; }
          @media (max-width: 568px) {
            body.renewal2024 .contact-nav-item .icon.of-contact01 {
              width: 20px; } }
        body.renewal2024 .contact-nav-item .icon.of-contact02 {
          width: 18px; }
          @media (max-width: 568px) {
            body.renewal2024 .contact-nav-item .icon.of-contact02 {
              width: 16px; } }
      body.renewal2024 .contact-nav-item:after {
        content: "";
        display: block;
        width: 4px;
        height: 4px;
        border-top: 1px solid;
        border-right: 1px solid;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translate(0, -50%) rotate(45deg);
                transform: translate(0, -50%) rotate(45deg); }

body.renewal2024 .btn-box {
  display: flex;
  justify-content: center;
  flex-wrap: wrap; }
  @media (min-width: 569px) {
    body.renewal2024 .btn-box.of-right-on-desktop {
      justify-content: flex-end; } }
body.renewal2024 .btn-upper-txt {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin: 0 0 30px;
  color: #161b61;
  letter-spacing: .2em;
  line-height: 1.2; }
  body.renewal2024 .btn-upper-txt:before, body.renewal2024 .btn-upper-txt:after {
    content: "";
    width: 1px;
    height: 18px;
    background: rgba(22, 27, 97, 0.5);
    display: block; }
  body.renewal2024 .btn-upper-txt:before {
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg);
    margin: 0 2em 0 0; }
  body.renewal2024 .btn-upper-txt:after {
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg);
    margin: 0 0 0 2em; }
  body.renewal2024 .btn-upper-txt .of-marugo {
    font-family: 'Zen Maru Gothic', sans-serif; }
  body.renewal2024 .btn-upper-txt .dots {
    text-emphasis: circle;
    -webkit-text-emphasis: circle; }

body.renewal2024 .rounded-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  min-width: 220px;
  height: 54px;
  border-radius: 50px;
  background: #fff;
  color: #161b61;
  font-size: 14px;
  -webkit-box-shadow: 0 0 10px rgba(121, 121, 122, 0.2);
          box-shadow: 0 0 10px rgba(121, 121, 122, 0.2);
  cursor: pointer; }
  body.renewal2024 .rounded-btn .of-arw {
    position: absolute;
    width: 20px;
    height: 20px;
    border: 1px solid rgba(22, 27, 97, 0.5);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
    body.renewal2024 .rounded-btn .of-arw:before {
      content: "";
      display: block;
      width: 5px;
      height: 5px;
      border-top: 1px solid #161b61;
      border-right: 1px solid #161b61;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      -webkit-transform: translate(-70%, -50%) rotate(45deg);
              transform: translate(-70%, -50%) rotate(45deg);
      position: absolute;
      top: 50%;
      left: 50%; }
  body.renewal2024 .rounded-btn .icon.of-circle-left {
    width: 45px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  body.renewal2024 .rounded-btn.of-large {
    min-width: 270px;
    height: 60px; }
    body.renewal2024 .rounded-btn.of-large .of-arw {
      right: 20px; }
  body.renewal2024 .rounded-btn.of-big {
    min-width: 400px;
    height: 100px; }
    @media (max-width: 568px) {
      body.renewal2024 .rounded-btn.of-big {
        min-width: 90%; } }
    body.renewal2024 .rounded-btn.of-big .of-arw {
      right: 20px; }
  body.renewal2024 .rounded-btn.of-purple {
    background: #494380;
    color: #fff; }
    body.renewal2024 .rounded-btn.of-purple .of-arw {
      border: 1px solid rgba(255, 255, 255, 0.5); }
      body.renewal2024 .rounded-btn.of-purple .of-arw:before {
        border-color: #fff; }
  body.renewal2024 .rounded-btn.of-lightgray {
    background: #d6d6da;
    color: #fff;
    border: none; }

body.renewal2024 .line-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  color: #161b61;
  font-size: 14px;
  padding: 0 0 15px;
  border-bottom: 1px solid rgba(22, 27, 97, 0.3); }
  @media (max-width: 568px) {
    body.renewal2024 .line-btn {
      font-size: 12px; } }
  body.renewal2024 .line-btn .of-arw {
    width: 20px;
    height: 20px;
    border: 1px solid rgba(22, 27, 97, 0.5);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 50%;
    position: relative;
    margin: 0 0 0 15px; }
    body.renewal2024 .line-btn .of-arw:before {
      content: "";
      display: block;
      width: 5px;
      height: 5px;
      border-top: 1px solid #161b61;
      border-right: 1px solid #161b61;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      -webkit-transform: translate(-70%, -50%) rotate(45deg);
              transform: translate(-70%, -50%) rotate(45deg);
      position: absolute;
      top: 50%;
      left: 50%; }
  body.renewal2024 .line-btn:after {
    content: "";
    display: block;
    width: 20px;
    height: 2px;
    background: #161b61;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease; }
  body.renewal2024 .line-btn:hover {
    opacity: 1; }
    body.renewal2024 .line-btn:hover:after {
      width: 100%;
      -webkit-transition: all .2s ease;
      transition: all .2s ease; }

body.renewal2024 .double-line-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  color: #161b61;
  font-size: 14px;
  padding: 15px 0;
  border-top: 1px solid rgba(22, 27, 97, 0.3);
  border-bottom: 1px solid rgba(22, 27, 97, 0.3);
  min-width: 230px; }
  body.renewal2024 .double-line-btn:before, body.renewal2024 .double-line-btn:after {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    background: #161b61;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-transition: all .2s ease;
    transition: all .2s ease; }
  body.renewal2024 .double-line-btn:before {
    bottom: 100%; }
  body.renewal2024 .double-line-btn:after {
    top: 100%; }
  body.renewal2024 .double-line-btn:hover {
    opacity: 1; }
    body.renewal2024 .double-line-btn:hover:before, body.renewal2024 .double-line-btn:hover:after {
      width: 100%;
      -webkit-transition: all .2s ease;
      transition: all .2s ease; }

body.renewal2024 .c-form {
  font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", YuGothic, "游ゴシック", Meiryo, "メイリオ", "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
  line-height: 1.8em; }
  body.renewal2024 .c-form-row {
    display: flex;
    align-items: center;
    padding: 30px 0;
    border-bottom: 1px solid rgba(183, 183, 183, 0.5); }
    @media (max-width: 568px) {
      body.renewal2024 .c-form-row {
        padding: 20px 0;
        display: block;
        font-size: 12px; } }
    body.renewal2024 .c-form-row:last-child, body.renewal2024 .c-form-row:nth-last-child(2) {
      border: none; }
    body.renewal2024 .c-form-row.-justify-center {
      justify-content: center; }
  body.renewal2024 .c-form-title-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 220px;
    margin: 0 40px 0 0;
    white-space: nowrap; }
    @media (max-width: 568px) {
      body.renewal2024 .c-form-title-box {
        margin: 0 0 10px;
        width: 100%; } }
    body.renewal2024 .c-form-title-box.-align-top {
      align-self: flex-start; }
  body.renewal2024 .c-form-title {
    color: #4d4d4d; }
  body.renewal2024 .c-form-label {
    padding: 0 .5em;
    color: #fff;
    border-radius: 1px;
    background: #a6a6a6; }
    body.renewal2024 .c-form-label.of-hissu {
      background: #c50000; }
  body.renewal2024 .c-form-field {
    position: relative; }
  body.renewal2024 .c-form-radio-field {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
  body.renewal2024 .c-form-radio-box {
    display: flex;
    align-items: center;
    margin: 0 30px 0 0; }
  body.renewal2024 .c-form-radio {
    margin: 0 10px 0 0; }
  body.renewal2024 .c-form-select {
    width: 100%;
    height: 42px; }
    @media (min-width: 569px) {
      body.renewal2024 .c-form-select {
        width: 300px; } }
  body.renewal2024 .c-form-text, body.renewal2024 .c-form-textarea {
    border: 1px solid #f4f4f4;
    background: #f4f4f4;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 14px; }
    @media (max-width: 568px) {
      body.renewal2024 .c-form-text, body.renewal2024 .c-form-textarea {
        font-size: 12px; } }
    body.renewal2024 .c-form-text:focus, body.renewal2024 .c-form-textarea:focus {
      background: #fff; }
    body.renewal2024 .c-form-text.-small, body.renewal2024 .c-form-textarea.-small {
      width: 160px; }
    body.renewal2024 .c-form-text.-large, body.renewal2024 .c-form-textarea.-large {
      width: 510px; }
  body.renewal2024 .c-form-text {
    width: 300px;
    max-width: 100%;
    height: 42px;
    padding: 5px 10px; }
  body.renewal2024 .c-form-textarea {
    width: 510px;
    max-width: 100%;
    height: 230px;
    padding: 10px; }
  body.renewal2024 .c-form-checkbox {
    display: flex;
    align-items: center; }
    body.renewal2024 .c-form-checkbox input {
      margin: 0 10px 0 0; }
    body.renewal2024 .c-form-checkbox.of-center {
      justify-content: center; }
  body.renewal2024 .c-form-terms-title {
    margin: 0 0 15px; }
  body.renewal2024 .c-form-terms-body {
    height: 200px;
    overflow: scroll;
    border: 1px solid rgba(183, 183, 183, 0.5);
    padding: 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 0 50px; }
    @media (max-width: 568px) {
      body.renewal2024 .c-form-terms-body {
        margin: 0 0 30px; } }
  body.renewal2024 .c-form-terms-checkbox {
    position: relative;
    justify-content: center; }
    @media (max-width: 568px) {
      body.renewal2024 .c-form-terms-checkbox {
        letter-spacing: 0; } }
    body.renewal2024 .c-form-terms-checkbox .c-form-label {
      margin: 0 0 0 20px; }
      @media (max-width: 568px) {
        body.renewal2024 .c-form-terms-checkbox .c-form-label {
          margin: 0 0 0 10px; } }
    body.renewal2024 .c-form-terms-checkbox #terms_check-error {
      left: auto; }
  body.renewal2024 .c-form label.error {
    position: absolute;
    bottom: 100%;
    left: 0; }
    @media (max-width: 568px) {
      body.renewal2024 .c-form label.error {
        bottom: auto;
        top: 100%;
        line-height: 1;
        margin: 5px 0 0; } }
body.renewal2024 .c-link-box {
  display: flex;
  flex-wrap: wrap; }
  body.renewal2024 .c-link-box.of-center {
    justify-content: center; }

body.renewal2024 .c-link {
  display: inline-block; }
  body.renewal2024 .c-link--with-circle-arw {
    color: #80809e;
    vertical-align: top; }
    body.renewal2024 .c-link--with-circle-arw .circle-arw {
      display: inline-block;
      position: relative;
      width: 15px;
      height: 15px;
      border-radius: 50%;
      background: #80809e; }
      body.renewal2024 .c-link--with-circle-arw .circle-arw:before {
        content: "";
        width: 4px;
        height: 4px;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        -webkit-transform: translate(-70%, -50%) rotate(45deg);
                transform: translate(-70%, -50%) rotate(45deg);
        position: absolute;
        top: 50%;
        left: 50%; }
      body.renewal2024 .c-link--with-circle-arw .circle-arw.of-right {
        margin: 0 0 -.2em .2em; }
      body.renewal2024 .c-link--with-circle-arw .circle-arw.of-left {
        margin: 0 .2em -.2em 0; }
      body.renewal2024 .c-link--with-circle-arw .circle-arw.of-arw-down:before {
        -webkit-transform: translate(-50%, -70%) rotate(135deg);
                transform: translate(-50%, -70%) rotate(135deg); }
    body.renewal2024 .c-link--with-circle-arw .heart {
      display: inline-block;
      position: relative;
      width: 16px;
      height: 17px;
      background: url(/images/icons/heart.svg) center center/contain no-repeat; }
      body.renewal2024 .c-link--with-circle-arw .heart.of-right {
        margin: 0 0 -.2em .2em; }
      body.renewal2024 .c-link--with-circle-arw .heart.of-left {
        margin: 0 .2em -.1em 0; }

body.renewal2024 ul.disc-list {
  padding: 0 0 0 1.5em;
  margin: 0; }
  body.renewal2024 ul.disc-list li {
    list-style: disc; }

/**************************\
  Basic Modal Styles
\**************************/
.modal {
  font-family: -apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif; }

.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center; }

.modal__container {
  background-color: #fff;
  padding: 30px;
  max-width: 500px;
  max-height: 100vh;
  border-radius: 4px;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.modal__title {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25;
  color: #00449e;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.modal__close {
  background: transparent;
  border: 0; }

.modal__header .modal__close:before {
  content: "\2715"; }

.modal__content {
  margin-top: 2rem;
  margin-bottom: 2rem;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.8); }

.modal__btn {
  font-size: .875rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
  background-color: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  border-radius: .25rem;
  border-style: none;
  border-width: 0;
  cursor: pointer;
  -webkit-appearance: button;
  text-transform: none;
  overflow: visible;
  line-height: 1.15;
  margin: 0;
  will-change: transform;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition: -webkit-transform .25s ease-out;
  -webkit-transition: -webkit-transform .25s ease-out;
  transition: transform .25s ease-out;
  transition: transform .25s ease-out, -webkit-transform .25s ease-out;
  transition: transform .25s ease-out,-webkit-transform .25s ease-out; }

.modal__btn:focus, .modal__btn:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05); }

.modal__btn-primary {
  background-color: #00449e;
  color: #fff; }

/**************************\
  Demo Animation Style
\**************************/
@-webkit-keyframes mmfadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes mmfadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes mmfadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes mmfadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@-webkit-keyframes mmslideIn {
  from {
    -webkit-transform: translateY(15%);
            transform: translateY(15%); }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes mmslideIn {
  from {
    -webkit-transform: translateY(15%);
            transform: translateY(15%); }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes mmslideOut {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  to {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%); } }

@keyframes mmslideOut {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  to {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%); } }

.micromodal-slide {
  display: none; }

.micromodal-slide.is-open {
  display: block; }

.micromodal-slide[aria-hidden="false"] .modal__overlay {
  -webkit-animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1); }

.micromodal-slide[aria-hidden="false"] .modal__container {
  -webkit-animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1); }

.micromodal-slide[aria-hidden="true"] .modal__overlay {
  -webkit-animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1); }

.micromodal-slide[aria-hidden="true"] .modal__container {
  -webkit-animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1); }

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
  will-change: transform; }

body.renewal2024 .paginator ul {
  padding: 0;
  margin: 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media (max-width: 568px) {
    body.renewal2024 .paginator ul {
      justify-content: space-between;
      justify-content: center; } }
  body.renewal2024 .paginator ul li {
    list-style-type: none; }
    @media (max-width: 568px) {
      body.renewal2024 .paginator ul li {
        display: none; } }
    body.renewal2024 .paginator ul li a {
      display: block;
      color: #666666;
      padding: 0 8px;
      opacity: .5;
      letter-spacing: 0; }
      body.renewal2024 .paginator ul li a:hover {
        opacity: 1; }
    body.renewal2024 .paginator ul li.current a {
      opacity: 1; }
    @media (max-width: 568px) {
      body.renewal2024 .paginator ul li.prev, body.renewal2024 .paginator ul li.next {
        display: block; } }
    body.renewal2024 .paginator ul li.prev a, body.renewal2024 .paginator ul li.next a {
      opacity: 1;
      width: 40px;
      height: 40px;
      border: 1px solid rgba(73, 67, 128, 0.5);
      border-radius: 50%;
      position: relative;
      padding: 0; }
      @media (max-width: 568px) {
        body.renewal2024 .paginator ul li.prev a, body.renewal2024 .paginator ul li.next a {
          width: 34px;
          height: 34px; } }
      body.renewal2024 .paginator ul li.prev a:before, body.renewal2024 .paginator ul li.next a:before {
        content: "";
        width: 6px;
        height: 6px;
        border-top: 1px solid #494380;
        border-right: 1px solid #494380;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        position: absolute;
        top: 50%;
        left: 50%; }
    body.renewal2024 .paginator ul li.prev a {
      margin-right: 10px; }
      @media (max-width: 568px) {
        body.renewal2024 .paginator ul li.prev a {
          margin: 0 10px; } }
      body.renewal2024 .paginator ul li.prev a:before {
        -webkit-transform: translate(-30%, -50%) rotate(-135deg);
                transform: translate(-30%, -50%) rotate(-135deg); }
    body.renewal2024 .paginator ul li.next a {
      margin-left: 10px; }
      @media (max-width: 568px) {
        body.renewal2024 .paginator ul li.next a {
          margin: 0 10px; } }
      body.renewal2024 .paginator ul li.next a:before {
        -webkit-transform: translate(-70%, -50%) rotate(45deg);
                transform: translate(-70%, -50%) rotate(45deg); }

body.renewal2024 .c-freedial-box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 330px;
  margin: 0 auto;
  white-space: nowrap; }
  @media (max-width: 568px) {
    body.renewal2024 .c-freedial-box {
      max-width: 280px; } }
  body.renewal2024 .c-freedial-box .freedial-num {
    font-size: 38px;
    font-weight: bold;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    color: #494380;
    line-height: 1; }
    @media (max-width: 568px) {
      body.renewal2024 .c-freedial-box .freedial-num {
        font-size: 33px; } }
    body.renewal2024 .c-freedial-box .freedial-num:before {
      content: "";
      display: block;
      width: 47px;
      height: 30px;
      background: url(/images/icons/freedial-navy.svg) center center/contain no-repeat;
      margin: 0 .2em 0 0; }
      @media (max-width: 568px) {
        body.renewal2024 .c-freedial-box .freedial-num:before {
          width: 40px;
          height: 26px; } }
  body.renewal2024 .c-freedial-box .freedial-label {
    font-size: 16px;
    padding: .2em;
    border: 1px solid rgba(73, 67, 128, 0.5);
    border-radius: 50px;
    width: 100%;
    text-align: center;
    color: #494380;
    margin: 20px 0 0; }
    @media (max-width: 568px) {
      body.renewal2024 .c-freedial-box .freedial-label {
        font-size: 14px; } }
  body.renewal2024 .c-freedial-box.of-small .freedial-num {
    font-size: 18px; }
    body.renewal2024 .c-freedial-box.of-small .freedial-num:before {
      width: 23px;
      height: 14px; }

body.renewal2024 .c-tel-box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  white-space: nowrap; }
  body.renewal2024 .c-tel-box .tel-num {
    font-size: 24px;
    font-weight: bold;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    color: #494380;
    line-height: 1; }
    body.renewal2024 .c-tel-box .tel-num:before {
      content: "";
      display: block;
      width: 17px;
      height: 21px;
      background: url(/images/icons/tel.svg) center center/contain no-repeat;
      margin: 0 .2em 0 0; }
  body.renewal2024 .c-tel-box .tel-label {
    width: 100%;
    text-align: center;
    font-size: 12px;
    margin: 10px 0 0; }
  body.renewal2024 .c-tel-box.of-sp-small .tel-num {
    font-size: 18px; }
    body.renewal2024 .c-tel-box.of-sp-small .tel-num:before {
      width: 12px;
      height: 15px; }
  body.renewal2024 .c-tel-box.of-sp-small .tel-label {
    font-size: 10px; }

body.renewal2024.subdir .m-follow-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5); }

body.renewal2024.subdir .checkmore {
  margin: 120px 0 0; }
  @media (max-width: 568px) {
    body.renewal2024.subdir .checkmore {
      margin: 90px 0 0; } }
@media (min-width: 569px) {
  body.renewal2024.subdir .checkmore__card-nav {
    margin-right: 20px;
    margin-left: 20px; } }

@media (min-width: 569px) {
  body.renewal2024.subdir .checkmore__card-nav-item {
    padding: 0 10px; }
    body.renewal2024.subdir .checkmore__card-nav-item:first-child {
      padding-left: 0; }
    body.renewal2024.subdir .checkmore__card-nav-item:last-child {
      padding-right: 0; } }

@media (min-width: 569px) {
  body.renewal2024.subdir .checkmore__card-nav-item__container {
    height: 250px; } }

body.renewal2024 .subdir-bb {
  height: 400px;
  padding: 90px 0 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  font-size: 22px;
  letter-spacing: .3em;
  position: relative;
  color: #fff;
  background: #000;
  font-weight: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center; }
  @media (max-width: 568px) {
    body.renewal2024 .subdir-bb {
      height: 275px;
      padding: 55px 0 0;
      font-size: 19px; } }
  body.renewal2024 .subdir-bb:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #858585;
    mix-blend-mode: multiply;
    position: absolute; }
  body.renewal2024 .subdir-bb.of-simple {
    background: #fff;
    height: 310px;
    color: #4d4d4d; }
    @media (max-width: 568px) {
      body.renewal2024 .subdir-bb.of-simple {
        height: 275px; } }
    body.renewal2024 .subdir-bb.of-simple:before {
      display: none; }
  body.renewal2024 .subdir-bb .container {
    position: relative; }
  body.renewal2024 .subdir-bb span.-smaller {
    display: block;
    font-size: 14px;
    margin: 0 0 20px; }
  body.renewal2024 .subdir-bb span.-bigger {
    font-size: 32px; }

body.renewal2024 .fv-anime-box img {
  opacity: 0;
  -webkit-animation: fv-anime .5s ease-out forwards;
          animation: fv-anime .5s ease-out forwards; }

body.renewal2024 .fv-anime-box .of-upper img:nth-child(2n) {
  -webkit-animation-delay: .05s;
          animation-delay: .05s; }

body.renewal2024 .fv-anime-box .of-upper img:nth-child(3n) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s; }

body.renewal2024 .fv-anime-box .of-upper img:nth-child(4n) {
  -webkit-animation-delay: .5s;
          animation-delay: .5s; }

body.renewal2024 .fv-anime-box .of-upper img:nth-child(5n) {
  -webkit-animation-delay: .8s;
          animation-delay: .8s; }

body.renewal2024 .fv-anime-box .of-upper img:nth-child(6n) {
  -webkit-animation-delay: .2s;
          animation-delay: .2s; }

body.renewal2024 .fv-anime-box .of-lower img:nth-child(2n) {
  -webkit-animation-delay: .1s;
          animation-delay: .1s; }

body.renewal2024 .fv-anime-box .of-lower img:nth-child(3n) {
  -webkit-animation-delay: .3s;
          animation-delay: .3s; }

body.renewal2024 .fv-anime-box .of-lower img:nth-child(4n) {
  -webkit-animation-delay: .4s;
          animation-delay: .4s; }

body.renewal2024 .fv-anime-box .of-lower img:nth-child(5n) {
  -webkit-animation-delay: .6s;
          animation-delay: .6s; }

body.renewal2024 .fv-anime-box .of-lower img:nth-child(6n) {
  -webkit-animation-delay: .7s;
          animation-delay: .7s; }

body.renewal2024 .fv-anime-box .of-lower img:nth-child(7n) {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s; }

body.renewal2024 .top-slider-wrap {
  width: 100%;
  height: 100vh;
  max-height: 720px;
  position: relative;
  background: #000;
  overflow: hidden; }

body.renewal2024 .top-slider {
  width: 100%;
  height: 100%;
  position: relative; }
  body.renewal2024 .top-slider.slick-slider, body.renewal2024 .top-slider .slick-list, body.renewal2024 .top-slider .slick-track {
    height: 100%; }
  body.renewal2024 .top-slider .slick-arrow, body.renewal2024 .top-slider .slick-dots {
    display: none !important; }
  body.renewal2024 .top-slider__txt-box {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -160px);
            transform: translate(-50%, -160px);
    color: #fff; }
  body.renewal2024 .top-slider__catch {
    font-size: 18px;
    text-align: center;
    line-height: 1.8;
    letter-spacing: .3em;
    margin: 0 0 45px; }
    @media (max-width: 568px) {
      body.renewal2024 .top-slider__catch {
        font-size: 16px;
        white-space: nowrap;
        margin: 0 0 30px; } }
  body.renewal2024 .top-slider__animation-box {
    margin: 0 0 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    @media (max-width: 568px) {
      body.renewal2024 .top-slider__animation-box {
        -webkit-transform: scale(0.7);
                transform: scale(0.7); } }
    @media (max-width: 374px) {
      body.renewal2024 .top-slider__animation-box {
        -webkit-transform: scale(0.6);
                transform: scale(0.6); } }
    body.renewal2024 .top-slider__animation-box .of-upper, body.renewal2024 .top-slider__animation-box .of-lower {
      display: flex;
      align-items: center;
      justify-content: center; }
      body.renewal2024 .top-slider__animation-box .of-upper img, body.renewal2024 .top-slider__animation-box .of-lower img {
        display: block;
        margin: 0 10px; }
    body.renewal2024 .top-slider__animation-box .of-upper {
      margin: 0 0 20px; }
      body.renewal2024 .top-slider__animation-box .of-upper img.of-01 {
        width: 11px;
        margin-bottom: 8px; }
      body.renewal2024 .top-slider__animation-box .of-upper img.of-02 {
        width: 27px; }
      body.renewal2024 .top-slider__animation-box .of-upper img.of-03 {
        width: 14px; }
      body.renewal2024 .top-slider__animation-box .of-upper img.of-04 {
        width: 28px; }
      body.renewal2024 .top-slider__animation-box .of-upper img.of-05 {
        width: 19px; }
      body.renewal2024 .top-slider__animation-box .of-upper img.of-06 {
        width: 15px; }
      body.renewal2024 .top-slider__animation-box .of-upper img.of-07 {
        width: 11px;
        margin-top: 8px; }
      body.renewal2024 .top-slider__animation-box .of-upper img.of-08 {
        width: 23px; }
    body.renewal2024 .top-slider__animation-box .of-lower img.of-01 {
      width: 31px; }
    body.renewal2024 .top-slider__animation-box .of-lower img.of-02 {
      width: 25px; }
    body.renewal2024 .top-slider__animation-box .of-lower img.of-03 {
      width: 28px; }
    body.renewal2024 .top-slider__animation-box .of-lower img.of-04 {
      width: 32px; }
    body.renewal2024 .top-slider__animation-box .of-lower img.of-05 {
      width: 26px; }
    body.renewal2024 .top-slider__animation-box .of-lower img.of-06 {
      width: 21px; }
    body.renewal2024 .top-slider__animation-box .of-lower img.of-07 {
      width: 29px; }
    body.renewal2024 .top-slider__animation-box .of-lower img.of-08, body.renewal2024 .top-slider__animation-box .of-lower img.of-09 {
      width: 31px; }
  body.renewal2024 .top-slider__prize-box {
    max-width: 500px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, 100px);
            transform: translate(-50%, 100px);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap; }
    @media (max-width: 568px) {
      body.renewal2024 .top-slider__prize-box {
        width: 100vw;
        -webkit-transform: translate(-50%, 60px);
                transform: translate(-50%, 60px); } }
    body.renewal2024 .top-slider__prize-box-txt {
      text-align: center;
      font-size: 15px;
      color: #fff;
      margin: 10px 0 0;
      letter-spacing: .1em; }
      @media (max-width: 568px) {
        body.renewal2024 .top-slider__prize-box-txt {
          font-size: 13px; } }
  body.renewal2024 .top-slider__prize {
    text-align: center;
    padding: 0 15px; }
    @media (max-width: 568px) {
      body.renewal2024 .top-slider__prize {
        padding: 0 10px; } }
  body.renewal2024 .top-slider__prize-img {
    width: 110px;
    display: block; }
    @media (max-width: 568px) {
      body.renewal2024 .top-slider__prize-img {
        width: 93px; } }
  body.renewal2024 .top-slider__prize-txt {
    display: block;
    font-size: 10px;
    letter-spacing: 0;
    color: #fff;
    margin: 5px 0 0; }
  body.renewal2024 .top-slider__scrolldown {
    position: absolute;
    left: 50%;
    bottom: 30px;
    height: 50px;
    z-index: 10; }
    @media (max-width: 568px) {
      body.renewal2024 .top-slider__scrolldown {
        display: none; } }
    body.renewal2024 .top-slider__scrolldown:after {
      content: "";
      position: absolute;
      top: 0;
      width: 1px;
      height: 30px;
      background: #fff;
      -webkit-animation: scrolldown 1.4s ease-in-out infinite;
              animation: scrolldown 1.4s ease-in-out infinite;
      opacity: 0; }

body.renewal2024 .top-slide {
  width: 100%;
  height: 100%;
  background: #000;
  position: relative; }
  body.renewal2024 .top-slide__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .8; }
    body.renewal2024 .top-slide__img.of-01 {
      background: url(/images/grandtop/bb01.jpg?20240329) 25% center/cover no-repeat; }
    body.renewal2024 .top-slide__img.of-02 {
      background: url(/images/bb-top-202109.jpg) 75% center/cover no-repeat; }

body.renewal2024 .top-bottom-floating-box {
  position: absolute;
  bottom: 20px;
  right: 50px;
  display: flex;
  z-index: 50; }
  body.renewal2024 .top-bottom-floating-box.of-fixed {
    position: fixed;
    bottom: 50px; }

body.renewal2024 .top-intro {
  padding: 120px 0;
  text-align: center; }
  @media (max-width: 568px) {
    body.renewal2024 .top-intro {
      padding: 90px 0; } }
  body.renewal2024 .top-intro-title {
    font-size: 28px;
    font-weight: normal;
    letter-spacing: .2em;
    margin: 0 0 40px;
    color: #333; }
    @media (max-width: 568px) {
      body.renewal2024 .top-intro-title {
        font-size: 22px; } }
  body.renewal2024 .top-intro hr {
    width: 25px;
    border-top: 1px; }
  body.renewal2024 .top-intro-description {
    font-size: 15px;
    line-height: 2.5rem;
    letter-spacing: .2em;
    margin: 30px 0 0;
    color: #666; }
    @media (max-width: 568px) {
      body.renewal2024 .top-intro-description {
        font-size: 12px;
        line-height: 1.8rem; } }
body.renewal2024 .top-halls {
  padding: 0 0 120px; }
  @media (max-width: 568px) {
    body.renewal2024 .top-halls {
      padding: 0 0 90px; } }
  body.renewal2024 .top-halls-title {
    text-align: center;
    margin: 0 0 45px;
    font-size: 22px;
    font-weight: normal;
    color: #4d4d4d;
    letter-spacing: .2em; }
    @media (max-width: 568px) {
      body.renewal2024 .top-halls-title {
        font-size: 18px;
        margin: 0 0 30px; } }
    body.renewal2024 .top-halls-title .of-label {
      letter-spacing: 0;
      font-size: 10px;
      display: block;
      margin: 0 0 45px; }
      @media (max-width: 568px) {
        body.renewal2024 .top-halls-title .of-label {
          margin: 0 0 15px; } }
  body.renewal2024 .top-halls-description {
    text-align: center;
    font-size: 14px;
    margin: 0 0 90px;
    color: #666666; }
    @media (max-width: 568px) {
      body.renewal2024 .top-halls-description {
        font-size: 12px;
        margin: 0 0 60px; } }
body.renewal2024 .top-hall-slider {
  max-width: 1200px;
  margin: 0 auto 2px; }
  @media (max-width: 568px) {
    body.renewal2024 .top-hall-slider {
      margin-bottom: 1px; } }
  body.renewal2024 .top-hall-slider .slick-arrow, body.renewal2024 .top-hall-slider .slick-dots {
    display: none !important; }

body.renewal2024 .top-hall-slide {
  display: block !important;
  height: 600px;
  position: relative;
  color: #fff; }
  @media (max-width: 568px) {
    body.renewal2024 .top-hall-slide {
      height: 360px; } }
  body.renewal2024 .top-hall-slide.of-inage {
    background: url(/images/hall-large-inage.jpg) center center/cover no-repeat; }
  body.renewal2024 .top-hall-slide.of-mobara {
    background: url(/images/hall-mohara.jpg) center center/cover no-repeat; }
  body.renewal2024 .top-hall-slide.of-narita {
    background: url(/images/hall-large-narita.jpg) center center/cover no-repeat; }
  body.renewal2024 .top-hall-slide.of-ichihara {
    background: url(/images/hall-ichihara.jpg) center center/cover no-repeat; }
  body.renewal2024 .top-hall-slide:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3); }
  body.renewal2024 .top-hall-slide__title-box {
    position: absolute;
    top: 60px;
    left: 60px; }
    @media (max-width: 568px) {
      body.renewal2024 .top-hall-slide__title-box {
        top: 30px;
        left: 20px; } }
    body.renewal2024 .top-hall-slide__title-box p {
      font-size: 14px;
      margin: 0; }
      @media (max-width: 568px) {
        body.renewal2024 .top-hall-slide__title-box p {
          font-size: 12px; } }
  body.renewal2024 .top-hall-slide__info-box {
    position: absolute;
    bottom: 60px;
    right: 60px;
    max-width: 300px; }
    @media (max-width: 568px) {
      body.renewal2024 .top-hall-slide__info-box {
        display: none; } }
    body.renewal2024 .top-hall-slide__info-box .of-title {
      font-size: 10px;
      padding: 0 0 10px;
      border-bottom: 1px solid;
      margin: 0 0 20px; }
    body.renewal2024 .top-hall-slide__info-box p {
      margin: 0; }
      body.renewal2024 .top-hall-slide__info-box p.of-access:before {
        content: "";
        display: inline-block;
        width: 14px;
        height: 10px;
        background: url(/images/icons/car.svg) center center/contain no-repeat;
        margin: 0 .5em 0 0; }
  body.renewal2024 .top-hall-slide-title {
    display: flex;
    align-items: center;
    font-size: 22px;
    font-weight: bold;
    margin: 0 0 30px; }
    @media (max-width: 568px) {
      body.renewal2024 .top-hall-slide-title {
        font-size: 18px;
        margin: 0 0 15px; } }
    body.renewal2024 .top-hall-slide-title .of-label {
      color: #d3d3d3;
      font-size: 10px;
      margin: 0 10px 0 0; }
    body.renewal2024 .top-hall-slide-title .of-arw {
      width: 30px;
      height: 30px;
      border-radius: 50%;
      border: 1px solid;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      position: relative;
      margin: 0 0 0 10px; }
      @media (max-width: 568px) {
        body.renewal2024 .top-hall-slide-title .of-arw {
          -webkit-transform: scale(0.8);
                  transform: scale(0.8); } }
      body.renewal2024 .top-hall-slide-title .of-arw:before {
        content: "";
        display: block;
        width: 7px;
        height: 7px;
        border-top: 1px solid;
        border-right: 1px solid;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-70%, -50%) rotate(45deg);
                transform: translate(-70%, -50%) rotate(45deg); }

body.renewal2024 .top-hall-thumb-list {
  max-width: 1200px;
  margin: 0 auto 90px;
  display: flex; }
  @media (max-width: 568px) {
    body.renewal2024 .top-hall-thumb-list {
      flex-wrap: wrap;
      margin-bottom: 30px; } }
  body.renewal2024 .top-hall-thumb-list-item {
    width: 25%;
    padding: 0 1px; }
    @media (max-width: 568px) {
      body.renewal2024 .top-hall-thumb-list-item {
        width: 50%;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 0 1px 1px 0;
        position: relative; } }
    body.renewal2024 .top-hall-thumb-list-item:first-child {
      padding-left: 0; }
    body.renewal2024 .top-hall-thumb-list-item:last-child {
      padding-right: 0; }
    body.renewal2024 .top-hall-thumb-list-item:nth-child(even) {
      padding-right: 0; }
    body.renewal2024 .top-hall-thumb-list-item .cover {
      display: block;
      height: 165px; }
      @media (max-width: 568px) {
        body.renewal2024 .top-hall-thumb-list-item .cover {
          height: 140px; } }
      body.renewal2024 .top-hall-thumb-list-item .cover.of-inage {
        background: url(/images/hall-large-inage.jpg) center center/cover no-repeat; }
      body.renewal2024 .top-hall-thumb-list-item .cover.of-mobara {
        background: url(/images/hall-mohara.jpg) center center/cover no-repeat; }
      body.renewal2024 .top-hall-thumb-list-item .cover.of-narita {
        background: url(/images/hall-large-narita.jpg) center center/cover no-repeat; }
      body.renewal2024 .top-hall-thumb-list-item .cover.of-ichihara {
        background: url(/images/hall-ichihara.jpg) center center/cover no-repeat; }
    body.renewal2024 .top-hall-thumb-list-item .title {
      text-align: center;
      padding: 15px 0;
      margin: 0 20px 20px;
      border-bottom: 1px solid rgba(22, 27, 97, 0.3);
      color: #333; }
      @media (max-width: 568px) {
        body.renewal2024 .top-hall-thumb-list-item .title {
          position: absolute;
          bottom: 10px;
          left: 10px;
          font-size: 12px;
          padding: 0;
          margin: 0;
          border: none;
          color: #fff; } }
    body.renewal2024 .top-hall-thumb-list-item .area-list {
      display: flex;
      margin: 0 20px;
      color: #666666; }
      @media (max-width: 568px) {
        body.renewal2024 .top-hall-thumb-list-item .area-list {
          display: none; } }
      body.renewal2024 .top-hall-thumb-list-item .area-list p {
        margin: 0; }
    body.renewal2024 .top-hall-thumb-list-item .area-list-title {
      font-size: 14px;
      width: 14px;
      line-height: 1.1;
      margin: 6px 20px 0 0; }

body.renewal2024 .top-hall-bottom {
  display: flex;
  align-items: center;
  justify-content: center; }
  @media (max-width: 568px) {
    body.renewal2024 .top-hall-bottom {
      display: block; } }
  body.renewal2024 .top-hall-bottom p {
    margin: 0 60px 0 0;
    color: #666; }
    @media (max-width: 568px) {
      body.renewal2024 .top-hall-bottom p {
        margin: 0 auto 30px;
        font-size: 12px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content; } }
body.renewal2024 .top-concierge {
  background: -webkit-gradient(linear, left top, left bottom, from(#ecebf0), to(#f7f6f8));
  background: linear-gradient(to bottom, #ecebf0, #f7f6f8);
  padding: 0 0 120px; }
  @media (max-width: 568px) {
    body.renewal2024 .top-concierge {
      padding: 90px 0; } }
  body.renewal2024 .top-concierge-header {
    max-width: 1200px;
    margin: 0 auto 120px;
    display: flex;
    align-items: flex-end; }
    @media (max-width: 568px) {
      body.renewal2024 .top-concierge-header {
        margin-bottom: 0;
        flex-wrap: wrap; } }
    body.renewal2024 .top-concierge-header p {
      font-size: 14px;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      margin: 0 auto;
      color: #666; }
      @media (max-width: 568px) {
        body.renewal2024 .top-concierge-header p {
          font-size: 12px; } }
  body.renewal2024 .top-concierge-bb {
    width: 50%;
    border-radius: 0 5px 5px 0;
    margin-top: -60px; }
    @media (max-width: 568px) {
      body.renewal2024 .top-concierge-bb {
        width: 75%;
        margin-top: -150px;
        border-radius: 0; } }
  body.renewal2024 .top-concierge-title-box {
    width: 50%;
    padding: 90px 0 30px; }
    @media (max-width: 568px) {
      body.renewal2024 .top-concierge-title-box {
        width: 100%;
        padding: 30px 0; } }
  body.renewal2024 .top-concierge-title {
    text-align: center;
    font-size: 22px;
    font-weight: normal;
    margin: 0 0 50px;
    letter-spacing: .2em;
    color: #4d4d4d; }
    @media (max-width: 568px) {
      body.renewal2024 .top-concierge-title {
        font-size: 18px;
        margin: 0 0 30px; } }
    body.renewal2024 .top-concierge-title .of-label {
      font-size: 10px;
      color: #666666;
      letter-spacing: 0;
      display: block;
      margin: 0 auto 30px; }
      @media (max-width: 568px) {
        body.renewal2024 .top-concierge-title .of-label {
          margin-bottom: 10px; } }
  body.renewal2024 .top-concierge-features {
    display: flex;
    justify-content: center;
    max-width: 1140px;
    margin: 0 auto 120px; }
    @media (max-width: 568px) {
      body.renewal2024 .top-concierge-features {
        flex-wrap: wrap;
        margin-bottom: 30px; } }
    body.renewal2024 .top-concierge-features-mobile-icon {
      width: 190px;
      display: block;
      margin: 0 auto 30px; }
  body.renewal2024 .top-concierge-feature {
    width: 33.33%;
    padding: 0 60px;
    color: #666;
    position: relative; }
    @media (max-width: 568px) {
      body.renewal2024 .top-concierge-feature {
        width: 100%;
        padding: 0 0 30px; } }
    body.renewal2024 .top-concierge-feature .icon-box {
      height: 90px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 0 50px; }
      @media (max-width: 568px) {
        body.renewal2024 .top-concierge-feature .icon-box {
          display: none; } }
      body.renewal2024 .top-concierge-feature .icon-box .icon {
        display: block; }
        body.renewal2024 .top-concierge-feature .icon-box .icon.of-01 {
          height: 100%; }
        body.renewal2024 .top-concierge-feature .icon-box .icon.of-02 {
          height: 60px; }
        body.renewal2024 .top-concierge-feature .icon-box .icon.of-03 {
          height: 40px; }
    body.renewal2024 .top-concierge-feature .title {
      font-weight: normal;
      text-align: center;
      color: #333;
      letter-spacing: .2em; }
      @media (max-width: 568px) {
        body.renewal2024 .top-concierge-feature .title {
          margin: 0;
          font-size: 14px; } }
    body.renewal2024 .top-concierge-feature p {
      font-size: 14px; }
      @media (max-width: 568px) {
        body.renewal2024 .top-concierge-feature p {
          display: none; } }
    body.renewal2024 .top-concierge-feature:not(:last-child):after {
      content: "";
      display: block;
      width: 1px;
      height: 150px;
      background: rgba(173, 173, 173, 0.5);
      position: absolute;
      bottom: 0;
      right: 0; }
      @media (max-width: 568px) {
        body.renewal2024 .top-concierge-feature:not(:last-child):after {
          display: none; } }
body.renewal2024 .top-special-plan {
  max-width: 1200px;
  margin: 0 auto;
  height: 600px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff; }
  @media (max-width: 568px) {
    body.renewal2024 .top-special-plan {
      height: 360px; } }
  body.renewal2024 .top-special-plan.of-time-share-plan {
    background: url(/images/time-share-plan-cover.jpg) center center/cover no-repeat; }
  body.renewal2024 .top-special-plan .title {
    font-family: 'Cinzel', serif;
    font-size: 30px;
    margin: 0 0 50px;
    letter-spacing: .2em; }
    @media (max-width: 568px) {
      body.renewal2024 .top-special-plan .title {
        font-size: 23px;
        margin: 0 0 15px; } }
  body.renewal2024 .top-special-plan .txt {
    font-weight: bold;
    font-size: 16px;
    letter-spacing: .1em; }
    @media (max-width: 568px) {
      body.renewal2024 .top-special-plan .txt {
        font-size: 12px; } }
  body.renewal2024 .top-special-plan .arw {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    margin: 30px auto 0; }
    @media (max-width: 568px) {
      body.renewal2024 .top-special-plan .arw {
        -webkit-transform: scale(0.8);
                transform: scale(0.8);
        margin-top: 15px; } }
    body.renewal2024 .top-special-plan .arw:before {
      content: "";
      display: block;
      width: 7px;
      height: 7px;
      border-top: 1px solid;
      border-right: 1px solid;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-70%, -50%) rotate(45deg);
              transform: translate(-70%, -50%) rotate(45deg); }

body.renewal2024 .top-episode {
  max-width: 1200px;
  margin: 0 auto;
  padding: 120px 0; }
  @media (max-width: 568px) {
    body.renewal2024 .top-episode {
      padding: 60px 0; } }
  body.renewal2024 .top-episode-bb {
    width: 66%;
    height: 550px;
    background: url(/images/top-episode-bb.jpg) center center/cover no-repeat; }
    @media (max-width: 568px) {
      body.renewal2024 .top-episode-bb {
        width: 80%;
        height: 230px; } }
  body.renewal2024 .top-episode-catch {
    background: #fff;
    padding: 60px 0 0;
    width: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    left: 50%;
    margin-top: -150px;
    margin-bottom: 120px;
    font-size: 24px;
    letter-spacing: .2em;
    text-align: center;
    line-height: 2; }
    @media (max-width: 568px) {
      body.renewal2024 .top-episode-catch {
        width: 75%;
        left: 25%;
        font-size: 18px;
        padding: 30px 0 0;
        margin-top: -90px;
        margin-bottom: 60px; } }
  body.renewal2024 .top-episode p {
    text-align: center;
    color: #666666;
    margin: 0 0 60px; }
    @media (max-width: 568px) {
      body.renewal2024 .top-episode p {
        font-size: 12px; } }
body.renewal2024 .top-bottom-concept {
  background: url(/images/top-bottom-concept-bb.jpg) 60% center/cover no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  height: 700px;
  max-width: 1200px;
  margin: 0 auto; }
  @media (max-width: 568px) {
    body.renewal2024 .top-bottom-concept {
      height: 100vh; } }
  body.renewal2024 .top-bottom-concept .catch {
    font-size: 27px;
    letter-spacing: .2em;
    line-height: 2; }
    @media (max-width: 568px) {
      body.renewal2024 .top-bottom-concept .catch {
        font-size: 24px; } }
body.renewal2024 .pickup-section {
  padding: 120px 0; }
  @media (max-width: 568px) {
    body.renewal2024 .pickup-section {
      padding: 90px 0; } }
  body.renewal2024 .pickup-section-title {
    text-align: center;
    font-weight: normal;
    font-size: 18px;
    margin: 0 0 90px;
    letter-spacing: .1em;
    color: #494380; }
    @media (max-width: 568px) {
      body.renewal2024 .pickup-section-title {
        margin: 0 0 60px;
        font-size: 16px; } }
@media (max-width: 568px) {
  body.renewal2024 .latest-pickup-items-wrap {
    overflow: hidden; } }

body.renewal2024 .latest-pickup-items {
  max-width: 960px;
  margin: 0 auto 60px;
  display: flex; }
  @media (max-width: 568px) {
    body.renewal2024 .latest-pickup-items {
      position: relative;
      width: 240vw;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); } }
  body.renewal2024 .latest-pickup-items .latest-pickup {
    display: block;
    width: 33.33%;
    padding: 0 1px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #666666; }
    body.renewal2024 .latest-pickup-items .latest-pickup .thumbnail {
      display: block;
      height: 168px;
      margin: 0 0 30px; }
    body.renewal2024 .latest-pickup-items .latest-pickup .date {
      text-align: center;
      margin: 0 0 20px;
      font-size: 10px; }
    body.renewal2024 .latest-pickup-items .latest-pickup .title {
      font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", YuGothic, "游ゴシック", Meiryo, "メイリオ", "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
      line-height: 1.8em;
      font-size: 12px;
      margin: 0 30px; }
      @media (max-width: 568px) {
        body.renewal2024 .latest-pickup-items .latest-pickup .title {
          font-size: 10px; } }
  body.renewal2024 .latest-pickup-items.of-all-items {
    flex-wrap: wrap; }
    @media (max-width: 568px) {
      body.renewal2024 .latest-pickup-items.of-all-items {
        width: 100%;
        left: 0;
        -webkit-transform: translateX(0);
                transform: translateX(0); } }
    body.renewal2024 .latest-pickup-items.of-all-items .latest-pickup {
      margin: 0 0 50px; }
      @media (max-width: 568px) {
        body.renewal2024 .latest-pickup-items.of-all-items .latest-pickup {
          width: 100%;
          margin: 0 0 30px; } }
body.renewal2024 .hall-thumb-list {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap; }
  body.renewal2024 .hall-thumb-list-item {
    width: 25%;
    padding: 0 1px;
    color: #494380;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    @media (max-width: 568px) {
      body.renewal2024 .hall-thumb-list-item {
        width: 50%;
        padding-bottom: 20px; } }
    body.renewal2024 .hall-thumb-list-item:first-child {
      padding-left: 0; }
    @media (max-width: 568px) {
      body.renewal2024 .hall-thumb-list-item:nth-last-child(2) {
        padding-bottom: 0; } }
    body.renewal2024 .hall-thumb-list-item:last-child {
      padding-right: 0; }
      @media (max-width: 568px) {
        body.renewal2024 .hall-thumb-list-item:last-child {
          padding-bottom: 0; } }
    @media (max-width: 568px) {
      body.renewal2024 .hall-thumb-list-item:nth-child(even) {
        padding-right: 0; } }
    @media (max-width: 568px) {
      body.renewal2024 .hall-thumb-list-item:nth-child(odd) {
        padding-left: 0; } }
    body.renewal2024 .hall-thumb-list-item .thumb {
      display: block;
      height: 165px;
      margin: 0 0 30px; }
      @media (max-width: 568px) {
        body.renewal2024 .hall-thumb-list-item .thumb {
          height: 104px;
          margin: 0 0 15px; } }
      body.renewal2024 .hall-thumb-list-item .thumb.of-inage {
        background: url(/images/hall-large-inage.jpg) center center/cover no-repeat; }
      body.renewal2024 .hall-thumb-list-item .thumb.of-mobara {
        background: url(/images/hall-mohara.jpg) center center/cover no-repeat; }
      body.renewal2024 .hall-thumb-list-item .thumb.of-narita {
        background: url(/images/hall-large-narita.jpg) center center/cover no-repeat; }
      body.renewal2024 .hall-thumb-list-item .thumb.of-ichihara {
        background: url(/images/hall-ichihara.jpg) center center/cover no-repeat; }
    body.renewal2024 .hall-thumb-list-item .title {
      text-align: center;
      padding: 0 0 15px;
      margin: 0 20px 20px;
      font-size: 14px;
      border-bottom: 1px solid rgba(73, 67, 128, 0.3); }
      @media (max-width: 568px) {
        body.renewal2024 .hall-thumb-list-item .title {
          padding: 0 0 8px;
          margin: 0 10px 15px;
          font-size: 12px; } }
    body.renewal2024 .hall-thumb-list-item p {
      font-size: 12px;
      margin: 0;
      text-align: center; }
      @media (max-width: 568px) {
        body.renewal2024 .hall-thumb-list-item p {
          font-size: 10px; } }
body.renewal2024.hall-show .plan-section, body.renewal2024.hall-show .pickup-section {
  padding-bottom: 0; }

body.renewal2024 .subdir-bb.of-hall-inage {
  background: url(/images/hall-large-inage.jpg) center center/cover no-repeat; }

body.renewal2024 .subdir-bb.of-hall-mobara {
  background: url(/images/hall-mohara.jpg) center center/cover no-repeat; }

body.renewal2024 .subdir-bb.of-hall-narita {
  background: url(/images/hall-large-narita.jpg) center center/cover no-repeat; }

body.renewal2024 .subdir-bb.of-hall-ichihara {
  background: url(/images/hall-ichihara.jpg) center center/cover no-repeat; }

body.renewal2024 .hall-summary {
  display: flex;
  flex-wrap: wrap;
  padding: 120px 0;
  max-width: 1200px;
  margin: 0 auto; }
  @media (max-width: 568px) {
    body.renewal2024 .hall-summary {
      padding: 50px 0; } }
  body.renewal2024 .hall-summary__cover-box {
    width: 50%; }
    @media (max-width: 568px) {
      body.renewal2024 .hall-summary__cover-box {
        width: 100%;
        padding: 0 30px 0 0;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; } }
  body.renewal2024 .hall-summary__info-box {
    width: 50%;
    padding: 0 60px 60px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    @media (max-width: 568px) {
      body.renewal2024 .hall-summary__info-box {
        width: 100%;
        padding: 0 30px; } }
  body.renewal2024 .hall-summary__access-box {
    width: 100%; }
  body.renewal2024 .hall-summary .hall-cover {
    height: 385px;
    border-radius: 0 3px 3px 0; }
    @media (max-width: 568px) {
      body.renewal2024 .hall-summary .hall-cover {
        height: 220px; } }
    body.renewal2024 .hall-summary .hall-cover.of-inage {
      background: url(/images/inage-bb5.jpg) center center/cover no-repeat; }
    body.renewal2024 .hall-summary .hall-cover.of-mobara {
      background: url(/images/mohara-bb1.jpg) center center/cover no-repeat; }
    body.renewal2024 .hall-summary .hall-cover.of-narita {
      background: url(/images/narita-bb5.jpg) center center/cover no-repeat; }
    body.renewal2024 .hall-summary .hall-cover.of-ichihara {
      background: url(/images/ichihara-bb2.jpg) center center/cover no-repeat; }
  body.renewal2024 .hall-summary .hall-title {
    padding: 30px 0;
    margin: 0;
    font-size: 22px;
    font-weight: normal;
    color: #161b61; }
    @media (max-width: 568px) {
      body.renewal2024 .hall-summary .hall-title {
        padding: 40px 0 20px;
        font-size: 19px; } }
    body.renewal2024 .hall-summary .hall-title .of-label {
      font-size: 10px;
      opacity: .5;
      margin: 0 0 0 1em; }
  body.renewal2024 .hall-summary .hall-target-area {
    background: rgba(73, 67, 128, 0.1);
    padding: 30px;
    margin: 0 0 30px; }
    @media (max-width: 568px) {
      body.renewal2024 .hall-summary .hall-target-area {
        padding: 20px 10px;
        margin: 0 0 20px; } }
    body.renewal2024 .hall-summary .hall-target-area .title {
      color: #494380;
      margin: 0 0 15px; }
      @media (max-width: 568px) {
        body.renewal2024 .hall-summary .hall-target-area .title {
          margin: 0 0 10px;
          font-size: 12px; } }
    body.renewal2024 .hall-summary .hall-target-area p {
      padding: 0 30px;
      margin: 0;
      color: #666666; }
      @media (max-width: 568px) {
        body.renewal2024 .hall-summary .hall-target-area p {
          padding: 0 20px;
          font-size: 12px; } }
  body.renewal2024 .hall-summary .hall-description {
    color: #666666;
    font-size: 14px;
    letter-spacing: 0;
    margin: 0 0 30px; }
    @media (max-width: 568px) {
      body.renewal2024 .hall-summary .hall-description {
        font-size: 12px;
        margin: 0 0 15px; } }
  @media (max-width: 568px) {
    body.renewal2024 .hall-summary .hall-info-table {
      margin: 0 0 25px; } }
  body.renewal2024 .hall-summary .hall-info-table th, body.renewal2024 .hall-summary .hall-info-table td {
    padding: 20px 0;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0;
    color: #666666;
    vertical-align: top;
    line-height: 1.8; }
    @media (max-width: 568px) {
      body.renewal2024 .hall-summary .hall-info-table th, body.renewal2024 .hall-summary .hall-info-table td {
        padding: 15px 0;
        font-size: 12px; } }
  body.renewal2024 .hall-summary .hall-info-table th {
    padding-right: 20px; }
    @media (max-width: 568px) {
      body.renewal2024 .hall-summary .hall-info-table th {
        padding-right: 10px;
        white-space: nowrap; } }
  body.renewal2024 .hall-summary .hall-info-table .of-tel-item {
    display: inline-block; }
    body.renewal2024 .hall-summary .hall-info-table .of-tel-item:not(:last-child) {
      margin: 0 1em 0 0; }

body.renewal2024 .hall-access-list {
  max-width: 1050px;
  margin: 0 auto;
  padding: 0;
  display: flex;
  justify-content: center; }
  @media (max-width: 568px) {
    body.renewal2024 .hall-access-list {
      display: block; } }
  body.renewal2024 .hall-access-list li {
    list-style: none;
    width: 33.33%;
    border-right: 1px solid rgba(145, 145, 145, 0.5);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 85px 0 0;
    position: relative; }
    @media (max-width: 568px) {
      body.renewal2024 .hall-access-list li {
        width: 100%;
        padding: 0 0 40px;
        margin: 35px 0 0;
        border: none; }
        body.renewal2024 .hall-access-list li:last-child {
          padding: 0; } }
    body.renewal2024 .hall-access-list li:last-child {
      border: none; }
    body.renewal2024 .hall-access-list li .icon-box {
      height: 35px;
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      top: -85px;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); }
      @media (max-width: 568px) {
        body.renewal2024 .hall-access-list li .icon-box {
          top: -35px;
          height: 21px; } }
      body.renewal2024 .hall-access-list li .icon-box .icon {
        height: 100%; }
        body.renewal2024 .hall-access-list li .icon-box .icon.of-bus {
          height: 26px; }
          @media (max-width: 568px) {
            body.renewal2024 .hall-access-list li .icon-box .icon.of-bus {
              height: 15px; } }
        body.renewal2024 .hall-access-list li .icon-box .icon.of-car {
          height: 21px; }
          @media (max-width: 568px) {
            body.renewal2024 .hall-access-list li .icon-box .icon.of-car {
              height: 12px; } }
    body.renewal2024 .hall-access-list li .title {
      color: #4d4d4d;
      text-align: center;
      margin: 0 0 30px; }
      @media (max-width: 568px) {
        body.renewal2024 .hall-access-list li .title {
          font-size: 12px;
          margin: 0 0 15px; } }
    body.renewal2024 .hall-access-list li p {
      font-size: 14px;
      min-height: 8em;
      text-align: center;
      color: #666666;
      padding: 0 45px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0; }
      @media (max-width: 568px) {
        body.renewal2024 .hall-access-list li p {
          font-size: 12px;
          min-height: 1em;
          max-width: 320px;
          margin: 0 auto; } }
body.renewal2024 .hall-feature {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(73, 67, 128, 0.1)), to(rgba(73, 67, 128, 0)));
  background: linear-gradient(to bottom, rgba(73, 67, 128, 0.1), rgba(73, 67, 128, 0));
  padding: 120px 0; }
  @media (max-width: 568px) {
    body.renewal2024 .hall-feature {
      padding: 60px 0; } }
  body.renewal2024 .hall-feature-title {
    text-align: center;
    font-size: 20px;
    font-weight: normal;
    margin: 0 0 90px;
    color: #4d4d4d; }
    @media (max-width: 568px) {
      body.renewal2024 .hall-feature-title {
        font-size: 17px;
        margin: 0 0 50px; } }
body.renewal2024 .hall-feature-slider-wrap {
  position: relative;
  overflow: hidden;
  max-width: 1200px;
  padding: 0 0 100px;
  margin: 0 auto; }
  @media (max-width: 568px) {
    body.renewal2024 .hall-feature-slider-wrap {
      padding: 0 0 45px; } }
body.renewal2024 .hall-feature-slider {
  width: 1600px;
  position: relative;
  left: 50%;
  margin-left: -800px; }
  @media (max-width: 568px) {
    body.renewal2024 .hall-feature-slider {
      width: 240vw;
      margin-left: -120vw; } }
  body.renewal2024 .hall-feature-slider .slick-slide {
    opacity: .7; }
    body.renewal2024 .hall-feature-slider .slick-slide.slick-current {
      opacity: 1; }
  body.renewal2024 .hall-feature-slider .slick-dots {
    display: none !important; }
  body.renewal2024 .hall-feature-slider .slick-prev, body.renewal2024 .hall-feature-slider .slick-next {
    top: 100%;
    left: 50%;
    right: auto;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid rgba(73, 67, 128, 0.5);
    margin: 60px 0 0; }
    @media (max-width: 568px) {
      body.renewal2024 .hall-feature-slider .slick-prev, body.renewal2024 .hall-feature-slider .slick-next {
        margin: 30px 0 0;
        width: 30px;
        height: 30px; } }
    body.renewal2024 .hall-feature-slider .slick-prev:before, body.renewal2024 .hall-feature-slider .slick-next:before {
      content: "";
      display: block;
      width: 6px;
      height: 6px;
      border-top: 1px solid #494380;
      border-right: 1px solid #494380;
      position: absolute;
      top: 50%;
      left: 50%; }
  body.renewal2024 .hall-feature-slider .slick-prev {
    margin-left: -50px; }
    @media (max-width: 568px) {
      body.renewal2024 .hall-feature-slider .slick-prev {
        margin-left: -40px; } }
    body.renewal2024 .hall-feature-slider .slick-prev:before {
      -webkit-transform: translate(-30%, -50%) rotate(-135deg);
              transform: translate(-30%, -50%) rotate(-135deg); }
  body.renewal2024 .hall-feature-slider .slick-next {
    margin-left: 10px; }
    body.renewal2024 .hall-feature-slider .slick-next:before {
      -webkit-transform: translate(-70%, -50%) rotate(45deg);
              transform: translate(-70%, -50%) rotate(45deg); }

body.renewal2024 .hall-feature-slide {
  padding: 0 15px; }
  @media (max-width: 568px) {
    body.renewal2024 .hall-feature-slide {
      padding: 0 10px; } }
  body.renewal2024 .hall-feature-slide .of-label {
    color: #6e6b90;
    font-size: 10px;
    margin: 0 0 10px; }
  body.renewal2024 .hall-feature-slide img {
    display: block;
    margin: 0 0 30px; }
    @media (max-width: 568px) {
      body.renewal2024 .hall-feature-slide img {
        margin: 0 0 10px; } }
  body.renewal2024 .hall-feature-slide p {
    color: #666666;
    margin: 0;
    letter-spacing: 0; }
    @media (max-width: 568px) {
      body.renewal2024 .hall-feature-slide p {
        font-size: 12px; } }
body.renewal2024 .plan-section {
  padding: 120px 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#ecebf0), to(#ffffff));
  background: linear-gradient(to bottom, #ecebf0, #ffffff); }
  @media (max-width: 568px) {
    body.renewal2024 .plan-section {
      padding: 90px 0; } }
  body.renewal2024 .plan-section-title {
    text-align: center;
    font-size: 22px;
    color: #4d4d4d;
    font-weight: normal;
    letter-spacing: .2em;
    margin: 0 0 30px; }
    @media (max-width: 568px) {
      body.renewal2024 .plan-section-title {
        font-size: 18px; } }
    body.renewal2024 .plan-section-title__label {
      width: 48px;
      display: block;
      margin: 0 auto 30px; }
      @media (max-width: 568px) {
        body.renewal2024 .plan-section-title__label {
          width: 42px; } }
  body.renewal2024 .plan-section__shindan-opener {
    text-align: center;
    margin: 0 0 30px; }
  body.renewal2024 .plan-section-description {
    text-align: center;
    font-size: 14px;
    color: #666;
    margin: 0 0 60px; }
    @media (max-width: 568px) {
      body.renewal2024 .plan-section-description {
        font-size: 12px; } }
body.renewal2024 .plan-list {
  max-width: 1160px;
  padding: 0 10px;
  margin: 0 auto;
  display: flex; }
  @media (max-width: 568px) {
    body.renewal2024 .plan-list {
      flex-wrap: wrap; } }
  body.renewal2024 .plan-list-item {
    width: 33.33%;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    @media (max-width: 568px) {
      body.renewal2024 .plan-list-item {
        width: 100%;
        padding-bottom: 60px; }
        body.renewal2024 .plan-list-item:last-child {
          padding-bottom: 0; } }
    body.renewal2024 .plan-list-item-title {
      text-align: center;
      font-size: 15px;
      font-weight: normal;
      padding: 0 0 25px;
      margin: 0 0 30px;
      letter-spacing: .2em; }
      body.renewal2024 .plan-list-item-title:before {
        content: "style";
        display: block;
        margin: 0 0 5px;
        opacity: .5;
        letter-spacing: 0; }
    body.renewal2024 .plan-list-item-card {
      background: #fff;
      border-radius: 5px;
      overflow: hidden;
      position: relative; }
      body.renewal2024 .plan-list-item-card-title {
        padding: 15px 0;
        color: #fff;
        font-size: 24px;
        font-weight: normal;
        text-align: center;
        margin: 0 0 20px; }
        body.renewal2024 .plan-list-item-card-title .of-bigger {
          font-size: 32px; }
      body.renewal2024 .plan-list-item-card-description {
        text-align: center;
        font-size: 17px;
        margin: 0 0 20px; }
      body.renewal2024 .plan-list-item-card-flow {
        display: block;
        width: 90%;
        margin: 0 auto 30px; }
      body.renewal2024 .plan-list-item-card-img-box img {
        display: block; }
      body.renewal2024 .plan-list-item-card-cta {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 20px 0 30px;
        color: #fff; }
        body.renewal2024 .plan-list-item-card-cta .badge {
          position: absolute;
          bottom: 100%;
          left: 0;
          margin: 20px;
          width: 63px;
          display: block; }
          @media (max-width: 568px) {
            body.renewal2024 .plan-list-item-card-cta .badge {
              width: 54px; } }
      body.renewal2024 .plan-list-item-card-price {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 50px;
        margin: 0 0 10px; }
        @media (max-width: 568px) {
          body.renewal2024 .plan-list-item-card-price {
            font-size: 45px; } }
        body.renewal2024 .plan-list-item-card-price .of-prefix {
          width: 17px;
          font-size: 17px;
          line-height: 1.1;
          margin: .4em 5px 0 0; }
        body.renewal2024 .plan-list-item-card-price .of-suffix {
          font-size: 24px; }
    body.renewal2024 .plan-list-item.of-a .plan-list-item-title {
      color: #231578;
      background: url(/images/plan/balloon-line-a.png) center bottom/194px auto no-repeat; }
    body.renewal2024 .plan-list-item.of-a .plan-list-item-card-title {
      background: #4f4491; }
    body.renewal2024 .plan-list-item.of-a .plan-list-item-card-description {
      color: #231578; }
    body.renewal2024 .plan-list-item.of-a .plan-list-item-card-cta {
      background: rgba(35, 21, 120, 0.6); }
    body.renewal2024 .plan-list-item.of-b .plan-list-item-title {
      color: #0f347c;
      background: url(/images/plan/balloon-line-b.png) center bottom/194px auto no-repeat; }
    body.renewal2024 .plan-list-item.of-b .plan-list-item-card-title {
      background: #3f5d94; }
    body.renewal2024 .plan-list-item.of-b .plan-list-item-card-description {
      color: #0f347c; }
    body.renewal2024 .plan-list-item.of-b .plan-list-item-card-cta {
      background: rgba(15, 52, 124, 0.6); }
    body.renewal2024 .plan-list-item.of-c .plan-list-item-title {
      color: #1d5e77;
      background: url(/images/plan/balloon-line-c.png) center bottom/194px auto no-repeat; }
    body.renewal2024 .plan-list-item.of-c .plan-list-item-card-title {
      background: #4a7e90; }
    body.renewal2024 .plan-list-item.of-c .plan-list-item-card-description {
      color: #1d5e77; }
    body.renewal2024 .plan-list-item.of-c .plan-list-item-card-cta {
      background: rgba(29, 94, 119, 0.6); }

body.renewal2024 .plan-thumb-list {
  max-width: 1200px;
  margin: 0 auto;
  display: flex; }
  @media (max-width: 568px) {
    body.renewal2024 .plan-thumb-list {
      flex-wrap: wrap; } }
  body.renewal2024 .plan-thumb-list-item {
    width: 33.33%;
    padding: 0 1px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    @media (max-width: 568px) {
      body.renewal2024 .plan-thumb-list-item {
        width: 100%;
        padding: 0 0 60px; } }
    body.renewal2024 .plan-thumb-list-item:first-child {
      padding-left: 0; }
    body.renewal2024 .plan-thumb-list-item:last-child {
      padding-right: 0; }
      @media (max-width: 568px) {
        body.renewal2024 .plan-thumb-list-item:last-child {
          padding-bottom: 0; } }
    body.renewal2024 .plan-thumb-list-item-title {
      text-align: center;
      font-size: 15px;
      font-weight: normal;
      padding: 0 0 25px;
      margin: 0 0 30px;
      letter-spacing: .2em; }
      body.renewal2024 .plan-thumb-list-item-title:before {
        content: "style";
        display: block;
        margin: 0 0 5px;
        opacity: .5;
        letter-spacing: 0; }
    body.renewal2024 .plan-thumb-list-item-card {
      background: #fff;
      overflow: hidden;
      position: relative;
      height: 254px;
      display: block; }
      @media (max-width: 568px) {
        body.renewal2024 .plan-thumb-list-item-card {
          height: 240px; } }
      body.renewal2024 .plan-thumb-list-item-card.of-a {
        background: url(/images/plan/plan-a-thumb.jpg?20240329) center center/cover no-repeat; }
      body.renewal2024 .plan-thumb-list-item-card.of-b {
        background: url(/images/plan/plan-b-thumb.jpg) center center/cover no-repeat; }
      body.renewal2024 .plan-thumb-list-item-card.of-c {
        background: url(/images/plan/plan-c-thumb.jpg?20240329) center center/cover no-repeat; }
      body.renewal2024 .plan-thumb-list-item-card .icon {
        position: absolute;
        bottom: 80px;
        left: 20px;
        width: 64px; }
      body.renewal2024 .plan-thumb-list-item-card-title {
        padding: 20px 15px;
        color: #fff;
        font-size: 18px;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        letter-spacing: 0;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        text-align: center; }
        @media (max-width: 1100px) {
          body.renewal2024 .plan-thumb-list-item-card-title {
            text-align: left; } }
        body.renewal2024 .plan-thumb-list-item-card-title .of-bigger {
          font-size: 21px; }
        body.renewal2024 .plan-thumb-list-item-card-title .of-arw {
          width: 40px;
          height: 40px;
          border-radius: 50%;
          border: 1px solid rgba(255, 255, 255, 0.5);
          position: absolute;
          top: 50%;
          right: 15px;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%); }
          body.renewal2024 .plan-thumb-list-item-card-title .of-arw:before {
            content: "";
            display: block;
            width: 6px;
            height: 6px;
            border-top: 1px solid #fff;
            border-right: 1px solid #fff;
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-70%, -50%) rotate(45deg);
                    transform: translate(-70%, -50%) rotate(45deg); }
    body.renewal2024 .plan-thumb-list-item.of-a .plan-thumb-list-item-title {
      color: #231578;
      background: url(/images/plan/balloon-line-a.png) center bottom/194px auto no-repeat; }
    body.renewal2024 .plan-thumb-list-item.of-a .plan-thumb-list-item-card-title {
      background: #4f4491; }
    body.renewal2024 .plan-thumb-list-item.of-b .plan-thumb-list-item-title {
      color: #0f347c;
      background: url(/images/plan/balloon-line-b.png) center bottom/194px auto no-repeat; }
    body.renewal2024 .plan-thumb-list-item.of-b .plan-thumb-list-item-card-title {
      background: #3f5d94; }
    body.renewal2024 .plan-thumb-list-item.of-c .plan-thumb-list-item-title {
      color: #1d5e77;
      background: url(/images/plan/balloon-line-c.png) center bottom/194px auto no-repeat; }
    body.renewal2024 .plan-thumb-list-item.of-c .plan-thumb-list-item-card-title {
      background: #4a7e90; }

body.renewal2024 .plan-intro {
  max-width: 1200px;
  padding: 60px 0;
  margin: 0 auto;
  display: flex;
  align-items: center; }
  @media (max-width: 568px) {
    body.renewal2024 .plan-intro {
      display: block;
      padding: 60px 0 0; } }
  body.renewal2024 .plan-intro__txt-box {
    width: 50%;
    padding: 0 60px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    @media (max-width: 568px) {
      body.renewal2024 .plan-intro__txt-box {
        width: 100%;
        padding: 0 30px 60px; } }
  body.renewal2024 .plan-intro__img-box {
    width: 50%;
    position: relative; }
    @media (max-width: 568px) {
      body.renewal2024 .plan-intro__img-box {
        width: 100%; } }
    @media (max-width: 568px) {
      body.renewal2024 .plan-intro__img-box.of-plan-show {
        margin: 0 0 30px; } }
    body.renewal2024 .plan-intro__img-box img {
      display: block;
      border-radius: 5px 0 0 5px; }
      @media (max-width: 568px) {
        body.renewal2024 .plan-intro__img-box img {
          border-radius: 0; } }
      body.renewal2024 .plan-intro__img-box img.icon {
        position: absolute;
        bottom: 30px;
        left: 30px;
        width: 64px;
        border-radius: 0; }
    @media (min-width: 569px) {
      body.renewal2024 .plan-intro__img-box.of-plan-show img {
        border-radius: 0 5px 5px 0; } }
  body.renewal2024 .plan-intro-subtitle {
    text-align: center;
    font-size: 15px;
    font-weight: normal;
    padding: 0 0 25px;
    margin: 0 0 30px;
    letter-spacing: .2em; }
    body.renewal2024 .plan-intro-subtitle:before {
      content: "style";
      display: block;
      margin: 0 0 5px;
      opacity: .5;
      letter-spacing: 0; }
    body.renewal2024 .plan-intro-subtitle.of-a {
      color: #231578;
      background: url(/images/plan/balloon-line-a.png) center bottom/194px auto no-repeat; }
    body.renewal2024 .plan-intro-subtitle.of-b {
      color: #0f347c;
      background: url(/images/plan/balloon-line-b.png) center bottom/194px auto no-repeat; }
    body.renewal2024 .plan-intro-subtitle.of-c {
      color: #1d5e77;
      background: url(/images/plan/balloon-line-c.png) center bottom/194px auto no-repeat; }
  body.renewal2024 .plan-intro-title {
    font-size: 30px;
    color: #423a80;
    font-weight: normal;
    margin: 0 0 30px;
    text-align: center; }
    @media (max-width: 568px) {
      body.renewal2024 .plan-intro-title {
        font-size: 24px; } }
    body.renewal2024 .plan-intro-title .-bigger {
      font-size: 42px; }
      @media (max-width: 568px) {
        body.renewal2024 .plan-intro-title .-bigger {
          font-size: 30px; } }
    body.renewal2024 .plan-intro-title.of-b {
      color: #0f347c; }
    body.renewal2024 .plan-intro-title.of-c {
      color: #1d5e77; }
  body.renewal2024 .plan-intro-price-box {
    margin: 0 0 30px; }
    body.renewal2024 .plan-intro-price-box.of-yoko-reverse {
      display: flex;
      flex-direction: row-reverse;
      justify-content: center;
      margin: 0; }
      body.renewal2024 .plan-intro-price-box.of-yoko-reverse .plan-intro-price {
        margin: 0 5px; }
        body.renewal2024 .plan-intro-price-box.of-yoko-reverse .plan-intro-price.of-ippan {
          margin-top: 14px; }
  body.renewal2024 .plan-intro-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 300px;
    margin: 0 auto 10px;
    letter-spacing: 0; }
    body.renewal2024 .plan-intro-price:last-child {
      margin-bottom: 0; }
    body.renewal2024 .plan-intro-price .label {
      width: 30px;
      border-radius: 1px;
      color: #fff;
      font-size: 10px;
      line-height: 1.1;
      text-align: center;
      padding: 4px 0;
      margin: 0 10px 0 0;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      white-space: nowrap; }
    body.renewal2024 .plan-intro-price .price-wrap {
      display: flex;
      align-items: center; }
    body.renewal2024 .plan-intro-price .tax {
      line-height: 1.1;
      margin: 0 .5em 0 0; }
    body.renewal2024 .plan-intro-price.of-member .label, body.renewal2024 .plan-intro-price.of-saijo .label, body.renewal2024 .plan-intro-price.of-saidan .label {
      height: 30px;
      background: #423a80; }
    body.renewal2024 .plan-intro-price.of-member .price-wrap, body.renewal2024 .plan-intro-price.of-saijo .price-wrap, body.renewal2024 .plan-intro-price.of-saidan .price-wrap {
      color: #423a80; }
      body.renewal2024 .plan-intro-price.of-member .price-wrap .tax, body.renewal2024 .plan-intro-price.of-saijo .price-wrap .tax, body.renewal2024 .plan-intro-price.of-saidan .price-wrap .tax {
        font-size: 14px;
        width: 14px; }
    body.renewal2024 .plan-intro-price.of-member .price, body.renewal2024 .plan-intro-price.of-saijo .price, body.renewal2024 .plan-intro-price.of-saidan .price {
      font-size: 18px; }
    body.renewal2024 .plan-intro-price.of-member .price-num, body.renewal2024 .plan-intro-price.of-saijo .price-num, body.renewal2024 .plan-intro-price.of-saidan .price-num {
      font-size: 40px; }
      @media (max-width: 568px) {
        body.renewal2024 .plan-intro-price.of-member .price-num, body.renewal2024 .plan-intro-price.of-saijo .price-num, body.renewal2024 .plan-intro-price.of-saidan .price-num {
          font-size: 30px; } }
    body.renewal2024 .plan-intro-price.of-ippan .label {
      height: 15px;
      background: #858585;
      padding-top: 2px; }
    body.renewal2024 .plan-intro-price.of-ippan .price-wrap {
      color: #858585; }
      body.renewal2024 .plan-intro-price.of-ippan .price-wrap .tax {
        font-size: 10px;
        width: 10px; }
    body.renewal2024 .plan-intro-price.of-ippan .price {
      font-size: 11px; }
    body.renewal2024 .plan-intro-price.of-ippan .price-num {
      font-size: 24px; }
  body.renewal2024 .plan-intro-people {
    color: #494380;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eae9ef;
    height: 38px;
    border-radius: 50px;
    padding: 0 20px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto 30px; }
    body.renewal2024 .plan-intro-people.of-b {
      background: #e4e7ed;
      color: #0f347c; }
    body.renewal2024 .plan-intro-people.of-c {
      background: #e0e8eb;
      color: #1d5e77; }
    body.renewal2024 .plan-intro-people:before {
      content: "";
      display: block;
      width: 18px;
      height: 18px;
      background: url(/images/plan/icon-people.svg) center center/contain no-repeat;
      margin: 0 10px 0 0; }
  body.renewal2024 .plan-intro-flow {
    max-width: 310px;
    margin: 0 auto 50px; }
    body.renewal2024 .plan-intro-flow .flow-img {
      width: 100%; }
    body.renewal2024 .plan-intro-flow .schedule {
      position: relative;
      border-top: 1px solid #000000;
      margin: 30px 0 0; }
      body.renewal2024 .plan-intro-flow .schedule:before, body.renewal2024 .plan-intro-flow .schedule:after {
        content: "";
        display: block;
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: #000;
        position: absolute;
        top: 0; }
      body.renewal2024 .plan-intro-flow .schedule:before {
        left: 0;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
      body.renewal2024 .plan-intro-flow .schedule:after {
        right: 0;
        -webkit-transform: translate(50%, -50%);
                transform: translate(50%, -50%); }
      body.renewal2024 .plan-intro-flow .schedule span {
        display: block;
        background: #fff;
        padding: 0 1em;
        font-size: 14px;
        color: #494380;
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
  body.renewal2024 .plan-intro-description {
    font-size: 14px;
    color: #666;
    margin: 0; }
    @media (max-width: 568px) {
      body.renewal2024 .plan-intro-description {
        font-size: 12px; } }
    body.renewal2024 .plan-intro-description.of-plan-show {
      margin: 0 0 30px; }

body.renewal2024 .plan-includes {
  padding: 90px 60px 30px; }
  @media (max-width: 568px) {
    body.renewal2024 .plan-includes {
      padding: 60px 10px; } }
  @media (max-width: 568px) {
    body.renewal2024 .plan-includes.of-plan-show {
      padding-bottom: 0; } }
  body.renewal2024 .plan-includes-title {
    font-size: 20px;
    text-align: center;
    font-weight: normal;
    color: #4d4d4d;
    margin: 0 0 60px; }
    @media (max-width: 568px) {
      body.renewal2024 .plan-includes-title {
        font-size: 17px;
        margin: 0 0 30px; } }
  body.renewal2024 .plan-includes-list {
    max-width: 1090px;
    margin: 0 auto 60px;
    padding: 60px 50px 40px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 5px; }
    @media (max-width: 568px) {
      body.renewal2024 .plan-includes-list {
        padding: 30px 5px 20px; } }
    body.renewal2024 .plan-includes-list.of-basic {
      background: #e1dfe9; }
      body.renewal2024 .plan-includes-list.of-basic.of-b {
        background: #dadee7; }
      body.renewal2024 .plan-includes-list.of-basic.of-c {
        background: #e0e8eb; }
    body.renewal2024 .plan-includes-list.of-excludes {
      background: #e8e8e8; }
    body.renewal2024 .plan-includes-list-title {
      font-size: 16px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50px;
      padding: 0 20px;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      height: 38px;
      margin: 0 auto 30px;
      font-weight: normal; }
      @media (max-width: 568px) {
        body.renewal2024 .plan-includes-list-title {
          font-size: 14px;
          height: 33px;
          margin: 0 auto 20px; } }
      body.renewal2024 .plan-includes-list-title.of-basic {
        background: #4f4491;
        color: #fff; }
        body.renewal2024 .plan-includes-list-title.of-basic.of-b {
          background: #0f347c; }
        body.renewal2024 .plan-includes-list-title.of-basic.of-c {
          background: #1d5e77; }
      body.renewal2024 .plan-includes-list-title.of-excludes {
        border: 1px solid #423a80;
        color: #423a80;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
        body.renewal2024 .plan-includes-list-title.of-excludes.of-c {
          color: #1d5e77;
          border-color: #1d5e77; }
    body.renewal2024 .plan-includes-list-subtitle {
      position: relative;
      border-top: 1px solid #000;
      margin: 0 0 60px; }
      @media (max-width: 568px) {
        body.renewal2024 .plan-includes-list-subtitle {
          margin: 0 0 30px; } }
      body.renewal2024 .plan-includes-list-subtitle span {
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        background: #e8e8e8;
        display: block;
        padding: 0 2em;
        font-size: 14px;
        font-weight: normal;
        color: #423a80; }
        @media (max-width: 568px) {
          body.renewal2024 .plan-includes-list-subtitle span {
            font-size: 12px;
            padding: 0 1em;
            white-space: nowrap; } }
      body.renewal2024 .plan-includes-list-subtitle.of-c span {
        color: #1d5e77; }
  body.renewal2024 .plan-includes-icons {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    margin: 0;
    padding: 0; }
    body.renewal2024 .plan-includes-icons.of-center {
      justify-content: center; }
    @media (max-width: 568px) {
      body.renewal2024 .plan-includes-icons.of-single-on-mobile {
        width: 50%;
        margin: 0 auto; }
        body.renewal2024 .plan-includes-icons.of-single-on-mobile li {
          width: 100%; } }
    body.renewal2024 .plan-includes-icons.of-c li .card {
      border-color: #1d5e77; }
    body.renewal2024 .plan-includes-icons li {
      list-style: none;
      width: 20%;
      padding: 0 5px 20px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      @media (max-width: 568px) {
        body.renewal2024 .plan-includes-icons li {
          width: 50%;
          padding: 0 5px 10px; } }
      body.renewal2024 .plan-includes-icons li .card {
        display: flex;
        align-items: center;
        background: #fff;
        height: 60px;
        width: 100%;
        border-left: 4px solid #4f4491;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
        @media (max-width: 568px) {
          body.renewal2024 .plan-includes-icons li .card {
            height: 50px; } }
      body.renewal2024 .plan-includes-icons li .icon-box {
        width: 70px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 0 0 10px; }
        body.renewal2024 .plan-includes-icons li .icon-box .icon.of-01 {
          width: 38px; }
        body.renewal2024 .plan-includes-icons li .icon-box .icon.of-02, body.renewal2024 .plan-includes-icons li .icon-box .icon.of-21 {
          width: 39px; }
        body.renewal2024 .plan-includes-icons li .icon-box .icon.of-03 {
          width: 19px; }
        body.renewal2024 .plan-includes-icons li .icon-box .icon.of-04, body.renewal2024 .plan-includes-icons li .icon-box .icon.of-23 {
          width: 46px; }
        body.renewal2024 .plan-includes-icons li .icon-box .icon.of-05 {
          width: 24px; }
        body.renewal2024 .plan-includes-icons li .icon-box .icon.of-06 {
          width: 25px; }
        body.renewal2024 .plan-includes-icons li .icon-box .icon.of-07, body.renewal2024 .plan-includes-icons li .icon-box .icon.of-20 {
          width: 21px; }
        body.renewal2024 .plan-includes-icons li .icon-box .icon.of-08 {
          width: 37px; }
        body.renewal2024 .plan-includes-icons li .icon-box .icon.of-09 {
          width: 25px; }
        body.renewal2024 .plan-includes-icons li .icon-box .icon.of-10 {
          width: 34px; }
        body.renewal2024 .plan-includes-icons li .icon-box .icon.of-11 {
          width: 18px; }
        body.renewal2024 .plan-includes-icons li .icon-box .icon.of-12 {
          width: 38px; }
        body.renewal2024 .plan-includes-icons li .icon-box .icon.of-13 {
          width: 30px; }
        body.renewal2024 .plan-includes-icons li .icon-box .icon.of-14 {
          width: 24px; }
        body.renewal2024 .plan-includes-icons li .icon-box .icon.of-15 {
          width: 43px; }
        body.renewal2024 .plan-includes-icons li .icon-box .icon.of-16, body.renewal2024 .plan-includes-icons li .icon-box .icon.of-18 {
          width: 32px; }
        body.renewal2024 .plan-includes-icons li .icon-box .icon.of-17 {
          width: 28px; }
        body.renewal2024 .plan-includes-icons li .icon-box .icon.of-19 {
          width: 19px; }
        body.renewal2024 .plan-includes-icons li .icon-box .icon.of-22 {
          width: 26px; }
        body.renewal2024 .plan-includes-icons li .icon-box .icon.of-24 {
          width: 36px; }
        body.renewal2024 .plan-includes-icons li .icon-box .icon.of-25 {
          width: 39px; }
      body.renewal2024 .plan-includes-icons li .txt-box {
        text-align: center;
        font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", YuGothic, "游ゴシック", Meiryo, "メイリオ", "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
        line-height: 1.8em;
        font-size: 12px;
        line-height: 1.4;
        width: 90%; }
        body.renewal2024 .plan-includes-icons li .txt-box .-smaller {
          font-size: 10px; }

body.renewal2024 .plan-case {
  background: #e1dfe9;
  padding: 90px 30px; }
  @media (max-width: 568px) {
    body.renewal2024 .plan-case {
      padding: 60px 30px; } }
  body.renewal2024 .plan-case.of-b {
    background: #f0f2f5; }
  body.renewal2024 .plan-case-title {
    font-size: 20px;
    font-weight: normal;
    text-align: center;
    color: #423a80;
    margin: 0 0 50px; }
    @media (max-width: 568px) {
      body.renewal2024 .plan-case-title {
        font-size: 17px; } }
    body.renewal2024 .plan-case-title.of-b {
      color: #0f347c; }
    body.renewal2024 .plan-case-title .plan-intro-people {
      margin: 30px auto 0; }
  body.renewal2024 .plan-case-table {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: 0 auto; }
    @media (max-width: 568px) {
      body.renewal2024 .plan-case-table {
        display: block; } }
    body.renewal2024 .plan-case-table .cell.of-kigou {
      width: 30px;
      height: 30px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 15px 40px; }
      @media (max-width: 568px) {
        body.renewal2024 .plan-case-table .cell.of-kigou {
          margin: 0 auto;
          padding: 30px;
          -webkit-transform: rotate(90deg);
                  transform: rotate(90deg); } }
      body.renewal2024 .plan-case-table .cell.of-kigou .icon.of-plus {
        width: 30px; }
      body.renewal2024 .plan-case-table .cell.of-kigou .icon.of-equal {
        width: 23px; }
    body.renewal2024 .plan-case-table .cell.of-saidan .plan-intro-price {
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content; }
    body.renewal2024 .plan-case-table .cell.of-saidan .saidan-box {
      display: flex;
      align-items: center;
      justify-content: center; }
      body.renewal2024 .plan-case-table .cell.of-saidan .saidan-box .img-box {
        width: 100px;
        margin: -10px 0 0; }
        @media (max-width: 568px) {
          body.renewal2024 .plan-case-table .cell.of-saidan .saidan-box .img-box {
            margin: 18px 0 0; } }
        body.renewal2024 .plan-case-table .cell.of-saidan .saidan-box .img-box img {
          width: 100%; }
      body.renewal2024 .plan-case-table .cell.of-saidan .saidan-box .txt-box {
        margin: 0 0 0 10px; }
        body.renewal2024 .plan-case-table .cell.of-saidan .saidan-box .txt-box .label {
          background: #0f347c;
          color: #fff;
          text-align: center;
          padding: .1em;
          margin: -10px 0 0;
          font-size: 12px; }
    body.renewal2024 .plan-case-table .cell.of-saijo .plan-intro-price {
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content; }
    body.renewal2024 .plan-case-table .cell.of-result .c-link-box {
      margin: 20px 0 0; }
    body.renewal2024 .plan-case-table .plan-title {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      max-width: 300px;
      background: #4f4491;
      height: 60px;
      font-size: 20px;
      color: #fff;
      margin: 0 auto; }
      body.renewal2024 .plan-case-table .plan-title.of-b {
        background: #0f347c; }
    body.renewal2024 .plan-case-table .plan-includes-icons li {
      width: 100%;
      max-width: 190px;
      padding: 0; }
    body.renewal2024 .plan-case-table .saijo-name {
      background: rgba(170, 167, 197, 0.6);
      min-width: 160px;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      padding: .2em 1em;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      font-size: 12px;
      color: #6e6b84;
      text-align: center;
      margin: 0 auto 10px; }
    body.renewal2024 .plan-case-table .saijo-notice {
      text-align: center;
      font-size: 10px;
      color: #6e6b84; }
    @media (max-width: 568px) {
      body.renewal2024 .plan-case-table .plan-intro-price-box {
        margin: 0; } }
body.renewal2024 .subdir-bb.of-plan-a {
  background: url(/images/plan/plan-a-bb.jpg?20240329) center center/cover no-repeat; }

body.renewal2024 .subdir-bb.of-plan-b {
  background: url(/images/plan/plan-b-bb.jpg?20240329) center center/cover no-repeat; }

body.renewal2024 .subdir-bb.of-plan-c {
  background: url(/images/plan/plan-c-bb.jpg?20240329) center center/cover no-repeat; }

body.renewal2024 .subdir-bb.of-plan-show {
  height: 300px; }
  @media (max-width: 568px) {
    body.renewal2024 .subdir-bb.of-plan-show {
      height: 220px; } }
body.renewal2024 .plan-index-choice {
  background: #e1dfe9;
  padding: 90px 0; }
  @media (max-width: 568px) {
    body.renewal2024 .plan-index-choice {
      padding: 60px 0 40px; } }
  body.renewal2024 .plan-index-choice.of-b {
    background: #dadee7; }
  body.renewal2024 .plan-index-choice.of-c {
    background: #e0e8eb; }
  body.renewal2024 .plan-index-choice-title {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #423a80;
    font-weight: normal;
    margin: 0 0 50px; }
    @media (max-width: 568px) {
      body.renewal2024 .plan-index-choice-title {
        font-size: 17px;
        text-align: center; } }
    body.renewal2024 .plan-index-choice-title:before, body.renewal2024 .plan-index-choice-title:after {
      content: "";
      display: block;
      width: 1px;
      height: 24px;
      background: #423a80; }
    body.renewal2024 .plan-index-choice-title:before {
      -webkit-transform: rotate(-20deg);
              transform: rotate(-20deg);
      margin: 0 30px 0 0; }
      @media (max-width: 568px) {
        body.renewal2024 .plan-index-choice-title:before {
          margin: 0 10px 0 0; } }
    body.renewal2024 .plan-index-choice-title:after {
      -webkit-transform: rotate(20deg);
              transform: rotate(20deg);
      margin: 0 0 0 30px; }
      @media (max-width: 568px) {
        body.renewal2024 .plan-index-choice-title:after {
          margin: 0 0 0 10px; } }
    body.renewal2024 .plan-index-choice-title.of-c {
      color: #1d5e77; }
      body.renewal2024 .plan-index-choice-title.of-c:before, body.renewal2024 .plan-index-choice-title.of-c:after {
        background: #1d5e77; }
  body.renewal2024 .plan-index-choice-list {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0; }
    @media (max-width: 568px) {
      body.renewal2024 .plan-index-choice-list {
        flex-wrap: wrap; } }
    body.renewal2024 .plan-index-choice-list li {
      list-style: none;
      width: 280px;
      text-align: center; }
      @media (max-width: 568px) {
        body.renewal2024 .plan-index-choice-list li {
          width: 160px;
          margin: 0 0 20px; }
          body.renewal2024 .plan-index-choice-list li:first-child {
            width: 100%; } }
      body.renewal2024 .plan-index-choice-list li .icon-box {
        width: 180px;
        height: 180px;
        background: #fff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 30px; }
        @media (max-width: 568px) {
          body.renewal2024 .plan-index-choice-list li .icon-box {
            width: 150px;
            height: 150px;
            margin: 0 auto 10px; } }
        body.renewal2024 .plan-index-choice-list li .icon-box .icon.of-01 {
          width: 55px; }
          @media (max-width: 568px) {
            body.renewal2024 .plan-index-choice-list li .icon-box .icon.of-01 {
              width: 44px; } }
        body.renewal2024 .plan-index-choice-list li .icon-box .icon.of-02 {
          width: 69px; }
          @media (max-width: 568px) {
            body.renewal2024 .plan-index-choice-list li .icon-box .icon.of-02 {
              width: 56px; } }
        body.renewal2024 .plan-index-choice-list li .icon-box .icon.of-03 {
          width: 58px; }
          @media (max-width: 568px) {
            body.renewal2024 .plan-index-choice-list li .icon-box .icon.of-03 {
              width: 47px; } }
        body.renewal2024 .plan-index-choice-list li .icon-box .icon.of-b-01 {
          width: 67px; }
          @media (max-width: 568px) {
            body.renewal2024 .plan-index-choice-list li .icon-box .icon.of-b-01 {
              width: 54px; } }
        body.renewal2024 .plan-index-choice-list li .icon-box .icon.of-b-02 {
          width: 70px; }
          @media (max-width: 568px) {
            body.renewal2024 .plan-index-choice-list li .icon-box .icon.of-b-02 {
              width: 56px; } }
        body.renewal2024 .plan-index-choice-list li .icon-box .icon.of-b-03 {
          width: 86px; }
          @media (max-width: 568px) {
            body.renewal2024 .plan-index-choice-list li .icon-box .icon.of-b-03 {
              width: 69px; } }
        body.renewal2024 .plan-index-choice-list li .icon-box .icon.of-c-01 {
          width: 103px; }
          @media (max-width: 568px) {
            body.renewal2024 .plan-index-choice-list li .icon-box .icon.of-c-01 {
              width: 83px; } }
        body.renewal2024 .plan-index-choice-list li .icon-box .icon.of-c-02 {
          width: 70px; }
          @media (max-width: 568px) {
            body.renewal2024 .plan-index-choice-list li .icon-box .icon.of-c-02 {
              width: 56px; } }
        body.renewal2024 .plan-index-choice-list li .icon-box .icon.of-c-03 {
          width: 97px; }
          @media (max-width: 568px) {
            body.renewal2024 .plan-index-choice-list li .icon-box .icon.of-c-03 {
              width: 78px; } }
      body.renewal2024 .plan-index-choice-list li .txt-box {
        color: #494380;
        font-size: 16px;
        font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", YuGothic, "游ゴシック", Meiryo, "メイリオ", "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
        line-height: 1.8em; }
        @media (max-width: 568px) {
          body.renewal2024 .plan-index-choice-list li .txt-box {
            font-size: 12px; } }
        body.renewal2024 .plan-index-choice-list li .txt-box.of-c {
          color: #1d5e77; }

body.renewal2024 .plan-index-option {
  padding: 120px 10px 0; }
  @media (max-width: 568px) {
    body.renewal2024 .plan-index-option {
      padding: 60px 10px 0; } }
  body.renewal2024 .plan-index-option-title {
    text-align: center; }
    body.renewal2024 .plan-index-option-title .icon {
      display: block;
      width: 55px;
      margin: 0 auto 20px; }
      @media (max-width: 568px) {
        body.renewal2024 .plan-index-option-title .icon {
          width: 45px;
          margin: 0 auto 10px; } }
    body.renewal2024 .plan-index-option-title .of-balloon {
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 20px;
      color: #423a80;
      font-weight: normal;
      margin: 0 0 50px; }
      @media (max-width: 568px) {
        body.renewal2024 .plan-index-option-title .of-balloon {
          font-size: 17px;
          margin: 0 0 30px; } }
      body.renewal2024 .plan-index-option-title .of-balloon:before, body.renewal2024 .plan-index-option-title .of-balloon:after {
        content: "";
        display: block;
        width: 1px;
        height: 24px;
        background: #423a80; }
      body.renewal2024 .plan-index-option-title .of-balloon:before {
        -webkit-transform: rotate(-20deg);
                transform: rotate(-20deg);
        margin: 0 30px 0 0; }
      body.renewal2024 .plan-index-option-title .of-balloon:after {
        -webkit-transform: rotate(20deg);
                transform: rotate(20deg);
        margin: 0 0 0 30px; }
  body.renewal2024 .plan-index-option-list {
    max-width: 1000px;
    display: flex;
    margin: 0 auto;
    padding: 0; }
    @media (max-width: 568px) {
      body.renewal2024 .plan-index-option-list {
        display: block; } }
    body.renewal2024 .plan-index-option-list > li {
      list-style: none;
      width: 50%;
      padding: 0 10px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      @media (max-width: 568px) {
        body.renewal2024 .plan-index-option-list > li {
          width: 100%;
          padding: 0 0 60px; }
          body.renewal2024 .plan-index-option-list > li:last-child {
            padding: 0; } }
      body.renewal2024 .plan-index-option-list > li .banner {
        display: block;
        margin: 0 0 20px; }
        @media (max-width: 568px) {
          body.renewal2024 .plan-index-option-list > li .banner {
            margin: 0 0 15px; } }
      body.renewal2024 .plan-index-option-list > li .description {
        margin: 0;
        font-size: 14px;
        color: #666; }
        @media (max-width: 568px) {
          body.renewal2024 .plan-index-option-list > li .description {
            font-size: 12px; } }
      body.renewal2024 .plan-index-option-list > li .arw {
        display: block;
        height: 45px;
        margin: 45px auto; }
        @media (max-width: 568px) {
          body.renewal2024 .plan-index-option-list > li .arw {
            margin: 10px auto 20px; } }
      body.renewal2024 .plan-index-option-list > li .option-card {
        background: #e1dfe9;
        border-radius: 5px;
        padding: 60px 0 40px; }
        @media (max-width: 568px) {
          body.renewal2024 .plan-index-option-list > li .option-card {
            padding: 50px 0 30px; } }
        body.renewal2024 .plan-index-option-list > li .option-card-title {
          text-align: center;
          font-size: 18px;
          margin: 0 0 30px;
          color: #423a80;
          font-weight: normal; }
          @media (max-width: 568px) {
            body.renewal2024 .plan-index-option-list > li .option-card-title {
              font-size: 16px; } }
        body.renewal2024 .plan-index-option-list > li .option-card .plan-includes-list-title {
          margin-bottom: 20px; }
        body.renewal2024 .plan-index-option-list > li .option-card .plus-icon {
          width: 28px;
          height: 28px;
          background: #fff;
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
          margin: 0 auto 20px; }
          body.renewal2024 .plan-index-option-list > li .option-card .plus-icon img {
            width: 15px; }
        body.renewal2024 .plan-index-option-list > li .option-card .plan-includes-icons {
          width: 100%;
          max-width: 400px;
          margin: 0 auto 10px; }
          @media (max-width: 568px) {
            body.renewal2024 .plan-index-option-list > li .option-card .plan-includes-icons {
              padding: 0 5px;
              -webkit-box-sizing: border-box;
                      box-sizing: border-box; } }
          body.renewal2024 .plan-index-option-list > li .option-card .plan-includes-icons li {
            width: 50%; }
          body.renewal2024 .plan-index-option-list > li .option-card .plan-includes-icons.of-single {
            width: 50%;
            max-width: 200px; }
            body.renewal2024 .plan-index-option-list > li .option-card .plan-includes-icons.of-single li {
              width: 100%; }
          body.renewal2024 .plan-index-option-list > li .option-card .plan-includes-icons.of-large {
            min-height: 320px; }
            @media (max-width: 568px) {
              body.renewal2024 .plan-index-option-list > li .option-card .plan-includes-icons.of-large {
                min-height: 1px; } }
          body.renewal2024 .plan-index-option-list > li .option-card .plan-includes-icons.of-small {
            width: 100%;
            padding: 0 25px;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box; }
            @media (max-width: 568px) {
              body.renewal2024 .plan-index-option-list > li .option-card .plan-includes-icons.of-small {
                padding: 0 5px; } }
            body.renewal2024 .plan-index-option-list > li .option-card .plan-includes-icons.of-small li {
              width: 33.33%; }
              body.renewal2024 .plan-index-option-list > li .option-card .plan-includes-icons.of-small li .card {
                height: 42px; }
                body.renewal2024 .plan-index-option-list > li .option-card .plan-includes-icons.of-small li .card .icon-box {
                  width: 30px; }
                  body.renewal2024 .plan-index-option-list > li .option-card .plan-includes-icons.of-small li .card .icon-box .icon.of-08 {
                    width: 26px; }
                  body.renewal2024 .plan-index-option-list > li .option-card .plan-includes-icons.of-small li .card .icon-box .icon.of-09 {
                    width: 18px; }
                  body.renewal2024 .plan-index-option-list > li .option-card .plan-includes-icons.of-small li .card .icon-box .icon.of-10 {
                    width: 24px; }
                body.renewal2024 .plan-index-option-list > li .option-card .plan-includes-icons.of-small li .card .txt-box {
                  font-size: 10px; }
        body.renewal2024 .plan-index-option-list > li .option-card .excludes-title {
          text-align: center;
          font-size: 12px;
          font-weight: normal;
          color: #666; }

body.renewal2024 .plan-flow {
  padding: 90px 0 0; }
  @media (max-width: 568px) {
    body.renewal2024 .plan-flow {
      padding: 0;
      margin: 60px 0 0; } }
  body.renewal2024 .plan-flow-title {
    text-align: center;
    font-size: 22px;
    color: #4d4d4d;
    margin: 0 0 50px;
    font-weight: normal; }
    @media (max-width: 568px) {
      body.renewal2024 .plan-flow-title {
        font-size: 17px; } }
  body.renewal2024 .plan-flow-list-wrap {
    background: #f1f0f4;
    padding: 90px 0; }
    @media (max-width: 568px) {
      body.renewal2024 .plan-flow-list-wrap {
        overflow: hidden;
        height: 330px;
        padding: 60px 0; } }
    body.renewal2024 .plan-flow-list-wrap.of-b {
      background: #dadee7; }
      body.renewal2024 .plan-flow-list-wrap.of-b .plan-flow-list .schedule span {
        background: #dadee7; }
  @media (max-width: 568px) {
    body.renewal2024 .plan-flow-list-scroll-wrap {
      overflow: scroll; } }
  @media (max-width: 568px) {
    body.renewal2024 .plan-flow-lists {
      display: flex; }
      body.renewal2024 .plan-flow-lists.of-tyokusou, body.renewal2024 .plan-flow-lists.of-ichinichisou {
        width: 1440px; }
      body.renewal2024 .plan-flow-lists.of-kazokusou {
        width: 1920px; } }
  body.renewal2024 .plan-flow-list {
    max-width: 1120px;
    display: flex;
    padding: 0 0 20px;
    margin: 0 auto 60px;
    position: relative; }
    @media (max-width: 568px) {
      body.renewal2024 .plan-flow-list {
        width: 940px;
        padding: 0 20px; } }
    @media (max-width: 568px) {
      body.renewal2024 .plan-flow-list.of-w50 {
        width: 480px; }
        body.renewal2024 .plan-flow-list.of-w50 li {
          width: 50%; } }
    @media (max-width: 568px) {
      body.renewal2024 .plan-flow-list.of-w75 {
        width: 720px; }
        body.renewal2024 .plan-flow-list.of-w75 li {
          width: 33.33%; } }
    @media (max-width: 568px) {
      body.renewal2024 .plan-flow-list + .plan-flow-list {
        margin-left: -40px; } }
    body.renewal2024 .plan-flow-list li {
      width: 25%;
      padding: 0 25px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      list-style: none;
      color: #231578;
      position: relative; }
      @media (max-width: 568px) {
        body.renewal2024 .plan-flow-list li {
          padding: 0 20px;
          height: 350px; } }
      body.renewal2024 .plan-flow-list li .title {
        font-size: 18px;
        margin: 0 0 15px; }
        @media (max-width: 568px) {
          body.renewal2024 .plan-flow-list li .title {
            font-size: 16px;
            margin: 0 0 10px; } }
      body.renewal2024 .plan-flow-list li .sub-title {
        font-size: 18px;
        margin: 15px 0;
        text-align: center; }
        @media (max-width: 568px) {
          body.renewal2024 .plan-flow-list li .sub-title {
            font-size: 16px; } }
      body.renewal2024 .plan-flow-list li p {
        color: #4d4d4d;
        letter-spacing: 0; }
        @media (max-width: 568px) {
          body.renewal2024 .plan-flow-list li p {
            font-size: 12px; } }
      body.renewal2024 .plan-flow-list li:after {
        content: "";
        display: block;
        width: 8px;
        height: 11px;
        background: url(/images/icons/angle-right.svg) center center/contain no-repeat;
        position: absolute;
        top: 31%;
        left: 100%;
        -webkit-transform: translate(-50%, 0);
                transform: translate(-50%, 0); }
        @media (max-width: 568px) {
          body.renewal2024 .plan-flow-list li:after {
            top: 27%; } }
      body.renewal2024 .plan-flow-list li:last-child:after, body.renewal2024 .plan-flow-list li.of-last:after {
        display: none; }
    body.renewal2024 .plan-flow-list .schedule-box {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      padding: 0 25px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      @media (max-width: 568px) {
        body.renewal2024 .plan-flow-list .schedule-box {
          padding: 0 40px; } }
      body.renewal2024 .plan-flow-list .schedule-box.of-w50 {
        width: 50%; }
        @media (max-width: 568px) {
          body.renewal2024 .plan-flow-list .schedule-box.of-w50 {
            width: 100%; } }
        @media (max-width: 568px) {
          body.renewal2024 .plan-flow-list .schedule-box.of-w50.of-left {
            width: 50%;
            padding: 0 20px 0 40px; } }
        body.renewal2024 .plan-flow-list .schedule-box.of-w50.of-right {
          left: auto;
          right: 0; }
          @media (max-width: 568px) {
            body.renewal2024 .plan-flow-list .schedule-box.of-w50.of-right {
              width: 50%;
              padding: 0 40px 0 20px; } }
      body.renewal2024 .plan-flow-list .schedule-box.of-w75 {
        width: 75%; }
        @media (max-width: 568px) {
          body.renewal2024 .plan-flow-list .schedule-box.of-w75 {
            width: 100%; } }
    body.renewal2024 .plan-flow-list .schedule {
      position: relative;
      border-top: 1px solid #000000; }
      body.renewal2024 .plan-flow-list .schedule:before, body.renewal2024 .plan-flow-list .schedule:after {
        content: "";
        display: block;
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: #000;
        position: absolute;
        top: 0; }
      body.renewal2024 .plan-flow-list .schedule:before {
        left: 0;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
      body.renewal2024 .plan-flow-list .schedule:after {
        right: 0;
        -webkit-transform: translate(50%, -50%);
                transform: translate(50%, -50%); }
      body.renewal2024 .plan-flow-list .schedule span {
        display: block;
        background: #f1f0f4;
        padding: 0 1em;
        font-size: 14px;
        color: #494380;
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }

body.renewal2024 .plan-index-other-plans {
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ebeaef));
  background: linear-gradient(to bottom, #fff, #ebeaef);
  padding: 90px 20px; }
  @media (max-width: 568px) {
    body.renewal2024 .plan-index-other-plans {
      padding: 60px 0 0; } }
  body.renewal2024 .plan-index-other-plans-title {
    font-size: 22px;
    font-weight: normal;
    color: #4d4d4d;
    text-align: center;
    margin: 0 0 60px; }
    @media (max-width: 568px) {
      body.renewal2024 .plan-index-other-plans-title {
        font-size: 17px;
        margin: 0 0 10px; } }
  body.renewal2024 .plan-index-other-plans .plan-thumb-list {
    max-width: 1000px;
    justify-content: center; }
  body.renewal2024 .plan-index-other-plans .plan-thumb-list-item {
    width: 50%;
    padding: 0 10px; }
    @media (max-width: 568px) {
      body.renewal2024 .plan-index-other-plans .plan-thumb-list-item {
        width: 100%;
        padding: 0 0 30px; }
        body.renewal2024 .plan-index-other-plans .plan-thumb-list-item:last-child {
          padding: 0; } }
body.renewal2024 .plan-index__prayer-halls {
  padding: 120px 0 60px; }
  @media (max-width: 568px) {
    body.renewal2024 .plan-index__prayer-halls {
      padding: 60px 0 0; } }
  body.renewal2024 .plan-index__prayer-halls .halls-title {
    text-align: center;
    font-size: 22px;
    margin: 0 0 45px;
    font-weight: normal;
    color: #4d4d4d; }
    @media (max-width: 568px) {
      body.renewal2024 .plan-index__prayer-halls .halls-title {
        font-size: 19px;
        margin: 0 0 30px; } }
  body.renewal2024 .plan-index__prayer-halls .halls-description {
    color: #666666;
    margin: 0 0 50px;
    text-align: center; }
    @media (max-width: 568px) {
      body.renewal2024 .plan-index__prayer-halls .halls-description {
        font-size: 12px; } }
body.renewal2024 .plan-index-saidan {
  padding: 90px 30px;
  background: #dadee7; }
  @media (max-width: 568px) {
    body.renewal2024 .plan-index-saidan {
      padding: 60px 10px; } }
  body.renewal2024 .plan-index-saidan.of-c {
    background: #e0e8eb; }
    body.renewal2024 .plan-index-saidan.of-c .plan-index-saidan-title {
      color: #1d5e77; }
    body.renewal2024 .plan-index-saidan.of-c .plan-index-saidan-nav-item .c-link--with-circle-arw,
    body.renewal2024 .plan-index-saidan.of-c .plan-index-saidan-category-title {
      color: #1d5e77; }
    body.renewal2024 .plan-index-saidan.of-c .plan-index-saidan-nav-item .c-link--with-circle-arw .circle-arw,
    body.renewal2024 .plan-index-saidan.of-c .plan-index-saidan-category .base-price-title {
      background: #1d5e77; }
    body.renewal2024 .plan-index-saidan.of-c .plan-index-saidan-category .base-price,
    body.renewal2024 .plan-index-saidan.of-c .saidan-list .card .price-summary {
      background: #e0e8eb; }
    body.renewal2024 .plan-index-saidan.of-c .saidan-list .card {
      background: #f6f7f8; }
  body.renewal2024 .plan-index-saidan-title {
    text-align: center;
    font-size: 20px;
    font-weight: normal;
    margin: 0 0 50px;
    color: #0f347c; }
    @media (max-width: 568px) {
      body.renewal2024 .plan-index-saidan-title {
        font-size: 17px;
        margin: 0 0 30px; } }
    body.renewal2024 .plan-index-saidan-title .icon {
      width: 55px;
      display: block;
      margin: 0 auto 20px; }
      @media (max-width: 568px) {
        body.renewal2024 .plan-index-saidan-title .icon {
          width: 47px; } }
body.renewal2024 .plan-index-saidan-nav {
  width: 100%;
  max-width: 1050px;
  margin: 0 auto 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap; }
  body.renewal2024 .plan-index-saidan-nav-item {
    width: 33.33%;
    border-right: 1px solid rgba(145, 145, 145, 0.5);
    padding: 10px 0 20px;
    margin: 25px 0;
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 16px; }
    @media (max-width: 568px) {
      body.renewal2024 .plan-index-saidan-nav-item {
        width: 100%;
        border: none;
        padding: 10px 0;
        margin: 0; } }
    body.renewal2024 .plan-index-saidan-nav-item:last-child {
      border: none; }
    body.renewal2024 .plan-index-saidan-nav-item a {
      display: block; }
      @media (max-width: 568px) {
        body.renewal2024 .plan-index-saidan-nav-item a {
          display: flex;
          align-items: center;
          justify-content: center; } }
    body.renewal2024 .plan-index-saidan-nav-item .icon-box {
      height: 55px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 0 45px; }
      @media (max-width: 568px) {
        body.renewal2024 .plan-index-saidan-nav-item .icon-box {
          width: 55px;
          margin: 0 20px 0 0; } }
      body.renewal2024 .plan-index-saidan-nav-item .icon-box .icon.of-01 {
        height: 32px; }
      body.renewal2024 .plan-index-saidan-nav-item .icon-box .icon.of-02 {
        height: 35px; }
      body.renewal2024 .plan-index-saidan-nav-item .icon-box .icon.of-03 {
        height: 55px; }
    body.renewal2024 .plan-index-saidan-nav-item .c-link--with-circle-arw {
      color: #0f347c; }
      @media (max-width: 568px) {
        body.renewal2024 .plan-index-saidan-nav-item .c-link--with-circle-arw {
          font-size: 12px;
          margin: 0 0 0 14px; } }
      body.renewal2024 .plan-index-saidan-nav-item .c-link--with-circle-arw .circle-arw {
        background: #0f347c; }

body.renewal2024 .plan-index-saidan-category {
  padding: 0;
  margin: 0; }
  body.renewal2024 .plan-index-saidan-category > li {
    list-style: none;
    background: #fff;
    max-width: 1100px;
    padding: 60px 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 5px;
    margin: 0 auto 60px; }
    @media (max-width: 568px) {
      body.renewal2024 .plan-index-saidan-category > li {
        padding: 60px 0; } }
    body.renewal2024 .plan-index-saidan-category > li:last-child {
      margin-bottom: 0; }
    body.renewal2024 .plan-index-saidan-category > li .btn-box {
      margin: 0 0 60px; }
      body.renewal2024 .plan-index-saidan-category > li .btn-box .rounded-btn {
        padding-right: 36px; }
        @media (max-width: 568px) {
          body.renewal2024 .plan-index-saidan-category > li .btn-box .rounded-btn {
            font-size: 12px;
            height: 45px;
            padding-right: 18px; } }
  body.renewal2024 .plan-index-saidan-category-title {
    text-align: center;
    font-size: 20px;
    color: #0f347c;
    font-weight: normal;
    margin: 0 0 60px; }
    body.renewal2024 .plan-index-saidan-category-title .icon {
      display: block;
      margin: 0 auto 20px; }
      body.renewal2024 .plan-index-saidan-category-title .icon.of-01 {
        width: 32px; }
      body.renewal2024 .plan-index-saidan-category-title .icon.of-02 {
        height: 35px; }
      body.renewal2024 .plan-index-saidan-category-title .icon.of-03 {
        height: 55px; }
  body.renewal2024 .plan-index-saidan-category-description {
    color: #666;
    text-align: center;
    margin: 0 0 60px; }
    @media (max-width: 568px) {
      body.renewal2024 .plan-index-saidan-category-description {
        font-size: 12px; } }
  body.renewal2024 .plan-index-saidan-category .base-price {
    background: #e4e7ed;
    border-radius: 3px;
    padding: 30px 60px;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto 60px; }
    @media (max-width: 568px) {
      body.renewal2024 .plan-index-saidan-category .base-price {
        padding: 30px 0; } }
    body.renewal2024 .plan-index-saidan-category .base-price-title {
      position: absolute;
      top: 0;
      left: 50%;
      background: #0f347c;
      padding: .5em 2em;
      border-radius: 30px;
      color: #fff;
      font-size: 14px;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      white-space: nowrap; }
    @media (max-width: 568px) {
      body.renewal2024 .plan-index-saidan-category .base-price .plan-intro-price.of-member .price-num {
        font-size: 24px; } }
    @media (max-width: 568px) {
      body.renewal2024 .plan-index-saidan-category .base-price .plan-intro-price.of-member .price-wrap .tax {
        font-size: 12px;
        width: 12px; } }
    @media (max-width: 568px) {
      body.renewal2024 .plan-index-saidan-category .base-price .plan-intro-price.of-ippan .price-num {
        font-size: 12px; } }
    @media (max-width: 568px) {
      body.renewal2024 .plan-index-saidan-category .base-price .plan-intro-price.of-ippan .price-wrap .tax {
        font-size: 10px;
        width: 10px; } }
    @media (max-width: 568px) {
      body.renewal2024 .plan-index-saidan-category .base-price .plan-intro-price-box.of-yoko-reverse .plan-intro-price.of-ippan {
        margin-top: 10px; } }
body.renewal2024 .saidan-list-wrap {
  overflow: hidden;
  padding-bottom: 30px; }

body.renewal2024 .saidan-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0; }
  @media (max-width: 568px) {
    body.renewal2024 .saidan-list {
      width: 280vw;
      position: relative;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); } }
  body.renewal2024 .saidan-list .slick-arrow {
    display: none !important; }
  body.renewal2024 .saidan-list .slick-dots li {
    width: auto;
    height: auto; }
    body.renewal2024 .saidan-list .slick-dots li.slick-active button {
      background: #494380; }
    body.renewal2024 .saidan-list .slick-dots li button {
      padding: 0;
      width: 5px;
      height: 5px;
      background: #bbbdd6;
      border-radius: 50%; }
      body.renewal2024 .saidan-list .slick-dots li button:before {
        display: none; }
  body.renewal2024 .saidan-list > li {
    list-style: none;
    width: 33.33%;
    padding: 0 5px 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  body.renewal2024 .saidan-list .card {
    border-radius: 5px;
    overflow: hidden;
    background: #f0f2f5;
    display: block; }
    @media (max-width: 568px) {
      body.renewal2024 .saidan-list .card {
        margin: 0 5px; } }
    body.renewal2024 .saidan-list .card .img-box {
      height: 218px; }
      body.renewal2024 .saidan-list .card .img-box img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }
    body.renewal2024 .saidan-list .card .title {
      padding: 10px 15px;
      font-size: 20px;
      color: #0f347c; }
      @media (max-width: 568px) {
        body.renewal2024 .saidan-list .card .title {
          font-size: 17px; } }
    body.renewal2024 .saidan-list .card .additional-price {
      display: flex;
      align-items: center;
      justify-content: end;
      padding: 0 15px 10px; }
      body.renewal2024 .saidan-list .card .additional-price .label {
        background: #0f347c;
        padding: .5em 2em;
        border-radius: 30px;
        color: #fff;
        font-size: 12px; }
        @media (max-width: 568px) {
          body.renewal2024 .saidan-list .card .additional-price .label {
            padding: .5em 1em; } }
      body.renewal2024 .saidan-list .card .additional-price .price-box {
        display: flex;
        align-items: center; }
        body.renewal2024 .saidan-list .card .additional-price .price-box .plus-icon {
          width: 28px;
          height: 28px;
          background: #cad1e0;
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
          margin: 0 10px 0 0; }
          body.renewal2024 .saidan-list .card .additional-price .price-box .plus-icon img {
            width: 15px; }
        body.renewal2024 .saidan-list .card .additional-price .price-box .plan-intro-price {
          margin-top: -4px; }
          @media (max-width: 568px) {
            body.renewal2024 .saidan-list .card .additional-price .price-box .plan-intro-price .price {
              font-size: 12px; } }
          body.renewal2024 .saidan-list .card .additional-price .price-box .plan-intro-price .price-num {
            font-size: 24px; }
            @media (max-width: 568px) {
              body.renewal2024 .saidan-list .card .additional-price .price-box .plan-intro-price .price-num {
                font-size: 18px; } }
    body.renewal2024 .saidan-list .card .price-summary {
      background: #cad1e0;
      padding: 10px 0; }
      @media (max-width: 568px) {
        body.renewal2024 .saidan-list .card .price-summary .plan-intro-price .price {
          font-size: 12px; } }
      body.renewal2024 .saidan-list .card .price-summary .plan-intro-price.of-member .price-num {
        font-size: 24px; }
        @media (max-width: 568px) {
          body.renewal2024 .saidan-list .card .price-summary .plan-intro-price.of-member .price-num {
            font-size: 16px; } }
      body.renewal2024 .saidan-list .card .price-summary .plan-intro-price.of-member .price-wrap .tax,
      body.renewal2024 .saidan-list .card .price-summary .plan-intro-price.of-ippan .price-wrap .tax {
        font-size: 10px;
        width: 10px; }
      body.renewal2024 .saidan-list .card .price-summary .plan-intro-price.of-ippan {
        margin-top: 9px; }
        @media (max-width: 568px) {
          body.renewal2024 .saidan-list .card .price-summary .plan-intro-price.of-ippan {
            margin-top: 5px; } }
      body.renewal2024 .saidan-list .card .price-summary .plan-intro-price.of-ippan .price-num {
        font-size: 12px; }
      body.renewal2024 .saidan-list .card .price-summary .plan-intro-price .label {
        margin: 0 5px 0 0; }

body.renewal2024.plan-index-c .plan-intro-price.of-member .label,
body.renewal2024.plan-index-c .plan-intro-price.of-saijo .label,
body.renewal2024.plan-index-c .plan-intro-price.of-saidan .label,
body.renewal2024.plan-index-c .saidan-list .card .additional-price .label,
body.renewal2024.plan-index-c .plan-case-table .plan-title,
body.renewal2024.plan-index-c .plan-case-table .cell.of-saidan .saidan-box .txt-box .label, body.renewal2024.plan-detail-c .plan-intro-price.of-member .label,
body.renewal2024.plan-detail-c .plan-intro-price.of-saijo .label,
body.renewal2024.plan-detail-c .plan-intro-price.of-saidan .label,
body.renewal2024.plan-detail-c .saidan-list .card .additional-price .label,
body.renewal2024.plan-detail-c .plan-case-table .plan-title,
body.renewal2024.plan-detail-c .plan-case-table .cell.of-saidan .saidan-box .txt-box .label {
  background: #1d5e77; }

body.renewal2024.plan-index-c .plan-intro-price.of-member .price-wrap,
body.renewal2024.plan-index-c .plan-intro-price.of-saijo .price-wrap,
body.renewal2024.plan-index-c .plan-intro-price.of-saidan .price-wrap,
body.renewal2024.plan-index-c .saidan-list .card .title,
body.renewal2024.plan-index-c .plan-case-title,
body.renewal2024.plan-index-c .plan-intro-people, body.renewal2024.plan-detail-c .plan-intro-price.of-member .price-wrap,
body.renewal2024.plan-detail-c .plan-intro-price.of-saijo .price-wrap,
body.renewal2024.plan-detail-c .plan-intro-price.of-saidan .price-wrap,
body.renewal2024.plan-detail-c .saidan-list .card .title,
body.renewal2024.plan-detail-c .plan-case-title,
body.renewal2024.plan-detail-c .plan-intro-people {
  color: #1d5e77; }

body.renewal2024.plan-index-c .saidan-list .card .additional-price .price-box .plus-icon,
body.renewal2024.plan-index-c .plan-intro-people,
body.renewal2024.plan-index-c .plan-case-table .saijo-name,
body.renewal2024.plan-index-c .plan-flow-list-wrap,
body.renewal2024.plan-index-c .plan-flow-list .schedule span, body.renewal2024.plan-detail-c .saidan-list .card .additional-price .price-box .plus-icon,
body.renewal2024.plan-detail-c .plan-intro-people,
body.renewal2024.plan-detail-c .plan-case-table .saijo-name,
body.renewal2024.plan-detail-c .plan-flow-list-wrap,
body.renewal2024.plan-detail-c .plan-flow-list .schedule span {
  background: #e0e8eb; }

body.renewal2024.plan-index-c .plan-index-case, body.renewal2024.plan-detail-c .plan-index-case {
  background: #f0f3f5; }

body.renewal2024.plan-index-c .plan-includes-icons li .card, body.renewal2024.plan-detail-c .plan-includes-icons li .card {
  border-color: #1d5e77; }

body.renewal2024 .price-simulator-modal {
  font-family: "Zen Old Mincho", serif;
  padding: 80px 50px 100px; }
  body.renewal2024 .price-simulator-modal .modal__overlay {
    z-index: 200; }
  body.renewal2024 .price-simulator-modal__container {
    background: -webkit-gradient(linear, left top, left bottom, from(#e9e8ec), to(#fff));
    background: linear-gradient(to bottom, #e9e8ec, #fff);
    width: 90vw;
    max-width: 900px;
    height: 95vh;
    border-radius: 10px;
    padding: 60px 20px; }
  body.renewal2024 .price-simulator-modal .modal__content {
    margin: 0; }
  body.renewal2024 .price-simulator-modal .modal__close {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 20px;
    height: 20px;
    z-index: 5; }
    @media (max-width: 568px) {
      body.renewal2024 .price-simulator-modal .modal__close {
        top: 30px;
        right: 30px; } }
    body.renewal2024 .price-simulator-modal .modal__close:before, body.renewal2024 .price-simulator-modal .modal__close:after {
      content: "";
      display: block;
      width: 1px;
      height: 20px;
      background: #000;
      top: 0;
      left: 50%;
      position: absolute; }
    body.renewal2024 .price-simulator-modal .modal__close:before {
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg); }
    body.renewal2024 .price-simulator-modal .modal__close:after {
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }

body.renewal2024 .price-simulator-header {
  text-align: center; }
  body.renewal2024 .price-simulator-header-title {
    font-size: 26px;
    margin: 0 0 30px;
    color: #161b61;
    font-family: 'Zen Maru Gothic', sans-serif; }
    @media (max-width: 568px) {
      body.renewal2024 .price-simulator-header-title {
        font-size: 20px;
        margin: 0 0 20px; } }
    body.renewal2024 .price-simulator-header-title .of-label {
      width: 114px;
      display: block;
      margin: 0 auto 15px; }
      @media (max-width: 568px) {
        body.renewal2024 .price-simulator-header-title .of-label {
          width: 96px;
          margin: 0 auto 10px; } }
  body.renewal2024 .price-simulator-header-description {
    margin: 0 0 30px;
    text-align: center;
    color: #666; }
    @media (max-width: 568px) {
      body.renewal2024 .price-simulator-header-description {
        font-size: 12px; } }
  body.renewal2024 .price-simulator-header-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 30px; }
  body.renewal2024 .price-simulator-header-dot {
    width: 3px;
    height: 3px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 50%;
    background: #d1d3ec;
    border: 1px solid rgba(95, 96, 119, 0.1);
    margin: 0 8px; }
    body.renewal2024 .price-simulator-header-dot.-active {
      background: #494380;
      border-color: #494380; }

body.renewal2024 .price-simulator-body {
  margin: 0 0 60px; }

body.renewal2024 .price-simulator-a-body {
  -webkit-box-shadow: 0 0 20px rgba(73, 67, 128, 0.3);
          box-shadow: 0 0 20px rgba(73, 67, 128, 0.3);
  overflow: hidden;
  border-radius: 30px; }
  @media (max-width: 568px) {
    body.renewal2024 .price-simulator-a-body {
      margin: 0 0 30px; } }
  body.renewal2024 .price-simulator-a-body-upper {
    background: #fff;
    padding: 45px; }
    @media (max-width: 568px) {
      body.renewal2024 .price-simulator-a-body-upper {
        padding: 30px 5px; } }
    body.renewal2024 .price-simulator-a-body-upper .plan-intro-price-box {
      margin: 0 auto 50px; }
      @media (max-width: 568px) {
        body.renewal2024 .price-simulator-a-body-upper .plan-intro-price-box {
          max-width: 230px; } }
  body.renewal2024 .price-simulator-a-body-img {
    width: 100%;
    max-width: 280px;
    display: block;
    margin: 0 auto 30px; }
  body.renewal2024 .price-simulator-a-body-flow {
    width: 100%;
    max-width: 230px;
    display: block;
    margin: 0 auto 50px; }
    @media (max-width: 568px) {
      body.renewal2024 .price-simulator-a-body-flow {
        margin-bottom: 30px; } }
  body.renewal2024 .price-simulator-a-body .plan-includes-title {
    margin: 0 0 20px; }
    @media (max-width: 568px) {
      body.renewal2024 .price-simulator-a-body .plan-includes-title {
        margin: 0 0 15px; } }
  body.renewal2024 .price-simulator-a-body .plan-includes-list {
    padding: 20px 15px 5px;
    margin: 0; }
    @media (max-width: 568px) {
      body.renewal2024 .price-simulator-a-body .plan-includes-list {
        padding: 15px 5px 5px; } }
  @media (max-width: 568px) {
    body.renewal2024 .price-simulator-a-body .plan-includes-icons li .txt-box {
      font-size: 10px; } }
@media (max-width: 568px) {
  body.renewal2024 .price-simulator-nav .move-prev {
    font-size: 12px;
    width: 187px;
    height: 51px;
    min-width: 1px; } }

body.renewal2024 .price-simulator-nav .move-prev:before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: translate(-70%, -50%) rotate(45deg);
          transform: translate(-70%, -50%) rotate(45deg);
  position: absolute;
  top: 50%;
  left: 20px; }

body.renewal2024 .price-simulator-a-title-box {
  padding: 20px 0 0; }
  @media (max-width: 568px) {
    body.renewal2024 .price-simulator-a-title-box {
      padding: 0; } }
body.renewal2024 .price-simulator-q-title,
body.renewal2024 .price-simulator-a-title {
  color: #494380;
  padding: 0 0 30px;
  font-size: 20px;
  border-bottom: 1px solid rgba(109, 105, 151, 0.5);
  max-width: 550px;
  margin: 0 auto 45px;
  text-align: center; }
  @media (max-width: 568px) {
    body.renewal2024 .price-simulator-q-title,
    body.renewal2024 .price-simulator-a-title {
      font-size: 17px;
      padding: 0 0 20px; } }
body.renewal2024 .price-simulator-q-title:before {
  content: "Q";
  display: block;
  font-size: 26px;
  margin: 0 auto 15px; }
  @media (max-width: 568px) {
    body.renewal2024 .price-simulator-q-title:before {
      font-size: 22px; } }
@media (max-width: 568px) {
  body.renewal2024 .price-simulator-a-title {
    margin: 0 auto 30px; } }

body.renewal2024 .price-simulator-a-title .-label {
  font-family: 'Zen Maru Gothic', sans-serif;
  font-size: 14px;
  margin: 0 0 45px;
  display: block; }
  @media (max-width: 568px) {
    body.renewal2024 .price-simulator-a-title .-label {
      font-size: 12px;
      margin: 0 0 20px; } }
body.renewal2024 .price-simulator-a-title .-bigger {
  font-size: 28px; }
  @media (max-width: 568px) {
    body.renewal2024 .price-simulator-a-title .-bigger {
      font-size: 24px; } }
body.renewal2024 .simulator-button-box {
  margin: 0 0 15px; }
  body.renewal2024 .simulator-button-box:last-child {
    margin: 0; }

body.renewal2024 .simulator-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 420px;
  height: 62px;
  background: #fff;
  border-radius: 100px;
  -webkit-box-shadow: 0 0 6px rgba(73, 67, 128, 0.3);
          box-shadow: 0 0 6px rgba(73, 67, 128, 0.3);
  font-family: 'Zen Maru Gothic', sans-serif;
  font-size: 18px;
  position: relative;
  margin: 0 auto;
  border: none;
  color: #161b61; }
  @media (max-width: 568px) {
    body.renewal2024 .simulator-button {
      font-size: 16px; } }
  body.renewal2024 .simulator-button:after {
    content: "";
    display: block;
    width: 5px;
    height: 6px;
    background: url(/images/simulator/icon-arw.svg) center center/contain no-repeat;
    position: absolute;
    top: 50%;
    right: 30px;
    -webkit-transform: translate(50%, -50%);
            transform: translate(50%, -50%); }

body.renewal2024 .simulator-select-box-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 50px; }
  @media (max-width: 568px) {
    body.renewal2024 .simulator-select-box-wrap {
      display: block;
      text-align: center; } }
  body.renewal2024 .simulator-select-box-wrap .of-label {
    font-family: 'Zen Maru Gothic', sans-serif;
    font-size: 18px;
    margin: 0 0 0 20px;
    color: #161b61; }
    @media (max-width: 568px) {
      body.renewal2024 .simulator-select-box-wrap .of-label {
        font-size: 16px;
        margin: 15px 0 0;
        display: block; } }
body.renewal2024 .simulator-select-box {
  position: relative; }
  body.renewal2024 .simulator-select-box:after {
    content: "";
    display: block;
    width: 5px;
    height: 6px;
    background: url(/images/simulator/icon-arw.svg) center center/contain no-repeat;
    position: absolute;
    top: 50%;
    right: 30px;
    -webkit-transform: translate(50%, -50%) rotate(90deg);
            transform: translate(50%, -50%) rotate(90deg); }

body.renewal2024 .simulator-select {
  -webkit-box-shadow: 0 0 6px rgba(73, 67, 128, 0.3);
          box-shadow: 0 0 6px rgba(73, 67, 128, 0.3);
  border-radius: 100px;
  width: 420px;
  height: 62px;
  background: #fff;
  font-family: 'Zen Maru Gothic', sans-serif;
  font-size: 18px;
  font-size: 18px;
  border: none;
  color: #161b61;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-appearance: none; }
  @media (max-width: 568px) {
    body.renewal2024 .simulator-select {
      width: 100%;
      max-width: 420px;
      height: 52px;
      margin: 0 auto; } }
body.renewal2024 .price-simulator__step2 .simulator-select-box-wrap {
  margin: 0 0 50px; }

body.renewal2024 .simulator-thumb-list {
  display: flex;
  justify-content: center; }
  @media (max-width: 568px) {
    body.renewal2024 .simulator-thumb-list {
      display: block; } }
  body.renewal2024 .simulator-thumb-list-item {
    width: 33.33%;
    padding: 0 20px; }
    @media (max-width: 568px) {
      body.renewal2024 .simulator-thumb-list-item {
        width: 100%;
        padding: 0 0 10px;
        display: flex;
        align-items: center; }
        body.renewal2024 .simulator-thumb-list-item:last-child {
          padding: 0; } }
    body.renewal2024 .simulator-thumb-list-item .thumb {
      margin: 0 0 30px;
      border-radius: 5px;
      height: 160px;
      overflow: hidden; }
      @media (max-width: 568px) {
        body.renewal2024 .simulator-thumb-list-item .thumb {
          width: 35%;
          margin: 0;
          padding: 0 5px 0 0;
          height: 60px; } }
      body.renewal2024 .simulator-thumb-list-item .thumb img {
        width: 100%;
        height: 100%;
        display: block;
        -o-object-fit: cover;
           object-fit: cover; }
    @media (max-width: 568px) {
      body.renewal2024 .simulator-thumb-list-item .simulator-buttons {
        width: 65%; } }
body.renewal2024 .price-simulator-a-body-lower {
  background: #e9e6f4;
  padding: 50px 30px; }
  @media (max-width: 568px) {
    body.renewal2024 .price-simulator-a-body-lower {
      padding: 30px 0; } }
  body.renewal2024 .price-simulator-a-body-lower-title {
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    margin: 0 0 20px;
    color: #494380; }
    @media (max-width: 568px) {
      body.renewal2024 .price-simulator-a-body-lower-title {
        font-size: 12px; } }
body.renewal2024 .price-simulator-saidan-list {
  display: flex;
  justify-content: space-evenly; }
  @media (max-width: 568px) {
    body.renewal2024 .price-simulator-saidan-list {
      display: block;
      margin-bottom: 30px; } }
  body.renewal2024 .price-simulator-saidan-list-item {
    width: 30%; }
    @media (max-width: 568px) {
      body.renewal2024 .price-simulator-saidan-list-item {
        width: 100%;
        padding: 0 0 30px; } }
    body.renewal2024 .price-simulator-saidan-list-item .thumb {
      margin: 0 0 30px;
      border-radius: 5px;
      height: 160px;
      overflow: hidden; }
      @media (max-width: 568px) {
        body.renewal2024 .price-simulator-saidan-list-item .thumb {
          display: none; } }
      body.renewal2024 .price-simulator-saidan-list-item .thumb img {
        width: 100%;
        height: 100%;
        display: block;
        -o-object-fit: cover;
           object-fit: cover; }
  body.renewal2024 .price-simulator-saidan-list-item-title {
    background: -webkit-gradient(linear, left top, right top, from(#aaaaaa), color-stop(#b4b4b4), to(#aaaaaa));
    background: linear-gradient(to right, #aaaaaa, #b4b4b4, #aaaaaa);
    padding: .5em;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    margin: 0 0 20px;
    color: #fff; }
    @media (max-width: 568px) {
      body.renewal2024 .price-simulator-saidan-list-item-title {
        padding: .25em;
        margin: 20px 0 5px; } }
  @media (max-width: 568px) {
    body.renewal2024 .price-simulator-saidan-list .plan-intro-price-box {
      max-width: 240px;
      margin: 0 auto; } }
  @media (max-width: 568px) {
    body.renewal2024 .price-simulator-saidan-list .plan-intro-price.of-member {
      margin: 0; } }
  @media (min-width: 569px) {
    body.renewal2024 .price-simulator-saidan-list .plan-intro-price.of-member .price-num {
      font-size: 30px; } }
body.renewal2024 .price-simulator-a-body-bottom {
  padding: 50px 0; }
  @media (max-width: 568px) {
    body.renewal2024 .price-simulator-a-body-bottom {
      padding: 0 0 30px; } }
  body.renewal2024 .price-simulator-a-body-bottom .btn-box {
    margin: 0 0 30px; }
  body.renewal2024 .price-simulator-a-body-bottom .c-tel-box {
    margin: 0 0 30px; }
  body.renewal2024 .price-simulator-a-body-bottom .of-notice {
    text-align: center;
    font-size: 14px;
    color: #666;
    margin: 0; }
    @media (max-width: 568px) {
      body.renewal2024 .price-simulator-a-body-bottom .of-notice {
        font-size: 12px; } }
body.renewal2024 .fade-enter-active, body.renewal2024 .fade-leave-active {
  -webkit-transition: opacity .12s ease;
  transition: opacity .12s ease; }

body.renewal2024 .fade-enter-from, body.renewal2024 .fade-leave-to {
  opacity: 0; }

body.renewal2024 .contact-intro {
  max-width: 1000px;
  margin: 0 auto;
  border-top: 1px solid rgba(145, 145, 145, 0.5);
  padding: 60px 30px;
  text-align: center; }
  body.renewal2024 .contact-intro-title {
    font-weight: normal;
    color: #161b61;
    font-size: 15px;
    margin: 0 0 15px; }
    @media (max-width: 568px) {
      body.renewal2024 .contact-intro-title {
        font-size: 12px; } }
body.renewal2024 .contact-form-wrap {
  background: rgba(73, 67, 128, 0.1);
  padding: 90px 30px; }
  @media (max-width: 568px) {
    body.renewal2024 .contact-form-wrap {
      padding: 30px; } }
body.renewal2024 .contact-form {
  background: #fff;
  max-width: 1000px;
  padding: 30px 30px 60px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 5px; }
  @media (max-width: 568px) {
    body.renewal2024 .contact-form {
      padding: 10px; } }
body.renewal2024.contact-tel .top-follow-box-btn.of-contact-tel-link {
  display: none; }

body.renewal2024 .subdir-bb.-contact-tel {
  background: url(/images/contact-tel/bb.jpg) center center/cover no-repeat; }

body.renewal2024 .contact-tel__cta {
  padding: 120px 0; }
  @media (max-width: 568px) {
    body.renewal2024 .contact-tel__cta {
      padding: 60px 0; } }
  body.renewal2024 .contact-tel__cta .cta-title {
    text-align: center;
    font-size: 22px;
    font-weight: normal;
    letter-spacing: .2em;
    margin: 0 0 50px;
    line-height: 1.8; }
    @media (max-width: 568px) {
      body.renewal2024 .contact-tel__cta .cta-title {
        font-size: 18px; } }
  body.renewal2024 .contact-tel__cta .c-freedial-box {
    margin-bottom: 50px; }
  body.renewal2024 .contact-tel__cta-dl {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    color: #494380;
    max-width: 700px;
    margin: 0 auto; }
    body.renewal2024 .contact-tel__cta-dl dt {
      width: 100%;
      text-align: center;
      font-size: 16px;
      padding: 0 0 15px;
      margin: 0; }
      @media (max-width: 568px) {
        body.renewal2024 .contact-tel__cta-dl dt {
          font-size: 14px; } }
    body.renewal2024 .contact-tel__cta-dl dd {
      background: rgba(73, 67, 128, 0.1);
      padding: .5em 2em;
      margin: 10px 5px;
      border-radius: 20px;
      white-space: nowrap;
      display: flex;
      align-items: center; }
      @media (max-width: 568px) {
        body.renewal2024 .contact-tel__cta-dl dd {
          font-size: 12px;
          margin: 8px 4px; } }
      body.renewal2024 .contact-tel__cta-dl dd:before {
        content: "";
        display: block;
        width: 14px;
        height: 14px;
        background: url(/images/icons/checkmark.svg) center center/contain no-repeat;
        margin: 0 .5em 0 0; }
        @media (max-width: 568px) {
          body.renewal2024 .contact-tel__cta-dl dd:before {
            width: 12px;
            height: 12px; } }
body.renewal2024 .contact-tel__halls {
  background: rgba(73, 67, 128, 0.1);
  padding: 60px 0 45px; }
  body.renewal2024 .contact-tel__halls .halls-title {
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 60px;
    color: #666; }
    @media (max-width: 568px) {
      body.renewal2024 .contact-tel__halls .halls-title {
        font-size: 12px;
        margin: 0 0 45px; } }
body.renewal2024 .contact-tel__flow {
  padding: 90px 25px; }
  @media (max-width: 568px) {
    body.renewal2024 .contact-tel__flow {
      padding: 60px 0 40px; } }
  body.renewal2024 .contact-tel__flow .flow-title {
    text-align: center;
    margin: 0 0 80px;
    font-size: 22px;
    color: #4d4d4d; }
    @media (max-width: 568px) {
      body.renewal2024 .contact-tel__flow .flow-title {
        font-size: 19px;
        margin: 0 0 45px; } }
  @media (max-width: 568px) {
    body.renewal2024 .contact-tel__flow-list-wrap {
      overflow: hidden;
      height: 330px; } }
  @media (max-width: 568px) {
    body.renewal2024 .contact-tel__flow-list-scroll-wrap {
      overflow: scroll; } }
  body.renewal2024 .contact-tel__flow-list {
    max-width: 1120px;
    display: flex;
    padding: 0;
    margin: 0 auto; }
    @media (max-width: 568px) {
      body.renewal2024 .contact-tel__flow-list {
        width: 940px;
        padding: 0 20px; } }
    body.renewal2024 .contact-tel__flow-list li {
      width: 25%;
      padding: 0 25px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      list-style: none;
      color: #231578;
      position: relative; }
      @media (max-width: 568px) {
        body.renewal2024 .contact-tel__flow-list li {
          padding: 0 20px;
          height: 350px; } }
      body.renewal2024 .contact-tel__flow-list li .title {
        font-size: 18px;
        margin: 0 0 15px; }
        @media (max-width: 568px) {
          body.renewal2024 .contact-tel__flow-list li .title {
            font-size: 16px;
            margin: 0 0 10px; } }
      body.renewal2024 .contact-tel__flow-list li .sub-title {
        font-size: 18px;
        margin: 15px 0;
        text-align: center; }
        @media (max-width: 568px) {
          body.renewal2024 .contact-tel__flow-list li .sub-title {
            font-size: 16px; } }
      body.renewal2024 .contact-tel__flow-list li p {
        color: #4d4d4d;
        letter-spacing: 0; }
        @media (max-width: 568px) {
          body.renewal2024 .contact-tel__flow-list li p {
            font-size: 12px; } }
      body.renewal2024 .contact-tel__flow-list li:after {
        content: "";
        display: block;
        width: 8px;
        height: 11px;
        background: url(/images/icons/angle-right.svg) center center/contain no-repeat;
        position: absolute;
        top: 31%;
        left: 100%;
        -webkit-transform: translate(-50%, 0);
                transform: translate(-50%, 0); }
        @media (max-width: 568px) {
          body.renewal2024 .contact-tel__flow-list li:after {
            top: 27%; } }
      body.renewal2024 .contact-tel__flow-list li:last-child:after {
        display: none; }

body.renewal2024 .contact-tel__preparation {
  background: rgba(73, 67, 128, 0.1);
  padding: 90px 20px; }
  @media (max-width: 568px) {
    body.renewal2024 .contact-tel__preparation {
      padding: 60px 20px; } }
  body.renewal2024 .contact-tel__preparation .preparation-title {
    text-align: center;
    font-size: 22px;
    font-weight: normal;
    margin: 0 0 60px; }
    @media (max-width: 568px) {
      body.renewal2024 .contact-tel__preparation .preparation-title {
        font-size: 19px;
        margin: 0 0 45px; } }
  body.renewal2024 .contact-tel__preparation-list {
    display: flex;
    max-width: 1010px;
    padding: 0;
    margin: 0 auto; }
    @media (max-width: 568px) {
      body.renewal2024 .contact-tel__preparation-list {
        display: block; } }
    body.renewal2024 .contact-tel__preparation-list li {
      list-style: none;
      width: 33.33%;
      padding: 0 20px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      display: flex;
      flex-direction: column; }
      @media (max-width: 568px) {
        body.renewal2024 .contact-tel__preparation-list li {
          width: 100%;
          padding: 0 10px 30px; }
          body.renewal2024 .contact-tel__preparation-list li:last-child {
            padding-bottom: 0; } }
      body.renewal2024 .contact-tel__preparation-list li .card {
        -webkit-box-shadow: 0 0 10px rgba(121, 121, 122, 0.2);
                box-shadow: 0 0 10px rgba(121, 121, 122, 0.2);
        border: 1px solid rgba(184, 182, 195, 0.1);
        border-radius: 5px;
        background: #fff;
        padding: 30px 20px; }
        @media (max-width: 568px) {
          body.renewal2024 .contact-tel__preparation-list li .card {
            display: table; } }
        @media (max-width: 568px) {
          body.renewal2024 .contact-tel__preparation-list li .card .title-box {
            display: table-cell;
            vertical-align: middle;
            padding: 0 20px 0 0;
            width: 80px; } }
        body.renewal2024 .contact-tel__preparation-list li .card .icon-box {
          height: 58px;
          display: flex;
          align-items: center;
          justify-content: center;
          margin: 0 0 30px; }
          @media (max-width: 568px) {
            body.renewal2024 .contact-tel__preparation-list li .card .icon-box {
              height: 49px;
              margin: 0 0 20px; } }
          body.renewal2024 .contact-tel__preparation-list li .card .icon-box .icon {
            height: 100%; }
            body.renewal2024 .contact-tel__preparation-list li .card .icon-box .icon.of-02 {
              height: 45px; }
              @media (max-width: 568px) {
                body.renewal2024 .contact-tel__preparation-list li .card .icon-box .icon.of-02 {
                  height: 38px; } }
            body.renewal2024 .contact-tel__preparation-list li .card .icon-box .icon.of-03 {
              height: 50px; }
              @media (max-width: 568px) {
                body.renewal2024 .contact-tel__preparation-list li .card .icon-box .icon.of-03 {
                  height: 43px; } }
        body.renewal2024 .contact-tel__preparation-list li .card .title {
          font-size: 18px;
          margin: 0 0 20px;
          text-align: center; }
          @media (max-width: 568px) {
            body.renewal2024 .contact-tel__preparation-list li .card .title {
              font-size: 14px;
              margin: 0;
              white-space: nowrap; } }
        body.renewal2024 .contact-tel__preparation-list li .card p {
          color: #666666;
          letter-spacing: 0;
          margin: 0; }
          @media (max-width: 568px) {
            body.renewal2024 .contact-tel__preparation-list li .card p {
              display: table-cell;
              vertical-align: middle;
              font-size: 12px; } }
body.renewal2024 .contact-tel__faq {
  padding: 120px 0; }
  @media (max-width: 568px) {
    body.renewal2024 .contact-tel__faq {
      padding: 60px 0; } }
body.renewal2024 .contact-tel__cta02 {
  background: rgba(73, 67, 128, 0.1);
  padding: 90px 0; }
  @media (max-width: 568px) {
    body.renewal2024 .contact-tel__cta02 {
      padding: 60px 0; } }
  body.renewal2024 .contact-tel__cta02 .cta-title {
    text-align: center;
    font-size: 15px;
    color: #161b61; }
    @media (max-width: 568px) {
      body.renewal2024 .contact-tel__cta02 .cta-title {
        font-size: 13px; } }
body.renewal2024 .hall-search-nav-wrap {
  background: rgba(73, 67, 128, 0.1);
  padding: 60px 90px 90px; }
  @media (max-width: 568px) {
    body.renewal2024 .hall-search-nav-wrap {
      padding: 50px 30px; } }
body.renewal2024 .hall-search-nav-description {
  text-align: center;
  color: #666666;
  margin: 0 0 60px; }
  @media (max-width: 568px) {
    body.renewal2024 .hall-search-nav-description {
      margin: 0 0 30px;
      font-size: 12px; } }
body.renewal2024 .hall-search-nav {
  background: #fff;
  max-width: 1000px;
  border-radius: 5px;
  padding: 50px;
  margin: 0 auto;
  display: flex; }
  @media (max-width: 568px) {
    body.renewal2024 .hall-search-nav {
      padding: 30px 20px;
      flex-wrap: wrap; } }
  body.renewal2024 .hall-search-nav__title-box {
    width: 20%;
    padding: 0 60px 0 0; }
    @media (max-width: 568px) {
      body.renewal2024 .hall-search-nav__title-box {
        width: 100%;
        padding: 0 0 20px;
        display: flex;
        justify-content: center; } }
  body.renewal2024 .hall-search-nav__data-box {
    width: 75%;
    display: flex;
    flex-wrap: wrap; }
    @media (max-width: 568px) {
      body.renewal2024 .hall-search-nav__data-box {
        width: 100%; } }
  body.renewal2024 .hall-search-nav-title {
    background: rgba(73, 67, 128, 0.8);
    padding: .7em;
    border-radius: 100px;
    color: #fff;
    font-size: 16px;
    text-align: center; }
    @media (max-width: 568px) {
      body.renewal2024 .hall-search-nav-title {
        font-size: 14px;
        min-width: 128px; } }
  body.renewal2024 .hall-search-nav-item {
    width: 25%;
    padding: 12px 0; }
    @media (max-width: 568px) {
      body.renewal2024 .hall-search-nav-item {
        width: 33.33%;
        padding: 10px 0; } }
body.renewal2024 .ippan-saijo-list-wrap {
  padding: 90px 90px 0; }
  @media (max-width: 568px) {
    body.renewal2024 .ippan-saijo-list-wrap {
      padding: 50px 30px 0; } }
body.renewal2024 .ippan-saijo-list-title {
  text-align: center;
  font-size: 20px;
  color: #161b61;
  font-weight: normal;
  margin: 0 0 30px; }
  @media (max-width: 568px) {
    body.renewal2024 .ippan-saijo-list-title {
      font-size: 17px;
      margin: 0 0 20px; } }
body.renewal2024 .ippan-saijo {
  display: flex;
  background: rgba(73, 67, 128, 0.05);
  max-width: 1000px;
  padding: 50px 50px 40px;
  border-radius: 5px;
  margin: 0 auto 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media (max-width: 568px) {
    body.renewal2024 .ippan-saijo {
      display: block;
      padding: 30px 20px 20px;
      margin-bottom: 20px; } }
  body.renewal2024 .ippan-saijo:last-child {
    margin-bottom: 0; }
  body.renewal2024 .ippan-saijo__img-box {
    width: 45%;
    padding: 0 90px 0 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    @media (max-width: 568px) {
      body.renewal2024 .ippan-saijo__img-box {
        width: 100%;
        padding: 0 0 20px; } }
  body.renewal2024 .ippan-saijo__txt-box {
    width: 55%; }
    @media (max-width: 568px) {
      body.renewal2024 .ippan-saijo__txt-box {
        width: 100%; } }
  body.renewal2024 .ippan-saijo-labels {
    margin: 20px -10px 0 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    @media (max-width: 568px) {
      body.renewal2024 .ippan-saijo-labels {
        margin: 10px -5px 0 0; } }
  body.renewal2024 .ippan-saijo-label {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #504a80;
    height: 30px;
    padding: 0 1.5em;
    border-radius: 30px;
    font-size: 14px;
    margin: 0 10px 10px 0;
    color: #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    @media (max-width: 568px) {
      body.renewal2024 .ippan-saijo-label {
        height: 26px;
        font-size: 12px;
        margin: 0 5px 5px 0; } }
    body.renewal2024 .ippan-saijo-label.off {
      background: rgba(101, 100, 128, 0.2); }
    body.renewal2024 .ippan-saijo-label.of-ghost {
      color: #756bb8;
      border: 1px solid rgba(117, 107, 184, 0.3);
      background: transparent; }
  body.renewal2024 .ippan-saijo-title {
    font-size: 20px;
    margin: 0 0 20px;
    font-weight: normal;
    color: #504a80; }
    @media (max-width: 568px) {
      body.renewal2024 .ippan-saijo-title {
        font-size: 17px;
        margin: 0 0 15px; } }
  body.renewal2024 .ippan-saijo-info-table th, body.renewal2024 .ippan-saijo-info-table td {
    color: #666666;
    padding: 10px 0;
    vertical-align: top;
    text-align: left; }
    @media (max-width: 568px) {
      body.renewal2024 .ippan-saijo-info-table th, body.renewal2024 .ippan-saijo-info-table td {
        font-size: 12px; } }
  body.renewal2024 .ippan-saijo-info-table th {
    padding-right: 20px;
    white-space: nowrap;
    font-weight: normal; }
    @media (max-width: 568px) {
      body.renewal2024 .ippan-saijo-info-table th {
        padding-right: 10px; } }
  body.renewal2024 .ippan-saijo-info-table .ippan-saijo-labels {
    margin: -5px -10px -10px 0; }
    @media (max-width: 568px) {
      body.renewal2024 .ippan-saijo-info-table .ippan-saijo-labels {
        margin: -5px -5px -5px 0; } }
body.renewal2024 .hall-search__prayer-halls {
  padding: 120px 0 0; }
  @media (max-width: 568px) {
    body.renewal2024 .hall-search__prayer-halls {
      padding: 50px 0;
      margin: 50px 0 0;
      background: rgba(73, 67, 128, 0.1); } }
  body.renewal2024 .hall-search__prayer-halls .halls-title {
    font-size: 22px;
    font-weight: normal;
    color: #4d4d4d;
    margin: 0 0 60px;
    text-align: center; }
    @media (max-width: 568px) {
      body.renewal2024 .hall-search__prayer-halls .halls-title {
        font-size: 17px;
        margin: 0 0 50px; } }
body.renewal2024 .subdir-bb.of-concierge {
  background: url(/images/concierge/bb.jpg) center 33%/cover no-repeat; }

body.renewal2024 .concierge-intro {
  padding: 120px 30px 60px;
  display: flex;
  flex-wrap: wrap;
  max-width: 900px;
  margin: 0 auto; }
  @media (max-width: 568px) {
    body.renewal2024 .concierge-intro {
      padding: 60px 30px; } }
  body.renewal2024 .concierge-intro-catch {
    width: 50%; }
    @media (max-width: 568px) {
      body.renewal2024 .concierge-intro-catch {
        width: 100%;
        margin: 0 0 30px; } }
    body.renewal2024 .concierge-intro-catch p {
      font-size: 22px;
      letter-spacing: .2em; }
      @media (max-width: 568px) {
        body.renewal2024 .concierge-intro-catch p {
          font-size: 19px; } }
      body.renewal2024 .concierge-intro-catch p:last-child {
        margin: 0; }
  body.renewal2024 .concierge-intro-txt {
    width: 50%; }
    @media (max-width: 568px) {
      body.renewal2024 .concierge-intro-txt {
        width: 100%; } }
    body.renewal2024 .concierge-intro-txt p {
      color: #666; }
      @media (max-width: 568px) {
        body.renewal2024 .concierge-intro-txt p {
          font-size: 12px; } }
      body.renewal2024 .concierge-intro-txt p:last-child {
        margin: 0; }

body.renewal2024 .concierge-service {
  background: url(/images/concierge/service-bg.png) center top/100% 1740px no-repeat;
  padding: 120px 30px; }
  @media (max-width: 568px) {
    body.renewal2024 .concierge-service {
      background-size: 100% auto;
      padding: 90px 30px 60px; } }
  body.renewal2024 .concierge-service-title {
    font-size: 20px;
    text-align: center;
    margin: 0 0 30px;
    font-weight: normal;
    color: #161b61; }
    @media (max-width: 568px) {
      body.renewal2024 .concierge-service-title {
        font-size: 17px; } }
  body.renewal2024 .concierge-service-list {
    max-width: 940px;
    padding: 0;
    margin: 0 auto; }
    body.renewal2024 .concierge-service-list li {
      list-style: none;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 0 60px; }
      @media (max-width: 568px) {
        body.renewal2024 .concierge-service-list li {
          display: block; } }
      body.renewal2024 .concierge-service-list li:nth-child(even) {
        flex-direction: row-reverse; }
      body.renewal2024 .concierge-service-list li .title-box {
        width: 330px;
        height: 330px;
        background: #fff;
        border-radius: 50%;
        -webkit-box-shadow: 0 0 10px rgba(136, 136, 255, 0.2);
                box-shadow: 0 0 10px rgba(136, 136, 255, 0.2);
        display: flex;
        align-items: center;
        justify-content: center; }
        @media (max-width: 568px) {
          body.renewal2024 .concierge-service-list li .title-box {
            width: 200px;
            height: 200px;
            margin: 0 auto 30px; } }
        body.renewal2024 .concierge-service-list li .title-box .icon {
          display: block;
          margin: 0 auto 20px; }
          @media (max-width: 568px) {
            body.renewal2024 .concierge-service-list li .title-box .icon {
              margin-bottom: 15px; } }
          body.renewal2024 .concierge-service-list li .title-box .icon.of-01 {
            width: 46px; }
          body.renewal2024 .concierge-service-list li .title-box .icon.of-02 {
            width: 55px; }
          body.renewal2024 .concierge-service-list li .title-box .icon.of-03 {
            width: 100px; }
        body.renewal2024 .concierge-service-list li .title-box .title {
          font-size: 24px;
          color: #494380;
          text-align: center;
          font-weight: normal; }
          @media (max-width: 568px) {
            body.renewal2024 .concierge-service-list li .title-box .title {
              font-size: 18px; } }
      body.renewal2024 .concierge-service-list li .txt-box {
        padding: 0 60px; }
        @media (max-width: 568px) {
          body.renewal2024 .concierge-service-list li .txt-box {
            padding: 0; } }
        body.renewal2024 .concierge-service-list li .txt-box p {
          color: #666666;
          margin: 0; }
          @media (max-width: 568px) {
            body.renewal2024 .concierge-service-list li .txt-box p {
              font-size: 12px; } }
          body.renewal2024 .concierge-service-list li .txt-box p.catch {
            font-size: 20px;
            color: #4d4d4d;
            margin: 0 0 30px; }
            @media (max-width: 568px) {
              body.renewal2024 .concierge-service-list li .txt-box p.catch {
                font-size: 17px;
                margin: 0 0 20px; } }
  body.renewal2024 .concierge-service__notice {
    text-align: center;
    font-size: 12px;
    color: #666666;
    margin: 0 0 30px; }
    @media (max-width: 568px) {
      body.renewal2024 .concierge-service__notice {
        font-size: 10px; } }
  body.renewal2024 .concierge-service__bottom-txt {
    text-align: center;
    font-size: 18px;
    color: #161b61;
    margin: 0; }
    @media (max-width: 568px) {
      body.renewal2024 .concierge-service__bottom-txt {
        font-size: 16px; } }
body.renewal2024 .concierge-customer {
  background: rgba(73, 67, 128, 0.1);
  padding: 120px 30px; }
  @media (max-width: 568px) {
    body.renewal2024 .concierge-customer {
      padding: 60px 30px; } }
  body.renewal2024 .concierge-customer-title {
    text-align: center;
    color: #161b61;
    font-size: 20px;
    font-weight: normal;
    margin: 0 0 70px; }
    @media (max-width: 568px) {
      body.renewal2024 .concierge-customer-title {
        font-size: 17px;
        margin: 0 0 60px; } }
  body.renewal2024 .concierge-customer-list {
    max-width: 670px;
    padding: 0;
    margin: 0 auto 60px; }
    body.renewal2024 .concierge-customer-list li {
      list-style: none;
      background: #fff;
      border-radius: 100px;
      height: 150px;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      position: relative;
      padding: 25px 0 0;
      margin: 0 0 30px;
      font-size: 18px;
      color: #494380; }
      @media (max-width: 568px) {
        body.renewal2024 .concierge-customer-list li {
          height: auto;
          padding: 60px 0 45px;
          font-size: 16px; } }
      body.renewal2024 .concierge-customer-list li:last-child {
        margin: 0; }
      body.renewal2024 .concierge-customer-list li .icon {
        position: absolute;
        top: 25px;
        left: 50%;
        width: 25px;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%); }

body.renewal2024 .concierge-howto {
  padding: 120px 30px 0; }
  @media (max-width: 568px) {
    body.renewal2024 .concierge-howto {
      padding: 60px 30px 0; } }
  body.renewal2024 .concierge-howto-title {
    text-align: center;
    color: #161b61;
    font-size: 20px;
    font-weight: normal;
    margin: 0 0 60px; }
    @media (max-width: 568px) {
      body.renewal2024 .concierge-howto-title {
        font-size: 17px; } }
  body.renewal2024 .concierge-howto-description {
    text-align: center;
    font-size: 14px;
    color: #666;
    margin: 0 0 60px; }
    @media (max-width: 568px) {
      body.renewal2024 .concierge-howto-description {
        font-size: 12px;
        margin: 0 0 30px; } }
body.renewal2024 .contact-nav {
  margin: 60px 0 0; }
  @media (max-width: 568px) {
    body.renewal2024 .contact-nav {
      margin: 30px 0 0; } }
body.renewal2024 .subdir-bb.of-company {
  background: url(/images/company/bb.jpg) center bottom/cover no-repeat; }

body.renewal2024 .company-concept {
  padding: 120px 30px 60px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  max-width: 900px;
  margin: 0 auto; }
  @media (max-width: 568px) {
    body.renewal2024 .company-concept {
      padding: 60px 30px; } }
  body.renewal2024 .company-concept-catch {
    width: 50%; }
    @media (max-width: 568px) {
      body.renewal2024 .company-concept-catch {
        width: 100%;
        margin: 0 0 30px; } }
    body.renewal2024 .company-concept-catch p {
      color: #161b61;
      font-size: 22px;
      letter-spacing: .2em; }
      @media (max-width: 568px) {
        body.renewal2024 .company-concept-catch p {
          font-size: 19px; } }
      body.renewal2024 .company-concept-catch p:last-child {
        margin: 0; }
  body.renewal2024 .company-concept-txt {
    width: 50%; }
    @media (max-width: 568px) {
      body.renewal2024 .company-concept-txt {
        width: 100%; } }
    body.renewal2024 .company-concept-txt p {
      color: #666;
      line-height: 2.8; }
      @media (max-width: 568px) {
        body.renewal2024 .company-concept-txt p {
          font-size: 12px; } }
      body.renewal2024 .company-concept-txt p:last-child {
        margin: 0; }

body.renewal2024 .company-table-section {
  max-width: 1000px;
  border-bottom: 1px solid rgba(128, 128, 158, 0.5);
  margin: 0 auto;
  padding: 0 30px 60px; }

body.renewal2024 .company-table {
  max-width: 700px;
  margin: 0 auto;
  width: 100%; }
  body.renewal2024 .company-table th, body.renewal2024 .company-table td {
    padding: 30px 0; }
    @media (max-width: 568px) {
      body.renewal2024 .company-table th, body.renewal2024 .company-table td {
        padding: 10px 0;
        font-size: 12px; } }
  body.renewal2024 .company-table th {
    padding-right: 30px;
    vertical-align: top;
    color: #161b61;
    font-weight: normal;
    text-align: left;
    white-space: nowrap; }
    @media (max-width: 568px) {
      body.renewal2024 .company-table th {
        padding-right: 10px; } }
  body.renewal2024 .company-table td {
    color: #666666; }

body.renewal2024 .company__prayer-halls {
  padding: 120px 0 60px; }
  @media (max-width: 568px) {
    body.renewal2024 .company__prayer-halls {
      padding: 60px 0 0; } }
  body.renewal2024 .company__prayer-halls .halls-title {
    text-align: center;
    font-size: 22px;
    margin: 0 0 45px;
    font-weight: normal;
    color: #4d4d4d; }
    @media (max-width: 568px) {
      body.renewal2024 .company__prayer-halls .halls-title {
        font-size: 19px;
        margin: 0 0 30px; } }
  body.renewal2024 .company__prayer-halls .halls-description {
    color: #666666;
    margin: 0 0 50px;
    text-align: center; }
    @media (max-width: 568px) {
      body.renewal2024 .company__prayer-halls .halls-description {
        font-size: 12px; } }
body.renewal2024 .subdir-bb.-member {
  background: url(/images/member/bb.jpg?20240329) center center/cover no-repeat; }

body.renewal2024 .member-intro {
  padding: 120px 0 60px;
  text-align: center; }
  @media (max-width: 568px) {
    body.renewal2024 .member-intro {
      padding: 60px 0; } }
  body.renewal2024 .member-intro-title {
    color: #161b61;
    font-weight: normal;
    font-size: 22px;
    margin: 0 0 60px; }
    @media (max-width: 568px) {
      body.renewal2024 .member-intro-title {
        font-size: 19px;
        margin: 0 0 30px; } }
    body.renewal2024 .member-intro-title .of-upper-txt {
      width: 100%;
      display: flex;
      align-items: flex-end;
      justify-content: center;
      margin: 0 0 30px;
      letter-spacing: .2em;
      font-size: 15px;
      line-height: 1.2; }
      @media (max-width: 568px) {
        body.renewal2024 .member-intro-title .of-upper-txt {
          font-size: 13px;
          margin: 0 0 20px; } }
      body.renewal2024 .member-intro-title .of-upper-txt:before, body.renewal2024 .member-intro-title .of-upper-txt:after {
        content: "";
        width: 1px;
        height: 18px;
        background: rgba(22, 27, 97, 0.5);
        display: block; }
      body.renewal2024 .member-intro-title .of-upper-txt:before {
        -webkit-transform: rotate(-20deg);
                transform: rotate(-20deg);
        margin: 0 2em 0 0; }
        @media (max-width: 568px) {
          body.renewal2024 .member-intro-title .of-upper-txt:before {
            margin-right: 1em; } }
      body.renewal2024 .member-intro-title .of-upper-txt:after {
        -webkit-transform: rotate(20deg);
                transform: rotate(20deg);
        margin: 0 0 0 2em; }
        @media (max-width: 568px) {
          body.renewal2024 .member-intro-title .of-upper-txt:after {
            margin-left: 1em; } }
  body.renewal2024 .member-intro-img {
    width: 238px;
    display: block;
    margin: 0 auto 60px; }
    @media (max-width: 568px) {
      body.renewal2024 .member-intro-img {
        width: 200px;
        margin-bottom: 30px; } }
  body.renewal2024 .member-intro-features {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 45px; }
    @media (max-width: 568px) {
      body.renewal2024 .member-intro-features {
        display: block;
        max-width: 180px;
        margin: 0 auto 60px; } }
  body.renewal2024 .member-intro-feature {
    margin: 0 10px;
    color: #494380;
    font-size: 16px;
    padding: .5em;
    border: 1px solid;
    border-radius: 30px;
    min-width: 180px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    @media (max-width: 568px) {
      body.renewal2024 .member-intro-feature {
        margin: 0 0 10px;
        font-size: 14px; }
        body.renewal2024 .member-intro-feature:last-child {
          margin: 0; } }
  body.renewal2024 .member-intro-catch {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto 60px;
    position: relative;
    border-top: 1px solid;
    border-bottom: 1px solid;
    color: #161b61;
    font-size: 20px;
    padding: 45px 20px 30px; }
    @media (max-width: 568px) {
      body.renewal2024 .member-intro-catch {
        font-size: 17px; } }
    body.renewal2024 .member-intro-catch .of-label {
      padding: .5em;
      min-width: 180px;
      background: #161b61;
      color: #fff;
      font-size: 17px;
      border-radius: 30px;
      position: absolute;
      top: 0;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
      @media (max-width: 568px) {
        body.renewal2024 .member-intro-catch .of-label {
          font-size: 15px; } }
  body.renewal2024 .member-intro .btn-box {
    margin-bottom: 60px; }
  body.renewal2024 .member-intro-bottom-txt {
    font-size: 20px;
    color: #161b61;
    letter-spacing: .2em;
    line-height: 2; }
    @media (max-width: 568px) {
      body.renewal2024 .member-intro-bottom-txt {
        font-size: 17px; } }
body.renewal2024 .member-body {
  background: rgba(73, 67, 128, 0.1);
  padding: 90px 30px 120px; }
  @media (max-width: 568px) {
    body.renewal2024 .member-body {
      padding: 60px 30px; } }
body.renewal2024 .member-service {
  padding: 0 0 120px; }
  @media (max-width: 568px) {
    body.renewal2024 .member-service {
      padding: 0 0 60px; } }
  body.renewal2024 .member-service-title {
    text-align: center;
    font-size: 20px;
    margin: 0 0 60px;
    color: #161b61;
    font-weight: normal; }
    @media (max-width: 568px) {
      body.renewal2024 .member-service-title {
        font-size: 17px;
        margin: 0 0 30px; } }
  body.renewal2024 .member-service-list {
    display: flex;
    flex-wrap: wrap;
    max-width: 1060px;
    padding: 0 5px;
    margin: 0 auto 15px; }
    @media (max-width: 568px) {
      body.renewal2024 .member-service-list {
        padding: 0;
        margin: 0 -5px 15px; } }
    body.renewal2024 .member-service-list li {
      list-style: none;
      width: 25%;
      padding: 5px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      @media (max-width: 568px) {
        body.renewal2024 .member-service-list li {
          width: 100%; } }
      body.renewal2024 .member-service-list li .card {
        background: #fff;
        padding: 20px 20px 30px;
        position: relative;
        height: 100%;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
        @media (max-width: 568px) {
          body.renewal2024 .member-service-list li .card {
            display: table;
            padding: 20px; } }
      body.renewal2024 .member-service-list li .num {
        font-size: 18px;
        color: #494380;
        position: absolute;
        top: 20px;
        left: 20px; }
      body.renewal2024 .member-service-list li .attention {
        position: absolute;
        top: 5px;
        right: 5px;
        font-size: 10px;
        color: #666666; }
      body.renewal2024 .member-service-list li .icon-box {
        height: 50px;
        padding: 30px 0;
        display: flex;
        align-items: center;
        justify-content: center; }
        @media (max-width: 568px) {
          body.renewal2024 .member-service-list li .icon-box {
            display: table-cell;
            vertical-align: middle;
            width: 90px; } }
      body.renewal2024 .member-service-list li .icon {
        display: block; }
        @media (max-width: 568px) {
          body.renewal2024 .member-service-list li .icon {
            margin: 0 auto; } }
        body.renewal2024 .member-service-list li .icon.of-01 {
          height: 40px; }
        body.renewal2024 .member-service-list li .icon.of-02 {
          height: 27px; }
        body.renewal2024 .member-service-list li .icon.of-03 {
          height: 26px; }
        body.renewal2024 .member-service-list li .icon.of-04 {
          height: 38px; }
        body.renewal2024 .member-service-list li .icon.of-05, body.renewal2024 .member-service-list li .icon.of-07, body.renewal2024 .member-service-list li .icon.of-08 {
          height: 45px; }
        body.renewal2024 .member-service-list li .icon.of-06 {
          height: 48px; }
      @media (max-width: 568px) {
        body.renewal2024 .member-service-list li .txt-box {
          display: table-cell;
          vertical-align: middle;
          padding: 0 0 0 10px; } }
      body.renewal2024 .member-service-list li .title {
        font-size: 16px;
        text-align: center;
        color: #494380;
        margin: 0 0 30px; }
        @media (max-width: 568px) {
          body.renewal2024 .member-service-list li .title {
            text-align: left;
            font-size: 14px;
            margin: 0 0 10px; } }
      body.renewal2024 .member-service-list li .txt {
        color: #666; }
        @media (max-width: 568px) {
          body.renewal2024 .member-service-list li .txt {
            font-size: 12px; } }
  body.renewal2024 .member-service-attention {
    max-width: 1050px;
    font-size: 10px;
    color: #666;
    margin: 0 auto; }

body.renewal2024 .member-tokuten {
  max-width: 900px;
  margin: 0 auto; }
  body.renewal2024 .member-tokuten-item {
    display: flex;
    align-items: center;
    padding: 0 0 90px; }
    @media (max-width: 568px) {
      body.renewal2024 .member-tokuten-item {
        display: block; } }
    body.renewal2024 .member-tokuten-item:last-child {
      padding: 0; }
    body.renewal2024 .member-tokuten-item .thumb-box {
      width: 33.33%;
      padding: 0 45px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      @media (max-width: 568px) {
        body.renewal2024 .member-tokuten-item .thumb-box {
          width: 100%;
          padding: 0 0 30px;
          text-align: center; } }
      body.renewal2024 .member-tokuten-item .thumb-box .logo-kososha {
        width: 227px; }
        @media (max-width: 568px) {
          body.renewal2024 .member-tokuten-item .thumb-box .logo-kososha {
            width: 181px; } }
      body.renewal2024 .member-tokuten-item .thumb-box .of-magazine {
        width: 225px; }
        @media (max-width: 568px) {
          body.renewal2024 .member-tokuten-item .thumb-box .of-magazine {
            width: 180px; } }
    body.renewal2024 .member-tokuten-item .txt-box {
      width: 66.66%;
      padding: 30px 45px 0;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      @media (max-width: 568px) {
        body.renewal2024 .member-tokuten-item .txt-box {
          width: 100%;
          padding: 0; } }
      body.renewal2024 .member-tokuten-item .txt-box .title {
        font-size: 20px;
        color: #494380;
        margin: 0 0 30px; }
        @media (max-width: 568px) {
          body.renewal2024 .member-tokuten-item .txt-box .title {
            font-size: 17px;
            text-align: center; } }
      body.renewal2024 .member-tokuten-item .txt-box .txt {
        color: #666;
        font-size: 12px;
        margin: 0 0 30px; }
        body.renewal2024 .member-tokuten-item .txt-box .txt.of-small {
          font-size: 10px; }
          @media (max-width: 568px) {
            body.renewal2024 .member-tokuten-item .txt-box .txt.of-small {
              text-align: center; } }
      body.renewal2024 .member-tokuten-item .txt-box .btn-row {
        display: flex;
        justify-content: space-between;
        margin: 0 0 30px; }
        @media (max-width: 568px) {
          body.renewal2024 .member-tokuten-item .txt-box .btn-row {
            display: block; } }
        body.renewal2024 .member-tokuten-item .txt-box .btn-row .btn-box {
          margin-left: 20px; }
          @media (max-width: 568px) {
            body.renewal2024 .member-tokuten-item .txt-box .btn-row .btn-box {
              margin: 30px 0 0; } }
      body.renewal2024 .member-tokuten-item .txt-box .catch {
        color: #666;
        font-size: 18px; }
        @media (max-width: 568px) {
          body.renewal2024 .member-tokuten-item .txt-box .catch {
            text-align: center; } }
body.renewal2024 .member-cta {
  padding: 120px 0; }
  @media (max-width: 568px) {
    body.renewal2024 .member-cta {
      padding: 60px 0; } }
body.renewal2024.media .latest-pickup-items-wrap {
  padding: 0 45px; }

body.renewal2024 .media-intro {
  max-width: 1000px;
  margin: 0 auto;
  padding: 90px 0;
  border-top: 1px solid rgba(145, 145, 145, 0.5); }
  @media (max-width: 1060px) {
    body.renewal2024 .media-intro {
      margin: 0 30px; } }
  @media (max-width: 568px) {
    body.renewal2024 .media-intro {
      padding: 60px 0; } }
  body.renewal2024 .media-intro p {
    text-align: center;
    color: #666;
    margin: 0 0 50px; }
    @media (max-width: 568px) {
      body.renewal2024 .media-intro p {
        font-size: 12px;
        margin: 0 0 30px; } }
body.renewal2024 .media-service-wrap {
  background: rgba(73, 67, 128, 0.1);
  padding: 90px 30px; }
  @media (max-width: 568px) {
    body.renewal2024 .media-service-wrap {
      padding: 30px 15px; } }
body.renewal2024 .media-service-list {
  display: flex;
  flex-wrap: wrap;
  max-width: 1060px;
  padding: 0 5px;
  margin: 0 auto 15px; }
  @media (max-width: 568px) {
    body.renewal2024 .media-service-list {
      padding: 0;
      margin: 0 -3px; } }
  body.renewal2024 .media-service-list li {
    list-style: none;
    width: 25%;
    padding: 5px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    @media (max-width: 568px) {
      body.renewal2024 .media-service-list li {
        width: 50%;
        padding: 3px; } }
    body.renewal2024 .media-service-list li .card {
      background: #fff;
      padding: 20px 20px 30px;
      position: relative;
      height: 100%;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      @media (max-width: 568px) {
        body.renewal2024 .media-service-list li .card {
          padding: 20px 0; } }
      body.renewal2024 .media-service-list li .card.of-title {
        background: transparent; }
    body.renewal2024 .media-service-list li .icon-box {
      height: 50px;
      padding: 30px 0;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media (max-width: 568px) {
        body.renewal2024 .media-service-list li .icon-box {
          padding: 0 0 15px;
          height: 40px; } }
    body.renewal2024 .media-service-list li .icon {
      display: block; }
      @media (max-width: 568px) {
        body.renewal2024 .media-service-list li .icon {
          margin: 0 auto; } }
      body.renewal2024 .media-service-list li .icon.of-title {
        height: 56px; }
        @media (max-width: 568px) {
          body.renewal2024 .media-service-list li .icon.of-title {
            height: 38px; } }
      body.renewal2024 .media-service-list li .icon.of-01 {
        height: 36px; }
        @media (max-width: 568px) {
          body.renewal2024 .media-service-list li .icon.of-01 {
            height: 24px; } }
      body.renewal2024 .media-service-list li .icon.of-02 {
        height: 43px; }
        @media (max-width: 568px) {
          body.renewal2024 .media-service-list li .icon.of-02 {
            height: 29px; } }
      body.renewal2024 .media-service-list li .icon.of-03 {
        height: 41px; }
        @media (max-width: 568px) {
          body.renewal2024 .media-service-list li .icon.of-03 {
            height: 28px; } }
      body.renewal2024 .media-service-list li .icon.of-04 {
        height: 57px; }
        @media (max-width: 568px) {
          body.renewal2024 .media-service-list li .icon.of-04 {
            height: 38px; } }
      body.renewal2024 .media-service-list li .icon.of-05 {
        height: 33px; }
        @media (max-width: 568px) {
          body.renewal2024 .media-service-list li .icon.of-05 {
            height: 23px; } }
      body.renewal2024 .media-service-list li .icon.of-06 {
        height: 55px; }
        @media (max-width: 568px) {
          body.renewal2024 .media-service-list li .icon.of-06 {
            height: 30px; } }
      body.renewal2024 .media-service-list li .icon.of-07 {
        height: 42px; }
        @media (max-width: 568px) {
          body.renewal2024 .media-service-list li .icon.of-07 {
            height: 29px; } }
    body.renewal2024 .media-service-list li .title {
      font-size: 16px;
      text-align: center;
      color: #494380;
      margin: 0; }
      @media (max-width: 568px) {
        body.renewal2024 .media-service-list li .title {
          font-size: 11px; } }
body.renewal2024 .episode-body {
  background: url(/images/episode/sky.jpg) center top/100% auto no-repeat;
  padding: 120px 30px 0;
  position: relative; }
  @media (max-width: 568px) {
    body.renewal2024 .episode-body {
      padding: 60px 30px 0; } }
  body.renewal2024 .episode-body:before {
    content: "";
    display: block;
    width: 122px;
    height: 127px;
    background: url(/images/episode/bird.png?20240329) center center/contain no-repeat;
    position: absolute;
    top: 0;
    right: 50%;
    -webkit-transform: translate(220px, -75%);
            transform: translate(220px, -75%); }
    @media (max-width: 568px) {
      body.renewal2024 .episode-body:before {
        width: 103px;
        height: 108px;
        -webkit-transform: translate(150px, -75%);
                transform: translate(150px, -75%); } }
body.renewal2024 .episode-index-intro {
  padding: 0 0 60px; }
  body.renewal2024 .episode-index-intro p {
    text-align: center;
    color: #666; }
    @media (max-width: 568px) {
      body.renewal2024 .episode-index-intro p {
        font-size: 12px; } }
    body.renewal2024 .episode-index-intro p:last-child {
      margin: 0; }

body.renewal2024 .episode-list-title {
  text-align: center;
  font-size: 10px;
  color: #666;
  margin: 0 0 50px; }
  @media (max-width: 568px) {
    body.renewal2024 .episode-list-title {
      display: none; } }
body.renewal2024 .episode-list {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 940px;
  display: flex;
  flex-wrap: wrap; }
  @media (max-width: 568px) {
    body.renewal2024 .episode-list {
      padding: 0; } }
  body.renewal2024 .episode-list li {
    list-style: none;
    width: 33.33%;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    @media (max-width: 568px) {
      body.renewal2024 .episode-list li {
        width: 100%;
        padding: 0 0 60px; }
        body.renewal2024 .episode-list li:last-child {
          padding: 0; } }
    body.renewal2024 .episode-list li:nth-child(2) {
      padding-top: 50px; }
      @media (max-width: 568px) {
        body.renewal2024 .episode-list li:nth-child(2) {
          padding-top: 0; } }
    body.renewal2024 .episode-list li:nth-child(3) {
      padding-top: 100px; }
      @media (max-width: 568px) {
        body.renewal2024 .episode-list li:nth-child(3) {
          padding-top: 0; } }
    body.renewal2024 .episode-list li a:hover {
      opacity: 1; }
      body.renewal2024 .episode-list li a:hover .title:after {
        width: 100%;
        -webkit-transition: all .2s ease;
        transition: all .2s ease; }
    body.renewal2024 .episode-list li .title {
      position: relative;
      color: #161b61;
      font-size: 22px;
      padding: 0 0 10px;
      border-bottom: 1px solid rgba(22, 27, 97, 0.3);
      margin: 0 0 30px; }
      @media (max-width: 568px) {
        body.renewal2024 .episode-list li .title {
          font-size: 19px; } }
      body.renewal2024 .episode-list li .title .of-label {
        font-size: 10px; }
      body.renewal2024 .episode-list li .title:after {
        content: "";
        display: block;
        width: 93px;
        height: 2px;
        background: #161b61;
        position: absolute;
        top: 100%;
        left: 0;
        -webkit-transition: all .2s ease;
        transition: all .2s ease; }
    body.renewal2024 .episode-list li .catch {
      font-size: 20px;
      color: #4d4d4d;
      margin: 0 0 25px; }
      @media (max-width: 568px) {
        body.renewal2024 .episode-list li .catch {
          font-size: 17px; } }
    body.renewal2024 .episode-list li .txt {
      color: #666;
      margin: 0 0 30px; }
      body.renewal2024 .episode-list li .txt p {
        letter-spacing: .05em; }
        @media (max-width: 568px) {
          body.renewal2024 .episode-list li .txt p {
            font-size: 12px; } }
        body.renewal2024 .episode-list li .txt p:last-child {
          margin: 0; }
    body.renewal2024 .episode-list li .viewmore {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      font-size: 10px;
      color: #161b61; }
      body.renewal2024 .episode-list li .viewmore .arw {
        width: 40px;
        height: 40px;
        border: 1px solid rgba(73, 67, 128, 0.5);
        border-radius: 50%;
        position: relative;
        margin: 0 10px; }
        @media (max-width: 568px) {
          body.renewal2024 .episode-list li .viewmore .arw {
            width: 34px;
            height: 34px; } }
        body.renewal2024 .episode-list li .viewmore .arw:before {
          content: "";
          width: 6px;
          height: 6px;
          border-top: 1px solid #494380;
          border-right: 1px solid #494380;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          -webkit-transform: translate(-70%, -50%) rotate(45deg);
                  transform: translate(-70%, -50%) rotate(45deg);
          position: absolute;
          top: 50%;
          left: 50%; }

body.renewal2024 .episode-show-title {
  text-align: center;
  margin: 0 0 90px;
  color: #4d4d4d;
  font-size: 20px;
  font-weight: normal; }
  @media (max-width: 568px) {
    body.renewal2024 .episode-show-title {
      margin: 0 0 60px; } }
  body.renewal2024 .episode-show-title .of-label {
    font-size: 10px;
    display: block;
    margin: 0 0 10px;
    color: #6e6b90; }
  body.renewal2024 .episode-show-title .of-num {
    font-size: 22px;
    color: #6e6b90;
    display: block;
    margin: 0 0 30px; }

body.renewal2024 .episode-show-body {
  padding: 0 0 90px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: 0 auto; }
  @media (max-width: 568px) {
    body.renewal2024 .episode-show-body {
      padding: 0 0 60px; } }
  body.renewal2024 .episode-show-body p {
    color: #666; }
    @media (max-width: 568px) {
      body.renewal2024 .episode-show-body p {
        font-size: 12px; } }
body.renewal2024 .episode-show-bottom-nav {
  max-width: 1000px;
  padding: 50px 30px;
  margin: 0 auto;
  border-top: 1px solid rgba(178, 179, 199, 0.5);
  border-bottom: 1px solid rgba(178, 179, 199, 0.5); }
  @media (max-width: 568px) {
    body.renewal2024 .episode-show-bottom-nav {
      margin: 0 30px; } }
  body.renewal2024 .episode-show-bottom-nav .episode-list {
    justify-content: space-around; }
    @media (max-width: 568px) {
      body.renewal2024 .episode-show-bottom-nav .episode-list {
        max-width: 300px; } }
    body.renewal2024 .episode-show-bottom-nav .episode-list li {
      padding-top: 0; }
      @media (max-width: 568px) {
        body.renewal2024 .episode-show-bottom-nav .episode-list li .catch {
          margin: 0; } }
body.renewal2024 .subdir-bb.of-event {
  background: url(/images/event/bb.jpg) center 75%/cover no-repeat; }

body.renewal2024 .event-intro {
  padding: 120px 30px;
  text-align: center; }
  @media (max-width: 568px) {
    body.renewal2024 .event-intro {
      padding: 60px 30px; } }
  body.renewal2024 .event-intro-title {
    font-size: 20px;
    font-weight: normal;
    margin: 0 0 50px; }
    @media (max-width: 568px) {
      body.renewal2024 .event-intro-title {
        font-size: 17px;
        margin-bottom: 30px; } }
    body.renewal2024 .event-intro-title .icon {
      width: 34px;
      display: block;
      margin: 0 auto 30px; }
      @media (max-width: 568px) {
        body.renewal2024 .event-intro-title .icon {
          width: 28px;
          margin-bottom: 20px; } }
  body.renewal2024 .event-intro p {
    color: #666;
    margin: 0; }
    @media (max-width: 568px) {
      body.renewal2024 .event-intro p {
        font-size: 12px; } }
body.renewal2024 .event-body {
  background: rgba(73, 67, 128, 0.1);
  padding: 120px 30px; }
  @media (max-width: 568px) {
    body.renewal2024 .event-body {
      padding: 40px 20px; } }
  body.renewal2024 .event-body.of-short {
    padding: 15px; }
    @media (max-width: 568px) {
      body.renewal2024 .event-body.of-short {
        padding: 8px 0;
        background: rgba(254, 210, 137, 0.3); } }
    @media (min-width: 569px) {
      body.renewal2024 .event-body.of-short .event-body-container {
        display: flex;
        align-items: center;
        justify-content: center;
        max-width: 1000px;
        margin: 0 auto; } }
    body.renewal2024 .event-body.of-short .event-intro-title {
      margin: 0 20px 0 0;
      white-space: nowrap;
      font-size: 16px;
      text-align: center; }
      @media (max-width: 568px) {
        body.renewal2024 .event-body.of-short .event-intro-title {
          display: none; } }
body.renewal2024 .event-list {
  max-width: 1000px;
  margin: 0 auto; }
  body.renewal2024 .event-list-item {
    display: flex;
    background: #fff;
    padding: 50px;
    border-radius: 5px;
    margin: 0 0 80px; }
    @media (max-width: 568px) {
      body.renewal2024 .event-list-item {
        padding: 30px;
        display: block;
        margin: 0 0 40px; } }
    body.renewal2024 .event-list-item .img-box {
      width: 40%;
      padding: 0 50px 0 0;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      @media (max-width: 568px) {
        body.renewal2024 .event-list-item .img-box {
          width: 100%;
          padding: 0 0 20px; } }
    body.renewal2024 .event-list-item .txt-box {
      width: 60%; }
      @media (max-width: 568px) {
        body.renewal2024 .event-list-item .txt-box {
          width: 100%; } }
    body.renewal2024 .event-list-item .title {
      font-size: 20px;
      color: #494380;
      margin: 0 0 20px;
      font-weight: normal; }
      @media (max-width: 568px) {
        body.renewal2024 .event-list-item .title {
          font-size: 17px;
          margin: 0 0 15px; } }
    body.renewal2024 .event-list-item .info-box {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      margin: 0 0 30px; }
      @media (max-width: 568px) {
        body.renewal2024 .event-list-item .info-box {
          margin: 0 0 20px; } }
    body.renewal2024 .event-list-item .place {
      background: #6e6b90;
      color: #fff;
      font-size: 12px;
      padding: .5em 1em;
      border-radius: 30px;
      margin: 0 1em 0 0; }
      @media (max-width: 568px) {
        body.renewal2024 .event-list-item .place {
          font-size: 11px; } }
    body.renewal2024 .event-list-item .date {
      font-size: 14px;
      color: #494380;
      margin: 0 0 30px;
      line-height: 2; }
      @media (max-width: 568px) {
        body.renewal2024 .event-list-item .date {
          font-size: 12px;
          margin: 0 0 20px; } }
      body.renewal2024 .event-list-item .date span {
        display: block; }
    body.renewal2024 .event-list-item .description {
      color: #666666;
      margin: 0 0 30px; }
      @media (max-width: 568px) {
        body.renewal2024 .event-list-item .description {
          font-size: 12px;
          margin: 0 0 20px; } }
  body.renewal2024 .event-list.of-short .event-list-item {
    padding: 20px 90px 20px 20px;
    margin: 0;
    display: flex !important;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #fff; }
    @media (min-width: 569px) {
      body.renewal2024 .event-list.of-short .event-list-item {
        height: 95px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
        body.renewal2024 .event-list.of-short .event-list-item:hover {
          opacity: 1;
          border-color: #f4a219; } }
    @media (max-width: 568px) {
      body.renewal2024 .event-list.of-short .event-list-item {
        padding: 15px 40px 15px 15px;
        border-color: rgba(244, 162, 25, 0.5);
        margin: 0 8px; }
        body.renewal2024 .event-list.of-short .event-list-item:hover {
          opacity: 1; } }
    body.renewal2024 .event-list.of-short .event-list-item .img-box {
      display: none; }
    body.renewal2024 .event-list.of-short .event-list-item .txt-box {
      width: 100%;
      display: flex;
      flex-wrap: wrap; }
      body.renewal2024 .event-list.of-short .event-list-item .txt-box .title {
        font-size: 14px;
        min-height: 20px;
        margin: 0 10px 5px 0;
        overflow: hidden;
        display: -webkit-box;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        line-clamp: 1;
        -webkit-line-clamp: 1; }
        @media (max-width: 568px) {
          body.renewal2024 .event-list.of-short .event-list-item .txt-box .title {
            font-size: 12px;
            min-height: 12px;
            margin: 0 0 5px; } }
      body.renewal2024 .event-list.of-short .event-list-item .txt-box .info-box {
        margin: 0 0 5px; }
        @media (max-width: 568px) {
          body.renewal2024 .event-list.of-short .event-list-item .txt-box .info-box {
            display: none; } }
      body.renewal2024 .event-list.of-short .event-list-item .txt-box .date {
        display: none; }
      body.renewal2024 .event-list.of-short .event-list-item .txt-box .description {
        width: 100%;
        margin: 0;
        font-size: 12px;
        overflow: hidden;
        display: -webkit-box;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        line-clamp: 1;
        -webkit-line-clamp: 1; }
        @media (max-width: 568px) {
          body.renewal2024 .event-list.of-short .event-list-item .txt-box .description {
            font-size: 11px;
            letter-spacing: 0;
            line-clamp: 2;
            -webkit-line-clamp: 2;
            line-height: 1.4; } }
      body.renewal2024 .event-list.of-short .event-list-item .txt-box .place {
        font-size: 10px;
        padding: .3em 1em;
        margin: 0 0 5px; }
    body.renewal2024 .event-list.of-short .event-list-item .btn-box {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
      @media (min-width: 569px) {
        body.renewal2024 .event-list.of-short .event-list-item .btn-box {
          right: 20px; } }
      @media (max-width: 568px) {
        body.renewal2024 .event-list.of-short .event-list-item .btn-box {
          right: 10px; } }
      body.renewal2024 .event-list.of-short .event-list-item .btn-box .rounded-btn {
        min-width: 36px;
        height: 36px;
        font-size: 12px;
        padding-right: 20px;
        -webkit-box-shadow: none;
                box-shadow: none; }
        @media (max-width: 568px) {
          body.renewal2024 .event-list.of-short .event-list-item .btn-box .rounded-btn {
            min-width: 20px;
            height: 20px;
            padding: 0; } }
        body.renewal2024 .event-list.of-short .event-list-item .btn-box .rounded-btn .of-arw {
          border: none;
          background: rgba(73, 67, 128, 0.1); }
          @media (max-width: 568px) {
            body.renewal2024 .event-list.of-short .event-list-item .btn-box .rounded-btn .of-arw {
              right: 0; } }
  body.renewal2024 .event-list.of-short .slick-prev, body.renewal2024 .event-list.of-short .slick-next, body.renewal2024 .event-list.of-short .slick-dots {
    display: none !important; }

body.renewal2024 .event-list-item-modal-img-container > img {
  width: 100%;
  max-width: 800px;
  display: block;
  margin: 0 auto; }

body.renewal2024 .procedure-h1-icon {
  width: 82px;
  display: block;
  margin: 0 auto; }

body.renewal2024 .procedure-body {
  background: rgba(73, 67, 128, 0.1);
  padding: 60px 30px; }
  @media (max-width: 568px) {
    body.renewal2024 .procedure-body {
      padding: 60px 0; } }
body.renewal2024 .procedure-intro {
  padding: 0 0 60px; }
  @media (max-width: 568px) {
    body.renewal2024 .procedure-intro {
      padding: 0 0 30px; } }
  body.renewal2024 .procedure-intro p {
    text-align: center;
    color: #666; }
    @media (max-width: 568px) {
      body.renewal2024 .procedure-intro p {
        font-size: 12px; } }
    body.renewal2024 .procedure-intro p:last-child {
      margin: 0; }

body.renewal2024 .procedure__area-list-box {
  background: #fff;
  border-radius: 5px;
  padding: 30px 25px;
  max-width: 1050px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media (max-width: 568px) {
    body.renewal2024 .procedure__area-list-box {
      padding: 30px 10px;
      margin: 0 30px; } }
  body.renewal2024 .procedure__area-list-box__row {
    display: flex; }
    @media (max-width: 568px) {
      body.renewal2024 .procedure__area-list-box__row {
        display: block; } }
  body.renewal2024 .procedure__area-list-box__title-box {
    width: 14%;
    padding: 30px 25px 30px 5px; }
    @media (max-width: 568px) {
      body.renewal2024 .procedure__area-list-box__title-box {
        width: 85px;
        margin: 0 auto 20px;
        padding: 0; } }
  body.renewal2024 .procedure__area-list-box__title {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(73, 67, 128, 0.8);
    height: 42px;
    border-radius: 30px;
    color: #fff;
    font-size: 16px;
    margin: 0; }
    @media (max-width: 568px) {
      body.renewal2024 .procedure__area-list-box__title {
        font-size: 14px; } }
body.renewal2024 .procedure__area-list {
  width: 86%;
  display: flex;
  flex-wrap: wrap;
  padding: 31px 0;
  margin: 0; }
  @media (max-width: 568px) {
    body.renewal2024 .procedure__area-list {
      width: 100%;
      padding: 0 0 30px; }
      body.renewal2024 .procedure__area-list:last-child {
        padding: 0; } }
  body.renewal2024 .procedure__area-list li {
    width: 25%;
    padding: 10px 5px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    list-style: none; }
    @media (max-width: 568px) {
      body.renewal2024 .procedure__area-list li {
        width: 50%; } }
    body.renewal2024 .procedure__area-list li .c-link--with-circle-arw {
      display: flex;
      align-items: center;
      font-size: 12px; }
      body.renewal2024 .procedure__area-list li .c-link--with-circle-arw .circle-arw {
        min-width: 15px; }

body.renewal2024 .procedure__item-list {
  max-width: 1010px;
  padding: 0 5px;
  margin: 0 auto 60px;
  display: flex;
  flex-wrap: wrap; }
  @media (max-width: 568px) {
    body.renewal2024 .procedure__item-list {
      max-width: 320px; } }
  body.renewal2024 .procedure__item-list li {
    list-style: none;
    width: 33.33%;
    padding: 5px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    @media (max-width: 568px) {
      body.renewal2024 .procedure__item-list li {
        width: 100%; } }
  body.renewal2024 .procedure__item-list-item-card {
    background: rgba(73, 67, 128, 0.06);
    padding: 45px;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    @media (max-width: 568px) {
      body.renewal2024 .procedure__item-list-item-card {
        padding: 20px 30px; } }
  body.renewal2024 .procedure__item-list-item-title {
    font-size: 16px;
    color: #494380;
    margin: 0 0 30px;
    font-weight: normal; }
    @media (max-width: 568px) {
      body.renewal2024 .procedure__item-list-item-title {
        margin: 0 0 20px; } }
  body.renewal2024 .procedure__item-list-item-p {
    color: #666;
    margin: 0; }
    @media (max-width: 568px) {
      body.renewal2024 .procedure__item-list-item-p {
        font-size: 12px; } }
body.renewal2024 .service-h1-icon {
  width: 82px;
  display: block;
  margin: 0 auto; }

body.renewal2024 .service-intro {
  max-width: 1000px;
  margin: 0 auto;
  border-top: 1px solid rgba(145, 145, 145, 0.5);
  padding: 60px 30px;
  text-align: center; }
  body.renewal2024 .service-intro-title {
    font-weight: normal;
    color: #161b61;
    font-size: 20px;
    margin: 0 0 30px; }
    @media (max-width: 568px) {
      body.renewal2024 .service-intro-title {
        font-size: 17px; } }
  body.renewal2024 .service-intro p {
    color: #666; }
    @media (max-width: 568px) {
      body.renewal2024 .service-intro p {
        font-size: 12px; } }
body.renewal2024 .service-category-nav-wrap {
  background: rgba(73, 67, 128, 0.1);
  padding: 65px 30px; }
  @media (max-width: 568px) {
    body.renewal2024 .service-category-nav-wrap {
      padding: 25px; } }
body.renewal2024 .service-category-nav {
  width: 100%;
  max-width: 1050px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap; }
  body.renewal2024 .service-category-nav-item {
    width: 33.33%;
    border-right: 1px solid rgba(145, 145, 145, 0.5);
    padding: 10px 0 20px;
    margin: 25px 0;
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 16px; }
    @media (max-width: 568px) {
      body.renewal2024 .service-category-nav-item {
        width: 50%; } }
    @media (min-width: 569px) {
      body.renewal2024 .service-category-nav-item:nth-child(3) {
        border: none; } }
    @media (max-width: 568px) {
      body.renewal2024 .service-category-nav-item:nth-child(even) {
        border: none; } }
    body.renewal2024 .service-category-nav-item:last-child {
      border: none; }
    body.renewal2024 .service-category-nav-item a {
      display: block; }
    body.renewal2024 .service-category-nav-item .icon-box {
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 0 45px; }
      @media (max-width: 568px) {
        body.renewal2024 .service-category-nav-item .icon-box {
          margin: 0 0 25px; } }
      body.renewal2024 .service-category-nav-item .icon-box .icon.of-oryouri {
        height: 22px; }
      body.renewal2024 .service-category-nav-item .icon-box .icon.of-henreihin {
        height: 30px; }
      body.renewal2024 .service-category-nav-item .icon-box .icon.of-flower {
        height: 27px; }
      body.renewal2024 .service-category-nav-item .icon-box .icon.of-butsugu {
        height: 100%; }
      body.renewal2024 .service-category-nav-item .icon-box .icon.of-daikou {
        height: 35px; }
    @media (max-width: 568px) {
      body.renewal2024 .service-category-nav-item .c-link--with-circle-arw {
        font-size: 12px;
        margin: 0 0 0 14px; } }
body.renewal2024 .service-section {
  padding: 90px 30px 0;
  position: relative;
  overflow: hidden; }
  @media (max-width: 568px) {
    body.renewal2024 .service-section {
      padding: 60px 0 0; } }
  body.renewal2024 .service-section .rounded-btn {
    margin-bottom: 10px; }
  body.renewal2024 .service-section-header {
    padding: 0 0 60px;
    text-align: center; }
    @media (max-width: 568px) {
      body.renewal2024 .service-section-header {
        padding: 0 0 30px; } }
  body.renewal2024 .service-section-title {
    font-size: 20px;
    color: #161b61;
    margin: 0 0 30px;
    font-weight: normal; }
    body.renewal2024 .service-section-title .icon {
      display: block;
      margin: 0 auto 10px; }
      body.renewal2024 .service-section-title .icon.of-oryouri {
        height: 22px; }
      body.renewal2024 .service-section-title .icon.of-henreihin {
        height: 30px; }
      body.renewal2024 .service-section-title .icon.of-flower {
        height: 27px; }
      body.renewal2024 .service-section-title .icon.of-butsugu {
        height: 40px; }
      body.renewal2024 .service-section-title .icon.of-daikou {
        height: 35px; }
  body.renewal2024 .service-section p {
    color: #666; }
    @media (max-width: 568px) {
      body.renewal2024 .service-section p {
        font-size: 12px; } }
  body.renewal2024 .service-section__bottom-btn-box {
    padding: 50px 0 0; }
    @media (max-width: 568px) {
      body.renewal2024 .service-section__bottom-btn-box {
        padding: 30px 0 0; } }
  body.renewal2024 .service-section__daikou-container {
    max-width: 1010px;
    display: flex;
    margin: 0 auto; }
    @media (max-width: 568px) {
      body.renewal2024 .service-section__daikou-container {
        display: block; } }
    body.renewal2024 .service-section__daikou-container .logo-box {
      width: 45%; }
      @media (max-width: 568px) {
        body.renewal2024 .service-section__daikou-container .logo-box {
          display: none; } }
    body.renewal2024 .service-section__daikou-container .txt-box {
      width: 55%; }
      @media (max-width: 568px) {
        body.renewal2024 .service-section__daikou-container .txt-box {
          width: 100%;
          padding: 0 30px;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box; } }
      body.renewal2024 .service-section__daikou-container .txt-box .title {
        font-size: 20px;
        color: #161b61;
        font-weight: normal;
        margin: 0 0 30px; }
        @media (max-width: 568px) {
          body.renewal2024 .service-section__daikou-container .txt-box .title {
            font-size: 17px;
            text-align: center; } }
      body.renewal2024 .service-section__daikou-container .txt-box p {
        font-size: 13px;
        color: #666; }
        @media (max-width: 568px) {
          body.renewal2024 .service-section__daikou-container .txt-box p {
            font-size: 12px; } }
    body.renewal2024 .service-section__daikou-container .logo {
      width: 227px;
      display: block;
      margin: 60px auto 0; }
      @media (max-width: 568px) {
        body.renewal2024 .service-section__daikou-container .logo {
          width: 170px;
          margin: 30px auto; } }
    body.renewal2024 .service-section__daikou-container .btn-box {
      justify-content: flex-start;
      margin: 60px 0 0; }
      @media (max-width: 568px) {
        body.renewal2024 .service-section__daikou-container .btn-box {
          justify-content: center;
          margin: 30px 0 0; } }
body.renewal2024 .service-list {
  max-width: 1010px;
  padding: 0;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap; }
  @media (max-width: 568px) {
    body.renewal2024 .service-list {
      width: 240vw;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); } }
  body.renewal2024 .service-list li {
    list-style: none;
    width: 33.33%;
    padding: 0 5px 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    @media (max-width: 568px) {
      body.renewal2024 .service-list li {
        padding: 0 10px; } }
    body.renewal2024 .service-list li .card {
      background: rgba(73, 67, 128, 0.06); }
      body.renewal2024 .service-list li .card img {
        display: block; }
      body.renewal2024 .service-list li .card .txt-box {
        display: flex;
        align-items: center;
        height: 90px;
        padding: 0 15px; }
        body.renewal2024 .service-list li .card .txt-box .label {
          font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", YuGothic, "游ゴシック", Meiryo, "メイリオ", "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
          line-height: 1.8em;
          font-size: 13px;
          color: #fff;
          padding: .5em .8em;
          margin: 0 12px 0 0;
          white-space: nowrap; }
          body.renewal2024 .service-list li .card .txt-box .label.of-sougi {
            background: #3f3d54; }
          body.renewal2024 .service-list li .card .txt-box .label.of-houji {
            background: #494380; }
        body.renewal2024 .service-list li .card .txt-box .txt {
          font-size: 17px;
          color: #494380; }

body.renewal2024 .faq-intro {
  max-width: 1000px;
  margin: 0 auto;
  border-top: 1px solid rgba(145, 145, 145, 0.5);
  padding: 60px 30px;
  text-align: center; }
  body.renewal2024 .faq-intro-title {
    font-weight: normal;
    color: #161b61;
    font-size: 20px;
    margin: 0; }
    @media (max-width: 568px) {
      body.renewal2024 .faq-intro-title {
        font-size: 17px; } }
body.renewal2024 .faq-list-wrap {
  background: rgba(73, 67, 128, 0.1);
  padding: 90px 30px; }
  @media (max-width: 568px) {
    body.renewal2024 .faq-list-wrap {
      padding: 30px; } }
body.renewal2024 .faq-list {
  padding: 0;
  margin: 0 auto;
  max-width: 900px; }
  body.renewal2024 .faq-list-item {
    list-style: none;
    border-bottom: 1px solid #80809e; }
    body.renewal2024 .faq-list-item:last-child {
      border: none; }
    body.renewal2024 .faq-list-item__q {
      position: relative;
      padding: 30px 60px;
      cursor: pointer; }
      @media (max-width: 568px) {
        body.renewal2024 .faq-list-item__q {
          padding: 30px 40px; } }
      body.renewal2024 .faq-list-item__q .of-icon {
        width: 50px;
        height: 50px;
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); }
        @media (max-width: 568px) {
          body.renewal2024 .faq-list-item__q .of-icon {
            width: 40px; } }
        body.renewal2024 .faq-list-item__q .of-icon:before, body.renewal2024 .faq-list-item__q .of-icon:after {
          content: "";
          width: 12px;
          height: 1px;
          background: #494380;
          display: block;
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transition: all .2s ease;
          transition: all .2s ease; }
        body.renewal2024 .faq-list-item__q .of-icon:before {
          -webkit-transform: translate(-50%, -50%) rotate(-90deg);
                  transform: translate(-50%, -50%) rotate(-90deg); }
        body.renewal2024 .faq-list-item__q .of-icon:after {
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%); }
      body.renewal2024 .faq-list-item__q.active .of-icon:before, body.renewal2024 .faq-list-item__q.active .of-icon:after {
        -webkit-transition: all .2s ease;
        transition: all .2s ease; }
      body.renewal2024 .faq-list-item__q.active .of-icon:before {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
                transform: translate(-50%, -50%) rotate(0deg); }
      body.renewal2024 .faq-list-item__q.active .of-icon:after {
        opacity: 0; }
    body.renewal2024 .faq-list-item__a {
      position: relative;
      padding: 0 60px 30px;
      display: none;
      line-height: 1.8; }
      @media (max-width: 568px) {
        body.renewal2024 .faq-list-item__a {
          padding: 0 40px 30px; } }
    body.renewal2024 .faq-list-item__q-icon, body.renewal2024 .faq-list-item__a-icon {
      font-size: 20px;
      width: 45px;
      height: 45px;
      position: absolute;
      left: 0;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media (max-width: 568px) {
        body.renewal2024 .faq-list-item__q-icon, body.renewal2024 .faq-list-item__a-icon {
          width: 26px;
          height: 26px;
          font-size: 16px; } }
    body.renewal2024 .faq-list-item__q-icon {
      background: #fff;
      color: #6e6b90;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
    body.renewal2024 .faq-list-item__a-icon {
      background: #fff;
      color: #6e6b90;
      top: 0; }
    body.renewal2024 .faq-list-item__q-box {
      font-size: 16px;
      color: #494380; }
      @media (max-width: 568px) {
        body.renewal2024 .faq-list-item__q-box {
          font-size: 13px; } }
    body.renewal2024 .faq-list-item__a-box {
      font-size: 14px;
      color: #666; }
      @media (max-width: 568px) {
        body.renewal2024 .faq-list-item__a-box {
          font-size: 12px; } }
body.renewal2024 .subdir-bb.-column {
  background: url(/images/column/bb.jpg?20240329) center center/cover no-repeat; }

body.renewal2024 .column-nav-wrap {
  padding: 90px 30px; }
  @media (max-width: 568px) {
    body.renewal2024 .column-nav-wrap {
      padding: 60px 30px; } }
  body.renewal2024 .column-nav-wrap-description {
    text-align: center;
    color: #666;
    margin: 0 0 60px; }
    @media (max-width: 568px) {
      body.renewal2024 .column-nav-wrap-description {
        font-size: 12px;
        margin: 0 0 30px; } }
  body.renewal2024 .column-nav-wrap__faq {
    padding: 60px 0 0; }
    @media (max-width: 568px) {
      body.renewal2024 .column-nav-wrap__faq {
        padding: 30px 0 0; } }
body.renewal2024 .column-category-nav {
  width: 100%;
  max-width: 1050px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap; }
  body.renewal2024 .column-category-nav-item {
    width: 33.33%;
    border-right: 1px solid rgba(145, 145, 145, 0.5);
    padding: 10px 0 20px;
    margin: 25px 0;
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 16px; }
    @media (max-width: 568px) {
      body.renewal2024 .column-category-nav-item {
        width: 50%; } }
    @media (min-width: 569px) {
      body.renewal2024 .column-category-nav-item:nth-child(3n) {
        border: none; } }
    @media (max-width: 568px) {
      body.renewal2024 .column-category-nav-item:nth-child(even) {
        border: none; } }
    body.renewal2024 .column-category-nav-item:last-child {
      border: none; }
    body.renewal2024 .column-category-nav-item a {
      display: block; }
    body.renewal2024 .column-category-nav-item .icon-box {
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 0 45px; }
      @media (max-width: 568px) {
        body.renewal2024 .column-category-nav-item .icon-box {
          margin: 0 0 25px; } }
      body.renewal2024 .column-category-nav-item .icon-box .icon.of-category01 {
        height: 28px; }
      body.renewal2024 .column-category-nav-item .icon-box .icon.of-category02, body.renewal2024 .column-category-nav-item .icon-box .icon.of-category06 {
        height: 50px; }
      body.renewal2024 .column-category-nav-item .icon-box .icon.of-category03 {
        height: 42px; }
      body.renewal2024 .column-category-nav-item .icon-box .icon.of-category04 {
        height: 40px; }
      body.renewal2024 .column-category-nav-item .icon-box .icon.of-category05 {
        height: 37px; }
    @media (max-width: 568px) {
      body.renewal2024 .column-category-nav-item .c-link--with-circle-arw {
        font-size: 12px;
        margin: 0 0 0 14px; } }
body.renewal2024 .column-list-wrap {
  padding: 90px 0 0; }

body.renewal2024 .column-cta {
  background: rgba(73, 67, 128, 0.1);
  padding: 90px 30px; }
  @media (max-width: 568px) {
    body.renewal2024 .column-cta {
      padding: 60px 30px; } }
  body.renewal2024 .column-cta-description {
    text-align: center;
    color: #666;
    margin: 0 0 60px; }
    @media (max-width: 568px) {
      body.renewal2024 .column-cta-description {
        font-size: 12px;
        margin: 0 0 30px; } }
body.renewal2024.static .m-follow-header {
  background: #fff;
  border-bottom: 1px solid rgba(145, 145, 145, 0.5); }
  body.renewal2024.static .m-follow-header .m-menu .bar {
    background: #161b61; }

body.renewal2024.static .header {
  background: #fff;
  color: #161b61;
  border-bottom: 1px solid rgba(145, 145, 145, 0.5); }
  body.renewal2024.static .header .header-nav-item {
    color: #4d4d4d; }
    body.renewal2024.static .header .header-nav-item > a {
      color: #4d4d4d; }
  body.renewal2024.static .header .header-tel-box {
    color: #161b61; }
    body.renewal2024.static .header .header-tel-box .of-tel-num {
      background-image: url(/images/icons/freedial-navy.svg); }

body.renewal2024.static .header-logo.of-white {
  display: none; }

body.renewal2024.static .header-logo.of-navy {
  display: block; }

body.renewal2024.static .m-follow-header__logo.of-white {
  display: none; }

body.renewal2024.static .m-follow-header__logo.of-navy {
  display: block; }

body.renewal2024 .privacypolicy-container {
  max-width: 1000px;
  padding: 60px 60px 0;
  margin: 0 auto;
  border-top: 1px solid rgba(145, 145, 145, 0.5); }
  @media (max-width: 1060px) {
    body.renewal2024 .privacypolicy-container {
      margin: 0 30px;
      padding: 60px 0 0; } }
body.renewal2024 .privacypolicy-section {
  padding: 0 0 30px; }
  body.renewal2024 .privacypolicy-section:last-child {
    padding: 0; }
  body.renewal2024 .privacypolicy-section h2, body.renewal2024 .privacypolicy-section h3 {
    color: #494380;
    font-weight: normal;
    margin: 0 0 30px; }
    @media (max-width: 568px) {
      body.renewal2024 .privacypolicy-section h2, body.renewal2024 .privacypolicy-section h3 {
        margin: 0 0 20px; } }
  body.renewal2024 .privacypolicy-section h2 {
    font-size: 18px; }
    @media (max-width: 568px) {
      body.renewal2024 .privacypolicy-section h2 {
        font-size: 16px; } }
  body.renewal2024 .privacypolicy-section h3 {
    font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", YuGothic, "游ゴシック", Meiryo, "メイリオ", "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
    line-height: 1.8em;
    margin: 0 0 10px; }
    @media (max-width: 568px) {
      body.renewal2024 .privacypolicy-section h3 {
        font-size: 12px;
        margin: 0 0 5px; } }
  body.renewal2024 .privacypolicy-section p {
    color: #666666;
    font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", YuGothic, "游ゴシック", Meiryo, "メイリオ", "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
    line-height: 1.8em;
    font-size: 14px; }
    @media (max-width: 568px) {
      body.renewal2024 .privacypolicy-section p {
        font-size: 12px; } }
body.renewal2024 .privacypolicy-contact-box {
  background: rgba(73, 67, 128, 0.1);
  padding: 30px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content; }
  body.renewal2024 .privacypolicy-contact-box p {
    margin: 0; }