html {
	scroll-behavior: smooth;
}

@media (max-width: 720px) {
	body.menu-open {
		overflow: hidden;
		height: 100%;
	}
}

.font-serif {
	font-family: "Noto Serif JP", sans-serif;
}

.talk_to_care {
	padding-bottom: 80px;
	color: #585959;
	text-align: center;
}
@media (max-width: 720px) {
	.talk_to_care {
		padding-bottom: 0;
	}
}

.talk_to_care figure {
	margin: 0;;
}

.talk_to_care .pc-hidden {
	display: none;
}
@media (max-width: 720px) {
	.talk_to_care .pc-hidden {
		display: block;
	}
	.talk_to_care .sp-hidden {
		display: none;
	}
}

.talk_to_care-container {
	width: 100%;
	max-width: 1228px;
	padding: 0 24px;
	margin: 0 auto;
}
@media (max-width: 720px) {
	.talk_to_care-container {
		max-width: 100%;
		padding: 0 20px;
	}
}

.talk_to_care-button {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 352px;
	height: 58px;
	padding-inline: 15px;
	background: #fff;
	border: 1px solid #585959;
	border-radius: 50px;
	font-size: 12px;
	line-height: 1;
	text-align: center;
	color: #585959;
}
@media (max-width: 375px) {
	.talk_to_care-button {
		height: 56px;
		min-width: 280px;
	}
}

/* =========================
  Navigation
========================= */
.talk_to_care-navigation__toggle {
	position: fixed;
	top: 24px;
	right: 24px;
	z-index: 101;
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.talk_to_care-navigation__toggle img {
	width: 100%;
	height: auto;
}
.talk_to_care-navigation {
	position: fixed;
	top: 0;
	right: 0;
	width: 400px;
	height: 100%;
	z-index: 100;
	background-color: #fff;
	opacity: 0;
	visibility: hidden;
	overflow-y: auto;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
	transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
	box-shadow: -4px 0 10px rgba(0, 0, 0, 0.05);
}
.talk_to_care-navigation.is-open {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.talk_to_care-navigation__inner {
	display: flex;
	min-height: 100%;
	padding: 80px 35px;
}
.talk_to_care-navigation__list {
	list-style: none;
	padding: 0;
	margin: 0;
}
.talk_to_care-navigation__list li {
	margin-bottom: 24px;
}
.talk_to_care-navigation__list li:last-child {
	margin-bottom: 0;
}
.talk_to_care-navigation__item {
	display: inline-block;
	font-size: 16px;
	line-height: 2.4;
	letter-spacing: 2px;
	text-decoration: none;
	position: relative;
	padding: 6px 0;
	transition: color 0.2s;
}
.talk_to_care-navigation__item.is-current span {
	padding-bottom: 6px;
	border-bottom: 1px solid #CBA17E;
}
@media (max-width: 720px) {
	.talk_to_care-navigation {
		left: 0;
		right: 0;
		width: 100%;
		-webkit-transform: translateX(0);
		transform: translateX(0);
		box-shadow: none;
		-webkit-transition: opacity 0.2s, visibility 0.2s, transform 0.2s;
		transition: opacity 0.2s, visibility 0.2s, transform 0.2s;
	}
	.talk_to_care-navigation__toggle {
		top: 16px;
		right: 16px;
		width: 40px;
		height: 40px;
	}
	.talk_to_care-navigation__inner {
		align-items: center;
		padding: 40px 40px;
	}
	.talk_to_care-navigation__item {
		font-size: 14px;
	}
	.talk_to_care-navigation__list li {
		margin-bottom: 16px;
	}
}


/* =========================
  Hero
========================= */
.talk_to_care-hero__container {
	position: relative
}
.talk_to_care-hero__header {
	position: absolute;
	left: calc(50% - 38vw);
	top: 9.5vw;
}
.talk_to_care-hero__logo {
	width: 24.58vw; /* 472px */
}
.talk_to_care-hero__catch img {
	width: 25.42vw; /* 488px */
	margin: 6.06vw 0 0 3.9vw;
}
.talk_to_care-hero__image {
	aspect-ratio: 1920 / 1150;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.talk_to_care-hero__slider {
	position: relative;
	overflow: hidden;
}
.talk_to_care-hero__slider .swiper-slide {
	width: 100%;
}
.talk_to_care-hero__pagination {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 16px;
	z-index: 2;
}
.talk_to_care-hero__prev,
.talk_to_care-hero__next {
	color: #fff;
	width: 44px;
	height: 44px;
	z-index: 2;
	filter: drop-shadow(0 2px 6px rgba(0,0,0,0.3));
}
.talk_to_care-hero__prev { left: 12px; }
.talk_to_care-hero__next { right: 12px; }
@media (max-width: 720px) {
	.talk_to_care-hero__header {
		left: 6.92vw;
		top: 8.46vw;
	}
	.talk_to_care-hero__logo {
		width: 33.33vw;
	}
	.talk_to_care-hero__catch img {
		width: 15.2vw;
		margin: 20.77vw 0 0 6.92vw;
	}
	.talk_to_care-hero__image {
		aspect-ratio: 390 / 693;
	}
}

.talk_to_care .swiper-button-next,
.talk_to_care .swiper-button-prev {
	width: 50px!important;
	height: 50px!important;
	border-radius: 50%;
	background: #fff;
	filter: none;
}
.talk_to_care .swiper-button-prev {
	left: 68px!important;
}
.talk_to_care .swiper-button-next {
	right: 68px!important;
}
.talk_to_care .swiper-button-prev:after {
	content: "";
	color: #251714;
	display: inline-block;
  width: 10px;
  height: 10px;
  border-left: 1px solid #585959;
  border-bottom: 1px solid #585959;
  transform: rotate(45deg);
	margin-left: 5px;
}
.talk_to_care .swiper-button-next:after {
	content: "";
	color: #251714;
	display: inline-block;
  width: 10px;
  height: 10px;
  border-top: 1px solid #585959;
  border-right: 1px solid #585959;
  transform: rotate(45deg);
	margin-right: 5px;
}
.talk_to_care .swiper-horizontal>.talk_to_care .swiper-pagination-bullets,
.talk_to_care .swiper-pagination-bullets.talk_to_care .swiper-pagination-horizontal {
	bottom: 40px!important;
}
.talk_to_care .swiper-pagination-bullet {
	width: 10px!important;
	height: 10px!important;
	background: transparent!important;
	border: 1px solid #959392!important;
	opacity: 1!important;
	margin: 0 6px!important;
}
.talk_to_care .swiper-pagination-bullet-active {
	background: #959392!important;
}
@media (max-width: 720px) {
	.talk_to_care .swiper-button-next,
	.talk_to_care .swiper-button-prev {
		width: 30px!important;
		height: 30px!important;
	}
	.talk_to_care .swiper-button-prev {
		left: 11px!important;
	}
	.talk_to_care .swiper-button-next {
		right: 11px!important;
	}
	.talk_to_care .swiper-button-prev:after {
		width: 6px;
		height: 6px;
		margin-left: 3px;
	}
	.talk_to_care .swiper-button-next:after {
		width: 6px;
		height: 6px;
		margin-right: 3px;
	}
	.talk_to_care .swiper-horizontal>.talk_to_care .swiper-pagination-bullets,
	.talk_to_care .swiper-pagination-bullets.talk_to_care .swiper-pagination-horizontal {
		bottom: 20px!important;
	}
	.talk_to_care .swiper-pagination-bullet {
		width: 8px!important;
		height: 8px!important;
		margin: 0 4px!important;
	}
}

/* =========================
  Intro
========================= */
.talk_to_care-intro {
	padding: 100px 0 105px;
}
.talk_to_care-intro__title {
	margin-bottom: 24px;
	font-size: 40px;
	font-weight: 500;
	line-height: 2;
	letter-spacing: 7.5px;
}
.talk_to_care-intro__lead {
	font-size: 20px;
	font-weight: 500;
	line-height: 2.6;
}
.talk_to_care-intro__lead p + p {
	margin-top: 2em;
}
@media (max-width: 720px) {
	.talk_to_care-intro {
		padding: 40px 0 44px;
	}
	.talk_to_care-intro__title {
		margin-bottom: 24px;
		font-size: 19px;
		line-height: 2;
		letter-spacing: 3.3px;
	}
	.talk_to_care-intro__lead {
		font-size: 14px;
		line-height: 2.3;
		letter-spacing: 1px;
	}
}

/* =========================
  Survey
========================= */
.talk_to_care-survey {
	padding: 80px 0;
	background: #FFF6F6;
	color: #CBA17E;
}
.talk_to_care-survey__container {
	max-width: 866px;
	margin: 0 auto;
}
.talk_to_care-survey__bg {
	background: #fff;
	padding: 25px;
	text-align: left;
}
.talk_to_care-survey__title {
	padding: 15px;
	color: #fff;
	font-size: 25px;
	font-weight: 500;
	line-height: 1.3;
	background: #CBA17E;
}
.talk_to_care-survey__lead {
	font-size: 18px;
	line-height: 1.85;
	letter-spacing: 1.75px;
	text-align: justify;
	margin-bottom: 30px;
}
.talk_to_care-survey__lead p + p {
	margin-top: 1.5em;
}
.talk_to_care-survey__list img {
	width: 100%;
}
.talk_to_care-survey__notice {
	margin-top: 32px;
	padding: 0 20px;
	text-align: left;
}
.talk_to_care-survey__notice-list + .talk_to_care-survey__notice-list{
	margin-top: 23px;
}
.talk_to_care-survey__notice-title {
	display: inline-block;
	font-size: 13px;
	font-weight: 600;
	background: #CBA17E;
	border-radius: 5px;
	padding: 9px 15px;
	line-height: 1;
	color: #fff;
	margin-bottom: 8px;
}
.talk_to_care-survey__notice-description {
	font-size: 15px;
	line-height: 1.65;
	letter-spacing: 1px;
}
.talk_to_care-survey__actions {
	display: flex;
	justify-content: center;
	margin-top: 50px;
}
@media (max-width: 720px) {
	.talk_to_care-survey {
		padding: 0 0 24px;
		background: #fff;
		overflow: hidden;
	}
	.talk_to_care-survey .talk_to_care-container {
		padding: 0;
	}
	.talk_to_care-survey__container {
		max-width: 100%;
	}
	.talk_to_care-survey__bg {
		padding: 0;
	}
	.talk_to_care-survey__title {
		padding: 11px 5px;
		font-size: 19px;
		line-height: 1.3;
	}
	.talk_to_care-survey__lead {
		padding: 20px 25px 25px;
		font-size: 12px;
		line-height: 1.65;
		letter-spacing: 0;
		margin-bottom: 0;
	}
	.talk_to_care-survey__lead p + p {
		margin-top: 1.5em;
	}
	.talk_to_care-survey__list {
		padding: 0 18px;
	}
	.talk_to_care-survey__notice {
		margin-top: 15px;
		padding: 0 25px;
	}
	.talk_to_care-survey__notice-list + .talk_to_care-survey__notice-list{
		margin-top: 10px;
	}
	.talk_to_care-survey__notice-title {
		font-size: 10px;
		font-weight: 500;
		padding: 5px 10px;
		margin-bottom: 6px;
	}
	.talk_to_care-survey__notice-description {
		font-size: 10px;
		line-height: 1.65;
		letter-spacing: 0;
	}
	.talk_to_care-survey__actions {
		margin-top: 32px;
	}
}

/* =========================
  Project
========================= */
.talk_to_care-project {
	padding: 87px 0 105px;
}
.talk_to_care-project__container {
	max-width: 1148px;
	margin: 0 auto;
}
.talk_to_care-project__title {
	margin-bottom: 44px;
	font-size: 23px;
	font-weight: 500;
	letter-spacing: 6.5px;
}
.talk_to_care-project__title img {
	display: block;
	width: 357px;
	margin: 0 auto 16px;
}
.talk_to_care-project__volume {
	width: 158px;
	margin: 0 auto 12px;
	background: #D06368;
	color: #fff;
	font-size: 21px;
	font-weight: 500;
	line-height: 1;
	padding: 13px 20px;
	border-radius: 40px;
}
.talk_to_care-project__catch {
	margin-top: 32px;
	font-size: 25px;
	line-height: 1.64;
	letter-spacing: 4px;
	text-align: center;
	margin-bottom: 42px;
}
.talk_to_care-project__player-frame {
	width: 100%;
	aspect-ratio: 16 / 9;
	height: auto;
	margin: 0 auto;
	background: #ccc;
	border-radius: 30px;
	overflow: hidden;
}
.talk_to_care-project__lead {
	margin-top: 40px;
	font-size: 18px;
	line-height: 1.65;
	letter-spacing: 1px;
	text-align: left;
}
.talk_to_care-project__tag {
	margin-top: 12px;
	font-size: 22px;
}
.talk_to_care-project__list {
	display: grid;
	margin-top: 110px;
	grid-template-columns: 1fr 1fr;
	gap: 32px;
}
.talk_to_care-project__card {
	display: grid;
	row-gap: 32px;;
}
.talk_to_care-project__card__header {
	display: grid;
	row-gap: 8px;
}
.talk_to_care-project__card__title {
	font-size: 24px;
	font-weight: 500;
}
.talk_to_care-project__card__subtitle {
	font-size: 22px;
}
.talk_to_care-project__card__figure {
	border-radius: 24px;
	overflow: hidden;
}
.talk_to_care-project__card__description {
	font-size: 15px;
	line-height: 1.65;
	text-align: left;
}
.talk_to_care-project__actions {
	width: 348px;
	margin: 0 auto;
	margin-top: 112px;
}
@media (max-width: 720px) {
	.talk_to_care-project {
		padding: 28px 0 48px;
	}
	.talk_to_care-project__title {
		margin-bottom: 32px;
		font-size: 15px;
		letter-spacing: 2px;
	}
	.talk_to_care-project__title img {
		width: 230px;
		margin: 0 auto 12px;
	}
	.talk_to_care-project__volume {
		width: 108px;
		margin: 0 auto 12px;
		font-size: 14px;
		padding: 10px 15px;
	}
	.talk_to_care-project__catch {
		margin-top: 20px;
		font-size: 19px;
		line-height: 1.57;
		letter-spacing: 4px;
		text-align: center;
		margin-bottom: 16px;
	}
	.talk_to_care-project__player-frame {
		max-width: 100%;
		aspect-ratio: 16 / 9;
		height: auto;
		border-radius: 16px;
	}
	.talk_to_care-project__lead {
		margin-top: 20px;
		font-size: 12px;
	}
	.talk_to_care-project__tag {
		margin-top: 12px;
		font-size: 14px;
	}
	.talk_to_care-project__list {
		display: grid;
		margin-top: 48px;
		grid-template-columns: 1fr;
		gap: 32px;
	}
	.talk_to_care-project__card {
		display: grid;
		row-gap: 16px;;
	}
	.talk_to_care-project__card__header {
		display: grid;
		row-gap: 8px;
	}
	.talk_to_care-project__card__title {
		font-size: 16px;
	}
	.talk_to_care-project__card__subtitle {
		font-size: 14px;
	}
	.talk_to_care-project__card__figure {
		border-radius: 16px;
	}
	.talk_to_care-project__card__description {
		font-size: 12px;
		line-height: 1.65;
	}
	.talk_to_care-project__actions {
		width: 100%;
		max-width: 348px;
		margin-top: 32px;
	}
}

/* =========================
  Message
========================= */
.talk_to_care-message {
	min-height: 1050px;
	display: flex;
	align-items: center;
	background: url(img/message-bg.jpg) no-repeat center center / cover;
}
.talk_to_care-message__image {
	display: none;
}
.talk_to_care-message__content {
	color: #fff;
	text-align: left;
}
.talk_to_care-message__title {
	font-size: 24px;
	font-weight: 500;
	line-height: 1.65;
	margin-bottom: 32px;
}
.talk_to_care-message__text {
	font-size: 16px;
	line-height: 1.65;
	letter-spacing: 1px;
}
.talk_to_care-message__actions {
	margin-top: 90px;
}
.talk_to_care-message__actions .talk_to_care-button {
	width: 348px;
}
@media (max-width: 720px) {
	.talk_to_care-message {
		min-height: 0;
		display: block;
		padding: 0 0 52px;
		background: #A78E92;
	}
	.talk_to_care-message__image {
		display: block;
	}
	.talk_to_care-message__image img {
		width: 100%;
	}
	.talk_to_care-message__content {
		padding: 38px 0 0;
	}
	.talk_to_care-message__title {
		font-size: 20px;
		line-height: 2;
		margin-bottom: 40px;
	}
	.talk_to_care-message__text {
		font-size: 14px;
		line-height: 1.57;
		letter-spacing: 1px;
	}
	.talk_to_care-message__actions {
		width: 100%;
		max-width: 352px;
		margin: 48px auto 0;;
	}
	.talk_to_care-message__actions .talk_to_care-button {
		width: 100%;
	}
}

/* =========================
  About
========================= */
.talk_to_care-about {
	padding: 120px 0 160px;
}
.talk_to_care-about__title {
	font-size: 35px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 6.5px;
	margin-bottom: 36px;
}
.talk_to_care-necessity__container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
}
.talk_to_care-necessity__image {
	padding: 0 40px 0 20px;
}
.talk_to_care-necessity__image img {
	max-width: 480px;
	margin: 0 auto;
}
.talk_to_care-necessity__content {
	padding: 0 44px 0 0;
	text-align: left;
}
.talk_to_care-necessity__text {
	font-size: 18px;
	line-height: 1.6;
	letter-spacing: 0.5px;
	text-align: justify;
	margin-bottom: 16px;
}
.talk_to_care-necessity__figure {
	padding-bottom: 28px;
}
.talk_to_care-necessity__text-large {
	font-size: 20px;
	font-weight: 500;
	line-height: 1.6;
	text-align: center;
	letter-spacing:1.5px;
}
.talk_to_care-necessity + .talk_to_care-howto {
	margin-top: 56px;
	padding-top: 64px;
	border-top: 1px solid #CBA17E;
}
.talk_to_care-howto__container {
	display: grid;
	grid-template-columns: 1fr 1fr;
}
.talk_to_care-howto__item {
	display: grid;
	align-content: start;
	row-gap: 32px;
	padding: 0 44px;
}
.talk_to_care-howto__item:nth-child(even) {
	border-left: 1px solid #CBA17E;
}
.talk_to_care-howto__label {
	font-size: 30px;
	font-weight: 500;
	color: #fff;
	background: #D06368;
	border-radius: 40px;
	padding: 10px 20px;
	letter-spacing: 1px;
}
.talk_to_care-howto__title {
	font-size: 28px;
	font-weight: 500;
	line-height: 1.2;
	color: #251714;
}
.talk_to_care-howto__title-inner {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	margin-bottom: 8px;
}
.talk_to_care-howto__title-logo {
	display: inline;;
	width: 88px;
	margin-right: 8px;
}
.talk_to_care-howto__steps {
	display: grid;
	row-gap: 48px;
	margin-top: 8px;
}
.talk_to_care-howto__step {
	display: grid;
	grid-template-columns: 208px 1fr;
	align-items: center;
	gap: 32px;
	text-align: left;
}
.talk_to_care-howto__step-figure {
	width: 208px;
	flex-shrink: 0;
}
.talk_to_care-howto__step-content {
	display: grid;
	row-gap: 8px;
}
.talk_to_care-howto__step-title {
	font-size: 25px;
	font-weight: 500;
	color: #CBA17E;
}
.talk_to_care-howto__step-description {
	font-size: 17px;
	line-height: 1.6;
	text-align: justify;
}
@media (max-width: 1000px) {
	.talk_to_care-howto__container {
		grid-template-columns: 1fr;
		row-gap: 80px;
	}
	.talk_to_care-howto__item:nth-child(even) {
		border-left: none;
	}
}
@media (max-width: 720px) {
	.talk_to_care-about {
		padding: 48px 0 40px;
	}
	.talk_to_care-about__title {
		font-size: 19px;
		line-height: 1.6;
		letter-spacing: 3.5px;
		margin-bottom: 15px;
	}
	.talk_to_care-necessity__container {
		grid-template-columns: 1fr;
		align-items: center;
	}
	.talk_to_care-necessity__image {
		padding: 0 0 24px;
	}
	.talk_to_care-necessity__image img {
		max-width: 320px;
		margin: 0 auto;
	}
	.talk_to_care-necessity__content {
		padding: 0;
	}
	.talk_to_care-necessity__text {
		font-size: 12px;
		line-height: 1.6;
		letter-spacing: 0;
		margin-bottom: 16px;
	}
	.talk_to_care-necessity__figure {
		padding-bottom: 16px;
		text-align: center;
	}
	.talk_to_care-necessity__figure img {
		max-width: 260px;
		margin: 0 auto;
	}
	.talk_to_care-necessity__text-large {
		font-size: 16px;
		text-align: center;
		letter-spacing: 0.6px;
	}
	.talk_to_care-necessity + .talk_to_care-howto {
		margin-top: 28px;
		padding-top: 32px;
		border-top: none;
		position: relative;
	}
	.talk_to_care-necessity + .talk_to_care-howto::before {
		content: '';
		position: absolute;
		top: 0;
		left: -20px;
		width: 100vw;
		height: 1px;
		background: #CBA17E;
	}
	.talk_to_care-howto__container {
		grid-template-columns: 1fr;
		row-gap: 40px;
	}
	.talk_to_care-howto__item {
		row-gap: 25px;
		padding: 0;
	}
	.talk_to_care-howto__item:nth-child(even) {
		border-left: none;
	}
	.talk_to_care-howto__label {
		font-size: 21px;
		padding: 8px 15px;
		letter-spacing: 0.5px;
	}
	.talk_to_care-howto__title {
		font-size: 15px;
		line-height: 1.2;
	}
	.talk_to_care-howto__title-inner {
		margin-bottom: 8px;
	}
	.talk_to_care-howto__title-logo {
		width: 48px;
		margin-right: 4px;
	}
	.talk_to_care-howto__steps {
		row-gap: 30px;
		margin-top: 0;
	}
	.talk_to_care-howto__step {
		grid-template-columns: 146px 1fr;
		gap: 20px;
	}
	.talk_to_care-howto__step-figure {
		width: 146px;
	}
	.talk_to_care-howto__step-content {
		row-gap: 4px;
	}
	.talk_to_care-howto__step-title {
		font-size: 17px;
	}
	.talk_to_care-howto__step-description {
		font-size: 12px;
		line-height: 1.6;
	}
}

/* =========================
  Product
========================= */
.talk_to_care-product {
	min-height: 1018px;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	padding: 0 0 64px;
	background: url(img/product-bg.jpg) no-repeat center center / cover;
}
.talk_to_care-product__image {
	display: none;
}
.talk_to_care-product__actions .talk_to_care-button {
	width: 352px;
	margin-left: auto;
}
@media (max-width: 720px) {
	.talk_to_care-product {
		display: block;
		min-height: 0;
		padding: 00;
		background: none;
	}
	.talk_to_care-product__image {
		display: block;
	}
	.talk_to_care-product__image img {
		width: 100%;
	}
	.talk_to_care-product__actions {
		width: 100%;
		max-width: 352px;
		padding: 40px 0 50px;
		margin: 0 auto;
	}
	.talk_to_care-product__actions .talk_to_care-button {
		width: 100%;
	}
}


