@charset "UTF-8";
/* ---------------------------------------
  トップページ
-----------------------------------------*/
/* common
--------------------------------*/
/* sec_mv
--------------------------------*/
#sec_mv {
	height: 54.8571428571vw;
}
@media screen and (max-width: 768px) {
	#sec_mv {
		height: 120rem;
	}
}
#sec_mv::before {
	content: "";
	width: 100%;
	height: 57.5vw;
	background: url(../img/index/mv_bg_ob.png) no-repeat center/cover;
	position: absolute;
	left: 0;
	top: 0;
}
#sec_mv .mv_video {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	object-position: top;
	z-index: -1;
}
#sec_mv .wrap {
	max-width: 122rem;
	height: 100%;
	padding: 9rem 0;
}
@media screen and (max-width: 768px) {
	#sec_mv .wrap {
		padding: 6rem 4rem;
	}
}
#sec_mv .mv_txt {
	position: absolute;
	left: 0;
	bottom: 9rem;
}
@media screen and (max-width: 768px) {
	#sec_mv .mv_txt {
		left: 4rem;
		bottom: 6rem;
	}
}
#sec_mv .mv_txt .logo {
	width: 77.2rem;
}
@media screen and (max-width: 768px) {
	#sec_mv .mv_txt .logo {
		width: 64rem;
	}
}
#sec_mv .mv_txt .ttl {
	font-weight: 400;
	font-size: 3rem;
	letter-spacing: 0.04em;
	margin-top: 0.5rem;
}
#sec_mv .mv_txt .txt {
	max-width: 49.2rem;
	font-size: 1.7rem;
	margin-top: 3rem;
}
@media screen and (max-width: 768px) {
	#sec_mv .mv_txt .txt {
		max-width: 67rem;
		font-size: 2.7rem;
	}
}

/* sec_feature
--------------------------------*/
#sec_feature {
	padding: 10.2rem 0 8.7rem;
}
#sec_feature .feature_block {
	position: relative;
}
#sec_feature .feature_block .wrap {
	max-width: 124rem;
}
#sec_feature .feature_block .wrap.flex {
	align-items: center;
}
@media screen and (max-width: 768px) {
	#sec_feature .feature_block .wrap.flex {
		display: block;
	}
}
#sec_feature .feature_block .txt_wrap {
	position: relative;
	z-index: 1;
}
#sec_feature .feature_block .txt_wrap .ttl_s {
	display: inline-flex;
	align-items: center;
}
#sec_feature .feature_block .txt_wrap .ttl_s .num {
	min-width: 1.5em;
	color: #c13932;
	font-style: italic;
	font-weight: 200;
	font-size: 3rem;
	line-height: 1;
}
@media screen and (max-width: 768px) {
	#sec_feature .feature_block .txt_wrap .ttl_s .num {
		font-size: 4.5rem;
	}
}
#sec_feature .feature_block .txt_wrap .ttl_s .catch {
	font-weight: 500;
	font-size: 1.4rem;
	line-height: 1.5;
	padding-bottom: 0.3rem;
	border-bottom: 1px solid #c13932;
}
@media screen and (max-width: 768px) {
	#sec_feature .feature_block .txt_wrap .ttl_s .catch {
		font-size: 2.1rem;
	}
}
#sec_feature .feature_block .txt_wrap .ttl {
	font-size: 4.8rem;
	line-height: 1.4;
	margin-top: 1.5rem;
}
@media screen and (max-width: 768px) {
	#sec_feature .feature_block .txt_wrap .ttl {
		font-size: 5.4rem;
		margin-top: 2rem;
	}
}
#sec_feature .feature_block .txt_wrap .txt {
	font-size: 2rem;
	margin-top: 1.5rem;
}
@media screen and (max-width: 768px) {
	#sec_feature .feature_block .txt_wrap .txt {
		font-size: 2.7rem;
	}
}
#sec_feature .feature_block .txt_wrap .btn {
	width: 28rem;
	padding-top: 2.3rem;
	border-top: 1px solid #fff;
	margin-top: 4rem;
}
@media screen and (max-width: 768px) {
	#sec_feature .feature_block .txt_wrap .btn {
		width: 38rem;
		padding-top: 3rem;
	}
}
#sec_feature .feature_block .txt_wrap .btn a {
	width: 100%;
}
#sec_feature .feature_block._01 .txt_wrap {
	width: 34rem;
	margin-left: 6rem;
	margin-bottom: 5rem;
}
@media screen and (max-width: 768px) {
	#sec_feature .feature_block._01 .txt_wrap {
		width: 100%;
		margin: 0;
	}
}
#sec_feature .feature_block._01 .txt_wrap::before {
	content: "";
	width: 20rem;
	height: 33.4rem;
	background: url(../img/index/feature_bg_ob01.png) no-repeat center/100% auto;
	position: absolute;
	left: -20rem;
	top: -12.4rem;
}
#sec_feature .feature_block._01 .img {
	width: 77.6rem;
	margin-right: -8rem;
}
@media screen and (max-width: 768px) {
	#sec_feature .feature_block._01 .img {
		width: 100%;
		margin: 4rem auto 0;
	}
}
#sec_feature .feature_block._02 {
	margin-top: 4rem;
}
@media screen and (max-width: 768px) {
	#sec_feature .feature_block._02 {
		margin-top: 8rem;
	}
}
#sec_feature .feature_block._02 .wrap {
	flex-direction: row-reverse;
}
#sec_feature .feature_block._02 .txt_wrap {
	width: 53.3rem;
	margin-top: 4rem;
}
@media screen and (max-width: 768px) {
	#sec_feature .feature_block._02 .txt_wrap {
		width: 100%;
		margin: 0;
	}
}
#sec_feature .feature_block._02 .txt_wrap::before {
	content: "";
	width: 32.4rem;
	height: 33.8rem;
	background: url(../img/index/feature_bg_ob02.png) no-repeat center/100% auto;
	position: absolute;
	right: -20rem;
	bottom: -7.2rem;
}
#sec_feature .feature_block._02 .img {
	width: 70.8rem;
	margin-left: -6rem;
}
@media screen and (max-width: 768px) {
	#sec_feature .feature_block._02 .img {
		width: 100%;
		margin: 4rem auto 0;
	}
}
#sec_feature .feature_block._03 {
	margin-top: 12rem;
}
#sec_feature .feature_block._03 .wrap {
	flex-direction: row-reverse;
}
#sec_feature .feature_block._03 .img {
	width: 143.5rem;
	margin-top: -21.2rem;
	margin-left: -10.2rem;
}
@media screen and (max-width: 768px) {
	#sec_feature .feature_block._03 .img {
		width: 82rem;
		margin: -8rem 0 0 -6rem;
	}
}

/* sec_technology
--------------------------------*/
#sec_technology {
	padding: 14.9rem 0 12rem;
	border-top: 1px solid #2D201F;
}
#sec_technology::before, #sec_technology::after {
	content: "";
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
	position: absolute;
	z-index: -1;
}
#sec_technology::before {
	width: 86.5rem;
	height: 97.4rem;
	background-image: url(../img/index/technology_bg_ob01.png);
	left: calc(50% - 109rem);
	top: 4.6rem;
}
@media screen and (max-width: 768px) {
	#sec_technology::before {
		left: -52rem;
	}
}
#sec_technology::after {
	width: 79.8rem;
	height: 101.5rem;
	background-image: url(../img/index/technology_bg_ob02.png);
	right: calc(50% - 107rem);
	top: 20rem;
}
@media screen and (max-width: 768px) {
	#sec_technology::after {
		right: -54rem;
		top: 34rem;
	}
}
#sec_technology .wrap {
	max-width: 132rem;
}
#sec_technology .sec_ttl {
	font-size: 7.2rem;
}
#sec_technology .txt {
	margin-top: 2.5rem;
}
@media screen and (max-width: 768px) {
	#sec_technology .txt {
		margin-top: 5rem;
	}
}
#sec_technology .viewer {
	width: 100%;
	margin: 3.6rem auto 0;
}
@media screen and (max-width: 768px) {
	#sec_technology .viewer {
		margin: 6rem auto 0;
	}
}
#sec_technology .viewer iframe {
	width: 100%;
	height: 96rem;
}
@media screen and (max-width: 768px) {
	#sec_technology .viewer iframe {
		height: 50.5rem;
	}
}

/* sec_service
--------------------------------*/
#sec_service {
	padding: 14rem 0 16rem;
	background-color: #373433;
	overflow: hidden;
}
#sec_service::before, #sec_service::after {
	content: "";
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
	position: absolute;
}
#sec_service::before {
	width: 75.6rem;
	height: 65rem;
	background-image: url(../img/index/service_bg_ob01.png);
	left: calc(50% - 129.7rem);
	top: 0;
}
@media screen and (max-width: 768px) {
	#sec_service::before {
		left: -62rem;
	}
}
#sec_service::after {
	width: 44.6rem;
	height: 38.1rem;
	background-image: url(../img/index/service_bg_ob02.png);
	right: calc(50% - 77rem);
	bottom: 0;
}
@media screen and (max-width: 768px) {
	#sec_service::after {
		right: -12rem;
		bottom: -6rem;
	}
}
#sec_service .wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
@media screen and (max-width: 768px) {
	#sec_service .wrap {
		flex-direction: column;
	}
}
#sec_service .sec_head {
	width: 36rem;
}
@media screen and (max-width: 768px) {
	#sec_service .sec_head {
		width: 100%;
		display: contents;
	}
	#sec_service .sec_head .sec_ttl {
		order: 1;
	}
}
#sec_service .sec_head .txt_wrap {
	margin-top: 4rem;
}
@media screen and (max-width: 768px) {
	#sec_service .sec_head .txt_wrap {
		order: 2;
	}
}
#sec_service .sec_head .txt_wrap .ttl {
	font-size: 3.2rem;
	line-height: 1.6;
}
@media screen and (max-width: 768px) {
	#sec_service .sec_head .txt_wrap .ttl {
		font-size: 3.6rem;
	}
}
#sec_service .sec_head .txt_wrap .txt {
	margin-top: 1.5rem;
}
@media screen and (max-width: 768px) {
	#sec_service .sec_head .txt_wrap .txt {
		margin-top: 3rem;
	}
}
@media screen and (max-width: 768px) {
	#sec_service .sec_head .btn {
		order: 4;
		margin: 8rem auto 0;
	}
}
#sec_service .img {
	width: 69rem;
}
@media screen and (max-width: 768px) {
	#sec_service .img {
		width: 100%;
		margin-top: 5rem;
		order: 3;
	}
}

/* sec_case
--------------------------------*/
#sec_case {
	padding: 13.4rem 0 16.7rem;
}
#sec_case::before, #sec_case::after {
	content: "";
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
	position: absolute;
	z-index: -1;
}
#sec_case::before {
	width: 46rem;
	height: 75.9rem;
	background-image: url(../img/index/case_bg_ob01.png);
	left: calc(50% - 84.7rem);
	top: -10.4rem;
}
@media screen and (max-width: 768px) {
	#sec_case::before {
		left: -16rem;
	}
}
#sec_case::after {
	width: 43.8rem;
	height: 73rem;
	background-image: url(../img/index/case_bg_ob02.png);
	right: calc(50% - 65rem);
	bottom: -6rem;
}
#sec_case .sec_head {
	display: flex;
	gap: 0 8.5rem;
}
@media screen and (max-width: 768px) {
	#sec_case .sec_head {
		display: block;
	}
}
#sec_case .txt_wrap {
	width: 77rem;
}
@media screen and (max-width: 768px) {
	#sec_case .txt_wrap {
		width: 100%;
		margin-top: 4rem;
	}
}
#sec_case .txt_wrap .ttl {
	font-size: 4rem;
	line-height: 1.6;
}
@media screen and (max-width: 768px) {
	#sec_case .txt_wrap .ttl {
		margin-top: 3.6rem;
	}
}
#sec_case .txt_wrap .txt {
	margin-top: 1rem;
}
@media screen and (max-width: 768px) {
	#sec_case .txt_wrap .txt {
		margin-top: 3rem;
	}
}
#sec_case .box {
	position: relative;
	padding: 5.5rem 6rem 6rem;
	background-color: #212121;
	margin-top: 4.5rem;
}
@media screen and (max-width: 768px) {
	#sec_case .box {
		padding: 5.5rem 4rem 6rem;
		margin-top: 6rem;
	}
}
#sec_case .box::before {
	content: "";
	width: 26.4rem;
	height: 26.3rem;
	background: url(../img/index/case_bg_ob03.png) no-repeat center/100% auto;
	position: absolute;
	right: -7.7rem;
	bottom: -6.9rem;
}
#sec_case .box .inner {
	position: relative;
	width: 55.1rem;
	margin: 0 auto;
}
@media screen and (max-width: 768px) {
	#sec_case .box .inner {
		width: 100%;
	}
}
#sec_case .box .map_img {
	width: 100%;
}
#sec_case .box .order {
	position: absolute;
	left: -0.7rem;
	top: 0;
}
#sec_case .box .order .txt {
	font-size: 2.9rem;
	line-height: 1.4;
}
@media screen and (max-width: 768px) {
	#sec_case .box .order .txt {
		font-size: 3.2rem;
	}
}
#sec_case .box .order .txt .num {
	display: inline-flex;
	align-items: flex-end;
	font-size: 2.4rem;
	line-height: 1.4;
}
@media screen and (max-width: 768px) {
	#sec_case .box .order .txt .num {
		font-size: 2.7rem;
	}
}
#sec_case .box .order .txt .num .en {
	color: #c13932;
	font-style: italic;
	font-weight: 200;
	font-size: 12rem;
	line-height: 1;
	margin-bottom: -1.2rem;
	margin-right: 1.2rem;
	margin-left: -1rem;
}
@media screen and (max-width: 768px) {
	#sec_case .box .order .txt .num .en {
		font-size: 14rem;
	}
}
#sec_case .box .order .date {
	font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
	#sec_case .box .order .date {
		font-size: 1.8rem;
	}
}
@media screen and (max-width: 768px) {
	#sec_case .box .img_wrap {
		position: relative;
		width: 75rem;
		display: flex;
		justify-content: space-between;
		margin: 1rem -8rem 0;
	}
}
#sec_case .box .img {
	position: absolute;
}
@media screen and (max-width: 768px) {
	#sec_case .box .img {
		position: relative;
	}
}
#sec_case .box .img._01 {
	width: 36.8rem;
	top: 4rem;
	left: -15.9rem;
}
@media screen and (max-width: 768px) {
	#sec_case .box .img._01 {
		width: 37rem;
		top: 0;
		left: 0;
		margin-top: 16rem;
	}
}
#sec_case .box .img._02 {
	width: 31.9rem;
	top: 4.6rem;
	right: -2.8rem;
}
@media screen and (max-width: 768px) {
	#sec_case .box .img._02 {
		width: 36rem;
		top: 0;
		right: 0;
	}
}

/* sec_news
--------------------------------*/
#sec_news {
	background-color: #F1F1F1;
}
#sec_news .wrap {
	padding: 6.5rem 2rem 6rem;
}
@media screen and (max-width: 768px) {
	#sec_news .wrap {
		padding: 6.5rem 4rem 6rem;
	}
}
#sec_news .sec_ttl {
	color: #000;
	font-size: 4.4rem;
}
#sec_news .news_list {
	margin-top: 2.5rem;
}
@media screen and (max-width: 768px) {
	#sec_news .news_list {
		margin-top: 5rem;
	}
}
#sec_news .news_list .item {
	border-top: 1px solid #8E8E8E;
}
#sec_news .news_list .item.is-hidden {
	display: none;
}
#sec_news .news_list .item:last-child {
	border-bottom: 1px solid #8E8E8E;
}
#sec_news .news_list .item a {
	display: flex;
	align-items: flex-start;
	gap: 0 3rem;
	padding: 2rem 0;
	color: #000;
}
@media screen and (max-width: 768px) {
	#sec_news .news_list .item a {
		flex-direction: column;
		gap: 2rem 0;
	}
}
#sec_news .news_list .item .date {
	width: 8em;
	font-weight: 400;
	font-size: 1.4rem;
	line-height: 1.8571428571;
}
@media screen and (max-width: 768px) {
	#sec_news .news_list .item .date {
		font-size: 2.4rem;
	}
}
#sec_news .news_list .item .ttl {
	flex: 1;
	font-weight: 400;
	line-height: 1.625;
}
#sec_news .toggle_wrap {
	width: 100%;
	text-align: center;
	height: 14.9rem;
	background: linear-gradient(to bottom, rgba(241, 241, 241, 0) 0%, rgba(241, 241, 241, 0.8) 10%, rgb(241, 241, 241) 50%);
	position: absolute;
	bottom: 0;
	left: 0;
}
@media screen and (max-width: 768px) {
	#sec_news .toggle_wrap {
		height: 25rem;
	}
}
#sec_news .toggle_wrap .news_toggle {
	position: relative;
	display: inline-flex;
	align-items: center;
	color: #000;
	text-align: center;
	font-size: 1.8rem;
	line-height: 1.5;
	padding: 0 5.3rem 0 0;
	cursor: pointer;
	margin-top: 5rem;
}
@media screen and (max-width: 768px) {
	#sec_news .toggle_wrap .news_toggle {
		font-size: 2.7rem;
		padding: 0 7rem 0 0;
		margin-top: 7rem;
	}
}
#sec_news .toggle_wrap .news_toggle .txt {
	border-bottom: 1px solid #000;
}
#sec_news .toggle_wrap .news_toggle .ico {
	width: 3.2rem;
	height: 3.2rem;
	background-color: #c13932;
	border-radius: 50%;
	position: absolute;
	right: 0;
}
@media screen and (max-width: 768px) {
	#sec_news .toggle_wrap .news_toggle .ico {
		width: 4.5rem;
		height: 4.5rem;
	}
}
#sec_news .toggle_wrap .news_toggle .ico::before, #sec_news .toggle_wrap .news_toggle .ico::after {
	content: "";
	width: 1.2rem;
	height: 0.2rem;
	background-color: #fff;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	transition: 0.3s ease;
}
@media screen and (max-width: 768px) {
	#sec_news .toggle_wrap .news_toggle .ico::before, #sec_news .toggle_wrap .news_toggle .ico::after {
		width: 1.8rem;
		height: 0.3rem;
	}
}
#sec_news .toggle_wrap .news_toggle .ico::before {
	transform: rotate(90deg);
}
#sec_news .toggle_wrap.is-active {
	position: relative;
	background: none;
	height: 10rem;
}
@media screen and (max-width: 768px) {
	#sec_news .toggle_wrap.is-active {
		height: 20rem;
	}
}
#sec_news .toggle_wrap.is-active .news_toggle .ico::before {
	transform: rotate(0deg);
}

/* sec_answers
--------------------------------*/
#sec_answers {
	padding: 6.7em 0 7.3rem;
	background-color: #fff;
}
#sec_answers .wrap {
	max-width: 124rem;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
@media screen and (max-width: 768px) {
	#sec_answers .wrap {
		display: block;
	}
}
#sec_answers .logo_wrap {
	width: 28.6rem;
}
@media screen and (max-width: 768px) {
	#sec_answers .logo_wrap {
		width: 100%;
	}
	#sec_answers .logo_wrap .logo_answers {
		width: 32rem;
	}
}
#sec_answers .logo_wrap .txt {
	max-width: 23rem;
	color: #000;
	line-height: 1.6;
	margin-top: 2rem;
}
@media screen and (max-width: 768px) {
	#sec_answers .logo_wrap .txt {
		max-width: inherit;
	}
}
#sec_answers .answers_list {
	width: 83.6rem;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 3.6rem;
}
@media screen and (max-width: 768px) {
	#sec_answers .answers_list {
		width: 100%;
		grid-template-columns: 1fr;
		margin-top: 5rem;
	}
}
#sec_answers .answers_list .item {
	padding-bottom: 2rem;
	border-bottom: 1px solid #EDEDED;
}
#sec_answers .answers_list .item a {
	display: flex;
	align-items: flex-start;
	gap: 0 2.2rem;
}
#sec_answers .answers_list .item a > * {
	color: #174268;
}
#sec_answers .answers_list .item .thumb {
	width: 15rem;
	border-radius: 1.6rem;
	overflow: hidden;
}
@media screen and (max-width: 768px) {
	#sec_answers .answers_list .item .thumb {
		width: 21rem;
		border-radius: 2rem;
	}
}
#sec_answers .answers_list .item .thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#sec_answers .answers_list .item .txt_wrap {
	width: 22.8rem;
}
@media screen and (max-width: 768px) {
	#sec_answers .answers_list .item .txt_wrap {
		flex: 1;
	}
}
#sec_answers .answers_list .item .txt_wrap .cate {
	color: #11B58C;
	font-weight: 700;
	font-size: 1.3rem;
	line-height: 1;
}
@media screen and (max-width: 768px) {
	#sec_answers .answers_list .item .txt_wrap .cate {
		font-size: 2rem;
	}
}
#sec_answers .answers_list .item .txt_wrap .cate span {
	display: inline-block;
	padding: 0.5rem 1rem;
	background-color: #E1F2F0;
}
#sec_answers .answers_list .item .txt_wrap .ttl {
	font-weight: 500;
	font-size: 2rem;
	line-height: 1.6;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: 6.4rem;
	margin-top: 1rem;
}
@media screen and (max-width: 768px) {
	#sec_answers .answers_list .item .txt_wrap .ttl {
		font-size: 2.7rem;
		max-height: 8.6rem;
	}
}
#sec_answers .answers_list .item .txt_wrap .tag {
	color: rgba(23, 66, 104, 0.6);
	font-weight: 500;
	font-size: 1.2rem;
	line-height: 1;
	margin-top: 1.5rem;
}
@media screen and (max-width: 768px) {
	#sec_answers .answers_list .item .txt_wrap .tag {
		font-size: 1.8rem;
	}
}
#sec_answers .answers_list .item .txt_wrap .tag span {
	display: inline-block;
	margin-right: 1em;
}
#sec_answers .answers_list .item .txt_wrap .date {
	font-weight: 400;
	font-size: 1.4rem;
	margin-top: 1rem;
}
@media screen and (max-width: 768px) {
	#sec_answers .answers_list .item .txt_wrap .date {
		font-size: 2rem;
	}
}