h2#danraku2 {
  position: relative;
  color: white;
  background: #87cefa;
  padding: 1.0em 1.0em 1.0em 3.5em;
  font-size:150%
}

h2#danraku2:before {/*疑似要素*/
  font-family: FontAwesome;
  content: "\f1c1";
  position: absolute;
  left : 0.5em; /*左端からのアイコンまでの距離*/
  font-size:2em
}


h2#danraku2-1 {
  position: relative;
  color: white;
  background: #87cefa;
  padding: 1.0em 1.0em 1.0em 3.5em;
  font-size:150%
}

h2#danraku2-1:before {/*疑似要素*/
  font-family: FontAwesome;
  content: "\f0ad";
  position: absolute;
  left : 0.5em; /*左端からのアイコンまでの距離*/
  font-size:2em
}


h2#danraku2-2 {
  position: relative;
  color: white;
  background: #87cefa;
  padding: 1.0em 1.0em 1.0em 3.5em;
  font-size:150%
}

h2#danraku2-2:before {/*疑似要素*/
  font-family: FontAwesome;
  content: "\f1b2";
  position: absolute;
  left : 0.5em; /*左端からのアイコンまでの距離*/
  font-size:2em
}


h2#danraku2-3 {
  position: relative;
  color: white;
  background: #87cefa;
  padding: 1.0em 1.0em 1.0em 3.5em;
  font-size:150%
}

h2#danraku2-3:before {/*疑似要素*/
  font-family: FontAwesome;
  content: "\f0f7";
  position: absolute;
  left : 0.5em; /*左端からのアイコンまでの距離*/
  font-size:2em
}


h2#danraku2-4 {
  position: relative;
  color: white;
  background: #87cefa;
  padding: 1.0em 1.0em 1.0em 3.5em;
  font-size:150%
}

h2#danraku2-4:before {/*疑似要素*/
  font-family: FontAwesome;
  content: "\f059";
  position: absolute;
  left : 0.5em; /*左端からのアイコンまでの距離*/
  font-size:2em
}


h2#danraku2-5 {
  position: relative;
  color: white;
  background: #87cefa;
  padding: 1.0em 1.0em 1.0em 3.5em;
  font-size:150%
}

h2#danraku2-5:before {/*疑似要素*/
  font-family: FontAwesome;
  content: "\f023";
  position: absolute;
  left : 0.5em; /*左端からのアイコンまでの距離*/
  font-size:2em
}


h3#danraku3 {
  position: relative;
  color: #6594e0;/*文字色*/
  border-bottom: dashed 2.5px #6594e0;/*線の種類（点線）2px 線色*/
  padding: 1.0em 1.0em 0.5em 3.5em;
  font-size: 120%;
}

h3#danraku3:before {/*疑似要素*/
  font-family: FontAwesome;
  content: "\f046";
  position: absolute;
  left: 0.5em; /*左端からのアイコンまでの距離*/
  font-size: 2em;
  color: lightsteelblue;
}


h3#danraku3-1 {
  position: relative;
  color: #6594e0;/*文字色*/
  border-bottom: dashed 2.5px #6594e0;/*線の種類（点線）2px 線色*/
  padding: 1.0em 1.0em 0.5em 3.5em;
  font-size: 120%;
}

h3#danraku3-1:before {/*疑似要素*/
  font-family: FontAwesome;
  content: "\f138";
  position: absolute;
  left: 0.5em; /*左端からのアイコンまでの距離*/
  font-size: 2em;
  color: lightsteelblue;
}


h3#danraku3-3 {
position: relative;/*相対位置*/
padding: 0.5em 0.5em 0.5em 3.0em;/*アイコン分のスペース*/
line-height: 1.4;/*行高*/
color: slategray;/*文字色*/
font-size: 120%;
border-bottom: solid 2px #66b3ff;

}


h3#danraku3-3:before{ font-family: FontAwesome;/*忘れずに*/
content: "\f00c";/*アイコンのユニコード*/
position: absolute;/*絶対位置*/
font-size: 150%;/*サイズ*/
left: 0.5em;/*アイコンの位置*/
top: 0em;/*アイコンの位置*/
color: #66b3ff; /*アイコン色*/
}

.kadomarublue {
   border-radius: 5px;
   border: 3px solid;     /* 枠線の装飾 */
   border-color: #01B0F1;     /* 枠線の色 */   
   background-color: #01B0F1;   /* 背景色 */
   color:white;   /* 文字色 */
   margin:1px;
   font-size:90%;
}

.kadomaruglay {
   border-radius: 5px;
   border: 3px solid;     /* 枠線の装飾 */
   border-color: #AFABAA;     /* 枠線の色 */  
   background-color: #AFABAA;   /* 背景色 */
   color:white;   /* 文字色 */
   margin:1px;
   font-size:90%;
}

.group { display: inline-block; }

/*代理店はこちら*/
.btn-border-bottom {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 0.25em 0;
  text-decoration: none;
  color: #8CD460 !important;  
  font-size: 25px;
}

.btn-border-bottom:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 4px;
  top:100%;
  left: 0;
  border-radius: 3px;
  background:#8CD460 !important;
  transition: .2s;
}

.btn-border-bottom:hover:before {
  top: -webkit-calc(100% - 3px);
  top: calc(100% - 3px);
}
/*電話番号サイズ変更*/
.TEL{
  font-size: 32px;
  color: #333; 
  line-height: normal !important;
}
.TEL1{
  font-size: 32px;
	color: #87CEFA !important;
  text-decoration: none;
}
.awesome-line{
  vertical-align: middle;
}

/*代理店ボタン*/
.bracekts {
  background: #fafafa;
  color:#8CD460!important ;
  position: relative;
  font-weight: bold;
  padding: 15px 25px;
  display: inline-block;
  text-align: center;
  transition: .3s;
  text-decoration: none;
}
.bracekts::before {
  top: 0;
  left: 0;
  border-left: 2px solid #8CD460;
  border-top: 2px solid #8CD460;
  transition: .3s;
}
.bracekts::after {
  bottom: -2px;
  right: -2px;
  border-right: 2px solid #8CD460;
  border-bottom: 2px solid #8CD460;
  transition: .3s;
}
.bracekts::after,
.bracekts::before {
  position: absolute;
  display: block;
  content: '';
  width: 100%;
  height: 100%;
}
.bracekts:hover {
  color: #87CEFA!important;
}
.bracekts:active {
  opacity: .5;
}
.bracekts:hover::after,.bracekts:hover::before {
  width: 30px;
  height: 20px;
}
/*LINEで送る*/

.line {
  color: #FFF!important;/*文字・アイコン色*/
  border-radius: 7px;/*角丸に*/
  display: inline-block;
  height: 70px;/*高さ*/
  width: 250px;/*幅*/
  text-align: center;/*中身を中央寄せ*/
  font-size: 30px;/*文字のサイズ*/
  line-height: 20px;/*高さと合わせる*/
  background: #4ECD01;
  overflow: hidden;/*はみ出た部分を隠す*/
  text-decoration:none;/*下線は消す*/
}

.line span {
  display:inline-block;
  transition: .5s;
}

.line:hover span {
  -webkit-transform: rotateX(360deg);
  transform: rotateX(360deg);
}