@charset "UTF-8";

/* ------------------------------------------

目次
.homeContentContainer
.homeVisualArea

.anchr
.ghostButton
.loweTextArea

.pageTitleArea

------------------------------------------------------- */


@media (max-width: 991px) and (min-width: 768px){
.lowerContentContainer {
    padding: 0px 6% 80px;
}
}

@media only screen and (max-width: 767px) {
	.loweTextArea h2.headding span {
		font-size: 1.2em;
	}
}

@media only screen and (max-width: 767px) {
    .about .pageTitleArea.pageTitleArea-future {
        background-size:cover;
    }
}

.about .pageTitleArea.pageTitleArea-applicant {
    /* background: url("../../about/img/img-00.jpg") no-repeat center 60%; */
    background: url("../../about/img/img-00.jpg") no-repeat center 30%;
    background-size: 100%;
}

@media only screen and (max-width: 767px) {
    .about .pageTitleArea.pageTitleArea-applicant {
        background-size:cover;
        background-position: left 0;
    }
}

@media only screen and (max-width: 767px){
  .about .lowerContentContainer {
	    padding: 40px 6% 0;
	}
}


@media only screen and (min-width: 980px) {
    .about .lowerContentContainer {
        padding:80px 0;
        margin: auto;
        padding: 30px 0% 0% 0% ;
 		    width: 76%;
        margin: 60px auto 50px;
    }
}

/* .inner-top .loweTextArea */
.inner-top .loweTextArea {
    width: 50%;
}


.inner-bottom .loweTextArea {
    width: 100%;
    display: block;
    background: inherit;
}

@media only screen and (min-width: 768px) {
    .inner-bottom .loweTextArea .inner {
				padding: 30px 2%;
		    width: 72%;
		    margin: 80px auto 50px;
        background: #fbfafb;
    }

		.aC02 .loweTextArea .inner,
		.aC04 .loweTextArea .inner {
			margin-left: 15%;
			width: 74%;
			padding-left: 0;
			padding-right: 0;
    height: 125px;
		}

		.aC02 .loweTextArea .inner {
		  width: auto;
		  margin-left: 0;
		}

		.aC05 .loweTextArea .inner {

	    /* width: 81%; */
	    width: auto;
			padding-left: 0;
			padding-right: 0;
	    padding-bottom: 4px;
			margin-right: 0;
		}
}

/* Small devices: Tablets (≥768px) */
@media (min-width: 768px) and (max-width: 991px) {
    .inner-bottom .loweTextArea .inner {
		  margin: 30px 6% 60px;
		  width: 84%;
    }

		.inner-bottom .loweTextArea h2.headding  {
			text-align: left;
		}

    .inner-top .loweTextArea {
        width: 100%;
    }
}

@media only screen and (min-width: 1024px) {
  .inner-bottom .loweTextArea .inner {
    width: 77%;
  }

  .aC02 .loweTextArea .inner{
    margin-left: 50px;
  }

  .aC05 .loweTextArea .inner{
    width: 100%;
  }
}


@media only screen and (min-width: 980px) {
		.sectionBlock {
	    margin: 30px 0 0 0;
		}

    .inner-top .loweTextArea .leadText {
        font-size: 1.7em;
        letter-spacing: 0.25em;
    }

    #loadArea .inner-top .loweTextArea .leadText {
        font-size: 1.2em;
		}
}

/* section ------------------------------*/
.inner-bottom .SectionBlock p {
    letter-spacing: 0.15em;
}

.sectionBlock .workMenulist {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 1em;
}

.sectionBlock .workMenulist li {
    width: 25%;
    text-align: center;
    background: #ddd;
    border-right: 1px solid #ddd;
    height: 4em;
    line-height: 4em;
    letter-spacing: 0.05em;
}

.sectionBlock .workMenulist li:last-child {
    border: none;
}

.sectionBlock .workMenulist li a {
    display: block;
    background: #eee;
    position: relative;
}

.sectionBlock .workMenulist li a::after {
	content: "";
	color: #999;
	position: absolute;
	right: 0.6em;
	top: 45%;
	width: 4px;
	height: 4px;
	border-top: 1px solid #b0b0b0;
	border-right: 1px solid #b0b0b0;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

/* Extra small devices: Phones (<768px) */
@media (max-width: 767px) {
    .sectionBlock .workMenulist {
        display: block;
    }

    .sectionBlock .workMenulist li {
        width: 100%;
        border-bottom: 1px solid #ddd;
        border-right: none;
        position: relative;
    }

    .sectionBlock .workMenulist li::after {
        content: "";
        color: #000;
        width: 0.7em;
        height: 0.7em;
        position: absolute;
        right: 1em;
        top: 40%;
        z-index: 1;
    }
}

/* Small devices: Tablets (≥768px) */
@media (min-width: 768px) and (max-width: 991px) {
		.top-local-nav {
	    padding: 70px 6% 0px;
		}

		.sectionBlock .workMenulist {
			margin-bottom: 0;
		}

    .sectionBlock .workMenulist li a.fontS {
        font-size: 0.8em;
    }
}


/* #greetingTop
---------------------------------------------------------------------------- */

#greetingTop {
}

#greetingTop .profileArea {
    display: inline-block;
    float: left;
    width: 42%;
    margin-right: 5%;
    margin-bottom: 5%;/* 弁護士紹介の間を開ける */
    padding-right: 5%;
    border-right: 2px dotted #ddd;
}

/* Medium devices: Desktops (≥992px) */
 @media (min-width: 992px) and (max-width: 1199px) {

 }

 /* Large devices: Desktops (≥1200px) */
 @media (min-width: 1200px) and (max-width:1504px) {
	#greetingTop .profileArea {
		width: 45%;
    margin-right: 3%;
    padding-right: 3%;
		}

 }

@media (min-width: 1504px) {
	#greetingTop .profileArea {
		width: 42%;
    margin-right: 3%;
    padding-right: 3%;
		}
}

#greetingTop .profileArea:last-child {
    margin-right:0;
		padding-right: 0;
    border-right: none;
}

#greetingTop .i02 .profileAreaInner img{
	padding-top: 40px;
}

#greetingTop .profileAreaInner {
    float: left ;
    width: 53%;
    padding-right: 25px;
}

#greetingTop .profphoto {
		width: 38.5%;
}

#greetingTop .profileAreaInner:last-child {
    padding-right: 0;
}


#greetingTop .profileArea.i01 {
		width: 47%;
}

/* Extra small devices: Phones (<768px) */
@media (max-width: 767px) {
    #greetingTop .profileArea {
        float: none;
        width: 100%;
        margin-bottom: 30px;
    }

	#greetingTop .profileArea.i01 {
			width: 100%;
			border: none;
	}
}

/* Small devices: Tablets (≥768px) */
 @media (min-width: 768px) and (max-width: 991px) {
	 #greetingTop .profileAreaInner {
    float: left;
    width: 100%;
    padding-right: 25px;
	}

	#greetingTop .profileArea .profileAreaInner p.name {
    font-size: 1em;
	}
}

/* Large devices: Desktops (≥1200px) */
@media (min-width: 1200px) and (max-width:1504px) {
  #greetingTop .i02 .profileAreaInner img {
    padding-top: 20px;
  }
}


#greetingTop .profileArea img {
    width: 100%;
}

#greetingTop .profileArea .profileAreaInner h3 {
    font-size: 0.8em;
}

#greetingTop .profileArea .profileAreaInner h3.hobby_t{
	margin-top: 0.5em;
}

#greetingTop .profileArea .profileAreaInner p {
    font-size: 0.7em;
		margin: 0;
}

#greetingTop .profileArea .profileAreaInner p.name {
    line-height: 1.4em;
		padding-top: 5.5px;
		font-size: 0.9em;
}


#greetingTop .profileArea .profileAreaInner p.name span{
	text-indent: -0.6em;
	display: inline-block;
}

/* Extra small devices: Phones (<768px) */
@media (max-width: 767px) {
		#greetingTop .profileAreaInner {
			width: 100%;
		}

    #greetingTop .profileArea .profileAreaInner p {
        font-size: 1em;
    }

		#greetingTop .profileArea.i02 {
				margin-left: 0px;
		    padding-left: 0px;
		    border-left: none;
		}

		#greetingTop .profileArea .profileAreaInner p.name {
			font-weight: bold;
			margin-bottom: 10px;
		}
}

/* Small devices: SP横 (≥768px) */
@media (min-width: 320px) and (max-width: 767px) {
  #greetingTop .profileArea .profileAreaInner p {
    font-size: 0.8em;
  }
}

/* Small devices: Tablets (≥768px) */
@media (min-width: 768px) and (max-width: 991px) {
	#greetingTop .profileArea {
    width: 41%;
	}

	#greetingTop .profileArea.i01 {
	    width: 43%;
	}

	#greetingTop .i02 .profileAreaInner img {
    padding-top: 30px;
    /* padding-top: 40px; */
	}
}

 /* Medium devices: Desktops (≥992px) */
 @media (min-width: 992px) and (max-width: 1199px) {
 	#greetingTop .profileArea {
    display: inline-block;
    float: left;
    width: 46%;
    margin-right: 3%;
    padding-right: 2%;
 	}

	#greetingTop .profileArea.i01 {
    width: 45%;
	}

	 #greetingTop .profileAreaInner {
		width: 55%;
    padding-right: 15px;
	}

  #greetingTop .profileArea .profileAreaInner p {
      font-size: 0.6em;
  }

  #greetingTop .profileArea .profileAreaInner p.name {
  		font-size: 0.7em;
  }

	#greetingTop .i02 .profileAreaInner img {
    padding-top: 5px;
	}

	#greetingTop .profileAreaInner.profphoto {
	    width: 40%;
	}

 }



/* Large devices: Desktops (≥1200px) */
@media (min-width: 1200px) and (max-width:1504px) {
	#greetingTop .profileArea.i01 {
	    width: 47%;
	}
}

/* #greetingBottom
---------------------------------------------------------------------------- */

#greetingBottom {
	margin-top: 40px;
}

#greetingBottom h2 {
  font-size: 1.1rem;
	margin-bottom: 20px;
}

#greetingBottom h2::after {
	content:"";
}

#greetingBottom .greetingText {
    float: right ;
    width: 96%;
    padding: 30px 2%;
    background: #fbfafb;
    position: relative;
}

#greetingTop .sentenceHeadding01,
#greetingBottom .sentenceHeadding01 {
    color: #1b76d1;
    position: relative;
		font-size: 1.1rem;
}

#greetingTop .sentenceHeadding01::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 5.5em;
    display: inline-block;
    width: 20px;
    height: 3px;
    background: #1b76d1;
}

#greetingBottom .sentenceHeadding01::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 3.5em;
    display: inline-block;
    width: 20px;
    height: 3px;
    background: #1b76d1;
}

#greetingBottom .sentenceText.text-right {
    text-align: right;
    font-weight: bold;
    padding-right: 1em;
}


/* Extra small devices: Phones (<768px) */
@media (max-width: 767px) {
    #greetingBottom .sentenceHeadding01 {
        font-size: 1.425rem;
    }

    #greetingBottom .greetingText {
        float: none;
        width: 90%;
        padding: 5%;
    }
}


/* #office
---------------------------------------------------------------------------- */
#office .SectionBlock {
  position: relative;
}

/* 左側　事務所情報 */
#office dl {
    font-size: 18px;
    width: 40%;
    float: left;
    padding-right: 5%;
}

#office dl dt {
    padding: 10px 0 6px 1em;
    font-size: 14px;
    font-weight: normal;
    background: transparent;
    position: relative;
}

#office dl dt::before {
    content: "▶︎";
    position: absolute;
    left: 0em;
    font-size: 0.6em;
    top: 1.3em;
    color: #bcbcbc;
}

#office dl dd {
    background: #fff;
    padding: 4px 0 4px 1em;
    font-size: 14px;
    border-top: 1px solid #ddd;
}

/* Extra small devices: Phones (<768px) */
@media (max-width: 767px) {
    #office dl {
        width: 100%;
        float: none;
        margin-bottom: 30px;
    }

    #office dl dt::before {
        content: "▶︎";
        top: 1.9em;
    }
}

/*　.rightPhotoArea　*/
#office .rightPhotoArea .photo {
    display: inline-block;
    position: absolute;
}

#office .rightPhotoArea .photo img {
    border: 7px solid #fff;
    width: 300px;
}

#office .rightPhotoArea .photo span {
    line-height: 2.3em;
    display: block;
    font-size: 0.8em;
    text-align: right;
    color: #fff;
    letter-spacing: 0.1em;
    padding-right: 0.6em;
    background: #1c75d1;
    width: 5.1em;
    top: -2.4em;
    position: relative;
}

#office .rightPhotoArea .photo span {

}

#office .rightPhotoArea .photo-01 {
    right: 10px;
    top: 70px;
}

#office .rightPhotoArea .photo-01 span {
    right: -10px;
    position: absolute;
    display: inline-block;
		width: 4em;
    top: 200px;
}

#office .rightPhotoArea .photo-01 img {
    /* width: 100%; */
}

#office .rightPhotoArea .photo-03 {
    bottom: -10px;
		width: 315px;
}

#office .rightPhotoArea .photo-03 span {
	right:5px;
}

#office .rightPhotoArea .photo-03 img {
    width: 280px;
    width: 100%;
}

/* Extra small devices: Phones (<768px) */
@media (max-width: 767px) {
    #office .rightPhotoArea .photo {
        display: inline-block;
        position: relative;
        width: 100%;
        padding: 0;
    }

    #office .rightPhotoArea .photo img {
        width: 100%;
        border: none;
    }

    #office .rightPhotoArea .photo-01 {
  	    top: 30px;
        left: 0%;
    }

		#office .rightPhotoArea .photo-01 span {
	    top: 205px;
		}

    #office .rightPhotoArea .photo-03 {
        bottom: -60px;
    }
}

/* Extra small devices: Phone iphone3,4,5 */
@media (min-width: 320px) and (max-width:374px){
    #office .rightPhotoArea .photo-01 span {
      top: 170px;
  }
}

/* Small devices: SP横 (375px が max767px 対象) */
@media (min-width: 376px) and (max-width: 480px) {
  #office .rightPhotoArea .photo-01 span {
    top: 260px;
  }
}

/* Small devices: Tablets (≥768px) */
@media (min-width: 768px) and (max-width: 991px) {
  #office .rightPhotoArea .photo-01 {
    right: 0;
    top: 40px;
  }

  #office .rightPhotoArea .photo-01 img{
    width: 315px;
  }

	#office .rightPhotoArea .photo-03 {
    right: 15px;
	}
}

/* #loadArea
---------------------------------------------------------------------------- */

#loadArea .inner-top .loweTextArea .leadText {
	color: #444444;
	letter-spacing: 0.05em;
}

#loadArea .inner-bottom .loweTextArea h3.headding span{
	color: #444444;
}


#loadArea .inner-bottom .loweTextArea h3.headding {
	text-align: center;
	margin-bottom: 20px;
  text-indent: -0.5em;
}

#loadArea .inner-bottom .loweTextArea h3.headding span{
	padding: 0 30px 0 ;
  font-size: 1.2em;
}


#loadArea .inner-bottom .loweTextArea h3.headding span:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    width: 15px;
    height: 1px;
    background: #444444!important;
		text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.99);
}

#loadArea .loweTextArea h3.headding span:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    display: inline-block;
    width: 15px;
    height: 1px;
    background: #444444!important;
}

#loadArea .inner .SectionBlock .inner-top .lowerPhotoArea{
	background-size: cover!important;
}

#loadArea .inner .SectionBlock .aC01 .lowerPhotoArea{
	background: url(../../about/img/img-load01.jpg) no-repeat ;
}

#loadArea .inner .SectionBlock .aC02 .lowerPhotoArea{
	background: url(../../about/img/img-load02.jpg) no-repeat ;
}

#loadArea .inner .SectionBlock .aC03 .lowerPhotoArea{
	background: url(../../about/img/img-load03.jpg) no-repeat ;
}

#loadArea .inner .SectionBlock .aC04 .lowerPhotoArea{
	background: url(../../about/img/img-load04.jpg) no-repeat ;
}

#loadArea .inner .SectionBlock .aC05 .lowerPhotoArea{
	background: url(../../about/img/img-load05.jpg) no-repeat ;
}

@media only screen and (max-width: 767px){
	 #loadArea .inner .SectionBlock .lowerPhotoArea {
	    padding-bottom: 0px;
    min-height: 220px;
	}

	#loadArea .inner-top .loweTextArea {
    padding-bottom: 20px;
  }

  #loadArea .inner-bottom .loweTextArea h3.headding {
     padding-top: 30px;
  }

	#loadArea .inner-top .loweTextArea .leadText {
		text-align: center;
	}
}


/* Small devices: Tablets (≥768px) */
@media (min-width: 768px) and (max-width: 991px) {
		#loadArea .inner-top .loweTextArea .leadText {
			text-align: center;
		}
		#loadArea .inner-top .loweTextArea .inner {
		  margin: 30px 6% 0px;
		}
}


@media only screen and (min-width: 1024px) {
  #loadArea .inner-top .loweTextArea .leadText,
  #loadArea .inner-bottom .loweTextArea .leadText {
    font-size: 0.95em;
  }
}


/* #mapArea
---------------------------------------------------------------------------- */

#mapArea .inner-top .loweTextArea iframe {
    width: 100%;
    height: 500px;
    margin-bottom: -8px;
}

#mapArea .loweTextArea .inner {
    padding: 0;
		position: relative;
}

#mapArea .loweTextArea .inner p#map-image {
    position: absolute;
    right: 3em;
    bottom: 23px;
    z-index: 100;
    background: #fff;
    border-top: 3px solid #fff;
    border-left: 3px solid #fff;
    border-right: 3px solid #fff;
		border-radius: 3px;
    margin-bottom: 0;
}

#mapArea .loweTextArea .inner p#map-image::after {
		background: #fff;
    content: "ストリートビューで見る";
		color: #1c75d2;
    font-size: 0.6em;
    text-shadow: 1px 1px 0px #ffffff;
    text-align: center;
    display: block;
    font-weight: bold;
    line-height: 2.3em;
    letter-spacing: -0.05em;
}

 #mapArea .loweTextArea .inner p#map-image img {
    width: 220px;
    height: 130px;
    display: block;
}

#mapArea .ghostButton.ghostButton-contentEntry a {
    border: 3px solid #1c75d2;
    width: 550px;
}

/* Extra small devices: Phones (<768px) */
@media (max-width: 767px) {
    #mapArea .inner-top .loweTextArea {
      width: 100%;
    }

    #mapArea .inner-top .loweTextArea iframe {
      height: 300px;
    }

    #mapArea .loweTextArea .inner p#map-image::after {
      line-height: 1.8em;
      letter-spacing: -0.15em;
    }

    #mapArea .loweTextArea .inner p#map-image img {
      height: 60px;
      width: 104px;
    }
}

/* -------------------------------------------------------
RWD 共通
------------------------------------------------------- */
/* Extra small devices: Phones (<768px) */
@media (max-width: 767px) {
    .hidden-xs {
        display: none;
    }

    .visible-over-768 {
        display: block!important;
    }
}

/* Small devices: Tablets (≥768px) */
@media (min-width: 768px) and (max-width: 991px) {
	.hidden-over-768,
	.visible-over-768-photo {
    display: block;
    height: 270px;
    background-position: center!important;
	}
}

/* ------------------------------------------
clearfix
------------------------------------------- */
.about .sectionBlocka:after,
#office .rightPhotoArea:after,
#office .SectionBlock:after,
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
}

.about .sectionBlocka,
#office .rightPhotoArea,
#office .SectionBlock ,
.clearfix {
    display: block;
}