@charset "UTF-8";

.normal{ font-weight: normal;}
.lh12{ line-height: 1.2; }
h2#otoiawase{ font-size: 155%; }
@media print, screen and (max-width: 767px) { h2#otoiawase{ font-size: 180%; } }

/*-------------------
 
 formパーツリセット
 
-------------------*/
input, textarea { padding: .5rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 16px; }

select { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: .5rem 20px .5rem .5rem; background: url(/assets/images/common/icon-triangle_down.png) no-repeat right 0.5rem center; font-size: 16px; }

select::-ms-expand { display: none; }

input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; width: 1.8rem; height: 1.8rem; padding: 0; margin-right: .5rem; border-radius: 50%; position: relative; }

input[type="radio"]:checked:after { content: ''; line-height: 0; display: block; width: 0.8rem; height: 0.8rem; background-color: #000; position: absolute; left: 50%; top: 50%; margin-top: -0.4rem; margin-left: -0.4rem; border-radius: 50%; }

input[type="checkbox"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; width: 1.8rem; height: 1.8rem; padding: 0; margin-right: .5rem; position: relative; }

input[type="checkbox"]:checked { background: url(/assets/images/common/icon-checked.png) no-repeat center center/80% auto; }

/*-------------------
 
 #form-contents
 
-------------------*/
#form-contents { width: 100%; }

#form-contents .form-wrap { width: 100%; margin-bottom: 3rem; }

#form-contents .submit-btn { text-decoration: none; display: block; background-color: #DD4827; border: 3px solid #DD4827; color: #fff; }

#form-contents .empty{ background-color: #ffebeb; }

@media print, screen and (min-width: 768px) { #form-contents .submit-btn { -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; cursor: pointer; }
  #form-contents .submit-btn:hover { background-color: #fff; color: #DD4827; } }

#form-contents .submit-btn.inverted { background-color: #fff; color: #DD4827; }

@media print, screen and (min-width: 768px) { #form-contents .submit-btn.inverted:hover { background-color: #DD4827; color: #fff; } }

#form-contents label { display: block; }

#form-contents label.in_b { display: inline-block; }

#form-contents button { display: block; }

#form-contents input, #form-contents textarea, #form-contents select { border: 1px solid #8c8b8b; background-color: #fff;}

#form-contents .checkbox-item, #form-contents .radio-item { margin-right: .5rem; }

#form-contents .textarea-item, #form-contents .email-item { width: 100%; }

#form-contents .name-item { width: 3rem; display: inline-block; }

#form-contents th { text-align: left; background-color: #f8f7f1; }

#form-contents th.required:after {
	content: '必須';
	margin-left: 2rem;
	font-size: 1.4rem;
	color: #fff;
	padding: .4rem 1rem;
	background-color: #cc0000; 
	font-weight: bold;
}

#form-contents th.required:after {
	float: right;
	content: '必須';
	margin-left: 2rem;
	font-size: 1.4rem;
	color: #fff;
	padding: .4rem 1rem;
	background-color: #cc0000; 
	font-weight: bold;
}

#form-contents th.optional:after {
	float: right;
	content: '任意';
	margin-left: 2rem;
	font-size: 1.4rem;
	color: #fff;
	padding: .4rem 1rem;
	background-color: #4C4C4C; 
	font-weight: bold;
}

#form-contents td { background-color: #f6f4ee; }

@media print, screen and (min-width: 768px) { 
	#form-contents th, #form-contents td { vertical-align: middle; padding: 2rem; border: 1px solid #134674; }
	#form-contents .text-item { width: calc(50% - 5rem); margin-right: 2rem; }
}

@media print, screen and (max-width: 767px) { 
	#form-contents .form-wrap, #form-contents .form-wrap tbody, #form-contents .form-wrap tr, #form-contents .form-wrap th, #form-contents .form-wrap td { display: block; width: 100%; }
	#form-contents th, #form-contents td { padding: 1.5rem 1rem; }
	#form-contents .form-mitsumori2 th{ background-color: #7b7657; color: #ffffff; }	
	#form-contents .name-item { margin-bottom: 2rem; vertical-align: top; }
	#form-contents .text-item { width: calc(100% - 3rem); margin-bottom: 2rem; }
}

/* -----------------------------------------------
contact.php
フォームリンク枠線付ける
----------------------------------------------- */

.form-contents input:hover,
.form-contents textarea:hover,
.form-contents select:hover{
	border: 3px solid #ff8c16;
}

/* -----------------------------------------------
contact.php
相続税申告、生前対策、相続税還付
----------------------------------------------- */
.form-contents { width: 100%; }

.form-contents .form-wrap { width: 100%; margin-bottom: 3rem; }

.form-contents .submit-btn { text-decoration: none; display: block; background-color: #DD4827; border: 3px solid #DD4827; color: #fff; }

.form-contents .empty{ background-color: #ffebeb; }

@media print, screen and (min-width: 768px) { .form-contents .submit-btn { -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; cursor: pointer; }
  .form-contents .submit-btn:hover { background-color: #fff; color: #DD4827; } }

.form-contents .submit-btn.inverted { background-color: #fff; color: #DD4827; }

@media print, screen and (min-width: 768px) { .form-contents .submit-btn.inverted:hover { background-color: #DD4827; color: #fff; } }

.form-contents label { display: block; }

.form-contents label.in_b { display: inline-block; }

.form-contents button { display: block; }

.form-contents input, .form-contents textarea, .form-contents select { border: 3px solid #8c8b8b; background-color: #fff;}

.form-contents .checkbox-item, .form-contents .radio-item { margin-right: .5rem; }

.form-contents .textarea-item, .form-contents .email-item { width: 100%; }
.form-contents .email-item { max-width: 400px; }
.form-contents .email-item.tel-num { max-width: 300px; }

.form-contents .name-item { width: 3rem; display: inline-block; }

.form-contents th { text-align: left; background-color: #f8f7f1; }

.form-contents th.required:after {
	content: '必須';
	margin-left: 2rem;
	font-size: 1.4rem;
	color: #fff;
	padding: .4rem 1rem;
	background-color: #cc0000; 
	font-weight: bold;
}

.form-contents th.required:after {
	float: right;
	content: '必須';
	margin-left: 2rem;
	font-size: 1.4rem;
	color: #fff;
	padding: .4rem 1rem;
	background-color: #cc0000; 
	font-weight: bold;
}

.form-contents th.optional:after {
	float: right;
	content: '任意';
	margin-left: 2rem;
	font-size: 1.4rem;
	color: #fff;
	padding: .4rem 1rem;
	background-color: #4C4C4C; 
	font-weight: bold;
}

.form-contents td { background-color: #f6f4ee; }
.form-contents .text-item.pcZip,
.form-contents .text-item.spZip{ max-width: 150px;}

@media print, screen and (min-width: 768px) { 
	.form-contents th, .form-contents td { vertical-align: middle; padding: 2rem; border: 1px solid #134674; }
	.form-contents .text-item { width: calc(50% - 5rem); margin-right: 2rem; }
}

@media print, screen and (max-width: 767px) { 
	.form-contents .form-wrap, .form-contents .form-wrap tbody, .form-contents .form-wrap tr, .form-contents .form-wrap th, .form-contents .form-wrap td { display: block; width: 100%; }
	.form-contents th, .form-contents td { padding: 1.5rem 1rem; }
	.form-contents .form-mitsumori2 th{ background-color: #7b7657; color: #ffffff; }	
	.form-contents .name-item { margin-bottom: 2rem; vertical-align: top; }
	.form-contents .text-item { width: calc(100% - 3rem); margin-bottom: 2rem; }
}

.form-contents .form-mitsumori2 th, .form-contents .form-mitsumori2 td { border: 1px solid #cdcdcd; }

/* -----------------------------------------------
contact.php
事業承継対策、資料請求ボタン
----------------------------------------------- */

#jigyo_content .tab_content_description div,
#catalog_content .tab_content_description div{ 
	border-color: #dddddd;
	border-style: solid;
	border-width: 1px;
	pointer-events: none;
}

#jigyo_content .tab_content_description div > a,
#catalog_content .tab_content_description div > a{
	border-color: rgba(0,0,0,0);
	border-style: solid;
	border-width: 2px;
	background: url(/assets/images/common/arrow-white_left.png) no-repeat left 1.5rem center/13px 13px,#3c5871;
	color: #ffffff;
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding: 4.7rem 5rem;
	pointer-events: auto;
	text-align: center;
	text-decoration: none;
}

#jigyo_content .tab_content_description div:hover,
#catalog_content .tab_content_description div:hover,
#jigyo_content .tab_content_description div > a:hover,
#catalog_content .tab_content_description div > a:hover{
	border-color: #ff8c16;
}

#jigyo_content .tab_content_description div > a:hover,
#catalog_content .tab_content_description div > a:hover{
	background: url(/assets/images/common/arrow-blue_left.png) no-repeat left 1.5rem center/13px 13px,#ffffff;
	color: #000000;
}

/* -----------------------------------------------
contact.php
各拠点の?ホバー時に事務所詳細表示
----------------------------------------------- */
.office-info{ padding: 1em; }
.office-info >div{ display: flex; }