@charset "UTF-8";

/* ========================================
   @media screen and (min-width: 768px),print
======================================== */
@media screen and (min-width: 768px),print {

/* portfolio -------------------------------------*/
#portfolio .system-contents {
   width: min(95%, 1640px);
   padding: 0 0 7.5rem;
}
#portfolio .system-list {
	gap: calc(60 / 1920* 100vw) calc(100 / 1920 * 100vw);
}
#portfolio .system-pic {height: 20rem;margin-bottom: 0.5rem;}
#portfolio .system-pic img {width: 100%;height: 100%;object-fit: cover;}
#portfolio .system-pic img:hover {
   opacity: 0.7;
}
#portfolio .system-area {
	font-size: 14px;
	font-weight: 400;
	line-height: 2.85714;
	letter-spacing: 0.05em;
}
#portfolio .system-contents.single .system-area {
	text-align: center;
}
#portfolio .system-name {
	text-align: center;
	margin-bottom: 1rem;
}
#portfolio .system-ttl-01 {
	font-size: 20px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0.05em;
	border-bottom: 1px solid #1C1C1C;
	display: inline-block;
}
#portfolio .system-contents02.other {
   width: min(95%, 1640px);
}

#portfolio .system-contents-inner1{
	width: min(95%, 1280px);
	margin-inline: auto;
}
}


/* ========================================
   @media screen and (max-width: 767px)
======================================== */
@media screen and (max-width: 767px) {

/* portfolio -------------------------------------*/
#portfolio .system-contents {
   padding: 0 0 19.3236714976vw;
   width: 89.375vw;
   margin-inline: auto;
}
#portfolio .system-list {
	gap: 4.9vw 2.4vw;
}
#portfolio .system-pic {height: 28.989vw;margin-bottom: 1.5vw;}
#portfolio .system-pic img {width: 100%;height: 100%;object-fit: cover;}
#portfolio .system-pic img:hover {
   opacity: 0.7;
}
#portfolio .system-area {
   font-size:2.898vw;
   font-weight: 400;
   line-height: 2;
   letter-spacing: 0.05em;
}
#portfolio .system-contents.single .system-area {
	text-align: center;
}
#portfolio .system-name {
	text-align: center;
	margin-bottom: 1vw;
}
#portfolio .system-ttl-01 {
   font-size:3.623vw;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0.05em;
	border-bottom: 0.2vw solid #1C1C1C;
	display: inline-block;
}
}