@charset "UTF-8";
/*
* LITALICOジュニア
* personality.css
*
* @date 2016-06-23
*/
/* --------------------------------
	タイトル
-------------------------------- */
.l-categoryHeader {
	background: url(../img/personality/common/categoryheader_bg.jpg) no-repeat center top;
}

/* --------------------------------
	カテゴリー内共通
-------------------------------- */
/* 注釈リスト */
.noteList_item + .noteList_item {
	margin-top: 2px;
}

.noteList_item strong {
	color: #e9463f;
}

/* ケース かぎかっこ付きイントロ */
.article_intro {
	padding: 40px 0 75px;
}
@media screen and (max-width: 768px) {
	.article_intro {
		padding: 20px 35px 60px;
	}
}

.article_intro_header {
	text-align: center;
}
.article_intro_header_h {
	display: inline-block;
	position: relative;
	padding: 18px 30px;
	font-size: 40px;
	font-size: 2.5rem;
}
@media screen and (max-width: 768px) {
	.article_intro_header_h {
		padding: 22px 30px;
		font-size: 1.6rem;
	}
	.article_intro_header_h br {
		display: none;
	}
}
.article_intro_header_h:before {
	content: "";
	position: absolute;
	top: 0;
	left: -30px;
	width: 30px;
	height: 30px;
	background: #ccc;
}
@media screen and (max-width: 768px) {
	.article_intro_header_h:before {
		left: -25px; 
		width: 25px;
		height: 25px;
	}
}
.article_intro_header_h:after {
	content: "";
	position: absolute;
	right: -30px;
	bottom: 0;
	width: 30px;
	height: 30px;
	background: #ccc;
}
@media screen and (max-width: 768px) {
	.article_intro_header_h:after {
		right: -25px; 
		width: 25px;
		height: 25px;
	}
}
.article_intro_header.is-pink .article_intro_header_h {
	color: #e34e79;
}
.article_intro_header.is-pink .article_intro_header_h:before {
	background: url(../img/personality/problem/common/intro_header_kakko_pink_t.png) no-repeat;
}
.article_intro_header.is-pink .article_intro_header_h:after {
	background: url(../img/personality/problem/common/intro_header_kakko_pink_b.png) no-repeat right bottom;
}
.article_intro_header.is-blue .article_intro_header_h {
	color: #0076a6;
}
.article_intro_header.is-blue .article_intro_header_h:before {
	background: url(../img/personality/problem/common/intro_header_kakko_blue_t.png) no-repeat;
}
.article_intro_header.is-blue .article_intro_header_h:after {
	background: url(../img/personality/problem/common/intro_header_kakko_blue_b.png) no-repeat right bottom;
}
.article_intro_header.is-green .article_intro_header_h {
	color: #319565;
}
.article_intro_header.is-green .article_intro_header_h:before {
	background: url(../img/personality/problem/common/intro_header_kakko_green_t.png) no-repeat;
}
.article_intro_header.is-green .article_intro_header_h:after {
	background: url(../img/personality/problem/common/intro_header_kakko_green_b.png) no-repeat right bottom;
}
.article_intro_header.is-lightblue .article_intro_header_h {
	color: #6093a4;
}
.article_intro_header.is-lightblue .article_intro_header_h:before {
	background: url(../img/personality/problem/common/intro_header_kakko_lightblue_t.png) no-repeat;
}
.article_intro_header.is-lightblue .article_intro_header_h:after {
	background: url(../img/personality/problem/common/intro_header_kakko_lightblue_b.png) no-repeat right bottom;
}
.article_intro_header.is-orange .article_intro_header_h {
	color: #ef8323;
}
.article_intro_header.is-orange .article_intro_header_h:before {
	background: url(../img/personality/problem/common/intro_header_kakko_orange_t.png) no-repeat;
}
.article_intro_header.is-orange .article_intro_header_h:after {
	background: url(../img/personality/problem/common/intro_header_kakko_orange_b.png) no-repeat right bottom;
}
.article_intro_header.is-purple .article_intro_header_h {
	color: #7b5a91;
}
.article_intro_header.is-purple .article_intro_header_h:before {
	background: url(../img/personality/problem/common/intro_header_kakko_purple_t.png) no-repeat;
}
.article_intro_header.is-purple .article_intro_header_h:after {
	background: url(../img/personality/problem/common/intro_header_kakko_purple_b.png) no-repeat right bottom;
}

.article_intro_txt {
	margin: 20px 0 0;
	text-align: center; 
	font-size: 22.4px; 
	font-size: 1.4rem;
	line-height: 1.85;
}
@media screen and (max-width: 768px) {
	.article_intro_txt {
		margin-top: 15px;
		text-align: left; 
		font-size: 1.3rem;
		line-height: 1.61;
	}
}

/* ケース 詳細 */
.case {
	padding: 30px 30px;
	background: #e7dad0 url(../img/personality/problem/common/case_bg.png) no-repeat;
}
@media screen and (max-width: 768px) {
	.case {
		padding: 20px 15px;
		background: #e7dad0 url(../img/personality/problem/common/case_bg.png) no-repeat right top;
		background-size: 320px auto;
	}
}
.case .case_inner {
	position: relative;
	background: #fff;
}
.case .case_inner:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	border-width: 10px 0 0 10px;
	border-style: solid;
	border-color: transparent transparent transparent #e7dad0;
}
@media screen and (max-width: 768px) {
	.case .case_inner:before {
		border-width: 7px 0 0 7px;
	}
}
.case .case_inner:after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	border-width: 0 0 10px 10px;
	border-style: solid;
	border-color: transparent transparent #e7dad0 transparent;
}
@media screen and (max-width: 768px) {
	.case .case_inner:after {
		border-width: 0 0 7px 7px;
	}
}
.case .case_header {
	position: relative;
	padding: 35px 100px 60px;
	background: url(../img/personality/problem/common/case_head_bg_b.png) no-repeat center bottom, url(../img/personality/problem/common/case_head_bg.png) repeat-y;
}
@media screen and (max-width: 768px) {
	.case .case_header {
		padding: 30px 34px;
		background: url(../img/personality/problem/common/case_head_bg_sp.png);
		background-size: 50px auto;
	}
}
.case .case_header:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	border-width: 10px 10px 0 0;
	border-style: solid;
	border-color: #e7dad0 transparent transparent transparent;
}
@media screen and (max-width: 768px) {
	.case .case_header:before {
		border-width: 7px 7px 0 0;
	}
}
.case .case_header:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	border-width: 0 10px 10px 0;
	border-style: solid;
	border-color: transparent #e7dad0 transparent transparent;
}
@media screen and (max-width: 768px) {
	.case .case_header:after {
		border-width: 0 7px 7px 0;
		border-color: transparent #e1d2c1 transparent transparent;
	}
}
.case .case_header_category {
	display: table;
	position: absolute;
	top: -82px;
	left: 22px;
	width: 110px;
	height: 110px;
	background: url(../img/personality/problem/common/case_head_category_bg.png) no-repeat;
	background-size: 100% auto;
}
@media screen and (max-width: 768px) {
	.case .case_header_category {
		top: -55px;
		left: 15px;
		width: 75px;
		height: 75px;
	}
}
.case .case_header_category span {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	color: #f2de5a;
	font-size: 25.6px;
	font-size: 1.6rem;
	font-weight: bold;
}
@media screen and (max-width: 768px) {
	.case .case_header_category span {
		font-size: 1.1rem;
	}
}
.case .case_header_h {
	color: #555; 
	font-size: 35.2px; 
	font-size: 2.2rem;
	line-height: 1.9;
}
@media screen and (max-width: 768px) {
	.case .case_header_h {
		font-size: 1.6rem;
		line-height: 1.78;
	}
}
@media screen and (max-width: 768px) {
	.case .case_header_h:after {
		content: "";
		position: absolute;
		bottom: -10px;
		left: 50%;
		margin-left: -9px;
		width: 18px;
		height: 10px;
		background: url(../img/personality/problem/common/case_head_bg_b_sp.png) no-repeat center bottom;
		background-size: 100% auto;
	}
}
.case .case_header_h span {
	padding: 0 0 3px;
	border-bottom: #f8b963 4px solid;
}
.case .case_body {
	padding: 30px 0 0;
}
.case .case_body .article_h {
	padding: 10px 26px;
	background: url(../img/common/article_h_bg.png);
}
@media screen and (max-width: 768px) {
	.case .case_body .article_h {
		background: url(../img/common/article_h_bg.png);
		background-size: 10px auto;
		text-align: center;
	}
}
.case .case_body .l-column_txt {
	width: 360px;
}
.case .case_body .l-column_img {
	width: 280px;
	height: 200px;
	background: #ccc;
}
.case .case_body_block {
	padding: 0 50px 45px;
}
@media screen and (max-width: 768px) {
	.case .case_body_block {
		padding: 0 20px 25px;
	}
}
.case .case_body_block > .article_txt {
	margin-top: 28px;
}
@media screen and (max-width: 768px) {
	.case .case_body_block > .article_txt {
		margin-top: 18px;
	}
}
.case .case_body_subBlock {
	margin-top: 28px;
}
@media screen and (max-width: 768px) {
	.case .case_body_subBlock {
		margin-top: 18px;
	}
}
.case .case_body_subBlock .article_txt {
	margin-top: 7px;
}
@media screen and (max-width: 768px) {
	.case .case_body_subBlock .article_txt {
		margin-top: 5px;
	}
}
.case .case_body_subBlock .column_txt {
	width: 360px;
}
@media screen and (max-width: 768px) {
	.case .case_body_subBlock .column_txt {
		width: auto;
	}
}
.case .case_body_subBlock .column_img {
	width: 280px;
}
@media screen and (max-width: 768px) {
	.case .case_body_subBlock .column_img {
		width: auto;
	}
}
.case .case_body_aside {
	position: relative;
	margin: 30px 0 0;
	padding: 18px 20px;
	background: #ffedeb;
}
@media screen and (max-width: 768px) {
	.case .case_body_aside {
		margin-top: 60px;
		padding: 30px 20px 18px;
	}
}
.case .case_body_aside_h {
	display: table;
	float: left;
	width: 94px;
	height: 94px;
	background: url(../img/personality/problem/common/aside_h_bg.png) no-repeat;
	background-size: 100% auto; 
	color: #f2de5a;
	font-size: 19.2px;
	font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
	.case .case_body_aside_h {
		position: absolute;
		top: -38px;
		left: 20px;
		float: none;
		width: 64px;
		height: 64px;
		font-size: 1rem;
	}
}
.case .case_body_aside_h span {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.case .case_body_aside_txt {
	float: right;
	width: 506px;
	font-size: 22.4px;
	font-size: 1.4rem;
	line-height: 1.85;
}
@media screen and (max-width: 768px) {
	.case .case_body_aside_txt {
		float: none;
		padding: 0;
		width: auto;
		font-size: 1.3rem;
		line-height: 1.61;
	}
}

.problem_article_index.c-article_index .article_index_item:nth-child(1) .item_inner:before {
	background: url(../img/personality/problem/common/index_case_01_local_bg.png) no-repeat;
	background-size: 100% auto;
}
@media screen and (max-width: 768px) {
	.problem_article_index.c-article_index .article_index_item:nth-child(1) .item_inner:before {
		background: url(../img/personality/problem/common/index_case_01_bg.png) no-repeat;
		background-size: 100% auto;
	}
}

.problem_article_index.c-article_index .article_index_item:nth-child(2) .item_inner:before {
	background: url(../img/personality/problem/common/index_case_02_local_bg.png) no-repeat;
	background-size: 100% auto;
}
@media screen and (max-width: 768px) {
	.problem_article_index.c-article_index .article_index_item:nth-child(2) .item_inner:before {
		background: url(../img/personality/problem/common/index_case_02_bg.png) no-repeat;
		background-size: 100% auto;
	}
}

.problem_article_index.c-article_index .article_index_item:nth-child(3) .item_inner:before {
	background: url(../img/personality/problem/common/index_case_03_local_bg.png) no-repeat;
	background-size: 100% auto;
}
@media screen and (max-width: 768px) {
	.problem_article_index.c-article_index .article_index_item:nth-child(3) .item_inner:before {
		background: url(../img/personality/problem/common/index_case_03_bg.png) no-repeat;
		background-size: 100% auto;
	}
}

.problem_article_index.c-article_index .article_index_item:nth-child(4) .item_inner:before {
	background: url(../img/personality/problem/common/index_case_04_local_bg.png) no-repeat;
	background-size: 100% auto;
}
@media screen and (max-width: 768px) {
	.problem_article_index.c-article_index .article_index_item:nth-child(4) .item_inner:before {
		background: url(../img/personality/problem/common/index_case_04_bg.png) no-repeat;
		background-size: 100% auto;
	}
}

.problem_article_index.c-article_index .article_index_item:nth-child(5) .item_inner:before {
	background: url(../img/personality/problem/common/index_case_05_local_bg.png) no-repeat;
	background-size: 100% auto;
}
@media screen and (max-width: 768px) {
	.problem_article_index.c-article_index .article_index_item:nth-child(5) .item_inner:before {
		background: url(../img/personality/problem/common/index_case_05_bg.png) no-repeat;
		background-size: 100% auto;
	}
}

.problem_article_index.c-article_index .article_index_item:nth-child(6) .item_inner:before {
	background: url(../img/personality/problem/common/index_case_06_local_bg.png) no-repeat;
	background-size: 100% auto;
}
@media screen and (max-width: 768px) {
	.problem_article_index.c-article_index .article_index_item:nth-child(6) .item_inner:before {
		background: url(../img/personality/problem/common/index_case_06_bg.png) no-repeat;
		background-size: 100% auto;
	}
}

.page-hattatsu-adhd-index .l-article .article_header {
	margin: 0 0 28px;
}
@media screen and (max-width: 768px) {
	.page-hattatsu-adhd-index .l-article .article_header {
		margin: 0 0 14px;
	}
}

.page-hattatsu-adhd-index .l-article .article_txt {
	line-height: 1.9;
}
@media screen and (max-width: 768px) {
	.page-hattatsu-adhd-index .l-article .article_txt {
		line-height: 1.65;
	}
}

.page-hattatsu-adhd-index .l-article .article_section {
	margin: 75px 0 0;
}
@media screen and (max-width: 768px) {
	.page-hattatsu-adhd-index .l-article .article_section {
		margin: 37px 0 0;
	}
}

.page-hattatsu-adhd-index .l-article .article_h {
	margin: 0 0 20px;
}
@media screen and (max-width: 768px) {
	.page-hattatsu-adhd-index .l-article .article_h {
		margin: 0 15px 17px;
	}
}

.hattatsu_article_index.c-article_index {
	margin-top: 0;
	margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
	.hattatsu_article_index.c-article_index {
		margin-bottom: 50px;
	}
}
.hattatsu_article_index.c-article_index .article_index_inner {
	margin: 0;
}
.hattatsu_article_index.c-article_index .article_index_item {
	margin: 0 0 0 20px;
	width: 260px;
}
@media screen and (max-width: 768px) {
	.hattatsu_article_index.c-article_index .article_index_item {
		margin: 0; 
		width: 100%;
	}
}
.hattatsu_article_index.c-article_index .article_index_item a {
	padding: 0;
	background: transparent;
}
.hattatsu_article_index.c-article_index .article_index_item:nth-child(3n+1) {
	margin-left: 0;
}
@media screen and (max-width: 768px) {
	.hattatsu_article_index.c-article_index .article_index_item:nth-child(n+2) {
		margin-top: 10px;
	}
}
.hattatsu_article_index.c-article_index .article_index_item:nth-child(n+4) {
	margin-top: 20px;
}
@media screen and (max-width: 768px) {
	.hattatsu_article_index.c-article_index .article_index_item:nth-child(n+4) {
		margin-top: 10px;
	}
}
.hattatsu_article_index.c-article_index .item_inner {
	height: 80px;
}
@media screen and (max-width: 768px) {
	.hattatsu_article_index.c-article_index .item_inner {
		padding: 15px 27px 15px 22px; 
		height: auto;
	}
}
.hattatsu_article_index.c-article_index .item_inner:before {
	width: 25px;
	height: 25px;
	background: url(../img/personality/hattatsu/common/btn_bg.png) no-repeat;
}
.hattatsu_article_index.c-article_index .item_inner:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 12px;
	bottom: 0;
	left: auto;
	margin: auto 0;
	border-top: 4px solid #e9463f;
	border-right: 4px solid #e9463f;
	width: 12px;
	height: 12px;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	background: transparent;
}
@media screen and (max-width: 768px) {
	.hattatsu_article_index.c-article_index .item_inner .item_h {
		padding: 0;
		text-align: left;
	}
	.hattatsu_article_index.c-article_index .item_inner .item_h br {
		display: none;
	}
}

.hattatsu_checkList {
	position: relative;
	padding: 7px 7px;
	background: #e8dad1;
}
@media screen and (max-width: 768px) {
	.hattatsu_checkList {
		padding: 5px 0;
	}
}
.hattatsu_checkList:before {
	content: "";
	display: block;
	position: absolute;
	top: -75px;
	right: 18px;
	width: 92px;
	height: 77px;
	background: url(../img/personality/hattatsu/common/hattatsu_checklist_img.png) no-repeat;
	background-size: 100% auto;
}
@media screen and (max-width: 768px) {
	.hattatsu_checkList:before {
		top: auto;
		right: 0;
		bottom: 5px;
		width: 79px;
		height: 60px;
		background: url(../img/personality/hattatsu/common/hattatsu_checklist_img_sp.png) no-repeat;
		background-size: 100% auto;
	}
}
.hattatsu_checkList .checkList_item {
	padding: 24px 45px 29px;
}
@media screen and (max-width: 768px) {
	.hattatsu_checkList .checkList_item {
		padding: 25px 15px 22px;
	}
}
.hattatsu_checkList .checkList_item:nth-child(odd) {
	background: #fbf6f2;
}
.hattatsu_checkList .checkList_item:nth-child(even) {
	background: #fff;
}
@media screen and (max-width: 768px) {
	.hattatsu_checkList .checkList_item:last-child {
		padding-bottom: 58px;
	}
}
.hattatsu_checkList .checkList_item .checkList_item_inner {
	position: relative;
	padding-left: 39px;
}
@media screen and (max-width: 768px) {
	.hattatsu_checkList .checkList_item .checkList_item_inner {
		padding-left: 24px;
	}
}
.hattatsu_checkList .checkList_item .checkList_item_inner:before {
	content: "";
	display: block;
	position: absolute;
	top: 7px;
	left: 0;
	width: 21px;
	height: 20px;
	background: url(../img/personality/hattatsu/common/checklist_item_inner_ico.png) no-repeat;
	background-size: 100% auto;
}
@media screen and (max-width: 768px) {
	.hattatsu_checkList .checkList_item .checkList_item_inner:before {
		top: 0px;
		left: -2px;
		width: 20px;
		height: 19px;
	}
}
.hattatsu_checkList .checkList_item .item_txt {
	font-size: 32px;
	font-size: 2.0rem;
	font-weight: bold;
}
@media screen and (max-width: 768px) {
	.hattatsu_checkList .checkList_item .item_txt {
		font-size: 1.5rem;
	}
}
.hattatsu_checkList .checkList_item .item_subTxt {
	margin-top: 6px;
	font-size: 20.8px;
	font-size: 1.3rem;
}
@media screen and (max-width: 768px) {
	.hattatsu_checkList .checkList_item .item_subTxt {
		font-size: 1.2rem;
	}
}
@media screen and (max-width: 768px) {
	.hattatsu_checkList .article_note {
		margin: 15px 0 0;
	}
}

.hattatsu_pointList {
	margin: 40px 0 0;
	padding: 0 0 10px;
}
@media screen and (max-width: 768px) {
	.hattatsu_pointList {
		margin: 17px 0 0;
		padding: 0;
	}
}
.hattatsu_pointList .pointList_item {
	position: relative;
	width: 390px;
	background: url(../img/common/bg_repeat_beige.png);
	background-size: 50px 50px;
}
@media screen and (max-width: 768px) {
	.hattatsu_pointList .pointList_item {
		width: 100%;
	}
}
.hattatsu_pointList .pointList_item:before {
	content: "";
	display: block;
	position: absolute;
	z-index: 2; 
	right: 0;
	width: 89px;
	height: 72px;
}
.hattatsu_pointList .pointList_item:nth-child(odd) {
	float: left;
}
.hattatsu_pointList .pointList_item:nth-child(even) {
	float: right;
}
@media screen and (max-width: 768px) {
	.hattatsu_pointList .pointList_item:nth-child(n+2) {
		margin-top: 25px;
	}
}
.hattatsu_pointList .pointList_item:nth-child(n+3) {
	margin-top: 30px;
}
@media screen and (max-width: 768px) {
	.hattatsu_pointList .pointList_item:nth-child(n+3) {
		margin-top: 25px;
	}
}
.hattatsu_pointList .pointList_item:nth-child(1):before {
	bottom: -19px;
	background: url(../img/personality/hattatsu/common/pointlist_item_01_img.png) no-repeat;
	background-size: 100% auto;
}
@media screen and (max-width: 768px) {
	.hattatsu_pointList .pointList_item:nth-child(1):before {
		right: 30px;
		bottom: -25px;
		width: 30px;
		height: 47px;
		background: url(../img/personality/hattatsu/common/pointlist_item_01_img_sp.png) no-repeat;
		background-size: 100% auto;
	}
}
.hattatsu_pointList .pointList_item:nth-child(4):before {
	bottom: -21px;
	background: url(../img/personality/hattatsu/common/pointlist_item_02_img.png) no-repeat;
	background-size: 100% auto;
}
@media screen and (max-width: 768px) {
	.hattatsu_pointList .pointList_item:nth-child(4):before {
		top: -53px;
		right: 24px;
		bottom: auto;
		width: 25px;
		height: 55px;
		background: url(../img/personality/hattatsu/common/pointlist_item_02_img_sp.png) no-repeat;
		background-size: 100% auto;
	}
}
.hattatsu_pointList .pointList_item:nth-child(5):before {
	bottom: -15px;
	background: url(../img/personality/hattatsu/common/pointlist_item_03_img.png) no-repeat;
	background-size: 100% auto;
}
@media screen and (max-width: 768px) {
	.hattatsu_pointList .pointList_item:nth-child(5):before {
		right: 23px;
		bottom: -14px;
		width: 43px;
		height: 43px;
		background: url(../img/personality/hattatsu/common/pointlist_item_03_img_sp.png) no-repeat;
		background-size: 100% auto;
	}
}
.hattatsu_pointList .pointList_item .item_inner {
	overflow: hidden;
	position: relative;
	padding: 17px 20px 47px;
	height: 100%;
}
@media screen and (max-width: 768px) {
	.hattatsu_pointList .pointList_item .item_inner {
		padding: 20px 15px 25px;
	}
}
.hattatsu_pointList .pointList_item .item_inner:before,
.hattatsu_pointList .pointList_item .item_inner:after {
	content: "";
	display: block;
	position: absolute;
}
.hattatsu_pointList .pointList_item .item_inner:before {
	bottom: 0;
	left: 0;
	width: 142px;
	height: 160px;
	background: url(../img/personality/hattatsu/common/pointlist_item_bg_l.png) no-repeat;
	background-size: 100% auto;
}
@media screen and (max-width: 768px) {
	.hattatsu_pointList .pointList_item .item_inner:before {
		width: 119px;
		height: 135px;
	}
}
.hattatsu_pointList .pointList_item .item_inner:after {
	top: 0;
	right: 0;
	width: 133px;
	height: 230px;
	background: url(../img/personality/hattatsu/common/pointlist_item_bg_r.png) no-repeat;
}
@media screen and (max-width: 768px) {
	.hattatsu_pointList .pointList_item .item_inner:after {
		width: 137px;
		height: 202px;
		background: url(../img/personality/hattatsu/common/pointlist_item_bg_r_sp.png) no-repeat;
		background-size: 100% auto;
	}
}
.hattatsu_pointList .pointList_item .item_h {
	position: relative;
	z-index: 1; 
	padding: 10px 0 10px 60px;
	color: #e9463f;
	font-size: 32px;
	font-size: 2.0rem;
}
@media screen and (max-width: 768px) {
	.hattatsu_pointList .pointList_item .item_h {
		padding: 5px 0 5px 40px;
		font-size: 1.7rem;
	}
}
.hattatsu_pointList .pointList_item .item_h_num {
	display: block;
	position: absolute;
	z-index: 1; 
	top: 0;
	left: 0;
	padding: 15px 0;
	width: 50px;
	height: 50px;
	background: url(../img/personality/hattatsu/common/pointlist_item_num_bg.png) no-repeat;
	background-size: 100% auto;
	text-align: center;
	color: #fff;
	line-height: 1;
}
@media screen and (max-width: 768px) {
	.hattatsu_pointList .pointList_item .item_h_num {
		margin-right: 13px;
		margin-left: -5px;
		padding: 9px 0;
		width: 35px;
		height: 33px;
	}
}
.hattatsu_pointList .pointList_item .item_txt {
	position: relative;
	z-index: 1; 
	padding: 16px 14px 0;
	font-size: 22.4px;
	font-size: 1.4rem;
	line-height: 1.85;
}
@media screen and (max-width: 768px) {
	.hattatsu_pointList .pointList_item .item_txt {
		padding: 11px 0 0;
		font-size: 1.3rem;
		line-height: 1.7;
	}
}

.hattatsu_article_moreBlock {
	margin: 70px 0 0;
	padding: 7px 7px;
	background: #f3e1ac;
}
@media screen and (max-width: 768px) {
	.hattatsu_article_moreBlock {
		margin: 45px 15px 0;
	}
}
.hattatsu_article_moreBlock .article_moreBlock_inner {
	padding: 42px 43px;
	background: #fff;
}
@media screen and (max-width: 768px) {
	.hattatsu_article_moreBlock .article_moreBlock_inner {
		padding: 24px 15px;
	}
}
.hattatsu_article_moreBlock .column_txt {
	width: 358px;
}
@media screen and (max-width: 768px) {
	.hattatsu_article_moreBlock .column_txt {
		width: 100%;
	}
}
.hattatsu_article_moreBlock .column_img {
	width: 330px;
}
@media screen and (max-width: 768px) {
	.hattatsu_article_moreBlock .column_img {
		width: 100%;
	}
}
.hattatsu_article_moreBlock .article_moreBlock_h {
	color: #e9463f; 
	font-size: 38.4px; 
	font-size: 2.4rem;
}
@media screen and (max-width: 768px) {
	.hattatsu_article_moreBlock .article_moreBlock_h {
		font-size: 1.8rem;
	}
}
.hattatsu_article_moreBlock .article_txt {
	margin-top: 12px;
}
@media screen and (max-width: 768px) {
	.hattatsu_article_moreBlock .article_txt {
		padding: 0;
	}
	.hattatsu_article_moreBlock .article_txt + img {
		margin-top: 16px;
		width: 100%;
	}
}
.hattatsu_article_moreBlock .article_btn {
	margin-top: 20px;
	font-size: 27.2px;
	font-size: 1.7rem;
}
@media screen and (max-width: 768px) {
	.hattatsu_article_moreBlock .article_btn {
		margin: 20px auto 0;
		width: 246px;
	}
}
.hattatsu_article_moreBlock .article_btn a {
	width: 100%;
}
@media screen and (max-width: 768px) {
	.hattatsu_article_moreBlock .article_btn a {
		padding-top: 0.6em;
		padding-bottom: 0.6em;
	}
}

.hattatsu_article_index.c-article_index .item_h {
	padding-left: 25px;
}

.linkWrap.hattatsu-linkWrap {
	margin: -118px 0 0;
	height: 118px;
}
.article_txt + .linkWrap.hattatsu-linkWrap {
	margin: 10px;
}
@media screen and (max-width: 768px) {
	.linkWrap.hattatsu-linkWrap {
		margin-top: -89px;
		height: 89px;
	}
}
.linkWrap.hattatsu-linkWrap .article_btn + .article_btn {
	margin-top: 15px;
}
.linkWrap.hattatsu-linkWrap .btn {
	padding-top: 0;
	text-align: center;
	font-size: 22.4px;
	font-size: 1.4rem;
}
.linkWrap.hattatsu-linkWrap .btn a {
	padding: 16px 49px 16px 20px;
	background: #e9463f;
	text-align: left; 
	color: #fff;
}
@media screen and (max-width: 768px) {
	.linkWrap.hattatsu-linkWrap .btn a {
		padding: 11px 55px 11px 15px;
	}
}
.linkWrap.hattatsu-linkWrap .btn .c-btn[target="_blank"]:after {
	background: url(../img/common/btn_ico_blank.png) no-repeat;
}

@media screen and (max-width: 768px) {
	.hattatsu-consideration-index_article_block .article_img {
		margin: 0 auto;
		width: 320px;
	}
}

/* --------------------------------
	個別：そのひとりに合わせた教育
-------------------------------- */
.education-index_h {
	padding: 20px 0;
	background: url(../img/personality/education/index/article_h_bg.png) no-repeat;
	text-align: center; 
	font-size: 41.6px; 
	font-size: 2.6rem;
}
@media screen and (max-width: 768px) {
	.education-index_h {
		padding: 14px 0;
		background: url(../img/personality/education/index/article_h_bg_sp.png);
		background-size: 50px auto;
		font-size: 1.9rem;
		line-height: 1.36;
	}
}

.education-index_section.article_section {
	margin-right: auto;
	margin-left: auto;
	width: 780px;
}
@media screen and (max-width: 768px) {
	.education-index_section.article_section {
		width: auto;
	}
}
.education-index_section.article_section .article_txt {
	margin-top: 45px;
	text-align: center; 
	line-height: 2.14;
}
@media screen and (max-width: 768px) {
	.education-index_section.article_section .article_txt {
		margin-top: 15px;
		text-align: left;
	}
}
.education-index_section.article_section .article_img {
	margin: 40px 0 0;
	text-align: center;
}
@media screen and (max-width: 768px) {
	.education-index_section.article_section .article_img {
		margin: 20px auto 0;
		width: 320px;
	}
}

.education-index_section-01 .article_img {
	margin-top: 50px;
}
@media screen and (max-width: 768px) {
	.education-index_section-01 .article_img {
		margin-top: 20px;
	}
}

@media screen and (max-width: 768px) {
	.education-index_section-02 {
		margin-top: 90px;
	}
}

.education-index_section-03 {
	margin-top: 120px;
}

.education-index_approach {
	margin: 100px 0 0;
}
@media screen and (max-width: 768px) {
	.education-index_approach {
		margin-top: 65px;
	}
}
.education-index_approach .approach_h {
	margin-bottom: 10px;
	text-align: center; 
	font-size: 44.8px; 
	font-size: 2.8rem;
}
@media screen and (max-width: 768px) {
	.education-index_approach .approach_h {
		font-size: 1.8rem;
	}
}
.education-index_approach .approach_h_inner {
	position: relative;
	padding: 0 50px 20px 265px;
	border-bottom: #e5decb 6px solid;
}
@media screen and (max-width: 768px) {
	.education-index_approach .approach_h_inner {
		padding: 0 5px 10px 170px;
		border-width: 3px;
	}
}
.education-index_approach .approach_h_fukidashi {
	display: block;
	position: absolute;
	top: -16px;
	left: 40px;
	padding: 17px 0 0;
	text-align: center; 
	color: #fff;
	font-size: 38.4px;
	font-size: 2.4rem;
	line-height: 1;
}
@media screen and (max-width: 768px) {
	.education-index_approach .approach_h_fukidashi {
		left: 5px;
		padding-top: 10px;
		font-size: 1.8rem;
	}
}
.education-index_approach .approach_txt {
	margin: 60px 0 0;
	text-align: center; 
	font-size: 22.4px; 
	font-size: 1.4rem;
	line-height: 2.14;
}
@media screen and (max-width: 768px) {
	.education-index_approach .approach_txt {
		margin: 25px 15px 0;
		text-align: left; 
		font-size: 1.3rem;
		line-height: 1.61;
	}
}
.education-index_approach .approach_columnWrapper {
	margin: 60px auto 0;
	width: 740px;
}
@media screen and (max-width: 768px) {
	.education-index_approach .approach_columnWrapper {
		margin-top: 20px;
		width: 290px;
	}
}
.education-index_approach .approach_column {
	width: 350px;
}
@media screen and (max-width: 768px) {
	.education-index_approach .approach_column {
		width: auto;
	}
}

.education-index_approach-01 .approach_h {
	color: #e9463f;
}
.education-index_approach-01 .approach_h_fukidashi {
	width: 210px;
	height: 175px;
	background: url(../img/personality/education/index/approach_01_h_bg.png) no-repeat;
	background-size: 100% auto;
}
@media screen and (max-width: 768px) {
	.education-index_approach-01 .approach_h_fukidashi {
		width: 151px;
		height: 55px;
	}
}

.education-index_approach-01 .approach_column {
	background: url(../img/common/bg_repeat_beige.png);
}
@media screen and (max-width: 768px) {
	.education-index_approach-01 .approach_column:nth-child(2) {
		margin-top: 25px;
	}
}

.education-index_approach-01 .approach_column_h {
	position: relative;
	padding: 35px 0 0;
	height: 160px;
	background: url(../img/common/bg_repeat.jpg);
	text-align: center; 
	color: #fff;
	font-size: 35.2px;
	font-size: 2.2rem;
}
@media screen and (max-width: 768px) {
	.education-index_approach-01 .approach_column_h {
		padding-top: 25px;
		height: 130px;
		font-size: 1.8rem;
	}
}
.education-index_approach-01 .approach_column_h_num {
	position: absolute;
	top: 0;
	left: 0;
	padding: 5px 0 0 15px;
	width: 75px;
	height: 75px;
	background: url(../img/personality/education/index/approach_01_column_h_bg_l.png) no-repeat;
	background-size: 100% auto;
	text-align: left; 
	color: #e9463f;
	font-size: 41.6px;
	font-size: 2.6rem;
}
@media screen and (max-width: 768px) {
	.education-index_approach-01 .approach_column_h_num {
		width: 61px;
		height: 63px;
		font-size: 2.2rem;
	}
}
.education-index_approach-01 .approach_column_h strong {
	font-size: 57.6px;
	font-size: 3.6rem;
}
@media screen and (max-width: 768px) {
	.education-index_approach-01 .approach_column_h strong {
		font-size: 2.9rem;
	}
}

.education-index_approach-01 .approach_column_inner {
	padding: 25px 15px;
}
@media screen and (max-width: 768px) {
	.education-index_approach-01 .approach_column_inner {
		padding: 15px 15px;
	}
}

.education-index_approach-01 .approach_column_block {
	padding: 25px 40px;
	background: #fff;
}
@media screen and (max-width: 768px) {
	.education-index_approach-01 .approach_column_block {
		padding: 20px 30px;
	}
}
.education-index_approach-01 .approach_column_block:nth-child(1) {
	height: 275px;
}
@media screen and (max-width: 768px) {
	.education-index_approach-01 .approach_column_block:nth-child(1) {
		height: auto;
	}
}
.education-index_approach-01 .approach_column_block:nth-child(2) {
	position: relative;
	margin-top: 40px;
	height: 206px;
}
@media screen and (max-width: 768px) {
	.education-index_approach-01 .approach_column_block:nth-child(2) {
		margin-top: 35px;
		height: auto;
	}
}
.education-index_approach-01 .approach_column_block:nth-child(2):before {
	content: "";
	display: block;
	position: absolute;
	top: -30px;
	left: 50%;
	margin-left: -27px;
	width: 54px;
	height: 20px;
	background: url(../img/personality/education/index/approach_column_block_arw.png) no-repeat;
	background-size: 100% auto;
}
@media screen and (max-width: 768px) {
	.education-index_approach-01 .approach_column_block:nth-child(2):before {
		top: -26px;
		margin-left: -22px;
		width: 45px;
		height: 17px;
	}
}

.education-index_approach-01 .block_h {
	margin: 0 0 20px;
	padding: 0 0 5px;
	border-bottom: #f9db6b 5px solid;
	text-align: center; 
	color: #e9463f;
	font-size: 35.2px;
	font-size: 2.2rem;
	font-weight: bold;
}
@media screen and (max-width: 768px) {
	.education-index_approach-01 .block_h {
		margin-bottom: 15px;
		border-width: 4px; 
		font-size: 1.8rem;
	}
}

.education-index_approach-01 .block_txt {
	font-size: 22.4px;
	font-size: 1.4rem;
	line-height: 1.85;
}

.education-index_approach-01 .block_list .list_item {
	position: relative;
	padding: 0 0 0 20px;
	font-size: 22.4px;
	font-size: 1.4rem;
	line-height: 1.85;
}
.education-index_approach-01 .block_list .list_item:before {
	content: "";
	position: absolute;
	top: 8px;
	left: 0;
	width: 10px;
	height: 10px;
	background: url(../img/common/article_subh_ico.png) no-repeat;
	background-size: 100% auto;
}
@media screen and (max-width: 768px) {
	.education-index_approach-01 .block_list .list_item:before {
		top: 8px;
		width: 8px;
		height: 8px;
	}
}

.education-index_approach-01 .approach_aside {
	display: table;
	margin: 40px auto 0;
	padding: 15px 25px;
	border: #f9db6b 5px solid;
	width: 740px;
	background: #fff;
}
@media screen and (max-width: 768px) {
	.education-index_approach-01 .approach_aside {
		display: block;
		margin-top: 25px;
		padding: 0;
		width: 290px;
	}
}
.education-index_approach-01 .approach_aside .aside_h {
	display: table-cell;
	width: 123px;
	height: 121px;
	background: url(../img/personality/education/index/approach_aside_h_bg.png) no-repeat;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	font-size: 20.8px;
	font-size: 1.3rem;
	line-height: 1.5;
}
@media screen and (max-width: 768px) {
	.education-index_approach-01 .approach_aside .aside_h {
		display: block;
		padding: 15px 0;
		width: auto;
		height: auto;
		background: url(../img/personality/education/index/approach_aside_h_bg_sp.png) no-repeat;
		background-size: 100% auto;
		font-size: 1.5rem;
		font-weight: bold;
	}
}
.education-index_approach-01 .approach_aside .aside_h span {
	font-size: 27.2px;
	font-size: 1.7rem;
	font-weight: bold;
}
@media screen and (max-width: 768px) {
	.education-index_approach-01 .approach_aside .aside_h span {
		font-size: 1.5rem;
	}
}
.education-index_approach-01 .approach_aside .aside_txt {
	display: table-cell;
	padding: 0 0 5px;
	text-align: center;
	vertical-align: middle;
	font-size: 28.8px;
	font-size: 1.8rem;
	font-weight: bold; 
	line-height: 2.33;
}
@media screen and (max-width: 768px) {
	.education-index_approach-01 .approach_aside .aside_txt {
		display: block;
		padding: 15px 20px;
		text-align: left;
		font-size: 1.5rem;
		line-height: 1.93;
	}
}
.education-index_approach-01 .approach_aside .aside_txt span {
	padding: 0 0 3px;
	border-bottom: #e2d7cf 5px solid;
}

.education-index_approach-02 {
	margin-top: 120px;
}
.education-index_approach-02 .approach_h {
	color: #285db8;
}
.education-index_approach-02 .approach_h_fukidashi {
	width: 175px;
	height: 175px;
	background: url(../img/personality/education/index/approach_02_h_bg.png) no-repeat;
	background-size: 100% auto;
}
@media screen and (max-width: 768px) {
	.education-index_approach-02 .approach_h_fukidashi {
		width: 127px;
		height: 55px;
	}
}
.education-index_approach-02 .approach_h_inner {
	padding-left: 230px;
}
@media screen and (max-width: 768px) {
	.education-index_approach-02 .approach_h_inner {
		padding-left: 150px;
	}
}
@media screen and (max-width: 768px) {
	.education-index_approach-02 .approach_column:nth-child(2) {
		margin-top: 55px;
	}
}
.education-index_approach-02 .approach_column_lead {
	margin: 0 auto;
	padding: 35px 0 0;
	width: 280px;
	height: 170px;
	background: url(../img/personality/education/index/approach_02_column_h_bg.png) no-repeat;
	background-size: 100% auto;
	text-align: center;
	color: #fff;
	font-size: 28.8px;
	font-size: 1.8rem;
	font-weight: bold; 
	line-height: 1.77;
}
@media screen and (max-width: 768px) {
	.education-index_approach-02 .approach_column_lead {
		padding-top: 30px;
		width: 238px;
		height: 145px;
		font-size: 1.5rem;
		line-height: 1.8;
	}
}
.education-index_approach-02 .approach_column_h {
	margin: 20px 0 0;
	text-align: center; 
	color: #285eb8;
	font-size: 54.4px;
	font-size: 3.4rem;
}
@media screen and (max-width: 768px) {
	.education-index_approach-02 .approach_column_h {
		margin-top: 15px;
		font-size: 2.9rem;
	}
}
.education-index_approach-02 .approach_column_txt {
	margin: 20px 0 0;
	text-align: center;
	font-size: 25.6px;
	font-size: 1.6rem;
	font-weight: bold;
}
@media screen and (max-width: 768px) {
	.education-index_approach-02 .approach_column_txt {
		margin-top: 15px;
	}
}
.education-index_approach-02 .approach_column_inner {
	margin: 50px 0 0;
}
@media screen and (max-width: 768px) {
	.education-index_approach-02 .approach_column_inner {
		margin-top: 40px;
	}
}
.education-index_approach-02 .approach_column_block {
	padding: 25px 25px;
	height: 215px;
	background: url(../img/common/bg_repeat_beige.png);
}
@media screen and (max-width: 768px) {
	.education-index_approach-02 .approach_column_block {
		padding: 22px 15px 22px 10px;
		height: auto;
	}
}
.education-index_approach-02 .approach_column_block:nth-child(2) {
	margin-top: 10px;
}
.education-index_approach-02 .block_h {
	margin: 0 0 20px;
	text-align: center; 
	color: #285db8;
	font-size: 32px;
	font-size: 2.0rem;
	font-weight: bold;
}
@media screen and (max-width: 768px) {
	.education-index_approach-02 .block_h {
		font-size: 1.8rem;
	}
}
.education-index_approach-02 .block_img {
	float: left;
	width: 130px;
}
@media screen and (max-width: 768px) {
	.education-index_approach-02 .block_img {
		width: 110px;
	}
}
.education-index_approach-02 .block_list {
	float: right;
	padding: 10px 0 0;
	width: 160px;
}
@media screen and (max-width: 768px) {
	.education-index_approach-02 .block_list {
		padding-top: 0;
		width: 140px;
	}
}
.education-index_approach-02 .block_list .list_item {
	position: relative;
	padding: 0 0 0 20px;
	font-size: 22.4px;
	font-size: 1.4rem;
	line-height: 1.85;
}
@media screen and (max-width: 768px) {
	.education-index_approach-02 .block_list .list_item {
		padding-left: 15px;
		line-height: 1.4;
	}
}
@media screen and (max-width: 768px) {
	.education-index_approach-02 .block_list .list_item:nth-child(n+2) {
		margin-top: 5px;
	}
}
.education-index_approach-02 .block_list .list_item:before {
	content: "";
	position: absolute;
	top: 8px;
	left: 0;
	width: 10px;
	height: 10px;
	background: url(../img/common/article_subh_ico_blue.png) no-repeat;
	background-size: 100% auto;
}
@media screen and (max-width: 768px) {
	.education-index_approach-02 .block_list .list_item:before {
		top: 6px;
		width: 8px;
		height: 8px;
	}
}

/* --------------------------------
	個別：こんなことが気になったら トップ
-------------------------------- */
.problem-index_article_body.article_body {
	padding-bottom: 30px;
}
@media screen and (max-width: 768px) {
	.problem-index_article_body.article_body {
		padding-bottom: 25px;
	}
}

.problem-index_article_index.c-article_index {
	margin: 45px auto 0;
}
@media screen and (max-width: 768px) {
	.problem-index_article_index.c-article_index {
		margin-top: 30px;
	}
}
.problem-index_article_index.c-article_index .article_index_inner {
	margin: 0 auto;
	width: 700px;
}
@media screen and (max-width: 768px) {
	.problem-index_article_index.c-article_index .article_index_inner {
		width: 240px;
	}
}
.problem-index_article_index.c-article_index .article_index_item {
	position: relative;
	margin: 0;
	width: 325px;
}
@media screen and (max-width: 768px) {
	.problem-index_article_index.c-article_index .article_index_item {
		float: none;
		width: auto;
	}
}
.problem-index_article_index.c-article_index .article_index_item:before {
	content: "";
	position: absolute;
	bottom: -35px;
	left: 0;
	width: 325px;
	height: 88px;
}
@media screen and (max-width: 768px) {
	.problem-index_article_index.c-article_index .article_index_item:before {
		bottom: -30px;
		width: 240px;
		height: 75px;
	}
}
.problem-index_article_index.c-article_index .article_index_item .item_inner {
	height: 192px;
}
@media screen and (max-width: 768px) {
	.problem-index_article_index.c-article_index .article_index_item .item_inner {
		height: 129px;
	}
}
.problem-index_article_index.c-article_index .article_index_item .item_inner:after {
	bottom: 44px;
}
@media screen and (max-width: 768px) {
	.problem-index_article_index.c-article_index .article_index_item .item_inner:after {
		bottom: 25px;
	}
}
.problem-index_article_index.c-article_index .article_index_item .item_h {
	padding-bottom: 36px;
}
@media screen and (max-width: 768px) {
	.problem-index_article_index.c-article_index .article_index_item .item_h {
		padding-bottom: 20px;
		font-size: 1.4rem;
	}
}
.problem-index_article_index.c-article_index .article_index_item .item_h:before {
	content: "";
	position: absolute;
	bottom: -39px;
	left: -4px;
	width: 325px;
	height: 88px;
}
@media screen and (max-width: 768px) {
	.problem-index_article_index.c-article_index .article_index_item .item_h:before {
		bottom: -34px;
		width: 240px;
		height: 75px;
	}
}
.problem-index_article_index.c-article_index .article_index_item .item_h_age {
	display: block;
	font-size: 41.6px;
	font-size: 2.6rem;
}
@media screen and (max-width: 768px) {
	.problem-index_article_index.c-article_index .article_index_item .item_h_age {
		font-size: 2.1rem;
	}
}
.problem-index_article_index.c-article_index .article_index_item .item_h_age > span {
	font-size: 33.6px;
	font-size: 2.1rem;
}
@media screen and (max-width: 768px) {
	.problem-index_article_index.c-article_index .article_index_item .item_h_age > span {
		font-size: 1.6rem;
	}
}
@media screen and (max-width: 768px) {
	.problem-index_article_index.c-article_index .article_index_item:nth-child(1) {
		float: none;
	}
}
.problem-index_article_index.c-article_index .article_index_item:nth-child(1):before {
	background: url(../img/personality/problem/index/index_01_img.png) no-repeat;
}
@media screen and (max-width: 768px) {
	.problem-index_article_index.c-article_index .article_index_item:nth-child(1):before {
		background: url(../img/personality/problem/index/index_01_img_sp.png) no-repeat;
		background-size: 100% auto;
	}
}
.problem-index_article_index.c-article_index .article_index_item:nth-child(1) .item_inner:before {
	background: url(../img/personality/problem/index/index_01_bg.png) no-repeat;
	background-size: 100% auto;
}
.problem-index_article_index.c-article_index .article_index_item:nth-child(1) .item_h {
	color: #34a773;
}
.problem-index_article_index.c-article_index .article_index_item:nth-child(1) .item_h:before {
	background: url(../img/personality/problem/index/index_01_img.png) no-repeat;
}
@media screen and (max-width: 768px) {
	.problem-index_article_index.c-article_index .article_index_item:nth-child(1) .item_h:before {
		background: url(../img/personality/problem/index/index_01_img_sp.png) no-repeat;
		background-size: 100% auto;
	}
}
.problem-index_article_index.c-article_index .article_index_item:nth-child(2) {
	float: right;
}
@media screen and (max-width: 768px) {
	.problem-index_article_index.c-article_index .article_index_item:nth-child(2) {
		float: none !important;
		margin-top: 47px;
	}
}
.problem-index_article_index.c-article_index .article_index_item:nth-child(2):before {
	background: url(../img/personality/problem/index/index_02_img.png) no-repeat;
}
@media screen and (max-width: 768px) {
	.problem-index_article_index.c-article_index .article_index_item:nth-child(2):before {
		background: url(../img/personality/problem/index/index_02_img_sp.png) no-repeat;
		background-size: 100% auto;
	}
}
.problem-index_article_index.c-article_index .article_index_item:nth-child(2) .item_inner:before {
	background: url(../img/personality/problem/index/index_02_bg.png) no-repeat;
	background-size: 100% auto;
}
.problem-index_article_index.c-article_index .article_index_item:nth-child(2) .item_h {
	color: #3950a0;
}
.problem-index_article_index.c-article_index .article_index_item:nth-child(2) .item_h:before {
	background: url(../img/personality/problem/index/index_02_img.png) no-repeat;
}
@media screen and (max-width: 768px) {
	.problem-index_article_index.c-article_index .article_index_item:nth-child(2) .item_h:before {
		background: url(../img/personality/problem/index/index_02_img_sp.png) no-repeat;
		background-size: 100% auto;
	}
}

/* --------------------------------
	個別：こんなことが気になったら 0〜6歳
-------------------------------- */
@media screen and (max-width: 768px) {
	.problem-youji-index_article_index.c-article_index {
		background: url(../img/personality/problem/youji/index/index_img_sp.png) no-repeat center top;
		background-size: 320px auto;
	}
}

.problem-youji-index_article_index.c-article_index .article_index_item:nth-child(1) .item_inner:before {
	background: url(../img/personality/problem/common/index_case_01_bg.png) no-repeat;
	background-size: 100% auto;
}

.problem-youji-index_article_index.c-article_index .article_index_item:nth-child(2) .item_inner:before {
	background: url(../img/personality/problem/common/index_case_02_bg.png) no-repeat;
	background-size: 100% auto;
}

.problem-youji-index_article_index.c-article_index .article_index_item:nth-child(3) .item_inner:before {
	background: url(../img/personality/problem/common/index_case_03_bg.png) no-repeat;
	background-size: 100% auto;
}

.problem-youji-index_article_index.c-article_index .article_index_item:nth-child(4) .item_inner:before {
	background: url(../img/personality/problem/common/index_case_04_bg.png) no-repeat;
	background-size: 100% auto;
}

.problem-youji-index_article_index.c-article_index .article_index_item:nth-child(5) .item_inner:before {
	background: url(../img/personality/problem/common/index_case_05_bg.png) no-repeat;
	background-size: 100% auto;
}

.problem-youji-index_article_index.c-article_index .article_index_item:nth-child(6) .item_inner:before {
	background: url(../img/personality/problem/common/index_case_06_bg.png) no-repeat;
	background-size: 100% auto;
}

.problem-youji-index_article_btn.article_btn {
	margin-bottom: -100px;
	padding: 70px 0 90px;
	background: url(../img/personality/problem/youji/index/index_bg.png) no-repeat;
}
@media screen and (max-width: 768px) {
	.problem-youji-index_article_btn.article_btn {
		margin-bottom: -50px;
		padding: 30px 0 80px;
		background: url(../img/personality/problem/youji/index/index_bg_sp.png) no-repeat center bottom;
		background-size: 320px auto;
	}
}
.problem-youji-index_article_btn.article_btn .btn.subCategoryIndexBtn {
	padding: 0;
}
.problem-youji-index_article_btn.article_btn .btn.subCategoryIndexBtn a {
	border: #3950a0 3px solid;
	color: #3950a0;
}
.problem-youji-index_article_btn.article_btn .btn.subCategoryIndexBtn a:before {
	background: url(../img/personality/problem/youji/index/btn_bg.png) no-repeat;
	background-size: 100% auto;
}
.problem-youji-index_article_btn.article_btn .btn.subCategoryIndexBtn a:after {
	border-top: 3px solid #3950a0;
	border-right: 3px solid #3950a0;
}
@media screen and (max-width: 768px) {
	.problem-youji-index_article_btn.article_btn .btn.subCategoryIndexBtn a:after {
		border-top: 2px solid #3950a0;
		border-right: 2px solid #3950a0;
	}
}

/* --------------------------------
	個別：こんなことが気になったら 小学生以上
-------------------------------- */
@media screen and (max-width: 768px) {
	.problem-shugakugo-index_article_index.c-article_index {
		background: url(../img/personality/problem/shugakugo/index/index_img_sp.png) no-repeat center top;
		background-size: 320px auto;
	}
}

.problem-shugakugo-index_article_index.c-article_index .article_index_item:nth-child(1) .item_inner:before {
	background: url(../img/personality/problem/common/index_case_01_bg.png) no-repeat;
	background-size: 100% auto;
}

.problem-shugakugo-index_article_index.c-article_index .article_index_item:nth-child(2) .item_inner:before {
	background: url(../img/personality/problem/common/index_case_02_bg.png) no-repeat;
	background-size: 100% auto;
}

.problem-shugakugo-index_article_index.c-article_index .article_index_item:nth-child(3) .item_inner:before {
	background: url(../img/personality/problem/common/index_case_03_bg.png) no-repeat;
	background-size: 100% auto;
}

.problem-shugakugo-index_article_index.c-article_index .article_index_item:nth-child(4) .item_inner:before {
	background: url(../img/personality/problem/common/index_case_04_bg.png) no-repeat;
	background-size: 100% auto;
}

.problem-shugakugo-index_article_index.c-article_index .article_index_item:nth-child(5) .item_inner:before {
	background: url(../img/personality/problem/common/index_case_05_bg.png) no-repeat;
	background-size: 100% auto;
}

.problem-shugakugo-index_article_index.c-article_index .article_index_item:nth-child(6) .item_inner:before {
	background: url(../img/personality/problem/common/index_case_06_bg.png) no-repeat;
	background-size: 100% auto;
}

.problem-shugakugo-index_article_btn.article_btn {
	margin-bottom: -100px;
	padding: 70px 0 90px;
	background: url(../img/personality/problem/shugakugo/index/index_bg.png) no-repeat;
}
@media screen and (max-width: 768px) {
	.problem-shugakugo-index_article_btn.article_btn {
		margin-bottom: -50px;
		padding: 30px 0 80px;
		background: url(../img/personality/problem/shugakugo/index/index_bg_sp.png) no-repeat center bottom;
		background-size: 320px auto;
	}
}
.problem-shugakugo-index_article_btn.article_btn .btn.subCategoryIndexBtn {
	padding: 0;
}
.problem-shugakugo-index_article_btn.article_btn .btn.subCategoryIndexBtn a {
	border: #3aa675 3px solid;
	color: #3aa675;
}
.problem-shugakugo-index_article_btn.article_btn .btn.subCategoryIndexBtn a:before {
	background: url(../img/personality/problem/shugakugo/index/btn_bg.png) no-repeat;
	background-size: 100% auto;
}
.problem-shugakugo-index_article_btn.article_btn .btn.subCategoryIndexBtn a:after {
	border-top: 3px solid #3aa675;
	border-right: 3px solid #3aa675;
}
@media screen and (max-width: 768px) {
	.problem-shugakugo-index_article_btn.article_btn .btn.subCategoryIndexBtn a:after {
		border-top: 2px solid #3aa675;
		border-right: 2px solid #3aa675;
	}
}

/* --------------------------------
	個別：そのひとりのストーリー
-------------------------------- */
.growth-case-index_index_article_pickup.index_article_pickup {
	position: relative;
}
.growth-case-index_index_article_pickup.index_article_pickup a {
	display: block;
	-webkit-transition: opacity 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
	        transition: opacity 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
}
@media screen and (max-width: 768px) {
	.growth-case-index_index_article_pickup.index_article_pickup a {
		text-decoration: none;
	}
}
.growth-case-index_index_article_pickup.index_article_pickup a:hover {
	opacity: 0.7;
}
.growth-case-index_index_article_pickup.index_article_pickup .column_txt {
	position: absolute;
	top: 50%;
	right: 0;
	padding: 0 30px 0 108px; 
	-webkit-transform: translateY(-50%); 
	    -ms-transform: translateY(-50%); 
	        transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
	.growth-case-index_index_article_pickup.index_article_pickup .column_txt {
		position: static;
		padding: 15px 20px 40px; 
		-webkit-transform: translateY(0); 
		    -ms-transform: translateY(0); 
		        transform: translateY(0);
	}
}
.growth-case-index_index_article_pickup.index_article_pickup .pickup_h {
	font-size: 35.2px;
	font-size: 2.2rem;
}
@media screen and (max-width: 768px) {
	.growth-case-index_index_article_pickup.index_article_pickup .pickup_h {
		padding-left: 65px; 
		font-size: 1.8rem;
	}
}
.growth-case-index_index_article_pickup.index_article_pickup .article_txt {
	margin-top: 8px;
	font-size: 19.2px;
	font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
	.growth-case-index_index_article_pickup.index_article_pickup .article_txt {
		margin-top: 8px;
		padding: 0;
		font-size: 1.3rem;
	}
}

.growth-case-index_index_article_pickup-01.index_article_pickup .column_txt {
	background: url(../img/personality/growth-case/index/column_txt_bg_01.png) 23px center no-repeat;
	background-size: 67px auto;
}
@media screen and (max-width: 768px) {
	.growth-case-index_index_article_pickup-01.index_article_pickup .column_txt {
		background-position: 15px 20px;
		background-size: 53px auto;
	}
}

.growth-case-index_index_article_pickup-02.index_article_pickup .column_txt {
	background: url(../img/personality/growth-case/index/column_txt_bg_02.png) 23px center no-repeat;
	background-size: 67px auto;
}
@media screen and (max-width: 768px) {
	.growth-case-index_index_article_pickup-02.index_article_pickup .column_txt {
		background-position: 15px 20px;
		background-size: 53px auto;
	}
}

/* --------------------------------
	記事全体：そのひとりのストーリー
-------------------------------- */
.visible-sp.article_header {
	display: none;
}
@media screen and (max-width: 768px) {
	.visible-sp.article_header {
		display: block;
		margin-bottom: 0;
	}
}

.growth-case-article.article_section .article_txt {
	line-height: 2.2 !important;
}
@media screen and (max-width: 768px) {
	.growth-case-article.article_section .article_txt {
		line-height: 1.61538 !important;
	}
}

@media screen and (max-width: 768px) {
	.growth-case-article.article_section {
		margin-top: 0;
	}
}

@media screen and (max-width: 768px) {
	.growth-case-article.article_section + .growth-case-article {
		margin-top: 45px;
	}
}

.growth-case-article.article_section .column_txt {
	padding: 50px 50px 0;
}
@media screen and (max-width: 768px) {
	.growth-case-article.article_section .column_txt {
		padding: 20px 0 0;
	}
}

.growth-case-article.article_section .column_img {
	padding: 50px 0 0;
}
@media screen and (max-width: 768px) {
	.growth-case-article.article_section .column_img {
		padding: 20px 0 0;
	}
}

.growth-case-article.article_section .column {
	padding: 50px 0 0;
}
@media screen and (max-width: 768px) {
	.growth-case-article.article_section .column {
		padding: 20px 0 0;
	}
}
.growth-case-article.article_section .column.img-txt .article_img {
	float: left;
	margin: 0 30px 30px 0;
}
@media screen and (max-width: 768px) {
	.growth-case-article.article_section .column.img-txt .article_img {
		float: none;
		margin: 0 0 20px;
	}
}
.growth-case-article.article_section .column.img-txt .article_txt {
	padding-right: 50px;
}
@media screen and (max-width: 768px) {
	.growth-case-article.article_section .column.img-txt .article_txt {
		padding-right: 15px;
	}
}
.growth-case-article.article_section .column.txt-img .article_img {
	float: right;
	margin: 0 0 30px 30px;
}
@media screen and (max-width: 768px) {
	.growth-case-article.article_section .column.txt-img .article_img {
		float: none;
		margin: 0 0 20px;
	}
}
.growth-case-article.article_section .column.txt-img .article_txt {
	padding-left: 50px;
}
@media screen and (max-width: 768px) {
	.growth-case-article.article_section .column.txt-img .article_txt {
		padding-left: 15px;
	}
}

.growth-case-article.article_section .article_txt + .article_txt {
	margin-top: 30px;
}
@media screen and (max-width: 768px) {
	.growth-case-article.article_section .article_txt + .article_txt {
		margin-top: 25px;
	}
}

.growth-case-summary.article_section .summaryWrap {
	padding: 50px 46px;
	background: url(../img/personality/growth-case/common/summary_bg.png) right top no-repeat, url(../img/common/bg_repeat_beige.png);
	background-size: auto auto, 50px auto;
}
@media screen and (max-width: 768px) {
	.growth-case-summary.article_section .summaryWrap {
		margin-right: 15px;
		margin-left: 15px;
		padding: 25px 0;
		background-size: 161px auto, 50px auto;
	}
}

.growth-case-summary.article_section .article_txt {
	line-height: 2.2 !important;
}
@media screen and (max-width: 768px) {
	.growth-case-summary.article_section .article_txt {
		line-height: 1.61538 !important;
	}
}

.growth-case-summary.article_section .column {
	float: left;
}
@media screen and (max-width: 768px) {
	.growth-case-summary.article_section .column {
		float: none;
	}
}
.growth-case-summary.article_section .column + .column {
	margin-left: 33px;
}
@media screen and (max-width: 768px) {
	.growth-case-summary.article_section .column + .column {
		margin-top: 15px;
		margin-left: 0;
	}
}

.growth-case-summary.article_section .column_img {
	width: 245px;
	text-align: center;
}
@media screen and (max-width: 768px) {
	.growth-case-summary.article_section .column_img {
		padding: 0 25px;
		width: 100%;
	}
}

.growth-case-summary.article_section .summary_img_subH {
	margin-top: 6px;
	font-size: 22.4px;
	font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
	.growth-case-summary.article_section .summary_img_subH {
		font-size: 1.2rem;
	}
}

.growth-case-summary.article_section .summary_img_h {
	font-size: 28.8px;
	font-size: 1.8rem;
	font-weight: bold;
}
@media screen and (max-width: 768px) {
	.growth-case-summary.article_section .summary_img_h {
		font-size: 1.9em;
	}
}

.growth-case-summary.article_section .column_txt {
	width: 450px;
}
@media screen and (max-width: 768px) {
	.growth-case-summary.article_section .column_txt {
		width: auto;
	}
}
@media screen and (max-width: 768px) {
	.growth-case-summary.article_section .column_txt .article_txt {
		padding: 0 20px;
	}
}

/* --------------------------------
	個別：合理的配慮とは
-------------------------------- */
.hattatsu-consideration-index_hattatsu_checkList {
	margin: 40px 0;
}
@media screen and (max-width: 768px) {
	.hattatsu-consideration-index_hattatsu_checkList {
		margin: 20px 0;
	}
}

/* --------------------------------
	個別：心理検査
-------------------------------- */
.hattatsu-shinri-index_article_section.article_section .article_txt + .article_subH,
.hattatsu-shinri-index_article_section.article_section .article_note + .article_subH {
	margin-top: 25px;
}
@media screen and (max-width: 768px) {
	.hattatsu-shinri-index_article_section.article_section .article_txt + .article_subH,
	.hattatsu-shinri-index_article_section.article_section .article_note + .article_subH {
		margin-top: 15px;
	}
}

.hattatsu-shinri-index_article_section.article_section .article_txt + .article_h,
.hattatsu-shinri-index_article_section.article_section .article_note + .article_h {
	margin-top: 25px;
}
@media screen and (max-width: 768px) {
	.hattatsu-shinri-index_article_section.article_section .article_txt + .article_h,
	.hattatsu-shinri-index_article_section.article_section .article_note + .article_h {
		margin-top: 15px;
	}
}

.hattatsu-shinri-index_article_section.article_section .article_subH {
	margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
	.hattatsu-shinri-index_article_section.article_section .article_subH {
		margin: 15px;
	}
}

.hattatsu-shinri-index_article_section.article_section .article_table_wrapper {
	margin: 20px 0 0;
}
@media screen and (max-width: 768px) {
	.hattatsu-shinri-index_article_section.article_section .article_table_wrapper {
		margin: 15px 15px 0;
	}
}

.hattatsu-shinri-index_article_section.article_section .hattatsu-shinri-index_tabl.article_table tr {
	font-size: 22.4px;
	font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
	.hattatsu-shinri-index_article_section.article_section .hattatsu-shinri-index_tabl.article_table tr {
		font-size: 1.3rem;
	}
}

.hattatsu-shinri-index_article_section.article_section .hattatsu-shinri-index_tabl.article_table .table_header {
	font-size: 24px;
	font-size: 1.5rem;
}
@media screen and (max-width: 768px) {
	.hattatsu-shinri-index_article_section.article_section .hattatsu-shinri-index_tabl.article_table .table_header {
		font-size: 1.3rem;
	}
}
.hattatsu-shinri-index_article_section.article_section .hattatsu-shinri-index_tabl.article_table .table_header th {
	padding: 23px 0;
}
@media screen and (max-width: 768px) {
	.hattatsu-shinri-index_article_section.article_section .hattatsu-shinri-index_tabl.article_table .table_header th {
		padding: 9px 0;
	}
}

.hattatsu-shinri-index_article_section.article_section .hattatsu-shinri-index_tabl.article_table .table_h {
	padding: 30px 28px;
	text-align: left;
}
@media screen and (max-width: 768px) {
	.hattatsu-shinri-index_article_section.article_section .hattatsu-shinri-index_tabl.article_table .table_h {
		padding: 21px 9px;
	}
}
.hattatsu-shinri-index_article_section.article_section .hattatsu-shinri-index_tabl.article_table .table_h span {
	font-weight: normal;
}

.hattatsu-shinri-index_article_section.article_section .hattatsu-shinri-index_tabl.article_table td {
	text-align: center;
}

.hattatsu-shinri-index_article_section.article_section .hattatsu-shinri-index_tabl.article_table .article_note {
	margin-top: 5px;
	font-weight: normal;
}
@media screen and (max-width: 768px) {
	.hattatsu-shinri-index_article_section.article_section .hattatsu-shinri-index_tabl.article_table .article_note {
		margin: 3px 0 0;
		font-size: 1.1rem;
	}
}

.hattatsu-shinri-index_article_section.article_section .hattatsu-shinri-index_table_3col-a .table_h {
	width: 327px;
}
@media screen and (max-width: 768px) {
	.hattatsu-shinri-index_article_section.article_section .hattatsu-shinri-index_table_3col-a .table_h {
		width: 33.3%;
	}
}

.hattatsu-shinri-index_article_section.article_section .hattatsu-shinri-index_table_3col-a td {
	width: 244px;
}
@media screen and (max-width: 768px) {
	.hattatsu-shinri-index_article_section.article_section .hattatsu-shinri-index_table_3col-a td {
		width: 33.3%;
	}
}

.hattatsu-shinri-index_article_section.article_section .article_btn {
	margin-top: 25px;
}
@media screen and (max-width: 768px) {
	.hattatsu-shinri-index_article_section.article_section .article_btn {
		margin-top: 15px;
	}
}
.hattatsu-shinri-index_article_section.article_section .article_btn .btn {
	padding-top: 25px;
}
@media screen and (max-width: 768px) {
	.hattatsu-shinri-index_article_section.article_section .article_btn .btn {
		padding-top: 15px;
	}
}

/* --------------------------------
	個別：サポートブックとは
-------------------------------- */
.hattatsu-supportbook-index_article_section.article_section .article_txt + .article_subH,
.hattatsu-supportbook-index_article_section.article_section .article_note + .article_subH,
.hattatsu-supportbook-index_article_section.article_section .article_img + .article_subH,
.hattatsu-supportbook-index_article_section.article_section .article_list + .article_subH {
	margin-top: 25px;
}
@media screen and (max-width: 768px) {
	.hattatsu-supportbook-index_article_section.article_section .article_txt + .article_subH,
	.hattatsu-supportbook-index_article_section.article_section .article_note + .article_subH,
	.hattatsu-supportbook-index_article_section.article_section .article_img + .article_subH,
	.hattatsu-supportbook-index_article_section.article_section .article_list + .article_subH {
		margin-top: 15px;
	}
}

.hattatsu-supportbook-index_article_section.article_section .article_txt + .article_h,
.hattatsu-supportbook-index_article_section.article_section .article_note + .article_h,
.hattatsu-supportbook-index_article_section.article_section .article_img + .article_h,
.hattatsu-supportbook-index_article_section.article_section .article_list + .article_h {
	margin-top: 25px;
}
@media screen and (max-width: 768px) {
	.hattatsu-supportbook-index_article_section.article_section .article_txt + .article_h,
	.hattatsu-supportbook-index_article_section.article_section .article_note + .article_h,
	.hattatsu-supportbook-index_article_section.article_section .article_img + .article_h,
	.hattatsu-supportbook-index_article_section.article_section .article_list + .article_h {
		margin-top: 15px;
	}
}

.hattatsu-supportbook-index_article_section.article_section .article_subH {
	margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
	.hattatsu-supportbook-index_article_section.article_section .article_subH {
		margin: 15px;
	}
}

.hattatsu-supportbook-index_article_section.article_section .linkWrap {
	margin: -114px 0 8px;
	height: 155px;
	text-align: center;
	letter-spacing: -0.3em;
}
@media screen and (max-width: 768px) {
	.hattatsu-supportbook-index_article_section.article_section .linkWrap {
		margin: -169px auto 8px;
		width: 320px;
		height: 170px;
	}
}
.hattatsu-supportbook-index_article_section.article_section .linkWrap .article_btn {
	display: inline-block;
	letter-spacing: normal;
}
.hattatsu-supportbook-index_article_section.article_section .linkWrap .article_btn + .article_btn {
	margin-left: 20px;
}
@media screen and (max-width: 768px) {
	.hattatsu-supportbook-index_article_section.article_section .linkWrap .article_btn + .article_btn {
		margin-top: 15px;
		margin-left: 0;
	}
}

.hattatsu-supportbook-index_article_section.article_section .linkWrap .article_btn + .article_btn {
	margin-top: 15px;
}
.hattatsu-supportbook-index_article_section.article_section .linkWrap .btn {
	padding-top: 0;
	font-size: 22.4px;
	font-size: 1.4rem;
}
.hattatsu-supportbook-index_article_section.article_section .linkWrap .btn a {
	padding: 16px 49px 16px 20px;
	background: #e9463f;
	text-align: left; 
	color: #fff;
}
.hattatsu-supportbook-index_article_section.article_section .linkWrap .btn .c-btn[target="_blank"]:after {
	background: url(../img/common/btn_ico_blank.png) no-repeat;
}

@media screen and (max-width: 768px) {
	.hattatsu-supportbook-index_article_section.article_section .article_img {
		margin: 0 auto;
		width: 320px;
	}
}

.hattatsu-supportbook-index_article_section.article_section .article_list .list_item {
	padding-left: 1em;
	text-indent: -1em;
}
@media screen and (max-width: 768px) {
	.hattatsu-supportbook-index_article_section.article_section .article_list .list_item {
		padding-left: 15px;
		text-indent: 0;
	}
}
@media screen and (max-width: 768px) {
	.hattatsu-supportbook-index_article_section.article_section .article_list .list_item span {
		display: inline-block;
		padding-left: 1em;
		text-indent: -1em;
	}
}

/* --------------------------------
	個別：生きやすい将来について考えるヒント
-------------------------------- */
.hattatsu-message-index_article_section.article_section .article_txt + .article_subH,
.hattatsu-message-index_article_section.article_section .article_note + .article_subH,
.hattatsu-message-index_article_section.article_section .article_img + .article_subH,
.hattatsu-message-index_article_section.article_section .article_list + .article_subH {
	margin-top: 25px;
}
@media screen and (max-width: 768px) {
	.hattatsu-message-index_article_section.article_section .article_txt + .article_subH,
	.hattatsu-message-index_article_section.article_section .article_note + .article_subH,
	.hattatsu-message-index_article_section.article_section .article_img + .article_subH,
	.hattatsu-message-index_article_section.article_section .article_list + .article_subH {
		margin-top: 15px;
	}
}

.hattatsu-message-index_article_section.article_section .article_txt + .article_h,
.hattatsu-message-index_article_section.article_section .article_note + .article_h,
.hattatsu-message-index_article_section.article_section .article_img + .article_h,
.hattatsu-message-index_article_section.article_section .article_list + .article_h {
	margin-top: 25px;
}
@media screen and (max-width: 768px) {
	.hattatsu-message-index_article_section.article_section .article_txt + .article_h,
	.hattatsu-message-index_article_section.article_section .article_note + .article_h,
	.hattatsu-message-index_article_section.article_section .article_img + .article_h,
	.hattatsu-message-index_article_section.article_section .article_list + .article_h {
		margin-top: 15px;
	}
}

.hattatsu-message-index_article_section.article_section .article_txt + .article_txt,
.hattatsu-message-index_article_section.article_section .article_note + .article_txt,
.hattatsu-message-index_article_section.article_section .article_img + .article_txt,
.hattatsu-message-index_article_section.article_section .article_list + .article_txt {
	margin-top: 25px;
}
@media screen and (max-width: 768px) {
	.hattatsu-message-index_article_section.article_section .article_txt + .article_txt,
	.hattatsu-message-index_article_section.article_section .article_note + .article_txt,
	.hattatsu-message-index_article_section.article_section .article_img + .article_txt,
	.hattatsu-message-index_article_section.article_section .article_list + .article_txt {
		margin-top: 15px;
	}
}

.hattatsu-message-index_article_section.article_section .article_subH {
	margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
	.hattatsu-message-index_article_section.article_section .article_subH {
		margin: 15px;
	}
}


.scholarship-index_pointList {
	margin: 40px 0 0;
	padding: 0 0 10px;
}
@media screen and (max-width: 768px) {
	.scholarship-index_pointList {
		margin: 17px 0 0;
		padding: 0;
	}
}
.scholarship-index_pointList .pointList_item {
	position: relative;
	width: 390px;
	background: url(../img/common/bg_repeat_beige.png);
	background-size: 50px 50px;
}
@media screen and (max-width: 768px) {
	.scholarship-index_pointList .pointList_item {
		width: 100%;
	}
}
.scholarship-index_pointList .pointList_item:before {
	content: "";
	display: block;
	position: absolute;
	z-index: 2; 
	right: 0;
	width: 89px;
	height: 72px;
}
.scholarship-index_pointList .pointList_item:nth-child(odd) {
	float: left;
}
.scholarship-index_pointList .pointList_item:nth-child(even) {
	float: right;
}
@media screen and (max-width: 768px) {
	.scholarship-index_pointList .pointList_item:nth-child(n+2) {
		margin-top: 25px;
	}
}
.scholarship-index_pointList .pointList_item:nth-child(n+3) {
	margin-top: 30px;
}
@media screen and (max-width: 768px) {
	.scholarship-index_pointList .pointList_item:nth-child(n+3) {
		margin-top: 25px;
	}
}
.scholarship-index_pointList .pointList_item:nth-child(1):before {
	bottom: -19px;
	background: url(../img/personality/hattatsu/common/pointlist_item_01_img.png) no-repeat;
	background-size: 100% auto;
}
@media screen and (max-width: 768px) {
	.scholarship-index_pointList .pointList_item:nth-child(1):before {
		right: 30px;
		bottom: -25px;
		width: 30px;
		height: 47px;
		background: url(../img/personality/hattatsu/common/pointlist_item_01_img_sp.png) no-repeat;
		background-size: 100% auto;
	}
}
.scholarship-index_pointList .pointList_item:nth-child(4):before {
	bottom: -21px;
	background: url(../img/personality/hattatsu/common/pointlist_item_02_img.png) no-repeat;
	background-size: 100% auto;
}
@media screen and (max-width: 768px) {
	.scholarship-index_pointList .pointList_item:nth-child(4):before {
		top: -53px;
		right: 24px;
		bottom: auto;
		width: 25px;
		height: 55px;
		background: url(../img/personality/hattatsu/common/pointlist_item_02_img_sp.png) no-repeat;
		background-size: 100% auto;
	}
}
.scholarship-index_pointList .pointList_item:nth-child(5):before {
	bottom: -15px;
	background: url(../img/personality/hattatsu/common/pointlist_item_03_img.png) no-repeat;
	background-size: 100% auto;
}
@media screen and (max-width: 768px) {
	.scholarship-index_pointList .pointList_item:nth-child(5):before {
		right: 23px;
		bottom: -14px;
		width: 43px;
		height: 43px;
		background: url(../img/personality/hattatsu/common/pointlist_item_03_img_sp.png) no-repeat;
		background-size: 100% auto;
	}
}
.scholarship-index_pointList .pointList_item .item_inner {
	overflow: hidden;
	position: relative;
	padding: 17px 20px 47px;
	height: 100%;
}
@media screen and (max-width: 768px) {
	.scholarship-index_pointList .pointList_item .item_inner {
		padding: 20px 15px 25px;
	}
}
.scholarship-index_pointList .pointList_item .item_inner:before,
.scholarship-index_pointList .pointList_item .item_inner:after {
	content: "";
	display: block;
	position: absolute;
}
.scholarship-index_pointList .pointList_item .item_inner:before {
	bottom: 0;
	left: 0;
	width: 142px;
	height: 160px;
	background: url(../img/personality/hattatsu/common/pointlist_item_bg_l.png) no-repeat;
	background-size: 100% auto;
}
@media screen and (max-width: 768px) {
	.scholarship-index_pointList .pointList_item .item_inner:before {
		width: 119px;
		height: 135px;
	}
}
.scholarship-index_pointList .pointList_item .item_inner:after {
	top: 0;
	right: 0;
	width: 133px;
	height: 230px;
	background: url(../img/personality/hattatsu/common/pointlist_item_bg_r.png) no-repeat;
	background-size: 100% auto;
}
@media screen and (max-width: 768px) {
	.scholarship-index_pointList .pointList_item .item_inner:after {
		width: 137px;
		height: 202px;
	}
}
.scholarship-index_pointList .pointList_item .item_h {
	position: relative;
	z-index: 1; 
	color: #e9463f;
	font-size: 32px;
	font-size: 2.0rem;
}
@media screen and (max-width: 768px) {
	.scholarship-index_pointList .pointList_item .item_h {
		font-size: 1.7rem;
	}
}
.scholarship-index_pointList .pointList_item .item_h_num {
	display: inline-block;
	position: relative;
	z-index: 1; 
	margin-right: 10px;
	padding: 15px 0;
	width: 50px;
	height: 50px;
	background: url(../img/personality/hattatsu/common/pointlist_item_num_bg.png) no-repeat;
	background-size: 100% auto;
	text-align: center;
	color: #fff;
	line-height: 1;
}
@media screen and (max-width: 768px) {
	.scholarship-index_pointList .pointList_item .item_h_num {
		margin-right: 13px;
		margin-left: -5px;
		padding: 9px 0;
		width: 35px;
		height: 33px;
	}
}
.scholarship-index_pointList .pointList_item .item_txt {
	position: relative;
	z-index: 1;
	padding: 16px 0px 0;
	font-size: 22.4px;
	font-size: 1.4rem;
	font-weight: bold; 
	line-height: 1.85;
}
.scholarship-index_pointList .pointList_item .item_txt span,
.scholarship-index_pointList .pointList_item .item_txt.item_link {
	font-weight: normal;
}
@media screen and (max-width: 768px) {
	.scholarship-index_pointList .pointList_item .item_txt {
		padding: 11px 0 0;
		font-size: 1.3rem;
		line-height: 1.7;
	}
}
.scholarship-index_pointList .pointList_item .item_txt.is-list {
}