@charset "utf-8";
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
/* PC/スマホ共通 */
/* メインビジュアル */

#main_visual {
	background: #6db5e8;
	margin: 0 auto 15px;
	overflow: hidden;
	padding: 188px 0 0;
}
.wideslider {
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
}
.wideslider ul, .wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}
.wideslider ul li img {
	width: 100%;
	display: none;
}
.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;
	background: #6db5e8;
}
.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
.wideslider ul {
	display: inline-block;
	overflow: hidden;
}
/* 日本福祉アカデミーなら、ここが安心！ 確実！ */

#main .point_box {
	border: 6px solid #9bd1f8;
}
#main .point_box .ttl_point {
	background: url(../img/common/bg_ttl_point.png) repeat left top;
	font-size: 24px;
	position: relative;
	font-weight: bold;
	border-radius: 5px;
	color: #FFF;
	text-shadow: 2px -2px 1px rgba(76,157,217,1);
	padding: 5px 60px 5px 13px;
	margin: 0 0 10px;
	box-shadow: 0px 0px 8px rgba(103,172,220,1) inset;
}
#main .point_box h2:after {
	content: "";
	display: block;
	width: 60px;
	height: 38px;
	position: absolute;
	right: -7px;
	top: -9px;
}
#main .point_box.point01 h2:after {
	background: url(../img/index/icon_point01.png) no-repeat right top;
}
#main .point_box.point02 h2:after {
	background: url(../img/index/icon_point02.png) no-repeat right top;
}
#main .point_box.point03 h2:after {
	background: url(../img/index/icon_point03.png) no-repeat right top;
}
#main .point_box.point03 .inner .txt_inner .ttl_point0301 {
	background: url(../img/index/icon_ttl_02.png) no-repeat left center;
	padding: 5px 5px 5px 48px;
	font-size: 19px;
	font-weight: bold;
	margin: 0 0 12px;
	border-bottom: 1px dotted #adadad;
}
#main .point_box.point03 .inner .txt_inner .ttl_point0302 {
	background: url(../img/index/icon_ttl_03.png) no-repeat left center;
	padding: 5px 5px 5px 36px;
	font-size: 19px;
	font-weight: bold;
	margin: 0 0 12px;
	border-bottom: 1px dotted #adadad;
}
/* 受講生の声 */

#main .voice_wrap {
	background: #f4f2e8;
	overflow: hidden;
	margin: 2px 0 20px;
	box-shadow: -2px 2px 2px rgba(230,230,230,1);
}
#main .voice_wrap .voice_box {
	background: #f4f2e8 url(../img/index/bg_voice01.png) repeat-x left top;
}
#main .voice_wrap .comment_wrap {
	background: #f4f2e8 url(../img/index/bg_voice02.png) repeat left top;
	overflow: hidden;
	border-bottom: 1px solid #ebe8d8;
}
#main .voice_wrap .voice_box .comment_wrap .comment_txt {
	border-radius: 8px;
	box-shadow: 0px 0px 2px rgba(232,224,203,1);
	position: relative;
	background: #fff;
}
#main .voice_wrap .voice_box .comment_wrap .comment_txt h2 {
	color: #8fb737;
	font-size: 21px;
	margin-bottom: 16px;
	font-weight: bold;
}
#main .voice_wrap.comment02 .voice_box .comment_wrap .comment_txt h2 {
	color: #f17a82;
}
#main .voice_wrap .voice_box .comment_wrap .comment_txt:after {
	content: "";
	display: block;
	width: 48px;
	height: 34px;
	position: absolute;
	background: url(../img/index/icon_voice01.png) no-repeat left top;
	right: 7px;
	top: -16px;
}
#main .voice_wrap.comment02 .comment_wrap .comment_txt:after {
	background: url(../img/index/icon_voice02.png) no-repeat left top;
}
#main .voice_wrap .voice_box .comment_wrap .comment_photos figure img {
	padding: 2px;
	box-shadow: 0px 0px 2px rgba(232,224,203,1);
	background: #fff;
	display: block;
	margin: 3px 3px 10px;
}
#main .voice_wrap .voice_box .comment_wrap .comment_photos p {
	border-left: 3px solid #6db5e8;
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 0 9px;
}
#main .voice_wrap .voice_box .comment_wrap .comment_photos p span {
	font-size: 12px;
	display: block;
}
/* 無料説明会のご案内 、新着情報 */

#main .border_box .inner .news_list {
	margin: 0px 0px 10px;
	padding: 5px 0px;
	border-bottom: 1px dotted #b8b8b8;
}
#main .border_box .inner .news_list dt .cate_icon {
	background: url(../img/common/bg_news.png) repeat left top;
	margin: 0px 0 0 10px;
	text-shadow: 1px -1px 1px rgba(130,171,40,1);
	padding: 2px 14px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	box-shadow: 0px 0px 3px rgba(178,209,111,1) inset;
	display: inline-block;
	border-radius: 6px;
}

#main .border_box .inner .news_list a {
	color: #000;
}

/* 各講座のご案内 */

#main .lecture_box {
	border-top: 4px solid #1863a4;
	box-shadow: 0px 0px 3px rgba(203,203,203,1);
	padding: 35px 1.71% 12px;
	position: relative;
	background: #fff;
}
#main .lecture_box h2 {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 12px;
}
#main .lecture_box figure {
	text-align: center;
	margin: 0 0 12px;
}
#main .lecture_box .btn01 a {
	text-align: center;
	font-size: 14px;
	display: block;
}
#main .lecture_box:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	max-width: 60px;
	ma-xheight: 60px;
	position: absolute;
	background: url(../img/index/icon_step01.png) no-repeat left top;
	left: 5px;
	top: -24px;
}
#main .lecture_box:nth-child(3):before {
	background: url(../img/index/icon_step02.png) no-repeat left top;
}
#main .lecture_box:nth-child(4):before {
	background: url(../img/index/icon_step03.png) no-repeat left top;
}

#main .lecture_box:nth-child(5):before {
	background: url(../img/index/icon_step04.png) no-repeat left top;
}
 @media screen and (min-width: 681px) {
/* メインビジュアル */


.slider_prev, .slider_next {
	top: 0;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.slider_prev {
	background: url(../img/index/bg_prev.png) repeat left top;
	position: relative;
}
.slider_prev img {
	right: -30px;
	top: 45%;
	position: absolute;
	opacity: 1;
	z-index: 300;
}
.slider_next {
	background: url(../img/index/bg_prev.png) repeat left top;
}
.slider_next img {
	left: -30px;
	z-index: 300;
	top: 45%;
	position: absolute;
}
.pagination {
	bottom: 7%;
	left: 0;
	width: 55%;
	height: 15px;
	text-align: center;
	position: absolute;
	z-index: 200;
}
.pagination a {
	box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.3)inset;
	margin: 0 5px;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	display: inline-block;
	overflow: hidden;
	background: #fff;
}
.pagination a.active {
	background: #6eb4e7;
}
/* 日本福祉アカデミーなら、ここが安心！ 確実！ */

#main .point_box {
	width: 47.63%;
	margin: 0 0 13px;
}
#main .point_box.point01 {
	float: left;
	overflow: hidden;
}
#main .point_box.point02 {
	float: right;
}
#main .point_box.point01 .inner, #main .point_box.point02 .inner {
	min-height: 380px;
}
#main .point_box.point03 {
	clear: both;
	width: auto;
	overflow: hidden;
}
#main .point_box.point03 .inner .txt_inner {
	float: left;
	width: 48%;
	margin: 0 1%;
}
/* 受講生の声 */

#main .voice_wrap {
	padding: 12px 13px 2px;
}
#main .voice_wrap .voice_box {
	padding: 20px 2px 10px;
}
#main .voice_wrap .comment_wrap {
	padding: 18px 14px;
}
#main .voice_wrap .voice_box .comment_wrap .comment_txt {
	padding: 20px 20px 10px;
	width: 61%;
	float: left;
}
#main .voice_wrap .voice_box .comment_wrap .comment_photos {
	padding: 0px 0px 10px;
	width: 30%;
	float: right;
}
.profile_btn {
	background: #EEE;
	border: 1px solid #DDD;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	color: #111;
	width: 100px;
	padding: 10px 0;
}
/* 各講座のご案内 */

#main .lecture_box {
	margin: 20px 0.39% 13px;
	float: left;
	width: 45%;
	min-height: 390px;
	position: relative;
}
#main .lecture_box .btn01 {
	position: absolute;
	bottom: 0;
	width: 90%;
}
}
/* ▼表示領域が680px未満の場合 */
@media screen and (max-width: 680px) {
/* メインビジュアル */

#main_visual {
	max-width: 1000px;
	padding: 90px 0 13px;
        margin: 0 auto;
        overflow: hidden;
}
.slider_prev, .slider_next, .slider_prev, .slider_next, .pagination {
	display: none;
}
/* 日本福祉アカデミーなら、ここが安心！ 確実！ */

#main .point_box {
	margin: 0 0 1em;
}
/* 受講生の声 */

#main .voice_wrap {
	padding: 12px 2.031% 2px;
}
#main .voice_wrap .voice_box {
	padding: 20px 0 10px;
}
#main .voice_wrap .comment_wrap {
	padding: 18px 2.5%;
}
#main .voice_wrap .voice_box .comment_wrap .comment_txt {
	padding: 20px 3% 36px;
	margin-bottom: 1em;
}
#main .voice_wrap .voice_box .comment_wrap .comment_photos {
	padding: 20px 0 10px;
	width: 60%;
	float: right;
}
/* 無料説明会のご案内 、新着情報 */


#main .border_box .inner .news_list dt, #main .border_box .inner .news_list dd {
}
#main .border_box .inner .news_list dt {
	padding: 0 0 1em;
	position: relative;
	white-space: nowrap;
}
/* 各講座のご案内 */

#main .lecture_box {
	margin: 40px 0.39% 13px;
}
}


#container {
	margin: 20px auto 0!Important;
}

/* ▼表示領域が680px未満の場合 */
@media screen and (max-width: 680px) {
	#container {
	margin: 54px auto 0!Important;
	}
}