@charset "UTF-8";

/*****   style2   ******/

------------------------------------------------------------------------*/

body, h1, h3, h4, h5, div, p, ul, ol, li, table{margin: 0px; padding: 0px; }

body{ font-size: 86%;-webkit-text-size-adjust: 100%; }

h1, h2, h3, h4, h5, p, li, dt, dd, th, td, select{ color: #4D4D4D; }

table, img{border:none;}

p, li, dt, dd{line-height: 1.6; }

ul, ol{list-style-type:none; }

form{margin: 0px; padding: 0px; }
div {
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  overflow:hidden;
}

/*  COMMON CSS
------------------------------------------------------------------------*/

p{ margin-bottom: 20px; }

/* text  */

.clear{ clear: both; font-size: 0px; line-height: 0; margin: 0px; padding: 0px; }

strong.dokan{ font-weight: normal; }

.both{ clear:both;}


/* clearfix ---- */
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix{display: inline-block; }
/* Except MacIE \*/
* html .clearfix{height: 1%;}
.clearfix{display: block; }
/* End   ------ */



h1 {
     padding: 5px;
     font-family: "YakuHanJP",Osaka,sans-serif;
}


h2 {
     padding: 0px;
     font-weight: bold;
     margin:5px 0px 0px 0px;
}

h3 {
     padding: 5px;
     font-weight: bold;
}

h4 {
     padding: 5px;
     font-weight: bold;
}


/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 

/* �w�b�_�[���i�r�Q�[�V���� */
ul#h_link{ position: absolute; right: 0px; bottom: 7px; margin-bottom: 0px; padding-bottom: 0px; line-height: 1.0; }

ul#h_link li{background:url(images/mark/ic_tri_red01.gif) no-repeat 0px 4px; padding: 0px 0px 0px 8px; float: left; margin-right: 8px; font-size:9px;letter-spacing:-0.5px; }
ul#h_link li a{text-decoration: none; }
ul#h_link li a:link{color:#C11818; }
ul#h_link li a:visited{color: #A6A6A6;}
ul#h_link li a:hover{color: #F85D5D; text-decoration: underline;  }
ul#h_link li a:active{color: #F85D5D; text-decoration: underline;  }

  
#main .site-hd {
  display: flex;
  justify-content: center;
  text-align: center;
  font-weight: 700;
}
#main .site-hd::before,
#main .site-hd::after {
  display: block;
  content: '';
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225px%22%20height%3D%2225px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(51%2C%2051%2C%2051)%22%20d%3D%22M7.775%2C3.800%20L16.315%2C0.957%20L24.211%2C24.678%20L7.775%2C3.800%20ZM0.0%2C17.999%20L3.0%2C11.0%20L19.416%2C24.436%20L0.0%2C17.999%20Z%22%2F%3E%3C%2Fsvg%3E') 0 0 / 100% auto no-repeat;
}
#main .site-hd::after {
  transform: rotateY(180deg);
}
@media screen and (max-width: 768px) {
  #main .site-hd {
    align-items: flex-start;
    margin: calc(27 * 100vw / 750) 0;
    padding-top: 20px;

  }
  #main .site-hd span {
    margin: 0 calc(10 * 100vw / 750);
    font-size: calc(40 * 100vw / 750);
    line-height: calc(60 * 100vw / 750);
  }

  #main .site-hd::before,
  #main .site-hd::after {
    width: calc(48 * 100vw / 750);
    height: calc(48 * 100vw / 750);
  }
  
.pc { 
  display: none !important; 
}
.sp { display: block !important; }
}

@media screen and (min-width: 769px) and (max-width: 9366px) {
  #main .site-hd {
    align-items: center;
    margin: calc(20 * 100vw / 1366) 0;

  }
  #main .site-hd span {
    margin: 0 calc(5 * 100vw / 1366);
    font-size: calc(26 * 100vw / 1366);
    line-height: 1;
  }
  #main .site-hd::before,
  #main .site-hd::after {
    width: calc(24 * 100vw / 1366);
    height: calc(24 * 100vw / 1366);
  }
}

@media print, screen and (min-width: 9200px) {
  #main .site-hd {
    align-items: center;
    margin: 20px 0;

  }
  #main .site-hd span {
    margin: 0 5px;
    font-size: 26px;
    line-height: 1;
  }
  #main .site-hd::before,
  #main .site-hd::after {
    width: 24px;
    height: 24px;
  }
}

/*--------------------------------------------
IPO導引術の歴史
---------------------------------------------*/
#ipo {
     border: 1px solid #aaa;
     width: 90%;
     margin: 0 auto;
}
#ipo .flex {
     display: flex;
}
.ipo_box, .ipo_box_1 {
  padding: 20px;
}

.ipo_box img {
     width: 150px;
     height: auto;
}
.ipo_box_1 {
  width: 800px;
  height: auto;
}
.ipo_box_txt {
     line-height: 1.5;
}
.ipo_box_btn {
     background-color: #4d3d4b;
     color: #fff;
     font-weight: 500;
     display: block;
     background-image: url(/ren1909/images/ui/icon/arrow_white.png);
     background-repeat: no-repeat;
     background-position-x: right;
     background-position-y: center;
}
#ipo h3 {
     margin-bottom: 20px;
} 
@media screen and (max-width: 768px) {
#ipo {
       margin-top: calc(90 * 100vw / 750);
       padding-left: calc(40 * 100% / 750);
       padding-right: calc(40 * 100% / 750);
}
#ipo .flex {
       display: flex;
       flex-direction: column;
}
     
.ipo_box_1 {
       flex-flow: column wrap;
       justify-content: center;
       padding: 10px 0;
}
.ipo_box {
  padding: 0;
}
.ipo_box_txt {
       font-size: calc(30 * 100vw / 750);
}
.ipo_box_logo {
       min-width: calc(180 * 100vw / 750);
       width: calc(180 * 100vw / 750);
       margin: 0 auto 20px;
}
.ipo_box_btn {
       border-radius: calc(45 * 100vw / 750);
       background-size: calc(15 * 100vw / 750) calc(25 * 100vw / 750);
       background-position-x: calc(100vw * 535 / 750);
       font-size: calc(30 * 100vw / 750);
       line-height: calc(90 * 100vw / 750);
       width: calc(590 * 100vw / 750);
       height: calc(90 * 100vw / 750);
       padding-left: calc(41 * 100vw / 750);
       margin-top: calc(34 * 100vw / 750);
}
.ipo_box img {
      width: 100%;
      height: auto;
}
.line-texts {
      display: none;
}
}

@media screen and (min-width: 769px) {
#ipo {
       margin-top: calc((100 - 30) * 100vw / 1366);
       overflow: hidden;
}
.ipo_box_logo {
       min-width: calc(80 * 100vw / 1366);
       width: calc(80 * 100vw / 1366);
       height: calc(80 * 100vw / 1366);
}
.ipo_box_txt {
       margin-left: 30px;
       font-size: calc(16 * 100vw / 1366);
}
.ipo_box_btn {
       border-radius: calc(15 * 100vw / 1366);
       background-size: calc(6 * 100vw / 1366) calc(10 * 100vw / 1366);
       background-position-x: calc(244 * 100vw / 1366);
       font-size: calc(14 * 100vw / 1366);
       line-height: calc(30 * 100vw / 1366);
       width: calc(260 * 100vw / 1366);
       height: calc(30 * 100vw / 1366);
       padding-left: calc(14 * 100vw / 1366);
       margin-top: calc(40 * 100vw / 1366);
       float: right;
}
}

/*---------------------------------
アクセス
---------------------------------*/
aside {
  margin-top: 100px;
}
aside h2 {
  text-align: center;
  padding: 30px;
  font-size: 25px;
  margin-top: 80px;
}

aside h3 span {
  display: inline-block;
}
aside address {
font-style: normal;
}
.address {
  margin-left: 380px;
}
#map .flex {
  display: flex;
  justify-content: center;
  align-items: end;
}

#map ul {
  padding: 10px;
}
#map ul li {
  font-size: 15px;
}
#map .one {
  font-size: 15px;
  text-align: right;
}
#map .box iframe {
  width: 500px;
  height: 560px;
}
#map .aside-map {
  width: 700px;
  height: auto;
}
.photo .box img {
  padding: 10px;
  width: 260px;
  height: 300px;
}
.photo_button {
  text-align: center;
}
@media screen and (max-width: 768px) {
.photo .flex {
    flex-direction: column;
}
#map .flex {
  flex-direction: column;
}
#map .box {
  width: 100%;
}
#map .box iframe {
  width: 100%;
  height: auto;

}
#map .box img {
  width: 100%;
}

.photo .box img {
  padding: 15px;
  width: 100%;
  height: auto;
}
.address {
  margin-left: 0;
}


}
 
 
   
  
   
   
/*---------------------------------
3つの気のトレーニング横並び
---------------------------------*/

#menu2{
  background-color: #C2CA2E;
  padding: 30pX;
  margin-top: 50px;
  
}
#menu2 h2{
  font-size: 1.5rem;
  text-align: center;
  margin-bottom: 20px;
}
#menu2 .flex{
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
#menu2 .box{
  width: 350px;
  margin-bottom: 20px;
}
#menu2 .box img{
  width: 100%;
  height: auto;
}
#menu2 .box p{
  text-align: justify;
  margin-bottom: 20px;
}
#menu2 .box a{
  display: inline-block;
  padding: 10px 50px;
  background: #73A82D;
  color: white;
  text-decoration: none;
  border-radius: 30px;
}
#menu2 .box a:hover{
  opacity: 0.8;
}
#menu2 p{
  font-size: 13px;
}
#menu2 h3 {
  font-size: 20px;
  padding: 5px;
  text-align: center;
  margin-top: 0;
}

   
@media screen and (max-width:600px) {
#menu2{
      padding-left: 2px;
      padding-right: 2px;
      
}
#menu2 h2{
      font-size: 1.3rem;

}
#menu2 h3{
    font-size: 1.4rem;
    margin-top: 10px;
}
#menu2 .box p{
    font-size: 0.9rem;
}
.button_p {
  text-align: center;
  
}

}



#event p {
    font-size: 16px;
    text-align: center;

  }
#event {
  margin-bottom: 50px;
  margin-top: 80px;
  max-width: 1000px;
  margin: 0 auto;
}
#event .flex {
  display: flex;
  
}
#event .box {
  padding-top: 30px;
}
#event h2 {
  text-align: center;
  margin-top: 80px;
  border-bottom:solid black 1px;
}
#event .title-t {
  margin-bottom: 10px;
}
#event img {
  padding: 10px;
}
#event .photo_i {
  width: 700px;
  margin: 0 auto;
}

@media screen and (max-width:600px) {
#event {
    width: 100%;
    margin-bottom: 100px;
  }
#event p {
    margin-top: 20px;
    padding: 0 10px;
    text-align: left;

  }
#event p span{
    display: inline-block;

  }

#event .flex {
  flex-direction: column;  
}
#event h2 span {
  display: inline-block;
}
#event img {
  width: 100%;
  height: auto;
  padding: 5px;
}
#event {
  margin-bottom: 50px;
}


#event .photo_i {
  width: 100%;
  margin: 0 auto;
}

#event .sp .button_i {
  text-align: center;
  
}
}


#instagram {
  margin-bottom: 50px;
  margin-top: 80px;
  max-width: 1000px;
  margin: 0 auto;
}
#instagram .flex_1 {
  display: flex;
  justify-content: center;
}
#instagram .box_2 {
  padding: 20px;
}
#instagram .box_3 {
padding: 10px;
margin: 30px 50px;
}
#instagram .box_3 .ameba_rogo {
  width: 40px;
}
#instagram .flex{
  flex-direction: column;
}

#instagram h2 {
  margin-top: 20px;
  border-bottom:solid black 1px;
  display:inline-block;
  font-size: 20px;
}
@media screen and (max-width:600px) {
  
#instagram {
    text-align: center;
}
  
#instagram .flex_1 {
  flex-direction: column;
}
}



/*---------------------------------
本
---------------------------------*/
#book {
  background-color: #F7EDD0;
  padding-top: 80px;
  padding-bottom: 100px;

}
#book .flex{
  display: flex;
  justify-content: center;
  align-items: flex-start;
  background-color: #F7EDD0;
  padding: 40px;
}
#book .book_photo{
  width: 250px;
  height: auto;
}
#book a{
  text-align: left;
}
 
#book h2 {
  font-size: 1.6rem;
  text-align: center;
  font-weight: bold;
  
}
#book h3 {
  font-size: 20px;
  padding: 0;
  text-align: left;
}  
 
#book h3 strong{
  color: red;
}
#book .box {
  padding: 0 30px;
} 
#book .box .one {
  margin: 10px;
}
#book p {
  line-height: 1;
}
.button_w {
  text-align: right;
}
@media screen and (max-width:600px) {
#book .flex{
    margin: 5px;
    flex-direction: column;
    padding: 0 10px;
}
#book {
    margin-top: 0;
}  

#book .book_photo{
  width: 100%;
  height: auto;
  
}
#book .book_photo_a{
  margin: 0 auto;
}
#book h2 span{
  display: inline-block;
}

#book h3 {
  font-size: 25px;
  padding: 20px 0;
  text-align: center;
  margin-bottom: 10px;
} 
#book h3 span{
  display: inline-block;
}
#book h4 {
  margin: 0;
  line-height: 1.2;
}

#book p {
  margin-left: 10px;
}

#book .box {
  padding: 0;
} 

}
  



#business-trip {
  margin-top: 100px; 
  
}
#business-trip h2{
  padding: 20px;
}
#business-trip .box{
padding: 15px;
margin-left: 120px;
}
#business-trip p{
  padding-top: 20px;
}


#business-trip ul li{
  text-align: left;
}
#business-trip .flex{
  display: flex;
  
}
@media screen and (max-width:600px) {
  #business-trip .flex{
flex-direction: column;
text-align: center;
  }
  #business-trip .box{
    padding: 10px;
    margin-left: 0;
    }
    #business-trip ul li{
      margin-left: 10px;
    }
    #business-trip h2{
      padding: 20px 0px;
    }
    
}
 
   
/*--------------------------------------------
FOOTER
---------------------------------------------*/
   
#footer{ clear:both;  overflow:hidden;}
   
#footer ul li a{text-decoration: none; line-height: 1.0; font-size: x-small; }
   
   #footer ul li a:link{color:#F85D5D;  }
   
   #footer ul li a:visited{color: #F85D5D;}
   
   #footer ul li a:hover{color: #F85D5D; text-decoration: underline;  }
   
   #footer ul li a:active{color: #FFF; text-decoration: underline;  }
   
   
   #footer {
     position: relative;
   }
   #footerContacts {
     background-repeat: no-repeat;
     background-size: cover;
     background-color:#F85D5D;
   }
   
   #footerContacts .wrap {
     position: relative;
   }
   #footerContacts p {
       width: calc(145 * 100vw / 1366);
       height: calc(145 * 100vw / 1366);
       font-size: calc(20 * 100vw / 1366);
       line-height: 1.2;
       left: calc(275 * 100vw / 1366);
       top: calc(-22 * 100vw / 1366);
   }
   #footerContacts p {
     position: absolute;
     background: url("img/bg_text02.png") center / contain no-repeat;
     display: flex;
     align-items: center;
     justify-content: center;
     text-align: center;
     color:#F85D5D;
     letter-spacing: -0.04em;
     font-weight: 700;
     transform: rotate(-15deg);
   }
   
   #footerContacts h3 {
     color: #fff;
     text-align: center;
     font-weight: 700;
   }
   
   #footerContacts ul a {
     background-color: #fff;
     color:#F85D5D;
     background-position-y: center;
     background-repeat: no-repeat;
     display: flex;
     flex-direction: column;
     justify-content: center;
     font-weight: 700;
   }
   
   #footerContacts ul a span {
     display: block;
     text-align: center;
     font-weight: 400;
     color: #333;
   }
   
   #footerContacts li:nth-child(1) a {
     background-image: url("img/tel.png");
   }
   
   
   @media screen and (max-width: 768px) {
     #footerContacts {
       /*background-image : url("/ren1909/images/footer/bg_sp.png");*/
       background-position: 0 0;
     }
     #footerContacts .wrap {
       padding-top: calc((100 - 5) * 100vw / 750);
       padding-bottom: calc(148 * 100vw / 750);
     }
     #footerContacts p {
       width: calc(181 * 100vw / 750);
       height: calc(181 * 100vw / 750);
       font-size: calc(25 * 100vw / 750);
       line-height: 1.2;
       left: calc(31 * 100% / 750);
       top: calc(-47 * 100vw / 750);
     }
     #footerContacts h3 {
       font-size: calc(36 * 100vw / 750);
       line-height: 1.28;
     }
     #footerContacts ul {
       margin-top: calc((30 - 3) * 100vw / 750);
       margin-left: 10px;
     }
     #footerContacts li+li {
       margin-top: calc(40 * 100vw / 750);
     }
     #footerContacts ul a {
       width: calc(670 * 100vw / 750);
       height: calc(120 * 100vw / 750);
       border-radius: calc(60 * 100vw / 750);
       background-size: auto calc(90 * 100vw / 750);
       background-position-x: calc(20 * 100vw / 750);
       display: flex;
       align-items: center;
       flex-direction: column;
     }
     #footerContacts li:nth-child(1) a {
       font-size: calc(50 * 100vw / 750);
     }
     #footerContacts li:nth-child(1) a span {
       font-size: calc(26 * 100vw / 750);
       margin-top: calc(6 * 100vw / 750);
     }
     #footerContacts li:nth-child(2) a {
       font-size: calc(34 * 100vw / 750);
     }
   }
   
   @media print, screen and (min-width: 769px) {
     #footerContacts {
       /*background-image : url("/ren1909/images/footer/bg.png");*/
       background-position-y: top;
       background-size: auto 100%;
       background-position-x: calc(50vw - calc(95 * 100vw / 1366));
     }
     #footerContacts ul {
       display: flex;
       align-items: center;
       justify-content: center;
       text-align: center;
     }
     #footerContacts ul a:hover {
       opacity: 0.9;
     }
   }
   
   @media screen and (min-width: 769px) and (max-width: 9366px) {
     #footerContacts .wrap {
       padding-top: calc((54 - 3) * 100vw / 1366);
       padding-bottom: calc(62 * 100vw / 1366);
     }
     #footerContacts p {
       width: calc(145 * 100vw / 1366);
       height: calc(145 * 100vw / 1366);
       font-size: calc(20 * 100vw / 1366);
       line-height: 1.2;
       left: calc(275 * 100vw / 1366);
       top: calc(-22 * 100vw / 1366);
     }
     #footerContacts h3 {
       font-size: calc(24 * 100vw / 1366);
       line-height: 1.25;
     }
     #footerContacts ul {
       margin-top: calc((30 - 3) * 100vw / 1366);
     }
     #footerContacts li+li {
       margin-left: calc(20 * 100vw / 1366);
     }
     #footerContacts ul a {
       width: calc(400 * 100vw / 1366);
       height: calc(70 * 100vw / 1366);
       border-radius: calc(35 * 100vw / 1366);
       background-size: auto calc(53 * 100vw / 1366);
       background-position-x: calc(10 * 100vw / 1366);
     }
     #footerContacts li:nth-child(1) a {
       padding-left: calc(20 * 100vw / 1366);
       font-size: calc(32 * 100vw / 1366);
     }
     #footerContacts li:nth-child(1) a span {
       font-size: calc(14 * 100vw / 1366);
       margin-top: calc(3 * 100vw / 1366);
     }
     #footerContacts li:nth-child(2) a {
       /*padding-left : calc( 40 * 100vw / 1366 );*/
       font-size: calc(22 * 100vw / 1366);
     }
   }
   
   @media print, screen and (min-width: 9200px) {
     #footerContacts {
       background-position-x: calc(50vw - 95px);
     }
     #footerContacts .wrap {
       padding-top: calc(54px - 3px);
       padding-bottom: 62px;
     }
     #footerContacts p {
       width: 145px;
       height: 145px;
       font-size: 20px;
       line-height: 1.2;
       left: 275px;
       top: -22px;
     }
     #footerContacts h3 {
       font-size: 24px;
       line-height: 1.25;
     }
     #footerContacts ul {
       margin-top: calc(30px - 3px);
     }
     #footerContacts li+li {
       margin-left: 20px;
     }
     #footerContacts ul a {
       width: 400px;
       height: 70px;
       border-radius: 35px;
       background-size: auto 53px;
       background-position-x: 10px;
     }
     #footerContacts li:nth-child(1) a {
       padding-left: 20px;
       font-size: 32px;
     }
     #footerContacts li:nth-child(1) a span {
       font-size: 14px;
       margin-top: 3px;
     }
     #footerContacts li:nth-child(2) a {
       padding-left: 40px;
       font-size: 22px;
     }
   }
   
   #footerLinks {
     background-color: #2c2c2c;
   }
   
   #footerLinks .wrap {
     position: relative;
   }
   
   #footerLinks .wrap>a {
     position: absolute;
     bottom: calc(100% - 1px);
     left: 50%;
     transform: translateX(-50%);
     display: flex;
     justify-content: center;
     align-items: flex-end;
     background: url("img/bg_pagetop.png") center bottom / contain no-repeat;
     color: #878787;
   }
   
   #footerLinks .wrap>a:before {
     content: "";
     display: block;
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
     background: url("/ren1909/images/ui/icon/arrowup.png") center / contain no-repeat;
   }
   
   #footerLinks ul a, #footerLinks li {
     color: white;
   }
   
   #footerLinks p {
     text-align: center;
     color: #707070;
   }
   #footerLinks .wrap ul .fontSC {
     color: white;
   }
   #footerFixedNav {
     display: none;
   }
   
/*--------------------------------------------
Footer FixedNav
---------------------------------------------*/
@media screen and (max-width: 768px) {
     #footerFixedNav {
       position: fixed;
       left: 0;
       bottom: 0;
       z-index: 10;
       backface-visibility: hidden;
       will-change: opacity;
       transition: opacity 0.3s ease-in;
     }
     #footerFixedNav.is-absolute {
       position: absolute;
     }
     #footerFixedNav ul {
       display: flex;
       flex-wrap: wrap;
     }
     #footerFixedNav ul li {
       width: calc(250 * 100vw / 750);
     }
     #footerFixedNav ul li a {
       display: block;
       width: 100%;
       height: 100%;
     }
     #footerFixedNav ul li a img {
       max-width: 100%;
     }
   }
   
   @media screen and (max-width: 768px) {
     #footerLinks .wrap {
       padding-top: calc(82 * 100vw / 750);
       padding-bottom: calc(30 * 100vw / 750);
     }
     #footerLinks .wrap>a {
       width: calc(250 * 100vw / 750);
       height: calc(98 * 100vw / 750);
       font-size: calc(28 * 100vw / 750);
     }
     #footerLinks .wrap>a:before {
       width: calc(20 * 100vw / 750);
       height: calc(12 * 100vw / 750);
       top: calc(27 * 100vw / 750);
     }
     #footerLinks ul li {
       font-size: calc(28 * 100vw / 750);
       margin-left: 20px;
     }
     #footerLinks li+li {
       margin-top: calc(32 * 100vw / 750);
     }
     #footerLinks p {
       margin-top: calc(90 * 100vw / 750);
       font-size: calc(24 * 100vw / 750);
     }
   }
   
   @media print, screen and (min-width: 769px) {
     #footerLinks ul {
       display: flex;
       align-items: center;
       justify-content: center;
       text-align: center;
     }
     #footerLinks li+li:before {
       content: "|";
       margin-left: 1.25em;
       margin-right: 1.25em;
     }
   }
   
   @media screen and (min-width: 769px) and (max-width: 9366px) {
     #footerLinks .wrap {
       padding-top: calc(48 * 100vw / 1366);
       padding-bottom: calc(42 * 100vw / 1366);
     }
     #footerLinks .wrap>a {
       width: calc(120 * 100vw / 1366);
       height: calc(48 * 100vw / 1366);
       font-size: calc(14 * 100vw / 1366);
     }
     #footerLinks .wrap>a span {
       font-size: calc(28 * 100vw / 1366);
       display: block;
       white-space: nowrap;
       transform: scale(0.5);
       transform-origin: center bottom;
     }
     #footerLinks .wrap>a:before {
       width: calc(10 * 100vw / 1366);
       height: calc(6 * 100vw / 1366);
       top: calc(22 * 100vw / 1366);
     }
     #footerLinks ul li {
       font-size: calc(14 * 100vw / 1366);
     }
     #footerLinks p {
       margin-top: calc(32 * 100vw / 1366);
       font-size: calc(12 * 100vw / 1366);
     }
   }
   
   @media print, screen and (min-width: 9200px) {
     #footerLinks .wrap {
       padding-top: 48px;
       padding-bottom: 42px;
     }
     #footerLinks .wrap>a {
       width: 120px;
       height: 48px;
       font-size: 14px;
     }
     #footerLinks .wrap>a:before {
       width: 10px;
       height: 6px;
       top: 22px;
     }
     #footerLinks ul li {
       font-size: 14px;
     }
     #footerLinks p {
       margin-top: 32px;
       font-size: 12px;
     }
   }