/* =========================================================
    Reset
   ========================================================= */
   html,
   body {
    padding: 0;
    margin: 0;
   color: #2e2e2e;
   }
   
   html *,
   body * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
   }
   
   h1, h2, h3, h4, h5, h6, p, a, span,
   em, img,
   small, sup,
   dl, dt, dd, ol, ul, li,
   fieldset, form, label, legend, input, button,
   table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
   }
   
   ul, li {
    list-style-type: none;
   }
   
   img {
    vertical-align: top;
   }
   
   em {
    font-style: normal;
   }
   
   figure {
     margin:0;
   }
   
   .cf:after {
     content: "";
     display: block;
     clear: both;
   } 
   .cf:before {
     content: "";
     display: block;
     clear: both;
   } 
   .cf {
     display: block;
   }
   
   a {
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all  0.3s ease;
   }
      
   
   /* =========================================================
       二重管理
      ========================================================= */
 .show-pc{
   display:block;
 }

 .show-sp{
   display:none !important;
 }

 .hidden-pc{
   display:none;
 }

 @media screen and (max-width:767px) {
     .show-sp{
       display:block !important;
     }

     .show-pc{
       display:none !important;
     }

     .hidden-sp{
       display:none !important;
     }    
 }
   
   /* =========================================================
       トップへ戻る
      ========================================================= */
 #pagetop {
   position: fixed;
   width: 100px;
   height: 100px;
   background: #2e2e2e;
   color: #fff;
   bottom: 50px;
   right: 50px;
   cursor: pointer;
   border:#ffffff 1px solid;
   z-index: 9;
 }
      
 #pagetop span {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   display: block;
   width: 100%;
   text-align: center;
   font-size: 1.4rem;
 }
   
 @media screen and (max-width:1500px) and (min-width:1200px){
   #pagetop {
       width: 6.66vw;
       height: 6.66vw;
       bottom: 3.33vw;
       right: 3.33vw;
     }

     #pagetop span {
       font-size: 0.93vw;
     }
 }
   
 @media screen and (max-width:1199px) and (min-width:768px){
   #pagetop {
       width: 80px;
       height: 80px;
       bottom: 40px;
       right: 40px;
     }

     #pagetop span {
       font-size: 11.2px;
     }
 }
   
@media screen and (max-width:767px) {
   #pagetop {
       width: 45px;
       height: 45px;
       right: 30px;
     }

     #pagetop span {
       font-size: 1.2rem;
     } 
 }
 /* =========================================================
     BASE
    ========================================================= */
html{
   font-size:62.5%;

}

body{
   position: relative;
   font-family: 'montserrat-web', 'Montserrat', sans-serif;
   font-weight:400;
   min-width: 1200px;
}

body.fixed {
   width: 100%;
   height: 100%;
   position: fixed;
}

a{
   text-decoration: none;
}

a:hover{
   opacity: 0.8;
}

.contents {
   padding-top: 80px;
}

.inner{
   max-width:1500px;
   min-width: 1200px;
   width:100%;
   padding:0 80px;
   margin:0 auto;
}

@media screen and (max-width:1500px) and (min-width:1200px){
   .inner{
       padding:0 5.3vw;
   } 
}

@media screen and (min-width:768px) and ( max-width:1199px) {
   .inner{
       padding:0 64px;
   }
}

@media screen and ( max-width:767px) {
   body{
       overflow-x: hidden;
       min-width: 0;
   }

   .contents {
       padding-top:58px;
   }

   .inner{
       min-width: 0;
       width:100%;
       padding:0 5.33vw;
   }
}

 /* =========================================================
     共通ヘッダー
    ========================================================= */
 header{
     display:flex;
     justify-content: space-between;
     margin:0 auto;
     position: fixed;
     top:0;
     left:0;
     min-width: 100%;
     z-index: 10;
     background-color: #fff;
 }

.header-logo{
   width:174px;
   padding:2.5rem 0 2.5rem 5rem;
}

.header-logo img{
   width:100%;
}

.gnav{
   display:flex;
}

.gnav .inner {
  width: 1200px;
}

.gnav .lang-menu-wrap .inner{
width: 100%;
}

.gnav ul{
   display:flex;
   align-items:center;
   list-style:none;
   font-size:1.6rem;
}

.gnav ul li a{
   display:block;
   color:#2e2e2e;
   padding:3.0rem 2.0rem;
}

.gnav > ul li span{
   display:block;
   cursor: pointer;
   padding: 3rem 2rem;
}

.gnav > ul li.active{
   border-bottom:2px solid #ff0000;
}

.gnav  .child-navi-wrap{
   display:none;
   position:absolute;
   width:100%;
   top:81px;
   left:0;
   background:rgba(0, 0, 0, .9);
   padding:5rem 0;
}

.gnav .child-navi-wrap.open{
   display:block;
}

.gnav .child-navi-wrap.flexbox{
   padding:0;
   width:100%;
}

.gnav .child-navi-wrap.flexbox.open{
   display:flex;
   justify-content: space-between;
}

.gnav .close-btn{
    position: absolute;
    right:40px;
    top:40px;
    cursor: pointer;
}

.gnav .close-btn img{
    width:30px
}

.gnav .naviarea{
   padding:5rem 3rem 5rem 5rem;
   width:1150px;
   margin:0 auto;
}

.gnav .pdfarea{ 
   background:#272728;
   text-align:center;
   padding:5rem 0;
   width:340px;
}

.gnav .pdfarea figure img{
   width:156px;
   margin-bottom:2rem;
}

.gnav .pdfarea figcaption{
   color:#ffffff;
}

.gnav .child-navi{
   width:1070px;
   display:flex;
   justify-content: space-between;
   flex-wrap:wrap;
   padding:2rem;
}

.gnav .child-navi .nospace{
   border:none;
}

.gnav .grandchild-navi-title{
   color:#ffffff;
   width:100%;
}

.gnav .child-navi-title{
   color:#ffffff;
   font-size:2rem;
   font-weight:bold;
   padding:0;
   display:inline-block;
}

.gnav .child-navi-title span{
   display:inline-block;
}

.gnav .child-navi-title:before{
   content:"";
   display:inline-block;
   background-image: url(/english/common_v4/img/icon_common_subarrow.png);
   background-repeat: no-repeat;
   background-size: contain;
   width:8px;
   height:14px;
   margin-right:1rem;
}

.gnav .child-navi>li{
   border-bottom:1px solid rgba(255,255,255,0.2);
   width:325px;
   font-weight: normal;
   position: relative;
   height:70px;
   display:flex;
   align-items: center;
}

.gnav .child-navi>li a{
   color:#ffffff;
   height:70px;
   display: flex;
   align-items: center;
   width:100%;
}

.gnav .child-navi .link a:after{
   content:"";
   display:inline-block;
   background-image: url(/english/common_v4/img/icon_common_subarrow_spmenu.png);
   background-size: contain;
   background-repeat: no-repeat;
   width:4px;
   height:7px;
   position: absolute;
   top:50%;
   transform: translateY(-50%);
   right:1.5rem;
}

.gnav .child-navi .pop.active{
   background:#272728;
   border:0;
}

.gnav .child-navi .pop:before{
   content: "";
   position: absolute;
   top: 50%;
   right: 1.5rem;
   width: 13px;
   height: 1px;
   background: #ffffff;
   transform: translateY(-50%);
}

.gnav .child-navi .pop:after{
   content: "";
   position: absolute;
   top: 50%;
   right: 2.1rem;
   width: 1px;
   height: 13px;
   background: #ffffff;
   transform: translateY(-50%);
   transition: .3s;
}

.gnav .child-navi .pop.active:after{
   opacity: 0;
}

.gnav .grandchild-navi{
   display:none;
   position:absolute;
   background:#272728;
   width:356px;
   left:320px;
   top:0px;
   z-index: 10;
   padding:3rem;
}

.gnav .grandchild-navi.open{
   display:block;
}

.gnav .grandchild-navi li{
   position: relative;
}

.gnav .grandchild-navi li a:after{
   content:"";
   display:inline-block;
   background-image: url(/english/common_v4/img/icon_common_subarrow_spmenu.png);
   background-size: contain;
   background-repeat: no-repeat;
   width:4px;
   height:7px;
   position: absolute;
   top:50%;
   transform: translateY(-50%);
   right:0rem;
}

.gnav .lang{
   background:#2e2e2e;
   padding:0 5.5rem;
   margin-left:4.0rem;
   display:flex;
   align-items: center; 
   cursor: pointer;   
}

.gnav .lang.active{
   border-bottom:2px solid #ff0000;
}

.gnav .lang img{
   width:26px;
}

.gnav .contact-us{
   background:#e40b20;
   display:flex;
   align-items: center;
   font-size:1.6rem;
   font-weight:700;
   text-align: center;
   width: 180px;
}

.gnav .contact-us a{
   width: 100%;
   display:block;
   padding:3rem 0;
   color:white;
   text-align: center;
}

.gnav  .lang-menu-wrap{
   display:none;
   position: absolute;
   width:100%;
   top:81px;
   left:0;
   background:rgba(0, 0, 0, .9);
   padding:5rem 0;
}

.gnav .lang-menu-wrap.open{
   display:block;
}

.gnav .lang-title{
   color:#ffffff;
   font-size:2rem;
   font-weight:bold;
   margin-bottom:3rem;
}

.gnav .lang-title:before{
   content:"";
   display:inline-block;
   background-image: url(/english/common_v4/img/icon_common_subarrow.png);
   background-repeat: no-repeat;
   background-size: contain;
   width:8px;
   height:14px;
   margin-right:1rem;
}

.gnav .lang-list{
   display:flex;
   justify-content: space-between;
   flex-wrap: wrap;
   padding:0 1.5rem;
}

.gnav .lang-list > li{
   color:#ffffff;
   width:308px;
   border-bottom:1px solid rgba(255,255,255,0.2);
   position: relative;
}

.gnav .lang-list .pop{
   padding:2rem;
   position: relative;
   cursor: pointer;
}

.gnav .lang-list .pop.active{
   background:#272728;
}

.gnav .lang-list .pop:before{
   content: "";
   position: absolute;
   top: 50%;
   right: 1.5rem;
   width: 13px;
   height: 1px;
   background: #ffffff;
   transform: translateY(-50%);
}

.gnav .lang-list .pop:after{
   content: "";
   position: absolute;
   top: 50%;
   right: 2.1rem;
   width: 1px;
   height: 13px;
   background: #ffffff;
   transform: translateY(-50%);
   transition: .3s;
}

.gnav .lang-list .pop.active:after{
   opacity: 0;
}

.gnav .lang-list .link a{
   color:#ffffff;
   padding:2rem;
}

.gnav .lang-list .link a:after{
   content:"";
   display:inline-block;
   background-image: url(/english/common_v4/img/icon_common_outbound.png);
   background-size: contain;
   width:15px;
   height:11px;
   position: absolute;
   top:50%;
   transform: translateY(-50%);
   right:1.5rem;
}

.gnav .lang-list > li  span:before{
   content:"";
   display:inline-block;
   background-size: contain;
   width:20px;
   height:14px;
   margin-right:1rem;
}

.gnav .lang-list .nospace{
   border:0;
}

.gnav .corp-list{
   position:absolute;
   width:1310px;
   background:#272728; 
   z-index: 1;
   padding:1em 25rem;
   display:none;
}

.gnav .corp-list.open{
   display:flex;
   justify-content: space-between;  
}

.gnav .corp-list a{
   color:#ffffff;
}

.gnav .corp-list a:after{
   content:"";
   display:inline-block;
   background-image: url(/english/common_v4/img/icon_common_outbound.png);
   background-size: contain;
   width:15px;
   height:11px;
   margin-left:1rem;
}

.gnav #g-china .corp-list{
   top:59px;
   left:-1002px;
}

.gnav #g-malaysia .corp-list{
   top:59px;
   left:-334px;
}

.gnav #g-singapore .corp-list{
   top:59px;
   left:-668px;
}


 @media screen and (max-width:1500px) and (min-width:1200px){
   .gnav ul li a{
    padding: 3rem 1.2vw;
    }

   .gnav > ul li span{
    padding: 3rem 1.2vw;
   }

   .gnav > ul li.active{
       border-bottom:2px solid #ff0000;
   }

   .gnav  .child-navi-wrap{
       padding:3.333vw 0;
   }

   .gnav .naviarea{
       padding:3.333vw 2vw 3.3333vw 2vw;
       width:76.666vw;

   }

   .gnav .pdfarea{ 
       width:22.6666vw;
       padding:3.333vw 0rem;
   }

   .gnav .pdfarea figure img{
       width:10.4vw;
       margin-bottom:1.3333vw;
   }

   .gnav .child-navi{
       width:71.333vw;
       padding:1.333vw;
   }

   .gnav .child-navi-title{
       font-size:1.3333vw;
   }

   .gnav .child-navi-title:before{
       width:0.5333vw;
       height:0.933vw;
       margin-right:0.66vw;
   }

   .gnav .child-navi>li{
       width:21.666vw;
   }

   .gnav .child-navi>li a{
       padding:0 0.666vw;
       height:4.6666vw;
   }

   .gnav .child-navi .link a:after{
       width:0.266vw;
       height:0.4666vw;
       right:1vw;
   }

   .gnav .child-navi .pop:before{
       right: 1vw;
       width: 0.866vw;
       height: 0.0666vw;
   }

   .gnav .child-navi .pop:after{
       right: 1.4vw;
       width: 0.0666vw;
       height: 0.866vw;
   }

   .gnav .grandchild-navi{
       width:23.733vw;
       left:21.33vw;
       padding:2vw;
   }

   .gnav .grandchild-navi li a:after{
       width:0.2666vw;
       height:0.4666vw;
   }

   .gnav .lang img {
       width: 1.7333vw;
   }

   .gnav  .lang-menu-wrap{
       padding:3.333vw 0;
   }

   .gnav .lang-title{
       font-size:1.333vw;
       margin-bottom:2vw;
   }

   .gnav .lang-title:before{
       width:0.533vw;
       height:0.933vw;
       margin-right:0.666vw;
   }

   .gnav .lang-list{
       padding:0 1vw;
   }

   .gnav .lang-list > li{
       width:20.533vw;
   }

   .gnav .lang-list .pop{
       padding:1.333vw;
   }

   .gnav .lang-list .pop:before{
       right: 1vw;
       width: 0.866vw;
   }

   .gnav .lang-list .pop:after{
       right: 1.4vw;
       height:0.86vw;
   }

   .gnav .lang-list .link a{
       padding:1.333vw;
   }

   .gnav .lang-list .link a:after{
       width:1vw;
       height:0.73vw;
       right:1vw;
   }

   .gnav .lang-list > li  span:before{
       width:1.333vw;
       height:0.933vw;
       margin-right:0.666vw;
   }

   .gnav .corp-list{
       width:87.333vw;
       padding:1em 16.66vw;
   }

   .gnav .corp-list a:after{
       width:1vw;
       height:0.733vw;
       margin-left:0.66vw;
   }

   .gnav #g-china .corp-list{
       top:3.9333vw;
       left:-66.8vw;
   }

   .gnav #g-malaysia .corp-list{
       top:3.9333vw;
       left:-22.266vw;
   }

   .gnav #g-singapore .corp-list{
       top:3.9333vw;
       left:-44.5333vw;
   }
 }

 @media screen and (max-width:1199px) and (min-width:768px){
      header{
          min-width:1200px;
      }          

     .gnav ul li a{
         padding:3rem 1.4rem;
     }

     .gnav > ul li span{
         padding: 3rem 1.4rem;
     }

     .gnav  .child-navi-wrap{
         padding:4rem 0;
     }

     .gnav .naviarea{
         padding:4rem 2.4rem 4rem 4rem;
         width:920px;
     }

     .gnav .pdfarea{ 
         padding:4rem 0;
         width:272px;
     }

     .gnav .pdfarea figure img{
         width:124.8px;
         margin-bottom:1.6rem;
     }

     .gnav .child-navi{
         width:856px;
         padding:1.6rem;
     }

     .gnav .child-navi-title{
         font-size:1.6rem;
     }

     .gnav .child-navi-title:before{
         width:6.4px;
         height:11.2px;
         margin-right:0.8rem;
     }

     .gnav .child-navi>li{
         width:260px;
     }

     .gnav .child-navi>li a{
         padding:0 0.8rem;
         height:56px;
     }

     .gnav .child-navi .link a:after{
         width:3.2px;
         height:5.6px;
         right:1.2rem;
     }

     .gnav .child-navi .pop:before{
         right: 1.2rem;
         width: 10.4px;
         height: 0.8px;
     }

     .gnav .child-navi .pop:after{
         right: 1.68rem;
         width: 0.8px;
         height: 10.4px;
     }

     .gnav .grandchild-navi{
         width:284.8px;
         left:256px;
         padding:2.4rem;
     }

     .gnav .grandchild-navi li a:after{
         width:3.2px;
         height:5.6px;
     }

     .gnav .lang.active{
         border-bottom:1.6px solid #ff0000;
     }

     .gnav .lang img{
         width:20.8px;
     }

   .gnav  .lang-menu-wrap{
       padding:4rem 0;
   }

   .gnav .lang-title{
       font-size:1.6rem;
       margin-bottom:2.4rem;
   }

   .gnav .lang-title:before{
       width:6.4px;
       height:11.2px;
       margin-right:0.8rem;
   }

   .gnav .lang-list{
       padding:0 1.2rem;
   }

   .gnav .lang-list > li{
       width:246.4px;
   }

   .gnav .lang-list .pop{
       padding:1.6rem;
   }

   .gnav .lang-list .pop:before{
       right: 1.2rem;
       width: 10.4px;
   }

   .gnav .lang-list .pop:after{
       right: 1.68rem;
       height: 11.2px;
   }

   .gnav .lang-list .link a{
       padding:1.6rem;
   }

   .gnav .lang-list .link a:after{
       width:12px;
       height:8.8px;
       right:1.2rem;
   }

   .gnav .lang-list > li  span:before{
       width:16px;
       height:11.2px;
       margin-right:0.8rem;
   }

   .gnav .corp-list{
       width:1048px;
       padding:1em 20rem;
   }

   .gnav .corp-list a:after{
       width:12px;
       height:8.8px;
       margin-left:0.8rem;
   }

   .gnav #g-china .corp-list{
       top:47.2px;
       left:-801.6px;
   }

   .gnav #g-malaysia .corp-list{
       top:47.2px;
       left:-267.2px;
   }

   .gnav #g-singapore .corp-list{
       top:47.2px;
       left:-534.4px;
   }
 }

 @media screen and ( max-width:767px) {
   header {
       min-width: inherit;
       width:100%;
       height: 57px;
       display:flex;
       align-items: center;
   }

   .header-logo {
       width: 100%;
       background:#ffffff;
       padding: 5px 0 0;
   }

   .header-logo img{
       width:90px;
       margin-left:2rem;
   }

   .header-logo.open{
       position: fixed;
       top:0;
       left:0;
       height:57px;
       display:flex;
       align-items: center;
   }

   .header-logo.open img{
       margin-left:2rem;
   }

   .menu-btn{
       display:block;
       position:fixed;
       top:0;
       right:0;
       width:57px;
       height:57px;
       transition: 1s;
       background:#ea1826;
       z-index: 1000;
   }

   .menu-btn .line{
       display:inline-block;
       position: absolute;
       right:0;
       left:0;
       margin:0 auto;
       width: 50%;
       height: 1px;
       background-color: #ffffff;
       transition:all .4s;
       border-radius: 4px; 
   }

   #line01 {
       top: 19px;
   }
   #line02 {
       top: 27px;
   }
   #line03 {
       top: 35px;
   }  

   .menu-btn.active #line01{
   opacity: 0;
   }

   .menu-btn.active #line03{
   opacity: 0;
   }

   .gnav{
       width: 100%;
       height:100%;
       padding-top: 40px;
       padding-bottom:100px;
       background: rgba(0,0,0,0.95);
       position: fixed;
       top: 0;
       right: 0;
       z-index: -1;
       transition: all .4s;
       opacity: 0;
       display:flex;
       justify-content: space-between;
       flex-wrap:wrap;
       overflow-y: scroll;
       -webkit-overflow-scrolling:touch;
       pointer-events: none;
       overflow-x:hidden;
     }

   .gnav.open{
       opacity: 1;
       z-index: 10;
       display:block;
       pointer-events: all;
   }

   .gnav ul {
       width:100%;
       display:block;
       align-items: center;
       list-style: none;
       font-size: 4.3vw;
       padding:6vw 8vw 0 8vw;
   }

   .gnav > ul{
       margin-bottom:10vw;
   }

   .gnav > ul li{
       margin-bottom:0;
       border-bottom:1px solid #666666;
       position: relative;
   }

   .gnav ul li a{
       color:#ffffff;
       padding:5.333vw 0;
   }

   .gnav > ul li span {
       cursor: pointer;
       padding: 5.333vw 0rem;
       color:#ffffff;
   }

   .gnav > ul li.active {
       border-bottom: 1px solid #666666;
   }

   .gnav ul li .arrow:after{
       content:"";
       display: inline-block;
       background-image: url(/english/common_v4/img/icon_common_subarrow_spmenu.png);
       background-size:contain;
       background-repeat: no-repeat;
       width:1.066vw;
       height:1.8666vw;
       position: absolute;
       right:3vw;
       top:50%;
   }

   .gnav ul li .under:before{
       content:"";
       position: absolute;
       top:50%;
       right:2vw;
       width:3.4vw;
       height:1px;
       background:#ffffff;
       transform: translateY(-50%);
   }

   .gnav ul li .under:after{
       content:"";
       position: absolute;
       top:50%;
       right:3.6vw;
       width:1px;
       height:3.4vw;
       background:#ffffff;
       transform: translateY(-50%);
       transition: .3s;
   }

   .gnav ul li .under.active:before{
       z-index: 10;
       top:9vw;
   }    
   .gnav ul li .under.active:after{
       display:none;
   }

   .gnav .navi-item.open a{
       pointer-events: none;
   }

   .gnav .child-navi-wrap {
       display: none;
       position: relative;
       width: 100%;
       top: 0px;
       padding:0;
       background-color: inherit;
   }

   .gnav .child-navi-wrap .inner{
       padding:0;
   }

   .gnav .naviarea {
       padding:0;
       width:100%;

   }

   .gnav .pdfarea {
       display:none;
   }

   .gnav .child-navi{
       width:100%;
       padding:0 0 5.333vw 2.666vw;
       font-size:3.9vw;
   }

   .gnav .child-navi-title {
       color: #ffffff;
       font-size: 4vw;
       font-weight: bold;
       padding: 0;
       margin-bottom: 2vw;
       position: absolute;
       top:-10vw;
       right:12vw;
   }

   .gnav .child-navi > li{
       border:none;
       width:100%;
       display:block;
       height:auto;
   }

   .gnav .child-navi li a{
       padding:4vw 0;
       height:inherit;
   }

   .gnav .child-navi .pop.active {
       background: none;
       border: 0;
   }

   .gnav .child-navi .link a:after {
       content: "";
       display: inline-block;
       background-image: url(/english/common_v4/img/icon_common_subarrow_spmenu.png);
       background-size: contain;
       background-repeat: no-repeat;
       width: 1.066vw;
       height: 1.8666vw;
       position: absolute;
       top: 50%;
       transform: translateY(-50%);
       right: 3vw;
   }

   .gnav .child-navi .pop:before {
       content: "";
       position: absolute;
       top: 50%;
       right: 2vw;
       width: 3.4vw;
       height: 1px;
       background: #ffffff;
       transform: translateY(-50%);
   }

   .gnav .child-navi .pop.active:before{
       top:5vw;
   }

   .gnav .child-navi .pop:after {
       content: "";
       position: absolute;
       top: 50%;
       right: 3.6vw;
       width: 1px;
       height: 3.4vw;
       background: #ffffff;
       transform: translateY(-50%);
       transition: .3s;
   }    

   .gnav .child-navi .pop.active:after{
       display: none;
   }

   .gnav .child-navi-item.open >.under:after{
       opacity: 0;
   }

   .gnav .grandchild-navi{
       padding:2.66vw 2.666vw 2.666vw 4vw; 
       font-weight:400;
       font-size:3.9vw;
       background:rgba(255,255,255,0.10);
       position:relative;
       left:0;
       display:none;
       width: 94vw;
       overflow-x: hidden;
   }

   .gnav .grandchild-navi.open{
       display:block !important;
   }

   .gnav .grandchild-navi-title{
       padding:4vw 0;
   }

   .gnav .grandchild-navi li{
    border-bottom:0;
   }

   .gnav .grandchild-navi li a{
       position: relative;
   }

   .gnav .grandchild-navi li a:after {
       content: "";
       display: inline-block;
       background-image: url(/english/common_v4/img/icon_common_subarrow_spmenu.png);
       background-size: contain;
       background-repeat: no-repeat;
       width: 1.066vw;
       height: 1.8666vw;
       position: absolute;
       top: 50%;
       transform: translateY(-50%);
       right: 13vw;
   }

   .gnav .lang {
       width:40%;
       background: #2e2e2e;
       padding:0;
       margin-left:0;
       margin-right:3rem;
       margin-bottom:0rem;
       display: flex;
       align-items: center;
       justify-content: center;
       order:3;
       height:50px;
       border-radius: 5px;
       float:right;
   }

   .gnav .contact-us {
       width:40%;
       background: #e40b20;
       display: flex;
       align-items: center;
       color: white;
       font-size: 1.6rem;
       font-weight:400;
       margin-left:3rem;
       text-align:center;
       order:2;
       padding:0;
       height:50px;
       border-radius: 5px;
       float: left;
   }    

   .gnav .contact-us a{
       padding:1rem 0;

   }

   .gnav .lang.active{
       border-bottom:none;
   }

   .gnav  .lang-menu-wrap{
       top:10vw;
       padding:6.666vw 0;
   }

   .gnav .lang-title{
       font-size:5.333vw;
       margin-bottom:8vw;
   }

   .gnav .lang-title:before{
       width:2.133vw;
       height:3.733vw;
       margin-right:1.333vw;
   }

   .gnav .lang-list{
       display:block;
       justify-content: inherit;
       flex-wrap: inherit;
       padding:0 2vw;
   }

   .gnav .lang-list > li{
       width:100%;
   }

   .gnav .lang-list .pop{
       padding:5.333vw;
   }

   .gnav .lang-list .pop:before{
       right: 3vw;
       width: 3.466vw;
       height: 0.266vw;
   }

   .gnav .lang-list .pop.active:before{
       top:7vw;
   }

   .gnav .lang-list .pop:after{
       right: 4.6vw;
       width: 0.266vw;
       height: 3.466vw;
       transition: none;
   }

   .gnav .lang-list .link a{
       padding:5.333vw;
   }

   .gnav .lang-list .link a:after{
       width:4vw;
       height:2.933vw;
       right:2.3vw;
   }

   .gnav .lang-list > li  span:before{
       width:5.333vw;
       height:3.7333vw;
       margin-right:2.666vw;
   }

   .gnav .corp-list{
       width:100%;
       z-index: 20;
       padding:0;
       display:none;
       position: relative;
       margin-top:5vw
   }

   .gnav .corp-list li{
       border-bottom:0;
   }

   .gnav .corp-list.open{
       display:block;
       justify-content: inherit;  
   }

   .gnav .corp-list a{
       line-height:1.6;
   }

   .gnav .corp-list a:after{
       width:4vw;
       height:2.9333vw;
       margin-left:2.666vw;
   }

   .gnav #g-china .corp-list{
       top:0;
       left:0;
   }

   .gnav #g-malaysia .corp-list{
       top:0;
       left:0;
   }

   .gnav #g-singapore .corp-list{
       top:0;
       left:0;
   }
 }

/* ========================================================
   パンくずリスト
   ===========================================================*/

.breadcrumb{
    display:flex;
    padding:2rem 0 0 2rem;
    margin-bottom:5rem;
    color:white;
    font-size:1.4rem;
}

.breadcrumb :not(:first-child):before{
    content:">";
    display:inline-block;
    padding:0 1.5rem;
}

.breadcrumb a{
    color:#ffffff;
}

@media screen and ( max-width:767px) {
    
}

/* =========================================================
    共通フッター
   ========================================================= */
footer .home-link {
  font-size: 1.6rem;
  padding-left: 30px;
}

footer .home-link a {
  color: #fff;
}

footer .footer-menu{
  background:#2e2e2e;
  padding-top: 50px;
  padding-bottom:50px;
}

footer .footer-menu .list{
    font-size:1.6rem;
    padding:30px 30px 50px 30px;
}

footer .footer-menu .list li {
  float: left;
  font-weight:bold;
  margin-right: 40px;
}

footer .footer-menu .list a{
    color:#ffffff;
  display:block;
  margin-bottom:2rem;
}

footer .footer-menu .list a:before{
    content:"";
    display:inline-block;
    background:url(/english/common_v4/img/icon_footer_arrow.png) center center no-repeat;
    background-size:contain;
    width:9px;
    height:12px;
    margin-right:0.3em;
    position:relative;
    top:1px;  
}
footer .check-in{
    width:310px;
    display:flex;
    justify-content: space-between;
    margin:0 auto;
}

footer .check-in .block{
    width:50%;
    font-size:1.2rem;
    text-align:center;
}

footer .check-in p{
    height:3.4rem;
}

footer .check-in .block a{
    color:#ffffff;
}

footer .footer-logo{
    min-width:1200px;
    padding:3rem 0;
}

footer .footer-logo .inner{
    max-width:1340px;
    margin:0 auto;
}

footer .footer-logo .privacy-policy,
footer .footer-logo .about-this-site{
    font-size:1.2rem;
    margin-bottom:1.6rem;
    text-align: left;
}
footer .footer-logo .privacy-policy {
  float: left;
  margin-right: 2em;
}

footer .footer-logo .privacy-policy a,
footer .footer-logo .about-this-site a{
    text-decoration: underline;
    color: #2e2e2e;
}

footer .footer-logo .privacy-policy a:hover,
footer .footer-logo .about-this-site a:hover {
    text-decoration: none;
}

footer .footer-logo .copy-right img{
    width:115px;
    margin-right: 10px;
}

footer .footer-logo .copy-right span {
    margin-left:0;
}
footer .footer-logo .block{
    width:501px;
    margin: 0 auto;
}

footer .footer-logo span{
    font-size:1.2rem;
    margin-left:1rem;
    margin-top:0.7rem;
    display: inline-block;
}

@media screen and (max-width:1500px) and (min-width:1200px){
  footer .home-link {
    padding-left: 1vw;
  }
  footer .footer-menu .list{
    font-size:1.6rem;
    padding:30px 1vw 50px 1vw;
  }
  footer .footer-menu .list li {
    float: left;
    font-weight:bold;
    margin-right: 2.33vw;
  }
}

@media screen and (max-width:1199px) and (min-width:768px){
  footer .home-link {
    padding-left: 0;
  }
  footer .footer-menu .list{
    font-size:1.6rem;
    padding:30px 0 50px 0;
  }

  footer .footer-menu .list li {
    margin-right: 20px;
  }
}

@media screen and ( max-width:767px) {
  footer .home-link {
    padding-left: 0;
    font-size: 4.3vw;
    margin-bottom: 7vw;
  }
    footer .footer-menu {
        width:100%;
        padding:7rem 0;
    }

    footer .footer-menu .list {
        font-size: 4.3vw;
        padding: 0;
    }
   
    footer .footer-menu li{
        margin-bottom:3vw;
      width: 100%;
    }

    footer .footer-logo {
        min-width: inherit;
        width:100%;
        padding: 4rem 0;
    }

    footer .footer-logo .inner {
        max-width:inherit;
        width: 90%;
        padding: 0;
        margin: 0 auto;
    }

    footer .footer-logo .block {
        width: 100%;
        margin: 0 auto;
        text-align: left;
    }

    footer .footer-logo .copy-right img {
       width:85px;
        margin-bottom:1rem;
    }
    footer .footer-logo span {
        margin-top: 0.8rem;
        font-size:1.0rem;
    }    
}

/* =========================================================
    スライドショー
   ========================================================= */

.link-list {
  display:flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 70px;
}

.link-list figure {
  width: 400px;
  margin:0;
}

.link-list img {
  width: 100%;
  box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .2);
}

.link-list figcaption {
  font-size: 2.2rem;
  font-weight: bold;
  padding: 1em 0;
  text-align: left;
}

.link-list a figcaption {
    color: #2e2e2e;
}

@media screen and (max-width:1500px) and (min-width:1200px){

    .link-list {
        padding-bottom: 4.66vw;
    }

    .link-list figure {
        width: 26.66vw;
    }

    .link-list img {
        box-shadow: 0 0.66vw 1.66vw 0 rgba(0, 0, 0, .2);
    }

    .link-list figcaption {
        font-size: 1.46vw;
    }
}

@media screen and (min-width:768px) and ( max-width:1199px) {
    .link-list {
        padding-bottom: 56px;
    }

    .link-list figure {
        width: 320px;
    }

    .link-list img {
        box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .2);
    }

    .link-list figcaption {
        font-size: 1.76rem;
    }

}

@media screen and (max-width:767px) {
    
    .link-list {
        position: relative;
        padding-bottom: 0;
    }
    
    .link-list figure {
        width: 57.33vw;
        margin:0;
    }
    
    .link-list figcaption {
        font-size: 3.73vw;
        padding: 1.5em 0 0;
    }
    
    .link-list .slick-slide {
        margin:0 4.66vw;
    }
    
    .link-list .slide-arrow {
        width: 18.66vw;
        height: 18.66vw;
        border-radius: 9.33vw;
        background-color: #fff;
        position: absolute;
        z-index: 2;
        top: 3.5vw;
        box-shadow: 3vw 3vw 3vw 3vw rgba(0, 0, 0, .2);
    }
    
    .link-list .slide-arrow img {
        width: 4.66vw;
        position: absolute;
        top: 8vw;
        
    }
    
    .link-list .prev-arrow {
         left: -9.33vw;   
    }
    
    .link-list .next-arrow {
         right: -9.33vw;
    }
    
    .link-list .next-arrow img {
        left: 4.5vw;
    }
}

/* =========================================================
    ページ下部ぱんくずリスト
   ========================================================= */
.bottom-breadcrumb {
  line-height:69px;
  background-color: #d8e3ee;
  overflow-x: scroll;
  white-space: nowrap;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.bottom-breadcrumb::-webkit-scrollbar {  
  display: none; 
}

.bottom-breadcrumb-list {
  display:flex;
  font-size: 1.4rem;
}

.bottom-breadcrumb-list li {
  line-height: 69px;
  background-image: url("/english/common_v4/img/icon_common_bottombreadcrumbarrow.png");
  background-size: auto 69px;
  background-repeat: no-repeat;
  background-position: right center;
  padding:0 35px;
}

.bottom-breadcrumb-list li:first-child {
  padding-left: 0;
}
.bottom-breadcrumb-list li:last-child {
  background-image: none;
}

.bottom-breadcrumb-list a {
  color:#2e2e2e;
}

@media screen and (max-width:1500px) and (min-width:1200px){
  .bottom-breadcrumb {
    line-height: 4.60vw;
  }

  .bottom-breadcrumb-list {
    display:flex;
    font-size: 0.93vw;
  }

  .bottom-breadcrumb-list li {
    line-height: 4.60vw;
    background-size: auto 4.6vw;
    padding:0 2.33vw;
  }
}

@media screen and (max-width:1199px) and (min-width:768px){
  .bottom-breadcrumb {
    line-height: 55px;
  }

  .bottom-breadcrumb-list {
    font-size: 1.12rem;
  }

  .bottom-breadcrumb-list li {
    line-height: 55px;
    background-size: auto 55px;
    padding:0 28px;
  }
}