/* 優海吹き出し本体 */
.balloon1{
  text-align: left;
  position: relative;
  font-size: 1.2em;
  padding: 20px;
  border-radius: 10px;
  color: #000000;
  background-color: #e5f2ff;
  margin-left: 110px;          /* 左に余白を設ける */
}
/* 画像 - 絶対配置で左上に配置 */
.balloon1 .icon{
  position: absolute;
  left: -110px;
  top: 0;
}
/* 三角アイコン */
.balloon1::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -15px;
  top: 20px;
  border-right: 15px solid #e5f2ff;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}

/* 舞海吹き出し本体 */
.balloon2{
  text-align: left;
  position: relative;
  font-size: 1.2em;
  padding: 20px;
  border-radius: 10px;
  color: #000000;
  background-color: #ffe5ff;
  margin-left: 110px;          /* 左に余白を設ける */
}
/* 画像 - 絶対配置で左上に配置 */
.balloon2 .icon{
  position: absolute;
  left: -110px;
  top: 0;
}
/* 三角アイコン */
.balloon2::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -15px;
  top: 20px;
  border-right: 15px solid #ffe5ff;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}

/* 川津吹き出し本体 */
.balloon3{
  text-align: left;
  position: relative;
  font-size: 1.2em;
  padding: 20px;
  border-radius: 10px;
  color: #000000;
  background-color: #7fffbf;
  margin-right: 110px;          /* 右に余白を設ける */
}
/* 画像 - 絶対配置で右上に配置 */
.balloon3 .icon{
  position: absolute;
  right: -110px;
  top: 0;
  top: 0;
}
/* 三角アイコン */
.balloon3::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -15px;
  top: 20px;
  border-left: 15px solid #e5ffe5;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}

/* スライド */
#slideshow {
   position: relative;
   width:  100%;
   height: 100%;
}
#slideshow img {
   position: absolute;
   top: 0;
   left:0;
   z-index: 8;
   opacity: 0.0;
}
#slideshow img.active {
   z-index: 10;
   opacity: 1.0;
}
#slideshow img.last-active {
   z-index: 9;
}

/* コピーライト */
.cop{
  text-align: center;
  font-size: 0.7rem;
}

/* 記事間の余白　小 */
.s {
  margin-top: 30px;
}

/* 記事間の余白　中 */
.m {
  margin-top: 60px;
}

/* 記事間の余白　大 */
.l {
  margin-top: 100px;
}

/* コンテンツライン */
.c--- {
  margin-top: 60px;
  text-align: center;
}

/* トップ画像の固定スクロール */
.fixed-background{
  background-image:url("img/top.jpg");
  min-height:80vh;
  background-attachment:fixed;
  background-size:contain;
  background-position:center;
}

/* リストの行頭無し・字下げ */
.list-no {list-style: none; 
    padding-left: 3rem;
}

/* コンテンツ内リンク */
.c-link {text-align: left;
    margin-top: 30px;
    padding-left: 20%;
}

/* 背景色 */
.silver-back {
	background-color: #f7f7f7;
}
.gray-back {
	background-color: #f4f4f4;
}
.green-back {
	background-color: #effff7;
}
.pink-back {
	background-color: #ffefff;
}

/* pdfへのリンク */
.pdf-box {font-size:2.0rem;
  margin:10px 0 250px 30px;
}