/* CSS Document */

/* Start for pc
---------------------------------------------------------------------- */
@media (min-width:751px) {

/* mv */
	#mv {
		background: url("../images/works/mv.jpg") center center no-repeat;
		background-size: cover;
		height: 354px;
		border-bottom: solid 1px #DDDEDE;
		margin-bottom: 0;
	}


/* p1 */
	#p1 {
		padding-top: 65px;
	}
	#p1 h3 {
		text-align: center;
		font-size: 20px;
		line-height: 2;
		font-weight: bold;
		margin-bottom: 50px;
		color: #4D4948;
	}
	#p1 .lead {
		text-align: center;
		line-height: 2;
	}
	#p1 .sorry {
		font-family: 游明朝,"Yu Mincho",YuMincho;
		font-size: 30px;
		text-align: center;
		line-height: 2;
	}


/* p2 */
	#p2 {

	}
	.list_wrap {
		display: flex;
		flex-wrap: wrap;
		gap: 2%;
	}
	.list_wrap li {
		width: calc( (100% - 4%) / 3 );
		margin-bottom: 50px;
	}
	.list_wrap li a {
		display: flex;
		flex-direction: column;
		width: 100%;
		height: 100%;
	}
	.list_wrap li a .imgBox {
		width: 100%;
		aspect-ratio: 5.3/4;
		overflow: hidden;
		margin-bottom: 10px;
	}
	.list_wrap li a .imgBox img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: 1s;
	}
/*	.list_wrap li a:hover .imgBox img {
		transform: scale(1.1);
	}*/
	.list_wrap li a .txtBox {
/*		padding: 0 0.5em;*/
	}
	.list_wrap li a .txtBox .cate {
		font-size: 14px;
		line-height: 1.5;
		width: fit-content;
		padding: 0 1em;
		color: #FFF;
		margin-bottom: 10px;
	}
	.list_wrap li a .txtBox .cate.shinchiku {
		background-color: #A37444;
	}
	.list_wrap li a .txtBox .cate.reform {
		background-color: #FA6300;
	}

	.list_wrap li a .txtBox h4 {
		font-size: 18px;
		color: #4D4948;
		font-weight: normal;
		line-height: 1.5;
	}

} /*End for pc*/


/* ------------------------------------------------------------------- */


/* Start for SP
---------------------------------------------------------------------- */
@media (max-width:750px) {

/* mv */
	#mv {
		background: url("../images/works/mv_sp.jpg") center center no-repeat;
		background-size: cover;
		margin-bottom: 9.2vw;
		border-bottom: 1px solid #655851;
	}


/* p1 */
	#p1 {
		padding-top: 9.8vw;
	}
	#p1 h3 {
		text-align: center;
		font-size: 4.6vw;
		line-height: 2;
		font-weight: bold;
		margin-bottom: 8vw;
		color: #4D4948;
	}
	#p1 .lead {
		line-height: 2;
		font-size: 3.5vw;
	}


/* p2 */
	#p2 {
		padding-top: 8vw;
	}
	.list_wrap {
		display: flex;
		flex-direction: column;
		gap: 20vw
	}
	.list_wrap li {
		width: 100%;
		margin-bottom: 8vw;
	}
	.list_wrap li a {
		display: flex;
		flex-direction: column;
		width: 100%;
		height: 100%;
		background-color: #FFF;
	}
	.list_wrap li a .imgBox {
		width: 100%;
		aspect-ratio: 5.3/4;
		overflow: hidden;
		margin-bottom: 2vw;
	}
	.list_wrap li a .imgBox img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.list_wrap li a .txtBox {
/*		padding: 0 0.5em;*/
		font-size: 4vw;
	}
	.list_wrap li a .txtBox .cate {
		font-size: 3.4vw;
		line-height: 1.5;
		width: fit-content;
		padding: 0 1em;
		color: #FFF;
		margin-bottom: 2vw;
	}
	.list_wrap li a .txtBox .cate.shinchiku {
		background-color: #A37444;
	}
	.list_wrap li a .txtBox .cate.reform {
		background-color: #FA6300;
	}
	.list_wrap li a .txtBox h4 {
		font-size: 4vw;
		color: #4D4948;
		font-weight: normal;
		line-height: 1.5;
	}


/* スマホ別案 */


/*	.list_wrap {
		display: flex;
		flex-direction: column;
		gap: 6vw
	}
	.list_wrap li a {
		display: flex;
		width: 100%;
		height: 100%;
		background-color: #FFF;
	}
	.list_wrap li a .imgBox {
		width: 30%;
		aspect-ratio: 4/3;
		overflow: hidden;
	}
	.list_wrap li a .imgBox img {
		width: 100%;
		height: 100%;
		aspect-ratio: 4/3;
		object-fit: cover;
	}
	.list_wrap li a .txtBox {
		padding: 0 0.5em;
	}
	.list_wrap li a .txtBox .cate {
		font-size: 3.4vw;
		line-height: 1.5;
		color: #FFF;
		margin-bottom: 2vw;
	}
	.list_wrap li a .txtBox .cate.shinchiku {
		background-color: #A37444;
	}
	.list_wrap li a .txtBox .cate.reform {
		background-color: #FA6300;
	}
	.list_wrap li a .txtBox h4 {
		line-height: 1.5;
	}*/


/* スマホ別案ここまで */


	/*#pagetop_sp { margin: -30vw auto 4vw; }*/

} /*End for SP*/