@charset "utf-8";

h2{font-weight:bold;}
h2[data-en]::before{
	content:attr(data-en);
	display:block;
	margin-bottom:5px;
	color:#009845;
	font-size:1.3rem;
	letter-spacing:1.3px;
	line-height:1.9rem;
	text-transform:capitalize;
}

.mv_area{
	max-width:1920px;
	width:100%;
	margin:0 auto -135px;
}
.mv_pic{display:block;}
.mv_img{
	width:100%;
	max-height:900px;
	height:68svw;
	object-fit:cover;
}

.news_area{
	display:flex;
	gap:60px;
	position:relative;
	max-width:1060px;
	padding:0 30px;
	margin:0 auto 110px;
}
.news_area::before{
	content:'';
	position:absolute;
	top:-85px;
	left:calc(50% - var(--vw_50) - 140px);
	width:369px;
	height:323px;
	background:url(/inclusive-x/img/index/bg_news.png) no-repeat center/cover;
}
.news_box{
	flex-shrink:0;
	width:240px;
}
.news_head{
	margin-bottom:35px;
	font-size:2.8rem;
	letter-spacing:1.4px;
	line-height:4rem;
}
.news_list{
	width:100%;
	border-top:1px solid #ddd;
}
.news_item{border-bottom:1px solid #ddd;}
.news_link{
	display:block;
	padding:23px 50px 21px 20px;
	background:url(/inclusive-x/img/common/arrow_r_green.svg) no-repeat center right 20px;
	color:#333 !important;
	text-decoration:none !important;
	transition:background 0.3s;
}
.news_link:hover{background-color:#F0F9F4;}
.news_date{
	display:block;
	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.9rem;
}

.intro_area{
	position:relative;
	padding:120px 30px 115px;
	background:url(/inclusive-x/img/index/bg_about.jpg) no-repeat center bottom/100%;
}
.intro_box{
	max-width:1000px;
	margin:auto;
}
.intro_head{
	margin-bottom:30px;
	font-size:3.2rem;
	letter-spacing:1.6px;
	line-height:5.1rem;
}
.intro_txt{
	margin-bottom:15px;
	font-weight:500;
	line-height:2.9rem;
}
.intro_list{
	margin-top:40px;
	background:#fff;
	border-radius:10px;
	box-shadow:0px 3px 20px rgba(0,0,0,0.05);
}
.intro_item{
	position:relative;
	font-size:1.8rem;
	font-weight:bold;
	letter-spacing:0.9px;
	line-height:2.6rem;
}
.intro_item + .intro_item{border-top:1px solid #ddd;}
.intro_link{
	display:block;
	position:relative;
	padding:30px 90px 30px 40px;
	color:#333 !important;
	text-decoration:none !important;
	transition:color 0.3s;
}
.intro_link:hover{color:#00873D !important;}
.intro_link::before, .intro_link::after{
	content:'';
	position:absolute;
	top:0;
	right:25px;
	bottom:0;
	width:40px;
	height:40px;
	margin:auto;
	border-radius:50%;
	transition:opacity 0.3s;
}
.intro_link::before{
	background:#fff url(/inclusive-x/img/common/arrow_r_green.svg) no-repeat center;
	border:1px solid #ddd;
}
.intro_link:hover::before{opacity:0;}
.intro_link::after{
	background:#009845 url(/inclusive-x/img/common/arrow_r_white.svg) no-repeat center;
	opacity:0;
}
.intro_link:hover::after{opacity:1;}
.intro_link_txt{
	display:block;
	position:relative;
	padding-left:25px;
}
.intro_link_txt::before{
	content:'';
	position:absolute;
	top:2px;
	bottom:0;
	left:0;
	width:8px;
	height:8px;
	margin:auto;
	background:#009845;
	border-radius:50%;
}
.intro_pic{
	position:absolute;
	z-index:-1;
	top:-85px;
	right:0;
	left:0;
	max-width:1360px;
	padding:0 30px;
	margin:auto;
}
.intro_img{
	width:404px;
	margin-left:auto;
}
.intro_slide{
	position:absolute;
	z-index:-2;
	top:0;
	left:0;
}
.intro_slide .slick-track{display:flex;}
.intro_slide_item{
	flex-shrink:0;
	width:3153px;
	margin-right:60px;
}

.column_area{
	max-width:1160px;
	padding:80px 30px 100px;
	margin:auto;
}
.column_head{
	font-size:3rem;
	letter-spacing:1.5px;
	line-height:4.4rem;
	text-align:center;
}
.column_category{
	position:relative;
	padding-left:20px;
	margin:50px 0 20px;
	font-size:2.6rem;
	font-weight:bold;
	letter-spacing:1.3px;
	line-height:3.7rem;
}
.column_btn + .column_category{margin-top:70px;}
.column_category::before{
	content:'';
	position:absolute;
	top:16px;
	left:0;
	width:10px;
	height:10px;
	background:#009845;
	border-radius:50%;
}
.column_txt{
	margin-bottom:35px;
	font-weight:500;
	line-height:2.9rem;
}
.startup_list, .initiative_list{position:relative;}
.startup_list::before, .initiative_list::before{
	content:'';
	position:absolute;
	z-index:-1;
	width:428px;
	height:380px;
}
.startup_list::before{
	top:45px;
	left:calc(100% - 125px);
	background:url(/inclusive-x/img/index/bg_column_1.png) no-repeat center/cover;
}
.initiative_list::before{
	top:-30px;
	right:calc(100% - 80px);
	background:url(/inclusive-x/img/index/bg_column_2.png) no-repeat center/cover;
}
.column_item:nth-child(4){display:none;}


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

h2[data-en]::before{
	margin-bottom:2px;
	font-size:1.2rem;
	letter-spacing:1.2px;
	line-height:1.7rem;
}
.mv_area{margin-bottom:-7svw;}
.news_area::before{
	top:-40px;
	left:-60px;
	width:175px;
	height:153px;
}
.news_head{
	margin-bottom:25px;
	font-size:2.4rem;
	letter-spacing:1.2px;
	line-height:3.5rem;
}
.news_link{
	padding:16px 35px 18px 10px;
	background-position:center right 10px;
}
.news_date{margin-bottom:3px;}
.news_title{
	font-size:1.4rem;
	letter-spacing:0.7px;
	line-height:2.5rem;
}
.intro_txt{
	margin-bottom:10px;
	font-size:1.4rem;
	letter-spacing:0.7px;
	line-height:2.5rem;
}
.intro_item{
	font-size:1.5rem;
	letter-spacing:0.75px;
	line-height:2.1rem;
}
.intro_link::before, .intro_link::after{
	right:15px;
	width:32px;
	height:32px;
}
.intro_link_txt{padding-left:20px;}
.intro_link_txt::before{top:1px;}
.column_head{
	font-size:2.6rem;
	letter-spacing:1.3px;
	line-height:3.7rem;
}
.column_category{
	padding-left:15px;
	font-size:1.9rem;
	letter-spacing:0.95px;
	line-height:2.7rem;
}
.column_category::before{
	top:12px;
	width:7px;
	height:7px;
}
.column_txt{
	margin-bottom:30px;
	font-size:1.4rem;
	letter-spacing:0.7px;
	line-height:2.5rem;
}
.startup_list::before{
	right:-130px;
	left:auto;
	width:205px;
	height:182px;
}
.initiative_list::before{
	right:auto;
	left:-195px;
	width:261px;
	height:232px;
}

}


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

.news_area{
	gap:25px;
	margin-bottom:100px;
}
.news_box{width:220px;}
.intro_area{
	padding-top:60px;
	padding-bottom:90px;
}
.intro_head{
	margin-bottom:25px;
	font-size:2.8rem;
	letter-spacing:1.4px;
	line-height:4.5rem;
}
.intro_list{margin-top:30px;}
.intro_link{padding:24px 65px 24px 20px;}
.intro_pic{top:-40px;}
.intro_img{width:231px;}
.intro_slide_item{
	width:1082px;
	margin-right:40px;
}
.column_area{
	padding-top:60px;
	padding-bottom:80px;
}
.column_btn + .column_category{margin-top:60px;}

}


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

.news_area{
	display:block;
	padding:0 20px;
	margin-bottom:70px;
}
.news_box{
	width:auto;
	margin-bottom:35px;
}
.intro_area{padding:90px 20px 65px;}
.intro_head{
	margin-bottom:25px;
	font-size:1.9rem;
	letter-spacing:0.95px;
	line-height:3rem;
}
.intro_list{margin-top:25px;}
.intro_link{padding:16px 55px 16px 20px;}
.intro_pic{
	top:-45px;
	right:-15px;
	padding:0;
}
.intro_img{width:173px;}
.intro_slide_item{
	width:1802px;
	margin-right:45px;
}
.column_area{padding:50px 20px 85px;}
.column_item:nth-child(4){display:block;}

}


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

.startup_list::before{
	top:-40px;
	right:-110px;
}
.initiative_list::before{
	top:-55px;
	left:-135px;
}
.column_item:nth-child(4){display:none;}

}


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

.mv_area{margin-bottom:85px;}
.mv_img{
	max-height:none;
	height:auto;
}

}