@charset "UTF-8";
/* inport from /support/css/procedure.css */
li.step1,
.v4-detailArrowBlockA02 li.step1::before{
	background: #d3ffea;
}
li.step2,
.v4-detailArrowBlockA02 li.step2::before{
	background: #b3ffda;
}
li.step3,
.v4-detailArrowBlockA02 li.step3::before{
	background: #8effc9;
}
li.step4,
.v4-detailArrowBlockA02 li.step4::before{
	background: #70ffbb;
}
li.step5,
.v4-detailArrowBlockA02 li.step5::before{
	background: #52ffac;
}



h2.h2Title01.formTitle01{
	margin-top: 30px;
	margin-bottom: 14px;
	padding-bottom: 8px;
	border-bottom: 3px solid #25c47c;
}

table.qaArea{
  border-collapse:collapse;
  width:90%;
  margin: 5px auto;
}

table tr th.qaHead{
	border: 1px solid black;
	background: #7d98d3;
	text-align: center;
	font:x-large;
}
/* r597054 20220724 add table見出し行B列の色変（薄青） */
table tr th.qaHead2{
	border: 1px solid black;
	background: #97e2ff;
	text-align: center;
	font:x-large;
}

table tr th.qaArea{
	border: 1px solid black;
	background: #84ce78;
	text-align: left;
	font-weight: bold;
}

table tr td.qaArea{
	border: 1px solid black;
}

table.PansionCode{
	border-collapse:collapse;
	width:90%;
	margin: 5px auto;
  }
   
  table caption.PansionCode{
	text-align: center;
	font:x-large;
}

table thead tr th.PansionCode{
	  border: 1px solid black;
	  background: #7d98d3;
	  text-align: center;
	  font:x-large;
	  padding-top: 5px;
	  padding-bottom: 5px;
  }
  
  table tr th.PansionCode{
	  border: 1px solid black;
	  background: #84ce78;
	  text-align: left;
	  font-weight: bold;
	  padding-top: 5px;
	  padding-bottom: 5px;
  }
  
  table tr td.PansionCode{
	  border: 1px solid black;
	  width: 40px;
	  text-align: center;
	  vertical-align:middle;
	  padding-top: 5px;
	  padding-bottom: 5px;
	}
  

/*  faq8011.html id="qk000_1" 取消二重線 */
.negative_double{
	position: relative;
  }
  
.negative_double::before{
	content: "";
	position: absolute;
	border-top: 3px double;
	width: 60px;
	top: 40%;
  }

/*  電話番号リンクのレスポンシブ対応（PC非活性化） */
@media (min-width: 751px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}

/*  lightbox sheet1 */
/*  faq8023.html for LHO801.png */
#lightbox_1 img {
	border: 3px solid #808080;
}
/*  lightbox sheet2 and after */
/*  faq8023.html after LHO801.png */
#lightbox_2 {
	display: none;
}
#lightbox_4 {
	display: none;
}
#lightbox_3 {
	display: none;
}

/* r597054 20220724 addition */
/* faq8011.html choice buttun */
body {
width: 100%;
}
.select_button {
display	   : inline-block;
border-radius: 10px;		  /* 角丸	   */
/*font-size	 : 18pt;		 文字サイズ */
text-align: left;	 /* 文字位置   */
cursor		: pointer;	 /* カーソル   */
padding	   : 12px 12px;   /* 余白	   */
background	: #ffffff;	 /* 背景色	 */
color		 : black;	 /* 文字色	 */
line-height   : 1em;		 /* 1行の高さ  */
transition	: .3s;		 /* なめらか変化 */
box-shadow	: 6px 6px 3px #666666;  /* 影の設定 */
border		: 2px solid #0ba26b;	/* 枠の指定 */
margin:5px;
}
.select_button:hover {
box-shadow	: none;		/* カーソル時の影消去 */
color		 : #ffffff;   /*   背景色	 */
background	: #0ba26b;   /*   文字色	 */
}
a.select_button {
color:black;
}
a.select_button:hover {
color:white;
}


/* icon formbutton */
.fkicon > span:after {
content: "";
background: url(/nenkin/ideco/procedure/images/fkicon.svg) 0 0 no-repeat;
/*width: 1.278em;
height: 1.334em;*/
width: 40px;
height: 30px;
background-size: 40px 100%;
}
.mkicon > span:after {
content: "";
background: url(/nenkin/ideco/procedure/images/mkicon.svg) 0 0 no-repeat;
/*width: 1.278em;
height: 1.334em;*/
width: 40px;
height: 30px;
background-size: 40px 100%;
}

.mkbutton {
display	   : inline-block;
border-radius : 5%;		  /* 角丸	   */
font-size	 : 12pt;		/* 文字サイズ */
text-align	: center;	  /* 文字位置   */
cursor		: pointer;	 /* カーソル   */
padding	   : 1px 12px;   /* 余白	   */
background	: #84ce78;;	 /* 背景色	 */
color		 : #ffffff;	 /* 文字色	 */
line-height   : 1em;		 /* 1行の高さ  */
transition	: .3s;		 /* なめらか変化 */
box-shadow	: 4px 4px 3px #666666;  /* 影の設定 */
border		: 2px solid #0ba26b;	/* 枠の指定 */
margin:5px;
font-weight: bold;
}
.mkbutton:hover {
box-shadow	: none;		/* カーソル時の影消去 */
color		 : #0ba26b;	 /* 背景色	 */
background	: #ffffff;	 /* 文字色	 */
}

/* 続きを読む　続きを閉じる faq8011.html #qk018_4 */
.cp_box_4 *, .cp_box_4 *:before, .cp_box_4 *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.cp_box_4 {
	position: relative;
}
.cp_box_4 label {
	position: absolute;
	z-index: 1;
	bottom: 0;
	width: 100%;
	height: 140px; /* グラデーションの高さ */
	cursor: pointer;
	text-align: center;
	/* 以下グラデーションは背景を自身のサイトに合わせて設定してください */
	background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 0.95) 90%);
}
.cp_box_4 input:checked + label {
	background: inherit; /* 開いた時にグラデーションを消す */
}
.cp_box_4 label:after {
	line-height: 2.5rem;
	position: absolute;
	z-index: 2;
	bottom: 20px;
	left: 50%;
	width: 16rem;
	font-family: FontAwesome;
	content: '\f13a'' 続きを読む';
	transform: translate(-50%, 0);
	letter-spacing: 0.05em;
	color: #0ba26b;
	border-radius: 5%;
	background-color: #ffffff;
	border: 2px solid #0ba26b;
}
.cp_box_4 input {
	display: none;
}
.cp_box_4 .cp_container_4 {
	overflow: hidden;
	height: 250px; /* 開く前に見えている部分の高さ */
	transition: all 0.5s;
}

/* display: none ; 閉じるボタンを消す場合解放
.cp_box_4 input:checked + label {

*/

.cp_box_4 input:checked + label:after {
	font-family: FontAwesome;
	content: '\f139'' 閉じる';
}
.cp_box_4 input:checked ~ .cp_container_4 {
	height: auto;
	padding-bottom: 80px; /* 閉じるボタンのbottomからの位置 */
	transition: all 0.5s;
}

/* 続きを読む　続きを閉じる faq8011.html #qk018_5 */
.cp_box_5 *, .cp_box_5 *:before, .cp_box_5 *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.cp_box_5 {
	width: auto;
	margin:auto;
}
.cp_box_5 label {
	font-weight: bold;
	position: relative;
	display: block;
	width: 80%;
	margin: auto;
	padding: 0.3em 1em;
	cursor: pointer;
	transition: all 0.3s;
	text-align: center;
	color: #0ba26b;
	border: 2px solid #0ba26b;
	border-radius: 3px;
}
.cp_box_5 label:hover {
	transition: all 0.3s;
	color: #ffffff;
	background: #0ba26b;
}
.cp_box_5 label::after {
	font-family: 'FontAwesome';
	content: ' \f067';
	color: #0ba26b;
}
.cp_box_5 label:hover::after {
	color: #ffffff;
}
.cp_box_5 input:checked ~ label::after {
	font-family: 'FontAwesome';
	content: ' \f068';
	color: #0ba26b;
}
.cp_box_5 input:checked ~ label:hover::after {
	color: #ffffff;
}
.cp_box_5 input {
	display: none;
}
.cp_box_5 .cp_container_5 {
	position: relative;
	z-index: 10;
	overflow: hidden;
	height: 0;
	margin-top: -1px;
	transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
	background: rgba(255, 255, 255, 0.5);
}
.cp_box_5 input:checked ~ div {
	transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
}
/* 続きを読むを押すと表示されるテキストの高さ */
.cp_box_5 input:checked ~ div.cp_container_5 {
	height: 800px;
}


/*------------------------------------
tab control for cctm
------------------------------------*/

.area {
	width: auto;
	margin: auto;
	flex-wrap: wrap;
	display: flex;
  }
   
  .tab_class {
	width: calc(100%/2);
	height: 70px;
	background-color:white;
	line-height: 50px;
	font-size: 18px;
	
	text-align: center;
	display: block;
	float: left;
	order: -1;
	box-sizing: border-box;
	border-bottom: solid 1px #0ca26c;
	padding: 16px 10px 22px 10px;
  }
   
@media screen and (max-width:479px){
	.tab_class{
		line-height: 1;
		}
	}

  input[name="tab_name"] {
	display: none;
  }
  
  input[name="tab_name1"] {
	display: none;
  }
   
  input:checked + .tab_class {
	background-color: white;
	color:#0ca26c;
	border-left: solid 1px #0ca26c;
	border-right: solid 1px #0ca26c;
	border-top: solid 1px #0ca26c;
	border-bottom: solid 1px white;
	font-weight: bold;
  }
   
  .content_class {
	display: none;  /*非表示*/
	width: 100%;
	padding: 30px;
  }
   
  input:checked + .tab_class + .content_class {
	display: block; /*表示*/
  }
  
/*------------------------------------
table design for procedure.css
------------------------------------*/

td.tableSeq{
	text-align: right;
	}
	
/*----------------------------------
 result
----------------------------------*/
.result th {
	line-height: 120%;
}
.result td {
	line-height: 130%;
	vertical-align: middle;
	text-align: left;
}
.result td p a span mark {
	color: #c00;
	font-style: normal;
	background: none;
}
.result .olk1,
.result .olk2,
.result .olk3 {
	margin-bottom: 20px;
	display: none;
}
.result .clk {
	color: #063;
	font-weight: bold;
	display: inline-block;
}
.result .clk:hover {
	color: #ed6d34;
	cursor: pointer;
}
.glyphAttention01 > span::before {
	top: 0.2em!important;
}
.attentionBlock01 > .blockInner {
	padding: 14px 20px 4px!important;
	text-align: center;
}


/*------------------------------------
result table sp scroll bar margin adjust
--------------------------------------
result table は PC display だと全幅表示されるが
sp画面だと ideco_rwd.css でscroll bar が表示される。
このscroll barがresult table のmarginのため
tableより離れて、続くtab に近接・接触するので
tableのmargin-bottomを減らす。20230421
------------------------------------*/
@media screen and (max-width: 767px){
	.contentsSpScrollA01 {
		margin-bottom:20px;
	}

	table[class^="table"] {
		margin-bottom: 10px;	/*parts.css :1190 margin-bottom: 32px; を取り消す*/
	}
}

/*------------------------------------
「通知書」イメージ枠線 npfainfo01,faq8084,faq8114,faq8096,faq8102,faq8273,
----------------------------------- */
.figFrame01 img {
    border: 3px solid #808080;
}

/*------------------------------------
infomation mark for message box import from faq8023.css
------------------------------------*/
.infomark::before{
	content: "i";
	font-size: 95%;
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
	width: 1.5em;
	height: 1.5em;
	text-align: center;
	line-height: 1.5;
	border-radius: 50%;
	border:solid 2px red;
	background:white;
	color: red;
	font-weight: bold;
	font-family: sans-serif !important;
}


/*----------------------------------
 arrow import from faq8004.css = procedure.css
----------------------------------*/
.arrow {
	height: 60px;
	margin-bottom: 10px;
	position: relative;
}
.arrow p {
	width: 180px;
	height: 25px;
	margin: 0 auto;
	padding-top: 5px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	background: #01894d;
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.arrow span {
	width: 0;
	height: 0;
	margin: 0 auto;
	border-left: 130px solid transparent;
	border-right: 130px solid transparent;
	border-top: 30px solid #01894d;
	display: block;
	position: relative;
	bottom: -22px;
}

//2025-08-22 forfaq8187
.commentbox a span{
    margin: 0 10px 10px 10px;
    padding: 5px 10px;
    display: inline;
}