@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700;900&display=swap');

main{font-family: 'Noto Sans JP', sans-serif;}
.pc{display: block;}
.sp{display: none;}

.linkArea{
  margin: 2em 2em 6em;
}

.linkTitle{
	margin-bottom: 30px;
	padding: 10px 0;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	background-color: #ed1a3a;
}

.link{
	width: fit-content;
	margin: 0 auto 30px;
}

.link a{
	padding-right: 20px;
	color: #0088cf;
	position: relative;
	border-bottom: 1px solid #0088cf;
}

.link a::after{
	position: absolute;
	content: '';
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-color: #0088cf;
	width: 8px;
	height: 8px;
	right: 6px;
	bottom: 7px;
	transform: rotate(45deg);
}

/*AN SETUP*/
.cont-wp {
  width: 1200px;
  margin: 0 auto;
}
.linkArea ul li {
  font-size: 18px;
  text-indent: -1em;
  padding-left: 1em;
  line-height: 1.6;
  margin-bottom: .5em;
}

@media (max-width: 1300px) {
  .cont-wp {
    width: 100vw;
    margin: 0;
  }
}

@media (max-width: 768px) {
.pc{display: none;}
.sp{display: block;}


.linkArea{
}

.linkTitle{
	margin-bottom: 6.0vw;
	padding: 2.0vw 0;
	font-size: 4.8vw;
}

.link a{
	padding-right: 4.4vw;
	font-size: 4.0vw;
}

.link a::after{
	width: 2.2vw;
	height: 2.2vw;
	right: 1.3vw;
	bottom: 1.2vw;
}


/*AN SETUP*/
.cont-wp {
  width: 100%;
  margin: 0 auto;
}
.linkArea ul li {
  font-size: 3vw;
}

}/* end @media */