@charset "utf-8";

#index_wrap{background:url(/ai-vc/img/index/bg_1.png) no-repeat top center/1920px, linear-gradient(180deg, #E8F1FE 0%, #F7FAFF 46%, #fff 100%) no-repeat top center/100% 600px;}

.mv_area{
	display:flex;
	justify-content:space-between;
	gap:40px;
	max-width:1280px;
	padding:115px 40px 130px;
	margin:auto;
}
.mv_box{
	flex-shrink:0;
	width:650px;
	margin-top:35px;
}
.mv_target{
	margin-bottom:15px;
	font-family:var(--font_serif);
	font-size:1.8rem;
	font-weight:600;
	letter-spacing:0;
	line-height:2.6rem;
}
.mv_target::before{
	content:'―';
	margin-right:3px;
}
.mv_target::after{
	content:'―';
	margin-left:3px;
}
.mv_copy{
	margin-bottom:40px;
	font-family:var(--font_serif);
	font-size:5.2rem;
	font-weight:500;
	letter-spacing:0;
	line-height:7rem;
}
.mv_txt{
	margin-bottom:50px;
	font-size:1.7rem;
	font-weight:500;
	line-height:3.2rem;
}
.mv_cta_list{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:15px;
	max-width:500px;
}
.mv_cta_item{
	font-size:1.6rem;
	font-weight:500;
	letter-spacing:0.8px;
	line-height:2.4rem;
	text-align:center;
}
.mv_cta_item:last-child{grid-column:1 / 3;}
.mv_cta_link{
	display:block;
	padding:11px 5px 13px;
	background:#fff;
	border:1px solid #CAD2DA;
	color:#212121 !important;
	text-decoration:none !important;
	transition:border 0.3s;
}
.mv_cta_link:hover{border-color:#212121;}
.mv_cta_item:last-child .mv_cta_link{
	padding-top:12px;
	padding-bottom:14px;
	background:#052365;
	border:none !important;
	color:#fff !important;
	transition:background 0.3s;
}
.mv_cta_item:last-child .mv_cta_link:hover{background:#0458D2;}
.mv_pic, .mv_img{width:100%;}

h2{
	margin-bottom:40px;
	font-family:var(--font_serif);
	font-size:4.2rem;
	font-weight:500;
	letter-spacing:0;
	line-height:6rem;
}
h2[data-en]::before{
	content:attr(data-en);
	display:block;
	margin:0 0 15px 5px;
	font-size:1.5rem;
	line-height:2.1rem;
}

.intro_area{
	max-width:1280px;
	padding:0 40px;
	margin:auto;
}
.intro_column_list{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:40px;
	margin-bottom:50px;
}
.intro_column_item:nth-child(n+5){display:none;}
.intro_column_link{
	display:flex;
	align-items:flex-start;
	gap:20px;
	position:relative;
	color:#212121 !important;
	text-decoration:none !important;
}
.intro_column_link::before{
	content:attr(data-cat);
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	padding:4px 8px 5px;
	background:#1055CA;
	color:#fff;
	font-size:1.1rem;
	font-weight:500;
	letter-spacing:0.55px;
	line-height:1.6rem;
}
.intro_column_thumb{
	width:50%;
	overflow:hidden;
}
.intro_column_txt{width:50%;}
.intro_column_title{
	margin-bottom:15px;
	font-family:var(--font_serif);
	font-size:1.8rem;
	letter-spacing:0;
	line-height:3rem;
}
.column_intro_btn{
	margin-bottom:125px;
	text-align:center;
}

.intro_box{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:30px;
	margin-bottom:120px;
}
.intro_item{
	position:relative;
	padding:40px 30px 80px;
	background:linear-gradient(0deg, #D1DFF5 0%, #F5F8FF 100%);
}
.intro_title{
	position:relative;
	margin-bottom:18px;
	font-family:var(--font_serif);
	font-size:2.6rem;
	font-weight:500;
	letter-spacing:0;
	line-height:3.7rem;
}
.intro_title::before{
	content:attr(data-en);
	display:block;
	padding-left:30px;
	margin-bottom:8px;
	font-size:1.3rem;
	line-height:1.9rem;
}
.intro_title::after{
	content:'';
	position:absolute;
	top:10px;
	left:0;
	width:25px;
	height:1px;
	background:#212121;
}
.intro_pic{
	position:absolute;
	top:-32px;
	right:2%;
	width:135px;
}
.item_service .intro_pic{right:4%;}
.intro_txt{
	font-size:1.6rem;
	font-weight:500;
	letter-spacing:0.8px;
	line-height:2.9rem;
}
.intro_btn{
	position:absolute;
	right:30px;
	bottom:30px;
}

.overview_head{
	margin-bottom:20px;
	font-family:var(--font_serif);
	font-size:2.6rem;
	font-weight:500;
	letter-spacing:0;
	line-height:3.7rem;
}
.overview_box{
	display:flex;
	justify-content:space-between;
	gap:30px;
	position:relative;
	margin-bottom:120px;
}
.overview_box::before{
	content:'';
	position:absolute;
	z-index:-1;
	top:0;
	bottom:-15px;
	left:calc(50% - var(--vw_50));
	width:var(--vw_100);
	height:1260px;
	margin:auto;
	background:url(/ai-vc/img/index/bg_2.png) no-repeat center/1920px;
}
.overview_txt{
	margin-bottom:35px;
	font-weight:500;
	line-height:3.2rem;
}
.overview_pic{
	flex-shrink:0;
	max-width:510px;
	width:42.5%;
	margin-top:60px;
}

.column_area{
	max-width:1280px;
	padding:0 40px 80px;
	margin:auto;
}
.column_head{text-align:center;}
.column_cat_list{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:10px;
	margin-bottom:60px;
}
.column_cat_btn{
	display:block;
	padding:3px 14px 5px;
	border:1px solid #D4D9DF !important;
	border-radius:15px !important;
	color:#212121 !important;
	font-family:var(--font_zenkaku);
	font-size:1.4rem;
	font-weight:500;
	letter-spacing:0.7px;
	line-height:2rem;
	cursor:pointer;
	transition:border 0.3s;
}
.column_cat_btn:hover{border-color:#212121 !important;}
.on .column_cat_btn{border-color:#212121 !important;}
.column_btn{text-align:center;}

.news_area{
	max-width:1280px;
	padding:0 40px 130px;
	margin:auto;
}
.news_btn{text-align:center;}


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

.mv_box{
	width:580px;
	margin:0;
}
.mv_target{font-size:1.6rem;}
.mv_copy{
	font-size:4.6rem;
	line-height:6.2rem;
}
.mv_txt{
	font-size:1.6rem;
	line-height:2.9rem;
}
.mv_pic{margin-top:40px;}
.intro_pic{
	top:-55px;
	width:115px;
}

}


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

#index_wrap{background-size:100% auto, 100% 600px;}
.mv_area{
	position:relative;
	gap:30px;
	padding-top:85px;
	padding-bottom:225px;
}
.mv_box{width:50%;}
.mv_target{margin-bottom:10px;}
.mv_copy{
	margin-bottom:20px;
	font-size:2.8rem;
	line-height:3.9rem;
}
.mv_cta_list{
	display:block;
	position:absolute;
	bottom:60px;
	left:0;
	max-width:none;
	width:100%;
	padding:0 40px;
}
.mv_btn_link{
	font-size:1.7rem;
	letter-spacing:0.85px;
	line-height:2.5rem;
}
.mv_cta_item{
	margin-top:10px;
	letter-spacing:0;
}
.mv_pic{margin-bottom:50px;}

h2{
	margin-bottom:25px;
	font-size:2.4rem;
	line-height:3.5rem;
}
h2[data-en]::before{
	margin:0 0 5px;
	font-size:1rem;
	line-height:1.5rem;
}

.intro_column_list{
	grid-template-columns:1fr 1fr 1fr;
	gap:25px 20px;
	margin-bottom:30px;
}
.intro_column_item:nth-child(n+5){display:block;}
.intro_column_link{display:block;}
.intro_column_link::before{
	padding:3px 4px;
	font-size:1rem;
	letter-spacing:0.5px;
	line-height:1.4rem;
}
.intro_column_thumb, .intro_column_txt{width:auto;}
.intro_column_thumb{margin-bottom:5px;}
.intro_column_title{
	margin-bottom:10px;
	font-size:1.3rem;
	line-height:2rem;
}
.column_intro_btn{margin-bottom:75px;}

.intro_box{
	gap:20px;
	margin-bottom:60px;
}
.intro_item{padding:50px 20px 75px;}
.intro_title{
	margin-bottom:20px;
	font-size:2rem;
	line-height:2.9rem;
}
.intro_title::before{
	margin-bottom:5px;
	font-size:1rem;
	line-height:1.5rem;
}
.intro_title::after{top:8px;}
.intro_pic{
	top:-30px;
	right:4%;
	width:90px;
}
.intro_txt{
	font-size:1.5rem;
	letter-spacing:0.75px;
	line-height:2.2rem;
}
.intro_btn{
	right:20px;
	bottom:25px;
}

.overview_head{
	margin-bottom:20px;
	font-size:2rem;
	line-height:2.9rem;
}
.overview_box{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:20px;
	margin-bottom:55px;
}
.overview_box::before{display:none;}
.overview_txt{
	margin-bottom:15px;
	font-size:1.5rem;
	letter-spacing:0.75px;
	line-height:2.2rem;
}
.overview_pic{
	max-width:none;
	width:auto;
	margin-top:50px;
}

.column_area{padding-bottom:55px;}
.column_cat_list{margin-bottom:35px;}
.column_item:nth-child(7), .column_item:nth-child(8){display:none;}
.news_area{padding-bottom:80px;}
.news_list{margin-bottom:35px;}

}


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

.mv_area{
	flex-direction:column-reverse;
	align-items:center;
	gap:15px;
	padding:85px 20px 60px;
}
.mv_box{width:100%;}
.mv_target{font-size:1.5rem;}
.mv_copy{margin-right:-5px;}
.mv_txt{margin-bottom:35px;}
.mv_cta_list{
	position:static;
	padding:0;
}
.mv_pic{
	max-width:330px;
	width:81%;
	margin:0;
}

.intro_area{
	padding-right:20px;
	padding-left:20px;
}
.intro_column_list{column-gap:15px;}
.intro_box{display:block;}
.intro_item.item_glossary{margin-bottom:65px;}

.column_area, .news_area{
	padding-right:20px;
	padding-left:20px;
}
.column_cat_list{display:none;}

}


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

.intro_column_list{grid-template-columns:1fr 1fr;}
.intro_column_item:nth-child(n+5){display:none;}
.overview_box{
	display:flex;
	flex-direction:column-reverse;
}
.overview_pic{margin:0 0 0;}
.column_item:nth-child(7), .column_item:nth-child(8){display:block;}

}


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

#index_wrap{background-image:url(/ai-vc/img/index/smp_bg_1.png), linear-gradient(180deg, #E8F1FE 0%, #F7FAFF 46%, #fff 100%);}

}