@charset "UTF-8";

*{
  margin:0;
  padding:0;
}

/*全デバイス共通*/

.company_main_visual img{
 width:100%;
 margin-bottom:100px;
}

.company-policy{
  margin-bottom:50px;
  text-align:center;
}

.company-policy .title{
  font-size:1.5em;
  color:#0081E0;
  text-align:left;
  padding-left:60px;
}

.company-policy .sub{
font-size:1.2em;
color:#3c3c3c;
padding-left:60px;
}

.management-principle{
 text-align:center;
 margin-bottom:50px;
}

.management-principle .title{
  text-align:left;
  margin:auto;
  font-size:1.5em;
  color:#0081E0;
  padding-left:60px;
 }

 .management-principle .sub{
  text-align:left;
  font-size:1.2em;
  color:#3c3c3c;
  margin:auto;
  padding-left:60px;
  }

.company-history{
  text-align:center;
 }

.company-profile{
 text-align:center;
}


h3{
 margin-bottom:30px;
 padding:10px 20px;/*文字周りの余白*/
 color: #3c3c3c;/*文字色*/
 background: #EBF6FF;/*背景色*/
 border-left: solid 10px #0081E0;
 text-align:left;
 margin-left:10px;
 margin-right:10px;
}


.project-list{
 text-align:center;
 font-size:1em;
 margin-bottom:50px;
}

.project-list{
  border:1px 
}

.project-list a:hover{
 color:#dcdcdc;
}


.project-list li{
 margin-bottom:20px;
 list-style:none;
}

.access{
 text-align:center;
}

.access .adress{
 display: flex;
 margin-bottom:40px;
}

.access .adress img{
 width:50%;
}

.access p{
 margin:auto;
}

.map-wrap{
  max-width:50%;
  margin:0 auto;
}

.map{
 width:100%;
 height:0;
 position:relative;
 margin-bottom:60px;
 text-align:center;
 padding-top:75%;
}

.map iframe{
position:absolute;
top:0;
left:0;
 width:100%;
 height:100%;
 margin-bottom:40px;
}


@media (max-width:768px){



  .company-policy .title{
   
    padding-left:20px;
  }
  
  .company-policy .sub{
  
  padding-left:20px;
  }
  
  
  
  .management-principle .title{
    
    padding-left:20px;
   }
  
   .management-principle .sub{
    padding-left:20px;
    }

  .map-wrap{
    max-width:70%;
  }
}


@media (min-width:1024px) {
 
  .company-policy br{
    display:none;
  }
}

@media (min-width:1700px) {
 
  .company-policy .title{
    
    padding-left:80px;
  }
  
  .company-policy .sub{
  
  padding-left:80px;
  }
  
  
  .management-principle .title{
    
    padding-left:80px;
   }
  
   .management-principle .sub{
    padding-left:80px;
    }
}