@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,700;1,700&family=LINE+Seed+JP:wght@400;700&display=swap');
/*
font-family: "LINE Seed JP", sans-serif; 400.700
font-family: "Figtree", sans-serif;　700
*/
li {list-style:none;}
img {border:0;}
a {color:#000; outline: none; text-decoration: none;}
h1, h2, h3, h4, ul, p, figure {margin:0; padding:0;}
html {height:100%;scroll-behavior: auto;}
span {display: inline-block;}
.clearfix:after { content: ""; clear: both; display: block;}
img {max-width: 100%;height: auto;}
body {
	margin: 0 auto;
	color:#000;
	line-height:160%;
	font-family: "LINE Seed JP", sans-serif;
	font-weight: 400;
	font-size:16px;
	overflow-x: hidden;
	background-color: #fcff00;
	padding: 28px;
}

.contents {
	width: 100%;
	background-color: #fff;
	padding: 27px;
	border-radius: 19px;
	box-sizing: border-box;
	max-width: 1700px;
	margin: 0 auto;
	overflow: hidden;
}

@media screen and (max-width: 520px) {
body {padding: 10px;}
.contents {
	padding: 10px;
	border-radius: 15px;
}
}

/*----tel イベント-------------*/

a.tel {
    cursor: default;
    pointer-events: none;
	text-decoration: none;
}
@media screen and (max-width: 855px) {
    a.tel {
        pointer-events: auto;
    }
}
span.yel {
    background: linear-gradient(transparent 50%, rgba(244, 215, 6, 0.5) 50%);
}
/*----------------loading------------------*/
#white{
  width: 100vw;
  height: 100vh;
  background-color: #fff;
  z-index: 1000000;
  position: fixed;
  left: 0;
  top: 0;
}

/*----Ios初期化-----*/
input, textarea {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-appearance: none;
  max-width: 100%;
}

/*----tel イベント-------------*/
a.tel { cursor: default; pointer-events: none; text-decoration: none;}
@media screen and (max-width: 855px) {
a.tel { pointer-events: auto;}
}

/*------------------------------------------
ヘッダ
-----------------------------------------*/
.header {
	position: relative;
	text-align: left;
	box-sizing: border-box;
	margin: 0 auto;
}
.header .left {
	float: left;
	width: 333px;
	padding-left: 47px;
}
.header .gmenu {
	float: right;
	width: calc(100% - 333px - 47px - 32px - 150px);
	position: relative;
	z-index: 2;
	margin-right: 150px;
}
.header .right {
	position: absolute;
	right: 0px;
	top: 0px;
	text-align: right;
	z-index: 1;
}

/*--ろごまわり---*/

.header .left h1 {
	font-size: 17px;
	margin: 0;
	padding: 0;
}

/*--メニュー---*/
.header .gmenu p.ttl {
	font-size: 16px;
	color: #e30011;
	margin: 70px 0 0 0;
	font-weight: 700;
}
.header .gmenu a {
	display: inline-block;
	font-weight: 700;
	padding: 7px 0;
	margin-right: 20px;
	text-decoration: none;
	position: relative;
}

.header .gmenu a::after {
	content: "";
	width: 100%;
	height: 4px;
	background-color: #bcb9b4;
	border-radius: 30px;
	position: absolute;
	left: 0;
	bottom: 0;
}

/*--電話番号など---*/
.header .right h2 {
	font-size: 17px;
	font-weight: 700;
	margin: 0 0 5px 0;
}
.header .right p.resv {
	color: #e30011;
	margin-bottom: 10px;
}
.header .right p.resv a.tel {
	font-family: "Figtree", sans-serif;
	font-weight: 700;
	font-size: 41px;
	color: #e30011;
}
.header .right p.resv a.tel img {
	width: 35px;
	height: auto;
	margin: 0 5px 0 0;
	position: relative;
	top: 2px;
}
.header .right p.resv a.btn {
	font-weight: 700;
	font-size: 17px;
	background-color: #e30011;
	color: #fff;
	border-radius: 50px;
	padding: 5px 15px;
	margin-left: 5px;
	position: relative;
	top: -7px;
	transition: 0.5s;
	display: inline-block;
	z-index: 999999 !important;
}
.header .right p.resv a.btn:hover {color:#fcff00; background-color: #333;}
.header .right p.opn {font-size: 15px;}

@media screen and (max-width: 1446px) {
.header .left {padding-left: 20px;}
.header .gmenu {width: calc(100% - 333px - 20px - 32px - 150px);}
.header .gmenu a {margin-right: 10px;font-size: 15px;}
}
@media screen and (max-width: 1352px) {
.header .left {width: 280px;}
.header .gmenu {width: calc(100% - 280px - 20px - 32px - 150px);}
.header .gmenu p.ttl {margin: 60px 0 0 0;}
.header .right p.resv a.tel {font-size: 36px;}
.header .right p.resv a.tel img {width: 30px;}
.header .right p.opn {font-size: 13px;}
}
@media screen and (max-width: 1268px) {
.header .gmenu a {
	display: block;
	margin-right: 0px;
}
.header .gmenu {
	display: inline-block;
	width: auto;
	float: left;
	padding-left: 30px;
}
.header .gmenu p.ttl {margin:0;}
.header .gmenu a {font-weight: 400;	padding: 5px 0;}
.header .gmenu a::after {height: 4px;background-color: #d6d6d6;}
}
@media screen and (max-width: 1100px) {	
.header .gmenu {display: none;}	
.header .right.head {top: 30px;}
.header .right p.opn br {display: none;}
.header .right p.resv {margin-bottom: 0px;}
}
@media screen and (max-width: 886px) {
.header .right p.resv a.tel {font-size: 26px;}
.header .right p.resv a.tel img {width: 23px;}
.header .right p.resv a.btn {top: -2px;}
.header .right h2 {font-size: 14px;}
}

@media screen and (max-width: 800px) {
.header .left {
	float: none;
	width: 100%;
	padding-left: 0;
	text-align: center;
	margin-bottom: 20px;
}
.header .right {
	position: static;
	text-align: center;
	width: 100%;
}	
.header .left img {max-width: 333px; width:80%;}
}
@media screen and (max-width: 466px) {	
.header .right {padding: 0 20px; box-sizing: border-box;}
.header .right p.resv a.btn {margin: 10px;}
.header .right p.opn br {display: block;}
}
@media screen and (max-width: 520px) {
.header .left img { margin-top: 30px;}	
	footer.header {padding-bottom: 20px;}
}

/*-------------------------------------------
sec1 mainv
3種のメニュー
-------------------------------------------*/
#mainv {
	display: flex;
	column-gap: 22px;
	padding: 80px 0 0 0;
}

#mainv .box {
	width: calc((100% - 44px)/3);
	position: relative;
	padding-top: 20px;
}

#mainv .box figure {position: relative;}
#mainv .box figure img {position: relative; z-index: 0;}
#mainv .box figcaption {
	display: inline-block;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 8px 15px;
	background-color: #fff;
	z-index: 1;
}

#mainv .box .gal {
	display: flex;
	column-gap: 5px;
}
#mainv .box .gal img {
	display: block;
	width: calc((100% - 5px)/3);
	height: auto;
}

#mainv .box .txt {
	position: absolute;
	left: 0;
	top: -30px;
	z-index: 2;
	padding: 0 20px;
	width: 100%;
	box-sizing: border-box;
}
#mainv .box .txt h3 {
	background-color: #e30011;
	color: #fff;
	padding: 10px 20px;
	border-radius: 10px 0 10px 10px;
	font-weight: 400;
	transform: rotate(-10deg);
	display: inline-block;
	position: relative;
	z-index: 3;
	min-width: 260px;
}
#mainv .box .txt p {
	border: 2px solid #e30011;
	padding: 10px 20px;
	background-color: #fff;
	font-weight: 700;
	border-radius: 10px;
	display: inline-block;
	float: right;
	position: relative;
	top: -20px;
	z-index: 2;
	min-width: 260px;
	text-align: right;
}
#mainv .box p.bb {
	border-bottom: 1px solid #000;
	padding: 10px;
	font-size: 15px;
}
#mainv .box p.prc {
	text-align: right;
	padding: 10px 0 0 0;
}
#mainv .box p.prc a {display: inline-block;}
#mainv .box p.prc a span {margin-right: 5px;}

@media screen and (max-width: 1616px) {
#mainv .box .txt p {top: -10px;}
}
@media screen and (max-width: 1448px) {
#mainv .box .txt h3 {top: -10px;}
}
@media screen and (max-width: 1250px) {
#mainv .box .txt h3 {top: -15px;}
}
@media screen and (max-width: 1100px) {
#mainv {padding: 40px 0 0 0;}
#mainv .box .txt h3 {
	min-width: inherit;
	transform: rotate(-5deg);
	top: -10px;
	font-size: 17px;
	padding: 7px 15px;
	}
#mainv .box .txt p {min-width: inherit; font-size: 15px; padding: 5px 10px; font-weight: 400;}
#mainv .box .txt {padding: 0 10px;}
}


/*--スワイプ用---*/
@media screen and (max-width: 1100px) {
.slider-wrapper {
  width: 100%;
  padding: 20px 0px;
  box-sizing: border-box;
  overflow-x: auto;
  overflow-y: hidden;
  max-width: 1100px;
  margin: 0px auto;
}

.slider {
  width: 1100px;
	flex-wrap: nowrap;
  -webkit-overflow-scrolling: touch;
}

.slider > * {
  -webkit-transform: translateZ(0px);
}

.slider-wrapper::-webkit-scrollbar {
  display: none;
  height: 3px !important;
}
}

@media screen and (max-width: 670px) {
.slider { width: 1000px;}
}
@media screen and (max-width: 520px) {
.slider { width: 900px;}
}

/*-------------------------------------------
サービス概要部
-------------------------------------------*/
#sv {
	padding: 150px 0 20px 0;
	text-align: center;
}

#sv h2 {
	font-size: 33px;
	margin: 0 0 30px 0;
	line-height: 160%;
}

#sv p {
	font-weight: 700;
	margin: 0;
	padding: 0;
}

#sv .inner {
	max-width: 994px;
	margin: 50px auto 40px;
	display: flex;
	column-gap: 8px;
}

#sv .inner .box {
	width: calc((100% - 8px)/2);
}

#sv .inner .box p {
	font-weight: 400;
	font-size: 15px;
	text-align: left;
	padding: 0 10px;
}
@media screen and (max-width: 1150px) {
#sv {padding: 70px 0 20px 0;}	
}

@media screen and (max-width: 822px) {
#sv {padding: 70px 0 0 0;}	
#sv .inner {
	margin: 50px auto 40px;
	display: block;
}

#sv .inner .box {
	width: 100%;
	margin-bottom: 20px;
}
	
#sv h2 {
	font-size: 26px;
	margin: 0 0 30px 0;
	line-height: 160%;
}

#sv .inner .box p {
	font-weight: 400;
	font-size: 15px;
	text-align: left;
	padding: 0 10px;
}	
}

@media screen and (max-width: 620px) {
#sv p br {display: none;}	
#sv p  {font-weight: 400;text-align: left;}	
}

@media screen and (max-width: 520px) {
#sv {padding: 50px 20px 20px 20px;}	
#sv .inner .box p {padding: 0;}	
}

@media screen and (max-width: 484px) {
#sv h2 {font-size: 20px;margin: 0 0 20px 0;}
#sv .inner {margin: 30px auto 20px;}
}

/*--赤枠---*/
.akawaku {
	max-width: 670px;
	border: 2px solid #e30011;
	border-radius: 15px;
	margin: 0 auto 30px auto;
	text-align: center;
	padding: 30px;
	box-sizing: border-box;
	font-weight: 700;
}

.akawaku img {max-width: 333px; width: 80%;}
.akawaku h4 {margin: 5px 0 40px 0;}
.akawaku p.big {font-size:31px; margin: 0 0 20px 0;}
.akawaku p.num a {color: #e30011;font-size: 62px; margin-bottom: 20px;}
.akawaku p.num img {width:50px; height: auto; }
.akawaku p.nml {font-weight: 400; margin: 10px 0;}
.akawaku p.btn a {
	display: inline-block;
	color: #fff; 
	background-color:#e30011; 
	padding: 10px 30px;
	border-radius: 50px; 
	font-size: 20px;
	transition: 0.5s;
}

.akawaku p.btn a:hover {color:#fcff00; background-color: #333;}
@media screen and (max-width: 822px) {
.akawaku {margin: 0 auto;padding: 30px 10px;}	
}

@media screen and (max-width: 754px) {
.akawaku p.big {font-size:26px; margin: 0 0 20px 0;}
.akawaku p.num a {font-size: 30px; margin-bottom: 20px;}	
.akawaku p.num img {width:30px; position: relative; top: 2px; margin-right: 5px; }	
}
@media screen and (max-width: 500px) {
.akawaku {border-radius: 10px;}
.akawaku p.big {font-size:18px; margin: 0 0 10px 0;}
.akawaku p.num a {font-size: 26px; margin-bottom: px;}	
.akawaku p.num img {width:26px; position: relative; top: 2px; margin-right: 5px; }	
}


/*----------------------
SERVICE
---------------------------*/
#serv {
	padding: 50px 0
}

#serv h5 {
	font-size: 48px;text-align: center;
}


#serv .inner {
	background-color: #fff;
	max-width: 1155px;
	padding: 0 67px 67px 67px;
	margin: 40px auto 0px auto;
	border-radius: 19px;
	box-sizing: border-box;
	clear: both;
}

#serv .inner h3 {
	font-size: 27px;
	background-color: #e30011;
	color: #fff;
	padding: 20px 30px;
	border-radius: 0 0 15px 15px;
	display: inline-block;
	font-weight: 400;
	margin-bottom: 20px;
}


#serv .inner .dan {width: 100%; display: block;}
#serv .inner .left {
	width: 469px;
	float: left;
}

#serv .inner .right {
	width: calc(100% - 469px - 40px);
	float: right;
}
#serv .inner .right h4 {
	font-size: 20px;
	margin: 0 0 20px 0;
	font-weight: 700;
	line-height: 180%;
}

#serv .inner .right .waku {
	display: flex;
	column-gap: 5px;
	margin-top: 40px;
}
#serv .inner .right .waku img {
	display: block;
	width: calc((100% - 5px)/3);
	height: auto;
}


@media screen and (max-width: 1052px) {
#serv {padding: 0 0 20px 0}
#serv .inner {
	padding: 0 40px 40px 40px;
	margin: 40px auto 0px auto;
}
	
#serv .inner .left {
	width: 45%;
}

#serv .inner .right {
	width: 55%;
	padding-left: 30px;
	box-sizing: border-box;
}	
}

@media screen and (max-width: 860px) {
#serv .inner h3 {
	font-size: 20px;
	padding: 10px 20px;
	border-radius: 0 0 10px 10px;
}
#serv h5 {font-size: 30px;}	
	
}
@media screen and (max-width: 750px) {	
#serv h5 {font-size: 26px;}
#serv .inner .left {width: 100%;}
#serv .inner .right {width: 100%;padding-left: 0px;}
#serv .inner .right h4 {
	font-size: 18px;
	margin: 10px 0 20px 0;
}
}
@media screen and (max-width: 520px) {	
#serv .inner {
	padding: 0 20px 20px 20px;
	margin: 20px auto 0px auto;
}
}



/*---料金表---------*/

.phyo {
	border-top: 2px solid #000;
	margin-top: 15px;
}
.phyo p.pr {background-color: #000; color: #fff; padding:5px 10px;display: inline-block;}

.phyo .inner2 {
	display: flex; 
	column-gap: 60px;
	padding: 15px;
	justify-content: space-around;
}



.phyo .inner2 .box {flex-grow: 1;}

.phyo .inner2 p.ttl {
	font-weight: 700;
	margin: 10px 0;
}
.phyo .inner2 p.cau {
	margin: 10px 0 0 0;
}
.phyo table {
	border-top: 1px solid #000; 
	border-spacing: 0; 
	width: 100% !important;
}
.phyo table td,
.phyo table th {border-bottom: 1px solid #000; padding: 10px 5px;}
.phyo table th {background-color: #f6f6f6;}
.phyo table td:last-child {text-align: right; white-space: nowrap;}
.phyo table td strong {font-weight: 700;}
.phyo table td span {font-size: 14px; color: #494949;}

.phyo table td {max-width: 300px;}

/*--たとえばこんな----*/
.phyo p.inl {letter-spacing: -0.4em; margin-bottom: 5px;}
.phyo p.inl span {display: inline-block; letter-spacing: normal; vertical-align: top;}
.phyo p.inl span:nth-child(1) {
	border: 1px solid #ff9c00; padding: 5px 10px;
	width: 220px;
	box-sizing: border-box;
	border-radius: 8px;
}
.phyo p.inl span:nth-child(2) {
	padding: 5px 10px;
	width: calc(100% - 220px - 10px);
	box-sizing: border-box;
}
.phyo .space {padding: 10px;}

.dan table {
	border-top: 1px solid #000; 
	border-spacing: 0; 
	width: 100% !important;
}
.dan table td,
.dan table th {border-bottom: 1px solid #000; padding: 10px 5px;}
.dan table th {background-color: #f6f6f6;}


p.cpr {padding: 15px;}


@media screen and (max-width: 800px) {
.phyo .inner2 {
	display: block; 
	padding: 15px 0;
}	
.phyo .inner2 .box:first-child {margin-bottom: 40px;}
.phyo .space {padding: 10px 0;}	
.phyo p.inl span:nth-child(1) {width: 100%;}
.phyo p.inl span:nth-child(2) {width: 100%;}	
}

@media screen and (max-width: 520px) {
.phyo table {font-size: 0.8em;}
.dan table {font-size: 0.8em;}
}


p.cpr {padding: 15px;}
@media screen and (max-width: 520px) {
p.cpr {font-size: 13px;}	
}

/*---------------------------------------------------------------------------
ハンバーガーメニュー
---------------------------------------------------------------------------*/
#nav-drawer {
  display: none;
}
@media screen and (max-width: 1100px) {
  #nav-drawer {
    display: block;
  }
  .gmenu {
    display: none;
  }
}
/*----------ハンバーガー-----------*/
/*Media Queries*/
#nav-drawer {
  position: fixed;
  top: 0px;
  right: 0px;
  z-index: 9999;
  width: 80px;
  height: 80px;
}
/*チェックボックス等は非表示に*/
#nav-drawer .nav-unshown {
  display: none;
}
/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  width: 80px;
  height: 80px;
  vertical-align: middle;
  box-sizing: border-box;
  line-height: 40px;
  position: absolute;
  right: 0px;
  top: 0px;
  cursor: pointer;
  z-index: 11;
	background-color: #000;color: #fff;
	text-align: center;
	font-size: 12px;
	padding-top: 5px;
}


#nav-open span {
  display: block;
  transition: all .2s;
  box-sizing: border-box;
}
#nav-open span {
  position: absolute;
  right: 25px;
  width: 32px;
  height: 2px;
  background-color: #fff;
}
#nav-open span:nth-of-type(1) {top: 40px;}
#nav-open span:nth-of-type(2) {top: 50px;}
#nav-open span:nth-of-type(3) {top: 60px;}
#nav-input:checked ~ #nav-open {color: #fff;}
#nav-input:checked ~ #nav-open span { background-color: #fff;}
#nav-input:checked ~ #nav-open span:nth-of-type(1) {
  -webkit-transform: translateY(12.5px) rotate(-45deg);
  transform: translateY(12.5px) rotate(-45deg);
  background-color: #fff;
}
#nav-input:checked ~ #nav-open span:nth-of-type(2) {
  opacity: 0;
  background-color: #fff;
}
#nav-input:checked ~ #nav-open span:nth-of-type(3) {
  -webkit-transform: translateY(-7px) rotate(45deg);
  transform: translateY(-7px) rotate(45deg);
  background-color: #fff;
}
#nav-input:checked ~ #nav-open span {
  height: 2px;
}


/*閉じる用の薄黒カバー*/
#nav-close {
  display: none; /*はじめは隠しておく*/
  position: fixed;
  z-index: 0;
  top: 0; /*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}
/*中身*/
#nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1; /*最前面に*/
  width: 100%; /*右側に隙間を作る（閉じるカバーを表示）*/
  height: 100%;
  transition: 0.3s ease-in-out; /*滑らかに表示*/
  -webkit-transform: translateX(-105vw);
  transform: translateX(-105vw); /*左に隠しておく*/
  box-sizing: border-box;
  text-align: left;
  color: #000;
	background-color: #fcff00;
	padding: 28px;
}
/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display: block; /*カバーを表示*/
}
#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}


@media screen and (max-width: 520px) {
#nav-content {padding: 10px;}
}


/*------PC版ハンバーガーの中身----------*/

#nav-content .inner {
	width: 100%;
	background-color: #fff;
	padding: 27px;
	border-radius: 19px;
	box-sizing: border-box;
	margin: 0 auto;
	overflow: hidden;
}

#nav-content .inner h2 {
	text-align: center;
	font-size: 17px;
	font-weight: 700;
	margin: 10px 0 0 0;
}

#nav-content .inner img.mk {
	width: 80%;
	max-width: 333px;
	display: block;
	margin: 0 auto;
}
#nav-content .hum {padding: 40px 30px;}
#nav-content a {
	display: block;
	font-size: 17px;
	font-weight: 700;
	margin: 0;
	padding: 10px 0;
	text-decoration: none;
}

#nav-content a.mm {
	display: block;
	font-weight: 700;
	padding: 15px 0;
	text-decoration: none;
	position: relative;
}

#nav-content a.mm::after {
	content: "";
	width: 100%;
	height: 4px;
	background-color: #bcb9b4;
	border-radius: 30px;
	position: absolute;
	left: 0;
	bottom: 0;
}

#nav-content a.denwab {
	border: 2px solid #e30011;
	display: flex;
	border-radius: 10px;
	margin:50px 0 10px 0;
	padding: 0;
}

#nav-content a.denwab img {
	width: 20px; height: auto;
	position: relative;
	top: 4px;
	margin-right: 5px;
}
#nav-content a.denwab p {
	color: #e30011;
	flex-grow: 1;
	padding: 10px;
}
#nav-content a.denwab p span {
	color: #000;
	font-weight: 400;
	font-size: 13px;
	display: block;
}

#nav-content a.denwab p:first-child {
	background-color: #e30011;
	color: #fff;
	white-space: nowrap;
	padding-top: 20px;
}

#nav-content a.webyo {
	background-color: #e30011;
	color: #fff;
	border-radius: 10px;
	text-align: center;
	font-size: 18px;
}
#nav-content a.webyo span {
	font-weight: 400;
	display: block;
	font-size: 13px;
}




@media screen and (max-width: 520px) {
#nav-content .inner {
	padding: 10px;
	border-radius: 15px;
}
#nav-content .inner img.mk {
	margin-top: 30px;
}
}

@media screen and (max-width:330px) {
#nav-content .hum {padding: 40px 20px;}
}


p.btn_sw2 a {
	background-color: #333;
	color: #fff;
	padding: 10px;
	text-align: center;
	margin: 0 15px;
	border-radius: 8px;
}

p.btn_sw {
	background-color: #333;
	color: #fff;
	padding: 10px;
	text-align: center;
	margin: 0 15px;
	border-radius: 8px;
}
@media screen and (max-width: 800px) {
p.btn_sw {margin: 0;}	
p.btn_sw2 a {margin: 0;}	
}

/*--追従ボタン-------*/

.cta {
	width: auto;
	background-color: #e30011;
	position: fixed;
	bottom: 30px;
	right: 30px;
	border-radius: 15px;
	padding: 20px 40px;
	color: #fff;
	text-align: center;
	z-index: 10;
	box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.cta img {
	width: 26px;
	height: auto;
	position: relative;
	top: 2px;
	margin-right: 5px;
}

.cta h4 {
	font-weight: 700;
	font-size: 17px;
}
.cta p.sml {
	font-size: 14px;
}

.cta p.num a {
	color: #fff;
	font-weight: 700;
	font-size: 26px;
	margin: 10px 0;
}
.cta p.btn {margin: 10px 0;}
.cta p.btn a {
	padding: 5px 15px;
	background-color: #fff;
	border-radius: 50px;
	color: #e30011;
	font-weight: 700;
}

.cta.is-show {
  opacity: 1;
  visibility: visible;
}

@media screen and (max-width:760px) {
	
.cta {
	width: 100%;
	bottom: 0px;
	right: 0px;
	border-radius: 0px;
	padding: 15px 20px;
	color: #fff;
	text-align: center;
}
.cta h4,
.cta p.sml {display: none;}
.cta p {display: inline-block;}
.cta p.btn {margin: 0; position: relative; top: -5px; margin-left: 10px;}
.cta p.num a {margin: 0;}
}

@media screen and (max-width:434px) {
.cta img {
	width: 20px;
	top: 3px;
}
.cta p.num a {
	font-size: 18px;
}	
.cta p.btn {top: 0px;}
}