@charset "utf-8";

/* --------------------------------------------------------- */
/* /research/volunteer.css */
/* --------------------------------------------------------- */

#title{width:34.7273%;}
#mv{margin-bottom:20px;}
.block{margin-bottom:90px;}

/*ページ内アンカー*/
.anchor{display:flex;flex-wrap:wrap;justify-content:center;margin:8% auto;}
.anchor li{width:31.111%;font-size:15px;margin-left:3.3335%;}
.anchor li:nth-child(3n+1){margin-left:0;}
.anchor a{display:block;padding:2px;padding-left:2.667em;line-height:223%;text-align:center;text-decoration:none;border:1px solid #ad1e23;box-sizing:border-box;position:relative;}
.anchor a:before{content:'';display:block;width:2.667em;height:100%;background:url(/img/icon/icon-anchorarrow.png) no-repeat left center;background-size:auto 100%;position:absolute;top:0;left:0;}
.anchor a:hover{opacity:0.7;}

/*アイコン付リンク*/
.dl{display:inline-block;margin-top:0.667em;font-size:15px;line-height:160%;}
.dl + .dl{margin-left:3.467em;}
.dl a{display:flex;align-items:center;color:#005ca9;box-sizing:border-box;text-decoration:none;}
.dl a:before{content:'';display:block;margin-right:0.667em;width:4em;padding-top:4em;background:no-repeat center;background-size:100% auto;}
.dl a:hover{text-decoration:none;}
.dl.pdf a:before{background-image:url(/common/img/icon-pdf.png);}
.dl.doc a:before{background-image:url(/common/img/icon-doc.png);}
.dl.xls a:before{background-image:url(/common/img/icon-xls.png);}

/*グレー背景ボックス*/
.graybox{padding:1.112% 0 2.223%;background:#f5f5f5;}
.graybox h4,
.graybox .txt{margin:0!important;text-align:center;}
.graybox .txt{line-height:160%!important;}

/* volunteer --------------------------- */
#volunteer{}
#volunteer h2{margin-bottom:2%;padding-bottom:0.5em;font-size:24px;line-height:150%;border-bottom:2px solid #ad1e23;}
#volunteer h3{margin-top:40px;margin-bottom:2%;font-size:18px;line-height:200%;}
#volunteer h3 span{display:inline;color:#ad1e23;}
#volunteer h4{margin-bottom:2%;font-size:18px;line-height:200%;}
#volunteer h4 span{display:inline;color:#ad1e23;}
#volunteer .txt{font-size:15px;line-height:186%;}
#volunteer .txt a{display:inline;color:#005ca9;padding-left:1.334em;background:url(/img/icon/icon-arrow.png) no-repeat center left;background-size:0.6em auto;word-break:break-all;box-sizing:border-box;position:relative;}
#volunteer .txt a:hover{text-decoration:none;}

.recruitment{margin-bottom:70px;}
.recruitment .list1{margin-top:25px;margin-bottom:30px;}
.recruitment .list2{margin-top:40px;margin-bottom:30px;display:flex;flex-wrap:wrap;}
.recruitment .list2 li{width:350px;}

.contact .btn{text-align:center;margin-top:20px;}
.contact .btn a{display:inline-block;width:100%;max-width:290px;border:1px solid #ccc;border-radius:40px;text-decoration:none;padding:10px 15px;color:#005ca9;font-size:15px;box-sizing:border-box;}
.contact .btn span{display:block;background:url(/img/research/community/icon-arrow.png) no-repeat left center;padding-left:12px;}

.unit .table table{width:100%;table-layout:fixed;}
.unit .table th,
.unit .table td{padding:16px;box-sizing:border-box;text-align:center;vertical-align:middle;font-size:15px;line-height:186%;border:1px solid #ccc;}
.unit .table th{background:#fbf4f4;}
.unit .table td span{display:inline-block;text-align:left;}
.unit .list{display:flex;flex-wrap:wrap;}
.unit .list li{width:350px;}

.activity h2{margin-bottom:38px;}
.activity .list1{display:flex;flex-wrap:wrap;}
.activity .list1 li{width:31.111%;margin-left:3.3335%;margin-bottom:40px;}
.activity .list1 li:nth-child(3n+1){margin-left:0;}
.activity .list1 li .txt{text-align:center;margin-top:10px;}
.activity .list2{display:flex;flex-wrap:wrap;}
.activity .list2 li{box-sizing:border-box;padding:6px 10px;width:50%;}
.activity .list2 li:nth-child(4n+1),
.activity .list2 li:nth-child(4n+2){background:#f5f5f5;}






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

/*ページ内アンカー*/
.anchor li{font-size:1.21vw;}
.anchor a{border-width:1px;}

/*アイコン付リンク*/
.dl{font-size:1.21vw;}


#volunteer h2{font-size:1.936vw;border-width:0.162vw;}
#volunteer h3{font-size:1.452vw;}
#volunteer h4{font-size:1.452vw;}
#volunteer .txt{font-size:1.21vw;}


}



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

#title{width:61.324%;}
#mv{width:110.295%;margin-left:-5.1475%;margin-bottom:25px;}

.block{margin-bottom:45px;}

/*ページ内アンカー*/
.anchor{display:block;margin-top:5.883%;padding-left:20px;padding-right:20px;}
.anchor li{width:100%;font-size:3.2vw;margin:2.942% 0 0;}
.anchor a{padding-left:2.292em;border-width:0.134vw;}
.anchor a:before{width:3.3em;}
.anchor a:hover{opacity:1;}

/*アイコン付リンク*/
.dl{margin-top:0.834em;font-size:3.2vw;}
.dl + .dl{margin-left:0;}
.dl a:before{margin-right:0.834em;width:4.167em;padding-top:4.167em;}
.dl a:hover{text-decoration:underline;}

/*グレー背景ボックス*/
.graybox{padding:5.148% 0;}
.graybox .txt{margin-top:1em!important;line-height:175%!important;}

/* volunteer --------------------------- */
#volunteer h2{padding-bottom:2.942%;font-size:4.267vw;line-height:131%;border-width:0.267vw;margin-bottom:4%;}
#volunteer h3{font-size:3.734vw;line-height:128%;margin-top:35px;}
#volunteer h4{font-size:3.734vw;line-height:128%;}
#volunteer .txt{font-size:3.2vw;line-height:175%;}

.recruitment .list1{margin-top:15px;margin-bottom:22px;}
.recruitment .list2{margin-top:18px;margin-bottom:16px;}

.contact .btn{margin-top:16px;}
.contact .btn a{width:56vw;font-size:3.2vw;}

.unit .table{margin-bottom:10px;}
.unit .table table{table-layout:unset;}
.unit .table th:first-child{width:115px;}
.unit .table th:nth-child(2){width:calc(100% - 115px);}
.unit .table th,
.unit .table td{font-size:3.2vw;line-height:175%;padding:10px;}

.activity .list1 li{width:47.059%;margin-left:5.882%;margin-bottom:20px;}
.activity .list1 li:nth-child(3n+1){margin-left:5.882%;}
.activity .list1 li:nth-child(2n+1){margin-left:0;}
#volunteer .activity .list1 .txt{margin-top:5px;}
.activity .list2{display:block;}
.activity .list2 li{width:auto;}
.activity .list2 li:nth-child(4n+2){background:transparent;}
.activity .list2 li:nth-child(2n+1){background:#f5f5f5;}


}