@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&subset=japanese);

html, 
body {
    margin:0;
    padding:0;
    overflow-x: hidden;
}
/*!
	Modaal - accessible modals - v0.4.4
	by Humaan, for all humans.
	http://humaan.com
 */
.modaal-noscroll {
	overflow: hidden
}

.modaal-accessible-hide {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0 !important;
	border: 0 !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden
}

.modaal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	opacity: 0
}

.modaal-wrapper {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	overflow: auto;
	opacity: 1;
	box-sizing: border-box;
	-webkit-overflow-scrolling: touch;
	transition: all .3s ease-in-out
}

.modaal-wrapper * {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-backface-visibility: hidden
}

.modaal-wrapper .modaal-close {
	border: none;
	background: 0 0;
	padding: 0;
	-webkit-appearance: none
}

.modaal-wrapper.modaal-start_none {
	display: none;
	opacity: 1
}

.modaal-wrapper.modaal-start_fade {
	opacity: 0
}

.modaal-wrapper [tabindex="0"] {
	outline: 0 !important
}

.modaal-wrapper.modaal-fullscreen {
	overflow: hidden
}

.modaal-outer-wrapper {
	display: table;
	position: relative;
	width: 100%;
	height: 100%
}

.modaal-fullscreen .modaal-outer-wrapper {
	display: block
}

.modaal-inner-wrapper {
	display: table-cell;
	width: 100%;
	height: 100%;
	position: relative;
	vertical-align: middle;
	text-align: center;
	padding: 80px 25px
}

.modaal-fullscreen .modaal-inner-wrapper {
	padding: 0;
	display: block;
	vertical-align: top
}

.modaal-container {
	position: relative;
	display: inline-block;
	width: 100%;
	margin: auto;
	text-align: left;
	color: #000;
	max-width: 1000px;
	border-radius: 0;
	background: #fff;
	box-shadow: 0 4px 15px rgba(0, 0, 0, .2);
	cursor: auto
}

.modaal-container.is_loading {
	height: 100px;
	width: 100px;
	overflow: hidden
}

.modaal-fullscreen .modaal-container {
	max-width: none;
	height: 100%;
	overflow: auto
}

.modaal-close {
	position: fixed;
	right: 20px;
	top: 20px;
	color: #fff;
	cursor: pointer;
	opacity: 1;
	width: 50px;
	height: 50px;
	background: rgba(0, 0, 0, 0);
	border-radius: 100%;
	transition: all .2s ease-in-out
}

.modaal-close:focus,
.modaal-close:hover {
	outline: 0;
	background: #fff
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before {
	background: #b93d0c
}

.modaal-close span {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0 !important;
	border: 0 !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden
}

.modaal-close:after,
.modaal-close:before {
	display: block;
	content: " ";
	position: absolute;
	top: 14px;
	left: 23px;
	width: 4px;
	height: 22px;
	border-radius: 4px;
	background: #fff;
	transition: background .2s ease-in-out
}

.modaal-close:before {
	transform: rotate(-45deg)
}

.modaal-close:after {
	transform: rotate(45deg)
}

.modaal-fullscreen .modaal-close {
	background: #afb7bc;
	right: 10px;
	top: 10px
}

.modaal-content-container {
	padding: 30px
}

.modaal-confirm-wrap {
	padding: 30px 0 0;
	text-align: center;
	font-size: 0
}

.modaal-confirm-btn {
	font-size: 14px;
	display: inline-block;
	margin: 0 10px;
	vertical-align: middle;
	cursor: pointer;
	border: none;
	background: 0 0
}

.modaal-confirm-btn.modaal-ok {
	padding: 10px 15px;
	color: #fff;
	background: #555;
	border-radius: 3px;
	transition: background .2s ease-in-out
}

.modaal-confirm-btn.modaal-ok:hover {
	background: #2f2f2f
}

.modaal-confirm-btn.modaal-cancel {
	text-decoration: underline
}

.modaal-confirm-btn.modaal-cancel:hover {
	text-decoration: none;
	color: #2f2f2f
}

.modaal-instagram .modaal-container {
	width: auto;
	background: 0 0;
	box-shadow: none !important
}

.modaal-instagram .modaal-content-container {
	padding: 0;
	background: 0 0
}

.modaal-instagram .modaal-content-container>blockquote {
	width: 1px !important;
	height: 1px !important;
	opacity: 0 !important
}

.modaal-instagram iframe {
	opacity: 0;
	margin: -6px !important;
	border-radius: 0 !important;
	width: 1000px !important;
	max-width: 800px !important;
	box-shadow: none !important;
	-webkit-animation: instaReveal 1s linear forwards;
	animation: instaReveal 1s linear forwards
}

.modaal-image .modaal-inner-wrapper {
	padding-left: 140px;
	padding-right: 140px
}

.modaal-image .modaal-container {
	width: auto;
	max-width: 100%
}

.modaal-gallery-wrap {
	position: relative;
	color: #fff
}

.modaal-gallery-item {
	display: none
}

.modaal-gallery-item img {
	display: block
}

.modaal-gallery-item.is_active {
	display: block
}

.modaal-gallery-label {
	position: absolute;
	left: 0;
	width: 100%;
	margin: 20px 0 0;
	font-size: 18px;
	text-align: center;
	color: #fff
}

.modaal-gallery-label:focus {
	outline: 0
}

.modaal-gallery-control {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	opacity: 1;
	cursor: pointer;
	color: #fff;
	width: 50px;
	height: 50px;
	background: rgba(0, 0, 0, 0);
	border: none;
	border-radius: 100%;
	transition: all .2s ease-in-out
}

.modaal-gallery-control.is_hidden {
	opacity: 0;
	cursor: default
}

.modaal-gallery-control:focus,
.modaal-gallery-control:hover {
	outline: 0;
	background: #fff
}

.modaal-gallery-control:focus:after,
.modaal-gallery-control:focus:before,
.modaal-gallery-control:hover:after,
.modaal-gallery-control:hover:before {
	background: #afb7bc
}

.modaal-gallery-control span {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0 !important;
	border: 0 !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden
}

.modaal-gallery-control:after,
.modaal-gallery-control:before {
	display: block;
	content: " ";
	position: absolute;
	top: 16px;
	left: 25px;
	width: 4px;
	height: 18px;
	border-radius: 4px;
	background: #fff;
	transition: background .2s ease-in-out
}

.modaal-gallery-control:before {
	margin: -5px 0 0;
	transform: rotate(-45deg)
}

.modaal-gallery-control:after {
	margin: 5px 0 0;
	transform: rotate(45deg)
}

.modaal-gallery-next-inner {
	left: 100%;
	margin-left: 40px
}

.modaal-gallery-next-outer {
	right: 45px
}

.modaal-gallery-prev:after,
.modaal-gallery-prev:before {
	left: 22px
}

.modaal-gallery-prev:before {
	margin: 5px 0 0;
	transform: rotate(-45deg)
}

.modaal-gallery-prev:after {
	margin: -5px 0 0;
	transform: rotate(45deg)
}

.modaal-gallery-prev-inner {
	right: 100%;
	margin-right: 40px
}

.modaal-gallery-prev-outer {
	left: 45px
}

.modaal-video-wrap {
	margin: auto 50px;
	position: relative
}

.modaal-video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	box-shadow: 0 0 10px rgba(0, 0, 0, .3);
	background: #000;
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto
}

.modaal-video-container embed,
.modaal-video-container iframe,
.modaal-video-container object {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.modaal-iframe .modaal-content {
	width: 100%;
	height: 100%
}

.modaal-iframe-elem {
	width: 100%;
	height: 100%;
	display: block
}

.modaal-loading-spinner {
	background: 0 0;
	position: absolute;
	width: 200px;
	height: 200px;
	top: 50%;
	left: 50%;
	margin: -100px 0 0 -100px;
	transform: scale(.25)
}

.modaal-loading-spinner>div {
	width: 24px;
	height: 24px;
	margin-left: 4px;
	margin-top: 4px;
	position: absolute
}

.modaal-loading-spinner>div>div {
	width: 100%;
	height: 100%;
	border-radius: 15px;
	background: #fff
}

.modaal-loading-spinner>div:nth-of-type(1)>div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: 0s;
	animation-delay: 0s
}

.modaal-loading-spinner>div:nth-of-type(2)>div,
.modaal-loading-spinner>div:nth-of-type(3)>div {
	-ms-animation: modaal-loading-spinner 1s linear infinite;
	-moz-animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	-o-animation: modaal-loading-spinner 1s linear infinite
}

.modaal-loading-spinner>div:nth-of-type(1) {
	transform: translate(84px, 84px) rotate(45deg) translate(70px, 0)
}

.modaal-loading-spinner>div:nth-of-type(2)>div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .12s;
	animation-delay: .12s
}

.modaal-loading-spinner>div:nth-of-type(2) {
	transform: translate(84px, 84px) rotate(90deg) translate(70px, 0)
}

.modaal-loading-spinner>div:nth-of-type(3)>div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .25s;
	animation-delay: .25s
}

.modaal-loading-spinner>div:nth-of-type(4)>div,
.modaal-loading-spinner>div:nth-of-type(5)>div {
	-ms-animation: modaal-loading-spinner 1s linear infinite;
	-moz-animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	-o-animation: modaal-loading-spinner 1s linear infinite
}

.modaal-loading-spinner>div:nth-of-type(3) {
	transform: translate(84px, 84px) rotate(135deg) translate(70px, 0)
}

.modaal-loading-spinner>div:nth-of-type(4)>div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .37s;
	animation-delay: .37s
}

.modaal-loading-spinner>div:nth-of-type(4) {
	transform: translate(84px, 84px) rotate(180deg) translate(70px, 0)
}

.modaal-loading-spinner>div:nth-of-type(5)>div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .5s;
	animation-delay: .5s
}

.modaal-loading-spinner>div:nth-of-type(6)>div,
.modaal-loading-spinner>div:nth-of-type(7)>div {
	-ms-animation: modaal-loading-spinner 1s linear infinite;
	-moz-animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	-o-animation: modaal-loading-spinner 1s linear infinite
}

.modaal-loading-spinner>div:nth-of-type(5) {
	transform: translate(84px, 84px) rotate(225deg) translate(70px, 0)
}

.modaal-loading-spinner>div:nth-of-type(6)>div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .62s;
	animation-delay: .62s
}

.modaal-loading-spinner>div:nth-of-type(6) {
	transform: translate(84px, 84px) rotate(270deg) translate(70px, 0)
}

.modaal-loading-spinner>div:nth-of-type(7)>div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .75s;
	animation-delay: .75s
}

.modaal-loading-spinner>div:nth-of-type(7) {
	transform: translate(84px, 84px) rotate(315deg) translate(70px, 0)
}

.modaal-loading-spinner>div:nth-of-type(8)>div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .87s;
	animation-delay: .87s
}

.modaal-loading-spinner>div:nth-of-type(8) {
	transform: translate(84px, 84px) rotate(360deg) translate(70px, 0)
}

/*!
 *  Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
.select2-results__option {
	font-size: 18px
}

.select2.select2-container--default .select2-selection--single {
	height: auto;
	border-color: #000
}

.select2.select2-container--default .select2-selection--single .select2-selection__clear {
	margin-right: 10px
}

.select2.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 21px;
	margin-right: 10px;
	padding: 0
}

.select2.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 100%
}

.select2.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border: none;
	width: 10px;
	height: 10px;
	margin: 0;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45.1' height='45.1' viewBox='0 0 45.1 45.1'%3E%3Cpolygon fill='%2328beff' transform='translate(0, -7.51667)rotate(180 22.55 22.55)'   points='7.04 29.44 0 22.34 22.56 0 45.1 22.34 38.06 29.44 22.56 14.07 7.04 29.44'/%3E%3C/svg%3E");
	background-size: contain;
	top: calc(50% - 5px);
	left: 0
}

.input--error .select2.select2-container--default .select2-selection--single,
.input--error input,
.input--error select,
.input--error textarea,
.input--error~.select2.select2-container--default .select2-selection--single,
.select2.select2-container--default .select2-selection--single,
.val_input,
.val_input--error,
input.input,
input.input--error,
select.input,
select.input--error,
textarea.input,
textarea.input--error {
	border: 1px solid #000;
	background-color: #fff;
	border-radius: 2px;
	font-size: 18px;
	line-height: 1;
	padding: 10px 15px;
	-webkit-appearance: none
}

.input--error input:focus,
.input--error select:focus,
.input--error textarea:focus,
.select2.select2-container--default .select2-selection--single:focus,
.val_input--error:focus,
.val_input--focus,
.val_input:focus,
input.input--error:focus,
input.input:focus,
select.input--error:focus,
select.input:focus,
textarea.input--error:focus,
textarea.input:focus {
	background-color: #fff;
	border-radius: 2px;
	box-shadow: 0 0 4px #ff7e28;
	outline: 0;
	color: initial
}

.input--error input[disabled],
.input--error select[disabled],
.input--error textarea[disabled],
.select2.select2-container--default .select2-selection--single[disabled],
.val_input--error[disabled],
.val_input[disabled],
input.input--error[disabled],
input.input[disabled],
select.input--error[disabled],
select.input[disabled],
textarea.input--error[disabled],
textarea.input[disabled] {
	background-color: #ddd;
	border-color: gray
}

.input--error .select2.select2-container--default .select2-selection--single,
.input--error input,
.input--error select,
.input--error textarea,
.input--error~.select2.select2-container--default .select2-selection--single,
.val_input--error,
input.input--error,
select.input--error,
textarea.input--error {
	background-color: #ffdfdf;
	color: #a82020;
	border-color: #a82020
}

.input--error~.error {
	display: block
}

.formitem {
	display: flex;
	align-items: flex-start;
	margin-top: 40px;
	clear: both
}

.formitem dt {
	flex-basis: 200px
}

.formitem dd {
	flex: 1;
	margin: 0
}

.label {
	display: inline-flex;
	align-items: center;
	font-size: 18px;
	line-height: 1.56;
	font-weight: 700
}

input.input--initial,
select.input--initial,
textarea.input--initial {
	border-color: #fff;
	background-color: #f2f2f2;
	color: #000
}

input.input--inline,
select.input--inline,
textarea.input--inline {
	width: 200px;
	margin-left: auto
}

input.input--inline:first-child,
select.input--inline:first-child,
textarea.input--inline:first-child {
	margin-left: 0
}

input.input--zip,
select.input--zip,
textarea.input--zip {
	width: 100px;
	margin-left: 0
}

.inputwrapper {
	display: inline-flex;
	justify-content: flex-start;
	align-items: flex-start
}

.inputwrapper--fluid {
	width: 100%
}

.inputwrapper>:first-child {
	margin-left: 0
}

.inputwrapper>span {
	font-size: 16px;
	margin: 0 5px;
	align-self: center
}

.inputwrapper>div {
	display: inline-block;
	margin-left: auto;
	flex: auto
}

.inputwrapper--check,
.inputwrapper--radio {
	align-items: baseline;
	flex-wrap: wrap
}

.checkwrapper,
.radiowrapper {
	position: relative;
	margin-right: 25px
}

.checkwrapper--focus label:before,
.radiowrapper--focus label:before {
	box-shadow: 0 0 0 2px #ff7e28
}

.checkwrapper>input,
.radiowrapper>input {
	opacity: 0;
	position: absolute
}

.checkwrapper label,
.radiowrapper label {
	font-size: 18px;
	padding-left: 30px;
	position: relative;
	top: 0;
	display: block
}

input[type=radio]+label:before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 3px;
	left: 0;
	width: 20px;
	height: 20px;
	border: 1px solid #000;
	border-radius: 50%
}

input[type=radio]:checked+label::before {
	border-color: #28beff;
	background-color: #28beff
}

input[type=radio]:checked+label::after {
	content: "";
	display: block;
	position: absolute;
	top: 4px;
	left: 1px;
	width: 20px;
	height: 20px;
	transform: scale(60%);
	background-color: #fff;
	border-radius: 50%
}

input[type=checkbox]+label:before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 3px;
	left: 0;
	width: 20px;
	height: 20px;
	border-radius: 2px;
	border: 1px solid #000
}

input[type=checkbox]:checked+label::before {
	border-color: #28beff;
	background-color: #28beff
}

input[type=checkbox]:checked+label::after {
	content: "";
	display: block;
	position: absolute;
	top: 4px;
	left: 1px;
	width: 20px;
	height: 20px;
	background: no-repeat center;
	background-color: #fff;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='12' viewBox='0 0 13 12'%3E%3Cpolygon fill='%2328beff' points='1.85 4.67 0 6.69 4.92 11.21 13 1.78 10.92 0 4.69 7.29 1.85 4.67'/%3E%3C/svg%3E")
}

.tab__check {
	display: none
}

.tab__check:nth-child(0):checked~.tab__content:nth-of-type(1) {
	display: block
}

.tab__check:nth-child(0):checked~.tab__list .tab__item:nth-child(0) .tab__link {
	height: 55px;
	margin: 0;
	background-color: #0f203e;
	cursor: default
}

.tab__check:nth-child(0):checked~.tab__list .tab__item:nth-child(0) .tab__link:hover {
	opacity: 1
}

.tab__check:nth-child(1):checked~.tab__content:nth-of-type(2) {
	display: block
}

.tab__check:nth-child(1):checked~.tab__list .tab__item:nth-child(1) .tab__link {
	height: 55px;
	margin: 0;
	background-color: #0f203e;
	cursor: default
}

.tab__check:nth-child(1):checked~.tab__list .tab__item:nth-child(1) .tab__link:hover {
	opacity: 1
}

.tab__check:nth-child(2):checked~.tab__content:nth-of-type(3) {
	display: block
}

.tab__check:nth-child(2):checked~.tab__list .tab__item:nth-child(2) .tab__link {
	height: 55px;
	margin: 0;
	background-color: #0f203e;
	cursor: default
}

.tab__check:nth-child(2):checked~.tab__list .tab__item:nth-child(2) .tab__link:hover {
	opacity: 1
}

.tab__check:nth-child(3):checked~.tab__content:nth-of-type(4) {
	display: block
}

.tab__check:nth-child(3):checked~.tab__list .tab__item:nth-child(3) .tab__link {
	height: 55px;
	margin: 0;
	background-color: #0f203e;
	cursor: default
}

.tab__check:nth-child(3):checked~.tab__list .tab__item:nth-child(3) .tab__link:hover {
	opacity: 1
}

.tab__check:nth-child(4):checked~.tab__content:nth-of-type(5) {
	display: block
}

.tab__check:nth-child(4):checked~.tab__list .tab__item:nth-child(4) .tab__link {
	height: 55px;
	margin: 0;
	background-color: #0f203e;
	cursor: default
}

.tab__check:nth-child(4):checked~.tab__list .tab__item:nth-child(4) .tab__link:hover {
	opacity: 1
}

.tab__check:nth-child(5):checked~.tab__content:nth-of-type(6) {
	display: block
}

.tab__check:nth-child(5):checked~.tab__list .tab__item:nth-child(5) .tab__link {
	height: 55px;
	margin: 0;
	background-color: #0f203e;
	cursor: default
}

.tab__check:nth-child(5):checked~.tab__list .tab__item:nth-child(5) .tab__link:hover {
	opacity: 1
}

.tab__check:nth-child(6):checked~.tab__content:nth-of-type(7) {
	display: block
}

.tab__check:nth-child(6):checked~.tab__list .tab__item:nth-child(6) .tab__link {
	height: 55px;
	margin: 0;
	background-color: #0f203e;
	cursor: default
}

.tab__check:nth-child(6):checked~.tab__list .tab__item:nth-child(6) .tab__link:hover {
	opacity: 1
}

.tab__check:nth-child(7):checked~.tab__content:nth-of-type(8) {
	display: block
}

.tab__check:nth-child(7):checked~.tab__list .tab__item:nth-child(7) .tab__link {
	height: 55px;
	margin: 0;
	background-color: #0f203e;
	cursor: default
}

.tab__check:nth-child(7):checked~.tab__list .tab__item:nth-child(7) .tab__link:hover {
	opacity: 1
}

.tab__check:nth-child(8):checked~.tab__content:nth-of-type(9) {
	display: block
}

.tab__check:nth-child(8):checked~.tab__list .tab__item:nth-child(8) .tab__link {
	height: 55px;
	margin: 0;
	background-color: #0f203e;
	cursor: default
}

.tab__check:nth-child(8):checked~.tab__list .tab__item:nth-child(8) .tab__link:hover {
	opacity: 1
}

.tab__check:nth-child(9):checked~.tab__content:nth-of-type(10) {
	display: block
}

.tab__check:nth-child(9):checked~.tab__list .tab__item:nth-child(9) .tab__link {
	height: 55px;
	margin: 0;
	background-color: #0f203e;
	cursor: default
}

.tab__check:nth-child(9):checked~.tab__list .tab__item:nth-child(9) .tab__link:hover {
	opacity: 1
}

.tab__check:nth-child(10):checked~.tab__content:nth-of-type(11) {
	display: block
}

.tab__check:nth-child(10):checked~.tab__list .tab__item:nth-child(10) .tab__link {
	height: 55px;
	margin: 0;
	background-color: #0f203e;
	cursor: default
}

.tab__check:nth-child(10):checked~.tab__list .tab__item:nth-child(10) .tab__link:hover {
	opacity: 1
}

.tab__list {
	display: flex;
	margin: 7px 0 0 0;
	padding: 0;
	justify-content: center;
    width: 100%;
	width: 100%;
	height: 48px;
	background-color: #3a4860;
}

/* 横スクロール対応 - タブが5個以上の場合 */
.tab__list--scrollable {
	justify-content: flex-start;
	min-width: max-content;
}

.tab__item {
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
	border-radius: 4px 4px 0 0;
	color: #fff;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	text-align: center;
	width: 250px;
	cursor: pointer
}

.tab__item.active {
	background-color: #0f203e;
	height: 55px;
	border-radius: 4px 4px 0 0;
	margin-top: -7px
}

.tab__link {
	width: 200px;
	height: 47px;
	margin-top: 7px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
	background-color: #3a4860;
	color: #fff
}

.tab__link:hover {
	opacity: .7;
	text-decoration: none
}

.tab__content {
	display: none;
	width: 100%
}

.tab__content__sub {
	display: none
}

.tab__content__sub:checked {
	border: solid 1px #c85819;
	background-color: #c85819;
	cursor: default
}

.tab__content__sub:checked:hover {
	opacity: 1
}

.tab__content__list {
	width: calc(100% - 20px);
	margin: 0;
	padding: 20px 10px;
	background-color: #0f203e;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
	align-items: center
}

.tab__content__item {
	display: flex;
	flex-wrap: wrap;
	overflow: hidden
}

.tab__content__group {
	font-size: 16px;
	color: #fff;
	border: solid 1px #878f9e;
	padding: 10px 0;
	margin: 0 4px;
	border-radius: 4px;
	display: flex;
	flex-wrap: wrap;
	cursor: pointer;
	justify-content: center;
	width: 130px
}

.tab__content__group:hover {
	opacity: .7;
	text-decoration: none
}

.tab__content__group:checked {
	border: solid 1px #c85819;
	background-color: #c85819
}

.tab__content__group.current {
	background: #c85819;
	border: solid 1px #c85819;
	cursor: default
}

.tab__content__group.current:hover {
	opacity: 1
}

.tab__content__group__categoryname {
	display: flex
}

.tab #tab--1:checked~#tab--1_content,
.tab #tab--2:checked~#tab--2_content,
.tab #tab--3:checked~#tab--3_content {
	display: flex
}

.total {
	display: flex
}

.tag {
	display: inline-block;
	font-size: 1.2rem;
	line-height: 3rem;
	border-radius: 1.5rem;
	text-align: center;
	width: 8.6rem
}

.wrapper {
	/* min-height: 100vh; */
	display: none;
	flex-direction: column;
}

.footer {
	margin-top: 80px;
	width: 100%;
	overflow: hidden
}

.footer__pagetop {
	position: relative
}

.footer__pagetop__link {
	position: fixed;
	left: 50%;
	bottom: 3rem;
	transform: translateX(-100%);
	background-color: #fff;
	font-size: 1.4rem;
	font-weight: 700;
	width: 8rem;
	height: 8rem;
	border-radius: 4rem;
	transition: opacity .5s ease-in;
	opacity: 0
}

.footer__pagetop__link.show {
	opacity: 1
}

.footer__pagetop__link:hover {
	border-bottom: none
}

.footer__pagetop__link .icon {
	margin: 0 auto .5rem;
	transform: rotate(270deg);
	width: 1.6rem;
	height: 1.6rem
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
	margin: 0;
	padding: 0;
	border: 0;
	/* font-size: 100%; */
	/* font: inherit; */
	vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

body {
	line-height: 1
}

ol,
ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
	content: '';
	content: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

html {
	font-family: Hiragino Kaku Gothic ProN, Osaka, sans-serif;
	/* font-size: 10px; */
	margin: 0;
	padding: 0
}

body {
	background-color: #e6eaee;
	color: #3d3d3d;
	margin: 0;
	padding: 0;
	/* overflow-y: scroll */
}

a {
	text-decoration: none;
	color: #3a4860
}

a:not(.active):hover {
	opacity: .7;
	text-decoration: none
}

img {
	height: auto
}

.btn {
	display: inline-block;
	position: relative
}

.btn.pagetop {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 10px 0;
	font-size: 16px;
	border: none;
	background-color: #3a4860;
	padding: 12px 16px;
	color: #fff;
	border-radius: 40px;
	position: fixed;
	right: 40px;
	bottom: 40px;
	font-size: 13px;
	z-index: 10;
	cursor: pointer;
}

.header {
	width: 100%;
	/* position: -webkit-sticky; */
	position: fixed;
	top: 0;
	background-color: #fff;
	z-index: 2
}

.header__top {
	width: 100%;
	height: 74px;
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.header__top__block {
	width: 100%;
	height: 74px;
	display: flex;
	position: relative;
	align-items: center;
	justify-content: space-between
}

.header__top__block__company {
	display: flex;
	width: 100px
}

.header__top__block__icon {
	display: flex;
	align-items: center;
	margin-left: auto
}

.header__top__block__icon i {
	margin-right: 20px;
	font-size: 17px;
	position: relative
}

.header__top__block__icon i:hover {
	cursor: pointer
}

.header__top__block__icon i.has-news {
	color: orange;
	margin-top: -15px;
    display: block;
}

.header__top__block__icon i.has-news:after {
    content: ' \25CF';
    font-size: .5rem;
    color: #ff0000;
    margin-top: -20px;
    margin-left: 12px;
    display: block;
}

.header__top__block__logo {
	display: flex;
	width: 10rem
}

.header__top__block:first-of-type {
	margin-left: 22px
}

.header__top__block__user__wrapper {
	position: relative;
}

.header__top__block__user {
	display: flex;
	align-items: center;
	font-size: 14px;
	margin-right: 5px;
	cursor: pointer;
	padding: 8px 12px;
	border-radius: 4px;
	transition: background-color 0.2s;
}

.header__top__block__user:hover {
	background-color: rgba(255, 255, 255, 0.1);
}

.header__top__block__user:before {
	content: url(../img/icon_user.svg);
	width: 14px;
	margin-right: 8px
}

.header__top__block__user i.fa-caret-down {
	margin-left: 8px;
	font-size: 12px;
}

.header__user__dropdown {
	position: absolute;
	top: 100%;
	right: 0;
	background-color: white;
	border: 1px solid #ddd;
	border-radius: 4px;
	box-shadow: 0 4px 8px rgba(0,0,0,0.15);
	min-width: 180px;
	z-index: 1000;
	margin-top: 8px;
}

.header__user__dropdown .dropdown__item {
	display: flex;
	align-items: center;
	padding: 12px 16px;
	color: #333;
	text-decoration: none;
	font-size: 14px;
	transition: background-color 0.2s;
	border-bottom: 1px solid #f0f0f0;
}

.header__user__dropdown .dropdown__item:last-child {
	border-bottom: none;
}

.header__user__dropdown .dropdown__item:hover {
	background-color: #f5f5f5;
}

.header__user__dropdown .dropdown__item i {
	margin-right: 8px;
	width: 16px;
}

.header__top__tit {
	font-weight: 700;
	display: flex;
	position: absolute;
	padding: 24px 0
}

.header__tab {
	width: 100%;
	/* background-color: #3a4860; */
	/* margin-top: 7px; */
	position: relative;
	overflow-x: auto;
}

.header__tab::-webkit-scrollbar {
	height: 0;
}

.tab {
	width: 100%;
	height: 128px;
	top: -7px;
	position: absolute
}

.active {
	display: flex
}

.content {
	margin-top: 129px;
}

.contents {
	/* display: none; */
	/* margin-bottom: 40px; */
	width: 100% !important;
	box-sizing: border-box;
}

.content-main {
	display: none;
}

.contents:nth-of-type(2) {
	margin-bottom: 0;
	padding: 0;
	flex-wrap: wrap
}

.dashboard .contents_body {
	padding: 0 3vw 0 calc(340px + 3vw);
	margin-left: 20px;
	margin-top: -2px;
	margin-bottom: 100px;
}

.management .contents_body {
	/* padding: 0 100px 0 420px; */
	width: 100%
}

.management .contents_body .category__tit {
	width: 90px;
	display: block;
	text-align: center;
	padding: 2px 6px;
	background-color: #3a4860;
	color: #fff;
	border-radius: 4px;
	font-size: 20px;
	margin-top: 35px
}

.show {
	display: inline-block;
}

.hide {
	display: none !important;
}

.show:nth-of-type(2) {
	/* padding: 0; */
	/* display: flex; */
	flex-wrap: wrap
}

.notice {
	position: fixed;
	top: 129px;
	right: -30%;
	width: 30%;
	height: calc(100% - 129px);
	padding: 80px 20px 20px 50px;
	background: #fff;
	border: 1px solid #dfe6f2;
	transition: all .5s ease-in-out;
	z-index: 100;
	box-sizing: border-box
}

.notice.open {
	right: 0
}

.notice__closebtn {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 50px;
	height: 50px;
	cursor: pointer
}

.notice__closebtn span {
	display: inline-block;
	transition: all .4s;
	position: absolute;
	left: 14px;
	height: 3px;
	border-radius: 2px;
	background-color: #666;
	width: 45%
}

.notice__closebtn span:nth-of-type(1) {
	top: 18px;
	left: 18px;
	transform: translateY(6px) rotate(-45deg);
	width: 30%
}

.notice__closebtn span:nth-of-type(2) {
	top: 30px;
	left: 18px;
	transform: translateY(-6px) rotate(45deg);
	width: 30%
}

.notice__back {
	width: 100%;
	margin: 0 auto;
	padding: 0 100px;
	display: block;
	text-align: right;
	box-sizing: border-box;
	font-size: 16px;
	margin: 20px 0 -20px 0
}

.notice__tit {
	width: 152px;
	display: flex;
	justify-content: center;
	background-color: #0f203e;
	border-radius: 4px 0 0 4px
}

.notice__tit p {
	margin: auto;
	color: #fff;
	font-size: 18px
}

.notice__contents {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	background-color: #fff;
	overflow: auto
}

.notice__contents__block {
	margin-bottom: 50px
}

.notice__contents__more {
	font-size: 14px
}

.notice__sub {
	width: 100%;
	margin-bottom: 15px;
	line-height: 1.5;
	font-size: 16px
}

.notice__sub__date {
	color: #777
}

.notice__sub:last-child {
	margin-bottom: 0
}

.notice__sub__txt {
	white-space: inherit;
}

i {
	color: #0f203e
}

.aside {
	width: 360px;
	height: calc(100% - 100px);
	position: relative;
	background-color: #fff;
	position: fixed;
	top: 129px;
	z-index: 2;
}

.aside--indent {
	margin-left: 20px;
	margin-bottom: 6px
}

.aside__accordion {
	position: fixed;
	width: 100%;
	z-index: 3;
}

.aside__accordion__side {
	box-shadow: 0 1px 4px #0000000d;
	position: absolute;
	z-index: 1;
	left: calc(360px - 16px);
	font-size: 22px;
	background-color: #fff;
	color: #3a4860;
	border-radius: 40px;
	width: 32px;
	height: 32px;
	padding: 10px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 24px;
	cursor: pointer
}

.aside__accordion__side:before {
	content: '';
	display: inline-block;
	border-top: 2px #aaa solid;
	border-left: 2px #aaa solid;
	width: 8px;
	height: 8px;
	transform: rotate(-45deg)
}

.aside__accordion__side.close:before {
	transform: rotate(-45deg);
	margin-top: 0
}

.aside__accordion__side.open:before {
	transform: rotate(135deg);
	margin-top: 0
}

.aside__body {
	overflow: auto;
	border-top: solid 1px #dfe6f2
}

.aside__body a {
	margin-left: -30px;
	padding-left: 20px;
	width: 100%;
	display: block;
}

.dashboard .aside__body {
	height: calc(100% - 175px)
}

.management .aside__body {
	height: calc(100% - 280px)
}

.aside__body .aside__block__headline:not(.waiting):hover {
	background: #e6eaee;
}

.aside__block_link {
	padding: 10px 0;
}

.aside__block {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	flex-flow: column;
	justify-content: flex-start;
	padding: 32px 0 32px 0;
}

.aside__block__headline {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	padding: 0 0 0 50px;
	position: relative
}

.aside__block__headline .aside__group__head {
	margin-bottom: 0;
	font-size: .6rem;
}

.aside__block__headline__img {
	width: 20px;
	display: flex;
	flex-wrap: wrap;
}

.aside__block__headline__tit {
	display: flex;
	flex-wrap: wrap;
	padding-left: 12px;
	font-size: 18px
}

.aside__block__category {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	/* justify-content: space-between; */
	padding: 0;
	/* margin-bottom: -6px; */
}

.aside__block__category__section:not(.preparation):hover,
.aside__block__category a:not(.preparation):hover {
	background-color: #e6eaee
}

.aside__block__category__siten {
	font-size: 16px;
	padding: 0 0 6px 0
}

.aside__block__category__tit {
	width: 38px;
	display: inline-block;
	flex-wrap: wrap;
	font-size: 12px;
	text-align: center;
	padding: 2px 6px;
	background-color: #3a4860;
	color: #fff;
	border-radius: 4px
}

.sub_title {
	margin: 10px 0 10px 40px;
	padding: 3px 10px;
}

.aside__block__category__section {
	display: flex;
	width: calc(100% - 40px);
	font-size: 16px;
	padding: 0 0 0 90px;
	margin-left: -40px;
	line-height: 2;
}

.preparation:after {
	content: '準備中';
	background: url(../img/hammer-solid.svg);
	background-position: right;
	background-repeat: no-repeat;
	display: inline-block;
	width: 70px;
	height: 16px;
	margin-left: 10px;
	font-size: 16px;
}
.preparation {
	pointer-events: none;
}

.aside__block__category.-active .aside__block__category__tit {
	color: #3a4860;
	background-color: #fff
}

.aside__block--darkblue {
	border-width: 1px 0 0;
	border-style: solid;
	border-color: #dfe6f2;
	background: #0f203e;
	color: #fff;
	padding: 32px 0 32px 0;
}

.aside__block--darkblue i {
	color: #fff
}

.aside__block._expand-close {
	padding: 20px 0 20px 0;
}

.aside__group {
	/* padding-top: 4px; */
	margin-bottom: 0;
}

.aside__group__head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
	margin-bottom: 12px
}

.aside__group__head.all {
	margin: 0 -2.5rem 0 -1.5rem;
	width: calc(100% + 4rem)
}

.aside__group__head .button_group {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin: -15px 0 -26px;
	text-align: right
}

.aside__group__head .button_group div {
	font-size: 13px;
	cursor: pointer;
	padding: 5px 0;
	margin: 2px 0 2px auto;
	width: 48%
}

.aside__group__head .button_group div:hover {
	opacity: .75
}

.aside__group__head .button_group div.-active {
	background-color: #0f203e;
	color: #fff
}

.aside__group__head .button_group div i {
	margin-right: 5px
}

.aside__group__head .button_group .allopen {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding-right: 4em;
}

.aside__group__head .button_group .allopen i {
	margin-right: 3px;
	font-size: 28px;
	line-height: 0;
}

.aside__group__head .button_group .allclose {
	padding-right: 3em;
}

.aside [data-filter]:not(.preparation) {
	cursor: pointer
}

.aside [data-filter]:not(.preparation):hover {
	opacity: .75
}

.aside :not(.preparation):not(.waiting).-active {
	background-color: #4a586f;
	color: #fff;
}

.aside :not(.preparation).-active a {
	color: #fff;
}

.aside :not(.preparation).-active i {
	color: #fff
}

.tit {
	margin-top: 55px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-weight: 700;
	font-size: .63rem;
}

.tit img {
	display: flex;
	flex-wrap: wrap;
	width: 32px;
}

.tit__img__side {
	display: flex;
	flex-wrap: wrap;
	width: 26px
}

.tit__txt {
	display: flex;
	flex-wrap: wrap;
	font-size: 26px;
	padding-left: 16px
}

#all_tit {
	margin-left: 20px;
	/*margin-bottom: -30px;*/
}

i.fav_txt {
	font-size: 36px;
}

section {
	width: 100%;
	margin: 0 auto;
	position: relative
}

.data__category section:first-of-type {
	width: 100%;
	margin: 0 auto;
	position: relative
}

section input {
	display: none
}

section input:checked~.group {
	display: none
}

.accordion {
	font-size: 22px;
	background-color: #fff;
	color: #3a4860;
	border-radius: 40px;
	width: 26px;
	height: 26px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.accordion:before {
	content: '';
	display: inline-block;
	border-top: 2px #aaa solid;
	border-left: 2px #aaa solid;
	width: 8px;
	height: 8px;
	margin-top: 4px;
	transform: rotate(45deg)
}

.accordion.close:before {
	transform: rotate(225deg);
	margin-top: -4px
}

.aside .accordion {
	position: absolute;
	left: 310px
}

.heading {
	/* opacity: 0; */
	width: auto;
	margin: 30px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: 700;
	border-left: solid 3px #c85819;
	font-size: 18px;
	box-sizing: border-box;
	padding-left: 20px
}

.heading__management {
	width: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: 700;
	border-left: none;
	font-size: 18px;
	border-left: solid 3px #c85819;
	box-sizing: border-box;
	padding-left: 20px;
	line-height: 32px
}

.underconstruction .heading__management {
	width: auto;
	justify-content: flex-start;
	align-items: center;
	font-weight: 700;
	font-size: 18px;
	border-left: solid 3px #c85819;
	box-sizing: border-box;
	padding-left: 20px;
	line-height: 32px
}

.underconstruction .heading__management:after {
	content: url(../img/hammer-solid.svg);
	display: inline-block;
	width: 16px;
	margin-left: 10px
}

.none_fav {
	font-size: 1.8rem;
	text-align: center;
	width: 100%;
	margin: 100px auto
}

.group,
.group-headquarter {
	/* width: calc(100% + 30px); */
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-top: 30px;
	margin-left: -30px;
}

.group-headquarter {
	margin-top: 32px;
}

.group__block {
	opacity: 0;
	width: calc(33.3333% - 30px);
	background-color: #fff;
	margin: 0 0 30px 30px;
	border-radius: 4px;
	box-shadow: 0 1px 4px #0000000D;
	transition: .5s;
	position: relative
}

.group__block__label {
	display: block;
	/* justify-content: space-between; */
	align-items: center;
	border-bottom: solid 1px #dfe6f2;
	padding: 1.2em 1em;
	min-height: 20px;
}

.group__block__label__fav {
	cursor: pointer;
	width: 100%;
}

.group__block__label__fav i {
	color: orange;
	float: right;
	font-size: 20px;
}

.group__block__tit_star,
.group__block__tit_text {
	font-size: 16px;
	font-weight: normal;
	display: flex;
	justify-content: flex-start;
	margin-right: 2px;
	margin-top: 4px;
	float: left;
}

.group__block__tit_star {
	width: calc(100% - 30px);
}

.group__block__tit_text {
	width: calc(100% - 110px);
	margin: 0;
}

.group__block__tit__list {
	border-radius: 22px;
	font-size: 14px;
	font-weight: 700;
	padding: 10px;
	flex: 1;
	text-align: center
}

.group__block__tit__list+.group__block__tit__list {
	margin-left: 6px
}

.group__block__tit__list.orders {
	background-color: #0f203e
}

.group__block__tit__list.update {
	background-color: #3a4860
}

.group__block__tit__list.tableau {
	background-color: #c85819
}

.group__block__img {
	width: calc(100% - 40px) !important;
	padding: 20px
}

.group__sub {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-top: 22px
}

.group__sub__block {
	width: calc(33.3333% - 20px);
	background-color: #fff;
	margin: 0 30px 30px 0;
	border-radius: 4px;
	box-shadow: 0 1px 4px #0000000D;
	transition: .5s;
	position: relative
}

.group__sub__block:nth-of-type(3n) {
	margin: 0 0 30px 0
}

.group__sub__block__tit {
	font-size: 16px;
	padding: 16px 20px;
	border-bottom: solid 1px #dfe6f2;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between
}

.group__sub__block__tit__list {
	border-radius: 22px;
	font-size: 14px;
	font-weight: 700;
	padding: 10px;
	margin-right: 6px
}

.group__sub__block__tit__list.orders {
	background-color: #7a899e
}

.group__sub__block__tit__list.update {
	background-color: #927e65
}

.group__sub__block__tit__list.tableau {
	background-color: #1d7aab
}

.group__sub__block__tit__txt {
	font-size: 16px;
	display: flex;
	padding-right: 12px
}

.group__sub__block__tit__img {
	float: right;
	width: 99.8%;
	display: flex;
	/* margin-right: 6px */
}

.group__sub__block__img {
	width: calc(100% - 40px);
	padding: 20px
}

[data-category] {
	opacity: 0
}

.management .group__sub__block {
	width: calc(50% - 20px);
	margin: 0 0 30px 0
}

.management .group__sub__block:nth-child(2n) {
	margin: 0 0 30px 30px
}

.management .group__sub__block .group__sub__block__tit__img {
	width: calc(50% - 20px);
	max-width: 100px
}

svg path,
svg rect {
	fill: #0f203e
}

.loading {
	display: flex;
	position: fixed;
	justify-content: center;
	align-items: center;
	background: #fff;
	width: 100vw;
	height: 100vh;
	z-index: 10;
	top: 0
}

.loader,
.loader:after {
	border-radius: 50%;
	width: 10em;
	height: 10em
}

.loader {
	margin: 60px auto;
	font-size: 10px;
	position: relative;
	text-indent: -9999em;
	border-top: 1.1em solid rgba(15, 32, 62, .2);
	border-right: 1.1em solid rgba(15, 32, 62, .2);
	border-bottom: 1.1em solid rgba(15, 32, 62, .2);
	border-left: 1.1em solid #0f203e;
	transform: translateZ(0);
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;
	contain: content
}

.is-animated {
	-webkit-animation: .5s zoom-in;
	animation: .5s zoom-in;
	opacity: 1 !important
}

.display-none {
	display: none;
}

.not-allow-page {
	padding-top: 30px;
	font-family: "Hiragino Kaku Gothic ProN" !important;
}

.fancybox-slide--image .fancybox-content {
	top: initial !important;
}

@media (min-width:641px) {
	.only-sp {
		display: none
	}
}


.group__sub__block__tit__img {
	width: 4.5vw !important;
	min-width: 70px;
	margin-top: -4px;
}

@media (min-width:1378px) {
	.contents_body {
		padding: 0 100px 0 380px
	}
}

@media only screen and (min-width:1400px) {
	.modaal-video-container {
		padding-bottom: 0;
		height: 731px
	}
}

@media screen and (max-width:1242px) {
	.group__block {
		margin: 0 0 2vw 2vw;
	}

	.group__block__label {
		padding: 1.3vw 1vw
	}

	/* .group__block__tit__txt {
		font-size: 1.2vw
	} */

	.group__block__img {
		padding: 1vw;
		width: calc(100% - 2vw)
	}

	.group__sub__block__tit__txt {
		font-size: 1.2vw
	}
}

@media screen and (max-width:1200px) {
	.group {
		/* width: calc(100% + 20px); */
		margin-left: -25px;
	}

	.group__sub__block {
		width: calc(50% - 20px)
	}

	.group__sub__block:nth-of-type(3n) {
		margin: 0 30px 30px 0
	}

	.group__sub__block:nth-of-type(2n) {
		margin: 0 0 30px 0
	}

	.group__block {
		width: 46.5%;
		/* max-width: 280px; */
	}

	.print {
		display: none;
	}

	.header__top__block__user {
		max-width: 110px;
	}
}

@media only screen and (max-width:1140px) {
	.modaal-image .modaal-inner-wrapper {
		padding-left: 25px;
		padding-right: 25px
	}

	.modaal-gallery-control {
		top: auto;
		bottom: 20px;
		transform: none;
		background: rgba(0, 0, 0, .7)
	}

	.modaal-gallery-control:after,
	.modaal-gallery-control:before {
		background: #fff
	}

	.modaal-gallery-next {
		left: auto;
		right: 20px
	}

	.modaal-gallery-prev {
		left: 20px;
		right: auto
	}
}

@media screen and (max-width:900px) {
	.modaal-instagram iframe {
		width: 500px !important
	}
}

@media screen and (max-width: 838px) {
	.group__block {
		width: 100%;
	}
}

@media screen and (max-width:768) {
	.group__block__tit__txt {
		font-size: 10px
	}

	.group__sub__block__tit__txt {
		font-size: 10px
	}
}

@media screen and (max-width:700px) {
	.management .group__sub__block {
		width: calc(100%);
		margin: 0 0 30px 0
	}

	.management .group__sub__block:nth-child(2n) {
		margin: 0 0 30px 0
	}
}

@media screen and (max-width:640px) {
	.select2-results__option {
		font-size: 16px
	}

	.input--error .select2.select2-container--default .select2-selection--single,
	.input--error input,
	.input--error select,
	.input--error textarea,
	.input--error~.select2.select2-container--default .select2-selection--single,
	.select2.select2-container--default .select2-selection--single,
	.val_input,
	.val_input--error,
	input.input,
	input.input--error,
	select.input,
	select.input--error,
	textarea.input,
	textarea.input--error {
		border-radius: 2px;
		font-size: 16px;
		padding: 8px 10px
	}

	.formitem {
		display: block;
		margin: 20px 15px 0
	}

	.formitem dt {
		margin-bottom: 5px
	}

	.label {
		height: auto;
		font-size: 16px;
		line-height: 1.75
	}

	input.input--zip,
	select.input--zip,
	textarea.input--zip {
		width: 100px
	}

	.inputwrapper .input {
		width: calc(100% - 20px)
	}

	.checkwrapper label,
	.radiowrapper label {
		font-size: 16px
	}

	input[type=radio]+label:before {
		width: 20px;
		height: 20px
	}

	input[type=radio]:checked+label::after {
		width: 20px;
		height: 20px;
		transform: scale(60%)
	}

	.only-pc {
		display: none
	}
}

@media only screen and (max-width:600px) {
	.modaal-instagram iframe {
		width: 280px !important
	}
}

@media screen and (max-height:1100px) {
	.modaal-instagram iframe {
		width: 700px !important
	}
}

@media screen and (max-height:1000px) {
	.modaal-inner-wrapper {
		padding-top: 60px;
		padding-bottom: 60px
	}

	.modaal-instagram iframe {
		width: 600px !important
	}
}

@media screen and (max-height:900px) {
	.modaal-instagram iframe {
		width: 500px !important
	}

	.modaal-video-container {
		max-width: 900px;
		max-height: 510px
	}
}

@media only screen and (max-height:820px) {
	.modaal-gallery-label {
		display: none
	}
}

@keyframes instaReveal {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@-webkit-keyframes instaReveal {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@-webkit-keyframes modaal-loading-spinner {
	0% {
		opacity: 1;
		transform: scale(1.5)
	}

	100% {
		opacity: .1;
		transform: scale(1)
	}
}

@keyframes modaal-loading-spinner {
	0% {
		opacity: 1;
		transform: scale(1.5)
	}

	100% {
		opacity: .1;
		transform: scale(1)
	}
}

@-webkit-keyframes load8 {
	0% {
		transform: rotate(0)
	}

	100% {
		transform: rotate(360deg)
	}
}

@keyframes load8 {
	0% {
		transform: rotate(0)
	}

	100% {
		transform: rotate(360deg)
	}
}

@-webkit-keyframes zoom-in {
	0% {
		top: 20px
	}

	100% {
		top: 0
	}
}

@keyframes zoom-in {
	0% {
		top: 20px
	}

	100% {
		top: 0
	}
}

/*# sourceMappingURL=app.css.map */

.member-import-export {
	width: 426px;
	margin: 50px auto;
	display: block;
}

.member-import-export input {
	width: 210px;
}

.member-import-export .error,
.member-import-export .success {
	margin-bottom: 10px;
	font-size: 16px;
	display: block;
}

.member-import-export .error {
	color: #a82020;
}

.member-import-export .success {
	color: #008000;
}

.member-import-export .delete {
	color: #fff;
	background-color: #d70000;
	border: none;
	margin: 50px auto 0;
	display: block;
}

.member-import-export .delete:hover {
	background-color: #c45757;
}

.no-aside {
	margin-left: -360px;
}

.aside__block__item {
	display: table-cell;
	vertical-align: middle;
	font-size: .6rem;
}

.aside__block__item.-active {
	background: none !important;
}

.invalid {
	width: 500px;
	margin: 200px auto 20px;
	line-height: 1.5em;
	display: block;
}

.invalid a {
	color: #00afff;
}

.fancybox-inner {
	bottom: 100px !important;
}

.fancybox-content {
	transform: translateX(12%) !important;
    width: calc(100% - 20px) !important;
    height: 100% !important;
    max-width: 1200px !important;
}

@media print {
	@page { 
		size: A4 landscape;
		margin: 0;
	}
	body {
		-webkit-print-color-adjust: exact;
		margin: 0mm;
	}
	.header,
	.fas, .fas::before,
	.tit__txt,
	#all_tit,
	.aside__accordion,
	.aside__accordion__side,
	.accordion,
	.heading,
	.btn.pagetop,
	.group__block__label__fav i,
	.group__block__label,
	::-webkit-scrollbar {
		display: none;
		margin: 0;
		visibility: hidden;
		opacity: 0;
		height: 0;
		width: 0;
	}
	.content,
	.contents_body,
	.content-main,
	.data__category,
	.sort__wrapper,
	.tit {
		margin: 0mm !important;
	}
	.content {
		margin-top: -5mm !important;
	}
	.tit {
		margin-top: -3mm !important;
	}
	.group {
		display: block;
		margin: 0 auto !important;
	}
	.group__block {
		width: auto !important;
		max-width: 100% !important;
		height: 150mm;
		margin: 0 auto !important;
		padding:  0;
		box-shadow: none;
		page-break-after: always;
	}
	.dashboard [data-category]:not(a):not(.is-animated) {
		opacity: 1 !important;
	}
	.group__block__tit_star {
		width: 100%;
		display: block;
	}
	.show {
		display: block;
	}
	.tit {
		display: block;
	}
	.group__block__img {
		display: block;
		height: 149mm;
		margin: 25mm auto 25mm auto !important;
		border: 1px solid #eee;
		width: auto !important;
	}
}