@charset "UTF-8";
/*===========================================
_reset.scss
===========================================*/
v\:line, v\:rect, v\:fill, v\:image, v\:stroke { behavior: url(#default#VML); }

/*-------------------------------------------- HTML5 Reset ::style.css ------------------------- We have learned much from/been inspired by/taken code where offered from: Eric Meyer:http://ericmeyer.com HTML5 Doctor:http://html5doctor.com and the HTML5 Boilerplate:http://html5boilerplate.com ---------------------------------------------*/
/* Let's default this puppy out
--------------------------------*/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; box-sizing: border-box; }

article, aside, figure, footer, header, hgroup, nav, section { display: block; }

/* Responsive images and other embedded objects Note:keeping IMG here will cause problems if you're using foreground images as sprites. If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img, object, embed { max-width: 100%; }

html { overflow-y: scroll; }

ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

th { font-weight: bold; vertical-align: top; }

td { font-weight: normal; vertical-align: top; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: top; }

pre { white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ }

input[type="radio"] { vertical-align: middle; }

input[type="checkbox"] { vertical-align: middle; *vertical-align: baseline; }

input[type="button"], input[type="submit"] { -webkit-appearance: none; }

select, input, textarea { font: 99% sans-serif; }

table { font-size: inherit; font: 100%; }

a:hover, a:active { outline: none; }

small { font-size: 85%; }

strong, th { font-weight: bold; }

td, td img { vertical-align: top; }

sub, sup { font-size: 75%; line-height: 0; position: relative; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

pre, code, kbd, samp { font-family: monospace, sans-serif; }

.clickable, label, input[type=button], input[type=submit], button { cursor: pointer; font-size: 90%; }

button, input, select, textarea { margin: 0; }

button { width: auto; overflow: visible; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

img { vertical-align: bottom; }

em { font-style: normal; }

html { box-sizing: border-box; font-size: 62.5%; }

*, *::before, *::after { box-sizing: inherit; }

body, select, input, textarea { font-size: 100% !important; -webkit-text-size-adjust: none; font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; }

a { color: #005ab4; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 255, 0.2) !important; }

a:hover { color: #E60009; text-decoration: underline; }

@media only screen and (min-width: 768px) { a[href^="tel:"] { pointer-events: none; } }

caption { margin-bottom: 5px; text-align: left; }

ins { background-color: #fcd700; color: #333; text-decoration: none; }

mark { background-color: #fcd700; color: #333; font-style: italic; font-weight: bold; }

select { height: 1.8em; }

input { padding: 0 2px; border-radius: 0; }

textarea { padding: 2px; resize: vertical; width: 98%; }

button { background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

/*===========================================
_component.scss
===========================================*/
/*=================================================================== Contents Font ===================================================================*/
.headerLogo, .header_inner, .local_navi, #contents, .category_footer { font-family: 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; }

.headerLogo body, .headerLogo select, .headerLogo input, .headerLogo textarea, .headerLogo button, .header_inner body, .header_inner select, .header_inner input, .header_inner textarea, .header_inner button, .local_navi body, .local_navi select, .local_navi input, .local_navi textarea, .local_navi button, #contents body, #contents select, #contents input, #contents textarea, #contents button, .category_footer body, .category_footer select, .category_footer input, .category_footer textarea, .category_footer button { font-family: 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; }

/*=================================================================== lazyload ===================================================================*/
img.lazy { min-width: 10px; -webkit-transition: opacity 1s; transition: opacity 1s; }

img.lazy:not(.active) { opacity: 0; }

/*=================================================================== anchor link ===================================================================*/
html { scroll-padding-top: 100px; }

/*=================================================================== header ===================================================================*/
#header #headNav .serch p > * { position: relative; top: -1px; }

#header #headNav .serch p input { font-size: 10px !important; }

#header #headNav .serch p .img { letter-spacing: 0; }

#header #headNav .serch p .img input[type="image"] { padding-right: 0; box-sizing: content-box; }

#header #headNav .serch p .txt, #header #headNav .serch p .img_tbl_1 figure figcaption, .img_tbl_1 figure #header #headNav .serch p figcaption { font-size: 14px; }

#header .header_inner { max-width: calc(1210px + 30px); margin: 15px auto 0; padding: 0 15px; }

@media only screen and (max-width: 767px) { #header .header_inner { width: auto; } }

@media only screen and (max-width: 767px) { #header #headNav .serch form input[type="text"] { font-size: 16px !important; }
  #header #headNav .serch p span.img { position: static !important; } }

/*=================================================================== contents ===================================================================*/
#contents { min-width: auto; }

@media only screen and (max-width: 767px) { #contents { padding: 0; } }

@media only screen and (max-width: 767px) { #contents .container { overflow: hidden; } }

#contents .container > .container_inner { position: relative; width: calc(1210px + 30px); margin: 0 auto; padding: 0 15px; }

@media only screen and (max-width: 767px) { #contents .container > .container_inner { width: auto; } }

/*=================================================================== footer ===================================================================*/
#footer { position: relative; margin-top: 0 !important; }

@media print, screen and (min-width: 768px) { #footer { min-width: 1240px; } }

#footer #pagetopBlock { display: block; }

@media only screen and (max-width: 767px) { #footer #pagetopBlock { bottom: 5px !important; right: 5px !important; }
  #footer #pagetopBlock > p { padding: 11px 15px; }
  #footer #pagetopBlock > p img { width: 40px; height: 40px; } }


/*------------------------------------------- topicPath -------------------------------------------*/
#header .topic_sub_wrap { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: 32px; }

@media only screen and (max-width: 767px) { #header .topic_sub_wrap { display: block; margin-bottom: 20px; } }

#header #topic_path ul { line-height: 1.5; letter-spacing: 0; }

#header #topic_path ul li { display: inline-block; vertical-align: middle; font-size: 79%; }

#header #topic_path ul li:not(:last-child) { margin-right: 7px; padding: 0 13px 0 0; background: url(/common/images/bg_topicpath_01.gif) no-repeat right 6px; }

#header #topic_path ul li a { text-decoration: none; }

#header #topic_path ul li a:hover { text-decoration: underline; }

#header #topic_path ul li a img { vertical-align: initial; }

@media only screen and (max-width: 767px) { #header #topic_path { margin-bottom: 20px; } }

/*-------------------------------------------
sub_category_link
-------------------------------------------*/
#header .sub_category_link ul { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -8px; }

#header .sub_category_link ul li { margin-bottom: 8px; }

#header .sub_category_link ul li:not(:last-child) { margin-right: 8px; }

#header .sub_category_link ul li a { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; position: relative; padding: 3px 20px 2px 14px; border-radius: 2px; border: 1px solid #005AB4; font-size: 1.1rem; color: #005AB4; -webkit-transition: .2s; transition: .2s; }

#header .sub_category_link ul li a::before { content: ''; position: absolute; left: 6px; top: calc(50% - 2px); width: 4px; height: 4px; border-top: 1px solid #005AB4; border-right: 1px solid #005AB4; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

#header .sub_category_link ul li a:hover, #header .sub_category_link ul li a:focus { opacity: 0.7; color: #005AB4; text-decoration: none; }

/*--------------------------------------------------
product_logo_name
--------------------------------------------------*/
#header .product_logo_name { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }

#header .product_logo_name .product_logo { margin-right: 24px; min-height: 52px; }

#header .product_logo_name .product_logo a { display: inline-block; color: #000; font-size: 3.4rem; font-weight: bold; }

body.ua-android #header .product_logo_name .product_logo a { font-weight: bold; }

#header .product_logo_name .product_logo a:hover { text-decoration: none; }

#header .product_logo_name .product_name { font-size: 2.4rem; font-weight: bold; }

body.ua-android #header .product_logo_name .product_name { font-weight: bold; }

@media only screen and (max-width: 767px) { #header .product_logo_name { display: block; }
  #header .product_logo_name .product_logo { min-height: 36px; }
  #header .product_logo_name .product_logo a { font-size: 2.4rem; }
  #header .product_logo_name .product_name { font-size: 1.6rem; } }

/*-------------------------------------------
local_navi
-------------------------------------------*/
.local_navi { margin: 24px 0 2.4%; position: -webkit-sticky; position: sticky; top: 0; z-index: 1000; }

@media print, screen and (min-width: 768px) { .local_navi { min-width: 1240px; top: -1px; } }

@media only screen and (max-width: 767px) { .local_navi { margin: 18px 0 0; }
  .local_navi.active:after { opacity: 1; pointer-events: auto; }
  .local_navi:not(.active) .local_navi_bottom:not([style]) { display: none; }
  .local_navi:after { content: ""; display: block; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.5); -webkit-transition: opacity .5s; transition: opacity .5s; pointer-events: none; z-index: -1; opacity: 0; position: absolute; top: 0; left: 0; } }

.local_navi .local_navi_top { background: #005AB4; }

.local_navi .local_navi_top .local_navi_top_inner { margin: 0 auto; max-width: 1240px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }

.local_navi .local_navi_top .local_navi_top_inner p { font-size: 1.6rem; font-weight: bold; color: #fff; }

body.ua-android .local_navi .local_navi_top .local_navi_top_inner p { font-weight: bold; }

.local_navi .local_navi_top .local_navi_top_inner ul { display: -webkit-box; display: -webkit-flex; display: flex; }

.local_navi .local_navi_top .local_navi_top_inner ul li + li { margin-left: 10px; }

@media only screen and (max-width: 767px) { .local_navi .local_navi_top .local_navi_top_inner ul li + li +li { margin-left: 0; }}

.local_navi .local_navi_top .local_navi_top_inner ul li .btn_C_purchase { margin-top: 0; margin-bottom: 0; }

.local_navi .local_navi_top .local_navi_top_inner ul li .btn_C_purchase a { width: auto; border-radius: 30px; }

.local_navi .local_navi_top .local_navi_top_inner ul li .btn_C_purchase a::before { margin-right: 0; }

.local_navi .local_navi_top .local_navi_top_inner ul li .btn_C_purchase a::after { content: ''; position: absolute; right: 8px; top: calc(50% - 4px); margin-top: 0; width: 6px; height: 6px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.local_navi .local_navi_top .local_navi_top_inner ul li .btn_white { margin-top: 0; margin-bottom: 0; }

.local_navi .local_navi_top .local_navi_top_inner ul li .btn_white a { padding-top: 8px; padding-bottom: 6px; width: auto; color: #333; border: none; border-radius: 30px; background: #fff; }

.local_navi .local_navi_top .local_navi_top_inner ul li .btn_white a::before { right: 8px; width: 6px; height: 6px; border-width: 2px; }

.local_navi .local_navi_top .local_navi_top_inner ul li .btn_support { margin-top: 0; margin-bottom: 0; }

.local_navi .local_navi_top .local_navi_top_inner ul li .btn_support a { padding-top: 8px; padding-bottom: 6px; width: auto; border: none; border-radius: 30px; }

.local_navi .local_navi_top .local_navi_top_inner ul li .btn_support a::before { border-radius: 50%; }

.local_navi .local_navi_top .local_navi_top_inner ul li .btn_support a::after { right: 8px; width: 6px; height: 6px; border-width: 2px; }

@media print, screen and (min-width: 768px) { .local_navi .local_navi_top { min-width: calc(1210px + 30px); padding: 6px 15px; } }

@media only screen and (max-width: 767px) { .local_navi .local_navi_top { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding: 6px 2%; }
  .local_navi .local_navi_top .local_navi_top_inner { margin: 0; width: 100%; padding-left: 0; padding-right: 0; }
  .local_navi .local_navi_top .local_navi_top_inner ul li .btn_C_purchase a { padding: 0; width: 33px; height: 33px; border-radius: 50%; }
  .local_navi .local_navi_top .local_navi_top_inner ul li .btn_C_purchase a::before { left: 0; border-radius: 50%; }
  .local_navi .local_navi_top .local_navi_top_inner ul li .btn_C_purchase a::after { content: none; }
  .local_navi .local_navi_top .local_navi_top_inner ul li .btn_C_purchase a span { display: none; }
  .local_navi .local_navi_top .local_navi_top_inner ul li .btn_white { display: none; }
  .local_navi .local_navi_top .local_navi_top_inner ul li .btn_support a { padding: 0; width: 33px; height: 33px; border-radius: 50%; }
  .local_navi .local_navi_top .local_navi_top_inner ul li .btn_support a::before { margin-right: 0; }
  .local_navi .local_navi_top .local_navi_top_inner ul li .btn_support a::after { content: none; }
  .local_navi .local_navi_top .local_navi_top_inner ul li .btn_support a span { display: none; } }

.local_navi .local_navi_bottom .local_navi_bottom_inner { margin: 0 auto; max-width: 1240px; }

.local_navi .local_navi_bottom .local_navi_bottom_inner ul > li > a { font-size: 1.6rem; font-weight: normal; color: #333; }

.local_navi .local_navi_bottom .local_navi_bottom_inner ul > li > a:hover, .local_navi .local_navi_bottom .local_navi_bottom_inner ul > li > a:focus { text-decoration: none; }

.local_navi .local_navi_bottom .local_navi_bottom_inner ul > li.parent.active a .accordion_btn { font-weight: normal; }

.local_navi .local_navi_bottom .local_navi_bottom_inner ul > li.parent.active a .accordion_btn::after { content: none; }

.local_navi .local_navi_bottom .local_navi_bottom_inner ul > li.parent:not(.active) .accordion_item:not([style]) { display: none; }

.local_navi .local_navi_bottom .local_navi_bottom_inner ul > li.parent a { padding-right: 15px; border-bottom: none !important; }

.local_navi .local_navi_bottom .local_navi_bottom_inner ul > li.parent a .accordion_btn { position: relative; display: block; width: 100%; text-align: left; font-size: 1.6rem; font-weight: bold; }

body.ua-android .local_navi .local_navi_bottom .local_navi_bottom_inner ul > li.parent a .accordion_btn { font-weight: bold; }

.local_navi .local_navi_bottom .local_navi_bottom_inner ul > li.parent a .accordion_btn::before { content: ''; position: absolute; top: 50%; right: 0px; display: block; width: 15px; height: 2px; background: #005AB4; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.local_navi .local_navi_bottom .local_navi_bottom_inner ul > li.parent a .accordion_btn::after { content: ''; position: absolute; top: 50%; right: 6px; display: block; width: 2px; height: 15px; background: #005AB4; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

@media print, screen and (min-width: 768px) { .local_navi .local_navi_bottom { min-width: 1240px; background: #FAFAFA; border-bottom: 1px solid #CBCBCB; }
  .local_navi .local_navi_bottom .local_navi_bottom_inner > ul { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }
  .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; position: relative; }
  .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width: 1px; height: 22px; background: #CBCBCB; }
  .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li:hover::before, .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li:hover + li::before { height: 100%; }
  .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li:last-child a:hover { border-right: 1px solid #CBCBCB; }
  body.index .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.top, body.feature .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.feature, body.spec .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.spec, body.supply .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.supply, body.service .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.service, body.provisional .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.provisional { border-top: 1px solid #CBCBCB; }
  body.index .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.top + li::before, body.index .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.top::before, body.feature .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.feature + li::before, body.feature .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.feature::before, body.spec .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.spec + li::before, body.spec .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.spec::before, body.supply .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.supply + li::before, body.supply .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.supply::before, body.service .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.service + li::before, body.service .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.service::before, body.provisional .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.provisional + li::before, body.provisional .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.provisional::before { height: 100%; }
  body.index .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.top > a, body.feature .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.feature > a, body.spec .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.spec > a, body.supply .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.supply > a, body.service .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.service > a, body.provisional .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.provisional > a { font-weight: bold; color: #333; }
  body.ua-android body.index .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.top > a, body.ua-android body.feature .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.feature > a, body.ua-android body.spec .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.spec > a, body.ua-android body.supply .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.supply > a, body.ua-android body.service .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.service > a, body.ua-android body.provisional .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.provisional > a { font-weight: bold; }
  body.index .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.top > a:after, body.feature .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.feature > a:after, body.spec .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.spec > a:after, body.supply .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.supply > a:after, body.service .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.service > a:after, body.provisional .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.provisional > a:after { opacity: 1; }
  body:not(.index) .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.top::before { content: none; }
  body:not(.index) .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.top:hover::before { content: ''; }
  body.feature .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.feature { position: static; }
  body.feature .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.feature::before, body.feature .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.feature + li::before { content: none; }
  body.feature .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.feature > a { border: 1px solid #CBCBCB; border-top: none; }
  body.feature .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.feature > a .accordion_btn { font-weight: bold; }
  body.provisional .local_navi_B .local_navi_bottom_inner li.provisional > a { border-right: 1px solid #CBCBCB; }
  body.supply .local_navi_C .local_navi_bottom_inner li.supply > a { border-right: 1px solid #CBCBCB; }
  .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li > a { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; text-align: center; padding: 7px 10px; -webkit-transition: all .2s; transition: all .2s; }
  .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li > a::after { content: ''; position: absolute; left: 0; bottom: -1px; width: 100%; height: 4px; background: #005AB4; opacity: 0; -webkit-transition: opacity .2s; transition: opacity .2s; }
  .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li > a:hover, .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li > a:focus { font-weight: bold; color: #333; }
  body.ua-android .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li > a:hover, body.ua-android .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li > a:focus { font-weight: bold; }
  .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li > a:hover::after, .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li > a:hover::before, .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li > a:focus::after, .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li > a:focus::before { opacity: 1; }
  .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li:not(:last-child)::after { content: ''; position: absolute; top: 0; bottom: 0; right: 0; display: block; margin: auto 0; width: 1px; z-index: 1; height: 100%; }
  .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.parent > a:hover .accordion_btn, .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.parent > a:focus .accordion_btn { font-weight: bold; }
  body.ua-android .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.parent > a:hover .accordion_btn, body.ua-android .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.parent > a:focus .accordion_btn { font-weight: bold; }
  .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.parent > a .accordion_btn { text-align: center; font-weight: normal; }
  .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.parent > a .accordion_btn::before, .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.parent > a .accordion_btn::after { content: none; }
  .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li .accordion_nav { display: none; }
  .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.current { position: static; }
  .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.current > a { color: #333; border: 1px solid #CBCBCB; }
  .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.current > a::after { opacity: 1; }
  .local_navi .local_navi_bottom .local_navi_bottom_inner .btn_white { display: none; } }

@media only screen and (max-width: 767px) { .local_navi .local_navi_bottom { padding: 0 2% 8%; background: #fff; }
  .local_navi .local_navi_bottom .local_navi_bottom_inner { width: auto; }
  .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li:not(:last-child) > a { border-bottom: 2px solid #CBCBCB; }
  .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.parent { border-bottom: 2px solid #CBCBCB; }
  .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.parent > a::after { display: none; }
  .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.parent:not(.active) .accordion_nav:not([style]) { display: none; }
  .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.current > a { padding-right: 15px; }
  .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.current > a::after { content: none; }
  .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.active a .accordion_btn.active { font-weight: bold; }
  body.ua-android .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li.active a .accordion_btn.active { font-weight: bold; }
  .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li .accordion_nav li a { padding: 12px 25px 12px 15px; font-size: 1.4rem; font-weight: normal; color: #005ab4; background: #FAFAFA; }
  .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li > a { padding: 12px 25px 12px 15px; font-weight: bold; }
  body.ua-android .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li > a { font-weight: bold; }
  .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li a { position: relative; display: block; }
  .local_navi .local_navi_bottom .local_navi_bottom_inner > ul > li a::after { content: ''; position: absolute; right: 20px; top: calc(50% - 6px); width: 8px; height: 8px; border-top: 2px solid #333; border-right: 2px solid #333; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
  .local_navi .local_navi_bottom .local_navi_bottom_inner .btn_white { padding-top: 32px; }
  .local_navi .local_navi_bottom .local_navi_bottom_inner .btn_white a::before { content: ''; display: block; position: absolute; right: 20px; top: 50%; width: 8px; height: 8px; border-top: 2px solid #333; border-right: 2px solid #333; -webkit-transform: rotate(45deg); transform: rotate(45deg); } }

.local_navi .local_navi_btn { font-size: 0.9rem; font-weight: bold; color: #fff; text-align: center; margin-left: 10px; }

body.ua-android .local_navi .local_navi_btn { font-weight: bold; }

.local_navi .local_navi_btn .local_navi_btn_icon { display: block; margin-bottom: 4px; padding: 8px; width: 37px; height: 37px; background: #fff; border-radius: 3px; }

.local_navi .local_navi_btn .local_navi_btn_icon .local_navi_btn_icon_line { position: relative; top: 8px; display: block; width: 100%; height: 3px; background: #005AB4; }

.local_navi .local_navi_btn .local_navi_btn_icon .local_navi_btn_icon_line::before, .local_navi .local_navi_btn .local_navi_btn_icon .local_navi_btn_icon_line::after { content: ''; position: absolute; left: 0; width: 100%; height: 3px; background: #005AB4; }

.local_navi .local_navi_btn .local_navi_btn_icon .local_navi_btn_icon_line::before { top: -8px; }

.local_navi .local_navi_btn .local_navi_btn_icon .local_navi_btn_icon_line::after { bottom: -8px; }

@media print, screen and (min-width: 768px) { .local_navi .local_navi_btn { display: none; } }

/*--------------------------------------------------
Heading
--------------------------------------------------*/
.heading_lv2 { margin: 128px 0 70px; text-align: center; font-weight: bold; line-height: 1.3; }

body.ua-android .heading_lv2 { font-weight: bold; }

@media print, screen and (min-width: 768px) { .heading_lv2 { font-size: 3.4rem; }
  .heading_lv2 + .heading_lv3 { margin-top: 0; } }

@media only screen and (max-width: 767px) { .heading_lv2 { font-size: 2.4rem; margin: 64px 0 24px; } }

.heading_lv3 { margin: 128px 0 30px; padding: 2px 0 0 24px; font-weight: bold; line-height: 1.3; position: relative; }

body.ua-android .heading_lv3 { font-weight: bold; }

.heading_lv3::before { content: ''; position: absolute; left: 0; top: 0; width: 5px; height: 1.43em; background: #005AB4; }

@media print, screen and (min-width: 768px) { .heading_lv3 { font-size: 2.2rem; }
  .heading_lv3 + .heading_lv4 { margin-top: 64px; } }

@media only screen and (max-width: 767px) { .heading_lv3 { font-size: 1.9rem; margin: 64px 0 16px; padding: 2px 0 0 15px; }
  .heading_lv3::before { width: 3px; height: 1.35em; } }

.heading_lv4 { margin: 70px 0 25px; font-size: 1.8rem; font-weight: bold; line-height: 1.3; }

body.ua-android .heading_lv4 { font-weight: bold; }

body.feature .heading_lv4:not(.left_border) { padding: 0; background-color: transparent; }

.heading_lv4.left_border { position: relative; margin: 70px 0 25px; padding: 0 0 0 36px; background-color: transparent; }

.heading_lv4.left_border::before { content: ''; position: absolute; left: 0; top: .4em; display: inline-block; width: 20px; height: 4px; background: #CBCBCB; }

.heading_lv4 + .left_border { margin-top: 2.4%; }

@media only screen and (max-width: 767px) { .heading_lv4 { font-size: 1.5rem; }
  .heading_lv4.left_border { margin: 64px 0 16px; padding: 0 0 0 18px; }
  .heading_lv4.left_border::before { width: 10px; height: 2px; top: .45em; }
  .heading_lv4 + .left_border { margin-top: 16px; } }

.heading_line_gray { font-weight: bold; line-height: 1.5; border-bottom: 1px solid #CBCBCB; }

body.ua-android .heading_line_gray { font-weight: bold; }

@media print, screen and (min-width: 768px) { .heading_line_gray { font-size: 2.6rem; margin-bottom: 24px; padding-bottom: 24px; } }

@media only screen and (max-width: 767px) { .heading_line_gray { font-size: 1.6rem; margin-bottom: 20px; padding-bottom: 16px; } }

/*--------------------------------------------------
Text
--------------------------------------------------*/
.txt, .img_tbl_1 figure figcaption { line-height: 1.6; font-size: 1.6rem; }

@media only screen and (max-width: 767px) { .txt, .img_tbl_1 figure figcaption { font-size: 1.4rem; } }

.listCaution > li { position: relative; padding-left: 4em; font-size: 1.2rem; line-height: 1.6; }

.listCaution > li .txt, .listCaution > li .img_tbl_1 figure figcaption, .img_tbl_1 figure .listCaution > li figcaption, .listCaution > li [class*="txt_link"] { font-size: 1.2rem; }

.listCaution > li .txt_link_tb img { vertical-align: -2px; }

.listCaution > li .listCaution_firstLetter { position: absolute; left: 0; top: 0.03em; }

.heading_lv4.left_border + .listCaution { margin-top: 24px; }

.txt_bold { font-size: 1.6rem; font-weight: bold; }

body.ua-android .txt_bold { font-weight: bold; }

@media only screen and (max-width: 767px) { .txt_bold { font-size: 1.4rem; } }

.txt_red { font-size: 1.6rem; color: #E60009; }

@media only screen and (max-width: 767px) { .txt_red { font-size: 1.4rem; } }

/*--------------------------------------------------
Link
--------------------------------------------------*/
.txt_link, .txt_link_in, .txt_link_anc, .txt_link_tb { font-size: 1.6rem; color: #005ab4; text-decoration: none; }

.txt_link:hover, .txt_link_in:hover, .txt_link_anc:hover, .txt_link_tb:hover { color: #E60009; text-decoration: underline; }

@media only screen and (max-width: 767px) { .txt_link, .txt_link_in, .txt_link_anc, .txt_link_tb { font-size: 1.4rem; } }

.txt_link_in, .txt_link_anc { display: inline-block; position: relative; padding-left: 23px; }

.txt_link_in::before, .txt_link_anc::before { content: ''; display: block; position: absolute; top: 0.2em; left: 0; width: 15px; height: 15px; background: url(/common/images/ico_link_01.gif) no-repeat; }

.txt_link_anc::before { background: url(/common/images/ico_down_01.gif) no-repeat; }

.txt_link_tb img { margin: 0 8px; vertical-align: -1px; }

.feature_list_btn button { display: block; text-align: left; font-weight: bold; line-height: 1.4; font-size: 2.2rem; color: inherit; }

body.ua-android .feature_list_btn button { font-weight: bold; }

@media print, screen and (min-width: 768px) { .feature_list_btn { pointer-events: none; }
  .feature_list_btn + .feature_list_nav { display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; } }

@media only screen and (max-width: 767px) { .feature_list_btn { margin-bottom: 0; padding: 0; border-bottom: 2px solid #CBCBCB; }
  .feature_list_btn::before { content: none; }
  .feature_list_btn button { position: relative; display: block; width: 100%; padding: 16px 40px 16px 20px; font-size: 1.6rem; }
  .feature_list_btn button::before { content: ''; position: absolute; top: 50%; right: 20px; display: block; width: 20px; height: 2px; background: #005AB4; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
  .feature_list_btn button::after { content: ''; position: absolute; top: 50%; right: 29px; display: block; width: 2px; height: 20px; background: #005AB4; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
  .feature_list_btn.active { border-bottom: none; }
  .feature_list_btn.active button::after { content: none; }
  .feature_list_btn + .feature_list_nav { padding: 16px 24px; background: #FAFAFA; }
  .feature_list_btn + .feature_list_nav:not([style]) { display: none; }
  .feature_list_btn.active + .feature_list_nav:not([style]) { display: block; } }

.feature_list_nav { margin-bottom: -2.4%; }

.feature_list_nav > li { margin-bottom: 2.4%; }

.feature_list_nav > li a { font-weight: bold; }

body.ua-android .feature_list_nav > li a { font-weight: bold; }

@media print, screen and (min-width: 768px) { .feature_list_nav { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -2.4%; }
  .feature_list_nav.col2 > li { width: calc((100% - 2.4%) / 2); margin-bottom: 2.4%; }
  .feature_list_nav.col2 > li + li:not(:nth-child(2n+1)) { margin-left: 2.4%; }
  .feature_list_nav.col3 > li { width: calc((100% - 2.4% * 2) / 3); margin-bottom: 2.4%; }
  .feature_list_nav.col3 > li + li:not(:nth-child(3n+1)) { margin-left: 2.4%; }
  .feature_list_nav.col4 > li { width: calc((100% - 2.4% * 3) / 4); margin-bottom: 2.4%; }
  .feature_list_nav.col4 > li + li:not(:nth-child(4n+1)) { margin-left: 2.4%; } }

@media only screen and (max-width: 767px) { .feature_list_nav > li a { line-height: 1.7; font-weight: normal; } }

/*--------------------------------------------------
Button
--------------------------------------------------*/
.btn_blue_left a, .btn_blue_center a, .btn_blue_right a, .btn_blue_tb a { position: relative; display: inline-block; width: 314px; max-width: 100%; padding: 15px 2.0em 15px 1.5em; background-color: #005AB4; border: 2px solid transparent; border-radius: 3px; color: #fff; font-size: 1.6rem; font-weight: bold; text-align: center; text-decoration: none; -webkit-transition: .2s; transition: .2s; }

body.ua-android .btn_blue_left a, body.ua-android .btn_blue_center a, body.ua-android .btn_blue_right a, body.ua-android .btn_blue_tb a { font-weight: bold; }

.btn_blue_left a::before, .btn_blue_center a::before, .btn_blue_right a::before, .btn_blue_tb a::before { content: ''; display: block; position: absolute; top: 50%; right: 1.5em; margin-top: -5px; width: 10px; height: 10px; border-top: 3px solid #fff; border-right: 3px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.btn_blue_left a:hover, .btn_blue_center a:hover, .btn_blue_right a:hover, .btn_blue_tb a:hover, .btn_blue_left a:focus, .btn_blue_center a:focus, .btn_blue_right a:focus, .btn_blue_tb a:focus { color: #fff; text-decoration: none; opacity: 0.7; }

@media only screen and (max-width: 767px) { .btn_blue_left a, .btn_blue_center a, .btn_blue_right a, .btn_blue_tb a { display: block; width: auto; padding: 15px 2.4em 15px 1.5em; font-size: 1.4rem; } }

[class*="btn_blue"] + [class*="btn_blue"] { margin-top: 26px; }

@media only screen and (max-width: 767px) { [class*="btn_blue"] + [class*="btn_blue"] { margin-top: 13px; } }

.btn_blue_center { text-align: center; }

.btn_blue_right { text-align: right; }

.btn_white a { position: relative; display: inline-block; width: 314px; max-width: 100%; padding: 15px 2.0em 15px 1.5em; background-color: #fff; border: 2px solid #CBCBCB; border-radius: 3px; color: #333; font-size: 1.6rem; font-weight: bold; text-align: center; text-decoration: none; -webkit-transition: .2s; transition: .2s; }

.btn_blue_tb img{vertical-align: middle;}

body.ua-android .btn_white a { font-weight: bold; }

.btn_white a::before { content: ''; display: block; position: absolute; top: 50%; right: 1.5em; margin-top: -5px; width: 10px; height: 10px; border-top: 3px solid #CBCBCB; border-right: 3px solid #CBCBCB; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.btn_white a:hover, .btn_white a:focus { color: #333; text-decoration: none; opacity: 0.7; }

@media only screen and (max-width: 767px) { .btn_white a { display: block; width: auto; font-size: 1.4rem; } }

.btn_B_purchase, .btn_C_purchase { margin: 16px 0; text-align: right; }

.btn_B_purchase a, .btn_C_purchase a { position: relative; display: inline-block; width: 314px; max-width: 100%; background-color: #D84005; border-radius: 4px; color: #fff; font-size: 1.6rem; font-weight: bold; text-align: center; text-decoration: none; -webkit-transition: .2s; transition: .2s; }

body.ua-android .btn_B_purchase a, body.ua-android .btn_C_purchase a { font-weight: bold; }

.btn_B_purchase a::before, .btn_C_purchase a::before { content: ''; width: 32px; height: 32px; background: url(/products/assets/img/icon/icon_cart.gif) no-repeat; border-radius: 50%; }

.btn_B_purchase a::after, .btn_C_purchase a::after { content: ''; position: absolute; top: 50%; right: 1.5em; margin-top: -5px; width: 10px; height: 10px; border-top: 3px solid #fff; border-right: 3px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.btn_B_purchase a:hover, .btn_C_purchase a:hover, .btn_B_purchase a:focus, .btn_C_purchase a:focus { color: #fff; text-decoration: none; opacity: 0.7; }

@media print, screen and (min-width: 768px) { .btn_B_purchase a, .btn_C_purchase a { padding: 8px 30px 6px 46px; }
  .btn_B_purchase a::before, .btn_C_purchase a::before { position: absolute; left: 8px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } }

@media only screen and (max-width: 767px) { .btn_B_purchase a, .btn_C_purchase a { padding: 5px 30px 3px 10px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; width: 100%; }
  .btn_B_purchase a::before, .btn_C_purchase a::before { margin-right: 20px; } }

.btn_support { margin: 16px 0; text-align: right; }

.btn_support a { position: relative; display: inline-block; width: 314px; max-width: 100%; background-color: #fff; border: 2px solid #CBCBCB; border-radius: 4px; color: #333; font-size: 1.6rem; font-weight: bold; text-align: center; text-decoration: none; -webkit-transition: .2s; transition: .2s; }

body.ua-android .btn_support a { font-weight: bold; }

.btn_support a::before { content: ''; width: 32px; height: 33px; background: url(/products/assets/img/icon/icon_support.png) no-repeat; }

.btn_support a::after { content: ''; position: absolute; top: 50%; right: 1.2em; margin-top: -5px; width: 10px; height: 10px; border-top: 3px solid #CBCBCB; border-right: 3px solid #CBCBCB; -webkit-transform: rotate(135deg); transform: rotate(135deg); }

.btn_support a:hover, .btn_support a:focus { color: #333; text-decoration: none; opacity: 0.7; }

@media print, screen and (min-width: 768px) { .btn_support a { padding: 8px 30px 6px 46px; }
  .btn_support a::before { position: absolute; left: 6px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } }

@media only screen and (max-width: 767px) { .btn_support a { padding: 1px 30px 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; width: 100%; }
  .btn_support a::before { margin-right: 20px; } }

/*--------------------------------------------------
Table
--------------------------------------------------*/
/* scrollTable */
@media only screen and (max-width: 767px) { .scrollTable { margin-bottom: -2px; padding-top: 19px; padding-bottom: 19px; overflow-x: auto; }
  .scrollTable table th, .scrollTable table td { white-space: nowrap; }
  .scrollTable table img { max-width: none; }
  .scrollTable .simplebar-track.simplebar-horizontal.__top { bottom: auto; top: 2px; }
  .scrollTable .simplebar-track.simplebar-horizontal:not(.__top) { bottom: 2px; }
  .scrollTable .simplebar-track.simplebar-horizontal { border-radius: 5px; height: 5px; background-color: #CBCBCB; }
  .scrollTable .simplebar-track.simplebar-horizontal .simplebar-scrollbar { border-radius: 5px; height: 100%; top: 0; }
  .scrollTable .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before { border-radius: 5px; background-color: #333; opacity: 1; height: 100%; left: 0; right: 0; } }

/* sp_fixed_th */
@media only screen and (max-width: 767px) { .sp_fixed_table { position: relative; left: 1px; }
  .sp_fixed_table::before { content: ''; position: absolute; left: -1px; top: 12px; width: 2px; height: calc(100% - 12px - 19px); background: #fff; z-index: 1; }
  .sp_fixed_table table { margin-left: -1px; }
  .sp_fixed_th { position: -webkit-sticky; position: sticky; left: 0; }
  .sp_fixed_th:before { content: ""; position: absolute; top: -1px; left: 0; width: 100%; height: 100%; border-left: 1px solid #CBCBCB; }
  .sp_fixed_th:after { content: ""; position: absolute; top: -1px; right: -1px; width: 100%; height: 100%; border-right: 1px solid #CBCBCB; } }

/* tbl_Mod_X */
[class*="tbl_Mod"] + [class*="tbl_Mod"] { margin-top: 72px; }

[class*="tbl_Mod"] .wbBA { word-break: break-all; }

[class*="tbl_Mod"] caption { text-align: right; font-size: 1.2rem; }

[class*="tbl_Mod"] table { border-top: #CBCBCB 1px solid; border-left: #CBCBCB 1px solid; width: 100%; }

[class*="tbl_Mod"] table th, [class*="tbl_Mod"] table td { padding: 16px; vertical-align: middle; border-right: #CBCBCB 1px solid; border-bottom: #CBCBCB 1px solid; font-size: 1.6rem; }

[class*="tbl_Mod"] table th { background: #FAFAFA; }

[class*="tbl_Mod"] table td figure figcaption { margin-bottom: 15px; }

@media only screen and (max-width: 767px) { [class*="tbl_Mod"] + [class*="tbl_Mod"] { margin-top: 36px; }
  [class*="tbl_Mod"] table th, [class*="tbl_Mod"] table td { font-size: 1.4rem; } }

.tbl_Mod_01 th, .tbl_Mod_01 td { text-align: center; }

.tbl_Mod_01 th { font-weight: bold; }

body.ua-android .tbl_Mod_01 th { font-weight: bold; }

.tbl_Mod_02 th { text-align: center; font-weight: bold; }

body.ua-android .tbl_Mod_02 th { font-weight: bold; }

.tbl_Mod_03 th { text-align: left; font-weight: bold; }

body.ua-android .tbl_Mod_03 th { font-weight: bold; }

@media only screen and (max-width: 767px) { .tbl_Mod_03.scrollTable table { width: 875px; } }

/* tbl_comparison */
.tbl_comparison table { border-top: #CBCBCB 1px solid; border-left: #CBCBCB 1px solid; width: 100%; }

.tbl_comparison th, .tbl_comparison td { text-align: center; vertical-align: middle; padding: 16px; border-right: #CBCBCB 1px solid; border-bottom: #CBCBCB 1px solid; font-weight: normal; font-size: 1.6rem; }

.tbl_comparison thead th { color: #fff; font-weight: bold; background: #005AB4; }

body.ua-android .tbl_comparison thead th { font-weight: bold; }

.tbl_comparison thead th:nth-child(1) { background: #fff; }

.tbl_comparison tbody th { background: #FAFAFA; }

.tbl_comparison tbody th.th_high { height: 80px; }

.tbl_comparison tbody th.th_bg_gray { background: #E7E7E7; }

.tbl_comparison tbody td { padding: 16px; }

.tbl_comparison tbody td .tbl_comparison_td_txt_bg { display: block; margin: -4px 0; padding: 4px 8px; background: #E0F3FF; }

.tbl_comparison + .btn_blue_center { margin-top: 32px; }

@media only screen and (max-width: 767px) { .tbl_comparison + .btn_blue_center { margin-top: 24px; }
  .tbl_comparison th, .tbl_comparison td { font-size: 1.4rem; } }

/* nomalTable */
@media only screen and (max-width: 767px) { .nomalTable table colgroup [class*="w"] { width: auto !important; } }

@media only screen and (max-width: 767px) { .sp_layout_fixed table { table-layout: fixed; } }

/* th_colspan2 */
@media only screen and (max-width: 767px) { .th_colspan2::before { content: none; }
  .th_colspan2 table { border-collapse: inherit; }
  .th_colspan2 table colgroup [class*="w"] { width: auto !important; }
  .th_colspan2 table th.sp_fixed_th { min-width: 140px; white-space: normal; }
  .th_colspan2 table th.sp_fixed_th_col1, .th_colspan2 table th.sp_fixed_th_col2 { position: -webkit-sticky; position: sticky; min-width: 70px; white-space: normal; }
  .th_colspan2 table th.sp_fixed_th_col1:before, .th_colspan2 table th.sp_fixed_th_col2:before { content: ""; position: absolute; top: -1px; left: 0; width: 100%; height: 100%; border-left: 1px solid #CBCBCB; }
  .th_colspan2 table th.sp_fixed_th_col1:after, .th_colspan2 table th.sp_fixed_th_col2:after { content: ""; position: absolute; top: -1px; right: -1px; width: 100%; height: 100%; border-right: 1px solid #CBCBCB; }
  .th_colspan2 table th.sp_fixed_th_col1 { left: 0; }
  .th_colspan2 table th.sp_fixed_th_col2 { left: 70px; }
  .th_colspan2 table th.sp_fixed_th_col2::before { display: none; } }

/*--------------------------------------------------
tbl_cnt
--------------------------------------------------*/
@media print, screen and (min-width: 768px) { .tbl_cnt_col2 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
  .tbl_cnt_col2 .col { width: calc((100% - 6.4%) / 2); }
  .tbl_cnt_col2 .col + .col:not(:nth-child(2n+1)) { margin-left: 6.4%; } }

@media only screen and (max-width: 767px) { .tbl_cnt_col2 .col + .col { margin: 40px 0 0; } }

.tbl_cnt table { width: 100%; }

.tbl_cnt table th, .tbl_cnt table td { padding: 20px 0; vertical-align: middle; font-size: 1.6rem; border-bottom: 1px solid #CBCBCB; }

.tbl_cnt table th { width: 190px; text-align: left; font-weight: normal; }

.tbl_cnt table td a { word-break: break-all; }

@media only screen and (max-width: 767px) { .tbl_cnt table th { width: 6em; }
  .tbl_cnt table th, .tbl_cnt table td { font-size: 1.4rem; } }

a.tel_link_txt { color: #333; }

/*--------------------------------------------------
bg_gray
--------------------------------------------------*/
.bg_gray { padding: 16px 2.4% 16.47px; background: #FAFAFA; }

.bg_gray figure { margin: 2.2% 0; text-align: center; }

.bg_gray .txt_link_in:not(:nth-child(1)), .bg_gray .txt_link_anc:not(:nth-child(1)) { margin-top: 4%; }

.heading_lv4.left_border + .bg_gray { margin-top: 32px; }

@media only screen and (max-width: 767px) { .bg_gray { padding: 13px 12px; }
  .bg_gray figure { margin: 40px 0 20px; }
  .bg_gray .txt_link_in:not(:nth-child(1)), .bg_gray .txt_link_anc:not(:nth-child(1)) { margin-top: 44px; } }

/*--------------------------------------------------
border_gray
--------------------------------------------------*/
.border_gray { padding: 30px 2.4% 28.93px; border: 1px solid #333; }

.border_gray figure { margin: 0 0 2.4%; text-align: center; }

.heading_lv4.left_border + .border_gray { margin-top: 32px; }

@media only screen and (max-width: 767px) { .border_gray { padding: 16px; }
  .border_gray figure { margin: 0 0 16px; } }

/*--------------------------------------------------
line_gray
--------------------------------------------------*/
hr.line_gray { margin: 72px 0; height: 0; border-top: 1px solid #CBCBCB; visibility: visible; }

@media only screen and (max-width: 767px) { hr.line_gray { margin: 64px 0; } }

hr.line_gray + * { margin-top: 72px; }

@media only screen and (max-width: 767px) { hr.line_gray + * { margin-top: 64px; } }

/*--------------------------------------------------
disc_list
--------------------------------------------------*/
.disc_list > li { position: relative; padding-left: 34px; font-size: 1.6rem; }

.disc_list > li:not(:last-child) { margin-bottom: 15px; }

.disc_list > li::before { content: ''; position: absolute; left: 0; top: .3em; width: 11px; height: 11px; border-radius: 50%; background: #005AB4; }

@media only screen and (max-width: 767px) { .disc_list > li { padding-left: 24px; font-size: 1.4rem; } }

/*=================================================================== block component ===================================================================*/
/*--------------------------------------------------
product_detail
--------------------------------------------------*/
.product_detail .product_detail_col_2 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

.product_detail .product_detail_col_2 .product_thumb { position: relative; margin-top: 17px; }

.product_detail .product_detail_col_2 .product_thumb .thumbnail_slider { padding: 0 39px; margin: 0 auto; white-space: nowrap; overflow: hidden; font-size: 0; }

.product_detail .product_detail_col_2 .product_thumb .thumbnail_slider .slider_item { display: inline-block; border: 1px solid #CBCBCB; cursor: pointer; }

@media print, screen and (min-width: 1240px) { .product_detail .product_detail_col_2 .product_thumb .thumbnail_slider .slider_item { height: 73px; } }

.product_detail .product_detail_col_2 .product_thumb .thumbnail_slider .slick-slide { padding: 0 8px; }

.product_detail .product_detail_col_2 .product_thumb .thumbnail_slider .slick-slide:focus-visible { outline: -webkit-focus-ring-color auto 1px; }

.product_detail .product_detail_col_2 .product_thumb .thumbnail_slider .slick-slide:not(.slick-current) { opacity: .5; }

.product_detail .product_detail_col_2 .product_thumb .slick-list { margin-left: -8px; margin-right: -8px; }

.product_detail .product_detail_col_2 .product_thumb .slick-prev, .product_detail .product_detail_col_2 .product_thumb .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; border: none; }

.product_detail .product_detail_col_2 .product_thumb .slick-prev:focus-visible, .product_detail .product_detail_col_2 .product_thumb .slick-next:focus-visible { outline: -webkit-focus-ring-color auto 1px; }

.product_detail .product_detail_col_2 .product_thumb .slick-prev:before, .product_detail .product_detail_col_2 .product_thumb .slick-next:before { content: none; }

.product_detail .product_detail_col_2 .product_thumb .slick-prev { left: 0; background: url(/products/assets/img/icon/ico_arrow-left.png) no-repeat; background-size: contain; width: 15px; height: 30px; }

.product_detail .product_detail_col_2 .product_thumb .slick-next { right: 0; background: url(/products/assets/img/icon/ico_arrow-right.png) no-repeat; background-size: contain; width: 15px; height: 30px; }

.product_detail .product_detail_col_2 .btn_white { text-align: right; }

.product_detail .product_detail_col_2 .btn_white a { padding-top: 6px; padding-bottom: 4px; }

@media print, screen and (min-width: 768px) { .product_detail .product_detail_col_2 > .col:nth-child(1) { width: 520px; }
  .product_detail .product_detail_col_2 > .col:nth-child(2) { width: calc(100% - 520px); padding-left: 40px; } }

@media only screen and (max-width: 767px) { .product_detail .product_detail_col_2 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }
  .product_detail .product_detail_col_2 > .col { width: 100%; }
  .product_detail .product_detail_col_2 > .col:nth-child(1) { margin-bottom: 30px; }
  .product_detail .product_detail_col_2 .btn_white a { font-size: 1.6rem; padding-top: 6px; padding-bottom: 4px; } }

/*--------------------------------------------------
product_img
--------------------------------------------------*/
.product_img { position: relative; max-width: 520px; opacity: 0; }

.product_img .zoom_ico { position: absolute; right: 22px; top: 22px; }

@media only screen and (max-width: 767px) { .product_img .zoom_ico { display: none; } }

.product_img img { cursor: pointer; -webkit-transition: .2s; transition: .2s; }

.product_img .slick-slide:focus-visible { outline: -webkit-focus-ring-color auto 1px; }

.product_img .slider_item:hover { opacity: 0.8; }

/*--------------------------------------------------
product zoom image
--------------------------------------------------*/
.zoomImage { position: fixed; width: 100%; height: 100%; left: 0; top: 0; overflow-x: hidden; overflow-y: hidden; z-index: 9990; display: none; }

.zoomImage .modal_lay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #FFF; z-index: 0; }

.zoomImage .modalImage { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; }

.zoomImage .modal_close { position: absolute; top: 5%; right: 5%; z-index: 2; font-size: 24px; cursor: pointer; -webkit-transition: all 0.2s; transition: all 0.2s; }

.zoomImage .modal_close:focus-visible { outline: -webkit-focus-ring-color auto 1px; }

.zoomImage .modal_close:hover { opacity: 0.8; }

.zoomImage .modal_close .close01 { display: inline-block; line-height: 1; font-size: 32px; }

.zoomImage .modal_close .close02 { display: inline-block; line-height: 1; font-size: 26px; }

/*--------------------------------------------------
model_ttl01
--------------------------------------------------*/
.model_ttl01 { font-size: 2.4rem; font-weight: bold; }

body.ua-android .model_ttl01 { font-weight: bold; }

@media only screen and (max-width: 767px) { .model_ttl01 { font-size: 1.6rem; margin-bottom: 10px; } }

/*--------------------------------------------------
model_ttl02
--------------------------------------------------*/
.model_ttl02 { margin-bottom: 4.5%; padding-bottom: 4.5%; border-bottom: 2px solid #CBCBCB; font-size: 4.2rem; font-weight: bold; line-height: 1.3; }

.model_ttl02 .model_ttl02_labelRed, .model_ttl02 .model_ttl02_labelBlue { display: inline-block; vertical-align: middle; padding: 4px 10px; color: #fff; font-size: 1.6rem; font-weight: bold; }

body.ua-android .model_ttl02 .model_ttl02_labelRed, body.ua-android .model_ttl02 .model_ttl02_labelBlue { font-weight: bold; }

.model_ttl02 .model_ttl02_labelRed { background: #E60009; }

.model_ttl02 .model_ttl02_labelBlue { background: #01205C; }

@media only screen and (max-width: 767px) { .model_ttl02 { margin-bottom: 15px; padding-bottom: 20px; font-size: 2.6rem; }
  .model_ttl02 .model_ttl02_labelRed, .model_ttl02 .model_ttl02_labelBlue { font-size: 1.2rem; } }

/*--------------------------------------------------
model_txt02
--------------------------------------------------*/
.model_txt02 { margin-bottom: 15px; font-weight: bold; font-size: 2.0rem; }

body.ua-android .model_txt02 { font-weight: bold; }

@media only screen and (max-width: 767px) { .model_txt02 { font-size: 1.6rem; } }

/*--------------------------------------------------
release_date
--------------------------------------------------*/
.release_date { font-weight: normal; font-size: 1.6rem; }

@media only screen and (max-width: 767px) { .release_date { font-size: 1.4rem; } }

/*--------------------------------------------------
summary-spec-icon
--------------------------------------------------*/
.summary-spec-icon { margin: 30px 0; }

.summary-spec-icon ul { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -8px; }

.summary-spec-icon ul > li { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-bottom: 8px; padding: 7px 5px; line-height: 1.6; text-align: center; font-size: 1.5rem; color: #797D7F; border: 1px solid #CBCBCB; }

@media print, screen and (min-width: 768px) { .summary-spec-icon.col4 ul > li { width: calc((100% - 8px * 3) / 4); }
  .summary-spec-icon.col4 ul > li + li:not(:nth-child(4n+1)) { margin-left: 8px; }
  .summary-spec-icon.col3 ul > li { width: calc((100% - 8px * 2) / 3); }
  .summary-spec-icon.col3 ul > li + li:not(:nth-child(3n+1)) { margin-left: 8px; } }

@media only screen and (max-width: 767px) { .summary-spec-icon ul > li { width: calc((100% - 8px * 2) / 3); font-size: 1.4rem; padding: 4px; line-height: 1.5; }
  .summary-spec-icon ul > li + li:not(:nth-child(3n+1)) { margin-left: 8px; } }

/*--------------------------------------------------
price_01
--------------------------------------------------*/
.price_01 { margin: 30px 0 0; }

.price_01 dl { display: table; width: 100%; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }

.price_01 dl dt, .price_01 dl dd { display: table-cell; text-align: center; vertical-align: middle; padding: 7px 8px 6px; width: 50%; line-height: 1.6; border: 1px solid #CBCBCB; }

.price_01 dl dt { font-weight: normal; font-size: 1.6rem; }

.price_01 dl dd { font-size: 1.5rem; border-left: none; }

.price_01 dl dd p { line-height: 1.3593; }

.price_01 dl dd .txt_red { display: block; margin-top: 2px; font-size: 2.4rem; }

.price_01 dl dd .txt_red span { font-size: 1.8rem; }

.price_01 .listCaution { margin-top: 8px; }

@media only screen and (max-width: 767px) { .price_01 dl { display: block; }
  .price_01 dl dt, .price_01 dl dd { display: block; width: auto; }
  .price_01 dl dt { padding: 20px 10px 19px; font-size: 1.4rem; line-height: 1.5; }
  .price_01 dl dd { font-size: 1.3rem; border-top: none; border-left: 1px solid #CBCBCB; }
  .price_01 dl dd p { line-height: 1.353; }
  .price_01 dl dd .txt_red { font-size: 2.1rem; }
  .price_01 dl dd .txt_red span { font-size: 1.4rem; } }

/*--------------------------------------------------
price_02
--------------------------------------------------*/
.price_02 { margin: 30px 0 16px; padding: 22px 12px; font-weight: normal; font-size: 1.6rem; text-align: center; border: 1px solid #CBCBCB; }

@media only screen and (max-width: 767px) { .price_02 { padding: 20px 10px 19px; font-size: 1.4rem; } }

/*--------------------------------------------------
price_03
--------------------------------------------------*/
.price_03, .price_04 { margin: 16px 0; }

.price_03 dl, .price_04 dl { display: table; width: 100%; }

.price_03 dl dt, .price_04 dl dt, .price_03 dl dd, .price_04 dl dd { display: table-cell; text-align: center; vertical-align: middle; padding: 16px 12px; width: 50%; border: 1px solid #CBCBCB; }

.price_03 dl dt, .price_04 dl dt { font-weight: normal; font-size: 1.6rem; }

.price_03 dl dd, .price_04 dl dd { font-size: 1.5rem; border-left: none; }

.price_03 dl dd .txt_red, .price_04 dl dd .txt_red { display: block; font-size: 2.4rem; }

.price_03 dl dd .txt_red span, .price_04 dl dd .txt_red span { font-size: 1.8rem; }

@media only screen and (max-width: 767px) { .price_03 dl dt, .price_04 dl dt, .price_03 dl dd, .price_04 dl dd { padding: 14.5px 12px 14px; line-height: 1.5; }
  .price_03 dl dt, .price_04 dl dt { font-size: 1.4rem; text-align: left; }
   .price_03 dl dd, .price_04 dl dd { font-size: 1.3rem; text-align: right; }
  .price_03 dl dd .txt_red, .price_04 dl dd .txt_red { line-height: 1; font-size: 2.1rem; }
  .price_03 dl dd .txt_red span, .price_04 dl dd .txt_red span { font-size: 1.4rem; } }

/*--------------------------------------------------
price_04
--------------------------------------------------*/
/*--------------------------------------------------
price_05
--------------------------------------------------*/
.price_05 { margin: 30px 0 16px; }

.price_05 .heading_lv4 { margin: 0 0 16px; }

.price_05 dl { display: table; width: 100%; margin-top: 8px; }

.price_05 dl dt, .price_05 dl dd { display: table-cell; text-align: center; vertical-align: middle; padding: 5px 12px; border: 1px solid #CBCBCB; }

.price_05 dl dt { font-weight: normal; font-size: 1.6rem; }

.price_05 dl dd { border-left: none; }

.price_05 dl dd .txt_red { display: block; font-size: 2.0rem; }

.price_05 dl dd .txt_red span { font-size: 1.6rem; }

@media print, screen and (min-width: 768px) { .price_05 .price_05_col_2 { display: -webkit-box; display: -webkit-flex; display: flex; }
  .price_05 .price_05_col_2 .col { width: calc((100% - 24px) / 2); }
  .price_05 .price_05_col_2 .col + .col { margin-left: 24px; } }

@media only screen and (max-width: 767px) { .price_05 .price_05_col_2 .col + .col { margin-top: 23px; }
  .price_05 dl { margin-top: 8px; }
  .price_05 dl dt, .price_05 dl dd { padding: 7px 12px; }
  .price_05 dl dt { text-align: left; font-size: 1.4rem; }
  .price_05 dl dd { text-align: right; }
  .price_05 dl dd .txt_red { font-size: 1.6rem; }
  .price_05 dl dd .txt_red span { font-size: 1.4rem; } }

.colorioPs__link { background: #CBCBCB; color: #333 !important; display: block; margin-top: 12px; padding: 4px 2em; text-align: center; font-size: 1.6rem; font-weight: bold; border-radius: 2px; position: relative; }

.colorioPs__link::after { content: ''; display: block; position: absolute; top: 50%; right: 1.5em; margin-top: -4px; width: 9px; height: 9px; border-top: 3px solid #333; border-right: 3px solid #333; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

@media only screen and (max-width: 767px) { .colorioPs__link { font-size: 1.4rem; } }

.info_title { margin: 16px 0; max-width: 160px; }

/*--------------------------------------------------
bnr_campaign
--------------------------------------------------*/
.bnr_campaign { margin-top: 16px; text-align: center; }

.bnr_campaign a { color: #000; }

.bnr_campaign a:hover { text-decoration: none; }

.bnr_campaign a figcaption { margin-bottom: 16px; font-size: 3.4rem; font-weight: bold; }

body.ua-android .bnr_campaign a figcaption { font-weight: bold; }

@media only screen and (max-width: 767px) { .bnr_campaign a figcaption { font-size: 2.4rem; } }

/*--------------------------------------------------
basic_spec
--------------------------------------------------*/
.basic_spec > ul { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

.basic_spec > ul > li dl dt { position: relative; margin-bottom: 15px; padding: 0 0 12px 18px; border-bottom: 1px solid #CBCBCB; }

.basic_spec > ul > li dl dt::before { content: ''; position: absolute; left: 0; top: 5px; width: 12px; height: 12px; background: #005AB4; }

.basic_spec > ul > li dl dd > ul { margin-bottom: 7px; }

.basic_spec > ul > li dl dd > ul > li { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }

.basic_spec > ul > li dl dd > ul > li + li { margin-left: 32px; }

.basic_spec > ul > li dl dd > ul > li a { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }

.basic_spec > ul > li dl dd > ul > li figure { -webkit-flex-shrink: 0; flex-shrink: 0; }

.basic_spec > ul > li dl dd > ul > li .txt, .basic_spec > ul > li dl dd > ul > li .img_tbl_1 figure figcaption, .img_tbl_1 figure .basic_spec > ul > li dl dd > ul > li figcaption { margin-left: 8px; }

@media print, screen and (min-width: 768px) { .basic_spec > ul { margin-bottom: -40px; }
  .basic_spec > ul > li { width: calc((100% - 20px * 3) / 4); margin-bottom: 40px; }
  .basic_spec > ul > li + li:not(:nth-child(4n+1)) { margin-left: 20px; }
  .basic_spec > ul > li dl dt { font-size: 1.8rem; }
  .basic_spec > ul > li dl dd > ul { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } }

@media only screen and (max-width: 767px) { .basic_spec > ul { margin-bottom: -24px; }
  .basic_spec > ul > li { width: calc((100% - 12px) / 2); margin-bottom: 24px; }
  .basic_spec > ul > li + li:not(:nth-child(2n+1)) { margin-left: 12px; }
  .basic_spec > ul > li dl dt { font-size: 1.4rem; }
  .basic_spec > ul > li dl dt::before { top: 4px; }
  .basic_spec > ul > li dl dd > ul > li + li { margin: 10px 0 0; } }

/*--------------------------------------------------
icon_list
--------------------------------------------------*/
.icon_list { overflow: hidden; }

.icon_list ul { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

.icon_list ul li figure { max-width: 80px; }

.icon_list ul li figure figcaption { margin-top: 2px; text-align: right; font-size: 1.2rem; }

.icon_list ul + ul { margin-top: 24px; }

.icon_list ul.aiS,.icon_list ul.icon_list_mixSize.aiS{
-webkit-align-items: start;
    align-items: start;
}

.icon_list ul.icon_list_mixSize { -webkit-flex-shrink: 0; flex-shrink: 0; margin-top: 0; margin-right: 24px; margin-bottom: -24px; }



.icon_list ul.icon_list_mixSize li { margin-bottom: 24px; }

.icon_list ul.icon_list_mixSize li figure { max-width: none; -webkit-flex-shrink: 0; flex-shrink: 0; }

.icon_list + .listCaution { margin-top: 20px; }

@media print, screen and (min-width: 768px) { .icon_list { margin: 48px 0 0; }
  .icon_list ul { margin-left: -24px; margin-bottom: -24px; }
  .icon_list ul li { margin-left: 24px; margin-bottom: 24px; }
  .icon_list ul.icon_list_mixSize { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; } }

@media only screen and (max-width: 767px) { .icon_list { margin: 20px 0 0; }
  .icon_list ul { margin-bottom: -12px; margin-right: -12px; }
  .icon_list ul li { margin-bottom: 12px; margin-right: 12px; }
  .icon_list ul + ul { margin-top: 12px; }
  .icon_list ul.icon_list_sp_col2 { -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -10px; margin-right: 0; }
  .icon_list ul.icon_list_sp_col2 li { width: calc((100% - 12px) / 2); margin-right: 0; margin-bottom: 10px; }
  .icon_list ul.icon_list_sp_col2 li + li:not(:nth-child(2n+1)) { margin-left: 12px; }
  .icon_list ul.icon_list_sp_col2 li figure { max-width: none; }
  .icon_list ul.icon_list_mixSize { margin-top: 12px; margin-right: -12px; margin-bottom: -12px; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
  .icon_list ul.icon_list_mixSize li { margin-right: 12px; margin-bottom: 12px; }
  .icon_list ul.icon_list_mixSize li img { width: 100%; } }

/*--------------------------------------------------
box_col_2
--------------------------------------------------*/
@media print, screen and (min-width: 768px) { .box_col_2 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-top: 24px; }
  .box_col_2 + .box_col_2 { margin-top: 80px; }
  .box_col_2 .col { width: calc((100% - 56px) / 2); }
  .box_col_2 .col + .col:not(:nth-child(2n+1)) { margin-left: 56px; }
  .box_col_2 .heading_lv4 { margin-top: 0; }
  .box_col_2 .btn_blue_left, .box_col_2 .btn_blue_center, .box_col_2 .btn_blue_right, .box_col_2 .btn_blue_tb { margin-top: 60px; }
  .box_col_2 .listCaution { margin-top: 20px; }
  .box_col_2.box_col_2_feature { display: block; position: relative; padding-right: 652px; min-height: 362px; }
  .box_col_2.box_col_2_feature figure { position: absolute; right: 0; top: 0; max-width: 596px; } }

@media only screen and (max-width: 767px) { .box_col_2 { margin: 24px 0; }
  .box_col_2 + .box_col_2 { margin-top: 50px; }
  .box_col_2 .col { width: 100%; }
  .box_col_2 .col + .col:not(:nth-child(2n+1)) { margin-top: 24px; }
  .box_col_2 .btn_blue_left, .box_col_2 .btn_blue_center, .box_col_2 .btn_blue_right, .box_col_2 .btn_blue_tb { margin-top: 40px; }
  .box_col_2 .heading_lv4 { margin-top: 24px; }
  .box_col_2 .listCaution { margin-top: 10px; }
  .box_col_2 figure { margin: 20px 0; }
  .box_col_2.box_col_2_feature { padding: 16px; background: #F4F4F4; } }

/*--------------------------------------------------
box_col2_S
--------------------------------------------------*/
.box_col2_S { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin: 32px 0; }

*:not(.bg_gray) .box_col2_S:not(.bg_gray):not(.border_gray) { padding: 0; }

@media print, screen and (min-width: 768px) { .box_col2_S { padding: 29px 30px; }
  .box_col2_S.bg_gray, .box_col2_S.border_gray { min-height: 143px; }
  .box_col2_S .col figure { -webkit-flex-shrink: 0; flex-shrink: 0; margin-left: 30px; }
  .box_col2_S .txt_link_in, .box_col2_S .txt_link_anc { margin-bottom: 20px; } }

@media only screen and (max-width: 767px) { .box_col2_S { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; flex-direction: column-reverse; }
  .box_col2_S .col figure { margin-top: 0; margin-bottom: 16px; text-align: center; }
  .box_col2_S .txt_link_in, .box_col2_S .txt_link_anc { margin-top: 0; margin-bottom: 16px; } }

/*--------------------------------------------------
img_colX
--------------------------------------------------*/
[class*="img_col"] { margin: 32px 0; }

[class*="img_col"] figure { text-align: center; }

[class*="img_col"] figure figcaption { text-align: center; font-size: 1.6rem; }

[class*="img_col"] figure figcaption + img { margin-top: 25px; }

[class*="img_col"] figure img + figcaption { margin-top: 25px; }

@media only screen and (max-width: 767px) { [class*="img_col"] figure { font-size: 1.4rem; }
  [class*="img_col"] figure figcaption + img { margin-top: 20px; }
  [class*="img_col"] figure img + figcaption { margin-top: 13px; } }

@media print, screen and (min-width: 768px) { .img_col2 { display: -webkit-box; display: -webkit-flex; display: flex; }
  .img_col2 figure { width: calc((100% - 3.8%) / 2); }
  .img_col2 figure + figure:not(:nth-child(2n+1)) { margin-left: 3.8%; } }

@media only screen and (max-width: 767px) { .img_col2 figure + figure { margin-top: 22px; } }

.img_col3 figure img + figcaption { margin-top: 13px !important; }

@media print, screen and (min-width: 768px) { .img_col3 { display: -webkit-box; display: -webkit-flex; display: flex; }
  .img_col3 figure { width: calc((100% - 2% * 2) / 3); }
  .img_col3 figure + figure:not(:nth-child(3n+1)) { margin-left: 2%; } }

@media only screen and (max-width: 767px) { .img_col3 figure + figure { margin-top: 22px; }
  .img_col3 figcaption + img { margin-top: 13px !important; } }

.img_col4 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

@media print, screen and (min-width: 768px) { .img_col4 figure { width: calc((100% - 2% * 3) / 4); }
  .img_col4 figure + figure:not(:nth-child(4n+1)) { margin-left: 2%; } }

@media only screen and (max-width: 767px) { .img_col4 { margin-bottom: -27px; }
  .img_col4 figure { width: calc((100% - 12px) / 2); margin-bottom: 27px; }
  .img_col4 figure + figure:not(:nth-child(2n+1)) { margin-left: 12px; } }

/* 境界線（薄いグレー／1px）を付けるclassを用意 */
.media_line { border: 1px solid #CBCBCB; }

/*--------------------------------------------------
movie
--------------------------------------------------*/
.movie_01, .movie_03, .movie_02, .movie_03 { margin-top: 32px; margin-bottom: 32px; }

.movie_01 .heading_lv3, .movie_03 .heading_lv3, .movie_02 .heading_lv3, .movie_03 .heading_lv3 { margin-top: 0; }

.movie_01 .movie_col1, .movie_03 .movie_col1, .movie_02 .movie_col1, .movie_03 .movie_col1 { margin-top: 32px; margin-bottom: 32px; }

.movie_01 .movie_col2, .movie_03 .movie_col2, .movie_02 .movie_col2, .movie_03 .movie_col2 { margin-top: 32px; margin-bottom: 32px; }

@media only screen and (max-width: 767px) { .movie_01 .movie_col2 .col + .col, .movie_03 .movie_col2 .col + .col, .movie_02 .movie_col2 .col + .col, .movie_03 .movie_col2 .col + .col { margin-top: 32px; } }

.movie_wrap { position: relative; padding-top: 56.25%; width: 100%; }

.movie_wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.movie_02 .movie_wrap { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; }

.movie_02 .movie_wrap a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block; overflow: hidden; -webkit-transition: .2s; transition: .2s; }

.movie_02 .movie_wrap a:hover { opacity: 0.7; }

.movie_02 .movie_wrap a::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: url(/products/assets/img/icon/play_btn.png); background-repeat: no-repeat; content: ''; height: 48px; margin: auto; width: 68px; z-index: 1; }

.movie_02 .movie_wrap a img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.movie_01 .listCaution, .movie_03 .listCaution, .movie_02 .listCaution, .movie_03 .listCaution { margin-top: 16px; }

@media print, screen and (min-width: 768px) { .movie_01 .listCaution, .movie_03 .listCaution, .movie_02 .listCaution, .movie_03 .listCaution { display: inline-block; } }

.movie_col1 > .col { max-width: 792px; margin-left: auto; margin-right: auto; text-align: center; }

.movie_col1 > .col .heading_lv3 { text-align: left; }

.movie_col1 > .col .listCaution { text-align: left; }

@media print, screen and (min-width: 768px) { .movie_col2 { display: -webkit-box; display: -webkit-flex; display: flex; }
  .movie_col2 .col { width: calc((100% - 48px) / 2); }
  .movie_col2 .col + .col { margin-left: 32px; } }

/*--------------------------------------------------
award_list
--------------------------------------------------*/
.award_list ul li { display: -webkit-box; display: -webkit-flex; display: flex; }

.award_list ul li figure { -webkit-flex-shrink: 0; flex-shrink: 0; width: 120px; }

.award_list ul li .txt, .award_list ul li .img_tbl_1 figure figcaption, .img_tbl_1 figure .award_list ul li figcaption { margin-left: 8px; }

@media print, screen and (min-width: 768px) { .award_list ul { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; margin-bottom: -24px; margin-right: -24px; }
  .award_list ul li { margin-bottom: 24px; max-width: 25%; }
  .award_list ul li .txt, .award_list ul li .img_tbl_1 figure figcaption, .img_tbl_1 figure .award_list ul li figcaption { margin-left: 8px; margin-right: 24px; }
  .award_list ul li .txt:empty, .award_list ul li .img_tbl_1 figure figcaption:empty, .img_tbl_1 figure .award_list ul li figcaption:empty { margin: 0; } }

@media only screen and (max-width: 767px) { .award_list ul { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -12px; }
  .award_list ul li { margin-bottom: 12px; }
  .award_list ul li figure { width: 100px; }
  .award_list ul li .txt, .award_list ul li .img_tbl_1 figure figcaption, .img_tbl_1 figure .award_list ul li figcaption { margin-left: 12px; } }

/*--------------------------------------------------
case_study
--------------------------------------------------*/
.case_study .case_study_col2 .col { padding: 24px; box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1); }

.case_study .case_study_media_body .case_study_heading { margin-bottom: 15px; font-weight: bold; font-size: 1.8rem; }

body.ua-android .case_study .case_study_media_body .case_study_heading { font-weight: bold; }

.case_study .case_study_media_body .case_study_list { margin-top: 48px; }

.case_study .case_study_media_body .case_study_list li { margin-bottom: 8px; }

.case_study .case_study_media_body .case_study_list li .txt, .case_study .case_study_media_body .case_study_list li .img_tbl_1 figure figcaption, .img_tbl_1 figure .case_study .case_study_media_body .case_study_list li figcaption { display: inline-block; padding: 2px 15px; text-align: center; color: #005AB4; border: 2px solid #005AB4; border-radius: 30px; }

.case_study .btn_white { margin-top: 32px; text-align: center; }

.case_study + .btn_blue_center { margin-top: 48px; }

@media print, screen and (min-width: 768px) { .case_study .case_study_col2 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
  .case_study .case_study_col2 .col { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: space-around; justify-content: space-around; width: calc((100% - 3.8%) / 2); }
  .case_study .case_study_col2 .col + .col:not(:nth-child(2n+1)) { margin-left: 3.8%; }
  .case_study .case_study_media { display: -webkit-box; display: -webkit-flex; display: flex; }
  .case_study .case_study_media .case_study_media_img { margin-right: 22px; -webkit-flex-shrink: 0; flex-shrink: 0; max-width: 46%; }
  .case_study + .btn_blue_center a { width: 374px; } }

@media only screen and (max-width: 767px) { .case_study .case_study_col2 .col { padding: 29px 24px 24px; }
  .case_study .case_study_col2 .col + .col { margin-top: 24px; }
  .case_study .case_study_media_img { margin-bottom: 15px; }
  .case_study .case_study_media_body .case_study_heading { margin-bottom: 12px; font-size: 1.6rem; }
  .case_study .case_study_media_body .case_study_list { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 12px -12px -9px 0; }
  .case_study .case_study_media_body .case_study_list li { margin: 0 12px 9px 0; }
  .case_study .btn_white { margin-top: 16px; }
  .case_study + .btn_blue_center { margin-top: 24px; } }

/*--------------------------------------------------
linkpanel_list
--------------------------------------------------*/
.linkpanel_list .linkpanel_list_card { -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; position: relative; }

.linkpanel_list .linkpanel_list_card .linkpanel_list_card_wrap { padding: 0 37px; }

.linkpanel_list .linkpanel_list_card .linkpanel_list_card_wrap:not(.slick-initialized) { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; }

.linkpanel_list .linkpanel_list_card .linkpanel_list_card_wrap .slick-list { box-sizing: border-box; margin: -12px; padding: 12px 0; }

.linkpanel_list .linkpanel_list_card .linkpanel_list_card_wrap .slick-track { margin-left: 0; display: -webkit-box; display: -webkit-flex; display: flex; }

.linkpanel_list .linkpanel_list_card .linkpanel_list_card_wrap .slick-slide { display: -webkit-box; display: -webkit-flex; display: flex; height: auto; padding: 0 12px; }

.linkpanel_list .linkpanel_list_card .linkpanel_list_card_wrap .slick-slide:focus-visible { outline: -webkit-focus-ring-color auto 1px; }

.linkpanel_list .linkpanel_list_card .linkpanel_list_card_wrap .slick-slide > div { display: -webkit-box; display: -webkit-flex; display: flex; width: 100%; }

.linkpanel_list .linkpanel_list_card .linkpanel_list_card_wrap .linkpanel_list_card_item { -webkit-flex-shrink: 0; flex-shrink: 0; display: -webkit-box; display: -webkit-flex; display: flex; width: calc((100% - 24px * 4) / 5); height: auto; float: none; }

.linkpanel_list .linkpanel_list_card .linkpanel_list_card_wrap .linkpanel_list_card_item a { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; padding: 16px; height: 100%; -webkit-transition: opacity .2s; transition: opacity .2s; color: #333; box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2); }

.linkpanel_list .linkpanel_list_card .linkpanel_list_card_wrap .linkpanel_list_card_item a:hover { opacity: 0.7; text-decoration: none; }

.linkpanel_list .linkpanel_list_card .linkpanel_list_card_wrap .linkpanel_list_card_item a figure { position: relative; height: 132px; overflow: hidden; margin-bottom: 15px; text-align: center; }

.linkpanel_list .linkpanel_list_card .linkpanel_list_card_wrap .linkpanel_list_card_item a figure img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.linkpanel_list .linkpanel_list_card .linkpanel_list_card_wrap .linkpanel_list_card_item a h4 { margin-bottom: 7px; font-size: 1.8rem; font-weight: bold; }

body.ua-android .linkpanel_list .linkpanel_list_card .linkpanel_list_card_wrap .linkpanel_list_card_item a h4 { font-weight: bold; }

.linkpanel_list .linkpanel_list_card .linkpanel_list_card_wrap .linkpanel_list_card_item a h4 + p { font-size: 1.6rem; }

.linkpanel_list .linkpanel_list_card .slick-prev, .linkpanel_list .linkpanel_list_card .slick-next { font-size: 0; line-height: 0; margin-top: -19px; position: absolute; top: 50%; display: block; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; border: none; }

.linkpanel_list .linkpanel_list_card .slick-prev:focus-visible, .linkpanel_list .linkpanel_list_card .slick-next:focus-visible { outline: -webkit-focus-ring-color auto 1px; }

.linkpanel_list .linkpanel_list_card .slick-prev:before, .linkpanel_list .linkpanel_list_card .slick-next:before { content: none; }

.linkpanel_list .linkpanel_list_card .slick-prev { left: 0; background: url(/products/assets/img/icon/ico_arrow-left.png) no-repeat; background-size: contain; width: 15px; height: 30px; }

.linkpanel_list .linkpanel_list_card .slick-next { right: 0; background: url(/products/assets/img/icon/ico_arrow-right.png) no-repeat; background-size: contain; width: 15px; height: 30px; }

@media only screen and (max-width: 767px) { .linkpanel_list { margin: 12px -4% 0; padding-top: 12px; overflow: hidden; }
  .linkpanel_list .linkpanel_list_card { padding: 0; }
  .linkpanel_list .linkpanel_list_card .linkpanel_list_card_wrap { position: relative; margin: 0 4%; padding: 0; }
  .linkpanel_list .linkpanel_list_card .linkpanel_list_card_wrap .linkpanel_list_card_item { width: 100%; }
  .linkpanel_list .linkpanel_list_card .linkpanel_list_card_wrap .linkpanel_list_card_item + .linkpanel_list_card_item { margin-left: 0; top: 0; }
  .linkpanel_list .linkpanel_list_card .linkpanel_list_card_wrap .linkpanel_list_card_item a { display: block; padding: 20px 33px 18px; width: 100%; overflow: hidden; }
  .linkpanel_list .linkpanel_list_card .linkpanel_list_card_wrap .linkpanel_list_card_item a figure { float: left; margin-right: 12px; width: 112px; height: auto; }
  .linkpanel_list .linkpanel_list_card .linkpanel_list_card_wrap .linkpanel_list_card_item a figure img { position: static; -webkit-transform: none; transform: none; }
  .linkpanel_list .linkpanel_list_card .linkpanel_list_card_wrap .linkpanel_list_card_item a h4 { font-size: 1.4rem; }
  .linkpanel_list .linkpanel_list_card .linkpanel_list_card_wrap .linkpanel_list_card_item a h4 + p { font-size: 1.4rem; }
  .linkpanel_list .linkpanel_list_card .slick-prev, .linkpanel_list .linkpanel_list_card .slick-next { margin-top: -12px; }
  .linkpanel_list .linkpanel_list_card .slick-prev { left: 5px; }
  .linkpanel_list .linkpanel_list_card .slick-next { right: 5px; } }

.linkpanel_list .slick-dots { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; margin-top: 30px; text-align: center; position: static; }

.linkpanel_list .slick-dots li { position: relative; width: auto; height: auto; letter-spacing: normal; margin: 0 8px; vertical-align: middle; cursor: pointer; }

.linkpanel_list .slick-dots li.slick-active button { background: #10218B; }

.linkpanel_list .slick-dots li button { display: block; padding: 0; width: 10px; height: 10px; font-size: 0; line-height: 0; cursor: pointer; color: transparent; border: 0; outline: none; background: #E7E7E7; border-radius: 50%; }

.linkpanel_list .slick-dots li button:focus-visible { outline: -webkit-focus-ring-color auto 1px; }

.linkpanel_list .slick-dots li button:before { content: none; }

@media only screen and (max-width: 767px) { .linkpanel_list .slick-dots { margin-top: 15px; }
  .linkpanel_list .slick-dots li { margin: 0 4px; }
  .linkpanel_list .slick-dots li button { width: 8px; height: 8px; } }

/*--------------------------------------------------
bnr_colX
--------------------------------------------------*/
/* bnr_colX */
[class*="bnr_col"].jcC ul { justify-content: center; }

[class*="bnr_col"] a:hover figure { opacity: 0.7; }

[class*="bnr_col"] a figure { -webkit-transition: opacity .2s; transition: opacity .2s; }

[class*="bnr_col"] a figure figcaption { margin-top: 7px; font-size: 1.6rem; }

[class*="bnr_col"] + .heading_lv4.left_border { margin-top: 128px; }

@media only screen and (max-width: 767px) { [class*="bnr_col"] a figure figcaption { font-size: 1.4rem; }
  [class*="bnr_col"] + .heading_lv4.left_border { margin-top: 64px; } }

/* bnr_col4 */
.bnr_col4 ul { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

@media print, screen and (min-width: 768px) { .bnr_col4 ul { margin-bottom: -30px; }
  .bnr_col4 ul li { width: calc((100% - 2% * 3) / 4); margin-bottom: 30px; }
  .bnr_col4 ul li + li:not(:nth-child(4n+1)) { margin-left: 2%; } }

@media only screen and (max-width: 767px) { .bnr_col4 ul { margin-bottom: -12px; }
  .bnr_col4 ul li { width: calc((100% - 12px) / 2); margin-bottom: 12px; }
  .bnr_col4 ul li + li:not(:nth-child(2n+1)) { margin-left: 12px; } }

/* bnr_col3 */
@media print, screen and (min-width: 768px) { .bnr_col3 { margin-bottom: 2.5%; }
  .bnr_col3 ul { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -30px; }
  .bnr_col3 ul li { width: calc((100% - 2% * 2) / 3); margin-bottom: 30px; }
  .bnr_col3 ul li + li:not(:nth-child(3n+1)) { margin-left: 2%; } }

@media only screen and (max-width: 767px) { .bnr_col3 ul li { margin-bottom: 12px; }
  .bnr_col3 + .bnr_col4 { margin-top: 25px; } }

/* bnr_col2 */
@media print, screen and (min-width: 768px) { .bnr_col2 { margin-bottom: 2.5%; }
  .bnr_col2 ul { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -30px; }
  .bnr_col2 ul li { margin-bottom: 30px; }
  .bnr_col2 ul li + li:not(:nth-child(2n+1)) { margin-left: 2%; } }

@media only screen and (max-width: 767px) { .bnr_col2 ul li { margin-bottom: 12px; } }

/* bnr_col1 */
.bnr_col1 { margin: 30px 0; text-align: center; }

.bnr_col1 figure { display: inline; }

@media only screen and (max-width: 767px) { .bnr_col1 { margin: 25px 0; } }

/*--------------------------------------------------
img_tbl_1
--------------------------------------------------*/
.img_tbl_1 .tbl_Mod_02 th { padding: 20px 14px; }

.img_tbl_1 .tbl_Mod_02 td { padding: 20px 14px; }

.heading_lv3 + .img_tbl_1 { margin-top: 0 !important; }

@media print, screen and (min-width: 768px) { .img_tbl_1 { display: -webkit-box; display: -webkit-flex; display: flex; margin: 128px 0; }
  .img_tbl_1 figure, .img_tbl_1 .tbl_Mod_02 { width: calc((100% - 48px) / 2); }
  .img_tbl_1 figure figcaption { margin-bottom: 15px; }
  .img_tbl_1 .tbl_Mod_02 { margin-left: 48px; } }

@media only screen and (max-width: 767px) { .img_tbl_1 { margin: 40px 0 64px; }
  .img_tbl_1 figure figcaption { margin-bottom: 12px; text-align: center; }
  .img_tbl_1 .tbl_Mod_02 { margin: 20px 0 0; }
  .img_tbl_1 .tbl_Mod_02 table { table-layout: fixed; }
  .img_tbl_1 .tbl_Mod_02 table colgroup [class*="w"] { width: auto !important; } }

/*--------------------------------------------------
img_tbl_2
--------------------------------------------------*/
.img_tbl_2 .tbl_Mod_03 th { padding: 20px 14px; text-align: center; }

.img_tbl_2 .tbl_Mod_03 td { padding: 20px 14px; }

@media print, screen and (min-width: 768px) { .img_tbl_2 { display: -webkit-box; display: -webkit-flex; display: flex; margin: 128px 0 100px; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }
  .img_tbl_2 figure, .img_tbl_2 .tbl_Mod_03 { width: calc((100% - 48px) / 2); }
  .img_tbl_2 .tbl_Mod_03 { margin-left: 48px; } }

@media only screen and (max-width: 767px) { .img_tbl_2 { margin: 40px 0 64px; }
  .img_tbl_2 .tbl_Mod_03 { margin: 20px 0 0; }
  .img_tbl_2 .tbl_Mod_03 table { table-layout: fixed; }
  .img_tbl_2 .tbl_Mod_03 table colgroup [class*="w"] { width: auto !important; } }

/*--------------------------------------------------
purchase_list support_list
--------------------------------------------------*/
@media print, screen and (min-width: 768px) { .purchase_support_col2 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
  .purchase_support_col2 .col { width: calc((100% - 48px) / 2); }
  .purchase_support_col2 .col + .col:not(:nth-child(2n+1)) { margin-left: 48px; } }

.purchase_support_col2 .heading_lv2 { margin-top: 0; }

@media only screen and (max-width: 767px) { .purchase_support_col2 .heading_lv2 { margin-top: 64px; } }

.purchase_list ul li a,.purchase_list ul li div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; position: relative; font-size: 2.2rem; font-weight: bold; color: #333; -webkit-transition: opacity .2s; transition: opacity .2s; }

body.ua-android .purchase_list ul li a { font-weight: bold; }

.purchase_list ul li a::after { content: ''; position: absolute; right: 0; top: 50%; width: 8px; height: 8px; border-top: 2px solid #CBCBCB; border-right: 2px solid #CBCBCB; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.purchase_list ul li a:hover { text-decoration: none; color: #333; opacity: .7; }
.purchase_list ul li div a:hover { text-decoration: underline; opacity: 1; }

.purchase_list ul li a:not(.purchase_list_square) { padding: 20px 12px 12px 68px; border-bottom: 1px solid #CBCBCB; }

.purchase_list ul li div a:not(.purchase_list_square) { padding: 20px 0; border-bottom: none; }

.purchase_list ul li a.ico { background-repeat: no-repeat; background-position: left center; }

.purchase_list ul li a.ico.ico_dl { background-image: url(/products/assets/img/icon/ico_dl.png); }

.purchase_list ul li a.ico.ico_ph_form { background-image: url(/products/assets/img/icon/ico_ph_form.png); }

.purchase_list ul li a.ico.ico_ph_showroom { background-image: url(/products/assets/img/icon/ico_ph_showroom.png); background-position: left 7px center; }

.purchase_list ul li a.ico.ico_os { background-image: url(/products/assets/img/icon/ico_os.png); }

.purchase_list ul li a.ico.ico_ph_form { background-image: url(/products/assets/img/icon/ico_ph_form.png); }

.purchase_list ul li a.ico.ico_ph_calling,.purchase_list ul li div.ico.ico_ph_calling { background-image: url(/products/assets/img/icon/ico_ph_calling.png); }

.purchase_list ul li a.purchase_list_square,.purchase_list ul li div.purchase_list_square { border: 1px solid #CBCBCB; }

.purchase_list ul li a.purchase_list_square::after { right: 24px; margin-top: -4px; }

.purchase_list ul li a.purchase_list_square.ico_ph_form { margin: 23px 0 16px; padding-top: 18px; padding-right: 40px; padding-bottom: 17px; padding-left: 80px; padding: 18px 40px 17px 80px; background: url(/products/assets/img/icon/ico_ph_form.png) no-repeat left 16px center; }

.purchase_list ul li a.purchase_list_square.ico_ph_calling,.purchase_list ul li div.purchase_list_square.ico_ph_calling { margin: 16px 0 7px; padding: 18px 16px 17px 80px; background: url(/products/assets/img/icon/ico_ph_calling.png) no-repeat left 17px center; }

.purchase_list ul li a.purchase_list_square.ico_ph_calling::after { content: none; }
.purchase_list ul li div .purchase_list_txt a.purchase_list_square01::after { content: none; }
.purchase_list ul li div .txt-small a.purchase_list_square02::after { content: none; }

.purchase_list ul li a.purchase_list_square.ico_ph_calling + .txt, .purchase_list ul li .img_tbl_1 figure a.purchase_list_square.ico_ph_calling + figcaption, .img_tbl_1 figure .purchase_list ul li a.purchase_list_square.ico_ph_calling + figcaption { margin-bottom: 7px; }
.purchase_list ul li div.purchase_list_square.ico_ph_calling + .txt, .purchase_list ul li .img_tbl_1 figure div.purchase_list_square.ico_ph_calling + figcaption, .img_tbl_1 figure .purchase_list ul li div.purchase_list_square.ico_ph_calling + figcaption { margin-bottom: 7px; }

.purchase_list ul li div.purchase_list_square .purchase_list_txt .purchase_list_square01{ display: inline-block; }
.purchase_list ul li div.purchase_list_square .purchase_list_txt .purchase_list_square02{ display: inline-block; font-size: 1.8rem; }

@media print, screen and (min-width: 768px) { .purchase_list .ico_ph_calling,.purchase_list .ico_ph_calling .purchase_list_txt a { pointer-events: auto; }}

@media only screen and (max-width: 767px) { .purchase_list ul li a { font-size: 1.4rem; }
  .purchase_list ul li a:not(.purchase_list_square) { padding: 13px 15px 12px 64px; border-bottom: 1px solid #CBCBCB; }
  .purchase_list ul li a.ico.ico_dl { background-size: 20px auto; background-position: left 15px center; }
  .purchase_list ul li a.ico.ico_ph_form { background-size: 20px auto; background-position: left 15px center; }
  .purchase_list ul li a.ico.ico_ph_showroom { background-size: 15px auto; background-position: left 17px center; }
  .purchase_list ul li a.ico.ico_os { background-size: 22px auto; background-position: left 12px center; }
  .purchase_list ul li a.ico.ico_ph_calling,.purchase_list ul li div.ico.ico_ph_calling { background-size: 22px auto; background-position: left 18px center; }
  .purchase_list ul li a.purchase_list_square::after { right: 16px; }
  .purchase_list ul li a.purchase_list_square.ico_ph_form { margin: 12px 0; padding: 14px 15px 13px 64px; }
  .purchase_list ul li a.purchase_list_square.ico_ph_calling,.purchase_list ul li div.purchase_list_square.ico_ph_calling { margin: 10px 0 10px; padding: 14px 15px 13px 64px; }
  .purchase_list ul li a.purchase_list_square.ico_ph_calling::after { content: none; }
  .purchase_list ul li div.purchase_list_square.ico_ph_calling::after { content: none; }
  .purchase_list ul li a.purchase_list_square.ico_ph_calling + .txt, .purchase_list ul li .img_tbl_1 figure a.purchase_list_square.ico_ph_calling + figcaption, .img_tbl_1 figure .purchase_list ul li a.purchase_list_square.ico_ph_calling + figcaption { margin-bottom: 7px; }
  .purchase_list ul li div.purchase_list_square.ico_ph_calling + .txt, .purchase_list ul li .img_tbl_1 figure div.purchase_list_square.ico_ph_calling + figcaption, .img_tbl_1 figure .purchase_list ul li div.purchase_list_square.ico_ph_calling + figcaption { margin-bottom: 7px; } 
  .purchase_list ul li div.purchase_list_square .purchase_list_txt .purchase_list_square02,span.txt-small{ font-size: 1.2rem; }}

.support_list ul li a { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; position: relative; padding: 20px 12px 12px 68px; border-bottom: 1px solid #CBCBCB; font-size: 2.2rem; font-weight: bold; color: #333; -webkit-transition: opacity .2s; transition: opacity .2s; }

body.ua-android .support_list ul li a { font-weight: bold; }

.support_list ul li a::after { content: ''; position: absolute; right: 0; top: 50%; width: 8px; height: 8px; border-top: 2px solid #CBCBCB; border-right: 2px solid #CBCBCB; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.support_list ul li a:hover { text-decoration: none; color: #333; opacity: .7; }

.support_list ul li a.ico { background-repeat: no-repeat; background-position: left center; }

.support_list ul li a.ico.ico_i { background-image: url(/products/assets/img/icon/ico_i.png); }

.support_list ul li a.ico.ico_driversoftware { background-image: url(/products/assets/img/icon/ico_driver_software.png); }

.support_list ul li a.ico.ico_ques { background-image: url(/products/assets/img/icon/ico_ques.png); }

.support_list ul li a.ico.ico_workman { background-image: url(/products/assets/img/icon/ico_workman.png); }

.support_list ul li a.ico.ico_msg { background-image: url(/products/assets/img/icon/ico_msg.png); }

.support_list ul li a.ico.ico_tools { background-image: url(/products/assets/img/icon/ico_tools.png); }

.support_list ul li a.ico.ico_os { background-image: url(/products/assets/img/icon/ico_os.png); }

.support_list ul li a.ico.ico_exclamation_triangle { background-image: url(/products/assets/img/icon/ico_exclamation_triangle.png); }

.support_list ul li a.ico.ico_heart { background-image: url(/products/assets/img/icon/ico_heart.png); }

.support_list ul li a.ico.ico_file_alt { background-image: url(/products/assets/img/icon/ico_file_alt.png); }

.support_list ul li a.ico.ico_caution { background-image: url(/products/assets/img/icon/ico_caution.png); }

.support_list ul li a.ico.ico_check_circle { background-image: url(/products/assets/img/icon/ico_check_circle.png); }

.support_list ul li a.ico.ico_plus_circle { background-image: url(/products/assets/img/icon/ico_plus_circle.png); }

.support_list ul li a.ico.ico_cog { background-image: url(/products/assets/img/icon/ico_cog.png); }

@media only screen and (max-width: 767px) { .support_list ul li a { font-size: 1.4rem; padding: 13px 15px 12px 64px; border-bottom: 1px solid #CBCBCB; }
  .support_list ul li a.ico.ico_i { background-size: 18px auto; background-position: left 17px center; }
  .support_list ul li a.ico.ico_driversoftware { background-size: 19px auto; background-position: left 16px center; }
  .support_list ul li a.ico.ico_ques { background-size: 19px auto; background-position: left 16px center; }
  .support_list ul li a.ico.ico_workman { background-size: 20px auto; background-position: left 15px center; }
  .support_list ul li a.ico.ico_msg { background-size: 23px auto; background-position: left 14px center; }
  .support_list ul li a.ico.ico_tools { background-size: 16px auto; background-position: left 17px center; }
  .support_list ul li a.ico.ico_os { background-size: 22px auto; background-position: left 15px center; }
  .support_list ul li a.ico.ico_exclamation_triangle { background-size: 19px auto; background-position: left 16px center; }
  .support_list ul li a.ico.ico_heart { background-size: 18px auto; background-position: left 16px center; }
  .support_list ul li a.ico.ico_file_alt { background-size: 18px auto; background-position: left 16px center; }
  .support_list ul li a.ico.ico_caution { background-size: 17px auto; background-position: left 16px center; }
  .support_list ul li a.ico.ico_check_circle { background-size: 20px auto; background-position: left 16px center; }
  .support_list ul li a.ico.ico_plus_circle { background-size: 20px auto; background-position: left 16px center; }
  .support_list ul li a.ico.ico_cog { background-size: 20px auto; background-position: left 16px center; } }

/*--------------------------------------------------
btn_sns_share
--------------------------------------------------*/
.btn_sns_share { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin: 128px 0 58px; }

.btn_sns_share .btn_sns_share_txt { margin-right: 54px; font-size: 1.8rem; font-weight: bold; }

body.ua-android .btn_sns_share .btn_sns_share_txt { font-weight: bold; }

.btn_sns_share ul { display: -webkit-box; display: -webkit-flex; display: flex; }

.btn_sns_share ul li + li { margin-left: 16px; }

.btn_sns_share ul img { width: 40px; }

@media print, screen and (min-width: 768px) { .btn_sns_share ul li a:hover { opacity: 0.5; } }

@media only screen and (max-width: 767px) { .btn_sns_share { margin: 60px 0; }
  .btn_sns_share .btn_sns_share_txt { margin-right: 27px; font-size: 1.4rem; }
  .btn_sns_share ul li + li { margin-left: 12px; } }

/*--------------------------------------------------
btn_top
--------------------------------------------------*/
#btn_top { position: fixed; bottom: 0; z-index: 999; right: 0; }

/*--------------------------------------------------
category_footer
--------------------------------------------------*/
.category_footer { padding: 5% 0; background: #F4F4F4; min-width: 1240px; }

@media only screen and (max-width: 767px) { .category_footer { padding: 43px 0 64px; min-width: 100%; } }

.category_footer .category_footer_inner { max-width: calc(1210px + 30px); margin: 0 auto; padding: 0 15px; }

@media only screen and (max-width: 767px) { .category_footer .category_footer_inner { width: auto; } }

.category_footer .category_footer_heading { margin-bottom: 4%; }

.category_footer .category_footer_heading a { font-size: 2.4rem; font-weight: bold; color: #333; }

body.ua-android .category_footer .category_footer_heading a { font-weight: bold; }

.category_footer .category_footer_heading a:hover { color: #333; }

.category_footer .category_footer_menu_heading .accordion_btn { display: block; text-align: left; font-size: 1.4rem; font-weight: bold; cursor: inherit; color: inherit; }

body.ua-android .category_footer .category_footer_menu_heading .accordion_btn { font-weight: bold; }

.category_footer .category_footer_menu_heading .accordion_btn a { color: #333; }

.category_footer .category_footer_menu_heading > a { font-size: 1.4rem; font-weight: bold; color: #333; }

body.ua-android .category_footer .category_footer_menu_heading > a { font-weight: bold; }

.category_footer .category_footer_menu_list > li + li,.category_footer ul > li + li { margin-top: 10px; }

.category_footer .category_footer_menu_list > li > a,.category_footer ul > li > a { position: relative; display: inline-block; padding-left: 20px; font-size: 1.2rem; color: #333; }

.category_footer .category_footer_menu_list > li > a::before,.category_footer ul > li > a::before { content: ''; position: absolute; left: 0; top: 7px; display: inline-block; width: 10px; height: 2px; background: #333; }

.category_footer .category_footer_menu_list > li > a:hover,.category_footer ul > li > a:hover { color: #333; }

.category_footer .category_footer_menu_list > li > a img,.category_footer ul > li > a img { vertical-align: middle; }

@media print, screen and (min-width: 768px) { .category_footer { padding: 43px 0 64px; }
  .category_footer .category_footer_col3 { display: -webkit-box; display: -webkit-flex; display: flex; }
  .category_footer .category_footer_col3 .col:nth-child(1), .category_footer .category_footer_col3 .col:nth-child(3) { width: 32%; }
  .category_footer .category_footer_col3 .col:nth-child(2) { width: 36%; }
  .category_footer .category_footer_col3 .col:nth-child(2), .category_footer .category_footer_col3 .col:nth-child(3) { padding-left: 24px; border-left: 1px solid #CBCBCB; }
  .category_footer .category_footer_menu_heading { margin-bottom: 20px; }
  .category_footer .category_footer_menu_list + .category_footer_menu_heading,.category_footer ul + .category_footer_menu_heading { margin-top: 70px; } }

@media only screen and (max-width: 767px) { .category_footer .category_footer_col3 .col:nth-child(3) .category_footer_menu_heading:nth-of-type(2) .accordion_btn { border-bottom: none; }
  .category_footer .category_footer_heading a { font-size: 1.6rem; }
  .category_footer .category_footer_menu_heading.active .accordion_btn::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
  .category_footer .category_footer_menu_heading.active + .category_footer_menu_list { display: block; border-bottom: 2px solid #CBCBCB; }
  .category_footer .category_footer_menu_heading .accordion_btn { position: relative; display: block; padding: 15px 25px 15px 0; width: 100%; border-bottom: 2px solid #CBCBCB; outline: none; }
  .category_footer .category_footer_menu_heading .accordion_btn::after { content: ''; position: absolute; right: 15px; top: calc(50% - 4px); width: 8px; height: 8px; border-top: 2px solid #333; border-right: 2px solid #333; -webkit-transform: rotate(135deg); transform: rotate(135deg); }
  .category_footer .category_footer_menu_heading > a { display: block; padding: 15px 25px 15px 0; width: 100%; }
  .category_footer .category_footer_menu_list,.category_footer ul { padding: 24px 0; }
  .category_footer .category_footer_menu_list:not([style]) { display: none; } }

/*--------------------------------------------------
ポップアップする場合
--------------------------------------------------*/

.img_modal {
	position: relative;
}

.img_modal .js-zoom-img {
	display: block;
}

.img_modal .js-zoom-img:after {
	content: "";
	width: 40px;
	height: 40px;
	background: url(/b_solution/assets/img/icon/icn_zoom.svg) no-repeat rgba(255, 255, 255, 0.8);
	background-size: 24px 24px;
	background-position: center;
	position: absolute;
	right: 20px;
	top: 20px;
	border-radius: 10px;
}
.col_modal .close-btn{
  text-align: right;
  display: block;
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 0;
  color: #333333;
  font-size: 20px;
  line-height: 0;
}
.col_modal .close-btn:hover {
	opacity: 0.5;
}
.col_modal .close-btn:focus-visible {
	outline: auto;
}

.mfp-bg {
	background: #ffffff;
	opacity: 1.0;
}
.col_modal:after {
	box-shadow: unset;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: unset; 
}


/*=================================================================== layout ===================================================================*/
@media print, screen and (min-width: 768px) { .sp_show { display: none; } }

@media only screen and (max-width: 767px) { .pc_show { display: none; } }

/* ------ margin (Multiple of 8) ------ */
.mt8 { margin-top: 8px !important; }

.mt16 { margin-top: 16px !important; }

.mt24 { margin-top: 24px !important; }

.mt32 { margin-top: 32px !important; }

.mt40 { margin-top: 40px !important; }

.mt48 { margin-top: 48px !important; }

.mt56 { margin-top: 56px !important; }

.mt64 { margin-top: 64px !important; }

.mt72 { margin-top: 72px !important; }

.mt128 { margin-top: 128px !important; }

.mb8 { margin-bottom: 8px !important; }

.mb16 { margin-bottom: 16px !important; }

.mb24 { margin-bottom: 24px !important; }

.mb32 { margin-bottom: 32px !important; }

.mb40 { margin-bottom: 40px !important; }

.mb48 { margin-bottom: 48px !important; }

.mb56 { margin-bottom: 56px !important; }

.mb64 { margin-bottom: 64px !important; }

.mb72 { margin-bottom: 72px !important; }

.mb128 { margin-bottom: 128px !important; }

@media print, screen and (min-width: 768px) { .mt-pc-8 { margin-top: 8px !important; }
  .mt-pc-16 { margin-top: 16px !important; }
  .mt-pc-24 { margin-top: 24px !important; }
  .mt-pc-32 { margin-top: 32px !important; }
  .mt-pc-40 { margin-top: 40px !important; }
  .mt-pc-48 { margin-top: 48px !important; }
  .mt-pc-56 { margin-top: 56px !important; }
  .mt-pc-64 { margin-top: 64px !important; }
  .mt-pc-72 { margin-top: 72px !important; }
  .mt-pc-128 { margin-top: 128px !important; }
  .mb-pc-8 { margin-bottom: 8px !important; }
  .mb-pc-16 { margin-bottom: 16px !important; }
  .mb-pc-24 { margin-bottom: 24px !important; }
  .mb-pc-32 { margin-bottom: 32px !important; }
  .mb-pc-40 { margin-bottom: 40px !important; }
  .mb-pc-48 { margin-bottom: 48px !important; }
  .mb-pc-56 { margin-bottom: 56px !important; }
  .mb-pc-64 { margin-bottom: 64px !important; }
  .mb-pc-72 { margin-bottom: 72px !important; }
  .mb-pc-128 { margin-bottom: 128px !important; } }

@media only screen and (max-width: 767px) { .mt-sp-8 { margin-top: 8px !important; }
  .mt-sp-16 { margin-top: 16px !important; }
  .mt-sp-24 { margin-top: 24px !important; }
  .mt-sp-32 { margin-top: 32px !important; }
  .mt-sp-40 { margin-top: 40px !important; }
  .mt-sp-48 { margin-top: 48px !important; }
  .mt-sp-56 { margin-top: 56px !important; }
  .mt-sp-64 { margin-top: 64px !important; }
  .mt-sp-72 { margin-top: 72px !important; }
  .mt-sp-128 { margin-top: 128px !important; }
  .mb-sp-8 { margin-bottom: 8px !important; }
  .mb-sp-16 { margin-bottom: 16px !important; }
  .mb-sp-24 { margin-bottom: 24px !important; }
  .mb-sp-32 { margin-bottom: 32px !important; }
  .mb-sp-40 { margin-bottom: 40px !important; }
  .mb-sp-48 { margin-bottom: 48px !important; }
  .mb-sp-56 { margin-bottom: 56px !important; }
  .mb-sp-64 { margin-bottom: 64px !important; }
  .mb-sp-72 { margin-bottom: 72px !important; }
  .mb-sp-128 { margin-bottom: 128px !important; } }

/* ------ margin ------ */
.mtA { margin: 0 auto !important; }

.mt0 { margin-top: 0 !important; }

.mt3 { margin-top: 3px !important; }

.mt5 { margin-top: 5px !important; }

.mt8 { margin-top: 8px !important; }

.mt10 { margin-top: 10px !important; }

.mt13 { margin-top: 13px !important; }

.mt15 { margin-top: 15px !important; }

.mt18 { margin-top: 18px !important; }

.mt20 { margin-top: 20px !important; }

.mt25 { margin-top: 25px !important; }

.mt30 { margin-top: 30px !important; }

.mt35 { margin-top: 35px !important; }

.mt45 { margin-top: 45px !important; }

.mt50 { margin-top: 50px !important; }

.mt55 { margin-top: 55px !important; }

.mt60 { margin-top: 60px !important; }

.mt65 { margin-top: 65px !important; }

.mt70 { margin-top: 70px !important; }

.mt75 { margin-top: 75px !important; }

.mt80 { margin-top: 80px !important; }

.mt85 { margin-top: 85px !important; }

.mt90 { margin-top: 90px !important; }

.mt95 { margin-top: 95px !important; }

.mt100 { margin-top: 100px !important; }

.mr0 { margin-right: 0 !important; }

.mr5 { margin-right: 5px !important; }

.mr10 { margin-right: 10px !important; }

.mr15 { margin-right: 15px !important; }

.mr20 { margin-right: 20px !important; }

.mr25 { margin-right: 25px !important; }

.mr30 { margin-right: 30px !important; }

.mr35 { margin-right: 35px !important; }

.mr40 { margin-right: 40px !important; }

.mr45 { margin-right: 45px !important; }

.mr50 { margin-right: 50px !important; }

.mr55 { margin-right: 55px !important; }

.mr60 { margin-right: 60px !important; }

.mb0 { margin-bottom: 0 !important; }

.mb3 { margin-bottom: 3px !important; }

.mb5 { margin-bottom: 5px !important; }

.mb8 { margin-bottom: 8px !important; }

.mb10 { margin-bottom: 10px !important; }

.mb13 { margin-bottom: 13px !important; }

.mb15 { margin-bottom: 15px !important; }

.mb18 { margin-bottom: 18px !important; }

.mb20 { margin-bottom: 20px !important; }

.mb25 { margin-bottom: 25px !important; }

.mb30 { margin-bottom: 30px !important; }

.mb35 { margin-bottom: 35px !important; }

.mb45 { margin-bottom: 45px !important; }

.mb50 { margin-bottom: 50px !important; }

.mb55 { margin-bottom: 55px !important; }

.mb60 { margin-bottom: 60px !important; }

.mb65 { margin-bottom: 65px !important; }

.mb70 { margin-bottom: 70px !important; }

.mb75 { margin-bottom: 75px !important; }

.mb80 { margin-bottom: 80px !important; }

.mb85 { margin-bottom: 85px !important; }

.mb90 { margin-bottom: 90px !important; }

.mb95 { margin-bottom: 95px !important; }

.mb100 { margin-bottom: 100px !important; }

.ml0 { margin-left: 0 !important; }

.ml5 { margin-left: 5px !important; }

.ml10 { margin-left: 10px !important; }

.ml15 { margin-left: 15px !important; }

.ml20 { margin-left: 20px !important; }

.ml25 { margin-left: 25px !important; }

.ml30 { margin-left: 30px !important; }

.ml35 { margin-left: 35px !important; }

.ml40 { margin-left: 40px !important; }

.ml45 { margin-left: 45px !important; }

.ml50 { margin-left: 50px !important; }

.ml55 { margin-left: 55px !important; }

.ml60 { margin-left: 60px !important; }

/* ------ padding ------ */
.pt0 { padding-top: 0 !important; }

.pt3 { padding-top: 3px !important; }

.pt5 { padding-top: 5px !important; }

.pt8 { padding-top: 8px !important; }

.pt10 { padding-top: 10px !important; }

.pt13 { padding-top: 13px !important; }

.pt15 { padding-top: 15px !important; }

.pt18 { padding-top: 18px !important; }

.pt20 { padding-top: 20px !important; }

.pt25 { padding-top: 25px !important; }

.pt30 { padding-top: 30px !important; }

.pt35 { padding-top: 35px !important; }

.pt40 { padding-top: 40px !important; }

.pt45 { padding-top: 45px !important; }

.pt50 { padding-top: 50px !important; }

.pt55 { padding-top: 55px !important; }

.pt60 { padding-top: 60px !important; }

.pt65 { padding-top: 65px !important; }

.pt70 { padding-top: 70px !important; }

.pt75 { padding-top: 75px !important; }

.pt80 { padding-top: 80px !important; }

.pt85 { padding-top: 85px !important; }

.pt90 { padding-top: 90px !important; }

.pt95 { padding-top: 95px !important; }

.pt100 { padding-top: 100px !important; }

.pr0 { padding-right: 0 !important; }

.pr5 { padding-right: 5px !important; }

.pr10 { padding-right: 10px !important; }

.pr15 { padding-right: 15px !important; }

.pr20 { padding-right: 20px !important; }

.pr25 { padding-right: 25px !important; }

.pr30 { padding-right: 30px !important; }

.pr40 { padding-right: 40px !important; }

.pr45 { padding-right: 45px !important; }

.pr50 { padding-right: 50px !important; }

.pr55 { padding-right: 55px !important; }

.pr60 { padding-right: 60px !important; }

.pb0 { padding-bottom: 0 !important; }

.pb3 { padding-bottom: 3px !important; }

.pb5 { padding-bottom: 5px !important; }

.pb8 { padding-bottom: 8px !important; }

.pb10 { padding-bottom: 10px !important; }

.pb13 { padding-bottom: 13px !important; }

.pb15 { padding-bottom: 15px !important; }

.pb18 { padding-bottom: 18px !important; }

.pb20 { padding-bottom: 20px !important; }

.pb25 { padding-bottom: 25px !important; }

.pb30 { padding-bottom: 30px !important; }

.pb35 { padding-bottom: 35px !important; }

.pb40 { padding-bottom: 40px !important; }

.pb45 { padding-bottom: 45px !important; }

.pb50 { padding-bottom: 50px !important; }

.pb55 { padding-bottom: 55px !important; }

.pb60 { padding-bottom: 60px !important; }

.pb65 { padding-bottom: 65px !important; }

.pb70 { padding-bottom: 70px !important; }

.pb75 { padding-bottom: 75px !important; }

.pb80 { padding-bottom: 80px !important; }

.pb85 { padding-bottom: 85px !important; }

.pb90 { padding-bottom: 90px !important; }

.pb95 { padding-bottom: 95px !important; }

.pb100 { padding-bottom: 100px !important; }

.pl0 { padding-left: 0 !important; }

.pl5 { padding-left: 5px !important; }

.pl10 { padding-left: 10px !important; }

.pl15 { padding-left: 15px !important; }

.pl20 { padding-left: 20px !important; }

.pl25 { padding-left: 25px !important; }

.pl30 { padding-left: 30px !important; }

.pl35 { padding-left: 35px !important; }

.pl40 { padding-left: 40px !important; }

.pl45 { padding-left: 45px !important; }

.pl50 { padding-left: 50px !important; }

.pl55 { padding-left: 55px !important; }

.pl60 { padding-left: 60px !important; }

/* ------ width ------ */
.w1 { width: 1%; }

.w2 { width: 2%; }

.w3 { width: 3%; }

.w4 { width: 4%; }

.w5 { width: 5%; }

.w6 { width: 6%; }

.w7 { width: 7%; }

.w8 { width: 8%; }

.w9 { width: 9%; }

.w10 { width: 10%; }

.w11 { width: 11%; }

.w12 { width: 12%; }

.w13 { width: 13%; }

.w14 { width: 14%; }

.w15 { width: 15%; }

.w16 { width: 16%; }

.w17 { width: 17%; }

.w18 { width: 18%; }

.w19 { width: 19%; }

.w20 { width: 20%; }

.w21 { width: 21%; }

.w22 { width: 22%; }

.w23 { width: 23%; }

.w24 { width: 24%; }

.w25 { width: 25%; }

.w26 { width: 26%; }

.w27 { width: 27%; }

.w28 { width: 28%; }

.w29 { width: 29%; }

.w30 { width: 30%; }

.w31 { width: 31%; }

.w32 { width: 32%; }

.w33 { width: 33%; }

.w34 { width: 34%; }

.w35 { width: 35%; }

.w36 { width: 36%; }

.w37 { width: 37%; }

.w38 { width: 38%; }

.w39 { width: 39%; }

.w40 { width: 40%; }

.w41 { width: 41%; }

.w42 { width: 42%; }

.w43 { width: 43%; }

.w44 { width: 44%; }

.w45 { width: 45%; }

.w46 { width: 46%; }

.w47 { width: 47%; }

.w48 { width: 48%; }

.w49 { width: 49%; }

.w50 { width: 50%; }

.w51 { width: 51%; }

.w52 { width: 52%; }

.w53 { width: 53%; }

.w54 { width: 54%; }

.w55 { width: 55%; }

.w56 { width: 56%; }

.w57 { width: 57%; }

.w58 { width: 58%; }

.w59 { width: 59%; }

.w60 { width: 60%; }

.w61 { width: 61%; }

.w62 { width: 62%; }

.w63 { width: 63%; }

.w64 { width: 64%; }

.w65 { width: 65%; }

.w66 { width: 66%; }

.w67 { width: 67%; }

.w68 { width: 68%; }

.w69 { width: 69%; }

.w70 { width: 70%; }

.w71 { width: 71%; }

.w72 { width: 72%; }

.w73 { width: 73%; }

.w74 { width: 74%; }

.w75 { width: 75%; }

.w76 { width: 76%; }

.w77 { width: 77%; }

.w78 { width: 78%; }

.w79 { width: 79%; }

.w80 { width: 80%; }

.w81 { width: 81%; }

.w82 { width: 82%; }

.w83 { width: 83%; }

.w84 { width: 84%; }

.w85 { width: 85%; }

.w86 { width: 86%; }

.w87 { width: 87%; }

.w88 { width: 88%; }

.w89 { width: 89%; }

.w90 { width: 90%; }

.w91 { width: 91%; }

.w92 { width: 92%; }

.w93 { width: 93%; }

.w94 { width: 94%; }

.w95 { width: 95%; }

.w96 { width: 96%; }

.w97 { width: 97%; }

.w98 { width: 98%; }

.w99 { width: 99%; }

.w100 { width: 100%; }

.w100.auto { width: auto !important; }

/* ------ font-weight ------ */
.fwB { font-weight: bold !important; }

.fwN { font-weight: normal !important; }

/* ------ font-size ------ */
.fsS { font-size: 79%; }

/* font-size:11px; */
.fsM { font-size: 85%; }

/* font-size:12px; */
.fsL { font-size: 115%; }

/* font-size:16px; */
.fsXL { font-size: 129%; }

/* font-size:18px; */
/* ------ color ------ */
.fcR { color: #E60000 !important; }

/* ------ text-decoration ------ */
.fdU { text-decoration: underline; }

/* ------ indent ------ */
.indent1 { padding-left: 1em; text-indent: -1em; }

.indent2 { padding-left: 0.5em; text-indent: -0.5em; }

.indent3 { padding-left: 2.2em; text-indent: -2.2em; }

/* ------ letter-spacing ------ */
.ls1 { letter-spacing: 1px; }

/* ------ text-align ------ */
.taL { text-align: left !important; }

.taC { text-align: center !important; }

.taR { text-align: right !important; }

/* ------ vertical-align ------ */
.vaT { vertical-align: top !important; }

.vaM { vertical-align: middle !important; }

.vaB { vertical-align: bottom !important; }

/* ------ float ------ */
.flL { float: left; }

.flR { float: right; }

/* ------ border ------ */
.lineS { padding-bottom: 10px; background: url(/common/images/bg_line_01.gif) repeat-x left bottom; }

.lineD { padding-bottom: 10px; background: url(/common/images/bg_dline_02.gif) repeat-x left bottom; }

/* ------ overflow ------ */
.ofH { overflow: hidden; }

.ofV { overflow: visible; }

/* ------ inline-block ------ */
.iBlk { display: inline-block; }

/* ------ nowrap ------ */
.nwrp { white-space: nowrap; }

/* ------ sup ------ */
body sup { font-size: 100%; }

html > body sup { font-size: 100%; }

html:not(:target) sup { font-size: 85%; top: -0.3em; }

/*===========================================
_print.scss
===========================================*/
@media print {
html { font-size: 50%; }
body { width: 100%; }
#contents, .container  { max-width: 1024px; }

.container .container_inner { max-width: 1024px; width: 100%; padding: 0; }

#header { max-width: 1024px; width: 100%; padding: 0; }

#header #gNav{ width: 100%; }

#header #headNav { max-width: 1024px; }

#header #gNav { width: 100%; display: flex; justify-content: center; flex-wrap: wrap; flex-direction: row; }

#header #gNav .logo{ width: 176px;}

#header #gNav .logo img{ width: 176px; height: fit-content; }

#header #gNav .nav { width: auto; background: linear-gradient(to bottom, #fafafa, #f9f8f8, #f4f4f4);
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;}

#header .header_inner { max-width: 1024px; }

#header #gNav .nav li, #header #gNav .nav li img, #header #gNav .nav li a{
  width:136px; height: 48px;
}

#header #gNav.products li.gnav01 a{ background-size: contain; height: 46px; }

.local_navi { max-width: 1024px; min-width: 1000px; }

.local_navi .local_navi_top { max-width: 1024px; margin: 0 auto; min-width: 1024px; }

.local_navi .local_navi_top .local_navi_top_inner{max-width: 1024px; display: inline-flex; }

.local_navi .local_navi_top .local_navi_top_inner p { margin-right: 1em; }

.local_navi .local_navi_bottom { max-width: 1024px; min-width: 1024px; }

.local_navi .local_navi_bottom .local_navi_bottom_inner { margin: 0 auto; max-width: 1024px; min-width: 1024px; }

#footer, #footer #fNav, .category_footer, .category_footer .category_footer_inner{ margin: 0 auto; max-width: 1024px; min-width: 1024px; }
 
 #footer #pagetopBlock { display: none; }

 #footer #footer_broad #deepFoot .layCol02 {  width: 35%;}

#footer #footer_broad .layCol03 {width: 28%!important; padding-left: 20px;}
    
}


