.popup_1{position: fixed; bottom: 40px; z-index: 9999;}
.popup_1.left{ left: 0;}
.popup_1.right{ right: 0;}
.popup_1.close{display: none;}
.popup_1.left .popup_btn{background: #333; border-radius: 50%; color: #fff; cursor: pointer; display: block; height: 27px;  width: 27px; position: absolute; right: -10px; top: -10px; text-align: center;}
.popup_1.right .popup_btn{background: #333; border-radius: 50%; color: #fff; cursor: pointer; display: block; height: 27px;  width: 27px; position: absolute; left: -10px; top: -10px; text-align: center;}

.popup_2{position: fixed; bottom: 140px; z-index: 9999;}
.popup_2.left{ left: 0;}
.popup_2.right{ right: 0;}
.popup_2.close{display: none;}
.popup_2.left .popup_btn{background: #333; border-radius: 50%; color: #fff; cursor: pointer; display: block; height: 27px;  width: 27px; position: absolute; right: -10px; top: -10px; text-align: center;}
.popup_2.right .popup_btn{background: #333; border-radius: 50%; color: #fff; cursor: pointer; display: block; height: 27px;  width: 27px; position: absolute; left: -10px; top: -10px; text-align: center;}

.popup_3{position: fixed; bottom: 20px; z-index: 9999;}
.popup_3 a{color:#7d0022; font-weight:bold; font-size:16px; transition: opacity 0.5s ease-out;}
.popup_3 a:hover{opacity: .5;}

.popup_4{position: fixed; bottom: 140px; z-index: 9999;}
.popup_4.left{ left: 0;}
.popup_4.right{ right: 0;}
.popup_4.close{display: none;}
.popup_4.left .popup_btn{background: #333; border-radius: 50%; color: #fff; cursor: pointer; display: block; height: 27px;  width: 27px; position: absolute; right: -10px; top: -10px; text-align: center;}
.popup_4.right .popup_btn{background: #333; border-radius: 50%; color: #fff; cursor: pointer; display: block; height: 27px;  width: 27px; position: absolute; left: -10px; top: -10px; text-align: center;}

.popup_contents{width:250px; position: relative;}
.popup_contents a img{width:100%; height:auto; }
.popup_contents a{color:#7d0022; font-weight:bold; font-size:16px; transition: opacity 0.5s ease-out;}
.popup_contents a:hover{opacity: .5;}



.remodal.volunteer{ padding:3rem 2rem; max-width:800px; box-sizing: border-box;}
.remodal.volunteer h2,.remodal.volunteer h3{ color:#000; line-height:135% !important; }
.remodal.volunteer h2{ margin:0 auto 1em !important; font-size:24px !important; }
.remodal.volunteer h3{ margin:0 auto 1em !important; font-size:20px !important; }
.remodal.volunteer p{ line-height:200% !important; letter-spacing:0.075em !important; margin:0 !important; }
.remodal.volunteer .f14{ font-size:14px !important; }
.remodal.volunteer .f18{ font-size:18px !important; }
.remodal.volunteer .lh125{ line-height:125% !important; }
.remodal.volunteer .bold{ font-weight:bold !important; }
.remodal.volunteer a.tel {font-size:28px !important; line-height:180% !important; text-decoration:none !important; color:#db8e49 !important; margin-left:0.5rem;}

.marker {
  background: linear-gradient(transparent 60%, #f2cf39 0%);
  display: inline;
  padding: 0 1px 0px;
}

.remodal{padding: 55px; max-width:800px;}
.remodal .section_box{margin:0 0 20px 0;}
.remodal .message{padding:0 0 20px 0; font-size:14px;}
.remodal .message p{padding:0 0 10px 0; font-size:14px;}
.remodal h2{font-size:21px; color:#7d0022;}
.remodal h3{margin:0 0 20px 0; color:#7d0022; font-size:21px;}
.remodal h4{margin:0 0 10px 0; color:#59493f; font-size:16px;}

.first{display: none;}
.info{margin:0 0 20px 0;}


@media only screen and (max-width: 767px){
.remodal{padding:20px;}
.popup_contents{width:80%;}
.popup_contents a{width:100%}
.popup_contents a img{width:100%; height:auto; }
    
    

  .s-w200 { width:200px !important; }
  .s-w160 { width:160px !important; }
  .s-w130 { width:130px !important; }

  .popup_1 { bottom: 20px; }
  .popup_2 { bottom: 160px; }
  .popup_6 { bottom: 140px;}
    
  .s-w200 .popup_contents,
  .s-w160 .popup_contents,
  .s-w130 .popup_contents {width:100% !important;}
    
  .popup_1.right,
  .popup_2.right { right: auto; left: 0;}
  .popup_1.right .popup_btn,
  .popup_2.right .popup_btn { left: auto; right: -10px; top: -10px;}
}


/* 指定デバイスでON・OFFを切り替える */

/* PCサイズ */
@media (min-width:1024px){
  .tb:not(.pc){
    display: none;
  }
  .sp:not(.pc){
    display: none;
  }
}

/* タブレットサイズ */
@media (min-width:768px) and (max-width:1023px){
  .pc:not(.tb){
    display: none;
  }
  .sp:not(.tb){
    display: none;
  }
}

/* スマホサイズ */
@media (max-width:767px){
  .pc:not(.sp){
    display: none;
  }
  .tb:not(.sp){
    display: none;
  }
}