@charset "UTF-8";
/* lp winter common.css */


/* ===== header color ===== */
header {
	border-color: #509fd2 !important;
}
header .st0 {
	fill: #509fd2;
}
header .phone_info span {
	color: #509fd2 !important;
}
.request_btn a {
	background-color: #053779 !important;	
}
.freeTrial_btn a {
	background-color: #c32327 !important;
}
header .SPfixedBottom.flex_box.sp_blk {
	display: none !important;
}





/* ===== form color ===== */
#div_contactNagare .num_maru {
	background-color: #053779 !important;
}
#div_contactNagare .card {
	border-color: #053779 !important;
}
h2.h2_bgBorder {
	border-color: #053779 !important;
}

/* 01 form */
.lp_form #div_contactNagare .card:first-of-type {
	background-color:#053779 !important; 
}
.lp_form #div_contactNagare .card:first-of-type p {
	color: #fff !important;
}
/* 01 form */
.lp_thanks #div_contactNagare .card:nth-of-type(2) {
	background-color:#053779 !important; 
}
.lp_thanks #div_contactNagare .card:nth-of-type(2) p {
	color: #fff !important;
}





/* ===== SP fixed menu ===== */
footer {
	background-color: #f4f4f4 !important;
}
.sp_fixed {
	display: none !important;
}


@media screen and (max-width:768px) {
    /* スマホの時に画面一番下に追従 */
    .SPfixedBottom {
        width: 100%;
        position: fixed;
        left:   0;
        bottom: 0;
        flex-wrap: nowrap;
        align-items: stretch;
        justify-content: space-between;
    }
    .SPfixedBottom > div {
        width: calc(100%/3);
        font-weight: bold;
    }
    .SPfixedBottom a {
        height: 50px;
        font-size: 14px;
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        padding: 10px;
        color: #fff;
    }
    .SPfixedBottom a:before {
        content: "";
        width:  18px;
        height: 18px;
        display: block;
        margin-right: 5px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }
    /* 資料請求・お申し込み・お問い合せ */
	.sp_fixed {
		width: 100%;
		height: 50px;
		display: flex !important;
		position: fixed;
		left:   0;
		bottom: 0;
		flex-wrap: nowrap;
		align-items: stretch;
		justify-content: space-between;
		z-index: 50;
	}
	.sp_fixed img {
		width:  100%;
		height: 100%;
		object-fit: contain;
		object-position: center;
	}

	.sp_fixed .fixed_contact {
		width: 60%;
		position: relative;
		background-color: #c83942;
	}
	.sp_fixed .fixed_contact:after {
		content: "";
		width: 2px;
		height: 100%;
		display: block;
		position: absolute;
		top: 0;
		right: -1px;
		background-color: #fff;
	}
	.sp_fixed .fixed_siryou {
		width: 40%;
		background-color: #092466;
	}


	/* ===== 中学生トップと高校生トップのfixed ===== */
	.sp_fixed .fixed_others {
		background-color: #509fd2;
	}
	#winter_high > a,
	#winter_middle > a {
		width: calc(100%/3) !important;
	}
	#winter_high > a:after,
	#winter_middle > a:after {
		content: none !important;
	}
	#winter_middle .fixed_others {
		background-color: #a08c5d;
	}


	/* ===== footer ==== */
	#footer_white {
		border-top: 1px solid #000 !important;
		background-color: #fff !important;
	}
}