@charset "UTF-8";

/*-------------------------------------------------------------------------
body
-------------------------------------------------------------------------*/
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	line-height: 170%;
	color: #555;
	text-align: center;
	background: url(../imgs/menu_back.jpg) repeat-x 0px 0px;
}


/*-------------------------------------------------------------------------
リセットするもの
-------------------------------------------------------------------------*/
*{margin:0;
	padding:0;
}

img{border:0;
	width: 100%;
}

li{list-style:none;
}

br {
letter-spacing: 0;
}


/*-------------------------------------------------------------------------
FONT
-------------------------------------------------------------------------*/
.tx11 {font-size: 11px;line-height: 130%;}
.tx12 {font-size: 12px;line-height: 130%;}
.tx13 {font-size: 13px;line-height: 130%;}
.tx14 {font-size: 14px;line-height: 130%;}
.tx16 {font-size: 16px;line-height: 130%;}
.tx18 {font-size: 18px;line-height: 110%;}
.tx20 {font-size: 20px;line-height: 110%;}
.tx24 {font-size: 24px;line-height: 110%;}
.tx11h {font-size: 11px;line-height: 180%;}
.tx12h {font-size: 12px;line-height: 180%;}
.tx13h {font-size: 13px;line-height: 180%;}
.tx14h {font-size: 14px;line-height: 180%;}
.tx24h {font-size: 24px;line-height: 180%;}



/*-------------------------------------------------------------------------
リンク
-------------------------------------------------------------------------*/
a:link {/*リンクされた文字の色*/
	color:#0033FF;
	text-decoration:underline;
}
a:visited {/*訪問後の色*/
	color:#0033FF;
	text-decoration:underline;
}
a:hover {/*カーソルを合わせたときの色*/
	color:#0033FF;
	text-decoration:underline;
}
a:active {/*クリック中の色*/
	color:#0033FF;
	text-decoration:underline;
}



/*-------------------------------------------------------------------------
メイン画像
-------------------------------------------------------------------------*/
#topimage {
   width:961px;
   height:196px;
   overflow:hidden;
   position:relative;
   list-style:none;
}
#topimage li {
   position:absolute;
   display:none;
}
.pam_box {
	display: flex;
	flex-wrap: wrap;
	gap: 0 15px;
}
.pam_box > div {
	margin-bottom: 4%;
	width: calc((100% - 45px) / 4);
}

/*-------------------------------------------------------------------------
フッター
-------------------------------------------------------------------------*/
#footerarea {
	background: url(../imgs/footer_img.jpg) repeat-x;
}
@media (max-width:768px) {
	.pam_box > div {
		width: calc((100% - 15px) / 2);
	}
	.wrapper__new {
		padding-left: 3%;
		padding-right: 3%;
	}
	.syukuhaku_h {
		height: 30px;
		object-fit: cover;
		object-position: left;
		overflow: hidden;
	}
}