@charset "utf-8";

/* --------------------------------------------------------- */
/* /about/idea.css */
/* --------------------------------------------------------- */

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

.txt{font-size:15px;line-height:186%;}

.pdflink{margin-top:30px;display:flex;}
.pdflink li{width:23.888%;/*290*/margin:0 1.483% 1.483% 0;font-size:15px;}
.pdflink li:nth-of-type(4n){margin-right:0;}
.pdflink .pdf,
.pdflink .word{display:inline-block;font-size:15px;line-height:160%;}
.pdflink .pdf a,
.pdflink .word a{display:flex;align-items:center;color:#005ca9;box-sizing:border-box;text-decoration:none;}
.pdflink .pdf a:before,
.pdflink .word a:before{content:'';display:block;margin-right:0.667em;width:4em;padding-top:4em;background-repeat:no-repeat;background-position:center;background-size:100% auto;}
.pdflink .pdf a:before{background-image:url(/common/img/icon-pdf.png);}
.pdflink .word a:before{background-image:url(/common/img/icon-doc.png);}


.boxlink{display:flex;flex-wrap:wrap;}
.boxlink li{width:32.223%;/*290*/margin:0 1.6655% 1.6655% 0;font-size:15px;line-height:400%;text-align:center;}
.boxlink li:nth-of-type(3n){margin-right:0;}
.boxlink a{display:block;padding-left:1.667em;text-decoration:none;border:1px solid #ccc;box-sizing:border-box;position:relative;transition:opacity ease 0.3s;}
.boxlink 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%);}
.boxlink a:hover{opacity:0.7;}

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


/* popup ------------------------------ */
#popupWrapper{position:relative;}
#popupWrapper.scriptOn{position:fixed;left:0;width:100%;top:-100%;height:100%;margin-top:0%;z-index:20;}
#popupWrapper.opened{top:0%;}

#popupWrapper.scriptOn #popupMain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;}

.popupContents{position:relative;margin:0 auto;z-index:1;}

.popupBg{position:fixed;left:0;width:100%;top:0;height:0%;background-color:rgba(51,51,51,0.8);z-index:1;}
#popupWrapper.opened #popupMain .popupBg{height:100%;}

.ps-scrollbar-y-rail{z-index:2;}
.popupContents .popupBg{opacity:0;}
#popupWrapper.scriptOn .perfectScroll{position:absolute;left:0;width:100%;top:0;height:100%;z-index:2;overflow:hidden;}

.popup{width:100%;max-width:900px;margin:100px auto;background:#fff;position:relative;z-index:2;}
#popupWrapper.scriptOn .popup{display:none;}

.program-popup{padding-top:40px;padding-bottom:130px;}
.program-popup h3{font-size:24px;border-bottom:2px solid #ad1e23;padding-bottom:10px;padding-left:40px;padding-right:40px;margin-bottom:40px;}
.program-popup h3 small{font-size:15px;}
.program-popup .inner{padding-left:40px;padding-right:40px;}
.program-popup .box{margin-bottom:50px;}
.program-popup .box:last-child{margin-bottom:0;}
.program-popup h4{margin-bottom:12px;font-size:15px;font-weight:400;}
.program-popup h4 span{text-align:center;color:#fff;width:150px;display:inline-block;position:relative;padding:4px;padding-bottom:5px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:30px;}
.program-popup h4 span:last-child{margin-right:0;}
.program-popup h4 span:before,
.program-popup h4 span:after{display:block;content:"";position: absolute;right:-10px;}
.program-popup h4 span:before{border-top:25px solid;border-right:10px solid transparent;top:0;}
.program-popup h4 span:after{border-bottom:25px solid;border-right:10px solid transparent;bottom:0;}
.program-popup h4 span.blue{background:#0e357f;}
.program-popup h4 span.blue:before{border-top-color:#0e357f;}
.program-popup h4 span.blue:after{border-bottom-color:#0e357f;}
.program-popup h4 span.red{background:#8b272b;}
.program-popup h4 span.red:before{border-top-color:#8b272b;}
.program-popup h4 span.red:after{border-bottom-color:#8b272b;}
.program-popup h4 span.yellow{background:#c99509;}
.program-popup h4 span.yellow:before{border-top-color:#c99509;}
.program-popup h4 span.yellow:after{border-bottom-color:#c99509;}
.program-popup h4 span.pink{background:#ca4772;}
.program-popup h4 span.pink:before{border-top-color:#ca4772;}
.program-popup h4 span.pink:after{border-bottom-color:#ca4772;}
.program-popup h4 span.brown{background:#bc7960;}
.program-popup h4 span.brown:before{border-top-color:#bc7960;}
.program-popup h4 span.brown:after{border-bottom-color:#bc7960;}
.program-popup h5{margin-top:20px;margin-bottom:5px;font-size:15px;}
.program-popup h5 .blue{color:#0e357f;}
.program-popup h5 .blue2{color:#518da9;}
.program-popup h5 .green{color:#00a041;}
.program-popup h5 .red{color:#8b272b;}
.program-popup h5 .pink{color:#ca4772;}
.program-popup h5 .brown{color:#bc7960;}
.program-popup .txt{margin-bottom:15px;}
.program-popup .txt.mb5{margin-bottom:5px;}
.program-popup .txt:last-child{margin-bottom:0;}
.program-popup .txt .red{color:#ad1e23;}
.program-popup li{text-indent:-2.4em;padding-left:2.4em;margin-bottom:10px;}
.program-popup li .mt15{margin-top:15px;}
.program-popup li.indent1,
.program-popup .indent1{text-indent:-1em;padding-left:1em;}
.program-popup li.indent2{text-indent:-2em;padding-left:2em;}
.program-popup li.indent3{text-indent:-3em;padding-left:3em;}
.program-popup li:last-child{margin-bottom:0;}
.program-popup li ul{position:relative;margin-left:-0.5em;}
.program-popup li li{text-indent:-1em;padding-left:1em;margin-bottom:0;}
.program-popup li li li{text-indent:-1em;padding-left:3em;}
.program-popup .table table{width:100%;table-layout:fixed;}
.program-popup .table th,
.program-popup .table td{vertical-align:middle;border:1px solid #ccc;-webkit-box-sizing:border-box;box-sizing:border-box;}
.program-popup .table thead th:first-child{width:40px;}
.program-popup .table thead th,
.program-popup .table thead td{padding:5px;text-align:center;}
.program-popup .table thead td{background:#F5F5F5;}
.program-popup .table tbody th{text-align:center;}
.program-popup .table tbody td{padding:20px 15px;}
.program-popup .table th .vertical{writing-mode:vertical-rl;text-orientation: upright;}
.program-popup .table.blue th{background:#E8F0FC;}
.program-popup .table.blue td span{color:#0E357F;}
.program-popup .table.red th{background:#F9EAEC;}
.program-popup .table.red td span{color:#8B272B;}
.program-popup .table td li{line-height:146%;margin-bottom:6px;text-indent:-1em;padding-left:1em;}
.program-popup .table td li:last-child{margin-bottom:0;}
.program-popup .table td li .small{font-size:12px;text-indent:0;padding-left:0;}



body.popupOpen{position:fixed;width:100%;}
#popupMain .ps-container>.ps-scrollbar-y-rail{opacity:0.2;}

/* 以下はポップアップの内容に合わせて追記・修正してください。 */
.popup .close{position:absolute;width:110px;height:110px;color:#fff;right:-1px;bottom:-1px;z-index:9;background:#ad1e23;clip-path:polygon(100% 0,100% 100%,0 100%);cursor:pointer;}
.popup .close:before{position:absolute;right:15px;bottom:25px;content:"Close";font-family:"Noto Serif JP",serif;}

.popup{}
/* ---------------------------------------------------------- */



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

.txt{font-size:1.21vw;}

.boxlink li{font-size:1.21vw;}
.boxlink a{}

.pdflink .pdf,
.pdflink .word{font-size:1.21vw;}

#idea h2{font-size:1.94vw;}
#idea h2 small{font-size:1.21vw;}


/* popup ------------------------------ */
.popup{width:72.581%;margin:8.065% auto;}
.program-popup h3{font-size:1.935vw;}
.program-popup h3 small{font-size:1.21vw;}
.program-popup h4{font-size:1.21vw;}
.program-popup h5{font-size:1.21vw;}

/* 以下はポップアップの内容に合わせて追記・修正してください。 */
.popup{}
/* ---------------------------------------------------------- */

}



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

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

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

.pdflink{margin-top:16px;display:block;}
.pdflink li{width:100%;margin-right:0;}
.pdflink .pdf,
.pdflink .word{font-size:3.2vw;display:block;margin-top:0.834em;}
.pdflink .pdf a:before,
.pdflink .word a:before{margin-right:0.834em;width:4.167em;padding-top:4.167em;}

.boxlink li{width:100%;margin:0 0 3.125% 0;font-size:3.2vw;line-height:140%;text-align: center;}
.boxlink li:nth-of-type(3n){margin-right:0;}
.boxlink li:nth-of-type(2n){margin-right:0;}
.boxlink a{height:3.8em;display:flex;align-items:center;justify-content:center;border-width:0.134vw;}
.boxlink a:hover{opacity:1;}

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


/* popup ------------------------------ */
.popup{width:90.666%;max-width:640px;height:auto;margin:24vw auto;}
.program-popup h3{font-size:4.267vw;}
.program-popup h3 small{font-size:3.2vw;display:block;}
.program-popup h4{font-size:3.2vw;display:flex;flex-direction:column;}
.program-popup h4 span{width:29.33vw;margin-bottom:5px;}
.program-popup h4 span:last-child{margin-bottom:0;}
.program-popup h5{font-size:3.2vw;}

/* 以下はポップアップの内容に合わせて追記・修正してください。 */
.popup .close{margin-top:40px;font-size:4vw;max-width:26.667vw;padding:10px;}

.popup{}
.program-popup{padding-top:25px;padding-bottom:100px;}
.program-popup h3{font-size:4.27vw;padding-left:20px;padding-right:20px;margin-bottom:17px;}
.program-popup .inner{padding-left:20px;padding-right:20px;}
.program-popup .table{width:95%;overflow:auto;position:relative;}
.program-popup .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%);}
.program-popup .table table{width:100%;min-width:500px;}
.program-popup .table thead th:first-child{width:25px;}
.program-popup .table td br{display:none;}
.program-popup .table th .vertical{white-space:pre;display:inline-block;}


.popup .close{width:70px;height:70px;}
.popup .close:before{right:8px;bottom:12px;font-size:3.2vw;}
/* ---------------------------------------------------------- */

}