*,
*::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 */

html {
	scroll-behavior: smooth;
}

/* Set core body defaults */

body {
	line-height: 1.5;
	min-height: 100vh;
	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%;
}

/* Natural flow and rhythm in articles by default */

article>*+* {
	margin-top: 1em;
}

/* Inherit fonts for inputs and buttons */

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

/* Blur images when they have no alt attribute */

img:not([alt]) {
	filter: blur(10px);
}

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

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=radio] {
	display: none;
}

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

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

body {
	color: #000;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Noto Sans JP", "sans-serif";
}

img {
	height: auto;
	max-width: 100%;
}

a {
	color: inherit;
	text-decoration: none;
}

.l-header {
	align-content: center;
	align-items: center;
	background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1));
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(102, 102, 102, 0) 100%);
	border-radius: 0;
	box-shadow: none;
	flex: none;
	flex-direction: row;
	flex-wrap: nowrap;
	height: auto;
	justify-content: space-between;
	left: 0;
	margin: 0 0 0 0;
	max-width: 100%;
	padding: 48px 48px 48px;
	position: fixed;
	top: 0;
	transition-delay: 1400ms;
	transition-duration: 800ms;
	width: 100%;
	z-index: 20;
}

.l-header__inner {
	display: flex;
	justify-content: space-between;
	max-width: 100%;
	width: 100%;
}

.l-header__logo {
	color: #fff;
	font-style: italic;
	height: auto;
	justify-content: center;
	letter-spacing: 0.1em;
	line-height: 1;
	margin: 0px 0px 0px 0px;
	max-width: 100%;
	text-align: center;
	width: auto;
}

.l-header__logo a {
	display: inline-block;
	font-family: "montserrat", sans-serif;
	font-size: 40px;
	font-style: italic;
	font-weight: 900;
	justify-content: center;
	letter-spacing: 0.1em;
	padding: 0px;
	transition-duration: 200ms;
}

.l-header__logo a:hover {
	transition-duration: 200ms;
	opacity: 0.7;
	transform: scale(1.05, 1.05);
}


.l-header__nav {
	display: flex;
}

.l-header__nav ul {
	align-items: center;
	display: flex;
}

.l-header__nav li {
	color: #fff;
	font-family: "montserrat", sans-serif;
	font-size: 14px;
	font-weight: 600;
	height: auto;
	justify-content: center;
	letter-spacing: 0.15em;
	line-height: 1.4;
	max-width: 100%;
	padding: 0px 12px 0px;
	text-align: center;
	width: auto;
	transition-duration: 200ms;
}

.l-header__nav li:hover {
	opacity: 0.7;
	transform: scale(1.05, 1.05);
	transition-duration: 200ms;
}


/* ===============================================
#drawer-menu
=============================================== */
.drawer-menu {
	pointer-events: none;
	display: none;
}


.l-footer {
	align-content: center;
	align-items: center;
	background: #000000;
	flex: none;
	flex-direction: column;
	flex-wrap: nowrap;
	height: auto;
	justify-content: flex-start;
	max-width: 100%;
	padding: 96px 0px 96px;
	transition-delay: 400ms;
	transition-duration: 1200ms;
	width: 100%;
}

.l-footer__inner {
	margin: 0 auto;
	max-width: 100%;
	width: 1280px;
}

.l-footer__content {

	align-content: center;
	align-items: center;
	flex: none;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin: 0px 0px 96px 0px;
	padding: 0px 48px 0px;
}

.l-footer__link-wrapper {
	display: flex;
	justify-content: space-between;
	align-content: center;
	align-items: center;
	transition-duration: 400ms;
}

.l-footer__link {
	background: #ffffff;
	border-radius: 10px;
	box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
	display: block;
	max-width: 49%;
	padding: 48px;
	width: 49%;
}

.l-footer__link-wrapper:hover {
	opacity: 0.6;
	filter: brightness(1.75);
	/* 明るくする */
}

.l-footer__link-textArea p:nth-child(1) {
	color: #1e5a9f;
	font-family: "montserrat", sans-serif;
	font-size: 36px;
	font-weight: 700;
	height: auto;
	justify-content: flex-start;
	letter-spacing: 0.05em;
	line-height: 1;
	margin: 0px 0px 24px 0px;
	max-width: 100%;
	text-align: left;
	transition-delay: 300ms;
	transition-duration: 1000ms;
	width: auto;
	z-index: 1;
}

.l-footer__link-textArea p:nth-child(2) {
	color: #000000;
	font-family: var(--s-font-abbfb9fe);
	font-size: 16px;
	font-weight: 700;
	height: auto;
	justify-content: flex-start;
	letter-spacing: 0.05em;
	line-height: 1.4;
	margin: 0px 0px 0px 0px;
	max-width: 100%;
	text-align: left;
	transition-delay: 300ms;
	transition-duration: 1000ms;
	width: auto;
	z-index: 1;
}

.l-footer__next {
	width: 24px;
	height: 24px;
}

.l-footer__next img {
	transition-delay: 100ms;
	transition-duration: 100ms;
}

.l-footer__link-wrapper:hover .l-footer__next img {
	transform: translateX(10px);
}


.l-footer__privacy {
	align-items: center;
	display: flex;
	justify-content: center;
	text-align: center;
	width: 100%;
}

.l-footer__privacy a {
	color: #ffffff;
	display: inline-block;
	font-family: "montserrat", sans-serif;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.15em;
	line-height: 1.4;
	padding: 0 12px;
}

.l-footer__copyright {
	color: #ffffff;
	display: inline-block;
	font-family: "montserrat", sans-serif;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.15em;
	line-height: 1.4;
	padding: 0 12px;
	text-align: center;
	width: 100%;
}

.inner {
	margin: 0 auto;
	max-width: 1280px;
	width: 100%;
}

.l-titleArea {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
	padding: 192px 0;
}

.l-titleArea__inner {
	padding: 0 48px;
}

.l-titleArea__title {
	color: #ffffff;
	font-family: "montserrat", sans-serif;
	font-size: 72px;
	font-weight: 600;
	height: auto;
	justify-content: flex-start;
	line-height: 1;
	margin: 0px 0px 24px 0px;
	max-width: 100%;
	text-align: left;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	transition-delay: 800ms;
	transition-duration: 1000ms;
	width: auto;
}

.l-titleArea__title--center {
	color: #ffffff;
	font-family: "montserrat", sans-serif;
	font-size: 72px;
	font-weight: 600;
	height: auto;
	justify-content: flex-start;
	line-height: 1;
	margin: 0px 0px 24px 0px;
	max-width: 100%;
	text-align: center;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	transition-delay: 800ms;
	transition-duration: 1000ms;
	width: auto;
}

.l-titleArea__subtitle {
	color: #ffffff;
	font-size: 28px;
	font-weight: 700;
	height: auto;
	justify-content: flex-start;
	letter-spacing: 0.05em;
	line-height: 1.6;
	margin: 0px 0px 0px 0px;
	max-width: 100%;
	text-align: left;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	transition-delay: 1000ms;
	transition-duration: 800ms;
	width: auto;
	z-index: 1;
}

.breadcrumb {
	background-color: #F8F7F6;
	padding: 24px 0;
}

.breadcrumb__inner {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0 auto;
	max-width: 1280px;
	width: 100%;
}

.breadcrumb li:not(:last-of-type)::after {
	/* 記号の左右の余白 */
	color: #777;
	content: "›";
	margin: 0 0.6em;
	/* 記号の色 */
}

.top-bg {
	filter: brightness(0.8);
	flex: none;
	height: 1280px;
	left: 0;
	margin: 0 0 0 0;
	max-width: 100%;
	position: fixed;
	top: 0;
	transition-delay: 500ms;
	transition-duration: 2000ms;
	transition-timing-function: cubic-bezier(0.42, 0, 0.6, 1.19);
	width: 100%;
	z-index: -1;
}

.top-bg::before {
	background-image: url("../img/mv.jpg");
	background-position: 50%;
	background-size: cover;
	border-radius: inherit;
	content: "";
	height: 100%;
	left: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	transition: inherit;
	width: 100%;
	z-index: -2;
}

.scroll {
	align-content: center;
	align-items: center;
	bottom: auto;
	display: flex;
	flex: none;
	flex-direction: column;
	flex-wrap: nowrap;
	height: 100%;
	justify-content: flex-end;
	left: auto;
	margin: 0 0 0 0;
	max-width: 100%;
	padding: 0px 48px 0px;
	position: absolute;
	right: 0px;
	top: 0px;
	transition-delay: 1400ms;
	transition-duration: 800ms;
	width: auto;
}

.scroll p {
	border-bottom: 2px solid rgba(0, 0, 0, 0);
	border-left: 0px solid rgba(0, 0, 0, 0);
	border-right: 0px solid rgba(0, 0, 0, 0);
	border-top: 0px solid rgba(0, 0, 0, 0);
	color: #ffffff;
	font-family: var(--s-font-18a508ab);
	font-size: 14px;
	font-weight: 600;
	height: auto;
	letter-spacing: 0.15em;
	line-height: 1.4;
	margin: 0px 0px 24px 0px;
	padding: 0px 0px 0px;
	text-align: center;
	width: auto;
	writing-mode: vertical-rl;
	-ms-writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
	justify-content: center;
	max-width: 100%;
}

.scroll-bar {
	background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1));
	flex: none;
	height: 40%;
	max-width: 100%;
	width: 1px;
	--g-color-0: #ffffff;
	--g-position-0: 0%;
	--g-color-1: rgba(255, 255, 255, 0);
	--g-position-1: 100%;
	--g-angle: 180deg;
}

.billboard {
	background: rgba(0, 0, 0, 0);
	padding: 192px 48px 39px;
	position: relative;
}

.billboard-content {
	margin: 0 auto;
	max-width: 1280px;
	width: 100%;
}

.billboard-title {
	color: #ffffff;
	margin-bottom: 96px;
}

.billboard-title p {
	font-family: "montserrat", sans-serif;
	font-size: 144px;
	font-weight: 600;
	height: auto;
	justify-content: flex-start;
	letter-spacing: 0.1em;
	line-height: 1.1;
	margin: 0px 0px 0px 0px;
	max-width: 100%;
	text-align: left;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	transition-delay: 600ms;
	transition-duration: 800ms;
	width: auto;
	z-index: 1;
}

.billboard-text {
	opacity: 0;
	color: #ffffff;
	font-size: 28px;
	font-weight: 600;
	height: auto;
	justify-content: flex-start;
	line-height: 1.4;
	margin: 0px 0px 24px 0px;
	max-width: 100%;
	text-align: left;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	transition-delay: 1200ms;
	transition-duration: 1000ms;
	width: auto;
}

.billboard-text p {
	color: #ffffff;
	flex: none;
	font-size: 16px;
	font-weight: 600;
	height: auto;
	justify-content: space-between;
	letter-spacing: 0.05em;
	line-height: 1.6;
	margin: 0px 0px 48px 0px;
	margin-bottom: 48px;
	max-width: 100%;
	text-align: justify;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	transition-delay: 300ms;
	transition-duration: 800ms;
	width: 100%;
	z-index: 1;
}

.billboard-text p:nth-child(1) {
	font-family: "Montserrat", sans-serif;
	font-size: 32px;
	letter-spacing: 0.05em;
	line-height: 1.6;
	margin-bottom: 24px;
}

.billboard-text p:nth-child(2) {
	font-size: 28px;
	letter-spacing: 0.05em;
	line-height: 1.6;
}

.billboard-btn a {
	background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1));
	--g-color-0: #1e5a9f;
	--g-position-0: 0%;
	--g-color-1: #ec9de3;
	--g-position-1: 75%;
	--g-color-2: #ec9de3;
	--g-position-2: 75%;
	--g-color-3: #ec9de3;
	--g-position-3: 75%;
	--g-color-4: #ec9de3;
	--g-position-4: 75%;
	--g-color-5: #ec9de3;
	--g-position-5: 75%;
	--g-color-6: #ec9de3;
	--g-position-6: 75%;
	--g-color-7: #ec9de3;
	--g-position-7: 75%;
	--g-color-8: #ec9de3;
	--g-position-8: 75%;
	--g-color-9: #ec9de3;
	--g-position-9: 75%;
	--g-color-10: #ec9de3;
	--g-position-10: 75%;
	--g-color-11: #ec9de3;
	--g-position-11: 75%;
	--g-angle: 140deg;
	border-radius: 10px;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.9;
	padding: 12px 48px 12px 48px;
	position: relative;
	transition-delay: 0ms;
	transition-duration: 600ms;
}

.billboard-btn a span {
	position: relative;
	display: inline-block;
	padding-right: 24px;
}



.billboard-btn a:hover {
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
	transform: translate(10px, 10px);
}

.billboard-btn a::before {}

.billboard-btn a span::before {
	content: "";
	background-image: url("../img/next.svg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: 16px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
}

.shadow {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
	bottom: 0;
	height: 275px;
	left: 0;
	max-width: 100%;
	position: absolute;
	width: 100%;
	z-index: -1;
}

.history {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.81) 71%, #000 100%);
	padding: 59px 0 96px;
}

.history-content {
	margin: 0 auto;
	max-width: 1280px;
	text-align: center;
	width: 100%;
}

.history-title {
	color: #fff;
	font-size: 72px;
	font-weight: 600;
	justify-content: flex-start;
	line-height: 1.4;
	margin: 0px 0px 63px 0px;
	max-width: 100%;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	transition-delay: 300ms;
	transition-duration: 1000ms;
	width: auto;
}

.history-text {
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.6;
	margin: 0 auto;
	width: 50%;
}

.history-text p {
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.6;
	margin: 0 auto;

}

.history-text p+p {
	margin-top: 48px;
}



.p-top-service {
	background: #f8f7f6;
	padding: 96px 48px;
}

.p-top-service__content-wrapper {
	margin: 0 auto;
	max-width: 1280px;
	width: 100%;
}

.p-top-service__content {
	margin-bottom: 96px;
}

.p-top-service__heading {
	font-size: 64px;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 96px;
}

.p-top-service__title {
	background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1), var(--g-color-2) var(--g-position-2));
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	display: flex;
	font-size: 72px;
	height: auto;
	justify-content: center;
	line-height: 1.4;
	margin: 0px 0px 61px 0px;
	max-width: 100%;
	transition-delay: 300ms;
	transition-duration: 1000ms;
	--g-color-0: rgb(238, 140, 66);
	--g-position-0: 0%;
	--g-color-1: rgb(238, 140, 66);
	--g-position-1: 72%;
	--g-color-2: #f6ff03;
	--g-position-2: 100%;
	--g-angle: 140deg;
	transform: rotate(-1deg) skew(-14deg, 0deg);
}

.p-top-service__title--purple {
	background: linear-gradient(140deg, #1e5a9f 0%, #ec9de3 76%);
	background-clip: text;
	color: transparent;
	display: flex;
	font-size: 80px;
	font-weight: 600;
	height: auto;
	justify-content: center;
	line-height: 1.4;
	margin: 0px 0px 61px 0px;
	max-width: 100%;
	transition-delay: 300ms;
	transition-duration: 1000ms;
	-webkit-background-clip: text;
	transform: rotate(-2deg) skew(-13deg, 0deg);
}

.p-top-service__unit {
	display: flex;
}

.p-top-service__unit--reverse {
	display: flex;
	flex-direction: row-reverse;
}

.p-top-service__detail {
	text-align: center;
	width: 50%;
}

.p-top-service__detail--left {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-left: 48px;
	text-align: center;
	width: 50%;
}

.p-top-service__detail--right {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-right: 48px;
	text-align: center;
	width: 50%;
}

.p-top-service__text {
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.6;
	margin-bottom: 48px;
	text-align: center;
}

.p-top-service__img {
	position: relative;
	width: 46.64%;
}






.p-top-service__img::before {
	content: "";
	display: block;
	padding-top: 70%;

}




.p-top-service__img img {
	height: 100%;
	left: 0;
	max-width: none;
	position: absolute;
	top: 0;
	width: 100%;
	-o-object-fit: cover;
	border-radius: 10px;
	object-fit: cover;
	filter: brightness(0.7);

}



.p-top-service__btn a {
	background: linear-gradient(140deg, #ee8c42 0%, rgb(238, 140, 66) 76%, #f6ff03 100%);
	display: inline-block;
	border-bottom: 0px solid #000;
	border-left: 0px solid #000;
	border-radius: 10px;
	border-right: 0px solid #000;
	border-top: 0px solid #000;
	box-shadow: 20px 20px 30px rgba(0, 0, 0, 0.2);
	color: #fff;
	padding: 12px 48px 12px;
	transition-delay: 0ms;
	transition-duration: 600ms;
}


.p-top-service__btn a span {
	position: relative;
	display: inline-block;
	padding-right: 24px;
}



.p-top-service__btn a:hover {
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
	transform: translate(10px, 10px);
}



.p-top-service__btn a span::before {
	content: "";
	background-image: url("../img/next.svg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: 16px;
	position: absolute;
	right: 0;
	top: 53%;
	transform: translateY(-50%);
	width: 16px;
}



.p-top-service__btn--purple a {
	background: linear-gradient(140deg, #1e5a9f 0%, #ec9de3 76%);
	display: inline-block;
	border-bottom: 0px solid #000;
	border-left: 0px solid #000;
	border-radius: 10px;
	border-right: 0px solid #000;
	border-top: 0px solid #000;
	box-shadow: 20px 20px 30px rgba(0, 0, 0, 0.2);
	color: #fff;
	padding: 12px 48px 12px;
	transition-delay: 0ms;
	transition-duration: 600ms;
}


.p-top-service__btn--purple a span {
	position: relative;
	display: inline-block;
	padding-right: 24px;
}



.p-top-service__btn--purple a:hover {
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
	transform: translate(10px, 10px);
}



.p-top-service__btn--purple a span::before {
	content: "";
	background-image: url("../img/next.svg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: 16px;
	position: absolute;
	right: 0;
	top: 53%;
	transform: translateY(-50%);
	width: 16px;
}


.p-top-ctaArea__inner {
	align-items: center;
	display: flex;
	margin: 0 auto;
	max-width: 1280px;
	width: 100%;
}

.p-top-ctaArea {
	background: rgba(30, 90, 159, 0.5);
	flex: none;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	max-width: 100%;
	padding: 96px;
	width: 100%;
}

.p-top-ctaArea__text {
	align-content: flex-start;
	align-items: flex-start;
	flex: 1;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	margin: 0px 48px 0px 0px;
	max-width: calc(100% - 48px);
	padding: 0px;
	width: auto;
}

.p-top-ctaArea__text p {
	color: #fff;
}

.p-top-ctaArea__text p:nth-child(1) {
	font-size: 32px;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.6;
	padding-bottom: 24px;
}

.p-top-ctaArea__text p:nth-child(2) {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.6;
	padding-bottom: 24px;
}

.p-top-ctaArea__btn a {
	align-content: center;
	align-items: center;
	background: #ffffff;
	border-bottom: 0px solid #000;
	border-left: 0px solid #000;
	border-radius: 10px;
	border-right: 0px solid #000;
	border-top: 0px solid #000;
	box-shadow: 20px 20px 30px rgba(0, 0, 0, 0.2);
	flex-direction: row;
	flex-wrap: nowrap;
	font-size: 14px;
	font-weight: 700;
	justify-content: center;
	padding: 12px 48px 12px;
	transition-delay: 0ms;
	transition-duration: 600ms;
}


.p-top-ctaArea__btn a {
	background: #fff;
	color: #000;
	display: inline-block;
	box-shadow: 20px 20px 30px rgba(0, 0, 0, 0.2);
	padding: 12px 48px 12px;
	transition-delay: 0ms;
	transition-duration: 600ms;
}


.p-top-ctaArea__btn a span {
	position: relative;
	display: inline-block;
	padding-right: 24px;
}



.p-top-ctaArea__btn a:hover {
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
	transform: translate(10px, 10px);
}



.p-top-ctaArea__btn a span::before {
	content: "";
	background-image: url("../img/black-next.svg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: 16px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
}

/* ===============================================
#
=============================================== */

.p-top-performance {
	background-color: #f8f7f6;
	padding: 192px 48px;
}

.p-top-performance__inner {
	margin: 0 auto;
	max-width: 1280px;
	width: 100%;
}

.p-top-performance__heading {
	font-size: 64px;
	font-weight: 700;
	line-height: 1;
}

.p-top-performance__btn {
	padding: 28px 0;
	text-align: center;
}

.p-top-performance__btn a span {
	font-weight: 600;
	position: relative;
	padding-right: 32px;
	display: inline-block;
}

.p-top-performance__btn a span::before {
	content: "";
	background-image: url("../img/arr.svg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: 32px;
	position: absolute;
	right: 0;
	top: 54%;
	transform: translateY(-50%);
	width: 32px;
}

.p-top-performance__lists {
	align-content: stretch;
	align-items: stretch;
	background: rgba(0, 0, 0, 0);
	display: flex;
	flex: none;
	flex-direction: row;
	flex-wrap: wrap;
	height: auto;
	justify-content: flex-start;
	margin: 0px 0px 0px;
	overflow-x: visible;
	overflow-y: visible;
}

.p-top-performance__lists li {
	background: #FFFFFF;
	border: solid 0px #000;
	border-bottom: solid 1px #EEEEEE;
	border-radius: 10px;
	box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
	margin: 0px 12px 0px;
	max-width: calc(33% - 24px);
	padding: 24px;
	width: calc(33% - 24px);
	transition-delay: 0ms;
	transition-duration: 600ms;
}

.p-top-performance__lists li:hover {
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1);
	transform: translate(6px, 12px);
	transition-duration: 800ms;
}


.p-top-performance__thumbnail {
	height: 180px;
	margin-bottom: 24px;
	position: relative;
}

.p-top-performance__thumbnail::before {
	content: "";
	display: block;
	padding-top: 51.4285714286%;
}

.p-top-performance__thumbnail img {
	height: 180px;
	left: 0;
	max-width: none;
	position: absolute;
	top: 0;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.p-top-performance__label {
	background: #1e5a9f;
	border-radius: 80px;
	color: #ffffff;
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	height: auto;
	justify-content: flex-start;
	letter-spacing: 0.05em;
	line-height: 1;
	margin: 0px 0px 12px 0px;
	max-width: 100%;
	padding: 6px 12px 6px;
	text-align: left;
	transition-delay: 300ms;
	transition-duration: 1000ms;
	width: auto;
	z-index: 1;
}

.p-top-performance__title {
	color: #000000;
	font-family: var(--s-font-f7a6a6c7);
	font-size: 16px;
	font-weight: 700;
	height: auto;
	justify-content: flex-start;
	letter-spacing: 0.05em;
	line-height: 1.6;
	margin: 0px 0px 24px 0px;
	max-width: 100%;
	text-align: left;
	transition-delay: 300ms;
	transition-duration: 1000ms;
	width: auto;
	z-index: 1;
}

.p-top-performance__time {
	color: #aaaaaa;
	font-family: var(--s-font-18a508ab);
	font-size: 14px;
	font-weight: 500;
	height: auto;
	justify-content: flex-start;
	letter-spacing: 0.05em;
	line-height: 1.4;
	margin: 0px 0px 0px 0px;
	max-width: 100%;
	text-align: left;
	transition-delay: 300ms;
	transition-duration: 1000ms;
	width: auto;
	z-index: 1;
}

.p-company-mission {
	background-color: #fff;
	padding: 96px 0 48px;
}

.p-company-mission__inner {
	margin: 0 auto;
	max-width: 1280px;
	padding: 0 20px;
	text-align: center;
	width: 100%;
}

.p-company-mission__title {}

.section-title {
	color: #000000;
	font-family: "montserrat", sans-serif;
	font-size: 64px;
	font-weight: 600;
	height: auto;
	justify-content: flex-start;
	line-height: 1;
	margin: 0px 0px 24px 0px;
	max-width: 100%;
	transition-delay: 800ms;
	transition-duration: 1000ms;
	width: auto;
}

.section-title-jp {
	color: #000000;
	font-size: 28px;
	font-weight: 700;
	height: auto;
	justify-content: flex-start;
	letter-spacing: 0.05em;
	line-height: 1.6;
	margin: 0px 0px 30px 0px;
	max-width: 100%;
	transition-delay: 1200ms;
	transition-duration: 800ms;
	width: auto;
	z-index: 1;
}

.p-company-mission__content {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.p-company-mission__img {
	margin: 0 auto;
	max-width: 871px;
	position: relative;
	width: 100%;
}

.p-company-mission__img::before {
	content: "";
	display: block;
	padding-top: 70%;
}

.p-company-mission__img img {
	height: 100%;
	left: 0;
	max-width: none;
	position: absolute;
	top: 0;
	width: 100%;
	-o-object-fit: cover;
	border-radius: 10px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	object-fit: cover;
	filter: brightness(0.9);
}

.p-company-mission__textArea {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 68px 0px 0px 0px;
	width: 100%;
}

.p-company-mission__textArea p {
	color: #000000;
	flex: none;
	font-family: var(--s-font-f7a6a6c7);
	font-size: 16px;
	font-weight: 700;
	height: auto;
	justify-content: flex-start;
	letter-spacing: 0.05em;
	line-height: 1.6;
	max-width: 100%;
	padding: 0px;
	text-align: left;
	transition-delay: 300ms;
	transition-duration: 800ms;
	width: 797px;
	z-index: 1;
}

.p-company-strength {
	background-color: #fff;
	padding: 48px 0;
}

.p-company-strength__inner {
	padding: 0 20px;
	text-align: center;
}

.p-company-strength__content {
	text-align: left;
}

.p-company-strength__lists {
	align-content: center;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	transition-delay: 300ms;
	transition-duration: 1000ms;
}

.p-company-strength__lists li {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin: 0px 24px 48px;
	align-content: flex-start;
	align-items: flex-start;
	background: #ffffff;
	border-radius: 10px;
	box-shadow: 30px 40px 30px rgba(0, 0, 0, 0.1);
	padding: 48px;
	transition-duration: 800ms;
	width: calc(50% - 48px);
}

.p-company-strength__head {
	flex-grow: 1;
	color: #ee8c42;
	font-family: "montserrat", sans-serif;
	font-size: 36px;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1;
	margin: 0px 0px 12px 0px;
	max-width: 100%;
	text-align: left;
	transition-delay: 300ms;
	transition-duration: 1000ms;
	z-index: 1;
}

.p-company-strength__subhead {
	flex-grow: 1;
	color: #000000;
	font-family: var(--s-font-f7a6a6c7);
	font-size: 16px;
	font-weight: 700;
	justify-content: flex-start;
	letter-spacing: 0.05em;
	line-height: 1.4;
	margin: 0px 0px 24px 0px;
	max-width: 100%;
	text-align: left;
	transition-delay: 300ms;
	transition-duration: 1000ms;
	width: 100%;
	z-index: 1;
}

.p-company-strength__text {
	flex-grow: 1;
	color: #000000;
	font-family: var(--s-font-abbfb9fe);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.4;
	margin: 0px 0px 0px 0px;
	max-width: 100%;
	text-align: left;
	transition-delay: 300ms;
	transition-duration: 1000ms;
	width: 100%;
	z-index: 1;
}

.p-company-member {
	background-color: #fff;
	padding: 48px 0;
}

.p-company-member__lists li {
	align-content: center;
	align-items: center;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	height: auto;
	justify-content: space-around;
	padding: 60px 30px;
	width: 100%;
}

.p-company-member__img {
	position: relative;
	width: 44.38%;
}

.p-company-member__img::before {
	content: "";
	display: block;
	padding-top: 80%;
}

.p-company-member__img img {
	height: 100%;
	left: 0;
	max-width: none;
	position: absolute;
	top: 0;
	width: 100%;
	-o-object-fit: cover;
	border-radius: 10px;
	object-fit: cover;
}

.p-company-member__textArea {
	width: 37.73%;
}

.p-company-member__name {
	color: #111111;
	font-family: var(--s-font-18a508ab);
	font-size: 32px;
	font-weight: 700;
	height: auto;
	justify-content: flex-start;
	line-height: 1.2;
	margin: 0px 0px 20px 0px;
	max-width: 100%;
	text-align: left;
	width: auto;
}

.p-company-member__description p {
	color: #333;
	flex: none;
	font-family: var(--s-font-f7a6a6c7);
	font-size: 16px;
	font-weight: 700;
	height: auto;
	justify-content: flex-start;
	line-height: 2.2;
	margin: 0px 0px 0px 0px;
	max-width: 100%;
	padding: 0px 0px 0px 0px;
	text-align: left;
	width: auto;
}

.p-company-about {
	background-color: #fff;
	padding: 96px 0;
}

.p-company-about__inner {
	padding: 0 40px;
}

.p-company-about__content {
	display: flex;
	justify-content: space-around;
}

.p-company-about__textArea {
	margin-right: 48px;
	width: calc(40% - 48px);
}

.p-company-about__table tr {
	max-width: 100%;
	padding: 0px;
	transition-delay: 300ms;
	transition-duration: 1000ms;
	width: 100%;
}

.p-company-about__table th {
	color: #000000;
	font-size: 16px;
	font-weight: 700;
	height: auto;
	justify-content: flex-start;
	letter-spacing: 0.05em;
	line-height: 1.6;
	max-width: calc(100% - 12px);
	padding: 12px 0;
	text-align: left;
	transition-delay: 400ms;
	transition-duration: 1000ms;
	vertical-align: top;
	width: 80px;
	z-index: 1;
}

.p-company-about__table td {
	align-content: center;
	align-items: center;
	display: flex;
	flex-direction: row;
	overflow: visible;
	overflow-wrap: anywhere;
	padding: 12px 0;
	word-break: break-word;
}

.p-company-about__img {
	align-content: center;
	align-items: center;
	border-radius: 10px;
	box-shadow: 40px 50px 30px rgba(0, 0, 0, 0.1);
	flex: none;
	flex-direction: row;
	flex-wrap: nowrap;
	height: 520px;
	justify-content: center;
	margin: 0px 0px 0px 0px;
	overflow-x: hidden;
	overflow-y: hidden;
	padding: 0px;
	position: relative;
	width: 60%;
}

.p-company-about__img::before {
	content: "";
	display: block;
	padding-top: 67.7083333333%;
}

.p-company-about__img img {
	border-radius: 10px;
	height: 100%;
	left: 0;
	max-width: none;
	position: absolute;
	top: 0;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	filter: brightness(0.7);
}

.p-service-billboard {
	background: rgba(0, 0, 0, 0);
	padding: 192px 48px 39px;
	position: relative;
}

.p-service-scroll {
	align-content: center;
	align-items: center;
	bottom: auto;
	display: flex;
	flex: none;
	flex-direction: column;
	flex-wrap: nowrap;
	height: 100%;
	justify-content: flex-end;
	left: auto;
	margin: 0 0 0 0;
	max-width: 100%;
	padding: 0px 48px 0px;
	position: absolute;
	right: 0px;
	top: 0px;
	transition-delay: 1400ms;
	transition-duration: 800ms;
	width: auto;
}

.p-service-scroll p {
	border-bottom: 2px solid rgba(0, 0, 0, 0);
	border-left: 0px solid rgba(0, 0, 0, 0);
	border-right: 0px solid rgba(0, 0, 0, 0);
	border-top: 0px solid rgba(0, 0, 0, 0);
	color: #ffffff;
	font-family: var(--s-font-18a508ab);
	font-size: 14px;
	font-weight: 600;
	height: auto;
	letter-spacing: 0.15em;
	line-height: 1.4;
	margin: 0px 0px 24px 0px;
	padding: 0px 0px 0px;
	text-align: center;
	width: auto;
	writing-mode: vertical-rl;
	-ms-writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
	justify-content: center;
	max-width: 100%;
}

.p-service-scroll-bar {
	background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1));
	flex: none;
	height: 40%;
	max-width: 100%;
	width: 1px;
	--g-color-0: #ffffff;
	--g-position-0: 0%;
	--g-color-1: rgba(255, 255, 255, 0);
	--g-position-1: 100%;
	--g-angle: 180deg;
}

.p-service-billboard-content {
	margin: 0 auto;
	max-width: 1280px;
	width: 100%;
}

.p-service-billboard-title {
	color: #ffffff;
	margin-bottom: 96px;
}

.p-service-billboard-title p {
	font-family: "montserrat", sans-serif;
	font-size: 144px;
	font-weight: 600;
	height: auto;
	justify-content: flex-start;
	line-height: 1.1;
	margin: 0px 0px 24px 0px;
	max-width: 100%;
	text-align: left;
	text-align: center;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	transition-delay: 600ms;
	transition-duration: 800ms;
	width: auto;
	z-index: 1;
}

.p-service-billboard-title p:nth-child(2) {
	font-size: 32px;
}

.p-service-billboard-text {
	color: #ffffff;
	font-size: 28px;
	font-weight: 600;
	height: auto;
	justify-content: flex-start;
	line-height: 1.4;
	margin: 0px 0px 24px 0px;
	max-width: 100%;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	transition-delay: 1200ms;
	transition-duration: 1000ms;
	width: auto;
}

.p-service-billboard-text p {
	color: #ffffff;
	flex: none;
	font-size: 16px;
	font-weight: 700;
	height: auto;
	justify-content: space-between;
	letter-spacing: 0.05em;
	line-height: 1.6;
	margin: 0px 0px 48px 0px;
	margin-bottom: 48px;
	max-width: 100%;
	text-align: center;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	transition-delay: 300ms;
	transition-duration: 800ms;
	width: 100%;
	z-index: 1;
}

.p-service-billboard-text p:nth-child(1) {

	font-size: 28px;
	letter-spacing: 0.05em;
	line-height: 1.6;
	margin-bottom: 24px;
}

.p-service-billboard-text p:nth-child(2) {
	font-size: 28px;
	letter-spacing: 0.05em;
	line-height: 1.6;
}

.p-service-billboard-btn a {
	background-image: linear-gradient(90deg, rgb(141, 139, 226), rgb(253, 187, 203));
	border-radius: 10px;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.9;
	padding: 12px 58px 12px 48px;
	position: relative;
	transition-delay: 0ms;
	transition-duration: 600ms;
}

.p-service-billboard-btn a:hover {
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
	transform: translate(10px, 10px);
}

.p-service-billboard-btn a::before {
	background-image: url();
	height: 20px;
	position: absolute;
	right: 0;
	top: 0;
	width: 20px;
}

.shadow {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
	bottom: 0;
	height: 275px;
	left: 0;
	max-width: 100%;
	position: absolute;
	width: 100%;
	z-index: -1;
}

.p-service-history {
	background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1));
	--g-color-0: #000000;
	--g-position-0: 0%;
	--g-color-1: #737373;
	--g-position-1: 100%;
	--g-color-2: #737373;
	--g-position-2: 100%;
	--g-color-3: #737373;
	--g-position-3: 100%;
	--g-color-4: #737373;
	--g-position-4: 100%;
	--g-color-5: #737373;
	--g-position-5: 100%;
	--g-color-6: #737373;
	--g-position-6: 100%;
	--g-color-7: #737373;
	--g-position-7: 100%;
	--g-color-8: #737373;
	--g-position-8: 100%;
	--g-color-9: #737373;
	--g-position-9: 100%;
	--g-color-10: #737373;
	--g-position-10: 100%;
	--g-color-11: #737373;
	--g-position-11: 100%;
	--g-angle: 90deg;
	padding: 59px 0 96px;
}

.p-service-history-content {
	margin: 0 auto;
	max-width: 1280px;
	padding: 120px 90px;
	width: 100%;
}

.p-service-history-title {
	color: #fff;
	font-size: 100px;
	font-weight: 600;
	justify-content: flex-start;
	line-height: 1.4;
	margin: 0px 0px 63px 0px;
	max-width: 100%;
	text-align: left;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	transition-delay: 300ms;
	transition-duration: 1000ms;
	width: auto;
}

.p-service-history-text {
	color: #fff;
	font-size: 28px;
	font-weight: 600;
	line-height: 1.6;
	margin: 0 auto;
	text-align: left;
}

.p-service-intro {
	background-color: #fff;
	padding: 96px 0;
}

.p-service-intro__title {
	overflow: hidden;
	text-align: center;
	font-family: "Noto Sans JP", sans-serif;
	margin: 0 auto;
	background: linear-gradient(140deg, var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1), var(--g-color-2) var(--g-position-2));
	background-clip: text;
	color: transparent;
	font-family: var(--s-font-f7a6a6c7);
	font-size: 100px;
	font-weight: 900;
	height: auto;
	justify-content: center;
	line-height: 1.2;
	max-width: 100%;
	padding: 0px;
	text-align: center;
	transition-delay: 300ms;
	transition-duration: 3000ms;
	transition-timing-function: ease;
	width: auto;
	-webkit-background-clip: text;
	--g-color-0: rgb(238, 140, 66);
	--g-position-0: 0%;
	--g-color-1: rgb(238, 140, 66);
	--g-position-1: 72%;
	--g-color-2: #f6ff03;
	--g-position-2: 100%;
	--g-angle: 140deg;
	transform: rotate(-1deg) skew(-14deg, 0deg);
}

.p-service-intro__title--purple {
	overflow: hidden;
	background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1));
	background-clip: text;
	color: transparent;
	font-family: var(--s-font-f7a6a6c7);
	font-size: 100px;
	font-style: italic;
	font-weight: 900;
	height: auto;
	justify-content: center;
	line-height: 1.2;
	max-width: 100%;
	padding: 0px;
	text-align: center;
	transform: translate(0px, -7px) rotate(-2deg);
	transition-delay: 300ms;
	transition-duration: 3000ms;
	transition-timing-function: ease;
	width: auto;
	-webkit-background-clip: text;
	--g-color-0: #1e5a9f;
	--g-position-0: 0%;
	--g-color-1: #ec9de3;
	--g-position-1: 75%;
	--g-angle: 140deg;
}

.p-service-intro__title--purple .color-purple {
	background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1));
	background-clip: text;
	color: transparent;
	font-family: var(--s-font-f7a6a6c7);
	font-size: 100px;
	font-style: italic;
	font-weight: 900;
}

.p-service-intro__text {
	margin-top: 56px;
}

.p-service-intro__text p {
	font-size: 18px;
	font-weight: 600;
	text-align: center;
}

.p-service-recommend {
	background-color: #fff;
	padding: 48px 0;
}

.p-service-recommend__inner {
	padding: 0 40px;
}

.p-service-recommend__content {
	align-items: center;
	display: flex;
	flex-direction: row-reverse;
	justify-content: center;
}

.p-service-recommend__content--reverse {
	align-items: center;
	display: flex;
	justify-content: center;
}

.p-service-recommend__textArea {
	margin-left: 48px;
	width: calc(50% - 48px);
}

.p-service-recommend__head {
	font-size: 40px;
	text-align: center;
}

.p-service-recommend__text {
	margin-top: 24px;
	text-align: center;
}

.p-service-recommend__text p {
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0.05em;
	line-height: 1.6;
}

.p-service-recommend__img {
	position: relative;
	width: 50%;
}

.p-service-recommend__img::before {
	content: "";
	display: block;
	padding-top: 70%;
}

.p-service-recommend__img img {
	height: 100%;
	left: 0;
	max-width: none;
	position: absolute;
	top: 0;
	width: 100%;
	-o-object-fit: cover;
	border-radius: 10px;
	box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.2);
	object-fit: cover;
}

.p-service-service {
	background-color: #fff;
	padding: 48px 0;
}

.p-service-service__inner {
	padding: 0 40px;
}

.p-service-service__lists {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	max-width: 1140px;
	margin: 0 auto;
}

.p-service-service__lists li {
	background: #fdfcf3;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-radius: 10px;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	box-shadow: 30px 40px 30px rgba(0, 0, 0, 0.1);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	list-style: none;
	padding: 48px;
	transition-duration: 800ms;
	width: calc(33.3% - 20px);
	width: 290px;
	height: 290px;
}

.p-service-service__list-title {
	color: #1e5a9f;
	display: flex;
	flex: none;
	flex-direction: column;
	font-family: var(--s-font-f7a6a6c7);
	font-size: 24px;
	font-weight: 700;
	height: auto;
	letter-spacing: 0.05em;
	line-height: 1;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-align: center;
	transition-delay: 300ms;
	transition-duration: 1000ms;
	z-index: 1;
}

.p-service-service__list-img {
	position: relative;
}

.p-service-service__list-img::before {
	content: "";
	display: block;
	padding-top: 100%;
}

.p-service-service__list-img img {
	height: 100%;
	left: 0;
	max-width: none;
	position: absolute;
	top: 0;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.p-service-service__list-text {
	display: flex;
	flex-direction: column;
	font-size: 14px;
	font-weight: 600;
	justify-content: center;
	margin-top: 10px;
}

.p-service-service__list-text p {
	flex-grow: 1;
	text-align: center;
}

.p-service-service__list-img {
	margin: 10px auto 0;
	position: relative;
	width: 160px;
}

.p-service-service__list-img::before {
	content: "";
	display: block;
	padding-top: 75%;
}

.p-service-service__list-img img {
	height: 100%;
	left: 0;
	max-width: none;
	position: absolute;
	top: 0;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.p-service-service__btn {
	margin-top: 96px;
	text-align: center;
}

.p-service-service__btn a {
	background: #ee8c42;
	border-radius: 8px;
	color: #fff;
	display: block;
	font-size: 24px;
	font-weight: 600;
	margin: 0 auto;
	max-width: 100%;
	padding: 16px 40px 16px;
	transition-duration: 300ms;
	width: 25%;
	z-index: 1;
}

.p-service-service__btn a:hover {
	transform: scale(1.1);
}



/* ===============================================
#
=============================================== */

.p-service-sns {
	background-color: #fff;
	padding: 48px 0 96px;
}

.p-service-sns__inner {
	padding: 0 40px;
}

.p-service-sns__title {
	color: #111111;
	font-size: 28px;
	font-weight: 700;
	height: auto;
	justify-content: center;
	line-height: 1.2;
	margin: 0px 0px 20px 0px;
	max-width: 100%;
	text-align: center;
	width: auto;
}

.p-service-sns__content {
	margin-top: 40px;
}

.p-service-sns__lists {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.p-service-sns__lists li {
	background: #ffffff;
	box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.2);
	list-style: none;
	width: calc(33.3% - 24px);
}

.p-service-sns__thumbnail {
	position: relative;
}

.p-service-sns__thumbnail::before {
	content: "";
	display: block;
	padding-top: 55.8823529412%;
}

.p-service-sns__thumbnail img {
	height: 100%;
	left: 0;
	max-width: none;
	position: absolute;
	top: 0;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.p-service-sns__textArea {
	padding: 30px 20px;
}

.p-service-sns__head {
	color: #000000;
	font-family: "montserrat", sans-serif;
	font-size: 24px;
	font-style: italic;
	font-weight: 7000;
	letter-spacing: 0em;
	line-height: 1.2;
}

.p-service-sns__text {
	margin-top: 15px;
}

/* ===============================================
#
=============================================== */

.p-service-webProduction {
	background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1));
	max-width: 100%;
	padding: 120px 90px;
	--g-color-0: #1e5a9f;
	--g-position-0: 0%;
	--g-color-1: #ec9de3;
	--g-position-1: 75%;
	--g-angle: 140deg;
	padding: 120px 90px;
}

.p-service-webProduction__title {
	color: #f8f7f6;
	flex: none;
	font-family: "montserrat", sans-serif;
	font-size: 100px;
	font-weight: 700;
	height: auto;
	justify-content: flex-start;
	line-height: 1.2;
	margin: 0px 0px 20px 0px;
	max-width: 100%;
	text-align: left;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	width: 100%;
}

.p-service-webProduction__text p {
	color: #f8f7f6;
	font-size: 28px;
	font-weight: 600;
	height: auto;
	line-height: 1.6;
	max-width: 100%;
	text-align: left;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	width: 100%;
}

.p-service-webProduction__btn {
	margin-top: 40px;
}

.p-service-webProduction__btn a {
	background-color: #EE8C42;
	border-radius: 8px;
	color: #fff;
	display: inline-block;
	font-weight: 600;
	transition-duration: 300ms;
	padding: 10px 30px;
}

.p-service-webProduction__btn a:hover {
	transform: scale(1.1);
}

/* ===============================================
#
=============================================== */

.p-service-webService {
	background-color: #fff;
	padding: 48px 0;
}

.p-service-webService__inner {
	padding: 0 40px;
}

.p-service-webService__lists {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}

.p-service-webService__lists li {
	background: #fdfcf3;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-radius: 10px;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	box-shadow: 30px 40px 30px rgba(0, 0, 0, 0.1);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	list-style: none;
	padding: 40px;
	transition-duration: 800ms;
	width: 320px;
	height: 320px;
	margin: 10px;
}

.p-service-webService__list-title {
	color: #1e5a9f;
	display: flex;
	flex: none;
	flex-direction: column;
	font-family: var(--s-font-f7a6a6c7);
	font-size: 24px;
	font-weight: 700;
	height: auto;
	letter-spacing: 0.05em;
	line-height: 1;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-align: center;
	transition-delay: 300ms;
	transition-duration: 1000ms;
	z-index: 1;
}

.p-service-webService__list-img {
	position: relative;
}

.p-service-webService__list-img::before {
	content: "";
	display: block;
	padding-top: 100%;
}

.p-service-webService__list-img img {
	height: 100%;
	left: 0;
	max-width: none;
	position: absolute;
	top: 0;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.p-service-webService__list-text {
	display: flex;
	flex-direction: column;
	font-size: 14px;
	font-weight: 600;
	justify-content: center;
	margin-top: 10px;
}

.p-service-webService__list-text p {
	flex-grow: 1;
	text-align: center;
}

.p-service-webService__list-img {
	margin: 10px auto 0;
	position: relative;
	width: 160px;
}

.p-service-webService__list-img::before {
	content: "";
	display: block;
	padding-top: 75%;
}

.p-service-webService__list-img img {
	height: 100%;
	left: 0;
	max-width: none;
	position: absolute;
	top: 0;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.p-service-webService__btn {
	margin-top: 96px;
	text-align: center;
}

.p-service-webService__btn a {
	background: #ee8c42;
	border-radius: 8px;
	color: #fff;
	display: block;
	font-size: 24px;
	font-weight: 600;
	margin: 0 auto;
	max-width: 100%;
	padding: 16px 40px 16px;
	transition-duration: 300ms;
	width: 25%;
	z-index: 1;
}


.p-service-webService__btn a:hover {
	transform: scale(1.1);
}

/* ===============================================
#
=============================================== */

.p-service-step {
	background-color: #fff;
	padding: 48px 0;
}

.p-service-step__inner {
	margin: 0 auto;
	padding: 0 40px;
}

.p-service-step__title {
	color: #000000;
	font-size: 36px;
	font-weight: 700;
	height: auto;
	justify-content: center;
	line-height: 1.2;
	max-width: 100%;
	text-align: center;
	text-shadow: none;
}

.p-service-step__content {
	margin-top: 40px;
}

.p-service-step__lists {
	display: flex;
	justify-content: space-between;
}

.p-service-step__lists li {
	position: relative;
	background: #ffffff;
	box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.2);
	width: calc(33.3% - 20px);
}

.p-service-step__lists li::after {
	content: "";
	position: absolute;
	top: 50%;
	right: -42px;
	transform: translateY(-50%);
	width: 32px;
	height: 40px;
	background-image: url(../img/flow.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}


.p-service-step__lists li:nth-child(3)::after {
	display: none;
}

.p-service-step__lists li+li {
	margin-left: 48px;
}

.p-service-step__img {
	height: 170px;
	position: relative;
}

.p-service-step__img::before {
	content: "";
	display: block;
	padding-top: 52.4539877301%;
}

.p-service-step__img img {
	height: 100%;
	left: 0;
	max-width: none;
	position: absolute;
	top: 0;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.p-service-step__textArea {
	padding: 20px;
}

.p-service-step__text {
	margin-top: 15px;
}

/* ===============================================
#
=============================================== */

.p-service-contact {
	background-color: #fff;
	padding: 48px 0 96px;
}

.p-service-contact__inner {
	padding: 0 40px;
}

.p-service-contact__title {
	color: #111111;
	font-size: 48px;
	font-weight: 700;
	height: auto;
	line-height: 1.2;
	text-align: center;
	width: auto;
}

.p-service-contact__introduction {
	margin-top: 20px;
	text-align: center;
}

.p-works {
	background-color: #fff;
	padding: 96px 0;
}

.p-works__inner {
	padding: 0 40px;
}

.p-works__title {
	color: #1E5A9F;
	font-size: 36px;
	font-weight: 600;
	line-height: 1.4;
	text-align: center;
}

.p-works__tubs {
	align-items: center;
	display: flex;
	justify-content: center;
	margin-top: 24px;
}

.p-works__tubs li {
	color: #1E5A9F;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
}

.p-works__tubs li a.is-active {
	padding: 4px 8px;
	background-color: #1E5A9F;
	color: #fff;
	border-radius: 30px;
}

.p-works__tubs li+li {
	margin-left: 20px;
}

.p-works__content {
	margin: 0 auto;
	margin-top: 40px;
	max-width: 1280px;
	padding: 0 48px;
	width: 100%;
}

.p-works__lists {
	display: flex;
	flex-wrap: wrap;
}

.p-works__lists li {
	opacity: 0;
	background: #FFFFFF;
	border: solid 0px #000;
	border-bottom: solid 1px #EEEEEE;
	border-radius: 10px;
	box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
	margin: 0px 12px 24px;
	padding: 24px;
	width: calc(33% - 24px);
	transition-duration: 300ms;
}

.p-works__lists li:hover {
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
	transform: translate(10px, 10px);
}

.p-works__thumbnail {
	height: 180px;
	position: relative;
}

.p-works__thumbnail::before {
	content: "";
	display: block;
	padding-top: 100%;
}

.p-works__thumbnail img {
	height: 100%;
	left: 0;
	max-width: none;
	position: absolute;
	top: 0;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.p-works__meta {
	margin-top: 24px;
}

.p-works__label {
	background-color: #1E5A9F;
	border-radius: 80px;
	color: #EEEEEE;
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1;
	padding: 6px 12px;
}

.p-works__head {
	font-size: 16px;
	letter-spacing: 0.05em;
	line-height: 1.6;
	margin-top: 12px;
}

.p-works__time {
	color: #aaa;
	font-size: 14px;
	letter-spacing: 0.05em;
	line-height: 1.4;
	margin-top: 24px;
}

.p-contact {
	background-color: #fff;
}

.p-contact__inner {
	align-content: center;
	align-items: center;
	flex: none;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin: 0px 0px 0px 0px;
	margin: 0 auto;
	max-width: 100%;
	padding: 96px 48px;
	width: 1280px;
}

.p-contact__content {
	align-content: center;
	align-items: center;
	background: #ffffff;
	border-radius: 10px;
	box-shadow: 40px 50px 30px rgba(0, 0, 0, 0.1);
	max-width: 100%;
	padding: 96px;
	width: 100%;
}

.p-contact__head {
	font-size: 28px;
	line-height: 1.4;
	margin-bottom: 24px;
	text-align: center;
}

.p-contact__lead {
	font-size: 14px;
	letter-spacing: 0.05em;
	line-height: 1.6;
	margin-bottom: 48px;
	text-align: center;
}

.p-contact__wrapper {
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
}

.p-works__back {
	color: #1E5A9F;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;
	position: relative;
	text-align: center;
}

.p-single {
	background-color: #fff;
	padding: 96px 48px;
}

.p-single__inner {
	margin: 0 auto;
	max-width: 1280px;
	padding: 0 48px;
	width: 100%;
}

.p-single__meta {
	align-items: center;
	display: flex;
	margin: 0px 0px 24px 0px;
	max-width: 100%;
	padding: 0px;
}

.p-single__label {
	background: #1e5a9f;
	border-radius: 80px;
	color: #ffffff;
	font-size: 12px;
	font-weight: 600;
	height: auto;
	justify-content: flex-start;
	line-height: 1;
	margin: 0px 12px 0px 0px;
	padding: 6px 12px 6px;
	text-align: left;
	transition-delay: 800ms;
	transition-duration: 1000ms;
}

.p-single__meta {
	color: #aaaaaa;
	font-size: 12px;
	font-weight: 600;
	height: auto;
	justify-content: flex-start;
	letter-spacing: 0.05em;
	line-height: 1;
	max-width: 100%;
	transition-delay: 800ms;
	transition-duration: 1000ms;
	width: auto;
}

.p-single__title {
	color: #000000;
	font-size: 28px;
	font-weight: 700;
	height: auto;
	letter-spacing: 0.05em;
	line-height: 1.6;
	margin: 0px 0px 48px 0px;
	max-width: 100%;
	transition-delay: 1200ms;
	transition-duration: 800ms;
	z-index: 1;
}

.p-single__content {
	background: #ffffff;
	border-radius: 10px;
	box-shadow: 40px 50px 30px rgba(0, 0, 0, 0.1);
	margin: 0px 0px 96px;
	padding: 96px;
}

.p-single__thumbnail {
	margin-bottom: 48px;
	position: relative;
}

.p-single__thumbnail::before {
	content: "";
	display: block;
	padding-top: 63.5080645161%;
}

.p-single__thumbnail img {
	height: 100%;
	left: 0;
	max-width: none;
	position: absolute;
	top: 0;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.p-single__description {
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0.05em;
	line-height: 1.6;
	margin: 0px 0px 24px 0px;
}

.p-single__url {
	color: #1e5a9f;
	-webkit-text-decoration: solid 1px #1e5a9f;
	font-size: 16px;
	line-height: 1.6;
	margin-bottom: 48px;
	text-decoration: solid 1px #1e5a9f;
}

.p-single__url {
	display: flex;
	flex-wrap: wrap;
}

.p-single__back {
	text-align: center;
}

.p-single__back a {
	display: inline-block;
	background-color: #000000;
	border-radius: 10px;
	box-shadow: 20px 20px 30px rgba(0, 0, 0, 0.2);
	color: #fff;
	padding: 12px 48px;
	transition-delay: 0ms;
	transition-duration: 600ms;
}

.p-single__back a:hover {
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
	transform: translate(10px, 10px);
}



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

	.l-header__inner i {
		display: none;
	}

	.p-service-service__lists li {
		margin: 20px;
	}

	.u-hidden-pc {
		display: none;
	}

}

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

	.l-header__nav {
		display: none;
	}

	/* ===============================================
#drawer-menu
=============================================== */
	.drawer-menu {
		opacity: 0;
		position: fixed;
		align-items: center;
		display: flex;
		width: 100%;
		height: 100vh;
		top: 0;
		left: 0;
		background-color: #fff;
		z-index: 0;
		transition-delay: 300ms;
		transition-duration: 300ms;
	}

	.drawer-menu.active {
		opacity: 1;
		z-index: 1000;
		pointer-events: auto;
	}

	.drawer-menu__wrapper {
		width: 100%;
	}

	.drawer-menu i {
		padding: 20px;
		top: 30px;
		right: 30px;
		cursor: pointer;
		position: fixed;
	}


	.drawer-menu__lists {
		width: 100%;
		margin-bottom: 24px;
	}

	.drawer-menu__lists li {
		border-bottom: 2px solid rgba(0, 0, 0, 0);
		border-left: 0px solid rgba(0, 0, 0, 0);
		border-right: 0px solid rgba(0, 0, 0, 0);
		border-top: 0px solid rgba(0, 0, 0, 0);
		color: #333;
		flex: none;
		font-family: "montserrat", sans-serif;
		font-size: 16px;
		font-weight: 600;
		height: auto;
		letter-spacing: 0.15em;
		line-height: 1.4;
		margin: 0px 0px 0px 0px;
		padding: 24px 48px 24px;
		text-align: left;
		width: 100%;
		max-width: 100%;
		justify-content: flex-start;
	}

	.drawer-menu__lists li a {
		display: block;
		width: 100%;
		height: 100%;
	}

	.drawer-menu__foot ul {
		font-size: 14px;
		background: #f8f7f6;
		font-family: "montserrat", sans-serif;
		letter-spacing: 0.15em;
		font-weight: 600;
		display: flex;
		padding: 48px;
		width: 100%;
		max-width: 100%;
	}

	.drawer-menu__foot a:nth-child(1) {
		margin-right: 24px;
	}

	.p-service-scroll {
		position: absolute;
		left: 50%;
		top: 300px;
		transform: translateX(-50%);
		padding: 0 24px;
	}

	.p-service-scroll p {
		writing-mode: horizontal-tb;
		font-size: 10px;
	}

	.billboard-title p {
		font-size: 96px;
	}

	.p-top-ctaArea {
		padding: 48px;
	}

	.p-top-ctaArea__text p:nth-child(1) {
		font-size: 24px;
	}

	.p-top-ctaArea__text p:nth-child(2) {
		font-size: 10px;
	}

	.p-top-performance {
		padding: 192px 24px;
	}

	.p-top-performance__lists li {
		flex: none;
		flex-direction: column;
		flex-wrap: nowrap;
		margin: 0px 12px 24px;
		max-width: calc(50% - 24px);
		overflow-x: hidden;
		overflow-y: auto;
		width: calc(50% - 24px);
	}

	.p-company-strength__lists {
		display: block;
		width: 100%;
	}

	.p-company-strength__lists li {
		margin: 0 0 24px;
		padding: 24px;
		width: 100%;
	}

	.p-company-member__name {
		font-size: 24px;
	}

	.p-company-member__description p {
		line-height: 1.8;
	}

	.p-service-billboard-title p {
		font-size: 96px;
		margin-bottom: 16px;

	}

	.p-service-billboard-title p:nth-child(2) {
		font-size: 18px;
	}

	.p-service-service__lists li {
		width: 47%;
		height: auto;
		margin: 10px;
	}

	.p-service-service__btn a {
		width: 40%;
	}




	.p-works__lists li {
		margin: 0px 12px 24px;
		width: calc(50% - 24px);
	}

}

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

	.l-header {
		padding: 24px;
	}

	.l-header__logo a {
		font-size: 16px;
	}

	.l-footer__content {
		padding: 0 16px 0;
	}

	.l-footer__link {
		display: flex;
		align-items: center;
		height: 153px;
		max-width: 100%;
		padding: 24px;
		width: 100%;
	}

	.l-footer__link-wrapper {
		width: 100%;
	}


	.l-footer__link-textArea p:nth-child(1) {
		font-size: 28px;
		margin-bottom: 12px;
	}

	.l-footer__link-textArea p:nth-child(2) {
		font-size: 12px;
	}

	.l-titleArea {
		padding: 96px 0;
	}

	.l-titleArea__inner {
		padding: 0 24px;
	}

	.l-titleArea__title {
		font-size: 40px;
		margin-bottom: 12px;
	}

	.l-titleArea__title--center {
		font-size: 40px;
		margin-bottom: 12px;
	}

	.l-titleArea__subtitle {
		font-size: 18px;
	}

	.scroll {
		padding: 0px 12px 0px;
	}

	.scroll p {
		font-size: 10px;
	}

	.billboard {
		padding: 164px 18px 48px;
	}

	.billboard-content {
		padding: 0 24px;
	}

	.billboard-title {
		margin-bottom: 54px;
	}

	.billboard-title p {
		font-family: "Montserrat", sans-serif;
		font-size: 40px;
		font-weight: 900;
	}

	.billboard-text {
		padding: 0 0px;
	}

	.billboard-text p {
		font-size: 13px;
	}

	.billboard-text p:nth-child(1) {
		margin-bottom: 0;
	}

	.billboard-text p:nth-child(2) {
		font-size: 16px;
	}

	.billboard-btn a {
		font-size: 12px;
	}

	.history {
		padding: 59px 24px 96px;
	}

	.history-content {
		text-align: left;
	}

	.history-title {
		font-size: 40px;
		margin-bottom: 48px;
		letter-spacing: 0.05em;
		white-space: nowrap;
		text-align: center;

	}

	.history-text {
		font-size: 14px;
		text-align: center;
		font-weight: 600;
		width: 100%;

	}

	.history-text p {
		font-size: 14px;
		text-align: center;
		font-weight: 600;
		width: 100%;

	}

	.p-top-service {
		padding: 96px 24px 32px;
	}

	.p-top-service__content {
		margin-bottom: 72px;
	}

	.p-service-scroll {
		top: 0;
	}

	.p-top-service__heading {
		font-size: 50px;
		margin-bottom: 48px;
	}

	.p-top-service__title {
		background: linear-gradient(140deg, #ee8c42 0%, rgb(238, 140, 66) 76%, #f6ff03 100%);
		font-size: 38px;
		margin-bottom: 40px;
		letter-spacing: -0.05em;
		max-width: 100%;
		transform: rotate(-2deg) skew(-20deg, 0deg);
		width: 100%;
		-webkit-background-clip: text;
		background-clip: text;
	}

	.p-top-service__title--purple {
		background: linear-gradient(140deg, #1e5a9f 0%, #ec9de3 76%);
		font-size: 48px;
		margin-bottom: 40px;
		letter-spacing: -0.05em;
		max-width: 100%;
		transform: rotate(-2deg) skew(-20deg, 0deg);
		-webkit-background-clip: text;
		background-clip: text;
	}

	.p-top-service__unit {
		display: block;
	}

	.p-top-service__unit--reverse {
		display: block;
	}

	.p-top-service__detail {
		width: 100%;
	}

	.p-top-service__text {
		text-align: center;
		font-size: 13px;
		margin-bottom: 36px;
	}

	.p-top-service__detail--left {
		margin-left: 0;
		text-align: left;
		width: 100%;
	}

	.p-top-service__detail--right {
		margin-right: 0;
		text-align: left;
		width: 100%;
	}

	.p-top-service__img {
		margin-bottom: 48px;
		width: 100%;
	}

	.p-top-service__btn a {
		font-size: 12px;
	}

	.p-top-service__btn--purple a span {
		font-size: 12px;
	}

	.p-top-ctaArea__inner {
		display: block;
	}

	.p-top-ctaArea {
		padding: 48px 24px;
	}

	.p-top-ctaArea__btn {
		text-align: center;
	}

	.p-top-ctaArea__btn a span {
		font-size: 12px;
	}

	.p-top-performance {
		padding: 96px 24px;
	}

	.p-top-performance__heading {
		font-size: 40px;
	}

	.p-top-performance__lists li {
		flex: none;
		flex-direction: column;
		flex-wrap: nowrap;
		margin: 0px 0px 30px;
		max-width: 100%;
		overflow-x: hidden;
		overflow-y: auto;
		width: 100%;
	}

	.p-company-mission {
		padding: 48px 0;
	}

	.p-company-mission__inner {
		padding: 0 20px;
	}


	.p-company-mission__title {
		margin-bottom: 24px;
	}

	.section-title {
		font-size: 40px;
	}

	.section-title-jp {
		font-size: 18px;
		margin-bottom: 24px;
	}

	.p-company-mission__textArea {
		margin-top: 28px;
	}

	.p-company-mission__textArea p {
		font-size: 13px;
		padding: 24px;
	}

	.p-company-strength {
		padding: 48px 0 32px;
	}

	.p-company-strength__inner {
		padding: 0 20px;
	}

	.p-company-strength__title {
		font-size: 48px;
	}

	.p-company-strength__lists li {
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
		flex: none;
		margin: 24px 0 0;
		max-width: 100%;
		padding: 24px;
		width: 100%;
	}

	.p-company-strength__head {
		font-size: 28px;
	}

	.p-company-strength__subhead {
		font-size: 20px;
	}

	.p-company-strength__text {
		font-size: 12px;
	}

	.p-company-member__lists li {
		flex-direction: column-reverse;
		padding: 30px 20px;
	}

	.p-company-member__img {
		width: 100%;
	}

	.p-company-member__textArea {
		margin-top: 40px;
		width: 100%;
	}

	.p-company-member__description p {
		line-height: 1.6;
		font-size: 14px;
	}

	.p-company-about__inner {
		padding: 0 20px;
	}

	.p-company-about__content {
		flex-direction: column-reverse;
	}

	.p-company-about__textArea {
		margin-top: 96px;
		width: 100%;
	}

	.p-company-about__img {
		height: 240px;
		position: relative;
		width: 100%;
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	}

	.p-company-about__img::before {
		content: "";
		display: block;
		padding-top: 73.3944954128%;
	}

	.p-company-about__img img {
		border-radius: 10px;
		height: 100%;
		left: 0;
		max-width: none;
		position: absolute;
		top: 0;
		width: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}

	.p-service-billboard {
		padding: 88px 18px 352px;
	}

	.p-service-billboard-content {
		padding: 0 16px;
	}

	.p-service-billboard-title {
		margin-bottom: 72px;
	}

	.p-service-billboard-title p {
		font-size: 48px;
	}

	.p-service-billboard-text {
		padding: 0 10px;
	}

	.p-service-billboard-text p {
		font-size: 14px;
	}

	.p-service-billboard-text p:nth-child(1) {
		font-size: 18px;
		margin-bottom: 16px;
	}

	.p-service-billboard-text p:nth-child(2) {
		font-size: 16px;
	}

	.p-service-history {
		padding: 48px 24px;
	}

	.p-service-history-content {
		padding: 0;
	}

	.p-service-history-title {
		font-size: 32px;
		margin-bottom: 40px;
	}

	.p-service-history-text {
		font-size: 13px;
		width: 100%;
	}

	.p-service-intro {
		padding: 96px 20px 48px;
	}

	.p-service-intro__title {

		font-size: 40px;

	}

	.p-service-intro__title .color-red {
		font-weight: 900;
		font-size: 40px;


	}

	.p-service-intro__title--purple {

		font-size: 40px;
	}

	.p-service-intro__title--purple .color-purple {
		font-size: 40px;
		font-weight: 900;
		font-style: italic;
	}

	.p-service-intro__text p {

		font-size: 14px;
	}

	.p-service-recommend {
		padding: 0 0 48px;
	}

	.p-service-recommend__inner {
		padding: 0 20px;
	}

	.p-service-recommend__content {
		flex-direction: column-reverse;

	}

	.p-service-recommend__content--reverse {
		flex-direction: column-reverse;
	}

	.p-service-recommend__textArea {
		margin-left: 0;
		width: 100%;
	}

	.p-service-recommend__head {
		font-size: 24px;
		margin-top: 48px;
		text-align: center;
	}

	.p-service-recommend__text p {
		text-align: center;
		font-size: 13px;
	}

	.p-service-recommend__img {
		width: 100%;
	}

	.p-service-service__inner {
		padding: 0 20px;
	}

	.p-service-service__lists li {
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
		flex: none;
		height: 238px;
		padding: 14px;
		width: 238px;
		max-width: 100%;
		margin: 8px;
	}

	.p-service-service__list-img {
		position: relative;
		width: 60%;
	}

	.p-service-service__list-img::before {
		content: "";
		display: block;
		padding-top: 70%;
	}

	.p-service-service__btn {
		margin-top: 48px;
	}


	.p-service-service__btn a {
		width: 100%;
	}

	.p-service-sns__inner {
		padding: 0 20px;
	}

	.p-service-sns__title {
		font-size: 24px;
	}

	.p-service-sns__lists {
		display: block;
	}

	.p-service-sns__lists li {
		width: 100%;
	}

	.p-service-sns__lists li+li {
		margin-top: 20px;
	}

	.p-service-webProduction {
		padding: 45px 20px;
	}

	.p-service-webProduction__title {
		font-size: 48px;
	}

	.p-service-webProduction__text p {
		font-size: 13px;
	}

	.p-service-webService {
		padding: 24px 0;
	}


	.p-service-webService__lists li {

		width: 150px;
		height: 150px;
		padding: 15px;
		margin: 8px;
	}

	.p-service-webService__lists li:nth-child(n+2) {}

	.p-service-webService__list-title {
		font-size: 11px;
	}

	.p-service-webService__btn {
		margin-top: 48px;
	}

	.p-service-webService__btn a {
		width: 100%;
	}

	.p-service-step__title {
		font-size: 28px;
	}

	.p-service-step__inner {
		padding: 0 20px;
	}

	.p-service-step__lists {
		display: block;
	}

	.p-service-step__lists li {
		width: 100%;
	}

	.p-service-step__lists li::after {
		content: "";
		position: absolute;
		top: 100%;
		bottom: 0;
		right: 0;
		left: 50%;
		transform: translateX(-50%);
		width: 52px;
		height: 40px;
		background-image: url(../img/underflow.svg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
	}

	.p-service-webService__inner {
		padding: 0 20px;
	}

	.p-service-webService__list-text {
		font-size: 8px;
	}

	.p-service-webService__list-img {
		width: 45%;
	}

	.p-service-step__lists li+li {
		margin-left: 0;
		margin-top: 40px;
	}

	.p-service-contact__inner {
		padding: 0 20px;
	}

	.p-service-contact__title {
		font-size: 32px;
	}

	.p-works {
		padding: 48px 0;
	}

	.p-works__inner {
		padding: 0 20px;
	}

	.p-works__title {
		font-size: 24px;
	}

	.p-works__tubs li {
		font-size: 12px;
	}

	.p-works__tubs li+li {
		margin-left: 12px;
	}

	.p-works__content {
		padding: 0;
	}

	.p-works__lists li {
		margin: 0px 0px 30px;
		width: 100%;
	}

	.p-single {
		padding: 48px 0px;
	}

	.p-single__inner {
		padding: 0 24px;
	}

	.p-single__title {
		font-size: 20px;
	}

	.p-single__content {
		padding: 16px 16px 48px;
	}

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

	.p-single__url {
		font-size: 14px;
	}

	.p-single__url a {
		display: inline-block;
	}

	.p-contact__inner {
		padding: 48px 16px;
	}

	.p-contact__wrapper {
		margin-top: 40px;
	}


	.p-contact__content {
		padding: 16px 16px 40px;
	}

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









	.u-hidden-sp {
		display: none;
	}









}

.cf7__list {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 40px;
}

.cf7__list dt:nth-of-type(n + 2),
.cf7__list dd:nth-of-type(n + 2) {
	margin-top: 12px;
}

.cf7__list dt {
	width: 100%;
	padding-top: 15px;
}

.cf7__list dd {
	margin-top: 8px;
	width: 100%;
}

/* 必須・任意 */
.cf7__required,
.cf7__optional {
	margin-right: 15px;
	padding: 6px 14px;
	color: #fff;
	font-size: 12px;
	vertical-align: 1px;
}

.cf7__required {
	background: #BE1D1D;
}

.cf7__optional {
	background: #878D8E;
}

/* input・textarea */
.cf7__list dd input[type="text"],
.cf7__list dd input[type="tel"],
.cf7__list dd input[type="email"],
.cf7__list dd textarea {
	width: 100%;
	padding: 15px 20px;
	background: #F4F4F4;
}

/* ドロップダウンメニュー */
.cf7__select {
	position: relative;
}

.cf7__select:before {
	position: absolute;
	top: 50%;
	right: 20px;
	z-index: 10;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-top: 8px solid #000;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	pointer-events: none;
	content: '';
}

.cf7__select select {
	width: 100%;
	padding: 19px 20px;
	background: #F4F4F4;
	color: #a5a5a5;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/* チェックボックス・ラジオボタン */
.cf7__list dd .wpcf7-checkbox,
.cf7__list dd .wpcf7-radio {
	display: block;
	padding: 15px 0 10px;
}

/* 縦並び（チェックボックス・ラジオボタン） */
.cf7__list dd .wpcf7-list-item {
	display: block;
	margin: 0;
}

.cf7__list dd .wpcf7-list-item:nth-child(n + 2) {
	margin-top: 18px;
}

/* マウスカーソル（チェックボックス・ラジオボタン） */
.cf7__list dd .wpcf7-list-item label {
	cursor: pointer;
}

/* チェックボックス・ラジオボタン */
input[type="checkbox"],
input[type="radio"] {
	position: relative;
	width: 18px;
	height: 18px;
	margin-right: 8px;
	border: 1px solid #bcbcbc;
	vertical-align: -6px;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/* チェックボックス */
input[type="checkbox"]:checked {
	border: 1px solid #000;
	background: #000;
}

input[type="checkbox"]:checked:before {
	position: absolute;
	top: 2px;
	left: 5px;
	transform: rotate(50deg);
	width: 6px;
	height: 10px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	content: '';
}

/* ラジオボタン */
input[type="radio"] {
	border-radius: 50%;
}

input[type="radio"]:checked:before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #000;
	content: '';
}

/* プレースホルダー */
/* Google Chrome / Safari / Mozilla Firefox / Opera */
.cf7__list dd input[type="text"]::placeholder,
.cf7__list dd input[type="tel"]::placeholder,
.cf7__list dd input[type="email"]::placeholder,
.cf7__list dd textarea::placeholder {
	color: #a5a5a5;
}

/* Microsoft Edge */
.cf7__list dd input[type="text"]::-ms-input-placeholder,
.cf7__list dd input[type="tel"]::-ms-input-placeholder,
.cf7__list dd input[type="email"]::-ms-input-placeholder,
.cf7__list dd textarea::-ms-input-placeholder {
	color: #a5a5a5;
}

/* Internet Explorer */
.cf7__list dd input[type="text"]:-ms-input-placeholder,
.cf7__list dd input[type="tel"]:-ms-input-placeholder,
.cf7__list dd input[type="email"]:-ms-input-placeholder,
.cf7__list dd textarea:-ms-input-placeholder {
	color: #a5a5a5;
}

.cf7__privacy p {
	text-align: center;
}

/* 送信ボタン */
.cf7__button {
	margin-top: 24px;
	padding-left: 0px;
	text-align: center;
}

input[type="submit"] {
	color: #fff;
	display: inline-block;
	background: #333333;
	border-radius: 10px;
	box-shadow: 20px 20px 30px rgba(0, 0, 0, 0.2);
	font-size: 16px;
	padding: 12px 24px 12px;
	width: auto;
	max-width: 100%;
	transition-delay: 0ms;
	transition-duration: 600ms;
}

input[type="submit"]:hover {
	opacity: .6;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
	transform: translate(10px, 10px);
	transition-duration: 600ms;
}

/* ajax-loader */
.wpcf7-spinner {
	display: none;
}



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

	.cf7__list dt {
		width: 100%;
		margin-bottom: 15px;
		padding-top: 0;
	}

	.cf7__list dd {
		width: 100%;
	}

	.cf7__list dd:nth-of-type(n + 2) {
		margin-top: 0;
	}

	.cf7__list dd .wpcf7-checkbox,
	.cf7__list dd .wpcf7-radio {
		padding: 15px 0 0;
	}

	/* 送信ボタン */
	input[type="submit"] {
		width: 180px;
		height: 56px;
	}

}


/* ===============================================
#breadcrumb 
=============================================== */
.breadcrumb {
	color: #aaaaaa;
	font-size: 12px;
	font-family: "montserrat", sans-serif;
	padding: 16px 40px;
	font-weight: 600;
	line-height: 1.4;
	text-align: left;
	transition-delay: 300ms;
	transition-duration: 1000ms;
}


.breadcrumb a {

	text-decoration: none;
	transition: all 0.3s ease 0s;
}

.breadcrumb a:hover {
	opacity: 0.6;
}

.breadcrumb i {
	margin-left: 15px;
	margin-right: 15px;
}

.current-item {
	color: #1e5a9f;
}

.breadcrumb span {
	padding: 0 12px;
}

@media screen and (max-width: 767px) {
	.breadcrumb {
		padding: 24px;
		width: 100%;
		overflow-y: hidden;


	}

	.breadcrumb__inner {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		overflow-x: scroll;
		overflow-y: hidden;
	}

	.breadcrumb__inner::-webkit-scrollbar {
		display: none;
	}

	.breadcrumb span {
		flex-shrink: 0;
		padding: 0 4px;
	}


}

.js-bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 99;
	display: grid;
	place-items: center;
	pointer-events: none;
}

.js-loader-bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform-origin: top right;
	/* 追記 */
	background-image: linear-gradient(90deg, rgb(141, 139, 226), rgb(253, 187, 203));
	z-index: 100;
	display: grid;
	place-items: center;
	pointer-events: none;
}

.js-drawer-bg {
	opacity: 0;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform-origin: top right;
	/* 追記 */
	background-color: #1e5a9f;
	z-index: 100;
	display: grid;
	place-items: center;
	pointer-events: none;
}

.close {
	z-index: 1000;
}



@media screen and (max-width: 540px) {
	.p-service-service__lists li {
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
		flex: none;
		height: 150px;
		padding: 14px;
		width: 150px;
		max-width: 100%;
		margin: 8px;

	}



	.p-service-service__list-img {
		position: relative;
		width: 45%;
	}

	.p-service-service__list-img::before {
		content: "";
		display: block;
		padding-top: 100%;
	}

	.p-service-service__list-title {
		font-size: 13px;
	}

	.p-service-service__list-img img {
		height: 100%;
		left: 0;
		max-width: none;
		position: absolute;
		top: 0;
		width: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}

	.p-service-service__list-text p {
		font-size: 8px;
	}




}




.p-service-social {
	background-color: #fff;
	padding: 48px 0 96px;

}

.p-service-social__inner {
	padding: 0 40px;
}


.p-service-social__content {
	margin-top: 60px;
}

.p-service-social__lists {

	display: flex;
	justify-content: space-between;



}

.p-service-social__lists li {
	opacity: 0;
	position: relative;
	padding: 0px 24px 32px 24px;
	background-color: #fff;
	box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.2);
	width: calc(33.3% - 24px);
	border-radius: 16px;


}

.p-service-social__lists li+li {}

.p-service-social__img .p-service-social__textArea {
	position: relative;
	display: flex;
	flex-direction: column;
	margin-left: auto;

}

.p-service-social__head {
	position: relative;
	padding-left: 50px;
	font-size: 24px;
}

.p-service-social__lead {
	margin-top: 16px;
	font-weight: 400;
	flex-grow: 1;

}

.p-service-social__head::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	height: 40px;
	background: url(../img/instagram.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}



.p-service-social__lists li:nth-of-type(2) h3:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	height: 40px;
	background: url(../img/tiktok.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}


.p-service-social__lists li:nth-of-type(3) h3:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	height: 40px;
	background: url(../img/line.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}


.p-service-social__img {
	position: relative;
}

.p-service-social__img::before {
	content: "";
	display: block;
	padding-top: 90%;
}

.p-service-social__img img {
	height: 100%;
	left: 0;
	max-width: none;
	position: absolute;
	top: -20px;
	width: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}


.p-service-flow {
	position: relative;
	background-color: #fff;
	padding: 48px 0;
}


.p-service-flow__inner {
	margin: 0 auto;
	padding: 0 40px;
}

.p-service-flow__content {
	margin-top: 40px;
}


.p-service-flow__lists {
	display: flex;
	justify-content: space-between;

}

.p-service-flow__lists li {
	position: relative;
	box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.2);
	border-radius: 16px 16px 0 0;
	width: calc(33.3% - 10px);

	display: flex;
	flex-direction: column;
	align-items: stretch;
	/* 追加 */


}


.p-service-flow__lists li+li {}

.p-service-flow__textArea {
	display: flex;
	flex-direction: column;
	height: 100%;
	/* 追加 */
}

.p-service-flow__label {
	position: relative;
	border-radius: 16px 16px 0 0;
	text-align: center;
	padding: 20px 0;
	background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1));
	--g-color-0: #1e5a9f;
	--g-position-0: 0%;
	--g-color-1: #ec9de3;
	--g-position-1: 75%;
	--g-color-2: #ec9de3;
	--g-position-2: 75%;
	--g-color-3: #ec9de3;
	--g-position-3: 75%;
	--g-color-4: #ec9de3;
	--g-position-4: 75%;
	--g-color-5: #ec9de3;
	--g-position-5: 75%;
	--g-color-6: #ec9de3;
	--g-position-6: 75%;
	--g-color-7: #ec9de3;
	--g-position-7: 75%;
	--g-color-8: #ec9de3;
	--g-position-8: 75%;
	--g-color-9: #ec9de3;
	--g-position-9: 75%;
	--g-color-10: #ec9de3;
	--g-position-10: 75%;
	--g-color-11: #ec9de3;
	--g-position-11: 75%;
	--g-angle: 140deg;
	color: #fff;
	font-weight: 700;
	font-size: 20px;
	letter-spacing: 0.08em;
}

.p-service-flow__label::after {
	content: "";
	background: url(../img/flow02.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 40px;
	position: absolute;
	right: -35px;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	z-index: 1;



}

.p-service-flow__lists li:nth-of-type(3) .p-service-flow__label::after {
	display: none;
}


.p-service-flow__step {
	position: absolute;
	left: 20px;
	bottom: 0;
	font-size: 50px;
	line-height: 1;
	font-weight: bold;
	color: #fff;

}

.p-service-flow__lead {
	background-color: #fff;
	padding: 30px 20px 20px;
	flex-grow: 1;
	display: flex;
	/* 追加 */
	flex-direction: column;
	/* 追加 */

}



.p-service-flow__lead p+p {
	margin-top: 16px;
}

.p-service-flow__img {
	height: 200px;
	position: relative;
}

.p-service-flow__img::before {
	content: "";
	display: block;
	padding-top: 50%;
}

.p-service-flow__img img {
	height: 100%;
	left: 0;
	max-width: none;
	position: absolute;
	top: 0;
	width: 100%;
	-o-object-fit: cover;
	filter: brightness(0.7);
	object-fit: cover;
}



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


	.p-service-social__inner {
		padding: 0 20px;
	}

	.p-service-social__lists {
		display: block;
	}

	.p-service-social__lists li {
		margin: 0;
		width: 100%;
	}

	.p-service-social__lists li+li {
		margin-top: 60px;
	}

	.p-service-social__img::before {
		padding-top: 80%;
	}


	.p-service-flow__inner {
		margin: 0 auto;
		padding: 0 20px;
	}


	.p-service-flow__lists {
		display: block;
	}

	.p-service-flow__lists li {
		display: block;
		margin: 0;
		width: 100%;
	}

	.p-service-flow__lists li+li {
		margin-top: 40px;
	}

	.p-service-flow__label::after {
		display: none;
	}



}