@charset "utf-8";
.short_wrap {
		max-width: 1920px;
		margin: 0 auto;
		overflow: hidden
}
.short_col {
		height: 100vh;
		min-height: 700px;
		position: relative;
		background: #fff;
		overflow: hidden;
}
.safety_section .short_col:nth-child(odd) {
		background-color: #f1e9d0;
}
.short_col .safety_bg {
		position: absolute;
		top: 0;
		width: 50%;
		height: 100%;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
}
.safety_section .short_col:nth-child(odd) .safety_bg {
		left: 0;
}
.safety_section .short_col:nth-child(even) .safety_bg {
		right: 0;
}
.short_col .safety_bg.bg-1 {
		background-image: url("../images/short-1_pc.jpg")
}
.short_col .safety_bg.bg-2 {
		background-image: url("../images/short-2_pc.jpg")
}
.short_col .safety_bg.bg-3 {
		background-image: url("../images/short-3_pc.jpg")
}
.short_col .safety_bg.bg-4 {
		background-image: url("../images/short-4_pc.jpg")
}
.short_col .safety_bg.bg-5 {
		background-image: url("../images/short-5_pc.jpg")
}
.short_col .safety_bg.bg-6 {
		background-image: url("../images/short-6_pc.jpg")
}
@media(max-height: 900px) and (min-width: 768px) {
		.short_col .safety_bg.bg-6 {
				background-image: url("../images/short-6_short.jpg");
				background-size: auto 100%;
		}
}
.short_caption {
		width: 50%;
		height: 100%;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: center;
		background-repeat: no-repeat;
		background-position: right bottom;
		background-size: 80%;
		padding: 0 25px;
}
@media(min-width: 1025px) and (max-height:820px) {
		.short_caption {
				background-size: 60%;
				background-position: right bottom;
		}
}
.txt-1 {
		background-image: url("../images/short-1_txt_pc.png")
}
.txt-2 {
		background-image: url("../images/short-2_txt_pc.png")
}
.txt-3 {
		background-image: url("../images/short-3_txt_pc.png")
}
.txt-4 {
		background-image: url("../images/short-4_txt_pc.png")
}
.txt-5 {
		background-image: url("../images/short-5_txt_pc.png")
}
.txt-6 {
		background-image: url("../images/short-6_txt_pc.png")
}
.safety_section .short_col:nth-child(odd) .short_caption {
		margin-left: 50%;
}
.short_caption h3 {
		font-size: clamp(1.75rem, 0.893vw + 1.321rem, 2.75rem);
		font-weight: 500;
		line-height: 1.6;
		margin: 0 0 25px;
}
.short_caption h3 strong {
		font-weight: 500;
		font-size: 130%;
}
.short_caption h3 span.en {
		font-family: "Roboto Flex", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
		font-weight: 600;
		font-size: 120%;
		letter-spacing: 0;
		margin-right: 3px;
}
.short_caption p {
		line-height: 1.8;
		font-size: clamp(0.938rem, 0.279vw + 0.804rem, 1.25rem);
}
@media(max-width: 767px) {
		.short_caption p {
				margin-bottom: 30px;
		}
}
.link_btn {
		max-width: 320px;
		margin: 40px 0 0;
		font-weight: 500;
		line-height: 1.4;
		text-align: center;
}
.link_btn a {
		color: #c8a542;
		text-decoration: none;
		height: 70px !important;
		border: 1px solid #c8a542;
		border-radius: 60px;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		box-sizing: border-box;
		transition: background 0.4s;
		background: #fff;
}
@media(max-width: 767px) {
		.link_btn a {
				height: 52px !important
		}
}
.short_icon-1, .short_icon-2, .short_icon-3 {
		position: relative;
}
.short_icon-1::after, .short_icon-2::after, .short_icon-3::after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		right: -100px;
		width: 100px;
		height: 120px;
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 100%;
}
.short_icon-1::after {
		background-image: url("../images/short_icon-1.png")
}
.short_icon-2::after {
		background-image: url("../images/short_icon-2.png")
}
.short_icon-3::after {
		background-image: url("../images/short_icon-3.png")
}
.short_figure {
		width: 280px;
		margin: 35px auto;
}
@media(max-width: 960px) {
		.short_icon-1::after, .short_icon-2::after, .short_icon-3::after {
				top: 0;
				right: 0;
				width: 80px;
				height: 96px;
		}
		.short_figure {
				width: 220px;
				margin: 30px auto;
		}
}
@media(max-width: 840px) {
		.short_figure {
				width: 200px;
				margin: 15px auto;
		}
}
@media(max-width: 767px) {
		.short_figure {
				display: none
		}
		.short_icon-1::after, .short_icon-2::after, .short_icon-3::after {
				right: 0;
				width: 60px;
				height: 120px;
		}
}
@media (hover: hover) {
		.link_btn a:hover {
				background: #c8a542;
				color: #fff;
		}
}
.link_btn a span {
		transform: translateY(-1px)
}
.link_btn a .arw {
		position: absolute;
		top: 9px;
		right: 9px;
		width: 32px;
		height: 32px;
}
.link_btn a .arw {
		width: 8px;
		height: 8px;
		border-top: 2px solid #c8a542;
		border-right: 2px solid #c8a542;
		transform: rotate(45deg);
		position: absolute;
		right: 20px;
		top: calc(50% - 5px)
}
@media(max-width: 960px) {
		.short_col {
				height: 50vh;
				min-height: 300px;
		}
}
@media(max-width: 840px) {
		.short_col {
				height: 55vh;
				min-height: 300px;
		}
		.short_caption h3 {
				font-size: 20px;
				margin: 0 0 20px;
		}
		.travel_line div {
				font-size: 15px;
		}
}
@media(max-width: 767px) {
		.short_col {
				height: auto;
				display: block;
				margin: 0;
		}
		.short_col .safety_bg {
				position: static;
				top: 0;
				width: 100%;
				height: 93vw;
				background-position: 0 0;
				background-size: 100%;
		}
		.short_col .safety_bg.bg-1 {
				background-image: url("../images/short-1_sp.jpg")
		}
		.short_col .safety_bg.bg-2 {
				background-image: url("../images/short-2_sp.jpg")
		}
		.short_col .safety_bg.bg-3 {
				background-image: url("../images/short-3_sp.jpg")
		}
		.short_col .safety_bg.bg-4 {
				background-image: url("../images/short-4_sp.jpg")
		}
		.short_col .safety_bg.bg-5 {
				background-image: url("../images/short-5_sp.jpg")
		}
		.short_col .safety_bg.bg-6 {
				background-image: url("../images/short-6_sp.jpg")
		}
		.short_caption {
				width: 100%;
				height: 100%;
				display: block;
				box-sizing: border-box;
				padding: 30px 25px 34vw;
				padding-top: calc(23.5vw + 20px);
				padding-bottom: 30vw;
				margin: 0 !important;
				background-position: 25px top;
				background-size: 80%;
		}
		.txt-1 {
				background-image: url("../images/short-1_txt_sp.png?555")
		}
		.txt-2 {
				background-image: url("../images/short-2_txt_sp.png?555")
		}
		.txt-3 {
				background-image: url("../images/short-3_txt_sp.png?555")
		}
		.txt-4 {
				background-image: url("../images/short-4_txt_sp.png?555")
		}
		.txt-5 {
				background-image: url("../images/short-5_txt_sp.png?555")
		}
		.txt-6 {
				background-image: url("../images/short-6_txt_sp.png?555")
		}
		.safety_section .short_col:last-child .short_caption {
				padding-bottom: 100px;
		}
		.short_caption h3 {
				font-size: 22px;
				margin: 0 0 20px;
		}
		.link_btn {
				max-width: inherit;
				width: 280px;
				margin: 35px auto 0;
		}
}
@media(max-width: 767px) {
		.pcbr {
				display: none !important
		}
}
@media(min-width: 768px) {
		.short_caption .link_btn {
				margin-left: 0;
				margin-right: 0;
		}
}
.extraUpper {
		display: flex;
		justify-content: center;
		align-items: center;
}
@media(max-width: 960px) {
		.tabletbr {
				display: none
		}
}