/* ---------------------------------------------------------------
	start max 700px
--------------------------------------------------------------- */

@media print,screen and ( max-width: 700px ) {

	.sp_none {
		display: none;
	}

	.pc_none {
		display: block;
	}


	/* --------------- header --------------- */

/*
	#header {
		height: 64px;
	}

	.logo_header {
		width: calc(100% - 55px);
		height: 64px;
	}

	.logo_header img {
		width: 94%;
		max-width: 350px;
	}
*/

	.col_header {
		
		padding: 0 2%;
	}
	
	.logo_header img.pc_none {
		display: inline;
	}


	.logo_header img {
		max-width: 400px;
	}



	/* --------------- top --------------- */

	.col_topmain {
		height: 0;
		min-height: 131vw;
		background-color: #cccccc;
		background-image: url(../img/sp/bg_topmain.jpg);
		background-size: 100%;
		box-sizing: border-box;
    position: relative;
    margin: 0;
    padding: 0;
	}

	.mainimg_sp {
		display: inline;
	}

	.img_topinfo1 {
		width: 90%;
		margin: 0 auto 0;
		padding: 98vw 0 0;
		position: relative;
		bottom: auto;
	}

	.img_topinfo2 {
		margin-bottom: 4vw;
	}

	.mds_topnews {
		margin: 0;
	}


	

	p.pagetop {
		bottom: 15px;
		right: 15px;
	}

	#rightcontents.single {
		padding: 20px;
	}


	.wrap_topnews {
		width: 100%;
		max-width: 2000px;
		max-height: 100%;
		margin: 0 0 0;
		padding: 4% 2.2%;
		background-color: rgb(0, 67, 134, 0.1);
	}

	.box_topnews {
		padding: 0;
		display: block;
	}

	.box_topnews .mds_topnews {
		width: 100%;
		max-width: 660px;
		margin: 0 auto 2.1%;
		padding: 10px 0 10px 0;
		font-size: 18px;
		font-weight: 700;
		line-height: 1.2;
		text-align: center;
		background-color: #024895;
		color: #fff;
	}

	.col_topnews {
		width: 98%;
		max-width: 660px;
		margin: 0 auto;
		padding: 0 0 13px 0;
	}

	.col_topnews dl {
		display: block;
		border-bottom: solid 1px #b9b9b9;
	}

	.col_topnews dl:first-child {
		border-top: none;
		padding-top: 0;
		padding-bottom: 2.1%;
	}

	.col_topnews dl dt {
		max-width: 170px;
		padding: 2px 0 0 0;
	}

	.col_topnews dl dd {
		width: 100%;
	}








}

/* ---------------------------------------------------------------
	end max 700px
--------------------------------------------------------------- */
