@charset "UTF-8";
/* ====================================================
reset style
==================================================== */
html {
  overflow-y: scroll;
  overflow-x: hidden;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, featuredre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset, img {
  border: 0;
}

img {
  vertical-align: middle;
  max-width: 100%;
}

address, caption, cite, code, dfn, var {
  font-style: normal;
  font-weight: normal;
}

li {
  list-style: none;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before, q:after {
  content: '';
}

abbr, acronym {
  border: 0;
  font-variant: normal;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

/*to enable resizing for IE*/
input, textarea, select {
  *font-size: 100%;
}

/*because legend doesn't inherit in IE */
legend {
  color: #000;
}

del, ins {
  text-decoration: none;
}

main {
  display: block;
}

section {
  position: relative;
}

body {
	color: #fff;
	font-family: "Roboto", "Noto Sans JP", sans-serif;
	font-weight: 500;
	font-size: 100%;
	-webkit-font-smoothing: antialiased;
	line-height: 1.4;
	overflow: hidden;
}
img {
	width: 100%;
}
a, a:visited {
	color: #fff;
	text-decoration: none;
}

.mt-100{
	margin-top:100px;
}

.pc{
	display:block;
}

.sp{
	display:none;
}

@media screen and (max-width: 768px) {
	
	.pc{
	display:none;
	}

	.sp{
	display:block;
	}
}

/* ====================================================
main
==================================================== */

html {
	background-color: #000;
}

#loader {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: 99999;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

#header a {
	color: #fff;
}
#header a.here {
	color: #b3b3b3;
}
/* Animation settings */
.btn_database {
	transition: 1.0s;
}
.btn_database.animate {
	opacity: 0;
}
#p_concept h2 {
	transition: 1.0s;
}
#p_concept.animate h2 {
	opacity: 0;
	margin-left: -8vw;
}
#p_concept .titleimage {
	transition: 0.5s;
	transition-delay: 1.2s;
}
#p_concept.animate .titleimage {
	opacity: 0;
	margin-top: -2vw;
}	
#p_concept h3 {
	transition: 0.5s;
	transition-delay: 1.6s;
}
#p_concept.animate h3 {
	opacity: 0;
	margin-top: -2vw;
}	
#p_concept .text {
	transition: 2.0s;
	transition-delay: 3.0s;
}
#p_concept.animate .text {
	opacity: 0;
	transform: scale(1.08);
}	
	
#p_data h2 {
	transition: 1.0s;
}
#p_data.animate h2 {
	opacity: 0;
	margin-left: calc(60% + 8vw);
}
#p_data .title-image img {
	transition: 0.5s;
	transition-delay: 1.2s;
}
#p_data.animate .title-image img {
	opacity: 0;
	margin-top: -2vw;
}
#p_data .btn {
	transition: 0.5s;
	transition-delay: 1.6s;
}
#p_data.animate .btn {
	opacity: 0;
}
#p_data .body {
	transition: 2.0s;
	transition-delay: 3.0s;
}
#p_data.animate .body {
	opacity: 0;
	transform: scale(1.08);
}

#p_news h2 img {
	transition: 1.0s;
}
#p_news.animate h2 img {
	opacity: 0;
	margin-left: -8vw;
}
#p_news .topics li:nth-child(1) {
	transition: 0.5s;
	transition-delay: 1.2s;
}
#p_news .topics li:nth-child(2) {
	transition: 0.5s;
	transition-delay: 1.6s;
}
#p_news .topics li:nth-child(3) {
	transition: 0.5s;
	transition-delay: 2.0s;
}
#p_news .topics li:nth-child(4) {
	transition: 0.5s;
	transition-delay: 2.4s;
}
#p_news .topics li:nth-child(5) {
	transition: 0.5s;
	transition-delay: 2.8s;
}
#p_news .topics li:nth-child(n+6) {
	transition: 0.5s;
	transition-delay: 3.2s;
}
#p_news.animate .topics li {
	opacity: 0;
	transform: scale(1.08);
}

/* #p_project .project-title{
	margin:0;
} */

#p_project .project-title h2 {
	transition: 1.0s;
}
#p_project.animate .project-title h2 {
	opacity: 0;
	margin-left: 8vw;
}
#p_project .content {
	transition: 0.5s;
	transition-delay: 0.8s;
}
#p_project.animate .content {
	opacity: 0;
	transform: scale(1.08);
}
@media screen and (max-width: 768px) {
	#p_project .content li:nth-child(1) {
		transition: 0.5s;
		transition-delay: 1.2s;
	}
	#p_project .content li:nth-child(2) {
		transition: 0.5s;
		transition-delay: 1.6s;
	}
	#p_project .content li:nth-child(3) {
		transition: 0.5s;
		transition-delay: 2.0s;
	}
}
@media screen and (min-width: 769px) {
	#p_project .content li:nth-child(3) {
		transition: 0.5s;
		transition-delay: 1.2s;
	}
	#p_project .content li:nth-child(2) {
		transition: 0.5s;
		transition-delay: 1.6s;
	}
	#p_project .content li:nth-child(1) {
		transition: 0.5s;
		transition-delay: 2.0s;
	}
}
#p_project.animate .content li {
	opacity: 0;
	transform: scale(1.08);
}

/* Startup追加 */
/* #p_startups .project-title{
	margin:0;
} */
#p_startups .project-title h2 {
	transition: 1.0s;
}
#p_startups.animate .project-title h2 {
	opacity: 0;
	margin-left: 8vw;
}
#p_startups .content {
	transition: 0.5s;
	transition-delay: 0.8s;
}
#p_startups.animate .content {
	opacity: 0;
	transform: scale(1.08);
}
@media screen and (max-width: 768px) {
	#p_startups .content li:nth-child(1) {
		transition: 0.5s;
		transition-delay: 1.2s;
	}
	#p_startups .content li:nth-child(2) {
		transition: 0.5s;
		transition-delay: 1.6s;
	}
	#p_startups .content li:nth-child(3) {
		transition: 0.5s;
		transition-delay: 2.0s;
	}
}
@media screen and (min-width: 769px) {
	#p_startups .content li:nth-child(3) {
		transition: 0.5s;
		transition-delay: 1.2s;
	}
	#p_startups .content li:nth-child(2) {
		transition: 0.5s;
		transition-delay: 1.6s;
	}
	#p_startups .content li:nth-child(1) {
		transition: 0.5s;
		transition-delay: 2.0s;
	}
}
#p_startups.animate .content li {
	opacity: 0;
	transform: scale(1.08);
}

/* Featured Startups追加 */
/* #p_featured .project-title{
	margin:0;
} */
#p_featured .project-title h2 {
	transition: 1.0s;
}

#p_featured.animate .project-title h2 {
	opacity: 0;
	margin-left: 8vw;
}
#p_featured .project-title h3 {
	font-size: 3rem;
	font-weight: 700;
	color: #b3b3b3;
	letter-spacing: 0.32rem;
	transition: 1.0s;
	padding-bottom:3.4rem;
	margin-left:20%;
}
#p_featured .project-title h4 {
	font-size: 2rem;
	font-weight: 700;
	color: #b3b3b3;
	letter-spacing: 0.32rem;
	transition: 1.0s;
	padding-bottom:3.4rem;
	margin-left:20%;
}
#p_featured .content {
	transition: 0.5s;
	transition-delay: 0.8s;
}
#p_featured.animate .content {
	opacity: 0;
	transform: scale(1.08);
}

#p_featured .content-indent {
        width: 1160px;
        margin: 20px auto;
}

#p_featured .flex-col2 {
	display: flex;
    width: 100%;
}
#p_featured .flex-col2 div:first-child{
    width:70%;
}
#p_featured .flex-col2 div:nth-child(2){
    width: 30%;
    display: flex;
    justify-content: right;
    align-items: end;
}
#p_featured .flex-col2 div:nth-child(2) a{
    width: auto;
	height:auto;
}
#p_featured .flex-col2 div:nth-child(2) .db-button{
    width: 300px;
    height: 75px;
	display: flex;
	justify-content: center;
	align-items: center;
    background: #742691;
    background: linear-gradient(354deg, rgba(116, 38, 145, 1) 42%, rgba(209, 157, 46, 1) 77%);
	border-radius:9999px;
}
#p_featured .flex-col2 div:nth-child(2) .db-button:hover{
    opacity:0.8;
	transition:0.5s;
}

#p_featured .flex-col2 div:nth-child(2) .db-button p{
	font-size:2rem;
}

@media screen and (max-width: 768px) {
	#p_featured .content li:nth-child(1) {
		transition: 0.5s;
		transition-delay: 1.2s;
	}
	#p_featured .content li:nth-child(2) {
		transition: 0.5s;
		transition-delay: 1.6s;
	}
	#p_featured .content li:nth-child(3) {
		transition: 0.5s;
		transition-delay: 2.0s;
	}
	#p_featured .project-title h3 {
	font-size: 2rem;
	margin-left:10%;
	}
	#p_featured .project-title h4 {
	font-size: 1.6rem;
	margin-left:10%;
	}
	#p_featured .content-indent {
        width: 100%;
        margin: 20px auto;
	}
	#p_featured .flex-col2 {
	display: block;
	}
	#p_featured .flex-col2 div:first-child{
    width:100%;
	}
	#p_featured .flex-col2 div:nth-child(2){
    width: 100%;
    display: flex;
    justify-content: right;
    align-items: end;
	}
	#p_featured .flex-col2 div:nth-child(2) a{
    width:auto;
	height:auto;
	margin:0 auto;
	}
	#p_featured .flex-col2 div:nth-child(2) .db-button{
    width: 300px;
    height: 75px;
	display: flex;
	justify-content: center;
	align-items: center;
    background: #742691;
    background: linear-gradient(354deg, rgba(116, 38, 145, 1) 42%, rgba(209, 157, 46, 1) 77%);
	border-radius:9999px;
	}

	#p_featured .flex-col2 div:nth-child(2) .db-button p{
	font-size:2rem;
	}
}
@media screen and (min-width: 769px) {
	#p_featured .content li:nth-child(3) {
		transition: 0.5s;
		transition-delay: 1.2s;
	}
	#p_featured .content li:nth-child(2) {
		transition: 0.5s;
		transition-delay: 1.6s;
	}
	#p_featured .content li:nth-child(1) {
		transition: 0.5s;
		transition-delay: 2.0s;
	}
}
#p_featured.animate .content li {
	opacity: 0;
	transform: scale(1.08);
}

#p_partner .logo img {
	transition: 1.0s;
}
#p_partner.animate .logo img {
	opacity: 0;
	margin-left: -8vw;
}
#p_partner h2 img {
	transition: 1.0s;
	transition-delay: 1.2s;
}
#p_partner.animate h2 img {
	opacity: 0;
}
#p_partner h3 {
	transition: 1.0s;
	transition-delay: 1.6s;
}
#p_partner.animate h3 {
	opacity: 0;
}


#p_partner .icons img:nth-child(1) {
	transition: 0.5s;
	transition-delay: 2.0s;
}
#p_partner .icons img:nth-child(2) {
	transition: 0.5s;
	transition-delay: 2.1s;
}
#p_partner .icons img:nth-child(3) {
	transition: 0.5s;
	transition-delay: 2.2s;
}
#p_partner .icons img:nth-child(4) {
	transition: 0.5s;
	transition-delay: 2.3s;
}
#p_partner .icons img:nth-child(5) {
	transition: 0.5s;
	transition-delay: 2.4s;
}
#p_partner .icons img:nth-child(6) {
	transition: 0.5s;
	transition-delay: 2.5s;
}
#p_partner .icons img:nth-child(7) {
	transition: 0.5s;
	transition-delay: 2.6s;
}
#p_partner .icons img:nth-child(8) {
	transition: 0.5s;
	transition-delay: 2.7s;
}
#p_partner .icons img:nth-child(9) {
	transition: 0.5s;
	transition-delay: 2.8s;
}
#p_partner .icons img:nth-child(10) {
	transition: 0.5s;
	transition-delay: 2.9s;
}
#p_partner .icons img:nth-child(11) {
	transition: 0.5s;
	transition-delay: 3.0s;
}
#p_partner .icons img:nth-child(12) {
	transition: 0.5s;
	transition-delay: 3.1s;
}
#p_partner .icons img:nth-child(13) {
	transition: 0.5s;
	transition-delay: 3.2s;
}
#p_partner .icons img:nth-child(14) {
	transition: 0.5s;
	transition-delay: 3.4s;
}
#p_partner .icons img:nth-child(15) {
	transition: 0.5s;
	transition-delay: 3.6s;
}
#p_partner .icons img:nth-child(16) {
	transition: 0.5s;
	transition-delay: 3.8s;
}
#p_partner .icons img:nth-child(17) {
	transition: 0.5s;
	transition-delay: 4.0s;
}
#p_partner .icons img:nth-child(18) {
	transition: 0.5s;
	transition-delay: 4.2s;
}
#p_partner.animate .icons img {
	opacity: 0;
	transform: scale(1.08);
}

@keyframes nextarrow {
	0% {
		opacity: 0;
		height:0;
		top: -30%;
	}
	50% {
		opacity: 1.0;
		height: 130%;
		top: -30%;
	}
	100% {
		opacity: 0;
		top: 100%;
		height: 0;
	}
}
	
	
@media screen and (max-width: 768px) {
	.pc-content {
		display: none;
	}
	html {
		font-size: 9px;
	}
	#loader img {
		width: 20vw;
		display: none;
	}
	body {
		overflow-x: hidden;
	}
	.pc-content {
		display: none;
	}
	h2 {
		width: 100%;
	}
	#header {
		position: relative;
		height: 12vw;
	}
	#header .lang_select {
		position: absolute;
		right: 16px;
		top: 0;
		bottom: 0;
		display: flex;
		align-items: center;
		font-size: 3.6vw;
	}
	#header .lang_select_sep {
		margin: 0 2.0vw;
		width: 8vw;
		height: 0.8vw;
		font-size: 1px;
		background-color: #fff;
	}
	#firstview {
		width: calc(100% - 8vw);
		position: relative;
		height: calc(100vh - 64px);
		margin: 0 auto 24vw auto;
	}
	.height{
		height:auto !important;
	}
	.mainlogo {
		position: absolute;
		top: 0;
		left: 0;
		width: 30%;
	}
	.maintitle {
		display: flex;
		height: calc(100vh - 64px);
		justify-content: flex-end;
		align-items: center;
	}
	.maintitle>img {
		width: 60%;
		margin-bottom: 16vw;
	}
	.maintitle .inner>img {
		margin-bottom: 20vw;
	}
	.maintitle .btn_explore {
		width: 80%;
		margin: 0 10%;
	}
	.maintitle2 {
		display: flex;
		justify-content: flex-end;
		align-items: start;
	}
	.maintitle2 img {
		width: 70%;
		margin-bottom: 16vw;
	}
	.scroll_next {
		position: absolute;
		bottom: 12vw;
		left: 50%;
		transform: translateX(-50%);
		width: 16vw;
	}
	.scroll_next::after {
		content: "";
		position: absolute;
		width: 2px;
		right: 0;
		left: 0;
		margin: 0 auto;
		background-color: #fff;
	}
	.scroll_next:not(.no-animation)::after {
		animation: nextarrow 2s infinite;
	}
	@media (min-aspect-ratio: 5/7) {
		.mainlogo {
			width: 20%;
		}
		.maintitle .inner>img {
			width: 75%;
			margin-left: 25%;
			margin-bottom: 12vw;
		}
		.maintitle .btn_explore {
			width: 60%;
			margin: 0 20%;
		}
		.scroll_next {
			width: 16vw;
			bottom: 8vw;
		}
	}
	@media (orientation: landscape) {
		.mainlogo {
			width: 12%;
		}
		.maintitle .inner>img {
			width: 60%;
			margin-left: 40%;
			margin-bottom: 4vw;
		}
		.maintitle .btn_explore {
			width: 40%;
			margin: 0 30% 8vw 30%;
		}
		.scroll_next {
			width: 10vw;
			bottom: 4vw;
		}
	}
	#p_concept {
		width: calc(100% - 8vw);
		margin: 0 auto 24vw auto;
	}
	#p_concept h2 {
		margin-bottom: 12vw;
	}
	#p_concept .content {
		width: calc(100% - 10vw);
		margin: 0 auto;
	}
	#p_concept h3 {
		margin: 6.4vw 0;
		font-size: 6.4vw;
		font-weight: 700;
	}
	#p_concept .content .text {	
		text-align: justify;
		font-size: 4.0vw;
		line-height: 8vw;
	}
	#p_concept .btn_database {
		position: fixed;
		width: 20vw;
		bottom: 16px;
		right: 16px;
	}


	#p_data {
		width: calc(100% - 8vw);
		margin: 0 auto 24vw auto;
	}
	#p_data .content {
		position: relative;
		display: flex;
		flex-direction: column;
	}
	#p_data .content .body {
		order: 2;
	}
	#p_data .content .title {
		order: 1;
	}
	#p_data h2 {
		margin-bottom: 12vw;
	}
	#p_data .title {
	}
	#p_data .title-image {
		width: 80%;
		margin-left: 20%;
		margin-bottom: 100vw;
	}
	#p_data .body {
		width: calc(100% - 10vw);
		position: absolute;
		top: 40vw;
		left: 5vw;
	}
	#p_data .content .title .btn {
		width: 100%;
	}
	#p_data .content .title .btn a {
		display: block;
		position: relative;
		padding: 2vw 2.8vw;
		background: url('../img/icon_pdf.svg') no-repeat;
		background-position: center right 4vw;
		background-size: auto 40%;
		transition-duration: .5s;
	}
	#p_data .content .title .btn a:hover {
		background-position: center right 2.4vw;
	}
	#p_data .content .title .btn a>img {
		width: 76%;
	}
	#p_data .content .title .btn a::before {
		position: absolute;
		content: "";
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		width: 100%;
		height: calc(100% - 16px);
		top: 0;
		left: 0;
		transition-duration: .5s;
	}
	#p_data .content .title .btn a:hover::before {
		border-top: 1px solid #aaa;
		border-right: 1px solid #aaa;
		height: calc(100% - 2px);
	}
	#p_data .content .title .btn a::after {
		position: absolute;
		content: "";
		border-bottom: 1px solid #fff;
		border-left: 1px solid #fff;
		width: 100%;
		height: calc(100% - 18px);
		top: 16px;
		left: 0;
		transition-duration: .5s;
	}
	#p_data .content .title .btn a:hover::after {
		border-bottom: 1px solid #aaa;
		border-left: 1px solid #aaa;
		top: 0;
		height: calc(100% - 2px);
	}
	#p_map {
		width: 100%
		margin: 0 auto 24vw auto;
	}
	#p_map .content {
		position: relative;
		width: 100%
		margin: 0 auto;
	}
	#p_map .content img {
		width: 100%;
		padding: 20vw 0 4vw 0;
		margin-bottom: 2vw;
	}
	#p_map h3 {
		position: absolute;
		left: 9vw;
		top: 4vw;
		font-size: 6.4vw;
		font-weight: 700;
	}
	#p_map h3 .strong {
		font-size: 7.2vw;
		font-weight: 700;
	}
	#p_map .text {
		width: calc(100% - 18vw);
		margin: 0 auto;
		font-size: 4.0vw;
		line-height: 8vw;
	}
	#p_map .text .sub {
		margin: 4.8vw 0;
		font-size: 3.2vw;
	}
	#p_map .btn_kansai-ecosystem {
		width: calc(100% - 18vw);
		margin: 0 auto 24vw auto;
		padding: 2vw;
		background-color: #fff;
		border-radius: 100px;
		color: #000;
		text-align: center;
	}
	#p_map .btn_kansai-ecosystem .title {
		font-size: 3.6vw;
		margin-bottom: 0.6vw;
	}
	#p_map .btn_kansai-ecosystem .icon {
		display: none;
	}
	#p_map .btn_kansai-ecosystem .logo img {
		width: 50%;
	}
	#p_map .arrow {
		text-align: center;
		margin-bottom: 20vw;
	}
	#p_map .arrow img {
		width: 20%;
	}
	#p_map h4 {
		font-size: 6.4vw;
		font-weight: 700;
		text-align: center;
		margin-bottom: 4.8vw;
	}
	#p_map .reason {
		width: calc(100% - 18vw);
		margin: 0 auto 16vw auto;
	}
	#p_map .separator {
		width: 1px;
		height: 16vw;
		background-color: #fff;
		margin: 0 auto 8vw auto;
	}
	#p_map .reason li:not(:last-child) {
		margin-bottom: 12vw;
	}
	#p_map .reason h5 {
		padding: 4vw 0;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		font-size: 6.4vw;
		font-weight: 700;
		margin-bottom: 4.8vw;
	}
	#p_map .reason .description {
		font-size: 4.0vw;
		line-height: 8vw;
	}
	#p_map .keys {
		width: calc(100% - 18vw);
		margin: 0 auto 16vw auto;
	}
	#p_map .keys li {
		margin-top: -13.2vw;
	}
	#p_map .keys h5 {
		display: none;
	}
	#p_news {
		width: calc(100% - 8vw);
		margin: 0 auto 24vw auto;
	}
	#p_news h2 {
		margin-bottom: 12vw;
	}
	#p_news .content .topics li {
		margin-bottom: 4.8vw;
	}
	#p_news .content .topics li .cell {
		position: relative;
		padding: 4.2vw;
	}
	#p_news .content .topics li .cell::before {
		position: absolute;
		content: "";
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		width: 100%;
		height: calc(100% - 16px);
		top: 0;
		left: 0;
	}
	#p_news .content .topics li .cell::after {
		position: absolute;
		content: "";
		border-bottom: 1px solid #fff;
		border-left: 1px solid #fff;
		width: 100%;
		height: calc(100% - 18px);
		top: 16px;
		left: 0;
	}
	#p_news .content .topics li .cell .icon {
		display: inline-block;
		font-size: 3.2vw;
		background-color: #b3b3b3;
		margin-bottom: 1.6vw;
		padding: 1.2vw 2.0vw;
		color: #000;
	}
	#p_news .content .topics li .cell .description {
		font-size: 3.6vw;
		line-height: 7.2vw;
		margin-bottom: 2.4vw;
	}
	#p_news .content .topics li .cell .date {
		font-size: 3.2vw;
		color: #b3b3b3;
	}
	#p_project {
		margin-bottom: 16vw;
	}
	#p_project h2 {
		width: calc(100% - 8vw);
		margin: 0 auto 12vw auto;
	}
	#p_project .content {
		border-top: 1px solid #b3b3b3;
		border-bottom: 1px solid #b3b3b3;
	}
	#p_project .content li {
		padding: 4vw;
		border-bottom: 1px solid #b3b3b3;
	}
	#p_project .content li:last-child {
		border-bottom: none;
	}
	#p_project .content li img {
		margin-bottom: 3.2vw;
	}
	#p_project .content li .description {
		font-size: 3.6vw;
		line-height: 7.2vw;
		margin-bottom: 3.2vw;
	}
	#p_project h3 {
		width: calc(100% - 8vw);
		margin-left: 4vw;
		font-size: 6.4vw;
		font-weight: 700;
		margin-bottom: 8vw;
	}
	#p_project .content.scrollable {
		overflow: auto;
	}
	#p_project .content table {
		width: 270%;
	}
	#p_project th:not(:last-child), #p_project td:not(:last-child) {
		border-right: 1px solid #b3b3b3;
	}
	#p_project th {
		position: relative;
		padding: 4.8vw 6.4vw;
		font-size: 5.6vw;
		font-weight: 700;
		line-height: 9.6vw;
		width: 33.3333%;
	}
	#p_project th .arrow {
		position: absolute;
		display: flex;
		align-items: center;
		justify-content: center;
		right: -6vw;
		top: 50%;
		transform: translateY(-50%);
		width: 12vw;
		height: 12vw;
		border-radius: 80px;
		border: 1px solid #b3b3b3;
		background-color: #000;
	}
	#p_project th .arrow img {
		width: 30%;
		margin-left: 0.8vw;
	}
	#p_project td {
		padding: 0 4.8vw;
		vertical-align: top;
	}
	#p_project .thumbnails {
		border-top: 1px solid #b3b3b3;
		padding: 4.8vw 0;
	}
	#p_project .thumbnails a {
		border-right: 0;
		cursor: pointer;
	}
	#p_project .thumbnails .title {
		height: 24vw;
		padding: 4.8vw;
		display: flex;
		align-items: top;
	}
	#p_project .thumbnails h3 {
		flex: 1;
		text-align: left;
		font-size: 5.6vw;
		font-weight: 700;
		line-height: 9.6vw;
	}
	#p_project .summery {
		border-top: 1px solid #b3b3b3;
		padding: 4.8vw;
		font-size: 4.0vw;
		line-height: 8vw;
	}
	#p_project ul.details {
		display: block;
		border-top: 1px solid #b3b3b3;
		padding: 4.8vw 0;
	}
	#p_project ul li {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		font-size: 4.0vw;
		line-height: 8vw;
		margin-bottom: 2vw;
	}
	#p_project ul li .head {
		width: 4.8vw;
	}
	#p_project ul li .text {
		flex: 1;
	}
	#p_project ul.details li {
		padding: 0;
		border-bottom: 0;
	}

	/*Startups追加*/
	#p_startups {
	}
	#p_startups h2 {
		width: calc(100% - 8vw);
		margin: 0 auto 12vw auto;
	}
	#p_startups h3 {
		margin-left: 4vw;
		font-size: 6.4vw;
		font-weight: 700;
		margin-bottom: 8vw;
	}
	#p_startups .text {
		width: calc(100% - 8vw);
		margin: 0 auto 12vw auto;
		display: flex;
		justify-content: flex-end;
	}
	#p_startups .text .lead {
		width: 80%;
		font-size: 5.6vw;
		margin-bottom: 20vw;
	}
	#p_startups .content {
		border-top: 1px solid #b3b3b3;
		border-bottom: 1px solid #b3b3b3;
	}
	#p_startups .content li {
		position: relative;
		padding: 4vw;
		border-bottom: 1px solid #b3b3b3;
	}
	#p_startups .content li:last-child {
		border-bottom: none;
	}
	#p_startups .content li .phtbox {
		width:100%;
	}
	#p_startups .startups_list li:not(:first-child) {
		border-top: 1px solid #b3b3b3;
	}
	#p_startups .startups_list li:not(:last-child) {
		margin-bottom: 24vw;
	}
	#p_startups .startups_list li h4 {
		padding: 8vw 0 4vw 0;
		font-size: 5.6vw;
		text-align: center;
	}
	#p_startups li .category-title {
		width: 100%;
		position: absolute;
		top: -12vw;
		left: 0;
		text-align: center;
		font-size: 6.4vw;
		font-weight: 700;
	}
	#p_startups .content li .pht{
		aspect-ratio: 3/2;
    	overflow: hidden;
		padding: 1.6rem;
	}
	#p_startups .content li img {
		width: 100%;
		height: 100%;
		object-fit: contain;
		background:#fff;
	}
	#p_startups .content li .description {
		font-size: 3.6vw;
		line-height: 7.2vw;
		margin-bottom: 3.2vw;
	}
	.viewmore{
		text-align:right;
		margin-bottom:50px;
	}
	.viewmore a{
		font-size:2rem;
		text-align:right;
		margin-right:3%;
		background-image: linear-gradient(#fff, #fff);
		background-repeat: no-repeat;
		background-position: bottom right; /* 下線の初期位置 */
		background-size: 0 1px; /* 下線のサイズ（横幅、高さ） */
		transition: background-size 0.3s;
	}
	/*Featured追加*/
	#p_featured {
	}
	#p_featured h2 {
		width: calc(100% - 8vw);
		margin: 0 auto 12vw auto;
	}
	#p_featured .content {
		border-top: 1px solid #b3b3b3;
		border-bottom: 1px solid #b3b3b3;
	}
	#p_featured .content li {
		padding: 4vw;
		border-bottom: 1px solid #b3b3b3;
	}
	/* #p_featured .content li:last-child {
		border-bottom: none;
	} */
	#p_featured .content li .phtbox{
		width:100%;
	}
	#p_featured .content li .pht{
		aspect-ratio: 3/2;
    	overflow: hidden;
	}
	#p_featured .content li img {
		margin-bottom: 3.2vw;
		padding: 1.6rem;
		width: 100%;
		height: 100%;
		object-fit: contain;
		background:#fff;
	}
	#p_featured .content li .title {
		font-size: 2rem;
		line-height: 2.8rem;
		padding-bottom:2rem;
	}
	#p_featured .content li .description {
		font-size: 3.6vw;
		line-height: 7.2vw;
		margin-bottom: 3.2vw;
	}
	#p_featured .content li .button {
		text-align: -webkit-right;
	}
	#p_featured .content li .button .button-inner{
		width: 200px;
		height: 50px;
		border: solid 1px;
		margin: 10px;
		font-size:2rem;
		background: #fff;
    	color: #000;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#p_partner {
		width: calc(100% - 8vw);
		margin: 24vw auto 24vw auto;
	}
	#p_partner h2 {
		margin-bottom: 4vw;
	}
	#p_partner h3 {
		font-size: 3.6vw;
		font-weight: 700;
		color: #b3b3b3;
		letter-spacing: 0.48vw;
		margin-bottom: 8vw;
		
	}
	#p_partner .content {
		width: 100%;
		background-color: #fff;
		padding: 4.8vw 0;
	}
	#p_partner .icons {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 96%;
		margin: 0 auto;
	}
	#p_partner .icons img {
		height: 15.6vw;
		width: auto;
		margin: 2.8vw 1.2vw;
	}
	#p_information {
		width: calc(100% - 8vw);
		margin: 0 auto 24vw auto;
	}
	#p_information h2 {
		margin-bottom: 4vw;
	}
	#p_information .author {
		padding: 12vw 0 12vw 6.4rem;
		border-left: 1px solid #fff;
		border-right: 1px solid #fff;
		margin-bottom: 4vw;
	}
	#p_information .author h3 {
		font-size: 4.8vw;
		letter-spacing: 0.64vw;
		font-weight: 700;
		margin-bottom: 2vw;
	}
	#p_information .author p {
		font-size: 3.0vw;
	}
	#p_information .text {
		padding: 4vw 0 4vw 4vw;
		border-left: 1px solid #fff;
		border-right: 1px solid #fff;
	}

	#p_information .address {
		margin-bottom: 3.2vw;
		font-size: 3.2vw;
		line-height: 4.8vw;
	}
	#p_information .text table {
		font-size: 3.6vw;
		width: 100%;
	}
	#p_information .text th {
		font-weight: normal;
		width: 20%;
		vertical-align: top;
	}
	#p_information .text .notice {
		font-size: 2.8vw;
		margin-bottom: 2.4vw;
	}
	.bg-group {
		position: relative;
		overflow: hidden;
	}
	.bg-group::before {
		content: "";
		position: absolute;
		width: 200%;
		height: 200%;
		background: url('../img/bg960.png') no-repeat;
		background-size: 110vw;
		background-position: center;
	}
	.bg-group.group01::before {
		top: -80%;
		left: -55%;
		z-index: -1;
		transform: rotate(120deg);
	}
	.bg-group.group02::before {
		top: -35%;
		left: -45%;
		z-index: -1;
	}
	.bg-group.group03::before {
		top: -80%;
		left: -50%;
		z-index: -1;
		transform: rotate(-60deg);
	}
	.footer {
		border-top: 1px solid #fff;
	}
	.footer .content {
		width: calc(100% - 8vw);
		margin: 0 auto;
		padding: 16vw 0 28vw 0;
	}
	.footer .content .logo {
		margin-bottom: 12vw;
	}
	.footer .content .link-copy {
		text-align: right;
		font-size: 3.6vw;
	}
	.footer .content .link-copy ul {
		margin-bottom: 4.0vw;
	}
	.footer .content .link-copy li {
		font-weight: 600;
		margin-bottom: 3.2vw
	}
	.footer .content .link-copy .copyright {
		font-size: 2.8vw;
	}
}
@media screen and (max-width: 375px) {
	#header {
		height: 16vw;
	}
	#p_concept .content .text {
		text-align: justify;
		font-size: 1.8rem;
		line-height: 3.4rem;
	}
	#p_news .content .topics li .cell .icon {
		font-size: 1.6rem;
	}
	#p_news .content .topics li .cell .description {
		font-size: 1.8rem;
		line-height: 3.4rem;
	}
	#p_news .content .topics li .cell .date {
		font-size: 1.6rem;
	}
	#p_featured .content li .description {
		font-size: 1.8rem;
		line-height: 3.4rem;
	}
	#p_information .address {
		margin-bottom: 3.2vw;
		font-size: 4.0vw;
		line-height: 6.4vw;
	}
	#p_information .text table {
		font-size: 4.4vw;
	}
}
@media screen and (min-width: 769px) {
	html {
		font-size: 9px;
	}
	#loader img {
		width: 8vw;
		display: none;
	}
	.sp-content {
		display: none;
	}
	#header {
		position: relative;
		height: 64px;
	}
	#header .lang_select {
		position: absolute;
		right: 0;
		bottom: 0;
		display: flex;
		align-items: center;
	}
	#firstview {
		position: relative;
		height: calc(100vh - 64px);
		margin-bottom : 120px;
	}
	.height{
		height:auto !important;
	}
	.mainlogo {
		position: absolute;
		top: 0;
		left: 0;
		width: 12%;
	}
	.maintitle {
		display: flex;
		height: calc(100vh - 64px);
		justify-content: flex-end;
		align-items: center;
	}
	.maintitle>img, .maintitle .inner {
		display: block;
		width: 50%;
		margin-bottom: 64px;
	}
	.maintitle .inner>img {
		margin-bottom: 64px;
	}
	.maintitle .btn_explore {
		width: 70%;
		margin-left: 30%;
	}
	.maintitle2 {
		display: flex;
		justify-content: flex-end;
		align-items: start;
		margin-top: 64px;
	}
	.maintitle2 img {
		display: block;
		width: 50%;
		margin-bottom: 64px;
	}
	.scroll_next {
		position: absolute;
		bottom: 64px;    
		left: 50%;
		transform: translateX(-50%);
		width: 96px;
	}
	.scroll_next::after {
		content: "";
		position: absolute;
		width: 2px;
		right: 0;
		left: 0;
		margin: 0 auto;
		background-color: #fff;
	}
	.scroll_next:not(.no-animation)::after {
		animation: nextarrow 2s infinite;
	}
	.bg-group {
		position: relative;
		overflow: hidden;
	}
	.bg-group::before {
		content: "";
		position: absolute;
		width: 200%;
		height: 200%;
		background: url('../img/bg960.png') no-repeat;
		background-size: min(56%, 1120px);
		background-position: center;
	}
	.bg-group.group01::before {
		top: -65%;
		left: -50%;
		z-index: -1;
		transform: rotate(120deg);
	}
	.bg-group.group02::before {
		top: -35%;
		left: -50%;
		z-index: -1;
	}
	.bg-group.group03::before {
		top: -50%;
		left: -50%;
		z-index: -1;
		transform: rotate(-60deg);
	}
	#p_concept {
		position: relative;
		margin-bottom: 12rem;
	}
	#p_concept .content {
		display: flex;
		width: 100%;
	}
	#p_concept h2 {
		margin: 0;
	}
	#p_data {
		margin-bottom: 12rem;
	}
	#p_data .content {
		display: flex;
		width: 100%;
	}
	#p_data .content .title .btn {
		margin-left: 24%;
		width: 76%;
	}
	#p_data .content .title .btn a {
		display: block;
		position: relative;
		padding: 1.6rem 2.0rem;
		background: url('../img/icon_pdf.svg') no-repeat;
		background-position: center right 24px;
		background-size: auto 40%;
		transition-duration: .5s;
	}
	#p_data .content .title .btn a:hover {
		background-position: center right 18px;
	}
	#p_data .content .title .btn a>img {
		width: 76%;
	}
	#p_data .content .title .btn a::before {
		position: absolute;
		content: "";
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		width: 100%;
		height: calc(100% - 16px);
		top: 0;
		left: 0;
		transition-duration: .5s;
	}
	#p_data .content .title .btn a:hover::before {
		border-top: 1px solid #aaa;
		border-right: 1px solid #aaa;
		height: calc(100% - 2px);
	}
	#p_data .content .title .btn a::after {
		position: absolute;
		content: "";
		border-bottom: 1px solid #fff;
		border-left: 1px solid #fff;
		width: 100%;
		height: calc(100% - 18px);
		top: 16px;
		left: 0;
		transition-duration: .5s;
	}
	#p_data .content .title .btn a:hover::after {
		border-bottom: 1px solid #aaa;
		border-left: 1px solid #aaa;
		top: 0;
		height: calc(100% - 2px);
	}
	#p_map {
		margin-bottom: 12rem;
	}
	#p_map .content {
		position: relative;
		width: 100%;
	}
	#p_map .content img {
		width: 100%;
		margin-bottom: 12rem;
	}
	#p_map h3 {
		position: absolute;
		left: 0;
		top: 4rem;
		font-size: 4.0rem;
		font-weight: 700;
	}
	#p_map h3 .strong {
		font-size: 4.8rem;
		font-weight: 700;
	}
	#p_map .text {
		width: 40%;
		position: absolute;
		bottom: 0;
		right: 0;
		font-size: 1.6rem;
		line-height: 3.2rem;
		text-align: justify;
	}
	#p_map .text p {
		line-height: inherit;
	}
	#p_map .text .sub {
		margin-top: 1.8rem;
		font-size: 1.4rem;
		line-height: 2.8rem;
	}
	#p_map .btn_kansai-ecosystem {
		width: 720px;
		border-radius: 100px;
		background-color: #fff;
		margin: 8rem auto;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 1.2rem 0;
	}
	#p_map .btn_kansai-ecosystem .title {
		color: #000;
		flex: 1;
		font-size: 1.6rem;
		font-weight: 700;
		margin-left: 3.2rem;
	}
	#p_map .btn_kansai-ecosystem .icon {
		width: 2rem;
		margin-right: 2rem;
	}
	#p_map .btn_kansai-ecosystem .logo {
		width: 14rem;
		margin-right: 2.4rem;
	}
	#p_map .arrow {
		width: 96px;
		margin: 8rem auto;
	}
	#p_map h4 {
		text-align: center;
		font-size: 3.2rem;
		font-weight: 700;
		margin-bottom: 1.0rem
	}
	#p_map .separator {
		width: 1px;
		height: 4.0rem;
		margin: 0 auto 2rem auto;
		background-color: #fff;
	}
	#p_map .reason {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		margin-bottom: 8rem;
	}
	#p_map .reason li {
		width: 30%;
	}
	#p_map .reason li h5 {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		height: 9.6rem;
		font-size: 2.4rem;
		line-height: 3.6rem;
		font-weight: 700;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		margin-bottom: 2.4rem;
	}
	#p_map .reason li .description {
		font-size: 1.6rem;
		line-height: 2.8rem;
	}
	#p_map .keys {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		margin-bottom: 8rem;
	}
	#p_map .keys li {
		width: calc(33.3333% +4.6rem);
	}
	#p_map .keys li img {
		width: 100%;
		margin-bottom: 4.8rem;
	}
	#p_map .keys li:nth-child(1) {
		margin-right: -4.6rem;
	}
	#p_map .keys li:nth-child(2) {
		margin-left: -2.3rem;
		margin-right: -2.3rem;
	}
	#p_map .keys li:nth-child(3) {
		margin-left: -4.6rem;
	}
	#p_map .keys h5 {
		text-align: center;
		font-size: 1.6rem;
		line-height: 2.8rem;
	}



	#p_news {
		margin-bottom: 12rem;
	}
	#p_news .content {
		display: flex;
	}
	#p_news .content .topics {
		width: 60%;
	}
	#p_news .content .topics li {
		margin-bottom: 2.4rem;
	}
	#p_news .content .topics li .cell {
		position: relative;
		padding: 2.4rem 3.2rem;
	}
	#p_news .content .topics li .cell::before {
		position: absolute;
		content: "";
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		width: 100%;
		height: calc(100% - 16px);
		top: 0;
		left: 0;
	}
	#p_news .content .topics li .cell::after {
		position: absolute;
		content: "";
		border-bottom: 1px solid #fff;
		border-left: 1px solid #fff;
		width: 100%;
		height: calc(100% - 18px);
		top: 16px;
		left: 0;
	}
	#p_news .content .topics li .cell .icon {
		display: inline-block;
		font-size: 1.4rem;
		background-color: #b3b3b3;
		margin-bottom: 1.2rem;
		padding: 4px 12px;
		color: #000;
	}
	#p_news .content .topics li .cell .description {
		font-size: 1.6rem;
		line-height: 2.8rem;
		margin-bottom: 1.6rem;
	}
	#p_news .content .topics li .cell .date {
		font-size: 1.4rem;
		color: #b3b3b3;
	}
	#p_project {
		margin-bottom: 12rem;
	}
	#p_project .content {
		border-top: 1px solid #b3b3b3;
		border-bottom: 1px solid #b3b3b3;
	}
	#p_project .content ul {
		display: flex;
	}
	/* #p_project .content li {
		width: calc(33.34% - 1px);
		border-right: 1px solid #b3b3b3;
	} */
	#p_project .content a {
		width: calc(33.34% - 1px);
		border-right: 1px solid #b3b3b3;
	}
	#p_project .content li:last-child {
		border-right: none;
	}
	#p_project .content li catch {
		text-align: center;
		margin: 2.2rem 0;
		font-size: 2.0rem;
		font-weight: 700;
		line-height: 3.6rem;
	}
	#p_project .content li img {
		padding: 1.6rem;
	}
	#p_project .content li .description {
		padding: 0 2.8rem 1.6rem 2.8rem;
		font-size: 1.6rem;
		line-height: 2.8rem;
	}
	#p_project th:not(:last-child), #p_project td:not(:last-child) {
		border-right: 1px solid #b3b3b3;
	}
	#p_project th {
		position: relative;
		text-align: center;
		padding: 2.2rem 0;
		font-size: 2.4rem;
		font-weight: 700;
		line-height: 3.6rem;
		width: 33.3333%;
	}
	#p_project th .arrow {
		position: absolute;
		display: flex;
		align-items: center;
		justify-content: center;
		right: -3.2rem;
		top: 50%;
		transform: translateY(-50%);
		width: 6.4rem;
		height: 6.4rem;
		border-radius: 50%;
		border: 1px solid #b3b3b3;
		background-color: #000;
	}
	#p_project th .arrow img {
		width: 30%;
		margin-left: 0.6rem;
	}
	#p_project td {
		padding: 0 1.6rem;
		vertical-align: top;
		width: 33.3333%;
	}
	#p_project .thumbnails {
		border-top: 1px solid #b3b3b3;
		padding: 2.8rem 0;
	}
	#p_project .thumbnails a {
		border-right: 0;
		cursor: pointer;
	}
	#p_project .thumbnails .title {
		height: 12rem;
		display: flex;
		align-items: center;
	}
	#p_project .thumbnails h3 {
		flex: 1;
		text-align: center;
		margin: 2.2rem 0 0 0;
		font-size: 2.0rem;
		font-weight: 700;
		line-height: 3.6rem;
	}
	#p_project .summery {
		border-top: 1px solid #b3b3b3;
		padding: 2.8rem;
		font-size: 1.6rem;
		line-height: 2.8rem;
	}
	#p_project ul.details {
		display: block;
		border-top: 1px solid #b3b3b3;
		padding: 2.8rem 0;
	}
	#p_project ul li {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		font-size: 1.6rem;
		line-height: 2.8rem;
		margin-bottom: 1.6rem;
	}
	#p_project ul li .head {
		width: 2.8rem;
	}
	#p_project ul li .text {
		flex: 1;
	}
	#p_project .project-head {
		padding-bottom: 6.4rem;
	}
	#p_project h3 {
		font-size: 3.2rem;
		font-weight: 700;
		margin-bottom: 12rem;
	}
	/*Startups追加*/
	#p_startups {
		margin-bottom: 3rem;
	}
	#p_startups h3 {
		font-size: 3.2rem;
		font-weight: 700;
	}
	#p_startups .text {
		padding: 4rem 0;
		display: flex;
		justify-content: flex-end;
		margin-bottom: 12rem;
	}
	#p_startups .text .lead {
		width: 50%;
		font-size: 4.0rem;
	}
	#p_startups .content {
		position: relative;
		border-top: 1px solid #b3b3b3;
		border-bottom: 1px solid #b3b3b3;
	}
	#p_startups .content ul {
		display: flex;
	}
	#p_startups .content ul.head {
		position: absolute;
		width: 100%;
		top: -8rem;
	}
	#p_startups .content ul.head .category-title {
		text-align: center;
		font-size: 4rem;
		font-weight: 700;
	}
	#p_startups .content li {
		width: calc(33.34% - 1px);
		border-right: 1px solid #b3b3b3;
	}
	#p_startups .content ul.head li {
		border-right: 0;
	}
	#p_startups .content li h4 {
		text-align: center;
		margin: 2.2rem 0;
		font-size: 2.0rem;
		font-weight: 700;
		line-height: 3.6rem;
	}
	#p_startups .content a {
		width: calc(33.34% - 1px);
		border-right: 1px solid #b3b3b3;
	}
	#p_startups .content li:last-child {
		border-right: none;
	}
	#p_startups .content li .phtbox{
		width:100%;
	}
	#p_startups .content li .pht {
		aspect-ratio: 3/2;
    	overflow: hidden;
		padding: 1.6rem;
	}
	#p_startups .content li img {
		width: 100%;
		height: 100%;
		object-fit: contain;
		background:#fff;
	}
	#p_startups .content li .description {
		padding: 0 2.8rem 1.6rem 2.8rem;
		font-size: 1.6rem;
		line-height: 2.8rem;
	}
	.viewmore{
		text-align:right;
		margin-bottom:50px;
	}
	.viewmore a{
		font-size:2rem;
		text-align:right;
		margin-right:3%;
		background-image: linear-gradient(#fff, #fff);
		background-repeat: no-repeat;
		background-position: bottom right; /* 下線の初期位置 */
		background-size: 0 1px; /* 下線のサイズ（横幅、高さ） */
		transition: background-size 0.3s;
	}
	.viewmore a:hover{
		background-position: bottom left; /* 下線のホバー時位置 */
  		background-size: 100% 1px; /* 下線の横幅を100%にする */
	}
	/*featured追加*/
	#p_featured {
		margin-bottom: 12rem;
	}
	#p_featured .content {
		width: 80%;
		margin: 0 auto;
	}
	#p_featured .content ul {
		display: flex;
		margin-bottom:1%;
	}
	#p_featured .content li {
		width: calc(33.34% - 1px);
		border-left: 1px solid #b3b3b3;
		border-right: 1px solid #b3b3b3;
		border-top: 1px solid #b3b3b3;
		border-bottom: 1px solid #b3b3b3;
		margin-right:1%;
		position: relative;
	}
	#p_featured .content li:last-child {
		width: calc(33.34% - 1px);
		border-right: 1px solid #b3b3b3;
	}
	/* #p_featured .content a {
		width: calc(33.34% - 1px);
		border-right: 1px solid #b3b3b3;
	}
	#p_featured .content a:first-child {
		width: calc(33.34% - 1px);
		border-right: 1px solid #b3b3b3;
		border-left: 1px solid #b3b3b3;
	} */
	#p_featured .content li .phtbox{
		width:100%;
	}
	#p_featured .content li .pht{
		aspect-ratio: 3/2;
    	overflow: hidden;
	}
	#p_featured .content li img {
		padding: 1.6rem;
		width: 100%;
		height: 100%;
		object-fit: contain;
		background:#fff;
	}
	#p_featured .content li .title {
		padding: 0 2.8rem 1.6rem 2.8rem;
		font-size: 2rem;
		line-height: 2.8rem;
	}
	#p_featured .content li .description {
		padding: 0 2.8rem 1.6rem 2.8rem;
		font-size: 1.6rem;
		line-height: 2.8rem;
	}
	#p_featured .content li .button-box {
		display: flex;
		justify-content: flex-end;
		align-items: flex-end;
		height: 200px;
	}
	#p_featured .content li .button {
		text-align: -webkit-right;
		position: absolute;
		bottom: 10px;
		right: 10px;
	}
	#p_featured .content li .button .button-inner{
		width: 200px;
		height: 50px;
		border: solid 1px;
		margin: 10px;
		font-size:2rem;
		background: #fff;
    	color: #000;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#p_featured .content li .button .button-inner:hover{
		opacity:0.7;
		transition:0.5s;
	}
	#p_partner {
		margin-bottom: 12rem;
	}
	#p_partner .title-block {
		margin-bottom: 9.6rem;
	}
	#p_partner .logo {
		width: 25%;
		margin-bottom: 2.8rem;
	}
	#p_partner h2 {
		padding-bottom: 1.2rem;
	}
	#p_partner h3 {
		font-size: 1.6rem;
		font-weight: 700;
		color: #b3b3b3;
		letter-spacing: 0.32rem;
	}
	#p_partner .content {
		width: 100%;
		background-color: #fff;
		padding: 3.2rem 0;
	}
	#p_partner .icons {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: min(90%,1024px);
		margin: 0 auto;
	}
	#p_partner .icons.fixed-size {
		justify-content: flex-start;
	}
	#p_information {
		margin-bottom: 12rem;
	}
	.footer {
		border-top: 1px solid #fff;
	}
	.footer .content {
		width: calc(100% - 32px);
		padding: 2.4rem;
		margin: 0 auto;
		display: flex;
		align-items: end;
	}
	.footer .content .logo {
		width: 50%;
	}
	.footer .content .logo img {
		width: 320px;
		padding: 80px 0;
	}
	.footer .content .link-copy {
		width: 50%;
		text-align: right;
		font-size: 1.6rem;
	}
	.footer .content .link-copy ul {
		margin-bottom: 3.2rem;
	}
	.footer .content .link-copy li {
		font-weight: 600;
		margin-bottom: 1.2rem;
	}
	.footer .content .link-copy .copyright {
		font-size: 1.4rem;
	}
	#p_concept .btn_database {
		position: fixed;
		width: 9.6rem;
		bottom: 96px;
		right: 32px;
	}
}
@media screen and (min-width: 1024px) {
	html {
		font-size: 10px;
	}
}
@media screen and (min-width: 769px) and (max-width: 1279px) {
	#header .lang_select {
		right: 32px;
		font-size: 1.6rem;
	}
	#header .lang_select_sep {
		margin: 0 16px;
		width: 96px;
		height: 4px;
		font-size: 1px;
		background-color: #fff;
	}
	.content-full {
		width: calc(100% - 64px);
		margin: 0 auto;
	}
	.content-indent {
		width: calc(100% - 64px);
		margin: 0 auto;
	}
	.full {
		width: 100%;
	}
	.collapse {
	}
	h2 {
		width: 480px;
		padding-bottom: 16rem;
	}
	#p_concept .content .title {
		width: 60%;
	}
	#p_concept .content .title img {
		width: 60%;
		margin-bottom: 6.4rem;
	}
	#p_concept .content .text {
		width: 40%;
		font-size: 1.6rem;
		line-height: 3.2rem;
		text-align: justify;
	}
	#p_concept .content h3 {
		font-size: 3.2rem;
		font-weight: 700;
	}
	#p_data h2 {
		width: 100%;
		padding-bottom: 4.8rem;
		text-align: right;
	}
	#p_data h2 img {
		width: 480px;
	}
	#p_data .content .body {
		width: 50%;
	}
	#p_data .content .body img {
		width: 90%;
		margin-right: 5%;
	}
	#p_data .content .title {
		width: 50%;
	}
	#p_data .content .title .title-image {
		width: 80%;
		margin: 0 0 120px 20%;
	}
	/*Startups追加*/
	#p_startups .project-title h2 {
		text-align: left;
		width: 100%;
		padding-bottom: 6.4rem;
	}
	#p_startups .project-title h2 img {
		width: 480px;
	}
	/*featured追加*/
	#p_featured .project-title h2 {
		text-align: left;
		width: 100%;
		padding-bottom: 3.2rem;
	}
	#p_featured .project-title h2 img {
		width: 480px;
	}
	#p_partner .icons img {
		height: 8.4vw;
		width: auto;
		margin: 1.2vw 1.2vw;
	}
	#p_partner .icons.fixed-size img {
		width: 25%;
		height: 25%;
		margin: 1.2vw 0;
	}
	#p_information h2 {
		padding-bottom: 9.6rem;
	}
	#p_information .content {
		display: flex;
		align-items: center;
		border-left: 1px solid #fff;
		border-right: 1px solid #fff;
	}
	#p_information .author {
		padding: 0 4.0rem;
	}
	#p_information .author h3 {
		font-size : 2.0vw;
		letter-spacing: 0.54vw;
		font-weight: 700;
		margin-bottom: 1.2rem;
	}
	#p_information .author p {
		font-size: 1.4rem;
	}
	#p_information .text {
		border-left: 1px solid #fff;
		padding-left: 4.8rem;
		font-size: 1.6rem;
		line-height: 3.2rem;
		width: 60%;
	}
	#p_information .address {
		margin-bottom: 1.4vw;
	}
	#p_information .text table {
		font-size: 1.6vw;
		width: 100%;
	}
	#p_information .text th {
		font-weight: normal;
		width: 20%;
		vertical-align: top;
	}
	#p_information .text .notice {
		font-size : 1.2vw;
		margin-bottom: 2.0rem;
	}
}
@media screen and (min-width: 1280px) {
	#header {
		width: 1200px;
		margin: 0 auto;
	}
	#header .lang_select {
		right: 0;
		font-size: 1.6rem;
	}
	#header .lang_select_sep {
		margin: 0 16px;
		width: 120px;
		height: 4px;
		font-size: 1px;
		background-color: #fff;
	}
	.content-full {
		width: 1200px;
		margin: 0 auto;
	}
	.content-indent {
		width: 1136px;
		margin: 0 auto;
	}
	.full {
		width: 100%;
	}
	.collapse {
	}
	h2 {
		width: 40%;
		padding-bottom: 16rem;
	}
	#p_concept .content .title {
		width: 60%;
	}
	#p_concept .content .title img {
		width: 60%;
		margin-bottom: 6.4rem;
	}
	#p_concept .content .text {
		width: 40%;
		font-size: 1.6rem;
		line-height: 3.2rem;
		text-align: justify;
	}
	#p_concept .content h3 {
		font-size: 3.2rem;
		font-weight: 700;
	}
	#p_data h2 {
		margin-left: 60%;
		padding-bottom: 4.8rem;
	}
	#p_data .content {
		display: flex;
		width: 100%;
	}
	#p_data .content .body {
		width: 50%;
	}
	#p_data .content .body img {
		width: 90%;
		margin-right: 5%;
	}
	#p_data .content .title {
		width: 50%;
	}
	#p_data .content .title-image {
		width: 80%;
		margin: 0 0 120px 25%;
	}
	#p_data .content .title .btn {
		margin-left: 24%;
		width: 76%;
	}
	/* Startups追加 */
	#p_startups .project-title h2 {
		text-align: left;
		width: 100%;
		padding-bottom: 6.4rem;
	}
	#p_startups .project-title h2 img {
		width: 40%;
	}
	/* featured追加 */
	#p_featured .project-title h2 {
		text-align: left;
		width: 100%;
		padding-bottom: 3.2rem;
	}
	#p_featured .project-title h2 img {
		width: 100%;
	}
	#p_partner .icons img {
		height: 9.6rem;
		width: auto;
		margin: 2.0rem 2.8rem;
	}
	#p_partner .icons.fixed-size img {
		width: 25%;
		height: 25%;
		margin: 2.0rem 0;
	}
	#p_information h2 {
		padding-bottom: 9.6rem;
	}
	#p_information .content {
		display: flex;
		align-items: center;
		border-left: 1px solid #fff;
		border-right: 1px solid #fff;
	}
	#p_information .author {
		padding: 0 6.4rem;
	}
	#p_information .author h3 {
		font-size : 2.4rem;
		letter-spacing: 0.48rem;
		font-weight: 700;
		margin-bottom: 1.2rem;
	}
	#p_information .author p {
		font-size: 1.4rem;
	}
	#p_information .text {
		border-left: 1px solid #fff;
		padding-left: 9.6rem;
		font-size: 1.6rem;
		line-height: 3.2rem;
		width: 60%;
	}
	#p_information .address {
		margin-bottom: 1.8rem;
	}
	#p_information .text table {
		font-size: 1.8rem;
		width: 100%;
	}
	#p_information .text th {
		font-weight: normal;
		width: 20%;
		vertical-align: top;
	}
	#p_information .text .notice {
		font-size : 1.4rem;
		margin-bottom: 2.0rem;
	}
}