.pageTtl{
 background: url(../img/company/page.jpg) no-repeat center center;
 background-size: cover;
}
.pageList1{
 text-align: center;
}
.pageList1 li{
 display: inline-block;
 margin: 12px;
 vertical-align: top;
}
.pageList1 li .inner{
 display: flex;
 border: #38E3E2 solid 2px;
 color: #38E3E2;
 width: 280px;
 height: 280px;
 align-items: center;
 justify-content: center;
 border-radius: 50%;
}
.pageList2 li{
 display: flex;
 background: #fff;
 border-radius: 10px;
 padding: 20px;
 margin-bottom: 15px;
}
.pageList2 li .date{
 min-width: 150px;
 align-self: center;
}
.pageList3 li{
 display: flex;
 border-bottom: solid 1px #ddd;
 border-left: solid 1px #ddd;
 border-right: solid 1px #ddd;
}
.pageList3 li:first-child{
 border-top: solid 1px #ddd;
}
.pageList3 li>span{
 padding: 20px;
}
.pageList3 li>span:first-child{
 min-width: 150px;
 background: #f5f5f5;
}
#greeting .text{
 position: relative;
 width: 48%;
 box-sizing: border-box;
 margin-left: 20px;
}
#greeting .inner{
 position: relative;
 background: url(../img/company/photo1_hori3.jpg) no-repeat right top;
 background-size: auto 100%;
 max-width: 1600px;
 margin-left: auto;
 margin-right: auto;
}
#greeting .inner .inner2{
 padding-top: 50px;
 padding-bottom: 50px;
}
#factoryGuideMap .clickArea{
 position: relative;
}
#factoryGuideMap .clickArea .click{
 position: absolute;
 display: block;
 width: 18%;
 height: 15%;
 top: 37%;
 left: 11%;
 background: #eee;
 opacity: 0;
}

/*
===================================================
        tb
===================================================
*/
@media screen and (max-width: 1150px) {
 #greeting .text{
  position: relative;
  width: auto;
  box-sizing: border-box;
  margin: 15px;
 }
 #greeting .inner{
  position: relative;
  background: url(../img/company/photo1_hori3.jpg) no-repeat top center;
  background-size: 94% auto;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
 }
 #greeting .inner .inner2{
  padding-top: 55vw;
  padding-bottom: 50px;
 }
}

/*
===================================================
        sp
===================================================
*/
@media screen and (max-width: 768px) {
 .pageList1{
  text-align: center;
 }
 .pageList1 li{
  display: inline-block;
  margin: 4px;
  vertical-align: top;
  width: 45%;
 }
 .pageList1 li .p20{
  padding: 5px;
 }
 .pageList1 li .font-l{
  font-size: 100%;
 }
 .pageList1 li .font-ll{
  font-size: 100%;
 }
 .pageList1 li .font-llll{
  font-size: 120%;
 }
 .pageList1 li .inner{
  display: flex;
  border: #38E3E2 solid 2px;
  color: #38E3E2;
  width: 100%;
  height: 150px;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
 }
 .pageList2 li{
  display: flex;
  background: #fff;
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 10px;
 }
 .pageList2 li .date{
  min-width: 100px;
  align-self: center;
 }
 .pageList3 li>span{
  padding: 10px;
 }
 .pageList3 li>span:first-child{
  min-width: 100px;
 }
}