@charset "utf-8";

/*------------------------------*/
/* メインタイトル */
.main_header_frame {
	background-image: url('../image/common/header_image_equipment.jpg');
	background-size: cover;
	background-position: center;
}

/* 迷彩背景枠 */
.camouflage_bg_equipment {
	background-image: url('../image/common/camouflage_bg.jpg');
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	padding-bottom:200px;
}

/*------------------------------*/
/* 背景色 */
.background_color_426041 {
	background-color: #426041;
}

/* SVGタイトル */
.equipment_menu {
	height:70px;
	width: auto;
}

/* 火器・火砲 [背景] */
.firearms_artillery_bg {
	background-image: url('../image/common/firearms_artillery.jpg');
	background-size: cover;
	background-position: center;
	height:300px;
}

/* 航空機 [背景] */
.aircraft_bg {
	background-image: url('../image/common/aircraft.jpg');
	background-size: cover;
	background-position: center;
	height:300px;
}

/* 車両 [背景] */
.vehicle_bg {
	background-image: url('../image/common/vehicle.jpg');
	background-size: cover;
	background-position: center;
	height:300px;
}

/* 施設 [背景] */
.facility_bg {
	background-image: url('../image/common/facility.jpg');
	background-size: cover;
	background-position: center;
	height:300px;
}

/* 需品 [背景] */
.supplies_bg {
	background-image: url('../image/common/supplies.jpg');
	background-size: cover;
	background-position: center;
	height:300px;
}

/* タブレット */
@media only screen and (max-width:1024px) {
	.firearms_artillery_bg, .aircraft_bg, .vehicle_bg, .facility_bg, .supplies_bg {
		height:200px;
	}
	/* SVGタイトル */
	.equipment_menu {
		height:55px;
	}
}
/* スマホ */
@media only screen and (max-width:599px) {
	.firearms_artillery_bg, .aircraft_bg, .vehicle_bg, .facility_bg, .supplies_bg {
		height:150px;
	}
	/* SVGタイトル */
	.equipment_menu {
		height:40px;
	}
}

/*------------------------------*/
/* 右向きの矢印 1 */
.right_arrow_index_1 {
	height:30px;
	width:auto;
	margin-left:10px;
}
/* スマホ */
@media only screen and (max-width:599px) {
	/* 右向きの矢印 1 */
	.right_arrow_index_1 {
		height:20px;
	}
	.min_height_70 {
		min-height:50px;
	}
}


/* リンクボタン */
.parent_element_link:hover {
	transition: 0.5s;
	transform: translateX(10px);
}

/*------------------------------*/
/* ページ下部背景枠 */
.equipment_bottom_frame {
	background-image: url('../image/common/equipment_bottom_image.jpg');
	background-size: cover;
	background-position: center;
	height:400px;
}

/*------------------------------*/
/* アニメーションマスク (LEARN MORE) */
.learn_more_mask {
	height:0%;
	width:100%;
	overflow: hidden;
	position: absolute;
	bottom:0px;
	transition: 0.3s;
}

.learn_more_mask_inner {
	width:100%;
	position: absolute;
	bottom:0px;
}