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

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

div.flex,
h2.flex{
	-js-display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

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; }
}

/***** 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;
}


/*--TOP qualva用 CSS  --*/
#footer .TOPqualva {
    position: fixed;
    bottom: 70px;
    right: 10px;
    width: 320px;
    z-index: 1;
}

/*--下層 qualva用 CSS  --*/
#foot-qualva .qualva {
    position: fixed;
    bottom: 0 !important;
    right: 5px;
	width: 320px;
	height: 94px;
	background-color:transparent; 
    box-shadow:0 4px 7px 0 rgba(0, 0, 0, 0);
	background-image:url("https://chester-tax.com/assets/images/banner/chat1-7.png");
}

#foot-qualva .qualva1 {
    position: fixed;
    top: 245px !important;
    right: 3px;
    width: 77px;
    height: 400px;
	background-color:transparent; 
    box-shadow:0 4px 7px 0 rgba(0, 0, 0, 0);
	background-image:url("https://chester-tax.com/assets/images/banner/chat1-10.png");
	z-index: 9999;
}

#foot-qualva .qualva2 {
    position: fixed;
    bottom: 0 !important;
    right: 5px;
	width: 320px;
	height: 50px;
	background-color:transparent; 
    box-shadow:0 4px 7px 0 rgba(0, 0, 0, 0);
	background-image:url("/assets/images/banner/s_chat5.png");
	z-index: 9999;
}

/***** 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;
}

/***** 引用 *****/
blockquote {
position: relative;
margin: 5em 0;
padding: 2.2em;
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;
}

/***** 上下線付き小見出し *****/
.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; 
 margin-left: auto; 
 margin-right: auto; 
 background: 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 {
 display: block; 
 padding: 1rem 5rem 1rem 5rem;
 background: url(/assets/images/common/arrow-white_left.png) no-repeat left 1.5rem center/13px 13px; }


/*タブ付き見出し*/
.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 {
    width: 120px;
    height: 120px;
    border-radius: 50%;
	}

.bg-answerQ {
    background-color: #fceeee;　
	}
.bg-answerQ2 {
    background-color: #EFFBF5;　
	}
.bg-answerQ3 {
    background-color: #FBF5EF;　
	}
.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;
}

#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;
	*/
	padding-top: 0;
    margin-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;
    }
}

.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: 768px){	
  .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{
	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 10px 0;
	padding-left: 0;
}
aside.single-prof .prof-meta > h4:before{ content: 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; }
}


/* ----------------------------------
記事ページ下部
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 );
    max-width: 330px;
}

.advanced-ads .ctaDiv > div.btnBannar02{ margin-left: 40px; }
@media print, screen and (max-width: 480px){
    .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;
}
@media print, screen and (max-width: 767px){
    .advanced-ads .ctaDiv01.w1000-wrap{ width: 100%; }
}

.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,
.advanced-ads .ctaDiv01 .btnBannar-btn{ font-size: 0; }
.advanced-ads .ctaDiv01 .btnBannar-head > div,
.advanced-ads .ctaDiv01 .btnBannar-btn > div{
    display: inline-block;
    font-size: 17px;
}
.advanced-ads .ctaDiv01 .btnBannar-head > div{ vertical-align: middle; }
.advanced-ads .ctaDiv01 .btnBannar-btn > div{ vertical-align: top; }

.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;
}
@media print, screen and (max-width: 767px){
    .advanced-ads .ctaDiv01 .btnBannar-btn .btnBannar-tel > p,
    .advanced-ads .ctaDiv01 .btnBannar-btn .btnBannar-web > p{ font-size: 15px; }
}
.advanced-ads .ctaDiv01 > div.btnBannar03 .btnBannar-btn .btnBannar-tel a{
    background: #2f3957;
    color: #ffffff;
}
.advanced-ads .ctaDiv01 > div.btnBannar04 .btnBannar-btn .btnBannar-tel a{
    background: #f1a609;
    color: #000000;
}

.advanced-ads .ctaDiv01 .btnBannar-btn a > .btnBannar-telNum{
    font-size: 120%;
    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{ width: calc( ( 100% - 20px ) / 2 ); }

.advanced-ads .ctaDiv01 .btnBannar-btn > div.btnBannar-tel{ margin-right: 20px; }
.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;
    padding-right: 40px;
    position: relative;
}
.advanced-ads .ctaDiv01 > div.btnBannar03 .btnBannar-btn .btnBannar-web a{
    background: #f1a609;
    -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 */
    color: #000000;
}
.advanced-ads .ctaDiv01 > div.btnBannar04 .btnBannar-btn .btnBannar-web a{
    background: #2f3957;
    -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 */
    color: #ffffff;
}
.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 #000000; }
.advanced-ads .ctaDiv01 > div.btnBannar04 .btnBannar-btn .btnBannar-web a:after{ border-left: 15px solid #ffffff; }

@media print, screen and (min-width: 768px){
    .advanced-ads .ctaDiv01 > div p{ line-height: 1.8; }
    .advanced-ads .ctaDiv01 > div .btnBannar-btn .btnBannar-web a > span{
        display: block;
        position: absolute;
        top: calc( 50% - 18px );
        left: calc( 50% - 68px );
    }   
}
@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-tel{ margin-right: 0; }
    .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 #809cf1; /* Firefox */
        -webkit-box-shadow: 4px 4px 0px #809cf1; /* Safari and Chrome */
        box-shadow: 4px 4px 0px #809cf1; /* Opera 10.5+, IE */
    }
    .advanced-ads .ctaDiv01 > div.btnBannar04 .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 */
    }
}