body {
	font-family: "Noto Sans JP", sans-serif;
}

@font-face {
	font-family: "MOBO";
	font-style: normal;
	font-weight: normal;
	src: url("../fonts/MOBO.otf") format("opentype");
}

.u-desktop {
	display: block;
}

.u-mobile {
	display: none;
}

/* リキッドレイアウト対応 */

html {
	font-size: 16px;
}

*,
*::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: optimizeLegibility;
}

/* 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=checkbox],
input[type=radio] {
	display: none;
}

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

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

/* ホバー */

a {
	-webkit-text-decoration: none;
	color: inherit;
	text-decoration: none;
	transition: opacity 0.3s;
}

.about {
	overflow: hidden;
	padding: 5rem 0 13.5rem;
}

.about__container {
	margin-top: 7.8125rem;
}

.about__introduce {
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding-left: 22.5rem;
	padding-right: 7rem;
	position: relative;
}

.about__introduce::before {
	background-image: url(../images/about-image1.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	height: 22.5rem;
	left: 0;
	position: absolute;
	top: -3.125rem;
	width: 20.5rem;
}

.about-content {
	margin-left: auto;
	margin-right: auto;
	max-width: 50rem;
	width: 100%;
}

.about__title {
	color: #FF5C00;
	font-family: "Noto Sans JP";
	font-size: 2rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.25; /* 125% */
}

.about__introduce-content {
	display: flex;
	margin-top: 1.5rem;
}

.about__text:not(:first-child) {
	margin-top: 1rem;
}

.about__self-image {
	height: 13.75rem;
	margin-left: 3.4375rem;
	margin-top: 1.25rem;
	position: relative;
	width: 11.25rem;
	z-index: 1;
}

.about__self-image::after {
	background-image: url(../images/image-border.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	height: 14.375rem;
	left: 0;
	position: absolute;
	top: 0;
	width: 11.75rem;
	z-index: -1;
}

.about__self-image img {
	-o-object-fit: cover;
	aspect-ratio: 180/220;
	max-width: 11.25rem;
	object-fit: cover;
	width: 11.25rem;
}

.about__career {
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	margin-top: 10rem;
	padding-left: 22.5rem;
	padding-right: 7.125rem;
	position: relative;
}

.about__career::after {
	background-image: url(../images/about-image2.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	height: 28.75rem;
	position: absolute;
	right: 0;
	top: -0.125rem;
	width: 19.25rem;
}

.about__items {
	display: flex;
	flex-wrap: wrap;
	margin-top: 1.5rem;
}

.about__term:not(:first-child) {
	margin-top: 1rem;
}

.about__term {
	color: #333;
	font-family: "Noto Sans JP";
	font-size: 1rem;
	font-style: normal;
	font-weight: 500;
	letter-spacing: -0.368px;
	line-height: 1.5; /* 150% */
	width: 7%;
}

.about__description {
	width: 93%;
}

.about__description:not(:first-of-type) {
	margin-top: 1rem;
}

.about__skills {
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	margin-top: 8.375rem;
	padding-left: 21.375rem;
	padding-right: 6.25rem;
	position: relative;
}

.about__skills::before {
	background-image: url(../images/about-image3.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	height: 24.8125rem;
	left: 0;
	position: absolute;
	top: 0;
	width: 16.875rem;
}

.about__sub-title {
	color: #333;
	font-family: "Noto Sans JP";
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 700;
	letter-spacing: -0.46px;
	line-height: 1.5; /* 150% */
	margin-top: 2rem;
}

.about__sub-title:nth-of-type(3) {
	margin-top: 4.25rem;
}

.about__language {
	display: flex;
	flex-wrap: wrap;
	margin-top: 1.25rem;
	row-gap: 10px;
}

.about__language img {
	aspect-ratio: 1;
	width: 4.375rem;
}

.about__tool {
	display: flex;
	margin-top: 1rem;
}

.about__tool img {
	aspect-ratio: 1;
	width: 4.375rem;
}

.appeal {
	background-color: #FFEEE5;
	overflow: hidden;
	padding-top: 7.5rem;
}

.appeal__inner {
	position: relative;
}

.appeal__inner::after {
	background-image: url(../images/appeal-image.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
	bottom: 0;
	content: "";
	height: 25.5625rem;
	position: absolute;
	right: calc(50% - min(48vw, 425px));
	width: 16.875rem;
	z-index: 1;
}

.appeal__container {
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10rem;
	width: 42.5rem;
}

.appeal__title {
	color: #333;
	font-size: 2rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.25; /* 125% */
	text-align: center;
}

.appeal__items {
	margin-top: 5.6875rem;
	padding-left: 4.25rem;
}

.appeal__item {
	color: #333;
	font-family: "Noto Sans JP";
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2; /* 200% */
	position: relative;
}

.appeal__item::before {
	background-image: url(../images/check.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	height: 3.75rem;
	left: -4.25rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 3.75rem;
}

.appeal__item:not(:first-child) {
	margin-top: 3.75rem;
}

.appeal__main {
	background-color: #fff;
	background-image: url(../images/appeal-arrow.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding-bottom: 15.6875rem;
	padding-top: 5.3125rem;
	text-align: center;
}

.appeal__main-text {
	color: #fff;
	font-family: "MOBO";
	font-size: 2.5rem;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.button {
	background-color: #FF5C00;
	border-radius: 0.3125rem;
	color: #fff;
	display: inline-block;
	font-family: "MOBO";
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 600;
	line-height: 1; /* 100% */
	padding: 0.9375rem 1rem;
}

.button.button--contact {
	position: relative;
	z-index: 1;
}

.button.button--contact:hover {
	color: #FF5C00;
}

.button.button--contact::before {
	background-color: #fff;
	border: 1px solid #FF5C00;
	border-radius: 0.3125rem;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transform: scale(0, 1);
	transform-origin: left top;
	transition: 0.2s cubic-bezier(0.45, 0, 0.55, 1);
	width: 100%;
	z-index: -1;
}

.button.button--contact:hover:before {
	transform: scale(1, 1);
}

.button.button--submit {
	background-color: #FF9634;
	border: 2px solid #FF9634;
	font-family: "Noto Sans JP";
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 2; /* 200% */
	padding: 0.3125rem 15rem;
	transition: background-color 0.3s;
}

.button.button--submit:hover {
	background-color: #fff;
	color: #FF9634;
}

.button.button--gradient {
	background: linear-gradient(180deg, #FF9814 0%, #FF6002 100%);
}

.button.button--gradient-bold {
	background: linear-gradient(180deg, #FF9A15 0%, #FF5C00 100%);
	font-size: 0.9375rem;
	font-weight: 700;
	line-height: normal;
	padding: 1.125rem 4.6875rem;
}

.contact {
	background-color: #FFEEE5;
	padding-bottom: 9.1875rem;
	padding-top: 5rem;
}

.contact__inner {
	margin-left: auto;
	margin-right: auto;
	max-width: 54.375rem;
	padding-left: 35px;
	padding-right: 35px;
	position: relative;
	width: 100%;
}

.contact__inner::after {
	background-image: url(../images/contact-image1.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	bottom: -10rem;
	content: "";
	height: 17.5rem;
	position: absolute;
	right: calc(50% - min(49vw, 33rem));
	width: 13.5rem;
}

.contact__summary {
	margin-top: 3rem;
	text-align: center;
}

.contact__container {
	background-color: #fff;
	border-radius: 30px;
	box-shadow: 0px 0px 20px 0px rgba(255, 150, 52, 0.2);
	margin-top: 4rem;
	padding: 3rem 3.25rem;
}

.drawer-menu {
	-webkit-overflow-scrolling: touch;
	background-color: #fff;
	display: none;
	height: calc(100vh - 5rem);
	left: 0;
	overflow-y: scroll;
	position: fixed;
	top: 5rem;
	width: 100%;
	z-index: 500;
}

.drawer-menu__inner {
	align-items: center;
	display: flex;
	height: inherit;
	justify-content: center;
	padding: 0 0.9375rem;
	width: 100%;
}

.drawer-menu__container {
	text-align: center;
}

.drawer-menu__item {
	border-bottom: 1px solid #333;
	color: #333;
	font-family: "MOBO";
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 600;
	line-height: 1; /* 100% */
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 1.4375rem;
	width: 13.75rem;
}

.drawer-menu__item:not(:first-child) {
	margin-top: 1.4375rem;
}

.drawer-menu__contact {
	margin-top: 2.5rem;
}

.error {
	background-color: #FFEEE5;
	height: 100vh;
	padding-bottom: 10.0625rem;
	padding-top: 17.0625rem;
}

.error__inner {
	margin-left: auto;
	margin-right: auto;
	max-width: 1080px;
	padding-left: 35px;
	padding-right: 35px;
	position: relative;
	width: 100%;
}

.error__container {
	display: flex;
	margin-left: 3.3125rem;
}

.error__image {
	height: 16.8125rem;
	max-width: 18.5625rem;
	width: 100%;
}

.error__text-area {
	margin-left: 2.1875rem;
	margin-top: 1.4375rem;
}

.error__number {
	color: #FF5C00;
	font-family: "Noto Sans JP";
	font-size: 6rem;
	font-style: normal;
	font-weight: 500;
	line-height: 0.417; /* 41.667% */
}

.error__title {
	color: #333;
	font-family: "Noto Sans JP";
	font-size: 2rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1.25; /* 125% */
	margin-top: 5rem;
}

.error__text {
	color: #333;
	font-family: "Noto Sans JP";
	font-size: 1rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.5; /* 250% */
	margin-top: 0.375rem;
}

.error__button {
	margin-top: 4.5625rem;
	padding-left: 2.125rem;
	text-align: center;
}

.footer {
	background-color: #FF9533;
	padding-bottom: 0.9375rem;
	padding-top: 2.625rem;
}

.footer__inner {
	margin-left: auto;
	margin-right: auto;
	max-width: 1024px;
	padding-left: 35px;
	padding-right: 35px;
	width: 100%;
}

.footer__container {
	align-items: center;
	display: flex;
}

.footer__logo {
	color: #fff;
	font-family: "MOBO";
	font-size: 2rem;
	font-style: normal;
	font-weight: 600;
	line-height: 1.25; /* 125% */
}

.footer__nav {
	margin-left: 4.5rem;
}

.footer__items {
	grid-column-gap: 1.5rem;
	-moz-column-gap: 1.5rem;
	column-gap: 1.5rem;
	display: grid;
	grid-template-columns: auto auto auto auto auto auto;
}

.footer__link {
	color: #fff;
	font-family: "MOBO";
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 600;
	line-height: 1; /* 100% */
}

.footer__link:hover {
	opacity: 0.7;
}

.footer__x {
	margin-left: 2.4375rem;
}

.footer__x-button {
	display: inline-block;
	height: 4.6875rem;
	width: 4.6875rem;
}

.footer__x-button:hover {
	opacity: 0.7;
}

.footer__copy {
	color: #fff;
	font-family: "Inter";
	font-size: 0.75rem;
	font-style: normal;
	font-weight: 500;
	letter-spacing: -0.264px;
	line-height: 1.583; /* 158.333% */
	margin-top: 0.9375rem;
	text-align: center;
}

.form__items {
	grid-row-gap: 1.5rem;
	grid-column-gap: 2.5rem;
	-moz-column-gap: 2.5rem;
	align-items: center;
	column-gap: 2.5rem;
	display: grid;
	grid-template-columns: auto 1fr;
	margin: 0 auto;
	max-width: 43.5rem;
	row-gap: 1.5rem;
	width: 100%;
}

.form__label:nth-of-type(5) {
	align-self: flex-start;
}

.form__label {
	color: #333;
	font-family: "Noto Sans JP";
	font-size: 1rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.25; /* 125% */
	position: relative;
	width: -moz-fit-content;
	width: fit-content;
}

.form__label.form__required::after {
	background-image: url(../images/asterisk.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	height: 0.625rem;
	position: absolute;
	right: -1.125rem;
	top: 50%;
	transform: translateY(-50%);
	width: 0.625rem;
}

.form__input {
	max-width: 32.5rem;
	width: 100%;
}

.form__input--text {
	background-color: #F5F5F5;
	border-radius: 3px;
	color: #333;
	font-family: "Noto Sans JP";
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 500;
	height: 2.5rem;
	line-height: normal;
	padding: 10px 12px;
	width: 100%;
}

.form__input--textarea {
	background-color: #F5F5F5;
	border-radius: 3px;
	color: #333;
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 500;
	height: 8.125rem;
	line-height: normal;
	padding: 10px 12px;
	width: 100%;
}

.form__button {
	margin-left: 0.0625rem;
	margin-top: 1.1875rem;
	text-align: right;
	width: 100%;
}

.hamburger {
	cursor: pointer;
	height: 1rem;
	position: fixed;
	right: 1rem;
	top: 2rem;
	width: 1.875rem;
	z-index: 999;
}

.hamburger.is-active {
	right: 1.625rem;
	top: 2.1875rem;
	width: 1.875rem;
}

.hamburger span {
	background-color: #FF5C00;
	display: inline-block;
	height: 0.0625rem;
	left: 0;
	position: absolute;
	transition: transform 0.5s;
	width: 100%;
}

.hamburger span:first-child {
	top: 0;
}

.hamburger span:nth-child(2) {
	top: 0.4375rem;
	transition: opacity 0.5s;
}

.hamburger span:nth-child(3) {
	top: 0.875rem;
}

.hamburger.is-active span {
	background-color: #333;
	height: 0.1875rem;
}

.hamburger.is-active span:first-child {
	top: 0.5rem;
	transform: rotate(45deg);
}

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

.hamburger.is-active span:nth-child(3) {
	top: 0.5rem;
	transform: rotate(-45deg);
}

.header {
	background: rgba(255, 255, 255, 0.5);
	height: 6.25rem;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
}

.header.change-color {
	background-color: #fff;
	transition: 0.3s;
}

.header__inner {
	align-items: center;
	display: flex;
	height: inherit;
	justify-content: space-between;
	padding: 0 3.75rem;
}

.header__logo {
	color: #333;
	font-family: "MOBO";
	font-size: 2rem;
	font-style: normal;
	font-weight: 600;
	line-height: 1.25; /* 125% */
}

.header__nav {
	align-items: center;
	display: flex;
	height: inherit;
}

.header__items {
	display: flex;
	gap: 1.5rem;
	height: inherit;
}

.header__item {
	height: inherit;
}

.header__link {
	align-items: center;
	color: #333;
	display: flex;
	font-family: "MOBO";
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 600;
	height: inherit;
	line-height: 1; /* 100% */
	position: relative;
}

.header__contact {
	margin-left: 1.5rem;
}

.header__link:hover {
	color: #FF5C00;
	transition: all 0.3s;
}

.header__link::after {
	background: #FF5C00;
	bottom: 2.375rem;
	content: "";
	height: 0.125rem;
	left: 0;
	position: absolute;
	transform: scale(0, 1); /*X方向0、Y方向1*/
	transform-origin: center top; /*上部中央基点*/
	transition: all 0.3s;
	width: 100%;
}

/*現在地とhoverの設定*/

.header__link:hover::after {
	transform: scale(1, 1); /*X方向にスケール拡大*/
}

.heading {
	position: relative;
	text-align: center;
	width: 100%;
}

.heading::after {
	background-color: #FF5C00;
	bottom: -1rem;
	content: "";
	height: 0.1875rem;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	width: 22.5rem;
}

.heading--reverse.heading::after {
	background-color: #fff;
}

.heading__title {
	color: #FF5C00;
	font-size: 4rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1; /* 100% */
}

.heading__sub-title {
	color: #333;
	font-family: "Noto Sans JP";
	font-size: 0.9375rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.333; /* 133.333% */
	margin-top: 0.25rem;
}

.heading__title.heading__title--reverse {
	color: #fff;
}

.inner {
	margin-left: auto;
	margin-right: auto;
	max-width: 1270px;
	padding-left: 35px;
	padding-right: 35px;
	width: 100%;
}

.js-color-box {
	position: relative;
}

.js-color-box div.color {
	background-color: #FF9634;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 2;
}

.js-color-box img {
	display: block;
}

/* 下から */

.js-fade__up {
	animation-duration: 1s;
	animation-fill-mode: forwards;
	animation-name: fadeUpAnime;
	opacity: 0;
}

.js-fade__up--delay {
	animation-delay: 6s;
	animation-duration: 1s;
	animation-fill-mode: forwards;
	animation-name: fadeUpAnimeShort;
	opacity: 0;
}

.js-fade__rightTrigger {
	opacity: 0;
}

.js-fade__right {
	animation-duration: 1.8s;
	animation-fill-mode: forwards;
	animation-name: fadeRightAnime;
	opacity: 0;
}

.js-fade__delayTime02 {
	animation-delay: 0.2s;
}

.js-fade__delayTime04 {
	animation-delay: 0.4s;
}

/* 左へ */

.js-flip__left {
	animation-duration: 1s;
	animation-fill-mode: forwards;
	animation-name: flipLeftAnime;
	opacity: 0;
	perspective-origin: left center;
}

/* 左上へ */

.js-flip__leftTop {
	animation-duration: 1s;
	animation-fill-mode: forwards;
	animation-name: flipLeftTopAnime;
	opacity: 0;
}

.mainview {
	overflow: hidden;
	width: 100%;
}

.mainview__inner {
	position: relative;
}

.mainview__white-space {
	background-color: #fff;
	height: 100vh;
	position: relative;
}

.mainview__image-left {
	bottom: 0;
	height: 42%;
	left: 0;
	position: absolute;
	width: 37.5%;
}

.mainview__image-right {
	height: 63%;
	position: absolute;
	right: 0;
	top: 0;
	width: 63%;
}

.mainview__title {
	bottom: 25%;
	display: flex;
	flex-direction: column;
	position: absolute;
	right: 7.5rem;
}

.mainview__main-text {
	color: #333;
	font-family: "MOBO";
	font-size: 2.25rem;
	font-style: normal;
	font-weight: 600;
	line-height: 1.111; /* 111.111% */
}

.mainview__sub-text {
	color: #333;
	font-family: "MOBO";
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 600;
	line-height: 1.666; /* 166.667% */
	margin-top: 1.375rem;
	text-align: right;
}

.price-table {
	border: 3px solid #FF9634;
	border-radius: 30px;
	max-width: 28.375rem;
	width: 100%;
}

.price-table.price-table--large {
	border: 3px solid #FFBA34;
	max-width: 58.75rem;
}

.price-table__header {
	background-color: #FF9634;
	border-top-left-radius: 27px;
	border-top-right-radius: 27px;
	color: #fff;
	font-family: "Noto Sans JP";
	font-size: 1.75rem;
	font-style: normal;
	font-weight: 700;
	letter-spacing: -0.644px;
	line-height: 1.5; /* 150% */
	padding: 1rem 0;
	text-align: center;
	text-align: center;
}

.price-table__header.price-table__header--large {
	background-color: #FFBA34;
}

.price-table__body {
	padding-bottom: 3.125rem;
	padding-top: 1.5625rem;
}

.price-table__money {
	color: #FF5C00;
	font-family: "Noto Sans JP";
	font-size: 2.5rem;
	font-style: normal;
	font-weight: 700;
	letter-spacing: -0.92px;
	line-height: 1.5; /* 150% */
	text-align: center;
}

.price-table__color-bk {
	color: #333;
	font-family: "Noto Sans JP";
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 700;
	letter-spacing: -0.46px;
	line-height: 1.5; /* 150% */
}

.price-table__text {
	color: #333;
	font-family: "Noto Sans JP";
	font-size: 1rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1; /* 100% */
	margin-top: 1.5rem;
	text-align: center;
}

.price-table__text.price-table__text--wide {
	margin-top: 2.5rem;
}

.price-table__hp-items {
	grid-column-gap: 1rem;
	-moz-column-gap: 1rem;
	grid-row-gap: 1.5rem;
	column-gap: 1rem;
	display: grid;
	grid-template-columns: auto 5rem;
	margin: 1.5rem auto 0;
	row-gap: 1.5rem;
	width: -moz-fit-content;
	width: fit-content;
}

.price-table__item-name,
.price-table__item-price {
	color: #333;
	font-family: "Noto Sans JP";
	font-size: 1rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1; /* 100% */
}

.price-table__items-area {
	-moz-column-gap: 4.5625rem;
	column-gap: 4.5625rem;
	display: flex;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2.75rem;
	max-width: 30.625rem;
	width: 100%;
}

.price-table__animation-item {
	color: #333;
	font-family: "Noto Sans JP";
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1; /* 100% */
	position: relative;
}

.price-table__animation-item:not(:first-child) {
	margin-top: 1.75rem;
}

.price-table__animation-item::before {
	background-image: url(../images/item-icon.svg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	height: 1.5625rem;
	left: -2.5625rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 1.5625rem;
}

.price {
	padding-bottom: 4.125rem;
	padding-top: 5rem;
}

.price__inner {
	margin-left: auto;
	margin-right: auto;
	max-width: 63.125rem;
	padding-left: 35px;
	padding-right: 35px;
	width: 100%;
}

.price__summary {
	margin-top: 3rem;
	text-align: center;
}

.price__container {
	margin-top: 3rem;
}

.price__row {
	display: flex;
	gap: 2rem;
	justify-content: space-between;
	opacity: 0;
}

.price__animation,
.price__wordpress {
	margin-top: 2rem;
	opacity: 0;
}

.return-button {
	color: #FF5C00;
	display: inline-block;
	font-family: "Noto Sans JP";
	font-size: 1rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.5; /* 250% */
	position: relative;
}

.return-button::before {
	background-image: url(../images/return-icon.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	height: 1.4375rem;
	left: -34px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 1.625rem;
}

.service-content {
	align-items: center;
	background-color: #FFEEE5;
	border-radius: 100vh 0 0 100vh;
	display: flex;
	padding: 3.125rem 0 3.125rem 3.75rem;
	position: relative;
}

.service-content__number {
	height: 12.5rem;
	width: 12.5rem;
}

.service-content__center {
	margin-left: 1.5rem;
	padding-top: 0.3125rem;
}

.service-content__title {
	border-bottom: 0.1875rem solid #FF750E;
	color: #333;
	font-family: "Noto Sans JP";
	font-size: 1.75rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	padding-bottom: 0.5rem;
	width: -moz-fit-content;
	width: fit-content;
}

.service-content__text {
	margin-top: 1rem;
	width: 31.25rem;
}

.service-content__image {
	height: 12.5rem;
	margin-left: 4rem;
	width: 12.5rem;
}

.service {
	overflow: hidden;
	padding-bottom: 10.625rem;
	padding-top: 5rem;
}

.service__summary {
	margin-top: 3rem;
	text-align: center;
}

.service__container {
	margin-top: 5rem;
}

.service__item {
	margin-right: calc(50% - 50vw);
	padding-left: 7.5rem;
}

.service__item:not(:first-child) {
	margin-top: 3.0625rem;
}

.text {
	color: #333;
	font-family: "Noto Sans JP";
	font-size: 1rem;
	font-style: normal;
	font-weight: 500;
	letter-spacing: -0.368px;
	line-height: 1.5; /* 150% */
}

.text.text--large {
	font-size: 1.25rem;
	letter-spacing: -0.46px;
}

.text.text--wide {
	line-height: 2; /* 200% */
}

.text.text--bold {
	font-weight: 700;
}

.thanks {
	background-color: #FFEEE5;
	height: 100vh;
	position: relative;
}

.thanks::before {
	background-image: url(../images/thanks-image.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	bottom: -1.375rem;
	content: "";
	height: 25.1875rem;
	left: 4.5625rem;
	position: absolute;
	width: 16.25rem;
}

.thanks__inner {
	height: inherit;
	margin-left: auto;
	margin-right: auto;
	max-width: 1080px;
	padding-left: 35px;
	padding-right: 35px;
	width: 100%;
}

.thanks__container {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-top: 23.4375rem;
}

.thanks__text {
	color: #333;
	font-family: "Noto Sans JP";
	font-size: 2rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1.25; /* 125% */
	text-align: center;
}

.thanks__button {
	margin-left: 2.0625rem;
	margin-top: 12.5rem;
}

.workflow {
	background-color: #FFEEE5;
	padding-bottom: 5rem;
	padding-top: 5rem;
}

.workflow__inner {
	position: relative;
}

.workflow__summary {
	margin-top: 3rem;
	text-align: center;
}

.workflow__container {
	left: 50%;
	margin-top: 3rem;
	max-width: 65rem;
	position: absolute;
	transform: translateX(-50%);
	width: 100%;
	z-index: 1;
}

.workflow__item {
	align-items: center;
	background-color: #fff;
	border-radius: 1.875rem;
	box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.25);
	display: flex;
	padding: 1.875rem 5.125rem 1.875rem 5.3125rem;
}

.workflow__item:not(:first-child) {
	margin-top: 1rem;
}

.workflow__num {
	align-items: center;
	color: #FF5C00;
	display: flex;
	font-family: Roboto;
	font-size: 1.75rem;
	font-style: normal;
	font-weight: 700;
	height: 6.1875rem;
	justify-content: center;
	line-height: 1.071; /* 107.143% */
	position: relative;
	width: 6.375rem;
	z-index: 1;
}

.workflow__num::after {
	background-image: url(../images/workflow-icon.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	height: 6.1875rem;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 6.375rem;
	z-index: -1;
}

.workflow__term {
	color: #333;
	font-family: "Noto Sans JP";
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.25; /* 125% */
	margin-left: 2.5rem;
	width: 12rem;
}

.workflow__description {
	color: #333;
	font-family: "Noto Sans JP";
	font-size: 1rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1.438; /* 143.75% */
	margin-left: 4rem;
}

.workflow__arrow-area {
	height: 72.9375rem;
	padding-right: 25px;
	width: 100%;
}

.workflow__arrow {
	-o-object-fit: cover;
	-o-object-position: 50% -13.75rem;
	height: 90.625rem;
	object-fit: cover;
	object-position: 50% -13.75rem;
	width: 78.4375rem;
}

.works-card {
	max-width: 17.5rem;
	width: 100%;
}

.works-card__image {
	-o-object-fit: cover;
	aspect-ratio: 280/200;
	max-width: 17.5rem;
	object-fit: cover;
	width: 100%;
}

.works-card__title {
	color: #333;
	font-family: "Noto Sans JP";
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 500;
	letter-spacing: -0.46px;
	line-height: 1.5; /* 150% */
}

.works-card__type-area {
	display: flex;
	gap: 0.25rem;
	margin-top: 0.5rem;
}

.works-card__type {
	background-color: #fff;
	border-radius: 0.125rem;
	box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.1);
	color: #333;
	font-family: "Noto Sans JP";
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 500;
	letter-spacing: -0.322px;
	line-height: 1.5; /* 150% */
	padding: 0.25rem 0.375rem 0.3125rem;
	width: -moz-fit-content;
	width: fit-content;
}

.works-card__price {
	margin-top: 0.5rem;
}

.works-card__period,
.works-card__text {
	margin-top: 0.25rem;
}

.works-card__price,
.works-card__period {
	color: #333;
	font-family: "Noto Sans JP";
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 500;
	letter-spacing: -0.322px;
	line-height: 1.5; /* 150% */
}

.works-card__button {
	background-color: #FF9634;
	border-radius: 20px;
	color: #fff;
	display: inline-block;
	font-family: "Noto Sans JP";
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 500;
	letter-spacing: -0.322px;
	line-height: 1.5; /* 150% */
	margin-top: 0.75rem;
	padding: 0.5rem 0.875rem 0.5rem 0;
	position: relative;
	text-align: center;
	width: 100%;
	z-index: 1;
}

.works-card__button:hover {
	color: #FF9634;
}

.works-card__button::before {
	background-color: #fff;
	border: 1px solid #FF9634;
	border-radius: 20px;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transform: scale(0, 1);
	transform-origin: left top;
	transition: 0.3s cubic-bezier(0.45, 0, 0.55, 1);
	width: 100%;
	z-index: -1;
}

.works-card__button:hover:before {
	transform: scale(1, 1);
}

.works-card__text {
	-moz-column-gap: 0.5rem;
	column-gap: 0.5rem;
	display: flex;
	justify-content: center;
}

.works-card__user-name,
.works-card__password {
	color: #333;
	font-family: "Noto Sans JP";
	font-size: 0.75rem;
	font-style: normal;
	font-weight: 500;
	letter-spacing: -0.322px;
	line-height: 1.5; /* 150% */
}

.works {
	background-color: #FF9634;
	padding-bottom: 8.4375rem;
	padding-top: 5rem;
}

.works__summary {
	margin-top: 3rem;
	text-align: center;
}

.works__container {
	margin-top: 5rem;
	padding-left: 7.5rem;
	padding-right: 7.5rem;
}

.works__slide {
	background-color: #FFEEE5;
	margin-left: auto;
	margin-right: auto;
	max-width: 65rem;
	padding: 3.125rem 3.75rem;
	position: relative;
	width: 100%;
}

.works__swiper-button-prev {
	left: auto;
	right: -5.5rem;
}

.works__swiper-button-next {
	left: -5.5rem;
	right: auto;
}

/* 前へ次への矢印カスタマイズ */

.works__swiper-button-prev,
.works__swiper-button-next {
	content: "";
	height: 4.1875rem;
	position: absolute;
	top: 43%;
	width: 5.1875rem;
}

.works__swiper-button-prev:hover,
.works__swiper-button-next:hover {
	opacity: 0.7;
}

.works__swiper-button-prev::after,
.works__swiper-button-next::after {
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	height: 4.1875rem;
	margin: auto;
	width: 5.1875rem;
}

/* 前への矢印カスタマイズ */

.works__swiper-button-prev::after {
	background-image: url(../images/next-button.png);
}

/* 次への矢印カスタマイズ */

.works__swiper-button-next::after {
	background-image: url(../images/prev-button.png);
}


.works__authorize {
  margin-top: 1.5rem;
  padding: 1.25rem 1.5rem;
  background-color: #fff;
  width: fit-content;
  margin-inline: auto;
}

.works__basic {
  color: #333;
  font-family: "Noto Sans JP";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.500; /* 150% */
  letter-spacing: 1;
}

.works__user-name,
.works__password {
  color: #333;
  font-family: "Noto Sans JP";
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.500; /* 150% */
  letter-spacing: 1;
}

.works__user-name {
  margin-top: 0.25rem;
}

.x-area {
	padding-bottom: 2rem;
	padding-top: 2rem;
}

.x-area__inner {
	align-items: center;
	display: flex;
	justify-content: space-around;
	margin-left: auto;
	margin-right: auto;
	max-width: 556px;
	padding-left: 35px;
	padding-right: 35px;
	width: 100%;
}

.x-area__button {
	height: 6.6875rem;
	width: 6.6875rem;
}

.x-area__button:hover {
	opacity: 0.7;
}

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

.appeal__main {
	padding-bottom: 20rem;
	padding-top: 5.3125rem;
}

.mainview__image-left {
	height: 60%;
	width: 37.5%;
}

.mainview__image-right {
	height: 90%;
	top: -43%;
	width: 63%;
}

}

@media (max-width: 1200px) {

html {
	font-size: 1.3333333333vw;
}

}

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

.workflow__arrow {
	-o-object-position: 50% -7.5rem;
	height: 90.625rem;
	object-position: 50% -7.5rem;
	width: 78.4375rem;
}

}

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

.u-desktop {
	display: none;
}

.u-mobile {
	display: block;
}

html {
	font-size: 16px;
}

.about {
	padding: 4rem 0 1.25rem;
}

.about__container {
	margin-top: 3rem;
	padding-left: 0;
}

.about__introduce {
	padding-left: 3rem;
	padding-right: 2.9375rem;
}

.about__introduce::before {
	height: 9.375rem;
	top: -7.375rem;
	width: 7.5625rem;
}

.about__title {
	font-size: 1rem;
	text-align: center;
}

.about__introduce-content {
	align-items: center;
	flex-direction: column;
}

.about__text:not(:first-child) {
	margin-top: 0.5rem;
}

.about__self-image {
	height: 7.8125rem;
	margin-left: 0;
	margin-top: 1.5rem;
	width: 6.25rem;
}

.about__self-image::after {
	height: 8.125rem;
	width: 6.625rem;
}

.about__self-image img {
	aspect-ratio: 100/125;
	max-width: 6.25rem;
	width: 6.25rem;
}

.about__career {
	margin-top: 13.8125rem;
	padding-left: 2.75rem;
	padding-right: 1.9375rem;
}

.about__career::after {
	height: 13.75rem;
	top: -11.5625rem;
	width: 10.25rem;
}

.about__items {
	flex-direction: column;
	margin-left: auto;
	margin-right: auto;
	max-width: 21.875rem;
	width: 100%;
}

.about__term {
	-webkit-text-decoration: underline;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: -0.276px;
	text-decoration: underline;
	width: -moz-fit-content;
	width: fit-content;
}

.about__description {
	width: 100%;
}

.about__description:not(:first-of-type) {
	margin-top: 0.5rem;
}

.about__description:first-of-type {
	margin-top: 0.5rem;
}

.about__skills {
	margin-top: 10rem;
	padding-left: 3.125rem;
	padding-right: 3.125rem;
}

.about__skills::before {
	aspect-ratio: 19;
	height: 12.0625rem;
	top: -8.75rem;
	width: 8.3125rem;
}

.about__sub-title {
	font-size: 0.75rem;
	letter-spacing: -0.276px;
	margin-top: 1.5rem;
	text-align: center;
}

.about__sub-title:nth-of-type(3) {
	margin-top: 3.125rem;
}

.about__language {
	align-items: center;
	justify-content: center;
}

.about__language img {
	width: 2.1875rem;
}

.about__tool {
	align-items: center;
	justify-content: center;
}

.about__tool img {
	width: 2.1875rem;
}

.appeal {
	padding-top: 6.5rem;
}

.appeal__inner::after {
	height: 14.125rem;
	right: calc(50% - min(48vw, 11.0625rem));
	width: 9.625rem;
}

.appeal__container {
	padding-bottom: 16.75rem;
	width: 18.125rem;
}

.appeal__title {
	font-size: 1.125rem;
	line-height: 2.222; /* 222.222% */
}

.appeal__items {
	margin-top: 4rem;
	padding-left: 2.1875rem;
}

.appeal__item {
	font-size: 0.875rem;
	line-height: 2.857; /* 285.714% */
}

.appeal__item::before {
	height: 1.875rem;
	left: -2.375rem;
	width: 1.875rem;
}

.appeal__item:not(:first-child) {
	margin-top: 3rem;
}

.appeal__main {
	background-image: url(../images/appeal-arrow-sp.png);
	padding-bottom: 123px;
	padding-top: 2.5rem;
}

.appeal__main-text {
	font-size: 1.25rem;
	line-height: 1.4; /* 140% */
}

.button.button--submit {
	font-size: 0.875rem;
	line-height: 1.429; /* 142.857% */
	padding: 0.9375rem 6.625rem 0.75rem;
	width: 100%;
}

.button.button--submit:hover {
	background-color: #FF9634;
	color: #fff;
}

.contact {
	padding-bottom: 5.375rem;
	padding-top: 4rem;
}

.contact__inner {
	max-width: 37.5rem;
	padding-left: 32px;
	padding-right: 32px;
}

.contact__inner::after {
	bottom: -6.125rem;
	height: 12.8125rem;
	right: calc(50% - min(45vw, 17.6875rem));
	transform: rotate(12deg);
	width: 9.125rem;
}

.contact__summary {
	margin-top: 2rem;
}

.contact__container {
	margin-top: 2.5rem;
	padding: 2rem 2.1875rem 5.375rem;
}

.error {
	padding-bottom: 2.1875rem;
	padding-top: 7.5rem;
}

.error__inner {
	padding-left: 32px;
	padding-right: 32px;
}

.error__inner::after {
	background-image: url(../images/404-image.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	bottom: -175px;
	content: "";
	height: 149px;
	left: 0;
	position: absolute;
	width: 166px;
}

.error__container {
	flex-direction: column;
	margin-left: 0;
	padding-left: 56px;
	padding-right: 56px;
}

.error__text-area {
	margin-left: 0;
	margin-top: 0;
	text-align: center;
}

.error__number {
	font-size: 2rem;
	line-height: 1.25; /* 125% */
}

.error__title {
	font-size: 1.25rem;
	line-height: 1.5; /* 150% */
	margin-top: 0.5rem;
}

.error__text {
	font-size: 0.75rem;
	line-height: 1.5; /* 150% */
	margin-top: 1rem;
}

.error__button {
	margin-top: 1.375rem;
}

.footer {
	padding-bottom: 0.5rem;
	padding-top: 2.5rem;
}

.footer__inner {
	max-width: 37.5rem;
	padding-left: 32px;
	padding-right: 32px;
}

.footer__container {
	flex-direction: column;
}

.footer__logo {
	font-size: 1.25rem;
	line-height: 2; /* 200% */
}

.footer__nav {
	margin-left: 0;
	margin-top: 0.5rem;
}

.footer__items {
	grid-template-columns: 1fr 1fr;
	row-gap: 0.5rem;
}

.footer__item:nth-child(1) {
	order: 1;
}

.footer__item:nth-child(2) {
	order: 3;
}

.footer__item:nth-child(3) {
	order: 5;
}

.footer__item:nth-child(4) {
	order: 2;
}

.footer__item:nth-child(5) {
	order: 4;
}

.footer__item:nth-child(6) {
	order: 6;
}

.footer__link {
	font-size: 0.75rem;
	line-height: 2; /* 200% */
}

.footer__copy {
	margin-top: 2.8125rem;
}

.form__items {
	grid-template-columns: none;
	justify-items: center;
	row-gap: 0;
}

.form__label {
	font-size: 0.75rem;
	line-height: 10px; /* 83.333% */
}

.form__label:not(:first-child) {
	margin-top: 1rem;
}

.form__input {
	margin-top: 0.5rem;
}

.form__input--text {
	height: 1.875rem;
}

.form__input--textarea {
	height: 6.25rem;
}

.form__button {
	margin-top: 0.625rem;
	text-align: center;
}

.header {
	background-color: #fff;
	height: 5rem;
}

.header__inner {
	padding: 0 1.5rem;
}

.header__logo {
	font-size: 1rem;
	line-height: 2.5;
}

.heading::after {
	height: 0.125rem;
	width: 7.5rem;
}

.heading__title {
	font-size: 1.5rem;
	line-height: 0.833; /* 83.333% */
}

.heading__sub-title {
	font-size: 0.5625rem;
	line-height: 1.111; /* 111.111% */
	margin-top: 0.5rem;
}

.inner {
	padding-left: 32px;
	padding-right: 32px;
}

.mainview {
	height: 100vh;
}

.mainview__white-space {
	height: calc(100vh - 200px + 80px);
}

.mainview__image-left {
	-o-object-fit: cover;
	-o-object-position: right 50%;
	object-fit: cover;
	object-position: right 50%;
}

.mainview__image-right {
	-o-object-fit: cover;
	-o-object-position: 0%;
	object-fit: cover;
	object-position: 0%;
	width: 63.5%;
}

.mainview__title {
	flex-direction: column-reverse;
	justify-content: start;
	left: 2rem;
	top: 8.5rem;
}

.mainview__main-text {
	font-size: 1.25rem;
	line-height: 1.6; /* 160% */
	margin-top: 0.5rem;
}

.mainview__sub-text {
	font-size: 0.875rem;
	line-height: 2.857; /* 285.714% */
	margin-top: 0;
	text-align: left;
}

.mainview__button-area {
	bottom: -1.625rem;
	left: 50%;
	position: absolute;
	text-align: center;
	transform: translateX(-50%);
}

.mainview__button-text {
	color: #333;
	font-family: "Noto Sans JP";
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1.5; /* 21px */
}

.mainview__button {
	margin-top: 1rem;
}

.price-table {
	max-width: 58.75rem;
}

.price-table__header {
	font-size: 1rem;
	letter-spacing: -0.368px;
	padding: 0.5rem 0;
}

.price-table__body {
	padding-bottom: 1.875rem;
	padding-top: 1rem;
}

.price-table__money {
	font-size: 1.25rem;
	letter-spacing: -0.46px;
}

.price-table__color-bk {
	font-size: 0.75rem;
	letter-spacing: -0.276px;
}

.price-table__text {
	font-size: 0.75rem;
}

.price-table__text.price-table__text--wide {
	margin-top: 1rem;
}

.price-table__hp-items {
	-moz-column-gap: 1.3125rem;
	column-gap: 1.3125rem;
	row-gap: 1rem;
}

.price-table__item-name,
.price-table__item-price {
	font-size: 0.75rem;
}

.price-table__items-area {
	align-items: center;
	flex-direction: column;
	margin-top: 1.375rem;
	max-width: 8rem;
	padding-left: 1.1875rem;
}

.price-table__animation-items:nth-child(2) {
	margin-top: 1.4375rem;
}

.price-table__animation-item {
	font-size: 0.75rem;
}

.price-table__animation-item:not(:first-child) {
	margin-top: 1.4375rem;
}

.price-table__animation-item::before {
	height: 0.6875rem;
	left: -1.1875rem;
	width: 0.6875rem;
}

.price {
	padding-bottom: 3.5rem;
	padding-top: 4rem;
}

.price__inner {
	max-width: 37.5rem;
	padding-left: 32px;
	padding-right: 32px;
}

.price__summary {
	margin-top: 2rem;
}

.price__container {
	margin-top: 2.5rem;
}

.price__row {
	align-items: center;
	flex-direction: column;
}

.service-content {
	border-radius: 1.25rem;
	flex-direction: column;
	padding: 1.5rem 2.25rem 0.9375rem;
	row-gap: 0.5rem;
}

.service-content__number {
	height: 3rem;
	width: 3rem;
}

.service-content__center {
	margin-left: 0;
}

.service-content__title {
	font-size: 1rem;
	margin-left: auto;
	margin-right: auto;
}

.service-content__text {
	width: 100%;
}

.service-content__image {
	height: 4.375rem;
	margin-left: 0;
	width: 4.375rem;
}

.service {
	padding-bottom: 3.375rem;
	padding-top: 4rem;
}

.service__inner {
	max-width: 37.5rem;
}

.service__summary {
	margin-top: 2rem;
}

.service__container {
	margin-top: 2rem;
}

.service__item {
	margin-right: 0;
	padding-left: 0;
}

.service__item:not(:first-child) {
	margin-top: 1.5rem;
}

.text {
	font-size: 0.75rem;
	letter-spacing: -0.276px;
}

.text.text--large {
	font-size: 0.75rem;
	letter-spacing: -0.276px;
}

.text.text--wide {
	line-height: 1.666; /* 166.667% */
}

.thanks::before {
	bottom: -0.6875rem;
	height: 15.625rem;
	left: 1.25rem;
	width: 11rem;
}

.thanks__inner {
	padding-left: 32px;
	padding-right: 32px;
}

.thanks__container {
	padding-top: 7.3125rem;
}

.thanks__text {
	font-size: 1.25rem;
	line-height: 1.5; /* 150% */
}

.thanks__button {
	margin-top: 3.625rem;
}

.workflow {
	padding-bottom: 1.25rem;
	padding-top: 4rem;
}

.workflow__inner {
	max-width: 37.5rem;
}

.workflow__summary {
	margin-top: 2rem;
}

.workflow__container {
	margin-top: 1.5rem;
	padding-left: 2rem;
	padding-right: 2rem;
}

.workflow__item {
	flex-direction: column;
	justify-content: center;
	padding: 0.5rem 1rem 0.75rem;
}

.workflow__num {
	font-size: 0.875rem;
	height: 3.5rem;
	line-height: 2.143; /* 214.286% */
	width: 3.5rem;
}

.workflow__num::after {
	height: 3.5rem;
	width: 3.5rem;
}

.workflow__term {
	font-size: 1rem;
	margin-left: 0;
	margin-top: 0.5rem;
	text-align: center;
}

.workflow__description {
	font-size: 0.75rem;
	line-height: 1.917; /* 191.667% */
	margin-left: 0;
	margin-top: 0.5rem;
}

.workflow__arrow-area {
	height: 43.125rem;
	margin-top: 29.375rem;
	padding-right: 15px;
}

.workflow__arrow {
	-o-object-position: 50% -2.6875rem;
	height: 40rem;
	object-position: 50% -2.6875rem;
	width: 20.3125rem;
}

.works-card {
	max-width: 100%;
}

.works-card__image {
	aspect-ratio: 260/185;
	max-width: 100%;
}

.works-card__title {
	font-size: 1rem;
	letter-spacing: -0.368px;
	margin-top: 1.1875rem;
}

.works-card__type {
	font-size: 0.75rem;
	letter-spacing: -0.276px;
	padding: 0.25rem 0.25rem;
}

.works-card__button {
	margin-top: 0.5rem;
}

.works-card__button:hover {
	color: #fff;
}

.works-card__button:hover:before {
	transform: scale(0, 1);
}

.works {
	padding-bottom: 2.5rem;
	padding-top: 4rem;
}

.works__summary {
	margin-top: 2rem;
}

.works__container {
	margin-top: 2.5rem;
	padding-left: 2.5rem;
	padding-right: 2.5rem;
}

.works__slide {
	padding: 1.25rem;
}

.works__swiper-button-prev {
	right: -2rem;
}

.works__swiper-button-next {
	left: -2rem;
}

.works__swiper-button-prev,
.works__swiper-button-next {
	height: 2.5rem;
	top: 50%;
	width: 2.5rem;
}

.works__swiper-button-prev::after,
.works__swiper-button-next::after {
	height: 2.5rem;
	width: 2.5rem;
}

.works__basic {
  font-size: 0.75rem;
}

.works__user-name,
.works__password {
  font-size: 0.875rem;
}

.x-area {
	padding-bottom: 2.875rem;
}

.x-area__inner {
	flex-direction: column;
	padding-left: 32px;
	padding-right: 32px;
}

.x-area__button {
	height: 4.25rem;
	width: 4.25rem;
}

.x-area__text {
	margin-top: 1rem;
}

}

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

.mainview__image-left { /* ビューポートの高さが700px以下のとき */
	-o-object-fit: fill;
	object-fit: fill;
}

.mainview__image-right { /* ビューポートの高さが700px以下のとき */
	-o-object-fit: fill;
	object-fit: fill;
}

.mainview__button-area {
	bottom: auto;
}

}

@media (max-width: 375px) {

html {
	font-size: 4.2666666667vw;
}

}

@keyframes fadeUpAnime {

from {
	opacity: 0;
	transform: translateY(100px);
}

to {
	opacity: 1;
	transform: translateY(0);
}

}

@keyframes fadeUpAnimeShort {

from {
	opacity: 0;
	transform: translateY(20px);
}

to {
	opacity: 1;
	transform: translateY(0);
}

}

@keyframes fadeRightAnime {

from {
	opacity: 0; /*初期状態では透明に*/
	transform: translateX(1000px);
}

to {
	opacity: 1;
	transform: translateX(0);
}

}

@keyframes flipLeftAnime {

from {
	opacity: 0;
	transform: perspective(600px) translate3d(0, 0, 0) rotateY(30deg);
}

to {
	opacity: 1;
	transform: perspective(600px) translate3d(0, 0, 0) rotateY(0deg);
}

}

@keyframes flipLeftTopAnime {

from {
	opacity: 0;
	transform: translate(-20px, 80px) rotate(-15deg);
}

to {
	opacity: 1;
	transform: translate(0, 0) rotate(0deg);
}

}


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