@charset "utf-8";
/* CSS Document */


/*
	=============================== 背景色変更　20260410 ===============================
*/

.common {
/*background-color: #f0f8ff; /* 単色 */
background-image: url('images/body-bg_2560-1440_202604_01.jpg'); /* 背景画像を指定 */
background-attachment: fixed; /* 背景画像を固定 */
background-size: cover; /* 画面全体に表示 */
background-repeat: no-repeat; /* 繰り返しを防止 */
background-position: center center; /* 中央に配置 */
}

.common2{
background-color: #f0f8ff; /* 単色 */
}

/*
	=============================== ヘッダー変更　20260410 ===============================
*/


/*
	=============================== ヘッダー　バナー追加　20260410 ===============================
*/

.header_bnr {
	display: flex;
	justify-content: flex-end;
	padding: 0 10px 0 0;
	gap: 10px;
}

.header_contact2 {
	font-size: 15px;
	float: right;
	margin: 0;
	padding: 12px 0px;
}

.header_contact2 a:link,
.header_contact2 a:visited,
.header_contact2 a:active {
	background-color: #F50A00;
	padding: 12px 28px;
	color: #FFFFFF;
	vertical-align: -4px; /* 相対的に下げる */
}

.header_contact2 a:hover {
	background-color: #F50A00;
	color: #FFFFFF;
	text-decoration: none;
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

/* ============================== レスポンシブ（480pxより狭い場合） ============================== */
@media screen and (max-width: 480px) {
	
.header_bnr {
	display: flex;
	justify-content: center;
	padding: 0 3%;
	gap: 4%;
	margin: 10px 0 8px;
	}
	.header_bnr img {
	width: 120%;
	}	
	
	
.header_contact2 { /*お問い合わせボタンを隠した*/
	display: none;
    /* display: block;
    float: none;
    margin: 4px auto 0;
    padding: 0;
    width: 98%; */
}
.header_contact2 a:link,
.header_contact2 a:visited,
.header_contact2 a:active,
.header_contact2 a:hover {
    padding: 17px 0;
    width: 100%;
    display: block;
}
	
}


/*
	=============================== ヘッダー　グロナビ　変更　20260410 ===============================
*/


.navi_body2 {
	width: 510px;
	margin: 0 auto;
	height: 58px;
}

.navi_body2 li {
	font-size: 15px;
	font-weight: normal;
	color: #333333;
	display: inline;
	padding-right: 5px;
}

.navi_body2 li:last-child {
	padding-right: 0;
}

.navi_body2 li a {
	display: inline-block;
	border: solid 1px #333333;
	padding: 8px 11px 6px 11px;
	background-color: #FFFFFF;
	margin: 10px 0 0 0;
}

.navi_body2 li a:link,
.navi_body2 li a:visited {
	color: #333333;
	text-decoration: none;
}

.navi_body2 li a:hover {
	color: #333333;
	text-decoration: none;
	/*opacity:0.7;*/
	background-color: #d3edfb;
	transition: background 0.5s ease;
}

/* ============================== レスポンシブ（480pxより狭い場合） ============================== */
@media screen and (max-width: 480px) {
	
	
	
	
}