@charset "utf-8";

/*=======================================================
	共通
=======================================================*/
/*---------------------------------------------
	リセット
---------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	outline: 0;
	vertical-align: baseline;
}
html,
body{
	width: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
html{
	background-color: #fff;
}
body,ul,li,h1,h2,h3,h4,ol,dl,dd,dt{
	font-size: 1.45rem;
	line-height: 1.6;
}
article,aside,details,figcaption,figure,footer,header,menu,nav,section,main{
	display: block;
}
ul li,ol li{
	list-style-type: none;
}
img{
	border: none;
	vertical-align: bottom;
}
a{
	outline: none;
	color: #06c;
}
a:link{
	text-decoration: none;
}
a:visited{
	color: #432189;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
a:active{
	text-decoration: underline;
}

/* Custom cross-browser styles for keyboard :focus overrides defaults. */
a:focus{
  box-sizing: border-box;
  outline: 1px solid #00278c;
  outline-offset: 1px;
}
*:focus{
  box-sizing: border-box;
  outline: 1px solid #00278c;
  outline-offset: 1px;
}
/* Remove focus styles for non-keyboard :focus. */
a:focus:not(.focus-visible),
.ngk_link a:focus:not(.focus-visible){
  outline: 0 !important;
  box-shadow: none !important;
}

img{
	-webkit-backface-visibility: hidden;
}
strong{
	font-weight: bold;
}
sup{
  position: relative;
  top: -1ex;
  font-size: 0.7em;
  vertical-align: baseline;
}


/*---------------------------------------------
	body wrap
---------------------------------------------*/
body{
	position: relative;
	color: #393939;
	font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', 'ＭＳ Ｐゴシック', 'MS P Gothic', Verdana, Arial, Helvetica, sans-serif;
	font-weight: 300;
}
.wrap{
	overflow: hidden;
	width: 100%;
}

.disc li{
	margin: 0 0 10px 1em;
	/*padding-left: 1em;
	text-indent: -1em;*/
	list-style-type: disc;
	list-style-position: outside;
}
.disc li li{
	margin: 0 0 0 1.5em;
}


.page_top{
  display: none;
  position: fixed;
  z-index: 1000;
  right: 0;
  bottom: 0;
}
.page_top a{
  display: block;
  text-decoration: none;
}
.page_top a img{
  width: 66px;
}
.page_top a:hover{
  opacity: 0.8;
}
.link_arrow{
  padding: 0 0 0 15px;
  position: relative;
}
.link_arrow:before{
  content: ' ';
  margin: auto 3px auto 0;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 6px;
  height: 18px;
  background: url(../img/arrow.svg) no-repeat left center;
  background-size: 100% auto;
}

.site_info p{
  margin: 0 10px;
  padding: 0 0 0 10px;
  font-size: 1.3rem;
  text-align: left;
  position: relative;
}
.nav_privacypolicy a:before,
.site_info p:before{
  content: ' ';
  margin: auto 3px auto 0;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 5px;
  height: 18px;
  background: url(../img/arrow.svg) no-repeat left center;
  background-size: 100% auto;
}
.nav_privacypolicy{
  margin: 10px 10px 0;
  text-align: center;
}
.nav_privacypolicy a{
  padding: 0 0 0 10px;
  display: inline-block;
  font-size: 1.3rem;
  text-align: center;
  position: relative;
}

footer{
  padding: 10px 10px 30px;
  text-align: center;
}
small{
  text-align: center;
}

/* ===========================================
	MediaQueries
=========================================== */
/* PC----------------------------- */
@media screen and (min-width: 768px){
	html{
		min-width: 1024px;
		font-size: 62.5%;
	}
	.br_sp{
		display: none;
	}
	.mfp-content > div{
		margin-right: auto;
		margin-left: auto;
		position: relative;
		width: 940px;
	}
	body{
		overflow-y: scroll;
	}
  .site_info{
    margin: 30px 0 0;
    display: flex;
    justify-content: center;
  }

	
}

/* スマホ----------------------------- */
@media screen and (max-width: 767px){
	html,
	body{
		min-width: 0;
		width: 100%;
	}
	html{
		background-color: #fff;
		font-size: 62.5%;
	}
	body{
		position: relative;
		font-family: sans-serif;
		-webkit-text-size-adjust: 100%;
	}
	.wrap{
		position: relative;
		width: 100%;
		background-color: #fff;
	}
	.share_cont{
		padding-right: 10px;
	}
	.wrap img{
		max-width: 100%;
		height: auto;
	}
	.br_pc{
		display: none;
	}
  .site_info{
    margin: 30px 0 0;
  }
  footer{
    padding: 10px 10px 20px;
  }
  .link_arrow:before{
    margin: 0 3px 0 0;
    top: 0.3em;
    bottom: auto;
  }
  .nav_privacypolicy a:before,
  .site_info p:before{
    margin: 0 3px 0 0;
    top: 0.2em;
    bottom: auto;
  }

}