@charset "utf-8";
/* CSS Document */

a.link{
	color: #363636;
	text-decoration: underline;
}

a.link:hover{
	text-decoration: none;
	color: #f34248;
}

.text-center {
  text-align: center;
}



/*------------------------

試験のご紹介

------------------------*/
.about-box01{
	margin-bottom: 2.65em;
}

.about-box01 p.text-center{
	line-height: 2;
}

.about-box01 p.text-center a{
	text-decoration: underline;
}

.about-box01 p.text-center a:hover{
	text-decoration: none;
}

.about-box01 .main-image{
	display: block;
	margin: 2.35em auto 0;
}

.about-box02{
	margin-bottom: 4.65em;
}

.about-box02 .col-4{
	text-align: center;
	margin: .85em 0 3.65em;
}

.about-box02 .col-4 span{
	display: block;
	background: url(../../about/img/point-line-l.png) no-repeat left bottom,url(../../about/img/point-line-r.png) no-repeat right bottom;
	min-height: 16px;
	font-size: 3rem;
	font-weight: normal;
	color: #ec2675;
	width: 140px;
	margin: 0 auto .5em;
	line-height: .8;
}

.about-box02 .illust{
	display: block;
	margin: 0 auto;
}

.course-table{
	border: 3px solid #bfbfbf;
	max-width: 980px;
	margin: 0 auto 5.65em;
}

.course-table td,
.course-table th{
	border-bottom: 1px solid #bfbfbf;
}

.course-table td{
	border-left: 1px solid #bfbfbf;
	padding: 1em 1.25em;
	letter-spacing: normal;
	font-size: 1.3rem;
}

.course-table th{
	background-color: #efefef;
	width: 20%;
	text-align: center;
	padding: 1.25em 0;
	vertical-align: middle;
}

.course-table td.text-center{
	vertical-align: middle;
	text-align: center;
}

.course-table thead td{
	font-size: 1.2rem;
	color: #ffffff;
	background-color: #96d277;
	padding: 1em 1em 0;
	width: 26.666666%;
	letter-spacing: 0;
}

.course-table thead td:nth-child(3){
	background-color: #75ccc6;
}

.course-table thead td:nth-child(4){
	background-color: #85ace1;
}

.course-table thead td em{
	display: block;
	font-size: 4rem;
	font-weight: bold;
	line-height: 1.15;
}

.course-table thead td img{
	display: block;
	float: left;
	margin-top: -.35em;
}

.course-table tbody td{
	background-color: #eef7ea;
}

.course-table tbody td:nth-last-child(2){
	background-color: #e6f5f4;
}

.course-table tbody td:last-child{
	background-color: #e7eef8;
}

.course-table tbody tr:nth-child(5) td{
	vertical-align: top;
}

.course-table .blue-box{
	counter-reset: story;
	background-color: #1070cf !important;
	font-weight: bold;
	color: #ffffff;
	border-bottom: none !important;
}

.course-table .blue-box li{
	list-style: none;
	counter-increment: story;
	text-indent: -1.35em;
	padding-left: 2.35em;
}

.course-table .blue-box li:before{
	display: inline-block;
  content: "（" counter(story) "）" ;
}

.course-table li{
	text-indent: -1em;
	padding-left: 1em;
}

.course-table tbody td small{
	display: block;
	line-height: 1.35em;
	margin-top: .85em;
}



.list_box {
    border: solid 1px #1070cf;
    padding: 2rem;
    margin-bottom: 30px;
}

.list_box .flex {
    justify-content: center;
    display: flex;
}

.list_box .flex a {
    font-size: 16px;
    margin: 0 20px;
}


@media only screen and (max-width: 1023px) {
.about-box01{
	margin-bottom: 1.65em;
}
	
.about-box01 p.text-center{
	line-height: 1.61;
}
	
.about-box02{
	margin-bottom: 2.65em;
}

.about-box02 .col-4{
	margin: .85em 0 3.65em;
}

.course-table{
	margin: 0 auto 3.65em;
}

.course-table td{
	padding: 1em 1.25em;
	font-size: 1.3rem;
}
	
.course-table th {
    width: 10%;
    min-width: 150px;
}

.course-table thead td{
	width: 30%;
	padding: 1em;
	text-align: center;
}

.course-table thead td em{
	display: inline;
	font-size: 2.2rem;
}

.course-table thead td img{
	float: none;
	margin: -2.35em auto .95em;
}
	
}

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

.text-center{
	text-align: left;
}

.about-box01 .main-image{
	margin: 1.65em auto 0;
}

.about-box02{
	margin-bottom: 2.35em;
}

.about-box02 .col-4{
	margin: 0 0 1.65em;
}

.course-table{
	border: 3px solid #bfbfbf;
	margin: 0 auto 2.65em;
}

.course-table th{
	border: 0;
}
	
.course-table td{
	width: 100%;
	border: 0;
	padding: .6em .8em;
	font-size: 1.2rem;
}

.course-table th{
	width: 100%;
	padding: .5em 0;
}

.course-table td.text-center{
	vertical-align: middle;
	text-align: left;
}

.course-table thead td{
	font-size: 1.2rem;
	color: #6ec541;
	background-color: #ffffff;
	padding: 2em 1em 3.65em;
	width: 100%;
	text-align: left;
}
	
.course-table thead td:nth-child(3){
	background-color: #ffffff;
	color: #37b8af;
	padding: 0 1em 3.65em;
}

.course-table thead td:nth-child(4){
	background-color: #ffffff;
	color: #4075bc;
	padding: 0 1em 3.65em;
	}
	
.course-table thead td img {
    float: left;
    margin: -.85em 1em 0 0;
    width: 20%;
    max-width: 112px;
}

.course-table tbody td{
	background-color:transparent;
	padding: .6em .8em 0;
}

.course-table tbody td:nth-last-child(2){
	background-color:transparent;
}

.course-table tbody td:last-child{
	background-color:transparent;
	padding-bottom: .8em;
}

.course-table tbody td:before{
	display: block;
	content: "Ⅰ種（マスターコース）";
	color: #6ec541;
	font-size: 1.4rem;
	font-weight: bold;
	margin: .45em 0 .25em;
}

.course-table tbody td:nth-last-child(2):before{
	content: "Ⅱ種（ラインケアコース）";
	color: #37b8af;
}

.course-table tbody td:last-child:before{
	content: "Ⅲ種（セルフケアコース）";
	color: #4075bc;
}

.course-table .blue-box{
	background-color: #fff799 !important;
	color: #3e3a0b;
	}
	
.course-table .blue-box:before{
		display: none;
	}
	
.course-table .blue-box li{
	text-indent: -1.35em;
	padding-left: 2.35em;
}

.course-table li{
	text-indent: -1em;
	padding-left: 1em;
}

.course-table tbody td small{
	margin-top: .45em;
}
	
.list_box {

}

.list_box .flex {flex-wrap: wrap;display: block;}

.list_box .flex a {

display: block;

margin: 0;
}
}