@charset "utf-8";
/* CSS Document */
/* ----------------------------------------------- */
/* staff iindex
-------------------------------------------------- */
.scroll_b { padding: 0; transition: 1s ease;}

.result--index--inner { width:min(1240px, 94%);  margin:0 auto 200px;}
.result--index--inner .Content02 { display: grid; max-width:388px; }
.result--index--inner .Content02 a {
	display: grid; grid-template-rows: auto 2fr auto; grid-row: span 3; align-items: start;
}
.result--index--inner .image {
	width: 100%;
	aspect-ratio: 4 / 2.7; /* ←縦横比（例：4:3） */
	overflow: hidden; 
	margin-bottom: 15px;
}
.result--index--inner .image img { width: 100%; height: 100%; object-fit: cover;}
.result--index--inner .image span { 
	position: absolute; left: 7px; top:7px;
	width:75px; height:auto;
	z-index: 4;
	
	display: none;
}
.result--index--inner .works--summary { margin:14px 0 0;}

.result--index--inner .Content02 p::after  { padding-top: 0;}


.caseFlexBox { gap:60px 40px;}
.caseFlexBox {}

.Content02 p::after { border: none;}

@media print, screen and (min-width: 1155px){	
}
@media print, screen and (max-width: 1154px){	
}
@media print, screen and (max-width: 768px){
	.staff--index--inner { margin-bottom: 100px;}
	
	.result--index--inner .image span { width:75px;}
	
	.ul--staff--list,
	.ul--staff--list li a { display: block; }
	.ul--staff--list li,
	.ul--staff--list li .photo { width:100%;}
	.ul--staff--list li .name { margin:5px 0 20px;}
	.ul--staff--list li .name span { display: inline;}
	
	
}


/* ----------------------------------------------- */
/* works detail
-------------------------------------------------- */
.works--inner { width:min(800px, 94%); margin:0 auto 200px;}
.works--inner img { max-width:100%; width:100%; height: auto; marin:0 auto;}
.works--inner img.web { display: block; width:60%; max-width:500px; margin: 40px auto 0;}
.works--inner iframe { margin:40px auto 15px;}

.works--inner .mv { position:relative;}
.works--inner .mv .icn {
	position: absolute; top:14px; left:14px;
	width:150px; height: auto;
	z-index: 4;
	
	display: none;
}

.works--inner .top--sec02--ttl { 
	margin:20px 0 40px; padding: 0 0 10px; 
	font-size:min(24px, 4.3vw); font-weight: 500; line-height: 1.5; text-align: left;
	border-top:0; border-bottom-width: 1px;
}
.works--inner h3 { margin: 1.2em 0 .8em; font-size:18px; font-weight: bold;}

.works--summary { display: flex; gap:14px; font-size:15px;}
.works--summary .cat { width:8em;}
.works--summary .cat span { display: block; line-height: 1.7; color: #fff; text-align: center; background:#45ab35; border-radius: 30px;}
.works--summary .date { font-size:12px;}

.works--inner p + p { margin-top: 1.1em;}
.works--inner .note { text-align: right; font-size:13px;}
.works--inner img + p,
.works--inner p + img { margin-top: 40px;}
.works--inner img:last-of-type { margin-bottom: 60px;}

.works--inner .data { margin-bottom:30px; padding-bottom: 30px; border-bottom:1px solid #ddd; }
.works--inner .data p { font-size:14px;}
.works--inner p a { position: relative; transition: .4s all; color: #45ab35;}
.works--inner p a::after {
	content:''; position: absolute; left: 0; bottom:0; width:100%; height:1px;
	background: #45ab35;
}
.works--inner p a:hover { opacity: .5;}

.TitleStyle_st01 { margin:1em auto 2em; font-size:min(38px, 5vw); font-weight: bold;}

.name { margin: 35px 0; font-size: 16px;}
.name span { margin-right: 1em; font-size: 14px; color:#45ab35;}

.btn--back { margin-top: 100px; text-align: center;}
.btn--back a { 
	position: relative; display: block;
	width:min(390px, 80%); margin:0 auto;
	font-size:18px; font-weight: 500; color: #45ab35; line-height: 74px;
	border:3px solid #45ab35; border-radius: 50px;
	transition: .4s all;	
}
.btn--back a::before {
	content:'';
	position: absolute; left: 24px; top:50%; transform: translateY(-50%);
	width:25px; height: 25px;
	background: url("../img/ar_back.svg") center center no-repeat;
	background-size:100% auto;
}
.btn--back a:hover { color: #fff; background: #45ab35;}

/*
#45ab35
*/

@media print, screen and (min-width: 1155px){
	
}
@media print, screen and (max-width: 1154px){
	
}
@media print, screen and (max-width: 768px){
	.staff--inner { margin-bottom: 100px;}
	.staff--inner dd p { font-size:15px; line-height: 1.6;}
	
	.btn--back { margin-top: 60px;}
	.btn--back a { line-height: 54px;}
	.btn--back a::before { left: 14px;}
	
	.works--inner img.web { display: block; width:100%; max-width:500px; margin: 40px auto 0;}
	
	.works--inner .mv .icn { width:75px;}
}