@charset "utf-8";
/* CSS Document */

html { overflow-y: scroll; font-size: 62.5%;}
html { scroll-behavior: smooth;}/* スムーズスクロール */
:target{ scroll-margin-top: 100px;}/* スムーズスクロールずれ調整 */
@media screen and (max-width:640px) {:target{ scroll-margin-top: 80px;}}
@media screen and (max-width:420px) {:target{ scroll-margin-top: 60px;}}

body{
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 1.8rem;
  line-height: 1.8;
  font-weight: 400;
  overflow-wrap: break-word;
  text-align: left;
  letter-spacing: 0.5px;
  color: #3a3a3a;
  background-color: #FFF;
}
select, input, textarea, button,table, th, td, dl, dt, dd{
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 1.8rem;
  line-height: 1.8;
  font-weight: 400;
  overflow-wrap: break-word;
  text-align: left;
  letter-spacing: 0.5px;
  color: #3a3a3a;
}
@media screen and (max-width:640px) {
  body{
    font-size: 1.5rem;
    line-height: 1.5;
  }
  select, input, textarea, button,table, th, td, dl, dt, dd{
    font-size: 1.5rem;
    line-height: 1.5;
  }
}
a { color:#21589B; text-decoration:none; }

a:hover, a:active { color:#3A86C1; text-decoration:none; }
a:active, a:focus	{ outline:none; }/* 選択時に点線を表示しない */
a.selected{ color:#3A86C1; text-decoration:none; }
button{ outline:none; }/* 選択時に点線を表示しない */

span.break{ display:inline-block; }

.txtLeft { text-align: left; }
.txtCenter { text-align: center; }
.txtRight { text-align: right; }

ul.liston{ list-style:disc; margin-left:25px; }
ol.liston{ list-style:decimal; margin-left:25px; padding-left:15px; }

sub{ font-size:60%; }
sup{ font-size:60%; padding-bottom:0.3em; }

.pconlyblock{ display: block;}
.sponlyblock{ display: none;}
@media screen and (max-width:640px) {
  .pconlyblock{ display: none;}
  .sponlyblock{ display: block;}
}
br.sponly{ display: none;}
@media screen and (max-width:420px) {
  br.sponly{ display: inline;}
}

/*------------------------------------------------------------
  Clearfix
------------------------------------------------------------*/

.cf:before,.cf:after {content: " "; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }

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

.pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 10px;
	z-index:500;
}
.pagetop a {
	display: block;
	width: 50px;
	height: 50px;
	border-radius:25px;
	text-align: center;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	line-height: 50px;
}