@charset "utf-8";

/* ------------------------------ */
/* 固有フォト */
.impact_text {
	font-family: "din-2014-narrow", sans-serif;
	font-weight: 800;
	font-style: normal;
	font-size: 9vw;
	line-height: 0.9;
	color:#908d5c;
}

/* ------------------------------ */
/* スライダー枠 */
.auto_slid_image {
	width:100%;
	height:100%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

/* ------------------------------------------------------------ */
/* スライダー下の斜め背景画像 */
.index_header_bg_t_frame {
	position: relative;
	background-image: url('../image/index_header_bg_t.webp');
	background-position: bottom center;
	background-size: 100% auto;
	background-repeat: no-repeat;
	transform: translateY(-55%);
	z-index: 2;
}

/* スライダー下の斜め背景画像のスペーサー枠 */
.index_header_bg_t {
	position: relative;;
	width:100%;
	height:auto;
	transform: translateY(-55%);
}

/* ------------------------------ */
/* 部隊ロゴ */
.infantry_regiment {
	position: absolute;
	width:100%;
	height:auto;
	z-index: 1;
	top:0px;
	left:0px;
	color:#908d5c;
	transform: rotate(15deg) translateY(40%);
	transform-origin: bottom left;
}

/* ------------------------------ */
/* 第20普通科連隊とは？ */
.index_header_bg_b_frame {
	background-image: url('../image/index_header_bg_b.webp');
	background-position: top center;
	background-size: 100% auto;
	background-repeat: repeat-y;
}

/* ------------------------------------------------------------ */
/* 連隊長の枠の背景 */
.regimental_commander_bg {
	background-image: url('../image/regimental_commander.png');
	z-index: -1;
}
/* スマホ */
@media only screen and (max-width:599px) {
	.regimental_commander_bg {
		background-image: url('../image/regimental_commander_sp.png');
		z-index: -1;
	}
}

/* 連隊長枠タイトル */
.regimental_commander_title {
	width:100%;
	max-width:400px;
	height:auto;
	padding:50px 10px;
}

/* 連隊長サブタイトル帯 */
.regimental_commander_title_bar {
	background-image: url('/common_assets/image/regimental_commander_title_bar.webp');
	background-position: center center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

/* 連隊長の写真 */
.commander_image_frame {
	margin-left: auto;
	margin-right: auto;
	width:270px;
	height:270px;
	padding:10px;
	background: radial-gradient(circle,
		#bf9b46 0%,
		#bf9b46 57%,
		#ffffff 59%,
		#ffffff 60%,
		#fff57f 60%,
		#fff57f 62%,
		#bf9b46 70%,
		#bf9b46 100%);
	border-radius: 50%;
}
.commander_image_frame_inner {
	border-radius: 50%;
	overflow: hidden;
}

/* 連隊長の写真枠 */
.regimental_commander_frame {
	transform: translateY(-25%);
}

/* タブレット */
@media only screen and (max-width:1024px) {
	.regimental_commander_frame {
		transform: none;
	}
}

/* ------------------------------------------------------------ */
/* 新着情報タイトル */
.whats_new_title {
	width: 100%;
	max-width: 500px;
}

/* 兵士写真 */
.soldier_with_gun {
	width:60%;
	max-width: 650px;
	height: auto;
	position: absolute;
	bottom:0px;
	left:0%;
}

/* ------------------------------------------------------------ */
/* フリースペース枠 */
.motorcycle_scenery_frame {
	background-image: url('/common_assets/image/motorcycle_scenery.webp');
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	text-shadow: 4px 4px 20px rgba(0, 0, 0, 1);
}
/* スマホ */
@media only screen and (max-width:599px) {
	.motorcycle_scenery_frame {
		background-image: url('/common_assets/image/motorcycle_scenery_sp.webp');
	}
}

/* フリースペース コンテンツ枠 */
.motorcycle_scenery_inner {
	background-color: rgba(255,255,255,0);
	text-shadow: 4px 4px 20px rgba(0, 0, 0, 1);
	color:#ffffff;
}

/* ------------------------------------------------------------ */
/* 軍の敬礼の枠 */
.military_salute_frame {
	height:800px;
	overflow: hidden;
}

/* タブレット */
@media only screen and (max-width:1024px) {
	.military_salute_frame {
		height:600px;
	}
}

/* スマホ */
@media only screen and (max-width:599px) {
	.military_salute_frame {
		height:400px;
	}
}

/* 部隊ロゴ */
.infantry_regiment_logo {
	position: absolute;
	top:10%;
	right:10%;
	z-index: 1;
	width:100%;
	max-width: 15%;
	min-width: 300px;
}

/* タブレット */
@media only screen and (max-width:1024px) {
	.infantry_regiment_logo {
		min-width: 200px;
	}
}

/* スマホ */
@media only screen and (max-width:599px) {
	.infantry_regiment_logo {
		min-width: 150px;
	}
}

/* 軍の敬礼 */
.military_salute_image {
	position: absolute;
	top:0px;
	left:0px;
	background-image: url('../image/military_salute_bg.webp');
	width:100vw;
	height:100%;
	transform-origin: center left; /* 左固定 */
	transform: scale(1.1);
	background-position: bottom center;
	background-size: cover;
	background-repeat: no-repeat;
}

/* 司令官 */
.military_salute {
	height:100%;
	transform: translateX(-70px);
}