@charset "UTF-8";
.technology_nav { width: 100%; position: fixed; top: 0; left: 0; z-index: 101; }
.technology_nav .technology_nav__logo { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 49px; z-index: 105; position: absolute; top: 0; left: 0; background-color: #333333; border: 2px solid #fff; }
.technology_nav .technology_nav__logo a { position: absolute; top: -1px; left: -1px; border: 1px solid #fff; border-right: none; height: 45px; width: 66px; background-color: #fff; display: block; background: url(/brand/technology/common/images/logo02.jpg) left top no-repeat; background-size: cover; }
.technology_nav .technology_nav__logo a img { display: none; }
.technology_nav .technology_nav__list { -webkit-transition: 0.35s all; -moz-transition: 0.35s all; transition: 0.35s all; position: absolute; left: 0; top: -300px; width: 100%; background: rgba(0, 0, 0, 0.9); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 28px 0 34px 0; }
.technology_nav .technology_nav__list .technology_nav__item { /*&:nth-child(1){
a span:before{
content:'スバルのクルマづくり';
}
}*/ }
.technology_nav .technology_nav__list .technology_nav__item a { display: block; width: 100%; color: #fff; text-decoration: none; font-size: 17px; padding: 15px 25px 15px 25px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; position: relative; }
.technology_nav .technology_nav__list .technology_nav__item a:before { content: ''; width: 10px; height: 10px; border-bottom: 2px solid #fff; border-right: 2px solid #fff; margin: -8px 0 0; position: absolute; right: 27px; top: 50%; -webkit-transform: rotateZ(-45deg); transform: rotateZ(-45deg); }
.technology_nav .technology_nav__title { color: #fff; width: 62%; height: 49px; position: absolute; left: 0; right: 0; top: 0; margin: auto; text-align: center; padding-top: 15px; padding-left: 32px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font-weight: 500; letter-spacing: 0.5px; font-size: 17px; z-index: 106; }
.technology_nav .technology_nav__title a { text-decoration: none; color: #fff; }
.technology_nav .c_nav_toggle { position: absolute; z-index: 107; right: 2px; top: 8px; width: 42px; height: 33px; cursor: pointer; }
.technology_nav .c_nav_toggle span { display: block; width: 14px; height: 2px; background: #fff; margin: auto; position: absolute; right: 0; left: 0; -webkit-transition: .35s ease-in-out; transition: .35s ease-in-out; }
.technology_nav .c_nav_toggle span:nth-child(1) { top: 10px; }
.technology_nav .c_nav_toggle span:nth-child(2) { top: 16px; }
.technology_nav .c_nav_toggle span:nth-child(3) { top: 22px; }
.technology_nav.is_open .technology_nav__list { top: 49px; }
.technology_nav.is_open .c_nav_toggle span:nth-child(1) { top: 16px; -webkit-transform: rotateZ(315deg); transform: rotateZ(315deg); }
.technology_nav.is_open .c_nav_toggle span:nth-child(2) { width: 0; }
.technology_nav.is_open .c_nav_toggle span:nth-child(3) { top: 16px; -webkit-transform: rotateZ(-315deg); transform: rotateZ(-315deg); }
.technology_nav.is_subopen .technology_nav__list { left: -100%; }

.technology_subnav { width: 100%; background: black; position: fixed; top: 49px; left: 100%; z-index: 101; -webkit-transition: 0.35s all; -moz-transition: 0.35s all; transition: 0.35s all; }
.technology_subnav .technology_subnav__inner { width: 100%; height: 100%; overflow: scroll; overflow: scroll; -webkit-overflow-scrolling: touch; padding: 10px 0 60px 0; margin: 0 auto 0 auto; position: relative; text-align: center; }
.technology_subnav .technology_subnav__inner .technology_subnav__title { color: #fff; font-size: 17px; font-weight: 600; letter-spacing: 0.05em; padding: 12px 0 48px 0; width: 100%; }
.technology_subnav .technology_subnav__inner .technology_subnav__title span { border-bottom: 2px solid #fff; display: inline-block; padding: 20px 5px 1px 5px; }
.technology_subnav .technology_subnav__inner .technology_subnav__subtitle { clear: both; color: #fff; font-size: 15px; padding: 40px 20px 30px 20px; }
.technology_subnav .technology_subnav__inner .technology_subnav__list { width: 100%; display: inline; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding-left: 5px; }
.technology_subnav .technology_subnav__inner .technology_subnav__list .technology_subnav__item { display: inline-block; vertical-align: top; margin: 0 15px 0 15px; }
.technology_subnav .technology_subnav__inner .technology_subnav__list .technology_subnav__item > a { width: 145px; display: block; text-decoration: none; color: #fff; position: relative; padding: 83px 0 25px 0; margin-bottom: 12px; }
.technology_subnav .technology_subnav__inner .technology_subnav__list .technology_subnav__item > a .technology_subnav__name { font-size: 13px; width: 145px; line-height: 1.3; display: block; font-weight: 600; padding-bottom: 6px; }
.technology_subnav .technology_subnav__inner .technology_subnav__list .technology_subnav__item > a .technology_subnav__text { font-size: 11px; width: 145px; text-align: left; display: block; font-weight: 600; line-height: 1.4; text-align: justify; text-justify: inter-ideograph; -ms-text-justify: inter-ideograph; }
.technology_subnav .technology_subnav__inner .technology_subnav__list .technology_subnav__item > a .technology_subnav__pict { position: absolute; top: 0; left: 0; right: 0; margin: auto; width: 102px; height: auto; }
.technology_subnav .technology_subnav__inner .technology_subnav__close { width: 100%; height: 60px; margin-top: 20px; background: #303030; text-align: left; }
.technology_subnav .technology_subnav__inner .technology_subnav__close a { display: block; text-decoration: none; width: 100%; height: 60px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 13px 20px 10px 48px; position: relative; }
.technology_subnav .technology_subnav__inner .technology_subnav__close a:before { content: 'back'; display: block; color: #fff; font-size: 18px; }
.technology_subnav .technology_subnav__inner .technology_subnav__close a:after { content: ''; width: 9px; height: 9px; border-bottom: 2px solid #fff; border-right: 2px solid #fff; position: absolute; top: 20px; left: 26px; -webkit-transform: rotateZ(-225deg); transform: rotateZ(-225deg); }
.technology_subnav .technology_subnav__inner .technology_subnav__close img { display: none; }
.technology_subnav#technology_subnav1 .technology_subnav__inner .technology_subnav__title { margin-bottom: -70px; }
.technology_subnav.is-open { left: 0%; }

#l_wrapper { padding-top: 49px; }

/******************************/
#gnav_header { display: none; }

#l_footer { width: 100%; height: auto; margin: 0 auto; text-align: center; background: #082b67; }
#l_footer #foot_navi_sitemap, #l_footer footer { display: none; }

@media screen and (max-width: 1200px) { #l_wrapper body { min-width: 100%; }
#l_wrapper a:hover, #l_wrapper a:active, #l_wrapper a:focus { opacity: 1; }
#l_wrapper .l_structure-a { min-width: 100%; width: 100%; }
#l_wrapper .c_block-a.is_2column-a { overflow: hidden; }
#l_wrapper .c_block-a.is_2column-a img { float: none; margin: 0 0 30px; }
#l_wrapper .c_block-a.is_2column-a .c_block_inner { float: none; width: 100%; padding: 0 1.5625%; }
#l_wrapper .c_block-a.is_2column-b { overflow: hidden; }
#l_wrapper .c_block-a.is_2column-b img { float: none; margin: 0 0 30px; }
#l_wrapper .c_block-a.is_2column-b .c_block_inner { float: none; width: auto; padding: 0 1.5625%; }
#l_wrapper .c_block-a.is_3column .c_block_item { width: 31%; }
#l_wrapper .c_block-a.is_3column .c_block_item:nth-child(2) { margin: 0 3.5%; }
#l_wrapper .c_block-a.is_3column .c_block_item img { margin: 0 0 10px; }
#l_wrapper .c_block-a.is_3column .c_block_inner { padding: 0; } }

body { min-width: 100%; }
#l_wrapper a:hover, #l_wrapper a:active, #l_wrapper a:focus { opacity: 1; }
#l_wrapper #l_wrapper { overflow: hidden; }
#l_wrapper .l_structure-a { min-width: 100%; width: 100%; }
#l_wrapper .c_image_box-b { margin: 0 0 10px; }
#l_wrapper .c_hero { height: auto; }
#l_wrapper .c_hero .c_hero_inner-a { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -ms-grid-row-align: flex-start; align-items: flex-start; width: 100%; height: 424px; padding: 96px 7.8125% 0; }
#l_wrapper .c_hero .c_hero_title { font-size: 24px; font-size: 2.4rem; }
#l_wrapper .c_hero .c_hero_txt-c { font-size: 12px; font-size: 1.2rem; padding: 5px 0 0; }
#l_wrapper .c_hero .c_hero_link-b { min-width: 124px; font-size: 7px; font-size: 0.7rem; margin: 50px 0 0; }
#l_wrapper .c_hero .c_hero_link-b a { display: block; color: #fff; line-height: 23px; font-family: 'AvenirNextLTPro-Regular', 'Arial'; padding: 0 25px 0 15px; position: relative; }
#l_wrapper .c_hero .c_hero_link-b a:before { content: ''; width: 6px; height: 6px; margin: -4px 0 0; position: absolute; top: 50%; right: 16px; border-bottom: 1px solid #c4c3c2; border-right: 1px solid #c4c3c2; -webkit-transform: rotateZ(-45deg); transform: rotateZ(-45deg); pointer-events: none; }
#l_wrapper .c_hero-b { height: auto; }
#l_wrapper .c_hero-b .c_hero_inner-a { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; -ms-grid-row-align: flex-end; align-items: flex-end; width: 100%; height: 390px; padding: 0 7.8125%; }
#l_wrapper .c_hero-b .c_hero_txt_group { margin-bottom: 30px; }
#l_wrapper .c_hero-b .c_hero_title { display: inline-block; font-size: 22px; font-size: 2.2rem; font-family: 'AvenirNextLTPro-Demi'; line-height: 1; border-bottom: 1px solid #fff; margin: 0 0 18px; padding: 0 0 5px; }
#l_wrapper .c_hero-b .c_hero_txt-a { font-size: 12px; font-size: 1.2rem; margin: 0 0 7px; }
#l_wrapper .c_hero-b .c_hero_txt-b { font-size: 16px; font-size: 1.6rem; margin: 0 0 5px; }
#l_wrapper .c_hero-b .c_hero_txt-c { font-size: 12px; font-size: 1.2rem; }
#l_wrapper .c_hero-b .c_hero_inner-b { display: none; }
#l_wrapper .c_hero-b .c_hero_link { margin: 0 4.6875%; }
#l_wrapper .c_hero-c { height: auto; }
#l_wrapper .c_hero-c .c_hero_inner-a { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; -ms-grid-row-align: flex-end; align-items: flex-end; width: 100%; height: 260px; padding: 0 7.8125%; }
#l_wrapper .c_hero-c .c_hero_inner-a:before { display: none; }
#l_wrapper .c_hero-c .c_hero_txt_group { margin-bottom: 30px; }
#l_wrapper .c_hero-c .c_hero_title { display: inline-block; font-size: 22px; font-size: 2.2rem; line-height: 1; border-bottom: 1px solid #fff; padding: 0 0 5px; }
#l_wrapper .c_hero-c .c_hero_txt-b { font-size: 18px; font-size: 1.8rem; padding: 15px 0 0; }
#l_wrapper .c_hero-c .c_hero_txt-c { display: none; }
#l_wrapper .c_hero-c .c_hero_link { margin: 0 4.6875%; }
#l_wrapper .c_hero-c.is_models_separators .c_hero_txt_group { padding: 0 0 50px; position: relative; }
#l_wrapper .c_hero-c.is_models_separators .c_hero_txt_group:before { content: ''; width: 13px; height: 13px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; margin: auto; position: absolute; left: 3px; bottom: 0px; -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); }
#l_wrapper .c_hero-d { height: 100%; }
#l_wrapper .c_hero-d .c_hero_inner-a { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; -ms-grid-row-align: flex-end; align-items: flex-end; width: 100%; height: 390px; padding: 0 7.8125% 30px; }
#l_wrapper .c_hero-d .c_hero_inner-a.is_separators::before { display: none; }
#l_wrapper .c_hero-d .c_hero_inner-b { display: none; }
#l_wrapper .c_hero-d .c_hero_title { font-size: 22px; font-size: 2.2rem; }
#l_wrapper .c_hero-d .c_hero_txt-a { font-size: 12px; font-size: 1.2rem; padding: 0 0 8px; margin: 0 0 13px; }
#l_wrapper .c_hero-e { height: auto; }
#l_wrapper .c_hero-e .c_hero_inner-a { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; -ms-grid-row-align: flex-end; align-items: flex-end; width: 100%; height: 150px; padding: 50px 7.8125% 35px; }
#l_wrapper .c_hero-e .c_hero_title { display: inline-block; font-size: 22px; font-size: 2.2rem; font-family: 'AvenirNextLTPro-Demi', 'Arial'; line-height: 1; border-bottom: 1px solid #fff; padding: 0; }
#l_wrapper .c_hero-e .c_hero_txt-b { padding: 18px 0 0; }
#l_wrapper .c_hero-e .c_hero_link { margin: 0 4.6875%; }
#l_wrapper .c_section-a { box-sizing: border-box; min-width: 100%; width: 100%; padding: 30px 5.46875% 0; }
#l_wrapper .c_section-a.is_models_detail { padding: 0; }
#l_wrapper .c_section-b { box-sizing: border-box; min-width: 100%; width: 100%; padding: 30px 5.46875% 0; }
#l_wrapper .c_section-c { box-sizing: border-box; min-width: 100%; width: 100%; padding: 20px 5.46875% 20px; }
#l_wrapper .c_section-d { box-sizing: border-box; min-width: 100%; width: 100%; padding: 30px 5.46875% 0; }
#l_wrapper .c_section-d.is_models_detail { padding: 0; }
#l_wrapper .c_section-e { padding: 50px 5.46875% 65px; }
#l_wrapper .c_section-f { box-sizing: border-box; min-width: 100%; width: 100%; padding: 0 5.46875% 50px; }
#l_wrapper .c_section-f.is_uniq-a { padding: 0 5.46875%; }
#l_wrapper .c_section-g { box-sizing: border-box; min-width: 100%; width: 100%; padding: 45px 5.46875% 50px; }
#l_wrapper .c_section-g.is_models_detail { padding: 0; }
#l_wrapper .c_section-h { padding: 50px 0; }
#l_wrapper .c_section-h.is_color-b { padding: 55px 0 50px; }
#l_wrapper .c_section-h.is_separators:before { width: 100%; }
#l_wrapper .c_section-h.is_uniq-a { padding: 0 0 30px; }
#l_wrapper .c_section-h.is_uniq-b { padding: 15px 0 0; }
#l_wrapper .c_section-h.is_awd { background-size: 610px auto; }
#l_wrapper .c_section-h.is_awd .c_section_inner-b { min-height: 340px; }
#l_wrapper .c_section-h .c_section_inner-a.is_uniq-a { padding: 0 5.46875% 25px; }
#l_wrapper .c_section-h .c_section_inner-a.is_uniq-b { padding: 0 5.46875% 15px; }
#l_wrapper .c_section-h .c_section_inner-a { min-width: 100%; width: 100%; padding: 0 5.46875%; }
#l_wrapper .c_section-h .c_section_inner-b { min-width: 100%; width: 100%; padding: 0 5.46875%; }
#l_wrapper .c_collapse-a { font-size: 14px !important; font-size: 1.4rem !important; }
#l_wrapper .c_block-a.is_2column-c .c_block_item { width: 100%; float: none; }
#l_wrapper .c_block-a.is_2column-c .c_block_item:nth-child(2) { float: none; margin: 15px 0 0; }
#l_wrapper .c_block-a { margin: 0 0 50px; }
#l_wrapper .c_block-a.is_2column-a { overflow: hidden; }
#l_wrapper .c_block-a.is_2column-a img { float: none; margin: 0 0 30px; }
#l_wrapper .c_block-a.is_2column-a .c_block_inner { float: none; width: 100%; padding: 0 1.5625%; }
#l_wrapper .c_block-a.is_2column-b { overflow: hidden; }
#l_wrapper .c_block-a.is_2column-b img { float: none; margin: 0 0 30px; }
#l_wrapper .c_block-a.is_2column-b .c_block_inner { float: none; width: auto; padding: 0 1.5625%; }
#l_wrapper .c_block-a.is_3column { margin: 0; }
#l_wrapper .c_block-a.is_3column .c_block_item { width: 100%; margin: 0 0 50px; }
#l_wrapper .c_block-a.is_3column .c_block_item:nth-child(2) { margin: 0 0 50px; }
#l_wrapper .c_block-a.is_3column .c_block_item img { display: block; margin: 0 auto 20px; }
#l_wrapper .c_block-a.is_3column .c_block_item { display: block; }
#l_wrapper .c_block-a.is_3column .c_block_inner { padding: 0 1.5625%; }
#l_wrapper .c_block-a.is_3column p { font-size: 12px; font-size: 1.2rem; margin: 0 0 5px; }
#l_wrapper .c_block-a.is_3column .c_block_title { font-size: 15px; font-size: 1.5rem; font-family: 'AvenirNextLTPro-Medium'; margin: 0 0 10px; padding: 0 0 10px; }
#l_wrapper .c_block-a.is_3column .c_block_title-b { font-size: 15px; font-size: 1.5rem; margin: 0 0 8px; padding: 0 0 5px; }
#l_wrapper .c_block-b.is_separators { margin: 25px 0 0; padding: 25px 0 0; }
#l_wrapper .c_block-b .c_block_item { float: none; }
#l_wrapper .c_block-b .c_block_title { font-size: 15px; font-size: 1.5rem; line-height: 1.5; margin: 0 0 10px; padding: 0 0 9px; }
#l_wrapper .c_block-b .c_block_txt-a { font-size: 12px; font-size: 1.2rem; line-height: 2; }
#l_wrapper .c_block-b .c_block_txt-b { font-size: 11px; font-size: 1.1rem; line-height: 1.6; padding: 8px 0 0; }
#l_wrapper .c_block-b.is_2column-a .c_block_item:nth-child(1) { width: 100%; margin: 0 0 20px; }
#l_wrapper .c_block-b.is_2column-a .c_block_item:nth-child(2) { float: none; width: 100%; }
#l_wrapper .c_block-c.is_3column .c_block_item { width: 100%; min-height: 100%; margin: 0 0 50px; }
#l_wrapper .c_block-c.is_3column .c_block_item:nth-child(2) { margin: 0 0 50px; }
#l_wrapper .c_block-c.is_3column .c_block_item:last-child { margin: 0; }
#l_wrapper .c_block-c .c_block_title-a { font-size: 15px; font-size: 1.5rem; padding: 20px 1.5625% 15px; }
#l_wrapper .c_block-c .c_block_txt-a { font-size: 12px; font-size: 1.2rem; padding: 15px 1.5625% 10px; }
#l_wrapper .c_block-c .c_block_txt-a:before { width: 10px; left: 1.5625%; }
#l_wrapper .c_tab_list-a.is_color-a .c_tab_nav { margin: 0 0 25px; }
#l_wrapper .c_tab_list-a.is_color-a .c_tab_nav li.is_active { border: none; background: #fff; }
#l_wrapper .c_tab_list-a.is_color-a .c_tab_nav li.is_active a { color: #292929; }
#l_wrapper .c_tab_list-a.is_color-a .c_tab_nav li a { color: #292929; }
#l_wrapper .c_tab_list-a.is_color-a .c_tab_body.is_active { border: none; }
#l_wrapper .c_tab_list-a .c_tab_nav .c_tab_nav_list { display: block; overflow: hidden; -webkit-transition: max-height 0.3s ease-out; transition: max-height 0.3s ease-out; max-height: 0; }
#l_wrapper .c_tab_list-a .c_tab_nav { margin: 0 0 25px; overflow: visible; }
#l_wrapper .c_tab_list-a .c_tab_nav .c_tab_nav_txt { box-sizing: border-box; display: block; height: 45px; color: #1657bf; line-height: 45px; border: 1px solid #ededed; padding: 0 6.25%; cursor: pointer; position: relative; }
#l_wrapper .c_tab_list-a .c_tab_nav .c_tab_nav_txt:before { content: ''; width: 6px; height: 6px; margin: -6px 0 0; position: absolute; top: 50%; right: 6.25%; border-bottom: 1px solid #1657bf; border-right: 1px solid #1657bf; -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); pointer-events: none; }
#l_wrapper .c_tab_list-a .c_tab_nav .c_tab_nav_txt:after { content: ''; width: 6px; height: 6px; margin: -7px 0 0; position: absolute; top: 50%; right: 6.25%; border-bottom: 1px solid #739ad9; border-right: 1px solid #739ad9; -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); pointer-events: none; }
#l_wrapper .c_tab_list-a .c_tab_nav.is_open .c_tab_nav_txt:before { margin: -4px 0 0; top: 50%; right: 6.25%; -webkit-transform: rotateZ(-135deg); transform: rotateZ(-135deg); }
#l_wrapper .c_tab_list-a .c_tab_nav.is_open .c_tab_nav_txt:after { margin: -3px 0 0; top: 50%; right: 6.25%; -webkit-transform: rotateZ(-135deg); transform: rotateZ(-135deg); }
#l_wrapper .c_tab_list-a .c_tab_nav.is_open > ul { display: block; }
#l_wrapper .c_tab_list-a .c_tab_nav ul { box-sizing: border-box; display: none; width: 100%; border: 1px solid #ededed; border-top: none; background: #fff; padding: 0 6.25%; position: absolute; top: 44px; left: 0; }
#l_wrapper .c_tab_list-a .c_tab_nav li { display: block; border-top: 1px solid #ededed; }
#l_wrapper .c_tab_list-a .c_tab_nav li.is_active { border: none; border-top: 1px solid #ededed; }
#l_wrapper .c_tab_list-a .c_tab_nav li.is_active a { opacity: 1; color: #292929; }
#l_wrapper .c_tab_list-a .c_tab_nav li.is_active a:before { display: none; }
#l_wrapper .c_tab_list-a .c_tab_nav li:first-child a { margin: 0; }
#l_wrapper .c_tab_list-a .c_tab_nav li:last-child a { width: 100%; }
#l_wrapper .c_tab_list-a .c_tab_nav li a { box-sizing: border-box; display: block; color: #292929; width: 100%; margin: 0; padding: 18px 6px 18px 0; position: relative; }
#l_wrapper .c_tab_list-a .c_tab_nav li a:after { content: ''; width: 6px; height: 6px; margin: -5px 0 0; position: absolute; top: 50%; right: 2px; border-bottom: 2px solid #818181; border-right: 2px solid #818181; -webkit-transform: rotateZ(-45deg); transform: rotateZ(-45deg); pointer-events: none; }
#l_wrapper .c_tab_list-a .c_tab_body.is_active { border: none; padding: 0; }
#l_wrapper .c_tab_list-a { overflow: auto; }
#l_wrapper .c_tab_section-a { width: 100%; padding: 0; }
#l_wrapper .c_tab_section-b { width: 100%; padding: 0 0 25px; }
#l_wrapper .c_tab_section_column .c_tab_section_column_item { width: 100%; float: none; margin: 0 0 20px; }
#l_wrapper .c_tab_section_column .c_tab_section_column_item:nth-child(2) { float: none; margin: 0; }
#l_wrapper .c_tab_section_column .c_tab_section_column_title-a { font-size: 15px; font-size: 1.5rem; margin: 0 0 5px; padding: 0 0 5px; text-align:left; }
#l_wrapper .c_tab_section_column .c_tab_section_column_txt-a { font-size: 12px; font-size: 1.2rem; text-align:left; }
#l_wrapper .c_tab_section_title-a { font-size: 12px; font-size: 1.2rem; margin: 0 0 20px; padding: 0 10px 5px; }
#l_wrapper .c_tab_section_title_sub-a { font-size: 18px; font-size: 1.8rem; }
#l_wrapper .c_tab_section_image-a { margin: 0 0 10px; }
#l_wrapper .c_bg_box-a { padding: 100px 5.46875%; }
#l_wrapper .c_bg_box-a .c_bg_box_title { font-size: 18px; font-size: 1.8rem; margin: 0 0 16px; }
#l_wrapper .c_bg_box-a .c_bg_box_title-b { font-size: 18px; font-size: 1.8rem; margin: 0 0 25px; }
#l_wrapper .c_bg_box-a .c_bg_box_txt { font-size: 12px; font-size: 1.2rem; line-height: 1.8; margin: 0 0 25px; }
#l_wrapper .c_bg_box-a .c_bg_box_txt-b { font-size: 12px; font-size: 1.2rem; margin: 0 0 5px; }
#l_wrapper .c_bg_box-a .c_bg_box_btn, #l_wrapper .c_bg_box-a .c_bg_box_btn-b { width: 120px; font-size: 12px; font-size: 1.2rem; border-radius: 22px; }
#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: 30px; text-align: center; font-family: 'AvenirNextLTPro-Regular', 'Arial'; padding: 0 25px 0 15px; position: relative; }
#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: -4px 0 0; position: absolute; top: 50%; right: 16px; border-bottom: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotateZ(-45deg); transform: rotateZ(-45deg); pointer-events: none; }
#l_wrapper .c_bg_box-b { padding: 30px 5.46875%; }
#l_wrapper .c_bg_box-b .c_bg_box_title { font-size: 18px; font-size: 1.8rem; margin: 0 0 10px; }
#l_wrapper .c_bg_box-b .c_bg_box_txt { font-size: 12px; font-size: 1.2rem; line-height: 1.8; margin: 0 0 25px; padding: 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 { width: 120px; font-size: 12px; font-size: 1.2rem; border-radius: 22px; }
#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: 30px; text-align: center; font-family: 'AvenirNextLTPro-Regular', 'Arial'; padding: 0 25px 0 15px; position: relative; }
#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: -4px 0 0; position: absolute; top: 50%; right: 16px; border-bottom: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotateZ(-45deg); transform: rotateZ(-45deg); pointer-events: none; }
#l_wrapper .c_bg_box-c { padding: 0 0 33px; }
#l_wrapper .c_bg_box-c .c_bg_box_title-a { font-size: 18px; font-size: 1.8rem; text-align: left; padding: 0 5.46875%; }
#l_wrapper .c_collapse_box { width: 100%; }
#l_wrapper .c_video-a:hover .c_video-a_image { opacity: 1; }
#l_wrapper .c_section_popup { margin: 0 0 33px; padding: 20px 0; }
#l_wrapper .c_section_popup.is_uniq-a { margin: 0; }
#l_wrapper .c_section_popup.is_uniq-c { margin: 0; padding: 50px 0 0; }
#l_wrapper .c_section_popup .c_section_popup_inner { box-sizing: border-box; min-width: 100%; width: 100%; padding: 0 5.46875%; }
#l_wrapper .c_section_popup .c_section_popup_inner-b { box-sizing: border-box; min-width: 100%; width: 100%; padding: 0 5.46875%; }
#l_wrapper .c_section_popup .c_section_popup_image, #l_wrapper .c_section_popup .c_section_popup_image-b { margin: 0 0 20px; }
#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 { margin: 0 auto; left: 0 !important; right: 0 !important; }
#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: 15px; font-size: 1.5rem; margin: 0 0 8px; padding: 13px 13px 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 { font-size: 12px; font-size: 1.2rem; margin: 0 0 16px; padding: 0 13px; font-family:"AvenirNextLTPro-Medium", Arial; }
#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: 12px; font-size: 1.2rem; padding: 10px 17px 8px; }
#l_wrapper .c_section_popup .c_section_popup_colum { padding: 0 5.46875%; }
#l_wrapper .c_section_popup .c_section_popup_colum .c_section_popup_colum_item { width: 100%; float: none; }
#l_wrapper .c_section_popup .c_section_popup_colum .c_section_popup_colum_item:nth-child(2) { float: none; }
#l_wrapper .c_section_popup .c_section_popup_colum .c_section_popup_colum_item > p { font-size: 12px; font-size: 1.2rem; }
#l_wrapper .popup_hrb-1 .c_section_popup_image_detail { top: 48%; }
#l_wrapper .popup_hrb-2 .c_section_popup_image_detail { top: 48%; }
#l_wrapper .popup_drivetrain_boxerengine-1 .c_section_popup_image_detail { top: 28%; }
#l_wrapper .popup_drivetrain_boxerengine-2 .c_section_popup_image_detail { top: 42%; }
#l_wrapper .popup_drivetrain_transmission-1 .c_section_popup_image_detail { top: 48%; }
#l_wrapper .popup_drivetrain_sidrive-1 .c_section_popup_image_btn { top: 30%; left: 24%; }
#l_wrapper .popup_drivetrain_sidrive-1 .c_section_popup_image_detail { top: -138%; }
#l_wrapper .popup_drivetrain_sidrive-2 .c_section_popup_image_btn { top: 20%; right: 22%; }
#l_wrapper .popup_drivetrain_sidrive-2 .c_section_popup_image_detail { top: -153%; }
#l_wrapper .popup_drivetrain_sidrive-3 .c_section_popup_image_btn { top: 41%; right: 19%; }
#l_wrapper .popup_drivetrain_sidrive-3 .c_section_popup_image_detail { top: -135%; }
#l_wrapper .popup_activesafety-1 .c_section_popup_image_detail { top: 45%; }
#l_wrapper .popup_activesafety-2 .c_section_popup_image_btn { top: 64%; left: 37%; }
#l_wrapper .popup_activesafety-3 .c_section_popup_image_btn { top: 49%; left: 64%; }
#l_wrapper .popup_activesafety-3 .c_section_popup_image_detail { top: 64%; }
#l_wrapper .popup_activesafety-4 .c_section_popup_image_btn { top: 66%; left: 75%; }
#l_wrapper .popup_passivesafety-12 .c_section_popup_image_detail { top: 72%; }
#l_wrapper .popup_passivesafety-13 .c_section_popup_image_detail { top: 42%; }
#l_wrapper .popup_passivesafety-14 .c_section_popup_image_detail { top: 24%; }
#l_wrapper .c_image_box-a { margin: 0 0 40px; }
#l_wrapper .u_back.is_show { display: block; }
#l_wrapper .u_back a { display: inline-block; padding: 20px 7.8125% 20px 12.5%; }
#l_wrapper .u_back a:before { border-bottom: 1px solid #0045A2; border-right: 1px solid #0045A2; margin: -8px 0 0; }
#l_wrapper .u_sitemap { font-size: 8px; font-size: 0.8rem; position: static; }
#l_wrapper .u_btn_close { display: none; }
#l_wrapper .u_h2_title-a { font-size: 18px; font-size: 1.8rem; margin: 0 0 30px; }
#l_wrapper .u_h2_title-b { font-size: 18px; font-size: 1.8rem; margin: 0 0 30px; }
#l_wrapper .u_h2_title-c { font-size: 18px; font-size: 1.8rem; margin: 0 0 8px; }
#l_wrapper .u_h3_title-a { font-size: 18px; font-size: 1.8rem; margin: 0 0 8px; }
#l_wrapper .u_h3_title-b { font-size: 18px; font-size: 1.8rem; }
#l_wrapper .u_h3_title-c { font-size: 18px; font-size: 1.8rem; margin: 0 0 5px; }
#l_wrapper .u_h3_title-d { font-size: 18px; font-size: 1.8rem; margin: 0 0 20px; }
#l_wrapper .u_h4_title-a { border-left:none; margin:0 0 10px!important; padding:0; text-align:center; font-size:1.2rem!important; font-family:'AvenirNextLTPro-Medium', 'Arial';} 
#l_wrapper .u_p-a { font-size: 12px; font-size: 1.2rem; margin: 0 0 15px; text-align:left; color:#3c3c3c; }
#l_wrapper .u_p-b { font-size: 12px; font-size: 1.2rem; margin: 0 0 20px; }
#l_wrapper .u_p-c { font-size: 12px; font-size: 1.2rem; margin: 0 4.07% 45px; }
#l_wrapper .u_p-d { font-size: 14px; font-size: 1.4rem; margin: -20px 4.07% 45px; }
#l_wrapper .u_p-e { font-size: 12px; font-size: 1.2rem; margin: 0 4.07% 45px; }
#l_wrapper .u_p-f { font-size: 14px; font-size: 1.4rem; margin: 0 4.07% 45px; }
#l_wrapper .u_p-g { font-size: 12px; font-size: 1.2rem; margin: 0 4.07% 25px; }
#l_wrapper .u_p-h { font-size: 12px; font-size: 1.2rem; margin: 0 4.07%; }
#l_wrapper .u_p-i { font-size: 12px; font-size: 1.2rem!important; margin: 0 0 25px;  text-align:left; color:#3c3c3c; }
#l_wrapper .u_p-j { font-size: 12px; font-size: 1.2rem!important; margin: 0; padding:0; text-align:left; color:#3c3c3c; }
#l_wrapper .u_p-k { font-size: 12px; font-size: 1.2rem; margin: 0 0 25px; padding:0; color:#3c3c3c; }
#l_wrapper .u_p-l { font-size: 12px; font-size: 1.2rem; margin: 0 4.07% 50px; }
#l_wrapper .u_p-m { font-size: 12px; font-size: 1.2rem; margin: 0; padding: 5px 0 0; text-align:left; }
#l_wrapper .u_p-n { font-size: 12px; font-size: 1.2rem; margin: 0 4.07% 75px; }
#l_wrapper .u_p-o { font-size: 12px; font-size: 1.2rem; margin: 0 4.07%; }
#l_wrapper .u_p-p { font-size: 12px; font-size: 1.2rem; margin: -30px 4.07% 45px; padding: 5px 0 0; }
#l_wrapper .sp_only { display: block; }
#l_wrapper .u_btn-a { min-width: 68px; padding: 0 10px; }
#l_wrapper .u_btn-a a { font-size: 12px; font-size: 1.2rem; line-height: 23px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; }
#l_wrapper .u_btn-a a:hover { border-bottom-color: #fff; opacity: 1; }
#l_wrapper .u_btn-b { min-width: 170px; }
#l_wrapper .u_btn-b a { font-size: 12px; font-size: 1.2rem; padding: 8px 20px 6px; }
#l_wrapper .u_btn-b a:before { content: ''; width: 3px; height: 3px; margin: -3px 0 0; right: 15px; }
#l_wrapper .u_page_top { right: 15px; width: 30px; height: 30px; background-size: 30px auto; }
#l_wrapper .u_page_top:hover { background-position: 0 0; }

.is-top #l_wrapper { background: #efefef; }
.is-top #l_wrapper .l-main-visual { width: 100%; height: 185px; background: url(/brand/technology/common/images/top/top_header_pc.jpg) center center no-repeat; background-size: cover; position: relative; }
.is-top #l_wrapper .l-main-visual .l-main-visual__title { position: absolute; top: 17px; right: 12px; line-height: 1; color: #fff; text-shadow: 1.4px 1.4px 1.8px rgba(0, 0, 0, 0.8); font-size: 2.154em; letter-spacing: 0.02em; }
.is-top #l_wrapper .l-main-visual .l-main-visual__title > span { font-size: 0.429em; display: block; padding: 0 0 8px 4px; }
.is-top #l_wrapper .l-main-nav { display: none; }
.is-top #l_wrapper .l-main_section { width: 92%; margin: 0 auto 0 auto; background: #fff; }
.is-top #l_wrapper .l-main_section .l-main_section__inner { width: 89%; margin: 0 auto 0 auto; zoom: 1; }
.is-top #l_wrapper .l-main_section .l-main_section__inner:after { content: ""; display: block; clear: both; }
.is-top #l_wrapper .l-main_section.l-main_section--lead { max-width: 100%; width: 100%; margin-bottom: 20px; padding: 22px 0 40px 0; }
.is-top #l_wrapper .l-main_section.l-main_section--lead .l-main_section__inner { width: 81.9%; margin: 0 auto; }
.is-top #l_wrapper .l-main_section.l-main_section--lead .l-main_section__title { font-size: 1.538em; font-weight: bold; text-align: center; margin-bottom: 20px; }
.is-top #l_wrapper .l-main_section.l-main_section--lead .l-main_section__text { font-size: 1.077em; padding: 0; line-height: 1.8; }
.is-top #l_wrapper .l-main_section.l-main_section--lead .l-main_section__movie { margin-top: 20px; }
.is-top #l_wrapper .l-main_section.l-main_section--lead .l-main_section__movie img { width: 100%; height: auto; }
.is-top #l_wrapper .l-main_section.l-main_section--lead .l-main_section__movie::after { display: none; }
.is-top #l_wrapper .l-main_section.l-main_section--sec1, .is-top #l_wrapper .l-main_section.l-main_section--sec2, .is-top #l_wrapper .l-main_section.l-main_section--sec3 { padding: 30px 0 40px 0; }
.is-top #l_wrapper .l-main_section.l-main_section--sec1 .l-main_section__title, .is-top #l_wrapper .l-main_section.l-main_section--sec2 .l-main_section__title, .is-top #l_wrapper .l-main_section.l-main_section--sec3 .l-main_section__title { position: relative; text-align: center; font-size: 1.231em; font-weight: bold; padding-bottom: 9px; margin-bottom: 22px; }
.is-top #l_wrapper .l-main_section.l-main_section--sec1 .l-main_section__title:after, .is-top #l_wrapper .l-main_section.l-main_section--sec2 .l-main_section__title:after, .is-top #l_wrapper .l-main_section.l-main_section--sec3 .l-main_section__title:after { content: ''; display: block; width: 45px; height: 1px; background: #868686; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; }
.is-top #l_wrapper .l-main_section.l-main_section--sec1 .l-main_section__text, .is-top #l_wrapper .l-main_section.l-main_section--sec2 .l-main_section__text, .is-top #l_wrapper .l-main_section.l-main_section--sec3 .l-main_section__text { font-size: 1.077em; line-height: 1.8; }
.is-top #l_wrapper .l-main_section.l-main_section--sec1 { margin-bottom: 20px; text-align: center; }
.is-top #l_wrapper .l-main_section.l-main_section--sec1 .l-main_section__pict { margin-top: 20px; }
.is-top #l_wrapper .l-main_section.l-main_section--sec1 .l-main_section__pict img { width: 100%; height: auto; }
.is-top #l_wrapper .l-main_section.l-main_section--sec2 { margin-bottom: 20px; }
.is-top #l_wrapper .l-main_section.l-main_section--sec2 .l-main_section__text { text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 0 0 0 0; }
.is-top #l_wrapper .l-main_section.l-main_section--sec2 .l-main_section__pict { text-align: center; }
.is-top #l_wrapper .l-main_section.l-main_section--sec2 .l-main_section__pict img { width: 100%; height: auto; }
.is-top #l_wrapper .l-main_section.l-main_section--sec2 .l-main_section__list { clear: both; zoom: 1; padding-top: 15px; }
.is-top #l_wrapper .l-main_section.l-main_section--sec2 .l-main_section__list:after { content: ""; display: block; clear: both; }
.is-top #l_wrapper .l-main_section.l-main_section--sec2 .l-main_section__list .l-main_section__item { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; position: relative; padding: 0 0 0 108px; margin-top: 25px; }
.is-top #l_wrapper .l-main_section.l-main_section--sec2 .l-main_section__list .l-main_section__name { font-size: 1em; text-indent: -0.5em; }
.is-top #l_wrapper .l-main_section.l-main_section--sec2 .l-main_section__list .l-main_section__copy { font-size: 0.846em; line-height: 1.6; margin-top: 0.35em; }
.is-top #l_wrapper .l-main_section.l-main_section--sec2 .l-main_section__list .l-main_section__thumb { position: absolute; top: 3px; left: 0; width: 95px; height: auto; }
.is-top #l_wrapper .l-main_section.l-main_section--sec3 { padding: 0; margin-bottom: 0; max-width: 100%; width: 100%; background: #efefef; }
.is-top #l_wrapper .l-main_section.l-main_section--sec3 .l-main_subsection { background: #fff; width: 100%; padding-bottom: 40px; }
.is-top #l_wrapper .l-main_section.l-main_section--sec3 .l-main_subsection .l-main_section__inner { width: 84%; margin: 20px auto 0 auto; padding: 20px 0 30px 0; }
.is-top #l_wrapper .l-main_section.l-main_section--sec3 .l-main_subsection.l-main_subsection--panel { width: 94%; margin: 0 auto 0 auto; text-align: center; padding-bottom: 0; }
.is-top #l_wrapper .l-main_section.l-main_section--sec3 .l-main_subsection.l-main_subsection--panel .l-main_section__inner { width: 89.4%; margin: 0 auto 0 auto; padding: 40px 0 50px 0; }
.is-top #l_wrapper .l-main_section.l-main_section--sec3 .l-main_subsection.l-main_subsection--panel .l-main_section__inner .l-main_section__pict { margin-top: 35px; }
.is-top #l_wrapper .l-main_section.l-main_section--sec3 .l-main_subsection.l-main_subsection--panel .l-main_section__inner .l-main_section__pict img { width: 97.5%; height: auto; }
.is-top #l_wrapper .l-main_section.l-main_section--sec3 .l-main_section__subtitle { margin: 10px 0 20px 0; font-size: 1.462em; font-weight: bold; text-align: center; }
.is-top #l_wrapper .l-main_section.l-main_section--sec3 .l-main-media { width: 97%; margin: 35px auto 0 auto; }
.is-top #l_wrapper .l-main_section.l-main_section--sec3 .l-main-media.is-firstchild { margin-top: 0; }
.is-top #l_wrapper .l-main_section.l-main_section--sec3 .l-main-media > a { display: block; position: relative; color: #333; min-height: 80px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 0 0 26px 170px; }
.is-top #l_wrapper .l-main_section.l-main_section--sec3 .l-main-media .l-main-media__title { font-size: 1.000em; font-weight: bold; margin-bottom: 6px; }
.is-top #l_wrapper .l-main_section.l-main_section--sec3 .l-main-media .l-main-media__text { font-size: 0.846em; line-height: 1.35; }
.is-top #l_wrapper .l-main_section.l-main_section--sec3 .l-main-media .l-main-media__thumb { position: absolute; top: 2px; left: 0; width: 160px; height: auto; }
.is-top #l_wrapper .l-main_section.l-main_section--sec3 .l-main-media .l-main-media__anchor { font-size: 0.769em; text-decoration: underline; line-height: 1.2; position: absolute; bottom: 0; left: 170px; width: 130px; }

#l_wrapper .l-footer { background: #363636; color: #fff; clear: both; width: 100%; padding: 20px 0 40px 0; }
#l_wrapper .l-footer .l-footer__section { width: 304px; margin: 0 auto; zoom: 1; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-top: 2px solid #666666; padding: 35px 0 35px 0; }
#l_wrapper .l-footer .l-footer__section:after { content: ""; display: block; clear: both; }
#l_wrapper .l-footer .l-footer__section:nth-child(1) { border-top: none; }
#l_wrapper .l-footer .l-footer__head { padding: 0; }
#l_wrapper .l-footer .l-footer__head .l-footer__title { font-size: 1.692em; line-height: 1.1; padding-bottom: 6px; letter-spacing: 0.05em; }
#l_wrapper .l-footer .l-footer__head .l-footer__title .l-footer__ruby { font-size: 0.455em; display: block; padding-bottom: 1px; letter-spacing: 0; }
#l_wrapper .l-footer .l-footer__head .l-footer__lead { font-size: 0.923em; line-height: 1.4; }
#l_wrapper .l-footer .l-footer__content { margin-top: 16px; }
#l_wrapper .l-footer .l-footer__content .l-footer-list--technology { zoom: 1; }
#l_wrapper .l-footer .l-footer__content .l-footer-list--technology:after { content: ""; display: block; clear: both; }
#l_wrapper .l-footer .l-footer__content .l-footer-list--technology a { color: #fff; display: block; position: relative; padding: 0 0 0 134px; width: 304px; min-height: 52px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
#l_wrapper .l-footer .l-footer__content .l-footer-list--technology .l-footer-list__item { margin: 25px 0 0 0; width: 304px; }
#l_wrapper .l-footer .l-footer__content .l-footer-list--technology .l-footer-list__item:nth-child(1) { margin-top: 0; }
#l_wrapper .l-footer .l-footer__content .l-footer-list--technology .l-footer-list__title { font-size: 1em; margin: 0 0 3px 0; }
#l_wrapper .l-footer .l-footer__content .l-footer-list--technology .l-footer-list__text { font-size: 0.769em; line-height: 1.6; }
#l_wrapper .l-footer .l-footer__content .l-footer-list--technology .l-footer-list__text .l-footer__anchor { text-decoration: underline; }
#l_wrapper .l-footer .l-footer__content .l-footer-list--technology .l-footer-list__pict { position: absolute; top: 3px; left: 0; width: 120px; height: auto; }
#l_wrapper .l-footer .l-footer__content .l-footer__text--large { font-size: 0.846em; line-height: 1.6; }
#l_wrapper .l-footer .l-footer__content .l-footer__text--large a { color: #fff; display: block; }
#l_wrapper .l-footer .l-footer__content .l-footer__text--large .l-footer__anchor { text-decoration: underline; }
#l_wrapper .l-footer .l-footer__content .l-footer-list--story { zoom: 1; }
#l_wrapper .l-footer .l-footer__content .l-footer-list--story:after { content: ""; display: block; clear: both; }
#l_wrapper .l-footer .l-footer__content .l-footer-list--story a { color: #fff; display: block; width: 304px; min-height: 60px; padding: 10px 10px 10px 10px; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
#l_wrapper .l-footer .l-footer__content .l-footer-list--story .l-footer-list__item { margin: 0; width: 304px; }
#l_wrapper .l-footer .l-footer__content .l-footer-list--story .l-footer-list__item:nth-child(odd) a { background-color: #494949; }
#l_wrapper .l-footer .l-footer__content .l-footer-list--story .l-footer-list__title { width: 222px; margin-bottom: 0.8em; font-size: 1em; line-height: 1.3; display: inline-block; }
#l_wrapper .l-footer .l-footer__content .l-footer-list--story .l-footer-list__title:after { content: ''; display: inline-block; margin: 0 0 0 10px; width: 12px; height: 10px; background: url(/brand/technology/common/images/top/ico-arrow-footer.png) center center no-repeat; background-size: cover; }
#l_wrapper .l-footer .l-footer__content .l-footer-list--story .l-footer-list__text { width: 222px; font-size: 0.846em; line-height: 1.6; }
#l_wrapper .l-footer .l-footer__content .l-footer-list--story .l-footer-list__pict { position: absolute; top: 10px; right: 10px; width: 58px; height: auto; }

.p-modal { display: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.p-modal.p-modal-youtube { width: 315px; height: 176px; top: 300px !important; }
.p-modal.p-modal-youtube iframe { width: 315px; height: 176px; }