@charset "UTF-8";

/*==============================================================================================
●PCサイズ
==============================================================================================*/
@media screen and (min-width: 1000px) {

	/*/////////////////////////ヘッダー///////////////////////*/
	#headernav {
		width: 100%;
		margin: 50px auto;
		text-align: center;
	}

	#headernav nav ul {
		width: 1000px;
		margin: 50px auto;
		display: flex;
		justify-content: center;
	}

	#headernav nav ul li {
		list-style: none;
		float: left;
		display: block;
		margin-right: 50px;
	}

	#headernav nav ul li:last-child {
		margin-right: 0px;
	}

	/*/////////////////////////フッター///////////////////////*/
	footer {
		width: 100%;
		height: auto;
		margin: auto;
		padding: 15px;
		border-top: 1px solid #dddddd;
		color: #666666;
		font-size: 14px;
		line-height: 31px;
		font-style: normal;
		box-sizing: border-box;
	}

	#footerwrap {
		width: 1000px;
		margin: 0 auto;
	}

	#footerlogo {
		float: left;
		margin-right: 100px;
	}

	#footernav {
		float: left;
	}

	#footernav ul li {
		list-style: none;
		float: left;
		display: block;
		margin-right: 50px;
	}

	#footernav ul li:last-child {
		margin-right: 0px;
	}

	#footerback {
		float: right;
	}

	#footerwrap img {
		line-height: 31px;
		vertical-align: middle;
	}

	/*/////////////////////////共通レイアウト///////////////////////*/
	.wrapper {
		width: 1000px;
		height: auto;
		margin: 0 auto;
		position: relative;
	}

	/*/////////////////////////プロフィール///////////////////////*/
	.profWorkSec,
	.profWorkSec2 {
		width: 1000px;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		align-items: stretch;
		align-content: stretch;
		display: -webkit-flex;
		-webkit-flex-direction: row;
		-webkit-align-items: stretch;
		-webkit-align-content: stretch;
	}

	.profWorkSec .profWorkWrap,
	.profWorkSec2 .profWorkWrap {
		width: 320px;
		background-color: #ffffff;
		box-sizing: border-box;
		margin-right: 20px;
		margin-bottom: 20px;
		border: 1px solid #dddddd;
	}

	.profWorkSec .profWorkWrap:first-child {
		background-color: transparent;
		border: 0px;
	}

	.profWorkSec .profWorkWrap:nth-child(2n) {
		border: 1px solid #2d93b1;
		color: #2d93b1;
	}

	.profWorkSec .profWorkWrap:nth-child(2n) h2 {
		margin-bottom: 0;
		color: #2d93b1;
	}

	.profWorkSec .profWorkWrap:last-child,
	.profWorkSec2 .profWorkWrap:last-child {
		margin-right: 0px;
	}

	.profWorkSec h3,
	.profWorkSec2 h3 {
		margin-bottom: 1.5em;
		color: #666666;
	}

	.profWorkSec p,
	.profWorkSec2 p {
		font-size: 12px;
	}

	/*/////////////////////////ギャラリー///////////////////////*/
	#gallery {
		width: 1000px;
		margin: 100px auto;
	}

	.galleryWrap {
		width: 490px;
		background-color: #ffffff;
		margin-right: 20px;
		margin-bottom: 20px;
		float: left;
	}

	#gallery .galleryWrap:nth-child(2n) {
		margin-right: 0px;
	}

	/*/////////////////////////コンタクト///////////////////////*/
	#contact {
		width: 50%;
		margin: 0 auto 100px auto;
	}

}

/*==============================================================================================
●スマホサイズ
==============================================================================================*/
@media screen and (max-width: 999px) {
	img {
		max-width: 100%;
		height: auto;
		width
		/***/
		: auto;
	}

	/*/////////////////////////ヘッダー///////////////////////*/
	#headerimg {
		width: 100%;
		max-width: 500px;
		margin: 0 auto 100px auto;
	}

	#headerimg img {
		width: 100%;
		max-width: 500px;
		height: auto;
	}

	#headernav {
		width: 100%;
	}

	#headernav nav {
		width: 90%;
		margin: 0 auto;
		text-align: center;
	}

	#headernav nav ul {
		width: 100%;
		margin: 30px auto;
		display: flex;
		justify-content: center;
	}

	#headernav nav ul li {
		list-style: none;
		float: left;
		display: block;
		margin-right: 20px;
	}

	#headernav nav ul li:last-child {
		margin-right: 0px;
	}

	/*/////////////////////////フッター///////////////////////*/
	footer {
		width: 100%;
		height: auto;
		margin: auto;
		padding: 15px;
		color: #666666;
		font-size: 16px;
		line-height: 2;
		font-style: normal;
		box-sizing: border-box;
		border-top: 1px solid #dddddd;
	}

	#footerwrap {
		width: 90%;
		margin: 20px auto;
	}

	#footerlogo {
		width: 100%;
		text-align: center
	}

	#footernav {
		width: 100%;
		margin: 40px 0 20px 0;
		box-sizing: border-box;
		text-align: center
	}

	#footerback {
		width: 100%;
		text-align: center
	}

	/*/////////////////////////共通レイアウト///////////////////////*/
	.wrapper {
		width: 90%;
		height: auto;
		margin: 0 auto;
		position: relative;
	}

	/*/////////////////////////プロフィール///////////////////////*/
	.profWorkSec,
	.profWorkSec2 {
		width: 100%;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		align-items: stretch;
		align-content: stretch;
		display: -webkit-flex;
		-webkit-flex-direction: column;
		-webkit-align-items: stretch;
		-webkit-align-content: stretch;
	}

	.profWorkSec .profWorkWrap,
	.profWorkSec2 .profWorkWrap {
		width: 100%;
		background-color: #ffffff;
		box-sizing: border-box;
		margin-bottom: 15px;
		border: 1px solid #dddddd;
	}

	.profWorkSec .profWorkWrap:first-child {
		background-color: transparent;
		text-align: center;
		border: 0px;
	}

	.profWorkSec .profWorkWrap:nth-child(2n) {
		border: 1px solid #2d93b1;
		color: #2d93b1;
	}

	.profWorkSec .profWorkWrap:nth-child(2n) h2 {
		margin-bottom: 0;
		color: #2d93b1;
	}

	.profWorkSec .profWorkWrap:last-child,
	.profWorkSec2 .profWorkWrap:last-child {
		margin-right: 0px;
	}

	.profWorkSec h3,
	.profWorkSec2 h3 {
		margin-bottom: 1.5em;
		color: #666666;
	}

	/*/////////////////////////ギャラリー///////////////////////*/
	#gallery {
		width: 100%;
		margin: 100px auto;
	}

	.galleryWrap {
		width: 100%;
		background-color: #ffffff;
		margin-bottom: 20px;
	}

	/*/////////////////////////コンタクト///////////////////////*/
	#contact {
		width: 90%;
		margin: 0 auto;
	}
}


/*==============================================================================================
●スマホサイズ
==============================================================================================*/
@media screen and (max-width: 450px) {}

/*==============================================================================================
●共通
==============================================================================================*/
/*/////////////////////////ヘッダー///////////////////////*/
.flexnav a:hover {
	-ms-filter: "alpha( opacity=100 )";
	filter: alpha(opacity=100);
	opacity: 1;
}

/*/////////////////////////フッター///////////////////////*/
footer a:link,
footer a:visited {
	color: #999999;
}

/*/////////////////////////共通レイアウト///////////////////////*/
#container {
	width: 100%;
	margin: 100px 0 0 0;
	position: relative;
	height: auto;
}

.lineGray {
	width: 100%;
	height: 2px;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

.profWorkWrap a {
	padding: 0 .3em;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(45, 147, 177, 1) 50%);
	background-position: 0 0;
	background-size: 200% auto;
	transition: .2s;
}

.profWorkWrap a:hover {
	background-position: -100% 0;
	color: #fff;
}

.snsbo {
	background-color: #2d93b1;
	padding: 5px;
	margin-right: 5px;
	color: #ffffff;
}

.snsbo a:link,
.snsbo a:visited {
	color: #ffffff;
}

/*/////////////////////////プロフィール///////////////////////*/
.pad20 {
	padding: 20px;
}

.uraraeng {
	font-size: 16px;
	letter-spacing: 0.3em;
	margin-top: -0.5em;
	margin-bottom: 3em;
}

/*/////////////////////////フォーム///////////////////////*/
#contact h2 {
	font-size: 28px;
	margin: 100px 0 20px 0;
}

form input,
form textarea {
	margin-bottom: 20px;
}