@charset "UTF-8";
/*!
 * Your awesome title 1.0.0
 * Copyright 2019 takeshi sugimori
 * Licensed under MIT (https://github.com/takeshi-du/finalcss/master/LICENSE)
 */
/*
* === Grid ===
*/
/*
* === Theme ===
*/
/*
* === Propaties ===
*/
/*
* === Button ===
*/
.btn-main {
  background-color: #000000; }

.btn-main:hover {
  background-color: black; }

.btn-outline-main {
  border: 1px solid #000000; }

.btn-outline-main:hover {
  background-color: black; }

.btn-sub {
  background-color: #2189D5; }

.btn-sub:hover {
  background-color: #1a6da9; }

.btn-outline-sub {
  border: 1px solid #2189D5; }

.btn-outline-sub:hover {
  background-color: #1a6da9; }

.btn-key {
  background-color: #FF3C00; }

.btn-key:hover {
  background-color: #cc3000; }

.btn-outline-key {
  border: 1px solid #FF3C00; }

.btn-outline-key:hover {
  background-color: #cc3000; }

.btn-transparent {
  background-color: transparent; }

.btn-transparent:hover {
  background-color: rgba(0, 0, 0, 0); }

.btn-outline-transparent {
  border: 1px solid transparent; }

.btn-outline-transparent:hover {
  background-color: rgba(0, 0, 0, 0); }

.btn-white {
  background-color: #fff; }

.btn-white:hover {
  background-color: #e6e6e6; }

.btn-outline-white {
  border: 1px solid #fff; }

.btn-outline-white:hover {
  background-color: #e6e6e6; }

.btn-light-w {
  background-color: #F8F8F8; }

.btn-light-w:hover {
  background-color: #dfdfdf; }

.btn-outline-light-w {
  border: 1px solid #F8F8F8; }

.btn-outline-light-w:hover {
  background-color: #dfdfdf; }

.btn-light {
  background-color: #EEEEEE; }

.btn-light:hover {
  background-color: #d5d5d5; }

.btn-outline-light {
  border: 1px solid #EEEEEE; }

.btn-outline-light:hover {
  background-color: #d5d5d5; }

.btn-light-b {
  background-color: #DCDCDC; }

.btn-light-b:hover {
  background-color: #c3c3c3; }

.btn-outline-light-b {
  border: 1px solid #DCDCDC; }

.btn-outline-light-b:hover {
  background-color: #c3c3c3; }

.btn-gray-w {
  background-color: #C0C0C0; }

.btn-gray-w:hover {
  background-color: #a7a7a7; }

.btn-outline-gray-w {
  border: 1px solid #C0C0C0; }

.btn-outline-gray-w:hover {
  background-color: #a7a7a7; }

.btn-gray {
  background-color: #A8A8A8; }

.btn-gray:hover {
  background-color: #8f8f8f; }

.btn-outline-gray {
  border: 1px solid #A8A8A8; }

.btn-outline-gray:hover {
  background-color: #8f8f8f; }

.btn-gray-b {
  background-color: #808080; }

.btn-gray-b:hover {
  background-color: #676767; }

.btn-outline-gray-b {
  border: 1px solid #808080; }

.btn-outline-gray-b:hover {
  background-color: #676767; }

.btn-dark-w {
  background-color: #606060; }

.btn-dark-w:hover {
  background-color: #474747; }

.btn-outline-dark-w {
  border: 1px solid #606060; }

.btn-outline-dark-w:hover {
  background-color: #474747; }

.btn-dark {
  background-color: #404040; }

.btn-dark:hover {
  background-color: #272727; }

.btn-outline-dark {
  border: 1px solid #404040; }

.btn-outline-dark:hover {
  background-color: #272727; }

.btn-dark-b {
  background-color: #202020; }

.btn-dark-b:hover {
  background-color: #070707; }

.btn-outline-dark-b {
  border: 1px solid #202020; }

.btn-outline-dark-b:hover {
  background-color: #070707; }

.btn-black {
  background-color: #000; }

.btn-black:hover {
  background-color: black; }

.btn-outline-black {
  border: 1px solid #000; }

.btn-outline-black:hover {
  background-color: black; }

.btn-facebook {
  background-color: #3b5998; }

.btn-facebook:hover {
  background-color: #2d4373; }

.btn-outline-facebook {
  border: 1px solid #3b5998; }

.btn-outline-facebook:hover {
  background-color: #2d4373; }

.btn-twitter {
  background-color: #1da1f2; }

.btn-twitter:hover {
  background-color: #0c85d0; }

.btn-outline-twitter {
  border: 1px solid #1da1f2; }

.btn-outline-twitter:hover {
  background-color: #0c85d0; }

.btn-hateb {
  background-color: #00a4de; }

.btn-hateb:hover {
  background-color: #007eab; }

.btn-outline-hateb {
  border: 1px solid #00a4de; }

.btn-outline-hateb:hover {
  background-color: #007eab; }

.btn-pocket {
  background-color: #ef4056; }

.btn-pocket:hover {
  background-color: #e9132e; }

.btn-outline-pocket {
  border: 1px solid #ef4056; }

.btn-outline-pocket:hover {
  background-color: #e9132e; }

.btn-feedly {
  background-color: #2bb24c; }

.btn-feedly:hover {
  background-color: #21893a; }

.btn-outline-feedly {
  border: 1px solid #2bb24c; }

.btn-outline-feedly:hover {
  background-color: #21893a; }

.btn-instagram {
  background-color: #fd1d1d; }

.btn-instagram:hover {
  background-color: #e50202; }

.btn-outline-instagram {
  border: 1px solid #fd1d1d; }

.btn-outline-instagram:hover {
  background-color: #e50202; }

/*
* === button-3d ===
*/
.btn-3d {
  border-bottom: solid 3px rgba(0, 0, 0, 0.2) !important; }

.btn-3d:hover {
  border-bottom-color: rgba(0, 0, 0, 0) !important; }

/*
* === btn-svg ===
*/
.btn-svg {
  position: relative; }

.btn-svg:after,
.btn-icon:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

/*
* === btn-size ===
*/
.btn-xs {
  padding: .2rem .4rem;
  font-size: .75rem;
  line-height: 1.5;
  border-radius: .2rem; }

.btn-xl {
  padding: 1rem 1.5rem;
  font-size: 1.5rem;
  line-height: 1.5;
  border-radius: .3rem; }

/*
* === form ===
*/
.c-select-reset {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-position: right 50%;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="utf-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="12" version="1"><path d="M4 8L0 4h8z"/></svg>');
  margin-right: -1px; }

/*
* === header ===
*/
.ec-layoutRole__header form, .ec-layoutRole__header nav, .ec-layoutRole__header .topbar, .ec-layoutRole__header .nav {
  display: none !important; }
.ec-layoutRole__header .block-heasder__logo {
  text-align: center; }
@media (min-width: 992px) {
  .ec-layoutRole__header form, .ec-layoutRole__header .nav {
    display: flex !important; }
  .ec-layoutRole__header nav, .ec-layoutRole__header .topbar {
    display: block !important; }
  .ec-layoutRole__header .block-heasder__logo {
    text-align: left; } }

/*
* === drawer ===
*/
.ec-drawerRole {
  color: #fff; }
  .ec-drawerRole a {
    color: #fff; }
  .ec-drawerRole form {
    display: flex; }
  .ec-drawerRole .block-heasder__logo {
    display: none; }

.ec-drawerRoleClose.is_active {
  display: flex !important; }

/*
* === animation ===
*/
.fade-in-left {
  animation: fade-in-left 500ms; }

.fade-in {
  display: block !important;
  animation: fade-in 500ms; }

.fade-in-right {
  animation: fade-in-left 500ms; }

.fade-in-left-first {
  animation: fade-in-left 300ms; }

.fade-in-first {
  animation: fade-in 300ms; }

.fade-in-right-first {
  display: block !important;
  animation: fade-in-left 300ms; }

.fade-in-left-slow {
  display: block !important;
  animation: fade-in-left 700ms; }

.fade-in-slow {
  display: block !important;
  animation: fade-in 700ms; }

.fade-in-right-slow {
  display: block !important;
  animation: fade-in-left 700ms; }

@keyframes fade-in-left {
  0% {
    opacity: 0;
    transform: translateX(-100%); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@keyframes fade-in-right {
  0% {
    opacity: 0;
    transform: translateX(100%); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
/*
* === slider ===
*/
.slick-dotted + .nav {
  margin-top: -30px; }

/*
* === title-line-1 ===
*/
.title-line-1 {
  position: relative; }

.title-line-1:before {
  content: "";
  display: block;
  border-top: 1px solid #000000;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  z-index: 1; }

.title-line-1 > .title {
  display: inline-block;
  position: relative;
  z-index: 5;
  padding-right: 15px;
  background-color: #fff; }

.title-line-1.ta-center > .title {
  padding-left: 15px; }

/*
* === title-line-2 ===
*/
.title-line-2 > .title {
  position: relative; }

.title-line-2.ta-center > .title:before {
  width: 60px;
  height: 1px;
  content: "";
  background: #000000;
  display: inline-block;
  margin-left: -48px;
  position: absolute;
  top: 50%;
  transform: translateX(-50%); }

.title-line-2 > .title:after {
  width: 60px;
  height: 1px;
  content: "";
  background: #000000;
  display: inline-block;
  margin-left: 48px;
  position: absolute;
  top: 50%;
  transform: translateX(-50%); }

/*
* === title-line-3 ===
*/
.title-line-3::after {
  content: "";
  display: block;
  width: 50px;
  height: 1px;
  margin-top: -1px;
  border-bottom: 1px solid #000000; }

.title-line-3.bdw-2::after {
  margin-top: -2px;
  border-width: 2px; }

.title-line-3.bdw-3::after {
  margin-top: -3px;
  border-width: 3px; }

.title-line-3.bdw-4::after {
  margin-top: -4px;
  border-width: 4px; }

.title-line-3.ta-center::after {
  margin-left: auto;
  margin-right: auto; }

/*
* === title-line-color ===
*/
.title-line-1.line-main:before,
.title-line-1.line-h-main:hover:before {
  border-color: #000000; }

.title-line-2.line-main.ta-center > .title:before,
.title-line-2.line-h-main.ta-center:hover > .title:before {
  background: #000000; }

.title-line-2.line-main > .title:after,
.title-line-2.line-h-main:hover > .title:after {
  background: #000000; }

.title-line-3.line-main:after,
.title-line-3.line-h-main:hover:after {
  border-color: #000000; }

.title-line-1.line-sub:before,
.title-line-1.line-h-sub:hover:before {
  border-color: #2189D5; }

.title-line-2.line-sub.ta-center > .title:before,
.title-line-2.line-h-sub.ta-center:hover > .title:before {
  background: #2189D5; }

.title-line-2.line-sub > .title:after,
.title-line-2.line-h-sub:hover > .title:after {
  background: #2189D5; }

.title-line-3.line-sub:after,
.title-line-3.line-h-sub:hover:after {
  border-color: #2189D5; }

.title-line-1.line-key:before,
.title-line-1.line-h-key:hover:before {
  border-color: #FF3C00; }

.title-line-2.line-key.ta-center > .title:before,
.title-line-2.line-h-key.ta-center:hover > .title:before {
  background: #FF3C00; }

.title-line-2.line-key > .title:after,
.title-line-2.line-h-key:hover > .title:after {
  background: #FF3C00; }

.title-line-3.line-key:after,
.title-line-3.line-h-key:hover:after {
  border-color: #FF3C00; }

.title-line-1.line-transparent:before,
.title-line-1.line-h-transparent:hover:before {
  border-color: transparent; }

.title-line-2.line-transparent.ta-center > .title:before,
.title-line-2.line-h-transparent.ta-center:hover > .title:before {
  background: transparent; }

.title-line-2.line-transparent > .title:after,
.title-line-2.line-h-transparent:hover > .title:after {
  background: transparent; }

.title-line-3.line-transparent:after,
.title-line-3.line-h-transparent:hover:after {
  border-color: transparent; }

.title-line-1.line-white:before,
.title-line-1.line-h-white:hover:before {
  border-color: #fff; }

.title-line-2.line-white.ta-center > .title:before,
.title-line-2.line-h-white.ta-center:hover > .title:before {
  background: #fff; }

.title-line-2.line-white > .title:after,
.title-line-2.line-h-white:hover > .title:after {
  background: #fff; }

.title-line-3.line-white:after,
.title-line-3.line-h-white:hover:after {
  border-color: #fff; }

.title-line-1.line-light-w:before,
.title-line-1.line-h-light-w:hover:before {
  border-color: #F8F8F8; }

.title-line-2.line-light-w.ta-center > .title:before,
.title-line-2.line-h-light-w.ta-center:hover > .title:before {
  background: #F8F8F8; }

.title-line-2.line-light-w > .title:after,
.title-line-2.line-h-light-w:hover > .title:after {
  background: #F8F8F8; }

.title-line-3.line-light-w:after,
.title-line-3.line-h-light-w:hover:after {
  border-color: #F8F8F8; }

.title-line-1.line-light:before,
.title-line-1.line-h-light:hover:before {
  border-color: #EEEEEE; }

.title-line-2.line-light.ta-center > .title:before,
.title-line-2.line-h-light.ta-center:hover > .title:before {
  background: #EEEEEE; }

.title-line-2.line-light > .title:after,
.title-line-2.line-h-light:hover > .title:after {
  background: #EEEEEE; }

.title-line-3.line-light:after,
.title-line-3.line-h-light:hover:after {
  border-color: #EEEEEE; }

.title-line-1.line-light-b:before,
.title-line-1.line-h-light-b:hover:before {
  border-color: #DCDCDC; }

.title-line-2.line-light-b.ta-center > .title:before,
.title-line-2.line-h-light-b.ta-center:hover > .title:before {
  background: #DCDCDC; }

.title-line-2.line-light-b > .title:after,
.title-line-2.line-h-light-b:hover > .title:after {
  background: #DCDCDC; }

.title-line-3.line-light-b:after,
.title-line-3.line-h-light-b:hover:after {
  border-color: #DCDCDC; }

.title-line-1.line-gray-w:before,
.title-line-1.line-h-gray-w:hover:before {
  border-color: #C0C0C0; }

.title-line-2.line-gray-w.ta-center > .title:before,
.title-line-2.line-h-gray-w.ta-center:hover > .title:before {
  background: #C0C0C0; }

.title-line-2.line-gray-w > .title:after,
.title-line-2.line-h-gray-w:hover > .title:after {
  background: #C0C0C0; }

.title-line-3.line-gray-w:after,
.title-line-3.line-h-gray-w:hover:after {
  border-color: #C0C0C0; }

.title-line-1.line-gray:before,
.title-line-1.line-h-gray:hover:before {
  border-color: #A8A8A8; }

.title-line-2.line-gray.ta-center > .title:before,
.title-line-2.line-h-gray.ta-center:hover > .title:before {
  background: #A8A8A8; }

.title-line-2.line-gray > .title:after,
.title-line-2.line-h-gray:hover > .title:after {
  background: #A8A8A8; }

.title-line-3.line-gray:after,
.title-line-3.line-h-gray:hover:after {
  border-color: #A8A8A8; }

.title-line-1.line-gray-b:before,
.title-line-1.line-h-gray-b:hover:before {
  border-color: #808080; }

.title-line-2.line-gray-b.ta-center > .title:before,
.title-line-2.line-h-gray-b.ta-center:hover > .title:before {
  background: #808080; }

.title-line-2.line-gray-b > .title:after,
.title-line-2.line-h-gray-b:hover > .title:after {
  background: #808080; }

.title-line-3.line-gray-b:after,
.title-line-3.line-h-gray-b:hover:after {
  border-color: #808080; }

.title-line-1.line-dark-w:before,
.title-line-1.line-h-dark-w:hover:before {
  border-color: #606060; }

.title-line-2.line-dark-w.ta-center > .title:before,
.title-line-2.line-h-dark-w.ta-center:hover > .title:before {
  background: #606060; }

.title-line-2.line-dark-w > .title:after,
.title-line-2.line-h-dark-w:hover > .title:after {
  background: #606060; }

.title-line-3.line-dark-w:after,
.title-line-3.line-h-dark-w:hover:after {
  border-color: #606060; }

.title-line-1.line-dark:before,
.title-line-1.line-h-dark:hover:before {
  border-color: #404040; }

.title-line-2.line-dark.ta-center > .title:before,
.title-line-2.line-h-dark.ta-center:hover > .title:before {
  background: #404040; }

.title-line-2.line-dark > .title:after,
.title-line-2.line-h-dark:hover > .title:after {
  background: #404040; }

.title-line-3.line-dark:after,
.title-line-3.line-h-dark:hover:after {
  border-color: #404040; }

.title-line-1.line-dark-b:before,
.title-line-1.line-h-dark-b:hover:before {
  border-color: #202020; }

.title-line-2.line-dark-b.ta-center > .title:before,
.title-line-2.line-h-dark-b.ta-center:hover > .title:before {
  background: #202020; }

.title-line-2.line-dark-b > .title:after,
.title-line-2.line-h-dark-b:hover > .title:after {
  background: #202020; }

.title-line-3.line-dark-b:after,
.title-line-3.line-h-dark-b:hover:after {
  border-color: #202020; }

.title-line-1.line-black:before,
.title-line-1.line-h-black:hover:before {
  border-color: #000; }

.title-line-2.line-black.ta-center > .title:before,
.title-line-2.line-h-black.ta-center:hover > .title:before {
  background: #000; }

.title-line-2.line-black > .title:after,
.title-line-2.line-h-black:hover > .title:after {
  background: #000; }

.title-line-3.line-black:after,
.title-line-3.line-h-black:hover:after {
  border-color: #000; }

/*
* === title-line-width ===
*/
.title-line-1.bdw-10::after,
.title-line-3.bdw-10::before {
  border-width: 10px !important; }

.title-line-2.bdw-10.ta-center > .title::before {
  height: 10px !important; }

.title-line-2.bdw-10 > .title::after {
  height: 10px !important; }

.title-line-1.bdw-9::after,
.title-line-3.bdw-9::before {
  border-width: 9px !important; }

.title-line-2.bdw-9.ta-center > .title::before {
  height: 9px !important; }

.title-line-2.bdw-9 > .title::after {
  height: 9px !important; }

.title-line-1.bdw-8::after,
.title-line-3.bdw-8::before {
  border-width: 8px !important; }

.title-line-2.bdw-8.ta-center > .title::before {
  height: 8px !important; }

.title-line-2.bdw-8 > .title::after {
  height: 8px !important; }

.title-line-1.bdw-7::after,
.title-line-3.bdw-7::before {
  border-width: 7px !important; }

.title-line-2.bdw-7.ta-center > .title::before {
  height: 7px !important; }

.title-line-2.bdw-7 > .title::after {
  height: 7px !important; }

.title-line-1.bdw-6::after,
.title-line-3.bdw-6::before {
  border-width: 6px !important; }

.title-line-2.bdw-6.ta-center > .title::before {
  height: 6px !important; }

.title-line-2.bdw-6 > .title::after {
  height: 6px !important; }

.title-line-1.bdw-5::after,
.title-line-3.bdw-5::before {
  border-width: 5px !important; }

.title-line-2.bdw-5.ta-center > .title::before {
  height: 5px !important; }

.title-line-2.bdw-5 > .title::after {
  height: 5px !important; }

.title-line-1.bdw-4::after,
.title-line-3.bdw-4::before {
  border-width: 4px !important; }

.title-line-2.bdw-4.ta-center > .title::before {
  height: 4px !important; }

.title-line-2.bdw-4 > .title::after {
  height: 4px !important; }

.title-line-1.bdw-3::after,
.title-line-3.bdw-3::before {
  border-width: 3px !important; }

.title-line-2.bdw-3.ta-center > .title::before {
  height: 3px !important; }

.title-line-2.bdw-3 > .title::after {
  height: 3px !important; }

.title-line-1.bdw-2::after,
.title-line-3.bdw-2::before {
  border-width: 2px !important; }

.title-line-2.bdw-2.ta-center > .title::before {
  height: 2px !important; }

.title-line-2.bdw-2 > .title::after {
  height: 2px !important; }

.title-line-1.bdw-1::after,
.title-line-3.bdw-1::before {
  border-width: 1px !important; }

.title-line-2.bdw-1.ta-center > .title::before {
  height: 1px !important; }

.title-line-2.bdw-1 > .title::after {
  height: 1px !important; }

/*
* === background ===
*/
.bgc-main,
.bgch-main:hover {
  background-color: #000000; }

.bgc-sub,
.bgch-sub:hover {
  background-color: #2189D5; }

.bgc-key,
.bgch-key:hover {
  background-color: #FF3C00; }

.bgc-transparent,
.bgch-transparent:hover {
  background-color: transparent; }

.bgc-white,
.bgch-white:hover {
  background-color: #fff; }

.bgc-light-w,
.bgch-light-w:hover {
  background-color: #F8F8F8; }

.bgc-light,
.bgch-light:hover {
  background-color: #EEEEEE; }

.bgc-light-b,
.bgch-light-b:hover {
  background-color: #DCDCDC; }

.bgc-gray-w,
.bgch-gray-w:hover {
  background-color: #C0C0C0; }

.bgc-gray,
.bgch-gray:hover {
  background-color: #A8A8A8; }

.bgc-gray-b,
.bgch-gray-b:hover {
  background-color: #808080; }

.bgc-dark-w,
.bgch-dark-w:hover {
  background-color: #606060; }

.bgc-dark,
.bgch-dark:hover {
  background-color: #404040; }

.bgc-dark-b,
.bgch-dark-b:hover {
  background-color: #202020; }

.bgc-black,
.bgch-black:hover {
  background-color: #000; }

.bgc-facebook,
.bgch-facebook:hover {
  background-color: #3b5998; }

.bgc-twitter,
.bgch-twitter:hover {
  background-color: #1da1f2; }

.bgc-hateb,
.bgch-hateb:hover {
  background-color: #00a4de; }

.bgc-pocket,
.bgch-pocket:hover {
  background-color: #ef4056; }

.bgc-feedly,
.bgch-feedly:hover {
  background-color: #2bb24c; }

.bgc-instagram,
.bgch-instagram:hover {
  background-color: #fd1d1d; }

.bgc-header,
.bgch-header:hover {
  background-color: #fff; }

.bgc-content,
.bgch-content:hover {
  background-color: #fff; }

.bgc-footer,
.bgch-footer:hover {
  background-color: #fff; }

.bgc-section,
.bgch-section:hover {
  background-color: #F9F9F7; }

[class^="bgi-"] {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1; }

.bgi-cover-center {
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important; }

.bgi-auto-center {
  background-position: center center !important;
  background-size: auto !important;
  background-repeat: no-repeat !important; }

.bgi-contain-center {
  background-position: center center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important; }

.bgi-cover-left {
  background-position: left center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important; }

.bgi-auto-left {
  background-position: left center !important;
  background-size: auto !important;
  background-repeat: no-repeat !important; }

.bgi-contain-left {
  background-position: left center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important; }

.bgi-cover-right {
  background-position: right center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important; }

.bgi-auto-right {
  background-position: right center !important;
  background-size: auto !important;
  background-repeat: no-repeat !important; }

.bgi-contain-right {
  background-position: right center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important; }

/*
* === border ===
*/
.bd,
.bdh:hover {
  border: 1px solid #ddd; }

.bdt,
.bdth:hover {
  border-top: 1px solid #ddd; }

.bdb,
.bdbh:hover {
  border-bottom: 1px solid #ddd; }

.bdl,
.bdlh:hover {
  border-left: 1px solid #ddd; }

.bdr,
.bdrh:hover {
  border-right: 1px solid #ddd; }

.bd-none {
  border: none; }

.bdrs-pill {
  border-radius: 50px; }

.bdrs-left-pill {
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px; }

.bdrs-right-pill {
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px; }

.bdrs-top-pill {
  border-top-left-radius: 50px;
  border-top-right-radius: 50px; }

.bdrs-bottom-pill {
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px; }

.bdrs-lg {
  border-radius: 12px; }

.bdrs-left-lg {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px; }

.bdrs-right-lg {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px; }

.bdrs-top-lg {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px; }

.bdrs-bottom-lg {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px; }

.bdrs-md {
  border-radius: 6px; }

.bdrs-left-md {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px; }

.bdrs-right-md {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px; }

.bdrs-top-md {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px; }

.bdrs-bottom-md {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px; }

.bdrs-sm {
  border-radius: 3px; }

.bdrs-left-sm {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px; }

.bdrs-right-sm {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px; }

.bdrs-top-sm {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }

.bdrs-bottom-sm {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px; }

.bdrs-0 {
  border-radius: 0; }

.bdrs-left-0 {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.bdrs-right-0 {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.bdrs-top-0 {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.bdrs-bottom-0 {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.bdrs-circle {
  border-radius: 50% !important; }

.bdw-10 {
  border-width: 10px !important; }

.bdw-9 {
  border-width: 9px !important; }

.bdw-8 {
  border-width: 8px !important; }

.bdw-7 {
  border-width: 7px !important; }

.bdw-6 {
  border-width: 6px !important; }

.bdw-5 {
  border-width: 5px !important; }

.bdw-4 {
  border-width: 4px !important; }

.bdw-3 {
  border-width: 3px !important; }

.bdw-2 {
  border-width: 2px !important; }

.bdw-1 {
  border-width: 1px !important; }

.bdc-main,
.bdch-main:hover {
  border-color: #000000; }

.bdc-sub,
.bdch-sub:hover {
  border-color: #2189D5; }

.bdc-key,
.bdch-key:hover {
  border-color: #FF3C00; }

.bdc-transparent,
.bdch-transparent:hover {
  border-color: transparent; }

.bdc-white,
.bdch-white:hover {
  border-color: #fff; }

.bdc-light-w,
.bdch-light-w:hover {
  border-color: #F8F8F8; }

.bdc-light,
.bdch-light:hover {
  border-color: #EEEEEE; }

.bdc-light-b,
.bdch-light-b:hover {
  border-color: #DCDCDC; }

.bdc-gray-w,
.bdch-gray-w:hover {
  border-color: #C0C0C0; }

.bdc-gray,
.bdch-gray:hover {
  border-color: #A8A8A8; }

.bdc-gray-b,
.bdch-gray-b:hover {
  border-color: #808080; }

.bdc-dark-w,
.bdch-dark-w:hover {
  border-color: #606060; }

.bdc-dark,
.bdch-dark:hover {
  border-color: #404040; }

.bdc-dark-b,
.bdch-dark-b:hover {
  border-color: #202020; }

.bdc-black,
.bdch-black:hover {
  border-color: #000; }

.bds-dashed {
  border-style: dashed !important; }

.bds-dotted {
  border-style: dotted !important; }

.bds-double {
  border-style: double !important; }

.bds-solid {
  border-style: solid !important; }

/*
* === box ===
*/
.w-15 {
  width: 18rem; }

.w-14 {
  width: 16rem; }

.w-13 {
  width: 14rem; }

.w-12 {
  width: 12rem; }

.w-11 {
  width: 10rem; }

.w-10 {
  width: 9rem; }

.w-9 {
  width: 8rem; }

.w-8 {
  width: 7rem; }

.w-7 {
  width: 6rem; }

.w-6 {
  width: 5rem; }

.w-5 {
  width: 4rem; }

.w-4 {
  width: 3rem; }

.w-3 {
  width: 2rem; }

.w-2 {
  width: 1.5rem; }

.w-1 {
  width: 1rem; }

.w-full {
  width: 100%; }

.w-auto {
  width: auto; }

@media (min-width: 992px) {
  .w-lg-15 {
    width: 18rem; }

  .w-lg-14 {
    width: 16rem; }

  .w-lg-13 {
    width: 14rem; }

  .w-lg-12 {
    width: 12rem; }

  .w-lg-11 {
    width: 10rem; }

  .w-lg-10 {
    width: 9rem; }

  .w-lg-9 {
    width: 8rem; }

  .w-lg-8 {
    width: 7rem; }

  .w-lg-7 {
    width: 6rem; }

  .w-lg-6 {
    width: 5rem; }

  .w-lg-5 {
    width: 4rem; }

  .w-lg-4 {
    width: 3rem; }

  .w-lg-3 {
    width: 2rem; }

  .w-lg-2 {
    width: 1.5rem; }

  .w-lg-1 {
    width: 1rem; }

  .w-lg-full {
    width: 100%; }

  .w-lg-auto {
    width: auto; } }
.h-15 {
  height: 18rem; }

.h-14 {
  height: 16rem; }

.h-13 {
  height: 14rem; }

.h-12 {
  height: 12rem; }

.h-11 {
  height: 10rem; }

.h-10 {
  height: 9rem; }

.h-9 {
  height: 8rem; }

.h-8 {
  height: 7rem; }

.h-7 {
  height: 6rem; }

.h-6 {
  height: 5rem; }

.h-5 {
  height: 4rem; }

.h-4 {
  height: 3rem; }

.h-3 {
  height: 2rem; }

.h-2 {
  height: 1.5rem; }

.h-1 {
  height: 1rem; }

.h-full {
  height: 100%; }

.h-auto {
  height: auto; }

@media (min-width: 992px) {
  .h-lg-15 {
    height: 18rem; }

  .h-lg-14 {
    height: 16rem; }

  .h-lg-13 {
    height: 14rem; }

  .h-lg-12 {
    height: 12rem; }

  .h-lg-11 {
    height: 10rem; }

  .h-lg-10 {
    height: 9rem; }

  .h-lg-9 {
    height: 8rem; }

  .h-lg-8 {
    height: 7rem; }

  .h-lg-7 {
    height: 6rem; }

  .h-lg-6 {
    height: 5rem; }

  .h-lg-5 {
    height: 4rem; }

  .h-lg-4 {
    height: 3rem; }

  .h-lg-3 {
    height: 2rem; }

  .h-lg-2 {
    height: 1.5rem; }

  .h-lg-1 {
    height: 1rem; }

  .h-lg-full {
    height: 100%; }

  .h-lg-auto {
    height: auto; } }
.bxsh-lg,
.bxshh-lg:hover {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175); }

.bxsh-md,
.bxshh-md:hover {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); }

.bxsh-sm,
.bxshh-sm:hover {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); }

.bxsh-0,
.bxshh-0:hover {
  box-shadow: none; }

img:focus {
  outline: none; }

/*
* === color ===
*/
body {
  color: #000000; }

a {
  color: #000000; }

a:hover {
  color: #000000;
  text-decoration: none; }

.section-dark * {
  color: #fff; }

.c-main,
.ch-main:hover {
  color: #000000; }

.c-sub,
.ch-sub:hover {
  color: #2189D5; }

.c-key,
.ch-key:hover {
  color: #FF3C00; }

.c-transparent,
.ch-transparent:hover {
  color: transparent; }

.c-white,
.ch-white:hover {
  color: #fff; }

.c-light-w,
.ch-light-w:hover {
  color: #F8F8F8; }

.c-light,
.ch-light:hover {
  color: #EEEEEE; }

.c-light-b,
.ch-light-b:hover {
  color: #DCDCDC; }

.c-gray-w,
.ch-gray-w:hover {
  color: #C0C0C0; }

.c-gray,
.ch-gray:hover {
  color: #A8A8A8; }

.c-gray-b,
.ch-gray-b:hover {
  color: #808080; }

.c-dark-w,
.ch-dark-w:hover {
  color: #606060; }

.c-dark,
.ch-dark:hover {
  color: #404040; }

.c-dark-b,
.ch-dark-b:hover {
  color: #202020; }

.c-black,
.ch-black:hover {
  color: #000; }

.c-title,
.ch-title:hover {
  color: #000000; }

.c-body,
.ch-body:hover {
  color: #000000; }

.c-meta,
.ch-meta:hover {
  color: #999999; }

.c-link,
.ch-link:hover {
  color: #000000; }

.fill-main,
.fillh-main:hover {
  fill: #000000; }

.fill-sub,
.fillh-sub:hover {
  fill: #2189D5; }

.fill-key,
.fillh-key:hover {
  fill: #FF3C00; }

.fill-transparent,
.fillh-transparent:hover {
  fill: transparent; }

.fill-white,
.fillh-white:hover {
  fill: #fff; }

.fill-light-w,
.fillh-light-w:hover {
  fill: #F8F8F8; }

.fill-light,
.fillh-light:hover {
  fill: #EEEEEE; }

.fill-light-b,
.fillh-light-b:hover {
  fill: #DCDCDC; }

.fill-gray-w,
.fillh-gray-w:hover {
  fill: #C0C0C0; }

.fill-gray,
.fillh-gray:hover {
  fill: #A8A8A8; }

.fill-gray-b,
.fillh-gray-b:hover {
  fill: #808080; }

.fill-dark-w,
.fillh-dark-w:hover {
  fill: #606060; }

.fill-dark,
.fillh-dark:hover {
  fill: #404040; }

.fill-dark-b,
.fillh-dark-b:hover {
  fill: #202020; }

.fill-black,
.fillh-black:hover {
  fill: #000; }

.op-10,
.oph-10:hover {
  opacity: 1; }

.op-8,
.oph-8:hover {
  opacity: 0.8; }

.op-6,
.oph-6:hover {
  opacity: 0.6; }

.op-4,
.oph-4:hover {
  opacity: 0.4; }

.op-2,
.oph-2:hover {
  opacity: 0.2; }

.op-0,
.oph-0:hover {
  opacity: 0; }

/*
* === font ===
*/
body {
  font-family: “游ゴシック Medium”, “Yu Gothic Medium”, 游ゴシック体, YuGothic, “ヒラギノ角ゴ Pro W3”, “Hiragino Kaku Gothic Pro”, メイリオ, Meiryo, “ＭＳ Ｐゴシック”, sans-serif !important; }

.ff-gothic {
  font-family: "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック体, YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif; }

.ff-mincho {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

html {
  font-size: 14px; }

.fz-15 {
  font-size: 4rem !important; }

.fz-14 {
  font-size: 3.6rem !important; }

.fz-13 {
  font-size: 3.2rem !important; }

.fz-12 {
  font-size: 2.8rem !important; }

.fz-11 {
  font-size: 2.4rem !important; }

.fz-10 {
  font-size: 2rem !important; }

.fz-9 {
  font-size: 1.8rem !important; }

.fz-8 {
  font-size: 1.6rem !important; }

.fz-7 {
  font-size: 1.4rem !important; }

.fz-6 {
  font-size: 1.2rem !important; }

.fz-5 {
  font-size: 1rem !important; }

.fz-4 {
  font-size: 0.9rem !important; }

.fz-3 {
  font-size: 0.8rem !important; }

.fz-2 {
  font-size: 0.7rem !important; }

.fz-1 {
  font-size: 0.6rem !important; }

.fw-bold {
  font-weight: bold; }

.fw-800 {
  font-weight: 800; }

.fw-400 {
  font-weight: 400; }

.fw-200 {
  font-weight: 200; }

.fw-100 {
  font-weight: 100; }

/*
* === lists ===
*/
.lis-none {
  list-style: none; }

.lisp-inside {
  list-style-position: inside; }

.lisp-outside {
  list-style-position: outside; }

.list-none {
  list-style-type: none; }

.list-disc {
  list-style-type: disc; }

.list-sircle {
  list-style-type: sircle; }

.list-square {
  list-style-type: square; }

.list-dicimal {
  list-style-type: dicimal; }

/*
* === Space(padding,margin) ===
*/
.m-15 {
  margin: 180px !important; }

.mt-15,
.my-15 {
  margin-top: 180px !important; }

.mr-15,
.mx-15 {
  margin-right: 180px !important; }

.mb-15,
.my-15 {
  margin-bottom: 180px !important; }

.ml-15,
.mx-15 {
  margin-left: 180px !important; }

.m-14 {
  margin: 150px !important; }

.mt-14,
.my-14 {
  margin-top: 150px !important; }

.mr-14,
.mx-14 {
  margin-right: 150px !important; }

.mb-14,
.my-14 {
  margin-bottom: 150px !important; }

.ml-14,
.mx-14 {
  margin-left: 150px !important; }

.m-13 {
  margin: 120px !important; }

.mt-13,
.my-13 {
  margin-top: 120px !important; }

.mr-13,
.mx-13 {
  margin-right: 120px !important; }

.mb-13,
.my-13 {
  margin-bottom: 120px !important; }

.ml-13,
.mx-13 {
  margin-left: 120px !important; }

.m-12 {
  margin: 100px !important; }

.mt-12,
.my-12 {
  margin-top: 100px !important; }

.mr-12,
.mx-12 {
  margin-right: 100px !important; }

.mb-12,
.my-12 {
  margin-bottom: 100px !important; }

.ml-12,
.mx-12 {
  margin-left: 100px !important; }

.m-11 {
  margin: 80px !important; }

.mt-11,
.my-11 {
  margin-top: 80px !important; }

.mr-11,
.mx-11 {
  margin-right: 80px !important; }

.mb-11,
.my-11 {
  margin-bottom: 80px !important; }

.ml-11,
.mx-11 {
  margin-left: 80px !important; }

.m-10 {
  margin: 60px !important; }

.mt-10,
.my-10 {
  margin-top: 60px !important; }

.mr-10,
.mx-10 {
  margin-right: 60px !important; }

.mb-10,
.my-10 {
  margin-bottom: 60px !important; }

.ml-10,
.mx-10 {
  margin-left: 60px !important; }

.m-9 {
  margin: 50px !important; }

.mt-9,
.my-9 {
  margin-top: 50px !important; }

.mr-9,
.mx-9 {
  margin-right: 50px !important; }

.mb-9,
.my-9 {
  margin-bottom: 50px !important; }

.ml-9,
.mx-9 {
  margin-left: 50px !important; }

.m-8 {
  margin: 40px !important; }

.mt-8,
.my-8 {
  margin-top: 40px !important; }

.mr-8,
.mx-8 {
  margin-right: 40px !important; }

.mb-8,
.my-8 {
  margin-bottom: 40px !important; }

.ml-8,
.mx-8 {
  margin-left: 40px !important; }

.m-7 {
  margin: 30px !important; }

.mt-7,
.my-7 {
  margin-top: 30px !important; }

.mr-7,
.mx-7 {
  margin-right: 30px !important; }

.mb-7,
.my-7 {
  margin-bottom: 30px !important; }

.ml-7,
.mx-7 {
  margin-left: 30px !important; }

.m-6 {
  margin: 25px !important; }

.mt-6,
.my-6 {
  margin-top: 25px !important; }

.mr-6,
.mx-6 {
  margin-right: 25px !important; }

.mb-6,
.my-6 {
  margin-bottom: 25px !important; }

.ml-6,
.mx-6 {
  margin-left: 25px !important; }

.m-5 {
  margin: 20px !important; }

.mt-5,
.my-5 {
  margin-top: 20px !important; }

.mr-5,
.mx-5 {
  margin-right: 20px !important; }

.mb-5,
.my-5 {
  margin-bottom: 20px !important; }

.ml-5,
.mx-5 {
  margin-left: 20px !important; }

.m-4 {
  margin: 15px !important; }

.mt-4,
.my-4 {
  margin-top: 15px !important; }

.mr-4,
.mx-4 {
  margin-right: 15px !important; }

.mb-4,
.my-4 {
  margin-bottom: 15px !important; }

.ml-4,
.mx-4 {
  margin-left: 15px !important; }

.m-3 {
  margin: 10px !important; }

.mt-3,
.my-3 {
  margin-top: 10px !important; }

.mr-3,
.mx-3 {
  margin-right: 10px !important; }

.mb-3,
.my-3 {
  margin-bottom: 10px !important; }

.ml-3,
.mx-3 {
  margin-left: 10px !important; }

.m-2 {
  margin: 5px !important; }

.mt-2,
.my-2 {
  margin-top: 5px !important; }

.mr-2,
.mx-2 {
  margin-right: 5px !important; }

.mb-2,
.my-2 {
  margin-bottom: 5px !important; }

.ml-2,
.mx-2 {
  margin-left: 5px !important; }

.m-1 {
  margin: 3px !important; }

.mt-1,
.my-1 {
  margin-top: 3px !important; }

.mr-1,
.mx-1 {
  margin-right: 3px !important; }

.mb-1,
.my-1 {
  margin-bottom: 3px !important; }

.ml-1,
.mx-1 {
  margin-left: 3px !important; }

.m-0 {
  margin: 0 !important; }

.mt-0,
.my-0 {
  margin-top: 0 !important; }

.mr-0,
.mx-0 {
  margin-right: 0 !important; }

.mb-0,
.my-0 {
  margin-bottom: 0 !important; }

.ml-0,
.mx-0 {
  margin-left: 0 !important; }

.p-15 {
  padding: 180px !important; }

.pt-15,
.py-15 {
  padding-top: 180px !important; }

.pr-15,
.px-15 {
  padding-right: 180px !important; }

.pb-15,
.py-15 {
  padding-bottom: 180px !important; }

.pl-15,
.px-15 {
  padding-left: 180px !important; }

.p-14 {
  padding: 150px !important; }

.pt-14,
.py-14 {
  padding-top: 150px !important; }

.pr-14,
.px-14 {
  padding-right: 150px !important; }

.pb-14,
.py-14 {
  padding-bottom: 150px !important; }

.pl-14,
.px-14 {
  padding-left: 150px !important; }

.p-13 {
  padding: 120px !important; }

.pt-13,
.py-13 {
  padding-top: 120px !important; }

.pr-13,
.px-13 {
  padding-right: 120px !important; }

.pb-13,
.py-13 {
  padding-bottom: 120px !important; }

.pl-13,
.px-13 {
  padding-left: 120px !important; }

.p-12 {
  padding: 100px !important; }

.pt-12,
.py-12 {
  padding-top: 100px !important; }

.pr-12,
.px-12 {
  padding-right: 100px !important; }

.pb-12,
.py-12 {
  padding-bottom: 100px !important; }

.pl-12,
.px-12 {
  padding-left: 100px !important; }

.p-11 {
  padding: 80px !important; }

.pt-11,
.py-11 {
  padding-top: 80px !important; }

.pr-11,
.px-11 {
  padding-right: 80px !important; }

.pb-11,
.py-11 {
  padding-bottom: 80px !important; }

.pl-11,
.px-11 {
  padding-left: 80px !important; }

.p-10 {
  padding: 60px !important; }

.pt-10,
.py-10 {
  padding-top: 60px !important; }

.pr-10,
.px-10 {
  padding-right: 60px !important; }

.pb-10,
.py-10 {
  padding-bottom: 60px !important; }

.pl-10,
.px-10 {
  padding-left: 60px !important; }

.p-9 {
  padding: 50px !important; }

.pt-9,
.py-9 {
  padding-top: 50px !important; }

.pr-9,
.px-9 {
  padding-right: 50px !important; }

.pb-9,
.py-9 {
  padding-bottom: 50px !important; }

.pl-9,
.px-9 {
  padding-left: 50px !important; }

.p-8 {
  padding: 40px !important; }

.pt-8,
.py-8 {
  padding-top: 40px !important; }

.pr-8,
.px-8 {
  padding-right: 40px !important; }

.pb-8,
.py-8 {
  padding-bottom: 40px !important; }

.pl-8,
.px-8 {
  padding-left: 40px !important; }

.p-7 {
  padding: 30px !important; }

.pt-7,
.py-7 {
  padding-top: 30px !important; }

.pr-7,
.px-7 {
  padding-right: 30px !important; }

.pb-7,
.py-7 {
  padding-bottom: 30px !important; }

.pl-7,
.px-7 {
  padding-left: 30px !important; }

.p-6 {
  padding: 25px !important; }

.pt-6,
.py-6 {
  padding-top: 25px !important; }

.pr-6,
.px-6 {
  padding-right: 25px !important; }

.pb-6,
.py-6 {
  padding-bottom: 25px !important; }

.pl-6,
.px-6 {
  padding-left: 25px !important; }

.p-5 {
  padding: 20px !important; }

.pt-5,
.py-5 {
  padding-top: 20px !important; }

.pr-5,
.px-5 {
  padding-right: 20px !important; }

.pb-5,
.py-5 {
  padding-bottom: 20px !important; }

.pl-5,
.px-5 {
  padding-left: 20px !important; }

.p-4 {
  padding: 15px !important; }

.pt-4,
.py-4 {
  padding-top: 15px !important; }

.pr-4,
.px-4 {
  padding-right: 15px !important; }

.pb-4,
.py-4 {
  padding-bottom: 15px !important; }

.pl-4,
.px-4 {
  padding-left: 15px !important; }

.p-3 {
  padding: 10px !important; }

.pt-3,
.py-3 {
  padding-top: 10px !important; }

.pr-3,
.px-3 {
  padding-right: 10px !important; }

.pb-3,
.py-3 {
  padding-bottom: 10px !important; }

.pl-3,
.px-3 {
  padding-left: 10px !important; }

.p-2 {
  padding: 5px !important; }

.pt-2,
.py-2 {
  padding-top: 5px !important; }

.pr-2,
.px-2 {
  padding-right: 5px !important; }

.pb-2,
.py-2 {
  padding-bottom: 5px !important; }

.pl-2,
.px-2 {
  padding-left: 5px !important; }

.p-1 {
  padding: 3px !important; }

.pt-1,
.py-1 {
  padding-top: 3px !important; }

.pr-1,
.px-1 {
  padding-right: 3px !important; }

.pb-1,
.py-1 {
  padding-bottom: 3px !important; }

.pl-1,
.px-1 {
  padding-left: 3px !important; }

.p-0 {
  padding: 0 !important; }

.pt-0,
.py-0 {
  padding-top: 0 !important; }

.pr-0,
.px-0 {
  padding-right: 0 !important; }

.pb-0,
.py-0 {
  padding-bottom: 0 !important; }

.pl-0,
.px-0 {
  padding-left: 0 !important; }

.m-auto {
  margin: auto !important; }

.mt-auto,
.my-auto {
  margin-top: auto !important; }

.mr-auto,
.mx-auto {
  margin-right: auto !important; }

.mb-auto,
.my-auto {
  margin-bottom: auto !important; }

.ml-auto,
.mx-auto {
  margin-left: auto !important; }

@media (min-width: 992px) {
  .m-lg-15 {
    margin: 180px !important; }

  .mt-lg-15,
  .my-lg-15 {
    margin-top: 180px !important; }

  .mr-lg-15,
  .mx-lg-15 {
    margin-right: 180px !important; }

  .mb-lg-15,
  .my-lg-15 {
    margin-bottom: 180px !important; }

  .ml-lg-15,
  .mx-lg-15 {
    margin-left: 180px !important; }

  .m-lg-14 {
    margin: 150px !important; }

  .mt-lg-14,
  .my-lg-14 {
    margin-top: 150px !important; }

  .mr-lg-14,
  .mx-lg-14 {
    margin-right: 150px !important; }

  .mb-lg-14,
  .my-lg-14 {
    margin-bottom: 150px !important; }

  .ml-lg-14,
  .mx-lg-14 {
    margin-left: 150px !important; }

  .m-lg-13 {
    margin: 120px !important; }

  .mt-lg-13,
  .my-lg-13 {
    margin-top: 120px !important; }

  .mr-lg-13,
  .mx-lg-13 {
    margin-right: 120px !important; }

  .mb-lg-13,
  .my-lg-13 {
    margin-bottom: 120px !important; }

  .ml-lg-13,
  .mx-lg-13 {
    margin-left: 120px !important; }

  .m-lg-12 {
    margin: 100px !important; }

  .mt-lg-12,
  .my-lg-12 {
    margin-top: 100px !important; }

  .mr-lg-12,
  .mx-lg-12 {
    margin-right: 100px !important; }

  .mb-lg-12,
  .my-lg-12 {
    margin-bottom: 100px !important; }

  .ml-lg-12,
  .mx-lg-12 {
    margin-left: 100px !important; }

  .m-lg-11 {
    margin: 80px !important; }

  .mt-lg-11,
  .my-lg-11 {
    margin-top: 80px !important; }

  .mr-lg-11,
  .mx-lg-11 {
    margin-right: 80px !important; }

  .mb-lg-11,
  .my-lg-11 {
    margin-bottom: 80px !important; }

  .ml-lg-11,
  .mx-lg-11 {
    margin-left: 80px !important; }

  .m-lg-10 {
    margin: 60px !important; }

  .mt-lg-10,
  .my-lg-10 {
    margin-top: 60px !important; }

  .mr-lg-10,
  .mx-lg-10 {
    margin-right: 60px !important; }

  .mb-lg-10,
  .my-lg-10 {
    margin-bottom: 60px !important; }

  .ml-lg-10,
  .mx-lg-10 {
    margin-left: 60px !important; }

  .m-lg-9 {
    margin: 50px !important; }

  .mt-lg-9,
  .my-lg-9 {
    margin-top: 50px !important; }

  .mr-lg-9,
  .mx-lg-9 {
    margin-right: 50px !important; }

  .mb-lg-9,
  .my-lg-9 {
    margin-bottom: 50px !important; }

  .ml-lg-9,
  .mx-lg-9 {
    margin-left: 50px !important; }

  .m-lg-8 {
    margin: 40px !important; }

  .mt-lg-8,
  .my-lg-8 {
    margin-top: 40px !important; }

  .mr-lg-8,
  .mx-lg-8 {
    margin-right: 40px !important; }

  .mb-lg-8,
  .my-lg-8 {
    margin-bottom: 40px !important; }

  .ml-lg-8,
  .mx-lg-8 {
    margin-left: 40px !important; }

  .m-lg-7 {
    margin: 30px !important; }

  .mt-lg-7,
  .my-lg-7 {
    margin-top: 30px !important; }

  .mr-lg-7,
  .mx-lg-7 {
    margin-right: 30px !important; }

  .mb-lg-7,
  .my-lg-7 {
    margin-bottom: 30px !important; }

  .ml-lg-7,
  .mx-lg-7 {
    margin-left: 30px !important; }

  .m-lg-6 {
    margin: 25px !important; }

  .mt-lg-6,
  .my-lg-6 {
    margin-top: 25px !important; }

  .mr-lg-6,
  .mx-lg-6 {
    margin-right: 25px !important; }

  .mb-lg-6,
  .my-lg-6 {
    margin-bottom: 25px !important; }

  .ml-lg-6,
  .mx-lg-6 {
    margin-left: 25px !important; }

  .m-lg-5 {
    margin: 20px !important; }

  .mt-lg-5,
  .my-lg-5 {
    margin-top: 20px !important; }

  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 20px !important; }

  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 20px !important; }

  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 20px !important; }

  .m-lg-4 {
    margin: 15px !important; }

  .mt-lg-4,
  .my-lg-4 {
    margin-top: 15px !important; }

  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 15px !important; }

  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 15px !important; }

  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 15px !important; }

  .m-lg-3 {
    margin: 10px !important; }

  .mt-lg-3,
  .my-lg-3 {
    margin-top: 10px !important; }

  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 10px !important; }

  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 10px !important; }

  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 10px !important; }

  .m-lg-2 {
    margin: 5px !important; }

  .mt-lg-2,
  .my-lg-2 {
    margin-top: 5px !important; }

  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 5px !important; }

  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 5px !important; }

  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 5px !important; }

  .m-lg-1 {
    margin: 3px !important; }

  .mt-lg-1,
  .my-lg-1 {
    margin-top: 3px !important; }

  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 3px !important; }

  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 3px !important; }

  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 3px !important; }

  .m-lg-0 {
    margin: 0 !important; }

  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important; }

  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important; }

  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important; }

  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important; }

  .p-lg-15 {
    padding: 180px !important; }

  .pt-lg-15,
  .py-lg-15 {
    padding-top: 180px !important; }

  .pr-lg-15,
  .px-lg-15 {
    padding-right: 180px !important; }

  .pb-lg-15,
  .py-lg-15 {
    padding-bottom: 180px !important; }

  .pl-lg-15,
  .px-lg-15 {
    padding-left: 180px !important; }

  .p-lg-14 {
    padding: 150px !important; }

  .pt-lg-14,
  .py-lg-14 {
    padding-top: 150px !important; }

  .pr-lg-14,
  .px-lg-14 {
    padding-right: 150px !important; }

  .pb-lg-14,
  .py-lg-14 {
    padding-bottom: 150px !important; }

  .pl-lg-14,
  .px-lg-14 {
    padding-left: 150px !important; }

  .p-lg-13 {
    padding: 120px !important; }

  .pt-lg-13,
  .py-lg-13 {
    padding-top: 120px !important; }

  .pr-lg-13,
  .px-lg-13 {
    padding-right: 120px !important; }

  .pb-lg-13,
  .py-lg-13 {
    padding-bottom: 120px !important; }

  .pl-lg-13,
  .px-lg-13 {
    padding-left: 120px !important; }

  .p-lg-12 {
    padding: 100px !important; }

  .pt-lg-12,
  .py-lg-12 {
    padding-top: 100px !important; }

  .pr-lg-12,
  .px-lg-12 {
    padding-right: 100px !important; }

  .pb-lg-12,
  .py-lg-12 {
    padding-bottom: 100px !important; }

  .pl-lg-12,
  .px-lg-12 {
    padding-left: 100px !important; }

  .p-lg-11 {
    padding: 80px !important; }

  .pt-lg-11,
  .py-lg-11 {
    padding-top: 80px !important; }

  .pr-lg-11,
  .px-lg-11 {
    padding-right: 80px !important; }

  .pb-lg-11,
  .py-lg-11 {
    padding-bottom: 80px !important; }

  .pl-lg-11,
  .px-lg-11 {
    padding-left: 80px !important; }

  .p-lg-10 {
    padding: 60px !important; }

  .pt-lg-10,
  .py-lg-10 {
    padding-top: 60px !important; }

  .pr-lg-10,
  .px-lg-10 {
    padding-right: 60px !important; }

  .pb-lg-10,
  .py-lg-10 {
    padding-bottom: 60px !important; }

  .pl-lg-10,
  .px-lg-10 {
    padding-left: 60px !important; }

  .p-lg-9 {
    padding: 50px !important; }

  .pt-lg-9,
  .py-lg-9 {
    padding-top: 50px !important; }

  .pr-lg-9,
  .px-lg-9 {
    padding-right: 50px !important; }

  .pb-lg-9,
  .py-lg-9 {
    padding-bottom: 50px !important; }

  .pl-lg-9,
  .px-lg-9 {
    padding-left: 50px !important; }

  .p-lg-8 {
    padding: 40px !important; }

  .pt-lg-8,
  .py-lg-8 {
    padding-top: 40px !important; }

  .pr-lg-8,
  .px-lg-8 {
    padding-right: 40px !important; }

  .pb-lg-8,
  .py-lg-8 {
    padding-bottom: 40px !important; }

  .pl-lg-8,
  .px-lg-8 {
    padding-left: 40px !important; }

  .p-lg-7 {
    padding: 30px !important; }

  .pt-lg-7,
  .py-lg-7 {
    padding-top: 30px !important; }

  .pr-lg-7,
  .px-lg-7 {
    padding-right: 30px !important; }

  .pb-lg-7,
  .py-lg-7 {
    padding-bottom: 30px !important; }

  .pl-lg-7,
  .px-lg-7 {
    padding-left: 30px !important; }

  .p-lg-6 {
    padding: 25px !important; }

  .pt-lg-6,
  .py-lg-6 {
    padding-top: 25px !important; }

  .pr-lg-6,
  .px-lg-6 {
    padding-right: 25px !important; }

  .pb-lg-6,
  .py-lg-6 {
    padding-bottom: 25px !important; }

  .pl-lg-6,
  .px-lg-6 {
    padding-left: 25px !important; }

  .p-lg-5 {
    padding: 20px !important; }

  .pt-lg-5,
  .py-lg-5 {
    padding-top: 20px !important; }

  .pr-lg-5,
  .px-lg-5 {
    padding-right: 20px !important; }

  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 20px !important; }

  .pl-lg-5,
  .px-lg-5 {
    padding-left: 20px !important; }

  .p-lg-4 {
    padding: 15px !important; }

  .pt-lg-4,
  .py-lg-4 {
    padding-top: 15px !important; }

  .pr-lg-4,
  .px-lg-4 {
    padding-right: 15px !important; }

  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 15px !important; }

  .pl-lg-4,
  .px-lg-4 {
    padding-left: 15px !important; }

  .p-lg-3 {
    padding: 10px !important; }

  .pt-lg-3,
  .py-lg-3 {
    padding-top: 10px !important; }

  .pr-lg-3,
  .px-lg-3 {
    padding-right: 10px !important; }

  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 10px !important; }

  .pl-lg-3,
  .px-lg-3 {
    padding-left: 10px !important; }

  .p-lg-2 {
    padding: 5px !important; }

  .pt-lg-2,
  .py-lg-2 {
    padding-top: 5px !important; }

  .pr-lg-2,
  .px-lg-2 {
    padding-right: 5px !important; }

  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 5px !important; }

  .pl-lg-2,
  .px-lg-2 {
    padding-left: 5px !important; }

  .p-lg-1 {
    padding: 3px !important; }

  .pt-lg-1,
  .py-lg-1 {
    padding-top: 3px !important; }

  .pr-lg-1,
  .px-lg-1 {
    padding-right: 3px !important; }

  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 3px !important; }

  .pl-lg-1,
  .px-lg-1 {
    padding-left: 3px !important; }

  .p-lg-0 {
    padding: 0 !important; }

  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important; }

  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important; }

  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important; }

  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important; }

  .m-lg-auto {
    margin: auto !important; }

  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important; }

  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important; }

  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important; }

  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important; } }
/*
* === text ===
*/
.ta-center {
  text-align: center; }

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

.ta-right {
  text-align: right; }

@media (min-width: 992px) {
  .ta-lg-center {
    text-align: center; }

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

  .ta-lg-right {
    text-align: right; } }
a:hover {
  text-decoration: none; }

.td-none,
.tdh-none:hover {
  text-decoration: none; }

.td-underline,
.tdh-underline:hover {
  text-decoration: underline; }

.td-line-through,
.tdh-line-through:hover {
  text-decoration: line-through; }

.lh-5 {
  line-height: 2.1; }

.lh-4 {
  line-height: 1.8; }

.lh-3 {
  line-height: 1.5; }

.lh-2 {
  line-height: 1.2; }

.lh-1 {
  line-height: 1; }

.wob-keep-all {
  word-break: keep-all; }

.wob-break-all {
  word-break: break-all; }

/*
* === transition ===
*/
a {
  transition: 300ms ease; }

.trs-ease-fast {
  transition: 300ms ease; }

.trs-ease {
  transition: 500ms ease; }

.trs-ease-slow {
  transition: 700ms ease; }

.trs-easeout-fast {
  transition: 300ms ease-out; }

.trs-easeout {
  transition: 500ms ease-out; }

.trs-easeout-slow {
  transition: 700ms ease-out; }

/*
* === position ===
*/
.pos-relative {
  position: relative;
  z-index: 1; }

.pos-absolute {
  position: absolute; }

.pos-fixed {
  position: fixed; }

.pos-1 {
  top: 0;
  left: 0;
  transform: none; }

.pos-2 {
  top: 0;
  left: 50%;
  transform: translateX(-50%); }

.pos-3 {
  top: 0;
  right: 0;
  transform: none; }

.pos-4 {
  top: 50%;
  transform: translateY(-50%);
  left: 0; }

.pos-5 {
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%; }

.pos-6 {
  top: 50%;
  transform: translateY(-50%);
  right: 0; }

.pos-7 {
  bottom: 0;
  left: 0;
  transform: none; }

.pos-8 {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%); }

.pos-9 {
  bottom: 0;
  right: 0;
  transform: none; }

@media (min-width: 992px) {
  .pos-lg-relative {
    position: relative;
    z-index: 1; }

  .pos-lg-absolute {
    position: absolute; }

  .pos-lg-fixed {
    position: fixed; }

  .pos-lg-1 {
    top: 0;
    left: 0;
    transform: none; }

  .pos-lg-2 {
    top: 0;
    left: 50%;
    transform: translateX(-50%); }

  .pos-lg-3 {
    top: 0;
    right: 0;
    transform: none; }

  .pos-lg-4 {
    top: 50%;
    transform: translateY(-50%);
    left: 0; }

  .pos-lg-5 {
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%; }

  .pos-lg-6 {
    top: 50%;
    transform: translateY(-50%);
    right: 0; }

  .pos-lg-7 {
    bottom: 0;
    left: 0;
    transform: none; }

  .pos-lg-8 {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%); }

  .pos-lg-9 {
    bottom: 0;
    right: 0;
    transform: none; } }
/*
* === overflow ===
*/
.ov-hidden {
  overflow: hidden; }

.ov-visible {
  overflow: visible; }

.ov-scroll {
  overflow: scroll; }

.ovx-hidden {
  overflow-x: hidden; }

.ovx-visible {
  overflow-x: visible; }

.ovx-scroll {
  overflow-x: scroll; }

.ovy-hidden {
  overflow-y: hidden; }

.ovy-visible {
  overflow-y: visible; }

.ovy-scroll {
  overflow-y: scroll; }

@media (min-width: 992px) {
  .ov-lg-hidden {
    overflow: hidden; }

  .ov-lg-visible {
    overflow: visible; }

  .ov-lg-scroll {
    overflow: scroll; }

  .ovx-lg-hidden {
    overflow-x: hidden; }

  .ovx-lg-visible {
    overflow-x: visible; }

  .ovx-lg-scroll {
    overflow-x: scroll; }

  .ovy-lg-hidden {
    overflow-y: hidden; }

  .ovy-lg-visible {
    overflow-y: visible; }

  .ovy-lg-scroll {
    overflow-y: scroll; } }
/*
* === cursor ===
*/
.cur-pointer {
  cursor: pointer; }