@charset "UTF-8";

#header_wrapper {
	margin-bottom: 0px;
}

#catch_box {
	width: 100%;
	background-image: url(../images/top/catch_bg.jpg);
	background-repeat: repeat-x;
	height: 330px;
}

#catch {
	height: 330px;
	width: 1000px;
	background-image: url(../images/top/catch.jpg);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	position:relative;
}

#catch h2 {
	text-indent: -99999px;
}



#catch p {
	line-height: 1em;
	text-indent: -99999px;
}


#point {
	margin-bottom: 20px;
	background-image: url(../images/top/top_dl_bg.jpg);
	background-repeat: no-repeat;
	height: 298px;
	width: 740px;
}

#point dt,#point dd {
	text-indent: -99999px;
}

.mgb10 {
	margin-bottom: 4px;
}

#kaiketsu {
	padding: 0px;
	background-image: url(../images/top/top_h3_01.jpg);
	background-repeat: no-repeat;
	text-indent: -99999px;
	height: 79px;
	width: 740px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

.item_box {
	width: 720px;
	margin-left: 10px;
	margin-bottom: 20px;
}

.item_box dl {
	float: left;
	width: 380px;
	padding-right: 20px;
}

.item_box dt {
	background-image: url(../images/common/gimic_square02.jpg);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 23px;
	font-size: 16px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.item_box .img {
	float: right;
	width: 320px;
}

.mgb30 {
	margin-bottom: 30px;
}



#right .news_title {
	background-image: none;
	padding: 0px;
	height: auto;
	width: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

#news_box {
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	height: 100px;
	overflow: scroll;
	overflow-x: hidden;
	width: 698px;
	margin-bottom: 0px;
	border: 1px solid #f0f0f0;
}

#news_box li {
	background-image: url(../images/common/gimic_square01.jpg);
	background-repeat: no-repeat;
	background-position: left 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 23px;
}

#news_box li p {
	margin: 0px;
	padding: 0px;
}

#news_box img {
	margin-left: 10px;
	vertical-align: middle;
}

/*----- 画像ポップアップ -----*/
.open {
	cursor:pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
	margin-left: -10px;
	line-height: 2em;
	color:#0db8df;
	border-bottom:1px solid #0db8df;
}
#pop-up {
	display: none; /* label でコントロールするので input は非表示に */
}
.overlay {
	display: none; /* input にチェックが入るまでは非表示に */
}
#pop-up:checked + .overlay {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
.window {
	width: 90vw;
	max-width: 480px;
	height: 680px;
	background-color: #ffffff;
	border-radius: 6px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.text {
	font-size: 18px;
	margin: 0;
}
.close {
	cursor:pointer;
	position: absolute;
	top: 4px;
	right: 4px;
	font-size: 30px;
}