@charset "utf-8";

h2{
	font-size:3.2rem;
	font-weight:500;
	letter-spacing:1.6px;
	line-height:4.6rem;
}
h2[data-en]{
	font-size:1.6rem;
	font-weight:bold;
	letter-spacing:0.8px;
	line-height:2.4rem;
}
h2[data-en]::before{
	content:attr(data-en);
	display:block;
	color:#00245B;
	font-size:5.6rem;
	letter-spacing:0;
	line-height:8.1rem;
	text-transform:uppercase;
}

.mv_area{background:#fff;}
.mv_pic{display:block;}
.mv_img{width:100%;}

.news_area{
	display:flex;
	gap:100px;
	max-width:1040px;
	padding:60px 20px 80px;
	margin:auto;
}
.news_box{
	flex-shrink:0;
	width:200px;
}
.news_head{margin-bottom:45px;}
.news_list{width:100%;}
.news_link{
	display:block;
	padding:18px 50px 18px 20px;
	background:url(/startup-global/img/common/arrow_r_navy.svg) no-repeat center right 20px;
	border-bottom:1px solid #ddd;
	color:#333 !important;
	text-decoration:none !important;
	transition:border 0.3s;
}
.news_link:hover{border-color:#145ABF;}
.news_date{
	display:block;
	margin-bottom:5px;
	color:#888;
	font-size:1.2rem;
	font-weight:500;
	letter-spacing:0.6px;
	line-height:1.7rem;
}
.news_title{
	font-weight:bold;
	line-height:2.4rem;
	transition:color 0.3s;
}
a:hover .news_title{color:#145ABF;}

.intro_area{
	position:relative;
	z-index:1;
	max-width:1040px;
	padding:100px 20px 85px;
	margin:auto;
}
.intro_area::before{
	content:'';
	position:absolute;
	z-index:-1;
	top:0;
	left:calc(50% - var(--vw_50));
	width:var(--vw_100);
	height:100%;
	background:url(/startup-global/img/index/pic_bg_about.jpg) no-repeat center/cover;
}
.intro_head{
	margin-bottom:15px;
	color:#fff;
	text-align:center;
}
.intro_head br{display:none;}
.intro_txt{
	margin-bottom:15px;
	color:#fff;
	line-height:2.9rem;
	text-align:center;
}

.bg_area{
	position:relative;
	max-width:1140px;
	padding:75px 20px 100px;
	margin:auto;
}
.bg_area::before{
	content:'';
	position:absolute;
	z-index:-1;
	top:0;
	left:calc(50% - var(--vw_50));
	width:var(--vw_100);
	height:100%;
	background:#E8EFF6;
}
.contents_head{margin-bottom:40px;}
.contents_list{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:40px;
}
.contents_link{
	display:flex;
	flex-direction:column;
	height:100%;
	color:#333 !important;
	text-decoration:none !important;
}
.contents_thumb{
	flex-shrink:0;
	margin-bottom:10px;
	border-radius:6px;
	overflow:hidden;
}
.content_img{transition:transform 0.3s;}
a:hover .content_img{transform:scale(1.05);}
.contents_title{
	display:flex;
	align-items:center;
	position:relative;
	min-height:40px;
	height:100%;
	padding:0 60px 0 10px;
	font-size:1.7rem;
	font-weight:bold;
	letter-spacing:0.85px;
	line-height:2.5rem;
}
.contents_title::before, .contents_title::after{
	content:'';
	position:absolute;
	top:0;
	right:10px;
	bottom:0;
	width:40px;
	height:40px;
	margin:auto;
	border-radius:50%;
	transition:opacity 0.3s;
}
.contents_title::before{
	background:#fff url(/startup-global/img/common/arrow_r_navy.svg) no-repeat center;
	border:1px solid #ddd;
}
a:hover .contents_title::before{opacity:0;}
.contents_title::after{
	background:#145ABF url(/startup-global/img/common/arrow_r_white.svg) no-repeat center;
	opacity:0;
}
a:hover .contents_title::after{opacity:1;}
.column_head{margin:75px 0 0;}
.column_category{
	position:relative;
	padding-left:20px;
	margin:40px 0 15px;
	font-size:2.6rem;
	font-weight:bold;
	letter-spacing:1.3px;
	line-height:3.7rem;
}
.column_btn + .column_category{margin-top:50px;}
.column_category::before{
	content:'';
	position:absolute;
	top:8px;
	left:0;
	width:7px;
	height:24px;
	background:#00245B;
}
.column_txt{
	margin-bottom:20px;
	line-height:2.9rem;
}
.column_list{margin-bottom:30px;}
.column_btn{text-align:right;}


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

.news_area{
	display:block;
	position:relative;
}
.news_box{width:auto;}
.news_head{margin-bottom:30px;}
.news_btn{
	position:absolute;
	right:20px;
	bottom:80px;
}
.news_link{
	padding:15px 40px 15px 10px;
	background-position:center right 10px;
}
.intro_head, .intro_txt{text-align:left;}
.intro_txt br{display:none;}
.bg_area{
	padding-top:60px;
	padding-bottom:120px;
}
.contents_head{margin-bottom:30px;}
.column_head{margin-top:60px;}

}


@media screen and (min-width:768px) and (max-width:1024px){

h2{
	font-size:2.8rem;
	letter-spacing:1.4px;
	line-height:4rem;
}
h2[data-en]{
	font-size:1.5rem;
	letter-spacing:0.75px;
	line-height:2.1rem;
}
h2[data-en]::before{
	font-size:4.4rem;
	line-height:6.4rem;
}
.news_area{
	padding-top:50px;
	padding-bottom:130px;
}
.intro_area{
	padding-top:65px;
	padding-bottom:55px;
}
.intro_txt{
	font-size:1.5rem;
	letter-spacing:0.75px;
	line-height:2.9rem;
}
.contents_title{
	font-size:1.6rem;
	letter-spacing:0.8px;
	line-height:2.4rem;
}
.column_category{
	margin-top:45px;
	font-size:2.2rem;
	letter-spacing:1.1px;
	line-height:3.2rem;
}
.column_category::before{top:4px;}
.column_txt{
	margin-bottom:15px;
	font-size:1.5rem;
	letter-spacing:0.75px;
	line-height:2.9rem;
}

}


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

h2{
	font-size:2.6rem;
	letter-spacing:1.3px;
	line-height:4.2rem;
}
h2[data-en]{
	font-size:1.4rem;
	letter-spacing:0.7px;
	line-height:2rem;
}
h2[data-en]::before{
	font-size:3.4rem;
	line-height:4.9rem;
}
.news_area{
	padding-top:40px;
	padding-bottom:120px;
}
.news_btn{bottom:70px;}
.intro_area{
	padding-top:55px;
	padding-bottom:60px;
}
.intro_area::before{background-position:center left 65%;}
.intro_head br{display:block;}
.intro_txt{
	font-size:1.3rem;
	letter-spacing:0.65px;
	line-height:2.3rem;
}
.contents_title{
	min-height:30px;
	padding-right:40px;
	padding-left:0;
	font-size:1.5rem;
	letter-spacing:0.75px;
	line-height:2.2rem;
}
.contents_title::before, .contents_title::after{
	right:0;
	width:30px;
	height:30px;
	background-size:7px;
}
.column_category{
	margin-top:30px;
	font-size:2rem;
	letter-spacing:1px;
	line-height:2.9rem;
}
.column_category::before{top:3px;}
.column_txt{
	font-size:1.3rem;
	letter-spacing:0.65px;
	line-height:2.3rem;
}
.column_list{margin-bottom:20px;}

}


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

.contents_list{display:block;}
.contents_item{margin-bottom:35px;}

}


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


}


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


}