/* h2 見出しのカスタマイズ */
.article h2 {
  background: #04bd41;/*背景色*/
  color:#ffffff;/*文字の色*/
  margin:0;
  padding: 0.5em;/*文字まわり（上下左右）の余白*/
  border-radius: 4px;
  font-size:22px;/*文字のサイズ*/

}

/* h3 見出しのカスタマイズ */
.article h3 {
  font-size:20px;/*文字のサイズ*/
  position: relative;
  padding: 0.5em 0.5em 0.5em 1.5em;
  line-height: 1.4;
  color: #000000;/*文字の色*/
  border-bottom: 3px solid #04bd41;/*下線の太さ、色*/
  background: #ffffff;/*背景の色*/
}

.article h3:before{ font-family: FontAwesome;
  content: "\f138";/*アイコンのユニコード*/
  position: absolute;
  font-size: 1.1em;/*アイコンのサイズ*/
  left: 0.05em;
  top: 0.4em;
  color: #04bd41; /*アイコンの色*/
}

/* h4 見出しのカスタマイズ */
.article h4 {
  padding: 0.25em 0.5em;
  font-size:17px;/*文字のサイズ*/
  color: #494949;/*文字の色*/
  background: transparent;
  border-left: 5px solid #04bd41;/*左の線の太さ、色*/
}

.article h5{
  border-bottom:5px solid #04bd41;
  padding:10px 0;
}


/* メイン部分の枠を消す */
#main {
 border: none;
}

/* サイドバーの枠線を消す */
#sidebar{
 border:none;
}

/*---------------------------------
グローバルナビの上下にラインを入れる
--------------------------------*/
#navi {
 border-top:solid 1px #04bd41;
 border-bottom:solid 1px #04bd41;
}

/*---------------------------------
ポインタを乗せた時の下のラインと文字色を変更
--------------------------------*/
#navi ul li a:hover{
  color: #04bd41 !important;
}
#navi ul li a:before{
  background:#5FB3F5 !important;
}
#navi ul,#navi{
  background-color:white;
}

/*サイドメニュー見出し*/
#sidebar h3 {
border-bottom:2px solid #04bd41;
padding:10px 0;
}

.article pre:before{ font-family: FontAwesome;
  content: "\f138";/*アイコンのユニコード*/
  position: absolute;
  font-size: 1.1em;/*アイコンのサイズ*/
  left: 0.05em;
  top: 0.4em;
  color: #04bd41; /*アイコンの色*/
}

img{
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.2s;
}
img:hover{
-moz-transform: scale(1.1,1.1);
-webkit-transform: scale(1.1,1.1);
-o-transform: scale(1.1,1.1);
-ms-transform: scale(1.1,1.1); 
}
.facebook-page-plugin{
  text-align: center;
  margin: 20px 0;
}

/*整形済みテキスト*/
.article pre {
 font-size:20px;/*文字のサイズ*/
  position: relative;
  padding: 0.5em 0.5em 0.5em 1.5em;
  line-height: 1.4;
	border:0;
  color: #000000;/*文字の色*/
  background: #ffffff;/*背景の色*/
}


/* アニメーションを遅延させる */
.is-reflection + .is-reflection a:after {
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
}
@keyframes is-reflection {
  0% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes is-reflection {
  0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

/* MediaQuery : スマホ対応 */
@media only screen and (max-width: 767px) {
  /* コンバージョンボタン */
  .btn-cv a {
    font-size: 1.3em;
    margin: 0 auto 1em;
    width: 94%;
  }
}