@media screen and (max-width: 768px) {
	body {
		/*		background-image: none;*/
		font-weight: 400;
	}

	.sp {
		display: inline-block;
	}

	.sp_b {
		display: block;
	}

	.pc,
	.pc_b {
		display: none;
	}

	#header,
	#footer,
	.cmt_lead {
		min-width: 0px;
	}

	.cmt_lead {
		font-size: 16pt;
	}

	.cmt_head_sp {
		width: 100%;
		height: auto;
	}

	.cmt_logo_link {
		width: 63.0%;
		height: auto;
		position: absolute;
		margin-top: 9.2%;
		margin-left: 35.3%;
		z-index: 20;
	}


	#main {
		min-width: inherit;
		background-image: none;
		overflow-x: hidden;
	}



	#cmt_box {
		width: 100%;
		overflow: hidden;
	}


	.cmt_txt {
		width: 100%;
		padding: 0 15px;
		font-size: 10pt;
	}

	.cmt_intxt {
		text-align: left;
/*		top:0;*/
/*		transform: none;*/
	}

	.cmt_name {
		margin-top: 15px;
/*		margin-bottom: 50px;*/
		font-size: 120%;
		font-weight: 400;
	}
	
	.cmt_name small{
		font-size: 64.17%;
	}


	.ryaku {
		width: 100%;
		min-width: 0px !important;
		margin-bottom: 0px;
		padding-right: 17px;
	}

	nav {
		display: block;
		width: 100%;
		margin: 0 auto;
	}

	nav li {
		color: #FFF;
		border-bottom: 1px solid #6f6f6f;
	}

	nav li a:link,
	nav li a:visited,
	nav li a:active {
		display: block;
		width: 100%;
		color: #FFF;
		/*	padding: 10px;*/
		padding: 8px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		position: relative;
		/*	border-bottom: 1px solid #999;*/
		text-decoration: none;
		font-family: 'Lora', serif;
		background-color: #000000;
	}

	nav li a:hover {
		display: block;
		width: 100%;
		color: #FFF;
		/*	padding: 10px;*/
		padding: 8px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		position: relative;
		/*	border-bottom: 1px solid #999;*/
		text-decoration: none;
		font-family: 'Lora', serif;
		background-color: #1F6EC1;
	}

	nav ul {
		margin: 0px;
		padding: 0px;

	}

	nav li a.anav {
		display: inline-block;
		width: 30%;
	}

	nav li a.anav:hover {
		display: inline-block;
		width: 30%;
	}

	nav li a.bnav {
		display: inline-block;
		width: 45%;
	}

	nav li a.bnav:hover {
		display: inline-block;
		width: 45%;
	}


	@media screen and (max-width: 330px) {
		.vsp {
			display: inline-block;
		}

	}







}
