body,div,p,a,img,h,h1,h2,h3,h4,h5,h6,hr,header,footer,section,article
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}


body
{
	margin: 0px;
	padding: 0px;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: #FFFFFF;
	background-color: #000000;
}


img
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}




.cb
{
	clear: both;
}


.cb hr
{
	display: none;
}


.anc01
{
	display: block;
	width: 1px;
	height: 1px;
	line-height: 1px;
}













#bodybox
{
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0px 0px 0px 0px;
	min-width: 1040px;
	overflow-x: hidden;
}


#headerbase
{
	position: relative;
	width: 100%;
	margin: 0px 0px 0px 0px;
}


header
{
	position: relative;
	width: 1024px;
	height: calc( 100% - 2px );
	margin: 0px auto 0px auto;
	padding-top: 1px;
	padding-bottom: 1px;
}


.midbase, #footerbase
{
	position: relative;
	width: 100%;
	margin: 0px 0px 0px 0px;
}


.midbox, footer
{
	position: relative;
	width: 1024px;
	margin: 0px auto 0px auto;
	padding-top: 1px;
	padding-bottom: 1px;
}


#footerbase
{
	height: 182px;
	background-color: #000000;
}


footer
{
	height: calc( 100% - 2px );
}


footer::before
{
	content: '';
	display: block;
	position: absolute;
	left: -4096px;
	right: -4096px;
	top: 4px;
	margin: auto;
	width: 3072px;
	height: 20px;
	background-image: url( '../images/common/obi01.svg' );
	background-position: center center;
	background-repeat: repeat-x;
	opacity: 0.3;
}




#menubox
{
	display: block;
	position: relative;
	width: 1024px;
	height: 40px;
	margin: 24px auto 0px auto;
}


#menucont
{
	display: block;
	position: relative;
	width: 960px;
	height: 40px;
	padding: 0px;
	margin: 0px;
	font-size: 0px;
	line-height: 0px;
	list-style: none;
	text-align: center;
	vertical-align: top;
}


#menucont li
{
	display: inline-block;
	position: relative;
	height: 100%;
	margin: 0px 28px 0px 28px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	vertical-align: top;
}


#menucont li a
{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	color: #FFFFFF;
	text-align: center;
	white-space: nowrap;
	transition-duration: 150ms;
	-webkit-font-feature-settings: 'palt';
	font-feature-settings: 'palt';
}


#menucont li a:hover
{
	text-shadow: 0px 0px 6px rgba( 255, 255, 255, 1.0 );
}


#menucont li a .mtj
{
	display: block;
	position: relative;
	width: 100%;
	height: 14px;
	margin: auto;
	/*font-family: 'AoyagiKouzan', serif;*/
	/*font-family: 'HKGyoProKK', serif;*/
	/*font-family: 'ACGyosyo', serif;*/
	font-family: 'Noto Serif JP', serif;
	font-size: 12px;
	font-weight: 900;
	line-height: 14px;
	text-align: center;
	vertical-align: top;
	letter-spacing: 0.2em;
}



#menucont li a .mte
{
	display: block;
	position: relative;
	width: 100%;
	height: 10px;
	margin-top: 5px;
	font-family: 'texgyreadventor', sans-serif;
	font-size: 10px;
	font-weight: 700;
	line-height: 10px;
	text-align: center;
	vertical-align: top;
	letter-spacing: 0.15em;
	transform: scale( 0.9 );
}


.clibtn
{
	display: block;
	position: relative;
	width: 24px;
	height: 46px;
	cursor: pointer;
}


.clibtn div
{
	display: block;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	margin: auto;
	width: 20px;
	height: 32px;
	border-radius: 10px;
	border: solid 1px #FFFFFF;
	transition-duration: 150ms;
}


.clibtn::before
{
	content: '';
	display: block;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 8px;
	margin: auto;
	width: 0px;
	height: 0px;
	border-radius: 50%;
	border: solid 2px #FFFFFF;
}


.clibtn::after
{
	content: '';
	display: block;
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	margin: auto;
	width: 4px;
	height: 4px;
	border-top: solid 2px transparent;
	border-right: solid 2px #FFFFFF;
	border-bottom: solid 2px #FFFFFF;
	border-left: solid 2px transparent;
	-webkit-transform: rotate( 45deg );
	transform: rotate( 45deg );
}


.clibtn:hover div
{
	background-color: rgba( 255, 255, 255, 0.5 );
}


#mfcont
{
	display: block;
	position: relative;
	width: 746px;
	/*height: 840px;*/
	/*height: 1184px;*/
	/*height: 1258px;*/
	height: auto;
	margin: 124px auto 48px auto;
	color: #FFFFFF;
}


#mfcont a
{
	text-decoration: none;
	color: #FFFFFF;
}


#mflogo01
{
	display: block;
	position: relative;
	width: 270px;
	height: 194px;
	margin: 0px auto 0px auto;
	text-decoration: none;
}


#mflogo01 img
{
	display: block;
	width: 100%;
	height: 100%;
	border: 0px;
	transition-duration: 150ms;
}


#mflogo01:hover img
{
	-webkit-filter: drop-shadow( 0px 0px 3px rgba( 255, 255, 255, 0.8 ) );
	filter: drop-shadow( 0px 0px 3px rgba( 255, 255, 255, 0.8 ) );
}


#mfsinfobox
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	position: relative;
	width: 100%;
	height: auto; /* 170px; */
	margin-top: 50px;
	-webkit-font-feature-settings: 'palt';
	font-feature-settings: 'palt';
}


.mfsibc
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	position: relative;
	height: auto;
}


#mfsibc01
{
	width: 48%;
}


#mfsibc02
{
	width: 52%;
	margin-top: -12px;
}


#mfsinfobox .sn
{
	display: block;
	height: 1em;
	font-family: 'Noto Serif JP', serif;
	font-weight: 700;
	line-height: 1em;
}


#mfsinfobox .addr
{
	display: block;
	height: auto;
	/*font-family: 'Mplus 1p', 'Noto Sans JP', sans-serif;*/
	font-weight: 500;
	line-height: 1.2em;
}


#mfsinfobox .tel
{
	display: block;
	height: 1em;
	margin-top: 0.1em;
	font-weight: 900;
	line-height: 1em;
}


#mfsinfobox .sh
{
	display: block;
	height: 1em;
	margin-top: 0.3em;
	font-weight: 500;
	line-height: 1em;
	white-space: nowrap;
}


.mfsibi
{
	display: block;
	position: relative;
}


.mfsibil .sn
{
	font-size: 33px;
}


.mfsibil .addr
{
	margin-top: 1.5em;
	font-size: 18px;
}


.mfsibil .tel
{
	margin-top: 0.2em;
	font-size: 34px;
}


.mfsibil .sh
{
	margin-top: 0.3em;
	font-size: 15px;
}


.mfsibis
{
	width: 185px;
	height: auto;
	margin-top: 12px;
}


.mfsibis .sn
{
	font-size: 15px;
}


.mfsibis .sn .sn_short
{
	display: inline-block;
	position: relative;
	font-size: 0.9em;
	line-height: 1.1em;
	vertical-align: top;
	-webkit-transform: scaleY( 1.1 );
	transform: scaleY( 1.1 );
}


.mfsibis .addr
{
	margin-top: 0.5em;
	font-size: 10px;
	/*
	-webkit-transform-origin: 0px 0px;
	transform-origin: 0px 0px;
	-webkit-transform: scale( 0.9 );
	transform: scale( 0.9 );*/
}


.mfsibis .tel
{
	font-size: 14px;
}


.mfsibis .sh
{
	font-size: 10px;
	-webkit-transform-origin: 0px 0px;
	transform-origin: 0px 0px;
	-webkit-transform: scale( 0.8 );
	transform: scale( 0.8 );
}


.mfsibis .if
{
	display: inline-block;
	margin-top: 0.2em;
	margin-left: 5px;
	font-size: 10px;
	line-height: 12px;
	vertical-align: top;
}

/*
#mfsib06
{
	width: 100%;
}


#mfsib06 .sn
{
	display: inline-block;
	vertical-align: top;
}
*/
/*
#mfsib02
{
	left: 356px;
	top: 0px;
}


#mfsib03
{
	left: 565px;
	top: 0px;
}


#mfsib04
{
	left: 356px;
	top: 74px;
}


#mfsib05
{
	left: 565px;
	top: 74px;
}


#mfsib06
{
	left: 356px;
	top: 148px;
}


#mfsib07
{
	left: 565px;
	top: 148px;
}


#mfsib08
{
	left: 356px;
	top: 222px;
}


#mfsib09
{
	left: 565px;
	top: 222px;
}


#mfsib10
{
	left: 356px;
	top: 296px;
}


#mfsib11
{
	left: 565px;
	top: 296px;
}
*/

#mfmapbox
{
	display: block;
	width: 746px;
	height: 207px;
	margin: 32px auto 0px auto;
}


#mfsnsbox
{
	display: block;
	position: relative;
	width: 400px;
	height: 190px;
	margin: 110px auto 0px auto;
	text-align: center;
	-webkit-font-feature-settings: 'palt';
	font-feature-settings: 'palt';
}


#mfsnscatch
{
	display: block;
	position: relative;
	width: 100%;
	height: 64px;
	margin: 10px auto 0px auto;
	font-size: 26px;
	font-weight: 900;
	line-height: 32px;
	vertical-align: top;
	-webkit-transform: rotate( -7deg );
	transform: rotate( -7deg );
}


#mfsnscatch span
{
	font-size: 21px;
}


#mfsnscont
{
	display: block;
	position: relative;
	margin: 60px auto 0px auto;
	padding: 0px;
	list-style: none;
	font-size: 0px;
	line-height: 0px;
}


#mfsnscont li
{
	display: inline-block;
	margin: 0px 30px 0px 30px;
}


#mfsnscont li a
{
	display: block;
	position: relative;
	width: 44px;
	height: 44px;
	text-decoration: none;
	transition-duration: 150ms;
}


#mfsnscont li:nth-child(3) a
{
	width: 52px;
	height: 52px;
}


#mfsnscont li a img
{
	display: block;
	position: absolute;
	left: -100px;
	right: -100px;
	top: -100px;
	bottom: -100px;
	margin: auto;
	width: 100%;
	border: 0px;
}


#mfsnscont li a:hover
{
	-webkit-filter: drop-shadow( 0px 0px 3px rgba( 255, 255, 255, 0.8 ) );
	filter: drop-shadow( 0px 0px 3px rgba( 255, 255, 255, 0.8 ) );
}


#footlogo01
{
	display: block;
	position: absolute;
	left: 32px;
	top: 56px;
	width: 98px;
	height: 72px;
	text-decoration: none;
	transition-duration: 150ms;
}


#footlogo01:hover
{
	-webkit-filter: drop-shadow( 0px 0px 3px rgba( 255, 255, 255, 0.8 ) );
	filter: drop-shadow( 0px 0px 3px rgba( 255, 255, 255, 0.8 ) );
}


#footlogo01 img
{
	display: block;
	width: 100%;
	height: 100%;
	border: 0px;
}


#footmenu
{
	display: block;
	position: absolute;
	left: 156px;
	top: 77px;
	width: 600px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	color: #FFFFFF;
}


#footmenu li
{
	display: inline-block;
}


#footmenu li a
{
	display: inline-block;
	height: 1em;
	margin-right: 12px;
	font-size: 11px;
	font-weight: 500;
	line-height: 1em;
	text-align: left;
	vertical-align: top;
	text-decoration: none;
	color: #FFFFFF;
	white-space: nowrap;
	transition-duration: 150ms;
}


#footmenu li a:first-letter
{
	font-size: 0.8em;
}


#footmenu li a:hover
{
	text-shadow: 0px 0px 3px rgba( 255, 255, 255, 0.8 );
}


#footcopy
{
	display: block;
	position: absolute;
	left: 156px;
	top: 98px;
	width: 600px;
	height: 1em;
	font-family: 'Bellefair', sans-serif;
	font-size: 10px;
	font-weight: 700;
	line-height: 1em;
	text-align: left;
	vertical-align: top;
	color: #FFFFFF;
}


#footcopy span
{
	font-size: 1.1em;
}


.rtt01
{
	display: block;
	position: relative;
	width: 50px;
	height: 50px;
	margin: 100px auto 40px auto;
	/*font-family: 'texgyreadventor', sans-serif;*/
	font-family: 'Poppins', sans-serif;
	font-size: 20px;
	font-weight: 500;
	line-height: 50px;
	text-decoration: none;
	text-align: center;
	vertical-align: top;
	color: #FFFFFF;
	transition-duration: 150ms;
	cursor: pointer;
}


.rtt01::before
{
	content: '';
	display: block;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 6px;
	margin: auto;
	width: 8px;
	height: 8px;
	border-left: solid 1px #FFFFFF;
	border-top: solid 1px #FFFFFF;
	border-right: solid 1px transparent;
	border-bottom: solid 1px transparent;
	-webkit-transform: rotate( 45deg ) scale( 1.3 );
	transform: rotate( 45deg ) scale( 1.3 );
	transition-duration: 150ms;
}


.rtt01:hover
{
	-webkit-filter: drop-shadow( 0px 0px 3px rgba( 255, 255, 255, 0.8 ) );
	filter: drop-shadow( 0px 0px 3px rgba( 255, 255, 255, 0.8 ) );
}


#mfcont .rtt01
{
	margin-top: 150px;
}



.pcbr
{
	display: block;
}


.mbbr
{
	display: none;
}






@media ( max-width: 640px )
{
	body
	{
		-webkit-text-size-adjust: 100%;
	}
	
	
	.pcbr
	{
		display: none;
	}
	
	
	.mbbr
	{
		display: block;
	}
	
	
	#bodybox
	{
		width: 640px;
		min-width: 640px;
	}
	
	
	#headerbase
	{
		width: 640px;
	}
	
	
	header
	{
		width: 640px;
	}
	
	
	.midbox
	{
		width: 640px;
	}
	
	
	#footerbase
	{
		width: 640px;
		height: 400px;
	}
	
	
	footer
	{
		width: 640px;
	}
	
	
	.rtt01
	{
		-webkit-transform: scale( 1.4 );
		transform: scale( 1.4 );
	}
	
	
	.rtt01:hover
	{
		-webkit-filter: none !important;
		filter: none !important;
	}
	
	
	#headlogo
	{
		top: 40px;
		-webkit-transform: scale( 1.6 );
		transform: scale( 1.6 );
	}
	
	
	#headlogo:hover
	{
		-webkit-filter: none !important;
		filter: none !important;
	}
	
	
	#menubox
	{
		width: 640px;
		height: 120px;
	}
	
	
	#menucont
	{
		width: 600px;
		height: 120px;
		margin: 0px auto 0px auto;
	}
	
	
	#menucont li
	{
		width: 160px;
		height: 40px;
		margin: 10px 20px 10px 20px;
		
	}
	
	
	#menucont li a
	{
		-webkit-transform: scale( 1.4 );
		transform: scale( 1.4 );
	}
	
	
	#menucont li a:hover
	{
		text-shadow: none;
	}
	
	
	#mfcont
	{
		width: 640px;
		/*height: 1600px;*/
		/*height: 1760px;*/
		height: auto;
	}
	
	
	#mfsinfobox
	{
		/*height: 480px;*/
		/*height: 640px;*/
	}
	
	
	#mfsibc01
	{
		width: 100%;
	}
	
	
	#mfsibc02
	{
		width: 100%;
	}
	
	
	.mfsibil
	{
		/*left: 46px;*/
		width: 80%;
		margin-left: 46px;
		margin-bottom: 42px;
		-webkit-transform-origin: 0px 0px;
		transform-origin: 0px 0px;
		-webkit-transform: scale( 1.2 );
		transform: scale( 1.2 );
	}
	
	
	.mfsibis
	{
		margin: 30px 43px 30px 46px;
		-webkit-transform-origin: 0px 0px;
		transform-origin: 0px 0px;
		-webkit-transform: scale( 1.4 );
		transform: scale( 1.4 );
	}
	
	/*
	#mfsib02
	{
		left: 46px;
		top: 200px;
	}
	
	
	#mfsib03
	{
		left: 320px;
		top: 200px;
	}
	
	
	#mfsib04
	{
		left: 46px;
		top: 320px;
	}
	
	
	#mfsib05
	{
		left: 320px;
		top: 320px;
	}
	
	
	#mfsib06
	{
		left: 46px;
		top: 440px;
	}
	
	
	#mfsib07
	{
		left: 320px;
		top: 440px;
	}
	
	
	#mfsib08
	{
		left: 46px;
		top: 560px;
	}
	
	
	#mfsib09
	{
		left: 320px;
		top: 560px;
	}
	*/
	
	#mfmapbox
	{
		width: 100%;
		height: 280px;
		margin-top: 51px;
	}
	
	
	#mfmapbox iframe
	{
		height: 280px;
	}
	
	
	#footlogo01
	{
		left: 0px;
		right: 0px;
		top: 70px;
		margin: auto;
		-webkit-transform: scale( 1.6 );
		transform: scale( 1.6 );
	}
	
	
	#footlogo01:hover
	{
		-webkit-filter: none;
		filter: none;
	}
	
	
	#footmenu
	{
		left: 0px;
		right: 0px;
		top: 200px;
		width: 500px;
		margin: auto;
		text-align: center;
	}
	
	
	#footmenu li a
	{
		height: 2em;
		margin: 0px 16px 0px 16px;
		font-size: 18px;
		line-height: 1em;
	}
	
	
	#footmenu li a:hover
	{
		text-shadow: none;
	}
	
	
	#footcopy
	{
		left: 0px;
		right: 0px;
		top: auto;
		bottom: 36px;
		margin: auto;
		font-size: 14px;
		text-align: center;
	}
}