/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 12 2021 | 06:30:21 */
h1,h2,h3,h4,h5{
	  text-transform:none !important;
      font-family: 'Noto Sans JP', sans-serif;

}
img[usemap]{
  height: auto;
}
.cls_breadcrumb{
  margin:0 !important;
  padding:0 !important;
}
.breadcrumb__item{
      font-family: 'Noto Sans JP', sans-serif;
 	 font-size:1em; 
}
.breadcrumb_link{
  	color:#336699;
}

/*テーブル*/
th{
	background: #336699; 
    color:#FFF;
   border-color:#FFF;
  width:15%;

}

html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
}

body {
  position: relative;
/*  cursor: none;*/
}

.cursor,
.follower {
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

.cursor {
  width: 8px;
  height: 8px;
  background-color: #000;
  z-index: 1001;
}

.follower {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background-color: rgba(27, 88, 168, 0.5);
  /*
  background-color: rgba(253, 254, 0, 0.5);
  */
  z-index: 1000;
  transition: transform ease 0.1s;
  text-align: center;
}
.follower span {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  transform: scale(0);
}
.follower.is-active {
  transform: scale(3);
}
.cls_title1::after{
    content:" ";
	position:absolute;
	bottom:-20px;
	left: 50%;
	transform:translateX(-50%);
	width:40%;
	height:5px;
	background-image:linear-gradient(90deg,rgba(255 255 255 /0),#336699,rgba(255 255 255 /0)
	);
}
.cls_text_link {
  position: relative;
  display: inline-block;
  transition: .3s;
  color:#336699 !important;
  font-weight:bold !important;
}
.cls_text_link:after{
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 0;
  height: 1px;
  background-color: #6699ff;
  transition: .3s;
}
.cls_text_link:hover:after {
  width: 100%;
}

.ho_st{
  /*cursor: none;  */
  cursor: pointer; 
}
.link_text {
   font-weight:bold;
	padding: 0.1em 0.3em;
	position: relative;
	display: inline-block;
	transition: .3s;
	color: red;
}
.link_text::after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	width: 0;
	height: 1px;
	background-color: #336699;
	transition: .3s;
}
.link_text:hover::after {
	width: 100%;
}

.categories{
  color:#336699;
  font-size:1.2em;
}
.cat-item a{
  color:#336699;
}
.cat-item a:hover{
  color:#fff;
  text-decoration:underline;
}
div.cls_support_category .categories{
  font-size:0.9em;
}

div.cls_title1::after{
    content:" ";
	position:absolute;
	bottom:-20px;
	left: 50%;
	transform:translateX(-50%);
	width:40%;
	height:5px;
	background-image:linear-gradient(90deg,rgba(255 255 255 /0),#336699,rgba(255 255 255 /0)
	);