@charset "utf-8";
/* トップ
-------------------------------------------------------------------*/
:root :is(section, .section) {
	position: relative;
	z-index: 5;
}
.aside-first-time {
	position: fixed;
	bottom: 2em;
	z-index: 25;
	right: 2em;
	transition: transform .4s, opacity .4s;
}
.aside-first-time:has(input:checked) {
	opacity: 0 !important;
	pointer-events: none;
	z-index: -1;
}
.aside-first-time #first-time {
	appearance: none;
	position: absolute;
	z-index: -1;
	background: none;
	border: none;
	opacity: 0;
}
.aside-first-time label {
	position: absolute;
	background: #fff;
	aspect-ratio: 1 / 1;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 2em;
	border-radius: 50%;
	right: -0.5em;
	top: -1em;
	box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.25);
	z-index: 2;
}
.aside-first-time a {
	display: block;
	border-radius: 1em;
	background: #fff;
	overflow: hidden;
	box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.25);
}
.aside-first-time a span {
	display: flex;
	align-items: center;
	gap: 0.25em;
	justify-content: center;
}
.aside-first-time a span:after {
	content: "";
	display: block;
	aspect-ratio: 1 / 1;
	height: 0.65em;
	color: var(--fontcolor);
	border-top: solid 2px;
	border-right: solid 2px;
	transform: rotate(45deg) skew(-2deg, -2deg);
	margin-top: 0.15em;
	transition: color .4s;
}
.aside-first-time a p {
	font-size: 0.875rem;
	padding: 0.35em;
	font-weight: 600;
}
body.home #mv {
	--height: 770px;
}
body.home #mv .vision-wrap {
	position: relative;
	z-index: 2;
	height: var(--height);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
}
body.home #mv .vision-slider {
	position: absolute;
	z-index: -1;
	inset: 0;
	width: 100%;
}
body.home #mv .vision-slider img {
	height: var(--height);
	object-fit: cover;
	width: 100%;
}
body.home #mv .wrap {
	position: absolute;
	z-index: 1;
	inset: var(--header) auto 0 8%;
	margin: auto;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}
body.home #mv .mv-txt {
	max-width: 1520px;
	margin-inline: auto;
	width: 100%;
	text-align: left;
	color: #fff;
	margin-bottom: 4em;
}
body.home #mv .mv-title p {
	font-size: 1.1875rem;
	margin-block: 1.5em 1.5em;
	line-height: 2;
}
body.home #mv .mv-btn-wrap {
	display: flex;
	gap: 1em;
}
body:is(.home, .post-name-beginner) #mv .mv-btn-wrap a {
	font-size: 1.25rem;
	width: auto;
	text-align: center;
	padding: 1em 3.25em;
	letter-spacing: 0.1em;
}
body:is(.home, .post-name-beginner) #mv .mv-btn-wrap a.bg-gra-yellow {
	--subcolor: var(--fontcolor);
	background: transparent;
	position: relative;
	z-index: 2;
	overflow: hidden;
}
body:is(.home, .post-name-beginner) #mv .mv-btn-wrap a.bg-gra-yellow:after {
	content: "";
	display: block;
	position: absolute;
	inset: 0;
	background: linear-gradient(0deg, rgba(255, 232, 137, 1) 0%, rgba(255, 207, 7, 1) 50%, rgba(255, 232, 137, 1) 100%);
	z-index: -1;
	transition: opacity .4s;
	opacity: 1;
}
body.home #mv .mv-btn-wrap a.bg-white {
	--subcolor: var(--key02);
	--basecolor: #fff;
	border-color: var(--subcolor);
}
body.home .section[id] {
	padding-block: 4.5em;
}
body.home #achievements .achievements-style {
	font-size: 2rem;
	display: flex;
	justify-content: center;
	margin-bottom: 0.75em;
	gap: 0em;
	align-items: center;
	letter-spacing: 0.1em;
}
body.home #achievements .achievements-style:before,
body.home #achievements .achievements-style:after {
	content: "";
	display: block;
	aspect-ratio: 56 / 136;
	background: url(../img/top/deco-tit01.png) no-repeat 50% 50% / contain;
	width: 28px;
	margin-inline: 0 0.5em;
}
body.home #achievements .achievements-style:after {
	transform: scaleX(-1);
	margin-inline: 0.5em 0;
}
body.home #achievements .achievements-style .achievements-blue {
	color: var(--key01);
}
body.home #achievements .achievements-style strong {
	--fontsize: 1.625;
	font-size: calc(var(--fontsize) * 1em);
	font-weight: 600;
	letter-spacing: 0;
	line-height: calc(1 / var(--fontsize));
}
body.home #achievements p {
	text-align: center;
	font-size: 1.75rem;
	font-weight: 600;
	line-height: 2;
}
body.home #achievements .btn {
	margin-inline: auto;
}
body.home #ordermade {
	padding-top: 0;
}
body.home #ordermade .ordermade-col {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
body.home #ordermade .ordermade-col>* {
	flex: 1;
	max-width: 628px;
	position: relative;
	z-index: 2;
	padding-bottom: 1em;
}
body.home #ordermade .ordermade-col>.ordermade-image {
	margin-right: -2.625em;
}
body.home #ordermade .slide-wrap {
	position: relative;
	background: var(--key01);
	padding: 2.65em;
	border-radius: 50%;
	aspect-ratio: 1 / 1;
	border: var(--lgray) solid 2.65em;
}
body.home #ordermade .ordermade-text {
	font-size: 1.125rem;
}
body.home #ordermade .ordermade-text h2 {
	font-size: 2em;
	color: var(--key02);
	margin-bottom: 1em;
	letter-spacing: 0.1em;
}
body.home #ordermade .ordermade-text p {
	line-height: 2.25;
	letter-spacing: 0.1em;
	font-weight: 500;
}
body.home #ordermade .deco {
	position: absolute;
	bottom: 0;
	right: -7.5em;
}
body.home #reason {
	padding-block: 0;
}
body.home #reason .reason-top {
	background: #4FC6F6;
	background: linear-gradient(60deg, rgba(79, 198, 246, 1) 0%, rgba(0, 129, 232, 1) 100%);
	padding-block: 4.5em;
}
body.home #reason .reason-top h2 {
	color: #fff;
	text-align: center;
	font-size: 2.625rem;
	margin-bottom: 1em;
}
body.home #reason .reason-top ol {
	display: flex;
	gap: 3%;
}
body.home #reason .reason-top ol li {
	background: #fff;
	position: relative;
	padding: 1em 1.75em 1.75em;
	border-radius: 1rem;
	box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.25);
	min-height: 374px;
	width: calc(94% / 3);
}
body.home #reason .reason-top ol i {
	font-size: 1.5em;
	text-decoration: underline;
	font-family: 'roboto', sans-serif;
}
body.home #reason .reason-top-image {
	margin-inline: auto;
	text-align: center;
}
body.home #reason .reason-top-style {
	font-size: 1.5em;
	text-align: center;
	margin-block: 0.5em 0.75em;
	line-height: 1.5;
}
body.home #reason .reason-top-style strong {
	font-weight: inherit;
	color: var(--key01);
}
body.home #reason .reason-top ol p {
	line-height: 1.8;
}
body.home #reason .reason-bottom {
	background: var(--lgray);
	padding-block: 9em 6.5em;
}
body.home #reason .reason01 {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 3.5em;
	padding-bottom: 5.5em;
	border-bottom: solid 1px var(--gray);
}
body.home #reason .reason01>* {
	max-width: 600px;
	position: relative;
}
body.home #reason .reason-title {
	font-size: 2.375rem;
	line-height: 1.6;
	font-weight: 800;
	margin-bottom: 0.75em;
}
body.home #reason .reason-title p {
	font-size: 1.85em;
	font-weight: 700;
	color: var(--key01);
	font-family: 'roboto', sans-serif;
	line-height: 1.25;
}
body.home #reason .reason01-text {
	padding-right: 2em;
	position: relative;
	z-index: 1;
}
body.home #reason .reason01-text>p {
	line-height: 1.8;
	margin-bottom: 2em;
}
body.home #reason .reason01-text .deco {
	position: absolute;
	top: -2em;
	right: 0;
}
body.home #reason .reason02 {
	padding-inline: var(--inner);
	margin-bottom: 3.5em;
	padding-bottom: 5.5em;
	border-bottom: solid 1px var(--gray);
}
body.home #reason .reason02 .reason-title {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 2em;
}
body.home #reason .reason02 .reason-title p {
	margin: 0;
}
body.home #reason .reason02 .btn {
	margin: 5em auto 0;
}
body.home #reason .reason03 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 2em;
}
body.home #reason .reason03 .reason-title {
	display: flex;
	align-items: center;
	gap: 0.5em;
	order: -2;
	margin: 0;
}
body.home #reason .reason03 .brn-center-wrap {
	order: -1;
}
body.home #plan .plan-title {
	margin: 0 auto 3em;
	text-align: center;
}
body.home #plan .plan-title h2 {
	font-size: 2.625rem;
	margin-bottom: 0.35em;
}
body.home #plan .plan-col {
	display: flex;
	gap: 2%;
	--height: 348px;
	justify-content: space-between;
}
body.home #plan .plan-col a {
	flex: 1;
	background: url(../img/top/bg-plan01.jpg) no-repeat 100% 100% / auto 100%;
	display: flex;
	flex-direction: column;
	height: var(--height);
	align-items: flex-start;
	justify-content: space-between;
	border-radius: 1rem;
	padding: 2.0em 3.5em;
	color: #fff;
	--color: #289f3c;
	max-width: 585px;
	overflow: hidden;
	background-color: var(--color);
	position: relative;
	z-index: 2;
	outline: solid 2px transparent;
}
body.home #plan .plan-col a:after {
	content: "";
	display: block;
	position: absolute;
	inset: -1px 26.00% -1px 0;
	background: var(--color);
	z-index: -1;
	transform: skewX(-16.5deg);
	transform-origin: top left;
	transition: right .2s, background .2s;
}
body.home #plan .plan-col a:nth-child(2) {
	--color: #d91f58;
	background-image: url(../img/top/bg-plan02.jpg);
}
body.home #plan .plan-col .plan-style {
	font-size: 1.75rem;
	display: flex;
	align-items: center;
	gap: 0.25em;
	font-weight: 500;
	margin-block: 0.75em 0.75em;
}
body.home #plan .plan-col .plan-style span {
	display: inline-flex;
	border: solid 2px #fff;
	border-radius: 2em;
	padding: 0em 0.75em;
	font-size: 1.375rem;
	color: #fff;
	background: var(--color);
}
body.home #plan .plan-col a p:not(.btn) {
	-webkit-text-stroke: 2px var(--color);
	paint-order: stroke;
}
body.home #plan .plan-col a .btn {
	--basecolor: #fff;
	--subcolor: var(--color);
	padding-inline: 4em;
	width: fit-content;
	margin-block: auto 0;
}
body.home #plan .plan-comprehensive {
	margin-block: 3.25em 2em;
	border: solid 3px var(--key01);
	border-radius: 1rem;
}
body.home #plan .plan-comprehensive .comprehensive-title {
	background: var(--key01);
	color: #fff;
	border-radius: 0.875rem 0.875rem 0 0;
	font-size: 1.75rem;
	text-align: center;
	position: relative;
	z-index: 1;
	font-weight: 600;
	padding-block: 0.875em 0.35em;
}
body.home #plan .plan-comprehensive .comprehensive-title p {
	position: absolute;
	inset: -1.5em 0 auto;
	font-size: 1rem;
	background: var(--key03);
	color: var(--fontcolor);
	margin: auto;
	width: fit-content;
	padding: 0.5em 2.0em;
	border-radius: 2em;
	font-weight: 600;
}
body.home #plan .plan-comprehensive .comprehensive-title p:after {
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%);
	content: "";
	display: block;
	height: 0.75em;
	aspect-ratio: 1 / 1;
	position: absolute;
	bottom: -0.75em;
	background: var(--key03);
	left: 5em;
}
body.home #plan .comprehensive-wrap {
	background: var(--lgray);
	padding: 2em 2em 3em;
	border-radius: 0 0 0.875rem 0.875rem;
}
body.home #plan .comprehensive-wrap>p {
	margin: 0 auto 2em;
	width: fit-content;
}
body.home #plan .comprehensive-wrap ul {
	display: flex;
	gap: 0.75em;
	flex-wrap: wrap;
	max-width: 1100px;
	justify-content: center;
	margin: 0 auto 1.5em;
}
body.home #plan .comprehensive-wrap ul li {
	background: #fff;
	flex: 1;
	display: flex;
	flex-direction: column;
	font-size: 0.875rem;
	align-items: center;
	border-radius: 0.75rem;
	box-shadow: 0 0 0.35em rgba(0, 0, 0, 0.1);
	padding: 1em;
	text-align: center;
	gap: 1em;
}
body.home #plan .comprehensive-wrap .btn {
	--key02: var(--key01);
	margin: 0 auto;
}
body.home #plan .endblock .btn {
	--basecolor: #fff;
	--subcolor: var(--key02);
	margin: 3em auto;
	border-color: var(--key02);
}
body.home #flow {
	background: var(--lgray2);
}
body.home #flow .flow-title {
	margin: 0 auto 3em;
	text-align: center;
}
body.home #flow .flow-title h2 {
	font-size: 2.625rem;
	margin-bottom: 0.35em;
}
body.home #flow .flow-col {
	display: flex;
	gap: 4em;
	max-width: 1100px;
	justify-content: space-between;
	margin-bottom: 3em;
	margin-inline: auto;
}
body.home #flow .flow-col li {
	display: flex;
	gap: 2em;
	align-items: center;
	flex: 1;
	flex-grow: 1;
	position: relative;
}
body.home #flow .flow-item {
	background: #fff;
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	gap: 0.5em;
	border: solid 1px var(--key01);
	border-radius: 50%;
	aspect-ratio: 1 / 1;
	padding: 1em;
	height: 100%;
	width: 100%;
	align-items: center;
	font-size: 1.125rem;
	text-align: center;
	padding-block: 3.25em 0;
}
body.home #flow .flow-col li:nth-child(n+2):before {
	clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
	content: "";
	display: block;
	height: 2.0em;
	aspect-ratio: 1 / 2;
	background: var(--key01);
	position: absolute;
	left: -2.25em;
	z-index: 2;
}
body.home #flow .flow-item i {
	font-size: 1.875rem;
	position: absolute;
	left: 0em;
	border-radius: 50%;
	aspect-ratio: 1 / 1;
	background: var(--key03);
	top: 0.75em;
	height: 1.875em;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--key01);
}
body.home #flow .flow-item p {
	line-height: 1.4;
	font-weight: 500;
}
body.home #flow .btn {
	padding-inline: 2em;
	margin-inline: auto;
}
body.home #news .news-col {
	--width: 848px;
	--gap: 7rem;
}
body.home #news .style_news {
	float: right;
	width: var(--width);
	margin-block: 1em;
}
body.home #news .news-col:after {
	content: "";
	display: block;
	clear: both;
}
body.home #news :is(.news-style, .news_link) {
	float: left;
	width: calc(100% - var(--width) - var(--gap));
}
body.home #news .news-style {
	font-size: 2.625rem;
	margin-bottom: 0.5em;
}
body.home #news .btn {
	width: auto;
	padding-inline: 1em;
}
body.home #column .column-style {
	font-size: 2.625rem;
	margin-bottom: 1.5em;
	text-align: center;
}
body.home #column .news_link .btn {
	margin: 3em auto 0;
	width: fit-content;
}
body.home #other {
	background: var(--lgray);
}
body.home #other .other {
	display: flex;
	gap: 2em;
}
body.home #other .other a {
	flex: 1;
	display: flex;
	aspect-ratio: 380 / 214;
	align-items: center;
	font-size: 1.75rem;
	padding: 2em;
	background: url(../img/top/bg-company.jpg) no-repeat 50% 50% / 100%;
	color: #fff;
	border-radius: 1rem;
	position: relative;
}
body.home #other .other a.item-media {
	background-image: url(../img/top/bg-media.jpg);
}
body.home #other .other a.item-recruit {
	background-image: url(../img/top/bg-recruit.jpg);
}
body.home #other .other a i {
	display: flex;
	align-items: center;
	height: 1.5em;
	aspect-ratio: 1 / 1;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	right: 1.25em;
	justify-content: center;
}
body.home #other .other a i:before {
	content: "";
	display: block;
	aspect-ratio: 1 / 1;
	height: 0.5em;
	color: var(--accent01);
	border-top: solid 2px;
	border-right: solid 2px;
	transform: rotate(45deg) skew(-4deg, -4deg);
	transition: var(--hover);
	margin-right: 0.25em;
}
@media (hover: hover) and (pointer: fine),
(hover: none) and (pointer: coarse) {
	.aside-first-time:hover {
		transform: translateY(-0.5em);
	}
	.aside-first-time a:hover {
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		background: var(--key01);
		color: #fff;
		text-decoration-color: transparent;
	}
	.aside-first-time a:hover span:after {
		color: #fff;
	}
	.aside-first-time label:hover {
		background: var(--accent01);
		color: #fff;
	}
	body:is(.home, .post-name-beginner) #mv .mv-btn-wrap a:hover {
		transform: translateY(0.5rem)
	}
	body:is(.home, .post-name-beginner) #mv .mv-btn-wrap a.bg-gra-yellow:hover {
		background: #fff;
		--basecolor: #feaa00;
	}
	body:is(.home, .post-name-beginner) #mv .mv-btn-wrap a.bg-gra-yellow:hover:after {
		opacity: 0;
	}
	body.home #plan .plan-col a:hover {
		text-decoration-color: transparent;
		outline-color: var(--color);
		color: var(--color);
	}
	body.home #plan .plan-col a:hover:after {
		background: #fff;
	}
	body.home #plan .plan-col a:hover .btn,
	body.home #plan .plan-col a:hover .plan-style span {
		background: var(--color);
		color: #fff;
	}
	body.home #plan .plan-col a:hover p:not(.btn) {
		-webkit-text-stroke: 2px #fff;
	}
	body.home #plan .plan-col a:hover .btn:after {
		color: #fff;
	}
	body.home #plan .endblock .btn:hover {
		--basecolor: var(--key02);
		--subcolor: #fff;
	}
	body.home #other .other a:hover {
		background-size: 115%;
	}
	body.home #other .other a:hover i {
		transform: translateX(-0.5rem)
	}
}
@media screen and (max-width:1600px) {
	body.home #mv .vision-wrap {
		padding-inline: var(--inner);
	}
	body.home .important-wrap {
		padding-inline: var(--inner);
	}
	body.home #news .news-col {
		--width: 640px;
	}
}
@media screen and (max-width:1200px) {
	body.home #ordermade .ordermade-col {
		flex-wrap: wrap;
	}
	body.home #ordermade .ordermade-col>.ordermade-image {
		margin-right: 0em;
		max-width: 50%;
	}
	body.home #ordermade .slide-wrap {
		padding: 1.5em;
		border-width: 1.5em
	}
	body.home #ordermade .deco {
		right: -1.5em;
		width: 166px;
	}
	body.home #reason .reason01 {
		flex-direction: column;
	}
	body.home #reason .reason01-text {
		max-width: 100%;
	}
	body.home #reason .reason01-image {
		margin-inline: auto;
	}
	body.home #plan .plan-col a {
		padding: 2em;
		height: auto;
	}
	body.home #plan .plan-col a p:not(.btn) {
		margin-bottom: 1em;
	}
	body.home #plan .comprehensive-wrap ul {
		flex-wrap: wrap;
		gap: 1em 2%;
	}
	body.home #plan .comprehensive-wrap ul li {
		flex-basis: 32%;
	}
	body.home #flow .flow-col {
		gap: 3em;
		max-width: 100%;
		margin-bottom: 3em;
		flex-direction: column;
		width: fit-content;
	}
	body.home #flow .flow-item {
		gap: 1em;
		padding: 1em 1em;
		justify-content: center;
		aspect-ratio: auto;
		border-radius: 1rem;
		flex-direction: row;
		align-items: center;
		justify-content: flex-start;
	}
	body.home #flow .flow-col li:nth-child(n+2):before {
		left: 0;
		right: 0;
		margin: auto;
		top: -2.25em;
		transform: rotate(90deg)
	}
	body.home #flow .flow-item i {
		font-size: 1.5rem;
		position: static;
		margin-block: -0.25em auto;
	}
	body.home #news :is(.news-style, .news_link) {
		width: auto;
		float: none;
	}
	body.home #news .style_news {
		float: none;
		width: 100%;
		margin-bottom: 3em;
	}
	body.home #other .other {
		gap: 1em 2%;
		flex-wrap: wrap;
		justify-content: center;
	}
	body.home #other .other a {
		flex-basis: 48%;
		flex-grow: inherit;
	}
}
@media screen and (max-width:767px) {
	.aside-first-time {
		bottom: 6em;
		right: 1.5em;
	}
	.aside-first-time label {
		font-size: 0.75em;
	}
	.aside-first-time a {
		border-radius: 0.75em;
		width: 163px;
	}
	.aside-first-time a span {
		display: flex;
		align-items: center;
		gap: 0.25em;
		justify-content: center;
	}
	.aside-first-time a span:after {
		height: 0.60em;
		margin-top: 0.0em;
	}
	body.home #mv {
		--height: 429px;
	}
	body.home #mv .wrap {
		inset: 0;
	}
	body.home #mv .mv-txt {
		margin-bottom: 2em;
	}
	body.home #mv .mv_style {
		max-width: 320px;
	}
	body.home #mv .mv-title p {
		font-size: 0.857rem;
		margin-block: 0.5em 1.0em;
		line-height: 1.6;
	}
	body.home #mv .mv-btn-wrap {
		gap: 0.5em;
	}
	body:is(.home, .post-name-beginner) #mv .mv-btn-wrap a {
		font-size: 0.857rem;
		text-align: center;
		padding: 0.5em 0.5em;
		flex-grow: 1;
	}
	body.home #mv .mv-btn-wrap a.bg-white {
		--subcolor: var(--key01);
	}
	body.home .section[id] {
		padding-block: 4.5em;
	}
	body.home #achievements .achievements-style {
		font-size: 1.75rem;
		text-align: center;
	}
	body.home #achievements .achievements-style:before,
	body.home #achievements .achievements-style:after {
		width: 28px;
	}
	body.home #achievements p {
		text-align: left;
		font-size: 1.125rem;
	}
	body.home #ordermade {
		padding-top: 0;
	}
	body.home #ordermade .ordermade-col {
		flex-direction: column;
	}
	body.home #ordermade .ordermade-col>* {
		max-width: 100%;
		padding-bottom: 1em;
		margin-right: 0;
	}
	body.home #ordermade .slide-wrap {
		padding: 1em;
		border-width: 1em;
	}
	body.home #ordermade .ordermade-col>.ordermade-image {
		max-width: 80%;
	}
	body.home #ordermade .ordermade-text {
		font-size: 1rem;
	}
	body.home #ordermade .ordermade-text h2 {
		font-size: 1.5em;
		color: var(--key02);
		margin-bottom: 1em;
		letter-spacing: 0.1em;
	}
	body.home #ordermade .ordermade-text p {
		line-height: 1.8;
	}
	body.home #ordermade .deco {
		right: 0.5em;
		width: 113px;
		filter: drop-shadow(0 0 0.1em rgba(0, 0, 0, 0.5))
	}
	body.home #reason {
		padding-block: 0;
	}
	body.home #reason .reason-top {
		padding-block: 3em;
	}
	body.home #reason .reason-top h2 {
		font-size: 2rem;
	}
	body.home #reason .reason-top ol {
		gap: 1em;
		flex-direction: column;
	}
	body.home #reason .reason-top ol li {
		padding: 1.5em 1.5em 1.5em;
		min-height: 0;
		max-width: 280px;
		margin-inline: auto;
		width: 100%;
	}
	body.home #reason .reason-top ol i {
		font-size: 1.5em;
		position: absolute;
		top: 0.5em;
	}
	body.home #reason .reason-top-image {
		width: 72px;
	}
	body.home #reason .reason-top-style {
		font-size: 1.25em;
		line-height: 1.375;
	}
	body.home #reason .reason-top ol p {
		font-size: 0.75rem;
	}
	body.home #reason .reason-bottom {
		padding-block: 4.5em;
	}
	body.home #reason .reason01 {
		margin-bottom: 2em;
		padding-bottom: 2em;
	}
	body.home #reason .reason01>* {
		max-width: 100%;
		position: relative;
	}
	body.home #reason .reason-title {
		font-size: 1.5rem;
		letter-spacing: 0
	}
	body.home #reason .reason-title p {
		font-size: 1.5em;
	}
	body.home #reason .reason01-text {
		padding-right: 0;
	}
	body.home #reason .reason01-text>p {
		font-size: 0.875rem;
	}
	body.home #reason .reason01-text .deco {
		position: absolute;
		top: -1em;
		right: 0;
		width: 114px;
	}
	body.home #reason .reason02 {
		margin-inline: var(--inner);
		padding-inline: 0;
		margin-bottom: 2em;
		padding-bottom: 2em;
	}
	body.home #reason .reason02 .btn {
		margin: 2em auto 0;
	}
	body.home #reason .reason03 {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		gap: 2em;
		justify-content: center;
	}
	body.home #reason .reason03 .brn-center-wrap {
		order: 1;
	}
	body.home #reason .reason03 .reason-title {
		display: block;
		text-align: center;
	}
	body.home #plan .plan-title {
		text-align: left;
	}
	body.home #plan .plan-title h2 {
		font-size: 2rem;
		margin-bottom: 0.35em;
	}
	body.home #plan .plan-col {
		display: flex;
		gap: 1em;
		--height: auto;
		flex-direction: column;
	}
	body.home #plan .plan-col a {
		padding: 1.0em 1.0em;
		max-width: 100%;
		background-size: 100% auto;
	}
	body.home #plan .plan-col a:after {
		inset: 0 26.00% 0 0;
		transform: skewX(-16.5deg);
	}
	body.home #plan .plan-col .plan-style {
		font-size: 1.35rem;
		margin-block: 0.25em 0.5em;
	}
	body.home #plan .plan-col .plan-style span {
		font-size: 1rem;
	}
	body.home #plan .plan-col a p:not(.btn) {
		font-size: 0.825rem;
		margin-bottom: 1em;
	}
	body.home #plan .plan-col a .btn {
		padding: 0.75em 2.75em;
		min-height: 0;
		font-size: 1rem;
	}
	body.home #plan .plan-comprehensive {
		margin-block: 4em 2em;
	}
	body.home #plan .plan-comprehensive .comprehensive-title {
		font-size: 1.5rem;
		border-radius: 0.75rem 0.75rem 0 0;
	}
	body.home #plan .plan-comprehensive .comprehensive-title p {
		inset: -2.75em 0 auto;
		line-height: 1.25;
	}
	body.home #plan .plan-comprehensive .comprehensive-title p:after {
		bottom: -0.5em;
	}
	body.home #plan .comprehensive-wrap {
		padding: 2em 1em 2em;
	}
	body.home #plan .comprehensive-wrap ul {
		display: flex;
		gap: 0.5em 2%;
		max-width: 100%;
		margin: 0 auto 1.5em;
	}
	body.home #plan .comprehensive-wrap ul li {
		flex-basis: 32%;
		font-size: 0.725rem;
		padding: 1.5em 0 1em;
		letter-spacing: 0;
		gap: 0;
	}
	body.home #plan .comprehensive-wrap ul li p {
		display: flex;
		min-height: 3.5em;
		align-items: center;
		line-height: 1.25;
		font-weight: 500;
	}
	body.home #plan .endblock .btn {
		margin: 3em auto 0;
	}
	body.home #flow .flow-title h2 {
		font-size: 2rem;
	}
	body.home #flow .flow-item {
		padding: 1em 1em;
		font-size: 1rem;
	}
	body.home #flow .flow-col li:nth-child(n+2):before {
		left: 0;
		right: 0;
		margin: auto;
		top: -2.25em;
		transform: rotate(90deg)
	}
	body.home #flow .flow-item i {
		font-size: 1.5rem;
		position: static;
		margin-block: -0.25em auto;
	}
	body.home #flow .flow-item p {
		text-align: left;
	}
	body.home #news .style_news {
		margin-block: 1em;
	}
	body.home #news .news-style {
		font-size: 2rem;
		margin-bottom: 1em;
	}
	body.home #column {
		padding-top: 0;
	}
	body.home #column .column-style {
		font-size: 2rem;
		margin-bottom: 1.5em;
	}
	body.home #other .other {
		flex-direction: column;
		gap: 1em;
		justify-content: stretch;
	}
	body.home #other .other a {
		flex: 1;
		display: flex;
		aspect-ratio: auto;
		font-size: 1.375rem;
		padding: 1em 1em;
		color: #fff;
		border-radius: 0.5rem;
		position: relative;
	}
	body.home #other .other a i {
		font-size: 1rem;
	}
	body.home #other .other a i:before {
		content: "";
		display: block;
		aspect-ratio: 1 / 1;
		height: 0.5em;
		color: var(--accent01);
		border-top: solid 2px;
		border-right: solid 2px;
		transform: rotate(45deg) skew(-4deg, -4deg);
		transition: var(--hover);
		margin-right: 0.25em;
	}
}
body.post-name-beginner .beginner-title {
	text-align: center;
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 1.5em;
}
body.post-name-beginner .mv-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	min-height: 28.75em;
	background: url(../img/beginner/img-mv01.jpg);
	background-position: center;
	padding-block: 1.5em;
}
body.post-name-beginner .mv-wrap .mv-title {
	font-size: 2.625rem;
	font-weight: bold;
	color: #fff;
	margin-bottom: 0.5em;
}
body.post-name-beginner .mv-wrap .mv-lead {
	font-size: 1.125rem;
	font-weight: 500;
	color: #fff;
	line-height: 2;
	margin-bottom: 1em;
}
body.post-name-beginner #mv .mv-btn-wrap a {
	font-size: 1.125rem;
	padding: 0.6875em 2em;
	width: min(100%, 320px);
}
body.post-name-beginner .feasible-wrap .feasible-title {
	text-align: center;
	font-size: 1.75rem;
	font-weight: bold;
	line-height: 1.8;
	margin-bottom: 2em;
}
body.post-name-beginner .feasible-wrap .feasible-title em {
	color: var(--key01);
}
body.post-name-beginner .feasible-wrap .feasible-list_box {
	position: relative;
	padding-block: 5em 3em;
}
body.post-name-beginner .feasible-wrap .feasible-list_box::before {
	position: absolute;
	z-index: -10;
	inset: -1.25em 0 auto;
	content: "";
	display: inline-block;
	width: 523px;
	height: 75px;
	background: var(--key03);
	background: linear-gradient(180deg, #fff 0%, var(--key03) 70%);
	clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
	margin-inline: auto;
}
body.post-name-beginner .feasible-wrap .feasible-list_box::after {
	position: absolute;
	z-index: -20;
	inset: 0 auto 0 50%;
	translate: -50%;
	content: "";
	display: inline-block;
	width: 100vw;
	height: 100%;
	background: #4FC6F6;
	background: linear-gradient(60deg, #4fc6f6 0%, var(--key01) 100%);
}
body.post-name-beginner .feasible-wrap .feasible-list_title {
	color: #fff;
}
body.post-name-beginner .feasible-wrap .feasible-list {
	display: flex;
	gap: 2.223%;
	flex-wrap: wrap;
}
body.post-name-beginner .feasible-wrap .feasible-list_item {
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	filter: drop-shadow(0 0 21px rgba(0, 55, 98, 0.1));
	will-change: filter;
	width: calc(93.331% / 4);
}
body.post-name-beginner .feasible-wrap .feasible-list_article {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: 1.25em;
	flex: 1;
}
body.post-name-beginner .feasible-wrap .feasible-list_subtitle {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-align: center;
	font-size: 1.125rem;
	font-weight: bold;
	word-break: auto-phrase;
	flex: 1;
	margin-bottom: 0.75em;
}
body.post-name-beginner .feasible-wrap .feasible-seminer_box {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row-reverse;
	gap: 5%;
	width: min(100%, 1000px);
	padding-block: 1em 4em;
	margin-inline: auto;
}
body.post-name-beginner .feasible-wrap .feasible-seminer_box::after {
	position: absolute;
	z-index: -20;
	inset: auto auto 0 50%;
	translate: -50%;
	content: "";
	display: inline-block;
	width: 100vw;
	height: 135%;
	background: var(--lgray);
}
body.post-name-beginner .feasible-wrap .feasible-seminer_article {
	width: min(60%, 500px);
}
body.post-name-beginner .feasible-wrap .feasible-seminer_title {
	text-align: left;
	color: var(--key02);
	margin-bottom: 0.75em;
}
body.post-name-beginner .point-wrap {
	padding-block: 5em;
}
body.post-name-beginner .point-wrap .point-box {
	--basecolor: #e2f4e8;
	--keycolor: #43b76b;
}
body.post-name-beginner .point-wrap .point-box.item02 {
	--basecolor: #f6f1d7;
	--keycolor: #ff9c00;
}
body.post-name-beginner .point-wrap .point-box:nth-child(n+2) {
	margin-top: 4.5em;
}
body.post-name-beginner .point-wrap .point-header_box {
	position: relative;
	z-index: 10;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-direction: row-reverse;
	gap: 5%;
	margin-bottom: 3.25em;
}
body.post-name-beginner .point-wrap .point-box:nth-child(even) .point-header_box {
	flex-direction: row;
}
body.post-name-beginner .point-wrap .point-header_num {
	position: absolute;
	z-index: -5;
	inset: 0 0 auto auto;
	font-size: 9.125rem;
	font-weight: bold;
	line-height: 0.75;
	color: var(--basecolor);
}
body.post-name-beginner .point-wrap .point-box:nth-child(even) .point-header_num {
	inset-inline: 0 auto;
}
body.post-name-beginner .point-wrap .point-header_title {
	width: 2.4em;
	font-size: 2.375rem;
	font-weight: bold;
	line-height: 1.2;
	writing-mode: vertical-rl;
}
body.post-name-beginner .point-wrap .point-header_image {
	border-radius: 10px;
	overflow: hidden;
}
body.post-name-beginner .point-wrap .point-header_image img {
	object-fit: cover;
	object-position: center;
	max-width: inherit;
	width: 100%;
	height: 373px;
}
body.post-name-beginner .point-wrap .point-details_box {
	position: relative;
	padding-inline: 15px;
	padding-bottom: 3.875em;
}
body.post-name-beginner .point-wrap .point-details_box::after {
	position: absolute;
	z-index: -10;
	inset: auto 0 0;
	content: "";
	display: inline-block;
	width: min(100%, 1100px);
	height: 132%;
	background: var(--basecolor);
	border-radius: 10px;
	margin-inline: auto;
}
body.post-name-beginner .point-wrap .point-details_box>* {
	width: min(100%, 1000px);
	margin-inline: auto;
}
body.post-name-beginner .point-wrap .point01-list {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
	gap: 1.125em;
	margin-bottom: 1.125em;
}
body.post-name-beginner .point-wrap .point01-list_item {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.5em;
	width: 236px;
	min-height: 4.5em;
	font-size: 1.25rem;
	font-weight: bold;
	background: #fff;
	border-radius: 10px;
	padding: 0.5em;
}
body.post-name-beginner .point-wrap .point02-list {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	gap: 3%;
	margin-bottom: 1.875em;
}
body.post-name-beginner .point-wrap .point02-list_item {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	font-weight: bold;
	background: #fff;
	border-radius: 10px;
	padding: 2em 1em 1.5em;
}
body.post-name-beginner .point-wrap .point02-list_item img {
	margin-bottom: 2.25em;
}
body.post-name-beginner .point-wrap .point02-list_article {
	width: min(100%, 263px);
	margin-inline: auto;
}
body.post-name-beginner .point-wrap .point02-list_title {
	text-align: center;
	font-size: 1.25rem;
	font-weight: bold;
	margin-bottom: 0.75em;
}
body.post-name-beginner .point-wrap .point-details_lead {
	padding: 1.25em;
	background: var(--keycolor);
	border-radius: 10px;
}
body.post-name-beginner .point-wrap .point-details_lead p {
	text-align: center;
	font-size: 1.25rem;
	font-weight: bold;
	color: #fff;
}
body.post-name-beginner .strengths-wrap {
	background: var(--key01);
	padding-block: 6.25em;
}
body.post-name-beginner .strengths-wrap .strengths-title {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.625em 1.25em;
	color: #fff;
	margin-bottom: 1.25em;
}
body.post-name-beginner .strengths-wrap .strengths-list {
	display: flex;
	justify-content: center;
	align-items: stretch;
	flex-wrap: wrap;
	gap: 1.85em 1.6667em;
}
body.post-name-beginner .strengths-wrap .strengths-list_item {
	width: 280px;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	filter: drop-shadow(0 0 12px rgba(0, 55, 98, 0.1));
	will-change: filter;
}
body.post-name-beginner .strengths-wrap .strengths-list_num {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 160px;
	min-height: 2.194445em;
	font-size: 1.125rem;
	font-weight: 500;
	color: #fff;
	text-transform: uppercase;
	background: var(--key02);
	padding-right: 30px;
	clip-path: polygon(0% 0%, 100% 0%, 81.25% 100%, 0% 100%);
	margin-bottom: 1.222223em;
}
body.post-name-beginner .strengths-wrap .strengths-list_text {
	text-align: center;
	font-size: 1.125rem;
	font-weight: bold;
	padding-bottom: 1.5em;
}
body.post-name-beginner .strengths-wrap .strengths-list_text em {
	background: linear-gradient(180deg, #fff 60%, var(--key03) 60%);
}
body.post-name-beginner :is(.flow-wrap, .price-wrap) {
	background: var(--lgray2);
	padding-block: 4em;
}
body.post-name-beginner .flow-wrap .flow-title {
	margin-bottom: 0.35em;
}
body.post-name-beginner .flow-wrap .flow-lead {
	text-align: center;
	font-weight: 500;
	margin-bottom: 4.125em;
}
body.post-name-beginner .flow-wrap .flow-list {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	font-size: min(1rem, 1.25vw);
	gap: 1.5em;
	margin-bottom: 5rem;
}
body.post-name-beginner .flow-wrap .flow-list_item {
	position: relative;
	z-index: 10;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: column;
	gap: 1em;
	width: 14.125em;
	aspect-ratio: 1/1;
	background: #fff;
	border: 1px solid var(--key01);
	border-radius: 100%;
	padding: 3.75em 1em 1em;
}
body.post-name-beginner .flow-wrap .flow-list_num {
	position: absolute;
	z-index: 10;
	inset: 0.5em auto auto 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 1.86667em;
	aspect-ratio: 1/1;
	text-align: center;
	font-size: 1.875em;
	font-weight: bold;
	line-height: 0.75;
	color: var(--key01);
	background: var(--key03);
	border-radius: 100%;
}
body.post-name-beginner .flow-wrap .flow-list_item img {
	width: auto;
	height: 37.845%;
}
body.post-name-beginner .flow-wrap .flow-list_text {
	text-align: center;
	font-size: 1.125em;
	font-weight: 500;
	line-height: 1.4;
	word-break: auto-phrase;
}
body.post-name-beginner .flow-wrap .flow-list_triangle {
	width: 0.875em;
	aspect-ratio: 7/15;
	background: var(--key01);
	clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
}
body.post-name-beginner .flow-wrap .btn {
	margin-inline: auto;
	padding-inline: 3em;
}
body.post-name-beginner .differences-wrap {
	padding-block: 4.25em;
}
body.post-name-beginner .differences-wrap .differences-title {
	margin-bottom: 1em;
}
body.post-name-beginner .price-wrap .price-box {
	position: relative;
	z-index: 10;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding-block: 4.25em 3em;
	padding-inline: 1.5em;
}
body.post-name-beginner .price-wrap .price-box::after {
	position: absolute;
	z-index: -20;
	inset: 0;
	content: "";
	display: inline-block;
	width: 100%;
	height: 100%;
	background: var(--key03);
	border: 5px solid #fff;
	border-radius: 10px;
	filter: drop-shadow(0 0 27px rgba(127, 103, 0, 0.08));
	will-change: filter;
}
body.post-name-beginner .price-wrap .price-title {
	display: inline-block;
	font-size: 2rem;
	font-weight: 900;
	color: var(--accent02);
	background: #fff;
	border-radius: 5em;
	padding: 0.25em 1.5em;
	margin-bottom: 0.75em;
}
body.post-name-beginner .price-wrap .price-text {
	font-size: 2.5rem;
	font-weight: 900;
	margin-bottom: 0.25em;
}
body.post-name-beginner .price-wrap .price-text em {
	font-size: 1.3em;
	font-weight: 900;
	color: var(--accent02);
}
body.post-name-beginner .price-wrap .price-text em span {
	font-size: 0.7692307692307692em;
}
body.post-name-beginner .price-wrap .price-text em small {
	font-size: 0.3846153846153846em;
	margin-inline: 0.5em;
}
body.post-name-beginner .price-wrap .price-image {
	position: absolute;
	z-index: -10;
	bottom: -10%;
	right: calc(50% - 550px);
	translate: -50%;
}
body.post-name-beginner .price-wrap .price-caution_list li {
	display: inline-block;
	font-weight: 500;
	text-indent: -1em;
	padding-left: 1em;
	margin-inline: 0.5em;
}
body.post-name-beginner .check-wrap {
	padding-block: 4.375em;
}
body.post-name-beginner .check-wrap .sitewrap-inner {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	gap: 3%;
}
body.post-name-beginner .check-wrap .check-box {
	--keycolor: var(--key01);
	--checkimage: url(../img/beginner/icon-check01.png);
	border: 1px solid #dadada;
	border-radius: 10px;
	overflow: hidden;
	flex: 1;
	text-align: center;
}
body.post-name-beginner .check-wrap .check-box.item02 {
	--keycolor: #878787;
	--checkimage: url(../img/beginner/icon-check02.png);
}
body.post-name-beginner .check-wrap .check-title {
	text-align: center;
	font-size: 1.75rem;
	font-weight: bold;
	color: #fff;
	background: var(--keycolor);
	padding: 0.45em 0.5em;
	margin-bottom: 0.5em;
}
body.post-name-beginner .check-wrap .check-list {
	display: inline-block;
	text-align: left;
	max-width: 92%;
	margin-inline: 4%;
}
body.post-name-beginner .check-wrap .check-list li {
	position: relative;
	z-index: 10;
	font-size: 1.125rem;
	font-weight: 500;
	margin-block: 1.5em;
	padding-left: 2.5em;
}
body.post-name-beginner .check-wrap .check-list li::before {
	position: absolute;
	z-index: 10;
	content: "";
	display: inline-block;
	width: 2em;
	aspect-ratio: 36/37;
	background: var(--checkimage);
	background-size: contain;
	background-repeat: no-repeat;
	top: -0.35em;
	left: 0;
}
body.post-name-beginner .faq-wrap {
	background: var(--lgray);
	padding-block: 5em;
}
body.post-name-beginner .faq-wrap .faq-title {
	margin-bottom: 1em;
}
body.post-name-beginner .faq-wrap .faq-item {
	width: min(100%, 1000px);
	margin-inline: auto;
}
body.post-name-beginner .faq-wrap .faq-item:nth-of-type(n + 2) {
	margin-top: 1em;
}
body.post-name-beginner .faq-wrap .faq-question {
	list-style: none;
	position: relative;
	z-index: 10;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 1em;
	font-size: 1.125rem;
	font-weight: bold;
	background: #fff;
	border-radius: 5em;
	padding: 0.722223em 3em 0.722223em 1.222223em;
	filter: drop-shadow(0 0 4.5px rgba(0, 55, 98, 0.06));
	will-change: filter;
	cursor: pointer;
}
body.post-name-beginner .faq-wrap .faq-question::-webkit-details-marker,
body.post-name-beginner .faq-wrap .faq-question::marker {
  display: none;
}
body.post-name-beginner .faq-wrap .faq-question::before {
	content: "Q";
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 1.8em;
	aspect-ratio: 1/1;
	font-size: 1.875rem;
	font-weight: bold;
	font-family: "Roboto", sans-serif;
	color: #fff;
	line-height: 0.75;
	background: var(--key02);
	border-radius: 100%;
}
body.post-name-beginner .faq-wrap .faq-question::after {
	position: absolute;
	z-index: 10;
	content: "+";
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	font-size: 1.5em;
	font-weight: 500;
	font-family: "Noto Sans JP", sans-serif;
	line-height: 0.7;
	top: 50%;
	right: 2rem;
	translate: 0 -50%;
}
body.post-name-beginner .faq-wrap .faq-item[open] .faq-question::after {
	font-size: 1em;
	content: "－";
}
body.post-name-beginner .faq-wrap .faq-answer {
	line-height: 1.8;
	margin-block: 1.5em;
}
body.post-name-beginner .faq-wrap .faq-answer .btn {
	font-size:1rem;
	width: 290px;
	margin-bottom:0;
}
body.post-name-beginner .faq-wrap .faq-answer .btn + * {
	margin-top:1em;
}
@media screen and (max-width: 767px) {
	body.post-name-beginner .beginner-title {
		font-size: 1.5rem;
		margin-bottom: 1em;
	}
	body.post-name-beginner .mv-wrap {
		justify-content:flex-end;
		aspect-ratio: 750/858;
		background-image: url(../img/beginner/img-mv01_sp.jpg);
		background-position: center bottom;
		background-size:cover;
		padding-block: 1.5em;
	}
	body.post-name-beginner .mv-wrap .mv-title {
		font-size: 2.25rem;
	}
	body.post-name-beginner .mv-wrap .mv-lead {
		font-size: 1rem;
	}
	body.post-name-beginner #mv .mv-btn-wrap a {
		margin-inline:auto;
	}
	body.post-name-beginner .feasible-wrap .feasible-title {
		font-size: 1.5rem;
	}
	body.post-name-beginner .feasible-wrap .feasible-list_box {
		padding-block: 3em 2em;
	}
	body.post-name-beginner .feasible-wrap .feasible-list_box::before {
		inset: -1.5em 0 auto;
		width: 250px;
		height: 50px;
	}
	body.post-name-beginner .feasible-wrap .feasible-list {
		flex-wrap:wrap;
		gap:2vw 2%;
	}
	body.post-name-beginner .feasible-wrap .feasible-list_item {
		flex-direction:row;
		width: unset;
	}
	body.post-name-beginner .feasible-wrap .feasible-list_item img {
		width:40vw;
		min-height: 37vw;
		object-fit:cover;
		object-position:center;
	}
	body.post-name-beginner .feasible-wrap .feasible-list_article {
		justify-content: flex-start;
		align-items: flex-start;
		padding: 1em;
	}
	body.post-name-beginner .feasible-wrap .feasible-list_subtitle {
		font-size: 1rem;
		word-break: normal;
		text-align:left;
		flex: none;
		margin-bottom: 0.5em;
	}
	body.post-name-beginner .feasible-wrap .feasible-list_article p {
		font-size:0.875rem;
	}
	body.post-name-beginner .feasible-wrap .feasible-seminer_box {
		flex-direction:column;
		gap: 2.5em;
		padding-block: 1em 3em;
	}
	body.post-name-beginner .feasible-wrap .feasible-seminer_box::after {
		width: 100vw;
		height: 150%;
	}
	body.post-name-beginner .feasible-wrap .feasible-seminer_image {
		width:80%;	
	}
	body.post-name-beginner .feasible-wrap .feasible-seminer_article {
		width: 100%;
	}
	body.post-name-beginner .point-wrap {
		padding-block: 3em;
	}
	body.post-name-beginner .point-wrap .point-box:nth-child(n+2) {
		margin-top: 2.5em;
	}
	body.post-name-beginner .point-wrap .point-header_box {
		width:calc(100% + 15px);
		gap: 5%;
		margin-left:-15px;
		margin-bottom: 2em;
	}
	body.post-name-beginner .point-wrap .point-box:nth-child(even) .point-header_box {
		margin-inline:auto -15px;
	}
	body.post-name-beginner .point-wrap .point-header_num {
		inset: 0 -40px auto auto;
		font-size: 8rem;
	}
	body.post-name-beginner .point-wrap .point-box:nth-child(even) .point-header_num {
		inset-inline: -20px auto;
	}
	body.post-name-beginner .point-wrap .point-header_title {
		font-size: 2rem;
	}
	body.post-name-beginner .point-wrap .point-header_image img {
		height: 60vw;
	}
	body.post-name-beginner .point-wrap .point-details_box {
		padding-bottom: 2.5em;
	}
	body.post-name-beginner .point-wrap .point-details_box::after {
		height: 125%;
	}
	body.post-name-beginner .point-wrap .point01-list {
		gap: 0.6em;
		margin-bottom: 1.125em;
	}
	body.post-name-beginner .point-wrap .point01-list_item {
		gap: 0.25em;
		width: calc(50% - 0.3em);
		min-height: 4em;
		font-size: 1rem;
		line-height: 1.2;
		border-radius: 5px;
	}
	body.post-name-beginner .point-wrap .point01-list_item img {
		max-width: inherit;
		object-fit: contain;
		height: 60%;
	}
	body.post-name-beginner .point-wrap .point02-list {
		flex-direction:column;
		gap:0.6em;
		margin-bottom: 1.5em;
	}
	body.post-name-beginner .point-wrap .point02-list_item {
		flex-direction: row;
		gap:5%;
		padding: 1em;
		border-radius: 5px;
	}
	body.post-name-beginner .point-wrap .point02-list_item img {
		max-width: inherit;
		object-fit: contain;
		aspect-ratio: 1/1;
		height: 10vw;
		margin-bottom: 0;
	}
	body.post-name-beginner .point-wrap .point02-list_article {
		width:auto;
	}
	body.post-name-beginner .point-wrap .point02-list_title {
		text-align: left;
		font-size: 1rem;
		margin-bottom: 0.25em;
	}
	body.post-name-beginner .point-wrap .point02-list_item p {
		font-size:0.8rem;
	}
	body.post-name-beginner .point-wrap .point-details_lead {
		padding: 1em;
	}
	body.post-name-beginner .point-wrap .point-details_lead p {
		text-align: left;
		font-size: 1rem;
	}
	body.post-name-beginner .strengths-wrap {
		padding-block: 4em;
	}
	body.post-name-beginner .strengths-wrap .strengths-title {
		gap: 0.625em 0.75em;
	}
	body.post-name-beginner .strengths-wrap .strengths-title img {
		width:120px;
	}
	body.post-name-beginner .strengths-wrap .strengths-list {
		gap: 1em;
	}
	body.post-name-beginner .strengths-wrap .strengths-list_item {
		width: 100%;
		min-height:7em;
	}
	body.post-name-beginner .strengths-wrap .strengths-list_num {
		width: 180px;
		margin-bottom:0.75em;
	}
	body.post-name-beginner .strengths-wrap .strengths-list_text {
		text-align:left;
		padding-inline:10px;
		padding-bottom: 1em;
	}
	body.post-name-beginner .strengths-wrap .strengths-list_text br {
		display:none;
	}
	body.post-name-beginner :is(.flow-wrap, .price-wrap) {
		padding-block: 2.75em;
	}
	body.post-name-beginner .flow-wrap .flow-lead {
		margin-bottom: 2em;
	}
	body.post-name-beginner .flow-wrap .flow-list {
		justify-content:flex-start;
		font-size: 2.75vw;
		gap: 1em;
		margin-bottom: 2rem;
	}
	body.post-name-beginner .flow-wrap .flow-list_item img {
		width: auto;
		height: 10vw;
	}
	body.post-name-beginner .differences-wrap {
		padding-block: 2.75em;
	}
	body.post-name-beginner .differences-wrap .scroll_wrap {
		overflow-x:auto;
	}
	body.post-name-beginner .differences-wrap .scroll_wrap img {
		max-width: inherit;
		width: 140vw;
	}
	body.post-name-beginner .price-wrap .price-box {
		padding-block: 2.25em 2em;
		padding-inline: 15px;
	}
	body.post-name-beginner .price-wrap .price-title {
		font-size: 1.5rem;
		padding: 0.25em 1.25em;
		margin-bottom: 0.25em;
	}
	body.post-name-beginner .price-wrap .price-text {
		font-size: 2rem;
		line-height:1.4;
	}
	body.post-name-beginner .price-wrap .price-image {
		width:18%;
		right: -10px;
		translate: none;
	}
	body.post-name-beginner .price-wrap .price-caution_list li {
		font-size:0.8rem;
	}
	body.post-name-beginner .check-wrap {
		padding-block: 3em;
	}
	body.post-name-beginner .check-wrap .sitewrap-inner {
		flex-direction:column;
		gap: 2em;
	}
	body.post-name-beginner .check-wrap .check-title {
		font-size: 1.5rem;
		margin-bottom: 0.25em;
	}
	body.post-name-beginner .check-wrap .check-list li {
		font-size: 1rem;
		margin-block: 1em;
		padding-left: 2em;
	}
	body.post-name-beginner .check-wrap .check-list li::before {
		width: 1.5em;
		top: 0;
	}
	body.post-name-beginner .faq-wrap {
		padding-block: 2.5em;
	}
	body.post-name-beginner .faq-wrap .faq-title {
		margin-bottom: 1em;
	}
	body.post-name-beginner .faq-wrap .faq-question {
		gap:.75em;
		font-size: 1.125rem;
		border-radius: 5em;
		padding: 0.722223em 3em 0.722223em 1em;
	}
	body.post-name-beginner .faq-wrap .faq-question::before {
		width: 2em;
		font-size: 1.75rem;
	}
	body.post-name-beginner .faq-wrap .faq-question::after {
		font-size: 2em;
		right: 1.25rem;
	}
	body.post-name-beginner .faq-wrap .faq-item[open] .faq-question::after {
		font-size: 1.25em;
	}
	body.post-name-beginner .faq-wrap .faq-answer {
		margin-block: 1em;
	}
	body.post-name-beginner .faq-wrap .faq-answer .btn {
		width: 260px;
	}
}

@media screen and (max-width: 1200px) {
	:root .sp-txt-shadow{
		text-shadow:0 0 3px rgba(0,0,0,0.6),0 0 5px rgba(0,0,0,0.4);
	}
}

:root .wpp-list{
	padding:0;
}
:root .wpp-list li{
	border-bottom:1px solid rgba(0,0,0,0.06);
	display:flex;
	justify-content:flex-start;
	align-items:center;
	gap:0.5em;
	padding-bottom:1em;
}
:root .wpp-list li a:has(img){
	width:70px;
}
:root .wpp-list li .wpp-post-title{
	font-size:0.875rem;
	width:calc(100% - 70px - 0.5em);
}
:root .wpp-list li img{
	border:1px solid rgba(0,0,0,0.06);
	display:block;
	float:none;
}
@media screen and (max-width: 768px) {
	:root .wpp-list li .wpp-post-title{
		font-size:1rem;
	}
}


body:not(.home) .staff-style{
	font-family: var(--serif);
}
body:not(.home) .staff-style span{
	font-family: var(--sans);
}