@charset "utf-8";

/*body--------------------------------------------------------------*/

html
{
	font-size 		: 62.5%; 
}

body
{
	margin			: 0 auto;
	padding			: 0;
	font			: 1.8rem/1.9 "Jost",'Noto Sans JP', Meiryo, 'メイリオ', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
	color			: #111;
	background		: #FFF url(../images/common/base/bg_01.gif) repeat-x;
	text-align		: center;
	-webkit-text-size-adjust		: 100%;
 	font-feature-settings: "palt";
	letter-spacing: .05rem;
}
body *
{
font-feature-settings: "palt";
}
/*Opera用*/
html:first-child body
{
	font			: 1.8rem/1.9 "Jost",'Noto Sans JP', Meiryo, 'メイリオ', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
	letter-spacing: .05rem;
}

*
{
	box-sizing: border-box;
}

div,form,map
{
	margin			: 0;
	padding			: 0;
}

p
{
	margin-top      : 0;
	padding         : 0;
}

img
{
	border			: 0;
	vertical-align  : top;
	max-width 		: 100%;
	height 			: auto;
　　image-rendering: -webkit-optimize-contrast;
}

/*システムが絡む場合、GoogleMapを使用する場合は消す*/
table
{
	margin-left		: auto;
	margin-right	: auto;
}

#side p,#side h1,#side #side h2,#side h3,
#header p,#header h1,#header h2,#header h3,
#footer p,#footer h1,#footer h2,#footer h3
{
	margin			: 0;
	font			: normal 1em  Meiryo, 'メイリオ', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
	text-align		: left;
}

/*link--------------------------------------------------------------*/

a:link,
a:visited
{
	color           : #4D82C4; 
	text-decoration : underline;
}

a:hover,
a:active
{
	color           : #4D82C4; 
	text-decoration : none;
}

/*layout------------------------------------------------------------*/

#wrapper
{
	width			: 100%;
	margin			: 0;
	padding			: 0;
}

/*▼header------------------------------------------------------------*/

#site_header
{
	background: #FFF;
	position: relative;
	z-index 	: 100; 
}
#site_header .site_header_inner
{
	max-width 		: 1010px;
	width 			: 90%; 
	margin 			: 0 auto;
	position 		: relative;
	height 			: 77px; 
}
#site_header .site_header_inner .h_logo
{
	position 		: absolute;
	width 			: 301px;
	height 			:  43px;
	left 			: 0px;
	top 			: 0px;
	bottom 			: 0px;
	margin 			: auto 0; 
}
.hana_essential #site_header .site_header_inner .h_logo
{
	width 			: 190px;
}


#site_header .site_header_inner .course_name
{
	position 			: absolute;
	top 				: 30px;
	right 				: 0px; 
	z-index 			: 100;
	display 			: flex;
	gap 				: 1rem;
}
#site_header .site_header_inner .course_name span.icon img
{
	border-radius 		: 50%;
	width 				: 70px;
	height 				: auto;
	display 			: block;

}
#site_header .site_header_inner .course_name span.name img
{
	width 				: 42px;
	height  			: auto;
}
#site_header .site_header_inner .course_name span.name em
{
	display 			: inline-block;
	letter-spacing 		: -.5em;
	font-style: normal;
}
#article_area
{
	position: relative;
}



/*▼side------------------------------------------------------------*/

#side
{
	width			: 300px;
	position 		: absolute;
	left 			: 0px;
	top 			: 20px;
	background 		: #f7f7f7;
	padding 		: 2rem;
	font-size 		: 1.6rem; 
}

.lesson_nav dl,
.lesson_nav dt,
.lesson_nav dd,
.lesson_nav ul,
.lesson_nav li
{
	margin 		: 0px;
	padding 	: 0px;
	list-style 	: none;
}

.lesson_nav
{
	text-align: left;
}
.lesson_nav dt
{
	color 			: #009fc0;
	font-weight 	: bold;

}
.lesson_nav a
{
	color 		 	: #111; 
}
.lesson_nav .lesson_nav_chapter,
.lesson_nav .lesson_nav_section_title
{
	display 		: flex;
	gap 			: .5rem;
}
.lesson_nav .lesson_nav_chapter .num
{
	font-weight: 500;
}

.lesson_nav .lesson_nav_section_title .num
{
	color 			: #009fc0;
	font-weight: bold;
}
.lesson_nav .lesson_nav_posts
{
	margin-bottom 	: 1rem; 	
}
.lesson_nav_posts li
{
	display: flex;
	gap:1rem;
	margin-left 	: 2rem;
}
.lesson_nav_posts li.is-current a
{
	pointer-events: none;
	text-decoration:none;
	font-weight:bold;
}


.lesson_nav_posts li:before
{
	content 		: "";
	height 			: 2px;
	background 		: #009fc0;
	width 			: 1rem;
	margin-top 		: 1.5rem; 
}


/*▼main------------------------------------------------------------*/
#main
{
	max-width 		: 620px;
	width 			: 90%; 
	margin 			: 0 auto;
	text-align 		: left;
	padding-bottom 	: 5rem; 
}

.section_inner
{
	width 			: 1000px;
	margin 			: 0 auto;
}








/*▼footer------------------------------------------------------------*/

#footer
{
	clear			: both;
	width			: 100%;
	background		: #fff;
}
#footer_inner
{
	max-width			: 1010px;
	width 				: 90%; 
	margin			: 0 auto;
	box-sizing 		: border-box;
	position		: relative;
}
#footer_inner:after
{
	content		: "";
	display		: block;
	clear		: both;
}

#footer small
{
	clear 			: both;
	display			: block;
	background		: #000;
	color			: #fff;
	padding			: 15px;
}





/*1240以下の指定（PC小）*/

@media screen and (max-width: 1240px) {

#article_area,.cate_header
{
	padding-left 		: 300px; 
}




}




/*1024以下の指定（タブレット）*/

@media screen and (max-width: 1024px) {

body
{
	min-width 		: 100%;
}
#wrapper
{

}

#side
{
	position 		: static;
	width 			: 100%;
	margin 			: 0 auto; 
}

#article_area,
.cate_header
{
	padding-left 	: 0px; 
}

#site_header .site_header_inner .course_name
{
	top 			: 54px; 
}
#article_area
{
	padding-bottom:5rem;
}



/*▼side------------------------------------------------------------*/

.section_inner
{
	width 		: 95%;
}



/*▼footer------------------------------------------------------------*/

#footer_inner
{
	width			: 90%;
	padding 		: 30px 0 40px;
}
}

/*767以下の指定（タブレット）*/

@media screen and (max-width: 767px) {

#site_header .site_header_inner .h_logo
{
 	width: 245px;
    height: 36px;
}
.hana_essential #site_header .site_header_inner .h_logo
{
	width:190px;
	height:42px;
}
	
#site_header .site_header_inner .course_name
{
	width 	: 100px; 
}
#main
{
	padding-bottom:3rem;
}
#article_area
{
	padding-bottom:5rem;
}

}



/*480以下の指定（スマホ横)*/
@media screen and (max-width: 480px) {





}


/*320以下の指定（スマホ縦)*/
@media screen and (max-width: 320px) {
}




/*---------------------------------------------------------*/
/*    copyright(C) CloudWorks. All rights reserved. Ver1.0   */
/*---------------------------------------------------------*/