@charset "utf-8";

.inner {
  max-width: 1130px;
}
#company .inner {
  max-width: 970px;
}

/* case */
main{
  background: url("../img/mainttl_img.jpg") no-repeat center center;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 1920px;
  height: 240px;
  margin: 0 auto;
  text-align: center;
}
main h1{
  color: #FFF;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  position: relative;
  text-shadow: #000 1px 0 10px;
}
main h1:before {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 40px);
  width: 80px;
  height: 3px;
  content: '';
  background: #cf0027;
}
.readtext p{
  text-align: center;
}
.aboutarea{
  margin-top: 40px;
}
.aboutlist{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.contents_wide{
  margin-bottom: 40px;
}
.contents_box{
  width: 48%;
  max-width: 465px;
  margin-bottom: 40px;
}
.contents_box h3{
  margin-bottom: 20px;
}
.aboutimg{
  margin-bottom: 20px;
}

/* information */
.information{
  margin-top: 40px;
}
.information02{
  padding: 0 0 80px;
}
.infotable{
  margin-top: 40px;
}
.infotable table{
  border-top: 1px solid #666464;
}
.infotable th,.infotable td{
  padding: 10px;
  border-bottom: 1px solid #666464;
  word-break: break-all;
}
.infotable th{
  width:15%;
  text-align: center;
}
.infotable td dl{
  display: flex;
  flex-wrap: wrap;
}
.infotable td dt{
  width: 3%;
}
.infotable td dd{
  width: 97%;
}
.gmap{
  margin-top: 40px;
}
.gmaparea{
  width: 100%;
}
.gmaparea iframe{
  width: 100%;
  height: 420px;
}

@media screen and (max-width: 767px){
  
  main {
    height: 120px;
  }
  main h1 {
    font-size: 18px;
  }
  main.casedetail_main{
    display: none;
  }
  .readtext.contentswap {
    padding: 40px 0 0;
  }
  .readtext p {
    font-size: 14px;
    text-align: left;
  }
  .aboutlist p{
    font-size: 14px;
  }
  .information {
    margin-top: 0px;
  }
  .infotable th{
    width:25%;
  }
  .infotable td dt{
    width: 8%;
  }
  .infotable td dd{
    width: 92%;
  }
  .contents_wide {
    margin-bottom: 20px;
  }
  .contents_box {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }
  .aboutimg {
    margin-bottom: 10px;
  }
  .contents_box h3 {
    margin-bottom: 10px;
  }
  /* information */
  .information{
    margin-top: 20px;
  }
  .infotable{
    margin-top: 20px;
  }
  .infotable table{
    border-top: 1px solid #666464;
  }
  .infotable th,.infotable td{
    font-size: 14px;
    padding: 10px;
    border-bottom: 1px solid #666464;
    word-break: break-all;
  }
  .gmap{
    margin-top: 20px;
  }
  .gmaparea iframe{
    height: 210px;
  }
}