@charset "utf-8";
.tab-translation{border-bottom:6px solid #0393f3;margin-top:30px;}
@font-face{font-weight:normal;font-style:normal;font-family:'stroke7pixeden';src:url('../fonts/stroke7pixeden/stroke7pixeden.eot?u58ytb');src:url('../fonts/stroke7pixeden/stroke7pixeden.eot?#iefixu58ytb') format('embedded-opentype'),
url('../fonts/stroke7pixeden/stroke7pixeden.woff?u58ytb') format('woff'),
url('../fonts/stroke7pixeden/stroke7pixeden.ttf?u58ytb') format('truetype'),
url('../fonts/stroke7pixeden/stroke7pixeden.svg?u58ytb#stroke7pixeden') format('svg');}
.tabs{position:relative;overflow:hidden;margin:0 auto;width:100%;font-weight:300;font-size:1.25em;}
.tabs nav{text-align:center;}
.tabs nav ul{position:relative;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;margin:0 auto;padding:0;max-width:1200px;list-style:none;-ms-box-orient:horizontal;-ms-box-pack:center;-webkit-flex-flow:row wrap;-moz-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;}
.tabs nav ul li{position:relative;z-index:1;display:block;margin:0;text-align:center;-webkit-flex:1;-moz-flex:1;-ms-flex:1;flex:1;}
.tabs nav a{position:relative;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:2.5;}
.tabs nav a span{vertical-align:middle;font-size:0.75em;}
.tabs nav li.tab-current a{color:#74777b;text-decoration:none;}
.tabs nav a:focus{outline:none;text-decoration:none;}
.icon::before{z-index:10;display:inline-block;margin:0 0.4em 0 0;vertical-align:middle;text-transform:none;font-weight:normal;font-variant:normal;font-size:1.3em;font-family:'stroke7pixeden';line-height:1;speak:none;-webkit-backface-visibility:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.icon-upload::before{content:"\e68a";}
.icon-tools::before{content:"\e60a";}
.icon-plane::before{content:"\e625";}
.icon-joy::before{content:"\e6a4";}
.icon-plug::before{content:"\e69a";}
.icon-home::before{content:"\e648";}
.icon-gift::before{content:"\e652";}
.icon-display::before{content:"\e65e";}
.icon-date::before{content:"\e660";}
.icon-config::before{content:"\e666";}
.icon-coffee::before{content:"\e669";}
.icon-camera::before{content:"\e66f";}
.icon-box::before{content:"\e674";}
.content-wrap{position:relative;}
.content-wrap section{display:none;margin:0 auto;padding:1em;max-width:1200px;text-align:center;}
.content-wrap section.content-current{display:block;}
.content-wrap section p{margin:0;padding:0.75em 0;color:rgba(40,44,42,0.05);font-weight:900;font-size:4em;line-height:1;}
.no-js .content-wrap section{display:block;padding-bottom:2em;border-bottom:1px solid rgba(255,255,255,0.6);}
.no-flexbox nav ul{display:block;}
.no-flexbox nav ul li{min-width:15%;display:inline-block;}
/* for new levels pages */
.translation.jp-en.levels .tabs-style-shape nav li a span{
      padding: 10px 0 0;
      font: bold 20px "メイリオ" !important;
      display: block;
            /* color: #ffffff; */
      /* text-shadow: 0px 1px 2px #00355a; */
      line-height: 23px;
      min-height: 70px;}
.translation.jp-en.levels .tabs-style-shape nav li a span:after{display: none}
.translation.jp-en.levels .tabs-style-shape nav li a span em{display: block;font-size: 14px;font-weight: bold;font-style: normal;margin-top: 3px;}




@media screen and (max-width:58em){.tabs nav a.icon span{display:none;}
.tabs nav a:before{margin-right:0;}
}
.tabs-style-shape{max-width:1200px;}
.tabs-style-shape nav ul li{margin:0 3em;}
.tabs-style-shape nav ul li:first-child{margin-left:0;}
.tabs-style-shape nav ul li.tab-current{z-index:100;}
.tabs-style-shape nav li a{overflow:visible;margin:0 -3em 0 0;padding:0;color:#fff;font-weight:500;text-decoration:none;}
.tabs-style-shape nav li:first-child a span{padding-right:2em;border-radius:30px 0 0 0;}
.tabs-style-shape nav li:first-child a span:after{content:"";display:block;position:absolute;top:12px;right:-5px;width:101px;height:51px;}
.tabs-style-shape nav li:last-child a span{padding-right:3.5em;border-radius:0 30px 0 0;}
.tabs-style-shape nav li:last-child a span:after{content:"";display:block;position:absolute;top:12px;right:18px;width:101px;height:51px;}
.tabs-style-shape nav li a svg{position:absolute;left:100%;margin:0;width:3em;height:100%;fill:#e4e4e4;}
.tabs-style-shape nav li a svg:nth-child(2) ,
.tabs-style-shape nav li:last-child a svg{right:100%;left:auto;-webkit-transform:scale3d(-1,1,1);transform:scale3d(-1,1,1);}
.tabs-style-shape nav li a span{display:block;overflow:hidden;padding:0.65em 0;background-color:#e4e4e4;text-overflow:ellipsis;white-space:nowrap;font:bold 25px "メイリオ";color:#000;}
.tabs-style-shape nav li a:hover span{background-color:#dcf1ff;color:#000;}
.tabs-style-shape nav li a:hover svg{fill:#dcf1ff;text-decoration:none;}
.tabs-style-shape nav li a svg{pointer-events:none;    margin-right: -1px;}
.tabs-style-shape nav li a svg use{pointer-events:auto;}
.tabs-style-shape nav li.tab-current a span,
.tabs-style-shape nav li.tab-current a svg{-webkit-transition:none;transition:none;}
.tabs-style-shape nav li.tab-current a span{background:#0393f3;color:#fff;}
.tabs-style-shape nav li.tab-current a svg{fill:#0393f3;}
.tabs-style-shape .content-wrap{background:#0393f3;}
@media screen and (max-width:58em){.tabs-style-shape nav ul{display:block;padding-top:1.5em;}
.tabs-style-shape nav ul li{display:block;margin:-1.25em 0 0;-webkit-flex:none;flex:none;}
.tabs-style-shape nav ul li a{margin:0;}
.tabs-style-shape nav ul li svg{display:none;}
.tabs-style-shape nav ul li a span{padding:1.25em 0 2em !important;border-radius:30px 30px 0 0 !important;box-shadow:0 -1px 2px rgba(0,0,0,0.1);line-height:1;}
.tabs-style-shape nav ul li:last-child a span{padding:1.25em 0 !important;}
.tabs-style-shape nav ul li.tab-current{z-index:1;}
}
@media screen and (max-width:600px){.tabs-style-shape nav li:first-child a span:after,.tabs-style-shape nav li:last-child a span:after{display:none;}
}

@media all and (-ms-high-contrast:none)
     {
     .tabs-style-shape nav li a svg {left: 99%; top:1%} /* IE10 */
     ::-ms-backdrop, .tabs-style-shape nav li a svg {left: 99%; top:1%;}
	 ::-ms-backdrop, .tabs-style-shape nav li a span{padding:0.6em 0}
	 ::-ms-backdrop, .tabs-style-shape nav li a svg:nth-child(2), .tabs-style-shape nav li:last-child a svg{right:99%}
	  /* IE11 */ 
      }

.tabs-style-shape.client-voice nav li:first-child a span:after{content:"";display:block;position:absolute;top:6px !important;right:-5px;background:url(../img/quality/testimonials/video/tabs-client-voice.png) 0 0 no-repeat;width:69px;height:61px !important;}
.tabs-style-shape.client-voice nav li:last-child a span:after{content:"";display:block;position:absolute;top:6px !important;right:18px;background:url(../img/quality/testimonials/video/tabs-interview.png) 0 0 no-repeat;width:69px;height:61px !important;}