@charset "UTF-8";

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td, figure{
    margin: 0; 
    padding: 0;
}
html{
	overflow-y: scroll;
	font-family:'Noto Sans JP', sans-serif;
	font-size: 62.5%;
	color: #333;
	line-height: 1;
	font-feature-settings: "palt" 1;
}


body{-webkit-text-size-adjust: 100%; font-size: 1.6rem;}
h1, h2, h3, h4, h5, h6{
  font-size: 100%; 
  font-weight: normal;
}
ol, ul{
  list-style:none;
}
fieldset, img{
  border:0;
}
table{
  border-collapse: collapse; 
  border-spacing:0;
}
caption, th{
  text-align: left;
}
address, caption, cite, code, dfn, strong, th, var{
  font-style: normal; 
  font-weight: normal;
}
em{ 
  font-style: normal;
}
img{
	max-width: 100%;
	height: auto;
}
img.svg{ 
  max-width: auto; width: 100%;
}

*{ box-sizing: border-box;}

/*読み上げ文言の設定*/
.visually-hidden{
  position: fixed !important;
  /* keep it on viewport */
  top: 0px !important;
  left: 0px !important;
  /* give it non-zero size, VoiceOver on Safari requires at least 2 pixels
     before allowing buttons to be activated. */
  width: 4px !important;
  height: 4px !important;
  /* visually hide it with overflow and opacity */
  opacity: 0 !important;
  overflow: hidden !important;
  /* remove any margin or padding */
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  /* ensure no other style sets display to none */
  display: block !important;
  visibility: visible !important;
}

@media screen and ( min-width:768px) {
  .sp__only {
    display: none;
  }
}
@media screen and ( max-width:767px) {
  .pc__only {
    display: none;
  }
}