@charset "utf-8";

/* =====================================================
   header
======================================================== */

.project-header-section{
	background:#000;
	background:url(../img/bg_header.jpg) no-repeat;
	padding:100px 0;
    width:100%;
	background-size:cover;
}
.project-header-section h1{
	text-align:center;
	color:#fff;
	text-align:center;
}

.pj-footer{
	padding:50px 0;
	background:#f03748;
	text-align:center;
	color:#ff8994;
	font-family: "Lutes UD PE ExtraBold";
	font-size:22px;
}

@media screen and (max-width:736px)
{ 
	.project-header-section h1 img{
		width:90%;
	}

	.pj-footer{
		font-size:18px;
	}
}


/* =====================================================
   pj-lead
======================================================== */
.pj-lead-wrap{
	padding:50px 0;
	background:#f03748;
}
.pj-lead-container{
	width:1100px;
	margin:0 auto;
	color:#fff;
}

.pj-lead-container h2{
	font-size:32px;
	text-align:center;
	font-family: "UD新ゴ B", "UD Shin Go Bold";
	margin-bottom:20px;
}

.pj-lead-container .project-title{
	font-size:82px;
	font-family: "Lutes UD PE ExtraBold";
	text-align:center;
	margin-bottom:10px;
}
.pj-lead-container .project-title span{
	font-size:60px;
}
.pj-lead-container .project-sub-title{
	margin-bottom:30px;
	font-size:24px;
	font-family: "UD新ゴ DB", "UD Shin Go DemiBold";
	text-align:center;
}
.pj-lead-container .project-lead-text{
	line-height:1.8;
	text-align:center;
}

@media screen and (max-width:736px)
{ 
	.pj-lead-container{
		width:100%;
	}

	.pj-lead-container h2{
		font-size:24px;
	}
	
	.pj-lead-container .project-title{
		font-size:60px;
	}
	.pj-lead-container .project-title span{
		font-size:40px;
	}
	.pj-lead-container .project-sub-title{
		font-size:18px;
	}

	.pj-lead-container .project-lead-text{
		text-align:left;
		font-size:14px;
		padding:0 20px;
	}
}



/* =====================================================
   group
======================================================== */
:root {
	--color0: #e72946;
	--color1: #e750a3;
	--color2: #22B295;
	--color3: #2CB1E7;
	--color4: #F7AC00;
	--color5: #9522b2;
	--color6: #1d4bca;
	--color7: #98b222;
}

.pj-group-wrap{


}
.pj-group-container{
	width:1100px;
	margin:0 auto;
	color:#112222;
}

.pj-group-container h2{
	text-align:center;
	margin:50px 0;
	font-size:32px;
	font-family: "UD新ゴ B", "UD Shin Go Bold";
}

.pj-group-list {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	list-style-type:none;
	margin:0;
	padding:0;
}
.pj-group-list li {
	width:48%;
	margin-bottom:50px;
	padding:0px;
	line-height:1.5;
}

.pj-group-list li.group-common{ }
.pj-group-list li.group1{ background-color:var(--color1); }
.pj-group-list li.group2{ background-color:var(--color2); }
.pj-group-list li.group3{ background-color:var(--color3); }
.pj-group-list li.group4{ background-color:var(--color4); }
.pj-group-list li.group5{ background-color:var(--color5); }
.pj-group-list li.group6{ background-color:var(--color6); }
.pj-group-list li.group7{ background-color:var(--color7); }

.pj-group-list li .group-inner{
	padding:20px;

}

.pj-group-list li .group-inner h3 {
    position: relative;
    padding: .3em 0 10px 1em;
    border-bottom: 3px solid #fff;
	color:#fff;
    font-size: 24px;
	font-family: "UD新ゴ D", "UD Shin Go Bold";
	margin-bottom:25px;
	border-bottom:solid 2px #fff;
}

.pj-group-list li .group-inner h3::before {
    position: absolute;
    top: 0;
    left: .3em;
    transform: rotate(55deg);
    height: 11px;
    width: 12px;
    background: #fff;
    content: '';
}

.pj-group-list li .group-inner h3::after {
    position: absolute;
    transform: rotate(15deg);
    top: .6em;
    left: 0;
    height: 8px;
    width: 8px;
    background: #fff;
    content: '';
}

.pj-group-list li .group-inner h4{
	font-family: "UD新ゴ DB", "UD Shin Go DemiBold";
	text-align:left;
	color:#fff;
	font-size:20px;
}
.pj-group-list li .group-inner .group-mission-text{
	padding:15px 15px;
	text-align:left;
	background:#fff;
}



@media screen and (max-width:736px)
{ 

	.pj-group-container{
		width:100%;
		padding:0 20px ;
	}

	.pj-group-list {
	}

	.pj-group-list li {
		width:100%;
		margin-bottom:20px;
	}

	.pj-group-list li .group-inner h3 {
		font-size: 18px;
		margin-bottom:15px;
	}
	.pj-group-list li .group-inner h4{
		font-size:18px;
	}

	.pj-group-list li .group-inner .group-mission-text{
		font-size: 14px;
	}
	
}



/* =====================================================
   work
======================================================== */
.pj-work-wrap{
	padding:80px 0 100px 0;
	background: #f0f3f7;
}
.pj-work-container{
	width:1100px;
	margin:0 auto;
	background:#fff;
	border-radius:5px;

}
.pj-work-inner{
	padding:50px 50px;
}
.pj-work-inner h2{
	font-size:32px;
	text-align:left;
	font-family: "UD新ゴ B", "UD Shin Go Bold";
	margin-bottom:20px;
}

.pj-work-inner .work-flex{
	display: flex;
	justify-content: space-between;
}
.pj-work-inner .work-text{
	line-height:1.8;
	width:50%;
}
.pj-work-inner .work-photo{
	width:45%;
}
.pj-work-inner .work-photo ul{
	display: flex;
	justify-content: space-between;
	list-style-type: none;
	margin:0;
	padding:0;
}
.pj-work-inner .work-photo ul li{
	margin:0 5px;
	width:49%;
}

.pj-work-inner .work-photo img{
	width:100%;
	border:solid 1px #555;
	border-radius:5px;
}

@media screen and (max-width:736px)
{ 
	.pj-work-wrap{
		padding-left:20px;
		padding-right:20px;
		background: #f0f3f7;
	}
	.pj-work-container{
		width:100%;
	
	}

	.pj-work-inner{
		padding:20px 20px;
	}
	.pj-work-inner h2{
		font-size:20px;
	}



	.pj-work-inner .work-flex{
		flex-wrap:wrap;
	}
	.pj-work-inner .work-text{
		width:100%;
		font-size:14px;
		margin-bottom:1em;
	}
	.pj-work-inner .work-photo{
		width:100%;
	}

	.pj-work-inner .work-photo ul li{
		margin:0;
		width:47%;
	}
	
}