@charset "UTF-8";
button{background:#fff;border:0;padding:0;color:rgb(102,102,102)}

div{margin:0;padding:0;text-align:left;}
h1{font-weight:normal;margin:0;}
h2{font-weight:normal;margin:0;}
h3{font-weight:normal;margin:0;}
p{margin:0;padding:0;text-align:left;}
img{vertical-align:bottom;;/*baseline;*/}
table{width:100%;border-collapse:collapse;border:1px solid #cccccc;}
td{border:1px solid #cccccc; }

a:hover,a:active {opacity:0.7;}

.dotTx{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.scrollY{overflow-y:auto;overflow-x:hidden;}
.floatBr{float:left;width:100%;}


/*共通*/
.esc_opacity0{opacity:0}
.esc_dispNone{display:none}
.esc_jsLoading{opacity:0}
.float-none{float:none;}

input::-webkit-input-placeholder {color:rgba(102,102,102,1);}
input:-ms-input-placeholder {color:rgba(102,102,102,1);}
input::-moz-placeholder {color:rgba(102,102,102,1);}

#main-koubo div,#main-koubo p,#main-koubo a{
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
}
#main-koubo p{
    font-weight: 500;
}

@media screen and (min-width: 769px) {
	.onlyMb{display:none;}
}
@media screen and (max-width: 768px) {
	.onlyPc{display:none;}
}


.clearfix:after{
	content: "";
	clear: both;
	display: block;
}
.flex{
    display:flex;
    align-items:stretch;
    align-content:stretch;/* 折り返し時の配置指定 */
    justify-content: space-between;
/*    justify-content: flex-start;*/
    flex-direction:row;
    flex-wrap: wrap;/* 折り返し指定 */
}
.flex_center{
    display:flex;
    align-items:stretch;
    align-content:stretch;/* 折り返し時の配置指定 */
    justify-content: center;
/*    justify-content: flex-start;*/
    flex-direction:row;
    flex-wrap: wrap;/* 折り返し指定 */
}
.midCenter{
	 display: -webkit-flex;
	 display: flex;
	 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	 align-items: center; /* 縦方向中央揃え */
	 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
}
@media screen and (max-width: 768px) {
    .noFlex_mb{
        display:block;
    }   
}

#main-koubo a:link,#main-koubo a:visited {text-decoration:none;}

.fs{
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}
.fm{
	font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.red{
    color:#ff0000;
}
ul.number-list{
    counter-reset: item;/**/
    list-style-type: none;
}
ul.number-list li{
    position:relative;
}
ul.number-list li:before{
    counter-increment: item;
    content: counter(item);
    
    position:absolute;
    left:-2em;
    width:1.5em;
    height:1.5em;
    border-radius:3em;
    background:rgb(0,160,214);
    color:rgb(255,242,38);
    font-weight:bold;
    text-align:center;
    
	font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.fw10{
	text-shadow:
		  0.2px  0.0px 0.05px rgba(0,0,0,0.3)	, 0.2px -0.2px 0.05px rgba(0,0,0,0.3)	, 0.0px -0.2px 0px rgba(0,0,0,0.3)	,-0.2px -0.2px 0.05px rgba(0,0,0,0.3)	,-0.2px  0.0px 0.05px rgba(0,0,0,0.3)	,-0.2px  0.2px 0.05px rgba(0,0,0,0.3)	, 0.0px  0.2px 0.05px rgba(0,0,0,0.3)	, 0.2px  0.2px 0.05px rgba(0,0,0,0.3);
}
.fw10-b{
	text-shadow:
		  0.3px  0.0px 0px rgba(0,64,152,0.5)	, 0.3px -0.3px 0px rgba(0,64,152,0.5)	, 0.0px -0.3px 0px rgba(0,64,152,0.5)	,-0.3px -0.3px 0px rgba(0,64,152,0.5)	,-0.3px  0.0px 0px rgba(0,64,152,0.5)	,-0.3px  0.3px 0px rgba(0,64,152,0.5)	, 0.0px  0.3px 0px rgba(0,64,152,0.5)	, 0.3px  0.3px 0px rgba(0,64,152,0.5);
}
.fw10-r{
	text-shadow:
		  0.3px  0.0px 0px rgba(229,0,18,0.5)	, 0.3px -0.3px 0px rgba(229,0,18,0.5)	, 0.0px -0.3px 0px rgba(229,0,18,0.5)	,-0.3px -0.3px 0px rgba(229,0,18,0.5)	,-0.3px  0.0px 0px rgba(229,0,18,0.5)	,-0.3px  0.3px 0px rgba(229,0,18,0.5)	, 0.0px  0.3px 0px rgba(229,0,18,0.5)	, 0.3px  0.3px 0px rgba(229,0,18,0.5);
}
.txSdw-w{	
	text-shadow:0.1em 0 1px #fff,0.1em 0.1em 1px #fff,0 0.1em 1px #fff,-0.1em -0.1em 1px #fff,-0.1em 0 1px #fff, -0.1em -0.1em 1px #fff,0 -0.1em 1px #fff,0.1em -0.1em 1px #fff,
    0.2em 0 1px #fff,0.2em 0.2em 1px #fff,0 0.2em 1px #fff,-0.2em -0.2em 1px #fff,-0.2em 0 1px #fff, -0.2em -0.2em 1px #fff,0 -0.2em 1px #fff,0.2em -0.2em 1px #fff;
}
@media screen and (max-width: 768px) {
	.fw10{
		text-shadow:
			  0.02vw  0.0vw 0vw rgba(0,0,0,0.3)	, 0.02vw -0.02vw 0vw rgba(0,0,0,0.3)	, 0.0vw -0.02vw 0vw rgba(0,0,0,0.3)	,-0.02vw -0.02vw 0vw rgba(0,0,0,0.3)	,-0.02vw  0.0vw 0vw rgba(0,0,0,0.3)	,-0.02vw  0.02vw 0vw rgba(0,0,0,0.3)	, 0.0vw  0.02vw 0vw rgba(0,0,0,0.3)	, 0.02vw  0.02vw 0vw rgba(0,0,0,0.3);
	}
	.fw10-b{
		text-shadow:
			  0.02vw  0.0vw 0vw rgba(0,64,152,0.5)	, 0.02vw -0.02vw 0vw rgba(0,64,152,0.5)	, 0.0vw -0.02vw 0vw rgba(0,64,152,0.5)	,-0.02vw -0.02vw 0vw rgba(0,64,152,0.5)	,-0.02vw  0.0vw 0vw rgba(0,64,152,0.5)	,-0.02vw  0.02vw 0vw rgba(0,64,152,0.5)	, 0.0vw  0.02vw 0vw rgba(0,64,152,0.5)	, 0.02vw  0.02vw 0vw rgba(0,64,152,0.5);
	}
	.fw10-r{
		text-shadow:
			  0.02vw  0.0vw 0vw rgba(229,0,18,0.5)	, 0.02vw -0.02vw 0vw rgba(229,0,18,0.5)	, 0.0vw -0.02vw 0vw rgba(229,0,18,0.5)	,-0.02vw -0.02vw 0vw rgba(229,0,18,0.5)	,-0.02vw  0.0vw 0vw rgba(229,0,18,0.5)	,-0.02vw  0.02vw 0vw rgba(229,0,18,0.5)	, 0.0vw  0.02vw 0vw rgba(229,0,18,0.5)	, 0.02vw  0.02vw 0vw rgba(229,0,18,0.5);
	}
}

/*動画関連*/
/*
.mv_thumb:after{
	position:absolute;
	content:"";
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-image:url(../img/icon_youtube.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:90px;
	transition-duration:0.3s
}
*/
/*/_class:/*/
/*
.mv_thumb:hover:after{
	background-size:100px;
}
*/

iframe{
    display:block;
    width:100%;
    height:500px;
}
#mv_screen{
    display:block;
    position:absolute;
    width:100%;
    height:110vh;
    left:0;
    background-color:rgba(0,0,0,0.8);
    z-index:99;
    opacity:0;
}
.mv_thumb:before{
    content:"";
    position:absolute;
    width:80px;
    height:80px;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    background-image:url(../img/icon_youtube.png);
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
    transition-duration:0.5s;
    z-index:5;
}
.mv_thumb:hover:before{
    width:100px;
    height:100px;
}
#mv_screen .js_mvEle{
    display:block;
    margin:0 auto;
    width:900px;
    height:600px;
    margin-top:calc((100vh - 600px)/2);
}
#mv_screen .js_bt_x{
    position:absolute;
    width:50px;
    height:50px;
    right:0;
    border:1px solid #ddd;
    background-color:rgba(0,0,0,0.5);
    background-image:url(../img/style0_menux.png);
    background-size:cover;
}
#mv_screen .mv_link{
    display:block;
    width:320px;
    margin:20px auto 0;
    padding:10px 0;
    background:rgba(0,0,0,0.5);
    border-radius:30px;
    border:1px solid #fff;
    color:#fff;
    font-size:18px;
    text-align:center;
    box-shadow:0px 0px 3px 0 rgba(255,255,255,1);
}

@media screen and (max-width: 767px) {
    iframe{
        display:block;
        width:100%;
        height:70vw;
    }
    .mv_thumb-L{
        width:75vw;
    }    
    .mv_thumb-L2{
        width:100%;
    }
    
    #mv_screen .js_mvEle{
        width:100vw;
        height:60vw;
    }
    #mv_screen .js_bt_x{
        width:5vh;
        height:5vh;
        right:0;
    }
    #mv_screen .mv_link{
        width:42vw;
        margin:3vw auto 0;
        padding:2vw 0;
        border-radius:10vw;
        font-size:3vw;
    }    
	.mv_thumb:before{
		width:35%;
		height:35%;
	}
	.mv_thumb:hover:before{
		width:45%;
		height:45%;
	}
}
@media screen and (max-width: 767px) and (orientation: portrait) {
   /* 横向きの場合のスタイル */
    #mv_screen .js_mvEle{
        width:100vw;
        height:60vw;
        margin-top:calc((100vh - 60vw)/2);
    }
    #mv_screen .js_bt_x{
        width:6vh;
        height:6vh;
        margin-top:calc((100vh - 60vw)/2 - 6vh);
    }
}
@media screen and (max-width: 767px) and (orientation: landscape) {
    #mv_screen .js_mvEle{
        width:84vw;
        height:100vh;
        margin-top:0;
    }
    #mv_screen .js_bt_x{
        width:6vw;
        height:6vw;
    }
    #mv_screen .mv_link{
        display:none;
    }    
}


.mv_thumb.top-right-icon:before{
	top:15%;
	left:auto;
	right:3%;
	width:20%;
	height:20%;
	transform:translate(0%,0%);
}
.mv_thumb.top-right-icon:hover:before{
	width:25%;
	height:25%;
}


.ippan-advice a{
    transition-property: opacity;
    transition-duration: 0.3s;
}
.ippan-advice a:hover,.ippan-advice a:active{
    opacity:0.9;
}
.ippan-advice div{
    box-sizing: border-box;
}
.ippan-advice button[class^=check-link]{
/*    border:1px solid #000;*/
}

.ippan-advice.ver2023 .check-link{
    background-image:url(../img/ad23_click.svg);
    background-repeat:no-repeat;
    background-position:98% 70%;
    background-size:auto 80%;
    cursor:pointer;
}
@media screen and (min-width:769px){
    .ippan-advice.ver2023 .top-display a{
        transition-duration:0.3s;
        transition-property: background-size;
    }
    .ippan-advice.ver2023 .top-display a:hover{
        background-size:auto 95%;
    }
    .ippan-advice.ver2023 .check-link{
        transition-duration:0.3s;
    }
    .ippan-advice.ver2023 .check-link:hover{
        background-size:auto 100%;
        background-position:100% 60%;
    }
}
/*2023一般対策アドバイスLP*/
.ippan-advice-lp .top-link button{
    transition-duration:0.3s;
}
.ippan-advice-lp .top-link button:hover{
    background-size:90%;
}
.thread-div:nth-child(2) .profile-img{
    background-position:90% 100%;
}
.thread-div:nth-child(3) .profile-img{
    background-position:90% 100%;
}
.thread-div .round{
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
    font-weight:500;
}
.thread-div:nth-child(3) .round{
    background-color:rgb(230,132,203);
}
.thread-div:nth-child(4) .round{
    background-color:rgb(0,209,255);
}
.thread-div .round .nallow{
    font-size:85%;
    font-weight:inherit;
    letter-spacing:-0.1em;
    text-shadow:1px 0 1px rgb(230,132,203)
        ,1px 1px 1px rgb(230,132,203)
        ,0px 1px 1px rgb(230,132,203)
        ,-1px 1px 1px rgb(230,132,203)
        ,-1px 0px 1px rgb(230,132,203)
        ,-1px -1px 1px rgb(230,132,203)
        ,0px -1px 1px rgb(230,132,203)
        ,1px -1px 1px rgb(230,132,203);
}
/*2024 一般入試対策*/
.ippan_taisaku{
	color:#000000;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight:500;
	font-size:18px;
    line-height:1.6;
}
@media screen and (max-width: 768px) {
    .ippan_taisaku{
        font-size:3.5vw;
    }
}
.lineDiv:before{
    content:"";
    transition-duration:1s;
    transition-delay:0.5s;
    background-color:rgb(255,242,38);
    position:absolute;
    bottom:0.2em;
    left:0;
    width:0;
/*    width:100%;*/
    height:0.4em;
    z-index:-1;
}
.lineDiv:before{
    bottom:0;
    height:100%;
    z-index:-1;
}
.lineDiv:before{
    width:100%;
}
/*
.lineDiv.ef_fadeUp-on:before{
    width:100%;
}*/

/*2024 一般アドバイス*/
.top_badge a:hover img{
    width:110%;
    opacity:0.9;
}
.stickey-bar{
    position:sticky;
    top:5px;
}
@media screen and (max-width:768px){
    .stickey-bar{
        top:16vw;
    }
}

.sp-wide-scroll{
    position:relative;
    overflow-x:auto;
}
@media screen and (max-width: 768px){
    .sp-wide-scroll{
        position:relative;
        overflow-x:scroll;
    }
    .sp-wide-scroll:before{
        content:"";
        position:absolute;
        width:25vw;
        height:100%;
        top:0;
        left:75vw;
        background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%);
    }
    .sp-wide-scroll:after{
        content:"";
        position:absolute;
        width:6vw;
        height:6vw;
        padding:0;
        top:50%;
        left:75vw;
        border:0;
        background-image:url(../img/arrow.svg);
        background-size:contain;
        background-repeat: no-repeat;
        transition-duration:0.2s;
        transform:translateY(-50%);
    }
    .sp-wide-scroll.before-none:before,.sp-wide-scroll.before-none:after{
        opacity:0
    }
    .sp-wide-scroll>*{
/*        width:760px;*/
        max-width:initial
    }
}