@charset "utf-8";
/*index*/

/*MV*/
#indMv{
	width:100%;
	margin:0 auto;
	height:auto;
	position:relative;
	height:80vw;
}
.indMvA,
.indMvB,
.indMvC{
	width:90%;
	mix-blend-mode: multiply;
	position:absolute;
	right:-10%;
	top:0;
}
.indMvA img,
.indMvB img,
.indMvC img{
	width:100%;
	height:auto;
}
.indMvA{
	z-index:1;
}
.indMvB{
	z-index:2;
}
.indMvC{
	mix-blend-mode: normal;
	z-index:3;
}
.indMvCopy01{
	position:absolute;
	max-width:1000px;
	width:90%;
	left:50%;
	top:36vw;
	transform:translateY(-50%) translateX(-50%);
	text-align:left;
	z-index:5;
}
.indMvCopy01 img{
	width:50vw;
}
.indMvCopy02{
	position:absolute;
	height:auto;
	max-width:1000px;
	width:90%;
	transform:translateY(-50%) translateX(-50%);
	left:50%;
	top:50vw;
	font-size:3.5vw;
	line-height:1.5;
	text-align:left;
	color:#0096e0;
	font-weight:bold;
	z-index:5;
	text-shadow:
	    #fff 0px 0px 3px,
	    #fff 0px 0px 3px,
	    #fff 0px 0px 3px,
	    #fff 0px 0px 3px;
}
@media screen and (min-width:768px) {
	#indMv{
		height:50vw;
	}
	.indMvA,
	.indMvB,
	.indMvC{
		width:60%;
		right:0%;
	}
	.indMvCopy01{
		top:20vw;
	}
	.indMvCopy01 img{
		width:33.59vw;
	}
	.indMvCopy02{
		font-size:1.875vw;
		top:30vw;
		line-height:1.8;
	}
}
/**/

/*Mission*/
#indMission{
	display:block;
	margin-bottom:15vw;
}
#indMission .indMissionImg{
	width:90%;
	height:100vw;
	position:relative;
	z-index:1;
}
#indMission .indMissionTxt{
	width:90%;
	position:relative;
	margin-top:-30vw;
	margin-left:5%;
	margin-right:5%;
	z-index:2;
}
.indMissionA,
.indMissionB,
.indMissionC{
	width:100%;
	mix-blend-mode: multiply;
	position:absolute;
	left:-10%;
	top:0;
}
.indMissionA{
	z-index:1;
}
.indMissionB{
	z-index:2;
}
.indMissionC{
	z-index:3;
	mix-blend-mode: normal;
}
.indMissionC img{
	width:100%;
	height:auto;
}
#indMission .cTtl01{
	position:absolute;
	z-index:5;
	left:20%;
	top:7.5vw;
}
#indMission .cTtl01 .jp{
	color:#fff;
}
#indMission .txtWrap{
	width:100%;
	text-align:left;
	margin-top:7.5vw;
}
#indMission .txtWrap h3{
	width:100%;
}
#indMission .txtWrap p{
	width:100%;
}
.indMissionD{
	position:absolute;
	width:25%;
	right:3%;
	top:-35vw;
	z-index:-1;
}
.indMissionD img{
	width:100%;
	height:auto;
}
@media screen and (min-width:768px) {
	#indMission{
		display:flex;
	margin-bottom:0;
	}
	#indMission .indMissionImg{
		width:50%;
		height:60vw;
		position:relative;
	}
	#indMission .indMissionTxt{
		width:50%;
		position:relative;
		margin-top:0;
		margin-left:0;
		margin-right:0;
	}
	.indMissionA,
	.indMissionB,
	.indMissionC{
		left:0;
	}
	#indMission .txtWrap h3{
		width:95%;
	}
	#indMission .txtWrap p{
		width:95%;
		max-width:420px;
	}
	.indMissionD{
		width:40%;
		right:0;
		top:7.5vw;
	}
}
/**/


/*works〜背景*/
.bg01{
	position:relative;
	width:100%;
	overflow:hidden;
	z-index:1;
	width:100%;
	background-image: url(../images/bg07_c.png);
	background-size:100% auto;
	background-position:top center;
	background-repeat:no-repeat;
}
/*

.bg01{
	position:relative;
	z-index:-2;
	width:100%;
	background-image: url(../images/bg07_c.png);
	background-size:100% auto;
	background-position:top center;
	background-repeat:no-repeat;
}
*/

/*Works*/
#indWorks{
	margin-bottom:100px;
	position:relative;
	z-index: 2;
}
.indWorksTxt{
	text-align:left;
	width:90%;
	max-width:1000px;
	margin:0 auto;
}
.indWorksTxt .cTxt01{
text-shadow:
    #fff 0px 0px 3px, #fff 0px 0px 3px,
    #fff 0px 0px 3px, #fff 0px 0px 3px;
}
.indWorksTtl01{
	background:#2a75bc;
	background: linear-gradient(90deg, #2a75bc 0%, #00a4e3 100%);
	color:#fff;
	max-width:600px;
	padding:3px 10px;
	font-size:1.6rem;
	margin-bottom:20px;
}
.indWorksList{
	font-size:1.4rem;/*pc18*/
	font-weight:bold;
	line-height:1.4;
}
.indWorksList li{
	margin-bottom:1em;
	position:relative;
	padding-left:30px;
	vertical-align:top;
}
.indWorksList li::before{
	content:"";
	position:absolute;
	background-size:100%;
	background-repeat:no-repeat;
	width:24px;
	height:24px;
	left:0;
		top:50%;
		transform:translateY(-60%);
}
.indWorksList li:nth-of-type(1)::before{background-image:url(../images/ico_gear01.png);}
.indWorksList li:nth-of-type(2)::before{background-image:url(../images/ico_gear02.png);}
.indWorksList li:nth-of-type(3)::before{background-image:url(../images/ico_gear03.png);}
.indWorksList li:nth-of-type(4)::before{background-image:url(../images/ico_gear04.png);}
.indWorksList li:nth-of-type(5)::before{background-image:url(../images/ico_gear05.png);}
.indWorksList a{
	color:#000 ;
	text-decoration: none;
}
.indWorksBtn{
	display:inline-block;
	border-radius:4px;
	margin-left:5px;
	padding:0;
	font-size:1rem;
		transform:translateY(-3px);
}
.indWorksBtn img{
	width:60px;
	height:12px;
	margin:2px 5px;
	vertical-align:middle;
}
.indWorksList a .thumb{
	display:none;
}
.indWorksList li:nth-of-type(1) .indWorksBtn{background: linear-gradient(0deg, #e6819e 0%, #db2672 100%);}
.indWorksList li:nth-of-type(2) .indWorksBtn{background: linear-gradient(0deg, #ffe547 0%, #ee7826 100%);}
.indWorksList li:nth-of-type(3) .indWorksBtn{background: linear-gradient(0deg, #d0dd42 0%, #7d972c 100%);}
.indWorksList li:nth-of-type(4) .indWorksBtn{background: linear-gradient(0deg, #d695bf 0%, #927ab6 100%);}
.indWorksList li:nth-of-type(5) .indWorksBtn{background: linear-gradient(0deg, #f5b386 0%, #e24725 100%);}
.indWorksList li.under{
	color: #999;
}
.indWorksList li.under .indWorksBtn{
	background: linear-gradient(0deg, #555 0%, #999 100%) !important;
	font-size: 1.4rem;
	color: #fff;
	width: 60px;
	padding: 3px 0 1px;
	text-align: center;
		transform:translateY(-2px);
}
.indWorksImg{
	width:40%;
	z-index:-1;
	position:absolute;
	top:0;
	right:5%;
}
.indWorksB{
}
.mfp-title{
	font-size: 1.4rem;
}
@media screen and (min-width:768px) {
	#indWorks{
		position:relative;
	}
	.indWorksTxt{
		padding-left:10%;
	}
	.indWorksTtl01{
		font-size:2rem;	
		position:relative;
		height:4rem;
	}
	.indWorksTtl01 p{
		position:absolute;
		z-index:2;
	}
	.indWorksTtl01::before{
		z-index:1;
		content:"";
		position:absolute;
		width:200px;
		height:215px;
		background-image:url(../images/bg04.png);
		background-size:100%;
		background-repeat:no-repeat;
		background-position:left top;
		left:-160px;
		top:-75px;
	}
	.indWorksList{
		font-size:1.8rem;
	}
	.indWorksList li::before{
	}
	.indWorksBtn{
		transform:translateY(-4px);
	}
	.indWorksBtn img{
		width:76px;
		height:15px;
		margin:3px 5px;
	}
	.indWorksImg{
		width:100%;
		position:absolute;
		right:auto;
		left:0;
		top:0;
	}
	.indWorksB{
		position:absolute;
		width:30%;
		right:5%;
		top:0;
	}
}
/**/


/*Company*/
#indCompany{
	width:100%;
	max-width:1000px;
	margin:0 auto;
	padding-bottom:100px;
}
#indCompany .cTtl01{
	width:90%;
	margin:0 auto 20px;
}
#indCompany .cTtl01 .jp{
	color:#fff;
}
@media screen and (min-width:768px) {
	#indCompany .cTtl01 .jp{
		color:#0096e0;
	}
}
.indCompanyWrap{
	position:relative;
}
.indCompanyA{
	width:30%;
	top:-25vw;
	right:5%;
	position:absolute;
	z-index:;
}
.indCompanyList{
	background-color:#fff;
	max-width:680px;
	padding:20px;
}
.indCompanyList dl{
	width:100%;
	font-size:1.4rem;
	font-weight: bold;
	text-align:left;
	display:flex;
	flex-wrap:wrap;
}
.indCompanyList dt,
.indCompanyList dd{
	border-top:1px solid #ddd;
	padding:10px 0 5px;
}
.indCompanyList dt:last-of-type,
.indCompanyList dd:last-of-type{
	border-bottom:1px solid #ddd;
}
.indCompanyList dt{
	width:100px;
}
.indCompanyList dd{
	width:calc(100% - 100px);
}
@media screen and (min-width:768px) {
	#indCompany{
		width:90%;
	}
	.indCompanyWrap{
		width:110%;
		margin-left:-10%;
		display:flex;
	}
	.indCompanyA{
		position:static;
		width:30vw;
		margin-top:0;
	}
}
/*access*/
#indAccess{
	width:100%;
}
#indAccess .cTtl01{
	text-align:center;
	margin-bottom:20px;
}
#indAccess .cTtl01 .en,
#indAccess .cTtl01 .jp{
	text-align:center;
	color:#fff;
}
#indAccessMap{
	width:100%;
	height: 0;
	overflow: hidden;
	padding-bottom: 50%;
	position: relative;
}
#indAccessMap iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
@media screen and (min-width:768px) {
	#indAccessMap{
		padding-bottom: 32%;
	}
}