@charset "UTF-8";
/*==============================================

    STYLE SHEET

==============================================*/
/*==============================================

  RESET

==============================================*/
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 {
	border: 0;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	font: inherit;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

th, td {
	text-align: left;
	vertical-align: top;
}

img {
	border: none;
	vertical-align: top;
}

/*==============================================

  SETTING MIXIN

==============================================*/
/*==============================================
    2-1. mixins
==============================================*/
/* font family */
/*==============================================

  BASE

==============================================*/
html {
	font-size: 14px;
}
@media screen and (min-width: 769px) {
	html {
		font-size: 15px;
	}
}

body {
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	line-height: 1.5;
	letter-spacing: 0.06em;
	background-color: #ffffff;
	color: #000000;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-overflow-scrolling: touch;
	-webkit-text-size-adjust: 100%;
}
body.noScroll {
	height: 100%;
	overflow: hidden;
}
@media screen and (min-width: 769px) {
	body.noScroll {
		overflow: auto;
	}
}

img {
	width: 100%;
	height: auto;
}

a {
	text-decoration: none;
	-webkit-transition: opacity 0.4s ease;
	transition: opacity 0.4s ease;
}
a:link, a:visited {
	color: #000000;
}

a:hover {
	opacity: 0.7;
}

a[data-rel=external]:after {
	content: "";
	width: 1em;
	height: 1em;
	display: inline-block;
	vertical-align: middle;
	margin-left: 0.5em;
	background: transparent url("../image/icon-external.png") no-repeat scroll center center;
	background-size: contain;
	margin-right: 0.5em;
}

/*==============================================

  LAYOUT

==============================================*/
/*==============================================
  LAYOUT LIMIT
==============================================*/
.l-limit {
	margin: 0 auto;
}
@media screen and (min-width: 769px) {
	.l-limit {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		min-width: 1000px;
		max-width: 1600px;
	}
}

/*==============================================
  LAYOUT FRAME
==============================================*/
.l-frame {
	width: 89.3333333333%;
	margin: 0 auto;
}
@media screen and (min-width: 769px) {
	.l-frame {
		width: 89.0625%;
	}
}

/*==============================================
  LAYOUT COLUMNS
==============================================*/
@media screen and (min-width: 769px) {
	.l-column {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
}
.l-column-both {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.l-column--wrap {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.l-column--reverse {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

main {
	position: relative;
	background-color: #d0d0d0;
}
@media screen and (min-width: 769px) {
	main {
		position: unset;
	}
}

.l-home-link {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 40px;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 500;
	font-size: 1rem;
	line-height: 1.4285714286;
}
@media screen and (min-width: 769px) {
	.l-home-link {
		font-size: 1.0666666667rem;
		line-height: 1.75;
	}
}
.l-home-link:before {
	content: "";
	position: absolute;
	background: url("../../image/btn-arrow.svg") no-repeat center;
	background-size: cover;
	width: 28px;
	height: 28px;
	left: 0;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
@media screen and (min-width: 769px) {
	.l-home-link:before {
		width: 28px;
		height: 28px;
	}
}
.l-home-link:hover {
	opacity: 1;
}
.l-home-link:hover:before {
	scale: 1.2;
}

.l-bg {
	position: fixed;
	overflow: hidden;
	height: 100vh;
}
.l-bg .thumbnail {
	width: 100%;
	position: relative;
	display: block;
	background: url("../../image/bg_main.png") no-repeat;
	background-size: cover;
	background-position: center top;
	height: 100vh;
	-webkit-animation: yurayuramain 7s linear infinite;
	animation: yurayuramain 7s linear infinite;
	-webkit-clip-path: inset(0);
	clip-path: inset(0);
}
.l-bg .thumbnail-bg {
	width: 100%;
}
.l-bg .thumbnai-img {
	width: 100%;
	position: relative;
	display: block;
	background: url("../../image/bg_layer.png") no-repeat;
	background-size: cover;
	background-position: center top;
	opacity: 1;
	height: 100vh;
	-webkit-clip-path: inset(0);
	clip-path: inset(0);
}
.l-bg .thumbnai-img-layer {
	-webkit-transition: 0.7s;
	transition: 0.7s;
	width: 100%;
}
.l-bg img {
	opacity: 0;
}

@-webkit-keyframes yurayuramain {
	0% {
		opacity: 0.3;
	}
	50% {
		opacity: 1;
	}
	80% {
		opacity: 1;
	}
	100% {
		opacity: 0.3;
	}
}

@keyframes yurayuramain {
	0% {
		opacity: 0.3;
	}
	50% {
		opacity: 1;
	}
	80% {
		opacity: 1;
	}
	100% {
		opacity: 0.3;
	}
}
@-webkit-keyframes yurayura {
	0% {
		opacity: 0.6;
		-webkit-transform: rotate(4deg);
		transform: rotate(4deg);
	}
	10% {
		opacity: 1;
		-webkit-transform: rotate(4deg);
		transform: rotate(4deg);
	}
	50% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	90% {
		opacity: 1;
		-webkit-transform: rotate(4deg);
		transform: rotate(4deg);
	}
	100% {
		opacity: 0.6;
		-webkit-transform: rotate(4deg);
		transform: rotate(4deg);
	}
}
@keyframes yurayura {
	0% {
		opacity: 0.6;
		-webkit-transform: rotate(4deg);
		transform: rotate(4deg);
	}
	10% {
		opacity: 1;
		-webkit-transform: rotate(4deg);
		transform: rotate(4deg);
	}
	50% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	90% {
		opacity: 1;
		-webkit-transform: rotate(4deg);
		transform: rotate(4deg);
	}
	100% {
		opacity: 0.6;
		-webkit-transform: rotate(4deg);
		transform: rotate(4deg);
	}
}
/*==============================================
  下層 パンくず
==============================================*/
.l-breadcrumb {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin: auto;
	padding-bottom: 70px;
	width: 90.625%;
	z-index: 1;
}
@media screen and (min-width: 769px) {
	.l-breadcrumb {
		z-index: 9999;
	}
}
.l-breadcrumb .l-breadcrumb__list {
	padding: 0 12px;
}
.l-breadcrumb .l-breadcrumb__list p {
	font-family: "Inter", sans-serif;
	font-weight: bold;
	font-size: 0.7142857143rem;
	line-height: 1;
	color: #000000;
}
@media screen and (min-width: 769px) {
	.l-breadcrumb .l-breadcrumb__list p {
		font-size: 0.6666666667rem;
		line-height: 1;
	}
}
.l-breadcrumb .l-breadcrumb__link {
	border-right: solid 1px #a6a6a6;
}
.l-breadcrumb .l-breadcrumb__link p {
	color: #a6a6a6;
}

.l-breadcrumb__wrap {
	margin-left: auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

/*==============================================
  下層 nextボタン 
==============================================*/
.l-next-btn:hover a {
	opacity: 1;
}
.l-next-btn:hover .l-next-btn__bg:after {
	right: 20px;
}

.l-next-btn__wrap {
	position: relative;
	display: block;
}
.l-next-btn__wrap:hover .l-next-btn__bg img {
	-webkit-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}

.l-next-btn__inner {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
}
.l-next-btn__inner span {
	font-family: "Inter", sans-serif;
	font-weight: bold;
	font-size: 0.8571428571rem;
	line-height: 1;
	color: #ffffff;
}
@media screen and (min-width: 769px) {
	.l-next-btn__inner span {
		font-size: 1rem;
		line-height: 1;
	}
}
.l-next-btn__inner p {
	font-family: "Inter", sans-serif;
	font-weight: bold;
	font-size: 1.7142857143rem;
	line-height: 1;
	color: #ffffff;
	margin-top: 10px;
}
@media screen and (min-width: 769px) {
	.l-next-btn__inner p {
		font-size: 2.4rem;
		line-height: 1;
		margin-top: 16px;
	}
}

.l-next-btn__bg {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	overflow: hidden;
}
.l-next-btn__bg:after {
	content: "";
	position: absolute;
	background: url("../../image/next-arrow-white.svg") no-repeat center;
	background-size: cover;
	width: 44px;
	height: 11px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 20px;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
@media screen and (min-width: 769px) {
	.l-next-btn__bg:after {
		width: 54px;
		height: 13px;
		right: 40px;
	}
}
.l-next-btn__bg img {
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

/*==============================================
  HOME contact
==============================================*/
.l-home__contact {
	position: relative;
	z-index: 1;
	padding: 80px 20px 70px;
}
@media screen and (min-width: 769px) {
	.l-home__contact {
		padding: 100px 0 130px;
	}
}

.l-home__contact-wrap {
	margin: auto;
}
@media screen and (min-width: 769px) {
	.l-home__contact-wrap {
		margin: auto;
	}
}

.l-home__contact-btn {
	display: block;
	border: solid 1px #ffffff;
	width: auto;
	margin: auto;
}
@media screen and (min-width: 769px) {
	.l-home__contact-btn {
		width: 71.1111111111%;
		max-width: 640px;
	}
}
.l-home__contact-btn a {
	display: block;
	padding: 40px 0 50px;
	text-align: center;
}
@media screen and (min-width: 769px) {
	.l-home__contact-btn a {
		padding: 50px 0 60px;
	}
}
.l-home__contact-btn span {
	display: block;
	font-family: "Inter", sans-serif;
	font-weight: bold;
	font-size: 0.8571428571rem;
	line-height: 1;
}
@media screen and (min-width: 769px) {
	.l-home__contact-btn span {
		font-size: 1rem;
		line-height: 1;
	}
}
.l-home__contact-btn p {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 500;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	margin-top: 16px;
	font-size: 1.4285714286rem;
	line-height: 1;
}
@media screen and (min-width: 769px) {
	.l-home__contact-btn p {
		font-size: 1.8666666667rem;
		line-height: 1;
		margin-top: 14px;
	}
}

.js-text {
	overflow-y: hidden;
	opacity: 0;
}
.js-text span {
	display: inline-block;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
}
.js-text.is-show {
	opacity: 1;
}
.js-text.is-show span {
	-webkit-animation: pop 0.4s ease-out forwards;
	animation: pop 0.4s ease-out forwards;
}
.js-text.is-show span:nth-child(1) {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}
.js-text.is-show span:nth-child(2) {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
.js-text.is-show span:nth-child(3) {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
.js-text.is-show span:nth-child(4) {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}
.js-text.is-show span:nth-child(5) {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
.js-text.is-show span:nth-child(6) {
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}
.js-text.is-show span:nth-child(7) {
	-webkit-animation-delay: 0.7s;
	animation-delay: 0.7s;
}
.js-text.is-show span:nth-child(8) {
	-webkit-animation-delay: 0.8s;
	animation-delay: 0.8s;
}
.js-text.is-show span:nth-child(9) {
	-webkit-animation-delay: 0.9s;
	animation-delay: 0.9s;
}
.js-text.is-show span:nth-child(10) {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}

@-webkit-keyframes pop {
	0% {
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
	}
	90% {
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes pop {
	0% {
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
	}
	90% {
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
.l-hidden-link {
	pointer-events: none;
}

/*==============================================

  HEADER

==============================================*/
.l-header {
	position: fixed;
	width: 100%;
	z-index: 2;
	pointer-events: none;
}
@media screen and (min-width: 769px) {
	.l-header {
		z-index: 9999;
		pointer-events: visible;
	}
}
.l-header.fixed .l-header__wrap {
	background-color: #e3e2df;
	padding: 8px 20px;
}
@media screen and (min-width: 769px) {
	.l-header.fixed .l-header__wrap {
		padding: 20px 60px 6px;
	}
}
.l-header.fixed .l-header__logo {
	width: 94px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
@media screen and (min-width: 769px) {
	.l-header.fixed .l-header__logo {
		width: 140px;
		display: block;
	}
}
.l-header.fixed .l-header__logo span {
	opacity: 0;
	margin: 0;
	display: none;
}
@media screen and (min-width: 769px) {
	.l-header.fixed .l-header__logo span {
		display: block;
	}
}
@media screen and (min-width: 769px) {
	.l-header.fixed .l-header__link {
		top: 26px;
	}
}

.l-header__wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 20px;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	pointer-events: visible;
}
@media screen and (min-width: 769px) {
	.l-header__wrap {
		padding: 50px 60px 20px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		-webkit-align-items: start;
		-ms-flex-align: start;
		align-items: start;
	}
}

.l-header__logo {
	width: 130px;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
@media screen and (min-width: 769px) {
	.l-header__logo {
		width: 200px;
		display: block;
	}
}
.l-header__logo span {
	display: block;
	word-break: keep-all;
	margin-top: 20px;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	font-size: 0.8571428571rem;
	line-height: 1;
}
@media screen and (min-width: 769px) {
	.l-header__logo span {
		font-size: 0.9333333333rem;
		line-height: 1;
	}
}
.l-header__logo:hover {
	opacity: 1;
}

.l-header__link {
	position: absolute;
	display: none;
	opacity: 0;
	width: calc(100% - 40px);
	padding: 0 20px;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
@media screen and (min-width: 769px) {
	.l-header__link {
		position: fixed;
		margin-left: auto;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		opacity: 1;
		width: auto;
		top: 50px;
		right: 50px;
		padding: 0;
		pointer-events: visible;
	}
}

.l-header__btn {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	padding: 20px 0;
	font-size: 120%;
	-webkit-perspective: 1000px;
	perspective: 1000px;
	-webkit-perspective-origin: 50% 50%;
	perspective-origin: 50% 50%;
	overflow: hidden;
}
@media screen and (min-width: 769px) {
	.l-header__btn {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		width: 170px;
		border-radius: 50px;
		padding: 14px 0;
	}
}
.l-header__btn span {
	display: inline-block;
	position: relative;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.l-header__btn span:after {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	content: attr(data-text);
	color: #000000;
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-transform: translate3d(0, 105%, 0) rotateX(-90deg);
	transform: translate3d(0, 105%, 0) rotateX(-90deg);
}
.l-header__btn:hover {
	opacity: 1;
}
.l-header__btn:hover span {
	-webkit-transform: translate3d(0, 0, -30px) rotateX(90deg);
	transform: translate3d(0, 0, -30px) rotateX(90deg);
}
.l-header__btn.l-header__btn-access {
	border: solid 1px #aaaaaa;
	background-color: #ffffff;
}
.l-header__btn.l-header__btn-access img {
	width: 13px;
}
.l-header__btn.l-header__btn-contact {
	border: solid 1px #000000;
	background-color: #000000;
	margin-top: 10px;
}
@media screen and (min-width: 769px) {
	.l-header__btn.l-header__btn-contact {
		margin-left: 20px;
		margin-top: 0;
	}
}
.l-header__btn.l-header__btn-contact img {
	width: 17px;
}
.l-header__btn.l-header__btn-contact p {
	color: #fff;
}
.l-header__btn.l-header__btn-contact:hover {
	opacity: 1;
}
.l-header__btn.l-header__btn-contact:hover span {
	color: #ffffff;
	-webkit-transform: translate3d(0, 0, -30px) rotateX(90deg);
	transform: translate3d(0, 0, -30px) rotateX(90deg);
}
.l-header__btn.l-header__btn-contact:hover span:after {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	content: attr(data-text);
	color: #ffffff;
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-transform: translate3d(0, 105%, 0) rotateX(-90deg);
	transform: translate3d(0, 105%, 0) rotateX(-90deg);
}
.l-header__btn p {
	font-family: "Noto Sans JP", sans-serif;
	display: block;
	margin-left: 10px;
	font-size: 0.8571428571rem;
	line-height: 1;
}
@media screen and (min-width: 769px) {
	.l-header__btn p {
		font-size: 0.9333333333rem;
		line-height: 1;
		margin-left: 10px;
	}
}

.l-header__nav {
	opacity: 0;
	display: none;
	padding: 40px 20px 30px;
}
@media screen and (min-width: 769px) {
	.l-header__nav {
		position: fixed;
		top: 50% !important;
		left: 60px !important;
		right: auto !important;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		padding: 0 80px;
		opacity: 1;
		display: block;
	}
}

@media screen and (min-width: 769px) {
	.l-header__nav-wrap {
		padding: 40px 0 40px 30px;
		border-left: solid 1px #000000;
		overflow: hidden;
	}
}
.l-header__nav-wrap a {
	display: block;
	font-size: 120%;
	-webkit-perspective: 1000px;
	perspective: 1000px;
	-webkit-perspective-origin: 50% 50%;
	perspective-origin: 50% 50%;
}
.l-header__nav-wrap a span {
	display: inline-block;
	position: relative;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.l-header__nav-wrap a span:after {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	content: attr(data-text);
	color: #000000;
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-transform: translate3d(0, 105%, 0) rotateX(-90deg);
	transform: translate3d(0, 105%, 0) rotateX(-90deg);
}
.l-header__nav-wrap a:hover {
	opacity: 1;
}
.l-header__nav-wrap a:hover span {
	-webkit-transform: translate3d(0, 0, -30px) rotateX(90deg);
	transform: translate3d(0, 0, -30px) rotateX(90deg);
}

.l-header__nav-list {
	position: relative;
	display: block;
	border-bottom: solid 1px #000000;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
@media screen and (min-width: 769px) {
	.l-header__nav-list {
		margin-bottom: 30px;
		border-bottom: none;
		mix-blend-mode: difference;
	}
}
.l-header__nav-list:last-child {
	margin-bottom: 0;
	display: none;
}
@media screen and (min-width: 769px) {
	.l-header__nav-list:last-child {
		display: block;
	}
}
.l-header__nav-list:hover p {
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
.l-header__nav-list:hover p:before {
	content: "";
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
@media screen and (min-width: 769px) {
	.l-header__nav-list:hover p:before {
		opacity: 1;
	}
}
.l-header__nav-list p {
	position: relative;
	font-family: "Inter", sans-serif;
	font-weight: bold;
	padding: 20px 0;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	font-size: 1.0714285714rem;
	line-height: 1;
}
@media screen and (min-width: 769px) {
	.l-header__nav-list p {
		font-size: 1.2rem;
		line-height: 1;
		padding: 0;
	}
}
.l-header__nav-list p:before {
	-webkit-transition: 0.4s;
	transition: 0.4s;
	content: "";
}
@media screen and (min-width: 769px) {
	.l-header__nav-list p:before {
		position: absolute;
		background: url("../../image/header-arrow.png") no-repeat center;
		background-size: cover;
		width: 38px;
		height: 124px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		left: -30px;
		opacity: 0;
	}
}
.l-header__nav-list p:after {
	content: "";
	position: absolute;
	background: url("../../image/icon-header-arrow-sp.svg") no-repeat center;
	background-size: cover;
	width: 10px;
	height: 10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 10px;
}
@media screen and (min-width: 769px) {
	.l-header__nav-list p:after {
		display: none;
	}
}

/*==============================================
  spメニュー
==============================================*/
.l-header__menu-btn {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: end;
	-webkit-align-items: end;
	-ms-flex-align: end;
	align-items: end;
	width: 50px;
	height: 50px;
	margin-left: auto;
	background-color: #000000;
	border-radius: 50%;
	cursor: pointer;
}
@media screen and (min-width: 769px) {
	.l-header__menu-btn {
		display: none;
	}
}
.l-header__menu-btn span:nth-child(-n+3) {
	position: absolute;
	display: block;
	width: 15px;
	height: 1px;
	border-radius: 10px;
	background: #ffffff;
}
.l-header__menu-btn span:nth-child(1) {
	top: 20px;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.l-header__menu-btn span:nth-child(2) {
	top: 26px;
	-webkit-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
}
.l-header__menu-btn span:nth-child(3) {
	top: 32px;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

#headerInner {
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
#headerInner.active {
	height: 100vh;
	background-color: #e3e6e9;
	pointer-events: visible;
}
#headerInner.active .l-header__wrap {
	background-color: #e3e6e9;
}
#headerInner.active .l-header__menu-btn span:nth-child(1) {
	top: 26px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#headerInner.active .l-header__menu-btn span:nth-child(2) {
	opacity: 0;
}
#headerInner.active .l-header__menu-btn span:nth-child(3) {
	top: 26px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#headerInner.active .l-header__nav {
	opacity: 1;
	display: block;
}
#headerInner.active .l-header__link {
	display: block;
	opacity: 1;
}
@media screen and (min-width: 769px) {
	#headerInner.active .l-header__link {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
}

/*========= スクロール途中でヘッダーが表示＆非表示 ===============*/
.l-header__inner.UpMove {
	-webkit-animation: UpAnime 0.5s forwards;
	animation: UpAnime 0.5s forwards;
}

@-webkit-keyframes UpAnime {
	from {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	to {
		opacity: 0;
		-webkit-transform: translateY(-100px);
		transform: translateY(-100px);
	}
}

@keyframes UpAnime {
	from {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	to {
		opacity: 0;
		-webkit-transform: translateY(-100px);
		transform: translateY(-100px);
	}
}
.l-header__inner.DownMove {
	-webkit-animation: DownAnime 0.5s forwards;
	animation: DownAnime 0.5s forwards;
}

@-webkit-keyframes DownAnime {
	from {
		opacity: 0;
		-webkit-transform: translateY(-100px);
		transform: translateY(-100px);
	}
	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes DownAnime {
	from {
		opacity: 0;
		-webkit-transform: translateY(-100px);
		transform: translateY(-100px);
	}
	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
/*スクロールした時に色、フォントが変わる start*/
.black .l-header__nav-list {
	color: #fff;
}
.black .l-header__nav-wrap {
	border-color: #fff;
}

/*スクロールした時に色、フォントが変わる end*/
/*==============================================

  FOOTER

==============================================*/
.l-footer {
	background-color: #000000;
	position: relative;
}

.l-footer__wrap {
	position: relative;
	padding: 40px 20px 30px;
}
@media screen and (min-width: 769px) {
	.l-footer__wrap {
		width: 74.21875%;
		margin-left: auto;
		padding: 60px 0;
	}
}

.l-footer__2col {
	display: block;
}
@media screen and (min-width: 769px) {
	.l-footer__2col {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
}

@media screen and (min-width: 769px) {
	.l-footer__2col-block {
		width: 48.4210526316%;
		max-width: 460px;
	}
}

.l-footer__logo {
	width: 190px;
	margin-bottom: 30px;
}
@media screen and (min-width: 769px) {
	.l-footer__logo {
		width: 225px;
	}
}

.l-footer__text p {
	color: #ffffff;
	font-size: 0.8571428571rem;
	line-height: 2;
}
@media screen and (min-width: 769px) {
	.l-footer__text p {
		font-size: 0.8rem;
		line-height: 2;
	}
}

.l-footer__link {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 60px;
}
@media screen and (min-width: 769px) {
	.l-footer__link {
		margin-top: 0;
	}
}

.l-footer__link-item {
	width: 50%;
	margin-bottom: 30px;
}
@media screen and (min-width: 769px) {
	.l-footer__link-item {
		margin-bottom: 40px;
	}
}
.l-footer__link-item:last-child {
	margin-bottom: 0;
}
.l-footer__link-item .l-footer__link-head {
	font-family: "Inter", sans-serif;
	font-weight: bold;
	color: #ffffff;
	font-size: 1.2857142857rem;
	line-height: 1.7777777778;
}
@media screen and (min-width: 769px) {
	.l-footer__link-item .l-footer__link-head {
		font-size: 1.2rem;
		line-height: 1.7777777778;
	}
}
.l-footer__link-item .l-footer__link-wrap {
	display: block;
}
.l-footer__link-item .l-footer__link-child {
	display: block;
	color: #ffffff;
	font-size: 0.8571428571rem;
	line-height: 2;
}
@media screen and (min-width: 769px) {
	.l-footer__link-item .l-footer__link-child {
		font-size: 0.8rem;
		line-height: 2;
	}
}
.l-footer__link-item .l-footer__link-child.l-hidden {
	opacity: 0.6;
	pointer-events: none;
}
.l-footer__link-item .l-footer__link-child.l-blank {
	position: relative;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
}
.l-footer__link-item .l-footer__link-child.l-blank:after {
	content: "";
	position: absolute;
	background: url("../../image/icon-link-blank-white.svg") center no-repeat;
	background-size: cover;
	width: 13px;
	height: 12px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: -20px;
}

.l-footer__bottom {
	margin-top: 80px;
}
@media screen and (min-width: 769px) {
	.l-footer__bottom {
		margin-top: 70px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
}

.l-footer__bottom-btn {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
@media screen and (min-width: 769px) {
	.l-footer__bottom-btn {
		width: 48.4210526316%;
		max-width: 460px;
	}
}

.l-footer__bottom-btn--item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	border-radius: 50px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 14px 0;
	font-size: 120%;
	-webkit-perspective: 1000px;
	perspective: 1000px;
	-webkit-perspective-origin: 50% 50%;
	perspective-origin: 50% 50%;
	overflow: hidden;
	width: 47.7611940299%;
}
@media screen and (min-width: 769px) {
	.l-footer__bottom-btn--item {
		width: 170px;
		padding: 14px 0;
	}
}
.l-footer__bottom-btn--item span {
	display: inline-block;
	position: relative;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.l-footer__bottom-btn--item span:after {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	content: attr(data-text);
	color: #000000;
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-transform: translate3d(0, 105%, 0) rotateX(-90deg);
	transform: translate3d(0, 105%, 0) rotateX(-90deg);
}
.l-footer__bottom-btn--item:hover {
	opacity: 1;
}
.l-footer__bottom-btn--item:hover span {
	-webkit-transform: translate3d(0, 0, -30px) rotateX(90deg);
	transform: translate3d(0, 0, -30px) rotateX(90deg);
}
.l-footer__bottom-btn--item.l-footer__btn-access {
	border: solid 1px #ffffff;
	background-color: #000000;
}
.l-footer__bottom-btn--item.l-footer__btn-access img {
	width: 13px;
}
.l-footer__bottom-btn--item.l-footer__btn-access p {
	color: #ffffff;
	margin-left: 6px;
}
.l-footer__bottom-btn--item.l-footer__btn-access:hover {
	opacity: 1;
}
.l-footer__bottom-btn--item.l-footer__btn-access:hover span {
	color: #ffffff;
	-webkit-transform: translate3d(0, 0, -30px) rotateX(90deg);
	transform: translate3d(0, 0, -30px) rotateX(90deg);
}
.l-footer__bottom-btn--item.l-footer__btn-access:hover span:after {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	content: attr(data-text);
	color: #ffffff;
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-transform: translate3d(0, 105%, 0) rotateX(-90deg);
	transform: translate3d(0, 105%, 0) rotateX(-90deg);
}
.l-footer__bottom-btn--item.l-footer__btn-contact {
	border: solid 1px #000000;
	background-color: #ffffff;
	margin-left: 20px;
}
.l-footer__bottom-btn--item.l-footer__btn-contact img {
	width: 17px;
}
.l-footer__bottom-btn--item.l-footer__btn-contact p {
	color: #000000;
	margin-left: 6px;
}
.l-footer__bottom-btn--item p {
	font-family: "Noto Sans JP", sans-serif;
	display: block;
	font-size: 0.8571428571rem;
	line-height: 1;
}
@media screen and (min-width: 769px) {
	.l-footer__bottom-btn--item p {
		font-size: 0.9333333333rem;
		line-height: 1;
		margin-left: 10px;
	}
}

.l-footer__bottom-copy {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 10px;
}
@media screen and (min-width: 769px) {
	.l-footer__bottom-copy {
		width: 48.4210526316%;
		max-width: 460px;
		margin-top: 0;
	}
}
.l-footer__bottom-copy p {
	opacity: 0.6;
	color: #ffffff;
	font-size: 0.7857142857rem;
	line-height: 2.7272727273;
}
@media screen and (min-width: 769px) {
	.l-footer__bottom-copy p {
		font-size: 0.7333333333rem;
		line-height: 2.7272727273;
	}
}

/*==============================================

  COMPONENT

==============================================*/
/*==============================================
  COMPONENT TEXT
==============================================*/
.c-h1 {
	font-size: 1rem;
	line-height: 1.5;
}
@media screen and (min-width: 769px) {
	.c-h1 {
		font-size: 1rem;
		line-height: 1.5;
	}
}

.c-p {
	margin: 1em 0;
	font-size: 1rem;
	line-height: 1.5;
}
@media screen and (min-width: 769px) {
	.c-p {
		font-size: 1rem;
		line-height: 1.5;
	}
}

/*==============================================
  COMPONENT BUTTON
==============================================*/
/*==============================================

  UTILITY

==============================================*/
.u-hidden {
	display: none;
}

@media screen and (max-width: 768px) {
	.u-hidden-sp {
		display: none;
	}
}

@media screen and (min-width: 769px) {
	.u-hidden-pc {
		display: none;
	}
}

.u-left {
	text-align: left;
}

.u-center {
	text-align: center;
}

.u-right {
	text-align: right;
}

.u-red {
	color: red;
}

.u-bg-red {
	background-color: red;
}

/*==============================================

  THEME HOME

==============================================*/
.company .l-header__nav-wrap .l-header__nav-list:nth-child(2) p:before {
	-webkit-transition: 0.4s;
	transition: 0.4s;
	content: "";
}
@media screen and (min-width: 769px) {
	.company .l-header__nav-wrap .l-header__nav-list:nth-child(2) p:before {
		position: absolute;
		background: url("../../image/header-arrow.png") no-repeat center;
		background-size: cover;
		width: 38px;
		height: 124px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		left: -30px;
		opacity: 1;
	}
}

.t-company {
	position: relative;
	padding: 120px 0 46px;
	background-color: #f5f5f5;
}
@media screen and (min-width: 769px) {
	.t-company {
		padding: 150px 0 120px;
	}
}
.t-company h1 {
	font-family: "Inter", sans-serif;
	font-weight: bold;
	font-size: 3.4285714286rem;
	line-height: 1;
	color: #a6a6a6;
	padding-left: 20px;
}
@media screen and (min-width: 769px) {
	.t-company h1 {
		font-size: 5.4666666667rem;
		line-height: 1;
		padding: 0;
	}
}

@media screen and (min-width: 769px) {
	.t-company__wrap {
		width: 74.21875%;
		margin-left: auto;
	}
}

.t-company__inner {
	padding: 0 20px;
}
@media screen and (min-width: 769px) {
	.t-company__inner {
		width: 94.7368421053%;
		max-width: 900px;
		margin-right: auto;
		padding: 0;
	}
}

.t-company__hero {
	margin: 46px 0;
	padding-left: 20px;
}
@media screen and (min-width: 769px) {
	.t-company__hero {
		margin: 70px 0 90px;
		padding: 0;
	}
}

.t-company__anchor {
	padding-bottom: 16px;
}
@media screen and (min-width: 769px) {
	.t-company__anchor {
		padding-bottom: 30px;
	}
}

.t-company__anchor-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
@media screen and (min-width: 769px) {
	.t-company__anchor-wrap {
		max-width: 756px;
	}
}
.t-company__anchor-wrap .t-company__anchor-list {
	position: relative;
	background-color: #dbdde0;
	border-radius: 5px;
	width: 48.3582089552%;
	margin-bottom: 10px;
}
@media screen and (min-width: 769px) {
	.t-company__anchor-wrap .t-company__anchor-list {
		width: 23.8095238095%;
		max-width: 180px;
	}
}
.t-company__anchor-wrap .t-company__anchor-list p {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 500;
	font-size: 0.8571428571rem;
	line-height: 1.5;
	padding: 14px;
}
@media screen and (min-width: 769px) {
	.t-company__anchor-wrap .t-company__anchor-list p {
		font-size: 0.8666666667rem;
		line-height: 1.7692307692;
		padding: 14px;
	}
}
.t-company__anchor-wrap .t-company__anchor-list:after {
	content: "";
	position: absolute;
	background: url("../../image/company/anchor-arrow.svg") no-repeat center;
	background-size: cover;
	width: 8px;
	height: 9px;
	top: 50%;
	right: 10px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
@media screen and (min-width: 769px) {
	.t-company__anchor-wrap .t-company__anchor-list:after {
		width: 8px;
		height: 9px;
		right: 12px;
	}
}

.t-company__content {
	padding-top: 100px;
	border-top: solid 1px #dbdde0;
}
.t-company__content h2 {
	font-family: "Inter", sans-serif;
	font-weight: bold;
	display: block;
	font-size: 2.2857142857rem;
	line-height: 1;
	color: #000000;
}
@media screen and (min-width: 769px) {
	.t-company__content h2 {
		font-size: 3.7333333333rem;
		line-height: 1;
	}
}
.t-company__content h2 span {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 500;
	display: block;
	font-size: 0.8571428571rem;
	line-height: 1;
	color: #000000;
	margin-bottom: 16px;
}
@media screen and (min-width: 769px) {
	.t-company__content h2 span {
		font-size: 1rem;
		line-height: 1;
	}
}

.t-company__member {
	position: relative;
	display: block;
	padding-top: 46px;
	padding-bottom: 100px;
}
@media screen and (min-width: 769px) {
	.t-company__member {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		padding-top: 70px;
		padding-bottom: 110px;
	}
}
.t-company__member .t-company__member-list {
	width: 100%;
	margin-bottom: 46px;
}
@media screen and (min-width: 769px) {
	.t-company__member .t-company__member-list {
		width: 45.5555555556%;
		margin-bottom: 70px;
	}
}
.t-company__member .t-company__member-list:last-child {
	margin-bottom: 0;
}
.t-company__member .t-company__member-image {
	width: 77.6119402985%;
	margin: auto auto 24px;
}
@media screen and (min-width: 769px) {
	.t-company__member .t-company__member-image {
		width: 100%;
		margin: auto;
	}
}
.t-company__member .t-company__member-text-small {
	margin-top: 14px;
}
@media screen and (min-width: 769px) {
	.t-company__member .t-company__member-text-small {
		margin-top: 14px;
	}
}
.t-company__member .t-company__member-text-small p {
	font-size: 0.8571428571rem;
	line-height: 1.3333333333;
}
@media screen and (min-width: 769px) {
	.t-company__member .t-company__member-text-small p {
		font-size: 0.8rem;
		line-height: 1.6666666667;
	}
}
.t-company__member .t-company__member-text-small.c-gray {
	color: #858585;
}
.t-company__member .t-company__member-text-large {
	margin-top: 1rem;
}
@media screen and (min-width: 769px) {
	.t-company__member .t-company__member-text-large {
		margin-top: 1rem;
	}
}
.t-company__member .t-company__member-text-large p {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 500;
	font-size: 1.4285714286rem;
	line-height: 1.5;
}
@media screen and (min-width: 769px) {
	.t-company__member .t-company__member-text-large p {
		font-size: 1.4666666667rem;
		line-height: 1.5454545455;
	}
}
.t-company__member .t-company__member-text-mid {
	margin-top: 1rem;
}
@media screen and (min-width: 769px) {
	.t-company__member .t-company__member-text-mid {
		margin-top: 1rem;
	}
}
.t-company__member .t-company__member-text-mid p {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 500;
	font-size: 1rem;
	line-height: 1.5714285714;
}
@media screen and (min-width: 769px) {
	.t-company__member .t-company__member-text-mid p {
		font-size: 1rem;
		line-height: 1.7333333333;
	}
}

.t-company__history .t-company__history-block {
	display: block;
	margin-top: 46px;
	margin-bottom: 56px;
}
@media screen and (min-width: 769px) {
	.t-company__history .t-company__history-block {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		margin-top: 70px;
		margin-bottom: 74px;
	}
}
.t-company__history .t-company__history-block h3 {
	color: #000000;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 500;
	font-size: 1.4285714286rem;
	line-height: 1.5;
}
@media screen and (min-width: 769px) {
	.t-company__history .t-company__history-block h3 {
		font-size: 1.7333333333rem;
		line-height: 1.5384615385;
	}
}
.t-company__history .t-company__history-block .t-company__history-text {
	color: #000000;
	font-size: 1rem;
	line-height: 1.7142857143;
	margin-top: 24px;
}
@media screen and (min-width: 769px) {
	.t-company__history .t-company__history-block .t-company__history-text {
		font-size: 1rem;
		line-height: 1.8666666667;
		width: 45.5555555556%;
		margin-left: auto;
		margin-top: 0;
	}
}

.t-company__history-list {
	position: relative;
	background: url("../../image/company/history-bg-sp.jpg") no-repeat;
	background-size: cover;
	width: 100%;
	height: auto;
	padding: 66px 0 86px;
}
@media screen and (min-width: 769px) {
	.t-company__history-list {
		background: url("../../image/company/history-bg-pc.jpg") no-repeat;
		background-size: cover;
		padding: 120px 0 200px;
	}
}
.t-company__history-list .t-company__history-list--wrap {
	width: 89.3333333333%;
	margin: auto;
}
@media screen and (min-width: 769px) {
	.t-company__history-list .t-company__history-list--wrap {
		width: 74.21875%;
		margin-left: auto;
		margin-right: 0;
	}
}
.t-company__history-list .t-company__history-item {
	border-bottom: solid 1px #ffffff;
	padding: 24px 0;
}
@media screen and (min-width: 769px) {
	.t-company__history-list .t-company__history-item {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		width: 94.7368421053%;
		max-width: 900px;
		padding: 0;
	}
}
.t-company__history-list .t-company__history-item:first-child {
	border-top: solid 1px #ffffff;
}
.t-company__history-list .t-company__history-item .t-company__history-item--head {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: baseline;
	-webkit-align-items: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	color: #ffffff;
	font-size: 1rem;
	line-height: 1.7142857143;
}
@media screen and (min-width: 769px) {
	.t-company__history-list .t-company__history-item .t-company__history-item--head {
		font-size: 1.0666666667rem;
		line-height: 1.875;
		min-width: 210px;
		padding: 20px 0;
	}
}
.t-company__history-list .t-company__history-item .t-company__history-item--head span {
	font-size: 0.7142857143rem;
	line-height: 2;
}
@media screen and (min-width: 769px) {
	.t-company__history-list .t-company__history-item .t-company__history-item--head span {
		font-size: 0.8rem;
		line-height: 1.6666666667;
	}
}
.t-company__history-list .t-company__history-item--content {
	display: block;
	margin-top: 6px;
	width: 100%;
}
@media screen and (min-width: 769px) {
	.t-company__history-list .t-company__history-item--content {
		margin-top: 0;
	}
}
.t-company__history-list .t-company__history-item--content .t-company__history-item--content-inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding-bottom: 10px;
}
@media screen and (min-width: 769px) {
	.t-company__history-list .t-company__history-item--content .t-company__history-item--content-inner {
		padding: 20px 0;
		border-bottom: solid 1px #ffffff;
	}
}
.t-company__history-list .t-company__history-item--content .t-company__history-item--content-inner:last-child {
	border-bottom: none;
	padding-bottom: 0;
}
@media screen and (min-width: 769px) {
	.t-company__history-list .t-company__history-item--content .t-company__history-item--content-inner:last-child {
		padding: 20px 0;
	}
}
.t-company__history-list .t-company__history-item--content .t-company__history-item--content-date {
	color: #ffffff;
	font-size: 1rem;
	line-height: 1.7142857143;
	min-width: 90px;
}
@media screen and (min-width: 769px) {
	.t-company__history-list .t-company__history-item--content .t-company__history-item--content-date {
		font-size: 1.0666666667rem;
		line-height: 1.875;
		min-width: 120px;
	}
}
.t-company__history-list .t-company__history-item--content .t-company__history-item--content-text {
	color: #ffffff;
	font-size: 1rem;
	line-height: 1.5714285714;
}
@media screen and (min-width: 769px) {
	.t-company__history-list .t-company__history-item--content .t-company__history-item--content-text {
		font-size: 1rem;
		line-height: 1.8666666667;
	}
}

.t-company__history-second {
	background-color: #dbdee0;
	padding: 56px 0;
}
@media screen and (min-width: 769px) {
	.t-company__history-second {
		padding: 100px 0 64px;
	}
}
.t-company__history-second .t-company__history-second--wrap {
	width: 89.3333333333%;
	margin: auto;
}
@media screen and (min-width: 769px) {
	.t-company__history-second .t-company__history-second--wrap {
		width: 74.21875%;
		margin-left: auto;
		margin-right: 0;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
}
@media screen and (min-width: 769px) {
	.t-company__history-second .t-company__history-second--wrap .t-company__history-second--inner {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		width: 94.7368421053%;
		max-width: 900px;
	}
}
@media screen and (min-width: 769px) {
	.t-company__history-second .t-company__history-second--wrap .t-company__history-second--block {
		width: 38.8888888889%;
	}
}
.t-company__history-second .t-company__history-second--wrap h3 {
	color: #000000;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 500;
	font-size: 1.4285714286rem;
	line-height: 1.5;
}
@media screen and (min-width: 769px) {
	.t-company__history-second .t-company__history-second--wrap h3 {
		font-size: 1.7333333333rem;
		line-height: 1.5384615385;
	}
}
.t-company__history-second .t-company__history-second--wrap .t-company__history-text {
	color: #000000;
	font-size: 1rem;
	line-height: 1.7142857143;
	margin-top: 24px;
}
@media screen and (min-width: 769px) {
	.t-company__history-second .t-company__history-second--wrap .t-company__history-text {
		font-size: 1rem;
		line-height: 1.8666666667;
	}
}
.t-company__history-second .t-company__history-second--wrap .t-company__history-second--image {
	margin-top: 56px;
}
@media screen and (min-width: 769px) {
	.t-company__history-second .t-company__history-second--wrap .t-company__history-second--image {
		width: 52%;
		margin-top: 0;
		margin-left: auto;
	}
}

.t-company__group {
	margin-top: 46px;
}
@media screen and (min-width: 769px) {
	.t-company__group {
		margin-top: 36px;
		margin-bottom: 130px;
	}
}

@media screen and (min-width: 769px) {
	.t-company__group-box {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin-top: 40px;
	}
}
.t-company__group-box .t-company__group-box--list {
	background-color: #dbdee0;
	padding: 24px 0 40px;
	margin-bottom: 10px;
}
@media screen and (min-width: 769px) {
	.t-company__group-box .t-company__group-box--list {
		width: 48.8888888889%;
		padding: 36px 0 30px;
		margin-bottom: 20px;
		height: 168px;
	}
}
.t-company__group-box .t-company__group-box--list:last-child {
	margin-bottom: 0;
}
.t-company__group-box .t-company__group-box--list h4 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 500;
	font-size: 1.1428571429rem;
	line-height: 1.875;
	text-decoration: underline;
	text-underline-offset: 4px;
	text-decoration-thickness: 1px;
}
@media screen and (min-width: 769px) {
	.t-company__group-box .t-company__group-box--list h4 {
		font-size: 1.2rem;
		line-height: 1.8888888889;
	}
}
.t-company__group-box .t-company__group-box--list .t-company__group-box--text {
	padding: 0 20px;
	margin-top: 26px;
}
@media screen and (min-width: 769px) {
	.t-company__group-box .t-company__group-box--list .t-company__group-box--text {
		padding: 0 40px;
		margin-top: 30px;
	}
}
.t-company__group-box .t-company__group-box--list .t-company__group-box--link {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-top: 24px;
}
@media screen and (min-width: 769px) {
	.t-company__group-box .t-company__group-box--list .t-company__group-box--link {
		margin-top: 24px;
	}
}
.t-company__group-box .t-company__group-box--list .t-company__group-box--link a:after {
	content: "";
	position: absolute;
	background: url("../../image/icon-link-blank.svg") center no-repeat;
	background-size: cover;
	width: 13px;
	height: 12px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: -20px;
}

.t-company__overview {
	padding-bottom: 46px;
}
@media screen and (min-width: 769px) {
	.t-company__overview {
		padding-bottom: 100px;
	}
}

.t-company__overview-table--list {
	border-bottom: solid 1px #858585;
	padding: 26px 0;
}
@media screen and (min-width: 769px) {
	.t-company__overview-table--list {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		padding: 20px 0;
	}
}
.t-company__overview-table--list:first-child {
	border-top: solid 1px #858585;
}
.t-company__overview-table--list .t-company__overview-table--head {
	padding-bottom: 4px;
}
@media screen and (min-width: 769px) {
	.t-company__overview-table--list .t-company__overview-table--head {
		min-width: 210px;
		padding-bottom: 0;
	}
}
.t-company__overview-table--list .t-company__overview-table--th {
	min-width: 130px;
}
@media screen and (min-width: 769px) {
	.t-company__overview-table--list .t-company__overview-table--th {
		min-width: 180px;
	}
}
.t-company__overview-table--list .t-company__overview-table--content-inner {
	display: block;
}
.t-company__overview-table--list .t-company__overview-table--content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.t-company__text {
	margin-top: 36px;
}
@media screen and (min-width: 769px) {
	.t-company__text {
		margin-top: 50px;
	}
}
.t-company__text p {
	color: #000000;
	font-size: 1rem;
	line-height: 1.7142857143;
	margin-bottom: 30px;
}
@media screen and (min-width: 769px) {
	.t-company__text p {
		font-size: 1.0666666667rem;
		line-height: 1.875;
		margin-bottom: 40px;
	}
}
.t-company__text p:last-child {
	margin-bottom: 0;
}

.t-company__name {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 30px 0 80px;
}
@media screen and (min-width: 769px) {
	.t-company__name {
		margin: 50px 0 100px;
	}
}
.t-company__name span {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 500;
	font-size: 0.8571428571rem;
	line-height: 1;
}
@media screen and (min-width: 769px) {
	.t-company__name span {
		font-size: 0.9333333333rem;
		line-height: 1.7142857143;
	}
}
.t-company__name strong {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 500;
	font-size: 1.2857142857rem;
	line-height: 1;
	margin-left: 16px;
}
@media screen and (min-width: 769px) {
	.t-company__name strong {
		font-size: 1.6rem;
		line-height: 1;
		margin-left: 20px;
	}
}