@charset "utf-8";

/* --------------------------------------------------------- */
/* /research/community.css */
/* --------------------------------------------------------- */

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

/*グレー背景ボックス*/
.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;}

/*more付きPDFリスト*/
.archive{margin-bottom:10%;}
.archive .pdflink{display:flex;flex-wrap:wrap;}
.archive .pdflink li{width:32.223%;/*290*/margin:0 1.6655% 1.6655% 0;font-size:15px;line-height:400%;}
.archive .pdflink li:nth-of-type(3n){margin-right:0;}
.archive .pdflink a{display:block;padding-left:1.667em;text-decoration:none;border:1px solid #ccc;background:url(/img/icon/icon-pdf.png) no-repeat;background-position:center right 0.6em;background-size:1.734em auto;box-sizing:border-box;position:relative;transition:opacity ease 0.3s;}
.archive .pdflink a:before{content:'';display:block;width:0.6em;height:0.8em;background:url(/img/icon/icon-arrow.png) no-repeat center;background-size:100% auto;margin-left:0.667em;position:absolute;top:50%;left:0;transform:translateY(-50%);}
.archive .pdflink a:hover{opacity:0.7;}
.archive .more{width:4em;margin:0.556% auto 0;font-size:24px;line-height:100%;text-decoration:underline;text-align:center;cursor:pointer;}
.archive .more:after{content:'+';display:inline;}
.archive .more.on:after{content:'-';}
.archive .more:hover{text-decoration:none;}
.archive .morewrap{display:none;}

/* community --------------------------- */
#community{}
#community h2{margin-bottom:2%;padding-bottom:0.5em;font-size:24px;line-height:150%;border-bottom:2px solid #ad1e23;}
#community h3{margin-top:40px;margin-bottom:2%;font-size:18px;line-height:200%;}
#community h3 span{display:inline;color:#ad1e23;}
#community h4{margin-bottom:2%;font-size:18px;line-height:200%;}
#community h4 span{display:inline;color:#ad1e23;}
#community .txt{font-size:15px;line-height:186%;}
#community .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;}
#community .txt a:hover{text-decoration:none;}

.system h2{margin-bottom:0;}
.system .img img{position:relative;width:65.889%;margin-top:-50px;margin-left:auto;margin-right:auto;}

#community .activity h2{margin-bottom:4%;}
.activity .list{display:flex;flex-wrap:wrap;}
.activity .list li{width:30%;margin-left:5%;}
.activity .list li:nth-child(3n+1){margin-left:0;}
.activity .list p{margin-top:15px;}
.activity .btn{text-align:center;margin-top:50px;}
.activity .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;}
.activity .btn span{display:block;background:url(/img/research/community/icon-arrow.png) no-repeat left center;padding-left:12px;}

.alignment .list{}
.alignment .list li{border:1px solid #ccc;border-radius:8px;margin-bottom:20px;padding:24px 28px;}
.alignment .list li .heading{display:flex;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid #ddd;margin-bottom:20px;}
.alignment .list li .heading .title{font-size:18px;}
.alignment .list li .heading .title a{color:#005ca9;text-decoration:none;}
.alignment .list li .heading .title a:after{display:inline-block;content:"";background:url(/img/research/community/icon-blank.png) no-repeat center;width:13px;height:13px;vertical-align:middle;vertical-align:middle;margin-left:15px;}
.alignment .list li .heading .date{}
.alignment .list li .content dl{margin:0;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;}
.alignment .list li .content dt{background:#F5F5F5;width:150px;text-align:center;padding:11px;box-sizing:border-box;margin-right:20px;}
.alignment .list li .content dd{width:calc(100% - 170px);}

.learning .list,
.social .list{display:flex;flex-wrap:wrap;margin-top:30px;}
.learning .list li,
.social .list li{width:23.333%;margin-left:2.22266%;}
.learning .list li:nth-child(4n+1),
.social .list li:nth-child(4n+1){margin-left:0;}

#community .news h2{margin-bottom:35px;}






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

/*more付きPDFリスト*/
.archive .pdflink li{font-size:1.21vw;}
.archive .pdflink a{border-width:0.081vw;}
.archive .more{font-size:1.936vw;}


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


}



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

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

.block{margin-bottom:45px;}

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

/*more付きPDFリスト*/
.archive .pdflink li{width:48.53%;margin:0 2.94% 2.94% 0;font-size:3.2vw;line-height:140%;}
.archive .pdflink li:nth-of-type(3n){margin-right:2.94%;}
.archive .pdflink li:nth-of-type(2n){margin-right:0;}
.archive .morewrap .pdflink li:nth-of-type(even){margin-right:2.94%;}
.archive .morewrap .pdflink li:nth-of-type(odd){margin-right:0;}
.archive .pdflink a{height:3.8em;display:flex;align-items:center;border-width:0.134vw;}
.archive .pdflink a:hover{opacity:1;}
.archive .more{margin-top:1.471%;font-size:3.734vw;}
.archive .more:hover{text-decoration:underline;}

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

.system .img img{margin-top:0;width:100%;}

.activity .list li{width:47.059%;margin-left:5.882%;margin-bottom:18px;}
.activity .list li:nth-child(3n+1){margin-left:5.882%;}
.activity .list li:nth-child(2n+1){margin-left:0%;}
.activity .list li:nth-child(2n+1):last-child{margin-left:auto;margin-right:auto;}
.activity .list li p{margin-top:6px;text-align:center;}
.activity .btn{margin-top:6px;}
.activity .btn a{width:56vw;font-size:3.2vw;}

.alignment .list li{padding:18px;border-radius:4px;margin-bottom:15px;}
.alignment .list li .heading{position:relative;margin-bottom:10px;padding-bottom:6px;}
.alignment .list li .heading .title{font-size:3.734vw;}
.alignment .list li .heading .title a:after{width:0.536em;height:0.536em;background-size:contain;margin-left:0.358em;}
.alignment .list li .heading .date{white-space:nowrap;position:absolute;right:0;top:0;}
.alignment .list li .content dl{display:block;}
.alignment .list li .content dl:last-child{margin-bottom:0;}
.alignment .list li .content dt{width:auto;text-align:left;padding:4px 14px;margin-right:0;}
.alignment .list li .content dd{width:auto;padding:4px 14px;}

.learning .list,
.social .list{padding-left:12px;padding-right:12px;margin-top:16px;}
.learning .list li,
.social .list li{width:47.619%;margin-left:4.762%;margin-bottom:16px;}
.learning .list li:nth-child(2n+1),
.social .list li:nth-child(2n+1){margin-left:0;}


}