@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800;900&family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	line-height: 1;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
li {
	list-style: none;
}


a {
	color: #333;
	text-decoration: none;
	cursor: pointer;
}

img,
video {
	vertical-align: bottom;
}
iframe {
	border: none;
}

html {
}

body {
	min-width: 1024px;
	color: #333;
	font-family: "Noto Sans JP", sans-serif;
}

.sp {
	display: none;
}



/*
#wrap > header {
	position: -webkit-sticky;
	position: sticky;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	width: 100%;
	height: 80px;
	left: 0;
	top: 0;
	z-index: 1000;
	padding: 0 30px;
	background: #fff;
}

#menu-button {
	position: fixed;
	width: 80px;
	height: 80px;
	right: 0;
	top: 0;
	z-index: 1010;
}
#menu-button button {
	position: relative;
	display: block;
	width: 80px;
	height: 80px;
	border: none;
	background: #404040;
	cursor: pointer;
	transition: all 300ms ease-out;
}
#menu-button button:hover {
	background: #222;
}

#menu-button button i {
	position: absolute;
	display: block;
	width: 36px;
	height: 2px;
	left: calc(50% - 18px);
	top: calc(50% - 1px);
	background: #fff;
	transition: all 300ms ease-out;
}
#menu-button button i:nth-child(1) {
	margin-top: -7px;
}
#menu-button button i:nth-child(3) {
	margin-top: 7px;
}

body.menu #menu-button button i:nth-child(1) {
	transform: translateY(7px) rotate(45deg);
}
body.menu #menu-button button i:nth-child(2) {
	opacity: 0;
}
body.menu #menu-button button i:nth-child(3) {
	transform: translateY(-7px) rotate(-45deg);
}


#menu {
	position: fixed;
	box-sizing: border-box;
	width: 420px;
	height: 100%;
	right: 0;
	top: 0;
	z-index: 1005;
	padding: 125px 0 0;
	background: #fff;
	box-shadow: -2px 0 8px rgba(0,0,0,0.3);
	transition: all 400ms ease-out;
	transform: translateX(430px);
}
#menu ul:nth-child(1) li a {
	display: flex;
	align-items: center;
	box-sizing: border-box;
	width: 100%;
	height: 60px;
	color: #333;
	padding: 0 60px;
	font-size: 24px;
	font-weight: 300;
	font-family: Montserrat, sans-serif;
	transition: all 300ms ease-out;
}
#menu ul:nth-child(1) li a:hover,
#menu ul:nth-child(1) li a.current {
	color: #fff;
	background: #404040;
}

#menu ul:nth-child(2) {
	position: relative;
	display: flex;
	margin: 40px 0 0 60px;
	padding: 55px 0 0;
}
#menu ul:nth-child(2) li img {
	width: auto;
	height: 40px;
}
#menu ul:nth-child(2) li + li {
	margin-left: 20px;
}
#menu ul:nth-child(2)::after {
	position: absolute;
	content: "";
	width: 50px;
	height: 1px;
	left: 0;
	top: 0;
	background: #ccc;
}

@media screen and (max-height:700px) {
	#menu {
		padding: 90px 0 0;
	}
	#menu ul:nth-child(1) li a {
		height: 50px;
		font-size: 21px;
	}
	#menu ul:nth-child(2) {
		margin-top: 30px;
		padding-top: 30px;
	}
}

body.menu #menu {
	transform: translateX(0);
}




#wrap > header .logo {
	width: 180px;
}
#wrap > header .logo img {
	width: 100%;
	height: auto;
}


#wrap > footer {
	position: relative;
	z-index: 100;
	background: #fff;
}

#wrap > footer .inner {
	position: relative;
	max-width: 1360px;
	margin: 0 auto;
	padding: 100px 80px 45px;
}

#wrap > footer nav {
	display: flex;
}
#wrap > footer ul:nth-child(1) {
	width: 250px;
	border-right: 1px solid #ccc;
}
#wrap > footer ul:nth-child(1) li + li {
	margin-top: 20px;
}
#wrap > footer ul:nth-child(1) li a {
	font-size: 14px;
	color: #033333;
}
#wrap > footer ul:nth-child(1) li a:hover {
	text-decoration: underline;
}

#wrap > footer ul:nth-child(2) {
	display: flex;
	margin: 0 0 0 60px;
}
#wrap > footer ul:nth-child(2) li img {
	width: auto;
	height: 40px;
}
#wrap > footer ul:nth-child(2) li + li {
	margin-left: 18px;
}

#wrap > footer .copy {
	position: absolute;
	width: 434px;
	right: 80px;
	top: 100px;
}
#wrap > footer .copy img {
	width: 100%;
	height: auto;
}

@media screen and (min-width:1640px) {
	#wrap > footer .inner {
		max-width: calc(100vw - 280px);
	}
}

@media screen and (max-width:1100px) {
	#wrap > footer .copy {
		width: 300px;
	}
}




#wrap > footer .copyright {
	margin: 100px 0 0;
}
#wrap > footer .copyright dt img {
	width: 146px;
	height: auto;
}
#wrap > footer .copyright dd {
	margin: 18px 0 0;
	font-size: 12px;
	color: #033333;
}
*/


#scrolltop {
	position: fixed;
	width: 80px;
	height: 80px;
	right: 30px;
	bottom: 35px;
	z-index: 1000;
	opacity: 0;
	visibility: hidden;
	transition: all 300ms ease-out;
}
#scrolltop a {
	display: block;
	height: 80px;
	background: #404040 url(../img/arrow_top.svg) 50% 50% no-repeat;
	background-size: 20px auto;
	border-radius: 40px;
	transition: all 300ms ease-out;
}
#scrolltop a:hover {
	background-color: #222;
}
body.scrolled #scrolltop {
	opacity: 1;
	visibility: visible;
}






#wrap {
	position: relative;
}

main {
}


#kv {
	position: fixed;
	width: 100vw;
	height: 100vh;
	left: 0;
	top: 0;
	z-index: 1;
}
#kv > * {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}



#intro {
	position: relative;
	display: flex;
	align-items: center;
	width: 100vw;
	height: calc(100vh - 80px);
	z-index: 900;
}
#intro::after {
	position: absolute;
	content: "";
	display: block;
	width: 80px;
	height: 100%;
	right: 0;
	top: 0;
	z-index: 2;
	background: #fff;
}


#intro .scroll {
	position: absolute;
	right: 40px;
	bottom: 50px;
	z-index: 5;
	font-size: 14px;
	font-weight: 500;
	font-family: Montserrat, sans-serif;
	transform-origin: right top;
	transform: rotate(90deg) translateY(-50%);
}
#intro .scrollbar {
	position: absolute;
	width: 1px;
	height: 90px;
	right: 40px;
	bottom: -45px;
	z-index: 5;
	background: #ccc;
}
#intro .scrollbar {
	transform-origin: left bottom;
	animation: loop 2000ms infinite ease-out 0ms;
}




#intro h1 {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	max-width: 1280px;
	z-index: 10;
	margin: 0 auto;
	padding: 0 40px;
}
#intro h1 img {
	width: 848px;
	height: auto;
}

@media screen and (min-width:1480px) {
	#intro h1 {
		max-width: calc(100vw - 280px);
		padding: 0;
	}
}

@media screen and (max-width:1000px) {
	#intro h1 img {
		width: 640px;
	}
}



@keyframes loop {
	0% {
		transform-origin: left bottom;
		transform: scaleY(1);
	}
	35% {
		transform-origin: left bottom;
		transform: scaleY(0);
	}
	36% {
		transform-origin: left top;
		transform: scaleY(0);
	}
	71% {
		transform-origin: left top;
		transform: scaleY(1);
	}
}




h2 {
	margin: 0 0 40px;
	line-height: 1.1;
	font-size: 84px;
	font-weight: 300;
	font-family: Montserrat, sans-serif;
}
h3 {
	margin: 0 0 30px;
	line-height: 1.8;
	font-size: 22px;
	font-weight: 500;
}

@media screen and (max-width:1280px) {
	h2 {
	}
}


section {
	position: relative;
	z-index: 100;
	background: #fff;
}
section > .inner {
	position: relative;
	box-sizing: border-box;
	max-width: 1280px;
	z-index: 110;
	will-change: opacity;
	margin: 0 auto;
	padding: 120px 40px 150px;
}

#collaboration {
	background: #ebf5f9;
}
#members {
	background: #ebf5f9;
}
#company {
	background: #e9f7fc;
}


section .pict {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 5;
}


section .pict span {
	position: absolute;
	display: block;
	will-change: opacity;
}






section article p {
	line-height: 2;
	color: #033333;
}

section article .logo {
	margin: 50px 0 0;
}
section article .logo img {
	width: 300px;
	height: auto;
}


section nav {
	margin: 40px 0 0;
}
section nav a {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 400px;
	min-height: 60px;
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	background: #404040 url(../img/arrow.svg) right 20px top 50% no-repeat;
	background-size: 16px auto;
	border-radius: 30px;
	transition: all 300ms ease-out;
}
section nav a:hover {
	background-color: #222;
}

section#recruit nav a {
	width: 300px;
}
section#recruit nav a + a {
	margin-left: 30px;
}


#news .entry-list {
	margin: 25px 0 0;
}
#news .entry-list ul {
	display: flex;
	flex-wrap: wrap;
}
#news .entry-list li {
	width: calc((100% - 48px) / 3);
	margin-left: 24px;
	background: #ebf5f9;
}
#news .entry-list li:nth-child(3n + 1) {
	margin-left: 0;
}
#news .entry-list li:nth-child(n + 4) {
	margin-top: 35px;
}

#news .entry-list li img {
	width: 100%;
	height: auto;
	transition: all 300ms ease-out;
}
#news .entry-list dl {
	padding: 12px;
}
#news .entry-list dt {
	line-height: 1.6;
	font-size: 18px;
	font-weight: 500;
}
#news .entry-list dt + dd {
	margin: 10px 0 0;
	line-height: 1.8;
	font-size: 14px;
	
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
#news .entry-list dd + dd {
	display: flex;
	min-height: 20px;
	margin: 20px 0 0;
	padding-left: 30px;
	font-weight: 300;
	background: url(../img/icon_clock.svg) 0 50% no-repeat;
	background-size: 20px auto;
}

#news .entry-list a:hover dt {
	text-decoration: underline;
}
#news .entry-list a:hover img {
	opacity: 0.7;
}




#collaboration h2 {
	float: right;
}
#collaboration .list {
	clear: both;
	padding: 50px 0 0;
}
#collaboration .list ul {
	display: flex;
	justify-content: space-between;
}
#collaboration .list li {
	box-sizing: border-box;
	width: calc((100% - 60px) / 3);
	padding: 32px;
	background: #fff;
}
#collaboration .list figure {
	text-align: center;
}
#collaboration .list figure img {
	width: 100px;
	height: auto;
}
#collaboration .list dl {
	margin: 30px 0 0;
}
#collaboration .list dt {
	text-align: center;
}
#collaboration .list dt strong {
	display: block;
	font-size: 24px;
	font-weight: 700;
}
#collaboration .list dt span {
	display: block;
	margin: 8px 0;
	font-size: 22px;
	font-weight: 300;
}
#collaboration .list dd {
	margin: 25px 0 0;
	line-height: 1.8;
}

#collaboration nav {
	display: flex;
	justify-content: flex-end;
}





#members .inner {
	max-width: 1480px;
	padding-left: 140px;
	padding-right: 140px;
}
#members .list {
	max-width: 730px;
}
#members .list li {
	display: flex;
	justify-content: space-between;
}
#members .list li + li {
	margin-top: 45px;
}
#members .list figure {
	width: 180px;
}
#members .list figure img {
	width: 100%;
	height: auto;
}
#members .list dl {
	width: calc(100% - 180px - 30px);
}
#members .list dt {
	line-height: 1.6;
	font-size: 22px;
	font-weight: 500;
}
#members .list dt + dd {
	margin: 12px 0 0;
	line-height: 1.6;
	font-size: 18px;
	color: #033333;
}
#members .list dd + dd {
	margin: 25px 0 0;
	line-height: 1.8;
	font-size: 14px;
}

#members nav {
	display: flex;
	justify-content: flex-end;
}

#members .ceo {
	width: 740px;
	margin-top: 50px;
	margin-left: calc(100% - 740px);
}
#members .ceo .photo img {
	width: 100%;
	height: auto;
}
#members .ceo dl {
	margin: 30px 0 0;
}
#members .ceo dt {
	font-size: 24px;
	font-weight: 700;
}
#members .ceo dd {
	margin: 25px 0 0;
	font-size: 18px;
	font-weight: 500;
}




#company table {
	margin: -22px 0 0;
	border-collapse: collapse;
}
#company table th,
#company table td {
	line-height: 1.8;
	font-size: 16px;
	font-weight: 400;
	text-align: left;
	vertical-align: top;
	padding: 28px 15px;
	color: #033333;
	border-bottom: 1px solid #ccc;
}
#company table th {
	white-space: nowrap;
}
#company table li {
	line-height: 1.8;
	padding-left: 1em;
	text-indent: -1em;
}
#company table li::before {
	content: "・";
	text-indent: 0;
}

#company table td a {
	color: #033333;
	text-decoration: underline;
}
#company table td a:hover {
	text-decoration: none;
}




#interlude {
	position: relative;
	height: 400px;
}







/*
#collaboration::after,
#company::after,
#interlude::after {
	position: absolute;
	content: "";
	display: block;
	width: 80px;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
	background: #fff;
}
*/
#members::after {
	position: absolute;
	content: "";
	display: block;
	width: 80px;
	height: 100%;
	right: 0;
	top: 0;
	z-index: 1;
	background: #fff;
}


#collaboration h2,
#collaboration h3,
#collaboration article {
	margin-left: 470px;
}

#members h2 {
	float: right;
}
#members .list {
	clear: both;
	margin-left: 470px;
}
#members h2 {
	text-align: right;
}

#company h2,
#company article,
#company table {
	margin-left: 470px;
}
#company h2 {
	text-align: right;
}




#about .pict {
	width: 600px;
	height: 800px;
	margin-left: calc(100vw - 600px);
	transform: translateY(-100px);
	overflow: hidden;
}
#about .pict + * {
	margin-top: -800px !important;
}

#about .e1,
#about .e2 {
	width: 800px;
	height: 800px;
	opacity: 0.4;
	transition: all 600ms ease-out;
}

#about .e1 {
	background: url(../img/motion_about1.svg) 0 0 no-repeat;
	background-size: 100% auto;
	z-index: 1;
}
#about .e2 {
	background: url(../img/motion_about2.svg) 0 0 no-repeat;
	background-size: 100% auto;
	transform: translate(-92px, 160px);
}

#about.passed .e1,
#about.passed .e2 {
	opacity: 1;
	transform: translate(0px, 0px);
}




#collaboration .pict {
	width: 680px;
	height: 680px;
	transform: translate(-150px, -100px);
}
#collaboration .pict + * {
	margin-top: -680px !important;
}

#collaboration .e1,
#collaboration .e2 {
	width: 680px;
	height: 680px;
	opacity: 0.4;
	transition: all 900ms ease-out;
}

#collaboration .e1 {
	background: url(../img/motion_collaboration1.svg) 0 0 no-repeat;
	background-size: 100% auto;
	z-index: 1;
	transform: translateY(0px) rotate(-90deg);
}
#collaboration .e2 {
	background: url(../img/motion_collaboration2.svg) 0 0 no-repeat;
	background-size: 100% auto;
	transform: translateY(100px) rotate(90deg);
}

#collaboration.passed .e1,
#collaboration.passed .e2 {
	opacity: 1;
	transform: translateY(0px) rotate(0deg);
}






#news .pict {
	width: 600px;
	height: 840px;
	margin-left: calc(100vw - 600px);
	transform: translateY(100px);
	overflow: hidden;
}
#news .pict + * {
	margin-top: -840px !important;
}

#news .e1,
#news .e2,
#news .e3 {
	width: 700px;
	height: 700px;
	opacity: 0.4;
	transition: all 500ms ease-out;
}

#news .e1 {
	background: url(../img/motion_news1.svg) 0 0 no-repeat;
	background-size: 100% auto;
	z-index: 1;
}
#news .e2 {
	background: url(../img/motion_news2.svg) 0 0 no-repeat;
	background-size: 100% auto;
	transform: translateY(200px);
}
#news .e3 {
	background: url(../img/motion_news3.svg) 0 0 no-repeat;
	z-index: 10;
	opacity: 0;
	transition: all 0ms ease-out 500ms;
}

#news.passed .e1,
#news.passed .e2 {
	opacity: 1;
	transform: translateY(0px);
}
#news.passed .e3 {
	opacity: 1;
}
#news.resume .e3 {
	visibility: hidden;
	transition: all 0ms ease-out 0ms;
}






#members .pict {
	width: 680px;
	height: 800px;
	transform: translate(-100px, -80px);
	overflow: hidden;
}
#members .pict + * {
	margin-top: -800px !important;
}

#members .e1,
#members .e2 {
	width: 680px;
	height: 680px;
	top: 120px;
	opacity: 0.4;
	transition: all 500ms ease-out;
}

#members .e1 {
	background: url(../img/motion_members1.svg) 0 0 no-repeat;
	background-size: 100% auto;
	z-index: 1;
	transform: translate(120px, -120px);
}
#members .e2 {
	background: url(../img/motion_members2.svg) 0 0 no-repeat;
	background-size: 100% auto;
	transform: translate(-120px, 120px);
}

#members.passed .e1,
#members.passed .e2 {
	opacity: 1;
	transform: translate(0px, 0px);
}





#recruit .pict {
	width: 850px;
	height: 600px;
	margin-left: calc(100vw - 850px);
	transform: translateY(50px);
	overflow: hidden;
}
#recruit .pict + * {
	margin-top: -600px !important;
}

#recruit .e1,
#recruit .e2,
#recruit .e3 {
	width: 600px;
	height: 600px;
	opacity: 0.4;
	transition: all 500ms ease-out;
}

#recruit .e1 {
	background: url(../img/motion_recruit1.svg) 0 0 no-repeat;
	background-size: 100% auto;
	z-index: 1;
	transform: translateX(0px);
}
#recruit .e2 {
	background: url(../img/motion_recruit2.svg) 0 0 no-repeat;
	background-size: 100% auto;
	transform: translateX(400px);
}
#recruit .e3 {
	background: url(../img/motion_recruit3.svg) 0 0 no-repeat;
	z-index: 10;
	opacity: 0;
	transition: all 0ms ease-out 500ms;
}

#recruit.passed .e1 {
	opacity: 1;
	transform: translateX(200px);
}
#recruit.passed .e2 {
	opacity: 1;
	transform: translateX(200px);
}
#recruit.passed .e3 {
	opacity: 1;
	transform: translateX(200px);
}
#recruit.resume .e3 {
	visibility: hidden;
	transition: all 0ms ease-out 0ms;
}
	
	
	



#company .pict {
	width: 700px;
	height: 760px;
	transform: translate(-100px, -100px);
}
#company .pict + * {
	margin-top: -760px !important;
}

#company .e1,
#company .e2,
#company .e3 {
	width: 700px;
	height: 700px;
	top: 120px;
	opacity: 0.4;
	transition: all 600ms ease-out;
}

#company .e1 {
	background: url(../img/motion_company1.svg) 0 0 no-repeat;
	background-size: 100% auto;
	z-index: 1;
	transform: translateY(-100px);
}
#company .e2 {
	background: url(../img/motion_company2.svg) 0 0 no-repeat;
	background-size: 100% auto;
	transform: translateY(120px);
}
#company .e3 {
	background: url(../img/motion_company3.svg) 0 0 no-repeat;
	z-index: 10;
	opacity: 0;
	transition: all 0ms ease-out 600ms;
}

#company.passed .e1,
#company.passed .e2 {
	opacity: 1;
	transform: translateY(0px);
}
#company.passed .e3 {
	opacity: 1;
}
#company.resume .e3 {
	visibility: hidden;
	transition: all 0ms ease-out 0ms;
}










.content-header {
	position: relative;
	height: 320px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
#wrap.news .content-header {
	background-image: url(../img/header_news.png);
}
#wrap.collaboration .content-header {
	background-image: url(../img/header_collaboration.png);
}
#wrap.members .content-header {
	background-image: url(../img/header_members.png);
}


.content-header::after {
	position: absolute;
	content: "";
	display: block;
	width: 80px;
	height: 100%;
	right: 0;
	top: 0;
	z-index: 2;
	background: #fff;
}


.content-header .inner {
	display: flex;
	align-items: center;
	box-sizing: border-box;
	max-width: 1280px;
	height: 320px;
	margin: 0 auto;
	padding: 0 40px;
}
.content-header .inner h1 {
	display: inline-flex;
	padding: 10px 12px;
	letter-spacing: 6px;
	font-size: 84px;
	font-weight: 300;
	font-family: Montserrat, sans-serif;
	background: #fff;
}



.content-container {
	box-sizing: border-box;
	max-width: 1280px;
	margin: 0 auto;
	padding: 25px 40px 0;
}
main .path {
	display: flex;
	margin: 0 0 45px;
	font-size: 14px;
}
main .path a {
	text-decoration: underline;
}
main .path * + * {
	position: relative;
	margin-left: 20px;
}
main .path * + *::before{
	position: relative;
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	top: 1px;
	margin-right: 20px;
	background: url(../img/arrow_path.svg) 50% 50% no-repeat;
	background-size: 100% auto;
}
main .path a:hover {
	text-decoration: none;
}


.content-container article {
	margin: 0 0 50px;
}
.content-container article p {
	line-height: 1.8;
}



.news-index .entry-list ul {
	display: flex;
	flex-wrap: wrap;
}
.news-index .entry-list li {
	width: calc((100% - 48px) / 3);
	margin-left: 24px;
}
.news-index .entry-list li:nth-child(3n + 1) {
	margin-left: 0;
}
.news-index .entry-list li:nth-child(n + 4) {
	margin-top: 55px;
}

.news-index .entry-list li img {
	width: 100%;
	height: auto;
	transition: all 300ms ease-out;
}
.news-index .entry-list dl {
	margin: 15px 0 0;
}
.news-index .entry-list dt {
	line-height: 1.6;
	font-size: 18px;
	font-weight: 500;
}
.news-index .entry-list dt + dd {
	margin: 10px 0 0;
	line-height: 1.8;
	font-size: 14px;
	
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.news-index .entry-list dd + dd {
	display: flex;
	min-height: 20px;
	margin: 20px 0 0;
	padding-left: 30px;
	font-weight: 300;
	background: url(../img/icon_clock.svg) 0 50% no-repeat;
	background-size: 20px auto;
}

.news-index .entry-list a:hover dt {
	text-decoration: underline;
}
.news-index .entry-list a:hover img {
	opacity: 0.7;
}


.news-index nav {
	margin: 55px 0 0;
	text-align: center;
}
.news-index nav a {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 500px;
	min-height: 60px;
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	background: #404040 url(../img/arrow_down.svg) right 25px top 50% no-repeat;
	background-size: 18px auto;
	border-radius: 30px;
	transition: all 300ms ease-out;
}
.news-index nav a:hover {
	background-color: #222;
}


.return-top {
	margin: 110px 0 90px;
}
.return-top a {
	display: inline-flex;
	min-height: 24px;
	align-items: center;
	padding-left: 24px;
	font-weight: 500;
	background: url(../img/arrow_prev.svg) 0 60% no-repeat;
	background-size: 16px auto;
}
.return-top a:hover {
	text-decoration: underline;
}

#wrap.news #interlude {
	height: 250px;
	background: url(../img/header_news.png) 50% 50% no-repeat;
	background-size: cover;
}
#wrap.collaboration #interlude {
	height: 250px;
	background: url(../img/header_collaboration.png) 50% 50% no-repeat;
	background-size: cover;
}
#wrap.members #interlude {
	height: 250px;
	background: url(../img/header_members.png) 50% 50% no-repeat;
	background-size: cover;
}



.entry-list .box {
	position: relative;
	margin: 20px 0 0;
}
.entry-list .category {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	max-width: calc(100% - 80px);
	padding: 8px 16px;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	background: #033333;
	border-radius: 50px;
}
.entry-list .icon {
	position: absolute;
	width: 65px;
	right: 0;
	top: 0;
}
.entry-list .icon img {
	width: 100%;
	height: auto;
}

#wrap.collaboration .entry-list dt {
	padding-right: 80px;
}



.category-selector {
	margin: 0 0 60px;
}
.category-selector dl {
	display: flex;
	align-items: center;
}
.category-selector dt {
	font-size: 16px;
}
.category-selector dd {
	position: relative;
}
.category-selector dd > a {
	position: relative;
	display: flex;
	align-items: center;
	height: 40px;
	margin: 0 0 0 5px;
	padding: 10px 50px 10px 10px;
	box-sizing: border-box;
	border: 1px solid #ccc;
	min-width: 320px;
	cursor: pointer;
}
.category-selector dd > a::after {
	position: absolute;
	content: "";
	display: block;
	width: 40px;
	height: 40px;
	right: -1px;
	top: -1px;
	background: #033333 url(../img/arrow_down.svg) 50% 50% no-repeat;
	background-size: 18px auto;
}

.category-selector dd ul {
	position: absolute;
	box-sizing: border-box;
	min-width: 320px;
	left: 5px;
	top: 39px;
	z-index: 100;
	border: 1px solid #ccc;
	background: #fff;
	visibility: hidden;
	opacity: 0;
	height: 0;
	overflow: hidden;
	transition: opacity 300ms ease-out, visibility 300ms ease-out;
}
.category-selector dd li a {
	display: flex;
	align-items: center;
	padding: 8px 10px;
}
.category-selector dd li a:hover {
	text-decoration: underline;
}
.category-selector dd.opened ul {
	visibility: visible;
	opacity: 1;
	height: auto;
}
.category-selector dd li:nth-child(1) {
	padding-top: 5px;
}
.category-selector dd li:last-child {
	padding-bottom: 5px;
}





.member-list {
	padding: 10px 0 0;
}
.member-list ul {
	display: flex;
	flex-wrap: wrap;
}
.member-list li {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: calc(50% - 25px);
}
.member-list li:nth-child(2n) {
	margin-left: 50px;
}
.member-list li:nth-child(n + 3) {
	margin-top: 60px;
}

.member-list li figure img {
	width: 180px;
	height: auto;
}
.member-list li dl {
	width: calc(100% - 180px - 30px);
}
.member-list li dt {
	font-size: 22px;
	font-weight: 500;
}
.member-list li dt + dd {
	margin: 20px 0 0;
	font-size: 16px;
	line-height: 1.6;
	color: #033333;
}
.member-list li dd + dd {
	margin: 25px 0 0;
	font-size: 14px;
	line-height: 1.8;
}








/* 2024 */


#common-header,
#common-footer,
#menu-modal {
	font-family: "Zen Kaku Gothic New", sans-serif;
}
#common-header a {
	color: #000;
}

#menu-button {
	display: none;
}

#common-header {
	box-sizing: border-box;
	position: relative;
	width: 100%;
	height: 90px;
	left: 0;
	top: 0;
	z-index: 1000;
	background: #fff;
	border-bottom: 1px solid #e6e6e6;
}
#common-header .inner {
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: 17px 40px;
}

#common-header .logo {
	display: flex;
	align-items: center;
	width: 110px;
	height: 54px;
}
#common-header .logo a {
	display: block;
	width: 110px;
	height: 42px;
}

#common-header .menu {
	display: flex;
	align-items: center;
}
#common-header .menu ul {
	display: flex;
}
#common-header .menu ul ul {
	display: none;
}

#common-header .menu ul:nth-child(1) a {
	position: relative;
	display: inline-block;
}
#common-header .menu ul:nth-child(1) li {
	position: relative;
}
#common-header .menu ul:nth-child(1) li + li {
	margin-left: 30px;
}

#common-header .menu ul:nth-child(1) li strong {
	position: relative;
	display: block;
	font-size: 16px;
	font-weight: 400;
	font-family: "Josefin Sans", sans-serif;
	text-align: center;
}
#common-header .menu ul:nth-child(1) li em {
	display: block;
	margin: 3px 0 0;
	font-size: 11px;
	font-weight: 500;
	text-align: center;
}

#common-header .menu ul:nth-child(1) a::after {
	position: absolute;
	content: "";
	display: block;
	width: 40px;
	height: 2px;
	left: calc(50% - 20px);
	bottom: -12px;
	background: #dc1010;
}


#common-header .menu ul:nth-child(2) {
	margin-left: 40px;
}
#common-header .menu ul:nth-child(2) li + li {
	margin-left: 10px;
}
#common-header .menu ul:nth-child(2) li a {
	position: relative;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 150px;
	height: 40px;
	font-size: 14px;
	font-weight: 500;
	border: 1px solid #dc1010;
	border-radius: 20px;
	overflow: hidden;
	will-change: transform;
}
#common-header .menu .download a {
	color: #dc1010;
	background: #fff;
}
#common-header .menu .contact a {
	color: #fff;
	background: #dc1010;
}

#common-header .menu a em {
	position: relative;
	z-index: 5;
}


#common-header .menu ul:nth-child(2) li a::after {
	position: absolute;
	content: "";
	display: block;
	width: 102%;
	height: 100%;
	left: -1%;
	top: 0;
	z-index: 1;
	transform: scaleX(0);
	transform-origin: left center;
	transition: all 400ms ease;
}
#common-header .menu ul:nth-child(2) .download a::after {
	background: #dc1010;
}
#common-header .menu ul:nth-child(2) .contact a::after {
	background: #fff;
}

#common-header .menu ul:nth-child(2) li a:hover::after {
	transform: scaleX(1);
}
#common-header .menu ul:nth-child(2) .download a:hover {
	color: #fff;
}
#common-header .menu ul:nth-child(2) .contact a:hover {
	color: #dc1010;
}








@media screen and (max-width:1279px) {
	#common-header .inner {
		padding: 17px 20px;
	}
	
	#common-header .logo {
		width: 100px;
	}
	#common-header .menu ul:nth-child(1) li + li {
		margin-left: 20px;
	}
	#common-header .menu li.news {
		margin-left: 20px !important;
	}
	#common-header .menu li.news::before {
		left: -15px;
	}
	
	#common-header .menu ul:nth-child(2) {
		margin-left: 20px;
	}
	#common-header .menu ul:nth-child(2) li a {
		width: 120px;
		font-size: 12px;
	}
}

@media screen and (max-width:1079px) {
	#common-header .menu ul:nth-child(1) li {
		top: 2px;
	}
	#common-header .menu ul:nth-child(1) li strong {
		font-size: 14px;
	}
}



/*
#common-header .menu ul:nth-child(1) li strong::after {
	position: absolute;
	display: block;
	content: "";
	width: 100%;
	height: 1px;
	left: 0;
	bottom: 0;
	background: #000;
	transform-origin: left top;
	transform: scaleX(0);
	transition: all 300ms ease-out;
}
#common-header .menu ul:nth-child(1) li a:hover strong::after {
	transform: scaleX(1);
}
*/


body.business #common-header li.business a::after,
body.technology #common-header li.technology a::after,
body.company #common-header li.company a::after,
body.sustainability #common-header li.sustainability a::after,
body.recruit #common-header li.recruit a::after,
body.news #common-header li.news a::after
{
	transform: scaleX(1);
}



#common-header .menu ul:nth-child(1) a::after {
	transform: scaleX(0);
	transition: transform 300ms ease;
}
#common-header .menu ul:nth-child(1) a:hover::after {
	transform: scaleX(1);
}




body:not(.index) #common-header {
	position: absolute;
}
body:not(.index) #wrap {
	padding-top: 88px;
}

body.fix-menu #common-header {
	position: fixed;
	top: -90px;
	transition: transform 400ms ease-out;
}
body.fix-menu.show-menu #common-header {
	transform: translateY(90px);
}

body.fix-menu #menu-modal {
	position: fixed;
}





#menu-modal {
	box-sizing: border-box;
	position: absolute;
	width: 100%;
	height: 164px;
	left: 0;
	top: 100px;
	z-index: 1000;
	pointer-events: none;
}
#menu-modal .inner {
	position: absolute;
	box-sizing: border-box;
	width: 100%;
	height: 164px;
	left: 50%;
	top: 0;
	max-width: 1200px;
	padding: 0 40px;
	transform: translateX(-50%);
	pointer-events: none;
}
#menu-modal .container {
	box-sizing: border-box;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 164px;
	padding: 0 18px 0 55px;
	background: rgba(255,255,255,0.85);
	border-radius: 7px;
	box-shadow: 0 0 2px rgba(0,0,0,0.1);
	pointer-events: auto;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	
	box-shadow: 0 0 8px rgba(0,0,0,0.2);
}

#menu-modal .container dl {
	position: relative;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 338px;
	height: 104px;
	border-right: 1px solid #e6e6e6;
}
#menu-modal .container dt {
	position: absolute;
	left: 0;
	top: 25px;
	font-size: 35px;
	font-family: "Josefin Sans", sans-serif;
}
#menu-modal .container dd {
	position: absolute;
	left: 0;
	top: 65px;
	font-size: 15px;
	font-weight: 500;
}

#menu-modal .container .content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: calc(100% - 338px - 50px);
}

#menu-modal .container .links {
	display: flex;
	justify-content: space-between;
	height: 70px;
}
#menu-modal .container .links ul {
}
#menu-modal .container .links ul + ul {
	margin-left: 40px;
}
#menu-modal .container .links li::before {
	content: "- ";
}
#menu-modal .container .links li + li {
	margin-top: 10px;
}
#menu-modal .container .links a {
	position: relative;
	font-size: 14px;
	font-weight: 500;
}
#menu-modal .container .links a::after {
	position: absolute;
	display: block;
	content: "";
	width: 100%;
	height: 1px;
	left: 0;
	bottom: 0;
	background: #000;
	transform: scaleX(0);
	transform-origin: left bottom;
	transition: all 300ms ease-out;
}
#menu-modal .container .links a:hover::after {
	transform: scaleX(1);
}



#menu-modal .container .banner {
	width: 240px;
	height: 130px;
}
#menu-modal .container .banner a {
	box-sizing: border-box;
	display: flex;
	align-items: flex-start;
	width: 240px;
	height: 130px;
	padding: 10px;
	background: url(/img/banner_gx_mini.png) 50% 50% no-repeat;
	background-size: cover;
	border: 1px solid #c6c6c6;
	border-radius: 7px;
	transition: all 300ms ease-out;
}
#menu-modal .container .banner p {
	font-size: 12px;
	font-weight: 700;
	line-height: 1.5;
	color: #333;
}



@media screen and (max-width:1100px) {
	#menu-modal .container dl {
		width: 280px;
	}
	#menu-modal .container .content {
		width: calc(100% - 280px - 50px);
	}
}




#menu-modal .inner {
	opacity: 0;
	transform: translate(-50%, 20px);
	visibility: hidden;
	transition: all 400ms ease-out;
}
#menu-modal.once-shown .inner {
	transform: translate(-50%, 0px);
}


#menu-modal[data-mode="business"] .inner.business,
#menu-modal[data-mode="technology"] .inner.technology,
#menu-modal[data-mode="company"] .inner.company,
#menu-modal[data-mode="sustainability"] .inner.sustainability,
#menu-modal[data-mode="ir"] .inner.ir {
	opacity: 1;
	transform: translate(-50%, 0px);
	visibility: visible;
}



#menu-modal .container dt {
	width: 100%;
	height: 36px;
	overflow: hidden;
}
#menu-modal .container dd {
	width: 100%;
	height: 16px;
	overflow: hidden;
}

#menu-modal .container dt span,
#menu-modal .container dd span {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	white-space: nowrap;
}

#menu-modal .container dt span {
	transform: translateY(36px);
	transition: all 400ms ease-out;
}
#menu-modal .container dd span {
	transform: translateY(16px);
	transition: all 500ms ease-out;
}


#menu-modal[data-mode="business"] .inner.business dl span,
#menu-modal[data-mode="technology"] .inner.technology dl span,
#menu-modal[data-mode="company"] .inner.company dl span,
#menu-modal[data-mode="sustainability"] .inner.sustainability dl span {
	transform: translateY(0px);
}

#menu-modal.once-shown .inner dl span {
	transform: translateY(0px) !important;
}




/*
#menu-modal {
	transition: all 300ms ease-out;
}
body.scrolled #menu-modal {
	opacity: 0;
	visibility: hidden;
}
*/



#menu-modal .inner.ir .container dt,
#menu-modal .inner.ir .container dt + dd {
	margin-top: -15px;
}
#menu-modal .container dd.lang {
	top: 90px;
	font-size: 14px;
}
#menu-modal .container dd.lang a {
	text-decoration: underline;
}
#menu-modal .container dd.lang a:hover {
	text-decoration: none;
}








#common-footer {
	position: relative;
	z-index: 10;
	padding: 90px 0 40px;
	color: #fff;
	background: #000;
}
#common-footer a {
	color: #fff;
}


#common-footer .inner {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 40px;
}

#common-footer .main {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}



#common-footer #return-top {
	position: absolute;
	width: 28px;
	right: 30px;
	top: 30px;
	overflow: hidden;
}
#common-footer #return-top a {
	box-sizing: border-box;
	display: block;
	width: 28px;
	height: 28px;
	font-size: 0;
	border: 1px solid #fff;
	border-radius: 14px;
}
#common-footer #return-top a::before {
	position: absolute;
	content: "";
	display: block;
	width: 14px;
	height: 12px;
	left: calc(50% - 7px);
	top: calc(50% - 6px);
	z-index: 1;
	background: url(../img/arrow_top.svg) 50% 50% no-repeat;
	background-size: 12px auto;
}
#common-footer #return-top a:hover::before {
	filter: invert(1);
}
#common-footer #return-top a::after {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #fff;
	border-radius: 14px;
	transform: scale(0);
	transition: all 200ms ease;
}
#common-footer #return-top a:hover::after {
	transform: scale(1);
}




#common-footer .menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-left: 110px;
}
#common-footer .box {
	width: calc((100% - (70px * 2)) / 3);
	margin-left: 70px;
}
#common-footer .box:nth-child(3n + 1) {
	margin-left: 0;
}
#common-footer .box:nth-child(n + 4) {
	margin-top: 50px;
}

#common-footer .menu .parent strong {
	display: block;
	font-size: 18px;
	font-weight: 400;
	font-family: "Josefin Sans", sans-serif;
}
#common-footer .menu .parent span {
	display: block;
	margin: 3px 0 0;
	font-size: 11px;
	font-weight: 500;
}

#common-footer .menu .group + .group {
	margin-top: 40px;
}
#common-footer .menu .group .parent {
	font-size: 16px;
	font-weight: 500;
}




#common-footer .menu ul {
	position: relative;
	margin: 18px 0 0;
}
#common-footer .menu li {
	padding-left: 0.75em;
	text-indent: -0.75em;
}
#common-footer .menu li::before {
	display: inline-block;
	content: "-";
	width: 0.75em;
	text-indent: 0;
}
#common-footer .menu li + li {
	margin-top: 7px;
}
#common-footer .menu li a {
	font-size: 12px;
	font-weight: 500;
}

#common-footer .menu li a .popup {
	position: relative;
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-left: 3px;
	top: 2px;
	background: url(../img/icon_popup_white.svg) 0 0 no-repeat;
	background-size: 100% auto;
}




#common-footer .parent a:hover strong,
#common-footer .mailmagazine .parent a:hover {
	text-decoration: underline;
	text-decoration-thickness: 1px;
}
#common-footer .menu li a:hover {
	text-decoration: underline;
}




#common-footer .extra {
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
	width: 340px;
	padding: 20px 100px 20px 0;
	border-right: 1px solid #505050;
}

#common-footer .logo {
	display: flex;
	width: 240px;
	justify-content: center;
}
#common-footer .logo img {
	width: 188px;
}

#common-footer .extra .links {
	margin: 50px 0 0 ;
}

#common-footer .extra .links li + li {
	margin-top: 10px;
}
#common-footer .extra .links a {
	box-sizing: border-box;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 240px;
	height: 50px;
	font-size: 16px;
	font-weight: 500;
	border: 1px solid #dc1010;
	border-radius: 25px;
	overflow: hidden;
	will-change: transform;
}
#common-footer .extra .links .download a {
	color: #dc1010;
	background: #fff;
}
#common-footer .extra .links .contact a {
	color: #fff;
	background: #dc1010;
}

#common-footer .extra .links a em {
	position: relative;
	z-index: 10;
}



#common-footer .extra .download i {
	position: absolute;
	display: inline-block;
	width: 15px;
	height: 15px;
	right: 16px;
	top: calc(50% - 7px);
	z-index: 10;
	background: url(../img/icon_download.svg?2) 50% 50% no-repeat;
	background-size: 100% auto;
}
#common-footer .extra .contact i {
	position: absolute;
	display: inline-block;
	width: 6px;
	height: 12px;
	right: 20px;
	top: calc(50% - 6px);
	z-index: 10;
	background: url(../img/arrow_mini.svg) 50% 50% no-repeat;
	background-size: 100% auto;
	filter: brightness(0) invert(1);
}


#common-footer .extra .links a::after {
	position: absolute;
	content: "";
	display: block;
	width: 102%;
	height: 100%;
	left: -1%;
	top: 0;
	z-index: 1;
	transform: scaleX(0);
	transform-origin: left center;
	transition: all 400ms ease;
}
#common-footer .extra .links .download a::after {
	background: #dc1010;
}
#common-footer .extra .links .contact a::after {
	background: #fff;
}


#common-footer .extra .links a:hover::after {
	transform: scaleX(1);
}

#common-footer .extra .links .download a:hover {
	color: #fff;
}
#common-footer .extra .links .contact a:hover {
	color: #dc1010;
}


#common-footer .extra .download a:hover i {
	filter: brightness(0) invert(1);
}
#common-footer .extra .contact a:hover i {
	filter: brightness(1) invert(0);
}





#common-footer .sns {
	margin: 45px 0 0 ;
}
#common-footer .sns ul {
	display: flex;
	justify-content: center;
	width: 240px;
}
#common-footer .sns li + li {
	margin-left: 20px;
}
#common-footer .sns li {
	width: 38px;
}
#common-footer .sns img {
	width: 100%;
	height: auto;
}

#common-footer .sub {
	display: flex;
	justify-content: space-between;
	margin: 100px 0 0;
}
#common-footer .sub ul {
	display: flex;
}
#common-footer .sub li {
	position: relative;
}
#common-footer .sub li + li {
	margin-left: 28px;
}
#common-footer .sub li + li::before {
	position: absolute;
	display: block;
	content: "";
	width: 1px;
	height: 12px;
	left: -14px;
	top: calc(50% - 4px);
	background: rgba(255,255,255,0.5);
}
#common-footer .sub a {
	font-size: 12px;
}
#common-footer .sub a:hover {
	text-decoration: underline;
}


#common-footer .copyright {
	font-size: 11px;
}






#wrap.members .content-header .inner h1 {
	display: inline-block;
	background: none;
}
#wrap.members .content-header .inner h1 span {
	position: relative;
	display: inline-block;
	padding: 0 8px;
	background: #fff;
}
#wrap.members .content-header .inner h1 span:nth-child(1) {
	z-index: 10;
}


.ceo-visual {
	position: relative;
}
.ceo-visual .photo img {
	width: 100%;
	height: auto;
}

.ceo-visual > dl {
	position: absolute;
	left: 100px;
	top: 50%;
	z-index: 10;
	transform: translateY(-50%);
}
.ceo-visual > dl > dt {
	width: 224px;
}
.ceo-visual > dl > dt img {
	width: 100%;
	height: auto;
}
.ceo-visual > dl > dd {
	margin: 36px 0 0;
}
.ceo-visual dl dl dt {
	font-size: 14px;
	color: #000;
}
.ceo-visual dl dl dd {
	margin: 15px 0 0;
	font-size: 36px;
	font-weight: 500px;
	color: #000;
}




.ceo-column {
	box-sizing: border-box;
	width: calc(880px + 80px);
	margin: 50px auto 0;
	padding: 0 40px;
}

.ceo-column .intro h2 {
	margin-bottom: 0;
	font-size: 30px;
	font-weight: 500;
	color: #033333;
}
.ceo-column .intro article {
	margin: 40px 0 0;
}
.ceo-column .intro article p {
	font-size: 16px;
	line-height: 2;
}
.ceo-column .intro article p + p {
	margin-top: 20px;
}
.ceo-column .intro article p.foot {
	margin-top: 40px !important;
}


.ceo-column .profile {
	margin: 50px 0 0;
	padding: 50px 0 0;
	border-top: 1px solid #ccc;
}
.ceo-column .profile h2 {
	margin-bottom: 0;
	font-size: 38px;
}
.ceo-column .profile article {
	margin: 30px 0 0;
}
.ceo-column .profile article p {
	font-size: 14px;
	font-family: Montserrat, sans-serif;
	line-height: 2;
}





#common-header .menu li.recruit2026 {
	padding: 0 20px;
	border: 0 solid #909090;
	border-width: 0 1px;
}
#common-header .menu li.recruit2026 a {
	padding-left: 40px;
}
#common-header .menu li.recruit2026 a .icon {
	position: absolute;
	width: 32px;
	height: 32px;
	left: 0;
	top: calc(50% - 17px);
}
#common-header .menu ul:nth-child(1) li.recruit2026 a::after {
	left: calc(50% - 20px + 20px);
}
#common-header .menu:has(.recruit2026) ul:nth-child(2) {
	margin-left: 30px;
}




#common-footer.type2026 .sub {
	flex-wrap: wrap;
}
#common-footer.type2026 .copyright {
	width: 100%;
	margin: 60px 0 0;
	text-align: center;
}


#common-footer .related-site {
	margin: 40px 0 0 28px;
}
#common-footer .related-site li + li {
	margin-top: 20px;
}
#common-footer .related-site a:hover {
	text-decoration: underline !important;
}
#common-footer .related-site a {
	font-size: 13px !important;
	font-weight: 500;
	white-space: nowrap;
}
#common-footer .related-site a span {
	font-size: 14px;
	font-weight: 400;
	font-family: "Josefin Sans", sans-serif;
}
#common-footer .related-site a i {
	position: relative;
	display: inline-block;
	width: 15px;
	height: 15px;
	z-index: 10;
	top: 3px;
	margin-left: 4px;
	background: url(../img/icon_popup_white.svg) 50% 50% no-repeat;
	background-size: 100% auto;
}

#common-footer .related-site + .links {
	margin-top: 40px;
}


#common-footer .another-site .gx,
#common-footer .another-site .smaden {
	display: none;
}







/* Articles 2026 */

#toc_container {
	display: none;
}
/*
#wrap.articles.detail {
	background: url(../img/bg_articles_entry2.jpg) 50% 0 no-repeat;
	background-size: 100% auto;
	background-attachment: fixed;
}
#wrap.articles.detail.type-2 {
	background-image: url(../img/bg_articles_entry2.jpg);
}
*/


body:has(#wrap.articles.detail) {
	background: url(../img/bg_articles_entry1.jpg) 50% 0 no-repeat;
	background-size: 100%;
	background-attachment: fixed;
}
body:has(#wrap.articles.detail.type-2) {
	background-image: url(../img/bg_articles_entry2.jpg);
}
body:has(#wrap.articles.detail.type-3) {
	background-image: url(../img/bg_articles_entry3.jpg);
}
body:has(#wrap.articles.detail.type-4) {
	background-image: url(../img/bg_articles_entry4.jpg);
}
body:has(#wrap.articles.detail.type-5) {
	background-image: url(../img/bg_articles_entry5.jpg);
}
body:has(#wrap.articles.detail.type-6) {
	background-image: url(../img/bg_articles_entry6.jpg);
}


#wrap.articles.detail .path {
	background: #fff;
}
#wrap.articles.detail .path .inner {
	box-sizing: border-box;
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	padding: 16px 20px;
}

#wrap.articles.detail .content-container {
	padding-top: 0;
}
.articles-container {
	max-width: 1200px;
	background: #fff;
}
.articles-detail {
	max-width: 980px;
	margin: 0 auto;
	padding: 40px 0 10px;
}


.articles-detail .entry-meta {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.articles-detail .tag {
	display: flex;
}
.articles-detail .tag a {
	display: inline-flex;
	margin-right: 12px;
	padding: 8px 12px;
	font-size: 14px;
	font-weight: 500;
	color: #333;
	border: 1px solid #ccc;
	border-radius: 30px;
	transition: all 300ms ease-out;
}
.articles-detail .tag a:hover {
	text-decoration: underline;
	border-color: #333;
}

.articles-detail .date {
	box-sizing: border-box;
	display: inline-flex;
	min-height: 20px;
	padding: 1px 0 0 28px;
	font-size: 16px;
	font-weight: 500;
	background: url(../img/icon_clock.svg) 0 50% no-repeat;
	background-size: 20px auto;
}


.articles-detail .title {
	margin: 28px 0 40px;
	padding: 0 0 35px;
	border-bottom: 1px solid #e6e6e6;
}
.articles-detail .title h1 {
	font-size: 38px;
	font-weight: 500;
	line-height: 1.5;
}


.articles-detail .main-image img {
	width: 100%;
	height: auto;
}


.articles-detail .lead {
	margin: 40px 0 0;
	font-size: 16px;
	line-height: 2;
}




.articles-detail .toc-menu {
	margin: 40px -110px;
	background: #EBF5F9;
}
.articles-detail .toc-extra {
	box-sizing: border-box;
	padding: 40px 110px;
	overflow: hidden;
	transition: all 300ms ease-out;
}
@media screen and (max-width:1200px) {
	.articles-detail .toc-menu {
		margin-left: 0;
		margin-right: 0;
	}
	.articles-detail .toc-extra {
		padding-left: 40px;
		padding-right: 40px;
	}
}


.toc-menu .header {
	position: relative;
	margin: 0 0 35px;
}
.toc-menu .header button {
	position: absolute;
	display: flex;
	align-items: center;
	min-width: 98px;
	height: 24px;
	right: 0;
	bottom: 0;
	padding-left: 38px;
	font-size: 18px;
	font-weight: 500;
	font-family: "Noto Sans JP", sans-serif;
	background: none;
	border: none;
	cursor: pointer;
}
.toc-menu .header button::before {
	position: absolute;
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	left: 0;
	top: calc(50% - 12px);
	background: url(../img/icon_toc_menu.svg) 0 0 no-repeat;
	background-size: 24px auto;
	transition: all 300ms ease-out;
}
.toc-menu[data-status="closed"] .header button::before {
	transform: rotate(180deg);
}


.toc-menu .label .en {
	display: block;
	font-size: 52px;
	font-weight: 300;
	font-family: Montserrat, sans-serif;
}
.toc-menu .label .ja {
	display: block;
	margin: 10px 0 0;
	font-size: 22px;
	font-weight: 500;
	font-family: "Zen Kaku Gothic New", sans-serif;
}


.toc-inner ul {
	counter-reset: order;;
	border-top: 1px solid #ccc;
}
.toc-inner li {
	counter-increment: order;
	display: flex;
	padding: 20px 0;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.6;
	border-bottom: 1px solid #ccc;
}
.toc-inner li::before {
	content: counter(order) ".";
	display: inline-block;
	width: 24px;
}
.toc-inner li a {
	box-sizing: border-box;
	position: relative;
	display: inline-flex;
	width: calc(100% - 24px);
	padding-right: 24px;
	line-height: 1.6;
}
.toc-inner li a::after {
	position: absolute;
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	right: 0;
	top: calc(50% - 10px);
	background: url(../img/arrow_down_index.svg) 50% 50% no-repeat;
	background-size: 16px auto;
}

.toc-inner li a:hover {
	text-decoration: underline;
}






.writer {
	margin: 40px 0;
	padding: 0 0 40px;
	border-bottom: 1px solid #e6e6e6;
}
.writer .subtitle {
	font-size: 20px;
	font-weight: 500;
}
.writer .box {
	display: flex;
	justify-content: space-between;
	margin: 25px 0 0;
}
.writer .thumb {
	width: 180px;
}
.writer .thumb img {
	width: 100%;
	height: auto;
}
.writer .text {
	width: calc(100% - 200px);
}
.writer .name {
	font-size: 16px;
	font-weight: 500;
}
.writer .job {
	margin: 16px 0 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
}
.writer .profile {
	margin: 16px 0 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.75;
}
.writer .sns {
	display: flex;
	margin: 16px 0 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
}
.writer .sns .sns-link + .sns-link {
	margin-left: 16px;
}
.writer .sns .sns-link span {
	margin-right: 4px;
	font-weight: 700;
}
.writer .sns .sns-link a {
	text-decoration: underline;
}
.writer .sns .sns-link a:hover {
	text-decoration: none;
}



.articles-detail .related-link {
	margin: 40px 0;
	padding-top: 40px;
	border-top: 1px solid #e6e6e6;
}
.articles-detail .related-link li {
	line-height: 1.75;
}
.articles-detail .related-link li + li {
	margin-top: 12px;
}
.articles-detail .related-link a {
	text-decoration: underline;
}
.articles-detail .related-link a:hover {
	text-decoration: none;
}


.articles-detail .share {
	margin: 40px 0;
	padding: 40px;
	text-align: center;
	background: #EBF5F9;
}
.articles-detail .share dt {
	font-size: 20px;
	font-weight: 500;
	font-family: "Zen Kaku Gothic New", sans-serif;
}
.articles-detail .share dd {
	display: flex;
	justify-content: center;
	margin: 24px 0 0;
}
.articles-detail .share a {
	box-sizing: border-box;
	display: flex;
	width: 48px;
	height: 48px;
	border-radius: 4px;
	transition: all 300ms ease-out;
}
.articles-detail .share a + a {
	margin-left: 16px;
}

.articles-detail .share a.x {
	background: #000 url(../img/sns_x.svg) 50% 50% no-repeat;
	background-size: 32px auto;
}
.articles-detail .share a.facebook {
	background: #1877F2 url(../img/sns_facebook_white.svg) 50% 50% no-repeat;
	background-size: 36px auto;
}

.articles-detail .share a.x:hover {
	background-color: #393939;
}
.articles-detail .share a.facebook:hover {
	background-color: #4692f5;
}



#wrap.articles.detail .return-top {
	margin: 0;
	padding: 0 110px 60px;
	background: #fff;
}

@media screen and (max-width:1280px) {
	#wrap.articles.detail .return-top {
		padding-left: calc((100vw - 80px - 980px) / 2);
		padding-right: calc((100vw - 80px - 980px) / 2);
	}
}



.articles-detail h2,
.articles-detail h2 * {
	font-size: 28px;
	font-weight: 500;
	line-height: 1.5;
}

.articles-detail h2 {
	padding-left: 18px;
	border-left: 2px solid #333;
}

.articles-detail h3,
.articles-detail h3 * {
	font-size: 24px;
	font-weight: 500;
	line-height: 1.5;
}

.articles-detail h4,
.articles-detail h4 * {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5;
}

.articles-detail p {
	margin: 20px 0 0;
	font-size: 16px;
	line-height: 2;
}
.articles-detail p img {
	max-width: 100%;
	height: auto;
}

.articles-detail p.caption {
	margin-top: 20px;
	font-size: 14px;
}
.articles-detail p + p {
	margin-top: 20px;
}


.articles-detail * + h2 {
	margin-top: 64px;
}
.articles-detail * + h3 {
	margin-top: 40px;
}
.articles-detail * + h4 {
	margin-top: 30px;
}


.articles-detail p:has(img) {
	text-align: center;
}
.articles-detail strong {
	font-weight: 700;
}








body:has(#wrap.articles.list) {
	background: url(../img/bg_articles_list.jpg) 50% 0 no-repeat;
	background-size: 100%;
	background-attachment: fixed;
}
#wrap.articles .content-header {
	background: none;
}
#wrap.articles .content-header::after {
	display: none;
}

body:has(#wrap.articles.list) main {
	position: relative;
}
body:has(#wrap.articles.list) main::after {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: calc(100% - 320px);
	left: 0;
	top: 320px;
	z-index: -1;
	background: #fff;
}


#wrap.articles .tag-list {
	padding-bottom: 20px;
}
#wrap.articles .tag-list ul {
	display: flex;
	flex-wrap: wrap;
}
#wrap.articles .tag-list a {
	display: inline-flex;
	margin: 0 12px 12px 0;
	padding: 8px 12px;
	font-size: 14px;
	font-weight: 500;
	color: #333;
	border: 1px solid #ccc;
	border-radius: 30px;
	transition: all 300ms ease-out;
}
#wrap.articles .tag-list a:hover {
	text-decoration: underline;
	border-color: #333;
}
#wrap.articles .tag-list li.active a {
	pointer-events: none;
	color: #fff;
	border-color: #404040;
	background: #404040;
}


#wrap.articles .entry-list .title {
	margin: 18px 0 0;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.75;
}
#wrap.articles .entry-list a:hover .title {
	text-decoration: underline
}

#wrap.articles .entry-list .tag {
	display: flex;
	margin-top: 2px;
}
#wrap.articles .entry-list .tag a {
	display: inline-flex;
	margin-right: 12px;
	padding: 8px 12px;
	font-size: 14px;
	font-weight: 500;
	color: #333;
	border: 1px solid #ccc;
	background: #fff;
	border-radius: 30px;
	transition: all 300ms ease-out;
}
#wrap.articles .entry-list .tag a:hover {
	text-decoration: underline;
	border-color: #333;
}

#wrap.articles .entry-list .date {
	box-sizing: border-box;
	display: inline-flex;
	min-height: 20px;
	margin: 16px 0 0;
	padding: 1px 0 0 28px;
	font-size: 16px;
	font-weight: 500;
	background: url(../img/icon_clock.svg) 0 50% no-repeat;
	background-size: 20px auto;
}




.pager {
	display: flex;
	justify-content: center;
	margin: 60px 0 0;
}
.pager ul {
	display: flex;
	margin: 0 15px;
}
.pager li + li {
	margin-left: 12px;
}
.pager li > * {
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 32px;
	height: 32px;
	padding: 0 0 2px;
	font-size: 16px;
	font-weight: 500;
	border: 1px solid #ccc;
	border-radius: 16px;
	transition: all 300ms ease-out;
}
.pager li > .dots {
	border: none;
}
.pager li strong {
	color: #fff;
	background: #444;
	border-color: #444;
	cursor: default;
}
.pager li a {
}
.pager li a:hover {
	border-color: #444;
	text-decoration: underline;
}

.pager .prev,
.pager .next {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 28px;
	height: 28px;
	font-size: 0;
}
.pager span.prev,
.pager span.next {
	opacity: 0.3;
}

.pager .prev::after,
.pager .next::after {
	position: absolute;
	display: block;
	content: "";
	width: 16px;
	height: 16px;
	left: calc(50% - 8px);
	top: calc(50% - 8px);
	background: url(../img/arrow_next.svg) 0 0 no-repeat;
}
.pager .prev::after {
	transform: rotate(180deg);
}




.related-entry {
	margin: 120px 0 0;
	padding: 50px 0 64px;
	background: #EBF5F9;
}
.related-entry .inner {
	box-sizing: border-box;
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 40px;
}
.related-entry .header .en {
	font-size: 52px;
	font-weight: 300;
	font-family: Montserrat, sans-serif;
}
.related-entry .header .ja {
	margin: 15px 0 0;
	font-size: 22px;
	font-weight: 500;
	font-family: "Zen Kaku Gothic New", sans-serif;
}

.related-entry .entry-list {
	margin: 40px 0 0;
}
.related-entry .entry-list ul {
	display: flex;
	flex-wrap: wrap;
}
.related-entry .entry-list li {
	width: calc((100% - 48px) / 3);
	margin-left: 24px;
	padding-bottom: 16px;
	background: #fff;
}
.related-entry .entry-list li:nth-child(3n + 1) {
	margin-left: 0;
}
.related-entry .entry-list li:nth-child(n + 4) {
	margin-top: 55px;
}
.related-entry .entry-list li img {
	width: 100%;
	height: auto;
	transition: all 300ms ease-out;
}
.related-entry .entry-list a:hover img {
	opacity: 0.7;
}
.related-entry .entry-list a:hover .title {
	text-decoration: underline
}

.related-entry .entry-list .title,
.related-entry .entry-list .tag,
.related-entry .entry-list .date
{
	margin-left: 16px !important;
	margin-right: 16px !important;
}







.notfound-container {
	padding: 100px 0 200px;
}
.notfound-container h1 {
	font-size: 24px;
	font-weight: 700;
}
.notfound-container p {
	margin: 24px 0 0;
	font-size: 16px;
	font-weight: 500;
	line-height: 2;
}




/* Top 2026 */

#intro {
}
#intro h1 {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 845px;
	height: 178px;
	margin: 0 40px;
	padding: 38px;
	background: #fff;
}
#intro h1 span.en {
	display: block;
	font-size: 46px;
	font-weight: 400;
	font-family: Montserrat, sans-serif;
}
#intro h1 span.ja {
	display: block;
	margin: 20px 0 0;
	font-size: 22px;
	font-weight: 500;
}

#about h2 {
	margin-bottom: 48px;
}
#about .logo {
	width: 430px;
}
#about .logo img {
	width: 100%;
	height: auto;
}

#about article {
	width: 740px;
}
#about article p {
	font-size: 22px;
	font-weight: 500;
	line-height: 1.9;
	color: #333;
}



#about .list {
	margin: 48px 0 0;
}
#about .list ul {
	display: flex;
	justify-content: space-between;
}
#about .list li {
	box-sizing: border-box;
	width: calc((100% - 60px) / 3);
	padding: 48px 20px 50px;
	background: #EBF5F9;
}
#about .list dt {
	width: 180px;
	margin: 0 auto;
}
#about .list dd {
	margin: 30px 0 0;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.9;
	text-align: center;
}



#news {
	background: #EBF5F9;
}
#news .pict {
	transform: translateY(-100px);
}
#news h2 {
	margin-bottom: 35px;
}
#news article p {
	font-size: 22px;
	font-weight: 500;
	line-height: 1.9;
	color: #333;
}
#news nav {
	display: flex;
	justify-content: center;
}


#news .tag-list {
	margin: 48px 0 0;
	padding-bottom: 20px;
}
#news .tag-list ul {
	display: flex;
	flex-wrap: wrap;
}
#news .tag-list a {
	display: inline-flex;
	margin: 0 12px 12px 0;
	padding: 8px 12px;
	font-size: 14px;
	font-weight: 500;
	color: #333;
	border: 1px solid #ccc;
	border-radius: 30px;
	background: #fff;
	transition: all 300ms ease-out;
}
#news .tag-list a:hover {
	text-decoration: underline;
	border-color: #333;
}
#news .tag-list li.active a {
	pointer-events: none;
	color: #fff;
	border-color: #404040;
	background: #404040;
}

main {
	overflow: hidden;
}

#news .slick-list {
	margin: 0 -15px;
	overflow: visible;
}
#news .slide-item {
	box-sizing: border-box;
	width: 410px !important;
}
#news .slide-item-inner {
	margin: 0 15px;
	background: #fff;
}
#news .slide-item img {
	width: 100%;
	height: auto;
	transition: all 300ms ease-out;
}

#news .slide-item figure {
	height: 235px;
	margin-bottom: 16px;
}
#news .slide-item figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#news .slide-item .title {
	margin: 0 16px;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.7;
}
#news .slide-item .tag {
	display: flex;
	margin: 2px 16px 0;
}
#news .slide-item .tag a {
	display: inline-flex;
	margin-right: 12px;
	padding: 8px 12px;
	font-size: 14px;
	font-weight: 500;
	color: #333;
	border: 1px solid #ccc;
	background: #fff;
	border-radius: 30px;
	transition: all 300ms ease-out;
}
#news .slide-item .tag a:hover {
	text-decoration: underline;
	border-color: #333;
}

#news .slide-item .date {
	box-sizing: border-box;
	display: inline-flex;
	min-height: 20px;
	margin: 16px;
	padding: 1px 0 0 28px;
	font-size: 16px;
	font-weight: 500;
	background: url(../img/icon_clock.svg) 0 50% no-repeat;
	background-size: 20px auto;
}



#news .slide-item a:hover .title {
	text-decoration: underline;
}
#news .slide-item a:hover img {
	opacity: 0.7;
}


#news .entry-slide {
	position: relative;
	padding-bottom: 50px;
}
#news .slick-dots {
	position: absolute;
	display: flex;
	justify-content: center;
	width: 100%;
	height: 24px;
	bottom: -47px;
	z-index: 1;
}
#news .slick-dots li + li {
	margin-left: 8px;
}
/*
#news .slick-dots li:nth-child(n + 4) {
	display: none;
}
*/

#news .slick-dots button {
	margin: 0;
	padding: 0;
	width: 16px;
	height: 16px;
	font-size: 0;
	border: 1px solid #ccc;
	border-radius: 8px;
	background: #fff;
	cursor: pointer;
}
#news .slick-dots li.slick-active button {
	border-color: #404040;
	background: #404040;
}

#news .slick-arrow {
	box-sizing: border-box;
	position: absolute;
	width: 24px;
	height: 24px;
	margin: 0;
	padding: 0;
	font-size: 0;
	border: none;
	bottom: -50px;
	z-index: 10;
	cursor: pointer;
}
#news .slick-prev {
	left: calc(50% - 70px);
	background: url(../img/arrow_slide_prev.svg) 0 0 no-repeat;
	background-size: 100% auto;
}
#news .slick-next {
	right: calc(50% - 70px);
	background: url(../img/arrow_slide_next.svg) 0 0 no-repeat;
	background-size: 100% auto;
}









/* ---------------------------------------------------------------------------------------------------- */
/* Footer - IR */

#common-footer.type-ir .menu {
	display: grid;
	grid-gap: 0 0 0 60px;
	width: 100%;
	margin-left: 90px;
}
#common-footer.type-ir .box {
	width: 100%;
	margin: 0;
}
#common-footer.type-ir .box:nth-child(1) {
	grid-column: 1 / 2;
	grid-row: 1 / 2;
}
#common-footer.type-ir .box:nth-child(2) {
	grid-column: 2 / 3;
	grid-row: 1 / 2;
}
#common-footer.type-ir .box:nth-child(3) {
	grid-column: 3 / 4;
	grid-row: 1 / span 3;
}

#common-footer.type-ir .box:nth-child(4) {
	grid-column: 1 / 2;
	grid-row: 2 / span 4;
	margin-top: 50px;
}
#common-footer.type-ir .box:nth-child(5) {
	grid-column: 2 / 3;
	grid-row: 2 / 3;
	margin-top: 50px;
}

#common-footer.type-ir .box:nth-child(6) {
	grid-column: 2 / 3;
	grid-row: 3 / 4;
	margin-top: 50px;
}
#common-footer.type-ir .box:nth-child(7) {
	grid-column: 3 / 4;
	grid-row: 3 / 4;
	margin-top: 50px;
}

#common-footer.type-ir .another-site {
	grid-column: 1 / span 4;
	grid-row: 4 / 5;
	margin: 30px 0 0;
}
#common-footer.type-ir .box > ul {
	padding-right: 30px;
}
#common-footer.type-ir .box:nth-child(3) > ul,
#common-footer.type-ir .box:nth-child(7) > ul
{
	padding-right: 0;
}



#common-footer.type-ir .extra .links .gx a {
	font-size: 14px;
	padding: 0 20px;
	justify-content: flex-start;
	border-color: #3375ff;
	background: #3375ff;
}
#common-footer.type-ir .extra .links .smaden a {
	font-size: 14px;
	padding: 0 20px;
	justify-content: flex-start;
	border-color: #3fb252;
	background: #3fb252;
}
#common-footer.type-ir .extra .gx i,
#common-footer.type-ir .extra .smaden i {
	position: absolute;
	display: inline-block;
	width: 15px;
	height: 15px;
	right: 14px;
	top: calc(50% - 7px);
	z-index: 10;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 100% auto;
	filter: brightness(0) invert(1);
}
#common-footer.type-ir .extra .gx i {
	background-image: url(../img/icon_popup_blue.svg);
}
#common-footer.type-ir .extra .smaden i {
	background-image: url(../img/icon_popup_green.svg);
}


#common-footer.type-ir .extra .links .gx a::after,
#common-footer.type-ir .extra .links .smaden a::after {
	background: #fff;
}

#common-footer.type-ir .extra .gx a:hover {
	color: #3375ff;
}
#common-footer.type-ir .extra .smaden a:hover {
	color: #3db252;
}

#common-footer.type-ir .extra .gx a:hover i {
	filter: brightness(1) invert(0);
}
#common-footer.type-ir .extra .smaden a:hover i {
	filter: brightness(1) invert(0);
}





body:has(.password-form) {
	background: #fff !important;
}

.password-form {
	width: 800px;
	margin: 100px auto 0;
}
.password-form p {
	margin-bottom: 40px;
	text-align: center;
	font-weight: 700;
}
.password-form input {
	font-family: sans-serif;
}