@charset "utf-8";
body {
	background: #9c918d;
}
.pc {
	display: block;
}
.sp {
	display: none;
}

header {
	display: flex;
	justify-content: space-between;
	padding: 20px 4%;
	border-bottom: 5.3px solid #d3b380;
	margin: 0;
}
header h1 {
	display: flex;
	align-items: center;
	position: relative;
}
header .mainLogoPic {
	width: 76px;
	position: absolute;
	left: -86px;
}
header #mainLogo {
	display: flex;
	flex-direction: column;
	margin: 0;
}
header #mainLogo:hover {
	opacity: 1;
}
header #mainLogo p {
	color: #fff;
	font-size: 18px;
	line-height: 1.2;
	font-family: 'Yu Gothic Medium', '游ゴシック Medium';
	font-weight: normal;
}
header #mainLogo p:first-child {
	font-size: 36px;
	text-shadow: 1px 2px 1px #c8c8c8;
}
header #mainLogo p:last-child {
	margin-top: 6px;
}

header nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 640px;
}
header nav a {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	letter-spacing: 2px;
	box-sizing: border-box;
	padding: 2px 0;
}
header nav a:nth-child(1) {
	letter-spacing: 3px;
}
header nav a:nth-child(3) {
	letter-spacing: -1px;
}
header nav a:nth-child(4) {
	letter-spacing: 4px;
}
header nav a:nth-child(6) {
	letter-spacing: -0.7px;
}

header nav a:hover {
	border-bottom: 1.5px solid #212121;
	opacity: 1;
}
header nav a.now {
	color: #000;
	border-bottom: 1.5px solid #212121;
}

main {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	background: #fff;
	padding: 0 0 50px;
}

footer {
	padding: 50px 0;
	margin: 0;
	border-top: 5.3px solid #d3b380;
	position: relative;
}
footer p {
	color: #1f1f1f;
	text-align: center;
	line-height: 1.5;
}
footer p em {
	line-height: 1.7;
	color: #1f1f1f;
}
a.tel,
a.email {
	color: #292929;
	text-decoration: none;
}
footer a.facebookIcon {
	display: block;
	width: 47px;
	position: absolute;
	bottom: 52px;
	left: 50px;
}
footer a.houzzIcon {
	width: 50px;
	position: absolute;
	bottom: 50px;
	left: 120px;
}
footer .toTop {
	position: absolute;
	width: 60px;
	height: 60px;
	border: 1px solid #4f4f4f;
	border-radius: 10px;
	right: 50px;
	bottom: 50px;
}
footer .toTop:hover {
	cursor: pointer;
}
footer .toTop p {
	margin: 0;
	text-align: center;
	padding: 40px 0 0;
	position: relative;
}
footer .toTop p span {
	font-size: 13px;
	color: #f0f0f0;
	display: none;
}
footer .toTop p:after {
	content: '';
	width: 18px;
	height: 18px;
	border-left: 1px solid #4f4f4f;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	left: calc(62% - 10px);
	top: 14px;
}
footer .toTop p:before {
	content: '';
	width: 1px;
	height: 32px;
	border-left: 1px solid #4f4f4f;
	position: absolute;
	left: calc(62% - 1px);
	top: 10px;
}

/*トップページ*/
#top main h2 {
	color: #656565;
}
#top main .mainImg {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto 30px;
}
#top main .mainImg img {
	vertical-align: top;
}

.newsWorksWrap {
	display: flex;
	padding: 0 0 8px;
}
.infoWrap {
	width: 50%;
	padding: 1.2em;
	position: relative;
}
.infoWrap a.more {
	font-size: 11.5px !important;
	position: absolute;
	bottom: -2px;
	right: 30px;
	padding: 0 20px 0 0 !important;
	border-bottom: 1px solid #333;
	color: #333 !important;
}
.infoWrap a.more:after {
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	bottom: -5px;
	right: 2px;
	border-right: 1.2px solid #333;
	transform: rotate(-45deg);
}

#top main h2 {
	margin: 0;
}
#top main .newInfo {
	border-bottom: 2px solid #9d918d;
	margin: 0 0 50px;
	padding: 0 0 4px;
}
#top main .newInfo a {
	display: block;
	color: #282828;
	font-size: 16px;
	line-height: 1.7;
	padding: 0.4em;
}
#top main .newInfo h3 {
	border-bottom: 1px dotted #ccc;
	font-size: 17px;
	line-height: 1.7;
	margin: 0 0 4px;
	color: #1c1c1c;
	font-weight: 400;
	font-family: 'Yu Gothic Medium', '游ゴシック Medium';
}

#top main .newInfo a span {
	display: inline-block;
	margin: 0 1em 0 0;
}
#top main .newInfo a span.tag {
	background: #cccc99;
	color: #fff;
	padding: 2px 16px 1.4px;
	border-radius: 8px;
	margin: 0 0.4rem 0 0;
}
#top main .newInfo .newWorks a span.works_tag {
	background: #c4b6b1;
}

#top main .mainMsg p {
	color: #1f1f1f;
	font-size: 18px;
	line-height: 1.7;
	padding: 0 10%;
	margin: 0 0 1.5em;
}
#top main .mainMsg p span {
	font-size: 18px;
}

/*プロフィール*/
main h2 {
	color: #9c918d;
	font-size: 20px;
	line-height: 1.2;
	font-family: 'Yu Gothic Medium', '游ゴシック Medium';
	margin: 0 auto 40px;
	border-bottom: 2px solid #9d918d;
	padding: 4px 0;
	font-weight: normal;
}
main .profCnt {
	padding: 0 5%;
	margin: 0 0 80px;
}
main .profTop .profImgWrap {
	display: flex;
	justify-content: space-around;
	margin: 0 0 40px;
}
main .profTop .profImgWrap a {
	display: block;
	width: 220px;
}
main .profTop .profImgWrap p {
	font-size: 20px;
	margin: 0 0 10px;
	font-family: 'Yu Gothic Medium', '游ゴシック Medium';
	color: #212121;
}
main .profTop .profImgWrap ul li {
	font-size: 15px;
	line-height: 1.7;
	font-family: 'Yu Gothic Medium', '游ゴシック Medium';
	color: #212121;
}
main .profTop a.to {
	float: right;
}
main .profCnt p {
	font-size: 16px;
	line-height: 1.7;
	font-family: 'Yu Gothic Medium', '游ゴシック Medium';
	color: #292929;
}
main .profCnt h3 {
	font-size: 20px;
	line-height: 1.4;
	font-family: 'Yu Gothic Medium', '游ゴシック Medium';
	background: #cccc99;
	padding: 8px 0.8em;
	margin: 0 0 50px;
	color: #1f1f1f;
	font-weight: normal;
}
main .profCnt h4 {
	font-size: 16px;
	line-height: 1.4;
	font-family: 'Yu Gothic Medium', '游ゴシック Medium';
	margin: 28px 0 6px;
	color: #212121;
}
main .profCnt h4 span {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 2px 4px;
	background: #282e9c;
}
main .profCnt .cntWrap {
	padding: 0 4px;
}

body#mizunokage,
body#sketch {
	background: #ccc;
}
#mizunokage .mizuImg {
	width: 384px;
}
#mizunokage .mizuWrap {
	width: 384px;
	margin: 0 auto;
	padding: 40px 0 0;
}
#mizunokage .mizuWrap p {
	text-align: center;
	font-size: 16px;
	font-family: 'Yu Gothic Medium', '游ゴシック Medium';
	color: #00002e;
	margin: 0 0 40px;
}
#mizunokage .mizuWrap p:nth-child(2) {
	font-size: 19px;
}
#mizunokage .mizuWrap p.yu-ming {
	font-size: 13px;
	line-height: 1.8;
	text-align: left;
	color: #626262;
	margin: 70px 0;
}

a.back {
	color: #333;
	border-bottom: 1px solid #333;
	position: relative;
	padding-left: 1em;
}
a.back:after {
	content: '';
	border-top: 6px solid transparent;
	border-right: 11.5px solid #212121;
	border-bottom: 6px solid transparent;
	position: absolute;
	left: 0;
	bottom: 1px;
}
a.to {
	color: #333;
	border-bottom: 1px solid #333;
	position: relative;
	padding-right: 1em;
}
a.to:after {
	content: '';
	border-top: 6px solid transparent;
	border-left: 11.5px solid #212121;
	border-bottom: 6px solid transparent;
	position: absolute;
	right: 0;
	bottom: 1px;
}

#sketch .sketches {
	width: 600px;
	margin: 0 auto;
}
#sketch .sketchWrap {
	margin: 0 0 100px;
}
#sketch .sketchWrap h3 {
	text-align: center;
}
#sketch .sketchWrap p,
#sketch .sketchWrap ul li {
	line-height: 1.3;
	color: #212121;
}
#sketch .sketch1,
#sketch .sketch2 {
	width: 300px;
	margin: 30px auto;
}
#sketch .sketch3 {
	width: 252px;
	margin: 30px auto;
}
#sketch .sketch4 {
	width: 413px;
	margin: 30px auto;
}
#sketch .sketch5 {
	width: 375px;
	margin: 30px auto;
}
#sketch .sketch6 {
	width: 400px;
	margin: 30px auto;
}

/*業務案内*/
#office h3 {
	font-size: 24px;
	color: #212121;
}
#office .officeTop {
	margin: 40px 0 0;
	display: flex;
	justify-content: space-between;
}
#office .officeTop p {
	color: #212121;
}
#office .officeTop .map {
	width: 400px;
}
#office .officeTop .mapSetsumei {
	padding: 4em 2em 0 0;
}
#office ul {
	list-style: disc;
	color: #454545;
	padding: 0 0 0 1em;
}
#office ul li {
	margin: 0 0 1em;
}
#office .officeTop .mapSetsumei p {
	font-size: 14px;
	color: #454545;
}
#office .sapporo {
	margin: 50px 0;
}
#office .sapporo p a.to {
	font-size: 14px;
}
#office .profCnt h4.takeshi {
	font-size: 20px;
}
#office .profCnt p.bis {
	font-size: 14px;
	padding: 0 1em;
}
#office .profCnt h4.sengen {
	border-top: 2px dotted #454545;
	padding: 2em 0;
	font-size: 20px;
}
#office .profCnt h4.sengen span {
	background: #98050c;
}
#office .setsumeiWrap h3 span {
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	right: 8px;
	top: 4.5px;
}

#office .setsumeiWrap h3 {
	margin: 50px 0;
	position: relative;
	user-select: none;
}
#office .setsumeiWrap h3:hover {
	cursor: pointer;
	opacity: 0.85;
}
#office .setsumeiWrap h3::before {
	content: '';
	width: 32px;
	height: 2px;
	background: #1f1f1f;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 8px;
}
#office .setsumeiWrap h3::after {
	content: '';
	width: 2px;
	height: 32px;
	background: #1f1f1f;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 23px;
}
#office .setsumeiWrap h3.none::after {
	display: none;
}

#office .setsumei h4 {
	font-size: 20px;
	margin: 0 0 6px;
}
#office .setsumei h4.meyasu {
	margin: 40px 0 0;
	border-top: 2px dotted #454545;
	padding: 30px 0 20px;
}
#office .setsumei {
	display: none;
}
#office .setsumei h4 span {
	background: #98050c;
}
#office .setsumeiWrap table p {
	padding: 7px 5px;
}
.setsumei h5 {
	font-size: 18px;
	margin: 20px 0;
}
#office .setsumeiWrap .siryou table {
	width: 100%;
	background: #fff;
	margin: 0 0 50px;
}
#office .setsumeiWrap .siryou table caption {
	text-align: left;
	font-size: 16px;
	padding: 8px;
	background: #ccc;
}
#office .setsumeiWrap .cautionRed {
	color: #990000;
}
#offic .setsumeiWrap .siryou table tr {
	border: 1px solid #1f1f1f;
}
#offic .setsumeiWrap .siryou table.nagare tr:first-child td {
	background: #cccdff;
}
#office .setsumeiWrap .siryou table tr th {
	width: 10%;
	padding: 8px;
	font-size: 16px;
	border-right: 1px solid #1f1f1f;
}
#office .setsumeiWrap .siryou table tr td {
	width: 30%;
	padding: 8px;
	font-size: 16px;
}
#office .setsumeiWrap .siryou table tr td + td {
	border-left: 1px solid #1f1f1f;
}
#office .setsumeiWrap .siryou p {
	font-size: 14px;
}
#office .setsumeiWrap .schedulePic {
	width: 546px;
	margin: 50px auto;
}

/*お知らせ*/
.newsNav {
	width: 800px;
	margin: 0 auto;
	display: flex;
}
.newsNav a {
	font-size: 16px;
	width: 130px;
	text-align: center;
	border-left: 1px solid #656565;
	line-height: 1.3;
	box-sizing: border-box;
	color: #242424;
	text-decoration: underline;
}
.newsNav a.selected {
	color: #9c918d;
	font-weight: bold;
	text-decoration: none;
}
.newsNav a.selected:hover {
	opacity: 1;
	cursor: auto;
}
.newsNav a:last-child {
	border-right: 1px solid #656565;
}
.newsNav a:hover {
	cursor: pointer;
}
p.newsNavSetsumei {
	width: 700px;
	margin: 0 auto;
	text-align: center;
	padding: 2em;
}
main .newsContent h3 {
	margin: 0 0 0.4em;
}
p.newsData {
	text-align: right;
	border-bottom: 1px solid #ccc;
	padding: 0 0.5em;
}
main .newsContent {
	width: 100%;
	max-width: 900px;
	border: 2px solid #cccc99;
	padding: 0;
	margin: 0 auto 40px;
	background: #fff;
}
.newsNaiyou {
	padding: 1.8em;
	font-size: 16px;
	word-break: break-all;
	overflow-wrap: break-word;
}
.newsNaiyou img {
	width: auto;
}
.newsNaiyou a {
	word-wrap: break-word;
}

nav.navigation {
	position: relative;
}
.pagination {
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
	clear: both;
	background-color: transparent;
	padding: 0 0 2em;
}
.pagination h2.screen-reader-text {
	display: none;
}
.pagination span {
	padding: 14px 10px;
	display: inline-block;
	border: solid 1px #cccccc;
	border-radius: 5px;
	color: white;
	background-color: gray;
	font-size: 14px;
	text-decoration: none;
	line-height: 0;
}
.pagination span.page_num {
	display: none;
}
.pagination a {
	padding: 14px 10px;
	display: inline-block;
	border: solid 1px #cccccc;
	border-radius: 5px;
	color: #666666;
	background-color: #ffffff;
	font-size: 14px;
	text-decoration: none;
	line-height: 0;
}
.noArticle {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
}
.noArticle p {
	font-size: 16px;
	text-align: center;
	padding: 0 0 1em;
}
.noArticle a.back {
	width: 86px;
	margin: 0 auto;
}

/*作品集*/
#works .worksNav {
	width: 804px;
}
#works .worksNav a {
	width: 134px;
}
.worksWrap {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 40px;
	justify-content: space-between;
}
.worksWrap::after {
	content: '';
	display: block;
	width: 31.6%;
	height: 0;
}
.work {
	width: 31.6%;
	margin: 0 0 50px;
}
.workImg {
	display: block;
}
.workImg img {
	object-fit: cover;
	font-family: 'object-fit: cover';
	width: 100%;
	height: calc(316px * 0.5625);
}
.work p {
	text-decoration: none;
	color: #1f1f1f;
	line-height: 1.5;
	margin: 0 0.1em;
}
.work p.workTtl {
	font-weight: bold;
	padding: 0.6em 0.1em 1rem;
	align-items: baseline;
}
.work p.workTtl span.ttl_work {
	font-size: 18px;
}
.work p.workTtl span.work_tag {
	display: block;
	color: #858585;
	padding: 0.4rem 0.2em 0 0;
	font-weight: normal;
	text-align: right;
}
.work p.description {
	padding: 0 0.3rem;
	font-size: 16px;
}

main h2 span.singlePageTag {
	color: #ababab;
	float: right;
	padding: 6px;
}
.houseWrap table {
	width: 100%;
}
.houseWrap table tbody tr {
	display: flex;
	justify-content: space-between;
	border-bottom: 1.5px dotted #ccc;
}
.houseWrap table tbody tr.twoTd {
	padding: 2em 0;
}
.houseWrap table tbody tr:nth-child(even) {
	flex-flow: row-reverse;
}
.houseWrap table tbody tr td:first-child,
.houseWrap table tbody tr td:first-child p {
	line-height: 1.665;
	font-size: 16px;
	font-weight: 300;
}
.houseWrap table tbody tr td:first-child strong:first-child {
	font-size: 18px;
	font-weight: normal;
	line-height: 1.7;
	display: block;
	margin: 0 0 1.2rem;
	position: relative;
}
.houseWrap table tbody tr td:first-child strong:first-child:after {
	position: absolute;
	content: '';
	width: 8px;
	height: 8px;
	background: #98050c;
	display: block;
	top: 12px;
	left: -1rem;
}
.houseWrap table tbody tr.twoTd td:first-child {
	padding: 0 2em;
	width: 700px !important;
}
.houseWrap table tbody tr.twoTd td:last-child {
	width: 300px !important;
}
.houseWrap table tbody tr.oneTd td {
	padding: 2em;
	width: 100% !important;
	word-wrap: break-word !important;
	word-break: break-all !important;
}
.houseWrap table tbody tr.oneTd td img,
.houseWrap table tbody tr.oneTd td a img {
	width: 100% !important;
	-moz-width: 100% !important;
}
.houseWrap > img,
.houseWrap > a img,
.houseWrap > p a img,
.houseWrap > p img {
	width: auto !important;
}
.houseWrap > img.alignright,
.houseWrap > a img.alignright,
.houseWrap > p a img.alignright,
.houseWrap > p img.alignright {
	float: right;
}
.houseWrap > img.alignleft,
.houseWrap > a img.alignleft,
.houseWrap > p a img.alignleft,
.houseWrap > p img.alignleft {
	float: left;
}
.houseWrap > img.aligncenter,
.houseWrap > a img.aligncenter,
.houseWrap > p a img.aligncenter,
.houseWrap > p img.aligncenter {
	display: block;
	margin: 0 auto;
}

a.back.toWorks {
	margin: 4em auto;
	font-size: 16px;
	display: block;
	width: 8.5em;
}
.houseWrap table tbody tr td:first-child a {
	text-decoration: underline;
}
.houseWrap table tbody tr td a.fancybox:hover {
	position: relative;
}
.houseWrap table tbody tr td a.fancybox:hover:after {
	position: absolute;
	content: '画像を拡大';
	text-align: center;
	color: #fff;
	top: -30%;
	left: 0;
	right: 0;
	margin: auto;
	font-size: 88%;
}
.tagInfo {
	padding: 2em 3em 0;
	border-top: 1px dotted #ccc;
}
.tagInfo div {
	padding: 0 0 3em;
}
.tagInfo div h3 {
	padding: 0 0 1em;
	margin: 0 0 0 -1em;
}
.tagInfo div p {
	line-height: 1.5;
}
.tagInfo div p span {
	font-size: 0.85rem;
}
main.worksSingle h2 {
	margin: 0 auto;
}

/*コラム*/
#column .columnLinks a {
	text-decoration: underline;
	color: #6f948c;
	line-height: 1.6;
}
#column .columnLinks a:visited {
	color: #9c918d;
}
main#column .profCnt h3 {
	font-size: 14px;
	margin: 0 0 10px;
}
main#column .profCnt span.subTtl {
	float: right;
	font-size: 12px;
	line-height: 1.5;
	padding: 0 0.2em;
}
main#column .profCnt p {
	font-size: 14px;
	padding: 3.2em 2em;
	line-height: 1.8;
}
main#column .profCnt p.omoide {
	color: #661919;
	font-size: 12px;
	padding: 3.2em 2em;
}
main#column .profCnt hr {
	border-top: 1.5px dotted #ccc;
	width: 94%;
	margin: 0 auto;
}
main#column .profCnt:last-child {
	margin: 0;
}

/*404*/
main .notfound h2 {
	border: none;
	text-align: center;
	padding: 12vh 0 0;
}

@media screen and (max-width: 816px) {
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}

	body {
		position: relative;
	}
	header {
		display: block;
		padding: 0;
		margin: 0;
	}
	header .mainLogoPic {
		width: 50px;
		left: 1%;
	}
	header #mainLogo {
		padding: 16px 0 16px 1.5em;
	}
	header #mainLogo p {
		font-size: 15px;
	}
	header #mainLogo p:first-child {
		font-size: 26px;
	}
	header nav {
		flex-direction: column;
		position: fixed;
		top: -360px;
		width: 100%;
		transition: 0.35s ease-in-out;
		z-index: 10;
	}
	header nav.active {
		top: 0;
		transition: 0.35s ease-in-out;
		z-index: 10;
	}
	header nav a {
		width: 100%;
		border-bottom: 1px solid #d3b380;
		background: #9c918d;
		height: 60px;
	}
	header nav a.now {
		border-bottom: 1px solid #d3b380;
	}
	header nav a + a,
	header nav a:last-child {
		margin: 0;
	}
	header nav a:hover {
		border-bottom: 1px solid #d3b380;
	}

	#navToggle {
		position: fixed;
		right: 15px;
		top: 22px;
		width: 32px;
		height: 32px;
		cursor: pointer;
		z-index: 20;
	}
	#navToggle span {
		display: block;
		position: absolute;
		height: 3px;
		width: 100%;
		background: #656565;
		left: 0;
		transition: 0.35s ease-in-out;
	}
	#navToggle p {
		position: absolute;
		bottom: -4px;
		font-size: 12px;
		color: #696969;
		transition: 0.95s ease-in-out;
	}
	#navToggle p.active {
		display: none;
	}
	#navToggle span:nth-child(1) {
		top: 0;
	}
	#navToggle span:nth-child(2) {
		top: 11px;
	}
	#navToggle span:nth-child(3) {
		top: 22px;
	}

	#navToggle.active span:nth-child(1) {
		top: 11px;
		transform: rotate(315deg);
	}
	#navToggle.active span:nth-child(2) {
		width: 0;
		left: 50%;
	}
	#navToggle.active span:nth-child(3) {
		top: 11px;
		transform: rotate(-315deg);
	}

	footer a.facebookIcon {
		width: 34px;
		bottom: 21.5px;
		left: 8px;
	}
	footer a.houzzIcon {
		width: 38px;
		bottom: 18px;
		left: 48px;
	}
	footer .toTop {
		width: 44px;
		height: 44px;
		right: 10px;
		bottom: 20px;
	}
	footer .toTop p:before {
		height: 26px;
	}

	#top main h2 {
		width: 100%;
	}
	#top main .mainMsg p {
		line-height: 1.7;
	}
	#top main .newInfo {
		margin: 0 0 38px;
	}
	#top main .newInfo p {
		padding-left: 0.5em;
	}
	#top main .newInfo a + a {
		margin: 0.8em 0 0;
	}
	#top main .newInfo a span {
		margin: 0 1em 0 0;
	}
	#top main .mainMsg p {
		padding: 0 7%;
	}
	.newsWorksWrap {
		flex-direction: column;
	}
	.infoWrap {
		width: 100%;
	}
	.infoWrap a.more {
		right: 16px;
	}
	.newNews {
		border-bottom: 1px solid #9c918d;
		padding: 1.2em 1.2em 48px;
	}
	.newWorks {
		padding: 1.2em 1.2em 38px;
	}
	.newNews a.more {
		bottom: 10px;
	}

	main h2 {
		margin: 0 auto 30px;
		width: 96%;
	}
	main .profCnt {
		margin: 0 0 60px;
	}
	main .sapporo {
		margin: 30px 0 60px;
	}
	main .profCnt h3 {
		font-size: 18px;
		margin: 0 0 40px;
	}
	main .profTop .profImgWrap {
		flex-direction: column;
	}
	main .profTop .profImgWrap a {
		margin: 0 auto;
	}
	main .profTop .profImgWrap p {
		text-align: center;
		margin: 10px 0 20px;
	}

	#mizunokage .mizuImg,
	#mizunokage .mizuWrap {
		width: 100%;
	}
	#mizunokage .mizuWrap p.yu-ming {
		padding: 0 2%;
	}
	#mizunokage .mizuWrap a {
		margin: 0 2%;
	}

	#sketch .sketches {
		width: 96%;
		margin: 0 auto;
	}
	#sketch .sketch1,
	#sketch .sketch2,
	#sketch .sketch3,
	#sketch .sketch4,
	#sketch .sketch5,
	#sketch .sketch6 {
		width: 100%;
	}

	#office h3,
	#office .setsumeiWrap h3 {
		margin: 30px 0;
	}
	#office .officeTop .map {
		width: 100%;
		margin: 1.8em 0;
	}
	#office .setsumeiWrap .schedulePic {
		width: 100%;
	}
	#office .officeTop .mapSetsumei {
		padding: 0;
	}
	#office .setsumeiWrap h3 {
		font-size: 18px;
		display: flex;
		align-items: center;
	}

	#news main {
		width: 100%;
	}
	.newsNav {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}
	.newsNav a {
		font-size: 13px;
		width: 33%;
		margin: 0 0 12px;
	}
	.newsNav a:last-child {
		border-right: none;
	}
	.newsNav a:first-child,
	.newsNav a:nth-child(4) {
		border-left: none;
	}
	p.newsNavSetsumei {
		width: 100%;
		font-size: 12px;
	}
	main .newsContent {
		width: 98%;
		margin: 0 auto 50px;
	}
	main .newsContent h3 {
		margin: 0;
	}
	.newsNaiyou img {
		width: 100% !important;
	}

	#works .worksNav {
		width: 100%;
		margin: 2em 0 0;
	}
	#works .worksNav a {
		width: 33%;
		margin: 0 0 12px;
	}
	#works main h2 {
		margin: 0 auto;
	}
	#works p.newsNavSetsumei {
		padding: 2em 0 3em;
	}
	.worksWrap {
		justify-content: center;
		flex-direction: column;
		margin: 0;
		overflow: hidden;
	}
	.work {
		width: 100%;
		margin: 0 0 40px;
		display: flex;
		flex-direction: column;
	}
	.work p.workTtl {
		width: 100%;
		border-top: 1px dotted #ccc;
		padding: 0.6rem;
		order: 1;
		margin: 0;
	}
	.work p.workTtl span.work_tag {
		padding: 0.4rem 0 0;
	}
	.workImg {
		order: 2;
	}
	.workImg img {
		height: 60vw;
	}
	.work p.description {
		padding: 12px 1rem;
		order: 3;
		margin: 0;
	}
	.houseWrap table tbody tr {
		justify-content: center;
		flex-direction: column-reverse;
		padding: 0 0 3em;
		position: relative;
	}
	.houseWrap table tbody tr:nth-child(even) {
		flex-flow: row-reverse;
	}
	.houseWrap table tbody tr.twoTd td:first-child {
		padding: 0 1.8em 2em;
	}
	.houseWrap table tbody tr.oneTd td {
		padding: 2em 2em 0;
	}
	.houseWrap table tbody tr.twoTd td:first-child {
		width: 100% !important;
	}
	.houseWrap table tbody tr.twoTd td:last-child {
		width: 100% !important;
		margin: 2em 0 1.3em;
	}
	.tagInfo {
		padding: 2em 1.8em 0;
	}

	main#column .profCnt p {
		padding: 2em 1em;
	}
	main#column .profCnt span.subTtl {
		float: none;
	}
	.houseWrap table tbody tr.twoTd {
		padding: 0;
	}
	.houseWrap > img,
	.houseWrap > a img,
	.houseWrap > p a img,
	.houseWrap > p img {
		width: 100% !important;
	}
}