@charset "utf-8";
/* CSS Document */
/*=========================
オフィシャル相続下層
==========================*/
#paz_wrapper {
    margin-bottom: 0 !important;
}
*{
    box-sizing: border-box;
}
nav#pagetop a,#paz_wrapper,.toggle_btn,ul.footer_button_area,#footer_area,#footer_wrapper,#footer_area a{
    box-sizing:content-box!important;
}
body{
	font-family: 'メイリオ', Meiryo, sans-serif', Yu Gothic', 'YuGothic';
/*font-family:'ヒラギノ角ゴ Std', 'ヒラギノ角ゴ StdN','Hiragino Kaku Gothic StdN','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,YuGothic,'Yu Gothic','ヒラギノ角ゴシック','Hiragino Sans', 
sans-serif;*/
    color: #000;
    font-weight:400;
}
.cleafix:after{
	content: "";
	display: block;
	clear: both;
}


/*====================================
サイドバー
======================================*/
.column_page .sidebar{
    width:350px;
}
.sidebar .side_cv{
    text-align: center;
    margin-bottom: 30px;
}
.sidebar .title{
    background: #351d00;
    padding: 15px 0;
}
.sidebar .title p{
    color:#fff;
    font-size:26px;
    font-weight: 300;
    font-family:'ヒラギノ明朝 StdN','ヒラギノ明朝 ProN','游明朝', 'YuMincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN','HG明朝E', 'ＭＳ 明朝', 'ＭＳ Ｐ明朝','Noto Serif JP',serif;
    letter-spacing:.04em;
    line-height: 1.3;
}

.sidebar .title p span.title_small{
    display: inline-block;
font-family:'ヒラギノ角ゴ Std', 'ヒラギノ角ゴ StdN','Hiragino Kaku Gothic StdN','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,YuGothic,'Yu Gothic','ヒラギノ角ゴシック','Hiragino Sans', 
sans-serif;
    color: #fff;
    background: #d45d05;
    padding:5px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
}

.sidebar .title p span:first-child span{
color:#ffef80;
}
.sidebar .title p span.title_top{
    display: inline-block;
}
.sidebar .title p span.title_top span{
    color: #ffcb8e;
}
.sidebar .cv_inner{
    background: #fff;
    padding: 20px 10px;
    margin: -10px 0 5px;
}
.sidebar .cv_inner p:first-of-type{
    font-size: 16px;
    font-weight: 600;
    display: block;
    padding:0 15px;
    margin:0 10px 8px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    letter-spacing:-0.01em;
}
.sidebar .cv_inner .tel{
    font-size: 48px;
    font-weight:600;
    font-family:'ヒラギノ明朝 StdN','ヒラギノ明朝 ProN','游明朝', 'YuMincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN','HG明朝E', 'ＭＳ 明朝', 'ＭＳ Ｐ明朝','Noto Serif JP',serif;
    color:#000;
    display:block;
    letter-spacing: -0.03em;
    line-height:1;
    margin-bottom: 5px;
}
.sidebar .cv_inner .tel .small {
    font-size: 42px;
}
.sidebar .cv_inner p:nth-of-type(2){
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    margin:5px 0 10px;
}
.sidebar .cv_inner .mail{
    border-radius: 5px;
    color: #fff;
    background: #d45d05;
    border:1px solid #d45d05;
    display: inline-block;
    text-align: center;
    padding: 2px 40px;
    font-weight:600;
    font-size: 18px;
}
.sidebar .cv_inner .mail:before {
    content: url(../../../../../../images/souzoku/mail.svg);
    display: inline-block;
    width: 1em;
    margin-right: 5px;
}
.sidebar .cv_bottom{
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background: #351d00;
    background-size: cover;
    background-repeat: no-repeat;
    padding:25px;
    color:#fff;
    margin-top:-10px;
}
.sidebar .cv_bottom p:first-of-type {
    font-size: 22px;
    font-weight:300;
    font-family:'ヒラギノ明朝 StdN','ヒラギノ明朝 ProN','游明朝', 'YuMincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN','HG明朝E', 'ＭＳ 明朝', 'ＭＳ Ｐ明朝','Noto Serif JP',serif;
    line-height:1.2;
    border-bottom:1px solid #fff;
    padding-bottom:10px;
    margin-bottom:15px;
}
.sidebar .cv_bottom p:first-of-type span{
    display: inline-block;
}
.sidebar .cv_bottom p:nth-of-type(2){
    font-size: 12px;
    line-height: 1.2;
    text-align: left;
}
.sidebar .cv_bottom p:nth-of-type(2) span{
    margin-top: 5px;
    display:inline-block;
}
/*パラメータ付き調整;*/
.sidebar .cv_inner .tel.para{
    font-size: 36px;
}
/*コロナリンク*/
.c_side a{
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin-bottom: 30px;
    color:#000!important;
}
/*離婚問題でお困りの方へ*/
.sidebar .trouble{
    margin-bottom: 30px;
}
.sidebar .trouble_inner{
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background: #fff;
    padding: 30px 25px;
}
.sidebar .trouble .title p{
    text-align: center;
    font-size: 24px;
}
.sidebar .trouble .title span{
    position: relative;
  margin-left:1em;
}
.sidebar .trouble .title span:before{
    content:url("../../../../../../images/souzoku/que.svg");
    display: inline-block;
    width: 1.2em;
    position: absolute;
    top: -1px;
    left: -1.5em;
}
.sidebar .trouble ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.sidebar .trouble li a{
    color:#005103;
    font-size: 16px;
    font-weight:600;
    line-height:1;
    display: block;
    padding:15px 0;
    position: relative;
}

.sidebar .trouble li a:after{
    position: absolute;
    content:url("../../../../../../images/souzoku/arrow_green.svg");
    display: inline-block;
    width: 0.8em;
    right:5px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.sidebar .trouble li{
    border: 1px solid #005103;
    border-radius:5px;
    width:calc(50% - 10px / 2);
    text-align:center;
    display:inline-block;
    margin-bottom:8px;
}
.sidebar .trouble li.wid{
    width:100%!important;
}
.sidebar .trouble .s_title{
    background: #102240;
    color:#fff;
    font-weight:500;
    font-size: 18px;
    text-align:center;
    margin:25px 0 8px;
}
/*離婚のコラム*/
.sidebar .side_column{
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin-bottom: 30px;
}
.sidebar .side_column_inner{
    background: #fff;
    padding: 20px 20px;
    max-height: 600px;
    overflow-x: scroll; 
    overflow-x: hidden;
    letter-spacing: 0.04em;
}
.sidebar .side_column_inner::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.sidebar .side_column_inner::-webkit-scrollbar-thumb {
  background: #d8dfe6;
  border-radius: 5px;
}

.sidebar .side_column .title p{
    text-align: center;
    font-size: 24px;
}
.sidebar .side_column .title span{
    position: relative;
  margin-left:1em;
}
.sidebar .side_column .title span:before{
    position: absolute;
    content:url("../../../../../../images/souzoku/pen.svg");
    display: inline-block;
    width: 0.8em;
    top: -1px;
    left: -1.3em;
}
.sidebar .side_column a{
    display:block;
    padding: 12px 40px 12px 12px;
    background:#f7f3ef;
    border-radius:5px;
    position: relative;
}
.sidebar .side_column a:after{
    position: absolute;
    content: url("../../../../../../images/souzoku/arrow_orange.svg");
    display: inline-block;
    width: 1em;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.sidebar .side_column time{
    font-size: 12px;
    border-radius:3px;
    letter-spacing: -0.01em;
    color: #bf5100;
    font-weight:600;
}
.sidebar .side_column li span{
    display: block;
    color:#000;
    font-size: 16px;
    font-weight:500;
    line-height:1.3;
}
.sidebar .side_column li span span{
    display:inline;
}
.sidebar .side_column li{
    margin-bottom: 10px;
}
.sidebar .side_column li:last-child{
    margin-bottom: 0;
}

/*弁護士法人ALGについて*/
.sidebar .about{
    background:#221300;
    background-image: url("../../../../../../images/souzoku/side_column.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    color:#fff;
    text-align: center;
    padding: 25px;
}
.sidebar .about p{
    font-size: 22.5px;
    font-weight:400;
    font-family:'ヒラギノ明朝 StdN','ヒラギノ明朝 ProN','游明朝', 'YuMincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN','HG明朝E', 'ＭＳ 明朝', 'ＭＳ Ｐ明朝','Noto Serif JP',serif;
    line-height:1.3;
    margin-bottom:15px;
}
.sidebar .about a{
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color:#fff;
    font-size: 16px;
    padding:15px 0;
    border:1px solid #fff;
    border-radius:5px;
    display:block;
    font-weight: 600;
    margin-bottom: 10px;
    position: relative;
    line-height: 1;
}
.sidebar .about li:last-child a{
    margin-bottom: 0;
}
.sidebar .about a:after{
    position: absolute;
    content:url("../../../../../../images/souzoku/arrow_white.svg");
    display: inline-block;
    width: 1.1em;
    right:10px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}



/*====================================
記事部分
======================================*/

.column_page{
    background:#f7f3ef; 
    background-image: url("../../../../../../images/souzoku/column_bg.jpg");
    background-repeat: repeat;
}
.column_inner{
    display: flex;
    justify-content: space-between;
    letter-spacing:.06em;
    padding:80px 0;
    max-width:1300px;
    margin:0 auto;
}
article.column{
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin:0;
    width:870px;
    position: relative;
}
article.column .bg_white {
    background:#fff;
    padding: 80px 65px;
    margin-top: 20px;
}
/*カテゴリタグ*/
article.column .tag_date{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#souzoku_tag {
	display: flex;
    flex-wrap: wrap;
}
#souzoku_tag li {
	margin-bottom: 0 !important;
}
#souzoku_tag li:not(:last-child) {
	margin-right: 0.5em;
}
#souzoku_tag li a {
    display: inline-block;
    border: 1px solid #005103;
    background-color: #005103;
    color: #fff;
    font-size: 16px;
    line-height: 1;
    padding: 4px 10px;
    border-radius: 4px;
}
#souzoku_tag li a:hover{
    background-color: #fff;
    color: #005103;
}
/*公開日*/
.posted_date{
    text-align: right;
    font-weight:15px;
    font-weight: 500;
    line-height: 1.2;
}
.posted_date time{
    display:inline-block;
}
/*目次*/
#toc_container{
    background: #f8f6f3;
    padding:20px 60px;
    font-size: 18px;
    margin: 55px 0;
	width:100%!important;
	display: block!important;
}
.toc_title{
    text-align: center;
    font-weight: 600; 
    font-size: 18px;
}
.toc_list{
	margin-top: 10px;
}
.toc_number{
    font-weight: 600; 
    color:#bf5100;
    margin-right: 0.5em;
    letter-spacing: 0.01em;
    font-size: 0.9em;
    line-height: 1.6;
}
#toc_container li a{
    font-weight: 500; 
    color:#000;
    display:flex;
    line-height: 1.4;
    margin-bottom:0.3em;
}
.toc_depth_2{
    padding-left:1em;
}
.toc_depth_3{
    padding-left:2em;
}
.toc_depth_4{
    padding-left:3em;
}
.toc_depth_5{

    padding-left:4em;
}
/*見出し*/
article.column h1{
    font-size:36px;
    font-weight: 400;
    font-family:'ヒラギノ明朝 StdN','ヒラギノ明朝 ProN','游明朝', 'YuMincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN','HG明朝E', 'ＭＳ 明朝', 'ＭＳ Ｐ明朝','Noto Serif JP',serif;
    text-align: left;
    border-top:1px #000 solid;
    border-bottom:1px #000 solid;
    margin-bottom: 15px;
    line-height: 1.2;
    padding: 20px 0;
}
article.column h1:first-letter{
    color:#bf5100;
}
article.column h1 span{
    display:inline-block;
}
article.column h2{
    background: #351d00;
    padding:8px 30px;
    font-size:24px;
    font-weight: 600;
    color:#fff;
    letter-spacing:.06em;
    margin:80px 0 40px;
    background-image: linear-gradient(
-75deg, #221300 50%,transparent 0);
    line-height: 1.4;
}
article.column h2.m_t{
    margin-top:0;
}
article.column h3{
    padding-bottom:5px;
    font-size:24px;
    font-weight: 600;
    border-bottom:2px solid #d45d05;
    margin:65px 0 35px;
}
article.column h4{
    padding:5px 0;
    font-size:20px;
    color:#005103;
    font-weight: 600;
    border-bottom:1px solid #005103;
    margin:65px 0 35px;
    text-align: left;
}
article.column h3 + h4 {
    margin-top: 0!important;
}
article.column h5{
    font-size:20px;
    font-weight: 600;
    margin:65px 0 10px;
    text-align: left;
    line-height:1.4;
}
/*中身*/
article.column .article_img {
	display: block;
	margin: 0 auto 1.3em;
	max-width: 100%;
	height: auto;
}
article.column p.text{
    font-size: 18px;
    margin-bottom:1.3em;
    text-align: justify;
}
article.column p.no_mb {
    margin-bottom: 0!important;
}
article.column p.lastline{
    margin-bottom:0;
}
article.column picture img {
    max-width: 100%;
    height: auto;
    margin: 0 auto 1.5em;
    display: block;
}
.external_link {
    max-width: 100%;
    box-sizing: border-box;
}
.external_link a{
    border-bottom: 1px solid #000;
    line-height:1.4;
    display:inline;
    font-size: 16px;
    box-sizing: border-box;
    position: relative;
    margin-left:1.8em;
    color:#000;
}
.external_link a:hover {
	border-bottom: none;
}
.external_link a:before{
    content: url("../../../../../../images/souzoku/external.svg");
    display:inline-block;
    width:1.5em;
    position: absolute;
    left:-1.8em;
}
@media screen and (max-width:1024px) {
.external_link{ 
    font-size: 16px;
    }
}

.column_link a span{
    border-radius:5px;
    color: #fff;
    background:#d45d05;
    border: 1px solid #d45d05;
    width:300px;
    display:inline-block;
    text-align: center;
    padding:10px 20px;
    font-weight: 600;
    font-size: 18px;
    position: relative;
    line-height: 1.5;
}
.column_link a span:after{
    position: absolute;
    content: url(../../../../../../images/souzoku/arrow_white.svg);
    display: inline-block;
    width: 1.1em;
    right: 10px;
    top: 58%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.column_link {
    display:block;
    margin:30px auto 0;
    text-align: center;
}
article.column p span.important,
article.column li span.important{
    color:#bf5100;
    font-weight: bold;
    font-weight: 600;
}
article.column .bold{
    font-weight: bold;
    font-weight: 600;
}
article.column p span.marker,
article.column li span.marker{
    font-weight: 600;
    background:linear-gradient(transparent 60%, #fff69a 60%);
}
article.column p span.underline{
    text-decoration: underline;
}
article.column div.point{
   background: #f8f6f3;
   padding:25px 40px;
    margin: 40px 0;
    border-left:5px solid #005103;
}
article.column div.point li{
    font-size: 18px;
    margin-bottom:10px;
    line-height: 1.4;
}

article.column div.point li:last-child{
    margin-bottom: 0;
}
article.column .point p.text{
    margin:0;
    line-height:1.5;
}
article.column ul.point{
    padding-left:2.5em;
    margin:40px 0;
}
article.column ul.point li{
    font-size:18px;
    position: relative;
}
article.column ul.point li:before{
    content: '';
    display: inline-block;
    position: absolute;
    left: -1em;
    top: 40%;
    width: 4px;
    height: 4px;
    border-radius:100px;
    background: #d45d05; 
}
article.column ul.number li{
    display:flex;
    font-size:18px;
}
article.column ol.number {
    list-style: decimal;
}
article.column ul.number li span{
    margin-right: 0.5em;
}

article.column ul.unordered{
    list-style: disc; 
}

article.column ul,
article.column ol{
    padding-left: calc(50% - 48%);
}

span.asterisk {
    font-size: 0.8em;
    vertical-align: top;
}

/*２カラム*/
@media screen and (min-width:769px){
	.about_page .box:nth-of-type(5) ul li {
		width: 50%;
		height: 310px;
	}
}
/*改行*/
/*PC/SP改行*/
table.column th span.bl, table.column td span.bl {
	display: block;
}

/*SPのみ改行*/
@media screen and (max-width:768px){
	table.column th span.sp_bl, table.column td span.sp_bl {
		display: block;
	}
}
/*PC/SP改行*/
.column_inner section a span.bl {
	display: block;
}

/*SPのみ改行*/
@media screen and (max-width:768px){
	.column_inner section a span.sp_bl {
		display: block;
	}
}











/*オレンジ縦ライン*/
.column_inner span.column_important{
	display:block;
	padding:5px 5px 5px 15px;
	border-left:5px solid #D45D05;
	line-height: 1.4;
	margin: 20px 0 15px;
}
/*計算式 電卓アイコン*/
.column_inner section .formula {
    padding:1.8em 0.8em;
    display:block;
    text-align: center;
    font-weight: bold;
    content: "";
    background: url("../images/customer_contents/souzoku/dentaku_icon.svg") ,#FEF1E3;
    background-repeat: no-repeat;
    background-position: left 6px center;
    background-size: 40px 50px;
}
.column_inner section .formula span {
    line-height: 1.4;
    display: inline-block;
}
@media screen and (max-width:480px) {
    .column_inner section .formula {
        text-align: left;
        padding-left: 30px;
    }
}
/*外部リンクボタン LP以外*/
.column_inner section .external-link-btn {
    text-align: center;
}
.column_inner section .external-link-btn a{
	position: relative;
	display: inline-block;
	background: #BF5100;
	border:0px solid #BF5100;
	border-radius: 5px; 
	font-size: 1.3em;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	padding: 0.5em 1.8em 0.5em 2em;
	transition:0.5s;
	margin-bottom: 40px;
}
.column_inner section .external-link-btn a:hover {
	background-color: #ffffff;
	border: 1px solid #BF5100;
	color: #000000;
}
/*事例*/
.column_inner section .article_jirei {
	margin-bottom: 60px;
	margin-top: 60px;
}
.column_inner section .article_jirei h4, .column_inner section .article_jirei h3, .column_inner section .article_jirei h2 {
	background: #005103;
	color: #fff;
	line-height: 1.6;
	margin: 0;
	border-left: none;
	padding: 20px 30px 15px;
	border-radius: 20px 20px 0 0;
}
.column_inner section .article_jirei .txtarea {
	padding: 30px;
	border: 2px solid #005103;
	border-radius: 0 0 20px 20px;
}

/*グレー背景内のol　paddin調整*/
@media screen and (max-width:550px) {
article.column div.point ol.number {
    padding-left: 30px;
	}
}
/*====================================
記事CV
======================================*/
.column_cv{
    background: #221300;
    background-image:url("../../../../../../images/souzoku/cv_bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top right;
    margin: 70px 0 0;
    padding:30px 50px;
    text-align: center;
}
.column_cv_inner{
    background: #fff;
    padding:25px 35px 10px;
    margin-bottom: 15px;
}

.column_cv_inner .cv_flex{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 10px;
}
.cv_flex_bottom{
    display:flex;
    justify-content: space-between;
    align-items: center;
}
.cv_flex_bottom p{
    color:#fff;
}
.cv_flex_bottom p:first-child{
    font-weight: bold;
    font-weight: 600;
    border:1px solid #fff;
    white-space: nowrap;
    font-size: 16px;
    padding:8px 25px;
    margin-right:25px;
    line-height: 1;
}
.cv_flex_bottom p:first-child span{
   font-size: 20px;
    color:#ffcb8e;
}
.cv_flex_bottom p:last-child{
    font-size:12px;
    text-align: left;
    line-height:1.2;
    max-width:100%;
}
.cv_flex_bottom p:last-child span {
    display: inline-block;
}
.column_cv .cv_top{
    font-family:'ヒラギノ明朝 StdN','ヒラギノ明朝 ProN','游明朝', 'YuMincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN','HG明朝E', 'ＭＳ 明朝', 'ＭＳ Ｐ明朝','Noto Serif JP',serif;
    font-weight: 500;
    font-size: 24px;
    letter-spacing:0.05em;
    margin-bottom: 15px;
    line-height:1;
}
.column_cv .cv_top span{
    color:#bf5100;
}
.column_cv  .sennin span.color{
    color:#ffcb8e;
}
.column_cv  .sennin span.br{
    display:inline-block;
}
.column_cv .sennin {
    margin-bottom: 10px;
    color:#fff;
    font-size: 21px;
    font-weight:600;
}
.column_cv_inner .yoyaku{
    font-weight:600;
    font-size: 16px;
    letter-spacing:0.05em;
    padding:3px 0;
    border-bottom:1px solid #000;
    border-top:1px solid #000;
    margin-bottom: 2px;
    line-height: 1;
}
.column_cv_inner .tel{
    font-size:64px;
    font-weight: 600;
    font-family:'ヒラギノ明朝 StdN','ヒラギノ明朝 ProN','游明朝', 'YuMincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN','HG明朝E', 'ＭＳ 明朝', 'ＭＳ Ｐ明朝','Noto Serif JP',serif;
    color:#000;
    letter-spacing:-0.01em;
    line-height: 1;
}
.column_cv_inner .tel .small {
    font-size:58px;
}
.column_cv_inner .tel:before{
    content: url("../../../../../../images/souzoku/column_tel.svg");
    display: inline-block;
    width: 0.75em;
    margin-right: -4px;
}
.column_cv_inner .mail{
    background: #d45d05;
    border: solid 1px #d45d05;
    border-radius:5px;
    color:#fff;
    font-weight: 600;
    padding: 6px 25px;
    font-size: 18px;
    width: 190px;
    line-height: 1;
    height: 84px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}
.column_cv_inner .mail:after{
    content: url("../../../../../../images/souzoku/mail.svg");
    display: inline-block;
    width: 1.2em;
    margin-top:10px;
}
.column_cv_sp{
    display: none;
}
@media screen and (min-width:768px) {
	.column_cv_inner .tel{
		pointer-events: none;
	}
}
@media screen and (max-width:1350px) {
    .column_inner{
        padding:80px 20px;
    }
    article.column{
        width:auto; 
        flex: 1;
        margin-right: 50px;
    }
    article.column .bg_white{
    padding: 60px 40px;
    }
    .column_cv{
     padding: 30px 10%;
    }
    .column_cv_inner{
    padding: 20px 10px 10px;
        margin-bottom: 20px;
    }
    .column_cv_inner .cv_flex{
    flex-direction: column;
        align-items: center;
    }
    .column_cv_inner .tel{
        margin-bottom: 5px;
    display: block;
            font-size: 70px;
    }
    .column_cv_inner .tel .small {
		font-size: 66px;
    }
    .column_cv .cv_top{
        margin-bottom: 15px;
    }
    .column_cv_inner .mail{
        width:auto;
        height: auto;
        flex-direction: row-reverse;
        padding:10px 40px;
        min-width:50%;
    }
    .cv_flex_bottom p:first-child{
    padding: 8px 15px;
        margin-right: 15px;
    } 
    .column_cv_inner .mail:after{
        margin-top: 0;
        margin-right: 5px;
    }
    .column_cv .sennin{
        font-size: 20px;
        line-height: 1.4;
        margin-bottom: 15px;
    }
}
@media screen and (max-width:1190px) {
    .cv_flex_bottom p:first-child{
    white-space: inherit; 
        min-width: 140px;
    }
    .cv_flex_bottom p:first-child span{
        display:inline-block;
    }
    .column_cv{
    padding: 25px 40px;  
    }
    .column_cv_inner .tel{
        font-size:5.8vw;
    }
    .column_cv_inner .tel .small {
        font-size:5.4vw;
    }
}


@media screen and (max-width:1024px) {
    .column_inner{
    flex-direction: column;
    padding: 60px 50px;
    }  

    article.column{
        width:100%;
        margin-right: 0;
		margin-bottom: 60px;
        flex: auto;
    }
    .posted_date{
    }
article.column .bg_white {
    padding: 60px 65px;
}
#toc_container {
    padding: 40px 40px;
    font-size: 16px;
    margin: 40px 0;
}  
article.column p.text {
    font-size: 16px;
    margin-bottom: 1.2em;
}
article.column p.lastline{
    margin-bottom:0;
}
	
article.column div.point li{
    font-size: 16px;
    }
    article.column ul.point li{
    font-size: 16px;   
    }
    article.column div.point{
    padding: 25px 30px;
    margin: 30px 0;
    }
    article.column ul.point{
        margin:30px 0;
    }
	article.column div.lastlist {
		margin-bottom: 0;
}
	article.column .article_qa .txtarea ul li {
		font-size: 16px;
	}
/*見出し*/
article.column h1{
    /*font-size:44px;*/
}
article.column h2{
    padding:5px 25px;
    font-size:24px;
    margin:60px 0 30px;
}
article.column h3{
    font-size:22px;
    margin:55px 0 25px;
}
article.column h4{
    padding:5px 0;
    font-size:20px;
    margin:55px 0 25px;
}
article.column h5{
    font-size:20px;
    margin:55px 0 10px;
}
    .column_link a span{
        font-size: 16px;
    }
    .column_cv_inner .tel,
    .column_cv_inner .tel .small {
        font-size:6.2vw;
    }
.column_cv_inner .yoyaku{
        font-size: 16px;
    }
    .column_cv_inner .mail{
        font-size: 18px;
    }
    .cv_flex_bottom p:first-child{
        white-space:nowrap;
    min-width: 230px;
    }
    
.column_page .sidebar {
    width: 100%;
}
    .sidebar .side_cv{
        display:none;
    }

.sidebar .trouble_inner,.sidebar .about{
    padding: 30px 50px;
}
.sidebar .side_column_inner{
padding: 20px 40px 30px;
}

    .sidebar .about li{
    width: calc(50% - 26px / 2);
        display:inline-block;
    }   
    .sidebar .about li:nth-child(odd){
        margin-right:20px;
    }
    
}
@media screen and (max-width:850px) {
.column_cv_inner .cv_flex {
    flex-direction: column;
} 
.sidebar .trouble_inner,.sidebar .about{
    padding: 20px 30px;
}   
}

@media screen and (max-width:768px) {
.column_inner {
    padding: 60px 35px;
}
article.column .bg_white {
    padding: 50px 45px;
} 

.column_cv_pc{
    display: none;
}
.column_cv_sp{
    display: block;
}
.column_cv_sp .column_cv{
    background: #fff;
    color: #000;
    padding: 0 0 20px 0;
}
.column_cv_sp .column_cv .cv_title{
    background-color: #221300;
    color: #faffa3;
    font-size: 20px;
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}
.column_cv_sp .column_cv .cv_title span{
    background-color: #fff;
    border-radius: 6px;
    font-size: 16px;
    font-weight: bold;
    color: #221300;
    padding: 2px 5px 1px;
    margin-right: 10px;
}
.column_cv_sp .column_cv .content{
    width: 90%;
    margin: 0 auto;
    padding-top: 20px;
}
.column_cv_sp .column_cv .tel_box{
    width: 100%;
    border-radius: 6px;
    box-shadow: 0 0 6px rgba( 0, 0, 0, .3);
    padding: 5px 0 15px;
}
.column_cv_sp .column_cv .tel_content{
    width: 80%;
    margin: 0 auto;
}
.column_cv_sp .column_cv .tel{
    white-space: nowrap;
}
.column_cv_sp .column_cv .tel .tel_text{
    display: block;
    line-height: 1;
    font-size: 38px;
    color: #d45d05;
    font-weight: bold;
    font-family: 'ヒラギノ明朝 Std','ヒラギノ明朝 StdN','ヒラギノ明朝 ProN W6','HiraMinProN-W6','Noto Serif CJK JP','Noto Serif JP','游明朝','Yu Mincho','YuMincho','メイリオ',serif;
    position: relative;
}
.column_cv_sp .column_cv .tel .tel_text .small {
    font-size: 6.6vw;
	white-space: initial;
}
.column_cv_sp .column_cv .tel .tel_text::before{
    content: "";
    background: url(image/tel_icon.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position:center;
    width: 0.8em;
    height: 0.8em;
    display: inline-block;
}
.column_cv_sp .column_cv .tel .tel_text.para{
    font-size: 34px;
}
.column_cv_sp .column_cv .tel .tap{
    font-size: 12px;
    color: #221300;
	font-family: 'ヒラギノ角ゴ Std','ヒラギノ角ゴ StdN','ヒラギノ角ゴ Pro','ヒラギノ角ゴ ProN W3','HiraKakuProN-W3','Hiragino kaku Gothic ProN','Hiragino Sans','游ゴシック','Yu Gothic','YuGothic','Noto Sans CJK JP','Noto Sans JP','A P-OTF A1ゴシック Std','A P-OTF A1ゴシック',sans-serif;
    position: relative;
    letter-spacing: 0;
}
.column_cv_sp .column_cv .tel .tap::before,.column_cv_sp .column_cv .tel .tap::after{
    content: "";
    width: 60px;
    height: 1px;
    position: absolute;
    background-color: #221300;
    top:7px;
    left: -70px;
}
.column_cv_sp .column_cv .tel .tap::after{
    left: unset;
    right: -70px;
}
.column_cv_sp .column_cv .yoyaku{
    max-width: 290px;
    width: 100%;
    background-color: #f6efe6;
    color: #221300;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    padding: 4px 0;
    margin: 8px auto 0;
}
.column_cv_sp .column_cv .mail{
    display: block;
    width: 100%;
    background-color: #277b1b;
    color: #fff;
    border-radius: 6px;
    margin: 15px 0 15px;
    font-size: 16px;
    padding: 4px 0 3px;
    position: relative;
}
.column_cv_sp .column_cv .mail::before{
    content: "";
    background: url(image/mail_icon.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position:center;
    width: 1em;
    height: 0.8em;
    display: inline-block;
    margin-right: 10px;
}
.column_cv_sp .column_cv .cv_info{
    font-size: 12px;
    color: #000;
    font-weight: bold;
}
.column_cv_sp .column_cv .cv_info span{
    border-bottom: 1px solid #000;
}
.column_cv_sp .column_cv .cv_info_text{
    font-size: 12px;
    text-align: left;
    margin-top: 20px;
    letter-spacing: 0;
    line-height: 1.5;
    display: none;
}
.column_cv_sp .column_cv .cv_info_text span{
    display: inline-block;
}
.column_cv_sp .column_cv .cv_info_text.open{
    display: block;
}



/*見出し*/
article.column h1{
    padding: 15px 0;
    font-size:32px;
    text-align: left;
}
    article.column h1 span{
        display: inline;
    }
article.column h2{
    padding:5px 20px;
    font-size:22px;
    margin:60px 0 25px;
}
article.column h3{
    font-size:20px;
    margin:55px 0 20px;
}
article.column h4{
    padding:3px 0 3px 0;
    font-size:20px;
    margin:55px 0 20px;
}
article.column h5{
    font-size:20px;
    margin:55px 0 10px;
}
    article.column p.text{
    margin-top:0;
    }
    #toc_container{
        padding: 20px 25px;
    }
    .toc_title{
    font-size: 16px;
    margin-top:0;

    }
    .column_cv p{
        margin: 0;
    }
    .column_cv .cv_top{
        font-size: 26px;
    }
    .column_cv_inner .tel{
        font-size:7vw;
    }
    .column_cv_inner .mail{
        padding:5px 60px;
    }
}

@media screen and (max-width:400px) {
    .column_cv_sp .column_cv .cv_title{
        font-size: 16px;
        padding: 7px 0;
    }
    .column_cv_sp .column_cv .cv_title span{
        font-size: 14px;
        line-height: 1.4;
    }
    .column_cv_sp .column_cv .tel_content{
        width: 90%;
    }
    .column_cv_sp .column_cv .tel .tap{
        font-size: 10px;
    }
    .column_cv_sp .column_cv .tel .tap::before, .column_cv_sp .column_cv .tel .tap::after{
        width: 50px;
        left: -60px;
    }
    .column_cv_sp .column_cv .tel .tap::after {
        left: unset;
        right: -60px;
    }
    .column_cv_sp .column_cv .tel .tel_text{
        font-size: 30px;
    }
    .column_cv_sp .column_cv .tel .tel_text.para{
        font-size: 26px;
    }
    .column_cv_sp .column_cv .yoyaku{
        font-size: 10px;
    }
    .column_cv_sp .column_cv .mail{
        font-size: 14px;
        margin: 12px 0 12px;
    }
    .column_cv_sp .column_cv .cv_info{
        font-size: 10px;
    }
    .column_cv_sp .column_cv .cv_info_text.open{
        font-size: 10px;
    }









}

@media screen and (max-width:767px) {
    .sidebar .about li{
        width:100%;
    }
.sidebar .about li:nth-child(odd) {
    margin-right: 0;
}
    .column_cv_inner .tel{
        background:#d45d05;
        color:#fff;
        width:100%;
        padding:8px 5px;
        border-radius:5px;
    }
    .column_cv_inner .mail{
        border-radius:5px;
        background: #005103;
        border:solid 1px #005103;
    }
.column_cv_inner {
    padding: 20px 10% 15px;
}
.column_cv_inner .tel:before{
    content: url("../../../../../../images/souzoku/column_tel_sp.svg");
    width: 0.6em;
    margin-right: 2px;
}
    .cv_flex_bottom{
    flex-direction: column;  
    } 
    .cv_flex_bottom p:first-child{
        margin-bottom: 10px;
    }
 .column_cv_inner .yoyaku{
        font-size: 15px;
    }
    .column_cv_inner .mail{
        font-size: 18px;
        padding: 10px 30px;
    }
    .column_cv_inner .cv_flex{
    align-items: center;
    }
    .column_cv_inner .yoyaku{
        margin-bottom:10px;
    }
    .flex_inner{
        width:100%;
    }
    .posted_date{
        font-size: 12px;
        position: absolute;
        top: -25px;
        right: 0;
    }
}
@media screen and (max-width:600px) {
    .sidebar .simulation ul li a span{
        display: block;
    }
 }
@media screen and (max-width:550px) {
.column_inner {
    padding: 60px 15px;
}

    article.column .bg_white{
    padding: 30px 20px;  
        margin-top: 15px;
    }
/*見出し*/
article.column h1{
    font-size:24px;
    padding: 10px 0;
    margin-bottom: 10px;
}
article.column h2{
    padding:10px 15px;
    font-size:18px;
    margin:60px 0 20px;
}
article.column h3{
    font-size:18px;
    margin:55px 0 20px;
}
article.column h4{
    padding:5px 0;
    font-size:18px;
    margin:50px 0 20px;
    line-height:1.2
}
article.column h5{
    font-size:18px;
    margin:50px 0 10px;
}
    #souzoku_tag li{
        margin-bottom: 0.5em !important;
    }
    #souzoku_tag li a{
        font-size: 14px;
    }
    .posted_date{
/*        text-align: center;*/
        font-size: 12px;
    }
    .column_link a span{
        width:100%;
    }
.column_link {
    margin: 30px auto 10px;
}
article.column ul.point {
    padding: 0 1em;
}
    .column_cv .sennin{
        font-size:18px;
    } 
.column_cv {
    padding: 30px 15px;
}
.column_cv_inner {
    padding: 20px 20px 10px;
}
    .column_cv .cv_top{
        font-size: 24px;
    }
.column_cv_inner .tel {
    font-size: 9vw;
    width:100%;
    padding: 10px 0;
}
.column_cv .sennin span{
        padding-bottom: 0;
    }
    .column_cv_inner .mail{
    width:100%;
    padding: 10px;
    }
.column_cv_inner .yoyaku {
    font-size: 14px;
}
    #toc_container{
        padding:20px 15px;
    }
.toc_title,#toc_container li a {
    font-size: 14px;
    }
.sidebar .side_column_inner {
    padding: 10px 20px 20px;
}
.sidebar .about {
    padding: 20px;
}  
    .sidebar .trouble .title p{
        font-size: 20px;
    }
    .sidebar .trouble .s_title{
        font-size: 15px;
        padding:5px 0;
        margin:20px 0 8px;
        font-weight:600;
    }
    article.column ul.point li:before{
    top: 0.8em;   
    }
    article.column ul.point li{
        line-height: 1.5;
        margin-bottom:10px;
    }
    article.column ul.point li:last-child{
        margin-bottom:0;
    }
    article.column div.point{
        padding:20px 15px;
    }
    article.column div.list-sp{
        padding: 20px 25px;
    }
.toc_depth_2{
    padding-left:0.5em;
}
.toc_depth_3{
    padding-left:1.5em;
}
.toc_depth_4{
    padding-left:2em;
}
.toc_depth_5{
    padding-left:2.5em;
}
    .sidebar .trouble li a{
        font-size:14px;
        padding: 10px 0;
    }
    .sidebar .side_column li span{
        font-size: 15px;
    }
.sidebar .side_column a {
 padding: 10px 35px 10px 10px;
}
    .sidebar .trouble .title p,.sidebar .side_column .title p{
        font-size: 18px;
        padding:5px 0;
    }
    .sidebar .about p{
        font-size: 18px;
        margin-top:0;
    }
    .sidebar .title{
        padding: 10px 0;
    }
    .sidebar .about a{
        font-size: 15px;
    }

}

@media screen and (max-width:385px) {
.column_inner {
    padding: 40px 10px;
}
.sidebar .trouble_inner {
    padding: 20px 10px;
}
.column_cv_inner .yoyaku {
    font-size: 12px;
}
    .column_cv .sennin{
        font-size:16px;
    } 
}


/* 記事内CV　パラメータ付き */
.column_cv.para .tel{
    font-size: 52px;
}
.column_cv.para .mail{
    padding: 5px 15px;
}

@media screen and (max-width:1350px) {
.column_cv.para .tel {
    font-size: 5vw;
}
.column_cv.para .mail{
    padding: 10px 50px;
min-width: 0;
}   
}

@media screen and (max-width:1024px) {
.column_cv.para .tel {
    font-size: 6.6vw;
} 
}

@media screen and (max-width:767px) {
.column_cv.para .tel {
    font-size: 6.6vw;
} 
.column_cv.para .column_cv_inner{
    padding: 20px 5% 15px;   
    }
}
@media screen and (max-width:550px) {
.column_cv.para .tel {
    font-size: 7.8vw;
} 
.column_cv.para .mail{
    padding: 10px 20px;
}   
}

/*====================================
CV下リンク
======================================*/
.check_area  {
    padding: 1em 2em 2em;
	margin-bottom: 70px;
    background: #eae0d4;
}
.check_area .check_title{
	margin-bottom: 10px;
	font-size: 14px;
	text-align: center;
	color: #221300;
	display: flex;
    align-items: center;
}
.check_area .check_title:before,
.check_area .check_title:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #221300;
}
.check_area .check_title:before {
    margin-right: 1rem;
}
.check_area .check_title:after {
    margin-left: 1rem;
}
.check_area .check_link{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.check_area .check_link a{
	width: 49%;
	padding: 1em 2em 1em 2em;
	background: url("../images/souzoku/icon_link.svg") no-repeat 96% center ,#221300;
	background-size: 10px;
	border-radius: 8px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	display: flex;
	box-sizing: border-box;
	line-height: 1.4;
	justify-content: center;
	align-items: center;
}
.check_area .check_link .center{
	margin-bottom: 0;
}
.check_area .check_link a .inbl{
	display: inline-block;
}
.check_area .check_link a .txt_yellow{
	color: #fff000;
}
@media screen and (max-width:1200px){
	.check_area .check_link a{
		font-size: 1.4vw;
	}
	.check_area{
		padding: 3vw;
	}
}
@media screen and (max-width:1023px){
	.check_area .check_link a{
		padding: 2vw 4vw 2vw 1vw;
		font-size: 2vw;
	}
}
@media screen and (max-width:767px){
	.check_area .check_link{
		display: block;
	}
	.check_area .check_link a{
		width: 100%;
		padding: 2vw 7vw 2vw 7vw;
		font-size: 16px;
	}
	.check_area .check_link a:not(:last-child){
		margin-bottom: 15px;
	}
}
@media screen and (max-width:590px){
	.check_area .check_title{
		margin-bottom: 10px;
		font-size: 13px;
	}
}





/* intro */
.intro_top a{
    margin: 0px auto 20px;
    padding: 8px 10px 8px 30px;
    border-radius:10px;
    display: flex;
    color: #000;
    position: relative;
    align-items: center;
    border: 1px solid #cccbc6;
}
.intro_top img.intro_img {
    width: 7%;
    margin-right: 20px;
}
.intro_top a:after{
    position: absolute;
    content: url("../../../../../../images/souzoku/arrow_orange.svg");
    display: inline-block;
    width: 1.4em;
    right: 15px;
    top: 55%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.intro_top .intro_name{
    font-weight:500;
    font-size: 16px;
    line-height: 1.4;
}
.intro_top .intro_name span.mark{
    line-height: 1;
    background: #005103;
    color:#fff;
    font-weight: 600;
    font-size: 15px;
    padding: 3px 5px;
    margin-right: 5px;
}
.intro_top .intro_name span{
    display:inline-block;
}
.intro_top .intro_name span:nth-of-type(2){
    display:block;
}
@media screen and (max-width:768px) {
      .intro_top .intro_name span.mark,.intro_top .intro_name{
        font-size:14px!important; 
    }
    .intro_top img.intro_img {
        width: 40px;
        margin-right: 15px;
}
    .intro_top a{
        padding: 8px 8px 8px 20px;
    }
    .intro_top a:after{
        top: 55%;
    }
}
@media screen and (max-width:550px) {
    .intro_top .intro_name span.mark,.intro_top .intro_name{
        font-size:12px!important; 
        letter-spacing:-0.04px;
    }
    .intro_top img.intro_img {
        width: 30px;
        margin-right: 10px;
}
    .intro_top a{
        padding: 8px 20px 8px 10px;
    }
    .intro_top a:after{
        top: 55%;
        width:1em;
        right: 8px;
    }
    .intro_top a{
    margin: 0px auto 15px;
    }
}

/*監修下 */
.intro_bottom{
   background:#fff;
    padding:30px 40px;
    display:flex;
    margin: 70px 0;
}
.intro_bottom .intro_img{
    width:100px;
    height:100px;
    margin-right:25px;
    flex-shrink:0;
}
.intro_bottom .intro_name{
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
}
.intro_bottom .intro_name span.supervision:after{
    content:"/";
    margin:0 10px;
}
.intro_bottom .intro_capacity{
    font-weight:500;
    font-size:16px;
    margin-top:5px;
}
.intro_bottom .intro_capacity .title{
    background: #005103;
    color:#fff;
    padding:3px 10px;
    line-height: 1;
}
.intro_bottom .intro_text{
    font-size: 14px;
    font-weight: 400;
    line-height:1.4;
    margin: 20px 0;
}
.intro_bottom a{
    border-radius: 5px;
    color: #fff;
    background: #d45d05;
    border: 1px solid #d45d05;
    width: 230px;
    display: inline-block;
    text-align: center;
    padding: 5px;
    font-weight: 600;
    font-size: 15px;
    position: relative;
    line-height: 1;
    letter-spacing: 0.08em;
}
.intro_bottom .intro_link{
    text-align: right;
}
.intro_bottom a:after{
    position: absolute;
    content: url(../../../../../../images/souzoku/arrow_white.svg);
    display: inline-block;
    width: 0.9em;
    right: 10px;
    top: 55%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

@media screen and (max-width:1024px) {
    .intro_bottom .intro_name span{
        display:inline-block;
    }
    .intro_bottom .intro_name{
        font-size: 16px;
    }  
    .intro_bottom .intro_capacity{
        font-size: 14px;
    }
    .intro_bottom .intro_text{
        margin: 15px 0;  
    }
    .intro_bottom{
        padding: 30px;
    }
    .intro_bottom .intro_img{
        width: 90px;
        height:90px;
        margin-right:20px;
    }
}

@media screen and (max-width:768px) {
    .intro_bottom .intro_name span.supervision:after{
        display:none;
    }
    .intro_bottom{
        padding: 30px 25px;
    }
    .intro_bottom .intro_img{
        height:80px;
        width: 80px;
    }
}
@media screen and (max-width:600px) {
    .intro_bottom .intro_img{
        width:15%;
        height:15%;
    }
.intro_bottom a {
    width: 100%;
    font-size: 14px;
}
    .intro_bottom .intro_name{
        font-size: 15px;
    }
    .intro_bottom .intro_capacity{
        margin-top: 5px;
    }
    .intro_bottom .intro_text{
        font-size: 12px;
    }
    .intro_bottom{
        padding: 25px 20px;
    }
}
@media screen and (max-width:480px) {
    .intro_bottom .intro_img{
        width:18%;
        margin-right:15px;
    }
    .intro_bottom .intro_name{
        font-size: 14px;
    }
    .intro_bottom{
        padding: 25px 20px;
    }
}
@media screen and (min-width:769px) {
    .intro_top a{
        min-height:70px;
    }
}







/* 関連記事 */
.list_toggle {
    background: #351d00;
    background-image: linear-gradient( 
-75deg, #221300 50%,transparent 0);
	color: #fff;
	font-size:22px;
	padding: 10px;
	font-weight: 500;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin: 60px 0 0;
	position: relative;
    text-align: center;
}
.list {
	padding: 20px;
	overflow-y: auto;
	max-height: 290px;
    margin: 0 0 60px;
    background:#fff;
}
.list a {
	display: block;
	color: #1d1d1d;
	font-size: 16px;
	margin: 0.5em;
	padding-left: 30px;
	position: relative;
}
.list a br {
	display:none;
}
.list a:hover {
	text-decoration: none;
}
.list a::before {
	content: "";
	display: block;
	width: 14px;
	height: 14px;
	background: url("../../../../../../images/souzoku/arrow_orange.svg") no-repeat;
	background-size: contain;
	position: absolute;
	top: 7px;
	left: 0;
}
.list_toggle .accordion_icon{
	display: none;
}
@media screen and (max-width: 768px) {
	.list {
		padding: 3% 5%;
	}
	.list a {
		font-size: 15px;
        line-height: 1.4;
        margin: 0.8em 0.5em;
	}
    .list a::before {
        top: 3px;
    }
}
@media screen and (max-width: 768px) {
.list_toggle {
	font-size:18px;
    }
}

/*====================================
リンクhover
======================================*/
.column_page a:hover{
transition : .5s!important;
}
.sidebar .trouble li a:hover{
    background: #005103;
    color:#fff;
}
.sidebar .trouble li a:hover:after{
content: url(../../../../../../images/souzoku/arrow_white.svg);
}
.sidebar .side_column a:hover{
    background: #d45d05;
    color:#fff;
}
.sidebar .side_column a:hover:after{
content: url(../../../../../../images/souzoku/arrow_white.svg);
}
.sidebar .side_column a:hover time,.sidebar .side_column li a:hover span{
    color:#fff;
}


.sidebar .cv_inner a.mail:hover{
    background:#fff;
    color: #d45d05; 
    border: 1px solid #d45d05;
}
.sidebar .cv_inner a.mail:hover:before,.column_cv_inner .mail:hover:after{
    content: url("../../../../../../images/souzoku/mail_hover.svg"); 
}
.column_link a:hover span,.intro_bottom a:hover,.column_cv_inner a.mail:hover{
    background:#fff;
    color: #d45d05; 
    border: 1px solid  #d45d05;  
transition : .5s;
}
.column_link a:hover span:after,.intro_bottom a:hover:after{
    content: url("../../../../../../images/souzoku/arrow_orange.svg");  
}
.sidebar .about a:hover{
    background:#d45d05;
    border: 1px solid #d45d05;
}

.intro_top a:hover,.c_side a:hover,#toc_container li a:hover,.list a:hover{
    opacity:.6;
}

@media screen and (max-width: 767px) {
.column_cv_inner .mail:hover:after{
    content: url("../../../../../../images/souzoku/mail_hover_sp.svg"); 
}
.column_cv_inner a.mail:hover{
    background:#fff;
    color: #005103; 
    border: 1px solid #005103;
}
}

@media all and (-ms-high-contrast: none) {
    .column_cv_inner .yoyaku{
        margin-bottom: 10px;
    }  
}
.side_cv img{
    max-width:100%;
    height:100%;
}
@media screen and (max-width:1024px) {
.gnavi ul li a{
        font-weight:600!important;
    }
}
@media screen and (max-width:768px) {
article.column h2,article.column h3,article.column h4,article.column h5{
        font-weight:600!important;
    }
}
/*テーブル*/
table.column{
   width:100%; 
    border-collapse: collapse;
}

table.column caption{
    text-align: center;
    font-size: 22px;
    font-weight: 400;
    line-height: 1;
    padding:40px 0;
    background: #351d00;
    color:#fff;
}
table.column th{
    font-size:18px;
    text-align: center;
    background:#005103;
    border: 1px solid #d7d7d7;
    font-weight: 400;
    padding: 15px 10px;
    line-height: 1.4;
    color:#fff;
    vertical-align: middle;
}
table.column td{
    background: #fff;
    border: 1px solid #d7d7d7;
    font-size:16px;
    vertical-align: middle;
    padding:15px;
    line-height:1.2;
    text-align: center;
}
table.column th span,table.column td span{
    display:inline-block;
}
table.column.mokuroku_table{
	width: 100%!important;
}
table.column.mokuroku_table td{
	text-align: left;
}
table.column.mokuroku_table .row1{
	width: 35%;
}
table.column.mokuroku_table .row2{
	width: 20%;
}
table.column.mokuroku_table .row3{
	width: 45%;
}
@media screen and (max-width:1024px) {
table.column caption{
    font-size: 22px;
    padding:40px 0;
}
table.column th{
    font-size:16px;
    padding: 15px 10px;
}
table.column td{
    font-size:15px;
    padding:15px 10px;
}

table.column.sp_block{
    width:100%;
}

}
@media screen and (max-width:768px) {
table.column caption{
    font-size: 20px;
    padding:30px 0;
}
table.column th{
    font-size:15px;
    padding: 10px 5px;
}
table.column td{
    font-size:14px;
    padding: 10px 5px;
}
table.column.mokuroku_table .row1{
	width: 40%;
}
table.column.mokuroku_table .row2{
	width: 30%;
}
table.column.mokuroku_table .row3{
	width: 40%;
}
}
@media screen and (max-width:600px) {
table.column th{
    font-size:14px;
}
table.column td{
    font-size:13px;
}

table.column.sp_block th,table.column.sp_block td{
    width:100%!important;
    display: block;
}

table.column.sp_block th,table.column.sp_block td:not(:last-of-type){
    border-bottom: none;
}


table.column.mokuroku_table {
    min-width:450px;
}

}

/*テーブル*/
table.column{
    border-collapse: collapse;
/*    margin:3em auto 0;*/
    margin:0 auto;
	width: 100%;
	table-layout: fixed;
}
.js-scrollable{
    margin-bottom:20px;
}
table.column.m_t{
    margin-top:0;
}
table.column caption{
    text-align: center;
    font-size: 22px;
    font-weight: 400;
    line-height: 1;
    padding:40px 0;
    background: #351d00;
    color:#fff;
}
table.column th{
    font-size:16px;
    text-align: center;
    background:#d45d05;
    border: 1px solid #d7d7d7;
    padding: 15px 10px;
    line-height: 1.4;
    color:#fff;
    vertical-align: middle;
/*    width: 18%;*/
    width: 22%;
    font-weight: 500;
}
table.column td{
    background: #fff;
    border: 1px solid #d7d7d7;
    font-size:16px;
    vertical-align: middle;
    padding:15px 10px;
    line-height:1.2;
    text-align: center;
}
table.column.left td{
    text-align: left;
}
table.column th span,table.column td span{
    display:inline-block;
}
table.column ul li{
    position:relative;
    margin-left:1.5em;
    margin-bottom:0.5em;
}
table.column ul li:last-child{
    margin-bottom:0;
}
table.column ul li:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: -1em;
    top: 0.5em;
    width: 3px;
    height: 3px;
    border-radius: 100px;
    background: #000;
}
table.column.table01 {
    width:100%;
    margin-bottom: 1.3em
}


table.column th.th01{
	width: 28%;
}
table.column th.th02{
	width: 72%;
}
table.column th.th03_01{
	width: 20%;
}
table.column th.th03_02{
	width: 60%;
}
table.column th.th03_03{
	width: 20%;
}
table.column th.th04{
    width: 50%;
}


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

table.column caption{
    font-size: 22px;
    padding:40px 0;
}
table.column th{
    font-size:16px;
    padding: 15px 10px;
}
table.column td{
    font-size:15px;
    padding:15px 0;
}
	table.column.mokuroku_table td {
    padding:15px 10px;
	}
}
@media screen and (max-width:1023px) {
    table.column{
        width:130%;
    }
/*幅100%。スクロールしない*/
    table.column_100{
        width:100%;
    }
    table.column.table01 {
        width:100%;
        margin-bottom: 1.2em
    }
table.column td{
    padding:15px 5px;
}
}
@media screen and (max-width:768px) {
    table.column{
        width:180%;
    }
/*幅100%。スクロールしない*/
    table.column_100{
        width:100%;
    }
table.column caption{
    font-size: 20px;
    padding:30px 0;
}
table.column th{
    font-size:15px;
    padding: 10px;
}
table.column td{
    font-size:15px;
    padding: 10px;
}
}
@media screen and (max-width:600px) {
    table.column{
        width:220%;
    }
/*幅100%。スクロールしない*/
    table.column_100{
        width:100%;
    }
table.column th{
    font-size:14px;
}
table.column td{
    font-size:14px;
}
}
@media screen and (max-width:425px) {
    table.column.table01 th {
        width:30%;
    }
}

/* コラム一覧 */


.column_list ul li {
    border-bottom: 1px dotted #bebebe;
    margin-bottom: 0 !important;
    position: relative;
}
.column_list ul li a {
    padding: 2% 0 2% 2%;
    display: block;
}
.column_list ul li a::after {
    content: "";
    width: 15px;
    height: 15px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 3%;
    background-image: url(../../2021_renew/images/customer_contents/koutsujiko/right-arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.column_list ul li a:hover {
    opacity: 1;
    transition: .5s;
    background-color: #f3f3f3;
    color: #000;
}
.column_list ul li time {
	min-width: 114px;
    font-size: .6em;
    background-color: #351d00;
    color: #fff;
    font-family: "ヒラギノ角ゴ Std", "Hiragino Kaku Gothic Std", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    padding: .5% 1%;
    display: inline-block;
	box-sizing: border-box;
	text-align: center;
}
.column_list ul li span.ttl {
    font-size: 16px;
    display: block;
    margin-top: 1%;
    margin-right: 15%;
}
.column_list ul li .list_tag {
    font-size: .9em;
	margin-left: 10px;
    display: inline-block;
	color: #666;
}
.column_list ul li .list_tag:before {
	content: "";
	background: url(../../2021_renew/images/customer_contents/koutsujiko/tag_icon.svg) no-repeat left center;
	background-size: contain;
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-right: 4px;
}

@media screen and (max-width: 420px) {
    .column_list ul li span.ttl {
        font-size: 15px;
        margin-right: 10%;
    }
    .column_list ul li a::after {
        width: 10px;
        height: 10px;
    }
}

/*=========================
事務所一覧
==========================*/
.office .office_page_inner{
	padding: 5rem 3rem 6rem;
	background-color: #fff;
}
.office .box_office{
    border-bottom: 1px solid;
    margin: 3rem auto;
}
.office .box_office:first-child{
	margin-top: 0;
}
.office .box_office p{
    line-height: 1.5;
	font-size: 16px;
}
.office .box_office .box_img,
.office .box_office .box_text{
    display: inline-block;
    vertical-align: top;
}
.office .box_office .box_img{
    width: 38%;
    margin-right: 2%;
}
.office .box_office .box_img img{
    max-width: 100%;
}
.office .box_office .box_text{
    width: 58%;
}
.office .box_office .post_title{
    font-size: 1.3rem;
    font-weight: 500;
    margin: 0 0 10px;
}
.office .box_office .info_office_comm_post{
    display: block;
}
.office a.btn_link{
    padding: 0.5rem 1.5rem;
    margin: 1.5rem auto 3rem;
	background-color: #aa3333;
    border-radius: 2.5rem;
	color: #fff;
	display: block;
    max-width: 450px;
    text-align: center;
	font-size: 16px;
}
.office a.btn_link:hover{
	opacity: 0.6;transition: all 0.2s;
}

@media screen and (max-width:768px) {
    .office .office_inner{
        margin: 0 2rem;
    }
	.office .office_page_inner{
		padding: 4rem 2rem 6rem;
	}
    .office .box_office .box_img{
        width: 42%;
        margin-right: 4%;
    }
    .office .box_office .box_img img{
        max-width: 100%;
    }
    .office .box_office .box_text{
        width: 52%;
    }
    .office .box_office .post_title{
        margin: 0 0 10px;
        line-height: 1.5;
    }
}

@media screen and (max-width:425px) {
    .office .office_inner{
        margin: 0 1rem;
    }    
	.office .office_page_inner{
		padding: 2rem 1rem 5rem;
	}
    .office .box_office .box_img,
    .office .box_office .box_text{
        display: block;
    }
    .office .box_office .box_img{
        width: 100%;
        margin-right: 0;
        text-align: center;
    }
    .office .box_office .box_text{
        width: 95%;
        margin: 5px auto 0;
    }
    .office .box_office .post_title{
        font-size: 1.1rem;
        margin: 5px 0 ;
    }
    .office a.btn_link{
        width: 95%;
        margin: 1rem auto 2rem;
		font-size: 15px;
    }
}

/*=========================
ALGについて
==========================*/

.about_page h1{
    padding-top: 1rem;
}
.about_page section{
    padding: 5rem 3rem 6rem;
	background-color: #fff;
    text-align: center;
}
.about_page section .box{
    padding: 0;
    margin-bottom: 6rem;
}
.about_page section .box:last-of-type{
    margin-bottom: 0;
}
.about_page section .box p{
	font-size: 17px;
}
.about_page section h2{
    line-height: 1.7;
	color: #000;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝","Noto Serif JP" serif;
}
.about_page section h2 span,
.about_page section p span{
    display: inline-block;
}
.about_page section span.about_number{
    font-size: 2.5rem !important;
    display: inline !important;
    vertical-align: -3px;
    margin: 0 3px;
	color: #aa3333;
}
.about_page section .inbl{
	display: inline-block;
}


/* 顧客感動 */
.about_page .box:nth-of-type(1) h2{
    font-size: 1.8rem;
    background: linear-gradient(#fff, #F6F4F1);
    border-bottom: 2px solid;
    padding: 0 20px 10px;
	margin-top: 0;
    margin-bottom: 3rem;
	color: #000;
}
.about_page .box:nth-of-type(1) h2>span:nth-of-type(1){
    font-size: 1rem;
    padding-bottom: 5px;
}
.about_page .box:nth-of-type(1) h2 span span{
    display: inline-block;
}
.about_page .box:nth-of-type(1) p span:nth-of-type(1){
    display: block;
}

/* 弁護士・司法書士・職員 */
.about_page .box:nth-of-type(2){
    background-image: url("image/about_alg/bg_about_box02.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center;
    padding: 4rem 3rem;
}
.about_page .box:nth-of-type(2) h2{
    font-size: 1.3rem;
    margin-bottom: 1.5rem;
	background: none;
	margin-top: 0;
	padding: 0;
}
.about_page .box:nth-of-type(2) p{
    line-height: 1.8;
}
.about_page .box:nth-of-type(2) p.tx_right{
    font-size: 0.8rem;
}
.about_page .box:nth-of-type(2) ul{
    letter-spacing: -0.4rem;
    margin: 1.5rem auto 0.5rem;
}
.about_page .box:nth-of-type(2) ul li{
    font-weight: bold;
    display: inline-block;
    letter-spacing: normal;
    width: 30%;
    margin-right: 5%;
    background-color: #fff;
    border-radius: 10px;
    padding: 0.5rem;
    box-sizing: border-box;
}
.about_page .box:nth-of-type(2) ul li span{
    display: block;
    font-size: 1.2rem;
}
.about_page .box:nth-of-type(2) ul li:nth-of-type(1) span{
}
.about_page .box:nth-of-type(2) ul li:nth-of-type(3) span{
}
.about_page .box:nth-of-type(2) ul li:last-of-type{
    margin-right: 0;
}

/* 拠点 */
.about_page .box:nth-of-type(3) h2{
    font-size: 1.5rem;
    margin-bottom: 0;
	background: none;
	margin-top: 0;
}
.about_page .box:nth-of-type(3) p{
    line-height: 1.8;
}
.about_page .box:nth-of-type(3) p.about_office_number{
    font-size: 1.2rem;
    font-weight: bold;
    display: inline-block;
    line-height: 1.5;
    border: 1px solid #000;
    padding: 0 2rem;
    margin: 2rem 0;
}
.about_page .box:nth-of-type(3) ul{
    letter-spacing: -0.4rem;
    margin: 0 0 1.5rem;
}
.about_page .box:nth-of-type(3) ul li{
    display: inline-block;
    letter-spacing: normal;
    width: 19%;
    margin-right: 1%;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 0.5rem;
}
.about_page .box:nth-of-type(3) ul li a{
    display: block;
    width: 100%;
    height: 100%;
}
.about_page .box:nth-of-type(3) ul li a div{
    position: relative;
    line-height: 0;    
}
.about_page .box:nth-of-type(3) ul li a div img{
    max-width: 100%;
    margin: 0 auto;
}
.about_page .box:nth-of-type(3) ul li a p.office_title{
    padding: 5px 0;
    text-align: center;
}
.about_page .box:nth-of-type(3) ul li a h3 span.icon-triangle_right{
    display: none;
}



/* リーガルサービス */
.about_page .box:nth-of-type(4){
    background-image: url("image/about_alg/bg_about_box04.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center;
    padding: 4rem 2rem;
}
.about_page .box:nth-of-type(4) h2{
    font-size: 1.3rem;
    margin-bottom: 1.5rem;
	background: none;
	margin-top: 0;
	padding: 0;
}
.about_page .box:nth-of-type(4) p{
    line-height: 1.8;
}

/* 代表・執行役員 */
.about_page .box:nth-of-type(5) h2{
    font-size: 1.5rem;
    margin-bottom: 1rem; 
	background: none;
	margin-top: 0;
	padding: 0;
}
.about_page .box:nth-of-type(5) h2 span{
    display: block;
}
.about_page .box:nth-of-type(5) ul{
    letter-spacing: -0.4rem;
    margin: 2rem 0 0;
}
.about_page .box:nth-of-type(5) ul li{
    display: inline-block;
    letter-spacing: normal;
    width: 25%;
    height: 310px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    vertical-align: bottom;
    position: relative;
}
.about_page .box:nth-of-type(5) ul li:nth-of-type(1){
    background-image: url("image/about_alg/img_person01.png");
}
.about_page .box:nth-of-type(5) ul li:nth-of-type(2){
    background-image: url("image/about_alg/img_person02.png");
}
.about_page .box:nth-of-type(5) ul li:nth-of-type(3){
    background-image: url("image/about_alg/img_person04.png");
}
.about_page .box:nth-of-type(5) ul li:nth-of-type(4){
    background-image: url("image/about_alg/img_person05.png");
}
.about_page .box:nth-of-type(5) ul li p{
    line-height: 1.2;
    background-color: #fff;
    opacity: 0.9;
    text-align: left;
    padding: 10px 15px;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    bottom: 10px;
}
.about_page .box:nth-of-type(5) ul li p span{
    display: block;
    font-size: 0.7rem;
}
.about_page .contact_box {
	background-color: #fff;
	margin: 0;
	max-width: initial;
}
.about_page .contact_box>div {
	padding: 1.5rem 0 1rem 0;
}

@media screen and (max-width:1400px) {
    .about_page .box:nth-of-type(5) h2 span{
        display: inline;
    }
}
@media screen and (max-width:1300px){
	.about_page .box:nth-of-type(3) ul li a p.office_title{
		font-size: 1.1vw;
	}
}
@media screen and (max-width:1200px){
	.about_page .box:nth-of-type(2) ul li span{
		font-size: 1rem;
	}
	.about_page section span.about_number{
		font-size: 2rem !important;
	}
}
@media screen and (max-width:1024px) {
    .about_page .contact_box.tab_pc{
        display: none;
    }
    .about_page .box:nth-of-type(2) h2 span{
        display: inline-block;
    }
    .about_page .box:nth-of-type(5) h2 span{
        display: block;
    }
    .about_page .box:nth-of-type(5) ul li p{
        padding: 5px 20px;
    }
	.about_page .box:nth-of-type(3) ul li a p.office_title{
		font-size: 1.6vw;
	}
}
@media screen and (max-width:768px) {
    .about_page .contact_box.tab_pc{
        display: block;
    }
    .about_page section{
        padding: 4rem 2rem 6rem;
    }
    .about_page .box:nth-of-type(1) p,
    .about_page .box:nth-of-type(2) p,
    .about_page .box:nth-of-type(3) p,
    .about_page .box:nth-of-type(4) p{
        font-size: 15px;
    }
    /* 弁護士・司法書士・職員 */
    .about_page .box:nth-of-type(2){
        padding: 2.5rem;
    }
    .about_page .box:nth-of-type(2) ul li{
        width: 100%;
        margin-bottom: 1rem;
    }
    .about_page .box:nth-of-type(2) ul li:last-of-type{
        margin-bottom: 0;
    }
    .about_page .box:nth-of-type(2) ul li span{
        display: inline;
    }
    .about_page .box:nth-of-type(2) ul li:nth-of-type(1) span,
    .about_page .box:nth-of-type(2) ul li:nth-of-type(3) span{
        margin-left: 0;
    }
    .about_page .box:nth-of-type(2) ul li span.about_number{
        margin-left: 1rem;
    }
    
    /* 拠点 */
    .about_page .box:nth-of-type(3) ul li{
        width: 33%;
        margin-right: 0.5%;
        min-height: 145px;
        position: relative;
    }
    .about_page .box:nth-of-type(3) ul li:nth-of-type(3n+1){
        margin-right: 0;
    }
    .about_page .box:nth-of-type(3) ul li:nth-of-type(1){
        display: block;
        margin: 0 auto 0.5rem;
    }
    .about_page .box:nth-of-type(3) ul li a h3{
        width: 100%;
        position: absolute;
        bottom: 0;
    }
	.about_page .box:nth-of-type(3) ul li a p.office_title{
		font-size: 2.4vw;
	}
    
    /* 代表・執行役員 */
    .about_page .box:nth-of-type(5) h2 span{
        display: inline-block;
    }
    .about_page .box:nth-of-type(5) ul li{
        width: 50%;
        height: 170px;
    }
    .about_page .box:nth-of-type(5) ul li p{
        bottom: 5px;
        font-size: 16px;
    }
}

@media screen and (max-width:700px){
	.about_page .box:nth-of-type(1) p, .about_page .box:nth-of-type(2) p, .about_page .box:nth-of-type(3) p, .about_page .box:nth-of-type(4) p{
		text-align: left;
		font-size: 14px;
	}
	.about_page .box:nth-of-type(1) h2{
		font-size: 5vw;
	}
	.about_page .box:nth-of-type(1) h2>span:nth-of-type(1){
		font-size: 12px;
	}
	.about_page .box:nth-of-type(1) p span{
		display: inline !important;
	}
	.about_page .box:nth-of-type(2){
		padding: 6vw;
	}
	.about_page .box:nth-of-type(2) h2{
		font-size: 3vw;
	}
	.about_page .box:nth-of-type(3) h2{
		font-size: 4vw;
	}
	.about_page section p span{
		display: inline;
	}
	.about_page .box:nth-of-type(4) h2{
		font-size: 3vw;
	}
	.about_page .box:nth-of-type(5) h2{
		font-size: 4vw;
	}
}

@media screen and (max-width:500px){
	.about_page section .box{
		margin-bottom: 4rem;
	}
	.about_page .box:nth-of-type(2) h2{
		font-size: 4vw;
		text-align: left;
	}
	.about_page .box:nth-of-type(2) h2 span{
		display: inline;
	}
	.about_page .box:nth-of-type(4) h2{
		font-size: 4vw;
	}
}

@media screen and (max-width:425px) {
    .about_page section{
        padding: 2rem 1rem 5rem;
    }
    .about_page section .box{
        margin-bottom: 4rem;
    }

    .about_page section span.about_number{
        font-size: 2.2rem !important;
    }
    .about_page .box:nth-of-type(1) p,
    .about_page .box:nth-of-type(2) p,
    .about_page .box:nth-of-type(3) p,
    .about_page .box:nth-of-type(4) p{
        font-size: 15px;
    }
    
    /* 顧客感動 */
    .about_page .box:nth-of-type(1) h2{
        font-size: 1.4rem;
        margin-bottom: 2rem;
		padding: 0 10px 10px;
    }
    .about_page .box:nth-of-type(1) h2>span:nth-of-type(1){
        font-size: 0.9rem;
    }
    .about_page .box:nth-of-type(1) h2 span span{
        display: inline-block;
    }
    
    /* 弁護士・司法書士・職員 */
    .about_page .box:nth-of-type(2){
        background-position: top left 30%;
        padding: 2rem 1rem;
    }
    .about_page .box:nth-of-type(2) h2{
        font-size: 1.2rem;
        margin-bottom: 1rem;
    }
    .about_page .box:nth-of-type(2) ul{
        margin: 1rem auto 0.5rem;
    }
    
    /* 拠点 */
    .about_page .box:nth-of-type(3) p.about_office_number{
        font-size: 1.1rem;
    }
    .about_page .box:nth-of-type(3) h2{
        font-size: 4.8vw;
    }
    .about_page .box:nth-of-type(3) ul li{
        width: 49%;
        height: auto;
        min-height: inherit;
		padding: 0;
    }
	.about_page .box:nth-of-type(3) ul li img{
	}
    .about_page .box:nth-of-type(3) ul li:nth-of-type(1){
        display: inline-block;
    }
    .about_page .box:nth-of-type(3) ul li:nth-of-type(odd){
        margin-right: 2%;
    }
    .about_page .box:nth-of-type(3) ul li:nth-of-type(even){
        margin-right: 0;
    }
    .about_page .box:nth-of-type(3) ul li a h3{
        padding: 5px 0;
    }
	.about_page .box:nth-of-type(3) ul li a p.office_title{
		font-size: 3.8vw;
	}

    /* リーガルサービス */
    .about_page .box:nth-of-type(4){
        padding: 2rem 1rem;
    }
    .about_page .box:nth-of-type(4) h2{
        font-size: 1.2rem;
        margin-bottom: 1rem;
    }

    
    /* 代表・執行役員 */
    .about_page .box:nth-of-type(5) h2{
		font-size: 4.8vw;
    }
    .about_page .box:nth-of-type(5) ul li{
        width: 50% !important;
        height: 150px;
    }
    .about_page .box:nth-of-type(5) ul li p{
        bottom: 0;
    }
    .about_page .box:nth-of-type(5) ul li p{
        font-size: 15px;
        width: 100%;
        text-align: center;
        padding: 3px 10px;
    }
}

@media screen and (max-width:320px) {
    .about_page .box:nth-of-type(2) h2,
    .about_page .box:nth-of-type(4) h2{
        font-size: 1.1rem;
    }
}

/*=========================
弁護士費用
==========================*/
.fee_page{
	padding: 5rem 3rem 6rem;
    background-color: #fff;
}
/*#fee_01,#fee_02,#fee_03,#fee_04,#fee_05,#fee_06,#fee_07,#fee_top{
    padding-top: 70px;
    margin-top: -70px;
}*/
.fee_page .article_ttl{
    margin-bottom: 2rem;
}
.fee_page h2.ttl_fee{
    font-size: 1.1rem;
    line-height: 1.4;
    font-weight: 500;
    border-top: none;
    border-bottom: 2px solid #000;
    padding: 0 0 5px;
    margin: 3rem 0 2.5rem;
	background: none;
	color: #000;
}
.fee_page .list_note{
    margin-bottom: 3rem;
}
.fee_page .tb_fee_note{
    text-align: right;
    font-size: 16px;
    margin-top: 5px;
    line-height: 1.7;
}
.fee_page a.fee_link{
    text-decoration: underline;
}
.fee_page .fee_link_btn{
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.fee_page .fee_link_btn li{
    font-size: 16px;
    margin: 0 15px 15px 0;
    border-radius: 5px;
    background-color: #107A08;
    /*background-color: #d8cec6;
    display: flex;
    flex-direction: column;*/
    display: block;
}
.fee_page .fee_link_btn li:nth-child(4){
    margin-right: 0;
}
.fee_page .fee_link_btn li a{
    display: block;
    padding: 10px 20px;
    min-width: 150px;
    text-align: center;
    position: relative;
    color: #fff;

}
.fee_page .fee_link_btn li a:hover{
	opacity: 0.5;
}
.fee_page .fee_link_btn li:nth-of-type(6) a{
    min-width: 170px;
}
.fee_page .fee_link_btn li a:after{
	content: "";
	background: url("image/fee/link_arrow.svg") no-repeat left;
	background-size: contain;
	display: inline-block;
	width: 10px;
	height: 10px;
	vertical-align: middle;
	margin-left: 10px;
}
.fee_page a.fee_top_btn{
    display: table;
    font-size: 14px;
    margin: 20px 0 40px auto;
    text-decoration: underline;
}
/* 表 */
.fee_page .tb_fee{
    margin: 40px auto 0;
    width: 100%;
    table-layout: fixed;
}
.fee_page .tb_fee th,
.fee_page .tb_fee td{
    border: 1px solid #ccc;
    padding: 1rem;
    font-size: 1rem;
    vertical-align: middle;
    box-sizing: border-box;
}
.fee_page .tb_fee th{
    font-size: 1rem;
    text-align: left;
	font-weight: 500;
}
.fee_page .tb_fee td span, .fee_page .tb_fee th span{
    display: inline-block;
}
.fee_page .tb_fee th span.small{
    display: block;
	font-size: 0.8rem;
}
.fee_page .tb_fee td{
	background: #fff;
}
.fee_page .tb_fee td span.block{
    display: block;
    margin-top: 10px;
}
.fee_page .tb_fee td span.ml{
    margin-left: 1rem;
}
.fee_page .tb_fee .bg_td{
    background-color: #f7f7f7;
}
.fee_page img.credit {
	width: 100%;
	max-width: 300px !important;
	margin: 0!important;
}
.fee_page .tb_w25{
	width: 25%;
}
.fee_page .tb_w20{
	width: 20%;
}
.fee_page .tb_w45{
	width: 45%;
}



@media screen and (max-width:1400px){
    .fee_page .fee_link_btn li a,.fee_page .fee_link_btn li:nth-of-type(6) a{
        min-width: inherit;
    }
}
@media screen and (max-width:768px){
	.fee_page{
		padding: 4rem 2rem 6rem;
	}
    /*#fee_01,#fee_02,#fee_03,#fee_04,#fee_05,#fee_06,#fee_07,#fee_top{
        padding-top: 30px;
        margin-top: -30px;
    }*/
    .fee_page .page_wrap>section .box{
        padding: 0 1.5rem 4rem;
    }
    .fee_page .tb_fee{
        margin: 55px auto;
    }
    .fee_page .tb_fee_note{
        font-size: 15px;
    }
    .fee_page .fee_link_btn{

    }
    .fee_page .fee_link_btn li{
        width: 48%;
        font-size: 15px;
        margin: 7px 4% 7px 0;
    }
    .fee_page .fee_link_btn li:nth-of-type(even){
        margin-right: 0;
    }
    .fee_page a.fee_top_btn{
        font-size: 14px;
    }
	.fee_page .tb_fee tr {
		width: 100%;
		clear: both;
		display: flex;
		flex-wrap: wrap;
	}
	.fee_page .tb_fee tr:first-of-type {
		border-top: 1px solid #ccc;
	}
	.fee_page .tb_fee th, .fee_page .tb_fee td{
		font-size: 14px;
	}
		.fee_page .tb_fee th{
		display:block;
		width: 100%!important;
		text-align: center;
		border-top: none;
	}
	.fee_page .tb_fee td{
		border-top: none;
		display: block;
	}
	.fee_page .tb_fee td.bg_td {
		width: 30%!important;
		border-right: none;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.sp_w70 {
		width: 70%!important;
	}
	.sp_w100 {
		width: 100%!important;
	}
}
@media screen and (max-width:600px){
     .fee_page .tb_fee_note{
        text-align: left;
    }
}
@media screen and (max-width:425px){
	.fee_page{
		padding: 2rem 1rem 5rem;
	}
    .fee_page h2.ttl_fee{
        font-size: 1rem;
    }
    .fee_page .tb_fee_note{
        font-size: 13px;
    }
    .fee_page .fee_link_btn li{
        width: 100%;
        margin-right: 0 !important;
        margin: 5px auto;
    }
    
    
    /* 表 */
    .fee_page .tb_fee{
        margin: 2rem auto;
    }
    .fee_page .tb_fee th{
        padding: 10px;
    }
    .fee_page .tb_fee td{
        padding: 15px 10px;
        font-size: 0.9rem;
    }
}

/*====================================
事務所
======================================*/
.office_page>section{
	margin-top:6rem;
}
.office_page .front_title {
    font-size: 2.5rem;
    text-align: center;
    margin: 0 1rem 2rem 1rem;
    line-height: 1.2;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝","Noto Serif JP", serif;
	font-weight: 500;
}
.office_page .front_title span{
	display: block;
}
.office_page .front_title .inbl{
	display: inline-block;
}
.office_page .line {
    width: 80px;
    height: 3px;
    background-color: #c3b5a9;
    position: relative;
    margin: 0 auto;
}
.office_page .line::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 3px;
    background-color: #572C09;
}
@media screen and (max-width:600px){
	.office_page .front_title{
		font-size: 6vw;
	}
}
@media screen and (max-width:425px){
.office_page>section{
	margin-top:4rem;
}
}
/*====================================== メイントップ ======================================*/

section#office_mainframe{
	position: relative;
	    overflow: hidden;
	background-repeat: no-repeat;
    background-position: left center;
	margin-top: 0;
}
section#office_mainframe>div {
    max-width: 1400px;
    margin: 0 auto;
}
section#office_mainframe>div>img{
	float: left;
	    margin-left: 3rem;
	margin-right: 5rem;
	position: relative;
}
section#office_mainframe>div h2 {
        font-size: 45px;
    padding-top: 3rem;
	text-shadow: 2px 2px 4px #fff;
	line-height: 1.4;
	font-weight: 500;
}
section#office_mainframe>div h2>span{
	    display: block;
}

section#office_mainframe>div>ul{
	position: absolute;
	right: -45px;
	bottom: 0;
	    width: 70%;
	    height: 250px;
}
section#office_mainframe>div>ul li{
	float: left;
	width: calc(100% / 3 - 1px);
	transform:skewX(-15deg);
	overflow:hidden;
	    border-right: 7px solid #fff;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
    height: 100%;
}
section#office_mainframe>div>ul li img{
	transform:skewX(15deg) scale(1.2);
    height: 100%;
}
section#office_mainframe>p {
        position: absolute;
    bottom: 0;
    font-size: 12px;
    z-index: 3;
    background-color: rgba(0, 0, 0, 0.7);
	color: #fff;
	padding: 2px 10px;
}
/*千葉*/
section#office_mainframe.bg_chiba{
	background-image: url("image/office/chiba/office_top_chiba_back.png");
}
/*名古屋*/
section#office_mainframe.bg_nagoya{
	background-image: url("image/office/nagoya/office_top_nagoya_back.png");
}
/*埼玉*/
section#office_mainframe.bg_saitama{
	background-image: url("image/office/saitama/office_top_saitama_back.png");
}
section#office_mainframe>div>img.saitama_person{
    margin-left: 1rem;
    margin-right: 6rem;
}
/*大阪*/
section#office_mainframe.bg_osaka{
	background-image: url("image/office/osaka/office_top_osaka_back.png");
}
/*姫路*/
section#office_mainframe.bg_himeji{
	background-image: url("image/office/himeji/office_top_himeji_back.png");
}
section#office_mainframe>div>img.himeji_person{
    margin-left: 2rem;
}
/*宇都宮*/
section#office_mainframe.bg_utsunomiya{
	background-image: url("image/office/utsunomiya/office_top_utsunomiya_back.png");
}
/*東京*/
section#office_mainframe.bg_tokyo{
	background-image: url("image/office/tokyo/office_top_tokyo_back.png");
}
/*横浜*/
section#office_mainframe.bg_yokohama{
	background-image: url("image/office/yokohama/office_top_yokohama_back.png");
}
section#office_mainframe>div>img.yokohama_person{
    margin-left: 2rem;
    margin-right: 6rem;
}
/*神戸*/
section#office_mainframe.bg_kobe{
	background-image: url("image/office/kobe/office_top_kobe_back.png");
}
/*福岡*/
section#office_mainframe.bg_fukuoka{
	background-image: url("image/office/fukuoka/office_top_fukuoka_back.png");
}
section#office_mainframe.bg_fukuoka>div>ul li:nth-of-type(3) img{
    position: relative;
    left: 3%;
}

@media screen and (max-width:1440px){
	section#office_mainframe>div h2 {
		font-size: 3.3vw;
		    padding-top: 3.5rem;
	}
	section#office_mainframe>div>img {
    margin-left: 1rem;
    margin-right: 4rem;
}    
section#office_mainframe {
    background-position: left -350px center;
}
    
    /* 名古屋 */
    section#office_mainframe>div>img.nagoya_person{
        margin-left: 3rem;
        margin-right: 2rem;
    }
    /*埼玉*/
    section#office_mainframe>div>img.saitama_person{
        margin-left: 2rem;
        margin-right: 3rem;
    }
    /* 大阪 */
    section#office_mainframe>div>img.osaka_person{
        margin-left: 2rem;
        margin-right: 3rem;
    }
    /* 宇都宮 */
    section#office_mainframe>div>img.utsunomiya_person{
        margin-left: 3rem;
        margin-right: 3rem;
    }
    /*横浜*/
    section#office_mainframe>div>img.yokohama_person{
        margin-right: 4rem;
    }
}
@media screen and (max-width:1024px){
	section#office_mainframe>div>img{
		margin: 0;
	}
	section#office_mainframe>div h2 {
		font-size: 4vw;
	}
	section#office_mainframe>div>ul{
		width: 80%;
	}
	section#office_mainframe>div h2 span{
		display: inline;
	}
	section#office_mainframe>div h2 span:first-of-type {
    display: block;
    }
    section#office_mainframe>div h2 span span{
        display: inline-block !important;
    }
    section#office_mainframe>div h2 span.txt_block{
        display: block;
    }

    /* 埼玉 */
    section#office_mainframe.bg_saitama>div>ul li:nth-of-type(3) img{
        position: relative;
        right: 30%;
    }
    section#office_mainframe>div>img.saitama_person{
        margin-left: 0;
        margin-right: -1rem;
    }
    /* 名古屋 */
    section#office_mainframe>div>img.nagoya_person{
        margin-left: 1rem;
        margin-right: -2rem;
    }
    /* 大阪 */
    section#office_mainframe>div>img.osaka_person{
        margin-left: 0;
        margin-right: -2rem;
    }
    /* 姫路 */
    section#office_mainframe>div>img.himeji_person{
        margin-left: 0;
    }
    /* 宇都宮 */
    section#office_mainframe>div>img.utsunomiya_person{
        margin-left: 0;
        margin-right: -1rem;
    }
    /*横浜*/
    section#office_mainframe>div>img.yokohama_person{
        margin-left: 0;
        margin-right: -1rem;
    }
	/*千葉*/
	section#office_mainframe>div h2{
		font-size: 3.6vw;
	}
	section#office_mainframe>div h2 span{
		display: block;
	}
}
@media screen and (max-width:768px){
	section#office_mainframe>div>img {
    height: 400px;
}
	section#office_mainframe>div>ul {
    height: 160px;
    width: 100%;
}

    /* 埼玉 */
    section#office_mainframe.bg_saitama>div>ul li:nth-of-type(3) img{
        right: 10%;
    }
    section#office_mainframe>div>img.saitama_person{
        margin-right: 0;
    }
    /* 名古屋 */
    section#office_mainframe>div>img.nagoya_person{
        margin-left: 1rem;
        margin-right: -3rem;
    }
    /* 宇都宮 */
    section#office_mainframe>div>img.utsunomiya_person{
        margin-right: 0;
    }
    /* 東京 */
    section#office_mainframe>div>img.tokyo_person{
        margin-right: -20px;
    }
}
@media screen and (max-width:425px){
	section#office_mainframe>div>img {
    height: 350px;
    left: -30px;
}
	section#office_mainframe>div>ul {
    height: 100px;
    z-index: 2;
}
	section#office_mainframe>div>ul li img {
		height: 100px;
	}
	section#office_mainframe>div h2 {
    font-size: 5vw;
    width: 60%;
    right: 10px;
    position: absolute;
    z-index: 4;  
		padding: 1rem 0.5rem 1rem 1rem;
	margin: 1rem 0 1rem 1rem;
    background-color: rgba(255, 255, 255, 0.6);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
	section#office_mainframe>div h2 span {
    display: block;
		    margin-bottom: 10px;
}
    	section#office_mainframe {
        background-position: left -500px center;
    }
    
    /* 改行調整（東京・埼玉・神戸） */
    section#office_mainframe.bg_tokyo>div h2 span,
    section#office_mainframe.bg_saitama>div h2 span,
    section#office_mainframe.bg_kobe>div h2 span{
        display: inline;
    }
    section#office_mainframe.bg_tokyo>div h2 span:last-of-type,
    section#office_mainframe.bg_saitama>div h2 span:last-of-type,
    section#office_mainframe.bg_kobe>div h2 span:last-of-type{
        display: block;
        margin: 10px 0 0;
    }
    
    /* 宇都宮 */
    section#office_mainframe.bg_utsunomiya>div>ul li:nth-of-type(3) img{
        position: relative;
        right: 20%;
    }
    /* 埼玉 */
    section#office_mainframe.bg_saitama>div>ul li:nth-of-type(3) img{
        right: 40%;
    }
    /* 大阪 */
    section#office_mainframe.bg_osaka>div>ul li:nth-of-type(3) img{
        position: relative;
        right: 40%;
    }
    /* 姫路 */
    section#office_mainframe.bg_himeji>div>ul li:nth-of-type(3) img{
        position: relative;
        right: 20%;
    }
    /* 名古屋 */
    section#office_mainframe>div>img.nagoya_person{
        margin-left: 0;
        margin-right: 0;
        left: 0px;
    }
    /* 横浜 */
    section#office_mainframe>div>img.yokohama_person{
        margin-right: 0;
        left: -20px;
    }
    /* 神戸 */
    section#office_mainframe.bg_kobe>div>ul li:nth-of-type(3) img{
        position: relative;
        right: 30%;
    }
    section#office_mainframe>div>img.kobe_person{
        left: -40px;
    }
    /* 東京 */
    section#office_mainframe>div>img.tokyo_person{
        left: -15px;
    }
}
@media screen and (max-width:320px){
	section#office_mainframe>div>img{
		height: 320px;
	}
	section#office_mainframe>div>img{
		left: -35px;
	}
    section#office_mainframe>p{
        line-height: 1.5;
    }
    
    /* 宇都宮 */
    section#office_mainframe.bg_utsunomiya>div>ul li:nth-of-type(3) img{
        right: 40%;
    }
    /* 姫路 */
    section#office_mainframe.bg_himeji>div>ul li:nth-of-type(3) img{
        right: 50%;
    }
    /* 東京 */
    section#office_mainframe>div>img.tokyo_person{
        left: -20px;
    }
}

/*====================================== ポイント ======================================*/

.alg_point li{
	float: left;
	background-repeat: no-repeat;
    background-size: cover;
    width: 187px;
    height: 145px;
	text-align: center;
	display: table;
    margin-right: 14px;
    background-color: rgba(255,255,255,0.7);
    border-radius: 50%;
		position: relative;
}
.alg_point li:last-of-type {
	margin-right: 0;
}
	.alg_point li:before {	
		content: '';
  		display: inline-block;
     	width: 70px;
    	height: 137px;
  		background-image: url(image/office/wreath_left.png);
  		background-size: contain;
		background-repeat: no-repeat;
  		vertical-align: middle;
		position: absolute;
		left: -5px;
		    top: 8px;
}
	.alg_point li:after {
		content: '';
  		display: inline-block;
     	width: 70px;
    	height: 137px;
  		background-image: url("image/office/wreath_right.png");
  		background-size: contain;
		background-repeat: no-repeat;
  		vertical-align: middle;
		position: absolute;
		right: -5px;
		    top: 8px;
}
.alg_point li div{
	display: table-cell;
	vertical-align: middle;
	padding-bottom: 5px;
}
.alg_point div h3{
	line-height: 1;
}
.alg_point li div h4 {
	line-height: 1.4;
	font-size: 1.8rem;
	color: #107A08;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝","Noto Serif JP", serif;
}
.alg_point li div h4 .txt_black{
	color: #000;
}
.alg_point div h4 span{
	font-size: 10px;
	width: 75%;
	margin: 0 auto;
	line-height: 1;
	font-weight: normal;
	display: block;
	font-style: normal;
}
.alg_point div h4>span:first-child,
.alg_point div h4>span:first-child>span{
	line-height: 1.4;
	font-size: 1.9rem;
	font-weight: bold;
	display: inline;
	position: relative;
	top: 2px;
}
.alg_point div h4 span span,
.alg_point div h4 span span span{
    display: inline !important;
}
.alg_point div h4 .info_cumulative_period_medical_comm{
    letter-spacing: -0.025rem;
	color: #000;
}
section.appeal.point.office_point{
	background-image: url("image/office/beige_back.png");
/*	padding: 1rem 0;*/
	position: relative;
	margin-top: 0;
	padding: 1rem;
}
/*_:-ms-lang(x)::-ms-backdrop, section.appeal.point.office_point {
	overflow-x: hidden;
}*/
section.appeal.point.office_point h2{
	border-bottom: 1px solid;
	padding-bottom: 3px;
	text-align: center;
}
section.appeal.point.office_point ul{
/*	position: absolute;
	bottom: 0;
	left: 51%;
	transform: translate(-50%, 0%);*/
	/*padding-bottom: 1.5rem;*/
/*	width: 810px;*/
	display: flex;
	justify-content: center;
	padding-top: 22px;
}
@media screen and (max-width:1024px){
	section.appeal.point.office_point ul{
		/*width: 740px;*/
	}
	section.appeal.point.office_point .alg_point div h4>span:first-child, section.appeal.point.office_point .alg_point div h4>span:first-child>span {
		font-size: 1.7rem;
	}
	.alg_point li div h4 {
		font-size: 1.6rem;
	}
	section.appeal.point.office_point ul li {
		width: 170px;
	}
}
@media screen and (max-width:768px){
	section.appeal.point.office_point ul {
		width: 100%;
		flex-wrap: wrap;
		justify-content: space-around;
		padding-top: 0;
		padding-bottom: 1.5rem;
}
	section.appeal.point.office_point{
		height: auto;
		padding: 30px 15px;
	}
	section.appeal.point.office_point ul{
		position: relative;
		transform: none;
		left: auto;
		bottom: auto;
		padding-left: 15px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	section.appeal.point.office_point ul li{
		border-radius: 50%;
		padding: 20px 0;
		margin-right: 15px;
		width: calc(100% / 4 - 15px);
	}
	section.appeal.point.office_point .alg_point div h4>span:first-child, section.appeal.point.office_point .alg_point div h4>span:first-child>span {
		font-size: 1.6rem;
	}
	.alg_point li div h4 {
		font-size: 1.5rem;
	}
	section.appeal.point.office_point .alg_point div h3 {
		font-size: 14px;
	}
	section.appeal.point.office_point ul li:before {
    content: '';
    display: inline-block;
    width: 65px;
    height: 160px;
    background-image: url(image/office/wreath_left.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    position: absolute;
    left: -5px;
    top: 8px;
}
	section.appeal.point.office_point ul li:after {
    content: '';
    display: inline-block;
    background-image: url(image/office/wreath_right.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    position: absolute;
    right: -5px;
    top: 8px;
    width: 65px;
    height: 160px;
}
	
	section.appeal.point.office_point h2{
		border-bottom: none;
		margin-bottom: 0.5rem;
		padding: 0 2%;
	}
}
@media screen and (max-width:640px){
	section.appeal.point.office_point ul li {
		width:  calc(100% / 2 - 13px);
		margin-right: 12px;
		margin-top: 5px;
	}
	section.appeal.point.office_point ul li:before,
	section.appeal.point.office_point ul li:after{
		width: 70px;
		height: 125px;
		top: 13px;
	}
	section.appeal.point.office_point .alg_point div h4>span:first-child, section.appeal.point.office_point .alg_point div h4>span:first-child>span {
		font-size: 1.9rem;
	}
	.alg_point li div h4 {
		font-size: 1.4rem;
	}
	section.appeal.point.office_point ul {
		max-width: 440px;
		margin: 0 auto;
	}
}
@media screen and (max-width:375px){
	section.appeal.point.office_point .alg_point li div {
		padding-left: 5px;
	}
	section.appeal.point.office_point ul {
		padding-left: 10px;
	}
	section.appeal.point.office_point ul li{
		width: calc(100% / 2 - 20px);
	}
	section.appeal.point.office_point ul li:after,
	section.appeal.point.office_point ul li:before{
		width: 60px;
		top: 12px;
	}
	section.appeal.point.office_point ul li:after {
		right: -10px;
	}
	section.appeal.point.office_point .alg_point div h4>span:first-child, section.appeal.point.office_point .alg_point div h4>span:first-child>span {
		font-size: 1.5rem;
	}
	.alg_point li div h4{
		font-size: 1.2rem;
	}
	section.appeal.point.office_point .alg_point li div {
		padding-bottom: 0;
	}
}



/*====================================== 支部長からのメッセージ ======================================*/

.office_message .front_title {
    font-size: 2.5rem;
    text-align: center;
    margin: 0 1rem 2rem 1rem;
    line-height: 1.2;
	font-weight: 600;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝","Noto Serif JP", serif;
}
.office_message .front_title span{
	font-size: 1.2rem;
    display: block;
	    font-weight: 600;
	    margin-bottom: 0.5rem;
}
section.office_message>div{
	max-width: 1200px;
	margin: 0 auto
}
.office_message>div>div{
	float: left;
}
.office_message>div .txt_box{
	    width: 60%;
    padding:0 3rem;
    box-sizing: border-box;
	font-size: 16px;
}
.office_message>div .txt_box p span{
	margin-bottom: 2rem;
	    display: inline-block;
}
.office_message>div .txt_box h3{
	    border-bottom: 1px solid;
    font-size: 1.6rem;
    font-weight: 500;
	    margin-bottom: 2rem;
}
.office_message>div .txt_box h3 span{
	display: inline-block;
}
.office_message>div .img_box{
	width: 40%;
	position: relative;
}
.office_message>div .img_box img{
	width: 90%;
}
.office_message>div .img_box>div{
	display: inline-block;
	background-color: #fff;
	padding: 1rem;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	position: absolute;
	right: 0;
	bottom: 15%;
}
    .office_message>div .img_box>div.chiba_name {
        bottom: -40%;
    }
    @media screen and (max-width: 768px) {
        .office_message>div .img_box>div.chiba_name {
            display: block;
            position: static;
            text-align: center;
            margin: 0;
        }
        .office_message>div .img_box>div.chiba_name>div p ,
        .office_message>div .img_box>div.chiba_name>p {
            text-align: center;
        }
    }
.office_message>div .img_box>div>p{
	border-top: 1px dotted #000;
	font-size: 13px;
	text-align: right;
	margin-top: 1rem;
}
.office_message>div .img_box>div>div p{
	font-size: 15px;
	line-height: 1.4;
	margin-bottom: 5px;
	    text-align: left;
}
.office_message>div .img_box>div>div p span{
	display: block;
}
.office_message>div .img_box>div>div>.name{
	font-size: 1.8rem;
	line-height: 1.2;
	    font-weight: 400;
	text-align: left;
}
@media screen and (max-width:768px){
	.office_message>div .txt_box{
		width: 100%;
	}
	.office_message>div .img_box{
		float: none;
    	margin: 0 auto;
	}
	.office_message>div .img_box>div{
		bottom: -10%;
    	margin-right: 5rem;
}
	.office_message>div .img_box {
    	width: 100%;
    	display: inline-block;
    	text-align: center;
}
	.office_message>div .img_box img {
    width: 40%;
}
}
@media screen and (max-width:600px){
	.office_message .front_title{
		font-size: 6vw;
	}
	.office_message .front_title span{
		font-size: 14px;
	}
	.office_message>div .txt_box h3{
		font-size: 4.5vw;
	}
	.office_message>div .txt_box{
		padding: 0 4vw;
	}
}

@media screen and (max-width:425px){
	.office_message>div .txt_box{
		padding: 0 1rem;
	}
	.office_message>div .img_box>div>div p{
		font-size: 13px;
		
	}
	section.office_message .front_title{
		    margin: 0 0rem 2rem 0rem;
	}
	.office_message>div .img_box img{
		width:80%;
	}
	.office_message>div .img_box>div{
		bottom: -2%;
    	margin-right: 1rem;
	}
}
/*====================================== 支部ページfaq ======================================*/

.office_qa{
	background-color: #f4f0e1;
	    padding: 4rem 0;
}
.office_qa>div{
	max-width: 1200px;
	margin: 0 auto;
}

.office_qa .balloon{
	position: relative;
  display: inline-block;
  padding:30px;
  font-size: 16px;
	border-radius: 5px;
}
.office_qa .balloon span{
	font-size: 1rem;
	display: inline-block;
}
.office_qa .balloon .box{
	margin-bottom: 1rem;
}
.office_qa .balloon .box:last-of-type {
    margin-bottom: 0;
}
.office_qa .balloon:before{
	content: "";
  position: absolute;
  top: 50%;
  margin-top: -15px;
}
.office_qa .balloon.left{
  background: #e5e2d5;
	    margin-left: 45px;
}
.office_qa .balloon.left:before{
  left: -30px;
  border: 15px solid transparent;
  border-right: 15px solid #e5e2d5;
}
.office_qa .balloon.right{
  background: #fff;
}
.office_qa .balloon.right:before{
  right: -30px;
	    top: 25%;
  border: 15px solid transparent;
  border-left: 15px solid #fff;
}
.office_q_box h2{
	font-size: 1rem;
}
.office_q_box h2,
.office_a_box .faq_catch p,
.office_a_box .faq_catch h3{
	position:relative;
	line-height:1.4;
	padding-left:2.5em;
}
.office_q_box h2:before,
.office_a_box .faq_catch p:before,
.office_a_box .faq_catch h3:before{
	    position: absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background-size:contain;
}
.office_q_box h2:before{
	background:url("image/office/q.svg") no-repeat;	
}
.office_a_box .faq_catch h3:before,
.office_a_box .faq_catch p:before{
	background:url("image/office/a.svg") no-repeat;
	width: 1.8rem
}
.office_qa .office_q_box>img{
	float: left;
}
.office_qa .office_a_box>img{
	float: right;
}
.office_qa .balloon.right {
    width: calc(100% - 230px);
}

.office_q_box .faq_catch h2,
.office_a_box .faq_catch p,
.office_a_box .faq_catch h3{
	font-weight: bold;
	font-size: 1.2rem;
	    margin-bottom: 1rem;
}
.office_qa .office_q_box.cleafix {
    margin-bottom: 0.5rem;
}
.office_qa .office_a_box {
    margin-bottom: 4rem;
    padding-bottom: 4rem;
    border-bottom: 1px dotted;
}
.office_qa .office_a_box:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}
@media screen and (max-width:1024px){
	.office_qa {
    padding: 4rem 1rem;
}
	.office_qa .balloon.left {
    max-width: 65%;
}
}
@media screen and (max-width:768px){
	.office_qa .office_q_box>img,
	.office_qa .office_a_box>img{
		width: 65px;
	}
	.office_qa .balloon.left{
		margin-left: 15px;
	}
	.office_qa .balloon.right {
    width: calc(100% - 130px);
}
	.office_qa .balloon.right:before{
		top: 30px;
	}
	.office_qa .balloon.left{
		    max-width: 63%;
	}
}
@media screen and (max-width:425px){
	.office_qa .balloon.left{
		max-width: none;
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		margin-left: 0;
		    padding: 1.5rem 1rem;
	}
	.office_qa .office_q_box>img, .office_qa .office_a_box>img {
    display: none !important
}
	.office_qa .balloon.right{
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		    padding: 1.5rem 1rem;
	}
	.office_qa .balloon.right:before{
		content: none;
	}
	.office_qa .office_a_box {
		padding-bottom: 2rem;
    margin-bottom: 2rem;
}
	
	
}

/*====================================== 相続を受け取る方遺す方ボタン ======================================*/

.office_page section.big_select_btn{
	margin-top: 0;
}


/*====================================== 支部ページお客様の声 ======================================*/

.office_page section.voice_list .office_voice_list{
    width: auto;
    margin: 2.5rem auto 2rem;
    padding: 3rem 0;
    box-sizing: border-box;
}
.office_page section.voice_list .office_voice_list .office_voice_inner{
    max-width: 1200px;
    margin: 0 auto;
}
.office_page section.voice_list .office_voice_list .img_box_voice,
.office_page section.voice_list .office_voice_list .txt_box_voice{
    float: left;
    box-sizing: border-box;
}
.office_page section.voice_list .office_voice_list .img_box_voice{
    width: 40%
}
.office_page section.voice_list .office_voice_list .img_box_voice img{
    width: 100%;
}
.office_page section.voice_list .office_voice_list .txt_box_voice{
    width: 60%;
    padding: 0 0 0 3rem;
}
.office_page section.voice_list .office_voice_list .txt_box_voice .is_bold{
	font-size: 18px;
}
.office_page section.voice_list .office_voice_list .txt_box_voice p span{
    display: block;
}
.office_page section.voice_list .office_voice_list .txt_box_voice p span.voice_score{
    color: #fff;
    font-weight: 600;
    padding: 0 15px;
    margin-right: 0.5rem;
    display: inline-block;
	background-color: #aa3333;
	font-size: 17px;
}
.office_page section.voice_list .office_voice_list .txt_box_voice h3{
    margin: 1rem 0;
    font-size: 1.1rem;
	font-weight: 500;
}

/* お客様の声2つパターン */
.office_page section.voice_list .office_voice_list ul{
    max-width: 1200px;
    padding: 0;
    margin: 0 auto;
}
.office_page section.voice_list .office_voice_list ul li{
    width: 100%;
    padding: 0 0 1rem;
    margin: 0 0 2rem;
    border-bottom: 1px dotted;
}
.office_page section.voice_list .office_voice_list ul li.pc{
    padding: 0;
    border: 0;
    margin: 0;
}

@media screen and (max-width:1024px){
    .office_page section.voice_list .office_voice_list{
        padding: 2rem;
    }
}

@media screen and (max-width:768px){
    .office_page section.voice_list .office_voice_list .img_box_voice,
    .office_page section.voice_list .office_voice_list .txt_box_voice{
        float: none;
    }
    .office_page section.voice_list .office_voice_list .img_box_voice{
        width: 80%;
        margin: 0 auto;
    }
    .office_page section.voice_list .office_voice_list .txt_box_voice{
        width: 100%;
        margin-top: 10px;
        padding: 0;
    }
    
    .office_page section.voice_list .office_voice_list ul li{
        margin-bottom: 0;
        padding: 0;
        border: 0;
    }
}

@media screen and (max-width:425px){
    .office_page section.voice_list .office_voice_list,
    .office_page section.voice_list .office_voice_list.height{
        padding: 1rem;
    }
    .office_page section.voice_list .office_voice_list .img_box_voice{
        width: 100%;
    }
    .office_page section.voice_list .office_voice_list .txt_box_voice h3{
        font-size: 1rem;
    }
}

@media screen and (max-width:320px){
    .office_page section.voice_list .office_voice_list .txt_box_voice h3{
        margin: 0.5rem auto;
    }
    .office_page section.voice_list .office_voice_list .txt_box_voice p{
        font-size: 14px;
        line-height: 1.8;
    }
    .office_page section.voice_list .office_voice_list .txt_box_voice p.is_bold{
        font-size: 1rem;
    }
}

/*====================================== 弁護士紹介 ======================================*/

section.office_lawyer h3.jimusho {
    text-align: center;
    font-size: 25px;
    margin-top: 30px;
}
section.office_lawyer h3.jimusho .newline{
	display: inline-block;
}

section.office_lawyer ul{
	text-align: center;
	    margin-top: 3rem;
}
section.office_lawyer ul li{
	display: inline-block;
    min-width: 280px;
    max-width: 300px;
	vertical-align: top;
	border-radius: 15px;
	overflow: hidden;
    margin-right: 1.2rem;
	margin-bottom: 1.5rem
}
section.office_lawyer ul li:last-of-type{
	margin-right: 0;
}
section.office_lawyer ul li a{
	display: block;
}
section.office_lawyer ul li .img_box{
	position: relative;
	    height: auto;
}
section.office_lawyer ul li .img_box img {
    width: 100%;
    border-radius: 15px 15px 0 0;
}
section.office_lawyer ul li .img_box>div{
	position: absolute;
	background-color: rgba(0, 0, 0, 0.8);
	    width: 95%;
	bottom: 2.5%;
	left:50%;
	transform: translate(-50%, 0)
}
section.office_lawyer ul li .img_box>div p{
	    color: #fff;
    padding: 1rem;
    font-size: 1rem;
    line-height: 1.4;
    font-weight: normal;
    text-align: left;
	position: relative;
}

section.office_lawyer ul li .img_box>div p:before{
	content: "";
	display: inline-block;
	position: absolute;
	background: url("image/office/comma.svg") no-repeat;
	    height: 20px;
    width: 20px;
	top: -10px;
    left: 5px;
}
section.office_lawyer ul li .txt_box{
	padding: 0.9rem
}
section.office_lawyer ul li .txt_box h3{
	text-align: left;
	font-size: 2rem;
}
section.office_lawyer ul li .txt_box h3 span{
	display: block;
	font-size: 16px;
}

section.office_lawyer ul li .txt_box>p{
	font-size: 13px;
	text-align: right;
	border-top: 1px dotted #000;
}

/* 肩書がある先生（.position） */
section.office_lawyer ul li .txt_box h3 span .position,
section.office_lawyer ul li .txt_box h3 span .position span{
    display: inline-block;
}

/* 弁護士数が6人場合（.list_lawyer_w80） */
section.office_lawyer ul.list_lawyer_w80{
    width: 80%;
    margin: 3rem auto 0;
}

/* 弁護士数が多い場合（.list_narrow） */
section.office_lawyer ul.list_narrow li{
    max-width: 250px;
}
section.office_lawyer ul.list_narrow li .img_box{
    height: 280px;
    overflow: hidden;
}
section.office_lawyer ul.list_narrow li .img_box>div p{
    font-size: 0.9rem;
    padding: 10px;
    line-height: 1.2;
}
section.office_lawyer ul.list_narrow li .txt_box{
    padding: 0.5rem 1rem;
}

/* 東京 */
section.office_lawyer ul.list_tokyo li .img_box{
    height: 300px;
    overflow: hidden;
}
section.office_lawyer ul.list_tokyo li .img_box>div p{
    font-size: 0.9rem;
    padding: 10px;
    line-height: 1.5;
}
section.office_lawyer ul.list_tokyo li .txt_box h3 span span{
    display: inline-block;
}
/* 名古屋 */
section.office_lawyer ul.list_nagoya li .txt_box{
    min-height: 122px;
}
section.office_lawyer ul.list_nagoya li .txt_box.min_hi{
    padding: 1.2rem 0.9rem 0.6rem;
}
/* 大阪 */
section.office_lawyer ul.list_osaka li .txt_box{
    min-height: 125px;
    padding: 1.5rem 0.9rem 0;
}
section.office_lawyer ul.list_osaka li .txt_box.pro{
    padding: 0.9rem;
}
section.office_lawyer ul.list_osaka li .img_box{
    height: 290px;
    overflow: hidden;
}
section.office_lawyer ul.list_osaka li .img_box>div p{
    font-size: 0.9rem;
    padding: 10px;
    line-height: 1.5;
}
section.office_lawyer ul li .txt_box h3 span .position.pro{
    letter-spacing: -0.5px;
}

@media screen and (max-width:1610px){
    /* 弁護士数が6人場合（.list_lawyer_w80） */
    section.office_lawyer ul.list_lawyer_w80{
        width: auto;
    }
}

@media screen and (max-width:1024px){
	section.office_lawyer ul {
    padding: 0 1rem;
}
section.office_lawyer ul li {
	min-width: auto;
	width: calc(100% / 3 - 1rem);
    z-index: 1;
}
	section.office_lawyer ul li:nth-of-type(3n){
		margin-right: 0;
	}
    /* 肩書がある支部（.position） */
    section.office_lawyer ul.list_posi li .txt_box{
        min-height: 125px;
    }
    /* 東京 */
    section.office_lawyer ul.list_tokyo li .txt_box{
        min-height: 144px;
    }
    /* 大阪 */
    section.office_lawyer ul.list_osaka li .txt_box{
        padding: 1rem 0.9rem 0.5rem;
    }
}
@media screen and (max-width:768px){
	section.office_lawyer ul li .img_box>div p{
		    font-size: 15px;
		padding: 0.5rem
	}
    section.office_lawyer ul{
        width: 80%;
        margin: 3rem auto 0;
    }
	section.office_lawyer ul li {
    min-width: auto;
    width: calc(100% / 2 - 1rem);
    margin-right: 1rem;
}
	section.office_lawyer ul li:nth-of-type(2n) {
    margin-right: 0 !important;
}
	section.office_lawyer ul li:nth-of-type(3n) {
    margin-right: 1rem;
}
	section.office_lawyer ul li .img_box {
    height: 300px;
    overflow: hidden;
}
	section.office_lawyer ul li .txt_box h3{
		font-size: 5vw;
	}
    
    /* 弁護士数が多い場合（.list_narrow） */
    section.office_lawyer ul.list_narrow li{
        max-width: none;
    }
    section.office_lawyer ul.list_narrow li .img_box{
        height: 270px;
    }
    /* 東京 */
    section.office_lawyer ul.list_tokyo li .img_box{
        height: 300px;
    }
    /* 大阪 */
    section.office_lawyer ul.list_osaka li .img_box{
        height: 270px;
    }
    section.office_lawyer ul.list_osaka li .txt_box.pro{
        padding: 0.8rem 0.9rem;
    }
    section.office_lawyer ul li .txt_box h3 span .position.pro{
        letter-spacing: -0.7px;
    }
}
@media screen and (max-width:425px){
	section.office_lawyer h3.jimusho{
		font-size: 5vw;
		line-height: 1.5;
	}
    section.office_lawyer ul{
        width: auto;
    }
	section.office_lawyer ul li .img_box {
		height: 140px;
    }
    section.office_lawyer ul li{
        min-width: inherit;
		width: 47%;
		margin-right: 5%;
        margin-bottom: 15px;
        float: left;
	}
    section.office_lawyer ul li:nth-of-type(3n){
        margin-right: 5%;
    }
    section.office_lawyer ul li:nth-of-type(2n){
        margin-right: 0;
    }
    section.office_lawyer ul.list_float_none li{
        float: none;
        width: 50%;
    }
	section.office_lawyer ul li .txt_box h3 {
        font-size: 1rem;
    }
	.office_q_box h2, .office_a_box .faq_catch p {
        padding-left: 2em;
    }
    section.office_lawyer ul li .img_box>div p{
        display: none;
    }
    section.office_lawyer ul li .txt_box h3 span{
        font-size: 11px;
    }
    section.office_lawyer ul li .txt_box>p{
        font-size: 10px;
        line-height: 2;
    }
    section.office_lawyer ul li .txt_box{
        padding: 5px 10px;
    }
    
    /* 弁護士数が多い場合（.list_narrow） */
    section.office_lawyer ul.list_narrow li .img_box{
        height: 120px;
        overflow: hidden;
    }
    section.office_lawyer ul.list_narrow li .txt_box{
        padding: 5px 10px;
    }
    /* 肩書がある支部（.position） */
    section.office_lawyer ul.list_posi li .txt_box{
        min-height: 88px;
    }
    /* 東京 */
    section.office_lawyer ul.list_tokyo li .img_box{
        height: 140px;
    }
    section.office_lawyer ul.list_tokyo li .txt_box{
        min-height: 85px;
    }
    /* 名古屋 */ 
    section.office_lawyer ul.list_nagoya li .txt_box{
        min-height: 75px;
    }
    section.office_lawyer ul.list_nagoya li .txt_box.min_hi{
        padding: 5px 10px;
    }
    /* 大阪 */
    section.office_lawyer ul.list_osaka li .img_box{
        height: 120px;
    }
    section.office_lawyer ul.list_osaka li .txt_box{
        padding: 10px 10px 0;
        min-height: 85px;
    }
    section.office_lawyer ul.list_osaka li .txt_box.pro{
        padding: 5px 10px 3px;  
    }
}
@media screen and (max-width:375px){
    /* 東京 */
    section.office_lawyer ul.list_tokyo li .txt_box{
        min-height: 102px;
    }
}
@media screen and (max-width:320px){
	section.office_lawyer ul li .img_box {
		height: 100px;
    }
    section.office_lawyer ul li{
        float: left;
	}
    
    /* 弁護士数が多い場合（.list_narrow） */
    section.office_lawyer ul.list_narrow li .img_box{
        height: 85px;
    }
    /* 東京 */
    section.office_lawyer ul.list_tokyo li .img_box{
        height: 100px;
    }
    /* 名古屋 */ 
    section.office_lawyer ul.list_nagoya li .txt_box{
        min-height: 88px;
    }
}
/*======================================事務所紹介 ======================================*/

section.office_info .front_title span{
    display: inline-block;
}
section.office_info .front_title>span:last-child{
	display: block;
}
section.office_info>div{
	max-width: 1400px;
	margin: 0 auto;
}
section.office_info>div .img_box{
	margin-top: 3rem
}

section.office_info .img_box ul li{
	float: left;    
	margin-right: 1rem;
    width: calc(100% / 3 - 0.7rem);
}
section.office_info .img_box.osaka ul{
	text-align: center;
}
section.office_info .img_box.osaka ul li{
	float: none;
	display: inline-block;
}
section.office_info .img_box ul li:last-of-type{
	margin-right: 0;
}
section.office_info .img_box ul li img
{
	width: 100%;
}
section.office_info .txt_box{
	margin-top: 2rem
}
section.office_info .txt_box h3{
	margin-bottom: 1rem;
	font-size: 1.2rem;
	line-height: 1.4;
}
section.office_info .txt_box h3 span{
	display: inline-block;
}
section.office_info .txt_box .txt_box_inner{
	border:1px solid;
	padding: 2rem;
}
section.office_info .txt_box .txt_box_inner dl{
    width: 100%;
}
section.office_info .txt_box .txt_box_inner dl dt,
section.office_info .txt_box .txt_box_inner dl dd{
    float: left;
}
section.office_info .txt_box .txt_box_inner dl dt{
    width: 10%;
    line-height: 2;
    font-weight: bold;
}
section.office_info .txt_box .txt_box_inner dl dd{
    width: 90%;
    line-height: 2;
}
section.office_info .txt_box .txt_box_inner ul li{
    line-height: 2;
}
section.office_info .txt_box .txt_box_inner .info_access_comm_li{
    display: block;
    margin-bottom: 5px;
}

section.office_movie h3{
	margin-bottom: 1rem
}
/*動画*/
section.office_movie .movie-thumb{
	max-width: 800px;
	margin: 0 auto;
}
section.office_movie .movie-thumb iframe{
	max-width: 800px;
	max-height: 250px;
}
section.office_movie .movie-thumb img:hover{
	opacity: 0.7;
}
section.office_movie .movie-thumb img{
	width: 100%;
	cursor : pointer;
    transition: all 0.2s linear;
    position: static !important;
    display: block;
    text-align: center;
}

@media screen and (max-width:1024px){
	.section.office_movie{
		padding: 0 1rem;
	}
	section.office_info>div{
		padding: 0 1rem
	}
	section.office_movie {
    padding: 0 1rem;
}
    section.office_info .txt_box .txt_box_inner{
        padding: 1.5rem;
    }
    section.office_info .txt_box .txt_box_inner dl dt{
    width: 20%;
    }
    section.office_info .txt_box .txt_box_inner dl dd{
        width: 80%;
    }
    /*動画*/
    section.office_movie .movie-thumb{
        width: 90%;
        max-width: 800px;
    }
    section.office_movie .movie-thumb img{
        width: 100%;
    }
    section.office_movie .movie-thumb iframe{
        width: 100%;
    }
}
@media screen and (max-width:425px){
	section.office_info .img_box ul li{
		width: 100%;
		margin-right: 0;
	}
	/*section.office_info .front_title span{
		display: inline;
	}*/
	section.office_info .txt_box .txt_box_inner{
		padding: 0.8rem 1rem;
	}
    section.office_info .txt_box .txt_box_inner dl:first-of-type{
        margin-bottom: 15px;
    }
    section.office_info .txt_box .txt_box_inner dl dt,
    section.office_info .txt_box .txt_box_inner dl dd{
        float: none;
        line-height: 1.8;
    }
    section.office_info .txt_box .txt_box_inner dl dt{
        width: 100%;
    }
    section.office_info .txt_box .txt_box_inner dl dd{
        width: 100%;
    }
    section.office_info .txt_box .txt_box_inner .info_access_comm_li{
        border-bottom: 1px dotted;
        padding: 5px 0;
	}
    section.office_info .txt_box .txt_box_inner .info_access_comm_li:first-of-type{
        padding-top: 0;
    }
    section.office_info .txt_box .txt_box_inner .info_access_comm_li:last-of-type{
        border-bottom: 0;
        padding-bottom: 0;
    }
}

/*======================================マップ======================================*/

section.office_map {
    text-align: center;
	margin-bottom: 6rem;
}
section.office_map>div{
	max-width: 840px;
	height: 400px;
	margin: 0 auto
}
section.office_map>a{
	color: #000;
	font-size: 1rem;
	    height: auto;
    padding: 1rem 2rem;
	margin-top: 2rem
}
section.office_map>a i{
	margin-left: 10px
}

@media screen and (max-width:1024px){
}
@media screen and (max-width:425px){
	section.office_map>a{
		font-size: 13px;
		    margin: 1rem;
	}
	section.office_lawyer ul li .img_box>div p{
		font-size: 13px;
	}
	section.office_map>div{
		height: 250px;
	}
}

/*グーグル・マップ*/
@media screen and (max-width: 840px){
	.google-maps {
	position: relative;
	padding-bottom: 50%;
	height: 0;
	overflow: hidden;
	}
	.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	}
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
記事MV
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.article_mv img{
	width:100%;
	margin-bottom: 50px;
	margin-top: 20px;
	height: 100%;
}
@media screen and (max-width: 1024px) {
.article_mv img{
	width:100%;
	margin-bottom: 40px;
}
}
@media screen and (max-width: 768px) {
.article_mv img{
	width:100%;
	margin-bottom: 30px;
}
}
@media screen and (max-width: 480px) {
.article_mv img{
	width:100%;
	margin-bottom: 25px;
    margin-top: 0;
}
}

/*link_check*/
article.column .link_check{
	margin-bottom: 40px;
}
article.column .link_check a{
	margin-bottom: 40px;
	padding: 1.6em 6em 1.6em 6em;
	background: url("image/article/icon_check.svg") no-repeat 1.6em center,linear-gradient(to bottom, #fdecdb, #fff);
	border-radius: 4px;
	border: 1px solid #f28b1f;
	color: #653400;
	font-size: 18px;
	font-weight: bold;
	display: block;
	position: relative;
	line-height: 1.4;
	text-align: center;
}
article.column .link_check a:after{
	content: "";
	background: url("image/article/icon_arw02.svg") no-repeat;
	background-size: contain;
	width: 10px;
	height: 20px;
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 4%;
	transform: translateY(-50%);
}
article.column .link_check a:not(:last-child){
	margin-bottom: 20px;
}
article.column .link_check a .sp_bl{
	display: inline-block;
}
@media screen and (max-width:590px){
	article.column .link_check a{
		padding: 4vw 14vw 4vw 14vw;
		background-size: 11vw, 100%;
		background-position: 4vw center;
		font-size: 3.9vw;
	}
	article.column .link_check a .sp_bl{
		display: block;
	}
}


/*この記事でわかること*/
.page_summary{
	width: 100%;
	display: block;
	background: #f7f3ef;
	margin: 0 auto 40px;
	padding:20px 7% 30px;
}
.page_summary p{
	text-align: center;
	font-weight: bold;
	margin:0 0 10px;
	font-size: 18px;
	color: #351d00;
}
.page_summary li {
	position: relative;
	margin: 0 0 5px 20px;

	
}
.page_summary li a{
	position: relative;
	display: inline-block;
/*	font-size: 0.9em;*/
	line-height: 1.3em;
	color: #000;
/*	border-bottom: dotted 1px #b4b9bf;*/
	padding-left: 5px;
	font-size: 16px;
}
.page_summary li a:hover{
	text-decoration: underline;
}
.page_summary li a:before {
	content:"";
	display: block;
	position: absolute;
	left: -20px;
	top: 2px;
	margin: auto;
	width: 16px;
	height: 16px;
	background: url("image/article/check_o.svg") no-repeat;
	background-position: top left;
}

@media screen and (max-width:767px){
	.page_summary p {
		font-size: 16px;
	}
	.page_summary li {
		margin: 0 0 10px 20px;
	}
	.page_summary li a{
		font-size: 14px;
	}
	.page_summary li a:before {
		left: -20px;
		top: 2px;
		width: 14px;
		height: 14px;
		background-position: top left;
	}
	.page_summary li:last-child{
		margin-bottom: 0;
	}
}


/*コラムリスト改修*/
.column_list ul {
	margin-bottom: 5%;
}
.column_list ul li {
	position: relative;
}
.column_list ul li a {
	padding: 14px 0;
	display: flex;
}
.column_list ul li a .img_box {
	max-width: 130px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}
.column_list ul li a .img_box img {
	margin: 0;
	border: none;
	display: block;
	max-width: 100%;
	height: auto;
	border: 1px solid #d3d3d3;
}
.column_list ul li a .txt_box {
	padding-left: 20px;
	width: calc(100% - 130px);
}
.column_list ul li time {
	background: none;
	color: #666;
	font-size: 14px;
	font-weight: normal;
	padding: 0;
	min-width: inherit;
}
.column_list ul li .tag_wrap {
	position: absolute;
	top: 14px;
	left: 276px;
}
.column_list ul li .tag_wrap a {
	border: 1px solid #005103;
	background-color: #005103;
    border-radius: 4px;
	color: #fff;
	font-size: 14px;
	line-height: 1;
	padding: 4px 10px;
}
.column_list ul li .tag_wrap a:hover{
	background-color: rgba(0,0,0,0);
	color: #005103;
}
.column_list ul li .list_tag:before, .column_list ul li .tag_wrap a::after {
	display: none;
}
.column_list ul li .list_tag {
	margin-right: 10px;
	margin-left: 0;
}
.column_list ul li time {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


@media screen and (max-width:768px) {
	.column_list ul li a .img_box {
	}
	.column_list ul li a .txt_box {
		padding-left: 10px;
	}
	.column_list ul li .tag_wrap {
		position: absolute;
		top: 14px;
		left: 250px;
	}
	.column_list ul li time {
		font-size: 12px;
	}
	.column_list ul li .tag_wrap a {
		font-size: 12px;
	}
	.column_list ul li .list_tag {
		margin-right: 6px;
	}
}
@media screen and (max-width:600px) {
	.column_list ul li a {
		padding: 4px 0 10px;
	}

	.column_list ul li .tag_wrap {
		position: relative;
		top: inherit;
		left: 140px;
		bottom: 10px;
		width: calc(100% - 140px)
	}
	.column_list ul li a .img_box {
    align-items: flex-start;
    position: relative;
    top: 10px;
	}
	
}

/* ================================================================

	.holder
	ページネーション

================================================================ */
.holder + #itemContainer{
	margin: 30px auto 0;
}
.holder {
	margin: 0 auto 60px;
	padding: 10px 0;
	text-align: center;
}
.holder a {
	margin: 0 5px;
	padding: 10px 16px;
	font-size: 1rem;
	border: 1px #bbb solid;
	cursor: pointer;
	transition: all .3s;
}
.holder a:hover {
	color: #fff;
	background-color: #bbb;
}
.holder a.jp-previous {
	margin-right: 10px;
	margin-left: 0;
}
.holder a.jp-next {
	margin-left: 10px;
	margin-right: 0;
}
.holder a.jp-current, a.jp-current:hover,
.holder a.jp-disabled, a.jp-disabled:hover {
	cursor: default; 
	background: none;
}
.holder a.jp-current{
	color: #fff;
	background-color: #d45d05;
	border: 1px #d45d05 solid;
}
.holder a.jp-disabled, a.jp-disabled:hover {
	color: #bbb;
}
.holder span {
	position: relative;
	top: -4px;
/*	margin: 0 5px;*/
}

@media screen and (max-width: 480px) {
	.holder a {
		margin: 0 4px;
		padding: 6px 9px;
		font-size: 0.8rem;
	}
	.holder a.jp-previous {
		margin-right: 4px;
		margin-left: 0;
	}
	.holder a.jp-next {
		margin-left: 4px;
		margin-right: 0;
	}
	.holder span {
		margin: 0;
	}
}

/* ================================================================

	.article_example
	記事ページ事例

================================================================ */
.article_example{
    background: #fff;
    margin: 70px 0 0;
}
.article_example .title_example{
    padding: 20px 50px;
    background: #351d00;
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.4;
}
.article_example .textarea{
    padding: 40px 50px;
    background: #f7f3ef;
}
.article_example .textarea ul.result01{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
}
.article_example .textarea ul.result01 li{
    padding: 4px 15px;
    margin: 0;
    margin-bottom: 10px;
    background: #858585;
    border-radius: 100px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    text-align: center;
}
.article_example .textarea ul.result01 li:not(:last-child){
    margin-right: 15px;
}
.article_example .textarea .result02{
    display: flex;
    justify-content: space-between;
}
.article_example .textarea .result02 .left{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 50%;
    max-height: 60px;
}
.article_example .textarea .result02 .left .text{
    text-align: center;
}
.article_example .textarea .result02 .left .text .title{
    font-size: 14px;
    margin-bottom: 10px;
}
.article_example .textarea .result02 .left .text .money{
    font-size: 18px;
    font-weight: 600;
}
.article_example .textarea .result02 .left .text .money .txt_large{
    font-size: 34px;
    font-weight: 600;
    line-height: 1;
}
.article_example .textarea .result02 .left .text .txt_red {
    color: #d45d05;
}
.article_example .textarea .result02 .right{
    width: 43%;
    padding: 10px 30px;
    background: url("image/article/article_example_up.svg") no-repeat 6% center /contain,#d45d05;
    background-size: 45px;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}
.article_example .textarea .result02 .right .money{
    font-size: 16px;
    text-indent: 0.8em;
}
.article_example .textarea .result02 .right .money span{
    line-height: 1;
}
.article_example .textarea .result02 .right .money .txt_large{
    font-size: 34px;
}
@media screen and (max-width: 1200px){
    .article_example .title_example{
        padding: 15px 3.5vw;
    }
    .article_example .textarea{
        padding: 3.5vw 3vw;
    }
    .article_example .textarea .result02 .left{
    }
    .article_example .textarea .result02 .left .text .money{
        font-size: 1.4vw;
    }
    .article_example .textarea .result02 .left .text .money .txt_large{
        font-size: 2.6vw;
    }
    .article_example .textarea .result02 .left .arw{
        width: 3vw;
    }
    .article_example .textarea .result02 .right{
        padding: 1vw 2vw;
    }
    .article_example .textarea .result02 .right .money{
        font-size: 1.4vw;
    }
    .article_example .textarea .result02 .right .money .txt_large{
        font-size: 2.6vw;
    }  
}
@media screen and (max-width: 1024px){
    .article_example .title_example{
        font-size: 20px;
    }
    .article_example .textarea ul.result01 li{
        font-size: 14px;
    }
    .article_example .textarea .result02 .left{
        width: 52%;
    }
    .article_example .textarea .result02 .left .text .money{
        font-size: 2vw;
    }
    .article_example .textarea .result02 .left .text .money .txt_large{
        font-size: 4vw;
    }
    .article_example .textarea .result02 .left .arw{
        width: 4vw;
    }
    .article_example .textarea .result02 .right .money{
        font-size: 2vw;
    }
    .article_example .textarea .result02 .right .money .txt_large{
        font-size: 4vw;
    }  
}
@media screen and (max-width: 600px){
    .article_example .title_example{
        font-size: 3.2vw;
    }
    .article_example .textarea{
        padding: 4vw 5vw;
    }
    .article_example .textarea ul.result01 li{
        font-size: 12px;
    }
    .article_example .textarea ul.result01 li:not(:last-child){
        margin-right: 10px;
    }
    .article_example .textarea .result02{
        display: block;
    }
    .article_example .textarea .result02 .left{
        width: 100%;
        margin-bottom: 20px;
    }
    .article_example .textarea .result02 .left .text .money{
        font-size: 3.4vw;
    }
    .article_example .textarea .result02 .left .text .money .txt_large{
        font-size: 8vw;
    }
    .article_example .textarea .result02 .right{
        width: 100%;
        padding: 3vw 2vw;
    }
    .article_example .textarea .result02 .left .arw{
        width: 7vw;
    }
    .article_example .textarea .result02 .right .money{
        font-size: 3.4vw;
    }
    .article_example .textarea .result02 .right .money .txt_large{
        font-size: 8vw;
    }
}
@media screen and (max-width: 420px){
    .article_example .title_example{
        font-size: 4.4vw;
    }
    .article_example .textarea .result02 .left .text .title{
        margin-bottom: 4px;
    }
    .article_example .textarea .result02 .right{
        background-size: 10vw;
    }
    .article_example .textarea ul.result01{
        margin-bottom: 10px;
    }
}


/*記事リンク（アイキャッチ付き）*/
.column_link_wrap{
	margin-top: 50px;
	padding: 40px 20px 20px;
	border: 1px solid #ccc;
	position: relative;
}
.column_link_wrap.mb{
    margin-bottom: 3em;
}
.column_link_wrap .title{
	display: inline-block;
	padding: 10px 20px;
	background: #351d00;
	border-radius: 100px;
	color: #fff;
	font-weight: 600;
	line-height: 1;
	font-size: 18px;
	position: absolute;
	top:0;
	left: 20px;
	transform: translateY(-50%);
}
.column_link_wrap .link_a li a{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.column_link_wrap .link_a li:not(:last-child){
	margin-bottom: 20px;
}
.column_link_wrap .link_a li .catch_img{
    width: 20%;
    margin-right: 3%;
}
.column_link_wrap .link_a li .catch_img img{
    width: 100%;
}
.column_link_wrap .link_a li a .txt{
    width: 77%;
    padding-right: 4%;
	font-size: 18px;
	font-weight: bold;
	color: #d45d05;
    line-height: 1.5;
    position: relative;
}
.column_link_wrap .link_a li a .txt:after{
    position: absolute;
    content: "";
    right: 0;
    top: 50%;
    margin: auto;
    width: 8px;
    height: 8px;
    border-top: solid 3px #d45d05;
    border-right: solid 3px #d45d05;
    -webkit-transform: rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}
@media screen and (max-width:600px){
    .column_link_wrap .link_a li a .txt{
        font-size: 16px;
    }
}
@media screen and (max-width:550px){
    .column_link_wrap{
        padding: 40px 15px 20px;
    }
	.column_link_wrap .title{
		font-size: 16px;
        left: 10px;
	}
	.column_link_wrap .link_a li:not(:last-child){
		margin-bottom: 20px;
	}
    .column_link_wrap .link_a li .catch_img{
        width: 40%;
    }
	.column_link_wrap .link_a li a .txt{
        width: 54%;
        padding: 0;
		font-size: 14px;
	}
    .column_link_wrap .link_a li a .txt:after{
        content: none;
    }
}

/*====================================
よくある質問
======================================*/
article.column .article_qa{
	margin-bottom: 60px;
	border-radius: 6px;
}
article.column .article_qa h3{
	background: #ecf6e2;
	margin: 0;
	padding: 30px 30px 30px 90px;
	border: none;
	color: #000;
	border-radius: 20px 20px 0 0;
	position: relative;
	font-size: 20px;
}
article.column .article_qa h3:before {
    content: "Q";
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
    display: inline-block;
    width: 48px;
    height: 48px;
    margin: auto;
    background-color: #005103;
    font-size: 18px;
    color: #ffffff;
    line-height: 48px;
    border-radius: 100px;
	text-align: center;
	vertical-align: middle;
	margin-right: 20px;
}
article.column .article_qa .txtarea{
	padding: 30px 30px 30px 90px;
	border: 2px solid #ecf6e2;
	border-radius: 0 0 20px 20px;
	position: relative;
}
article.column .article_qa .txtarea:before {
    content: "A";
	position: absolute;
	left: 17px;
	top: 33px;
    display: inline-block;
    width: 48px;
    height: 48px;
    margin: auto;
    background-color: #d45d05;
    font-size: 18px;
    color: #ffffff;
    line-height: 48px;
    border-radius: 100px;
	text-align: center;
	vertical-align: middle;
	margin-right: 20px;
	font-weight: bold;
}

@media screen and (max-width:1024px){
	article.column .article_qa h3{
		padding: 20px 10px 20px 70px;
		font-size: 18px;
	}
	article.column .article_qa h3:before{
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
	article.column .article_qa .txtarea{
		padding: 30px 30px 30px 70px;
	}
	article.column .article_qa .txtarea:before{
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
}
@media screen and (max-width:550px){
	article.column .article_qa{
		margin-bottom: 40px;
	}
	article.column .article_qa h3{
		padding: 20px 16px 20px 60px;
		font-size: 17px;
	}
	article.column .article_qa h3:before{
		left: 15px;
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 15px;
	}
	article.column .article_qa .txtarea{
		padding: 20px 20px 20px 60px;
	}
	article.column .article_qa .txtarea:before{
		left: 13px;
		top: 25px;
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 16px;
	}
}


/*２カラム*/
@media screen and (min-width:769px){
	.about_page .box:nth-of-type(5) ul li {
		width: 50%;
		height: 310px;
	}
}
/*改行*/
/*PC/SP改行*/
table.column th span.bl, table.column td span.bl {
	display: block;
}

/*SPのみ改行*/
@media screen and (max-width:768px){
	table.column th span.sp_bl, table.column td span.sp_bl {
		display: block;
	}
}
/*PC/SP改行*/
.column_inner section a span.bl {
	display: block;
}

/*SPのみ改行*/
@media screen and (max-width:768px){
	.column_inner section a span.sp_bl {
		display: block;
	}
}

/*オレンジ縦ライン*/
.column_inner span.column_important{
	display:block;
	padding:5px 5px 5px 15px;
	border-left:5px solid #D45D05;
	line-height: 1.4;
	margin: 20px 0 15px;
}
/*計算式 電卓アイコン*/
.column_inner section .formula {
    padding:1.8em 0.8em;
    display:block;
    text-align: center;
    font-weight: bold;
    content: "";
    background: url("../images/customer_contents/souzoku/dentaku_icon.svg") ,#FEF1E3;
    background-repeat: no-repeat;
    background-position: left 6px center;
    background-size: 40px 50px;
}
.column_inner section .formula span {
    line-height: 1.4;
    display: inline-block;
}
@media screen and (max-width:480px) {
    .column_inner section .formula {
        text-align: left;
        padding-left: 30px;
    }
}
/*外部リンクボタン LP以外*/
.column_inner section .external-link-btn {
    text-align: center;
}
.column_inner section .external-link-btn a{
	position: relative;
	display: inline-block;
	background: #BF5100;
	border:0px solid #BF5100;
	border-radius: 5px; 
	font-size: 1.3em;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	padding: 0.5em 1.8em 0.5em 2em;
	transition:0.5s;
	margin-bottom: 40px;
}
.column_inner section .external-link-btn a:hover {
	background-color: #ffffff;
	border: 1px solid #BF5100;
	color: #000000;
}
/*事例*/
.column_inner section .article_jirei {
	margin-bottom: 60px;
	margin-top: 60px;
}
.column_inner section .article_jirei h4, .column_inner section .article_jirei h3, .column_inner section .article_jirei h2 {
	background: #005103;
	color: #fff;
	line-height: 1.6;
	margin: 0;
	border-left: none;
	padding: 20px 30px 15px;
	border-radius: 20px 20px 0 0;
}
.column_inner section .article_jirei .txtarea {
	padding: 30px;
	border: 2px solid #005103;
	border-radius: 0 0 20px 20px;
}


/* 事例動画追加 */
.jirei_movie_area {
	margin: 25px 0 60px 0;
	padding: 0 2em;
}
.jirei_area .movie_box {
	max-width: 580px;
	width: 75%;
	margin: 0 auto;
}
.jirei_movie_area .movie_box .movie {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.jirei_movie_area .movie_box .movie iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	display: block;
	margin: 0 auto;
}

@media screen and (max-width:600px) {
.jirei_movie_area .movie_box {
		width: 100%;
	}
	
.jirei_movie_area {
	padding: 0;
}
}