@charset "UTF-8";


/*========================================

  Elements

========================================*/


body .layout-search-basudokorenewal {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 400;
	position: relative;
	min-width: 1200px;
	margin: 0;
	padding: 0;
	color: #000;
	background: #fff;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	padding-top: .1px;
}

html .layout-search-basudokorenewal {
	overflow: auto;
}

html .layout-search-basudokorenewal,
body .layout-search-basudokorenewal {
	height: 100%;
}

/*
body.overflowhidden {
	overflow: hidden;
	height: 100%;
}
*/

@media screen and (max-width: 767px) {
	body .layout-search-basudokorenewal {
		width: 100vw;
		min-width: auto;
	}
}

.layout-search-basudokorenewal {

	p,
	h1,
	h2,
	h3,
	h4,
	h5,
	dt,
	dd,
	th,
	td,
	ul,
	li,
	strong {
		margin: 0;
		padding: 0;
		font-weight: 400;
	}

	p {
		line-height: 1.7em;
	}

	/* Link ---------------*/
	a {
		overflow: hidden;
		text-decoration: none;
		color: #222;
	}

	a:visited {
		text-decoration: none;
		color: #000;
	}

	a:hover {
		text-decoration: none;
		color: #808080;
	}

	a:focus,
	textarea:focus,
	input:focus {
		border: none;
		outline: none;
	}

	a:active {
		border: none;
		outline: none;
	}



	/*========================================
	
	  main
	
	========================================*/
	main {
		text-align: center;
		background-color: #ffffd9;
		position: relative;
		z-index: 2;
	}

	.ancher {
		display: block;
	}

	@media screen and (max-width: 767px) {
		.ancher {
			display: inline;
		}
	}



	.anckerlink {
		position: relative;
		z-index: -1;
		display: block;
		margin-top: -70px;
		padding-top: 70px;
	}

	@media screen and (max-width: 767px) {
		.anckerlink {
			display: block;
			margin-top: -14vw;
			padding-top: 14vw;
		}
	}

	img {
		max-width: 100%;
		height: auto;
		transition: .3s;
		vertical-align: bottom;
	}

	/*
	a:hover img {
			 opacity:.7;
		filter:alpha(opacity=70);
		-moz-opacity:.7;
	}
		*/
	a.up:hover img {
		transition: .3s;
		transform: translateY(-5px);
	}

	.spblock {
		display: none !important;
	}

	.pcblock {
		display: block !important;
	}

	.pcinlineblock {
		display: inline-block !important;
	}

	@media screen and (max-width: 767px) {
		.spblock {
			display: block !important;
		}

		.pcblock {
			display: none !important;
		}

		.pcinlineblock {
			display: none !important;
		}
	}



	.blocklink {
		cursor: pointer;
		transition: .3s;
	}

	.blocklink:hover {
		opacity: .7;
		filter: alpha(opacity=70);
		-moz-opacity: .7;
	}

	.nolink,
	.nolinkpc {
		cursor: default;
	}

	.nolink:hover,
	.nolinkpc:hover {
		opacity: 1;
		filter: alpha(opacity=100);
		-moz-opacity: 1;
	}

	.nolink:hover img,
	.nolinkpc:hover img {
		opacity: 1;
		filter: alpha(opacity=100);
		-moz-opacity: 1;
	}





	/*========================================
	
	  header
	
	========================================*/
	header {
		border-top: 10px solid #12a8c6;
		transition: .5s;
	}

	header ul,
	header li {
		margin: 0;
		padding: 0;
	}

	header .innr {
		width: 1200px;
		margin: 0 auto;
	}

	header .logo {
		position: absolute;
		z-index: 1000;
		width: 290px;
		text-align: center;
		border-radius: 0 0 10px 10px;
		background-color: #fff;
		box-shadow: 0 2px 6px 2px rgba(0, 0, 0, .2);
		padding: 15px 0 20px 0;
		margin-top: -10px;
	}

	@media screen and (max-width: 767px) {
		header .innr {
			width: 90%;
		}

		header .logo {
			width: 50vw;
			border-radius: 0 0 2vw 2vw;
			padding: 3vw 0 4vw 0;
		}

		header .logo img {
			width: 40vw;
		}
	}





	/*========================================
	
	  下層ページ
	
	========================================*/
	.sec_innr {
		width: 1200px;
		margin: 0 auto;
		border-radius: 30px;
		background-color: #fff;
		box-shadow: 0 0 6px 5px rgba(0, 0, 0, .1);
		box-sizing: border-box;
		padding: 60px 50px;
	}

	@media screen and (max-width: 767px) {
		.sec_innr {
			width: 86%;
			border-radius: 5vw;
			padding: 8vw 5vw;
		}
	}



	/*========================================
	
	  footer
	
	========================================*/
	footer {
		position: relative;
		z-index: 2;
		text-align: center;
	}

	footer .innr {
		background-color: #12a8c6;
		padding: 40px 0;
	}

	footer .innr p {
		color: #fff;
		font-size: 12px;
		letter-spacing: 1px;
		margin-top: 1.5em;
	}

	@media screen and (max-width: 767px) {
		footer .innr {
			padding: 5vw 0;
		}

		footer .innr .logo a img {
			width: 45vw;
		}

		footer .innr p {
			font-size: 3.2vw;
			letter-spacing: normal;
			margin-top: 1em;
		}
	}
}