@charset "utf-8";
section{
	margin:0 auto 80px auto;
}

section .subtitle{
	width:100%;
	font-family: 'Noto Serif JP', serif;
	font-weight: 700;
	display: flex;
	align-items: center;
	margin-bottom:80px;
}

#wrap{
	max-width:1100px;
}

h2{
	width:100%;
	font-family: 'Noto Serif JP', serif;
	font-weight: 700;
	font-size:2.6rem;
	line-height: 1;
	display: flex;
	align-items: center;
	margin-bottom:80px;
}

h2::before,
h2::after{
	content:'';
	flex:1;
	height: 1px;
	display: block;
	border-top:1px solid #D6D6D6;
	border-bottom:1px solid #D6D6D6;
}

h2::before{
	margin-right:15px;
}

h2::after{
	margin-left:15px;
}


/*-----------------------
	スマホ・タブレット
-----------------------*/
@media screen and (min-width: 0) and (max-width: 480px){
	h2{
		font-size:2rem;
		margin-bottom:30px;
	}
}

/*-----------------------
	スマホ・タブレット
-----------------------*/
	
@media screen and (min-width: 0) and (max-width: 480px){
	section .subtitle{
		margin-bottom:30px;
	}
	
}
/*---------------------------

	タイトル部分

---------------------------*/

#content #title{
	width:100%;
	border-bottom:1px solid #D6D6D6;
}

#content #title .inner{
	width:95%;
	max-width: 1200px;
	min-height:130px;
	margin:0 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background-image: url("../../com/img/titile-back.png");
	background-position: bottom right;
	background-repeat: no-repeat;
	color:#3D453D;
	text-align: left;
}

#content #title h1{
	width:100%;
	max-width: 100%;
	min-height:auto;
	margin:0 auto;
	display: block;
	background-image:none;
}

h1 .sfont{
	font-size:1.7rem;
	margin-right:10px;
	letter-spacing: -0.05rem;
}

/*-----------------------
	スマホ・タブレット
-----------------------*/
	
@media screen and (min-width: 0) and (max-width: 480px){
	h2{
		font-size:2rem;
	}
	
	section{
		margin:0 auto 50px auto;
	}
	#content #title .inner{
		background-image: none;
	}
	
	h1 .sfont{
		display: block;
		font-size:1.2rem;
		margin-bottom:10px;
	}
}

/*---------------------------

	Q&A

---------------------------*/

section .ico{
	width:65px;
	font-size:2.5rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	color:#fff;
	font-weight: bold;
}

section .text{
	flex:1;
	margin-left:15px;
}
section dt{
	width:100%;
	background-color: #F8F8F8;
	border:1px solid #ccc;
	display: flex;
	font-weight: bold;
	margin-bottom:30px;
	border-radius: 6px;
		line-height: 1.6;
	cursor: pointer;
}

section dt::after{
	font-family: "Font Awesome 6 Free";
	content: "\f0dd";
	margin:0 15px;
	display: flex;
	align-items: center;
	color: #8D8D8D;;
}

section dt.act::after{
	content: "\f0de";
}
section dt .ico{
	background-color: #6AA864;
	clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 0% 0%);
	border-radius: 6px;
	display: flex;
	flex-direction: column;
	align-items:stretch;
	justify-content: center;
	padding-left:12px;
}

section dt .text{
	font-size:1.2rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	line-height: 1.6;

}

section dd{
	display: none;
}

section dd.act{
	width:100%;
	display: flex;
	align-items: flex-start;
	padding-bottom:30px;
}

section dd .ico{
	height: 65px;
	line-height: 65px;
	background-color: #CA71AF;
	border-radius: 100%/100%;
}

section dd a{
	text-decoration: underline;
}