@charset "UTF-8";
/* CSS Document　SAPIX project */

.conte_sap-pro .line_break{
	display: block;
}
@media (min-width: 1024px) {
	.conte_sap-pro .line_break{
	display: inline-block;
		margin-left: 1rem;
}
}
.conte_sap-pro .break_font{
	font-size: 1rem;
}
.conte_sap-pro .line-adjust br{
	display: none;
}
@media (min-width: 1024px) {
.conte_sap-pro .line-adjust br{
	display: block
	}
}
.conte_sap-pro p{
	font-size: 1rem;
}

.em{
	font-weight: bold;
}
.em.l-space{
	letter-spacing: .5px
}

.alert-pink.mrage-2m.purple{
	background-color: white;
	border: #9b59b6 2px solid;
	border-radius: 8px;
}

.alert-pink.mrage-2m.blue{
	background-color: white;
	border: #3498db 2px solid;
	border-radius: 8px;
}

.alert-pink.mrage-2m.green{
	background-color: white;
	border: #1abc9c 2px solid;
	border-radius: 8px;
}

@media (min-width: 1024px) {
.em.theme{
	margin-top: 3rem;
	margin-bottom: 2rem;
}
	.mrage-2m{
		margin-bottom: 2rem;
	}
}
.em .blue{
	color: #3498db;
}
.em .green{
	color: #138d75;
}
.em .pink{
	color: #f26964;
}

.em .pink.pack{
	display: inline-block;
	color: #FFFFFF;
	padding: .25rem 0;
	margin-left: .5rem;
	margin-right: .5rem;
	background-color: #f26964;
	border-radius: 4px;
}
.em .blue.pack{
	display: inline-block;
	color: #FFFFFF;
	padding: .25rem 0;
	margin-left: .5rem;
	margin-right: .5rem;
	background-color: #1253a4;
	border-radius: 4px;
}

.conte_sap-pro ul.type-none li{
	list-style-type: none;
}

.conte_sap-pro .wrap-box{
	margin-bottom: 1rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	row-gap:1rem;
}

.conte_sap-pro .wrap-box p{
	margin-bottom: 0;
}
.conte_sap-pro .img-box{
	border-radius: 8px;
}
.conte_sap-pro .img-box.right{
	margin: 0 0 1rem 0;
}
.conte_sap-pro .img-box.left{
	margin: 0 0 1rem 0;
}
@media (min-width: 768px) {
	.conte_sap-pro .img-box.right{
	float: right;
	margin-left: 1rem;
}
.conte_sap-pro .img-box.right.type-a{
	float: right;
	margin-bottom: 0
}
	.conte_sap-pro .img-box.left{
		float: left;
		margin-right: 1rem;
	}
}
.pc-none{
	display: none;
}
@media (min-width: 1024px) {
.pc-none{
	display: block;
}
}
.conte_sap-pro .wrap-box .img-box{
	width: 240px;
	}
	.conte_sap-pro .wrap-box .img-box img{
		margin-bottom: .5rem;
	}
@media (min-width: 768px) {
.conte_sap-pro .wrap-box{
	display: flex;
	justify-content: center;
	flex-direction: row;
}
.conte_sap-pro .wrap-box .img-box.right{
	margin-left: 1rem;
	margin-bottom: 1rem;
}	
}
@media (min-width: 1024px) {
	.conte_sap-pro .wrap-box{
		column-gap:1rem;
	}
.conte_sap-pro .wrap-box .img-box{
	width: 234px;
	display: flex;
	column-gap: .5rem;
	}
	.conte_sap-pro .wrap-box .img-box img{
	margin-bottom: 0;
	}
	.conte_sap-pro .img-box.right.type-b{
	float: right;
	margin-bottom: 0;
	width: 360px;
}
	.conte_sap-pro .img-box.right.type-b.h-50{
	float: right;
	margin-bottom: 0;
	width: 360px;
		position: relative;
		top: -50px;
}
	
	.conte_sap-pro .img-box.right.type-c{
	float: right;
	margin-bottom: -25px;
	width: 300px;
	position: relative;
	top: -70px;
}
	.conte_sap-pro .img-box.right.type-d{
	float: right;
	position: relative;
	top: -50px;
}	
}
.arrow-down{
	text-align: center;
	margin: -1.5rem;
}

@media (min-width: 1024px) {
.bnner-module{
display: flex;
	column-gap: 2rem;
}
}

.head-01{
	display: inline-block;
	margin-top: .5rem;
padding: 0 1rem .5rem 1rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  border-bottom: 2px solid #1253a4;
  font-size: 14px;
  color: #1253a4;
  font-weight: bold
}
.head-01.color-pink{
	color: #f26964;
	border-bottom-color: #f26964; 
}

.box-right{
	float: right;
}
.box-left{
	float: left;
}
.box- img.center{
	display: block;
	margin: 2rem auto 0 auto;
}
.conte_sap-pro .next2030 .panel-exam{
	border-color: #fdf5e6;
}
.conte_sap-pro .next2030 .panel-exam .panel-heading{
    border: solid 1px #fdf5e6;
    background-color: #fff0f5;
}
@media (min-width: 768px) {
.conte_sap-pro .bottom-right{
	text-align: right;
}
}

@media (min-width: 1024px) {
.conte_sap-pro .bottom-right{
	display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    height: 70px;
}
}

.conte_sap-pro dl.lesson dt{
	width: 100px;
	font-weight: normal;
}
.conte_sap-pro dl.lesson dd{
	line-height: 1.75;
}
.conte_sap-pro dl.lesson.after dt{
	font-weight: bold;
}
.conte_sap-pro dl.lesson.after dd{
	font-weight: bold;
	
	line-height: 1.75;
}
.conte_sap-pro dl.lesson .dd-conte ul{
margin-left: 1.25rem;
	padding-left: 0;
}

.conte_sap-pro dl.lesson .dd-conte li{
margin-left: 0;	
list-style-type: none;
text-indent: -1.25rem;
margin-bottom: .5rem;
}
.conte_sap-pro dl.lesson .dd-conte li:last-child{
	padding-left: 22px;
	text-indent: -1.25rem;
}

@media (min-width: 768px) {
	.conte_sap-pro dl.lesson.befoe,.conte_sap-pro dl.lesson.after{
	display: flex;
}
	.conte_sap-pro dl.lesson dt{
		width: 80px
	}
}
@media (min-width: 1024px) {
	.conte_sap-pro dl.lesson dt{
		width: 80px
	}
}

.conte_sap-pro .panel-title a{
	font-weight: bold!important;
}
.conte_sap-pro .img-arrow{
	display: flex;
	flex-direction: column;
	justify-content: center;

 }
.conte_sap-pro .left-mrag{
	font-size: 22px;
	display: inline-block;
	text-align: center;
	margin-bottom: 0;
}
.conte_sap-pro .img-arrow .img-box{
	margin-left: auto;
	margin-right: auto;
}
@media (min-width: 1024px) {
	.conte_sap-pro .img-arrow{
		flex-direction: row;
		align-items: center;
		width: 356px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 1.5rem
	}
}
.conte_sap-pro .less-after_box{
	margin-bottom: 2rem;
}
@media (min-width: 1024px) {
	.conte_sap-pro .less-after_box{
		display: flex;
		column-gap:4rem;
	}
}