@charset "utf-8";

.form_title{font-size:1.875em; font-weight:bold; text-align: center; background-color:#6E411A; color: #FFF; display: block; padding: 3px 0; position:relative; margin-top: 30px;}
.form_title:before{ content: "";position:absolute; content:"";   border-top:20px solid #6E411A; border-right:17px solid transparent; border-left:17px solid transparent; bottom: -12px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);}
@media (max-width: 575px){
	.form_title{font-size: 1.25em;}
}
.simulation_box{background-color: #FFF; padding: 50px; margin: -30px 0 50px 0; border-radius: 0 0 28px 28px;}

.button.sindan{width: 100%; padding: 30px 0; border-radius:10px; filter: drop-shadow(0px 15px 0px #5A3315); margin-bottom: 50px; transform:translateZ(0); }
.button.sindan span{color: #FFF; font-size:35px; font-weight:bold; padding: 5px 10px 0 10px; line-height: 47px;}
@media (max-width: 767px){
	.button.sindan span{font-size:1.5em;}
}
@media (max-width: 575px){
	.button.sindan{padding:8px 0; filter: drop-shadow(0px 8px 0px #5A3315); margin-bottom: 20px;}
	.button.sindan span{font-size:1em; line-height:24px;}
}

span.q{color: #FFF; background-color: #22904A; border-radius:100%; padding: 10px; font-weight: bold; margin-right: 10px;}

.editor-styles-wrapper._top .sitemap_wrap{ background-color: #fff; }
.editor-styles-wrapper._top .sitemap_block{margin-right: 80px; }
.editor-styles-wrapper._top .sitemap_block:last-child{ margin-right: 0; }
.editor-styles-wrapper._top h4.sitemap_h4{ margin-bottom: 1em;position: relative;  border-left: 4px solid #22904A;border-bottom: 1.5px solid #22904A; }
.editor-styles-wrapper._top h4.sitemap_h4 a { display:block; color:#22904A;width:100%;height:100%;padding-left:.5em;padding-bottom:.2em;transition: opacity 0.3s ease-in-out; }
.editor-styles-wrapper._top h4.sitemap_h4 a:hover { opacity: 0.7; }
.editor-styles-wrapper._top .sitemap_list{ margin-left:0;margin-bottom: 3em;list-style: none; }
.editor-styles-wrapper._top .sitemap_list li::before{ content:"> "; color:#22904A;font-weight: bold;}
.editor-styles-wrapper._top .sitemap_list li a:hover{ text-decoration: underline; }
.sitemap_sublist li {list-style: none;}
@media (max-width: 767px){
	.editor-styles-wrapper._top .sitemap_block{ width: 100%;margin-right: 0; }
}

/* 追記 20230502*/
/*****************
* 監修者紹介ページ
******************/
#author_detail .p-detail_comment{
	border-left: 2px solid #22904A;
	margin-bottom: 4em;
}

@media (max-width: 767px){
	#author_detail .p-detail_comment{
		border-left: none;
		border-top: 2px solid #22904A;
		margin: 1em 0 2em;
		padding:1em 0;
	}
}

#author_detail .p-detail_table_wrap{
	margin-bottom: 4em;
}

#author_detail .p-detail_table{
	width: 100%;
	border: 2px solid #22904A;
	font-size: 15px;
	font-weight: 500;
}

#author_detail .p-detail_table tr:nth-child(even){
	background-color: rgba(59, 196, 121, 0.15);
}

#author_detail .p-detail_table th{
	width: 15%;
	padding:10px 10px 10px 20px;
	border-right: 2px solid #22904A;
	color:#22904A;
}

#author_detail .p-detail_table td{
	width: 75%;
	padding:10px 10px 10px 40px;
}

#author_detail .p-detail_table ul li{
	position: relative;
	padding-left: 15px;
}

#author_detail .p-detail_table ul li + li{
	margin-top: .5em;
}

#author_detail .p-detail_table ul li::before{
	position: absolute;
	content: "";
	top:8px;
	left:0;
	width: 8px;
	height:8px;
	border-radius: 50%;
	background-color:#22904A;
}

@media (max-width: 767px){
	#author_detail .p-detail_table_wrap{
		margin-left: -10px;
		margin-right: -10px;
	}

	#author_detail .p-detail_table{
		border: none;
	}

	#author_detail .p-detail_table th{
		padding:10px;
		border-right-width: 1px;
		writing-mode: vertical-rl;
		vertical-align: middle;
		font-size: 12px;
		letter-spacing: 0;
	}
	
	#author_detail .p-detail_table td{
		padding:10px 15px;
		vertical-align: middle;
	}
	
}

#author_detail .p-detail_office_btn{
	display: inline-block;
	margin-left: 10px;
}

@media (max-width: 767px){
	#author_detail .p-detail_office_btn{
		display: block;
		margin-left: 0;
	}
}

#author_detail .p-detail_history{
	margin:1em 0 4em;
	padding-left: 30px;
	position: relative;
	font-size: 15px;
}

#author_detail .p-detail_history::before{
	position: absolute;
	content:"";
	top:1em;
	left:29px;
	width: 3px;
	height:105%;
	background-color: #22904A;
}

#author_detail .p-detail_history_area{
	padding:1em 1em .5em;
	border-bottom:2px dashed #22904a;
	display: flex;
	position: relative;
}

#author_detail .p-detail_history_area::before{
	position: absolute;
	content:"";
	bottom:-10px;
	left:-10px;
	width: 20px;
	height:20px;
	border-radius: 50%;
	background-color:#22904A;
}

#author_detail .p-detail_history_year{
	width: 15%;
	margin-right: 5%;
	white-space: nowrap;
}

@media (max-width: 767px){
	#author_detail .p-detail_history{
		padding-left: 20px;
	}
	
	#author_detail .p-detail_history::before{
		top:1.5em;
		left:9px;
		width: 2px;
	}

	#author_detail .p-detail_history_year_label{
		margin-left: -25px;
		background-color: #fff;
		position: relative;
		padding:4px 0;
		top:10px;
	}
	
	#author_detail .p-detail_history_area::before{
		left:-20px;
	}
	
	#author_detail .p-detail_history_year{
		font-size: 14px;
	}
}

/*****************
* 運営会社ページ
******************/
#company .p-about{
	margin:4em 0;
}

#company .p-about_img{
	text-align: center;
}

#company .p-about_content{
	max-width: 900px;
	margin:3em auto 0;
	line-height: 2;
}

#company .p-about_more_btn{
	display: none;
}

@media (max-width: 767px){
	#company .p-about{
		margin:2em 0;
	}

	#company .p-about_content{
		margin: 1em 10px;
		padding-bottom: 1em;
		border-bottom: 2px solid #22904a;
	}

	#company .p-about_txt{
		height: 200px;
		overflow: hidden;
    	text-overflow: ellipsis;
		position: relative;
	}

	#company .is-open .p-about_txt{
		height:auto;
	}

	#company .p-about_more_btn{
		margin:1em 0;
		display:flex;
		align-items: center;
		justify-content: center;
	}
	
	#company .p-about_more_arrow{
		display: block;
		width: 0;
		height:0;
		border-style: solid;
		border-width: 7px 9px 0 9px;
		border-color: #22904a transparent transparent transparent;
		margin-right:10px;
	}

	#company .is-open .p-about_more_arrow{
		border-width: 0 9px 7px 9px;
		border-color: transparent transparent #22904a transparent;
	}
	
	#company .p-about_more_btn_txt{
		font-size: 12px;
		color: #22904a;
	}
}