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

.imgBlock {
height: 350px;
background-repeat: no-repeat;
background-size: cover;
background-position: center, center;
color: #fff;
}

#message .imgBlock {
background-image: url("../images/bg02.jpg");
}

#field .imgBlock {
background-image: url("../images/bg03.jpg");
color: #000 !important;
}

#lawyer .imgBlock {
background-image: url("../images/bg04.jpg");

background-size: cover;
}

#access .imgBlock {
background-image: url("../images/bg05.jpg");
}
#news .imgBlock {
background-image: url("../images/bg06.jpg");
}
@media (max-width: 420px) {
.imgBlock {
height: 200px;
background-repeat: no-repeat;
background-size: cover;
background-position: center, center;
color: #fff;
}
#field .imgBlock {
background-image: url("../images/bg09.jpg");
color: #000 !important;
}
#lawyer .imgBlock {
background-image: url("../images/bg08.jpg");
background-repeat: repeat;
background-size: auto;
}
}



.h2Block {
margin-bottom: 90px;
	position: relative;
}

.h2Block p {
text-align: left;

}


.ttl {
font-size: 45px;
letter-spacing: 0.1em;
font-family: garamond-premier-pro-display, serif;
font-weight: 300;
font-style: normal;
padding-top: 220px;
margin-bottom: 10px;
text-align: center;
}
.sub-ttl {
font-size: 16px;
letter-spacing: 0.2em;
font-family: garamond-premier-pro-display, serif;
font-weight: 300;
font-style: normal;
text-align: center;
}

.logoBlock {
position: fixed;
top: 30px;
left: 30px;
z-index: 5;
width: 40px;
}

@media (max-width: 420px) {
.ttl {
font-size: 23px;
letter-spacing: 0.1em;
padding-top: 110px;
margin-bottom: 0px;
text-align: center;
}
.sub-ttl {
font-size: 10px;
letter-spacing: 0.2em;
margin-bottom: 20px;
}

.readBlock {
font-size: 20px;
line-height: 30px;
letter-spacing: 0.2em;
font-family: "Hiragino Mincho ProN", Yu Mincho;
}
}

.container {
width: 100%;
background-color: rgba(255,255,255,1);
}

.content {
background-color: rgba(255,255,255,1);
width: 80%;
margin: 0 auto;
padding: 80px 0;
text-align: center;
}

.txtBox {
color: #221815;
}

.txtBox p{
text-align: left;
}


/* アクセスCSS */
#access .adress {
margin-top: 40px;
margin-bottom: 100px;
text-align: center;
}

.iconBlock {
max-width: 82px;
border-top:  solid 1px #000;
margin: 0 auto;
margin-bottom: 20px;
padding-top: 50px;
}

.parkingTxt {
color: #004377 !important;
font-weight: bold;
margin-bottom: 60px;
}
.parkingMap {
max-width: 500px;
margin-bottom: 60px;
margin: 0 auto;
}

.parkingGuid {
width: 180px;
margin: 0 auto 60px auto;
}

.guidBox {
max-width: 180px;
margin-bottom: 40px
}

/* 業務内容CSS */
 
/* モーダルウィンドウのスタイル */
.modal {
  position:fixed;
	width: 100%;
    height: 100vh;
  top:0;
  left:0;
  background-color: rgba(255,255,255,0.9);
  display:none;
	z-index:10;
    overflow: scroll; 
}
 
/* モーダルウィンドウの中身のスタイル */
.modal .inner {
  position:absolute;
  font-size: 16px;
  line-height: 180%;
  z-index:11;
  top:50%;
  left:50%;
  width: 80%;
    padding-bottom: 80px;
transform: translateX(-50%) translateY(-50%);
    padding-top:60px;
    color: #043459;
}
.modal .inner ul li {
text-align: left;
}

 
 
.closeBlock {
position: absolute;
top: 15px;
right: 15px;
}
@media (max-width: 420px) {
.modal .inner {
  font-size: 14px;
}
#modal01 .inner  {
position:absolute;
  font-size: 14px;
  line-height: 150%;
  z-index:11;
  top:50%;
  left:50%;
  width: 75%;
transform: translateX(-50%) translateY(-50%);
    padding-top:400px;
    color: #043459;
}
#modal01 .closeBlock {
position: absolute;
top: 30%;
right: 15px;
}
}





/* ニュースCSS */

.articleBlock{
margin-bottom: 60px;
}

.articleTtl {
font-size: 20px;
font-weight: 300;
line-height: 150%;
margin-bottom: 20px;
}

.articleDate {
font-size: 14px;
font-weight: 600;
margin-bottom: 20px;
}

.articleTxt {
font-weight: 300;
text-align: left;
}

.archiveContent {

}


h3 {
font-size: 14px;
margin-bottom: 10px;
font-weight: bold;
}

.listYear {
margin-bottom: 40px
}

.listYear ul {
margin: 0;
padding: 0;
}

.listYear ul li {
margin: 0;
padding: 0;
list-style: none;

}
.listYear ul li::before {
content: "- ";
}

/* 弁護士CSS */
.profileBox {

margin-bottom: 60px;
}
.profileBox-txt {
margin-bottom: 60px;
}

dl {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 60px;
}
dt{
flex-basis: 100%}
dd{flex-basis: 100%}

body.fixed {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
}