body {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}

.container{
  min-width: 1080px;
}

.container {
    color: #FFF;
}

.top-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-width: 1080px;
  height: 100vh;
  min-height: 650px;
  background-image: url(assets/img/front/top-img.jpg);
  background-size: cover;
}

.top-copy{
  font-size: 36px;
  font-weight: bold;
  color:#ffffff;
  text-align: center;
}

header{
  min-width: 1080px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: absolute;
  top:0;
  right:0;
  left:0;
  padding: 30px 20px ;
}

.link {
  font-size:15px;
  font-family: Montserrat;
  font-weight: bold;
  text-decoration: none;
  color:#ffffff;
}

.header-right{
  display: flex;
  justify-content: space-between;
}

.header-right li{
  margin:7px;
}

.message-wrapper{
  background-color:rgba(54, 129, 109, 1);
  color:#ffffff;
  text-align: center;
  padding: 100px 0 130px 0;
  min-width: 1080px;
}

.message-title{
  font-family: Montserrat;
  font-size: 22px;
  font-weight: bold;
}

.message-title::after{
  display: block;
  content: '';
  background-color: #ffffff;
  width: 35px;
  height: 5px;
  margin: 30px auto 30px auto;
}

.message-txt{
  width:560px;
  margin:0 auto;
  text-align: justify;
  line-height: 30px;
  font-size: 16px;
  font-weight: bold;
}

.service-wrapper{
  text-align: center;
  width:100%;
  padding:100px 0 70px 0;
}

.service-title{
  color:rgba(54, 129, 109, 1);
  font-family: Montserrat;
  font-size: 22px;
  font-weight: bold;
}

.service-title::after{
  display: block;
  content: '';
  background-color: rgba(54, 129, 109, 1);
  width: 35px;
  height: 5px;
  margin: 30px auto 30px auto;
}

.service-items{
  display:flex;
  justify-content: space-between;
  width:730px;
  height:1140px;
  margin: 0 auto;
  flex-wrap: wrap;
  padding-bottom: 70px;
}

.service-item{
  width:calc(50% - 15px);
  display:flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-bottom:30px;
  overflow: hidden;
}

.service-item::before{
  display: block;
  content: '';
  position: absolute;
  top:0;
  right:0;
  bottom: 0;
  left:0;
  background-color: #000000;
  z-index: 2;
  opacity: 0.4;
  transition:0.5s;
}

/* .service-item:hover:before{
  opacity: 0.5;
  cursor: pointer;
} */

.service-img {
  display:block;
  position: absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background-size: cover;
  z-index:1;
  transition: 0.5s;
}

/* .service-item:hover .service-img{
  transform: scale(1.05);
} */

.service-item p {
  z-index: 3;
  color: #ffffff;
  font-weight:bold;
}

.company-wrapper {
  width:100%;
  background-color:rgba(51,51,51,1);
  color:#ffffff;
  text-align: center;
  padding:100px 0 40px 0;
  min-width: 1080px;
}

.company-title {
  font-family: Montserrat;
  font-size: 22px;
  font-weight: bold;
}

.company-title::after {
  display: block;
  content: '';
  background-color: #ffffff;
  width: 35px;
  height: 5px;
  margin: 30px auto 30px auto;
}

table {
  width:550px;
  background-color:rgba(255,255,255,.1);
  text-align: left;
  font-size: 15px;
  margin:20px auto 0 auto;
}

table th,
table td {
  border: solid 2px #333333;
}

th {
  width:120px;
  padding: 10px 10px;
}

td {
  width:calc(100% - 120px);
  padding:10px 10px;
}

iframe {
  margin:0 auto;
  display: block;
  width:400px;
  height:200px;
}

table p {
  padding-bottom:10px;
}

.copyright {
  padding-top: 180px;
  font-family: Montserrat;
  font-size: 12px;
  font-weight: bold;
}