@charset "utf-8";
/* CSS Document */


/* common
----------------------------------------*/
#toggle .bar {
    background-color: var(--pink) !important;
}
.header_other > div a {
	color: var(--pink);
}


/* 下層ページ
----------------------------------------*/
#sub {
	padding: 120px 1rem 50px 1rem;
	background-color: var(--white);
}
h2 {
	margin: 0 auto 2rem auto;
	color: var(--pink);
	font-size: 50px;
	font-weight: normal;
	line-height: 1.2;
	text-align: center;
}
.h2-small {
	display: block;
	font-size: 20px;
	letter-spacing: .1em;
}


/* 事業内容
----------------------------------------*/
.works h3 {
	margin-bottom: .5rem;
	padding-left: .5rem;
	border-left: solid 5px var(--pink);
	font-size: 1.5rem;
}
.works > h3:nth-child(n+2) {
	margin-top: 2em;
}
.works ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 2rem 0;
}
.works ul li {
	flex-basis: calc(100% / 3);
	text-align: center;
}
.works ul li:first-child img {
	width: 80%;
}
.works ul li:nth-child(2) img {
	width: 65%;
}


/* 会社概要
----------------------------------------*/
.philosophy {
	margin-bottom: 50px;
}
.company table {
	width: 100%;
	border-collapse: collapse;
}
.company table tr {
	border: solid 1px #e6e6e6;
}
.company table th {
	min-width: max-content;
	border: solid 1px #e6e6e6;
	vertical-align: middle;
	white-space: nowrap;
	background-color: #fafafa;
}
.company table th, td {
	padding: 1rem;
	text-align: left;
}


/* 採用情報
----------------------------------------*/
.recruit h3 {
	margin-bottom: .5rem;
	padding-left: .5rem;
	border-left: solid 5px var(--pink);
	font-size: 1.5rem;
}
.recruit > h3:nth-child(n+2) {
	margin-top: 2em;
}
.recruit_btn {
	position: sticky;
	top: 0;
	width: 100%;
	padding: 1rem 0;
	border-bottom: solid 1px #e6e6e6;
	text-align: right;
	background-color: rgba(255, 255, 255, .8);
}
.recruit_btn a {
	display: inline-block;
	padding: 1.2rem 4rem;
	border-radius: 5px;
	color: #fff;
	background-color: var(--pink);
}
.recruit table {
	width: 100%;
	border-collapse: collapse;
}
.recruit table tr {
	border: solid 1px #e6e6e6;
}
.recruit table th {
	min-width: max-content;
	border: solid 1px #e6e6e6;
	vertical-align: middle;
	white-space: nowrap;
	background-color: #fafafa;
}
.recruit table th, td {
	padding: 1rem;
	text-align: left;
}


/* 最新情報
----------------------------------------*/
.NewsListCont {
	margin-bottom: 5rem;
}
h4 {
	margin: 5px 0 1rem 0;
	padding-bottom: 8px;
	border-bottom: solid 3px #d99fa4;
	line-height: 1;
}
.p1 {
	font-size: 12px;	
}


/* お問合わせ
----------------------------------------*/
.form {
	margin-top: 1rem;
}
.form table {
	width: 100%;
	border-collapse: collapse;
	text-align: left;
}
.form table th,
.form table td {
	display: block;
	padding: 0;
}
.form table td {
	margin-bottom: 2rem;
}
.form table tr:last-child td {
	margin-bottom: 0;
}
.form input[type=text],
.form input[type=tel],
.form textarea {
	appearance: none;
	width: 100%;
	padding: 1rem;
	border: solid 1px #b3b3b3;
	border-radius: 5px;
	color: var(--gray);
	font-size: var(--font-size);
}
.form textarea {
	width: 100%;
	height: 250px;
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	vertical-align: bottom;
	resize: vertical;
}
.form_button_wrap {
	padding: 0 2.5rem;
}
.form label {
	display: block;
	margin-bottom: .5rem;
}
.form input[type=radio] {
	margin-right: 10px;
}
input[type=submit],
input[type=button] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none;
	cursor: pointer;
	display: block;
	position: relative;
	width: 100%;
	margin-top: 2rem;
	padding: 1rem;
	border-radius: 50vw;
	color: var(--white);
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size: var(--font-size);
	text-align: center;
	background-color: var(--pink);
}
#kinds_error,
#name_error,
#tel_error,
#mail_error,
#req_error {
	display: block;
	color: #E13134;
}
.red {
	color: #E13134;
}