@charset "utf-8";

/*------------------------------
	宮司よりご挨拶
------------------------------*/

.box_profile .ttl{
	width: 40%;
	margin: 2em auto;
	text-align: center;
}

.ootagaki_cnt{
	display: flex;
	align-items: center;
}

.ootagaki_cnt .img{
	width: 40%;
	margin-right: 2em;
}

.ootagaki_cnt .position{
	font-size: 16px;
}

.ootagaki_cnt .name{
	font-size: 20px;
}

.ootagaki_cnt .ruby{
	font-size: 15px;
}

.list_history{
	margin: 0 1em;
}

.list_history .cnt{
	padding-left: 28px;
	border-left: 1px solid #C1272D;
}

.list_history dl{
	padding-bottom: 1.5em;
}

.list_history dt{
	font-weight: bold;
	font-size: 20px;
}

.list_history dd{
	line-height: 2;
	color: #333;
}

.icon_circle{
	position: relative;
}
.icon_circle:before{
	content: "";
	position: absolute;
	z-index: 2;
	top: 0;
	bottom: 0;
	left: -33px;
	margin: auto;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background-color: #C1272D;
}

.list_history .cnt dl:first-of-type .icon_circle:after{
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	left: -30px;
	width: 4px;
	height: 14px;
	background-color: white;
}

.list_history .cnt:last-of-type .icon_circle:after{
	display: none;
}

.list_history .cnt:last-of-type dl:last-of-type{
	padding-bottom: 3em;
}


/*-------------------------------------
 ▼中型画面向けデザイン（タブレットなど）
 --------------------------------------*/
@media screen and (min-width: 768px) {
	
	.wrap_ootagaki{
		margin-left: 1em;
		background-image: url(../images/icon_footer_b.png);
		background-repeat: no-repeat;
		background-position: 95% 56%;
	}
	
	.box_profile .ttl{
		width: 86px;
		margin: 3em auto;
	}
	
	.list_history{
		margin: 0 1em 0 4em;
	}
	
	.list_history dt{
		font-size: 22px;
	}
	
	.list_history .cnt:last-of-type .icon_circle:after{
		display: block;
	}
	
	.list_activity{
		position: relative;
		background-image: url(../images/icon_footer_b.png);
		background-repeat: no-repeat;
		background-position: 95% 20%;
	}
	
	.img_ootagaki_03{
		position: absolute;
		z-index: -1;
		bottom: 9em;
		right: 1em;
	}
	
	
}