/*----------------------------------------------------
** GRANTEST Inc. / flow.css
** Ver.1.0.0
** copyright 2020 GRANTEST Inc.
**----------------------------------------------------
** Common settings
**----------------------------------------------------*/
@keyframes bounce-in{
	0% {
		transform:scale(0);
		opacity:1;
	}
	45%{
		transform:scale(1.3);
	}
	80%{
		transform:scale(0.9);
	}
	100%{
		transform:scale(1);
		opacity:1;
	}
}
@keyframes fade-in-up{
	0%{
		transform:translate3d(0,30px,0);
		opacity:0;
	}
	100%{
		transform:translate3d(0,0,0);
		opacity:1;
	}
}
@keyframes fade-in-left{
	0%{
		transform:translate3d(-30px,0,0);
		opacity:0;
	}
	100%{
		transform:translate3d(0,0,0);
		opacity:1;
	}
}
@keyframes line-in{
	0%{
		height:0;
	}
	100%{
		height:100%;
	}
}
div.pageheader::before{
	z-index: 2;
	background: -webkit-linear-gradient(top, rgba(242,242,246,0) 0%,rgba(242,242,246,1) 80%,rgba(242,242,246,1) 100%);
	background: linear-gradient(to bottom, rgba(242,242,246,0) 0%,rgba(242,242,246,1) 80%,rgba(242,242,246,1) 100%);
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
}
div.pageheader div.video{
	position:relative;
	z-index:1;
	overflow:hidden;
}
div.pageheader div.video::before,
div.pageheader div.video::after{
	content:'';
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	display:block;
}
div.pageheader div.video::before {
	z-index:3;
	background-repeat:repeat;
	background-size:94px 81px;
}
div.pageheader div.video::after {
	z-index:2;
	background:radial-gradient(rgba(242,242,246,0.8) 1px, rgba(242,242,246,0.5) 0),radial-gradient(rgba(242,242,246,0.8) 1px, rgba(242,242,246,0.5) 0);
	background-position-x: 0%, 0%;
	background-position-y: 0%, 0%;
	background-size: auto, auto;
	background-position: 0px 0,3px 3px;
	background-size: 6px 6px;
}
section.contents.flow{
	position:relative;
	z-index:1;
}
section.contents.flow::before{
	display:block;
	position:absolute;
	left:50%;
	font-family:'Oswald';
	opacity:0.1;
	color:#445;
	z-index:4;
	text-align:center;
	transform:translateX(-50%);
	content:'PRODUCTION FLOW';
}
section.contents.flow div.listwrap{
	position:relative;
	z-index:1;
}
section.contents.flow div.listwrap span.guide{
	display:block;
	z-index:2;
	font-weight:700;
	background-color:rgba(0,0,0,0);
	color:#FFF;
}
section.contents.flow div.listwrap::after{
	content:'';
	display:block;
	position:absolute;
	z-index:1;
}
section.contents.flow div.listwrap article{
}
section.contents.flow div.listwrap article::after{
	content:'';
	display:block;
	position:absolute;
	z-index:2;
}
section.contents.flow div.listwrap article h4{
	text-decoration:underline;
	text-decoration-style:double;
	font-weight:700;
}
section.contents.flow div.listwrap:nth-of-type(1)::after,
section.contents.flow div.listwrap:nth-of-type(1) article span.stepwrap > span.step,
section.contents.flow div.listwrap:nth-of-type(1) article::after{
	background-color:#70c5c1;
}
section.contents.flow div.listwrap:nth-of-type(1) article:last-of-type::after{
	background: -webkit-linear-gradient(top, rgba(112,197,193,1) 0%,rgba(244,182,55,1) 100%);
	background: linear-gradient(to bottom, rgba(112,197,193,1) 0%,rgba(244,182,55,1) 100%);
}
section.contents.flow div.listwrap:nth-of-type(1) article h4{
	text-decoration-color:#70c5c1;
}
section.contents.flow div.listwrap:nth-of-type(2)::after,
section.contents.flow div.listwrap:nth-of-type(2) article span.stepwrap > span.step,
section.contents.flow div.listwrap:nth-of-type(2) article::after{
	background-color:#f4b637;
}
section.contents.flow div.listwrap:nth-of-type(2) article:last-of-type::after{
	background: -webkit-linear-gradient(top, rgba(244,182,55,1) 0%,rgba(0,187,255,1) 100%);
	background: linear-gradient(to bottom, rgba(244,182,55,1) 0%,rgba(0,187,255,1) 100%);
}
section.contents.flow div.listwrap:nth-of-type(2) article h4{
	text-decoration-color:#f4b637;
}
section.contents.flow div.listwrap:nth-of-type(3)::after,
section.contents.flow div.listwrap:nth-of-type(3) article span.stepwrap > span.step,
section.contents.flow div.listwrap:nth-of-type(3) article::after{
	background-color:#0bf;
}
section.contents.flow div.listwrap:nth-of-type(3) article:last-of-type::after{
	background: -webkit-linear-gradient(top, rgba(0,187,255,1) 0%,rgba(244,182,55,1) 100%);
	background: linear-gradient(to bottom, rgba(0,187,255,1) 0%,rgba(244,182,55,1) 100%);
}
section.contents.flow div.listwrap:nth-of-type(3) article h4{
	text-decoration-color:#0bf;
}
section.contents.flow div.listwrap:nth-of-type(4)::after,
section.contents.flow div.listwrap:nth-of-type(4) article span.stepwrap > span.step,
section.contents.flow div.listwrap:nth-of-type(4) article::after{
	background-color:#f4b637;
}
section.contents.flow div.listwrap:nth-of-type(4) article:last-of-type::after{
	background: -webkit-linear-gradient(top, rgba(244,182,55,1) 0%,rgba(112,197,193,1) 100%);
	background: linear-gradient(to bottom, rgba(244,182,55,1) 0%,rgba(112,197,193,1) 100%);
}
section.contents.flow div.listwrap:nth-of-type(4) article h4{
	text-decoration-color:#f4b637;
}
section.contents.flow div.listwrap article{
	text-align:center;
}
section.contents.flow div.listwrap article,
section.contents.flow div.listwrap article h3{
	position:relative;
	z-index:2;
	font-weight:700;
}
section.contents.flow div.listwrap article h3,
section.contents.flow div.listwrap article h4,
section.contents.flow div.listwrap article p.text{
	text-align:left;
}
section.contents.flow div.listwrap article span{
	display:block;
}
section.contents.flow div.listwrap article span.stepwrap{
	position:absolute;
	z-index:3;
}
section.contents.flow div.listwrap article span.stepwrap > span.step{
	position:relative;
	z-index:1;
	border-radius:50%;
}
section.contents.flow div.listwrap article span.stepwrap > span.step span{
	position:absolute;
	background-color:rgba(0,0,0,0);
	color:#FFF;
	text-align:center;
}
section.contents.flow div.listwrap article span.stepwrap > span.step span:nth-of-type(1){
	font-family:'Oswald';
}
section.contents.flow div.listwrap article span.stepwrap > span.step span:nth-of-type(2){
	box-sizing:border-box;
	font-family:'Raleway';
}
@keyframes font-color-0bf{
	100%{
		color:#0bf;
	}
}
@keyframes font-color-ff8080{
	100%{
		color:#ff8080;
	}
}
@keyframes font-small{
	100%{
		transform:scale(0.8);
		opacity:0.7;
	}
}
span.colorchange{
	background-color:rgba(255,255,255,0);
	color:rgba(0,0,0,0);
	position:relative;
	z-index:1;
	font-size:105%;
	font-weight:700;
}
span.colorchange.type_0bf{
	animation:font-color-0bf 300ms forwards;
}
span.colorchange.type_ff8080{
	animation:font-color-ff8080 300ms forwards;
}
span.strong{
	font-size:105%;
	font-weight:700;
}
span.changewrap{
	position:relative;
	z-index:1;
}
span.smallnone{
	position:absolute;
	z-index:1;
	background-color:rgba(255,255,255,0);
	color:rgba(0,0,0,0);
	transform:scale(0);
}
span.small{
	animation:font-small 300ms forwards;
}
span.none{
	position:absolute;
	z-index:1;
	background-color:rgba(255,255,255,0);
	color:rgba(0,0,0,0);
	transform:scale(0);
}
section.support{
}
section.support div.inner{
}
div.btnwrap div.btnarea{
	position:relative;
	z-index:1;
}
div.btnwrap div.btnarea::before{
	font-family:Oswald;
	opacity:0;
}
div.btnwrap.type_01 div.btnarea:nth-of-type(1)::before{
	content:'GREETING';
}
div.btnwrap.type_01 div.btnarea:nth-of-type(2)::before{
	content:'EMPLOYMENT';
}
div.btnwrap.type_02 div.btnarea:nth-of-type(1)::before{
	content:'GRAPHIC DESIGN';
}
div.btnwrap.type_02 div.btnarea:nth-of-type(2)::before{
	content:'WEBSITE PRODUCTION';
}
div.btnwrap.type_02 div.btnarea:nth-of-type(3)::before{
	content:'SYSTEM CONSTRUCTION';
}
div.btnwrap.type_02 div.btnarea:nth-of-type(4)::before{
	content:'WEBSITE MANAGEMENT';
}
@keyframes fade-in-left{
	0%{
		opacity:0;
		transform:translateX(-20px);
	}
	100%{
		opacity:1;
		transform:translateX(0);
	}
}
@keyframes fade-in-right{
	0%{
		opacity:0;
		transform:translateX(20px);
	}
	100%{
		opacity:1;
		transform:translateX(0);
	}
}
@keyframes fade{
	0%{
		opacity:0;
	}
	100%{
		opacity:1;
	}
}
div.btnwrap div.btnarea.visible::before{
	animation:fade-in-left 600ms ease-out 1200ms forwards;
}
div.btnwrap div.btnarea span{
	display:block;
	position:absolute;
	background-color:#445;
}
div.btnwrap div.btnarea span:nth-of-type(1){
	top:0;
	left:0;
	height:1px;
}
div.btnwrap div.btnarea span:nth-of-type(2){
	top:0;
	right:0;
	width:1px;
}
div.btnwrap div.btnarea span:nth-of-type(3){
	right:0;
	bottom:0;
	height:1px;
}
div.btnwrap div.btnarea span:nth-of-type(4){
	bottom:0;
	left:0;
	width:1px;
}
@keyframes line-horizontal{
  0%{
		width:0px;
  }
  100%{
		width:100%;
  }
}
@keyframes line-vertical{
  0%{
		height:0px;
  }
  100%{
		height:100%;
  }
}
div.btnwrap div.btnarea.visible span:nth-of-type(1){
	animation:line-horizontal 300ms ease-out 0ms forwards;
}
div.btnwrap div.btnarea.visible span:nth-of-type(2){
	animation:line-vertical 300ms ease-out 300ms forwards;
}
div.btnwrap div.btnarea.visible span:nth-of-type(3){
	animation:line-horizontal 300ms ease-out 600ms forwards;
}
div.btnwrap div.btnarea.visible span:nth-of-type(4){
	animation:line-vertical 300ms ease-out 900ms forwards;
}
div.btnwrap div.btnarea a{
	display:table;
	background-color:#445;
	color:#FFF;
	margin:0 0 0 auto;
	border-radius:5px;
	position:relative;
	z-index:1;
	opacity:0;
}
div.btnwrap div.btnarea p{
	opacity:0;
}
div.btnwrap div.btnarea a::after{
	content: '';
	display: block;
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32"><path fill="%23FFF" d="M16 0c-8.295 0-15.116 6.315-15.919 14.399h19.281l-5.565-5.566c-0.625-0.623-0.624-1.637 0-2.26 0.626-0.627 1.637-0.627 2.262-0.002l9.428 9.429-9.427 9.427c-0.313 0.313-0.722 0.468-1.132 0.468-0.411 0-0.818-0.155-1.132-0.468-0.625-0.625-0.625-1.637 0-2.262l5.566-5.566h-19.282c0.802 8.085 7.622 14.401 15.919 14.401 8.836 0 16-7.164 16-16s-7.164-16-16-16z" /></svg>');
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position:center;
	width: 20px;
	height: 20px;
	position: absolute;
	z-index: 1;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
}
div.btnwrap div.btnarea.visible p{
	animation:fade 600ms ease-out 1400ms forwards;
}
div.btnwrap div.btnarea.visible a{
	animation:fade-in-right 600ms ease-out 1500ms forwards;
}
/*----------------------------------------------------
** Retina Display
**----------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){
}
@media screen and (max-width:767px){
	div.pageheader div.video{
		height:80vw;
	}
	div.pageheader div.video::before{
		background-image: url(../img/pattern_01@2x.png);
	}
	section.contents.flow::before{
    font-size:15vw;
    line-height:15vw;
    top:calc( -50vw - 30px );
	}
	section.contents.flow div.listwrap{
	}
	section.contents.flow > div.inner > h2,
	section.business > div.inner > h2{
		font-size:18px;
    text-align:center;
    line-height:20px;
    padding:50px 0 30px 0;
	}
	section.contents.flow > div.inner > p.text,
	section.business > div.inner > p.text{
		padding: 0 1.8em 30px 1.8em;
		line-height: 2em;
	}
	section.contents.flow div.listwrap span.guide{
		position:sticky;
		top:0;
		writing-mode:vertical-rl;
		width:36px;
		line-height:36px;
		text-align:center;
		float:right;
		padding:60px 0 20px 0;
		margin:0 2px 0 auto;
	}
	section.contents.flow div.listwrap::after{
		width:36px;
		top:0;
		right:2px;
		bottom:2px;
	}
	section.contents.flow div.listwrap:nth-of-type(1)::after{
		border-color:#70c5c1;
	}
	section.contents.flow div.listwrap:nth-of-type(2)::after{
		border-color:#f4b637;
	}
	section.contents.flow div.listwrap:nth-of-type(3)::after{
		border-color:#0bf;
	}
	section.contents.flow div.listwrap:nth-of-type(4)::after{
		border-color:#f4b637;
	}
	section.contents.flow div.listwrap article{
		padding:10px 0 20px 0;
		max-width:calc( 100% - 38px);
		overflow:hidden;
	}
	section.contents.flow div.listwrap:nth-of-type(1) article:nth-of-type(2)::before{
		content:'';
		display:block;
		position:absolute;
		right:0;
		top:50%;
		transform:translateY(-50%);
		width:200px;
		height:240px;
		z-index:-1;
		opacity:0.1;
		background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32"><path fill="%2370c5c1" d="M16 0c-8.836 0-16 7.164-16 16s7.164 16 16 16 16-7.164 16-16-7.164-16-16-16zM16 30.4c-7.94 0-14.4-6.46-14.4-14.4s6.46-14.4 14.4-14.4 14.4 6.46 14.4 14.4-6.46 14.4-14.4 14.4zM25.9 11.399h-2.634v1.001h2.133v9.801h-7.5c-0.144 0-0.282 0.063-0.377 0.171l-1.924 2.201v-1.873c0-0.276-0.224-0.5-0.5-0.5h-4.699v-0.931h-0.999v1.431c0 0.277 0.224 0.5 0.5 0.5h4.7v2.701c0 0.208 0.129 0.395 0.325 0.467 0.057 0.022 0.116 0.032 0.175 0.032 0.142 0 0.279-0.061 0.378-0.171l2.65-3.030h7.773c0.276 0 0.5-0.223 0.5-0.5v-10.799c-0.001-0.275-0.225-0.499-0.501-0.499zM22.601 20.101v-10.8c0-0.277-0.224-0.5-0.5-0.5h-4.7v-2.701c0-0.208-0.129-0.395-0.325-0.467-0.057-0.022-0.116-0.032-0.175-0.032-0.142 0-0.279 0.061-0.378 0.171l-2.65 3.030h-7.773c-0.276-0.001-0.5 0.222-0.5 0.499v10.8c0 0.275 0.224 0.5 0.5 0.5h16c0.276-0.001 0.5-0.225 0.5-0.5zM21.6 19.601h-14.999v-9.801h7.5c0.144 0 0.282-0.063 0.377-0.171l1.924-2.201v1.872c0 0.276 0.224 0.5 0.5 0.5h4.7v9.799zM18.1 15.7c0.553 0 1.001-0.446 1.001-1.001 0-0.554-0.448-1.001-1.001-1.001s-1.001 0.447-1.001 1.001c0 0.555 0.448 1.001 1.001 1.001zM14.1 13.7c-0.553 0-1.001 0.447-1.001 1.001 0 0.555 0.448 1.001 1.001 1.001s1.001-0.446 1.001-1.001c-0.001-0.554-0.449-1.001-1.001-1.001zM10.1 13.7c-0.553 0-1.001 0.447-1.001 1.001 0 0.555 0.448 1.001 1.001 1.001s1.001-0.446 1.001-1.001c-0.001-0.554-0.449-1.001-1.001-1.001z" /></svg>');
		background-position:center left;
		background-size:240px 240px;
		background-repeat:no-repeat;
	}
	section.contents.flow div.listwrap:nth-of-type(3) article:nth-of-type(2)::before{
		content:'';
		display:block;
		position:absolute;
		right:0;
		top:50%;
		transform:translateY(-50%);
		width:200px;
		height:240px;
		z-index:-1;
		opacity:0.1;
		background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32"><path fill="%230bf" d="M16 0c-8.837 0-16 7.164-16 16s7.163 16 16 16c8.835 0 16-7.164 16-16s-7.165-16-16-16zM10.448 29.284c-2.789-1.17-5.122-3.2-6.695-5.749l0.918-0.918 6.222 6.222-0.445 0.446zM14.027 23.702h5.6c0.107 0 0.207-0.042 0.283-0.116l0.8-0.8c0.075-0.075 0.117-0.177 0.117-0.284v-0.635l3.764-3.765h2.068l0.566 0.565v0.468l-7.766 7.765h-9.372l-3.641-3.641 2.967-3.559h4.446l0.684 0.684c0.075 0.075 0.177 0.116 0.284 0.116h4.634l0.566 0.565v0.634c0 0 0 0.002 0 0.003v0.633l-0.566 0.565h-5.435c-0.223 0-0.4 0.179-0.4 0.4 0 0.222 0.177 0.401 0.4 0.401zM16 30.4c-1.657 0-3.242-0.295-4.724-0.812l0.466-0.466c0.156-0.156 0.156-0.41 0-0.565l-0.854-0.854h8.739c0.107 0 0.207-0.042 0.283-0.116l8-8c0.075-0.075 0.117-0.177 0.117-0.284v-0.8c0-0.107-0.043-0.207-0.117-0.283l-0.8-0.8c-0.075-0.075-0.176-0.117-0.283-0.117h-2.4c-0.107 0-0.208 0.043-0.284 0.117l-3.343 3.342c-0.020-0.052-0.051-0.101-0.092-0.142l-0.8-0.8c-0.075-0.075-0.176-0.117-0.283-0.117h-4.636l-0.683-0.683c-0.075-0.075-0.176-0.117-0.283-0.117h-4.8c-0.118 0-0.231 0.052-0.308 0.144l-3.040 3.648-0.926-0.926c-0.15-0.15-0.416-0.15-0.565 0l-1.061 1.061c-1.098-2.034-1.724-4.361-1.724-6.83 0-7.94 6.46-14.4 14.4-14.4s14.4 6.46 14.4 14.4-6.46 14.4-14.4 14.4zM22.247 10.128l-1.621 2.807-1.047-1.814-1.719 2.981h6.683l-2.294-3.974zM8.257 15.702h4.801v-0.8h-4.801v0.8zM8.257 14.101h4.801v-0.8h-4.801v0.8zM18.46 10.996c0.332 0 0.601-0.269 0.601-0.601s-0.269-0.601-0.601-0.601-0.601 0.269-0.601 0.601 0.269 0.601 0.601 0.601zM11.741 7.182c-0.156-0.156-0.463-0.284-0.683-0.284h-4.001c-0.221 0-0.4 0.18-0.4 0.4v9.603c0 0.221 0.179 0.4 0.4 0.4h7.201c0.221 0 0.401-0.179 0.401-0.4v-6.4c0-0.221-0.127-0.528-0.284-0.684l-2.635-2.636zM11.458 8.030l2.068 2.070h-2.068v-2.070zM13.858 16.502h-6.401v-8.802h3.201v3.201h3.2v5.601zM25.742 8.196h-9.083c-0.221 0-0.4 0.179-0.4 0.4v6.706c0 0.221 0.179 0.4 0.4 0.4h9.083c0.222 0 0.4-0.179 0.4-0.4v-6.706c0-0.221-0.178-0.4-0.4-0.4zM25.342 14.902h-8.283v-5.906h8.283v5.906zM8.257 12.501h4.801v-0.8h-4.801v0.8z" /></svg>');
		background-position:center left;
		background-size:240px 240px;
		background-repeat:no-repeat;
	}
	section.contents.flow div.listwrap article div.menubtn{
		display:inline-block;
		margin:0 auto 30px auto;
		line-height:50px;
		padding:0 1em;
		font-size:16px;
		font-weight:700;
		background-color:rgba(0,0,0,0);
		color:#FFF;
		opacity:0;
	}
	section.contents.flow div.listwrap article div.menubtn::before{
		content:'';
		display:block;
		position:absolute;
		z-index:-1;
		top:0;
		right:0;
		bottom:0;
		left:0;
		border-radius:10px;
		background-color:#70c5c1;
	}
	section.contents.flow div.listwrap article.visible div.menubtn{
		animation:fade-in-up 400ms ease-in 1200ms forwards;
	}
	section.contents.flow div.listwrap article figure img{
		width:100%;
	}
	section.contents.flow div.listwrap article figure{
		position:relative;
		z-index:1;
		bottom:0;
		left:0;
		width:100%;
		opacity:0;
	}
	section.contents.flow div.listwrap article.visible figure{
		animation:fade-in-up 400ms ease-in 900ms forwards;
	}
	section.contents.flow div.listwrap article h3{
		padding:0 0 0 50px;
		height:60px;
		display:flex;
		align-items:center;
		font-size:16px;
		opacity:0;
		margin:-10px 0 0 0;
	}
	section.contents.flow div.listwrap article.visible h3{
		animation:fade-in-left 600ms ease-in forwards;
	}
	section.contents.flow div.listwrap article::after{
		width:2px;
		height:0;
		top:30px;
		left:14px;
	}
	section.contents.flow div.listwrap article.visible::after{
		animation:line-in 400ms linear 200ms forwards;
	}
	section.contents.flow div.listwrap article span.stepwrap{
		top:0;
		left:-15px;
	}
	section.contents.flow div.listwrap article span.stepwrap > span.step{
		width:60px;
		height:60px;
		opacity:0;
	}
	section.contents.flow div.listwrap article span.stepwrap > span.step span:nth-of-type(1){
		top:3px;
		width:60px;
		line-height:15px;
		font-size:12px;
		opacity:0;
	}
	section.contents.flow div.listwrap article span.stepwrap > span.step span:nth-of-type(2){
		font-size:40px;
		width:60px;
		padding:5px 0 0 0;
		line-height:55px;
		opacity:0;
	}
	section.contents.flow div.listwrap article.visible span.stepwrap > span.step{
		animation:bounce-in 400ms linear forwards;
	}
	section.contents.flow div.listwrap article.visible span.stepwrap > span.step span:nth-of-type(1){
		animation:fade-in-up 300ms linear 400ms forwards;
	}
	section.contents.flow div.listwrap article.visible span.stepwrap > span.step span:nth-of-type(2){
		animation:bounce-in 300ms linear 600ms forwards;
	}
	section.contents.flow div.listwrap article h4{
		padding:0 0.2em 0 30px;
		opacity:0;
	}
	section.contents.flow div.listwrap article.visible h4{
		animation:fade-in-up 400ms ease-in 600ms forwards;
	}
	section.contents.flow div.listwrap article p.text{
		padding:0.5em 0.2em 1em 30px;
		line-height:2em;
		box-sizing:border-box;
		opacity:0;
	}
	section.contents.flow div.listwrap article.visible p.text{
		animation:fade-in-up 400ms ease-in 900ms forwards;
	}
	section.support{
		text-align:center;
	}
	section.support > div.inner > h2{
		background-color:rgba(0,0,0,0);
		color:#FFF;
		font-size:18px;
    text-align:center;
    line-height:20px;
		position:relative;
		z-index:1;
		line-height:40px;
	}
	section.support > div.inner > h2{
		background-color:rgba(0,0,0,0);
		color:#FFF;
		font-size:18px;
    text-align:center;
    line-height:20px;
		position:relative;
		z-index:1;
		line-height:40px;
	}
	section.support > div.inner > h2::after{
		content:'';
		position:absolute;
		z-index:-1;
		display:block;
		top:0;
		right:2px;
		bottom:0;
		left:2px;
		background-color:#70c5c1;
	}
	section.support > div.inner > p.text{
		text-align:left;
		padding:30px 1.8em;
		line-height:2em;
	}
	section.support div.inner div.btnarea{
		margin:0 15px;
		border:solid 1px #70c5c1;
		padding:0 0 15px 0;
	}
	section.support div.inner div.btnarea p{
		padding:1em;
		line-height:1.5em;
		text-align:left;
	}
	section.support div.inner div.btnarea a{
		display:table;
		margin:0 auto;
		position:relative;
		z-index:1;
		color:#fff;
		font-weight:700;
		background-color:rgba(68,68,85,0);
		line-height:50px;
		padding:0 45px;
	}
	section.support div.inner div.btnarea a::before{
		content:'';
		display:block;
		top:0;
		right:0;
		bottom:0;
		left:0;
		background-color:#70c5c1;
		border-radius:5px;
		position:absolute;
		z-index:-1;
	}
	section.support div.inner div.btnarea a::after {
		content: '';
		display: block;
		background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32"><path fill="%23FFF" d="M16 0c-8.295 0-15.116 6.315-15.919 14.399h19.281l-5.565-5.566c-0.625-0.623-0.624-1.637 0-2.26 0.626-0.627 1.637-0.627 2.262-0.002l9.428 9.429-9.427 9.427c-0.313 0.313-0.722 0.468-1.132 0.468-0.411 0-0.818-0.155-1.132-0.468-0.625-0.625-0.625-1.637 0-2.262l5.566-5.566h-19.282c0.802 8.085 7.622 14.401 15.919 14.401 8.836 0 16-7.164 16-16s-7.164-16-16-16z" /></svg>');
		background-repeat: no-repeat;
		background-size: 20px 20px;
		background-position: center;
		width: 20px;
		height: 20px;
		position: absolute;
		z-index: 1;
		top: 50%;
		right: 15px;
		transform: translateY(-50%);
	}
	div.btnwrap{
		padding:0 0 30px 0;
	}
	div.btnwrap div.btnarea{
		margin:30px 15px 0 15px;
		padding:60px 15px 15px 15px;
	}
	div.btnwrap div.btnarea::before{
		position:absolute;
		top:15px;
		left:15px;
		font-size:9vw;
		line-height:35px;
	}
	div.btnwrap div.btnarea p{
		line-height:1.8em;
		padding:0 0 15px 0;
	}
	div.btnwrap div.btnarea a{
		padding:0 40px 0 1em;
		line-height:40px;
	}
}
@media screen and (min-width:768px) and (max-width:1099px){
}
@media (orientation: landscape) and (max-width:568px){
}
@media (orientation: landscape) and (min-width:569px) and (max-width:724px){
}
@media (orientation: landscape) and (min-width:725px) and (max-width:1099px){
}
@media screen and (min-width:1100px){
}
/*----------------------------------------------------
** Internet Explorer
**----------------------------------------------------*/