html {
	font-size: min(10px, 0.78125vw);
}

body {
	background: #f8f8f8;
	color: #030303;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1.6rem;
	font-weight: 400;
}

body.noscroll {
	overflow: hidden;
}

a {
	display: block;
	transition: 0.2s;
}

a:hover {
	transition: 0.2s;
}

dt {
	font-weight: normal;
}

img {
	display: block;
	max-width: 100%;
	width: 100%;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

/* Remove default padding */

ul,
ol {
	padding: 0;
}

/* Remove default margin */

body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
figure,
blockquote,
dl,
dd {
	margin: 0;
}

/* Set core root defaults */

/* Set core body defaults */

body {
	text-rendering: optimizeSpeed;
}

/* Remove list styles on ul, ol elements with a class attribute */

ul,
ol {
	list-style: none;
}

/* A elements that don't have a class get default styles */

a:not([class]) {
	-webkit-text-decoration-skip: ink;
	text-decoration-skip-ink: auto;
}

/* Make images easier to work with */

img {
	display: block;
	max-width: 100%;
	width: 100%;
}

/* Inherit fonts for inputs and buttons */

input,
button,
textarea,
select {
	font: inherit;
}

/* フォームリセット */

input,
button,
select,
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: transparent;
	border: none;
	border-radius: 0;
	font: inherit;
	outline: none;
}

textarea {
	resize: vertical;
}

input[type=checkbox],
input[type=radio] {
	display: none;
}

input[type=submit],
input[type=button],
label,
button,
select {
	cursor: pointer;
}

select::-ms-expand {
	display: none;
}

/*
 * l-footer
 * -------------------------------------------------------------
 */

.l-footer {
	overflow: hidden;
	padding: 10rem 0;
}

.l-footer__inner {
	align-items: center;
	display: flex;
	gap: 0 10rem;
	padding-top: 0;
}

.l-footer__inner::before,
.l-footer__inner::after {
	display: none;
}

.l-footer__logo {
	max-width: 4.9rem;
}

.l-footer__nav {
	flex: 1;
}

.l-footer__nav-items {
	align-items: center;
	display: flex;
	gap: 0 3.8rem;
}

.l-footer__nav-item a {
	font-family: "Cinzel", serif;
	font-size: 1.8rem;
	line-height: 1.33;
	text-transform: uppercase;
}

.l-footer__sns {
	max-width: 4.3rem;
}

/*
 * l-header
 * -------------------------------------------------------------
 */

.l-header {
	background: #F8F8F8;
	height: 83.2rem;
	left: 0;
	position: absolute;
	top: 0;
	transition: background 0.2s ease-in-out;
	width: 15.625%;
	z-index: 1000;
}

.l-header.scrolled {
	padding-top: 4rem;
}

.l-header__inner {
	height: 100%;
}

.l-header__sns {
	margin-top: 24rem;
}

/*
 * l-inner
 * -------------------------------------------------------------
 */

.l-inner {
	margin: auto;
	max-width: 92.2rem;
	padding: 0 2rem;
}

.l-inner--bg {
	padding-top: 8rem;
	position: relative;
}

.l-inner--bg::before {
	content: "";
	display: block;
	height: 100%;
	max-width: 85.3rem;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

.l-inner--bg::after {
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	width: 100vw;
	z-index: -1;
}

/*
 * l-main
 * -------------------------------------------------------------
 */

.l-main {
	overflow: hidden;
}

.l-main--page {
	background: #f8f8f8;
	padding-top: 3.2rem;
	position: relative;
}

/*
 * l-page-bg
 * -------------------------------------------------------------
 */

.l-page-bg {
	position: relative;
}

.l-page-bg::before,
.l-page-bg::after {
	content: "";
	display: block;
	height: 100%;
	max-width: 20rem;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}

.l-page-bg::before {
	left: 0;
}

.l-page-bg::after {
	right: 0;
}

.l-page-bg--work {
	position: relative;
	z-index: 20;
}

.l-page-bg--work::before {
	background: linear-gradient(90deg, #FDF0CF 0%, rgba(253, 240, 207, 0) 100%);
}

.l-page-bg--work::after {
	background: linear-gradient(270deg, #FDF0CF 0%, rgba(253, 240, 207, 0) 100%);
}

.l-page-bg--blog::before {
	background: linear-gradient(90deg, #D7E7AF 0%, rgba(215, 231, 175, 0) 100%);
}

.l-page-bg--blog::after {
	background: linear-gradient(270deg, #D7E7AF 0%, rgba(215, 231, 175, 0) 100%);
}

/*
 * l-page-header
 * -------------------------------------------------------------
 */

.l-page-header {
	left: 0;
	position: fixed;
	right: 0;
	top: 7.5rem;
	z-index: 200;
}

.l-page-header__inner {
	padding: 0 8rem;
}

.p-page-header__nav {
	display: flex;
	justify-content: space-between;
}

.l-page-header__logo {
	height: 5rem;
	width: 5rem;
}

.l-page-header__logo img {
	opacity: 1;
	transition: opacity 0.2s ease-in-out;
}

.l-page-header__logo img.is-visible {
	opacity: 1;
}

.l-page-header__logo img.is-hidden {
	opacity: 0;
}

/*
 * l-section
 * -------------------------------------------------------------
 */

/*
 * l-single-bg
 * -------------------------------------------------------------
 */

.l-single-bg {
	position: relative;
}

.l-single-bg::before {
	background: url(./../images/contents/single_bg.webp) no-repeat top/100%;
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 20;
}

/*
 * c-breadcrumb
 * -------------------------------------------------------------
 */

.c-breadcrumb {
	background: #f8f8f8;
	padding-top: 3.2rem;
}

.c-breadcrumb__lists {
	align-items: center;
	display: flex;
	gap: 0 0.4em;
}

.c-breadcrumb__list {
	color: #000;
	display: flex;
	font-family: "Cinzel", serif;
	font-size: 1.5rem;
	gap: 0 0.4em;
	line-height: 1.33;
}

.c-breadcrumb__list:not(:last-child):after {
	content: ">";
	display: inline-block;
}

.c-breadcrumb a {
	position: relative;
	z-index: 100;
}

.c-breadcrumb__inner {
	display: flex;
	gap: 0 0.4em;
}

.c-breadcrumb span {
	color: #000;
	display: flex;
	font-family: "Cinzel", serif;
	font-size: 1.5rem;
	gap: 0 0.4em;
	line-height: 1.33;
	text-transform: uppercase;
}

.c-breadcrumb span:not(:last-of-type):after {
	content: ">";
	display: inline-block;
}

/*
 * c-btn
 * -------------------------------------------------------------
 */

.c-btn {
	align-items: center;
	background: linear-gradient(135deg, #FFFFFF 0%, #E8E8E8 100%);
	border: 1px solid rgba(3, 3, 3, 0.2);
	border-radius: 8px;
	box-shadow: -5px 5px 10px rgba(185, 185, 185, 0.2), 5px -5px 10px rgba(185, 185, 185, 0.2), -5px -5px 10px rgba(255, 255, 255, 0.9), 5px 5px 13px rgba(185, 185, 185, 0.9), inset 1px 1px 2px rgba(255, 255, 255, 0.3), inset -1px -1px 2px rgba(185, 185, 185, 0.5);
	display: flex;
	font-family: "Cinzel", serif;
	font-size: 1.8rem;
	justify-content: center;
	max-width: 10.8rem;
	padding: 1.2rem 3rem 0.9rem;
	text-transform: uppercase;
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.c-btn:active {
	box-shadow: 0 2px rgba(185, 185, 185, 0.2), 0 2px 0px rgba(185, 185, 185, 0.2), 2px -2px 5px rgba(255, 255, 255, 0.9), 2px 2px 6px rgba(185, 185, 185, 0.9), inset 1px 1px 2px rgba(255, 255, 255, 0.3), inset -1px -1px 2px rgba(185, 185, 185, 0.5);
	transform: translateY(1px);
}

.c-btn--contact {
	margin: 0 auto;
	max-width: 14.5rem;
	padding: 1.2rem 3rem 0.9rem;
}

.c-btn--work {
	font-family: "Noto Sans JP", sans-serif;
	max-width: 16.8rem;
	padding: 1.2rem 2rem;
}

/*
 * c-hamburger
 * -------------------------------------------------------------
 */

.c-hamburger {
	background: url(./../images/common/hamburger_border.webp) no-repeat center/100%;
	height: 5rem;
	position: relative;
	position: fixed;
	right: 8rem;
	top: 5rem;
	width: 5rem;
	z-index: 1000;
}

.c-hamburger span {
	background: #552900;
	display: block;
	height: 2px;
	left: 50%;
	margin: 0 auto;
	position: absolute;
	transform: translateX(-50%);
	transition: background 0.3s ease-in-out;
	width: 3rem;
}

.c-hamburger span:nth-child(1) {
	top: 30%;
}

.c-hamburger span:nth-child(2) {
	transform: translate(-50%, -50%);
}

.c-hamburger span:nth-child(3) {
	top: 65%;
}

.c-hamburger span.is-active:nth-child(1) {
	background: #f8f8f8 !important;
}

.c-hamburger span.is-active:nth-child(1) {
	top: 50%;
	transform: translate(-50%, -50%);
}

.c-hamburger span.is-active:nth-child(2) {
	opacity: 0;
}

.c-hamburger span.is-active:nth-child(3) {
	background: #f8f8f8 !important;
}

.c-hamburger span.is-active:nth-child(3) {
	top: 50%;
	transform: translate(-50%, -50%);
}

.c-hamburger--page {
	position: relative;
	right: auto;
	top: auto;
}

/*
 * c-main-nav
 * -------------------------------------------------------------
 */

.c-main-nav {
	background: rgba(85, 41, 0, 0.9);
	height: 100%;
	max-width: 50rem;
	padding: 13.4rem 2rem 17rem;
	position: fixed;
	right: 0;
	top: 0;
	transform: translateX(50rem);
	transition: all 0.6s;
	width: 100%;
	z-index: 100;
}

.c-main-nav.is-active {
	transform: translateX(0);
}

.c-main-nav__sns {
	margin-top: 7.2rem;
}

.c-main-nav .c-nav__items {
	margin-top: 7.2rem;
}

/*
 * c-nav
 * -------------------------------------------------------------
 */

.c-nav {
	padding: 8rem 2.5rem;
}

.c-nav__logo {
	margin: 0 auto;
	max-width: 4.9rem;
}

.c-nav__items {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 3.8rem 0;
	margin-top: 4rem;
}

.c-nav__link {
	font-family: "Cinzel", serif;
	font-size: 1.8rem;
	line-height: 1.33;
	text-transform: uppercase;
}

.c-nav__link--wht {
	color: #F8F8F8;
}

.c-nav__contact {
	background: linear-gradient(135deg, #FFFFFF 0%, #E8E8E8 100%);
	border: 1px solid rgba(3, 3, 3, 0.2);
	border-radius: 8px;
	box-shadow: -5px 5px 10px rgba(185, 185, 185, 0.2), 5px -5px 10px rgba(185, 185, 185, 0.2), -5px -5px 10px rgba(255, 255, 255, 0.9), 5px 5px 13px rgba(185, 185, 185, 0.9), inset 1px 1px 2px rgba(255, 255, 255, 0.3), inset -1px -1px 2px rgba(185, 185, 185, 0.5);
	color: #552900;
	font-size: 1.8rem;
	line-height: 1.33;
	max-width: 14.5rem;
	padding: 1rem 3rem;
	text-transform: uppercase;
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.c-nav__contact:active {
	border: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.3), -1px -1px 2px rgba(124, 124, 124, 0.5), inset -2px 2px 4px rgba(124, 124, 124, 0.2), inset 2px -2px 4px rgba(124, 124, 124, 0.2), inset -2px -2px 4px rgba(255, 255, 255, 0.9), inset 2px 2px 5px rgba(124, 124, 124, 0.9);
	position: relative;
	top: 2px;
}

.c-nav__sns {
	margin: 0 auto;
	max-width: 4.3rem;
}

/*
 * c-pagetop
 * -------------------------------------------------------------
 */

.c-pagetop {
	position: fixed;
	right: 0;
	top: 50rem;
	width: 100%;
	z-index: 2;
}

.l-c-pagetop__inner {
	padding: 0 8rem;
}

.c-pagetop a {
	background: url(./../images/common/pagetop_btn.webp) no-repeat center/100%;
	height: 5rem;
	margin-left: auto;
	width: 5rem;
}

/*
 * c-pagination
 * -------------------------------------------------------------
 */

.c-pagination,
.wp-pagenavi {
	display: flex;
	gap: 0 2.4rem;
	justify-content: center;
	padding: 4rem 0 8rem;
	position: relative;
	z-index: 100;
}

.c-pagination__page {
	align-items: center;
	background: #FDF0CF;
	border: 1px solid rgba(85, 41, 0, 0.2);
	border-radius: 8px;
	color: #552900;
	display: flex;
	flex-direction: column;
	font-weight: 400;
	gap: 10px;
	height: 3.3rem;
	justify-content: center;
	line-height: 1.43;
	padding: 0.5rem 1.2rem;
	width: 3.3rem;
}

.c-pagination__current {
	background: #FDF0CF;
	box-shadow: 3px 2px 5px rgba(0, 0, 0, 0.16);
}

.c-pagination__link {
	background: transparent;
}

/*
 * c-section-ttl
 * -------------------------------------------------------------
 */

/* about */

.c-section-ttl {
	color: #552900;
	font-family: "Cinzel", serif;
	font-size: 4rem;
	font-weight: 700;
	line-height: 1.35;
	text-transform: uppercase;
}

.c-section-ttl--right {
	text-align: right;
}

.c-section-ttl--center {
	text-align: center;
}

/*
 * c-sp-contact
 * -------------------------------------------------------------
 */

.c-sp-contact a {
	background: url(./../images/common/icon_mail.webp) no-repeat center/100%;
	height: 5rem;
	transition: background 0.3s ease-in-out opacity 0.5s ease-in-out;
	width: 5rem;
}

.c-sp-contact a.scrolled {
	background: url(./../images/common/icon_mail_color.webp) no-repeat center/100%;
}

.c-sp-contact a.is-active {
	opacity: 0;
}

/*
 * u-fadein
 * -------------------------------------------------------------
 */

.u-fadein {
	opacity: 0;
	transform: translateY(2rem);
	transition: all 0.8s ease-out;
}

.u-fadein.is-visible {
	opacity: 1;
	transform: translateY(0);
}

/*
 * u-pc
 * -------------------------------------------------------------
 */

.u-pc {
	display: block;
}

/*
 * u-sp
 * -------------------------------------------------------------
 */

.u-sp {
	display: none;
}

/*
 * p-about
 * -------------------------------------------------------------
 */

.p-about {
	position: relative;
}

.p-about .l-inner--bg {
	padding-bottom: 17.5rem;
}

.p-about .l-inner--bg::before {
	background: #D7E7AF;
	left: -24.4rem;
}

.p-about .l-inner--bg::after {
	background: #D7E7AF;
	right: 24.4rem;
}

.p-about__cont {
	display: flex;
	gap: 0 17.8rem;
	margin-top: 8rem;
}

.p-about__img {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 1.8rem 0;
	max-width: 16.4rem;
	width: 100%;
}

.p-about__img-ttl {
	align-items: center;
	display: flex;
	font-family: "Source Serif 4", serif;
	font-size: 1.6rem;
	justify-content: space-between;
	width: 100%;
}

.p-about__img-ttl::before {
	background: url(./../images/contents/icon_x_small.webp) no-repeat center/100%;
	content: "";
	display: inline-block;
	height: 1.6rem;
	width: 1.5rem;
}

.p-about__body {
	flex: 1;
}

.p-about__body-ttl {
	font-family: "Source Serif 4", serif;
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 1.25;
	text-transform: capitalize;
}

.p-about__body-txt {
	font-size: 1.6rem;
	line-height: 1.43;
	margin-top: 1.6rem;
}

.p-about__detail {
	margin-top: 4rem;
}

.p-about__detail-ttl {
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.45;
}

.p-about__detail-ttl::before {
	content: "▶︎";
	display: inline-block;
}

.p-about__detail-table {
	margin-top: 1.6rem;
}

.p-about__detail-item {
	align-items: center;
	display: flex;
	gap: 0 2.4rem;
}

.p-about__detail-item:not(:nth-child(1)) {
	margin-top: 2.4rem;
}

.p-about__detail-table dt {
	background: #7D8A5B;
	border-radius: 8px;
	color: #fff;
	font-size: 1.8rem;
	padding: 2rem 1.5rem;
}

.p-about__detail-table dd {
	font-size: 1.6rem;
	line-height: 1.8;
}

.p-about__btn {
	margin-left: auto;
	position: relative;
	width: -moz-fit-content;
	width: fit-content;
	z-index: 20;
}

/*
 * p-blog
 * -------------------------------------------------------------
 */

.p-blog {
	background: url(./../images/contents/blog_bg.webp) no-repeat top/100%;
	position: relative;
	z-index: 10;
}

.p-blog__inner {
	max-width: 72rem;
}

.p-blog__items {
	display: flex;
	flex-direction: column;
	gap: 3.2rem 0;
	margin: 0 auto;
	max-width: 55.5rem;
	padding-bottom: 4rem;
}

.p-blog__item {
	display: flex;
	transition: all 0.4s;
}

.p-blog__img {
	aspect-ratio: 205/127;
	max-width: 20.5rem;
	position: relative;
}

.p-blog__img img {
	-o-object-fit: cover;
	border-radius: 8px;
	height: 100%;
	object-fit: cover;
}

.p-blog__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	justify-content: center;
	padding-left: 2.4rem;
	padding-right: 0.3rem;
	transition: all 0.2s;
}

.p-blog__date {
	font-size: 1.8rem;
	line-height: 1.43;
}

.p-blog__ttl {
	font-size: 2rem;
	font-weight: 700;
	margin-top: 1.2rem;
}

.p-blog__item:hover {
	border-radius: 8px;
	transform: scale(1.2);
	transition: all 0.4s;
}

.p-blog__item:hover .p-blog__body {
	background: #F8F8F8;
	border: 1px solid rgba(85, 41, 0, 0.3);
	border-left: none;
	border-radius: 0 8px 8px 0;
	box-shadow: -8px 8px 16px rgba(223, 223, 223, 0.2), 8px -8px 16px rgba(223, 223, 223, 0.2), 4px -8px 16px rgba(255, 255, 255, 0.9), 8px 8px 20px rgba(223, 223, 223, 0.9), inset 1px 1px 2px rgba(255, 255, 255, 0.3), inset -1px -1px 2px rgba(223, 223, 223, 0.5);
}

.p-blog__item:hover .p-blog__img img {
	border-radius: 8px 0 0 8px;
}

.p-blog__pagination {
	align-items: center;
	display: flex;
	gap: 0 1.2rem;
	justify-content: center;
	position: relative;
}

.p-blog__pagination::before,
.p-blog__pagination::after {
	content: "";
	display: inline-block;
	height: 2.9rem;
	margin-top: -4.3rem;
	width: 2.9rem;
}

.p-blog__pagination::before {
	background: url(./../images/contents/pagination_left.webp) no-repeat center/100%;
}

.p-blog__pagination::after {
	background: url(./../images/contents/pagination_right.webp) no-repeat center/100%;
}

/*
 * p-contact
 * -------------------------------------------------------------
 */

.p-contact {
	background: url(./../images/contents/contact_bg.webp) no-repeat top/100% #FDF0CF;
	padding-bottom: 8rem;
}

.p-contact .l-inner--bg::before,
.p-contact .l-inner--bg::after {
	display: none;
}

.p-contact__lead {
	font-size: 1.6rem;
	font-weight: 300;
	line-height: 1.43;
	margin-top: 1.6rem;
	text-align: center;
}

.p-contact__form {
	margin: 7.4rem auto 0;
	max-width: 52.7rem;
}

/*
 * p-fixed-object
 * -------------------------------------------------------------
 */

.p-fixed-object {
	align-items: flex-end;
	bottom: 0;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	position: absolute;
	width: 100%;
	z-index: 0;
}

.p-fixed-object__left {
	max-width: 31rem;
}

.p-fixed-object__right {
	max-width: 26.6rem;
}

.p-fixed-object__logo {
	left: 50%;
	max-width: 4.9rem;
	position: absolute;
	transform: translate(-50%);
}

/*
 * p-form
 * -------------------------------------------------------------
 */

.p-form {
	font-family: "Inter", sans-serif;
	font-size: 1.6rem;
	line-height: 1.18;
}

.p-form__item:not(:nth-child(1)) {
	margin-top: 4rem;
}

.p-form__item dt {
	align-items: center;
	display: flex;
	font-weight: 600;
	gap: 0 1.6rem;
}

.p-form__required {
	align-items: center;
	background: #F8F8F8;
	border-radius: 1.8rem;
	display: inline-block;
	display: grid;
	flex: 1;
	justify-items: center;
	max-width: 7.2rem;
	padding: 0.2rem 0;
	place-items: center;
}

.p-form__item input {
	background: #F8F8F8;
	border: 1px solid rgba(3, 3, 3, 0.5);
	border-radius: 8px;
	height: 5.4rem;
	margin-top: 1.6rem;
	padding: 1rem;
	width: 100%;
}

.p-form__checkbox,
.wpcf7-checkbox {
	display: flex;
	flex-wrap: wrap;
	gap: 1.6rem 8rem;
	justify-content: space-between;
	margin-top: 1.6rem;
}

.wpcf7-list-item {
	margin: 0;
}

.wpcf7-checkbox > :nth-last-child(2) ~ :last-child {
	margin-left: 4rem;
}

.p-form__checkbox label {
	align-items: center;
	cursor: pointer;
	display: flex;
	gap: 0 1.6rem;
	position: relative;
}

.p-form__checkbox label::before {
	border: 2px solid #030303;
	border-radius: 3px;
	content: "";
	height: 2.2rem;
	position: relative;
	top: 0.1rem;
	width: 2.2rem;
}

.p-form__checkbox label:has(:checked)::after {
	border: solid #030303;
	border-width: 0 2px 2px 0;
	content: "";
	height: 1.3rem;
	left: 0.7rem;
	position: absolute;
	position: absolute;
	top: 0.4rem;
	transform: rotate(45deg);
	width: 0.7rem;
}

.p-form__checkbox label span {
	flex: 1;
	line-height: 1.43;
	position: relative;
	top: 0.1rem;
}

.p-form__item textarea {
	aspect-ratio: 500/150;
	background: #f8f8f8;
	border: 1px solid rgba(3, 3, 3, 0.5);
	border-radius: 8px;
	margin-top: 1.6rem;
	padding: 1rem;
	width: 100%;
}

.p-form__privacy {
	background: #F8F8F8;
	border: 1px solid rgba(3, 3, 3, 0.5);
	padding: 3rem;
}

.p-form__privacy-txt {
	line-height: 1.43;
	margin-top: 2rem;
}

.p-form__privacy-txt:not(:nth-child(1)) {
	margin-top: 2.5rem;
}

.p-form__agree {
	display: block;
	font-weight: 500;
}

.p-form__agree .wpcf7-checkbox {
	margin-top: 0;
}

.p-form__btn {
	background: linear-gradient(135deg, #FFFCD9 0%, #F0E4C5 100%);
	border: 1px solid rgba(69, 69, 69, 0.2);
	border-radius: 8px;
	box-shadow: -5px 5px 10px rgba(188, 182, 157, 0.2), 5px -5px 10px rgba(188, 182, 157, 0.2), -5px -5px 10px rgba(255, 255, 255, 0.9), 5px 5px 13px rgba(188, 182, 157, 0.9), inset 1px 1px 2px rgba(255, 255, 255, 0.3), inset -1px -1px 2px rgba(188, 182, 157, 0.5);
	color: #454545;
	font-size: 1.8rem;
	line-height: 1.44;
	margin: 7.2rem auto 0;
	max-width: 13.2rem;
	padding: 0.7rem 3rem 0.9rem;
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.p-form__btn:active {
	border: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.3), -1px -1px 2px rgba(124, 124, 124, 0.5), inset -2px 2px 4px rgba(124, 124, 124, 0.2), inset 2px -2px 4px rgba(124, 124, 124, 0.2), inset -2px -2px 4px rgba(255, 255, 255, 0.9), inset 2px 2px 5px rgba(124, 124, 124, 0.9);
	position: relative;
	top: 1px;
}

.wpcf7-spinner {
	display: none;
}

/*
 * p-loading
 * -------------------------------------------------------------
 */

.p-loading {
	background: linear-gradient(112.9deg, #BBE0EE 0%, #EEF2F3 100%);
	height: 100vh;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;
}

.p-loading__logo {
	left: 50%;
	max-width: 29rem;
	position: fixed;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 99999;
	display: block;
	opacity: 0;
	transition: opacity 1s ease-in-out;
}

.p-loading__logo.visible {
	opacity: 1;
}

/*
 * p-mv
 * -------------------------------------------------------------
 */

.p-mv {
	background: url(./../images/contents/mv_bg.webp) no-repeat center/cover;
	height: 83.2rem;
	margin-left: auto;
	position: relative;
}

.p-mv::before {
	background: rgba(54, 53, 53, 0.4);
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
}

.p-mv__inner {
	left: 56%;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.p-mv__ttl {
	-webkit-background-clip: text;
	background: url(./../images/contents/mv_bg.webp) no-repeat center/cover;
	background-clip: text;
	color: rgba(249, 246, 246, 0.5);
	filter: brightness(110%);
	font-family: "Source Serif 4", serif;
	font-size: 9.6rem;
	font-style: normal;
	font-weight: 600;
	line-height: 1.25;
}

.p-mv img {
	max-width: 44.4rem;
}

.p-mv__btn {
	align-items: center;
	border: 1px solid #F9F6F6;
	border-radius: 8px;
	color: #F9F6F6;
	display: flex;
	font-size: 1.8rem;
	justify-content: center;
	line-height: 1.44;
	margin: 2.4rem auto 0;
	max-width: 21.8rem;
	padding: 1rem 0;
}

.p-mv__btn:hover {
	background: #f9f6f6;
	color: #552900;
}

.p-mv__logo {
	bottom: 0;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	width: 4.9rem;
}

/*
 * p-page-mv
 * -------------------------------------------------------------
 */

.p-page-mv {
	height: 20rem;
	position: relative;
}

.p-page-mv::before {
	background: rgba(54, 53, 53, 0.4);
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}

.p-page-mv::after {
	background: url(./../images/contents/mv_bg.webp) no-repeat center/cover;
	background-position-y: -52rem;
	content: "";
	display: block;
	height: 20rem;
	left: 0;
	position: relative;
	position: fixed;
	top: 0;
	width: 100%;
}

.p-page-mv__inner {
	align-items: center;
	display: grid;
	height: 100%;
	justify-items: center;
	place-items: center;
	position: relative;
	width: 100%;
	z-index: 10;
}

.p-page-mv__ttl {
	color: #F8F8F8;
	font-family: "Cinzel", serif;
	font-size: 6.4rem;
	font-weight: 700;
	left: 50%;
	line-height: 1.34;
	position: fixed;
	top: 5.7rem;
	transform: translateX(-50%);
	z-index: 10;
}

body.admin-bar .p-page-mv::after {
	top: 32px;
}

/*
 * p-price 
 * -------------------------------------------------------------
 */

.p-price {
	position: relative;
}

.p-price .l-inner--bg {
	padding-bottom: 9.3rem;
}

.p-price .l-inner--bg::before {
	background: #F7C3BF;
	right: -24.4rem;
}

.p-price .l-inner--bg::after {
	background: #F7C3BF;
	left: 24.4rem;
}

.p-price__cont {
	margin-left: auto;
	max-width: 52rem;
}

.p-price__table {
	font-family: "Inter", sans-serif;
	font-size: 1.6rem;
	line-height: 1.18;
	padding-top: 1.3rem;
}

.p-price__table-item {
	border-bottom: 1px solid rgba(85, 41, 0, 0.2);
	display: flex;
	justify-content: space-between;
	padding: 4.4rem 2rem 1.6rem;
}

.p-price__table-item:first-of-type {
	padding-top: 0;
}

.p-price__table dd::before {
	content: "¥";
	display: inline-block;
}

/* .p-price__table dd::after {
	content: "-";
	display: inline-block;
} */

/*
 * p-service
 * -------------------------------------------------------------
 */

.p-service .l-inner--bg {
	padding-bottom: 8rem;
}

.p-service .l-inner--bg::before {
	background: #BBE0EE;
	left: -24.4rem;
}

.p-service .l-inner--bg::after {
	background: #BBE0EE;
	right: 24.4rem;
}

.p-service__items {
	grid-gap: 0 16.5rem;
	display: grid;
	gap: 0 16.5rem;
	grid-template-columns: repeat(3, 1fr);
}

.p-service__item {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 3.2rem 0;
	height: 100%;
	margin-top: auto;
}

.p-service__item-ttl {
	display: flex;
	flex-direction: column;
	font-size: 2rem;
	font-weight: 700;
	height: 6.1rem;
	justify-content: flex-end;
	line-height: 1.45;
}

.p-service__item-ttl::after {
	background: #552900;
	content: "";
	display: block;
	height: 3px;
	width: 5rem;
}

.p-service__item-img {
	max-width: 15rem;
}

.p-service__item-txt {
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.43;
}

.p-service__skill {
	margin-top: 4rem;
}

.p-service__skill-ttl {
	color: #000000;
	font-family: "Cinzel", serif;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.45;
}

.p-service__skill-ttl::before {
	content: "▶";
	display: inline-block;
}

.p-service__skill-items {
	grid-gap: 0 8rem;
	display: grid;
	gap: 0 8rem;
	grid-template-columns: repeat(6, 1fr);
	margin-top: 2.1rem;
}

.p-service__skill-item {
	max-width: 8rem;
}

.p-service__skill-item-ttl {
	font-size: 1.6rem;
	line-height: 1.43;
	margin-top: 1.6rem;
	text-align: center;
}

/*
 * p-single-pagination
 * -------------------------------------------------------------
 */

.p-single-pagination {
	display: flex;
	gap: 0 7.2rem;
	max-width: 14.2rem;
	padding: 4rem 0 8rem;
	position: relative;
	z-index: 30;
}

.p-single-pagination a {
	height: 3.5rem;
	width: 3.5rem;
}

.p-single-pagination__prev {
	background: url(./../images/contents/prev.webp) no-repeat center/100%;
}

.p-single-pagination__next {
	background: url(./../images/contents/next.webp) no-repeat center/100%;
}

/*
 * p-single-side
 * -------------------------------------------------------------
 */

.p-single-side {
	max-width: 22.4rem;
	position: relative;
	z-index: 30;
}

.p-single-side__swiper {
	overflow: visible !important;
}

.p-single-side__lists {
	display: flex;
	flex-direction: column;
	gap: 3.2rem 0;
}

.p-single-side__link {
	border-radius: 8px;
	position: relative;
}

.p-single-side__link img {
	-o-object-fit: cover;
	aspect-ratio: 205/127;
	border-radius: 8px;
	height: 100%;
	max-width: 20.5rem;
	object-fit: cover;
}

.p-single-side__body {
	color: #F8F8F8;
	height: 100%;
	left: 0;
	opacity: 0;
	padding: 2.8rem 1.1rem 0;
	position: absolute;
	right: 0;
	top: 0;
	visibility: hidden;
	z-index: 20;
}

.p-single-side__date {
	line-height: 1.43;
}

.p-single-side__ttl {
	font-weight: 700;
	line-height: 1.43;
	margin-top: 0.9rem;
}

.p-single-side__link:hover {
	box-shadow: inset 3px 3px 17.6px rgba(3, 3, 3, 0.23);
	filter: drop-shadow(5px 1px 13.9px rgba(195, 196, 194, 0.68));
	transform: translateX(1rem) scale(1.1);
}

.p-single-side__link:before {
	background: rgba(3, 3, 3, 0.29);
	border-radius: 8px;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: opacity 0.2s ease-in-out, background 0.2s ease-in-out;
	width: 100%;
	z-index: 10;
}

.p-single-side__link:hover:before {
	opacity: 1;
}

.p-single-side__link:hover .p-single-side__body {
	opacity: 1;
	visibility: visible;
}

/*
 * p-single-wrap
 * -------------------------------------------------------------
 */

.p-single-wrap {
	display: flex;
	gap: 0 13.8rem;
	margin: 0 auto;
	max-width: 92.4rem;
	padding: 0 2rem;
	position: relative;
}

/*
 * p-single-main
 * -------------------------------------------------------------
 */

.p-single {
	align-items: center;
	display: flex;
	flex-direction: column;
	max-width: 52.2rem;
	position: relative;
	z-index: 100;
}

.p-single__header {
	width: 100%;
}

.p-single__date {
	line-height: 1.43;
}

.p-single__ttl {
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.46;
	margin-top: 1.6rem;
}

.p-single__img {
	aspect-ratio: 458/284;
	border-radius: 8px;
	margin-top: 5.6rem;
	max-width: 45.8rem;
	overflow: hidden;
	width: 100%;
}

.p-single__img img {
	-o-object-fit: cover;
	height: 100%;
	object-fit: cover;
}

.p-single__body {
	padding: 5.6rem 7.5rem 4rem;
}

.p-single__body p {
	line-height: 1.43;
}

/*
 * p-top-work
 * -------------------------------------------------------------
 */

.p-top-work .l-inner--bg {
	padding-bottom: 9.3rem;
}

.p-top-work .l-inner--bg::before {
	background: #FDF0CF;
	right: -24.4rem;
}

.p-top-work .l-inner--bg::after {
	background: #FDF0CF;
	left: 24.4rem;
}

/*
 * p-work-book
 * -------------------------------------------------------------
 */

.p-work-book {
	max-height: 50.4rem !important;
}

.p-work-book {
	aspect-ratio: 730/504;
	background: url(./../images/contents/book.webp) no-repeat center/100%;
	box-shadow: 0px 6px 20px 0px rgba(20, 20, 20, 0.2);
	margin: 5rem auto 0;
	max-width: 73rem;
	position: relative;
	width: 100%;
}

.p-work-book::before {
	background: url(./../images/contents/book_ring.webp) no-repeat center/100%;
	content: "";
	display: block;
	height: 50.7rem;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 4.5rem;
	z-index: 10;
}

.p-work-book__opttl {
	color: #552900;
	font-family: "Cinzel", serif;
	font-size: 3rem;
	font-weight: 700;
	text-transform: uppercase;
}

.p-work-book__left {
	align-items: center;
	background: url(./../images/contents/book.webp) no-repeat left/215%;
	display: flex;
	justify-content: center;
}

.p-work-book__img {
    aspect-ratio: 362 / 302;
	max-width: 30.2rem;
}


@media screen and (max-width: 768px) {
	.p-work-book__img {
	aspect-ratio: 362 / 302;
    max-width: 30.2rem;
    width: 67%;
    padding-top: 3rem;
	}
}


.p-work-book__img img {
	-o-object-fit: cover;
	height: 100%;
	object-fit: cover;
}

.p-work-book__right {
	background: url(./../images/contents/book.webp) no-repeat left/215%;
	display: flex;
	height: 100%;
	justify-content: center;
	justify-content: center;
	position: relative;
	width: 100%;
}

.p-work-book__desc {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	justify-content: center;
	max-width: 22.5rem;
	position: relative;
	width: 100%;
}

.p-work-book__ttl {
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.45;

}
@media screen and (max-width: 768px) {
	.p-work-book__ttl {

padding-top: 7rem;
	}
}

.p-work-book__ttl::after {
	background: #552900;
	content: "";
	display: block;
	height: 3px;
	width: 5rem;
}

.p-work-book__catgory {
	line-height: 1.43;
	margin-top: 4rem;
}

.p-work-book__info {
	line-height: 1.43;
	margin-top: 1.6rem;
}

.p-work-book__info dt {
	display: block;
	font-weight: 500;
	line-height: 1.43;
}

.p-work-book__info dt::before {
	content: "▶";
	display: inline-block;
}

.p-work-book__info dd {
	margin-top: 0.8rem;
}

.p-work-book__btn {
	margin-left: auto;
	margin-top: 2.4rem;
	position: relative;
	z-index: 1000;
}

.p-work-book__nav {
	align-items: center;
	display: flex;
	gap: 0 7.2rem;
	margin: 5rem auto 0;
	max-width: 14.2rem;
	position: relative;
}

.p-work-book__arrow {
	cursor: pointer;
	height: 3.5rem;
	width: 3.5rem;
}

.p-work-book__prev {
	background: url(./../images/contents/prev.webp) no-repeat center/100%;
}

.p-work-book__next {
	background: url(./../images/contents/next.webp) no-repeat center/100%;
}

/*
 * p-work-list
 * -------------------------------------------------------------
 */

.p-work-list {
	position: relative;
	z-index: 10;
}

.p-work-list__inner {
	max-width: 80.4rem;
}

.p-work-list__items {
	grid-gap: 3.2rem 8rem;
	display: grid;
	gap: 3.2rem 8rem;
	grid-template-columns: repeat(3, 1fr);
	padding: 4rem 0;
}

.p-work-list__item {
	aspect-ratio: 200/200;
	cursor: pointer;
	max-width: 20rem;
}

.p-work-list__item img {
	-o-object-fit: cover;
	height: 100%;
	object-fit: cover;
}

.p-work-list__pagination {
	padding: 4rem 0 8rem;
}

/*
 * p-work
 * -------------------------------------------------------------
 */

.p-work__main {
	display: flex;
	gap: 0 4.8rem;
	padding: 4rem 0;
}

.p-work__img {
    aspect-ratio: 402 / 334;
    max-width: 45.5rem;
	width: 100%;
}

.p-work__img img {
	-o-object-fit: cover;
	height: 100%;
	object-fit: cover;
}

.p-work__desc {
	flex: 1;
	padding: 5rem 0;
}

.p-work__desc-ttl {
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.45;
}

.p-work__desc-ttl::after {
	background: #552900;
	content: "";
	display: block;
	height: 3px;
	width: 5rem;
}

.p-work__desc-body {
	grid-gap: 2rem 4rem;
	display: grid;
	gap: 2rem 4rem;
	grid-template-columns: repeat(2, 1fr);
	margin-top: 2.4rem;
	max-width: 30rem;
}

.p-work__desc-detail {
	width: -moz-fit-content;
	width: fit-content;
}

.p-work__desc-detail dt {
	font-weight: 500;
	line-height: 1.43;
}

.p-work__desc-detail dt::before {
	content: "▶";
	display: inline-block;
}

.p-work__desc-detail dd {
	font-weight: 400;
	line-height: 1.43;
	margin-top: 0.8rem;
}

.p-work__desc-btn {
	margin-left: auto;
	margin-top: -2rem;
	width: -moz-fit-content;
	width: fit-content;
}

/*
 * wp-pagenavi
 * -------------------------------------------------------------
 */

.wp-pagenavi {
	display: flex;
	gap: 0 2.4rem;
	justify-content: center;
	padding: 4rem 0 8rem;
	position: relative;
	z-index: 100;
}

.wp-pagenavi a,
.wp-pagenavi span {
	align-items: center;
	border: 1px solid rgba(85, 41, 0, 0.2);
	border-radius: 8px;
	color: #552900;
	display: flex;
	flex-direction: column;
	font-weight: 400;
	gap: 10px;
	height: 3.3rem;
	justify-content: center;
	line-height: 1.43;
	padding: 0.5rem 1.2rem;
	width: 3.3rem;
}

.wp-pagenavi .current {
	background: #FDF0CF;
	box-shadow: 3px 2px 5px rgba(0, 0, 0, 0.16);
}

.wp-pagenavi .page.smaller {
	background: transparent;
}

@media screen and (min-width: 1025px) {

a[href^="tel:"] {
	pointer-events: none;
}

}

@media screen and (max-width: 1024px) {

html {
	font-size: 0.9765625vw;
}

.l-page-bg::before,
.l-page-bg::after {
	max-width: 8rem;
}

.p-page-mv::after {
	background-position-y: -37rem;
}

}

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

html {
	font-size: 1.9vw;
}

.l-footer {
	padding: 4rem 0;
}

.l-footer__inner {
	flex-direction: column-reverse;
	gap: 5.6rem 0;
}

.l-footer__nav-items {
	flex-wrap: wrap;
	gap: 4rem 3rem;
	margin: 0 auto;
	max-width: 16rem;
}

.l-footer__nav-item:last-child {
	width: 100%;
}

.l-header {
	background: transparent;
	height: 11rem;
	padding: 5rem 4rem 2.1rem;
	position: fixed;
	width: 100%;
}

.l-header__inner {
	align-items: center;
	display: flex;
	justify-content: space-between;
}

.l-inner {
	position: relative;
}

.l-inner--bg {
	padding-top: 3.3rem;
}

.l-inner--bg::before {
	display: none;
}

.l-inner--bg::after {
	display: none;
}

.l-page-bg::before,
.l-page-bg::after {
	max-width: 4rem;
}

.l-page-header {
	top: 3.3rem;
}

.l-page-header__inner {
	padding: 0 4rem;
}

.l-page-header__logo {
	height: 4rem;
	width: 4rem;
}

.l-page-header .c-hamburger {
	height: 4.4rem;
	width: 4.4rem;
}

.l-single-bg::before {
	background: url(./../images/contents/single_bg_sp.webp) no-repeat top/100%;
}

.c-breadcrumb {
	padding-top: 1.6rem;
}

.c-hamburger {
	position: relative;
	right: auto;
	right: initial;
	top: auto;
	top: initial;
}

.c-pagetop {
	bottom: 5rem;
	top: auto;
}

.l-c-pagetop__inner {
	padding: 0 2rem;
}

.c-pagination,
.wp-pagenavi {
	padding: 4rem 0;
}

.c-pagination__page {
	font-size: 1.8rem;
	height: 4.6rem;
	width: 4.6rem;
}

.c-section-ttl {
	font-size: 4rem;
	text-align: center;
}

.c-section-ttl--right {
	text-align: center;
}

.u-pc {
	display: none;
}

.u-sp {
	display: block;
}

.p-about {
	background: linear-gradient(180deg, transparent 0%, transparent 11rem, #D7E7AF 11rem, #D7E7AF 100%);
}

.p-about .l-inner--bg {
	padding-bottom: 9.5rem;
}

.p-about__cont {
	align-items: center;
	flex-direction: column;
	gap: 3.2rem 0;
	margin-top: 5.5rem;
}

.p-about__img {
	gap: 2.4rem 0;
}

.p-about__img img {
	max-width: 10rem;
}

.p-about__body-ttl {
	text-align: center;
}

.p-about__detail {
	margin-top: 3.2rem;
}

.p-about__detail-ttl {
	text-align: center;
}

.p-about__detail-table {
	margin: 3.2rem auto 0;
	width: -moz-fit-content;
	width: fit-content;
}

.p-about__btn {
	margin: 3.2rem auto 0;
}

.p-blog {
	background: url(./../images/contents/blog_bg_sp.webp) no-repeat top/100%;
}

.p-blog__inner {
	max-width: 36.6rem;
}

.p-blog__items {
	max-width: 100%;
}

.p-blog__item {
	align-items: center;
	flex-direction: column;
	gap: 0;
}

.p-blog__body {
	padding-left: 0;
	padding-top: 0.8rem;
}

.p-blog__date {
	font-size: 1.6rem;
}

.p-blog__ttl {
	font-size: 1.6rem;
}

.p-blog__item:hover {
	margin: 2rem auto;
	transform: scale(1.2);
}

.p-blog__item:hover .p-blog__body {
	background: #FFFFFF;
	border: 1px solid rgba(85, 41, 0, 0.3);
	border-radius: 0 0 8px 8px;
	border-top: none;
	box-shadow: -8px 8px 16px rgba(230, 230, 230, 0.2), 8px -8px 16px rgba(230, 230, 230, 0.2), -8px -8px 16px rgba(255, 255, 255, 0.9), 8px 8px 20px rgba(230, 230, 230, 0.9), inset 1px 1px 2px rgba(255, 255, 255, 0.3), inset -1px -1px 2px rgba(230, 230, 230, 0.5);
	max-width: calc(20.7rem - 2px);
	padding: 0.8rem 1.4rem 1.5rem;
}

.p-blog__item:hover .p-blog__img img {
	border-radius: 8px 8px 0 0;
}

.p-blog__pagination::before,
.p-blog__pagination::after {
	display: none;
}

.p-contact {
	background: linear-gradient(180deg, transparent 0%, transparent 11rem, #FDF0CF 11rem, #FDF0CF 100%);
	padding-bottom: 5.6rem;
	position: relative;
}

.p-contact--work {
	background: #FDF0CF;
}

.p-contact::before {
	background: url(./../images/contents/contact_bg_sp.webp) no-repeat top/100%;
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	top: 14rem;
	width: 100%;
}

.p-contact .l-inner--bg {
	padding: 3.3rem 1.5rem 0;
}

.p-contact__lead {
	margin-top: 5.5rem;
}

.p-contact__form {
	margin-top: 3.2rem;
	max-width: 31.8rem;
}

.p-fixed-object__left {
	max-width: 21.5rem;
}

.p-fixed-object__right {
	max-width: 19.1rem;
}

.p-form__checkbox,
.wpcf7-checkbox {
	gap: 2.4rem;
	justify-content: flex-start;
}

.wpcf7-checkbox > :nth-last-child(2) ~ :last-child {
	margin-left: 4.7rem;
}

.p-form__agree label:has(:checked)::after {
	top: 1.5rem;
}

.p-form__item textarea {
	aspect-ratio: 300/150;
}

.p-mv {
	height: 100vh;
	margin: auto;
}

.p-mv__inner {
	left: 50%;
}

.p-mv__ttl {
	font-size: 7rem;
}

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

.p-mv__btn {
	margin-top: 3.2rem;
}

.p-page-mv {
	height: 11rem;
}

.p-page-mv::after {
	background: url(./../images/contents/mv_bg_sp.webp) no-repeat center/cover;
	height: 11rem;
}

.p-page-mv__ttl {
	font-size: 4rem;
	top: 2.8rem;
}

.p-price {
	background: linear-gradient(180deg, transparent 0%, transparent 11rem, #F7C3BF 11rem, #F7C3BF 100%);
}

.p-price .l-inner--bg {
	padding-bottom: 22.8rem;
}

.p-price__cont {
	margin: 7.7rem auto 0;
	max-width: 33.4rem;
}

.p-price__table {
	padding-top: 0;
}

.p-price__table-item {
	padding-top: 4.8rem;
}

.p-service {
	background: linear-gradient(180deg, transparent 0%, transparent 11rem, #BBE0EE 11rem, #BBE0EE 100%);
}

.p-service .l-inner--bg {
	padding-bottom: 20.3rem;
}

.p-service__items {
	gap: 5.6rem 0;
	grid-template-columns: repeat(1, 1fr);
	margin: 0 auto;
	max-width: 18.4rem;
	padding-top: 5.2rem;
}

.p-service__item {
	gap: 2.4rem 0;
}

.p-service__item-ttl {
	height: auto;
}

.p-service__skill {
	margin-top: 3.2rem;
}

.p-service__skill-items {
	gap: 3.2rem 6.8rem;
	grid-template-columns: repeat(3, 1fr);
	margin-top: 3.2rem;
}

.p-single-pagination {
	padding: 0;
}

.p-single-side {
	max-width: 100%;
	padding: 4rem 0 8rem;
}

.p-single-side__lists {
	flex-direction: row;
}

.p-single-side__link img {
	aspect-ratio: auto;
	max-width: 100%;
}

.p-single-side__body {
	padding: 2.3rem 0.45rem 0;
}

.p-single-side__ttl {
	margin-top: 0.3rem;
}

.p-single-side__link:hover {
	transform: scale(1.1);
}

.p-single-wrap {
	flex-direction: column;
	gap: 4rem 0;
}

.p-single {
	max-width: 100%;
	position: relative;
	z-index: 40;
}

.p-single__img {
	aspect-ratio: 392/243;
	max-width: 39.2rem;
}

.p-single__body {
	padding: 5.6rem 3.6rem 4rem;
}

.p-top-work {
	background: linear-gradient(180deg, transparent 0%, transparent 11rem, #FDF0CF 11rem, #FDF0CF 100%);
}

.p-work-book {
	overflow: visible !important;
}

.p-work-book {
	aspect-ratio: 338/500;
	background: url(./../images/contents/book_sp.webp) no-repeat center/100%;
	margin-top: 8.5rem;
	max-width: 33.8rem;
}

.p-work-book::before {
	background: url(./../images/contents/book_ring_sp.webp) no-repeat center/100% 50rem;
	height: 50rem;
	left: 0;
	width: 3rem;
}

.p-work-book__left {
	background: url(./../images/contents/book_sp.webp) no-repeat top/215%;
	background-position-y: -10rem;
	flex-direction: column;
	padding-left: 1.3rem;
}

.p-work-book__right {
	background: none;
}

.p-work-book__desc {
	top: -5rem;
}

.p-work-list__items {
	gap: 1.6rem 4rem;
	grid-template-columns: repeat(2, 1fr);
}

.p-work-list__item {
	aspect-ratio: 180/180;
	max-width: 18rem;
}

.p-work__main {
	flex-direction: column;
	gap: 0;
}

.p-work__img {
    aspect-ratio: 362 / 302;
    max-width: 30.2rem;
}

.p-work__desc {
	padding: 0 5rem;
}

.p-work__desc-body {
	gap: 2rem 3.2rem;
}

.p-work__desc-btn {
	margin: 2.4rem auto 0;
}

.wp-pagenavi {
	padding: 4rem 0;
}

.wp-pagenavi a,
.wp-pagenavi span {
	font-size: 1.8rem;
	height: 4.6rem;
	width: 4.6rem;
}

}

@media screen and (max-width: 600px) {

html {
	font-size: 2.325581295vw;
}

.p-form__checkbox label:has(:checked)::after {
	top: 0.4rem;
}

.p-form__agree label:has(:checked)::after {
	left: 0.7rem;
	top: 1.5rem;
}

}


/*# sourceMappingURL=style.css.map */