@charset "utf-8";
/* CSS Document */

/* -------------------------------------------------

css

------------------------------------------------- */

/* 代表あいさつ
------------------------------------------------- */
#area_greeting {
  margin: 0 0 50px;
}
#sec_greeting {
}
.box_greeting h4 {
  margin: 20px 0;
  padding: 10px 20px;
  font-size: 20px;
  color: #FFFFFF;
  background: #004694;
}
.box_greeting {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 20px;
}
.box_greeting .img {
  width: 350px;
  height: 250px;
  border: solid 1px #ccc;
  background: #eee;
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
}
.box_greeting .img img {
  max-width: 350px;
  max-height: 250px;
  width: auto;
  height: auto;
}
.box_greeting .txt {
  width: calc(100% - 375px);
  float: right;
}

.mainimage { margin: 50px 0 0; text-align: center; }
.mainimage img { max-width: 100%; height: auto;}

@media screen and (max-width:640px) {
#area_greeting {
  width: 100%;
  margin: 0 0 25px;
}
#sec_greeting {
}
.box_greeting {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 20px;
}
.box_greeting .img {
  width: auto;
  height: 250px;
  float: none;
}
.box_greeting .img img {
  max-width: 100%;
  max-height: 250px;
  width: auto;
  height: auto;
}
.box_greeting .txt {
  width: auto;
  margin: 20px 0 0;
  float: none;
}

.mainimage { margin: 25px 0 0; }
}