@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500&display=swap');
body {
		background: #f5f5f5;
}
.philosophy_selection {
		max-width: 1400px;
		margin: 0 auto;
		padding: 0 40px;
}
.philosophy_cont {
		background: #FFF;
		background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 100%);
		min-height: 500px;
		padding: 0 40px;
}
.philosophy_cont_inner {
		max-width: 1000px;
		margin: 0 auto;
		padding-top: 140px;
}
.philosophy_cont h3 {
		font-family: 'Helvetica LT W01 Roman';
		font-weight: normal;
		font-size: 14px;
		color: #a11d23;
		letter-spacing: 1px;
		margin: 0 0 10px;
		line-height: 1;
}
.philosophy_cont h4 {
		font-weight: 400;
		font-size: 30px;
		line-height: 2.0;
		margin: 0 0 60px;
		letter-spacing: 1px;
}
.philosophy_cont h4:lang(en) {
		line-height: 1.6;
		letter-spacing: 0
}
.philosophy_cont p, .definition_selection p {
		margin: 0 0 4em;
		font-size: 16px;
		line-height: 2.0;
}
.definition_selection p {
		margin: 0;
}
.philosophy_flex {
		display: flex;
}
.philosophy_figure {
		width: 42%;
		margin-right: 8%;
		position: relative;
		z-index: 1;
}
.philosophy_caption {
		flex: 1;
}
.philosophy_figure img, .separate_slidingtext1 img, .separate_slidingtext2 img {
		width: 100%;
		height: auto;
}
.upper {
		margin: 0 0 20px;
}
.bottom {
		width: 60%;
		margin-left: 30%;
}
.section_separate {
		height: 485px;
		position: relative;
}
.section_separate .separate_slidingtext1 {
		position: absolute;
		top: -40px;
		width: 1045px;
		z-index: 0;
		left: 40vw;
}
.section_separate .separate_slidingtext2 {
		position: absolute;
		top: 190px;
		width: 1745px;
}
.comfortability_selection {
		margin-left: calc(calc(100vw - 1280px) * 0.5);
}
.comfortability_cont {
		background: #FFF;
		background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 100%);
		padding: 0 0px 400px 40px;
}
.comfortability_cont_inner {
		padding-top: 140px;
}
.comfortability_inner {
		padding-top: 210px;
		padding-left: 150px;
		position: relative;
}
.comfortability_inner .comfortability_figure {
		width: 550px;
		position: absolute;
		top: -170px;
		left: 785px;
}
.comfortability_figure img {
		width: 100%;
		height: auto;
}
.comfortability_inner h3 {
		font-family: 'Helvetica LT W01 Roman';
		font-weight: normal;
		font-size: 14px;
		color: #a11d23;
		letter-spacing: 1px;
		margin: 0 0 20px;
}
.comfortability_inner h4 {
		font-weight: 400;
		font-size: 30px;
		line-height: 2.0;
		margin: 0 0 40px;
		letter-spacing: 1px;
}
.comfortability_inner h4:lang(en) {
		line-height: 1.6;
}
.comfortability_line {
		padding: 45px 0 70px;
		border-bottom: 1px solid #e5e5e5;
		position: relative;
}
.comfortability_line_hd {
		font-size: 22px;
		font-weight: 400;
		color: #a11d23;
		margin: 0 0 25px;
		display: flex;
}
.comfortability_line_hd .no_sup {
		transform: translateY(8px);
		margin-right: 0;
		width: 35px;
}
.comfortability_line p {
		font-size: 16px;
		line-height: 1.8;
		margin-left: 35px;
		position: relative;
		z-index: 10;
}
.comfortability_line::before {
		content: '';
		display: block;
		width: 755px;
		height: 180px;
		background-position: 0 0;
		background-repeat: no-repeat;
		background-size: 755px;
		position: absolute;
		bottom: 0;
		left: 385px;
}
.comfortability_line.line1::before {
		background-image: url(https://www.kai-group.com/contents_file/products/brand/select100/images/about/about_comfortability_line1.png);
		height: 140px;
}
.comfortability_line.line2::before {
		background-image: url(https://www.kai-group.com/contents_file/products/brand/select100/images/about/about_comfortability_line2.png);
		height: 179px;
		bottom: -33px;
}
.comfortability_line.line3::before {
		background-image: url(https://www.kai-group.com/contents_file/products/brand/select100/images/about/about_comfortability_line3.png);
		height: 143px;
}
.definition_selection {
		background: #fff;
		padding: 0 40px 400px;
}
.definition_figure {
		max-width: 1400px;
		margin: 0 auto -20px;
		position: relative;
		top: -120px;
}
.definition_figure img {
		width: 100%;
		height: auto;
}
.definition_selection h3 {
		font-family: 'Helvetica LT W01 Roman';
		font-weight: normal;
		font-size: 14px;
		color: #a11d23;
		letter-spacing: 1px;
		margin: 0 0 20px;
		line-height: 1;
}
.definition_selection h4 {
		font-weight: 400;
		font-size: 30px;
		line-height: 2.0;
		margin: 0 0 50px;
		letter-spacing: 1px;
		line-height: 1;
}
.definition_selection p {
		font-size: 16px;
		line-height: 2.0;
}
@media(max-width: 1440px) {
		.philosophy_cont h4, .comfortability_inner h4, .definition_selection h4 {
				font-size: 24px;
		}
}
@media(max-width: 1560px) {}
@media(max-width: 1400px) {
		.comfortability_selection {
				margin-left: 60px;
		}
		.comfortability_inner {
				padding-left: 80px;
		}
		.comfortability_inner .comfortability_figure {
				width: 38vw;
				top: -100px;
				left: inherit;
				right: 10px;
		}
}
@media(max-width: 1023px) {
		.philosophy_selection {
				padding: 0;
		}
		.philosophy_cont_inner {
				padding-top: 60px;
		}
		.section_separate {
				height: 76vw;
		}
		.section_separate .separate_slidingtext1 {
				width: 120vw;
				top: 12vw;
				left: 20vw;
		}
		.section_separate .separate_slidingtext2 {
				width: 198vw;
				top: 33vw;
				left: 0vw;
		}
		.comfortability_inner .comfortability_figure {
				left: inherit;
				top: -25vw;
				right: -20px;
				width: 56vw;
		}
		.comfortability_selection {
				margin-left: 0;
		}
		.comfortability_inner {
				padding-top: 45vw;
				padding-left: 0;
		}
		.comfortability_inner h4 {
				margin: 0 0 20px;
		}
		.comfortability_line {
				padding: 7vw 0;
		}
		.comfortability_line::before {
				width: 50vw;
				height: 12vw;
				background-size: 100%;
				left: inherit;
				right: 40px;
				bottom: -7vw;
		}
		.comfortability_line.line1::before, .comfortability_line.line3::before {
				height: 12vw;
				bottom: -3vw;
		}
		.comfortability_line.line1::before {
				background-image: url(https://www.kai-group.com/contents_file/products/brand/select100/images/about/about_comfortability_line1_sp.png);
				background-position: right 0;
		}
		.comfortability_line.line2::before {
				background-image: url(https://www.kai-group.com/contents_file/products/brand/select100/images/about/about_comfortability_line2_sp.png);
				background-position: right 0;
				height: 15vw;
				bottom: -5vw;
		}
		.comfortability_line p {
				font-size: 15px;
		}
		.comfortability_cont {
				padding-bottom: 80px;
		}
		.definition_figure {
				top: 0;
				margin: 0 0 40px;
		}
}
@media(max-width: 768px) {
		.philosophy_cont {
				padding: 0 30px;
		}
		.philosophy_cont h4, .comfortability_inner h4, .definition_selection h4 {
				font-size: 20px;
		}
		.philosophy_cont h3 {
				font-size: 12px;
		}
		.philosophy_flex {
				display: flex;
				flex-direction: column-reverse;
		}
		.philosophy_cont h4 {
				margin: 0 0 30px;
		}
		.philosophy_cont p, .definition_selection p {
				margin: 0 0 2em;
				font-size: 15px;
		}
		.philosophy_figure {
				width: 100%;
				display: flex;
				justify-content: space-between;
				align-items: flex-end;
				position: relative;
		}
		.upper {
				margin: 0;
				width: 60%;
		}
		.philosophy_figure .bottom {
				width: 35%;
				margin: 0;
				position: relative;
				bottom: -20vw;
		}
		.philosophy_cont p, .definition_selection p, .comfortability_line p {
				font-size: 14px;
		}
		.comfortability_line_hd {
				font-size: 20px;
		}
		.comfortability_line_hd {
				margin: 0 0 10px;
		}
		.definition_selection {
				padding: 0 30px 100px;
				background: none;
				background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%, #f5f5f5 100%);
		}
		.definition_selection h4 {
				margin-bottom: 25px;
		}
}
@media(max-width: 767px) {
		.philosophy_cont h4, .comfortability_inner h4, .definition_selection h4 {
				font-size: 16px;
		}
		.comfortability_line_hd {
				font-size: 15px;
		}
		.philosophy_cont p, .definition_selection p, .comfortability_line p {
				font-size: 13px;
		}
		.comfortability_line_hd .no_sup {
				font-size: 9px;
				width: 24px;
				transform: translateY(4px);
		}
		.comfortability_line p {
				margin-left: 24px;
		}
}
.fadeObj {
		opacity: 0;
}
.philosophy_selection .philosophy_figure .fadeObj, .philosophy_selection .philosophy_caption h3, .philosophy_selection .philosophy_caption h4, .philosophy_selection .philosophy_caption p, .comfortability_figure.active .fadeObj, .comfortability_inner h3.active, .comfortability_inner h4.active, .definition_figure.active .fadeObj, .definition_selection .philosophy_caption.active h3, .definition_selection .philosophy_caption.active h4, .definition_selection .philosophy_caption.active p {
		animation: fadeIn 1s linear forwards;
}
.philosophy_figure .upper .fadeObj {
		animation-delay: 0.25s;
}
.philosophy_figure .bottom .fadeObj {
		animation-delay: 0.5s;
}
.philosophy_caption p:nth-of-type(1) {
		animation-delay: 0.5s;
}
.philosophy_caption p:nth-of-type(2) {
		animation-delay: 1s;
}
.philosophy_caption p:nth-of-type(3) {
		animation-delay: 1.5s;
}
.definition_selection .philosophy_caption.active p {
		animation-delay: 0.3s;
}
.fadeInRight, .comfortability_line::before {
		transform: translateX(-50px);
		opacity: 0;
}
.active .fadeInRight {
		animation: fadeInRight 2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.comfortability_line.active::before {
		animation: fadeInRight 2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
		animation-delay: 0.3s;
}
@keyframes fadeInRight {
		0% {
				opacity: 0;
				transform: translateX(-50px);
		}
		100% {
				opacity: 1;
				transform: translateX(0px);
		}
}
.fNoto {
		font-family: 'Noto Sans JP', sans-serif;
}