@charset "UTF-8";
/* CSS Document */

.content.toiawase .wrapper_fixbg {
	padding: 100px 0;
}

.content.toiawase .form_btn {
	width: 80%;
	margin: 50px 10%;
}


/* ***************************************************************** 
          BUTTON  RAYOUT
********************************************************************* */

.content.toiawase .form_btn .button {
	width: 80%;
	margin: 0 10% 50px;
	padding: 0;
}

.content.toiawase .form_btn .button a {
	width: 100%;
	max-width: 700px;
	margin: 0 auto;
	padding: 30px 0;
	display: block;
	border: #0058A6 2px solid;
	color: #0058A6;
	font-weight: 700;
	font-size: 28px;
	text-align: center;
	background-image: url("../images/common/arr_gr_large.png");
	background-repeat: no-repeat;
	background-position: center right 2em;
	background-size: 16px;
	line-height: 1.3em;
	border-radius: 20px;
	background-color: #FFF;
	transition: ease 0.5s all;
}

.content.toiawase .form_btn .button a:hover {
	color: #FFF;
	background-image: url("../images/common/arr_large.png");
	background-color: #0058A6;
}


/* **************************************************************** */
/*  RESPONSIVE  RAYOUT  MAX-WIDTH 780px */
/* **************************************************************** */

@media only screen and (max-width: 780px) {

.content.toiawase .wrapper_fixbg { padding: 50px 0; }
.content.toiawase .inner_box { padding-top: 20px;padding-bottom: 20px; }
.content.toiawase .form_btn .button { width: 100%;margin: 0 0 50px; }
.content.toiawase .form_btn .button a {	padding: 30px 0;font-size: 20px; }

}

/* **************************************************************** */
/*  RESPONSIVE  RAYOUT  MAX-WIDTH 480px */
/* **************************************************************** */

@media only screen and (max-width: 480px) {

.content.toiawase .form_btn .button {
	margin: 0 0 30px;
}

.content.toiawase .form_btn .button a {	
	padding: 10px 0;
	font-size: 18px;
	background-position: center right 1em;
}

}