/* ------------------------------------------
  MAIN ＊BOX＊
--------------------------------------------- */
#MAIN{
	padding-left:10px;
	padding-right:10px;
	padding-top:5%;
	clear:both;
	}
@media screen and (min-width: 960px) {/* PC */	
#MAIN{
	padding-left:0;
	padding-right:0;
	clear:both;
	}
}
/* ------------------------------------------
  MAIN ＊ボタン＊
--------------------------------------------- */
#MAIN .online_button{
	background:#78BABB;
	width:100%;
	height:30px;
	padding-top:10px;
	margin-top:10px;
	text-align:center;
	font-size:16px;
	border-radius: 10px;
}
@media screen and (min-width: 750px) {/* PC */	
#MAIN .online_button{
	background:#78BABB;
	width:200px;
	height:30px;
	padding-top:10px;
	margin-top:10px;
	text-align:center;
	font-size:16px;
	border-radius: 10px;
}
}
#MAIN a .online_button span{text-decoration:none;color:#FFF;}
#MAIN a:link .online_button span{text-decoration: none;}
#MAIN a:visited .online_button span{text-decoration: none;}
#MAIN a:hover .online_button span{text-decoration: none;color:#333;}
#MAIN a:active .online_button span{text-decoration: none;}
/* ------------------------------------------
  MAIN ＊各ボックス＊
--------------------------------------------- */
#MAIN .sec1 p br, #MAIN .sec2 p br, #MAIN .sec3 p br, #MAIN .sec4 p br{
	display:none;
	}
#MAIN .sec2, #MAIN .sec3, #MAIN .sec4{
	clear:both;
	}
#MAIN .sec2 h4{
	margin-top:0;	
	}
#MAIN .sec2 .photo1{
	margin-top:3%;	
	}
@media screen and (min-width: 750px) {/* PC */
#MAIN .sec1 p br, #MAIN .sec2 p br, #MAIN .sec3 p br, #MAIN .sec4 p br{
	display:block;
	}	
#MAIN .sec2 h4{
	margin-top:25%;	
	}
#MAIN .sec2 .photo1{
	margin-top:10%;	
	}
}		
#MAIN .sec3 h2, #MAIN .sec4 h2{
	border-top:1px solid #CCC;
	padding-top:8%;
	}		
/* ------------------------------------------
  MAIN ＊各タイトル＊
--------------------------------------------- */
	#MAIN h2{
	text-align:center;
	margin-bottom:2%;
	width:100%;
	}
	#MAIN h3{
	text-align:center;
	font-weight:normal;
	margin-bottom:5%;
	}
	#MAIN .sec4 h2{
	text-align:center;
	width:100%;
	height:30px;
	}
	#MAIN .sec4 h3{
	text-align:center;
	font-weight:normal;
	font-size:18px;
	}
@media only screen and (min-width: 750px)
	    and (max-width: 959px){
	#MAIN h2{
	text-align:left;
	margin-bottom:1%;
	width:100%;
	height:30px;
	}
	#MAIN h3{
	text-align:left;
	font-weight:normal;
	font-size:18px;
	margin-bottom:2%;
	}
}	
@media screen and (min-width:960px) {/* PC */			
	#MAIN h2{
	text-align:left;
	margin-bottom:1%;
	width:100%;
	height:30px;
	}
	#MAIN h3{
	text-align:left;
	font-weight:normal;
	font-size:18px;
	margin-bottom:2%;
	}
}

/* ------------------------------------------
  MAIN ＊各セクション＊
--------------------------------------------- */
	#MAIN .photo-txt{
		clear:both;
		float:right;
		text-align:left;
		width:49%;
	}
	#MAIN .photo-txt2{
		clear:both;
		float:none;
		text-align:center;
		width:100%;
		padding-bottom:8%;
		margin:0 auto;
	}
	#MAIN .photo_txt h4{
		font-size:20px;
		font-weight:normal;
		margin-bottom:2%;
	}
	#MAIN .photo1{
		float:left;
		width:100%;
		margin-top:5%;
		margin-bottom:2%;
	}
	#MAIN .photo2{
		clear:both;
		float:left;
		width:100%;
		margin-bottom:2%;
	}
	#MAIN .photo3{
		float:left;
		width:100%;
		margin-bottom:2%;
	}
	#MAIN .photo4{
		float:left;
		width:100%;
		margin-bottom:15%;
	}
	#MAIN .photo2 p, #MAIN .photo3 p, #MAIN .photo4 p{
		margin-top:1%;
		font-size:14px;
	}
@media only screen and (min-width: 750px)
	    and (max-width: 959px){
	#MAIN .photo_txt{
		float:right;
		text-align:left;
		padding-left:2%;
		width:48%;
	}
	#MAIN .photo-txt2{
		clear:both;
		float:none;
		text-align:center;
		width:60%;
		padding-bottom:8%;
		margin:0 20%;
	}
	#MAIN .photo_txt h4{
		font-size:20px;
		font-weight:normal;
		margin-bottom:2%;
	}		
	#MAIN .photo1{
		float:left;
		width:50%;
		margin-top:0;
		margin-bottom:2%;
	}
	#MAIN .photo2{
		clear:both;
		float:left;
		width:32%;
		margin-bottom:2%;
		margin-right:2%;
	}
	#MAIN .photo3{
		float:left;
		width:32%;
		margin-bottom:2%;
		margin-right:2%;
	}
	#MAIN .photo4{
		float:left;
		width:32%;
		margin-bottom:10%;
	}		
}
				
@media screen and (min-width:960px) {/* PC */			
	#MAIN .photo_txt{
		float:right;
		text-align:left;
		width:450px;
		height:330px;
	}
	#MAIN .photo-txt2{
		clear:both;
		float:none;
		text-align:center;
		width:60%;
		padding-bottom:8%;
		margin:0 20%;
	}
	#MAIN .photo_txt h4{
		font-size:20px;
		font-weight:normal;
		margin-bottom:2%;
	}
	#MAIN .photo1{
		float:left;
		width:480px;
		height:330px;
		margin-top:0;
		margin-bottom:30px;
	}
	#MAIN .photo2{
		clear:both;
		float:left;
		width:300px;
		margin-right:30px;
		margin-bottom:30px;
	}
	#MAIN .photo3{
		float:left;
		width:300px;
		margin-right:30px;
		margin-bottom:30px;
	}
	#MAIN .photo4{
		float:left;
		width:300px;
		margin-bottom:80px;
	}
}