@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%;}
.marker_y{
background:linear-gradient(transparent 75%, #ffdc00 75%);
font-weight:bold; 
}
.marker_y_s{background:linear-gradient(transparent 75%, #ffdc00 75%);}

.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:#007400; 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: 130%;}
	
/*---広がる受験チャンスSP---*/
	.sub_title{ padding:10px 20px; margin: 0; font-size: 120%; line-height: 160%;}
	.sub_title_bg h2{background-color:#fff ;}
	.chance{background-color: #ffffff;  padding: 10px 10px 3px 10px; margin: 0 auto 10px auto; width: 55%; display: block; }
	.chance img{}
	.box_white{  color: #000000; background-color: #ffffff; border-radius: 10px; margin: 20px 0 0 0;}
	.box_white dt{font-size: 140%; border-bottom: #1660ab dotted 2px; padding: 20px; margin: 0;text-align: center;}
	.box_white dd{padding: 20px; margin: 0; text-align: left; line-height: 180%;}
	
/*---３つの特徴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: #E5EFC4; border-radius: 10px; margin: 10px; padding: 10px;} 
	.tokucho p{ display: block; margin: 10px auto; color: #007400; 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: 35.24%;
    position: relative;
	margin:0;
}
	
	.tokucho_3{    
	background: url("../img/tokucho_3_sp.png") center center no-repeat;
    background-size: 98%;
    padding-bottom: 23.24%;
    position: relative;
	margin:0;
}
	
/*---目次SP----*/
.mokuji{background-color: #f2b900; 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: #fff;}
.mokuji li a{color: #fff;}
	
/*---学習スタイル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("../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---*/
	.taiken{background-color: #F9F6EA;}
	.taiken .tit_taiken{background: url("../img/mv_taiken.png") center right no-repeat;
    background-size: 100%;
    padding-bottom: 46.9%;
    position: relative;
	margin:0; padding-top:20px; 
}
.taiken .txt{font-size: 120%;}
	
.success_box{background-color: #F9F6EA; position: relative; padding: 0; }
.success_box img{}

.success_box *, .success_box *:before, .success_box *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.success_box label {
position: absolute;
z-index: 10;
bottom: 0;
width: 100%;
height: 100%; /* グラデーションの高さ */
cursor: pointer;
text-align: center;
/* 以下グラデーションは背景を自身のサイトに合わせて設定してください */
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 90%);

}
.success_box input:checked + label {
background: inherit; /* 開いた時にグラデーションを消す */
height: 0;
}
.success_box label:after {
line-height: 5.5rem;
position: absolute;
z-index: 50;
bottom: 25px;
left: 50%;
width: 16rem;
font-weight: 900;
font-family: "Font Awesome 5 Free";
content: '\f107'' 詳細を読む';
transform: translate(-50%, 0);
letter-spacing: 0.05em;
color: #ffffff;
border-radius: 50px;
background-color:#F2B900;
}
.success_box input {
display: none;
}
.success_box .no_container {
width: 86%;
margin: 0 auto;
display: block;
overflow: hidden;
height: 265px; /* 開く前に見えている部分の高さ */
transition: all 0.5s;
line-height: 150%;
}
.success_box input:checked + label {
/* display: none ; 閉じるボタンを消す場合解放 */
}
.success_box input:checked + label:after {
font-weight: 900;
font-family: "Font Awesome 5 Free";
content: '\f106'' 閉じる';
}
.success_box input:checked ~ .no_container {
height: auto;
padding-bottom: 140px; /* 閉じるボタンのbottomからの位置 */
transition: all 0.5s;
}
	
/*---Q&A SP---*/
.kiseki{background-color: #F9F6EA; margin-bottom: 60px; padding-bottom: 50px;}
.kiseki .tit_kiseki{width: 90%; display: block; margin: 40px auto 0 auto; padding: 20px 0 0 0;}
.kiseki h3{color:#007400 ; font-size: 150%; line-height: 140%; padding: 0 10px;}
.kiseki .photo{width: 95%; margin: 20px auto;}
	
	
/*---聖徳大学の通信なら！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:#007400; padding: 10px;}
	.sub_catch h2{background-color: #fff; border-radius: 60px; margin: 10px auto; display: block; padding: 30px; width: 40%; text-align: center; line-height: 120%;}
	
/*---広がる受験チャンスPC---*/
	.sub_title{ width:70%; margin: 0 auto; display: block; padding:30px; font-size: 120%; line-height: 160%;}
	.chance{background-color: #ffffff;  padding: 10px 10px 5px 10px; margin:0 auto 10px auto; width: 17%; display: block;}
	.chance img{display: block; width: 90%; margin: 0 auto;}
	.box_white{ width: 70%; color: #000000; display: block; margin: 20px auto 0 auto; background-color: #ffffff; border-radius: 10px;}
	.box_white dt{font-size: 140%; border-bottom: #1660ab dotted 2px; padding: 20px; margin: 0; }
	.box_white dd{padding: 30px;margin: 0; text-align: left; font-size: 90%;}
	
/*---３つの特徴PC---*/
	.tokucho{ padding:0 0 40px 0;background-color:#E5EFC4;}
	.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: #007400; 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----*/
	.mokuji{background-color: #f2b900; 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: #fff;}
	.mokuji li a{color: #fff;}
	
/*---学習スタイル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{}	
	.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("../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---*/
	.new_info{}
	.new_info img{width: 35%; display: block; margin: 20px auto;}
	.new_info .info_txt{width: 60%; display: block; margin: 0 auto; line-height: 160%; color: #333333;}
	.new_info .tit_info{background-color: #E4E3F1;}
	.new_info .tit_info img{width: 35%;display: block; margin: 0 auto; padding: 40px; }
	
/*-----出願期間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;}

/*---success storyPC---*/
	.taiken{background-color: #F9F6EA;}
	.taiken .tit_taiken{background: url("../img/mv_taiken_pc.png") center right no-repeat;
    background-size: 100%;
    padding-bottom: 18%;
    position: relative;
	margin:0; padding-top:20px; 
}
	.staiken .sub_success{width: 30%; display: block; margin: 10px auto;}
	.taiken .txt{font-size: 120%;}
	
.success_box *, .success_box *:before, .success_box *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.success_box {position: relative; padding-bottom: 50px;}
.success_box label {

}
.success_box input:checked + label {
	background: inherit; /* 開いた時にグラデーションを消す */
	height: 0;
}
.success_box label:after {display: none;
	line-height: 5.5rem;
	position: absolute;
	z-index: 50;
	bottom: 11px;
	/*left: 40%;*/
	width: 16rem;
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	content: '\f107'' 詳細を読む';
	transform: translate(-50%, 0);
	letter-spacing: 0.05em;
	color: #ffffff;
	border-radius: 50px;
	background-color:#007400;
}
.success_box input {
	display: none;
}
.success_box .no_container {
	width: 60%;
	margin: 0 auto;
	display: block;
	overflow: hidden;
	height: 100%; /* 開く前に見えている部分の高さ */
	transition: all 0.5s;
	line-height: 175%;
	
}
.success_box input:checked + label {
	/* display: none ; 閉じるボタンを消す場合解放 */
}
.success_box input:checked + label:after {
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	content: '\f106'' 閉じる';
}
.success_box input:checked ~ .no_container {
	height: auto;
	padding-bottom: 100px; /* 閉じるボタンのbottomからの位置 */
	transition: all 0.5s;
}
	.success_box .box_message{ width: 80%; display: block; margin: 0 auto 70px auto; background-color: #ffffff; padding: 5px; line-height: 150%;}
	.success_box .box_message h3{border-bottom: #1660ab solid 2px; }
	
	
/*---Q&A PC---*/
.kiseki{background-color: #F9F6EA; margin-bottom: 60px; padding-bottom: 50px;}
.kiseki .tit_kiseki{width: 30%; display: block; margin: 40px auto 0 auto; padding: 20px 0;}
	.kiseki h3{width: 60%; margin: 0 auto; color:#007400 ; font-size: 180%; line-height: 180%;}
	.kiseki .photo{width: 40%; margin: 20px auto;}
	
/*---聖徳大学の通信なら！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;
}
}