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

about用CSS

**************************/
@import url("form.css");
#about #contents h2 {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 2em;
}
#about #contents h3 {
  font-size: 36px;
  font-weight: 300;
  margin-top: 1em;
  margin-top: 0.4em;
}
#about #contents p {
  line-height: 1.7;
}
#about #contents section section {
  padding-top: 4.5em;
}
/*------------------------------ 
小表示
*/
@media screen and (max-width: 780px) {
#about #contents h2 {
  margin-bottom: 0.8em;
}
  #about #contents h3 {
    font-size: 26px;
  margin-top: 0;
  }
}
/*---------------------
カテゴリーナビ
-------*/
h1.page_title .inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
h1.page_title .inner .nav {
  font-size: 16px;
}
#contents h1.page_title .inner .nav a {
  padding: 0.2em 0;
  color: #000 !important;
  text-decoration: none;
}
h1.page_title .inner .nav a:hover, h1.page_title .inner .nav a.active {
  border-bottom: 1px rgba(0, 0, 0, 0.7) solid;
}
/*------------- 
小表示
*/
@media screen and (max-width: 780px) {
  h1.page_title .inner {
    flex-direction: column;
  }
  h1.page_title .inner .nav {
    font-size: 14px;
    padding-top: 1.4em;
  }
}
/*---------------------
#Architects
-------*/
#architects {
  background: #f0f0f0;
}
#architects .single {
  margin-bottom: 5em;
}
#architects .single img {
  width: 187px;
}
#architects .single h3 {
  display: flex;
  align-items: center;
  margin: 0.7em 0 0.3em !important;
}
#architects .single h3 .eng {
  font-size: 12px;
  margin-left: 1.6em;
  padding-top: 0.6em;
  font-weight: 400;
  color: #000;
}
/*---------------------
#
-------*/
.google-map {
  margin-top: 20px;
}
.google-map iframe {
  -webkit-filter: grayscale(90%);
  -moz-filter: grayscale(90%);
  -ms-filter: grayscale(90%);
  -o-filter: grayscale(90%);
  filter: grayscale(100%);
  width: 100%;
  aspect-ratio: 16/5;
}
/*---------------------
#contact
-------*/
#contact form {
  padding-bottom: 80px;
}


/*------------- 
小表示
*/
@media screen and (max-width: 780px) {
#architects .single {
    padding-top: 0.8em;
}
#architects .single h3 .eng {
  margin-left: 1.0em;
}
.google-map iframe {
  aspect-ratio: 16/12;
}
#contact form {
  padding-top: 20px;
}
}