@charset "UTF-8";
/*-----------------------------------
base
-----------------------------------*/
html {
    overflow-y: auto;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-size: 62.5%;
	overflow-x: hidden;
}
body {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 16px;
    font-size: 1.6em;
	color: #373737;
    line-height: 1.6em;
	letter-spacing:0.2rem;
	font-weight:500;
	background: #fcfcfc!important;
	margin:0 !important;
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
}
.w1200,
.w1100,
.w900,
.w860{
	width: 95%;
	margin: 0 auto;
}
.w1100{
	max-width: 1100px;
}
.w900{
	max-width: 900px;
}
.w860{
	max-width: 860px;
}
.bg_stripe{
	background: url("../img/common/bg_stripe.png");
	background-attachment: fixed;
}
.bg_w{
	background: #fff;
}
.bg_r{
	background: #f5411e;
}
.bg_o{
	background: #ffbb37;
}
.bg_y{
	background: #ffda45;
}
.bg_py{
	background: #fff3c4;
}
.bg_ppy{
	background: #fffdf5;
}
.bg_lgy{
	background: #f5f5f5;
}
.bg_gy{
	background: #ececec;
}
.bg_bk{
	background: #3b3b3b;
}
.z_in-1{
	z-index: -1;
}
.deco_star_s{
	padding-top: 50px;
}
.deco_star_s:after{
	content: "";
	width: 95px;
	height: 30px;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	background: url("../img/common/deco_star_s_c.svg");
	background-repeat: no-repeat;
	display: block;
	position: absolute;
}
.fw700 {
	font-weight:700;
}
a img {
    transition: 0.5s;
}
img {
    max-width: 100%;
    height: auto;
}
a, a:link, a:visited {
    color: #373737;
	text-decoration:none;
    cursor: pointer;
	transition: all .3s;
}
a:hover {
	color:#aaa;
	text-decoration:none;
}
a:hover img.opacity {
	transition: all .3s;
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.over{
	/*overflow:hidden !important;*/
	height:100% !important;
}
.sp,.tab{
	display:none;
}
.pc{
	display:block;
}
.left{
	float: left;
}
.right{
	float: right;
}
.bxs{
	box-sizing: border-box;
}
.bdr10{
	border-radius: 10px;
}
.bdr20{
	border-radius: 20px;
}
.bdrb20{
	border-radius: 0 0 20px 20px;
}
.pdlr40{
	padding-left: 40px;
	padding-right: 40px;
	box-sizing: border-box;
}
.mgt5{
	margin-top: 5px;
}
.mgt10{
	margin-top: 10px;
}
.mgt20{
	margin-top: 20px;
}
.mgt30{
	margin-top: 30px;
}
.mgt40{
	margin-top: 40px;
}
.mgt60{
	margin-top: 60px;
}
.mgt80{
	margin-top: 80px;
}
.pdt40{
	padding-top: 40px;
}
.pdb40{
	padding-bottom: 40px;
}
.pdt60{
	padding-top: 60px;
}
.pdb60{
	padding-bottom: 60px;
}
.pdt80{
	padding-top: 80px;
}
.pdb80{
	padding-bottom: 80px;
}
.pdt100{
	padding-top: 100px;
}
.txt_y{
	color: #ffd737;
}
.txt_o{
	color: #ff8921;
}
.txt_w{
	color: #fff;
}
.ta_l{
	text-align: left;
}
.ta_r{
	text-align: right;
}
.ta_c{
	text-align: center;
}
.ta_c_sp{
	text-align: center;
}
.ps_r{
	position: relative;
}
.ps_a{
	position: absolute;
}
.ps_ma{
	position: absolute;
	margin: 0 auto;
	left: 0;
	right: 0;
}
.dsp_b{
	display: block;
}
.dsp_ib{
	display: inline-block;
}
.dsp_flex{
	display: flex;
}
.dsp_flex_tab{
	display: flex;
}
.dsp_flex_sp{
	display: flex;
}
.dsp_flex_between{
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.dsp_flex_center{
	-webkit-justify-content:center;
	justify-content: center;
}
.dsp_flex_wrap{
	flex-wrap:wrap;
}
@media screen and (max-width: 980px) {
	body {
		font-size: 14px;
		font-size: 1.4em;
		line-height: 1.6em;
		letter-spacing: 0.1rem;
	}
	.pc{
		display:none;
	}
	.tab{
		display:block;
	}
	.dsp_flex_tab{
		display: block;
	}
}
@media screen and (max-width: 740px) {
	.pc,.tab{
		display:none;
	}
	.sp{
		display:block;
	}
	.ta_c_sp{
		text-align: left;
	}
	.deco_star_s{
		padding-top: 20px;
	}
	.deco_star_s::after {
	  width: 60px;
	  height: 20px;
	}
	
	.bdr20{
		border-radius: 10px;
	}
	.bdrb20{
		border-radius: 0 0 10px 10px;
	}
	.mgt30 {
	  margin-top: 20px;
	}
	.pdt40{
		padding-top: 30px;
	}
	.pdb40{
		padding-bottom: 30px;
	}
	.mgt40 {
	  margin-top: 20px;
	}
	.pdt60{
		padding-top: 40px;
	}
	.mgt60{
		margin-top:40px ;
	}
	.pdb60{
		padding-bottom: 40px;
	}
	.pdt80{
		padding-top: 60px;
	}
	.pdb80{
		padding-bottom: 60px;
	}
	.pdt100{
		padding-top: 60px;
	}
	.pd100 {
	  padding: 50px 0;
	}
	.pdlr40{
		padding-left: 5%;
		padding-right: 5%;
	}
	.dsp_flex_sp{
		display: block;
	}
}
/*-----------------------------------

	clearfix

-----------------------------------*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
/*-----------------------------------

	img_scale

-----------------------------------*/
a:hover .img_opacity {
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
a .img_scale{
	overflow: hidden;
}
a:hover .img_scale110 img{
  -ms-transform:scale(1.1);
  transform:scale(1.1)
}
/*-----------------------------------

	size

-----------------------------------*/
.fz13{
	font-size: 1.3rem;
	line-height: 1.8rem;
}
.fz14{
	font-size: 1.4rem;
	line-height: 1.8rem;
}
.fz15{
	font-size: 1.5rem;
	line-height: 2.4rem;
}
.fz16{
	font-size: 1.6rem;
	line-height: 2.1rem;
}
.fz21{
	font-size: 2.1rem;
	line-height: 3.0rem;
}
.fz30{
	font-size: 3.0rem;
	line-height: 3.6rem;
}
.fz36{
	font-size: 3.6rem;
	line-height: 3.6rem;
}
.fz42{
	font-size: 4.2rem;
	line-height: 5.2rem;
}
.fz48{
	font-size: 4.8rem;
	line-height: 5.2rem;
}
@media screen and (max-width: 980px) {
	.fz16 {
	  font-size: 1.3rem;
		line-height:1.8rem;
	}
	.fz36{
		font-size: 3.0rem;
		line-height: 3.6rem;
	}
	.fz42{
		font-size: 3.6rem;
		line-height: 4.2rem;
	}
}
@media screen and (max-width: 740px) {
	.fz21{
		font-size: 1.6rem;
		line-height: 2.4rem;
	}
	.fz30{
		font-size: 2.1rem;
		line-height: 3.0rem;
	}
	.fz36{
		font-size: 2.4rem;
		line-height: 2.8rem;
	}
	.fz42{
		font-size: 2.4rem;
		line-height: 3.2rem;
	}
	
}
/*-----------------------------------

	header

-----------------------------------*/
header{
	width: 98%;
	height: 80px;
    position: absolute;
	background: #fff;
    left: 0px;
    top: 0px;
    z-index: 998;
	padding: 0 2%;
}
header .header_logo {
	width: 30%;
	max-width: 340px;
	transition: all .3s ease;
	margin-top: 8px;
}
header .header_logo a{
	display: block;
}
header .header_logo a img{
	width: 100%;
}
header.fixed{
	position: fixed;
    top: 0;
    z-index: 1000;
	 transition: all .3s ease;
}
header.fixed .header_logo{
	width:240px;
	margin-top: 20px;
}
@media screen and (max-width: 1499px){
	header .header_logo {
		width: 240px;
		margin-top: 20px;
	}
}
@media screen and (max-width: 980px){
	header{
		height: 60px;
		position: static;
		padding-top: 10px;
	}
	header.fixed{
		position: static;
	}
	header .header_logo,
	header.fixed .header_logo{
  		width: 65%;
		max-width: 280px;
		min-width: 240px;
		margin: 0 auto;
		float: none!important;
	}
}
/*-----------------------------------

	nav

-----------------------------------*/
nav#nav_pc{
	width: 75%;
	max-width: 1000px;
	margin: 35px 2% 0 0;
}
nav#nav_pc ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
nav#nav_pc li{
	width: 12%;
	height: 55px;
	text-align:center;
	cursor:pointer;
	position: relative;
}
nav#nav_pc li:nth-child(1){
	width: 8%;
}
nav#nav_pc li:nth-child(2),
nav#nav_pc li:nth-child(6){
	width: 18%;
}
nav#nav_pc li a{
	width: 100%;
	font-size: 1.5rem;
	background: #fff;
    display: block;
	line-height:1.8rem;
	transition: all .3s;
	box-sizing:border-box;
}
nav#nav_pc li a:hover,
nav#nav_pc li p:hover{
	padding-top: 10px;
}
nav#nav_pc li p{
	cursor: pointer;
	transition: all .3s;
	line-height: 2.1rem;
}
nav#nav_pc li#header_contact{
	width: 25%;
	margin-top: 0;
	top: 0;
	left: 0;
	text-align: center;
}
nav#nav_pc .sub_menu {
	min-width: 200px;
    visibility: hidden;
	background:#323232;
    display: block;
    position: absolute;
    top: 45px;
    left: 0;
	opacity: 0;
    z-index: 1;
	padding:0;
	box-sizing:border-box;
    transition: all .3s ease;
  }
nav#nav_pc .sub_menu ul{
	display: block;
	padding: 0;
}
nav#nav_pc .sub_menu li{
	width: 100%;
	height: auto;
	margin: 0;
}
nav#nav_pc .sub_menu a {
	font-size: 14px!important;
	height: auto!important;
	color:#fff;
	background: #212a30;
	line-height:1.6rem;
	text-align:left;
    padding: 8px 15px!important;
    display:block;
	z-index: 999;
 }
nav#nav_pc .sub_menu a:hover{
	background: #3a3a3a;
 }
nav#nav_pc li:hover .sub_menu {
    visibility: visible;
    opacity: 1;
    z-index: 9999;
}
@media screen and (max-width: 1199px){
	nav#nav_pc {
		width: 70%;
		margin: 30px 1% 0 0;
	}
	nav#nav_pc li a,
	nav#nav_pc li p{
		font-size: 1.4rem;
		letter-spacing: 0.1rem;
	}
}
@media screen and (max-width: 980px){
	nav#nav_pc {
		display: none;
	}
}
/*-----------------------------------

	sp_menu

-----------------------------------*/
#sp_menu {
	height: 60px;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 997;
	width: 100%;
	border-top: solid 1px #fff;
}
#sp_menu ul {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#sp_menu li {
	width: 33.3%;
	border-right: solid 1px #fff;
	box-sizing: border-box;
}
#sp_menu li:last-child{
	border-right:none;
}
#sp_menu li a,
#sp_menu li span {
	height: 60px;
	color: #fff;
	display: block;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
	padding: 6px 0;
	box-sizing:border-box;
	letter-spacing: 0.1rem;
	position: relative
}
#sp_menu li a:before, 
	#sp_menu li span:before {
	display: block;
	line-height: 1;
	position: absolute;
	margin: 0 auto;
	left: 0;
	right: 0;
}
#sp_menu li a:hover,
#sp_menu li span:hover{
	background: #aaa;
}
#sp_menu li a div,
#sp_menu li span div {
	padding-top: 28px;
}
#sp_menu li:nth-child(1) a{
	background: #f5411e;
}
#sp_menu li:nth-child(1) a:before {
	width: 30px;
	content: url(../img/common/icon_pen_w.svg);
}
#sp_menu li:nth-child(2) a{
	background: #67cc03;
}
#sp_menu li:nth-child(2) a:before{
	width: 28px;
	content: url(../img/common/icon_balloon_w.svg);
	top:10px;
}
#sp_menu li:nth-child(3) span {
	cursor:pointer;
}
#sp_menu li:nth-child(3) span:before{
	width: 25px;
	height: 25px;
	content: url(../img/common/icon_menu_w.svg);
	top:10px;
}
/*-----------------------------------

	nav_sp

-----------------------------------*/
@media screen and (max-width: 980px) {
	#nav_sp .menu_btn {
		width: 40px;
		height: 40px;
		cursor: pointer;
		position: relative;
		z-index: 999;
		display: block;
		margin: 30px auto 0;
	}
	#nav_sp .menu_btn span{
		width: 40px;
		height: 3px;
		display: block;
		position: absolute;
		top: 18px;
		right: 0;
		background: none;
		cursor:pointer;
		box-sizing: border-box;
		transition: all 0.3s;
		border-radius:5px;
		z-index:999;
	}
	#nav_sp .menu_btn span:before {
		content:'';
		position:absolute;
		width: 40px;
		height: 3px;
		background: #fff;
		-moz-transform:rotate(-135deg);
		-webkit-transform:rotate(-135deg);
		transform:rotate(-135deg);
		top:0;
		right:0;
	}
	#nav_sp .menu_btn span:after {
		content: '';
		position: absolute;
		width: 40px;
		height: 3px;
		background: #fff;
		-moz-transform:rotate(135deg);
		-webkit-transform:rotate(135deg);
		transform:rotate(135deg);
		bottom:0;
		right:0;
	}
	#nav_sp{
		width: 100%;
		height: 100%;
		position: fixed;
		overflow-y: scroll;
		top: 0;
		right: -100%;
		-webkit-transition: all 0.35s ease;
		transition: all 0.35s ease;
		padding: 30px 2.5% 30px;
		display:inline-block;
		z-index: 999;
		box-sizing: border-box;
	}
	#nav_sp.toggle{
		right: 0 !important;
	}
	#nav_sp .logo{
		width: 50%;
		max-width: 200px;
		margin: 0 auto;
	}
	#nav_sp nav ul li{
		text-align: left;
		border-bottom:solid 1px #515151;
	}
	#nav_sp nav ul li:first-child{
		border-top: solid 1px #4c565b;
	}
	#nav_sp nav ul li a{
		font-size: 1.4rem;
		color: #fff;
		display:block;
		position:relative;
		padding: 10px 0 10px 2.5%;
		transition: 0.3s;
	}
	#nav_sp nav ul li div{
		font-size: 1.6rem;
		color: #fff;
		padding: 15px 0 15px 2.5%;
	}
	#nav_sp nav ul li ul {
		background: #333c42;
		display: none;	
		margin: 0;
	}
	#nav_sp nav ul li ul li{
		border-top:solid 1px #4c565b;
		border-bottom:none;
	}
	#nav_sp nav ul li ul li a {
		font-size: 1.4rem;
		padding: 10px 0 10px 10%;
	}
	#nav_sp nav ul li a:hover,
	#nav_sp nav ul li div:hover{
		background:#aaa;
	}
	#nav_sp .accordion_title{
		float: left;
	}
	#nav_sp .accordion_icon,
	#nav_sp .accordion_icon span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}
	#nav_sp .accordion_icon {
		position: relative;
		width: 15px;
		height: 15px;
		float: right;
		margin: 5px 10px 0 0 ;
	}
	#nav_sp .accordion_icon span {
		position: absolute;
		width: 100%;
		height: 3px;
		background-color: #fff;
	}
	#nav_sp ul li div:hover .accordion_icon span{
		background-color: #fff !important;
	}
	#nav_sp .accordion_icon span:nth-of-type(1) {
		top: 5px;
		transform: rotate(0deg);
	}
	#nav_sp .accordion_icon span:nth-of-type(2) {
		top: 5px;
		transform: rotate(90deg);
	}
	/*＋、－切り替え*/
	#nav_sp .accordion_icon.active span:nth-of-type(1) {
		display:none;
	}
	#nav_sp .accordion_icon.active span:nth-of-type(2) {
		top: 5px;
		transform: rotate(180deg);
	}
}
/*-----------------------------------

	fix_qr

-----------------------------------*/
#fix_qr{
	width: 360px;
	letter-spacing: 0;
	background: #f5411e;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 1;
	padding: 10px;
}
#fix_qr .txt{
	width: 70%;
}

#fix_qr .txt span{
	color: #fff;
	padding: 10px 15%;
	border: solid 1px #fff;
	border-radius: 60px;
}
#fix_qr .img{
	width: 68%;
}
#fix_qr .text a{
	color: #fff;
	padding: 10px 15%;
	border: solid 1px #fff;
	border-radius: 60px;
}
#fix_qr .text a span{
	
	padding-right: 20px;
	position: relative;
}
#fix_qr .text a span:after{
	width: 8px;
	content: url("../img/common/icon_arrow_w.svg");
	position: absolute;
	top:8%;
	right: 0;
	display: block;
	transition: all .3s ease;
}
#fix_qr .text a:hover{
	color: #fff!important;
	background: #aaa;
}
#fix_qr .text a:hover span:after{
	content: url("../img/common/icon_arrow_w.svg");
	right: -2%;
}
@media screen and (max-width: 980px){
	#fix_qr{
		display: none;
	}
}
/*-----------------------------------

	while_cv

-----------------------------------*/
.line_y{
	position: relative;
	 display: inline-block;
}
.line_y:before{
	content: "";
	width: 100%;
	height: 10px;
	background: #fff3c4;
	position: absolute;
	bottom: 0;
	z-index: -1;
}
.while_cv .deco_star_01 {
	width: 280px;
	top: 5%;
	left: -3%;
}
.while_cv .deco_star_02 {
	width: 210px;
	bottom: 5%;
	right: -3%;
}
.while_cv ul li{
	margin: 0 20px;
}
@media screen and (max-width: 980px){
	#fix_qr{
		display: none;
	}
	.while_cv .deco_star_01,
	.while_cv .deco_star_02{
		z-index: -1;
	}
	.while_cv .deco_star_01 {
		width: 240px;
		top: 5%;
		left: -13%;
	}
	.while_cv .deco_star_02 {
		width: 180px;
		bottom: 5%;
		right: -13%;
	}
	.while_cv ul{
	  	display: block;
	}
	.while_cv ul li {
		font-size: 1.8rem;
	  margin: 0 0 10px;
	}
}
/*-----------------------------------

	btm_bnr

-----------------------------------*/
#btm_bnr ul{

	}
#btm_bnr ul li{
	margin: 0 10px;
}
#btm_bnr ul li a{
	display: block;
	border: solid 1px #d8d8d8;
	border-radius: 20px;
	overflow: hidden;
}
@media screen and (max-width: 740px){
	#btm_bnr ul{
		width: 60%;
		max-width: 300px;
		display: block;
		margin: 0 auto;
	}
	#btm_bnr ul li{
		margin:  0 0 20px;
	}
}
/*-----------------------------------

	btm_contact

-----------------------------------*/
#btm_contact .bigtext{
	width: 690px;
	top: 0;
	left: 0;
}
#btm_contact ul li.img_01{
	top: 80px;
	left: -3%;
}
#btm_contact ul li.img_02{
	top: 80px;
	right: -3%;
}
#btm_contact .deco_circle_01 {
	width: 30%;
	max-width: 420px;
	top: -30px;
	right: -3%;
	z-index: -2;
}
#btm_contact .deco_circle_02 {
	width: 20%;
	width: 360px;
	bottom: 0;
	left: -3%;
}
@media screen and (max-width: 1200px) {
	#btm_contact .deco_circle_01{
		right: -15%;
	}
	#btm_contact .deco_circle_02{
		left: -15%;
	}
}
@media screen and (max-width: 980px) {
	#btm_contact .bigtext{
		width: 90%;
		max-width: 690px;
	}
	#btm_contact .deco_circle_01{
		width: 220px;
		top: -5%;
		right: -15%;
	}
	#btm_contact .deco_circle_02{
		width: 160px;
		bottom: -5%;
		left: -15%;
	}
	#btm_contact ul{
		max-width: 640px;
		margin: 0 auto;
	}
	#btm_contact ul li.img_01,
	#btm_contact ul li.img_02{
		position: static;
		width: 50%;
		float: left;
		margin-top: 10px;
	}
	#btm_contact .character{
		width: 60%;
		margin: 0 auto;
	}
}
/*-----------------------------------

	btm_business

-----------------------------------*/
#btm_business{
	background: #ececec;
	padding: 20px 0;
}
#btm_business .left{
	width: 68%;
}
#btm_business .right{
	width: 30%;
}
@media screen and (max-width: 740px) {
	#btm_business .left,
	#btm_business .right{
		width: 100%;
		text-align: center;
		float: none!important;
	}
	#btm_business .left{
		margin-bottom: 10px;
	}
}
/*-----------------------------------

	footer

-----------------------------------*/
footer .bg_bk{
	padding: 30px 0 15px;
}
footer a{
	color: #fff;
}
footer #ft_logo{
	width: 30%;
	max-width: 360px;
	margin:40px auto 20px;
}
footer ul#ft_nav li{
	width: 20%;
}
footer ul#ft_nav li a{
	font-size: 1.4rem;
	color: #fff;
}
footer ul#ft_subnav li{
	margin-right: 20px;
	display: inline-block;
}
footer ul#ft_subnav li a,
footer #ft_copy{
	font-size: 1.2rem;
	color: #949494;
}
#ft_thanks {
	padding: 20px 0;
}
#ft_thanks .title{
	width: 210px;
	margin: 0 auto;
}
#ft_thanks ul li{
	margin: 0 20px;
}
@media screen and (max-width: 980px){
	footer{
		margin-bottom: 40px;
		padding-top: 0;
	}
	footer .bg_bk{
		padding: 0 0 10px;
	}
	footer #ft_logo{
		width: 60%;
		 margin: 20px auto 0;
	}
	footer ul#ft_nav li{
		width: 50%;
		float: left;
		padding: 0;
		border-bottom: solid 1px #515151;
		box-sizing: border-box;
	}
	footer ul#ft_nav li:nth-child(2n){
		border-left:solid 1px #515151;
	}
	footer ul#ft_nav li a{
		text-align: center;
		padding: 10px 0;
		display: block;
	}
	footer ul#ft_nav li a:hover{
		background: #aaa;
	}
	footer #ft_subnav{
		display: none!important;
	}
	footer #ft_copy {
	  text-align: center;
	  float: none !important;
	}
	footer #ft_thanks{
		margin-bottom: 60px;
	}
}
@media screen and (max-width: 740px){
	footer #ft_thanks ul li{
		margin:10px 0 ;
	}
}
/*-----------------------------------

	anime_btn

-----------------------------------*/
.link_btn{
	width: 100%;
	max-width: 360px;
	text-align: center;
	font-size: 2.1rem;
	line-height:2.1rem;
	display: inline-block;
	border-radius: 60px;
	position: relative;
	padding: 15px 30px 18px 40px;
    transition: ease .2s;
	box-sizing: border-box;
	transform-style: preserve-3d;
}
.link_btn_jp{
	font-size: 1.8rem;
	line-height:1.8rem;
}
.w_btn{
	color: #373737!important;
	background: #fff;
	border: solid 3px #ffd737;
}
.cv_btn{
	max-width: 740px;
	color: #fff!important;
	background: #f5411e;
	border: solid 4px #fb7272;
	box-sizing: border-box;
}
.business_btn{
	font-size: 1.6rem;
	line-height:1.8rem;
	background: #fff;
}
.line_btn{
	color: #fff!important;
	background: #67cc03;
}
.w_btn span,
.cv_btn div,
.business_btn span{
	position: relative;
	display: block;
	padding-right: 20px;
}
.w_btn span:after,
.cv_btn div:after,
.business_btn span:after,
.line_btn span:before{
	position: absolute;
	right: 0;
	transition: all .3s ease;
}
.w_btn:hover span:after,
.cv_btn:hover div:after,
.business_btn:hover span:after{
	right: -3%;
}	
.w_btn span:after{
	width: 10px;
	content: url("../img/common/icon_arrow_y.svg");
	top:5%;
}
.w_btn:hover span:after{
	content: url("../img/common/icon_arrow_w.svg");
	right: -2%;
}
.cv_btn div:after{
	width: 15px;
	content: url("../img/common/icon_arrow_w.svg");
}
.business_btn span:after{
	width: 8px;
	content: url("../img/common/icon_arrow_bk.svg");
	top:8%;
}
.business_btn:hover span:after{
	content: url("../img/common/icon_arrow_w.svg");
}
.line_btn span:before{
	width: 30px;
	content: url(../img/common/icon_balloon_w.svg);
	left: -40px;
	top:0;
}
.w_btn:hover,
.cv_btn:hover,
.business_btn:hover,
.line_btn:hover{
	color: #fff!important;
	background: #aaa;
}
.w_btn:hover{
	border: solid 3px #aaa;
}
.cv_btn:hover{
	border: solid 4px #dbdbdb;
}

@media screen and (max-width: 980px) {
	.link_btn {
		width: 90%;
		max-width: 640px;
		font-size: 1.6rem;
		line-height:1.6rem;
		padding: 20px 15px 20px 10px;
	}
	.cv_btn .fz16 {
	  font-size: 1.8rem;
	  line-height: 2.1rem;
	}
}
@media screen and (max-width: 740px) {
	.cv_btn {
		width: 95%;
		padding: 10px 15px 10px 10px;
	}
	.cv_btn .fz16 {
	  font-size: 1.4rem;
	  line-height: 1.6rem;
	}
}