@charset "utf-8";

/* --------------------------------------------------------- */
/* /campuslife/exam.css */
/* --------------------------------------------------------- */

#title{width:35.637%;}
.block{margin-bottom:90px;}

.txt{font-size:15px;line-height:186%;}
.txt .red{color:#ad1e23;}
.txt.indent{text-indent:-1em;padding-left:1em;}

/*ページ内アンカー*/
.anchor{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:30px;}
.anchor li{width:23.333%;font-size:15px;margin-left:2.2226%;margin-bottom:20px;}
.anchor li:nth-child(4n+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.blue{border-color:#0e357f;}
.anchor a.blue:before{background-image:url(/img/campuslife/exam/icon-arrow-blue.png);}
.anchor a.yellow{border-color:#c99509;}
.anchor a.yellow:before{background-image:url(/img/campuslife/exam/icon-arrow-yellow.png);}
.anchor a.red{border-color:#8b272b;}
.anchor a.red:before{background-image:url(/img/campuslife/exam/icon-arrow-red.png);}
.anchor a.pink{border-color:#ca4772;}
.anchor a.pink:before{background-image:url(/img/campuslife/exam/icon-arrow-pink.png);}
.anchor a.blue2{border-color:#78a6ce;}
.anchor a.blue2:before{background-image:url(/img/campuslife/exam/icon-arrow-blue2.png);}
.anchor a.brown{border-color:#cc9e86;}
.anchor a.brown:before{background-image:url(/img/campuslife/exam/icon-arrow-brown.png);}
.anchor a.brown2{border-color:#bc7960;}
.anchor a.brown2:before{background-image:url(/img/campuslife/exam/icon-arrow-brown2.png);}
.anchor a:hover{opacity:0.7;}

/* exam --------------------------- */
#exam{margin-bottom:80px;}
#exam h2{margin-bottom:2%;padding-bottom:0.5em;font-size:24px;line-height:150%;border-bottom:2px solid #ad1e23;}
#exam h2 small{font-size:15px;}
#exam h3{background:#0e357f;color:#fff;margin-bottom:25px;font-size:22px;font-weight:700;padding:7px 15px;}
#exam h3.blue{background:#0e357f;}
#exam h3.yellow{background:#c99509;}
#exam h3.red{background:#8b272b;}
#exam h3.pink{background:#ca4772;}
#exam h3.blue2{background:#78a6ce;}
#exam h3.brown{background:#cc9e86;}
#exam h3.brown2{background:#bc7960;}
#exam h3.red2{background:#ad1e23;}
#exam h4{font-size:18px;font-weight:700;margin-bottom:15px;text-indent:-1em;padding-left:1em;}
#exam h4 .blue{color:#0e357f;}
#exam h4 .yellow{color:#c99509;}
#exam h4 .red{color:#8b272b;}
#exam h4 .pink{color:#ca4772;}
#exam h4 .blue2{color:#78a6ce;}
#exam h4 .brown{color:#cc9e86;}
#exam h4 .brown2{color:#bc7960;}
#exam .txt{font-size:15px;line-height:186%;}
#exam .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;}
#exam .txt a:hover{text-decoration:none;}

.lead{margin-bottom:35px;}
.lead dl{display:flex;flex-wrap:wrap;}
.lead dt{width:5em;display:flex;justify-content:space-between;}
.lead dt:after{display:block;content:"：";}
.lead dd{width:calc(100% - 5em);}

.block{margin-bottom:60px;}
.block:last-child{margin-bottom:0;}
.block .table{margin-bottom:40px;position:relative;}
.block .table:last-child{margin-bottom:0;}
.block .table table{width:100%;table-layout:fixed;font-size:15px;}
.block .table th,
.block .table td{border:1px solid #ccc;padding:14px 15px;box-sizing:border-box;}
.block .table thead th{text-align:center;font-weight:700;vertical-align:middle;text-align:center;}
.block .table thead th:first-child{width:180px;}
.block .table tbody th{text-align:center;}
.block .table tbody td{text-align:right;}
.block .table tbody tr:nth-child(2n) th,
.block .table tbody tr:nth-child(2n) td{background: #f5f5f5;}
.block .table.blue thead th{background:#e6eaf2;}
.block .table.yellow thead th{background:#f9f4e6;}
.block .table.red thead th{background:#f3e9e9;}
.block .table.pink thead th{background:#faecf1;}
.block .table.blue2 thead th{background:#f1f6fa;}
.block .table.brown thead th{background:#faf5f3;}
.block .table.brown2 thead th{background:#f8f1ef;}
.block .btn{margin-top:50px;text-align:center;}
.block .btn a{display:inline-block;border:1px solid #ccc;border-radius:40px;padding:9px 18px;color:#005ca9;font-size:15px;text-decoration:none;}
.block .btn span{display:block;background:url(/common/img/icon-indexarrow.png) no-repeat left center;background-size:9px 10px;padding-left:50px;padding-right:50px;}




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

.txt{font-size:1.21vw;}
#exam h3{font-size:1.77vw;}
#exam h4{font-size:1.37vw;}
#exam .txt{font-size:1.21vw;}
.block .table table{font-size:1.21vw;}
.block .btn a{font-size:1.21vw;}
.block .table thead th:first-child{width:14.52vw;}

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

}



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

#title{width:61.177%;}

.block{margin-bottom:45px;}
.txt{font-size:3.2vw;line-height:175%;}

/*ページ内アンカー*/
.anchor{margin-top:5.883%;margin-bottom:25px;}
.anchor li{width:48.5294%;font-size:3.2vw;margin:0 0 2.942% 2.9412%;}
.anchor li:nth-child(2n+1){margin-left:0;}
.anchor a{padding:3px;padding-left:2.292em;border-width:0.134vw;}
.anchor a:before{width:3.333em;}
.anchor a:hover{opacity:1;}


/* exam --------------------------- */
#exam h2{padding-bottom:2.942%;font-size:4.267vw;line-height:100%;border-width:0.267vw;margin-bottom:4%;display:flex;align-items:center;}
#exam h2 small{font-size:3.2vw;}
#exam h3{font-size:4.2vw;margin-bottom:18px;}
#exam h4{font-size:3.73vw;margin-bottom:6px;}
#exam .txt{font-size:3.2vw;line-height:175%;}

.block .table{overflow:auto;margin-bottom:25px;}
.block .table .scr{width:22.059%;padding-top:22.059%;background: url(/img/campuslife/exam/icon-scroll1.png) no-repeat center;background-size:100% auto;position:absolute;top:50%;left: 50%;transform:translate(-50%, -50%);}
.block .table table{font-size:3.46vw;width:630px;}
.block .table th,
.block .table td{padding:8px;}
.block .table thead th:first-child{width:22.67vw;}
.block .btn a{font-size:3.2vw;}

}