@charset "UTF-8";


/* ==================================================================

style.css

================================================================== */


/* --------------------------------------------------
common
-------------------------------------------------- */

html,
body,
#wrapper {
position: relative;
margin: 0;
padding: 0;
}
.cmnInner {
max-width: 920px;
padding: 0 30px;
margin: 0 auto;
}

body {
-webkit-text-size-adjust: 100%;
}



/* --------------------------------------------------
header
-------------------------------------------------- */

#header {
position: relative;
padding-top: 150px;
margin-bottom: 180px;
}
#header h1 {
position: relative;
width: 640px;
height: 360px;
margin: 0 auto;
}
#header h1 span {position: absolute;}
#header h1 span.posi01 {top: -4px; left: 2px;}
#header h1 span.posi02 {top: 0; left: -2px;}
#header h1 span.posi03 {top: 2px; left: 4px;}

#header h1 img {
width: 100%;
}

#header h2 {
position: relative;
width: 640px;
height: 100px;
margin: 142px auto 0 auto;
}
#header h2 span {position: absolute;}
#header h2 span.posi01 {top: -4px; left: 2px;}
#header h2 span.posi02 {top: 0; left: -2px;}
#header h2 span.posi03 {top: 2px; left: 4px;}

#header h2 img {
width: 100%;
}

#header p.instagram img {
width: 100%;
}

/* --------------------------------------------------
location
-------------------------------------------------- */

#location {
font-size: 32px;
line-height: 1.3;
font-family: 'Pathway Gothic One', sans-serif;
margin-bottom: 0px;
}
#location p {
margin-bottom: 0px;
}

/* --------------------------------------------------
about
-------------------------------------------------- */

#about {
margin-bottom: 120px;
}
#about p {
margin-bottom: 60px;
text-align:justify;
}
#about table.cmnTable {
font-size: 13px;
line-height: 1.8;
border-top: 1px solid #eee;
}
#about table.cmnTable th {
text-align: left;
vertical-align: top;
border-bottom: 1px solid #eee;
padding: 20px 20px 20px 0;
}
#about table.cmnTable td {
text-align: left;
vertical-align: top;
border-bottom: 1px solid #eee;
padding: 20px 0;
}

/* --------------------------------------------------
works
-------------------------------------------------- */

#works {
background-color: #f7f7f7;
padding: 100px 0;
}

#works dl {
padding-bottom: 80px;
margin-bottom: 80px;
border-bottom: 1px solid #eee;
}
#works dl:last-child {
padding-bottom: 80px;
margin-bottom: 0;
border-bottom: 1px solid #eee;
}
#works dl dt {
margin-bottom: 30px;
}
#works dl dt img {
width: 100%;
margin-bottom: 30px;
}
#works dl dt p.ttl {
margin-bottom: 5px;
}
#works dl dt p.skill {
font-size: 11px;
}
#works dl dd {
font-size: 13px;
padding-left: 24px;
border-left: 6px solid #eee;
}

/* --------------------------------------------------
footer
-------------------------------------------------- */

#footer {
text-align: center;
padding-bottom: 60px;
}
#footer .pagetop {
width: 120px;
margin: 0 auto 20px auto;
}
#footer .pagetop img {
width: 100%;
}
#footer .copyright {
font-size: 10px;
font-family: 'Pathway Gothic One', sans-serif;
}

/* --------------------------------------------------
@media (max-width: 750px)
-------------------------------------------------- */
@media (max-width: 750px) {

#header {
	margin:0px auto;

}
#header h1 {
	margin:60px auto;
width: 480px;

}

#header h2 {
	margin:0 auto;
width: 480px;

}

#footer {
margin:0 auto;
text-align: center;
}

#footer .copyright {
font-size: 10px;
font-family: 'Pathway Gothic One', sans-serif;
}

#about p {
font-size: 12px;
text-align:justify;
}
#location {
font-size: 18px;
}
#works h2 {
font-size: 36px;
}

}