@charset "UTF-8";

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	font-size: .875rem;
}

html {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  font-size: 14px;
}

body {
 min-width: 0;
 font-family: 'Noto Sans JP', sans-serif;
 font-size: 14px;
 font-size: .875rem;
 font-weight: 400;
 line-height: 1.8;
 color: #2d2d2d;
 letter-spacing: .05em;
 word-wrap: break-word;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 -webkit-text-size-adjust: 100%;
 background-color: #fff;
 }
@keyframes bggradient{
	0% {background-position: 0% 50%;}
	50% {background-position: 100% 50%;}
	100% {background-position: 0% 50%;}
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin: 0 0 1.5rem;
  font-family: inherit;
  font-weight: 700;
  line-height: 1.5;
  color: inherit;
}

.en {font-family: 'Mukta Vaani', sans-serif;font-weight: 800;}
.font_noto {font-family: 'Noto Sans JP', sans-serif;}
.font_robot {font-family: 'Roboto', sans-serif;}
.font_mukta {font-family: 'Mukta Vaani', sans-serif;}
.font_w500 {font-weight: 500;}
.font_w600 {font-weight: 600;}
.font_w700 {font-weight: 700;}
.font_w800 {font-weight: 800;}
.font_w900 {font-weight: 900;}

.mb_0 {margin-bottom: 0 !important;}

/* 標準テキスト */
.entry__content p,.article-body p,p {text-align: justify;text-justify: inter-ideograph; /* IE用 */margin: 0 0 20px;line-height: 1.8;}
.entry__content p:last-child,.article-body p:last-child {margin: 0 !important;}
.entry__content p.center_left {text-align: left;}

/* リスト */
main ul, main ol, footer ul, footer ol {margin: 0 0 0 22px;}
main ul li, main ol li, footer ul li, footer ol li {margin: 0 0 15px;line-height: 1.4;}
main ul li:last-child, main ol li:last-child, footer ul li:last-child, footer ol li:last-child {margin-bottom: 0;}
ul.reset, ol.reset {margin: 0;padding: 0;list-style: none;}
ul.reset li, ol.reset li {margin-left: 0;padding-left: 0;list-style: none;}
ul.row {margin: 0 -15px;padding: 0;}
ul.row li.col {list-style: none;margin: 0;}
ul.com {margin: 0;padding: 0 0 0 20px;}
ul.com li {margin: 8px 0 0;line-height: 1.5;}
ul.com li:first-child {margin: 0;}

/* dl, dt, dd */
dl {margin: 0;}
dl.type-A dt, dl.type-A dd {border-top: 0;padding: 15px 0;margin: 0;line-height: 1.7;}
dl.type-A dt {font-weight: bold;letter-spacing: 1.0px;padding-bottom: 10px;}
dl.type-A dd {border-bottom: 1px solid #d5d5d5;padding-top: 0;}
dl.type-A dt.first {border-top: 1px solid #d5d5d5;}
dl.type-A dd a {color: #3c3e39;text-decoration: underline;}
dl.type-A dd a:hover {color: #da3200;text-decoration: none;}

img {max-width: 100%;height: auto;vertical-align: middle;}
img.radius_10-14 {border-radius: 10px;}

/* ボタン */
.btn_box {
max-width: 160px;
margin: 0px auto;
padding: 10px;
display: block;
background-color: #ffbb33;
border: 1px solid #2d2d2d;
border-radius: 2px;
font-size: 0.875rem;
font-weight: 700;
text-align: center;
color: #2d2d2d !important;
line-height: 1.3;
position: relative;
transition: all 0.2s linear 0s;
text-decoration: none !important;
}
.btn_box::after {
content: "";
width: 11px;
height: 11px;
margin-top: 3px;
border-style: solid solid hidden hidden;
border-top-width: 2px;
border-right-width: 2px;
border-color: initial;
transform: rotate(45deg) translateY(-50%) translateX(-50%);
position: absolute;
top: 50%;
bottom: auto;
right: 10px;
}
.btn_box:hover {background-color: #000 !important;color: #fff !important;-webkit-transform: translate(0, 3px);transform: translate(0, 3px);opacity: 1;}
.btn_box:hover::after {color: #fff;}
.btn_box.white {background-color: #fff;}
.btn_box.white::after {}
.btn_box.white:hover {/* background-color: #f27733; */}
.btn_box.blank:after {content: "\f35d";}
.btn_box.btn_s {width: 180px;font-size: .75rem;padding: 10px;}
.btn_box.btn_s:after {font-size: .875rem;margin-top: -7px;}

.btn_box.btn_L {max-width: 300px;font-size: 1rem;padding: 20px 10px;}

.btn_box.outline {border: 1px solid #3c3e39;background-color: #fff;color: #3c3e39 !important;}
.btn_box.outline::after {color: #3c3e39;}
.btn_box.outline:hover {background-color: #eae259;}

button.com {display: block;max-width: 320px;width: 100%;margin: 0 auto;border: 0;padding: 0;}
button.com a {display: block;position: relative;padding: 10px;background-color: #fff;border: 0;outline: 1px solid #fff;border-radius: 0;font-family: 'Roboto';font-size: .875rem;font-weight: 500;text-align: center;text-decoration: none !important;color: #000;}
button.arrow_right a {transition: .2s linear;-webkit-transition: .2s linear;-moz-transition: .2s linear;-o-transition: .2s linear;-ms-transition: .2s linear;}
button.arrow_right a:before,button a:after {display: block;position: absolute;content: "";transition: all 0.3s;}
button.arrow_right a:before {width: 40px;height: 1px;background-color: #000;top: 0px;bottom: 0;right: 17px;margin: auto;}
button.arrow_right a:after {content: '';width: 0;height: 0;border-style: solid;border-width: 7px 0 0px 18px;border-color: transparent transparent transparent #000;position: absolute;top: 50%;right: 15px;margin-top: -6px;}

button.arrow_right a:hover {outline: 1px solid #fff;color: #fff;background-color: #000;opacity: 1;}
button.arrow_right a:hover:before/*,button a:hover:after*/ {right: 7px;background-color: #fff;}
button.arrow_right a:hover:after {right: 5px;border-color: transparent transparent transparent #fff;background-color: transparent;}

button.arrow_right.ol a {outline: 1px solid #000;background-color: #000;color: #fff;}
button.arrow_right.ol a:before/*,button.arrow_right.ol a:after*/ {background-color: #fff;}
button.arrow_right.ol a:after {border-color: transparent transparent transparent #fff;background-color: transparent;}

button.arrow_right.ol a:hover {outline: 1px solid #000;color: #000;background-color: #fff;opacity: 1;}
button.arrow_right.ol a:hover:before/*,button.arrow_right.ol a:hover:after*/ {right: 10px;background-color: #000;}
button.arrow_right.ol a:hover:after {right: 5px;border-color: transparent transparent transparent #000;background-color: transparent;}

button.contact {margin-top: 50px;}

.fasm {position: relative;}
.fasm:before {
    display: inline-block;
    font-family: "Font Awesome 5 free";
    font-weight: bold;
    line-height: 1;
    opacity: 1;
    position: absolute;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media (min-width: 768px) {
	html {font-size: 16px;}
	body {min-width: 1200px;}
	img.radius_10-14 {border-radius: 14px;}
	.btn_box {max-width: 180px;padding: 12px;}
	.btn_box::after {right: 12px;}
	button.arrow_right a:before {width: 50px;}
	button.contact {margin-top: 80px;max-width: 380px;}
}

.phone_call {
		display: inline-block;
		font-family: niveau-grotesk, "sans-serif";
		font-weight: 500;
		font-style: normal;
		font-size: 2.25rem;
		position: relative;
		padding-left: 35px;
		text-align: center;
		letter-spacing: 0px;
}
.phone_call:before {
    content: "\f879";
    font-size: 1.75rem;
    top: 48%;
    left: 0;
    margin-top: -11px;
}
.phone_call a {color: #3c3e39 !important;text-decoration: none !important;margin: 0;padding: 0;}
/*:after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.clearfix:after, .clearfix:before, ul:after, ul:before {display: table;content: " ";}
.clearfix:after, ul:after {clear: both;}*/

:after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.clearfix:after, .clearfix:before {display: table;content: " ";}
.clearfix:after, ul:after {clear: both;}

.sp {display: block !important;}
.tb {display: none !important;}
.pc {display: none !important;}
.sp.tb {display: block !important;}

a, a img {
  outline: none;
  text-decoration: none !important;
  color: #382628;
  transition: .2s linear;
  -webkit-transition: .2s linear;
  -moz-transition: .2s linear;
  -o-transition: .2s linear;
  -ms-transition: .2s linear;
}
a, a:visited {color: #a3212b;text-decoration: underline !important;padding: 0;}
a:hover, a:focus, a:active {color: #137b75;text-decoration: none !important;}
a:hover {opacity: .7;}
a img:hover {opacity: .6;}

/* ページ内リンク先ID */
span.anchor {
  position: relative;
  top: 0;
  left: 0;
}
span.anchor a {
  position: absolute;
  top: -170px;
  left: 0;
}

.row {margin-top: -30px;margin-right: -10px;margin-left: -10px;}
.row.reverse {flex-flow: row-reverse;}
.row .col { padding-top: 30px; padding-right: 10px;padding-left: 10px;}
.row_0 {margin: 0 !important; padding: 0 !important;}
.row_0 .col {margin: 0 !important;padding: 0 !important;}
.row_top20 {margin-top: -20px;}
.row_top20 .col { padding-top: 20px;}

/* パンくずリスト */
.pankuzu {background-color: #d8d8c5;padding: 6px 0 7px;color: #999;font-weight: 500;/* letter-spacing: .5px; */display: none;}
.pankuzu .container {line-height: 1.4;}
.pankuzu span {font-size: .687rem;color: #555;}
.pankuzu a {text-decoration: none !important;color: #555;}
.pankuzu a span {text-decoration: none !important;color: #555;}
.pankuzu a span:hover {color: #86c45f;text-decoration: underline !important;}
.home .pankuzu {display: none;}

@media screen and (max-width: 575px) {
  .col-xs-6.col-sm:nth-child(2n+1) {clear: left;}
}


@media screen and (min-width: 768px) {
	.btn_box.btn_L {max-width: 400px;font-size: 1.125rem;padding: 25px 10px;}
	ul.com {
	}
	ul.com li {
	}
	ul.com li:first-child {
	}
  dl {margin: 0;}
  dl.type-A dt,
  dl.type-A dd {padding: 20px 0;}
  dl.type-A dt {float: left;}
  dl.type-A dd {padding-left: 15em;}
  dl.type-A dt.first {border-top: 0;}
  dl.type-A dd.first {border-top: 1px solid #d5d5d5;}
  dl.type-A dd a {color: #3c3e39;text-decoration: underline;}
  dl.type-A dd a:hover {/* color: #da3200; *//* text-decoration: none; */}

	.row {margin-top: -50px;margin-right: -15px;margin-left: -15px;}
	.row.reverse_md {flex-flow: row-reverse;}
	.row .col { padding-top: 50px; padding-right: 15px;padding-left: 15px;}
	.row_top20 {margin-top: -20px;}
	.row_top20 .col { padding-top: 20px;}

	.sp {display: none !important;}
	.tb {display: block !important;}
  .tb.pc {display: block !important;}

  .entry__content p.center_left {text-align: center;}

  a[href^="tel:"] {pointer-events: none;}
}

@media screen and (min-width: 992px) {
	.sp.tb {display: none !important;}
  .tb {display: none !important;}
  .pc {display: block !important;}
}




/* header
   ================================================== */
.header {height: 60px;z-index: 20;/* position: static; *//* margin-top: -60px; */}
.header .wrapper {position: relative;width: 100%;height: 60px;}
.header .site_title,
.header .bnr_shallwe_wrap,
.header .tel_wrap,
.header .fb_wrap,
.header .global_nav,
.header .contact_wrap {display: none;}
.header .site_title {position: absolute;display: block;/* top: 20px; *//* left: 20px; */}
.header .site_title .header_description {font-size: .625rem;font-weight: 500;margin: 6px 0 0;color: #666;line-height: 1.0;display: none;}
.header .site_title h1.header_title {width: 190px;margin: 0;padding: 23px 0 0 20px;position: relative;z-index: 100;}
.header .site_title h1.header_title a {display: block;padding: 0;margin: 0;}
.header .site_title h1.header_title img {display: block;/* width: 170px; */}
.header a, .header a:visited {color: #222;}
.header a:hover, .header a:focus, .header a:visited:hover, .header a:visited:focus {color: #f27733;}
.sub_nav_wrap {display: none;}
.sub_nav_wrap .sns {display: inline-block;margin-right: 20px;vertical-align: middle;}
.sub_nav_wrap .sns span {display: inline-block;padding: 5px;line-height: 1;}
.sub_nav_wrap .sns span i {font-size: 1.75rem;color: #1878f3;}
.sub_nav_wrap .sns span a {
}
.sub_nav_wrap .sns .ig {
}
.sub_nav_wrap .sns .ig i {color: #cf2f93;}
.sub_nav_wrap .sns .fb i {color: #1878f3;}
.sub_nav_wrap .sns .yt i {color: #ff0000;}

@media (min-width: 768px) {
  .header {height: 72px;margin-top: 0px;}
  .header .wrapper {height: 72px;}
  .header .site_title,
  .header .bnr_shallwe_wrap,
  .header .tel_wrap,
  .header .fb_wrap,
  .header .global_nav,
  .header .contact_wrap {display: block;position: absolute;top: 0;}
  .header .site_title {top: 25px;left: 40px;}
  .header .site_title .header_description {font-size: .75rem;margin: 6px 0 0;}
  .header .site_title h1.header_title {width: 255px;padding-top: 2px;}
  .header .site_title h1.header_title a {}
	.header .site_title h1.header_title img {/* width: 340px; */}
	.sub_nav_wrap {position: absolute;display: block;top: 0;right: 40px;height: 50px;}
	.sub_nav_wrap .sub_gnav {display: inline-block;margin: 0;padding: 0;}	
	.sub_nav_wrap .sub_gnav li {display: inline-block;margin-right: 20px;font-size: .8125rem;font-weight: 700;}	
	.sub_nav_wrap .sub_gnav li i {
    margin-right: 5px;
    font-size: .75rem;
    color: #7c7e77;
}	
	.sub_nav_wrap .sub_gnav li a {text-decoration: none !important;color: #7c7e77;}		
	.sub_nav_wrap .contact {display: inline-block;width: 370px;}
	.sub_nav_wrap .contact .row {margin-right: 0px;margin-left: 0px;}
	.sub_nav_wrap .contact .col {padding-right: 0px;padding-left: 0px;}
	.sub_nav_wrap .contact .box {border: 2px solid #86c45f;line-height: 25px;text-align: center;height: 50px;}
	.sub_nav_wrap .contact .mail {}
	.sub_nav_wrap .contact .mail .box {border-radius: 4px 0 0 4px;border-right: 0;}
	.sub_nav_wrap .contact .mail a {background-color: #86c45f;color: #fff;text-decoration: none !important;padding: 11px 12px 10px;display: block;}
	.sub_nav_wrap .contact .mail a:hover {background-color: #70a54f;}
	.sub_nav_wrap .contact .mail a i {margin-right: 5px;font-size: 1rem;}
	.sub_nav_wrap .contact .tel {}
	.sub_nav_wrap .contact .tel .box {background-color: #ffffff;padding: 12px 12px;border-radius: 0 4px 4px 0;}
	.sub_nav_wrap .contact .phone_call {font-size: 1.25rem;padding-left: 20px;font-weight: 700;}
	.sub_nav_wrap .contact .phone_call a {color: #86c45f !important;}
	.sub_nav_wrap .contact .phone_call:before {top: 4px;left: 0;margin: 0;font-size: 1rem;color: #86c45f;}
	.header .global_nav {top: auto;bottom: -20px;right: 40px;}
}


/* nav
   ================================================== */
#nav-toggle {display: inline-block;position: absolute;top: 15px;right: 20px;z-index: 1000;}
nav.main-nav.global_nav_sp {width: 100%;height: auto;border-bottom: 2px solid #222;border-right: none;background: #233380;padding: 15px 0;top: -150%;left: 0;z-index: 90;}
nav.main-nav.global_nav_sp.show-nav {top: 80px;left: 0;height: calc(100vh - 80px);overflow-y: scroll;}
.global_nav.pc_nav {display: none;}
.main-nav.global_nav_sp {
width: 220px;
position: fixed;
top: 0;
left: -220px;
height: 100%;
border-right: 2px solid #222;
-moz-transition: left 0.5s ease, top 0.5s ease;
-o-transition: left 0.5s ease, top 0.5s ease;
-webkit-transition: left 0.5s ease, top 0.5s ease;
transition: left 0.5s ease, top 0.5s ease;
}
.main-nav.global_nav_sp ul {list-style: none;padding: 0;margin: 0 15px;}
.main-nav.global_nav_sp li {text-align: center;font-size: 1.2em;font-weight: 700;}
.main-nav.global_nav_sp li {border-bottom: 1px solid #fff;text-align: left;list-style-type: none;margin: 0;padding: 0;border: 0;margin-bottom: 4px;}
.main-nav.global_nav_sp li.contact, .main-nav.global_nav_sp li.privacy {display: none;}
.main-nav.global_nav_sp li:last-child {border: 0;padding-right: 0;} 
.main-nav.global_nav_sp li a {position: relative;display: block;background-color: #fff;padding: 10px 25px;color: #222;font-size: 1.125rem;text-decoration: none !important;border-radius: 4px;}
.main-nav.global_nav_sp li a:hover {background-color: #999;}
.main-nav.global_nav_sp li a:after {content: "\f054";display: inline-block;font-family: "Font Awesome 5 free";font-size: 20px;font-weight: 600;line-height: 1;opacity: 1;color: #222;position: absolute;top: 50%;right: 25px;margin-top: -10px;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.menu-icon {
display: block;
position: relative;
width: 40px;
height: 40px;
border: 2px solid #86c45f;
-moz-border-radius: 50%;
/* -webkit-border-radius: 50%; */
/* border-radius: 50%; */
}
.menu-icon span {
width: 22px;
display: block;
height: 2px;
background: #86c45f;
position: absolute;
left: 7px;
-moz-transition: -moz-transform 0.33s ease-out, width 0.2s linear;
-o-transition: -o-transform 0.33s ease-out, width 0.2s linear;
-webkit-transition: -webkit-transform 0.33s ease-out, width 0.2s linear;
transition: transform 0.33s ease-out, width 0.2s linear;
}
.menu-icon .top {
top: 11px;
}
.content-shrink .menu-icon .top {
top: 17px;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.menu-icon .mid {
top: 17px;
}
.content-shrink .menu-icon .mid {
display: none;
}
.menu-icon .bot {
top: 23px;
}
.content-shrink .menu-icon .bot {
top: 17px;
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
 
.main-nav.global_nav_sp .sub_nav {margin: 40px;}
.main-nav.global_nav_sp .sub_nav div {margin-bottom: 15px;}
.main-nav.global_nav_sp .sub_nav div:last-child {margin-bottom: 0;}
.main-nav.global_nav_sp .sub_nav div a {display: block;}
.main-nav.global_nav_sp .sub_nav .tel a {padding: 0 40px;}
.main-nav.global_nav_sp .sub_nav .contact {margin: 20px 0}
.main-nav.global_nav_sp .sub_nav .contact a {border: 1px solid #fff;padding: 10px 40px;}
.main-nav.global_nav_sp .sub_nav .bnr_shallwe a {
}
    
@media (min-width: 1200px) {
	.main-nav.global_nav_sp,#nav-toggle {display: none;}
	.global_nav.pc_nav {display: block;}
	.global_nav ul {font-size: 0;margin: 0;}
	.global_nav ul li {/* display: inline-block; *//* padding: 0 20px; *//* margin: 0; *//* border-right: 1px solid #222; *//* font-size: 1.0rem; *//* font-weight: 500; *//* list-style: none; */}
	.global_nav ul li a {color: #222;margin: 0;padding: 0;text-decoration: none !important;}
	.global_nav ul .home,.global_nav ul .contact,.global_nav ul .privacy {display: none;}
	.header .global_nav ul .home,.header .global_nav ul .contact,.header .global_nav ul .privacy {display: none;}
	.global_nav ul .company {border: 0;padding-right: 0;}
}



/* nav-global_pc 01
   ================================================== */
nav.pc_nav.stroke ul.main {
  list-style: none;
  text-align: center;
}
nav.pc_nav.stroke ul.main > li {
  display: inline-block;
  border: 0;
  padding: 0;
  font-size: .9375rem;
  /* font-weight: 700; */
  letter-spacing: .5px;
}
nav.pc_nav.stroke ul.main > li a {
  display: block;
  padding: 15px;
  text-decoration: none;
  color: #3c3e39;
  font-weight: 500;
  text-transform: uppercase;
  text-transform: none;
  margin: 0 10px;
}
nav.pc_nav.stroke ul.main > li a,
nav.pc_nav.stroke ul.main > li a:after,
nav.pc_nav.stroke ul.main > li a:before {
  transition: all 0.5s;
}
nav.pc_nav.stroke ul.main > li a:hover {
  color: #86c45f;
  font-weight: 600;
  opacity: 1;
}
nav.stroke ul.main > li a {
  position: relative;
}
nav.stroke ul.main > li a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0%;
  content: ".";
  color: transparent;
  background: #86c45f;
  height: 1px;
}
nav.stroke ul.main > li a:hover:after {width: 100%;}

nav.stroke .drop {
  min-width: 150px;
  /* padding: 15px 0; */
  position: absolute;
  margin-left: -7px;
  background: #86c45f;
  z-index: 100;
  transition: 0.5s padding, 0.5s background;
}
nav.stroke .business .drop {/* margin-left: -60px; */}
nav.stroke .construction .drop {margin-left: -30px;}
nav.stroke .award .drop {margin-left: -4px;}
nav.stroke .quality .drop {margin-left: -38px;}
nav.stroke .company .drop {margin-left: -20px;}
nav.stroke ul li:not(:hover) > .drop {
  padding: 0;
  background: #86c45f;
  z-index: 99;
}
nav.stroke .drop > * {
  overflow: hidden;
  height: 42px;
  padding: 10px 10px;
  background: rgba(0, 0, 0, 0);
  white-space: nowrap;
  transition: 0.5s height cubic-bezier(0.73, 0.32, 0.34, 1.5), 0.5s padding cubic-bezier(0.73, 0.32, 0.34, 1.5), 0.5s margin cubic-bezier(0.73, 0.32, 0.34, 1.5), 0.5s 0.2s color, 0.2s background-color;
}
nav.stroke .drop > *:hover {
  background: #70a54f;
}
nav.stroke ul li:not(:hover) > .drop > * {
  visibility: hidden;
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin: 0;
  color: rgba(25, 25, 25, 0);
  transition: 0.5s 0.1s height, 0.5s 0.1s padding, 0.5s 0.1s margin, 0.3s color, 0.6s visibility;
  z-index: 99;
}
nav.stroke .drop li {/* padding: 10px 10px; */}
nav.stroke .drop li a {padding: 0 !important;color: #fff !important;}
nav.stroke .drop li a:after {height: 0 !important;}


@media screen and (min-width: 768px) {
}


/* Footer
   ================================================== */
.footer {margin: 0;padding: 0;background-color: transparent;}
.footer a:link, .footer a:visited {color: #fff;text-decoration: none !important;padding: 0;}
.footer a:hover, .footer a:active {color: #137b75;}
.footer a:hover {opacity: .7;}

/* Footer Info / Nav --------------------------- */
.footer section.info_nav {background-color: #000;margin: 0;padding: 15px 20px;}
.footer section.info_nav .container {max-width: 1080px;margin: auto;padding: 0;}
.footer section.info_nav .wrap {}
.footer section.info_nav .row {}
.footer .f_nav {display: none;}
.footer .f_nav .inner .title {text-align: left;}
.footer .f_info {}
.footer .f_info .box {}
.footer .f_info .logo {}
.footer .f_info .logo {margin: 0 auto 20px;width: 270px;}
.footer .f_info .logo a {display: block;}
.footer .f_info .logo a img {}
.footer .f_info .info {font-size: .75rem;line-height: 2;}
.footer .f_info .info a {}
.footer .f_info .info span {font-size: 1rem;font-weight: 700;letter-spacing: 1.5px;}
.footer .f_info .biz {font-size: .75rem;margin-top: 15px;}
.copyright {margin: 0;font-family: Verdana, Geneva, "sans-serif";font-size: .75rem;color: #fff;letter-spacing: 1px;}

@media screen and (min-width: 576px) {
	.footer .bnr .f_bnr li {-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;}
}

@media screen and (min-width: 768px) {
	.footer {}
	.footer section.info_nav {
    padding: 30px 20px;
}
	.footer section.info_nav .container {}
	.footer section.info_nav .wrap {
	}
	.footer section.info_nav .row {flex-flow: row-reverse;margin-top: 0;}
	.footer .f_nav {display: block;border-left: 0px solid #3c3e39;padding-left: 20px;padding-top: 0;}
	.footer .f_nav .box {}
	.footer .f_nav .row {flex-flow: inherit !important;flex-grow: unset;}
	.footer .f_nav .col {padding-top: 0;}
	.footer .f_nav .col:nth-child(1) {-ms-flex: 0 0 23%;
    flex: 0 0 23%;
    max-width: 23%;}
	.footer .f_nav .col:nth-child(2) {-ms-flex: 0 0 31%;
    flex: 0 0 31%;
    max-width: 31%;}
	.footer .f_nav .col:nth-child(3) {-ms-flex: 0 0 27%;
    flex: 0 0 27%;
    max-width: 27%;}
	.footer .f_nav .col:nth-child(4) {-ms-flex: 0 0 19%;
    flex: 0 0 19%;
    max-width: 19%;}
	.footer .f_nav .inner {}
	.footer .f_nav .inner .title {font-size: 1.125rem;margin-bottom: 15px;}
	.footer .f__nav {margin: 0;padding: 0;text-align: initial;}
	.footer .f__nav li {list-style: none;}
	.footer .f_info {padding-top: 0;}
	.footer .f_info .box {}

	.box {}
	.footer .f_info .logo {
	}
	.footer .f_info .logo {margin: 0 0 20px;width: 300px;}
	.footer .f_info .logo a {
	}
	.footer .f_info .logo a img {
	}
	.footer .f_info .info {text-align: initial;}
	.footer .f_info .info {}
	.footer .f_info .info a {}
	.footer .f_info .info span {
	}
	.footer .f_info .biz {
	}
	.copyright {}
}

@media screen and (min-width: 992px) {
	.footer .contact .container {padding: 0 60px;}
	.footer .bnr .container {max-width: 1200px;}
	/*.footer .bnr .f_bnr li {-ms-flex: 0 0 14.285714%;flex: 0 0 14.285714%;max-width: 14.285714%;}*/
	.footer .bnr .f_bnr li {-ms-flex: 0 0 16.66666%;flex: 0 0 16.66666%;max-width: 16.66666%;}
	/*.footer .bnr .f_bnr li {-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;}*/
}