#volunteer_entry_content .text00{font-size:.14rem!important;line-height:1.78571!important;font-weight:700}#volunteer_entry_content .banner_btn{text-align:center;margin:0 auto}#volunteer_entry_content .volunteer-in-content{box-sizing:border-box;border:8px solid #f6f6f6;text-align:center;padding:60px}#volunteer_entry_content .volunteer-in-content .p-indent{text-indent:-1em;margin-left:1em}#volunteer_entry_content .down_mark{display:block;margin:0 auto}#volunteer_entry_content .sikaku{width:150px}#volunteer_entry_content .le-sikaku,#volunteer_entry_content .sikaku{display:block;box-sizing:border-box;height:50px;margin:0 auto;border:2px solid #009fe9;text-align:center;line-height:50px;font-weight:700;font-size:.13rem;color:#009fe9}#volunteer_entry_content .le-sikaku{width:506px}#volunteer_entry_content .le-sikaku .sp-br{display:none}@media screen and (max-width:768px){#volunteer_entry_content .text00{font-size:.13rem!important;line-height:1.30769!important}#volunteer_entry_content .banner_btn img{width:85%}#volunteer_entry_content .volunteer-in-content{border:none;padding:0;text-align:left}#volunteer_entry_content .down_mark{width:22.5%}#volunteer_entry_content .sikaku{width:34.375%;height:auto;line-height:auto;font-size:.11rem}#volunteer_entry_content .le-sikaku{width:100%;height:auto;line-height:1.72;font-size:.11rem;padding-top:20px;padding-bottom:20px}#volunteer_entry_content .le-sikaku .sp-br{display:inline}}


/* ---------- 202408 add ボランティアタブ表示調整 ---------------------------------------- */
@media screen and (min-width:1024px) and (max-width:1280px) {
.tab01.tab01--volunteer ul{display:flex;flex-wrap:wrap;row-gap:8px;margin-bottom:8px} 
}
@media screen and (min-width:769px) {
.tab01.tab01--volunteer li{min-width:160px}
/* .tab01.tab01--volunteer li:not(:first-child){min-width:160px} */
.tab01.tab01--volunteer span,.tab01.tab01--volunteer a{line-height:1.4;text-align:center;padding:8px 15px 10px;display:flex;align-items:center;justify-content:center;flex-direction:column;:border-box}
.tab01.tab01--volunteer button{display:none}
}
.tab01.tab01--volunteer b {
display: inline-block;
color: #fff !important;
background-color: #999;
margin-top: 4px;
padding: 2px 10px 3px;
font-size: 12px;
}

.tab01.tab01--volunteer b.current {
display: inline-block;
background-color: #e54e31 !important;
}

@media screen and (max-width:768px) {
  .tab01.tab01--volunteer b {
  display: inline-block;
  color: #fff !important;
  background-color: #999;
  margin-top: 0px;
  padding: 2px 10px 3px;
  font-size: 10px;
  }
}

@media screen and (max-width:768px) {
/* .tab01.tab01--volunteer span br,.tab01.tab01--volunteer a br,.tab01.tab01--volunteer button br{display:none} */
.tab01.tab01--volunteer button{color:#fff;line-height:1.7;font-size:.14rem;font-family:inherit;display:block;padding:10px 15px;border:none;outline:none;appearance:none;background:none;cursor:pointer;min-width:142px}
.tab01.tab01--volunteer .tab01_soon a{display:none}
}

/* ---------- 202408 add ボランティアアイコン・凡例 ---------------------------------------- */
.explanatory_note_list{display:flex;gap:16px}
.explanatory_note_list li{display:flex;align-items:center;gap:8px;font-size:.16rem}
.explanatory_note_list li .icon_member_type{margin-left:0}
.icon_member_type{display:inline-flex;vertical-align:text-bottom;align-items:center;justify-content:center;margin-left:8px;width:.2rem;height:.2rem;background:#333;color:#fff;font-size:.12rem;font-family:"Montserrat",sans-serif;font-weight:600;border-radius:50%}
.icon_member_type.type_ls{background:#F552F4}
.icon_member_type.type_l{background:#4EA72E}
.icon_member_type.type_m{background:#FFFF01;color:#000}
.icon_member_type.type_j{background:#0F9ED5}
@media screen and (max-width:768px) {
.explanatory_note_list{flex-wrap:wrap}
.icon_member_type{width:.18rem;height:.18rem;font-size:.1rem}
}

.tab01.tab01--volunteer ul {
display: flex;
flex-wrap: wrap;
gap:8px;
}

.tab01.tab01--volunteer li {
float: none;
margin: 0 !important;
}

.tab01.tab01--volunteer li a,
.tab01.tab01--volunteer li span {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  box-sizing: border-box;
}

@media screen and (max-width:768px) {
  .tab01.tab01--volunteer li a,
  .tab01.tab01--volunteer li span {
    align-items: flex-start;
  }
}