@charset "utf-8";
/* =============================================
	製図は日建
============================================= */
.font_red{
 color: #c8161d;
}
.font_yell{
 color: #ffd200;
}
.font_black{
	color: #2f2c2c;
}

.bg_red{
 background-color: #c8161d;
}
.bg_yell{
	background-color: #ffd200;
}
.bg_black{
	background-color: #2f2c2c;
}
.bg_1q{
	background-color: #e04536;
}
.bg_2q{
 background-color: #5381D1;
}

.under_yell{
	padding: 0 0.15em;
	background-image: linear-gradient(to top,#fccf00 0, #fccf00 40%, transparent 40%);
}
.under_pink{
	padding: 0 0.15em;
	background-image: linear-gradient(to top,#FFCCFF 0, #FFCCFF 40%, transparent 40%);
}
/***リンクボタン***/
.btn_normal{
	max-width: 100%;
	text-shadow: none;
}
.btn_normal a{
	flex-wrap: wrap;
}

/*---------------------------------------------
	ページヘッダー
---------------------------------------------*/
#page_header{
	overflow: hidden;
}

.page_header{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.anim_scale{
	opacity: 0;
	animation-name: anim_scale;
	animation-duration: 0.5s;
	animation-delay: 1s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}


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


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

.normal_section{
 font-size: 1.6rem;
	line-height: 1.6;
	width: 94%;
	max-width: 970px;
 margin: 0 auto;
	padding: 2em;
	border: solid 2px #2f2c2c;
	box-shadow: 0 0 4px 2px rgba(0,0,0,0.4);
	position: relative;
}
.normal_section::after{
	content: '';
	display: block;
	width: 2em;
	height: 2em;
	background-image: linear-gradient(-45deg,#2f2c2c 0,#2f2c2c 50%,transparent 50%,transparent 100%);
	position: absolute;
	bottom: 0;
	right: 0;
}

/***バナー挿入***/
.bn_section{
	font-size: 1.6rem;
	width: 94%;
	max-width: 970px;
 margin: 2em auto 0 auto;
}

/*****
アンカーナビ
*****/
.anchor_nav{
	margin-top: 2em;
}
.anchor_nav ul{
	width: 94%;
	max-width: 640px;
	margin: 0 auto;
}
.anchor_nav ul li{
	font-size: 1.6rem;
	width: 46%;
}
.anchor_nav ul li a{
	display: block;
	font-weight: bold;
	color: #fff;
	text-align: center;
	padding: 0.5em;
	border-radius: 0.5em;
	background-color: #2f2c2c;
	transition: background 0.5s;
}
.anchor_nav ul li a.anc_link1q{
	border: solid 2px #e04536;
}
.anchor_nav ul li a.anc_link2q{
	border: solid 2px #5381D1;
}
.anchor_nav ul li a.anc_link1q:hover{
	background-color: #5b4240;
}
.anchor_nav ul li a.anc_link2q:hover{
	background-color: #414b5d;
}

.max640{
	max-width: 640px;
}

/*****
ポイント
*****/
.ttl_type01{
	font-size: 3.2rem;
	margin-bottom: 1.5em;
	padding-left: 3em;
}
.ttl_point{
	position: absolute;
	top: 0;
	left: 0;
}

.text_area{}
.text_area::after{
	content: '';
	display: block;
	clear: both;
}

/*****
スケジュール
*****/
.ttl_type02{
	font-size: 2.4rem;
	text-align: center;
	color: #fff;
	padding: 0.5em;
	border-radius: 0.25em;
	margin-bottom: 1.5em;
	background-color: #c8161d;
}

.days_box{
	display: flex;
}

.day_wrap{
	flex-shrink: 0;
	background-image: url("../img/arrow_down.png");
	background-repeat: no-repeat;
	background-position: center bottom;
}
.icon_day{
	display: inline-block;
	line-height: 1;
	padding: 0.5em;
	border-radius: 0.5em;
}
.bg_mon{
	background-color: #ccc;
}
.bg_tue{
	background-color: #ccc;
}
.bg_fri{
	background-color: #ccc;
}
.bg_sun{
	background-color: #ccc;
}

.day_detail{
	position: relative;
}
.detail_info{
	position: absolute;
	top: 0;
	left: 0;
}

.icon_pdf{
	display: inline-block;
	width: 2.5em;
	margin-left: 0.5em;
}

/*****
講座一覧
*****/
.ttl_course{
	text-align: center;
	color: #fff;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1;
	margin: 2em 0 1em 0;
	padding: 0.5em 0;
	border-radius: 1em;
}

/***割引キャンペーンアイコン***/
.icon_cp{
	font-weight: bold;
	text-align: center;
	color: #fff;
	margin-top: 1em;
	padding: 0.5em;
	background-color: #c8161d;
}


/* ===========================================
	MediaQueries
=========================================== */
/* PC----------------------------- */
@media screen and (min-width: 768px){
	.float_left_pc{
		float: left;
		margin: 0 1em 1em 0;
	}
	.float_right_pc{
		float: right;
		margin: 0 0 1em 1em;
	}
	
	/*---------------------------------------------
 	section
 ---------------------------------------------*/
}

/* スマホ----------------------------- */
@media screen and (max-width: 767px){
	
 /*---------------------------------------------
 	ページヘッダー
 ---------------------------------------------*/
	#page_header{}
	.page_header{}
 
 
 /*---------------------------------------------
 	section
 ---------------------------------------------*/
 .section_wrap{
		padding: 2em 0;
	}
	
	.normal_section{
		font-size: 1.4rem;
		width: 94%;
		padding: 1em;
	}
	
	/***バナー挿入***/
	.bn_section{
		font-size: 1.4rem;
	}
	
	/*****
	アンカーナビ
	*****/
	.anchor_nav{
		width: 94%;
		margin: 2em auto 0 auto;
	}
	.anchor_nav ul{
		width: 100%;
	}
	.anchor_nav ul li{
		width: 100%;
		margin-bottom: 1em;
	}
	
	/*****
	ポイント
	*****/
	.ttl_type01{
		font-size: 1.8rem;
		padding-left: 2em;
	}
	.ttl_point{
		font-size: 1.8rem;
		width: 3em;
	}
	
	
	/*****
	スケジュール
	*****/
	.ttl_type02{
		font-size: 1.6rem;
	}
	
	/*****
	講座一覧
	*****/
	.ttl_course{
		font-size: 1.6rem;
	}
 
}