/******************** common */
#page-wrapper{
    width: 760px;
    margin: 0 auto;
    position: relative;
	font-size:15px;
	line-height: 20px;
	color: #3e312b;
/*    z-index: 1;*/
/*    padding:30px;*/
}

#page-wrapper p{
	font-family: "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-feature-settings: "palt"
}

#page-wrapper img{
	width: 100%;
}

#page-wrapper .pl-10{
	padding-left:10px;
}

#page-wrapper .w680{
    width: 730px;
    margin: 0 auto;
    position: relative;
}

#page-wrapper .w510{
    width: 510px;
    margin: 0 auto;
    text-align: center;
}

#page-wrapper .w510 p{
  word-wrap: break-word;
  margin: 0 auto;
  font-size: 1.334em;
  color: #47372c;
  line-height: 1.6em;
}

/******************** top */

#page-wrapper .ja{
	width:40%;
	padding:20px;
	position: absolute;
	z-index:20;
}

#page-wrapper .ja img{
	width:100%;
}

#page-wrapper .header {
	width:100%;
	margin: auto;
	position: relative;
	z-index:10;
}

#page-wrapper .header img{
	width:100%;
}

/*************************ヘッダー下部コメント*/

#page-wrapper .header-comment{
	text-align: center;
	margin-top:30px;
}


#page-wrapper .content{
	background: url(img/background.jpg);
	background-size: contain;
}

/***************************コンテンツ*/

#page-wrapper .comment{
	width:68%;
	margin: auto;
	padding:1em 0 3em;
}

#page-wrapper .comment img{
	width:100%;
}

#page-wrapper .teacher{
	width:95%;
	margin: auto;
	position: relative;
	padding-bottom: 1em;
}

#page-wrapper .teacher .icon{
	width:140px;
	position: absolute;
	top:-25%;
	right:-1%;
}

#page-wrapper .main{
	margin: 2em auto 0;
	padding-bottom: 4em;
}

/***********************font-sizeと米印*/

#page-wrapper .size-18{
	font-size: 18px;
}

#page-wrapper .size-16-5{
	font-size: 16.5px;
}

#page-wrapper .size-15{
	font-size: 15px;
}

#page-wrapper .size-14-4{
	font-size: 14.4px;
}

#page-wrapper .kome{
	padding-left: 0.9em;
	text-indent: -0.9em;
}