@charset "UTF-8";

/* --- ログイン --- */
section.works_login {
	padding: 40px 30px 45px;
}
section.works_login table {
	width: 100%;
}
section.works_login table th {
	width: 7em;
	text-align: left;
	vertical-align: middle;
	font-size: 14px;
	line-height: normal;
}
section.works_login table td input {
	width: 100%;
	height: 45px;
	border: 1px solid #999;
	font-size: 16px;
}
section.works_login table td {
	padding-top: 8px;
	padding-bottom: 8px;
}
section.works_login div.btn-area {
	text-align: right;
}
section.works_login div.btn-area input {
	background: #129f30;
	color: #FFF;
	font-size: 28px;
	border: none;
	height: 53px;
	line-height: 53px;
	border-radius: 53px;
	padding: 0px 45px;
}

/* --- 受託実績一覧 --- */
section.works-top {
	padding: 40px 30px 55px;
}
section.works-top h2 {
	font-size: 26px;
	margin-bottom: 26px;
}
section.works-top p {
	font-size: 14px;
	line-height: 1.6em;
}
section.works-top img {
	width: 100%;
	height: auto
}

/* --- リスト --- */
section.works-list {
	padding: 0px 30px 55px;
}
section.works-list h2 {
	background: #95c32d;
	color: #FFF;
	font-size: 22px;
	height: 40px;
	line-height: 40px;
	padding: 0px 18px;
	border-radius: 40px;
	margin-bottom: 10px;
}
section.works-list h3 {
	font-size: 16px;
	margin-bottom: 4px;
	line-height: normal;
}
section.works-list ul {
	font-size: 14px;
	line-height: normal;
	margin-bottom: 20px;
}
section.works-list ul li {
	margin-bottom: 4px;
}
section.works-list div.box1 {
	margin-bottom: 55px;
}
section.works-list div.box1-photo dl {
	margin-bottom: 25px;
}
section.works-list div.box1-photo dl:last-child {
	margin-bottom: 0px;
}
section.works-list div.box1-photo dl dt {
	margin-bottom: 5px;
}
section.works-list div.box1-photo dl dt img {
	width: 100%;
	height: auto;
}
section.works-list div.box1-photo dl dd {
	font-size: 14px;
	line-height: normal;
	text-align: center;
}
section.works-list p.last {
	font-size: 22px;
	line-height: 1.4em;
}


/* タブレット用 */
@media(min-width:768px) {
	/* --- ログイン --- */
	section.works_login {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	padding: 42px 0px 45px;
	}
	section.works_login table {
	margin-bottom: 28px;
	}
	section.works_login table th {
	font-size: 19px;
	}
	/* --- 受託実績一覧 --- */
	section.works-top {
	padding: 45px 30px 70px;
	}
	section.works-top h2 {
	font-size: 30px;
	}
	section.works-top p {
	font-size: 19px;
	line-height: 1.6em;
	}
	/* --- リスト --- */
	section.works-list {
	padding: 0px 25px 57px;
	}
	section.works-list h2 {
	font-size: 24px;
	height: 45px;
	line-height: 45px;
	padding: 0px 24px;
	border-radius: 45px;
	margin-bottom: 21px;
	}
	section.works-list h3 {
	font-size: 20px;
	margin-bottom: 14px;
	}
	section.works-list ul {
	font-size: 17px;
	}
	section.works-list ul li {
	margin-bottom: 7px;
	}
	section.works-list div.container,
	section.works-list div.container div.box1-container {
	display: flex;
	}
	section.works-list div.container div.box1-container {
	justify-content: space-between;
	}
	section.works-list div.box1-container,
	section.works-list div.box2-container {
	padding-left: 10px;
	padding-right: 10px;
	}
	section.works-list div.box1 {
	flex: 3;
	margin-right: 20px;
	margin-bottom: 0px;
	}
	section.works-list div.box2 {
	flex: 2;
	}
	section.works-list div.box1-photo dl {
	margin-bottom: 35px;
	margin-left: 5px;
	}
	section.works-list div.box1-photo dl dt img {
	width: 200px;
	}
	section.works-list p.last {
	font-size: 25px;
	text-align: right;
	}
}

/* デスクトップ用 */
@media(min-width:1024px) {
	/* --- ログイン --- */
	section.works_login {
	padding: 45px 0px 45px;
	}
	section.works_login table {
	margin-bottom: 56px;
	}
	section.works_login table th {
	font-size: 24px;
	}
	/* --- 受託実績一覧 --- */
	section.works-top {
	padding: 50px 30px 85px;
	}
	section.works-top h2 {
	font-size: 34px;
	}
	section.works-top p {
	font-size: 24px;
	line-height: 1.6em;
	}
	section.works-top img {
	width: 850px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	}
	/* --- リスト --- */
	section.works-list {
	padding: 0px 20px 60px;
	}
	section.works-list h2 {
	font-size: 26px;
	height: 50px;
	line-height: 50px;
	padding: 0px 30px;
	border-radius: 50px;
	margin-bottom: 32px;
	}
	section.works-list h3 {
	font-size: 24px;
	margin-bottom: 24px;
	}
	section.works-list ul {
	font-size: 20px;
	}
	section.works-list ul li {
	margin-bottom: 10px;
	}
	section.works-list div.box1 {
	margin-right: 30px;
	}
	section.works-list div.box1-photo dl {
	margin-bottom: 45px;
	}
	section.works-list div.box1-photo dl dt img {
	width: 260px;
	}
	section.works-list p.last {
	font-size: 28px;
	}
}

/* モバイル用 */
@media(max-width:767px) {
}