@charset "UTF-8";

 body {
font-size: 100%;
font-family: 'YuGothic','Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', 'Meiryo','ＭＳ ゴシック',sans-serif;
-webkit-text-size-adjust: 100%;
margin-top: 30px;
}
@media only screen and (max-width: 1199px) {body {
font-size: 100%;
font-family: 'YuGothic','Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', 'Meiryo','ＭＳ ゴシック',sans-serif;
-webkit-text-size-adjust: 100%;
margin: 0 auto;
}}
.container {
width: 1200px;
margin:0 auto;
}
.container p {
margin: 0% 3% 5%;
font-size: 80%;
padding: 0;
}
h1 {
margin: 0;
text-align: center;
font-size: 150%;
padding: 0 20px 0 20px;
}
.main {
margin-bottom: 5%;
}
.contents {
display: flex;
flex-wrap: wrap;
}
.contents ul {
list-style-type: disc;
padding: 0 25px 0px 40px;
font-size: 14px;
}
.contents ul li {
margin-bottom: 15px;
}
.contents ul li:last-child {
margin-bottom: 0;
}
.singlepage-contents {
display: flex;
flex-wrap: wrap;
}
.singlepage-contents .ura-design-view {
display: flex;
flex-wrap: wrap;
width: calc(100% / 2) !important;
}
.ura-design-view .imageContent {
margin-bottom: 0;
width: calc(100% / 2) !important;
}
.imageContent {
border: 20px solid white;
box-sizing: border-box;
margin-bottom: 0;
width: calc(100% / 3) !important;
}
.link_imageContent {
border: 20px solid white;
box-sizing: border-box;
margin-bottom: 0;
width: calc(100% / 3) !important;
}
.link_imageContent .PC {
display: block;
margin: 0 auto;
width: 100% !important;
}
.link_imageContent .SP {
display: none;
margin: 0 auto;
width: 100% !important;
}
.singlepage-contents .imageContent {
border: 20px solid white;
box-sizing: border-box;
margin-bottom: 0;
width: calc(100% / 2) !important;
}
.imageContent img {
width: 100%;
height: auto;
}
.contents .imageContent p {
margin: 0;	
font-size: 14px;
}
.container .singlepage-contents p {
margin: 0;	
font-size: 14px;
}
.container .PC {
display: block;
margin: 2% 0 2% 0;
}
.container .main .PC {
display: block;
margin: 0 auto;
width: 60%;
}
.SP {
display: none;
}
.pagetop {
display: none;
position: fixed;
bottom: 150px;
right: 15px;
z-index: 100;
}
.pagetop a {
display: block;
background-color: #ccc;
text-align: center;
color: #222;
font-size: 12px;
text-decoration: none;
padding: 5px 10px;
filter:brightness(0.5);
-moz-opacity: 0.5;
opacity: 0.5;
}
.pagetop a:hover {
display: block;
background-color: #b2d1fb;
text-align: center;
color: #fff;
font-size: 12px;
text-decoration: none;
padding:5px 10px;
filter:brightness(0.5);
-moz-opacity: 0.5;
opacity: 0.5;
}
@media only screen and (max-width: 1199px) {
.container {
width: 100%;
margin:0 auto;
}
.imageContent {
border: 20px solid white;
box-sizing: border-box;
margin-bottom: 0;
width: calc(100% / 2) !important;
}
.link_imageContent {
border: 20px solid white;
box-sizing: border-box;
margin-bottom: 0;
width: calc(100% / 3) !important;
}
.link_imageContent .PC {
display: block;
margin: 0 auto;
width: 100% !important;
}
.link_imageContent .SP {
display: none !important;
margin: 0 auto;
width: 100% !important;
}
.singlepage-contents .imageContent {
border: 20px solid white;
box-sizing: border-box;
margin-bottom: 0;
width: calc(100% / 2) !important;
}
.imageContent .caption {
}
.container .PC {
display: block;
margin: 3%;
}
.SP {
display: none;
}
}
@media only screen and (max-width: 750px) {
.container {
width: 100%;
margin:0 auto;
}
.container p {
margin: 0% 5% 10%;
font-size: 80%;
padding: 0;
}
h1 {
margin: 0;
text-align: center;
font-size: 100%;
padding: 0 20px 0 20px;
}
.container .PC {
display: none;
}
.container .main .PC {
display: none;
margin: 0 auto;
width: 60%;
}
.container .SP {
display: block;
margin: 5%;
}
.container .main .SP {
display: block;
margin: 0 5%;
}
.imageContent {
border: 20px solid white;
box-sizing: border-box;
margin-bottom: 0;
width: 100% !important;
}
.link_imageContent {
border: 5px solid white !important;
box-sizing: border-box;
width: calc(100% / 2) !important;
}
.link_imageContent:last-child {
border: 5px solid white !important;
box-sizing: border-box;
width: calc(100% / 2) !important;
}
.link_imageContent .PC {
display: none;
margin: 0 auto;
width: 100% !important;
}
.link_imageContent .SP {
display: block !important;
margin: 0 !important;
width: 100% !important;
}
.singlepage-contents {
display: flex;
flex-wrap: wrap;
padding: 20px;
}
.singlepage-contents .imageContent {
border: 0 solid white;
box-sizing: border-box;
margin-bottom: 10%;
width: calc(100% / 1) !important;
}
.singlepage-contents .ura-design-view {
display: flex;
flex-wrap: wrap;
width: calc(100% / 1) !important;
margin-bottom: 5%;
}
.pagetop {
display: none;
position: fixed;
bottom: 30px;
right: 15px;
z-index: 100;
}
.pagetop a {
display: block;
background-color: #ccc;
text-align: center;
color: #222;
font-size: 12px;
text-decoration: none;
padding: 5px 10px;
filter:brightness(0.5);
-moz-opacity: 0.5;
opacity: 0.5;
}
.pagetop a:hover {
display: block;
background-color: #b2d1fb;
text-align: center;
color: #fff;
font-size: 12px;
text-decoration: none;
padding:5px 10px;
filter:brightness(0.5);
-moz-opacity: 0.5;
opacity: 0.5;
}
}
header {
width: 1200px;
margin: 0 auto 30px auto;
}
@media only screen and (max-width: 1199px) {
header {
width: 100%;
margin: 0 auto 30px auto;
}}
@media only screen and (max-width: 900px) {
header {
width: 100%;
margin: 0 auto 30px auto;
}}
@media only screen and (max-width: 750px) {
header {
width: 100%;
margin-bottom: 5%;
}}
header img {
width: 100%;
height: auto;
}
article {
margin: 30px auto 60px;
}
@media only screen and (max-width: 900px) {
article:first-of-type {
margin: 0px auto 60px;
}
article {
margin: 30px auto 60px;
}}
article img {
width: 100%;
height: auto;
}
article p {
padding: 0 10px;
}
article ul {
padding-inline-start: 25px;
padding-right: 10px;
}
a {
color: #3E3A39;
text-decoration: none;
}
a:hover {
filter: opacity(80%);
}
a:hover img {
filter: opacity(80%);
}
h2 {
text-align: center;
width: max-content;
margin: 20px auto;
padding: 10px 30px;
font-size: 150%;
font-weight: lighter;
color: #3E3A39;
position: relative;
display: table;
}
h2:first-of-type {
text-align: center;
width: auto;
margin: 0px auto 0px;
padding: 10px 30px;
font-size: 150%;
font-weight: lighter;
color: #3E3A39;
display: table;
}
h2:before {
content: '';
position: absolute;
left: 50%;
bottom: 0; display: inline-block;
width: 100%; height: 4px; -moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translate(-50%); background-color: #292E49; }
@media only screen and (max-width: 900px) {
h2:first-of-type {
text-align: center;
width: auto;
margin: 0px auto 0px;
padding: 10px 30px;
font-size: 110%;
font-weight: lighter;
color: #3E3A39;
display: table;
}
h2 {
text-align: center;
width: auto;
margin: 20px auto;
padding: 10px 30px;
font-size: 150%;
font-weight: lighter;
color: #3E3A39;
display: table;
}
h2:before {
content: '';
position: absolute;
left: 50%;
bottom: 0; display: inline-block;
width: 90%; height: 3px; -moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translate(-50%); background-color: #292E49; }}
h3 {
color: #3E3A39;
display: block;
font-size: 1.17em;
margin-top: 0;
margin-block-end: 0;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-weight: bold;
}
@media only screen and (max-width: 900px) {
h3 {
color: #3E3A39;
display: inline-block;
font-size: 1em;
margin-block-start: 0;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-weight: bold;
margin-bottom: 0;
}}
.MOD_MENU{
margin: 20px 0 40px 0;
}
@media only screen and (max-width: 900px) {
.MOD_MENU{
margin: 10px 0 10px 0;
width: 100%;
}}
.Business {
display: flex;
flex-wrap: wrap;
}
@media only screen and (max-width: 1199px) {
.Business {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
margin-bottom: 30px;
}}
@media only screen and (max-width: 900px) {
.Business {
width: 100%;
display: flex;
flex-wrap: wrap;
margin-bottom: 30px;
}}
@media only screen and (max-width: 900px) {
.MOD_FEATURE h2 {
text-align: center;
width: 100%;
border-bottom: 2px solid #00A29A;
margin: 0;
padding: 10px;
}} .MOD_MENU_Title {
float: left;
text-transform: uppercase;
margin-left: 1em;
line-height: 1;
}
.MOD_MENU_Nav {
width: 100%;
position: relative;
}
.MOD_MENU_Nav > ul {
padding: 0;
margin: 0;
width: 100%;
top: 3em;
height: 0;
will-change: height;
overflow: hidden;
transition: height 0.3s;
z-index: 2;
}
.MOD_MENU_Nav > ul.visible {
display: block;
}
.MOD_MENU_Nav > ul li {
list-style: none;
position: relative;
}
.MOD_MENU_Nav > ul li a {
display: block;
padding: 1em 2em;
text-decoration: none;
transition: background 0.3s;
border-top: 1px solid white;
line-height: 1em;
}
.MOD_MENU_Nav > ul li a:focus, .MOD_MENU_Nav > ul li a:hover, .MOD_MENU_Nav > ul li a:active {
filter: brightness(1.1);
}
.MOD_MENU_Nav > ul ul {
padding: 0;
height: 0;
overflow: hidden;
transition: height 0.3s;
}
.MOD_MENU_Nav > ul ul a {
padding: 1em 2em 1em 3em;
}
.MOD_MENU_Nav > ul ul a:focus, .MOD_MENU_Nav > ul ul a:hover, .MOD_MENU_Nav > ul ul a:active {
filter: brightness(1.2);
}
.MOD_MENU_Button {
cursor: pointer;
display: block;
padding: 0.5rem;
float: right;
margin-right: 0.5em;
border-right: 1px solid white;
border-left: 1px solid white;
} @media (min-width: 900px) {
.MOD_MENU_Title {
display: none;
}
.MOD_MENU_Nav > ul {
height: auto !important;
display: flex !important;
flex-wrap: wrap;
position: static;
width: 100%;
overflow: visible !important;
}
.MOD_MENU_Nav > ul:after {
display: block;
height: 1px;
width: calc(100% + 2em);
background: white;
position: absolute;
content: '';
bottom: 0;
left: -1em;
}
.MOD_MENU_Nav > ul li {
flex: 0 0 50%;
position: relative;
}
.MOD_MENU_Nav > ul li:nth-child(even) a {
border-left: none;
}
.MOD_MENU_Nav > ul li a {
border: 1px solid white;
border-top: none;
}
.MOD_MENU_Nav > ul ul {
position: absolute;
z-index: 1;
width: 100%;
box-shadow: 0 0 10px;
}
.MOD_MENU_Nav > ul ul a {
padding: 1em 2em 1em 2em;
border-right: none !important;
border-left: none !important;
}
.MOD_MENU_Button {
display: none;
}
.subMenuToggle {
right: 0;
border-right: none;
}
} @media (min-width: 43.75em) {
.MOD_MENU_Nav > ul li {
flex: 0 0 33.3%;
}
.MOD_MENU_Nav > ul li:nth-child(even) a {
border-left: 1px solid white;
}
.MOD_MENU_Nav > ul li a {
border-right: none;
padding: 0.75em 0;
}
.MOD_MENU_Nav > ul li:nth-child(3n + 0) a {
border-right: 1px solid white;
}
} @media (min-width: 56.25em) {
.MOD_MENU_Nav > ul {
position: static;
}
.MOD_MENU_Nav > ul:after {
display: none;
}
.MOD_MENU_Nav > ul li {
flex: 0 auto;
margin: 0 auto;
position: static;
width: 10%;
text-align: center;
position: relative;
display: inline-block;
min-width: 120px;
max-width: 100%;
color: #555;
font-size: 16px;
background: #FFF;
border: solid 1.25px #00A29A;
border-top: 0;
border-left: 0;
border-right: 0;
box-sizing: border-box;
}
.MOD_MENU_Nav > ul li:before {
position: absolute;
left: 50%;
top: 100%;
border: solid transparent;
content: '';
height: 0;
width: 0;
border-width: 14px;
margin: 0 0 0 -14px;
border-top-color: #00A29A;
margin-left: -14px;
}
.MOD_MENU_Nav > ul li:after {
position: absolute;
left: 50%;
top: 100%;
border: solid transparent;
content: '';
height: 0;
width: 0;
border-width: 14px;
margin: 0 0 0 -14px;
border-top-color: #FFFFFF;
margin: -1px 0 0 -14px;
}
}
.MOD_MENU_Nav > ul li:nth-child(3n + 0) a {
color: #3E3A39;
border-right: none;
}
.MOD_MENU_Nav > ul li:last-child a {
color: #3E3A39;
border-right: 1px solid white;
padding: 0.75em;
}
.MOD_MENU_Nav > ul li a {
color: #3E3A39;
background-color: white;
border: none;
border-left: 1px solid white;
padding: 0.75em 0;
}
@media only screen and (max-width: 900px) {
.MOD_MENU_Nav > ul li a {
color: #3E3A39;
background-color: white;
border: none;
border-left: 1px solid white;
padding: 0.75em;
}}
.MOD_MENU_Nav > ul li a:hover + ul {
display: block;
}
.MOD_MENU_Nav > ul li.hasSubmenu > a {
padding-right: 3rem;
position: relative;
}
.MOD_MENU_Nav > ul li.hasSubmenu > a:after {
content: '\025BE';
position: absolute;
font-size: 1.5em;
line-height: 1;
top: 0.6em;
right: 0.6em;
}
.MOD_MENU_Nav > ul ul {
width: auto;
height: auto !important;
overflow: visible !important;
display: none;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.MOD_MENU_Nav > ul ul:hover {
display: block;
}
.MOD_MENU_Nav > ul ul a {
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.MOD_MENU_Nav > ul ul li:last-child a {
border-bottom: none;
}
.subMenuToggle {
display: none;
}
[data-layout=_r] {
max-width: 1200px;
margin: 0 auto;
padding: 2rem 1rem;
}
@media only screen and (max-width: 900px) {
[data-layout=_r] {
max-width: 1200px;
margin: 0 auto;
padding: 0rem 1rem;
}}
[data-layout=_r] > div, [data-layout=_r] > article, [data-layout=_r] > aside {
padding: 0 1rem 1rem 1rem;
width: auto;
}
[data-layout=_r] img {
width: 100%;
height: auto;
} footer {
clear: both;
max-width: 1200px;
margin: 0 auto;
}
.MOD_FOOTER2 {
display: flex;
padding-top: 30px;
}
.MOD_FOOTER2 img {
width: 25%;
height: 25%;
margin: 2%;
}
@media only screen and (max-width: 900px) {
.MOD_FOOTER2 {
display: block;
padding-top: 0;
}}
@media only screen and (max-width: 900px) {
.MOD_FOOTER2 img {
display: none;
width: 90%;
margin: 2%;
}}
.links {
width: 25%;
padding: 0 20px 20px 20px;
}
@media only screen and (max-width: 900px) {
.links {
width: auto;
padding: 0 0px 20px 10px;
}}
.links ul {
padding-left: 0;
}
.links ul li {
list-style: none;
}
.links ul li a {
color: #00A29A;
}
.Contact {
width: 25%;
padding: 0px 0px 20px 0px;
}
@media only screen and (max-width: 900px) {
.Contact {
width: auto;
padding: 0 0px 20px 10px;
}}
.Contact a {
color: #3E3A39;
}
.Address {
width: 25%;
padding: 0 0px 20px 10px;
}
@media only screen and (max-width: 900px) {
.Address {
width: auto;
padding: 0 0px 20px 10px;
}}
address {
font-style: normal;
}
.web-rec {
width: 100%;
float: left;
padding-bottom: 50px;
margin-bottom: 50px;
border-bottom: 1px solid #3E3A39;
}
.web-rec:last-of-type {
width: 100%;
float: left;
margin-bottom: 50px;
border-bottom: 0;
}
@media only screen and (max-width: 900px) {
.web-rec {
width: 100%;
float: left;
padding-bottom: 5px;
margin-bottom: 30px;
border-bottom: 1px solid #3E3A39;
}
.web-rec:last-of-type {
width: 100%;
float: left;
padding-bottom: 5px;
margin-bottom: 30px;
border-bottom: 0;
}}
.web-rec img {
width: 570px;
float: left;
margin-right: 30px;
}
@media only screen and (max-width: 900px) {
.web-rec img {
width: 100%;
float: left;
margin: 0;
}}
.contents-text {
display: table;
}
.contents-text p {
padding: 0;
}
.contents-text a {
color: #3E3A39;
}
@media only screen and (max-width: 900px) {
.contents-text p {
padding: 0 10px;
}
.contents-text a {
color: #3E3A39;
}}
#page_top{
width: 50px;
height: 50px;
position: fixed;
right: 10px;
bottom: -150px;
background: #00A29A;
opacity: 0.6;
border-radius: 50%;
z-index: 100;
}
#page_top a{
position: relative;
display: block;
width: 50px;
height: 50px;
text-decoration: none;
}
#page_top a::before{
content: '▲';
font-weight: bold;
font-size: 25px;
color: #fff;
position: absolute;
width: 25px;
height: 25px;
top: -15px;
bottom: 0;
right: 0;
left: 0;
margin: auto;
text-align: center;
}
.fadein {
opacity : 0;
transform : translate(0, 50px);
transition:all 0.5s;
}
.fadein.scrollin {
opacity : 1;
transform : translate(0, 0);
} @media screen and (max-width: 1279px) {
.pc-menu {
display: none;
}
} @media screen and (min-width: 1280px) {
.sp-menu {
display: none;
}
} .main-menu {
margin: 0 auto;
display: flex;
width: 1280px;
}
.logo {
text-align: center;
padding: 18px;
font-size: 24px;
width: 200px;
background: #dddddd;
}
.pc-menu {
width: 100%;
}
.pc-menu > ul {
display: flex;
list-style: none;
padding: 0;
}
.pc-menu > ul > li {
text-align: center;
font-size: 16px;
width: 25%;
}
.pc-menu > ul > li > a {
display: block;
text-decoration: none;
color: #000000;
line-height: 30px;
}
.pc-menu > ul > li > a:hover {
background: #cccccc;
}
.sp-menu__box {
position: fixed;
top: 10px;
right: 10px;
display: flex;
height: 40px;
width: 40px;
justify-content: center;
align-items: center;
z-index: 90;
background: #3584bb;
}
.sp-menu__box span,
.sp-menu__box span:before,
.sp-menu__box span:after {
content: "";
display: block;
height: 3px;
width: 25px;
border-radius: 3px;
background: #ffffff;
position: absolute;
}
.sp-menu__box span:before {
bottom: 8px;
}
.sp-menu__box span:after {
top: 8px;
}
#sp-menu__check {
display: none;
}
#sp-menu__check:checked ~ .sp-menu__box span {
background: rgba(255, 255, 255, 0);
}
#sp-menu__check:checked ~ .sp-menu__box span::before {
bottom: 0;
transform: rotate(45deg);
}
#sp-menu__check:checked ~ .sp-menu__box span::after {
top: 0;
transform: rotate(-45deg);
}
#sp-menu__check:checked ~ .sp-menu__content {
left: 0;
}
.sp-menu__content {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 100%;
z-index: 80;
background-color: #3584bb;
transition: all 0.5s;
}
.sp-menu__list {
padding: 70px 10px 0;
}
.sp-menu__item {
border-bottom: solid 1px #ffffff;
list-style: none;
}
.sp-menu__link {
display: block;
width: 100%;
font-size: 15px;
box-sizing: border-box;
color: #ffffff;
text-decoration: none;
padding: 9px 15px 10px 0;
}
footer ul {
list-style: none;
margin: 0;
padding: 0;
}
#footer01 {
position: relative;
background: #292E49;
}
#footer01 .logo {
text-align: center;
padding: 20px 0;
border-bottom: 1px solid #111;
}
#footer01 .logo a {
display: inline-block;
}
#footer01 .logo img {
width: 120px;
}
#footer01 .nav a {
display: block;
padding: 0 10px;
color: white;
}
.copyright {
font-size: 15px;
color: white;
text-align: center;
padding-bottom: 20px;
}
.copyright a {
color: white;
}
@media only screen and (min-width: 641px) { #footer01 .nav {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 20px 0;
}
#footer01 .nav a:hover {
color: #ccc;
}
}
@media only screen and (max-width: 640px) { #footer01 {
text-align: center;
}
#footer01 .nav li {
border-top: 1px solid dimgray;
}
#footer01 .nav li:last-child {
border-bottom: 1px solid dimgray;
}
#footer01 .nav li a {
padding: 12px 20px;
text-align: left;
}
.copyright {
font-size: 10px;
color: white;
margin-bottom: 0;
padding-bottom: 10px;
}
.copyright a {
color: white;
}
}
.c-header {
align-items: center;
background-color: #eeeeee; box-sizing: border-box;
display: flex;
justify-content: space-between;
padding: 1rem 1.5rem; max-width: 100%;
}
.c-header__logo {
color: #000; min-width: 80px; text-decoration: none;
}
.c-header__list {
box-sizing: border-box;
display: flex;
margin: 0;
padding: 0;
}
.c-header__list-item {
list-style: none;
text-decoration: none;
}
.c-header__list-link {
color: #000; display: block;
margin-right: 20px; text-decoration: none;
padding: 10px 0px; }
.c-header__list-link:hover {
filter: opacity(0.6); }
.c-hamburger-menu {
position: relative;
}
@media screen and (max-width: 750px) {
.c-hamburger-menu__list {
background-color: #eeeeee; align-items: flex-start;
display: flex;
flex-direction: column;
left: 0;
padding: 1.5rem; position: absolute;
transform: translateX(-100%);
transition: 0.3s; top: 100%;
width: 100%;
z-index: 10;
}
#hamburger:checked ~ .c-hamburger-menu__list {
transform: translateX(0%);
transition: 0.3s;
}
}
.c-hamburger-menu__input {
display: none;
}
.c-hamburger-menu__bg {
background-color: #000; cursor: pointer;
display: none;
left: 0;
opacity: 0.4; position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
#hamburger:checked ~ .c-hamburger-menu__bg {
display: block;
}
.c-hamburger-menu__button {
display: none;
}
@media screen and (max-width: 750px) {
.c-hamburger-menu__button {
align-items: center;
appearance: none;
background-color: transparent;
border: none;
cursor: pointer;
display: flex;
flex-direction: column;
gap: 5px; height: 32px; justify-content: center;
width: 32px; }
}
.c-hamburger-menu__button-mark {
background-color: #000; display: block;
height: 1px; transition: 0.3s; width: 20px; }
@media screen and (max-width: 750px) {
#hamburger:checked
~ .c-hamburger-menu__button
.c-hamburger-menu__button-mark:nth-of-type(1) {
transform: translate(2px, 1px) rotate(45deg); transform-origin: 0%; }
#hamburger:checked
~ .c-hamburger-menu__button
.c-hamburger-menu__button-mark:nth-of-type(2) {
opacity: 0;
}
#hamburger:checked
~ .c-hamburger-menu__button
.c-hamburger-menu__button-mark:nth-of-type(3) {
transform: translate(2px, 3px) rotate(-45deg); transform-origin: 0%; }
} table.CF7_table{
width:100%;
margin:0 auto;
border: 20px solid white;
box-sizing: border-box;
}
table.CF7_table tr{ }
.single .entry-content table.CF7_table,
.page .entry-content table.CF7_table{
display:table;
} .CF7_table input, .CF7_table textarea {
border: 1px solid white;
font-size: 16px;
width: 100%;
padding: 10px 0;
}
.CF7_table ::placeholder {
color:#797979;
} .CF7_req{
font-size:.9em;
padding: 5px;
background: #292E49; color: #fff;
border-radius: 3px;
margin-right:0.5em;
} .CF7_unreq{
font-size:.9em;
padding: 5px;
background: #bdbdbd; color: #fff;
border-radius: 3px;
margin-right:0.5em;
} @media screen and (min-width: 768px){
.CF7_table th{
width:30%; background-color:#ebedf5; text-align: left;
padding: 0 20px 0 20px;
}
.CF7_table th p {
margin: 0;
}
.CF7_table td{
border: 1px solid lightgray;
padding: 10px;
line-height: 2rem;
}
.CF7_table td p {
margin: 0;
margin: 0 20px 0 20px;
}
} @media only screen and (max-width: 750px){
table.CF7_table{
width:100%;
border: 20px solid white;
box-sizing: border-box;
}
.CF7_table tr, .CF7_table td, .CF7_table th{
display: block;
line-height:2.5em;
}
.CF7_table th{
background-color:#ebedf5;
text-align: left;
padding: 10px 0px 7px 10px;
}
.CF7_table th p {
margin: 0;
margin: 10px 20px 10px 20px;
line-height: 30px;
}
.CF7_table td p {
margin: 0;
margin: 10px 20px 10px 20px;
line-height: 30px;
}
} .wpcf7 input.wpcf7-submit {
background-color:#292E49; border:0;
color:#fff;
font-size:1.2em;
font-weight:bold;
margin:0 auto;
padding: 10px 20px;
transition-property: all;
transition: 0.2s ease-in;
}
.wpcf7 input.wpcf7-submit:hover {
background: #2a9ba7;
border-color: #2a9ba7;
color: #fff;
}
.wpcf7 input.wpcf7-submit:active {
-webkit-box-shadow:
0 0 0 15px #fff,
0 0 0 18px black;
-moz-box-shadow:
0 0 0 15px #fff,
0 0 0 18px black;
box-shadow:
0 0 0 15px #fff,
0 0 0 18px black;
} @media only screen and (max-width: 750px){
.wpcf7 input.wpcf7-submit:active {
-webkit-box-shadow:
0 0 0 5px #fff,
0 0 0 5px black;
-moz-box-shadow:
0 0 0 15px #fff,
0 0 0 5px black;
box-shadow:
0 0 0 15px #fff,
0 0 0 5px black;
}
}
.CF7_btn{
text-align:center;
margin-top:20px;
}
.wpcf7-spinner{
width:0;
margin:0;
}
select {
display: inline-flex;
align-items: center;
position: relative;
width: 100%;
}
select::after {
position: absolute;
right: 15px;
width: 10px;
height: 7px;
background-color: #535353;
clip-path: polygon(0 0, 100% 0, 50% 100%);
content: '';
pointer-events: none;
}
select {
appearance: none;
min-width: 230px;
height: 2.8em;
padding: 5px;
border: none;
background-color: #fff;
color: #333333;
font-size: 14px;
cursor: pointer;
}
select:focus {
outline: none;
}
.pagination {
margin: 20px 20px 0 20px;
}
@media only screen and (max-width: 750px) {
.pagination {
margin: 20px 20px 30px 20px;
}}
.nav-links {
display: flex;
}
.pagination .page-numbers {
display: inline-block;
margin-right: 10px;
padding: 1px 15px;
color: #0f1419;
border-radius: 3px;
background: #fff;
border: 1px solid #292E49;
}
.pagination .current {
background: #292E49;
color: #fff;
}
.pagination .prev,
.pagination .next {
background: transparent;
box-shadow: none;
color: #292E49;
}
.pagination .dots {
background: transparent;
box-shadow: none;
border: none;
}
.company {
width: 100%;
}
.company th,
.company td {
border: 1px solid #ccc;
padding: 20px;
}
.company th {
font-weight: bold;
background-color: #dedede; 
}
@media only screen and (max-width: 1199px) {
.company {padding: 0 3%;}
}
@media screen and (max-width: 767px) {
.company {padding: 0 5%;}
.company tr,
.company td,
.company th {display:block;}
.company th {width:auto;}
}@font-face {
font-family: swiper-icons;
src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
font-weight: 400;
font-style: normal
}
:root {
--swiper-theme-color: #007aff
}
:host {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
z-index: 1
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
display: block
}
.swiper-vertical > .swiper-wrapper {
flex-direction: column
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
box-sizing: content-box
}
.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
transform: translate3d(0px, 0, 0)
}
.swiper-horizontal {
touch-action: pan-y;
overflow: hidden;
}
.swiper-vertical {
touch-action: pan-x
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
display: block
}
.swiper-slide-invisible-blank {
visibility: hidden
}
.swiper-autoheight, .swiper-autoheight .swiper-slide {
height: auto
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px
}
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d
}
.swiper-3d {
perspective: 1200px
}
.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide {
transform-style: preserve-3d
}
.swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
scroll-snap-type: x mandatory
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
scroll-snap-type: y mandatory
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
scroll-snap-type: none
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: none
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
content: '';
flex-shrink: 0;
order: 9999
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before)
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after)
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before)
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after)
}
.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, .15)
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg)
}
100% {
transform: rotate(360deg)
}
}
.swiper-virtual .swiper-slide {
-webkit-backface-visibility: hidden;
transform: translateZ(0)
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
content: '';
position: absolute;
left: 0;
top: 0;
pointer-events: none
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
height: 1px;
width: var(--swiper-virtual-size)
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
width: 1px;
height: var(--swiper-virtual-size)
}
:root {
--swiper-navigation-size: 44px
}
.swiper-button-next, .swiper-button-prev {
position: absolute;
top: var(--swiper-navigation-top-offset, 50%);
width: calc(var(--swiper-navigation-size)/ 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color))
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none
}
.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
opacity: 0;
cursor: auto;
pointer-events: none
}
.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
display: none !important
}
.swiper-button-next svg, .swiper-button-prev svg {
width: 100%;
height: 100%;
object-fit: contain;
transform-origin: center
}
.swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg {
transform: rotate(180deg)
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
left: var(--swiper-navigation-sides-offset, 10px);
right: auto
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 10px);
left: auto
}
.swiper-button-lock {
display: none
}
.swiper-button-next:after, .swiper-button-prev:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
font-variant: initial;
line-height: 1
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
content: 'prev'
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 10px);
left: auto
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
content: 'next'
}
.swiper-pagination {
text-align: center;
transition: .3s opacity;
transform: translate3d(0, 0, 0);
z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0
}
.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
display: none !important
}
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: var(--swiper-pagination-bottom, 8px);
top: var(--swiper-pagination-top, auto);
left: 0;
width: 100%;
height: 40px;
line-height: 40px;
overflow: hidden;
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(.33);
position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(.33)
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 20px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 20px));
display: inline-block;
border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
background-color: #333;
color: #fff;
font-size: 16px;
height: 24px;
line-height: 25px;
transition: transform .2s linear;
width: 24px;
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer
}
.swiper-pagination-bullet:only-child {
display: none !important
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: gray;
background-color: #fff;
color: #333;
transform: scale(1.4);
}
.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
right: var(--swiper-pagination-right, 8px);
left: var(--swiper-pagination-left, auto);
top: 50%;
transform: translate3d(0px, -50%, 0)
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: .2s transform, .2s top
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: .2s transform, .2s left
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: .2s transform, .2s right
}
.swiper-pagination-fraction {
color: var(--swiper-pagination-fraction-color, inherit)
}
.swiper-pagination-progressbar {
background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top
}
.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: var(--swiper-pagination-progressbar-size, 4px);
left: 0;
top: 0
}
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
width: var(--swiper-pagination-progressbar-size, 4px);
height: 100%;
left: 0;
top: 0
}
.swiper-pagination-lock {
display: none
}
.swiper-scrollbar {
border-radius: var(--swiper-scrollbar-border-radius, 10px);
position: relative;
touch-action: none;
background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))
}
.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
display: none !important
}
.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
position: absolute;
left: var(--swiper-scrollbar-sides-offset, 1%);
bottom: var(--swiper-scrollbar-bottom, 4px);
top: var(--swiper-scrollbar-top, auto);
z-index: 50;
height: var(--swiper-scrollbar-size, 4px);
width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}
.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
position: absolute;
left: var(--swiper-scrollbar-left, auto);
right: var(--swiper-scrollbar-right, 4px);
top: var(--swiper-scrollbar-sides-offset, 1%);
z-index: 50;
width: var(--swiper-scrollbar-size, 4px);
height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
border-radius: var(--swiper-scrollbar-border-radius, 10px);
left: 0;
top: 0
}
.swiper-scrollbar-cursor-drag {
cursor: move
}
.swiper-scrollbar-lock {
display: none
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center
}
.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
max-width: 100%;
max-height: 100%;
object-fit: contain
}
.swiper-slide-zoomed {
cursor: move;
touch-action: none
}
.swiper .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000
}
.swiper-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto
}
.swiper-grid > .swiper-wrapper {
flex-wrap: wrap
}
.swiper-grid-column > .swiper-wrapper {
flex-wrap: wrap;
flex-direction: column
}
.swiper-fade.swiper-free-mode .swiper-slide {
transition-timing-function: ease-out
}
.swiper-fade .swiper-slide {
pointer-events: none;
transition-property: opacity
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-fade .swiper-slide-active {
pointer-events: auto
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-cube {
overflow: visible
}
.swiper-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%
}
.swiper-cube .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-cube.swiper-rtl .swiper-slide {
transform-origin: 100% 0
}
.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible
}
.swiper-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: .6;
z-index: 0
}
.swiper-cube .swiper-cube-shadow:before {
content: '';
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
filter: blur(50px)
}
.swiper-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible
}
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-flip {
overflow: visible
}
.swiper-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1
}
.swiper-flip .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-creative .swiper-slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
transition-property: transform, opacity, height
}
.swiper-cards {
overflow: visible
}
.swiper-cards .swiper-slide {
transform-origin: center bottom;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden
}
.slider-thumbnail .swiper-slide {
opacity: .5;
transition: opacity .5s;
width: calc(100% / 3);
border: 5px solid white;
box-sizing: border-box;
}
.slider-thumbnail .swiper-slide.swiper-slide-thumb-active {
opacity: 1;
} .swiper { width: 100%;
}
.swiper-slide img {
height: auto;
width: 100%;
border: 1px solid gainsboro;
box-sizing: border-box;
}