@charset "utf-8";

body {
  margin: 0;
  padding: 0;
  font-family: "Hiragino Kaku Gothic ProN",
  "ヒラギノ角ゴ ProN W3","メイリオ",Meiryo,
  sans-serif;
  color: #6f5436;
  display: flex;/*---フッター最下部*/
  flex-direction: column;/*-固定のための*/
  min-height: 100vh;/*-設定--*/
}
a { color: #6f5436; }
a:hover {
  color: #988564;
  font-weight: bold;
  text-decoration: none;
}
a img { transition: opacity 0.2s linear; }
a:hover img { opacity: 0.7; }
h1, h2, h3, h4, h5, h6 { margin-top: 0; }
p {
  margin-top: 0;
  line-height: 1.6;
}
img { vertical-align: bottom; }

/*---------メインエリアの ｈ要素定義------*/
#main h1,
#l_480box h1, #r_480box h1,
#l_730box h1, #r_230box h1 {
  background: #efefef;
  padding: 30px 30px 30px 20px;
  font-size: 26px;
  border-bottom: solid 1px #aaa;
}
#main h2,
#l_480box h2, #r_480box h2,
#l_730box h2, #r_230box h2 {
  font-size: 22px;
  border: 1px solid #a8a8a8;
  padding: 11px 22px;
  border-radius: 5px;
}
#main h3,
#l_480box h3, #r_480box h3,
#l_730box h3, #r_230box h3 {
  font-size: 18px;
  border-left: solid 3px #a8a8a8;
  padding: 4px 9px 4px 14px;
}
/*---------------ヘッダー部----------*/
header {
  width: 980px;
  margin: 0 auto;
}
header h1 {
  float: right;
  margin: 5px;
}
header h1 img {
  width: 60px;
  float: right;
}
header a {
  text-decoration: none;
}
header .titlename {
  font-size: 20px;
  color: #fff;
}

/*-------------グローバルナビ--------*/
#global_navi {
  width: 980px;
  clear: both;
  overflow: hidden;
  margin: 16px auto;
}
#global_navi ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#global_navi ul li{
  width: 195px;
  float: left;
  margin-right: 1px;
  text-align: center;
}
#global_navi ul li a{
  display: block;
  padding: 10px 16px;
  background-color: #efefef;
  color: #ff1e1e;
  text-decoration: none;
  transition: background-color 0.2s linear;
}
#global_navi ul li.current a{
  background-color: #ff1e1e;
  color: #fff;
}
#global_navi ul li a:hover {
  background-color: #ffa07a;
}
/*-----------メインエリアを包括--------*/
#wrapper {
  width: 980px;
  margin: 0 auto;
  overflow: hidden;
}
.wrap980 {
  width: 980px;
  overflow: hidden;
}
/*---------------パンくずリスト--------*/
#breadcrumb { font-size: smaller; }
#breadcrumb ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
#breadcrumb ol li { display: inline; }
#breadcrumb ol li::after {
  content: ">";
  padding-left: 7px;
}
#breadcrumb ol li:last-child::after {
  content: none;
}
/*----------メインエリア 枠 定義--------*/
#main {
  width: 980px;
  float: left;
}
#l_480box {
  width: 480px;
  float: left;
}
#r_480box {
  width: 480px;
  float: right;
}
/*建物個別ページのメイン部*/
#l_730box {
  width: 730px;
  float: left;
}
#r_230box {
  width: 230px;
  float: right;
}
/*----------------フッター部--------*/
footer {
  background-color: #ff1e1e;
  text-align: center;
  margin-top: auto;/*-body部とｾｯﾄで*/
                  /*ﾌｯﾀｰ最下部固定設定-*/
}
footer #footer_nav {
  background-color: #efefef;
  padding: 10px 0;
}
footer #footer_nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
footer #footer_nav li {
  display: inline;
  border-left: solid 1px #aaa;
  margin-left: 8px;
  padding-left: 8px;
  font-size: small;
}
footer #footer_nav li:last-child {
  border-right: solid 1px #aaa;
  padding: 0 8px;
}
footer small {
  display: block;
  padding: 8px 0;
  color: #fff;
}
/* ▲▲▲▲▲▲▲▲共通部　ここまで▲▲▲▲▲▲▲▲ */

/* ▽▽▽▽▽トップページ▽▽▽▽▽ */

/* --トップページスライドショー-- */
/*.top_message {
  float: right;
  margin-right: 10px;
}*/
#keyvisual {
  position: relative;
  max-width:600px;
  margin: 0 auto;
  background: #fff;
}
.pic {
position: absolute;
}
.pic img {
  width: 100%;
  height: auto;
  opacity:0;
  -moz-animation: imgTrans 40s infinite;
  -webkit-animation: imgTrans 40s ease-in infinite;
  animation: imgTrans 40s infinite;
}
#photo1 img {
  -moz-animation-delay: 0s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
#photo2 img {
  -moz-animation-delay: 8s;
  -webkit-animation-delay: 8s;
  animation-delay: 8s;
}
#photo3 img {
  -moz-animation-delay: 16s;
  -webkit-animation-delay: 16s;
  animation-delay: 16s;
}
#photo4 img{
  -moz-animation-delay: 24s;
  -webkit-animation-delay: 24s;
  animation-delay: 24s;
}
#photo5 img {
  -moz-animation-delay: 32s;
  -webkit-animation-delay: 32s;
  animation-delay: 32s;
}
@-webkit-keyframes imgTrans {
  0% { opacity:0; }
  7% { opacity:1; }
  18% { opacity:1; }
  25% { opacity:0; }
  100% { opacity:0; }
}
@-moz-keyframes imgTrans {
  0% { opacity:0; }
  7% { opacity:1; }
  18% { opacity:1; }
  25% { opacity:0; }
  100% { opacity:0; }
}
@keyframes imgTrans {
  0% { opacity:0; }
  7% { opacity:1; }
  18% { opacity:1; }
  25% { opacity:0; }
  100% { opacity:0; }
}
#padding_set {
  padding: 40%;/*ｽﾗｲﾄﾞｼｮｰ画像下の重なり回避*/
}
/* --ここまでスライドショー-- */

/* --コンセプト-- */
#concept_board {
  text-align: center;
  margin-bottom: 30px;
}
/* --お知らせ-- */
#news #news_box {
  font-size: 0.9rem;
  overflow-y: scroll;
  height: 200px;
  margin-bottom: 20px;
}
#news_box dl { overflow: hidden; }
#news_box dt {
  width: 7rem;
  float: left;
  margin-bottom: 10px;
  clear: both;
}
#news_box dd {
  margin-left: 7rem;
  margin-bottom: 10px;
}
/* --SNSリンク-- */
#sns_link {
  text-align: center;
  margin-bottom: 30px;
}
/* ▽▽▽▽▽プロフィール ページ▽▽▽▽▽ */
.profile {
  width: 460px;
  float: left;
  padding: 15px;
}
/*-プロフィール見出し-*/
.staffname {
  overflow: hidden;
  margin-bottom: 20px;
  padding: 5px 10px;
  border: 1px solid #a8a8a8;
  border-radius: 5px;
}
.staffimg {
  float: left;
  max-width: 90px;
  margin-right: 0px;
  font-size: 0;
}
.staffname .staffname_n {
  margin: 20px 0 0;
  font-size: 18px;
  font-weight: bold;
}
.staffname .staffname_a {
  margin: 0;
  font-size: 18px;
  color: #ff1e1e;
}
/* --略歴-- */
.ryakureki ul {
  list-style: none;
  margin: 0;
  padding: 4px 10px;
  border-left: solid 3px #a8a8a8;
 }
.ryakureki ul li {
  font-size: 0.8rem;
  margin: 0;
  padding: 0;
}
.ryakureki dl {
  font-size: 0.8rem;
  overflow: hidden;
}
.ryakureki dt {
  width: 5rem;
  float: left;
  margin-bottom: 2px;
  clear: both;
}
.ryakureki dd {
  margin-left: 5rem;
  margin-bottom: 2px;
}
#kinoie_link {
  font-size: 0.8rem;
  padding: 4px 10px;
  border: dashed 1px #988564;
  margin-bottom: 15px;
}
#kinoie_link mark {
  background: #ccffcc;
}

/* ▽▽▽▽▽worksナビページ▽▽▽▽▽ */
.worknavi a {
  text-decoration: none;
}
.worknavi ul {
  list-style: none;
}
.worknavi li {
  width: 200px;
  height: 200px;
  margin: 2px 10px 20px 10px;
  padding: 0;
  border: solid 1px #ccc;
  float: left;
  text-align: center;
}
/* -WORKナビ見出し-- */
.workindex img {
  max-width: 100%;
}
.workindex .work_title {
  margin: 10px 0 5px 0;
  font-size: 1.2rem;
}

/* ▽▽▽▽▽PastWorksページ▽▽▽▽▽ */
/*-Lightbox2(jQuery)使用部-*/
.pastwork_thumbs {
  overflow: hidden;
}
.pastwork_thumbs ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pastwork_thumbs ul li {
  max-width: 100px;
  height: 95px;
  margin: 2px;
  float: left;
}
.pastwork_thumbs li img {
  width: 100px;
  border-radius: 5%;
  box-shadow: 2px 2px 3px rgba(0,0,0,0.5);
}
/*-Lightbox2(jQuery)ここまで-*/

/*-文字色を朱色に-*/
.f_red {
  padding: 0.05rem 0.05rem 0 0;
  font-size: 1.3rem;
  color: #ff1e1e;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}

/* ▽▽▽▽▽worksギャラリーページ▽▽▽▽▽ */
#gallery ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#gallery ul li {
  width: 120px;
  height: 120px;
  margin: 2px 9px;
  padding: 5px 0;
  border: solid 1px #ccc;
  float: left;
  text-align: center;
  color: #a8a8a8;
  font-size: x-small;
  box-shadow: 2px 2px 3px rgba(0,0,0,0.1);
}
#gallery ul li a {
  text-decoration: none;
}
/* #gallery ul li a img {
  transition: transform 0.5s ease-in;
}
#gallery ul li a:hover img {
  transform: scale(1.2);
}
*/
/* ▽▽▽▽▽プロセスとQ&Aページ ▽▽▽▽▽ */
#processtable table {
  font-size: 0.8rem;
  margin-bottom: 30px;
}
#processtable td:nth-child(3),
td:nth-child(5) {
  background: #f5f5f5;
}
#processtable td:nth-child(2),
td:nth-child(4) {
  background: #dbdbdb;
}
#processtable td:nth-child(2) {
  width: 5rem;
}
#processtable th:nth-child(1) {
  padding: 6px 10px;
  border-left: solid 3px #ff1e1e;
}
#processtable td {
  padding: 6px 10px;
}
.qanda h3 {
  color: #ff1e1e;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
.qanda p {
  padding: 0 20px 30px 30px;
}
.qanda h3::first-letter,
.qanda p::first-letter {
  float: left;
  padding: 0.05rem 0.05rem 0 0;
  font-size: 1.3rem;
}

/* ▽▽▽▽▽インフォメーションページ ▽▽▽▽▽ */
#office_data dl {
  font-size: 0.8rem;
  overflow: hidden;
}
#office_data dt {
  width: 6rem;
  float: left;
  margin-bottom: 2px;
  clear: both;
}
#office_data dd {
  margin-left: 6.5rem;
  margin-bottom: 2px;
}
#internship { margin: 50px auto; }
#internship p { font-size: 0.8rem; }
#parking {
  max-width: 320px;
  margin: 0 auto;
}
#parkinginfo p { font-size: 0.8rem; }

/*-▽▽▽▽▽建物の個別ページここから▽▽▽▽▽-*/

/*建物の説明文*/
.award { color: #ff1e1e; }
/* .detail_cooment {
  font-size: 0.8rem;
} */
/*建物の個別ギャラリー*/
/**（jQuery使用部）**/
#stage {
  max-width: 600px;
  margin: 0 auto;
}
.bigimg-container {
  margin-bottom: 5px;
  text-align: center;
}
/*サムネイル*/
.detail_thumbs {
  margin-left: 0;
  padding: 0;
  list-style: none;
  display: flex;
}
.detail_thumbs li{
  max-width: 120px;
  margin-right: 3px;
  cursor: pointer;
}
.detail_thumbs img{
  width: 100%;
}
/*（jQuery使用部）コンテナここまで*/

/*建物データ*/
#blddata {
  font-size: 0.8rem;
  margin-top: 40px;
}
#blddata dl{ overflow: hidden;}
#blddata dt {
  width: 6rem;
  text-align-last: justify;
  float: left;
  margin-bottom: 6px;
  clear: both;
}
#blddata dd {
  margin-left: 7rem;
  margin-bottom: 6px;
}
/*ウィンドウ閉じるボタン*/
.close_button {
  display: inline-block;
  padding: 5px;
  background-color: #efefef;
  color: #ff1e1e;
  font-size: 16px;
  text-decoration: none;
  border: 1px solid #a8a8a8;
  border-radius: 5px;
  cursor: pointer;
  margin-top: 20px;
  transition: background-color 0.2s linear;
}
.close_button:hover {
  background-color: #ffa07a;
}
/*-▲▲▲▲▲建物の個別ページここまで▲▲▲▲▲-*/

/*-▽▽▽▽▽メディアクエリ（スマホ対応）▽▽▽▽▽-*/
@media screen and (max-width : 767px){
  img {
    max-width: 100%;
  }
  header,
  #global_navi,
  #wrapper,
  .wrap980 {
    width: 100%;
  }
/*  header h1 {
    float: none;
    text-align: center;
  }*/
  #global_navi ul li {
    width: 50%;
    padding: 0.5px;
    margin: 0;
    box-sizing: border-box;
  }
  #global_navi ul li a {
    margin: 0;
  }
  #main, #l_480box, #r_480box,
  #l_730box, #r_230box,
  .profile, .worknavi {
    width: 100%;
    padding: 0 5%;
    box-sizing: border-box;
  }
  #keyvisual {
    width: 90%;
    height: auto;
  }
  /**縦向き画像が横幅いっぱいに
    広がらないよう高さ調整**/
  .bigimg-container img {
    max-height: 300px;
  }

}
/*-▲▲▲▲▲▲ここまでメディアクエリ▲▲▲▲▲▲-*/