@charset "utf-8";
.second_bgCover {
		z-index: 5;
}
/* 追加 20230724 */
.second_bgCover2 {
		z-index: 1;
}
/* /追加 20230724 */
.page_bgCircle, .second_hdr, .jumpsection h2 {
		z-index: 6
}
/* ==================== */
.second_hdr_inner {
		position: relative;
}
.second_hdr_inner .who_figure {
		position: absolute;
		width: 360px;
		top: -105px;
		right: -60px;
		z-index: 10;
}
.who_figure img {
		width: 100%;
		height: auto;
}
@media(max-width: 100px) {
		.second_hdr_inner .who_figure {
				width: 360px;
				top: -20vw;
				right: -40px;
				z-index: 10;
		}
}
@media(max-width: 767px) {
		.page_who .second_hdr {
				height: 130vw;
				padding-top: 100px;
				display: block;
		}
		body {
				background-color: #fffaf0;
		}
}
@media(max-width: 1200px) {
		.second_hdr_inner .who_figure {
				width: 37vw;
				top: -6vw;
				right: 40px;
				min-width: 300px;
		}
}
@media(max-width: 767px) {
		.who_ttl {
				width: 60vw;
				margin-bottom: 30px;
		}
		.second_hdr_inner .who_figure {
				position: static;
				width: 64vw;
				top: inherit;
				right: inherit;
				min-width: inherit !important;
				margin: 0 auto;
		}
}
/* ======================== */
.jumpsection_cover, .idea_section_cover {
		position: relative;
		z-index: 10;
}
.jumpsection_cover_inner {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		display: flex;
		align-items: center;
		/* 削除 20230724
		align-items: flex-end;
		*/
		justify-content: center; /* 追加 20230724 */
		height: 100vh; /* 追加 20230724 */
}
.idea_section_cover {
		position: relative;
		width: 100%;
		display: flex;
		align-items: flex-end;
		justify-content: center;
		top: -200px;
}
.jumpsection_catch_item {
		transition: opacity 0.2s;
}
.jumpsection_catch {
		max-width: 915px;
		margin: 0 auto 50px;
		position: relative;
		z-index: 10;
		padding: 0 40px;
}
.jumpsection_catch_item h2 {
		width: 100px;
		margin: 0 auto 80px;
}
.jumpsection_catch h3 {
		margin: 0
}
.jumpsection_catch h4 {
		text-align: center;
		font-weight: 500;
		line-height: 1.8;
		font-size: 28px;
}
@media(max-width: 767px) {
		.jumpsection_catch_item h2 {
				margin-bottom: 40px;
				width: 80px;
		}
		.idea_section_cover {
				top: -150px;
		}
}
/* 削除 20230724
.doorOpen .jumpsection_catch_item {
		opacity: 0;
}
*/
/* =========================== */
.jumpsection {
		max-width: 910px;
		margin: 0 auto;
		padding: 50px 30px;
		position: relative;
}
.jumpsection::before {
		content: '';
		display: block;
		/* 追加 20230723 */
		position: fixed;
		/* /追加 20230723 */
		/* 削除 20230723
		position: absolute;
		*/
		top: 0;
		left: 0;
		width: 100%;
		height: 10vh;
		background: rgb(255, 250, 240);
		background: linear-gradient(180deg, rgba(255, 250, 240, 1) 55%, rgba(255, 250, 240, 0) 100%);
}
.jumpsection h2 img, .jumpsection h3 img {
		width: 100%;
		height: auto;
}
.jump_inner {
		max-width: 770px;
		margin: 0 auto;
		position: relative;
		z-index: -1;
		/* 削除 20230724
		padding-top: 20vh;
		height: 45vh;
		overflow: hidden;
		*/
}
.jump_inner_body {
		padding-top: 30vh; /* 追加 20230724 */
		/* 削除 20230724
		padding-top: 20vh;
		*/
}
.jump_inner p {
		font-size: 20px;
		font-weight: 500;
		text-align: center;
		line-height: 2;
}
.statementLine span {
		/* 削除 20230724
		opacity: 0;
		*/
		position: relative;
		transition: opacity 0.3s linear;
}
/* 削除 20230724
.paraItemActive .statementLine span {
		opacity: 1;
}
*/
.para_line {
		margin-top: 0;
}
.jump_inner .paraItem {
		display: flex;
		justify-content: center;
}
.jump_inner .paraItem:first-child {
		margin-top: 7em;
}
.jump_inner .paraItem {
		margin-top: 3em;
}
.statementLine span:nth-of-type(2) {
		transition-delay: 0.05s;
}
.statementLine span:nth-of-type(3) {
		transition-delay: 0.1s;
}
.statementLine span:nth-of-type(4) {
		transition-delay: 0.15s;
}
.statementLine span:nth-of-type(5) {
		transition-delay: 0.2s;
}
.jump_inner h4 {
		text-align: center;
		font-size: 36px;
		font-family: "Inter Medium";
		margin-top: 50px;
}
@media(max-width: 840px) {
		.jump_inner_body, .jump_inner {
				-webkit-overflow-scrolling: touch
		}
		/* 削除 20230724
		.jump_inner {
				height: 65vh;
		}
		.jump_inner_body {
				padding-top: 0;
		}

		.jump_inner p {
				text-align: left;
		}
		.jump_inner p br {
				display: none;
		}		*/
		.jumpsection::before {
				height: 20vh;
		}
		.jump_inner .paraItem:first-child {
				margin-top: 12em;
		}
		.jump_inner .paraItem {
				margin-top: 2em;
		}
		.jump_inner .paraItem.paraItem5 {
				margin-bottom: -5vh;
		}
		/* 削除 20230726
		.statementLine span {
				opacity: 1;
		}
		.statementLineSPFirst {
				opacity: 0;
				transition: opacity 0.8s;
		}
		.statementLineSP {
				opacity: 0;
				transition: opacity 0.8s;
		}
		.doorOpen .statementLineSPFirst, .statementLineActive {
				opacity: 1;
		}
		*/
		.idea_section {
				padding-top: 5vh;
		}
}
@media(max-width: 767px) {
		br.pcbr {
				display: none;
		}
		.jumpsection_cover_inner .jumpsection_catch_item {
				padding-top: 30vh;
		}
		.jumpsection_cover_inner {
				display: flex;
				align-items: flex-start;
				justify-content: center;
		}
		.jumpsection h2 {
				width: 95px;
				margin: 0 auto 40px;
		}
		.jumpsection h3 {
				max-width: 915px;
				width: 100%;
				margin: 0 auto 40px;
		}
		.jumpsection_catch h4 {
				font-size: 20px;
				padding-top: 10px;
		}
		.jump_inner p {
				font-size: 14px;
				line-height: 2.4;
		}
		.jump_inner h4 {
				text-align: left;
				font-size: 20px;
				margin-top: 30px;
		}
}
/* ================ */
.idea_section {
		max-width: 1100px;
		margin: 0 auto 230px;
		position: relative;
		z-index: 5;
		padding: 120px 30px 0;
		transition: opacity 0.5s;
}
.idea_section h2 {
		width: 125px;
		width: 100px;
		margin: 0 auto 120px;
}
.idea_section h2 img, .idea_section h3 img {
		width: 100%;
		height: auto;
}
.idea_section h3 {
		max-width: 615px;
		margin: 0 auto 35px;
}
.idea_section h4 {
		text-align: center;
		font-size: 28px;
		font-weight: 600;
		margin: 0 0 35px;
}
.idea_section p {
		text-align: center;
		line-height: 2.2;
		margin: 0 0 2em;
}
.idea_circle {
		max-width: 1100px;
		margin: 50px auto 0;
		position: relative;
		z-index: 5;
}
.idea_circle::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-radius: 50%;
		background: #FFFAF0;
}
.idea_circle img {
		width: 100%;
		height: auto;
}
.idea_circle .idea_circle_figure_wrap {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 5;
}
.idea_circle_figure {
		max-width: 850px;
		margin: 0 auto;
		padding-top: 120px;
}
@media(max-width: 1200px) {
		.idea_circle_figure {
				width: 90%;
				padding-top: 10vw;
		}
}
@media(max-width: 960px) {
		.idea_circle_figure {
				width: 70%;
				padding-top: 7vw;
		}
}
@media(max-width: 767px) {
		.idea_section {
				padding: 0;
				margin-bottom: 120px;
				padding-top: 5vh;
		}
		.idea_section_upper {
				padding: 0 30px;
		}
		.idea_section h2 {
				width: 125px;
				width: 100px;
				margin: 0 auto 60px;
		}
		.idea_section h3 {
				max-width: 320px;
				margin: 0 auto 20px;
		}
		.idea_section h4 {
				font-size: 22px;
				margin: 0 0 35px;
		}
		.idea_section p {
				text-align: left;
				line-height: 2;
				margin: 0;
		}
		.idea_section p br {
				display: none;
		}
		.idea_circle::before {
				display: none;
		}
		.idea_circle .idea_circle_figure_wrap {
				position: static;
		}
		.idea_circle .spacer {
				display: none;
		}
		.idea_circle_figure {
				padding-top: 0;
		}
		.idea_circle_figure {
				background: #FFFAF0;
				padding: 0 10px;
				width: 100%;
				box-sizing: border-box;
		}
		.idea_circle_figure_wrap {
				position: relative;
		}
		.idea_circle_figure_wrap::before, .idea_circle_figure_wrap::after {
				display: block;
				content: '';
				background-repeat: no-repeat;
				background-size: 100%;
				height: 24vw;
		}
		.idea_circle_figure_wrap::before {
				background-image: url("../images/creative_figure_upper.png");
				background-position: 0 0;
				position: relative;
				margin: 0 0 -2px;
		}
		.idea_circle_figure_wrap::after {
				background-image: url("../images/creative_figure_bottom.png");
				background-position: left top;
				height: 54vw;
				margin: -20vw 0 0;
		}
		.idea_circle_figure img {
				position: relative;
				z-index: 10;
				transform: translateY(-10vw);
				margin-bottom: -10vw;
		}
}
/* ================ */
.way_section {
		max-width: 1100px;
		margin: 0 auto 230px;
		position: relative;
		z-index: 5;
		padding: 0 30px;
}
.way_section h2 {
		width: 100px;
		margin: 0 auto 100px;
}
.way_section h2 img {
		width: 100%;
		height: auto;
}
.way_inner {
		max-width: 870px;
		margin: 0 auto;
}
@media(max-width: 1023px) {
		.way_inner {
				transform: translateX(40px)
		}
}
.way_item {
		margin: 0 0 90px;
		position: relative;
}
.way_item::before {
		content: '01 /';
		position: absolute;
		top: 0;
		left: -50px;
		font-family: "Inter Medium";
		font-size: 14px;
}
.way_item::before {
		opacity: 0;
		transition: opacity 0.2s linear;
		will-change: opacity;
}
.way_itemActive::before {
		opacity: 1;
}
.way_inner .way_item:nth-child(2)::before {
		content: '02 /';
}
.way_inner .way_item:nth-child(3)::before {
		content: '03 /';
}
.way_inner .way_item:nth-child(4)::before {
		content: '04 /';
}
.way_item img {
		width: 100%;
		height: auto;
}
.way_item h3 {
		max-width: 615px;
		margin: 0 0 40px;
}
.way_item h4 {
		font-weight: 600;
		font-size: 26px;
		margin: 0 0 20px;
}
.way_item p {
		line-height: 2.0;
}
@media(max-width: 767px) {
		.way_inner {
				transform: translateX(0)
		}
		.way_section h2 {
				width: 100px;
				width: 80px;
				margin: 0 auto 60px;
		}
		.way_item h3 {
				max-width: 260px;
				width: 70vw;
				margin: 0 0 30px;
		}
		.way_item h4 {
				font-size: 20px;
				margin: 0 0 20px;
		}
		.way_item p br {
				display: none;
		}
		.way_item::before {
				display: block;
				position: static;
				top: 0;
				left: inherit;
				font-size: 11px;
				margin: 0 0 10px
		}
		.way_item {
				margin: 0 0 70px;
		}
}
/* ================ */
.origin_section {
		position: relative;
		z-index: 5;
		padding: 0 30px;
		margin-bottom: 160px;
}
.origin_section::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 2000px;
		background: url("../images/origin_bg_pc.png") no-repeat 0 top;
		background-size: 100%;
		z-index: 2;
}
.origin_inner {
		max-width: 900px;
		margin: 0 auto;
		position: relative;
		z-index: 5
}
.origin_inner img {
		width: 100%;
		height: auto;
}
img.spacer {
		border-radius: 50%;
}
.origin_inner::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-radius: 50%;
		background: #FFFAF0;
}
.origin_inner .origin_caption {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 10;
		box-sizing: border-box;
		padding: 0 20px;
		text-align: center;
}
.origin_caption h2 {
		width: 320px;
		margin: 0 auto 45px;
}
.origin_caption h2 img {
		width: 100%;
		height: auto;
}
.origin_caption p {
		line-height: 2.2;
		text-align: justify;
		font-size: 14px;
		margin: 0 0 1.5em;
}
.origin_caption_upper, .origin_caption_bottom {
		max-width: 580px;
		margin-left: auto;
		margin-right: auto;
}
.origin_caption ul {
		margin-left: 1em;
}
.origin_caption li {
		list-style: none;
		position: relative;
		text-align: left;
		margin: 0 0 4px;
		font-size: 12px;
		line-height: 1.8;
}
.origin_caption ul li:last-child {
		margin-bottom: 0;
}
.origin_caption li span {
		display: block;
		position: absolute;
		left: -1em;
		top: 0;
}
.origin_caption_inner {
		transform: translateY(-20px)
}
@media(max-width: 1600px) {
		.origin_section::before {
				background: url("../images/origin_bg_pc.png") no-repeat 0 top;
				background-size: 1500px;
		}
}
@media(max-width: 1200px) {
		.origin_inner .origin_caption {
				padding-left: 30px;
				padding-right: 30px;
		}
		.origin_caption p {
				line-height: 2.0;
				margin: 0 0 1em;
				font-size: 14px;
		}
}
@media(max-width: 767px) {
		.way_section {
				margin: 0 auto 60px;
		}
		.origin_section {
				padding-left: 0;
				padding-right: 0;
				margin-bottom: 0;
		}
		.origin_section::before {
				position: static;
				top: inherit;
				left: 0;
				height: 59vw;
				background: url("../images/origin_figure_upper.png") no-repeat 0 0;
				background-size: 100%;
				margin-bottom: -5px;
		}
		.origin_section::after {
				content: '';
				display: block;
				height: 65vw;
				background: url("../images/origin_figure_bottom.png") no-repeat left bottom;
				background-size: 100%;
				position: relative;
				top: -2px;
				margin-bottom: -60px;
		}
		.origin_inner::before {
				display: none
		}
		.origin_inner .origin_caption {
				padding-left: 30px;
				padding-right: 30px;
				background: #FFFAF0;
				position: static;
		}
		.origin_inner .spacer {
				display: none;
		}
		.origin_inner .origin_caption p {
				text-align: left;
		}
		.origin_inner .origin_caption p br {
				display: none;
		}
		.origin_caption h2 {
				max-width: 270px;
				width: 72vw;
				width: 43vw;
				margin: 0 auto 45px;
		}
		.origin_caption li {
				font-size: 11px;
		}
}
/* ==================== */
.dot {
		background: #FFFAF0;
		border-radius: 50%;
}
.dot1_line {
		max-width: 900px;
		margin: 0 auto;
		position: relative;
}
.dot1_line .dot {
		width: 170px;
		height: 170px;
		position: absolute;
		right: -150px;
		top: -5px;
		opacity: 0;
		transform: translateY(200px);
		transition: opacity 0.2s linear, 0.6s cubic-bezier(0.16, 1, 0.3, 1);
		transition-delay: 0.3s;
}
.dot2_line {
		max-width: 900px;
		margin: 0 auto;
		position: relative;
		z-index: 10;
}
.dot2_line .dot {
		width: 250px;
		height: 250px;
		position: absolute;
		left: -300px;
		bottom: 30px;
		opacity: 0;
		transform: translateY(200px);
		transition: opacity 0.2s linear, 0.6s cubic-bezier(0.16, 1, 0.3, 1);
		transition-delay: 0.3s;
}
.dot3_line {
		max-width: 900px;
		margin: 0 auto;
		position: relative;
}
.dot3_line .dot {
		width: 480px;
		height: 480px;
		position: absolute;
		right: -300px;
		top: 580px;
		opacity: 0;
		transform: translateY(200px);
		transition: opacity 0.2s linear, 0.6s cubic-bezier(0.16, 1, 0.3, 1);
		transition-delay: 0.3s;
}
.dotlineActive .dot {
		opacity: 1;
		transform: translateY(0);
}
@media(max-width: 960px) {
		.dot3_line .dot {
				right: -400px;
		}
}
@media(max-width: 767px) {
		.dot1_line, .dot3_line {
				display: none;
		}
		.dot2_line .dot {
				width: 87px;
				height: 87px;
				left: -40px;
				bottom: 20px;
		}
}
/* 追加 20230724 */
.jumpsection_outro {
		z-index: 2;
		position: relative;
		width: 100%;
		height: 100vh;
		display: flex;
		align-items: center;
		justify-content: center;
}
/* 追加 20230726 */
.jumpsection_outro .jumpsection_catch_item {
		transform: translateY(-30vh);
}