/*----------------------------------
	Common HTML elements and more for easier usage
------------------------------------*/

html {
	overflow-x: hidden;
}

html,
html a,
body {
	-webkit-font-smoothing: antialiased;
}

html {
	font-size: 16px;
	-webkit-tap-highlight-color: transparent;
}

body {
	background-color: #f9f9fa;
	font-size: 1rem;
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", -apple-system, BlinkMacSystemFont, "Helvetica Neue","游ゴシック Medium", YuGothic, YuGothicM, メイリオ, Meiryo, sans-serif;
	color: #222324;
	line-height: 1.6;
	letter-spacing: .1em;
}

/* Typography */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 400;
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", -apple-system, BlinkMacSystemFont, "Helvetica Neue","游ゴシック Medium", YuGothic, YuGothicM, メイリオ, Meiryo, sans-serif;
	line-height: 1.2;
	color: #242424;
	margin-top: 0;
	margin-bottom: 0.75rem;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: #242424;
	-webkit-transition-duration: 200ms;
	transition-duration: 200ms;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

h1 a:focus,
h1 a:hover,
h2 a:focus,
h2 a:hover,
h3 a:focus,
h3 a:hover,
h4 a:focus,
h4 a:hover,
h5 a:focus,
h5 a:hover,
h6 a:focus,
h6 a:hover {
	color: rgb(191,54,12);
	-webkit-transition-duration: 200ms;
	transition-duration: 200ms;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

h1 {
	font-size: 2.5rem;
}

h2 {
	font-size: 2rem;
}

h3 {
	font-size: 1.75rem;
}

h4 {
	font-size: 1.5rem;
}

h5 {
	font-size: 1.25rem;
}

h6 {
	font-size: 1rem;
}

em,
li {
	font-size: 1rem;
	font-weight: 300;
	color: #242424;
}

em > a,
li > a {
	color: #242424;
}

em > a:hover,
li > a:hover {
	color: rgb(191,54,12);
}

small {
	color: #656565;
}

label {
	font-size: 0.8125rem;
	font-weight: 700;
	color: #242424;
	margin-bottom: .25rem;
}

i {
	line-height: 1;
}

/* Paragraph */

p {
	font-size: 0.9375rem;
	font-weight: 300;
	color: #656565;
	line-height: 1.6;
	margin-top: 0;
	margin-bottom: 1rem;
}

/* Links */

a {
	color: rgb(191,54,12);
	text-decoration: none;
}

a:focus,
a:hover {
	color: rgb(182,89,19);
	text-decoration: none;
}

a:focus {
	outline: none;
}

/*----------------------------------
  Selection
------------------------------------*/

::-moz-selection {
	color: #fff;
	background: rgba(191,54,12, .2);
	text-shadow: none;
}

::selection {
	color: #fff;
	background: rgba(191,54,12, .2);
	text-shadow: none;
}

::-webkit-selection {
	color: #fff;
	background: rgba(191,54,12, .2);
	text-shadow: none;
}

:active,
:focus {
	outline: none;
}

/*----------------------------------
  Button
------------------------------------*/

.s-btn {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	border: none;
	white-space: nowrap;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.s-btn:focus,
.s-btn:hover {
	text-decoration: none;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.s-btn.focus {
	text-decoration: none;
}

.s-btn:active,
.s-btn.active {
	background-image: none;
	outline: 0;
}

.s-btn.disabled,
.s-btn:disabled,
fieldset[disabled] .s-btn {
	cursor: not-allowed;
	opacity: .65;
}

.s-btn__element--left,
.s-btn__element--right {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}

/* Sizes
------------------------------ */

.s-btn--xs {
	font-size: 0.75rem;
	font-weight: 400;
	padding: 0.5rem 1.25rem;
}

.s-btn--sm {
	font-size: 0.875rem;
	font-weight: 400;
	padding: 0.75rem 1.25rem;
}

.s-btn--md {
	font-size: 0.8125rem;
	font-weight: 400;
	padding: 1rem 2.5rem;
}

.s-btn-icon--md {
	font-size: 1rem;
	padding: 0.9375rem 1.5625rem 0.75rem;
}

/* Styles
------------------------------ */

.s-btn--white-brd {
	color: #fff;
	background: transparent;
	border-width: 0.0625rem;
	border-style: solid;
	border-color: #fff;
}

.s-btn--white-brd:focus,
.s-btn--white-brd:hover {
	color: #222324;
	background: #fff;
	border-color: #fff;
}

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

.s-btn--white-bg:focus,
.s-btn--white-bg:hover {
	color: rgb(191,54,12);
	background: #fff;
}

.s-btn--dark-bg {
	color: #fff;
	background: #222324;
	border-width: 0.0625rem;
	border-style: solid;
	border-color: #222324;
}

.s-btn--dark-bg:focus,
.s-btn--dark-bg:hover {
	color: #fff;
	background: rgb(191,54,12);
	border-color: rgb(191,54,12);
}

.s-btn--dark-brd {
	color: #222324;
	background: transparent;
	border-width: 0.0625rem;
	border-style: solid;
	border-color: #222324;
}

.s-btn--dark-brd:focus,
.s-btn--dark-brd:hover {
	color: #fff;
	background: #222324;
	border-color: #222324;
}

.s-btn--primary-bg {
	color: #fff;
	background: rgb(191,54,12);
	border-width: 0.0625rem;
	border-style: solid;
	border-color: rgb(191,54,12);
}

.s-btn--primary-bg:focus,
.s-btn--primary-bg:hover {
	color: rgb(191,54,12);
	background: #fff;
	border-color: rgb(191,54,12);
}

.s-btn--primary-brd {
	color: rgb(191,54,12);
	background: transparent;
	border-width: 0.0625rem;
	border-style: solid;
	border-color: rgb(191,54,12);
}

.s-btn--primary-brd:focus,
.s-btn--primary-brd:hover {
	color: #fff;
	background: rgb(191,54,12);
	border-color: rgb(191,54,12);
}

.s-btn-icon--white-brd {
	border-left: none;
}

.s-btn-icon--dark-brd {
	border-left: none;
}

/*----------------------------------
  Clients v1
------------------------------------*/

.s-clients-v1 {
	display: block;
	width: 6.25rem;
	height: auto;
	margin: 0 auto;
	opacity: 1;
	cursor: pointer;
	-webkit-transition-duration: 200ms;
	transition-duration: 200ms;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.s-clients-v1:hover {
	opacity: .8;
	-webkit-transition-duration: 200ms;
	transition-duration: 200ms;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

/*----------------------------------
  FAQ
------------------------------------*/

.s-faq__pseudo {
	position: relative;
}

.s-faq__pseudo:before {
	position: absolute;
	left: 12.5rem;
	bottom: -1rem;
	z-index: -1;
	font-size: 9.375rem;
	font-family: Playfair Display, serif;
	color: rgba(245, 248, 249, 0.8);
	content: "\0026";
}

.s-faq-grid__divider {
	display: inline-block;
	border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.3);
	margin: .3125rem 0;
}

.s-faq-grid__title {
	font-size: 1rem;
	color: #fff;
	margin: .3125rem 0 0 .5rem;
}

.s-faq .cbp-caption {
	border-bottom: none;
}

/*----------------------------------
  Form Input
------------------------------------*/

/* Form Input v1 */

.s-form-v1__input {
	height: 3.375rem;
	color: #fff;
	font-size: 0.875rem;
	font-weight: 300;
	background: transparent;
	border-color: #fff;
	border-right: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	letter-spacing: .1rem;
	text-transform: uppercase;
	padding: .625rem 2.5rem;
}

.s-form-v1__input::-webkit-input-placeholder {
	color: #fff;
}

.s-form-v1__input:-ms-input-placeholder {
	color: #fff;
}

.s-form-v1__input::placeholder {
	color: #fff;
}

.s-form-v1__input:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: #fff;
	background: rgba(255, 255, 255, 0.1);
}

/* Form Input v2 */

.s-form-v2__input {
	height: 3.5rem;
	font-size: 0.875rem;
	font-weight: 300;
	color: #656565;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	letter-spacing: .1rem;
	text-transform: uppercase;
	padding: .625rem 1.25rem;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.s-form-v2__input::-webkit-input-placeholder {
	color: #656565;
}

.s-form-v2__input:-ms-input-placeholder {
	color: #656565;
}

.s-form-v2__input::placeholder {
	color: #656565;
}

.s-form-v2__input:focus {
	font-weight: 400;
	color: #656565;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.s-form-v2__input:focus::-webkit-input-placeholder {
	color: #656565;
}

.s-form-v2__input:focus:-ms-input-placeholder {
	color: #656565;
}

.s-form-v2__input:focus::placeholder {
	color: #656565;
}

/* Form Input v3 */

.s-form-v3__input {
	position: relative;
	height: 3.125rem;
	font-size: 0.8125rem;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.7);
	border: none;
	border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.5);
	background: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 0;
	letter-spacing: .1rem;
	/*  text-transform: uppercase;*/
	padding: 0 1.25rem 0 0;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.s-form-v3__input::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0.7);
}

.s-form-v3__input:-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.7);
}

.s-form-v3__input::placeholder {
	color: rgba(255, 255, 255, 0.7);
}

.s-form-v3__input:focus {
	color: #fff;
	border-color: rgba(255, 255, 255, 0.99);
	-webkit-box-shadow: none;
	box-shadow: none;
}

.s-form-v3__input:focus::-webkit-input-placeholder {
	color: #fff;
}

.s-form-v3__input:focus:-ms-input-placeholder {
	color: #fff;
}

.s-form-v3__input:focus::placeholder {
	color: #fff;
}

/* Form Input v4 */

.s-form-v4__input {
	position: relative;
	height: 3.125rem;
	font-size: 0.8125rem;
	font-weight: 400;
	color: rgba(34, 35, 36, 0.5);
	border: none;
	border-bottom: .0625rem solid;
	background: rgba(34, 35, 36, 0.3);
	background: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 0;
	letter-spacing: .1rem;
	text-transform: uppercase;
	padding: 0 1.25rem .3125rem 1rem;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.s-form-v4__input::-webkit-input-placeholder {
	color: rgba(34, 35, 36, 0.5);
}

.s-form-v4__input:-ms-input-placeholder {
	color: rgba(34, 35, 36, 0.5);
}

.s-form-v4__input::placeholder {
	color: rgba(34, 35, 36, 0.5);
}

.s-form-v4__input:focus {
	color: #222324;
	border-color: #222324;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.s-form-v4__input:focus::-webkit-input-placeholder {
	color: #222324;
}

.s-form-v4__input:focus:-ms-input-placeholder {
	color: #222324;
}

.s-form-v4__input:focus::placeholder {
	color: #222324;
}

.s-form-v4__icon {
	font-size: 1.125rem;
	color: rgba(34, 35, 36, 0.7);
	border-bottom: 0.0625rem solid #222324;
	padding: 0 .75rem .95rem;
}

/* Form Input v5 */

.s-form-v5__input {
	height: 3.375rem;
	color: #656565;
	font-size: 0.875rem;
	font-weight: 300;
	background: transparent;
	border-color: #222324;
	border-right: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	letter-spacing: .1rem;
	text-transform: uppercase;
	padding: .625rem 2.5rem;
}

.s-form-v5__input::-webkit-input-placeholder {
	color: #656565;
}

.s-form-v5__input:-ms-input-placeholder {
	color: #656565;
}

.s-form-v5__input::placeholder {
	color: #656565;
}

.s-form-v5__input:focus {
	color: #222324;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: #222324;
}

.s-form-v5__input:focus::-webkit-input-placeholder {
	color: #222324;
}

.s-form-v5__input:focus:-ms-input-placeholder {
	color: #222324;
}

.s-form-v5__input:focus::placeholder {
	color: #222324;
}

/*----------------------------------
  Icons
------------------------------------*/

.s-icon {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.s-icon:focus,
.s-icon:hover {
	text-decoration: none;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

/* Sizes
------------------------------ */

.s-icon--sm {
	width: 2.5rem;
	height: 2.5rem;
	font-size: 0.8125rem;
	padding: 0.6875rem;
}

.s-icon--md {
	width: 3.125rem;
	height: 3.125rem;
	font-size: 1.125rem;
	padding: 0.75rem;
}

.s-icon--lg {
	width: 3.5rem;
	height: 3.5rem;
	font-size: 1.625rem;
	padding: 0.5625rem 1rem;
}

/* Styles
------------------------------ */

.s-icon--white-brd {
	color: #fff;
	background: transparent;
	border-width: 0.0625rem;
	border-style: solid;
	border-color: #fff;
	line-height: 1.4;
}

.s-icon--white-brd:focus,
.s-icon--white-brd:hover {
	color: #fff;
	background: rgb(191,54,12);
	border-color: rgb(191,54,12);
}

.s-icon--white-bg {
	color: #222324;
	background: #fff;
	border-width: 0.0625rem;
	border-style: solid;
	border-color: #fff;
	line-height: 1.4;
}

.s-icon--white-bg:focus,
.s-icon--white-bg:hover {
	color: rgb(191,54,12);
	background: #fff;
	border-color: #fff;
}

.s-icon--primary-brd {
	color: rgb(191,54,12);
	background: transparent;
	border-width: 0.0625rem;
	border-style: solid;
	border-color: rgb(191,54,12);
	line-height: 1.4;
}

.s-icon--primary-brd:focus,
.s-icon--primary-brd:hover {
	color: #fff;
	background: rgb(191,54,12);
	border-color: rgb(191,54,12);
}

.s-icon--primary-bg {
	color: #fff;
	background: rgb(191,54,12);
	line-height: 1.6;
}

/*----------------------------------
  Promo Block
------------------------------------*/

/* Promo Block v1 */

.s-promo-block-v1__square-effect {
	position: relative;
}

.s-promo-block-v1__square-effect:before {
	position: absolute;
	top: -5rem;
	left: -1.875rem;
	width: 18.75rem;
	height: 10.9375rem;
	border: .625rem solid;
	border-color: rgba(255, 255, 255, 0.2);
	content: " ";
}

.s-promo-block-v1__square-effect:after {
	position: absolute;
	right: 0;
	bottom: -2rem;
	width: 9.375rem;
	height: 9.375rem;
	border: .625rem solid;
	z-index: -1;
	border-color: rgba(108, 184, 237, 0.9);
	content: " ";
}

/* Promo Block v2 */

.s-promo-block-v2 {
	position: relative;
	z-index: 1;
}

.s-promo-block-v2:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(145deg, rgba(152, 119, 234, 0.7) -25%, rgb(191,54,12) 100%);
	background-repeat: repeat-x;
	content: " ";
}

.s-promo-block-v2__form {
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
}

@media (max-width: 61.9em) {
	.s-promo-block-v2__form {
		position: static;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

/* Promo Block v3 */

.s-promo-block-v3__divider {
	position: relative;
	padding-bottom: 1.875rem;
}

.s-promo-block-v3__divider:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 0.1875rem;
	background-image: linear-gradient(145deg, rgba(152, 119, 234, 0.9) -25%, rgb(191,54,12) 100%);
	background-repeat: repeat-x;
	content: " ";
}

.s-promo-block-v3__date {
	line-height: .8;
	margin-right: 1rem;
}

.s-promo-block-v3__month,
.s-promo-block-v3__year {
	display: block;
	line-height: 1.3;
}

.s-promo-block-v3__month {
	vertical-align: top;
}

/* Promo Block v4 */

.s-promo-block-v4 {
	position: relative;
	z-index: 1;
}

.s-promo-block-v4:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background-image: -webkit-gradient(ease-in-out, left top, left bottom, from(rgba(34, 35, 36, 0.3)), to(rgba(19, 177, 205, 0.6)));
	background-image: ease-in-out-gradient(to bottom, rgba(34, 35, 36, 0.3) 0%, rgba(19, 177, 205, 0.6) 100%);
	background-repeat: repeat-x;
	content: " ";
}

/* Promo Block v5 */

.s-promo-block-v5 {
	position: relative;
	z-index: 1;
}

.s-promo-block-v5:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background-image: -webkit-gradient(ease-in-out, left top, right top, from(rgba(28, 123, 172, 0.93)), to(rgba(19, 177, 205, 0.93)));
	background-image: ease-in-out-gradient(90deg, rgba(28, 123, 172, 0.93) 0%, rgba(19, 177, 205, 0.93) 100%);
	background-repeat: repeat-x;
	content: " ";
}

/* Promo Block v6 */

.s-promo-block-v6 {
	position: relative;
	z-index: 1;
}

.s-promo-block-v6:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background-image: -webkit-gradient(ease-in-out, left top, left bottom, from(rgba(28, 123, 172, 0.1)), color-stop(80%, rgb(191,54,12)));
	background-image: ease-in-out-gradient(-180deg, rgba(28, 123, 172, 0.1) 0%, rgb(191,54,12) 80%);
	background-repeat: repeat-x;
	content: " ";
}

/* Promo Block v7 */

.s-promo-block-v7 {
	position: relative;
	z-index: 1;
}

.s-promo-block-v7:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(145deg, rgba(19, 177, 205, 0.97) 0%, rgba(152, 119, 234, 0.97) 100%);
	background-repeat: repeat-x;
	content: " ";
}

/*----------------------------------
  Mockup
------------------------------------*/

/* Mockup v1 */

.s-mockup-v1 {
	position: relative;
	width: 55rem;
	height: auto;
	z-index: 1;
}

@media (max-width: 61.9em) {
	.s-mockup-v1 {
		width: 100%;
		height: auto;
	}
}

/* Mockup v2 */

.s-mockup-v2 {
	position: absolute;
	left: 6.25rem;
	bottom: 6.25rem;
	width: 25rem;
	height: auto;
}

@media (max-width: 33.9em) {
	.s-mockup-v2 {
		display: none;
	}
}

@media (min-width: 34em) {
	.s-mockup-v2 {
		position: absolute;
		left: 0.625rem;
		bottom: 0.625rem;
		width: 18.75rem;
		height: auto;
	}
}

@media (min-width: 48em) {
	.s-mockup-v2 {
		position: absolute;
		left: 5rem;
		bottom: 0;
		width: 18.75rem;
		height: auto;
	}
}

/*----------------------------------
  Plan
------------------------------------*/

/* Plan v1 */

.s-plan-v1 {
	-webkit-box-shadow: 0.625rem 0.625rem 0.9375rem 0 rgba(31, 31, 31, 0.075);
	box-shadow: 0.625rem 0.625rem 0.9375rem 0 rgba(31, 31, 31, 0.075);
}

.s-plan-v1__price-mark,
.s-plan-v1__price-tag {
	color: rgb(191,54,12);
}

.s-plan-v1__price-mark {
	font-size: 1.375rem;
	vertical-align: top;
}

.s-plan-v1__price-tag {
	font-size: 1.875rem;
	line-height: 1.1;
}

/* Plan v2 */

@media (min-width: 62em) {
	.s-plan-v2__main {
		position: relative;
		z-index: 1;
		-webkit-box-shadow: 0 -1.25rem 3.125rem 0 rgba(34, 35, 36, 0.05);
		box-shadow: 0 -1.25rem 3.125rem 0 rgba(34, 35, 36, 0.05);
		margin-top: -.4375rem;
	}
}

/*----------------------------------
  Process v1
------------------------------------*/

.s-process-v1 {
	position: relative;
}

.s-process-v1:before {
	position: absolute;
	top: 3.125rem;
	left: 60%;
	width: 80%;
	height: 0.0625rem;
	background: rgba(255, 255, 255, 0.2);
	content: " ";
	margin-top: -.03125rem;
}

@media (max-width: 47.9em) {
	.s-process-v1:before {
		display: none;
	}
}

.s-process-v1:last-child:before {
	display: none;
}

/*----------------------------------
  Scroll To Section
------------------------------------*/

/* Scroll To Section v1 */

.s-scroll-to-section-v1--bc {
	position: absolute;
	left: 50%;
	bottom: 0.625rem;
	z-index: 1;
	-webkit-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0);
	text-align: center;
}

/*----------------------------------
  Team v1
------------------------------------*/

.s-team-v1 {
	position: relative;
	cursor: pointer;
}

.s-team-v1:before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	content: " ";
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.s-team-v1:hover:before {
	-webkit-box-shadow: 0 0 1.25rem 0.3125rem rgba(34, 35, 36, 0.07);
	box-shadow: 0 0 1.25rem 0.3125rem rgba(34, 35, 36, 0.07);
}

/*----------------------------------
  Video
------------------------------------*/

.s-video__bg {
	position: relative;
}

.s-video__bg:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-image: linear-gradient(145deg, rgba(103, 181, 241, 0.8) 0, rgba(152, 119, 234, 0.8) 100%);
	background-repeat: repeat-x;
	content: " ";
}

/* Video v2 */

.s-video-v2__bg {
	position: relative;
}

.s-video-v2__bg:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: rgba(34, 35, 36, 0.85);
	content: " ";
}

/*----------------------------------
  Header
------------------------------------*/

.s-header__navbar {
	background: transparent;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

/* Container
------------------------------ */

.s-header__container {
	width: 100%;
	height: auto;
	display: table;
	padding: .75rem 1.875rem;
}

.s-header__container:before,
.s-header__container:after {
	content: " ";
	display: table;
}

.s-header__container:after {
	clear: both;
}

.container-fluid {
	padding-left: 2.1875rem;
	padding-right: 2.1875rem;
}

/* Navbar Row
------------------------------ */

.s-header__navbar-row {
	position: relative;
	display: table-row;
	clear: both;
}

.s-header__navbar-row-col {
	width: 50%;
	display: table-cell;
	vertical-align: middle;
}

/* Logo
------------------------------ */

.s-header__logo {
	position: relative;
	z-index: 9999;
	width: 100%;
	height: auto;
	float: left;
}

.s-header__logo-link {
	display: inline-block;
	padding: 1rem 0;
}

.s-header__logo-link:focus,
.s-header__logo-link:hover {
	text-decoration: none;
}

.s-header__logo-img-default,
.s-header__logo-img-shrink {
	display: block;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.s-header__logo-img-default {
	opacity: 1;
}

.s-header__logo-img-shrink {
	position: absolute;
	top: 1rem;
	left: 0;
	opacity: 0;
}

@media (max-width: 61.9em) {
	.s-header__logo {
		width: auto;
		height: auto;
		float: left;
	}
}

/* Trigger
------------------------------ */

.s-header__trigger {
	position: relative;
	z-index: 9999;
	width: 3.125rem;
	height: 3.125rem;
	float: right;
	overflow: hidden;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

/* Trigger Icon */

.s-header__trigger-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	right: auto;
	bottom: auto;
	width: 1.375rem;
	height: 0.1rem;
	background: #fff;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.s-header__trigger-icon:before,
.s-header__trigger-icon:after {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: inherit;
	content: " ";
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: transform 0.5s, width 0.5s, top 0.3s;
	-webkit-transition: width 0.5s, top 0.3s, -webkit-transform 0.5s;
	transition: width 0.5s, top 0.3s, -webkit-transform 0.5s;
	transition: transform 0.5s, width 0.5s, top 0.3s;
	transition: transform 0.5s, width 0.5s, top 0.3s, -webkit-transform 0.5s;
}

.s-header__trigger-icon:before {
	-webkit-transform-origin: left top;
	transform-origin: left top;
	-webkit-transform: translate3d(0, 0.4375rem, 0);
	transform: translate3d(0, 0.4375rem, 0);
}

.s-header__trigger-icon:after {
	-webkit-transform-origin: left top;
	transform-origin: left top;
	-webkit-transform: translate3d(0, -0.4375rem, 0);
	transform: translate3d(0, -0.4375rem, 0);
}

.s-header__trigger--dark .s-header__trigger-icon {
	background: #222324;
}

.s-header__trigger svg {
	position: absolute;
	top: 0;
	left: 0;
}

.s-header__trigger circle {
	-webkit-transition: stroke-dashoffset 0.4s 0s;
	transition: stroke-dashoffset 0.4s 0s;
}

/* Trigger Is Active Style */

.-is-active.s-header__trigger {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.-is-active .s-header__trigger-icon {
	background: #fff;
}

.-is-active .s-header__trigger-icon:before,
.-is-active .s-header__trigger-icon:after {
	width: 50%;
	-webkit-transition: transform 0.5s, width 0.5s;
	-webkit-transition: width 0.5s, -webkit-transform 0.5s;
	transition: width 0.5s, -webkit-transform 0.5s;
	transition: transform 0.5s, width 0.5s;
	transition: transform 0.5s, width 0.5s, -webkit-transform 0.5s;
}

.-is-active .s-header__trigger-icon:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.-is-active .s-header__trigger-icon:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.-is-active.s-header__trigger circle {
	stroke-dashoffset: 0;
	-webkit-transition: stroke-dashoffset 0.4s 0.3s;
	transition: stroke-dashoffset 0.4s 0.3s;
}

/* Overlay
------------------------------ */

.s-header-bg-overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 100%;
	background: rgba(34, 35, 36, 0);
	visibility: hidden;
	-webkit-transition: all 1s ease-in 0.4s;
	transition: all 1s ease-in 0.4s;
}

.s-header-bg-overlay.-is-open {
	background: rgba(34, 35, 36, 0.99);
	visibility: visible;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

/* Nav
------------------------------ */

.s-header__nav {
	height: 100%;
	padding: 7.5rem 0;
}

/* Menu List */

.s-header__nav-menu {
	width: 18.75rem;
	float: right;
	text-align: right;
	margin-bottom: 0;
}

@media (max-width: 47.9em) {
	.s-header__nav-menu {
		width: 50%;
	}
}

@media (max-width: 33.9em) {
	.s-header__nav-menu {
		width: 100%;
		float: none;
	}
}

.s-header__nav-menu-item {
	padding: 0 0 0 5.625rem;
	margin-bottom: .3125rem;
}

@media (max-width: 47.9em) {
	.s-header__nav-menu-item {
		padding-left: 0;
	}
}

.s-header__nav-menu-link {
	display: inline-block;
	font-size: 1.25rem;
	font-weight: 300;
	color: #fff;
	opacity: .85;
	padding: .3125rem;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.s-header__nav-menu-link-divider {
	position: relative;
}

.s-header__nav-menu-link-divider:before {
	position: absolute;
	top: 50%;
	right: -2.5rem;
	width: 2.1875rem;
	height: 0.0625rem;
	background: rgba(255, 255, 255, 0);
	content: " ";
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.s-header__nav-menu-link-divider[href]:focus,
.s-header__nav-menu-link-divider[href]:hover {
	color: #fff;
}

.s-header__nav-menu-link-divider[href]:hover:before {
	right: 0;
	background: white;
}

.s-header__nav-menu-link-divider:focus,
.s-header__nav-menu-link-divider:hover {
	color: #fff;
}

.s-header__nav-menu-link-divider:hover {
	opacity: 1;
	padding-right: 2.5rem;
}

.s-header__nav-menu-link-divider.-is-active {
	padding-right: 2.5rem;
}

.s-header__nav-menu-link-divider.-is-active:before {
	right: 0;
	background: white;
}

/* Action
------------------------------ */

.s-header__action {
	margin-bottom: 0;
}

.s-header__action--lb {
	position: absolute;
	left: 1.875rem;
	bottom: 1.875rem;
}

.s-header__action--rb {
	position: absolute;
	right: 1.875rem;
	bottom: 1.875rem;
}

.s-header__action-item {
	padding: 0;
	margin-left: .1875rem;
	margin-right: .3125rem;
}

.s-header__action-link {
	position: relative;
	font-size: 0.75rem;
	color: rgba(255, 255, 255, 0.4);
	text-transform: uppercase;
	padding: .3125rem;
}

.s-header__action-link:first-child {
	padding-left: 0;
}

.s-header__action-link:last-child {
	padding-right: 0;
}

.s-header__action-link:hover {
	color: rgba(255, 255, 255, 0.7);
}

.s-header__action-link.-is-active {
	color: white;
}

/* Menu Open/Close
------------------------------ */

.s-header-bg-overlay .s-header__nav-menu-item {
	opacity: 0;
	-webkit-transition: all 0.4s ease-in;
	transition: all 0.4s ease-in;
	-webkit-transform: translate3d(0, 1.25rem, 0);
	transform: translate3d(0, 1.25rem, 0);
}

.s-header-bg-overlay .s-header__action-item {
	opacity: 0;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

@media (max-width: 47.9em) {

	.s-header-bg-overlay.-is-open .s-header__nav-menu-item,
	.s-header-bg-overlay.-is-open .s-header__action-item {
		opacity: 1;
	}
}

@media (min-width: 34em) {
	.s-header-bg-overlay.-is-open .s-header__nav-menu-item {
		opacity: 1;
	}

	.s-header-bg-overlay.-is-open .s-header__nav-menu-item:nth-child(1) {
		-webkit-transition: all 0.4s 0.2s ease-out;
		transition: all 0.4s 0.2s ease-out;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	.s-header-bg-overlay.-is-open .s-header__nav-menu-item:nth-child(2) {
		-webkit-transition: all 0.4s 0.4s ease-out;
		transition: all 0.4s 0.4s ease-out;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	.s-header-bg-overlay.-is-open .s-header__nav-menu-item:nth-child(3) {
		-webkit-transition: all 0.4s 0.6s ease-out;
		transition: all 0.4s 0.6s ease-out;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	.s-header-bg-overlay.-is-open .s-header__nav-menu-item:nth-child(4) {
		-webkit-transition: all 0.4s 0.8s ease-out;
		transition: all 0.4s 0.8s ease-out;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	.s-header-bg-overlay.-is-open .s-header__nav-menu-item:nth-child(5) {
		-webkit-transition: all 0.4s 1s ease-out;
		transition: all 0.4s 1s ease-out;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	.s-header-bg-overlay.-is-open .s-header__nav-menu-item:nth-child(6) {
		-webkit-transition: all 0.4s 1.2s ease-out;
		transition: all 0.4s 1.2s ease-out;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	.s-header-bg-overlay.-is-open .s-header__nav-menu-item:nth-child(7) {
		-webkit-transition: all 0.4s 1.4s ease-out;
		transition: all 0.4s 1.4s ease-out;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	.s-header-bg-overlay.-is-open .s-header__nav-menu-item:nth-child(8) {
		-webkit-transition: all 0.4s 1.6s ease-out;
		transition: all 0.4s 1.6s ease-out;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	.s-header-bg-overlay.-is-open .s-header__nav-menu-item:nth-child(9) {
		-webkit-transition: all 0.4s 1.8s ease-out;
		transition: all 0.4s 1.8s ease-out;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	.s-header-bg-overlay.-is-open .s-header__nav-menu-item:nth-child(10) {
		-webkit-transition: all 0.4s 2s ease-out;
		transition: all 0.4s 2s ease-out;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	.s-header-bg-overlay.-is-open .s-header__action-item {
		opacity: 1;
	}

	.s-header-bg-overlay.-is-open .s-header__action-item:nth-child(1) {
		-webkit-transition: all 0.4s 0.4s ease-out;
		transition: all 0.4s 0.4s ease-out;
	}

	.s-header-bg-overlay.-is-open .s-header__action-item:nth-child(2) {
		-webkit-transition: all 0.4s 0.8s ease-out;
		transition: all 0.4s 0.8s ease-out;
	}

	.s-header-bg-overlay.-is-open .s-header__action-item:nth-child(3) {
		-webkit-transition: all 0.4s 1.2s ease-out;
		transition: all 0.4s 1.2s ease-out;
	}
}

/* Shrink
------------------------------ */

/* Navbar */

.s-header__shrink .s-header__navbar {
	background: rgba(255, 255, 255, .95);
	-webkit-box-shadow: 0 0 0.9375rem 0 rgba(34, 35, 36, 0.05);
	box-shadow: 0 0 0.9375rem 0 rgba(34, 35, 36, 0.05);
}

.s-header__shrink.-is-open .s-header__navbar {
	background: transparent;
}

/* Logo */

.s-header__shrink.-is-open .s-header__logo-img-default {
	opacity: 1;
}

.s-header__shrink.-is-open .s-header__logo-img-shrink {
	opacity: 0;
}

.s-header__shrink .s-header__navbar {
	background: #fff;
}

.s-header__shrink .s-header__logo-img-default {
	opacity: 0;
}

.s-header__shrink .s-header__logo-img-shrink {
	opacity: 1;
}

/* Trigger Icon */

.s-header__shrink.-is-open .s-header__trigger-icon {
	background: #fff;
}

.s-header__shrink .s-header__trigger-icon {
	background: #222324;
}

/*----------------------------------
  Header v2
------------------------------------*/

/* Navbar
------------------------------ */

.s-header-v2__navbar {
	position: relative;
	z-index: 1000;
	min-height: 3.125rem;
/*	border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.3);*/
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.s-header-v2__navbar:before,
.s-header-v2__navbar:after {
	content: " ";
	display: table;
}

.s-header-v2__navbar:after {
	clear: both;
}

@media (max-width: 61.9em) {
	.s-header-v2__navbar {
		background: rgba(255, 255, 255, 0);
		-webkit-box-shadow: 0 0 0.9375rem 0.25rem rgba(34, 35, 36, 0.05);
		box-shadow: 0 0 0.9375rem 0.25rem rgba(34, 35, 36, 0.05);
	}
}

/* Navbar Row
------------------------------ */

.s-header-v2__navbar-row {
	display: table-row;
	clear: both;
}

@media (max-width: 61.9em) {
	.s-header-v2__navbar-row {
		display: inherit;
	}
}

/* Columns */

.s-header-v2__navbar-col {
	display: table-cell;
	vertical-align: middle;
}

@media (max-width: 61.9em) {
	.s-header-v2__navbar-col {
		display: block;
	}
}

/* Space */

.s-header-v2__navbar-col-width--180 {
	width: 11.250rem;
}

@media (max-width: 61.9em) {
	.s-header-v2__navbar-col-width--180 {
		width: auto;
	}
}

/* Variations */

@media (min-width: 62em) {
	.s-header-v2__navbar-col--left {
		float: left;
	}

	.s-header-v2__navbar-col--left .dropdown__mega-menu {
		right: auto;
		left: 10rem;
	}
}

@media (min-width: 62em) {
	.s-header-v2__navbar-col--right {
		float: right;
	}
}

/* Navbar Toggle
------------------------------ */

.s-header-v2__toggle {
	position: relative;
	display: none;
	float: right;
	background: transparent;
	border: none;
	outline: none;
	line-height: 4.3rem;
	padding: .5625rem .3125rem .5625rem .625rem;
	margin: 0;
}

.s-header-v2__toggle-icon-bar {
	position: relative;
	width: 1.315rem;
	height: 0.0625rem;
	display: inline-block;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.s-header-v2__toggle-icon-bar,
.s-header-v2__toggle-icon-bar:before,
.s-header-v2__toggle-icon-bar:after {
	background: #222324;
}

.s-header-v2__toggle-icon-bar:before,
.s-header-v2__toggle-icon-bar:after {
	position: absolute;
	left: 0;
	content: " ";
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.s-header-v2__toggle-icon-bar:before {
	width: 0.625rem;
	height: 0.0625rem;
	bottom: .625rem;
}

.s-header-v2__toggle-icon-bar:after {
	width: 1rem;
	height: 0.0625rem;
	top: -.3125rem;
}

.s-header-v2__toggle:hover .s-header-v2__toggle-icon-bar:before,
.s-header-v2__toggle:hover .s-header-v2__toggle-icon-bar:after {
	width: 1.315rem;
	height: 0.0625rem;
}

@media (max-width: 61.9em) {
	.s-header-v2__toggle {
		display: block;
	}
}

/* Logo
------------------------------ */

.s-header-v2__logo {
	width: 100%;
	height: auto;
	float: left;
}

.s-header-v2__logo-link {
	display: inline-block;
	padding: 1rem 1.25rem 1rem 0;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.s-header-v2__logo-link:focus,
.s-header-v2__logo-link:hover {
	text-decoration: none;
}

.s-header-v2__logo-img {
	display: inline-block;
}

.s-header-v2__logo-img--default {
	display: block;
}

@media (max-width: 61.9em) {
	.s-header-v2__logo-img--default {
		display: none;
	}
}

.s-header-v2__logo-img--shrink {
	display: none;
}

@media (max-width: 61.9em) {
	.s-header-v2__logo-img--shrink {
		display: block;
	}
}

@media (max-width: 61.9em) {
	.s-header-v2__logo {
		width: auto;
		height: auto;
		float: left;
	}

	.s-header-v2__logo-link {
		padding-left: .875rem;
		padding-right: .625rem;
	}
}

/* Collapse
------------------------------ */

@media (max-width: 61.9em) {
	.s-header-v2__navbar-collapse {
		width: 100%;
		padding: 0 .9375rem !important;
	}
}

@media (max-width: 61.9em) {
	.s-header-v2__navbar-collapse.collapse {
		display: none !important;
	}

	.s-header-v2__navbar-collapse.collapse.in {
		display: block !important;
		max-height: 35rem;
		overflow-y: auto !important;
	}
}

/* Nav Menu
------------------------------ */

.s-header-v2__nav {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}

.s-header-v2__nav:before,
.s-header-v2__nav:after {
	content: " ";
	display: table;
}

.s-header-v2__nav:after {
	clear: both;
}

@media (max-width: 61.9em) {
	.s-header-v2__nav {
		background: #fff;
		padding: 1.25rem 0;
	}
}

.s-header-v2__nav-item {
	position: relative;
	display: block;
	float: left;
}

.s-header-v2__nav-item:last-child .s-header-v2__nav-link {
	margin-right: 0;
}

@media (max-width: 61.9em) {
	.s-header-v2__nav-item {
		float: none;
	}
}

.s-header-v2__nav-item .dropdown-backdrop {
	position: relative;
}

.s-header-v2__nav-link {
	position: relative;
	display: block;
	font-size: 0.8125rem;
	font-weight: 700;
	font-family: "Noto Sans JP", sans-serif;
	color: rgba(255, 255, 255, 0.75);
	line-height: 5.5rem;
	text-transform: uppercase;
	margin: 0 .9rem;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.s-header-v2__nav-link:hover {
	color: #fff;
}

.s-header-v2__nav-link:focus {
	color: rgba(255, 255, 255, 0.75);
}

.s-header-v2__nav-link.-is-active {
	color: #fff;
}

@media (max-width: 61.9em) {
	.s-header-v2__nav-link {
		color: rgba(34, 35, 36, 0.7);
		line-height: 1.6;
		margin: 1.5rem 0;
	}

	.s-header-v2__nav-link:focus,
	.s-header-v2__nav-link:hover {
		color: rgba(34, 35, 36, 0.7);
	}

	.s-header-v2__nav-link.-is-active {
		color: rgb(191,54,12);
	}
}

/* Dropdown
------------------------------ */

.s-header-v2__dropdown-menu {
	display: none;
	font-size: 0.8125rem;
	min-width: 13.750rem;
	background: #fff;
	border: none;
	border-radius: 0;
	-webkit-box-shadow: 0 0.3125rem 0.75rem rgba(34, 35, 36, 0.05);
	box-shadow: 0 0.3125rem 0.75rem rgba(34, 35, 36, 0.05);
	padding: .9375rem 0;
	margin-top: 0;
}

@media (max-width: 61.9em) {
	.s-header-v2__dropdown-menu {
		position: static;
		float: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
}

.s-header-v2__dropdown-menu:focus .s-header-v2__dropdown-menu-link,
.s-header-v2__dropdown-menu:hover .s-header-v2__dropdown-menu-link {
	background: transparent;
}

.s-header-v2__dropdown-menu-link {
	font-size: 0.875rem;
	font-weight: 400;
	font-family: "Noto Sans JP", sans-serif;
	color: rgba(34, 35, 36, 0.7) !important;
	padding: .4375rem 2rem .4375rem 1.375rem !important;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.s-header-v2__dropdown-menu-link:hover {
	color: rgb(191,54,12) !important;
}

.s-header-v2__dropdown-menu-link.-is-active {
	color: rgb(191,54,12) !important;
}

/* Dropdown Menu Open On Hover
------------------------------ */

@media (min-width: 62em) {
	.s-header-v2__dropdown-on-hover:hover > .s-header-v2__dropdown-menu {
		display: block;
	}
}

/* Shrink
------------------------------ */

	.s-header__shrink .s-header-v2__navbar {
		background: #fff;
		-webkit-box-shadow: 0 0 0.9375rem 0.25rem rgba(34, 35, 36, 0.05);
		box-shadow: 0 0 0.9375rem 0.25rem rgba(34, 35, 36, 0.05);
	}

@media (min-width: 62em) {
	/* Toggle */
	.s-header__shrink .s-header-v2__toggle-icon-bar--white,
	.s-header__shrink .s-header-v2__toggle-icon-bar--white:before,
	.s-header__shrink .s-header-v2__toggle-icon-bar--white:after {
		background: #222324;
	}

	/* Logo */
	.s-header__shrink .s-header-v2__logo-img--default {
		display: none;
	}

	.s-header__shrink .s-header-v2__logo-img--shrink {
		display: block;
	}

	/* Nav Link */
	.s-header__shrink .s-header-v2__nav-link {
		color: rgba(34, 35, 36, 0.7);
	}

	.s-header__shrink .s-header-v2__nav-link:hover {
		color: rgb(191,54,12);
	}

	.s-header__shrink .s-header-v2__nav-link:focus {
		color: rgba(34, 35, 36, 0.7);
	}

	.s-header__shrink .s-header-v2__nav-link.-is-active {
		color: rgb(191,54,12);
	}
}

/*----------------------------------
  Footer
------------------------------------*/

.s-footer__logo {
	position: relative;
	z-index: 1;
}

.s-footer__logo:before {
	position: absolute;
	top: 0;
	left: 0.9375rem;
	bottom: 0;
	width: 70%;
	height: auto;
	z-index: -1;
	background: url("../img/widgets/worldmap.png") no-repeat center center;
	background-size: cover;
	content: " ";
}

/*----------------------------------
  Back To Top
------------------------------------*/

.s-back-to-top {
	position: fixed;
	right: 3.125rem;
	bottom: -3.125rem;
	display: block;
	width: 1.875rem;
	height: 3rem;
	z-index: 9;
	background: rgb(191,54,12);
	border-radius: 3.125rem;
	text-align: center;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.s-back-to-top:before {
	display: block;
	font-size: 0.75rem;
	font-style: normal;
	font-family: themify;
	color: #fff;
	line-height: 3rem;
	content: "\e627";
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.s-back-to-top:hover {
	background: #fff;
}

.s-back-to-top:hover:before {
	color: rgb(191,54,12);
}

.s-back-to-top:focus,
.s-back-to-top:hover {
	text-decoration: none;
}

/* The button becomes visible */

.s-back-to-top.-is-visible {
	bottom: 3.125rem;
	opacity: .8;
}

.s-back-to-top.-is-visible:hover {
	opacity: 1;
}

/* If the user keeps scrolling down, the button is out of focus and becomes less visible */

.s-back-to-top.-zoom-out {
	opacity: .6;
}

/*----------------------------------
  Cubeportfolio
------------------------------------*/

.s-portfolio__filter-v1-item {
	font-size: 0.8125rem;
	color: #656565 !important;
	text-transform: uppercase;
	margin-bottom: 0 !important;
}

.s-portfolio__filter-v1-item:hover {
	color: #242424 !important;
}

.s-portfolio__filter-v1-item.cbp-filter-item-active {
	color: rgb(191,54,12) !important;
}

.s-portfolio__filter-v1.cbp-l-filters-text {
	margin-bottom: 0;
}

/* Image Effect
------------------------------ */

.s-portfolio__img-effect {
	position: relative;
	display: block;
}

.s-portfolio__img-effect:after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgba(19, 177, 205, 0.95);
	content: " ";
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.s-portfolio__item:hover .s-portfolio__img-effect:after {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

/* Position
------------------------------ */

.s-portfolio__caption-hover--cc {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	text-align: center;
	padding: 1.875rem;
	opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.s-portfolio__item:hover .s-portfolio__caption-hover--cc {
	opacity: 1;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
}

/* Paginations v1
------------------------------ */

.s-portfolio__paginations-v1 .cbp-nav-controls {
	display: none;
}

.s-portfolio__paginations-v1 .cbp-nav-pagination {
	padding-left: .625rem;
}

.s-portfolio__paginations-v1 .cbp-nav-pagination-item {
	margin: 0 .9375rem;
}

.s-portfolio__paginations-v1 .cbp-nav-pagination-active {
	background: rgb(191,54,12);
}

/* Tab v1
------------------------------ */

.s-tab__filter-v1 {
	display: block;
	font-size: 1.75rem;
	color: #fff;
	text-align: center;
	border: none;
	cursor: pointer;
	letter-spacing: .0625rem;
	line-height: 2rem;
	padding: 0 0 2rem;
	margin: 0 0 2rem;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.s-tab__filter-v1:before {
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 5rem;
	height: 0.0625rem;
	background: rgba(255, 255, 255, 0.3);
	content: " ";
	margin-left: -2.5rem;
}

.s-tab__filter-v1:last-child {
	padding: 0;
	margin: 0;
}

.s-tab__filter-v1:last-child:before {
	display: none;
}

.s-tab__filter-v1.cbp-filter-item-active {
	color: rgb(191,54,12);
}

.s-tab__grid-v1-item {
	font-size: 0.9375rem;
	font-weight: 300;
	color: #656565;
}

/*----------------------------------
  Google Map
------------------------------------*/

/* Custom Style */

.s-google-map,
.s-google-map .s-google-container {
	position: relative;
}

/* Info Window: White background and box outline */

.gm-style > div:first-child > div + div > div:last-child > div > div:first-child > div {
	background-color: #fff !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

/* Info Window: Arrow colour */

.gm-style > div:first-child > div + div > div:last-child > div > div:first-child > div > div > div {
	background-color: #fff !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.gm-style > div:first-child > div + div > div:last-child > div > div:first-child > div:first-child {
	display: none;
}

/* Info Window: Let's remove image icon inside close button */

.gm-style > div:first-child > div + div > div:last-child > div > div:last-child > img {
	display: none;
}

/* Info Window: New arrow style */

.gm-style > div:first-child > div + div > div:last-child > div > div:last-child {
	overflow: inherit !important;
}

.gm-style > div:first-child > div + div > div:last-child > div > div:last-child:after {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 0.75rem;
	font-family: themify;
	color: #656565;
	content: "\e646";
}

/* Info Window: Positioning of infowindow */

.gm-style-iw {
	top: 1.375rem !important;
	left: 1.375rem !important;
}

/*----------------------------------
  Swiper
------------------------------------*/

.s-swiper {
	position: relative;
	width: 100%;
	overflow: hidden;
}

/* Arrows v1
------------------------------ */

.s-swiper__arrow-v1--left,
.s-swiper__arrow-v1--right {
	position: absolute;
	top: 58%;
	z-index: 1;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
}

@media (max-width: 47.9em) {

	.s-swiper__arrow-v1--left,
	.s-swiper__arrow-v1--right {
		opacity: 0;
	}
}

.s-swiper__arrow-v1--left {
	left: .8rem;
}

.s-swiper__arrow-v1--right {
	right: .8rem;
}

@media (max-width: 47.9em) {

	.s-swiper:hover .s-swiper__arrow-v1--left,
	.s-swiper:hover .s-swiper__arrow-v1--right {
		opacity: 1;
	}
}

/* Pagination v1
------------------------------ */

.s-swiper__pagination-v1--bc {
	position: absolute;
	bottom: 1.875rem !important;
	text-align: center;
	z-index: 1;
}

.s-swiper__pagination-v1 .swiper-pagination-bullet {
	width: 1rem;
	height: 0.5625rem;
	border-radius: 0.9375rem;
	opacity: .7;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.s-swiper__pagination-v1 .swiper-pagination-bullet-active {
	width: 1.875rem;
	background: rgb(191,54,12);
	opacity: 1;
}

.s-swiper__pagination-v1--white .swiper-pagination-bullet {
	background: #fff;
}

.s-swiper__pagination-v1--white .swiper-pagination-bullet-active {
	background: rgb(191,54,12);
}

.s-swiper__pagination-v1--dark .swiper-pagination-bullet {
	background: #b2b2b2;
}

.s-swiper__pagination-v1--dark .swiper-pagination-bullet-active {
	background: rgb(191,54,12);
}

.product-caption {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgba(19, 177, 205, 0.95);
}

/* customize section
------------------------------ */

/*.s-header__navbar,*/
.s-header__shrink .s-header__navbar {
	background: rgba(255, 255, 255, .95);
	-webkit-box-shadow: 0 0 0.9375rem 0 rgba(34, 35, 36, 0.3);
	box-shadow: 0 0 0.9375rem 0 rgba(34, 35, 36, 0.3);
}

.s-header__logo-link {
	padding: 0;
}

.s-header__logo-img-shrink {
	top: 0;
}

header.-is-open .s-heaer__navbar,
header.-is-open .s-header-__shrink .s-header__navbar {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.s-header__nav {
	padding: 4.5rem 0 2rem;
}

.s-header__nav-menu {
	text-align: left;
}


.s-header__nav-menu-item {
	padding: 0 0 0 1.625rem;
	margin-bottom: .3125rem;
}

.s-header__nav-menu-link {
	font-size: 1.1rem;
}

.s-header__nav-menu-link.pencil:after {
	position: absolute;
	top: 50%;
	left: -1.5rem;
	font-family: themify;
	color: #fff;
	content: "\e61c";
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.s-header__nav-menu-link.pencil-alt:after {
	position: absolute;
	top: 50%;
	left: -1.5rem;
	font-family: themify;
	color: #fff;
	content: "\e61d";
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.s-header__nav-menu-link.contact:after {
	position: absolute;
	top: 50%;
	left: -1.5rem;
	font-family: themify;
	color: #fff;
	content: "\e75a";
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.s-header__nav-menu-link.movie-item:after {
	position: absolute;
	top: 50%;
	left: -1.5rem;
	font-family: themify;
	color: #fff;
	content: "\e6cf";
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.s-header__nav-menu-link.text-item:after {
	position: absolute;
	top: 50%;
	left: -1.5rem;
	font-family: themify;
	color: #fff;
	content: "\e6b7";
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.mCSB_container {
	padding-bottom: 2rem;
}

/* title-background */
.title-bg-white {
	position: relative;
	padding: .5rem;
	background-color: rgba(255, 255, 255, .35);
	-webkit-box-shadow: 0 0 20px rgba(99, 99, 99, .55);
	box-shadow: 0 0 20px rgba(99, 99, 99, .55);
}

.title-bg-dark {
	padding: .5rem;
	background-color: rgba(0, 0, 0, .15);
	-webkit-box-shadow: 0 0 20px rgba(255, 255, 255, .35);
	box-shadow: 0 0 20px rgba(255, 255, 255, .35);
}

/*
.header_img {
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}
*/

.index_header {
	position: relative;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100vh;
	background: #fff url(../img/index_header.jpg) 50% 55% / cover no-repeat;
}

.law_header {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 75vh;
	background: #fff url(../img/law_header.jpg) 25% 50% / cover no-repeat;
}

.terms_header {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 75vh;
	background: #fff url(../img/terms_header.jpg) 0 80% /cover no-repeat;
}

@media (max-width: 102.4em) {
	.index_header {
		background-position: 26% 55%;
	}
	.law_header {
		background-position: 26% 50%;
	}
	.terms_header {
		background-position: 26% 80%;
	}
}

@media (max-width: 47.9em) {
	.index_header {
		background-position: 25% 25%;;
	}
	.law_header {
		background-position: 55% 25%;
	}
	.terms_header {
		background-position: 25% 25%;
	}
}

.down {
	position: relative;
}

.down a {
	cursor: pointer;
}

.floating {
	position: absolute;
	left: calc(50% - 24px);
	-webkit-animation: float 3s infinite cubic-bezier(0.7, 1, 0.7, 1) alternate;
	animation: float 3s infinite cubic-bezier(0.7, 1, 0.7, 1) alternate;
}

@-webkit-keyframes float {
	0% {
		-webkit-transform: translate(0, 0);
	}

	50% {
		-webkit-transform: translate(0, 1rem);
	}

	100% {
		-webkit-transform: translate(0, 0);
	}
}

@keyframes float {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}

	50% {
		-webkit-transform: translate(0, 1rem);
		transform: translate(0, 1rem);
	}

	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}

/* product section */

.product-section-header {
	padding-top: 5rem;
	padding-bottom: 3rem;
}

/* text-shadow for white text */

.wt-shadow {
	text-shadow: 1px 1px 3px rgba(0, 0, 0, .65);
	line-height: 1.5;
}

/* shadow for white image */

.img-border {
	border: 1px solid rgba(66, 66, 66, .15);
}

.img-shadow-right,
.img-shadow-right-ws,
.img-shadow-right-ns,
.img-shadow-left {
	position: relative;
}

.img-shadow-right::after {
	position: absolute;
	bottom: 20px;
	right: 80px;
	z-index: -1;
	content: '';
	width: 50%;
	height: 45px;
	-webkit-box-shadow: 100px 0 10px 15px rgba(0, 0, 0, .3);
	box-shadow: 100px 0 10px 15px rgba(0, 0, 0, .3);
	-webkit-transform: skew(-40deg);
	transform: skew(-40deg);
}

.img-shadow-right-ws::after {
	position: absolute;
	bottom: 20px;
	right: 145px;
	z-index: -1;
	content: '';
	width: 50%;
	height: 45px;
	-webkit-box-shadow: 100px 0 10px 15px rgba(0, 0, 0, .3);
	box-shadow: 100px 0 10px 15px rgba(0, 0, 0, .3);
	-webkit-transform: skew(-40deg);
	transform: skew(-40deg);
}

.img-shadow-right-ns::after {
	position: absolute;
	bottom: 20px;
	right: 120px;
	z-index: -1;
	content: '';
	width: 50%;
	height: 45px;
	-webkit-box-shadow: 100px 0 10px 15px rgba(0, 0, 0, .3);
	box-shadow: 100px 0 10px 15px rgba(0, 0, 0, .3);
	-webkit-transform: skew(-40deg);
	transform: skew(-40deg);
}

.img-shadow-left::after {
	position: absolute;
	bottom: 20px;
	left: 80px;
	z-index: -1;
	content: '';
	width: 50%;
	height: 45px;
	-webkit-box-shadow: -100px 0 10px 15px rgba(0, 0, 0, .3);
	box-shadow: -100px 0 10px 15px rgba(0, 0, 0, .3);
	-webkit-transform: skew(40deg);
	transform: skew(40deg);
}

.filter-shadow {
	-webkit-filter: drop-shadow(0px 3px 10px rgba(0, 0, 0, .4));
	filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, .4));
}

/* carousel arrow position fix */
.s-swiper__arrow-v1--left,
.s-swiper__arrow-v1--right {
	top: 50%;
}

/* contents filter text fix */
.cbp-l-filters-text,
.cbp-l-filters-text .cbp-filter-item {
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", -apple-system, BlinkMacSystemFont, "Helvetica Neue","游ゴシック Medium", YuGothic, YuGothicM, メイリオ, Meiryo, sans-serif;
}

/* rank-price table */
table.rank-price {
	width: 95%;
	margin: 1rem auto;
	border: 1px solid #919191;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

table.rank-price tr {
	border-bottom: 1px solid #919191;
}

table.rank-price th,
table.rank-price td {
	padding: 1rem;
}

table.rank-price .thead {
	background-color: #e9727e;
	color: #fff;
}

table.rank-price .thead th {
	border-right: 1px solid #fff;
	text-align: center;
}

table.rank-price .thead th:last-child {
	border-right: none;
}

table.rank-price td {
	border-right: 1px solid #919191;
	text-align: center;
}

table.rank-price td:last-child {
	border-right: none;
}

table.rank-price td:first-child {
	background: #fbf5f5;
	text-align: center;
}
@media screen and (max-width: 640px) {
  table.rank-price {
    width: 100%;
  }
  table.rank-price .thead {
    display: none;
  }
  table.rank-price tr {
    width: 100%;
  }
  table.rank-price td {
    display: block;
    width: 100%;
	border-right: none;
    text-align: right;
  }
  table.rank-price td:first-child {
    background: #e9727e;
    color: #fff;
    font-weight: bold;
    text-align: center;
  }
  table.rank-price td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    margin-right: 10px;
  }
}

/* red frame */

.red-frame {
	width: 100%;
	border: 1px solid #e53935;
}

.red-frame h2,
.red-frame p {
	color: #e53935 !important;
}

.red-frame p {
	margin: 1rem;
}

/* cart notes */

.notes {
	margin-bottom: 0;
	margin-left: 2rem;
	text-indent: -1rem;
}

/* option list */

.option-list {
	margin: 1rem !important;
}

.option-list li {
	list-style-type: decimal !important;
	margin: 0 0 1rem 2rem !important;
	color: #656565;
	font-size: 1rem;
	line-height: 1.5rem;
}

/* flex list */

.flex-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.flex-list.w85 {
	width: 85%;
}

.flex-list li {
	
}

.flex-list li.half {
	width: 45%;
}

.flex-list li.fourty {
	width: 40%;
}

.flex-list li.third {
	width: 31%;
}

.flex-list.jcfs {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.flex-list.flex-start {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.flex-list.flex-start li {
	width: 50%;
}

/* ul.material-checks.flex-list.jcfs {} */

.flex-list.jcfs li {
	/* width: 33%; */
	flex-grow: 1;
	
}

.flex-list.jcfs li:last-child {
	width: auto;
}

@media screen and ( max-width: 600px ) {
	.flex-list.w85 {
		width: 100%;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.flex-list.wrap {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-bottom: .5rem !important;
	}
}

/* change fixed */
.flex-list li.fourty .cart_select_wrap {
	width: 100%;
}

.change-arrow {
	color: rgb(191,54,12);
	font-size: 1.5rem;
}

/* form-index */

.form-index {
	position: relative;
	padding: 0.5rem 0.5rem 0.5rem 1.5rem;
	line-height: 1.4;
	color: rgb(191,54,12);
	font-size: 1rem;
}

.form-index:before {
	position: absolute;
	top: 0.5rem;
	left: 0.25rem;
	color: rgb(191,54,12);
	font-family: "themify";
	font-size: 1.15rem;
	content: "\e65d";
}

/* back to top */

.s-back-to-top {
	right: 2.125rem;
	width: 50px;
	height: 50px;
	border-radius: 0;
	border: 2px solid #fff;
	opacity: 0;
}

.s-back-to-top.-is-visible {
	bottom: 2.125rem;
	opacity: 1;
}

.s-back-to-top:before {
	font-size: 2rem;
}

/* law page table */

.law-header {
	border-bottom: solid 3px skyblue;
	position: relative;
}

.law-header:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: 3px solid #ffc778;
	bottom: -3px;
	width: 30%;
}

.law-statement dl {
	margin-bottom: 1rem;
	padding: 1rem 0;
	border-bottom: 1px solid #ccc;
	color: #656565;
	font-weight: 300;
	line-height: 1.6;
}

.law-statement dl.bdn {
	border-bottom: none;
}

.law-statement dt {
	padding-bottom: 15px;
}

@media screen and (min-width: 768px) {
	.law-statement dt {

		clear: left;
		float: left;
/*
		width: 25%;
*/
		font-weight: 500;
	}

	.law-statement dd {
		margin-left: 25%;
	}
}

.pi-header {
	position: relative;
	margin-bottom: 1.5rem;
	padding-left: 2rem;
	line-height: 1.4;
}

.pi-header:before {
	position: absolute;
	left: 0;
	top: .65rem;
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 50%;
	background-color: #96c03d;
	content: "";
	/*
	color: #96c03d;
	font-family: "themify";
	content: "\e65d";
*/
}

.entry-steps {
	margin-bottom: 2rem;
}

.entry-steps ul {
	list-style-type: none;
}

.entry-steps ul li {
	border-bottom: 1px solid #ccc;
}

.entry-steps ul li .step h4 {
	position: relative;
	margin-top: 2rem;
	padding: 0.4rem 0.5rem;
	line-height: 1.4;
}

.entry-steps ul li .step h4:before {
	position: absolute;
	left: -.5rem;
	bottom: 100%;
	padding: 5px 7px 3px;
	content: attr(data-text)"";
	font-size: .8rem;
	line-height: 1;
	letter-spacing: 0.05em;
}

.entry-steps p {
	margin-left: 1rem;
}

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

@media (max-width: 47.9em) {

	.s-header-bg-overlay.-is-open .s-header__nav-menu-item,
	.s-header-bg-overlay.-is-open .s-header__action-item {
		border-bottom: 1px solid rgba(255, 255, 255, .15);
	}

	.cbp-l-filters-text .cbp-filter-item {
		display: block;
		margin-bottom: 1rem;
	}
}

/* product modal */

.flex-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.flex-item .item-image {
	width: 33%;
	padding: 1.5rem;
	display: inline-block;
	position: relative;
	overflow: hidden;
}

.flex-item .item-image img {
	max-width: 100%;
	-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

.flex-item .item-text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

/* footer-navigation */
.footer-navi {
	position: relative;
	padding-left: 1.5rem;
}

.footer-navi.home:before {
	position: absolute;
	top: 50%;
	left: 0;
	font-family: themify;
	color: #fff;
	content: "\e69b";
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.footer-navi.cart:before {
	position: absolute;
	top: 50%;
	left: 0;
	font-family: themify;
	color: #fff;
	content: "\e60d";
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.footer-navi.contact:before {
	position: absolute;
	top: 50%;
	left: 0;
	font-family: themify;
	color: #fff;
	content: "\e75a";
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.footer-navi.movie-item:before {
	position: absolute;
	top: 50%;
	left: 0;
	font-family: themify;
	color: #fff;
	content: "\e6cf";
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.footer-navi.text-item:before {
	position: absolute;
	top: 50%;
	left: 0;
	font-family: themify;
	color: #fff;
	content: "\e6b7";
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* footer copy */

.tab-backend {
	position: relative;
	width: 100%;
	min-height: 800px;
	background: #fff;
	overflow-x: hidden;
}

.menu {
	position: absolute;
	left: -260px;
	width: 320px;
	height: 100%;
	padding-right: 50px;
	background: #efefef;
	color: #222;
	font-weight: 100;
	-webkit-box-shadow: -3px 0px 5px 0px rgba(0, 0, 0, 0.2);
	box-shadow: -3px 0px 5px 0px rgba(0, 0, 0, 0.2);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transition: all 0.3s ease-in-out;
	z-index: 100;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.menu:hover,
.menu:focus {
	-webkit-transform: translate3d(260px, 0, 0);
	transform: translate3d(260px, 0, 0);
	-webkit-animation-timing-function: 1s ease-in-out;
	animation-timing-function: 1s ease-in-out;
}

.menu .title {
	position: absolute;
	top: 50%;
	right: 25px;
	width: 1.2rem;
	font-size: 15px;
	font-weight: 800;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.menu .nav {
	position: absolute;
	top: 50%;
	left: 1rem;
	font-weight: 100;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.menu .nav li {
	list-style-type: none;
	display: block;
	height: 60px;
	padding-right: 5px;
	padding-left: 5px;
	background: #f0f0f0;
	text-align: center;
	line-height: 60px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.menu .nav li a {
	display: block;
	color: inherit;
	font-weight: 200;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.menu .nav li:hover {
	background: #fff;
	color: #1ABC9C;
	cursor: pointer;
}

.menu .nav li.active {
	background: #fff;
	color: #1ABC9C;
	font-weight: 500;
}

.tab-content {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

.tab-content .tab_item {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 20px;
}

.tab-content .tab_item.active {
	display: block;
}

.tab-content {
	width: calc(100% - 80px);
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.menu:hover ~ .tab-content {
	-webkit-transform: translate3d(260px, 0, 0);
	transform: translate3d(260px, 0, 0);
}

/* h-navi card style */
.cards {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: left;
	-ms-flex-pack: left;
	justify-content: left;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 15px;
	/*  padding: 1.5%;*/
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.card {
	position: relative;
	margin-bottom: 20px;
	padding-bottom: 30px;
	background: #fefff9;
	color: #363636;
	text-decoration: none;
	-webkit-box-shadow: rgba(0, 0, 0, 0.19) 0 0 8px 0;
	box-shadow: rgba(0, 0, 0, 0.19) 0 0 8px 0;
	border-radius: 4px;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

@media (max-width: 667px) {
	.card {
		width: 100%;
	}
}

@media (min-width: 668px) {
	.card {
		width: 300px;
		margin-right: 20px;
		margin-bottom: 20px;
	}

	.card:nth-child(even) {
		margin-right: 0;
	}
}

@media (min-width: 980px) {
	.card {
		width: 315px;
	}

	.card:nth-child(even) {
		margin-right: 20px;
	}

	.card:nth-child(3n) {
		margin-right: 0;
	}
}

.card:hover,
.card:focus {
	background: #fff;
	-webkit-box-shadow: rgba(0, 0, 0, 0.45) 0px 0px 20px 0px;
	box-shadow: rgba(0, 0, 0, 0.45) 0px 0px 20px 0px;
}

.card .card-header {
	position: relative;
	height: 3rem;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-color: rgba(255, 255, 255, 0.15);
	background-blend-mode: overlay;
	border-radius: 4px 4px 0 0;
}

.card .card-header:hover,
.card .card-header:focus {
	background-color: rgba(255, 255, 255, 0);
}

.card .card-title {
	position: absolute;
	top: 0;
	width: 100%;
	padding: 1rem 0 1rem 0;
	background: rgba(19, 177, 205, 0.6);
	color: #fff;
}

.card .card-title h3 {
	margin: 0;
	padding: 0 3.5%;
	color: #fff;
	font-size: 1rem;
	line-height: 1.2;
}

.card:hover .card-title,
.card:focus .card-title {
	background: rgba(19, 177, 205, 0.85);
}

.card .card-content {
	margin-bottom: 1rem;
	padding: 1rem 1rem .8rem;
	font-size: 1.2rem;
	line-height: 2.4rem;
}

.card .card-form {
	padding: 0 5%;
	color: #666;
	text-align: center;
}

/* thanks tabs */

.flow-tabs {
	margin: 20px auto;
}

.flow-tabs .state {
	position: absolute;
	left: -10000px;
}

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

.flow-tabs .flex-tabs .tab {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex: 1;
	flex: 1;
	max-height: 60px;
}

.flow-tabs .flex-tabs .tab-panel {
	background-color: transparent;
	padding: 20px;
	min-height: 300px;
	display: none;
	width: 100%;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
}

.flow-tabs .tab {
	padding: 10px;
	vertical-align: top;
	background-color: transparent;
	cursor: pointer;
	color: #fff;
	font-size: 1rem;
	font-weight: 100;
	text-align: center;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.flow-tabs .tab:hover {
	background-color: rgba(255, 255, 255, .3);
	color: rgb(191,54,12);
}

#bank:checked ~ .tabs #bank-label,
#credit:checked ~ .tabs #credit-label,
#multicredit:checked ~ .tabs #multicredit-label {
	background-color: #fff;
	color: rgb(191,54,12);
	font-weight: 500;
	cursor: default;
}

#bank:checked ~ .tabs #bank-panel,
#credit:checked ~ .tabs #credit-panel,
#multicredit:checked ~ .tabs #multicredit-panel {
	display: block;
}

@media (max-width: 600px) {
	.flex-tabs {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.flex-tabs .tab {
		margin-bottom: 0;
		background: rgb(191,54,12);
		border: 1px solid #fff;
		broder-bottom: none;
	}

	.flex-tabs .tab:last-of-type {
		border-bottom: none;
	}

	/*
  .flex-tabs #bank-label {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .flex-tabs #credit-label {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .flex-tabs #multicredit-label {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .flex-tabs #bank-panel {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .flex-tabs #credit-panel {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .flex-tabs #multicredit-panel {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
*/

	#bank:checked ~ .tabs #bank-label,
	#credit:checked ~ .tabs #credit-label,
	#multicredit:checked ~ .tabs #multicredit-label {
		border-bottom: none;
	}

	#bank:checked ~ .tabs #bank-panel,
	#credit:checked ~ .tabs #credit-panel,
	#multicredit:checked ~ .tabs #multicredit-panel {
		border: 1px solid #fff;
	}
}

.timeline {
	list-style: none;
	margin: 50px 0 30px 120px;
	padding-left: 30px;
	border-left: 8px solid #fff;
}

.timeline li {
	margin: 40px 0;
	position: relative;
}

.timeline p {
	margin: 0 0 15px;
}

.step-no {
	margin-top: -10px;
	top: 50%;
	left: -158px;
	font-size: 1.3rem;
	line-height: 1.2rem;
	position: absolute;
	color: #fff;
}

.circle {
	margin-top: -10px;
	top: 50%;
	left: -44px;
	width: 20px;
	height: 20px;
	background: #ccc;
	border: 3px solid #fff;
	border-radius: 50%;
	display: block;
	position: absolute;
}

.content {
	max-height: 20px;
	padding: 50px 20px 0;
	border-color: transparent;
	border-width: 2px;
	border-style: solid;
	border-radius: 0.5em;
	position: relative;
}

.content:before,
.content:after {
	content: "";
	width: 0;
	height: 0;
	border: solid transparent;
	position: absolute;
	pointer-events: none;
	right: 100%;
}

.content:before {
	border-right-color: inherit;
	border-width: 20px;
	top: 50%;
	margin-top: -20px;
}

.content:after {
	border-right-color: rgb(191,54,12);
	border-width: 17px;
	top: 50%;
	margin-top: -17px;
}

.content p {
	max-height: 0;
	margin-bottom: 0;
	color: transparent;
	text-align: justify;
	word-break: break-word;
	overflow: hidden;
}

.timeline label {
	position: absolute;
	z-index: 100;
	cursor: pointer;
	top: 20px;
	color: #fff;
	font-size: 1.3em;
	-webkit-transition: -webkit-transform 0.4s ease-in-out;
	transition: -webkit-transform 0.4s ease-in-out;
	transition: transform 0.4s ease-in-out;
	transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
}

.radio {
	display: none;
}

.radio:checked + .relative label {
	cursor: auto;
	-webkit-transform: translate3d(45px, -10px, 0);
	transform: translate3d(45px, -10px, 0);
}

.radio:checked + .relative .circle {
	background: rgb(191,54,12);
}

.radio:checked ~ .content {
	min-height: 180px;
	border-color: #fff;
	margin-right: 20px;
	-webkit-transform: translateX(20px);
	transform: translateX(20px);
	-webkit-transition: max-height 0.4s ease-in-out, border-color 0.5s ease-in-out, -webkit-transform 0.4s ease-in-out;
	transition: max-height 0.4s ease-in-out, border-color 0.5s ease-in-out, -webkit-transform 0.4s ease-in-out;
	transition: max-height 0.4s ease-in-out, border-color 0.5s ease-in-out, transform 0.4s ease-in-out;
	transition: max-height 0.4s ease-in-out, border-color 0.5s ease-in-out, transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
}

.radio:checked ~ .content p {
	max-height: 200px;
	margin-bottom: .75rem;
	color: #fff;
	-webkit-transform: translate3d(20px, 10px, 0);
	transform: translate3d(20px, 10px, 0);
	-webkit-transition: color 0.3s ease-in-out 0.3s transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
	transition: color 0.3s ease-in-out 0.3s transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
}

@media screen and (max-width: 480px) {
	.timeline {
		margin-left: 0;
		padding-left: 0;
		border-left: none;
	}

	.timeline li {
		margin: 50px 0;
	}

	.timeline label {
		width: 85%;
		font-size: 1.1em;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		display: block;
		-webkit-transform: translateX(18px);
		transform: translateX(18px);
	}

	.content {
		padding-top: 45px;
		padding-bottom: 25px;
		border-color: #eee9dc;
	}

	.content:before,
	.content:after {
		border: solid transparent;
		bottom: 100%;
	}

	.content:before {
		border-bottom-color: inherit;
		border-width: 17px;
		top: -16px;
		left: 50px;
		margin-left: -17px;
	}

	.content:after {
		border-bottom-color: rgb(191,54,12);
		border-width: 20px;
		top: -20px;
		left: 50px;
		margin-left: -20px;
	}

	.content p {
		font-size: 0.9em;
		line-height: 1.4;
	}

	.circle,
	.step-no {
		display: none;
	}
}

/* teacher's introduction */

.orange-circle {
	color: #ffa7a1;
}

.yellow-circle {
	color: #ffdfa1;
}

.blue-circle {
	color: #a1ceff;
}

.green-circle {
	color: #b1eab8;
}

.grey-text {
	color: #656565;
}

@media (max-width: 768px) {
	.mb-break {
		display: block;
	}
}

/* modal fix */

.modal {
	height: 100vh;
	min-height: 450px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.modal-content {
	border: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.modal-open {
	overflow: hidden;
	height: 100%;
}

.modal-open .modal {
	overflow-x: auto;
	overflow-y: auto;
	padding-right: 0 !important;
}

/* ie rayout fix */
@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop,
	.g-hor-centered-row--md {
		table-layout: fixed;
	}
	/* IE11 */
}
/* 以下追記 */
/* 利用規約深夜料金の表 */
.midnight {
margin-bottom: 10px;
}
.midnight td{
	border:solid 1px gray;
}
.midnight th{
	background-color:gray;
	color: white;
	border:solid 1px gray;
	font-size: 14px;
	font-weight: normal;
}
.midnight td ,.midnight th{
	padding:5px;
	text-align: center;
	line-height: normal;
}
/* 利用規約深夜料金の表ここまで */


/* 公式LINE登録 */
.grayback{
	background: rgb(232, 232, 232);
	padding: 20px;
	text-align: center;
}
.lineme p{
	color: rgb(58, 58, 58);
}