@charset "UTF-8";

@media screen and (min-width:769px){
	.contbox{
		width:1000px;
		margin:0 auto;
	}
	
	.cbtnbox{
		padding:90px 0 0 0;
	}
	
	.contbox table{
		width:100%;
		margin:0 0 0 0;
		border-top:1px solid #bababa;
		border-collapse: collapse;
	}
	
	.contbox table tr td{
		padding:30px 30px 30px 0;
		border:none;
		border-left:none;
		border-right:none;
		line-height:2rem;
		font-size:1.4rem;
		position:relative;
		box-sizing: border-box;
		border-bottom:1px solid #bababa;
		vertical-align: middle;
	}	
	
	.contbox table tr td.pbox{
		padding:calc(0.7em + 30px) 100px 30px 30px;
		width:360px;
		border:none;
		vertical-align:top;
		border-bottom:1px solid #bababa;
		line-height:2rem;
		box-sizing: border-box;
	}
	
	.contbox.kakunin table tr td.pbox{
		padding:calc(30px) 100px 30px 30px;
		width:360px;
		border:none;
		vertical-align:top;
		border-bottom:1px solid #bababa;
		line-height:2rem;
		box-sizing: border-box;
	}
	
	.contbox table tr td span.check{
		color:#fff;
		display:block;
		margin:0 0 0 0;
		background:#BF272D;
		font-size:1.3rem;
		line-height:1rem;
		padding:3px 7px 5px 7px;
		position:absolute;
		top:20px;
		right:20px;
		border-radius: 3px;
		font-weight: 300;
	}
	
	.contbox table tr td.pbox span.check{
		color:#fff;
		display:inline-block;
		margin:0 0 0 0;
		float:right;
		background:#BF272D;
		font-size:1.2rem;
		line-height:1rem;
		padding:5px 7px 7px 7px;
		position:relative;
		top:0;
		right:0;
		font-weight: 300;
	}

	
	span.error{
		margin:10px 0 0 0;
		display:block;
	}
	
	.contbox table tr td a{
		color:#666;
		text-decoration:underline;
	}
	
	input[type="text"],input[type="email"],input[type="button"] {
  		margin: 0;
 		padding: 0;
  		background: #eaeaea;
  		border: none;
  		border-radius: 0;
  		outline: none;
  		-webkit-appearance: none;
  		-moz-appearance: none;
  		appearance: none;
		box-shadow: none;
	}
	
	input[type="radio"]{
		position:relative;
		margin:-0.25em 5px 0 0;
	}
	
	input[type="text"],input[type="email"]{
		padding:10px;
		width:100%;
		box-sizing: border-box;
		font-size:1.4rem;
		background:#fff;
		border:1px solid #C1C1C1;
	}
	
	input[type="text"].adnumbox{
		width:120px;
		margin:0 10px 0 0;
	}
	
	input[type="text"].adnumbox2{
		width:120px;
		margin:0 0 0 10px;
	}
	
	input[type="text"].wbox{
		width:440px;
	}
	
	.abtn{
		display: inline-block;
		background:#808080;
		width:130px;
		padding:5px 0;
		position: relative;
		cursor: pointer;
		color:#fff;
		text-align: center;
		margin:5px 0 0 10px;
			
	}
	
	.adressbox{
		margin:0 0 10px 0;
		display: flex;
		align-items: flex-start;
	}
	
	.adressbox span.error{
		display:block !important;
		padding:10px 0 0 0;
		margin:0 0 0 0;
	}
	
	.privacytr span.error{
		display:inline-block !important;
		margin:0 0 0 0;
	}
	
	.privacytr .link{
		margin:10px 0 0 0;
	}
	
	.adressbox span{
		width:90px;
		display:inline-block;
		padding:calc(5px + 0.7em) 0 0 0;
	}
	
	.adressbox input{
		width:calc(100% - 90px);
	}
	
	.hbtn{
		width:340px;
		margin:0 auto;
		position: relative;
		background:#000;
		border-radius: 5px;
	}
	
	.hbtn2{
		display: none;
	}
	
	.kakunin .hbtn2{
		display: flex;
		justify-content: center;
		align-items: center;
		margin:80px 0 0 0;
	}

	input[type="submit"].btn01{
		background-color:#1a1a1a;
		border:none;
		padding:20px 0;
		width:100%;
		margin:0 auto;
		color:#fff;
		font-weight: 600;
		letter-spacing:0.1em;
		font-size:1.6rem;
		text-align: center;
		text-decoration: none;
		display: block;
		transition: opacity 0.3s;
		cursor: pointer;
		position:relative;
		z-index:1;
		-webkit-appearance: none;
  		border-radius: 5px;
	}
	
	input[type="submit"].btn02{
		color:#000;
		width:auto;
		border:none;
		font-weight: normal;
		cursor: pointer;
		margin:0 0 0 0;
		transition:all 0.3s;
		opacity:1;
		background:none;
		letter-spacing:0.1em;
		font-size:1.6rem;
		display:block;
		-webkit-appearance: none;
  		border-radius: 0;
	}
	
	.inputbox{
		width:auto ;
	}
	
	.kakunin .inputbox{
		display: inline-block;
	}
	
	.upload-box {
    	display: flex;
		align-items: center;
		position: relative;
	}
	
	.upload-box .mwform-file-delete {
		position:absolute;
		top:50%;
		right:0;
		visibility: visible;
		color:#1a1a1a;
		display: none;
	}
	
	.upload-box {
    	display: flex;
		align-items: center;
		flex-wrap: wrap;
	}
	
	.kakunin .upload-box span{
    	display: none;
	}
	
	.upload-box a{
    	color:#fff !important;
		text-align: center;
		width:100%;
	}
	
	.kakunin .upload-box a{
    	color:#1a1a1a !important;
	}
	
	.kakunin .upload-box label{
    	padding:0 0 0 0;
		background: none;
	}
	
	.kakunin .upload-box p{
    	display: none;
	}

	.upload-box [type="file"] {
    	display: none!important;
	}

	.upload-box label {
    	padding: 5px 20px 5px 20px;
    	margin-right: 10px;
    	color: #ffffff;
    	background-color: #808080;
    	cursor: pointer;
    	text-align: center;
	}
	
	.kakunin .pcheck{
		display:none;
	}
	
	.kakunin span.check{
		display: none !important;
	}
	
	.kakunin .abtn{
		display: none !important;
	}
	
	.kakunin .contbox table tr td .adressbox span.sb{
		display:none;	
	}
	
	.kakunin .contbox table tr.privacytr{
		display:none;
	}
	
	.adressbox span.icon{
		display: none;
	}
	
	.adressbox span.border{
		width:auto;
	}
	
	.kakunin .adressbox span.icon,
	.kakunin .adressbox span.border{
		display: inline-block;
		width:auto;
	}
	
	.kakunin .adressbox{
		display: inline-block;
		margin:0 0 0 0;
	}
	
	.pcheck a{
		color:#871b20;
		text-decoration:none;
		transition:opacity 0.3s;
	}
	
	.pcheck a:hover{
		opacity:0.5;
	}
	
	a.backbtn{
		background-color:#1a1a1a;
		padding:23px 0;
		width:100%;
		margin:0 0 0 0;
		color:#fff;
		letter-spacing:0.1em;
		font-size:1.6rem;
		text-align: center;
		text-decoration: none;
		display: block;
		transition: opacity 0.3s;
		cursor: pointer;
		position:relative;
		border:1px solid #1a1a1a;
		z-index:2;
		font-weight: 500;
		line-height: 1;
		box-sizing: border-box;
		border-radius: 5px;
	}
	
	.contbox .cbtnbox{
		text-align: center;
	}
	
	.kakunin .contbox .cbtnbox{
		text-align: center;
		margin:0 0 100px 0;
	}
	
	.thanks{
		padding:0 0;
		width:100%;
		text-align: center;
	}
	
	.thanks .tl{
		font-size:2.6rem;
		line-height: 4.8rem;
		font-weight: 600;
		margin:0 0 30px 0;
	}
	
	.thanks .tx{
		font-size:1.4rem;
		line-height: 3.2rem;
	}
	
	::-webkit-input-placeholder {
  	color: #d1c0a5;
	}
	::-moz-placeholder {
  	color: #d1c0a5; opacity: 1;
	}
	:-ms-input-placeholder {
  	color: #d1c0a5;
	}
	
	select{
		margin:0 0 0 0;
		width: 240px;
		padding: 15px 35px 15px 10px;
		border:1px solid #C1C1C1;
		outline: none;
		font-size:1.4rem;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		line-height: 1;
		display: inline-block;
		background: url(/images/common/down_arrow.png) no-repeat ,#fff;
		background-size:10px;
		background-position: right 15px top 50%;
		box-sizing: border-box;
		color:#1a1a1a;
		border-radius: 0;
	}
	
	.mwform-checkbox-field{width:auto; display:inline-block; margin:0 0 0 0;}
	.pcheck .mwform-checkbox-field{width:auto; display:inline-block; margin:0 0 40px 0;}
	
	.mw_wp_form .horizontal-item + .horizontal-item{margin:0 0 0 0 !important; display:inline-block; line-height:1;}
	
	.mwform-radio-field input[type="radio"]{
		display: none;
	}
	.mwform-radio-field input[type="radio"] + span{
  		position:relative;
		font-weight: normal;
		margin:0 30px 0 0 !important;
		display:inline-block;
	}
	.mwform-radio-field input[type="radio"] + span::before{
  		margin:-2px 10px 0 0;
    	content:" ";
    	display:inline-block;
    	width:17px;
    	height:17px;
    	border:1px solid #c1c1c2;
    	background:#fff;
    	vertical-align:middle;
		border-radius: 50%;
	}
	.mwform-radio-field input[type="radio"]:checked + span::before{
  		margin:-2px 10px 0 0;
    	content:" ";
    	display:inline-block;
    	width:17px;
    	height:17px;
    	border:1px solid #c1c1c1;
    	background:#008EA3;
    	vertical-align:middle;
	}
	
	.mwform-checkbox-field input[type="checkbox"]{
		display: none;
	}
	.mwform-checkbox-field input[type="checkbox"] + span{
  		position:relative;
		font-weight: normal;
		margin:0 30px 10px 0;
		display:inline-block;
	}
	
	.pcheck .mwform-checkbox-field input[type="checkbox"] + span{
		margin:0 0 0 0;
	}
	.mwform-checkbox-field input[type="checkbox"] + span::before{
  		margin:-2px 10px 0 0;
    	content:" ";
    	display:inline-block;
    	width:17px;
    	height:17px;
    	border:1px solid #c1c1c1;
    	background:#fff;
    	vertical-align:middle;
	}
	
	.privacytr .mwform-checkbox-field input[type="checkbox"] + span{
  		position:relative;
		font-weight: normal;
		margin:0 0 0 0;
		display:inline-block;
	}
	
	.mwform-checkbox-field input[type="checkbox"]:checked + span::before{
  		margin:-2px 10px 0 0;
    	content:" ";
    	display:inline-block;
    	width:17px;
    	height:17px;
    	border:1px solid #c1c1c1;
    	background:url("/images/common/check.svg") no-repeat;
		background-size:contain;
    	vertical-align:middle;
	}
	
	textarea{
		padding:10px;
		font-size: 1.4rem;
		width:100%;
		line-height: 2.5rem;
		background:#fff;
		box-sizing: border-box;
		min-height:145px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		outline: none;
		border:1px solid #c1c1c1;
		border-radius: 0;
	}
	
	.hbtn .arrow{
		position: absolute;
		top:calc(50% - 5px);
		right:15px;
		z-index: 2;
	}
	
	.hbtn span,
	.hbtn2 span{
		width:30px;
		height:10px;
		display: flex;
		background:none;
		justify-content: center;
		align-items: center;
		margin:2px 0 0 0;
		position: relative;
	}
	
	.hbtn span::before{
		content:"";
		width:10px;
		height:10px;
		background:url("/images/common/w_arrow.svg") no-repeat;
		background-size:10px;
		display: block;
		position: absolute;
		right:calc(50% - 5px);
		top:calc(50% - 5px);
		
	}
	
	.hbtn2 span::before{
		content:"";
		width:10px;
		height:10px;
		background:url("/images/common/b_arrow.svg") no-repeat;
		background-size:10px;
		display: block;
		position: absolute;
		right:calc(50% - 5px);
		top:calc(50% - 5px);
		
	}
	
	.hbtn span::after{
		content:"";
		width:10px;
		height:10px;
		background:url("/images/common/w_arrow.svg") no-repeat;
		background-size:10px;
		opacity: 0;
		position: absolute;
		right:20px;
		top:calc(50% - 5px);
		
	}
	
	.hbtn2 span::after{
		content:"";
		width:10px;
		height:10px;
		background:url("/images/common/b_arrow.svg") no-repeat;
		background-size:10px;
		opacity: 0;
		position: absolute;
		right:20px;
		top:calc(50% - 5px);
		
	}
	
	.hbtn:hover span::before,
	.hbtn2:hover span::before{
  		animation: arrowbefore2 .25s;
		animation-fill-mode: forwards;
	}
	
	.hbtn:hover span::after,
	.hbtn2:hover span::after{
  		animation: arrowafter2 .25s;
		animation-fill-mode: forwards;
		animation-delay: .25s;
	}
}

@media screen and (max-width:768px){
	.contbox{
		width:100%;
		margin:0 auto;
	}
	
	.cbtnbox{
		padding:60px 0 0 0;
	}
	
	.contbox table{
		width:100%;
		margin:0 0 0 0;
		border-top:1px solid #bababa;
		border-collapse: collapse;
	}
	
	.contbox table tr td{
		padding:0 10px 15px 10px;
		border:none;
		border-left:none;
		border-right:none;
		line-height:2.1rem;
		font-size:1.2rem;
		position:relative;
		box-sizing: border-box;
		border-bottom:1px solid #bababa;
		vertical-align: middle;
		display: block;
	}	
	
	.contbox table tr td.pbox{
		padding:15px 10px 10px 10px;
		width:100%;
		border:none;
		vertical-align:top;
		line-height:2rem;
		box-sizing: border-box;
	}
	
	.contbox.kakunin table tr td.pbox{
		padding:15px 10px 10px 10px;
		width:100%;
		border:none;
		vertical-align:top;
		line-height:2rem;
		box-sizing: border-box;
	}
	
	.contbox table tr td span.check{
		color:#fff;
		display:block;
		margin:0 0 0 0;
		background:#BF272D;
		font-size:1.1rem;
		line-height:1rem;
		padding:3px 7px 5px 7px;
		position:relative;
		border-radius: 3px;
		font-weight: 300;
	}
	
	.contbox table tr td.pbox span.check{
		color:#fff;
		display:inline-block;
		margin:0 0 0 10px;
		background:#BF272D;
		font-size:1.1rem;
		line-height:1rem;
		padding:5px 7px 7px 7px;
		position:relative;
		top:0;
		right:0;
		font-weight: 300;
	}

	
	span.error{
		margin:5px 0 0 0;
		display:block;
	}
	
	.contbox table tr td a{
		color:#666;
		text-decoration:underline;
	}
	
	input[type="text"],input[type="email"],input[type="button"] {
  		margin: 0;
 		padding: 0;
  		background: #eaeaea;
  		border: none;
  		border-radius: 0;
  		outline: none;
  		-webkit-appearance: none;
  		-moz-appearance: none;
  		appearance: none;
		box-shadow: none;
	}
	
	input[type="radio"]{
		position:relative;
		margin:-0.25em 5px 0 0;
	}
	
	input[type="text"],input[type="email"]{
		padding:10px;
		width:100%;
		box-sizing: border-box;
		font-size:1.2rem;
		background:#fff;
		border:1px solid #C1C1C1;
	}
	
	input[type="text"].adnumbox{
		width:70px;
		margin:0 10px 0 0;
	}
	
	input[type="text"].adnumbox2{
		width:70px;
		margin:0 0 0 10px;
	}
	
	input[type="text"].wbox{
		width:100%;
	}
	
	.abtn{
		display: inline-block;
		background:#808080;
		width:auto;
		padding:5px 10px;
		position: relative;
		cursor: pointer;
		color:#fff;
		text-align: center;
		margin:0 0 0 10px;
		font-size:1rem;
			
	}
	
	.adressbox{
		margin:0 0 10px 0;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}
	
	.adressbox.spad{
		margin:0 0 10px 0;
		display: flex;
		align-items: flex-start;
		flex-wrap: wrap;
	}
	
	.adressbox.spad span.border{
		margin:10px 0 0 0;
	}
	
	
	.adressbox.spad .abtn{
		margin:5px 0 0 10px;
	}
	
	.adressbox span.error{
		display:block !important;
		padding:10px 0 0 0;
		margin:0 0 0 0;
	}
	
	.privacytr span.error{
		display:inline-block !important;
		margin:0 0 0 0;
	}
	
	.privacytr .link{
		margin:10px 0 0 0;
	}
	
	.adressbox span{
		width:100%;
		display:inline-block;
		padding:0 0 5px 0;
	}
	
	.adressbox input{
		width:calc(100% - 90px);
	}
	
	.hbtn{
		width:80%;
		max-width:270px;
		margin:0 auto;
		position: relative;
		background:#000;
		border-radius: 5px;
	}
	
	.hbtn2{
		display: none;
	}
	
	.kakunin .hbtn2{
		display: flex;
		justify-content: center;
		align-items: center;
		margin:50px 0 0 0;
	}

	input[type="submit"].btn01{
		background-color:#1a1a1a;
		border:none;
		padding:20px 0;
		width:100%;
		margin:0 auto;
		color:#fff;
		font-weight: 600;
		letter-spacing:0.1em;
		font-size:1.4rem;
		text-align: center;
		text-decoration: none;
		display: block;
		transition: opacity 0.3s;
		cursor: pointer;
		position:relative;
		z-index:1;
		-webkit-appearance: none;
  		border-radius: 5px;
	}
	
	input[type="submit"].btn02{
		color:#000;
		width:auto;
		border:none;
		font-weight: normal;
		cursor: pointer;
		margin:0 0 0 0;
		transition:all 0.3s;
		opacity:1;
		background:none;
		letter-spacing:0.1em;
		font-size:1.4rem;
		display:block;
		-webkit-appearance: none;
  		border-radius: 0;
	}
	
	.inputbox{
		width:auto ;
	}
	
	.inputbox.box2{
		width:100%;
	}
	
	.kakunin .inputbox{
		display: inline-block;
	}
	
	.upload-box {
    	display: flex;
		align-items: center;
		position: relative;
	}
	
	.upload-box .mwform-file-delete {
		position:absolute;
		top:50%;
		right:0;
		visibility: visible;
		color:#1a1a1a;
		display: none;
	}
	
	.upload-box {
    	display: flex;
		align-items: center;
		flex-wrap: wrap;
	}
	
	.kakunin .upload-box span{
    	display: none;
	}
	
	.upload-box a{
    	color:#fff !important;
		text-align: center;
		width:100%;
	}
	
	.kakunin .upload-box a{
    	color:#1a1a1a !important;
	}
	
	.kakunin .upload-box label{
    	padding:0 0 0 0;
		background: none;
	}
	
	.kakunin .upload-box p{
    	display: none;
	}

	.upload-box [type="file"] {
    	display: none!important;
	}

	.upload-box label {
    	padding: 5px 20px 5px 20px;
    	margin-right: 10px;
    	color: #ffffff;
    	background-color: #808080;
    	cursor: pointer;
    	text-align: center;
	}
	
	.kakunin .pcheck{
		display:none;
	}
	
	.kakunin span.check{
		display: none !important;
	}
	
	.kakunin .abtn{
		display: none !important;
	}
	
	.kakunin .contbox table tr td .adressbox span.sb{
		display:none;	
	}
	
	.kakunin .contbox table tr.privacytr{
		display:none;
	}
	
	.adressbox span.icon{
		display: none;
	}
	
	.adressbox span.border{
		width:auto;
	}
	
	.kakunin .adressbox span.icon,
	.kakunin .adressbox span.border{
		display: inline-block;
		width:auto;
	}
	
	.kakunin .adressbox{
		display: inline-block;
		margin:0 0 0 0;
	}
	
	.pcheck a{
		color:#871b20;
		text-decoration:none;
		transition:opacity 0.3s;
	}
	
	.pcheck a:hover{
		opacity:0.5;
	}
	
	a.backbtn{
		background-color:#1a1a1a;
		padding:20px 0;
		width:100%;
		margin:0 0 0 0;
		color:#fff;
		letter-spacing:0.1em;
		font-size:1.4rem;
		text-align: center;
		text-decoration: none;
		display: block;
		transition: opacity 0.3s;
		cursor: pointer;
		position:relative;
		border:1px solid #1a1a1a;
		z-index:2;
		font-weight: 500;
		line-height: 1;
		box-sizing: border-box;
		border-radius: 5px;
	}
	
	.contbox .cbtnbox{
		text-align: center;
	}
	
	.kakunin .contbox .cbtnbox{
		text-align: center;
		margin:0 0 100px 0;
	}
	
	.thanks{
		padding:0 0;
		width:100%;
		text-align: left;
	}
	
	.thanks .tl{
		font-size:1.7rem;
		line-height: 3rem;
		font-weight: 600;
		margin:0 0 20px 0;
	}
	
	.thanks .tx{
		font-size:1.2rem;
		line-height: 2.4rem;
	}
	
	::-webkit-input-placeholder {
  	color: #d1c0a5;
	}
	::-moz-placeholder {
  	color: #d1c0a5; opacity: 1;
	}
	:-ms-input-placeholder {
  	color: #d1c0a5;
	}
	
	select{
		margin:0 0 0 0;
		width: 100%;
		padding: 15px 35px 15px 10px;
		border:1px solid #C1C1C1;
		outline: none;
		font-size:1.2rem;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		line-height: 1;
		display: inline-block;
		background: url(/images/common/down_arrow.png) no-repeat ,#fff;
		background-size:10px;
		background-position: right 15px top 50%;
		box-sizing: border-box;
		border-radius: 0;
	}
	
	.mwform-checkbox-field{width:auto; display:inline-block; margin:0 0 0 0;}
	.pcheck .mwform-checkbox-field{width:auto; display:inline-block; margin:0 0 40px 0;}
	
	.mw_wp_form .horizontal-item + .horizontal-item{margin:0 0 0 0 !important; display:inline-block; line-height:1;}
	
	.mwform-radio-field input[type="radio"]{
		display: none;
	}
	.mwform-radio-field input[type="radio"] + span{
  		position:relative;
		font-weight: normal;
		margin:0 30px 0 0 !important;
		display:inline-block;
	}
	.mwform-radio-field input[type="radio"] + span::before{
  		margin:-2px 10px 0 0;
    	content:" ";
    	display:inline-block;
    	width:17px;
    	height:17px;
    	border:1px solid #c1c1c2;
    	background:#fff;
    	vertical-align:middle;
		border-radius: 50%;
	}
	.mwform-radio-field input[type="radio"]:checked + span::before{
  		margin:-2px 10px 0 0;
    	content:" ";
    	display:inline-block;
    	width:17px;
    	height:17px;
    	border:1px solid #c1c1c1;
    	background:#008EA3;
    	vertical-align:middle;
	}
	
	.mwform-checkbox-field input[type="checkbox"]{
		display: none;
	}
	.mwform-checkbox-field input[type="checkbox"] + span{
  		position:relative;
		font-weight: normal;
		margin:0 30px 10px 0;
		display:inline-block;
	}
	
	.pcheck .mwform-checkbox-field input[type="checkbox"] + span{
		margin:0 0 0 0;
	}
	.mwform-checkbox-field input[type="checkbox"] + span::before{
  		margin:-2px 10px 0 0;
    	content:" ";
    	display:inline-block;
    	width:17px;
    	height:17px;
    	border:1px solid #c1c1c1;
    	background:#fff;
    	vertical-align:middle;
	}
	
	.privacytr .mwform-checkbox-field input[type="checkbox"] + span{
  		position:relative;
		font-weight: normal;
		margin:0 0 0 0;
		display:inline-block;
	}
	
	.mwform-checkbox-field input[type="checkbox"]:checked + span::before{
  		margin:-2px 10px 0 0;
    	content:" ";
    	display:inline-block;
    	width:17px;
    	height:17px;
    	border:1px solid #c1c1c1;
    	background:url("/images/common/check.svg") no-repeat;
		background-size:contain;
    	vertical-align:middle;
	}
	
	textarea{
		padding:10px;
		font-size: 1.2rem;
		width:100%;
		line-height: 2.1rem;
		background:#fff;
		box-sizing: border-box;
		min-height:145px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		outline: none;
		border:1px solid #c1c1c1;
		color:#1a1a1a;
		border-radius: 0;
	}
	
	.hbtn .arrow{
		position: absolute;
		top:calc(50% - 5px);
		right:10px;
		z-index: 2;
	}
	
	.hbtn span,
	.hbtn2 span{
		width:30px;
		height:10px;
		display: flex;
		background:none;
		justify-content: center;
		align-items: center;
		margin:2px 0 0 0;
		position: relative;
	}
	
	.hbtn span::before{
		content:"";
		width:10px;
		height:10px;
		background:url("/images/common/w_arrow.svg") no-repeat;
		background-size:10px;
		display: block;
		position: absolute;
		right:calc(50% - 5px);
		top:calc(50% - 5px);
		
	}
	
	.hbtn2 span::before{
		content:"";
		width:10px;
		height:10px;
		background:url("/images/common/b_arrow.svg") no-repeat;
		background-size:10px;
		display: block;
		position: absolute;
		right:calc(50% - 5px);
		top:calc(50% - 5px);
		
	}
	
	.hbtn span::after{
		content:"";
		width:10px;
		height:10px;
		background:url("/images/common/w_arrow.svg") no-repeat;
		background-size:10px;
		opacity: 0;
		position: absolute;
		right:20px;
		top:calc(50% - 5px);
		
	}
	
	.hbtn2 span::after{
		content:"";
		width:10px;
		height:10px;
		background:url("/images/common/b_arrow.svg") no-repeat;
		background-size:10px;
		opacity: 0;
		position: absolute;
		right:20px;
		top:calc(50% - 5px);
		
	}
	
	.hbtn:hover span::before,
	.hbtn2:hover span::before{
  		animation: arrowbefore2 .25s;
		animation-fill-mode: forwards;
	}
	
	.hbtn:hover span::after,
	.hbtn2:hover span::after{
  		animation: arrowafter2 .25s;
		animation-fill-mode: forwards;
		animation-delay: .25s;
	}
}