body {
	font-family: 'Noto Sans JP', sans-serif;
  /* 100,300,400,500,700,900 */
	line-height: 2.2;
	font-size: 16px;
	letter-spacing: 2px;
	background: #f2f2f2;
	color: #333;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
li {
	list-style-type: none;
}
a {
	text-decoration: none;
	color: #333;
}
img {
	border:0 none;
}
#page_wrap {
	width: 100%;
	height: auto;
}
section {
	margin: 0 auto 80px;
	max-width: 1200px;
}
/* =========================
ヘッダー▼▼▼▼▼▼▼▼▼▼
========================= */

header {
	width: 100%;
	height: auto;
}
.header_wrap {
	width: auto;
	height: 80px;
	padding: 0 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.header_wrap img {
	height: 50px;
	width: auto;
}
.about_link a {
	transition: 0.5s;
}
.about_link a:hover {
	color: #f2f2f2;
	text-shadow: 2px 2px 1px #333,
             -2px 2px 1px #333,
             2px -2px 1px #333,
             -2px -2px 1px #333;
}

/* =========================
ヘッダー▲▲▲▲▲▲▲▲▲▲
========================= */

/* =========================
ヘッダー2▼▼▼▼▼▼▼▼▼▼
========================= */
.header2_nav {
	width: 100%;
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
}
.header2_nav ul {
	max-width: 1200px;
	margin: 0 auto;
	padding: 15px 0;
	display: flex;
	justify-content: space-around;
}
.header2_nav li {
	position: relative;
	cursor: pointer;
	transition: 1s;
}
.header2_nav a {
	font-size: 1.25em;
	font-weight: 500;
}
.header2_en {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%)translateY(-50%);
	width: 0px;
	height: 0px;
	transition: 0.5s;
	border-radius: 50%;
	z-index: -1;
}
.header2_nav li:hover > .header2_en {
	display: block;
	width: 80px;
	height: 80px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%)translateY(-50%);
	border: solid 1px #999;
	border-radius: 50%;
}
/* =========================
ヘッダー2▲▲▲▲▲▲▲▲▲▲
========================= */
/* =========================
ヘッダー3▼▼▼▼▼▼▼▼▼▼
========================= */
.header3_nav {
	display: none;
}
/* =========================
ヘッダー3▲▲▲▲▲▲▲▲▲▲
========================= */

/* =========================
フッター▼▼▼▼▼▼▼▼▼▼
========================= */
footer {
	background: #333;
}
.footer_nav_wrap ul {
	max-width: 1200px;
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin: 0 auto;
}
.footer_nav_wrap ul li {
	width: 25%;
	padding: 20px 0;
	text-align: center;
	border-left: solid 1px #f2f2f2;
	border-right: solid 1px #f2f2f2;
}
.footer_nav_wrap ul li:first-child {
	border-left: solid 0px #f2f2f2;
}
.footer_nav_wrap ul li:last-child {
	border-right: solid 0px #f2f2f2;
}
.footer_nav_wrap ul:hover li:not(:hover) {
	opacity: 0.3;
}
.footer_nav_wrap a {
	color: #fff;
	font-size: 1.25em;
}
p.copyright {
	text-align: center;
	font-size: 0.87em;
	color: #fff;
	margin-top: 20px;
}
/* =========================
フッター▲▲▲▲▲▲▲▲▲▲
========================= */

.toppage_img {
	background: url('../img/akiya.jpg') center / cover no-repeat;
	opacity: 0.5;
	width: 100%;
	height: 160px;
}
/* =========================
ナビ▼▼▼▼▼▼▼▼▼▼
========================= */
section {
	margin-top: 20px;
}
.content_nav_wrap ul {
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.content_nav_wrap li {
	width: 250px;
	height: 500px;
	background: #f2f2f2;
	border: solid 1.5px #b3b3b3;
	padding: 15px;
	transition: 0.3s;
}
.content_nav_wrap li:hover {
	box-shadow: 0px 5px 20px 0px rgba(100,100,100,0.5);
}
.content_nav_wrap img {
	width: 140px;
	height: 140px;
	display: block;
	margin: 0 auto;
}
.content_nav_wrap h2 {
	font-size: 1.56em;
	margin-top: 20px;
	text-align: center;
}
.content_nav_wrap h4 {
	margin-top: 50px;
	font-size: 1.06em;
	line-height: 1;
	letter-spacing: -1px;
}
.content_nav_wrap p {
	font-size: 1em;
	line-height: 1.5;
	margin-top: 15px;
}
.li_contact_nav h3 {
	margin-top: 20px;
}
.li_contact_nav h2 {
	text-align: left;
	margin: 0;
	line-height: 1;
}
.li_contact_nav a {
	font-size: 1.3em;
	line-height: 1;
}
.li_contact_nav p {
	font-size: 0.875em;
}
.nav_mail_link {
	text-align: center;
	width: 100%;
	padding: 10px 0;
	background: #333;
	font-size: 1.25em;
	color: #fff;
	font-weight: 700;
	line-height: 1.5;
	transition: 0.5s;
}
.nav_mail_link:hover {
	background: #c1272d;
}
/* =========================
ナビ▲▲▲▲▲▲▲▲▲▲
========================= */

/* =========================
空き家・相続相談センターとは▼▼▼▼▼▼▼▼▼▼
========================= */
.toppage_about_title {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.toppage_about_title p {
	font-size: 1.56em;
	line-height: 1.2;
}
.toppage_about_title h2 {
	font-size: 1.87em;
	line-height: 1;
}
.toppage_about_title_border {
	background: #808080;
	height: 1px;
	flex-grow: 1;
	margin-left: 30px;
}
.toppage_about_content {
	padding: 0 50px;
	height: auto;
	position: relative;
	margin-top: 30px;
}
.toppage_about_content p {
	position: absolute;
	width: 65%;
	top: 50%;
	transform: translateY(-50%);
}
.toppage_about_content_img {
	text-align: right;
}
.toppage_about_content_img img {
	width: 500px;
	height: 200px;
	object-fit: cover;
}
/* =========================
空き家・相続相談センターとは▲▲▲▲▲▲▲▲▲▲
========================= */

/* =========================
新着情報▼▼▼▼▼▼▼▼▼▼
========================= */
.news_title {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.news_title h2 {
	font-size: 1.87em;
}
.news_content {
	padding: 0 50px;
	margin-top: 30px;
}
.news_content ul {
	display: flex;
	justify-content: space-between;
}
.news_content li {
	width: 300px;
	position: relative;
	cursor: pointer;
}
.new_wrapborder {
	position: absolute;
	transition: 0.5s;
	width: 320px;
	height: 347px;
	top: 50%;
	left: 50%;
	transform: translateX(-50%)translateY(-50%);
	opacity: 0;
}
.news_content li:hover > .new_wrapborder {
	position: absolute;
	width: 320px;
	height: 347px;
	top: 50%;
	left: 50%;
	transform: translateX(-50%)translateY(-50%);
	border: solid 1px #999;
	opacity: 1;
}
.news_content img {
	width: 100%;
	height: 200px;
	object-fit: cover;
}
.news_content h3 {
	font-size: 1.25em;
	font-weight: 500;
	line-height: 1.5;
	height: 60px;
	overflow: hidden;
}
.news_content p {
	text-align: right;
	margin-top: 20px;
	border-top: solid 1px #999;
}
/* =========================
新着情報▲▲▲▲▲▲▲▲▲▲
========================= */

/* =========================
よくある相談▼▼▼▼▼▼▼▼▼▼
========================= */
.consultation_title {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.consultation_title h2 {
	font-size: 1.87em;
}
.consultation_wrap {
	display: flex;
	align-items: center;
	padding: 0 50px;
}
/*ボックス全体*/
table.accbox {
	margin: 2em 0;
	padding: 0;
	flex-grow: 1;
	border-collapse: collapse;
}
/*ラベル*/
table.accbox td {
	border: solid 1px #333;
}
.accbox label {
	display: block;
	padding: 15px 15px;
	font-weight: 500;
	cursor :pointer;
	transition: all 0.5s;
}
/*ラベルホバー時*/
.accbox label:hover {
	background :#f8f8f8;
}
/*チェックは隠す*/
.accbox input {
	display: none;
}
/*中身を非表示にしておく*/
.accbox .accshow {
	height: 0;
	padding: 0;
	overflow: hidden;
	opacity: 0;
	transition: 0.8s;
}
/*クリックで中身表示*/
.cssacc:checked + .accshow {
	height: auto;
	padding: 5px;
	background: #eaeaea;
	opacity: 1;
}
.consultation_more h3 {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	padding: 20px 15px;
	border-top: solid 1px #333;
	border-right: solid 1px #333;
	border-bottom: solid 1px #333;
	align-self: stretch;
}
/* =========================
よくある相談▲▲▲▲▲▲▲▲▲▲
========================= */

/* =========================
お気軽にご相談ください▼▼▼▼▼▼▼▼▼▼
========================= */
.contact_content_area {
	background: url('../img/stripe.jpg') center / cover no-repeat;
	width: 100%;
	padding: 60px 0;
	text-align: center;
}
.contact_content_message {
	line-height: 1.5;
}
.contact_content_message h3 {
	font-size: 1.56em;
	color: #006837;
	font-weight: 500;
	letter-spacing: -1px;
}
.contact_content_message h2 {
	font-size: 2.81em;
	color:
}
.contact_link_wrap {
	display: flex;
	justify-content: space-around;
	margin-top: 30px;
}
.contact_content p {
	font-size: 1.12;
	letter-spacing: -1px;
}
.contact_content h2 {
	font-size: 3.43em;
	line-height: 1.2;
	color: #C1272D;
}
.contact_content h3 {
	font-size: 1.56em;
}
h3.contact_form_link {
	color: #fff;
	background: #C1272D;
	padding: 15px 30px;
	border-radius: 20px;
	transition: 0.5s;
}
.contact_link_wrap .contact_content:last-child > a:hover > h3.contact_form_link {
	background: #333;
}
/* =========================
お気軽にご相談ください▲▲▲▲▲▲▲▲▲▲
========================= */


/* /////////////////////////////////////////////////////
管理の相談ページ
///////////////////////////////////////////////////// */

.page_title {
	background: #fff;
	margin-top: 60px;
}
.page_title_wrap {
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}
.page_title_wrap h1 {
	font-size: 2.18em;
	padding: 15px 0;
}
.page_title_wrap img {
	position: absolute;
	top: 40%;
	right: 0;
	width: 140px;
	height: 140px;
	transform: translateY(-50%);
}

/* =========================
こんなお悩みございませんか？▼▼▼▼▼▼▼▼▼▼
========================= */
.kanri_content01 {
	padding: 0 50px;
}
h3.kanri_content01_title {
	font-size: 1.56em;
	font-weight: 500;
}
h3.kanri_content01_title span {
	color: #C1272D;
}
h3.kanri_content01_title_color {
	color: #006837;
}
.kanri_content01_list_wrap {
	background: #fff;
}
.kanri_content01_list_wrap dl {
	padding: 40px;
}
.kanri_content01_list_wrap dt {
	font-size: 1.87em;
	font-weight: 500;
}
.kanri_content01_list_wrap dd {
	margin-left: 35px;
}
/* =========================
こんなお悩みございませんか？▲▲▲▲▲▲▲▲▲▲
========================= */

/* =========================
何から手をつけて良いか”わからない”方へ▼▼▼▼▼▼▼▼▼▼
========================= */
.kanri_content02 h2 {
	font-size: 2.18em;
	margin-bottom: 30px;
	font-weight: 500;
}
.kanri_content02_textarea {
	width: 100%;
}
.kanri_content02_textarea {
	background: url('../img/haikei_color.png') center / cover no-repeat;
	padding: 60px 0;
}
.kanri_content02_textarea p {
	width: 83.3%;
	margin: 0 auto;
}
/* =========================
何から手をつけて良いか”わからない”方へ▲▲▲▲▲▲▲▲▲▲
========================= */

/* /////////////////////////////////////////////////////
相続の相談ページ
///////////////////////////////////////////////////// */
/* =========================
空き家の相続について▼▼▼▼▼▼▼▼▼▼
========================= */
.sozoku_first_text {
	width: 83.3%;
	margin: 50px auto 0;
}
.sozoku_first_text p {
	font-weight: 500;
	margin-bottom: 20px;
}
/* =========================
空き家の相続について▲▲▲▲▲▲▲▲▲▲
========================= */
/* =========================
相続の流れ▼▼▼▼▼▼▼▼▼▼
========================= */
.sozoku_flow_title {
	display: flex;
	align-items: center;
}
.sozoku_flow_text01 {
	width: 83.3%;
	margin: 30px auto 0;
}
.sozoku_flow_text01 p {
	font-weight: 500;
}
p.note {
	font-size: 12px;
	font-weight: 300;
}
.sozoku_before , .sozoku_start {
	width: 83.3%;
	margin: 50px auto 0;
}
.sozoku_before_title_area , .sozoku_start_title_area {
	display: flex;
	align-items: center;
}
.sozoku_before_title , .sozoku_start_title {
	width: 150px;
	height: 150px;
	border: solid 1px #999;
	border-radius: 50%;
	position: relative;
}
.sozoku_before_title h4 , .sozoku_start_title h4 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%)translateY(-50%);
	color: #C1272D;
	font-size: 1.25em;
	display: inline-table;
}
h4.sozoku_before_title_els , h4.sozoku_start_title_els {
	margin-left: 30px;
	font-size: 1.25em;
	border-bottom: solid 1.5px #999;
	line-height: 1.2;
}
.sozoku_before_content {
	display: flex;
	justify-content: space-between;
	margin-left: 180px;
}
.sozoku_before_box {
	padding: 15px;
	width: 370px;
	background: #fff;
	border: solid 1px #333;
}
.sozoku_before_box h4 {
	font-size: 1.06em;
}
.parent_before h4 span {
	color: #3FA9F5;
}
.child_before h4 span {
	color: #7AC943;
}
.sozoku_before_box p {
	line-height: 1.6;
	font-size: 0.93em;
	margin-top: 15px;
}
ul.start_list01 , ul.start_list02 {
	margin-left: 180px;
}
ul.start_list01 li {
	list-style-type: decimal;
}
ul.start_list01_inside {
	margin-left: 1em;
}
ul.start_list01_inside p {
	font-size: 0.875em;
}
ul.start_list01_inside li {
	list-style-type: none;
  list-style-position: inside;
  counter-increment: cnt;
	display: flex;
	align-items: center;
}
ul.start_list01_inside li::before {
	display: marker;
  content: "(" counter(cnt) ") ";
}
ul.start_list01_inside li h5 {
	font-size: 1em;
	margin-left: 5px;
}
.sozoku_months {
	display: flex;
	align-items: center;
}
.sozoku_months h4 {
	font-size: 1.25em;
	color: #C1272D;
}
.sozoku_border {
	border-top: dashed 1px #333;
	flex-grow: 1;
	margin-left: 30px;
}
ul.start_list02 li {
	list-style-type: decimal;
}
ul.start_list02 li p {
	font-size: 0.875em;
}
/* =========================
相続の流れ▲▲▲▲▲▲▲▲▲▲
========================= */

/* =========================
相続した実家、空き家や空き地の管理責任とは？▼▼▼▼▼▼▼▼▼▼
========================= */
.sozoku_responsibility_title {
	display: flex;
	align-items: center;
}
.sozoku_responsibility_text_area {
	margin: 70px auto 0;
	display: flex;
	align-items: flex-start;
	width: 83.3%;
}
.sozoku_responsibility_text_area p {
	font-weight: 500;
	margin-right: 60px;
	font-weight: 600;
}
.sozoku_responsibility_text_area img {
	width: 10%;
	height: auto;
	margin-right: 40px;
}
.sozoku_responsibility_text_area02 {
	width: 83.3%;
	margin: 70px auto 0;
}
.sozoku_responsibility_text_area02 p {
	font-size: 0.87em;
	margin-left: 50px;
}
/* =========================
相続した実家、空き家や空き地の管理責任とは？▲▲▲▲▲▲▲▲▲▲
========================= */

/* =========================
相続した空き家管理を当センターに委託される場合▼▼▼▼▼▼▼▼▼▼
========================= */
.entrust {
	position: relative;
}
.entrust_title {
	width: 83.3%;
	padding: 5px 0;
	background: #fff;
	border: solid 1px #333;
	text-align: center;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%)translateY(-50%);
}
.entrust p {
	padding: 60px 50px;
	border: solid 1px #333;
	font-weight: 600;
}
/* =========================
相続した空き家管理を当センターに委託される場合▲▲▲▲▲▲▲▲▲▲
========================= */

/* /////////////////////////////////////////////////////
活用の相談ページ
///////////////////////////////////////////////////// */
/* =========================
活用でお悩みございませんか？▼▼▼▼▼▼▼▼▼▼
========================= */
.katsuyo_content {
	width: 83.3%;
	margin: 0 auto;
}
h3.katsuyo_content_title {
	font-size: 1.56em;
	font-weight: 600;
	margin-top: 40px;
}
h3.katsuyo_content_title span {
	color: #c1272d;
}
.katsuyo_content_list_wrap {
	background: #fff;
	padding: 40px;
}
.katsuyo_content_list_wrap ul {
	margin-left: 40px;
}
.katsuyo_content_list_wrap li {
	list-style-type: disc;
	font-size: 1.7em;
	font-weight: 500;
	letter-spacing: 1px;
	margin-bottom: 20px;
}
.katsuyo_content_list_wrap li:last-child {
	margin-bottom: 0;
}
.katsuyo_content02 {
	margin-top: 60px;
	text-align: center;
}
.katsuyo_content02 h3 {
	font-size: 1.7em;
	font-weight: 600;
}
.katsuyo_content02 span {
	color: #c1272d;
}
/* =========================
活用でお悩みございませんか？▲▲▲▲▲▲▲▲▲▲
========================= */

/* /////////////////////////////////////////////////////
法人概要
///////////////////////////////////////////////////// */
.about_content {
	width: 100%;
}
table.about_content {
	border-collapse: collapse;
	margin-top: 80px;
}
.about_content td {
	height: auto;
	border: solid 1px #333;
	padding: 15px;
	background: #fff;
}
td.about_content_title {
	background: #f2f2f2;
	width: 30%;
	font-weight: 500;
}
li.about_kakko_title {
	list-style-type: decimal;
}
p.about_content_text01 {
	margin-bottom: 25px;
}
ul.about_kakko_list li {
	list-style-type: none;
  list-style-position: inside;
  counter-increment: cnt;
	display: flex;
	align-items: center;
}
ul.about_kakko_list li::before {
	display: marker;
  content: "(" counter(cnt) ") ";
}
.l_u_1 {
	margin-bottom: 15px;
}
.l_u_1 , .l_u_3 {
	margin-left: 25px;
}

/* /////////////////////////////////////////////////////
お問い合わせフォーム
///////////////////////////////////////////////////// */
.contactform {
	width: 100%;
	margin: 0 auto;
	border-collapse: collapse;
	font-size: 1em;
}
.contactform tr td:first-child {
	font-size: 1.125em;
	font-weight: 500;
	width: 40%;
}
.contactform tr td:first-child::after {
	content: "必須";
	color: red;
	text-align: right;
}
.contactform tr td.any::after {
	content: "";
}
.contactform td {
	border: solid 1px #333;
	padding: 25px 20px;
}
.contactform td label {
	display: block;
}
.yubin {
	margin-bottom: 15px;
	margin-left: 20px;
}
/* input各種指定 */
.contactform input {
	padding: 10px 20px;
	width: 80%;
	margin-left: 20px;
	border-radius: 0;
	border: solid 1px #999;
	font-size: 1em;
}
.yubin input {
	margin-left: 0;
}
.contactform input.yubin_number {
	padding: 10px 20px;
	width: 160px;
}
td.c_c_s input {
	width: 15px;
}
textarea.contactform_textarea {
	height: 200px;
	margin-left: 20px;
	width: 80%;
	padding: 10px 20px;
	font-size: 1em;
}
/* input各種指定 */
.button_area {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 50px;
}
.button_area button {
	width: 40%;
	background: #c1272d;
	color: #fff;
	padding: 20px 0;
	margin-right: 15px;
	font-size: 2em;
	cursor: pointer;
	transition: 0.5s;
}
.button_area button:hover {
	background: #999;
}

/* /////////////////////////////////////////////////////
入力内容確認画面
///////////////////////////////////////////////////// */
.check_message {
	margin: 50px 0 20px;
}

/* /////////////////////////////////////////////////////
送信完了
///////////////////////////////////////////////////// */
.send_comp {
	margin-top: 100px;
	text-align: center;
}
.workerimage {
	margin-top: 30px;
	text-align: center;
}
.workerimage img {
	height: 200px;
}
.backtothetoppage {
	padding: 100px 0;
	text-align: center;
}
.backtothetoppage p {
	display: block;
	margin: 0 auto;
}
.backtothetoppage a {
	transition: 0.5s;
}
.backtothetoppage a:hover {
	color: #c1272d;
}