body {
	width:100%;
	height:100%;
	overflow-x:hidden;
	background:#F8F8F8 url(../img/bg_header_secondery.png) no-repeat center top;
}

/**/

#mainvisual {
	width:1080px;
	height:180px;
	margin:0 auto 160px auto;
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .25);
	background:#fff;
	position:relative;
}

#mainvisual img {
	float:right;
}

#mainvisual h2 {
	position:absolute;
	top:35px;
	left:40px;
	font-family: "Cormorant Infant", serif;
	color:#0A2D72;
	font-size:55px;
	font-weight:300;
}

#mainvisual h2 span.firstbody  {
	font-size:80px;
}

#mainvisual h2 span.jpexp {
	font-size:16px;
	display:block;
}

/**/

.maincontent {
	text-align:center;
	padding:60px 0;
	width:100%;
	overflow:hidden;
}

.maincontent h3 {
	font-family: "Cormorant Infant", serif;
	color:#0A2D72;
	font-size:55px;
	font-weight:300;
	margin-bottom:40px;
}

.maincontent h3 span.firstbody  {
	font-size:80px;
}

.maincontent h3 span.jpexp {
	font-size:16px;
	display:block;
}


/* about */

#about {
	text-align:center;
	padding:60px 0;
	width:100%;
	overflow:hidden;
}

#about p {
	margin-bottom:40px;
}

#about p.greetings {
	margin-bottom:120px;
}



#about p {
	color:#0A2D72;
	line-height:200%;
}

#about .results {
	width:800px;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	text-align:left;
	margin:0 auto;
}

#about .results .author {
	width:240px;
}

#about .results img {
	width:100%;
	margin-bottom:40px;
}

#about .results .exhibition {
	width:100%;
}

#about .results .sumihaku {
	width:100%;
	margin-bottom:40px;
}

#about .results h4 {
	background: url(../img/bg_subtitle.png) no-repeat left bottom;
	font-family: "Cormorant Infant", serif;
	color:#0A2D72;
	font-size:32px;
	font-weight:300;
	margin-bottom:30px;
	padding:20px 0;
}

/**/
#info_detail {
	padding:40px 0 60px;
	width:100%;
}

#info_detail h3 {
	font-size:40px;
	color:#0A2C72;
	font-family: "Shippori Mincho", serif;
	font-weight:500;
	margin-bottom:30px;
	text-align:left;
}

#info_detail p.date {
	background:#0A2C72;
	display:inline-block;
	color:#fff;
	padding:4px 15px;
	font-size:20px;
	margin-bottom:60px;
	text-align:left;
}

#info_detail h4 {
	font-size:24px;
	color:#0A2C72;
	font-family: "Shippori Mincho", serif;
	font-weight:500;
	border-bottom:1px solid #0A2C72;
	padding-bottom:15px;
	margin-bottom:20px;
}

#info_detail p {
	color:#0A2C72;
	line-height:200%;
	margin-bottom:30px;
	font-size:18px;
}

#info_detail p small {
	font-size:15px;
}

#info_detail .imgbox {
	margin:0 auto 50px auto;
	padding:20px 0;
	width:100%;
	text-align:center;
}

#info_detail .imgbox img {
	max-width:90%;
}

/* contact */

#contact {
	text-align:center;
	padding:60px 0;
	width:100%;
	overflow:hidden;
	
}

#contact h3 {
	font-family: "Cormorant Infant", serif;
	color:#0A2D72;
	font-size:55px;
	font-weight:300;
	margin-bottom:40px;
}

#contact p {
	margin-bottom:20px;
}

#contact .formarea {
	padding:0;
}


/* works */

#works {
	text-align:center;
	padding:60px 0;
	width:100%;
	overflow:hidden;
}

#works p {
	margin-bottom:40px;
	color:#0A2D72;
}

#works p a {
	color:#0A2D72;
	text-decoration:underline;
}

#works p.explain {
	width:400px;
	font-size:110%;
	text-align:center;
	margin:0 auto 40px auto;
	background:linear-gradient(transparent 60%, #ff6 60%);
	display:inline;
}

#works ul.gallery {
	width:800px;
	margin:0 auto 40px auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

#works ul.gallery li {
	width:180px;
	height:180px;
	margin:0 0 25px 0;
	padding:0;
}

#works ul.gallery li a {
	padding:0;
	margin:0;
}

#works ul.gallery li img {
	margin:0;
	padding:0;
}

#works h4.years {
	background: url(../img/bg_subtitle.png) no-repeat left bottom;
	font-family: "Cormorant Infant", serif;
	color:#0A2D72;
	font-size:32px;
	font-weight:300;
	margin-bottom:30px;
	padding:20px 0;
	text-align:left;
}

#works .container {
	width:900px;
	margin:0 auto;
	padding:0;
}

#works .innernav {
	display:flex;
	justify-content:space-between;
	list-style-type:none;
	margin:50px auto 40px auto;
	width:800px;
}

#works .innernav li {
	
}

#works .innernav li a {
	width:200px;
	display:block;
	padding:12px 20px;
	border-radius:10px;
	
	color : #0A2D72;
	font-size:15px;
	border:1px solid #0A2D72;
	text-align:center;
}

#works .innernav li a.active {
	color : #fff;
	background:#0A2D72;
}


/******* SP style *******/
@media only screen and (max-width: 767px) {

body {
	background:#F8F8F8;
}


#mainvisual {
	height:275px;
	width:100%;
	margin-bottom:0;
	background:#0A2F73;
	overflow:hidden;
}

#mainvisual img {
	float:none;
	width:100%;
}

#mainvisual h2 {
	position:absolute;
	top:170px;
	left:20px;
	font-family: "Cormorant Infant", serif;
	color:#fff;
	font-size:40px;
	font-weight:300;
}

#mainvisual h2 span.firstbody  {
	font-size:55px;
}

#mainvisual h2 span.jpexp {
	font-size:15px;
	display:block;
}


/**/

#about .results {
	width:90%;
	margin:0 auto;
}

/**/

#info_detail {
	width:90%;
	margin:0 auto;
}

#info_detail h3 {
	font-size:34px;
}

#info_detail p.date {
	font-size:22px;
}

#info_detail h4 {
	font-size:22px;
}

#info_detail p {
	color:#0A2C72;
	line-height:200%;
	margin-bottom:30px;
	font-size:18px;
}

#info_detail p small {
	font-size:15px;
}

#info_detail .imgbox img {
	max-width:100%;
}

#works p.explain {
	font-size:110%;
	width:70%;
	text-align:center;
	margin:0 auto 40px auto;
	padding:15px;
}

#works .container {
	width:90%;
	margin:0 auto;
}

#works ul.gallery {
	width:100%;
	margin:0 auto 40px auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

#works ul.gallery li {
	width:45%;
	height:auto;
	margin:0 0 25px 0;
	padding:0;
}

#works ul.gallery li img {
	width:100%;
}


#works .innernav {
	display:flex;
	justify-content:space-between;
	list-style-type:none;
	flex-wrap:wrap;
	margin:50px auto 40px auto;
	width:100%;
}

#works .innernav li {
	margin-bottom:20px;
	
}

#works .innernav li a {
	width:auto;
	padding:12px 25px;
	border-radius:10px;
}



}