@charset "UTF-8";
main{
	counter-reset: step 0;
	background-image: url(../img/bg_repeat.png);
}
main h2{
	background-image: url(../img/bg_line.png);
}
main h3{
	color: #4aa3ca;
}
/*main h3 span{
	display: block;
	margin-top: 5px;
	font-size: 0.8em;
	font-weight: normal;
}*/
main h4{
	font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO", sans-serif;
	color: #4aa3ca;
}
main .step:before{
	counter-increment: step 1;
	content: "STEP" counter(step);
	display: inline-block;
	margin: 0 3% 0 0;
	padding: 15px;
	max-width: 15%;
	border-left: 20px solid #0069a0;
	background: #1fade6;
	color: #fff;
	font-weight: bold;
	font-size: 1.8rem;
	line-height: 1;
	letter-spacing: 1px;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
}

#side ul li.current{
	background-color: rgba(74, 163, 202, 0.2);
}

.thanks{
	margin-bottom: 50px;
}
.thanks > div{
	margin: 50px 0 0;
	padding: 4%;
	background: #fdfdff;
	border-left-width: 6px;
	border-left-style: solid;
	text-align: left;
}
.thanks > div.color1{border-left-color: #f6bbdb;}
.thanks > div.color2{border-left-color: #ccb77c;}
.thanks > div.color3{border-left-color: #bdbdbd;}
.thanks > div.color4{border-left-color: #f08437;}
.thanks > div.color5{border-left-color: #aea1cb;}
.thanks > div.color6{border-left-color: #76bce6;}
.thanks > div.color7{border-left-color: #bb9d89;}
.thanks > div.color8{border-left-color: #8fc776;}
.thanks > div h4{
	margin: 0 0 25px;
	font-weight: bold;
	font-size: 2.4rem;
	font-family: inherit;
	line-height: 1;
}
.thanks > div.color1 h4{color: #f6bbdb;}
.thanks > div.color2 h4{color: #ccb77c;}
.thanks > div.color3 h4{color: #bdbdbd;}
.thanks > div.color4 h4{color: #f08437;}
.thanks > div.color5 h4{color: #aea1cb;}
.thanks > div.color6 h4{color: #76bce6;}
.thanks > div.color7 h4{color: #bb9d89;}
.thanks > div.color8 h4{color: #8fc776;}

#author.face:before{
	border-color: #1fade6;
}
#author.face.ohishi:before{background-image: url(../img/teacher_ohishi_face.jpg);}
#author.face.ohsawa:before{background-image: url(../img/teacher_ohsawa_face.jpg);}
#author.face.yahata:before{background-image: url(../img/teacher_yahata_face.jpg);}
#author.face.umehara:before{background-image: url(../img/teacher_umehara_face.jpg);}
#author.face.ishibashi:before{background-image: url(../img/teacher_ishibashi_face.jpg);}
#author.face.tahashi:before{background-image: url(../img/teacher_tahashi_face.jpg);}
#author.face.kuwahara:before{background-image: url(../img/teacher_kuwahara_face.jpg);}
#author.face.hikasa:before{background-image: url(../img/teacher_hikasa_face.jpg);}
#author.face.nagai:before{background-image: url(../img/teacher_nagai_face.png);}
#author.face.asonuma:before{background-image: url(../img/teacher_asonuma_face.png);}
#author strong{
	color: #4aa3ca;
}


.blueCell{
	border:3px solid #4aa3ca;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
	padding:20px;
	margin:20px 0;
	text-align: left;
}

.blueCell2{
	display: flex;
	justify-content: space-between;
	
	
}



.blueCell2 .cell1{
	width:58%;
}

.blueCell2 .cell2{
	width:40%;
}

.blueCell h4{
	margin:0;
	margin-bottom:30px;
}

.smallWord{
	font-size:12px;
}

@media screen and (max-width: 1023px) {
	
	.blueCell2{
		display: block;}
	
	
	.blueCell2 .cell1,.blueCell2 .cell2{
	width:100%;
}
	
	main .step:before{
		padding: 8px;
		border-left-width: 10px;
		font-size: 1.4rem;
		letter-spacing: 0;
	}

	.thanks{
		margin-bottom: 30px;
	}
	.thanks > div{
		margin-top: 20px;
		padding: 15px 20px;
		border-left-width: 3px;
	}
	.thanks > div h4{
		margin-bottom: 10px;
		font-size: 1.8rem;
	}
}