@charset 'utf-8';



/*---------------------------------------------------------------------------
-----------------------------------------------------------------------------



	basic.css | 共通スタイル



-----------------------------------------------------------------------------
-----------------------------------------------------------------------------*/



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
//
//
//  Import Web Fonts
//  
//  
///////////////////////////////////////////////////////////////////////////*/

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700&subset=japanese');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600&text=0123456789%25%3a%3b%2c%2e%2f%2b%2d%26%24%c2%a5');



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
//
//
//  Elements Common Style
//  
//  
///////////////////////////////////////////////////////////////////////////*/

*,
*::before,
*::after {
	word-break: break-all;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	width: 100%;
	font-size: 100%;
	overflow-y: auto;
}
	@media screen and (max-width: 740px) {
		html {
			min-width: 100%;
		}
	}
body {
	font-family: 'Open Sans', 'Noto Sans JP', sans-serif;
	font-weight: 300;
	color: #1d1d1d;
	letter-spacing: .05em;
	line-height: 2;
	width: 100%;
	margin: 0 auto;
	height: 100%;
	background: #f9f9f9;
	opacity: 1;
}
	body.customize-support {
		margin-top: -32px;
	}
		@media screen and (max-width: 782px) {
			body.customize-support {
				margin-top: -46px;
			}
		}
	.is-open {
		opacity: 1;
		/*animation: 2s FadeIn forwards;*/
	}
	/*@keyframes FadeIn {
	    0% {
	        opacity: 0;
	    }
	    100% {
	        opacity: 1;
	    }
	}*/
	.is-modal {
		height: 100vh;
		overflow-y: hidden;
	}
	.is-out {
		position: relative;
		left: -100vw;
		opacity: 0;
	}
input[type='text'],
input[type='password'],
input[type='tel'],
input[type='email'],
input[type='number'],
textarea,
select {
	font-family: 'Open Sans', 'Noto Sans JP', sans-serif;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	box-sizing: border-box;
	color: #1d1d1d;
	border: none;
	padding: 15px;
}
input[type='text'],
input[type='password'],
input[type='tel'],
input[type='email'],
input[type='number'],
input[type='button'],
input[type='submit'],
textarea,
select {
	border-radius: 6px;
	-webkit-appearance: none;
}
input {
	font-family: 'Open Sans', 'Noto Sans JP', sans-serif;
}
input::-webkit-input-placeholder {
	font-weight: normal;
	color: #ccc;
}
input:-ms-input-placeholder {
	font-weight: normal;
	color: #ccc;
}
input::-moz-placeholder {
	font-weight: normal;
	color: #ccc;
}
input[type='radio'],
input[type='checkbox'],
select {
	cursor: pointer;
}
input[type='radio'].radio {
	display: inline-block;
}
input[type='radio']:hover,
input[type='checkbox']:hover {
	cursor: pointer;
}
input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
	margin: 0;
	-webkit-appearance: none;
}
input[type='number'] {
	border-radius: 0;
	-moz-appearance: textfield;
}
select {
	cursor: pointer;
		-webkit-appearance: none;
		-moz-appearance: none;
	appearance: none;
	border-radius: 6px;
}
select::-ms-expand {
	display: none;
}
label {
	font-weight: normal !important;
	max-width: 100%;
	margin-bottom: 0;
}
button {
	font-family: 'Open Sans', 'Noto Sans JP', sans-serif;
	padding: 0;
	cursor: pointer;
	border: none;
	background: none;
	line-height: 1.8;
}
button.disabled {
	cursor: default;
}
.thin {
	font-weight: 300;
}
.bold {
	font-weight: 500;
}
.exbold {
	font-weight: 500;
}
img {
	width: auto;
	max-width: 100%;
	height: auto;
}
a {
	text-decoration: none;
	color: #000;
	font-weight: 500;
		-webkit-transition: .5s;
		-ms-transition: .5s;
		-moz-transition: .5s;
	transition: .5s;
}
a::after {
		-webkit-transition: .5s;
		-ms-transition: .5s;
		-moz-transition: .5s;
	transition: .5s;
}
a:hover {
	text-decoration: none;
}
@media screen and (max-width: 940px) {
	.pc {display: none;}
}
@media screen and (min-width: 941px) {
	.sp {display: none;}
}
/* clearfix設定 */
.clearfix::after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	display:inline-block;
	min-height:1%;  /* for IE 7*/
}
/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.hide {
	display: none;
}
.appear {
	display: block;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
//
//
//  Wrap
//  
//  
///////////////////////////////////////////////////////////////////////////*/

.wrap {
	width: 100%;
	overflow-x: hidden;
		-webkit-transition: 2s;
		-ms-transition: 2s;
		-moz-transition: 2s;
	transition: 2s;
	opacity: 0;
}
.is-open .wrap {
	opacity: 1;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
//
//
//  Header
//  
//  
///////////////////////////////////////////////////////////////////////////*/

header {
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 100;
	background: #f9f9f9;
}
	@media screen and (max-width: 740px) {
		header {
			width: 100vw;
			overflow: hidden;
			position: fixed;
			left: 0;
			top: 0;
			transform: none;
				-webkit-transition: 0.5s;
				-ms-transition: 0.5s;
				-moz-transition: 0.5s;
			transition: 0.5s;
		}
		header.is-notactive {
			top: -74px;
		}
	}
header .box-inner {
	width: 100%;
	height: 94px;
	max-width: 1280px;
	position: relative;
	left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
    transform: translateX(-50%);
}
	@media screen and (max-width: 740px) {
		header .box-inner {
			width: 100vw;
			height: 74px;
		}
	}
h1 {
	display: block;
	transform-origin: left center;
	transform: scale(1);
		-webkit-transition: .5s;
		-ms-transition: .5s;
		-moz-transition: .5s;
	transition: .5s;
}
	@media screen and (min-width: 740px) {
		h1 {
			width: 200px;
			height: 54px;
			position: absolute;
			top: 20px;
			left: 94px;
		}
	}
	@media screen and (max-width: 920px) {
		h1 {
			left: 54px;
		}
	}
	@media screen and (max-width: 740px) {
		h1 {
			width: 150px;
			height: 50px;
			position: absolute;
			top: 15px;
			left: 15px;
		}
	}
h1 img {
	width: 100%;
}
.bnr-head {
	width: 100px;
	position: absolute;
	top: 20px;
	right: 100px;
		-webkit-transition: .5s;
		-ms-transition: .5s;
		-moz-transition: .5s;
	transition: .5s;
}
	@media screen and (max-width: 920px) {
		.bnr-head {
			right: 60px;
		}
	}
	@media screen and (max-width: 740px) {
		.bnr-head {
			width: 92px;
			position: absolute;
			top: 10px;
			left: 180px;
		}
	}
	.bnr-head a {
	}
	.bnr-head a:hover {
		opacity: .5;
	}
@media screen and (max-width: 740px) {
	#menubtn {
		position: absolute;
		top: 18px;
		right: 15px;
		z-index: 103;
		width: 33px;
		height: 33px;
		text-align: center;
	}
	#menubtn span {
		display: block;
		width: 20px;
		height: 2px;
		background: #1d1d1d;
			-webkit-transition: .5s;
			-ms-transition: .5s;
			-moz-transition: .5s;
		transition: .5s;
		transform-origin: center;
		position: relative;
		top: 15px;
		margin: 0 auto;
	}
		#menubtn span::before {
			display: block;
			content: "";
			width: 20px;
			height: 2px;
			background: #1d1d1d;
				-webkit-transition: .5s;
				-ms-transition: .5s;
				-moz-transition: .5s;
			transition: .5s;
			transform-origin: center;
			position: relative;
			top: -8px;
		}
		#menubtn span::after {
			display: block;
			content: "";
			width: 20px;
			height: 2px;
			background: #1d1d1d;
				-webkit-transition: .5s;
				-ms-transition: .5s;
				-moz-transition: .5s;
			transition: .5s;
			transform-origin: center;
			position: relative;
			top: 6px;
		}
	#menubtn.is-active span {
		background: transparent;
	}
		#menubtn.is-active span::before {
			position: relative;
			top: 0;
			transform: rotate(45deg);
		}
		#menubtn.is-active span::after {
			position: relative;
			top: -2px;
			transform: rotate(-45deg);
		}
	#closebtn {
		position: fixed;
		top: 17px;
		right: 14px;
		z-index: 104;
		width: 33px;
		height: 33px;
		text-align: center;
		display: none;
	}
	#closebtn span {
		display: block;
		width: 24px;
		height: 2px;
		border-radius: 50%;
			-webkit-transition: .5s;
			-ms-transition: .5s;
			-moz-transition: .5s;
		transition: .5s;
		transform-origin: center;
		position: relative;
		top: 15px;
		margin: 0 auto;
	}
		#closebtn span {
			width: 0;
			height: 0;
		}
		#closebtn span::before {
			display: block;
			content: "";
			width: 24px;
			height: 2px;
			background: #1d1d1d;
			border-radius: 3px;
			position: relative;
			top: 1px;
			left: -13px;
			transform: rotate(45deg);
		}
		#closebtn span::after {
			display: block;
			content: "";
			width: 24px;
			height: 2px;
			background: #1d1d1d;
			border-radius: 3px;
			position: relative;
			top: -1px;
			left: -13px;
			transform: rotate(-45deg);
		}
}
#nav-main-list {
	position: absolute;
	right: 242px;
	top: 15px;
}
	@media screen and (max-width: 920px) {
		#nav-main-list {
			right: 182px;
		}
	}
	@media screen and (max-width: 740px) {
		#nav-main-list {
			width: 100vw;
				display: -webkit-box;
				display: -ms-flexbox;
			display: flex;
				-ms-flex-wrap: wrap;
			flex-wrap: wrap;
				-ms-flex-line-pack: start;
			align-content: flex-start;
			position: absolute;
			top: 0;
			left: 100vw;
			background: transparent;
			padding-top: 108px;
			padding-bottom: 30px;
			opacity: 1;
				-webkit-transition: .3s ease-in-out;
				-ms-transition: .3s ease-in-out;
				-moz-transition: .3s ease-in-out;
			transition: .3s ease-in-out;
		}
		#nav-main-list.is-active {
			left: 0;
		}
	}
	#nav-main-list li {
		display: inline-block;
		padding: 14px 10px 10px;
	}
		@media screen and (max-width: 920px) {
			#nav-main-list li {
				padding: 14px 5px 10px;
			}
		}
		@media screen and (max-width: 740px) {
			#nav-main-list li {
				width: 100%;
				display: block;
				padding: 0 40px;
				margin-bottom: 30px;
					-webkit-transition: .3s;
					-ms-transition: .3s;
					-moz-transition: .3s;
				transition: .3s;
				position: relative;
				left: 100vw;
			}
				#nav-main-list li.is-active {
					left: 100vw;
					animation: .5s MenuSlide forwards;
				}
				@keyframes MenuSlide {
				    0% {
				        left: 100vw;
				    }
				    100% {
				        left: 0;
				    }
				}
		}
		#nav-main-list li a {
			font-size: .9rem;
			font-weight: 500;
			cursor: pointer;
		}
			@media screen and (max-width: 740px) {
				#nav-main-list li a {
					display: block;
					color: #1d1d1d;
					width: 100%;
				}
				#nav-main-list li > a {
					display: block;
					width: 100%;
					font-size: 1rem;
					color: #fff;
					background: #18ad5e;
					padding: 20px;
					position: relative;
				}
				#nav-main-list li > a::after {
					display: inline-block;
					content: "";
					width: 6px;
					height: 10px;
					background: url(/resource/img/common/btn_wh_arrow.svg) center no-repeat;
					position: absolute;
					right: 15px;
					top: calc(50% - 5px);
				}
				#nav-main-list li a .sp {
					display: none;
				}
			}
		@media screen and (min-width: 741px) {
			#nav-main-list li a::after {
				display: block;
				content: "";
				width: 4px;
				height: 4px;
				margin: 0 auto;
				border-radius: 2px;
				background: transparent;
				position: relative;
				bottom: 12px;
					-webkit-transition: .5s;
					-ms-transition: .5s;
					-moz-transition: .5s;
				transition: .5s;
				opacity: 0;
			}
			#nav-main-list li a:hover::after {
				display: block;
				content: "";
				width: 4px;
				height: 4px;
				margin: 0 auto;
				border-radius: 2px;
				background: #18ad5e;
				position: relative;
				bottom: 0px;
				opacity: 1;
				animation: .6s UnderBar forwards;
			}
			@keyframes UnderBar {
			    0% {
			        width: 4px;
					height: 4px;
			    }
			    40% {
			        width: 4px;
					height: 4px;
			    }
			    80% {
			        width: 4px;
					height: 2px;
			    }
			    100% {
			        width: 100%;
					height: 2px;
			    }
			}
		}
	#nav-main-list li > dl {
		display: none;
	}
		@media screen and (max-width: 740px) {
			#nav-main-list li > dl {
				width: 100%;
					display: -webkit-box;
					display: -ms-flexbox;
				display: flex;
					-ms-flex-wrap: wrap;
				flex-wrap: wrap;
					-ms-flex-line-pack: start;
				align-content: flex-start;
				margin-top: 10px;
				line-height: 2;
			}
			#nav-main-list li > dl dd {
					display: -webkit-box;
					display: -ms-flexbox;
				display: flex;
			}
			#nav-main-list li > dl dd::after {
				display: inline-block;
				content: "|";
				font-size: .7rem;
				margin: 1px 5px 0;
			}
				#nav-main-list li > dl dd:last-child::after {
					display: none;
					content: none;
				}
		}
		#nav-main-list li > dl > dd > dl {
			display: none;
		}
#sub-menu {
	width: 100%;
	padding: 0 40px;
}
	#sub-menu #bnr-foot {
		margin-top: 40px;
	}
		@media screen and (max-width: 740px) {
			#sub-menu #bnr-foot {
				margin-top: 0;
			}
		}
		#sub-menu #bnr-foot section.tb {
			height: 100px;
		}
			@media screen and (max-width: 740px) {
				#sub-menu #bnr-foot section.tb {
					height: auto;
				}
			}
			#sub-menu #bnr-foot section.tb h5 {
				width: 200px;
				height: 26px;
			}
				@media screen and (max-width: 740px) {
					#sub-menu #bnr-foot section.tb h5 {
						width: 100%;
						height: auto;
					}
				}
				#sub-menu #bnr-foot section.tb p {
					font-size: .7rem;
					margin-top: 5px;
				}
		#sub-menu #bnr-foot section.effort {
			margin-top: 20px;
		}
	#sub-menu #nav-foot-list {
		padding: 0;
	}
		#sub-menu #nav-foot-list ul {
			padding: 0;
			margin: 0;
			border-top: 1px solid #1d1d1d;
		}
			#sub-menu #nav-foot-list li {
				padding: 0;
				margin: 0;
				margin-bottom: 5px;
			}
				#sub-menu #nav-foot-list li a {
					border-bottom: 1px solid #1d1d1d;
					text-align: left;
					background: transparent;
					font-size: .9rem;
					padding: 10px 20px 10px 10px;
				}
					#sub-menu #nav-foot-list li a::after {
						width: 4px;
						height: 8px;
						background: url(/resource/img/common/btn_blk_arrow.svg) center no-repeat;
						right: 10px;
						top: calc(50% - 4px);
					}
			#sub-menu #nav-foot-list li:nth-child(-n+4) {
				display: none;
			}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
//
//
//  Content
//  
//  
///////////////////////////////////////////////////////////////////////////*/

content {
	display: block;
	width: 100%;
	max-width: 1280px;
	padding: 0;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	top: 0;
	left: 0;
		-webkit-transition: .3s ease-in-out;
		-ms-transition: .3s ease-in-out;
		-moz-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
content#top {
	max-width: 1280px;
}




/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
//
//
//  Footer
//  
//  
///////////////////////////////////////////////////////////////////////////*/

footer {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
	top: 0;
	left: 0;
		-webkit-transition: .3s ease-in-out;
		-ms-transition: .3s ease-in-out;
		-moz-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
	@media screen and (max-width: 740px) {
		footer {
			width: 100%;
			max-width: 100%;
			z-index: 0;
		}
	}
footer .box-inner {
	width: calc(100% - 350px);
	margin: 0 0 0 auto;
	padding: 0 100px 30px 40px;
}
	@media screen and (max-width: 920px) {
		footer .box-inner {
			width: calc(100% - 290px);
			padding: 0 60px 30px 20px;
		}
	}
	@media screen and (max-width: 740px) {
		footer .box-inner {
			width: 100%;
			margin: 0;
			padding: 0 40px 141px;
			background: #f1f1f1;
		}
	}
#top + footer .box-inner {
	width: 100%;
	margin: 0 0 0 auto;
	padding: 0 100px 30px;
}
	@media screen and (max-width: 920px) {
		#top + footer .box-inner {
			padding: 0 60px 30px;
		}
	}
	@media screen and (max-width: 740px) {
		#top + footer .box-inner {
			width: 100%;
			margin: 0;
			padding: 0 0 141px;
			background: transparent;
		}
	}
#bnr-foot {
	width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
	display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
	justify-content: space-between;
		-ms-flex-wrap: wrap;
	flex-wrap: wrap;
		-webkit-box-align: start;
		-ms-flex-align: start;
	align-items: flex-start;
	padding-top: 60px;
	border-top: 1px solid #1d1d1d;
}
	@media screen and (max-width: 740px) {
		#bnr-foot {
			display: block;
			padding-top: 60px;
			border-top: none;
			border-bottom: 1px solid #bbb;
		}
	}
	#under.news + footer #bnr-foot {
		padding-top: 0;
		border-top: none;
	}
		@media screen and (max-width: 740px) {
			#under.news + footer #bnr-foot {
				padding-top: 60px;
			}
		}
	#top + footer #bnr-foot {
		width: 100%;
		padding-top: 0;
		border-top: none;
		margin-bottom: 40px;
			display: -webkit-box;
			display: -ms-flexbox;
		display: flex;
			-ms-flex-wrap: wrap;
		flex-wrap: wrap;
			-webkit-box-align: stretch;
			-ms-flex-align: stretch;
		align-items: stretch;
	}
	@media screen and (max-width: 740px) {
		#top + footer #bnr-foot {
			display: block;
			margin-bottom: 25px;
			border-bottom: none;
		}
	}
	#bnr-foot section {
		width: calc((100vw - 350px - 140px) * 0.2);
		max-width: 160px;
		margin-bottom: 40px;
	}
		@media screen and (max-width: 1200px) {
			#bnr-foot section {
				width: calc((100vw - 350px - 140px - 40px) / 2);
				max-width: calc((100vw - 350px - 140px - 40px) / 2);
			}
		}
		@media screen and (max-width: 920px) {
			#bnr-foot section {
				width: calc((100vw - 290px - 80px - 20px) / 2);
				max-width: calc((100vw - 290px - 80px - 20px) / 2);
			}
		}
		@media screen and (max-width: 740px) {
			#bnr-foot section {
				width: 100%;
				max-width: 100%;
			}
		}
	#top + footer #bnr-foot section {
		width: 100%;
		max-width: 100%;
		margin-bottom: 10px;
		background: #fff;
	}
		#top + footer #bnr-foot section:last-child {
			margin-bottom: 0;
		}
		@media screen and (max-width: 740px) {
			#top + footer #bnr-foot section {
				display: block;
				width: 100%;
				max-width: 100%;
				margin-bottom: 0;
			}
		}
	.bnr-box-inner {
		width: 100%;
		height: 100%;
	}
	#bnr-foot section.tb {
	}
		@media screen and (max-width: 740px) {
			#bnr-foot section.tb {
			}
		}
		#bnr-foot section a {
			display: block;
			width: 100%;
			height: 100%;
		}
		#top + footer #bnr-foot section a {
			display: block;
			width: 100%;
			height: 100%;
		}
		#bnr-foot section .bnr-box-inner {
			width: 100%;
			height: 100%;
				display: -webkit-box;
				display: -ms-flexbox;
			display: flex;
				-webkit-box-align: center;
				-ms-flex-align: center;
			align-items: center;
				-ms-flex-wrap: wrap;
			flex-wrap: wrap;
				-ms-flex-line-pack: center;
			align-content: center;
		}
			#top + footer #bnr-foot section .bnr-box-inner {
				min-height: 300px;
				padding: 60px;
			}
				@media screen and (max-width: 740px) {
					#top + footer #bnr-foot section .bnr-box-inner {
						min-height: 240px;
						padding: 40px;
					}
				}
		#bnr-foot section .thumb {
				display: -webkit-box;
				display: -ms-flexbox;
			display: flex;
				-webkit-box-align: center;
				-ms-flex-align: center;
			align-items: center;
			width: 100%;
			height: calc((100vw - 350px - 140px) * 0.2 * 0.375);
			max-height: 60px;
			overflow: hidden;
			background: #fff;
		}
			@media screen and (max-width: 1200px) {
				#bnr-foot section .thumb {
					height: calc((100vw - 350px - 140px) / 2 * 0.4);
					max-height: 240px;
				}
			}
			@media screen and (max-width: 920px) {
				#bnr-foot section .thumb {
					height: calc((100vw - 290px - 80px) / 2 * 0.4);
					max-height: 240px;
				}
			}
			@media screen and (max-width: 740px) {
				#bnr-foot section .thumb {
					height: calc((100vw - 80px) * 0.4);
					max-height: 240px;
				}
			}
		#under + footer #bnr-foot section.tb .thumb,
		#sub-menu #bnr-foot section.tb .thumb {
			background: url(/resource/img/bg_bnr_tb_sp.jpg) center no-repeat;
			background-size: cover;
		}
		#under + footer #bnr-foot section.nb .thumb,
		#sub-menu #bnr-foot section.nb .thumb {
			background: #202020;
		}
		#top + footer #bnr-foot section .thumb {
			width: 560px;
			height: 100px;
			max-height: 100px;
			margin: 0 auto;
			background: transparent;
		}
			#top + footer #bnr-foot section.tb .thumb {
				max-height: 90px;
			}
			#top + footer #bnr-foot section.lv-qrplus .thumb {
				height: 120px;
				max-height: 120px;
			}
			#top + footer #bnr-foot section.lv-qr .thumb {
				height: 120px;
				max-height: 120px;
			}
			@media screen and (max-width: 740px) {
				#top + footer #bnr-foot section .thumb {
					width: 100%;
					max-height: 70px;
				}
				#top + footer #bnr-foot section.tb .thumb {
					max-height: 60px;
				}
				#top + footer #bnr-foot section.lv-qrplus .thumb {
					max-height: 80px;
				}
				#top + footer #bnr-foot section.lv-qr .thumb {
					max-height: 80px;
				}
			}
		#bnr-foot section img {
			width:100%;
				-webkit-transition: .5s;
				-ms-transition: .5s;
				-moz-transition: .5s;
			transition: .5s;
		}
			@media screen and (max-width: 740px) {
				#bnr-foot section img {
					width: 88%;
					margin: 0 auto;
				}
				#top + footer #bnr-foot section img {
					width: 100%;
					margin: 0 auto;
				}
			}
			@media screen and (min-width: 740px) {
				#bnr-foot section a:hover img {
					transform-origin: center;
						-webkit-transform: scale(1.05);
						-ms-transform: scale(1.05);
						-moz-transform: scale(1.05);
					transform: scale(1.05);
				}
				#top + footer #bnr-foot section a:hover img {
					transform: none;
				}
			}
		#bnr-foot section h5 {
			width: 100%;
			font-size: .64rem;
			font-weight: 500;
			line-height: 1.8;
			margin-top: 15px;
		}
			@media screen and (max-width: 740px) {
				#bnr-foot section h5 {
					margin-top: 10px;
					font-size: .74rem;
				}
			}
		#top + footer #bnr-foot section h5 {
			display: none;
		}
		#top + footer #bnr-foot section.effort h5 {
			display: block;
		}
		#bnr-foot section p {
			display: block;
			width: 100%;
			font-size: .58rem;
			font-weight: 400;
			line-height: 1.8;
			margin-top: 5px;
		}
			@media screen and (max-width: 740px) {
				#bnr-foot section p {
					font-size: .64rem;
				}
			}
		#top + footer #bnr-foot section p {
			display: block;
			width: 100%;
			font-size: 1.4rem;
			font-weight: 500;
			line-height: 1.8;
			margin-top: 0;
			text-align: center;
			padding-bottom: 24px;
		}
			@media screen and (max-width: 740px) {
				#top + footer #bnr-foot section p {
					font-size: .9rem;
					padding-bottom: 24px;
				}
			}
			#bnr-foot section p span {
				display: block;
				font-size: .5rem;
				font-weight: 300;
				line-height: 1.4;
				margin-top: 5px;
			}
			#top + footer #bnr-foot section p span {
				font-size: .6rem;
			}
				#top + footer #bnr-foot section.lv-qrplus p span {
					margin-top: 15px;
				}
	#top + footer #bnr-foot section.tb {
		background: url(/resource/img/bg_bnr_tb.jpg) center no-repeat!important;
		background-size: cover!important;
	}
	#top + footer #bnr-foot section.tb p {
		color: #fff;
	}
	#top + footer #bnr-foot section.nb {
		background: #202020!important;
	}
	#top + footer #bnr-foot section.nb p {
		color: #fff;
	}
	#bnr-foot section.effort {
		background: #18ad5e!important;
		text-align: center;
		border: none;
	}
		#bnr-foot section.effort a {
			padding: 20px;
		}
		#top + footer #bnr-foot section.effort a {
			padding: 0;
		}
		#bnr-foot section.effort h5.copy-bnr {
			width: 100%;
			font-size: .64rem;
			font-weight: 400;
			line-height: 1.8;
			letter-spacing: .09em;
			color: #fff;
			margin: 0;
		}
			@media screen and (max-width: 740px) {
				#bnr-foot section.effort h5.copy-bnr {
					width: 100%;
					font-size: 1rem;
					line-height: 1.8;
				}
			}
		#top + footer #bnr-foot section.effort h5.copy-bnr {
			width: 100%;
			font-size: 1.64rem;
			font-weight: 400;
			line-height: 1.8;
			letter-spacing: .09em;
			color: #fff;
			margin: 0;
		}
			@media screen and (max-width: 740px) {
				#top + footer #bnr-foot section.effort h5.copy-bnr {
					width: 100%;
					font-size: 1.4rem;
					line-height: 1.8;
				}
			}
			@media screen and (min-width: 740px) {
				#top + footer #bnr-foot section.effort h5.copy-bnr br {
					display: none;
				}
			}
			#bnr-foot section.effort p.link_btn {
				display: block;
				width: auto;
				color: #fff;
				font-weight: 400;
				letter-spacing: .01em;
				padding: 7px 16px;
				border-radius: 30px;
				border: 1px solid #fff;
				margin: 0 auto;
				margin-top: 10px;
				transform-origin: top center;
					-webkit-transform: scale(.8);
					-ms-transform: scale(.8);
					-moz-transform: scale(.8);
				transform: scale(.8);
			}
			#top + footer #bnr-foot section.effort p.link_btn {
				display: block;
				width: auto;
				font-size: .9rem;
				color: #fff;
				font-weight: 500;
				letter-spacing: .01em;
				padding: 12px 24px;
				border-radius: 48px;
				border: 2px solid #fff;
				margin: 0 auto;
				margin-top: 20px;
				transform-origin: top center;
					-webkit-transform: scale(.8);
					-ms-transform: scale(.8);
					-moz-transform: scale(.8);
				transform: scale(.8);
			}
#nav-foot-list {
	width: 100%;
	font-size: .6rem;
	margin-top: 20px;
}
	@media screen and (max-width: 740px) {
		#nav-foot-list {
			font-size: .64rem;
			margin-top: 20px;
		}
	}
	#nav-foot-list ul {
		width: 100%;
		text-align: right;
	}
		@media screen and (max-width: 740px) {
			#nav-foot-list ul {
				text-align: left;
			}
			#top + footer #nav-foot-list ul {
				padding: 0 40px;
			}
		}
	#nav-foot-list li {
		display: inline-block;
		margin-left: 15px;
	}
		@media screen and (max-width: 740px) {
			#nav-foot-list li {
				margin: 4px 10px 0 0;
			}
		}
		#nav-foot-list li:first-child{
			margin-left: 0;
		}
	#nav-foot-list li a {
		color: #1d1d1d;
		font-weight: 400;
	}
		#nav-foot-list li a:hover {
			color: #18ad5e;;
		}
#copyright {
	width: 100%;
	font-size: .6rem;
	font-weight: 300;
	color: #1d1d1d;
	text-align: right;
	margin-top: 10px;
}
	@media screen and (max-width: 740px) {
		#copyright {
			font-size: .6rem;
			text-align: left;
			margin-top: 20px;
		}
		#top + footer #copyright {
			padding: 0 40px;
		}
	}