@charset "UTF-8";
/* ****************************************************
style.css for 四谷学院 SP版
 ***************************************************** */

/*FV（221208 ABテスト用）
=========================================*/
h1{
	position: static;
}
.header_tel{
	position: absolute;
	width: 100%;
}

/*general
=========================================*/
.bn01 {
	margin: 1rem
}

.comments{
padding: 5px 0 10px;
}



/*contents
=========================================*/

/* 他の予備校によくある落とし穴
---------------------------------*/
#trap {
	background-color: #dddddd;
}
#trap .wrap {
	overflow: hidden;
	padding-bottom: 2.4rem;
	width: 95.625%;
	margin: 0 auto;
}
#trap .wrap dl {
	float: left;
	width: 47.87582%;
}
#trap .wrap dl + dl {
	float: right;
}

#doubleInfo {
	overflow: hidden;
}
#doubleInfo dl {
	float: left;
	width: 50%;
}



/* 生徒の声
---------------------------------*/
#voice + .cvBox {
	background-color: #fff104;
	padding-bottom: 2.5rem;
}
#voice .voiceText {
	margin-top: .5em;
	font-size: 1.6em;
	font-weight: bold;
	text-align: center;
	line-height: 1.6;
}
#voice span.voiceRedtext {
	color: #e50012;
}

/* support
---------------------------------*/
#support .supportColumn {
	display: flex;
	flex-flow: row wrap;
	margin: 20px 0 0;
}
#support .supportColumnItem {
	width: calc((100% - (3.125% * 1) ) / 2);
	margin-right: 3.125%;
}
#support .supportColumnItem:nth-of-type(2n) {
	margin-right: 0;
}
#support .supportColumnItem:nth-of-type(n+3) {
	margin-top: 3.125%;
}

/* infoBox（/common/css/campaign/sp/common_contents.cssに記述を移動しました）
---------------------------------*/

/* チェックリスト
---------------------------------*/
.checklist {
	position: relative;
	width: 85vw;
	margin: -10px auto 20px;
	padding: 15px;
	z-index: 200 !important;
	background: rgba(250, 250, 247, 0.8);
}
.checklist.checklist_shinka {
	margin-bottom: 0;
}
.checklist dt {
	margin-bottom: 1em;
	padding: 0.3em 0 0.5em;
	font-size: 2.1rem;
	font-weight: bold;
	text-align: center;
	color: #fff;
	border-radius: 30px;
}
.checklist dt strong {
	font-size: 2.5rem;
	color: #fff;
}
.checklist.checklist_shinka dt {
	font-size: 2.2rem;
	background-color: #0e357f;
}
.checklist.checklist_class dt {
	background-color: #009844;
}
.checklist.checklist_55 dt {
	background-color: #d30006;
}
.checklist dd {
	margin-bottom: 0.5em;
	margin-left: 1.5em;
	padding-bottom: 0.5em;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.4;
	position: relative;
	border-bottom: 1px solid #ddd;
}
.checklist dd:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}
.checklist dd::after {
  content: '';
  display: block;
  position: absolute;
  top: .5em;
  left: -1.5em;
  width: 13px;
  height: 5px;
  border-left: 4px solid #FF979A;
  border-bottom: 4px solid #FF979A;
  transform: rotate(-45deg);
}