@charset "UTF-8";
/* CSS Document */
body{
	font-size: 16px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	color: #333333;
}
*{
	box-sizing:border-box;
}
a{
	display: block;
	color:#333333;
	text-decoration:none;
}
img{
	width:100%;
}
a:hover{
	opacity:0.8;
}
.wrapper {
	width: 95%;
	max-width: 960px;
	margin: 0 auto;
}
h2, nav, #works h3{
	font-family: 'Sumana', serif;
	letter-spacing: 0.5em;
}
h2{
	font-size: 25px;
	font-family: 'Sumana', serif;
	text-align: center;
	color: #ea0032;
	letter-spacing: 0.5em;
	margin-bottom: 2em;
}
section{
	padding: 70px 0;
	/*border-bottom: 1px solid #ea0032;*/
}
/*--pagetop--*/
.pagetop {
	position: fixed;
	right: 3.5em;
	bottom:2em;
	width: 60px;
}

/* works page header css*/
header{
	background-color: whitesmoke;
	height: 100%;
}
.head-box{
	overflow: hidden;
	padding: 1em 0;
	width: 100%;
    margin: 0;
}
h1 img{
	width:25%;
	margin:0;
	float: left;
}
nav{
	float: right;
}
nav li {
	font-size:1em;
	text-align:left;
	margin-bottom: 0;
	float: left;
	margin-left: 1.3em;
}
nav li a:hover{
	opacity: 1;
	color: #ea0032;
}
/* footer */
footer p{
	font-size: 0.8em;
	text-align: center;
	padding: 1em 0;
}

/* works text css */
.works_box h3{
	font-size: 1.3em;
	margin-bottom: 1.5em;
	line-height: 1.5em;
	color: indianred;
}
.works_img{
	float: left;
	width:47%;
	max-width: 480px;
	padding: 5px;
	border: 1px solid #cccccc;
	box-sizing: border-box;
}
.works_img img{
	width: 100%;
}
.works_box{
	letter-spacing: 0.1em;
}
.works_text{
	float: right;
	width: 43%;
	max-width: 420px;
}
.works_text dl{
	margin-bottom:2em;
}
.works_text dt {
	padding-bottom: 0.3em;
	border-bottom: 1px solid #999999;
	margin-bottom: 0.3em;
	font-weight:bold;
}
.works_text dd{
	margin-bottom: 1.2em;
}
.back_bottom{
	text-align:center;
}
.back_bottom a{
	background-color: indianred;
	color:#ffffff;
	padding:5px 10px;
	width:50%;
}
#thanks_contents h2{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing:0;
}
#thanks_contents{
	height:85vh;
}
#thanks_contents p{
	text-align:center;
	line-height:1.8em;
}
#thanks_contents .back_bottom{
	width:20%;
	margin:10% 40%;
}
#thanks_contents .back_bottom a{
	width:100%;
}


@media screen and (max-width:769px){
/*769px以下用（タブレット用）の記述*/
body{
	overflow-x: hidden;
}
.wrapper {
	width: 100%;
	margin: 0;
	padding:0 30px;
}
h1 a {
	width:180px;
}
h1 a img{
	width:100%;
}
nav li {
	font-size:0.8em;
	margin-left: 1.2em;
	letter-spacing: 0.3em;
}
.pagetop {
	right: 1em;
	bottom:0.2em;
}
.works_img{
	width: 48%;
}
.works_text{
	width: 48%;
}
.back_bottom a{
	width:100%;
}
#thanks_contents .back_bottom{
	width:50%;
	margin:10% 25%;
}

}

@media screen and (max-width: 479px) {
/* 479px以下用（スマートフォン用）の記述 */
body{
	overflow-x: hidden;
}
.wrapper {
	width: 100%;
	margin: 0;
	padding:0 30px;
}
h2{
	margin-bottom:1.5em;
}
header{
	background-color:transparent;
	height: 100%;
}
h1 a {
	width:200px;
	position: absolute;
    top: .6em;
    left: 1em;
    z-index: 999999;
}
h1 a img{
	width:100%;
}
nav li {
	font-size:0.8em;
	margin-left: 0;
}
.works_img{
	float:none;
	width: 70%;
	margin:0 auto 1.5em auto;
}
.works_text{
	float:none;
	width: 100%;
}
.works_box h3{
	text-align: center;
}
.back_bottom a{
	width:100%;
}
}