@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
 u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, section,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    font: inherit;
    vertical-align: baseline;
	list-style:none;
	text-decoration:none;
}
header, nav, article, aside, section, footer {
    display:block;
}
img{
	border:none;}
.clear {
	clear:both;
}
.clearfix {zoom:1;}
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    }
html { font-size: 62.5%;
}
body{
	font-family: "游ゴシック体","Yu Gothic", YuGothic, "メイリオ", sans-serif;
  word-wrap:break-word;
/*文字サイズ自動調整OFF*/
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -o-text-size-adjust: 100%;
  text-size-adjust: 100%;
  color:#000;
}
body{/*chrome fontが大きくなってしまう対策*/
font-size:18px;
font-size:1.8rem;
}
table{word-break: break-all;}

/* リンク設定
------------------------------------------------------------*/
a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	font-size: 100%;
}
a:link, a:hover, a:active, a:visited {
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	-o-transition: opacity 1s;
	outline: none;
	color: #fff;
}

img{
	max-width:100%;
	height:autuo;
}


body{

	background:#eee;

/*
	background:url(../images/bg_body.png);
background: repeating-linear-gradient(-45deg, #fff, #fff 2px, #e9eafc 0, #e9eafc 5px);
*/
}
.wrap{
	margin:0 auto;
	padding: 0px;
/*	padding:0 10px;*/
/*	background:#fff;*/
	
}
.main{
}

/*                                     　　　　ページトップへ戻る
-----------------------------------------------------------------*/
#pagetop {
	position: fixed;
	z-index: 1500;
	right:10px;
	bottom:10px;
}
#pagetop a {
	display: block;
		background: -moz-linear-gradient(#ffe062, #ffcc33);
	background: -webkit-linear-gradient(#ffe062, #ffcc33);
	background: linear-gradient(#ffe062, #ffcc33);
	background-color: #ffe062;
	
	border-radius:5px;
	font-weight:bold;
	  -webkit-box-shadow: 0px 4px 3px -3px rgba(0,0,0,0.6);
  -moz-box-shadow: 0px 4px 3px -3px rgba(0,0,0,0.6);
 		box-shadow: 0px 4px 3px -3px rgba(0,0,0,0.6);
		font-size:10px;
	padding:10px 10px 7px 10px;
	text-align:center;


	

	
}
#pagetop a:hover{
		background: -moz-linear-gradient(#ffcc33, #ffe062);
	background: -webkit-linear-gradient(#ffcc33, #ffe062);
	background: linear-gradient(#ffcc33, #ffe062);
	background-color: #ffe062;

	
	
}
header{
	padding: 0px 0px 0px 0px;
	background: #fff;

/*
	text-align:center;
		border-bottom:solid 10px #00665A;
		padding:10px 0;
*/
}
header ul{
	font-size:0;
			max-width:960px;
		margin:0 auto;

}
	
header li{
	display:inline-block;
	width:49%;
	vertical-align:middle;
	font-size:12px;
}
header li img{
}
header li:nth-of-type(1){
	text-align:left;
	
}
header li img.ms{
	max-width:280px;
	width:100%;
	
}
header li img.logo{
	max-width:450px;
	width:100%;
	
}
header li:nth-of-type(2){
	text-align:right;
	
}

.box{
	text-align:center;
	margin:0 auto;
}
.inner{
	max-width:960px;
	margin:0 auto;
}

.box .L,
.box .R{
	display:table-cell;
	vertical-align:top;
}

.box p{
	line-height:1.8;
/*	margin-bottom:10px;*/
}

.box .text{
	padding:20px 30px;
	text-align:left;
}
.box .text .red{
	color:#F00;
	font-size:20px;
	font-weight:bold
}
	
.box img{
	display:block;
	margin:0 auto;
/*	padding: 20px 10px 10px 10px;*/
	
}


.contact .inner:hover{
	cursor:pointer;
	opacity:0.7;
}



.box_01{

/*	background:url(../images/LP_01_bg.png) repeat-x;*/
background: #fff;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

.box_01 img {



}


.box_jump .inner ul li{
	float:left;
	width:33.3%;
	text-align:center;
}
.box_jump .inner ul li a{
	display:block;
}
.box_jump .inner ul li a:hover{
	opacity:0.7;
}

.box_02{
	padding:30px 0 0px 0;
}
.box_02 .bg_grade_T{
	padding:30px 0;
background: rgb(223,247,244);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RmZjdmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(223,247,244,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top,  rgba(223,247,244,1) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom,  rgba(223,247,244,1) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dff7f4', endColorstr='#ffffff',GradientType=0 );
	
}
.box_02 .bg_grade_B{
	padding:60px 0;
background: rgb(255,255,255);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZmY3ZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(223,247,244,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(223,247,244,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(223,247,244,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dff7f4',GradientType=0 );
	
}

.box_02 .inner{
	max-width:100%;
	background:url(../images/LP_02_bg.png) repeat-x;
	    background-size: contain;
}





/* jump エリア */
.jump {
	margin-bottom:50px;
}
.jump .inner{
	padding:15px;
}
h2.jump{
}
.jump .inner{
box-shadow:rgba(235, 235, 235, 0.54902) 0px 0px 6px 3px;
-webkit-box-shadow:rgba(235, 235, 235, 0.54902) 0px 0px 6px 3px;
-moz-box-shadow:rgba(235, 235, 235, 0.54902) 0px 0px 6px 3px;
	
}
.jump h3,
#form h3{
    padding: 10px 5px 10px 19px;
	margin:20px 10px 10px 10px;
	border:solid 1px #ddd;
    border-left: 10px solid #00665A;
    text-align: left;
    font-weight: bold;
    font-size: 24px;
	    color: #00665A;

background: rgb(255,255,255);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGY0ZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(244,244,244,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 );
	
	}
	


.jump table{
	width:100%;
	border-collapse:collapse;
	margin-top:30px;
	
}
.jump0103 th,.jump0103 td{
	vertical-align:middle;
	border:1px #ccc solid;
}
.jump0103 th{
	width:135px;
	text-align:center;
}
.jump0103 td,
.jump02 td{
	text-align:left;
		padding:10px 10px;

}
.jump0103 td h4,
.jump02 td h4{
color:#00665A;
font-weight:bold;
}
.jump0103 td span{
	font-size:12px;
	padding-left:5px;
	font-weight:normal;
}
	
.jump0103 table p{
	margin-left:30px;
	margin-bottom:0;
}
	
span.kome{
	font-size:12px;
}
	
	
	
.jump02 th{
		width:95px;
		text-align:center;
		padding:20px 0;
	}
		
.jump02 th{
	vertical-align:top;
}
.jump02 td{
	vertical-align:middle;
}

	
	.jump02 td h4{
		font-size:20px;
	}
.tips{
	margin-top:20px;
}
.tips p{
	text-align:left;
	font-size:12px;
}

/* jump エリアここまで */

/* step_button エリアここから */
.step_button{
	display:table;
	max-width:960px;
	width:100%;
	margin:0 auto;
	margin-bottom:30px;
}
.step_button li{
	display:table-cell;
	width:20%;
	text-align:center;
	vertical-align:middle;
	font-size:0;
}

.step_button li a{
	display:inline-block;
	width:90%;
	background: -moz-linear-gradient(#ffe062, #ffcc33);
	background: -webkit-linear-gradient(#ffe062, #ffcc33);
	background: linear-gradient(#ffe062, #ffcc33);
	background-color: #ffe062;
	color:#000;
	font-weight:bold;
	padding:10px 0 7px 0;
	border-radius:5px;
	border:solid 1px #ffcc33;
	  -webkit-box-shadow: 0px 4px 3px -3px rgba(0,0,0,0.6);
  -moz-box-shadow: 0px 4px 3px -3px rgba(0,0,0,0.6);
 		box-shadow: 0px 4px 3px -3px rgba(0,0,0,0.6);
		font-size:16px;

}
.step_button li a:hover {
	background: -moz-linear-gradient(#ffcc33, #ffe062);
	background: -webkit-linear-gradient(#ffcc33, #ffe062);
	background: linear-gradient(#ffcc33, #ffe062);
	background-color: #ffe062;
}

/* step_button エリアここまで */
	
	
	
.contact{
	margin:0px 0;
	}
/*
.contact img:hover{
	opacity:0.7;
}
.contact .inner{
}
*/


.footerWrp {
  width: 100%;

}

.footer {
	margin: 0px auto 0px auto;
	padding: 10px 0px;
	border-top: #ddd 1px solid;
	background: #2db73e;

	font-size: 12px;
	text-align: center;
	color: #fff;
}
.footer img{
	max-width:300px;
}
.footer .management {
  margin-top: 18px;
  font-size: 12px;
}


/* フォーム */
#form{
	max-width:960px;
	margin:0 auto;
	padding:10px 0px;
	background: #bfddfc;

}
#form h2{

	margin: 0px auto 0px auto;
	padding:10px;

	font-size: 120%;
	line-height: 140%;
	text-align: center;
	color: #171a88;
	font-weight:bold;
/*
	border:solid 2px #ffbe3e;
	background: #ffff9a;
	border-radius: 2px;
*/

}
#form h3{
	margin-bottom:20px;
	padding-bottom:10px;
	font-size:24px;
	border-bottom:solid 4px #3765D9;
}

#formWrap {
    max-width: 700px;
    margin: 0 auto;
    color: #555;
    line-height: 120%;
    font-size: 90%;
    padding-top: 30px;
	}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #9c9c9c;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#bfddfc;
	text-align:center;
	vertical-align:middle;
}
table.formTable td{
	text-align:left;
	background:#fff;
}

table.formTable input{
	max-width:500px;
		width:100%;
		height:30px;

}
table.formTable textarea{
	width:100%;
	height:100px;
}
	
table.formTable input[type="radio"],
table.formTable input[type="checkbox"]{
	height:auto;
	width:auto;
}

table.formTable .zipcode input{
	width:60px;
}

table.formTable .red{
	font-size:12px;
	color:red;
}



#formWrap h3{
	text-align:center;
	padding:30px 0;
	font-weight:bold;
	font-size:18px;
}
#form input[type="submit"],
#form input[type="reset"],
#formWrap input[type="submit"],
#formWrap input[type="button"]{
	margin:30px 0;
	height:40px;
	width:120px;
	
	
}


@media only screen and (max-width: 736px) {
	body{
font-size:14px;
font-size:1.4rem;
	}

	header{
/*		padding:10px 0;*/
	}
	header li{
		vertical-align:middle;
	}
	
header li h1{
	padding-right:5px;
}
header li img.ms{
	    max-width: 130px;
	
}
header li img.logo{
	max-width:450px;
	
}	
.box .L,
.box .R{
	display:block;
}

.box .text{
	padding:10px;
}

.box p{
	line-height:1.4;
}
.box {
    margin: 0px auto;
}
.box_01 {
}


.box_02 {
    padding:0;
	margin-top:20px;
}
.box_02 .bg_grade_T,
.box_02 .bg_grade_B{
    padding: 20px 10px;
}

.contact{
}
.contact .inner{
}

.jump{
	margin:20px 0;
}
.jump .inner {
    padding: 10px;
}
.jump h3 {
    padding: 5px 5px 5px 19px;
    margin: 10px 0;
    border: solid 1px #ddd;
    border-left: 10px solid #00665A;
	font-size: 16px;
}
.jump0103 th,
.jump0103 td{
	display:block;
	width:100%;
	border:none;
	
}
.jump0103 tr{
	border:solid 1px #ddd;
}
.jump0103 table td span{
	display:block;
	margin-bottom:5px;
}

.jump0103 table p {
    margin-left: 0px;
    margin-bottom: 0;
}

.jump02 th {
	width:50px;
}

.jump02 td h4 {
    font-size: 14px;
}
.step_button {
	margin-bottom:20px;
}

.step_button li a{
	padding:10px 0 7px 0;
	font-size:12px;
	width:95%;
}



#form h2 {
    font-size: 18px;
}
#form h3{
    font-size: 22px;
	padding: 10px 5px 10px 5px;
}
table.formTable th,
	table.formTable td{
		display:block;
		width:100%;
	}


}

/*----- 追記 -----*/

.FpSpace {
	margin: 0px auto;
	padding: 0px;
	background: #f04408;
}
.FpSpace2 {
	margin: 0px auto;
	padding: 0px;
	background: #d0eeb4;
}
.FpSpace2 img{
	box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
}


.FixedTopBase {
	width: 100%;
	height: 55px;
	padding: 10px 0px 0px 0px;
	background: #fff;
	border-bottom: solid 1px #ddd;

	z-index: 999;
	position:fixed;
	top: 0px;
}
@media only screen and (max-width: 480px) {
	.FixedTopBase {
		width: 100%;
		height: 40px;
		padding: 5px 0px 0px 0px;
		background: #fff;
		border-bottom: solid 1px #ddd;

		position:fixed;
		top: 0px;
	}
}

.FixedTop {
	MAX-width: 900px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
}
.HeaderImg01 {
	width: 100px;
	float: left;
	margin-left: 5px;
}

.HeaderImg02 {
	width: 180px;
	float: right;
	background: #2db73e;
	margin: 0px 5px 5px 0px;
	padding: 3px 10px;
	border-radius: 4px;
}
.HeaderImg01 img{
	padding: 0px;
/*	vertical-align: middle;*/
}
.HeaderImg02 img{
	padding: 0px;
	vertical-align: middle;
}

.ShadowBox {

	max-width: 900px;
	margin: 0px auto;
	padding: 0px 0px;
	background: #fff;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
/*	background: rgba(255,255,255,0.9);
	box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
	border: dashed 1px #584932;
	border-radius: 2px;
*/

}
.ShadowBox_top {

	width: 100%;
	margin: 55px auto 0px auto;
	padding: 0px 0px;
	background: #fff;
}
@media only screen and (max-width: 480px) {
	.ShadowBox_top {

		width: 100%;
		margin: 40px auto 0px auto;
		padding: 0px 0px;
		background: #fff;
	}
}




.box_c  {
	margin: 0px auto;
	padding: 0px;
	background: #fff;
}

.box_c img {
	margin: 0px auto;
	padding: 30px 0px 00px 0px;
}
@media only screen and (max-width: 480px) {
	.box_c img {
		margin: 0px auto;
		padding: 10px 0px 0px 0px;
	}
}

.box_d {
	margin: 0px auto -10px auto;
	padding: 10px 0px 0px 0px;
	background:url(../images/TitleConnectBK.jpg) no-repeat;
	background-size: 100% auto;
}

.box_e {
	margin: 0px auto;
	padding: 0px;
	background: #d0eeb4;
	border-bottom: solid 1px #333;
}

.box_e img {
	margin: 0px auto;
	padding: 0px;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
}

.box_f {
	margin: -27px auto 0px auto;
	padding: 0px 0px;
	background: #fff;

/*	border-bottom: solid 1px #333;*/
}
@media only screen and (max-width: 480px) {
	.box_f {
		margin: -10px auto 0px auto;
		padding: 0px 0px;
		background: #fff;
	}
}


.ContentsTitle {
	width: 100%;
	margin: 10px auto 0px auto;
	padding: 0px 0px;
	text-align: center;
	font-weight: bold;
	background: #2db73e;
	color: #fff;
}
.ContentsTitle img{
	padding: 10px;
	vertical-align: bottom;
}


.SignArea {
	margin: 0px auto 0px auto;
	padding: 100px 10px 0px 10px;

	position:relative;
}
.Sign {
	width: 75%;
	margin: 0px;
	box-shadow: 4px 6px 8px rgba(0,0,0,0.8);

	position:absolute;
	top: 5%;
	left: 10%;
}
.Sign img{
	vertical-align: middle;
}



@media only screen and (max-width: 480px) {
	.SignArea {
		margin: 10px auto 0px auto;
		padding: 20px 10px 0px 10px;

		position:relative;
	}
	.Sign {
		width: 75%;
		margin: 0px;
		box-shadow: 4px 6px 8px rgba(0,0,0,0.6);

		position:absolute;
		top: 2%;
		left: 13%;
	}
	.Sign img{
		vertical-align: middle;
	}
}


.StepArea {
	position:relative;
}

.ContactBtnOff {
	position:absolute;
	top: 57%;
	left: 31%;
}
.ContactBtnOn {
	position:absolute;
	top: 57%;
	left: 31%;
	animation: btnfade 3s ease infinite;
	-webkit-animation: btnfade 3s ease infinite;
}

@media only screen and (max-width: 480px) {
	.ContactBtnOff {
		margin-right:10px;
		position:absolute;
		top: 55%;
		left: 29%;
	}
	.ContactBtnOn {
		margin-right:10px;
		position:absolute;
		top: 55%;
		left: 29%;
		animation: btnfade 3s ease infinite;
		-webkit-animation: btnfade 3s ease infinite;
	}
}
@keyframes btnfade {
	0% {opacity: 0;}
	5% {opacity: 0;}
	20% {opacity: 1;}
	50% {opacity: 0;}
	100% {opacity: 0;}
}
@-webkit-keyframes btnfade {
	0% {opacity: 0;}
	5% {opacity: 0;}
	20% {opacity: 1;}
	50% {opacity: 0;}
	100% {opacity: 0;}
}


.wrench {
/*  animation: wrench_6238 3.875s ease infinite;
  transform-origin: 90% 35%;*/
  animation: wrench_6238 3s ease infinite;
  transform-origin: 60%;


}
/*
@keyframes wrench_6238 {
  0% { transform:rotate(-12deg) }
  5.16129% { transform:rotate(12deg) }
  6.45161% { transform:rotate(24deg) }
  11.6129% { transform:rotate(-24deg) }
  12.90323% { transform:rotate(-24deg) }
  18.06451% { transform:rotate(24deg) }
  19.35484% { transform:rotate(24deg) }
  24.51613% { transform:rotate(-24deg) }
  25.80645% { transform:rotate(-24deg) }
  30.96774% { transform:rotate(24deg) }
  32.25807% { transform:rotate(24deg) }
  37.41935% { transform:rotate(-24deg) }
  38.70968% { transform:rotate(-24deg) }
  43.87097% { transform:rotate(24deg) }
  48.3871% { transform:rotate(0deg) }
  100% { transform:rotate(0deg) }
}
*/

@-webkit-keyframes wrench_6238 {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }

  79% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  85% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  90% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  95% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes wrench_6238 {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }

  79% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  85% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  90% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  95% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}