@charset "utf-8";
/* 共通 */
.text-left{
	text-align: left!important;
}
.text-center{
	text-align: center;
}
.indent{
	text-indent: -1em;
	padding-left:1em;
}
.flex{
	display:flex;
}
figure{
	text-align: center;
}
.f_blue{
	color:#424188; 
}

/* header */
.cont_header.visual::after{
	background:url(../img/page_header_bg.png) center center no-repeat;
	background-size: cover;
}
.cont_header.visual.message::after{
	background:url(../img/message_header_bg_pc.png);
	background-repeat: no-repeat;
	background-size: auto 350px;
	background-color: #D1E7FF;
}
.cont_header.visual.topics::after{
	background-image:url(../img/topics2_header_bg_pc.png);
}

/* index.html */

/* messeage.html,topics1.html */
span.mark_b{
	color:#424188;
}
/* topics1.html */
.closeup .flex{
	justify-content: space-between;
	margin-top:30px;
}
.closeup .border_b img{
	border:1px solid #818080;
}
.cor_ce li{
	padding:10px 0;
}
/* topics2.html */
.topics_list article img{
	margin:1em auto;
}
main .topics_list a[href*='.pdf']::after{
	content:none;
}

/* タブレット版 */
@media only screen and (max-width: 1100px) {
	.cont_header.visual.message::after{
		background-position:top left -60px;
	}
}
@media only screen and (max-width: 998px) {
	.cont_header.visual.message::after{
		background-position:top left -80px;
	}
}
/* スマホ版 */
@media only screen and (max-width: 768px) {
	.cont_header.visual.message .wrap::after{
		background:transparent url(../img/top_topics1_sp.png) center center no-repeat;
		background-size:cover;
	}
	.cont_header.visual.topics::after{
		background-image:url(../img/topics2_header_bg_sp.png);
	}
	.cont_header.visual.message::after{
		background-image: url(../img/message_header_bg_sp.png);
		background-size: cover;
		background-position: 0;
	}
	.banner.cont_page04{
		background-image:url(../img/topics2_header_bg_sp.png);
	}
	.cont_header.visual.message .wrap::after{
		background:transparent url(../img/top_topics1_sp.png) center center no-repeat;
		background-size:cover;
	}
	.cont_header.visual.topics::after{
		background-image:url(../img/topics2_header_bg_sp.png);
	}
	.cont_header.visual.message::after{
		background-image: url(../img/message_header_bg_sp.png);
		background-size: cover;
		background-position: 0;
	}
	.closeup .flex{
		display:block;
		margin-bottom:10px;
		text-align: center;
	}
	.closeup .flex div{
		margin:20px 0 60px;
	}
}