/* CSS Document */
html, body { margin: 0; padding: 0; }

* { -webkit-box-sizing: border-box; box-sizing: border-box; }

p, div, table, tr, th, td, ol, ul, li, dl, dt, dd, em, h1, h2, h3, h4, h5, h6, form, input, select, textarea, small, strong header, fotoer, aside, nav, section, article, figure, figcaption { margin: 0; padding: 0; font-style: normal; font-size: inherit; }

input, select { vertical-align: middle; }

input, button, textarea, select { margin: 0; padding: 0; background: none; border: none; border-radius: 0; outline: none; }

object { outline: none; }

br { letter-spacing: 0; }

ul { list-style: none; }

img { vertical-align: top; border: none; }

a { overflow: hidden; outline: none; }
a.btn-type-dullBlue{text-decoration: none;}

a:hover { text-decoration: none; }

a:focus { outline: none; }

table { border-collapse: collapse; }

img { max-width: 100%; height: auto; vertical-align: bottom; }

img:not(.synalio-campaign-close){
	pointer-events: none;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-touch-callout:none;
	-moz-user-select:none;
	touch-callout:none;
	user-select:none;
}

a, span, small, strong { color: inherit; }

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

/***** 引用 *****/
blockquote {
position: relative;
margin: 2em 0;
padding: 3em 2.2em 1.5em;
font-size: .9em;
border: 3px solid #E3E3E3;
background-color: #FFF;
}
blockquote:before{
position: absolute;
top: -30px;
left: 20px;
content: '“';
font-size: 6em;
color: #E3E3E3;
font-family:"ＭＳ Ｐゴシック",sans-serif;
}


/***** index.php(2019/2/14追加) *****/
/***** 提携パートナーインタビュー *****/

div.Interview01 ul.flb01{
	-js-display: flex;
	display: flex;
	justify-content: center;
	width:100%;
}

div.Interview01 ul.flb01 > li{ width: 27.5%; }

div.Interview01 ul.flb01 > li:first-of-type,
div.Interview01 ul.flb01 > li:nth-of-type(2){ margin-right: 8.7%; }

@media screen and (max-width: 767px){
	
	div.Interview01 ul.flb01{
		flex-wrap: wrap;
		justify-content: flex-start;
		width: 100%;
	}
	
	div.Interview01 ul.flb01 > li {
		margin-right: 0;
		margin-left: 0;
		margin-bottom: 2rem;
		width: 49%;;
	}
	
	div.Interview01 ul.flb01 > li:first-of-type{ margin-right: 2%; }
	div.Interview01 ul.flb01 > li:nth-of-type(2){ margin-right: 0; }
}

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

	div.Interview01 ul.flb01 > li{ margin-bottom: 2rem; }
	
	div.Interview01 ul.flb01 > li:nth-of-type(2){
		margin-right: 0;
	}
}

@media screen and (max-width: 414px){
	div.Interview01 ul.flb01{ width: 100%; }
}

@media screen and (max-width: 350px){
	div.Interview01 ul.flb01{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column;
		margin-right: auto;
		margin-left: auto;
		max-width: 313px;
	}
	div.Interview01 ul.flb01 > li{
		margin-right: 0;
		width: 100%;
	}
	div.Interview01 ul.flb01 > li:first-of-type{
		margin-right: 0;
	}
}

/***** index.php(2019/2/14追加) *****/
/***** 提携パートナーインタビュー *****/

/*地域コンテンツ用CSS*/
#area-1st {
    position: relative;
    background: url(/https/chester-tax.com/assets/images/area/shinkoku_soudan2.png) no-repeat center center;
    -webkit-background-size: cover;
       background-size:contain;
    margin: 0 auto;
    padding: 0 0 60px;
    max-width:100%;
       width:560px;
       height: 319px;
    text-align:center;
}
#area-1st-in {
    position: relative;
    background-color: rgba(231,240,225,0.7);
    padding: 10px 10px;
    margin: 0 auto;
    max-width: 100%;
    font-size: 2.8rem;
    line-height: 1.7;
    text-align:center;
    font-weight: bold;
}

#area-2nd {
    position: relative;
    background: url(/https/chester-tax.com/assets/images/area/shinkoku_soudan2.png) no-repeat center center;
    -webkit-background-size: cover;
       background-size:contain;
    margin: 0 auto;
    padding: 0 0 60px;
    max-width:100%;
       width:560px;
       height: 319px;
    text-align:center;
}
#area-2nd-in {
    position: relative;
    background-color: rgba(231,240,225,0.7);
    padding: 10px 10px;
    margin: 0 auto;
    max-width: 100%;
    font-size: 2.8rem;
    line-height: 1.7;
    text-align:center;
    font-weight: bold;
}
/*PC表示用*/
@media only screen and (min-width: 768px){
#area-price {
    position: relative;
    background: url(/https/chester-tax.com/assets/images/area/price_inheritance2.png) no-repeat center center;
    -webkit-background-size: cover;
    background-size:contain;
    margin: 0 auto;
    padding: 35%;
    max-width:100%;
    text-align:center;
}
}
 /*SP表示用*/
@media only screen and (max-width: 767px){
#area-price {
    position: relative;
    background: url(/https/chester-tax.com/assets/images/area/price_inheritance2.png) no-repeat center center;
    -webkit-background-size: cover;
    background-size:contain;
    margin: 0 auto;
    padding: 50%;
    max-width:100%;
    text-align:center;
}
}

@media only screen and (max-width: 768px){
    #area-1st {
        overflow: scroll;
    }
    #area-1st-in {
        width: 100%;
    }  
}

svg {
  display: inline-block;
  /*width: 250px;*/
  height: auto;
  overflow: visible;
}
/* text {
  fill: #fff;
  stroke: #000;
  stroke-width: 1;
  stroke-linejoin: round;
} */

@media screen and (min-width: 856px){	
  .pcbr { display:block !important; }
  .tabbr { display:none !important; }
}
@media screen and (max-width: 856px){	
  .pcbr { display:none !important; }
  .tabbr { display:block !important; }
}

/***** mitsumori.html(190927追加) *****/
div.nodis{ display: none; }
div.bldis{ display: block; }


@media print, screen and (min-width: 768px){
	.ctaChester2 {
		max-width: 700px;
		width: 96%;
		box-shadow: 5px 5px 5px rgb(0 0 0 / 60%);
	}
}
@media print, screen and (max-width: 767px){
	.ctaChester2 {
		max-width: calc( 314px * 2 + 0.5rem );
		width: 100%;
		box-shadow: 5px 5px 5px rgb(0 0 0 / 60%);
	}
}

  /*スマホのときのみfooter固定ボタン*/
.fixed-footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: rgba(51,51,51,.9);
  padding: 8px;
  display: flex;
  justify-content: center; 
  align-items: center;
  z-index: 800;
}

.disAnimation{
	transition: .5s;
}
.hideAnimation{
	transform: translateY(110%);
}

.button-container {
  display: flex;
  justify-content: center; /* ボタンを中央に配置 */
  margin: 0 auto;
  max-width: 510px;
  width: 100%;
}
.button-container > .buttonTime { width: calc( ( 100% - 2% ) / 2 - 0.1px ); }/*2つ横並びボタン*/
.button-container > .buttonTime:last-of-type{ margin-left: 2%; }
.button-container > .buttonTime > p{
	background: rgba( 255,255,255,1 );
	border-radius: 5px;
	color: #000000;
	font-size: 0.7em;
	line-height: 1.2;
	margin: 0 auto;
	padding: 2px;
	text-align: center;
	position: relative;
	width: 86%;
}

.button-container > .buttonTime:last-of-type > p{
	/*padding-left: calc( 1.7em + 2px );
	text-indent: -1.7em;*/
}

.button-container > .buttonTime > p:after{
	content: '';
	position: absolute;
	border-top: 6px solid #ffffff;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	bottom: -6px;
	left: calc( 50% - 6px );
}

.button-container > .buttonTime button{
	margin-top: -3px;
	width: 100%;
}

/* 3ボタン用に修正 */
/* .button-container > button {
    width: calc( ( 100% - 3% ) / 3 - 0.1px );
} */

.time-limited-button {
    display: none; /* デフォルトでは非表示 */
   background-color: #dc9710;
   color:#fff;
}

.call-button {
  font-size: 1.65rem;
  font-weight: 700;
  text-align: center;
  padding: 5px 5px;
  border-radius: 3px;
  box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
  z-index: 999999;
  display: flex;
  align-items: center;
  margin-right: 2%; /* ボタン間のスペースを設定 */
  font-family: YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
  word-break: keep-all;
}

/* 最後のボタンのマージンを取り除きます */
.call-button:last-child { margin-right: 0; }

.icon {
  
}

.call-text {
  font-size: 0.5em;
  display: block;
}
.button-text {
  /* margin-right: 5px; */
  font-size: 88%;
}

.interview-button {
  background-color: #36a8bb;
  color: #fff;
  box-shadow: 3px 3px 5px rgba(0, 50, 60, 0.7); /* より濃い影を追加 */
}
.inquiry-button {
  background-color: #787878;
  color: #fff;
  box-shadow: 3px 3px 5px rgba(40, 40, 40, 0.7); /* より濃い影を追加 */
}

.button-container button p{
	position: relative;
	margin: 0 auto;
	padding: 5px 5px 5px 46px;
	/*width: 98%;*/
}

.button-container button.interview-button p{ max-width: 150px; }
.button-container button.inquiry-button p{ max-width: 142px; }

.button-container button p:before{
	content: '';
	display: block;
	background: url(/https/chester-tax.com/assets/images/common/freephone.png) left 0px top 0px no-repeat;
	background-size: contain;
	position: absolute;
	top: calc( 50% - 17.5px );
	left: 0;
	width: 41px;
	height: 35px;
}

.button-container button.time-limited-button p:before {
    background: url(/https/chester-tax.com/assets/images/common/sp_icon.png) left 0px top 0px no-repeat;
    background-size: contain;
    width: 32px;
	height: 35px;
}

.button-container button.time-limited-button p {
    padding-left: 43px; /* 46pxから3px縮める */
}

.time-limited-text {
    display: none; /* 初期状態で非表示にする */
    position: absolute;
    top: 5px; /* 位置はお好みに合わせて調整してください */
    right: 0; /* 右端のボタンの上部に配置 */
    font-weight: bold;
    color: red;
    z-index: 1000;
}



.interview-button:before{}
.inquiry-button:before{}

@media screen and (max-width: 319px) {
    .button-container button p, 
    .button-container button.time-limited-button p {
        width: 100%;
    }
	.button-container button.interview-button p{
		padding-left: 44px;
		max-width: 110px;
	}
	.button-container button.time-limited-button p{
		padding-left: 35px;
		max-width:90px;
	}
    .button-container button p:before {
        top: calc( 50% - 17.14px );
        width: 40px;
        height: 34.28px;
    }
	.button-container button.time-limited-button p:before{
		top: calc( 50% - 17.5px );
        width: 35px;
        height: 35px;
	}
}

@media screen and (max-width: 300px) {
    .button-container > button,
    .button-container > button.time-limited-button {
        line-height: 1.4;
    }
    .button-container > button > img, 
    .button-container > button.time-limited-button > img {
        width: calc( 100% - 3px - 62px );
    }
}


.footer-text {
  color: #ffffff; /* テキストを白に */
  text-align: center; /* テキストを中央寄せに */
  padding: 4px 0 0; /* テキストの上下に空間を追加 */
  font-size: 0.9em; /* フォントサイズを調整（必要に応じて） */
  font-family: YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
  word-break: keep-all;
}

.fixed-footer {
  /* 既存のCSSプロパティ... */
  flex-direction: column; /* 要素を垂直に並べる */
}


@media screen and (min-width: 768px) {
  .fixed-footer {
    display: none;
  }
}

html, body {
  margin: 0;
  padding: 0;
}

.img_border img {
  border: solid 1px gray;
  box-sizing: content-box;
  margin-bottom: 20px;
}