@charset "utf-8";
.solution_first_wrap {
		max-width: 1120px;
		margin: 70px auto 140px;
		padding: 0;
		line-height: inherit;
}
.solution_first {
		width: 100%;
		height: 1120px;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
}
.solution_first::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: calc(50% - 560px);
		width: 1120px;
		height: 1120px;
		border-radius: 50%;
		background: #FFFAF0;
		transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.solution_first_inner {
		position: relative;
		z-index: 5;
		padding: 0 40px;
}
.solution_first_hd_wrap {
		margin: 0 0 30px;
}
.solution_first_en {
		width: 205px;
		margin: 0 auto;
		margin-bottom: 20px;
}
.solution_first_hd {
		font-size: 56px;
		font-weight: 700;
		text-align: center;
		margin-bottom: 20px;
}
.media_lead p {
		line-height: 2.2;
		text-align: center;
}
.solution_first_figure {
		max-width: 785px;
		margin: 35px auto 0;
}
@media(max-width: 767px) {
		.solution_first_figure {
				width: 85%;
		}
}
.solution_first_figure img {
		width: 100%;
		height: auto;
}
@media(max-width: 1100px) {
		.solution_first_hd {
				font-size: 44px;
		}
}
@media(max-width: 767px) {
		.solution_first {
				background: #FFFAF0;
				position: relative;
				padding: 10px 0;
				height: inherit;
		}
		.solution_first::before {
				content: '';
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 26vw;
				background-color: transparent;
				background-repeat: no-repeat;
				background-position: 0 0;
				background-size: 100%;
				border-radius: 0;
		}
		.solution_first::before {
				top: -25.5vw;
				background-image: url("../images/solution_first_bg-1.png")
		}
		.solution_first::after {
				content: '';
				display: block;
				position: absolute;
				bottom: -24vw;
				width: 100%;
				height: 25vw;
				left: 0;
				background-color: transparent;
				background-repeat: no-repeat;
				background-position: left bottom;
				background-image: url("../images/solution_first_bg-2.png");
				background-size: 100%;
		}
		.solution_first_inner {
				padding: 0 25px;
		}
		.solution_first_en {
				width: 164px;
		}
		.solution_first_hd {
				font-size: 28px;
				margin-bottom: 20px;
		}
		.solution_first_inner p {
				text-align: left;
		}
		.solution_first_inner p br {
				display: none;
		}
		.media_lead p {
				line-height: 2;
				text-align: left;
		}
		.media_lead p br {
				display: none;
		}
}
/* ============= */
.solution_media_ttl {
		width: 205px;
		margin: 0 auto 55px
}
.solution_media_wrap {
		max-width: 2000px;
		margin: 0 auto 120px;
		padding: 0;
		line-height: inherit;
}
.solution_media {
		width: 100%;
		height: 2000px;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
}
.solution_media img {
		width: 100%;
		height: auto;
}
.solution_media::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: calc(50% - 1000px);
		width: 2000px;
		height: 2000px;
		border-radius: 50%;
		background: #FFFAF0;
		transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.solution_media_inner {
		position: relative;
		z-index: 5;
		padding: 0 25px;
}
.quufuu_logo {
		width: 180px;
		margin: 0 auto 40px;
}
.quufuu_logo img {
		width: 100%;
		height: auto;
}
.kufuhaku {
		width: 258px;
		margin: 0 auto 25px;
}
.solution_media_hd {
		width: 100px;
		margin: 80px auto 30px;
}
.solution_media_hd img {
		width: 100%;
		max-width: inherit;
		height: auto;
}
@media(max-width: 767px) {
		.solution_media_hd {
				width: 80px;
		}
}
.solution_media_hd.event, .solution_media_hd.extra {
		margin-top: 0;
}
.solution_media_flex {
		display: flex;
		justify-content: space-between;
		max-width: 1036px;
		margin: 0 auto 100px;
}
.solution_media_icon {
		width: 40px;
		margin: 0 auto 30px;
}
.solution_media_item {
		width: 320px;
}
.solution_media_item .twitter-timeline, .solution_media_item iframe {
		width: 100% !important;
}
.kufu_flex {
		max-width: 1036px;
		margin: 60px auto 100px;
		display: flex;
		justify-content: space-between;
		padding: 0 20px;
}
.kufu_flex_item {
		width: calc(50% - 24px);
		padding-top: 39px;
		border-top: 1px solid #000;
}
.kufu_item_col {
		display: flex;
}
.kufu_item_thumb {
		background-repeat: no-repeat;
		background-position: center center;
		background-size: auto 100%;
		width: 180px;
		aspect-ratio: 1 / 1.26;
		margin-right: 20px;
}
.kufu_item_caption {
		flex: 1;
		text-align: left;
		display: flex;
		flex-flow: column;
		justify-content: space-between;
}
.kufu_item_en {
		font-family: "Inter Medium";
		font-size: 12px;
		margin: 0 0 20px
}
.kufu_item_no {
		font-size: 12px;
		line-height: 1;
		margin: 0 0 15px
}
.kufu_item_no span {
		border: 1px solid #000;
		border-radius: 60px;
		padding: 2px 10px 2px;
}
.kufu_item_ttl {
		font-size: 16px;
		font-weight: 500;
		line-height: 1.8;
}
.kufu_item_ttl span {
		font-size: 80%;
}
.kufu_item_caption_link {
		font-family: "Inter Medium";
		font-size: 14px;
		display: flex;
		justify-content: flex-end;
}
.kufu_item_caption_link a.blank span::after {
		bottom: -10px
}
/* =============== */
.solution_contact {
		width: 700px;
		height: 700px;
		margin: 0 auto 120px;
		position: relative;
		display: flex;
		align-items: center;
		text-align: center;
}
.solution_contact::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-radius: 50%;
		background: #FFFAF0;
}
.solution_contact_inner {
		position: relative;
		z-index: 5;
		width: 100%;
		padding: 0 25px;
		box-sizing: border-box;
}
.solution_contact_hd {
		text-align: center;
		line-height: 1.6;
		font-size: 40px;
		font-weight: 700;
		margin: 0 0 40px;
}
.solution_contact_inner p {
		text-align: center;
}
.solution_contact_inner .media_lead {
		margin-bottom: 40px;
}
.solution_contact_link {
		text-align: center;
		font-family: "Inter Medium";
		font-size: 14px;
}
.solution_contact_link a span {
		display: inline-block;
		position: relative;
}
.solution_contact_link a span::after {
		content: '';
		display: block;
		position: absolute;
		left: 0;
		bottom: -2px;
		height: 1px;
		width: 100%;
		background: #1E1E1E;
		transition: all 0.1s;
		transform-origin: left center;
}
@media (hover: hover) {
		.solution_contact_link a:hover span::after {
				animation: hoverLine 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
		}
}
.solution_separate {
		height: 1px;
		max-width: 1120px;
		margin: 0 auto;
		position: relative;
}
.solution_separate div {
		border-radius: 50%;
		background: #FFFAF0;
		position: absolute;
}
.solution_separate div.solution_separate_circle1 {
		width: 200px;
		height: 200px;
		left: 0;
		top: -230px;
}
.solution_separate div.solution_separate_circle2 {
		width: 250px;
		height: 250px;
		right: 0;
		top: -180px;
}
@media(max-width: 1200px) {
		.solution_media_flex {
				max-width: inherit;
				width: 100%;
		}
		.solution_media_item {
				width: calc(calc(100% - 40px) / 3);
		}
		.solution_separate div.solution_separate_circle1 {
				width: 160px;
				height: 160px;
				left: 0;
				top: -160px;
		}
		.solution_contact_hd {
				font-size: 32px;
		}
		.solution_separate div.solution_separate_circle2 {
				width: 200px;
				height: 200px;
				right: 0;
				top: -100px;
		}
}
@media(max-width: 1024px) {
		.kufu_item_thumb {
				width: 40%;
		}
}
@media(max-width: 767px) {
		.solution_first_wrap {
				margin-bottom: calc(50vw + 100px);
		}
		.solution_media_wrap {
				margin-bottom: 50vw;
		}
		.solution_media_ttl {
				width: 100px;
				margin-bottom: calc(26vw + 20px);
		}
		.solution_media_ttl img {
				width: 100%;
				height: auto;
		}
		.solution_media {
				height: inherit;
				padding-top: 10px;
				padding-bottom: 10px;
				background: #FFFAF0;
				position: relative;
		}
		.solution_media::before {
				content: '';
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 26vw;
				background-color: transparent;
				background-repeat: no-repeat;
				background-position: 0 0;
				background-size: 100%;
				border-radius: 0;
		}
		.solution_media::before {
				top: -25.5vw;
				background-image: url("../images/solution_first_bg-1.png")
		}
		.solution_media::after {
				content: '';
				display: block;
				position: absolute;
				width: 100%;
				height: 100%;
				bottom: -25.5vw;
				left: 0;
				background-color: transparent;
				background-repeat: no-repeat;
				background-position: left bottom;
				background-image: url("../images/solution_first_bg-2.png");
				background-size: 100%;
		}
		.quufuu_logo {
				width: 126px;
				margin: 0 auto 25px;
		}
		.solution_media_flex {
				display: block;
				margin-bottom: 70px;
		}
		.solution_media_item {
				width: 100%;
				margin: 0 0 60px;
		}
		.solution_media_icon {
				margin: 0 auto 20px;
		}
		.kufuhaku {
				width: 194px;
				margin: 0 auto 25px;
		}
		.kufu_flex {
				margin: 30px auto 60px;
				display: block;
				padding: 0;
		}
		.kufu_flex_item {
				width: 100%;
				padding-top: 39px;
				margin: 0 0 40px;
		}
		.solution_contact {
				width: auto;
				height: 130vw;
				margin: 0;
				padding: 0;
				position: relative;
				margin-bottom: 30vw
		}
		.solution_contact::before {
				top: 0;
				left: calc(50% - 65vw);
				width: 130vw;
				height: 130vw;
		}
		/*
		.solution_contact::before {
				content: '';
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 26vw;
				background-color: transparent;
				background-repeat: no-repeat;
				background-position: 0 0;
				background-size: 100%;
				border-radius: 0;
		}
		.solution_contact::before {
				top: -25.5vw;
				background-image: url("../images/solution_first_bg-1.png")
		}
		.solution_contact::after {
				content: '';
				display: block;
				position: absolute;
				width: 100%;
				height: 25vw;
				bottom: -24vw;
				left: 0;
				background-color: transparent;
				background-repeat: no-repeat;
				background-position: left bottom;
				background-image: url("../images/solution_first_bg-2.png");
				background-size: 100%;
		}
		 */
		.solution_contact_hd {
				font-size: 24px;
				margin: 0 0 25px;
		}
		.solution_contact_inner .media_lead {
				margin-bottom: 40px;
		}
		.solution_separate {
				height: 1px;
				max-width: 1120px;
		}
		.solution_separate div.solution_separate_circle1 {
				width: 90px;
				height: 90px;
				left: -20px;
				top: -200px;
		}
		.solution_separate div.solution_separate_circle2 {
				width: 90px;
				height: 90px;
				right: -20px;
				top: -100px;
		}
		.kufu_item_ttl {
				font-size: 14px;
		}
		.kufu_item_caption_link {
				display: flex;
				justify-content: flex-end;
		}
		.solution_contact_inner p {
				text-align: left;
		}
}
#sb_instagram #sbi_images {
		padding: 0 !important;
}
@media(min-width: 768px) {
		.solution_insta {
				padding: 0 20px;
		}
}
#sbi_load {
		display: none !important
}