@charset "utf-8";

/* designStyleRe2ここから
----------------------------------------*/
html{
	font-size: 10px;
}
*{
	font-family:YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-weight: 500;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

img, table, iframe{
	max-width: 100%;
}

img {
	vertical-align: middle;
}

iframe {
	border: none;
	overflow: hidden;
}

body{
	font-size:100%;
}

ul,ol,li,dl,dt,dd {
	list-style: none;
}

img,a img{
	border:0;
}

a,a:link{
	background-color: transparent;
	text-decoration:none;
	outline: none; /*for firefox*/
	cursor: pointer;
	vertical-align:baseline;
}

.hidden {
  display: none;
}

/* designStyleRe2ここまで
----------------------------------------*/


html {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

div#mainContent {
  max-width: 800px;
}

h1.title{
  font-size:3.6rem;
  font-weight: bold;
  color:#4a7b83;
  background-color:#F7F7F7;
  border:solid #4a7b83 2px;
  border-radius: 40px;
  padding: 0.8rem;
  text-align: center;
  margin-bottom:2.4rem; 
}

h2.relatedLinksTitle{
  font-size:2.4rem;
  font-weight: bold;
  margin-bottom:4rem;
  padding: 1rem;
  border-left-width: thick; /* 調整可 */
  border-color: cadetblue; /* 要調整 */
  background-color:#F7F7F7
}

ul.relatedLinksContent{
  margin-bottom:1.5rem;
  padding: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
ul.relatedLinksContent::after{
  content:"";
  display: block;
  width:32%;
}
li.relatedLinksItem{
  max-width: 32%;
  margin-bottom: 2rem;
  
}
.imgBox{
  overflow: hidden;
  background: #FFF;
  margin-bottom:1rem;
}
.imgBox > img{
  transition-duration: 0.2s;
}
.imgBox > img:hover{
  transform: scale(1.03);
  transition-duration: 0.2s;
  opacity: 0.8;
}

.relatedLinksItem p{
  font-size: 1.6rem;
  font-feature-settings: "palt";
  padding-bottom:0.7rem;
  margin-bottom:0.7rem;
  border-bottom: thin solid;
}

.relatedLinksItem span{
  display:block;
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
  color:crimson;
}

div.horizontalBanner{
  margin-bottom: 3rem;
}

.imgBoxHB{
  overflow: hidden;
  background: #FFF;
  margin-bottom:1.5rem;
}
.imgBoxHB > img{
  transition-duration: 0.2s;
}
.imgBoxHB > img:hover{
  transform: scale(1.03);
  transition-duration: 0.2s;
  opacity: 0.8;
}