@import url(common.css);

h2 {
	margin: 0;
	text-align: center;
}

h3 {
	margin: 3px 0 0 0;
	text-align: center;
}

#top_info {
	width: 800px;
	margin: 40px 0 0 0;
}
#top_info dl {
	width: 390px;
	margin-left: 10px;
	float: left;
	background: url('../images/home/back_info_yrepeat.jpg') left top repeat-y;
}
#top_info dl dt {
	line-height: 0;
	font-size: 0;
	width: 390px;
	height: 36px;
}
#top_info dl dd.link {
	width: 370px;
	text-align: right;
	padding: 0 20px 20px 0;
	background: url('../images/home/back_info_bottom.jpg') left bottom no-repeat;
}

#top_info dl dd.info_contents {
	min-height: 300px;
	padding: 8px 13px 5px 13px;
}

#top_info dl dd.info_contents ul > li {
	border-top: 1px #CCC dotted;
	padding: 8px 0 0 0;
	margin: 8px 0 0 0;
}

#top_info dl dd.info_contents ul > li:first-child {
	border-top: none;
	padding: 0;
	margin: 0;
}

#top_info dl dd.info_contents ul > li p {
	line-height: 140%;
}

#top_info dl dd.info_contents ul > li .photo_right {
	float: right;
	margin-left: 10px;
}

#top_info dl dd.info_contents ul > li .title {
	margin-top: 5px;
	font-size: 85%;
	font-weight: 600;
}

#top_info dl dd.info_contents .text {
	font-size: 78%;
}

#top_info dl dd.info_contents .bold_text {
	margin-top: 10px;
	font-size: 85%;
	font-weight: 600;
}


#top_video {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	margin:40px auto 0 auto;
	width: 760px;
}

#top_video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* 追加 */
#main h2 img {
	max-width: 800px;
	width: 100%;
	height: 420px;
}
.photo_right img {
	max-width: 120px;
	width: 100%;
	height: 80px;
	object-fit: contain;
}