/*!
 * ress.css • v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */   
   
    /* footer前 */
    @charset "utf-8";
    @import url('//fonts.googleapis.com/earlyaccess/notosansjp.css');
    
    @font-face {
       font-family: "anIcons";
       src: url("https://www.shimadzu.com/an/themes/custom/shimadzu_an/fonts/icons.eot");
       src: url("https://www.shimadzu.com/an/themes/custom/shimadzu_an/fonts/icons.eot?#iefix") format("eot"), url("https://www.shimadzu.com/an/themes/custom/shimadzu_an/fonts/icons.woff2") format("woff2"), url("https://www.shimadzu.com/an/themes/custom/shimadzu_an/fonts/icons.woff") format("woff"), url("https://www.shimadzu.com/an/themes/custom/shimadzu_an/fonts/icons.ttf") format("truetype"), url("https://www.shimadzu.com/an/themes/custom/shimadzu_an/fonts/icons.svg#icons") format("svg");
    }
    
    [class*=" icon-"],
    [class^=icon-] {
       font-family: "anIcons";
       font-style: normal;
       font-weight: 400;
       font-variant: normal;
       text-transform: none;
       line-height: 1;
       -webkit-font-smoothing: antialiased;
       -moz-osx-font-smoothing: grayscale;
       display: inline-block;
    }
    
    .icon-sh-arrowRight:before {
       content: "\E007";
    }
    
    .icon-sh-arrowTop:before {
       content: "\E009";
    }
    
    .icon-sh-contact:before {
       content: "\E010";
    }
 
    @media screen and (min-width: 768px),
    print {
       .icon-sh-chat:before {
       content: url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?>%0A<svg version='1.1' id='レイヤー_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 82.3 80' style='enable-background:new 0 0 82.3 80;' xml:space='preserve'>%0A<path fill='%23fff' d='M71.6,0h-61C4.8,0,0,4.8,0,10.6v39v5.6V80l25.6-14.2h46c5.9,0,10.6-4.8,10.6-10.6V10.6C82.3,4.8,77.5,0,71.6,0z M28.1,36.8h-8.9v-8.9h8.9V36.8z M45.5,36.8h-8.9v-8.9h8.9V36.8z M62.9,36.8h-8.9v-8.9h8.9V36.8z'/>%0A</svg>");
       display: block;
       width: 32px;
       height: 32px;
       transition: 0.25s;
     }
    }
 
    @media screen and (max-width: 767px) {
       .icon-sh-chat:before {
          content: url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?>%0A<svg version='1.1' id='レイヤー_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 82.3 80' style='enable-background:new 0 0 82.3 80;' xml:space='preserve'>%0A<path fill='%23fff' d='M71.6,0h-61C4.8,0,0,4.8,0,10.6v39v5.6V80l25.6-14.2h46c5.9,0,10.6-4.8,10.6-10.6V10.6C82.3,4.8,77.5,0,71.6,0z M28.1,36.8h-8.9v-8.9h8.9V36.8z M45.5,36.8h-8.9v-8.9h8.9V36.8z M62.9,36.8h-8.9v-8.9h8.9V36.8z'/>%0A</svg>");
          display: block;
          width: 29px;
          height: 29px;
          transition: 0.25s;
        }   
    }
 
     .p-followButton__icon--chat:hover .icon-sh-chat:before {
       content: url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?><svg version='1.1' id='レイヤー_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 82.3 80' style='enable-background:new 0 0 82.3 80;' xml:space='preserve'><path fill='%23dd0000' d='M71.6,0h-61C4.8,0,0,4.8,0,10.6v39v5.6V80l25.6-14.2h46c5.9,0,10.6-4.8,10.6-10.6V10.6C82.3,4.8,77.5,0,71.6,0z M28.1,36.8h-8.9v-8.9h8.9V36.8z M45.5,36.8h-8.9v-8.9h8.9V36.8z M62.9,36.8h-8.9v-8.9h8.9V36.8z'/></svg>");
    }
    
    @media screen and (min-width: 768px),
    print {
    
       .p-followButton__icon--arrowTop:hover::before,
       .p-followButton__icon--contact:hover::before,
       .p-followButton__icon--chat:hover::before {
          color: #fff;
          background-color: #000;
          font-size: 1.4rem;
          position: absolute;
          top: -30px;
          padding: 2px 8px;
          font-family: 'Noto Sans JP', "Hiragino Kaku Gothic ProN", "メイリオ", sansserif;
          letter-spacing: 0;
          line-height: 1.5;
       }
    }
 
    .p-followButton__icon--contact {
       -webkit-transition: 0.25s;
       transition: 0.25s;
       position: fixed;
       bottom: 12px;
       left: 12px;
       right: auto;
       z-index: 50;
       cursor: pointer;
       width: 52px;
       height: 52px;
       border-radius: 50%;
       font-size: 25px;
       border: 1px currentColor solid;
       color: #dd0000;
       background-color: #fff;
    }
    
    .p-followButton__icon--contact:hover {
       color: #fff;
       background-color: #dd0000;
       border-color: #dd0000;
    }
    
    @media screen and (min-width: 768px),
    print {
       .p-followButton__icon--contact:hover::before {
          content: 'Contact SHIMADZU';
          min-width: 144px;
          left: -40px;
       }
    }
    
    @media screen and (min-width: 768px),
    print {
       .p-followButton__icon--contact {
          bottom: 25px;
          left: auto;
          right: 95px;
          width: 60px;
          height: 60px;
       }
    }
    
    .p-followButton__icon--contact>a {
       position: relative;
       display: inline-block;
       width: 100%;
       height: 100%;
       color: currentColor;
    }
 
    .p-followButton__icon--contact>a:hover {
       opacity: 1;
    }
    
    .p-followButton__icon--contact>a>i {
       position: absolute;
       top: 50%;
       left: 50%;
       -webkit-transform: translate(-50%, -50%);
       transform: translate(-50%, -50%);
       font-size: 2.9rem;
    }
    
    @media screen and (min-width: 768px),
    print {
       .p-followButton__icon--contact>a>i {
          font-size: 3.2rem;
       }
    }
    
    .p-followButton__icon--heartOpen {
       -webkit-transition: 0.25s;
       transition: 0.25s;
       position: fixed;
       bottom: 12px;
       left: 74px;
       z-index: 50;
       width: 40px;
       height: 40px;
       border-radius: 50%;
       font-size: 25px;
       border: 1px currentColor solid;
       color: #6e6e6e;
       background-color: #fff;
    }
    
    @media screen and (min-width: 768px),
    print {
       .p-followButton__icon--heartOpen {
          display: none;
       }
    }
    
    .p-followButton__icon--heartOpen:hover {
       color: #dd0000;
    }
    
    .p-followButton__icon--heartOpen>a {
       display: inline-block;
       width: 100%;
       height: 100%;
       color: currentColor;
    }
    
    .p-followButton__icon--heartOpen>a>i {
       position: absolute;
       top: 50%;
       left: 50%;
       -webkit-transform: translate(-50%, -50%);
       transform: translate(-50%, -50%);
       font-size: 2rem;
    }
    
    .p-followButton__icon--heartOpen>button {
       display: inline-block;
       width: 100%;
       height: 100%;
       color: currentColor;
       border: none;
       outline: none;
       background: transparent;
    }
    
    .p-followButton__icon--heartOpen>button>i {
       position: absolute;
       top: 50%;
       left: 50%;
       -webkit-transform: translate(-50%, -50%);
       transform: translate(-50%, -50%);
       font-size: 2rem;
    }
    
    .p-followButton__icon--arrowTop {
       -webkit-transition: 0.25s;
       transition: 0.25s;
       display: none;
       position: fixed;
       z-index: 50;
       width: 52px;
       height: 52px;
       border-radius: 50%;
       font-size: 25px;
       border: 1px currentColor solid;
       color: #6e6e6e;
       background-color: #fff;
       bottom: 12px;
       right: 12px;
    }
    
    @media screen and (min-width: 768px),
    print {
       .p-followButton__icon--arrowTop {
          bottom: 25px;
          right: 25px;
          width: 60px;
          height: 60px;
       }
    }
    
    .p-followButton__icon--arrowTop:hover {
       border-color: #6e6e6e;
       color: #fff;
       background-color: #6e6e6e;
    }
    
    @media screen and (min-width: 768px),
    print {
       .p-followButton__icon--arrowTop:hover::before {
          content: 'Page top';
          min-width: 75px;
          left: -8px;
       }
    }
    
    .p-followButton__icon--arrowTop>a {
       position: relative;
       display: inline-block;
       width: 100%;
       height: 100%;
       color: currentColor;
    }
    
    .p-followButton__icon--arrowTop>a>i {
       position: absolute;
       top: 50%;
       left: 50%;
       -webkit-transform: translate(-50%, -50%);
       transform: translate(-50%, -50%);
       font-size: 1.2rem;
    }
 
 
    /* footer前 */
    .c-shimadzu {
       padding-top: 50px;
       padding-bottom: 50px;
       border-top: 1px solid #e6e6e6;
    }
    
    @media screen and (min-width: 768px) {
       .c-shimadzu {
          margin-top: 50px;
       }
    }
    
    @media screen and (max-width: 767px) {
       .c-shimadzu {
          margin-top: 50px;
          padding-top: 30px;
          padding-bottom: 0;
       }
    }
    
    .c-shimadzu .c-shimadzu-icon {
       text-align: center;
       font-size: 45px;
       line-height: 1;
       height: 45px;
       color: #999999;
    }
    
    .c-shimadzu h4 {
       padding: 10px 0 20px;
       font-size: 32px;
       line-height: 1;
       text-align: center;
       font-family: 'Noto Sans JP', "Hiragino Kaku Gothic ProN", "メイリオ", sansserif;
       font-weight: 300;
       color: #333333;
    }
    
    @media screen and (max-width: 767px) {
       .c-shimadzu h4 {
          padding: 10px 0 20px;
          font-size: 20px;
       }
    }
    
    @media screen and (min-width: 768px) {
       .c-shimadzu ul {
          display: flex;
          justify-content: center;
       }
    
       .c-shimadzu li {
          margin-right: 20px;
       }
    
       .c-shimadzu li:last-child {
          margin-right: 0;
       }
    }
    
    @media screen and (max-width: 767px) {
       .c-shimadzu li {
          border-top: 1px solid #e6e6e6;
       }
    
       .c-shimadzu li:last-child {
          border-bottom: 1px solid #e6e6e6;
       }
    }
    
    .c-shimadzu li a {
       color: #dd0000;
       padding: 20px 20px 20px 12px;
       border: none;
       display: flex;
       justify-content: space-between;
       align-items: center;
       background-color: #fff;
       font-size: 14px;
       text-decoration: none;
       letter-spacing: 0px;
    }
    
    .c-shimadzu li a:hover {
       background-color: #dd0000;
       color: #fff;
       opacity: 1;
    }
    
    @media screen and (min-width: 768px),
    print {
       .c-shimadzu li a {
          cursor: pointer;
          min-width: 230px;
          min-height: 50px;
          padding: 5px 35px;
          border-radius: 999px;
          border: 1px solid #dd0000;
          justify-content: center;
       }
    }
    
    @media screen and (min-width: 768px),
    print {
       .c-shimadzu li a i {
          display: none;
       }
    }
    
    .c-shimadzu-caution {
       max-width: 1040px;
       margin: 0 auto;
       padding: 25px 0 0 0;
    }
    
    .c-shimadzu-caution p {
       color: #6e6e6e;
       font-size: 13px;
    }
    
    @media screen and (max-width: 767px) {
       .c-shimadzu-caution {
          padding: 20px 12px;
       }
    }
 
    @media screen and (min-width: 768px), print {
       footer .container .links li {
          margin-right: 0.5em;
       }
       footer .container .links li::before {
          margin-right: 0.5em;
       }
      }
      
      footer {
       margin-top: 0px;
     }    
 
     .p-followButton__icon--chat {
       -webkit-transition: 0.25s;
       transition: 0.25s;
       position: fixed;
       bottom: 70px;
       left: 12px;
       right: auto;
       z-index: 50;
       cursor: pointer;
       width: 52px;
       height: 52px;
       border-radius: 50%;
       font-size: 25px;
       border: 1px #dd0000 solid;
       color: #ffffff;
       background-color: #dd0000;
     }
 
     @media screen and (min-width: 768px), print {
       .p-followButton__icon--chat {
         bottom: 25px;
         left: auto;
         right: 165px;
         width: 60px;
         height: 60px;
       }
     }
     
     .p-followButton__icon--chat:hover {
       color: #dd0000;
       background-color: #ffffff;
       border-color: #dd0000;
     }
     
     @media screen and (min-width: 768px), print {
       .p-followButton__icon--chat:hover::before {
         content: 'Chat with SHIMADZU';
         min-width: 165px;
         left: -55px;
       }
     }
     
     .p-followButton__icon--chat > a {
       position: relative;
       display: inline-block;
       width: 100%;
       height: 100%;
       color: currentColor;
       cursor: pointer;
     }
 
     .p-followButton__icon--chat > a:hover {
       opacity: 1;
     }
     
     .p-followButton__icon--chat > a > i {
       position: absolute;
       top: 50%;
       left: 50%;
       -webkit-transform: translate(-50%, -50%);
               transform: translate(-50%, -50%);
       font-size: 2.9rem;
     }
     
     @media screen and (min-width: 768px), print {
       .p-followButton__icon--chat > a > i {
         font-size: 3.2rem;
       }
     }