@charset "UTF-8";

#nav > ul > li:nth-child(4),
#nav > ul > li:nth-child(2){
  padding:0 2.2%;
}
#nav > ul > li:nth-child(1){
  padding:0 3.5% 0 2.2%;
}

/*:::::::::::::::
    company
:::::::::::::::*/

.company table{
  width: 97%;
  margin:0 auto;
}
.company td,
.company th{
  border:2px solid #ccc;
  padding:1em;
}
.company th{
  width: 20%;
}
.company td{
  width: 80%;
  text-align:left;
}
.company th{
  background:#f0f0f0;
  text-align:center;
}
@media only screen and (max-width: 768px) {
.company table{
  width: 100%;
  margin:0 auto;
}
.company th{
  width:30%;
}
.company td{
  width:70%;
}
}
.map p{
  text-align:left;
  padding-left:2%;
  padding-bottom:1em;
}
iframe{
  width:97%;
  margin:0 1%;
  height:400px;
}
.chart img{
  width:97%;
  display:block;
  margin:0 auto 0 1.5%;
  max-width:600px;
}
.licenceCont{
  display:flex;
  flex-wrap:wrap;
}
.licenceCont li{
  width:33.33333%;
  border-left:1px solid #ccc;
}
.licenceCont li:first-child{
  border:none;
}
.licenceCont .img30{
  width: 30%;
  float:left;
  padding:1em 0.2em;
}
.licenceCont .img30 img{
  width:100%;
}
.licenceCont .text70{
  float:right;
  font-size:1.4rem;
  max-width:70%;
  padding:1em 0 1em 1em;
}
.licence p{
  text-align:left;
}

@media only screen and (max-width: 1100px){
.licenceCont{
  width:95%;
  margin:0 2.5%;
  float:none;
}
.licence p{
  padding-left:2.5%;
}
}
@media only screen and (max-width: 750px){
.licenceCont{
  display:block;
}
.licenceCont li{
  float:none;
  width:100%;

  border-left: none;
}
.licenceCont li:last-child{
  padding-bottom:2em;
}
}

/*:::::::::::::::
　　　news
:::::::::::::::*/

.news-text{
width: 94%;
margin: 0 auto;
}
.news-text img{
  padding-top:1em; 
}
.news-text dl{
  text-align:left;
  padding-bottom: 2em;
}
.news-text dl:last-child{
  padding-bottom: 3em;
}
.news-text dt{
  width:20%;
  float:left;
}
.news-text dd{
  width:80%;
  float:left;
}
@media only screen and ( max-width: 768px){
.news-text dt,
.news-text dd{
  width:100%;
  float:none;
  padding:0 3%;
}
.news-text dl{
  border-bottom: 1px solid #014099;
  padding-bottom: 1em;
  margin-bottom: 1em;
}
.news-text dl:last-child{
  padding-bottom:1em;
  margin-bottom:3em;
}
.news-text dd{
  padding-top:0.2em;
}
}
/*:::::::::::::::
   equipment
:::::::::::::::*/

.equipment ul{
  width:97%;
  margin:0 auto;
  text-align:left;
  display:flex;
  flex-wrap:wrap;
}
.equipment li{
  width:31.33333%;
  margin:0 1% 5%;
  overflow:hidden;
}
.equipment li:nth-child(4),
.equipment li:last-child{
  width:40%;
  margin:0 0 10%;
  }
.equipment li:nth-child(4){
  margin:0 15% 10% 0;
}
.equipment li img{
  height:220px;
  width: auto;
  max-width:none;
  margin-bottom: 0.3em;
}
.equipment li:nth-child(4) img,
.equipment li:last-child img{
  max-height:230px;
  height:auto;
  width:100%;
  margin-bottom: 0.3em;
}
@media only screen and (max-width: 768px) {
.equipment li{
  width:48%;
  margin:0 1% 3%;
}
.equipment li:nth-child(4),
.equipment li:last-child{
  width:98%;
}
.equipment li:nth-child(4){
  margin:0 1% 3%;
}
.equipment li:nth-child(4) img,
.equipment li:last-child img{
  max-height:none;
  width:100%;
  max-width: 500px;
  height:auto;
}
}
@media only screen and (max-width: 550px) {
.equipment li{
  width:98%;
}
.equipment li img{
  height:auto;
  width:100%;
}
}

/*:::::::::::::::
     prodct
:::::::::::::::*/

.product p{
  text-align:left;
  text-align:justify;
  padding:0 3%;
}
.product .img01{
  max-width:40em;
  margin:1em 0;
}
.product .img01 img{
  padding-top:2%;
}
.product .img02{
  max-width:96%;
  margin:0 2%;
  height:auto;
  padding:4% 0;
}