@charset "utf-8";

/* --------------------------------------------------------- */
/* /department/midwifery/midwifery.css */
/* --------------------------------------------------------- */


/* midwifery --------------------------- */
.mvbox .label{padding-left:3.637%;background-image:url(/img/department/midwifery/bg-label.png);}
.mvbox h2{background:#cc9e86;}


/*detail*/
.leadbox{margin-bottom:85px;}
.leadbox h3{text-align:center;font-size:28px;line-height:150%;margin-bottom:20px;}

.message{background:url(/img/department/midwifery/img-message.jpg) no-repeat right top;background-size:auto 100%;padding:70px 15px 10px 43px;margin-bottom:100px;}
.message h3{font-size:24px;font-weight:700;line-height:158%;margin-bottom:20px;}
.message .txt{max-width:560px;}
.message .name{text-align:right;color:#fff;font-weight:700;margin-top:15px;max-width:initial;text-shadow:0 0 5px rgba(120,95,89,.25);}

.studybox{border:3px solid #cc9e86;padding:50px;padding-top:35px;margin-bottom:100px;}
.studybox h4{margin-bottom:23px;font-size:24px;}
.studybox h4:before{content:"■";color:#cc9e86;}
.studybox .feature{background:#f5f5f5;padding:20px 30px;margin-bottom:27px;display:flex;justify-content:space-between;}
.studybox .feature .head{text-align:center;width:110px;text-align:center;}
.studybox .feature .head img{max-width:77px;margin-left:auto;margin-right:auto;}
.studybox .feature .head h5{margin-top:8px;font-size:18px;text-align:center;}
.studybox .feature .txt{width:calc(100% - 150px);}
.studybox .feature .txt li{margin-bottom:15px;display:flex;align-items:center;counter-increment:studycnt;line-height:160%;}
.studybox .feature .txt li:before{content:counter(studycnt);background:#cc9e86;border-radius:100%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;line-height:1;margin-right:18px;font-weight:700;}
.studybox .feature .txt li p{width:calc(100% - 58px);}
.studybox .qualification h5{text-align:center;color:#cc9e86;font-size:20px;margin-bottom:18px;}
.studybox .qualification ul{display:flex;flex-wrap:wrap;}
.studybox .qualification li{font-size:18px;margin-right:15px;}
.studybox .qualification li:before{content:"●";color:#cc9e86;}
.studybox .qualification .link{margin-top:38px;}
.studybox .qualification .link a{display:block;color:#fff;background:#cc9e86;border-radius:80px;max-width:350px;margin-left:auto;margin-right:auto;font-size:18px;font-weight:700;padding:27px 20px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;text-decoration:none;}

.schedule{display:flex;flex-wrap:wrap;justify-content:space-between;}
.schedule h4{color:#fff;text-align:center;background:#cc9e86;font-size:24px;padding:12px;margin-bottom:30px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;}
.schedule .table{width:71%;}
.schedule .table table{width:100%;table-layout:fixed;}
.schedule .table thead th:first-child{width:72px;}
.schedule .table th,.schedule .table td{border:1px solid #ccc;text-align:center;line-height:186%;vertical-align:middle;padding:6px 4px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.schedule .table thead th{background:#f7f1ed;padding:15px;}
.schedule .table th{font-weight:700;}
.schedule .table td span,.schedule .table td p{display:inline-block;text-align:left;}
.schedule .table tbody tr:nth-child(2n) th,.schedule .table tbody tr:nth-child(2n) td{background:#f5f5f5;}
.schedule .table tbody th{width: 72px;}
.schedule .table tbody td span{display: block;}
.schedule .facility{width:26%;}
.schedule .facility h5{margin-bottom:10px;margin-bottom:18px;}
.schedule .facility h5:before{content:"■";color:#cc9e86;}
.schedule .facility li{line-height:180%;}

.entry{display:flex;justify-content:space-between;margin-top:100px;}
.entry a{color:#333;text-decoration:none;border:3px solid #ad1e23;border-radius:80px;font-size:18px;text-align: center;-webkit-box-sizing:border-box;box-sizing:border-box;padding:24px 40px;font-weight: 700;width:48.8%;}
.entry a span{display:block;background:url(/img/department/midwifery/img-blank.png) no-repeat right center;padding-right:25px;padding-left:25px;}

.bnr{text-align:center;margin-top:82px;}
.bnr img{width:auto;max-width:100%;display:inline;}


/* 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:680px;margin:100px auto;/*background:#fff;*/position:relative;z-index:2;}
#popupWrapper.scriptOn .popup{display:none;}

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

/* 以下はポップアップの内容に合わせて追記・修正してください。 */
.popup .close{display:block;text-align:center;margin-top:100px;margin-left:auto;margin-right:auto;cursor:pointer;border:1px solid #fff;color:#fff;font-size:15px;padding:10px 0;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100px;}
.popup .close:before{content:"CLOSE";}

.popup{}
.curriculum-popup .img{text-align:center;margin-bottom:70px;}
.curriculum-popup .img img{margin-left:auto;margin-right:auto;width:480px;}
.curriculum-popup .box{margin-bottom:20px;background:#fff;border:1px solid #000;}
.curriculum-popup .box .head{text-align:center;font-size:18px;font-weight:400;padding:8px;border-bottom:1px solid #000;}
.curriculum-popup .box .field{padding:20px 50px 16px;}
.curriculum-popup .box .field.center{display:flex;justify-content:center;}
.curriculum-popup .box .field ul{display:flex;flex-wrap:wrap;}
.curriculum-popup .box .field li{margin-right:15px;margin-bottom:8px;font-size:15px;}
.curriculum-popup .box .field li:before{content:"●";}
.curriculum-popup .box.area1 .head{background:#fccaca;}
.curriculum-popup .box.area1 .field ul{justify-content:center;}
.curriculum-popup .box.area1 .field li:before{color:#fccaca;}
.curriculum-popup .box.area2 .head{background:#a2c5f9;}
.curriculum-popup .box.area2 .field ul{max-width:360px;margin-left:auto;margin-right:auto;}
.curriculum-popup .box.area2 .field li:before{color:#a2c5f9;}
.curriculum-popup .box.area3 .head{background:#94eadb;}
.curriculum-popup .box.area3 .field li:before{color:#94eadb;}
.curriculum-popup table{width:100%;background:#fff;font-size:15px;line-height:150%;}
.curriculum-popup .w100{width:100px;}
.curriculum-popup .w80{width:80px;}
.curriculum-popup .w40{width:40px;}
.curriculum-popup .blue{background:#a2c5f9 !important;}
.curriculum-popup .green{background:#94eadb !important;}
.curriculum-popup .red{background:#fccaca !important;}
.curriculum-popup th,.curriculum-popup td{border:1px solid #333;padding:8px 5px;text-align:center;vertical-align:middle;-webkit-box-sizing:border-box;box-sizing:border-box;}
.curriculum-popup th{padding-top:3px;padding-bottom:3px;background:#f0e2da;}
.curriculum-popup thead th{background:#cc9e86;color:#fff;font-weight:700;font-size:18px;padding-top:18px;padding-bottom:18px;}
.curriculum-popup tbody tr:nth-child(2n) td{background:#f5f5f5;}
/* ---------------------------------------------------------- */



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


.leadbox h3{font-size:2.258vw;}
.message h3{font-size:1.935vw;}
.studybox h4{font-size:1.935vw;}
.studybox .feature .head h5{font-size:1.452vw;}
.studybox .feature .txt li:before{font-size:1.935vw;}
.studybox .qualification h5{font-size:1.613vw;}
.studybox .qualification li{font-size:1.452vw;}
.studybox .qualification .link a{font-size:1.452vw;}

.schedule h4{font-size:1.935vw;}

.entry a{font-size:1.452vw;}

.popup .close{font-size:1.2097vw;}
.curriculum-popup .box .head{font-size:1.452vw;}
.curriculum-popup .box .field li{font-size:1.2097vw;}
.curriculum-popup table{font-size:1.2097vw;}
.curriculum-popup thead th{font-size:1.452vw;}

}



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


.message{padding-top:50px;}
.message h3{margin-bottom:10px;}
.message h3 br.sp{display:block;}
.message .txt{max-width:480px;}
.message .name{margin-top:5px;max-width:initial;}


/* popup ------------------------------ */
.popup{width:72.581%;margin:8.065% auto;}

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

}



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

.message{padding:50px 10px 5px 20px;}
.message .txt{max-width:320px;}
.message .name{margin-top:0;max-width:initial;}

}



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


/* midwifery --------------------------- */
.mvbox .label{padding-left:8.267%;background-image:url(/img/department/midwifery/bg-label-sp.png);}


/*detail*/
.leadbox{margin-bottom:35px;}
.leadbox h3{font-size:4.8vw;margin-bottom:18px;}

.message{background-image:url(/img/department/midwifery/img-message-sp.jpg);background-size:cover;padding:40px 5px 5px 16px;position:relative;margin-left:-5.14685607%;margin-right:-5.14685607%;margin-bottom:15px;}
.message h3{font-size:4vw;line-height:200%;margin-bottom:25px;}
.message .name{font-size:2.93vw;}
.message-txt{margin-bottom:50px;}

.studybox{border-width:2px;padding:20px 22px;margin-bottom:50px;}
.studybox h4{font-size:4.2vw;}
.studybox .feature{display:block;padding:8px 15px 18px;margin-bottom:22px;}
.studybox .feature .head{width:auto;margin-bottom:13px;display:flex;align-items:center;}
.studybox .feature .head img{max-width:45px;margin-left:0;margin-right:5px;}
.studybox .feature .head h5{font-size:3.7vw;}
.studybox .feature .txt{width:auto;}
.studybox .feature .txt li{margin-bottom:12px;align-items:flex-start;}
.studybox .feature .txt li p{width:calc(100% - 40px);}
.studybox .feature .txt li:before{width:30px;height:30px;font-size:16px;margin-right:10px;}
.studybox .qualification h5{text-align:left;font-size:3.7vw;margin-bottom:10px;}
.studybox .qualification li{font-size:3.2vw;text-indent:-1em;padding-left:1em;margin-bottom:5px;}
.studybox .qualification .link{margin-top:20px;}
.studybox .qualification .link a{font-size:3.2vw;padding:15px;max-width:60vw;}

.schedule{display:block;}
.schedule h4{font-size:3.7vw;padding:6px;margin-bottom:15px;}
.schedule .table{width:auto;margin-bottom:23px;}
.schedule .table table{table-layout:fixed;}
.schedule .table thead th:first-child{width:9.867vw;-webkit-box-sizing:border-box;box-sizing:border-box;}
.schedule .table th,.schedule .table td{padding:6px 12px;line-height:150%;}
.schedule .table td p{text-align:left;}
.schedule .table tbody th{width:9.867vw;padding-left:0;padding-right:0;}
.schedule .table tbody td span{line-height:133%;margin-bottom:8px;}
.schedule .table tbody td span:last-child{margin-bottom:0;}
.schedule .facility{width:auto;}
.schedule .facility h5{margin-bottom:5px;}
.schedule .facility ul{display:flex;flex-wrap:wrap;}
.schedule .facility li{margin-right:23px;}

.entry{margin-top:40px;display:block;}
.entry a{font-size:3.7vw;border-width:2px;padding:13px 30px;margin-bottom:10px;width:auto;display:block;}
.entry a span{background-size:10px;}

.bnr{margin-top:40px;padding-left:25px;padding-right:25px;}


/* popup ------------------------------ */
.popup{width:90.666%;max-width:640px;height:auto;margin:24vw auto;}

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

.popup{}
.curriculum-popup .img{margin-bottom:30px;}
.curriculum-popup .img img{max-width:100%;}
.curriculum-popup .box{margin-bottom:8px;}
.curriculum-popup .box .head{font-size:3.2vw;padding:5px;}
.curriculum-popup .box .field{padding:10px 32px 4px;}
.curriculum-popup .box .field li{margin-bottom:6px;font-size:3.2vw;}
.curriculum-popup .box.area1 .field ul{justify-content:flex-start;}
.curriculum-popup table{font-size:3.2vw;}
.curriculum-popup .w100{width:40px;}
.curriculum-popup .w80{width:40px;}
.curriculum-popup .w40{width:20px;}
.curriculum-popup th{padding-top:1px;padding-bottom:1px;}
.curriculum-popup thead th{font-size:3.7vw;padding-top:8px;padding-bottom:8px;}
/* ---------------------------------------------------------- */


}