@charset "utf-8";

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

#main			{ padding:4.17% 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 dl>dt		{ padding:1px 10px 0 10px; color:#fff; background:#5e9b51;}
#main dl dl>dt	{ color:#5e9b51; background:transparent; border-bottom:solid 1px #5e9b51;}

#c01			{ width:50%; float:left;}
#c01:after		{ content:''; display:block; clear:both;}
#c01 dl			{ width:100%; max-width:500px; padding:0 35px 0 15px; -webkit-box-sizing:border-box; box-sizing:border-box; float:right;}
#c01 dd			{ padding:4.6% 10px 7.8% 10px;}
#c01 img		{ width:80%; margin:20px 0 0;}

#c011			{ width:50%; float:right;}
#c011:after		{ content:''; display:block; clear:both;}
#c011 dl		{ width:100%; max-width:500px; -webkit-box-sizing:border-box; box-sizing:border-box;}
#c011 dd		{ padding:4.6% 10px 7.8% 10px;}
#c011 img		{ width:80%; margin:20px 0 0;}

#pic01			{ width:50%; float:right;}

#c02			{ max-width:970px; margin:0 auto; padding:5.21% 15px 4.69% 15px; text-align:center; clear:both;}
#c02 li			{ width:50%; -webkit-box-sizing:border-box; box-sizing:border-box; float:left;}
#c02 ul>li:nth-child(1)		{ padding:0 5px 0 0;}
#c02 ul>li:nth-child(2)		{ padding:0 0 0 5px;}
#c02 ul>li:nth-child(1) dt	{ padding:5% 8% 1.3% 2%;}
#c02 ul>li:nth-child(2) dt	{ padding:5% 2% 1.3% 8%;}
#c02 dl p		{ height:3.5em;}
#c02 ul>li:nth-child(1) p	{ padding:3% 8% 4% 2%;}
#c02 ul>li:nth-child(2) p	{ padding:3% 2% 4% 8%;}
#c02 div		{ position:relative; height:0; padding:90% 0 0 0;}
#c02 ul>li:nth-child(1) div	{ margin:0 8% 0 2%;}
#c02 ul>li:nth-child(2) div	{ margin:0 2% 0 8%;}
#c02 iframe		{ position:absolute; top:0; left:0; width:100%; height:100%;}

/*-----
#pic02			{ width:50%; float:left;}
------*/

#pic02			{ width:50%; margin:0 auto;}

#c03			{ width:50%; float:right;}
#c03:after		{ content:''; display:block; clear:both;}
#c03 dl			{ width:100%; max-width:500px; padding:0 15px 0 35px; -webkit-box-sizing:border-box; box-sizing:border-box; float:left;}
#c03 dd			{ padding:2% 10px 10% 10px;}

#c04			{ max-width:970px; margin:0 auto; padding:1% 15px 2.3% 15px; clear:both;}
#c04>dt			{ text-align:center;}
#c04 li			{ width:33.3%; -webkit-box-sizing:border-box; box-sizing:border-box; float:left;}
#c04 ul>li:nth-child(1)	{ padding:0 7px 0 0;}
#c04 ul>li:nth-child(2)	{ padding:0 3px 0 3px;}
#c04 ul>li:nth-child(3)	{ padding:0 0 0 7px;}
#c04 li dt			{ padding:11% 0 1% 0;}
#c04 li dd			{ padding:2% 0 1.3% 0;}



#main dl>dt			{ font-size:1.57em; line-height:1.6;}
#c01 dd				{ font-size:1.29em;}
#c011 dd				{ font-size:1.29em;}
#c02 dl dt			{ font-size:1.64em;}
#c02 dl dd			{ font-size:1.14em; line-height:1.75;}
#c03 dd				{ font-size:1.14em; line-height:2.0;}
#c04 dl dt			{ font-size:1.43em;}
#c04 dl dd			{ font-size:1.00em; line-height:1.6;}

@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){
	#main dl>dt		{ font-size:14px; line-height:1.6;}
	#c01 dd			{ font-size:12px;}
	#c01 img		{ width:35%; margin:20px 0 0;}
	#c011 dd			{ font-size:12px;}
	#c011 img		{ width:35%; margin:20px 0 0;}
	#c02 dl dt		{ font-size:14px;}
	#c02 dl dd		{ font-size:12px; line-height:1.75;}
	#c03 dd			{ font-size:12px; line-height:1.75;}
	#c04 dl dt		{ font-size:13px;}
	#c04 dl dd		{ font-size:12px; line-height:1.75;}


	#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;}

	#main dl>dt		{ padding:2px 5px 1px 5px;}
	#main dl dl>dt	{}

	#c01			{ width:100%; float:none;}
	#c01 dl			{ width:100%; max-width:none; padding:0 5px; float:none;}
	#c01 dd			{ padding:10px 5px 15px 5px;}
	
	#c011			{ width:100%; float:none;}
	#c011 dl			{ width:100%; max-width:none; padding:0 5px; float:none;}
	#c011 dd			{ padding:10px 5px 15px 5px;}

	#pic01			{ width:56.1%; min-width:320px; margin:5px auto 0 auto; float:none;}

	#c02			{ padding:20px 5px 30px 5px;}
	#c02>dt			{ text-align:left;}
	#c02 ul>li:nth-child(1)	{ padding:0 5px 0 0;}
	#c02 ul>li:nth-child(2)	{ padding:0 0 0 5px;}

	#c02 ul>li:nth-child(1) dt,
	#c02 ul>li:nth-child(2) dt	{ padding:18px 0 2px 0;}

	#c02 dl p		{ height:3.5em;}
	#c02 ul>li:nth-child(1) p,
	#c02 ul>li:nth-child(2) p	{ padding:6px 0 12px 0;}
	#c02 div		{ width:78.2%; padding:78.2% 0 0 0;}
	#c02 ul>li:nth-child(1) div,
	#c02 ul>li:nth-child(2) div	{ margin:0 auto;}

	#pic02			{ width:50%; min-width:320px; margin:0 auto; float:none;}

	#c03			{ width:100%; padding:30px 0 0 0; float:none;}
	#c03 dl			{ width:100%; max-width:none; padding:0 5px; float:none;}
	#c03 dd			{ padding:8px 1px 20px 1px;}

	#c04			{ padding:5px 5px 0 5px;}
	#c04>dt			{ text-align:left;}
	#c04 li			{ width:100%; float:none;}
	#c04 ul>li:nth-child(1),
	#c04 ul>li:nth-child(2),
	#c04 ul>li:nth-child(3)	{ padding:0;}
	#c04 li dt		{ padding:15px 0 0 0;}
	#c04 li dd		{ padding:12px 0 4px 0;}
}
@media screen and (max-width: 570px) and (orientation:landscape), screen and (min-width: 571px) and (max-width: 959px){

}
@media screen and (max-width: 570px) and (orientation:portrait){
	#c01 img		{ width:80%; margin:20px 0 0;}
	#c011 img		{ width:80%; margin:20px 0 0;}
	#c02 li			{ width:100%; float:none;}

}