@media ( max-width: 640px )
{
	body
	{
		-webkit-text-size-adjust: 100%;
		width: 480px;
		min-width: 480px;
	}
	
	
	.pcbr
	{
		display: none;
	}
	
	
	.mbbr
	{
		display: block;
	}
	
	
	.pcil
	{
		display: none;
	}
	
	
	.mbil
	{
		display: inline-block;
	}
	
	
	#rsvt_pc
	{
		display: none;
	}
	
	
	#rsvt_m
	{
		display: block;
	}
	
	
	#bodybox
	{
		width: 480px;
		min-width: 480px;
	}
	
	
	#headerbase
	{
		width: 480px;
		height: 371px;
		margin-top: 144px;
	}
	
	
	header
	{
		width: 480px;
	}
	
	
	.midbase
	{
		width: 480px;
	}
	
	
	.midbox
	{
		width: 480px;
	}
	
	
	#footerbase
	{
		width: 480px;
		height: auto;
	}
	
	
	footer
	{
		width: 480px;
		height: auto;
		padding-bottom: 130px;
	}
	
	
	#obione
	{
		position: fixed;
		left: 0px;
		top: 0px;
		width: 480px;
		height: 142px;
		margin: 0px;
		/*background-color: #CCFFCC;*/
		z-index: 2;
		/*box-shadow: 0px 4px 8px rgba( 0, 0, 0, 0.3 );*/
	}
	
	
	#obione::before
	{
		display: block;
		opacity: 0.0;
		transition-duration: 150ms;
	}
	
	
	#obione.obione_scrolled::before
	{
		opacity: 1.0;
		box-shadow: 0px 2px 8px rgba( 0, 0, 0, 0.3 );
	}
	
	
	#headlogo01
	{
		left: 24px;
		top: 56px;
		width: 320px;
		height: 40px;
		/*
		-webkit-transform-origin: left top;
		transform-origin: left top;
		-webkit-transform: scale( 0.8 );
		transform: scale( 0.8 );
		*/
	}
	
	
	#headlogo01 .cnj01
	{
		width: 155px;
	}
	
	
	#headlogo01 .cnc01
	{
		margin: 7px 0px 0px 17px;
		font-size: 13px;
		line-height: 15px;
	}
	
	
	#hnavibox
	{
		display: none;
	}
	
	
	#menubox
	{
		display: none;
	}
	
	
	#htoibox
	{
		display: none;
	}
	
	
	.rtt01
	{
		width: 90px;
		margin: 90px auto 70px auto;
		padding-top: 50px;
		font-size: 15px;
	}
	
	
	.rtt01::before
	{
		height: 39px;
	}
	
	
	.rtt01::after
	{
		height: 16px;
	}
	
	
	.hbm_opened #hbmenuplate
	{
		top: 0px;
	}
	
	/*
	.hbm_opened #bodybox
	{
		height: 100vh;
		overflow: hidden;
	}
	*/
	
	/*
	.hbm_opened
	{
		overscroll-behavior: contain;
	}
	
	
	.hbm_opened #bodybox
	{
		overscroll-behavior: contain;
	}
	*/
	/*
	.hbm_opened #bodybox
	{
		pointer-events: none;
	}
	*/
	
	
	#hbmbtn
	{
		display: block;
		position: fixed;
		left: calc( 480px - 116px );
		top: 0px;
		width: 116px;
		height: 130px;
		text-decoration: none;
		will-change: transform;
		/*background-color: var( --point-color );*/
		/*background-color: rgba( 200, 200, 255, 0.3 );*/
		cursor: pointer;
		transition-duration: 300ms;
		z-index: 3;
	}
	
	
	#hbmbtn .bg
	{
		display: block;
		position: absolute;
		left: -2048px;
		right: -2048px;
		top: -2048px;
		bottom: -2048px;
		margin: auto;
		width: 86px;
		height: 86px;
		border-radius: 50%;
		background-color: rgba( 236, 109, 129, 0.45 );
	}
	
	
	#hbmbtn .bg::before
	{
		content: '';
		display: block;
		position: absolute;
		left: -2048px;
		right: -2048px;
		top: -2048px;
		bottom: -2048px;
		margin: auto;
		width: 96px;
		height: 94px;
		background-image: url( '../images/common/gyoku01.png' );
		background-size: 96px 94px;
		background-position: center center;
		background-repeat: no-repeat;
		z-index: -1;
	}
	
	/*
	#hbmbtn div
	{
		display: block;
		position: absolute;
		left: -2048px;
		right: -2048px;
		top: -2048px;
		bottom: -2048px;
		margin: auto;
		width: 44px;
		height: 0px;
		border: solid 1px var( --point-color );
		transition-duration: 300ms;
	}
	*/
	
	#hbmbtn .bar01, #hbmbtn .bar02
	{
		display: block;
		position: absolute;
		left: -2048px;
		right: -2048px;
		margin: auto;
		width: 34px;
		height: 0px;
		border: solid 1px #FFFFFF;
		transition-duration: 300ms;
	}
	
	
	#hbmbtn .bar01
	{
		top: -2064px;
		bottom: -2048px;
	}
	
	
	#hbmbtn .bar02
	{
		top: -2048px;
		bottom: -2048px;
	}
	
	
	#hbmbtn p
	{
		display: block;
		position: absolute;
		left: -2048px;
		right: -2048px;
		top: -2048px;
		bottom: -2070px;
		margin: auto;
		width: 40px;
		height: 1em;
		font-family: 'Zen Maru Gothic', sans-serif;
		font-size: 12px;
		font-weight: 400;
		line-height: 1em;
		text-align: center;
		vertical-align: top;
		color: #FFFFFF;
		letter-spacing: 0.05em;
		opacity: 1.0;
		transition-duration: 300ms;
	}
	
	
	/*
	.hbm_opened #hbmbtn .bar01
	{
		-webkit-transform: rotate( -720deg );
		transform: rotate( -720deg );
		opacity: 0.0;
	}
	*/
	
	.hbm_opened #hbmbtn .bar01
	{
		top: -2048px;
		-webkit-transform: rotate( 765deg );
		transform: rotate( 765deg );
	}
	
	
	.hbm_opened #hbmbtn .bar02
	{
		-webkit-transform: rotate( 675deg );
		transform: rotate( 675deg );
	}
	
	
	.hbm_opened #hbmbtn p
	{
		opacity: 0.0;
	}
	
	
	.stcont
	{
		width: 410px;
		margin: 80px auto 80px auto;
	}
	
	
	.stbox
	{
		width: 100%;
		height: 80px;
	}
	
	
	.stbox .stj
	{
		font-size: 38px;
	}
	
	
	.stbox .ste
	{
		margin-top: 14px;
		font-size: 16px;
	}
	
	
	.stbox02
	{
		width: 100%;
		height: auto;
	}
	
	
	.stbox02 .ib
	{
		width: 76px;
		height: 57px;
	}
	
	
	.stbox02 .stj
	{
		height: auto;
		margin-top: 24px;
		padding: 0px 3px 0px 3px;
		font-size: 32px;
		line-height: 1.4em;
	}
	
	
	.stbox02 .stj::before
	{
		border-bottom-width: 11px;
	}
	
	
	.cbannerbox
	{
		height: 374px;
	}
	
	
	.cbannercont
	{
		/*
		width: 100%;
		height: 160px;
		*/
		margin-top: 103px;
		width: 410px;
		height: 137px;
	}
	
	
	.cbanner
	{
		/*
		width: 480px;
		height: 160px;
		*/
		width: 410px;
		height: 137px;
	}
	
	
	#mfcore
	{
		display: block;
		width: 100%;
		margin: 103px auto 0px auto;
	}
	
	
	#mfbannerbox
	{
		margin: 0px auto 0px auto;
	}
	
	
	#mfbannercont
	{
		display: block;
		width: 440px;
		height: auto;
		margin: 0px auto 0px auto;
		padding: 0px;
	}
	
	
	#mfbannercont li, #mfbannercont li:nth-of-type( odd ), #mfbannercont li:nth-of-type( even )
	{
		margin: 15px auto 0px auto;
	}
	
	
	.mfbanner
	{
		width: 440px;
		height: 149px;
		margin: 0px auto 0px auto;
		border-radius: 21px;
		-webkit-transform: scale( 1.0 );
		transform: scale( 1.0 );
	}
	
	
	.mfbanner .bcb
	{
		
	}
	
	
	#mfbi01 .hl01
	{
		margin: 19px auto 0px auto;
		font-size: 20px;
	}
	
	
	#mfbi01 .hl02
	{
		margin: 6px auto 0px auto;
		font-size: 32px;
		letter-spacing: -0.15em;
	}
	
	
	#mfbi01 .hl03
	{
		margin: 10px auto 0px auto;
		font-size: 10px;
		line-height: 11px;
	}
	
	
	.mfbanner .kwskbtn
	{
		width: 90px;
		height: 18px;
		line-height: 18px;
		border-radius: 9px;
	}
	
	
	#mfbi01 .kwskbtn
	{
		margin: 11px auto 0px auto;
	}
	
	
	#mfbi02 .hl01
	{
		margin: 34px auto 0px auto;
		font-size: 11px;
	}
	
	
	#mfbi02 .hl02
	{
		margin: 6px auto 0px auto;
		font-size: 37px;
	}
	
	
	#mfbi02 .hl03
	{
		margin: 9px auto 0px auto;
		letter-spacing: -0.025em;
	}
	
	
	#mfbi02 .kwskbtn
	{
		right: 12px;
		bottom: 10px;
	}
	
	
	#mftoibox
	{
		width: 410px;
		margin: 186px auto 0px auto;
		padding: 96px 35px 82px 35px;
		border-radius: 0px;
	}
	
	
	#gyoku_mftoi
	{
		top: -69px;
		width: 125px;
	}
	
	
	#mftoibox .hl01
	{
		margin: 47px auto 0px auto;
		font-size: 22px;
		line-height: 1.5em;
		letter-spacing: 0.025em;
	}
	
	
	#mftoibox .telline
	{
		width: 100%;
		height: 45px;
		margin: 25px auto 0px auto;
	}
	
	
	#mftoibox .telline .icon
	{
		width: 35px;
	}
	
	
	#mftoibox .telline .tel
	{
		margin: 0px 0px 0px 9px;
		font-size: 50px;
		line-height: 45px;
	}
	
	
	#mftoibox .mailline
	{
		width: 396px;
		height: 81px;
		margin: 32px auto 0px auto;
	}
	
	
	#mftoibox .mailline .icon
	{
		width: 39px;
		margin: 28px 0px 0px 0px;
	}
	
	
	#mftoibox .mailline .mail
	{
		margin: 28px 0px 0px 12px;
		font-size: 20px;
		line-height: 27px;
	}
	
	
	#mftoibox .hl02
	{
		margin: 32px auto 0px auto;
		font-size: 22px;
		line-height: 38px;
	}
	
	
	#footercore
	{
		width: 100%;
		margin-top: 85px;
		text-align: center;
	}
	
	
	#footlogo01
	{
		width: 360px;
		height: 157px;
		margin: 0px auto 0px auto;
	}
	
	
	#footlogo01 .mark01
	{
		width: 161px;
	}
	
	
	#footlogo01 .cnj01
	{
		width: 274px;
	}
	
	
	#footinfo01
	{
		margin: 43px auto 0px auto;
	}
	
	
	#footinfo01 .addr
	{
		font-size: 18px;
	}
	
	
	#footinfo01 .tel
	{
		margin: 21px auto 0px auto;
		font-size: 46px;
	}
	
	
	#footinfo01 .fax
	{
		margin: 1px auto 0px auto;
		font-size: 23px;
	}
	
	
	#footmenubox
	{
		display: none;
	}
	
	
	footer .rtt01
	{
		margin-top: 101px;
	}
	
	
	#fnavibox
	{
		margin: 68px auto 0px auto;
	}
	
	
	#fnavicont
	{
		
	}
	
	
	#fnavicont li
	{
		margin: 0px 26px 0px 26px;
	}
	
	
	#fnavicont li a
	{
		font-size: 16px;
	}
	
	
	#footcopy
	{
		bottom: 57px;
		font-size: 16px;
	}
	
	
	.interphbox01
	{
		height: 240px; /*188px;*/
	}
	
	
	.interphbox01 .ib
	{
		width: 960px;
	}
	
	
	#ntbox01
	{
		width: 480px;
		padding-top: 142px;
		padding-bottom: 85px;
	}
	
	
	#ntlistlink
	{
		/*
		top: 270px;
		right: 38px;
		*/
		position: relative;
		top: auto;
		right: auto;
		margin: 49px 38px 0px auto;
		width: 192px;
		font-size: 16px;
	}
	
	
	#ntlistlink::before, #ntlistlink::after
	{
		height: 7px;
		border-left-width: 3px;
	}
	
	
	#ntcont01
	{
		width: 426px;
		height: auto;
		margin-top: 26px;
	}
	
	
	.ntitem
	{
		width: 189px;
		height: 354px;
		/*margin: 25px 12px 25px 12px;*/
	}
	
	
	.ntitem, .ntitem:nth-of-type(4n-3), .ntitem:nth-of-type(4n)
	{
		margin: 25px 12px 25px 12px;
	}
	
	
	.ntitem .ib
	{
		width: 189px;
		height: 122px;
	}
	
	
	.ntitem .ib img
	{
		
	}
	
	
	.ntitem .info
	{
		margin-top: 19px;
	}
	
	
	.ntitem .idg
	{
		font-size: 14px;
	}
	
	
	.ntitem .it
	{
		margin-top: 16px;
		font-size: 19px;
		line-height: 24px;
	}
	
	
	.ntitem .ic
	{
		margin-top: 15px;
		font-size: 14px;
		line-height: 25px;
	}
}