/*----------------------------------------------------
** GRANTEST Inc. / company.css
**
** Ver.1.0.0
**
** copyright 2020 GRANTEST Inc.
**----------------------------------------------------
** Common settings
**----------------------------------------------------*/
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::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.2) 0),radial-gradient(rgba(242,242,246,0.8) 1px, rgba(242,242,246,0.2) 0);
	background-position: 0px 0,3px 3px;
	background-size: 6px 6px;
}
div.maparea iframe{
	filter:grayscale(100%);
}
section.contents.company > div.textwrap > div.textinner{
	position:relative;
	z-index:1;
	perspective:1000px;
}
section.contents.company div.textinner > div{
	display:inline-block;
	opacity:0;
}
section.contents.company div.textinner > div svg{
	width:100%;
}
section.contents.company div.textinner > div span{
	display:block;
	position:absolute;
}
section.contents.company div.textinner > div:nth-of-type(14){
	position:absolute;
	z-index:2;
	opacity:1;
}
section.contents.company div.textinner > div:nth-of-type(14) > span.boxwrap{
	position:relative;
	z-index:1;
	transform-style:preserve-3d;
	transform:rotateX(135deg) rotateY(-45deg);
}
section.contents.company div.textinner > div:nth-of-type(14) > span span{
	-webkit-backface-visibility:visible;
	backface-visibility:visible;
}
@keyframes fadeup{
	0%{
		opacity:0;
		transform:translateY(20px);
	}
	80%{
		transform:translateY(-5px);
	}
	100%{
		opacity:1;
		transform:translateY(0);
	}
}
@keyframes bounce-in{
	0% {
		transform:scale(0);
	}
	45%{
		transform:scale(1.3);
	}
	80%{
		transform:scale(0.9);
	}
	100%{
		transform:scale(1);
	}
}
@keyframes logo-bounce-in{
	0% {
		transform:scale(0) translate(-50%,-50%);
	}
	45%{
		transform:scale(1.3) translate(-50%,-50%);
	}
	80%{
		transform:scale(0.9) translate(-50%,-50%);
	}
	100%{
		transform:scale(1) translate(-50%,-50%);
	}
}
@keyframes box-in{
	0% {
		transform:scale(1);
		opacity:1;
	}
	100%{
		top:0;
		left:0;
		opacity:1;
	}
}
@keyframes box-out{
	0% {
		transform:rotateX(135deg) rotateY(-45deg) scale(1);
	}
	100%{
		transform:rotateX(135deg) rotateY(-45deg) scale(0);
	}
}
@keyframes text-opacity{
	0% {
		opacity:1;
	}
	100%{
		opacity:0.3;
	}
}
@keyframes fadedown{
	0%{
		opacity:0;
		transform:translateY(-20px);
	}
	100%{
		opacity:1;
		transform:translateY(0);
	}
}
@keyframes fade-in{
	0%{
		opacity:0;
		transform:translateY(20px);
	}
	100%{
		opacity:1;
		transform:translateY(0);
	}
}
section.contents.company div.textinner > div svg{
	fill:#445;
}
section.contents.company div.textinner > div:nth-of-type(1){
	animation:fadeup 400ms ease-out 300ms forwards;
}
section.contents.company div.textinner > div:nth-of-type(2){
	animation:fadeup 400ms ease-out 400ms forwards;
}
section.contents.company div.textinner > div:nth-of-type(3){
	animation:fadeup 400ms ease-out 500ms forwards;
}
section.contents.company div.textinner > div:nth-of-type(4){
	animation:fadeup 400ms ease-out 600ms forwards;
}
section.contents.company div.textinner > div:nth-of-type(5){
	animation:fadeup 400ms ease-out 700ms forwards;
}
section.contents.company div.textinner > div:nth-of-type(6){
	animation:fadeup 400ms ease-out 1300ms forwards;
}
section.contents.company div.textinner > div:nth-of-type(7){
	animation:fadeup 400ms ease-out 1900ms forwards;
}
section.contents.company div.textinner > div:nth-of-type(8){
	animation:fadeup 400ms ease-out 2100ms forwards;
}
section.contents.company div.textinner > div:nth-of-type(9){
	animation:fadeup 400ms ease-out 2200ms forwards;
}
section.contents.company div.textinner > div:nth-of-type(10){
	animation:fadeup 400ms ease-out 2300ms forwards;
}
section.contents.company div.textinner > div:nth-of-type(6) svg{
	animation:text-opacity 200ms ease-out 3400ms forwards;
}
section.contents.company div.textinner > div:nth-of-type(7) svg{
	animation:text-opacity 200ms ease-out 3400ms forwards;
}
section.contents.company div.textinner > div:nth-of-type(8) svg{
	animation:text-opacity 200ms ease-out 3400ms forwards;
}
section.contents.company div.textinner > div:nth-of-type(9) svg{
	animation:text-opacity 200ms ease-out 3400ms forwards;
}
section.contents.company div.textinner > div:nth-of-type(10) svg{
	animation:text-opacity 200ms ease-out 3400ms forwards;
}
section.contents.company div.textinner > div:nth-of-type(11){
	animation:fadeup 400ms ease-out 2400ms forwards;
}
section.contents.company div.textinner > div:nth-of-type(12){
	animation:fadeup 400ms ease-out 2500ms forwards;
}
section.contents.company div.textinner > div:nth-of-type(13){
	animation:fadeup 400ms ease-out 2600ms forwards;
}
section.contents.company div.textinner > div:nth-of-type(6) span{
	animation:bounce-in 400ms ease-out 3200ms forwards,bounce-in 400ms reverse ease-out 3600ms forwards;
	transform:scale(0);
}
section.contents.company div.textinner > div:nth-of-type(7) span{
	animation:bounce-in 400ms ease-out 3200ms forwards,bounce-in 400ms reverse ease-out 3600ms forwards;
	transform:scale(0);
}
section.contents.company div.textinner > div:nth-of-type(8) span{
	animation:bounce-in 400ms ease-out 3200ms forwards,bounce-in 400ms reverse ease-out 3600ms forwards;
	transform:scale(0);
}
section.contents.company div.textinner > div:nth-of-type(9) span{
	animation:bounce-in 400ms ease-out 3200ms forwards,bounce-in 400ms reverse ease-out 3600ms forwards;
	transform:scale(0);
}
section.contents.company div.textinner > div:nth-of-type(10) span{
	animation:bounce-in 400ms ease-out 3200ms forwards,bounce-in 400ms reverse ease-out 3600ms forwards;
	transform:scale(0);
}
section.contents.company div.textinner > div:nth-of-type(14) span span{
	animation:box-in 400ms ease-out 4000ms forwards;
	opacity:0;
}
section.contents.company div.textinner > div:nth-of-type(14) span.boxwrap{
	animation:box-out 200ms ease-out 4800ms forwards;
}
section.contents.company div.textinner > div:nth-of-type(14) span.logowrap{
	animation:bounce-in 400ms ease-out 4800ms forwards;
	transform:scale(0) translate(-50%,-50%);
}
section.contents.company div.textwrap + p.text{
	text-align:center;
}
section.contents.company div.textwrap + p.text span{
	opacity:0;
	display:block;
}
section.contents.company div.textwrap + p.text span:nth-of-type(1){
	animation:fadedown 800ms ease-out 5200ms forwards;
}
section.contents.company div.textwrap + p.text span:nth-of-type(2){
	animation:fadedown 800ms ease-out 6200ms forwards;
}
section.contents.company div.textwrap + p.text span:nth-of-type(3){
	animation:fadedown 800ms ease-out 7200ms forwards;
}
section.contents.company div.textwrap + p.text span:nth-of-type(4){
	animation:fadedown 800ms ease-out 8200ms forwards;
}
section.contents.company div.textwrap + p.text span:nth-of-type(5){
	animation:fadedown 800ms ease-out 9200ms forwards;
}
section.contents.company div.companydata > div{
	position:relative;
	z-index:1;
	overflow:hidden;
	perspective:900px;
}
section.contents.company div.companydata > div > dl{
	position:relative;
	z-index:3;
}
section.contents.company div.companydata > div > span.logowrap{
	position:absolute;
	z-index:1;
	display:block;
	width:300px;
	height:300px;
	transform-style:preserve-3d;
  animation: turnAround 10s linear 0s infinite normal none running;
	top:calc( 50% - 150px );
	left:calc( 50% - 150px );
}
@keyframes turnAround {
  0%{
    transform:rotateX(0deg) rotateY(0deg);
  }
  100%{
    transform:rotateX(360deg) rotateY(360deg);
  }
}
section.contents.company div.companydata > div > span.logowrap span{
	width:300px;
	height:300px;
	position:absolute;
	z-index:1;
	display:block;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	opacity:0.1;
}
section.contents.company div.companydata > div > span.logowrap span:nth-of-type(1){
	transform:translateY(150px) rotateX(-90deg);
	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="M8 24v-16h21.333v-5.333h-26.667v26.667h26.667v-16h-16v5.333h10.667v5.333z" /></svg>');
}
section.contents.company div.companydata > div > span.logowrap span:nth-of-type(2){
	transform:translateY(-150px) rotateX(90deg);
	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="M8 8h16v21.333h5.333v-26.667h-26.667v26.667h16v-16h-5.333v10.667h-5.333z" /></svg>');
}
section.contents.company div.companydata > div > span.logowrap span:nth-of-type(3){
	transform:translateZ(150px);
	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="M23.999 8v16.001h-21.333v5.333h26.667v-26.668h-26.667v16.001h16v-5.334h-10.667v-5.333z" /></svg>');
}
section.contents.company div.companydata > div > span.logowrap span:nth-of-type(4){
	transform:translateZ(-150px) rotateX(180deg);
	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="M23.999 23.999h-16v-21.332h-5.333v26.666h26.667v-26.666h-16v15.999h5.333v-10.666h5.333z" /></svg>');
}
section.contents.company div.companydata > div > span.logowrap span:nth-of-type(5){
	transform:translateX(-150px) rotateY(-90deg);
	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="M8 24v-16h21.333v-5.333h-26.667v26.667h26.667v-16h-16v5.333h10.667v5.333z" /></svg>');
}
section.contents.company div.companydata > div > span.logowrap span:nth-of-type(6){
	transform:translateX(150px) rotateY(90deg);
	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="M23.999 8v16.001h-21.333v5.333h26.667v-26.668h-26.667v16.001h16v-5.334h-10.667v-5.333z" /></svg>');
}
section.contents.company div.companydata > div > div.video{
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	bottom:0;
	right:0;
	filter:grayscale(100%) invert(100%);
}
section.contents.company div.companydata > div > div.video video{
	position:absolute;
	z-index:1;
	top:50%;
	left:50%;
	height:100%;
	transform:translate(-50%,-50%);
	opacity:0.1;
}
section.contents.company div.companydata dl{
	display:table;
	width:100%;
	text-align:left;
	box-sizing:border-box;
	padding:1px;
}
section.contents.company div.companydata dl > *{
	display:table-cell;
	vertical-align:middle;
	padding:0.5em 1em;
}
section.contents.company div.companydata dl > dt{
	width:35%;
	position:relative;
	z-index:1;
}
section.contents.company div.companydata dl > *::after{
	position:absolute;
	z-index:-1;
	content:'';
	top:1px;
	bottom:1px;
	display:block;
}
section.contents.company div.companydata dl > dt:after{
	background-color:#445;
	opacity:0.1;
	left:1px;
}
section.contents.company div.companydata dl > dd:after{
	background-color:#FFF;
	opacity:0.5;
	right:1px;
}
@keyframes dlview{
  0%{
		width:0px;
  }
  100%{
		width:calc( 100% - 2px );
  }
}
section.contents.company div.companydata dl.visible > dt:after,
section.contents.company div.companydata dl.visible > dd:after{
	animation:dlview 600ms ease-out forwards;
}
section.contents.company div.companydata dl > dd{
	width:65%;
}
section.contents.company div.companydata dl > dd ul{
	padding:0 0 0 1em;
}
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,
	div.pageheader div.video video{
		height:80vw;
	}
	div.pageheader div.video::before {
		background-image: url(../img/pattern_01@2x.png);
	}
	div.maparea iframe{
		height:100vw;
	}
	section.contents.company > div.textwrap{
    text-align:center;
    padding:50px 0 80px 0;
	}
	section.contents.company div.textinner > div{
		width:20px;
		height:20px;
		margin:0 1px;
	}
	section.contents.company div.textinner > div:nth-of-type(6){
		margin:0 5px;
	}
	section.contents.company div.textinner > div span:not(.logowrap){
		width:20px;
		height:20px;
		top:0;
		left:0;
		background-color:#445;
	}
	section.contents.company div.textinner > div:nth-of-type(14){
		top:45px;
		left:calc( 50% - 10px );
	}
	section.contents.company div.textinner > div:nth-of-type(14) span span:nth-of-type(1){
		transform:translateY(-10px) rotateX(90deg);
		background-color:#445;
		top:97px;
		left:-33px;
	}
	section.contents.company div.textinner > div:nth-of-type(14) span span:nth-of-type(2){
		transform:translateZ(10px);
		background-color:#545464;
		top:46px;
		left:14px;
	}
	section.contents.company div.textinner > div:nth-of-type(14) span span:nth-of-type(3){
		transform:translateX(-10px) rotateY(-90deg);
		background-color:#737381;
		top:39px;
		left:45px;
	}
	section.contents.company div.textinner > div:nth-of-type(14) span span:nth-of-type(4){
		transform: translateZ(-10px) rotateX(180deg);
		background-color:#646472;
		top:31px;
		left:57px;
	}
	section.contents.company div.textinner > div:nth-of-type(14) span span:nth-of-type(5){
		transform:translateX(10px) rotateY(90deg);
		background-color:#838390;
		top:-6px;
		left:88px;
	}
	section.contents.company div.textinner > div:nth-of-type(14) span.logowrap{
		top:-7px;
		left:-7px;
		width:34px;
		height:34px;
		z-index:2;
	}
	section.contents.company div.textwrap + p.text{
		line-height:2em;
		font-size:16px;
	}
	section.contents.company div.textwrap + p.text span{
		font-size:16px;
	}
	section.contents.company > div.inner{
		padding:50px 0 0 0;
	}
	section.contents.company div.companydata > div{
		position:relative;
		z-index:1;
		overflow:hidden;
		padding:0 0 30px 0;
	}
	section.contents.company div.companydata > div > span{
		background-size:200px;
	}
	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;
	}
	section.contents.company div.inner h3{
		font-size:18px;
		text-align:center;
		line-height:40px;
		margin:30px auto;
		border-radius:20px;
		padding:0 1.5em;
		border:solid 1px #445;
		display:table;
		box-sizing:border-box;
	}
	section.contents.greeting > h2{
		font-size:18px;
		text-align:center;
		line-height:40px;
		margin:30px auto;
	}
	section.contents.greeting > p.text{
		line-height:2em;
		margin:0 15px 2em 15px;
		padding:0 calc(( 100vw - 30px - ( 1em * 24 )) / 2 );
	}
	.btnwrap.type_02{
		padding:0 0 30px 0;
	}
}
@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){
	section.contents.company > div.textwrap{
    text-align:center;
    padding:80px 0 120px 0;
	}
	section.contents.company div.textinner > div{
		width:60px;
		height:60px;
		margin:0 5px;
	}
	section.contents.company div.textinner > div:nth-of-type(6){
		margin:0 10px;
	}
	section.contents.company div.textinner > div span:not(.logowrap){
		width:60px;
		height:60px;
		top:0;
		left:0;
		background-color:#445;
	}
	section.contents.company div.textinner > div:nth-of-type(14){
		top:100px;
		left:calc( 50% - 30px );
	}
	section.contents.company div.textinner > div:nth-of-type(14) span span:nth-of-type(1){
		transform:translateY(-30px) rotateX(90deg);
		background-color:#445;
		top:246px;
		left:-106px;
	}
	section.contents.company div.textinner > div:nth-of-type(14) span span:nth-of-type(2){
		transform:translateZ(30px);
		background-color:#545464;
		top:98px;
		left:30px;
	}
	section.contents.company div.textinner > div:nth-of-type(14) span span:nth-of-type(3){
		transform:translateX(-30px) rotateY(-90deg);
		background-color:#737381;
		top:70px;
		left:129px;
	}
	section.contents.company div.textinner > div:nth-of-type(14) span span:nth-of-type(4){
		transform: translateZ(-30px) rotateX(180deg);
		background-color:#646472;
		top:41px;
		left:169px;
	}
	section.contents.company div.textinner > div:nth-of-type(14) span span:nth-of-type(5){
		transform:translateX(30px) rotateY(90deg);
		background-color:#838390;
		top:-71px;
		left:267px;
	}
	section.contents.company div.textinner > div:nth-of-type(14) span.logowrap{
		top:-20px;
		left:-20px;
		width:100px;
		height:100px;
		z-index:2;
	}
	section.contents.company div.textwrap + p.text{
		line-height:2em;
		font-size:24px;
		padding:30px 0 0 0;
	}
	section.contents.company div.textwrap + p.text span{
		font-size:24px;
	}
	section.contents.company div.textwrap + p.text span:nth-of-type(2),
	section.contents.company div.textwrap + p.text span:nth-of-type(3){
		display:inline-block;
	}
	section.contents.company div.companydata{
		position:relative;
		z-index:1;
		overflow:hidden;
		display:flex;
		justify-content:center;
	}
	section.contents.company div.companydata > div{
		width:calc(( 50vw ) - ( 100vw - 1100px ) / 2 );
		height:472px;
	}
	div.maparea iframe{
		height:472px;
	}
	div.btnwrap{
		margin:60px auto 0 auto;
		display:flex;
		justify-content:center;
		flex-wrap:wrap;
		width:1100px;
	}
	div.btnwrap.type_02{
		padding:0 0 60px 0;
	}
	div.btnwrap div.btnarea{
		margin:30px 15px 0 15px;
		padding:60px 15px 15px 15px;
		width:450px;
		box-sizing:border-box;
	}
	div.btnwrap div.btnarea::before{
		position:absolute;
		top:15px;
		left:15px;
		font-size:35px;
		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;
		background-color:rgba(68,68,85,0);
	}
	div.btnwrap div.btnarea a::before{
		position:absolute;
		z-index:-1;
		content:'';
		top:0;
		right:0;
		bottom:0;
		left:0;
		border-radius:5px;
		background-color:#445;
		transition:all 0.3s ease;
	}
	div.btnwrap div.btnarea a:hover::before{
		background-color:#0bf;
	}
	section.contents.company div.inner h3{
		font-size:24px;
		text-align:center;
		line-height:50px;
		margin:30px auto;
		border-radius:25px;
		padding:0 1.5em;
		border:solid 1px #445;
		display:table;
		box-sizing:border-box;
	}
}
/*----------------------------------------------------
** Internet Explorer
**----------------------------------------------------*/