@charset "utf-8";
/* PC ================================================== */
@media all and (min-width:960px){
	#top-ttl {
		padding-top: 145px;
		margin-top: -145px;
	}
	#bussiness,
	#recruitment,
	#company,
	#contact
	{
		padding-top: 115px;
		margin-top: -115px;
	}
	.main-visual {
		width: 100%;
		height: 100vh;
		position: sticky;
		top: 0;
		z-index: -1;
	}
	.main-visual-inner {
		width: 100%;
		height: 100%;
		position: relative;
	}
	.swiper-area {
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
		.main-visual-left {
			width: 50%;
			height: 100%;
		}
		.main-visual-right {
			width: 50%;
			height: 100%;
		}
			.swiper {
				width: 100%;
				height: 100%;
			}
				.swiper-slide {
					width: 100%;
					height: 100%;
				}
				.swiper-slide img {
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
	.main-center-txt {
		width: 400px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		z-index: 10;
		text-align: center;
	}
	.center-big-txt {
		display: inline-block;
		margin-bottom: 50px;
		font-size: 42px;
		font-weight: 600;
		color:#260505;
		background-color: #fff;
		line-height: 1;
		letter-spacing: 0.3em;
	}
	.center-small-txt {
		display: inline-block;
		margin-bottom: 14px;
		font-size: 24px;
		font-weight: 600;
		color:#260505;
		background-color: #fff;
		line-height: 1;
		letter-spacing: 0.06em;
	}
	.scrolldown1{
		position:absolute;
		right: 30px;
		bottom: 6%;
		height: 150px;
		}
		
		.scrolldown1 span{
		position: absolute;
		left:-12px;
		top: -135px;
		color: #fff;
		font-size: 16px;
		letter-spacing: 0.05em;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		}
		
		.scrolldown1::after{
		content: "";
		position: absolute;
		top: 0;
		width: 1px;
		height: 30px;
		background: #fff;
		animation: pathmove 1.4s ease-in-out infinite;
		opacity:0;
		}
		
		@keyframes pathmove{
		0%{
			height:0;
			top:0;
			opacity: 0;
		}
		30%{
			height:30px;
			opacity: 1;
		}
		100%{
			height:0;
			top:50px;
			opacity: 0;
		}
		
		}



	header {
		width: 100%;
		height: 130px;
		background-color: #fff;
		transition: all .3s;
	}
	.header-inner {
		width: 90%;
		height: 100%;
		max-width: 1000px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.header-logo {
		width: 90px;
	}
		.header-logo img {
			width: 100%;
		}
	.header-nav ul {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
		.header-nav li {
			margin-left: 26px;
		}
		.header-nav a {
			font-size: 16px;
			color: #260505;
			font-weight: 600;
		}
		#header.fixed{
			position: fixed;
			z-index: 999;
			top:0;
			left:0;
			border-bottom: 1px solid #ededed;
			transition: all .3s;
		}

main {
	padding-top: 115px;
	background-color: #fff;
}
/* ヘッダー固定時のpadding */
main.fixedpd {
padding-top: 245px;
}

#top-ttl {
	width: 100%;
}
	.container {
		width: 90%;
		max-width: 1000px;
		margin: 0 auto;
	}
		.top-ttl-txt {
			margin: 0 0 45px;
			text-align: left;
			position: relative;
		}
		.top-ttl-txt p {
			display: block;
			font-size: 16px;
			position: relative;
			top: -5px;
		}
		.top-ttl-txt span {
			position: absolute;
			bottom: 0;
			right: 0;
		}
		.top-ttl-image img {
			width: 100%;
		}

		.contents {
			width: 90%;
			max-width: 1000px;
			margin: 84px auto 0;
			display: flex;
			justify-content: space-between;
			align-items: flex-start;
		}
		.contents-inner {
			width: calc(100% - 80px);
			padding: 65px 0 0 84px ;
		}
		#bussiness .contents-inner {
			padding: 0 0 0 84px;
		}
			.contents-txt {
				width: 100%;
				margin: 53px 0 0;
				line-height: 1.8;
				letter-spacing: 0.06em;
			}
.bussiness-box {
	width: 100%;
	margin: 85px 0 90px;
	letter-spacing: 0.06em;
}
	.bussiness-box-ttl {
		font-size: 20px;
		font-weight: 600;
		margin-bottom: 20px;
	}
		.bussiness-box-txt {
			font-size: 16px;
			margin-bottom: 35px;
		}
			.box-images {
				width: 100%;
				display: flex;
				justify-content: space-between;
				align-items: flex-start;
			}
			.box-image {
				width: calc(33.3% - 14.5px);
			}
			.box-image img {
				width: 100%;
			}
.flow {
	padding-top: 97px;
	background-color: #EAEBE5;
}
	.flow-step-area {
		width: 100%;
		margin: 76px 0 128px;
	}
	.flow-step-box {
		width: 100%;
		margin: 58px 0;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
		.flow-step-box img {
			width: 220px;
			height: auto;
		}
		.flow-step-txt {
			font-size: 16px;
			padding-left: 40px;
			letter-spacing: 0.1em;
		}
		.back-line {
			width: 100%;
			height: 150px;
			background-image: url(../image//backline3.jpg);
			background-attachment: fixed;
			background-position: center;
			background-size: cover;
			background-repeat: no-repeat;
		}
		.recuitment-contents {
			width: 100%;
			margin: 100px 0 56px;
		}
			.recuitment-contents dl {
				font-size: 16px;
				display: flex;
				justify-content: space-between;
				align-items: flex-start;
				padding-bottom: 20px;
				margin-bottom: 20px;
				border-bottom: 1px solid #DEDEDE;
			}
			.recuitment-contents dt {
				width: 190px;
				font-weight: 600;
			}
			.recuitment-contents dd {
				width: calc(100% - 190px);
			}
			.contact-btn {
				margin: 0 0 220px;
			}
			.contact-btn a {
				width: 100%;
				height: 55px;
				background-color: #000;
				border-radius: 60px;
				display: flex;
				justify-content: center;
				align-items: center;
				color:#fff;
				font-size: 20px;
				font-weight: 600;
			}
		.profile-area {
			width: 100%;
			margin: 90px 0 0;
		}
		.name {
			font-size: 28px;
			font-weight: 600;
			display: flex;
			align-items: center;
		}
			.name span {
				font-size: 18px;
				padding-left: 26px;
			}
			.profile-contents {
				width: 100%;
				margin: 50px 0 0;
			}
			.profile-contents dl {
				font-size: 16px;
				font-weight: 600;
				display: flex;
				justify-content: space-between;
				align-items: flex-start;
				padding-bottom: 20px;
				margin-bottom: 20px;
				border-bottom: 1px solid #DEDEDE;
			}
			.profile-contents dl:first-of-type {
				padding-top: 20px;
				border-top: 1px solid #DEDEDE;
			}
			.profile-contents dt {
				width: 120px;
				font-weight: 600;
			}
			.profile-contents dd {
				width: calc(100% - 120px);
			}
			.access-map {
				width: 100%;
				height: 420px;
				margin: 20px 0 260px;
			}
.contact {
	padding-top: 97px;
	background-color: #F2F2F2;
}
.contact-inner {
	width: 90%;
	max-width: 1000px;
	margin: 84px auto 0;
	position: relative;
}
	.contact-ttl {
		font-size: 32px;
		font-weight: 600;
		margin-bottom: 32px;
	}
	.contact-form-area {
		padding-bottom: 60px;
		margin: 60px 0 0px;
	}
	.form dl {
		margin: 0 0 32px;
		display: flex;
		justify-content: flex-start;
		align-items: center
	}
		.form dt {
			width: 230px;
			font-size: 20px;
			font-weight: 600;
		}
		.form dd {
			width: calc(100% - 230px);
			font-size: 20px;
		}
			.form input {
				width: 100%;
				height: 52px;
				padding: 0 30px;
				background-color: #fff;
				border-radius: 5px;
			}
			.required::after {
				content:"※";
				padding-left: 10px;
				color: #ED1B1B;
			}
			.posting-num {
				width: 250px!important;
			}
			.auto-input {
				display: inline-block;
				padding-left: 20px;
				text-decoration: underline;
				font-weight: 600;
				/* cursor: pointer; */
			}
		.flex-dl {
			align-items: flex-start!important;
		}
		.flex-dl dt {
			padding-top: 20px;
		}
		.flex-dl input {
			margin-bottom: 35px;
		}
		.form textarea {
			width: 100%;
			height: 386px;
			padding: 30px 30px;
			background-color: #fff;
			border-radius: 5px;
		}
		::placeholder {
			color: #DEDEDE;
		}
		.confirm-btn-area {
			display: flex;
			justify-content: flex-end;
			align-items: center;
			margin: 0 0 0;
		}
		.confirm-btn {
			width: 770px!important;
			height: 55px!important;
			background-color: #000!important;
			border-radius: 60px!important;
			color:#fff!important;
			font-size: 20px!important;
			font-weight: 600!important;
			cursor: pointer!important;
			text-align: center;
		}

		/* confirm */
		.confirm {
			padding-top: 97px;
			background-color: #F2F2F2;
		}
		.confirm-inner {
			width: 80%;
			max-width: 1000px;
			margin: 0px auto 0;
		}
		#confirm .contact-form-area {
			margin: 50px 0 0;
		}
		.confirm-ttl {
			font-size: 30px;
			font-weight: 600;
		}
		.submit-btn-area {
			max-width: 80%;
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin: 150px auto 0px;
		}
		.prev-btn {
			width: 40%!important;
			height: 80px!important;
			background-color: #EAEBE5!important;
			border-radius: 60px!important;
			display: flex;
			justify-content: center;
			align-items: center;
			color:#000!important;
			font-size: 20px!important;
			font-weight: 600;
			cursor: pointer;
		}
		.submit-btn {
			width: 40%!important;
			height: 80px!important;
			background-color: #000!important;
			border-radius: 60px!important;
			color:#fff!important;
			font-size: 20px!important;
			font-weight: 600;
			cursor: pointer;
		}

	.supporter-area {
		width: 100%;
		max-width: 1000px;
		margin: 150px auto 0px;
	}
			.supporter-inner ul {
				display: flex;
				justify-content: flex-end;
				align-items: center;
			}
				.supporter-inner li {
					margin-left: 20px;
					border: 1px solid #000000;
				}
				.supporter-inner li:first-child{
					margin-left: 0;
				}
					.supporter-inner a {
						display: block;
						width: 100%;
						padding: 5px 10px;
						font-size: 14px;
						color:#000000;
						background-color: #fff;
					}

footer {
	background-color: #fff;
}
.footer-inner	{
	width: 90%;
	max-width: 1000px;
	height: 145px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 16px;
	font-weight: 600;
}
		.footer-nav	ul {
			display: flex;
			justify-content: space-between;
			align-items: center;
		}
			.footer-nav li:not(:first-of-type) {
				margin-left: 30px;
			}
				.footer-nav a {
					color: #260505;
					text-decoration: underline;
				}
	.copy-right small {
		color: #000000;
	}
}

/* Tablet ================================================== */
@media all and (min-width:560px) and (max-width:959px){
	#top-ttl {
		padding-top: 145px;
		margin-top: -145px;
	}
	#bussiness,
	#recruitment,
	#company,
	#contact
	{
		padding-top: 40px;
		margin-top: -40px;
	}
	.main-visual {
		width: 100%;
		height: 100vh;
		position: sticky;
		top: 0;
		z-index: -1;
	}
	.main-visual-inner {
		width: 100%;
		height: 100%;
		position: relative;
	}
	.swiper-area {
		width: 100%;
		height: 100%;
	}
		.main-visual-sp {
			width: 100%;
			height: 100%;
		}
			.swiper {
				width: 100%;
				height: 100%;
			}
				.swiper-slide {
					width: 100%;
					height: 100%;
				}
				.swiper-slide img {
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
	.main-center-txt {
		width: 150px;
		position: absolute;
		top: 36px;
		right: 36px;
		z-index: 10;
		-ms-writing-mode: tb-rl;
  		writing-mode: vertical-rl;
	}
	.center-big-txt {
		display: inline-block;
		font-size: 38px;
		font-weight: 600;
		color:#260505;
		background-color: #fff;
		line-height: 1;
		letter-spacing: 0.25em;
		margin-left: 30px;
	}
	.center-txt-bottom {
		height: 600px;
	}
	.center-small-txt {
		display: inline-block;
		font-size: 26px;
		font-weight: 600;
		color:#260505;
		line-height: 1;
		letter-spacing: 0.3em;
		margin-left: 10px;
		position: relative;
		z-index: 10;
	}
	.center-small-txt::after{
		content:"";
		background-color: #fff;
		width: 100%;
		height: 96%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
	}

	header {
		width: 100%;
		height: 80px;
		background-color: #fff;
		transition: all .3s;
	}
	.header-inner {
		width: 90%;
		height: 100%;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: relative;
	}
	.header-logo {
		width: 50px;
	}
		.header-logo img {
			width: 100%;
		}
	.header-nav ul {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
		.header-nav li {
			margin-left: 26px;
		}
		.header-nav a {
			font-size: 16px;
			color: #260505;
			font-weight: 600;
		}
		#header.fixed{
			position: fixed;
			z-index: 999;
			top:0;
			left:0;
			border-bottom: 1px solid #ededed;
			transition: all .3s;
		}

main {
	padding-top: 115px;
	background-color: #fff;
}
/* ヘッダー固定時のpadding */
main.fixedpd {
padding-top: 195px;
}

#top-ttl {
	width: 100%;
}
	.container {
		width: 90%;
		max-width: 1000px;
		margin: 0 auto;
	}
		.top-ttl-txt {
			margin: 0 0 45px;
			text-align: left;
		}
		.top-ttl-txt p {
			display: block;
			font-size: 16px;
			position: relative;
			top: -5px;
		}
		.top-ttl-txt span {
			position: absolute;
			bottom:0;
			right:0;
		}
		.top-ttl-image img {
			width: 100%;
		}

		.contents {
			width: 90%;
			max-width: 1000px;
			margin: 84px auto 0;
		}
		.contents-inner {
			width: 100%;
		}
			.contents-txt {
				width: 100%;
				margin: 53px 0 0;
				line-height: 1.8;
				letter-spacing: 0.06em;
				font-size: 16px;
			}
.bussiness-box {
	width: 100%;
	margin: 85px 0 90px;
	letter-spacing: 0.06em;
}
	.bussiness-box-ttl {
		font-size: 16px;
		font-weight: 600;
		margin-bottom: 20px;
	}
		.bussiness-box-txt {
			font-size: 16px;
			margin-bottom: 35px;
		}
			.box-images {
				width: 100%;
			}
			.box-images img {
				width: 100%;
				margin-bottom: 20px;
			}
.flow {
	padding-top: 1px;
	padding-bottom: 50px;
	background-color: #EAEBE5;
}
	.flow-step-area {
		width: 100%;
		margin: 76px 0 128px;
	}
	.flow-step-box {
		width: 100%;
		margin: 58px 0;
	}
		.flow-step-box img {
			width: 220px;
			height: auto;
			margin: 0 auto 22px;
		}
		.flow-step-txt {
			font-size: 16px;
			letter-spacing: 0.1em;
		}
		.back-line {
			width: 100%;
			height: 86px;
			background-image: url(../image//backline3.jpg);
			background-attachment: fixed;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		}


		.recuitment-contents {
			width: 100%;
			margin: 100px 0 56px;
		}
			.recuitment-contents dl {
				font-size: 16px;
				padding-bottom: 20px;
				margin-bottom: 20px;
				border-bottom: 1px solid #DEDEDE;
			}
			.recuitment-contents dt {
				width: 100%;
				font-weight: 600;
				margin-bottom: 30px;
			}
			.recuitment-contents dd {
				width: 100%;
			}
			.contact-btn {
				width: 100%;
				margin: 0 0 85px;
			}
			.contact-btn a {
				width: 100%;
				height: 44px;
				background-color: #000;
				border-radius: 60px;
				display: flex;
				justify-content: center;
				align-items: center;
				color:#fff;
				font-size: 18px;
				font-weight: 600;
			}
		.profile-area {
			width: 100%;
			margin: 90px 0 0;
		}
		.name {
			font-size: 29px;
			font-weight: 600;
		}
			.name span {
				display: block;
				font-size: 15px;
			}
			.profile-contents {
				width: 100%;
				margin: 20px 0 0;
			}
			.profile-contents dl {
				font-size: 14px;
				font-weight: 600;
				display: flex;
				justify-content: space-between;
				align-items: flex-start;
				padding-bottom: 20px;
				margin-bottom: 20px;
				border-bottom: 1px solid #DEDEDE;
			}
			.profile-contents dl:first-of-type {
				padding-top: 20px;
				border-top: 1px solid #DEDEDE;
			}
			.profile-contents dt {
				width: 90px;
				font-weight: 600;
			}
			.profile-contents dd {
				width: calc(100% - 90px);
				font-size: 12px;
			}
			.access-map {
				width: 100%;
				height: 240px;
				margin: 20px 0 200px;
			}
.contact {
	padding-top: 97px;
	background-color: #F2F2F2;
}
.contact-inner {
	width: 90%;
	margin: 20px auto 0;
	position: relative;
}
	.contact-ttl {
		font-size: 26px;
		font-weight: 600;
		margin-bottom: 46px;
		text-align: center;
	}
	.contact-form-area {
		padding-bottom: 137px;
		margin: 60px 0 0px;
	}
	.form dl {
		margin: 0 0 10px;
	}
		.form dt {
			width: 230px;
			font-size: 16px;
			font-weight: 600;
			margin-bottom: 10px;
		}
		.form dd {
			width: 100%;
			font-size: 16px;
		}
			.form input {
				width: 100%;
				height: 50px;
				padding: 0 10px;
				background-color: #fff;
				border-radius: 5px;
			}
			.required::after {
				content:"※";
				padding-left: 5px;
				color: #ED1B1B;
			}
			.posting-num {
				width: 80%!important;
				display: flex;
				justify-content: space-between;
				align-items: center;
			}
			.p-postal-code {

			}
			.auto-input {
				display: none;
			}
			.auto-input-sp {
				display: inline-block;
				padding-left: 30px;
				text-decoration: underline;
				font-size: 14px;
				font-weight: 600;
				white-space:nowrap;
			}
		.flex-dl {
			align-items: flex-start!important;
		}
		.flex-dl dt {
			padding-top: 20px;
		}
		.flex-dl input {
			margin-bottom: 35px;
		}
		.form textarea {
			width: 100%;
			height: 300px;
			padding: 30px 30px;
			background-color: #fff;
			border-radius: 5px;
		}
		::placeholder {
			color: #DEDEDE;
		}
		.confirm-btn-area {
			display: flex;
			justify-content: flex-end;
			align-items: center;
			margin: 74px 0 0;
		}
		.confirm-btn {
			width: 100%!important;
			height: 44px!important;
			background-color: #000!important;
			border-radius: 60px!important;
			color:#fff!important;
			font-size: 18px!important;
			font-weight: 600!important;
			cursor: pointer;
			text-align:center;
		}

		/* confirm */
		.confirm {
			padding-top: 97px;
			background-color: #F2F2F2;
		}
		.confirm-inner {
			width: 80%;
			max-width: 1000px;
			margin: 0px auto 0;
		}
		#confirm .contact-form-area {
			margin: 50px 0 0;
		}
		.confirm-ttl {
			font-size: 30px;
			font-weight: 600;
		}
		.submit-btn-area {
			max-width: 80%;
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin: 150px auto 0px;
		}
		.prev-btn {
			width: 40%!important;
			height: 80px!important;
			background-color: #EAEBE5!important;
			border-radius: 60px!important;
			display: flex;
			justify-content: center;
			align-items: center;
			color:#000!important;
			font-size: 20px!important;
			font-weight: 600!important;
			cursor: pointer;
		}
		.submit-btn {
			width: 40%!important;
			height: 80px!important;
			background-color: #000!important;
			border-radius: 60px!important;
			color:#fff;
			font-size: 20px!important;
			font-weight: 600!important;
			cursor: pointer;
		}
		.supporter-area {
			width: 100%;
			margin-top: 50px;
			margin-left: auto;
		}
				.supporter-inner ul {
					display: flex;
					justify-content: flex-end;
					align-items: center;
				}
					.supporter-inner li {
						margin-left: 30px;
						border: 1px solid #000000;
					}
						.supporter-inner a {
							display: block;
							width: 100%;
							padding: 5px 10px;
							font-size: 14px;
							color:#000000;
							background-color: #fff;
						}

footer {
	background-color: #fff;
}
.footer-inner	{
	width: 60%;
	height: 145px;
	padding: 40px 0 0;
	margin: 0 auto;
	font-size: 12px;
	font-weight: 600;
}
	.footer-nav	{
		margin-bottom: 30px;
	}
		.footer-nav	ul {
			display: flex;
			justify-content: center;
			align-items: center;
		}
			.footer-nav li:not(:first-of-type) {
				margin-left: 30px;
			}
				.footer-nav a {
					color: #260505;
					text-decoration: underline;
				}
	.copy-right {
		text-align: center;
	}
	.copy-right small {
		color: #000000;
	}
}

/* SP ================================================== */
@media all and (max-width:559px){
	#top-ttl {
		padding-top: 145px;
		margin-top: -145px;
	}
	#bussiness,
	#recruitment,
	#company,
	#contact
	{
		padding-top: 40px;
		margin-top: -40px;
	}
	.main-visual {
		width: 100%;
		height: 100vh;
		position: sticky;
		top: 0;
		z-index: -1;
	}
	.main-visual-inner {
		width: 100%;
		height: 100%;
		position: relative;
	}
	.swiper-area {
		width: 100%;
		height: 100%;
	}
		.main-visual-sp {
			width: 100%;
			height: 100%;
		}
			.swiper {
				width: 100%;
				height: 100%;
			}
				.swiper-slide {
					width: 100%;
					height: 100%;
				}
				.swiper-slide img {
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
	.main-center-txt {
		width: 150px;
		position: absolute;
		top: 36px;
		right: 36px;
		z-index: 10;
		-ms-writing-mode: tb-rl;
  		writing-mode: vertical-rl;
	}
	.center-big-txt {
		display: inline-block;
		font-size: 28px;
		font-weight: 600;
		color:#260505;
		background-color: #fff;
		line-height: 1;
		letter-spacing: 0.25em;
		margin-left: 30px;
	}
	.center-txt-bottom {
		height: 400px;
	}
	.center-small-txt {
		display: inline-block;
		font-size: 20px;
		font-weight: 600;
		color:#260505;
		line-height: 1;
		letter-spacing: 0.3em;
		margin-left: 10px;
		position: relative;
		z-index: 10;
	}
	.center-small-txt::after{
		content:"";
		background-color: #fff;
		width: 100%;
		height: 96%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
	}

	header {
		width: 100%;
		height: 80px;
		background-color: #fff;
		transition: all .3s;
	}
	.header-inner {
		width: 90%;
		height: 100%;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: relative;
	}
	.header-logo {
		width: 50px;
	}
		.header-logo img {
			width: 100%;
		}
	.header-nav ul {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
		.header-nav li {
			margin-left: 26px;
		}
		.header-nav a {
			font-size: 16px;
			color: #260505;
			font-weight: 600;
		}
		#header.fixed{
			position: fixed;
			z-index: 999;
			top:0;
			left:0;
			border-bottom: 1px solid #ededed;
			transition: all .3s;
		}

main {
	padding-top: 115px;
	background-color: #fff;
}
/* ヘッダー固定時のpadding */
main.fixedpd {
padding-top: 195px;
}

#top-ttl {
	width: 100%;
}
	.container {
		width: 90%;
		max-width: 1000px;
		margin: 0 auto;
	}
		.top-ttl-txt {
			margin: 0 0 45px;
			text-align: left;
		}
		.top-ttl-txt p {
			display: inline-block;
			font-size: 16px;
			position: relative;
			top: 15px;
		}
		.top-ttl-txt span {
			position: absolute;
			bottom: 0;
			right: 0;
		}
		.top-ttl-image img {
			width: 100%;
		}

		.contents {
			width: 90%;
			max-width: 1000px;
			margin: 84px auto 0;
		}
		.contents-inner {
			width: 100%;
		}
			.contents-txt {
				width: 100%;
				margin: 32px 0 0;
				line-height: 1.8;
				letter-spacing: 0.075em;
				font-size: 14px;
			}
.bussiness-box {
	width: 100%;
	margin: 55px 0 90px;
	letter-spacing: 0.06em;
}
	.bussiness-box-ttl {
		font-size: 16px;
		font-weight: 600;
		margin-bottom: 12px;
	}
		.bussiness-box-txt {
			font-size: 14px;
			margin-bottom: 24px;
		}
			.box-images {
				width: 100%;
			}
			.box-images img {
				width: 100%;
				margin-bottom: 4px;
			}
.flow {
	padding-top: 1px;
	padding-bottom: 50px;
	background-color: #EAEBE5;
}
	.flow-step-area {
		width: 100%;
		margin: 42px 0 128px;
	}
	.flow-step-box {
		width: 100%;
		margin: 10px 0;
	}
		.flow-step-box img {
			width: 220px;
			height: auto;
			margin: 0 auto 22px;
		}
		.flow-step-txt {
			font-size: 14px;
			letter-spacing: 0.075em;
		}
		.back-line {
			width: 100%;
			height: 46px;
			background-image: url(../image//backline3.jpg);
			background-attachment: fixed;
			background-position: center;
			background-size: cover;
			background-repeat: no-repeat;
		}


		.recuitment-contents {
			width: 100%;
			margin: 50px 0 20px;
		}
			.recuitment-contents dl {
				font-size: 16px;
				padding-bottom: 14px;
				margin-bottom: 14px;
				border-bottom: 1px solid #DEDEDE;
			}
			.recuitment-contents dt {
				width: 100%;
				font-weight: 600;
				margin-bottom: 6px;
			}
			.recuitment-contents dd {
				width: 100%;
				font-size: 14px;
				line-height: 1.4;
				letter-spacing: 0.075em;
			}
			.contact-btn {
				width: 100%;
				margin: 0 0 85px;
			}
			.contact-btn a {
				width: 100%;
				height: 44px;
				background-color: #000;
				border-radius: 60px;
				display: flex;
				justify-content: center;
				align-items: center;
				color:#fff;
				font-size: 14px;
				font-weight: 600;
			}
		.profile-area {
			width: 100%;
			margin: 50px 0 0;
		}
		.name {
			font-size: 29px;
			font-weight: 600;
		}
			.name span {
				display: block;
				font-size: 15px;
			}
			.profile-contents {
				width: 100%;
				margin: 20px 0 0;
			}
			.profile-contents dl {
				font-size: 14px;
				font-weight: 600;
				display: flex;
				justify-content: space-between;
				align-items: flex-start;
				padding-bottom: 12px;
				margin-bottom: 12px;
				border-bottom: 1px solid #DEDEDE;
			}
			.profile-contents dl:first-of-type {
				padding-top: 20px;
				border-top: 1px solid #DEDEDE;
			}
			.profile-contents dt {
				width: 90px;
				font-weight: 600;
			}
			.profile-contents dd {
				width: calc(100% - 90px);
				font-size: 12px;
				font-weight: normal
			}
			.access-map {
				width: 100%;
				height: 240px;
				margin: 20px 0 100px;
			}
.contact {
	padding-top: 97px;
	background-color: #F2F2F2;
}
.contact-inner {
	width: 90%;
	margin: 20px auto 0;
	position: relative;
}
	.contact-ttl {
		font-size: 24px;
		font-weight: 600;
		margin-bottom: 28px;
		text-align: center;
		line-height: 1.4em;
	}
	.contact-txt{
		font-size: 14px;
		line-height: 1.4em;
		letter-spacing: 0.075em;
	}
	.contact-form-area {
		padding-bottom: 140px;
		margin: 60px 0 0px;
	}
	.form dl {
		margin: 0 0 10px;
	}
		.form dt {
			width: 230px;
			font-size: 16px;
			font-weight: 600;
			margin-bottom: 10px;
		}
		.form dd {
			width: 100%;
			font-size: 16px;
		}
			.form input {
				width: 100%;
				height: 44px;
				padding: 0 10px;
				background-color: #fff;
				border-radius: 5px;
			}
			.required::after {
				content:"※";
				padding-left: 5px;
				color: #ED1B1B;
			}
			.posting-num {
				width: 80%!important;
				display: flex;
				justify-content: space-between;
				align-items: center;
			}
			.p-postal-code {

			}
			.auto-input {
				display: none;
			}
			.auto-input-sp {
				display: inline-block;
				padding-left: 30px;
				text-decoration: underline;
				font-size: 14px;
				font-weight: 600;
				white-space:nowrap;
			}
		.flex-dl {
			align-items: flex-start!important;
		}
		.flex-dl dt {
			padding-top: 20px;
		}
		.flex-dl input {
			margin-bottom: 20px;
		}
		.form textarea {
			width: 100%;
			height: 300px;
			padding: 30px 30px;
			background-color: #fff;
			border-radius: 5px;
		}
		::placeholder {
			color: #DEDEDE;
		}
		.confirm-btn-area {
			display: flex;
			justify-content: flex-end;
			align-items: center;
			margin: 0 0 0;
		}
		.confirm-btn {
			width: 100%!important;
			height: 44px!important;
			background-color: #000!important;
			border-radius: 60px!important;
			color:#fff!important;
			font-size: 18px!important;
			font-weight: 600!important;
			cursor: pointer;
			text-align:center;
		}

		/* confirm */
		.confirm {
			padding-top: 97px;
			background-color: #F2F2F2;
		}
		.confirm-inner {
			width: 80%;
			max-width: 1000px;
			margin: 0px auto 0;
		}
		#confirm .contact-form-area {
			margin: 50px 0 0;
		}
		.confirm-ttl {
			font-size: 30px;
			font-weight: 600;
		}
		.submit-btn-area {
			max-width: 80%;
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin: 150px auto 0px;
		}
		.prev-btn {
			width: 40%!important;
			height: 80px!important;
			background-color: #EAEBE5!important;
			border-radius: 60px!important;
			display: flex!important;
			justify-content: center!important;
			align-items: center!important;
			color:#000!important;
			font-size: 20px!important;
			font-weight: 600!important;
			cursor: pointer;
		}
		.submit-btn {
			width: 40%!important;
			height: 80px!important;
			background-color: #000!important;
			border-radius: 60px!important;
			color:#fff!important;
			font-size: 20px!important;
			font-weight: 600!important;
			cursor: pointer;
		}

		.supporter-area {
			width: 100%;
			margin-top: 50px;
		}
				.supporter-inner ul {
					display: flex;
					justify-content: center;
					align-items: center;
				}
					.supporter-inner li {
						margin-left: 20px;
						border: 1px solid #000000;
					}
					.supporter-inner li:first-child {
						margin-left: 0;
					}
						.supporter-inner a {
							display: block;
							width: 100%;
							padding: 5px 7px;
							font-size: 11px;
							color:#000000;
							background-color: #fff;
						}

footer {
	background-color: #fff;
}
.footer-inner	{
	width: 60%;
	height: 145px;
	padding: 40px 0 0;
	margin: 0 auto;
	font-size: 12px;
	font-weight: 600;
}
	.footer-nav	{
		margin-bottom: 30px;
	}
		.footer-nav	ul {
			display: flex;
			justify-content: center;
			align-items: center;
		}
			.footer-nav li:not(:first-of-type) {
				margin-left: 30px;
			}
				.footer-nav a {
					color: #260505;
					text-decoration: underline;
				}
	.copy-right {
		
	}
	.copy-right small {
		color: #000000;
	}
}