@media (min-width: 768px) {

	/*スワイパーバレット */
	.swiper-pagination-bullet {
		width: 20px;
		height: 20px;
	}

	.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
	.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
		bottom: 8px;
		margin: 9px;
		transform: translateY(18px);
	}



	/*ヘッダーTOPのオパシティ */
	.opening {
		p {
			font-size: 48px;
		}
	}


	/*ハンバーガーメニュー*/
	.hamburger-menu {
		padding: 10px;

		.hamburger-menu-border {
			.hamburger-menu-content {
				max-width: 95%;
				min-height: 550px;
				width: 90%;
				margin: 0 auto;
				margin-top: 60px;
				align-items: center;
				justify-content: center;
				border: 4px solid var(--maincolor);

				div {
					a {
						font-size: 24px;
						width: 300px;
						margin-top: 8vh;

						span {
							line-height: 25px;
							font-size: 18px;
						}
					}

				}

				&:nth-of-type(2) {
					margin-bottom: 20px;
				}


			}
		}
	}

	/*ヘッダーロゴ */
	.top-title-header {
		img {
			width: 78px;
			height: 70px;
		}

		div {
			margin-top: 0px;


			h1 {
				font-size: 44px;
				font-weight: bold;
				line-height: 34px;
				margin-top: 0px;

				span {
					font-size: 20px;

				}

				img {
					width: 90px;
					height: 33px;
				}
			}
		}

	}


	/*トップヘッダー */

	.top-header {

		font-size: 24px;
		margin-right: -80px;

		&::before {
			width: 300px;
			right: 185px;
		}

		&:after {
			width: 300px;
			right: 185px;
		}

		section {


			.menu {
				width: 140px;
				height: 50px;

				button {
					width: 100%;
					height: 100%;

					p {
						font-size: 14px;
					}

					.border {
						margin-top: 18px;
						margin-right: 10px;
					}
				}
			}
		}



		.top-let-work {
			font-size: 16px;
			width: 300px;
			margin-top: 27px;

			&::before {
				top: -24px;
				left: 300px;
				width: 60px;

			}
		}


	}

	.top-joyful-scroll {
		margin-right: 75px;
		font-size: 24px;
		letter-spacing: 2px;
		margin-top: 39vh;
		transform: translateX(-200px);

		&:before {
			height: 150px;
			top: 42px;
			right: 60px;
			animation: arrowlong01 2s ease infinite;
		}
	}


	/* キーフレーム */
	@keyframes arrowlong01 {
		0% {
			height: 0;
			opacity: 0;
		}

		20% {
			height: 0;
			opacity: 1;
		}

		80% {
			height: 150px;
			opacity: 1;
		}

		100% {
			height: 150px;
			opacity: 0;
		}
	}








	.top-joyful {
		margin-left: 0;
		margin-top: 83px;
		max-width: 450px;

		h2 {
			font-size: 76px;
			line-height: 76px;
			margin-left: 30px;

			&:before {
				margin-top: 40px;
				top: -50px;
				font-size: 180px;
			}

		}

	}

	/*フッター */

	footer {
		.footer-green {
			padding-bottom: 0px;

			.footer-max {
				max-width: 1200px;

				ul {
					width: 425px;

					&::before {
						width: 550px;
						left: -36px;
					}

					li {
						line-height: 25px;
					}
				}

				.footer-address {
					padding-top: 55px;
					padding-bottom: 0px;
					width: 350px;
					margin: 0 auto;

					&:before {
						width: 550px;
						bottom: -70px;
						left: -108px;
					}


					.footer-address-div {
						dt {
							span {
								font-size: 16px;
							}

							font-size: 18px;
						}
					}

				}

				.footer-img {
					img {
						width: 280px;
						height: 205px;
						object-fit: cover;
						margin-left: 355px;
						transform: translate(-20px, -15px);
						position: relative;
						margin-top: 75px;
					}
				}
			}
		}

		.footer-cream {
			height: 85px;
			justify-content: center;

			img {
				margin-top: 50px;
			}

			.footer-cream-left {
				img {
					margin: 0;
					margin-top: 50px;
					margin-right: 15px;
				}

				div {
					margin-top: 25px;

					h3 {
						font-size: 40px;
						line-height: 32px;

						img {
							width: 105px;
							height: 35px;
						}

						span {
							font-size: 20px;
							margin-top: -5px;
						}
					}
				}
			}

			small {
				display: flex;
				margin-right: 0;
			}
		}

	}

	/*ヘッダートップコンポーネント２　メニューボタン*/


	.menu {
		width: 140px;
		height: 50px;

		button {
			width: 100%;
			height: 100%;

			p {
				font-size: 14px;
				padding-top: 3px;
			}

			.border {
				margin-top: 18px;
				margin-right: 10px;
			}
		}

		.button-menu {
			line-height: 15px;
		}

		.button-close {
			line-height: 15px;
			text-align: center;

			&.active {
				text-align: center;
			}
		}

	}






	/*問い合わせフォームヘッダー*/
	/*会社概要ヘッダー*/
	/*事業内容ヘッダー*/
	/*お知らせヘッダー*/
	/*会社概要ヘッダー*/
	/*トピックヘッダー*/
	/*送信完了ヘッダー*/
	.header-inquery-form,
	.header-company,
	.header-business,
	.header-news,
	.header-company,
	.header-topic,
	.header-sent {
		.title {
			position: relative;
			margin-top: 40%;

			&:before,
			&:after {
				bottom: -50px;
				height: 40vh;
			}

			h2 {
				font-size: 40px;
				transform: translateY(-200px);
			}

			p {
				transform: translateY(0vh);
				font-size: 24px;

				&::before {
					height: 150px;
					top: 40px;
					left: 45px;
				}
			}
		}

	}











	main {


		/*ボタン */
		.top-button,
		.top-button-back {
			width: 100%;
			max-width: 300px;
			margin: 0 auto;
			display: flex;
			justify-content: center;
			margin-top: 50px;
			position: relative;

			a {

				width: 290px;
				height: 60px;
				color: #FFFFFF;
				text-align: center;

				p {
					font-size: 16px;
					width: 65%;
					text-align: center;
					line-height: 56px;
				}



				div {
					display: flex;
					justify-content: space-between;
					align-items: center;
					border: 1px solid #FFFFFF;
					width: 35%;
					height: 56px;
					margin: 0 auto;
					margin-top: 1px;
					margin-left: 1px;
					position: relative;

					&:before {
						position: absolute;
						content: "";
						top: -2px;
						left: 103px;
						width: 20px;
						height: 59px;
						clip-path: polygon(0 0, 0% 100%, 100% 50%);
						background-color: #FFFFFF;
					}

					img {
						width: 35px !important;
						height: 23px !important;
						margin: 0 auto;
						margin-left: 33%;

					}
				}
			}

		}

		.top-button-back {

			a {
				padding-right: 1px;

				div {
					margin-top: 0px;

					&:before {
						position: absolute;
						content: "";
						top: -1px;
						left: -21px;
						width: 20px;
						height: 59px;
						clip-path: polygon(0 50%, 100% 100%, 100% 0);
						background-color: #FFFFFF;
					}
				}
			}
		}










		/*タイトル */
		.top-title {
			width: 400px;
			height: 60px;
			font-size: 28px;
			color: #FFFFFF;
			text-align: center;
			line-height: 55px;
			margin-bottom: 35px;
			position: relative;

			&::before {
				position: absolute;
				content: "";
				width: 55px;
				height: 30px;
				top: 0px;
				left: 400px;
				--subcolor: rgb(68, 193, 243);
				clip-path: polygon(0 0, 0% 100%, 100% 0%);
			}

			&::after {
				position: absolute;
				content: "";
				width: 55px;
				height: 31px;
				top: 29px;
				left: 400px;
				--subcolor: rgb(68, 193, 243);
				clip-path: polygon(0 0, 0% 100%, 100% 100%);
			}
		}



		/*最初の文言 */

		.top-mission {
			.top-mission-div {
				max-width: 650px;

				div {
					&:nth-of-type(1) {
						margin-bottom: 75px;

						&:before {
							font-size: 165px;
							-webkit-text-stroke: 20px rgb(51, 51, 51);
							letter-spacing: 20px;
						}

						h3 {
							font-weight: bold;
							font-size: 54px;
							line-height: 60px;
						}
					}

					&:nth-of-type(2),
					&:nth-of-type(3) {
						max-width: 650px;

						p {
							width: 580px;
							font-weight: bold;
							text-align: left;
							margin: 0 auto;
							margin-left: 0;
							margin-bottom: 50px;
						}
					}

					&:nth-of-type(2) {
						p {
							margin-bottom: 40px;
						}
					}

					&:nth-of-type(3) {
						p {
							width: 499px;
						}
					}
				}
			}



			.top-button-illust {
				max-width: 600px;

				.top-people {
					width: 250px;
					height: 245px;
					object-fit: cover;
				}
			}
		}








		/*トップお知らせ */
		.top-information {
			padding-top: 65px;
			width: 650px;
			margin: 0 auto;

			&::before {
				width: 550px;
			}

			.top-info-content {
				margin-top: 60px;
				margin-bottom: 60px;

				dl {
					width: 650px;

					dt {
						margin-top: 17px;
					}

					dd {
						margin-top: 7px;
						width: 700px;
					}
				}
			}
		}




		/*トップ事業内容 */


		.top-business {
			&:before {
				width: 550px;
				left: 0px;
				transform: skewX(-24deg);
			}

			.top-business-content {

				.top-type-a,
				.top-visit-nurse,
				.top-visit-massage {
					div {
						width: 650px;
						margin: 0 auto;
						line-height: 50px;

						p {
							font-size: 15px;
							margin-top: 30px;
							width: 400px;
						}

						h3 {
							font-size: 48px;

							span {
								font-size: 40px;
							}
						}

						&:nth-of-type(1) {
							margin-top: 50px;
						}

						&:nth-of-type(2) {
							margin-left: 112px;
							margin-top: 30px;
						}

						img {
							width: 380px;
							height: 255px;
						}

						.top-business-square {
							&:before {
								width: 380px;
								height: 255px;
								top: 30px;
								left: 115px;
							}

						}
					}
				}

				.top-visit-nurse {
					div {
						.top-business-square {
							&:before {
								left: 136px;
							}
						}
					}
				}
			}
		}


		/*アクセス */
		.top-access {
			&:before {
				width: 550px;
				left: 200px;
				transform: skewX(-24deg);
			}

			.top-access-wrapper {
				width: 95%;
				max-width: 900px;
				margin: 0 auto;
				margin-top: 80px;

				.top-access-content {
					width: 100%;
					margin: 0 auto;

					dl {
						display: flex;
						margin-bottom: 45px;
						max-width: 650px;
						margin: 0 auto;
						margin-top: 40px;

						&:before {
							width: 170px;
							height: 45px;
							top: 5px;
							left: 5px;

						}

						dt {
							width: 180px;
							height: 55px;
							line-height: 55px;
							font-size: 24px;
						}

						dd {
							margin-left: 30px;
							font-size: 16px;
							line-height: 21px;

							&:nth-of-type(1),
							&:nth-of-type(2) {
								width: 350px;
							}

							span {
								font-size: 24px;
								font-weight: bold;
								-webkit-text-stroke: 1px #333333;
							}


						}


						&:nth-of-type(2) {
							dd {
								padding-top: 0px;
							}
						}

						&:nth-of-type(3) {
							dd {
								font-size: 28px;
								padding-top: 10px;
								-webkit-text-stroke: 6px var(--maincolor);
								color: white;
							}
						}

						&:nth-of-type(4) {
							dd {
								font-size: 28px;
								padding-top: 10px;
								-webkit-text-stroke: 2.5px #333333;
								color: #333333;

								span {
									text-align: center;
									font-size: 15px;
								}
							}
						}
					}

				}


			}

			iframe {
				display: block;
				width: 420px;
				height: 320px;
				object-fit: cover;
				margin: 0 auto;
				margin-top: 80px;
			}
		}




		/*事業内容ページ */

		.business-page {
			&:before {
				width: 550px;
				left: 220px;
			}

			.top-information-content {
				width: 650px;
				display: flex;
				align-items: center;
				justify-content: center;

				p {
					font-size: 16px;
					width: 330px;
					line-height: 24px;
					transform: translateY(-60px);

					&::before {
						left: -30px;
						top: 10px;
						font-size: 128px;
						-webkit-text-stroke: 6px rgb(51, 51, 51);
						letter-spacing: 10px;
						content: "JOB";
					}

				}

				img {
					width: 212px;
					height: 237px;
					object-fit: cover;
					margin-left: 0px;
				}
			}
		}


		.business-type-a,
		.business-visit-nurse,
		.business-visit-massage {


			.business-type-a-top,
			.business-visit-nurse-top,
			.business-visit-massage-top {
				padding-bottom: 100px;
				background-size: cover;
				background-position-x: 0px;

				h3 {
					font-size: 48px;
					-webkit-text-stroke: 0.5px #ffffff;
					padding-top: 150px;
					letter-spacing: 1px;
					line-height: 35px;
				}

				div {
					padding-top: 10px;

					h4 {
						width: 500px;
						text-align: center;
						margin-top: 10px;
						margin-bottom: 20px;
						font-size: 20px;

						br {
							display: none;
						}
					}

					p {
						font-weight: 700;
						line-height: 24px;
						margin: 0 auto;
						width: 650px;


						br {
							display: none;
						}
					}
				}
			}





			.business-type-a-content {
				padding-top: 50px;
				padding-bottom: 100px;

				&::before {
					width: 550px;
					right: 350px;
					transform: skewX(-24deg);
				}

				h3 {

					&:before,
					&:after {
						width: 24px;
						height: 24px;

					}

					&:before {
						top: 55px;
						left: -20px;
					}

					&:after {
						top: 55px;
						right: -20px;
					}
				}

				div {
					padding-bottom: 70px;

					div {

						h4 {
							margin-top: 0px;

						}

						p {
							border-bottom: none;
							font-size: 16px;
							line-height: 24px;
							width: 350px;
							margin-top: 20px;
							border-bottom: none;
						}

						ul {
							border-bottom: none;
						}
					}
				}

				.content-box1,
				.content-box2 {
					display: flex;
					justify-content: space-around;
					max-width: 650px;
					margin: 0 auto;
					position: relative;
					transform: translateX(0%);
					border-bottom: 1px solid #333333;
					padding-bottom: 0px;

					&:before {
						top: 28px;
						left: -5px;
					}



					p {
						width: 320px;

						&:nth-of-type(2) {
							border-bottom: none;
							padding-bottom: 0px;
						}

						&:nth-of-type(3) {
							border-bottom: none;
							padding-bottom: 0px;
						}

					}

					img {
						margin-left: 15px;
					}
				}

				.content-box1 {
					&:before {
						left: 380px;
					}

					div {
						order: -1;

						ul {
							img {
								width: 145px;
								height: 180px;
							}
						}
					}

					img {
						margin-left: 30px;
					}

				}

				.content-box2 {
					gap: 30px;
					padding-top: 50px;

					&:after {
						top: 280px;
					}

					ul {
						img {
							width: 170px;
							height: 145px;
						}
					}


				}

			}


			.business-visit-massage-content,
			.business-visit-nurse-content {
				&:before {
					width: 550px;
					right: 100px;
				}

				display: flex;
				justify-content: space-around;
				max-width: 650px;
				margin: 0 auto;
				padding-top: 20px;

				div {
					img {
						width: 99px;
						height: 124px;
					}
				}

				span {
					font-size: 16px;
					padding-top: 70px;
				}

				p {
					width: 330px;
					text-align: left;
					font-size: 16px;
					line-height: 24px;



					&:nth-of-type(2) {
						text-align: left;
					}
				}

				img {
					width: 370px;
					height: 320px;
				}

				div {
					transform: translateY(-25px);

					p {
						font-size: 30px;
						padding-bottom: 5px;
						text-align: center;
					}
				}
			}



			.business-visit-nurse-content {
				padding-top: 100px;
				padding-bottom: 100px;

				p {
					&:nth-of-type(2) {
						font-size: 16px;
					}
				}

				&:nth-of-type(3) {

					p {
						font-size: 16px;
					}

				}
			}

			.business-visit-massage-content {
				padding-top: 100px;
				padding-bottom: 100px;

				p {
					&:nth-of-type(1) {
						font-size: 28px;
					}
				}

				img {
					margin-top: 0px;
				}

				div {
					transform: translateY(0px);

					p {
						&:nth-of-type(2) {
							font-size: 16px;
						}
					}
				}
			}


			.swiper {
				margin-top: 25px;
				padding-bottom: 70px;

				h4 {
					font-size: 24px;
					border: 1px solid var(--maincolor);
					width: 300px;
					height: 45px;
					line-height: 40px;
					margin: 0 auto;
					transform: translateX(16.5%);

					&:before {
						top: -1px;
						right: -1px;
						width: 35px;
						height: 63px;
					}

					&:after {
						top: 62px;
						left: -83px;
						width: 400px;
						height: 260px;
					}
				}


				.swiper-wrapper {
					margin-top: 0px;
					padding-bottom: 10px;

					.swiper-slide {


						img {
							margin-top: 30px;
							margin-left: -25px;
							width: 400px;
							height: 260px;
						}
					}


				}
			}




		}

		.business-visit-massage {
			&:before {
				width: 550px;
				transform: skewX(-12deg);
				right: 450px;
			}

			.business-visit-massage-top {
				div {
					&:nth-of-type(2) {
						margin-top: 30px;
					}
				}
			}
		}

		/*お知らせページ */
		.news-wrapper {
			&::before {
				width: 550px;
				right: 350px;
				transform: skewX(-12deg);
			}

			.news-page {

				.news-content {
					max-width: 525px;
					margin: 0 auto;


					div {
						display: flex;
						width: 525px;

						div {
							margin-top: 0px;

							p {
								width: 310px;
								font-size: 16px;
								line-height: 24px;
								padding: 0;
								color: #333333;


								&:before {
									top: 15px;
									font-size: 128px;
								}

								&:nth-of-type(4) {
									margin-top: 0px;
									line-height: 6px;
									width: 420px;
								}
							}

							img {
								width: 200px;
								height: 230px;
								object-fit: cover;
								margin-left: -40px;
								transform: translateY(-20px);
							}

						}
					}
				}

			}

			.news-topic-wrapper {
				display: flex;
				justify-content: space-evenly;
				max-width: 800px;
				margin: 0 auto;
				padding-bottom: 80px;

				.news-topic-container {
					order: 1;
				}

				.news-topic-category,
				.news-topic-date {
					dd {
						font-size: 20px;

						&:before {
							width: 20px;
							height: 20px;
							left: -10px;
						}
					}

					div {
						button {
							font-size: 18px;
						}
					}
				}

				.news-topic-date {
					h3 {
						&:before {
							left: 20px;
						}
					}
				}

				.news-content-topic {
					width: 350px;

					img {
						width: 225px;
						height: 165px;
					}

					a {
						&:before {
							top: -170px;
							right: -180px;
							width: 50px;
							height: 50px;
							clip-path: polygon(20px 30%, 0% 0%, 0% 30px);
						}
					}

					div {

						margin-bottom: 20px;


						span {
							opacity: 0.5;
						}

						p {
							font-size: 16px;

						}


					}

					.news-more {
						top: -42px;
						right: -320px;
						width: 80px;
						height: 80px;
						clip-path: polygon(40px 40%, 0% 0%, 0% 65px);

					}
				}
			}
		}




		/*トピックページ */
		.topic-page {
			&:before {
				width: 550px;
				transform: skewX(-12deg);
				right: 450px;
			}

			.topic-wrapper {

				.topic-top-content {
					width: 525px;
					flex-direction: row;
					max-width: 700px;
					margin: 0 auto;

					p {
						font-size: 16px;
						line-height: 24px;

						&::before {
							top: 10px;
							font-size: 128px;
						}
					}

					img {
						transform: translateY(0px);
						width: 170px;
						height: 135px;
						margin-bottom: 0px;
						margin-right: 0px;
					}
				}

				.topic-content {
					max-width: 1280px;
					margin: 0 auto;
					justify-content: center;
					margin-top: 40px;
					gap: 10px;


					.topic-picture {
						dl {
						max-width: 750px;
							margin: 0 auto;
							margin-bottom: 45px;

							.topic-title {
max-width: 550px;
								div {


									&:before {
										width: 120px;
										height: 85px;
										top: -16px;
										left: 120px;
									}

									&:after {
										position: absolute;
										width: 280px;
										height: 200px;
										top: -230px;
										left: 15%;
									}

									dt {
										margin: 0;
										font-size: 20px;
										text-align: center;
										transform: translate(-30px, 0px);
										width: 170px;

										&:nth-of-type(1) {
										transform: translate(0px, 0px);
											-webkit-text-stroke: 4px var(--maincolor);

											&:before {
												top: 27px;
												left: 45px;
												width: 100px;
											}

											span {
									transform: translateX(27px);
												font-size: 24px;
											}
										}

										&:nth-of-type(2) {
											transform: translate(0px, 15px);
											font-weight: 900;
											width: 350px;
											margin: 0 auto;
										}


									}


								}
								.banner{
										&:before {
									
											width: 120px;
											height: 85px;
											top: -16px;
											left: 40px;
										
									}

								}
							}

							.pdf {
								max-width: 350px;
								max-height: 130px;
								object-fit: cover;
							}

							.topic-sentence {
								width: 500px;
								margin: 0 auto;
								font-size: 16px;
								line-height: 18px;
								margin-left: 20px;
								margin-top: 50px;

							}
						}


						img {
							width: 280px;
							height: 200px;
						}
					}

					.swiper-button {
						align-items: center;

						.swiper-button-prev {
							transform: translateY(-225px);

							width: 45px;
							height: 48px;

							&::before {
								top: 1.5px;
								left: 3.5px;
								width: 40px;
								height: 45px;
							}

							&:after {
								top: 3px;
								left: 4.5px;
								width: 38px;
								height: 42px;
							}

						}

						.swiper-button-next {
							width: 45px;
							height: 50px;


							&::before {
								top: 1.5px;
								left: 1px;
								width: 40px;
								height: 45px;
							}

							&:after {
								top: 2.5px;
								left: 1.7px;
								width: 38px;
								height: 42px;
							}

						}
					}
				}
			}
		}


		/*送信完了ページ */
		.sent-page {
			&:before {
				width: 550px;
				transform: skewX(-12deg);
				right: 450px;
			}

			.sent-content {
				width: 650px;

				h2 {
					font-size: 40px;
				}

				p {
					font-size: 18px;
					line-height: 30px;
				}


				div {
					img {
						width: 150px;
						height: 110px;
					}

				}
			}
		}




		/*問い合わせフォームページ */

		.inquery-wrapper {
			background-color: #F4F2F0;
			padding-top: 50px;
			position: relative;
			padding-bottom: 135px;

			&::before {
				width: 550px;
				transform: skewX(-24deg);
			}


			.inquery-page {

				.inquery-content {
					display: flex;

					div {
						max-width: 700px;
						margin: 0 auto;
						display: flex;

						p {
							font-size: 16px;
							line-height: 24px;


							&:before {
								top: 15px;
								font-size: 128px;
							}

						}

						div {
							img {
								transform: translateY(0px);
								width: 200px;
								height: 165px;
								margin-bottom: 0px;
							}
						}
					}
				}
			}

			.inquery-form {
				div {
					div {
						width: 650px;
						margin: 0 auto;


						p {
							width: 700px;
						}

						input {
							width: 660px;
							height: 80px;
							padding-left: 10px;
						}

						textarea {
						     width: 660px;
                            padding-left: 20px;
                            transform: translateX(-8px);
						}

						&:nth-of-type(1),
						&:nth-of-type(2),
						&:nth-of-type(3),
						&:nth-of-type(4),
						&:nth-of-type(5) {
							width: 703px;
							margin: 0 auto;

							label {
								width: 700px;

								&:before {
									right: 650px;
									top: 30px;
									width: 25px;
									height: 25px;
								}

								&:nth-of-type(5) {
									&::before {
										top: 15px;
									}
								}
							}
						}

						label {

							&:nth-of-type(1),
							&:nth-of-type(2),
							&:nth-of-type(3),
							&:nth-of-type(4),
							&:nth-of-type(5) {
								&:after {
									top: 36px;
								}
							}

							&:nth-of-type(5) {
								&:after {
									top: 18px;
								}
							}
						}



						.top-button {
							width: 100%;
							max-width: 300px;
							margin: 0 auto;
							display: flex;
							justify-content: center;
							margin-top: 50px;
							position: relative;

							button {

								width: 290px;
								height: 60px;
								color: #FFFFFF;
								text-align: center;

								p {
									font-size: 16px;
									width: 65%;
									text-align: center;
									line-height: 56px;
								}



								div {
									display: flex;
									justify-content: space-between;
									align-items: center;
									border: 1px solid #FFFFFF;
									width: 35%;
									height: 56px;
									margin: 0 auto;
									margin-top: 0.5px;
									margin-left: 1px;
									position: relative;

									&:before {
										position: absolute;
										content: "";
										top: -2px;
										left: 100px;
										width: 20px;
										height: 59px;
										clip-path: polygon(0 0, 0% 100%, 100% 50%);
										background-color: #FFFFFF;
									}

									img {
										width: 35px !important;
										height: 23px !important;
										margin: 0 auto;
										margin-left: 33%;
										margin-top: 15px;
									}
								}
							}

						}
					}

					&:nth-of-type(2) {

						p {


							a {
								font-size: 18px;
							}
						}
					}

					form {
						.wpcf7-form-control-wrap {
							width: 700px;
							display: inline-block;
							margin: 0 auto;
						   .wpcf7-form-control {
                            .wpcf7-list-item {
                                margin: 0 auto;
								margin-top: 30px;
								margin-bottom: 30px;
								max-width: 500px;
								label{
									max-width: 500px;
								}
                            }
                        }
						}

						label {
							margin-top: 30px;

							p {
								width: 420px;
								margin-top: 5px;
								margin-right: 10px;
							}
						}
					}
				}


			}









		}






		/*入力内容確認ページ */

		.comfirm-wrapper {
			&::before {
				width: 550px;
				transform: skewX(-24deg);
			}

			.comfirm-form {
				margin-top: 50px;

				form {
					max-width: 700px;
					margin: 0 auto;

					label {
						dl {
							width: 650px;
							height: 65px;

							dd {
								padding-left: 80px;
								line-height: 65px;
							}
						}

						&:nth-of-type(1),
						&:nth-of-type(2),
						&:nth-of-type(3),
						&:nth-of-type(4),
						&:nth-of-type(5) {
							&::before {
								width: 30px;
								height: 30px;
								top: 20px;
								left: -300px;
							}
						}
					}

					.top-button {
						width: 100%;
						max-width: 300px;
						margin: 0 auto;
						display: flex;
						justify-content: center;
						margin-top: 50px;
						position: relative;

						button {

							width: 290px;
							height: 60px;
							color: #FFFFFF;
							text-align: center;

							p {
								font-size: 16px;
								width: 65%;
								text-align: center;
								line-height: 56px;
							}



							div {
								display: flex;
								justify-content: space-between;
								align-items: center;
								border: 1px solid #FFFFFF;
								width: 35%;
								height: 56px;
								margin: 0 auto;
								margin-top: 1px;
								margin-left: 1px;
								position: relative;

								&:before {
									position: absolute;
									content: "";
									top: -2px;
									left: 100px;
									width: 20px;
									height: 59px;
									clip-path: polygon(0 0, 0% 100%, 100% 50%);
									background-color: #FFFFFF;
								}

								img {
									width: 35px !important;
									height: 23px !important;
									margin: 0 auto;
									margin-left: 33%;

								}
							}
						}

					}

					.top-button-back {
						a {
							width: 240px;
							height: 50px;

							div {
								height: 50px;

								&:before {
									height: 53px;
								}

								a {
									height: 50px;
								}
							}
						}
					}
				}
			}





			.comfirm-page {
				.comfirm-content {
					div {
						max-width: 650px;
						margin: 0 auto;
						display: flex;


						div {
							flex-direction: column;
							margin-top: 0px;

							&:nth-of-type(2) {
								img {
									transform: translateY(0px);
									width: 200px;
									height: 165px;
									margin-bottom: 0px;
								}
							}


							p {
								font-size: 16px;
								line-height: 24px;
								margin: 0;



								&:before {
									top: 27px;
									font-size: 128px;

								}
							}

						}
					}
				}
			}
		}
















		/*代表者あいさつページ */
		.company-page {
			padding-bottom: 110px;

			.ceo-speech-content {
				h3 {
					font-size: 60px;
					margin-bottom: 15px;
				}

				div {

					p {
						font-size: 24px;
						margin-top: 0px;
					}

					h4 {
						font-size: 18px;
					}

					&:nth-of-type(2) {

						p {
							width: 650px;
							text-align: left;
							line-height: 28px;
							font-size: 18px;
							margin-top: 60px;

						}
					}

				}

			}
		}


		/*沿革 */

		.company-history {
			&:before {
				width: 500px;
				transform: skewX(-12deg);
			}

			.company-history-content {
				width: 650px;
				padding-top: 80px;
				border: 4px solid var(--maincolor);

				ul {
					width: 480px;

					&:before {
						top: -25px;
						left: 25px;
						height: 280px;
					}

					li {

						flex-direction: row;
						margin-bottom: 40px;
						font-size: 16px;
						line-height: 40px;
						font-weight: bold;

						&:after {
							left: -48px;
						}

						&:before {
							width: 25px;
							height: 25px;
							top: 5px;
							left: -60px;
						}

						span {
							width: 125px;
							height: 42px;
							font-size: 24px;
							line-height: 40px;
							margin-right: 10px;
						}

						&.active {
							&:after {
								height: 6vh;
							}
						}
					}
				}

				div {
					button {
						width: 200px;
						padding: 20px 0px;
						margin: 0 auto;

						&:before {
							width: 190px;
							height: 45px;
							left: 4px;
							top: 4px;
						}

						p {
							font-size: 18px;
							text-align: center;
							transform: translate(0px, 0px);
							height: 45px;

							&:before,
							&:after {

								left: 23px;
								top: 21px;
							}

							&:before {
								left: 30px;
								top: 14px;
							}

						}
					}

					img {
						width: 200px;
						height: 180px;
						transform: translateX(240px);
					}
				}
			}
		}


		/*会社情報*/
		.company-information {
			&:before {
				width: 500px;
				right: 300px;
				transform: skewX(-12deg);
			}

			table {
				width: 600px;
				border: 1px solid var(--maincolor);

				tr {
					flex-direction: row;

					th,
					td {
						height: 50px;
						line-height: 50px;
						width: 325px;
					}

					th {
						font-size: 18px;
						border-bottom: 1px solid #FFFFFF;
						font-weight: 500;
					}

					td {
						font-size: 16px;
						border-bottom: 1px solid var(--maincolor);
					}

					&:nth-of-type(5) {

						th,
						td {
							border-bottom: none;
						}
					}
				}
			}

			div {
				display: flex;
				justify-content: space-around;
				max-width: 650px;
				margin: 0 auto;

				img {
					margin-left: 47%;
					width: 200px;
					height: 190px;
				}
			}
		}





	}


	/*プライバシーポリシー */
	.privacy-body {

		.privacy-content {
			padding-top: 20px;

			&:before {
				width: 550px;
				transform: skewX(-12deg);
				right: 300px;
			}

			section {
				max-width: 800px;
				margin: 0 auto;
				margin-top: 50px;

				&:nth-of-type(1) {
					margin-top: 0px;
				}

				h1 {
					font-size: 30px;
				}

				h2 {
					font-size: 18px;
				}

				p {
					font-size: 14px;
					margin-bottom: 15px;

				}
			}
		}


	}









}