@charset "utf-8";

h2{
	margin-bottom:25px;
	font-size:3.2rem;
	font-weight:bold;
	letter-spacing:1.92px;
	line-height:4.6rem;
}
@keyframes carousel{
	0%{
		transform:translateX(0);
	}
	100%{
		transform:translateX(-50%); 
	}
}

.mv_area{
	position:relative;
	background:linear-gradient(270deg, #F0F7FC 0%, #F9FCFA 100%);
}
.mv_box{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	position:relative;
	z-index:1;
	max-width:1366px;
	padding:145px 35px 20px;
	margin:auto;
}
.mv_copy{
	flex-shrink:0;
	padding:0 5%;
	margin-top:5px;
}
.mv_copy_txt{
	margin-bottom:40px;
	font-size:4.8rem;
	font-weight:bold;
	letter-spacing:2.88px;
	line-height:6.7rem;
}
.mv_copy_green{color:#0B8083;}
.mv_copy_blue{color:#2A76B9;}
.mv_btn_list{
	display:flex;
	align-items:center;
	gap:15px;
}
.mv_pic{width:53.2%;}
.mv_img{width:100%;}
.mv_carousel{
	position:absolute;
	bottom:-40px;
	left:calc(50% - var(--vw_50));
	width:var(--vw_100);
	opacity:0.1;
}
.mv_carousel_track{
	display:flex;
	flex-wrap:nowrap;
	width:max-content;
	animation:carousel 30s linear infinite;
}
.mv_carousel_item{
	margin:0 40px;
	color:#0B8083;
	font-family:var(--font_poppins);
	font-size:11.8rem;
	font-weight:500;
	line-height:16.5rem;
}

/* .search_area{background:#EFF8F9;}
.search_top{background:#0B8083;}
.search_top_in{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:40px;
	max-width:1140px;
	padding:20px;
	margin:auto;
}
.search_txt{
	flex-shrink:0;
	position:relative;
	bottom:1px;
}
.search_head{
	margin-bottom:5px;
	color:#fff;
	font-size:2.2rem;
	letter-spacing:1.32px;
	line-height:3.2rem;
}
.search_count{
	color:#fff;
	font-size:1.4rem;
	letter-spacing:0.84px;
	line-height:2rem;
}
.search_count_num{
	position:relative;
	top:1px;
	margin:0 3px;
	font-size:2rem;
	font-weight:bold;
	letter-spacing:1.2px;
}
.search_form{
	position:relative;
	width:790px;
	background:#fff;
	border-radius:8px;
	overflow:hidden;
}
.search_input{
	display:block;
	width:100%;
	height:60px;
	padding:10px 60px 10px 20px;
	border:none;
}
.search_btn{
	display:flex;
	align-items:center;
	justify-content:center;
	position:absolute;
	top:0;
	right:5px;
	bottom:0;
	width:50px;
	height:50px;
	padding:0;
	margin:auto;
	border-radius:8px;
	cursor:pointer;
	transition:background 0.3s;
}
.search_btn:hover{background:#EAF5F1;}
.search_box{
	max-width:1140px;
	padding:30px 20px;
	margin:auto;
}
.search_box_in{
	display:flex;
	align-items:center;
	padding:10px 10px 10px 20px;
	background:#fff;
	border-radius:8px;
	box-shadow:0px 3px 20px rgba(0,0,0,0.05);
}
.search_box_in + .search_box_in{margin-top:10px;}
.search_cat{
	flex-shrink:0;
	width:240px;
	padding:3px 0 3px 50px;
	background:no-repeat center left/35px;
	font-size:2rem;
	font-weight:bold;
	letter-spacing:0;
	line-height:2.9rem;
}
.search_cat.cat_type{background-image:url(/sangaku/img/index/icon_types.png);}
.search_cat.cat_field{background-image:url(/sangaku/img/index/icon_field.png);}
.type_list{
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	width:100%;
}
.type_item{
	position:relative;
	font-size:1.5rem;
	font-weight:500;
	letter-spacing:0.45px;
	line-height:2.1rem;
}
.type_item:not(:last-child)::after{
	content:'';
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	width:1px;
	height:calc(100% - 25px);
	margin:auto;
	background:#EBEBEB;
}
.type_link{
	display:flex;
	align-items:center;
	gap:10px;
	height:100%;
	padding:7px 40px 7px 10px;
	background:url(/sangaku/img/common/arrow_r_green.svg) no-repeat center right 20px;
	border-radius:8px;
	color:#333 !important;
	text-decoration:none !important;
	transition:background 0.3s;
}
.type_link:hover{background-color:#EAF5F1;}
.type_icon{
	flex-shrink:0;
	width:36px;
}
.field_list{
	display:grid;
	grid-template-columns:repeat(4, 1fr);
	gap:10px;
	width:100%;
	padding:5px 10px;
}
.field_item{
	font-size:1.4rem;
	font-weight:500;
	letter-spacing:0.42px;
	line-height:2rem;
}
.field_link{
	display:flex;
	align-items:center;
	gap:10px;
	height:100%;
	padding:9px 35px 9px 15px;
	background:url(/sangaku/img/common/arrow_r_green.svg) no-repeat center right 15px;
	border:1px solid #EBEBEB;
	border-radius:8px;
	color:#333 !important;
	text-decoration:none !important;
	transition:background 0.3s, border 0.3s, color 0.3s;
}
.field_link:hover{
	background-color:#EAF5F1;
	border-color:#0B8083;
	color:#0B8083 !important;
}
.field_icon{
	flex-shrink:0;
	width:24px;
}

.expertise_area{
	position:relative;
	max-width:1140px;
	padding:90px 20px;
	margin:auto;
}
.expertise_area::before{
	content:'';
	position:absolute;
	z-index:-1;
	right:calc(50% - var(--vw_50));
	bottom:-45px;
	width:320px;
	height:320px;
	background:url(/sangaku/img/index/bg_2.png) no-repeat center/cover;
}
.expertise_head{
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.expertise_head::after{
	content:attr(data-en);
	margin-top:10px;
	color:#0B8083;
	font-family:var(--font_poppins);
	font-size:2rem;
	font-weight:500;
	letter-spacing:0;
	line-height:2.8rem;
}
.expertise_list{
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	gap:30px 25px;
	margin-bottom:40px;
}
.expertise_link{
	display:block;
	position:relative;
	height:100%;
	padding:40px 20px 60px;
	background:no-repeat center bottom/100%;
	border-radius:8px;
	box-shadow:0px 3px 20px rgba(0,0,0,0.05);
	color:#333 !important;
	text-decoration:none !important;
	transition:box-shadow 0.3s, transform 0.3s;
}
.expertise_link:hover{
	box-shadow:0px 8px 30px rgba(0,0,0,0.15);
	transform:translateY(-5px);
}
.expertise_link::before, .expertise_link::after{
	content:'';
	position:absolute;
	right:10px;
	bottom:10px;
	width:40px;
	height:40px;
	background:no-repeat center;
	border-radius:50%;
	transition:opacity 0.3s;
}
.expertise_link::before{
	background-color:#fff;
	background-image:url(/sangaku/img/common/arrow_r_green.svg);
}
.expertise_link:hover::before{opacity:0;}
.expertise_link::after{
	background-color:#0B8083;
	background-image:url(/sangaku/img/common/arrow_r_white.svg);
	opacity:0;
}
.expertise_link:hover::after{opacity:1;}
.expertise_info, .expertise_name{
	font-size:1.4rem;
	letter-spacing:0.84px;
	line-height:2rem;
}
.expertise_info{
	position:relative;
	padding-left:12px;
	margin-bottom:12px;
}
.expertise_info::before{
	content:'';
	position:absolute;
	top:7px;
	left:0;
	width:6px;
	height:6px;
	border-radius:50%;
}
.expertise_title{
	margin-bottom:25px;
	font-size:2rem;
	font-weight:bold;
	letter-spacing:0.6px;
	line-height:3rem;
}
.patent .expertise_link{
	background-color:#FCF7F3;
	background-image:url(/sangaku/img/common/bg_expertise_1.png);
}
.patent .expertise_info::before{background:#FF6F00;}
.university .expertise_link{
	background-color:#F4FAF0;
	background-image:url(/sangaku/img/common/bg_expertise_2.png);
}
.university .expertise_info::before{background:#009A00;}
.company .expertise_link{
	background-color:#F3F7FB;
	background-image:url(/sangaku/img/common/bg_expertise_3.png);
}
.company .expertise_info::before{background:#07f;}
.expertise_btn{text-align:center;} */
.expertise_area{
	position:relative;
	padding:40px 20px 50px;
	background:#0B8083;
}
.expertise_head{
	margin-bottom:20px;
	color:#fff;
	text-align:center;
}
.expertise_txt{
	margin-bottom:25px;
	color:#fff;
	text-align:center;
	letter-spacing:0.96px;
	line-height:2.9rem;
}
.expertise_btn{text-align:center;}
.expertise_btn .link_btn{
	min-width:350px;
	background-image:url(/sangaku/img/common/popup.svg) !important;
}

.about_area{
	position:relative;
	max-width:1140px;
	padding:100px 20px 120px;
	margin:auto;
}
.about_area::before{
	content:'';
	position:absolute;
	z-index:-1;
	top:95px;
	left:calc(50% - var(--vw_50));
	width:320px;
	height:320px;
	background:url(/sangaku/img/index/bg_1.png) no-repeat center/cover;
}
.about_area::after{
	content:'';
	position:absolute;
	z-index:-1;
	top:-120px;
	right:calc(50% - var(--vw_50));
	width:320px;
	height:320px;
	background:url(/sangaku/img/index/bg_2.png) no-repeat center/cover;
}
.about_head{text-align:center;}
.about_intro{
	margin-bottom:50px;
	letter-spacing:0.96px;
	text-align:center;
}
.about_intro_txt{
	display:block;
	margin-bottom:20px;
	font-size:2rem;
	font-weight:bold;
	letter-spacing:0.6px;
	line-height:2.9rem;
}
.about_list{
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	gap:0 70px;
	margin-bottom:45px;
}
.about_item{
	display:flex;
	flex-direction:column;
	position:relative;
}
.about_item:not(:last-child)::after{
	content:'';
	position:absolute;
	top:0;
	right:-36px;
	width:1px;
	height:100%;
	background:#EBEBEB;
}
.about_subhead{
	margin:25px 0 15px;
	font-size:2rem;
	font-weight:bold;
	letter-spacing:0.6px;
	line-height:2.9rem;
	text-align:center;
}
.about_txt{
	font-size:1.5rem;
	letter-spacing:0.75px;
	line-height:2.4rem;
	text-align:center;
}
.about_pic{
	order:-1;
	border-radius:8px;
	overflow:hidden;
}
.about_btn{text-align:center;}

.seeds_area{
	position:relative;
	background:#EFF0F5;
}
.seeds_box{
	display:flex;
	align-items:center;
	max-width:1240px;
	padding:40px 20px 60px;
	margin:auto;
}
.seeds_box_in{
	width:50%;
	padding-left:clamp(0px, (var(--vw_100) - 1240px) * 0.4, 50px);
}
.seeds_head{margin-bottom:50px;}
.seeds_txt{
	letter-spacing:0.48px;
	line-height:3.2rem;
}
.seeds_head + .seeds_txt{margin-bottom:20px;}
.seeds_txt + .seeds_txt{margin-bottom:45px;}
.seeds_txt_in{
	display:block;
	font-size:2rem;
	font-weight:bold;
	letter-spacing:0.6px;
	line-height:2.9rem;
}
.seeds_pic{width:50%;}
.seeds_carousel{
	position:absolute;
	bottom:-40px;
	left:calc(50% - var(--vw_50));
}
.seeds_carousel_track{
	display:flex;
	flex-wrap:nowrap;
	width:max-content;
	animation:carousel 50s linear infinite;
}
.seeds_carousel_item{
	margin:0 40px;
	color:#fff;
	font-family:var(--font_poppins);
	font-size:11.8rem;
	font-weight:500;
	line-height:16.5rem;
}

.news_area{
	max-width:1140px;
	padding:105px 20px 120px;
	margin:auto;
}
.news_head{margin-bottom:35px;}
.news_btn{text-align:center;}


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

h2{font-size:2.6rem;}
.expertise_title{font-size:1.8rem;line-height:1.5;}
.about_intro{font-size:1.4rem;}
.about_intro_txt,.about_subhead{font-size:1.8rem;line-height:1.5;}
.about_txt{font-size:1.4rem;line-height:1.5;}
.mv_carousel,.seeds_carousel{bottom:-57px;}
.mv_carousel_item{font-size:8rem;}
.seeds_carousel_item{font-size:8rem;}
.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;}
.mv_box{padding:100px 35px 40px;}
.mv_pic,.mv_copy{flex-shrink:0;width:50%;}
.mv_pic{
	width:60%;
	max-width:540px;
	position:absolute;
	top:auto;
	bottom:auto;
	margin:auto;
	z-index:-1;
	right:-50px;
}
.mv_copy{padding:0;}
.mv_copy_txt{
	margin-bottom:80px;
	font-size:4rem;
	letter-spacing:2.8px;
	line-height:5.1rem;
}

.expertise_list{grid-template-columns:1fr 1fr;}
.about_list{gap:0 40px;}
.about_item:not(:last-child)::after{right:-21px;}

.about_subhead{letter-spacing:0;}
.seeds_head{margin-bottom:30px;}
.seeds_txt_in{font-size:1.8rem;line-height:1.5;}
.seeds_txt + .seeds_txt{font-size:1.4rem;line-height:2;}

}


@media screen and (max-width:767px){
h2{
	margin-bottom:22px;
	font-size:2.3rem;
	letter-spacing:1.38px;
	line-height:3.7rem;
}
.mv_area{background:linear-gradient(270deg, #F0F7FC 0%, #F9FCFA 100%);}
.mv_pic, .mv_copy{width:auto;}
.mv_pic{
	width:500px;
	position:relative;
	right:auto;
}
.mv_box{
	flex-direction:column-reverse;
	padding:76px 25px 64px;
}
.mv_copy{
	padding:0 5px;
	margin-top:10px;
}
.mv_copy_txt{
	margin-bottom:20px;
	font-size:3.6rem;
	letter-spacing:1.8px;
	line-height:4.8rem;
}
.mv_pic{width:auto;}
.mv_carousel{
	bottom:-15px;
}
.mv_carousel_item{
	font-size:5.4rem;
	line-height:6.7rem;
}

/* .search_top_in{
	display:block;
	gap:0;
	padding:15px 20px;
}
.search_txt{display:flex;align-items:flex-end;margin-bottom:5px;}
.search_head{
	font-size:1.7rem;
	letter-spacing:1.02px;
	line-height:2.8rem;
	margin:0 18px 0 0;
}
.search_count{margin:0 0 3px;}
.search_form{
	width:100%;
}
.search_input{
	height:45px;
	padding:10px 60px 10px 20px;
}
.search_btn{
	right:0;
	bottom:0;
	width:50px;
	height:45px;
}
.search_btn img{width:18px;height:18px;}
.search_box{
	padding:24px 20px 31px;
}
.search_box_in{
	display:block;
	padding:24px 20px 20px;
}
.search_box_in + .search_box_in{margin-top:9px;}
.search_cat{
	width:auto;
	padding:3px 0 3px 41px;
	background:no-repeat center left/30px;
	font-size:1.7rem;
	line-height:2.5rem;
	margin-bottom:20px;
}
.type_list{
	display:block;
	width:auto;
}
.type_item{
	font-size:1.4rem;
	letter-spacing:0.42px;
	line-height:3rem;
}
.type_item:not(:last-child)::after{
	top:auto;
	right:0;
	bottom:0;
	width:100%;
	height:1px;
}
.type_link{
	padding:12px 40px 12px 10px;
	background:url(/sangaku/img/common/arrow_r_green.svg) no-repeat center right 14px;
}
.field_list{
	display:block;
	gap:0;
	width:100%;
	padding:0;
	margin-bottom:4px;
}
.field_item{margin-top:9px;}
.field_link{
	display:flex;
	align-items:center;
	min-height:60px;
}
.field_icon{
	width:20px;
}

.expertise_area{
	padding:57px 20px 60px;
}
.expertise_area::before{
	right:calc(50% - var(--vw_50));
	bottom:0;
	width:194px;
	height:194px;
	background:url(/sangaku/img/index/bg_2.png) no-repeat center/cover;
}
.expertise_head{
	display:block;
}
.expertise_head::before{
	display:block;
	content:attr(data-en);
	margin-top:6px;
	font-size:1.6rem;
	line-height:2rem;
	color:#0B8083;
	font-family:var(--font_poppins);
	font-weight:500;
	letter-spacing:0;
}
.expertise_head::after{display:none;}
.expertise_list{
	display:block;
	gap:0;
	margin-bottom:26px;
}
.expertise_item{margin-bottom:16px;}
.expertise_link{padding:23px 24px 69px;}
.expertise_link::before, .expertise_link::after{
	right:19px;
	bottom:15px;
}
.expertise_title{
	margin-bottom:24px;
	font-size:1.7rem;
	letter-spacing:0.51px;
	line-height:2.6rem;
}
.expertise_info{padding-left:14px;}
.link_btn{min-width:190px;} */
.expertise_txt{
	font-size:1.4rem;
	letter-spacing:0.84px;
	line-height:2.5rem;
}
.expertise_btn .link_btn{min-width:320px;}

.about_area{padding:110px 20px 60px;}
.about_area::before{
	top:16px;
	left:calc(50% - var(--vw_50));
	width:230px;
	height:230px;
}
.about_area::after{display:none;}
.about_intro{
	margin-bottom:0;
	font-size:1.4rem;
	letter-spacing:0.84px;
	line-height:2.5rem;
	text-align:left;
}
.about_intro_txt{
	margin-bottom:20px;
	font-size:2.1rem;
	text-align:center;
	letter-spacing:0.63px;
	line-height:3.2rem;
}
.about_list{
	display:block;
	margin:13px 0 34px;
}
.about_item{
	margin-bottom:40px;
	display:block;
	min-height:170px;
	padding:0 0 0 310px;
}
.about_item:not(:last-child)::after{
	width:100%;
	height:1px;
	left:0;
	top:auto;
	bottom:-21px;
}
.about_pic{
	position:absolute;
	top:0;
	left:0;
	width:290px;
	height:170px;
	border-radius:8px;
	overflow:hidden;
}
.about_subhead, .about_txt{text-align:left;}
.about_subhead{
	margin:5px 0 3px;
	font-size:1.7rem;
	letter-spacing:0.51px;
	line-height:3rem;
}
.about_txt{
	font-size:1.4rem;
	letter-spacing:0.84px;
	line-height:2.2rem;
}

.seeds_box{
	display:block;
	padding:60px 20px 131px;
	position:relative;
}
.seeds_box_in{
	width:auto;
	padding-left:0;
}
.seeds_head{margin-bottom:10px;}
.seeds_txt{
	letter-spacing:0.42px;
	line-height:2.5rem;
	font-size:1.4rem;
}
.seeds_head + .seeds_txt{margin-bottom:10px;}
.seeds_txt + .seeds_txt{margin-bottom:10px;}
.seeds_txt_in{
	display:block;
	font-size:1.7rem;
	letter-spacing:0.51px;
	line-height:3.6rem;
}
.seeds_pic{
	max-width:600px;
	width:auto;
	margin:auto;
}
.seeds_txt .link_btn{
	position:absolute;
	right:0;
	bottom:65px;
	left:0;
	max-width:190px;
	margin:auto;
}
.seeds_carousel{
	bottom:-15px;
	left:calc(50% - var(--vw_50));
}
.seeds_carousel_item{
	font-size:5.4rem;
	line-height:6.7rem;
}

.news_area{padding:58px 20px 60px;}
.news_head{margin-bottom:24px;}
.news_btn{text-align:center;}
}


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

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

}


@media screen and (max-width:500px){
.mv_btn_list{
	display:block;
	gap:0;
	padding:0;
}
.mv_btn_item{margin-top:8px;}
.about_item{
	margin-bottom:30px;
	display:flex;
	min-height:170px;
	padding:0;
}
.about_item:not(:last-child)::after{display:none;}
.about_pic{position:relative;left:auto;top:auto;width:100%;height:auto;}
.about_subhead,.about_txt{text-align:center;}

}