@charset "utf-8";
a.pdf[target="_blank"] {
    display: inline-block;
    padding-right: 25px;
    background: url(../images/anothericon02.png) no-repeat 95% center;
}
.pb{display:none;}
.sb{display:block;}
@media screen and (min-width:768px){
.pb{display:block;}
.sb{display:none;}
}
img{
max-width: 100%;
height: auto;
width /***/:auto;
text-align:center;
}


header{
	padding:.5em 0;;
	background:#fff;
	text-align:center;
}
header img{
	max-width:70px!important;
}




.cmn-inner{
	width:min(90%, 900px);
	margin:2em auto ;
	box-border:boxing;
	background:#fff;
	padding: 1.5em 1em;

	position:relative;
}
@media screen and (min-width:768px){
.cmn-inner{
	padding: 1.5em;
		box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
	}
}

footer{
	background:#E7EAF1;
	padding:4em 0 0em;
	margin:5em 0 0;
}
.footer_inner{
	width:min(90%, 900px);
	margin: 0 auto;
	display:flex;
	justify-content:center;
	gap:0 20px;
	letter-spacing:1px;
}
.footer_inner dl{
	margin:0 0 10px;
}

.footer_inner dl dt{
	font-size:clamp(15px, 2vw, 18px);
}

.footer_inner ul{
	display:flex;
	gap:0 30px;
	flex-direction: column;
}
@media screen and (min-width:768px){
.footer_inner ul{
	gap:20px ;
	flex-direction: row;
	}
}

.footer_inner ul li a{
	color:#333;
	font-size:clamp(14px, 2vw, 15px);
}
.copyright{
	text-align:center;
	margin:40px 0 0;
	background:#fff;
	padding:15px 0;
}

.button{
  position: fixed;
  right: 0;
  bottom: 0;
  font-size: 30px;
  color: #fff;
  background: #000;
  padding:5px 15px;
  cursor: pointer;
  transition: .3s;
  z-index:9999!important;
  
  /*デフォルトで非表示にする*/
  opacity: 0;
  visibility: hidden;
}

/*このクラスが付与されると表示する*/
.active{
  opacity: 1;
  visibility: visible;
}