@charset "UTF-8";


/* 会社概要 */
.company_menu {
	
	}
	.company_menu .container h2 {
		text-align: center;
		}
	.company_menu .container p {
		max-width: 768px;
		margin: 35px auto;
		text-align: center;
		}

	.company_menu .container dl {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		max-width: 768px;
		margin: 35px auto 10px;
		font-size: 15px;
		line-height: 1.6;
		border-top: 1px solid #999;
		}
		.company_menu .container dl dt {
			width: 150px;
			padding: 10px;
			border-bottom: 1px solid #999;
			font-weight: 300;
			}
		.company_menu .container dl dt.center {
			display: flex;
			align-items: center;
			}
		.company_menu .container dl dd {
			width: calc(100% - 150px);
			padding: 10px;
			border-bottom: 1px solid #999;
			font-weight: 300;
			}

.one_image {
	max-width: 768px;
		margin: 0 auto;
	}


/* プラバシー・ポリシー */
#privacy h3 {
	margin: 0 0 10px;
	font-size: 21px;
	font-weight: 400;
	}
#privacy p {
	margin: 0 0 30px;
	line-height: 1.6;
	}
#privacy ul {
	margin: 0 0 30px 30px;
	line-height: 1.6;
	}
	#privacy ul li {
		list-style-type: disc;
		}

#privacy .tab-content .acd_box {
	margin: 0 20px 30px;
	background-color: rgb(236,236,235);
	}
	#privacy .tab-content .acd_box h3 {
		margin: 0;
		font-size: 17px;
		}
	#privacy .tab-content .acd {
		padding: 16px 20px 0;
		}
	#privacy .tab-content .acd p {
		margin: 0;
		padding: 0 0 20px;
		}
	#privacy .tab-content .acd ul {
		margin: 0 0 20px 30px;
		}

#privacy .tab-content a {
	text-decoration: underline;
	}


/* 採用情報 */
	#recruit .container h2 {
		text-align: center;
		}
	#recruit .container h3 {
		padding: 10px;
		font-size: 21px;
		font-weight: 400;
		}
	#recruit .container p {
		width: 100%;
		margin: 35px auto;
		text-align: center;
		}

	#recruit .container dl {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		width: 100%;
		margin: 0 auto 35px;
		font-size: 15px;
		line-height: 1.6;
		border-top: 1px solid rgb(84,88,90);
		}
		#recruit .container dl dt {
			width: 150px;
			padding: 10px;
			border-bottom: 1px solid rgb(84,88,90);
			font-weight: 300;
			}
		#recruit .container dl dt.center {
			display: flex;
			align-items: center;
			}
		#recruit .container dl dd {
			width: calc(100% - 150px);
			padding: 10px;
			border-bottom: 1px solid rgb(84,88,90);
			font-weight: 300;
			}


#recruit_form {
	background-color: rgb(236,236,235);
	}
	#recruit_form .container h2 {
		text-align: center;
		}
	#recruit_form .container h3 {
		padding: 10px;
		font-size: 21px;
		font-weight: 400;
		}
	#recruit_form .container p {
		width: 100%;
		margin: 35px auto;
		text-align: center;
		line-height: 1.6;
		}


	#recruit_form .container dl {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		width: 90%;
		max-width: 768px;
		margin: 0 auto 35px;
		font-size: 15px;
		line-height: 1.6;
		/*border-top: 1px solid rgb(84,88,90);*/
		}
		#recruit_form .container dl dt {
			width: 200px;
			padding: 15px;
			/*border-bottom: 1px solid rgb(84,88,90);*/
			font-weight: 300;
			}
		#recruit_form .container dl dt.center {
			display: flex;
			align-items: center;
			}
		#recruit_form .container dl dd {
			width: calc(100% - 200px);
			padding: 10px;
			/*border-bottom: 1px solid rgb(84,88,90);*/
			font-weight: 300;
			}
			#recruit_form .container dl dd div {
				display: inline-block;
				width: 49%;
				}
			#recruit_form .container dl dd .name_title {
				display: inline-block;
				width: 35px;
				text-align: right;
				}
				#recruit_form .container dl dd div input {
					width: calc(100% - 100px);
					}

@media screen and (max-width:768px) {
			#recruit_form .container dl dd div {
				display: inline-block;
				width: 100%;
				}
			#recruit_form .container dl dd div:first-of-type .name_title {
				margin-bottom: 10px;
				}
				#recruit_form .container dl dd div:first-of-type input {
					margin-bottom: 10px;
					}
}

@media screen and (max-width:600px) {
		#recruit_form .container dl dt {
			width: 100%;
			padding: 15px 15px 0 15px;
			}
		#recruit_form .container dl dd {
			width: 100%;
			padding: 0 10px 10px 10px;
			}
}

		#recruit_form input[type="text"],
		#recruit_form input[type="email"],
		#recruit_form input[type="number"],
		#recruit_form select,
		#recruit_form textarea {
			width: 100%;
			padding: 5px;
			border: 1px solid rgb(84,88,90);
			}
		.mwform-tel-field input[type="text"],
		.mwform-zip-field input[type="text"] {
			width: auto !important;
		}
		input[type="text"]#form_birthday {
			width: 50%;
		}
		
		#recruit_form input[type="text"]:focus,
		#recruit_form input[type="email"]:focus,
		#recruit_form input[type="number"]:focus,
		#recruit_form select:focus,
		#recruit_form textarea:focus {
			background-color: #fff;
			}
		#recruit_form #form_address,
		#recruit_form #form_mail,
		#recruit_form #form_text1,
		#recruit_form #form_text2,
		#recruit_form #form_text3,
		#recruit_form #form_time {
			width: 100%;
			}
		#recruit_form input[type="number"] {
			width: 100px !important;
			}
		#recruit_form #form_address {
			margin: 10px 0 0;
		}
		#recruit_form .mwform-radio-field {
			display: inline-block;
			padding: 5px;
			}
		#recruit_form #submit {
			text-align: center;
			}
		#recruit_form input[type="submit"] {
			display: inline-block;
			min-width: 150px;
			margin: 0;
			padding: .625rem 1rem;
			font-size: 15px;
			line-height: 1.5;
			text-align: center;
			border: 1px solid #54585b;
			background-color: #54585b;
			color: #fff;
			}
		#concert_form input[type="submit"]:hover {
			background-color: #fff;
			color: #54585b;
			}

.contact {
	line-height: 1.6;
	}
		.contact .container h2 {
			margin: 0 0 10px;
			text-align: center;
			}
		.contact .container p {
			text-align: center;
			}
	.contact_box {
		width: 100%;
		max-width: 768px;
		margin: 30px auto 0;
		padding: 15px 35px;
		background-color:  rgb(236,236,235);
		}
		.contact_box dl {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			align-items: center;
			padding: 0 0 15px;
			border-bottom: 1px solid rgb(84,88,90);
			}
		.contact_box dl:last-child {
			border-bottom: none;
			}
			.contact_box dl dt {
				padding: 15px 0 0;
				}
			.contact_box dl dd {
				padding: 5px 0 0;
				}
			.contact_box dl dd a {
				min-width: 140px;
				margin: 10px 0 0;
				}
	.contact .phone_num {
		font-size: 28px;
		line-height: 30px;
		}
@media screen and (max-width:767px) {
	.contact_box {
		padding: 15px 20px;
		}
}


.mailmagazine {
	
	}
	.mailmagazine .container {
		text-align: center;
		}
		.mailmagazine .container h2 {
			text-align: center;
			}
		.mailmagazine .container p {
			max-width: 768px;
			margin: 0 auto;
			text-align: center;
			line-height: 1.6;
			}
			.mailmagazine .container p a {
				text-decoration: underline;
				font-weight: 300;
				}
			.mailmagazine .container p a:hover {
				font-weight: 400;
				}
		.mailmagazine .container a.btn {
			margin: 30px 10px 0;
			}


/* クリスマスケーキ */
.xmas article strong {
	display: inline-block;
	font-size: 21px;
	padding: 10px 0 5px;
	}

.xmdate,
.xmtime {
	width: 40% !important;	
	}
.xmitems div {
	display: flex !important;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 100% !important;
	margin-bottom: 10px;
	}
	.xmitems span {
		display: block;
		width: calc(100% - 170px);
		}
	.xmitem {
		width: 100px !important;	
		}




/* コンサート */
#concert_form {
	background-color: rgb(236,236,235);
	}
	#concert_form .container h2 {
		text-align: center;
		}
	#concert_form .container h3 {
		padding: 10px;
		font-size: 21px;
		font-weight: 400;
		}
	#concert_form .container p {
		width: 100%;
		margin: 35px auto;
		text-align: center;
		line-height: 1.6;
		}


	#concert_form .container dl {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		width: 90%;
		max-width: 768px;
		margin: 0 auto 35px;
		font-size: 15px;
		line-height: 1.6;
		/*border-top: 1px solid rgb(84,88,90);*/
		}
		#concert_form .container dl dt {
			width: 200px;
			padding: 15px;
			/*border-bottom: 1px solid rgb(84,88,90);*/
			font-weight: 300;
			}
		#concert_form .container dl dt.center {
			display: flex;
			align-items: center;
			}
		#concert_form .container dl dd {
			width: calc(100% - 200px);
			padding: 10px;
			/*border-bottom: 1px solid rgb(84,88,90);*/
			font-weight: 300;
			}
			#concert_form .container dl dd div {
				display: inline-block;
				width: 49%;
				}
			#concert_form .container dl dd .name_title {
				display: inline-block;
				width: 35px;
				text-align: right;
				}
				#concert_form .container dl dd div input {
					width: calc(100% - 100px);
					}

@media screen and (max-width:768px) {
			#concert_form .container dl dd div {
				display: inline-block;
				width: 100%;
				}
			#concert_form .container dl dd div:first-of-type .name_title {
				margin-bottom: 10px;
				}
				#concert_form .container dl dd div:first-of-type input {
					margin-bottom: 10px;
					}
}

@media screen and (max-width:600px) {
		#concert_form .container dl dt {
			width: 100%;
			padding: 15px 15px 0 15px;
			}
		#concert_form .container dl dd {
			width: 100%;
			padding: 0 10px 10px 10px;
			}
}

		#concert_form input[type="text"],
		#concert_form input[type="email"],
		#concert_form input[type="number"],
		#concert_form select,
		#concert_form textarea {
			width: 100%;
			padding: 5px;
			border: 1px solid rgb(84,88,90);
			}
		.mwform-tel-field input[type="text"],
		.mwform-zip-field input[type="text"] {
			width: auto !important;
		}
		input[type="text"]#form_birthday {
			width: 50%;
		}
		
		#concert_form input[type="text"]:focus,
		#concert_form input[type="email"]:focus,
		#concert_form input[type="number"]:focus,
		#concert_form select:focus,
		#concert_form textarea:focus {
			background-color: #fff;
			}
		#concert_form #form_address,
		#concert_form #form_mail,
		#concert_form #form_text1,
		#concert_form #form_text2,
		#concert_form #form_text3,
		#concert_form #form_time {
			width: 100%;
			}
		#concert_form input[type="number"] {
			width: 100px !important;
			}
		#concert_form #form_address {
			margin: 10px 0 0;
		}
		#concert_form .mwform-radio-field {
			display: inline-block;
			padding: 5px;
			}
		#concert_form #submit {
			text-align: center;
			}
		#concert_form input[type="submit"] {
			display: inline-block;
			min-width: 150px;
			margin: 0;
			padding: .625rem 1rem;
			font-size: 15px;
			line-height: 1.5;
			text-align: center;
			border: 1px solid #54585b;
			background-color: #54585b;
			color: #fff;
			}
		#concert_form input[type="submit"]:hover {
			background-color: #fff;
			color: #54585b;
			}




/* 謝恩会 */
.syaonkai_plan {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	border: 1px solid #54585b;
	margin: 0 0 60px;
	padding: 30px 0;
	}
	.syaonkai_plan li {
		width: 25%;
		padding: 10px 30px;
		border-left: 1px dashed #54585b;
		line-height: 1.5;
		}
	.syaonkai_plan li:first-child {
		border-left: none;
		}
		.syaonkai_plan li strong {
			display: inline-block;
			margin-bottom: 10px;
			}
@media screen and (max-width:768px) {
.syaonkai_plan {
	padding: 0 30px;
	}
	.syaonkai_plan li {
		width: 100%;
		padding: 30px 0px;
		border-left: none;
		border-top: 1px dashed #54585b;
		line-height: 1.5;
		}
	.syaonkai_plan li:first-child {
		border-top: none;
		}
}

.input2 {
	width: 40% !important;
	}
.input3 {
	width: 25% !important;
	}
.input100p {
	width: 100px !important;
	}
.input140p {
	width: 140px !important;
	}