@charset "UTF-8";

/* ========================================
  @media screen and (min-width: 768px),print
======================================== */
@media screen and (min-width: 768px),print {
#thoughts .seo_bread_list {
	background: #FFFFFE;
	margin-block: 0 -40px;
}

.p-fv {
	background: #FFFFFE;
}

.p-fv .l-inner.l-fv {
	padding-block: 0 0px;
}

.p-fv .p-fv__contents {
	align-items: center;
	display: grid;
	gap: 0 35px;
	grid-template-columns: 376px 795px;
	justify-content: center;
	position: relative;
	left: 76px;
}

.p-fv .p-fv__contents-left h2 {
	font-size: 40px;
  font-size: clamp(1.75rem, 1.25rem + 1.04vw, 2.5rem);
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1.5;
	margin-bottom: 24px;
}

.p-fv .p-fv__contents-left h2 span {
	font-size: 48px;
  font-size: clamp(2rem, 1.333rem + 1.39vw, 3rem);
	color: #E3899F;
	font-weight: 700;
	letter-spacing: 0.015em;
	line-height: 1.5;
}

.p-fv .p-fv__contents-left p {
	font-size: 16px;
  font-size: clamp(0.75rem, 0.583rem + 0.35vw, 1rem);
	font-weight: 400;
	letter-spacing: 0.03em;
	line-height: 1.75;
	-webkit-text-decoration-line: underline;
	text-decoration-line: underline;
	-webkit-text-decoration-style: dotted;
	text-decoration-style: dotted;
	-webkit-text-decoration-skip: ink;
	text-decoration-skip-ink: auto;
	text-decoration-thickness: 1px; /* 6.25% */
	text-underline-offset: 25%; /* 4px */
	text-underline-position: from-font;
  color: #594A4E;
}

.p-thoughts {
	padding-block: 195px 179px;
	position: relative;
  color: #594A4E;
}

.p-thoughts:before {
	background: url(../images/thoughts/thoughts_bg.png) no-repeat top center/contain;
	content: "";
	height: 200px;
	left: 50%;
	margin-inline: auto;
	max-width: 1920px;
	position: absolute;
	top: 0;
	transform: translateX(-50%);
	width: 100%;
	width: 100%;
}

.p-thoughts .l-inner.l-thoughts {
	position: relative;
}

.p-thoughts .p-thoughts__img01 {
	position: absolute;
	right: 0;
	top: 0;
}

.p-thoughts .p-thoughts__img01 img {
  opacity: 0.8;
  mix-blend-mode: multiply;
}

.p-thoughts .p-thoughts__img02 {
	bottom: 300px;
	left: 31px;
	position: absolute;
}

.p-thoughts .p-thoughts__con {
  position: relative;
  z-index: 10;
}

.p-thoughts .p-thoughts__contents {
	display: grid;
	gap: 0 0px;
	grid-template-columns: 597px 507px;
	justify-content: center;
	margin-bottom: 87px;
	width: min(95%,1051px);
	margin-inline: auto;
}

.p-thoughts .p-thoughts__contents.reverse {
	grid-template-columns: 511px 512px;
	gap: 0 32px;
	margin-bottom: 121px;
}

.p-thoughts .p-thoughts__contents.reverse .p-thoughts__contents-left {
	order: 2;
}

.p-thoughts .p-thoughts__contents.reverse .p-thoughts__contents-right {
	order: 1;
}

.p-thoughts .p-thoughts__contents .p-thoughts__contents-right h3 {
	font-size: 16px;
}

.p-thoughts .p-thoughts__contents .p-thoughts__contents-right h3 {
	font-weight: 700;
	letter-spacing: 0.03em;
	line-height: 1.75;
	margin-bottom: 32px;
}

.p-thoughts .p-thoughts__contents .p-thoughts__contents-right .txt p {
	font-size: 16px;
	margin-bottom: 16px;
}

.p-thoughts .p-thoughts__contents .p-thoughts__contents-right .txt p {
	font-weight: 400;
	letter-spacing: 0.03em;
	line-height: 1.75;
}

.p-thoughts .p-thoughts__contents .p-thoughts__contents-right .txt p.bottom {
	margin-bottom: 0;
}

.c-sec__en {
	font-size: 16px;
	text-align: center;
	color: #3B4E71;
	font-weight: 700;
	letter-spacing: 0.03em;
	line-height: 1.75;
	margin-bottom: 8px;
}

.c-sec__ttl {
	font-size: 28px;
	text-align: center;
	color: #3B4E71;
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1.5357142857;
	margin-bottom: 40px;
}

.p-link {
	background: #FFFFFE;
	position: relative;
}

.p-link:before {
	background: url(../images/thoughts/link_bg.png) no-repeat top center/auto;
	content: "";
	height: 200px;
	left: 50%;
	margin-inline: auto;
	position: absolute;
	top: -200px;
	transform: translateX(-50%);
	width: min(100%, 1920px);
}

.p-link .l-inner.l-link {
	padding-block: 0px 40px;
}

.p-link .p-link__ttl {
	font-size: 28px;
	text-align: center;
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1.57;
	margin-bottom: 40px;
	margin-inline: auto;
	padding-inline: 64px;
	position: relative;
	width: -moz-fit-content;
	width: fit-content;
}

.p-link .p-link__ttl:before {
	background: url(../images/thoughts/link_ttl_icon.png) no-repeat center center/contain;
	content: "";
	height: 44px;
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 44px;
}

.p-link .p-link__ttl::after {
	background: url(../images/thoughts/link_ttl_icon.png) no-repeat center center/contain;
	content: "";
	height: 44px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 44px;
}

.p-link .p-link__items {
	display: grid;
	gap: 37px 29px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-inline: auto;
	width: min(95%, 1096px);
}

.p-link .p-link__item a {
	display: block;
}

.p-link .p-link__item a img {
	margin-bottom: 10px;
  width: 100%;
  height: auto;
}

.p-link .p-link__item a p {
	font-size: 16px;
}

.p-link .p-link__item a p {
	font-weight: 400;
	letter-spacing: 0.03em;
	line-height: 1.75;
}

}

/* ========================================
@media screen and (min-width:768px) and ( max-width:1600px) {
======================================== */
@media screen and (min-width:768px) and ( max-width:1600px) {
.p-thoughts .p-thoughts__img01 img {
  width: 20.438vw;
  height: auto;
}

.p-thoughts .p-thoughts__img02 {
	bottom: 28.75vw;
	left: 1.938vw;
	position: absolute;
}

.p-thoughts .p-thoughts__img02 img {
  width: 23.75vw;
  height: auto;        
}


}

/* ========================================
@media screen and (min-width:768px) and ( max-width:1400px) {
======================================== */
@media screen and (min-width:768px) and ( max-width:1400px) {
.p-fv .p-fv__contents {
	align-items: center;
	display: grid;
	gap: 0 2.5vw;
	grid-template-columns: 26.857vw 56.786vw;
	justify-content: center;
	position: relative;
	left: 0vw;
}

.p-fv .p-fv__contents-right img {
  width: 100%;
  height: auto;        
}
}

/* ========================================
@media screen and (min-width:768px) and ( max-width:1250px) {
======================================== */
@media screen and (min-width:768px) and ( max-width:1250px) {
.p-thoughts .p-thoughts__contents {
	display: grid;
	gap: 0 0px;
	grid-template-columns: 47.76vw 40.56vw;
	justify-content: center;
	margin-bottom: 6.96vw;
	width: min(85%,1051px);
	margin-inline: auto;
}

.p-thoughts .p-thoughts__contents.reverse {
	grid-template-columns: 40.88vw 40.96vw;
	gap: 0 2.56vw;
	margin-bottom: 9.68vw;
}

.p-thoughts .p-thoughts__contents-left img {
  width: 100%;
  height: auto;        
}
}

/* ========================================
  @media screen and (max-width: 767px)
======================================== */
@media screen and (max-width: 767px) {

#thoughts .seo_bread_list {
	background: #FFFFFE;
}

.p-fv {
	background: #FFFFFE;
}

.p-fv .l-inner.l-fv {
	margin-inline: auto;
	padding-block: 0 0px;
	width: min(95%, 92.5120772947vw);
}

.p-fv .p-fv__contents {
	display: grid;
	gap: 5.797vw 0;
	grid-template-columns: repeat(1, minmax(0, 1fr));
}

.p-fv .p-fv__contents-left {
	order: 2;
}

.p-fv .p-fv__contents-left h2 {
	font-size: 9.662vw;
}

.p-fv .p-fv__contents-left h2 {
	font-size: 5.797vw;
	font-weight: 700;
	letter-spacing: 0.025em;
	line-height: 1.6666666667;
	margin-bottom: 0;
	margin-bottom: 6vw;
}

.p-fv .p-fv__contents-left h2 span {
	font-size: 11.594vw;
}

.p-fv .p-fv__contents-left h2 span {
	color: #E3899F;
	font-size: 8.213vw;
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1.5294117647;
}

.p-fv .p-fv__contents-left p {
	font-size: 3.865vw;
	font-weight: 400;
	letter-spacing: 0.03em;
	line-height: 1.75;
	-webkit-text-decoration-line: underline;
	text-decoration-line: underline;
	-webkit-text-decoration-style: dotted;
	text-decoration-style: dotted;
	-webkit-text-decoration-skip: ink;
	text-decoration-skip-ink: auto;
	text-decoration-thickness: 0.242vw; /* 6.25% */
	text-underline-offset: 25%; /* 4px */
	text-underline-position: from-font;
  color: #594A4E;
}

.p-fv .p-fv__contents-right {
	order: 1;
}

.p-thoughts {
	padding-block: 15.9vw;
	position: relative;
  color: #594A4E;
}

.p-thoughts:before {
	background: url(../images/thoughts/thoughts_bg_sp.png) no-repeat top center/contain;
	content: "";
	height: 50.483vw;
	left: 50%;
	margin-inline: auto;
	position: absolute;
	top: 0px;
	transform: translateX(-50%);
	width: 100%;
	width: 100%;
}

.p-thoughts .l-inner.l-thoughts {
	padding-block: 23.155vw 0;
	position: relative;
  background: #F9F2F1;
}

.p-thoughts .p-thoughts__img01 {
	position: absolute;
	right: 0;
	top: 21vw;
}

.p-thoughts .p-thoughts__img01 img {
	height: auto;
	width: 16.908vw;
  opacity: 0.8;
  mix-blend-mode: multiply;
}

.p-thoughts .p-thoughts__img02 {
	bottom: 253.464vw;
	position: absolute;
	right: 0;
}

.p-thoughts .p-thoughts__img02 img {
	height: auto;
	width: 21.739vw;
}

.p-thoughts .p-thoughts__con {

}

.p-thoughts .p-thoughts__contents {
	display: grid;
	gap: 8.314vw 0;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	margin-bottom: 15.459vw;
  margin-inline: auto;
  width: min(100%, 92.27vw);
  position: relative;
  z-index: 10;
}

.p-thoughts .p-thoughts__contents.reverse {
	display: grid;
	gap: 5.314vw 0;
	grid-template-columns: repeat(1, minmax(0, 1fr));
}

.p-thoughts .p-thoughts__contents.reverse .p-thoughts__contents-left {
	order: 1;
}

.p-thoughts .p-thoughts__contents.reverse .p-thoughts__contents-right {
	order: 2;
}

.p-thoughts .p-thoughts__contents .p-thoughts__contents-right h3 {
	font-size: 3.865vw;
}

.p-thoughts .p-thoughts__contents .p-thoughts__contents-right h3 {
	font-size: 3.865vw;
	font-weight: 700;
	letter-spacing: 0.03em;
	line-height: 1.75;
	margin-bottom: 5.797vw;
}

.p-thoughts .p-thoughts__contents .p-thoughts__contents-right .txt p {
	font-size: 3.865vw;
}

.p-thoughts .p-thoughts__contents .p-thoughts__contents-right .txt p {
	font-size: 3.865vw;
	font-weight: 400;
	letter-spacing: 0.03em;
	line-height: 1.75;
	margin-bottom: 3.865vw;
}

.p-thoughts .p-thoughts__contents .p-thoughts__contents-right .txt p.bottom {
	margin-bottom: 0;
}

.c-sec__en {
	font-size: 3.865vw;
}

.c-sec__en {
	color: #3B4E71;
	font-size: 2.899vw;
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 1.6666666667;
	text-align: center;
	margin-bottom: 2vw;
}

.c-sec__ttl {
	font-size: 6.763vw;
}

.c-sec__ttl {
	color: #3B4E71;
	font-size: 5.797vw;
	font-weight: 700;
	letter-spacing: 0.025em;
	line-height: 1.6666666667;
	margin-bottom: 8.14vw;
	text-align: center;
}

.p-link {
	background: #FFFFFE;
	position: relative;
}

.p-link:before {
	background: url(../images/thoughts/link_bg_sp.png) no-repeat top center/contain;
	content: "";
	height: 15.459vw;
	left: 50%;
	position: absolute;
	top: -10.459vw;
	transform: translateX(-50%);
	width: 100%;
}

.p-link .l-inner.l-link {
	padding-block: 10vw 13.768vw;
}

.p-link .p-link__ttl {
	font-size: 6.763vw;
}

.p-link .p-link__ttl {
	font-size: 4.348vw;
	font-weight: 700;
	line-height: 1.5555555556;
	margin-bottom: 7.662vw;
	margin-inline: auto;
	padding-inline: 14.87vw;
	position: relative;
	text-align: center;
	width: -moz-fit-content;
	width: fit-content;
}

.p-link .p-link__ttl:before {
	background: url(../images/thoughts/link_ttl_icon.png) no-repeat center center/contain;
	content: "";
	height: 7.729vw;
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 7.488vw;
}

.p-link .p-link__ttl::after {
	background: url(../images/thoughts/link_ttl_icon.png) no-repeat center center/contain;
	content: "";
	height: 7.729vw;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 7.488vw;
}

.p-link .p-link__items {
	display: grid;
	gap: 7.246vw 0;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	margin-inline: auto;
	width: min(95%, 82.1vw);
}

.p-link .p-link__item a {
	display: block;
}

.p-link .p-link__item a img {
	height: auto;
	margin-bottom: 2.899vw;
	width: 100%;
}

.p-link .p-link__item a p {
	font-size: 3.865vw;
}

.p-link .p-link__item a p {
	font-size: 3.865vw;
	font-weight: 400;
	line-height: 1.75;
}

}
