@charset "UTF-8";

.GrandTop__heading01 {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	white-space: nowrap;
}

/* ===== common ===== */
.Sitetop__Content .Section__heading {
	margin: 0;
	padding: 0 0 0 2.5rem;
	color: #333;
	font-weight: normal;
	line-height: 1.2;
	position: relative;
}

@media only screen and (max-width: 559px) {
	.Sitetop__Content .Section__heading {
		padding: 0 0 0 1.5rem;
	}
}

.Sitetop__Content .Section__heading ::before {
	content: "";
	background-color: var(--kblue);
	width: 0.5rem;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

@media only screen and (max-width: 559px) {
	.Sitetop__Content .Section__heading ::before {
		width: 0.3rem;
	}
}

.Sitetop__Content .Section__heading .Text__eng {
	font-size: 4rem;
	line-height: 1;
	font-weight: 300;
	display: block;
	letter-spacing: 0;
}

@media print,
screen and (min-width: 560px) and (max-width: 959px) {
	.Sitetop__Content .Section__heading .Text__eng {
		font-size: 3.6rem;
	}
}

@media only screen and (max-width: 559px) {
	.Sitetop__Content .Section__heading .Text__eng {
		font-size: 6vw;
	}
}

.Sitetop__Content .NewsArea .Section__heading .Text__eng {
	font-size: 3rem;
	line-height: 3rem;
}

@media only screen and (max-width: 959px) {
	.Sitetop__Content .NewsArea .Section__heading .Text__eng {
		font-size: 3.125vw;
	}
}

.Sitetop__Content .BusinessArea .Section__heading .Text__eng,
.Sitetop__Content .StoryArea .Section__heading .Text__eng,
.Sitetop__Content .CareerArea .Section__heading .Text__eng {
	font-size: 4.5rem;
}

@media print,
screen and (min-width: 560px) and (max-width: 959px) {

	.Sitetop__Content .BusinessArea .Section__heading .Text__eng,
	.Sitetop__Content .StoryArea .Section__heading .Text__eng,
	.Sitetop__Content .CareerArea .Section__heading .Text__eng {
		font-size: 3.6rem;
	}
}

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

	.Sitetop__Content .BusinessArea .Section__heading .Text__eng,
	.Sitetop__Content .StoryArea .Section__heading .Text__eng,
	.Sitetop__Content .CareerArea .Section__heading .Text__eng {
		font-size: 6vw;
	}
}

.Sitetop__Content .Section__heading .Text__jp {
	font-size: 1.8rem;
	/*font-weight: bolder;*/
}

@media print,
screen and (min-width: 560px) and (max-width: 959px) {
	.Sitetop__Content .Section__heading .Text__jp {
		font-size: 1.6rem;
	}
}

@media only screen and (max-width: 559px) {
	.Sitetop__Content .Section__heading .Text__jp {
		font-size: 1.3rem;
	}
}

.Sitetop__Content .NewsArea .Section__heading .Text__jp {
	font-size: 1.4rem;
}

@media only screen and (max-width: 559px) {
	.Sitetop__Content .NewsArea .Section__heading .Text__jp {
		font-size: 1.2rem;
		line-height: 1.4rem;
	}
}

.Sitetop__Content .Section__heading .Text__small {
	font-size: 70%;
}

.Sitetop__Content .BusinessArea .Section__heading {
	margin: 0;
	padding: 0 0 2.5rem 0;
	line-height: 1.2;
	position: relative;
	text-align: center;
}

.Sitetop__Content .BusinessArea .Section__heading ::before {
	content: "";
	background-color: var(--kblue);
	width: 16rem;
	height: 0.3rem;
	position: absolute;
	top: auto;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);

	z-index: 1;
}

.Sitetop__Content .StoryArea .Section__heading {
	margin: 0;
	padding: 0 0 1.5rem 0;
	color: #FFF;
	line-height: 1.2;
	position: relative;
	text-align: center;
}

.Sitetop__Content .StoryArea .Section__heading ::before {
	content: "";
	background-color: #FFF;
	width: 14rem;
	height: 0.3rem;
	position: absolute;
	top: auto;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);

	z-index: 1;
}

@media only screen and (max-width: 559px) {
	.Sitetop__Content .BusinessArea .Section__heading {
		padding: 0 0 1rem 0;
	}

	.Sitetop__Content .StoryArea .Section__heading {
		padding: 0 0 1rem 0;
	}

	.Sitetop__Content .BusinessArea .Section__heading ::before,
	.Sitetop__Content .StoryArea .Section__heading ::before {
		width: 8rem;
		height: 0.2rem;
	}
}

.Link_block .Button .Button__text {
	padding: 1.5rem 2.5rem;
}

.Link_block .Button.-Large .Button__text {
	padding: 2.5rem;
}

@media only screen and (max-width: 559px) {
	.Link_block .Button .Button__text {
		padding: 1rem 2rem 1rem 1.5rem;
	}

	.Link_block .Button.-Large .Button__text {
		padding: 2rem;
	}
}

/* ===== TopHero ===== */
.TopHero {
	min-height: 200px;
}

.TopHero .Link {
	padding-left: 22px;
}

.TopHero .Link:hover {
	cursor: pointer;
}

.CarouselTop {
	width: 100%;
	margin: 0;
}

.CarouselTop__inner .slider {
	width: 100%;
	aspect-ratio: 3000 / 1200;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

/*
.CarouselTop__image{
width:100%;
  height: auto;
  min-height: 200px;
}
.CarouselTop__image img {
  width: 100%;
  height: auto;
  min-height: 200px;
}
.CarouselTop .swiper{
        width:100%;
        margin: 0 auto;
		padding: 0;
		position: relative;
        }

.CarouselTop .swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.CarouselTop .swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.CarouselTop .swiper-slide{
        margin: 0;
        }

.CarouselTop .swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
*/
/* ===== KKEArea ===== */
.KKEArea {
	width: 100%;
	background: var(--kblue);
	padding: 1.5rem 0 2.5rem 0;
	margin: 0;
}

.KKEArea__inner {
	width: 100%;
	color: #FFF;
}

.KKEArea__catch {
	font-size: 2.4rem;
	padding: 0;
	margin: 0;
}

.KKEArea__heading {
	font-size: 7rem;
	line-height: 8rem;
	display: inline-block;
	margin-right: 1rem;
}

.KKEArea__text {
	font-size: 1.4rem;
	line-height: 2rem;
	display: inline-block;
}

@media only screen and (max-width: 559px) {
	.KKEArea {
		padding: 1rem 0 2rem 0;
	}

	.KKEArea__catch {
		font-size: 4vw;
		padding: 0;
		margin: 0;
	}

	.KKEArea__heading {
		font-size: 10vw;
		line-height: 11vw;
		display: inline-block;
		margin-right: 1rem;
	}

	.KKEArea__text {
		font-size: 2.7vw;
		line-height: 1.5;
	}
}

/* ===== AnnounceArea ===== */
.AnnounceArea {
	border-bottom: 1px solid #dedede;
}

.AnnounceArea__inner {
	max-width: 1600px;
	margin: 0 auto;
	padding: 2rem 0;
}

.AnnounceArea__text {
	text-align: center;
	/*font-size: 1.6rem;*/
	line-height: 1;
	color: #333;
	font-weight: normal;
}

@media only screen and (max-width: 559px) {
	.AnnounceArea__inner {
		padding: 1.2rem 0;
	}

	.AnnounceArea__text {
		padding: 0 20px;
	}
}

.AnnounceArea__text.-alert {
	color: #f00;
}

/* ===== NewsArea ===== */
.NewsArea__inner {
	max-width: 1600px;
	margin: 5rem auto 0 auto;
	/*display: flex;
  justify-content:flex-start;
  align-items: flex-start;
  align-content: flex-start;
  flex-wrap: wrap;*/
}

.NewsArea .Section__heading {
	padding: 0;
}

.Sitetop__Content .NewsArea .Section__heading ::before {
	content: "";
	display: none;
}

.Sitetop__Content .NewsArea .Section__heading .Text__eng {
	font-size: 2.4rem;
	line-height: 2.4rem;
	font-weight: 300;
	display: inline-block;
	vertical-align: bottom;
	color: var(--kblue);
	letter-spacing: 0;
}

@media only screen and (max-width: 559px) {
	.Sitetop__Content .NewsArea .Section__heading .Text__eng {
		font-size: 2rem;
		line-height: 2rem;
	}
}

.Sitetop__Content .NewsArea .Section__heading .Text__jp {
	font-size: 1.4rem;
	line-height: 1.4rem;
	font-weight: 400;
	color: #999999;
	padding-left: 0.6rem;

	display: inline-block;
	vertical-align: bottom;
	border-left: 1px solid #999999;
}

@media only screen and (max-width: 559px) {
	.Sitetop__Content .NewsArea .Section__heading .Text__jp {
		font-size: 1.2rem;
		line-height: 1.4rem;
	}
}

.NewsList {
	width: 100%;
	list-style-type: none;
	font-weight: normal;
	line-height: 2rem;
	margin: 1rem 0 0 0;
}

.NewsList__item {
	padding: 1rem 0 1.5rem 0;
	display: flex;
}

.NewsList__item:not(:first-child) {
	padding: 1.5rem 0;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: var(--gray-line);
}

.NewsList__item a:link {
	color: #666666;
}

.NewsList__item a:visited {
	color: #666;
}

.NewsList__item a:hover {
	color: #00a8a9;
}

.NewsListItem__inner {
	display: flex;
	flex-direction: row;
}

.NewsListItem__date {
	font-size: 1.2rem;
	white-space: nowrap;
	margin: 0 1rem 0 0;
	font-weight: normal;
}

.NewsListItem__text {
	/*font-size: 1.6rem;*/
}

.NewsListItem__more {
	margin: 0 0 0 auto;
	display: block;
	width: auto;
	text-align: right;
}

@media only screen and (max-width: 559px) {
	.NewsArea__inner {
		margin: 3rem auto 0 auto;
	}

	.NewsList__item {
		padding: 0.5rem 0 1rem 0;
	}

	.NewsList__item:not(:first-child) {
		padding: 1rem 0;
	}

	.NewsListItem__date {
		font-size: 1.1rem;
	}

	.NewsListItem__text {
		/*font-size: 1.6rem;*/
	}

	.NewsListItem__more {
		margin: 0 0 0 auto;
		display: block;
		width: auto;
		text-align: right;
	}
}

/* ===== BusinessArea ===== */
.BusinessArea {
	width: 100%;
}

.BusinessArea__inner {
	background-color: #e1e4e4;
	margin: 3rem auto 0 auto;
	padding: 8rem 0 8rem 0;
}

@media print,
screen and (min-width: 560px) and (max-width: 959px) {
	.BusinessArea__inner {
		padding: 6rem 0;
	}
}

@media only screen and (max-width: 559px) {
	.BusinessArea__inner {
		padding: 4rem 0;
	}
}

.BusinessArea__inner .Button .BusinessArea__inner .Button_large {
	background-color: var(--kblue);
	color: #FFF;
}

.BusinessArea__lead {
	margin: 3rem 0 0 0;
	text-align: center;
	font-size: 1.8rem;
	line-height: 1.7;
}

@media print,
screen and (min-width: 560px) and (max-width: 959px) {
	.BusinessArea__lead {
		margin: 1.5rem 0 0 0;
		padding: 0 2rem;
		font-size: 1.6rem;
	}
}

@media only screen and (max-width: 559px) {
	.BusinessArea__lead {
		margin: 1.5rem 0 0 0;
		padding: 0 2rem;
		font-size: 1.3rem;
	}
}

.BusinessArea__card {
	margin: 6rem 0 0 0;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	flex-wrap: nowrap;
}

.BusinessArea__cardItem {
	width: 50%;
	margin: 0;
}

@media print,
screen and (min-width: 560px) and (max-width: 959px) {
	.BusinessArea__card {
		margin: 4rem 0 0 0;
		flex-direction: column;
	}

	.BusinessArea__cardItem {
		width: 100%;
	}
}

@media only screen and (max-width: 559px) {
	.BusinessArea__card {
		margin: 2rem 0 0 0;
		flex-direction: column;
	}

	.BusinessArea__cardItem {
		width: 100%;
	}
}

.BusinessAreaCard {
	width: 100%;
	position: relative;
}

.BusinessAreaCard:hover {
	opacity: 0.9;
}

.BusinessAreaCard .Button {
	width: 32rem;
	position: absolute;
	bottom: 8%;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	z-index: 2;

	background-color: rgba(0, 168, 169, 0.8);
}

.BusinessAreaCard .Button .Button__text {
	font-size: 3rem;
	font-weight: 300;
	text-align: center;
	padding: 2rem 0;

}

.BusinessAreaCard__image {
	width: 100%;
	position: relative;
	z-index: 1;
}

@media only screen and (max-width: 559px) {
	.BusinessAreaCard .Button {
		width: 70%;
		left: 50%;
	}

	.BusinessAreaCard .Button .Button__text {
		font-size: 2rem;
		padding: 1.5rem 0;
	}
}


.BusinessArea .Button__List {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	align-content: flex-start;
	gap: 2rem;
}

@media print,
screen and (min-width: 560px) and (max-width: 959px) {
	.BusinessArea .Button__List {
		flex-wrap: wrap;
		gap: 1.5rem;
	}
}

@media only screen and (max-width: 559px) {
	.BusinessArea .Button__List {
		flex-wrap: wrap;
		gap: 1rem;
	}
}

.BusinessArea .Button__List .ButtonList__item {
	width: calc(100% - 4rem)/3;
}

@media print,
screen and (min-width: 560px) and (max-width: 959px) {
	.BusinessArea .Button__List .ButtonList__item {
		width: calc(100% - 3rem)/3;
	}
}

@media only screen and (max-width: 559px) {
	.BusinessArea .Button__List .ButtonList__item {
		width: 100%;
	}
}

.BusinessArea .Button__List .ButtonList__item .Button {
	width: 100%;
	margin: 0;
}


.BusinessArea .BusinessArea__content2__inner {
	width: 100%;
	margin: 0 auto;
	padding: 3em 0 0 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.BusinessArea__comment {
	margin-bottom: 2rem;
}

.BusinessArea__button {

	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-bottom: 2rem;
}

.BusinessArea__button .Button {
	width: 30rem;
}

.BusinessArea__button .Button__text {
	font-size: 1.8rem;
}

@media only screen and (max-width: 559px) {
	.BusinessArea__button {
		margin: 1.5rem auto 0 auto;
		width: auto;
	}

	.BusinessArea__button .Button__text {
		font-size: 1.3rem;
	}
}

.BusinessArea .Tablist {
	width: 100%;
	margin: 3rem 0 0 0;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: space-between;
}

.BusinessArea .Tablist__item {
	padding: 15px 0;
	background-color: #b8bfbf;
	text-align: center;
	color: #FFF;
	width: 49%;
	position: relative;
}

@media only screen and (max-width: 559px) {
	.BusinessArea .Tablist__item {
		padding: 1rem 0;
	}
}

.BusinessArea .Tablist__item span {
	display: inline-block;
	font-size: 1.6rem;
}

@media only screen and (max-width: 559px) {
	.BusinessArea .Tablist__item span {
		display: inline-block;
		font-size: 1.3rem;
	}
}

.BusinessArea .Tablist__item span::after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 35%;
	right: 2rem;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);

	width: 1.2rem;
	height: 1.2rem;
	margin: 0;
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
	transform: rotate(135deg);
}

.BusinessArea .Tablist__item.active span::after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 35%;
	right: 2rem;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);

	width: 1.2rem;
	height: 1.2rem;
	margin: 0;
	border-top: 2px solid #007a7b;
	border-right: 2px solid #007a7b;
	transform: rotate(135deg);
}

@media only screen and (max-width: 559px) {
	.BusinessArea .Tablist__item span::after {
		right: 1rem;
		width: 0.8rem;
		height: 0.8rem;
		border-top: 1px solid #FFF;
		border-right: 1px solid #FFF;
	}

	.BusinessArea .Tablist__item.active span::after {
		right: 1rem;
		width: 0.8rem;
		height: 0.8rem;
		border-top: 1px solid #007a7b;
		border-right: 1px solid #007a7b;
	}
}

.BusinessArea .Tablist__item:hover {
	cursor: pointer;
}

.BusinessArea .Tablist__item:hover span {
	opacity: .8;
}

.BusinessArea .Tablist__item.active {
	background-color: #FFF;
	color: #333;
}

.BusinessArea .Tab__contents {
	width: 100%;
	min-height: 35rem;
	margin: 0 auto 3rem auto;
	padding: 5rem 0;
	background-color: #FFF;
}

@media only screen and (max-width: 559px) {
	.BusinessArea .Tab__contents {
		min-height: auto;
		padding: 2.5rem 0;
	}
}

.BusinessArea .Tab__contents__item {
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
	display: none;
}

.BusinessArea .Tab__contents__item.show {
	display: block;
}

.BusinessArea .Tab__contents__item .Categoly__content {
	width: 100%;
	margin-top: 3rem;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: center;
	align-items: stretch;
	align-content: flex-start;
	flex-wrap: wrap;
}

.BusinessArea .Tab__contents__item .Categoly__content:first-child {
	margin: 0;
}

@media print,
screen and (min-width: 560px) and (max-width: 959px) {
	.BusinessArea .Tab__contents__item .Categoly__content {
		margin-top: 2rem;
	}
}

@media only screen and (max-width: 559px) {
	.BusinessArea .Tab__contents__item .Categoly__content {
		margin-top: 1.5rem;
	}
}

.BusinessArea .Tab__contents__item .Categoly__content .Categoly__headingsub {
	width: 100px;
	font-size: 1.8rem;
}

@media print,
screen and (min-width: 560px) and (max-width: 959px) {
	.BusinessArea .Tab__contents__item .Categoly__content .Categoly__headingsub {
		width: 100%;
		font-size: 1.6rem;
	}
}

@media only screen and (max-width: 559px) {
	.BusinessArea .Tab__contents__item .Categoly__content .Categoly__headingsub {
		width: 100%;
		font-size: 1.4rem;
	}
}

.BusinessArea .Tab__contents__item .Categoly__content .Categoly__headingsub1 {
	color: #0f93c1;
}

.BusinessArea .Tab__contents__item .Categoly__content .Categoly__headingsub2 {
	color: #1aa682;
}

.BusinessArea .Tab__contents__item .Categoly__content .Button__List {
	width: calc(100% - 100px);
	margin: 0;
	align-items: stretch;
	align-content: center;
	gap: 2rem;
}

@media print,
screen and (min-width: 560px) and (max-width: 959px) {
	.BusinessArea .Tab__contents__item .Categoly__content .Button__List {
		width: 100%;
		gap: 1.5rem;
	}
}

@media only screen and (max-width: 559px) {
	.BusinessArea .Tab__contents__item .Categoly__content .Button__List {
		width: 100%;
		gap: 1rem;
	}
}

.BusinessArea .Tab__contents__item .Categoly__content .Button__List .ButtonList__item {
	width: calc((100% - 4rem)/3);
}

@media print,
screen and (min-width: 560px) and (max-width: 959px) {
	.BusinessArea .Tab__contents__item .Categoly__content .Button__List .ButtonList__item {
		width: calc((100% - 3rem)/3);
	}
}

@media only screen and (max-width: 559px) {
	.BusinessArea .Tab__contents__item .Categoly__content .Button__List .ButtonList__item {
		width: calc((100% - 1rem)/2);
	}
}

.BusinessArea .Tab__contents__item .Item_more {
	width: 400px;
	margin: 2rem auto 0 auto;
	text-align: center;
}

@media only screen and (max-width: 559px) {
	.BusinessArea .Tab__contents__item .Item_more {
		width: 100%;
		margin: 1rem auto 0 auto;
	}
}

.BusinessArea .Tab__contents__item .Item_more .-whiteline {
	border-width: 1px;
}

.BusinessArea__Actbase {
	width: 100%;
	height: 300px;
	margin: 3rem 0 0 0;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

@media print,
screen and (min-width: 560px) and (max-width: 959px) {
	.BusinessArea__Actbase {
		height: 250px;
	}
}

@media only screen and (max-width: 559px) {
	.BusinessArea__Actbase {
		height: 200px;
	}
}

.BusinessArea__Actbase img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

.BusinessArea__Actbase .Actbase__Inner {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 2;
}

.BusinessArea__Actbase .Actbase__heading {
	font-size: 5rem;
	line-height: 1.2;
	font-weight: 200;
	color: #FFF;
	text-align: center;
}

@media print,
screen and (min-width: 560px) and (max-width: 959px) {
	.BusinessArea__Actbase .Actbase__heading {
		font-size: 4rem;
	}
}

@media only screen and (max-width: 559px) {
	.BusinessArea__Actbase .Actbase__heading {
		font-size: 3rem;
	}
}

.BusinessArea__Actbase p {
	color: #FFF;
	font-weight: 300;
	text-align: center;
}

.BusinessArea__Actbase a {
	color: #FFF;
}


/* ===== SustainabiltyArea ===== */
.SustainabiltyArea {
	width: 100%;
	position: relative;
	margin: 0 auto;
	background: url("../images/sitetop/img_sustaina.jpg") no-repeat center;
	background-size: cover;
	-webkit-background-size: cover;
}

.SustainabiltyArea__inner {
	width: 100%;
	height: 450px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

@media print,
screen and (min-width: 560px) and (max-width: 959px) {
	.SustainabiltyArea__inner {
		height: 350px;
	}
}

@media only screen and (max-width: 559px) {
	.SustainabiltyArea__inner {
		height: 250px;
		min-height: 25rem;
	}
}

.SustainabiltyArea__inner .Section__heading {
	color: #FFF;
}

.SustainabiltyArea__text {
	margin: 3rem 0 0 0;
	color: #FFF;
}

@media only screen and (max-width: 559px) {
	.SustainabiltyArea__text {
		margin: 1.2em 0 0 0;
	}
}

.SustainabiltyArea__button {
	width: 250px;
	margin: 3rem 0 0 0;
}

@media only screen and (max-width: 559px) {
	.SustainabiltyArea__button {
		width: auto;
		margin: 1.2rem 0 0 0;
	}
}

/* ===== TopicsArea ===== */
.TopicsArea {
	position: relative;
	margin: 0 auto;
	background-color: var(--gray-bg);
}

.TopicsArea__inner {
	padding: 10rem 0;
}

@media print,
screen and (min-width: 560px) and (max-width: 959px) {
	.TopicsArea__inner {
		padding: 6rem 0;
	}
}

@media only screen and (max-width: 559px) {
	.TopicsArea__inner {
		padding: 3rem 0;
	}
}

.TopicsArea__button {
	margin: 4rem 0 0 auto;
	display: block;
	width: auto;
	text-align: right;
}

@media only screen and (max-width: 559px) {
	.TopicsArea__button {
		margin: 1.5rem 0 0 auto;
		width: auto;
	}
}

.TopicsArea__card {
	margin: 4rem 0 0 0;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: stretch;
	align-content: flex-start;

	column-gap: 5rem;
}

@media print,
screen and (min-width: 560px) and (max-width: 959px) {
	.TopicsArea__card {
		margin: 2rem 0 0 0;
		column-gap: 3rem;
	}
}

@media only screen and (max-width: 559px) {
	.TopicsArea__card {
		margin: 2rem 0 0 0;
		flex-direction: column;
	}
}

.TopicsArea__cardItem {
	width: calc((100% - 10rem)/3);
	margin: 0;
	position: relative;
	background: #FFF;
}

@media print,
screen and (min-width: 560px) and (max-width: 959px) {
	.TopicsArea__cardItem {
		width: calc((100% - 8rem)/3);
	}
}

@media only screen and (max-width: 559px) {
	.TopicsArea__cardItem {
		width: 100%;
		margin: 0 0 2rem 0;
	}
}

.TopicsAreaCard {
	padding: 1.5rem 1.5rem 8rem 1.5rem;
}

@media print,
screen and (min-width: 560px) and (max-width: 959px) {
	.TopicsAreaCard {
		padding: 1rem 1rem 3rem 1rem;
	}
}

@media only screen and (max-width: 559px) {
	.TopicsAreaCard {
		padding: 1rem 1rem 3rem 1rem;
	}
}

.TopicsArea__image {
	width: 100%;
	overflow: hidden;
	aspect-ratio: 5 / 2.6;
	background-size: cover;
	background-position: center;
}

.TopicsAreaCard .TopicsArea__imageWrap {
	display: block;
	width: 100%;
	aspect-ratio: 5 / 2.6;
	overflow: hidden;
}

.TopicsAreaCard .TopicsArea__image {
	display: block;
	width: 100%;
	margin: 0 auto;
}

.TopicsAreaCard__body {
	width: 100%;
	padding: 0 1rem;
	margin: 2rem 0 0 0;
}

@media print,
screen and (min-width: 560px) and (max-width: 959px) {
	.TopicsAreaCard__body {
		margin: 1.5rem 0 0 0;
	}
}

@media only screen and (max-width: 559px) {
	.TopicsAreaCard__body {
		margin: 1rem 0 0 0;
	}
}

.TopicsAreaCard__date {
	font-size: 1rem;
	color: #666;
	margin: 0;
}

.TopicsAreaCard__title {
	margin: 0.5rem 0 0 0;
	font-size: 2.4rem;
	line-height: 3.2rem;
	color: #666;
}

@media print,
screen and (min-width: 560px) and (max-width: 959px) {
	.TopicsAreaCard__title {
		font-size: 2rem;
		line-height: 2.6rem;
	}
}

@media only screen and (max-width: 559px) {
	.TopicsAreaCard__title {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}
}

.TopicsAreaCard__text {
	margin: 1rem 0 0 0;
	font-size: 1.4rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	/* 任意の行数を指定 */
	color: #333;
}

@media only screen and (max-width: 559px) {
	.TopicsAreaCard__text {
		font-size: 1.2rem;
	}
}

.TopicsAreaCard__button {
	width: 30px;
	height: 30px;
	position: absolute;
	overflow: hidden;
	right: 0;
	bottom: 0;
}

.TopicsAreaCard__button .Button {
	width: 100%;
	height: 100%;
	position: relative;
	margin: 0;
}

.TopicsAreaCard__button .Button__text {
	display: none;
}

.TopicsAreaCard__button .Button::before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 40%;
	left: 30%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);

	width: 0.8rem;
	height: 0.8rem;
	margin: 0;
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
	transform: rotate(45deg);
}


/* ===== StoryArea ===== */
.StoryArea {
	background-color: var(--kblue);
}

.StoryArea__inner {
	margin: 0 auto 0 auto;
	padding: 8rem 0 6rem 0;
	color: #FFF;
}

@media print,
screen and (min-width: 560px) and (max-width: 959px) {
	.StoryArea__inner {
		padding: 6rem 0;
	}
}

@media only screen and (max-width: 559px) {
	.StoryArea__inner {
		padding: 3em 0;
	}
}

.StoryArea__featureWrap {
	position: relative;
	margin: 4rem 0 0 0;
}

@media only screen and (max-width: 559px) {
	.StoryArea__featureWrap {
		margin: 2rem 0 0 0;
	}
}

.StoryArea__featureImg {
	width: 100%;
	position: relative;
	z-index: 1;
}

.StoryArea__featureImg img {
	width: 100%;
	height: auto;
	object-fit: cover;
}

@media print,
screen and (min-width: 560px) and (max-width: 959px) {
	.StoryArea__featureImg img {
		height: 40vw;
	}
}

.StoryArea__featureList {
	display: flex;
	justify-content: center;
	align-items: stretch;
	align-content: flex-start;
	flex-wrap: nowrap;
	position: relative;
	z-index: 2;
}

@media print,
screen and (min-width: 560px) and (max-width: 959px) {
	.StoryArea__featureList {
		gap: 2rem;
	}
}

@media only screen and (max-width: 559px) {
	.StoryArea__featureList {
		width: 100%;
		height: 100%;
		flex-direction: column;
		position: absolute;
		left: 0;
		top: 0;
	}
}

.StoryArea__featureItem {
	width: 50%;
	margin: 0 auto;

	display: flex;
	justify-content: center;
	align-items: flex-start;

}

@media print,
screen and (min-width: 560px) and (max-width: 959px) {
	.StoryArea__featureItem {
		width: calc(100% - 2rem)/2;
	}
}

@media only screen and (max-width: 559px) {
	.StoryArea__featureItem {
		width: 100%;
		height: 50%;
		padding-bottom: 8vw;

		align-items: flex-end;
	}
}

.StoryArea__featureItem .StoryArea__featureInner {
	width: 32rem;
	margin: 0 auto;
	position: relative;
	top: -3rem;

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

	z-index: 2;
}

@media print,
screen and (min-width: 560px) and (max-width: 959px) {
	.StoryArea__featureItem .StoryArea__featureInner {
		width: 100%;
	}
}

@media only screen and (max-width: 559px) {
	.StoryArea__featureItem .StoryArea__featureInner {
		width: 80%;
		max-width: 40rem;
		top: 0;
	}
}

.StoryArea__featureItem .heading {
	color: #FFF;
	font-size: 7rem;
	line-height: 7rem;
	font-weight: 500;
	text-align: center;
	letter-spacing: 0;
	position: relative;
	bottom: -1rem;
	z-index: 10;
}

.StoryArea__featureItem .Link_block {
	width: 34rem;
	margin: 0 auto;
	z-index: 2;
}

@media print,
screen and (min-width: 560px) and (max-width: 959px) {
	.StoryArea__featureItem .Link_block {
		width: 100%;
		max-width: 32rem;
	}
}

@media only screen and (max-width: 559px) {
	.StoryArea__featureItem .Link_block {
		width: 100%;

	}
}

.StoryArea__featureItem .Button {
	width: 100%;
	margin: 0 auto;
	/*transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);*/
	background-color: #1a758a;
	z-index: 2;
}

.StoryArea__featureItem a:hover .Button {
	background-color: #33b9ba;
}

.StoryArea__featureItem .Link_block:hover {
	opacity: 1;
}

.StoryArea__featureItem .Button.-Medium .Button__text {
	padding: 3.5rem 2rem;
	opacity: 1;
}

@media print,
screen and (min-width: 560px) and (max-width: 959px) {
	.StoryArea__featureItem .Button.-Medium .Button__text {
		padding: 1.5em 2rem;
		opacity: 1;
	}
}

@media only screen and (max-width: 559px) {
	.StoryArea__featureItem .Button.-Medium .Button__text {
		padding: 1em 2rem;
		opacity: 1;
	}
}

.StoryArea__featureText {
	width: 32rem;
	margin: 2rem auto 0 auto;
	font-size: 1.4rem;
	letter-spacing: 0.01em;
}

@media print,
screen and (min-width: 560px) and (max-width: 959px) {
	.StoryArea__featureText {
		width: 100%;
		max-width: 30rem;
	}
}

@media only screen and (max-width: 559px) {
	.StoryArea__featureText {
		width: 100%;
		margin: 0 auto;
		padding: 1.5rem;
		font-size: 1.2rem;
		letter-spacing: 0.01em;
		background-color: rgba(0, 168, 169, 0.8);
	}
}


.StoryArea__card {
	margin-top: 4rem;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;
	flex-wrap: wrap;
	column-gap: 4rem;
	row-gap: 5rem;
}

@media print,
screen and (min-width: 560px) and (max-width: 959px) {
	.StoryArea__card {
		margin-top: 3rem;
		column-gap: 2.5rem;
		row-gap: 3rem;
	}
}

@media only screen and (max-width: 559px) {
	.StoryArea__card {
		margin-top: 2rem;
		gap: 2rem;
	}
}

.StoryArea__card .StoryArea__cardItem {
	width: calc((100% - 8rem)/3);
	height: 100%;
}

@media print,
screen and (min-width: 560px) and (max-width: 959px) {
	.StoryArea__card .StoryArea__cardItem {
		width: calc((100% - 5rem)/3);
	}
}

@media only screen and (max-width: 559px) {
	.StoryArea__card .StoryArea__cardItem {
		/*width:calc((100% - 1rem)/2);*/
		width: 100%;
		height: 100%;
		margin: 0;
	}
}

.StoryArea__card .StoryAreaCard {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;
	background-color: #007a7b;
}

.StoryArea__card .Button.-Medium.-Deep {
	width: 100%;
	height: 100%;
}

.StoryArea__card .Button.-Medium.-Deep .Button__text {}

.StoryAreaCard__image {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
}

/* ===== CareerArea ===== */
.CareerArea {
	position: relative;
	margin: 10rem auto 0 auto;
}

@media print,
screen and (min-width: 560px) and (max-width: 959px) {
	.CareerArea {
		position: relative;
		margin: 6rem auto 0 auto;
	}
}

@media only screen and (max-width: 559px) {
	.CareerArea {
		margin: 3rem auto 0 auto;
	}
}

.CareerArea__inner {
	width: 100%;
	margin: 8rem auto 0 auto;
	padding: 0 0 13rem 0;
	position: relative;
}

@media print,
screen and (min-width: 560px) and (max-width: 959px) {
	.CareerArea__inner {
		margin: 0 auto;
		padding: 2rem 0 20vw 0;
	}
}

@media only screen and (max-width: 559px) {
	.CareerArea__inner {
		margin: auto 0 auto;
		padding: 3rem 0 28vw 0;
	}
}

.CareerArea__inner .Feature_box {
	position: relative;
	z-index: 999;
}

.CareerArea__inner .Feature_title {
	width: 100%;
	text-align: center;
	font-size: 5rem;
	margin: 0 0 3rem 0;
}

@media print,
screen and (min-width: 560px) and (max-width: 959px) {
	.CareerArea__inner .Feature_title {
		font-size: 4rem;
		margin: 0 0 2rem 0;
	}
}

@media only screen and (max-width: 559px) {
	.CareerArea__inner .Feature_title {
		font-size: 3rem;
		margin: 0 0 1.5rem 0;
	}
}

.CareerArea__inner .Feature_text {
	width: 100%;
	text-align: center;
	line-height: 2;
	margin: 0 0 3rem 0;
	padding: 0 1rem;
}

@media print,
screen and (min-width: 560px) and (max-width: 959px) {
	.CareerArea__inner .Feature_text {
		line-height: 1.5;
	}

	.CareerArea__inner .Feature_text .sp_obj {
		display: block;
	}
}

@media only screen and (max-width: 559px) {
	.CareerArea__inner .Feature_text {
		line-height: 1.5;
	}
}

.CareerArea__inner .CareerArea_image {
	position: absolute;
	margin: 0;
}

.CareerArea__inner .img01 {
	width: 25vw;
	left: 0;
	top: 7.5rem;
	z-index: 11;
}

.CareerArea__inner .img03 {
	width: 10vw;
	right: 0;
	top: 7.5em;
	z-index: 13;
}

.CareerArea__inner .img04 {
	width: 50%;
	right: 0;
	bottom: 0;
	z-index: 1;
}

@media print,
screen and (min-width: 560px) and (max-width: 959px) {
	.CareerArea__inner .img01 {
		top: auto;
		bottom: 8vw;
	}

	.CareerArea__inner .img03 {
		width: 12vw;
		top: auto;
		bottom: 25vw;
	}

	.CareerArea__inner .img04 {
		width: 65%;
	}
}

@media only screen and (max-width: 559px) {
	.CareerArea__inner .img01 {
		top: auto;
		bottom: 5vw;
	}

	.CareerArea__inner .img03 {
		width: 12vw;
		top: auto;
		bottom: 15vw;
	}

	.CareerArea__inner .img04 {
		width: 70%;
	}
}

.CareerArea__inner .Button {
	width: 400px;
	margin: 0 auto;
	display: block;
}

@media print,
screen and (min-width: 560px) and (max-width: 959px) {
	.CareerArea__inner .Button {
		width: 40%;
		max-width: 400px;
	}
}

@media only screen and (max-width: 559px) {
	.CareerArea__inner .Button {
		width: 60%;
		max-width: 300px;
	}
}


/* ===== 202407　BannerArea Futaba ===== */
.BannerFutaba {
	width: 100%;
	position: relative;
	margin: 0 auto 7rem auto;
}

@media print,
screen and (min-width: 560px) and (max-width: 959px) {
	.BannerFutaba {
		margin: 0 auto 5rem auto;
	}
}

@media only screen and (max-width: 559px) {
	.BannerFutaba {
		margin: 0 auto 4rem auto;
	}
}

.BannerFutaba_image {
	width: 100%;
	margin: 0 auto;
}

.BannerFutaba_image img {
	width: 100%;
}

@media print,
screen and (min-width: 560px) and (max-width: 959px) {
	.BannerFutaba_image img {
		width: 100%;
		height: 100%;
		aspect-ratio: 3.1 / 1;
		object-fit: cover;
	}
}

/* ===== 2025.10　English ===== */
.pctb_obj{

}
@media print,
screen and (max-width: 959px) {
	.pctb_obj {
		display: none;
	}
}
.BusinessArea.-enpage .BusinessArea__inner{
	margin-top: 0;
}
.BusinessArea.-enpage .Button {
	margin-top: 0;
}
.BusinessArea.-enpage .BusinessAreaCard .Button {
	width: clamp(400 * 0.8px, 400 / 1366 * 100vw, 400px);
}
@media print,
screen and (min-width: 560px) and (max-width: 959px) {
	.BusinessArea.-enpage .BusinessAreaCard .Button {
		width: clamp(460 * 0.8px, 460 / 959 * 100vw, 460px);
	}
}

.BusinessArea.-enpage .BusinessAreaCard .Button a {
	padding: 2rem 0;

}
.BusinessArea.-enpage .BusinessAreaCard .Button .Button__text {
	font-size: clamp(24 * 0.8px, 24 / 1366 * 100vw, 24px);
	line-height: 2;
	font-weight: 300;
	text-align: center;

}
@media print,
screen and (min-width: 560px) and (max-width: 959px) {
	.BusinessArea.-enpage .BusinessAreaCard .Button .Button__text {
		font-size: clamp(30 * 0.8px, 30 / 959 * 100vw, 30px);

	}
}
@media only screen and (max-width: 559px) {
	.BusinessArea.-enpage .BusinessAreaCard .Button {
		width: 70%;
		left: 50%;
	}

	.BusinessArea.-enpage .BusinessAreaCard .Button .Button__text {
	font-size: 4vw;
	}
}

.BusinessArea.-enpage .Tablist__item span {
	display: inline-block;
	font-size: clamp(16 * 0.8px, 16 / 959 * 100vw, 16px);
	letter-spacing: -0.02em;
}

@media only screen and (max-width: 559px) {
	.BusinessArea.-enpage .Tablist__item span {
		display: inline-block;
		font-size: clamp(13 * 0.8px, 13 / 559 * 100vw, 13px);
	}
}

.BusinessArea.-enpage .Tab__contents__item .Categoly__content .Categoly__headingsub {
	width: 140px;
	/* font-size: clamp(18 * 0.8px, 18 / 1366 * 100vw, 18px); */
	font-size: 18px;
}

@media only screen and (max-width: 959px) {
	.BusinessArea.-enpage .Tab__contents__item .Categoly__content .Categoly__headingsub {
		width: 100%;
		font-size: clamp(18 * 0.8px, 18 / 559 * 100vw, 18px);
	}
}
.BusinessArea.-enpage .Tab__contents__item .Categoly__content .Button__List {
	width: calc(100% - 140px);
}
@media only screen and (max-width: 959px) {
	.BusinessArea.-enpage .Tab__contents__item .Categoly__content .Button__List {
			width: 100%;
		}
}
.BusinessArea.-enpage .Tab__contents__item .ButtonList__item {
	min-height: 80px;
}

.BusinessArea.-enpage .Tab__contents__item .Button.-Medium {
	padding: 10px clamp(20 * 0.7px, 20 / 1366 * 100vw, 20px);
}
@media only screen and (max-width: 959px) {
	.BusinessArea.-enpage .Tab__contents__item .Button.-Medium {
		padding: 10px clamp(16 * 0.7px, 16 / 1366 * 100vw, 16px);
	}
}
.BusinessArea.-enpage .Tab__contents__item .Button.-Medium::before {
	content: "";
	display: none;
}
.BusinessArea.-enpage .Tab__contents__item .Button.-Medium:hover {
	background: #00a8a9;
	opacity: 1;
}
.BusinessArea.-enpage .Tab__contents__item .Button.-Medium.-BlueVar1:hover {
	background: #0f93c1;
	opacity: 1;
}
.BusinessArea.-enpage .Tab__contents__item .Button.-Medium.-BlueVar2:hover {
	background: #1aa682;
	opacity: 1;
}

.BusinessArea.-enpage .Tab__contents__item .Button.-Medium .Button__text {
	font-size: clamp(16 * 0.8px, 16 / 959 * 100vw, 16px);
}

@media only screen and (max-width: 559px) {
	.BusinessArea.-enpage .Tab__contents__item .Button.-Medium .Button__text {
		font-size: clamp(16 * 0.8px, 16 / 559 * 100vw, 16px);
	}
} 

.BusinessArea.-enpage .Item_more .Button {
	width: 240px;
}