/* CSS Document */
/* ================================================================

フロントページ専用

================================================================ */
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?t0yxs4');
  src:  url('fonts/icomoon.eot?t0yxs4#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?t0yxs4') format('truetype'),
    url('fonts/icomoon.woff?t0yxs4') format('woff'),
    url('fonts/icomoon.svg?t0yxs4#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-envelope:before {
  content: "\e913";
  font-size: 30px;
  position:  absolute;
  top: 18px;
  left: 18px;
}
.header_hidden_mail .icon-envelope:before {
  content: "\e913";
  font-size: 15px;
  position:  absolute;
  top: 9px;
  left: 7px;
}
.icon-arrow-down:before {
	content: "\e900";
}
.icon-arrow-left:before {
	content: "\e901";
}
.icon-arrow-right:before {
	content: "\e902";
}
.icon-arrow-up:before {
	content: "\e903";
}
.icon-check:before {
	content: "\e904";
}
.icon-chevron-down:before {
	content: "\e905";
}
.icon-chevron-left:before {
	content: "\e906";
}
.icon-chevron-right:before {
	content: "\e907";
	position:  absolute;
	top:  0;
	right: 10px;
}
.lawyer_msg_name .icon-chevron-right:before {
	content: "\e907";
	position:  absolute;
	top:  0px;
	right: 10px;
}
.pan .icon-chevron-right:before {
	top:  0;
	right: -20px;
}
.icon-chevron-up:before {
	content: "\e908";
}
.icon-chevrons-down:before {
	content: "\e909";
}
.icon-chevrons-left:before {
	content: "\e90a";
}
.icon-chevrons-right:before {
  line-height:  0;
  content: "\e90b";
  position:  absolute;
  top: 43px;
  right: -23px;
}
.icon-chevrons-up:before {
	content: "\e90c";
}
.icon-code:before {
	content: "\e90d";
}
.icon-log-in:before {
	content: "\e90e";
}
.icon-phone2:before {
	content: "\e90f";
}
.icon-phone-call:before {
	content: "\e910";
}
.icon-x:before {
	content: "\e911";
}
.icon-x-circle:before {
	content: "\e912";
}
.icon-connection:before {
	content: "\e91b";
}
.icon-stack:before {
	content: "\e92e";
}
.icon-phone:before {
	content: "\e942";
}
.icon-bubbles2:before {
	content: "\e96d";
}
.icon-cross:before {
	content: "\ea0f";
}
.icon-000:before {
  content: "\e91c";
}

.serif {
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", '游明朝体','Yu Mincho','Yu Gothic' ,"HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", 'serif','Noto Serif';
}
.in-block{display: inline-block;}
.red{color:#990000;}
@media screen and (min-width: 769px) {
	.pimg{display:block;}
	.simg{display:none;}
	.txt{
		font-size:18px;
		/*width: 90%;
    display: block;
    margin: 0 auto;
    max-width: 1200px;
    line-height: 1.9;
    text-align: center;*/
	}
	
}
@media screen and (max-width: 768px) {
	.simg{display:block;}
	.pimg{display:none;}
	.ptxt{font-size:16px;}
}
/*---------------------------------------------------------------------*/
/*mvやり直し*/

.main_top {
  background: url("../img/mv.png") no-repeat;
  background-position:top right;
	padding-top: 30.3%!important;
	height: auto;
  background-size:cover;
	position: relative;
	margin-top: 95px;
	font-weight: bold;
}
.main_top .mainCatch .red{font-size: 58px;}
.main_top .mainCatch .dwn{display: block;}
@media screen and (min-width:1850px) {
	.main_top .mainCatch {
    position: absolute;
    left:10%;
		top: 190px!important;}

}
@media screen and (max-width:1849px) {
	.main_top .mainCatch {
    position: absolute;
    left:5%;
		top: 180px;}

}
@media screen and (max-width:1849px) {
.main_top .mainCatch {
    position: absolute;
    left: 3%;
    top: 160px!important;
}

}
@media screen and (max-width: 1600px){
.main_top .mainCatch {
    position: absolute;
    left: 5%;
    top: 140px!important;
}
}
@media screen and (max-width:1500px) {
.main_top .mainCatch {
    position: absolute;
    left: 3%;
    top: 130px!important;
}
}
@media screen and (max-width:1440px) {
	 .main_top {
    background-position: 45%!important;
   height: 550px!important;
		 background-size:cover!important;
}
	.main_top .mainCatch {
    position: absolute;
    left: 3%;
    top: 150px!important;
}
}
@media screen and (max-width: 768px) {
 .main_top {
	 background-image: url("../img/mv_sp.png")!important;
    padding-top: 104.6%!important;
	 background-repeat: no-repeat;
	 background-position: initial!important;

    height:auto!important;
  }
}
.main_top .mainCatch {
  /*font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", 'Noto Serif Mincho', "HG明朝E", "ＭＳ 明朝", "ＭＳ Ｐ明朝", serif;*/
  font-size:48px;
	    position: absolute;
    top: 100px;
	left: 3%;
	color: #060d1f;
	    line-height: 1.3;
}
@media screen and (max-width: 1280px) {
  .main_top .mainCatch {
    font-size: 45px;
  }
}
@media screen and (max-width: 1360px) {
	.main_top .inner .mainCatch .dwn2{
		display: block;

	}
	
}
@media screen and (max-width: 1024px) {
	.main_top {
    background-position: 45%;
   
}
	.main_top .mainCatch .red {
    font-size: 48px;
}
	.main_top .mainCatch {
    position: absolute;
    left: 3%;
    top: 170px!important;
}
  .main_top .mainCatch {
    font-size: 40px;
  }
}
@media screen and (max-width: 920px) {
  .main_top .mainCatch {
    font-size: 35px;
  }
}
@media screen and (max-width: 768px) {
  .main_top .mainCatch {
    font-size: 26px;
  }
}
@media screen and (max-width: 420px) {
  .main_top .mainCatch {
    font-size: 20px;
  }
}
.main_top .mainCatch span {
  font-size: 50px;
}
@media screen and (max-width: 1280px) {
  .main_top .mainCatch span {
    font-size: 52px;
  }
}
@media screen and (max-width: 1024px) {
  .main_top .mainCatch span {
    font-size: 46px;
  }
}
@media screen and (max-width: 920px) {
  .main_top .mainCatch span {
    font-size: 38px;
  }
}
@media screen and (max-width: 768px) {
  .main_top .mainCatch span {
    font-size: 32px;
  }
}
@media screen and (max-width: 420px) {
  .main_top .mainCatch span {
    font-size: 26px;
  }
}

/* -- mv -- */
@media screen and (min-width: 769px) {

}
@media screen and (max-width: 1024px) {
  .main_top {
	  margin-top: 65px;
    /*height: calc( 578px * .8);
    padding-top: 0;*/
  }
}
@media screen and (max-width: 768px) {
  .main_top {
    height:100%;
  }
}

@media screen and (max-width: 1024px) {
  .main_top .inner {
    background-position-x: 90%;
  }
}
@media screen and (max-width: 768px) {
  .main_top .inner {
    background: none;
  }
}
.main_top .inner .mainCatch {
  font-weight: bold;
}
@media screen and (max-width: 768px) {
	  .main_top .inner {
    justify-content: center;
    padding: 0;
    background: none;
  }
  .main_top .inner .mainCatch {
    display: none;
  }
}
.main_top .mvImage img {
  width: 100%;
}

@media screen and (max-width: 1024px) {
  .main_top .inner {
    /*display: flex;*/
    flex-direction: row;
    align-items: center;
    justify-content: center;
    align-content: stretch;
    background-size: contain;
    padding-right: 16vw;
  }
}
@media screen and (max-width: 920px) {
  .main_top .inner {
    justify-content: flex-end;
    padding: 20px;
    padding-right: 24vw;
  }
}


@media screen and (max-width: 480px) {
  .main_top .inner {
    background: none;
    padding: 0;
  }
}
@media screen and (max-width: 375px) {
.main_top {
    margin-top: 60px;
}
}
/*--------*/


/*逮捕直後接見・面会ができるのは弁護士だけです*/
#keiji_lp .keiji1{
  overflow: hidden;
  position: relative;
  background: #fff;
 padding: 5rem 0 7rem;
  color: #333;
}
#keiji_lp .keiji1 h2 .dwn{
	display: block;
}
#keiji_lp .keiji1 h3{
	font-size: 30px!important;
	color: #990000;
	margin:0 auto 20px;
	text-align: center;
}
#keiji_lp .keiji1 h2{
	position: absolute;
	line-height: 1.5!important;
	top: 37%;
    left:20%;
	font-size: 45px;
	text-align: left;
}
#keiji_lp .keiji1 .ttl_a{
	/*max-width: 1903px;
	width: 100%;*/
	height: 498px;
	color:#fff;
	background: url("../img/ttl1.png")no-repeat;
	background-position: center;
	background-size:100%;
	position: relative;
}
#keiji_lp .keiji1 .txt {
    width: 90%;
    display: block;
    margin: 0 auto;
    max-width: 1200px;
    line-height:2;
}
@media screen and (min-width: 1700px){
#keiji_lp .keiji1 .ttl_a {
    margin: 5% auto 3%!important;
}
}
@media screen and (max-width: 1499px){
#keiji_lp .keiji1 h2 {
    top: 38%;
    left: 15%;
}

	}
@media screen and (max-width: 1100px){
#keiji_lp .keiji1 {

    padding: 2rem 0 7rem;
}
}
@media screen and (max-width: 1440px){

}
@media screen and (max-width: 1280px){
#keiji_lp .keiji1 h2 {
    font-size: 40px;
}
	#keiji_lp .keiji1 .ttl_a {
    margin: -3% auto -2%;
}

	}
@media screen and (max-width: 1180px){
#keiji_lp .keiji1 h2 {
    top: 38%;
    left: 10%;
}
	
	}
@media screen and (max-width: 1024px){
	#keiji_lp .keiji1 {

		padding: 5rem 0 5rem;}
#keiji_lp .keiji1 .ttl_a {
    margin: -9% auto -7%;
}
#keiji_lp .keiji1 h2 {
    top: 39%;
    left: 10%;
	    font-size: 35px;
}
	}
@media screen and (max-width: 880px){
#keiji_lp .keiji1{
    padding: 3rem 0;
}
}
@media screen and (max-width: 820px){
#keiji_lp .keiji1 .ttl_a {
    margin: -18% auto -15%!important;
}
	}
@media screen and (max-width: 920px){


#keiji_lp .keiji1 h2 {
	    top: 41%!important;

    font-size: 30px!important;
}
	}

@media screen and (max-width: 768px){

	#keiji_lp .keiji1  h3 .dwn {
    display: block;
    margin-top: -15px;
}
	#keiji_lp .keiji1 {
 
    padding: 0 0 5rem;

}
#keiji_lp .keiji1 h2{
    position: initial!important;
	margin-bottom: 60px;
}
	}

@media screen and (max-width: 425px){
	#keiji_lp .keiji1 h2 {
		margin-bottom: 60px;}
#keiji_lp .keiji1 h3 {
    font-size: 24px!important;
}
	}
@media screen and (max-width: 375px){
	#keiji_lp .keiji1 h3 {
    font-size: 22px!important;
}
}
@media screen and (max-width: 420px){
#keiji_lp .keiji1 h2 {
	margin-bottom: 40px;}
	}
/*接見の必要性*/
#keiji_lp .skn{
	background: url("../img/bg1.png")no-repeat;
	background-position: right bottom;
	background-size: cover;
	backgroud-color:#eee!important;
	padding: 5rem 0;
}
#keiji_lp .skn .b_btn2{
	margin: 0 auto!important;
}
#keiji_lp .skn img{
	width: 90%;
	max-width: 360px;
	height: auto;
	margin-right: 40px;
}
#keiji_lp .skn .inner{
	display: flex;
	max-width: 1200px;
	    width: 90%;
    margin: 0 auto;
}
#keiji_lp .skn h2{
	width: 480px;
	text-align:center;
	font-size: 45px;
	margin: 0 auto 50px;
	color: #121f3c;
	border-bottom: 1px solid #121f3c;
}
#keiji_lp .skn .txt {
    width: 90%;
    display: block;
    margin: 0 auto 40px;
    max-width: 1200px;
    line-height:2;
}
@media screen and (max-width:768px) {
	#keiji_lp .skn .txt {
    margin-left: auto!important;
}
	#keiji_lp .skn .inner {
 
    margin: 0 auto 40px;
}
	#keiji_lp .skn .txt {
    margin:0 auto;
}
		#keiji_lp section.skn > .inner .lead {
    padding: 0 10px!important;
}
#keiji_lp .skn .inner{
	display: block;
	    width: 100%!important;

}
	#keiji_lp .skn img {
    margin: 0 auto 30px!important;
    display: block;
}
}
@media screen and (max-width:550px) {
	#keiji_lp .skn img {
    width: 90%;
}
	#keiji_lp section.skn > .inner .lead {
    padding: 0!important;
}

	#keiji_lp section.skn{
		padding: 3rem 0;
	}	
#keiji_lp .skn h2 {
    width: 320px;
    text-align: center;
	font-size: 30px;}
}
@media screen and (max-width: 420px){

	#keiji_lp .skn h2 {

		margin: 0 auto 30px;}
	#keiji_lp .skn h2 {
		width:250px;}
	#keiji_lp section.skn h2 .dwn{
		display: block;
		margin-top: -15px;
		margin-bottom: 7px;
	}	
#keiji_lp section.skn > .inner .lead {
    margin: 0 auto 40px;
}
}
@media screen and (max-width: 1024px) {
	#keiji_lp .skn .txt {
		margin-left: 10px;}
		#keiji_lp .skn img{
		width: 90%;}
	#keiji_lp .skn .inner {

		width: 90%;}
	#keiji_lp .skn img{
	
	margin-right:0;
}
#keiji_lp .skn > .inner .lead {
    width: 100%;
    padding: 0 40px;
}
}
/*btn*/
#keiji_lp .lp_box .ttl_n {
    position: relative;
    padding: 50px 20px;
    color: #ffffff;
    text-align: center;
    background: #990000;
	margin-bottom: 80px;
}
#keiji_lp .lp_box .ttl_n::after {
    content: '';
    position: absolute;
    bottom: -29px;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 30px 0 30px;
    border-color: #990000 transparent transparent transparent;
}
#keiji_lp .lp_box{
 background:#f2eaea!important;
	padding-top: 0;
	margin: 0;
}
#keiji_lp .lp_box .ttl_n h2 .dwn{display: block;}
#keiji_lp .lp_box .ttl_n h2{
	font-size: 40px;
	color:#fff;
}
/*kijiへのリンクコーナー*/
#keiji_lp .lp_box{
	max-width: 100%;
	margin: 0 auto;
	background: url("images/lp_bg.png")center no-repeat;
	padding:0 0 5rem;
	background-size: cover;
}
#keiji_lp .lp_box .webp {background-image: url(images/lp_bg.png.webp);}
#keiji_lp .lp_box h2{font-size:40px;}
#keiji_lp .lp_box h2 .dwn{
	display: block;
	margin-top: -15px;
}
#keiji_lp .lp_box h2 img{
	max-width: 603px;
	width: 90%;
	margin: 0 auto 70px;
}
#keiji_lp .l_box{
	/*max-width: 1200px;
	width: 95%;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;*/
	max-width: 1200px;
    width: 80%;
    margin: 0 auto;
    display: flex;
    /*justify-content: space-between;
    flex-wrap: wrap;*/
    list-style: none;
}
/*.l_box:first-of-type{margin-bottom: 20px;}*/
#keiji_lp .lp_box .l_box li {
	width: calc(100% / 4 - 0.05rem );
	/*margin: 0 auto;*/
	margin-bottom: 1%;
}
#keiji_lp .lp_box .l_box li img{
	max-width:267px;
	/*width:278px;*/
	width: 100%;
	margin:0 auto 0;
	/*height: 147px;*/
} 
#keiji_lp .lp_box .l_box li img:hover{opacity:0.5;}
#keiji_lp .flex-item1 {
flex-basis: auto; /* flexアイテムの幅を自動で調整 */
}
@media screen and (max-width:1024px){
	#keiji_lp .lp_box h2 {
    font-size: 32px;
}
	#keiji_lp .lp_box .l_box li {
	
	margin-bottom: 0;
}
	#keiji_lp .l_box {

		justify-content: center;}
}
@media screen and (max-width:768px){
	#keiji_lp .l_box {
		width:70%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    list-style: none;
		
}
	#keiji_lp .irai_merit {
		margin: 20px auto 100px;}
	#keiji_lp .lp_box .l_box li {
		
    width: 50%;

    margin: 0 auto;
}
	#keiji_lp .lp_box .l_box li img {
    /* max-width: 278px; */
        width: 95%;
    margin-top: 10px;}
	#keiji_lp .lp_box {
		display: block!important;
		margin: 0 auto;
		padding:0 0  100px;
		    background-size: 100% 100%;
	}
	#keiji_lp .lp_box h2 .dwn {
    margin-top: -10px;
}
#keiji_lp .lp_box h2 {
    font-size: 26px;
	margin-bottom: 50px!important;
}
	#keiji_lp .lp_box{
		padding-bottom: 5rem;}
#keiji_lp .lp_box h2 img {
	width: 50%;}
/*	.l_box:first-of-type {
    margin-bottom:0.7rem;
}*/
}
@media screen and (max-width:579px){
	#keiji_lp .lp_box h2 {
		font-size: 22px;}
}
@media screen and (max-width:550px){
	#keiji_lp .lp_box .ttl_n {
		padding:30px 20px;}
	#keiji_lp .lp_box .l_box li img {
    width: 95%;
    display: block;
    /* padding: 0 5%; */
    margin-top: 10px;
}
	#keiji_lp .lp_box h2 img {
    width: 70%;
}
	#keiji_lp .l_box {
		width: 95%;}
	#keiji_lp .lp_box h2 .dwn2{
		display: block;
		margin-top: -5px;
	}
}
@media screen and (max-width:425px){
		#keiji_lp .lp_box h2 .dwn{
		display: block;
		margin-top: -5px;
	}
	#keiji_lp .lp_box h2 {
    font-size:19px;
}
	#keiji_lp .lp_box {

		margin:0 auto 0;}
	#keiji_lp .irai_merit {
		margin: -18px auto 50px;}
#keiji_lp .lp_box .l_box li {
    width: 50%;
    margin: 0 auto;
}
	#keiji_lp .lp_box h2 img {
    margin: 0 auto 50px;
}
	#keiji_lp .lp_box {
		padding:0 0 80px;}
}

@media screen and (max-width:390px){
	#keiji_lp .lp_box h2 {
    font-size: 17px;
}
#keiji_lp .lp_box h2 {
	
}

}
@media screen and (max-width:375px){
/*.lp_box .l_box li {
    width:90%;
}*/
	#keiji_lp .lp_box h2 img {
    margin: 0 auto 30px;
}
}
@media screen and (max-width:320px){
#keiji_lp .lp_box h2 img {
    width: 80%;
}
}
/*zaimei*/
#keiji_lp .zaimei{
	background:url("../img/bg2.png")no-repeat,url("../img/bg2b.png")no-repeat;
	background-position: left,right;
	background-size: contain;
	padding: 7rem 0;
	
}
#keiji_lp .zaimei h2 img{
	max-width:1191px;
	margin: 0 auto 60px;
	width: 90%;
}
#keiji_lp .zaimei ul h3{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 20px;
	text-align: center;
	background:#990000!important;
	padding: 10px;
	color: #fff;
	font-weight: bold;
}
#keiji_lp .zaimei ul{
	width: 95%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	display:flex;
	max-width: 1200px;
	margin: 0 auto;
}
#keiji_lp .zaimei ul li{
	font-size: 16px;
	border: 1px solid #990000;
background-color: #fff;
	margin: 0 auto;
	width: calc(100% / 4 - 5rem );
	
}
#keiji_lp .zaimei ul li div a:before{
	content: '';
	background: url("../img/aw.png")no-repeat;
	width: 6px;
	height: 8px;
	margin-right: 10px;
	display: inline-block;
}
#keiji_lp .zaimei ul li div a{
	display: block;
	color: #333;
}
#keiji_lp .zaimei ul li div{
	display: block;
	padding: 15px;
}
@media screen and (max-width: 1150px) {

#keiji_lp .zaimei ul li div{

	font-size: 14px;
}
}
@media screen and (max-width:1024px) {
	#keiji_lp .zaimei {

    padding: 5rem 3%!important;
}
	#keiji_lp .zaimei ul li {
  
    width: calc(100% / 4 - 4rem );
}
	#keiji_lp .zaimei {
    
    background-position: left,right bottom;
    background-size: cover;
    padding: 5rem 0;
}
#keiji_lp .zaimei ul {
    width:100%;
  /*justify-content: center;*/
	flex-wrap: wrap;}
	#keiji_lp .zaimei ul li {
		margin-bottom: 5%;}
}

@media screen and (max-width:990px) {
	#keiji_lp .zaimei ul li {
    margin-bottom: 2.5%;
}
#keiji_lp .zaimei ul li {
    width: calc(100% / 2 - 2rem );
}
}
@media screen and (max-width:768px) {
	#keiji_lp .zaimei ul {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0 auto;
}
#keiji_lp .zaimei ul li {
    
       /* width: 48%; */
    width: calc(100% / 2 - 0.9rem );}
}
	@media screen and (min-width:661px) {
#keiji_lp .zaimei h2 .pimg {
display: block;
		}
#keiji_lp .zaimei h2 .simg {
display: none;
		}
}
	@media screen and (max-width:660px) {
		#keiji_lp .zaimei ul li {
    margin-bottom: 1.5%;
}
		#keiji_lp .zaimei ul li {
    width: calc(100% / 2 - 0.5rem );
}
		#keiji_lp .zaimei ul {

    margin: 0 auto!important;
}
		#keiji_lp .zaimei h2 img {
    max-width:768px;
    margin: 0 auto 40px;
    width: 90%;
}
#keiji_lp .zaimei h2 .simg {
display: block;
		}
#keiji_lp .zaimei h2 .pimg {
display: none;
		}
}
		
@media screen and (max-width:425px) {
	#keiji_lp .zaimei ul h3 {
  
		font-size: 16px;}
	#keiji_lp .zaimei {
    
    padding: 4rem 0;
}
	#keiji_lp .zaimei ul li {
    margin: 0 auto 20px;
    width: 90%!important;
}
	#keiji_lp .zaimei ul {
    width: 100%;
    justify-content: center!important;
    margin: 0 auto!important;
    display: block;
}
		}
/*team*/
#keiji_lp .team{
	background: url("../img/bg3.png")no-repeat;
	background-position: right bottom;
	background-size: cover;
	backgroud-color:#eee!important;
	padding: 5rem 0;
}
#keiji_lp .team .b_btn2{
	margin: 0 auto!important;
}
#keiji_lp .team h2{
	width: 880px;
	text-align:center;
	font-size: 45px;
	padding-bottom: 10px;
	margin: 0 auto 50px;
	color: #121f3c;
	border-bottom: 1px solid #121f3c;
}
#keiji_lp .team .txt {
    width: 90%;
    display: block;
    margin: 0 auto;
    max-width: 1200px;
    line-height: 2;
}
#keiji_lp .team h2 .red{color: #990000;}
#keiji_lp .team h2 .dwn{
	display: block;
	margin-top: -25px;
}
@media screen and (max-width:990px) {

	#keiji_lp .team h2 {
    width: 700px;
  
    font-size: 35px;
}
}
@media screen and (max-width:768px) {
	#keiji_lp section.team > .inner .lead {
    padding:0 20px!important;
}
	#keiji_lp .team h2 {
    width: 580px;
}
	#keiji_lp .team h2 .dwn2{
		display: block;
		margin-top: -20px;
	}
}
@media screen and (max-width:550px) {
	#keiji_lp .team h2 i{
    font-size: 22px!important;
}
	#keiji_lp section.team > .inner .lead {
    padding: 0!important;
}

	#keiji_lp .team {
		background-position: 75% bottom;}
	#keiji_lp .team h2 .dwn,
		#keiji_lp .team h2 .dwn2{
			display:inline;
			margin-top: 0;
	}
	#keiji_lp section.team{
		padding: 3rem 0;
	}	
#keiji_lp .team h2 {
	padding-bottom: 20px;
	    line-height: 1.2;
    width: 400px;
    text-align: center;
	font-size: 30px;}
}
#keiji_lp .team h2 i {
    font-size: 34px;
}
@media screen and (max-width: 425px){
	#keiji_lp section.team {
    padding: 3rem 0;
}
	#keiji_lp .team h2 {
 
		margin: 0 auto 30px;}
	#keiji_lp .team h2 .dwn, #keiji_lp .team h2 .dwn2 {
		display: block;}
	#keiji_lp .team h2 {
		line-height: 1.5;
		font-size: 26px;
		text-align: center;
		width:320px;}
	
#keiji_lp section.team > .inner .lead {
    margin: 0 auto 40px;
}
}
@media screen and (max-width:375px) {
#keiji_lp .team h2 {
		
		width:290px!important;}
}
@media screen and (max-width: 1024px) {
#keiji_lp section.team > .inner .lead {
    width: 100%;
    padding: 0 40px;
}
}
/*お手伝いできること*/


#keiji_lp .b_box{
	padding: 0 0 7rem!important;
	background:url("../img/bg5.png")no-repeat;
	background-size: cover;
	background-position: right;
}
#keiji_lp .b_box h2 img{
	max-width:646px;
	margin: 0 auto;
	width: 50%;
	display: block;
}

#keiji_lp .b_box .ttl_n .dwn{   
	display: block;
    margin-top: -15px;}

#keiji_lp .b_box .ttl_n {
	    font-size: 40px;
	width: 100%;
    position: relative;
    padding: 50px 20px;
    color: #ffffff;
    text-align: center;
    background: #990000;
	margin-bottom: 100px;
}
#keiji_lp .b_box .ttl_n::after {
    content: '';
    position: absolute;
    bottom: -29px;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 30px 0 30px;
    border-color: #990000 transparent transparent transparent;
}
#keiji_lp .b_box .b_btn2 {
   margin: 20px auto 0!important;
	background-color: #990000;}
#keiji_lp .b_box p img{
	max-width: 1200px;
	width: 90%;
	margin: 5em auto;
}
#keiji_lp .b_box .txt{
	width: 90%;
	display: block;
	margin: 0 auto;
	max-width:1200px;
	line-height: 1.9;
}
#keiji_lp .b_box .txt p{
	margin-bottom: 20px;
	font-size: 18px;
}
#keiji_lp .b_box .txt .red{color:#990000;}
#keiji_lp .b_box .txt .down{
	display: block;
	line-height: 1.9;
}
/*.b_box h5 {
	color: #0d315a;
    font-size: 1.5rem;
    margin: 3rem 0 1.5rem 0;
    line-height: 1.4;
	text-align: center;
	/*border-bottom: 1px solid #0d315a;
	padding-bottom: 20px;
}*/
#keiji_lp .b_box h3 {
	color: #121f3c;
    font-size: 1.5rem;
    margin: 1rem 0 1.5rem 0;
    line-height: 1.4;
	text-align: center;
	font-weight: bold;
	/*border-bottom: 1px solid #0d315a;
	padding-bottom: 20px;*/
}
#keiji_lp .b_box .box2 h4 img,
#keiji_lp .b_box .box1 h4 img{
	max-width:471px;
	width: 90%;
	margin: 0 auto 3em;
	display: block;
}

#keiji_lp .b_box h3 img{
	max-width: 1195px;
	width: 95%;
	margin: 5em auto 3em;
}
#keiji_lp .b_box .box5 .txt,
#keiji_lp .b_box .box4 .txt,
#keiji_lp .b_box .box3 .txt,
#keiji_lp .b_box .box2 .txt,
#keiji_lp .b_box .box1 .txt {
	width: 100%;
}
#keiji_lp .b_box txt p{
	color: #333;
}
#keiji_lp .b_box .box5{
	position:relative;
	box-shadow: 1px 1px 3px 2px #d1d1d1;
		background: url(../img/bg_e.png)no-repeat right;
    background-size: cover;
}
#keiji_lp .b_box .box4{
	position:relative;
	box-shadow: 1px 1px 3px 2px #d1d1d1;
		background: url(../img/bg_d.png)no-repeat right;
    background-size: cover;
}
#keiji_lp .b_box .box3{
	position:relative;
	box-shadow: 1px 1px 3px 2px #d1d1d1;
		background: url(../img/bg_c.png)no-repeat right;
    background-size: cover;
}
#keiji_lp .b_box .box2{
	position:relative;
	box-shadow: 1px 1px 3px 2px #d1d1d1;
		background: url(../img/bg_b.png)no-repeat right;
    background-size: cover;
}
#keiji_lp .b_box .box1{
	position:relative;
	box-shadow: 1px 1px 3px 2px #d1d1d1;
		background: url(../img/bg_a.png)no-repeat right;
    background-size: cover;
}
#keiji_lp .b_box .box5::before{
	content: '';
	background: url(../img/s5.png)no-repeat;
	display: block;
	width: 110px;
	height:110px;
	top:0;
	left: 0;
	position: absolute;
	background-size: contain;
}
#keiji_lp .b_box .box4::before{
	content: '';
	background: url(../img/s4.png)no-repeat;
	display: block;
	width: 110px;
	height:110px;
	top:0;
	left: 0;
	position: absolute;
	background-size: contain;
}
#keiji_lp .b_box .box3::before{
	content: '';
	background: url(../img/s3.png)no-repeat;
	display: block;
	width: 110px;
	height:110px;
	top:0;
	left: 0;
	position: absolute;
	background-size: contain;
}
#keiji_lp .b_box .box2::before{
	content: '';
	background: url(../img/s2.png)no-repeat;
	display: block;
	width: 110px;
	height:110px;
	top:0;
	left: 0;
	position: absolute;
	background-size: contain;
}
#keiji_lp .b_box .box1::before{
	content: '';
	background: url(../img/s1.png)no-repeat;
	display: block;
	width: 110px;
	height:110px;
	background-size: contain;
	top:0;
	left: 0;
	position: absolute;

}

#keiji_lp .b_box .box2{
	max-width: 1200px;
	background-color: #e8eef6;
	padding: 50px ;
	margin:3em auto;
	width: 95%;
	display: block;
     
}
#keiji_lp .b_box .box5,
#keiji_lp .b_box .box4,
#keiji_lp .b_box .box3,
#keiji_lp .b_box .box1{
	max-width: 1200px;
	background-color: #e8eef6;
	padding: 50px ;
	margin:3em auto 0;
	width: 95%;
	display: block;


}
#keiji_lp .b_box .kakomi ul,
#keiji_lp .b_box .box1 .kakomi ul{
	display: flex;
	justify-content: space-between;
}
#keiji_lp .b_box .box5 .kakomi img,
#keiji_lp .b_box .box4 .kakomi img,
#keiji_lp .b_box .box3 .kakomi img,
#keiji_lp .b_box .box2 .kakomi img,
#keiji_lp .b_box .box1 .kakomi img{
	max-width: 355px;
	margin-right:20px;
	width: 90%;
	
}
@media screen and (max-width:1280px) {

}

@media screen and (min-width:769px) {
#keiji_lp .b_box .sp_only {
    display: none !important;
}
#keiji_lp .b_box .pc_only {
    display: block;
}
	}
@media screen and (max-width:768px) {
	#keiji_lp .b_box .box2 .dwn1,
	#keiji_lp .b_box .box3 .dwn1,
	#keiji_lp .b_box .box4 .dwn1{display: block;}
	#keiji_lp .b_box h2 {
    font-size: 26px!important;
    margin-bottom: 80px!important;
}
	#keiji_lp .b_box .pc_only {
    display: none !important;
}
#keiji_lp .b_box .sp_only {
    display: block;
}
	#keiji_lp .b_box h2 img{
		width: 80%;

	}

	#keiji_lp .b_box .txt {
		width: 95%;}
		#keiji_lp .b_box .box4 .kakomi ul,
		#keiji_lp .b_box .box3 .kakomi ul,
	#keiji_lp .b_box .box2 .kakomi ul,
#keiji_lp .b_box .box1 .kakomi ul {
	display: block;}
	#keiji_lp .b_box .box4 .kakomi img,
	#keiji_lp .b_box .box3 .kakomi img,
#keiji_lp .b_box .box2 .kakomi img,
#keiji_lp .b_box .box1 .kakomi img {
    max-width: 100%;
    margin: 0 auto 30px;
    width: 100%;
}
	#keiji_lp .b_box .box2 h4 img, #higai_wrap .higai9 .box1 h4 img {
		width: 100%;}

}
@media screen and (max-width:550px) {
	
	#keiji_lp .b_box .box4 {
 
		background:#e8eef6;}
	#keiji_lp .b_box .box5, .b_box .box4, .b_box .box3, .b_box .box2,  .b_box .box1 {

		padding: 50px 20px}
	#keiji_lp  .b_box .ttl_n {
    padding: 30px 5px;
}
	#keiji_lp .b_box .ttl_n .dwn {
    display: block;
    margin-top: -10px;
}
	#keiji_lp .b_box h2 {
    font-size: 22px!important;
}
	#keiji_lp .b_box .cen{text-align: center;}
	#keiji_lp .b_box h2 {
    text-align: left;}
#keiji_lp .b_box h2 img {
    width: 100%;
}
	
	#keiji_lp .b_box .box5,
		.b_box .box4,
	#keiji_lp .b_box .box3,
	#keiji_lp .b_box .box2,
	#keiji_lp .b_box .box1{background-image: none; }
	#keiji_lp .b_box .txt p{
	font-size: 14px;
}
	#keiji_lp .b_box .box5::before,
	#keiji_lp .b_box .box4::before,
	#keiji_lp .b_box .box3::before,
	#keiji_lp .b_box .box2::before,
	#keiji_lp .b_box .box1::before {
    background-size: 50%;
}
	#keiji_lp .b_box .down{display: inline!important;}
	}
@media screen and (max-width:425px) {
	#keiji_lp .b_box .b_btn2 {
		margin: 10px auto 20px!important;}
	#keiji_lp .b_box .dwn1{display: block;}
	/*.b_box h4,.b_box h5 {font-size: 1.3rem}*/
		.b_box .btn {
    width: 90%;
}
	#keiji_lp .b_box .box5 ,
	#keiji_lp .b_box .box4 ,
	#keiji_lp .b_box .box3 ,
	#keiji_lp .b_box .box2 ,
	#keiji_lp .b_box .box1 {

    padding: 30px 20px;
	}
		#keiji_lp .b_box .box2 h4 img, #higai_wrap .higai9 .box1 h4 img {
		margin: 0 auto 2em;}
#keiji_lp .b_box {
    padding-bottom: 3em;
}
}
@media screen and (max-width:375px) {
	#keiji_lp .b_box h3 {
		font-size: 18px;}
	
	#keiji_lp .b_box h2 .dwn,
	#keiji_lp .b_box h2 .dwn2{
    display: block;
	margin-top: -5px!important;
}
	#keiji_lp .b_box #keiji_lp .box5,#keiji_lp .b_box .box4,#keiji_lp .b_box .box3,#keiji_lp .b_box .box2, #keiji_lp .b_box .box1 {
    padding: 30px 15px ;
}

}
@media screen and (max-width:425px) {
	#keiji_lp .b_box h2 {
    font-size: 20px!important;
}
}
@media screen and (max-width:320px) {
	#keiji_lp .b_box h2 img {
		margin: 0 auto ;}

}
/*姫路で刑事弁護に強い弁護士をお探しの方へ*/
#keiji_lp .skn2{
	background: url("../img/bg4.png")no-repeat;
	background-position: right bottom;
	background-size: cover;
	backgroud-color:#eee!important;
	padding: 5rem 0 3rem;
}
#keiji_lp .skn2 .b_btn2{
	margin: 0 auto!important;
}
#keiji_lp .skn2 .img_l{
	/*width: 90%;*/
	max-width: 360px;
	height: auto;
	margin-right: 0;
	margin-left: 40px;
}
#keiji_lp .skn2 img{
	/*width: 90%;*/
	max-width: 360px;
	height: auto;
	margin-right: 40px;
}
#keiji_lp .skn2 .inner{
	display: flex;
	max-width: 1200px;
	    width: 90%;
    margin: 0 auto 50px;
}
#keiji_lp .skn2 .red{color: #990000;}
#keiji_lp .skn2 h2{
	width:800px;
	text-align:center;
	font-size: 45px;
	margin: 0 auto 50px;
	color: #121f3c;
	border-bottom: 1px solid #121f3c;
}
#keiji_lp .skn2 h2 i {
    font-size: 34px;
}
@media screen and (max-width:768px) {
	#keiji_lp section.skn2 > .inner .lead {
    padding: 0 20px!important;
}
	#keiji_lp .textBlock {
    margin-bottom: 60px;
}
	#keiji_lp .skn2 .pimg{
	display: none;
}
#keiji_lp .skn2 .inner{
	display: block;
	    width: 100%;

}
	#keiji_lp .skn2 img {
    margin: 0 auto 30px!important;
    display: block;
}
}
@media screen and (max-width:550px) {
	#keiji_lp .skn2 .red {
    display: block;
    margin-bottom: -10px;
}
	#keiji_lp .skn2 h2 i {
    font-size:22px;
}
	#keiji_lp section.skn2 > .inner .lead {
    padding: 0 !important;
}
	#keiji_lp .skn2 h2 {
    width: 350px!important;
}
	#keiji_lp .skn2 h2 .dwn{
		display: block;
		    margin-top: 3px!important;
	}
	#keiji_lp .skn2 img {
    width:100%!important;
}
	#keiji_lp section.skn2{
		padding: 3rem 0;
	}	
#keiji_lp .skn2 h2 {
	line-height: 1.3;
    width: 320px;
    text-align: center;
	padding-bottom: 10px;
	font-size: 30px;}
	#keijiTop .skn2 .red{
		display: block;
		margin-bottom: -10px;
	}
}
@media screen and (max-width: 425px){
	#keiji_lp .skn2 img {
    width: 90%!important;
}
	#keiji_lp .skn2 h2 {
    width: 300px!important;
}
	#keiji_lp .skn2 .red {
    display: block;
    margin-bottom:-8px;
}

	#keiji_lp .skn2 h2 {

		margin: 0 auto 30px;}
	#keiji_lp .skn2 h2 {
		width:250px;}
	#keiji_lp .skn2 h2 .dwn{
		display: block;
		margin-top: -20px;
		margin-bottom: 7px;
	}	
#keiji_lp  section.skn2 > .inner .lead {
    margin: 0 auto 40px;
}
}
@media screen and (max-width: 1024px) {
	#keiji_lp .skn2 h2 {
		width: 500px;}
	#keiji_lp .skn2 h2 .dwn{
		display: block;
		    margin-top: -40px;
	}
		#keiji_lp .skn2 img{
		width: 100%;}
	#keiji_lp .skn .inner {

		width: 100%;}
	#keiji_lp .skn2 .img_l{
	
		margin-left:0;}
	#keiji_lp .skn img{
	
	margin-right:0;
}
#keiji_lp section.skn2 > .inner .lead {
    width:90%;
    padding: 0 30px;
	margin: 0 auto;
}
}