/* common
---------------------------------------- */
.clr:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clr { display: inline-block;}

/* Hides from IE-mac \*/
* html .clr { height: 1%;}
.clr { display: block;}



:root {
--white: #fff;
--gray1: #ccc;
--gray2: #f2f2f2;
--gray3: #333;
--cc1: #005bff;
--cc2: #ff0a0a;
--cc3: #353F56;

--pink1: #F09E93;
--pink2: #f6c4bd;

--blue1: #eaf7fb;
--blue2: #EBF6FF;

--phone1: #338bca;
--phone2: #000059;
--map1: #58b670;
--map2: #449C5A;
}





.pinkline { background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #FFDFEF 0%) repeat scroll 0 0;}
.yellowline { background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffffbc 0%) repeat scroll 0 0;}
.blueline { background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #cce5ff 0%) repeat scroll 0 0;}


.imgr img { border-radius: 30px;}


.fancy-title-head h1.fancy-title,
.fancy-title-head h2.fancy-subtitle { text-shadow: 1px 2px 2px #333;}
@media screen and (max-width: 778px) {
.fancy-title-head h1.fancy-title { font-size: 20px !important; text-shadow: 0px 0px 0px #333;}
.fancy-title-head h2.fancy-subtitle { font-size: 14px !important; text-shadow: 0px 0px 0px #333;}
}


.ul { margin: 0 !important; padding: 0 !important; list-style: none !important;}
.ul1 li { margin: 0 0 25px; padding: 10px 15px; text-align: center; font-weight: bold; border: 1px solid var(--gray1); /*background: #f2f2f2;*/ border-radius: 12px; background: var(--white);}


.tH3 h3 { position: relative; padding: 0 0 25px !important; border-bottom: solid 3px var(--cc1);}
.tH3 h3::after{ position: absolute; content: ''; display: block; border-bottom: solid 3px var(--cc2); bottom: -3px; width: 5%;}



.clCo dl { padding: 15px 20px; border-radius: 0px;}
.clCo dt { font-weight: bold;}

.clCo.outlineCo dl { clear: both; border: 1px solid var(--gray1); border-bottom: none;}
.clCo.outlineCo dl:last-child { border-bottom: 1px solid var(--gray1);}
@media screen and (min-width: 767px) {
.clCo.outlineCo dl { padding: 18px 20px 20px;}
.clCo.outlineCo dt { float: left; width: 48%;}
.clCo.outlineCo dd { float: left; width: 52%;}
}
.clCo.formCo dl { margin-bottom: 15px; background: #f4f4f4;}
.clCo.formCo dt { padding-bottom: 5px;}

.clCo p { margin: 0 !important; padding: 0 !important;}
.clCo span { margin: 0;}
.clCo .mt { margin-top: 5px !important;}
.clCo label { margin-right: 2em;}
.clCo .bDd span span span { display: block;}
.clCo .bDd span span span span { display: inline;}
.clCo .soubiDd span span span { width: 32%;}
.clCo .hissuIcon { margin-left: 5px; padding: 1px 5px 2px; color: #fff; font-size: 11px; font-weight: bold; text-align: center; vertical-align: middle; letter-spacing: 0.1em;
/*-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;*/
/*box-shadow: 0 2px 4px 0 #ccc;*/ background: #f33;}
.clCo .niniIcon { margin-left: 5px; padding: 1px 5px 2px; color: #fff; font-size: 11px; font-weight: bold; text-align: center; vertical-align: middle; letter-spacing: 0.1em; background: #00f;}

/*.clCo input[type=text],
.clCo input[type=email],
.clCo textarea { width: 100%; background: #fff; border: none;}*/
.clCo input[type=text].p-postal-code { width: 25%;}
.clCo input[type=text].w15,
.clCo select.w15,
.clCo select.w15 option { width: 15%;}
.clCo input[type=text].w2,
.clCo select.w2 { width: 15%;}
.clCo select.w2 option { width: 15%;}
.clCo input[type=text].w3,
.clCo select.w3,
.clCo select.p-region { width: 30%;}
.clCo select.w4 { width: 40%;}
.clCo input[type=tel].w5,
.clCo input[type=text].w5 { width: 50%;}
.clCo input[type=tel].w6,
.clCo input[type=text].w6 { width: 60%;}
.clCo input[type=checkbox],
.clCo input[type=radio] { background: #fff;}
.clCo input,
.clCo option,
.clCo textarea { padding: 5px 8px;}
.clCo input:focus,
.clCo select:focus,
.clCo textarea:focus { background: #ffc;}
@media screen and (max-width: 767px) {
.clCo input[type=text].w3,
.clCo select.w3,
.clCo select.p-region { width: 40%;}

.clCo input[type=text].p-postal-code { width: 50%;}
.clCo .soubiDd span span span { width: 49%;}
.clCo .hissuIcon { padding: 1px 5px; font-size: 10px;}
}





.baseBtn { width: fit-content/*95%*/; margin: 0 auto;}
@media screen and (max-width: 767px) {
/*.baseBtn { margin: 0 auto;}*/
}
.baseBtn t.span { position: relative;}
.baseBtn a { overflow: hidden; position: relative; z-index: 1000; display: block; padding: 0.9rem 1.1rem; color: #333; font-size: 1.0rem; text-align: center; transition: all 0.3s; border-radius: 0.0rem; box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);}
.baseBtn a,
.baseBtn a:hover { text-decoration: none !important;}
.baseBtn a:hover { transform: translateY(-5px); box-shadow: 0 12px 28px rgba(0, 0, 0, 0.2);}
.baseBtn a::before { font-family: "Font Awesome 5 Free"; font-weight: bold; padding-right: 7px; font-size: 1.1rem;}

.baseBtn.phone { margin: 15px 0 0;}
.baseBtn.phone.phone2 { margin: 0 auto; width: 100%;}
.baseBtn.phone a { color: #fff !important; font-size: 1.1rem; /*font-weight: bold;*/ background: var(--cc3); border: 1px solid var(--cc3);}
.baseBtn.phone.phone2 a { border: 1px solid var(--cc3);}
.baseBtn.phone a:hover { color: var(--cc3) !important; background: var(--white) !important; border: 1px solid var(--cc3) !important;}
.baseBtn.phone a::before { content: "\f095";}
/*.baseBtn.phone a::after { position: absolute; z-index: 100; content: ""; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.5s ease-in-out; transform: translateX(-97%); background: #fff;}
.baseBtn.phone a:hover::after { transform: translateX(-99%); background: var(--phone1);}*/