/*
Theme Name: SSL
Description: SSL
Version: 1.0
*/


@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@300;400;500;600&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");


/* COMMON ==============================*/

html {
font-size: 10px!important; /* 1rem = 10px */
}

body {
font-family: "Noto Sans JP", "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-size: 1.4rem;
line-height: 2.1;
color: #000;
text-align: left;
padding: 0;
font-feature-settings: "palt";
letter-spacing:0.02em;
}

h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 0;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
margin-bottom: 0;
padding-bottom: 0;
font-family: inherit;
font-weight: 300;
line-height: 1.4;
color: inherit;
}

.top h1, .top .h1 {
font-size: 3.2rem;
font-weight:500;
color: #000;
line-height: 1.4!important;
}

.top h2, .top .h2 {
font-size: 2.4rem;
font-weight:500;
color: #000;
}

.top h3, .top .h3 {
font-size: 2.0rem;
font-weight:500;
color: #000;
}

.top h4, .top .h4 {
font-size: 1.6rem;
font-weight:500;
color: #000;
}

.top h5, .top .h5 {
font-size: 1.4rem;
color: #000;
}

.top h6, .top .h6 {
font-size: 1.2rem;
color: #000;
}

h1, .h1 {
font-size: 4.6rem;
font-weight:500;
color: #000;
}

h2, .h2 {
font-size: 2.4rem;
font-weight:500;
color: #000;
}

h3, .h3 {
font-size: 2.0rem;
font-weight:500;
color: #000;
}

h4, .h4 {
font-size: 1.8rem;
font-weight:500;
color: #000;
}

h5, .h5 {
font-size: 1.4rem;
ont-weight:500;
color: #000;
}

h6, .h6 {
font-size: 1.2rem;
ont-weight:500;
color: #000;
}

p {
padding: 0;
margin: 0;
color: #000;
}

.b {
font-weight: 500 !important;
}

.line-height-base {
line-height: 1 !important;
}


address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}

ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}

dt {
font-weight: 700;
}

dd {
margin-bottom: .5rem;
margin-left: 0;
}

a {
color: #666;
text-decoration: none!important;
background-color: transparent;
word-break: break-all;
display: inline-block;
}

a:visited {
color: #666;
text-decoration: none;
background-color: transparent;
}

a:hover {
color: #339900;
text-decoration: underline;
}

.en {
font-family: 'Raleway', sans-serif;
font-family: 'Figtree', sans-serif !important;
letter-spacing: 0.02em;
}

th, td {
font-weight: 400;
vertical-align: top;
}

td {
padding-left: 10px;
padding-right: 10px;
}

.red {
color: #ff0000;
}

.green {
color: #339900;
}

.blue {
color: blue;
}

.ygreen {
color: #89b854; 
}

.white {
color: #fff !important;
}

.t-gray {
color: #999!important;
}

blockquote {
border-left: 5px solid #ddd;
padding-left:10px;
}

.caption {
color: #999!important;
margin-top:10px!important;
font-size: 12px!important;
line-height:1.6!important;
}



/* LAYOUT ==============================*/

.container {
width: 100%;
padding-right: 30px!important;
padding-left: 30px!important;
margin-right: auto;
margin-left: auto;
}


/* FONT SIZE ==============================*/

.t10 { font-size: 1.0rem !important; }
.t12 { font-size: 1.2rem !important; }
.t14 { font-size: 1.4rem !important; }
.t16 { font-size: 1.6rem !important; }
.t18 { font-size: 1.8rem !important; }
.t21 { font-size: 2.1rem !important; }
.t24 { font-size: 2.4rem !important; }
.t28 { font-size: 2.8rem !important; }
.t32 { font-size: 3.2rem !important; }
.t42 { font-size: 4.2rem !important; }


/* MARGIN ==============================*/

.m-05 { margin: 0.5rem !important; }
.m-1 { margin: 1rem !important; }
.m-2 { margin: 2rem !important; }
.m-3 { margin: 3rem !important; }
.m-4 { margin: 4rem !important; }
.m-5 { margin: 5rem !important; }
.m-6 { margin: 6rem !important; }
.m-7 { margin: 7rem !important; }
.m-8 { margin: 8rem !important; }
.m-9 { margin: 9rem !important; }
.m-10 { margin: 10rem !important; }

.mt-05 { margin-top: 0.5rem !important; }
.mt-1 { margin-top: 1rem !important; }
.mt-2 { margin-top: 2rem !important; }
.mt-3 { margin-top: 3rem !important; }
.mt-4 { margin-top: 4rem !important; }
.mt-5 { margin-top: 5rem !important; }
.mt-6 { margin-top: 6rem !important; }
.mt-7 { margin-top: 7rem !important; }
.mt-8 { margin-top: 8rem !important; }
.mt-9 { margin-top: 9rem !important; }
.mt-10 { margin-top: 10rem !important; }

.mb-05 { margin-bottom: 0.5rem !important; }
.mb-1 { margin-bottom: 1rem !important; }
.mb-2 { margin-bottom: 2rem !important; }
.mb-3 { margin-bottom: 3rem !important; }
.mb-4 { margin-bottom: 4rem !important; }
.mb-5 { margin-bottom: 5rem !important; }
.mb-6 { margin-bottom: 6rem !important; }
.mb-7 { margin-bottom: 7rem !important; }
.mb-8 { margin-bottom: 8rem !important; }
.mb-9 { margin-bottom: 9rem !important; }
.mb-10 { margin-bottom: 10rem !important; }

.ml-05 { margin-left: 0.5rem !important; }
.ml-1 { margin-left: 1rem !important; }
.ml-2 { margin-left: 2rem !important; }
.ml-3 { margin-left: 3rem !important; }
.ml-4 { margin-left: 4rem !important; }
.ml-5 { margin-left: 5rem !important; }
.ml-6 { margin-left: 6rem !important; }
.ml-7 { margin-left: 7rem !important; }
.ml-8 { margin-left: 8rem !important; }
.ml-9 { margin-left: 9rem !important; }
.ml-10 { margin-left: 10rem !important; }

.mr-05 { margin-right: 0.5rem !important; }
.mr-1 { margin-right: 1rem !important; }
.mr-2 { margin-right: 2rem !important; }
.mr-3 { margin-right: 3rem !important; }
.mr-4 { margin-right: 4rem !important; }
.mr-5 { margin-right: 5rem !important; }
.mr-6 { margin-right: 6rem !important; }
.mr-7 { margin-right: 7rem !important; }
.mr-8 { margin-right: 8rem !important; }
.mr-9 { margin-right: 9rem !important; }
.mr-10 { margin-right: 10rem !important; }


/* PADDING ==============================*/

.p-05 { padding: 0.5rem !important; }
.p-1 { padding: 1rem !important; }
.p-2 { padding: 2rem !important; }
.p-3 { padding: 3rem !important; }
.p-4 { padding: 4rem !important; }
.p-5 { padding: 5rem !important; }
.p-6 { padding: 6rem !important; }
.p-7 { padding: 7rem !important; }
.p-8 { padding: 8rem !important; }
.p-9 { padding: 9rem !important; }
.p-10 { padding: 10rem !important; }

.pt-05 {padding-top: 0.5rem !important; }
.pt-1 { padding-top: 1rem !important; }
.pt-2 { padding-top: 2rem !important; }
.pt-3 { padding-top: 3rem !important; }
.pt-4 { padding-top: 4rem !important; }
.pt-5 { padding-top: 5rem !important; }
.pt-6 { padding-top: 6rem !important; }
.pt-7 { padding-top: 7rem !important; }
.pt-8 { padding-top: 8rem !important; }
.pt-9 { padding-top: 9rem !important; }
.pt-10 { padding-top: 10rem !important; }

.pb-05 { padding-bottom: 0.5rem !important; }
.pb-1 { padding-bottom: 1rem !important; }
.pb-2 { padding-bottom: 2rem !important; }
.pb-3 { padding-bottom: 3rem !important; }
.pb-4 { padding-bottom: 4rem !important; }
.pb-5 { padding-bottom: 5rem !important; }
.pb-6 { padding-bottom: 6rem !important; }
.pb-7 { padding-bottom: 7rem !important; }
.pb-8 { padding-bottom: 8rem !important; }
.pb-9 { padding-bottom: 9rem !important; }
.pb-10 { padding-bottom: 10rem !important; }

.px-lg-1 { padding-left: 1rem !important; padding-right: 1rem !important; }
.px-lg-2 { padding-left: 2rem !important; padding-right: 2rem !important; }
.px-lg-3 { padding-left: 3rem !important; padding-right: 3rem !important; }
.px-lg-4 { padding-left: 4rem !important; padding-right: 4rem !important; }
.px-lg-5 { padding-left: 5rem !important; padding-right: 5rem !important; }
.px-lg-6 { padding-left: 6rem !important; padding-right: 6rem !important; }
.px-lg-7 { padding-left: 7rem !important; padding-right: 7rem !important; }
.px-lg-8 { padding-left: 8rem !important; padding-right: 8rem !important; }
.px-lg-9 { padding-left: 9rem !important; padding-right: 9rem !important; }
.px-lg-10 { padding-left: 10rem !important; padding-right: 10rem !important; }


/* GUTTER ==============================*/

.g-0 { --bs-gutter-x: 0rem; --bs-gutter-y: 0rem;}
.g-1 { --bs-gutter-x: 1rem; --bs-gutter-y: 1rem;}
.g-2 { --bs-gutter-x: 2rem; --bs-gutter-y: 2rem;}
.g-3 { --bs-gutter-x: 3rem; --bs-gutter-y: 3rem;}
.g-4 { --bs-gutter-x: 4rem; --bs-gutter-y: 4rem;}
.g-5 { --bs-gutter-x: 5rem; --bs-gutter-y: 5rem;}
.g-6 { --bs-gutter-x: 6rem; --bs-gutter-y: 6rem;}
.g-7 { --bs-gutter-x: 7rem; --bs-gutter-y: 7rem;}
.g-8 { --bs-gutter-x: 8rem; --bs-gutter-y: 8rem;}
.g-9 { --bs-gutter-x: 9rem; --bs-gutter-y: 9rem;}
.g-10 { --bs-gutter-x: 10rem; --bs-gutter-y: 10rem;}

.gx-0 { --bs-gutter-x: 0rem;}
.gx-1 { --bs-gutter-x: 1rem;}
.gx-2 { --bs-gutter-x: 2rem;}
.gx-3 { --bs-gutter-x: 3rem;}
.gx-4 { --bs-gutter-x: 4rem;}
.gx-5 { --bs-gutter-x: 5rem;}
.gx-6 { --bs-gutter-x: 6rem;}
.gx-7 { --bs-gutter-x: 7rem;}
.gx-8 { --bs-gutter-x: 8rem;}
.gx-9 { --bs-gutter-x: 9rem;}
.gx-10 { --bs-gutter-x: 10rem;}

.gy-0 { --bs-gutter-y: 0rem;}
.gy-1 { --bs-gutter-y: 1rem;}
.gy-2 { --bs-gutter-y: 2rem;}
.gy-3 { --bs-gutter-y: 3rem;}
.gy-4 { --bs-gutter-y: 4rem;}
.gy-5 { --bs-gutter-y: 5rem;}
.gy-6 { --bs-gutter-y: 6rem;}
.gy-7 { --bs-gutter-y: 7rem;}
.gy-8 { --bs-gutter-y: 8rem;}
.gy-9 { --bs-gutter-y: 9rem;}
.gy-10 { --bs-gutter-y: 10rem;}


/* LAYOUT ==============================*/

body {
padding-top: 0;
padding-bottom: 0!important; 
color: #000;
}

.main {
overflow: hidden !important;
}

.section-padding{
padding-top: 30px;
padding-bottom: 30px;
}

.lead {
font-size: 1.6rem;
font-weight: 400;
}


/* BG ==============================*/

.bg-lgray {
background: #f4f4f4;
}

.white {
color: #fff;
}


/* HEADER ==============================*/

/* SST LOGO */

.page-header-logo .link-btn{
border:none!important;
background: transparent!important;
padding:0;
}


/* NAVI */

.navbar {
margin-top:5px;
margin-bottom:5px;
}

.navbar {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding-top: 0 !important; 
padding-bottom: 0 !important; 
}

.navbar-dark {
background: #000!important;
}

.navbar-dark .navbar-toggler {
color: rgba(255,255,255,.55);
border: 0;
}

.navbar-toggler:focus {
text-decoration: none;
outline: 0;
box-shadow: none;
}

.nav-link {
font-size:1.4rem!important;
display: block;
padding: 0.5rem 1rem;
color: #000;
text-decoration: none;
transition: color .15s
}

.nav-link:hover {
color: #000;
}

.nav-link.active a {
color: #339900 !important;
}

.navbar-dark .navbar-nav .nav-link {
color: #000;
font-weight: 600;
}

.navbar-nav .nav-link {
padding-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
padding-left: 10px;
font-weight: 600;
font-size: 1.4rem;
}

.dropdown-toggle::after {
display: inline-block;
margin-left: 0;
vertical-align: 0;
content: "";
border-top: 0.3em solid;
border-right: 0.3em solid transparent;
border-bottom: 0;
border-left: 0.3em solid transparent;
display:none;
}

ul.navbar-nav {
list-style: none;
}

.navbar-nav {
justify-content: center;
text-align:center;
}

.navbar-nav a:hover{ 
color: #339900 !important;
}


/* TOGGLE */

.navbar-toggler {
padding: .25rem .75rem;
font-size: 1.25rem;
line-height: 1;
background-color: transparent;
border: 1px solid transparent;
border-radius: .25rem;
transition: box-shadow .15s ease-in-out;
}

.icon-bar {
background-color: #888;
}

.icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
margin:5px 0;
}


/* DROPDOWN OPEN */

.dropdown:hover .dropdown-menu {
display: block;
animation: fadein 0.5s forwards;
}

@keyframes fadein {
from { opacity: 0; }
to   { opacity: 1; }
}


/* DROPDOWN INNER */

.dropdown-menu {
background-color: #000!important;
}

.dropdown-menu .dropdown-item {
background-color: #000;
font-size:1.4rem;
color: #fff;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all  1s ease;
}

.dropdown-menu .dropdown-item:hover {
background: #666;
}

.dropdown-item {
padding-left:2rem;
padding-right:2rem;
}

.header-bg-group {
/*background: #000;*/
background: #fff;
border-bottom:solid 1px #ccc;
}

a.nav-link.dropdown-toggle {
pointer-events: none;
}


/* FOOTER ==============================*/

footer {
margin: 0;
padding: 0;
}

.footer {
border-top: 1px solid #ddd;
margin: 0;
background: #fff;
font-size: 1.2rem;
padding: 50px 0;
color: #fff;
}

.footer a {
font-size: 1.2rem;
color: #fff;
text-decoration: none;
}

.footer-heading {
line-height: 1;
border-left: solid 3px #fff;
padding-left: 6px;
margin-bottom: 0.5rem;
}

.footer ul li {
margin-bottom: 1rem;
}

.footer-menu ul {
margin: 0 0 40px 0;
padding: 0; 
list-style: none;
}

.footer-menu ul li {
padding: 3px 0;
}

iframe {
width: 100%;
aspect-ratio: 16/9; //アスペクト比（縦横比）を指定
}


/* HEADER  */

.page-header-wrap {
position: relative;
}

.page-header-logo {
cursor: pointer;
width: 50px;
position: absolute;
padding: 5px;
right: 0;
bottom: 0;
}


/* BUTTON ===================*/

.btn {
color: #fff!important;
display: inline-block;
font-size: 1.4rem !important;
font-weight: 400;
line-height: 1.5;
color: #000;
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: 1.5rem 3rem !important;
font-size: 1rem;
border-radius: 0.25rem;
border-radius: 0rem !important;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-green {
width:200px;
padding:10px;
color: #fff!important;
font-size: 1.6rem;
background: #339900!important;;
border: solid 2px #339900;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}

.btn-green:hover {
color: #339900 !important;
border: solid 2px #339900;
background: #fff!important;;
}



/* TOPPAGE =============================*/

.header-title {
font-size:2.1rem;
font-weight: 500;
line-height:1;
color: #fff;
}

.top-heading {
margin-bottom:3rem !important;
line-height: 1;
}

.top-heading > span {
font-size: 1.4rem !important;
}

.carousel-title {
font-size: 2.1rem;
color: #fff;
}

.carousel-company {
font-size: 1.4rem;
color: #fff;
}

.carousel-description {
font-size: 1rem;
color: #fff;
}

.breadcrumbs {
width: 100%;
margin:30px 0 50px;
font-size:1.2rem !important;
}

.breadcrumbs span{
display: inline-block;
font-size:1.2rem !important;
}

.breadcrumbs .fa-angle-right {
margin-left: 10px;
margin-right: 10px;
}

.work-date {
font-size:1.2rem !important;
}



/* Post */

.post-card h3 {
margin-bottom:10px!important;
}

.top-article-box:hover {
background:#f4f4f4;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}
		
.row-border {
border-bottom:1px solid #ddd;
}
		
.top-article-box {
border-top:1px solid #ddd;
border-right:1px solid #ddd;
}
		
.post-card{
display:flex;
flex-direction:column;
height:100%;
}
		
.post-meta{
margin-top:auto;
}
		


/* ARTICLE */

.work-title {
font-size: 1.6rem !important;
font-weight: 500 !important;
margin-bottom:20px;
}

.size-full {
width:100%!important;
height:auto;
}

.article-vol {
font-weight: bold;
color: #339900;
}

.tag-list {
padding-left:5px;
display:inline-block;
line-heigh:1.2;
}

.tag-list p {
display:inline-block;
}

.tag-list p a {
display: block;
border:1px solid #000;
padding:2px 8px 3px;
border-radius:5px;
font-size:1.2rem;
margin-right:5px;
margin-top:5px;
font-weight:400!important;
color: #000;
}

.tag-list p a:hover {
display: block;
border:1px solid #339900;
padding:2px 8px 3px;
border-radius:5px;
font-size:1.2rem;
margin-right:5px;
margin-top:5px;
font-weight:400!important;
color: #339900;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}

.group-news {
max-width:680px;
margin: 0 auto 0;
}

.group-news ul {
list-style: none;
margin: 0;
padding: 0;
}

.group-news ul li {
margin: 0;
padding: 0 0 5px 0;
}

.post-meta {
font-size:1.2rem;
color: #999;
}

.post-meta a{
font-size:1.2rem;
color: #999;
}



/* PAGE ==================== */

.contents-wrap ul {
padding-left:0;
}

.contents-wrap ul li:before {
content: '\f00c';
color: #339900;
font-weight: 900;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
font-family: 'Font Awesome\ 5 Free';
margin-left: -1.5em;
padding-right: 0.5em;
}

.contents-wrap ul li {
list-style-type: none;
margin-left: 1.5em;
}

.contents-wrap .crp_related ul li:before  {
content: none;
margin-left: 0;
padding-right: 0;
}

.contents-wrap .crp_related ul li  {
margin-left: 0;
}


.row-border-left {
border-left:1px solid #ddd;
}


/* PAGER */

.pager {
margin-top:50px;
}

.wp-pagenavi {
display: flex;
}

.wp-pagenavi a {
font-family: 'Figtree', sans-serif !important;
}

.wp-pagenavi .pages {
display: block;
padding:5px 10px;
border: 1px solid #ccc!important;
margin-right: 3px;
font-family: 'Figtree', sans-serif !important;
}

.wp-pagenavi .current {
display: block;
color: #fff;
padding:5px 10px;
border: 1px solid #339900!important;
margin: 0 3px;
background: #339900!important;
}

.wp-pagenavi .page {
display: block;
padding:5px 10px;
border: 1px solid #ccc!important;
margin: 0 3px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}

.wp-pagenavi .page:hover {
color: #fff;
border: 1px solid #339900!important;
background: #339900!important;
}
				
.wp-pagenavi .nextpostslink {
display: block;
padding:5px 10px;
border: 1px solid #ccc!important;
margin: 0 3px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}
					
.wp-pagenavi .nextpostslink:hover {
color: #fff;
border: 1px solid #339900!important;
background: #339900!important;
}

.wp-pagenavi .previouspostslink {
display: block;
padding:5px 10px;
border: 1px solid #ccc!important;
margin: 0 3px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}
					
.wp-pagenavi .previouspostslink:hover {
color: #fff;
border: 1px solid #339900!important;
background: #339900!important;
}



/* Post navigation */

.nav-previous {
border:1px solid #ccc;
text-align: center;
width:120px;
padding:5px;
margin:0 5px;
}

.nav-next {
border:1px solid #ccc;
text-align: center;
width:120px;
padding:5px;
margin:0 5px;
}

.nav-index {
border:1px solid #ccc;
text-align: center;
width:120px;
padding:5px;
margin:0 5px;
}

.contents-wrap a {
color: #339900 ;
font-weight: bold !important;
}



/* SIDE MENU ==========*/

.side-menu {
}

.side-menu h4{
margin-bottom:20px;
}

.side-menu ul {
margin: 0 0 40px 0;
padding: 0; 
list-style: none;
}

.side-menu ul li {
padding: 3px 0;
}



/* COMMON ==========*/

.page.toppage {
padding: 40px 0 0px;
overflow: hidden;
}

.page {
padding: 0px 0 100px;
overflow: hidden;
}


.page h1, .page .h1 {
font-size: 2.4rem;
font-weight:500;
color: #000;
}

.page h2, .page .h2 {
font-size: 2.4rem !important;
font-weight:500;
color: #000;
margin-bottom:20px;
}

.page h3, .page .h3 {
font-size: 2.0rem;
font-weight:500;
color: #000;
margin-bottom:20px;
}

.page h4, .page .h4 {
font-size: 1.8rem;
font-weight:500;
color: #000;
margin-bottom:20px;
}

.page h5, .page .h5 {
font-size: 1.4rem;
font-weight:500;
color: #000;
margin-bottom:15px;
}

.page h6, .page .h6 {
font-size: 1.2rem;
font-weight:500;
color: #000;
margin-bottom:10px;
}

.page-section {
padding: 0 0 50px;
}

.page-lead {
font-size: 1.6rem;
font-weight: 500;
}

.heading-left.dblue{
border-left: 5px solid #000;
padding-left:10px;
}

.heading-left.blue{
border-left:5px solid #199ad1;
padding-left:10px;
}

.heading-left.orange{
border-left:5px solid #ef9a19;
padding-left:10px;
}

.heading-left.green{
border-left:5px solid #a1c201;
padding-left:10px;
}

.sidemenu-left-black{
font-size:1.6rem;
border-left:5px solid #000;
padding-left:10px;
}



/* MEMBERS ==========*/

.member-photo {
max-width:360px;
height: bauto;
}

.profile-name {
font-weight: 500;
font-size:1.8rem;
}

.member-table th {
width:95px;
}



/* RESULTS PAGE ==========*/

.result-table {
width: 100%;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}

.result-table th {
padding:10px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background: #f4f4f4;
}

.result-table td {
padding:10px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.register-table {
width: 100%;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}

.register-table th {
padding:10px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background: #f4f4f4;
}

.register-table td {
padding:10px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

table .center {
text-align: center;
}

table .left {
text-align: left;
}

table .right {
text-align: right;
}



/* FORM ====================*/

textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
padding: 1em 1em!important;
border: 1px solid #ccc;
margin-top:5px;
}

.wpcf7-response-output {
margin: 10px 0 30px 0!important;
}

.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 1em 1em!important;
border: 2px solid #00a0d2;
}

.wpcf7-form p {
margin-bottom:20px;
}

.wpcf7-form label{
font-weight: 300;
margin-top:10px;
width: 100%;
max-width: 100%;
}

.wpcf7-form label>span{
margin-top:10px;
}

 textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

input.wpcf7-text,
textarea.wpcf7-textarea {
margin-top:10px;
width: 100%;
max-width: 100%;
padding: 10px!important;
border: 1px solid #ccc!important;
}


input[type="submit" i] {
font-size: 1.6rem;
appearance: auto;
user-select: none;
white-space: pre;
align-items: flex-start;
text-align: center;
cursor: default;
box-sizing: border-box;
background-color: buttonface;
color: buttontext;
padding: 1px 6px;
border-width: 2px;
border-style: outset;
border-color: buttonborder;
border-image: initial;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
padding:20px!important;
cursor: pointer!important;
border: 2px solid #000;
background: #000;
color: #fff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}

input[type="submit" i]:hover {
border: 2px solid #000;
background: #fff;
color: #000;
}

.wpcf7-list-item {
display: inline-block;
margin: 0 10px 0 0 !important;
}



/* ================================== */
/* sm =============================== */
/* ================================== */
@media (min-width: 576px) {


/* HEADER ==============================*/

.page-header-logo {
width: 70px;
position: absolute;
padding: 5px;
right: 0;
bottom: 0;
}


/* CAROUSEL ==============================*/


.carousel {
margin-bottom: 20px;
}

.carousel-item {
  height:30rem!important;
}

.carousel-title {
font-size: 2.8rem !important;
}

.carousel-company {
font-size: 1.6rem !important;
}

.carousel-description {
font-size: 1.4rem !important;
}




/* PAGE ====================*/

.container, .container-sm {
max-width: 100%;
}


.page h1, .page .h1 {
font-size: 3.2rem;
font-weight:500;
color: #000;
margin-bottom:30px;
}

.page h2, .page .h2 {
font-size: 2.4rem !important;
font-weight:500;
color: #000;
}

.page h3, .page .h3 {
font-size: 2.0rem;
font-weight:500;
color: #000;
}

.page h4, .page .h4 {
font-size: 1.6rem;
font-weight:500;
color: #000;
}

.page h5, .page .h5 {
font-size: 1.4rem;
font-weight:500;
color: #000;
}

.top h6, .top .h6 {
font-size: 1.2rem;
font-weight:500;
color: #000;
}

.work-title {
font-size: 2rem !important;
}

} /* END*/


/* ================================== */
/* md =============================== */
/* ================================== */
@media (min-width: 768px) {


/* HEADER ==========*/

.page-header-logo {
width: 100px;
position: absolute;
padding: 5px;
right: 0;
bottom: 0;
}

.hvr-underline-from-center:before {
content: "";
position: absolute;
z-index: -1;
left: 51%;
right: 51%;
bottom: 0;
background: #339900;
height: 2px;
-webkit-transition-property: left, right;
transition-property: left, right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}

.navbar {
margin-top:-1px;
margin-bottom:-1px;
}


/* NAVI ==========*/

.navbar-nav .nav-link {
padding-top: 20px;
padding-bottom: 20px;
padding-right: 10px;
padding-left: 10px;
font-weight: 600;
font-size: 1.4rem;
}



/* TOP PAGE ==========*/


.page.toppage {
padding: 60px 0 0px;
overflow: hidden;
}

.page {
padding: 0px 0 0px;
}

.page-section {
padding: 0 0 80px;
}

.top h1, .top .h1 {
font-size: 4.6rem;
font-weight:400;
color: #000;
}

.top h2, .top .h2 {
font-size: 3.6rem;
font-weight:400;
color: #000;
}

.top h3, .top .h3 {
font-size: 2.4rem;
font-weight:400;
color: #000;
}

.top h4, .top .h4 {
font-size: 1.8rem;
font-weight:400;
color: #000;
}

.top h5, .top .h5 {
font-size: 1.4rem;
color: #000;
}

.top h6, .top .h6 {
font-size: 1.2rem;
color: #000;
}

.top-heading {
margin-bottom:3rem !important;
line-height: 1;
}

.top-heading > span {
font-size: 1.8rem!important;
}

.top h1 > span {
font-size: 2.4rem;
font-weight:400;
color: #000;
}

.top h2 > span {
font-size: 1.8rem;
font-weight:400;
color: #000;
}



/* LAYOUT ==============================*/

.section-padding{
padding-top: 80px;
padding-bottom: 80px;
}



/* HEADER ==========*/

.navbar-expand-md .navbar-collapse {
    display: flex!important;
    flex-basis: auto;
}

.nav-item {
    padding: 0 15px;
}



/* NAVI ==========*/

.navbar-dark {
background: transparent !important;
}

.header.change-color {
background: #000 !important;
transition: 0.3s;
}

/* DROPDOWN INNER */

.dropdown-menu {
background: #000;
margin-top:14px;
}




/* PAGE ====================*/

.header-title {
font-size: 2.6rem;
}

.container, .container-md, .container-sm {
    max-width: 1200px; 
}


.page h1{
font-size: 3.2rem;
font-weight:500;
color: #000;
margin-bottom:30px;
}

.page h2{
font-size: 2.4rem !important;
font-weight:500;
color: #000;
margin-bottom:30px;
}

.page h3{
font-size: 2.0rem;
font-weight:500;
color: #000;
margin-bottom:30px;
}

.page h4{
font-size: 1.6rem;
font-weight:500;
color: #000;
margin-bottom:10px;
}

.page h5{
font-size: 1.4rem;
font-weight:500;
color: #000;
}

.page h6{
font-size: 1.2rem;
font-weight:500;
color: #000;
}

.page h1 > span {
font-size: 2.4rem;
font-weight:500;
color: #000;
}




} /* END*/


/* ================================== */
/* lg =============================== */
/* ================================== */
@media (min-width: 992px) {

.carousel {
margin-top:0px;
margin-bottom: 20px;
}

.carousel-item {
  height:50rem!important;
}

.carousel-title {
font-size: 3.8rem !important;
}

.carousel-company {
font-size: 1.8rem !important;
}

.carousel-description {
font-size: 1.4rem !important;
}

.work-title {
font-size: 2.4rem !important;
}

} /* END*/


/* ================================== */
/* xl =============================== */
/* ================================== */
@media (min-width: 1200px) {

.carousel {
margin-top:0px;
margin-bottom: 20px;
}

.carousel-item {
  height:60rem!important;
}

.carousel-title {
font-size: 4.2rem !important;
}

.carousel-company {
font-size: 1.8rem !important;
}

.carousel-description {
font-size: 1.4rem !important;
}

} /* END*/


/* ================================== */
/* xxl ============================== */
/* ================================== */
@media (min-width: 1400px) {

.carousel {
margin-top:0px;
margin-bottom: 20px;
}

.carousel-item {
  height:70rem!important;
}

.carousel-title {
font-size: 4.2rem !important;
}

.carousel-company {
font-size: 1.8rem !important;
}

.carousel-description {
font-size: 1.4rem !important;
}

} /* END*/


/* reCAPTCHA */
.grecaptcha-badge {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease;
}