@charset "utf-8";


/* 基本設定 */

/* ガター溝をなくす方法 
適用したいrowに、クラス名を追加 */
.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}

body {
  font-family: Helvetica Neue, Helvetica, YuGothic, Yu Gothic, 'ヒラギノ角ゴ Pro W3', Hiragino Kaku Gothic Pro, "メイリオ", Meiryo, "ＭＳＰゴシック", sans-serif;
}
.font-ming {
  font-family: YuMincho, Yu Mincho, '游明朝', "ヒラギノ明朝 ProN W6", HiraMinProN-W6, "HG明朝E", "ＭＳ Ｐ明朝", MS PMincho, "MS 明朝", serif;
}
.font-gothic {
  font-family: Helvetica Neue, Helvetica, YuGothic, Yu Gothic, 'ヒラギノ角ゴ Pro W3', Hiragino Kaku Gothic Pro, "メイリオ", Meiryo, sans-serif;
}


/* header */
.header-extend {
  border-top: 10px solid #1E253F;
}
.site-name {
  color: #333;
  font-family: 'YuMincho', 'Yu Mincho', '游明朝', '游明朝体', 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', sans-serif;
  font-size: 2rem;
  padding: 1.5rem 0;
}
.site-name-s {
  color: #333;
  font-family: 'YuMincho', 'Yu Mincho', '游明朝', '游明朝体', 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', sans-serif;
  font-size: 1.5rem;
}
.header-contact {
  margin: 0;
  padding: 0.8rem 0;
}
.header-contact .header-tel {
  margin: 0;
  padding:0;
  font-size: 1rem; 
  line-height: 1.2;
}
.header-contact .fa-phone  {
  color: #365D54;
  font-size: 1.6rem;
  padding: 0 0.2rem;
}
.header-contact .header-telno {
  color: #365D54;
  font-size: 2rem;
  font-weight: bold;
}
.header-contact .header-telno:hover {
  text-decoration: none;
}
.header-contact .header-uketsuke {
  margin: 0;
  padding:0;
  font-size:0.9rem;
}

.jumbotron { background:url(../images/topimage.jpg) center top no-repeat; background-size: cover;
}

@media (min-width: 992px) {
  .jumbotron {
/*    padding: 4rem 2rem;*/
    height:550px;
    background:url(../images/topimage.jpg) center top no-repeat; 
    background-size: cover;
    
  }
}

/* コンテンツ */

.heading10 {
  color: #1E253F;
  border-bottom: 2px solid #1E253F;
  font-size: 1.4rem;
  margin: 2rem 0 2rem;
  text-align: left;
}
.heading-access {
  color: #333;
  font-size: 1rem;
  font-weight: bold;
}

/* 弁護士紹介 */
.lawyer-body {
  margin:1.5rem 0;
}
.lawyer {
  font-size: 1.5rem;
  text-align: center;
  padding: 1rem 0;
}
.lawyer span.lawyer {
  font-size: 1rem;
  margin-right: 0.7rem;
  vertical-align: middle;
}
.lawyer span.furigana {
  display: block;
  text-align: center;
  font-size: 1rem;
  margin-left: 0.25rem;
}
p.regist-info a {
  font-size: 1rem;
}

/* 事務所案内 */

.contact-office {
  background: #365D54;
  color: #fff;
  padding: 1rem 0.2rem;
  border-radius: 4px;  
  text-align: center;
}
.contact-office .contact-heading {
  margin:0;
  padding:0;
  font-size:1.2rem;
}
.contact-office .contact-time {
  margin:0;
  padding:1rem 0;
  font-size:1.4rem;
}
.contact-office .contact-tel {
  margin:0;
  padding:0;
}
.contact-office .contact-tel .fa-phone {
  font-size:2rem;
  padding: 0 0.5rem;
}
.contact-office .contact-tel a.contact-telno {
  color: #fff;
  font-size: 2.4rem;
  font-weight: bold;
}
.contact-office a.contact-telno:hover {
  text-decoration: none;
}
.access-map {
  padding-bottom:1rem;
}

/* ページトップ */
#page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 50%;
  margin:0;
  padding: 0;
}
#page-top a {
  display: block;
  padding: 13px 20px;
  background: #1E253F;
/*  border:1px solid #fff;*/
  text-decoration: none;
  color: #fff;
  text-align: center;
  border-radius: 4px;
}
#page-top a:hover {
  text-decoration: none;
  background:#365D54;
}



footer {
  background: #1E253F;
}
footer p {
  color: #fff;
  margin: 1.2rem 0;
  font-size: 0.9rem;
}
address {
}



/*==========  非モバイル・ファーストの場合  ==========*/
 
/* Lサイズ、ワイドスクリーン : Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
 
}
 
/* Mサイズ、デスクトップ : Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
  .site-name {
    text-align:center;
    padding:1rem 0 0.2rem 0;
  }
  .header-contact {
    text-align:center;
    padding:0.1rem 0 0.5rem;
  }
  .header-contact .fa-phone {
    font-size:1.3rem;
  }
  .header-contact .header-telno {
    font-size:1.5rem;
  }
  .contact-office .contact-time {
    font-size:1.2rem;
  }
}
 
/* Sサイズ、タブレット : Small Devices, Tablets */
@media only screen and (max-width : 768px) {
  .heading-access {
    margin:1rem 0;
    }
}
 
/* XSサイズ : Extra Small Devices, Phones */  
@media only screen and (max-width : 480px) {

}
 
/* カスタム, iPhone Retinaディスプレイ */ 
@media only screen and (max-width : 320px) {
    
}