@media (min-width: 1280px) {

	/*ハンバーガーメニュー*/
	.hamburger-menu {
		.hamburger-menu-border {

			.hamburger-menu-content {
				display: inline-flex;
				width: 90%;
				height: 80%;
				padding-bottom: 15px;
				border: 5px solid var(--maincolor);

				div {
					display: flex;
					flex-wrap: wrap;
					width: 1160px;
					transform: translateY(-5px);

					&:nth-of-type(1),
					&:nth-of-type(3) {
						margin-top: -40px;
					}

					&:nth-of-type(2) {
						a {
							display: flex;
							flex-direction: column;
							transform: translateY(-30px);

						}
					}

					a {
						width: 300px;
						font-size: 24px;
						margin-top: 120px;
						border-bottom: transparent;
						position: relative;

						&::after {
							position: absolute;
							left: 0;
							content: "";
							width: 100%;
							height: 2px;
							background-color: var(--maincolor);
							bottom: 20px;
							opacity: 0;
							visibility: hidden;
							transition: 0.6s;

						}

						&:hover {
							&:after {
								visibility: visible;
								bottom: -5px;
								opacity: 1;
							}
						}

					}
				}

			}
		}
	}

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

	}

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

		div {
			margin-top: 0px;


			h1 {
				font-size: 44px;
				font-weight: bold;

				span {
					font-size: 20px;
				}
				img{
					width: 105px;
					height: 35px;
				}
			}
		}

	}

	/*トップヘッダー */
	.top-header {

		&:before,
		&:after {
			width: 600px;
			right: 183px;
		}

		section {


			.menu {
				width: 160px;
				height: 45px;

				button {
					p {
						font-size: 18px;
						line-height: 0px;

					}

					.button-menu {
						padding-top: 4px;
						padding-left: 15px;

					}

					.border {
						margin-top: 15px;

						div {
							width: 55px;
							padding-top: 12px;

							&:nth-of-type(2) {
								&.active {
									transform: rotate(-20deg) translate(4px, -7px);


								}
							}
						}
					}
				}

				.button-close {
					line-height: 8px;
				}
			}


		}

		.top-let-work {
			margin-left: 105px;
			margin-top: 60px;
			font-size: 18px;
		}
	}

	.top-joyful-scroll {
		font-size: 28px;
		transform: translateX(-400px);

		&:before {
			height: 300px;
			top: 50px;
			animation: arrowlong01 2s ease infinite;
		}
	}



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

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

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

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




	.top-joyful {
		margin-left: 0;
		margin-bottom: 0px;


		h2 {
			width: 550px;
			font-size: 104px;
			line-height: 90px;
			margin-left: 55px;

			span {
				font-size: 104px;
			}


			&:before {
				margin-top: 60px;
				margin-left: 130px;
				top: -70px;
				font-size: 265px;
				left: -75px;
			}

		}



	}




	/*フッター */

	footer {
		.footer-green {
			.footer-max {
				display: flex;
				align-items: center;
				justify-content: center;
				margin: 0 auto;



				img {
					transform: translate(72px, 55px);
				}

				.footer-img {
					order: -1;
					width: 15%;
					margin: 0 auto;

					img {
						margin-top: 40px;
						margin-left: 0px;
						transform: translate(0px, -20px);
					}
				}

				ul {
					order: 1;
					width: 28%;
					margin: 0 auto;
					display: flex;
					flex-direction: column;
					justify-content: center;
					padding-top: 0px;

					&:before {
						width: 250px;
						transform: rotate(90deg);
						bottom: 95px;
						left: -165px;
						display: none;
					}

					li {
						position: relative;
						display: inline-block;

						a {
							display: inline-block;

							&::after {
								position: absolute;
								left: 120px;
								content: "";
								width: 100px;
								height: 2px;
								background-color: white;
								bottom: 40px;
								opacity: 0;
								visibility: hidden;
								transition: 0.5s;

							}


							&:hover {
								&:after {
									visibility: visible;
									bottom: 30px;
									opacity: 1;

								}
							}

						}

						.business-guide {
							&:after {
								bottom: 40px;
								left: -10px;
								width: 100px;
								opacity: 0;
								visibility: hidden;
								transition: 0.5s;
							}

							&:hover {
								&:after {
									visibility: visible;
									bottom: 30px;
									opacity: 1;

								}
							}
						}


						.business-a {

							&:after {
								width: 90px;
								margin: 0 auto;
								left: 125px;
							}

						}

						.footer-inquery-category {
							display: inline-block;

							&::after {
								width: 100px;
								right: 0;
								left: 0;
								margin: auto;
							}
						}

					}

					div {
						width: 300px;
						margin: 0 auto;

						&:nth-of-type(1) {
							a {

								&::after {
									left: -10px;
								}
							}


						}

						.topfooter {

							&:after {
								left: 13px !important;
							}

						}
					}
				}

				.footer-address {
					order: 0;
					margin: 0 auto;
					padding-top: 0px;
					width: 33%;
					transform: translate(0%, 0%);

					&:before {
						width: 250px;
						transform: rotate(90deg);
						bottom: 65px;
						left: -108px;
						opacity: 1;
						display: none;
					}

					.footer-address-div,
					.footer-address-div2 {
						width: 350px;
						margin: 0 auto;
						margin-left: 20%;


						p {
							padding-left: 0px;

						}
					}

					.footer-address-div2 {
						padding-top: 20px;
					}
				}

				img {
					margin-left: 0px;
					order: -1;
					transform: translate(30px, 60px);
				}
			}
		}

		.footer-cream {
			width: 100%;
			margin: 0 auto;
			display: flex;
			justify-content: center;
			margin-right: 0%;
			height: 100px;

			img {
				width: 62px;
				height: 56px;
				transform: translateY(0px);
			}

			small {
				font-size: 10px;
				transform: translateX(230%);
			}

			.footer-cream-left {
				div {
					h3 {
						font-size: 48px;
						line-height: 35px;
						
					}

				}
			}
		}
	}

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

	.menu {
		width: 160px;
		height: 45px;

		button {
			justify-content: space-between;

			p {
				font-size: 18px;
				line-height: 10px;
				padding-top: 0px;
			}

			.button-menu {
				padding-left: 15px;
				text-align: center;
				padding-top: 0px;
				line-height: 8px;
			}

			.button-close {
				line-height: 8px;
				padding-left: 15px;
			}

			.border {
				margin-top: 15px;

				div {
					width: 55px;
					padding-top: 12px;
				}
			}
		}

	}







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

		&::before,
		&::after {
			position: absolute;
			content: "";
			right: 135px;
			background-color: #12AF83;
			width: 450px;
			height: 50vh;
			opacity: 0.8;
			z-index: 0;
			transform: skew(30deg, 0deg);
		}

		&:before {
			top: 0px;
			background: linear-gradient(var(--maincolor)0%, var(--colorgrade5)100%);
		}

		&:after {
			transform: skew(150deg, 0deg);
			background: linear-gradient(var(--colorgrade5)0%, var(--maincolor)100%);
			bottom: 0px;
		}


		.title {
			position: relative;
			margin-top: 0px;


			&:before {
				top: -106px;
				background: linear-gradient(var(--colorgrade3)0%, var(--colorgrade5)50%, var(--maincolor)100%);
				width: 300px;
				height: 100vh;
				opacity: 0.8;
				z-index: 0;
				content: "";
				transform: skew(0deg, 0deg);
			}

			&:after {
				display: none;
			}

			p {
				text-align: left;
				font-size: 28px;
				margin-left: 85px;
				transform: translateY(15px);
				line-height: 70vh;

				&:before {
					left: 55px;
					top: 40vh;
					width: 230px;
				}

			}

			h2 {
				width: 300px;
				margin: 0 auto;
				margin-right: 125px;
				margin-bottom: 100px;
				font-size: 48px;
				transform: translateY(-325px);

				&:before,
				&:after {
					background: transparent;
				}

				&:after {
					display: none;
				}
			}
		}
	}

	.header-company {
		section {
			max-width: 100%;

			.top-title-header {
				margin-left: 30px;
				z-index: 100;
			}
		}
	}













	main {


		/*ボタン */
		.top-button,
		.top-button-back {
			width: 100%;
			max-width: 350px;
			margin: 0 auto;
			display: flex;
			justify-content: space-around;
			margin-top: 50px;
			position: relative;
			transition: 0.6s;

			a {

				width: 345px;
				height: 70px;
				transition: 0.6s;

				p {
					font-size: 20px;
					line-height: 65px;
				}

				div {
					width: 337px;
					height: 64px;
					transition: 0.6s;
					width: 37%;
					transform: translate(1px, 1px);


					img {
						width: 46px !important;
						height: 30px !important;
						transition: 0.6s;
					}

					&:before {
						top: -0.5px;
						left: 124.5px;
						width: 20px;
						height: 66px;
						transition: 0.6s;
					}
				}


			}

			&:hover {
				max-width: 400px;

				a {
					width: 380px;
					background-color: #ffffff;
					border: 1px solid var(--maincolor);

					div {
						width: 200px;

						&:before {
							left: 167px;
							transition: 0.6s;
							background-color: var(--maincolor);
						}

						img {
							transition: 0.6s;

						}
					}

					p {
						color: var(--maincolor);
					}

				}
			}
		}

		.top-button-back {

			a {
				div {
					transform: translate(-1px, 0px);

					&:before {
						top: -1px;
						left: -19.5px;
						width: 19px;
						height: 66px;
					}
				}
			}

			&:hover {
				a {
					div {
						&:before {
							left: -20px;

						}
					}
				}
			}
		}



		/*タイトル */
		.top-title {
			width: 500px;
			height: 80px;
			font-size: 40px;
			line-height: 75px;
			margin-bottom: 85px;

			&:before,
			&:after {
				width: 75px;
				height: 40px;
				top: 0px;
				left: 500px;
			}

			&:after {
				top: 40px;
			}
		}





		/*最初の文言 */

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

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

						&:before {
							font-size: 256px;
							-webkit-text-stroke: 30px rgb(51, 51, 51);
							left: -130px;
							letter-spacing: 25px;
						}

						h3 {
							font-weight: bold;
							font-size: 76px;
							line-height: 90px;
						}
					}

					&:nth-of-type(2),
					&:nth-of-type(3) {
						p {
							width: 725px;
							font-size: 18px;
							line-height: 36px;
						}
					}

				}
			}

			.top-button-illust {
				display: flex;
				max-width: 1000px;

				.top-button {
					margin-left: -15px;
				}


			}


		}


		/*トップお知らせ */
		.top-information {
			width: 1000px;

			&:before {
				width: 860px;
			}

			.top-info-content {
				dl {
					width: 800px;

					dd,
					dt {
						font-size: 18px;
					}

				}
			}
		}


		/*トップ事業内容 */

		.top-business {
			&:before {
				width: 860px;
			}

			.top-business-content {

				.top-type-a,
				.top-visit-nurse,
				.top-visit-massage {
					padding-top: 70px;
					padding-bottom: 130px;

					div {
						width: 800px;
						margin: 0 auto;
						display: flex;
						justify-content: center;
						line-height: 60px;

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

						&:nth-of-type(2) {
							display: block;
						}

						.top-business-wrapper {
							width: 50%;
							margin-top: 10px;

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

								h3 {
									font-size: 64px;
									letter-spacing: 2px;

									span {
										font-size: 56px;
										line-height: 75px;
										text-align: left;
									}
								}
							}


							span {
								text-align: left;
							}

							.office {
								text-align: right;
							}

							p {
								margin-left: 0px;
								font-size: 18px;
								line-height: 28px;
								margin-top: 40px;
							}
						}

						.top-business-square {
							&:before {
								top: -100px;
								left: 35px;
							}
						}
					}
				}

				.top-visit-nurse {
					padding-top: 115px;
					padding-bottom: 130px;

					div {
						&:nth-of-type(1) {
							gap: 45px;
						}

						&:nth-of-type(2) {
							margin-left: 0px;
						}

						.top-business-square {
							&:before {
								top: -97px;
								left: 80px;
							}
						}

						.top-business-wrapper {
							order: -1;

							div {

								h3 {
									text-align: right;
									width: 450px;

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

							.office {
								margin-left: 50px;
							}
						}
					}
				}

				.top-visit-massage {
					padding-top: 0px;
					padding-bottom: 0px;
				}

			}
		}


		/*トップアクセス */
		.top-access {
			&:before {
				width: 860px;
			}

			.top-access-wrapper {
				display: flex;
				justify-content: center;
				max-width: 800px;
				gap: 5%;

				img {
					margin-top: 0px;
				}


				dl {
					margin-bottom: 40px;

					dt {
						font-size: 28px;
					}


					dd {
						font-size: 18px;
						line-height: 25px;

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

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

				}
			}
			iframe{
				margin-top: 10px;
			}
		}




		/*事業内容ページ */
		.business-page {
			&:before {
				width: 600px;
				left: 550px;
			}

			padding-bottom: 10px;


			.top-information-content {
				width: 700px;


				p {
					font-size: 18px;
					line-height: 28px;
					margin: 0;
					width: 450px;


					&:before {
						top: 55px;
						left: -210px;
						font-size: 256px;
						-webkit-text-stroke: 15px #333333;
					}
				}

				img {
					width: 250px;
					height: 240px;
					transform: translate(-40px, -40px);
				}
			}

		}

		.business-type-a,
		.business-visit-nurse,
		.business-visit-massage {
			margin: 0 auto;
			justify-content: space-around;
			padding-bottom: 0px;



			.business-type-a-top,
			.business-visit-nurse-top,
			.business-visit-massage-top {
				padding-top: 300px;
				padding-bottom: 0px;
				display: flex;
				justify-content: center;
				gap: 50px;
				align-items: flex-start;

				h3 {
					font-size: 64px;
					-webkit-text-stroke: 2px #ffffff;
					padding-top: 0px;
					letter-spacing: 2px;
					line-height: 50px;

					span {
						font-size: 40px;
						font-size: 24px;
						padding-top: 20px;
						-webkit-text-stroke: 1px #ffffff;
					}
				}


				div {
					margin-top: 0px;
					line-height: 60px;

					h4 {
						font-weight: 700;
						font-size: 24px;
						line-height: 18px;
						margin: 0 auto;
						width: 600px;

					}

					p {
						width: 500px;
						text-align: left;
						margin-top: 30px;
						font-size: 18px;
						margin-bottom: 20px;
						width: 550px;
						line-height: 24px;
						font-size: 18px;

						br {
							display: none;
						}
					}

					div {
						line-height: 28px;
					}
				}
			}

			.business-visit-massage-top {
				height: auto;
				padding-top: 200px;
				padding-bottom: 100px;
			}


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



				div {
					padding-bottom: 70px;

					div {

						h4 {
							margin-top: 0px;
						
						}

						p {

							margin-top: 25px;
						
						}

ul{
	li{
		font-size: 18px;
		line-height: 24px;
	}
}
					}
				}

				.content-box1,
				.content-box2 {
					display: flex;
					justify-content: space-around;
					max-width: 750px;
					margin: 0 auto;
					position: relative;

					p {
						width: 380px;
					}

					&:before {
						left: 40px;
					}

			
				}

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

					div {
						order: -1;
					}
				}

			}


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

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

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

				p {
					width: 500px;
					font-size: 18px;
					line-height: 28px;



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

				div {

					img {
						width: 150px;
						height: 215px;
					}

					p {
						font-size: 30px;
						padding-bottom: 15px;
						text-align: center;
						padding-top: 0px;
						width: 500px;
					}

					span {
						font-size: 18px;
					}

				}
			}



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

				p {
					padding-top: 100px;

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

				&:nth-of-type(3) {

					p {
						font-size: 18px;
					}

				}
			}

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

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

				img {
					width: 451px;
					height: 400px;
				}

				div {
					transform: translateY(85px);

					p {
						&:nth-of-type(2) {
							font-size: 18px;
							line-height: 28px;
						}
					}
				}
			}


			.swiper {
				h4 {
					font-size: 24px;
					width: 365px;
					height: 55px;
					line-height: 50px;
					transform: translateX(27.5%);

					&:before {
						top: -1px;
						right: -1px;
						width: 40px;
						height: 73px;
					}

					&:after {
						top: 115px;
						left: -140px;
						width: 565px;
						height: 380px;
					}
				}


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

					.swiper-slide {


						img {
							width: 565px;
							height: 380px;
							margin-top: 0px;
							margin-left: 44px;
						}
					}


				}
			}




		}

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

			.business-type-a-content {


				.content-box1,
				.content-box2 {
					max-width: 900px;

					&:before {
						width: 340px;
						height: 210px;
					}

					&:after {
						width: 950px;
						top: 325px;
						left: 0px;
					}
				}

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

				.content-box2 {
					justify-content: space-between;

					&:before {
						left: 45px;
					}
					&:after {
						top: 445px;
					}

				}

				div {
					img {
						width: 340px;
						height: 210px;

					}

					div {
						width: 400px;

						h4 {
							font-size: 24px;
						}

						p {
							font-size: 18px;
							width: 435px;
							line-height: 28px;
						}
					}
				}

			}
		}

		.business-visit-nurse {
			.business-visit-nurse-top {
				padding-bottom: 130px;
			}
		}

		.business-visit-massage {
			padding-bottom: 40px;
		}


		/*トピックページ */
		.topic-page {
			&:before {
				width: 600px;
				transform: skewX(-24deg);

			}

			.topic-wrapper {
				.topic-top-content {
					width: 700px;
					margin: 0 auto;
					margin-bottom: 80px;
					transform: translateX(60px);

					p {
						font-size: 18px;
						line-height: 28px;
						width: 460px;
						text-wrap: wrap;

						&:before {
							top: 70px;
							left: -275px;
							font-size: 256px;
							-webkit-text-stroke: 20px #333333;
						}

						br {
							&:nth-of-type(2) {
								display: none;
							}
						}
					}

					img {
						transform: translate(-30px, 0px);
						width: 290px;
						height: 150px;
						margin-bottom: 0px;

					}
				}

				.topic-content {
					max-width: 100%;
					margin: 0 auto;

					.topic-picture {
		display: flex;
						position: relative;
						max-width: 1080px;
                        justify-content: center;
margin: 0 auto;
						img {
							width: 360px;
							height: 255px;
							margin: 0 auto;
							margin-right: -245px;
							z-index: 1;
						}

						dl {

							max-width: 100%;
							gap: 50px;
							display: block;
							margin-left: 250px;
							margin-bottom: 60px;

							.pdf {
								max-width: 450px;
								max-height: 250px;
							}

							.topic-title {
									max-width: 600px;
								dt {
									position: relative;
									font-size: 24px;

									&:before {
										position: absolute;
										content: "";
							                                        top: -30px;
                                        left: -605px;
										width: 360px;
										height: 255px;
										background-color: var(--subcolor);
									}
								}

								div {
									margin-left: 60px;

							

									&:after {
										display: none;
									}

									dt {
										-webkit-text-stroke: 8px #12AF83;

										&:nth-of-type(1) {
											font-size: 24px;
											text-align: center;
										transform: translate(-25px, 0px);

											&:before {
												width: 120px;
												top: 35px;
												left: 35px;
											}

											span {
												font-size: 36px;
												margin-left: 0px;
												width: 170px;
												display: inline-block;
												transform: translate(0px, 10px);
											}
										}

										&:nth-of-type(2) {
											font-size: 24px;
											transform: translate(45px, 20px);
											width: 420px;
											margin-left: 50px;
											text-align: center;
										}
									}
								}
									.banner{
										&:before {
										width: 150px;
										height: 105px;
										left: 0px;
										}
											.title-topic{
								transform: translate(-20px, 0px);
									margin-left: 0px;
									max-width: 600px;
									
									}
								
								}
							}

							.topic-sentence {
								width: 550px;
								font-size: 18px;
								line-height: 24px;
								padding: 15px;
								margin-top: 50px;
								transform: translateX(24px);

								h1 {
									font-size: 24px;

								}

								h2 {
									font-size: 22px;

								}

								h3 {
									font-size: 20px;

								}

								h4 {

									font-size: 16px;
								}
							}
						}
					}

					.swiper-button {


						.swiper-button-prev {

							width: 67px;
							height: 80px;
							transition: 0.7s;

							&::before {
								top: 4.5px;
								left: 5.5px;
								width: 60px;
								height: 71px;
							}


							&:after {
								top: 7px;
								left: 8.5px;
								width: 55px;
								height: 65px;

							}

							&:hover {
								transition: 0.7s;
								background-color: white;

								&:before {
									background-color: var(--subcolor);
								}

							}




						}

						.swiper-button-next {
							width: 67px;
							height: 80px;
							transition: 0.7s;

							&::before {
								top: 4.5px;
								left: 2.5px;
								width: 60px;
								height: 71px;
							}

							&:after {
								top: 7px;
								left: 4.5px;
								width: 55px;
								height: 65px;
							}

							&:hover {
								transition: 0.7s;
								background-color: white;

								&:before {
									background-color: var(--subcolor);
								}

							}



						}
					}
				}
			}
		}








		/*お知らせページ */
		.news-wrapper {
			padding-top: 70px;

			&:before {
				width: 600px;
				transform: skewX(-18deg);
			}


			.news-page {
				.news-content {
					max-width: 700px;





					div {
						margin-bottom: 0px;
						width: 700px;

						div {
							p {
								width: 480px;
								font-size: 18px;
								line-height: 24px;

								&:before {
									top: 17px;
									left: -140px;
									font-size: 256px;
									-webkit-text-stroke: 20px #333333;
									letter-spacing: 15px;
								}


								&:nth-of-type(3) {
									font-size: 18px;
									line-height: 10px;
								}

								&:nth-of-type(4) {
									width: 520px;
									line-height: 10px;
								}
							}

							img {
								width: 300px;
								height: 230px;
							}
						}
					}
				}

			}

			.news-topic-wrapper {
				max-width: 800px;
				gap: 60px;
				justify-content: center;

				.news-topic-category,
				.news-topic-date {

					h3 {
						font-size: 22px;
						padding-left: 15px;
					}

					div {
						p {
							font-size: 20px;
						}

						button {
							cursor: pointer;
							transition: 0.5s;

							&:hover {
								background-color: #ffffff;
								transition: 0.5s;

							}
						}
					}
				}

				.news-content-topic {
					width: 750px;
					margin: 0 auto;
					margin-top: 30px;
					display: flex;

					border-bottom: 1px solid var(--maincolor);

					img {
						object-fit: cover;

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

					.news-more {
						top: 70px;
				        left: 660px;
						transition: 0.7s;
					}

					&:hover {
						background-color: white;

						.news-more {
					left:700px;
							transition: 0.7s;
						}

					}

					.topic-title {
						transform: translateY(0px);
						border-bottom: none;
						justify-content: space-between;
					}

				}

				div {


					span {
						opacity: 1;
					}

					&:last-child {
						transform: translateY(10px);


					}
				}

				.news-content-topic-info {
					dl {
						margin-top: 0px;
					}

					.topic-category {
						div {
							&:nth-of-type(2) {
								transform: translateY(5px);
							}

						}

					}



				}

				.topic-title {
					transform: translateY(20px);
					width: 370px;
					margin: 0 auto;
				}

				&:nth-of-type(1) {
					position: relative;

					&::before {
						position: absolute;
						content: "";
						top: 29px;
						width: 750px;
						height: 1px;
						border-top: 1px solid #12AF83;
					}
				}
			}


		}





		/*送信完了ページ */
		.sent-page {
			z-index: 1;

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

			.sent-content {
				width: 800px;
				padding-bottom: 65px;

				h2 {
					font-size: 48px;
					padding-top: 80px;
					font-weight: bold;
				}

				p {
					font-size: 18px;
				}

				span {
					font-size: 24px;
					line-height: 30px;
				}

				div {
					margin-top: -130px;

					img {
						width: 230px;
						height: 180px;
						object-fit: cover;
						transform: translateY(70px);
					}

				}
			}
		}


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

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

			&::before {
				width: 600px;
			}



			.inquery-page {

				.inquery-content {
					display: flex;

					div {
						max-width: 800px;
						margin: 0 auto;

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

							&:before {
								top: 15px;
								left: -240px;
								font-size: 256px;
								-webkit-text-stroke: 20px #333333;
							}
						}


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


			.inquery-form {
				div {
					margin-top: 40px;

					&:nth-of-type(2) {
						p {

							font-size: 18px;

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

					div {
						.top-button {
							width: 100%;
							max-width: 350px;
							margin: 0 auto;
							display: flex;
							justify-content: space-around;
							margin-top: 50px;
							position: relative;
							transition: 0.6s;

							button {
								width: 345px;
								height: 70px;
								transition: 0.6s;

								p {
									font-size: 20px;
									line-height: 65px;

								}

								div {
									width: 337px;
									height: 64px;
									transition: 0.6s;
									width: 37%;
									transform: translate(1px, 1px);


									img {
										width: 46px !important;
										height: 30px !important;
										transition: 0.6s;
									}

									&:before {
										top: -0.5px;
										left: 123.5px;
										width: 20px;
										height: 66px;
										transition: 0.6s;
									}
								}
							}

							&:hover {
								max-width: 400px;

								button {
									width: 380px;
									background-color: #ffffff;
									border: 1px solid var(--maincolor);

									div {
										width: 200px;

										&:before {
											left: 169px;
											transition: 0.6s;
											background-color: var(--maincolor);
										}

										img {
											transition: 0.6s;

										}
									}

									p {
										color: var(--maincolor);
									}

								}
							}
						}

						&:nth-of-type(2) {
							textarea {
								padding-top: 40px;
								width: 644px;
							}

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

								label {

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

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

										&:after {
											top: 25px;
										}
									}
								}
							}

						}


					}
				}
			}









		}




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

		.comfirm-wrapper {
			&::before {
				width: 600px;
			}

			.comfirm-form {

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

					label {
						dl {
							width: 650px;
							height: 80px;
							line-height: 80px;

							dd {
								line-height: 80px;
								font-size: 18px;
							}
						}

						&:nth-of-type(1),
						&:nth-of-type(2),
						&:nth-of-type(3),
						&:nth-of-type(4),
						&:nth-of-type(5) {
							&::before {
								left: -304px;
								top: 25px;
								width: 36px;
								height: 36px;
							}
						}

						&:nth-of-type(5) {
							dl {
								height: 330px;
							}
						}
					}

					.top-button,
					.top-button-back {
						width: 100%;
						max-width: 350px;
						margin: 0 auto;
						display: flex;
						justify-content: space-around;
						margin-top: 50px;
						position: relative;
						transition: 0.6s;

						button {

							width: 345px;
							height: 70px;
							transition: 0.6s;

							p {
								font-size: 20px;
								line-height: 65px;
							}

							div {
								width: 337px;
								height: 64px;
								transition: 0.6s;
								width: 37%;
								transform: translate(1px, 1px);


								img {
									width: 46px !important;
									height: 30px !important;
									transition: 0.6s;
								}

								&:before {
									top: -0.5px;
									left: 124.5px;
									width: 20px;
									height: 66px;
									transition: 0.6s;
								}
							}


						}

						&:hover {
							max-width: 400px;

							button {
								width: 380px;
								background-color: #ffffff;
								border: 1px solid var(--maincolor);

								div {
									width: 200px;

									&:before {
										left: 167px;
										transition: 0.6s;
										background-color: var(--maincolor);
									}

									img {
										transition: 0.6s;

									}
								}

								p {
									color: var(--maincolor);
								}

							}
						}
					}

					.top-button {
						&:hover {
							max-width: 400px;

							a {
								width: 380px;
								background-color: #ffffff;
								border: 1px solid var(--maincolor);

								div {
									width: 200px;

									&:before {
										left: 167px;
										transition: 0.6s;
										background-color: var(--maincolor);
									}

									img {
										transition: 0.6s;

									}
								}

								p {
									color: var(--maincolor);
								}

							}
						}
					}

					.top-button-back {
						width: 100%;
						max-width: 250px;
						margin: 0 auto;
						display: flex;
						justify-content: space-around;
						margin-top: 50px;
						position: relative;
						transition: 0.6s;

						a {
							div {
								transform: translate(-1px, 0px);

								&:before {
									top: -1px;
									left: -19.5px;
									width: 19px;
									height: 53px;
								}

								img {
									width: 38px !important;
									height: 25px !important;
									transition: 0.6s;
								}
							}
						}

						&:hover {
							a {
								width: 300px;

								div {
									width: 150px;

									&:before {
										left: -20px;

									}
								}
							}
						}
					}
				}
			}




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


						div {


							p {
								font-size: 18px;
								line-height: 29px;
								margin: 0;

								&:before {
									top: 35px;
									left: -210px;
									font-size: 256px;
									-webkit-text-stroke: 15px #333333;
								}
							}

							img {
								transform: translate(200px, px);
								width: 300px;
								height: 205px;
								margin-bottom: 0px;
								margin-right: 0;
							}
						}
					}
				}
			}








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

			.inquery-wrapper {
				.inquery-page {
					.inquery-content {
						div {
							p {
								&:nth-of-type(3) {
									&:before {
										top: 40px;
										left: -104px;
										font-size: 256px;
										font-weight: bold;
									}
								}
							}

							div {
								img {
									width: 295px;
									height: 235px;

								}
							}
						}
					}
				}
			}



		}



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

			.ceo-speech-content {

				h3 {
					margin: 65px 0px;
					font-size: 90px;
				}

				.ceo-speech-content-detail {
					display: flex;
					justify-content: space-around;
					max-width: 1080px;
					margin: 0 auto;

					div {
						&:nth-of-type(1) {
							p {
								font-size: 36px;
								margin-bottom: 10px;
							}

							h4 {
								font-weight: bold;
								-webkit-text-stroke: 0.2px #333333;
							}
						}

						&:nth-of-type(2) {

							p {
								width: 550px;
								margin: 0 auto;
								text-align: left;
								font-size: 18px;
								line-height: 28px;
							}
						}
					}
				}

			}
		}


		/*沿革 */

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

			.company-history-content {
				border: 6px solid var(--maincolor);
				width: 800px;

				div {

					max-width: 600px;
					margin-bottom: 0px;

					img {
						width: 300px;
						height: 275px;
						transform: translate(260px);
					}

					button {
						width: 235px;
						height: 80px;
						margin-top: 80px;
						transition: 0.5s;

						&::before {
							width: 195px;
							height: 55px;
							top: 11px;
							left: 18px;

						}

						p {
							font-size: 20px;
							height: auto;
							padding: 6px 0px;

							&:before {
								top: 19px;
							}

							&::after {							
								top: 26px;
							}


						}

						&:hover {
						
							background-color: var(--colorgrade5);
							color: #ffffff;
width: 280px;
							&:before {
							
								border: 1px solid white;
							}

					   

							p {

								border: 1px solid white;
								&:before {
									top: 20px;
									border-left:1px solid white;
								}
	
								&::after {							
									top: 27px;
									border-bottom:1px solid white;
								}
							}
						
					}
					
					}
				}

				ul {
					width: 560px;

					li {
						font-size: 18px;
						line-height: 50px;
						border-bottom: 1px solid var(--maincolor);

						&:before {
							width: 28px;
							height: 28px;
							left: -73px;
						}

						&:after {
							left: -60px;
							height: 25vh;
						}

						span {
							font-size: 32px;
							line-height: 50px;
							width: 150px;
							height: 50px;
						}
					}
				}
			}
		}

		/*会社情報*/
		.company-information {
			&:before {
				width: 600px;
			}

			table {
				width: 800px;

				.company-information-font2 {
					font-size: 24px;
					font-weight: bold;
					letter-spacing: 2px;
				}

				tr {
					th {
						width: 250px;
						height: 60px;
						line-height: 60px;
					}

					td {
						width: 450px;
						height: 60px;
						font-size: 18px;
						line-height: 60px;
						text-align: left;
						padding-left: 60px;
					}


				}
			}

			.company-information-content {
				display: flex;
				align-items: flex-end;
				justify-content: center;
				margin-top: 80px;
				padding-bottom: 20px;
				width: 800px;
			}

			div {
				img {
					transform: translateY(100px);
					width: 275px;
					height: 250px;
				}
			}
		}



	}

	/*プライバシーポリシー */
	.privacy-body {
		.privacy-content {
			&:before {
				width: 600px;
				transform: skewX(-18deg);
				right: 300px;
			}

			padding-top: 20px;

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

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


				h2 {
					font-size: 20px;
					font-weight: bold;
				}

				p {
					font-size: 18px;
					line-height: 24px;
					margin-bottom: 15px;

				}
			}
		}


	}
}














@media (min-width: 1500px) {

	.top-header {
		.top-let-work {
			font-size: 18px;
			width: 350px;
			height: 35px;
			line-height: 35px;
			margin-top: 54px;

			&:before {
				width: 75px;
				top: -35px;
				left: 350px;
				border-width: 70px 0 0 57px;
			}
		}
	}



	.top-joyful {
		margin-left: 0;

		div {
			p {
				font-size: 128px;
				width: 640px;

				&:nth-of-type(2) {
					margin-top: 80px;

					&:before {
						font-size: 300px;
					}
				}
			}
		}
	}

	/*ハンバーガーメニュー */
	.hamburger-menu {
		.hamburger-menu-border {
			.hamburger-menu-content {
				div {


					a {
						font-size: 28px;

						span {
							font-size: 22px;
						}
					}
				}
			}
		}

	}




	main {

		/*代表者あいさつページ */
		.company-page {
			.ceo-speech-content {
				.ceo-speech-content-detail {
					& div {
						&:nth-of-type(2) {
							p {
								font-size: 18px;
								line-height: 26px;
							}
						}
					}
				}
			}
		}


		/*会社情報*/
		.company-information {
			table {
				tr {
					td {
						font-size: 18px;
					}
				}
			}
		}


		/*お知らせページ */
		.news-wrapper {
			.news-topic-wrapper {
				.news-content-topic {
					width: 800px;

					div {
						span {
							font-size: 14px;
						}

						dt {
							font-size: 18px;

						}
					}

					.news-content-topic-info {
						.topic-title {
							width: 320px;
						}
					}
				}
			}
		}

	}
}