/*-----------------------------------------
lists
------------------------------------------*/
.mainvisual-projects {
	background-image:url(../images/mainvisual/projects.webp);
}
.tt-project {
	color:var(--color-red);
	text-align: center;
	letter-spacing: 0.1em;
}
.pickup-report {
	position: relative;
	z-index: 1;
	background-color:var(--color-red);
}
.pickup-report:before {
	content:"PICKUP";
	font-family: 'Roboto Condensed', sans-serif;
	position: absolute;
	top:0;
	left:0;
	color:var(--color-white);
	opacity: 0.1;
	font-weight: 700;
	transform: translateY(-0.125em);
}
.pickup-list {
	background-color:var(--color-white);
}
.pickup-list-pic,
.pickup-list-tt {
	display: block;
}
.pickup-list-pic {
	position: relative;
	background-size:cover;
	background-position: center center;
}
.pickup-list-tt h3 {
	color:var(--color-red);
	line-height:150%;
}
@media (width < 767px) {
	.projects-lead {
		padding-top:8vw;
	}
	.tt-project {
		font-size:var(--font-sp-xx-large);
		margin:6vw auto;
	}
	.pickup-report {
		padding-top:7vw;
		padding-bottom:2vw;
	}
	.pickup-report:before {
		font-size:30vw;
	}
	.pickup-list {
		margin-bottom:5vw;
	}
	.pickup-list-pic {
		aspect-ratio: 16 / 9;
	}
	.pickup-list-txt {
		padding:5vw;
	}
	.pickup-list-tt h3 {
		font-size:var(--font-sp-large);
		padding-bottom:0.5em;
	}
	.pickup-list-exp {
		padding-bottom:4vw;
	}
	.pickup-list-txt .btn-normal {
		margin:2vw auto;
	}
	.listgrid li {
		margin-bottom:5vw;
	}
}
@media (768px <= width) {
	.projects-lead {
		text-align: center;
		padding-top:60px;
	}
	.tt-project {
		font-size:6.0rem;
		margin:48px auto;
	}
	.pickup-report {
		padding-top:60px;
		padding-bottom:12px;
	}
	.pickup-report:before {
		font-size:30.0rem;
	}
	.pickup-list {
		display:grid;
		margin-bottom:48px;
	}
	.pickup-list:nth-child(odd) {
		grid-template-columns: 43fr 53fr;
	}
	.pickup-list:nth-child(even) {
		grid-template-columns: 53fr 43fr;
	}
	.pickup-list-pic:hover {
		opacity: 0.7;
	}
	.pickup-list-txt {
		padding:30px 35px;
	}
	.pickup-list-tt h3 {
		font-size:var(--font-pc-x-large);
		padding-bottom:0.5em;
	}
	.pickup-list-exp {
		padding-bottom:30px;
	}
	.pickup-list-txt .btn-normal {
		margin:0px 0px 0px auto;
	}
	.pickup-list:nth-child(even) .pickup-list-pic {
		grid-area: 1 / 2 / 2 / 3;
	}
	.pickup-list:nth-child(even) .pickup-list-txt {
		grid-area: 1 / 1 / 2 / 2;
	}
}
/*-----------------------------------------
single
------------------------------------------*/
.project-single-img {
	background-size:cover;
	background-position: center center;
}
.mainvisual-project-single-tt h1 {
	line-height:150%;
}
.mainvisual-project-single-tt a {
	font-weight: 700;
	display: inline-block;
	border-bottom: 1px solid var(--color-red);
	padding-bottom: 0.5em;
	margin-bottom: 1.25em;
}
@media (width < 767px) {
	.mainvisual-project-single {
		padding:0 5vw 5vw 5vw;
	}
	.mainvisual-project-single-tt {
		padding:0 3vw;
	}
	.mainvisual-project-single-tt a {
		font-size:var(--font-sp-large);
	}
	.mainvisual-project-single-tt h1 {
		font-size:var(--font-sp-xx-large);
		line-height:150%;
	}
	.project-single-img {
		aspect-ratio:16 / 9;
		margin-top:5vw;
	}
}
@media (768px <= width) {
	.mainvisual-project-single {
		display:grid;
		grid-template-columns: 1fr 1fr;
		min-height:480px;
		margin-bottom:60px;
	}
	.mainvisual-project-single-tt {
		padding-left:40px;
		padding-right:40px;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.mainvisual-project-single-tt a {
		font-size:var(--font-pc-x-large);
	}
	.mainvisual-project-single-tt h1 {
		font-size:4.8rem;
	}
}
/*-----------------------------------------
bottomnav
------------------------------------------*/
@media (width < 767px) {
	.sp-bottomnav2 {
        width: 100%;
        height: 50px;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 990;
        background-color: var(--color-red);
    }

	.sp-bottomnav-grid {
		display:grid;
		grid-template-columns: 1fr 1fr;
	}
	.sp-bottomnav-grid a {
		display: flex;
		flex-direction: column;
		justify-content: center;
		height:50px;
	}
	.sp-bottomnav-ib {
		background-color:#00afcc;
		background-image:url(../images/ib-logo.webp);
		background-size:auto 100%;
		background-repeat: no-repeat;
		padding-left:60px;
		color: var(--color-white);
	}
	.sp-bottomnav-chat {
        position: relative;
        display: block;
        align-items: center;
        padding-left:8vw;
        color: var(--color-white);
        font-size: 12px;
    	}
	.sp-bottomnav-chat:after {
        font-family: 'icomoon';
        content: "\f0e0";
        position: absolute;
        top: 50%;
        left: 4vw;
		width:8vw;
		height:6vw;
        transform: translateY(-50%);
        color: var(--color-white);
        font-size: var(--font-sp-x-large);
    }
}
@media screen and (min-width : 768px){
	.sp-bottomnav2 {
		display:none;
	}
}