/*
Theme Name:oops_tcd048_child
Template:oops_tcd048
Version:1.20
*/


.p-footer-cta--1 .p-footer-cta__inner { background: rgba( 0, 0, 0, 1); }
.p-footer-cta--1 .p-footer-cta__btn { background: #ff8000; }
.p-footer-cta--1 .p-footer-cta__btn:hover { background: #444444; }
.p-footer-cta--2 .p-footer-cta__inner { background: rgba( 0, 0, 0, 1); }
.p-footer-cta--2 .p-footer-cta__btn { background: #ff63da; }
.p-footer-cta--2 .p-footer-cta__btn:hover { background: #444444; }

/* Primary color */
.p-global-nav .sub-menu a, .p-news-ticker, .p-widget-dropdown, .p-widget-dropdown select, .p-headline, .p-latest-news__title, .l-footer, .p-menu-button.is-active { background: #121d1f; }

/* Secondary color */
.p-global-nav .sub-menu li a:hover, .p-widget-search__submit:hover, .p-button, .p-review__button:hover, .p-pager__item a:hover, .c-comment__form-submit:hover { background: #ff7f00; }

/* Tertiary color */
.p-button:hover, .slick-dots li.slick-active, .slick-dots li:hover { background: #e37100; }
.p-article01__title a:hover, .p-article01__category a:hover, .p-footer-blog__archive-li.p-index-slidernk:hover, .p-footer-nav a:hover, .p-social-nav__item a:hover, .p-index-content07__archive-link:hover, .p-news-ticker__archive-link:hover { color: #e37100; }

/* font type */
body { font-family: Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }

/* headline font type */
.p-index-slider__item-catch, .p-index-content01__catch, .p-index-content02__item-catch, .p-showcase__catch, .p-index-content04__catch, .p-index-content06__item-catch, .p-index-content07__catch, .p-index-content09__catch, .p-footer-blog__catch, .p-article01__title, .p-page-header__title, .p-headline, .p-article02__title, .p-latest-news__title h2, .p-review__name, .p-review-header__title, #js-header-video .caption .title, #js-header-youtube .caption .title {
font-family: Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

/*.p-index-slider__item:nth-child(1) .p-button { background: #ff8000; color: #000000; }*/
/*.p-index-slider__item:nth-child(1) .p-button:hover { background: #e37100; color: #ffffff; }*/
/*.p-index-slider__item:nth-child(2) .p-button { background: #ff8000; color: #000000; }*/
/*.p-index-slider__item:nth-child(2) .p-button:hover { background: #e37100; color: #ffffff; }*/
/*.p-index-slider__item:nth-child(3) .p-button { background: #ff8000; color: #000000; }*/
/*.p-index-slider__item:nth-child(3) .p-button:hover { background: #e37100; color: #ffffff; }*/

/* load */
@-webkit-keyframes loading-square-loader {
  0% { box-shadow: 16px -8px rgba(18, 29, 31, 0), 32px 0 rgba(18, 29, 31, 0), 0 -16px rgba(18, 29, 31, 0), 16px -16px rgba(18, 29, 31, 0), 32px -16px rgba(18, 29, 31, 0), 0 -32px rgba(18, 29, 31, 0), 16px -32px rgba(18, 29, 31, 0), 32px -32px rgba(242, 205, 123, 0); }
  5% { box-shadow: 16px -8px rgba(18, 29, 31, 0), 32px 0 rgba(18, 29, 31, 0), 0 -16px rgba(18, 29, 31, 0), 16px -16px rgba(18, 29, 31, 0), 32px -16px rgba(18, 29, 31, 0), 0 -32px rgba(18, 29, 31, 0), 16px -32px rgba(18, 29, 31, 0), 32px -32px rgba(242, 205, 123, 0); }
  10% { box-shadow: 16px 0 rgba(18, 29, 31, 1), 32px -8px rgba(18, 29, 31, 0), 0 -16px rgba(18, 29, 31, 0), 16px -16px rgba(18, 29, 31, 0), 32px -16px rgba(18, 29, 31, 0), 0 -32px rgba(18, 29, 31, 0), 16px -32px rgba(18, 29, 31, 0), 32px -32px rgba(242, 205, 123, 0); }
  15% { box-shadow: 16px 0 rgba(18, 29, 31, 1), 32px 0 rgba(18, 29, 31, 1), 0 -24px rgba(18, 29, 31, 0), 16px -16px rgba(18, 29, 31, 0), 32px -16px rgba(18, 29, 31, 0), 0 -32px rgba(18, 29, 31, 0), 16px -32px rgba(18, 29, 31, 0), 32px -32px rgba(242, 205, 123, 0); }
  20% { box-shadow: 16px 0 rgba(18, 29, 31, 1), 32px 0 rgba(18, 29, 31, 1), 0 -16px rgba(18, 29, 31, 1), 16px -24px rgba(18, 29, 31, 0), 32px -16px rgba(18, 29, 31, 0), 0 -32px rgba(18, 29, 31, 0), 16px -32px rgba(18, 29, 31, 0), 32px -32px rgba(242, 205, 123, 0); }
  25% { box-shadow: 16px 0 rgba(18, 29, 31, 1), 32px 0 rgba(18, 29, 31, 1), 0 -16px rgba(18, 29, 31, 1), 16px -16px rgba(18, 29, 31, 1), 32px -24px rgba(18, 29, 31, 0), 0 -32px rgba(18, 29, 31, 0), 16px -32px rgba(18, 29, 31, 0), 32px -32px rgba(242, 205, 123, 0); }
  30% { box-shadow: 16px 0 rgba(18, 29, 31, 1), 32px 0 rgba(18, 29, 31, 1), 0 -16px rgba(18, 29, 31, 1), 16px -16px rgba(18, 29, 31, 1), 32px -16px rgba(18, 29, 31, 1), 0 -50px rgba(18, 29, 31, 0), 16px -32px rgba(18, 29, 31, 0), 32px -32px rgba(242, 205, 123, 0); }
  35% { box-shadow: 16px 0 rgba(18, 29, 31, 1), 32px 0 rgba(18, 29, 31, 1), 0 -16px rgba(18, 29, 31, 1), 16px -16px rgba(18, 29, 31, 1), 32px -16px rgba(18, 29, 31, 1), 0 -32px rgba(18, 29, 31, 1), 16px -50px rgba(18, 29, 31, 0), 32px -32px rgba(242, 205, 123, 0); }
  40% { box-shadow: 16px 0 rgba(18, 29, 31, 1), 32px 0 rgba(18, 29, 31, 1), 0 -16px rgba(18, 29, 31, 1), 16px -16px rgba(18, 29, 31, 1), 32px -16px rgba(18, 29, 31, 1), 0 -32px rgba(18, 29, 31, 1), 16px -32px rgba(18, 29, 31, 1), 32px -50px rgba(242, 205, 123, 0); }
  45%, 55% { box-shadow: 16px 0 rgba(18, 29, 31, 1), 32px 0 rgba(18, 29, 31, 1), 0 -16px rgba(18, 29, 31, 1), 16px -16px rgba(18, 29, 31, 1), 32px -16px rgba(18, 29, 31, 1), 0 -32px rgba(18, 29, 31, 1), 16px -32px rgba(18, 29, 31, 1), 32px -32px rgba(255, 127, 0, 1); }
  60% { box-shadow: 16px 8px rgba(18, 29, 31, 0), 32px 0 rgba(18, 29, 31, 1), 0 -16px rgba(18, 29, 31, 1), 16px -16px rgba(18, 29, 31, 1), 32px -16px rgba(18, 29, 31, 1), 0 -32px rgba(18, 29, 31, 1), 16px -32px rgba(18, 29, 31, 1), 32px -32px rgba(255, 127, 0, 1); }
  65% { box-shadow: 16px 8px rgba(18, 29, 31, 0), 32px 8px rgba(18, 29, 31, 0), 0 -16px rgba(18, 29, 31, 1), 16px -16px rgba(18, 29, 31, 1), 32px -16px rgba(18, 29, 31, 1), 0 -32px rgba(18, 29, 31, 1), 16px -32px rgba(18, 29, 31, 1), 32px -32px rgba(255, 127, 0, 1); }
  70% { box-shadow: 16px 8px rgba(18, 29, 31, 0), 32px 8px rgba(18, 29, 31, 0), 0 -8px rgba(18, 29, 31, 0), 16px -16px rgba(18, 29, 31, 1), 32px -16px rgba(18, 29, 31, 1), 0 -32px rgba(18, 29, 31, 1), 16px -32px rgba(18, 29, 31, 1), 32px -32px rgba(255, 127, 0, 1); }
  75% { box-shadow: 16px 8px rgba(18, 29, 31, 0), 32px 8px rgba(18, 29, 31, 0), 0 -8px rgba(18, 29, 31, 0), 16px -8px rgba(18, 29, 31, 0), 32px -16px rgba(18, 29, 31, 1), 0 -32px rgba(18, 29, 31, 1), 16px -32px rgba(18, 29, 31, 1), 32px -32px rgba(255, 127, 0, 1); }
  80% { box-shadow: 16px 8px rgba(18, 29, 31, 0), 32px 8px rgba(18, 29, 31, 0), 0 -8px rgba(18, 29, 31, 0), 16px -8px rgba(18, 29, 31, 0), 32px -8px rgba(18, 29, 31, 0), 0 -32px rgba(18, 29, 31, 1), 16px -32px rgba(18, 29, 31, 1), 32px -32px rgba(255, 127, 0, 1); }
  85% { box-shadow: 16px 8px rgba(18, 29, 31, 0), 32px 8px rgba(18, 29, 31, 0), 0 -8px rgba(18, 29, 31, 0), 16px -8px rgba(18, 29, 31, 0), 32px -8px rgba(18, 29, 31, 0), 0 -24px rgba(18, 29, 31, 0), 16px -32px rgba(18, 29, 31, 1), 32px -32px rgba(255, 127, 0, 1); }
  90% { box-shadow: 16px 8px rgba(18, 29, 31, 0), 32px 8px rgba(18, 29, 31, 0), 0 -8px rgba(18, 29, 31, 0), 16px -8px rgba(18, 29, 31, 0), 32px -8px rgba(18, 29, 31, 0), 0 -24px rgba(18, 29, 31, 0), 16px -24px rgba(18, 29, 31, 0), 32px -32px rgba(255, 127, 0, 1); }
  95%, 100% { box-shadow: 16px 8px rgba(18, 29, 31, 0), 32px 8px rgba(18, 29, 31, 0), 0 -8px rgba(18, 29, 31, 0), 16px -8px rgba(18, 29, 31, 0), 32px -8px rgba(18, 29, 31, 0), 0 -24px rgba(18, 29, 31, 0), 16px -24px rgba(18, 29, 31, 0), 32px -24px rgba(255, 127, 0, 0); }
}
@keyframes loading-square-loader {
  0% { box-shadow: 16px -8px rgba(18, 29, 31, 0), 32px 0 rgba(18, 29, 31, 0), 0 -16px rgba(18, 29, 31, 0), 16px -16px rgba(18, 29, 31, 0), 32px -16px rgba(18, 29, 31, 0), 0 -32px rgba(18, 29, 31, 0), 16px -32px rgba(18, 29, 31, 0), 32px -32px rgba(242, 205, 123, 0); }
  5% { box-shadow: 16px -8px rgba(18, 29, 31, 0), 32px 0 rgba(18, 29, 31, 0), 0 -16px rgba(18, 29, 31, 0), 16px -16px rgba(18, 29, 31, 0), 32px -16px rgba(18, 29, 31, 0), 0 -32px rgba(18, 29, 31, 0), 16px -32px rgba(18, 29, 31, 0), 32px -32px rgba(242, 205, 123, 0); }
  10% { box-shadow: 16px 0 rgba(18, 29, 31, 1), 32px -8px rgba(18, 29, 31, 0), 0 -16px rgba(18, 29, 31, 0), 16px -16px rgba(18, 29, 31, 0), 32px -16px rgba(18, 29, 31, 0), 0 -32px rgba(18, 29, 31, 0), 16px -32px rgba(18, 29, 31, 0), 32px -32px rgba(242, 205, 123, 0); }
  15% { box-shadow: 16px 0 rgba(18, 29, 31, 1), 32px 0 rgba(18, 29, 31, 1), 0 -24px rgba(18, 29, 31, 0), 16px -16px rgba(18, 29, 31, 0), 32px -16px rgba(18, 29, 31, 0), 0 -32px rgba(18, 29, 31, 0), 16px -32px rgba(18, 29, 31, 0), 32px -32px rgba(242, 205, 123, 0); }
  20% { box-shadow: 16px 0 rgba(18, 29, 31, 1), 32px 0 rgba(18, 29, 31, 1), 0 -16px rgba(18, 29, 31, 1), 16px -24px rgba(18, 29, 31, 0), 32px -16px rgba(18, 29, 31, 0), 0 -32px rgba(18, 29, 31, 0), 16px -32px rgba(18, 29, 31, 0), 32px -32px rgba(242, 205, 123, 0); }
  25% { box-shadow: 16px 0 rgba(18, 29, 31, 1), 32px 0 rgba(18, 29, 31, 1), 0 -16px rgba(18, 29, 31, 1), 16px -16px rgba(18, 29, 31, 1), 32px -24px rgba(18, 29, 31, 0), 0 -32px rgba(18, 29, 31, 0), 16px -32px rgba(18, 29, 31, 0), 32px -32px rgba(242, 205, 123, 0); }
  30% { box-shadow: 16px 0 rgba(18, 29, 31, 1), 32px 0 rgba(18, 29, 31, 1), 0 -16px rgba(18, 29, 31, 1), 16px -16px rgba(18, 29, 31, 1), 32px -16px rgba(18, 29, 31, 1), 0 -50px rgba(18, 29, 31, 0), 16px -32px rgba(18, 29, 31, 0), 32px -32px rgba(242, 205, 123, 0); }
  35% { box-shadow: 16px 0 rgba(18, 29, 31, 1), 32px 0 rgba(18, 29, 31, 1), 0 -16px rgba(18, 29, 31, 1), 16px -16px rgba(18, 29, 31, 1), 32px -16px rgba(18, 29, 31, 1), 0 -32px rgba(18, 29, 31, 1), 16px -50px rgba(18, 29, 31, 0), 32px -32px rgba(242, 205, 123, 0); }
  40% { box-shadow: 16px 0 rgba(18, 29, 31, 1), 32px 0 rgba(18, 29, 31, 1), 0 -16px rgba(18, 29, 31, 1), 16px -16px rgba(18, 29, 31, 1), 32px -16px rgba(18, 29, 31, 1), 0 -32px rgba(18, 29, 31, 1), 16px -32px rgba(18, 29, 31, 1), 32px -50px rgba(242, 205, 123, 0); }
  45%, 55% { box-shadow: 16px 0 rgba(18, 29, 31, 1), 32px 0 rgba(18, 29, 31, 1), 0 -16px rgba(18, 29, 31, 1), 16px -16px rgba(18, 29, 31, 1), 32px -16px rgba(18, 29, 31, 1), 0 -32px rgba(18, 29, 31, 1), 16px -32px rgba(18, 29, 31, 1), 32px -32px rgba(255, 127, 0, 1); }
  60% { box-shadow: 16px 8px rgba(18, 29, 31, 0), 32px 0 rgba(18, 29, 31, 1), 0 -16px rgba(18, 29, 31, 1), 16px -16px rgba(18, 29, 31, 1), 32px -16px rgba(18, 29, 31, 1), 0 -32px rgba(18, 29, 31, 1), 16px -32px rgba(18, 29, 31, 1), 32px -32px rgba(255, 127, 0, 1); }
  65% { box-shadow: 16px 8px rgba(18, 29, 31, 0), 32px 8px rgba(18, 29, 31, 0), 0 -16px rgba(18, 29, 31, 1), 16px -16px rgba(18, 29, 31, 1), 32px -16px rgba(18, 29, 31, 1), 0 -32px rgba(18, 29, 31, 1), 16px -32px rgba(18, 29, 31, 1), 32px -32px rgba(255, 127, 0, 1); }
  70% { box-shadow: 16px 8px rgba(18, 29, 31, 0), 32px 8px rgba(18, 29, 31, 0), 0 -8px rgba(18, 29, 31, 0), 16px -16px rgba(18, 29, 31, 1), 32px -16px rgba(18, 29, 31, 1), 0 -32px rgba(18, 29, 31, 1), 16px -32px rgba(18, 29, 31, 1), 32px -32px rgba(255, 127, 0, 1); }
  75% { box-shadow: 16px 8px rgba(18, 29, 31, 0), 32px 8px rgba(18, 29, 31, 0), 0 -8px rgba(18, 29, 31, 0), 16px -8px rgba(18, 29, 31, 0), 32px -16px rgba(18, 29, 31, 1), 0 -32px rgba(18, 29, 31, 1), 16px -32px rgba(18, 29, 31, 1), 32px -32px rgba(255, 127, 0, 1); }
  80% { box-shadow: 16px 8px rgba(18, 29, 31, 0), 32px 8px rgba(18, 29, 31, 0), 0 -8px rgba(18, 29, 31, 0), 16px -8px rgba(18, 29, 31, 0), 32px -8px rgba(18, 29, 31, 0), 0 -32px rgba(18, 29, 31, 1), 16px -32px rgba(18, 29, 31, 1), 32px -32px rgba(255, 127, 0, 1); }
  85% { box-shadow: 16px 8px rgba(18, 29, 31, 0), 32px 8px rgba(18, 29, 31, 0), 0 -8px rgba(18, 29, 31, 0), 16px -8px rgba(18, 29, 31, 0), 32px -8px rgba(18, 29, 31, 0), 0 -24px rgba(18, 29, 31, 0), 16px -32px rgba(18, 29, 31, 1), 32px -32px rgba(255, 127, 0, 1); }
  90% { box-shadow: 16px 8px rgba(18, 29, 31, 0), 32px 8px rgba(18, 29, 31, 0), 0 -8px rgba(18, 29, 31, 0), 16px -8px rgba(18, 29, 31, 0), 32px -8px rgba(18, 29, 31, 0), 0 -24px rgba(18, 29, 31, 0), 16px -24px rgba(18, 29, 31, 0), 32px -32px rgba(255, 127, 0, 1); }
  95%, 100% { box-shadow: 16px 8px rgba(18, 29, 31, 0), 32px 8px rgba(18, 29, 31, 0), 0 -8px rgba(18, 29, 31, 0), 16px -8px rgba(18, 29, 31, 0), 32px -8px rgba(18, 29, 31, 0), 0 -24px rgba(18, 29, 31, 0), 16px -24px rgba(18, 29, 31, 0), 32px -24px rgba(255, 127, 0, 0); }
}

.c-load--type2:before { box-shadow: 16px 0 0 rgba(18, 29, 31, 1), 32px 0 0 rgba(18, 29, 31, 1), 0 -16px 0 rgba(18, 29, 31, 1), 16px -16px 0 rgba(18, 29, 31, 1), 32px -16px 0 rgba(18, 29, 31, 1), 0 -32px rgba(18, 29, 31, 1), 16px -32px rgba(18, 29, 31, 1), 32px -32px rgba(255, 127, 0, 0); }
.c-load--type2:after { background-color: rgba(255, 127, 0, 1); }
.c-load--type1 { border: 3px solid rgba(18, 29, 31, 0.2); border-top-color: #121d1f; }
#site_loader_animation.c-load--type3 i { background: #121d1f; }

/* hover effect */
.p-hover-effect--type1:hover img { -webkit-transform: scale(1.2) rotate(2deg); transform: scale(1.2) rotate(2deg); }
.p-hover-effect--type2 img { margin-left: 15px; -webkit-transform: scale(1.2) translate3d(-15px, 0, 0); transform: scale(1.2) translate3d(-15px, 0, 0);}
.p-hover-effect--type2:hover img { opacity: 0.5 }
.p-hover-effect--type3 { background: #000000; }
.p-hover-effect--type3:hover img { opacity: 0.5; }

/* Page header */

/* Entry body */
main .p-entry__body, main .p-entry__body p { font-size: 16px; }
.p-entry__body a { color: #ff7f00; }

/* Header */
.l-header, .l-header--large.is-active { background: rgba(18, 30, 31, 0.8); }
.l-header--large { background: rgba(18, 30, 31, 0);height: 100px; }

/* Contents builder */
/*#cb_2::before { background: rgba( 0, 47, 94, 0); }*/
/*#cb_2 .p-button { background: #ff8000; color: #000000; }*/
/*#cb_2 .p-button:hover { background: #e37100; color: #ffffff; }*/
/*#cb_4::before { background: rgba( 166, 0, 0, 0); }*/
/*#cb_4 .p-button { background: #ff8000; color: #000000; }*/
/*#cb_4 .p-button:hover { background: #e37100; color: #ffffff; }*/
/*#cb_7::before { background: rgba( 3, 60, 70, 0); }*/
/*#cb_7 .p-button { background: #ff8000; color: #000000; }*/
/*#cb_7 .p-button:hover { background: #e37100; color: #ffffff; }*/

/* Footer bar */

/* Responsive */
@media only screen and (max-width: 1200px) {
.l-header, .l-header--large.is-active { background: #121e1f; }
.p-global-nav { background: rgba(18, 29, 31, 0.8); }	
.l-header__logo a { color: #ffffff; } 
}
@media only screen and (max-width: 767px) {

@-webkit-keyframes loading-square-loader {
  0% { box-shadow: 10px -5px rgba(18, 29, 31, 0), 20px 0 rgba(18, 29, 31, 0), 0 -10px rgba(18, 29, 31, 0), 10px -10px rgba(18, 29, 31, 0), 20px -10px rgba(18, 29, 31, 0), 0 -20px rgba(18, 29, 31, 0), 10px -20px rgba(18, 29, 31, 0), 20px -20px rgba(242, 205, 123, 0); }
  5% { box-shadow: 10px -5px rgba(18, 29, 31, 0), 20px 0 rgba(18, 29, 31, 0), 0 -10px rgba(18, 29, 31, 0), 10px -10px rgba(18, 29, 31, 0), 20px -10px rgba(18, 29, 31, 0), 0 -20px rgba(18, 29, 31, 0), 10px -20px rgba(18, 29, 31, 0), 20px -20px rgba(242, 205, 123, 0); }
  10% { box-shadow: 10px 0 rgba(18, 29, 31, 1), 20px -5px rgba(18, 29, 31, 0), 0 -10px rgba(18, 29, 31, 0), 10px -10px rgba(18, 29, 31, 0), 20px -10px rgba(18, 29, 31, 0), 0 -20px rgba(18, 29, 31, 0), 10px -20px rgba(18, 29, 31, 0), 20px -20px rgba(242, 205, 123, 0); }
  15% { box-shadow: 10px 0 rgba(18, 29, 31, 1), 20px 0 rgba(18, 29, 31, 1), 0 -15px rgba(18, 29, 31, 0), 10px -10px rgba(18, 29, 31, 0), 20px -10px rgba(18, 29, 31, 0), 0 -20px rgba(18, 29, 31, 0), 10px -20px rgba(18, 29, 31, 0), 20px -20px rgba(242, 205, 123, 0); }
  20% { box-shadow: 10px 0 rgba(18, 29, 31, 1), 20px 0 rgba(18, 29, 31, 1), 0 -10px rgba(18, 29, 31, 1), 10px -15px rgba(18, 29, 31, 0), 20px -10px rgba(18, 29, 31, 0), 0 -20px rgba(18, 29, 31, 0), 10px -20px rgba(18, 29, 31, 0), 20px -20px rgba(242, 205, 123, 0); }
  25% { box-shadow: 10px 0 rgba(18, 29, 31, 1), 20px 0 rgba(18, 29, 31, 1), 0 -10px rgba(18, 29, 31, 1), 10px -10px rgba(18, 29, 31, 1), 20px -15px rgba(18, 29, 31, 0), 0 -20px rgba(18, 29, 31, 0), 10px -20px rgba(18, 29, 31, 0), 20px -20px rgba(242, 205, 123, 0); }
  30% { box-shadow: 10px 0 rgba(18, 29, 31, 1), 20px 0 rgba(18, 29, 31, 1), 0 -10px rgba(18, 29, 31, 1), 10px -10px rgba(18, 29, 31, 1), 20px -10px rgba(18, 29, 31, 1), 0 -50px rgba(18, 29, 31, 0), 10px -20px rgba(18, 29, 31, 0), 20px -20px rgba(242, 205, 123, 0); }
  35% { box-shadow: 10px 0 rgba(18, 29, 31, 1), 20px 0 rgba(18, 29, 31, 1), 0 -10px rgba(18, 29, 31, 1), 10px -10px rgba(18, 29, 31, 1), 20px -10px rgba(18, 29, 31, 1), 0 -20px rgba(18, 29, 31, 1), 10px -50px rgba(18, 29, 31, 0), 20px -20px rgba(242, 205, 123, 0); }
  40% { box-shadow: 10px 0 rgba(18, 29, 31, 1), 20px 0 rgba(18, 29, 31, 1), 0 -10px rgba(18, 29, 31, 1), 10px -10px rgba(18, 29, 31, 1), 20px -10px rgba(18, 29, 31, 1), 0 -20px rgba(18, 29, 31, 1), 10px -20px rgba(18, 29, 31, 1), 20px -50px rgba(242, 205, 123, 0); }
  45%, 55% { box-shadow: 10px 0 rgba(18, 29, 31, 1), 20px 0 rgba(18, 29, 31, 1), 0 -10px rgba(18, 29, 31, 1), 10px -10px rgba(18, 29, 31, 1), 20px -10px rgba(18, 29, 31, 1), 0 -20px rgba(18, 29, 31, 1), 10px -20px rgba(18, 29, 31, 1), 20px -20px rgba(255, 127, 0, 1); }
  60% { box-shadow: 10px 5px rgba(18, 29, 31, 0), 20px 0 rgba(18, 29, 31, 1), 0 -10px rgba(18, 29, 31, 1), 10px -10px rgba(18, 29, 31, 1), 20px -10px rgba(18, 29, 31, 1), 0 -20px rgba(18, 29, 31, 1), 10px -20px rgba(18, 29, 31, 1), 20px -20px rgba(255, 127, 0, 1); }
  65% { box-shadow: 10px 5px rgba(18, 29, 31, 0), 20px 5px rgba(18, 29, 31, 0), 0 -10px rgba(18, 29, 31, 1), 10px -10px rgba(18, 29, 31, 1), 20px -10px rgba(18, 29, 31, 1), 0 -20px rgba(18, 29, 31, 1), 10px -20px rgba(18, 29, 31, 1), 20px -20px rgba(255, 127, 0, 1); }
  70% { box-shadow: 10px 5px rgba(18, 29, 31, 0), 20px 5px rgba(18, 29, 31, 0), 0 -5px rgba(18, 29, 31, 0), 10px -10px rgba(18, 29, 31, 1), 20px -10px rgba(18, 29, 31, 1), 0 -20px rgba(18, 29, 31, 1), 10px -20px rgba(18, 29, 31, 1), 20px -20px rgba(255, 127, 0, 1); }
  75% { box-shadow: 10px 5px rgba(18, 29, 31, 0), 20px 5px rgba(18, 29, 31, 0), 0 -5px rgba(18, 29, 31, 0), 10px -5px rgba(18, 29, 31, 0), 20px -10px rgba(18, 29, 31, 1), 0 -20px rgba(18, 29, 31, 1), 10px -20px rgba(18, 29, 31, 1), 20px -20px rgba(255, 127, 0, 1); }
  80% { box-shadow: 10px 5px rgba(18, 29, 31, 0), 20px 5px rgba(18, 29, 31, 0), 0 -5px rgba(18, 29, 31, 0), 10px -5px rgba(18, 29, 31, 0), 20px -5px rgba(18, 29, 31, 0), 0 -20px rgba(18, 29, 31, 1), 10px -20px rgba(18, 29, 31, 1), 20px -20px rgba(255, 127, 0, 1); }
  85% { box-shadow: 10px 5px rgba(18, 29, 31, 0), 20px 5px rgba(18, 29, 31, 0), 0 -5px rgba(18, 29, 31, 0), 10px -5px rgba(18, 29, 31, 0), 20px -5px rgba(18, 29, 31, 0), 0 -15px rgba(18, 29, 31, 0), 10px -20px rgba(18, 29, 31, 1), 20px -20px rgba(255, 127, 0, 1); }
  90% { box-shadow: 10px 5px rgba(18, 29, 31, 0), 20px 5px rgba(18, 29, 31, 0), 0 -5px rgba(18, 29, 31, 0), 10px -5px rgba(18, 29, 31, 0), 20px -5px rgba(18, 29, 31, 0), 0 -15px rgba(18, 29, 31, 0), 10px -15px rgba(18, 29, 31, 0), 20px -20px rgba(255, 127, 0, 1); }
  95%, 100% { box-shadow: 10px 5px rgba(18, 29, 31, 0), 20px 5px rgba(18, 29, 31, 0), 0 -5px rgba(18, 29, 31, 0), 10px -5px rgba(18, 29, 31, 0), 20px -5px rgba(18, 29, 31, 0), 0 -15px rgba(18, 29, 31, 0), 10px -15px rgba(18, 29, 31, 0), 20px -15px rgba(255, 127, 0, 0); }
}
@keyframes loading-square-loader {
  0% { box-shadow: 10px -5px rgba(18, 29, 31, 0), 20px 0 rgba(18, 29, 31, 0), 0 -10px rgba(18, 29, 31, 0), 10px -10px rgba(18, 29, 31, 0), 20px -10px rgba(18, 29, 31, 0), 0 -20px rgba(18, 29, 31, 0), 10px -20px rgba(18, 29, 31, 0), 20px -20px rgba(242, 205, 123, 0); }
  5% { box-shadow: 10px -5px rgba(18, 29, 31, 0), 20px 0 rgba(18, 29, 31, 0), 0 -10px rgba(18, 29, 31, 0), 10px -10px rgba(18, 29, 31, 0), 20px -10px rgba(18, 29, 31, 0), 0 -20px rgba(18, 29, 31, 0), 10px -20px rgba(18, 29, 31, 0), 20px -20px rgba(242, 205, 123, 0); }
  10% { box-shadow: 10px 0 rgba(18, 29, 31, 1), 20px -5px rgba(18, 29, 31, 0), 0 -10px rgba(18, 29, 31, 0), 10px -10px rgba(18, 29, 31, 0), 20px -10px rgba(18, 29, 31, 0), 0 -20px rgba(18, 29, 31, 0), 10px -20px rgba(18, 29, 31, 0), 20px -20px rgba(242, 205, 123, 0); }
  15% { box-shadow: 10px 0 rgba(18, 29, 31, 1), 20px 0 rgba(18, 29, 31, 1), 0 -15px rgba(18, 29, 31, 0), 10px -10px rgba(18, 29, 31, 0), 20px -10px rgba(18, 29, 31, 0), 0 -20px rgba(18, 29, 31, 0), 10px -20px rgba(18, 29, 31, 0), 20px -20px rgba(242, 205, 123, 0); }
  20% { box-shadow: 10px 0 rgba(18, 29, 31, 1), 20px 0 rgba(18, 29, 31, 1), 0 -10px rgba(18, 29, 31, 1), 10px -15px rgba(18, 29, 31, 0), 20px -10px rgba(18, 29, 31, 0), 0 -20px rgba(18, 29, 31, 0), 10px -20px rgba(18, 29, 31, 0), 20px -20px rgba(242, 205, 123, 0); }
  25% { box-shadow: 10px 0 rgba(18, 29, 31, 1), 20px 0 rgba(18, 29, 31, 1), 0 -10px rgba(18, 29, 31, 1), 10px -10px rgba(18, 29, 31, 1), 20px -15px rgba(18, 29, 31, 0), 0 -20px rgba(18, 29, 31, 0), 10px -20px rgba(18, 29, 31, 0), 20px -20px rgba(242, 205, 123, 0); }
  30% { box-shadow: 10px 0 rgba(18, 29, 31, 1), 20px 0 rgba(18, 29, 31, 1), 0 -10px rgba(18, 29, 31, 1), 10px -10px rgba(18, 29, 31, 1), 20px -10px rgba(18, 29, 31, 1), 0 -50px rgba(18, 29, 31, 0), 10px -20px rgba(18, 29, 31, 0), 20px -20px rgba(242, 205, 123, 0); }
  35% { box-shadow: 10px 0 rgba(18, 29, 31, 1), 20px 0 rgba(18, 29, 31, 1), 0 -10px rgba(18, 29, 31, 1), 10px -10px rgba(18, 29, 31, 1), 20px -10px rgba(18, 29, 31, 1), 0 -20px rgba(18, 29, 31, 1), 10px -50px rgba(18, 29, 31, 0), 20px -20px rgba(242, 205, 123, 0); }
  40% { box-shadow: 10px 0 rgba(18, 29, 31, 1), 20px 0 rgba(18, 29, 31, 1), 0 -10px rgba(18, 29, 31, 1), 10px -10px rgba(18, 29, 31, 1), 20px -10px rgba(18, 29, 31, 1), 0 -20px rgba(18, 29, 31, 1), 10px -20px rgba(18, 29, 31, 1), 20px -50px rgba(242, 205, 123, 0); }
  45%, 55% { box-shadow: 10px 0 rgba(18, 29, 31, 1), 20px 0 rgba(18, 29, 31, 1), 0 -10px rgba(18, 29, 31, 1), 10px -10px rgba(18, 29, 31, 1), 20px -10px rgba(18, 29, 31, 1), 0 -20px rgba(18, 29, 31, 1), 10px -20px rgba(18, 29, 31, 1), 20px -20px rgba(255, 127, 0, 1); }
  60% { box-shadow: 10px 5px rgba(18, 29, 31, 0), 20px 0 rgba(18, 29, 31, 1), 0 -10px rgba(18, 29, 31, 1), 10px -10px rgba(18, 29, 31, 1), 20px -10px rgba(18, 29, 31, 1), 0 -20px rgba(18, 29, 31, 1), 10px -20px rgba(18, 29, 31, 1), 20px -20px rgba(255, 127, 0, 1); }
  65% { box-shadow: 10px 5px rgba(18, 29, 31, 0), 20px 5px rgba(18, 29, 31, 0), 0 -10px rgba(18, 29, 31, 1), 10px -10px rgba(18, 29, 31, 1), 20px -10px rgba(18, 29, 31, 1), 0 -20px rgba(18, 29, 31, 1), 10px -20px rgba(18, 29, 31, 1), 20px -20px rgba(255, 127, 0, 1); }
  70% { box-shadow: 10px 5px rgba(18, 29, 31, 0), 20px 5px rgba(18, 29, 31, 0), 0 -5px rgba(18, 29, 31, 0), 10px -10px rgba(18, 29, 31, 1), 20px -10px rgba(18, 29, 31, 1), 0 -20px rgba(18, 29, 31, 1), 10px -20px rgba(18, 29, 31, 1), 20px -20px rgba(255, 127, 0, 1); }
  75% { box-shadow: 10px 5px rgba(18, 29, 31, 0), 20px 5px rgba(18, 29, 31, 0), 0 -5px rgba(18, 29, 31, 0), 10px -5px rgba(18, 29, 31, 0), 20px -10px rgba(18, 29, 31, 1), 0 -20px rgba(18, 29, 31, 1), 10px -20px rgba(18, 29, 31, 1), 20px -20px rgba(255, 127, 0, 1); }
  80% { box-shadow: 10px 5px rgba(18, 29, 31, 0), 20px 5px rgba(18, 29, 31, 0), 0 -5px rgba(18, 29, 31, 0), 10px -5px rgba(18, 29, 31, 0), 20px -5px rgba(18, 29, 31, 0), 0 -20px rgba(18, 29, 31, 1), 10px -20px rgba(18, 29, 31, 1), 20px -20px rgba(255, 127, 0, 1); }
  85% { box-shadow: 10px 5px rgba(18, 29, 31, 0), 20px 5px rgba(18, 29, 31, 0), 0 -5px rgba(18, 29, 31, 0), 10px -5px rgba(18, 29, 31, 0), 20px -5px rgba(18, 29, 31, 0), 0 -15px rgba(18, 29, 31, 0), 10px -20px rgba(18, 29, 31, 1), 20px -20px rgba(255, 127, 0, 1); }
  90% { box-shadow: 10px 5px rgba(18, 29, 31, 0), 20px 5px rgba(18, 29, 31, 0), 0 -5px rgba(18, 29, 31, 0), 10px -5px rgba(18, 29, 31, 0), 20px -5px rgba(18, 29, 31, 0), 0 -15px rgba(18, 29, 31, 0), 10px -15px rgba(18, 29, 31, 0), 20px -20px rgba(255, 127, 0, 1); }
  95%, 100% { box-shadow: 10px 5px rgba(18, 29, 31, 0), 20px 5px rgba(18, 29, 31, 0), 0 -5px rgba(18, 29, 31, 0), 10px -5px rgba(18, 29, 31, 0), 20px -5px rgba(18, 29, 31, 0), 0 -15px rgba(18, 29, 31, 0), 10px -15px rgba(18, 29, 31, 0), 20px -15px rgba(255, 127, 0, 0); }
}
.c-load--type2:before { box-shadow: 10px 0 0 rgba(18, 29, 31, 1), 20px 0 0 rgba(18, 29, 31, 1), 0 -10px 0 rgba(18, 29, 31, 1), 10px -10px 0 rgba(18, 29, 31, 1), 20px -10px 0 rgba(18, 29, 31, 1), 0 -20px rgba(18, 29, 31, 1), 10px -20px rgba(18, 29, 31, 1), 20px -20px rgba(255, 127, 0, 0); }
}

/* Custom CSS */
/* 機能紹介記事内画像のスタイル  ----------------------------------------------------------------- */
img.s_shot { -moz-box-sizing:border-box; box-sizing:border-box; border:1px solid #d2d2d2; -webkit-box-shadow:0 6px 6px -6px #cccccc; -moz-box-shadow:0 6px 6px -6px #cccccc; box-shadow:0 6px 6px -6px #cccccc; }
.no_sz { -moz-box-sizing:content-box !important; box-sizing:content-box !important; }
/* PC版登録コンテンツキャッチコピーのbr無効  ----------------------------------------------------------------- */
@media screen and (min-width:1025px) { .p-freespace__inner .p-showcase__catch br { display: none; } }
/* スマホ版ブログ/ニュースタイトルのbr無効  ----------------------------------------------------------------- */
@media screen and (max-width: 767px) { .p-page-header__title br { display: none; } }
/* スマホ版フッターメニュー改行  ----------------------------------------------------------------- */
@media screen and (max-width: 375px) { .p-footer-nav { width:220px; margin-left:auto; margin-right:auto; line-height:1.8; } }
/* iPhone5詳細ページバナー位置調整  ----------------------------------------------------------------- */
@media screen and (max-width: 320px) { .p-entry__ad-item { margin-left:-2.6%; } }
/* ロゴサイズの調整  ----------------------------------------------------------------- */
.l-footer__logo img { width:122px; height:auto; }
@media screen and (max-width: 767px) { .l-header__logo img, .l-footer__logo img { width:70px; height:auto; } }
/* トップページ-登録フォーム  ----------------------------------------------------------------- */
#cb_11 { padding:100px 0; background:#eeefef; text-align:center; }
#asumeruform .form_item { width:66.40625%; max-width:850px; margin:30px auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; text-align:left; }
#asumeruform .form_item li { width:100%; }
#asumeruform .form_item li:nth-child(1) { margin-right:50px; }
#asumeruform label {  font-size:14px; line-height:2.8;  }
#asumeruform .inputSelect { padding:3px; font-size:12px; color:#000; }
#asumeruform .inputText.inputTextShortest { width:100%; height:40px; padding-left:12px; padding-right:12px; }
#asumeruform textarea { font-size:12px; width:98%; height:150px; padding:3px; }
#asumeruform .center-text { margin-top:70px; text-align:center; }
#asumeruform span.require { color:red; font-weight:bold; }
:placeholder-shown, ::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder  { color:#bbb; }
@media only screen and (max-width: 767px) {
#cb_11 { padding:25px 0 30px; }
.p-freespace__inner { width: 88.88889%; box-sizing: border-box; text-align: center; }
.p-freespace__inner .p-showcase__catch { margin-bottom:6px; }
.p-freespace__inner .p-showcase__desc { margin-bottom:5px; text-align:left; font-size:14px !important; }
#asumeruform label {  font-size:12px; line-height:3.4; margin-bottom:6px; }
#asumeruform .form_item li:nth-child(1) { margin-bottom:20px; }
#asumeruform .form_item { width:100%; margin:10px auto; flex-direction:column; text-align:left; }
#asumeruform .center-text { margin-top:30px; }
}
/* トップページ円形画像とテキストの改行位置調整  ----------------------------------------------------------------- */
@media only screen and (min-width: 650px) {
 .p-index-content06 .p-index-content06__item:first-child br:first-child,
 .p-index-content06 .p-index-content06__item:last-child br:first-child { display:none; }
}


.tcd-pb-row.row1 { margin-bottom:50px; background-color:#FFFFFF; }
.tcd-pb-row.row1 .tcd-pb-col.col1 { width:100%; }
.tcd-pb-row.row1 .tcd-pb-col.col1 .tcd-pb-widget.widget1 { margin-bottom:92px; }
.tcd-pb-row.row1 .tcd-pb-col.col1 .tcd-pb-widget.widget2 { margin-bottom:15px; }
.tcd-pb-row.row1 .tcd-pb-col.col1 .tcd-pb-widget.widget3 { margin-bottom:30px; }
@media only screen and (max-width:767px) {
  .tcd-pb-row.row1 { margin-bottom:0px; }
  .tcd-pb-row.row1 .tcd-pb-col.col1 .tcd-pb-widget.widget1 { margin-bottom:30px; }
  .tcd-pb-row.row1 .tcd-pb-col.col1 .tcd-pb-widget.widget2 { margin-bottom:10px; }
  .tcd-pb-row.row1 .tcd-pb-col.col1 .tcd-pb-widget.widget3 { margin-bottom:0px; }
}
.tcd-pb-row.row2 { margin-left:-25px; margin-right:-25px; margin-bottom:50px; background-color:#FFFFFF; }
.tcd-pb-row.row2 .tcd-pb-col.col1 { width:50%; padding-left:25px; padding-right:25px; }
.tcd-pb-row.row2 .tcd-pb-col.col2 { width:50%; padding-left:25px; padding-right:25px; }
.tcd-pb-row.row2 .tcd-pb-col.col1 .tcd-pb-widget.widget1 { margin-bottom:30px; }
.tcd-pb-row.row2 .tcd-pb-col.col2 .tcd-pb-widget.widget1 { margin-bottom:30px; }
@media only screen and (max-width:767px) {
  .tcd-pb-row.row2 { margin-left:-15px; margin-right:-15px; margin-bottom:0px; }
  .tcd-pb-row.row2 .tcd-pb-col.col1 { padding-left:15px; padding-right:15px; }
  .tcd-pb-row.row2 .tcd-pb-col.col1 { width:100%; float:none; margin-bottom:30px; }
  .tcd-pb-row.row2 .tcd-pb-col.col1 .tcd-pb-widget.widget1 { margin-bottom:30px; }
  .tcd-pb-row.row2 .tcd-pb-col.col2 { padding-left:15px; padding-right:15px; }
  .tcd-pb-row.row2 .tcd-pb-col.col2 { width:100%; float:none; }
  .tcd-pb-row.row2 .tcd-pb-col.col2 .tcd-pb-widget.widget1 { margin-bottom:30px; }
}
.tcd-pb-row.row3 { margin-bottom:30px; background-color:#FFFFFF; }
.tcd-pb-row.row3 .tcd-pb-col.col1 { width:100%; }
.tcd-pb-row.row3 .tcd-pb-col.col1 .tcd-pb-widget.widget1 { margin-bottom:23px; }
.tcd-pb-row.row3 .tcd-pb-col.col1 .tcd-pb-widget.widget2 { margin-bottom:30px; }
@media only screen and (max-width:767px) {
  .tcd-pb-row.row3 { margin-bottom:0px; }
  .tcd-pb-row.row3 .tcd-pb-col.col1 .tcd-pb-widget.widget1 { margin-bottom:8px; }
  .tcd-pb-row.row3 .tcd-pb-col.col1 .tcd-pb-widget.widget2 { margin-bottom:30px; }
}
.tcd-pb-row.row4 { margin-bottom:10px; background-color:#FFFFFF; }
.tcd-pb-row.row4 .tcd-pb-col.col1 { width:100%; }
.tcd-pb-row.row4 .tcd-pb-col.col1 .tcd-pb-widget.widget1 { margin-bottom:23px; }
.tcd-pb-row.row4 .tcd-pb-col.col1 .tcd-pb-widget.widget2 { margin-bottom:30px; }
@media only screen and (max-width:767px) {
  .tcd-pb-row.row4 { margin-bottom:0px; }
  .tcd-pb-row.row4 .tcd-pb-col.col1 .tcd-pb-widget.widget1 { margin-bottom:8px; }
  .tcd-pb-row.row4 .tcd-pb-col.col1 .tcd-pb-widget.widget2 { margin-bottom:30px; }
}
.tcd-pb-row.row5 { margin-left:-25px; margin-right:-25px; margin-bottom:30px; background-color:#FFFFFF; }
.tcd-pb-row.row5 .tcd-pb-col.col1 { width:50%; padding-left:25px; padding-right:25px; }
.tcd-pb-row.row5 .tcd-pb-col.col2 { width:50%; padding-left:25px; padding-right:25px; }
.tcd-pb-row.row5 .tcd-pb-col.col1 .tcd-pb-widget.widget1 { margin-bottom:30px; }
.tcd-pb-row.row5 .tcd-pb-col.col2 .tcd-pb-widget.widget1 { margin-bottom:30px; }
@media only screen and (max-width:767px) {
  .tcd-pb-row.row5 { margin-left:-15px; margin-right:-15px; margin-bottom:30px; }
  .tcd-pb-row.row5 .tcd-pb-col.col1 { padding-left:15px; padding-right:15px; }
  .tcd-pb-row.row5 .tcd-pb-col.col1 { width:100%; float:none; margin-bottom:30px; }
  .tcd-pb-row.row5 .tcd-pb-col.col1 .tcd-pb-widget.widget1 { margin-bottom:20px; }
  .tcd-pb-row.row5 .tcd-pb-col.col2 { padding-left:15px; padding-right:15px; }
  .tcd-pb-row.row5 .tcd-pb-col.col2 { width:100%; float:none; }
  .tcd-pb-row.row5 .tcd-pb-col.col2 .tcd-pb-widget.widget1 { margin-bottom:30px; }
}
@media only screen and (max-width: 767px) {
  /*.tcd-pb-row.row3 .tcd-pb-col.col1 .tcd-pb-widget.widget1 .pb_catchcopy { font-size: px !important; }*/
  /*.tcd-pb-row.row4 .tcd-pb-col.col1 .tcd-pb-widget.widget1 .pb_catchcopy { font-size: px !important; }*/
}
@media only screen and (max-width: 767px) {
  /*.tcd-pb-row.row1 .tcd-pb-col.col1 .tcd-pb-widget.widget2 .pb_headline { font-size: px !important; }*/
}


/* 基本設定 */
#tcd-pb-wrap { overflow:hidden; }
.tcd-pb-col { float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
.tcd-pb-col . { float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
.pb-widget-image img { margin:0 auto; display:block; max-width:100%; height:auto; }


/* clearfix */
.clearfix:after { clear: both; content: " "; display: table; }


/* 見出し、キャッチフレーズ */
.pb_font_family_type1 { font-family: Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }
.pb_font_family_type2 { font-family: "Segoe UI", Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; }
.pb_font_family_type3 { font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; }

.pb-widget-headline h3 { margin:0; padding:0; }
.pb-widget-catchcopy h4 { margin:0; padding:0; }


.slick-dots li { border-radius: 50%; margin: 0 14px 0 0; width: 12px; height: 12px; transition-property: background-color; transition-duration: 0.2s; transition-timing-function: ease; }
.slick-dots li:last-child { margin-right: 0; }
.slick-dots li.slick-active, .slick-dots li:hover { background: #ff7f00; }
.slick-dots li button { width: 12px; height: 12px; }
.slick-dots li button::before { content: ""; }

.p-index-content07 { background: #eeefef; height: 580px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; }
.p-index-content07 .slick-dots li { background: #000; }

.p-index-content07__catch { font-size: 40px; line-height: 1.4; margin-bottom: 82px; text-align: center; }

.p-index-content07__review { margin-left: auto; margin-right: auto; padding-bottom: 80px; width: 68.49558%; }

.p-index-content07__archive-link { font-size: 14px; position: absolute; right: 0; bottom: 0; }
.p-index-content07__archive-link::after { content: "\e910"; display: inline-block; font-family: "design_plus"; margin-left: 14px; transition-property: none; }
.p-index-content07__archive-link:hover { color: #e37100; }


/* トップページスライダーのレイアウトを調整 */
.p-index-slider__item::before{
	/*background-color:#1769b3;*/
	background-color:#000;
    display:block;
	content:'';
	height:100%;
	width:100%;
	z-index:100;
	opacity:0.3;
	position:absolute;
	top:0;
	left:0;
}
.p-index-slider__item-inner{
	z-index:101;
    justify-content:center;
}

.p-index-slider__item-content{
	width:100%;
	text-align:center;
}
.p-index-slider__item-catch,
.p-index-slider__item-desc p{
	font-weight:bold;
}
.p-index-slider__item::after{
    content:'';
    transform:rotate(45deg) translateX(-50%);
    height:20px;
    width:20px;
    border-right:solid 5px #fff;
    border-bottom:solid 5px #fff;
    display: block;
    position: absolute;
    bottom:100px;
    left:50%;
    z-index:100;
    box-sizing:border-box;
}







.c-menu-button::before{
	color:#1769b3;
}
.p-menu-button.c-menu-button.is-active::before{
	color:#ffffff;
}

/* ヘッダーのロゴサイズ */
.p-logo.l-header__logo.l-header__logo--retina img {
    max-width: 240px;
    width: 100%;
}

@media only screen and (max-width: 640px) {
    .p-logo.l-header__logo.l-header__logo--retina img {
        max-width: 120px;
        width: 100%;
    }
}

@media only screen and (max-width: 640px) {
    .l-header__logo{
        padding-left: 10px !important;
    }
}

/* faq */
.p-faq{
            padding-top: 50px;
            padding-bottom: 50px;
				position:relative;
            background-color: #d1e2f0;
				background-image:url(https://route5.jp/wp-content/uploads/2019/08/faq.jpg);
				background-size: cover;
    			background-position: center center;
        }

.p-faq::before{
	content: '';
    display: block;
    background-color: #d1e2f0;
    opacity: 0.7;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    position: absolute;
}
        .p-faq__catch{
			position:relative;
            text-align:center;
            margin-bottom:50px;
			font-size: 34px;
	z-index:10;
        }
        .p-faq__inner{
            width:100%;
            margin:0 auto;
            max-width: 990px;
			position:relative;
	z-index:10;
        }

        .p-faq .faqs{
            position:relative;
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            padding-right: 20px;
            padding-left: 20px;
        }
        .p-faq .faqs > .faq-item{
            box-sizing: border-box;
            width: calc(50% - 20px);
            padding: 30px;
            background-color: rgba(255,255,255,0.6);
            text-align: center;
        }

        .p-faq .faqs > .faq-item:nth-child(3),
        .p-faq .faqs > .faq-item:nth-child(4){
            margin-top:20px;
        }

        .p-faq .faqs > .faq-item h3{
            font-weight: 700;
            font-size: 20px;
            color: #196eb4;
        }
        .p-faq .faqs > .faq-item p{
            margin-top: 20px;
            margin-left: 0;
            line-height: 1.75em;
            text-align: justify;
            font-size: 14px;
        }
        .p-faq .faqs > .faq-item p a{
            color: #dbbb21;
            transition: opacity .3s cubic-bezier(.19,1,.22,1);
            margin-top: 1em;
            padding-top: 0;
            padding-right: 0;
            padding-bottom: 0;
            box-shadow: none;
            font-weight: bold;
            font-size: 14px;
        }

@media only screen and (max-width: 640px) {
	.p-faq{
	background-image:none;
	}
	.p-faq .faqs > .faq-item{
            background-color: rgba(255,255,255,0.9);
        }
}
        @media only screen and (max-width: 990px) {
            .p-faq .faqs > .faq-item{
                width: auto;
            }
            .p-faq .faqs > .faq-item + .faq-item{
                margin-top:20px;
            }
        }

.p-index-content03__image{
	transform: translateY(-50%);
    top: 50%;
	bottom:auto;
}

.banners{
    position:relative;
    display:flex;
    justify-content:space-around;
    flex-wrap:wrap;
    margin: 50px auto 30px;
}

.banners.banners-logo{
}
.banners.banners-logo a{
    display:flex;
    justify-content:center;
    align-items:center;
    max-width:800px;
}

.banners a{
    display:block;
    width:90%;
    max-width:550px;
    position:relative;
    margin-bottom:20px;
    box-sizing:border-box;
}
.banners a:hover{
    opacity:0.8;
}

.banners a img{
    position:relative;
    width:100%;
    height:auto;
}

@media only screen and (max-width: 640px) {
    .banners a{
        width:100%;
    }
}


#cb_3{
	/*margin-bottom:80px;*/
    background-image:url(https://route5.jp/wp-content/themes/oops_tcd048_child/img/top/kadai_bg.jpg);
    background-size:cover;
    background-position:center;
    padding:60px 0;
}


.l-link-header{
    height: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    background-color: #fff;
    padding:0 10px;
    box-sizing:border-box;
}
.l-link-header h1{
    font-size:11px;
    text-align: left;
}
.l-link-header a{
    display: flex;
    position: relative;
    height: 100%;
    justify-content: flex-end;
    align-items: center;
}
.l-link-header a img{
    position: relative;
    height: 16px;
    width: auto;
}
.l-link-header--sp{display: none;}

@media only screen and (max-width: 768px) {
    .l-link-header{
        display: none;
    }
    .l-link-header--sp{
        right: 55px;
        top:0;
        margin:24px 0;
        position: absolute;
        display: block;
        height:12px;
    }
}


/* footer カスタマイズ */
.l-footer--top{
    background-color:#1769b3 !important;
}
.l-footer--top .l-footer__inner{
    padding-bottom:0;
}
.l-footer--top .l-footer__inner .p-footer-blog{
    margin-bottom:0;
    border-bottom:none;
}
.l-footer--bottom{
    margin-bottom:60px;
}

.l-footer__info-wrap{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom:30px;
}

.l-footer__info-wrap .l-footer__logo{
    margin-bottom:0 !important;
    margin-left:5px;
    margin-right:5px;
}
.l-footer__info-wrap .l-footer__logo a{
    display: block;
}
.l-footer__info-wrap .l-footer__logo a img{
    vertical-align: inherit;
}

.l-footer__info-wrap .l-footer__contact-btn{
    display: block;
    border:solid 1px #fff;
    padding:5px 10px;
    font-size:12px;
    text-align:center;
    margin-left:5px;
    margin-right:5px;
    color:#fff;
    background-color: rgba(255,255,255,0.1);
}
.l-footer__info-wrap .l-footer__contact-btn:hover{
    background-color: rgba(255,255,255,0.3);
}

.p-copyright a{
    color:#fff;
    text-decoration:underline;
}
.p-copyright a:hover{
    opacity:0.8;
}

/* topページ：お問い合わせショーケース */
#cb_0.p-showcase{
    height:300px;
}
@media only screen and (max-width: 640px) {
    .p-showcase{
        height:auto;
    }

    #cb_0.p-showcase{
        height:200px;
    }

    #cb_5.p-showcase .p-index-content03__image {
        transform: none;
        top: auto;
        bottom: auto;
        position: relative;
        height: auto;
        width: 90%;
        margin-bottom:30px;
    }
    #cb_5.p-showcase .p-index-content03__image img{
        width:100%;
        height:auto;
        position: relative;
    }
}

@media only screen and (min-width: 768px) {
    #cb_0 .p-showcase__content {
        width:70%;
    }

    #cb_5.p-showcase .p-showcase__content{
        width:55%;
    }
    #cb_5.p-showcase .p-index-content03__image{
        width:42%;
    }
}



@media only screen and (min-width: 769px) {
    .l-header.l-header--large,
    .l-header{
        line-height: 60px;
        height: 90px !important;
    }
    .l-header, .l-header--large.is-active{
        height: 70px !important;
    }

    .l-header.l-header--large .l-header__inner,
    .l-header .l-header__inner{
        height: 60px;
        margin-top: 30px;
    }
    .l-header.l-header--large.is-active .l-link-header,
    .l-header.is-active .l-link-header{
        top:-30px;
    }
    .l-header.l-header--large.is-active .l-header__inner,
    .l-header.is-active .l-header__inner{
        margin-top:0;
    }
}


.p-global-nav .sub-menu a{
    background-color:#ffffff !important;
    color:#1b2a54;
}
.p-global-nav .sub-menu a:hover{
    background-color:#1b2a54 !important;
    color:#ffffff;
}
.l-header--large .p-global-nav > li > a:hover,
.p-global-nav > li > a:hover{
    background-color:#ffffff;
    color:#1b2a54 !important;
}


.l-footer-btn-wrap{
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    bottom:0;
    width:100%;
    height:60px;
    text-align:center;
    background-color:rgba(0,0,0,0.9);
    padding:10px 0;
    box-sizing: border-box;
    z-index:1000;
}
.l-footer-btn-wrap p{
    color:#fff;
    font-size:20px;
    font-weight:bold;
    margin:0 10px;
}

.l-footer-btn-wrap a.p-button{
    line-height: 40px;
    text-align: center;
    min-width: 220px;
    height: 40px;
    border-radius:0;
    border:solid 1px #333;
    padding: 0 15px;
    box-sizing: border-box;
    background: #dbbb21;
    color: #fff;
    margin:0 10px;
}
.l-footer-btn-wrap a.p-button:hover{
    background: #ba9f1a;
    color: #ffffff;
}
.l-footer-btn-wrap a.p-button.p-button--tel{
    background-color:#1769b3;
}
.l-footer-btn-wrap a.p-button.p-button--tel:hover{
    background-color: #1f5d8a;
}
@media only screen and (max-width: 640px) {

    .l-footer-btn-wrap{
        padding:10px 20px;
    }
    .l-footer-btn-wrap .l-footer-btn-wrap__comment{
        display: none;
    }

    .l-footer-btn-wrap a.p-button{
        min-width: auto;
        width:100%;
        margin:0 5px;
        padding:0 4px;
        font-size:12px;
        max-width: 180px;
    }
    .l-footer-btn-wrap a.p-button span{
        display: block;
        width:100%;
        position: relative;
    }
    .l-footer-btn-wrap a.p-button span i{
        margin-right:3px !important;
    }

    .p-pagetop{
        line-height: 40px !important;
        bottom: 60px !important;
    }
    .p-pagetop a{
        width: 40px !important;
        height: 40px !important;
    }
}


.p-index-content02__item-desc{
    min-height:none;
}


.p-table-service{
    position: relative;
}
.p-table-service .p-table_price{
    text-align:right;
    padding-right:2em;
}

.p-table-service th,
.p-table-service td{
    vertical-align:middle;
}

.p-table-service.p-table-service--plan thead tr th{
    background-color:#1769b3;
}
.p-table-service.p-table-service--example thead tr th{
    background-color:#1d2a55;
}


.style4a{
    margin-top:0;
}

/* ロゴサイズの調整  ----------------------------------------------------------------- */
.l-footer__logo img { width:200px; height:auto; }


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


.q_button.q_button--route5{
	background-color: #1769b3;
    color: #ffffff;
    box-sizing: border-box;
    border: solid 1px #1769b3;
}

.q_button.q_button--route5:hover{
	background-color:#ffffff;
	color:#1769b3 !important;
}