/**************************
Compass Text Replacement
*/
/**************************
Inline List
*/
/**************************
Inline Block List
*/
/**************************
horizontal-list
*/
/**************************
Bullets
*/
/* simple clearfix */
/**************************
@mixin for sprite
*/


.mt30 {margin-top: 30px;}
.mt50 {margin-top: 50px;}
.mt70 {margin-top: 70px;}
.mb70 {margin-bottom: 70px;}

.pd30 {padding-top: 30px;}

.text_center {
	text-align: center;
}
.text_me {
	text-align: justify;
}
.text_yoko {
	display: flex;
	justify-content: center;
}


.w_img {
	width: 120px;
}

.w520_text {
	width: 520px;
	margin-left: 20px;
}

.text1 {
	position: relative;
	letter-spacing: 5px;
	color: #1e7dd8;
	font-size: 30px;
	display: inline-block;
	margin-bottom: 1.2em;
	top: 15px;
	font-family: 'Noto Sans JP', sans-serif;
}

.text1::after{
	content: "";
  	position: absolute;
  	left: 50%;
  	bottom: -13px; /*下線の上下位置調整*/
  	display: inline-block;
  	width: 220px; /*下線の幅*/
  	-moz-transform: translateX(-50%);
  	-webkit-transform: translateX(-50%);
  	-ms-transform: translateX(-50%);
  	transform: translate(-50%); /*位置調整*/
  	border-bottom: solid 2px #c3c8cd /*下線の色*/
}

.text1_right {
	text-align: right;
}
.text1_b {
	font-size: 1.5em;
	font-weight: 600;
	color: #041640;
	font-family: 'Noto Sans JP', sans-serif;
}

@media screen and (max-width: 750px) {
	.text_yoko {
		display: inline;
		justify-content: center;
	}
	.w_img {
		margin: auto;
		padding-top: 15px;
	}
	.w520_text {
		width: 100%;
		margin: auto;
		text-align: center;
	}
	.text1_right {
		text-align: center;
	}
}

@media screen and (max-width: 550px) {
	.text1 {
		font-size: 25px;
		letter-spacing: 3px;
	}
}

/*テキスト*/

.course_area_me .image_area_me {
	background-size: cover;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-ms-flex-positive: 0;
	    flex-grow: 0;
	position: relative;
	top: 0;
	left: 0;
	z-index: 99;
}
.image_area_me{
	width: 100%;
	display: flex;
	border-bottom: 4px solid #92cf42;
	margin-bottom: 25px;
	align-items: baseline;
	flex-basis: auto;
}
.info_me {
	max-width: 569px;
}
.info_me>img{
	width: 100%;
}
.title_side {
	max-width: 301px;
}
.title_side>img {
	width: 100%;
}
.tb_show {
	display: none;
}

@media screen and (max-width: 750px) {
	.image_area_me{
		display: block;
	}
	.tb_none{
		display: none;
	}
	.tb_show {
		display: block;
		max-width: 300px;
		margin: 0 auto;
	}
	.text_area__inner_me{
		margin-bottom: 20px;
	}
}


@media screen and (max-width: 449px) {
	.course_area_me {
		max-width: 100%;
	}
	.course_area_me .info_me{
		position: static;
	}
	.title_info {
		font-size: 18px;
		letter-spacing: inherit;
	}
}

@media screen and (min-width: 768px) and (max-width: 999px) {
	.course_area_me .image_area_me {
		background-position: center center;
		-ms-flex-preferred-size: 300px;
		    flex-basis: 300px;
	}
}


@media screen and (max-width: 449px) {
	.course_area_me .image_area_me {
		background-position: top center;
		/*height: 50px;*/
	}
	.course_area_me .info_me {
		width: 100%;
	}
}



@media screen and (min-width: 1000px), print {
	.course_area_me .info_me {
		bottom: -20px;
	}
}

@media screen and (max-width: 999px) {
	.course_area_me .info_me {
		bottom: -18px;
	}
}


.course_area_me .text_area_me {
	background-color: #f4f9ff;
	position: relative;
	top: 0;
	left: 0;
	z-index: 2;
	width: 865px;
	margin-left: auto;
}
@media screen and (max-width: 999px) {
	.course_area_me .text_area_me{
		width: auto;
	}
}

@media screen and (max-width: 449px) {
	.course_area_me .text_area_me {
		padding: 20px;
	}
}

@media screen and (max-width: 449px) {
	.course_area_me .text_area__inner_me {
		border: 0;
		padding: 0px;
	}
}

.course_area-odd_me .text_area__inner_me {
	top: -10px;
	right: 10px;
}

@media screen and (max-width: 449px) {
	.course_area-odd_me .text_area__inner_me {
		top: 0;
		right: 0;
	}
}

.course_area-odd_me .image_area_me {
	-ms-flex-order: 1;
	    order: 1;
}

.course_area-odd_me .text_area_me {
	-ms-flex-order: 2;
	    order: 2;
}


.course_area_me .text_area__inner_me {
	line-height: 2;
}

@media screen and (max-width: 449px) {
	.course_area_me .text_area__inner_me {
		border: 0;
		padding: 0px;
	}
}

.course_area-odd_me .text_area__inner_me {
	top: -10px;
	right: 10px;
}

@media screen and (max-width: 449px) {
	.course_area-odd_me .text_area__inner_me {
		top: 0;
		right: 0;
	}
}

.course_area-odd_me .text_area_me {
	-ms-flex-order: 2;
	    order: 2;
}



.course_area-even_me .text_area__inner_me {
	top: 10px;
	left: 10px;
}

@media screen and (max-width: 449px) {
	.course_area-even_me .text_area__inner_me {
		top: 0;
		left: 0;
	}
}

.course_area-even_me .image_area_me {
	-ms-flex-order: 2;
	    order: 2;
}

.course_area-even_me .text_area_me {
	-ms-flex-order: 1;
	    order: 1;
}

/*アイコン*/
.message_list {display: flex;}
.message_list .icon {
	background-color: #75a932;
	margin-right: .4em;
}


@media screen and (min-width: 1000px), print {
	.message_list .icon {
		width: 22px;
		height: 22px;
		border-radius: 15px;
		margin-top: 1px
	}
}

@media screen and (max-width: 999px) {
	.message_list .icon {
		width: 20px;
		height: 20px;
		border-radius: 10px;
	}
	.message_list h5 {
		padding-top: 0px;
}
}

.message_list .icon img {
	max-width: 100%;
}

.text_jimu {
	background-color: #f4f9ff;
	padding: 40px;
	margin-bottom: 30px;
}
@media screen and (min-width:749px){
	.jimu_list > li:nth-of-type(1){
		margin-bottom: 22px!important;
	}
	.jimu_list > li:nth-of-type(2){
		margin-bottom: 71px!important;
	}
}

.jimu_list > li:not(:last-child) {
	margin-bottom: 80px;
}

.jimu_top {
	margin-top: 70px;
	padding: 0 20px;
}


@media screen and (max-width: 449px){
	.jimu_list > li:not(:last-child) {
		margin-bottom: 50px;
	}
	.jimu_top {margin-top: 20px;}
}

@media screen and (max-width: 768px){
	.text_jimu {
		padding: 20px;
	}
}