@charset "UTF-8";

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

body {
	line-height: 1;
	overflow-x: hidden;
}

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

ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

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

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent
}

ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none
}

mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold
}

del {
	text-decoration: line-through
}

abbr[title],
dfn[title] {
	border-bottom: 1px dotted;
	cursor: help
}

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

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0
}

input,
select {
	vertical-align: middle
}

html {
	color: #000
}

body {
	font-family: "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 140%;
	line-height: 1.5;
	-webkit-text-size-adjust: 100%
}

@media print,
screen and (min-width: 768px) {
	html {
		font-size: 62.5%
	}
}

@media screen and (max-width: 767px) {
	html {
		font-size: 62.5%;
		font-size: calc(100vw / 48)
	}

	body {
		font-size: 100%;
		line-height: 1.7
	}
}

a {
	color: #333;
	text-decoration: none
}

a:visited {
	color: #333;
	text-decoration: none
}

a:hover {
	color: #333;
	text-decoration: underline
}

a img {
	-o-transition: all 0.15s ease-in;
	-webkit-transition: all 0.15s ease-in;
	-moz-transition: all 0.15s ease-in;
	transition: all 0.15s ease-in;
	opacity: 1
}

a:hover img {
	opacity: 0.5
}

img {
	line-height: 1.0;
	vertical-align: bottom
}

table th img,
table td img {
	vertical-align: middle
}

.clear {
	clear: both
}

.clearfix,
.fbox,
#contents {
	display: block
}

.clearfix:after,
.fbox:after,
#contents:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.fr {
	float: right
}

.fl {
	float: left
}

ul.fbox li {
	float: left;
	display: inline
}

.mt0 {
	margin-top: 0px !important
}

.mt5 {
	margin-top: 5px !important
}

.mt10 {
	margin-top: 10px !important
}

.mt15 {
	margin-top: 15px !important
}

.mt20 {
	margin-top: 20px !important
}

.mt25 {
	margin-top: 25px !important
}

.mt30 {
	margin-top: 30px !important
}

.mt35 {
	margin-top: 35px !important
}

.mt40 {
	margin-top: 40px !important
}

.mt45 {
	margin-top: 45px !important
}

.mt50 {
	margin-top: 50px !important
}

.mt55 {
	margin-top: 55px !important
}

.mt60 {
	margin-top: 60px !important
}

.mb0 {
	margin-bottom: 0px !important
}

.mb5 {
	margin-bottom: 5px !important
}

.mb10 {
	margin-bottom: 10px !important
}

.mb15 {
	margin-bottom: 15px !important
}

.mb20 {
	margin-bottom: 20px !important
}

.mb25 {
	margin-bottom: 25px !important
}

.mb30 {
	margin-bottom: 30px !important
}

.mr0 {
	margin-right: 0px !important
}

.mr5 {
	margin-right: 5px !important
}

.mr10 {
	margin-right: 10px !important
}

.mr15 {
	margin-right: 15px !important
}

.mr20 {
	margin-right: 20px !important
}

.ml0 {
	margin-left: 0px !important
}

.ml5 {
	margin-left: 5px !important
}

.ml10 {
	margin-left: 10px !important
}

.ml15 {
	margin-left: 15px !important
}

.ml20 {
	margin-left: 20px !important
}

.pt0 {
	padding-top: 0 !important
}

.pt10 {
	padding-top: 10px !important
}

.pb0 {
	padding-bottom: 0 !important
}

input,
textarea,
label {
	vertical-align: middle
}

.text-r {
	text-align: right !important
}

.text-c,
table.text-c th,
table.text-c td,
table.th-c th {
	text-align: center !important
}

.text-l {
	text-align: left !important
}

img {
	max-width: 100%;
}

@keyframes scrollTween {
	0% {
		transform: translateX(-50%)
	}

	100% {
		transform: translateX(50%)
	}
}

@keyframes fadeTween {
	0% {
		opacity: 1;
		z-index: 10;
		display: block
	}

	99% {
		opacity: 0;
		z-index: 10;
		display: block
	}

	100% {
		opacity: 0;
		z-index: -9999;
		display: none
	}
}

@keyframes loadingTween {
	0% {
		-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.25, 1.01);
		transition-timing-function: cubic-bezier(0.4, 0, 0.25, 1.01);
		left: 0;
		width: 0;
		opacity: 1
	}

	50% {
		-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.25, 1.01);
		transition-timing-function: cubic-bezier(0.4, 0, 0.25, 1.01);
		width: 100%;
		left: 0;
		opacity: 1
	}

	75% {
		-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.25, 1.01);
		transition-timing-function: cubic-bezier(0.4, 0, 0.25, 1.01);
		width: 100%;
		left: 0;
		opacity: 1
	}

	100% {
		-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.25, 1.01);
		transition-timing-function: cubic-bezier(0.4, 0, 0.25, 1.01);
		width: 0;
		left: 100%;
		opacity: 0
	}
}

@keyframes loadTween {
	0% {
		opacity: 0;
		left: 25px
	}

	100% {
		opacity: 1;
		left: 0
	}
}

@keyframes loadTweenSp {
	0% {
		opacity: 0;
		transform: translateY(25px)
	}

	99% {
		opacity: 1;
		transform: translateY(0px)
	}

	100% {
		opacity: 1;
		transform: none
	}
}

@keyframes indexCasesTween {
	0% {
		-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.25, 1.01);
		transition-timing-function: cubic-bezier(0.4, 0, 0.25, 1.01);
		left: 0;
		width: 0
	}

	20% {
		-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.25, 1.01);
		transition-timing-function: cubic-bezier(0.4, 0, 0.25, 1.01);
		width: 100%;
		left: 0
	}

	55% {
		-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.25, 1.01);
		transition-timing-function: cubic-bezier(0.4, 0, 0.25, 1.01);
		width: 100%;
		left: 0
	}

	100% {
		-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.25, 1.01);
		transition-timing-function: cubic-bezier(0.4, 0, 0.25, 1.01);
		width: 0;
		left: 105%
	}
}

@keyframes h2Line__Tween {
	0% {
		-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.25, 1.01);
		transition-timing-function: cubic-bezier(0.4, 0, 0.25, 1.01);
		left: 0;
		width: 0
	}

	45% {
		width: 100%;
		left: 0
	}

	65% {
		width: 100%;
		left: 0
	}

	100% {
		-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
		transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
		width: 0;
		left: 100%
	}
}

.slideUp_type {
	overflow: hidden
}

.slideUp_type>* {
	display: block;
	opacity: 0;
	-webkit-transform: translateY(100px);
	transform: translateY(100px);
	-webkit-transition-property: "translateY, opacity";
	-moz-transition-property: "translateY, opacity";
	-ms-transition-property: "translateY, opacity";
	-o-transition-property: "translateY, opacity";
	transition-property: "translateY, opacity";
	-webkit-transition-duration: 400ms;
	-moz-transition-duration: 400ms;
	-ms-transition-duration: 400ms;
	-o-transition-duration: 400ms;
	transition-duration: 400ms;
	-webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
	-moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
	-ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
	-o-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
	transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1)
}

.slidegroup .slideUp_type:nth-child(1)>* {
	transition-delay: 200ms;
	animation-delay: 200ms
}

.slidegroup .slideUp_type:nth-child(2)>* {
	transition-delay: 400ms;
	animation-delay: 400ms
}

.slidegroup .slideUp_type:nth-child(3)>* {
	transition-delay: 600ms;
	animation-delay: 600ms
}

.slidegroup .slideUp_type:nth-child(4)>* {
	transition-delay: 800ms;
	animation-delay: 800ms
}

.slidegroup .slideUp_type:nth-child(5)>* {
	transition-delay: 1000ms;
	animation-delay: 1000ms
}

.slidegroup .slideUp_type:nth-child(6)>* {
	transition-delay: 1200ms;
	animation-delay: 1200ms
}

.slidegroup .slideUp_type:nth-child(7)>* {
	transition-delay: 1400ms;
	animation-delay: 1400ms
}

.slidegroup .slideUp_type:nth-child(8)>* {
	transition-delay: 1600ms;
	animation-delay: 1600ms
}

.slidegroup .slideUp_type:nth-child(9)>* {
	transition-delay: 1800ms;
	animation-delay: 1800ms
}

.slidegroup .slideUp_type:nth-child(10)>* {
	transition-delay: 2000ms;
	animation-delay: 2000ms
}

.slidegroup .slideUp_type:nth-child(11)>* {
	transition-delay: 2200ms;
	animation-delay: 2200ms
}

.slidegroup .slideUp_type:nth-child(12)>* {
	transition-delay: 2400ms;
	animation-delay: 2400ms
}

.slidegroup .slideUp_type:nth-child(13)>* {
	transition-delay: 2600ms;
	animation-delay: 2600ms
}

.in .slideUp_type>* {
	opacity: 1;
	-webkit-transform: translateY(0px);
	transform: translateY(0px)
}

.slideRight_type {
	overflow: hidden
}

.slideRight_type>* {
	display: block;
	opacity: 0;
	-webkit-transform: translateX(100px);
	transform: translateX(100px);
	-webkit-transition-property: "translateY, opacity";
	-moz-transition-property: "translateY, opacity";
	-ms-transition-property: "translateY, opacity";
	-o-transition-property: "translateY, opacity";
	transition-property: "translateY, opacity";
	-webkit-transition-duration: 400ms;
	-moz-transition-duration: 400ms;
	-ms-transition-duration: 400ms;
	-o-transition-duration: 400ms;
	transition-duration: 400ms;
	-webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
	-moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
	-ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
	-o-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
	transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1)
}

.slidegroup .slideRight_type:nth-child(1)>* {
	transition-delay: 200ms;
	animation-delay: 200ms
}

.slidegroup .slideRight_type:nth-child(2)>* {
	transition-delay: 400ms;
	animation-delay: 400ms
}

.slidegroup .slideRight_type:nth-child(3)>* {
	transition-delay: 600ms;
	animation-delay: 600ms
}

.slidegroup .slideRight_type:nth-child(4)>* {
	transition-delay: 800ms;
	animation-delay: 800ms
}

.slidegroup .slideRight_type:nth-child(5)>* {
	transition-delay: 1000ms;
	animation-delay: 1000ms
}

.slidegroup .slideRight_type:nth-child(6)>* {
	transition-delay: 1200ms;
	animation-delay: 1200ms
}

.slidegroup .slideRight_type:nth-child(7)>* {
	transition-delay: 1400ms;
	animation-delay: 1400ms
}

.slidegroup .slideRight_type:nth-child(8)>* {
	transition-delay: 1600ms;
	animation-delay: 1600ms
}

.slidegroup .slideRight_type:nth-child(9)>* {
	transition-delay: 1800ms;
	animation-delay: 1800ms
}

.in .slideRight_type>* {
	opacity: 1;
	-webkit-transform: translateX(0px);
	transform: translateX(0px)
}

h2.slideUp_type>*:before {
	-webkit-transition: all 400ms cubic-bezier(0.075, 0.82, 0.165, 1);
	transition: all 400ms cubic-bezier(0.075, 0.82, 0.165, 1);
	transition-delay: 0.15s;
	width: 0px !important;
	left: 0px !important
}

h2.slideUp_type>*:after {
	-webkit-transition: all 400ms cubic-bezier(0.075, 0.82, 0.165, 1);
	transition: all 400ms cubic-bezier(0.075, 0.82, 0.165, 1);
	transition-delay: 0.15s;
	width: 0px !important;
	right: 0px !important
}

.in h2.slideUp_type>*:before {
	width: 100px !important;
	left: -100px !important
}

.in h2.slideUp_type>*:after {
	width: 100px !important;
	right: -100px !important
}

@media screen and (max-width: 767px) {
	.in h2.slideUp_type>*:before {
		width: 15vw !important;
		left: -15vw !important
	}

	.in h2.slideUp_type>*:after {
		width: 15vw !important;
		right: -15vw !important
	}
}

.slideIn_type .slide {
	position: relative;
	display: block;
	/*overflow: hidden*/
}

.slideIn_type .slide:before {
	content: " ";
	position: absolute;
	width: 110%;
	height: 100%;
	display: block;
	left: 0;
	top: 0;
	background: #fff;
	-webkit-transition: all 500ms cubic-bezier(0.4, 0, 0.25, 1.01);
	transition: all 500ms cubic-bezier(0.4, 0, 0.25, 1.01);
	z-index: 10
}

.slideIn_type .slide:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	background: #c7365e;
	z-index: 11
}

.slideIn_type .slide.slide1:before {
	transition-delay: 200ms;
	animation-delay: 200ms
}

.slideIn_type .slide.slide2:before {
	transition-delay: 400ms;
	animation-delay: 400ms
}

.slideIn_type .slide.slide3:before {
	transition-delay: 600ms;
	animation-delay: 600ms
}

.slideIn_type .slide.slide4:before {
	transition-delay: 800ms;
	animation-delay: 800ms
}

.slideIn_type .slide.slide5:before {
	transition-delay: 1000ms;
	animation-delay: 1000ms
}

.slideIn_type .slide.slide6:before {
	transition-delay: 1200ms;
	animation-delay: 1200ms
}

.slideIn_type .slide.slide7:before {
	transition-delay: 1400ms;
	animation-delay: 1400ms
}

.slideIn_type .slide.slide8:before {
	transition-delay: 1600ms;
	animation-delay: 1600ms
}

.slideIn_type .slide.slide9:before {
	transition-delay: 1800ms;
	animation-delay: 1800ms
}

.in .slideIn_type .slide:before {
	width: 0;
	left: 100%
}

.in .slideIn_type .slide:after {
	-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.25, 1.01);
	animation-timing-function: cubic-bezier(0.4, 0, 0.25, 1.01);
	-webkit-animation-duration: 800ms;
	animation-duration: 800ms;
	-webkit-animation-name: indexCasesTween;
	animation-name: indexCasesTween;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.in .slideIn_type .slide.slide1:after {
	transition-delay: 150ms;
	animation-delay: 150ms
}

.in .slideIn_type .slide.slide2:after {
	transition-delay: 300ms;
	animation-delay: 300ms
}

.in .slideIn_type .slide.slide3:after {
	transition-delay: 450ms;
	animation-delay: 450ms
}

.in .slideIn_type .slide.slide4:after {
	transition-delay: 600ms;
	animation-delay: 600ms
}

.in .slideIn_type .slide.slide5:after {
	transition-delay: 750ms;
	animation-delay: 750ms
}

.in .slideIn_type .slide.slide6:after {
	transition-delay: 900ms;
	animation-delay: 900ms
}

.in .slideIn_type .slide.slide7:after {
	transition-delay: 1050ms;
	animation-delay: 1050ms
}

.in .slideIn_type .slide.slide8:after {
	transition-delay: 1200ms;
	animation-delay: 1200ms
}

.in .slideIn_type .slide.slide9:after {
	transition-delay: 1350ms;
	animation-delay: 1350ms
}

.slideIn_type.in .slide:before {
	width: 0;
	left: 100%
}

.slideIn_type.in .slide:after {
	-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.25, 1.01);
	animation-timing-function: cubic-bezier(0.4, 0, 0.25, 1.01);
	-webkit-animation-duration: 800ms;
	animation-duration: 800ms;
	-webkit-animation-name: indexCasesTween;
	animation-name: indexCasesTween;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.slideIn_type.in .slide.slide1:after {
	transition-delay: 200ms;
	animation-delay: 200ms
}

.slideIn_type.in .slide.slide2:after {
	transition-delay: 400ms;
	animation-delay: 400ms
}

.slideIn_type.in .slide.slide3:after {
	transition-delay: 600ms;
	animation-delay: 600ms
}

.slideIn_type.in .slide.slide4:after {
	transition-delay: 800ms;
	animation-delay: 800ms
}

.slideIn_type.in .slide.slide5:after {
	transition-delay: 1000ms;
	animation-delay: 1000ms
}

.slideIn_type.in .slide.slide6:after {
	transition-delay: 1200ms;
	animation-delay: 1200ms
}

.slideIn_type.in .slide.slide7:after {
	transition-delay: 1400ms;
	animation-delay: 1400ms
}

.slideIn_type.in .slide.slide8:after {
	transition-delay: 1600ms;
	animation-delay: 1600ms
}

.slideIn_type.in .slide.slide9:after {
	transition-delay: 1800ms;
	animation-delay: 1800ms
}

@keyframes MV__lineTween__left {
	0% {
		left: 0;
		width: 0
	}

	15% {
		left: 0;
		width: 0
	}

	50% {
		left: 0
	}

	90% {
		left: 0;
		width: 100%
	}

	100% {
		left: 100%;
		width: 100%
	}
}

@keyframes MV__lineTween__right {
	0% {
		right: 0;
		width: 0
	}

	15% {
		right: 0;
		width: 0
	}

	50% {
		right: 0
	}

	90% {
		right: 0;
		width: 100%
	}

	100% {
		right: 100%;
		width: 100%
	}
}

@-webkit-keyframes sec03_gradation {
	0% {
		background-position: 0% 20%
	}

	50% {
		background-position: 100% 81%
	}

	100% {
		background-position: 0% 20%
	}
}

@keyframes sec03_gradation {
	0% {
		background-position: 0% 20%
	}

	50% {
		background-position: 100% 81%
	}

	100% {
		background-position: 0% 20%
	}
}

@font-face {
	font-family: 'fontello';
	src: url("/common/font/fontello.eot?46839519");
	src: url("/common/font/fontello.eot?46839519#iefix") format("embedded-opentype"), url("/common/font/fontello.woff2?46839519") format("woff2"), url("/common/font/fontello.woff?46839519") format("woff"), url("/common/font/fontello.ttf?46839519") format("truetype"), url("/common/font/fontello.svg?46839519#fontello") format("svg");
	font-weight: normal;
	font-style: normal
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	margin-left: .2em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-mail:before {
	content: '\e800'
}

.icon-left:before {
	content: '\e801'
}

.icon-right:before {
	content: '\e802'
}

.icon-up:before {
	content: '\e803'
}

.icon-down:before {
	content: '\e804'
}

.icon-right-open:before {
	content: '\e805'
}

.icon-left-open:before {
	content: '\e806'
}

.icon-down-open:before {
	content: '\e807'
}

.icon-up-open:before {
	content: '\e808'
}

.icon-blank:before {
	content: '\e809'
}

.icon-mail-1:before {
	content: '\e80a'
}

.icon-divercity:before {
	content: '\e80b'
}

.icon-compliance:before {
	content: '\e80c'
}

.icon-license:before {
	content: '\e80d'
}

.icon-recruit:before {
	content: '\e80e'
}

.icon-cloud:before {
	content: '\e80f'
}

.icon-streaming:before {
	content: '\e810'
}

.icon-datahousing:before {
	content: '\e811'
}

.icon-arrow:before {
	content: '\e812'
}

.icon-left-blod:before {
	content: '\e813'
}

.icon-right-blod:before {
	content: '\e814'
}

.icon-down-blod:before {
	content: '\e815'
}

.icon-up-blod:before {
	content: '\e816'
}

.icon-pause:before {
	content: '\f00e'
}

.icon-play:before {
	content: '\f00f'
}

@media print,
screen and (min-width: 768px) {
	body {
		min-width: 1200px
	}

	#container {
		overflow: hidden;
		overflow-x: hidden
	}

	.loader {
		position: fixed;
		width: 100vw;
		height: 100vh;
		background: #f0f0f0;
		z-index: 1000000;
		top: 0;
		left: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		-webkit-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
		transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1)
	}

	.loader p {
		transform: translateX(0);
		position: relative;
		display: inline-block;
		width: 300px;
		height: 2px;
		overflow: hidden
	}

	.loader p:before {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 0;
		height: 2px;
		background: #c7365e;
		-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.25, 1.01);
		animation-timing-function: cubic-bezier(0.4, 0, 0.25, 1.01);
		-webkit-animation-duration: 1500ms;
		animation-duration: 1500ms;
		-webkit-animation-name: loadingTween;
		animation-name: loadingTween;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite
	}

	.load .loader {
		width: 0;
		left: 100%
	}

	.load .loader p {
		opacity: 0
	}

	#container {
		position: relative;
		min-width: 1200px
	}

	.existingView.load #container {
		-webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-webkit-animation-duration: 1000ms;
		animation-duration: 1000ms;
		-webkit-animation-name: loadTween;
		animation-name: loadTween;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards
	}

	.page_changer {
		position: fixed;
		width: 0;
		height: 100vh;
		z-index: 10;
		top: 0;
		left: 0;
		z-index: 9999998;
		background: #c7365e;
		-webkit-transition: all 500ms cubic-bezier(0.4, 0, 0.25, 1.01);
		transition: all 500ms cubic-bezier(0.4, 0, 0.25, 1.01)
	}

	.page_changer:before {
		display: block;
		content: "";
		width: 0;
		height: 100vh;
		z-index: 9999999;
		background: #f0f0f0;
		left: 0;
		-webkit-transition: all 400ms cubic-bezier(0.4, 0, 0.25, 1.01);
		transition: all 400ms cubic-bezier(0.4, 0, 0.25, 1.01);
		transition-delay: 200ms;
		animation-delay: 200ms
	}

	.change .page_changer {
		width: 100vw
	}

	.change .page_changer:before {
		width: 100%
	}

	#barba-wrapper {
		position: relative
	}

	#container {
		position: relative
	}

	.onecolumn #content {
		min-width: 1200px;
		padding-bottom: 100px
	}

	.onecolumn #content section .inner {
		width: 960px;
		margin: 0 auto;
		padding-top: 70px;
		font-size: 1.6rem;
		position: relative;
		z-index: 30
	}

	.onecolumn #content section .inner>*:first-child {
		margin-top: 0 !important
	}

	.twocolumn #content {
		min-width: 1200px;
		padding-bottom: 100px
	}

	.twocolumn #content>.inner {
		width: 1200px;
		margin: 70px auto 0;
		display: flex;
		justify-content: space-between
	}

	.twocolumn #content #main {
		width: 860px;
		margin-right: auto
	}

	.twocolumn #content #side {
		width: 270px;
		margin-left: auto
	}

	#crumb_area {
		padding: 10px 0;
		position: relative;
		border-bottom: 1px solid #ddd
	}

	#breadcrumb {
		width: 1200px;
		margin: 0 auto;
		position: relative
	}

	#breadcrumb li {
		display: inline-block;
		font-size: 1.3rem
	}

	#breadcrumb li:before {
		content: " > ";
		margin: 0 5px
	}

	#breadcrumb li:first-child:before {
		content: "";
		margin: 0 5px 0 0
	}

	/* 比較DLバナー */
	.comparison_dl_bn {
		padding: 70px 0;
		text-align: center;
	}

	/* ホワイトペーパー 問い合わせバナー */
	.bnrs_2line {
		display: flex;
		width: 100%;
		justify-content: center;
		margin-top: 30px;
	}

	.bnrs_2line li a {
		display: block;
		background: #fff;
		box-shadow: 0 0 0 0 transparent;
		transform: translate(0, 0);
		-webkit-transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
		transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1) 0s
	}

	.bnrs_2line li a:hover {
		box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.5);
		transform: translate(-5px, -5px)
	}

	.bnrs_2line li {
		margin-right: 30px;
	}

	.bnrs_2line li:last-child {
		margin-right: 0;
	}
}

@media screen and (min-width: 768px) and (max-width: 1320px) {
	#pageTop {
		width: 1200px !important
	}
}

@media print,
screen and (min-width: 768px) {
	#pageTop {
		position: absolute;
		display: flex;
		justify-content: flex-end;
		width: 1320px;
		margin: auto;
		left: 0;
		right: 0;
		bottom: 15em;
		z-index: 20
	}

	#pageTop.fixed p {
		position: fixed;
		bottom: 50px
	}

	#pageTop P {
		position: absolute;
		z-index: 100;
		background: #626262;
		width: 60px;
		height: 60px;
		color: #fff;
		-o-transition: all 0.15s ease-in;
		-webkit-transition: all 0.15s ease-in;
		-moz-transition: all 0.15s ease-in;
		transition: all 0.15s ease-in
	}

	#pageTop P a {
		display: block;
		overflow: hidden;
		width: 60px;
		height: 60px;
		color: #fff;
		text-indent: -9999px;
		position: relative;
		z-index: 10
	}

	#pageTop P:before {
		content: "\e803";
		font-family: "fontello";
		font-style: normal;
		font-weight: normal;
		speak: none;
		display: inline-block;
		text-decoration: inherit;
		width: 1em;
		margin-right: .2em;
		text-align: center;
		font-size: 8px;
		position: absolute;
		width: 35px;
		height: 35px;
		margin: auto;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		font-size: 35px;
		line-height: 30px
	}

	#pageTop P:hover {
		background: #aaa;
		color: #000
	}

	#floatingBnr #sp_bnr {
		display: none
	}

	#floatingBnr #pc_bnr {
		position: fixed;
		right: 0;
		top: 101px;
		z-index: 120;
		transform: translateX(260px)
	}

	#floatingBnr #pc_bnr ul {
		list-style-type: none;
		margin: 0
	}

	#floatingBnr #pc_bnr ul li {
		display: flex;
		align-items: center;
		cursor: pointer;
		transform: translateX(0);
		-webkit-transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
		transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1) 0s
	}

	#floatingBnr #pc_bnr ul li span {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 260px;
		width: 60px;
		box-sizing: border-box;
		position: relative
	}

	#floatingBnr #pc_bnr ul li a {
		display: block;
		background: rgba(255, 255, 255, 0.75);
		-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
		transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s
	}

	#floatingBnr #pc_bnr ul li a:hover {
		background: #fff
	}

	#floatingBnr #pc_bnr ul li:hover {
		transform: translateX(-260px)
	}

	#floatingBnr #pc_bnr ul li.contact {
		background: #1e9eab
	}

	#floatingBnr #pc_bnr ul li.trial {
		background: #b11534
	}

	#floatingBnr #pc_bnr ul li.school {
		background: #1e9eab;
		display: none
	}

	a.pageJumpBlock {
		display: flex;
		position: relative;
		z-index: 900;
		height: 20px;
		align-items: center;
		justify-content: center;
		background: #eee;
		padding: 10px;
		text-align: center;
		font-size: 1.2rem;
		margin-top: -40px
	}

	a.pageJumpBlock:focus {
		margin-top: 0
	}

	a.pageJumpBlock:before {
		content: '\e807';
		font-family: "fontello";
		font-style: normal;
		font-weight: normal;
		speak: none;
		display: inline-block;
		text-decoration: inherit;
		width: 1em;
		margin-right: .2em;
		text-align: center;
		color: #0c3391;
		padding-left: 10px
	}


	header #headerwrap {
		background: #fff
	}

	header #headerwrap>.inner {
		display: flex;
		justify-content: space-between;
		width: 1200px;
		margin: 0 auto
	}

	header #logo {
		display: flex;
		padding: 20px 0;
		align-items: center;
		float: left
	}

	header #logo img {
		width: auto;
		height: 60px;
		padding-right: 20px
	}

	header #logo span {
		font-weight: 300;
		font-size: 1.2rem;
		color: #444
	}

	header .headerNav {
		position: absolute;
		width: 1200px;
		margin: auto;
		display: flex;
		justify-content: flex-end;
		left: 0;
		right: 0;
		z-index: 11
	}

	header .headerNav ul {
		display: flex;
		align-items: center
	}

	header .headerNav ul>li {
		display: flex;
		align-items: center;
		background: #0c3391;
		margin-left: 1px;
		height: 38px;
		align-items: center;
		padding: 0 10px;
		font-size: 1.2rem
	}

	header .headerNav li.contact a:before {
		content: '\e80a';
		font-family: "fontello";
		font-style: normal;
		font-weight: normal;
		speak: none;
		display: inline-block;
		text-decoration: inherit;
		width: 1em;
		margin-right: .2em;
		text-align: center;
		font-size: 1.2rem;
		padding-right: 6px;
		color: #fff
	}

	header .headerNav a,
	header .headerNav span {
		display: inline-block;
		position: relative;
		color: #fff;
		padding-bottom: 4px;
		text-decoration: none
	}

	header .headerNav a.on:after {
		content: " ";
		background: #fff;
		width: 100%;
		height: 2px;
		position: absolute;
		bottom: 0;
		left: 0
	}

	header .headerNav a:after {
		content: " ";
		background: #fff;
		width: 100%;
		height: 2px;
		position: absolute;
		bottom: 0;
		left: 0;
		opacity: 0;
		transform: translateY(3px);
		-o-transition: all 0.15s ease-in;
		-webkit-transition: all 0.15s ease-in;
		-moz-transition: all 0.15s ease-in;
		transition: all 0.15s ease-in
	}

	header .headerNav a.on:after,
	header .headerNav a:hover:after {
		opacity: 1;
		transform: translateY(0px)
	}

	header .headerNav .spMenu {
		display: none
	}

	#globalNav {
		display: flex;
		align-items: flex-end
	}

	#globalNav>ul {
		display: flex
	}

	#globalNav>ul>li>a,
	#globalNav>ul>li>a {
		display: block;
		cursor: pointer;
		padding: 15px 30px 15px;
		margin-left: 1px;
		font-size: 14px;
		color: #333;
		position: relative;
		text-decoration: none;
		letter-spacing: .1em;
		-o-transition: all 0.15s ease-in;
		-webkit-transition: all 0.15s ease-in;
		-moz-transition: all 0.15s ease-in;
		transition: all 0.15s ease-in
	}

	#globalNav>ul>li>a[target="_blank"]:after {
		content: '\e809';
		font-family: "fontello";
		font-style: normal;
		font-weight: normal;
		speak: none;
		display: inline-block;
		text-decoration: inherit;
		width: 1em;
		margin-right: .2em;
		text-align: center;
		font-size: 11px;
		padding-left: 6px
	}

	#globalNav>ul>li>a:after {
		content: '\e807';
		font-family: "fontello";
		font-style: normal;
		font-weight: normal;
		speak: none;
		display: inline-block;
		text-decoration: inherit;
		width: 1em;
		margin-right: .2em;
		text-align: center;
		font-size: 1rem;
		padding-left: 10px
	}

	#globalNav>ul span.on:before {
		content: "";
		width: 100%;
		height: 5px;
		position: absolute;
		left: 0;
		bottom: 0;
		background: #0c3391
	}

	#globalNav>ul li>span:hover,
	#globalNav>ul li>a:hover {
		background: #0c3391;
		color: #fff !important
	}

	#globalNav>ul li>span:hover::after,
	#globalNav>ul li>a:hover::after {
		color: #fff !important
	}

	#globalNav>ul li.ov>.mega_menu {
		opacity: 1;
		transform: translateY(0);
		z-index: -10
	}

	#globalNav>ul li:hover>.mega_menu {
		opacity: 1;
		transform: translateY(0);
		z-index: -10
	}

	#globalNav .mega_menu {
		display: block;
		overflow: hidden;
		position: absolute;
		width: 100%;
		left: 0;
		align-items: center;
		z-index: 100;
		background: rgba(12, 51, 145, 0.9);
		margin-top: 0px;
		padding: 40px 0;
		-o-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
		-webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
		-moz-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
		transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
		z-index: -9999;
		opacity: 0;
		transform: translateY(-100%)
	}

	#globalNav .mega_menu>.inner {
		width: 1200px;
		margin: 0 auto;
		position: relative
	}

	#globalNav .mega_menu a:hover {
		background: none
	}

	#globalNav .mega_menu a:focus {
		background: none;
		opacity: .7
	}

	#globalNav .serviceMenu .contentsTop {
		display: block;
		width: 100%;
		margin-top: 50px;
		border-top: 1px dotted rgba(255, 255, 255, 0.7);
		text-align: right
	}

	#globalNav .serviceMenu .contentsTop p {
		margin-top: 30px
	}

	#globalNav .serviceMenu .contentsTop p a {
		border: 2px solid #fff;
		padding: 5px 10px 5px 15px;
		font-size: 1.2rem;
		color: #fff;
		text-decoration: none
	}

	#globalNav .serviceMenu .contentsTop p a:after {
		content: '\e805';
		font-family: "fontello";
		font-style: normal;
		font-weight: normal;
		speak: none;
		display: inline-block;
		text-decoration: inherit;
		width: 1em;
		margin-right: .2em;
		text-align: center;
		color: #fff;
		padding-left: 10px
	}

	#globalNav .serviceMenu .contentsTop p a:hover {
		background: #fff;
		color: #0c3391
	}

	#globalNav .serviceMenu .menu {
		display: flex;
		justify-content: space-between;
		width: 1200px
	}

	#globalNav .serviceMenu .menu dl.housingArea {
		flex-basis: 300px;
		width: 300px
	}

	#globalNav .serviceMenu .menu dl.cloudArea {
		flex-basis: 495px;
		width: 495px
	}

	#globalNav .serviceMenu .menu dl.streamingArea {
		flex-basis: 305px;
		width: 305px
	}

	#globalNav .serviceMenu .menu dl dt {
		display: flex;
		font-size: 1.6rem;
		font-weight: bold;
		height: 60px;
		position: relative;
		padding-left: 65px;
		align-items: center
	}

	#globalNav .serviceMenu .menu dl dt a {
		display: block;
		align-content: center
	}

	#globalNav .serviceMenu .menu dl dt a:hover {
		opacity: 0.5
	}

	#globalNav .serviceMenu .menu dl dt.housing a:before {
		content: '\e811';
		font-family: "fontello";
		font-style: normal;
		font-weight: normal;
		speak: none;
		display: inline-block;
		text-decoration: inherit;
		width: 1em;
		margin-right: .2em;
		text-align: center;
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		width: 60px;
		height: 60px;
		line-height: 60px;
		margin: auto;
		color: #fff;
		font-size: 4.5rem
	}

	#globalNav .serviceMenu .menu dl dt.cloud a:before {
		content: '\e80f';
		font-family: "fontello";
		font-style: normal;
		font-weight: normal;
		speak: none;
		display: inline-block;
		text-decoration: inherit;
		width: 1em;
		margin-right: .2em;
		text-align: center;
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		width: 60px;
		height: 60px;
		line-height: 60px;
		margin: auto;
		color: #fff;
		font-size: 4.5rem
	}

	#globalNav .serviceMenu .menu dl dt.streaming a:before {
		content: '\e810';
		font-family: "fontello";
		font-style: normal;
		font-weight: normal;
		speak: none;
		display: inline-block;
		text-decoration: inherit;
		width: 1em;
		margin-right: .2em;
		text-align: center;
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		width: 60px;
		height: 60px;
		line-height: 60px;
		margin: auto;
		color: #fff;
		font-size: 4.2rem
	}

	#globalNav .serviceMenu .menu dl dd {
		margin-top: 0px
	}

	#globalNav .serviceMenu .menu dl dd ul {
		display: flex;
		flex-wrap: wrap
	}

	#globalNav .serviceMenu .menu dl dd ul li {
		width: 48%;
		margin-right: 2%;
		font-size: 1.2rem;
		margin-top: 15px;
		letter-spacing: .1px
	}

	#globalNav .serviceMenu .menu dl dd ul li a:after {
		content: '\e805';
		font-family: "fontello";
		font-style: normal;
		font-weight: normal;
		speak: none;
		display: inline-block;
		text-decoration: inherit;
		width: 1em;
		margin-right: .2em;
		text-align: center;
		padding-left: 10px;
		color: rgba(255, 255, 255, 0.6)
	}

	#globalNav .serviceMenu .menu dl dd ul li a:hover {
		opacity: 0.5
	}

	#globalNav .serviceMenu .menu a {
		color: #fff;
		text-decoration: none
	}

	#globalNav .companyMenu .contentsTop {
		display: block;
		width: 100%;
		margin-top: 30px;
		border-top: 1px dotted rgba(255, 255, 255, 0.7);
		text-align: right
	}

	#globalNav .companyMenu .contentsTop p {
		margin-top: 30px
	}

	#globalNav .companyMenu .contentsTop p a {
		border: 2px solid #fff;
		padding: 5px 10px 5px 15px;
		font-size: 1.2rem;
		color: #fff;
		text-decoration: none
	}

	#globalNav .companyMenu .contentsTop p a:after {
		content: '\e805';
		font-family: "fontello";
		font-style: normal;
		font-weight: normal;
		speak: none;
		display: inline-block;
		text-decoration: inherit;
		width: 1em;
		margin-right: .2em;
		text-align: center;
		color: #fff;
		padding-left: 10px
	}

	#globalNav .companyMenu .contentsTop p a:hover {
		background: #fff;
		color: #0c3391
	}

	#globalNav .companyMenu a {
		color: #fff;
		text-decoration: none
	}

	#globalNav .companyMenu .inner {
		width: 1200px;
		margin: 0 auto;
		position: relative
	}

	#globalNav .companyMenu .inner .menu {
		display: flex;
		justify-content: flex-end
	}

	#globalNav .companyMenu .underBox ul {
		display: block
	}

	#globalNav .companyMenu .underBox ul li {
		margin-bottom: 15px
	}

	#globalNav .companyMenu .underBox ul li a {
		display: block;
		text-align: left;
		color: #fff;
		font-size: 1.5rem;
		letter-spacing: .1em;
		padding-top: 5px
	}

	#globalNav .companyMenu .underBox ul li a:hover {
		opacity: 0.5
	}

	#globalNav .companyMenu .underBox ul li span {
		display: block;
		padding-top: 5px
	}

	#globalNav .companyMenu .underBox ul li span:after {
		content: '\e805';
		font-family: "fontello";
		font-style: normal;
		font-weight: normal;
		speak: none;
		display: inline-block;
		text-decoration: inherit;
		width: 1em;
		margin-right: .2em;
		text-align: center;
		color: #fff;
		padding-left: 5px
	}

	#globalNav .companyMenu .underList {
		margin-left: 50px
	}

	#globalNav .companyMenu .underList li {
		font-size: 1.4rem;
		position: relative;
		margin-bottom: 15px
	}

	#globalNav .companyMenu .underList li a {
		color: #fff
	}

	#globalNav .companyMenu .underList li a:hover {
		opacity: 0.5
	}

	#globalNav .companyMenu .underList li a:after {
		content: '\e805';
		font-family: "fontello";
		font-style: normal;
		font-weight: normal;
		speak: none;
		display: inline-block;
		text-decoration: inherit;
		width: 1em;
		margin-right: .2em;
		text-align: center;
		color: #fff;
		padding-left: 10px
	}

	#globalNav .companyMenu .underList li.license a:before {
		content: '\e80d';
		font-family: "fontello";
		font-style: normal;
		font-weight: normal;
		speak: none;
		display: inline-block;
		text-decoration: inherit;
		width: 1em;
		margin-right: .2em;
		text-align: center;
		width: 25px;
		height: 25px;
		margin: auto;
		left: 0;
		right: 0;
		top: 0;
		color: #fff;
		font-size: 2.5rem;
		margin-right: 10px;
		transform: translateY(0.15em)
	}

	#globalNav .companyMenu .underList li.diversity a:before {
		content: '\e80b';
		font-family: "fontello";
		font-style: normal;
		font-weight: normal;
		speak: none;
		display: inline-block;
		text-decoration: inherit;
		width: 1em;
		margin-right: .2em;
		text-align: center;
		width: 25px;
		height: 25px;
		margin: auto;
		left: 0;
		right: 0;
		top: 0;
		color: #fff;
		font-size: 2.5rem;
		margin-right: 10px;
		transform: translateY(0.15em)
	}

	#globalNav .companyMenu .underList li.recruit a:before {
		content: '\e80e';
		font-family: "fontello";
		font-style: normal;
		font-weight: normal;
		speak: none;
		display: inline-block;
		text-decoration: inherit;
		width: 1em;
		margin-right: .2em;
		text-align: center;
		width: 25px;
		height: 25px;
		margin: auto;
		left: 0;
		right: 0;
		top: 0;
		color: #fff;
		font-size: 2.5rem;
		margin-right: 10px;
		transform: translateY(0.15em)
	}

	#globalNav .companyMenu .underList li.compliance a:before {
		content: '\e80c';
		font-family: "fontello";
		font-style: normal;
		font-weight: normal;
		speak: none;
		display: inline-block;
		text-decoration: inherit;
		width: 1em;
		margin-right: .2em;
		text-align: center;
		width: 25px;
		height: 25px;
		margin: auto;
		left: 0;
		right: 0;
		top: 0;
		color: #fff;
		font-size: 2.5rem;
		margin-right: 10px;
		transform: translateY(0.15em)
	}

	#globalNav .companyMenu .underList li:last-child {
		margin-bottom: 0
	}

	#siteNav {
		border-bottom: 1px solid #ddd;
		position: relative;
		z-index: 111
	}

	#siteNav .inner {
		width: 1200px;
		margin: 0 auto;
		display: flex;
		height: 65px
	}

	#siteNav ul {
		display: flex
	}

	#siteNav li {
		padding: 0 20px
	}

	#siteNav li a,
	#siteNav li span {
		display: block;
		height: 65px;
		line-height: 65px;
		font-size: 1.3rem;
		font-weight: 700;
		text-decoration: none;
		position: relative;
		transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1)
	}

	#siteNav li a::after,
	#siteNav li span::after {
		display: block;
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 5px;
		content: '';
		transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
		transform: scaleX(0);
		transform-origin: left;
		background: #c7365e
	}

	#siteNav li a:hover,
	#siteNav li span:hover {
		color: #c7365e
	}

	#siteNav li.is-enter a::after,
	#siteNav li.is-enter span::after {
		transform: scaleX(1)
	}

	#siteNav li.is-leave a::after,
	#siteNav li.is-leave span::after {
		transform: scaleX(0);
		transform-origin: right
	}

	#siteNav li.home a {
		overflow: hidden;
		position: relative;
		width: 25px;
		text-indent: -9999px
	}

	#siteNav li.home a::before {
		content: "";
		position: absolute;
		display: block;
		width: 20px;
		height: 20px;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='-49 141 512 512' style='enable-background:new -49 141 512 512;' xml:space='preserve' preserveAspectRatio='xMinYMid'%3E%3Cpath fill='%23222' d='M448.027,296.314l-230-152c-6.688-4.419-15.367-4.419-22.055,0l-230,152C-39.63,300.016-43,306.284-43,313v320	c0,11.046,8.954,20,20,20c5.833,0,444.336,0,460,0c11.046,0,20-8.954,20-20V313C457,306.284,453.63,300.016,448.027,296.314z M167,613V493h80v120H167z M417,613H287V473c0-11.046-8.954-20-20-20H147c-11.046,0-20,8.954-20,20v140H-3V323.755l210-138.782l210,138.782V613z' /%3E%3C/svg%3E");
		background-size: 20px
	}

	#siteNav li.home a:hover::before {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='-49 141 512 512' style='enable-background:new -49 141 512 512;' xml:space='preserve' preserveAspectRatio='xMinYMid'%3E%3Cpath fill='%23c7365e' d='M448.027,296.314l-230-152c-6.688-4.419-15.367-4.419-22.055,0l-230,152C-39.63,300.016-43,306.284-43,313v320	c0,11.046,8.954,20,20,20c5.833,0,444.336,0,460,0c11.046,0,20-8.954,20-20V313C457,306.284,453.63,300.016,448.027,296.314z M167,613V493h80v120H167z M417,613H287V473c0-11.046-8.954-20-20-20H147c-11.046,0-20,8.954-20,20v140H-3V323.755l210-138.782l210,138.782V613z' /%3E%3C/svg%3E")
	}

	#siteNav li:hover {
		color: #c7365e
	}

	#siteNav li.on a::after,
	#siteNav li.on span::after {
		display: block;
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 5px;
		content: '';
		transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
		transform: scaleX(0);
		transform-origin: left;
		transform: scaleX(1)
	}

	#siteNav .dw_menu {
		position: relative
	}

	#siteNav .dw_menu .menu__second-level {
		position: absolute;
		top: 65px;
		width: 0px;
		background: #c7365e;
		transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
		display: block;
		visibility: hidden;
		color: #fff;
		opacity: 0
	}

	#siteNav .dw_menu .menu__second-level li {
		width: 380px;
		padding: 0
	}

	#siteNav .dw_menu .menu__second-level li a {
		display: flex;
		font-size: 1.2rem;
		line-height: 1.7;
		height: auto;
		padding: 0 20px;
		box-sizing: border-box;
		width: 100%;
		align-items: center;
		height: 80px;
		color: #fff
	}

	#siteNav .dw_menu .menu__second-level li a::before {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 300 300' width='150px' height='150px' style='transform-box:fill-box' preserveAspectRatio='xMinYMid'%3E%3Cpolygon fill='%23fff' points='94.35,0 58.65,35.7 175.95,153 58.65,270.3 94.35,306 247.35,153'/%3E224.52,72.001z' /%3E%3C/svg%3E");
		background-position: center center;
		background-repeat: no-repeat;
		content: "";
		position: absolute;
		display: block;
		width: 20px;
		height: 20px;
		top: 0;
		bottom: 0;
		right: 20px;
		margin: auto;
		background-size: 100%;
		-o-transition: all 0.15s ease-in;
		-webkit-transition: all 0.15s ease-in;
		-moz-transition: all 0.15s ease-in;
		transition: all 0.15s ease-in
	}

	#siteNav .dw_menu .menu__second-level li a::after {
		display: none
	}

	#siteNav .dw_menu .menu__second-level li a:hover {
		background: rgba(255, 255, 255, 0.2)
	}

	#siteNav .dw_menu .menu__second-level li a:hover::before {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 300 300' width='150px' height='150px' style='transform-box:fill-box' preserveAspectRatio='xMinYMid'%3E%3Cpolygon fill='%23fff' points='94.35,0 58.65,35.7 175.95,153 58.65,270.3 94.35,306 247.35,153'/%3E224.52,72.001z' /%3E%3C/svg%3E");
		right: 15px
	}

	#siteNav .dw_menu:hover .menu__second-level {
		top: 65px;
		visibility: visible;
		opacity: 1;
		width: 380px;
		transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.4s
	}

	#spMenuArea {
		display: none
	}

	#footerContact {
		margin-top: 80px
	}

	#footerContact .readcopy {
		text-align: center;
		font-weight: 700;
		font-size: 4rem
	}

	#footerContact .readcopy span {
		display: block;
		font-weight: 300;
		font-size: 2.5rem;
		padding-bottom: 5px
	}

	#footerContact.in .box::before {
		top: 0px
	}

	#footerContact .box {
		overflow: hidden;
		width: 100%;
		display: flex;
		align-items: center;
		margin-top: 40px;
		position: relative
	}

	#footerContact .box::before {
		-webkit-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
		transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
		content: "";
		width: 60px;
		height: 60px;
		position: absolute;
		top: -60px;
		left: 0;
		right: 0;
		margin: auto;
		background: linear-gradient(to top right, rgba(255, 255, 255, 0) 50%, #ffffff 50.5%) no-repeat top left/50% 65%, linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #ffffff 50.5%) no-repeat top right/50% 65%
	}

	#footerContact .box>div {
		display: flex;
		width: 50%;
		align-self: center;
		justify-content: center;
		flex-direction: column;
		height: 250px;
		text-align: center;
		color: #fff
	}

	#footerContact .box>div h2 {
		font-size: 3.2rem;
		font-weight: 300
	}

	#footerContact .box>div p {
		font-size: 1.6rem
	}

	#footerContact .box>div .phoneNumber {
		font-size: 5.1rem;
		font-family: 'Roboto';
		font-weight: 300;
		position: relative
	}

	#footerContact .box>div .phoneNumber:before {
		content: "";
		width: 40px;
		height: 55px;
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 480.56 480.56' preserveAspectRatio='xMinYMid'%3E%3Cpath  fill='%23fff' d='M365.354,317.9c-15.7-15.5-35.3-15.5-50.9,0c-11.9,11.8-23.8,23.6-35.5,35.6c-3.2,3.3-5.9,4-9.8,1.8 c-7.7-4.2-15.9-7.6-23.3-12.2c-34.5-21.7-63.4-49.6-89-81c-12.7-15.6-24-32.3-31.9-51.1c-1.6-3.8-1.3-6.3,1.8-9.4 c11.9-11.5,23.5-23.3,35.2-35.1c16.3-16.4,16.3-35.6-0.1-52.1c-9.3-9.4-18.6-18.6-27.9-28c-9.6-9.6-19.1-19.3-28.8-28.8 c-15.7-15.3-35.3-15.3-50.9,0.1c-12,11.8-23.5,23.9-35.7,35.5c-11.3,10.7-17,23.8-18.2,39.1c-1.9,24.9,4.2,48.4,12.8,71.3 c17.6,47.4,44.4,89.5,76.9,128.1c43.9,52.2,96.3,93.5,157.6,123.3c27.6,13.4,56.2,23.7,87.3,25.4c21.4,1.2,40-4.2,54.9-20.9 c10.2-11.4,21.7-21.8,32.5-32.7c16-16.2,16.1-35.8,0.2-51.8C403.554,355.9,384.454,336.9,365.354,317.9z'/%3E%3Cpath  fill='%23fff' d='M346.254,238.2l36.9-6.3c-5.8-33.9-21.8-64.6-46.1-89c-25.7-25.7-58.2-41.9-94-46.9l-5.2,37.1 c27.7,3.9,52.9,16.4,72.8,36.3C329.454,188.2,341.754,212,346.254,238.2z'/%3E%3Cpath  fill='%23fff' d='M403.954,77.8c-42.6-42.6-96.5-69.5-156-77.8l-5.2,37.1c51.4,7.2,98,30.5,134.8,67.2c34.9,34.9,57.8,79,66.1,127.5 l36.9-6.3C470.854,169.3,444.354,118.3,403.954,77.8z' /%3E%3C/svg%3E");
		background-size: 100%;
		margin-right: 10px;
		background-position: center bottom;
		display: inline-block;
		background-repeat: no-repeat
	}

	#footerContact .box>div .contactBtn {
		margin-top: 20px;
		display: block;
		width: 100%;
		max-width: 700px;
		margin: 20px auto 0
	}

	#footerContact .box>div .contactBtn a {
		display: block;
		margin: 0 auto;
		width: 70%;
		border: 2px solid #fff;
		padding: 20px 0;
		color: #fff;
		text-align: center;
		font-size: 2.5rem;
		position: relative;
		box-shadow: 0 0 0 0 #fff inset;
		-webkit-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
		transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
		text-decoration: none
	}

	#footerContact .box>div .contactBtn a::before {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='512px' height='512px' viewBox='0 0 512 512' preserveAspectRatio='xMinYMid'%3E%3Cpath  fill='%23fff' d='M448,128V0H64v128H0v384h512V128H448z M96,32h320v161.813L256,330.938L96,193.813V32z M480,480H32V181.063l224,192l224-192 V480z M384,96H128V64h256V96z M320,160H128v-32h192V160z' /%3E%3C/svg%3E");
		background-position: center center;
		background-repeat: no-repeat;
		content: "";
		position: absolute;
		display: block;
		width: 40px;
		height: 40px;
		top: 0;
		bottom: 0;
		left: 20px;
		margin: auto;
		background-size: 100%;
	}

	#footerContact .box>div .contactBtn a::after {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 300 300' width='150px' height='150px' style='transform-box:fill-box' preserveAspectRatio='xMinYMid'%3E%3Cpolygon fill='%23fff' points='94.35,0 58.65,35.7 175.95,153 58.65,270.3 94.35,306 247.35,153'/%3E224.52,72.001z' /%3E%3C/svg%3E");
		background-position: center center;
		background-repeat: no-repeat;
		content: "";
		position: absolute;
		display: block;
		width: 30px;
		height: 30px;
		top: 0;
		bottom: 0;
		right: 20px;
		margin: auto;
		background-size: 100%;
		-webkit-transition: right 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
		transition: right 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s
	}

	#footerContact .box>div .contactBtn a:hover {
		-webkit-transition: all 1200ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
		transition: all 1200ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
		box-shadow: 0 0 0px 50px #fff inset;
		color: #0c3391
	}

	#footerContact .box>div .contactBtn a:hover::before {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='512px' height='512px' viewBox='0 0 512 512' preserveAspectRatio='xMinYMid'%3E%3Cpath  fill='%230c3391' d='M448,128V0H64v128H0v384h512V128H448z M96,32h320v161.813L256,330.938L96,193.813V32z M480,480H32V181.063l224,192l224-192 V480z M384,96H128V64h256V96z M320,160H128v-32h192V160z' /%3E%3C/svg%3E")
	}

	#footerContact .box>div .contactBtn a:hover::after {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 300 300' width='150px' height='150px' style='transform-box:fill-box' preserveAspectRatio='xMinYMid'%3E%3Cpolygon fill='%230c3391' points='94.35,0 58.65,35.7 175.95,153 58.65,270.3 94.35,306 247.35,153'/%3E224.52,72.001z' /%3E%3C/svg%3E");
		right: 10px
	}

	#footerContact .box>div.tell {
		background: #1ea0ae
	}

	#footerContact .box>div.form {
		background: #0c3391
	}

	footer {
		min-width: 1200px;
		margin-top: 50px;
	}

	footer .inner {
		width: 1200px;
		margin: 0 auto;
	}

	footer #footerwrap .navArea {
		position: relative;
		border-bottom: 1px solid #ccc;
		padding: 50px 0 70px;
		display: flex;
		justify-content: space-between;
		z-index: 110
	}

	footer #footerwrap .navArea>ul li {
		margin-top: 20px;
		font-size: 1.5rem;
		font-weight: bold
	}

	footer #footerwrap .navArea>ul li a {
		color: #222
	}

	footer #footerwrap .navArea>ul li>a:before {
		content: '\e805';
		font-family: "fontello";
		font-style: normal;
		font-weight: normal;
		speak: none;
		display: inline-block;
		text-decoration: inherit;
		width: 1em;
		margin-right: .2em;
		text-align: center;
		font-size: 1rem;
		padding-left: 10px
	}

	footer #footerwrap .navArea>ul li>ul li {
		font-size: 1.2rem;
		margin-top: 8px;
		font-weight: normal
	}

	footer #footerwrap .navArea>ul li>ul li>ul {
		margin-left: 2.5em
	}

	footer #footerwrap .navArea>ul li>ul li>ul>li>a {
		position: relative;
		padding-left: 2em;
		display: inline-block
	}

	footer #footerwrap .navArea>ul li>ul li>ul>li>a:before {
		content: '\e805';
		font-family: "fontello";
		font-style: normal;
		font-weight: normal;
		speak: none;
		display: inline-block;
		text-decoration: inherit;
		width: 1em;
		margin-right: .2em;
		text-align: center;
		font-size: 1.1rem;
		padding-right: 4px;
		color: #0c3391;
		text-decoration: none;
		position: absolute;
		left: 0;
		top: .25em;
		margin-left: 0
	}

	footer #footerwrap .navArea>ul>li>a:before {
		content: '\e805';
		font-family: "fontello";
		font-style: normal;
		font-weight: normal;
		speak: none;
		display: inline-block;
		text-decoration: inherit;
		width: 1em;
		margin-right: .2em;
		text-align: center;
		font-size: 1.1rem;
		padding-right: 4px;
		color: #0c3391;
		text-decoration: none
	}

	footer #footerwrap .navArea>ul>li>a[target="_blank"]:before {
		content: '\e809';
		font-family: "fontello";
		font-style: normal;
		font-weight: normal;
		speak: none;
		display: inline-block;
		text-decoration: inherit;
		width: 1em;
		margin-right: .2em;
		text-align: center;
		font-size: 1rem;
		padding-right: 6px;
		text-decoration: none;
		transform: translateY(-0.2em)
	}

	footer #footerwrap .navArea>ul>li>ul li>a:before {
		content: '\e802';
		font-family: "fontello";
		font-style: normal;
		font-weight: normal;
		speak: none;
		display: inline-block;
		text-decoration: inherit;
		width: 1em;
		margin-right: .2em;
		text-align: center;
		font-size: 1.2rem;
		padding-right: 5px;
		color: #0c3391;
		text-decoration: none
	}

	footer #footerwrap .navArea>ul>li>ul li>a[target="_blank"]:before {
		content: '\e809';
		font-family: "fontello";
		font-style: normal;
		font-weight: normal;
		speak: none;
		display: inline-block;
		text-decoration: inherit;
		width: 1em;
		margin-right: .2em;
		text-align: center;
		font-size: .8rem;
		padding-right: 6px;
		text-decoration: none;
		transform: translateY(-0.2em)
	}

	footer #footerwrap .navArea>ul li.mark a {
		display: inline-block;
		margin-right: 5px
	}

	footer #footerwrap .navArea>ul li.mark a:before {
		display: none
	}

	footer #fotterNav {
		padding: 30px 0 50px
	}

	footer #fotterNav ul {
		display: flex;
		justify-content: center
	}

	footer #fotterNav ul li {
		padding: 0 15px;
		border-right: 1px solid #999;
		line-height: 1;
		font-size: 1.2rem
	}

	footer #copyright {
		text-align: center;
		font-size: 1.2rem;
		color: #666;
		letter-spacing: .1em
	}
}

@media screen and (max-width: 767px) {
	body {
		overflow-x: hidden
	}

	.loader {
		position: fixed;
		width: 100vw;
		height: 100vh;
		background: #f0f0f0;
		z-index: 100000;
		top: 0;
		left: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		-webkit-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
		transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1)
	}

	.loader p {
		transform: translateX(0);
		position: relative;
		display: inline-block;
		width: 25vw;
		height: 2px;
		overflow: hidden
	}

	.loader p:before {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 0;
		height: 2px;
		background: #c7365e;
		-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.25, 1.01);
		animation-timing-function: cubic-bezier(0.4, 0, 0.25, 1.01);
		-webkit-animation-duration: 1500ms;
		animation-duration: 1500ms;
		-webkit-animation-name: loadingTween;
		animation-name: loadingTween;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite
	}

	.load .loader {
		width: 0;
		left: 100%
	}

	.load .loader p {
		opacity: 0
	}

	.existingView.load #container {
		-webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-webkit-animation-duration: 1000ms;
		animation-duration: 1000ms;
		-webkit-animation-name: loadTweenSp;
		animation-name: loadTweenSp;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards
	}

	.page_changer {
		position: fixed;
		width: 0;
		height: 100vh;
		z-index: 10;
		top: 0;
		left: 0;
		z-index: 9999998;
		background: #c7365e;
		-webkit-transition: all 400ms cubic-bezier(0.4, 0, 0.25, 1.01);
		transition: all 400ms cubic-bezier(0.4, 0, 0.25, 1.01)
	}

	.page_changer:before {
		display: block;
		content: "";
		width: 0;
		height: 100vh;
		z-index: 9999999;
		background: #f0f0f0;
		left: 0;
		-webkit-transition: all 400ms cubic-bezier(0.4, 0, 0.25, 1.01);
		transition: all 400ms cubic-bezier(0.4, 0, 0.25, 1.01);
		transition-delay: 200ms;
		animation-delay: 400ms
	}

	.change .page_changer {
		width: 100vw
	}

	.change .page_changer:before {
		width: 100%
	}

	#barba-wrapper {
		position: relative;
		padding-top: 65px;
	}

	.onecolumn #content {
		padding-bottom: 15%
	}

	.onecolumn #content section .inner {
		padding: 10% 5%
	}

	.onecolumn #content section .inner>*:first-child {
		margin-top: 0 !important
	}

	.twocolumn #content #main {
		padding: 10% 5%
	}

	#crumb_area {
		display: none
	}

	#pageTop {
		display: block !important;
		position: relative !important;
		width: 100%;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		top: 0;
		left: 0;
		text-align: center
	}

	#pageTop a {
		display: block !important;
		font-size: 1rem;
		padding: 2%;
		color: #000;
		-o-transition: all 0.15s ease-in;
		-webkit-transition: all 0.15s ease-in;
		-moz-transition: all 0.15s ease-in;
		transition: all 0.15s ease-in
	}

	#pageTop a:before {
		content: "\e803";
		font-family: "fontello";
		font-style: normal;
		font-weight: normal;
		speak: none;
		display: inline-block;
		text-decoration: inherit;
		width: 1em;
		margin-right: .2em;
		text-align: center;
		padding-right: 2%;
		text-decoration: none
	}

	#pageTop a:hover {
		background: #444;
		color: #fff
	}

	#footer {
		padding-bottom: 28vw
	}

	#floatingBnr #pc_bnr {
		display: none
	}

	#floatingBnr #sp_bnr {
		position: fixed;
		right: 0;
		bottom: 0;
		z-index: 120;
		width: 100%;
	}

	#floatingBnr #sp_bnr ul {
		list-style-type: none;
		margin: 0;
		display: flex;
		width: 100%;
	}

	#floatingBnr #sp_bnr ul li {
		display: flex;
		align-items: center;
		cursor: pointer;
		width: 33.3%;
		box-sizing: border-box
	}

	#floatingBnr #sp_bnr ul li a {
		display: block;
		padding: 4% 25%
	}

	#floatingBnr #sp_bnr ul li img {
		width: 100%;
	}

	#floatingBnr #sp_bnr ul li.phone {
		background: #1e9eab
	}

	#floatingBnr #sp_bnr ul li.contact {
		background: #0c3391
	}

	#floatingBnr #sp_bnr ul li.trial {
		background: #b11534
	}

	#floatingBnr #sp_bnr ul li.school {
		background: #1e9eab;
		display: none
	}

	a.pageJumpBlock {
		display: flex;
		position: relative;
		z-index: 900;
		height: 20px;
		align-items: center;
		justify-content: center;
		background: #eee;
		padding: 10px;
		text-align: center;
		font-size: 1.2rem;
		margin-top: -40px
	}

	a.pageJumpBlock:focus {
		margin-top: 0
	}

	a.pageJumpBlock:focus+header {
		top: 40px
	}

	a.pageJumpBlock:before {
		content: '\e807';
		font-family: "fontello";
		font-style: normal;
		font-weight: normal;
		speak: none;
		display: inline-block;
		text-decoration: inherit;
		width: 1em;
		margin-right: .2em;
		text-align: center;
		color: #0c3391;
		padding-left: 10px
	}

	header {
		position: fixed;
		height: 65px;
		top: 0;
		left: 0;
		z-index: 99999;
		background: #fff;
		width: 100%
	}

	header a {
		-o-transition: all 0.15s ease-in;
		-webkit-transition: all 0.15s ease-in;
		-moz-transition: all 0.15s ease-in;
		transition: all 0.15s ease-in
	}

	header a:hover {
		opacity: .5
	}

	header .inner {
		position: relative;
		height: 65px
	}

	header #logo {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 10px;
		width: 50vw;
		max-width: 276px
	}

	header #logo span {
		display: none
	}

	header .language {
		display: none
	}

	header .headerNav ul {
		display: none
	}

	header #globalNav {
		display: none
	}

	header #spMenu {
		width: 40px;
		height: 40px;
		background: #0c3391;
		position: absolute;
		right: 10px;
		top: 0;
		bottom: 0;
		margin: auto
	}

	header #spMenu .menu-trigger {
		cursor: pointer
	}

	header #spMenu .menu-trigger,
	header #spMenu .menu-trigger span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box
	}

	header #spMenu .menu-trigger {
		position: absolute;
		width: 20px;
		height: 16px;
		background: #0c3391;
		margin: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 10000
	}

	header #spMenu .menu-trigger span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 2px;
		background-color: #fff
	}

	header #spMenu .menu-trigger span:nth-of-type(1) {
		top: 0
	}

	header #spMenu .menu-trigger span:nth-of-type(2) {
		top: 0;
		bottom: 0;
		margin: auto
	}

	header #spMenu .menu-trigger span:nth-of-type(3) {
		bottom: 0
	}

	header #spMenu .menu-trigger span:nth-of-type(3),
	header #spMenu .menu-trigger.active span:nth-of-type(3) {
		transition: none
	}

	header #spMenu .menu-trigger.active {
		-webkit-transform: rotateX(720deg);
		transform: rotateX(720deg)
	}

	header #spMenu .menu-trigger.active span:nth-of-type(1) {
		-webkit-transform: translateY(7px) rotate(-45deg);
		transform: translateY(7px) rotate(-45deg)
	}

	header #spMenu .menu-trigger.active span:nth-of-type(2) {
		-webkit-transform: translateY(0) rotate(45deg);
		transform: translateY(0) rotate(45deg)
	}

	header #spMenu .menu-trigger.active span:nth-of-type(3) {
		opacity: 0
	}

	#spMenuArea {
		display: none;
		position: fixed;
		top: 65px;
		padding-top: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background-size: cover;
		z-index: 1010
	}

	.menu_open #spMenuArea {
		display: block
	}

	#spMenuArea .inner {
		overflow-y: scroll;
		margin: 0 auto;
		width: 100%
	}

	#spMenuArea a:hover {
		opacity: 0.5
	}

	#spNav {
		padding: 0 0 0
	}

	#spNav .wrap {
		background: rgba(12, 51, 145, 0.95);
		padding: 2% 4% 15%;
		width: 100%;
		box-sizing: border-box
	}

	#spNav .streamingArea {
		background: rgba(199, 54, 94, 0.95);
		padding-bottom: 5%
	}

	#spNav .streamingArea .ttl {
		color: #FFF;
		font-size: 1.6rem;
		padding: 3% 0;
		border-bottom: 1px solid rgba(255, 255, 255, 0.45);
		margin-top: 10px;
	}

	#spNav .streamingArea .ttl:before {
		content: '\e810';
		font-family: "fontello";
		font-style: normal;
		font-weight: normal;
		speak: none;
		display: inline-block;
		text-decoration: inherit;
		width: 1em;
		margin-right: .2em;
		text-align: center;
		padding-right: 3%;
		font-size: 1.6rem
	}

	#spNav .streamingArea ul li {
		margin: 0;
	}

	#spNav .streamingArea ul li ul {
		margin: 0 0 10px 0;
		padding: 0 0 0 10px;
	}

	#spNav .streamingArea ul li a {
		display: block;
		position: relative;
		padding: 3% 0 3% 15px;
		margin: 0;
	}

	#spNav .streamingArea ul li a:before {
		content: '';
		width: 5px;
		height: 5px;
		border-top: 2px #FFF solid;
		border-right: 2px #FFF solid;
		transform: rotate(45deg);
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		margin: auto;
	}

	#spNav dt.housing a:before {
		content: '\e811';
		font-family: "fontello";
		font-style: normal;
		font-weight: normal;
		speak: none;
		display: inline-block;
		text-decoration: inherit;
		width: 1em;
		margin-right: .2em;
		text-align: center;
		padding-right: 3%;
		font-size: 1.6rem
	}

	#spNav dt.cloud a:before {
		content: '\e80f';
		font-family: "fontello";
		font-style: normal;
		font-weight: normal;
		speak: none;
		display: inline-block;
		text-decoration: inherit;
		width: 1em;
		margin-right: .2em;
		text-align: center;
		padding-right: 3%;
		font-size: 1.6rem
	}

	#spNav .streaming a:before {
		content: '\e810';
		font-family: "fontello";
		font-style: normal;
		font-weight: normal;
		speak: none;
		display: inline-block;
		text-decoration: inherit;
		width: 1em;
		margin-right: .2em;
		text-align: center;
		padding-right: 3%;
		font-size: 1.6rem
	}

	#spMenuArea .inner::-webkit-scrollbar {
		width: 5px
	}

	#spMenuArea .inner::-webkit-scrollbar-track {
		border-radius: 5px
	}

	#spMenuArea .inner::-webkit-scrollbar-thumb {
		border-radius: 5px;
		background: rgba(255, 255, 255, 0.8)
	}

	#spMenuArea ul {
		width: 100%;
		margin: 0;
		list-style-type: none
	}

	#spMenuArea ul li {
		list-style-type: none;
		font-size: 1.5rem;
		letter-spacing: 1px;
		position: relative
	}

	#spMenuArea ul li a {
		display: block;
		color: #fff;
		text-decoration: none;
		position: relative
	}

	#spMenuArea ul li a[target="_blank"]:after {
		content: '\e809';
		font-family: "fontello";
		font-style: normal;
		font-weight: normal;
		speak: none;
		display: inline-block;
		text-decoration: inherit;
		width: 1em;
		margin-right: .2em;
		text-align: center;
		padding-left: 3%;
		text-decoration: none;
		font-size: 1rem
	}

	#spNav>div>ul>li>a,
	#spMenuArea ul li dt {
		position: relative;
		margin-top: 3%;
		border-bottom: 1px dotted rgba(255, 255, 255, 0.45);
		padding-bottom: 3%;
		font-weight: 700
	}

	#spNav>div>ul>li>ul {
		padding-bottom: 5%
	}

	#spNav>ul>li>a:before {
		content: '\e802';
		font-family: "fontello";
		font-style: normal;
		font-weight: normal;
		speak: none;
		display: inline-block;
		text-decoration: inherit;
		width: 1em;
		margin-right: .2em;
		text-align: center;
		padding-right: 5px
	}

	#spMenuArea ul li ul li,
	#spMenuArea ul li dd li {
		margin-top: 5%;
		font-size: 1.5rem
	}

	#spMenuArea ul li ul li a,
	#spMenuArea ul li dd li a {
		font-weight: 300;
		padding-left: 1.5em;
		position: relative
	}

	#spMenuArea ul li ul li a:before,
	#spMenuArea ul li dd li a:before {
		content: '\e802';
		font-family: "fontello";
		font-style: normal;
		font-weight: normal;
		speak: none;
		display: inline-block;
		text-decoration: inherit;
		width: 1em;
		margin-right: .2em;
		text-align: center;
		position: absolute;
		left: 0;
		top: .2em
	}

	#siteNav {
		border-bottom: 1px solid #ddd;
		position: relative;
		z-index: 111
	}

	#siteNav .inner {
		width: 100%;
		margin: 0 auto;
		display: flex;
		height: 45px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.7)
	}

	#siteNav ul {
		display: flex
	}

	#siteNav li {
		display: none;
		line-height: 45px
	}

	#siteNav li.home::after {
		content: "ストリーミングサイトトップ";
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		color: #fff;
		padding-left: 11vw
	}

	#siteNav li.home a {
		overflow: hidden;
		position: relative;
		width: 10vw;
		text-indent: -9999px;
		display: block;
		height: 100%
	}

	#siteNav li.home a::before {
		content: "";
		position: absolute;
		display: block;
		width: 5vw;
		height: 5vw;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='-49 141 512 512' style='enable-background:new -49 141 512 512;' xml:space='preserve' preserveAspectRatio='xMinYMid'%3E%3Cpath fill='%23222' d='M448.027,296.314l-230-152c-6.688-4.419-15.367-4.419-22.055,0l-230,152C-39.63,300.016-43,306.284-43,313v320	c0,11.046,8.954,20,20,20c5.833,0,444.336,0,460,0c11.046,0,20-8.954,20-20V313C457,306.284,453.63,300.016,448.027,296.314z M167,613V493h80v120H167z M417,613H287V473c0-11.046-8.954-20-20-20H147c-11.046,0-20,8.954-20,20v140H-3V323.755l210-138.782l210,138.782V613z' /%3E%3C/svg%3E");
		background-size: 5vw
	}

	#siteNav li.home a:hover::before {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='-49 141 512 512' style='enable-background:new -49 141 512 512;' xml:space='preserve' preserveAspectRatio='xMinYMid'%3E%3Cpath fill='%23c7365e' d='M448.027,296.314l-230-152c-6.688-4.419-15.367-4.419-22.055,0l-230,152C-39.63,300.016-43,306.284-43,313v320	c0,11.046,8.954,20,20,20c5.833,0,444.336,0,460,0c11.046,0,20-8.954,20-20V313C457,306.284,453.63,300.016,448.027,296.314z M167,613V493h80v120H167z M417,613H287V473c0-11.046-8.954-20-20-20H147c-11.046,0-20,8.954-20,20v140H-3V323.755l210-138.782l210,138.782V613z' /%3E%3C/svg%3E")
	}

	#siteNav li.on {
		display: block
	}

	#siteNav .dw_menu {
		position: relative
	}

	#siteNav .dw_menu .menu__second-level {
		position: absolute;
		top: 65px;
		width: 0px;
		background: #c7365e;
		transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
		display: block;
		visibility: hidden;
		color: #fff;
		opacity: 0
	}

	#siteNav .dw_menu .menu__second-level li {
		width: 380px;
		padding: 0
	}

	#siteNav .dw_menu .menu__second-level li a {
		display: flex;
		font-size: 1.2rem;
		line-height: 1.7;
		height: auto;
		padding: 0 20px;
		box-sizing: border-box;
		width: 100%;
		align-items: center;
		height: 80px;
		color: #fff
	}

	#siteNav .dw_menu .menu__second-level li a::before {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 300 300' width='150px' height='150px' style='transform-box:fill-box' preserveAspectRatio='xMinYMid'%3E%3Cpolygon fill='%23888' points='94.35,0 58.65,35.7 175.95,153 58.65,270.3 94.35,306 247.35,153'/%3E224.52,72.001z' /%3E%3C/svg%3E");
		background-position: center center;
		background-repeat: no-repeat;
		content: "";
		position: absolute;
		display: block;
		width: 20px;
		height: 20px;
		top: 0;
		bottom: 0;
		right: 20px;
		margin: auto;
		background-size: 100%;
		-o-transition: right 0.15s ease-in;
		-webkit-transition: right 0.15s ease-in;
		-moz-transition: right 0.15s ease-in;
		transition: right 0.15s ease-in
	}

	#siteNav .dw_menu .menu__second-level li a::after {
		display: none
	}

	#siteNav .dw_menu .menu__second-level li a:hover {
		background: rgba(255, 255, 255, 0.2)
	}

	#siteNav .dw_menu .menu__second-level li a:hover::before {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 300 300' width='150px' height='150px' style='transform-box:fill-box' preserveAspectRatio='xMinYMid'%3E%3Cpolygon fill='%23c7365e' points='94.35,0 58.65,35.7 175.95,153 58.65,270.3 94.35,306 247.35,153'/%3E224.52,72.001z' /%3E%3C/svg%3E");
		right: 15px
	}

	#siteNav .dw_menu:hover .menu__second-level {
		top: 65px;
		visibility: visible;
		opacity: 1;
		width: 380px;
		transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.4s
	}

	#footerContact {
		margin-top: 8%
	}

	#footerContact .readcopy {
		text-align: center;
		font-weight: 700;
		font-size: 2rem;
		padding: 0 10%
	}

	#footerContact .readcopy span {
		display: block;
		font-weight: 300;
		font-size: 1.7rem;
		padding-bottom: 5px
	}

	#footerContact.in .box::before {
		top: 0px
	}

	#footerContact .box {
		overflow: hidden;
		width: 100%;
		margin-top: 8%;
		position: relative
	}

	#footerContact .box::before {
		-webkit-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
		transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
		content: "";
		width: 5vw;
		height: 5vw;
		position: absolute;
		top: -5vw;
		left: 0;
		right: 0;
		margin: auto;
		background: linear-gradient(to top right, rgba(255, 255, 255, 0) 50%, #ffffff 51%) no-repeat top left/50.5% 65%, linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #ffffff 51%) no-repeat top right/50.5% 65%
	}

	#footerContact .box>div {
		display: flex;
		padding: 6% 3%;
		align-self: center;
		justify-content: center;
		flex-direction: column;
		text-align: center;
		color: #fff
	}

	#footerContact .box>div h2 {
		font-size: 2.5rem;
		font-weight: 300
	}

	#footerContact .box>div h2 br {
		display: none
	}

	#footerContact .box>div .phoneNumber {
		font-size: 5.1rem !important;
		font-family: 'Roboto';
		font-weight: 300;
		line-height: 1.2
	}

	#footerContact .box>div .phoneNumber:before {
		content: "";
		width: 8vw;
		height: 8vw;
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 480.56 480.56' preserveAspectRatio='xMinYMid'%3E%3Cpath  fill='%23fff' d='M365.354,317.9c-15.7-15.5-35.3-15.5-50.9,0c-11.9,11.8-23.8,23.6-35.5,35.6c-3.2,3.3-5.9,4-9.8,1.8 c-7.7-4.2-15.9-7.6-23.3-12.2c-34.5-21.7-63.4-49.6-89-81c-12.7-15.6-24-32.3-31.9-51.1c-1.6-3.8-1.3-6.3,1.8-9.4 c11.9-11.5,23.5-23.3,35.2-35.1c16.3-16.4,16.3-35.6-0.1-52.1c-9.3-9.4-18.6-18.6-27.9-28c-9.6-9.6-19.1-19.3-28.8-28.8 c-15.7-15.3-35.3-15.3-50.9,0.1c-12,11.8-23.5,23.9-35.7,35.5c-11.3,10.7-17,23.8-18.2,39.1c-1.9,24.9,4.2,48.4,12.8,71.3 c17.6,47.4,44.4,89.5,76.9,128.1c43.9,52.2,96.3,93.5,157.6,123.3c27.6,13.4,56.2,23.7,87.3,25.4c21.4,1.2,40-4.2,54.9-20.9 c10.2-11.4,21.7-21.8,32.5-32.7c16-16.2,16.1-35.8,0.2-51.8C403.554,355.9,384.454,336.9,365.354,317.9z'/%3E%3Cpath  fill='%23fff' d='M346.254,238.2l36.9-6.3c-5.8-33.9-21.8-64.6-46.1-89c-25.7-25.7-58.2-41.9-94-46.9l-5.2,37.1 c27.7,3.9,52.9,16.4,72.8,36.3C329.454,188.2,341.754,212,346.254,238.2z'/%3E%3Cpath  fill='%23fff' d='M403.954,77.8c-42.6-42.6-96.5-69.5-156-77.8l-5.2,37.1c51.4,7.2,98,30.5,134.8,67.2c34.9,34.9,57.8,79,66.1,127.5 l36.9-6.3C470.854,169.3,444.354,118.3,403.954,77.8z' /%3E%3C/svg%3E");
		background-size: 100%;
		margin-right: 10px;
		background-position: center bottom;
		display: inline-block;
		background-repeat: no-repeat
	}

	#footerContact .box>div .contactBtn {
		display: block;
		width: 100%;
		max-width: 700px;
		margin: 2% auto 0
	}

	#footerContact .box>div .contactBtn a {
		display: block;
		margin: 0 auto;
		width: 90%;
		border: 2px solid #fff;
		padding: 20px 0;
		color: #fff;
		text-align: center;
		font-size: 2rem;
		position: relative;
		box-shadow: 0 0 0 0 #fff inset;
		-webkit-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
		transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
		text-decoration: none
	}

	#footerContact .box>div .contactBtn a::before {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='512px' height='512px' viewBox='0 0 512 512' preserveAspectRatio='xMinYMid'%3E%3Cpath  fill='%23fff' d='M448,128V0H64v128H0v384h512V128H448z M96,32h320v161.813L256,330.938L96,193.813V32z M480,480H32V181.063l224,192l224-192 V480z M384,96H128V64h256V96z M320,160H128v-32h192V160z' /%3E%3C/svg%3E");
		background-position: center center;
		background-repeat: no-repeat;
		content: "";
		position: absolute;
		display: block;
		width: 30px;
		height: 30px;
		top: 0;
		bottom: 0;
		left: 3%;
		margin: auto;
		background-size: 100%;
	}

	#footerContact .box>div .contactBtn a::after {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 300 300' width='150px' height='150px' style='transform-box:fill-box' preserveAspectRatio='xMinYMid'%3E%3Cpolygon fill='%23fff' points='94.35,0 58.65,35.7 175.95,153 58.65,270.3 94.35,306 247.35,153'/%3E224.52,72.001z' /%3E%3C/svg%3E");
		background-position: center center;
		background-repeat: no-repeat;
		content: "";
		position: absolute;
		display: block;
		width: 30px;
		height: 30px;
		top: 0;
		bottom: 0;
		right: 20px;
		margin: auto;
		background-size: 100%;
		-webkit-transition: right 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
		transition: right 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s
	}

	#footerContact .box>div.tell {
		background: #1ea0ae
	}

	#footerContact .box>div.tell p {
		font-size: 1.65rem
	}

	#footerContact .box>div.form {
		background: #0c3391
	}

	footer {
		background: #f5f5f5;
		padding: 14% 0 5%;
		position: relative
	}

	footer #footerwrap ul li {
		display: none
	}

	footer #footerwrap .mark {
		display: block;
		text-align: center
	}

	footer #footerwrap a:hover {
		text-decoration: underline
	}

	footer #footerwrap a:hover img {
		opacity: .5 !important
	}

	footer #fotterNav {
		padding: 5% 0
	}

	footer #fotterNav ul {
		display: flex;
		justify-content: center;
		flex-wrap: wrap
	}

	footer #fotterNav ul li {
		padding: 0 15px;
		border-right: 1px solid #999;
		line-height: 1;
		font-size: .9rem;
		margin-bottom: 10px
	}

	footer #fotterNav ul li:nth-child(even) {
		border-right: none
	}

	footer #fotterNav ul li a:hover {
		text-decoration: underline
	}

	footer #fotterNav ul li a:hover img {
		opacity: .5 !important
	}

	footer #copyright {
		text-align: center;
		font-size: .8rem;
		color: #666;
		letter-spacing: .1em
	}
}

@media print,
screen and (min-width: 768px) {
	#main h2.lineaAC {
		font-size: 3.8rem;
		text-align: center;
		font-weight: 900
	}

	#main h2.lineaAC>span {
		position: relative;
		overflow: hidden;
		display: inline-block
	}

	#main h2.lineaAC>span:after {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 0;
		height: 100%;
		background: #c7365e;
		z-index: 11
	}

	#main h2.lineaAC>span span {
		transition: opacity 0ms linear 600ms;
		opacity: 0
	}

	#main h2.lineaAC.in>span:after {
		-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.25, 1.01);
		animation-timing-function: cubic-bezier(0.4, 0, 0.25, 1.01);
		-webkit-animation-duration: 800ms;
		animation-duration: 800ms;
		-webkit-animation-name: h2Line__Tween;
		animation-name: h2Line__Tween;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards
	}

	#main h2.lineaAC.in>span span {
		opacity: 1
	}

	#main .btn {
		margin-top: 40px;
		text-align: center
	}

	#main .btn a {
		position: relative;
		display: inline-block;
		border: 2px solid #fff;
		color: #fff;
		text-align: center;
		text-decoration: none;
		outline: none;
		transition: all .2s;
		font-size: 1.4rem;
		z-index: 10
	}

	#main .btn a::before,
	#main .btn a::after {
		position: absolute;
		z-index: 2;
		content: '';
		width: 0;
		height: 0;
		border: 1px solid transparent
	}

	#main .btn a::before {
		top: -2px;
		left: -2px
	}

	#main .btn a::after {
		bottom: -2px;
		right: -2px
	}

	#main .btn a span {
		display: block;
		padding: 15px 150px;
		-webkit-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
		transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s
	}

	#main .btn a span::before {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 300 300' width='150px' height='150px' style='transform-box:fill-box' preserveAspectRatio='xMinYMid'%3E%3Cpolygon fill='%23fff' points='94.35,0 58.65,35.7 175.95,153 58.65,270.3 94.35,306 247.35,153'/%3E224.52,72.001z' /%3E%3C/svg%3E");
		background-position: center center;
		background-repeat: no-repeat;
		content: "";
		position: absolute;
		display: block;
		width: 20px;
		height: 20px;
		top: 0;
		bottom: 0;
		right: 20px;
		margin: auto;
		background-size: 100%;
		-webkit-transition: right 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
		transition: right 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s
	}

	#main .btn a span:after {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 0;
		height: 100%;
		background: #c7365e;
		z-index: -1;
		-webkit-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
		transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s
	}

	#main .btn a:hover span {
		color: #fff
	}

	#main .btn a:hover span::before {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 300 300' width='150px' height='150px' style='transform-box:fill-box' preserveAspectRatio='xMinYMid'%3E%3Cpolygon fill='%23fff' points='94.35,0 58.65,35.7 175.95,153 58.65,270.3 94.35,306 247.35,153'/%3E224.52,72.001z' /%3E%3C/svg%3E");
		right: 15px;
		z-index: 411
	}

	#main .btn a:hover span:after {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #c7365e;
		z-index: 0
	}

	#main .btn.in a {
		color: #c7365e
	}

	#main .btn.in a::before,
	#main .btn.in a::after {
		width: 100%;
		height: 100%;
		border: 2px solid transparent
	}

	#main .btn.in a::before {
		border-bottom-color: #c7365e;
		border-left-color: #c7365e;
		transition: height .3s, width .3s .3s
	}

	#main .btn.in a::after {
		border-top-color: #c7365e;
		border-right-color: #c7365e;
		transition: height .3s, width .3s .3s
	}

	#main .btn.in a span::before {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 300 300' width='150px' height='150px' style='transform-box:fill-box' preserveAspectRatio='xMinYMid'%3E%3Cpolygon fill='%23c7365e' points='94.35,0 58.65,35.7 175.95,153 58.65,270.3 94.35,306 247.35,153'/%3E224.52,72.001z' /%3E%3C/svg%3E")
	}

	#main .btn.in a:hover span {
		color: #fff
	}

	#main .btn.in a:hover span::before {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 300 300' width='150px' height='150px' style='transform-box:fill-box' preserveAspectRatio='xMinYMid'%3E%3Cpolygon fill='%23fff' points='94.35,0 58.65,35.7 175.95,153 58.65,270.3 94.35,306 247.35,153'/%3E224.52,72.001z' /%3E%3C/svg%3E");
		right: 15px;
		z-index: 411
	}

	#main .btn.in a:hover span:after {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #c7365e;
		z-index: -1
	}

	/* 190821 セレクトプランアイコン */
	.cp_arrows *,
	.cp_arrows *:before,
	.cp_arrows *:after {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.cp_arrows {
		position: relative;
		display: flex;
		width: 380px;
		height: 30px;
		justify-content: center;
		align-content: flex-end;
	}

	.cp_arrows p {
		text-align: center;
		color: #c7365f;
		font-size: 1.8rem;
		font-weight: bold;
		margin: 0;
		padding: 0;
	}

	.cp_arrows .cp_arrow1 {
		position: absolute;
		top: 20%;
		left: 20%;
	}

	.cp_arrows .cp_arrow2 {
		position: absolute;
		top: 20%;
		right: 25%;
	}

	.cp_arrows .cp_arrow1::before,
	.cp_arrows .cp_arrow2::before {
		content: '';
		width: 19px;
		height: 12px;
		background: url(../images/icon_bound_arrow.png) no-repeat;
		background-size: cover;
		position: absolute;
	}

	.cp_arrows .cp_bounce {
		-webkit-animation: arrow-move09 2s infinite ease-in-out;
		animation: arrow-move09 2s infinite ease-in-out;
	}

	@-webkit-keyframes arrow-move09 {

		0%,
		20%,
		50%,
		80%,
		100% {
			-webkit-transform: translateY(0);
			transform: translateY(0);
		}

		48% {
			-webkit-transform: translateY(-20px);
			transform: translateY(-20px);
		}

		60% {
			-webkit-transform: translateY(-15px);
			transform: translateY(-15px);
		}
	}

	@keyframes arrow-move09 {

		0%,
		20%,
		50%,
		80%,
		100% {
			-webkit-transform: translateY(0);
			transform: translateY(0);
		}

		48% {
			-webkit-transform: translateY(-20px);
			transform: translateY(-20px);
		}

		60% {
			-webkit-transform: translateY(-15px);
			transform: translateY(-15px);
		}
	}
}

@media screen and (max-width: 767px) {
	h2.lineaAC {
		font-size: 2.5rem;
		text-align: center;
		font-weight: 900
	}

	h2.lineaAC>span {
		position: relative;
		overflow: hidden;
		display: inline-block
	}

	h2.lineaAC>span:after {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 0;
		height: 100%;
		background: #c7365e;
		z-index: 11
	}

	h2.lineaAC>span span {
		transition: opacity 0ms linear 600ms;
		opacity: 0
	}

	h2.lineaAC.in>span:after {
		-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.25, 1.01);
		animation-timing-function: cubic-bezier(0.4, 0, 0.25, 1.01);
		-webkit-animation-duration: 800ms;
		animation-duration: 800ms;
		-webkit-animation-name: h2Line__Tween;
		animation-name: h2Line__Tween;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards
	}

	h2.lineaAC.in>span span {
		opacity: 1
	}

	.btn {
		margin-top: 5%;
		text-align: center
	}

	.btn a {
		position: relative;
		display: inline-block;
		border: 2px solid #fff;
		color: #fff;
		text-align: center;
		text-decoration: none;
		outline: none;
		transition: all .2s;
		font-size: 1.4rem;
		z-index: 10
	}

	.btn a::before,
	.btn a::after {
		position: absolute;
		z-index: 2;
		content: '';
		width: 0;
		height: 0;
		border: 1px solid transparent
	}

	.btn a::before {
		top: -2px;
		left: -2px
	}

	.btn a::after {
		bottom: -2px;
		right: -2px
	}

	.btn a span {
		display: block;
		padding: 8% 15vw;
		-webkit-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
		transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s
	}

	.btn a span::before {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 300 300' width='150px' height='150px' style='transform-box:fill-box' preserveAspectRatio='xMinYMid'%3E%3Cpolygon fill='%23fff' points='94.35,0 58.65,35.7 175.95,153 58.65,270.3 94.35,306 247.35,153'/%3E224.52,72.001z' /%3E%3C/svg%3E");
		background-position: center center;
		background-repeat: no-repeat;
		content: "";
		position: absolute;
		display: block;
		width: 20px;
		height: 20px;
		top: 0;
		bottom: 0;
		right: 20px;
		margin: auto;
		background-size: 100%;
		-webkit-transition: right 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
		transition: right 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s
	}

	.btn a span:after {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 0;
		height: 100%;
		background: #c7365e;
		z-index: -1;
		-webkit-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
		transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s
	}

	.btn a:hover span {
		color: #fff
	}

	.btn a:hover span::before {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 300 300' width='150px' height='150px' style='transform-box:fill-box' preserveAspectRatio='xMinYMid'%3E%3Cpolygon fill='%23fff' points='94.35,0 58.65,35.7 175.95,153 58.65,270.3 94.35,306 247.35,153'/%3E224.52,72.001z' /%3E%3C/svg%3E");
		right: 15px;
		z-index: 411
	}

	.btn a:hover span:after {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #c7365e;
		z-index: 0
	}

	.btn.in a {
		color: #c7365e
	}

	.btn.in a::before,
	.btn.in a::after {
		width: 100%;
		height: 100%;
		border: 2px solid transparent
	}

	.btn.in a::before {
		border-bottom-color: #c7365e;
		border-left-color: #c7365e;
		transition: height .3s, width .3s .3s
	}

	.btn.in a::after {
		border-top-color: #c7365e;
		border-right-color: #c7365e;
		transition: height .3s, width .3s .3s
	}

	.btn.in a span::before {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 300 300' width='150px' height='150px' style='transform-box:fill-box' preserveAspectRatio='xMinYMid'%3E%3Cpolygon fill='%23c7365e' points='94.35,0 58.65,35.7 175.95,153 58.65,270.3 94.35,306 247.35,153'/%3E224.52,72.001z' /%3E%3C/svg%3E")
	}

	.btn.in a:hover span {
		color: #fff
	}

	.btn.in a:hover span::before {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 300 300' width='150px' height='150px' style='transform-box:fill-box' preserveAspectRatio='xMinYMid'%3E%3Cpolygon fill='%23fff' points='94.35,0 58.65,35.7 175.95,153 58.65,270.3 94.35,306 247.35,153'/%3E224.52,72.001z' /%3E%3C/svg%3E");
		right: 15px;
		z-index: 411
	}

	.btn.in a:hover span:after {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #c7365e;
		z-index: -1
	}

	/* 比較DLバナー */
	.comparison_dl_bn {
		margin: 30px 15px;
		text-align: center;
	}

	/* ホワイトペーパー 問い合わせバナー */
	.bnrs_2line {
		display: block;
		width: 100%;
		margin-top: 30px;
	}

	.bnrs_2line li a {
		display: block;
		background: #fff;
		box-shadow: 0 0 0 0 transparent;
		transform: translate(0, 0);
		-webkit-transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
		transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1) 0s
	}

	.bnrs_2line li a:hover {
		box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.5);
		transform: translate(-5px, -5px)
	}

	.bnrs_2line li {
		margin: 0 10px 3%;
	}

	/* 190821 */
	p.no1_info {
		font-size: 1.6rem;
		color: #c7365e;
		font-weight: bold;
	}
}

.sp_only {
	display: none;
}

.pc_only {
	display: block;
}

@media screen and (max-width: 767px) {
	.sp_only {
		display: block;
	}

	.pc_only {
		display: none;
	}
}



/* free_provision */

#free_provision {
	width: 1200px;
	margin: 50px auto 20px auto;
	padding: 15px;
	border: #808080 solid 1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#free_provision p {
	font-size: 1.8rem;
	word-break: break-all;
}

#free_provision a {
	font-size: 1.8rem;
	color: #c7365f;
	text-decoration: underline;
	position: relative;
	padding-left: 20px;
}

#free_provision a:before {
	content: '';
	width: 8px;
	height: 8px;
	border-top: #c7365e solid 1px;
	border-right: #c7365e solid 1px;
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 0;
}

@media screen and (max-width: 767px) {

	#free_provision {
		width: 90%;
		padding: 10px;
	}

	#free_provision a:before {
		width: 5px;
		height: 5px;
	}

}


/* lineup */

#lineup_list {
	padding: 50px 0;
}

#lineup_list * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 100%;
}

#lineup_list .inner {
	width: 1200px;
	margin: auto;
}

#lineup_list h2 {
	font-size: 3.0rem;
	text-align: center;
	font-weight: 700;
	margin-bottom: 70px !important;
}

#lineup_list ul {
	display: flex;
	flex-wrap: wrap;
}

#lineup_list ul li {
	width: 24%;
	margin-right: 1.3%;
	margin-bottom: 50px;
	position: relative;
}

#lineup_list ul li:nth-child(4),
#lineup_list ul li:last-child {
	margin-right: 0;
}

#lineup_list ul li dl dt {
	width: 276px;
	height: 181px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin-bottom: 10px;
}

#lineup_list ul li dl dt.lineup_border {
	border: #CCC solid 1px;
	padding: 20px;
}

#lineup_list ul li dl dt.lineup_border p {
	width: 100%;
	text-align: center;
	font-size: 1.4rem;
}

#lineup_list ul li dl dd {
	text-align: center;
	font-size: 1.4rem;
}

#lineup_list .cp_arrows {
	display: flex;
	justify-content: center;
	align-content: flex-end;
	width: 380px;
	height: 30px;
	position: absolute;
	top: -30px;
}

#lineup_list .cp_arrows p {
	text-align: center;
	color: #c7365f;
	font-size: 1.8rem;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#lineup_list .cp_arrows .cp_arrow1 {
	position: relative;
}

#lineup_list .cp_arrows .cp_arrow2 {
	position: relative;
}

#lineup_list .cp_arrows .cp_arrow1::before,
#lineup_list .cp_arrows .cp_arrow2::before {
	content: '';
	width: 10px;
	height: 10px;
	border-top: #c7365e 4px solid;
	border-right: #c7365e 4px solid;
	transform: rotate(135deg);
	position: absolute;
}

#lineup_list .cp_arrows .cp_arrow1::before {
	left: -30px;
}

#lineup_list .cp_arrows .cp_arrow2::before {
	right: -30px;
}

#lineup_list .cp_arrows .cp_bounce {
	-webkit-animation: arrow-move09 2s infinite ease-in-out;
	animation: arrow-move09 2s infinite ease-in-out;
}

@-webkit-keyframes arrow-move09 {

	0%,
	20%,
	50%,
	80%,
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	48% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}

	60% {
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px);
	}
}

@keyframes arrow-move09 {

	0%,
	20%,
	50%,
	80%,
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	48% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}

	60% {
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px);
	}
}

@media screen and (max-width: 1200px) {

	#lineup_list {
		padding: 30px 0;
	}

	#lineup_list .inner {
		width: 100%;
		padding: 0 16px;
	}

	#lineup_list h2 {
		margin-bottom: 50px;
	}

	#lineup_list ul {
		display: block;
	}

	#lineup_list ul+p {
		margin-top: 30px;
	}

	#lineup_list ul li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	#lineup_list ul li {
		margin-bottom: 50px;
	}

	#lineup_list ul li:last-child {
		margin: 0;
	}

	#lineup_list ul li dl {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	#lineup_list ul li dl dt {
		width: 40%;
		height: auto;
		margin-bottom: 0;
	}

	#lineup_list ul li dl dd {
		width: 58%;
		text-align: left;
	}

	#lineup_list .cp_arrows {
		width: auto;
		height: 30px;
		position: absolute;
		right: 0;
		left: 0;
		margin: auto;
		top: -30px;
	}

	#lineup_list .cp_arrows p {
		font-size: 1.6rem;
	}

}