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

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@500&display=swap');

html {
	overflow-y: scroll;
  font-size: 10px;
}
	

body{
  font-size: 16px;/* IE 8 */
	font-size: 1.6rem;
  line-height: 2.0;
  font-family: 'Noto Sans JP', "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 400;
  letter-spacing: 1px;
  color: #2f2f2f;
  background-color: #FFF;
}

select, input, textarea, button, table{
  font-size: 16px;/* IE 8 */
	font-size: 1.6rem;
  line-height: 1.8;
  font-family: 'Noto Sans JP', sans-serif;
  letter-spacing: 0.5px;
  color: #2f2f2f;
  background-color: transparent;
}

@media screen and (max-width: 520px) {
  
  body{
    font-size: 14px;/* IE 8 */
    font-size: 1.4rem;
  }

  select, input, textarea, button, table{
    font-size: 14px;/* IE 8 */
    font-size: 1.4rem;
  }
  
}

a{ text-decoration:none; }
a:link{ color:#2f2f2f; }
a:visited{ color:#333; }
a:hover{ color:#102F5A; }
a:active{ color:#102F5A; }
a:active, a:focus{ outline:none; }

small{
  font-size: 11px;/* IE 8 */
  font-size: 1.1rem;
}



span.break{ display: inline-block; }
.textcenter{ text-align:center; }
.textright{ text-align:right; }
.textleft{ text-align:left; }
.textjustify{ text-align:justify; }
.textinline{ display:inline; }
.nowrap{ white-space: nowrap; }
.sfont{ font-size: 78%; letter-spacing: 0; }
.break{ display: inline-block; font-weight: inherit; }
.white{ color: #fff; }


.f2{ font-size: 2.0rem; }
@media screen and (max-width: 640px) {
  .f2{ font-size: 1.6rem; }
}





/* ------------------------------------------------------------
  Hover animation
------------------------------------------------------------ */

a .ani1-hover{
  overflow: hidden;
}
a .ani1-hover img{
  transition: 0.5s;
}
a:hover .ani1-hover img{
  transform: scale(1.1, 1.1);
}
a.ani1-hover{
  overflow: hidden;
}
a.ani1-hover img{
  transition: 0.5s;
}
a.ani1-hover:hover img{
  transform: scale(1.1, 1.1);
}



/*------------------------------------------------------------
  Clearfix（フロート解除で親ブロックに使用）
------------------------------------------------------------*/

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

.pagetop {
	display: none;
	position: fixed;
	bottom: 40px;
	right: 2px;
	z-index:999;
}
.pagetop a {
	display: block;
  opacity:0.7; 
	width: 42px;
  height: 42px;
	text-align: center;
	background-color: rgba(0,71,123,1.0);
  color: #fff;
	text-decoration: none;
	font-size:30px;
	line-height:30px;
  padding-top: 5px;
  border-radius: 21px;
}