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

/***** 　相続税速算表（平成27年1月1日以降発生の相続） *****/

div.flex,
ul.flex,
h2.flex{
	-js-display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
@media print, screen and (min-width: 768px){
	div.flex-pc,
	ul.flex-pc{
		-js-display: flex;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
}
@media print, screen and (max-width: 767px) {}

div.divParallel{ justify-content: space-around; width: 100%; }
div.divParallel > .divParallel-left,
div.divParallel > .divParallel-right{ width: calc(( 100% - 2.5% ) / 2 ); }
div.divParallel > .divParallel-left{ margin-right: 5%; }
div.divParallel > .divParallel-left table{ width: 100%; }
div.divParallel > .divParallel-right{ padding-top: 1.75em; }
div.divParallel > .divParallel-right > img{ height: auto; }

@media print, screen and (max-width: 767px) { 
	div.divParallel{ flex-direction: column; justify-content: normal; }
	div.divParallel > .divParallel-left,
	div.divParallel > .divParallel-right{ width: 100%; }
	div.divParallel > .divParallel-left{ margin-right: 0; margin-bottom: 5%; }
	div.divParallel > .divParallel-right{ padding-top: 0; text-align: center;}
	div.divParallel > .divParallel-right > p{ text-align: left; margin: 0 auto; max-width: 500px; }
}


/***** CTA　横並び *****/

div.ctaDiv{ justify-content: center; }

div.ctaLeft,
div.ctaRight{ max-width: 680px; }

div.ctaLeft{ margin-right: 5%; }

@media print, screen and (max-width: 655px) {
	div.ctaDiv{ flex-direction: column;}
	div.ctaLeft{ margin-right: 0; }
}

/* ----------------------------------
記事ページ下部
advanced adsエリア
バナー変更
---------------------------------- */

.advanced-ads .ctaDiv{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.advanced-ads .ctaDiv > div{
    /* width: calc( ( 100% - 40px ) / 2 ); */
	width: 100%;
    /* max-width: 330px; */
}
.advanced-ads .ctaDiv > div > div,
.advanced-ads .ctaDiv > div > a{
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
}

.advanced-ads .ctaDiv img{
    margin: 0;
    padding: 0;
}

.advanced-ads .ctaDiv > div.btnBannar02{ margin-left: 40px; }
/* @media print, screen and (min-width: 661px){
    .advanced-ads .ctaDiv > div.btnBannar01{ margin-left: auto; }
    .advanced-ads .ctaDiv > div.btnBannar02{ margin-right: auto; }
}
 */
@media print, screen and (max-width: 660px){
    .advanced-ads .ctaDiv{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .advanced-ads .ctaDiv > div{
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }
    .advanced-ads .ctaDiv > div.btnBannar02{
        margin-top: 20px;
        margin-left: auto;
    }
}
.advanced-ads .ctaDiv > div > a{ display: block; }
.advanced-ads .ctaDiv > div > p{
    font-size: 12px;
    line-height: 1.6;
    margin-top: 10px;
}

/* ----------------------------------
記事ページ下部
advanced adsエリア
ページ下部バナー変更
---------------------------------- */
.advanced-ads .ctaDiv01 .btnBannar-annotation{
    font-size: 12px;
    line-height: 1.6;
    margin-top: 10px;
    margin-bottom: 0;
}

.advanced-ads .ctaDiv01 > div{
    border-width: 1px;
    border-style: solid;
    margin-right: auto;
    margin-left: auto;
    padding: 15px;
    max-width: 770px;
    width: 100%;
    
}
.advanced-ads .ctaDiv01 > div.btnBannar03{ border-color: #2f3957; }
.advanced-ads .ctaDiv01 > div.btnBannar04{
    border-color: #f1a609;
    margin-top: 40px;
}
.advanced-ads .ctaDiv01 > div > a{ display: block; }

.advanced-ads .ctaDiv01 .btnBannar-head{ font-size: 0; }
.advanced-ads .ctaDiv01 .btnBannar-head > div{
    display: inline-block;
    font-size: 17px;
    vertical-align: middle;
}

.advanced-ads .ctaDiv01 .btnBannar-head > .btnBannar-head-txt{
    border-radius: 10px;
    padding: 15px;
    width: calc( 78% - 10px );
}
.advanced-ads .ctaDiv01 > div.btnBannar03 .btnBannar-head > .btnBannar-head-txt{
    background: #bbdaf5;
    margin-right: 10px;
}
.advanced-ads .ctaDiv01 > div.btnBannar04 .btnBannar-head > .btnBannar-head-txt{
    background: #fde3ac;
    margin-left: 10px;
}
.advanced-ads .ctaDiv01 .btnBannar-head > .btnBannar-head-txt > p {
    line-height: 1.6;
    margin-bottom: 0;
    text-align: center;
}
.advanced-ads .ctaDiv01 .btnBannar-head > .btnBannar-head-txt > p > span{
    font-size: 150%;
    font-weight: bold;
}

.advanced-ads .ctaDiv01 .btnBannar-head > .btnBannar-head-img{ width: 22%; }

.advanced-ads .ctaDiv01 .btnBannar-btn{ margin-top: 20px; }
.advanced-ads .ctaDiv01 .btnBannar-btn p,
.advanced-ads .ctaDiv01 .btnBannar-btn a{ text-align: center;}

.advanced-ads .ctaDiv01 .btnBannar-btn a{
    display: block;
    text-decoration: none;
    padding: 10px;
}
.advanced-ads .ctaDiv01 > div.btnBannar03 .btnBannar-btn .btnBannar-tel a{
    background: #f1a609;
    color: #000000;
}
.advanced-ads .ctaDiv01 > div.btnBannar04 .btnBannar-btn .btnBannar-tel a{
    background: #1a1d5b;
    color: #ffffff;
}

.advanced-ads .ctaDiv01 .btnBannar-btn a > .btnBannar-telNum{
    font-size: 170%;
    font-weight: bold;
    line-height: 1.2;
}
.advanced-ads .ctaDiv01 .btnBannar-btn a > .btnBannar-telNum img{
    display: inline;
    margin: 0;
    padding-right: 5px;
    padding-bottom: 2px;
    width: 45px;
}

.advanced-ads .ctaDiv01 .btnBannar-btn a > .btnBannar-telTime{ font-size: 12px; }
.advanced-ads .ctaDiv01 .btnBannar-btn a > .btnBannar-telTime span{ padding-right: 10px; }

.advanced-ads .ctaDiv01 .btnBannar-btn > div.btnBannar-tel{
    margin-bottom: 20px;
    width: 100%;
}
.advanced-ads .ctaDiv01 .btnBannar-btn > div p{ margin-bottom: 0; }

@media print, screen and (min-width: 768px){
    .advanced-ads a[href^="tel:"]{ pointer-events: none; }
}

.advanced-ads .ctaDiv01 > div .btnBannar-btn .btnBannar-web a{
    border-radius: 5px;
    font-size: 120%;
    font-weight: bold;
    margin: 0 auto;
    padding: 15px 40px 15px 20px;
    position: relative;
    max-width: 330px;
    width: 80%;
}
.advanced-ads .ctaDiv01 > div.btnBannar03 .btnBannar-btn .btnBannar-web a{
    background: #2f3957;
    border: 1px solid #808595;
    -moz-box-shadow: 4px 4px 0px #151a29; /* Firefox */
    -webkit-box-shadow: 4px 4px 0px #151a29; /* Safari and Chrome */
    box-shadow: 4px 4px 0px #151a29; /* Opera 10.5+, IE */
    color: #ffffff;
}
.advanced-ads .ctaDiv01 > div.btnBannar04 .btnBannar-btn .btnBannar-web a{
    background: #f5960d;
    -moz-box-shadow: 4px 4px 0px #4f3b1d; /* Firefox */
    -webkit-box-shadow: 4px 4px 0px #4f3b1d; /* Safari and Chrome */
    box-shadow: 4px 4px 0px #4f3b1d; /* Opera 10.5+, IE */
    color: #000000;
}
.advanced-ads .ctaDiv01 > div .btnBannar-btn .btnBannar-web a:after{
    content: '';
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    position: absolute;
    right: 10px;
    top: calc( 50% - 10px );
}

.advanced-ads .ctaDiv01 > div.btnBannar03 .btnBannar-btn .btnBannar-web a:after{ border-left: 15px solid #ffffff; }
.advanced-ads .ctaDiv01 > div.btnBannar04 .btnBannar-btn .btnBannar-web a:after{ border-left: 15px solid #000000; }

@media print, screen and (max-width: 767px){
    .advanced-ads .ctaDiv01 .btnBannar-head > .btnBannar-head-txt > p > span{
        font-size: 130%;
    }
    .advanced-ads .ctaDiv01 .btnBannar-btn > div.btnBannar-tel,
    .advanced-ads .ctaDiv01 .btnBannar-btn > div.btnBannar-web{
        display: block;
        width: 100%;
    }
    .advanced-ads .ctaDiv01 .btnBannar-btn > div.btnBannar-web{ margin-top: 20px; }
    
    .advanced-ads .ctaDiv01 > div.btnBannar03 .btnBannar-btn > div.btnBannar-tel a{
        -moz-box-shadow: 4px 4px 0px #543b05; /* Firefox */
        -webkit-box-shadow: 4px 4px 0px #543b05; /* Safari and Chrome */
        box-shadow: 4px 4px 0px #543b05; /* Opera 10.5+, IE */
    }
    .advanced-ads .ctaDiv01 > div.btnBannar04 .btnBannar-btn > div.btnBannar-tel a{
        -moz-box-shadow: 4px 4px 0px #809cf1; /* Firefox */
        -webkit-box-shadow: 4px 4px 0px #809cf1; /* Safari and Chrome */
        box-shadow: 4px 4px 0px ##809cf1; /* Opera 10.5+, IE */
    }
}

/***** CTA *****/
/* CTA1 メロンソーダ*/
.CTA1 {
        margin: 2rem 0;
}
.CTA1 a{
    padding: 20px 10px;
    font-weight: bold;
    background-color: #5dce4f;
	display: inline-block;
    border: none;
    border-radius: 8px;
    width: 100%;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    font-size: 20px;
    box-shadow: 0px 9px #338f28;
    box-sizing: border-box;
    color: #FFF;
　transition:all 0.2s;
}
.CTA1 a:hover {
	opacity: 0.8;
	transform: translate3d(0, 5.5px, 0);
	box-shadow: 0px 3.5px #338f28;
}

.right{
  text-align: right;
  padding-top: 15px;
  padding-bottom: 15px;
}

/***** CTA *****/
/* CTA2 オレンジver.*/
.CTA2 {
        margin: 2rem 0;
}
.CTA2 a{
    padding: 10px 20px;
    font-weight: bold;
    background-color: #FD8F36;
	display: inline-block;
    border: none;
    border-radius: 8px;
    width: 80%;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    font-size: 20px;
    box-shadow: 0px 9px #A74C05;
    box-sizing: border-box;
    color: #FFF;
　transition:all 0.2s;
}
.CTA2 a:active {
	opacity: 0.8;
	transform: translate3d(0, 5.5px, 0);
	box-shadow: 0px 3.5px #A74C05;
}

  /* ここから下がオレンジボタンのCSS　*/
.CTA3 a{
  max-width: 680px;
  display: inline-block;
  text-align: center;
  background-color: #dc9610;
  font-size: 20px;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  padding: 10px 15px;
  border-radius: 4px;
  border-bottom: 6px solid #7C4036;
  transition:all 0.2s;
     /* CTA 文字の黒縁取り用記述　*/
text-shadow: #555555 1px 0px,  #555555 -1px 0px,
    #555555 0px -1px, #555555 0px 1px,
    #555555 1px 1px , #555555 -1px 1px,
    #555555 1px -1px, #555555 -1px -1px,
    #555555 0px 1px,  #555555 -0px 1px,
    #555555 0px -1px, #555555 -0px -1px,
    #555555 1px 0px,  #555555 -1px 0px,
    #555555 1px -0px, #555555 -1px -0px;
}

.CTA3:hover {
    transform: translateY(4px);
    border-bottom: none;
}




 /* CTA 文字の黒縁取り用記述　*/
.CTA5:hover {
  transform: translateY(4px);
  border-bottom: none;
  text-shadow: #555555 2px 0px,  #555555 -2px 0px,
    #555555 0px -2px, #555555 0px 2px,
    #555555 2px 2px , #555555 -2px 2px,
    #555555 2px -2px, #555555 -2px -2px,
    #555555 1px 2px,  #555555 -1px 2px,
    #555555 1px -2px, #555555 -1px -2px,
    #555555 2px 1px,  #555555 -2px 1px,
    #555555 2px -1px, #555555 -2px -1px;
	}

  /* ここから下がメロンソーダボタンのCSS　*/
.CTA4 a{
  max-width: 680px;
  display: inline-block;
  text-align: center;
  background-color: #5dce4f;
  font-size: 20px;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  padding: 10px 15px;
  border-radius: 4px;
  border-bottom: 6px solid #298A08;
  transition:all 0.2s;
  text-shadow: #555555 1px 0px,  #555555 -1px 0px,
    #555555 0px -1px, #555555 0px 1px,
    #555555 1px 1px , #555555 -1px 1px,
    #555555 1px -1px, #555555 -1px -1px,
    #555555 0px 1px,  #555555 -0px 1px,
    #555555 0px -1px, #555555 -0px -1px,
    #555555 1px 0px,  #555555 -1px 0px,
    #555555 1px -0px, #555555 -1px -0px;
}

.CTA4:hover {
    transform: translateY(4px);
    border-bottom: none;
}

  /* ここから下が濃紺ボタンのCSS　*/
.CTA6 a{
  max-width: 680px;
  display: inline-block;
  text-align: center;
  background-color: #153b5e;
  font-size: 20px;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  padding: 10px 15px;
  border-radius: 4px;
  border-bottom: 6px solid #061C31;
  transition:all 0.2s;
  text-shadow: #555555 1px 0px,  #555555 -1px 0px,
    #555555 0px -1px, #555555 0px 1px,
    #555555 1px 1px , #555555 -1px 1px,
    #555555 1px -1px, #555555 -1px -1px,
    #555555 0px 1px,  #555555 -0px 1px,
    #555555 0px -1px, #555555 -0px -1px,
    #555555 1px 0px,  #555555 -1px 0px,
    #555555 1px -0px, #555555 -1px -0px;
}

.CTA6:hover {
    transform: translateY(4px);
    border-bottom: none;
}

/***** CTA square_btn *****/
/* square_btn */
.square_btn{
    display: inline-block;
    padding: 0.5em 1em;
	text-align: center;
    text-decoration: none;
    background: #FD8F36;/*ボタン色*/
    color: #FFF;
    border-bottom: solid 4px #A74C05;
    border-radius: 3px;
}
.square_btn:active {/*ボタンを押したとき*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
    border-bottom: none;
}


/***** 上下線付き小見出し *****/
.minip {
color: #1C1C1C;/*文字色*/
padding: 0.5em 0;/*上下の余白*/
border-top: solid 3px #364e96;/*上線*/
border-bottom: solid 3px #364e96;/*下線*/
}

/***** デザイン囲み枠 *****/
.box111{
    padding: 0.5em 1em;
    color: #1C1C1C;
    background: white;
    border-top: solid 5px #5d627b;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.box111 p {
    margin: 0; 
    padding: 0;
}

.border-dot {
    margin :0 2em ;
    padding : 3px 2em ;
    line-height : 1.5 ;
    border : dashed 2px #ff9933; 
}

/***** TOP メインCTA *****/
/*-------------------
 
 CTA-type-mail-wrap
 
-------------------*/
.CTA-type-mail-wrap{
 text-decoration: none; 
 display: block; 
 max-width: 680px;
 padding: 1rem;
 margin-left: auto; 
 margin-right: auto; 
 background: #dc9610 url(/assets/images/common/icon-mail_hover.png) no-repeat right 10px center/4rem auto; border: 1px solid #dddddd; }

.CTA-type-none-wrap{
 text-decoration: none; 
 display: block; 
 max-width: 680px; 
 margin-left: auto; 
 margin-right: auto; 
 background: url(none) no-repeat right 10px center/4rem auto !important; border: 1px solid #dddddd; }
.CTA-type-none-wrap:hover { background: #0b2e4e url(none) no-repeat right 10px center/4rem auto !important; }

.CTA-type-mail-wrap .CTA-type-mail {
 font-weight:bold;
 letter-spacing: 0.1rem;
 display: block; 
 padding: 1rem 5rem 1rem 5rem;
 background: url(/assets/images/common/arrow-white_left.png) no-repeat left 1.5rem center/13px 13px; }
 
 .CTA-type-mail {
    display: inline-block;
    line-height: 1.6;
    word-break: keep-all;
}

@media screen and (max-width: 422px) {
    .CTA-type-mail {
        display: block;
    }
}

/*タブ付き見出し*/
.tab-h{
max-width:500px;
position: relative;
border-top: solid 2px #4F6C0F;
border-bottom: solid 2px #4F6C0F;
background: #F7F5E9;
line-height: 1.4;
padding: 0.4em 0.5em;
margin: 2em 0 0.5em;
font-size: 1.5em;
font-weight:bold;
}

.tab-h:after {/*タブ*/
position: absolute;
font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
content: '\✏\ 基礎控除額';
background: #4F6C0F;
color: #fff;
left: 0px;
bottom: 100%;
border-radius: 5px 5px 0 0;
padding: 5px 7px 3px;
font-size: 0.8em;
font-weight:bold;
line-height: 1;
letter-spacing: 0.05em;
  }


@media print, screen and (min-width: 768px) {
 .CTA-type-mail-wrap {
 text-decoration: none;
 -webkit-transition: all
 .3s ease-in-out;
 -o-transition: all
 .3s ease-in-out;
 transition: all 
 .3s ease-in-out; }
 .CTA-type-mail-wrap
 .CTA-type-mail {
 -webkit-transition: all 
 .3s ease-in-out; -o-transition: all
 .3s ease-in-out; transition: all
 .3s ease-in-out; }
 .CTA-type-mail-wrap:hover { background: #ffffff url(/assets/images/common/icon-mail.png) no-repeat right 10px center/4rem auto; }
 .CTA-type-mail-wrap:hover 
 .CTA-type-mail { color: #0b2e4e; background: url(/assets/images/common/arrow-blue_left.png) no-repeat left 1.5rem center/13px 13px; } }

/* ウィンドウ幅に合わせて画像を表示 */
p.resizeimage img { width: 100vw; }

/* 資料請求ページ用横幅解除 */
@charset "UTF-8";
#CWrap1{
max-width:900px;
margin-left:auto;
margin-right:auto;
font-size:1.2rem}

#CWrap1 #CWrap1{
width:100%;
}
#CWrap1 #ContactWrap{
position:relative;
margin:0 auto;
background-color:#ffffff;
}

/* 税理士インタビューページ */
.answer_item_image {
    width: 120px;
    height: 120px;
    border-radius: 100%;
	}

.answer_item_image2 {
  display: block;
  border-radius: 50%;
  overflow: hidden;
  width: 120px;
  height: 120px;    
}

.bg-answerQ {
    background-color: #fceeee;　
	}
.bg-answerQ2 {
    background-color: #EFFBF5;　
	}
.bg-answerQ3 {
    background-color: #FBF5EF;　
	}
.bg-answerQ4 {
    background-color: #fffce5;
}
.bg-answerA {
    background-color: #eaeffe;　
	}

.img80 {
	max-width: 80%;
}

 .Q {
    color: #FF6666;
	font-weight: bold;
}
 .A {
    color: #2e64fe;
	font-weight: bold;
}

 .Q2 {
    color: #04B431;
	font-weight: bold;
}
 .Q3 {
    color: #FF8000;
	font-weight: bold;
}
.Q4 {
    color: #a39913;
    font-weight: bold;
}

#talk dl dt {
    clear: both;
    float: left;
    margin: 20px 0 0 0;
}

#talk dl {
	width: 100%;
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

#talk dt {
    display: block;
	float:left;
	clear: left;

}


 #talk dd {
	width: 80%;
    display: block;
	float: left;
	padding: 20px;
}

dt.t001 {
    color: #000000;
	font-weight: bold;
}
 .takahashi {
    color: #5050A5;
	font-weight: bold;
}

 .kurihara {
    color: #ff6f52;
	font-weight: bold;
}

 .nakano {
    color: #31B404;
	font-weight: bold;
}

 .kikuchi {
    color: #ff6347;
	font-weight: bold;
}

.clear {
    clear: both;
}

.blue-line{
    background: linear-gradient(transparent 70%, #7ecef4 0%);
}

.yellow-line{
    background: linear-gradient(transparent 70%, #fff45c 0%);
}

.pink-line{
    background: linear-gradient(transparent 70%, #f19ec2 0%);
}

.w-line {
border-bottom: 3px double #0097A7;
}

.dot-line {
border-bottom: 2px dashed #ff0000;
}

/* 点線の枠線 */
.border-w {
    padding : 1em 1.5em ;
    line-height : 1.8 ;
    border : double 4px #0431B4 ; 
	display: inline-block;
}
 
 .border-s1 {
    padding : 1em 1.5em ;
    border : 2px solid #0B2E4E; 
	display: inline-block;
 }
 
 .bline{
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #0B2E4E;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px #367cbb;/*左線*/
}

/*シンプル角丸（影）枠 2*/
div.kakomi-maru {
 margin: 2em auto;
 padding: 1em;
 width: 90%;
 border: 2px solid #4B088A; /*線の太さ・色*/
 background-color: #fff; /*背景色*/
 box-shadow: -2px 5px 5px #e8d3c7; /*影*/
 border-radius: 20px; /*角の丸み*/
}

.fukidasih {
     text-align: center;
}
 
.fukidasih {
     position: relative;
     display: inline-block;
     padding-bottom:0.5em;
     border-bottom: 1px solid black;
}
      
.fukidasih ::before,
.fukidasih ::after {
     position: absolute;
     top: 100%;
     left:50%;
     transform:translateX(-50%);
     content: '';
     border: 10px solid transparent;
}
 
.fukidasih ::before {
     border-top: 10px solid black;
}
 
.fukidasih ::after {
     margin-top: -1px;
     border-top: 10px solid white;
}

/* インタビューCSS */
.profline {
	margin-top: 40px;
    padding-top: 30px;
    border-top: 1px solid #86F79B;
}

.title-border {
	display: flex;
	align-items: center;
	height:20px;
	padding:35px;
}
.title-border:before,
.title-border:after {
	border-top: 1px solid;
	content: "";
	flex-grow: 1;
}
.title-border:before {
	margin-right: 2rem;
}
.title-border:after {
	margin-left: 2rem;
}

hr {
	height: 1px;
	border: none;
	border-top: 1px #000000 solid;
	width:auto;
}

.hidden-650 {
    display: block;
}
.visible-650 {
    display: none;
}


/* CSSでレスポンシブ対応 */	
.pc {
	display:block;
	}
.sp {
	display:none;
	}
@media screen and (max-width: 768px) {
.pc {
	display:none;
	}
.sp {
	display:block;
}
}

#price{
    padding-top: 100px;
    margin-top: -100px;
}

#syoseki{
	/*
    padding-top: 100px;
    margin-top: -100px;
	*/
	margin-top: 0;
	padding-top: 0;
}

#zeimu{
    padding-top: 100px;
    margin-top: -100px;
}


/* 利用規約スクロール表示 */	
.renew midashi {
    width: 880px;
    margin: 20px auto 0;
    padding: 5px;
    font-size: 20px;
    font-weight: bold;
    color: #FFF;
    vertical-align: bottom;
    text-align: left;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    background: linear-gradient(to bottom, #0aa300 0%,#0a9600 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0aa300', endColorstr='#0a9600',GradientType=0 );
    border-bottom: 1px solid #CCC;
	}

.renew midashi i {
    margin-right: 6px;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
.agreement_box {
    margin: 0 auto 20px;
    text-align: left;
    width: 900px;
}

.agreement_box .agreement {
    border: 1px solid #ACADB2;
    height: 120px;
    overflow: auto;
    padding: 10px 20px;
}

.terms_use {
    border-bottom: 1px dashed #ccc;
    margin: 0 0 15px;
}

[class*=tit-gray-bottom] {
    position: relative;
    border-bottom: 2px solid #dfdfdf;
    margin-bottom: 2rem;
    /* padding-bottom: 1rem; */
}

.tel {
    cursor: default;
    pointer-events: none;
    
}

 
@media screen and (max-width: 768px) {
    .tel {
        pointer-events: auto;
    }
}

@media print, screen and (max-width: 768px) { .tel2{ font-size: 9vw; } }

.table1{
	margin-left: auto;
	margin-right: auto;
	}
.table1 th, .table1 td {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	border: 1px #A4A4A4 solid;
	padding: 2px 10px 2px 10px;
}

/*PCの場合*/
.table10 { 
width: 664px;
padding: 10px;
}

/*スマートフォンの場合*/
@media screen and (max-width: 768px) {
.table10 { 
width: 100%;
}
}

.img-right {
	margin-left: auto;
}

#area {
	margin-top:-100px;
	padding-top:100px;
}

#shinkoku {
   margin-top:-100px;
  padding-top:100px;
}

#seizen {
   margin-top:-100px;
  padding-top:100px;
}

#mendan {
   margin-top:-70px;
  padding-top:70px;
}
	
#download {
   margin-top:-70px;
  padding-top:70px;
}
/* 
#TVQ＆A {
   margin-top:-120px;
  padding-top:120px;
}
 */
#sec1{
   margin-top:-100px;
  padding-top:100px;
}
	
#sec2{
   margin-top:-100px;
  padding-top:100px;
}
	
#sec3{
   margin-top:-100px;
  padding-top:100px;
}

#sec4{
   margin-top:-100px;
  padding-top:100px;
}

#sec5{
   margin-top:-100px;
  padding-top:100px;
}
	
#sec6{
   margin-top:-100px;
  padding-top:100px;
}

@media only screen and (max-device-width: 480px) {
	.formdate div{ width: 250px; }
}

@media screen and (max-width:768px) {
    .brpc{ display: none !important; }
}


@media screen and (min-width: 768px){	
  .br-pc { display:block !important; }
  .br-sp { display:none !important; }
}
@media screen and (max-width: 767px){	
  .br-pc { display:none !important; }
  .br-sp { display:block !important; }
}

	/* インタビュー用タイトル付　枠（影）1　*/
/*recommen-entry*/
.recommend-entry {
    position: relative;
    border: 1px solid #666;
    padding: 15px;
}

.recommend_title {
    position: absolute;
    top: -20px;
    left: 20px;
    font-weight: bold;
    font-size: 120%;
    background: #fff;
    padding: 0 .5em;
}

.recommend_title:before {
    margin-right: 10px;
    font-family: "blogicon";
    content: "\f033";
    display: inline-block;   
}
	
#form-contents {
   margin-top:-100px;
  padding-top:100px;
}
	
 img .yamamori_thumbnail {
  border-radius: 20px;
  height: 40px;
  width: 40px;
}
	
/*吹き出し*/
.fukidashi.left p {
    border: 2px solid #B76BB4;
    border-radius: 3px;
    padding: 10px;
}
.fukidashi.left p:after,  
.fukidashi.left p:before {
    content: ' ';
    position:absolute;
    border-top: solid 10px transparent;
    border-bottom: solid 10px transparent;
    border-right: solid 15px #ffffff;
    top: 10px;
    left: -12px;
}
.fukidashi.left p:before {
    border-right-color: #B76BB4;
    left: -15px;
}
	
/*コメント枠*/	
.c-waku {
    padding: 20px;
    background: #fff;
    border: 4px #66cdaa solid;
    position: relative;
    z-index: 10;
}

.c-waku:before {
    content: "";
    position: absolute;
    background: #fff;
    margin: 3px;
    border: 2px #7accb0 solid;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    z-index: -10;
}

	
/*------------------------
	
PCとSPどっちを表示させる？
	
------------------------*/
	/*-- PC版表示CSS  --*/
.pc_area{ display:block; }
.phone_area{ display:none; }

/*-- スマホ版表示CSS  --*/
@media screen and (max-width: 768px){
  .pc_area{ display:none; }
  .phone_area{ display:block; }
}

.bg-cream { background-color: #ffffe0; }

.rosenka p { max-width: 598px; }

.point {
  color: #ff8c00;/*文字色*/
  border: solid 3px #ff7f50;/*線色*/
  padding: 0.5em;/*文字周りの余白*/
  border-radius: 0.5em;/*角丸*/
}

/*テーブルのセル色*/
th.green { background-color: #e0ffc1; }
td.green { background-color: #e0ffc1; }

th.blue { background-color: #c1e0ff; }
td.blue { background-color: #c1e0ff; }

th.yellow { background-color: #ffffc1; }
td.yellow { background-color: #ffffc1; }

/*------------------------
	
plan/global-inheritance
	
------------------------*/

.globalResponsibility div.ph-box_img img{ width: 250px; }
.global-inheritanceCase > div.caseTxt > p{
	padding-left: 1em;
	text-indent: -1em;
}

/*------------------------
	
encyclopedia/配下記事
	
------------------------*/
/* 共通 */
@media screen and (min-width: 768px){ 
	.smtNone{ display: inline; }
	.pcNone{ display: none; }
}
@media screen and (max-width: 767px){ 
	.smtNone{ display: none; }
	.pcNone{ display: inline; }
}
.in500{ display: none; }
@media screen and (max-width: 500px) { .in500{ display: inline; } }

/* 下部CTA見出し */
p.ctaHeading{ 
	background: #0a3c69;
	color: #ffffff;
	font-size: 130%;
	line-height: 1.4;
	margin: 0 auto 20px;
	padding: 10px;
	max-width: 800px;
}
@media screen and (max-width: 640px){
    div:not(#advancedadsCta01) > p.ctaHeading{ background: #ffffff; color: #0a3c69; }
    #advancedadsCta01 p.ctaHeading span{ display: none;}
}
@media screen and (max-width: 512px){ p.ctaHeading{ font-size: 150%; } }

/* 下部 相続税のプロによる相談事例 */
h2.proHeading{
	align-items: center;
	border: none;
	font-size: 130%;
	margin-bottom: 20px;
}
h2.proHeading:before,
h2.proHeading:after{
	content: "";
	background:#043057;
	flex-grow: 1;
	height: 3px;
	display: block;
}
h2.proHeading:before{ margin-right: 1em; }
h2.proHeading:after{ right: auto; bottom: auto; position: relative; margin-left: 1em; width: auto; }

@media screen and (max-width: 1000px){
	h2.proHeading:before{ margin-right: 0.5em; }
	h2.proHeading:after{ margin-left: 0.5em; }
}

@media screen and (max-width: 767px){ h2.proHeading{ line-height: 1.2; } }

ul.proAanswer_list{ font-size: 0; padding-left: 0; }
ul.proAanswer_list > li {
	display: inline-block;
	margin-right: 30px;
	vertical-align: top;
	width: calc( ( 100% - 60px ) / 3 );
}
ul.proAanswer_list > li:last-of-type{ margin-right: 0; }
@media screen and (min-width: 768px){ ul.proAanswer_list > li:nth-of-type(3n) }
@media screen and (max-width: 767px){
	ul.proAanswer_list > li { margin-right: 10px; margin-bottom: 10px; width: calc( ( 100% - 10px ) / 2 ); }
	ul.proAanswer_list > li:nth-of-type(2n){ margin-right: 0; }
	ul.proAanswer_list > li:nth-last-of-type(2),
	ul.proAanswer_list > li:last-of-type{ margin-bottom: 0; }
}

ul.proAanswer_list > li p { font-size: 1.6rem; }
@media screen and (max-width: 767px){ ul.proAanswer_list > li p { font-size: 1.8rem; } }

/*------------------------
	
paraLink.js
paraLink02.js
上記対象ページ専用css

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

#qa #shinkoku,
#qa02 #seizen,
#qa02 #mendan,
#qa02 #area,
#contact #mendan,
#contact #download,
#contact #area,
#howtochoose #specialized,
#howtochoose #internet,
#howtochoose #trap,
#howtochoose #merit,
#howtochoose #how3{
	margin-top:0px;
	padding-top:0px;
}

/*-------------------
 
記事ページ
河合さんプロフィール表示

-------------------*/
.inline767{ display: none; }
@media print, screen and (max-width: 767px) {
	.inline767{ display: inline; }
	.none767{ display: none; }
}

aside.single-prof{
	border: 1px solid #ddd;
	padding: 30px;
	margin: 4rem auto 0;
	max-width: 800px;
	width: 100%;
}

aside.single-prof .prof-img{
	float: left;
	width: 160px;
}
aside.single-prof .prof-img > .inner{
	margin: 0;
	padding: 0;
}
aside.single-prof .prof-img > .inner > img{ margin-bottom: 0; }

@media print, screen and (max-width: 767px) {
	aside.single-prof .prof-img{ float: none; margin: 0 auto 20px; }
}

aside.single-prof .prof-meta{ margin-left: 170px; }
aside.single-prof .prof-meta > h4{
	color: #145494;
	margin: 0 20px 0 0;
	padding-left: 0;
}
aside.single-prof .prof-meta > h4:before{ content: none; }
aside.single-prof .prof-meta > h4 > a{ display: block }
aside.single-prof .prof-meta > h4 > a span{ text-decoration: underline; }
aside.single-prof .prof-meta > h4:hover > a span{ text-decoration: none; }

@media print, screen and (max-width: 767px) {
	aside.single-prof .prof-meta{ margin-left: 0; }
	aside.single-prof .prof-meta > h4{ margin-right: 0; text-align: center; }
}

aside.single-prof .prof-meta .author {
	color: #ffffff;
	font-weight:bold;
	padding: 0.3em 0.5em;
	display: inline-block;
	line-height: 1.3em;
	background: #143d66;
	border-radius: 25px 25px 25px 25px;
	margin-bottom: 5px;
}

/* -----------------------------------------------------------------
21/06/09
#57 【com】スマホのときだけ中央寄せ
----------------------------------------------------------------- */
@media print, screen and (max-width: 767px){
	aside.single-prof .prof-meta .author{
		display: block;
		margin: 0 auto;
		max-width: 140px;
		width: 100%;
	}
}

/*-------------------
 
 福岡拠点料金表
 
-------------------*/

#rate-sheet{
	background: #0b2e4e;
	padding: 5rem 0;
}

/*-------------------
 
 fee-box
 
-------------------*/
#rate-sheet .fee-box-tit { padding: 2rem 0; background-color: #134674; }

#rate-sheet .fee-box-price { padding: 2rem 0; background-color: #eeeeee; border: 1px solid #134674; }

#rate-sheet .fee-box-number { padding: 2rem 0; background-color: #e5eff8; border: 1px solid #134674; }

#rate-sheet .fee-box-price2 { padding: 2rem 0; background-color: #fff; border: 1px solid #134674; }

#rate-sheet .fee-box-price3 { padding: 2rem 0; background-color: #fff; border: 1px solid #134674; }

#rate-sheet .fee-box-price4 { padding: 1rem; background-color: #fff; border: 1px solid #134674; }

@media print, screen and (min-width: 641px) {
	#rate-sheet .fee-box {
		width: 100%;
		display: table;
		border-collapse: collapse;
		background-color: #ffffff;
	}
	#rate-sheet .fee-box.bg-trans{ background-color: transparent; }
	#rate-sheet .fee-box-tit, 
	#rate-sheet .fee-box-price,
	#rate-sheet .fee-box-number,
	#rate-sheet .fee-box-price2,
	#rate-sheet .fee-box-price3,
	#rate-sheet .fee-box-price4 {
		display: table-cell;
		vertical-align: middle;
	}
	#rate-sheet .fee-box-tr { display: table-row; }
	#rate-sheet .fee-box-tr .fee-box-tit {
		border-top: 1px solid #134674;
		border-left: 1px solid #134674;
		border-bottom: 1px solid #fff;
		border-right: 1px solid #fff;
	}
}

@media print, screen and (max-width: 640px) { 
	#rate-sheet .smt-fee-box { width: 100%; display: table; border-collapse: collapse; }
	#rate-sheet .smt-fee-tc { display: table-cell;}
	#rate-sheet .fee-box-price3 { padding: 1.65rem 0; }
	#rate-sheet .smt-fee-tc .fee-box-tit { border-top: 1px solid #134674; border-left: 1px solid #134674; border-bottom: 1px solid #fff; border-right: 1px solid #fff; }
}

.link-rate-service{
	display: block;
	line-height: 0;
	margin: 0 auto 2rem auto;
	max-width: 540px;
	width: 98%;
}

.rate-service{
	font-size: 0;
	margin: 0 auto 1rem auto;
	max-width: 650px;
	width: 100%;
}
.rate-service > li{
	display: inline-block;
	font-size: 1.6rem;
	margin-left: 2.5rem;
	max-width: 300px;
}
.rate-service > li:first-of-type{ margin-left: 0; }
@media print, screen and (min-width: 768px) { .rate-service > li{ width: calc( ( 100% - 7.5rem ) / 4 - 0.1px ); } }
@media print, screen and (max-width: 767px) {
	.rate-service{ max-width: calc( 600px + 2.5rem ); }
	.rate-service > li{
		margin-top: 2.5rem;
		width: calc( ( 100% - 2.5rem ) / 2 - 0.1px );
	}
	.rate-service > li:first-of-type,
	.rate-service > li:nth-of-type(2){ margin-top: 0; }
	.rate-service > li:nth-of-type(2n+1){ margin-left: 0; }
}
@media print, screen and (max-width: 420px){
	.rate-service{ width: 100%; }
}
#rate-sheet .supplement{
	margin-right: auto;
	margin-left: auto;
	max-width: 600px;
	width: 100%;
}

.rate-service-btn{
	max-width: 500px;
	width: 100%;	
	
}
.rate-service-btn > a{
	background-color: #ffffff;
	border: 4px solid #ffffff;
	display: block;
	padding: 1.5rem;
	text-decoration: none;
}
.rate-service-btn > a:hover{
	background: #134674;
	color: #ffffff;
}

/* -----------------------------------------------------------------
21/01/12
No.253 youtubeのサムネをいい感じにしてほしい
----------------------------------------------------------------- */
.video-container {
    position: relative;
    overflow: hidden;
    margin: 0 auto 24px 0;
}
@media print, screen and (max-width: 767px){
	.video-container {
		padding-bottom: 56.25%;
		height: 0;
	}
	.video-container iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		max-width: 560px;
		max-height: 315px;
	}
}
/* --------------------------------------------------------------
21/06/15
#61 【com・相談所】記事詳細ページのCTA周辺テコ入れ
----------------------------------------------------------------- */

.cta02Area{
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}
.cta02Btn{
	color: #ffffff;
	padding: 0;
}

.cta02Btn p{ margin-bottom: 0; }

.cta02Btn img{ margin-bottom: 0; }

.cta02Area{ max-width: 700px; }

.cta02Btn{
	width: calc( ( 100% - 2rem ) / 2 - 0.1px );
}
.cta02Btn:first-of-type,
.cta02Btn:nth-of-type(odd){ margin-left: 0; }
	
@media print, screen and (min-width: 768px){
	.cta02Btn{ margin-left: 2rem; }
	.cta02Btn a:hover img{
		position : relative;
		top : 3pt;
		left : 3pt;
	}
}
@media print, screen and (max-width: 767px){
	.cta02Btn{ margin-left: 1rem; }
}
/* ----------------------------------
国際相続
---------------------------------- */
.tab-wrap {
    display: flex;
    flex-wrap: wrap;
    margin:20px 0;
  }
  .tab-wrap:after {
    content: '';
    width: 100%;
    height: 3px;
    background: #325A8C;
    display: block;
    order: -1;
  }
  .tab-label {
    color: White;
    background: LightGray;
    font-weight: bold;
    white-space: nowrap;
    text-align: center;
    padding: 10px .5em;
    order: -1;
    position: relative;
    z-index: 1;
    cursor: pointer;
    border-radius: 5px 5px 0 0;
    flex: 1;
  }
  .tab-label:not(:last-of-type) {
    margin-right: 5px;
  }
  .tab-content {
    width: 100%;
    height: 0;
    overflow: hidden;
    opacity: 0;
  }
  .tab-switch:checked+.tab-label {
    background: #325A8C;
  }
  .tab-switch:checked+.tab-label+.tab-content {
    height: auto;
    overflow: auto;
    padding: 15px;
    opacity: 1;
    transition: .5s opacity;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    text-align: center;
  }
  #tab01.tab-switch, #tab02.tab-switch {
    display: none;
  }

  .flowchart2-txt{
    background-color: rgb(249 243 232);
    padding: 2%;
  }

  .flowchart1-txt{
    background-color: rgb(255 241 241);
    margin-top: 2%;
    padding: 2%;
  }

.flowchartImg{
	margin: 3em auto;
	max-width: 760px;
	width: 98%;
}

  .paragraph {
    margin-left: 1em;
  }
 .hanging_indent {
    margin-left: 1.9em;
    text-indent: -1.9em;
 }
 
 /* 20230127 add style */
 
 .mitsumori_text01{
 	font-size: 2.0rem;
 	font-weight: bold;
 	text-align: center;
 }
 .mitsumori_text02{
 	font-size: 1.2rem;
 	font-weight: bold;
 	text-align: center;
 }
 .mitsumori_text03{
 	text-align: center;
 	font-size: 2.0rem;
 	font-weight: bold;
 }
 .mitsumori_text03 p{
 	display: inline-block;
 }
 .mitsumori_text03 p span{
 	font-size: 2.4rem;
 }
 
 .pricePlan{
 	border: 18px solid #623842;
 	background: url(/assets/images/banner/202302_border01.png) top 10px left 10px,url(/assets/images/banner/202302_border02.png) top 10px right 10px,url(/assets/images/banner/202302_border03.png) bottom 10px left 10px,url(/assets/images/banner/202302_border04.png) bottom 10px right 10px,#ffffff;
 	background-repeat: no-repeat;
 	padding: 30px 45px 22px;
 }
 .pricePlan_title{
 	text-align: center;
 	font-size: 3.8rem;
 	line-height: 1.2;
 	text-align: center;
 	font-weight: bold;
 	color: #623842;
 	background: url(/assets/images/banner/202302_border05.png) left 2px center,url(/assets/images/banner/202302_border06.png) right 2px center;
 	background-repeat: no-repeat;
 	padding: 0 98px;
 }
 _::-webkit-full-page-media, _:future, :root .pricePlan_title {
 	font-size: 3.6rem;
 }
 .pricePlan_inner{
 	margin-top: 5px;
 	text-align: center;
 }
 .pricePlan_textPc{
 	display: block;
 }
 .pricePlan_textPc img{
 	display: block;
 	margin: 0 auto;
 	max-width: 90%;
 }
 .pricePlan_text{
 	border-top: 4px solid #623842;
 	border-bottom: 4px solid #623842;
 	display: inline-block;
 	padding: 12px 0 8px;
 	
 	font-size: 2.8rem;
 	line-height: 1.2;
 	letter-spacing: 10px;
 	color: #623842;
 	font-weight: bold;
 	text-align: center;
 	margin: 0 auto;
 	position: relative;
 	display: none;
 }
 .pricePlan_text::after{
 	content: "";
 	display: inline-block;
 	width: 0;
 	height: 0;
 	border-top: 8px solid #623842;
 	border-left: 6px solid transparent;
 	border-right: 6px solid transparent;
 	position: absolute;
 	bottom: -11px;
 	left: calc(50% - 6px);
 }
 .pricePlan_text div{
 	display: inline-block;
 }
 
 .pricePlan_text p{
 	display: inline-block;
 	background-color: #fff45c;
 	border: 4px solid #ffffff;
 	letter-spacing: 0;
 	padding: 9px 13px 6px;
 	border-radius: 15px;
 }
 .pricePlan_text p span{
 	font-size: 5.1rem;
 	line-height: 1;
 }
 .pricePlan_list{
 	margin-top: 11px;
 	
 }
 .pricePlan_list>li{
 	display: table;
 	-webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 	margin: 0 auto;
 }
 .pricePlan_list>li>div{
 	display: table-cell;
 	vertical-align: top;
 	-webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 	text-align: justify;
 	font-size: 1.4rem;
 	color: #623842;
 	line-height: 2.3rem;
 }
 .pricePlan_text .sp_br{
 	display: none;
 }
 
 @media only screen and (max-width: 1024px) {
 	.pricePlan_title {
 		font-size: 3.4rem;
 	    padding: 0 98px;
 	}
 	.pricePlan_title span{
 		display: inline-block;
 	}
 }
 
 @media only screen and (max-width: 768px) {
 	.pricePlan {
 	    border: 10px solid #623842;
 	    background-size: 44px auto;
 	    padding: 30px 30px 22px;
 	}
 	.pricePlan_title {
 	    font-size: 2.6rem;
 		padding: 0 80px;
 		background-size: 76px auto;
 	}
 	_::-webkit-full-page-media, _:future, :root .pricePlan_title {
 		font-size: 2.4rem;
 	}
 }
 
 @media only screen and (max-width: 768px) {
 	
 	.pricePlan_title {
 	    font-size: 2.6rem;
 		padding: 0 70px;
 		background-size: 66px auto;
 	}
 	_::-webkit-full-page-media, _:future, :root .pricePlan_title {
 		font-size: 2.4rem;
 	}
 	.pricePlan_textPc{
 		display: none;
 	}
 	.pricePlan_inner {
 	    margin-top: 15px;
 	}
 	.pricePlan_text {
 		display: inline-block;
 	    font-size: 2.2rem;
 		letter-spacing: 5px;
 	}
 	.pricePlan_text p {
 	    border: none;
 	    padding: 7px 8px 3px;
 	    border-radius: 6px;
 		margin-right: 5px;
 	}
 	.pricePlan_text p span {
 	    font-size: 2.4rem;
 	}
 	.pricePlan_text .sp_br{
 		display: block;
 	}
 	.pricePlan_list {
 	    margin-top: 15px;
 	}
 	
 }
 
 @media only screen and (max-width: 480px) {
 	.pricePlan {
 	    border: 6px solid #623842;
 	    background-size: 30px auto;
 	    padding: 30px 20px 22px;
 	}
 	.pricePlan_title {
 	    font-size: 2.2rem;
 	    padding: 0 38px;
 	    background-size: 36px auto;
 	}
 	_::-webkit-full-page-media, _:future, :root .pricePlan_title {
 		font-size: 2.0rem;
 	}
 	.pricePlan_text {
 	    display: inline-block;
 	    font-size: 2.0rem;
 	    letter-spacing: 3px;
 		border-top: 3px solid #623842;
 		border-bottom: 3px solid #623842;
 	}
 	.pricePlan_text p span {
 	    font-size: 2.2rem;
 	}
 	.pricePlan_text::after {
 	    bottom: -9px;
 	}
 	
 }

 /* 目次用のスタイルここから */
 @media only screen and (min-width: 769px) {
    .toc {
        width: 60%;
    }
 }
 @media only screen and (max-width: 768px) {
    .toc {
        width: 90%;
    }
 }
.toc {
    display: table;
    margin: 0 0 10px;
    padding: 10px;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    border: 1px solid #134674;
    border-radius: 3px;
    background-color: #ffffff;
    font-size: 16px;
    line-height: 20px;
  }
  .toc .toc-title {
    margin: 0;
    padding: 0;
    text-align: center;
    font-weight: bold;
  }
  .toc .toc-toggle {
    font-weight: normal;
    font-size: 100%;
  }
  .toc ul {
    list-style: none;
  }
  .toc .toc-list {
    margin: 0;
    padding: 0;
  }
  .toc .toc-list .other-page a {
  color: gray;
  }
  ul.toc-list ul {
    padding-left: 3%;
    margin-top: 0.5%;
    margin-bottom: 0.5%;
  }
  .toc .toc-list li {
    line-height: 30px;
}

.post-content ul.toc-list li:before {
    content: none;
  }
  
  .contentstable-number {
    display: none;
  }

.toc a {
    text-decoration: none;
    text-shadow: none
}

.toc a:hover {
    text-decoration: underline
}
  
  /* 目次用のスタイルここまで */
  
    .btn--TEL,
 a.btn--TEL {
  color: #fff;
  background-color: #36a8bb;
  /*border-bottom: 5px solid #115965;*/
}
 /*a.btn--TELshadow {
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}*/
 .btn--TEL:hover,
 a.btn--TEL:hover {
  margin-top: 3px;
  color: #fff;
  background: #71aab3;
  border-bottom: 2px solid #115965;
}

 .fa-position-left {
  position: absolute;
  top: calc(50% - .5em);
  left: 2rem;
}
  
.mitsumoribtn,
a.mitsumoribtn,
button.mitsumoribtn {
  width:480px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1.6rem 6rem 1.6rem 5rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  border-radius: 0.5rem;
}
/* 画面幅が600px以下のときのスタイル */
@media (max-width: 600px) {
  .mitsumoribtn,
  a.mitsumoribtn,
  button.mitsumoribtn {
    width: 100%; /* 幅を全体に広げる */
    font-size: 1.7rem; /* フォントサイズを小さくする */
    padding: 1.6rem 6rem 1.6rem 5rem; /* パディングを小さくする */
  }
}
/* 画面幅が600px以上のときのスタイル */
@media (min-width: 600px) {
  .btn--TEL {
    pointer-events: none; /* マウスイベントを無効にする */
  }
}

a.btn-3d-flip {
  display: block;
  width: 480px;
  margin: 0 auto;
  -webkit-perspective: 600px;
  perspective: 600px;
}

a.btn-3d-flip:hover .btn-3d-flip-box {
  -webkit-transform: translateY(-50%) rotateX(90deg);
  transform: translateY(-50%) rotateX(90deg);
}

a.btn-3d-flip.btn-3d-flip2:hover .btn-3d-flip-box2 {
  -webkit-transform: translateX(-50%) rotateY(-90deg);
  transform: translateX(-50%) rotateY(-90deg);
}

.btn-3d-flip-box {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  margin: auto;
  margin-bottom:20px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.btn-3d-flip-box2 {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  margin: auto;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: rotateY(0);
  transform: rotateY(0);
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.btn-3d-flip-box-face {
  display: block;
  position: relative;
  width: 100%;
  padding: 1.6rem 6rem 1.6rem 5rem;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  color: #fff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: 0.5rem;
}

.btn-3d-flip-box-face--front {
  background: #dc9610;
}

.btn-3d-flip-box-face--back {
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-transform: translateY(-1px) rotateX(-90deg);
  transform: translateY(-1px) rotateX(-90deg);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  background: #b1790e;
}

.btn-3d-flip-box-face--front2 {
  color: #000;
  border: 2px solid #000;
  background: #fff;
}

.btn-3d-flip-box-face--back2 {
  position: absolute;
  top: 0;
  left: 100%;
  -webkit-transform: translateX(-1px) rotateY(90deg);
  transform: translateX(-1px) rotateY(90deg);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  color: #fff;
  border: 2px solid #000;
  background: #000;
}
.fa-position-left {
  position: absolute;
  top: calc(50% - 0.5em);
  left: 3rem;
}

.fa-position-right {
  position: absolute;
  top: calc(50% - 0.5em);
  right: 3rem;
}
.CTAbtn,
a.CTAbtn,
button.CTAbtn {
  width:480px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  border-radius: 0.5rem;
}
/* 画面幅が600px以下のときのスタイル */
@media (max-width: 600px) {
  .CTAbtn,
  a.CTAbtn,
  button.CTAbtn {
    width: 100%; /* 幅を全体に広げる */
    font-size: 1.7rem; /* フォントサイズを小さくする */
    border-radius: 0.5rem;
  }
}

/* ---------------------------------------------------
global-inheritance_en.html
メーラー導線
--------------------------------------------------- */
.mailer{
	background: #f7e5de;
	padding: 1.5em 1em;
}

.mailer > div{
	margin: 0 auto;
	width: 100%;
}

.mailer > div > div,
.mailer > div > ul{
	margin-top: 1.5rem;
	margin-right: auto;
	margin-left: auto;
	width: 100%
}

.mailer > div > div:first-of-type{
	margin-top: 0;
	max-width: 600px;
}

.mailer > div > div:first-of-type{ position: relative; }
.mailer > div > div:first-of-type:after{
	content: '';
	display: block;
	background: #134674;
	position: absolute;
	bottom: auto;
	left: 25%;
	width: 50%;
	height: 7px;
}

.mailer > div > div:nth-of-type(2){ max-width: 580px; }

.mailer > div > div:nth-of-type(2){
	margin-top: calc( 7px + 1.5rem );
	padding-left: 40px;
	position: relative;
}
.mailer > div > div:nth-of-type(2):before{
	content: '';
	display: block;
	background: url(/assets/images/common/icon-mail02.png) no-repeat top center/contain;
	position: absolute;
	top: 12px;
	left: 0px;
	width: 30px;
	height: 23px;
}

.mailer > div > div:nth-of-type(2) > p > a{
	word-break: break-all;
}

.mailer > div > div:nth-of-type(3){
	max-width: 800px;
}

.mailer > div > ul{
	list-style: disc;
	max-width: 530px;
}

@media print, screen and (max-width: 767px){
	.mailer > div > ul{ padding-left: 3rem; }
}

/* ------------------------------
国際相続フローチャート
------------------------------ */

.flowchartBtn{}

.flowchartBtn .flowchartBtnCmnt{
	font-weight: bold;
	text-align: center;
}

.flowchartBtn > .flowchartBtnCmnt > p:last-of-type{
	margin: 0 auto;
	padding: 0 2.5rem;
	position: relative;
	max-width: 220px;
	width: 100%;
}

.flowchartBtn > .flowchartBtnCmnt > p:last-of-type:before,
.flowchartBtn > .flowchartBtnCmnt > p:last-of-type:after{
	content: '';
	background: #000000;
	display: block;
	position: absolute;
	width: 1px;
	height: 100%;
	top: 0;
}

.flowchartBtn > .flowchartBtnCmnt > p:last-of-type:before{
	left: 8px;
	transform: rotate(-30deg);
}
.flowchartBtn > .flowchartBtnCmnt > p:last-of-type:after{
	right: 8px;
	transform: rotate(30deg);
}

.flowchartBtn > .flowchartBtnCmnt > p.Cmntline{ padding: 0 2.8rem; }
.flowchartBtn > .flowchartBtnCmnt > p.Cmntline:before{
	left: 13px;
}
.flowchartBtn > .flowchartBtnCmnt > p.Cmntline:after{
	right: 13px;
}


.flowchartBtn .btn01 > a{
	display: block;
	background-color: #dc9610;
	border-radius: 6px;
	box-shadow: 0px 10px #913b38;
	color: #fff;
	padding: 1em calc( 2em + 15px ) 1em 1em;
	position: relative;
	text-decoration: none;
	transition: color .3s, background .3s, box-shadow .3s, transform 0.3s;
}
.flowchartBtn .btn01 > a:hover{
	box-shadow: 0px 5px #913b38, 0px 8px 0 rgba(0,0,0,.2);
	transform: translateY(3px);
}
.flowchartBtn .btn01 > a:active{
	box-shadow: 0 0 #dc9610, 0 0 0 rgba(0,0,0,.2);
	transform: translateY(6px);
	transition-duration: .1s;
}
.flowchartBtn .btn01 > a:after{
	content: '';
	display: block;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 15px solid #ffffff;
	position: absolute;
	top: calc( 50% - 10px );
	right: 1em;
}

/* ------------------------------
料金表
------------------------------ */
.priceTable td{ line-height: 1.2; }


/*zeirishi_answer CTA*/
a.link__btn {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	position: relative;
	max-width: 520px;
	margin: auto;
	padding: 1rem 4rem;
	font-weight: bold;
	border-radius: 5px;
	color: #5d627b;
	border: 3px solid #5d627b;
	box-shadow: 5px 5px #5d627b;
	transition: 0.3s ease-in-out;
}
a.link__btn:hover {
	box-shadow: none;
	transform: translate(5px, 5px);
	color: #eb8807;
}

.time-box>p{
    margin-bottom: 5px;
}

.sns-box{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
}

.sns-box.mb2rem{
    margin-bottom: 2rem;
}

.sns-box>div{
    display: flex;
    align-items: center;
    margin: 3px 5px;
    min-width: 77px;
}

.responsive-br {
        display: none;
    }
@media (max-width: 525px) and (min-width: 387px) {
        .responsive-br {
            display: block;
        }
    }
	
/*------------------------

2024/07/17
CTA bannner style

------------------------*/
.cta-banner{
	
}
.cta-banner img{
	display: block;
	margin: 30px auto;
}
.cta-banner img.pcCta{
	width: 640px;
	max-width: 100%;
}
.cta-banner img.spCta{
	display: none;
	width: 300px;
	max-width: 100%;
}

@media only screen and (max-width: 480px) {
	.cta-banner img.pcCta{
		display: none;
	}
	.cta-banner img.spCta{
		display: block;
	}
}