@media (max-width: 600px) {
     * {
         box-sizing: border-box;
     }
     body {
         margin: 0;
         font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
         background-color: #ffffff;
     }
     header {
         height: 10vh;
         width: 100%;
         padding: 0px 15px;
         background-color: rgba(0, 0, 0, 0.9);
         position: fixed;
         box-sizing: border-box;
         top: 0;
         left: 0px;
         z-index: 10;
         display: flex;
         align-items: center;
     }
     header a {
         font-family: YuMincho, 'YuMicho', serif;
         color: rgb(255, 255, 255);
     }
     header .sm ul {
         display: flex;
     }
     header .sm ul li {
         list-style: none;
         font-family: YuMincho, 'YuMicho', serif;
         color: white;
     }
     header .pc ul {
         display: none;
     }
     h1 {
         display: none;
     }
     .logo {
         font-size: 5vh;
     }
     nav {
         margin: 0 0 0 auto;
     }
     ul {
         display: flex;
         list-style: none;
         padding: 0;
         margin: 0;
     }
     header a {
         color: #ffffff;
         text-decoration: none;
         display: block;
         line-height: 60px;
         padding: 0 20px;
     }
     .sm {
         display: none;
     }
     /**********************************　
以下、ハンバーガーメニューの設定　
************************************/
     .pc {
         display: none;
     }
     #hamburger {
         background-color: transparent;
         position: relative;
         cursor: pointer;
         margin: 0 0 0 auto;
         height: 60px;
         width: 60px;
     }
     .icon span {
         position: absolute;
         left: 15px;
         width: 30px;
         height: 2px;
         background-color: rgb(255, 255, 255);
         border-radius: 8px;
         transition: ease 0.75s;
     }
     .icon span:nth-of-type(1) {
         top: 16px;
     }
     .icon span:nth-of-type(2) {
         top: 28px;
     }
     .icon span:nth-of-type(3) {
         bottom: 16px;
     }
     .close span:nth-of-type(1) {
         transform: rotate(45deg);
         top: 28px;
     }
     .close span:nth-of-type(2) {
         opacity: 0;
     }
     .close span:nth-of-type(3) {
         transform: rotate(-45deg);
         top: 28px;
     }
     .sm {
         top: 60px;
         left: 0px;
         position: absolute;
         z-index: 10;
         width: 100%;
         background-color: rgba(0, 0, 0, 0.9);
     }
     ul {
         flex-direction: column;
     }
     .sm a {
         text-align: center;
         border-top: solid 0.5px rgba(255, 255, 255, 0.6);
     }
 }
 /*iPad向け*/
 
 @media (min-width: 601px) {
     * {
         box-sizing: border-box;
     }
     body {
         margin: 0;
         font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
         background-color: #ffffff;
     }
     header {
         height: 10vh;
         width: 100%;
         padding: 0px 15px;
         background-color: rgba(0, 0, 0, 0.9);
         position: fixed;
         box-sizing: border-box;
         top: 0;
         left: 0px;
         z-index: 10;
         display: flex;
         align-items: center;
     }
     header a {
         font-family: YuMincho, 'YuMicho', serif;
         color: rgb(255, 255, 255);
     }
     header .pc ul {
         display: flex;
     }
     header .pc ul li {
         list-style: none;
         font-family: YuMincho, 'YuMicho', serif;
         color: rgb(255, 255, 255);
     }
     header .sm ul {
         display: none;
     }
     h1 {
         display: none;
     }
     .logo {
         font-size: 5vh;
     }
     nav {
         margin: 0 0 0 auto;
     }
     ul {
         display: flex;
         list-style: none;
         padding: 0;
         margin: 0;
     }
     header a {
         color: #ffffff;
         text-decoration: none;
         display: block;
         line-height: 60px;
         padding: 0 20px;
     }
     .sm {
         display: none;
     }
 }
 /*pc*/
 
 @media (min-width: 1025px) {
     * {
         box-sizing: border-box;
     }
     body {
         margin: 0;
         font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
         background-color: #ffffff;
     }
     header {
         height: 10vh;
         width: 100%;
         padding: 0px 15px;
         background-color: rgba(0, 0, 0, 0.9);
         position: fixed;
         box-sizing: border-box;
         top: 0;
         left: 0px;
         z-index: 10;
         display: flex;
         align-items: center;
     }
     header a {
         font-family: YuMincho, 'YuMicho', serif;
         color: rgb(255, 255, 255);
     }
     header .pc ul {
         display: flex;
     }
     header .pc ul li {
         list-style: none;
         font-family: YuMincho, 'YuMicho', serif;
         color: rgb(255, 255, 255);
     }
     header .sm ul {
         display: none;
     }
     h1 {
         display: none;
     }
     .logo {
         font-size: 5vh;
     }
     nav {
         margin: 0 0 0 auto;
     }
     ul {
         display: flex;
         list-style: none;
         padding: 0;
         margin: 0;
     }
     header a {
         color: #ffffff;
         text-decoration: none;
         display: block;
         line-height: 60px;
         padding: 0 20px;
     }
     .sm {
         display: none;
     }
 }