@keyframes fadeIn {0% {opacity: 0}100% {opacity: 1}}
@-webkit-keyframes fadeIn {0% {opacity: 0}100% {opacity: 1}}
.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {0% { opacity: 0; -webkit-transform: translateY(-20px); }100% { opacity: 1; -webkit-transform: translateY(0); }}
@keyframes fadeInDown {0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }}
@keyframes animatedBackground {0% { background-position: 0 0; }100% { background-position: -300px 0; }}
@-moz-keyframes animatedBackground {0% { background-position: 0 0; }100% { background-position: -300px 0; }}
@-webkit-keyframes animatedBackground {0% { background-position: 0 0; }100% { background-position: -300px 0; }}
@-ms-keyframes animatedBackground {0% { background-position: 0 0; }100% { background-position: -300px 0; }}
@-o-keyframes animatedBackground {0% { background-position: 0 0; }100% { background-position: -300px 0; }}





.over{
	transition: opacity .2s;
}

.over:hover{
	opacity:.6;
}
.js-focus-visible :focus:not(.focus-visible) {
	outline: none;
}

/* タブ移動時 */
.focus-visible {
	outline: 3px solid #5488f0;
}

::selection {background: #5488f0; color: #fff;}
::-moz-selection {background: #5488f0; color: #fff;}
::-moz-focus-inner {border:0;}


html{
	font-family: 'YakuHanJP','Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10pt;
	overflow-x: hidden;
	text-align: justify;
	text-justify: inter-ideograph;
	overflow-y: none;
	background-repeat: no-repeat;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-position: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	scroll-behavior: smooth;
}
.d_none {display:none;}
h1,h2,h3,h4,h5,h6 {
	font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0px;padding: 0px;letter-spacing: 0px;
}
sup {margin: 0px;padding: 0px;line-height: 0px;}
a img {border: none;}
a , button {outline: 0;}
header, hgroup, section, srticle, aside, footer, figure, figcaption, nav{display:block;}

.siz50_herf {
	max-width: 100%;
	height: auto;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.siz100_full {
	max-width: 100%;
	height: auto;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	width: 100%;
}
ul li div{
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.red {color: #F00;}

a:link.under{color: #000;text-decoration: underline;}
a:visited.under {text-decoration: none;color: #000;}
a:active.under{color: #000;text-decoration: none;}
a:hover.under{text-decoration: none;color: #F00;}
a:link.under2{color: #000;text-decoration: none;}
a:visited.under2 {text-decoration: none;color: #000;}
a:active.under2{color: #000;text-decoration: none;}
a:hover.under2{text-decoration: none;color: #333;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:active {text-decoration: none;}
a:hover {text-decoration: none;}

img{border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;}
ul,li{margin: 0px;padding: 0px;list-style-type: none;}
p{margin: 0px;padding: 0px;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;}
.font_icon {font-family: WebIconFonts;}
.font_icon2 {font-family: HeydingsCommonIconsRegular, Arial, sans-serif;}


@media print, screen and (min-width: 1025px) {
  .pc { display:inline; }
  .sp { display:none; }
  .lefts {float: left;}
  .rights {float: right;}
  
  
 .sa {opacity: 0;transition: all .8s ease;}
.sa.show {opacity: 1;transform: none;}
.sa--lr {transform: translate(-20px, 0);}
.sa--rl {transform: translate(20px, 0);}
.sa--up {transform: translate(0, 20px);}
.sa--down {transform: translate(0, -20px);}
.sa--scaleUp {transform: scale(.9);}
.sa--scaleDown {transform: scale(1.5);}

  .space-full {width: 90%;min-width: 1050px;max-width: 1300px;margin-right: auto;margin-left: auto;}
  
  
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .pc { display:none; }
   .tb { display:inline; }
  .sp { display:inline; }
  input{-webkit-appearance: none;}
  input[type="button"]{-webkit-appearance: none;}
  .lefts {}
  .rights {}
  .space-full {margin-right: 5%;margin-left: 5%;}
  #page-top {display: none;}
  .page-top {display: none;}
}

@media screen and (max-width: 767px) {
  .pc { display:none; }
    .tb { display:none; }
  .sp { display:inline; }
  input{-webkit-appearance: none;}
  input[type="button"]{-webkit-appearance: none;}
  .lefts {}
  .rights {}
  .space-full {margin-right: 5%;margin-left: 5%;}
  #page-top {display: none;}
  .page-top {display: none;}
}

@media print, screen and (min-width: 1025px) { 
  #hed {display: none;}
  .sponly {display: none;}
  .pconly {}
    .tbonly {display: none;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #hed {}
  .sponly {}
  .tbonly {}
  .pconly {display: none;}
}
@media screen and (max-width: 767px) {
  #hed {}
  .sponly {}
   .tbonly {display: none;}
  .pconly {display: none;}
}