/* CSS Document */

/* 目次タイトル画像、見出し */
#headLineIndex { height: 320px; background: url(/recurrent/images/h1bg_recurrent.png) repeat-x left top; position: relative; background-size: auto 100%; }
#headLineIndex:after { background: url(/recurrent/images/headLineBg.jpg?20240105) no-repeat left top; background-size: cover;}
@media (max-width: 768px) {
	#headLineIndex { background-position: left -220px;}
}

#headLine {
    background: url(/recurrent/images/h1bg_expenses.png); /* デフォルトではピンク */
    background-size: 102px auto;
    background-position: bottom;
}


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

	 目次

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

#index #breadcrumbs{ border-bottom: 1px solid #e6e6e6; }
#index main{ width: 100%; }
#index .lead { color: #0aaadf; margin-bottom: 5rem}

 p.recurrent_txt01 {
	 font-size: 1.6rem;
	 line-height: 1.8;
	 margin-bottom: 2.5rem;
}
p.recurrent_txt01 span {
	font-size: 1.4rem;
}
p.recurrent_txt02 {
	font-size: 1.6rem;
	line-height: 1.8;
	margin-bottom: 2.5rem;
}
p.recurrent_txt02 span {
	background:linear-gradient(transparent 75%, #f6c 25%);
	font-weight: 600;
}
p.recurrent_txt03 {
	font-size: 1.6rem;
	line-height: 1.75;
	padding: 2.75rem;
	background-color: #f9f9f9;
	margin-bottom: 3.25rem;
}

.btn_wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 5.75rem;
}

p.btn { 
	max-width: 380px;
	width: 50%;
	margin: 0 1.25rem;
}
p.btn a {
	display: block;
	font-size: 1.65rem;
	font-weight: 600;
	line-height: 1;
	color: #fff;
	text-align: center;
	background-color: #0aaadf;
	padding: 2.5rem 0;
	border-radius: 0.65rem;
}

.workshop_list {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 7.5rem;
}
.workshop_list::after{
	content:"";
	display: block;
	width: 30%;
}
.workshop_list .workshop_box { 
	width: 30%;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.workshop_list .workshop_box a {
	display: block;
	font-size: 1.6rem;
	padding: 2.75rem 1rem;
}
.workshop_list .workshop_box a dl { margin-bottom: 2rem;}
.workshop_list .workshop_box a dl dt {
	font-size: 2.25rem;
	font-weight: 600;
	color: #fff;
	text-align: center;
	margin-bottom: 1.75rem;
	background-color: #e3007f;
	padding: 1.5rem 0.5rem;
	border-radius: 0.5rem;
}
.workshop_list .workshop_box a dl dt span {
	display: block;
	font-size: 1.4rem;
	font-weight: 600;
	margin-top: 0.75rem;
}
.workshop_list .workshop_box a dl dd { line-height: 1.7;}
.workshop_list .workshop_box a p { font-size: 1.4rem; margin-bottom: 2rem;}

.workshop_list .workshop_box a .btn_more_wrap { margin-bottom: 0;}
.workshop_list .workshop_box a .btn_more_wrap .btn_more {
	position: relative;
	display: inline-block;
	font-size: 1.4rem;
	font-weight: 600;
	color: #e3007f;
	padding-right: 2.5rem;
}
.workshop_list .workshop_box a .btn_more_wrap .btn_more::before {
	position: absolute;
	top: 0.25rem;
	right: 0;
	content: "";
	width: 1.4rem;
	height: 1rem;
	background-color: #e3007f;
}
.workshop_list .workshop_box a .btn_more_wrap .btn_more::after {
	position: absolute;
	top: 0.5rem;
	right: 0.25rem;
	content: "";
	width: 1.475rem;
	height: 1rem;
	background-color: #e3007f;
	border: 1px solid #fff;
}


@media (max-width: 768px) {
	
	p.recurrent_txt01 {
		font-size: 1.4rem;
		line-height: 1.8;
		margin-bottom: 2rem;
	}
	p.recurrent_txt01 span {
		font-size: 1.2rem;
	}
	p.recurrent_txt02 {
		font-size: 1.4rem;
		line-height: 1.8;
		margin-bottom: 2rem;
	}
	p.recurrent_txt02 span {
		background:linear-gradient(transparent 80%, #f6c 20%);
		font-weight: 600;
	}
	p.recurrent_txt03 {
		font-size: 1.4rem;
		line-height: 1.6;
		padding: 2.25rem;
		background-color: #f9f9f9;
		margin-bottom: 2.25rem;
	}

	p.btn { 
		max-width: 400px;
		width: 95%;
	}
	p.btn a {
		display: block;
		font-size: 1.6rem;
		font-weight: 600;
		line-height: 1;
		color: #fff;
		text-align: center;
		background-color: #0aaadf;
		padding: 2.25rem 0;
		border-radius: 0.65rem;
	}
	p.btn.mb { margin: 0 auto 2.25rem;}

	.workshop_list {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 7.5rem;
	}
	.workshop_list::after{
		content:"";
		display: none;
		width: 0;
	}
	.workshop_list .workshop_box { 
		width: 47%;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	.workshop_list .workshop_box a {
		display: block;
		font-size: 1.4rem;
		padding: 1.5rem 0;
	}
	.workshop_list .workshop_box a dl { margin-bottom: 2rem;}
	.workshop_list .workshop_box a dl dt {
		font-size: 1.6rem;
		font-weight: 600;
		color: #fff;
		text-align: center;
		margin-bottom: 1.5rem;
		background-color: #e3007f;
		padding: 1.25rem 0.25rem;
		border-radius: 0.5rem;
	}
	.workshop_list .workshop_box a dl dt span {
		display: block;
		font-size: 1.2rem;
		font-weight: 600;
		margin-top: 0.75rem;
	}
	.workshop_list .workshop_box a dl dd { line-height: 1.6;}
	.workshop_list .workshop_box a p { font-size: 1.25rem; line-height: 1.4; font-weight: 600;}
	
	.workshop_list .workshop_box a .btn_more_wrap { text-align: center; margin-bottom: 0;}
	.workshop_list .workshop_box a .btn_more_wrap .btn_more { }
	.workshop_list .workshop_box a .btn_more_wrap .btn_more::before {
		position: absolute;
		top: 0.35rem;
		right: 0;
		content: "";
		width: 1.4rem;
		height: 1rem;
		background-color: #e3007f;
	}
	.workshop_list .workshop_box a .btn_more_wrap .btn_more::after {
		position: absolute;
		top: 0.625rem;
		right: 0.225rem;
		content: "";
		width: 1.475rem;
		height: 1rem;
		background-color: #e3007f;
		border: 1px solid #fff;
	}
}