@charset "utf-8";

@media all {
	.is-kvOut .g-header {
/*
		border-bottom: 1px solid transparent;
		background: transparent;
*/
	}
	
	.is-kvOut.is-gnaviPullDown-active .g-header {
		background: #fff;
	}
	
	.is-kvOut .g-naviBase {
		opacity: 0;
	}
	
	.is-kvOut.is-gnaviPullDown-active .g-naviBase {
		opacity: 1;
	}
	
	.g-wrapper {
		padding-top: 0;
	}
	
	.c-kv {
		height: 100vh;
		background: #ddd;
	}
	
	.c-kv__slider {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		overflow: hidden;
		z-index: 0;
	}
	
	.c-kv__slider:after {
		content: '';
		width: 45%;
		padding: 20% 0 0;
		display: block;
		background: url("/_assets/img/home/kv-cover.png") no-repeat left top / 100% 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
		opacity: 0;
		transition: 1s;
	}
	
	.is-scene__start .c-kv__slider:after {
		opacity: 1;
	}
	
	.c-kv__sliderWrap {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		transform: scale(1.1);
		transition: 1s;
		opacity: 0;
	}
	
	.c-kv__sliderWrap-1 {
		background: url("/_assets/img/home/kv-01.jpg") no-repeat center / cover;
	}
	
	.c-kv__sliderWrap-2 {
		background: url("/_assets/img/home/kv-02.jpg") no-repeat center / cover;
		opacity: 0;
	}
	
	.c-kv__sliderWrap-3 {
		background: url("/_assets/img/home/kv-03.jpg") no-repeat center / cover;
		opacity: 0;
	}
	
	.c-kv__sliderWrap-4 {
		background: url("/_assets/img/home/kv-04.jpg") no-repeat center / cover;
		opacity: 0;
	}
	
	.c-kv__sliderCatch {
		width: calc(100% - 15%);
		display: block;
		position: absolute;
		top: calc(50% - 3em);
		left: 50%;
		transform: translate(-50%,-50%) rotate(.05deg);
		z-index: 10;
	}
	
	.c-kv__sliderCatchText {
		font-size: clamp(1rem, 2vw, 2.8rem);
		font-weight: 700;
		font-feature-settings: 'palt';
		white-space: nowrap;
		text-shadow:
			0 0 2px #fff,
			0 0 20px #fff,
			0 0 40px #fff
		;
		width: 100%;
		display: block;
		position: absolute;
		top: calc(50% + 60px);
		left: 0;
		transition: 1s;
		transform: translate(0,-50%);
		opacity: 0;
	}
	
	:lang(en) .c-kv__sliderCatchText {
		font-size: clamp(1.6rem, 4.2vw, 3.2rem);
		line-height: 1.25;
		letter-spacing: 0;
	}
	
	.c-kv__sliderCatchText-1 {
		transform: translate(-10vw,-50%);
	}
	
	.c-kv__sliderCatchText-2 {
		transform: translate(35vw,-50%);
	}
	
	.c-kv__sliderCatchText-3 {
		transform: translate(-35vw,-50%);
	}
	
	.c-kv__sliderCatchText-4 {
		width: auto;
		left: 50%;
		transform: translate(-50%,-35%);
		transition: 0s;
		opacity: 1;
	}
	
	:lang(en) .c-kv__sliderCatchText-4 {
		text-align: center;
	}
	
/*
	.c-kv__sliderCatchText-4 b {
		font-weight: 700;
		display: inline-block;
		position: relative;
	}
	
	.c-kv__sliderCatchText-4 b:after {
		content: attr(data-ruby)'';
		font-size: 1rem;
		text-align: center;
		letter-spacing: 1em;
		width: 100%;
		padding: 0 0 0 1em;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		transform-origin: center bottom;
		transform: translate(0,-100%) scale(.9);
	}
*/
	
	.c-kv__sliderCatchText small {
		font-size: 1.2rem;
		font-weight: 400;
		text-align: center;
		margin: 1.25em 0 0;
		display: block;
	}
	
	.c-kv__sliderCatchText-4 strong {
		font-weight: 700;
		text-align: center;
		padding: .4em 0 .4em 3.5em;
		display: block;
		opacity: 0;
	}
	
	.c-kv__sliderCatchText-4 strong:nth-child(1) {
		transition: opacity .6s 2s;
	}
	
	.c-kv__sliderCatchText-4 strong:nth-child(2) {
		transition: opacity .6s 2.6s;
	}
	
	.c-kv__sliderCatchText-4 strong:nth-child(3) {
		transition: opacity .6s 3.2s;
	}
	
	/* ANIMATION SETTING */
	.is-scene__start .c-kv__sliderWrap-1 {
		transform: scale(1);
		opacity: 1;
	}
	
	.is-scene__start .c-kv__sliderCatchText-1 {
		transform: translate(0,-50%);
		opacity: 1;
	}
	
	/* SCENE-1 */
	.is-scene__1 .c-kv__sliderWrap-2 {
		transform: scale(1);
		opacity: 1;
	}
	
	.is-scene__1 .c-kv__sliderCatchText-1 {
		transform: translate(-35vw,-50%);
		opacity: 0;
	}
	
	.is-scene__1 .c-kv__sliderCatchText-2 {
		transform: translate(0,-50%);
		opacity: 1;
	}
	
	/* SCENE-2 */
	.is-scene__2 .c-kv__sliderWrap-3 {
		transform: scale(1);
		opacity: 1;
	}
	
	.is-scene__2 .c-kv__sliderCatchText-2 {
		transform: translate(35vw,-50%);
		opacity: 0;
	}
	
	.is-scene__2 .c-kv__sliderCatchText-3 {
		transform: translate(0,-50%);
		opacity: 1;
	}
	
	/* SCENE-3 */
	.is-scene__3 .c-kv__sliderWrap-4 {
		transform: scale(1);
		opacity: 1;
	}
	
	.is-scene__3 .c-kv__sliderCatchText-3 {
		transform: translate(-35vw,-50%);
		opacity: 0;
	}
	
	/* SCENE-end */
	.is-scene__4 .c-kv__sliderCatchText-4 strong:nth-child(1) {
		opacity: 1;
	}
	
	.is-scene__4 .c-kv__sliderCatchText-4 strong:nth-child(2) {
		opacity: 1;
	}
	
	.is-scene__4 .c-kv__sliderCatchText-4 strong:nth-child(3) {
		opacity: 1;
	}
	
	.c-kv__scroll {
		background: rgba(0,0,0,.1);
		position: absolute;
		bottom: 0;
		right: 100px;
		z-index: 100;
		transform: translate(0,50%);
	}
	
	.c-kv__scroll:after {
		content: 'scroll';
		position: absolute;
		top: 0;
		left: calc(50% + .15em);
		transform-origin: center right;
		transform: translate(-100%,-100%) rotate(90deg);
	}
	
	.c-kv__scroll-wrap {
		width: 6px;
		height: 83px;
		display: block;
		position: relative;
		overflow: hidden;
	}
	
	.c-kv__scroll-bar {
		width: 100%;
		height: 100%;
		display: block;
		background: #333;
		position: absolute;
		top: 0;
		left: 0;
		transform: translate(0,-100%);
		animation: anim-Scroll-line__move 4s 1s ease-in-out infinite;
	}
	
	.c-news {
		width: 100%;
		margin: -30px 0 0;
		padding: 0 100px 0 0;
		position: absolute;
		transform: translate(0,-100%);
	}
	
	.c-news__title {
		font-size: 1.6rem;
		width: 105px;
		padding: 0 0 0 1em;
	}
	
	.c-news__list {
		width: calc(100% - 105px);
	}
	
	.c-news__inner {
		width: calc(100% - 105px);
		padding: .5em 0;
		background: rgba(255,255,255,.8);
	}
	
	.c-news__button-more {
		width: 10em;
		padding: 0 1em 0 0;
	}
	
	.c-news__items {
		width: calc(100% - 10em);
	}
	
	.c-news__time {
		width: 8em;
	}
	
	.c-news__category {
		width: 8em;
		padding: .25em 0 .5em;
		background: #e6e6e6;
	}
	
	.c-news__text {
		line-height: 1.35;
		width: calc(100% - 16em);
		padding: 0 0 0 1em;
	}
	
	.u-homeTitle {
		font-size: 3.2rem;
	}
	
	:lang(en) .u-homeTitle .u-font__black {
		letter-spacing: -.025em;
	}
	
	.u-homeTitle a {
		color: #e76a29;
		border-bottom: 1px solid #e76a29;
	}
	
	.u-homeTitle a:hover {
		text-decoration: none;
		border-bottom: 0;
	}
	
	.c-about {
		margin-top: 90px;
	}
	
	.c-about__text {
		line-height: 2.25;
		margin: 30px 0 0;
	}
	
	.c-about__button .u-icon__arrow-basic:after {
		right: 15px;
	}
	
	.c-news__button a {
		min-width: 170px;
		padding: 1em 4em 1.25em 3em;
		border: 1px solid #adadad;
		display: inline-block;
		position: relative;
	}
	
	.c-about__button .u-icon__arrow-basic:after,
	.c-csr__button .u-icon__arrow-basic:after {
		right: 10px;
	}
	
	.c-about__button .u-icon__arrow-basic:after {
		background-image: url("/_assets/img/common/arrow-01-black.svg");
	}
	
	.c-csr {
		max-width: 1200px;
		margin-top: 160px;
		margin-right: auto;
		margin-left: auto;
		overflow: hidden;
	}
	
	.c-csr:before,
	.c-csr:after {
		content: '';
		width: 100px;
		height: calc(100% + 10px);
		display: block;
		background: #fff;
		position: absolute;
		top: 50%;
		left: 0;
		transform: translate(0,-50%);
		z-index: 10;
	}
	
	.c-csr:after {
		left: auto;
		right: 0;
	}
	
	.c-csr__inner {
		min-width: 1200px;
		padding: 0 220px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		z-index: 10;
	}
	
	.c-csr__text {
		line-height: 2.25;
	}
	
	:lang(en) .c-csr__text {
		max-width: 400px;
	}
	
	.c-csr + .c-homeMenu {
		max-width: 1200px;
		margin-right: auto;
		margin-left: auto;
		padding-right: 100px;
		padding-left: 100px;
	}
	
	.u-newsList {
		margin-top: 0;
	}
	
	.c-news__button a {
		background: #333;
		border-color: #333;
	}
	
	.c-news__button .u-icon__arrow-basic:after {
		background-image: url("/_assets/img/common/arrow-01-white.svg");
	}
	
	.u-newsList__title {
		font-size: 2.6rem;
		position: absolute;
	}
	
	:lang(en) .u-newsList__title {
		padding-bottom: 30px;
		border-bottom: 1px solid #ddd;
		position: relative;
	}
	
	.u-newsList__wrap {
		margin: 40px 0 0;
	}
	
	:lang(en) .u-newsList .u-title__mid {
		display: none;
	}
	
	.u-thumbListMenu__item figure {
		padding: 65% 0 0;
	}
	
	:lang(en) .c-productUseList__name {
		padding-top: calc(.5em + 1.15em);
		padding-bottom: calc(.5em + 1.35em);
	}
	
	:lang(en) .c-productUseList__name b {
		font-weight: 700;
		line-height: 1.35;
		text-align: center;
		letter-spacing: 0;
		width: 100%;
		display: block;
		position: absolute;
		top: 50%;
		left: 0;
		transform: translate(0,-50%);
	}
	
	:lang(en) .u-newsList__item:nth-child(n + 10) {
		display: none;
	}
	
	:lang(en) .u-newsList__item:first-child {
		border-top: 0;
	}
	
	.u-newsListTab {
		position: absolute;
		top: 0;
		right: 100px;
	}
	
	.u-newsListTab__items {
		display: flex;
		justify-content: flex-end;
	}
	
	.u-newsListTab__item {
		line-height: 1;
		padding: .15em 2em .25em;
		border-right: 1px solid #999;
		cursor: pointer;
		transition: .3s cubic-bezier(0.75, 0, 0.35, 1);
	}
	
	.no-touch .u-newsListTab__item:hover,
	.u-newsListTab__item.is-active {
		color: #e76a29;
		opacity: 1;
	}
	
	.u-newsListTab__item:last-child {
		border-right: 0;
	}
	
	.no-touch .u-newsList__tabItem:hover {
		opacity: .8;
	}
	
	
}

@keyframes anim-Scroll-line__move {
	0% {
		transform: translate(0,-100%);
	}
	30% {
		transform: translate(0,0);
	}
	40% {
		transform: translate(0,0);
	}
	70% {
		transform: translate(0,100%);
	}
	100% {
		transform: translate(0,100%);
	}
}

.l-mv {
	padding: 160px 0 80px;
	position: relative;
}

.l-mv h1 {
	max-width: 1000px;
	margin: 0 auto;
}