@charset "UTF-8";


.index{
	padding:0;
	background: #191f61;
}

.index .global_header::after{
	opacity:0;
	-webkit-transition:opacity .4s ease-out;
	transition:opacity .4s ease-out
}

.index .global_header .site-title{
	-webkit-transition:opacity .4s ease-out;
	transition:opacity .4s ease-out
}

.index .global_header.elec_active .site-title{
	opacity:1;
	pointer-events:auto
}

.index .global_header.elec_active::after{opacity:1}

.index.elec_navi_open .global_header .site-title{
	opacity:1;
	pointer-events:auto
}

.index.elec_navi_open .global_header::after{opacity:1}


/* -------------- firstview -------------- */

.plugo_firstview{
	margin-top: 70px;
	height: 48vw;
	width:auto;
	position:relative
}

.plugo_firstview-slider-wrapper{position:relative;}
.plugo_firstview-slider{}
.plugo_firstview-slider li{
	width: 100%;
	height: 48vw;
	position:relative;
	overflow: hidden;
}

.plugo_firstview-slider li .slider-image{
	position:relative;
	width: 100%;
	height: 100%;
}

.plugo_firstview-slider li .slider-image img{
	transition: all 10s 0.6s ease;
	transform-origin: center center;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%) scale(1.2,1.2);
	max-width: 120%;
	height: 120%;
}

.plugo_firstview-slider li.swiper-slide-duplicate-active  .slider-image img,
.plugo_firstview-slider li.swiper-slide-active  .slider-image img{
	transform:translate(-50%,-50%) scale(1,1);
	transition-delay: 0s;
}

.plugo_firstview .bg-slide{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow: hidden;
}

.bg-slide:before{
	content:"";
	display:block;
	width:60%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background: linear-gradient(to right, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0) 100%);
/*	background-color:#000000;*/
/*	opacity:.5;*/
	z-index:1
}

.bg-slide:after{
	content:"";
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-image:-webkit-radial-gradient(#040b35 10%,transparent 20%),-webkit-radial-gradient(#040b35 10%,transparent 20%);
	background-image:radial-gradient(#040b35 10%,transparent 20%),radial-gradient(#040b35 10%,transparent 20%);
	background-size:6px 6px;
	background-position:0 0,3px 3px;
	z-index:1
}

.plugo_firstview .site-title{
	font-family:"PLUGO R",-apple-system,"Hiragino Sans",sans-serif;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	text-align:center;
	letter-spacing:0;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-ms-flex-pack:justify;
	justify-content:space-between;
	vertical-align:bottom;
	width:410px;
	height:171px;
	font-size:73px;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	pointer-events:none
}

.plugo_firstview .site-title span{
	opacity:0;
	-webkit-box-flex:1;
	-webkit-flex:auto;
	-ms-flex:auto;
	flex:auto;
	position:relative;
	top:-.5em;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden
}

.plugo_firstview .site-title .g{color:#22a738}

.plugo_firstview-message{
	width: 1060px;
	max-width: 100%;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	text-align: left;
	font-size: 30px;
	line-height: 1.67;
	letter-spacing: 4.5px;
	color: #ffffff;
	padding: 0 40px;
	z-index: 2;
	font-family:"A1ゴシック M","A1 Gothic M",-apple-system,"Hiragino Sans",sans-serif;
}

.plugo_firstview-more{
	position:absolute;
	left:50%;
	bottom:70px;
	transform:translate(-50%,0);
	width: 250px;
	z-index: 2;
}

.plugo_firstview-more a {background: rgba(150,150,150,0.45);}

.plugo_firstview-more.global_button.sm a{
	background: rgba(150,150,150,0.45);
	border: solid 2px #ffffff;
	color: #ffffff;
	display: block;
	transition: all .25s ease;
}

.plugo_firstview-more.global_button.sm a:hover{
	background: #22A638;
}


/* -------------- news -------------- */

.index-news{
	max-width:1140px;
	margin:0 auto;
	padding: 77px 40px 95px;
}

.index-news h2{
	width:3em;
	font-family:"PLUGO R",-apple-system,"Hiragino Sans",sans-serif;
	color:#22a738;
	letter-spacing:0;
	position:relative;
	line-height:1;
	margin-bottom: 25px;
}

.index-news h2 span{font-family:"PLUGO R",-apple-system,"Hiragino Sans",sans-serif;}

.index-news-list{margin-bottom: 50px;}

.index-news dl{
	margin:1em 0 30px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
}

.index-news dl dt{
	font-size:14px;
	letter-spacing:.1em;
	font-family:"PLUGO R",-apple-system,"Hiragino Sans",sans-serif;
	width: 180px;
}

.index-news dl dd{
	font-size:16px;
	margin-top:.25em;
	line-height:1.4;
	width: calc(100% - 180px);
}

.index-news dl a{text-decoration:underline}


/* -------------- movie -------------- */

.plugo_indexmovie{
	position:relative;
	overflow: hidden;
}

.plugo_indexmovie-poster{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	width: 100%;
	z-index: 2;
}

.plugo_indexmovie-poster::before{
	display:block;
	content:'';
	background:rgba(0,0,0,0.5);
	background-size:100%;
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0%;
}

.plugo_indexmovie img{width:100%;}

.plugo_indexmovie-play{
	font-size:14px;
	letter-spacing:.1em;
	background: url('../img/icon_top_movie.png') no-repeat center top;
	background-size: 90px;
	display: block;
	text-align:center;
	padding-top: 105px;
	font-family:"PLUGO R",-apple-system,"Hiragino Sans",sans-serif;
	width: 200px;
	color: #fff;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	font-size:20px;
	cursor: pointer;
	transition: all .25s ease;
}

.plugo_indexmovie-play:hover{opacity:0.7;}

.plugo_indexmovie-video video{
	width: 100%;
}


/* -------------- index common section -------------- */

.plugo_message-inner,
.plugo_index-service-inner,
.plugo_index-consortium-inner,
.plugo_index-supports-inner{
	max-width:1060px;
	padding:137px 0px;
	margin: 0 auto;
}

.plugo_message-inner,
.plugo_index-service-inner,
.plugo_index-consortium-inner {
	padding: 0;
	position: relative;
	height: 100%;
}

.plugo_message-box,
.plugo_index-service-box,
.plugo_index-consortium-box {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0,-50%);
	width: 100%;
}

.plugo_message h1,
.plugo_index-service h1,
.plugo_index-consortium h1,
.plugo_index-supports h1{
	letter-spacing:.05em;
	font-family:"PLUGO R",-apple-system,"Hiragino Sans",sans-serif;
	font-size:50px;
	position:relative;
	margin-bottom: 15px;
}

.plugo_message h1::after,
.plugo_index-service h1::after,
.plugo_index-consortium h1::after,
.plugo_index-supports h1::after{
	display:block;
	content:'';
	background:#fff;
	width:90px;
	height:1px;
	position:absolute;
	left: -110px;
	top:50%;
	transform:translate(0,-50%);
}

.plugo_message .copy,
.plugo_index-service .copy,
.plugo_index-consortium .copy,
.plugo_index-supports .copy{
	position:relative;
	font-family:"A1ゴシック R","A1ゴシック L",-apple-system,"Hiragino Sans",sans-serif;
}

.plugo_message .copy .lead,
.plugo_index-service .copy .lead,
.plugo_index-consortium .copy .lead,
.plugo_index-supports .copy .lead{
	font-size:20px;
	margin-bottom: 15px;
	letter-spacing:0.2em;
	font-weight:400;
	font-family:"A1ゴシック M","A1 Gothic M",-apple-system,"Hiragino Sans",sans-serif;
}

.plugo_message .copy .body,
.plugo_index-service .copy .body,
.plugo_index-consortium .copy .body,
.plugo_index-supports .copy .body{
	line-height:2.13;
	font-size:16px;
	margin-bottom: 30px;
	letter-spacing:0.12em;
	font-weight:400;
	font-family:"A1ゴシック R","A1 Gothic R",-apple-system,"Hiragino Sans",sans-serif;
}

/* -------------- vision -------------- */

.plugo_message{
	background: url('../img/img_top_vision.jpg') no-repeat center top;
	background-size: cover;
	padding: 0 30px;
	color: #fff;
	min-height: 560px;
	height: 40vw;
}


/* -------------- service -------------- */

.plugo_index-service{
	background: url('../img/img_top_service.jpg') no-repeat center top;
	background-size: cover;
	padding: 0 30px;
	color: #fff;
	min-height: 530px;
	height: 50vw;
}


/* -------------- consortium -------------- */

.plugo_index-consortium{
	background: url('../img/img_top_consortium.jpg') no-repeat center top;
	background-size: cover;
	padding: 0 30px;
	color: #fff;
	min-height: 460px;
	height: 40vw;
}


/* -------------- supports -------------- */

.plugo_index-supports{
	background: url('../img/bg_top_support.jpg') no-repeat center top;
	background-size: cover;
	padding: 0 30px;
}

.plugo_index-supports h1::after{
	display:block;
	content:'';
	background:#1a1f61;
	width:90px;
	height:1px;
	position:absolute;
	left: -110px;
	top:25%;
	transform:translate(0,-25%);
}


/* -------------- spot -------------- */

.plugo_index-spot{padding: 0 30px;}

.plugo_index-spot-inner{
	max-width:1060px;
	padding:124px 0px;
	margin: 0 auto;
	position:relative;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.plugo_index-spot-detail{width: 35%;}

.plugo_index-spot h1{
	letter-spacing:.05em;
	font-family:"PLUGO R",-apple-system,"Hiragino Sans",sans-serif;
	font-size:50px;
	position:relative;
}

.plugo_index-spot h1::after{
	display:block;
	content:'';
	background:#1a1f61;
	width:90px;
	height:1px;
	position:absolute;
	left: -110px;
	top:50%;
	transform:translate(0,-50%);
}

.plugo_index-spot .copy{
	position:relative;
	font-family:"A1ゴシック R","A1ゴシック L",-apple-system,"Hiragino Sans",sans-serif;
}

.plugo_index-spot .copy .lead{
	font-size:20px;
	margin-bottom: 30px;
	letter-spacing:0.25em;
	font-weight:400;
	font-family:"A1ゴシック M","A1 Gothic M",-apple-system,"Hiragino Sans",sans-serif;
}

.plugo_index-spot .copy .body{
	line-height:2.13;
	font-size:16px;
	margin-bottom: 30px;
	letter-spacing:0.14em;
	font-weight:400;
	font-family:"A1ゴシック R","A1 Gothic R",-apple-system,"Hiragino Sans",sans-serif;
}

.plugo_index-spot-image{width: 65%;}

.plugo_index-spot-image-list{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.plugo_index-spot-image-list > li{
	width: 48.5%;
	position:relative;
}

.plugo_index-spot-image-list-title{
	position:absolute;
	left: -8px;
	top: -10px;
	line-height: 1;
	font-family:"PLUGO R",-apple-system,"Hiragino Sans",sans-serif;
	color: #fff;
}

.plugo_index-spot-image-list-title small{
	background-color: #191f61;
	display: inline-block;
	margin-bottom: 3px;
	font-size:12px;
	padding: 3px 5px;
	letter-spacing:0.1em;
	font-family:"PLUGO R",-apple-system,"Hiragino Sans",sans-serif;
}

.plugo_index-spot-image-list-title span{
	background-color: #191f61;
	display: inline-block;
	margin-bottom: 1px;
	font-size:14px;
	padding: 5px;
	letter-spacing:0.15em;
	font-family:"PLUGO R",-apple-system,"Hiragino Sans",sans-serif;
}


/* -------------- contact -------------- */

.plugo_index-contact{
	background: #f7f7f7;
	padding: 0 30px;
	text-align:center;
}


.plugo_index-contact-inner{
	max-width:1180px;
	padding:103px 0px 118px;
	margin: 0 auto;
}

.plugo_index-contact h1{
	letter-spacing:.05em;
	font-family:"PLUGO R",-apple-system,"Hiragino Sans",sans-serif;
	font-size:50px;
	position:relative;
}

.plugo_index-contact .copy{
	position:relative;
	font-family:"A1ゴシック R","A1ゴシック L",-apple-system,"Hiragino Sans",sans-serif;
}

.plugo_index-contact .copy .lead{
	font-size:20px;
	margin-bottom: 30px;
	letter-spacing:0.15em;
	font-weight:400;
	font-family:"A1ゴシック M","A1 Gothic M",-apple-system,"Hiragino Sans",sans-serif;
}

.plugo_index-contact .copy .body{
	line-height:2.13;
	font-size:16px;
	margin-bottom: 40px;
	font-weight:400;
	font-family:"A1ゴシック R","A1 Gothic R",-apple-system,"Hiragino Sans",sans-serif;
}

.plugo_index-contact .global_button{margin: 0 auto;}





@media (max-width:799px){


	/* -------------- firstview -------------- */

	.plugo_firstview{
		height:calc(95vh - 55px);
		margin-top: 55px;
	}

	.plugo_firstview-slider-wrapper{}
	.plugo_firstview-slider{}
	.plugo_firstview-slider li{height: calc(95vh - 55px);}
	.plugo_firstview-slider li .slider-image{}

	.plugo_firstview-slider li .slider-image img{
		max-width: 1000%;
		transform:translate(-50%,-0%) scale(1.1,1.1);
		transform-origin: center center;
		top: auto;
		bottom: 0;
	}

	.plugo_firstview-slider li.swiper-slide-duplicate-active  .slider-image img,
	.plugo_firstview-slider li.swiper-slide-active  .slider-image img{transform:translate(-50%,-0%) scale(1,1);}

	.plugo_firstview-message{
		position:absolute;
		left:40px;
		top:20%;
		width: calc(100% - 80px);
		transform:translate(0,0);
		font-size: 23px;
		line-height: 1.67;
		letter-spacing: 0.05em;
		padding: 0 0px;
		box-sizing:border-box;
		text-shadow: 0px 0px 10px rgba(0,0,0,0.7);
	}

	.slide03 .plugo_firstview-message{top:10%;}

	.plugo_firstview-more.global_button.sm{
		bottom: 60px;
		width: 220px;
	}

	.plugo_firstview-more a{width: 100%;}

	.bg-slide:before {
		width: 100%;
		background: rgba(0,0,0,0.16);
	}

	.bg-slide:after {
		background-size: 4px 4px;
		background-position: 0 0, 2px 2px;
	}

	/* -------------- news -------------- */

	.index-news{padding: 60px 40px 80px;}

	.index-news h2{
		width:3em;
		font-size:10px;
		margin-bottom: 20px;
	}

	.index-news-list{margin-bottom: 40px;}

	.index-news dl{
		margin:1em 0 30px;
		display: block;
	}

	.index-news dl dt{
		font-size:12px;
		letter-spacing:.01em;
		width: 100%;
		margin-bottom: 10px;
	}

	.index-news dl dd{
		margin-top:.30em;
		line-height:1.6;
		width: 100%;
		font-size:13px;
	}

	.index-news dl a{text-decoration:underline}


	/* -------------- movie -------------- */

	.plugo_indexmovie-play{
		letter-spacing:.1em;
		background: url('../img/icon_top_movie.png') no-repeat center top;
		background-size: 65px;
		padding-top: 70px;
		width: 120px;
		font-size:12px;
	}


	/* -------------- index common section -------------- */

	.plugo_message-inner,
	.plugo_index-service-inner{
		padding:100px 0px 70px;
	}

	.plugo_index-consortium-inner{
		padding:85px 0px 70px;
	}

	.plugo_index-supports-inner{
		padding:70px 0px 0px;
	}

	.plugo_message-box,
	.plugo_index-service-box,
	.plugo_index-consortium-box {
		position: static;
		left: auto;
		top: auto;
		transform: translate(0, 0);
	}

	.plugo_message h1,
	.plugo_index-service h1,
	.plugo_index-consortium h1,
	.plugo_index-supports h1{
		letter-spacing:.03em;
		font-size:30px;
		margin-bottom: 12px;
		line-height: 1.3;
	}

	.plugo_message h1::after,
	.plugo_index-service h1::after,
	.plugo_index-consortium h1::after,
	.plugo_index-supports h1::after{left: -105px;}

	.plugo_message .copy .lead,
	.plugo_index-service .copy .lead,
	.plugo_index-consortium .copy .lead,
	.plugo_index-supports .copy .lead{
		font-size:16px;
		font-weight:bold;
		margin-bottom: 30px;
		line-height: 2;
		letter-spacing:0.23em;
	}

	.plugo_message .copy .body,
	.plugo_index-service .copy .body,
	.plugo_index-consortium .copy .body,
	.plugo_index-supports .copy .body{
		line-height:2.3;
		font-size:12px;
		margin-bottom: 60px;
		letter-spacing:0.18em;
	}

	/* -------------- vision -------------- */

	.plugo_message{
		background: url('../img/img_top_vision_sp.jpg') no-repeat center top;
		background-size: cover;
		padding: 0 40px;
		height: auto;
		min-height: auto;
	}


	/* -------------- service -------------- */

	.plugo_index-service{
		background: url('../img/img_top_service_sp.jpg') no-repeat center top;
		background-size: cover;
		padding: 0 40px;
		height: auto;
		min-height: auto;
	}


	/* -------------- consortium -------------- */

	.plugo_index-consortium{
		background: url('../img/img_top_consortium_sp.jpg') no-repeat center top;
		background-size: cover;
		padding: 0 40px;
		height: auto;
		min-height: auto;
	}

	.plugo_index-consortium .copy .body{margin-bottom: 200px}


	/* -------------- supports -------------- */

	.plugo_index-supports{
		background: url('../img/bg_top_support_sp.jpg') no-repeat center bottom;
		background-size: 100%;
		padding: 0 40px 70vw;
	}

	.plugo_index-supports h1::after{
		left: -110px;
		width: 100px;
	}

	.plugo_index-supports .copy .body{margin-bottom: 40px}


	/* -------------- spot -------------- */

	.plugo_index-spot{padding: 0 40px;}

	.plugo_index-spot-inner{
		padding:75px 0px 78px;
		display: block;
	}

	.plugo_index-spot-detail{width: 100%;}

	.plugo_index-spot h1{
		letter-spacing:.05em;
		font-size:30px;
	}

	.plugo_index-spot h1::after{
		left: -110px;
		width: 100px;
	}

	.plugo_index-spot .copy .lead{
		font-size:18px;
		font-weight:bold;
		letter-spacing:.22em;
		margin-bottom: 15px;
	}

	.plugo_index-spot .copy .body{
		line-height:2.3;
		font-size:12px;
		margin-bottom: 50px;
	}

	.plugo_index-spot-image{width: 100%;}
	.plugo_index-spot-image-list{
		display: block;
		margin-bottom: 20px;
	}

	.plugo_index-spot-image-list > li{
		width: 100%;
		padding-bottom: 30px;
	}

	.plugo_index-spot-image-list-title{
		left: -5px;
		top: -5px;
	}

	.plugo_index-spot-image-list-title small{
		margin-bottom: 3px;
		font-size:10px;
		letter-spacing:0.05em;
		padding: 3px;
	}

	.plugo_index-spot-image-list-title span{
		margin-bottom: 2px;
		font-size:11px;
		padding: 4px 5px;
	}


	/* -------------- contact -------------- */

	.plugo_index-contact{padding: 0 40px 10px;}
	.index .global_totop{background: #f7f7f7;}
	.plugo_index-contact-inner{padding:60px 0px;}

	.plugo_index-contact h1{
		letter-spacing:.03em;
		font-size:30px;
	}

	.plugo_index-contact .copy .lead{
		font-size:17px;
		letter-spacing:.2em;
		font-weight:bold;
		margin-bottom: 28px;
	}

	.plugo_index-contact .copy .body{
		line-height:2.13;
		font-size:13px;
		margin-bottom: 35px;
	}

	.plugo_index-contact .global_button{margin: 0 auto;}


}