body{
    background-size: 100vw 100vh;
    width:100%;max-width:100%;margin: 0;
    text-align:center; /*ページ全体を中央揃えにする*/
    position: relative;
    font-family: 'Hiragino Mincho ProN','ヒラギノ明朝 ProN','Hiragino Mincho Pro','ヒラギノ明朝 Pro',serif;
    overflow-x: hidden;
}
header {
  z-index: 900;
  width: 100%;
  padding: 5px 40px;
  background: #eee;
  box-sizing: border-box;
  /* paddingとborderを要素のwidthとheightに含む */
}
.head_logo{
  width: auto;
  height: 6rem;
}
header .inner {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
}
.logo {
  position: relative;
  margin: 0;
  padding: 0;
  font-size: 25px;
  font-weight: bold;
}
/* header-navi */
header .navi {
  margin: 0 0 0 auto;
  padding: 0;
  font-size: 20px;
  font-weight: bold;
  display: flex;
  list-style: none;
}
header .navi li {
margin: 5px 0 5px 40px;
}
header .navi li:first-child {
margin-left: 0;
}
header .navi li a {
  display: block; 
  box-sizing: border-box;
  text-decoration: none;
  color: #333;
}
header .navi li a:hover {
text-decoration: underline;
}
.bread_map{
    text-align: left;
    font-size: 15px;
    padding: 10px 20px;
    border-top: 1px gray dotted;
    background: #e6e6e6;
    /* パンくずリスト */
}
.bread_map a{
	text-decoration: none;
}
footer{
    /*footerの装飾*/
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #eee;
    color: #333;
    text-align: center;
    padding: 30px 0;
    z-index: 1;
    font-size: 25px;
}
.footer_other{
    /*footerの装飾*/
    width: 100%;
    background: #eee;
    color: #333;
    text-align: center;
    padding: 30px 0;
    z-index: 1;
    font-size: 25px;
}

@media screen and (max-width: 1300px){
  /* 小さいパソコンの時 */
  header {
    padding: 5px 40px;
  }
  .logo {
    font-size: 18px;
  }
  header .navi {
    font-size: 17px;
  }
  header .navi li {
    margin: 5px 0 5px 40px;
  }
  header .navi li:first-child {
    margin-left: 0;
  }
  header .navi li a {
    display: block;
    box-sizing: border-box;
    text-decoration: none;
    color: #333;
  }
  header .navi li a:hover {
    text-decoration: underline;
  }
  footer{
    font-size: 18px;
  }
  .footer_other{
    font-size: 18px;
  }
} 

@media screen and (max-width: 600px){
  /* スマホの時 */ body {
      margin: 0;
      padding: 0;
    }
    
    /*ヘッダー*/
    header {
        position: relative;
        padding: 15px 0 10px 0px;
        background-color: #f4f4f4;
    }
    .logo {
        width: 70%;
        margin: 10px auto;
        font-size: 20px;
    }
    img {
        max-width: 100%;
        height: auto;
    }
    
    
    /*ハンバーガーアイコン*/
    .btn-burger {
        cursor: pointer;
        display: block;
        width: 56px;
        height: 60px;
        position: absolute;
        top: 5px;
        right: 10px;
    }
    
    /*ハンバーガーアイコンを作る三本線*/
    .icon, .icon:before, .icon:after {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        height: 2px; /*線の太さ*/
        width: 35px; /*線の長さ*/
        background-color: #444;
        border-radius: 2px;
        display: block;
        content: '';
        cursor: pointer;
        margin: auto;
    }
    
    /*三本線の間隔*/
    .icon:before {
      top: 20px;
    }
    .icon:after {
      top: -20px;
    }
    
    /*チェックボックス非表示*/
    .nav-toggle {
        display: none;
    }
    
    /*アイコンをクリックしたら*/
    .nav-toggle:checked ~ .btn-burger .icon {
        background: transparent;
    }
    .nav-toggle:checked ~ .btn-burger .icon:before {
        transform: rotate(-45deg);
        top: 0;
    }
    .nav-toggle:checked ~ .btn-burger .icon:after {
        transform: rotate(45deg);
        top: 0;
    }
    
    .icon,
    .icon:before,
    .icon:after {
        transition: all .8s;
    }
    
    
    /*中身*/
    .nav {
        background-color: #8438ff;
        
    }
    .nav-list a {
        display: block;
        text-decoration: none;
        color: #fff;
    }
    
    .nav-list {
        list-style: none;
        display: none;
        margin: 0;
        padding-left: 20px;
    }
    
    .nav-list li {
        margin: 0;
        padding: 10px;
    }
    
    .nav-toggle:checked ~ .nav .nav-list {
        display: block;
    }
    
    /*メインイメージ*/
    .top {
        height: 200px;
        margin-bottom: 50px;
        background-color: #f0f8ff;
    }
    .head_pasocon{
      display: none;
    }

    footer{
      display: none;
    }
    .bread_map{
      display: none;
    }
}
@media screen and (min-width: 601px){
  .phone{
    display: none;
  }
}