.p-cta02 {
	background-position: right center;
	background-repeat: no-repeat;
	background: url("/wp-content/themes/n2p-theme/img/birdcall/entertainment/bcfe_banner.png");
	/* border: 5px solid #1a35bb; */
	overflow: hidden;
	padding: 70px 67px 35px;
	position: relative;
	background-size: contain;
}

.p-cta02 img {
	position: relative;
	z-index: 1;
	max-width: 515px;
}

.p-cta02#blue {
	background-position: right center;
	background-repeat: no-repeat;
	border: 5px solid #000;
	overflow: hidden;
	padding: 38px 67px 32px;
	position: relative;
	background-size: 0;
	border-radius: 48px;
}

.p-cta02__text {
	color: #fff;
	font-size: 24px;
	line-height: 1.5;
	margin: 20px 0;
	font-weight: 700;
	position: relative;
	z-index: 1;
}

.p-cta02__text#cta {
	font-size: 22px;
	color: #000;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1.68;
	padding-bottom: 50px;
}

.p-cta02__text02 {
	font-size: 18px;
	line-height: 1.66;
	max-width: 505px;
}

.p-cta02__pic {
	-webkit-transform: translateX(100px);
	bottom: -1px;
	position: absolute;
	right: 0;
	transform: translateX(100px);
	max-width: 629px;
	z-index: 0;
	margin-bottom: 0;
}

.p-cta02__pic img {
	height: auto;
	width: 100%;
}

.p-cta02__btn {
	position: relative;
	z-index: 2;
}

.c-btn-1-blue {
	align-items: center;
	background: linear-gradient(70deg, #383EE7, #FF3450);
	border-radius: 30px;
	display: inline-flex;
	overflow: hidden;
	padding: 14px 16px 14px 32px;
	position: relative;
}

.c-btn-1-blue#blue-bg {
	background: #383EE7;
}

.c-btn-1-blue__text {
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.05em;
	position: relative;
	z-index: 4;
}

.c-btn-1-blue__icon {
	align-items: center;
	background: #fff;
	border-radius: 50%;
	display: flex;
	height: 32px;
	justify-content: center;
	margin-left: 20px;
	position: relative;
	width: 32px;
	z-index: 1;
}

.c-btn-1-blue__icon img {
	position: relative;
	transition: transform 0.3s;
	z-index: 2;
}

.c-btn-1-blue__icon::before,
.c-btn-1-blue__icon::after {
	border-radius: 50%;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

.c-btn-1-blue__icon::before {
	background: #fff;
	transition: background-color 0.3s;
	z-index: 1;
}

.c-btn-1-blue__icon::after {
	background: #f7f7f7;
	color: #000;
	transition: transform 0.3s;
	z-index: 0;
}

.c-btn-1-blue:hover {
	color: #fff;
}

.c-btn-1-blue:hover .c-btn-1-blue__icon img {
	-webkit-transform: translateX(1px);
	transform: translateX(1px);
}

.c-btn-1-blue:hover .c-btn-1-blue__icon::after {
	-webkit-transform: scale(23);
	transform: scale(23);
}

.c-btn-1-blue:hover .c-btn-1-blue__icon::before {
	background: #383EE7;
}

.color-deepred-blue #navi:before {
	background-color: #383EE7 !important;
}

.question_cf_item {
	font-size: 18px;
}

@media (max-width: 959px) {
	.p-cta02 {
			padding: 38px 31px 251px;
			position: relative;
			background-size: cover;
	}

	.p-cta02 img {
			max-width: 100%;
	}

	.p-cta02__text {
			font-size: 16px;
	}

	.p-cta02__btn {
			margin-top: 64px;
	}

	.question_cf {
			display: flex;
			justify-content: space-around;
			flex-direction: column;
			align-items: center;
	}

	.question_cf_item {
			max-width: 100% !important;
	}

	.question_cf_item:first-child {
			margin-bottom: 23px;
			margin-right: 0 !important;
	}

	.p-cta02__text#cta {
			font-size: 14px;
			color: #000;
			font-weight: 700;
			letter-spacing: 0.05em;
			line-height: 1.71;
			padding-bottom: 0;
	}

	.p-cta02#blue {
			padding: 30px 0px 200px 27px;
	}
}

/*================================================================
# BirdCall for Fun 固有のCSS -2024.09追加-
================================================================ */
picture {
	width: 100%;
}

section {
	margin-bottom: 86px;
}
@media (max-width: 960px) {
	section {
		margin-bottom: 50px;
	}
}

.birdcall-for-fun .p-blog-detail__main img {
	max-width: 100%;
	height: auto;
}

@media (min-width: 960px) and (max-width: 1499px) {
	.l-container.-full.birdcall-for-fun .l-container__inner {
			padding-left: 20px;
			padding-right: 20px;
	}
}

.pc-only {
	display: block;
}

@media (max-width: 960px) {
	.pc-only {
			display: none;
	}
}



/* ----- CTAボタン ----- */
.birdcall-for-fun .p-cta02__btn a {
	color: transparent;
	background: unset;
	border: solid 1px #fff;
}

.birdcall-for-fun .p-cta02__btn .c-btn-1-transparent {
	padding: 9px 28px 10px 24px;
}


.birdcall-for-fun .p-cta02__btn .c-btn-1-transparent:hover {
	border-image: linear-gradient(70deg, #383EE7, #FF3450);
}

.c-btn-1-transparent__icon::after  {
	background: linear-gradient(70deg, #383EE7, #FF3450);
	transform: scale(0.1);
}

.c-btn-1-transparent:hover .c-btn-1-transparent__icon img {
	opacity: unset;
}

.c-btn-1-transparent__text {
	/* color: #333; */
}


.birdcall-for-fun .c-btn-1-transparent__icon::before {
	background: #010101;
	transform: scale(0.1);
}

.birdcall-for-fun .c-btn-1-transparent:hover .c-btn-1-transparent__icon::before {
	/* background: #383EE7; */
	background: unset;
}

.c-theme-white .l-main .c-btn-1-transparent:hover .c-btn-1-transparent__text {
	color: #fff;
}

.birdcall-for-fun .c-btn-1-transparent__icon {
	width: 37px;
	height: 37px;
	margin-right: 20px;
	margin-left: unset;
	background: unset;
}

.c-btn-1-yellow__con {
	background-color: #F6F6F6;
	border-radius: 24px;
	width: 479px;
	height: 187px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
}

.birdcall-for-fun .c-btn-1-yellow__con .c-btn-1-yellow {
	background-color: #FEED52;
	margin-bottom: 12px;
	padding: 18px 31px;
	font-size: 24px;
	border-radius: 40px;
}

.c-btn-1-yellow__text {
	color: #000;
	font-size: 24px;
}

.birdcall-for-fun .c-btn-1-yellow__icon {
	width: 35px;
	height: 39px;
	margin-left: 17px;
	margin-right: unset;
}

.c-btn-1-yellow__des {
	width: 77.3%;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
}

.c-btn-1-yellow__point {
	color: #383EE7;
	display: inline-block;
	border-bottom: solid 1px #383EE7;
}

.c-btn-1-yellow:hover .c-btn-1-yellow__icon::after {
	background: linear-gradient(70deg, #383EE7, #FF3450);
	transform: scale(25);
}

.c-theme-white .l-main a:hover .c-btn-1-yellow__text {
	color: #fff;
}

.c-theme-white .l-main a:hover .c-btn-1-yellow__icon img {
	opacity: unset;
}

.c-btn-1-yellow__con._details {
	width: 571px;
	height: 187px;
}

@media (max-width: 960px) {
	.c-btn-1-yellow__con {
			border-radius: 18px;
	}

	.c-btn-1-yellow__con {
			width: 352px;
			height: 137px;
	}

	.birdcall-for-fun .c-btn-1-yellow__con .c-btn-1-yellow {
			padding: 16px 29px;
			margin-bottom: 8px;
	}

	.c-btn-1-yellow__text {
			font-size: 18px;
	}

	.c-btn-1-yellow__des {
			font-size: 11px;
			width: 91.8%;
	}

	.birdcall-for-fun .c-btn-1-blue__icon {
			width: 26px;
			height: 28px;
	}

	.c-btn-1-yellow__con._details {
		width: 352px;
		height: 137px;
	}

	.c-btn-1-yellow__con._details .c-btn-1-yellow__text {
		font-size: 17px;
	}
}

/* ----- sec_ttl ----- */

.birdcall-for-fun .sec_ttl {
	display: flex;
	align-items: center;
	padding-bottom: 13px;
}

.birdcall-for-fun .sec_ttl .indent {
	color: #FF3450;
	font-size: 12px;
	margin-right: 17px;
}

.birdcall-for-fun .sec_ttl_con .sec_sub_eng {
	color: #383EE7;
	font-size: 14px;
	font-weight: bold;
	padding-left: 31px;
}

@media (max-width: 960px) {
	.birdcall-for-fun .sec_ttl {
		font-size: max(24px,6.15vw);
		padding-bottom: unset;
		white-space: nowrap;
	}

	.birdcall-for-fun .sec_ttl_con .sec_sub_eng {
		font-size: max(12px,3.07vw);
	}

	.birdcall-for-fun .sec_ttl .indent {
		margin-right: 12px;
    font-size: 16px;
	}
}

/* ----- diffセクション ----- */

.birdcall-for-fun .question_cf {
	gap: 42px;
	/* align-items: flex-start; */
	font-weight: bold;
}

.birdcall-for-fun .question_cf_item {
	border-radius: 10px;
	margin-bottom: 23px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	height: 387px;
	justify-content: center;
	width: 100%;
}

.birdcall-for-fun .question_cf_item_con {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	font-size: 14px;
}

.birdcall-for-fun .question_cf_item_con:first-of-type {
	width: calc(357 / 1019 * 100%);
}

.birdcall-for-fun .question_cf_item_con:last-of-type {
	width: calc(620 / 1090 * 100%);
}

.birdcall-for-fun .question_cf_item_con:first-of-type .question_cf_item {
	aspect-ratio: 357 / 387;
	border: 1px solid #858585;
}

.birdcall-for-fun .question_cf_item_con:first-of-type .question_cf_item img {
	aspect-ratio: 217 / 265;
	width: calc(217 / 357 * 100%);
}

.birdcall-for-fun .question_cf_item_con:last-of-type .question_cf_item {
	aspect-ratio: 620 / 387;
	width: 100%;
	border: 3px solid #000;
	gap: 16px;
	justify-content: flex-end;
	padding-bottom: 30px;
}

.birdcall-for-fun .question_cf_item_con:last-of-type img {
	width: calc(377 / 620 * 100%);
}

.question_cf_item_ttl_basic {
	background-color: #8F8F8F;
	border-radius: 20px;
	color: #fff;
	padding: 6px 24px;
	width: fit-content;
	z-index: 1;
	position: absolute;
	top: -4%;
}

.question_cf_item_ttl_img {
	z-index: 1;
	position: absolute;
	top: -7%;
}

.birdcall-for-fun .question_cf_item_con .question_cf_item_ttl_img img {
	aspect-ratio: 265/76;
	width: 100%;
}

.question_cf_item_text {
	max-width: 440px;
}

@media (max-width: 960px) {
	.birdcall-for-fun .question_cf {
			gap: 60px;
			flex-direction: column;
	}

	.birdcall-for-fun .question_cf_item_con:first-of-type,
	.birdcall-for-fun .question_cf_item_con:last-of-type {
			max-width: unset;
			width: 100%;
			font-size: 12px;
	}

	.birdcall-for-fun .question_cf_item_con:first-of-type picture {
			width: 65%;
	}

	.birdcall-for-fun .question_cf_item_con:last-of-type picture {
			width: 100%;
			max-width: 650px;
	}

	.birdcall-for-fun .question_cf_item_con:first-of-type .question_cf_item {
			justify-content: space-around;
	}

	.birdcall-for-fun .question_cf_item_con:first-of-type .question_cf_item img {
			aspect-ratio: 415/367;
	}

	.question_cf_item_text {
			max-width: 90%;
	}
}

/* ----- aboutセクション ----- */

.about > * {
	font-size: 16px;
	font-weight: bold;
}

.about_sub_ttl {
	margin-bottom: 25px;
}

.about_items {
	display: flex;
	flex-direction: row;
	gap: 26px;
	align-items: flex-end;
	max-height: 396px;
}

.about_item.point_items {
	display: flex;
	gap: 1.68vw;
	flex-direction: column;
	width: calc(477 / 1090 * 100%);
}

.point_item {
	display: flex;
	flex-direction: row;
	white-space: nowrap;
	/* overflow: hidden; */
}

.point_ttl {
	background-color: #FF3450;
	max-width: 85px;
	width: 5.9vw;
	max-height: 110px;
	height: 7.7vw;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	border-radius: 8px 0 0 8px;
}

.point_ttl::after {
	content: "";
	display: inline-block;
	max-width: 31px;
	width: 2.17vw;
	height: 100%;
	clip-path: polygon(0% 0%, 0% 100%, 100% 50%);
	background-color: #FF3450;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	left: 99.2%;
	top: 0;
	z-index: 1;
}

.point_des {
	background-color: #F3F3F3;
	position: relative;
	max-width: 395px;
	max-height: 110px;
	width: 27.5vw;
	height: 7.7vw;
	padding: 1.1vw 0 1.1vw 2.8vw;
	display: flex;
	flex-direction: column;
	justify-content: center;
	line-height: 1.3;
}

.point_des::after {
	background-color: #F3F3F3;
	content: "";
	display: inline-block;
	max-width: 51px;
	width: 3.5vw;
	height: 100%;
	clip-path: polygon(0% 0%, 0% 100%, 100% 50%);
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	left: 99.4%;
	top: 0;
}

.point_des_ttl {
	font-size: 24px;
	margin-bottom: 8px;
	font-size: clamp(16px, 1.68vw, 24px);
}

.point_des_text {
	font-size: 16px;
	font-size: clamp(10px, 1.12vw, 16px);
}

.about_item.algorithm_items {
	background-color: #FF3450;
	max-width: 530px;
	max-height: 360px;
	border-radius: 8px;
	padding: 2.5vw 2.1vw 1.2vw;
	padding-top: min(2.5vw, 36px);
	padding-right: min(2.1vw, 30px);
	padding-left: min(2.1vw, 30px);
	padding-bottom: min(1.2vw, 18px);
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 38.8vw;
	height: 25.2vw;
}

.algorithm_ttl {
	background-color: #383EE7;
	width: 232px;
	padding: 0.16vw;
	position: relative;
	border-radius: 33px;
	color: #fff;
	margin-top: -12%;
	text-align: center;
	margin-bottom: min(1.7vw, 24px);
}

.algorithm_ttl::after {
	background-color: #383EE7;
	content: "";
	display: inline-block;
	width: 17px;
	height: 19px;
	clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 100%;
}

.algorithm_con {
	display: flex;
	flex-direction: column;
	max-width: 447px;
	width: 33.2vw;
	height: 25.2vw;
}

.algorithm_doc {
	width: 100%;
	max-width: 532px;
}

.algorithm_doc > * {
	width: 100%;
	height: auto;
}

.birdcall-for-fun .algorithm_btn {
	align-self: self-end;
	color: #fff;
	background-color: #383EE7;
	border-radius: 0 0 8px 8px;
	display: flex;
	padding: min(0.4vw, 8px);
	display: flex;
	align-items: center;
}

.birdcall-for-fun .algorithm_con .algorithm_btn {
	color: #fff;
}

.birdcall-for-fun .algorithm_con .algorithm_btn:hover {
	background: rgb(56 62 231 / 75%);
	color: #fff;
}

.btn_icon {
	margin-right: 10px;
	width: 20px;
	height: 20px;
}

.btn_icon img {
	vertical-align: unset;
}

@media (max-width: 960px) {
	.about_sub_ttl {
			margin-bottom: 20px;
			font-size: max(16px, 4.1vw);
	}

	.about_items {
			flex-direction: column;
			gap: max(37px, 9.4vw);
			max-height: unset;
	}

	.about_item.point_items,
	.about_item.algorithm_items {
			width: 100%;
	}

	.about_item.algorithm_items {
			max-width: 100%;
			max-height: unset;
			width: clamp(352px, 90.2vw, 100%);
			height: max(239px, 61.2vw);
			padding: max(22px, 4.4vw);
	}

	.point_ttl {
			width: max(56px, 14.3vw);
			height: max(73px, 18.7vw);
			max-width: unset;
			max-height: unset;
	}

	.point_ttl::after {
			width: max(20px, 5.12vw);
			max-width: unset;
	}

	.point_des {
			width: max(260px, 66.6vw);
			height: max(73px, 18.7vw);
			max-width: unset;
			max-height: unset;
			padding-left: max(30px, 7.69vw);
			padding-top: max(12px, 3.07vw);
			padding-bottom: max(12px, 3.07vw);
	}

	.point_des::after {
			width: max(33px, 8.46vw);
			max-width: unset;
	}

	.point_des_ttl {
			font-size: max(16px, 4.1vw);
	}

	.point_des_text {
			font-size: max(10px, 2.5vw);
	}

	.algorithm_con {
			max-width: unset;
			width: 100%;
			height: max(239px, 61.2vw);
	}

	.algorithm_doc {
			max-width: unset;
	}

	.algorithm_ttl {
			margin-top: -10%;
			width: max(179px, 45.8vw);
			padding: max(6.5px, 1.66vw);
			font-size: max(10px, 2.56vw);
	}

	.algorithm_btn {
			font-size: max(10px, 2.56vw);
			padding: max(7px, 1.23vw);
	}

	.btn_icon {
			width: max(12px, 3.07vw);
			height: max(12px, 3.07vw);
	}

	.btn_icon > * {
			width: 100%;
	}
}

/* ----- functionセクション ----- */

.function-wrapper {
	display: flex;
	flex-direction: row;
	font-size: clamp(14px, 1.68vw, 24px);
	position: relative;
}
.function-wrapper::after{
	content: "";
	display: inline-block;
	width: 42px;
	height: 8px;
	background-color: #383EE7;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	bottom: -10%;
	left: 50%;
	transform: translateX(-50%);
}

.function-wrapper::before{
	content: "";
	display: inline-block;
	width: 8px;
	height: 42px;
	background-color: #383EE7;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	bottom: -10%;
	left: 50%;
	transform: translate(-50%,40%);
}

.function-container {
	font-weight: bold;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.function-container:nth-of-type(2) {
	margin-left: min(2.81vw,40px);
}

.function_highlight {
	color: #FEED52;
}

.function-items {

}

.function-item {
	background-color: #383EE7;
	border-radius: 16px;
	color: #fff;
}

.function-item-01 {
	display: flex;
	flex-direction: row;
	width: min(43.7vw, 623px);
	height: min(15.2vw, 217px);
	padding-top: min(0.7vw, 10px);
	padding-right: min(1.26vw, 18px);
	padding-left: min(1.96vw, 28px);
	align-items: center;	
	margin-bottom: min(2.38vw,34px);
}

.function-item-01_item:nth-of-type(2) {
	align-self: flex-end;
	width: 56%;
}

.function-item-01_item-text {

}

.function-item-01_item-img {
	width: 84.4%;
}

.function-item-02 {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	width: min(43.7vw, 623px);
	height: min(17.4vw, 249px);
	padding-top: min(2.95vw, 42px);
	padding-right: min(1.75vw, 25px);
	position: relative;
}

.function-item-02_img {
	top: -20%;
	left: -7%;
	position: absolute;
	width: min(27.2vw,388px);
}

.function-item-02_text {
	width: 89.3%;
	text-align: right;
}

.function-item-03 {
	width: min(24.87vw, 354px);
	height: min(35.1vw, 500px);
	padding-top: min(2.03vw, 29px);
	padding-left: min(2.24vw, 32px);
	position: relative;
}

.function-item-03_img {
	width: min(19.5vw,278px);
	position: absolute;
	bottom: -11%;
}

.function-container._arrow {
	align-items: center;
	padding-top: 93px;
}

.function-container._arrow .point_ttl {
	font-size: clamp(14px, 1.68vw, 24px);
	font-weight: bold;
	color: #fff;
	width: min(6.39vw, 91px);
	height: 100%;
	max-width: unset;
	max-height: unset;
	padding-left: min(1.26vw, 18px);
}

.function-container._arrow .point_ttl::after {
	width: min(3.44vw, 49px);
	height: 100%;
	max-width: unset;
	z-index: -1;
}

.function-container._arrow .point_item {
	border: 4px solid #FF3450;
	border-radius: 16px;
	height: min(11.8vw, 168px);
	width: min(100%, 836px);
	max-height: unset;
}

.function-container._arrow .point_des_ttl {
	color: #FF3450;
	font-size: clamp(14px, 1.68vw, 24px);
	margin-bottom: min(1.26vw, 18px);
}

.function-container._arrow .point_des {
	background-color: unset;
	width: 100%;
	max-width: unset;
	padding-left: min(5.83vw, 83px);
	padding-right: min(3.23vw, 46px);
	height: 100%;
	max-height: unset;
}

.function-container._arrow .point_des::after {
	display: none;
}

.function-container._arrow .point_des_text {
	font-size: clamp(11px, 0.98vw, 14px);
	white-space: normal;
}

@media (max-width: 960px) {
	.function-wrapper {
		flex-direction: column;
	}

	.function-container_text {
		font-size: max(18px,4.61vw);
		align-self: flex-start;
	}

	.function-container:nth-of-type(2) {
		margin-left: unset;
		padding-top: max(50px,12.8vw);
	}

	.function-container._arrow {
		padding-top: max(131px,33.5vw);
	}

	.function-container._arrow .point_item {
			height: max(163px, 41.7vw);
			width: max(352px, 100%);
			border-radius: 6.74px;
			border-width: 1.68px;
	}

	.function-container._arrow .point_ttl {
			font-size: max(11px, 2.82vw);
			width: max(38px,9.74vw);
			border-radius: 6px  0 0 6px;
	}

	.function-container._arrow .point_des {
			width: 93%;
	}

	.function-container._arrow .point_des_ttl {
			font-size: max(14px, 3.58vw);
			white-space: normal;
	}

	.function-container._arrow .point_des_text {
			font-size: max(11px, 2.82vw);
	}

	.function-item {
		width: 100%;
		font-size: max(14px,3.58vw);
	}

	.function-item-01 {
		height: max(122px,31.2vw);
		padding-top: max(5px,1.28vw);
		padding-left: max(15px,3.84vw);
	}

  .function-item-01_item {
		width: max(220px,56.4vw);
	}

	.function-item-01_item:nth-of-type(2) {
		width: max(109px,27.9vw);

	}

	.function-item-02_img {
		width: max(219px,56.1vw);
	}

	.function-item-02 {
		height: max(140px,35.8vw);
	}
	.function-item-03 {
		height: max(335px,85.8vw);
		display: flex;
    flex-direction: column;
		padding-top: max(28px,7.17vw);
    padding-left: max(31px,7.94vw);
	}

	.function-item-03_img {
		width: max(265px,67.9vw);
		margin-left: max(12px,3.07vw);
		bottom: -16%;
	}

	.function-item-03_text {
		margin-bottom: max(31px,7.94vw);
		font-size: max(14px,3.58vw);
	}

	.function-wrapper::after,
	.function-wrapper::before {
		bottom: -20vw;
	}

}

/* ----- funpoints ----- */

.funpoints {
	border: 3px solid #000;
	border-radius: 24px;
	position: relative;
	padding-top: 81px;
	margin-right: 20px;
}

.funpoints_inner {
	margin-right: 53px;
	margin-left: 23px;
}

.funpoints .sec_ttl_con {
	background-color: #fff;
	position: absolute;
	top: -21px;
	left: -3px;
	padding-right: min(2.17vw, 31px);
	padding-bottom: min(1.68vw, 24px);
}

.funpoints .funpoints_block {
	display: flex;
	align-items: flex-start;
	margin-bottom: 28px;
	gap: 3.6%;
}

.funpoints .pic {
	width: 45.4%;
}

.funpoints .txt {
	width: 50.2%;
	margin-left: auto;
	padding-top: 4.2%;
}

.funpoints .funpoints_block:nth-of-type(2) .txt {
	padding-top: 2.2%;
}

.funpoints .txt h3 {
	font-size: clamp(18px, 1.68vw, 24px);
	line-height: 1.3;
	letter-spacing: 0.05em;
	padding-bottom: 0.5em;
	font-weight: bold;
}

.funpoints .txt .funpoints_name {
	font-size: 16px;
	line-height: 1.625;
	padding-bottom: 1em;
}

.funpoints .txt .funpoints_comment {
	font-size: 12px;
	line-height: 1.66;
}

@media (max-width: 960px) {
	.funpoints {
			padding-bottom: 53px;
			border-width: 2px;
			padding-top: max(75px, 19.1vw);
			margin-right: unset;
			border-radius: 11px;
	}

	.funpoints_inner {
			margin: 0;
			padding: 0 20px;
	}

	.funpoints .sec_ttl_con {
		padding-right: max(3.07vw, 12px);
    padding-bottom: max(7.43vw, 29px);
		left: -3px;
	}

	.funpoints .funpoints_block {
			flex-direction: column;
	}

	.funpoints .funpoints_block + .funpoints_block {
			margin-top: 32px;
	}

	.funpoints_block .pic {
			width: 100%;
	}

	.funpoints .txt {
			margin-left: unset;
			width: 100%;
			padding-left: 2%;
	}

	.funpoints .txt h3 {
			font-size: clamp(18px, 4.61vw, 24px);
	}

	.funpoints .txt .funpoints_name {
	}

	.funpoints .txt .funpoints_comment {
			font-size: clamp(12px, 3.07vw, 15px);
	}
}

/* 
----- works -----*/
.works_items {
	display: flex;
	flex-direction: row;
	/* gap: 34px; */
	justify-content: space-between;
}

.works_item {
	border-radius: 24px;
	width: min(22.2vw,317px);
	height: min(39.9vw,568px);
	color: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.works_item01 {
	background-color: #E43434;
}
.works_item02 {
	background-color: #271596;
}
.works_item03 {
	background-color: #A6A6A6;
}

.works_img {
	width: min(15.1vw,216px);
}

.works_des {
	width: 83.3%;
}

.works_des_ttl {
	font-size: 16px;
	font-weight: bold;
}

.works_des_text {
	font-size: clamp(12px,0.98vw,14px);
	font-weight: bold;
	line-height: 1.4;
}

@media (max-width: 960px)  {
	.works_items {
		flex-direction: column;
	}
	
	.works_item {
		/* height: max(541px, 138.7vw); */
		height: auto;
		width: 100%;
		padding-top: 40px;
    padding-bottom: 30px;
		justify-content: unset;
	}

	.works_item+.works_item {
		margin-top: 20px;
	}

	.works_img {
		width: max(212px,54.3vw);
	}

	.works_des_ttl {
		font-size: max(16px,4.1vw);
	}

	.works_des_text {
		font-size: clamp(12px,3.07vw,14px);
	}
}

/* 
----- examples -----*/
.exampeles {

}

.pt-60 {

}

.sec_ttl_con {

}

.sec_ttl {

}

.indent {

}

.sec_sub_eng {

}

.examples {

}

.examples_con {
	position: relative;
}

.examples_items {
	display: flex;
	max-width: 1040px;
	overflow: hidden;
}

#exampeles .slick01 .examples_item {
	display: flex;
	flex-direction: column;
	width: 470px;
	height: 379px;
}

.examples_item_inner {
	padding-right: 24px;
}

#exampeles .examples_item img{
	max-width: 100%;
	height: auto;
}



.examples_ttl {
	/* padding-right: min(3.09vw, 44px); */
	padding-bottom: min(1.96vw, 28px);
	font-size: 24px;
	font-weight: bold;
}

.example_item_con {
	display: flex;
	flex-direction: row;
	align-items: center;
	/* padding-right: min(3.09vw,44px);
	width: min(31.3vw,446px);
	margin-left: -24px;
	padding-left: 24px; */
}

.examples_img {
	max-width: 150px;
	width: 100%;
}

.examples_des {
	background-color: #383EE7;
	color: #fff;
	font-weight: bold;
	border-radius: 0 12px 12px 0;
	width: 100%;
	height: 254px;
	margin-left: -1%;
	z-index: -1;
	padding: 26px 19px;
}

.examples_des_ttl {

}

.examples_lists {

}

.examples_list {
	border: 1px solid #fff;
	border-radius: 100px;
}

@media (max-width: 960px)  {
	.examples_items {
		overflow: visible;
	}

	#exampeles .slick01 .examples_item {
		max-width: 930px;
    width: 100%;
		height: fit-content;
	}

	.examples_img {
		max-width: calc(150/390*100vw);
	}

	#exampeles .examples_item img {
		max-width: unset;
    width: 100%;
	}

	.examples_des {
		width: max(296px, 75.8vw);
    height: max(65.1vw, 254px);
	}



}

/* 
----- slider -----*/
.slick-next {
	opacity: 1;
	background: unset;
	right: 4.7%;
	bottom: 118px;
}

.slick-next:before {
	content: "";
}

.button.slick-next {
	z-index: 4;
}

.slick-prev {
	display: none;
}

.slick-list {
	margin-right: -15%;
}

.slick-track {
	/* left: -22vw; */
}


@media (max-width: 960px)  {
	.slick-next {
		right: 0;
		top: 5%;
		bottom: unset;
	}

}

/* ----- faq ----- */
.birdcall-for-fun #faq .sec_ttl {
	color: #1A35BB;
	justify-content: center;
	padding-bottom: 57px;
	font-size: 40px;
}

.birdcall-for-fun #faq .faq_dl:first-of-type {
	border-top: 1px solid #C5C5C5;
}

.birdcall-for-fun #faq .faq_dl {
	border-bottom: 1px solid #C5C5C5;
	padding: 36px 0;
}

.birdcall-for-fun #faq .faq_dl dt {
	color: #1A35BB;
	padding-bottom: 22px;
}

.birdcall-for-fun #faq .faq_dl:first-of-type {
	border-top: 1px solid #C5C5C5;
}

.birdcall-for-fun #faq .faq_dl {
	border-bottom: 1px solid #C5C5C5;
}

@media (max-width: 960px) {
	.birdcall-for-fun #faq .sec_ttl {
		padding-bottom: 50px;
		font-size: 24px;
	}

	.birdcall-for-fun #faq .faq_dl {
		padding: 26px 0;
	}

	.birdcall-for-fun #faq .faq_dl dt,
	.birdcall-for-fun #faq .faq_dl dd {
		font-size: 16px;
	}

	.birdcall-for-fun #faq .faq_dl dt {
		padding-bottom: 16px;

	}
	

}