@charset "utf-8";
/* ========================================
CSS RESET
======================================== */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,header,hgroup,main,menu,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;}
article,aside,details,figcaption,figure,header,hgroup,menu,section{display:block;}
body{font-size:16px;font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"MS PGothic",sans-serif;line-height:1.6;background:#f3f2e4;}
ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
img{width:100%;height:auto;vertical-align:bottom;}
*{box-sizing:border-box;}
/* ========================================
LAYOUT
======================================== */
#contents{width:98%;max-width:1080px;margin:20px auto;background:#fff;}
header{margin:5px auto;text-align:center;}
nav{margin:10px auto 20px;text-align:center;}
/* ========================================
LINK
======================================== */
a{text-decoration:none;}
header a{display:inline-block;margin:0 5px;padding:3px 10px;color:#fff;font-size:0.9em;font-weight:bold;background:#333;border-radius:5px;}
nav a{margin:5px 15px;}
/* ========================================
HEADING
======================================== */
h1{margin-bottom:5px;padding:0.3em 0;font-size:1.5em;text-align:center;border-bottom:2px double #000;}
.h1_vglist a{margin:0 10px;padding:3px 10px;font-weight:normal;background:#ccc;border-radius:15px;}
h2{margin:15px 0 5px;padding:0.5em 0;font-size:1.2em;line-height:1.2;text-align:center;}
/* ========================================
VOLUNTEER LIST
======================================== */
.ul_vglist{display: flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:0px 0 20px;}
.ul_vglist li{padding:5px;border:1px solid #ccc;border-radius:5px;}
/* ========================================
IMAGE LIST
======================================== */
.vgimg{clear:both;padding-top:1px;}
.vgimg p{width:95%;margin:0 auto;padding-top:20px;
font-size:1.8em;font-weight:bold;line-height:1.3;}
.vgimg p span{font-size:0.6em;}
.vgimg img{max-width:1000px;margin-top:10px;}
/* ========================================
INFO BOX
======================================== */
.vg_box1{width:90%;max-width:500px;margin:10px auto 30px;padding:0.5em 1em;border:double 5px #ccc;border-radius:5px;}
.vg_box1 p{width:100%;margin:0;padding:0;font-size:0.8em;}
/* ========================================
PC / MOBILE
======================================== */
@media screen and (max-width:680px){
	h1 span{display:inline-block;}
	.h1_vglist a{font-size:0.7em;margin:5px;}
	.ul_vglist{gap:6px;padding:0px 0 10px;}
	.vgimg p{font-size:1.3em;}
}