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

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




h5 {
  position: relative;
  padding: 0.5rem 1rem;
  color: #fff;
  border-radius: 10px;
  background: #0f61aa;
  margin-bottom:15px;
}

h5:after {
  position: absolute;
  bottom: -9px;
  left: 1em;
  width: 0;
  height: 0;
  content: '';
  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #0f61aa transparent transparent transparent;
}
.point p {

}

.content{
box-shadow: 0 0 8px #666;
}
.sublead_txt{
font-weight:700;
font-size:180%;
text-align:center;
margin-bottom:10px;
}
.border_top_01{
border-top:15px solid #e60012;
}
.border_top_02{
border-top:15px solid #1d2088;
}
.border_top_03{
border-top:15px solid #009944;
}
.border_top_04{
border-top:15px solid #ea5413;
}
.border_top_05{
border-top:15px solid #00a0e9;
}
.border_top_06{
border-top:15px solid #18a196;
}
.sublead_01{
color:#e60012;
}
.sublead_02{
color:#1d2088;
}
.sublead_03{
color:#009944;
}
.sublead_04{
color:#ea5413;
}
.sublead_05{
color:#00a0e9;
}
.sublead_06{
color:#18a196;
}





.hopstepjump_01_title {
background-color:#f39800;
color:#fff;
font-size:140%;
font-weight:400;
text-align:center;
padding:10px 0;
}

.hopstepjump_01_photo {
background-color:#fbecca;
padding:10px;
}
.hopstepjump_01_photo img {
padding-bottom:0px;
}

.hopstepjump_01_kouza {
border:3px solid #f39800;
padding:8px;
text-align:center;
font-size:180%;
font-weight:400;
color:#f39800;
}

.hopstepjump_01_text {
color:#f39800;
padding:0px 0 0 15px;
font-size:130%;
font-weight:700;
line-height:140%;
}


.hopstepjump_02_title {
background-color:#269c3f;
color:#fff;
font-size:140%;
font-weight:400;
text-align:center;
padding:10px 0;
}

.hopstepjump_02_photo {
background-color:#e2efce;
padding:10px;
}
.hopstepjump_02_photo img {
padding-bottom:0px;
}

.hopstepjump_02_kouza {
border:3px solid #269c3f;
padding:8px;
text-align:center;
font-size:180%;
font-weight:400;
color:#269c3f;
}

.hopstepjump_02_text {
color:#269c3f;
padding:0px 0 0 15px;
font-size:130%;
font-weight:700;
line-height:140%;
}


.hopstepjump_03_title {
background-color:#1558a1;
color:#fff;
font-size:140%;
font-weight:400;
text-align:center;
padding:10px 0;
}

.hopstepjump_03_photo {
background-color:#e5f2fa;
padding:10px;
}
.hopstepjump_03_photo img {
padding-bottom:0px;
}

.hopstepjump_03_kouza {
border:3px solid #1558a1;
padding:8px;
text-align:center;
font-size:180%;
font-weight:400;
color:#1558a1;
}

.hopstepjump_03_text {
color:#1558a1;
padding:0px 0 0 15px;
font-size:130%;
font-weight:700;
line-height:140%;
}