@charset "UTF-8";

body, h1, h2, h3, h4, h5, h6, p, address, blockquote, pre, div, dl, dt, dd, ol, ul, li, th, td, form, fieldset, input, textarea {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
	font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

select {
  margin: 0 0 0 0;
}


html, body {
  height: 100%;
}

abbr, acronym {
  border: 0 none;
}

q:before, q:after {
  content: "";
}

ol, ul {
  list-style: none;
}

img {
  border: 0 none;
  vertical-align: bottom;
}

object {
  outline: none;
}

table {
  max-width: 100%;
  border-spacing: 0;
}

caption {
  text-align: left;
}

th, td {
  text-align: left;
  vertical-align: top;
  empty-cells: show;
}

hr {
  display: none;
}

fieldset {
  border: 0 none;
}

label {
  cursor: default;
}

iframe {
  border: 0 none;
  overflow: auto;
}

area {
  outline: none;
}



article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}


body {
  background: #fff;
  font-size: 100%;
  line-height: 1.5;
}

body {
  -webkit-text-size-adjust: 100%;
}

/* WebKit */
pre, code {
  font-size: 16px;
}

a {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0.25);
}

a:link, a:visited {
  text-decoration: none;
}

a:hover, a:active {
  text-decoration: none;
  opacity: 0.7;
}



/* clearfix ---------------- */
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}


/* --------------------------------
	Loading
-------------------------------- */
.loadingWrap{
	width: 100%;
	height: 100%;
	background: #FFF;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000000000000;
}
.loadingWrap i{
	position: absolute;
	top: 50%;
	left: 47%;
	margin-top: -50px;
	z-index: 1000000000000;
	font-size: 80px;
	color: #002968;
}


/* --------------------------------
	Other
-------------------------------- */
.l-inner {
  margin: 0 auto;
  width: auto;
  height: 45px;
}
@media only screen and (max-width: 1099px) {
  .l-inner {
    width: auto;
  }
}

.mode-pc {
    display: none;
  }

.mode-sp {
  display: none;
}

.pc-hidden {
	display:none;
}
.sp-hidden {
}

@media only screen and (max-width: 1099px) {
  .mode-sp {
    display: block;
  }
  
	.pc-hidden {
		display:inherit;
	}
	.sp-hidden {
		display:none;
	}
}


/* --------------------------------
	Footer
-------------------------------- */
#footer {
	width: 100%;
	text-align: center;
	padding: 45px 0;
	position: relative;
	z-index: 2;
}
#footer-in {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

#top-footer-box01 {
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

#top-footer-box01 h2{
	padding: 0 0 20px 0;
	text-align: center;
}

#top-footer-box01 p{
    font-size: 15px;
    line-height: 170%;
}
#top-footer-box01 p i{ color: #000; padding: 0 5px 0 0; }
#top-footer-box01 p a{ color: #000; }


#copyright {
	width: 100%;
	text-align: center;
	padding: 6px 0;
	position: relative;
	z-index: 2;
	background-color: #002968;
}

#copyright-in {
	margin: 0 auto;
	text-align: center;
	font-size:12px;
	line-height:12px;
	letter-spacing: 1px;
	color: #FFFFFF;
}

/*------------------------------
  Pagetop
------------------------------*/
#page-top {
    position: fixed;
	z-index:1000;
    bottom: 300px;
    right: 20px;
	line-height:100px;
}
#page-top a {
    text-decoration: none;
    width: 52px;
	height: 47px;
    padding: 0;
    text-align: center;
    display: block;
	float: left;
}
#page-top a:hover {
    text-decoration: none;
}

#sp_f_pagetop a { display: none; }







@media only screen and (max-width: 1099px) {
	/* --------------------------------
		Loading
	-------------------------------- */
	.loadingWrap{
		display: none;
	}


	/* --------------------------------
		Footer
	-------------------------------- */
	#footer {
		width: 100%;
		text-align: center;
		padding: 35px 0 20px 0;
		position: relative;
		z-index: 2;
	}
	#footer-in {
		width: 94%;
		margin: 0 auto;
		text-align: center;
	}
	
	#top-footer-box01 {
		margin: 0 auto;
		padding: 0 0 25px 0;
		text-align: center;
	}
	
	#top-footer-box01 h2{
		padding: 0 0 15px 0;
		text-align: center;
	}
	
	#top-footer-box01 p{
		font-size: 13px;
		line-height: 140%;
	}
	#top-footer-box01 p i{ color: #000; padding: 0 5px 0 0; }
	#top-footer-box01 p a{ color: #000; }



	/*------------------------------
	  Pagetop
	------------------------------*/

	#page-top a { display: none; }

	#sp_f_pagetop {
		padding: 0 0 15px 0;
	}
	#sp_f_pagetop a {
		display: block;
		width: 96%;
		background-color: #000;
		color: #fff;
		font-weight: bold;
		text-align: center;
		font-size: 14px;
		line-height: 100%;
		padding: 15px 0;
		margin: 0 auto;
	}
	
	#sp_f_pagetop a:hover {
		opacity: 0.7;
	}
	
	
	

}


@media only screen and (max-width: 767px) {
	
	/*------------------------------
	  Page
	------------------------------*/
	

	
}