@charset "utf-8";

/* --------------------------------------------------------- */
/* /research/educational.css */
/* --------------------------------------------------------- */

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

/*テキストリスト*/
.txtlist{margin-left:20px;counter-reset:number 0;}
.txtlist li{display:flex;align-items:center;font-size:15px;line-height:160%;counter-increment:number 1;}
.txtlist li + li{margin-top:2.223%;}
.txtlist li:before{content:counter(number);display:block;width:1.667em;margin-right:0.556em;color:#fff;font-size:18px;font-weight:bold;line-height:166.7%;text-align:center;background:#ad1e23;}

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

#educational .list1{}
#educational .list1 li{border-top:1px solid #ccc;display:flex;align-items:center;padding:13px 15px;}
#educational .list1 li:last-child{border-bottom:1px solid #ccc;}
#educational .list1 li a{color:#005ca9;text-decoration:none;font-size:18px;}
#educational .list1 li a[target="_blank"]:after{display:inline-block;vertical-align:middle;content:"";width:13px;height:13px;background:url(/img/research/educational/icon-blank.png) no-repeat center;background-size:contain;margin-left:8px;}
#educational .list1 li a.pdf:after{display:inline-block;vertical-align:middle;content:"";width:27px;height:32px;background:url(/img/research/educational/icon-pdf.png) no-repeat center;background-size:contain;margin-left:8px;}
#educational .list1 li .txt{margin-left:90px;}

#educational .list2{display:flex;flex-wrap:wrap;}
#educational .list2 li{width:30%;margin-left:5%;margin-bottom:30px;}
#educational .list2 li:nth-child(3n+1){margin-left:0;}






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

/*テキストリスト*/
.txtlist li{font-size:1.21vw;}
.txtlist li:before{font-size:1.452vw;}


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

#educational .list1 li a{font-size:1.452vw;}
#educational .list1 li a[target="_blank"]:after{width:1.048vw;height:1.048vw;margin-left:0.645vw;}
#educational .list1 li a.pdf:after{width:2.177vw;height:2.581vw;margin-left:0.645vw;}


}



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

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

.block{margin-bottom:45px;}

/*テキストリスト*/
.txtlist{margin-left:10px;margin-top:3.677%;}
.txtlist li{display:block;font-size:3.2vw;line-height:158%;position:relative;padding-left:7.353%;}
.txtlist li + li{margin-top:4.412%;}
.txtlist li:before{width:1.429em;margin-right:0;font-size:3.734vw;line-height:142.9%;position:absolute;top:0;left:0;}

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

#educational .list1 li{padding:15px 10px;display:block;}
#educational .list1 li a{font-size:3.733vw;margin-bottom:6px;}
#educational .list1 li .txt{margin-left:0;}
#educational .list1 li a[target="_blank"]:after{width:2vw;height:2vw;margin-left:1.333vw;}
#educational .list1 li a.pdf:after{width:4vw;height:4.8vw;margin-left:1.6vw;}

#educational .list2 li{margin-bottom: 25px;}


}