@charset "UTF-8";

/**********************************************************************************************

　company

**********************************************************************************************/
#PageID_Company .main-img .top_kv_logo {
	color: #333;
	filter: drop-shadow(3px 3px 5px #ccc);
}

#PageID_Company #map{
	position:relative;
	width: 100%;
	height: 550px;
	background-color: white;
}
#PageID_Company iframe {width: 100%;height: 100%;}

#about{
	position:relative;
	background-size: contain;
	background-image: url("../images/company/company01.jpg"); 
	background-repeat: no-repeat;
	background-color: #f2e9f2;
	background-position: left bottom;
	padding-bottom: 50px;
}
@media (max-width: 751px) {
  #about {
	  background-image:none;}}


#about .inner {
max-width: 1100px;
margin: auto;
position: relative;
width: 60%;
margin-left: 35%;}
  @media (max-width: 751px) {
    #about .inner {
      width: 90vw;
	 margin: auto;} }





#about h3 {margin-left: 0;}
@media (max-width: 751px) {
  #about h3 {
	  margin-left: 0;}}

#about dl {width: 100%;background:rgba(242,233,242,0.8);}
@media (max-width: 751px) {
  #about dl {
	  margin-left: 5%;width: 95%;}}
#about dl dt,
#about dl dd{width: 20%;
	display: inline-block;
	margin: 0;
	padding: 7px 0;
	border-top: 1px dotted gray;}
#about dl dd {width: 78%;}
@media (max-width: 751px) {
	#about dl dt,
	#about dl dd{width: 30%;}
#about dl dd {width: 78%;}}
@media (max-width: 751px) {#about dl dd {width: 67%;}}
#about dl dt span{margin-left: 15px;}
@media (max-width: 751px) {
	#about dl dt span{margin-left: 0px;}}



#history{
	position:relative;
	background-size: cover;
	background-image: url("../images/company/company02.jpg"); 
	background-repeat: no-repeat;
	background-color: #4889dd;
	background-position: center bottom;
	padding-bottom: 650px;
}
@media (max-width: 751px) {
  #history {
	  background-image:none;padding-bottom: 50px;}}

#history h3 {color: white;}
#history dl {width: 100%;background:rgba(72,137,221,0.8);}
@media (max-width: 751px) {
 #history dl {
	  margin-left: 5%;width: 95%;}}

#history dl dt,
#history dl dd{width: 20%;
	display: inline-block;
	margin: 0;
	padding: 7px 0;
	border-top: 1px dotted #2565b8;
color: white;}
#history dl dd {width: 78%;}
@media (max-width: 751px) {
	#history dl dt,
	#history dl dd{width: 38%;}
#history dl dd {width: 78%;}}
@media (max-width: 751px) {#history dl dd {width: 60%;}}

#history dl dt span{margin-left: 15px;}
@media (max-width: 751px) {
	#history dl dt span{margin-left: 0px;}}




#p-bg0{
	background-image: url("../images/common/bg_wabe-purple.gif");
     
	
}
#p-bg0::before{
	 content:"";
     display:block;
     position:fixed;
     top:0;
     left:0;
     z-index:-1;
     
	background-image: url("../images/common/bg_wabe-purple.gif");
     
	
}
	
	
#p-bg{background-image: url('../images/company/logo.svg');
  background-attachment: fixed;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
	
}
.aomaze {display: block;}
@media (max-width: 750px){.aomaze {display: block;}}
.aomaze .aomaze-p {width: 50%;padding: 15px 0; margin: auto;}
.aomaze .aomaze-t {width: 85%;color: white;padding: 15px 0; margin: auto;}
.aomaze .aomaze-t h4 {font-size: 3rem; padding: 15px 0 15px 30px;}
.aomaze .aomaze-t h5 {font-size: 2rem; padding: 15px 0 15px 30px;}
.aomaze .aomaze-t p { padding: 0px 0 0 50px;}
@media (max-width: 750px){.aomaze .aomaze-t h4 {font-size: 5vw;padding: 15px 0;}}
@media (max-width: 750px){.aomaze .aomaze-t h5 {font-size: 3.2vw;padding: 15px 0;}}
@media (max-width: 750px){.aomaze .aomaze-t p { padding: 0px 0 0 10px;}}