/*--------------------------------------------------
  reset
--------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, 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 {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  font-weight:normal;/* Yutaka added */
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Nobu added */
table, tr, th, td, caption {
  vertical-align: middle;
  text-align:left;
}

img {
  vertical-align: top;
  font-size:0;
  line-height: 0;
	width: 100%;
}

textarea{
    vertical-align:top;
}

/*--------------------------------------------------
  font
--------------------------------------------------*/

/*--------------------------------------------------
  body
--------------------------------------------------*/
html {
  font-size: 62.5%;
}

body {
  color: #444444;
  font-size : 15px;
	line-height: 1.8;
	font-weight: 400;
	font-family: "Noto Sans JP", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
a {
	color: #111;
	text-decoration: none;
	transition : all 0.5s;
}

a:hover {
	opacity: 0.5;
	filter: alpha(opacity=30);
	-ms-filter: "alpha(opacity=30)";
}

.pc-no01 {
  display: none;
}

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

.hide {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;  
}



/*--------------------------------------------------
	ofi-cover
--------------------------------------------------*/
.ofi-cover {
  object-fit: cover;
  font-family: 'object-fit: cover';
}

.ofi-cover-top {
  object-fit: cover;
	object-position: 50% 20%;
  font-family: 'object-fit: cover; object-position: 50% 0%;';
}

.ofi-cover-bottom {
  object-fit: cover;
	object-position: 50% 70%;
  font-family: 'object-fit: cover; object-position: 50% 70%;';
}

.ofi-cover-right {
  object-fit: cover;
	object-position: 0% 50%;
  font-family: 'object-fit: cover; object-position: 0% 50%;';
}

.ofi-contain {
  object-fit: contain;
  font-family: 'object-fit: contain';
}







@media screen and (max-width: 768px){
/*--------------------------------------------------
  body
--------------------------------------------------*/
body {
  color: #111;
  font-size: 14px;
}

.pc-no01 {
	display: block;
}
.sp-no01 {
	display: none;
}

}