@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap');
  
/* FIXES  - COMMON */
html, body, *{
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  letter-spacing:0;
    color: #333;
}


.top-page .footerLogo a,
.top-page #headerModule-gNav .elm-logo a,
.top-page .spHeaderLogoArea.elm-logo a{
  pointer-events:none;
}

html{
  overflow:initial;
}
body{
  overflow-x: hidden;
  min-width:320px;
}
body, html{
  /*height: auto;*/
  max-width: 100vw;
  overflow-x: hidden;
}
picture{
  display:block;
}
.stt-lang-select, .stt-lang-select *, .stt-lang-select :after {
  background: 0;
  bottom: auto;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
  clip: auto;
  color: #333;
  cursor: pointer;
  direction: ltr;
  display: block;
  float: none;
  font: 400;
  font-size: 12px;
  height: auto;
  left: auto;
  letter-spacing: normal;
  line-height: 1;
  margin: 0;
  max-height: none;
  max-width: none;
  min-height: 0;
  min-width: 0;
  opacity: 1;
  outline: 0;
  overflow: visible;
  padding: 0;
  position: static;
  right: auto;
  text-align: left;
  text-decoration: none;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  top: auto;
  transform: none;
  transition: none;
  visibility: visible;
  white-space: normal;
  width: auto;
  word-spacing: normal;
  z-index: auto;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.stt-lang-select {
  position: fixed;
  background: #fff;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, .16);
  overflow: hidden;
  max-height: 40px;
  z-index: 999999999;
  border: 1px solid #eee
}

.stt-lang-select.disabled {
  opacity: .5
}

.stt-lang-select .stt-logo {
  display: none;
  position: absolute;
  z-index: 1;
  width: 24px;
  height: 25px
}

.stt-lang-select.loading .stt-logo {
  opacity: .5
}

.stt-lang-select .stt-text {
  position: relative;
  padding: 14px 26px 14px 16px
}

.stt-lang-select .stt-text:after {
  content: ▼
  display: block;
  position: absolute;
  top: 15px;
  right: 9px;
  font-size: 10px;
  color: #999
}

.stt-lang-select:not(.on):hover .stt-text:after {
  color: #333
}

.stt-lang-select.disabled:not(.on):hover .stt-text:after {
  color: #999
}

.stt-lang-select .stt-code {
  display: none;
  padding: 38px 0 6px;
  text-align: center
}

.stt-lang-select .stt-select {
  display: none;
  padding: 7px 0 7px 16px
}

.stt-lang-select .stt-select .stt-item {
  position: relative;
  padding: 7px 26px 7px 0;
	color: #000!important;
}

.stt-lang-select .stt-select .stt-item:after {
  content: '●';
  display: none;
  position: absolute;
  font-size: 10px;
  top: 8px;
  right: 9px;
  color: #999
}

.stt-lang-select .stt-select .stt-item.active:after {
  display: block
}

.stt-lang-select .stt-select .stt-item:hover:after {
  display: block;
  color: #333
}

@media (pointer:coarse) {
  .stt-lang-select .stt-select .stt-item:hover:after {
    display: none
  }
}

.stt-lang-select.on {
  max-height: 600px;
  transition: max-height .15s ease-in
}

.stt-lang-select.on .stt-text {
  display: none
}

.stt-lang-select.on .stt-select {
  display: block;
	background: #fff;
}

.stt-lang-select.tl {
  top: 0;
  left: 0;
  border-radius: 0 0 5px
}

.stt-lang-select.tl .stt-logo {
  left: 9px;
  top: 8px
}

.stt-lang-select.bl {
  bottom: 0;
  left: 0;
  border-radius: 0 5px 0 0
}

.stt-lang-select.bl .stt-logo {
  left: 9px;
  bottom: 5px
}

.stt-lang-select.tr {
  top: 0;
  right: 0;
  border-radius: 0 0 0 5px
}

.stt-lang-select.tr .stt-logo {
  left: 9px;
  top: 8px
}

.stt-lang-select.br {
  bottom: 0;
  right: 0;
  border-radius: 5px 0 0
}

.stt-lang-select.br .stt-logo {
  left: 9px;
  bottom: 5px
}

.stt-lang-select.cl, .stt-lang-select.cr {
  top: 50%;
  transform: translateY(-50%);
  width: 39px;
  max-height: 80px
}

.stt-lang-select.cl {
  left: 0;
  border-radius: 0 5px 5px 0
}

.stt-lang-select.cr {
  right: 0;
  border-radius: 5px 0 0 5px
}

.stt-lang-select.cl .stt-logo, .stt-lang-select.cr .stt-logo {
  left: 7px;
  top: 8px
}

.stt-lang-select.cl .stt-text, .stt-lang-select.cr .stt-text {
  display: none
}

.stt-lang-select.cl .stt-code, .stt-lang-select.cr .stt-code {
  display: block
}

.stt-lang-select.cl.on, .stt-lang-select.cr.on {
  width: 140px;
  max-height: 600px
}

.stt-lang-select.cl.on .stt-logo, .stt-lang-select.cr.on .stt-logo {
  top: 50%;
  margin-top: -12.5px
}

.stt-lang-select.cl.on .stt-code, .stt-lang-select.cr.on .stt-code {
  display: none
} 

/*Shutto翻訳*/
.stt-lang-select {
/*background: rgb(177 177 177 / 80%);*/
	    box-shadow: 1px 2px 3px rgb(0 0 0 / 16%);
	

    border: 1px solid #eee;
}
.stt-lang-select *, .stt-lang-select :after {
color: #fff;
}



/********************************************************************************/		
@media screen and (min-width:622px) and ( max-width:990px) {
.stt-lang-select.tr {
top: 5.4%!important;
border-radius: 5px 0 0 5px;
}
.spShow-flex {
border: 1px solid #E8E8E8;
}		
}		

/********************************************************************************/		
@media (max-width: 661px) {
.stt-lang-select.tr {
top: 9%;
border-radius: 5px 0 0 5px;
}
.spShow-flex {
border: 1px solid #E8E8E8;
}		



/*各カテゴリーページのタイトル*/
h1.contetMainTtl.eng {
font-size: 34px;
line-height: 100%;
margin: 20% 0 20% 0;
}	

}


.headerLink a,
.stt-lang-select .stt-text,
#headerModule-gNav .elm-nav a.headerMenu,
.montserrat{
  font-family: 'Montserrat', sans-serif;
}
#headerModule-gNavChild {
  position: fixed;
  width: 100vw;
  left: 0;
}
.stt-lang-select{
  height: 26px;
}
.stt-lang-select .stt-text {
  padding: 5px 12px 5px 16px;
  display:flex;
  justify-content:center;
  align-items:center;
  width: 124px;
  box-sizing:border-box;
  font-size:14px;
  font-size:0.93rem;
    background: #fff;
    color: #000;
}
.stt-lang-select .stt-text:after {
 /* content: '';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6'%3E%3Cpath d='M4,0,8,6H0Z' transform='translate(8 6) rotate(180)' fill='%23fff'/%3E%3C/svg%3E");*/
  top: inherit;
  position:relative;
  flex:0 0 auto;
  right: inherit;
  width:8px;
  height:6px;
  margin-left:8px;
}
#headerModule-gNav {
  padding: 0 25px 0 200px;
  padding: 0 15px 0 180px;
  border-top:none;
  box-sizing:border-box;
  height:80px;
}
#headerModule-gNav .elm-logo{
  height:100%;
  top:0;
  display:flex;
}
#headerModule-gNav .elm-logo a,
#headerModule-gNav .elm-logo .elm-logo-img{
  display: flex;
  justify-content:flex-start;
  align-items:center;
}
#headerModule-gNav a.elm-logo-img img{transition:opacity 0.3s}
#headerModule-gNav a.elm-logo-img:hover img{opacity:0.7}
#headerModule-gNav .elm-nav a.headerMenu{
  font-size:16px;
  font-size:1.06rem;
  letter-spacing:0;
}
#headerModule-gNav .elm-nav a.headerMenu{
  padding:0 12px;
}
#headerModule-gNav .elm-nav a.headerMenu i{
  width:8px;
  height:6px;
  margin-left:6px;
}
.fa-sort-down:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6'%3E%3Cpath id='Polygon_1' data-name='Polygon 1' d='M4,0,8,6H0Z' transform='translate(8 6) rotate(180)'/%3E%3C/svg%3E%0A");
  width:8px;
  height:6px;
  display:block;
}
#headerModule-gNav .elm-nav a.headerMenu:hover i.fa-sort-down:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6'%3E%3Cpath id='Polygon_1' data-name='Polygon 1' d='M4,0,8,6H0Z' transform='translate(8 6) rotate(180)' fill='%23fff'/%3E%3C/svg%3E%0A");
}
#header{
  height:80px;
}
.headerMa {
  padding-top: 80px;
}
.elm-logo a[href=""]{
  pointer-events:none;
}
#headerModule-gNav .elm-func, #headerModule-gNav .elm-logo, #headerModule-gNav .elm-nav{
  line-height:80px;
}
#footer{
  padding-bottom:0;
  margin-bottom:0;
}
#footer {
  position: relative;
  border-top: none;
  background: #EDEDED;
  margin-bottom: 0;
  padding-bottom:0;
}
.footerWrap{
  padding: 60px 90px;
  display: flex;
  justify-content: space-between;
  /* justify-content: center; */
  align-items:flex-start;
  max-width:100%;
  box-sizing: content-box;
  width: auto;
}
.footerCont.cen{
  width: 144px;
}

.footerCont.cen,
.footerCont{
  /* width:calc(20% - 15px); */
  margin-right:30px;
  flex: 0 0 0;
  /* flex: 1 0 0; */
}
.footerWrap > .footerCont:last-child{
  margin-right:0;
}

.footerCont .footerLinkArea:nth-of-type(n + 1){
  margin-top:0;
}

.js-HMNav-trigger[t="1"]:hover ~ #headerModule-gNavChild .headerModule-gNavSection[t="1"],
#headerModule-gNavChild .headerModule-gNavSection[t="1"]:hover,
.js-HMNav-trigger[t="2"]:hover ~ #headerModule-gNavChild .headerModule-gNavSection[t="2"],
#headerModule-gNavChild .headerModule-gNavSection[t="2"]:hover,
.js-HMNav-trigger[t="3"]:hover ~ #headerModule-gNavChild .headerModule-gNavSection[t="3"],
#headerModule-gNavChild .headerModule-gNavSection[t="3"]:hover,
.js-HMNav-trigger[t="4"]:hover ~ #headerModule-gNavChild .headerModule-gNavSection[t="4"],
#headerModule-gNavChild .headerModule-gNavSection[t="4"]:hover,
.js-HMNav-trigger[t="5"]:hover ~ #headerModule-gNavChild .headerModule-gNavSection[t="5"],
#headerModule-gNavChild .headerModule-gNavSection[t="5"]:hover,
.js-HMNav-trigger[t="6"]:hover ~ #headerModule-gNavChild .headerModule-gNavSection[t="6"],
#headerModule-gNavChild .headerModule-gNavSection[t="6"]:hover,
.js-HMNav-trigger[t="7"]:hover ~ #headerModule-gNavChild .headerModule-gNavSection[t="7"],
#headerModule-gNavChild .headerModule-gNavSection[t="7"]:hover{
  display:block;
}
#headerModule-gNavChild .headerModule-gNavSection .inSet{
  width:100%;
  min-width:100%;
}
.headerGNavIn .inSet .headerModule-gNav-bnr{
  height:180px;
    /*height:220px;*/
  padding:0px 90px;
  justify-content:center!important;
  align-items:center;
  max-width:1200px;
  margin:0 auto;
  /* flex-wrap:nowrap; */
}
#headerModule-gNavChild .headerModule-gNavSection#section-lifestyle .headerModule-gNav-bnr a,
#headerModule-gNavChild .headerModule-gNavSection#section-living .headerModule-gNav-bnr a,
#headerModule-gNavChild .headerModule-gNavSection .headerModule-gNav-bnr a{
  margin-bottom:0;
  height:60px!important;
  /*flex: 0 0 25%;
  flex: 0 0 auto;
  width: 25%;*/
  box-sizing:border-box;
  font-weight:normal;
  font-family: 'Montserrat', sans-serif;
  letter-spacing:0;
    line-height: 150%;
}
.footerLogo,
.footerLinkIcon{
  width:144px;
}
.footerLogo a{
  display:block;
}
.footerLogo a img{
  transition:opacity 0.3s;
}
.footerLogo a:hover img{
  opacity:0.7;
}
.footerLogo img{
  width:100%;
}
.footerLinkIcon{
  display:flex;
  justify-content:space-between;
}
.footerLinkIcon > a{
  margin:0;
  width:auto;
}
.footerLinkIcon > a > img{
  width:40px;
  transition:opacity 0.3s;
}
.footerLinkIcon > a:hover > img{
  opacity:0.7;
}
footer a{
  font-family: 'Montserrat', sans-serif;
  line-height:1.3;
  letter-spacing:0;
}
.footerCont > .footerLinkArea{
  margin-bottom:30px;
}
.footerCont > .footerLinkArea:last-of-type{
  margin-bottom:0;
}
.footerLink.parent{
  margin-bottom:0;
}
.footerLink.parent > a{
  font-size:22px;
  font-size:1.466666rem;
}
.spFChild{
  padding-top:10px;
}
.spFChild .footerLink a{
  font-weight:normal;
}
.spFChild .footerLink {
  font-size: 12px;
  font-size: 0.8rem;
  line-height: 1.3;
  margin-bottom: 8px;
  padding-left:5px;
}
.spFChild > .footerLink:last-of-type {
  margin-bottom: 0;
}
.footerLink.parent span {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  display:inline-flex;
}
.copyrightArea{
  padding-left:90px;
  padding-right:90px;
}
.copyright {
  font-size: 12px;
  font-weight: normal;
  line-height: 1;
  color: #FFF;
  letter-spacing:0.2px;
  font-family: 'Montserrat', sans-serif;
  display:block;
  width:100%;
}
.footerLink.parent{
  margin-top:-0.4rem;
}
@media not screen and (max-width: 991px){
  /* FIXES */
  .hideOnPc{
    display:none !important;
  }
  .footerLink.parent.spFAc .spFChild{
    display:block !important;
    height:inherit !important;
    padding-top: 10px !important;
  }
}

@media screen and (max-width: 991px){
  /* FIXES */
  .hideOnSp{
    display:none !important;
  }
  .headerMenu.headerParent{
    font-weight:bold;
  }
  .spNavArea{
    transform: translateX(-100%);
    top:60px;
    height: calc(100vh - 60px);
    overflow-y:auto;
    overscroll-behavior-y: contain;
  }
  .headerMenu i {
    top: 50%;
    transform: translateY(-50%) rotate(0);
  }
  .stt-lang-select.tr{
    display:none;
  }
  #header{
    height:60px;
  }
  .spShow-flex{
    padding:0 15px 0 0;
  }
  .spHeader{
    height:60px;
    border-top:none;
    border-right:none;
    border-left:none;
  }
  .headerMa {
    padding-top: 60px;
  }
  .spHeaderLogoArea.elm-logo{
    flex-basis: 150px;
    width:150px;
  }
  .spHeaderBarArea {
    flex:0 0 auto;
    width:55px;
    height:60px;
    margin-top:-1px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
  .spHeaderBar:before{
    top: -8px;
  }
  .spHeaderBar:after{
    top: 8px;
  }
  .spHeaderBar:before,
  .spHeaderBar:after,
  .spHeaderBar{
    height:3px;
    width:25px;
  }
  .spNavAreaIn{
    border-bottom:1px solid #000;
  }
  .headerMenu, .headerLink{
    border-top:1px solid #000;
  }
  .headerMenuChild li{
    border-top:none;
  }
  .headerMenuChild > li:first-of-type > a{
    padding-top:5px;
  }
  .headerLink {
    font-size: 14px;
    padding: 0;
    border-top: 1px solid #000;
    position: relative;
  }
  .headerLink a{
    display:block;
    padding:7px 25px;
    font-size:0.9rem;
  }
  .headerMenu{
    font-family: 'Montserrat', sans-serif;
    letter-spacing:0;
    font-size:1.1rem;
    font-weight:normal;
    padding: 14px 15px;
    cursor:pointer;
  }
  .headerMenuChild{
    padding-bottom:15px;
  }
  .headerMenu.has-child{
    position:relative;
  }
  .headerMenu.has-child:before, .headerMenu.has-child:after{
    content: "";
    position: absolute;
    top: 21px;
    right: 15px;
    width: 20px;
    background-color: #000;
    height: 3px;
    transition: transform .5s;
  }
  .headerMenu.has-child:after {
    transform: rotate(90deg);
  }
  .open.headerMenu.has-child:after {
    transform: rotate(360deg);
  }
  .contentWid2.footerWrap {
    padding: 25px 15px;
    max-width: 100%;
    width: 100%;
    box-sizing:border-box;
  }
  .footerCont.cen,
  .footerCont {
    width: 100%;
  }
  .footerLogo, .footerLinkIcon{
    width:100%;
  }
  .footerLogo{
    max-width:198px;
  }
  .footerLinkIcon{
    max-width:200px;
  }
  .spFAc{
    cursor:pointer;
  }
  .spFAc:before, .spFAc:after{
    margin:0;
    right:10px;
    top:10px;
    background-color:#000;
    height:3px;
  }
  .footerLink.parent > a{
    font-size:1.1rem;
    font-weight:bold;
    padding-left:15px;
    display:block;
  }
  .footerLink.parent.spFAc > a{
    width:calc(100% - 50px);
  }
  .footerCont > .footerLinkArea{
    margin-bottom:0;
  }
  .footerCont:last-of-type .footerLinkArea:last-of-type{
    border-bottom: 1px solid #000;
  }
  .spFChild{
    margin:0;
    padding:0;
  }
  .spFChild .footerLink{
    padding-left:10px;
  }
  .spFChild .footerLink a{
    padding-left:10px;
  }
  .spFChild > li:first-of-type{
    padding-top:8px;
  }
  .spFChild > li:last-of-type{
    padding-bottom:5px;
  }
  .footerLink.parent{
    font-size:18px;
    margin-top:0;
  }
  .footerLink.parent > a:hover{
    text-decoration:none;
  }
  .footerLinkArea{
    border-bottom: 1px solid #000;
    border-top:none;
  }
  .footerCont:last-of-type .footerLinkArea:last-of-type{
    border-top:none;
    margin-bottom:0;
  }
  .footerLinkArea:last-of-type{
    margin-bottom:0;
  }
  .footerCont:last-of-type{
    border-bottom: none;
  }
  .footerLinkArea a{
    font-size:11px;
    font-weight:normal;
  }
  .copyrightArea {
    padding-left: 15px;
    padding-right: 15px;
  }
}
#headerModule-gNav{
  padding-right:0;
  padding-left:220px;
}
#headerModule-gNav .elm-nav{
  max-width:1000px;
}
.has-max-width,
.contents-inner{
  max-width: 1400px;
  margin-right: auto;
  margin-left: auto;
}


/* MODULES */
.m-button-link{
  font-family: 'Montserrat', sans-serif;
  line-height:1.3;
  font-weight:bold;
  font-size:20px;
  font-size:1.33rem;
}
.m-arrow-link{
  font-family: 'Montserrat', sans-serif;
  line-height:1.3;
  font-weight:bold;
  font-size:16px;
  font-size:1.066rem;
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  padding-right:38px;
  position:relative;
  transition:opacity 0.3s;
}
.m-arrow-link:hover{
  opacity:0.6;
}
.m-arrow-link::before{
  content:'';
  width:16px;
  height:2px;
  display:block;
  position:absolute;
  right:13px;
  top:50%;
  transform:translateY(-50%);
  background:#000;
}
.m-arrow-link::after{
  content:'';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10'%3E%3Cpath d='M5,0l5,14H0Z' transform='translate(14) rotate(90)'/%3E%3C/svg%3E");
  width:14px;
  height:10px;
  display:block;
  position:absolute;
  right:3px;
  top:50%;
  transform:translateY(-50%);
  transition: transform 0.15s ease-in;
}
.m-arrow-link:hover::after{
  transform: translateY(-50%) translateX(3px);
}

.m-pdf-button,
.m-more-button{
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
}
.m-pdf-button::after,
.m-more-button span{
  display:block;
  width:55px;
  height:55px;
  border:solid 2px #000;
  border-radius:100%;
  margin-left:10px;
  position:relative;
  box-sizing:border-box;
  background-color:transparent;
  transition: background-color 0.15s ease-in;
  flex:0 0 auto;
}
.m-pdf-button::after{
  content:'';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16'%3E%3Cpath d='M-1555,19h-10V9h4v2h-2v6h8V15h2v4Zm6-6h-10V3h12V13Zm0-2V5h-8v6Z' transform='translate(1565 -3)'/%3E%3C/svg%3E");
  background-position:center center;
  background-repeat:no-repeat;
  background-size:18px auto;
  background-color:transparent;
}
.m-more-button span::before{
  content:'';
  width:20px;
  height:2px;
  display:block;
  position:absolute;
  left:14px;
  top:50%;
  transform:translateY(-50%);
  background:#000;
}
.m-more-button span::after{
  content:'';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10'%3E%3Cpath d='M5,0l5,14H0Z' transform='translate(14) rotate(90)' fill='%23000'/%3E%3C/svg%3E");
  background-position:center center;
  background-repeat:no-repeat;
  background-size:contain;
  width:14px;
  height:10px;
  position:absolute;
  left:26px;
  top:50%;
  transform:translateY(-50%);
  transition: transform 0.15s ease-in;
}
a:hover .m-more-button span::after,
a.m-more-button:hover span::after{
  transform: translateY(-50%) translateX(3px);
}

.m-button-link.m-white-button,
.m-black-bg .m-button-link{
  color:#fff;
}
.m-pdf-button.m-white-button::after,
.m-more-button.m-white-button span,
.m-black-bg .m-pdf-button::after,
.m-black-bg .m-more-button span{
  border-color:#fff;
}

a:hover .m-pdf-button::after,
a:hover .m-more-button span,
a.m-pdf-button:hover::after,
a.m-more-button:hover span{
  background-color:rgba(0, 0, 0, 0.3);
  background-color:#b2b2b2;
}

a:hover .m-pdf-button.m-white-button span,
a:hover .m-more-button.m-white-button span,
a:hover .m-black-bg .m-pdf-button span,
a:hover .m-black-bg .m-more-button span,
a.m-black-bg:hover .m-pdf-button span,
a.m-black-bg:hover .m-more-button span,
.m-black-bg a:hover .m-pdf-button span,
.m-black-bg a:hover .m-more-button span,
a.m-pdf-button.m-white-button:hover span,
a.m-more-button.m-white-button:hover span,
a.m-black-bg .m-pdf-button:hover span,
a.m-black-bg .m-more-button:hover span{
  background-color:rgba(255, 255, 255, 0.3);
  background-color:#4d4d4d;
}



.m-more-button.m-white-button span::before,
.m-black-bg .m-more-button span::before{
  background:#fff;
}
.m-more-button.m-white-button span::after,
.m-black-bg .m-more-button span::after{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10'%3E%3Cpath d='M5,0l5,14H0Z' transform='translate(14) rotate(90)' fill='%23fff'/%3E%3C/svg%3E");
}
.m-title{
  font-size: 40px;
  font-size: 2.6rem;
  font-weight: bold;
  font-family: 'Montserrat', sans-serif;
  line-height: 1.2;
}
.m-subtitle{
  font-size: 16px;
  font-size: 1.06rem;
  font-weight: bold;
  display:block;
  padding-left:18px;
  position:relative;
  line-height:1.75;
  margin-top:8px;
}
.m-subtitle::before{
  content:'';
  width:10px;
  height:2px;
  display:block;
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  background-color:#000;
}
.m-subsection-title{
  font-size:22px;
  font-size:1.467rem;
  font-weight:bold;
  line-height:1.4;
  display:block;
}
.m-black-bg{
  background:#000;
}
.m-black-bg .m-title,
.m-black-bg .m-subtitle{
  color:#fff;
}
.m-black-bg .m-subtitle::before{
  background:#fff;
}
.m-has-dark-bg h1,
.m-has-dark-bg h2,
.m-has-dark-bg h3,
.m-has-dark-bg h4,
.m-has-dark-bg h5,
.m-has-dark-bg p,
.m-has-dark-bg li,
.m-has-dark-bg a{
  color:#fff;
  border-color:#fff;
}
@media screen and (max-width: 991px){
  .m-pdf-button::after{
    background-size: 13px auto;
  }
  .m-pdf-button::after,
  .m-more-button span{
    width: 40px;
    height: 40px;
  }
  .m-more-button span::before {
    width: 11px;
    left: 10px;
    height:1.5px;
  }
  .m-more-button span::after {
    left: 17px;
    width:10px;
  }
  .m-title{
    font-size:30px;
    font-size:2rem;
    line-height:1.1;
  }
}
#header > .container-fullSpace{
  max-width:100%;
  border-bottom: 1px solid #e8e8e8;
  background:#fff;
}
#header #headerModule-gNav{
  border-bottom:none;
}




/* ----- inside pages common ----- */
.inside-main-title-bloc{
  padding:40px 0;
  position:relative;
  border-left:solid 20px black;
}
.inside-main-title-container{
  padding-left:70px;
  box-sizing: border-box;
  line-height:inherit;
}
.inside-main-title{
  display:block;
  font-size:40px;
  font-size:2.667rem;
  font-weight:bold;
  font-family: 'Montserrat', sans-serif;
  letter-spacing:0;
  line-height:1.25;
}
.inside-main-title-container p{
  display:block;
  padding-top:18px;
  font-size:14px;
  font-size:0.934rem;
  line-height:1.4;
  margin:0;
}
.inside-main-title-container .inside-main-subtitle{
  font-size:22px;
  font-size:1.467rem;
  font-weight:bold;
  line-height:1.3;
  padding-top:30px;
}



.distributor{
  padding:80px 90px 100px 90px;
  position:relative;
}
.distributor-title{
  display:block;
  text-align:center;
  font-size:30px;
  line-height:1.3;
  font-size:2rem;
  font-weight:bold;
  font-family: 'Montserrat', sans-serif;
  padding-bottom:40px;
}

.distributors-list{
  display:flex;
  justify-content:space-between;
}
.distributors-list li{
  width:calc(33.3333% - 30px);
}
.distributors-list li a{
  display:flex;
  flex-direction:column;
  height: 100%;
}
.distributors-list li a figure{
  padding-right:20px;
  flex: 0 0 auto;
}
.distributors-list li a figure picture{
  background:#000;
}
.distributors-list li a figure img{
  width:100%;
  height:auto;
  display:block;
  transition:opacity 0.3s;
}
.distributors-list li a:hover figure img{
  opacity:0.7;
}
.distributors-list li a .list-desc{
  width:calc(100% - 20px);
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  margin-left:20px;
  background:#000;
  color:#fff;
  padding:9px 55px 9px 15px;
  margin-top:-25px;
  flex: 1 1 auto;
  justify-content: center;
  position:relative;
}
.distributors-list li a .list-desc strong{
  font-weight:bold;
  line-height:1.3;
  letter-spacing:-0.5px;
  font-family: 'Montserrat', sans-serif;
  font-size:20px;
  font-size:1.33rem;
  color:#fff;
}
.distributors-list li a .list-desc small{
  font-weight:bold;
  line-height:1.3;
  font-size:14px;
  font-size:0.934rem;  
  color:#fff;
}

.distributors-list li a .list-desc::before {
  content: '';
  width: 16px;
  height: 2px;
  display: block;
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  background: #fff;
}

.distributors-list li a .list-desc::after{
  content:'';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10'%3E%3Cpath d='M5,0l5,14H0Z' transform='translate(14) rotate(90)' fill='%23fff'/%3E%3C/svg%3E");
  width:14px;
  height:10px;
  position:absolute;
  right:20px;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.15s ease-in;
}
.distributors-list li a:hover .list-desc::after{
  transform: translateY(-50%) translateX(3px);
}
.distributors-sublist{
  display:flex;
  padding-top:80px;
}
.distributors-sublist li{
  width:25%;
  display:flex;
}
.distributors-sublist li a{
  display:flex;
  width:100%;
  box-sizing:border-box;
  height:100%;
  flex-direction:column;
  align-items:center;
  padding:30px 15px 0 15px;
  border-left:solid 1px #D9D9D9;
}
.distributors-sublist li:first-of-type a{
  border-left:none;
}
.distributors-sublist li a figure{
  flex:0 0 auto;
  padding-bottom:40px;
}
.distributors-sublist li a figure img{
  width:80px;
  transition:opacity 0.3s;
}
.distributors-sublist li a .list-desc{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:space-between;
  flex:1 1 auto;
  padding-bottom:30px;
  position:relative;
}

.distributors-sublist li a:hover figure img{
  opacity:0.6;
}

.distributors-sublist li a .list-desc strong{
  font-weight:bold;
  line-height:1.3;
  letter-spacing:-0.5px;
  font-family: 'Montserrat', sans-serif;
  font-size:20px;
  font-size:1.33rem;
  text-align:center;
  padding-bottom:10px;
  text-decoration-color: transparent;
  transition:text-decoration-color 0.3s;
}
.distributors-sublist li a:hover .list-desc strong{
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 3px;
  text-decoration-color: #000;
}


.distributors-sublist li a .list-desc small{
  line-height:1.3;
  font-size:14px;
  font-size:0.934rem; 
}
.distributors-sublist li a .list-desc::before {
  content: '';
  width: 16px;
  height: 2px;
  display: block;
  position: absolute;
  left: calc(50% - 12px);
  bottom:4px;
  background: #000;
}

.distributors-sublist li a .list-desc::after{
  content:'';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10'%3E%3Cpath d='M5,0l5,14H0Z' transform='translate(14) rotate(90)' fill='%23000'/%3E%3C/svg%3E");
  width:14px;
  height:10px;
  position:absolute;
  left:50%;
  bottom: 0;
  transition: transform 0.15s ease-in;
}
.distributors-sublist li a:hover .list-desc::after{
  transform: translateX(3px);
}

@media screen and (max-width: 1150px) and (min-width: 991px){
  .footerWrap {
    padding: 60px 30px;
  }
  .footerCont {
    margin-right:15px;
  }

}


@media screen and (max-width: 991px) and (min-width: 767px){
  .distributor {
    padding: 50px 40px 80px 40px;
  }
  .distributors-sublist{
    padding-top:60px;
  }
  .distributors-list li {
    width: calc(33.3333% - 10px);
  }
  .distributors-sublist li a{
    padding:15px 10px 0 10px;
  }
  .distributors-sublist li a figure{
    padding-bottom:20px;
  }
  .distributors-sublist li a figure img {
    width: 70px;
  }
  .distributors-sublist li a .list-desc strong {
    font-size: 18px;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 767px){
  .distributor {
    padding:70px 15px;
  }
  .distributors-list {
    flex-direction:column;
  }
  .distributors-list li{
    width:100%;
    padding-bottom:30px;
  }
  .distributors-list li:last-of-type{
    padding-bottom:0;
  }
  .distributors-list li a .list-desc{
    flex:0 0 auto;
  }

  .distributors-sublist{
    display:block;
    padding-top:50px;
  }
  .distributors-sublist li{
    width:100%;
    display:block;
  }
  .distributors-sublist li a{
    width:100%;
    height:auto;
    flex-direction:row;
    align-items:flex-start;
    justify-content:flex-start;
    padding:20px;
    border-left:none;
    border-bottom:solid 1px #D9D9D9;
  }
  .distributors-sublist li a figure {
    padding-bottom: 0;
    width:65px;
    padding-right:30px;
    box-sizing:content-box;
  }
  .distributors-sublist li a figure img{
    width:100%;
  }
  .distributors-sublist li a .list-desc,
  .distributors-sublist li a .list-desc strong,
  .distributors-sublist li a .list-desc small{
    text-align:left;
    align-items:flex-start;
  }
  .distributors-sublist li a .list-desc{
    flex: 0 0 auto;
  }
  .distributors-sublist li a .list-desc::before{
    left:0;
  }
  .distributors-sublist li a .list-desc::after{
    left:12px;
  }
    
    
  .footerLinkIcon > a > img {
    margin: 6px 0px;
    padding: 3px 6px 0 7px;
}  
    
    
}

@media screen and (max-width: 991px){
  .inside-main-title-bloc{
    padding:28px 0;
    border-left-width:15px;
  }
  .inside-main-title-container{
    padding-left:20px;
  }
  .inside-main-title{
    /* font-size:35px; */
    /* font-size:2.333rem; */
    font-size:30px;
    font-size:2rem;
  }
  .inside-main-title-container p{
    padding-top: 15px;
  }
  .inside-main-title-container .inside-main-subtitle{
    font-size:18px;
    padding-top: 25px;
  }
}