@charset "utf-8";

#comingsoon{padding-top:100px;text-align:center}

.pagecommon{position:relative;padding-bottom:50px;font-size:16px;line-height:1.6;color:#666;font-family:var(--k-font)}
.pagecommon *{word-break:keep-all}
.pagecommon .pl{white-space:pre-line}
.pagecommon .go_btn{display:flex;align-items:center;justify-content:center;width:230px;height:65px;border-radius:3px;font-weight:500;color:#fff;background-color:var(--primary);transition:all .2s;font-family:var(--e-font)}
.pagecommon .top_txt span{display:block;margin-bottom:22px;font-weight:700;color:var(--primary);font-family:var(--e-font)}
.pagecommon .top_txt b{font-size:35px;line-height:1.3;font-weight:700;color:#111}
.pagecommon .top_box{display:flex;gap:60px;margin-bottom:64px}
.pagecommon .top_box .top_txt{flex-shrink:0;width:fit-content}
.pagecommon .top_box>p{padding-top:52px}
.pagecommon .ct_top{text-align:center}
.pagecommon .cont_box dl+dl{margin-top:50px}
.pagecommon .cont_box dl dt{display:flex;gap:15px;padding:15px;background-color:#f5f5f5}
.pagecommon .cont_box dl dt span{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:30px;border-radius:5px;font-size:15px;font-weight:600;color:#fff;background-color:#333;font-family:var(--e-font)}
.pagecommon .cont_box dl dt p{margin-top:-2px;font-size:20px;font-weight:700;color:#111}
.pagecommon .cont_box dl dd{padding:35px 45px 15px}
.pagecommon .img_num{border-top:1px solid #e1e1e1;padding:60px 40px 0}
.pagecommon .img_num dl{display:flex;}
.pagecommon .img_num dl:nth-child(2n){flex-flow:row-reverse}
.pagecommon .img_num dl dt{width:50%;height:300px;background:no-repeat center;background-size:cover}
.pagecommon .img_num dl dd{width:50%;padding:40px 50px}
.pagecommon .img_num dl dd span{display:flex;align-items:center;justify-content:center;width:30px;height:30px;margin-bottom:23px;border-radius:5px;font-size:15px;color:#fff;background-color:var(--primary)}
.pagecommon .img_num dl dd p{font-size:18px;font-weight:600;color:#333}

/* About GVU */
#p33 .top_txt span{margin-bottom:32px}
#p33 .img_box{width:100%;height:310px;margin-top:67px;background:url('/sh_page/img/p33_top.jpg') no-repeat center / cover}
#p33 .cont{padding:63px 0 0 30px}
#p33 .cont dl+dl{margin-top:44px}
#p33 .cont dl dt{font-size:60px;line-height:1;font-weight:700;color:#f2e8ec;font-family:var(--e-font)}
#p33 .cont dl dd{margin:-20px 0 0 30px}
#p33 .cont dl dd b{font-size:20px;font-weight:600;color:#111}
#p33 .go_btn{margin:80px auto 0}

/* Message from President */
#p35{display:flex;gap:60px}
#p35 .l_box{flex-shrink:0}
#p35 .top_txt{margin-bottom:49px;padding-bottom:48px;border-bottom:1px solid #e1e1e1}
#p35 .r_box .txt b{display:block;margin-bottom:23px;font-size:25px;color:var(--primary)}
#p35 .go_btn{margin:54px 0 0 auto}

/* SMTP */
#p38 .top_txt{margin-bottom:60px}
#p38 .cont_box dl{padding:25px;border:1px solid #e1e1e1;border-radius:15px}
#p38 .cont_box dl+dl{margin-top:30px}
#p38 .cont_box dl dd .dot_txt li{position:relative;padding-left:18px}
#p38 .cont_box dl dd .dot_txt li.t_mr{margin-top:10px}
#p38 .cont_box dl dd .dot_txt li:before{position:absolute;left:0;top:11px;content:'';width:3px;height:3px;border-radius:100px;background:var(--primary)}

/* Prospective Students */
#p41 .txt_list{display:flex;gap:20px;margin-top:40px}
#p41 .txt_list li{width:100%;padding:30px 25px;border:1px solid #e1e1e1;text-align:center;border-radius:15px}
#p41 .go_btn{margin:80px auto 0}

/* Admissions */
#p42 .go_btn{margin:80px auto 0}
#p42 .top_wrap .top_txt{margin-bottom:24px}
#p42 .top_wrap>p>span{font-size:18px;font-weight:600;color:#111}
#p42 .num_cont{display:grid;grid-template-columns:repeat(4,1fr);margin:32px 0 45px;padding:40px 0;background-color:#f5f5f5}
#p42 .num_cont li{text-align:center;font-weight:600;color:#333}
#p42 .num_cont li span{display:flex;align-items:center;justify-content:center;width:30px;height:30px;margin:0 auto 15px;border-radius:5px;font-size:15px;color:#fff;background-color:var(--primary)}
#p42 .cont_box{margin-top:45px}

/* Tuition and Fees */
#p43 .img_num dl:nth-child(1) dt{background-image:url('/sh_page/img/p43_img01.jpg')}
#p43 .img_num dl:nth-child(2) dt{background-image:url('/sh_page/img/p43_img02.jpg')}
#p43 .img_num dl:nth-child(3) dt{background-image:url('/sh_page/img/p43_img03.jpg')}

/* Financial Aid */
#p44 .img_num dl:nth-child(1) dt{background-image:url('/sh_page/img/p44_img01.jpg')}
#p44 .img_num dl:nth-child(2) dt{background-image:url('/sh_page/img/p44_img02.jpg')}
#p44 .img_num dl:nth-child(3) dt{background-image:url('/sh_page/img/p44_img03.jpg')}

/* How to Support GVU */
#p45{text-align:center}
#p45 .top_txt p{margin-top:30px}
#p45 .img_box{width:100%;height:300px;margin-top:55px;background:url('/sh_page/img/p45_img.jpg') no-repeat center / cover}
#p45 .acc_list{display:flex;width:calc(100% - 100px);margin:-70px auto 0;padding:30px 0;background-color:#fff}
#p45 .acc_list li{width:100%;padding:20px 15px}
#p45 .acc_list li+li{border-left:1px solid #e1e1e1}
#p45 .acc_list li b{display:block;width:fit-content;padding:3px 10px;margin:0 auto;font-weight:600;color:#fff;background-color:var(--primary);font-family:var(--e-font)}
#p45 .acc_list li span{display:block;margin:10px 0;font-size:18px;font-weight:600;color:#333}

/* What is CMCNWW? */
#p47{text-align:center}
#p47 .top_txt{padding-bottom:50px;border-bottom:1px solid #e1e1e1}
#p47 .s_txt{position:relative;width:calc(100% - 100px);margin:0 auto;padding:54px 50px 65px;background-color:#fff}
#p47 .img_box{width:100%;height:300px;margin-top:-70px;background:url('/sh_page/img/p47_img.jpg') no-repeat center / cover}
#p47 .vs_txt{padding:70px 90px 0}
#p47 .vs_txt b{display:block;margin-bottom:15px;font-size:60px;line-height:1;font-weight:700;color:#f2e8ec;font-family:var(--e-font)}

/* Who's Who at CMCNWW? */
#p58 .work_cont{padding:50px;border:1px solid #e1e1e1}
#p58 .work_cont .tit{display:block;width:fit-content;margin-bottom:40px;padding:3px 10px;font-weight:600;color:#fff;background-color:var(--primary);font-family:var(--e-font)}
#p58 .work_cont dl{display:flex}
#p58 .work_cont dl+dl{margin-top:40px;padding-top:40px;border-top:1px dashed #e1e1e1}
#p58 .work_cont dl dt{flex-shrink:0;width:120px;font-weight:700;color:var(--primary);font-family:var(--e-font)}
#p58 .work_cont dl dd ul li{position:relative;padding-left:18px}
#p58 .work_cont dl dd ul li+li{margin-top:5px}
#p58 .work_cont dl dd ul li:before{position:absolute;left:0;top:11px;content:'';width:3px;height:3px;border-radius:100px;background:var(--primary)}

/* What is Missional Church? */
#p48 .cont_box{margin-top:60px}

/* Jaurnal/JMCWW */
#p49 .img_box{width:100%;height:300px;margin-top:60px;background:url('/sh_page/img/p49_img.jpg') no-repeat center / cover}
#p49 .s_txt{width:calc(100% - 100px);margin:-70px auto 0;padding:64px 50px 0;text-align:center;background-color:#fff}

/* Ralated Sites */
#p50 .top_txt{padding-bottom:60px}
#p50 .site_list{padding:30px}
#p50 .site_list:nth-child(2n){background-color:#f5f5f5}
#p50 .site_list .tit{display:block;width:fit-content;margin-bottom:20px;padding:3px 10px;font-weight:600;color:#fff;background-color:var(--primary);font-family:var(--e-font)}
#p50 .site_box{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid #e1e1e1}
#p50 .site_box>div{display:flex;flex-flow:column;padding:30px;border-bottom:1px dashed #e1e1e1;border-right:1px dashed #e1e1e1}
#p50 .site_box>div:nth-child(2n){border-right:none}
#p50 .site_box>div:last-child{border-bottom:none}
#p50 .site_box>div a{display:block;width:fit-content;margin:auto 0 0 auto;padding:5px 15px;border-radius:3px;font-size:15px;font-weight:500;color:#fff;background-color:var(--primary);transition:all .2s;font-family:var(--e-font)}
#p50 .site_box>div p{margin-bottom:10px;font-weight:600;color:#111}

@media (hover: hover) {
.pagecommon .go_btn:hover{background-color:var(--primary-c)}
#p50 .site_box>div a:hover{background-color:var(--primary-c)}
}

@media (max-width:1230px){}
@media (max-width:1024px){
.pagecommon{font-size:15px}
.pagecommon .top_txt b{font-size:30px}
.pagecommon .cont_box dl dt p{font-size:18px}
.pagecommon .cont_box dl dd{padding:35px 0 15px}
.pagecommon .img_num{padding:60px 0 0}
#p33 .top_txt span{margin-bottom:25px}
#p33 .img_box{height:250px;margin-top:50px}
#p33 .cont{padding:50px 0 0 20px}
#p33 .cont dl dt{font-size:45px}
#p33 .cont dl dd{margin:-15px 0 0 20px}
#p33 .cont dl dd b{font-size:18px}
#p33 .go_btn{margin-top:65px}
#p35{gap:50px}
#p35 .l_box img{width:300px}
#p35 .top_txt{margin-bottom:35px;padding-bottom:35px}
#p35 .r_box .txt b{font-size:23px}
#p38 .top_txt{margin-bottom:45px}
#p45 .acc_list{width:calc(100% - 40px)}
#p47 .s_txt{width:calc(100% - 60px)}
#p47 .vs_txt{padding:70px 60px 0}
#p58 .work_cont{padding:30px}
#p49 .img_box{height:270px}
#p49 .s_txt{width:calc(100% - 60px)}
}
@media (max-width:768px){
.pagecommon .top_txt b{font-size:25px}
.pagecommon .top_txt span{margin-bottom:15px}
.pagecommon .go_btn{width:200px;height:55px}
.pagecommon .cont_box dl dt p{font-size:16px}
.pagecommon .cont_box dl dt span{width:25px;height:25px;font-size:13px}
.pagecommon .cont_box dl dd{padding:25px 0 10px}
.pagecommon .top_box{display:block;margin-bottom:50px}
.pagecommon .top_box>p{padding-top:30px}
.pagecommon .cont_box dl+dl{margin-top:40px}
.pagecommon .img_num dl dd{padding:30px 25px}
.pagecommon .img_num dl dd p{font-size:16px}
#p33 .top_txt span{margin-bottom:20px;font-size:14px}
#p33 .top_txt b{white-space:normal}
#p33 .img_box{height:200px;margin-top:40px}
#p33 .cont{padding:45px 10px 0}
#p33 .cont dl+dl{margin-top:35px}
#p33 .cont dl dt{font-size:35px}
#p33 .cont dl dd b{font-size:16px}
#p33 .go_btn{margin-top:50px}
#p35{display:block}
#p35 .r_box{margin-top:45px}
#p35 .top_txt{margin-bottom:30px;padding-bottom:30px}
#p35 .r_box .txt b{font-size:20px}
#p35 .go_btn{margin:50px auto 0}
#p38 .cont_box dl{padding:20px}
#p38 .cont_box dl+dl{margin-top:20px}
#p41 .txt_list{gap:15px}
#p41 .txt_list li{padding:25px 20px}
#p41 .go_btn, #p42 .go_btn{margin:50px auto 0}
#p42 .top_wrap>p>span{font-size:16px}
#p42 .top_wrap p.pl, #p42>.pl{white-space:normal}
#p42 .num_cont{grid-template-columns:repeat(2,1fr);row-gap:25px;padding:25px 0}
#p42 .num_cont li{padding:0 15px}
#p45 .top_txt .pl{white-space:normal}
#p45 .img_box{height:230px}
#p45 .acc_list{display:block}
#p45 .acc_list li+li{border-left:none;border-top:1px solid #e1e1e1}
#p47 .s_txt{width:calc(100% - 30px);padding:50px 30px 60px}
#p47 .img_box{height:260px}
#p47 .vs_txt{padding:50px 40px 0}
#p47 .vs_txt b{font-size:50px}
#p58 .work_cont{padding:20px}
#p58 .work_cont dl{display:block}
#p58 .work_cont dl+dl{padding-top:30px;margin-top:30px}
#p58 .work_cont dl dt{width:100%;margin-bottom:20px}
#p48 .cont_box{margin-top:50px}
#p49 .img_box{margin-top:50px}
#p49 .s_txt{width:calc(100% - 30px);padding:50px 30px 0}
#p49 .img_box{height:220px}
#p50 .top_txt{padding-bottom:50px}
#p50 .site_list{padding:20px}
#p50 .site_box>div{padding:20px}
#p50 .site_box>div a{font-size:14px}
#p50 .site_box>div p{margin-bottom:15px;white-space:normal}
}
@media (max-width:480px){
.pagecommon{padding-bottom:0;font-size:14px}
.pagecommon .top_txt b{font-size:20px}
.pagecommon .cont_box dl dt p{font-size:15px}
.pagecommon .top_box>p{padding-top:25px}
.pagecommon .img_num{padding-top:40px}
.pagecommon .img_num dl{display:block}
.pagecommon .img_num dl+dl{margin-top:40px}
.pagecommon .img_num dl dt{width:100%;height:220px}
.pagecommon .img_num dl dd{width:100%;padding:30px 20px 0}
.pagecommon .img_num dl dd p{font-size:15px}
.pagecommon .img_num dl dd span{margin-bottom:15px;width:25px;height:25px;font-size:13px}
#p33 .img_box{height:165px}
#p33 .cont dl dt{font-size:30px}
#p33 .cont dl dd{margin:-10px 0 0 15px}
#p35 .l_box{text-align:center}
#p35 .r_box{margin-top:40px;text-align:center}
#p35 .top_txt{margin-bottom:25px;padding-bottom:25px}
#p35 .r_box .txt b{margin-bottom:15px;font-size:18px}
#p38 .top_txt{margin-bottom:35px}
#p38 .cont_box dl{padding:15px}
#p38 .cont_box dl+dl{margin-top:15px}
#p38 .cont_box dl dd .dot_txt li:before{top:10px}
#p41 .txt_list{display:block}
#p41 .txt_list li+li{margin-top:15px}
#p42 .top_txt b{white-space:normal}
#p42 .num_cont li .pl{white-space:normal}
#p42 .top_wrap>p>span{font-size:15px}
#p45 .img_box{height:210px;margin-top:45px}
#p45 .acc_list{width:calc(100% - 30px)}
#p45 .acc_list li span{font-size:16px}
#p47 .top_txt{padding-bottom:30px}
#p47 .s_txt{padding:45px 15px 55px}
#p47 .img_box{margin-top:0;height:210px}
#p47 .vs_txt{padding:40px 15px 0}
#p47 .vs_txt b{font-size:35px}
#p58 .work_cont .tit{margin-bottom:30px}
#p58 .work_cont dl dd ul li:before{top:10px}
#p48 .cont_box{margin-top:40px}
#p49 .img_box{height:185px;margin-top:40px}
#p49 .s_txt{padding:40px 20px 0}
#p50 .top_txt{padding-bottom:40px}
#p50 .site_box{grid-template-columns:repeat(1,1fr)}
#p50 .site_box>div a{font-size:13px}
}
@media (max-width:380px){
.pagecommon .img_num dl dt{height:195px}
#p35 .l_box img{width:100%}
#p42 .num_cont{grid-template-columns:repeat(1,1fr)}
}
