/*!
* Kathamo v3.0.0)
*/		


.clearfix:before, 
.clearfix:after { 
display: table; 
content: " "; 
}

.clearfix:after { 
clear: both; 
}

.clearfix { 
*zoom: 1; 
}

html {
font-size: 62.5%;
scroll-behavior: smooth;
}

body { 
font: 100% ;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
font-size: 16px;
font-size: 1.6rem; 
}

@media (max-width: 767px) {
body { 
font-size: 15px;
font-size: 1.5rem; 
}	
}		


h1, 
h2, 
h4,
h5, 
h6 { 
font-family: inherit; 
font-weight: 300; 
color:#262626; 
}

/*-- h1 --*/
h1 {
font-family: "Sawarabi Gothic", sans-serif;
font-weight: 500;
font-style: normal;
color:#00A0C0;
font-size: 3.2rem;
font-size: 32px;
margin-top:20px;
padding: 0 25px 24px;
line-height: 0.9;
letter-spacing: 0.08em;
text-align:center; 
}
h1.site-title {
margin-top:40px;
padding: 0;
line-height: 1.8;
}

@media screen and (max-width: 767px) {
h1.site-title img {
width : 150px! important;
padding-top:0;
margin-left:-5px;
}
}

/*-- h2 --*/
h2 {
font-family: "BIZ UDPGothic", sans-serif;
font-weight: 700;
font-style: normal;
color:#00A0C0;
font-size: 3.6rem;
font-size: 36px;
margin-top:10px;
padding: 0 30px 18px;
line-height: 1.2;
letter-spacing: 0.05em;
text-align:center;
}
@media screen and (max-width: 767px) {
h2 {
font-size: 2.8em;
font-size: 28px;
letter-spacing: 0.02em;
margin-top:5px;
padding: 5px 10px 10px;
}
}
h2.plan-title{
letter-spacing: 0.1em;
text-align:center;
}
h2.plan-title{
font-family: "BIZ UDPGothic", sans-serif;
font-weight: 700;
font-style: normal;
color:#ffffff;
}
@media screen and (max-width: 767px) {
h2.plan-title{
font-size: 2.4em;
font-size: 24px;
letter-spacing: 0.14em;
margin-top:5px;
padding: 5px 5px 0px;
}
}
/*-- h3 --*/
h3 {
font-family: "Sawarabi Gothic", sans-serif;
font-weight: 500;
font-style: normal;
margin:10px 0 40px;
font-size: 26px;
font-size: 2.6rem;
line-height: 1.2; 
letter-spacing: 0.08em;
color:#222222;
text-align: center;
}
@media screen and (max-width: 767px) {
h3 {
margin:10px 0 30px;
font-size: 25px;
font-size: 2.5rem;
line-height: 1.2; 
letter-spacing: 0.06em;
}
}

h3.route-ok {
font-family:  "BIZ UDPGothic", sans-serif;
font-weight: 500;
font-style: normal;
margin:10px 0 40px;
font-size: 26px;
font-size: 2.6rem;
line-height: 1.2; 
letter-spacing: 0.08em;
color:#222222;
text-align: center;
}
h3.route-ok:before {
content: '';/*何も入れない*/
display: inline-block;
margin-right:6px;
margin-bottom:2px;
width: 36px;
height: 36px;
background-image: url("../img/index/maru.png");
background-size:  contain;
background-repeat:no-repeat;
vertical-align: middle;
}

h3.route-x {
font-family: "BIZ UDPGothic", sans-serif;
font-weight: 500;
font-style: normal;
margin:10px 0 40px;
font-size: 26px;
font-size: 2.6rem;
line-height: 1.2; 
letter-spacing: 0.08em;
color:#222222;
text-align: center;
}
h3.route-x:before {
content: '';/*何も入れない*/
display: inline-block;
margin-right:6px;
margin-bottom:3px;
width: 35px;
height: 35px;
background-image: url("../img/index/x.png");
background-size:  contain;
background-repeat:no-repeat;
vertical-align: middle;
}

h3.proce-title {
font-family:  "BIZ UDPGothic", sans-serif;
margin:15px auto 30px;
font-size: 23px;
font-size: 2.3rem;
line-height: 1.2; 
letter-spacing: 0.08em;
color:#222222;
font-weight: 600;
text-align: center;
}

h3.info-title {
font-family: "BIZ UDPGothic", sans-serif;
margin:5px 0 10px;
padding: 15px 0; 
font-size: 24px;
font-size: 2.4rem;
line-height: 1.2; 
letter-spacing: 0.05em;
color:#222222;
font-weight: 600;
border-bottom:1px #00aebb solid ;
text-align: left;
}
@media screen and (max-width: 767px) {
h3.info-title {
margin:10px 0 10px;
font-size: 25px;
font-size: 2.5rem;
line-height: 1.2; 
letter-spacing: 0.06em;
}
}
h3.tool-outline {
color:#ffffff;
margin:10px 0 3px;
font-size: 18px;
font-size: 1.8rem;
line-height: 1.2; 
letter-spacing: 0.06em;
}
h3.plan {
font-weight: 500;
margin:10px 0 5px;
font-size: 25px;
font-size: 2.5rem;
line-height: 1.2; 
letter-spacing: 0.05em;
color:#ffffff;
text-align: center;
}
h3.plan a:link{ 
color:#ffffff !important;
}
h3.plan a:visited { 
color:#ffffff !important;
}
h3.plan a:hover { 
color:#F79B06 !important;
}
@media screen and (max-width: 767px) {
h3.plan {
margin:10px 0 5px;
font-size: 23px;
font-size: 2.3rem;
line-height: 1.2; 
letter-spacing: 0.05em;
}
	}
h3.faq {
position: relative;
font-family: "Sawarabi Gothic", sans-serif;
margin:30px 0 30px;
padding:10px 15px;
font-size: 21px;
font-size: 2.1rem;
line-height: 1.4; 
font-weight: 600;
letter-spacing: 0.04em;
color:#222222;
border-bottom: #00aebb 2px solid;
text-align: left;
}	
@media screen and (max-width: 767px) {
h3.faq {
margin:30px 0 10px;
padding:10px 15px;
font-size: 19px;
font-size: 1.9rem;
line-height: 1.4;
font-weight: 600;
letter-spacing: 0.04em;
text-align: left;
}	
}		
h3.time-sche{
margin:10px auto 20px;
text-align: center;
}
h3.time-sche2{
margin:-5px auto 0;
text-align: center;
}
@media screen and (max-width: 1080px) {
h3.time-sche2{
width: 90%;
margin:0 auto 0;
text-align: center;
}
}
@media screen and (max-width: 767px) {	
h3.time-sche{
width: 84%;
text-align: center;
}
h3.time-sche2{
width: 82%;
text-align: center;
}
}
h3.spot-name {
font-family: "Kaisei Opti", serif;
font-weight: 500;
font-style: normal;
margin:15px 0 30px;
font-size: 29px;
font-size: 2.9rem;
line-height: 1.2; 
letter-spacing: 0.008em;
color:#01A5B1;
text-align: center;
}
h3.spot-name2 {
font-family: "Kaisei Opti", serif;
font-weight: 500;
font-style: normal;
margin:15px 0 40px;
font-size: 29px;
font-size: 2.9rem;
line-height: 1.2; 
letter-spacing: 0.10em;
color:#01A5B1;
text-align: center;
}
h3.spot-name3 {
font-family: "Kaisei Opti", serif;
font-weight: 500;
font-style: normal;
margin:15px 0 40px;
font-size: 29px;
font-size: 2.9rem;
line-height: 1.2; 
letter-spacing: 0.2em;
color:#01A5B1;
text-align: center;
}
/*-- h4 --*/
h4.area {
font-family: "BIZ UDPGothic", sans-serif;
color:#ffffff;
margin:28px 0 10px;
padding:7px 10px;
font-size: 19px;
font-size: 1.9rem;
font-weight: 500;
background:#00aebb; 
}
@media screen and (max-width: 767px) {
h4.area {
font-size: 17px;
font-size: 1.7rem;
letter-spacing: 0.07em;
line-height: 1.2;
}
}
h4.area2 {
font-family: "BIZ UDPGothic", sans-serif;
color:#ffffff;
margin:28px 0 10px;
padding:7px 10px;
font-size: 19px;
font-size: 1.9rem;
font-weight: 500;
background:#C40520; 
}
@media screen and (max-width: 767px) {
h4.area2 {
font-size: 17px;
font-size: 1.7rem;
letter-spacing: 0.07em;
line-height: 1.2;
}
}
h4.searchbox-heading{
font-family: "BIZ UDPGothic", sans-serif;
color: #00919C;
margin:28px 0 20px;
padding:12px 10px;
font-size: 19px;
font-size: 1.9rem;
font-weight: 600;
border-bottom:#00919C 1px solid;
}

h4.faci-name{
font-family: "BIZ UDPGothic", sans-serif;
color: #ffffff;
margin:5px 0 12px;
padding:7px 12px ;
font-size: 16px;
font-size: 1.6rem;
letter-spacing: 0.09em;
font-weight: 500;
line-height: 1.4;
background: #00919C;
}
@media screen and (max-width: 767px) {
h4.faci-name{
margin:5px 0 12px;
padding:7px 12px ;
font-size: 15px;
font-size: 1.5rem;
}
}	
	
	
/*-- h5 --*/
h5 {
font-family: "BIZ UDPGothic", sans-serif;
max-width: 2801px;
color:#222222;
padding:6px 2px 6px 5px;
margin-left:3px;
margin-bottom: -10px;
font-size: 16.4px;
font-size: 1.64rem;
letter-spacing: 0.07em;
line-height: 1.2;
font-weight:600;
border-bottom:#C40520 1px solid;
}
@media screen and (max-width: 767px) {
h5 {
font-size: 16px;
font-size: 1.6rem;
letter-spacing: 0.05em;
line-height: 1.2;
}
}

/* Line Breaks ----------------------*/ 
/*PC無効*/
.break{
display: none;
}

/*Mobile*/
@media screen and (max-width:768px) {
.break{
display: block;
}
}

/* Paragraph ----------------------*/ 
p { 
line-height: 200%;
}



@media (max-width: 767px) {
p{ 
line-height: 170%;
letter-spacing:0.07em;
}
}

/* Link ----------------------*/ 

a[href]  { 
text-decoration: none; 
color:#222222; 
}

a[href]:link{ 
text-decoration: none; 
color:#222222;
}

a[href]:visited { 
color:#222222;
}

a[href]:hover { 
color:#0091C5;
}

/* Color ----------------------*/ 

.red{ color:#e60020;
}
.red2{ color:#DD0321;
}
.white{ color:#ffffff;
}
.orange{ color:#FF6666;
}
.turquoise{ color:#00A3AF;
}

/* FONT SIZE ----------------------*/ 

.font60{ font-size: 60%; }
.font70{ font-size: 70%; }
.font80{ font-size: 80%; }
.font90{ font-size: 90%; }
.font94{ font-size: 94%; }

.font110{ font-size: 110%; }
.font120{ font-size: 120%; }
.font125{ font-size: 125%; }
.font130{ font-size: 130%; }
.font140{ font-size: 140%; }
.f-magenta{ color:#E40182; }

u { 
text-decoration: underline; 
text-decoration-color: #95a5a6;
}

em { 
font-weight: 700;
font-style: italic; 
}

strong { 
font-weight: 700; 
}

.fbold{
font-weight:bold; 
}

.fnormal{
font-weight:normal; 
}

.through-line {
text-decoration: line-through;
}

pre { 
display: block;
padding-top: 8px;
padding-right: 13px;
padding-bottom: 8px;
padding-left: 8px;   
white-space: pre; 
white-space: pre-wrap; 
word-break: break-all; 
word-wrap: break-word;
}

.pre-scrollable {
max-height: 377px;
overflow-y: auto;
}

.pre-scrollable::-webkit-scrollbar { 
width: 8px;
height: 21px; 
}

.pre-scrollable::-webkit-scrollbar-track { 
-webkit-box-shadow: none;
					box-shadow: none; 
background-color: #ecf0f1; 
}

.pre-scrollable::-webkit-scrollbar-thumb { 
background-color: #bdc3c7; 
}

blockquote { 
display: block;  
margin-left: 0; 
padding-top: 13px;
padding-right: 21px;
padding-bottom: 13px;
padding-left: 21px; 
font-style: italic;
border-left: 5px solid #95a5a6;
}

blockquote cite { 
display: block; 
font-size: .618em; 
color: #666; 
}

blockquote cite:before { 
content: "\2014 \0020"; 
}

figcaption, 
caption { 
font-size: 0.75rem; 
font-style: italic; 
line-height: 2.333333333; 
}




hr {
margin-top: 21px;
margin-bottom: 21px;
border: 0;
border-top: 1px solid #95a5a6;
}

img {
max-width: 100%;
}



/*---------------------------------
LIST
-----------------------------------*/
ul,
ol {
padding-right: 20px;
padding-left: 25px;
}

li {
text-align: left;
padding: 5px 0 5px;
line-height: 160%; 
}

.li-unstyled {
padding: 0;
}

.li-unstyled li {
padding: 0;
list-style: none;
}

.li-inline li {
float: left;
padding-right: 34px;
padding-left: 0;
list-style: none;
}

.li-circle {
padding: 4px 0 0;
list-style-type: circle !important;
}

@media (max-width: 767px) {
ul,
ol {
padding-right: 8px;
padding-left: 12px;
}
}	

dt {
font-size: 1.3rem; 
font-weight: 700;
line-height: 2.333333333;
color: #00919C;
}

dd {
margin-left: 0;
padding-left: 21px;
border-left: 5px solid #e60020;
}




/*---------------------------------
SPACING
-----------------------------------*/

/* margin top -- */
.mgt0 { margin-top: 0px; }
.mgt10 { margin-top: 10px; }
.mgt15 { margin-top: 15px; }
.mgt20 { margin-top: 20px; }
.mgt30 { margin-top: 30px; }
.mgt40 { margin-top: 40px; }
.mgt50 { margin-top: 50px; }
.mgt60 { margin-top: 60px; }
.mgt100 { margin-top: 100px; }


.mgt0 { margin-top: 0px; }
.mgt-5 { margin-top: -5px; }
.mgt-10 { margin-top: -10px; }
.mgt-20 { margin-top: -20px; }
.mgt-30 { margin-top: -30px; }

/* margin bottom -- */
.mgb10 { margin-bottom: 10px; }
.mgb20 { margin-bottom: 20px; }
.mgb30 { margin-bottom: 30px; }
.mgb40 { margin-bottom: 40px; }
.mgb50 { margin-bottom: 50px; }
.mgb60 { margin-bottom: 60px; }
.mgb70 { margin-bottom: 70px; }

.mgb0 { margin-bottom: 0px; }
.mgb-5 { margin-bottom: -5px; }
.mgb-10 { margin-bottom: -10px; }
.mgb-30 { margin-bottom: -30px; }

/* margin right−− */
.mgr-10 { padding-right: -10px; }
.mgr0 { padding-right: 0px; }
.mgr5 { padding-right: 5px; }
.mgr10 { padding-right: 10px; }
.mgr15 { padding-right: 15px; }
.mgr20 { padding-right: 20px; }
.mgr30 { padding-right: 30px; }
.mgr40 { padding-right: 40px; }

/* margin left -- */
.mgl-10 { padding-left: -10px; }
.mgl0 { padding-left: 0px; }
.mgl10 { padding-left: 10px; }
.mgl15 { padding-left: 15px; }
.mgl20 { padding-left: 20px; }
.mgl30 { padding-left: 30px; }
.mgl40 { padding-left: 40px; }
.mgl50 { padding-left: 50px; }

/* padding top -- */
.pdt10 { padding-top: 10px; }
.pdt15 { padding-top: 15px; }
.pdt20 { padding-top: 20px; }
.pdt30 { padding-top: 30px; }
.pdt40 { padding-top: 40px; }
.pdt50 { padding-top: 50px; }
.pdt60 { padding-top: 60px; }
.pdt-10 { padding-top: -10px; }


/* padding bottom -- */
.pdb5 { padding-bottom: 5px; }
.pdb10 { padding-bottom: 10px; }
.pdb20 { padding-bottom: 20px; }
.pdb30 { padding-bottom: 30px; }
.pdb40 { padding-bottom: 40px; }
.pdb50 { padding-bottom: 50px; }
.pdb-10 { padding-bottom: -10px; }


/* padding right -- */
.pdr10 { padding-right: 10px; }
.pdr20 { padding-right: 20px; }
.pdr30 { padding-right: 30px; }
.pdr40 { padding-right: 40px; }


/* padding left -- */
.pdl10 { padding-left: 10px; }
.pdl15 { padding-left: 15px; }
.pdl20 { padding-left: 20px; }
.pdl30 { padding-left: 30px; }
.pdl40 { padding-left: 40px; }
.pdl80 { padding-left: 50px; }



/*---------------------------------
TABLE
-----------------------------------*/

table {  
width: 100%; 
margin-top: 8px;
margin-bottom: 8px;
border-spacing: 0; 
border-collapse: collapse;
}

table > caption { 
padding-top: 8px;
padding-right: 13px;
padding-bottom: 8px;
padding-left: 13px; 
}

table > caption[data-position="top"] {
caption-side: top;
}

table > caption[data-position="bottom"] {
caption-side: bottom;
}

table > caption:before { 
content: attr(data-prefix); 
font-size: 1.54rem; 
font-weight: 700; 
}

/*thead { 
border: 1px solid #95a5a6;  
} 

tbody { 
border-top: none;
border-right: ;
border-left: ;
border-bottom: none;
} */

tr { 
border-bottom: 1px dotted #CCCCCC;
}

tr.last-tr { 
border-bottom: 1px solid #CCCCCC;
}

tr:last-child { 
border-bottom: none; 
}

th { 
padding-top: 15px;
padding-right: 10px;
padding-bottom: 15px;
padding-left: 20px; 
font-size: 1.54rem;
font-weight: 300; 
line-height: 2.333333333; 
text-align: left; 
border-right: 1px solid #CCCCCC;
background-color: #fff; 
white-space: nowrap;
}

td { 
padding-top: 15px;
padding-right: 13px;
padding-bottom: 15px;
padding-left: 22px;
font-size: 1.54rem;
font-weight: 400; 
line-height: 160%; 
text-align: left; 
}

.table-no-border, 
.table-no-border * { 
border: none; 
background-color: transparent; 
} 

.table-striped tr:nth-of-type(even) { 
background: #ecf0f1; 
}

.table-hover tbody tr:hover { 
background-color: #ecf0f1; 
}

.table-responsive { 
max-width: 100%; 
margin-top: 8px;
margin-bottom: 8px; 
overflow-x: auto; 
overflow-y: hidden; 
}

.table-responsive table { 
margin: 0; 
border: none; 
}


/* 767pxまで
-----------------------------------------------------*/

@media (max-width: 767px) {
table {  
margin-top: 5px;
}
th { 
padding-top: 15px;
padding-right: 0px;
padding-bottom: 15px;
padding-left: 0px; 
font-size: 1.4rem;
font-weight: 300; 
line-height: 1.6; 
white-space: nowrap;
}
td { 
padding-top: 15px;
padding-right: 2px;
padding-bottom: 8px;
padding-left: 8px; 
line-height: 160%; 
font-size: 1.4rem;
}

.table-responsive { 
border: 1px solid #CCCCCC;
}

.table-responsive caption,
.table-responsive caption[data-position="top"] { 
border-bottom: 1px solid #CCCCCC; 
background-color: #ecf0f1; 
}

.table-responsive caption[data-position="bottom"] { 
border-top: 1px solid #CCCCCC; 
background-color: #ecf0f1; 
}

.table-striped caption { 
background-color: transparent; 
}

.table-responsive thead {
border-top: none;
border-right: none;
border-bottom: 1px solid #CCCCCC; 
border-left: none;
}
.table-responsive tbody { 
border: none; 
}

.table-responsive .table-no-border thead,
.table-responsive .table-no-border tbody {
border: none;
}
}

.table-responsive::-webkit-scrollbar { 
height: 8px; 
width: 55%;
}

.table-responsive::-webkit-scrollbar-track { 
-webkit-box-shadow: none;
					box-shadow: none; 
background-color: #ecf0f1; 
}

.table-responsive::-webkit-scrollbar-thumb { 
background-color: #bdc3c7; 
}




/* 767pxまで
-----------------------------------------------------*/
@media (max-width: 767px) {

.visible-lg { 
display: none; 
}
.hidden-lg { 
display: block; 
}
.visible-md { 
display: none; 
}
.hidden-md { 
display: block; 
}
.visible-sm { 
display: block; 
}
.hidden-sm {
display: none; 
}
}

/* 768px以上　1199px以下
-----------------------------------------------------*/

@media (min-width: 768px) and (max-width: 1199px) {

.visible-lg { 
display: none; 
}
.hidden-lg { 
display: block; 
}
.visible-md { 
display: block; 
}
.hidden-md { 
display: none; 
}
.visible-sm { 
display: none; 
}
.hidden-sm { 
display: block; 
}
}


/* 1200px以上
-----------------------------------------------------*/

@media (min-width: 1200px) {

.visible-lg { 
display: block; 
}
.hidden-lg { 
display: none; 
}
.visible-md { 
display: none; 
}
.hidden-md { 
display: block; 
}
.visible-sm { 
display: none; 
}
.hidden-sm {
display: block; 
}
}

.ui-full-width { 
width: 100%; 
}
.ui-90-width { 
width: 90%; 
}
.ui-80-width { 
width: 80%; 
}
.ui-half-width { 
width: 50%; 
}


/*---------------------------------
TEXT ALIGN
-----------------------------------*/

.text-left { 
text-align: left; 
}
.text-right { 
text-align: right; 
}
.text-justify { 
text-align: justify; 
}
.text-center { 
text-align: center; 
}
*[data-ellipsis="true"] {
white-space: nowrap; 
text-overflow: ellipsis; 
overflow: hidden;
}
.pull-left { 
float: left; 
}
.pull-right { 
float: right; 
}

.vertical-m{
vertical-align: middle;
}
.vertical-b{
vertical-align: bottom;
}



/*---------------------------------
INPUT
-----------------------------------*/

html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}

button[disabled],
html input[disabled] {
cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 5px;
}



input {
line-height: normal;
padding: 3px;/* INPUTスペース */
}

input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}

input,
textarea,
select {
display: inline;
width: inherit;
padding-right: 5px; 
padding-left: 5px; 
font-family: inherit;
font-size: 1.4rem;   
border: 0.2px solid #C1C0C3 !important;
}

input,
textarea { 
line-height: 28px;  /*- form 入力項目天地 ---*/ 
}

input:focus,
textarea:focus,
select:focus { 
outline: none; 
}

input[type="checkbox"],
input[type="radio"] { 
width: 25px; 
}

textarea {
min-height: 140px;
padding-top: 6px;
padding-bottom: 6px;
}

select {
height: 38px;
padding-right: 13px;
padding-left: 13px;
line-height: 38px;
background-color: #ecf0f1;
}

option {  
height: 38px;
padding-top: 8px;
padding-right: 13px;
padding-bottom: 8px;
padding-left: 13px;
line-height: 38px;
}

option:selected {
padding-top: 0;
padding-bottom: 0;
}

label {
display: block; 
font-size: .816rem; 
font-weight: 700;
line-height: 2.144607843;
}



/*---------------------------------
BUTTONS
-----------------------------------*/
/*--  BUTTON 01 -- */
a.btn-flat{
display: inline-block;
padding: 0.7em 2.1em;
text-decoration: none;
color:#222222;
font-weight: 300;
background: #fff;
letter-spacing: 0.08em;
margin:0.1em auto 0.6em;
border: #00aebb solid 1.6px;
border-radius: 30px;
transition:0.4s;
}

a.btn-flat:hover{
color:#FFFFFF !important;
background: #00A0C0 !important;
border: #00A0C0 solid 1.6px;
opacity: 0.6;
}

a.btn-flat:visited {
color:#222222b;
background: #fff;
}

/*--  BUTTON 01 +α　-- */
a.btn-flat1{
display: inline-block;
font-size: 20px;
padding: 0.7em 3em;
text-decoration: none;
color:#222222;
font-weight: 500;
background: #fff;
letter-spacing: 0.08em;
margin:0.1em auto 1.5em;
border: #00aebb solid 3px;
border-radius: 30px;
transition:0.4s;
}

a.btn-flat1:hover{
color:#FFFFFF !important;
background: #00A0C0 !important;
border: #00A0C0 solid 3px;
opacity: 0.6;
}

a.btn-flat1:visited {
color:#222222;
background: #fff;
}

/*---- MOBILE ------*/
@media screen and (max-width: 767px) {
a.btn-flat1{
font-size: 18px;
padding: 0.6em 2em;
}
}

/*--  BUTTON 02 -- */
a.btn-flat2{
display: inline-block;
font-size: 23px;
font-weight: 600 !important;
padding: 0.8em 3.6em;
text-decoration: none;
color:#ffffff !important;
background: #00aebb;
letter-spacing: 0.1em;
margin:0.1em auto 0.6em;
border: #00aebb solid 1.5px;
border-radius: 10px;
transition:0.4s;
}

a.btn-flat2:hover{
color:#FFFFFF !important;
background: #0086A1 !important;
border: #00A0C0 solid 1.2px;
opacity: 0.6;
}

a.btn-flat2:visited {
color:#ffffff;
background: #00aebb;
}

/*---- MOBILE ------*/
@media screen and (max-width: 767px) {
a.btn-flat2{
font-size: 20px;
padding: 0.8em 1.7em;
margin:0em auto 0.6em;
}
}


/*--  BUTTON 03 -- */
a.btn-flat3{
font-size: 18px;
padding: 0.56em 2.5em;
text-decoration: none;
color:#222222;
font-weight: 400;
background: #fff;
letter-spacing: 0.08em;
margin:0.1em auto 1.5em;
border: #00aebb solid 1.5px !important;
border-radius: 0px;
transition:0.4s;
}
@media (max-width: 767px){
a.btn-flat3{
font-size: 15px;
padding: 0.5em 0.9em !important;
margin:0em auto 0.6em;
}
}
a.btn-flat3:hover{
color:#FFFFFF !important;
background: #00A0C0 !important;
border: #00A0C0 solid 2px;
opacity: 0.6;
}

a.btn-flat3:visited {
color:#222222;
background: #fff;
}


/*--  BUTTON 04 -- */
a.btn-flat4{
display: inline-block;
min-width: 440px;
padding: 0.9em 2.1em;
text-decoration: none;
color:#ffffff !important;
font-size: 110%;
font-weight: 700;
letter-spacing: 0.08em;
margin:0.1em auto 0.6em;
background: #00A0C0;
border-radius: 30px;
transition:0.4s;
}
a.btn-flat4:hover{
color:#FFFFFF !important;
background: #02788F !important;

}
a.btn-flat4:visited {
color:#ffffff;
background: #00A0C0;
}

@media (max-width: 767px){
a.btn-flat4{
min-width: 240px !important;
padding: 1.0em 1.8em;
margin:0em auto 0.6em;
}
}


.icons{
display: inline-flex;
vertical-align: middle;
}

.video-wrap-link {
	color: #0091C5;
}

.video-wrap-link:hover {
	color: #FF8800;
}