@charset "utf-8";
/* ------------------------------------------------------------ set */
#view 				{ background: url(../images/common/view_01.jpg) center top repeat-x; }
#view div #name 		{ height: 130px; background: url(../images/common/opc_g.png); padding: 55px 0 15px 35px; width: 320px; color: #fff; }
#view div #name h2 	{ font-size: 35px; font-weight: bold; padding: 15px 0 0;}

#main .btn a		{ width: 380px; }



/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){
/* ------------------------------------------------------------ set */
#main .btn a		{ width: 90%; }


/* ------------------------------------------------------------ set */
#view 				{ background: url(../images/common/view_01sp.jpg) center top repeat-x; background-size: cover; padding: 100px 0 0;}
#view .container { padding: 0;} 
#view #bread ul.container { padding: 0 3%;}
#view.public div #name h2 	{ font-size: 20px; padding: 0; }
#view.public div #name { padding: 10px 0 10px 3%; height: inherit; width: 97%;}


}