/*==================================================
page --- report
==================================================*/
/* common */
#main .sp {
    display: none;
}
    @media screen and (max-width: 750px) {
        #main .pc {
            display: none;
        }
        #main .sp {
            display: block;
        }
    }
/* #top
------------------------------------------*/
#top .cont {
    text-align: left;
    margin-left: 9.5%;
}
#top .ttl p,
#top .ttl .main_ttl {
	font-family: 'Abel', sans-serif;
	letter-spacing: 0.1em;
	font-weight: 700;
}
#top .ttl .main_ttl::after {
	content: none;
}
#top .ttl .list_ttl {
	position: absolute;
	top: 50%;
	left: 43px;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
#top .capture {
	font-size: 20px;
}
#top .ttl .sub_ttl {
	font-size: 41px;
	line-height: 100%;
	padding: 0 0 15px;
}
#top .ttl .txt01 {
	font-size: 0.66em;
	vertical-align: top;
	line-height: 100%;
}
#top .ttl .txt02 {
	font-size: 0.46em;
	padding-right: 10px;
}
#top .ttl .main_ttl {
	font-size: 40px;
	line-height: 140%;
	padding: 0;
}
#top .ttl .main_ttl span {
	display: block;
	font-size: 0.43em;
	line-height: 100%;
	letter-spacing: 0.1em;
	padding: 14px 0 0;
}
#top .ttl .main_ttl span .en02 {
	font-size: 0.6em;
	letter-spacing: 0.1em;
	padding: 10px 0 0;
}
#top .ttl .txt {
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 72px;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
#top .btn_movie {
	padding: 46px 0 0;
}
#top .btn_movie a {
	transition: all .3s;
}
#top .btn_movie .btn_icn {
	display: inline-block;
	position: relative;
	width: 61px;
	height: 70px;
	vertical-align: middle;
}
#top .btn_movie .btn_icn img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all .3s;
}
#top .btn_movie .hover_play {
	opacity: 0;
}
	@media screen and (min-width: 750px) { /* PC */
		#top .btn_movie a:hover .icn_play {
			opacity: 0;
		}
		#top .btn_movie a:hover .hover_play {
			opacity: 1;
		}	
	}
#top .btn_movie p {
	display: inline-block;
	font-family: 'Abel', sans-serif;
	font-size: 16px;
	letter-spacing: 0.05em;
	padding-left: 10px;
}
/* kv */
#promaster_30th_report #top .btn_explore {
	position: absolute;
}
#promaster_30th_report #top .kv .kv01.init .kvblock_inner{
	transform: scale(1.0,1.0);
	-webkit-transition:none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
  animation-name: campaignkv;
  animation-duration: 17s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}
#promaster_30th_report #top .kv .kv01.go .kvblock_inner {
	transform: scale(1.0,1.0);
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
	-ms-transition:none;
	transition:none;
  animation-name: campaignkv;
  animation-duration: 17s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}
@keyframes campaignkv {
0% {transform: scale(1.15,1.15);}
50% {transform: scale(1.0,1.0);}
100% {transform: scale(1.15,1.15);}
}
#top .kv .kv01 .kvblock_inner {
	width:100%;
	height:100%;
	background: url(/promaster/30th/campaign/report/img/img_kv01.jpg) no-repeat 0 0;
	background-size: cover;
	position:absolute;
	top:0;
	right:0;
	left:0;
	bottom:0;
	transform: scale(1.15,1.15);
}
#top .kv::after {
    content: none!important;
}
	@media screen and (max-width:1000px) {
		#top .ttl .main_ttl {
			font-size: 30px;
		}
	}
	@media screen and (max-width:750px) {
		#top .cont {
			margin-left: 12%;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			-webkit-transform: none;
			-ms-transform: none;
			transform: none;
		}
		#top .ttl {
			position: absolute;
			top: 20%;
			width: 100%;
		}
		#top .capture {
			font-size: 2.2vw;
		}
		#top .ttl .main_ttl {
			font-size: 4vw;
		}
		#top .ttl .main_ttl span {
			font-size: 5vw;
			padding: 1% 0 0;
		}
		#top .ttl .main_ttl span .en02 {
			font-size: 3.125vw;
			padding: 1.5% 0 0;
		}
		#top .ttl .sub_ttl {
			font-size: 4vw;
			padding: 0 0 1%;
		}
		#top .btn_movie {
			position: absolute;
			bottom: 14%;
			width: 100%;
			padding: 0;
		}
		#top .btn_movie .btn_icn {
			width: 9.53%;
			height: auto;
			padding: 9.53% 0 0;
		}
		#top .btn_movie p {
			font-size: 2.5vw;
			padding-left: 1.8%;
		}
		#top .kv .kv01 .kvblock_inner {
			background: url(/promaster/30th/campaign/report/img/img_kv01_sp.jpg) no-repeat 50% 50%;
			background-size: cover;
		}
		#top .kv .kv02 .kvblock_inner{
			background: url(/promaster/30th/campaign/report/img/img_kv02_sp.jpg) no-repeat 50% 50%;
			background-size: cover;
		}
	}
/* #sec01縲�05
------------------------------------------*/
/* sec_header */
#main .section {
	position: relative;
	z-index: 5;
}
#main .section p {
	color: #fff;
	font-size: 13px;
	line-height: 200%;
}
#main .section .sec_header {
	position: relative;
	padding: 500px 0 0;
}
#main .section .sec_header::after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#main .section .sec_header .inner {
	position: absolute;
	top: 50%;
	left:50%;
	overflow: hidden;
	width: 82%;
	transform: translate(-50%,-50%);
	margin-top: -20px;
}
#main .section .sec_header .ttl {
	float: left;
}
#main .section .sec_header .ttl .capture {
	font-size: 20px;
	padding: 0 0 20px;
}
#main .section .sec_header .ttl .main_ttl {
	font-size: 50px;
	line-height: 100%;
}
#main .section .sec_header .ttl .main_ttl .en {
	display: block;
	font-family: 'Abel', sans-serif;
	font-weight: 700;
	letter-spacing: 0.05em;
}
#main .section .sec_header .ttl .main_ttl .en .en02 {
	display: block;
	font-size: 20px;
	line-height: 100%;
	padding: 5px 0 10px;
}
#main .section .sec_header .ttl .main_ttl .jp {
	display: block;
	font-size: 0.32em;
	line-height: 100%;
	padding: 8px 0 0;
}
	@media screen and (max-width:1480px) {
		#main .section p {
			font-size: 11px;
		}
		#main .section .sec_header {
			padding: 400px 0 0;
		}
		#main .section .sec_header .inner {
			margin-top: -12px;
		}
		#main .section .sec_header .ttl .capture {
			padding: 0 0 15px;
		}
	}
	@media screen and (max-width:1000px) {
		#main .section p {
			font-size: 2vw;
		}
		#main .section .sec_header {
			padding: 50% 0 0;
		}
		#main .section .sec_header .inner {
			width: 76.25%;
		}
		#main .section .sec_header .ttl {
			float: none;
		}
		#main .section .sec_header .ttl .capture {
			font-size: 3.125vw;
			padding: 0 0 5%;
		}
		#main .section .sec_header .ttl .main_ttl {
			font-size: 7.5vw;
		}
		#main .section .sec_header .ttl .main_ttl .en .en02 {
			font-size: 4vw;
			padding: 2% 0 0;
		}
		#main .section .sec_header .ttl .main_ttl .jp {
			font-size: 3.6vw;
			padding: 2% 0 0;
		}
	}
	@media screen and (max-width:750px) {
		#main .section p {
			font-size: 2.96vw;
		}
	}
/* cont */
#main .section .cont {
	position: relative;
	padding: 600px 0 0;
}
#main .section .image_wrap {
	overflow: hidden;
	position: absolute;
	content: "";
	top: 0;
	right: 50%;
	width: 50%;
	height: 100%;
}
	#main .section .cont.right .image_wrap {
		right: auto;
		left: 50%;
	}
#main .section .image_wrap figure {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
#main .section .image_wrap figure img {
	width: 100%;
}
#main .section .txt_wrap {
	position: absolute;
	top: 0;
	left: 50%;
	width: 50%;
	height: 100%;
}
	#main .section .cont.right .txt_wrap {
		left: auto;
		right: 50%;
	}
#main .section .txt_wrap .inner {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 575px;
	width: 70%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
	#main .section .cont:not(.right) .txt_wrap .inner {
		margin-left: -3%;
	}
#main .section .readtxt {
	font-size: 19px;
	line-height: 160%;
	padding: 0 0 35px;
}
#main .section .readtxt02 {
	font-size: 26px;
	line-height: 140%;
	padding: 0 0 15px;
}
#main .section .txt_wrap .readtxt03 {
	font-size: 20px;
	padding: 0 0 25px;
}
#main .section .txt_name {
	font-size: 15px;
	font-weight: 700;
}
#main .section .txt_wrap .txt.right {
	text-align: right;
}
#main .section .txt_wrap .txt + .txt {
	padding-top: 30px;
}
	@media(min-width:1481px) { /* for PC */
		#main .section .image_wrap figure {
			width: 100%;
			height: 100%;
		}
	}
	@media(min-width:1481px) and (max-width:1651px) { /* for PC */
		#main .section .image_wrap figure img {
			width: auto;
			height: 100%;
		}
	}
	@media screen and (min-width:2560px) {
		.section .image_wrap figure,
		.section .image_wrap figure img {
			width: 100%;
		}
	}
	@media screen and (max-width:1480px) {
		#main .section .cont {
			padding: 40.5% 0 0;;
		}
		#main .section .image_wrap figure {
			width: 112%;
		}
		#main .section .txt_wrap .inner {
			width: 65%;
		}
		#main .section .cont:not(.right) .txt_wrap .inner {
			margin-left: -5%;
		}
		#main .section .txt_wrap .readtxt {
			font-size: 16px;
			padding: 0 0 25px;
		}
		#main .section .readtxt02 {
			font-size: 22px;
			padding: 0 0 12px;
		}
		#main .section .txt_wrap .readtxt03 {
			font-size: 18px;
			padding: 0 0 20px;
		}
		#main .section .txt_name {
			font-size: 13px;
		}
		#main .section .txt_wrap .txt + .txt {
			padding-top: 20px;
		}
	}
	@media screen and (max-width:1000px) {
		#main .section .cont {
			padding: 0;
		}
		#main .section .image_wrap {
			position: static;
			top: 0;
			left: 0;
			width: 100%;
			height: auto;
		}
		#main .section .image_wrap figure {
			position: static;
			-webkit-transform: none;
			-ms-transform: none;
			transform: none;
			margin: 0;
			width: 100%;
		}
		#main .section .txt_wrap {
			position: static;
			width: 100%;
			height: auto;
		}
		#main .section .txt_wrap .inner {
			position: static;
			-webkit-transform: none;
			-ms-transform: none;
			transform: none;
			max-width: 100%;
			width: 77%;
			margin: 0 auto;
			padding: 15.6% 0 18.75%;
		}
		#main .section .cont:not(.right) .txt_wrap .inner {
			margin-left: auto;
		}
		#main .section .txt_wrap .readtxt {
			font-size: 3.2vw;
			padding: 0 0 5%;
		}
		#main .section .readtxt02 {
			font-size: 3.2vw;
		}
		#main .section .txt_name {
			font-size: 2.2vw;
			line-height: 150%;
		}
		#main .section .txt_wrap .txt + .txt {
			padding: 4% 0 0;
		}
	}
	@media screen and (max-width:750px) {
		#main .section .txt_wrap .readtxt,
		#main .section .txt_wrap .readtxt03 {
			font-size: 4.5vw;
			line-height: 150%;
			padding: 0 0 8%;
		}
		#main .section .readtxt02 {
			font-size: 4vw;
			padding: 0 0 2%;
		}
		#main .section .txt_name {
			font-size: 2.75vw;
		}
		#main .section .txt_wrap .txt + .txt {
			padding: 6.5% 0 0;
		}
	}
/* cont_name */
#main .section .cont_name {
	background: #e10000;
}
#main .section .cont_name .inner {
	width: 82%;
	margin: 0 auto;
	padding: 80px 0;
}
	@media screen and (max-width:1000px) {
		#main .section .cont_name .inner {
			padding: 8% 0;
		}
	}
/* #sec01 */
#main #sec01 .sec_header::after {
	background: url(/promaster/30th/campaign/report/img/bg_sec01_header.jpg) no-repeat 50% 50%;
	background-size: cover;
}
	@media screen and (max-width:1000px) {
		#main #sec01 .sec_header::after {
			background: url(/promaster/30th/campaign/report/img/bg_sec01_header_sp.jpg) no-repeat 50% 50%;
			background-size: cover;
		}
	}

/* #sec02 */
#main #sec02 .sec_header::after {
	background: url(/promaster/30th/campaign/report/img/bg_sec02_header.jpg) no-repeat 50% 50%;
	background-size: cover;
}
	@media screen and (max-width:1000px) {
		#main #sec02 .sec_header::after {
			background: url(/promaster/30th/campaign/report/img/bg_sec02_header_sp.jpg) no-repeat 50% 50%;
			background-size: cover;
		}
	}
/* #sec03 */
#main #sec03 .sec_header::after {
	background: url(/promaster/30th/campaign/report/img/bg_sec03_header.jpg) no-repeat 50% 50%;
	background-size: cover;
}
#main #sec03 .sec_header .ttl .main_ttl {
	padding-bottom: 45px;
}
#main #sec03 .interval {
	position: relative;
	padding: 850px 0 0;
}
#main #sec03 .interval::after {
	position: absolute;
	content: "";
	background: url(/promaster/30th/campaign/report/img/img_sec03_interval.jpg) no-repeat 50% 100%;
	background-size: cover;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#main #sec03 .interval .inner {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	max-width: 626px;
	width: 77%;
}
#main #sec03 .interval p {
	font-size: 14px;
	line-height: 200%;
	letter-spacing: 0.05em;
}
	@media screen and (max-width:1480px) {
		#main #sec03 .sec_header .ttl .main_ttl {
			padding-bottom: 30px;
		}
		#main #sec03 .interval {
			padding: 85% 0 0;
		}
	}
	@media screen and (max-width:1000px) {
		#main #sec03 .sec_header {
			padding: 80% 0 0;
		}
		#main #sec03 .sec_header::after {
			background: url(/promaster/30th/campaign/report/img/bg_sec03_header_sp.jpg) no-repeat 50% 50%;
			background-size: cover;
		}
		#main #sec03 .interval {
			padding: 132.8% 0 0;
		}
		#main #sec03 .interval::after {
			background: url(/promaster/30th/campaign/report/img/img_sec03_interval_sp.jpg) no-repeat 50% 50%;
			background-size: cover;
		}
		#main #sec03 .interval p {
			font-size: 2vw;
		}
	}
	@media screen and (max-width:750px) {
		#main #sec03 .sec_header .ttl .main_ttl {
			padding-bottom: 5%;
		}
		#main #sec03 .interval p {
			font-size: 2.96vw;
		}
	}
/* #loopslider
------------------------------------------*/
#loopslider {
	position: relative;
	z-index: 4;
}
#loopslider img {
	width: 100%;
}
/* #postscript
------------------------------------------*/
#postscript {
	position: relative;
	background: #0e0e0e;
	z-index: 4;
}
#postscript .inner {
	max-width: 960px;
	width: 77%;
	margin: 0 auto;
	padding: 90px 0;
}
#postscript .logo img {
	width: 100%;
	max-width: 340px;
}
#postscript .txt_wrap p {
	font-size: 14px;
	line-height: 200%;
}
#postscript a {
	position: relative;
	display: inline-block;
	color: #ce0614;
}
#postscript a::after {
	position: absolute;
	content: "";
	background: #ce0614;
	width: 0;
	height: 5px;
	top: 100%;
	left: 0;
	transition: all .3s;
}
#postscript a:hover::after {
	width: 100%;
}
#postscript a span {
	display: inline-block;
	padding-left: 10px;
}
#postscript a img {
	width: 18px;
	height: 10px;
}
	@media (min-width:1001px) {
		#postscript .inner {
			display: flex;
			align-items: center;		
		}
		#postscript .logo {
			width: 44%;
			padding-right: 5.1%;
			box-sizing: border-box;
		}
		#postscript .txt_wrap {
			width: 56%;
		}
	}
	@media screen and (max-width:1000px) {
		#postscript .inner {
			padding: 13% 0 9%;
		}
		#postscript .logo {
			text-align: center;
			width: 69%;
			margin: 0 auto;
			padding: 0 0 11%;
		}
		#postscript .txt_wrap p {
			font-size: 2vw;
		}
		#postscript a::after {
			height: 4px;
		}
		#postscript a img {
			width: 9px;
		}
	}
	@media screen and (max-width:750px){		
		#postscript .txt_wrap p {
			font-size: 2.96vw;
		}
	}
	@media screen and (max-width:480px) {
		#postscript a::after {
			height: 3px;
		}
	}
/* #footer_nav
------------------------------------------*/
#footer_nav {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #cd0614;
	text-align: center;
	padding: 6.25% 0;
	z-index: 99;
}
#footer_nav li {
	display: inline-block;
	padding: 0 2%;
}
#footer_nav li a {
	font-family: 'Abel', sans-serif;
	font-size: 3.4vw;
	font-weight: 700;
	letter-spacing: 0.1em;
}
	@media screen and (max-width:750px) {
	#footer_nav {
		display: block;
		-webkit-transform: translate(0%,200%);
		-ms-transform: translate(0%,200%);
		transform: translate(0%,200%);
		-webkit-transition: transform 0.4s linear 0s;
		-moz-transition: transform 0.4s linear 0s;
		-o-transition: transform 0.4s linear 0s;
		-ms-transition: transform 0.4s linear 0s;
		transition: transform 0.4s linear 0s;
	}
    body.scrolled1 #footer_nav {
      -webkit-transform: translate(0%,0%);
      -ms-transform: translate(0%,0%);
      transform: translate(0%,0%);
    }
    body.scrolled1.bottom_report #footer_nav {
      -webkit-transform: translate(0%,200%);
      -ms-transform: translate(0%,200%);
      transform: translate(0%,200%);
    }
}