@charset "UTF-8";
/* CSS Document */
html, body{width: 100%;
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;}
img{width:100%; padding: 0;margin: 0; vertical-align: bottom; display: block;}
div{padding: 0; margin: 0; line-height: 0;}
.wrapper{padding: 0 0 100px 0; margin: 0; overflow: hidden; }
p{margin:0;padding: 0;}
.txt_red{color: #CF0033;}
.txt_s{font-size: 80%; line-height: 150%;}
.txt_ss{font-size: 50%; line-height: 150%;}
.marker_y{
background:linear-gradient(transparent 75%, #ffdc00 75%);
font-weight:bold; 
}
.marker_y_s{background:linear-gradient(transparent 75%, #ffdc00 75%);}

.bg_senshu{background-color: #E5F2E8 ; }

.col_rible{background-color: #c2e1f7;}
.col_ble{background-color:#eff3fb;}
.col_or{background-color: #ffedd0;}

.copyright{width: 90%; text-align: center; font-size: 60%; display: block; margin: 20px auto ;}
.clearfix:after{
    content : '';
    display : block;
    clear : both;
    height:0; 
}
/*--------　topへ戻るボタン　-------*/
#page-top {
    position: fixed;
    bottom: 100px;
    right: 20px;
    font-size: 80%;
	z-index: 100;
}
 
#page-top a {
    display: block;
    background: #666;
    color: #fff;
    width: 60px;
    padding: 20px 0;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
	font-weight: bold;
}
 
#page-top a:hover {
    background: #999;
    text-decoration: none;
}


/* -----------SP----------- */
@media screen and (max-width: 750px) {
	.logo{padding: 10px 0 0 10px;}
	.logo img{width: 40%;}
	.mainvisual{
	background-color: #FFFFFF; 
}
	.mainvisual p{ padding: 10px;}	
	
	header h1 {
    background: url("../img/Mainvisual_sp.jpg") center center no-repeat;
    background-size: 100%;
    padding-bottom: 121.46%;
    position: relative;
	margin:0;
}

	.sub_catch{background-color:#FF73A3; padding: 10px;}
	.sub_catch h2{background-color: #fff; border-radius: 100px; height: auto; margin: 15px auto; display: block; padding: 10px 45px; text-align: center; line-height: 150%;}
	
/*---subtitle SP---*/
	.sub_title{ padding:10px 20px; margin: 0; font-size: 120%; line-height: 160%;}
	.sub_title_pc img{
		display: none;
	}
	
/*---３つの特徴SP---*/
	.tokucho{background-color: #fff; padding: 50px 0; }
	.tit_tokucho {background-color: #fff; padding: 20px;}
	.tit_tokucho img{ width:90%; display: block; margin:0 auto 20px auto; }
	.tokucho img{ width: 100%; display: block; margin: 0 auto; }
	.box_tokucho{ background-color: #FCF1CA; border-radius: 10px; margin: 10px; padding: 10px;} 
	.tokucho p{ display: block; margin: 10px auto; color: #FF8C00; font-size: 120%; line-height: 150%; }
	.tokucho_1{    
	background: url("../img/tokucho_1_sp.png") center center no-repeat;
    background-size: 98%;
    padding-bottom: 23.24%;
    position: relative;
	margin:0;
}
	
	.tokucho_2{    
	background: url("../img/tokucho_2_sp.png") center center no-repeat;
    background-size: 98%;
    padding-bottom: 23.24%;
    position: relative;
	margin:0;
}
	
	.tokucho_3{    
	background: url("../img/tokucho_3_sp.png") center center no-repeat;
    background-size: 98%;
    padding-bottom: 35.24%;
    position: relative;
	margin:0;
}
	
/*---目次SP----*/
.mokuji{background-color: #FFD7E1; padding: 40px 0;}
.mokuji p{background-color: #ffffff; width: 80px; height: 80px; border-radius: 50%;  display: block; margin: 0 auto 40px auto;   color:#454545; text-align: center; line-height: 80px; font-weight: bold;}
.mokuji ul{width: 70%; display: block; margin: 0 auto; font-size: 130%;}
.mokuji li{list-style-type: decimal;margin: 30px 0; line-height: 120%;color: #000;}
.mokuji li a{color: #000;}
	
/*---学習スタイルSP---*/
.gakushu_style{background-color: #ffffff; position: relative; padding: 40px 0 0 0; margin: 30px 0 0 0;}
.gakushu_style img{}
.gakushu_style .sp_title{}
.gakushu_style .pc_title{display: none;}
.gakushu_style h2{width: 95%; display: block; margin: 20px auto;}
.gakushu_style .box_message{background-color:#EFF4FD ; padding-bottom: 10px;}
.gakushu_style .box_message p{width: 90%; display: block; margin: 0 auto; font-size: 110%; line-height: 160%; padding: 10px 0;}
.gakushu_style .box_message .bl_box{background-color: #0074AF; width: 70%; display: block; margin: 0 auto;  position: relative; bottom: -20px;}
.gakushu_style .box_message .bl_box p{color: #fff; font-size: 110%; text-align: center; font-weight: bold;}
.gakushu_style .box_message .wh_box{background-color: #fff;  width: 90%; display: block; margin: 10px auto; padding: 20px 10px 10px 10px; font-size: 90%; line-height: 140%; }
	
/*---pickupSP---*/
.pickup{background-image:url("../cmn_img/repeat_border.png"); padding: 20px; }
.pickup .y_box{background-color: #fff;  border: "#FFB700 solid 2px"; padding: 10px; font-size: 90%; line-height: 160%;}
.pickup .tit_kamoku img{width: 70%; display: block; margin: 20px auto;}
.ph_pickup img{width: 80%; display: block; margin: 10px auto;}
.tit_pickup img{ width: 60%; display: block; margin: 0 auto; position: relative;bottom:-9px;}
	
/*-----出願期間SP-----*/
.shutsugan{width: 90%; display: block; margin: 20px auto; border: #007400 solid 1px;border-radius: 10px;line-height: 160%;}
.tit_shutsugan{background-color: #007400; border-radius: 10px 10px 0 0; padding:20px 10px;}
.tit_shutsugan img{width: 25%; display: block; margin: 0 auto;}
.shutsugan_detail{padding:20px;}
.shutsugan_link img{width: 80%; display: block; margin: 20px auto;}
.shutsugan_detail_s{padding:0 20px 10px 20px; font-size: 85%; line-height: 130%;}

/*---学費シミュレーターSP---*/	
.simulator{width: 90%;display: block; margin: 20px auto 0 auto; color:#d24c72 ; font-size: 110%;line-height: 160%;font-weight: bold;text-align: center;}
.simulator img{width: 100%; display: block; margin: 10px auto;}
	
/* 卒業生にインタビューSP */
.grad_voice{background-color: #fff; margin-top: 40px; line-height: 150%;}
.grad_voice h3{color:#FF73A3 ;border-bottom: #FF73A3 solid 1px; padding-bottom: 5px;}
.tit_grad_voice{background: url("../img/mv_grad_sp.jpg") center center no-repeat;
background-size: 96%;
padding-bottom: 91.3%;
position: relative;
margin:0;
padding-top:20px; 
}

.success_box{background-color: #fff; position: relative; padding: 0;  width: 95%; margin: 0 auto; border-bottom: #71A7C4 1px dotted; line-height: 150%;}
.success_box img{}

	
	
/*---聖徳大学の通信なら！SP--*/
	.merit_sp{width: 90%; display: block; margin: 20px auto;}
	.merit_pc{display: none;}

/*---アクセスSP---*/
	.access{}
	.access h2{color:#1660ab ; font-size: 200%; text-align: center; padding: 60px 0;}
	.access h3{font-size: 200%; text-align: center; padding: 20px 0; color: #777777;}
	.access_sp{width: 100%; display: block; margin: 20px auto;}
	.access_pc{display: none; }
	.map{width: 90%;display: block; margin: 20px auto;}
	.access iframe{width: 90%; display: block; margin: 0 auto 20px auto;}
	.list{width: 85%; margin: 10px auto; display: block; line-height: 150%;}
	.list_st{padding: 15px 5px; display: inline-block;}
	

.footer{bottom: 0; position: fixed; z-index: 9999; line-height: 0;}
	
.btn_shiryo{
	display: block;
	margin: 20px auto;
    width:80%;
    height:80px;
    line-height:80px;
}
.btn_shiryo a{
    display:block;
    width:100%;
    height:100%;
    text-decoration: none;
    background:#FF294A;
    text-align:center;
    color:#FFFFFF;
    font-size:130%;
    font-weight:bold;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    box-shadow:5px 5px 0px 0px #DEDEDE ;
}
.btn_shiryo a:hover{
    background:#BA1F1F;
    color:#FFFFFF;
    margin-left:5px;
    margin-top:5px;
    box-shadow:none;
}	
	
	
}



/* -----------PC----------- */
@media screen and (min-width: 751px){
	.logo{padding: 15px;}
	.logo img{width: 18%;}
	.mainvisual{background-color: #FFFFFF; }
	.mainvisual p{width: 30%; display: block; margin: 0 auto; padding: 10px;}
	header h1 {
	background-color: #E7F0FB; 
    background: url("../img/Mainvisual_pc.jpg") center center no-repeat;
    background-size: 100%;
    margin:0;
    padding-bottom: 36.91%;
    position: relative;
}
	
	.sub_catch{background-color:#FF73A3; padding: 10px;}
	.sub_catch h2{background-color: #fff; border-radius: 100px; margin: 15px auto; display: block; padding: 30px; width: 40%; text-align: center; line-height: 150%;}
	
/*---sub_title PC---*/
	.sub_title{ width:50%; margin: 0 auto; display: block; padding:30px; font-size: 120%; line-height: 160%;}
	.sub_title img {width: 100%; display: block; margin: 20px auto;}
	.sub_title_sp img{
		display: none;
	}
		
/*---目次PC----*/
	.mokuji{background-color: #FFD7E1; padding: 40px 0;}
	.mokuji p{background-color: #ffffff; width: 80px; height: 80px; border-radius: 50%;  display: block; margin: 0 auto 60px auto;   color:#333333; text-align: center; line-height: 80px;font-weight: bold;}
	.mokuji ul{width: 30%; display: block; margin: 0 auto;}
	.mokuji li{list-style-type: decimal; margin: 20px 0; line-height: 120%;color: #000;}
	.mokuji li a{color: #000;}
	
/*---３つの特徴PC---*/
	.tokucho{ padding:0 0 40px 0;background-color:#FCF1CA;}
	.tit_tokucho {background-color: #fff; padding: 20px;}
	.tit_tokucho img{ width:90%; display: block; margin:0 auto 20px auto; }
	.tokucho p{width: 50%; display: block; margin: 0 auto; color: #FF8C00; font-size: 130%; line-height: 160%;}
	.tokucho img{ width: 40%; display: block; margin: 0 auto;}
	.tokucho_1{    
	background: url("../img/tokucho_1_pc.png") center center no-repeat;
    background-size: 100%;
    padding-bottom: 17.4%;
    position: relative;
	margin:0;
}
	.tokucho_2{    
	background: url("../img/tokucho_2_pc.png") center center no-repeat;
    background-size: 100%;
    padding-bottom: 15.86%;
    position: relative;
	margin: 0;
}
	.tokucho_3{    
	background: url("../img/tokucho_3_pc.png") center center no-repeat;
    background-size: 100%;
    padding-bottom: 15.86%;
    position: relative;
	margin: 0;
}
	

	
/*---学習スタイルPC---*/
.gakushu_style{background-color: #ffffff; position: relative; padding: 40px 0 0 0; margin: 30px 0 0 0;}
.gakushu_style img{}
.tit_gakushu_style img{ display: block; margin: 0 auto; width: 35%}
.gakushu_style .sp_title{display: none;}
.gakushu_style .pc_title{}
.box_message .photo img{width: 60%; margin: 20px auto; display: block;}
.gakushu_style .box_message{background-color:#EFF4FD ; font-size: 110%; line-height: 160%; padding-bottom: 10px;}
.gakushu_style .box_message p{width: 60%; display: block; margin: 0 auto;  padding: 20px 0;}
.gakushu_style .box_message .bl_box{background-color: #0074AF; width: 30%; display: block; margin: 0 auto;  position: relative; bottom: -20px;}
.gakushu_style .box_message .bl_box p{color: #fff; font-size: 110%; text-align: center; font-weight: bold;}
.gakushu_style .box_message .wh_box{background-color: #fff;  width: 60%; display: block; margin: 10px auto; padding: 20px 10px 10px 10px; font-size: 90%; line-height: 140%; }

/*---pickupPC---*/
.pickup{background-image:url("../cmn_img/repeat_border.png"); padding: 20px; }
.tit_pickup img{ width: 20%; display: block; margin: 0 auto; position: relative;bottom:-9px;}
.pickup .y_box{background-color: #fff; width: 50%; border: "#FFB700 solid 2px"; display: block; margin:0 auto 20px auto;padding: 10px 40px; font-size: 90%; line-height: 160%;}
.pickup .tit_kamoku img{width: 35%; display: block; margin: 20px auto;}
.ph_pickup img{width: 50%; display: block; margin: 10px auto;}

/*-----出願期間PC-----*/
.shutsugan{width: 40%; display: block; margin: 20px auto; border: #007400 solid 1px;border-radius: 10px;line-height: 160%;}
.tit_shutsugan{background-color: #007400; border-radius: 10px 10px 0 0; padding: 10px;}
.tit_shutsugan img{width: 25%; display: block; margin: 0 auto;}
.shutsugan_detail{padding:20px;}
.shutsugan_link img{width: 50%; display: block; margin: 20px auto;}
.shutsugan_detail_s{padding:0 20px 10px 20px; font-size: 85%; line-height: 130%;}

/*---学費シミュレーターPC---*/	
.simulator{width: 50%; display: block; margin: 20px auto 0 auto; color:#d24c72 ; font-size: 120%;line-height: 150%;font-weight: bold; text-align: center;}
.simulator img{width: 60%; display: block; margin: 10px auto;}
	
/* 卒業生にインタビューPC */
.grad_voice{background-color: #fff; line-height: 150%; width: 60%; margin: 0 auto;}
.grad_voice h3{color:#FF73A3 ;border-bottom: #FF73A3 solid 1px; padding-bottom: 5px;}
.tit_grad_voice{background: url("../img/mv_grad_pc.jpg") center center no-repeat;
background-size: 60%;
padding-bottom: 24.8%;
position: relative;
margin:0; padding-top:20px; 
}
.success_box {position: relative; padding-bottom: 40px; line-height: 150%;}
.success_box h3{color: #FF73A3; font-size: 150%; margin: 60px 0 20px 0; }
.success_box img{width: 40%; margin: 20px auto; display: block;}

	
/*---聖徳大学の通信なら！PC---*/
.merit_sp{display: none;}
.merit_pc{width: 50%; display: block; margin: 0 auto;}

/*---アクセスPC---*/
.access{}
.access h2{color:#1660ab ; font-size: 250%; text-align: center; padding: 80px;}
.access h3{font-size: 250%; text-align: center; padding: 30px 0; color: #777777;}
.access_sp{display: none;}
.access_pc{width: 100%; display: block; margin: 20px auto; }
.map{width: 40%;display: block; margin: 20px auto;}
.access iframe{width: 40%; display: block; margin: 0 auto 20px auto;}
.list{width: 40%; display: block; margin: 10px auto;line-height: 150%;}
.list_st{ padding: 20px 5px; display: inline-block;}	

.footer{width: 100%; bottom: 0; position: fixed; z-index: 9999; line-height: 0; background-color: #5FB4A4;}
.footer img{ width: 25%; display: block;margin: 0 auto 5px auto;}

.img_40 img{width: 40%; margin: 0 auto; display: block;}
	
	
.btn_shiryo{
	display: block;
	margin: 20px auto;
    width:30%;
    height:80px;
    line-height:80px;
}
.btn_shiryo a{
    display:block;
    width:100%;
    height:100%;
    text-decoration: none;
    background:#FF294A;
    text-align:center;
    color:#FFFFFF;
    font-size:130%;
    font-weight:bold;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    box-shadow:5px 5px 0px 0px #DEDEDE ;
}
.btn_shiryo a:hover{
    background:#BA1F1F;
    color:#FFFFFF;
    margin-left:5px;
    margin-top:5px;
    box-shadow:none;
}
}