@charset "UTF-8";

/* CSS Document */
body {
	font-family: 'Noto Sans JP', sans-serif;
}

/*ヘッダーの編集ここから
*/
header {
	background: url("../素材/pexels.png") no-repeat right center/cover;
	height: 480px;
}

.header img {
	width: 100%;
}

.nav-logo {
	margin-right: 20px;
}

.logo-img {
	width: 50px;
	height: auto;
	vertical-align: middle;
}

nav {
	position: fixed;
	top: 0;
	width: 100%;
	height: 90px;
	background-color: #ffffff;
	z-index: 9999;
}

nav ul {
	display: flex;
	justify-content: center;
	align-items: center;
}

nav ul li {
	margin: 0 15px;
	font-size: 13px;
	letter-spacing: 0.09em;
}

nav ul li a {
	line-height: 100px;
}

nav ul li a:hover {
	text-decoration: underline solid 3px #ffb4b3;
}

/*//お問合せフォームここから
*/
form h2 {
	text-align: center;
	font-size: 24px;
	margin-bottom: 40px;
	margin-top: 220px;
}

form {
	width: 40%;
	margin: 0 auto;
}

input[type="text"],
input[type="email"],
input[type="message"],
input[type="syozoku"],
select,
textarea {
	border: 1px solid #cccccc;
	background-color: #black;
	width: 100%;
	margin-top: 5px;
	padding: 4px 8px;
}

textarea {
	height: 140px;
}

form>p {
	line-height: 1.2;
	margin-bottom: 10px;
}

.input3 {
	background-color: #121212;
	color: #ffffff;
	width: 140px;
	padding: 13px;
	margin-top: 20px;
	margin-bottom: 80px;
	margin-left: auto;
	margin-right: auto;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
}

/*お問い合わせフォームここまで
*/

/*ヘッダーの編集ここまで
*/

.text1 {
	padding-bottom: 130px;
	margin-top: 130px;
	line-height: 2.9;
	font-size: 16px;
	text-align: center;
	letter-spacing: 0.06em;
}

.spt {
	display: flex;
}

.top,
.sub {
	width: 50%;
}

.box1,
.box2 {
	height: 500px;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	background-color: #ffffff;
	border-radius: 10px;
}

.text2_oya,
.text2_ko,
.text5_oya,
.text5_ko {
	text-align: center;
	letter-spacing: 0.06em;
	font-size: 14px;
}

.text2_oya,
.text5_oya {
	padding-top: 70px;
	font-size: 17px;
	color: #ffb4b3;
	font-weight: bold;
}

.text2_ko,
.text5_ko {
	padding-top: 50px;
	line-height: 2.7;
}

.text3 {
	text-align: center;
	font-size: 12px;
	margin-top: 15px;
}

.box3,
.box4 {
	padding: 0.5em 1em;
	margin: 2em 0;
	background: #f4f1ed;
	height: 100px;
	width: 40%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-size: 19px;
	margin-top: 100px;
	border-radius: 10px;
}

.box3 p {
	margin: 35px;
}

.box4 p {
	margin: 35px;
}

.top,
.sub {
	background-color: #f4dddd;
	padding-bottom: 150px;
	padding-top: 150px;
}

.text4 {
	text-align: center;
	line-height: 2.0;
	font-size: 16px;
	margin-top: 90px;
	letter-spacing: 0.09em;
}

.text2 {
	padding-bottom: 70px;
	padding-top: 70px;
	margin-top: 100px;
	line-height: 2.3;
	font-size: 14px;
	text-align: center;
	letter-spacing: 0.04em;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	/*	border-bottom: solid 3px #C297D7;
*/
}

.input4 {
	background-color: #121212;
	color: #ffffff;
	border-radius: 30px;
	width: 170px;
	padding: 13px;
	margin-top: 20px;
	margin-bottom: 60px;
	margin-left: auto;
	margin-right: auto;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
}

.data {
	margin-left: auto;
	margin-right: auto;
}

.money {
	margin-top: 120px;
	margin-bottom: 100px;
}

.text6 {
	text-align: center;
	line-height: 4;
	margin-top: 90px;
	letter-spacing: 0.09em;
}

/*表ここから
*/
table,
td,
th {
	border: 1px solid #595959;
	border-collapse: collapse;
}

td,
th {
	padding: 4px;
	width: 140px;
	height: 30px;
	text-align: center;
}

th,
.even,
.odd {
	background: #ffffff;
}

table {
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
}

/*表ここまで
*/
/*お問合せフォーム
*/

form h2 {
	font-size: 23px;
	font-weight: bold;
}

.form {
	background-color: #f4f1ed;
	padding-bottom: 80px;
	padding-top: 10px;
}

.input3 {
	background-color: #121212;
	color: #ffffff;
	border-radius: 10px;
	width: 170px;
	padding: 13px;
	margin-top: 70px;
	margin-bottom: 150px;
	margin-left: auto;
	margin-right: auto;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
}

form h3 {
	margin-bottom: 50px;
	text-align: center;
}

/*ここまで
*/

/*表ここから*/

/* .2 {
	margin-left: auto;
	margin-right: auto;
} */


/*表ここまで
*/


/*SNSここから*/

.sns ul {
	display: flex;
	justify-content: center;
	margin-top: 50px;
}

.sns li {
	margin: 60px;
}

/*ここまで*/


/*お問い合わせフォームの編集はここから
*/
.center_txt {
	margin-top: 100px;
	margin-bottom: 100px;
}



/*メディアクエリの編集ここから*/
@media screen and (max-width:768px) {


	header img {
		widows: 100%;
	}

	footer img {
		width: 100%;
	}

    nav {
		width: 100%;
	}

	nav ul li {
		margin: 5px 5px;
		letter-spacing: 0.09em;
	}

	nav ul li a {
		line-height: 3;
		font-size: 5px;
	}
	.text1 {
		font-size: 11px;
		line-height: 5;
		padding-bottom: 60px;
		margin-top: 60px;
		letter-spacing: 0.01em;
	}

	.spt {
		display: block;
	}

	.top,
	.sub {
		width: 100%;
	}

	.box1,
	.box2 {
		width: 85%;
	}

	.text2_oya,
	.text5_oya {
		font-size: 18px;
	}

	.text2_ko {
		font-size: 10px;
		margin-left: 40px;
		margin-right: 40px;
	}

	.text5_ko {
		margin-left: 34px;
		margin-right: 34px;
		line-height: 2;
	}

	td,
	th {
		padding: 4px;
		width: 105px;
		height: 30px;
	}

	table {
		margin-top: 20px;
	}

	.text3 {
		font-size: 11px;
		margin-top: 10px;
	}

	.box1,
	.box2 {
		height: 450px;
	}

	.text4 {
		font-size: 12px;
		margin-left: auto;
		margin-right: auto;
		width: 77%;
		margin-top: 40px;
	}

	.box3,
	.box4 {
		height: 100px;
		width: 55%;
		margin-right: auto;
		margin-left: auto;
		font-size: 13px;
		margin-top: 50px;
		border-radius: 10px;
	}

	.text6 {
		width: 70%;
		margin-left: auto;
		margin-right: auto;
		line-height: 3;
		margin-top: 40px;
		font-size: 12px;
	}

	form h2 {
		font-size: 12px;
	}

	form h3 {
		font-size: 10px;
	}

	form p {
		font-size: 10px;
	}

	.form {
		padding-bottom: 30px;
		padding-top: 10px;
	}

	.input3 {
		width: 100px;
		padding: 10px;
		margin-top: 30px;
		margin-bottom: 50px;
		margin-left: auto;
		margin-right: auto;
		font-size: 10px;
		text-align: center;
		font-weight: bold;
	}

	.top,
	.sub {
		padding-bottom: 90px;
		padding-top: 90px;
	}

	.input4 {
		border-radius: 20px;
		width: 130px;
		padding: 10px;
		margin-top: 20px;
		margin-bottom: 60px;
		margin-left: auto;
		margin-right: auto;
		font-size: 10px;
		text-align: center;
		font-weight: bold;
	}

	form h3 {
		margin-bottom: 30px;
		text-align: center;
	}

	.form {
		padding-bottom: 10px;
		padding-top: 10px;

	}


	.center_txt {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	header {
		background-image: url("../素材/recruitment640.png");
		height: 300px;
	}

	.sns li {
		margin: 30px;
	}



}

/*メディアクエリの編集ここまで*/