@charset "utf-8";
/* common */
html{
	width:100%;
	height:100vh;height: 100lvh;
	-webkit-overflow-scrolling: touch;
}

html body{
	position: relative;
	z-index: 1;
	font-size:13pt;
	line-height:150%;
	font-family:'_Roboto', 'Noto Serif JP',serif;
	font-weight:400;
	color:#eee;
	width:100%;
	height:100vh;height: 100lvh;
	-webkit-overflow-scrolling: touch;
	margin:0;
	padding:0;
	background: #000;
	overflow-x: hidden;
}

html body::before{
	content:'';
	position: fixed;
	z-index: -4;
	width:100%;
	height:100vh;height: 100lvh;
	-webkit-overflow-scrolling: touch;
	background: rgba(0,0,0,0.90);
}

html body::after,top_back::after{
	content:'';
	position: fixed;
	z-index: -5;
	width:100%;
	height:100vh;height: 100lvh;
	-webkit-overflow-scrolling: touch;
	background: url('../img/back_all.jpg') no-repeat center center;
	background-size: cover;
}

html .fn{ font-weight: 400 !important; }
html .fb{ font-weight: 700 !important; }

@media only screen and (max-width: 768px) {
	html body{ font-size:12pt; }
}	/* @media only screen and (max-width: 768px) { */


.container, .container-md, .container-sm {
	margin: 0 auto;
	padding: 0 30px;
}

@media (min-width: 768px) {
    .container, .container-md, .container-sm {
        max-width: 720px;
    }
}
@media (min-width: 576px) {
    .container, .container-sm {
        max-width: 540px;
    }
}@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 1320px;
    }
}


h1,h2,h3,h4,h5,h6{
	line-height: 150%;
	color:#fff;
}

h3 {
	margin: 0;
}

a{
	color:#d60b30;
	text-decoration: none;
	transition: 0.3s ease-in-out;
}

a:hover{ opacity: 0.75; }
.color_a{ color:#d60b30; }
.color_h{ color:#d60b30; }
.color_films{ background: -webkit-linear-gradient(-90deg, #a8842a, #bea473);-webkit-background-clip: text;-webkit-text-fill-color: transparent; }
.color_films .cfm{ background: -webkit-linear-gradient(-90deg, #d63f42, #e1625b);-webkit-background-clip: text;-webkit-text-fill-color: transparent; }
.back_a{ background: #d60b30; }
.back_h{ background: #d60b30; }
.body_on{	overflow: hidden; }
.hr_a{ border-top: 1px dotted #d60b30; }

.back_b{ background:#141414; }
.color_fi{ color:#ce923c; }
.back_fi{ background:#ce923c; }

ul {
	list-style: none;
}
.link_btn a{
	display: block;
	padding:15px 5px 20px 5px;
	text-align: center;
}

/* scroll bar */
.scroll_bar::-webkit-scrollbar{
	width:5px;
	background:#666;
}

.scroll_bar::-webkit-scrollbar-button{
	width:5px;
	height:5px;
	background:#333;
}

.scroll_bar::-webkit-scrollbar-piece{
	background:#333;
}

.scroll_bar::-webkit-scrollbar-piece:start{
	background:#333;
}

.scroll_bar::-webkit-scrollbar-thumb{
	background:#333;
}

.scroll_bar::-webkit-scrollbar-corner{
	background:#333;
}

.arrow_cright{
	display: inline-block;
	transform: rotate(90deg);
	background: #1e2c5c;
	padding: 5px 5px 5px 5px;
	border-radius: 50%;
	color: #fff;
	line-height: 100%;
	margin-top: 2px;
	margin-right: 5px;
}

/* btn  */
.btn{
	display: none;
	cursor: pointer;
	z-index: 1;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

.btn_none{ display: none !important; }

/* page-top */
#page-top {
	position: fixed;
	bottom: 100px;
	right: -50px;
	z-index:100;
	transition: 0.3s ease-in-out;
}

#page-top.ptbtn_on{ right:0px;transition: 0.3s ease-in-out; }

#page-top a {
	display:block;
	background:#d60b30;
	color:#fff;
	text-align: center;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	padding:15px 5px;
}

#page-top a:hover{
	background:rgba(0,0,0,0.95);
	color:#fff;
	opacity: 1.0;
}

#page-top.hidden_top{
	z-index: -1;
}

.fi{ font-style: italic; }

header,main,footer{ z-index:2; }

.ani_slide {
	min-width: 300px;
	border:1px solid #a10000;
	background: #a10000;
	color: #fff;
	overflow: hidden;
	position: relative;
	z-index: 1;
	padding: 10px 50px;
}

.ani_slide.anis_fi{
	background:#ce923c;
	border:1px solid #ce923c;
}

.ani_slide::after {
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 100%;
	transform: scale(0, 1);
	transform-origin: left top;
	transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
	z-index: -1;
}
.ani_slide:hover {
	color: #d60b30;
	opacity: 1.0;
	letter-spacing:0.05em;
}

.ani_slide.anis_fi:hover { color:#ce923c; }

.ani_slide:hover::after {
	transform: scale(1, 1);
	opacity: 1.0;
}

.ani_ul {
	position: relative;
	display: inline-block;
	text-decoration: none;
}
.ani_ul::after {
	position: absolute;
	bottom: -2px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: #fff;
	transform: scale(0, 1);
	transform-origin: right top;
	transition: transform .3s;
}
.ani_ul:hover::after {
	transform-origin: left top;
	transform: scale(1, 1);
}

.ani_img{
	display: block;
	width:100%;
	overflow: hidden;
}

.ani_img img{ transition:0.3s all; }
.ani_img img:hover{ transform:scale(1.1);transition:0.3s all;opacity:1.0; }
a:hover.ani_img{ opacity:1.0; }

/* header */

.header_fixed{
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	z-index:10;
	transition: 0.3s ease-in-out;
	background: rgba(0,0,0,0.95);
}

.header_pc{
	top:-100%;
	transition: 0.3s ease-in-out;
}

.header_inner{
	position: relative;
	display: flex;
	flex-wrap: wrap;
}

.header_inner h1{
	position: fixed;
	top:15px;
	left: 30px;
	z-index: 1000001;
	width:120px;
	transition: 0.3s ease-in-out;
	margin: 0;
}

.header_scrl .header_inner h1{ width:80px; }

.header_nav{
	width:calc(100% - 150px);
	margin-left:150px;
}

.header_nav ul{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	margin: 0 -10px;
	box-sizing: border-box;
}

.header_nav ul li{
	margin-left:5px;
	margin-right:5px;
}

.header_nav ul li a{
	color:#fff;
	padding-left:5px;
	padding-right:5px;
}
.header_nav ul li a.current{
	background: #d60b30;
	color:#fff;
}

/* footer */
footer{
	margin-top:400px;
}

#back_footer{
	display: none;
	position: fixed;
	z-index: -6;
	top:0;
	left: 0;
	width: 100%;
	height:100vh;height: 100lvh;
}

#back_footer.bf_on{
	z-index:-2;
	display: block;
}

footer h1{	width:120px; }
footer a{ color:#fff; }

.footer_main{
	position: relative;
	z-index: 2;
}

.footer_mes{
	position: relative;
	z-index: 1;
	margin-top:-80px;
	margin-right:30px;
}

.footer_mes h3{ color:rgba(255,255,255,0.20); }
#copyright{
	background: rgba(20,20,20,1.0);
	color:#ccc;
	padding:3px 5px;
	text-align: center;
	margin: 0;
}

/* top */
#top_mv{
	position: fixed;
	z-index: -2;
	top:0;
	left: 0;
	width: 100%;
	height:100vh;height: 100lvh;
}

#top_mv .div_video div,.bg_cir{
	position: absolute;
	z-index: 3;
	top:0;
	left: 0;
	width: 100%;
	height:100vh;height: 100lvh;
	background: url('../img/back_top.png') no-repeat center center;
	background-size: cover;
}

#top_mv .div_video div::before{
	content:'';
	position: absolute;
	z-index: 2;
	top:0;
	left: 0;
	width: 100%;
	height:100vh;height: 100lvh;
	background-image: radial-gradient(rgba(0,0,0,0.50) 10%, transparent 90%);
	background-color: rgba(0,0,0,0.10);
	background-position: 0 0;
	background-size: 3px 3px;
}

#top_mv .div_video video{
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

#top_mv .top_slick_slider{
	display: none;
	position: absolute;
	z-index: 3;
	top:0;
	left: 0;
	width: 100%;
	height:100vh;height: 100lvh;
}

.add-animation{
	animation: zoomUp 10s linear 0s normal both;
}

@keyframes zoomUp {
	0% { transform: scale(1); }
	100% { transform: scale(1.15); }
}

#top_mv .div_txt{
	display: flex;
	align-items: center;
	width: 100%;
	height:100vh;height: 100lvh;
	position: relative;
	z-index: 4;
}

#top_mv .div_txt span{
	display: inline-block;
	padding:10px 20px;
	background:
		linear-gradient(45deg, rgba(33,33,33,1.0) 25%, transparent 25%, transparent 75%, rgba(33,33,33,1.0) 75%),
		linear-gradient(45deg, rgba(33,33,33,1.0) 25%, transparent 25%, transparent 75%, rgba(33,33,33,1.0) 75%);
	background-size: 6px 6px;
	background-position: 0 0,3px 3px;
	background-color: rgba(33,33,33,0.50);
}

.top_btn{
	position: absolute;
	z-index: 5;
	bottom:20px;
	right:20px;
}

.top_btn a{
	position: relative;
	z-index: 2;
	display: inline-block;
	width:150px;
	height: 150px;
	border-radius: 50%;
	background: #222;
}

.top_btn a:hover{ letter-spacing:0.2em; }

.top_btn a::before{
	content: '';
	position: absolute;
	z-index: 1;
	width:calc(100% - 20px);
	height: calc(100% - 20px);
	top:0;
	left: 0;
	border:1px solid #999999;
	margin:10px;
	border-radius: 50%;
	transition: 0.3s ease-in-out;
}

.top_btn a:hover::before{
	width:calc(100% - 0px);
	height: calc(100% - 0px);
	margin:0px;
}

.top_btn a span{
	display: flex;
	align-items: center;
	justify-content: center;
	width:100%;
	height: 100%;
	text-align: center;
}

.tab_menu{
	position: fixed;
	z-index: 10;
	bottom:0;
	left: 0;
	width: 100%;
}

.sec_back{
	background: rgba(20,20,20,0.95);
}

#top_strongpoint{
	margin-top:100vh;margin-top:100lvh;
}

.top_abimg{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin-left:-10px;
	margin-right:-10px;
}

.top_abimg img{
	width:calc(50% - 20px);
	margin-left:10px;
	margin-right:10px;
}

.top_stpimg img.tdpi_1{
	margin-left:0px;
}

.top_stpimg img.tdpi_2{
	margin-left:20%;
}

.top_info_box{
	background: rgba(20,20,20,0.95);
	margin-left:15%;
}

.top_info_box{
	padding:50px;
}

.top_parallax {
	width: 100%;
	height: 700px;
	position: sticky;
	top: 0;
	left: 0;
	z-index: -1;
}

.top_parallax p{
	width: 100%;
	height: 100%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
}

.top_parallax div{
	position: absolute;
	z-index: 1;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}

.top_parallax img{ width:100%; }

/* page */
#page_title{
	position: relative;
	z-index: 2;
}

#page_title::before{
	content:'';
	position: absolute;
	z-index: -1;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: radial-gradient(rgba(0,0,0,0.50) 10%, transparent 90%);
	background-color: rgba(0,0,0,0.10);
	background-position: 0 0;
	background-size: 3px 3px;
}
.ptitle span{
	position: relative;
	display: inline-block;
	min-width: 300px;
	padding:3px 0px;
	border-top:1px solid #d60b30;
	border-bottom:1px solid #d60b30;
}

.ptitle span::before{
	content: '';
	position: absolute;
	top:-4px;
	left: 0;
	width:100%;
	height: 1px;
	background: #d60b30;
}

.ptitle span::after{
	content: '';
	position: absolute;
	bottom:-4px;
	left: 0;
	width:100%;
	height: 1px;
	background: #d60b30;
}

#page_title.page_title_pd::before{
	background-image: radial-gradient(rgba(0,0,0,0.75) 10%, transparent 90%);
	background-color: rgba(0,0,0,0.50);
	background-position: 0 0;
	background-size: 3px 3px;
}

.con_back{
	position: relative;
	z-index: 1;
}
.con_back::before {
	content: '';
	position: absolute;
	z-index: -2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: radial-gradient(rgba(0,0,0,0.90) 10%, transparent 90%);
	background-color: rgba(0,0,0,0.75);
	background-position: 0 0;
	background-size: 3px 3px;
}

.con_back::after {
	content: '';
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, rgba(0,0,0,1.0) 0%,rgba(0,0,0,0.25) 40%, rgba(0,0,0,0.0) 100%);
}
.inner_page{ padding-top:52px; }
.page_contents{ background:rgba(0,0,0,1.0);min-height:600px; }
.page_contents:nth-child(odd){ background:rgba(20,20,20,1.0); }

.policy{
	padding:80px 30px;
	border:1px solid #ccc;
}

.policy ul{
	margin-left:30%;
}

.logo_policy{
	width: 150px;
}

.d_dldd{
	padding:15px 5px 10px 5px;
	border-bottom:1px solid #444;
}

.d_dldd:nth-child(even){
	background: rgba(25,25,25,1.0);
}

.google_map {
	width: 100%;
	height: 600px;
	overflow: hidden;
}

.google_map iframe{
	width:100%;
	height: 960px;
	margin-top:-170px
}

.txt_sc{
	background: rgba(0,0,0,0.75);
	border:1px solid #666;
	padding:20px;
}

.fbox{
	border:1px solid #666;
	padding:20px 20px 20px 20px;
}

.fbox .d_dldd:last-child{ border:none; }

/* div_grid */

.sec_f_mv{
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.sec_f_txt{
	position: relative;
	z-index:2;
}

.f_container{
	position: relative;
	z-index: 5;
}

.f_mv{
	position: absolute;
	z-index: 2;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.f_mv::before{
	content: '';
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: radial-gradient(rgba(0,0,0,0.90) 10%, transparent 90%);
	background-color: rgba(0,0,0,0.50);
	background-position: 0 0;
	background-size: 3px 3px;
}

.f_mv video{
	position: absolute;
	width: 100%;
	top: 50%;
	left: 60%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.tf_img{
	width: 300px;
	margin-left:auto;
	margin-right:auto;
	margin-top:-10%;
}

.pdd {
	display: flex;
	flex-wrap: wrap;
}

.pdd span:first-child{
	display: block;
	width:55px;
}

.pdd span:nth-child(2){ width:calc(100% - 55px); }

.contact_form .f_reuqired{
	display: block;
	font-size: 8pt;
	color:#f00;
	line-height: 130%;
}

.contact_form label{ display:block;padding-left:10px; }
.contact_form input[type=text],
.contact_form textarea{
	width:100%;
	border:1px solid #666;
	padding:5px;
	background: #333;
}

.contact_form.f_readonly input[type=text],
.contact_form.f_readonly textarea{
	border:0;
	padding:0 5px;
	background: none;
}

.contact_form textarea{ height:250px; }

.form_btn{ transition: 0.3s ease-in-out; }

.btn_next{
	display: block;
	width: 100%;
	padding:10px;
	text-align: center;
	border:1px solid #fff;
	background: #000;
	box-shadow:0px 4px 0px #333;
}

.btn_prev{
	display: block;
	width: 100%;
	padding:10px;
	text-align: center;
	border:1px solid #999;
	background: #333;
	box-shadow:0px 4px 0px #333;
}

button:hover.form_btn{
	transform: translateY(4px);
	box-shadow:0px 0px 0px #333;
	opacity: 0.80;
}

.f_complete{ min-height:500px; }

.akr li{
	display: flex;
	flex-wrap: wrap;
}

.akr li span:first-child{ width:35px; }
.akr li span:nth-child(2){ width:calc(100% - 35px); }

.pro_item{
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	margin-left:-7.5px;
	margin-right:-7.5px;
}

.pro_item li{
	display: block;
	min-width: 100px;
	text-align: center;
	margin-left:7.5px;
	margin-right:7.5px;
}

.pro_item li a{
	display: block;
	border:1px solid #fff;
	background: rgba(255,255,255,0.0);
	color:#fff;
	padding:5px 15px;
}

.pro_item li a:hover{
	border:1px solid #d60b30;
	background: #d60b30;
	color:#fff;
}

.gi_p{
	border-bottom:1px dotted #999;
	padding-bottom:20px;
}

#page_contact{
	background: #141414;
}

/* contact_form */
.contact_form input[type=text],
.contact_form textarea{
	width:100%;
	border:1px solid #666;
	padding:10px;
}
.contact_form textarea{ height:250px; }
.contact_form label{ cursor:pointer; }
.contact_form .error{ display:block;margin-top:5px; }
.contact_form input.zipcode{ width:150px; }
.contact_form select {
	min-width: 200px;
	background: #fff;
	border:1px solid #ccc;
	padding:10px;
	-moz-appearance: menulist-button;
	-webkit-appearance: menulist-button;
	appearance: menulist-button;
}

.con_require{
	font-size: 8px;
	color:#f00;
	font-weight: normal;
	margin-left:5px;
}

.contact_form .contact_btn{
	display: flex;
	align-items: center;
}

.contact_form .contact_btn input,
.contact_form .contact_btn button{
	display: block;
	width: 200px;
	transition: 0.3s ease-in-out;
	padding:10px 15px;
	text-align: center;
	background: #f00;
	border:1px solid #222;
	margin-right:20px;
	box-shadow: 1px 1px 1px #333;
}

.contact_form .contact_btn input:hover,
.contact_form .contact_btn button:hover{
	pacity:0.75;
	border:1px solid #999;
	background: #000;
	box-shadow: 0px 0px 0px;
}

html .mw_wp_form .error{ color:#f00; }

.tm_inner{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
}

.tm_con{
	width:15%;
	position: relative;
}

.tm_title{ transition: 0.3s ease-in-out; }
.tm_txt{
	position: absolute;
	bottom: -500px;
	transition: 0.3s ease-in-out;
	z-index: -1000;
	opacity: 0.0;
	width:100%;
}

.tm_txt.on{
	position: relative;
	bottom: 0px;
	z-index: 1;
	transition: 0.3s ease-in-out;
	opacity: 1.0;
}

.tm_title.off{ display:none; }

.tmt_p{
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	margin-right:2px;
	background: #222;
	padding: 15px 15px;
}

.tmt_div{
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	margin-right:2px;
	background: #222;
	padding: 0px 15px 15px 15px;
}

.tmt_div .ani_slide{
	min-width:10px;width:100%;
	padding:5px;
}

/* top animation */
#top_ani{
	position: fixed;
	top: 0;
	left: 0;
	background: #000;
	width: 100%;
	height:100vh;height: 100lvh;
	z-index:100000;
}

.top_ani_mask{
	position: fixed;
	background: #000;
	width: 100%;
	height:100vh;height: 100lvh;
	z-index:100001;
}

.n1,
.n2,
.n3
{
	display: none;
}

.n1 p,.n2 p,.n3 p{
	position: absolute;
	top:0;
	left:0;
	padding:30px;
	width: calc(100% - 0px);
	height: calc(100% - 0px);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	z-index: 101;
}

.top_ani_skip span{
	position: relative;
	z-index: 200;
	display: inline-block;
	padding:3px 15px;
	margin-top:5px;
	margin-left: 5px;
	cursor: pointer;transition: 0.3s ease-in-out;
	border:1px solid #999;
}

p:hover.top_ani_skip span{
	background: #ccc;
	color:#000;
}

.p_hr{
	padding:5px 0px;
	margin:5px 0px;
	border-top:1px solid #333;
}

.fbox .fa_rep{
	display: flex;
	flex-wrap: wrap;
}

.fbox .fa_rep dt{  width:calc(100% - 50px); }
.fbox .fa_rep dd{  width:50px;text-align:right; }

.fbox .d_dldd{
	border-bottom:1px solid #999 !important;
}

.fbox .fa2,.fbox .fa3{ background:rgba(32,32,32,1.0); }

.info_content{ min-height:300px; }

/* sidebar accordion */
.acc_toggle { display: none; }
.acc_menu { position: relative;margin-bottom: 1em; }
.acc_title,
.acc_con {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;
}

.acc_title::after,
.acc_title::before {
content: "";
position: absolute;
left: 5px;
top: 10px;
width: 1px;
height: 0.75em;
background-color: #999;
transition: all 0.3s;
}
.acc_title::after {
transform: rotate(90deg);
}
.acc_con {
max-height: 0;
overflow: hidden;
}
.acc_toggle:checked + .acc_title + .acc_con {
	max-height: 500px;
	transition: all 1.5s;
}
.acc_toggle:checked + .acc_title::before {
transform: rotate(90deg) !important;
}

.sidebar_box{
	background: #111;
	border:1px solid #333;
	padding:20px;
}

.info_div{
	display: flex;
	flex-wrap: wrap;
	background: #222;
	border:1px solid #1a1a1a;
}

.info_div .inner_img{ width:20%;  }
.info_div .inner_div{ width:calc(80% - 10px);margin-left:10px;  }
.inner_more span{
	display: inline-block;
	padding:3px 10px;
	background: #eee;
	color: #d60b30;
	line-height: 100%;
}

#load-more{
	background: #d60b30;
	color: #fff;
	padding: 5px 40px;
	text-align: center;
	transition: 0.3s ease-in-out;
}

button:hover#load-more{ opacity:0.80; }

.row.gutter18 {
  --bs-gutter-x: 1.8rem; /* 水平方向の間隔 */
}

/*****
 * 施工事例一覧
 *****/

.case #page_title {
	background-image: url(../case/fv.jpg);
	background-repeat: no-repeat;
	background-position: 50% 10%;
	background-size: cover;
}
.case.flims-case #page_title {
	background-image: url(../2026-04-09/58.jpg);
	background-position: 50% 50%;
}


.row {
	display: flex;
    flex-wrap: wrap;
}

.col-6 {
	flex: 0 0 50%;
	max-width: 50%;
}
@media (min-width: 992px) {
    .col-6 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
}

.mb30 {
	padding: 0 12px;
	box-sizing: border-box;
}

.case .container img {
	aspect-ratio: 3 / 2;
    object-fit: cover;
}