@charset "utf-8";
/* CSS Document */

/* 全体 */
body { 
	line-height:150%;
	font-size:16px; 
	font-family:メイリオ;
	color:#333;
}

ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

li{
	margin:0px;
	padding:0px;
	list-style:none;
}

li > img{
	margin:5px 10px 5px 10px;
	vertical-align: middle;
}

/* リマケ */
.rm_banner{
	width:728px;
	margin:20px auto 20px auto;
}

/* メインビジュアル、バナーなど */

.wrapper{
	width:1050px;
	margin:0 auto;
}

.mainvisual{
	margin-top:10px;
}

.menu{
	width:990px;
	margin:0px auto 10px auto;
}

.menu1{
	width:324px;
	float:left;
	margin-right:9px;
}

.menu1 > img{
	margin-bottom:10px;
}

.menu2{
	width:324px;
	float:left;
	margin-right:9px;
}

.menu2 > img{
	margin-bottom:10px;
}

.menu3{
	width:324px;
	float:left;
}

.menu3 > img{
	margin-bottom:10px;
}

/* コンテンツ上部 */

.contents_category{
	width:990px;
	margin:10px auto 10px auto;
}

.contents_title{
	width:990px;
	margin:20px auto 20px auto;
}

/* 本文 */

.contents_text{
	width:870px;
	margin:10px auto 10px auto;
}

.contents_text > p{
	margin-bottom:20px;
}

.contents_text_title{
	width:870px;
	margin:0 auto;

}
.contents_text_title > p{
	font-size:24px;
	font-weight:bold;
}


/* 灰色の線 */
.line{
	width:990px;
	margin:10px auto;
}

/* コンテンツ下部 */
.page_link{
	width:870px;
	margin:10px auto 50px auto;
}

.page_link > p{
	text-align: right;  
}

/* 1_1_大学を目指すということ */
.step1{
	font-size:15px;
	width:600px;
	margin:0px auto;	
}

.step{
	font-size:15px;
	width:600px;
	margin:10px auto 10px auto;	
}
	
.c_1_1_toshin{
	width:605px;
	margin:10px auto 10px auto;
}

.c_1_1_step_img{
	width:200px;
	float:left;
	margin-left:25px;
}

.c_1_1_step_text{
	width:400px;
	float:left;
	margin-right:25px;
}

.c_1_1_step_text{
	font-size:15px;
	float:left;
}

.seikyu{
	font-size:15px;
	width:400px;
	margin-right:25px;
	float:right;
	text-align:right;
	margin-top:10px;
}

.seikyu > a > img{
	margin-bottom:10px;
}

.arrow{
width:82px;
margin:0 auto;
}

#c_1_1_step1{
	background-image: url("../img/1_1_step1.jpg");
	width:650px;
	height:645px;
	margin:0 auto;
	padding-top:70px;
}

#c_1_1_step2{
	background-image: url("../img/1_1_step2.jpg");
	width:650px;
	height:422px;
	margin:0 auto;
	padding-top:70px;
}

#c_1_1_step3{
	background-image: url("../img/1_1_step3.jpg");
	width:650px;
	height:391px;
	margin:0 auto;
	padding-top:70px;
}

#c_1_1_step4{
	background-image: url("../img/1_1_step4.jpg");
	background-repeat: no-repeat;
	width:650px;
	height:160px;
	margin:0 auto;
	padding-top:70px;
}
/* 1_3_志望校選びのポイント */
.contents_title_blue{
    font-size:18px;
    color:#00468C;
    font-weight:bold;
}

.mini{
    font-size:13px;
    margin:0 auto;
}
/* 1_4_気になるお金の話 */
.c_1_4{
	width:400px;
	/*height:300px;*/
	margin:10px auto 10px auto;
	float:left;
}
.c_1_4_2{
	width:400px;
	/*height:300px;*/
	margin:10px auto 10px auto;
	float:left;
}
.c_1_4_3{
	width:650px;
	margin:0 auto;
}
/* 追加 */
.nouhu{
	width:1000px;
	height:500px:
}

/* 2_1大学入試センター試験 */
.c_2_1{
	width:360px;
	height:400px;
	margin:10px auto 10px auto;
	float:left;}
	
/* 追加 */
.schedule{
	width:1000px;
	height:600px:
}
.suuri_p{
	width:350px;
}
/* block要素に変換 */
.block{
	display:block;
	height:50px;
}


/* 2_2国公立大学*/
.c2_2blue{color:#00468C;}
p.c2_2sidetext{
	font-size:14px !important;
}

/* 2_3私立大学*/
.c2_3nyusi {
	margin-left:40px;
	}

.c_2_3right {
	float:right;
	}
.c_2_3left{
	width:450px;
	float:left;
	}

#c2_3_l {
	float:left;
	}

#c2_3_r{
	width:415px;
	float:right;
	
	}
	
.c2_2_br {
	/*margin-left:45px;*/
	}

#words li{
	margin-bottom: 20px;
}


      .modal-window{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 99999;
}
.modal-bg{
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}
.modal-content{
    background: #fff;
    left: 50%;
    padding: 40px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 50%;
    height: 50%;
    overflow-y: scroll;
}

p.modal-close{
  color: #000;
    position: absolute;
    top: 90%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: #ffffff;
    padding: 10px 20px;
    cursor: pointer;
}

.modal{
	position: relative;
    cursor: pointer;
    width: 650px;
    margin: 30px 0;
    border: 2px solid;
}

.modal img{
	width: 100%;
}

.modal::before{
	content: "";
    display: block;
    width: 130px;
    height: 130px;
    position: absolute;
    background-color: #00000099;
    background-image: url(../img/icon.png);
    bottom: 0;
    right: 0;
    background-size: 50% 50%;
    /* padding: 20px; */
    background-position: unset;
    background-repeat: no-repeat;
    background-position: center;
}