@charset "UTF-8";
/* CSS Document */

.content_title > h1{
	font-size:90%;
	line-height:1.3em;
}
.content_title > h1 span{
	margin:0 0 0 1em;
		font-weight:100;
	font-family: 'Barlow', sans-serif;
	line-height:1.2em;
}
.content_wapper{
	width:100%;
}

.content_wapper ul{
	width:90%;
	max-width:1200px;
	margin:auto;
}

.content_wapper ul li{
	display:flex;
	justify-content:space-between;
	margin:0 0 5px 0;
}
.content_wapper ul li dt{
	width:30%;
	background:#f0f0f0;
	text-align:center;
	position:relative;
}
.content_wapper ul li dt span{
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	left:0;
	margin:auto;
	font-size:100%;
	display:block;
	height:fit-content;
}

.content_wapper ul li dd{
	width:70%;
	padding:10px 30px;
	background:#f9f9f9;
	line-height:1.5em;
}
.content_wapper ul li dd span{
	display:block;
	border-bottom:1px dotted #ddd;
	padding:5px 0;
}
.content_wapper ul li dd span a{
	color:#004098;
	border-bottom:1px solid #004098;
}

.content_wapper ul li dd span a.blank:after {
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	font-size: 0.9rem;
	content: "\f35d";
	margin: 0 0 0 10px;
}
.content_wapper ul li dd span:last-child{
	border-bottom:none;
}
.content_wapper ul li dd iframe{
	width:100%;
	height:500px;
	margin:20px 0 0 0;
}

.content_wapper .note{
	width:90%;
	max-width:1200px;
	margin:auto;
	font-size:90%;
	text-align:right;
}
.content_wapper .note p{
	line-height:1.5em
}


/* ----------959px–---------- */
@media screen and (max-width: 959px) {
		.content_wapper ul li dd{
		padding:10px 4%;
	}
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 699px) {
}
@media screen and (max-width: 599px) {
}