@charset "utf-8";

/* ----------------------------------------------------------------
Foundation
----------------------------------------------------------------- */
.header_area1::after,
#l_content::after,
.footer_area2::after{
display: block;
clear: both;
content: "";
}
@media print{
.header_area1::after,
#l_content::after{
visibility: hidden;
margin-bottom: 1px;
height: 1px;
}
}
.m_text,
.m_note,
.m_list,
.m_list-num,
.m_list-icon,
.m_list-des,
.m_link,
.m_links,
.m_tbl-data,
.m_image,
.m_image-sbs,
.m_columns .column,
.m_box,
.m_tab,
.m_news,
.m_listpage_link > li,
.m_toggle,
.m_carousel{
margin: 16px 0 0;
}
.m_hdg,
.m_hdg + .m_hdg._B{
margin: 2em 0 0;
}
.m_hdg._A,
.m_hdg._B,
.m_box._lineup{
margin: 2.25em 0 0;
}
.m_box .m_links._subtoc{
margin-top: .7692em;
}
#l_content > :first-child,
#l_main > :first-child,
.m_list .m_list,
.m_list .m_list-num,
.m_list-num .m_list,
.m_list-num .m_list-num,
.m_tbl-data th > :first-child,
.m_tbl-data td > :first-child,
.m_image-sbs .text_area > :first-child,
.m_columns .column > :first-child,
.m_box > :first-child,
.m_tab [role="tabpanel"] > :first-child,
.m_news > :first-child,
.m_news .news_hdg > .hdg_link > :first-child{
margin-top: 0 !important;
}
.m_link a,
.m_links > li a,
.anc_button,
.m_listpage_link .link_title b{
position: relative;
display: inline-block;
padding-left: 1.5em;
}
.m_link a::before,
.m_links > li a::before,
.anc_button::before,
.m_listpage_link .link_title b::before,
.solution_list b::before{
position: absolute;
top: .7em;
left: 0;
margin-top: -.3em;
width: .6em;
height: .6em;
border-top: .1em solid #e5001a;
border-right: .1em solid #e5001a;
content: "";
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
article,
section,
nav,
aside,
header,
footer,
main,
figure{
display: block;
}
h1,
h2,
h3,
h4,
h5{
margin: 0;
padding: 0;
font-weight: normal;
font-size: 1rem;
}
address{
font-style: normal;
}
p,
ol,
ul,
li,
dl,
dt,
dd,
figure,
form{
margin: 0;
padding: 0;
}
li{
list-style: none;
}
a:link,
a[tabindex]{
color: #005c99;
text-decoration: underline;
cursor: pointer;
}
a:visited{
color: #1c0099;
}
a:link:hover,
a:link:focus,
a:visited:hover,
a:visited:focus,
a[tabindex]:hover,
a[tabindex]:focus{
text-decoration: none;
}
em,
strong{
font-weight: bold;
font-style: normal;
}
small{
font-size: 100%;
}
dfn,
b{
font-weight: bold;
}
rt,
rp{
display: inline;
font-size: .875rem;
}
rp:first-child{
margin-left: .5em;
}
img{
border: 0;
}
iframe{
border: 0;
}
table{
border-collapse: collapse;
}
th{
text-align: left;
font-weight: normal;
}
label{
cursor: default;
}
input,
select,
button,
textarea{
font-weight: inherit;
font-size: inherit;
font-family: inherit;
line-height: inherit;
}
optgroup{
font-style: inherit;
}
button{
margin: 0;
padding: 0;
border: none;
background: transparent;
color: inherit;
line-height: 1;
cursor: pointer;
}
button:focus{
outline: 1px dotted #333;
}
button:active{
position: relative;
}
button::-moz-focus-inner{
padding: 0;
border: none;
}
button[disabled]{
cursor: auto;
}

/* Base
----------------------------------------------------------------- */
html,
body{
background: #fff;
color: #333;
}
html{
-webkit-text-size-adjust: 100%;
font-size: 100%;
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
line-height: 1.6;
}
body{
margin: auto;
width: 1024px;
}

/* ----------------------------------------------------------------
Structure
----------------------------------------------------------------- */

/* header
----------------------------------------------------------------- */
.header_area1{
position: relative;
box-sizing: border-box;
margin: auto;
padding: 10px 20px 0;
min-height: 74px;
}
.header_area1-1{
float: left;
}
.header_area1-2{
float: right;
padding: 13px 0;
text-align: right;
}
.header_logo{
display: inline-block;
margin: 17px 25px 0 0;
white-space: nowrap;
}
.header_logo._en{
margin-top: 9px;
}
.header_utility{
display: inline-block;
margin-top: 5px;
vertical-align: middle;
font-size: 0;
}
.header_utility a{
padding: 0 .75em;
color: #333;
text-decoration: none;
font-size: .875rem;
}
.header_utility a:focus,
.header_utility a:hover{
text-decoration: underline;
}
.header_utility .lang{
border-right: 1px solid #b3b3b3;
}
.header_utility .lang:first-child{
border-left: 1px solid #b3b3b3;
}
.header_utility .lang[hreflang="en"]{
font-family: "Swis721 Lt BT", Arial, sans-serif;
}
.header_utility .contact{
display: inline-block;
padding: 0;
color: #0074c1;
}
.header_utility .contact:focus,
.header_utility .contact:hover{
color: #0074c1;
}
.header_utility .contact{
margin: 0 28px 0 20px;
padding-left: 24px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAaCAYAAADFTB7LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAkFJREFUeNrsls1LVFEYxs8cpnShZOEmKzfRKgurRd+GhVmQtYoIKugDpX0Ffa2yKPQP6IsUwSBw1XdQ0FRQC4kICloEJYrRooiCqLTb74XnwkUavc7c0UE88GPmDOecee573/d5T8odycx1zt2BZa54xidoCtrqej1fBqEO7hWJuDewEnptYgIXwA/YDlcmWdwjWAt9UBYKfAG1MATNcBKCSRDXAVvhG1jaPQ4FVsETaNTCc7AXfk+QMAvGaTgAf2CJgrYiFGijHG7DQc27JfhrgcX9UjBaNW+Ap1AdLvCRxWm4CmcgpRCvh48FEvcFNisYTsExN5kVXeT/s/EUdMJMVdQqeJmwuPewRqllwTir4MwYudBnOWCfbKdCnrQB7iYk7rnEvYMSRfBEtsV+lIM2RvIhtKHLeYrrgU3wGebAQ9g92gY/xoE1emLrMsPQAsdztKF22AU/YaEqdd1Ym3yMg82GMrBF8/OwRxUYZ9iDHYaj8Fev18QtirPZx/wTs6FbcEjz6zFtyFKjCS5qvlPdojJu2P04XlFarbBVlZfRK/qQZf2AbCrs8cfgBpSOJy98DrlkrbBLNvQWVoeNPTJey55e6cEuwQU9mCu0QKccvA+zZUP1MlkbDxTZ/khqNOda9j4Py6gfYUM7YD9sg+8wH55FimvCBdpYrIpcrmrt1K2oVr8vzdfV8xXodDXK6Krk9GmRnZdE20lCoNPl8iZcU86VJdW00wleANLKwUSHd0U+pgVOeYGpIAiKWuA/AQYADa5xJsPXeBMAAAAASUVORK5CYII=) no-repeat 0 40%;
background-size: 17px 11px;
}
.header_search{
display: inline-block;
vertical-align: middle;
font-size: 0;
}
.header_search .fc{
display: inline-block;
border-bottom: 1px solid #808080;
vertical-align: bottom;
font-size: 1rem;
}
.header_search .fc input:not([type]),
.header_search .fc input[type="text"],
.header_search .fc input[type="search"]{
width: 9em;
border: none;
-webkit-transition: background-color .5s;
transition: background-color .5s;
}
.header_search .fc input:not([type]):focus,
.header_search .fc input[type="text"]:focus,
.header_search .fc input[type="search"]:focus{
background-color: #eee;
}
.header_search .fb{
display: inline-block;
padding: 0 .5em;
border-bottom: 1px solid #808080;
vertical-align: bottom;
font-size: 1rem;
}
.header_title{
background: #041a45;
color: #fff;
}
.header_title p{
padding: 8px 20px;
}
.header_global-nav{
background: #a3a3a3;
color: #fff;
}
.header_global-nav .nav_list{
font-size: 0;
}
.header_global-nav .nav_list > li{
display: inline-block;
text-align: center;
}
.header_global-nav .nav_list > li:first-child a{
padding-left: 20px;
}
.header_global-nav a{
display: block;
padding: 8px 12px;
background: transparent;
color: inherit;
text-decoration: none;
font-size: 1rem;
}
.header_global-nav a[href]{
background-color: #a3a3a3;
}
.header_global-nav a[href]:focus,
.header_global-nav a[href]:hover,
.header_global-nav a[href].selected{
background-color: #262626;
}
.header_global-nav a[href].current{
background-color: #000;
font-weight: bold;
}
.b_topic-path{
background: #e6e6e6;
}
.b_topic-path > p{
margin: auto;
padding: .5em 20px;
font-size: .75rem;
line-height: 1.4;
}
.b_topic-path .top{
text-transform: uppercase;
}
.b_topic-path .separator{
margin: 0 1.25em;
}

/* content
----------------------------------------------------------------- */
.b_page-title{
background-color: #0080d4;
color: #fff;
}
.b_page-title h1{
padding: 1.45em 20px;
font-weight: bold;
font-size: 1.875rem;
}
.b_page-title._image{
height: 145px;
}
.b_page-title._image h1{
display: table-cell;
padding: 0 20px;
width: 472px;
height: 145px;
vertical-align: middle;
}
.b_page-title._contact{
display: table;
width: 100%;
}
.b_page-title._contact h1{
display: table-cell;
box-sizing: border-box;
padding: 0 20px;
width: 418px;
height: 143px;
vertical-align: middle;
}
.b_page-title._contact .contact_area{
display: table-cell;
padding: 20px 20px 20px 0;
vertical-align: top;
}
.b_page-title._contact .contact_text{
display: inline-block;
vertical-align: top;
font-size: .875rem;
}
.b_page-title._contact .contact_button{
display: table-cell;
width: 250px;
vertical-align: middle;
}
.b_page-title._contact .contact_button .anc_button{
box-sizing: border-box;
padding: .7em 36px .7em 18px;
width: 250px;
text-align: center;
font-weight: bold;
font-size: 1rem;
}
.b_page-title._contact .contact_box{
overflow: hidden;
margin-top: 8px;
padding: 12px 15px;
border: 1px solid #fff;
font-size: .8125rem;
}
.b_page-title._contact .contact_box > p{
display: table-cell;
padding-left: 15px;
}
#l_content{
box-sizing: border-box;
margin: auto;
padding: 30px 20px 70px;
}
.product_detail #l_content{
padding-bottom: 90px;
}
#l_main{
float: left;
width: 74.5%;
}
#l_main:not(:first-child){
margin-top: 40px;
}
#l_sidebar{
float: right;
width: 23.85%;
}
#l_main:not(:first-child) + #l_sidebar{
margin-top: 40px;
}

/* footer
----------------------------------------------------------------- */
.footer_area1{
padding: 1.3077em 0;
background: #e6e6e6;
color: #333;
}
.footer_area1 a{
color: #333;
}
.footer_area2{
margin: auto;
padding: 0 20px;
max-width: 1260px;
}
.footer_utility{
margin: auto;
padding: 0 20px;
font-size: 0;
}
.footer_utility > li{
display: inline-block;
margin: .3125em 0;
border-left: 1px solid #737373;
vertical-align: top;
font-size: .75rem;
line-height: 1.2;
}
.footer_utility > li:last-child{
border-right: 1px solid #737373;
}
.footer_utility a{
padding: 0 .5em;
text-decoration: none;
}
.footer_utility a:focus,
.footer_utility a:hover{
text-decoration: underline;
}
.footer_copyright{
float: left;
padding: 28px 0 0;
font-size: .75rem;
}
.footer_copyright .company_name{
text-transform: uppercase;
}
.footer_logo{
float: right;
padding: 25px 0 20px;
}

/* ----------------------------------------------------------------
Object
----------------------------------------------------------------- */

/* Module
----------------------------------------------------------------- */
.m_hdg._A h2,
.m_hdg._A h3,
.m_hdg._A h4,
.m_hdg._A h5,
.m_hdg._A h6{
padding: .6em 20px;
border-left: 4px solid #017DC5;
background: #D1E3F7;
font-weight: bold;
font-size: 1.5rem;
line-height: 1.2;
}
.m_hdg._B h2,
.m_hdg._B h3,
.m_hdg._B h4,
.m_hdg._B h5,
.m_hdg._B h6{
padding: .45em 20px;
border-left: 4px solid #017DC5;
background: #F2F2F2;
font-weight: bold;
font-size: 1.375rem;
line-height: 1.2;
}
.m_hdg._C h2,
.m_hdg._C h3,
.m_hdg._C h4,
.m_hdg._C h5,
.m_hdg._C h6{
padding: 0 0 0 20px;
border-left: 4px solid #017DC5;
font-weight: bold;
font-size: 1.25rem;
line-height: 1.2;
}
.m_hdg._D h2,
.m_hdg._D h3,
.m_hdg._D h4,
.m_hdg._D h5,
.m_hdg._D h6{
padding: 0 0 0 20px;
border-left: 4px solid #acb2bf;
font-weight: bold;
font-size: 1.125rem;
line-height: 1.2;
}
.m_hdg._E h2,
.m_hdg._E h3,
.m_hdg._E h4,
.m_hdg._E h5,
.m_hdg._E h6{
padding: 0 0 0 20px;
border-left: 2px solid #acb2bf;
font-weight: bold;
font-size: 1rem;
line-height: 1.2;
}
.m_hdg._F{
margin-top: 10px;
}
.m_hdg._F h2,
.m_hdg._F h3,
.m_hdg._F h4,
.m_hdg._F h5,
.m_hdg._F h6{
font-weight: bold;
font-size: 1.2308rem;
}
.m_box .m_hdg._F h2,
.m_box .m_hdg._F h3,
.m_box .m_hdg._F h4,
.m_box .m_hdg._F h5,
.m_box .m_hdg._F h6{
font-size: 1.3846rem;
}
.m_text._center{
text-align: center;
}
.m_text._right{
text-align: right;
}
.m_note{
color: #333;
}
.m_note .note_mark,
.m_note .note_text{
display: table-cell;
vertical-align: top;
}
.m_note .note_mark{
padding-right: .2em;
white-space: nowrap;
}
.m_note > p + p{
margin-top: .5em;
}
.m_note > p > .text_emphasis2{
display: table;
}
.m_list{
margin-left: 15px;
}
.m_list > li{
position: relative;
}
.m_list > li::before{
position: absolute;
top: .6em;
left: -15px;
width: .3846em;
height: .3846em;
border-radius: 100%;
background-color: #808080;
content: "";
}
.m_list > li + li{
margin-top: .8em;
}
.m_list._col2,
.m_list._col3,
.m_list._col4{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-right: -5%;

-webkit-flex-flow: row wrap;
-ms-flex-direction: row;
-ms-flex-wrap: wrap;
flex-flow: row wrap;
}
.m_list._col2 > li,
.m_list._col3 > li,
.m_list._col4 > li{
margin: 0 5% .5em 0;
}
.m_list._col2 > li{
width: 45%;
}
.m_list._col3 > li{
width: 28.33333%;
}
.m_list._col4 > li{
width: 20%;
}
.m_list-num{
margin-left: 30px;
}
.m_list-num > li{
list-style: decimal;
}
.m_list-num > li + li{
margin-top: .8em;
}
.m_list-icon{
display: table;
}
.m_list-icon > li{
display: table-row;
}
.m_list-icon > li > .list_icon,
.m_list-icon > li > .list_main{
display: table-cell;
vertical-align: top;
}
.m_list-icon > li > .list_icon{
padding-top: .2em;
padding-right: 5px;
}
.m_list-icon > li > .list_icon img,
.m_list-icon > li > .list_icon object{
display: block;
}
.m_list-icon > li + li > .list_icon{
padding-top: .7em;
}
.m_list-icon > li + li > .list_main{
padding-top: .5em;
}
.m_list-des > dt{
font-weight: bold;
font-size: 1rem;
}
.m_list-des > dd{
margin-top: .2em;
}
.m_list-des > dd + dt{
margin-top: .8em;
}
.m_list-des._contact > dt{
float: left;
clear: left;
font-weight: normal;
}
.m_list-des._contact > dt{
float: left;
clear: left;
min-width: 4em;
font-weight: normal;
}
.m_list-des._contact > dd{
position: relative;
overflow: hidden;
padding-left: 1.5em;
}
.m_list-des._contact > dd::before{
position: absolute;
left: 0;
margin: 0 .5em;
content: ":";
}
.m_list-des._contact > dt,
.m_list-des._contact > dd{
margin-top: 0;
}
.m_link._right{
text-align: right;
}
.m_links > li + li{
margin-top: .8em;
}
.m_links > li a{
font-weight: bold;
}
.m_links > li a[href]{
font-weight: normal;
}
.m_links .link_explain{
padding-left: 22px;
}
.m_links._inline{
margin-left: -1.5em;
}
.m_links._inline > li{
display: inline-block;
margin: 0 0 .5em 1.5em;
vertical-align: top;
}
.m_links._col2{
margin-left: -3%;
}
.m_links._col2 > li{
display: inline-block;
margin: 0 0 .5em 3%;
width: 47%;
vertical-align: top;
}
.m_links._col3{
margin-left: -3%;
}
.m_links._col3 > li{
display: inline-block;
margin: 0 0 .5em 3%;
width: 30.3333%;
vertical-align: top;
}
.m_links._col4{
margin-left: -3%;
}
.m_links._col4 > li{
display: inline-block;
margin: 0 0 .5em 3%;
width: 22%;
vertical-align: top;
}
.m_links._subtoc a::before{
-webkit-transform: rotate(135deg) skew(10deg, 10deg);
-ms-transform: rotate(135deg) skew(10deg, 10deg);
transform: rotate(135deg) skew(10deg, 10deg);
}
.m_link._for-top{
margin-top: 2em;
text-align: right;
}
.m_link._for-top:last-child{
margin-top: 3em;
}
.m_link._for-top a::before{
top: .85em;
-webkit-transform: rotate(315deg);
-ms-transform: rotate(315deg);
transform: rotate(315deg);
}
.m_tbl-data table{
width: 100%;
border-collapse: collapse;
}
.m_tbl-data caption{
text-align: left;
}
.m_tbl-data th,
.m_tbl-data td{
padding: 1em 15px .8em;
border: 1px solid #ebebeb;
}
.m_tbl-data th,
.m_tbl-data thead td{
background: #f6f6f6;
text-align: center;
font-weight: bold;
}
.m_tbl-data td{
background: #fff;
}
.m_tbl-data._stripe th{
padding: .7em 15px .5em;
border: none;
color: #fff;
font-size: 1.2308em;
}
.m_tbl-data._stripe td{
border: 1px solid #e6e6e6;
}
.m_tbl-data._stripe th,
.m_tbl-data._stripe thead td{
background: #808080;
}
.m_tbl-data._stripe td{
background: #fff;
}
.m_tbl-data._stripe tbody > tr:nth-child(even) > td{
background-color: #f2f2f2;
}
.m_image{
text-align: center;
}
.m_image .image_area{
display: inline-block;
max-width: 100%;
vertical-align: top;
text-align: left;
}
.m_image .image_area img{
vertical-align: bottom;
}
.m_image .embedded_caption,
.m_image-sbs .embedded_caption{
margin-top: .5em;
color: #666;
text-align: center;
font-size: .9231rem;
}
.m_image._caption_top,
.m_image-sbs._caption_top{
margin-top: 3.8462em;
}
.m_image._caption_top .embedded_caption._top,
.m_image-sbs._caption_top .embedded_caption._top{
margin-top: 0;
margin-bottom: .5em;
}
.m_image-sbs{
display: table;
}
.m_image-sbs._image_first{
direction: rtl;
}
.m_image-sbs._image_first .text_area,
.m_image-sbs._image_first .image_area{
text-align: start;
direction: ltr;
}
.m_image-sbs._image_first .image_area{
padding-right: 20px;
}
.m_image-sbs._text_first .text_area{
padding-right: 20px;
}
.m_image-sbs .text_area,
.m_image-sbs .image_area{
display: table-cell;
vertical-align: top;
}
.m_image-sbs .text_area{
width: 100%;
}
.m_columns .column{
display: inline-block;
box-sizing: border-box;
vertical-align: top;
}
.m_columns._border .column{
padding: 1em 10px;
border: 1px solid #ccc;
}
.m_columns._max2,
.m_columns._max3{
margin-left: -30px;
}
.m_columns._max2 .column,
.m_columns._max3 .column{
margin-left: 30px;
}
.m_columns._max2 .column{
width: 477px;
}
.m_columns._max3 .column{
width: 308px;
}
.m_columns._max3._product{
margin-left: -4px;
}
.m_columns._max3._product .column{
position: relative;
margin-left: 4px;
padding-top: 114px;
width: 325px;
}
.m_columns._max3._product .column_product_image{
position: absolute;
top: 0;
left: 0;
margin: 0;
height: 104px;
}
.m_columns._max3._product .m_text{
margin-top: 5px;
padding-right: 10px;
}
.m_columns._news .column{
margin-top: 60px;
}
#l_content > .m_columns._news:first-child .column{
margin-top: 0;
}
.m_columns._news .column:nth-child(n+3),
#l_content > .m_columns._news:first-child .column:nth-child(n+3){
margin-top: 40px;
}
.m_box{
padding: 1.5em 19px;
}
.m_box._A{
border: 1px solid #f2f2f2;
background: #f2f2f2;
}
.m_box._A._contact{
display: table;
box-sizing: border-box;
padding: 30px;
width: 100%;
background-color: #f0f6fa;
}
.m_box._A._contact .contact_area,
.m_box._A._contact .contact_box{
display: table-cell;
}
.m_box._A._contact .contact_area{
padding-right: 20px;
width: 340px;
}
.m_box._A._contact .contact_text{
}
.m_box._A._contact .contact_button{
margin-top: 20px;
}
.m_box._A._contact .contact_box{
box-sizing: border-box;
padding: 20px;
border: 1px solid #b4d8ed;
vertical-align: middle;
}
.m_box._A._contact .text_emphasis1{
color: #007dc5;
}
.m_box._A._lineup{
text-align: center;
}
.m_box._B{
border: 1px solid #e6e6e6;
background: #fff;
}
.m_box._B._strong{
padding-top: 1em;
padding-bottom: 1em;
border-color: #cc5260;
color: #990012;
text-align: center;
font-size: 1.0769rem;
}
.m_tab [role="tablist"]{
letter-spacing: -1px;
}
.m_tab [role="tab"]{
display: inline-block;
box-sizing: border-box;
padding: .6em 10px;
min-width: 100px;
background-color: #f2f2f2;
color: #333;
vertical-align: top;
text-align: center;
letter-spacing: normal;
font-weight: bold;
font-size: 1.2308rem;
cursor: pointer;
}
.m_tab [role="tab"][aria-selected="true"]{
background-color: #808080;
color: #fff;
}
.m_tab [role="tab"]:focus,
.m_tab [role="tab"]:hover{
text-decoration: underline;
}
.m_tab [role="tabpanel"]{
padding: 20px 0;
}
.m_tab [role="tabpanel"][aria-hidden="true"]{
display: none;
}
.m_tab .m_note{
font-size: .9231rem;
}
.m_tab .m_news{
margin-top: 0;
}
.m_tab .m_news .news_list > li:first-child > .news_date,
.m_tab .m_news .news_list > li:first-child > .news_text{
border-top: none;
}
.m_news .news_hdg{
display: table;
width: 100%;
border-top: 1px solid #e6e6e6;
}
.m_news .news_hdg > .hdg_text{
display: table-cell;
padding-top: 15px;
vertical-align: middle;
}
.m_news .news_hdg > .hdg_text h2,
.m_news .news_hdg > .hdg_text h3,
.m_news .news_hdg > .hdg_text h4,
.m_news .news_hdg > .hdg_text h5,
.m_news .news_hdg > .hdg_text h6{
font-weight: bold;
font-size: 1.5385rem;
}
.m_news .news_hdg > .hdg_link{
display: table-cell;
padding: 15px 15px 0;
vertical-align: middle;
text-align: right;
font-size: 1.0769rem;
}
.m_news .news_list{
display: table;
margin-top: 1em;
width: 100%;
}
.m_news .news_list > li{
display: table-row;
}
.m_news .news_list > li > .news_date,
.m_news .news_list > li > .news_text{
display: table-cell;
padding: 1.3em 0;
border-top: 1px solid #e6e6e6;
vertical-align: top;
font-size: .9231rem;
}
.m_news .news_list > li > .news_date{
padding-right: 10px;
width: 80px;
white-space: nowrap;
}
.m_news .news_list .news_block{
position: relative;
margin-top: 1em;
padding-left: 1.1em;
}
.m_news .news_list .news_block:first-child{
margin-top: 0;
}
.m_news .news_list .news_block::before{
position: absolute;
top: .6em;
left: 0;
width: .3846em;
height: .3846em;
border-radius: 100%;
background: #808080;
content: "";
}
.m_news .news_list .news_note_links > li{
margin-top: .5em;
padding-left: 15px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABCAIAAABsYngUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABFJREFUeNpibGhoYMAGAAIMACKyAYLIWZf2AAAAAElFTkSuQmCC) no-repeat 0 50%;
}
.m_news .news_topics,
.m_news .news_contact{
display: table;
margin-top: 1em;
padding: 1.1em 0;
width: 100%;
border-top: 1px solid #e6e6e6;
vertical-align: top;
}
.m_news .news_topics > li{
display: table-row;
}
.m_news .news_topics > li > .topics_image,
.m_news .news_topics > li > .topics_link{
display: table-cell;
padding-top: .6667em;
vertical-align: middle;
font-size: .9231rem;
}
.m_news .news_topics > li > .topics_image{
width: 156px;
}
.m_news .news_topics > li > .topics_image img{
vertical-align: top;
}
.m_news .news_topics > li > .topics_link .m_link{
margin: 0 0 0 13px;
}
.m_news .news_topics > li > .topics_link .m_link a{
padding-left: 20px;
}
.m_news .news_contact .news_contact_web,
.m_news .news_contact .news_contact_tel{
display: table-cell;
padding-top: .4em;
}
.m_news .news_contact .news_contact_web{
width: 200px;
}
.m_news .news_contact .news_contact_hdg h2,
.m_news .news_contact .news_contact_hdg h3,
.m_news .news_contact .news_contact_hdg h4,
.m_news .news_contact .news_contact_hdg h5,
.m_news .news_contact .news_contact_hdg h6{
font-weight: bold;
font-size: 1.0769rem;
}
.m_news .news_contact .m_text,
.m_news .news_contact .m_list-des._contact{
margin-top: 1em;
}
.m_listpage_link{
margin-right: -1px;
margin-bottom: 60px;
margin-left: -7px;
font-size: 0;
}
.m_listpage_link a{
color: #333;
text-decoration: none;
}
.m_listpage_link a:hover .link_title,
.m_listpage_link a:focus .link_title{
text-decoration: underline;
}
.m_listpage_link > li{
display: inline-block;
margin-left: 6px;
width: 240px;
border: 1px solid #ececec;
vertical-align: top;
font-size: 1rem;
}
.m_listpage_link .link_image img{
max-width: 100%;
height: auto;
vertical-align: bottom;
}
.m_listpage_link .link_title b{
position: relative;
display: table-cell;
box-sizing: border-box;
padding : .7059em 30px .7059em 15px;
width: 240px;
height: 3.8824em;
vertical-align: middle;
font-weight: bold;
font-size: 1.125rem;
}
.m_listpage_link .link_title b::before{
top: 50%;
right: 17px;
left: auto;
margin-top: 0;
width: .4em;
height: .4em;
}
.m_listpage_link .link_text{
padding: 0 15px 20px;
}
.m_toggle .toggle_button{
position: relative;
display: block;
padding: .9375em 15px;
width: 100%;
background-color: #f2f2f2;
text-align: left;
font-weight: bold;
font-size: 1.2308rem;
}
.m_toggle .toggle_button::after{
position: absolute;
top: .7692em;
right: 10px;
content: url(/telecom/en/common/images/icon_toggle_open.png);
}
.m_toggle .toggle_button[aria-expanded="false"]::after{
content: url(/telecom/en/common/images/icon_toggle_close.png);
}
.m_toggle .toggle_list{
overflow: hidden;
margin-bottom: 2.5em;
transition: height 0.5s;
}
.m_toggle .toggle_list li{
padding: 1.1538em 20px 1.1538em 37px;
border-bottom: 1px solid #e6e6e6;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABCAIAAABsYngUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABFJREFUeNpibGhoYMAGAAIMACKyAYLIWZf2AAAAAElFTkSuQmCC) no-repeat 20px 50%;
}
.text_emphasis1{
font-weight: bold;
}
.text_emphasis2{
color: #990012;
font-weight: bold;
}
.text_lede{
color: #003d66;
font-size: 1.125rem;
}
.anc_icon{
display: inline-block;
padding-left: .2em;
}
.anc_button{
display: inline-block;
padding: .75em 2.8125em .75em 1.25em;
border-radius: 1px;
background-color: #fff;
box-shadow: 0 1px 4px rgba(6, 0, 1, .2);
color: #333;
text-align: left;
}
.anc_button::before{
top: 1.45em;
right: 18px;
left: auto;
width: .4em;
height: .4em;
}
.anc_button + .anc_button{
margin-left: 1.25em;
}
.anc_button[href]{
color: #333;
text-decoration: none;
}
.anc_button[href]:hover,
.anc_button[href]:focus{
text-decoration: underline;
}
.m_box._A._lineup .anc_button,
.m_box._A._contact .contact_button .anc_button{
padding: .6em 80px .6em 60px;
background-color: #007dc5;
color: #fff;
font-weight: bold;
font-size: 1.2308rem;
}
.m_box._A._contact .contact_button .anc_button{
box-sizing: border-box;
padding: .6em 26px .6em 10px;
width: 340px;
text-align: center;
}
.m_box._A._lineup .anc_button::before,
.m_box._A._contact .contact_button .anc_button::before,
.anc_button._contact::before{
border-color: #fff;
}
.anc_button._contact{
margin: 3px;
padding: .7em 38px .7em 20px;
background-color: #007dc5;
color: #fff;
}

/* ----------------------------------------------------------------
Theme
----------------------------------------------------------------- */

/* Top page
----------------------------------------------------------------- */
.top_main-visual{
box-sizing: border-box;
padding: 35px 527px 20px 15px;
height: 283px;
background: url(/telecom/en/images/index_bg_hdg.jpg) 0 0 no-repeat;
color: #fff;
text-align: center;
}
.top_main-visual h1{
font-weight: bold;
font-size: 1.8125rem;
}
[lang="en"] .top_main-visual{
padding: 35px 542px 20px 30px;
}
[lang="en"] .top_main-visual h1{
font-size: 1.4375rem;
}
.top_main-visual p{
margin-top: 15px;
font-size: .8125rem;
line-height: 1.7;
}
.top_index{
box-sizing: border-box;
padding: 40px 20px;
min-height: 348px;
background-color: #f7f7f7;
}
.top_index > .column,
.solution_list > li,
.topics_list > li{
display: inline-block;
margin-left: 8px;
width: 240px;
vertical-align: top;
}
.top_index > .column:first-child{
margin-left: 0;
}
.index_hdg{
padding: 5px;
background-color: #031c3d;
color: #fff;
text-align: center;
font-weight: bold;
font-size: 1.2308rem;
}
.top_index a{
color: #333;
}
.top_solution{
padding: 34px 20px;
background: url(/telecom/en/images/index_bg_solution.jpg) 0 0 no-repeat;
}
.solution_hdg,
.topics_hdg{
font-weight: bold;
font-size: 1.5385rem;
}
.top_solution > p,
.carousel_panel .m_link,
.carousel_text,
.topics_list{
margin-top: .7692em;
}
.solution_list{
margin-top: 1.5385em;
margin-left: -8px;
}
.solution_list a{
position: relative;
display: block;
height: 160px;
}
.solution_list img{
vertical-align: bottom;
}
.solution_list b{
position: absolute;
bottom: 0;
left: 0;
display: inline-block;
box-sizing: border-box;
padding: 15px 12px;
width: 100%;
background-color: rgba(0,0,0,.5);
color: #fff;
}
.solution_list b::before{
top: 50%;
right: 12px;
left: auto;
width: .6154em;
height: .6154em;
border-color: #fff;
}
.m_carousel{
position: relative;
padding: 0 30px;
}
.carousel_panel_area{
overflow: hidden;
}
.carousel_panels{
position: relative;
display: table;
transition: left .5s;

table-layout: fixed;
}
.carousel_panel{
display: table-cell;
box-sizing: border-box;
margin: 0;
}
.carousel_hdg{
padding: 7px 20px 3px;
background-color: #f2f2f2;
font-weight: bold;
font-size: 1.2308em;
}
.carousel_text{
padding-left: 1.1538em;
}
.carousel_control .prev,
.carousel_control .next{
position: absolute;
top: 50%;
margin-top: -18px;
}
.carousel_control .prev{
left: 0;
}
.carousel_control .next{
right: 0;
}
.top_topics{
margin-top: 50px;
margin-bottom: 20px;
padding-top: 20px;
border-top: 1px solid #e5e5e5;
}
.topics_list{
margin-left: -8px;
}
.topics_list img{
vertical-align: bottom;
}