@charset "utf-8";

/*画面の幅が640pxまでの場合に適用するCSS */
@media screen and ( max-width:980px )
{
/*===================================================
					共通CSS
===================================================*/
	.wrapper {
		padding-bottom: 280px;
	}
	#goriyouBox {
		width: 100%;
		margin-left: 0;
	}
	.goriyouTitle  {
		width: 50%;
		margin-left: 25%;
	}
	.menuBox .menu_container {
		display: block;
		text-align: center;
		width: 80%;
		margin-left: 10%;
		margin-bottom: 10%;
	}
	.menuBox .menu_container .menu_item01, .menu_item02,.menu_item03,.menu_item04,.menu_item05 {
		margin-bottom: 6%;
	}
	.contents {
		padding: 5% 5%;
	}
	.contents .card {
		width: 96%;
		margin-left: 2%;
		margin-top: 5%;
		margin-bottom: 10%;
	}
	.contents .siharai .fee {
		width: 80%;
		padding: 0;
		padding-top: 3%;
	}
	.contents .siharai .fee1 {
		width: 100%;
		padding: 0;
		padding-top: 3%;
	}
	.contents ul {
		width: 80%;
		margin-left: 10%;
	}
}