@charset "utf-8";
@import "common.css";
/* index css */

/* class group */


/* 挨拶文 */
.explanation {
	width:100%;
	text-align:left;
	font-size:18px;
	font-weight:500;
	margin:40px 0 40px 0;
}

.explanation p { width:66%; margin:0 auto 20px;  }


.detail {
	width:100%;
	text-align:center;
	font-size:16px;
	font-weight:500;
	margin:40px 0 60px 0;
}


/*-- h1 見出し --*/

.h1_title {
	width:875px;
	margin:auto;
	font-size:29px;
	font-weight:500;
	padding-bottom:10px;
	border-bottom:1px #666666 solid;
	text-align:center;
}

/*-- h2 見出し --*/

.h2_title {
	font-size:18px;
	font-weight:500;
	text-align:center;
	margin-bottom:35px;
}

/*-- advantage --*/

#advantage {
	width:950px;
	margin:30px auto;
}

#advantage li {
	width:294px;
	height:136px;
	padding:7px 3px 7px 3px;
	margin-right:15px;
	margin-bottom:20px;
	float:left;
	background-color:#d4e5f1;
	font-size:18px;
	box-shadow: 0 4px 4px rgb(0 0 0 / 30%);
}

#advantage li a { overflow:hidden; }

#advantage li a img:hover {
	transform:scale(1.05);
	transition:0.3s;
}

/*-- cwf --*/

a.cwf { overflow:hidden; }

a.cwf img:hover {
	transform:scale(1.01);
	transition:0.3s;
}


/*-- news --*/

#news {
	width:600px;
	margin:0 auto;
	font-size:18px;
	letter-spacing:2px;
}

#news dt {
	float:left;
	margin-right:105px;
	margin-bottom:5px;
}

#news dd {
	text-align:left;
	margin-bottom:5px;
}

#news dd a {
	display:inline-block;
	color:#1f68d0;
	transition: .3s;
	-webkit-transform: scale(1);
	transform: scale(1);
	text-decoration:none;
}

#news dd a:hover {
	-webkit-transform: scale(1.03);
	transform: scale(1.03);
}

@keyframes zoom {
	50% {
		transform: scale(1.05);
	}
}


/*-- topics --*/

#topics { width:640px; margin:0 auto; }
#topics li { float:left; margin-left:15px; }

#topics li a { overflow:hidden; }
#topics li a img:hover {
	transform:scale(1.05);
	transition:0.3s;
}


/* clear fix */
#advantage:after,
#topics:after {
    content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}