@charset "utf-8";

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

.project-header-section{
	height:800px;
	width:100%;
	background-color:#fff;
	background-image:url(../img/bg_header.jpg);
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center center;

	display: flex;
	flex-direction: row-reverse;
	align-content: center;
	justify-content: center;
}
.project-header-section h1{
	display: flex;

	text-align:center;
	color:#fff;
	padding-top:100px;
	margin-left:80px;
	margin-right:50px;
}
.project-header-section h1 img{
	height: 548px;
}
.project-header-section h2{
	display: flex;
	text-align:center;
	color:#fff;
	padding-top:120px;
}
.project-header-section h2 img{
	height: 600px;
}



.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;
	}
}


#video-area{
    position: fixed;
    z-index: -1;/*最背面に設定*/
    top: 0;
    right:0;
    left:0;
    bottom:0;
    overflow: hidden;
}

#video {
    /*天地中央配置*/
    position: absolute;
    z-index: -2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*縦横幅指定*/
    width: 177.77777778vh; /* 16:9 の幅→16 ÷ 9＝ 177.77% */
    height: 56.25vw; /* 16:9の幅 → 9 ÷ 16 = 56.25% */
    min-height: 100%;
    min-width: 100%;
}

#video-area .overlay{
    /*天地中央配置*/
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*縦横幅指定*/
    width: 177.77777778vh; /* 16:9 の幅→16 ÷ 9＝ 177.77% */
    height: 56.25vw; /* 16:9の幅 → 9 ÷ 16 = 56.25% */
    min-height: 100%;
    min-width: 100%;
    background-color: #ffffff66;
}


/* =====================================================
   pj-lead
======================================================== */
.pj-lead-wrap{
	padding:100px 0;
	background:#cd533a;
}
.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:40px;
}
.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{
	background:url(../img/bg_main.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
	padding:100px 0;
}
.pj-group-container{
	width:1100px;
	margin:0 auto;
}

.pj-group-container h2{
	text-align:center;
	font-size:32px;
	font-family: "UD新ゴ B", "UD Shin Go Bold";
	margin-bottom:25px;
}
.pj-group-container h2 span{
	display: inline-block;
	padding:10px 20px;
	border-radius:5px;

	line-height:1;
	color:#333;
}
.pj-group-container .sub-title{
	text-align:center;
	font-weight: 700;
	margin-bottom:100px;

}
.pj-group-list {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	list-style-type:none;
	align-items: flex-start;
	margin:0;
	padding:0;
}
.pj-group-list li {
	border-bottom:solid 3px #9522b2;
	/*border-right:solid 3px #9522b2; */
	width:48%;
	margin-bottom:50px;
	padding:0px;
	line-height:1.5;
	background:#ffffffdd;
	border-radius:10px;
	box-shadow: 3px 1px 30px #51515152;
}
.pj-group-list li:nth-child(1) {
	border-color: #1d4bca;
}
.pj-group-list li:nth-child(2) {
	border-color: #5FED95;
}
.pj-group-list li:nth-child(3) {
	border-color: #EBCF52;
}
.pj-group-list li:nth-child(4) {
	border-color: #5352EB;
}
.pj-group-list li:nth-child(5) {
	border-color: #EB5A52;
}
.pj-group-list li:nth-child(6) {
	border-color: #587362;
}

.pj-group-list li:nth-child(even) {
	margin-top:60px;
}
.pj-group-list li .group-inner{
	padding:20px;

}
.pj-group-list li h3{
	text-align: center;
	color:#071e2c;
	padding-top:20px;
	padding-bottom:15px;
	margin-bottom:15px;

}

.pj-group-list li .group-mission-text{
	text-align:left;
}
.pj-group-list li .group-mission-text ul{
	list-style-type: square;
	margin:0 0 0 20px;
	padding:0;
}
.pj-group-list li .group-mission-text ul li{
	width:100%;
	background:none;
	box-shadow: none;
	border:none;
	margin-bottom:3px;
	margin-top:3px;
	font-size: 18px;
}
.pj-group-list li h3 i{
	color:#ffa802;
}


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

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

	.pj-group-list li {
		width:100%;
	}
}



/* =====================================================
   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:20px 20px;
}
.pj-work-inner h2{
	font-size:28px;
	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;
}

.pj-work-container2{
	width:1100px;
	margin:0 auto;
	border-radius:5px;
}

.pj-link-flex-block{
	display: flex;
	justify-content: space-between;
	padding-top:40px;
}

.pj-link-flex-block .pj-link-box {
	box-sizing: border-box;
	width:24%;
	background:#fff;
	border-radius:5px;
	text-align: center;
	padding:15px;
	box-shadow: 5px 2px 5px #efefef;
}
.pj-link-flex-block .pj-link-box .thumb-img{
	overflow: hidden;
}
.pj-link-flex-block .pj-link-box .thumb-img img{
	width:100%;
	border-radius: 5px;
	transition: 0.5s;
}
.pj-link-flex-block .pj-link-box .thumb-img img:hover{
	transform: scale(1.02);
}

.pj-link-flex-block .pj-link-box h3{
	padding-top:15px;
	color:#003869;
	font-size:16px;
}



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

	.pj-work-container2{
		width:100%;
	}

	.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%;
	}
	
	
	.pj-link-flex-block{
		flex-wrap:wrap;
	}
	.pj-link-flex-block .pj-link-box {
		width:100%;
		margin-bottom:20px;
		padding:20px;
	}
}