@charset "UTF-8";
@import url("common.css");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@700&display=swap");

html, body, div, span, object, iframe, h1, .recent-updated-heading, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button, input[type=submit], input[type=button] {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/*=============================================================
#base
=============================================================*/
body,html{
}
img {
	max-width: 100%;
	height: auto;
	min-width:100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
ol, ul {
	list-style: none;
}
html {
}
body {
font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
font-size: 1.4rem;
-webkit-text-size-adjust: none;
-webkit-touch-callout: none;
background-color: #FFF;
text-size-adjust: 100%;
margin: 0px;
padding: 0px;
}
:focus {
	outline: 0;
}
iframe {
	width : 100%;
}
#container {
display: block;
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
a {
	text-decoration: none;
}
.font1 {
	font-family: 'Roboto Condensed', sans-serif;
}
.drawerfixed {
    overflow: auto;
    height: 100%;
}


/*=============================================================
#FOOTER
=============================================================*/
.pagetop {
	display: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 30px;
	height: 30px;
	text-align: center;
	z-index: 8000;
	cursor: pointer;
}
.pagetop span {
	display: block;
	border-radius: 50%;
	background: #9fb7d4;
	color: #fff;
	font-size: 14px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-decoration: none;
	font-weight: bold;
	height: 100%;
	width: 100%;
	line-height: 2.1;
	font-family: Arial, Helvetica, sans-serif;
}

#footer {
border-top: solid 1px #C4C4C4;
margin-right: auto;
margin-left: auto;
text-align: center;
margin-top: 100px;
margin-bottom: 0px;
padding-bottom: 40px;
padding-top: 40px;
overflow: hidden;
position: relative;
width: 100%;
}
#footer .body {
width: 94%;
text-align: center;
margin-top: 0px;
margin-right: auto;
margin-bottom: 50px;
margin-left: auto;
}
#footer .logo {
margin-bottom: 30px;
width: 50%;
margin: 0px auto 20px auto;
}
#footer p.name {
font-size: 20px;
line-height: 1.5em;
font-weight: bold;
color: #333;
margin: 0px;
padding: 0px;
}
#footer p.ad {
font-size: 18px;
line-height: 1.8em;
color: #333;
margin: 20px 0 0 0;
padding: 0px;
}

#footer p.copy {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	line-height: 150%;
	padding-top: 10px;
	padding-bottom: 3px;
}
#footer a {
	color: #333;
	text-decoration: none;
}
#footer a:hover {
	color: #000;
	text-decoration: underline;
}