@charset "UTF-8";

.bg00 {
	background-color:#f5f5f5;
}

.bg01 {
	background-image: linear-gradient(90deg, #1948a0, #458eed);
}

.bg02 {
	background-color:#f5f5f5;
}

.kaisei-font {
	font-family: "Kaisei Decol", serif;
	font-weight:700;
}

.topimg {
	position:relative;
	margin:0 auto;
	width:1200px;
	height:auto;
	max-height: calc(100vh - 126px);
	min-height:600px;
	aspect-ratio: 48 / 25;
	overflow:hidden;
	background: #f5f5f5 url(../images/topimgbg_pc.jpg) top center no-repeat;
	background-size:cover;
}

.topcmt {
	margin-top:5.5em;
	margin-left:3em;
	font-family: "M PLUS 1", serif;
	font-weight:800;
	color:#fff;
	line-height:1.8;
	text-shadow:0 0 10px #888;
	font-size:26px;
}

.oshirasebg {
	margin:0 auto;
	width:1200px;
	background-color:rgba(255,255,255,0.7);
}

.mainwaku {
	margin:0 auto;
	width:1200px;
}

h3 {
	margin:0.4em;
	font-size:1.6em;
	font-weight:900;
	color:#fff;
	text-shadow:0 0 5px #000;
}

.info {
	margin:0 auto;
	width:1000px;
}

.info dl {
	display:flex;
	align-items:stretch;
	margin:0;
	padding:0;
}

.info dl dt {
	display:block;
	width:10em;
	text-align:center;
	padding:5px;
	font-weight:normal;
}

.info dl dd {
	display:block;
	flex:1;
	padding:5px;
	line-height:1.5em;
}

.cd01 {
	position:relative;
	width:380px;
	margin:10px;
	border:2px solid #333;
	border-radius:2em;
	padding:1em;
}

.cd01 a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.cardtitle01 {
	margin-bottom:0.8em;
	padding-bottom:0.8em;
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	color:#555;
	border-bottom:2px solid #ccc;
}

.cardtitle02 {
	border-top:8px solid rgb(241,191,135);
	font-size:1.3em;
	font-weight:bold;
	text-align:center;
	padding-top:0.8em;
	color:#555;
}

.cardtitle03 {
	border-top:8px solid rgb(141,196,235);
	font-size:1.3em;
	font-weight:bold;
	text-align:center;
	padding-top:0.8em;
	color:#555;
}

.cardcmt {
	line-height:1.5em;
	padding:1.6em;
	color:#555;
}

/* スマホ用 */
@media screen and (max-width:575px){
	.topimg {
		margin:0 auto;
		width:100%;
		height:auto;
		max-height: calc(100svh - 62px);
		aspect-ratio: 3 / 4;
		overflow:hidden;
		background: #f5f5f5 url(../images/topimgbg_sp.jpg) top center no-repeat;
		background-size:cover;
	}
	
	.topcmt {
		margin-top:8em;
		margin-left:1em;
		line-height:1.6;
		text-shadow:0 0 10px #555;
		font-size:20px;
	}

	.oshirasebg {
		width:100%;
	}
	
	.mainwaku {
		margin:0 auto;
		width:100%;
	}
	
	.info {
		margin:0 auto;
		width: calc(100% - 10px);
	}
	
	.info dl {
		display:block;
		
	}
	
	.info dl dt {
		display:block;
		width: 100%;
		text-align:left;
		padding:5px;
		font-weight:normal;
	}
	
	.info dl dd {
		display:block;
		flex:1;
		width: 100%;
		padding:5px;
		line-height:1.5em;
	}
}