@charset "UTF-8";
/*------------------------------------------------------------
#Main_ttl_area
------------------------------------------------------------*/
#Main_ttl_area {
  height: 350px;
  padding-top: 70px;
  margin-bottom: 20px; }
  #Main_ttl_area .inner {
    width: 100%;
    height: 100%;
    margin: 0;
    position: relative;
    background: url(../common/images/MV_bg_under.png) left center no-repeat;
    background-size: cover;
    position: relative; }
    #Main_ttl_area .inner:before {
      content: "";
      position: absolute;
      width: 859px;
      height: 100%;
      background: url(../images/MV_bg_sankaku01.png) left top no-repeat;
      background-size: 859px 899px;
      left: -150px;
      top: 0; }
    #Main_ttl_area .inner:after {
      content: "";
      position: absolute;
      width: 247px;
      height: 325px;
      background: url(../images/MV_map.png) left top no-repeat;
      background-size: 247px 325px;
      left: 200px;
      top: 0px; }
  #Main_ttl_area .ttl_wrap {
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    left: 230px;
    top: 0;
    height: 100%;
    z-index: 20;
    line-height: 1;
    color: #FFF;
    align-content: center; }
    #Main_ttl_area .ttl_wrap p {
      font-size: 1.8rem;
      width: 100%; }
    #Main_ttl_area .ttl_wrap h1 {
      font-size: 4.0rem;
      width: 100%;
      margin-bottom: 20px; }

@media screen and (max-width: 960px) {
  #Main_ttl_area {
    height: 25vh;
    padding-top: 60px; }
    #Main_ttl_area .inner {
      background: url(../images/MV_bg.png) left center no-repeat;
      background-size: cover; }
      #Main_ttl_area .inner:before {
        content: "";
        position: absolute;
        width: 400px;
        height: 100%;
        background: url(../images/MV_bg_sankaku01.png) left top no-repeat;
        background-size: 400px auto;
        left: -200px;
        top: 0; }
      #Main_ttl_area .inner:after {
        content: "";
        position: absolute;
        width: 123px;
        height: 162px;
        background: url(../images/MV_map.png) left top no-repeat;
        background-size: 123px 162px;
        left: 20px;
        top: 70px; }
    #Main_ttl_area .ttl_wrap {
      left: 5%;
      top: 0;
      height: 100%;
      z-index: 20;
      line-height: 1;
      color: #FFF;
      align-content: center; }
      #Main_ttl_area .ttl_wrap h1 {
        font-size: 3.0rem;
        width: 100%; 
		margin-bottom: 10px; }
      #Main_ttl_area .ttl_wrap p {
        font-size: 1.5rem;
        width: 100% ; } }
/*------------------------------------------------------------
#pankuzu
------------------------------------------------------------*/
#pankuzu ul {
  right: 80px;
  top: -135px;
  display: flex;
  font-size: 1.4rem;
  margin-bottom: 60px; }
  #pankuzu ul li {
    position: relative;
    margin-left: 30px; }
    #pankuzu ul li:before {
      content: ">";
      position: absolute;
      top: 0px;
      left: -20px; }
    #pankuzu ul li:first-child {
      margin-left: 0; }
      #pankuzu ul li:first-child:before {
        display: none; }
  #pankuzu ul a {
    text-decoration: underline; }
	

/*------------------------------------------------------------
#gNav PC
------------------------------------------------------------*/

/*リンクボタン*/
	.under_content_area p a.button{ padding:10px 20px; background:#dc0232;border: 1px solid #dc0232;color: #fff;border-radius: 1px; cursor:pointer; display:inline-block; clear:both; text-align:center; text-decoration:none;}				
	.under_content_area p a.button:hover{ background: #eeeeee;border: 1px solid #eeeeee; color: #dc0232; }
	
/*�電話リンクボタン*/
	.under_content_area p a.buttonTel{ padding:10px; background:#dc0232;border: 1px solid #dc0232;color: #fff;cursor:pointer; display:inline-block; clear:both; text-align:center; text-decoration:none; line-height:1.5em;}	
	.under_content_area p a.buttonTel:hover{ background: #eeeeee;border: 1px solid #eeeeee; color: #dc0232; }

/*ページ内リンク用メニュー*/
.under_content_area ul.pageInMenu { padding-left:0; text-align:center;}
	.under_content_area ul.pageInMenu li{ width:22%; margin:0; padding:10px 20px; border-bottom:none; display:inline-block;}
	.under_content_area ul.pageInMenu li:before{ content:"";}
	.under_content_area ul.pageInMenu li a{ width:98%; padding:10px 1%; background:#dc0232;border: 1px solid #dc0232;color: #fff;border-radius: 1px; cursor:pointer; display:inline-block; clear:both; text-align:center; text-decoration:none; position:relative;}
	.under_content_area ul.pageInMenu li a:hover{ background: #eeeeee;border: 1px solid #eeeeee; color: #dc0232; }
	.under_content_area ul.pageInMenu li a:after{ content:"▼"; position:absolute; top: 16px;right: 7px;font-size:8px;}
	.under_content_area ul.pageInMenu li::after, .lowerCont ul.PageInMenu li::before{ border:none; background:none;}

/*弁護士紹介ページ用画像設定*/
	.under_content_area .lawyerContentBox{}
	.under_content_area .lawyerContentBox h4{ width:30%;margin-top: 25px; float:left;}
	.under_content_area .lawyerContentBox .lawyerContentBoxInside{ width:70%; margin-bottom:30px; float:left;}
	
/*お客様の声設定*/
	.under_content_area div.voiceBox{margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #eeeeee; overflow:hidden; }
	.under_content_area a.voiceImg{ float:right; margin-right:20px; border:solid 1px #999;}
	.under_content_area p.voiceMessage{ width:420px; margin:0; padding:20px; background:#eeeeee; line-height:1.7em;}
	.under_content_area ul{ overflow:hidden;}
	.under_content_area ul.voiceList li{ width:280px; margin:0 20px 20px 0; padding:10px; float:left; background:#eeeeee;}
	.under_content_area ul.voiceList li{ border:none;}
	.under_content_area ul.voiceList li.active{ background:#0b7088; color:#fff;}
	.under_content_area ul.voiceList li:before{ content:"";}

/* メディア出演実績 */
	.under_content_area div.mediaWrapper{}
	.under_content_area div.mediaWrapper h3{ margin-bottom:5px; margin-top:35px; padding-left:0; font-size:16px; color:#dc0232;}
	.under_content_area div.mediaWrapper h3:before{ display:none;}
	.under_content_area div.mediaWrapper h4{ margin:5px 0 10px;}
	.under_content_area div.mediaWrapper p{ margin:10px 0 30px; padding-bottom:30px; border-bottom:1px solid #CCC;}


/*お客様の声設定*/
	.under_content_area div.faqWrapper{}
	.under_content_area div.faqWrapper h2{ margin-bottom:20px; margin-top:30px; padding:10px 0 10px 40px; border:none; font-size:24px;}
	.under_content_area div.faqWrapper p{ margin-bottom:40px; padding-left:40px; position:relative;}
	.under_content_area div.faqWrapper h2:before{ height:30px; width:30px; margin:0 10px 0 0; display:inline-block; border-radius:30px; content:"Q"; background:#0b7088; color:#fff; line-height:1em; text-align:center; top:15px; }
	.under_content_area div.faqWrapper p:before{ height:30px; width:30px; margin:0 10px 0 0; display:inline-block; border-radius:30px; content:"A"; background:#dc0232; color:#fff; font-weight:bold; line-height:1.4em; font-size:22px; text-align:center; position:absolute; top:0; left:0;}
	.buttonBox{ margin:0 auto; width:50%; overflow:hidden;}
	.buttonBox form {width:50%; float:left;}
	
/*FreeのQ&A設定*/
	.under_content_area div.freeFaqWrapper{}
	.under_content_area div.freeFaqWrapper h3{ margin-bottom:20px; margin-top:30px; padding:10px 0 10px 40px; border:none; font-size:24px;}
	.under_content_area div.freeFaqWrapper p{ margin-bottom:40px; padding-left:40px; position:relative;}
	.under_content_area div.freeFaqWrapper h3:before{ height:30px; width:30px; margin:0 10px 0 0; display:inline-block; border-radius:30px; content:"Q"; background:#0b7088; color:#fff; line-height:1em; text-align:center; top:10px; }
	.under_content_area div.freeFaqWrapper p:before{ height:30px; width:30px; margin:0 10px 0 0; display:inline-block; border-radius:30px; content:"A"; background:#dc0232; color:#fff; font-weight:bold; line-height:1.4em; font-size:22px; text-align:center; position:absolute; top:0; left:0;}
	.buttonBox{ margin:0 auto; width:50%; overflow:hidden;}
	.buttonBox form {width:50%; float:left;}

/*事例*/
	.under_content_area .clmJirei{ margin-bottom:30px; padding:40px 40px 20px 40px; background:#fafafa;}
	.under_content_area .clmJirei ul li{ border-color:#ddd;}
	.under_content_area .clmJirei h4:first-child {margin-top:0;}
	.under_content_area .clmJirei h5:first-child {margin-top:0;}

/*お問い合わせCSS設定*/
	div#contactForm { overflow:hidden;background:#f1f1f1;}
		div#contactForm h4{ width:300px; float:left; display:block; margin:0; padding:15px; border:none; border-top:1px solid #ccc; font-size:17px;}
			div#contactForm h4 span.error{background:#c03; color:#fff; border-radius:3px; padding:0px 2px; font-size:12px;}
		div#contactForm p{ width:600px; min-height:50px; float:left; display:block; margin:0; padding:15px;border-top:1px solid #ccc; font-size:15px; background:#fff; }
			div#contactForm p span.kibou{background:#574670; color:#fff; padding:2px 4px;}
		div#contactForm p.noMark{width:100%;box-sizing: border-box;}
			div#contactForm p:before{ content:"";}
			div#contactForm p input{ margin:5px 0; padding:10px; border-radius:3px; border:1px solid #999; background:#f2f7fb;font-size:15px; }
			div#contactForm p input.button, div.buttonBox form input{ margin:15px 0; padding:20px; border-radius:0px; border:0px; background:#dc0232; color:#fff; font-size:15px; cursor:pointer;}
			
			div#contactForm p.lineWide { line-height:2.2em;}
			div#contactForm p textarea{ margin:5px 0; padding:10px; border-radius:3px; border:1px solid #999; background:#f2f7fb; font-size:15px;}
		div#confButton {border-top:1px solid #ccc;}
		div#confButton input{ margin:15px 0; padding:20px; border:0px; background:#650000; color:#fff; font-size:15px;}
		.ic { text-align:center;}
		div.buttonBox form input.gray{ background:#999;}

/*無料相談流れ用*/
.under_content_area .freeFlowWrapper{}
	.under_content_area .freeFlowWrapper h3{ margin-bottom:30px; margin-top:0px!important; padding-left:45px; border-left:0;}
	.under_content_area .freeFlowWrapper h3:after{ display:none;}
	.under_content_area .freeFlowWrapper h3 span{width:30px; height:30px; border-radius:6px; background:#888; position:absolute; content:""; color:#fff; top:0px; left:0; text-align:center; font-size:24px;}
	
	.under_content_area .freeFlowWrapper .freeFlowCont { clear:both; overflow:hidden;}
	.under_content_area .freeFlowWrapper .freeFlowCont img.flowImg{ width:20%; height:auto; margin:0 0 40px 40px; float:right;}
	.under_content_area .freeFlowWrapper .freeFlowCont img.spFlowImg{ width:50%; height:auto; margin:0 0 10px 10px; float:right;}


/*汎用*/
	.under_content_area .clr{ clear:both;}
	.under_content_area .ovhd{ overflow:hidden;}
	.under_content_area .br{ float:right;}
	.under_content_area .ir{ text-align:right;}
	.under_content_area .mT20{ margin-top:20px;}

	.spCont{display:none;}
	.pcCont{display:block;}
	
/*PC画像用箱*/
      .lowerImgBox {
        width:450px;
        height: auto;
		margin-left:30px;
        position: relative;
		float:right;
		 }
        .lowerImgBox img {
          width: 100%;
          height: auto; }
      .lowerImgBox p{
        width: 100%;
		margin-top:0!important;
		margin-bottom:0!important;
		padding:10px 15px;
        display: block;
        font-weight: bold;
        background: #eeeeee;
        color: #000000;
        align-items: center;
        box-sizing: border-box;
        line-height: 1.4!important;}
		
		.lowerImgBox p span{
		font-size:12px;
		color:#dc0232;
		}

/*法律相談の流れ*/
	#Flow_area .red{
		color:#dc0232;
	}
	
	#Flow_area ul.flowList li{
		margin-bottom:5px;
		font-weight:bold;
	}
	
	#Flow_area ul.flowList li:before{
		content:"・";
		color:#dc0232;
	}
	
/* 下層条文 */
	.under_content_area div.quote {
    margin-bottom: 30px;
    padding: 1px 20px;
    background: #fafafa;
}


@media screen and (max-width:960px) {
/*------------------------------------------------------------
#gNav TAB
------------------------------------------------------------*/

/*お問い合わせCSS設定*/
	  div div#contactForm h4{
	  width:30%;
	  padding: 15px 5%;
	  }
	  
	  div div#contactForm p{
	  width:50%;
	  padding: 15px 5%;
	  }
	  
	  div div#contactForm p input,div#contactForm p textarea{
	  width:100%;
	  }
	  
	  
/*お客様の声設定*/
	.under_content_area a.voiceImg{ width:40%; margin-right:0; float:right;}
	.under_content_area a.voiceImg img{ width:100%; height:auto; float:right;}
	.under_content_area p.voiceMessage{ width:40%; padding:5%;}
	.under_content_area ul{ overflow:hidden;}
	.under_content_area ul.voiceList li{ width:90%; margin:0 0 20px 0; padding:5%; float:none;}
	
	

}
	
@media screen and (max-width: 736px) {
/*------------------------------------------------------------
#gNav SP
------------------------------------------------------------*/

/*お客様の声設定*/
	.under_content_area a.spVoiceImg{ width:40%; height:auto; margin:0 0 10px 10px; border:1px solid #ccc; float:right;}
	.under_content_area a.spVoiceImg img{ width:100%; height:auto; margin:0 0 10px 10px; float:right;}
	.under_content_area p.voiceMessage{ width:100%; padding:0; background:none;}
	
	.buttonBox{ width:100%;}
	
	  div div#contactForm h4{
	  width:90%;
	  padding: 15px 5%;
	  }
	  
	  div div#contactForm p{
	  width:90%;
	  padding: 15px 5%;
	  }
	  
	  div div#contactForm p input,div#contactForm p textarea{
	  width:100%;
     box-sizing: border-box;
	  }
	  
	div div#contactForm h4{width:90%;padding: 15px 5%;}
	div div#contactForm p{width:90%;padding: 15px 5%;}
	div div#contactForm p input,div#contactForm p textarea{width:100%;box-sizing: border-box;}	  
	  
	  
	/* iOSでのデフォルトスタイルをリセット */
	div div#contactForm input[type="submit"],
	div div#contactForm input[type="button"],div.buttonBox form input {
	  border-radius: 0px;
	  -webkit-box-sizing: content-box;
	  -webkit-appearance: button;
	  appearance: button;
	  border: none;
	  box-sizing: border-box;
	  cursor: pointer;
	}
	div div#contactForm input[type="submit"]::-webkit-search-decoration,
	div div#contactForm input[type="button"]::-webkit-search-decoration,div.buttonBox form input::-webkit-search-decoration {
	  display: none;
	}
	div div#contactForm input[type="submit"]::focus,
	div div#contactForm input[type="button"]::focus,div.buttonBox form input::focus {
	  outline-offset: -2px;
	}
	

		  
	  .lowerImgBox p{
	  padding:10px!important;
	  line-height:1.2em!important;
	  }
	  
	  .under_content_area ul.pageInMenu{
	  text-align:left;
	  }
	  
	  .under_content_area ul.pageInMenu li{
	  width:48%!important;
	  margin-left:0!important;
	  margin-right:2%;
	  padding:4px 0;
	  }
	  
	  .under_content_area ul.pageInMenu li:nth-child(even){
	  margin-right:0;
	  }
	  
	  	  .under_content_area ul.pageInMenu li a{
		  
		  }
	  
	  .under_content_area .lawyerContentBox h5{
	  width:100%;
	  float:none;
	  }
	  
	  .under_content_area .lawyerContentBox .lawyerContentBoxInside{
	  width:100%;
	  margin-bottom: 40px;
	  float:none;
	  }
	  
	  /*事例*/
	.under_content_area .clmJirei{ padding:20px;}




	 /*汎用*/
	.pcCont{display:none;}
	.spCont{display:block;}
	
	/*SP画像用箱*/
      .lowerImgBoxSp {
        width:100%;
        height: auto;
        position: relative;
		 }
        .lowerImgBoxSp img {
          width: 100%;
          height: auto; }
      .lowerImgBoxSp p{
        width: 100%;
		margin-bottom:0!important;
		padding:10px 15px;
        display: block;
        position: absolute;
        font-weight: bold;
        background: #eeeeee;
        color: #000000;
        bottom: 0;
        align-items: center;
        box-sizing: border-box;
        line-height: 1.4!important;}
		
		.lowerImgBoxSp p span{
		font-size:12px;
		color:#dc0232;
		}
		
	/*SP画像用箱*/
      .lowerImgBox {
        width:50%;
        height: auto;
		margin-left:30px;
		margin-top:30px;
        position: relative;
		float:right;
		 }
        .lowerImgBox img {
          width: 100%;
          height: auto; }
		  
		  
/*弁護士紹介ページ用画像設定*/
	.under_content_area .lawyerContentBox{}
	.under_content_area .lawyerContentBox h4{ width:100%;margin-top: 0px; float:left;}
	.under_content_area .lawyerContentBox p:first-child{ margin-top:0;}
	.under_content_area .lawyerContentBox ul:first-child{ margin-top:0;}
	.under_content_area .lawyerContentBox .lawyerContentBoxInside{ width:100%; margin-bottom:0px; float:left;}

}

@media screen and (max-width: 736px) {
    #pankuzu ul {
	  margin-bottom: 40px;
      font-size: 1.3rem; } }
/*------------------------------------------------------------
#under_content_area
------------------------------------------------------------*/
.under_content_area .inner {
  background: #FFF;
  padding-bottom: 130px; }
.under_content_area .box {
  width: 90%;
  max-width: 960px;
  margin: 0 auto 10%; }
.under_content_area h2 {
  padding: 20px 20px 20px 30px;
  border-top: 1px solid #eff0ef;
  border-bottom: 1px solid #eff0ef;
  font-size: 2.6rem;
  margin-top: 60px;
  margin-bottom: 60px; 
  position:relative;}
  
   .under_content_area h2:before {
      content: "";
      position: absolute;
      height: 31px;
      background: #dc0232;
      width: 4px;
      left: 0;
      top: 25px; }
	  
  .under_content_area h2 span {
    position: relative; }
    .under_content_area h2 span:before {
      content: "";
      position: absolute;
      height: 100%;
      background: #dc0232;
      width: 4px;
      left: -30px;
      top: 0; }
.under_content_area h3 {
  padding: 0 0 0 25px;
  font-size: 2.4rem;
  margin-top: 50px;
  margin-bottom: 50px;
  position: relative;
  line-height: 1.2; }
  .under_content_area h3:before {
    content: "";
    position: absolute;
    height: 100%;
    background: #dcdcdc;
    width: 4px;
    left: 0;
    top: 0; }
.under_content_area h4 {
  font-size: 2.2rem;
  margin-top: 40px;
  margin-bottom: 40px; }
.under_content_area h5 {
  font-size: 2.0rem;
  margin-top: 30px;
  margin-bottom: 30px; }
.under_content_area h6 {
  font-size: 1.6rem;
  margin-top: 30px;
  margin-bottom: 30px; }
.under_content_area dl {
  margin-top: 20px;
  margin-bottom: 20px; }
.under_content_area dt {
  color: #dc0232;
  font-weight: bold;
  font-size: 1.6rem; }
.under_content_area p {
  font-size: 1.6rem;
  line-height:2.2;
  margin-top:20px;
  margin-bottom: 20px;
  overflow: hidden; }
  .under_content_area p img {
    float: right;
    margin: 20px 0 20px 40px; }
.under_content_area .red {
  color: #dc0232;
  font-weight: bold; }
.under_content_area .yellow {
  background: linear-gradient(transparent 70%, yellow 70%); }
.under_content_area .blue {
  color: #0b7088; }
 
/*汎用設定*/
.under_content_area .font150{ font-size:150%;}
.under_content_area .font80{ font-size:80%;}
.under_content_area .mB0{ margin-bottom:0px;}
.under_content_area .mB10{ margin-bottom:10px;}
.under_content_area .mT0{ margin-top:0px;}
.under_content_area .mT10{ margin-top:10px;}

.under_content_area .clm{ padding:20px; background:#eeeeee;}
.under_content_area .clmInBl{ padding:0 20px; background:#eeeeee; display:inline-block;}
.under_content_area .clmInBl h5{ margin-top:20px;}
.under_content_area .clmInBl p{ margin:0 0 15px 0;}

/*無料法律相談強調*/
.under_content_area .clmInBlFree{ padding:0 20px; background:#ffeeee; display:inline-block;}
.under_content_area .clmInBlFree p{ margin:10px 0; font-size:22px; font-weight:bold;}

.under_content_area p a {
  text-decoration: underline; }
  .under_content_area a:hover {
    text-decoration: none; }

/*無料相談流れ用*/
	.under_content_area .freeFlowWrapper h3{ margin-top:30px;}

.under_content_area table {
  width: 100%;
  border: #cccccc 1px solid;
  margin-top: 20px;
  margin-bottom: 20px; }
  .under_content_area table th, .under_content_area table td {
    border-bottom: #cccccc 1px solid;
    padding: 20px 30px; }
  .under_content_area table th {
    background: #4a4a4a;
    text-align: center;
    color: #FFF; }
  .under_content_area table tr:nth-child(even) td {
    background: #eeeeee; }
.under_content_area ul {
  margin-top: 20px;
  margin-bottom:20px;
  }
.under_content_area ul li {
  border-bottom: 1px solid #eff0ef;
  padding: 12px 0 12px 30px;
  font-weight: bold;
  position: relative;
  font-size: 1.5rem; }
  .under_content_area ul li:before {
    content: "・";
    position: absolute;
    left: 0px;
    font-size: 22px;
    top: 6px;
    color: #dc0232; }
	
.under_content_area div.example{
	margin-top:20px;
	margin-bottom:20px;
	border: 1px solid #dcdcdc; 
}

.under_content_area div.example h4{
	margin:0;
	padding-left:10px;
	font-size:1.6rem;
	background: #dcdcdc;
	color: #000000;
}

.under_content_area div.example p{
	margin-top:10px;
	margin-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	line-height:1.5;
}



@media screen and (max-width: 960px) {
  .under_content_area .inner {
    padding-bottom: 65px; }
  .under_content_area h2 {
    padding: 15px 15px 15px 20px;
    font-size: 2.3rem;
	margin-top: 40px;
    margin-bottom: 40px; }
	
	 .under_content_area h2:before {
        content: "";
        position: absolute;
        height: 28px;
        background: #dc0232;
        width: 4px;
        left: 0;
        top: 19px; }
		
    .under_content_area h2 span {
      position: relative; }
      .under_content_area h2 span:before {
        content: "";
        position: absolute;
        height: 100%;
        background: #dc0232;
        width: 4px;
        left: -20px;
        top: 0; }
  .under_content_area h3 {
    padding: 0 0 0 20px;
    font-size: 2.1rem;
	margin-top: 40px;
    margin-bottom: 40px;
    position: relative;
    line-height: 1.2; }
    .under_content_area h3:before {
      content: "";
      position: absolute;
      height: 100%;
      background: #dcdcdc;
      width: 4px;
      left: 0;
      top: 0; }
  .under_content_area h4 {
    font-size: 1.9rem;
	margin-top: 30px;
    margin-bottom: 30px; }
  .under_content_area h5 {
    font-size: 1.7rem;
	margin-top: 20px;
    margin-bottom: 20px; }
  .under_content_area h6 {
    font-size: 1.5rem;
	margin-top: 20px;
    margin-bottom: 20px; }
  .under_content_area dt {
    font-size: 1.5rem; }
  .under_content_area p {
    font-size: 1.4rem;
	line-height:2.2;
	margin-top: 20px;
    margin-bottom: 20px;
    overflow: hidden; }
    .under_content_area p img {
      width: 100%;
      height: auto;
      float: right;
      margin: 0 0 20px; }
  .under_content_area table {
    margin-top: 20px;
    margin-bottom: 20px; }
    .under_content_area table th, .under_content_area table td {
      border-bottom: #cccccc 1px solid;
      padding: 10px 10px;
      line-height: 1.4; }
	   }
/*------------------------------------------------------------
#Practice_area
------------------------------------------------------------*/
#Practice_area .ttl {
  background: #FFF;
  padding: 30px 0 30px 30px; }
  #Practice_area .ttl:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -20px;
    width: 4px;
    height: 40px;
    background: #dc0232; }
  #Practice_area .ttl:after {
    content: "";
    position: absolute;
    background-size: 28px 15px;
    width: 28px;
    height: 15px;
    right: 15px;
    top: 50%;
    margin-top: -7px;
    z-index: 10; }
  #Practice_area .ttl.open:after {
    content: "";
    position: absolute;
    background-size: 28px 15px;
    width: 28px;
    height: 15px;
    right: 15px;
    top: 50%;
    margin-top: -7px;
    z-index: 10; }
	
	
/*------------------------------------------------------------
ページャー
------------------------------------------------------------*/
.post-related {
	padding-top:60px; }
	.post-related h2{
	margin-bottom:0; 
	padding: 0;
	border-top: none;
	border-bottom: solid 1px #dc0232; 
	font-size: 98%; 
	color: #fff; 
	line-height:1.3; }
		.post-related h2 span{
			background: #dc0232;
			display: inline-block;
			padding: 2px 5px;
			}	
		.post-related h2 span:before{
			display: none;
		}
		
		.post-related h2:before{
			display: none;
		}
			
			
			
  .post-related .disable {
	display:none; }
  .post-related div.btn p {
	display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer; }
.post-related li.current a {
    color:#888; }




	.post-related ul{ margin-top:0;}
		.post-related ul li{
			margin: 5px 0;
			padding: 10px 0 14px 35px;
			border-bottom: dashed 1px #f0d3d9;
			background: url(../images/liRelated.png) no-repeat 0px 12px / 15px 20px;
			font-size: 90%;
			font-weight: bold;

			}
		.post-related ul li:before{
			display: none;
		
		}
		.post-related ul li.current{
			background: url(../images/liRelatedCurrent.png) no-repeat 0px 12px / 15px 20px;}
			
			.post-related ul li.current:before {
				content: "現在のページ";
				display: inline-block;
				background: #888;
				color: #fff;
				font-size: 85%;
				padding: 0 5px;
				margin: 0 5px 0 0;
				border-radius: 0;
				left: 0px;
				width: auto;
				height: auto;
				transform: none;
				position: static;
				
				}


.post-related .moreBtn {
		margin: 5px auto 40px;
		text-align: right;
 	}
	
		
	.post-related .moreBtn .more {
		padding: 2px 5px;
		color: #dc0232;
		border: 1px solid #dc0232;
		border-radius: 1px;
		display: inline-block;
		bottom: 20px;
		font-size: 95%;
		cursor: pointer;
	}
		.post-related .moreBtn .more:hover {
			background:#dc0232;
			color: #fff;
		}
	.post-related .moreBtn .more.disable{display:none;}
	
/*中項目*/

	.under_content_area ul.topList:after{ display:block; content:""; clear:both;}
	.under_content_area ul.topList li{ width:50%; padding:10px 10px 10px 0; border-bottom:none;box-sizing:border-box; display:block; float:left;}
	.under_content_area ul.topList li:before{display:none;}
	.under_content_area ul.topList li:nth-child(even){padding:10px 0 10px 10px;}
		.under_content_area ul.topList li a{ padding:20px 20px 35px 20px;border:1px solid #dc0232; display:block; text-decoration:none; position:relative; color:#333; font-size:120%;}
			.under_content_area ul.topList li a:hover{border:1px solid #eee;}
			.under_content_area ul.topList li a:after{ padding:8px;  position:absolute; content:"続きを読む ▶"; bottom:0; right:0; background:#dc0232; font-size:14px; color:#fff; line-height:1em; text-indent:0;}
			.under_content_area ul.topList li a:hover:after{ background: #eee;} 
		.under_content_area ul.topList li a span{ padding:10px 0 0 0; font-size:14px; line-height:1.5em; display:inline-block; color:#777; text-indent:0px; font-weight: normal;}
		.under_content_area ul.topList li a span:after{ content:"...";}		
		
@media screen and (max-width: 736px) {

	.under_content_area ul.topList li{ width:100%; padding:10px 0 10px 0;float:none; }
	.under_content_area ul.topList li:nth-child(even){padding:10px 0 10px 0;}

}