@charset "utf-8";
@import url("../font/Roboto.css");

.titleWrap_ps	{text-align:center;}
.titleWrap_ps img{height:27px; margin-bottom:70px; margin-top:50px}
.titleWrap_ps > p	{font-weight:700; font-size:36px;}
.titleWrap_ps > span	{font-weight:300; font-size:16px; line-height:1.7; margin:3em 0 4em; color:#666666;}


.btnWrap2ps	{text-align:center; margin: 0 auto; }
.btnWrap2ps input + input	{margin-left:16px;}
.btnWrap input, .btnWrap2ps a	{display:inline-block; position:relative; border:1px solid #000; text-align:center; width:200px; height:56px; font-size:16px; }
.btnWrap input, .btnWrap2ps a:hover	{color:#fff;}
.btnWrap input, .btnWrap2ps a span	{position:absolute; top:50%; left:0; width:100%; height:100%; line-height:54px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.btnWrap input, .btnWrap2ps a:before	{content: '';  position: absolute;  background: #01ae83;  border-color: #01ae83;  width: 0;  height: calc(100% + 2px);  left: -1px;  top: -1px;
	-webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	-ms-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	-o-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.btnWrap input, .btnWrap2ps a:hover:before{width: calc(100% + 2px);}


.btnWrap2ps_half	{text-align:center; margin: 0 auto; }
.btnWrap2ps_half input + input	{margin-left:16px;}
.btnWrap input, .btnWrap2ps_half a	{display:inline-block; position:relative; border:1px solid #000; text-align:center; width:130px; height:56px; font-size:16px; }
.btnWrap input, .btnWrap2ps_half a.black{display:inline-block;  color:#fff; position:relative; background:#000; border:1px solid #000; text-align:center; width:130px; height:56px; font-size:16px; }
.btnWrap input, .btnWrap2ps_half a:hover	{color:#fff;}
.btnWrap input, .btnWrap2ps_half a span	{position:absolute; top:50%; left:0; width:100%; height:100%; line-height:54px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.btnWrap input, .btnWrap2ps_half a:before	{content: '';  position: absolute;  background: #01ae83;  border-color: #01ae83;  width: 0;  height: calc(100% + 2px);  left: -1px;  top: -1px;
	-webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	-ms-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	-o-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.btnWrap input, .btnWrap2ps_half a:hover:before{width: calc(100% + 2px);}





@media all and (max-width: 1080px) {

	.titleWrap_ps	{}
	.titleWrap_ps img{margin-bottom:50px; margin-top:30px}
	.titleWrap_ps > p	{font-size:28px;}
	.titleWrap_ps > span	{font-size:16px;  margin:2em 0 4em; }



	.btnWrap2ps input, .btnWrap2ps a	{font-size:14px; line-height:32px;}
	.btnWrap2ps {text-align: center; margin: 0 auto;}
	

	.titleWrap_ps_half	{}
	.titleWrap_ps_half img{height:70px; margin-bottom:50px; margin-top:30px}
	.titleWrap_ps_half > p	{font-size:28px;}
	.titleWrap_ps_half > span	{font-size:16px;  margin:2em 0 4em; }



	.btnWrap2ps_half input, .btnWrap2ps_half a	{font-size:14px; line-height:32px; }
	.btnWrap2ps_half {text-align: center;margin: 0 auto;}
	
}

@media all and (max-width: 766px) {

	.titleWrap_ps > p	{font-size:24px;padding-right: 50px;padding-left: 50px;word-break: keep-all;}
	.titleWrap_ps img{margin-bottom:40px}
	.titleWrap_ps > span	{font-size:12px;}

	.btnWrap2ps {text-align: center; margin:0 auto;}
	.btnWrap input, .btnWrap2ps a{width:155px; height:46px;}
	.btnWrap input, .btnWrap2ps a span{line-height:44px; font-size:12px;}


	.titleWrap_ps_half > p	{font-size:24px;}
	.titleWrap_ps_half img{height:58x; margin-bottom:40px}
	.titleWrap_ps_half > span	{font-size:12px;}

	.btnWrap2ps_half {text-align: center;margin:0 auto;}
	.btnWrap input, .btnWrap2ps_half a{width:155px; height:46px;}
	.btnWrap input, .btnWrap2ps_half a.black{width:155px; height:46px;}
	.btnWrap input, .btnWrap2ps_half a span{line-height:44px; font-size:12px;}


}