/* CSS Document */
@media screen and (max-width:767px){
}
@media screen and (min-width:768px) and (max-width:1099px){
  /*TB*/
  /*pageheader*/
  .div.pageheader{
    min-height: 100px;
  }
  div.pageheader div.video{
    height: 300px;
    width: 100%;
  }
  div.pageheader div.video::before{
    background-image: url(../img/pattern_01.png);
  }
  div.pageheader div.video video{
    width: 100vw;
  }
  section.contents.management::before{
    top: -200px;
    font-size: 60px;
    line-height: 1em;
  }
  header + * {
    margin-top: -70px;
  }
  /*ページャー*/
  div.pageheader div.inner{
    padding: 0 20px 10px;
    box-sizing: border-box;
    width: 100%;
  }
  /*コンテンツ*/
  section.contents.company{
    padding-bottom: 80px;
  }
  section.contents.company > div.textwrap{
    text-align:center;
    padding:80px 0 120px 0;
	}
	section.contents.company div.textinner > div{
		width:40px;
		height:40px;
		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:-30px;
		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;
	}
  div.btnwrap{
    margin: 40px auto 0 auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: calc(100% - 100px);
    gap:1.5rem;
  }
  div.btnwrap div.btnarea{
		padding:60px 15px 15px 15px;
		width:calc(50% - 0.75rem);
		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;
	}
  .companydata{
    width: calc(100% - 100px);
    margin: 0 auto;
  }
  .maparea iframe{
    height: 300px;
  }
  div.btnwrap div.btnarea{
    display: flex;
    flex-direction: column;
  }
  div.btnwrap div.btnarea::before{
    font-size: 32px;
  }
  div.btnwrap div.btnarea a{
    margin-top: auto;
  }
}
@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){
  /*共通*/
  /*pageheader*/
  .div.pageheader{
  }
  div.pageheader div.video{
    height: 500px;
    width: 100%;
  }
  div.pageheader div.video::before{
    background-image: url(../img/pattern_01.png);
  }
  div.pageheader div.video video{
    width: 100vw;
  }
}