@charset "utf-8";
/* =============================================
	宅建　模擬試験
============================================= */

.font_red{
	color: #e60012;
}
.font_blue{
	color: #00aae6;
}
.font_green{
	color: #6eb92b;
}
.font_yell{
	color: #faa906;
}
.font_gray{
	color: #555;
}

.bg_red{
	background-color: #e60012;
}
.bg_blue{
	background-color: #00aae6;
}
.bg_green{
	background-color: #6eb92b;
}
.bg_yell{
	background-color: #faa906;
}
.bg_black{
	background-color: #555;
}

.under_yell{
	display: inline;
	padding: 0 0.15em;
	background-image: linear-gradient(to top,#ffde00 0, #ffde00 40%, transparent 40%);
}

.line_through_red{
	text-decoration-color: #e60012;
}

.rotate90{
	display: inline-block;
	margin-right: 0.5em;
	transform: rotateZ(-90deg);
}
.rotate05{
	display: inline-block;
	transform: rotateZ(-5deg);
}

/*---------------------------------------------
	page_header
---------------------------------------------*/
#page_header{}

.page_header{
	width: 94%;
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}

.page_detail{
	width: 52%;
	max-width: 620px;
	margin: 1em auto 0 auto;
}
.page_img{
	width: 48%;
	max-width: 574px;
	margin: 1em auto 0 auto;
}

.anim_effect{
	opacity: 0;
	animation-name: anim_effect;
	animation-duration: 0.35s;
	animation-delay: 1.2s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

/*****
タイトルアニメーション設定
*****/
@keyframes anim_effect{
	0%{
		opacity: 0;
		transform: scale(0.2);
	}
	80%{
		opacity: 1;
		transform: scale(1.5);
	}
	100%{
		opacity: 1;
		transform: scale(1);
	}
}

/*****
ページナビ
*****/
.page_nav{
	width: 100%;
	max-width: 970px;
	margin: 2em auto 0 auto;
}
.page_nav ul{
	display: flex;
	justify-content: center;
}
.page_nav ul li{
	width: 28%;
	border-left: dashed 1px #ccc;
}
.page_nav ul li:last-of-type{
	border-right: dashed 1px #ccc;
}
.page_nav ul li a{
	display: block;
	text-align: center;
	font-size: 1.8rem;
	font-weight: bold;
	color: #333;
	padding: 0.5em 1em;
}
.page_nav ul li a:hover{
	text-decoration: none;
	background-color: #eee;
}

.page_nav ul li a .rotate05{
	transform-origin: center center;
}


/*---------------------------------------------
	section
---------------------------------------------*/
.section_wrap{
	width: 100%;
	margin: 4em auto 0 auto;
	padding: 4em 0;
}

.normal_section{
	font-size: 1.6rem;
	line-height: 1.6;
 width: 1000px;
	margin: 0 auto;
}
.normal_section li{
	font-size: 1.6rem;
}

/*****
模試共通
*****/
.ttl_type01{
	font-size: 2rem;
	margin: 1em 0 0.5em 0;
	padding-top: 2em;
	transform: rotateZ(-5deg);
	transform-origin: left bottom;
	text-shadow: 0 0 4px #fff,0 0 4px #fff,0 0 4px #fff;
}
.ttl_type02{
	font-size: 2rem;
	line-height: 1;
	margin: 2em 0 1em 0;
	padding: 0.5em 2em;
	border: solid 1px #ccc;
	border-radius: 1em;
	background-color: #fff;
	box-shadow: 0 2px 2px 2px rgba(0,0,0,0.25);
}
.ttl_type03{
	font-size: 1.8rem;
	color: #fff;
	margin-top: 2em;
	padding: 0.5em 1em;
	border-radius: 1em 1em 0 0;
	background-color: #6eb92b;
}

.lead_area{
	padding: 1em;
	background-color: rgba(255,255,255,0.9);
}

.lead_area .lead_ttl{
	flex-shrink: 0;
	margin: 0 0 1em 0;
}

.sample_pdf{
	display: flex;
	justify-content: space-around;
	flex-shrink: 0;
}
.sample_pdf li{
	font-size: 0.85em;
	max-width: 200px;
	text-align: center;
	padding: 0.5em;
	border: solid 1px #ccc;
	position: relative;
}
.sample_pdf li .icon_large{
	widows: 25%;
	max-width: 42px;
	position: absolute;
	bottom: 2.5em;
	right: 1em;
}

/***表組***/
.tbl_detail_list{
	width: 100%;
	border: solid 1px #858585;
}
.tbl_detail_list tr{
	border-bottom: solid 1px #858585;
	background-color: #ccc;
}
.tbl_detail_list tr:last-of-type{
	border: none;
}
.tbl_detail_list tr:nth-of-type(odd){
	background-color: #eee;
}
.tbl_detail_list th,
.tbl_detail_list td{
	text-align: left;
	padding: 0.5em;
}
.tbl_detail_list th{
	width: 10em;
	border-right: solid 1px #858585;
}
.tbl_detail_list td{}

.p_line p.btn_normal{
	padding-bottom: 0;
}

/*****
受講スケジュール
*****/
#schedule{}

.sche_img{
	text-align: center;
	margin-top: 1em;
	padding: 2em 1em;
	background-color: #f3c7cb;
}

/*****
コラボ模試
*****/
#collabo{
	background-image: url("../img/coll_bg_top.png"), url("../img/coll_bg_bottom.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top, center bottom;
}

.coll_lead_text{
	margin: 0 1em 0 0;
}

/***表組***/
#collabo .tbl_detail_list{
	border: solid 1px #4472c4;
}
#collabo .tbl_detail_list tr{
	border-bottom: solid 1px #4472c4;
	background-color: #cfd5ea;
}
#collabo .tbl_detail_list tr:nth-of-type(odd){
	background-color: #e9ebf5;
}
#collabo .tbl_detail_list th{
	border-right: solid 1px #4472c4;
}

/***コラボ書籍紹介***/
.book_wrap{
	padding: 1em 0;
	border-bottom: dashed 2px #fff;
}
.book_wrap:first-of-type{
	margin-top: 1em;
	border-top: dashed 2px #fff;
}
.book_wrap:last-of-type{
	padding-bottom: 0;
	border-bottom: none;
}
.book_area{}

.coll_illust{
	margin: -200px auto 0 -120px;
}


/*****
ステップアップ模試
*****/
#stepup{
	background-image: url("../img/step_bg_top.png"), url("../img/step_bg_bottom.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top, center bottom;
}

.step_lead_text{
	margin: 0 0 1em 1em;
}

/***表組***/
#stepup .tbl_detail_list{
	border: solid 1px #ffc000;
}
#stepup .tbl_detail_list tr{
	border-bottom: solid 1px #ffc000;
	background-color: #ffe8cb;
}
#stepup .tbl_detail_list tr:nth-of-type(odd){
	background-color: #fff4e7;
}
#stepup .tbl_detail_list th{
	border-right: solid 1px #ffc000;
}

.step_illust{
	text-align: right;
	margin: -160px -40px 0 auto;
	padding-bottom: 1em;
}

/*****
全国統一公開模擬試験
*****/
#zen_moshi{
	background-image: url("../img/zen_bg_top.png"), url("../img/zen_bg_bottom.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top, center bottom;
}

.icon_bunseki{
	display: inline-block;
	font-size: 0.85em;
	font-weight: normal;
	color: #fff;
	margin-left: 1em;
	padding: 0.25em 1em;
	border-radius: 1em;
}

/***表組***/
#zen_moshi .tbl_detail_list{
	border: solid 1px #7dc43d;
}
#zen_moshi .tbl_detail_list tr{
	border-bottom: solid 1px #7dc43d;
	background-color: #fff;
	/*background-color: #cbf1a8;*/
}
#zen_moshi .tbl_detail_list tr:nth-of-type(odd){
	background-color: #e1f8cd;
}
#zen_moshi .tbl_detail_list th{
	width: 12em;
	border-right: solid 1px #7dc43d;
}

/***受講料・お申込***/
.apply_zen_area{
	margin-top: 2em;
}
.ttl_apply_zen{
	font-size: clamp(1.6rem,1.8vw,1.8rem);
	color: #fff;
	padding: 0.5em 1em;
	background-color: #00aae6;
}
.apply_zen_box{
	padding: 1em;
	border: solid 2px #00aae6;
	background-color: #fff;
}


/* ===========================================
	MediaQueries
=========================================== */
/* PC----------------------------- */
@media (min-width: 768px){
	/*---------------------------------------------
		section
	---------------------------------------------*/
	
	/*****
	コラボ模試
	*****/
	/***コラボ書籍紹介***/
	.book_wrap{
		display: flex;
		align-items: flex-end;
	}
	.book_area{
		display: flex;
		justify-content: space-between;
		flex-direction: column;
		width: 65%;
		margin-right: 1em;
	}
	
	.book_area .btn_normal{
		margin-bottom: 0;
	}
	
}

/* スマホ----------------------------- */
@media screen and (max-width: 767px){
 /*** 非表示 ***/
 .pc_only{
  display: none;
 }
 
	/*****
	common
	*****/
	.small_header_menu{
		margin: 5px -5px 0;
		padding: 0 5px;
		border-top: 1px solid #dddddd;
		padding-top: 5px;
		width: 100%;
	}
	
	.small_header_list{ text-align: right; }
	.small_header_list li{ font-size: 1.2rem; }
	
	.simple_btn a{
		width: 95%;
		min-width: 0;
	}
	
	.btn_normal{
		font-size: 1.6rem;
	}
	
	/*---------------------------------------------
		page_header
	---------------------------------------------*/
	#page_header{}
	.page_header{}
	
	.page_detail{
		width: 90%;
	}
	.page_img{
		width: 80%;
		margin: 1em auto 0 auto;
	}
	
	/*****
	ページナビ
	*****/
	.page_nav ul{
		justify-content: space-between;
		flex-wrap: wrap;
		margin: 0 auto;
	}
	.page_nav ul li{
		width: 48%;
		border: none;
	}
	.page_nav ul li a{
		font-size: 1.2rem;
		padding: 0.5em;
	}
	
	/*---------------------------------------------
		section
	---------------------------------------------*/
	.section_wrap{
		margin: 2em auto 0 auto;
		padding: 1em 0;
	}
	
	.normal_section{
		font-size: 1.4rem;
		width: 94%;
		margin: 0 auto;
	}
	.normal_section li{
  font-size: 1.4rem;
 }
	
	
	/*****
	模試共通
	*****/
 .ttl_type01{
		font-size: 1.4rem;
	}
	.ttl_type02,
	.ttl_type03{
		font-size: 1.6rem;
	}
	
	.lead_area .lead_ttl{
		width: 80%;
	}
	
	.sample_pdf{
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.sample_pdf li{
		font-size: 0.85em;
		width: 48%;
		margin: 1em 0;
	}
	
	/***表組***/
	.tbl_detail_list{}
	.tbl_detail_list th,
	.tbl_detail_list td{
		display: block;
		width: 100%;
	}
	.tbl_detail_list th{
		border-right: none;
		border-bottom: dashed 1px #858585;
	}
	
	
	/*****
	受講スケジュール
	*****/
	.sche_img{
		padding: 1em 0.25em;
	}
	
	/*****
	コラボ模試
	*****/
	#collabo{}
	
	.coll_illust{
		width: 65%;
		margin: 0 auto;
	}
	
	/***表組***/
	#collabo .tbl_detail_list th{
		border-right: none;
	}
	
	/*****
	ステップアップ模試
	*****/
	#stepup{}
	
	.step_illust{
		width: 65%;
		margin: 0 auto;
	}
	
	/***表組***/
	#stepup .tbl_detail_list th{
		border-right: none;
	}
	
	/*****
	全国統一公開模擬試験
	*****/
	#zen_moshi{}
	#zen_moshi .tbl_detail_list th{
		width: 100%;
		border-right: none;
	}
	
	/*****
	コース一覧
	*****/
}