@media screen and (max-width: 1260px) {
 #header .header-content {
 width: 90%;
}
#header .header-content {
 padding: 20px 0;
}
 #header.fixed .header-content {
 padding: 17px 0;
}
 .nav-toggle {
 display: block;
}
 .navigation {
 position: fixed;
 background-color: #fff;
 width: 80%;
 height:60%;
 top: 0;
 left: 0;
 z-index: 99999;
 visibility: hidden;
 opacity: 0;
 -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
 transition: opacity 0.5s, visibility 0s 0.5s;
}
 .navigation .primary-nav {
 position: relative;
 top: 45%;/*15%*/
 -moz-transform: translateY(-45%);
 -ms-transform: translateY(-45%);
 -webkit-transform: translateY(-45%);
 transform: translateY(-45%);
}
 .navigation li {
 display: block;
 margin-bottom: 10px;
}
 .navigation a {
 display: block;
 font-size: 16px;
 margin: 30 0 20 20;
 text-align: left;
}
 .person {
 margin: 0 auto 50px;
}
 .person-content {
 text-align: center;
}
 .person .social-icons li {
 display: inline-block;
 float: none;
 margin-bottom: 5px;
}
 .banner blockquote {
 padding: 5% 5% 5% 5%;
}
 .banner p {
 font-size: 16px;
}
 .flex-control-nav {
 bottom: 50px;
}
}
@media screen and (max-width: 750px) {
 #header .header-content {
 padding: 20px 0%;
}
 #header.fixed .header-content {
 padding: 12px 0;
}
 .banner blockquote {
 padding-top: 10%;
}
 .banner h1 {
 font-size: 20px;
 letter-spacing: -1px;
}
 .banner p {
 font-size: 16px;
 letter-spacing: -1px;
}
	/*レス歩の上マージン*/
 .flexslider {
 padding-bottom: 20px;
}
 .flex-control-nav {
 width: 100%;
}
 .footer .footer-col {
 margin-bottom: 10px;
}
}
@media screen and (max-width: 480px) {
 #header .header-content {
 padding: 30px 0;
}
 #header.fixed .header-content {
 padding: 17px 0;
}
 .banner blockquote {
 padding: 15% 5% 5% 5%;
}
 .bio h4 {
 font-size:16px;
 font-weight: 700;
}
 .contact {
 margin-top:50px;
}
}

/*@media screen and (max-width: 480px) {
 #header .header-content {
 padding: 30px 0;
}
 #header.fixed .header-content {
 padding: 17px 0;
}
 .banner blockquote {
 padding-top: 15%;
}
 .banner h1 {
 font-size: 20px;
 letter-spacing: -1px;
}
 .banner p {
 font-size: 16px;
 letter-spacing: -1px;
}
 .bio h4 {
 font-size:16px;
 font-weight: 700;
}
 .contact {
 margin-top:50px;
}
}*/
@media screen and (max-width: 320px) {
 #header .header-content {
 padding: 30px 2%;
}
 #header.fixed .header-content {
 padding: 17px 0;
}
 .banner blockquote {
 padding-top: 20%;
}
 .banner h1 {
 font-size: 16px;
 letter-spacing: -1px;
}
 .banner p {
 font-size: 14px;
 letter-spacing: -1px;
}
}