@charset "UTF-8";
/*---------------------------------------------------------
	COMMON
---------------------------------------------------------*/
.section_content{
	padding-bottom: var(--base-110);
}
#contact .section_content{
	padding-bottom: var(--base-55);
}

/*---------------------------------------------------------
	WORKS
---------------------------------------------------------*/
#works .section_content p{
	font-size: var(--base-18);
	line-height: var(--base-30);
	margin-bottom: var(--base-60);
	padding-top: var(--base-10);
}
.works_link_box{
	position: relative;
    z-index: 20;
}
select{
	-webkit-appearance: none;
	appearance: none;
	background: url(../img/common/icon-arw-gb.svg) no-repeat right 12px center;
	background-size: 14px 8px;
}
select,
option{
	font-size: var(--base-14);
	padding: var(--base-18) min(2.109375vw, 27px);
	border: 2px solid var(--base-color-green);
	border-radius: var(--base-4);
}
select:focus-visible {
	outline: var(--base-color-green);
}
.works_wrap .section_ttl h1{
	font-size: var(--base-15);
	letter-spacing: 0.1vw;
}
.works_wrap .section_ttl h2{
	position: relative;
	font-size: var(--base-40);
	padding: var(--base-20) 0 var(--base-25);
	border-bottom: 2px solid #e6e6e6;
}
.works_wrap .section_ttl h2::before{
	content: '';
	position: absolute;
	bottom: -2px;
	width: var(--base-100);
	height: 2px;
	background: var(--base-color-green);
}
.works_wrap .section_content .section_sub_img{
	width: min(46.875vw, 600px);
	/*margin-top: 0;*/
	margin-top: var(--base-100);
}
.works_wrap .section_content .section_sub_img:before{
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	border-bottom: var(--base-60) solid transparent;
	border-left: var(--base-60) solid var(--base-color-yellow);
	z-index: 2;
}
.works_wrap .section_content .section_sub_img img{
	border-bottom-left-radius: var(--base-60);
	border-top-right-radius: var(--base-60);
	border-bottom-right-radius: var(--base-60);
}
ul.works_sub_wrap{
	margin: var(--base-30) 0 0;
	padding: min(1.640625vw, 21px) var(--base-35);
	background: #f2f2f2;
	border-radius: var(--base-4);
}
ul.works_sub_wrap li{
	width: 100%;
	font-size: var(--base-14);
	line-height: var(--base-24);
	padding: var(--base-4) 0 var(--base-4) var(--base-12);
	text-indent: calc( var(--base-12) * -1);
}
ul.works_sub_wrap li::before{
	position:relative;
	top:-1px;
	content: "●";
	font-size: min(0.546875vw, 7px);
	color: var(--base-color-green);
	padding-left: var(--base-12);
	line-height: var(--base-14);
	display: inline-block;
}
@media screen and (max-width: 768px) {
	.works_wrap .section_content .section_sub_img{
		margin-top: var(--base-200);
	}
}
@media screen and (max-width: 576px) {
	.works_wrap .section_content .section_sub_img {
		position: relative;
		right: 0;
		margin-top: 0;
		margin-bottom: var(--base-30);
		width: 100%;
		max-width: 600px;
	}
	.works_wrap .section_content .section_sub_img img {
        width: 100%;
        max-width: 600px;
        border-radius: var(--base-20);
    }
}