@charset "UTF-8";

@font-face {
	font-family:Circular Std Medium;font-style:normal;font-weight:400;src:local("Circular Std Medium"),url(/assets/font/CircularStd-Medium.woff) format("woff")
}

@font-face {
	font-family:Circular Std Bold;font-style:normal;font-weight:700;src:local("Circular Std Bold"),url(/assets/font/CircularStd-Bold.woff) format("woff")
}

@font-face {
	font-family:DINOT-Medium;font-style:normal;font-weight:400;src:local("DINOT-Medium"),url(/assets/font/DINOT-Medium.woff) format("woff")
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased
}

body {
	margin: 0
}

h1,h2,h3,h4,h5,h6 {
	margin: 0;
	font-weight: 400;
	font-size: inherit
}

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

img {
	border: 0;
	max-width: 100%;
	height: auto;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

dd,dl,dt,ol,ul {
	padding: 0;
	margin: 0
}

li,ol {
	list-style: none
}

a {
	text-decoration: none;
	display: inline-block;
	color: inherit;
	cursor: pointer
}

p {
	margin-top: 0;
	margin-bottom: 0
}

button,input[type=button],input[type=reset],input[type=submit] {
	background: none;
	border: 0;
	color: inherit;
	font: inherit;
	line-height: normal;
	overflow: visible;
	padding: 0;
	-webkit-appearance: button;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	cursor: pointer
}

button:focus {
	outline: 0
}

button::-moz-focus-inner,input::-moz-focus-inner {
	border: 0;
	padding: 0
}[role=button] {
	color: inherit;
	cursor: default;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	white-space: pre;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none
}

@media (min-width:1201px) {
	a[href^=tel] {
		pointer-events: none
	}
}

.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
	float: left
}

.swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	flex-direction: column
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	-o-transition-property: -o-transform;
	transition-property: transform;
	transition-property: transform,-webkit-transform,-o-transform;
	transition-property: transform,-webkit-transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto
}

.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	-o-transition-property: -o-transform;
	transition-property: transform;
	transition-property: transform,-webkit-transform,-o-transform;
	transition-property: transform,-webkit-transform
}

.swiper-invisible-blank-slide {
	visibility: hidden
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
	height: auto
}

.swiper-container-autoheight .swiper-wrapper {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	-moz-box-align: start;
	align-items: flex-start;
	-webkit-transition-property: height,-webkit-transform;
	transition-property: height,-webkit-transform;
	-o-transition-property: transform,height;
	-o-transition-property: height,-o-transform;
	transition-property: transform,height;
	transition-property: transform,height,-webkit-transform,-o-transform;
	transition-property: transform,height,-webkit-transform
}

.swiper-container-3d {
	-webkit-perspective: 1200px;
	perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
	background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(transparent));
	background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),transparent);
	background-image: -o-linear-gradient(right,rgba(0,0,0,.5),transparent);
	background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
	background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(transparent));
	background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),transparent);
	background-image: -o-linear-gradient(left,rgba(0,0,0,.5),transparent);
	background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
	background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(transparent));
	background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),transparent);
	background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),transparent);
	background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(transparent));
	background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),transparent);
	background-image: -o-linear-gradient(top,rgba(0,0,0,.5),transparent);
	background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper {
	-ms-touch-action: pan-y;
	touch-action: pan-y
}

.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper {
	-ms-touch-action: pan-x;
	touch-action: pan-x
}

.swiper-button-next,.swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 27px;
	height: 44px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	-webkit-background-size: 27px 44px;
	background-size: 27px 44px;
	background-position: 50%;
	background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
	left: 10px;
	right: auto
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
	right: 10px;
	left: auto
}

.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: opacity .3s;
	-o-transition: .3s opacity;
	transition: opacity .3s;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%
}

.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transform: scale(.33);
	-ms-transform: scale(.33);
	-o-transform: scale(.33);
	transform: scale(.33);
	position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	-webkit-transform: scale(.66);
	-ms-transform: scale(.66);
	-o-transform: scale(.66);
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	-webkit-transform: scale(.33);
	-ms-transform: scale(.33);
	-o-transform: scale(.33);
	transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	-webkit-transform: scale(.66);
	-ms-transform: scale(.66);
	-o-transform: scale(.66);
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	-webkit-transform: scale(.33);
	-ms-transform: scale(.33);
	-o-transform: scale(.33);
	transform: scale(.33)
}

.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	background: #000;
	opacity: .2
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 6px 0;
	display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	-webkit-transition: top .2s,-webkit-transform .2s;
	transition: top .2s,-webkit-transform .2s;
	-o-transition: .2s transform,.2s top;
	-o-transition: .2s top,.2s -o-transform;
	transition: transform .2s,top .2s;
	transition: transform .2s,top .2s,-webkit-transform .2s,-o-transform .2s;
	transition: transform .2s,top .2s,-webkit-transform .2s
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transition: left .2s,-webkit-transform .2s;
	transition: left .2s,-webkit-transform .2s;
	-o-transition: .2s transform,.2s left;
	-o-transition: .2s left,.2s -o-transform;
	transition: transform .2s,left .2s;
	transition: transform .2s,left .2s,-webkit-transform .2s,-o-transform .2s;
	transition: transform .2s,left .2s,-webkit-transform .2s
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transition: right .2s,-webkit-transform .2s;
	transition: right .2s,-webkit-transform .2s;
	-o-transition: .2s transform,.2s right;
	-o-transition: .2s right,.2s -o-transform;
	transition: transform .2s,right .2s;
	transition: transform .2s,right .2s,-webkit-transform .2s,-o-transform .2s;
	transition: transform .2s,right .2s,-webkit-transform .2s
}

.swiper-pagination-progressbar {
	background: rgba(0,0,0,.25);
	position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: #007aff;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	-o-transform-origin: left top;
	transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	-webkit-transform-origin: right top;
	-ms-transform-origin: right top;
	-o-transform-origin: right top;
	transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0
}

.swiper-container-vertical>.swiper-pagination-progressbar {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
	background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
	background: hsla(0,0%,100%,.25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
	background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
	background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
	background: rgba(0,0,0,.25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
	background: #000
}

.swiper-scrollbar {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0,0,0,.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0,0,0,.5);
	-webkit-border-radius: 10px;
	border-radius: 10px;
	left: 0;
	top: 0
}

.swiper-scrollbar-cursor-drag {
	cursor: move
}

.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	-moz-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	-moz-box-align: center;
	align-items: center;
	text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
	max-width: 100%;
	max-height: 100%;
	-o-object-fit: contain;
	object-fit: contain
}

.swiper-slide-zoomed {
	cursor: move
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	-webkit-transform-origin: 50%;
	-ms-transform-origin: 50%;
	-o-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-animation: swiper-preloader-spin 1s steps(12) infinite;
	-o-animation: swiper-preloader-spin 1s steps(12) infinite;
	animation: swiper-preloader-spin 1s steps(12) infinite
}

.swiper-lazy-preloader:after {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
	background-position: 50%;
	-webkit-background-size: 100% 100%;
	background-size: 100%;
	background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@-o-keyframes swiper-preloader-spin {
	to {
		-webkit-transform: rotate(1turn);
		-o-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes swiper-preloader-spin {
	to {
		-webkit-transform: rotate(1turn);
		-o-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
	pointer-events: none;
	-webkit-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-cube {
	overflow: visible
}

.swiper-container-cube .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
	visibility: hidden;
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	width: 100%;
	height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
	-webkit-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	-o-transform-origin: 100% 0;
	transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	-webkit-filter: blur(50px);
	filter: blur(50px);
	z-index: 0
}

.swiper-container-flip {
	overflow: visible
}

.swiper-container-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
	-ms-perspective: 1200px
}

body {
	position: relative;
	overflow-x: hidden
}

body:after,body:before {
	content: "";
	display: block;
	position: absolute;
	background: url(../img/bg_line.png) 50%/contain repeat-y;
	width: 14px;
	height: 100%;
	top: -30px;
	z-index: -1
}

@media (max-width:768px) {
	body:after,body:before {
		background: url(../img/bg_line_sp.png) 50%/contain repeat-y;
		width: 7px;
		top: -100px
	}
}

body:before {
	left: 40px
}

@media (max-width:768px) {
	body:before {
		left: 15px
	}
}

body:after {
	right: 40px
}

@media (max-width:768px) {
	body:after {
		right: 15px
	}
}

.fixed-line {
	position: fixed;
	z-index: -1
}

.fixed-line__item {
	position: fixed;
	width: 1px;
	height: 100vh;
	background: #ececec;
	top: 0
}

@media (max-width:768px) {
	.fixed-line__item {
		background: #eee
	}
}

.fixed-line__item:first-of-type {
	left: 30px
}

@media (max-width:768px) {
	.fixed-line__item:first-of-type {
		left: 10px
	}
}

.fixed-line__item:nth-of-type(2) {
	left: 50%
}

.fixed-line__item:nth-of-type(3) {
	right: -webkit-calc(25% + 25px);
	right: calc(25% + 25px)
}

@media (max-width:768px) {
	.fixed-line__item:nth-of-type(3) {
		right: 25%
	}
}

.fixed-line__item:nth-of-type(4) {
	right: 30px
}

@media (max-width:768px) {
	.fixed-line__item:nth-of-type(4) {
		right: 10px
	}
}

body {
	font-family: PingFang SC, Hiragino Sans GB, Heiti SC, Microsoft YaHei, WenQuanYi Micro Hei;
	font-size: 14px
}

.txt-strong {
	color: #8f0046
}

.txt-center {
	text-align: center
}

.txt-eng {
	font-family: Circular Std Medium
}

.txt-para {
	color: #333;
	line-height: 2
}

.txt-para--mb20 {
	margin-bottom: 20px
}

.txt-para .small {
	font-size: 12px
}

@media (max-width:768px) {
	.txt-para .small {
		font-size: 14px
	}
}

.container {
	max-width: 1040px;
	margin-right: auto;
	margin-left: auto;
	position: relative
}

@media (max-width:768px) {
	.container {
		width: 100%;
		padding-right: 25px;
		padding-left: 25px
	}
}

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

.is-hidden {
	display: none!important
}

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

@media (max-width:768px) {
	.pc-only {
		display: none!important
	}
}

.header {
	position: fixed;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 30px 50px 20px 80px;
	width: 100vw;
	top: 0;
	z-index: 200
}

@media (min-width:769px) and (max-width:1200px) {
	.header {
		padding: 20px 10px 15px 20px
	}
}

@media (max-width:768px) {
	.header {
		background: hsla(0,0%,100%,.5);
		padding: 12px 25px 15px
	}
}

.header.is-scrolled {
	background: hsla(0,0%,100%,.9);
	-webkit-transition: background-color .4s;
	-o-transition: background-color .4s;
	transition: background-color .4s;
	will-change: background-color
}

@media (min-width:1201px) {
	.header.is-scrolled:hover {
		background: #fff
	}
}

@media (max-width:768px) {
	.header.is-scrolled {
		background: hsla(0,0%,100%,.8)
	}
}

.header-logo {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 150px;
	height: 45px
}

@media (max-width:768px) {
	.header-logo {
		width: 104px;
		height: 30px
	}
}

.header-logo img {
	width: 100%;
	height: 100%
}

.header-spmenu {
	position: fixed;
	top: 18px;
	right: 25px
}

@media (min-width:1201px) {
	.header-spmenu {
		display: none
	}
}

.header-spmenu__wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 20px;
	height: 20px
}

@media (max-width:768px) {
	.header-spmenu__ham {
		position: relative;
		margin-top: -2px
	}

	.header-spmenu__ham,.header-spmenu__ham:after,.header-spmenu__ham:before {
		background: #8f0046;
		width: 20px;
		height: 1px;
		-webkit-border-radius: 10px;
		border-radius: 10px
	}

	.header-spmenu__ham:after,.header-spmenu__ham:before {
		content: "";
		display: block;
		position: absolute
	}

	.header-spmenu__ham:before {
		top: -9px
	}

	.header-spmenu__ham:after {
		bottom: -9px
	}
}

.header-menu {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.header-menu a {
	color: #8f0046;
	font-size: 13px;
	font-weight: 700
}

@media (min-width:769px) and (max-width:1200px) {
	.header-menu a {
		font-size: 12px
	}
}

.header-nav {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

@media (max-width:768px) {
	.header-nav {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		position: fixed;
		width: 100vw;
		background: #fff;
		padding: 10px 0;
		border-bottom: 1px solid #eee;
		margin-top: 0;
		top: 57px;
		left: 0;
		-webkit-transform: translateY(-150%);
		-ms-transform: translateY(-150%);
		-o-transform: translateY(-150%);
		transform: translateY(-150%);
		z-index: 105;
		opacity: 0;
		-webkit-transition: opacity .4s,-webkit-transform .4s;
		transition: opacity .4s,-webkit-transform .4s;
		-o-transition: opacity .4s,-o-transform .4s;
		transition: transform .4s,opacity .4s;
		transition: transform .4s,opacity .4s,-webkit-transform .4s,-o-transform .4s;
		will-change: transform,opacity
	}

	.header-nav.open {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}
}

@media (max-width:768px) {
	.header-nav__item {
		width: -webkit-calc(100% - 20px);
		width: calc(100% - 20px);
		text-align: center
	}
}

@media (max-width:768px) {
	.header-nav__item {
		width: -webkit-calc(100% - 20px);
		width: calc(100% - 20px);
		text-align: center
	}
}

.header-nav__item:not(:last-of-type) {
	margin-right: 50px
}

@media (min-width:769px) and (max-width:1200px) {
	.header-nav__item:not(:last-of-type) {
		margin-right: 30px
	}
}

@media (max-width:768px) {
	.header-nav__item:not(:last-of-type) {
		border-bottom: 1px dashed #eee;
		margin-right: 0
	}
}

.header-nav__item:last-of-type {
	margin-right: 40px
}

@media (min-width:769px) and (max-width:1200px) {
	.header-nav__item:last-of-type {
		margin-right: 30px
	}
}

@media (max-width:768px) {
	.header-nav__item:last-of-type {
		margin-right: 0
	}
}

@media (max-width:768px) {
	.header-nav__link {
		padding: 15px 0
	}
}

.header-btn__inquiry {
	padding: 8px 35px;
	border: 1px solid #8f0046;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

@media (max-width:768px) {
	.header-btn__inquiry {
		font-size: 10px!important;
		padding: 6px 25px;
		margin-right: 40px
	}
}

.header-btn__inquiry:hover {
	color: #fff;
	background: #8f0046
}

.overlay {
	position: fixed;
	-webkit-transition: opacity .4s;
	-o-transition: opacity .4s;
	transition: opacity .4s;
	opacity: 0;
	z-index: -1
}

.menu-is-open,.menu-is-open body {
	overflow: hidden
}

.menu-is-open .overlay {
	top: 57px;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.5);
	opacity: 1;
	z-index: 104
}

.menu-is-open .header {
	background: #fff;
	padding: 12px 25px 15px
}

.menu-is-open .header:after {
	content: "";
	display: block;
	position: absolute;
	width: 100vw;
	height: 1px;
	background: #eee;
	top: 57px;
	left: 0;
	z-index: 105
}

.btn-pagetop {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.btn-pagetop button {
	position: fixed;
	width: 60px;
	height: 60px;
	background: #fff;
	border: 1px solid #8f0046;
	right: 31px;
	bottom: 30px;
	z-index: 100
}

@media (max-width:768px) {
	.btn-pagetop button {
		width: 50px;
		height: 50px;
		right: 11px;
		bottom: 10px
	}
}

.btn-pagetop button:after {
	content: "";
	display: block;
	position: absolute;
	background: url(../img/icon_pagetop.png) 50%/contain no-repeat;
	width: 36px;
	height: 35px;
	left: -webkit-calc(50% - 18px);
	left: calc(50% - 18px);
	top: -webkit-calc(50% - 17px);
	top: calc(50% - 17px)
}

@media (max-width:768px) {
	.btn-pagetop button:after {
		width: 30px;
		height: 28px;
		left: -webkit-calc(50% - 15px);
		left: calc(50% - 15px);
		top: -webkit-calc(50% - 14px);
		top: calc(50% - 14px)
	}
}

.footer {
	background: #fff
}

.footer-top {
	padding: 40px 0;
	border-top: 1px solid #ececec;
	border-bottom: 1px solid #ececec
}

.footer-top__content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	max-width: 1040px;
	margin-right: auto;
	margin-left: auto;
	position: relative
}

@media (max-width:768px) {
	.footer-top__content {
		width: 100%;
		padding-right: 25px;
		padding-left: 25px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.footer-top__item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 48%
}

@media (max-width:768px) {
	.footer-top__item {
		width: 100%
	}
}

@media (max-width:768px) {
	.footer-top__item:first-of-type {
		margin-bottom: 35px
	}
}

.footer-top__item:first-of-type .footer-top__img {
	width: 60px;
	height: 60px
}

.footer-top__item:nth-of-type(2) .footer-top__img {
	width: 90px;
	height: 65px
}

@media (max-width:768px) {
	.footer-top__item:nth-of-type(2) .footer-top__img {
		width: 60px;
		height: 42px
	}
}

.footer-top__img {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	margin-right: 15px;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.footer-top__img img {
	width: 100%;
	height: 100%
}

.footer-top__txt {
	color: #333;
	font-size: 12px;
	line-height: 1.8;
	margin-bottom: 15px
}

@media (max-width:768px) {
	.footer-top__txt {
		font-size: 11px
	}
}

.footer-top .btn-secondary {
	margin-left: 0!important
}

.footer-bottom {
	padding: 20px 0
}

.footer-bottom__content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	max-width: 1040px;
	margin-right: auto;
	margin-left: auto;
	position: relative
}

@media (max-width:768px) {
	.footer-bottom__content {
		width: 100%;
		padding-right: 25px;
		padding-left: 25px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-moz-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}
}

.footer-bottom__logo {
	width: 107px;
	height: 30px
}

@media (max-width:768px) {
	.footer-bottom__logo {
		width: 87px;
		height: 24px;
		margin-bottom: 15px
	}
}

.footer-bottom__copyright {
	color: #333;
	font-size: 10px
}

@media (max-width:768px) {
	.footer-bottom__copyright {
		font-size: 9px;
		line-height: 1.8
	}
}

.heading-top {
	position: relative;
	font-family: Circular Std Medium;
	font-size: 46px
}

@media (max-width:768px) {
	.heading-top {
		font-size: 40px
	}
}

.heading-top--head {
	position: relative;
	color: #8f0046
}

.heading-top--head:before {
	content: "";
	display: block;
	position: absolute;
	width: 1px;
	height: 20px;
	background: #8f0046;
	top: -35px;
	left: 2px
}

@media (max-width:768px) {
	.heading-top--head:before {
		height: 12px;
		top: -20px
	}
}

.heading-top--head--none:before {
	display: none
}

.heading-top--small {
	font-size: 24px
}

.heading-top--small:before {
	display: none
}

.heading-sub {
	position: relative;
	font-family: Circular Std Medium;
	font-size: 65px
}

@media (max-width:768px) {
	.heading-sub {
		font-size: 40px
	}
}

.heading-sub:before {
	content: "";
	display: block;
	position: absolute;
	width: 1px;
	height: 60px;
	background: #8f0046;
	top: -100px;
	left: 2px
}

@media (max-width:768px) {
	.heading-sub:before {
		height: 12px;
		top: -20px
	}
}

.heading-sub--small {
	font-size: 28px;
	font-weight: 700
}

@media (max-width:768px) {
	.heading-sub--small {
		font-size: 24px
	}
}

.heading-sub--small:before {
	height: 20px;
	top: -35px
}

@media (max-width:768px) {
	.heading-sub--small:before {
		height: 12px;
		top: -20px
	}
}

.heading-sub--head {
	color: #8f0046
}

.heading-jasub {
	font-size: 16px;
	font-weight: 700
}

@media (max-width:768px) {
	.heading-jasub {
		font-size: 12px
	}
}

.heading-jasub--big {
	font-size: 18px
}

@media (max-width:768px) {
	.heading-jasub--big {
		font-size: 18px!important;
		line-height: 2
	}
}

.breadcrumb {
	margin-top: 120px
}

@media (max-width:768px) {
	.breadcrumb {
		display: none
	}
}

.breadcrumb-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0 0 0 80px
}

.breadcrumb-item:not(:last-of-type) {
	position: relative;
	margin-right: 22px
}

.breadcrumb-item:not(:last-of-type):after {
	content: ">";
	display: block;
	position: absolute;
	color: #333;
	font-size: 12px;
	top: 0;
	right: -15px
}

.breadcrumb-link {
	color: #333;
	font-size: 12px
}

body a {
	-webkit-transition: .2s ease-in-out;
	-o-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	cursor: pointer
}

body a:hover {
	opacity: .7
}

body a:after,body a:before {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.btn-center {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.btn-strong {
	background: #8f0046;
	color: #fff;
	width: 460px;
	text-align: center;
	font-size: 15px;
	font-weight: 700;
	padding: 20px 0
}

@media (max-width:768px) {
	.btn-strong {
		width: 100%;
		font-size: 12px;
		padding: 15px
	}
}

.btn-primary {
	color: #8f0046;
	background: #fff;
	font-size: 12px;
	font-weight: 700;
	padding: 8px 35px;
	border: 1px solid #8f0046;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

@media (max-width:768px) {
	.btn-primary {
		font-size: 12px;
		padding: 10px 45px
	}
}

.btn-primary:hover {
	color: #fff;
	background: #8f0046
}

.btn-secondary {
	position: relative;
	display: inline-block;
	color: #8f0046;
	font-size: 12px;
	font-weight: 700;
	margin-right: 15px
}

.btn-secondary:after {
	content: "";
	display: block;
	position: absolute;
	width: 4px;
	height: 4px;
	border-top: 2px solid #8f0046;
	border-right: 2px solid #8f0046;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 7px;
	right: -15px;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.btn-secondary:hover:after {
	right: -18px
}

.btn-secondary--down:after {
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
	top: 5px
}

.btn-secondary--down:hover:after {
	right: -15px;
	top: 7px
}

.btn-secondary--left:after {
	-webkit-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	transform: rotate(225deg);
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	top: 7px;
	left: -20px
}

.btn-secondary--left:hover:after {
	left: -22px;
	top: 7px
}

.btn-secondary--underline:after {
	content: none;
	text-decoration: none
}

.btn-secondary--underline:hover {
	margin-bottom: -1px;
	border-bottom: 1px solid #8f0046;
	-webkit-transition: none;
	-o-transition: none;
	transition: none
}

.btn-submit {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 280px;
	min-height: 60px;
	padding: .5em 1em;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	background: #8f0046;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid transparent;
	-webkit-transition: color .4s,background-color .4s,border-color .4s;
	-o-transition: color .4s,background-color .4s,border-color .4s;
	transition: color .4s,background-color .4s,border-color .4s;
	will-change: color,background-color,border-color
}

@media (max-width:768px) {
	.btn-submit {
		font-size: 12px;
		width: 200px;
		min-height: 50px
	}
}

.btn-submit:hover {
	background: #fff;
	color: #8f0046;
	border-color: #8f0046
}

.btn-submit--edit {
	background: #666
}

.btn-submit--edit:hover {
	color: #666;
	border-color: #666
}

.banner-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	background: #8f0046;
	color: #fff;
	width: -webkit-calc(100vw - 62px);
	width: calc(100vw - 62px);
	padding: 60px 0;
	margin: 0 auto
}

@media (max-width:768px) {
	.banner-content {
		width: -webkit-calc(100vw - 20px);
		width: calc(100vw - 20px);
		padding: 50px 0
	}
}

.banner-ttl {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 30px
}

@media (max-width:768px) {
	.banner-ttl {
		font-size: 14px;
		line-height: 2;
		margin-bottom: 35px
	}
}

.banner-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width:768px) {
	.banner-wrap {
		width: -webkit-calc(100% - 26px);
		width: calc(100% - 26px);
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin: 0 auto
	}
}

.banner .btn-banner {
	background: #fff;
	color: #8f0046;
	font-size: 16px;
	font-weight: 700;
	padding: 15px 80px;
	margin-right: 45px
}

@media (max-width:768px) {
	.banner .btn-banner {
		width: 100%;
		padding: 15px 0;
		margin-right: 0;
		margin-bottom: 35px
	}
}

.banner-phone {
	font-size: 28px;
	font-weight: 700;
	line-height: 1
}

@media (max-width:768px) {
	.banner-phone {
		font-size: 25px
	}
}

.banner-phone .small {
	font-size: 14px;
	font-weight: 400
}

@media (max-width:768px) {
	.banner-phone .small {
		font-size: 12px
	}
}

.top-hero {
	position: relative;
	width: 100vw;
	height: auto;
	margin-top: 105px;
	margin-bottom: 50px
}

@media (max-width:768px) {
	.top-hero {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-top: 75px;
		margin-bottom: 0
	}
}

.top-hero__bg {
	position: absolute;
	background: url(../img/top/bg_bp.png) 100% 50%/contain no-repeat;
	width: 60vw;
	height: 55.4vw;
	right: 0
}

@media (max-width:768px) {
	.top-hero__bg {
		position: relative;
		width: 96vw;
		height: 93vw;
		-webkit-align-self: flex-end;
		-ms-flex-item-align: end;
		align-self: flex-end
	}
}

.top-hero__content {
	max-width: 1040px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding: 10vw 0 18vw
}

@media (max-width:768px) {
	.top-hero__content {
		width: 100%;
		padding-right: 25px;
		padding-left: 25px
	}
}

.top-hero__content:after,.top-hero__content:before {
	content: "";
	display: block;
	position: absolute;
	width: 1px;
	height: 56px;
	background: #8f0046;
	left: 2px
}

@media (max-width:768px) {
	.top-hero__content:after,.top-hero__content:before {
		height: 28px;
		left: 26px
	}
}

.top-hero__content:before {
	top: 28px
}

@media (max-width:768px) {
	.top-hero__content:before {
		top: -24px
	}
}

.top-hero__content:after {
	bottom: 150px
}

@media (max-width:768px) {
	.top-hero__content:after {
		bottom: 10px
	}
}

.top-hero__subcopy {
	font-family: Circular Std Medium;
	font-size: 22px;
	margin-bottom: 10px
}

@media (max-width:768px) {
	.top-hero__subcopy {
		font-size: 11px
	}
}

.top-hero__copy {
	font-family: Circular Std Medium;
	font-size: 70px;
	line-height: 1.2;
	margin-bottom: 60px
}

@media (max-width:768px) {
	.top-hero__copy {
		font-size: 35px;
		margin-bottom: 30px
	}
}

.top-hero__jacopy {
	font-size: 18px;
	font-weight: 700;
	line-height: 2;
	margin-bottom: 30px
}

@media (max-width:768px) {
	.top-hero__jacopy {
		margin-bottom: 20px
	}
}

.top-hero__txt {
	color: #333;
	line-height: 2
}

.top-hero__scroll {
	position: absolute;
	background: url(../img/icon_scroll.png) 50%/contain no-repeat;
	width: 36px;
	height: 52px;
	left: 285px;
	bottom: 150px
}

.top-service {
	position: relative;
	width: 100vw;
	height: auto;
	margin-bottom: 100px
}

@media (max-width:768px) {
	.top-service {
		overflow: hidden;
		margin-bottom: 0
	}
}

.top-service__bg {
	position: absolute;
	background: url(../img/top/bg_s.png) 50%/contain no-repeat;
	width: 41vw;
	height: 49vw;
	left: 5vw;
	z-index: -1
}

@media (max-width:768px) {
	.top-service__bg {
		width: 98vw;
		height: 106vw;
		left: auto;
		right: -30vw
	}
}

.top-service__content {
	height: auto;
	max-width: 1040px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding: 8vw 0 24vw 38vw
}

@media (max-width:768px) {
	.top-service__content {
		width: 100%;
		padding-right: 25px;
		padding-left: 25px;
		padding: 20vw 25px 6vw;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

@media (max-width:768px) {
	.top-service__content .btn-primary {
		-webkit-align-self: center;
		-ms-flex-item-align: center;
		align-self: center
	}
}

@media (max-width:768px) {
	.top-service__engttl {
		margin-bottom: 5px
	}
}

.top-service__jattl {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 30px
}

@media (max-width:768px) {
	.top-service__jattl {
		font-size: 12px;
		margin-bottom: 20px
	}
}

.top-service__copy {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.8;
	margin-bottom: 30px
}

@media (max-width:768px) {
	.top-service__copy {
		line-height: 2;
		margin-bottom: 20px
	}
}

.top-service__txt {
	color: #333;
	line-height: 2;
	margin-bottom: 30px
}

@media (max-width:768px) {
	.top-service__txt {
		margin-bottom: 25px
	}
}

.top-service__img {
	position: absolute;
	right: 30px;
	bottom: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 62.5vw;
	height: 18.75vw
}

.top-service__img img {
	width: 100%;
	height: 100%
}

.top-product {
	position: relative;
	width: 100vw;
	height: auto;
	margin-bottom: 150px
}

@media (max-width:768px) {
	.top-product {
		overflow: hidden;
		margin-bottom: 0
	}
}

.top-product__bg {
	position: absolute;
	background: url(../img/top/bg_p.png) 50%/contain no-repeat;
	width: 45vw;
	height: 67vw;
	right: 6.2vw;
	z-index: -1
}

@media (max-width:768px) {
	.top-product__bg {
		width: 120vw;
		height: 142vw;
		left: auto;
		right: -40vw
	}
}

.top-product__content {
	height: auto;
	max-width: 1040px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding: 8vw 0 12vw
}

@media (max-width:768px) {
	.top-product__content {
		width: 100%;
		padding-right: 25px;
		padding-left: 25px;
		padding: 28vw 25px 12vw
	}
}

@media (max-width:768px) {
	.top-product__engttl {
		margin-bottom: 5px
	}
}

.top-product__jattl {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 30px
}

@media (max-width:768px) {
	.top-product__jattl {
		font-size: 12px;
		margin-bottom: 20px
	}
}

.top-product__copy {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.8;
	margin-bottom: 30px
}

@media (max-width:768px) {
	.top-product__copy {
		line-height: 2;
		margin-bottom: 20px
	}
}

.top-product__txt {
	color: #333;
	line-height: 2;
	margin-bottom: 50px
}

@media (max-width:768px) {
	.top-product__txt {
		margin-bottom: 25px
	}
}

.top-product__list {
	position: relative;
	z-index: 2
}

.top-product__item,.top-product__list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.top-product__item {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	background: #fff;
	width: 280px;
	height: 280px;
	padding: 45px 0;
	border: 1px solid #ddd
}

@media (max-width:768px) {
	.top-product__item {
		width: 50%;
		height: 260px;
		padding: 28px 20px
	}
}

.top-product__item:first-of-type .top-product__logo {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 70px;
	height: 40px
}

.top-product__item:first-of-type .top-product__logo img {
	width: 100%;
	height: 100%
}

.top-product__item:nth-of-type(2) {
	margin-left: -1px
}

.top-product__item:nth-of-type(2) .top-product__logo {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 95px;
	height: 30px
}

@media (max-width:768px) {
	.top-product__item:nth-of-type(2) .top-product__logo {
		margin-top: 8px
	}
}

.top-product__item:nth-of-type(2) .top-product__logo img {
	width: 100%;
	height: 100%
}

.top-product__name {
	font-size: 16px;
	font-weight: 700
}

@media (max-width:768px) {
	.top-product__name {
		font-size: 14px
	}
}

.top-product__detail {
	color: #333;
	line-height: 2
}

@media (max-width:768px) {
	.top-product__detail {
		font-size: 12px
	}
}

.top-product__img {
	position: absolute;
	left: 30px;
	bottom: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 62.5vw;
	height: 18.75vw;
	z-index: 1
}

.top-product__img img {
	width: 100%;
	height: 100%
}

.top-case {
	position: relative
}

@media (max-width:768px) {
	.top-case {
		overflow: hidden
	}
}

.top-case__bg {
	position: absolute;
	background: url(../img/top/bg_c.png) 50%/contain no-repeat;
	width: 41vw;
	height: 43vw;
	left: -30px;
	z-index: -1
}

@media (max-width:768px) {
	.top-case__bg {
		width: 100vw;
		height: 102vw;
		left: auto;
		right: -20vw
	}
}

.top-case__content {
	height: auto;
	max-width: 1040px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding: 8vw 0 9vw
}

@media (max-width:768px) {
	.top-case__content {
		width: 100%;
		padding-right: 25px;
		padding-left: 25px;
		padding: 24vw 25px 34vw
	}
}

.top-case__content--pdt40 {
	padding: 4vw 0 200px
}

.top-case__engttl {
	margin-left: 38vw
}

@media (max-width:768px) {
	.top-case__engttl {
		margin-left: 0;
		margin-bottom: 5px
	}
}

.top-case__jattl {
	font-size: 16px;
	font-weight: 700;
	padding-left: 38vw;
	margin-bottom: 60px
}

@media (max-width:768px) {
	.top-case__jattl {
		font-size: 12px;
		padding-left: 0;
		margin-bottom: 30px
	}
}

.top-case__slider {
	margin-right: -25px;
	margin-left: -25px
}

.top-case__list {
	margin-bottom: 40px
}

.top-case__item {
	width: 320px;
	border: 1px solid #ccc
}

@media (max-width:768px) {
	.top-case__item {
		width: -webkit-calc(100% - 50px);
		width: calc(100% - 50px)
	}
}

.top-case__item .top-case__thumb {
	background: url(../img/top/img_case_01_bk.jpg) 50%/cover no-repeat
}

.top-case__link {
	display: block
}

.top-case__thumb {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 320px;
	height: 320px
}

@media (max-width:768px) {
	.top-case__thumb {
		width: 100%;
		height: 280px
	}
}

.top-case__thumb:before {
	content: "";
	display: block;
	position: absolute;
	width: 10px;
	height: 10px;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	top: 10px;
	left: 10px
}

.top-case__thumb:after {
	content: "";
	display: block;
	position: absolute;
	background: url(../img/icon_arrow.png) 50%/contain no-repeat;
	width: 62px;
	height: 6px;
	right: 10px;
	bottom: 10px
}

.top-case__wrap {
	color: #fff;
	text-align: center
}

.top-case__category {
	margin-bottom: 10px
}

.top-case__ttl {
	font-size: 18px;
	font-weight: 700
}

.top-case__detail {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	background: #fff;
	padding: 30px
}

.top-case__detail--boxsize {
	min-height: 210px;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.top-case__txt {
	color: #333;
	line-height: 2;
	margin-bottom: 20px
}

.top-case .btn-secondary {
	-webkit-align-self: flex-end;
	-ms-flex-item-align: end;
	align-self: flex-end
}

.top-more {
	margin-bottom: 150px
}

@media (max-width:768px) {
	.top-more {
		margin-bottom: 100px
	}
}

.top-more__ttl {
	position: relative;
	margin-bottom: 30px
}

@media (max-width:768px) {
	.top-more__ttl {
		margin-bottom: 25px
	}
}

.top-more__ttl:after {
	content: "";
	display: block;
	position: absolute;
	height: 1px;
	background: #ccc;
	top: 23px;
	left: 35px;
	right: 0;
	z-index: -1
}

@media (max-width:768px) {
	.top-more__ttl:after {
		background: #ddd;
		top: 20px;
		right: -15px
	}
}

.top-more__ttl--right:after {
	right: auto;
	width: -webkit-calc(100% + 50vw - 520px - 65px);
	width: calc(100% + 50vw - 520px - 65px)
}

@media (max-width:768px) {
	.top-more__ttl--right:after {
		top: 20px;
		right: -15px;
		width: auto
	}
}

.top-more__ttl--right .top-more__engttl:before {
	right: 2px
}

@media (max-width:768px) {
	.top-more__ttl--right .top-more__engttl:before {
		right: 1px
	}
}

.top-more__ttl--right .top-more__engttl:after {
	right: 2px;
	left: -19px
}

@media (max-width:768px) {
	.top-more__ttl--right .top-more__engttl:after {
		bottom: 11px;
		left: -15px
	}
}

.top-more__engttl {
	display: inline-block;
	position: relative
}

.top-more__engttl:before {
	content: "";
	display: block;
	position: absolute;
	height: 75px;
	width: 1px;
	background: #ccc;
	top: 23px;
	right: 0;
	z-index: -1
}

@media (max-width:768px) {
	.top-more__engttl:before {
		background: #ddd;
		height: 60px;
		width: 1px
	}
}

.top-more__engttl:after {
	content: "";
	display: block;
	position: absolute;
	height: 1px;
	background: #ccc;
	right: 0;
	bottom: 12px;
	left: -webkit-calc(-50vw + 550px);
	left: calc(-50vw + 550px);
	z-index: -1
}

@media (max-width:768px) {
	.top-more__engttl:after {
		bottom: 11px;
		left: -15px
	}
}

.top-more__jattl {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 10px
}

@media (max-width:768px) {
	.top-more__jattl {
		font-size: 14px
	}
}

.top-more__txt {
	margin-bottom: 30px
}

.top-more__content {
	max-width: 1040px;
	margin-right: auto;
	margin-left: auto;
	position: relative
}

@media (max-width:768px) {
	.top-more__content {
		width: 100%;
		padding-right: 25px;
		padding-left: 25px
	}
}

.top-more__list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

@media (max-width:768px) {
	.top-more__list {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.top-more__item {
	width: 50%
}

@media (max-width:768px) {
	.top-more__item {
		width: 100%;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.top-more__item .btn-primary {
		-webkit-align-self: center;
		-ms-flex-item-align: center;
		align-self: center
	}
}

.top-more__item:nth-of-type(2) {
	padding-left: 20px;
	margin-top: 150px
}

@media (max-width:768px) {
	.top-more__item:nth-of-type(2) {
		padding-left: 0;
		margin-top: 120px
	}
}

.top-news {
	margin-bottom: 150px
}

@media (max-width:768px) {
	.top-news {
		margin-bottom: 100px
	}
}

.top-news__content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	max-width: 1040px;
	margin-right: auto;
	margin-left: auto;
	position: relative
}

@media (max-width:768px) {
	.top-news__content {
		width: 100%;
		padding-right: 25px;
		padding-left: 25px
	}
}

.top-news__wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width:768px) {
	.top-news__wrap {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-moz-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}
}

.top-news__list {
	position: relative;
	width: 85%
}

@media (max-width:768px) {
	.top-news__list {
		width: 100%
	}
}

.top-news__list:before {
	content: "";
	display: block;
	position: absolute;
	width: 2px;
	height: -webkit-calc(100% - 18px);
	height: calc(100% - 18px);
	background: #ddd;
	top: 5px;
	left: -50px
}

@media (max-width:768px) {
	.top-news__list:before {
		display: none
	}
}

.top-news__item {
	margin-bottom: 10px
}

@media (max-width:768px) {
	.top-news__item {
		margin-bottom: 30px
	}
}

@media (max-width:768px) {
	.top-news__engttl {
		margin-bottom: 25px
	}
}

.top-news__link {
	color: #333;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	padding: 2px 0;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

@media (max-width:768px) {
	.top-news__link {
		line-height: 2;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.top-news__link:hover {
	background: rgba(0,0,0,.05)
}

.top-news__link--txtonly:hover {
	background: transparent
}

.top-news__date {
	margin-right: 28px
}

@media (max-width:768px) {
	.top-news__date {
		margin-right: 0
	}
}

.top-news .btn-secondary {
	-webkit-align-self: flex-end;
	-ms-flex-item-align: end;
	align-self: flex-end
}

.top-news .news-information-innerbox:not(:last-child) {
	margin-bottom: 20px
}

.service-hero {
	position: relative;
	padding: 140px 0 260px
}

@media (max-width:768px) {
	.service-hero {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 75px 0 120px
	}
}

.service-hero__bg {
	position: absolute;
	background: url(../img/service/bg_s.png) 50%/contain no-repeat;
	width: 40vw;
	height: 51vw;
	top: -20px;
	right: 10px
}

@media (max-width:768px) {
	.service-hero__bg {
		position: relative;
		-webkit-align-self: flex-end;
		-ms-flex-item-align: end;
		align-self: flex-end;
		width: 58vw;
		height: 80vw
	}
}

.service-hero__content {
	max-width: 1040px;
	margin-right: auto;
	margin-left: auto;
	position: relative
}

@media (max-width:768px) {
	.service-hero__content {
		width: 100%;
		padding-right: 25px;
		padding-left: 25px
	}
}

.service-hero__jattl {
	margin-bottom: 50px
}

@media (max-width:768px) {
	.service-hero__jattl {
		margin-bottom: 35px
	}
}

.service-hero__txt {
	margin-bottom: 50px
}

@media (max-width:768px) {
	.service-hero__txt {
		margin-bottom: 35px
	}
}

@media (max-width:768px) {
	.service-hero__btnarea {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

@media (max-width:768px) {
	.service-hero__btnarea .btn-secondary:first-of-type {
		width: 100%;
		margin-right: 0!important;
		margin-bottom: 30px
	}

	.service-hero__btnarea .btn-secondary:first-of-type:after {
		right: auto;
		left: 153px
	}
}

@media (max-width:768px) {
	.service-hero__btnarea .btn-secondary:nth-of-type(2) {
		margin-right: 40px!important
	}
}

@media (max-width:768px) {
	.service-hero__btnarea .btn-secondary:first-of-type {
		margin-right: 0!important
	}
}

.service-hero__btnarea .btn-secondary:not(:last-of-type) {
	margin-right: 65px
}

.service-consulting {
	margin-bottom: 230px
}

@media (max-width:768px) {
	.service-consulting {
		margin-bottom: 125px
	}
}

.service-consulting__content {
	max-width: 1040px;
	margin-right: auto;
	margin-left: auto;
	position: relative
}

@media (max-width:768px) {
	.service-consulting__content {
		width: 100%;
		padding-right: 25px;
		padding-left: 25px
	}
}

.service-consulting__bigttl {
	margin-bottom: 15px
}

@media (max-width:768px) {
	.service-consulting__bigttl {
		margin-bottom: 10px
	}
}

.service-consulting__smallttl {
	margin-bottom: 25px
}

@media (max-width:768px) {
	.service-consulting__smallttl {
		margin-bottom: 20px
	}
}

.service-consulting__txt {
	margin-bottom: 80px
}

@media (max-width:768px) {
	.service-consulting__txt {
		margin-bottom: 50px
	}
}

.service-consulting__flow {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 85px
}

@media (max-width:768px) {
	.service-consulting__flow {
		margin-bottom: 50px
	}
}

.service-consulting__item {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: #000;
	color: #fff;
	text-align: center;
	font-size: 15px;
	font-weight: 700;
	width: 155px;
	height: 155px;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

@media (max-width:768px) {
	.service-consulting__item {
		font-size: 9px;
		width: 90px;
		height: 90px
	}
}

.service-consulting__item:before {
	content: "";
	display: block;
	position: absolute;
	width: 161px;
	height: 161px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #ccc;
	top: -4px;
	left: -4px
}

@media (max-width:768px) {
	.service-consulting__item:before {
		width: 94px;
		height: 94px;
		top: -3px;
		left: -3px
	}
}

.service-consulting__item:not(:last-of-type) {
	position: relative;
	margin-right: 45px
}

@media (max-width:768px) {
	.service-consulting__item:not(:last-of-type) {
		margin-right: 25px
	}
}

.service-consulting__item:not(:last-of-type):after {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 10px solid #999;
	top: -webkit-calc(50% - 6px);
	top: calc(50% - 6px);
	right: -27px
}

@media (max-width:768px) {
	.service-consulting__item:not(:last-of-type):after {
		border-top: 4px solid transparent;
		border-bottom: 4px solid transparent;
		border-left: 8px solid #999;
		top: -webkit-calc(50% - 4px);
		top: calc(50% - 4px);
		right: -18px
	}
}

.service-consulting__swipe {
	position: relative;
	display: inline-block;
	color: #333;
	font-size: 12px;
	margin-bottom: 24px
}

.service-consulting__swipe:after {
	content: "";
	display: block;
	position: absolute;
	background: url(../img/icon_swipe.png) 50%/contain no-repeat;
	width: 30px;
	height: 26px;
	top: -6px;
	right: -30px
}

.service-development {
	margin-bottom: 240px
}

@media (max-width:768px) {
	.service-development {
		margin-bottom: 125px
	}
}

.service-development__content {
	max-width: 1040px;
	margin-right: auto;
	margin-left: auto;
	position: relative
}

@media (max-width:768px) {
	.service-development__content {
		width: 100%;
		padding-right: 25px;
		padding-left: 25px
	}
}

.service-development__bigttl {
	margin-bottom: 15px
}

@media (max-width:768px) {
	.service-development__bigttl {
		margin-bottom: 10px
	}
}

.service-development__smallttl {
	margin-bottom: 25px
}

@media (max-width:768px) {
	.service-development__smallttl {
		margin-bottom: 20px
	}
}

.service-development__txt {
	margin-bottom: 35px
}

@media (max-width:768px) {
	.service-development__txt {
		margin-bottom: 28px
	}
}

.service-development__txt--margin {
	margin-bottom: 75px
}

@media (max-width:768px) {
	.service-development__txt--margin {
		margin-bottom: 45px
	}
}

.service-development__img {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: #e9e9e9;
	width: 100%;
	height: 100%;
	margin-bottom: 35px
}

.service-development__img img {
	width: 100%;
	height: 100%
}

@media (max-width:768px) {
	.service-development__img {
		height: 100%;
		margin-bottom: 20px
	}
}

.service-development__partner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 80px
}

@media (max-width:768px) {
	.service-development__partner {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-bottom: 35px
	}
}

.service-development__item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 48%
}

@media (max-width:768px) {
	.service-development__item {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 100%
	}
}

@media (max-width:768px) {
	.service-development__item:first-of-type {
		margin-bottom: 30px
	}
}

.service-development__item:first-of-type .service-development__logo {
	width: 160px;
	height: 55px
}

@media (max-width:768px) {
	.service-development__item:first-of-type .service-development__logo {
		width: 203px;
		height: 71px
	}
}

.service-development__item:nth-of-type(2) .service-development__logo {
	width: 160px;
	height: 48px
}

@media (max-width:768px) {
	.service-development__item:nth-of-type(2) .service-development__logo {
		width: 205px;
		height: 57px
	}
}

.service-development__logo {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-right: 25px
}

@media (max-width:768px) {
	.service-development__logo {
		margin-right: 0;
		margin-bottom: 20px
	}
}

.service-development__logo img {
	width: 100%;
	height: 100%
}

.service-development__name {
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 10px
}

.service-development__swipe {
	position: relative;
	display: inline-block;
	color: #333;
	font-size: 12px;
	margin-bottom: 24px
}

.service-development__swipe:after {
	content: "";
	display: block;
	position: absolute;
	background: url(../img/icon_swipe.png) 50%/contain no-repeat;
	width: 30px;
	height: 26px;
	top: -6px;
	right: -30px
}

.service-development__table-wrapper,.service-table {
	overflow: auto
}

@media (max-width:768px) {
	.service-table {
		margin-bottom: 30px
	}
}

.service-table__table {
	margin-bottom: 40px
}

@media (max-width:768px) {
	.service-table__table {
		width: 100%;
		overflow-x: auto;
		white-space: nowrap;
		margin-bottom: 10px
	}
}

.service-table td,.service-table th {
	padding: 15px 25px
}

@media (max-width:768px) {
	.service-table td,.service-table th {
		padding: 10px 20px
	}
}

.service-table thead th {
	background: #f7f7f7;
	border-top: 1px solid #cfcfcf;
	border-left: 1px solid #cfcfcf
}

.service-table thead th:last-of-type {
	border-right: 1px solid #cfcfcf
}

.service-table tbody td {
	background: #fff;
	border-top: 1px solid #cfcfcf;
	border-left: 1px solid #cfcfcf
}

.service-table tbody td:last-of-type {
	border-right: 1px solid #cfcfcf
}

.service-table tbody tr:last-of-type td {
	border-bottom: 1px solid #cfcfcf
}

.service-maintenance {
	margin-bottom: 200px
}

@media (max-width:768px) {
	.service-maintenance {
		margin-bottom: 100px
	}
}

.service-maintenance__content {
	max-width: 1040px;
	margin-right: auto;
	margin-left: auto;
	position: relative
}

@media (max-width:768px) {
	.service-maintenance__content {
		width: 100%;
		padding-right: 25px;
		padding-left: 25px
	}
}

.service-maintenance__bigttl {
	margin-bottom: 15px
}

@media (max-width:768px) {
	.service-maintenance__bigttl {
		margin-bottom: 10px
	}
}

.service-maintenance__smallttl {
	margin-bottom: 25px
}

@media (max-width:768px) {
	.service-maintenance__smallttl {
		margin-bottom: 20px
	}
}

.service-maintenance__txt {
	margin-bottom: 70px
}

@media (max-width:768px) {
	.service-maintenance__txt {
		margin-bottom: 35px
	}
}

.service-maintenance__img {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: #e9e9e9;
	width: 100%;
	height: 100%;
	margin-bottom: 80px
}

.service-maintenance__img img {
	width: 100%;
	height: 100%
}

@media (max-width:768px) {
	.service-maintenance__img {
		height: 100%;
		margin-bottom: 40px
	}
}

.service-product {
	position: relative;
	width: 100vw;
	height: auto;
	padding: 75px 0 200px
}

@media (max-width:768px) {
	.service-product {
		padding: 50px 0 100px
	}
}

.service-product__bg {
	background: #f7f7f7;
	position: absolute;
	width: -webkit-calc(100% - 62px);
	width: calc(100% - 62px);
	height: 50%;
	top: 0;
	left: 31px
}

@media (max-width:768px) {
	.service-product__bg {
		width: -webkit-calc(100% - 20px);
		width: calc(100% - 20px);
		left: 10px
	}
}

.service-product__content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	max-width: 1040px;
	margin-right: auto;
	margin-left: auto;
	position: relative
}

@media (max-width:768px) {
	.service-product__content {
		width: 100%;
		padding-right: 25px;
		padding-left: 25px
	}
}

.service-product__smallttl {
	margin-bottom: 20px
}

.service-product__txt {
	margin-bottom: 40px
}

@media (max-width:768px) {
	.service-product__txt {
		font-size: 13px
	}
}

.news-detail-hero {
	position: relative;
	padding: 140px 0 100px
}

@media (max-width:768px) {
	.news-detail-hero {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 75px 0 40px
	}
}

.news-detail-hero--info {
	padding: 140px 0 0
}

.news-detail-hero.no-img {
	padding-bottom: 0
}

.news-detail-hero__content {
	max-width: 1040px;
	margin-right: auto;
	margin-left: auto;
	position: relative
}

@media (max-width:768px) {
	.news-detail-hero__content {
		width: 100%;
		padding-right: 25px;
		padding-left: 25px
	}
}

@media (min-width:769px) and (max-width:1100px) {
	.news-detail-hero__content {
		padding-right: 25px;
		padding-left: 25px
	}
}

.news-detail-hero__jattl {
	margin-bottom: 50px
}

@media (max-width:768px) {
	.news-detail-hero__jattl {
		margin-bottom: 35px
	}
}

.news-detail-hero__txt {
	margin-bottom: 50px
}

@media (max-width:768px) {
	.news-detail-hero__txt {
		margin-bottom: 35px
	}
}

.news-detail-hero__txt--bold {
	font-weight: 700;
	line-height: 1.5;
	font-size: 24px
}

@media (max-width:768px) {
	.news-detail-hero__txt--bold {
		font-size: 18px
	}
}

.news-detail-hero__img img {
	width: 100%
}

.news-detail-column {
	margin-bottom: 180px;
	max-width: 1040px;
	margin-right: auto;
	margin-left: auto;
	position: relative
}

@media (max-width:768px) {
	.news-detail-column {
		max-width: 1040px;
		margin-right: auto;
		margin-left: auto;
		position: relative;
		margin-bottom: 90px
	}
}

@media (max-width:768px) and (max-width:768px) {
	.news-detail-column {
		width: 100%;
		padding-right: 25px;
		padding-left: 25px
	}
}

.news-detail-column .news-detail-column-box {
	margin-bottom: 130px
}

@media (max-width:768px) {
	.news-detail-column .news-detail-column-box {
		margin-bottom: 60px
	}
}

.news-detail-column .news-detail-column-box:not(:last-of-type) {
	margin-bottom: 100px
}

@media (max-width:768px) {
	.news-detail-column .news-detail-column-box:not(:last-of-type) {
		margin-bottom: 40px
	}
}

.news-detail-column .news-detail-column-box__ttl {
	margin-bottom: 30px
}

@media (max-width:768px) {
	.news-detail-column .news-detail-column-box__ttl {
		margin-bottom: 15px
	}
}

.news-detail-column__btnarea,.news-nav {
	text-align: center
}

.news-nav {
	position: relative
}

.news-nav__prev {
	text-align: left;
	position: absolute;
	top: 0;
	left: 0;
	max-width: 40%
}

@media (max-width:768px) {
	.news-nav__prev {
		display: block;
		position: relative;
		max-width: 100%
	}
}

.news-nav__back {
	margin-right: 2em;
	margin-left: 2em
}

@media (max-width:768px) {
	.news-nav__back {
		display: block;
		text-align: center;
		margin-top: 2em;
		margin-bottom: 2em
	}
}

.news-nav__next {
	text-align: left;
	position: absolute;
	top: 0;
	right: 0;
	max-width: 40%
}

@media (max-width:768px) {
	.news-nav__next {
		display: block;
		position: relative;
		max-width: 100%;
		text-align: right
	}
}

.news-information {
	margin-bottom: 180px;
	max-width: 1040px;
	margin-right: auto;
	margin-left: auto;
	position: relative
}

@media (max-width:768px) {
	.news-information {
		width: 100%;
		padding-right: 25px;
		padding-left: 25px
	}
}

@media (min-width:769px) and (max-width:1100px) {
	.news-information {
		padding-right: 25px;
		padding-left: 25px
	}
}

@media (max-width:768px) {
	.news-information {
		max-width: 1040px;
		margin-right: auto;
		margin-left: auto;
		position: relative;
		margin-bottom: 100px
	}
}

@media (max-width:768px) and (max-width:768px) {
	.news-information {
		width: 100%;
		padding-right: 25px;
		padding-left: 25px
	}
}

.news-information-innerbox {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-moz-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-bottom: 40px
}

@media (max-width:768px) {
	.news-information-innerbox {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

.news-information-innerbox__date {
	min-width: 120px
}

.news-information-innerbox__img {
	width: 110px;
	height: 26px;
	padding-right: 20px;
	padding-left: 20px
}

.news-information-innerbox__img img {
	width: 100%
}

.news-information-innerbox__ttl {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-right: 13px;
	position: relative
}

@media (max-width:768px) {
	.news-information-innerbox__ttl {
		width: 100%;
		margin-top: 1em
	}
}

.news-information-innerbox__ttl--adobe-icon .news-information-innerbox__link {
	position: relative;
	padding-right: 13px
}

.news-information-innerbox__ttl--adobe-icon .news-information-innerbox__link:after {
	content: "";
	display: block;
	background: url(../img/news/adobe-icon.png) 50%/contain no-repeat;
	width: 24px;
	height: 24px;
	position: absolute;
	right: -15px;
	top: -4px
}

.news-information-innerbox__link {
	font-weight: 700;
	color: #8f0046;
	text-decoration: underline;
	-webkit-transition: .2s ease-in-out;
	-o-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	cursor: pointer
}

.news-information-innerbox__link:hover {
	opacity: .7
}

.news-information-innerbox__link:after,.news-information-innerbox__link:before {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.news-information-innerbox__link.external {
	position: relative
}

.news-information-innerbox__link.external:after {
	content: "";
	display: inline-block;
	height: 1em;
	width: 1em;
	background: url(data:image/svg+xml;
	base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJfeDMyXyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9IndpZHRoOjI1NnB4O2hlaWdodDoyNTZweCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgb3BhY2l0eT0iMSI+PHN0eWxlPi5zdDB7ZmlsbDojNGI0YjRifTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTk2IDB2NDE2aDQxNlYwSDk2em0zNzYgMzc2SDEzNlY0MGgzMzZ2MzM2eiIgZmlsbD0iIzRiNGI0YiIvPjxwYXRoIGNsYXNzPSJzdDAiIGZpbGw9IiM0YjRiNGIiIGQ9Ik00MCA0NzJWOTZIMHY0MTZoNDE2di00MGgtNDB6Ii8+PHBhdGggY2xhc3M9InN0MCIgZmlsbD0iIzRiNGI0YiIgZD0iTTIzMi44MTIgMzEyLjgyOWwxMTcuODU5LTExNy44NnY4NC43OTdoNDBWMTI2LjY4OEgyMzcuNTk0djQwaDg0Ljc5NkwyMDQuNTMxIDI4NC41NDd6Ii8+PC9zdmc+) 50%/contain no-repeat;margin-left: .35em
}

.adobe-icon {
	display: inline-block;
	position: absolute;
	width: 24px;
	height: 24px
}

.adobe-icon img {
	width: 100%
}

.news-external {
	margin-top: 20px;
	margin-bottom: 20px
}

.news-external__ttl {
	font-size: 16px;
	margin-bottom: .5em
}

@media (max-width:768px) {
	.news-external__ttl {
		font-size: 14px;
		margin-bottom: .1em
	}
}

.news-external__link {
	font-size: 14px;
	font-weight: 700;
	position: relative;
	border-bottom: 1px solid
}

@media (max-width:768px) {
	.news-external__link {
		font-size: 12px
	}
}

.news-external__link:after {
	content: "";
	display: block;
	position: absolute;
	height: 1em;
	width: 1em;
	background: url(data:image/svg+xml;
	base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJfeDMyXyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9IndpZHRoOjI1NnB4O2hlaWdodDoyNTZweCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgb3BhY2l0eT0iMSI+PHN0eWxlPi5zdDB7ZmlsbDojNGI0YjRifTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTk2IDB2NDE2aDQxNlYwSDk2em0zNzYgMzc2SDEzNlY0MGgzMzZ2MzM2eiIgZmlsbD0iIzRiNGI0YiIvPjxwYXRoIGNsYXNzPSJzdDAiIGZpbGw9IiM0YjRiNGIiIGQ9Ik00MCA0NzJWOTZIMHY0MTZoNDE2di00MGgtNDB6Ii8+PHBhdGggY2xhc3M9InN0MCIgZmlsbD0iIzRiNGI0YiIgZD0iTTIzMi44MTIgMzEyLjgyOWwxMTcuODU5LTExNy44NnY4NC43OTdoNDBWMTI2LjY4OEgyMzcuNTk0djQwaDg0Ljc5NkwyMDQuNTMxIDI4NC41NDd6Ii8+PC9zdmc+) 50%/contain no-repeat;top: 3px;
	right: -1.35em
}

.news-pdf {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 60px
}

.news-pdf__link {
	font-size: 16px
}

@media (max-width:768px) {
	.news-pdf__link {
		font-size: 14px
	}
}

.recruit-hero {
	position: relative;
	padding: 140px 0 260px
}

@media (max-width:768px) {
	.recruit-hero {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 75px 0 120px
	}
}

.recruit-hero__ttl {
	margin-bottom: 25px
}

.recruit-hero__bg {
	position: absolute;
	background: url(../img/recruit/bg_r.png) 50%/contain no-repeat;
	width: 40vw;
	height: 51vw;
	top: -20px;
	right: 10px
}

@media (max-width:768px) {
	.recruit-hero__bg {
		position: relative;
		-webkit-align-self: flex-end;
		-ms-flex-item-align: end;
		align-self: flex-end;
		width: 58vw;
		height: 80vw
	}
}

.recruit-hero__content {
	max-width: 1040px;
	margin-right: auto;
	margin-left: auto;
	position: relative
}

@media (max-width:768px) {
	.recruit-hero__content {
		width: 100%;
		padding-right: 25px;
		padding-left: 25px
	}
}

@media (min-width:769px) and (max-width:1100px) {
	.recruit-hero__content {
		padding-right: 25px;
		padding-left: 25px
	}
}

.recruit-hero__jattl {
	margin-bottom: 50px
}

@media (max-width:768px) {
	.recruit-hero__jattl {
		margin-bottom: 35px
	}
}

.recruit-hero__txt {
	margin-bottom: 50px
}

@media (max-width:768px) {
	.recruit-hero__txt {
		margin-bottom: 35px
	}
}

.recruit-hero__txt--bold {
	font-weight: 700;
	line-height: 1.5
}

.recruit-hero__img {
	width: 100%;
	margin-bottom: img;
	margin-bottom-width: 100%
}

@media (max-width:768px) {
	.recruit-hero__btnarea {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

@media (max-width:768px) {
	.recruit-hero__btnarea .btn-secondary:first-of-type {
		width: 34%;
		margin-right: 0!important;
		margin-bottom: 30px
	}

	.recruit-hero__btnarea .btn-secondary:first-of-type:after {
		right: auto;
		left: 94px
	}
}

@media (max-width:768px) {
	.recruit-hero__btnarea .btn-secondary:nth-of-type(2) {
		margin-right: 0!important;
		width: 34%
	}

	.recruit-hero__btnarea .btn-secondary:nth-of-type(2):after {
		right: auto;
		left: 56px
	}
}

.recruit-hero__btnarea .btn-secondary:not(:last-of-type) {
	margin-right: 65px
}

.recruit-contents {
	padding-bottom: 180px;
	max-width: 1040px;
	margin-right: auto;
	margin-left: auto;
	position: relative
}

@media (max-width:768px) {
	.recruit-contents {
		width: 100%;
		padding-right: 25px;
		padding-left: 25px
	}
}

@media (min-width:769px) and (max-width:1100px) {
	.recruit-contents {
		padding-right: 25px;
		padding-left: 25px
	}
}

@media (max-width:768px) {
	.recruit-contents {
		padding-bottom: 100px
	}
}

@media (max-width:768px) {
	.recruit-contents__btnarea {
		margin-bottom: 40px
	}
}

.recruit-contents-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 80px;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-moz-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

@media (max-width:768px) {
	.recruit-contents-wrap {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		height: auto;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-bottom: 40px
	}
}

.recruit-contents-wrap:last-of-type {
	margin-bottom: 0
}

.recruit-contents-wrap .recruit-contents-wrap-info {
	width: -webkit-calc(50% - 20px);
	width: calc(50% - 20px)
}

@media (max-width:768px) {
	.recruit-contents-wrap .recruit-contents-wrap-info {
		width: 100%;
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		-moz-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1
	}
}

.recruit-contents-wrap .recruit-contents-wrap-info__subttl,.recruit-contents-wrap .recruit-contents-wrap-info__ttl {
	margin-bottom: 30px
}

@media (max-width:768px) {
	.recruit-contents-wrap .recruit-contents-wrap-info__subttl {
		margin-bottom: 20px
	}
}

.recruit-contents-wrap .recruit-contents-wrap-info__txt {
	margin-bottom: 40px
}

@media (max-width:768px) {
	.recruit-contents-wrap .recruit-contents-wrap-info__txt {
		margin-bottom: 35px
	}
}

.recruit-contents-wrap__bg {
	width: -webkit-calc(50% - 20px);
	width: calc(50% - 20px)
}

.recruit-contents-wrap__bg img {
	width: 100%
}

@media (max-width:768px) {
	.recruit-contents-wrap__bg {
		width: 100%;
		-webkit-box-ordinal-group: 3;
		-webkit-order: 2;
		-moz-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2
	}
}

.recruit-requirements {
	max-width: 1040px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding-bottom: 180px
}

@media (max-width:768px) {
	.recruit-requirements {
		width: 100%;
		padding-right: 25px;
		padding-left: 25px
	}
}

@media (min-width:769px) and (max-width:1100px) {
	.recruit-requirements {
		padding-right: 25px;
		padding-left: 25px
	}
}

@media (max-width:768px) {
	.recruit-requirements {
		padding-right: 30px;
		padding-left: 30px;
		padding-bottom: 50px
	}
}

.recruit-requirements-li {
	border-bottom: 1px solid #ccc;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	padding-top: 20px;
	padding-bottom: 20px
}

.recruit-requirements-li:last-of-type {
	border-bottom: none
}

@media (max-width:768px) {
	.recruit-requirements-li {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding-top: 15px;
		padding-bottom: 15px
	}
}

.recruit-requirements-li .item {
	width: 20vw;
	font-weight: 700;
	padding-left: 30px
}

@media (max-width:768px) {
	.recruit-requirements-li .item {
		padding-left: 0;
		width: 100%
	}
}

.recruit-requirements-li .detail {
	width: 80vw;
	line-height: 2;
	color: #333
}

.recruit-requirements-li .detail__pdb40 {
	padding-bottom: 30px
}

.recruit-message {
	max-width: 1040px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 90px;
	padding-bottom: 90px;
	margin-bottom: 180px;
	background: #eee
}

@media (max-width:768px) {
	.recruit-message {
		width: -webkit-calc(100% - 60px);
		width: calc(100% - 60px);
		margin-right: auto;
		margin-left: auto;
		padding-top: 40px;
		padding-bottom: 40px;
		margin-bottom: 70px
	}
}

.recruit-message-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.recruit-message-wrap__ttl {
	font-size: 28px;
	font-weight: 700;
	padding-bottom: 50px
}

@media (max-width:768px) {
	.recruit-message-wrap__ttl {
		font-size: 18px;
		padding-bottom: 15px
	}
}

.recruit-message-wrap__message-txt {
	text-align: center;
	line-height: 2.2;
	padding-bottom: 50px;
	color: #333
}

@media (max-width:768px) {
	.recruit-message-wrap__message-txt {
		padding-right: 25px;
		padding-left: 25px;
		text-align: left;
		font-size: 13px
	}
}

.recruit-message-wrap__message-txt--bold {
	font-weight: 700;
	padding-bottom: 0;
	color: #333
}

.recruit-flow {
	max-width: 1040px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding-bottom: 200px
}

@media (max-width:768px) {
	.recruit-flow {
		width: 100%;
		padding-right: 25px;
		padding-left: 25px
	}
}

@media (min-width:769px) and (max-width:1100px) {
	.recruit-flow {
		padding-right: 25px;
		padding-left: 25px
	}
}

@media (max-width:768px) {
	.recruit-flow {
		padding-right: 30px;
		padding-left: 30px;
		padding-bottom: 100px
	}
}

.recruit-flow__ttl {
	margin-bottom: 30px
}

.recruit-flow-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

@media (max-width:768px) {
	.recruit-flow-list {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

.recruit-flow-list__item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-moz-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	width: 260px;
	height: 280px;
	padding-top: 20px;
	padding-bottom: 28px;
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd
}

@media (max-width:768px) {
	.recruit-flow-list__item {
		width: 50%;
		height: 215px
	}

	.recruit-flow-list__item:nth-of-type(3),.recruit-flow-list__item:nth-of-type(4) {
		border-left: 1px solid #ddd;
		border-top: none;
		height: 150px
	}
}

.recruit-flow-list__item:first-child {
	border-left: 1px solid #ddd
}

.recruit-flow-list__stepnumber {
	font-family: DINOT-Medium;
	font-size: 32px;
	padding-bottom: 20px;
	letter-spacing: -.04em
}

@media (max-width:768px) {
	.recruit-flow-list__stepnumber {
		font-size: 20px
	}
}

.recruit-flow-list__stepname {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.6;
	padding-bottom: 10px
}

@media (max-width:768px) {
	.recruit-flow-list__stepname {
		font-size: 13px
	}
}

.recruit-flow-list__detail {
	color: #333;
	line-height: 2
}

@media (max-width:768px) {
	.recruit-flow-list__detail {
		line-height: 1.4;
		font-size: 12px
	}
}

.recruit-flow-list__btnarea {
	padding-top: 30px;
	padding-bottom: 30px
}

.company-hero {
	position: relative;
	padding: 140px 0 180px
}

@media (min-width:769px) and (max-width:1100px) {
	.company-hero {
		padding-right: 25px;
		padding-left: 25px
	}
}

@media (max-width:768px) {
	.company-hero {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 75px 0 90px
	}
}

.company-hero__content {
	max-width: 1040px;
	margin-right: auto;
	margin-left: auto;
	position: relative
}

@media (max-width:768px) {
	.company-hero__content {
		width: 100%;
		padding-right: 25px;
		padding-left: 25px
	}
}

.company-hero__jattl {
	margin-bottom: 50px
}

@media (max-width:768px) {
	.company-hero__jattl {
		margin-bottom: 35px
	}
}

.company-hero__txt {
	margin-bottom: 50px
}

@media (max-width:768px) {
	.company-hero__txt {
		margin-bottom: 35px
	}
}

.company-hero__subttl {
	margin-bottom: 15px
}

.company-hero__policy-txt {
	line-height: 2.2;
	padding-bottom: 40px
}

@media (max-width:768px) {
	.company-hero__policy-txt {
		padding-bottom: 30px
	}
}

@media (max-width:768px) {
	.company-hero__policy-txt--lh {
		line-height: 1.6;
		padding-bottom: 0
	}
}

.company-hero__policy-txt:nth-of-type(5) {
	padding-bottom: 60px
}

.company-hero__btnarea {
	padding-bottom: 150px
}

@media (max-width:768px) {
	.company-hero__btnarea {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding-bottom: 90px
	}
}

@media (max-width:768px) {
	.company-hero__btnarea .btn-secondary:first-of-type {
		width: 34%;
		margin-right: 0!important;
		margin-bottom: 30px
	}

	.company-hero__btnarea .btn-secondary:first-of-type:after {
		right: auto;
		left: 57px
	}
}

@media (max-width:768px) {
	.company-hero__btnarea .btn-secondary:nth-of-type(2) {
		margin-right: 0!important;
		width: 34%
	}

	.company-hero__btnarea .btn-secondary:nth-of-type(2):after {
		right: auto;
		left: 95px
	}
}

.company-hero__btnarea .btn-secondary:not(:last-of-type) {
	margin-right: 65px
}

.origin-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 40px;
	border: 1px solid #ccc;
	margin-bottom: 40px
}

@media (max-width:768px) {
	.origin-box {
		margin-bottom: 20px;
		padding: 30px 20px
	}
}

.origin-box__name {
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	color: #fff;
	display: block;
	background: #000;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 40px
}

@media (max-width:768px) {
	.origin-box__name {
		font-size: 14px;
		padding-top: 10px;
		padding-bottom: 10px
	}
}

.origin-box__item {
	margin-bottom: 40px
}

@media (max-width:768px) {
	.origin-box__item {
		margin-bottom: 35px
	}
}

.origin-box__item:last-of-type {
	margin-bottom: 0
}

.origin-box__parts {
	color: #8f0046;
	font-size: 32px;
	font-family: Circular Std Medium;
	text-align: center;
	margin-bottom: 10px
}

@media (max-width:768px) {
	.origin-box__parts {
		font-size: 16px
	}
}

.origin-box__text {
	font-size: 18px;
	line-height: 1.3;
	text-align: center;
	font-weight: 700
}

@media (max-width:768px) {
	.origin-box__text {
		font-size: 13px;
		line-height: 2
	}
}

.origin-rogo__container {
	max-width: 1040px;
	margin-right: auto;
	margin-left: auto;
	position: relative
}

@media (max-width:768px) {
	.origin-rogo__container {
		width: 100%;
		padding-right: 25px;
		padding-left: 25px
	}
}

@media (min-width:769px) and (max-width:1100px) {
	.origin-rogo__container {
		padding-right: 25px;
		padding-left: 25px
	}
}

@media (max-width:768px) {
	.origin-rogo__container {
		padding-bottom: 60px
	}
}

.origin-rogo__img {
	width: 192px;
	height: 248px;
	margin: 70px auto 90px
}

@media (max-width:768px) {
	.origin-rogo__img {
		margin: 40px auto 60px
	}
}

.origin-rogo__img img {
	width: 100%
}

.origin-rogo__detail {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media (max-width:768px) {
	.origin-rogo__detail {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.origin-rogo__detail__item {
	width: -webkit-calc(50% - 20px);
	width: calc(50% - 20px)
}

@media (max-width:768px) {
	.origin-rogo__detail__item {
		width: 100%
	}
}

.origin-rogo__detail__txt-ttl {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 30px
}

@media (max-width:768px) {
	.origin-rogo__detail__txt-ttl {
		margin-bottom: 0
	}
}

.origin-rogo__detail__txt {
	line-height: 2.2;
	padding-bottom: 200px
}

@media (max-width:768px) {
	.origin-rogo__detail__txt {
		padding-bottom: 30px
	}
}

.company-overview-contents {
	max-width: 1040px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	margin-bottom: 200px
}

@media (max-width:768px) {
	.company-overview-contents {
		width: 100%;
		padding-right: 25px;
		padding-left: 25px
	}
}

@media (min-width:769px) and (max-width:1100px) {
	.company-overview-contents {
		padding-right: 25px;
		padding-left: 25px
	}
}

@media (max-width:768px) {
	.company-overview-contents {
		margin-bottom: 100px
	}
}

.company-overview-list {
	border-bottom: 1px solid #ccc;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	padding-top: 20px;
	padding-bottom: 20px
}

@media (max-width:768px) {
	.company-overview-list {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding-top: 8px;
		padding-bottom: 0
	}

	.company-overview-list p {
		font-size: 13px
	}
}

.company-overview-list .item {
	width: 20vw;
	font-weight: 700;
	padding-left: 30px
}

@media (max-width:768px) {
	.company-overview-list .item {
		padding-left: 0;
		width: 100%
	}
}

.company-overview-list .detail {
	width: 80vw;
	line-height: 2;
	color: #333
}

@media (max-width:768px) {
	.company-overview-list .detail {
		width: 100%
	}
}

.company-overview-list .detail__pdb40 {
	padding-bottom: 30px
}

.gmap {
	max-width: 1040px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	margin-bottom: 200px
}

@media (max-width:768px) {
	.gmap {
		width: 100%;
		padding-right: 25px;
		padding-left: 25px
	}
}

@media (min-width:769px) and (max-width:1100px) {
	.gmap {
		padding-right: 25px;
		padding-left: 25px
	}
}

@media (max-width:768px) {
	.gmap {
		margin-bottom: 100px
	}
}

.google-maps {
	position: relative;
	padding-bottom: 40%;
	height: 0;
	overflow: hidden
}

@media (max-width:768px) {
	.google-maps {
		height: 300px
	}
}

.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%!important;
	height: 100%!important
}

.csr-hero {
	position: relative;
	padding: 140px 0 80px
}

@media (max-width:768px) {
	.csr-hero {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 75px 0 0
	}
}

.csr-hero__content {
	max-width: 1040px;
	margin-right: auto;
	margin-left: auto;
	position: relative
}

@media (max-width:768px) {
	.csr-hero__content {
		width: 100%;
		padding-right: 25px;
		padding-left: 25px
	}
}

@media (min-width:769px) and (max-width:1100px) {
	.csr-hero__content {
		padding-right: 25px;
		padding-left: 25px
	}
}

.csr-hero__jattl {
	margin-bottom: 60px
}

@media (max-width:768px) {
	.csr-hero__jattl {
		margin-bottom: 35px
	}
}

.csr-hero__txt {
	line-height: 2.2
}

@media (max-width:768px) {
	.csr-hero__txt {
		margin-bottom: 35px;
		letter-spacing: -.03em;
		line-height: 2
	}
}

.csr-hero__subttl {
	margin-bottom: 15px
}

.csr-contents {
	max-width: 1040px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding-bottom: 200px
}

@media (max-width:768px) {
	.csr-contents {
		width: 100%;
		padding-right: 25px;
		padding-left: 25px
	}
}

@media (min-width:769px) and (max-width:1100px) {
	.csr-contents {
		padding-right: 25px;
		padding-left: 25px
	}
}

@media (max-width:768px) {
	.csr-contents {
		padding-bottom: 100px
	}
}

.csr-contents__box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media (max-width:768px) {
	.csr-contents__box {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.csr-contents__box--center {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.csr-contents__item {
	width: 48%;
	margin-bottom: 65px
}

@media (max-width:768px) {
	.csr-contents__item {
		width: 100%;
		margin-bottom: 35px
	}
}

.csr-contents__item--last {
	margin-bottom: 0
}

.csr-contents__img {
	width: 100%;
	margin-bottom: 15px
}

@media (max-width:768px) {
	.csr-contents__img {
		margin-bottom: 5px
	}
}

.csr-contents__img img {
	width: 100%
}

.csr-contents__ttl {
	font-size: 18px;
	font-weight: 700;
	line-height: 2
}

@media (max-width:768px) {
	.csr-contents__ttl {
		font-size: 14px
	}
}

@media (max-width:768px) {
	.csr-contents__txt {
		font-size: 13px;
		line-height: 1.731
	}
}

.case-hero {
	position: relative;
	padding: 140px 0 0
}

@media (max-width:768px) {
	.case-hero {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 80px 0 0
	}
}

.case-hero__bg {
	position: absolute;
	background: url(../img/top/bg_c.png) 50%/contain no-repeat;
	width: 40vw;
	height: 51vw;
	top: -20px;
	right: 10px
}

@media (max-width:768px) {
	.case-hero__bg {
		position: relative;
		-webkit-align-self: flex-end;
		-ms-flex-item-align: end;
		align-self: flex-end;
		width: 58vw;
		height: 80vw
	}
}

.case-hero__content {
	max-width: 1040px;
	margin-right: auto;
	margin-left: auto;
	position: relative
}

@media (max-width:768px) {
	.case-hero__content {
		width: 100%;
		padding-right: 25px;
		padding-left: 25px
	}
}

@media (min-width:769px) and (max-width:1100px) {
	.case-hero__content {
		padding-right: 25px;
		padding-left: 25px
	}
}

.case-hero__jattl {
	margin-bottom: 60px
}

@media (max-width:768px) {
	.case-hero__jattl {
		margin-bottom: 35px
	}
}

.case-hero__txt {
	line-height: 2.2
}

@media (max-width:768px) {
	.case-hero__txt {
		margin-bottom: 35px;
		letter-spacing: -.03em;
		line-height: 2
	}
}

.case-hero__subttl {
	margin-bottom: 15px
}

.case-container {
	max-width: 990px;
	margin-right: auto;
	margin-left: auto;
	position: relative
}

@media (min-width:769px) and (max-width:1100px) {
	.case-container {
		padding-right: 25px;
		padding-left: 25px
	}
}

.case-hero-nav__border {
	width: 100%;
	border-bottom: 1px solid #ccc
}

@media (max-width:768px) {
	.case-hero-nav__border {
		border: none
	}
}

.case-hero-nav {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.case-hero-nav,.case-hero-nav__ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.case-hero-nav__ul {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width:768px) {
	.case-hero-nav__ul {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

.case-hero-nav__li {
	margin-right: 80px;
	padding-bottom: 24px
}

@media (max-width:768px) {
	.case-hero-nav__li {
		position: relative;
		margin-right: 40px
	}
}

.case-hero-nav__li:last-of-type {
	margin-right: 0
}

.case-hero-nav__li button {
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .05em;
	text-decoration: none;
	display: block;
	position: relative;
	padding-bottom: 0
}

.case-hero-nav__li button:before {
	content: "";
	width: 0;
	border-bottom: 6px solid #8f0046;
	display: block;
	position: absolute;
	bottom: -25px;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: center top;
	-ms-transform-origin: center top;
	-o-transform-origin: center top;
	transform-origin: center top;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	-o-transition: -o-transform .3s;
	transition: transform .3s;
	transition: transform .3s,-webkit-transform .3s,-o-transform .3s
}

@media (max-width:768px) {
	.case-hero-nav__li button:before {
		content: "";
		display: block;
		position: absolute;
		width: 4px;
		height: 4px;
		border-top: 2px solid #8f0046;
		border-right: 2px solid #8f0046;
		-webkit-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		-o-transform: rotate(135deg);
		transform: rotate(135deg);
		top: 10px;
		right: -15px;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
		border-bottom: none
	}
}

.case-hero-nav__li button:hover,.case-hero-nav__li button:visited {
	color: #8f0046
}

.case-hero-nav__li button:hover:after {
	width: 100%;
	border-bottom: 6px solid #8f0046;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}

.case-hero-nav__li button.active {
	color: #8f0046
}

.case-hero-nav__li button.active:after {
	width: 100%;
	border-bottom: 6px solid #8f0046;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}

.case-detail__ttl {
	font-size: 32px;
	font-weight: 700;
	padding-bottom: 60px
}

@media (max-width:768px) {
	.case-detail__ttl {
		font-size: 24px;
		padding-bottom: 20px
	}
}

.case-detail__subttl {
	margin-bottom: 20px
}

.case-detail__txt--mb40 {
	margin-bottom: 40px
}

@media (max-width:768px) {
	.case-detail__txt--mb40 {
		margin-bottom: 20px
	}
}

.case-detail__txt--marginbtm {
	margin-bottom: 30px
}

.case-detail__txtbox {
	margin-bottom: 35px
}

@media (max-width:768px) {
	.case-detail__txtbox {
		margin-bottom: 28px
	}
}

.case-detail__img {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: #e9e9e9;
	width: 100%;
	height: 350px;
	margin-bottom: 35px
}

.case-detail__img img {
	width: 100%
}

.case-detail__img--size80 {
	width: 80%;
	height: 80%;
	background: none;
	margin-right: auto;
	margin-left: auto
}

@media (max-width:768px) {
	.case-detail__img--size80 {
		width: 100%;
		height: auto
	}
}

@media (max-width:768px) {
	.case-detail__img {
		margin-bottom: 0
	}
}

.case-formulate-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 40px;
	border: 1px solid #ccc
}

@media (max-width:768px) {
	.case-formulate-box {
		padding: 15px
	}
}

.case-formulate-box__name {
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	color: #fff;
	display: block;
	background: #000;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 40px
}

@media (max-width:768px) {
	.case-formulate-box__name {
		font-size: 14px;
		margin-bottom: 20px
	}
}

.case-formulate-box__text {
	font-size: 18px;
	line-height: 1.667;
	text-align: center;
	font-weight: 700
}

@media (max-width:768px) {
	.case-formulate-box__text {
		font-size: 13px;
		line-height: 2;
		letter-spacing: -.02em
	}
}

.case-detail-container {
	max-width: 1040px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding-bottom: 100px
}

@media (max-width:768px) {
	.case-detail-container {
		width: 100%;
		padding-right: 25px;
		padding-left: 25px
	}
}

@media (min-width:769px) and (max-width:1100px) {
	.case-detail-container {
		padding-right: 25px;
		padding-left: 25px
	}
}

@media (max-width:768px) {
	.case-detail-container {
		width: 100%
	}
}

.case-detail-btmcontainer {
	max-width: 1040px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding-bottom: 200px
}

@media (max-width:768px) {
	.case-detail-btmcontainer {
		width: 100%;
		padding-right: 25px;
		padding-left: 25px
	}
}

@media (min-width:769px) and (max-width:1100px) {
	.case-detail-btmcontainer {
		padding-right: 25px;
		padding-left: 25px
	}
}

.case-main {
	position: relative
}

@media (min-width:1201px) {
	.case-main .swiper-container {
		overflow: visible
	}
}

@media (min-width:1201px) {
	.case-main .swiper-slide {
		height: auto
	}
}

.case-main__content {
	height: auto;
	max-width: 1040px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding: 8vw 0 9vw
}

@media (max-width:768px) {
	.case-main__content {
		width: 100%;
		padding-right: 25px;
		padding-left: 25px;
		padding: 40px 25px
	}
}

.case-main__engttl {
	margin-left: 38vw
}

@media (max-width:768px) {
	.case-main__engttl {
		margin-left: 0;
		margin-bottom: 5px
	}
}

.case-main__jattl {
	font-size: 16px;
	font-weight: 700;
	padding-left: 38vw;
	margin-bottom: 60px
}

@media (max-width:768px) {
	.case-main__jattl {
		font-size: 12px;
		padding-left: 0;
		margin-bottom: 30px
	}
}

.case-main__slider {
	margin-right: -25px;
	margin-left: -25px
}

@media (min-width:1201px) {
	.case-main__slider {
		margin-right: -70px
	}
}

@media (min-width:1201px) {
	.case-main__list {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-bottom: -40px
	}
}

@media (max-width:768px) {
	.case-main__list {
		margin-bottom: 40px
	}
}

.case-main__item {
	width: 320px;
	border: 1px solid #ccc
}

@media (min-width:1201px) {
	.case-main__item {
		margin-right: 40px;
		margin-bottom: 40px
	}
}

@media (max-width:768px) {
	.case-main__item {
		width: -webkit-calc(100% - 50px);
		width: calc(100% - 50px)
	}
}

.case-main__item .case-main__thumb {
	background: url(../img/top/img_case_01_bk.jpg) 50%/cover no-repeat
}

.case-main__link {
	display: block
}

.case-main__thumb {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 320px;
	height: 320px
}

@media (max-width:768px) {
	.case-main__thumb {
		width: 100%;
		height: 280px
	}
}

.case-main__thumb:before {
	content: "";
	display: block;
	position: absolute;
	width: 10px;
	height: 10px;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	top: 10px;
	left: 10px
}

.case-main__thumb:after {
	content: "";
	display: block;
	position: absolute;
	background: url(../img/icon_arrow.png) 50%/contain no-repeat;
	width: 62px;
	height: 6px;
	right: 10px;
	bottom: 10px
}

.case-main__wrap {
	color: #fff;
	text-align: center
}

.case-main__category {
	margin-bottom: 10px
}

.case-main__ttl {
	font-size: 18px;
	font-weight: 700
}

@media (max-width:768px) {
	.case-main__ttl {
		padding-right: 1em;
		padding-left: 1em
	}
}

.case-main__detail {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	background: #fff;
	padding: 30px
}

.case-main__detail--boxsize {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.case-main__txt {
	color: #333;
	line-height: 2;
	margin-bottom: 20px
}

.case-main .btn-secondary {
	-webkit-align-self: flex-end;
	-ms-flex-item-align: end;
	align-self: flex-end
}

.product-hero {
	position: relative;
	padding: 140px 0 200px
}

@media (max-width:768px) {
	.product-hero {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 75px 0 100px
	}
}

.product-hero__bg {
	position: absolute;
	background: url(../img/product/bg_p.png) 50%/contain no-repeat;
	width: 40vw;
	height: 51vw;
	top: -20px;
	right: 10px
}

@media (max-width:768px) {
	.product-hero__bg {
		position: relative;
		-webkit-align-self: flex-end;
		-ms-flex-item-align: end;
		align-self: flex-end;
		width: 58vw;
		height: 80vw
	}
}

.product-hero__content {
	max-width: 1040px;
	margin-right: auto;
	margin-left: auto;
	position: relative
}

@media (max-width:768px) {
	.product-hero__content {
		width: 100%;
		padding-right: 25px;
		padding-left: 25px
	}
}

@media (min-width:769px) and (max-width:1100px) {
	.product-hero__content {
		padding-right: 25px;
		padding-left: 25px
	}
}

.product-hero__jattl {
	margin-bottom: 50px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width:768px) {
	.product-hero__jattl {
		margin-bottom: 20px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-moz-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}
}

.product-hero__txt {
	color: #333;
	margin-bottom: 50px
}

@media (max-width:768px) {
	.product-hero__txt {
		margin-bottom: 0
	}
}

@media (max-width:768px) {
	.product-hero__txt--btmmargin {
		margin-bottom: 20px
	}
}

.product-hero__btnarea {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

@media (max-width:768px) {
	.product-hero__btnarea {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

.product-hero__btnarea .btn-secondary:before {
	content: "";
	display: block;
	position: absolute;
	width: 1px;
	height: 18px;
	background: #666;
	right: -40px
}

.product-hero__btnarea .btn-secondary:last-child:before {
	display: none
}

@media (max-width:768px) {
	.product-hero__btnarea .btn-secondary:first-of-type {
		width: 100%;
		margin-right: 0!important;
		margin-bottom: 30px
	}

	.product-hero__btnarea .btn-secondary:first-of-type:after {
		right: auto;
		left: 153px
	}
}

@media (max-width:768px) {
	.product-hero__btnarea .btn-secondary:nth-of-type(2) {
		margin-right: 40px!important
	}
}

@media (max-width:768px) {
	.product-hero__btnarea .btn-secondary:first-of-type {
		margin-right: 0!important
	}
}

.product-hero__btnarea .btn-secondary:not(:last-of-type) {
	margin-right: 65px
}

.product-hero__btnttl {
	margin-right: 25px
}

.product-logo {
	vertical-align: middle;
	margin-right: 30px
}

@media (max-width:768px) {
	.product-logo {
		display: block;
		text-align: center;
		margin: 80px auto
	}
}

.product-logo img {
	width: 100%
}

.product-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 0 100px
}

@media (max-width:768px) {
	.product-list {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.product-list__item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 280px;
	margin-right: 35px
}

@media (max-width:768px) {
	.product-list__item {
		width: 100%;
		margin-right: 0;
		margin-bottom: 80px
	}
}

.product-list__logo {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: #fff;
	width: 280px;
	height: 280px;
	border: 1px solid #ddd;
	text-align: center
}

@media (max-width:768px) {
	.product-list__logo {
		width: 100%;
		height: 280px
	}
}

.product-list img {
	width: 30%;
	margin: 0 auto
}

.product-list__name {
	font-weight: 700;
	margin: 0 0 10px
}

@media (max-width:768px) {
	.product-list__name {
		font-size: 18px
	}
}

.product-list__txtwrap {
	margin: 30px 0 0
}

@media (max-width:768px) {
	.product-list__txtwrap--pdb80 {
		padding-bottom: 40px
	}
}

@media (max-width:768px) {
	.product-list__txtwrap {
		margin-top: 20px
	}
}

.product-list__detail {
	color: #333;
	line-height: 2;
	margin: 0 0 20px
}

.product-detail-container {
	max-width: 1040px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding-bottom: 200px
}

@media (max-width:768px) {
	.product-detail-container {
		width: 100%;
		padding-right: 25px;
		padding-left: 25px
	}
}

@media (min-width:769px) and (max-width:1100px) {
	.product-detail-container {
		padding-right: 25px;
		padding-left: 25px
	}
}

@media (max-width:768px) {
	.product-detail-container {
		width: 100%;
		padding-right: 25px;
		padding-left: 25px;
		padding-bottom: 100px
	}
}

.product-detail-container--pdb100 {
	padding-bottom: 100px
}

.product-detail-container .product-detail__ttl {
	font-size: 32px;
	font-weight: 700;
	padding-bottom: 60px
}

.product-detail-container .product-detail__subttl {
	margin-bottom: 20px
}

.product-detail-container .product-detail__txt {
	color: #333;
	line-height: 2
}

.product-detail-container .product-detail__txt--mb20 {
	margin-bottom: 20px
}

.product-detail-container .product-detail__img {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: #e9e9e9;
	width: 100%;
	height: 350px;
	margin-top: 35px
}

@media (max-width:768px) {
	.product-detail-container .product-detail__img {
		height: auto
	}
}

.product-detail-container .product-detail__img--size80 {
	width: 80%;
	height: 80%;
	background: none;
	margin-right: auto;
	margin-left: auto
}

@media (max-width:768px) {
	.product-detail-container .product-detail__img--size80 {
		width: 100%;
		height: auto
	}
}

.product-detail-container .product-detail__img img {
	width: 100%
}

@media (max-width:768px) {
	.product-detail-container .product-detail__img {
		margin-bottom: 0;
		margin-top: 0
	}
}

.product-detail-ul {
	padding-bottom: 50px
}

@media (max-width:768px) {
	.product-detail-ul {
		padding-bottom: 20px
	}
}

.bext-tablebox {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media (max-width:768px) {
	.bext-tablebox {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.bext-tablebox__item {
	width: 48%
}

@media (max-width:768px) {
	.bext-tablebox__item {
		width: 100%
	}

	.bext-tablebox__item:not(:last-of-type) {
		margin-bottom: 20px
	}
}

.bext-tablebox table {
	border-collapse: separate;
	background: #fff
}

.bext-tablebox table .color-chage {
	background: #f7f7f7;
	color: #000
}

.bext-tablebox table .black {
	background: #000;
	color: #fff;
	font-weight: 700
}

.bext-tablebox td {
	line-height: 1.5;
	padding: 1em;
	font-weight: 300;
	color: #333;
	border-top: 1px solid #cfcfcf
}

.bext-tablebox td:last-of-type {
	border-right: 1px solid #cfcfcf
}

.bext-tablebox th {
	line-height: 1.5;
	padding: 1em;
	font-weight: 300;
	color: #333;
	border-top: 1px solid #cfcfcf;
	border-left: 1px solid #cfcfcf
}

.bext-tablebox th:last-of-type {
	border-right: 1px solid #cfcfcf
}

.bext-tablebox tbody tr:last-of-type td,.bext-tablebox tbody tr:last-of-type th {
	border-bottom: 1px solid #cfcfcf
}

.bext-tablebox tbody .center {
	text-align: center
}

.product-nav {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 200px
}

@media (max-width:768px) {
	.product-nav {
		margin-bottom: 80px;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 100%;
		padding-left: 25px;
		padding-right: 25px;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
}

@media (max-width:768px) {
	.product-nav--center {
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-moz-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start
	}
}

.product-nav__ttl {
	margin-right: 30px;
	font-weight: 700
}

@media (max-width:768px) {
	.product-nav__ttl {
		line-height: 2
	}
}

.product-nav__list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

@media (max-width:768px) {
	.product-nav__list {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		line-height: 2
	}
}

.product-nav__item {
	margin-right: 60px
}

@media (max-width:768px) {
	.product-nav__item {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.product-nav__item:nth-child(2n) a:before {
		display: none
	}
}

.product-nav__item:last-of-type {
	margin-right: 0
}

.product-nav__item:last-of-type a:before {
	display: none
}

.product-nav__item a {
	position: relative;
	display: inline-block;
	color: #8f0046;
	font-size: 12px;
	font-weight: 700
}

.product-nav__item a:before {
	content: "";
	display: block;
	position: absolute;
	width: 1px;
	height: 11px;
	background: #aaa;
	right: -30px;
	top: 4px
}

.product-nav__item a:hover {
	margin-bottom: -1px;
	border-bottom: 1px solid #8f0046;
	-webkit-transition: none;
	-o-transition: none;
	transition: none
}

.product-nav__item a:after {
	content: none;
	text-decoration: none
}

@media (max-width:768px) {
	.product-list-ul {
		margin-bottom: 0
	}
}

.bims-itembox {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 60px
}

@media (max-width:768px) {
	.bims-itembox {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-bottom: 20px
	}
}

.bims-itembox__item {
	width: 320px;
	border: 1px solid #ccc;
	background: #fff
}

@media (max-width:768px) {
	.bims-itembox__item {
		width: 100%
	}

	.bims-itembox__item:not(:last-of-type) {
		margin-bottom: 20px
	}
}

.bims-itembox__ttl {
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	background: #000;
	text-align: center;
	line-height: 3
}

.bims-itembox__txt {
	padding: 30px;
	color: #333;
	font-size: 14px;
	line-height: 2
}

.bims-itembox__txt li {
	list-style: disc
}

.bims-itembox__txt li:not(:last-of-type) {
	padding-bottom: 10px
}

.bims-subitem {
	border: 1px solid #ccc;
	text-align: center
}

.bims-subitem__ul {
	color: #333;
	font-size: 14px;
	line-height: 2;
	text-align: center;
	position: relative;
	padding: 20px;
	background: #fff
}

.bims-subitem__list .disc01 {
	position: relative
}

.bims-subitem__list .disc01:before {
	content: "・";
	font-size: 15px;
	font-weight: 700;
	display: block;
	position: absolute;
	left: -8%;
	top: -40%
}

@media (max-width:768px) {
	.bims-subitem__list .disc01:before {
		left: -8%;
		top: -43%
	}
}

.bims-subitem__list .disc02 {
	position: relative
}

.bims-subitem__list .disc02:before {
	content: "・";
	font-size: 15px;
	font-weight: 700;
	display: block;
	position: absolute;
	left: -4%;
	top: -40%
}

@media (max-width:768px) {
	.bims-subitem__list .disc02:before {
		left: -8%;
		top: -14%;
		z-index: 1
	}
}

.bims-subitem__list:not(:last-of-type) {
	padding-bottom: 10px
}

@media (max-width:768px) {
	.bims-subitem__list:not(:last-of-type) {
		padding-bottom: 5px
	}
}

.contact-hero {
	position: relative;
	padding: 140px 0 80px
}

@media (max-width:768px) {
	.contact-hero {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 75px 0 30px
	}
}

.contact-hero__content {
	max-width: 1040px;
	margin-right: auto;
	margin-left: auto;
	position: relative
}

@media (max-width:768px) {
	.contact-hero__content {
		width: 100%;
		padding-right: 25px;
		padding-left: 25px
	}
}

.contact-form__error-txt {
	text-align: center;
	font-size: 18px;
	color: #d61515;
	margin-bottom: 1.5em
}

.contact-form__error-list {
	text-align: center;
	font-size: 18px;
	color: #d61515;
	margin-bottom: 2em
}

.contact-form__error-list li:before {
	content: "・";
	display: inline-block;
	margin-right: .5em
}

.contact-form__error-list li:not(:last-child) {
	margin-bottom: .5em
}

.form {
	padding-bottom: 140px
}

@media (max-width:768px) {
	.form {
		padding-bottom: 100px
	}
}

.form__wrap {
	max-width: 840px;
	margin-right: auto;
	margin-left: auto
}

@media (max-width:768px) {
	.form__wrap {
		padding-right: 25px;
		padding-left: 25px
	}
}

.form__row {
	padding-top: 25px;
	padding-bottom: 25px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media (max-width:768px) {
	.form__row {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

.form__row:first-child {
	border-top: 1px solid #ccc
}

.form__row:not(:last-child) {
	border-bottom: 1px solid #ccc
}

.form__label {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 14px;
	font-weight: 700;
	color: #000;
	width: 210px;
	margin-right: 85px;
	position: relative;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

@media (max-width:768px) {
	.form__label {
		width: auto;
		margin-right: 0;
		padding-right: 70px;
		margin-bottom: 15px
	}
}

.form__label--req:after {
	content: "必須";
	display: block;
	position: absolute;
	font-size: 12px;
	font-weight: 700;
	color: #fff;
	background: #8f0046;
	line-height: 1;
	text-align: center;
	padding: .6em 1.45em .75em;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}

@media (max-width:768px) {
	.form__label--req:after {
		font-size: 10px
	}
}

.form__label--top {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-moz-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.form__label--top:after {
	top: 10px
}

.form__input {
	width: 100%
}

.form__input input[type=email],.form__input input[type=phone],.form__input input[type=text] {
	height: 50px;
	background: #f9f9f9;
	border: 1px solid #999;
	font-size: 14px;
	padding: 1em;
	width: 100%
}

.form__input input[type=email]::-webkit-input-placeholder,.form__input input[type=phone]::-webkit-input-placeholder,.form__input input[type=text]::-webkit-input-placeholder {
	color: #999
}

.form__input input[type=email]:-moz-placeholder,.form__input input[type=email]::-moz-placeholder,.form__input input[type=phone]:-moz-placeholder,.form__input input[type=phone]::-moz-placeholder,.form__input input[type=text]:-moz-placeholder,.form__input input[type=text]::-moz-placeholder {
	color: #999
}

.form__input input[type=email]:-ms-input-placeholder,.form__input input[type=phone]:-ms-input-placeholder,.form__input input[type=text]:-ms-input-placeholder {
	color: #999
}

.form__input input[type=email]::-ms-input-placeholder,.form__input input[type=phone]::-ms-input-placeholder,.form__input input[type=text]::-ms-input-placeholder {
	color: #999
}

.form__input input[type=email]::placeholder,.form__input input[type=phone]::placeholder,.form__input input[type=text]::placeholder {
	color: #999
}

@media (max-width:768px) {
	.form__input input[type=email],.form__input input[type=phone],.form__input input[type=text] {
		font-size: 16px;
		height: 40px
	}
}

.form__input textarea {
	min-height: 290px;
	background: #f9f9f9;
	border: 1px solid #999;
	font-size: 14px;
	padding: 1em;
	width: 100%;
	resize: vertical
}

.form__input textarea::-webkit-input-placeholder {
	color: #999
}

.form__input textarea:-moz-placeholder,.form__input textarea::-moz-placeholder {
	color: #999
}

.form__input textarea:-ms-input-placeholder {
	color: #999
}

.form__input textarea::-ms-input-placeholder {
	color: #999
}

.form__input textarea::placeholder {
	color: #999
}

@media (max-width:768px) {
	.form__input textarea {
		font-size: 16px
	}
}

.form__radio {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.form__radio label {
	display: block
}

@media (max-width:768px) {
	.form__radio label {
		font-weight: 700
	}
}

.form__radio label:not(:last-child) {
	margin-bottom: 15px
}

.form__radio input[type=radio] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: absolute;
	height: 0;
	width: 0;
	display: none
}

.form__radio span {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	min-height: 30px;
	padding-left: 40px
}

@media (max-width:768px) {
	.form__radio span {
		padding-left: 25px
	}
}

.form__radio span:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 30px;
	width: 30px;
	background: #f8f8f8;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #999;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

@media (max-width:768px) {
	.form__radio span:before {
		height: 20px;
		width: 20px;
		top: 5px
	}
}

.form__radio span:after {
	content: "";
	display: block;
	position: absolute;
	top: 8px;
	left: 8px;
	height: 14px;
	width: 14px;
	-webkit-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
	background: transparent;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: background-color .4s,-webkit-transform .4s;
	transition: background-color .4s,-webkit-transform .4s;
	-o-transition: background-color .4s,-o-transform .4s;
	transition: background-color .4s,transform .4s;
	transition: background-color .4s,transform .4s,-webkit-transform .4s,-o-transform .4s;
	will-change: background-color,transform
}

@media (max-width:768px) {
	.form__radio span:after {
		height: 8px;
		width: 8px;
		top: 11px;
		left: 6px
	}
}

.form__radio input:checked+span:after {
	background-color: #000;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}

.form__radio-col:not(:last-child) {
	margin-right: 45px
}

.form__privacy {
	height: 200px;
	margin-top: 45px;
	margin-bottom: 45px;
	overflow: scroll;
	background: #f9f9f9;
	border: 1px solid #999;
	font-size: 14px;
	color: #000;
	line-height: 2;
	padding: 1.5em
}

@media (max-width:768px) {
	.form__privacy {
		margin-top: 25px;
		margin-bottom: 25px;
		font-size: 12px
	}
}

.form__privacy::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 7px
}

.form__privacy::-webkit-scrollbar-thumb {
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: rgba(0,0,0,.5);
	-webkit-box-shadow: 0 0 1px hsla(0,0%,100%,.5)
}

.form__privacy .policy-listarea {
	margin-bottom: 0
}

.form__privacy .policy-list__item {
	color: #666
}

.form__privacy .policy-list__item:before {
	display: inline-block;
	top: -4px
}

.form__privacy .policy-list__ttl {
	font-size: 12px;
	color: #666
}

.form__privacy .policy-list__txt {
	font-size: 12px
}

.form__privacy .policy-sublist__ttl {
	font-size: 12px;
	color: #666;
	font-weight: 400;
	margin-bottom: .5em
}

.form__privacy .policy-sublist__txt {
	font-size: 12px;
	margin-bottom: .5em
}

.form__privacy .policy-sublist__item:before {
	display: inline-block;
	top: -4px;
	left: 25px;
	font-weight: 400
}

.form__privacy .enactment,.form__privacy .policy-table {
	font-size: 12px
}

.form__check {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 40px;
	color: #000
}

.form__check input[type=checkbox] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: absolute;
	height: 0;
	width: 0;
	display: none
}

.form__check input[type=checkbox]:checked+span:after {
	opacity: 1
}

.form__check span {
	position: relative;
	padding-left: 50px
}

@media (max-width:768px) {
	.form__check span {
		padding-left: 40px
	}
}

.form__check span:before {
	content: "";
	display: block;
	position: absolute;
	top: -8px;
	left: 0;
	height: 30px;
	width: 30px;
	border: 1px solid #999;
	background-color: #f8f8f8
}

@media (max-width:768px) {
	.form__check span:before {
		height: 24px;
		width: 24px;
		top: -5px
	}
}

.form__check span:after {
	content: "";
	display: block;
	position: absolute;
	top: -6px;
	left: 5px;
	height: 23px;
	width: 33px;
	background: url(../img/icon_check.png) 50%/contain no-repeat;
	opacity: 0;
	-webkit-transition: opacity .4s;
	-o-transition: opacity .4s;
	transition: opacity .4s;
	will-change: opacity
}

@media (max-width:768px) {
	.form__check span:after {
		height: 18px;
		width: 25px;
		top: -3px
	}
}

.form-confirm {
	padding-bottom: 140px
}

@media (max-width:768px) {
	.form-confirm {
		padding-bottom: 100px
	}
}

.form-confirm__wrap {
	max-width: 840px;
	margin-right: auto;
	margin-left: auto
}

@media (max-width:768px) {
	.form-confirm__wrap {
		padding-right: 25px;
		padding-left: 25px
	}
}

.form-confirm__txt {
	font-size: 18px;
	font-weight: 700;
	color: #000;
	text-align: center;
	margin-bottom: 35px
}

.form-confirm__list {
	padding-bottom: 65px
}

@media (max-width:768px) {
	.form-confirm__list {
		padding-bottom: 30px
	}
}

.form-confirm__item {
	padding-top: 25px;
	padding-bottom: 25px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-bottom: 1px solid #ccc
}

@media (max-width:768px) {
	.form-confirm__item {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding-top: 20px;
		padding-bottom: 20px
	}
}

.form-confirm__item:first-child {
	border-top: 1px solid #ccc
}

.form-confirm__label {
	width: 240px;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	font-size: 14px;
	font-weight: 700;
	color: #000
}

@media (max-width:768px) {
	.form-confirm__label {
		width: 100%;
		margin-bottom: 1em
	}
}

.form-confirm__input {
	width: 100%;
	font-size: 14px;
	color: #000
}

.form-confirm__btn-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

@media (min-width:1201px) {
	.form-confirm__btn-list .btn-submit {
		margin-right: 0;
		margin-left: 0
	}

	.form-confirm__btn-list .btn-submit:not(:last-child) {
		margin-right: 20px
	}
}

@media (max-width:768px) {
	.form-confirm__btn-list {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.form-confirm__btn-list .btn-submit--edit {
		margin-top: 30px;
		-webkit-box-ordinal-group: 3;
		-webkit-order: 2;
		-moz-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2
	}
}

.form-thanks {
	padding-bottom: 140px;
	text-align: center
}

@media (max-width:768px) {
	.form-thanks {
		padding-bottom: 100px;
		padding-right: 25px;
		padding-left: 25px
	}
}

.form-thanks__ttl {
	font-size: 18px;
	font-weight: 700;
	color: #000;
	margin-bottom: 35px
}

.form-thanks__txt {
	font-size: 14px;
	line-height: 2.285;
	color: #000;
	margin-bottom: 60px
}

.policy-content {
	position: relative;
	padding: 140px 0 260px
}

@media (max-width:768px) {
	.policy-content {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 75px 0 100px
	}
}

.policy-content__container {
	max-width: 1040px;
	margin-right: auto;
	margin-left: auto;
	position: relative
}

@media (max-width:768px) {
	.policy-content__container {
		width: 100%;
		padding-right: 25px;
		padding-left: 25px
	}
}

@media (min-width:769px) and (max-width:1100px) {
	.policy-content__container {
		padding-right: 25px;
		padding-left: 25px
	}
}

.policy-content__ttl {
	font-size: 32px;
	font-weight: 700;
	padding-bottom: 60px;
	color: #8f0046
}

@media (max-width:768px) {
	.policy-content__ttl {
		font-size: 24px;
		padding-bottom: 20px
	}
}

.policy-content__txt {
	margin-bottom: 50px
}

@media (max-width:768px) {
	.policy-content__txt {
		margin-bottom: 35px
	}
}

.policy-content__txt p:not(:last-child) {
	margin-bottom: 1.5em
}

.policy-listarea {
	margin-bottom: 50px
}

.policy-listarea__ol {
	padding: 0 0 0 2em;
	margin: 0
}

.policy-listarea__li {
	list-style-type: none;
	list-style-position: inside;
	counter-increment: cnt
}

.policy-listarea__li:before {
	display: marker;
	content: "(" counter(cnt) ") "
}

.policy-list__item {
	list-style-type: none;
	list-style-position: inside;
	counter-increment: cnt;
	position: relative;
	color: #8f0046
}

.policy-list__item:before {
	display: marker;
	content: counter(cnt);
	position: absolute;
	top: 5px;
	left: 0;
	font-weight: 700
}

.policy-list__ttl {
	padding: 0 0 0 1.5em;
	line-height: 1.5;
	color: #8f0046;
	font-weight: 700;
	font-size: 18px;
	margin: 0 0 10px
}

@media (max-width:768px) {
	.policy-list__ttl {
		padding: 0 0 0 1.6em
	}
}

.policy-list__txt {
	font-size: 14px;
	color: #000;
	line-height: 1.71;
	padding-left: 37px;
	color: #333;
	line-height: 1.8;
	margin-bottom: 20px
}

@media (max-width:768px) {
	.policy-list__txt {
		padding-left: 1em
	}
}

.policy-list__txt p:not(:last-child) {
	margin-bottom: 1em
}

.enactment {
	text-align: right;
	line-height: 1.8em
}

.policy-sublist__item {
	list-style-type: none;
	list-style-position: inside;
	counter-increment: cnt2;
	position: relative;
	color: #666
}

.policy-sublist__item:before {
	display: marker;
	content: "(" counter(cnt2) ") ";
	position: absolute;
	top: 3px;
	left: 40px;
	font-weight: 700;
	color: #666
}

@media (max-width:768px) {
	.policy-sublist__item:before {
		left: 0
	}
}

.policy-sublist__ttl {
	padding: 0 0 0 4em;
	line-height: 1.5;
	font-weight: 700;
	font-size: 18px;
	margin: 0 0 5px
}

@media (max-width:768px) {
	.policy-sublist__ttl {
		padding: 0 0 0 1.3em;
		line-height: 1.5;
		letter-spacing: -.03em
	}
}

.policy-sublist__txt {
	font-size: 14px;
	color: #000;
	line-height: 1.71;
	padding-left: 5em;
	color: #333;
	line-height: 1.8;
	margin-bottom: 20px
}

@media (max-width:768px) {
	.policy-sublist__txt {
		padding-left: 1em
	}
}

.policy-sublist__txt--latin {
	padding-left: 7em
}

@media (max-width:768px) {
	.policy-sublist__txt--latin {
		padding-left: 2em
	}
}

.policy-sublist__txt p:not(:last-child) {
	margin-bottom: .8em
}

.policy-table {
	color: #333;
	border-collapse: collapse;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	width: 100%
}

.policy-table tbody td,.policy-table thead th {
	border: 1px solid #333;
	text-align: center
}

.policy-table tbody td {
	line-height: 2em;
	padding: 1em
}

.policy-table tbody td:first-child {
	width: 20%
}

@media (max-width:768px) {
	.policy-table tbody td:first-child {
		width: 35%
	}
}

.policy-table tbody td:nth-child(2) {
	width: 80%
}

@media (max-width:768px) {
	.policy-table tbody td:nth-child(2) {
		width: 65%
	}
}

.policy-table tbody .txt-left {
	text-align: left
}

.policy-notice {
	margin-bottom: 50px
}

/*############hero_css############*/
.product-xcgl-hero {
	position: relative;
	padding: 140px 0 200px;
	height:800px;
	background: linear-gradient(to bottom right,#266dad, #53a1c5 100%);
	width: -webkit-calc(100vw - 62px);
	width: calc(100vw - 62px);
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	width: -webkit-calc(100vw - 62px);
	width: calc(100vw - 62px);
	padding: 60px 0 120px 0;
	margin: 0 auto;
}

@media (max-width:768px) {
	.product-xcgl-hero {
		height:600px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 90px 0 100px;
		margin: 100px auto 0px auto;
	}
}

.product-xcgl-hero__bg {
	position: absolute;
	background: url(../img/product/bg_xcgl_hero.png) 50%/contain no-repeat;
	width: 90%;
	height: 80%;
	top: 12%;
	right: 1%
}

@media (max-width:768px) {
	.product-xcgl-hero__bg {
		position: absolute;
		background: url(../img/product/bg_xcgl_hero.png) 80
		%/contain no-repeat;
		align-self: flex-end;
		width: 80%;
		height: 40%;
		top: 58%;
		left: 11%
	}
}

.product-xcgl-hero__content {
	max-width: 1040px;
	margin-top: 6%;
	margin-right: auto;
	margin-left: 9%;
	position: relative;
	color:#ffffff;
	line-height:10px;
}

@media (max-width:768px) {
	.product-xcgl-hero__content {
		width: 100%;
		padding-right: 5px;
	}
}

.product-xcgl-hero__jattl {
	margin-bottom: 50px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width:768px) {
	.product-xcgl-hero__jattl {
		margin-bottom: 40px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-moz-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		font-size: 30px
	}
}

.heading-xcgl-hero-sub {
	margin-bottom: 70px;
	position: relative;
	font-size: 48px
}

@media (max-width:768px) {
	.heading-xcgl-hero-sub {
		font-size: 30px
	}
}

.heading-xcgl-jasub {
	font-size: 24px;
	font-weight: 700;
	line-height:0px
}

@media (max-width:768px) {
	.heading-xcgl-jasub {
		font-size: 12px
	}
}

.heading-xcgl-jasub--big {
	margin-bottom: 36px;
	font-size: 24px;
}

@media (max-width:768px) {
	.heading-xcgl-jasub--big {
		font-size: 18px!important;
	}
}

.banner-wrap-yyys {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: 1px solid #900046;
	width:9%;
	height:8%;
	background:#900046;
	border-radius:6px;
	color: #ffffff;
	max-width: 300px;
	margin-right: 89%;
	margin-left: 17%;
	position: relative;
}

@media (max-width:768px) {
	.banner-wrap-yyys {
		width: -webkit-calc(100% - 26px);
		width: calc(100% - 26px);
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin: 0 auto
	}
}

.btn-banner-yyys {
	color: #ffffff;
	font-weight: 700;
	margin-right: auto;
	margin-left: auto
}

@media (max-width:768px) {
	.btn-banner-yyys {
		width: 100%;
		margin-right: 0;
		padding-top:5px;
		margin-bottom: 35px
	}
}

/*############pattern_css############*/
.product-xcgl-pattern {
	position: relative;
	padding: 140px 0 200px;
	height:800px;
	background:#f2f2f2;
	width: -webkit-calc(100vw - 62px);
	width: calc(100vw - 62px);
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	width: -webkit-calc(100vw - 62px);
	width: calc(100vw - 62px);
	padding: 60px 0 120px 0;
	margin: 0 auto;
}

@media (max-width:768px) {
	.product-xcgl-pattern {
		height:600px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin: auto auto;
	}
}

.product-xcgl-pattern__bg {
	position: absolute;
	background: url(../img/product/bg_xcgl_pattern.png) 50%/contain no-repeat;
	width: 80%;
	height: 70%;
	top: 25%;
	right: 10%
}

@media (max-width:768px) {
	.product-xcgl-pattern__bg {
		position: absolute;
		background: url(../img/product/bg_xcgl_pattern.png) 80%/contain no-repeat;
		align-self: flex-end;
		width: 80%;
		height: 40%;
		top: 38%;
		left: 11%
	}
}

.product-xcgl-pattern__content {
	max-width: 1040px;
	margin-right: auto;
	margin-left: 38%;
	position: relative;
	font-size:30px;
	margin-top: 1%;
}

@media (max-width:768px) {
	.product-xcgl-pattern__content {
		max-width: 1040px;
	    margin-right: auto;
	    margin-left: auto;
		top:30px;
	    position: relative;
	    font-size:30px;
		width: 70%;
	}
}

.product-xcgl-pattern__jattl {
	margin-bottom: 50px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width:768px) {
	.product-xcgl-pattern__jattl {
		position: relative;
		top:30px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-moz-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}
}

.heading-xcgl-sub {
	position: relative;
	font-size: 65px
}

@media (max-width:768px) {
	.heading-xcgl-sub {
		font-size: 40px
	}
}

.heading-xcgl-pattern-jasub {
	font-size: 16px;
	font-weight: 700
}

@media (max-width:768px) {
	.heading-xcgl-pattern-jasub {
		font-size: 12px
	}
}

/*############pattern_title_css############*/
.product-xcgl-template-title {
	position: relative;
	padding: 140px 0 200px;
	height:100px;
	background:#ffffff;
	width: -webkit-calc(100vw - 62px);
	width: calc(100vw - 62px);
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	width: -webkit-calc(100vw - 62px);
	width: calc(100vw - 62px);
	padding: 0px 0 0px 0;
	margin: 0 auto;
}

@media (max-width:768px) {
	.product-xcgl-template-title {
		height:130px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin: auto auto;
	}
}
.product-xcgl-template__content-title {
	max-width: 1040px;
	margin-right: auto;
	margin-left: 38%;
	position: relative;
	font-size:30px;
	margin-top: 1%;
}

@media (max-width:768px) {
	.product-xcgl-template__content-title {
		max-width: 1040px;
	    margin-right: auto;
	    margin-left: 10%;
		top:30px;
	    position: relative;
	    font-size:30px;
		width: 90%;
	}
}

.product-xcgl-template__jattl-title {
	margin-bottom: 50px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width:768px) {
	.product-xcgl-template__jattl-title {
		margin-bottom: 2px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-moz-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}
}

/*############template_css############*/
.product-xcgl-template {
	position: relative;
	height:800px;
	background:#ffffff;
	width: -webkit-calc(100vw - 62px);
	width: calc(100vw - 62px);
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: -webkit-calc(100vw - 62px);
	width: calc(100vw - 62px);
	padding: 0px 0 70px 0;
	margin: 0 auto;
}

@media (max-width:768px) {
	.product-xcgl-template {
		height:800px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin: auto auto;
	}
}

.product-xcgl-template__bg {
	position: absolute;
	background: url(../img/product/bg_xcgl_template.png) 50%/contain no-repeat;
	width: 90%;
	height: 80%;
	margin: -90px 0 0px 0;
	left: 18%
}

@media (max-width:768px) {
	.product-xcgl-template__bg {
		position: absolute;
		background: url(../img/product/bg_xcgl_template.png) 50%/contain no-repeat;
		align-self: flex-end;
		width: 80%;
		height: 40%;
		top: 60%;
		left: 1%
	}
}

.product-xcgl-template_info__logo {
	
	background: url(../img/product/bg_xcgl_template_info_logo01.png) 0%/contain no-repeat;
	width: 32px;
	height: 32px;
}

.product-xcgl-template_info__logo02 {
	background: url(../img/product/bg_xcgl_template_info_logo02.png) 0%/contain no-repeat;
	width: 32px;
	height: 32px;
}

.product-xcgl-template__content {
	max-width: 1040px;
	margin-right: auto;
	margin-left: 40%;
	position: relative;
	font-size:30px;
	margin-top: -50px;
	font-weight: 400;
}

@media (max-width:768px) {
	.product-xcgl-template__content {
		max-width: 1040px;
	    margin-right: auto;
	    margin-left: auto;
		top:30px;
	    position: relative;
	    font-size:30px;
		width: 70%;
	}
}

.product-xcgl-template__jattl {
	margin-bottom: 50px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width:768px) {
	.product-xcgl-template__jattl {
		margin-bottom: 20px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-moz-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}
}

.heading-xcgl-template-sub {
	position: relative;
	font-size: 30pxx
}

@media (max-width:768px) {
	.heading-xcgl-template-sub {
		font-size: 14px
	}
}

.heading-xcgl-template-jasub {
	font-size: 16px;
	font-weight: 700
}

@media (max-width:768px) {
	.heading-xcgl-template-jasub {
		font-size: 12px
	}
}

.product-xcgl-template_info__content {
	max-width: 1040px;
	margin-top: 4%;
	margin-right: auto;
	margin-left: 10%;
	position: relative;
	font-size:24px
}

@media (max-width:1366px) {
	.product-xcgl-template_info__content {
		max-width: 1040px;
	    margin-right: auto;
	    margin-left: auto;
		top:30px;
	    position: relative;
	    font-size:30px;
		width: 70%;
	}
}

.product-xcgl-template_info__jattl {
	margin-bottom: 10px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-weight:bold;
}

@media (max-width:768px) {
	.product-xcgl-template_info__jattl {
		margin-bottom: 20px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-moz-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}
}

.heading-xcgl-template_info-sub {
	position: relative;
    font-size:24px;
}

@media (max-width:768px) {
	.heading-xcgl-template_info-sub {
		font-size: 14px
	}
}

.heading-xcgl-template_info-sub-font-color {
	color:#900046;
}

.heading-xcgl-template_info_jasub {
	font-size: 16px;
	font-weight: 700;
}

@media (max-width:768px) {
	.heading-xcgl-template_info_jasub {
		font-size: 12px
	}
}

.heading-xcgl-template_info_jasub--big {
	font-size: 18px
}

@media (max-width:768px) {
	.heading-xcgl-template_info_jasub--big {
		font-size: 18px!important;
		line-height: 2
	}
}

/*############template2_css############*/
.product-xcgl-template2 {
	position: relative;
	height:800px;
	background:#ffffff;
	width: -webkit-calc(100vw - 62px);
	width: calc(100vw - 62px);
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: -webkit-calc(100vw - 62px);
	width: calc(100vw - 62px);
	padding: 0px 0 70px 0;
	margin: 0 auto;
}

@media (max-width:768px) {
	.product-xcgl-template2 {
		height:800px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin: auto auto;
	}
}

.product-xcgl-template2__bg {
	position: absolute;
	background: url(../img/product/bg_xcgl_template2.png) 50%/contain no-repeat;
	width: 90%;
	height: 80%;
	margin: -90px 0 0px 0;
	left: 18%
}

@media (max-width:768px) {
	.product-xcgl-template2__bg {
		position: absolute;
		background: url(../img/product/bg_xcgl_template.png) 80%/contain no-repeat;
		align-self: flex-end;
		width: 80%;
		height: 40%;
		top: 60%;
		left: 1%
	}
}

.product-xcgl-template2_info__logo {
	
	background: url(../img/product/bg_xcgl_template_info_logo01.png) 0%/contain no-repeat;
	width: 32px;
	height: 32px;
}

.product-xcgl-template2_info__logo02 {
	background: url(../img/product/bg_xcgl_template2_info_logo02.png) 0%/contain no-repeat;
	width: 32px;
	height: 32px;
}

.product-xcgl-template__content {
	max-width: 1040px;
	margin-right: auto;
	margin-left: 40%;
	position: relative;
	font-size:30px;
	margin-top: -50px;
	font-weight: 400;
}

@media (max-width:768px) {
	.product-xcgl-template2__content {
	    max-width: 1040px;
	    margin-right: auto;
	    margin-left: auto;
	    top:30px;
	    position: relative;
	    font-size:30px;
	    width: 70%;
	}
}

.product-xcgl-template2__jattl {
	margin-bottom: 50px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width:768px) {
	.product-xcgl-template2__jattl {
		margin-bottom: 20px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-moz-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}
}

.heading-xcgl-template2-sub {
	position: relative;
	font-size: 30pxx
}

@media (max-width:768px) {
	.heading-xcgl-template2-sub {
		font-size: 40px
	}
}

.heading-xcgl-template2-jasub {
	font-size: 16px;
	font-weight: 700
}

@media (max-width:768px) {
	.heading-xcgl-template2-jasub {
		font-size: 12px
	}
}

.product-xcgl-template2_info__content {
	max-width: 1040px;
	margin-top: 4%;
	margin-right: auto;
	margin-left: 10%;
	position: relative;
	font-size:24px
}

@media (max-width:1366px) {
	.product-xcgl-template2_info__content {
		max-width: 1040px;
	    margin-right: auto;
	    margin-left: auto;
		top:30px;
	    position: relative;
	    font-size:30px;
		width: 70%;
			}
}

.product-xcgl-template2_info__jattl {
	margin-bottom: 10px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-weight:bold;
}

@media (max-width:768px) {
	.product-xcgl-template2_info__jattl {
		margin-bottom: 20px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-moz-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}
}

.heading-xcgl-template2_info-sub {
	position: relative;
    font-size:24px;
}

@media (max-width:768px) {
	.heading-xcgl-template2_info-sub {
		font-size: 14px
	}
}
.heading-xcgl-template2_info_jasub {
	font-size: 16px;
	font-weight: 700;
}

@media (max-width:768px) {
	.heading-xcgl-template2_info_jasub {
		font-size: 12px
	}
}

.heading-xcgl-template2_info_jasub--big {
	font-size: 18px
}

@media (max-width:768px) {
	.heading-xcgl-template2_info_jasub--big {
		font-size: 18px!important;
		line-height: 2
	}
} 

/*############data_css############*/
.product-xcgl-data {
	position: relative;
	padding: 140px 0 200px;
	height:800px;
	background: linear-gradient(to bottom right,#266dad, #53a1c5 100%);
	width: -webkit-calc(100vw - 62px);
	width: calc(100vw - 62px);
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: -webkit-calc(100vw - 62px);
	width: calc(100vw - 62px);
	padding: 60px 0 120px 0;
	margin: 0 auto;
}

@media (max-width:768px) {
	.product-xcgl-data {
		height:600px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin: auto auto;
	}
}

.product-xcgl-data__bg {
	position: absolute;
	background: url(../img/product/bg_xcgl_data.png) 50%/contain no-repeat;
	width: 90%;
	height: 80%;
	top: 15%;
	right: 20%
}

.product-xcgl-data-info__logo {
	background: url(../img/product/bg_xcgl_data_info_logo.png) 0%/contain no-repeat;
	width: 32px;
	height: 32px;
}

@media (max-width:768px) {
	.product-xcgl-data__bg {
		position: absolute;
		background: url(../img/product/bg_xcgl_data.png) 80%/contain no-repeat;
		align-self: flex-end;
		width: 80%;
		height: 80%;
		top: 38%;
		left: 11%
	}
}

.product-xcgl-data__content {
	max-width: 1040px;
	margin-right: auto;
	margin-left: 42.5%;
	font-size:30px;
	position: relative;
	margin-top: -50px;
	font-weight: 400;
}

@media (max-width:768px) {
	.product-xcgl-data__content {
		position: relative;
		margin-right: auto;
	    margin-left: auto;
		top:30px;
		width: 70%;
		font-weight: 400;
	}
}

.product-xcgl-data__jattl {
	margin-bottom: 50px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width:768px) {
	.product-xcgl-data__jattl {
		margin-bottom: 20px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-moz-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}
}

.heading-xcgl-data-sub {
	position: relative;
	font-size: 30pxx;
	color:#ffffff
}

@media (max-width:768px) {
	.heading-xcgl-data-sub {
		font-size: 30px
	}
}

.heading-xcgl-data-jasub {
	font-size: 16px;
	font-weight: 700
}

@media (max-width:768px) {
	.heading-xcgl-data-jasub {
		font-size: 12px
	}
}

.product-xcgl-data_info__content {
	max-width: 1040px;
	margin-right: auto;
	margin-left: 50%;
	margin-top: 8%;
	position: relative;
	font-size:24px
}

@media (max-width:768px) {
	.product-xcgl-data_info__content {
	    margin-right: auto;
	    margin-left: auto;
		top:30px;
	    position: relative;
	    font-size:30px;
		width: 70%;
	}
}

.product-xcgl-data-info__jattl {
	margin-bottom: 20px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color:#fff;
	font-weight:bold;
}

@media (max-width:768px) {
	.product-xcgl-data-info__jattl {
		margin-bottom: 20px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-moz-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}
}

.heading-xcgl-data-info-sub {
	position: relative;
    font-size:24px;
}

@media (max-width:768px) {
	.heading-xcgl-data-info-sub {
		font-size: 14px
	}
}
.heading-xcgl-data-info-jasub {
	font-size: 16px;
	font-weight: 700;
}

@media (max-width:768px) {
	.heading-xcgl-data-info-jasub {
		font-size: 12px
	}
}

.heading-xcgl-data-info-jasub--big {
	color:#fff
}

@media (max-width:768px) {
	.heading-xcgl-data-info-jasub--big {
		line-height: 2
	}
}

/*############calculate_css############*/
.product-xcgl-calculate {
	position: relative;
	padding: 140px 0 200px;
	height:800px;
	background:#ffffff;
	width: -webkit-calc(100vw - 62px);
	width: calc(100vw - 62px);
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: -webkit-calc(100vw - 62px);
	width: calc(100vw - 62px);
	padding: 60px 0 120px 0;
	margin: 0 auto;
}

@media (max-width:768px) {
	.product-xcgl-calculate {
		height:800px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin: auto auto;
	}
}

.product-xcgl-calculate__bg {
	position: absolute;
	background: url(../img/product/bg_xcgl_calculate.png) 50%/contain no-repeat;
	width: 90%;
	height: 80%;
	top: 8%;
	right: 18%
}


@media (max-width:768px) {
	.product-xcgl-calculate__bg {
		position: absolute;
		background: url(../img/product/bg_xcgl_calculate.png) 80%/contain no-repeat;
		align-self: flex-end;
		width: 80%;
		height: 40%;
		top: 60%;
		left: 11%
	}
}

.product-xcgl-calculate-info__logo {
	background: url(../img/product/bg_xcgl_calculate_info_logo.png) 0%/contain no-repeat;
	width: 32px;
	height: 32px;
}

.product-xcgl-calculate-info__logo02 {
	background: url(../img/product/bg_xcgl_calculate_info_logo02.png) 0%/contain no-repeat;
	width: 32px;
	height: 32px;
}

.product-xcgl-calculate__content {
	max-width: 1040px;
	margin-right: auto;
	margin-left: 42.5%;
	position: relative;
	font-size:30px;
	margin-top: -50px;
	font-weight: 400;
}

@media (max-width:768px) {
	.product-xcgl-calculate__content {
		max-width: 1040px;
	    margin-right: auto;
	    margin-left: auto;
		top:30px;
	    position: relative;
	    font-size:30px;
		width: 70%;
	}
}

.product-xcgl-calculate__jattl {
	margin-bottom: 50px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width:768px) {
	.product-xcgl-calculate__jattl {
		margin-bottom: 20px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-moz-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}
}

.heading-xcgl-calculate-sub {
	position: relative;
	font-size: 30pxx
}

@media (max-width:768px) {
	.heading-xcgl-calculate-sub {
		font-size: 30px
	}
}

.heading-xcgl-calculate-jasub {
	font-size: 16px;
	font-weight: 700
}

@media (max-width:768px) {
	.heading-xcgl-calculate-jasub {
		font-size: 12px
	}
}

.product-xcgl-calculate_info__content {
	max-width: 1040px;
	margin-top: 4%;
	margin-right: auto;
	margin-left: 64%;
	position: relative;
	font-size:24px
}

@media (max-width:768px) {
	.product-xcgl-calculate_info__content {
		max-width: 1040px;
	    margin-right: auto;
	    margin-left: auto;
		top:30px;
	    position: relative;
	    font-size:30px;
		width: 70%;
	}
}

.product-xcgl-calculate-info__jattl {
	margin-bottom: 20px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color:#900046;
	font-weight:bold;
}

@media (max-width:768px) {
	.product-xcgl-calculate-info__jattl {
		margin-bottom: 20px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-moz-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}
}

.heading-xcgl-calculate-info-sub {
	position: relative;
    font-size:24px;
}

@media (max-width:768px) {
	.heading-xcgl-calculate-info-sub {
		font-size: 14px
	}
}
.heading-xcgl-calculate-info-jasub {
	font-size: 16px;
	font-weight: 700;
}

@media (max-width:768px) {
	.heading-xcgl-calculate-info-jasub {
		font-size: 12px
	}
}

.heading-xcgl-calculate_info_jasub--big {
	font-size: 18px
}

@media (max-width:768px) {
	.heading-xcgl-calculate_info_jasub--big {
		font-size: 18px!important;
		line-height: 2
	}
}

/*############analysis_css############*/
.product-xcgl-analysis {
	position: relative;
	padding: 140px 0 200px;
	height:800px;
	background:#f2f2f2;
	width: -webkit-calc(100vw - 62px);
	width: calc(100vw - 62px);
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: -webkit-calc(100vw - 62px);
	width: calc(100vw - 62px);
	padding: 60px 0 120px 0;
	margin: 0 auto;
}

@media (max-width:768px) {
	.product-xcgl-analysis {
		height:600px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin: auto auto;
	}
}

.product-xcgl-analysis__bg {
	position: absolute;
	background: url(../img/product/bg_xcgl_analysis.png) 50%/contain no-repeat;
	width: 90%;
	height: 80%;
	top: 8%;
	left: 18%
}

@media (max-width:768px) {
	.product-xcgl-analysis__bg {
		position: absolute;
		background: url(../img/product/bg_xcgl_calculate.png) 80%/contain no-repeat;
		align-self: flex-end;
		width: 80%;
		height: 40%;
		top: 60%;
		left: 11%
	}
}

.product-xcgl-analysis-info__logo {
	background: url(../img/product/bg_xcgl_analysis_info_logo.png) 0%/contain no-repeat;
	width: 32px;
	height: 32px;
}

.product-xcgl-analysis__content {
	max-width: 1040px;
	margin-right: auto;
	margin-left: 42.5%;
	position: relative;
	font-size:30px;
	margin-top: -50px;
	font-weight: 400;
}

@media (max-width:768px) {
	.product-xcgl-analysis__content {
		max-width: 1040px;
	    margin-right: auto;
	    margin-left: auto;
		top:30px;
	    position: relative;
	    font-size:30px;
		width: 70%;
	}
}

.product-xcgl-analysis__jattl {
	margin-bottom: 50px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width:768px) {
	.product-xcgl-analysis__jattl {
		margin-bottom: 20px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-moz-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}
}

.heading-xcgl-analysis-sub {
	position: relative;
	font-size: 30pxx
}

@media (max-width:768px) {
	.heading-xcgl-analysis-sub {
		font-size: 30px
	}
}

.heading-xcgl-analysis-jasub {
	font-size: 16px;
	font-weight: 700
}

@media (max-width:768px) {
	.heading-xcgl-analysis-jasub {
		font-size: 12px
	}
}

.product-xcgl-analysis_info__content {
	max-width: 1040px;
	margin-top: 10%;
	margin-right: auto;
	margin-left: 10%;
	position: relative;
	font-size:24px
}

@media (max-width:768px) {
	.product-xcgl-analysis_info__content {
		margin-right: auto;
	    margin-left: auto;
		top:30px;
	    position: relative;
	    font-size:30px;
		width: 70%;
	}
}

.product-xcgl-analysis-info__jattl {
	margin-bottom: 20px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color:#900046;
	font-weight:bold;
}

@media (max-width:768px) {
	.product-xcgl-analysis-info__jattl {
		margin-bottom: 20px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-moz-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}
}

.heading-xcgl-analysis-info-sub {
	position: relative;
    font-size:24px;
}

@media (max-width:768px) {
	.heading-xcgl-analysis-info-sub {
		font-size: 14px
	}
}
.heading-xcgl-analysis-info-jasub {
	font-size: 16px;
	font-weight: 700;
}

@media (max-width:768px) {
	.heading-xcgl-analysis-info-jasub {
		font-size: 12px
	}
}

.heading-xcgl-analysis_info_jasub--big {
	font-size: 18px
}

@media (max-width:768px) {
	.heading-xcgl-analysis_info_jasub--big {
		font-size: 18px!important;
		line-height: 2
	}
}

/*############deploy_css############*/
.product-xcgl-deploy {
	position: relative;
	padding: 140px 0 200px;
	height:800px;
	background:#ffffff;
	width: -webkit-calc(100vw - 62px);
	width: calc(100vw - 62px);
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: -webkit-calc(100vw - 62px);
	width: calc(100vw - 62px);
	padding: 60px 0 120px 0;
	margin: 0 auto;
}

@media (max-width:768px) {
	.product-xcgl-deploy {
		height:600px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin: auto auto;
	}
}

.product-xcgl-deploy__bg {
	position: absolute;
	background: url(../img/product/bg_xcgl_deploy.png) 50%/contain no-repeat;
	width: 70%;
	height: 60%;
	top: 20%;
	right: 16%
}

@media (max-width:768px) {
	.product-xcgl-deploy__bg {
		position: absolute;
		background: url(../img/product/bg_xcgl_deploy.png) 80%/contain no-repeat;
		align-self: flex-end;
		width: 80%;
		height: 40%;
		top: 38%;
		left: 11%
	}
}

.product-xcgl-deploy__content-info {
	max-width: 1040px;
	margin-right: auto;
	margin-left: 41.8%;
	position: relative;
	font-size:30px;
	margin-top: -50px;
	line-height:28px
}

@media (max-width:768px) {
	.product-xcgl-deploy__content-info {
		max-width: 1040px;
	    margin-left: 15%;
		top:30px;
	    position: relative;
	    font-size:30px;
		width: 80%;
	}
}

.product-xcgl-deploy__content-info2 {
	max-width: 1040px;
	margin-right: auto;
	margin-left: 39.7%;
	position: relative;
	font-size:30px;
	margin-top: 0px;
	line-height:28px;
}

@media (max-width:768px) {
	.product-xcgl-deploy__content-info2 {
		max-width: 1040px;
	    margin-left: 15%;
		top:30px;
	    position: relative;
	    font-size:30px;
		width: 80%;
	}
}

.product-xcgl-deploy__content {
	font-size:40px;
	max-width: 1040px;
	margin-right: auto;
	margin-left: 42.5%;
	position: relative;
	font-size:30px;
	margin-top: -50px;
	line-height:28px
}

@media (max-width:768px) {
	.product-xcgl-deploy__content {
		max-width: 1040px;
	    margin-right: auto;
	    margin-left: auto;
		top:30px;
	    position: relative;
	    font-size:30px;
		width: 70%;
	}
}


.product-xcgl-deploy__jattl {
	margin-bottom: 40px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width:768px) {
	.product-xcgl-deploy__jattl {
		margin-bottom: 20px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-moz-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}
}

.heading-xcgl-deploy-info-sub {
	margin-bottom: 10px;
	position: relative;
	font-size: 16px
}

@media (max-width:768px) {
	.heading-xcgl-deploy-info-sub {
		font-size: 16px
	}
}

.heading-xcgl-deploy-info2-sub {
	position: relative;
	font-size: 16px
}

@media (max-width:768px) {
	.heading-xcgl-deploy-info2-sub {
		font-size: 16px
	}
}

.heading-xcgl-deploy-jasub {
	font-size: 16px;
	font-weight: 700
}

@media (max-width:768px) {
	.heading-xcgl-deploy-jasub {
		font-size: 12px
	}
}

/*############btn_yyys_css############*/
.banner-xcgl-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	background: #E2ECF5;
	color: #fff;
	width: -webkit-calc(100vw - 62px);
	width: calc(100vw - 62px);
	padding: 60px 0 120px 0;
	margin: 0 auto;
}

@media (max-width:768px) {
	.banner-xcgl-content {
		width: -webkit-calc(100vw - 20px);
		width: calc(100vw - 20px);
		padding: 50px 0
	}
}

.banner-xcgl-ttl {
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 30px;
	color:#000000;
}

@media (max-width:768px) {
	.banner-xcgl-ttl {
		font-size: 14px;
		line-height: 2;
		margin-bottom: 35px
	}
}

.form-confirm-xcgl__wrap {
	max-width: 840px;
	margin-right: auto;
	margin-left: auto
}

@media (max-width:768px) {
	.form-confirm-xcgl__wrap {
		padding-right: 25px;
		padding-left: 25px
	}
}
.form-confirm-xcgl__list {
	padding-bottom: 40px
}

@media (max-width:768px) {
	.form-confirm-xcgl__list {
		padding-bottom: 30px
	}
}

.form-confirm-xcgl__item {
	padding-top: 10px;
	padding-bottom: 10px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media (max-width:768px) {
	.form-confirm-xcgl__item {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding-top: 10px;
		padding-bottom: 10px
	}
}

.form-confirm-xcgl__label {
	width: 350px;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	font-size: 14px;
	font-weight: 700;
	color: #aaa;
	height:40px;
	border:solid 1px #aaa; 
	border-radius:4px; 
    font-size:14px;
	line-height:40px;
}

@media (max-width:768px) {
	.form-confirm-xcgl__label {
		width: 100%;
		margin-bottom: 1em
	}
}

.form-confirm-xcgl__input {
	width: 100%;
	font-size: 14px;
	color: #000
}

.form-confirm-xcgl__btn-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.banner-wrap-yyys-bottom {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	right: 41.8%;
	bottom:2%;
}

@media (max-width:768px) {
	.banner-wrap-yyys-bottom {
		width: -webkit-calc(100% - 26px);
		width: calc(80% - 26px);
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin: 0 auto
	}
}

.banner .btn-banner-yyys-bottom {
	background: #900046;
	color: #ffffff;
	font-size: 16px;
	font-weight: 700px;
	padding: 15px 80px;
	margin-right: 45px;
	height:48px;
	border-radius:4px;
	font-weight:bold; 
}

@media (max-width:768px) {
	.banner .btn-banner-yyys-bottom {
		width: 100%;
		padding: 15px 0;
		margin-right: 0;
		margin-bottom: 35px
	}
}

.btn-submit-color{
	background: #8f0046;
}

.all{
		width:1480px;
		height:600px;
		padding:7px; 
		margin:0px auto;
		position:relative
	}
.screen{
	width:1480px;
	height:550px;
	overflow:hidden; 
	position:relative;
}
.screen li{ width:1480px; height:550px; overflow:hidden; float:left;}
.screen ul{ position:absolute; left:0; top:0px; width:8280px;}
.all ol{ position:absolute; right:726px; bottom:10px; line-height:20px; text-align:center;}
.all ol li{ float:left; width:80px; height:2px; background:#BDC2C7; color:#BDC2C7; margin-left:10px; cursor:pointer;}
 
 
/*#arr {display: none;}*/
#arr span{ width:40px; height:40px; position:absolute; left:5px; top:50%; margin-top:-20px; background:#000; cursor:pointer; line-height:40px; text-align:center; font-weight:bold; font-family:'黑体'; font-size:30px; color:#fff; opacity:0.3; border:1px solid #fff;}
#arr #right{right:5px; left:auto;}


@media (max-width:768px) {
.all{
	width:354px;
	height:650px;
	padding:7px;
	margin:20px auto;
	position:relative;
	
}
.screen{
	width:354px;
	height:650px;
	overflow:hidden; 
	position:relative;
}
.screen li{ width:414px; height:650px; overflow:hidden; float:left;}
.screen ul{ position:absolute; left:0; top:0px; width:2800px;}
.all ol{ position:absolute; right:35%; line-height:40px; padding-top:10px; text-align:center;}
.all ol li{ float:left; width:50px; height:2px; background:#fff; color:#fff; border:1px solid #ccc; margin-left:10px; cursor:pointer;}
.all ol li.current{ background:yellow;}
 
 
/*#arr {display: none;}*/
#arr span{ width:40px; height:40px; position:absolute; left:5px; top:50%; margin-top:-20px; background:#000; cursor:pointer; line-height:40px; text-align:center; font-weight:bold; font-family:'黑体'; font-size:30px; color:#fff; opacity:0.3; border:1px solid #fff;}
#arr #right{right:5px; left:auto;}
}

.top-enter {
	position: relative;
	width: 100vw;
	height: auto;
}

@media (max-width:768px) {
	.top-enter {
		overflow: hidden;
		margin-bottom: 0
	}
}

.enter__bg {
	position: absolute;
	background: url(../img/enter/bg.png) 10%/contain no-repeat;
	width: 100%;
    height: 50.4vw;
	z-index: -100;
	background-color:#F2F2F2;
}

@media (max-width:768px) {
	.enter__bg {
		position: absolute;
		width: 100%;
		height: 700px;
		left: auto;
		z-index: -100;
	}
}

.enter-hero1 {
	position: absolute;
	margin-top: 14%;
	margin-left: 7%;
	width: 13vw;
	height: 21vw;
	border-radius: 3%;
	border:1px solid #F3F3F3;
    box-shadow: darkgrey 10px 10px 30px 5px;
	background-color:#FFFFFF;
}

@media (max-width:768px) {
	.enter-hero1 {
		margin-top: 25%;
		margin-left: 10%;
		width: 80px;
		height: 30px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 20px 0 120px
	}
}

.enter-hero__bg1 {
	position: absolute;
	background: url(../img/enter/icon01.png) 10%/contain no-repeat;
	width: 8vw;
	height: 16vw;
	right: 18%
}

@media (max-width:768px) {
	.enter-hero__bg1 {
		-webkit-align-self: flex-end;
		-ms-flex-item-align: end;
		align-self: flex-end;
		width: 58px;
		height: 80px;
		left: 14%;
	}
}

.enter-hero__content {
	margin-top: 130%;
	text-align:center;
}

@media (max-width:768px) {
	.enter-hero__content {
		width: 100%;
		padding-right: 25px;
		padding-left: 25px
	}
}

.enter-hero__jattl {
	color:#323332;
    font-size:20px;
	font-weight:bold;
}

@media (max-width:768px) {
	.service-hero__btnarea {
		font-size:5px;
		margin-top:-15%;
		width: 90px;
		margin-left:-14%;
	}
}

@media (max-width:768px) {
	.enter-hero__jattl {
		font-size:5px;
		margin-top:-15%;
		width: 100%;
		margin-left:-31%;
	}
}

.enter-hero2 {
	position: absolute;
	margin-top: 14%;
	margin-left: 25%;
	width: 13vw;
	height: 21vw;
	border-radius: 3%;
	border:1px solid #F3F3F3;
    box-shadow: darkgrey 10px 10px 30px 5px;
	background-color:#FFFFFF;
}

@media (max-width:768px) {
	.enter-hero2 {
		margin-top: 25%;
		margin-left: 39%;
		width: 80px;
		height: 30px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 20px 0 120px
	}
}


.enter-hero__bg2 {
	position: absolute;
	background: url(../img/enter/icon02.png) 10%/contain no-repeat;
	width: 8vw;
	height: 16vw;
	right: 18%
}

@media (max-width:768px) {
	.enter-hero__bg2 {
		-webkit-align-self: flex-end;
		-ms-flex-item-align: end;
		align-self: flex-end;
		width: 58px;
		height: 80px;
		left: 14%;
	}
}

.enter-hero3 {
	position: absolute;
	margin-top: 14%;
	margin-left: 43%;
	width: 13vw;
	height: 21vw;
	border-radius: 3%;
	border:1px solid #F3F3F3;
    box-shadow: darkgrey 10px 10px 30px 5px;
	background-color:#FFFFFF;
}

@media (max-width:768px) {
	.enter-hero3 {
		margin-top: 25%;
		margin-left: 68%;
		width: 80px;
		height: 30px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 20px 0 120px
	}
}
.enter-hero__bg3 {
	position: absolute;
	background: url(../img/enter/icon03.png) 10%/contain no-repeat;
	width: 8vw;
	height: 16vw;
	right: 18%
}

@media (max-width:768px) {
	.enter-hero__bg3 {
		-webkit-align-self: flex-end;
		-ms-flex-item-align: end;
		align-self: flex-end;
		width: 58px;
		height: 80px;
		left: 14%;
	}
}

.enter-hero4 {
	position: absolute;
	margin-top: 14%;
	margin-left: 61%;
	width: 13vw;
	height: 21vw;
	border-radius: 3%;
	border:1px solid #F3F3F3;
    box-shadow: darkgrey 10px 10px 30px 5px;
	background-color:#FFFFFF;
}

@media (max-width:768px) {
	.enter-hero4 {
		margin-top: 70%;
		margin-left: 10%;
		width: 80px;
		height: 30px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 20px 0 120px
	}
}

.enter-hero__bg4 {
	position: absolute;
	background: url(../img/enter/icon04.png) 10%/contain no-repeat;
	width: 8vw;
	height: 16vw;
	right: 18%
}

@media (max-width:768px) {
	.enter-hero__bg4 {
		-webkit-align-self: flex-end;
		-ms-flex-item-align: end;
		align-self: flex-end;
		width: 58px;
		height: 80px;
		left: 14%;
	}
}
.enter-hero5 {
	position: absolute;
	margin-top: 14%;
	margin-left: 79%;
	width: 13vw;
	height: 21vw;
	border-radius: 3%;
	border:1px solid #F3F3F3;
    box-shadow: darkgrey 10px 10px 30px 5px;
	background-color:#FFFFFF;
}

@media (max-width:768px) {
	.enter-hero5 {
		margin-top: 70%;
		margin-left: 39%;
		width: 80px;
		height: 30px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 20px 0 120px
	}
}

.enter-hero__bg5 {
	position: absolute;
	background: url(../img/enter/icon05.png) 10%/contain no-repeat;
	width: 8vw;
	height: 16vw;
	right: 18%
}

@media (max-width:768px) {
	.enter-hero__bg5 {
		-webkit-align-self: flex-end;
		-ms-flex-item-align: end;
		align-self: flex-end;
		width: 58px;
		height: 80px;
		left: 14%;
	}
}

.enter_header {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 30px 50px 20px 80px;
	width: 100vw;
	top: 0;
	z-index: 200
}

@media (min-width:769px) and (max-width:1200px) {
	.enter_header {
		padding: 20px 10px 15px 20px
	}
}

@media (max-width:768px) {
	.enter_header {
		background: hsla(0,0%,100%,.5);
		padding: 12px 25px 15px
	}
}

.enter_header-logo {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 220px;
	height: 65px
}

@media (max-width:768px) {
.enter_header-logo {
	width: 120px;
	height: 40px
}
}

.enter_header-logo img {
	width: 100%;
	height: 100%
}

.enter_footer {
}

.enter_footer-bottom {
	position: relative;
	top:40vw;
}

@media (max-width:768px) {
	.enter_footer-bottom {
		position: relative;
		top:460px;
	}	
}

.enter_footer-bottom__content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	max-width: 1040px;
	margin-right: auto;
	margin-left: auto;
	position: relative
}

@media (max-width:768px) {
	.enter_footer-bottom__content {
		width: 100%;
		padding-right: 25px;
		padding-left: 25px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-moz-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}
}

.enter-header {
	padding-left:4.5%;
	color:#414241;
    font-size:17px;
	font-weight:bold;
}

.enter-header-jasub {
	padding-right:4.5%;
	color:#213562;
    font-size:32px;
	font-weight:bold;
}

@media (max-width:768px) {
	.enter-header-jasub {
		padding-right:4.5%;
		color:#213562;
		font-size:15px;
		font-weight:bold;
    }
}

.enter-title-bar {
	position: absolute;
	margin-top: 8%;
	margin-left: 42%;
	width: 15vw;
	height: 1.5vw;
	border-radius: 999em;
	background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(161,27,85,0.5));
}

@media (max-width:768px) {
	.enter-title-bar {
		margin-top: 10%;
	    margin-left: 20%;
	    width: 60vw;
		height: 8vw;
	}
}

.enter-title-bar__bgleft {
	position: absolute;
	background: url(../img/enter/title_bg_left.png) 10%/contain no-repeat;
	width: 1.7vw;
	height: 1.7vw;
	left: 7%;
	margin-top:-8%;
}

@media (max-width:768px) {
	.enter-title-bar__bgleft {
		position: absolute;
		background: url(../img/enter/title_bg_left.png) 10%/contain no-repeat;
		width: 6vw;
		height: 6vw;
		left: 16%;
		margin-top:1.5%;
	}
}

.enter-title-bar__bgright {
	position: absolute;
	background: url(../img/enter/title_bg_right.png) 10%/contain no-repeat;
	width: 1.8vw;
	height: 1.8vw;
	left: 80%;
	margin-top:-8%;
}

@media (max-width:768px) {
.enter-title-bar__bgright {
	position: absolute;
	background: url(../img/enter/title_bg_right.png) 10%/contain no-repeat;
	width: 6vw;
	height: 6vw;
	left: 74%;
	margin-top:1.5%;
}
}

.enter-title-bar__content {
	margin-top: -12%;
	text-align:center;
}

@media (max-width:768px) {
	.enter-title-bar__content {
		margin-top: -2%;
		text-align:center;
	}
}

.enter-title-bar__jattl {
	color:#213562;
    font-size:32px;
	font-weight:bold;
}

@media (max-width:768px) {
	.enter-title-bar__jattl {
		color:#213562;
		font-size:16px;
		font-weight:bold;
	}
}

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