@charset "utf-8";

/*================================================
 *  gradient2
 ================================================*/

.btnwaku {
	padding-bottom: 40px;
}

.gradient2 {
    /*ボタンの形状*/
    display: inline-block;
    color: #fff;
    padding: 10px 0;
    border-radius:30px;
    text-decoration: none;
    outline: none;
	background-image: url("btn_bg.png");
    box-shadow: 0 15px 15px rgba(82,160,253,0.4);
    /*アニメーションの指定*/ 
    transition: all 0.3s ease-out;
	font-size: 16px;
	width: 220px;
	text-align: center;
	font-weight: bold;
}

/*hoverした際のスケールで全体を縮小*/
.gradient2:hover{
    transform: scale(0.95);
}

@media print, screen and (max-width: 767px) {
	
.btnwaku {
	padding-bottom: 10px;
}
	
.gradient2 {
    /*ボタンの形状*/
    padding: 5px 0;
    border-radius:20px;
	letter-spacing: 5px;
	font-size: 12px;
	width: 100%;
}
	
}

/*================================================
 *  btn06
 ================================================*/

.btnwaku2 {
	text-align: center;
	padding-top: 60px;
}

.btn06{
    /*矢印の基点とするためrelativeを指定*/
  position: relative;
    /*ボタンの形状*/
  text-decoration: none;
  display: inline-block;
  background:#dc5800;
  color:#fff;
    padding: 22px 0;
  border-radius:60px;
    text-align: center;
    outline: none;
	font-weight: bold;
	font-size: 18px;
    /*アニメーションの指定*/
    transition: ease .2s;
	width: 500px;
}

.btn06:hover{
  background:#e66b18;
}


/* 矢印が右に移動 */

.btnarrow1::after{
    content: '';
    /*絶対配置で矢印の位置を決める*/
  position: absolute;
    top:42%;
    right: 13px;
    /*矢印の形状*/
    width: 5px;
    height: 5px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    /*アニメーションの指定*/
    transition: all .3s;
}

/*hoverした際の移動*/
.btnarrow1:hover::after{
    right: 11px;
}

@media print, screen and (max-width: 767px) {
	
.btnwaku2 {
	padding-top: 40px;
}
	
.btn06{
    padding: 15px 0;
  border-radius:40px;
	width: 90%;
	font-size: 14px;
}
	
}