@charset "utf-8";

#visual			{ padding:36.4% 0 0 0;}
#visual h1		{ position:absolute; top:40.44%; left:12.19%; width:24.48%;}

#main{
	padding:0 0 0 0;
	font-size:14px;
	background:url(../../img/message_bg.png) 50% 0 repeat-y;
	-webkit-background-size:100% auto;
	background-size:100% auto;
}


#main h1{
	margin:50px auto 80px auto;
	text-align:center;
	line-height:1.8;
	font-size:28px;
	letter-spacing:-1px;
	-webkit-font-smoothing: antialiased;
}
#main h1:first-line{
	font-size:34px;
}

#main h2{
	margin:30px auto 20px 40px;
	font-size:26px;
	letter-spacing:-1px;
}

/*プロフ----------------------------*/
#profile{
	width:auto;
	padding:20px 0 30px 0;
	margin:0 auto;
	max-width:1000px;
}
#profile li{
	float:left;
	width:33.3%;
	text-align:center;
	line-height:1.4;
	font-size:16px;
	-webkit-font-smoothing: antialiased;
}
#profile li p{
	margin:0 auto 10px auto;
	font-size:15px;
	letter-spacing:-1px;
	font-weight:bold;
}
#profile li p:first-line{
	font-size:34px;
	line-height:1.2;
	letter-spacing:0;
	font-weight:normal;
}

/*会話レイアウト----------------------------*/
#session{
	max-width:1875px;
	margin:60px auto 0 auto;
}

#session li{
	float:left;
	width:50%;
	margin:0 0 60px 0;
	font-size:2.0em;overflow:hidden;
	font-size:20px;
	line-height:1.6;
	-webkit-font-smoothing: antialiased;
}
#session li:nth-child(odd){
	clear:both;
	float:left;
}
#session li:nth-of-type(2){
	background:url(../img/session1.png) no-repeat;
	background-position:32px 10px;
	background-size:90%;
}
#session li:nth-of-type(3){
	background:url(../img/session2.png) no-repeat;
	background-position:32px 10px;
	background-size:90%;
}
#session li:nth-of-type(6){
	background:url(../img/session3.png) no-repeat;
	background-position:32px 10px;
	background-size:90%;
}
#session li:nth-of-type(7){
	background:url(../img/session4.png) no-repeat;
	background-position:32px 10px;
	background-size:90%;
	}
#session li img{width:100%;}

/*会話文----------------------------*/
#main dl{
	margin:40px auto 60px 40px;
	line-height:1.8;
	font-size:14px;
}
#main dl dt{
	clear:both;
	float:left;
	background:url(../img/dotted.png) no-repeat;
	background-position: right;
	width:65px;
	margin:0 25px 20px 0;
	color:#1a3865;
	overflow:hidden;
}
#main dl dd{
	margin:0 0 20px 0;
	padding:0 20px 0 0;
	-webkit-font-smoothing: antialiased;
	overflow:hidden;
}




@media screen and (min-width:1200px) and (max-width:1500px)	{ #main{ font-size:13px;}}
@media screen and (max-width:1199px)						{ #main{ font-size:12px;}}
@media screen and (max-width: 959px){


	#visual			{ padding:46.875% 0 80px 0;}
	#visual h1		{ top:auto; bottom:19px; left:50%; width:186px; margin:0 0 0 -93px;}


	#main			{ padding:0; background:none;}


}
@media screen and (max-width: 570px) and (orientation:landscape), screen and (min-width: 571px) and (max-width: 959px){
	#main h1{
		margin:20px auto 20px auto;
		font-size:18px;
		line-height:1.4;
	}
	#main h1:first-line{
		font-size:18px;
	}
	
	#main h2{
	    margin:30px auto 20px 2%;
	    font-size:22px;
    	}
	
	/*プロフ----------------------------*/
	#profile{
		padding:20px 0 10px 0;
	}
	#profile li{
		width:50%;
		margin:0 0 15px 0;
		text-align:left;
		font-size:14px;
		letter-spacing:-1px;
	}
	#profile li:after{
		content:'';
		display:block;
		clear:both;
	}
	#profile li img{
		float:left;
		width:40%;
		margin:0 5px 10px 0;
	}
	#profile li p{
		font-size:14px;
	}
	#profile li p:first-line{
		font-size:24px;
		line-height:1.2;
		letter-spacing:0;
	}
	/*会話レイアウト----------------------------*/
	#session li{
		float:none;
		width:100%;
		margin:0 0 20px 0;
	}
	#session li:nth-of-type(2){
		background-position:0 0;
		background-size:100%;
	}
	#session li:nth-of-type(4){
		background:url(../img/session2.png) no-repeat;
		background-position:0 0;
		background-size:100%;
	}
	#session li:nth-of-type(7){
		background:url(../img/session3.png) no-repeat;
		background-position:0 0;
		background-size:100%;
	}
	#session li:nth-of-type(8){
		background:url(../img/session4.png) no-repeat;
		background-position:0 0;
		background-size:100%;
	}
	
	
	/*会話文----------------------------*/
	#main dl{
		margin:40px 2% 0 2%;
	}
	#main dl dt{
		margin:0 10px 20px 0;
	}
	#main dl dd{
		padding:0 0 0 0;
	}

}
@media screen and (max-width: 570px) and (orientation:portrait){

	#main h1{
		margin:20px auto 20px auto;
		font-size:18px;
		line-height:1.4;
	}
	#main h1:first-line{
		font-size:18px;
	}
	
	#main h2{
	    margin:30px auto 20px 2%;
	    font-size:22px;
    	}
	
	/*プロフ----------------------------*/
	#profile{
		padding:20px 0 10px 0;
	}
	#profile li{
		float:none;
		width:100%;
		margin:0 0 15px 0;
		text-align:left;
		font-size:14px;
		letter-spacing:-1px;
	}
	#profile li:after{
		content:'';
		display:block;
		clear:both;
	}
	#profile li img{
		float:left;
		width:40%;
		margin:0 5px 10px 0;
	}
	#profile li p{
		font-size:14px;
	}
	#profile li p:first-line{
		font-size:24px;
		line-height:1.2;
		letter-spacing:0;
	}
	/*会話レイアウト----------------------------*/
	#session li{
		float:none;
		width:100%;
		margin:0 0 20px 0;
	}
	#session li:nth-of-type(2){
		background-position:0 0;
		background-size:100%;
	}
	#session li:nth-of-type(4){
		background:url(../img/session2.png) no-repeat;
		background-position:0 0;
		background-size:100%;
	}
	#session li:nth-of-type(6){
		background:url(../img/session3.png) no-repeat;
		background-position:0 0;
		background-size:100%;
	}
	#session li:nth-of-type(7){
		background:url(../img/session4.png) no-repeat;
		background-position:0 0;
		background-size:100%;
	}
	
	/*会話文----------------------------*/
	#main dl{
		margin:40px 2% 0 2%;
	}
	#main dl dt{
		margin:0 10px 20px 0;
	}
	#main dl dd{
		padding:0 0 0 0;
	}


}