@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css");
body {
    width:100%;

    font-family:sans-serif;
    color:black

    
    background-color:white;

    background-image:url("/~gakusei/gakusai/47th/img/backimage-white.jpg");
    background-repeat:repeat-y;
    background-position:center top;
    background-size:100% auto;
}



h1 {
    margin-top: 50px;
    margin-bottom:30px;

    font-size: 50px;

    text-align: center;
}

.map-introduction {
  width: 100%;
  height: auto;
}
.mogikougi{
  padding-top: 21px;
}
.mapsetumei{
  width: 50%;
  float: left;
  margin-bottom: 5%;
 
}

.mapsetumei p{
  margin-bottom: 10px;
}
.mapsetumei img{
  width:65%;
}
.mapsetumei1{
  width: 50%;
}
.mapsetumei1 p{
  margin-bottom: 10px;
}
.mapsetumei1 img{
  width:70%;
}
.map-image{
    margin: auto;
    width: 100%;
    max-width: 800px;
    z-index: 1;


}

.map-section{
  margin-bottom: 5%;
}

h2{
    font-size: x-large;
}
#map{
    width: 95%;
    max-width: 1000px;
    margin: auto;
    height: auto;
    position: relative;
}
#map h2{
  text-decoration: underline;
  color: #022d46;
  text-align: center;
}
.over-map{
    width: fit-content;
    height: fit-content;
    position: relative;
    margin:20px auto;
    margin-bottom: 60px;

}
/*屋台*/
.yatai-introduction {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.yatai-setumei{
    width: 30%;
    margin-bottom: 5%;
    text-align: center;
    
}

.yatai-setumei1{
   width: 100%;
   margin-bottom: 5%;
   justify-content: center;
   text-align: center;
  
}
@media(max-width:500px){
  .yatai-introduction{
    width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  }
  .yatai-setumei{
     width: 50%;
  float: left;
  margin-bottom: 5%;
  }
  .yatai-setumei p{
  font-size: 65%;
  padding-bottom: 10px;
 }
  
}
.yatai-setumei img{
  width: 55%;
  border: solid 2px #022d46;
}
.yatai-setumei p{
  font-size: 100%;
  font-weight: bold;
  padding-bottom: 10px;
}
.yatai-setumei1 p{
  font-size: 100%;
  font-weight: bold;
  padding-bottom: 10px;
}
.pin-img{
    position: absolute;
    z-index: 2;
    width: 8%;
    transform: translate(-49%,-80%);
}

.pin-hcd-img{
  position: absolute;
  z-index: 2;
  width: 13%;
  transform: translate(-49%,-80%);
}

.pin-ph-img{
  position: absolute;
  z-index: 2;
  width: 4%;
  transform: translate(-49%,-80%);
}




.pin-hcd-img:hover,
.pin-hcd-img:active {
  opacity: .8;
  transform: translate(-49%,-80%)scale(1.1);
}

@media (hover: hover) {
    /* hover指定できるPCを想定したスタイル */
    .pin-hcd-img:hover {
        opacity: .8;
        transform: translate(-49%,-80%)scale(1.1);
      }
    }
    @media (hover: none) {
    /* hoverが使えないタッチ端末を想定した装飾 */
    .pin-hcd-img:active {
        opacity: .8;
        transform: translate(-49%,-80%)scale(1.1);
      }
    }

    .pin-ph-img:hover,
.pin-ph-img:active {
  opacity: .8;
  transform: translate(-49%,-80%)scale(1.1);
}

@media (hover: hover) {
    /* hover指定できるPCを想定したスタイル */
    .pin-ph-img:hover {
        opacity: .8;
        transform: translate(-49%,-80%)scale(1.1);
      }
    }
    @media (hover: none) {
    /* hoverが使えないタッチ端末を想定した装飾 */
    .pin-ph-img:active {
        opacity: .8;
        transform: translate(-49%,-80%)scale(1.1);
      }
    }

    .pin-img:hover,
.pin-img:active {
  opacity: .8;
  transform: translate(-49%,-80%)scale(1.1);
}

@media (hover: hover) {
    /* hover指定できるPCを想定したスタイル */
    .pin-img:hover {
        opacity: .8;
        transform: translate(-49%,-80%)scale(1.1);
      }
    }
    @media (hover: none) {
    /* hoverが使えないタッチ端末を想定した装飾 */
    .pin-img:active {
        opacity: .8;
        transform: translate(-49%,-80%)scale(1.1);
      }
    }

    .btn1 {
        text-align: center;
        font-size: 0.8rem;	/*文字サイズを120%に*/
        margin-top:1%;
    }
    .btn1 a {
        display: inline-block;text-decoration: none;
        background-color:#fc995b;	/*背景色。css冒頭で指定しているprimary-colorを読み込みます*/
        color: #fff;	/*文字色。css冒頭で指定しているprimary-inverse-colorを読み込みます*/
        border-radius: 100px;	/*角を丸くする指定*/
        padding: 0.5em 2em;		/*上下、左右へのボタン内の余白*/
    }
    
    /*矢印アイコン*/
    .arrow1::after {
        display: inline-block;
        font-family: "Font Awesome 6 Free";	/*Font Awesomeを使う指定*/
        font-weight: bold;
        content: "\f061";		/*アイコンのコード*/
        padding-left: 0.5em;	/*アイコンとテキストとの間のスペース*/
        transition: 0.3s;
    }
    .arrow1:hover::after {
        transform: translateX(0.2em);	/*マウスオン時に少しだけ移動する*/
    }

    #popup {
        display: none; /* label でコントロールするので input は非表示に */
      }
      
      .popup-open {
        cursor: pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
      }
      
      .popup-overlay {
        display: none; /* input にチェックが入るまでは非表示に */
      }
      
      #popup:checked ~ .popup-overlay {
        display: block;
        z-index: 99999;
        background-color: #00000070;
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
      }
      
      .popup-window {
        
        width: 80%;
        max-width: 560px;
        padding: 20px;
        background-color:#fff;
        border:4px solid #01135d;
        background-size:cover;
        border-radius: 6px;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
      
     .popup-photo img{
display:block;
margin:0 auto;
        width:80%;
margin-bottom:4vw;
        
     }

      .popup-text {
        margin: 0;
      }
      
      .popup-text:not(:last-of-type) {
        margin-bottom: 1em
      }
      
      .popup-close {
        cursor: pointer;
        position: absolute;
        top: -26px;
        right: 0;
      }

      #popup1 {
        display: none; /* label でコントロールするので input は非表示に */
      }
      
      .popup1-open {
        cursor: pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
      }
      
      .popup1-overlay {
        display: none; /* input にチェックが入るまでは非表示に */
      }
      
      #popup1:checked ~ .popup1-overlay {
        display: block;
        z-index: 99999;
        background-color: #00000070;
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
      }
      
      .popup1-window {
        
        width: 80%;
        max-width: 560px;
        padding: 20px;
        background-color:#fff;
        border:4px solid #01135d;
        background-size:cover;
        border-radius: 6px;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
      
     .popup1-photo img{
display:block;
margin:0 auto;
        width:80%;
margin-bottom:4vw;
        
     }

      .popup1-text {
        margin: 0;
      }
      
      .popup1-text:not(:last-of-type) {
        margin-bottom: 1em
      }
      
      .popup1-close {
        cursor: pointer;
        position: absolute;
        top: -26px;
        right: 0;
      }

      #popup2 {
        display: none; /* label でコントロールするので input は非表示に */
      }
      
      .popup2-open {
        cursor: pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
      }
      
      .popup2-overlay {
        display: none; /* input にチェックが入るまでは非表示に */
      }
      
      #popup2:checked ~ .popup2-overlay {
        display: block;
        z-index: 99999;
        background-color: #00000070;
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
      }
      
      .popup2-window {
        width: 80%;
        max-width: 560px;
        padding: 20px;
        background-color:#fff;
        border:4px solid #01135d;
        background-size:cover;
        border-radius: 6px;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
      
     .popup2-photo img{
display:block;
margin:0 auto;
        width:80%;
margin-bottom:4vw;
        
     }

      .popup2-text {
        margin: 0;
      }
      
      .popup2-text:not(:last-of-type) {
        margin-bottom: 1em
      }
      
      .popup2-close {
        cursor: pointer;
        position: absolute;
        top: -26px;
        right: 0;
      }

      #popup3 {
        display: none; /* label でコントロールするので input は非表示に */
      }
      
      .popup3-open {
        cursor: pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
      }
      
      .popup3-overlay {
        display: none; /* input にチェックが入るまでは非表示に */
      }
      
      #popup3:checked ~ .popup3-overlay {
        display: block;
        z-index: 99999;
        background-color: #00000070;
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
      }
      
      .popup3-window {
        width: 80%;
        max-width: 560px;
        padding: 20px;
        background-color:#fff;
        border:4px solid #01135d;
        background-size:cover;
        border-radius: 6px;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
      
     .popup3-photo img{
display:block;
margin:0 auto;
        width:60%;
    

     }

      .popup3-text {
        margin: 0;
      }
      
      .popup3-text:not(:last-of-type) {
        margin-bottom: 1em
      }
      
      .popup3-close {
        cursor: pointer;
        position: absolute;
        top: -26px;
        right: 0;
      }

      #popup4 {
        display: none; /* label でコントロールするので input は非表示に */
      }
      
      .popup4-open {
        cursor: pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
      }
      
      .popup4-overlay {
        display: none; /* input にチェックが入るまでは非表示に */
      }
      
      #popup4:checked ~ .popup4-overlay {
        display: block;
        z-index: 99999;
        background-color: #00000070;
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
      }
      
      .popup4-window {
        width: 80%;
        max-width: 560px;
        padding: 20px;
        background-color:#fff;
        border:4px solid #01135d;
        background-size:cover;
        border-radius: 6px;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
      
     .popup4-photo img{
margin:0 auto;
        width:40%;
        
        margin-right:10px;
       
        float:left;
     }

      .popup4-text {
        margin: 0;
      }
      
      .popup4-text:not(:last-of-type) {
        margin-bottom: 1em
      }
      
      .popup4-close {
        cursor: pointer;
        position: absolute;
        top: -26px;
        right: 0;
      }

      #popup5 {
        display: none; /* label でコントロールするので input は非表示に */
      }
      
      .popup5-open {
        cursor: pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
      }
      
      .popup5-overlay {
        display: none; /* input にチェックが入るまでは非表示に */
      }
      
      #popup5:checked ~ .popup5-overlay {
        display: block;
        z-index: 99999;
        background-color: #00000070;
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
      }
      
      .popup5-window {
        
        width: 80%;
        max-width: 560px;
        padding: 20px;
        background-color:#fff;
        border:4px solid #01135d;
        background-size:cover;
        border-radius: 6px;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
      
     .popup5-photo img{
display:block;
margin:0 auto;
        width:80%;
margin-bottom:4vw;
        
        margin-right:10px;
        margin-top:3vw;
        margin-bottom:10vw;
     }

      .popup5-text {
        margin: 0;
      }
      
      .popup5-text:not(:last-of-type) {
        margin-bottom: 1em
      }
      
      .popup5-close {
        cursor: pointer;
        position: absolute;
        top: -26px;
        right: 0;
      }

      #popup7 {
        display: none; /* label でコントロールするので input は非表示に */
      }
      
      .popup7-open {
        cursor: pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
      }
      
      .popup7-overlay {
        display: none; /* input にチェックが入るまでは非表示に */
      }
      
      #popup7:checked ~ .popup7-overlay {
        display: block;
        z-index: 99999;
        background-color: #00000070;
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
      }
      
      .popup7-window {
        
        width: 80%;
        max-width: 560px;
        padding: 20px;
        background-color:#fff;
        border:4px solid #01135d;
        background-size:cover;
        border-radius: 6px;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
      
     .popup7-photo img{
display:block;
margin:0 auto;
        width:80%;
        margin-bottom:10vw;
     }

      .popup7-text {
        margin: 0;
      }
      
      .popup7-text:not(:last-of-type) {
        margin-bottom: 1em
      }
      
      .popup7-close {
        cursor: pointer;
        position: absolute;
        top: -26px;
        right: 0;
      }

      #popup8 {
        display: none; /* label でコントロールするので input は非表示に */
      }
      
      .popup8-open {
        cursor: pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
      }
      
      .popup8-overlay {
        display: none; /* input にチェックが入るまでは非表示に */
      }
      
      #popup8:checked ~ .popup8-overlay {
        display: block;
        z-index: 99999;
        background-color: #00000070;
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
      }
      
      .popup8-window {
        
        
        width: 80%;
        max-width: 560px;
        padding: 20px;
        background-color:#fff;
        border:4px solid #01135d;
        background-size:cover;
        border-radius: 6px;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
    .popup-photo{
        width:20vw;
    }

     .popup8-photo img{
display:block;
margin:0 auto;
        width:80%;
margin-bottom:4vw;
    
     }

      .popup8-text {
        margin: 0;
      }
      
      .popup8-text:not(:last-of-type) {
        margin-bottom: 1em
      }
      
      .popup8-close {
        cursor: pointer;
        position: absolute;
        top: -26px;
        right: 0;
      }

      #popup9 {
        display: none; /* label でコントロールするので input は非表示に */
      }
      
      .popup9-open {
        cursor: pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
      }
      
      .popup9-overlay {
        display: none; /* input にチェックが入るまでは非表示に */
      }
      
      #popup9:checked ~ .popup9-overlay {
        display: block;
        z-index: 99999;
        background-color: #00000070;
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
      }
      
      .popup9-window {
        width: 80%;
        max-width: 560px;
        padding: 20px;
        background-color:#fff;
        border:4px solid #01135d;
        background-size:cover;
        border-radius: 6px;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
      
     .popup9-photo img{
display:block;
margin:0 auto;
        width:80%;
margin-bottom:4vw;
        
        
     }

      .popup9-text {
        margin: 0;
      }
      
      .popup9-text:not(:last-of-type) {
        margin-bottom: 1em
      }
      
      .popup9-close {
        cursor: pointer;
        position: absolute;
        top: -26px;
        right: 0;
      }

      #popup10 {
        display: none; /* label でコントロールするので input は非表示に */
      }
      
      .popup10-open {
        cursor: pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
      }
      
      .popup10-overlay {
        display: none; /* input にチェックが入るまでは非表示に */
      }
      
      #popup10:checked ~ .popup10-overlay {
        display: block;
        z-index: 99999;
        background-color: #00000070;
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
      }
      
      .popup10-window {
        
        width: 80%;
        max-width: 560px;
        padding: 20px;
        background-color:#fff;
        border:4px solid #01135d;
        background-size:cover;
        border-radius: 6px;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
      
     .popup10-photo img{
display:block;
margin:0 auto;
        width:80%;
margin-bottom:4vw;
        
        
     }

      .popup10-text {
        margin: 0;
      }
      
      .popup10-text:not(:last-of-type) {
        margin-bottom: 1em
      }
      
      .popup10-close {
        cursor: pointer;
        position: absolute;
        top: -26px;
        right: 0;
      }

      #popup11 {
        display: none; /* label でコントロールするので input は非表示に */
      }
      
      .popup11-open {
        cursor: pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
      }
      
      .popup11-overlay {
        display: none; /* input にチェックが入るまでは非表示に */
      }
      
      #popup11:checked ~ .popup11-overlay {
        display: block;
        z-index: 99999;
        background-color: #00000070;
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
      }
      
      .popup11-window {
        
        width: 80%;
        max-width: 560px;
        padding: 20px;
        background-color:#fff;
        border:4px solid #01135d;
        background-size:cover;
        border-radius: 6px;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
      
     .popup11-photo img{
display:block;
margin:0 auto;
        width:80%;
margin-bottom:4vw;
        
        
     }

      .popup11-text {
        margin: 0;
      }
      
      .popup11-text:not(:last-of-type) {
        margin-bottom: 1em
      }
      
      .popup11-close {
        cursor: pointer;
        position: absolute;
        top: -26px;
        right: 0;
      }

      #popup12 {
        display: none; /* label でコントロールするので input は非表示に */
      }
      
      .popup12-open {
        cursor: pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
      }
      
      .popup12-overlay {
        display: none; /* input にチェックが入るまでは非表示に */
      }
      
      #popup12:checked ~ .popup12-overlay {
        display: block;
        z-index: 99999;
        background-color: #00000070;
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
      }
      
      .popup12-window {
        
        width: 80%;
        max-width: 560px;
        padding: 20px;
        background-color:#fff;
        border:4px solid #01135d;
        background-size:cover;
        border-radius: 6px;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
      
     .popup12-photo img{
display:block;
margin:0 auto;
        width:80%;
margin-bottom:4vw;
        
        
     }

      .popup12-text {
        margin: 0;
      }
      
      .popup12-text:not(:last-of-type) {
        margin-bottom: 1em
      }
      
      .popup12-close {
        cursor: pointer;
        position: absolute;
        top: -26px;
        right: 0;
      }

      #popup13 {
        display: none; /* label でコントロールするので input は非表示に */
      }
      
      .popup13-open {
        cursor: pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
      }
      
      .popup13-overlay {
        display: none; /* input にチェックが入るまでは非表示に */
      }
      
      #popup13:checked ~ .popup13-overlay {
        display: block;
        z-index: 99999;
        background-color: #00000070;
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
      }
      
      .popup13-window {
        
        width: 80%;
        max-width: 560px;
        padding: 20px;
        background-color:#fff;
        border:4px solid #01135d;
        background-size:cover;
        border-radius: 6px;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
      
     .popup13-photo img{
display:block;
margin:0 auto;
        width:80%;
margin-bottom:4vw;
        
        
     }

      .popup13-text {
        margin: 0;
      }
      
      .popup13-text:not(:last-of-type) {
        margin-bottom: 1em
      }
      
      .popup13-close {
        cursor: pointer;
        position: absolute;
        top: -26px;
        right: 0;
      }

      #popup14 {
        display: none; /* label でコントロールするので input は非表示に */
      }
      
      .popup14-open {
        cursor: pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
      }
      
      .popup14-overlay {
        display: none; /* input にチェックが入るまでは非表示に */
      }
      
      #popup14:checked ~ .popup14-overlay {
        display: block;
        z-index: 99999;
        background-color: #00000070;
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
      }
      
      .popup14-window {
        
        width: 80%;
        max-width: 560px;
        padding: 20px;
        background-color:#fff;
        border:4px solid #01135d;
        background-size:cover;
        border-radius: 6px;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
      
     .popup14-photo img{
display:block;
margin:0 auto;
        width:80%;
margin-bottom:4vw;
        
        
     }

      .popup14-text {
        margin: 0;
      }
      
      .popup14-text:not(:last-of-type) {
        margin-bottom: 1em
      }
      
      .popup14-close {
        cursor: pointer;
        position: absolute;
        top: -26px;
        right: 0;
      }

      #popup15 {
        display: none; /* label でコントロールするので input は非表示に */
      }
      
      .popup15-open {
        cursor: pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
      }
      
      .popup15-overlay {
        display: none; /* input にチェックが入るまでは非表示に */
      }
      
      #popup15:checked ~ .popup15-overlay {
        display: block;
        z-index: 99999;
        background-color: #00000070;
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
      }
      
      .popup15-window {
        
        width: 80%;
        max-width: 560px;
        padding: 20px;
        background-color:#fff;
        border:4px solid #01135d;
        background-size:cover;
        border-radius: 6px;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
      
     .popup15-photo img{
display:block;
margin:0 auto;
        width:80%;
margin-bottom:4vw;
        
        
     }

      .popup15-text {
        margin: 0;
      }
      
      .popup15-text:not(:last-of-type) {
        margin-bottom: 1em
      }
      
      .popup15-close {
        cursor: pointer;
        position: absolute;
        top: -26px;
        right: 0;
      }

      #popup16 {
        display: none; /* label でコントロールするので input は非表示に */
      }
      
      .popup16-open {
        cursor: pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
      }
      
      .popup16-overlay {
        display: none; /* input にチェックが入るまでは非表示に */
      }
      
      #popup16:checked ~ .popup16-overlay {
        display: block;
        z-index: 99999;
        background-color: #00000070;
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
      }
      
      .popup16-window {
        
        width: 80%;
        max-width: 560px;
        padding: 20px;
        background-color:#fff;
        border:4px solid #01135d;
        background-size:cover;
        border-radius: 6px;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
      
     .popup16-photo img{
display:block;
margin:0 auto;
        width:80%;
margin-bottom:4vw;
        
        
     }

      .popup16-text {
        margin: 0;
      }
      
      .popup16-text:not(:last-of-type) {
        margin-bottom: 1em
      }
      
      .popup16-close {
        cursor: pointer;
        position: absolute;
        top: -26px;
        right: 0;
      }

      #popup17 {
        display: none; /* label でコントロールするので input は非表示に */
      }
      
      .popup17-open {
        cursor: pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
      }
      
      .popup17-overlay {
        display: none; /* input にチェックが入るまでは非表示に */
      }
      
      #popup17:checked ~ .popup17-overlay {
        display: block;
        z-index: 99999;
        background-color: #00000070;
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
      }
      
      .popup17-window {
        
        width: 80%;
        max-width: 560px;
        padding: 20px;
        background-color:#fff;
        border:4px solid #01135d;
        background-size:cover;
        border-radius: 6px;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
      
     .popup17-photo img{
display:block;
margin:0 auto;
        width:80%;
margin-bottom:4vw;
        
        
     }

      .popup17-text {
        margin: 0;
      }
      
      .popup17-text:not(:last-of-type) {
        margin-bottom: 1em
      }
      
      .popup17-close {
        cursor: pointer;
        position: absolute;
        top: -26px;
        right: 0;
      }

      #popup18 {
        display: none; /* label でコントロールするので input は非表示に */
      }
      
      .popup18-open {
        cursor: pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
      }
      
      .popup18-overlay {
        display: none; /* input にチェックが入るまでは非表示に */
      }
      
      #popup18:checked ~ .popup18-overlay {
        display: block;
        z-index: 99999;
        background-color: #00000070;
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
      }
      
      .popup18-window {
        
        width: 80%;
        max-width: 560px;
        padding: 20px;
        background-color:#fff;
        border:4px solid #01135d;
        background-size:cover;
        border-radius: 6px;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
      
     .popup18-photo img{
display:block;
margin:0 auto;
        width:80%;
margin-bottom:4vw;
        
        
     }

      .popup18-text {
        margin: 0;
      }
      
      .popup18-text:not(:last-of-type) {
        margin-bottom: 1em
      }
      
      .popup18-close {
        cursor: pointer;
        position: absolute;
        top: -26px;
        right: 0;
      }

      #popup19 {
        display: none; /* label でコントロールするので input は非表示に */
      }
      
      .popup19-open {
        cursor: pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
      }
      
      .popup19-overlay {
        display: none; /* input にチェックが入るまでは非表示に */
      }
      
      #popup19:checked ~ .popup19-overlay {
        display: block;
        z-index: 99999;
        background-color: #00000070;
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
      }
      
      .popup19-window {
        
        width: 80%;
        max-width: 560px;
        padding: 20px;
        background-color:#fff;
        border:4px solid #01135d;
        background-size:cover;
        border-radius: 6px;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
      
     .popup19-photo img{
display:block;
margin:0 auto;
        width:80%;
margin-bottom:4vw;
        
        
     }

      .popup19-text {
        margin: 0;
      }
      
      .popup19-text:not(:last-of-type) {
        margin-bottom: 1em
      }
      
      .popup19-close {
        cursor: pointer;
        position: absolute;
        top: -26px;
        right: 0;
      }

      #popup20 {
        display: none; /* label でコントロールするので input は非表示に */
      }
      
      .popup20-open {
        cursor: pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
      }
      
      .popup20-overlay {
        display: none; /* input にチェックが入るまでは非表示に */
      }
      
      #popup20:checked ~ .popup20-overlay {
        display: block;
        z-index: 99999;
        background-color: #00000070;
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
      }
      
      .popup20-window {
        
        width: 80%;
        max-width: 560px;
        padding: 20px;
        background-color:#fff;
        border:4px solid #01135d;
        background-size:cover;
        border-radius: 6px;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
      
     .popup20-photo img{
display:block;
margin:0 auto;
        width:80%;
margin-bottom:4vw;
        
        
     }

      .popup20-text {
        margin: 0;
      }
      
      .popup20-text:not(:last-of-type) {
        margin-bottom: 1em
      }
      
      .popup20-close {
        cursor: pointer;
        position: absolute;
        top: -26px;
        right: 0;
      }

      #popup21 {
        display: none; /* label でコントロールするので input は非表示に */
      }
      
      .popup21-open {
        cursor: pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
      }
      
      .popup21-overlay {
        display: none; /* input にチェックが入るまでは非表示に */
      }
      
      #popup21:checked ~ .popup21-overlay {
        display: block;
        z-index: 99999;
        background-color: #00000070;
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
      }
      
      .popup21-window {
        
        width: 80%;
        max-width: 560px;
        padding: 20px;
        background-color:#fff;
        border:4px solid #01135d;
        background-size:cover;
        border-radius: 6px;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
      
     .popup21-photo img{
display:block;
margin:0 auto;
        display:block;
        width:70%;
        margin:0 auto;
        margin-bottom:4vw;
        
     }

      .popup21-text {
        margin: 0;
      }
      
      .popup21-text:not(:last-of-type) {
        margin-bottom: 1em
      }
      
      .popup21-close {
        cursor: pointer;
        position: absolute;
        top: -26px;
        right: 0;
      }

      #popup22 {
        display: none; /* label でコントロールするので input は非表示に */
      }
      
      .popup22-open {
        cursor: pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
      }
      
      .popup22-overlay {
        display: none; /* input にチェックが入るまでは非表示に */
      }
      
      #popup22:checked ~ .popup22-overlay {
        display: block;
        z-index: 99999;
        background-color: #00000070;
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
      }
      
      .popup22-window {
        
        width: 80%;
        max-width: 560px;
        padding: 20px;
        background-color:#fff;
        border:4px solid #01135d;
        background-size:cover;
        border-radius: 6px;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
      
     .popup22-photo img{
display:block;
margin:0 auto;
        width:80%;
margin-bottom:4vw;
        
        
     }

      .popup22-text {
        margin: 0;
      }
      
      .popup22-text:not(:last-of-type) {
        margin-bottom: 1em
      }
      
      .popup22-close {
        cursor: pointer;
        position: absolute;
        top: -26px;
        right: 0;
      }

      #popup23 {
        display: none; /* label でコントロールするので input は非表示に */
      }
      
      .popup23-open {
        cursor: pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
      }
      
      .popup23-overlay {
        display: none; /* input にチェックが入るまでは非表示に */
      }
      
      #popup23:checked ~ .popup23-overlay {
        display: block;
        z-index: 99999;
        background-color: #00000070;
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
      }
      
      .popup23-window {
        width: 80%;
        max-width: 560px;
        padding: 20px;
        background-color:#fff;
        border:4px solid #01135d;
        background-size:cover;
        border-radius: 6px;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
      
     .popup23-photo img{
display:block;
margin:0 auto;
        width:80%;
margin-bottom:4vw;
        
        
     }

      .popup23-text {
        margin: 0;
      }
      
      .popup23-text:not(:last-of-type) {
        margin-bottom: 1em
      }
      
      .popup23-close {
        cursor: pointer;
        position: absolute;
        top: -26px;
        right: 0;
      }

      #popup24 {
        display: none; /* label でコントロールするので input は非表示に */
      }
      
      .popup24-open {
        cursor: pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
      }
      
      .popup24-overlay {
        display: none; /* input にチェックが入るまでは非表示に */
      }
      
      #popup24:checked ~ .popup24-overlay {
        display: block;
        z-index: 99999;
        background-color: #00000070;
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
      }
      
      .popup24-window {
        
        width: 80%;
        max-width: 560px;
        padding: 20px;
        background-color:#fff;
        border:4px solid #01135d;
        background-size:cover;
        border-radius: 6px;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
      
     .popup24-photo img{
display:block;
margin:0 auto;
        width:80%;
margin-bottom:4vw;
        
        
     }

      .popup24-text {
        margin: 0;
      }
      
      .popup24-text:not(:last-of-type) {
        margin-bottom: 1em
      }
      
      .popup24-close {
        cursor: pointer;
        position: absolute;
        top: -26px;
        right: 0;
      }

      #popup25 {
        display: none; /* label でコントロールするので input は非表示に */
      }
      
      .popup25-open {
        cursor: pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
      }
      
      .popup25-overlay {
        display: none; /* input にチェックが入るまでは非表示に */
      }
      
      #popup25:checked ~ .popup25-overlay {
        display: block;
        z-index: 99999;
        background-color: #00000070;
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
      }
      
      .popup25-window {
        
        width: 80%;
        max-width: 560px;
        padding: 20px;
        background-color:#fff;
        border:4px solid #01135d;
        background-size:cover;
        border-radius: 6px;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
      
     .popup25-photo img{
display:block;
margin:0 auto;
        width:80%;
margin-bottom:4vw;
        
        
     }

      .popup25-text {
        margin: 0;
      }
      
      .popup25-text:not(:last-of-type) {
        margin-bottom: 1em
      }
      
      .popup25-close {
        cursor: pointer;
        position: absolute;
        top: -26px;
        right: 0;
      }

      #popup26 {
        display: none; /* label でコントロールするので input は非表示に */
      }
      
      .popup26-open {
        cursor: pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
      }
      
      .popup26-overlay {
        display: none; /* input にチェックが入るまでは非表示に */
      }
      
      #popup26:checked ~ .popup26-overlay {
        display: block;
        z-index: 99999;
        background-color: #00000070;
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
      }
      
      .popup26-window {
        
        width: 80%;
        max-width: 560px;
        padding: 20px;
        background-color:#fff;
        border:4px solid #01135d;
        background-size:cover;
        border-radius: 6px;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
      
     .popup26-photo img{
display:block;
margin:0 auto;
        width:80%;
margin-bottom:4vw;
        
        
     }

      .popup26-text {
        margin: 0;
      }
      
      .popup26-text:not(:last-of-type) {
        margin-bottom: 1em
      }
      
      .popup26-close {
        cursor: pointer;
        position: absolute;
        top: -26px;
        right: 0;
      }

      #popup27 {
        display: none; /* label でコントロールするので input は非表示に */
      }
      
      .popup27-open {
        cursor: pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
      }
      
      .popup27-overlay {
        display: none; /* input にチェックが入るまでは非表示に */
      }
      
      #popup27:checked ~ .popup27-overlay {
        display: block;
        z-index: 99999;
        background-color: #00000070;
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
      }
      
      .popup27-window {
        
        width: 80%;
        max-width: 560px;
        padding: 20px;
        background-color:#fff;
        border:4px solid #01135d;
        background-size:cover;
        border-radius: 6px;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
      
     .popup27-photo img{
display:block;
margin:0 auto;
        width:80%;
margin-bottom:4vw;
        
        
     }

      .popup27-text {
        margin: 0;
      }
      
      .popup27-text:not(:last-of-type) {
        margin-bottom: 1em
      }
      
      .popup27-close {
        cursor: pointer;
        position: absolute;
        top: -26px;
        right: 0;
      }

      #popup28 {
        display: none; /* label でコントロールするので input は非表示に */
      }
      
      .popup28-open {
        cursor: pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
      }
      
      .popup28-overlay {
        display: none; /* input にチェックが入るまでは非表示に */
      }
      
      #popup28:checked ~ .popup28-overlay {
        display: block;
        z-index: 99999;
        background-color: #00000070;
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
      }
      
      .popup28-window {
        width: 80%;
        max-width: 560px;
        padding: 20px;
        background-color:#fff;
        border:4px solid #01135d;
        background-size:cover;
        border-radius: 6px;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
      
     .popup28-photo img{
display:block;
margin:0 auto;
      display:block;
        width:40%;
        margin:0 auto;
        
        
        
     }

      .popup28-text {
        margin: 0;
      }
      
      .popup28-text:not(:last-of-type) {
        margin-bottom: 1em
      }
      
      .popup28-close {
        cursor: pointer;
        position: absolute;
        top: -26px;
        right: 0;
      }

     
    
    
    #popup29 {
      display: none; /* label でコントロールするので input は非表示に */
    }
    
    .popup29-open {
      cursor: pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
    }
    
    .popup29-overlay {
      display: none; /* input にチェックが入るまでは非表示に */
    }
    
    #popup29:checked ~ .popup29-overlay {
      display: block;
      z-index: 99999;
      background-color: #00000070;
      position: fixed;
      width: 100%;
      height: 100vh;
      top: 0;
      left: 0;
    }
    
    .popup29-window {
      width: 80%;
      max-width:560px;
      padding: 20px;
      background-color:#fff;
      border:4px solid #01135d;
      background-size:cover;
      border-radius: 6px;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    
    .popup29-photo img{
    display:block;
    margin:0 auto;
      width:80%;
      
      
    }
    
    .popup29-text {
      margin: 0;
    }
    
    .popup29-text:not(:last-of-type) {
      margin-bottom: 1em
    }
    
    .popup29-close {
      cursor: pointer;
      position: absolute;
      top: -26px;
      right: 0;
    }
    
    #popup30 {
      display: none; /* label でコントロールするので input は非表示に */
    }
    
    .popup30-open {
      cursor: pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
    }
    
    .popup30-overlay {
      display: none; /* input にチェックが入るまでは非表示に */
    }
    
    #popup30:checked ~ .popup30-overlay {
      display: block;
      z-index: 99999;
      background-color: #00000070;
      position: fixed;
      width: 100%;
      height: 100vh;
      top: 0;
      left: 0;
    }
    
    .popup30-window {
      width: 80%;
      max-width:560px;
      padding: 20px;
      background-color:#fff;
      border:4px solid #01135d;
      background-size:cover;
      border-radius: 6px;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    
    
    
    .popup30-photo img{
    display:block;
    margin:0 auto;
      width:90%;
    
      
    }
    
    .popup30-text {
      margin: 0;
    }
    
    .popup30-text:not(:last-of-type) {
      margin-bottom: 1em
    }
    
    .popup30-close {
      cursor: pointer;
      position: absolute;
      top: -26px;
      right: 0;
    }
    
    #popup31 {
      display: none; /* label でコントロールするので input は非表示に */
    }
    
    .popup31-open {
      cursor: pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
    }
    
    .popup31-overlay {
      display: none; /* input にチェックが入るまでは非表示に */
    }
    
    #popup31:checked ~ .popup31-overlay {
      display: block;
      z-index: 99999;
      background-color: #00000070;
      position: fixed;
      width: 100%;
      height: 100vh;
      top: 0;
      left: 0;
    }
    
    .popup31-window {
      
      width: 80%;
      max-width:560px;
      padding: 20px;
      background-color:#fff;
      border:4px solid #01135d;
      background-size:cover;
      border-radius: 6px;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    
    .popup31-photo img{
    display:block;
    margin:0 auto;
      display:block;
      width:80%;
      
    }
    
    .popup31-text {
      margin: 0;
    }
    
    .popup31-text:not(:last-of-type) {
      margin-bottom: 1em
    }
    
    .popup31-close {
      cursor: pointer;
      position: absolute;
      top: -26px;
      right: 0;
    }
    
    #popup32 {
      display: none; /* label でコントロールするので input は非表示に */
    }
    
    .popup32-open {
      cursor: pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
    }
    
    .popup32-overlay {
      display: none; /* input にチェックが入るまでは非表示に */
    }
    
    #popup32:checked ~ .popup32-overlay {
      display: block;
      z-index: 99999;
      background-color: #00000070;
      position: fixed;
      width: 100%;
      height: 100vh;
      top: 0;
      left: 0;
    }
    
    .popup32-window {
      
      width: 80%;
      max-width:560px;
      padding: 20px;
      background-color:#fff;
      border:4px solid #01135d;
      background-size:cover;
      border-radius: 6px;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    
    .popup32-photo img{
    display:block;
    margin:0 auto;
      width:80%;
      
      
    }
    
    .popup32-text {
      margin: 0;
    }
    
    .popup32-text:not(:last-of-type) {
      margin-bottom: 1em
    }
    
    .popup32-close {
      cursor: pointer;
      position: absolute;
      top: -26px;
      right: 0;
    }
    
    #popup33 {
      display: none; /* label でコントロールするので input は非表示に */
    }
    
    .popup33-open {
      cursor: pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
    }
    
    .popup33-overlay {
      display: none; /* input にチェックが入るまでは非表示に */
    }
    
    #popup33:checked ~ .popup33-overlay {
      display: block;
      z-index: 99999;
      background-color: #00000070;
      position: fixed;
      width: 100%;
      height: 100vh;
      top: 0;
      left: 0;
    }
    
    .popup33-window {
      
      width: 80%;
      max-width:560px;
      padding: 20px;
      background-color:#fff;
      border:4px solid #01135d;
      background-size:cover;
      border-radius: 6px;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    
    .popup33-photo img{
    display:block;
    margin:0 auto;
    display:block;
      width:80%;
      
    }
    
    .popup33-text {
      margin: 0;
    }
    
    .popup33-text:not(:last-of-type) {
      margin-bottom: 1em
    }
    
    .popup33-close {
      cursor: pointer;
      position: absolute;
      top: -26px;
      right: 0;
    }
    
    #popup34 {
      display: none; /* label でコントロールするので input は非表示に */
    }
    
    .popup34-open {
      cursor: pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
    }
    
    .popup34-overlay {
      display: none; /* input にチェックが入るまでは非表示に */
    }
    
    #popup34:checked ~ .popup34-overlay {
      display: block;
      z-index: 99999;
      background-color: #00000070;
      position: fixed;
      width: 100%;
      height: 100vh;
      top: 0;
      left: 0;
    }
    
    .popup34-window {
      
      width: 80%;
      max-width:560px;
      padding: 20px;
      background-color:#fff;
      border:4px solid #01135d;
      background-size:cover;
      border-radius: 6px;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    
    .popup34-photo img{
    display:block;
    margin:0 auto;
      width:80%;
    margin-bottom:5px;
      
      
    }
    
    .popup34-text {
      margin: 0;
    }
    
    .popup34-text:not(:last-of-type) {
      margin-bottom: 1em
    }
    
    .popup34-close {
      cursor: pointer;
      position: absolute;
      top: -26px;
      right: 0;
    }
    
    #popup35 {
      display: none; /* label でコントロールするので input は非表示に */
    }
    
    .popup35-open {
      cursor: pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
    }
    
    .popup35-overlay {
      display: none; /* input にチェックが入るまでは非表示に */
    }
    
    #popup35:checked ~ .popup35-overlay {
      display: block;
      z-index: 99999;
      background-color: #00000070;
      position: fixed;
      width: 100%;
      height: 100vh;
      top: 0;
      left: 0;
    }
    
    .popup35-window {
      
      width: 80%;
      max-width:560px;
      padding: 20px;
      background-color:#fff;
      border:4px solid #01135d;
      background-size:cover;
      border-radius: 6px;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    
    .popup35-photo img{
    display:block;
    margin:0 auto;
      width:70%;
      
      
    }
    
    .popup35-text {
      margin: 0;
    }
    
    .popup35-text:not(:last-of-type) {
      margin-bottom: 1em
    }
    
    .popup35-close {
      cursor: pointer;
      position: absolute;
      top: -26px;
      right: 0;
    }
    
    #popup36 {
      display: none; /* label でコントロールするので input は非表示に */
    }
    
    .popup36-open {
      cursor: pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
    }
    
    .popup36-overlay {
      display: none; /* input にチェックが入るまでは非表示に */
    }
    
    #popup36:checked ~ .popup36-overlay {
      display: block;
      z-index: 99999;
      background-color: #00000070;
      position: fixed;
      width: 100%;
      height: 100vh;
      top: 0;
      left: 0;
    }
    
    .popup36-window {
      
      width: 80%;
      max-width:560px;
      padding: 20px;
      background-color:#fff;
      border:4px solid #01135d;
      background-size:cover;
      border-radius: 6px;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    
    .popup36-photo img{
    display:block;
    margin:0 auto;
      width:80%;
    margin-bottom:5px;
      
      
    }
    
    .popup36-text {
      margin: 0;
    }
    
    .popup36-text:not(:last-of-type) {
      margin-bottom: 1em
    }
    
    .popup36-close {
      cursor: pointer;
      position: absolute;
      top: -26px;
      right: 0;
    }
    
    #popup37 {
      display: none; /* label でコントロールするので input は非表示に */
    }
    
    .popup37-open {
      cursor: pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
    }
    
    .popup37-overlay {
      display: none; /* input にチェックが入るまでは非表示に */
    }
    
    #popup37:checked ~ .popup37-overlay {
      display: block;
      z-index: 99999;
      background-color: #00000070;
      position: fixed;
      width: 100%;
      height: 100vh;
      top: 0;
      left: 0;
    }
    
    .popup37-window {
      
      width: 80%;
      max-width:560px;
      padding: 20px;
      background-color:#fff;
      border:4px solid #01135d;
      background-size:cover;
      border-radius: 6px;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    
    .popup37-photo img{
    display:block;
    margin:0 auto;
      width:80%;
    margin-bottom:5px;
      
      
    }
    
    .popup37-text {
      margin: 0;
    }
    
    .popup37-text:not(:last-of-type) {
      margin-bottom: 1em
    }
    
    .popup37-close {
      cursor: pointer;
      position: absolute;
      top: -26px;
      right: 0;
    }
    
    #popup38 {
      display: none; /* label でコントロールするので input は非表示に */
    }
    
    .popup38-open {
      cursor: pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
    }
    
    .popup38-overlay {
      display: none; /* input にチェックが入るまでは非表示に */
    }
    
    #popup38:checked ~ .popup38-overlay {
      display: block;
      z-index: 99999;
      background-color: #00000070;
      position: fixed;
      width: 100%;
      height: 100vh;
      top: 0;
      left: 0;
    }
    
    .popup38-window {
      
      width: 80%;
      max-width:560px;
      padding: 20px;
      background-color:#fff;
      border:4px solid #01135d;
      background-size:cover;
      border-radius: 6px;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    
    .popup38-photo img{
    display:block;
    margin:0 auto;
      width:80%;
    margin-bottom:5px;
      
      
    }
    
    .popup38-text {
      margin: 0;
    }
    
    .popup38-text:not(:last-of-type) {
      margin-bottom: 1em
    }
    
    .popup38-close {
      cursor: pointer;
      position: absolute;
      top: -26px;
      right: 0;
    }
    
    #popup39 {
      display: none; /* label でコントロールするので input は非表示に */
    }
    
    .popup39-open {
      cursor: pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
    }
    
    .popup39-overlay {
      display: none; /* input にチェックが入るまでは非表示に */
    }
    
    #popup39:checked ~ .popup39-overlay {
      display: block;
      z-index: 99999;
      background-color: #00000070;
      position: fixed;
      width: 100%;
      height: 100vh;
      top: 0;
      left: 0;
    }
    
    .popup39-window {
      
      width: 80%;
      max-width:560px;
      padding: 20px;
      background-color:#fff;
      border:4px solid #01135d;
      background-size:cover;
      border-radius: 6px;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    
    .popup39-photo img{
      display:block;
      margin:0 auto;
      width:80%;
      
      
    }
    
    .popup39-text {
      margin: 0;
    }
    
    .popup39-text:not(:last-of-type) {
      margin-bottom: 1em
    }
    
    .popup39-close {
      cursor: pointer;
      position: absolute;
      top: -26px;
      right: 0;
    }
    
    #popup40 {
      display: none; /* label でコントロールするので input は非表示に */
    }
    
    .popup40-open {
      cursor: pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
    }
    
    .popup40-overlay {
      display: none; /* input にチェックが入るまでは非表示に */
    }
    
    #popup40:checked ~ .popup40-overlay {
      display: block;
      z-index: 99999;
      background-color: #00000070;
      position: fixed;
      width: 100%;
      height: 100vh;
      top: 0;
      left: 0;
    }
    
    .popup40-window {
      
      width: 80%;
      max-width:560px;
      padding: 20px;
      background-color:#fff;
      border:4px solid #01135d;
      background-size:cover;
      border-radius: 6px;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    
    .popup40-photo img{
      float:left;
      width:40%;
    margin-bottom:5px;
    margin-right:5px;
      
      
    }
    
    .popup40-text {
      margin: 0;
    }
    
    .popup40-text:not(:last-of-type) {
      margin-bottom: 1em
    }
    
    .popup40-close {
      cursor: pointer;
      position: absolute;
      top: -26px;
      right: 0;
    }
    
    #popup41 {
      display: none; /* label でコントロールするので input は非表示に */
    }
    
    .popup41-open {
      cursor: pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
    }
    
    .popup41-overlay {
      display: none; /* input にチェックが入るまでは非表示に */
    }
    
    #popup41:checked ~ .popup41-overlay {
      display: block;
      z-index: 99999;
      background-color: #00000070;
      position: fixed;
      width: 100%;
      height: 100vh;
      top: 0;
      left: 0;
    }
    
    .popup41-window {
      
      width: 80%;
      max-width:560px;
      padding: 20px;
      background-color:#fff;
      border:4px solid #01135d;
      background-size:cover;
      border-radius: 6px;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    
    .popup41-photo img{
      display:block;
      margin:0 auto;
      width:80%;
      
    }
    
    .popup41-text {
      margin: 0;
    }
    
    .popup41-text:not(:last-of-type) {
      margin-bottom: 1em
    }
    
    .popup41-close {
      cursor: pointer;
      position: absolute;
      top: -26px;
      right: 0;
    }
    
    #popup42 {
      display: none; /* label でコントロールするので input は非表示に */
    }
    
    .popup42-open {
      cursor: pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
    }
    
    .popup42-overlay {
      display: none; /* input にチェックが入るまでは非表示に */
    }
    
    #popup42:checked ~ .popup42-overlay {
      display: block;
      z-index: 99999;
      background-color: #00000070;
      position: fixed;
      width: 100%;
      height: 100vh;
      top: 0;
      left: 0;
    }
    
    .popup42-window {
      
      width: 80%;
      max-width:560px;
      padding: 20px;
      background-color:#fff;
      border:4px solid #01135d;
      background-size:cover;
      border-radius: 6px;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    
    .popup42-photo img{
      margin:0 auto;
      width:60%;
      display:block;
    }
    
    .popup42-text {
      margin: 0;
    }
    
    .popup42-text:not(:last-of-type) {
      margin-bottom: 1em
    }
    
    .popup42-close {
      cursor: pointer;
      position: absolute;
      top: -26px;
      right: 0;
    }

    #popup43 {
  display: none; /* label でコントロールするので input は非表示に */
}

.popup43-open {
  cursor: pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
}

.popup43-overlay {
  display: none; /* input にチェックが入るまでは非表示に */
}

#popup43:checked ~ .popup43-overlay {
  display: block;
  z-index: 99999;
  background-color: #00000070;
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
}

.popup43-window {
  
  width: 80%;
  max-width:560px;
  padding: 20px;
  background-color:#fff;
  border:4px solid #01135d;
  background-size:cover;
  border-radius: 6px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.popup43-photo img{
display:block;
margin:0 auto;
  width:80%;
margin-bottom:5px;
  
  
}

.popup43-text {
  margin: 0;
}

.popup43-text:not(:last-of-type) {
  margin-bottom: 1em
}

.popup43-close {
  cursor: pointer;
  position: absolute;
  top: -26px;
  right: 0;
}

#popup44 {
  display: none; /* label でコントロールするので input は非表示に */
}

.popup44-open {
  cursor: pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
}

.popup44-overlay {
  display: none; /* input にチェックが入るまでは非表示に */
}

#popup44:checked ~ .popup44-overlay {
  display: block;
  z-index: 99999;
  background-color: #00000070;
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
}

.popup44-window {
  width: 80%;
  max-width:560px;
  padding: 20px;
  background-color:#fff;
  border:4px solid #01135d;
  background-size:cover;
  border-radius: 6px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.popup44-photo img{
display:block;
margin:0 auto;
  width:80%;
margin-bottom:5px;
  
  
}

.popup44-text {
  margin: 0;
}

.popup44-text:not(:last-of-type) {
  margin-bottom: 1em
}

.popup44-close {
  cursor: pointer;
  position: absolute;
  top: -26px;
  right: 0;
}

#popup45 {
  display: none; /* label でコントロールするので input は非表示に */
}

.popup45-open {
  cursor: pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
}

.popup45-overlay {
  display: none; /* input にチェックが入るまでは非表示に */
}

#popup45:checked ~ .popup45-overlay {
  display: block;
  z-index: 99999;
  background-color: #00000070;
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
}

.popup45-window {
  
  width: 80%;
  max-width:560px;
  padding: 20px;
  background-color:#fff;
  border:4px solid #01135d;
  background-size:cover;
  border-radius: 6px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.popup45-photo img{
display:block;
margin:0 auto;
  width:80%;
margin-bottom:5px;
  
  
}

.popup45-text {
  margin: 0;
}

.popup45-text:not(:last-of-type) {
  margin-bottom: 1em
}

.popup45-close {
  cursor: pointer;
  position: absolute;
  top: -26px;
  right: 0;
}

#popup46 {
  display: none; /* label でコントロールするので input は非表示に */
}

.popup46-open {
  cursor: pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
}

.popup46-overlay {
  display: none; /* input にチェックが入るまでは非表示に */
}

#popup46:checked ~ .popup46-overlay {
  display: block;
  z-index: 99999;
  background-color: #00000070;
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
}

.popup46-window {
  
  width: 80%;
  max-width:560px;
  padding: 20px;
  background-color:#fff;
  border:4px solid #01135d;
  background-size:cover;
  border-radius: 6px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.popup46-photo img{
display:block;
margin:0 auto;
  width:80%;
margin-bottom:5px;
  
  
}

.popup46-text {
  margin: 0;
}

.popup46-text:not(:last-of-type) {
  margin-bottom: 1em
}

.popup46-close {
  cursor: pointer;
  position: absolute;
  top: -26px;
  right: 0;
}

#popup47 {
  display: none; /* label でコントロールするので input は非表示に */
}

.popup47-open {
  cursor: pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
}

.popup47-overlay {
  display: none; /* input にチェックが入るまでは非表示に */
}

#popup47:checked ~ .popup47-overlay {
  display: block;
  z-index: 99999;
  background-color: #00000070;
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
}

.popup47-window {
  
  width: 80%;
  max-width:560px;
  padding: 20px;
  background-color:#fff;
  border:4px solid #01135d;
  background-size:cover;
  border-radius: 6px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.popup47-photo img{
display:block;
margin:0 auto;
  width:80%;
margin-bottom:5px;
  
  
}

.popup47-text {
  margin: 0;
}

.popup47-text:not(:last-of-type) {
  margin-bottom: 1em
}

.popup47-close {
  cursor: pointer;
  position: absolute;
  top: -26px;
  right: 0;
}

#popup48 {
  display: none; /* label でコントロールするので input は非表示に */
}

.popup48-open {
  cursor: pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
}

.popup48-overlay {
  display: none; /* input にチェックが入るまでは非表示に */
}

#popup48:checked ~ .popup48-overlay {
  display: block;
  z-index: 99999;
  background-color: #00000070;
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
}

.popup48-window {
  
  width: 80%;
  max-width:560px;
  padding: 20px;
  background-color:#fff;
  border:4px solid #01135d;
  background-size:cover;
  border-radius: 6px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.popup48-photo img{
display:block;
margin:0 auto;
  width:80%;
margin-bottom:5px;
  
  
}

.popup48-text {
  margin: 0;
}

.popup48-text:not(:last-of-type) {
  margin-bottom: 1em
}

.popup48-close {
  cursor: pointer;
  position: absolute;
  top: -26px;
  right: 0;
}

#popup49 {
  display: none; /* label でコントロールするので input は非表示に */
}

.popup49-open {
  cursor: pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
}

.popup49-overlay {
  display: none; /* input にチェックが入るまでは非表示に */
}

#popup49:checked ~ .popup49-overlay {
  display: block;
  z-index: 99999;
  background-color: #00000070;
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
}

.popup49-window {
  width: 80%;
  max-width:560px;
  padding: 20px;
  background-color:#fff;
  border:4px solid #01135d;
  background-size:cover;
  border-radius: 6px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.popup49-photo img{
display:block;
margin:0 auto;
  width:80%;
  
  
}

.popup49-text {
  margin: 0;
}

.popup49-text:not(:last-of-type) {
  margin-bottom: 1em
}

.popup49-close {
  cursor: pointer;
  position: absolute;
  top: -26px;
  right: 0;
}

#popup100 {
  display: none; /* label でコントロールするので input は非表示に */
}

.popup100-open {
  cursor: pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
}

.popup100-overlay {
  display: none; /* input にチェックが入るまでは非表示に */
}

#popup100:checked ~ .popup100-overlay {
  display: block;
  z-index: 99999;
  background-color: #00000070;
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
}

.popup100-window {
  width: 80%;
  max-width:560px;
  padding: 20px;
  background-color:#fff;
  border:4px solid #01135d;
  background-size:cover;
  border-radius: 6px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.popup100-photo img{
display:inline-block;
margin-left:5%;
  width:40%;
  
  
}

.popup100-text {
  margin: 0;
}

.popup100-text:not(:last-of-type) {
  margin-bottom: 1em
}

.popup100-close {
  cursor: pointer;
  position: absolute;
  top: -26px;
  right: 0;
}

#popup403 {
  display: none; /* label でコントロールするので input は非表示に */
}

.popup403-open {
  cursor: pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
}

.popup403-overlay {
  display: none; /* input にチェックが入るまでは非表示に */
}

#popup403:checked ~ .popup403-overlay {
  display: block;
  z-index: 99999;
  background-color: #00000070;
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
}

.popup403-window {
  width: 80%;
  max-width:560px;
  padding: 20px;
  background-color:#fff;
  border:4px solid #01135d;
  background-size:cover;
  border-radius: 6px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.popup403-photo img{
display:block;
margin-left:5%;
  width:50%;
  margin:0 auto;
  
  
}

.popup403-text {
  margin: 0;
}

.popup403-text:not(:last-of-type) {
  margin-bottom: 1em
}

.popup403-close {
  cursor: pointer;
  position: absolute;
  top: -26px;
  right: 0;
}


@media screen and (max-width: 1024px) {
  h1 {
        font-size: 40px;
    }
}

@media screen and (max-width: 600px) {

    h1 {
        margin-top: 30px;
        margin-bottom: 20px;

        font-size: 30px;
    }
}