@charset "UTF-8"; @import url("//hello.myfonts.net/count/30b75b"); /** @license MyFonts Webfont Build ID 3192667, 2016-03-26T00:17:04-0400 The fonts listed in this notice are subject to the End User License Agreement(s) entered into by the website owner. All other parties are explicitly restricted from using the Licensed Webfonts(s). You may obtain a valid license at the URLs below. Webfont: AvenirNextLTPro-UltLtIt by Linotype URL: http://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-ultralight-italic/ Copyright: Copyright © 2004 - 2007 Linotype GmbH, www.linotype.com. All rights reserved. This font software may not be reproduced, modified, disclosed or transferred without the express written approval of Linotype GmbH. Avenir is a trademark of Linotype GmbH Webfont: AvenirNextLTPro-ThinIt by Linotype URL: http://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-thin-italic/ Copyright: Copyright © 2012 Linotype GmbH, www.linotype.com. All rights reserved. This font software may not be reproduced, modified, disclosed or transferred without the express written approval of Linotype GmbH. Avenir is a trademark of Linotype GmbH regist Webfont: AvenirNextLTPro-BoldCnIt by Linotype URL: http://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-condensed-bold-italic/ Copyright: Copyright © 2004 - 2007 Linotype GmbH, www.linotype.com. All rights reserved. This font software may not be reproduced, modified, disclosed or transferred without the express written approval of Linotype GmbH. Avenir is a trademark of Linotype GmbH Webfont: AvenirNextLTPro-Medium by Linotype URL: http://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-medium/ Copyright: Copyright © 2004 - 2007 Linotype GmbH, www.linotype.com. All rights reserved. This font software may not be reproduced, modified, disclosed or transferred without the express written approval of Linotype GmbH. Avenir is a trademark of Linotype GmbH Webfont: AvenirNextLTPro-BoldCn by Linotype URL: http://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-condensed-bold/ Copyright: Copyright © 2004 - 2007 Linotype GmbH, www.linotype.com. All rights reserved. This font software may not be reproduced, modified, disclosed or transferred without the express written approval of Linotype GmbH. Avenir is a trademark of Linotype GmbH Webfont: AvenirNextLTPro-Cn by Linotype URL: http://www.myfonts.com/fonts/linotype/avenir-next-pro/avenira-next-pro-condensed/ Copyright: Copyright © 2004 - 2007 Linotype GmbH, www.linotype.com. All rights reserved. This font software may not be reproduced, modified, disclosed or transferred without the express written approval of Linotype GmbH. Avenir is a trademark of Linotype GmbH Webfont: AvenirNextLTPro-HeavyIt by Linotype URL: http://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-heavy-italic/ Copyright: Copyright © 2004 - 2007 Linotype GmbH, www.linotype.com. All rights reserved. This font software may not be reproduced, modified, disclosed or transferred without the express written approval of Linotype GmbH. Avenir is a trademark of Linotype GmbH Webfont: AvenirNextLTPro-Regular by Linotype URL: http://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-regular/ Copyright: Copyright © 2004 - 2007 Linotype GmbH, www.linotype.com. All rights reserved. This font software may not be reproduced, modified, disclosed or transferred without the express written approval of Linotype GmbH. Avenir is a trademark of Linotype GmbH Webfont: AvenirNextLTPro-BoldIt by Linotype URL: http://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-bold-italic/ Copyright: Copyright © 2004 - 2007 Linotype GmbH, www.linotype.com. All rights reserved. This font software may not be reproduced, modified, disclosed or transferred without the express written approval of Linotype GmbH. Avenir is a trademark of Linotype GmbH Webfont: AvenirNextLTPro-UltLt by Linotype URL: http://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-ultralight/ Copyright: Copyright © 2004 - 2007 Linotype GmbH, www.linotype.com. All rights reserved. This font software may not be reproduced, modified, disclosed or transferred without the express written approval of Linotype GmbH. Avenir is a trademark of Linotype GmbH Webfont: AvenirNextLTPro-LightCnIt by Linotype URL: http://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-condensed-light-italic/ Copyright: Copyright © 2012 Linotype GmbH, www.linotype.com. All rights reserved. This font software may not be reproduced, modified, disclosed or transferred without the express written approval of Linotype GmbH. Avenir is a trademark of Linotype GmbH regist Webfont: AvenirNextLTPro-Demi by Linotype URL: http://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-demi/ Copyright: Copyright © 2004 - 2007 Linotype GmbH, www.linotype.com. All rights reserved. This font software may not be reproduced, modified, disclosed or transferred without the express written approval of Linotype GmbH. Avenir is a trademark of Linotype GmbH Webfont: AvenirNextLTPro-CnIt by Linotype URL: http://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-condensed-italic/ Copyright: Copyright © 2004 - 2007 Linotype GmbH, www.linotype.com. All rights reserved. This font software may not be reproduced, modified, disclosed or transferred without the express written approval of Linotype GmbH. Avenir is a trademark of Linotype GmbH Webfont: AvenirNextLTPro-Thin by Linotype URL: http://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-thin/ Copyright: Copyright © 2012 Linotype GmbH, www.linotype.com. All rights reserved. This font software may not be reproduced, modified, disclosed or transferred without the express written approval of Linotype GmbH. Avenir is a trademark of Linotype GmbH regist Webfont: AvenirNextLTPro-It by Linotype URL: http://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-italic/ Copyright: Copyright © 2004 - 2007 Linotype GmbH, www.linotype.com. All rights reserved. This font software may not be reproduced, modified, disclosed or transferred without the express written approval of Linotype GmbH. Avenir is a trademark of Linotype GmbH Webfont: AvenirNextLTPro-DemiIt by Linotype URL: http://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-demi-italic/ Copyright: Copyright © 2004 - 2007 Linotype GmbH, www.linotype.com. All rights reserved. This font software may not be reproduced, modified, disclosed or transferred without the express written approval of Linotype GmbH. Avenir is a trademark of Linotype GmbH Webfont: AvenirNextLTPro-HeavyCn by Linotype URL: http://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-condensed-heavy/ Copyright: Copyright © 2004 - 2007 Linotype GmbH, www.linotype.com. All rights reserved. This font software may not be reproduced, modified, disclosed or transferred without the express written approval of Linotype GmbH. Avenir is a trademark of Linotype GmbH Webfont: AvenirNextLTPro-Bold by Linotype URL: http://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-bold/ Copyright: Copyright © 2004 - 2007 Linotype GmbH, www.linotype.com. All rights reserved. This font software may not be reproduced, modified, disclosed or transferred without the express written approval of Linotype GmbH. Avenir is a trademark of Linotype GmbH Webfont: AvenirNextLTPro-MediumCnIt by Linotype URL: http://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-condensed-medium-italic/ Copyright: Copyright © 2004 - 2007 Linotype GmbH, www.linotype.com. All rights reserved. This font software may not be reproduced, modified, disclosed or transferred without the express written approval of Linotype GmbH. Avenir is a trademark of Linotype GmbH Webfont: AvenirNextLTPro-DemiCnIt by Linotype URL: http://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-condensed-demi-italic/ Copyright: Copyright © 2004 - 2007 Linotype GmbH, www.linotype.com. All rights reserved. This font software may not be reproduced, modified, disclosed or transferred without the express written approval of Linotype GmbH. Avenir is a trademark of Linotype GmbH Webfont: AvenirNextLTPro-Light by Linotype URL: http://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-light/ Copyright: Copyright © 2012 Linotype GmbH, www.linotype.com. All rights reserved. This font software may not be reproduced, modified, disclosed or transferred without the express written approval of Linotype GmbH. Avenir is a trademark of Linotype GmbH regist Webfont: AvenirNextLTPro-LightIt by Linotype URL: http://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-light-italic/ Copyright: Copyright © 2012 Linotype GmbH, www.linotype.com. All rights reserved. This font software may not be reproduced, modified, disclosed or transferred without the express written approval of Linotype GmbH. Avenir is a trademark of Linotype GmbH regist Webfont: AvenirNextLTPro-Heavy by Linotype URL: http://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-heavy/ Copyright: Copyright © 2004 - 2007 Linotype GmbH, www.linotype.com. All rights reserved. This font software may not be reproduced, modified, disclosed or transferred without the express written approval of Linotype GmbH. Avenir is a trademark of Linotype GmbH Webfont: AvenirNextLTPro-UltLtCnIt by Linotype URL: http://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-condensed-ultralight-italic/ Copyright: Copyright © 2004 - 2007 Linotype GmbH, www.linotype.com. All rights reserved. This font software may not be reproduced, modified, disclosed or transferred without the express written approval of Linotype GmbH. Avenir is a trademark of Linotype GmbH Webfont: AvenirNextLTPro-ThinCnIt by Linotype URL: http://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-condensed-thin-italic/ Copyright: Copyright © 2012 Linotype GmbH, www.linotype.com. All rights reserved. This font software may not be reproduced, modified, disclosed or transferred without the express written approval of Linotype GmbH. Avenir is a trademark of Linotype GmbH regist Webfont: AvenirNextLTPro-HeavyCnIt by Linotype URL: http://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-condensed-heavy-italic/ Copyright: Copyright © 2004 - 2007 Linotype GmbH, www.linotype.com. All rights reserved. This font software may not be reproduced, modified, disclosed or transferred without the express written approval of Linotype GmbH. Avenir is a trademark of Linotype GmbH Webfont: AvenirNextLTPro-DemiCn by Linotype URL: http://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-condensed-demi/ Copyright: Copyright © 2004 - 2007 Linotype GmbH, www.linotype.com. All rights reserved. This font software may not be reproduced, modified, disclosed or transferred without the express written approval of Linotype GmbH. Avenir is a trademark of Linotype GmbH Webfont: AvenirNextLTPro-ThinCn by Linotype URL: http://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-condensed-thin/ Copyright: Copyright © 2012 Linotype GmbH, www.linotype.com. All rights reserved. This font software may not be reproduced, modified, disclosed or transferred without the express written approval of Linotype GmbH. Avenir is a trademark of Linotype GmbH regist Webfont: AvenirNextLTPro-MediumIt by Linotype URL: http://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-medium-italic/ Copyright: Copyright © 2004 - 2007 Linotype GmbH, www.linotype.com. All rights reserved. This font software may not be reproduced, modified, disclosed or transferred without the express written approval of Linotype GmbH. Avenir is a trademark of Linotype GmbH Webfont: AvenirNextLTPro-UltLtCn by Linotype URL: http://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-condensed-ultralight/ Copyright: Copyright © 2004 - 2007 Linotype GmbH, www.linotype.com. All rights reserved. This font software may not be reproduced, modified, disclosed or transferred without the express written approval of Linotype GmbH. Avenir is a trademark of Linotype GmbH Webfont: AvenirNextLTPro-MediumCn by Linotype URL: http://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-condensed-medium/ Copyright: Copyright © 2004 - 2007 Linotype GmbH, www.linotype.com. All rights reserved. This font software may not be reproduced, modified, disclosed or transferred without the express written approval of Linotype GmbH. Avenir is a trademark of Linotype GmbH Webfont: AvenirNextLTPro-LightCn by Linotype URL: http://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-condensed-light/ Copyright: Copyright © 2012 Linotype GmbH, www.linotype.com. All rights reserved. This font software may not be reproduced, modified, disclosed or transferred without the express written approval of Linotype GmbH. Avenir is a trademark of Linotype GmbH regist License: http://www.myfonts.com/viewlicense?type=web&buildid=3192667 Licensed pageviews: 250,000 © 2016 MyFonts Inc */ /* @import must be at top of file, otherwise CSS will not work */ @font-face { font-family: 'AvenirNextLTPro-UltLtIt'; src: url("/brand/technology/common/fonts/30B75B_0_0.eot"); src: url("/brand/technology/common/fonts/30B75B_0_0.eot?#iefix") format("embedded-opentype"), url("/brand/technology/common/fonts/30B75B_0_0.woff2") format("woff2"), url("/brand/technology/common/fonts/30B75B_0_0.woff") format("woff"), url("/brand/technology/common/fonts/30B75B_0_0.ttf") format("truetype"); } @font-face { font-family: 'AvenirNextLTPro-ThinIt'; src: url("/brand/technology/common/fonts/30B75B_1_0.eot"); src: url("/brand/technology/common/fonts/30B75B_1_0.eot?#iefix") format("embedded-opentype"), url("/brand/technology/common/fonts/30B75B_1_0.woff2") format("woff2"), url("/brand/technology/common/fonts/30B75B_1_0.woff") format("woff"), url("/brand/technology/common/fonts/30B75B_1_0.ttf") format("truetype"); } @font-face { font-family: 'AvenirNextLTPro-BoldCnIt'; src: url("/brand/technology/common/fonts/30B75B_2_0.eot"); src: url("/brand/technology/common/fonts/30B75B_2_0.eot?#iefix") format("embedded-opentype"), url("/brand/technology/common/fonts/30B75B_2_0.woff2") format("woff2"), url("/brand/technology/common/fonts/30B75B_2_0.woff") format("woff"), url("/brand/technology/common/fonts/30B75B_2_0.ttf") format("truetype"); } @font-face { font-family: 'AvenirNextLTPro-Medium', 'Arial'; src: url("/brand/technology/common/fonts/30B75B_3_0.eot"); src: url("/brand/technology/common/fonts/30B75B_3_0.eot?#iefix") format("embedded-opentype"), url("/brand/technology/common/fonts/30B75B_3_0.woff") format("woff"), url("/brand/technology/common/fonts/30B75B_3_0.ttf") format("truetype"); } @font-face { font-family: 'AvenirNextLTPro-BoldCn'; src: url("/brand/technology/common/fonts/30B75B_4_0.eot"); src: url("/brand/technology/common/fonts/30B75B_4_0.eot?#iefix") format("embedded-opentype"), url("/brand/technology/common/fonts/30B75B_4_0.woff2") format("woff2"), url("/brand/technology/common/fonts/30B75B_4_0.woff") format("woff"), url("/brand/technology/common/fonts/30B75B_4_0.ttf") format("truetype"); } @font-face { font-family: 'AvenirNextLTPro-Cn'; src: url("/brand/technology/common/fonts/30B75B_5_0.eot"); src: url("/brand/technology/common/fonts/30B75B_5_0.eot?#iefix") format("embedded-opentype"), url("/brand/technology/common/fonts/30B75B_5_0.woff2") format("woff2"), url("/brand/technology/common/fonts/30B75B_5_0.woff") format("woff"), url("/brand/technology/common/fonts/30B75B_5_0.ttf") format("truetype"); } @font-face { font-family: 'AvenirNextLTPro-HeavyIt'; src: url("/brand/technology/common/fonts/30B75B_6_0.eot"); src: url("/brand/technology/common/fonts/30B75B_6_0.eot?#iefix") format("embedded-opentype"), url("/brand/technology/common/fonts/30B75B_6_0.woff2") format("woff2"), url("/brand/technology/common/fonts/30B75B_6_0.woff") format("woff"), url("/brand/technology/common/fonts/30B75B_6_0.ttf") format("truetype"); } @font-face { font-family: 'AvenirNextLTPro-Regular', 'Arial'; src: url("/brand/technology/common/fonts/30B75B_7_0.eot"); src: url("/brand/technology/common/fonts/30B75B_7_0.eot?#iefix") format("embedded-opentype"), url("/brand/technology/common/fonts/30B75B_7_0.woff") format("woff"), url("/brand/technology/common/fonts/30B75B_7_0.ttf") format("truetype"); } @font-face { font-family: 'AvenirNextLTPro-BoldIt'; src: url("/brand/technology/common/fonts/30B75B_8_0.eot"); src: url("/brand/technology/common/fonts/30B75B_8_0.eot?#iefix") format("embedded-opentype"), url("/brand/technology/common/fonts/30B75B_8_0.woff2") format("woff2"), url("/brand/technology/common/fonts/30B75B_8_0.woff") format("woff"), url("/brand/technology/common/fonts/30B75B_8_0.ttf") format("truetype"); } @font-face { font-family: 'AvenirNextLTPro-UltLt'; src: url("/brand/technology/common/fonts/30B75B_9_0.eot"); src: url("/brand/technology/common/fonts/30B75B_9_0.eot?#iefix") format("embedded-opentype"), url("/brand/technology/common/fonts/30B75B_9_0.woff2") format("woff2"), url("/brand/technology/common/fonts/30B75B_9_0.woff") format("woff"), url("/brand/technology/common/fonts/30B75B_9_0.ttf") format("truetype"); } @font-face { font-family: 'AvenirNextLTPro-LightCnIt'; src: url("/brand/technology/common/fonts/30B75B_A_0.eot"); src: url("/brand/technology/common/fonts/30B75B_A_0.eot?#iefix") format("embedded-opentype"), url("/brand/technology/common/fonts/30B75B_A_0.woff2") format("woff2"), url("/brand/technology/common/fonts/30B75B_A_0.woff") format("woff"), url("/brand/technology/common/fonts/30B75B_A_0.ttf") format("truetype"); } @font-face { font-family: 'AvenirNextLTPro-Demi', 'Arial'; src: url("/brand/technology/common/fonts/30B75B_B_0.eot"); src: url("/brand/technology/common/fonts/30B75B_B_0.eot?#iefix") format("embedded-opentype"), url("/brand/technology/common/fonts/30B75B_B_0.woff2") format("woff2"), url("/brand/technology/common/fonts/30B75B_B_0.woff") format("woff"), url("/brand/technology/common/fonts/30B75B_B_0.ttf") format("truetype"); } @font-face { font-family: 'AvenirNextLTPro-CnIt'; src: url("/brand/technology/common/fonts/30B75B_C_0.eot"); src: url("/brand/technology/common/fonts/30B75B_C_0.eot?#iefix") format("embedded-opentype"), url("/brand/technology/common/fonts/30B75B_C_0.woff2") format("woff2"), url("/brand/technology/common/fonts/30B75B_C_0.woff") format("woff"), url("/brand/technology/common/fonts/30B75B_C_0.ttf") format("truetype"); } @font-face { font-family: 'AvenirNextLTPro-Thin'; src: url("/brand/technology/common/fonts/30B75B_D_0.eot"); src: url("/brand/technology/common/fonts/30B75B_D_0.eot?#iefix") format("embedded-opentype"), url("/brand/technology/common/fonts/30B75B_D_0.woff2") format("woff2"), url("/brand/technology/common/fonts/30B75B_D_0.woff") format("woff"), url("/brand/technology/common/fonts/30B75B_D_0.ttf") format("truetype"); } @font-face { font-family: 'AvenirNextLTPro-It'; src: url("/brand/technology/common/fonts/30B75B_E_0.eot"); src: url("/brand/technology/common/fonts/30B75B_E_0.eot?#iefix") format("embedded-opentype"), url("/brand/technology/common/fonts/30B75B_E_0.woff2") format("woff2"), url("/brand/technology/common/fonts/30B75B_E_0.woff") format("woff"), url("/brand/technology/common/fonts/30B75B_E_0.ttf") format("truetype"); } @font-face { font-family: 'AvenirNextLTPro-DemiIt'; src: url("/brand/technology/common/fonts/30B75B_F_0.eot"); src: url("/brand/technology/common/fonts/30B75B_F_0.eot?#iefix") format("embedded-opentype"), url("/brand/technology/common/fonts/30B75B_F_0.woff2") format("woff2"), url("/brand/technology/common/fonts/30B75B_F_0.woff") format("woff"), url("/brand/technology/common/fonts/30B75B_F_0.ttf") format("truetype"); } @font-face { font-family: 'AvenirNextLTPro-HeavyCn'; src: url("/brand/technology/common/fonts/30B75B_10_0.eot"); src: url("/brand/technology/common/fonts/30B75B_10_0.eot?#iefix") format("embedded-opentype"), url("/brand/technology/common/fonts/30B75B_10_0.woff2") format("woff2"), url("/brand/technology/common/fonts/30B75B_10_0.woff") format("woff"), url("/brand/technology/common/fonts/30B75B_10_0.ttf") format("truetype"); } @font-face { font-family: 'AvenirNextLTPro-Bold'; src: url("/brand/technology/common/fonts/30B75B_11_0.eot"); src: url("/brand/technology/common/fonts/30B75B_11_0.eot?#iefix") format("embedded-opentype"), url("/brand/technology/common/fonts/30B75B_11_0.woff2") format("woff2"), url("/brand/technology/common/fonts/30B75B_11_0.woff") format("woff"), url("/brand/technology/common/fonts/30B75B_11_0.ttf") format("truetype"); } @font-face { font-family: 'AvenirNextLTPro-MediumCnIt'; src: url("/brand/technology/common/fonts/30B75B_12_0.eot"); src: url("/brand/technology/common/fonts/30B75B_12_0.eot?#iefix") format("embedded-opentype"), url("/brand/technology/common/fonts/30B75B_12_0.woff2") format("woff2"), url("/brand/technology/common/fonts/30B75B_12_0.woff") format("woff"), url("/brand/technology/common/fonts/30B75B_12_0.ttf") format("truetype"); } @font-face { font-family: 'AvenirNextLTPro-DemiCnIt'; src: url("/brand/technology/common/fonts/30B75B_13_0.eot"); src: url("/brand/technology/common/fonts/30B75B_13_0.eot?#iefix") format("embedded-opentype"), url("/brand/technology/common/fonts/30B75B_13_0.woff2") format("woff2"), url("/brand/technology/common/fonts/30B75B_13_0.woff") format("woff"), url("/brand/technology/common/fonts/30B75B_13_0.ttf") format("truetype"); } @font-face { font-family: 'AvenirNextLTPro-Light'; src: url("/brand/technology/common/fonts/30B75B_14_0.eot"); src: url("/brand/technology/common/fonts/30B75B_14_0.eot?#iefix") format("embedded-opentype"), url("/brand/technology/common/fonts/30B75B_14_0.woff2") format("woff2"), url("/brand/technology/common/fonts/30B75B_14_0.woff") format("woff"), url("/brand/technology/common/fonts/30B75B_14_0.ttf") format("truetype"); } @font-face { font-family: 'AvenirNextLTPro-LightIt'; src: url("/brand/technology/common/fonts/30B75B_15_0.eot"); src: url("/brand/technology/common/fonts/30B75B_15_0.eot?#iefix") format("embedded-opentype"), url("/brand/technology/common/fonts/30B75B_15_0.woff2") format("woff2"), url("/brand/technology/common/fonts/30B75B_15_0.woff") format("woff"), url("/brand/technology/common/fonts/30B75B_15_0.ttf") format("truetype"); } @font-face { font-family: 'AvenirNextLTPro-Heavy'; src: url("/brand/technology/common/fonts/30B75B_16_0.eot"); src: url("/brand/technology/common/fonts/30B75B_16_0.eot?#iefix") format("embedded-opentype"), url("/brand/technology/common/fonts/30B75B_16_0.woff2") format("woff2"), url("/brand/technology/common/fonts/30B75B_16_0.woff") format("woff"), url("/brand/technology/common/fonts/30B75B_16_0.ttf") format("truetype"); } @font-face { font-family: 'AvenirNextLTPro-UltLtCnIt'; src: url("/brand/technology/common/fonts/30B75B_17_0.eot"); src: url("/brand/technology/common/fonts/30B75B_17_0.eot?#iefix") format("embedded-opentype"), url("/brand/technology/common/fonts/30B75B_17_0.woff2") format("woff2"), url("/brand/technology/common/fonts/30B75B_17_0.woff") format("woff"), url("/brand/technology/common/fonts/30B75B_17_0.ttf") format("truetype"); } @font-face { font-family: 'AvenirNextLTPro-ThinCnIt'; src: url("/brand/technology/common/fonts/30B75B_18_0.eot"); src: url("/brand/technology/common/fonts/30B75B_18_0.eot?#iefix") format("embedded-opentype"), url("/brand/technology/common/fonts/30B75B_18_0.woff2") format("woff2"), url("/brand/technology/common/fonts/30B75B_18_0.woff") format("woff"), url("/brand/technology/common/fonts/30B75B_18_0.ttf") format("truetype"); } @font-face { font-family: 'AvenirNextLTPro-HeavyCnIt'; src: url("/brand/technology/common/fonts/30B75B_19_0.eot"); src: url("/brand/technology/common/fonts/30B75B_19_0.eot?#iefix") format("embedded-opentype"), url("/brand/technology/common/fonts/30B75B_19_0.woff2") format("woff2"), url("/brand/technology/common/fonts/30B75B_19_0.woff") format("woff"), url("/brand/technology/common/fonts/30B75B_19_0.ttf") format("truetype"); } @font-face { font-family: 'AvenirNextLTPro-DemiCn'; src: url("/brand/technology/common/fonts/30B75B_1A_0.eot"); src: url("/brand/technology/common/fonts/30B75B_1A_0.eot?#iefix") format("embedded-opentype"), url("/brand/technology/common/fonts/30B75B_1A_0.woff2") format("woff2"), url("/brand/technology/common/fonts/30B75B_1A_0.woff") format("woff"), url("/brand/technology/common/fonts/30B75B_1A_0.ttf") format("truetype"); } @font-face { font-family: 'AvenirNextLTPro-ThinCn'; src: url("/brand/technology/common/fonts/30B75B_1B_0.eot"); src: url("/brand/technology/common/fonts/30B75B_1B_0.eot?#iefix") format("embedded-opentype"), url("/brand/technology/common/fonts/30B75B_1B_0.woff2") format("woff2"), url("/brand/technology/common/fonts/30B75B_1B_0.woff") format("woff"), url("/brand/technology/common/fonts/30B75B_1B_0.ttf") format("truetype"); } @font-face { font-family: 'AvenirNextLTPro-MediumIt'; src: url("/brand/technology/common/fonts/30B75B_1C_0.eot"); src: url("/brand/technology/common/fonts/30B75B_1C_0.eot?#iefix") format("embedded-opentype"), url("/brand/technology/common/fonts/30B75B_1C_0.woff2") format("woff2"), url("/brand/technology/common/fonts/30B75B_1C_0.woff") format("woff"), url("/brand/technology/common/fonts/30B75B_1C_0.ttf") format("truetype"); } @font-face { font-family: 'AvenirNextLTPro-UltLtCn'; src: url("/brand/technology/common/fonts/30B75B_1D_0.eot"); src: url("/brand/technology/common/fonts/30B75B_1D_0.eot?#iefix") format("embedded-opentype"), url("/brand/technology/common/fonts/30B75B_1D_0.woff2") format("woff2"), url("/brand/technology/common/fonts/30B75B_1D_0.woff") format("woff"), url("/brand/technology/common/fonts/30B75B_1D_0.ttf") format("truetype"); } @font-face { font-family: 'AvenirNextLTPro-MediumCn'; src: url("/brand/technology/common/fonts/30B75B_1E_0.eot"); src: url("/brand/technology/common/fonts/30B75B_1E_0.eot?#iefix") format("embedded-opentype"), url("/brand/technology/common/fonts/30B75B_1E_0.woff2") format("woff2"), url("/brand/technology/common/fonts/30B75B_1E_0.woff") format("woff"), url("/brand/technology/common/fonts/30B75B_1E_0.ttf") format("truetype"); } @font-face { font-family: 'AvenirNextLTPro-LightCn'; src: url("/brand/technology/common/fonts/30B75B_1F_0.eot"); src: url("/brand/technology/common/fonts/30B75B_1F_0.eot?#iefix") format("embedded-opentype"), url("/brand/technology/common/fonts/30B75B_1F_0.woff2") format("woff2"), url("/brand/technology/common/fonts/30B75B_1F_0.woff") format("woff"), url("/brand/technology/common/fonts/30B75B_1F_0.ttf") format("truetype"); } /*# sourceMappingURL=MyFontsWebfontsKit.css.map */ html { font-size: 62.5%; } body { font-size: 14px; color: #1B1B1B; background: #fff; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body { background: #fff; color: #333333; } body, .default_font_family { font-family: 'Helvetica', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro W3', 'Lucida Grande', 'Verdana', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', sans-serif; } .jp_font_family { font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro W3','Helvetica', 'Lucida Grande', 'Verdana', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', sans-serif; } #container { width: 100%; } #gnav_header { position: absolute; top: 0; left: 0; right: 0; margin: auto; } #l_footer { background: #00020b; width: 100%; padding-top: 0; } #l_footer #foot_navi_sitemap .inner { border-top: none; } #l_wrapper article, #l_wrapper aside, #l_wrapper details, #l_wrapper figcaption, #l_wrapper figure, #l_wrapper footer, #l_wrapper header, #l_wrapper hgroup, #l_wrapper main, #l_wrapper menu, #l_wrapper nav, #l_wrapper section, #l_wrapper summary { display: block; } #l_wrapper audio, #l_wrapper canvas, #l_wrapper progress, #l_wrapper video { display: inline-block; vertical-align: baseline; } #l_wrapper audio:not([controls]) { display: none; height: 0; } #l_wrapper [hidden], #l_wrapper template { display: none; } #l_wrapper a { background-color: transparent; } #l_wrapper a:active, #l_wrapper a:hover { outline: 0; } #l_wrapper abbr[title] { border-bottom: 1px dotted; } #l_wrapper b, #l_wrapper strong { font-weight: bold; } #l_wrapper dfn { font-style: italic; } #l_wrapper h1 { font-size: 2em; margin: 0.67em 0; } #l_wrapper mark { background: #ff0; color: #000; } #l_wrapper small { font-size: 100%; } #l_wrapper sub, #l_wrapper sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } #l_wrapper sup { top: -0.5em; } #l_wrapper sub { bottom: -0.25em; } #l_wrapper img { border: 0; } #l_wrapper svg:not(:root) { overflow: hidden; } #l_wrapper figure { margin: 1em 40px; } #l_wrapper hr { box-sizing: content-box; height: 0; } #l_wrapper pre { overflow: auto; } #l_wrapper code, #l_wrapper kbd, #l_wrapper pre, #l_wrapper samp { font-family: monospace, monospace; font-size: 1em; } #l_wrapper button, #l_wrapper input, #l_wrapper optgroup, #l_wrapper select, #l_wrapper textarea { color: inherit; font: inherit; margin: 0; } #l_wrapper button { overflow: visible; } #l_wrapper button, #l_wrapper select { text-transform: none; } #l_wrapper button, #l_wrapper html input[type="button"], #l_wrapper input[type="reset"], #l_wrapper input[type="submit"] { -webkit-appearance: button; cursor: pointer; } #l_wrapper button[disabled], #l_wrapper html input[disabled] { cursor: default; } #l_wrapper button::-moz-focus-inner, #l_wrapper input::-moz-focus-inner { border: 0; padding: 0; } #l_wrapper input { line-height: normal; } #l_wrapper input[type="checkbox"], #l_wrapper input[type="radio"] { box-sizing: border-box; padding: 0; } #l_wrapper input[type="number"]::-webkit-inner-spin-button, #l_wrapper input[type="number"]::-webkit-outer-spin-button { height: auto; } #l_wrapper input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } #l_wrapper input[type="search"]::-webkit-search-cancel-button, #l_wrapper input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } #l_wrapper fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } #l_wrapper legend { border: 0; padding: 0; } #l_wrapper textarea { overflow: auto; } #l_wrapper optgroup { font-weight: bold; } #l_wrapper table { border-collapse: collapse; border-spacing: 0; } #l_wrapper td, #l_wrapper th { padding: 0; } #l_wrapper button, #l_wrapper input { line-height: 1.2; } #l_wrapper img { max-width: 100%; } #l_wrapper a { text-decoration: none; } #l_wrapper a:link { color: #1e5fc2; text-decoration: none; -webkit-transition: all .25s ease; transition: all .25s ease; } #l_wrapper a:visited { color: #1e5fc2; text-decoration: none; } #l_wrapper a:hover, #l_wrapper a:active, #l_wrapper a:focus { color: #1e5fc2; text-decoration: none; opacity: .7; } #l_wrapper h1, #l_wrapper h2, #l_wrapper h3, #l_wrapper h4, #l_wrapper h5, #l_wrapper h6, #l_wrapper p, #l_wrapper ul, #l_wrapper ol, #l_wrapper dl, #l_wrapper blockquote, #l_wrapper pre { margin: 0; font-size: 1em; } #l_wrapper td, #l_wrapper th { padding: 0; } #l_wrapper ul, #l_wrapper ol { padding-left: 0; } #l_wrapper li { list-style-type: none; } #l_wrapper dd { margin-left: 0; } #l_wrapper img { vertical-align: bottom; } #l_wrapper em { font-style: normal; font-weight: bold; } #l_wrapper button, #l_wrapper input[type="button"], #l_wrapper input[type="reset"], #l_wrapper input[type="submit"] { margin: 0; padding: 0; border: 0; background-color: transparent; outline: none; } #l_wrapper th, #l_wrapper td { word-wrap: break-word; overflow-wrap: break-word; } #l_wrapper div { box-sizing: border-box; } #l_wrapper .l_structure-a { min-width: 1162px; width: 1162px; margin: 0 auto; } #l_wrapper .c_image_box-b { margin: 0 0 40px; text-align: center; } #l_wrapper .c_hero { height: 630px; background: center center no-repeat; background-size: cover; position: relative; overflow: hidden; } #l_wrapper .c_hero .c_hero_inner-a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 1162px; height: 630px; color: #fff; margin: auto; padding: 110px 0 0; } #l_wrapper .c_hero .c_hero_inner-b { width: 1162px; margin: auto; position: absolute; right: 0; bottom: 50px; left: 0; } #l_wrapper .c_hero .c_hero_title { display: inline-block; font-size: 34px; font-size: 3.4rem; font-family: 'AvenirNextLTPro-Medium', 'Arial'; line-height: 1; } #l_wrapper .c_hero .c_hero_txt-a { font-size: 16px; font-size: 1.6rem; font-family: 'AvenirNextLTPro-Regular', 'Arial'; line-height: 1; margin: 0 0 16px; } #l_wrapper .c_hero .c_hero_txt-b { font-size: 32px; font-size: 3.2rem; font-family: 'AvenirNextLTPro-Regular', 'Arial'; line-height: 1; padding: 38px 0 0; } #l_wrapper .c_hero .c_hero_txt-c { font-size: 16px; font-size: 1.6rem; line-height: 1; padding: 10px 0 0; text-transform: uppercase; } #l_wrapper .c_hero .c_hero_link { display: inline-block; border-radius: 22px; background: rgba(0, 0, 0, 0.6); margin: 50px 0 0; padding: 0 40px; position: relative; } #l_wrapper .c_hero .c_hero_link:before { content: ''; width: 30px; height: 1px; background: #fff; position: absolute; top: -29px; left: 0; } #l_wrapper .c_hero .c_hero_link a { display: block; color: #9d9d9d; border-top: 2px solid transparent; border-bottom: 2px solid transparent; padding: 10px 0; opacity: 1; } #l_wrapper .c_hero .c_hero_link a:hover { opacity: 1; color: #fff; } #l_wrapper .c_hero .c_hero_link a.is_current { color: #fff; border-bottom: 2px solid #fff; } #l_wrapper .c_hero .c_hero_link-b { display: inline-block; min-width: 194px; border-radius: 22px; background: rgba(0, 0, 0, 0.7); margin: 50px 0 0; position: relative; } #l_wrapper .c_hero .c_hero_link-b:hover { background: black; } #l_wrapper .c_hero .c_hero_link-b:before { content: ''; width: 30px; height: 1px; background: #fff; position: absolute; top: -29px; left: 0; } #l_wrapper .c_hero .c_hero_link-b a { display: block; color: #fff; line-height: 45px; padding: 0 50px 0 30px; position: relative; } #l_wrapper .c_hero .c_hero_link-b a:hover { opacity: 1; } #l_wrapper .c_hero .c_hero_link-b a:before { content: ''; width: 6px; height: 6px; margin: -5px 0 0; position: absolute; top: 50%; right: 31px; border-bottom: 2px solid #c4c3c2; border-right: 2px solid #c4c3c2; -webkit-transform: rotateZ(-45deg); transform: rotateZ(-45deg); pointer-events: none; } #l_wrapper .c_hero-b { height: 630px; background: center center no-repeat; background-size: cover; position: relative; } #l_wrapper .c_hero-b .c_hero_inner-a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 1162px; height: 630px; color: #fff; margin: auto; padding: 80px 0 0; } #l_wrapper .c_hero-b .c_hero_inner-b { width: 1162px; margin: auto; position: absolute; right: 0; bottom: 50px; left: 0; } #l_wrapper .c_hero-b .c_hero_title { display: inline-block; font-size: 32px; font-size: 3.2rem; font-family: 'AvenirNextLTPro-Medium', 'Arial'; line-height: 1; border-bottom: 2px solid #fff; margin: 0 0 38px; padding: 0 0 10px; } #l_wrapper .c_hero-b .c_hero_txt-a { font-size: 16px; font-size: 1.6rem; font-family: 'AvenirNextLTPro-Medium', 'Arial'; line-height: 1; margin: 0 0 14px; } #l_wrapper .c_hero-b .c_hero_txt-b { font-size: 32px; font-size: 3.2rem; line-height: 1; margin: 0 0 10px; } #l_wrapper .c_hero-b .c_hero_txt-c { line-height: 1.5; } #l_wrapper .c_hero-b .c_hero_link { display: inline-block; border-radius: 22px; background: rgba(0, 0, 0, 0.6); padding: 0 40px; position: absolute; bottom: 0; left: 0; } #l_wrapper .c_hero-b .c_hero_link a { display: inline-block; color: #9d9d9d; border-top: 2px solid transparent; border-bottom: 2px solid transparent; margin: 0 40px 0 0; padding: 12px 0; opacity: 1; } #l_wrapper .c_hero-b .c_hero_link a:hover { opacity: 1; color: #fff; } #l_wrapper .c_hero-b .c_hero_link a.is_current { color: #fff; border-bottom: 2px solid #fff; } #l_wrapper .c_hero-b .c_hero_link a:last-child { margin: 0; } #l_wrapper .c_hero-c { height: 630px; background: center center no-repeat; background-size: cover; position: relative; } #l_wrapper .c_hero-c .c_hero_inner-a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 1162px; height: 630px; color: #fff; margin: auto; padding: 80px 0 0; position: relative; } #l_wrapper .c_hero-c .c_hero_inner-a:before { content: ''; width: 20px; height: 1px; background: #fff; position: absolute; left: 0; bottom: 50px; } #l_wrapper .c_hero-c .c_hero_inner-b { width: 1162px; margin: auto; position: absolute; right: 0; bottom: 50px; left: 0; } #l_wrapper .c_hero-c .c_hero_title { display: inline-block; font-size: 32px; font-size: 3.2rem; font-family: 'AvenirNextLTPro-Medium', 'Arial'; line-height: 1; border-bottom: 2px solid #fff; padding: 0 0 10px; } #l_wrapper .c_hero-c .c_hero_txt-a { font-size: 16px; font-size: 1.6rem; font-family: 'AvenirNextLTPro-Regular', 'Arial'; line-height: 1; margin: 0 0 16px; } #l_wrapper .c_hero-c .c_hero_txt-b { font-size: 32px; font-size: 3.2rem; font-family: 'AvenirNextLTPro-Medium', 'Arial'; line-height: 1; padding: 38px 0 0; } #l_wrapper .c_hero-c .c_hero_txt-c { line-height: 1.5; padding: 10px 0 0; } #l_wrapper .c_hero-c .c_hero_link { display: inline-block; border-radius: 22px; background: rgba(0, 0, 0, 0.6); padding: 0 40px; position: absolute; bottom: 0; left: 0; } #l_wrapper .c_hero-c .c_hero_link a { display: block; color: #9d9d9d; border-top: 2px solid transparent; border-bottom: 2px solid transparent; padding: 10px 0; opacity: 1; } #l_wrapper .c_hero-c .c_hero_link a:hover { opacity: 1; color: #fff; } #l_wrapper .c_hero-c .c_hero_link a.is_current { color: #fff; border-bottom: 2px solid #fff; } #l_wrapper .c_hero-d { height: 630px; background: center center no-repeat; background-size: cover; position: relative; } #l_wrapper .c_hero-d.is_txt_color-a .c_hero_title, #l_wrapper .c_hero-d.is_txt_color-a .c_hero_txt-a { color: #292929; } #l_wrapper .c_hero-d.is_txt_color-a .c_hero_txt-a { border-bottom: 1px solid #000; } #l_wrapper .c_hero-d .c_hero_inner-a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 1162px; height: 630px; color: #fff; margin: auto; padding: 51px 0 0; position: relative; } #l_wrapper .c_hero-d .c_hero_inner-a.is_separators:before { content: ''; width: 20px; height: 1px; background: #fff; position: absolute; left: 0; bottom: 50px; } #l_wrapper .c_hero-d .c_hero_inner-b { width: 1162px; margin: auto; position: absolute; right: 0; bottom: 50px; left: 0; } #l_wrapper .c_hero-d .c_hero_title { font-size: 32px; font-size: 3.2rem; font-family: 'AvenirNextLTPro-Medium', 'Arial'; line-height: 1; } #l_wrapper .c_hero-d .c_hero_txt-a { display: inline-block; font-size: 14px; font-size: 1.4rem; font-family: 'AvenirNextLTPro-Medium', 'Arial'; line-height: 1; border-bottom: 1px solid #fff; padding: 0 0 10px; margin: 0 0 25px; text-transform: uppercase; } #l_wrapper .c_hero-d .c_hero_link { display: inline-block; border-radius: 22px; background: rgba(0, 0, 0, 0.6); padding: 0 40px; position: absolute; bottom: 0; left: 0; } #l_wrapper .c_hero-d .c_hero_link a { display: inline-block; color: #9d9d9d; border-top: 2px solid transparent; border-bottom: 2px solid transparent; margin: 0 40px 0 0; padding: 12px 0; opacity: 1; } #l_wrapper .c_hero-d .c_hero_link a:hover { opacity: 1; color: #fff; } #l_wrapper .c_hero-d .c_hero_link a.is_current { color: #fff; border-bottom: 2px solid #fff; } #l_wrapper .c_hero-d .c_hero_link a:last-child { margin: 0; } #l_wrapper .c_hero-e { height: 396px; background: center center no-repeat; background-size: cover; position: relative; } #l_wrapper .c_hero-e .c_hero_inner-a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 1162px; height: 396px; color: #fff; margin: auto; padding: 161px 0 0; } #l_wrapper .c_hero-e .c_hero_inner-b { width: 1162px; margin: auto; position: absolute; right: 0; bottom: 50px; left: 0; } #l_wrapper .c_hero-e .c_hero_title { display: inline-block; font-size: 32px; font-size: 3.2rem; font-family: 'AvenirNextLTPro-Demi', 'Arial'; line-height: 1; border-bottom: 2px solid #fff; padding: 0 0 10px; } #l_wrapper .c_hero-e .c_hero_txt-a { font-size: 16px; font-size: 1.6rem; line-height: 1; margin: 0 0 16px; } #l_wrapper .c_hero-e .c_hero_txt-b { font-size: 32px; font-size: 3.2rem; line-height: 1; padding: 38px 0 0; } #l_wrapper .c_hero-e .c_hero_txt-c { line-height: 1.5; padding: 10px 0 0; } #l_wrapper .c_hero-e .c_hero_link { display: inline-block; border-radius: 22px; background: rgba(0, 0, 0, 0.6); padding: 0 40px; position: absolute; bottom: 0; left: 0; } #l_wrapper .c_hero-e .c_hero_link a { display: block; color: #9d9d9d; border-top: 2px solid transparent; border-bottom: 2px solid transparent; padding: 10px 0; opacity: 1; } #l_wrapper .c_hero-e .c_hero_link a:hover { opacity: 1; color: #fff; } #l_wrapper .c_hero-e .c_hero_link a.is_current { color: #fff; border-bottom: 2px solid #fff; } #l_wrapper .c_section-a { min-width: 1162px; width: 1162px; margin: 0 auto; padding: 90px 0 100px; } #l_wrapper .c_section-b { min-width: 1162px; width: 1162px; margin: 0 auto; padding: 30px 0 100px; } #l_wrapper .c_section-c { min-width: 764px; width: 764px; margin: 0 auto; padding: 90px 0 100px; } #l_wrapper .c_section-d { min-width: 1162px; width: 1162px; margin: 0 auto; padding: 90px 0 0; } #l_wrapper .c_section-e { padding: 100px 0 130px; } #l_wrapper .c_section-f { min-width: 1162px; width: 1162px; margin: 0 auto; padding: 0 0 100px; } #l_wrapper .c_section-f.is_uniq-a { padding: 0; } #l_wrapper .c_section-g { min-width: 1162px; width: 1162px; margin: 0 auto; padding: 90px 0 100px; } #l_wrapper .c_section-h { padding: 100px 0; position: relative; } #l_wrapper .c_section-h.is_color-a { background: #f8f8f8; } #l_wrapper .c_section-h.is_color-b { padding: 110px 0 130px; background: #000; } #l_wrapper .c_section-h.is_color-b .u_h3_title-b { color: #fff; } #l_wrapper .c_section-h.is_separators:before { content: ''; width: 1162px; height: 1px; background: rgba(0, 0, 0, 0.1); margin: auto; position: absolute; top: 0; right: 0; left: 0; } #l_wrapper .c_section-h.is_uniq-a { padding: 0 0 100px; } #l_wrapper .c_section-h.is_uniq-b { padding: 100px 0 0; } #l_wrapper .c_section-h.is_awd { background: #000 url(/brand/technology/common/images/technology/drivetrain_awd/bg01.jpg) center top no-repeat; } #l_wrapper .c_section-h.is_awd .c_section_inner-b { min-height: 660px; } #l_wrapper .c_section-h .c_section_inner-a { min-width: 1162px; width: 1162px; margin: 0 auto; } #l_wrapper .c_section-h .c_section_inner-a.is_uniq-a { padding: 0 0 50px; } #l_wrapper .c_section-h .c_section_inner-a.is_uniq-b { padding: 0 0 30px; } #l_wrapper .c_section-h .c_section_inner-b { min-width: 764px; width: 764px; margin: 0 auto; } #l_wrapper .c_collapse-a { opacity: 1; margin: auto; -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } #l_wrapper .c_collapse-a.is_hide { opacity: 0; } #l_wrapper .c_collapse-a .c_collapse_button { position: relative; margin-left: 0.5em; color: #1e5fc2; -webkit-transition: all .15s ease; transition: all .15s ease; } #l_wrapper .c_collapse-a .c_collapse_button:hover:after { content: ""; display: block; position: absolute; bottom: 4px; width: 100%; height: 0; border-bottom: 1px solid; } #l_wrapper .c_block-a { font-size: 0px; font-size: 0rem; margin: 0 0 60px; } #l_wrapper .c_block-a.is_uniq-a { margin: 0; } #l_wrapper .c_block-a p { font-size: 16px; font-size: 1.6rem; margin: 0 0 10px; text-align:center; } #l_wrapper .c_block-a p:last-child { margin: 0; } #l_wrapper .c_block-a .c_block_title { font-size: 24px; font-size: 2.4rem; font-family: 'AvenirNextLTPro-Medium', 'Arial'; line-height: 1; color: #292929; border-bottom: 1px solid #E0E0E0; margin: 0 0 20px; padding: 0 0 20px; } #l_wrapper .c_block-a .c_block_title-b { font-size: 18px; font-size: 1.8rem; font-family: 'AvenirNextLTPro-Medium', 'Arial'; line-height: 1.2; color: #292929; border-bottom: 1px solid #E0E0E0; margin: 0 0 15px; padding: 0 0 10px; } #l_wrapper .c_block-a .c_block_title-c { display: block; padding-top: 8px; font-size: 14px; font-size: 1.4rem; line-height: 1.2; color: #959595; } #l_wrapper .c_block-a.is_2column-a { overflow: hidden; } #l_wrapper .c_block-a.is_2column-a img { float: left; } #l_wrapper .c_block-a.is_2column-a .c_block_inner { float: right; width: 366px; } #l_wrapper .c_block-a.is_2column-b { overflow: hidden; } #l_wrapper .c_block-a.is_2column-b img { float: right; } #l_wrapper .c_block-a.is_2column-b .c_block_inner { float: left; width: 366px; } #l_wrapper .c_block-a.is_2column-c { margin: 0; overflow: hidden; } #l_wrapper .c_block-a.is_2column-c .c_block_item { width: 48.62306%; float: left; } #l_wrapper .c_block-a.is_2column-c .c_block_item:nth-child(2) { float: right; } #l_wrapper .c_block-a.is_3column p { text-align: left; } #l_wrapper .c_block-a.is_3column .c_block_item { display: inline-block; width: 366px; vertical-align: top; } #l_wrapper .c_block-a.is_3column .c_block_item:nth-child(2) { margin: 0 32px; } #l_wrapper .c_block-a.is_3column .c_block_item img { margin: 0 0 30px; } #l_wrapper .c_block-a.is_3column .c_block_inner { padding: 0 10px; } #l_wrapper .c_block-b { overflow: hidden; } #l_wrapper .c_block-b .c_block_item { float: left; } #l_wrapper .c_block-b .c_block_title { font-size: 24px; font-size: 2.4rem; font-family: 'AvenirNextLTPro-Medium', 'Arial'; color: #292929; border-bottom: 1px solid #e5e5e5; margin: 0 0 20px; padding: 0 0 15px; } #l_wrapper .c_block-b .c_block_txt-a { font-size: 18px; font-size: 1.8rem; color: #292929; line-height: 2; } #l_wrapper .c_block-b .c_block_txt-b { font-size: 14px; font-size: 1.4rem; color: #a9a9a9; line-height: 1.6; padding: 15px 0 0; } #l_wrapper .c_block-b.is_2column-a .c_block_item:nth-child(1) { width: 366px; } #l_wrapper .c_block-b.is_2column-a .c_block_item:nth-child(2) { float: right; width: 764px; } #l_wrapper .c_block-b.is_separators { border-top: 1px solid #e5e5e5; margin: 50px 0 0; padding: 50px 0 0; } #l_wrapper .c_block-c { font-size: 0px; font-size: 0rem; } #l_wrapper .c_block-c.is_3column .c_block_item { display: inline-block; width: 366px; min-height: 734px; vertical-align: top; border-bottom: 1px solid #ddd; background: #fff; } #l_wrapper .c_block-c.is_3column .c_block_item:nth-child(2) { margin: 0 32px; } #l_wrapper .c_block-c.is_3column .c_block_item > img { display: block; margin: 0 auto; } #l_wrapper .c_block-c .c_block_title-a { font-size: 18px; font-size: 1.8rem; font-family: 'AvenirNextLTPro-Demi', 'Arial'; padding: 40px 20px 30px; } #l_wrapper .c_block-c .c_block_txt-a { font-size: 14px; font-size: 1.4rem; line-height: 2; padding: 30px 20px 20px; position: relative; } #l_wrapper .c_block-c .c_block_txt-a:before { content: ''; width: 20px; height: 1px; background: #000; position: absolute; top: 0; left: 20px; } #l_wrapper .c_tab_list-a { position: relative; opacity: 0; height: 0; pointer-events: none; -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; overflow: hidden; } #l_wrapper .c_tab_list-a.is_active { opacity: 1; height: auto; pointer-events: auto; } #l_wrapper .c_tab_list-a.is_color-a .c_tab_nav { margin: 0 0 -2px; } #l_wrapper .c_tab_list-a.is_color-a .c_tab_nav li.is_active { border: 1px solid #7f7f7f; border-bottom: none; background: #000; } #l_wrapper .c_tab_list-a.is_color-a .c_tab_nav li.is_active a { color: #fff; } #l_wrapper .c_tab_list-a.is_color-a .c_tab_nav li.is_active a:before { background: #fff; } #l_wrapper .c_tab_list-a.is_color-a .c_tab_nav li a { color: rgba(255, 255, 255, 0.5); } #l_wrapper .c_tab_list-a.is_color-a .c_tab_nav .c_tab_nav_txt { background: #fff; } #l_wrapper .c_tab_list-a.is_color-a .c_tab_body.is_active { border: 1px solid #7f7f7f; } #l_wrapper .c_tab_list-a.is_color-a .c_tab_section_title-a { color: #fff; border-bottom-color: #7f7f7f; } #l_wrapper .c_tab_list-a.is_color-a .u_p-i { color: #a9a9a9; } #l_wrapper .c_tab_list-a .c_tab_nav { position: relative; z-index: 2; overflow: hidden; margin: 0 0 -1px; } #l_wrapper .c_tab_list-a .c_tab_nav .c_tab_nav_list { display: table; table-layout: fixed; width: 100%; } #l_wrapper .c_tab_list-a .c_tab_nav.is_open .c_tab_nav_list { max-height: 50vh; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } #l_wrapper .c_tab_list-a .c_tab_nav .c_tab_nav_txt { display: none; } #l_wrapper .c_tab_list-a .c_tab_nav li { display: table-cell; border: 1px solid transparent; } #l_wrapper .c_tab_list-a .c_tab_nav li.is_active { border: 1px solid #d2e1f5; border-bottom: 1px solid #fff; } #l_wrapper .c_tab_list-a .c_tab_nav li.is_active a { color: #3d6abd; } #l_wrapper .c_tab_list-a .c_tab_nav li.is_active a:before { content: ''; width: 23px; height: 2px; background: #3d6abd; position: absolute; top: -1px; left: 31px; } #l_wrapper .c_tab_list-a .c_tab_nav li.is_active a:hover { opacity: 1; } #l_wrapper .c_tab_list-a .c_tab_nav li a { display: block; color: #292929; padding: 30px; position: relative; opacity: 1; } #l_wrapper .c_tab_list-a .c_tab_body { position: relative; z-index: 1; opacity: 1; pointer-events: none; box-sizing: border-box; -webkit-transition: opacity 0s ease-out; transition: opacity 0s ease-out; overflow: hidden; } #l_wrapper .c_tab_list-a .c_tab_body.is_active { opacity: 1; pointer-events: auto; border: 1px solid #d2e1f5; padding: 20px 30px 30px; height: auto; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } #l_wrapper .c_tab_section-a { width: 766px; margin: 0 auto; padding: 60px 0 0; text-align: center; } #l_wrapper .c_tab_section-b { width: 992px; margin: 0 auto; padding: 0 0 50px; } #l_wrapper .c_tab_section_column { overflow: hidden; } #l_wrapper .c_tab_section_column .c_tab_section_column_item { width: 456px; float: left; } #l_wrapper .c_tab_section_column .c_tab_section_column_item:nth-child(2) { float: right; } #l_wrapper .c_tab_section_column .c_tab_section_column_title-a { font-size: 18px; font-size: 1.8rem; font-family: 'AvenirNextLTPro-Demi', 'Arial'; color: #292929; margin: 0 0 30px; padding: 0 0 30px; position: relative; } #l_wrapper .c_tab_section_column .c_tab_section_column_title-a:before { content: ''; width: 20px; height: 1px; background: #000; position: absolute; bottom: 0; left: 0; } #l_wrapper .c_tab_section_column .c_tab_section_column_txt-a { font-size: 16px; font-size: 1.6rem; color: #2d2d2d; line-height: 1.75; } #l_wrapper .c_tab_section_title-a { display: inline-block; font-size: 18px; font-size: 1.8rem; font-family: 'AvenirNextLTPro-Medium', 'Arial'; line-height: 1.8; border-bottom: 1px solid #e5e5e5; margin: 0 0 40px; padding: 0 40px 5px; } #l_wrapper .c_tab_section_title_sub-a { font-size: 24px; font-size: 2.4rem; } #l_wrapper .c_tab_section_image-a { margin: 0 0 40px; } #l_wrapper .c_bg_box-a { background: center center no-repeat; background-size: cover; padding: 100px 0; } #l_wrapper .c_bg_box-a .c_bg_box_body { color: #fff; text-align: center; } #l_wrapper .c_bg_box-a .c_bg_box_title { font-size: 32px; font-size: 3.2rem; font-family: 'AvenirNextLTPro-Medium', 'Arial'; margin: 0 0 10px; text-align: center; } #l_wrapper .c_bg_box-a .c_bg_box_title-b { font-size: 40px; font-size: 4rem; color: #253873; font-family: 'AvenirNextLTPro-Medium', 'Arial'; text-align: center; margin: 0 0 50px; } #l_wrapper .c_bg_box-a .c_bg_box_txt { font-size: 21px; font-size: 2.1rem; line-height: 1.8; margin: 0 0 40px; text-align: center; } #l_wrapper .c_bg_box-a .c_bg_box_txt-b { font-size: 24px; font-size: 2.4rem; color: #253873; line-height: 1; margin: 0 0 10px; text-align: center; } #l_wrapper .c_bg_box-a .c_bg_box_btn, #l_wrapper .c_bg_box-a .c_bg_box_btn-b { box-sizing: border-box; display: inline-block; min-width: 170px; border-radius: 22px; background: rgba(41, 41, 41, 0.7); margin: 0 auto; } #l_wrapper .c_bg_box-a .c_bg_box_btn:hover, #l_wrapper .c_bg_box-a .c_bg_box_btn-b:hover { background: #4e5e91; } #l_wrapper .c_bg_box-a .c_bg_box_btn a, #l_wrapper .c_bg_box-a .c_bg_box_btn-b a { display: block; color: #fff; line-height: 45px; text-align: center; font-family: 'AvenirNextLTPro-Regular', 'Arial'; padding: 0 50px 0 30px; position: relative; } #l_wrapper .c_bg_box-a .c_bg_box_btn a:hover, #l_wrapper .c_bg_box-a .c_bg_box_btn-b a:hover { opacity: 1; } #l_wrapper .c_bg_box-a .c_bg_box_btn a:before, #l_wrapper .c_bg_box-a .c_bg_box_btn-b a:before { content: ''; width: 6px; height: 6px; margin: -6px 0 0; position: absolute; top: 50%; right: 31px; border-bottom: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotateZ(-45deg); transform: rotateZ(-45deg); pointer-events: none; } #l_wrapper .c_bg_box-a .c_bg_box_btn-b { background: rgba(59, 74, 123, 0.7); } #l_wrapper .c_bg_box-a .c_bg_box_btn-b:hover { background: #3b4a7b; } #l_wrapper .c_bg_box-b { background: center center no-repeat; background-size: cover; padding: 100px 0; } #l_wrapper .c_bg_box-b .c_bg_box_title { font-size: 32px; font-size: 3.2rem; font-family: 'AvenirNextLTPro-Medium', 'Arial'; margin: 0 0 10px; text-align: center; } #l_wrapper .c_bg_box-b .c_bg_box_txt { font-size: 21px; font-size: 2.1rem; color: #a9a9a9; line-height: 1.8; margin: 0 0 40px; text-align: center; } #l_wrapper .c_bg_box-b .c_bg_box_txt > img { margin: 10px 0 0; } #l_wrapper .c_bg_box-b .c_bg_box_btn, #l_wrapper .c_bg_box-b .c_bg_box-a .c_bg_box_btn-b, #l_wrapper .c_bg_box-a .c_bg_box-b .c_bg_box_btn-b { box-sizing: border-box; width: 170px; border-radius: 22px; background: rgba(41, 41, 41, 0.7); margin: 0 auto; } #l_wrapper .c_bg_box-b .c_bg_box_btn:hover, #l_wrapper .c_bg_box-b .c_bg_box-a .c_bg_box_btn-b:hover, #l_wrapper .c_bg_box-a .c_bg_box-b .c_bg_box_btn-b:hover { background: #4e5e91; } #l_wrapper .c_bg_box-b .c_bg_box_btn a, #l_wrapper .c_bg_box-b .c_bg_box-a .c_bg_box_btn-b a, #l_wrapper .c_bg_box-a .c_bg_box-b .c_bg_box_btn-b a { display: block; color: #fff; line-height: 45px; text-align: center; font-family: 'AvenirNextLTPro-Regular', 'Arial'; padding: 0 50px 0 30px; position: relative; } #l_wrapper .c_bg_box-b .c_bg_box_btn a:hover, #l_wrapper .c_bg_box-b .c_bg_box-a .c_bg_box_btn-b a:hover, #l_wrapper .c_bg_box-a .c_bg_box-b .c_bg_box_btn-b a:hover { opacity: 1; } #l_wrapper .c_bg_box-b .c_bg_box_btn a:before, #l_wrapper .c_bg_box-b .c_bg_box-a .c_bg_box_btn-b a:before, #l_wrapper .c_bg_box-a .c_bg_box-b .c_bg_box_btn-b a:before { content: ''; width: 6px; height: 6px; margin: -5px 0 0; position: absolute; top: 50%; right: 31px; border-bottom: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotateZ(-45deg); transform: rotateZ(-45deg); pointer-events: none; } #l_wrapper .c_bg_box-c { padding: 0 0 130px; } #l_wrapper .c_bg_box-c .c_bg_box_title-a { font-size: 32px; font-size: 3.2rem; line-height: 1.6; color: #3f3f3f; font-family: 'AvenirNextLTPro-Medium', 'Arial'; text-align: center; } #l_wrapper .c_bg_box-c .c_bg_box_title-a a { display: inline-block; line-height: 1.2; margin: 0 0 0 .5rem; padding: 0 0 3px; border-bottom: 2px solid #1e5fc2; } #l_wrapper .c_collapse_box { width: 760px; margin: 0 auto; } #l_wrapper .c_video-a { position: relative; cursor: pointer; padding-bottom: 56.25%; height: 0; overflow: hidden; } #l_wrapper .c_video-a:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background: url(/brand/technology/common/images/icon_movie01.png) center center no-repeat; background-size: 60px auto; z-index: 1; } #l_wrapper .c_video-a.is_html5video { padding: 0; height: auto; } #l_wrapper .c_video-a.is_html5video:after { content: normal; } #l_wrapper .c_video-a.is_html5video video { margin: 0; padding: 0; width: 100%; vertical-align: top; } #l_wrapper .c_video-a:hover .c_video-a_image { opacity: .7; } #l_wrapper .c_video-a .c_video-a_image { -webkit-transition: all .25s ease; transition: all .25s ease; } #l_wrapper .c_video-a .c_video_modal { pointer-events: none; opacity: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 2; -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } #l_wrapper .c_video-a .c_video_modal.is_show { pointer-events: auto; opacity: 1; } #l_wrapper .c_video-a .c_video_modal.is_show:before { z-index: -1; pointer-events: none; content: ""; position: fixed; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background-color: rgba(0, 0, 0, 0.6); } #l_wrapper .c_video-a .c_video_modal iframe { width: 100%; height: 100%; } #l_wrapper .c_section_popup { margin: 0 0 130px; padding: 100px 0 120px; } #l_wrapper .c_section_popup.is_color-a { background: #fef5f0; } #l_wrapper .c_section_popup.is_color-b { background: #000; } #l_wrapper .c_section_popup.is_uniq-a { margin: 0; } #l_wrapper .c_section_popup.is_uniq-b { padding: 0; } #l_wrapper .c_section_popup.is_uniq-b .c_section_popup_image { margin: 0; } #l_wrapper .c_section_popup.is_uniq-c { margin: 0; padding: 100px 0 0; } #l_wrapper .c_section_popup .c_section_popup_inner { min-width: 1162px; width: 1162px; text-align: center; margin: 0 auto; } #l_wrapper .c_section_popup .c_section_popup_inner-b { min-width: 764px; width: 764px; text-align: center; margin: 0 auto; } #l_wrapper .c_section_popup .c_section_popup_image, #l_wrapper .c_section_popup .c_section_popup_image-b { display: inline-block; margin: 0 0 70px; position: relative; } #l_wrapper .c_section_popup .c_section_popup_image .c_section_popup_image_box, #l_wrapper .c_section_popup .c_section_popup_image-b .c_section_popup_image_box { width: 100%; height: 100%; } #l_wrapper .c_section_popup .c_section_popup_image .c_section_popup_image_box .c_section_popup_image_btn, #l_wrapper .c_section_popup .c_section_popup_image-b .c_section_popup_image_box .c_section_popup_image_btn { width: 42px; height: 42px; border-radius: 100%; border: 4px solid #fff; background: rgba(49, 87, 184, 0.85); z-index: 1; position: absolute; } #l_wrapper .c_section_popup .c_section_popup_image .c_section_popup_image_box .c_section_popup_image_btn:before, #l_wrapper .c_section_popup .c_section_popup_image .c_section_popup_image_box .c_section_popup_image_btn:after, #l_wrapper .c_section_popup .c_section_popup_image-b .c_section_popup_image_box .c_section_popup_image_btn:before, #l_wrapper .c_section_popup .c_section_popup_image-b .c_section_popup_image_box .c_section_popup_image_btn:after { content: ''; width: 12px; height: 2px; background: #fff; margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: all .25s ease; transition: all .25s ease; } #l_wrapper .c_section_popup .c_section_popup_image .c_section_popup_image_box .c_section_popup_image_btn:after, #l_wrapper .c_section_popup .c_section_popup_image-b .c_section_popup_image_box .c_section_popup_image_btn:after { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } #l_wrapper .c_section_popup .c_section_popup_image .c_section_popup_image_box .c_section_popup_image_btn.is_open, #l_wrapper .c_section_popup .c_section_popup_image-b .c_section_popup_image_box .c_section_popup_image_btn.is_open { z-index: 4; } #l_wrapper .c_section_popup .c_section_popup_image .c_section_popup_image_box .c_section_popup_image_btn.is_open:before, #l_wrapper .c_section_popup .c_section_popup_image-b .c_section_popup_image_box .c_section_popup_image_btn.is_open:before { -webkit-transform: rotate(315deg); transform: rotate(315deg); } #l_wrapper .c_section_popup .c_section_popup_image .c_section_popup_image_box .c_section_popup_image_btn.is_open:after, #l_wrapper .c_section_popup .c_section_popup_image-b .c_section_popup_image_box .c_section_popup_image_btn.is_open:after { -webkit-transform: rotate(225deg); transform: rotate(225deg); } #l_wrapper .c_section_popup .c_section_popup_image .c_section_popup_image_detail, #l_wrapper .c_section_popup .c_section_popup_image-b .c_section_popup_image_detail { pointer-events: none; opacity: 0; width: 305px; box-shadow: 0px 2px 9px 0px rgba(36, 36, 35, 0.25); background: #fff; position: absolute; -webkit-transition: opacity 0.3s ease-out 0.2s; transition: opacity 0.3s ease-out 0.2s; } #l_wrapper .c_section_popup .c_section_popup_image .c_section_popup_image_detail.is_show, #l_wrapper .c_section_popup .c_section_popup_image-b .c_section_popup_image_detail.is_show { z-index: 3; pointer-events: auto; opacity: 1; display: block; } #l_wrapper .c_section_popup .c_section_popup_image .c_section_popup_image_detail .c_section_popup_image_detail_bg, #l_wrapper .c_section_popup .c_section_popup_image-b .c_section_popup_image_detail .c_section_popup_image_detail_bg { height: 210px; background: center center no-repeat; background-size: cover; } #l_wrapper .c_section_popup .c_section_popup_image .c_section_popup_image_detail .c_section_popup_image_detail_title, #l_wrapper .c_section_popup .c_section_popup_image-b .c_section_popup_image_detail .c_section_popup_image_detail_title { font-size: 22px; font-size: 2.2rem; font-family: 'AvenirNextLTPro-Medium', 'Arial'; color: #2d2d2d; text-align: center; margin: 0 0 15px; padding: 26px 26px 0; } #l_wrapper .c_section_popup .c_section_popup_image .c_section_popup_image_detail .c_section_popup_image_detail_txt-a, #l_wrapper .c_section_popup .c_section_popup_image-b .c_section_popup_image_detail .c_section_popup_image_detail_txt-a { line-height: 1.4; color: #a0a0a0; text-align: center; margin: 0 0 16px; padding: 0 26px; } #l_wrapper .c_section_popup .c_section_popup_image .c_section_popup_image_detail .c_section_popup_image_detail_txt-b, #l_wrapper .c_section_popup .c_section_popup_image-b .c_section_popup_image_detail .c_section_popup_image_detail_txt-b { font-size: 16px; font-size: 1.6rem; line-height: 1.6; color: #fff; background: #3157b8; text-align: center; padding: 20px 34px 15px; } #l_wrapper .c_section_popup .c_section_popup_image-b { margin: 0 0 30px; } #l_wrapper .c_section_popup .c_section_popup_colum { padding: 0 85px; overflow: hidden; } #l_wrapper .c_section_popup .c_section_popup_colum .c_section_popup_colum_item { width: 450px; float: left; text-align: left; } #l_wrapper .c_section_popup .c_section_popup_colum .c_section_popup_colum_item:nth-child(2) { float: right; } #l_wrapper .c_section_popup .c_section_popup_colum .c_section_popup_colum_item > p { font-size: 16px; font-size: 1.6rem; line-height: 1.8; } #l_wrapper .popup_hrb-1 .c_section_popup_image_btn { top: 38%; left: 29%; } #l_wrapper .popup_hrb-1 .c_section_popup_image_detail { top: 44%; left: -19%; } #l_wrapper .popup_hrb-2 .c_section_popup_image_btn { top: 38%; right: 10%; } #l_wrapper .popup_hrb-2 .c_section_popup_image_detail { top: 44%; right: 13%; } #l_wrapper .popup_drivetrain_boxerengine-1 .c_section_popup_image_btn { top: 18%; left: 28%; } #l_wrapper .popup_drivetrain_boxerengine-1 .c_section_popup_image_detail { top: 23%; left: -9%; } #l_wrapper .popup_drivetrain_boxerengine-2 .c_section_popup_image_btn { top: 32%; right: 21%; } #l_wrapper .popup_drivetrain_boxerengine-2 .c_section_popup_image_detail { top: 37%; right: -16%; } #l_wrapper .popup_drivetrain_transmission-1 .c_section_popup_image_btn { top: 36%; left: 44%; } #l_wrapper .popup_drivetrain_transmission-1 .c_section_popup_image_detail { top: 43%; left: 47%; } #l_wrapper .popup_drivetrain_sidrive-1 .c_section_popup_image_btn { top: 38%; left: 33%; } #l_wrapper .popup_drivetrain_sidrive-1 .c_section_popup_image_detail { top: 41%; left: 9%; } #l_wrapper .popup_drivetrain_sidrive-2 .c_section_popup_image_btn { top: 29%; right: 31%; } #l_wrapper .popup_drivetrain_sidrive-2 .c_section_popup_image_detail { top: 33%; left: 67%; } #l_wrapper .popup_drivetrain_sidrive-3 .c_section_popup_image_btn { top: 46%; right: 28%; } #l_wrapper .popup_drivetrain_sidrive-3 .c_section_popup_image_detail { top: 49%; left: 70%; } #l_wrapper .popup_activesafety-1 .c_section_popup_image_btn { top: 32%; left: 11%; } #l_wrapper .popup_activesafety-1 .c_section_popup_image_detail { top: 40%; left: -26%; } #l_wrapper .popup_activesafety-2 .c_section_popup_image_btn { top: 70%; left: 43%; } #l_wrapper .popup_activesafety-2 .c_section_popup_image_detail { top: 78%; left: 6%; } #l_wrapper .popup_activesafety-3 .c_section_popup_image_btn { top: 58%; left: 69%; } #l_wrapper .popup_activesafety-3 .c_section_popup_image_detail { top: 65%; right: -11%; } #l_wrapper .popup_activesafety-4 .c_section_popup_image_btn { top: 73%; left: 77%; } #l_wrapper .popup_activesafety-4 .c_section_popup_image_detail { top: 80%; right: -20%; } #l_wrapper .popup_passivesafety-1 .c_section_popup_image_btn { top: 39%; left: 7%; } #l_wrapper .popup_passivesafety-1 .c_section_popup_image_detail { top: 45%; left: -30%; } #l_wrapper .popup_passivesafety-2 .c_section_popup_image_btn { top: 55%; left: 24%; } #l_wrapper .popup_passivesafety-2 .c_section_popup_image_detail { top: 61%; left: -13%; } #l_wrapper .popup_passivesafety-3 .c_section_popup_image_btn { top: 55%; left: 36%; } #l_wrapper .popup_passivesafety-3 .c_section_popup_image_detail { top: 61%; left: -1%; } #l_wrapper .popup_passivesafety-4 .c_section_popup_image_btn { top: 65%; left: 47%; } #l_wrapper .popup_passivesafety-4 .c_section_popup_image_detail { top: 71%; left: 50%; } #l_wrapper .popup_passivesafety-5 .c_section_popup_image_btn { top: 25%; left: 45%; } #l_wrapper .popup_passivesafety-5 .c_section_popup_image_detail { top: 31%; left: 48%; } #l_wrapper .popup_passivesafety-6 .c_section_popup_image_btn { top: 15%; left: 66%; } #l_wrapper .popup_passivesafety-6 .c_section_popup_image_detail { top: 21%; left: 69%; } #l_wrapper .popup_passivesafety-7 .c_section_popup_image_btn { top: 42%; left: 22%; } #l_wrapper .popup_passivesafety-7 .c_section_popup_image_detail { top: 50%; left: -14%; } #l_wrapper .popup_passivesafety-8 .c_section_popup_image_btn { top: 20%; left: 53%; } #l_wrapper .popup_passivesafety-8 .c_section_popup_image_detail { top: 29%; left: 17%; } #l_wrapper .popup_passivesafety-9 .c_section_popup_image_btn { top: 39%; left: 61%; } #l_wrapper .popup_passivesafety-9 .c_section_popup_image_detail { top: 47%; left: 63%; } #l_wrapper .popup_passivesafety-10 .c_section_popup_image_btn { top: 28%; left: 77%; } #l_wrapper .popup_passivesafety-10 .c_section_popup_image_detail { top: 36%; left: 79%; } #l_wrapper .popup_passivesafety-11 .c_section_popup_image_btn { top: -6%; left: 65%; } #l_wrapper .popup_passivesafety-11 .c_section_popup_image_detail { top: 3%; left: 68%; } #l_wrapper .popup_passivesafety-12 .c_section_popup_image_btn { top: 57%; left: 15%; } #l_wrapper .popup_passivesafety-12 .c_section_popup_image_detail { top: 62%; left: 17%; } #l_wrapper .popup_passivesafety-13 .c_section_popup_image_btn { top: 28%; left: 40%; } #l_wrapper .popup_passivesafety-13 .c_section_popup_image_detail { top: 32%; left: 42%; } #l_wrapper .popup_passivesafety-14 .c_section_popup_image_btn { top: 9%; left: 60%; } #l_wrapper .popup_passivesafety-14 .c_section_popup_image_detail { top: 14%; left: 62%; } #l_wrapper .c_image_box-a { margin: 0 0 80px; text-align: center; } #l_wrapper .c_notes_accordion-a .c_notes_accordion_heading { cursor: pointer; margin-top: 20px; margin-bottom: 10px; padding-bottom: 8px; border-bottom: 1px solid #545454; font-size: 16px; font-size: 1.6rem; line-height: 1; } #l_wrapper .c_notes_accordion-a .c_notes_accordion_button { cursor: pointer; float: right; width: 13px; height: 1em; background: url(/common/images/icon-notes_arrow-down.png) 0 50% no-repeat; background-size: 13px 8px; } #l_wrapper .c_notes_accordion-a .c_notes_accordion_body { display: none; background-color: #fff; font-size: 16px; line-height: 1.5; } #l_wrapper .c_notes_accordion-a .c_notes_accordion_body p { margin-bottom: 20px; font-size: 16px; font-size: 1.6rem; line-height: 1.5; } #l_wrapper .c_notes_accordion-a.is_active .c_notes_accordion_heading { color: #1e5fc2; border-bottom-color: #4b7fce; } #l_wrapper .c_notes_accordion-a.is_active .c_notes_accordion_button { background-image: url(/common/images/icon-notes_arrow-up.png); } #l_wrapper .mt0 { margin-top: 0px !important; } #l_wrapper .mr0 { margin-right: 0px !important; } #l_wrapper .mb0 { margin-bottom: 0px !important; } #l_wrapper .ml0 { margin-left: 0px !important; } #l_wrapper .pt0 { padding-top: 0px !important; } #l_wrapper .pr0 { padding-right: 0px !important; } #l_wrapper .pb0 { padding-bottom: 0px !important; } #l_wrapper .pl0 { padding-left: 0px !important; } #l_wrapper .mt10 { margin-top: 10px !important; } #l_wrapper .mr10 { margin-right: 10px !important; } #l_wrapper .mb10 { margin-bottom: 10px !important; } #l_wrapper .ml10 { margin-left: 10px !important; } #l_wrapper .pt5 { padding-top: 5px !important; } #l_wrapper .pr5 { padding-right: 5px !important; } #l_wrapper .pb5 { padding-bottom: 5px !important; } #l_wrapper .pl5 { padding-left: 5px !important; } #l_wrapper .mt20 { margin-top: 20px !important; } #l_wrapper .mr20 { margin-right: 20px !important; } #l_wrapper .mb20 { margin-bottom: 20px !important; } #l_wrapper .ml20 { margin-left: 20px !important; } #l_wrapper .pt10 { padding-top: 10px !important; } #l_wrapper .pr10 { padding-right: 10px !important; } #l_wrapper .pb10 { padding-bottom: 10px !important; } #l_wrapper .pl10 { padding-left: 10px !important; } #l_wrapper .mt30 { margin-top: 30px !important; } #l_wrapper .mr30 { margin-right: 30px !important; } #l_wrapper .mb30 { margin-bottom: 30px !important; } #l_wrapper .ml30 { margin-left: 30px !important; } #l_wrapper .pt15 { padding-top: 15px !important; } #l_wrapper .pr15 { padding-right: 15px !important; } #l_wrapper .pb15 { padding-bottom: 15px !important; } #l_wrapper .pl15 { padding-left: 15px !important; } #l_wrapper .mt40 { margin-top: 40px !important; } #l_wrapper .mr40 { margin-right: 40px !important; } #l_wrapper .mb40 { margin-bottom: 40px !important; } #l_wrapper .ml40 { margin-left: 40px !important; } #l_wrapper .pt20 { padding-top: 20px !important; } #l_wrapper .pr20 { padding-right: 20px !important; } #l_wrapper .pb20 { padding-bottom: 20px !important; } #l_wrapper .pl20 { padding-left: 20px !important; } #l_wrapper .mt50 { margin-top: 50px !important; } #l_wrapper .mr50 { margin-right: 50px !important; } #l_wrapper .mb50 { margin-bottom: 50px !important; } #l_wrapper .ml50 { margin-left: 50px !important; } #l_wrapper .pt25 { padding-top: 25px !important; } #l_wrapper .pr25 { padding-right: 25px !important; } #l_wrapper .pb25 { padding-bottom: 25px !important; } #l_wrapper .pl25 { padding-left: 25px !important; } #l_wrapper .mt60 { margin-top: 60px !important; } #l_wrapper .mr60 { margin-right: 60px !important; } #l_wrapper .mb60 { margin-bottom: 60px !important; } #l_wrapper .ml60 { margin-left: 60px !important; } #l_wrapper .pt30 { padding-top: 30px !important; } #l_wrapper .pr30 { padding-right: 30px !important; } #l_wrapper .pb30 { padding-bottom: 30px !important; } #l_wrapper .pl30 { padding-left: 30px !important; } #l_wrapper .mt70 { margin-top: 70px !important; } #l_wrapper .mr70 { margin-right: 70px !important; } #l_wrapper .mb70 { margin-bottom: 70px !important; } #l_wrapper .ml70 { margin-left: 70px !important; } #l_wrapper .pt35 { padding-top: 35px !important; } #l_wrapper .pr35 { padding-right: 35px !important; } #l_wrapper .pb35 { padding-bottom: 35px !important; } #l_wrapper .pl35 { padding-left: 35px !important; } #l_wrapper .mt80 { margin-top: 80px !important; } #l_wrapper .mr80 { margin-right: 80px !important; } #l_wrapper .mb80 { margin-bottom: 80px !important; } #l_wrapper .ml80 { margin-left: 80px !important; } #l_wrapper .pt40 { padding-top: 40px !important; } #l_wrapper .pr40 { padding-right: 40px !important; } #l_wrapper .pb40 { padding-bottom: 40px !important; } #l_wrapper .pl40 { padding-left: 40px !important; } #l_wrapper .mt90 { margin-top: 90px !important; } #l_wrapper .mr90 { margin-right: 90px !important; } #l_wrapper .mb90 { margin-bottom: 90px !important; } #l_wrapper .ml90 { margin-left: 90px !important; } #l_wrapper .pt45 { padding-top: 45px !important; } #l_wrapper .pr45 { padding-right: 45px !important; } #l_wrapper .pb45 { padding-bottom: 45px !important; } #l_wrapper .pl45 { padding-left: 45px !important; } #l_wrapper .mt100 { margin-top: 100px !important; } #l_wrapper .mr100 { margin-right: 100px !important; } #l_wrapper .mb100 { margin-bottom: 100px !important; } #l_wrapper .ml100 { margin-left: 100px !important; } #l_wrapper .pt50 { padding-top: 50px !important; } #l_wrapper .pr50 { padding-right: 50px !important; } #l_wrapper .pb50 { padding-bottom: 50px !important; } #l_wrapper .pl50 { padding-left: 50px !important; } #l_wrapper .mt110 { margin-top: 110px !important; } #l_wrapper .mr110 { margin-right: 110px !important; } #l_wrapper .mb110 { margin-bottom: 110px !important; } #l_wrapper .ml110 { margin-left: 110px !important; } #l_wrapper .pt55 { padding-top: 55px !important; } #l_wrapper .pr55 { padding-right: 55px !important; } #l_wrapper .pb55 { padding-bottom: 55px !important; } #l_wrapper .pl55 { padding-left: 55px !important; } #l_wrapper .mt120 { margin-top: 120px !important; } #l_wrapper .mr120 { margin-right: 120px !important; } #l_wrapper .mb120 { margin-bottom: 120px !important; } #l_wrapper .ml120 { margin-left: 120px !important; } #l_wrapper .pt60 { padding-top: 60px !important; } #l_wrapper .pr60 { padding-right: 60px !important; } #l_wrapper .pb60 { padding-bottom: 60px !important; } #l_wrapper .pl60 { padding-left: 60px !important; } #l_wrapper .mt130 { margin-top: 130px !important; } #l_wrapper .mr130 { margin-right: 130px !important; } #l_wrapper .mb130 { margin-bottom: 130px !important; } #l_wrapper .ml130 { margin-left: 130px !important; } #l_wrapper .pt65 { padding-top: 65px !important; } #l_wrapper .pr65 { padding-right: 65px !important; } #l_wrapper .pb65 { padding-bottom: 65px !important; } #l_wrapper .pl65 { padding-left: 65px !important; } #l_wrapper .mt140 { margin-top: 140px !important; } #l_wrapper .mr140 { margin-right: 140px !important; } #l_wrapper .mb140 { margin-bottom: 140px !important; } #l_wrapper .ml140 { margin-left: 140px !important; } #l_wrapper .pt70 { padding-top: 70px !important; } #l_wrapper .pr70 { padding-right: 70px !important; } #l_wrapper .pb70 { padding-bottom: 70px !important; } #l_wrapper .pl70 { padding-left: 70px !important; } #l_wrapper .mt150 { margin-top: 150px !important; } #l_wrapper .mr150 { margin-right: 150px !important; } #l_wrapper .mb150 { margin-bottom: 150px !important; } #l_wrapper .ml150 { margin-left: 150px !important; } #l_wrapper .pt75 { padding-top: 75px !important; } #l_wrapper .pr75 { padding-right: 75px !important; } #l_wrapper .pb75 { padding-bottom: 75px !important; } #l_wrapper .pl75 { padding-left: 75px !important; } #l_wrapper .mt160 { margin-top: 160px !important; } #l_wrapper .mr160 { margin-right: 160px !important; } #l_wrapper .mb160 { margin-bottom: 160px !important; } #l_wrapper .ml160 { margin-left: 160px !important; } #l_wrapper .pt80 { padding-top: 80px !important; } #l_wrapper .pr80 { padding-right: 80px !important; } #l_wrapper .pb80 { padding-bottom: 80px !important; } #l_wrapper .pl80 { padding-left: 80px !important; } #l_wrapper .mt170 { margin-top: 170px !important; } #l_wrapper .mr170 { margin-right: 170px !important; } #l_wrapper .mb170 { margin-bottom: 170px !important; } #l_wrapper .ml170 { margin-left: 170px !important; } #l_wrapper .pt85 { padding-top: 85px !important; } #l_wrapper .pr85 { padding-right: 85px !important; } #l_wrapper .pb85 { padding-bottom: 85px !important; } #l_wrapper .pl85 { padding-left: 85px !important; } #l_wrapper .mt180 { margin-top: 180px !important; } #l_wrapper .mr180 { margin-right: 180px !important; } #l_wrapper .mb180 { margin-bottom: 180px !important; } #l_wrapper .ml180 { margin-left: 180px !important; } #l_wrapper .pt90 { padding-top: 90px !important; } #l_wrapper .pr90 { padding-right: 90px !important; } #l_wrapper .pb90 { padding-bottom: 90px !important; } #l_wrapper .pl90 { padding-left: 90px !important; } #l_wrapper .mt190 { margin-top: 190px !important; } #l_wrapper .mr190 { margin-right: 190px !important; } #l_wrapper .mb190 { margin-bottom: 190px !important; } #l_wrapper .ml190 { margin-left: 190px !important; } #l_wrapper .pt95 { padding-top: 95px !important; } #l_wrapper .pr95 { padding-right: 95px !important; } #l_wrapper .pb95 { padding-bottom: 95px !important; } #l_wrapper .pl95 { padding-left: 95px !important; } #l_wrapper .mt200 { margin-top: 200px !important; } #l_wrapper .mr200 { margin-right: 200px !important; } #l_wrapper .mb200 { margin-bottom: 200px !important; } #l_wrapper .ml200 { margin-left: 200px !important; } #l_wrapper .pt100 { padding-top: 100px !important; } #l_wrapper .pr100 { padding-right: 100px !important; } #l_wrapper .pb100 { padding-bottom: 100px !important; } #l_wrapper .pl100 { padding-left: 100px !important; } #l_wrapper .is_uppercase { text-transform: uppercase; } #l_wrapper .cf { *zoom: 1; } #l_wrapper .cf:after { content: ""; display: table; clear: both; } #l_wrapper .u_ta_l { text-align: left; } #l_wrapper .u_ta_c { text-align: center; } #l_wrapper .u_ta_r { text-align: right; } #l_wrapper .u_back { display: none; width: 100%; font-size: 16px; font-size: 1.6rem; font-family: 'AvenirNextLTPro-Regular', 'Arial'; background: rgba(255, 255, 255, 0.9); margin: 0; padding: 0; position: absolute; left: 0; top: calc(100vh - 59px); z-index: 99; } #l_wrapper .u_back:before { display: none; } #l_wrapper .u_back a { display: inline-block; padding: 20px 7.8125% 20px 12.5%; } #l_wrapper .u_back a:before { content: ''; width: 10px; height: 10px; border-bottom: 2px solid #0045A2; border-right: 2px solid #0045A2; background: none; margin: -6px 0 0; position: absolute; top: 50%; left: 7.8125%; -webkit-transform: rotateZ(135deg); transform: rotateZ(135deg); } #l_wrapper .u_sitemap { position: absolute; bottom: 0; right: 30px; } #l_wrapper .u_sitemap a { color: #b1b1b1; } #l_wrapper .u_sitemap a:hover { color: #818181; opacity: 1; } #l_wrapper .u_btn_close { box-sizing: border-box; } #l_wrapper .u_btn_back-mini { display: none; } #l_wrapper .u_h2_title-a { font-size: 32px; font-size: 3.2rem; color: #3f3f3f; font-family: 'AvenirNextLTPro-Medium', 'Arial'; text-align: center; margin: 0 0 100px; } #l_wrapper .u_h2_title-b { font-size: 32px; font-size: 3.2rem; color: #3f3f3f; font-family: 'AvenirNextLTPro-Medium', 'Arial'; text-align: center; margin: 0 0 80px; } #l_wrapper .u_h2_title-c { font-size: 32px; font-size: 3.2rem; color: #3f3f3f; font-family: 'AvenirNextLTPro-Medium', 'Arial'; text-align: center; margin: 0 0 80px; } #l_wrapper .u_h3_title-a { font-size: 32px; font-size: 3.2rem; color: #3f3f3f; font-family: 'AvenirNextLTPro-Medium', 'Arial'; text-align: center; margin: 0 0 50px; } #l_wrapper .u_h3_title-b { font-size: 32px; font-size: 3.2rem; color: #3f3f3f; font-family: 'AvenirNextLTPro-Medium', 'Arial'; text-align: center; margin: 0 0 10px; } #l_wrapper .u_h3_title-c { font-size: 32px; font-size: 3.2rem; color: #2d2d2d; font-family: 'AvenirNextLTPro-Medium', 'Arial'; text-align: center; margin: 0 0 50px; } #l_wrapper .u_h3_title-d { font-size: 32px; font-size: 3.2rem; color: #292929; font-family: 'AvenirNextLTPro-Medium', 'Arial'; margin: 0 0 40px; } #l_wrapper .u_p-a { font-size: 20px; font-size: 2rem; color: #a9a9a9; font-family: 'AvenirNextLTPro-Regular', 'Arial'; line-height: 1.6; text-align: center; margin: 0 0 90px; } #l_wrapper .u_p-a a { color: #1e5fc2; } #l_wrapper .u_p-a a:hover { opacity: 1; text-decoration: underline; } #l_wrapper .u_p-b { font-size: 20px; font-size: 2rem; color: #b2b2b2; font-family: 'AvenirNextLTPro-Regular', 'Arial'; line-height: 1.6; text-align: center; margin: 0 0 40px; } #l_wrapper .u_p-b a { color: #1e5fc2; } #l_wrapper .u_p-b a:hover { opacity: 1; text-decoration: underline; } #l_wrapper .u_p-c { font-size: 20px; font-size: 2rem; color: #b2b2b2; font-family: 'AvenirNextLTPro-Regular', 'Arial'; line-height: 1.6; text-align: center; margin: 0 0 90px; } #l_wrapper .u_p-c a { color: #1e5fc2; } #l_wrapper .u_p-c a:hover { opacity: 1; text-decoration: underline; } #l_wrapper .u_p-d { font-size: 24px; font-size: 2.4rem; color: #333; font-family: 'AvenirNextLTPro-Regular', 'Arial'; line-height: 2; text-align: center; margin: -40px 0 90px; } #l_wrapper .u_p-e { font-size: 20px; font-size: 2rem; color: #a9a9a9; font-family: 'AvenirNextLTPro-Regular', 'Arial'; line-height: 1.6; text-align: center; margin: 0 0 90px; } #l_wrapper .u_p-e a { color: #1e5fc2; } #l_wrapper .u_p-e a:hover { opacity: 1; text-decoration: underline; } #l_wrapper .u_p-f { font-size: 24px; font-size: 2.4rem; color: #333; font-family: 'AvenirNextLTPro-Regular', 'Arial'; line-height: 2; text-align: center; margin: 0 0 90px; } #l_wrapper .u_p-g { font-size: 20px; font-size: 2rem; color: #a9a9a9; font-family: 'AvenirNextLTPro-Regular', 'Arial'; line-height: 1.6; text-align: center; margin: 0 0 50px; } #l_wrapper .u_p-g a { color: #1e5fc2; } #l_wrapper .u_p-g a:hover { opacity: 1; text-decoration: underline; } #l_wrapper .u_p-h { font-size: 20px; font-size: 2rem; color: #2d2d2d; font-family: 'AvenirNextLTPro-Regular', 'Arial'; line-height: 1.6; text-align: center; } #l_wrapper .u_p-h a { color: #1e5fc2; } #l_wrapper .u_p-h a:hover { opacity: 1; text-decoration: underline; } #l_wrapper .u_p-i { font-size: 18px; font-size: 1.8rem; color: #2d2d2d; font-family: 'AvenirNextLTPro-Regular', 'Arial'; line-height: 2; text-align: center; margin: 0 0 50px; } #l_wrapper .u_p-i a { color: #1e5fc2; } #l_wrapper .u_p-i a:hover { opacity: 1; text-decoration: underline; } #l_wrapper .u_p-j { font-size: 18px; font-size: 1.8rem; color: #2d2d2d; font-family: 'AvenirNextLTPro-Regular', 'Arial'; line-height: 2; text-align: center; } #l_wrapper .u_p-j a { color: #1e5fc2; } #l_wrapper .u_p-j a:hover { opacity: 1; text-decoration: underline; } #l_wrapper .u_p-k { font-size: 20px; font-size: 2rem; color: #a9a9a9; font-family: 'AvenirNextLTPro-Regular', 'Arial'; line-height: 1.6; text-align: center; margin: 0 0 30px; } #l_wrapper .u_p-k a { color: #1e5fc2; } #l_wrapper .u_p-k a:hover { opacity: 1; text-decoration: underline; } #l_wrapper .u_p-l { font-size: 18px; font-size: 1.8rem; color: #2d2d2d; font-family: 'AvenirNextLTPro-Regular', 'Arial'; line-height: 2; text-align: center; margin: 0 0 100px; } #l_wrapper .u_p-l a { color: #1e5fc2; } #l_wrapper .u_p-l a:hover { opacity: 1; text-decoration: underline; } #l_wrapper .u_p-m { font-size: 14px; font-size: 1.4rem; color: #a9a9a9; font-family: 'AvenirNextLTPro-Regular', 'Arial'; line-height: 2; text-align: center; padding: 10px 0 0; } #l_wrapper .u_p-n { font-size: 20px; font-size: 2rem; color: #292929; font-family: 'AvenirNextLTPro-Regular', 'Arial'; line-height: 2.5; text-align: center; margin: 0 0 150px; } #l_wrapper .u_p-o { font-size: 18px; font-size: 1.8rem; color: #2d2d2d; line-height: 1; } #l_wrapper .u_p-p { font-size: 14px; font-size: 1.4rem; color: #a9a9a9; font-family: 'AvenirNextLTPro-Regular', 'Arial'; line-height: 2; text-align: center; margin: -60px 0 90px; padding: 10px 0 0; } #l_wrapper .u_txt-a { color: #292929; } #l_wrapper .pc_only { display: none; } #l_wrapper .tb_only { display: none; } #l_wrapper .sp_only { display: none; } #l_wrapper .u_separators-a { height: 1px; position: relative; outline: 0; border: 0; margin: 0 0 100px; } #l_wrapper .u_separators-a:before { content: ''; width: 64px; height: 1px; margin: auto; background: #000; position: absolute; right: 0; left: 0; top: 50%; } #l_wrapper .u_separators-b { height: 1px; position: relative; outline: 0; border: 0; margin: 0 0 100px; } #l_wrapper .u_separators-b:before { content: ''; width: 32px; height: 32px; border-right: 1px solid #000; border-bottom: 1px solid #000; margin: auto; position: absolute; right: 0; left: 0; top: -17px; -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); } #l_wrapper .u_summary-a { font-family: 'AvenirNextLTPro-Demi', 'Arial'; } #l_wrapper .u_btn-a { box-sizing: border-box; display: inline-block; min-width: 118px; text-align: center; border-radius: 22px; background: rgba(0, 0, 0, 0.6); margin: 0 auto; padding: 0 20px; } #l_wrapper .u_btn-a a { display: inline-block; font-size: 14px; font-size: 1.4rem; line-height: 43px; color: #fff; border-top: 2px solid transparent; border-bottom: 2px solid transparent; } #l_wrapper .u_btn-a a:hover { border-bottom-color: #fff; opacity: 1; } #l_wrapper .u_btn-b { box-sizing: border-box; display: inline-block; min-width: 230px; text-align: center; border-radius: 22px; background: #365fc2; margin: 0 auto; } #l_wrapper .u_btn-b a { display: block; font-size: 16px; font-size: 1.6rem; color: #fff; padding: 15px 40px 12px; position: relative; } #l_wrapper .u_btn-b a:before { content: ''; width: 6px; height: 6px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; margin: -4px 0 0; position: absolute; top: 50%; right: 30px; -webkit-transform: rotateZ(-45deg); transform: rotateZ(-45deg); } #l_wrapper .u_page_top { width: 60px; height: 60px; cursor: pointer; background: url(/brand/technology/common/images/sprites_page_top01.png) 0 0 no-repeat; position: fixed; bottom: 0; right: 27px; z-index: 2; -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } #l_wrapper .u_page_top:hover { background-position: 0 -77px; } #l_wrapper .u_page_top.is_hide { opacity: 0; pointer-events: none; } #l_wrapper .c_nav_local_block { background-color: #fff; border-bottom: 1px solid #e5e5e5; } #l_wrapper .c_nav_local_block.is_fixed { position: fixed; top: 0; right: 0; left: 0; z-index: 3; } #l_wrapper .c_nav_local_wrap { overflow: hidden; width: 1162px; padding: 37px 0; margin: auto; font-size: 18px; font-size: 1.8rem; text-align: center; } #l_wrapper .c_nav_local_list_inner.is_open .c_nav_local_list_head:before { margin: -4px 0 0; -webkit-transform: rotateZ(-135deg); transform: rotateZ(-135deg); } #l_wrapper .c_nav_local_list_inner.is_open .c_nav_local_list_head:after { margin: -3px 0 0; -webkit-transform: rotateZ(-135deg); transform: rotateZ(-135deg); } #l_wrapper .c_nav_local_list_head { display: none; } #l_wrapper .c_nav_local_list { display: table; width: 100%; } #l_wrapper .c_nav_local_list li { display: table-cell; text-align: left; border-left: 1px solid #ddd; } #l_wrapper .c_nav_local_list a { display: block; padding-left: 1em; color: #a9a9a9; font-size: 13px; font-size: 1.3rem; line-height: 1; } #l_wrapper .c_nav_local_list a.is_one-text { font-size: 17px; font-size: 1.7rem; } #l_wrapper .c_nav_local_list a strong { display: inline-block; margin-bottom: 6px; color: #000; font-size: 19px; font-size: 1.9rem; } #l_wrapper .c_nav_local_list a:hover, #l_wrapper .c_nav_local_list .is_current { color: #1e5fc2; opacity: 1; }