@charset "utf-8";

@media all {
	.c-greetingStage {
		padding: 100px;
		background: #294197;
	}
	
	.c-greetingStage__inner {
		padding: 100px;
		background: #fff;
		opacity: 0;
		transition: .6s .5s cubic-bezier(.75, 0, .35, 1);
	}
	
	.is-loaddone .c-greetingStage__inner {
		opacity: 1;
	}
	
	.c-greeting__title {
		color: #294197;
		font-size: 4rem;
		font-weight: 500;
		line-height: 1.45;
		letter-spacing: .2em;
		opacity: 0;
		transform: translate(0,10px);
		transition: .6s 1.5s cubic-bezier(.75, 0, .35, 1);
	}
	
	.is-loaddone .c-greeting__title {
		opacity: 1;
		transform: translate(0,0);
	}
	
	.c-greetingStage__inner p {
		opacity: 0;
		transform: translate(0,10px);
		transition: .6s 1.75s cubic-bezier(.75, 0, .35, 1);
	}
	
	.is-loaddone .c-greetingStage__inner p {
		opacity: 1;
		transform: translate(0,0);
	}
	
	.c-greeting__text {
		color: #000;
		font-size: 1.8rem;
		line-height: 2.25;
		margin: 70px 0 0;
	}
	
	.c-greeting__name {
		color: #000;
		text-align: right;
		margin: 70px 0 0;
	}
	
	.c-greeting__name em {
		font-size: 2.4rem;
		letter-spacing: .2em;
		text-align: left;
		display: inline-block;
	}
	
	.c-greeting__name em:before {
		content: attr(data-name)'';
		font-size: 1.2rem;
		letter-spacing: .05em;
		margin: 0 0 1.5em;
		display: block;
	}
	
	.c-icon__map a {
		color: #294197;
		font-size: 1rem;
		font-weight: 700;
		line-height: 1;
		vertical-align: bottom;
		padding: .25em .5em;
		border: 1px solid #294197;
		background: #fff;
		display: inline-block;
		margin: 0 0 0 2em;
		transform: translate(0,-.5em);
	}
	
	.u-text .c-icon__map a {
		transform: translate(0,-.75em);
	}
	
	.c-icon__map a:hover {
		color: #fff;
		text-decoration: none;
		background: #294197;
	}
	
	.c-reasonStage {
		padding: 100px 0 180px;
		background: url("/_assets/img/company/reason/bg-01.jpg") no-repeat top center / cover;
		opacity: 0;
		transition: .6s .5s cubic-bezier(.75, 0, .35, 1);
	}
	
	.is-loaddone .c-reasonStage {
		opacity: 1;
	}
	
	.c-reasonStage .u-inner {
		margin-top: 140px;
		padding-top: 40px;
	}
	
	.c-reasonStage_inner {
		max-width: 850px;
		margin: 0 auto;
		padding: 0 50px 70px;
		background: #fff;
		position: relative;
		opacity: 0;
		transform: translate(0,10px);
		transition: .6s 1s cubic-bezier(.75, 0, .35, 1);
	}
	
	.is-loaddone .c-reasonStage_inner {
		opacity: 1;
		transform: translate(0,0);
	}
	
	.c-reasonStage_inner:first-child {
		margin-top: 0;
	}
	
	.c-reasonStage .js-scrollClass {
		opacity: 0;
		transform: translate(0,10px);
		transition: .6s .3s cubic-bezier(.75, 0, .35, 1);
	}
	
	.c-reasonStage .is-stateScroll {
		opacity: 1;
		transform: translate(0,0);
	}
	
	.c-reason__number {
		margin: .875em 0 0;
		display: block;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translate(-50%,-100%);
	}
	
	.c-reason__number em {
		color: #294197;
		font-weight: 500;
		text-align: center;
		display: block;
	}
	
	.c-reason__number em:after {
		content: attr(data-num)'';
		font-family: 'Times New Roman', 'Noto Serif JP';
		font-size: 2.8rem;
		font-weight: 500;
		margin: 10px 0 0;
		display: block;
	}
	
	.c-reason__title {
		text-align: center;
		padding: 70px 0 0;
	}
	
	.c-reason__title em {
		color: #000;
		font-size: 2.8rem;
		font-weight: 500;
		line-height: 1.5;
		letter-spacing: .1em;
	}
	
	.c-reason__text {
		margin-top: 40px;
	}
	
	.c-reasonStage_inner--1 .c-reason__text {
		transition-delay: 1.8s !important;
	}
	
	.c-reasonStage_inner--1 .c-reasonStage_image {
		transition-delay: 2.4s !important;
	}
	
	.c-reasonStage_inner--1 .c-reasonStage_image ul {
		margin: 0 -8px;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	
	.c-reasonStage_inner--1 .c-reasonStage_image li {
		width: calc(100% / 5);
		padding: 0 8px;
	}
	
	.c-reasonStage_inner--1 .c-reasonStage_image li img {
		border-radius: 50%;
	}
	
	.c-reasonStage_inner--1 .c-reasonStage_image li a:hover {
		opacity: .7;
	}
	
	.c-reasonStage_inner--2 .c-reasonStage_image {
		padding: 0 80px;
	}
	
	.c-reasonStage_inner--3 .c-reasonStage_image img {
		max-width: 590px;
		display: block;
		margin: 0 auto;
	}
	
	.c-reasonStage_inner--3 .c-reasonStage_image figcaption {
		font-size: 1.2rem;
		margin: 1em 0 0;
		display: block;
	}
	
	.c-philosophy__text {
		color: #000;
		font-size: 2.2rem;
		font-weight: 500;
		line-height: 1.75;
		margin: 35px 0 0;
	}
	
	.c-historyStage {
		padding: 115px 0 0;
		background: #F5F6F9;
		opacity: 0;
		transition: .6s .5s cubic-bezier(.75, 0, .35, 1);
	}
	
	.is-loaddone .c-historyStage {
		opacity: 1;
	}
	
	.c-history__inner {
		position: relative;
	}
	
	.c-history__items {
		max-width: 740px;
		margin: 0 auto;
		padding: 0 0 120px 80px;
		position: relative;
	}
	
	.c-history__items:after {
		content: '';
		width: 1px;
		height: 100%;
		background: #999;
		display: block;
		position: absolute;
		top: 0;
		left: 80px;
	}
	
	.c-history__item {
		margin: 60px 0 0;
		display: flex;
		position: relative;
		opacity: 0;
		transform: translate(0,20px);
		transition: .6s cubic-bezier(.75, 0, .35, 1);
	}
	
	.c-history__item.is-stateScroll {
		opacity: 1;
		transform: translate(0,0);
	}
	
	.c-history__item:first-child {
		margin-top: 0;
	}
	
	.c-history__item:after {
		content: '';
		width: 12px;
		height: 1px;
		display: block;
		background: #999;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	.c-history__year {
		color: #000;
		text-align: center;
		width: 115px;
		margin: -.75em 0 0;
		padding: 0 5px 0 12px;
	}
	
	.c-history__year em {
		white-space: nowrap;
		display: block;
	}
	
	.c-history__year em:nth-child(1) {
		font-size: 2.4rem;
	}
	
	.c-history__year em:nth-child(2) {
		font-size: 1.4rem;
		margin-top: .25em;
	}
	
	.c-history__contents {
		width: calc(100% - 115px);
	}
	
	.c-history__contents > * {
		margin: -.75em 0 0;
	}
	
	.c-history__item .u-text:not(:first-child) {
		margin-top: 1em;
	}
	
	.c-history__item figure {
		max-width: 262px;
		margin: 1em 0 0 .15em;
	}
	
	.l-history-note {
		margin: 0 0 0 -275px;
		position: absolute;
		bottom: 20px;
		left: 50%;
	}
	
	.l-history-note .u-note {
		line-height: 1.35;
		text-indent: -1.35em;
		padding: 0 0 0 1.35em;
	}
	
	.c-sdgsLogo {
		margin: 30px 0 0;
		padding: 0 220px;
	}
	
	.c-sdgsLogo__title {
		max-width: 200px;
		margin: 0 auto;
	}
	
	.c-sdgsLogo__items {
		margin: 6px -3px 0;
		display: flex;
		flex-wrap: wrap;
	}
	
	.c-sdgsLogo__item {
		width: calc(100% / 6);
		padding: 3px;
	}
	
	.c-sdgsPoint {
		border-top: 1px solid #ddd;
	}
	
	.c-sdgsPoint__title {
		color: #294197;
		font-size: 1.6rem;
		font-weight: 700;
		padding: 20px 25px;
		position: relative;
		cursor: pointer;
		transition: .3s cubic-bezier(.75, 0, .35, 1);
	}
	
	.no-touch .c-sdgsPoint__title:hover {
		background: #F5F6F9;
	}
	
	.c-sdgsPoint__title--button {
		width: 35px;
		height: 35px;
		position: absolute;
		top: 50%;
		right: 10px;
		transform: translate(0,-50%);
		transition: .3s cubic-bezier(.75, 0, .35, 1);
	}
	
	.c-sdgsPoint__title--button:before,
	.c-sdgsPoint__title--button:after {
		content: '';
		width: 12px;
		height: 2px;
		background: #C1C7C7;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		transition: .3s cubic-bezier(.75, 0, .35, 1);
	}
	
	.c-sdgsPoint__title--button:after {
		transform: translate(-50%,-50%) rotate(90deg);
	}
	
	.c-sdgsPoint__title.is-active .c-sdgsPoint__title--button:after {
		transform: translate(-50%,-50%) rotate(0deg);
	}
	
	.no-touch .c-sdgsPoint__title:hover .c-sdgsPoint__title--button {
		background: #294197;
		border-color: #294197;
	}
	
	.no-touch .c-sdgsPoint__title:hover .c-sdgsPoint__title--button:before,
	.no-touch .c-sdgsPoint__title:hover .c-sdgsPoint__title--button:after {
		color: #fff;
	}
	
	.c-sdgsPoint__contents {
		padding: 0 60px;
		background: #F5F6F9;
	}
	
	.c-sdgsPoint__contentsInner {
		padding: 40px 0 50px;
	}
	
	.c-sdgsPoint__icon {
		max-width: 70px;
		margin: 0 auto;
	}
	
	.c-sdgsPoint__catch {
		color: #000;
		font-size: 3.2rem;
		font-weight: 400;
		text-align: center;
		margin: 15px 0 0;
	}
	
	.c-sdgsPoint__message {
		color: #294197;
		font-size: 2.8rem;
		font-weight: 500;
		line-height: 1.5;
		text-align: center;
		margin: 40px 0 0;
	}
	
	.c-sdgsPoint__contents .u-text {
		margin: 30px 0 0;
	}
	
	.c-sdgsPoint__items {
		margin: 30px 0 0;
		padding: 0 0 20px;
		display: block;
		background: #fff;
	}
	
	.c-sdgsPoint__items dt {
		color: #000;
		font-size: 1.4rem;
		text-align: center;
		padding: 20px 0 0;
	}
	
	.c-sdgsPoint__items ul {
		margin: 10px 0 0;
		display: flex;
		justify-content: center;
	}
	
	.c-sdgsPoint__items ul li {
		max-width: 62px;
		margin: 0 3px;
	}
	
	.network-page .js-scrollClass {
		opacity: 0;
		transform: translate(0,10px);
		transition: .6s cubic-bezier(.75, 0, .35, 1);
	}
	
	.network-page .is-stateScroll {
		opacity: 1;
		transform: translate(0,0);
	}
	
	.u-title__hi + .u-text {
		transition-delay: .3s;
	}
	
	.u-title__hi + .u-text + figure {
		transition-delay: .6s;
	}
	
	
}/* END Media all */