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

/* pc -------------------------------------------------------------------------------------*/
@media screen and (min-width: 641px) {

/* ===== Footer base ===== */
.site-footer{
  background:#2f6f90;
  color:#fff;
}

/* 左右幅1040px */
.site-footer .footer-inner_1{
  max-width:1040px;
  margin:30px auto 0 auto;
  padding:20px 0 0 0;
  box-sizing:border-box;
}

.site-footer .footer-inner_2{
  max-width:1040px;
  margin:30px auto 0 auto;
  padding:20px 0 0 0;
  box-sizing:border-box;
  border-top: 1px solid #92b2c9;
}

/* 上段：左情報＋右ナビ */
.site-footer .footer-inner_1{
  display:flex;
  justify-content:space-between;
  gap:40px;
}

/* ===== Left info ===== */
.footer-info{
  flex: 0 0 520px; /* 左エリアの見た目を安定させる */
  max-width:520px;
}

.footer-company{
  font-weight:700;
  font-size:20px;
  letter-spacing:.08em;
  margin-bottom:18px;
}

.footer-office{
  margin-top:10px;
}

.office-title{
  position:relative;
  padding-left:1.3em; /* 四角分 */
  font-weight:700;
  font-size:14px;
  margin:14px 0 6px;
}

/* 左の白い四角 */
.office-title::before{
  content:"";
  position:absolute;
  left:0;
  top:.3em;
  width:12px;/*四角のサイズ*/
  height:12px;/*四角のサイズ*/
  background:#fff;
}

.office-body{
  font-size:13px;
  line-height:1.75;
  opacity:.95;
  padding-left: 1.3em;
}

/* ===== Right nav ===== */
.footer-nav{
  flex:1 1 auto;
  min-width:0;
}

.footer-nav-cols{
  display:flex;
  justify-content:flex-end;
  gap:30px;
  align-items:flex-start;
}

.footer-nav-list{
  list-style:none;
  margin:0;
  padding:0;
  min-width:12em;
}

.footer-nav-list li{
  margin:0 0 10px 0;
}

/* リンク（白三角） */
.footer-nav-list a{
  position:relative;
  display:inline-block;
  color:#fff;
  text-decoration:none;
  font-weight:700;
  font-size:13px;
  letter-spacing:.04em;
  padding-left:1em;
  white-space:nowrap;
}

.footer-nav-list a::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:0;height:0;
  border-left:6px solid #fff;
  border-top:4px solid transparent;
  border-bottom:4px solid transparent;
  opacity:.95;
}

/* サブメニュー */
.has-children{ margin-top:2px; }
.footer-sub{
  list-style:none;
  margin:8px 0 0 0;
  padding:0 0 0 14px;
  position:relative;
  line-height: 1em;
}

.footer-sub a{
  font-weight:700;
  font-size:12px;
  padding-left:1em;
}

/* コピーライト */
.footer-bottom{
  padding-bottom:22px;
}

.footer-bottom-inner{
  text-align:center;
  display:block; /* 下段は横並び不要 */
  padding-top:0;
}

.footer-copy{
/*  text-align:center;*/
  font-size:12px;
  width: 100%;
  letter-spacing:.02em;
  opacity:0.6;
}

}


/* sp -------------------------------------------------------------------------------------*/
@media screen and (max-width: 640px) {

/* ===== Footer base ===== */
.site-footer{
  background:#2f6f90;
  color:#fff;
}

.site-footer .footer-inner_1{
  width:100%;
  margin:2em auto 0 auto;
  padding:1em 0 0 1.5em;
  box-sizing:border-box;
}

.site-footer .footer-inner_2{
  width:100%;
  margin:2em auto 0 auto;
  padding:1em 0 0 1.5em;
  box-sizing:border-box;
  border-top: 1px solid #92b2c9;
}

/* 上段：左情報＋右ナビ */
.site-footer .footer-inner_1{
/*  display:flex;
  justify-content:space-between;
  gap:40px;*/
}

/* ===== Left info ===== */
.footer-info{
/*  flex: 0 0 520px; /* 左エリアの見た目を安定させる */
  max-width:100%;
}

.footer-company{
  font-weight:700;
  font-size:130%;
  letter-spacing:.08em;
  margin-bottom:0.7em;
}

.footer-office{
  margin-top:0.5em;
}

.office-title{
  position:relative;
  padding-left:1.4em; /* 四角分 */
  font-weight:700;
  font-size:90%;
  margin:1em 0 0 0;
}

/* 左の白い四角 */
.office-title::before{
  content:"";
  position:absolute;
  left:0;
  top:0.5em;
  width:0.9em;/*四角のサイズ*/
  height:0.9em;/*四角のサイズ*/
  background:#fff;
}

.office-body{
  font-size:85%;
  line-height:1.75;
  opacity:.95;
  padding-left: 1.3em;
}

/* ===== Right nav ===== */
/*
.footer-nav{
  flex:1 1 auto;
  min-width:0;
}

.footer-nav-cols{
  display:flex;
  justify-content:flex-end;
  gap:30px;
  align-items:flex-start;
}

.footer-nav-list{
  list-style:none;
  margin:0;
  padding:0;
  min-width:12em;
}

.footer-nav-list li{
  margin:0 0 10px 0;
}*/

/* リンク（白三角） */
/*.footer-nav-list a{
  position:relative;
  display:inline-block;
  color:#fff;
  text-decoration:none;
  font-weight:700;
  font-size:13px;
  letter-spacing:.04em;
  padding-left:1em;
  white-space:nowrap;
}

.footer-nav-list a::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:0;height:0;
  border-left:6px solid #fff;
  border-top:4px solid transparent;
  border-bottom:4px solid transparent;
  opacity:.95;
}*/

/* サブメニュー */
/*.has-children{ margin-top:2px; }
.footer-sub{
  list-style:none;
  margin:8px 0 0 0;
  padding:0 0 0 14px;
  position:relative;
  line-height: 1em;
}

.footer-sub a{
  font-weight:700;
  font-size:12px;
  padding-left:1em;
}*/

/* コピーライト */
.footer-bottom{
  padding-bottom:1em;
}

.footer-bottom-inner{
  text-align:center;
  display:block; /* 下段は横並び不要 */
  padding-top:0;
}

.footer-copy{
/*  text-align:center;*/
  font-size:70%;
  width: 100%;
  letter-spacing:.02em;
  opacity:0.6;
}

}