@charset "UTF-8";

/* =======================================

	flow CSS 	

========================================== */
#flow {font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;}
/*PC*/
@media screen and (min-width: 640px) {
.flow1 {width:500px; margin:0 auto 100px auto;}
.flow-title { width:510px; margin:200px auto 80px auto; }
}
/*モバイル*/
@media screen and (max-width: 640px) {
.flow1 {width:100%; margin:0 0 60px 0;}
.flow-title img {width:100%;}
.flow1 img {width:100%;}
.flow-title{ margin:0 0 60px 0; padding:60px 0 0 0;}
}
.flow1 dt { margin:0 0 10px 0;}
.flow1 dd { margin:0 0 0 0; font-size:100%; line-height:125%;}
.flow3-text { text-align:center;}
.flow1-map { text-align:center;}
.flow2-list ul{}
.flow2-list li{ margin:0 0 30px 0;}

.balloon1-top {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 10px 15px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #CCE9E6;
  border-radius: 10px;
}

.balloon1-top:before {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #CCE9E6;
}