@charset "UTF-8";
/*
Theme Name: TPS
Author: YAMAMOTO, Taijiro
Description: duplicate from Twenty Twenty-One.
Requires at least: 5.3
Tested up to: 5.7
Requires PHP: 5.6
Version: 1.3
*/
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,700;0,800;0,900;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@900&display=swap");
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:

	Eric Meyer					:: http://meyerweb.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, menu, nav, section, time, mark, audio, video, details, summary {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
  background: transparent;
}

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

/* Handle box-sizing while better addressing child elements:
   http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
html {
  box-sizing: border-box;
}

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

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */
/* Responsive images and other embedded objects */
/* if you don't have full control over `img` tags (if you have to overcome attributes), consider adding height: auto */
img,
object,
embed {
  max-width: 100%;
}

/*
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
	In fact, it *will* cause problems with Google Maps' controls at small size.
	If this is the case for you, try uncommenting the following:

#map img {
		max-width: none;
}
*/
/* force a vertical scrollbar to prevent a jumpy page */
html {
  overflow-y: scroll;
}

/* we use a lot of ULs that aren't bulleted.
	you'll have to restore the bullets within content,
	which is fine because they're probably customized anyway */
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;
}

/* tables still need cellspacing="0" in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

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

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: middle;
}

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

input[type=radio] {
  vertical-align: text-bottom;
}

input[type=checkbox] {
  vertical-align: bottom;
}

.ie7 input[type=checkbox] {
  vertical-align: baseline;
}

.ie6 input {
  vertical-align: text-bottom;
}

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

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

small {
  font-size: 85%;
}

strong {
  font-weight: bold;
}

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

/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* standardize any monospaced elements */
pre, code, kbd, samp {
  font-family: monospace, sans-serif;
}

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {
  cursor: pointer;
}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {
  margin: 0;
}

/* make buttons play nice in IE */
button,
input[type=button] {
  width: auto;
  overflow: visible;
}

/* scale images in IE7 more attractively */
.ie7 img {
  -ms-interpolation-mode: bicubic;
}

/* prevent BG image flicker upon hover
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/
/* let's clear some floats */
.clearfix:before, .clearfix:after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

* {
  font-family: "Shorai Sans StdN", "HelveticaNeueLTPro-Md", "Helvetica", "sans-serif";
}
* input[type=text] {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
}

@font-face {
  font-family: ts-unused;
  src: local("游ゴシック Medium"), local("Yu Gothic Medium"), local("游ゴシック体"), local("YuGothic"), local("ヒラギノ角ゴ ProN W3"), local("Hiragino Kaku Gothic ProN"), local("メイリオ"), local("Meiryo"), local("verdana");
  font-weight: bold;
}
html {
  color: #3A3A3A;
  font-size: 14px;
  line-height: 1.7em;
  font-family: "Shorai Sans StdN", sans-serif;
}

a:hover {
  opacity: 0.7;
}

strong {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
}
strong.red {
  color: #DB5656;
}

br.sponly {
  display: none;
}
@media screen and (max-width: 899px) {
  br.sponly {
    display: inline;
  }
}

br.tb {
  display: none;
}
@media print, screen and (max-width: 1240px) {
  br.tb {
    display: inline;
  }
}

.shadow {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3);
}

.topimage {
  height: 48.3870967742vw;
  padding-top: 8.064516129vw;
  background: #eef1f6 url(images/topimg_4.jpg) 50% 100% no-repeat;
  /*background: #eef1f6 url(images/topimg_5.png) 50% 100% no-repeat; zebra背景*/
  background-size: cover;
}
.topimage h1 {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 100px;
  text-align: center;
  color: black; /*背景色があかるいときはコメントアウトで通常文字色*/
  line-height: normal; /*二行の時にちょうどよい高さ*/
  padding-top: 7vw;
}
@media print, screen and (max-width: 1240px) {
  .topimage h1 {
    font-size: 50px;
  }
}
@media screen and (max-width: 899px) {
  .topimage h1 {
    font-size: 40px;
  }
}
@media screen and (max-width: 569px) {
  .topimage h1 {
    font-size: 30px;
  }
}
.topimage h2 {
  font-family: "Shorai Sans StdN", sans-serif;
  font-weight: 800;
  font-size: 20px;
  text-align: center;
  color: white; /*背景色があかるいときはコメントアウトで通常文字色*/
  line-height: normal; /*二行の時にちょうどよい高さ*/
}
@media print, screen and (max-width: 1240px) {
  .topimage h2 {
    font-size: 16px;
  }
}
@media screen and (max-width: 899px) {
  .topimage h2 {
    font-size: 16px;
  }
}
@media screen and (max-width: 569px) {
  .topimage h2 {
    font-size: 8px;
  }
}
.topimage img {
  max-width: 100%;
  width: 500px;
  text-align: center;
  display: block;
  margin: 0 auto;
  padding-top: 5vw;
}
@media print, screen and (max-width: 1240px) {
  .topimage img {
    width: 280px;
    padding-top: 3vw;
  }
}
@media screen and (max-width: 899px) {
  .topimage img {
    padding-top: 1vw;
  }
}
@media screen and (max-width: 569px) {
  .topimage img {
    width: 150px;
    padding-top: 0vw;
  }
}
@media print, screen and (max-width: 1240px) {
  .topimage {
    padding-top: 7.7777777778vw;
    height: 48.8888888889vw;
  }
}
@media screen and (max-width: 899px) {
  .topimage {
    padding-top: 8.5714285714vw;
    height: 53.4285714286vw;
  }
}
@media screen and (min-width: 1920px) {
  .topimage {
    background-size: cover;
  }
}

.top_menu {
  background-color: #0069fe;
  text-align: center;
}
.top_menu ul li a {
  color: #ffffff;
  text-decoration: none;
  font-size: 18px;
  line-height: 47px;
}
@media screen and (max-width: 899px) {
  .top_menu ul li a {
    font-size: 16px;
    line-height: 44px;
  }
}
.top_menu ul li a::after {
  position: relative;
  content: "";
  display: inline-block;
  top: 0;
  width: 6px;
  height: 12px;
  left: 8px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4LjM3OCIgaGVpZ2h0PSIxMy45MjciIHZpZXdCb3g9IjAgMCA4LjM3OCAxMy45MjciPgogIDxwYXRoIGlkPSLjg5HjgrlfNDgiIGRhdGEtbmFtZT0i44OR44K5IDQ4IiBkPSJNMTM2NC43LTEzMzkuMzI0bDYuMjU2LDYuMjU2LTYuMjU2LDYuMjU2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTM2My45OTMgMTM0MC4wMzIpIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4K") 50% 50% no-repeat;
  background-size: contain;
}
@media screen and (max-width: 899px) {
  .top_menu ul li a::after {
    width: 7px;
    height: 14px;
    left: 10px;
  }
}

.top_Hazard {
  background-color: #33A5F2;
  text-align: center;
}
.top_Hazard ul li a {
  color: #ffffff;
  text-decoration: none;
  font-size: 18px;
  line-height: 47px;
}
@media screen and (max-width: 899px) {
  .top_Hazard ul li a {
    font-size: 16px;
    line-height: 44px;
  }
}
.top_Hazard ul li a::after {
  position: relative;
  content: "";
  display: inline-block;
  top: 0;
  width: 6px;
  height: 12px;
  left: 8px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4LjM3OCIgaGVpZ2h0PSIxMy45MjciIHZpZXdCb3g9IjAgMCA4LjM3OCAxMy45MjciPgogIDxwYXRoIGlkPSLjg5HjgrlfNDgiIGRhdGEtbmFtZT0i44OR44K5IDQ4IiBkPSJNMTM2NC43LTEzMzkuMzI0bDYuMjU2LDYuMjU2LTYuMjU2LDYuMjU2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTM2My45OTMgMTM0MC4wMzIpIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4K") 50% 50% no-repeat;
  background-size: contain;
}
@media screen and (max-width: 899px) {
  .top_Hazard ul li a::after {
    width: 7px;
    height: 14px;
    left: 10px;
  }
}

#topics_list {
  width: 100%;
  text-align: center;
  padding: 40px 0 20px 0;
}
#topics_list h1 {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 30px;
  margin-bottom: 30px;
}
@media screen and (max-width: 899px) {
  #topics_list h1 {
    font-size: 20px;
  }
}
#topics_list ul {
  display: flex;
  justify-content: space-evenly;
  width: 800px;
  margin: 0 auto;
}
@media print, screen and (max-width: 1240px) {
  #topics_list ul {
    width: 90%;
  }
}
@media screen and (max-width: 899px) {
  #topics_list ul {
    flex-wrap: wrap;
    justify-content: space-evenly;
  }
}
#topics_list li {
  margin-left: 5px;
  margin-right: 5px;
}
@media screen and (max-width: 899px) {
  #topics_list li {
    padding-bottom: 15px;
  }
}
#topics_list a {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 12px;
  line-height: 20px;
  margin-top: 20px;
  color: #33A5F2;
  text-decoration: none;
  width: 347px;
  height: 60px;
  border: solid 2px #33A5F2;
  border-radius: 30px;
  padding: 10px;
  vertical-align: middle;
  display: table-cell;
}
@media print, screen and (max-width: 1240px) {
  #topics_list a {
    width: 28.8888888889vw;
    /*padding:ut-tb(28) ut-tb(23);*/
  }
}
@media screen and (max-width: 899px) {
  #topics_list a {
    width: 290px;
    font-size: 10px;
    line-height: 12px;
  }
}

#attention_list {
  width: 100%;
  text-align: center;
  padding: 60px 0 20px 0;
}
@media screen and (max-width: 899px) {
  #attention_list {
    padding-bottom: 30px;
  }
}
#attention_list h1 {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 30px;
  margin-bottom: 30px;
}
@media screen and (max-width: 899px) {
  #attention_list h1 {
    font-size: 20px;
  }
}
#attention_list a {
  display: block;
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 16px;
  line-height: 35px;
  margin-top: 20px;
  color: #33A5F2;
  text-decoration: none;
}
@media screen and (max-width: 899px) {
  #attention_list a {
    margin-top: 23px;
    font-size: 12px;
    line-height: 12px;
  }
}

#news_list {
  width: 100%;
  text-align: center;
  padding: 40px 0 40px 0;
  /*border-bottom: 8px solid $colorTheme;*/
}
#news_list h1 {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 30px;
  margin-bottom: 30px;
}
@media screen and (max-width: 899px) {
  #news_list h1 {
    font-size: 20px;
  }
}
#news_list ul {
  width: 713px;
  margin: 0 auto;
  display: block;
}
@media screen and (max-width: 899px) {
  #news_list ul {
    width: calc(100% - 60px);
  }
}
#news_list ul li {
  display: block;
  width: 100%;
  text-align: left;
  border-bottom: 1px solid #707070;
  margin: 10px 0;
  padding: 0 0 10px 0;
}
@media screen and (max-width: 899px) {
  #news_list ul li {
    display: flex;
    margin-top: 15px;
    padding-bottom: 24px;
  }
}
#news_list ul li span {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-size: 12px;
  display: inline-block;
  padding-left: 53px;
  width: 111px;
  color: #DB5656;
}
@media screen and (max-width: 899px) {
  #news_list ul li span {
    font-size: 9px;
    width: 46px;
    padding-top: 0;
    padding-left: 13px;
    padding-right: 9px;
  }
}
#news_list ul li a {
  display: inline-block;
  font-family: "Shorai Sans StdN Bold", sans-serif;
  color: #33A5F2;
  font-weight: 800;
  text-decoration: none;
  font-size: 16px;
  line-height: 35px;
}
@media screen and (max-width: 899px) {
  #news_list ul li a {
    font-size: 12px;
    line-height: 23px;
  }
}
#news_list a {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  color: #33A5F2;
  font-weight: 800;
  text-decoration: none;
  font-size: 16px;
  line-height: 35px;
}
@media screen and (max-width: 899px) {
  #news_list a {
    font-size: 12px;
    line-height: 26px;
  }
}

#banner_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 50px;
  margin-bottom: 30px;
  padding: 0;
}
@media print, screen and (max-width: 1240px) {
  #banner_list {
    padding: 0 20px;
  }
}
@media screen and (max-width: 899px) {
  #banner_list {
    padding: 0 5px;
  }
}
#banner_list a {
  display: block;
  position: relative;
  background-size: cover;
  background-position: center center;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  height: 514px;
  padding: 40px 32px;
  margin-bottom: 20px;
}
@media print, screen and (max-width: 1240px) {
  #banner_list a {
    height: 41.4444444444vw;
    padding: 3.1111111111vw 2.5555555556vw;
  }
}
@media screen and (max-width: 899px) {
  #banner_list a {
    margin-bottom: 2.8571428571vw;
    padding: 7.1428571429vw 5.1428571429vw;
  }
}
#banner_list a.type1 {
  width: 100%;
}
@media screen and (max-width: 899px) {
  #banner_list a.type1 {
    height: 84.2857142857vw;
  }
}
#banner_list a.type2 {
  width: calc(50% - 10px);
}
@media screen and (max-width: 899px) {
  #banner_list a.type2 {
    width: 100%;
    height: 84.2857142857vw;
  }
}
#banner_list a.aligncenter {
  text-align: center;
}
#banner_list a .banner_title {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-size: 45px;
  line-height: 60px;
  font-weight: 800;
}
@media print, screen and (max-width: 1240px) {
  #banner_list a .banner_title {
    font-size: 3.5555555556vw;
    line-height: 4.6666666667vw;
  }
}
@media screen and (max-width: 899px) {
  #banner_list a .banner_title {
    font-size: 6.8571428571vw;
    line-height: 9.4285714286vw;
  }
}
#banner_list a .banner_subtitle {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  margin-top: 10px;
  font-size: 30px;
  font-weight: 800;
}
@media print, screen and (max-width: 1240px) {
  #banner_list a .banner_subtitle {
    font-size: 3.3333333333vw;
    margin-top: 1.1111111111vw;
  }
}
@media screen and (max-width: 899px) {
  #banner_list a .banner_subtitle {
    font-size: 4.5714285714vw;
    margin-top: 2.2857142857vw;
  }
}
#banner_list a .banner_text {
  font-size: 17px;
  line-height: 25px;
  position: absolute;
  width: calc(100% - 64px);
  bottom: 40px;
}
@media print, screen and (max-width: 1240px) {
  #banner_list a .banner_text {
    font-size: 1.8888888889vw;
    line-height: 2.7777777778vw;
    bottom: 3.1111111111vw;
    width: calc(100% - 5.1111111111vw);
  }
}
@media screen and (max-width: 899px) {
  #banner_list a .banner_text {
    font-size: 3.4285714286vw;
    line-height: 4.5714285714vw;
    bottom: 5.1428571429vw;
    width: calc(100% - 10.2857142857vw);
  }
}

#products_banner_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 0;
  margin-bottom: 30px;
  padding: 0;
}
@media print, screen and (max-width: 1240px) {
  #products_banner_list {
    padding: 0 20px;
  }
}
@media screen and (max-width: 899px) {
  #products_banner_list {
    padding: 0 5px;
  }
}
#products_banner_list a {
  display: block;
  position: relative;
  background-size: cover;
  background-position: center center;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  height: 514px;
  padding: 40px 32px;
  margin-bottom: 20px;
}
@media print, screen and (max-width: 1240px) {
  #products_banner_list a {
    height: 41.4444444444vw;
    padding: 36px 0 0 0;
  }
}
@media screen and (max-width: 899px) {
  #products_banner_list a {
    margin-bottom: 2.8571428571vw;
    padding: 36px 0 0 0;
  }
}
#products_banner_list a.type1 {
  width: 100%;
}
@media screen and (max-width: 899px) {
  #products_banner_list a.type1 {
    height: 356px;
  }
}
@media screen and (max-width: 569px) {
  #products_banner_list a.type1 {
    height: 296px;
  }
}
#products_banner_list a.type2 {
  width: calc(50% - 10px);
}
@media screen and (max-width: 899px) {
  #products_banner_list a.type2 {
    width: 100%;
    height: 356px;
  }
}
@media screen and (max-width: 569px) {
  #products_banner_list a.type2 {
    width: 100%;
    height: 296px;
  }
}
#products_banner_list a.aligncenter {
  text-align: center;
}
#products_banner_list a .banner_title {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-size: 40px;
  line-height: 51px;
  font-weight: 800;
}
@media print, screen and (max-width: 1240px) {
  #products_banner_list a .banner_title {
    font-size: 24px;
    line-height: 32px;
  }
}
#products_banner_list a .banner_subtitle {
  font-family: "Shorai Sans StdN", sans-serif;
  margin-top: 10px;
  font-size: 14px;
  line-height: 24px;
  font-weight: normal;
}
@media print, screen and (max-width: 1240px) {
  #products_banner_list a .banner_subtitle {
    font-size: 12px;
    margin-top: 16px;
  }
}
#products_banner_list a .banner_text {
  font-size: 17px;
  line-height: 25px;
  position: absolute;
  width: calc(100% - 64px);
  bottom: 40px;
}
@media print, screen and (max-width: 1240px) {
  #products_banner_list a .banner_text {
    font-size: 1.8888888889vw;
    line-height: 2.7777777778vw;
    bottom: 3.1111111111vw;
    width: calc(100% - 5.1111111111vw);
  }
}
@media screen and (max-width: 899px) {
  #products_banner_list a .banner_text {
    font-size: 3.4285714286vw;
    line-height: 4.5714285714vw;
    bottom: 5.1428571429vw;
    width: calc(100% - 10.2857142857vw);
  }
}

.single {
  position: relative;
  /*動画まとめページ用ここから20220316*/
  /*.video_gallery > iframe {
    width:100%;
    height:900px;

    @include mq(tb) {
      height:655px;
    }
    @include mq(sp) {
      height:72vw;
    }

  }*/
  /*動画まとめページ用ここまで20220316*/
}
.single a {
  color: #33A5F2;
  text-decoration: none;
}
.single > .head {
  background-color: #33353A;
  background-size: cover;
  background-position: center center;
  color: #ffffff;
  text-align: center;
  padding: 0 20px;
  height: 320px;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}
.single > .head * {
  color: #ffffff;
}
@media print, screen and (max-width: 1240px) {
  .single > .head {
    height: 233px;
  }
}
.single > .head.nobgimg {
  height: 320px;
}
@media print, screen and (max-width: 1240px) {
  .single > .head.nobgimg {
    height: 233px;
  }
}
.single > .head h1 {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 50px;
  line-height: 50px;
  margin-bottom: 45px;
}
@media print, screen and (max-width: 1240px) {
  .single > .head h1 {
    font-size: 36px;
    line-height: 54px;
    margin-bottom: 34px;
  }
}
@media screen and (max-width: 899px) {
  .single > .head h1 {
    font-size: 30px;
    line-height: 45px;
    margin-bottom: 24px;
  }
}
.single > .head h2 {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 22px;
  line-height: 30px;
}
@media print, screen and (max-width: 1240px) {
  .single > .head h2 {
    font-size: 19px;
    line-height: 27px;
  }
}
@media screen and (max-width: 899px) {
  .single > .head h2 {
    font-size: 22px;
    line-height: 30px;
  }
}
.single > .head p {
  font-family: "Shorai Sans StdN", sans-serif;
  font-weight: normal;
  font-size: 20px;
  line-height: 44px;
}
@media print, screen and (max-width: 1240px) {
  .single > .head p {
    font-size: 14px;
    line-height: 31px;
  }
}
@media screen and (max-width: 899px) {
  .single > .head p {
    font-size: 12px;
    line-height: 26px;
  }
}
.single.single-titlebg > .head {
  height: 565px;
}
@media print, screen and (max-width: 1240px) {
  .single.single-titlebg > .head {
    height: 410px;
  }
}
@media screen and (max-width: 569px) {
  .single.single-titlebg > .head {
    height: 248px;
  }
}
.single h3 {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 36px;
  line-height: 1em;
  margin: 0 0 38px 0;
}
@media print, screen and (max-width: 1240px) {
  .single h3 {
    font-size: 26px;
    margin: 0 0 28px 0;
  }
}
@media screen and (max-width: 899px) {
  .single h3 {
    text-align: center;
    font-size: 24px;
    margin: 0 0 26px 0;
  }
}
.single h3.multiline {
  line-height: 1.5em;
}
.single h3 span {
  font-size: 18px;
}
@media screen and (max-width: 899px) {
  .single h3 span:before {
    content: "\a";
    white-space: pre;
  }
}
.single h4 {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 36px;
  line-height: 1em;
  margin: 66px 0 38px 0;
}
@media print, screen and (max-width: 1240px) {
  .single h4 {
    font-size: 26px;
    margin: 48px 0 28px 0;
    padding: 0 20px;
  }
}
@media screen and (max-width: 899px) {
  .single h4 {
    text-align: center;
    font-size: 24px;
    margin: 45px 0 26px 0;
  }
}
.single h5 {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 18px;
  line-height: 1.5em;
  margin: 0 0 22px 0;
}
.single h6 {
  position: relative;
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 14px;
  line-height: 1.5em;
  margin: 0 0 21px 0;
  padding-left: 25px;
}
.single h6::before {
  content: "";
  display: inline-block;
  width: 9px;
  height: 9px;
  background-color: #3A3A3A;
  position: absolute;
  left: 8px;
  top: 5px;
}
.single hr {
  border: none;
  border-top: 3px solid #E0E3EA;
  margin: 0 20px;
}
@media screen and (min-width: 1241px) {
  .single hr {
    width: 1240px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 899px) {
  .single hr {
    margin: 0 5px;
  }
}
@media screen and (max-width: 899px) {
  .single hr.template {
    margin: 0 20px;
  }
}
.single .linklist {
  display: flex;
  flex-wrap: wrap;
}
@media print, screen and (max-width: 1240px) {
  .single .linklist {
    padding: 0 20px;
  }
}
.single .linklist li {
  display: block;
  margin-bottom: 20px;
  margin-right: 28px;
  width: calc((100% - 56px) / 3);
}
.single .linklist li:nth-child(3n) {
  margin-right: 0;
}
@media print, screen and (max-width: 1240px) {
  .single .linklist li {
    margin-bottom: 14px;
  }
}
@media screen and (max-width: 899px) {
  .single .linklist li {
    margin-right: 0;
    width: 100%;
    margin-bottom: 8px;
  }
}
.single .linklist li a {
  display: block;
  font-family: "Shorai Sans StdN", sans-serif;
  width: 100%;
  background-color: #EEF1F7;
  color: #3A3A3A;
  text-decoration: none;
  text-align: center;
  font-size: 14px;
  line-height: 50px;
}
@media print, screen and (max-width: 1240px) {
  .single .linklist li a {
    font-size: 10px;
    line-height: 37px;
  }
}
@media screen and (max-width: 899px) {
  .single .linklist li a {
    font-size: 14px;
    line-height: 50px;
  }
}
.single .container {
  max-width: 1240px;
  margin: 0 auto;
  padding-top: 60px;
  padding-bottom: 35px;
}
.single .container.form {
  max-width: 800px;
}
.single .container.form hr {
  width: 100%;
  margin: 1em 0;
}
@media screen and (max-width: 899px) {
  .single .container.form hr {
    margin: 1em 0;
  }
}
.single .container.form p {
  margin: 1em 0;
}
.single .container.form input[type=text],
.single .container.form input[type=email],
.single .container.form textarea {
  width: 100%;
  padding: 0.5em;
  border: 1px solid #707070;
}
.single .container.form input[type=text][name=pcode], .single .container.form input[type=text][name=number],
.single .container.form input[type=email][name=pcode],
.single .container.form input[type=email][name=number],
.single .container.form textarea[name=pcode],
.single .container.form textarea[name=number] {
  width: 160px;
}
.single .container.form input[type=text][name=tel], .single .container.form input[type=text][name=fax], .single .container.form input[type=text][name=EMAIL], .single .container.form input[type=text][name=terminal], .single .container.form input[type=text][name=OS], .single .container.form input[type=text][name=OSversion], .single .container.form input[type=text][name=timing],
.single .container.form input[type=email][name=tel],
.single .container.form input[type=email][name=fax],
.single .container.form input[type=email][name=EMAIL],
.single .container.form input[type=email][name=terminal],
.single .container.form input[type=email][name=OS],
.single .container.form input[type=email][name=OSversion],
.single .container.form input[type=email][name=timing],
.single .container.form textarea[name=tel],
.single .container.form textarea[name=fax],
.single .container.form textarea[name=EMAIL],
.single .container.form textarea[name=terminal],
.single .container.form textarea[name=OS],
.single .container.form textarea[name=OSversion],
.single .container.form textarea[name=timing] {
  width: 422px;
}
@media screen and (max-width: 569px) {
  .single .container.form input[type=text][name=tel], .single .container.form input[type=text][name=fax], .single .container.form input[type=text][name=EMAIL], .single .container.form input[type=text][name=terminal], .single .container.form input[type=text][name=OS], .single .container.form input[type=text][name=OSversion], .single .container.form input[type=text][name=timing],
  .single .container.form input[type=email][name=tel],
  .single .container.form input[type=email][name=fax],
  .single .container.form input[type=email][name=EMAIL],
  .single .container.form input[type=email][name=terminal],
  .single .container.form input[type=email][name=OS],
  .single .container.form input[type=email][name=OSversion],
  .single .container.form input[type=email][name=timing],
  .single .container.form textarea[name=tel],
  .single .container.form textarea[name=fax],
  .single .container.form textarea[name=EMAIL],
  .single .container.form textarea[name=terminal],
  .single .container.form textarea[name=OS],
  .single .container.form textarea[name=OSversion],
  .single .container.form textarea[name=timing] {
    width: 100%;
  }
}
.single .container.form input[readonly=readonly],
.single .container.form textarea[readonly=readonly],
.single .container.form select[readonly=readonly] {
  border: none;
  background-color: transparent;
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: none;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  outline: none;
}
.single .container.form input[readonly=readonly]:-webkit-autofill,
.single .container.form textarea[readonly=readonly]:-webkit-autofill,
.single .container.form select[readonly=readonly]:-webkit-autofill {
  -webkit-transition: background-color 5000s ease-in-out 0s !important;
  transition: background-color 5000s ease-in-out 0s !important;
  background-color: transparent !important;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}
.single .container.form textarea {
  height: 100px;
}
.single .container.form select {
  padding: 0.5em;
  border: 1px solid #707070;
  -webkit-appearance: none;
  border-radius: 0;
}
.single .container.form input[type=submit],
.single .container.form input[type=button] {
  display: block;
  width: 390px;
  height: 51px;
  color: #ffffff;
  background-color: #33A5F2;
  border: none;
  margin: 5px auto;
}
@media screen and (max-width: 569px) {
  .single .container.form input[type=submit],
  .single .container.form input[type=button] {
    width: 100%;
  }
}
.single .container.form input[type=submit]::hover,
.single .container.form input[type=button]::hover {
  opacity: 0.7;
}
.single .container.form input[type=checkbox] {
  vertical-align: middle;
}
@media print, screen and (max-width: 1240px) {
  .single .container {
    width: calc(100% - 40px);
  }
}
.single .container .head h2 {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-size: 30px;
  font-weight: 800;
  margin: 0 0 30px 0;
  text-align: center;
}
.single .container .head div {
  font-family: "Shorai Sans StdN", sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 28px;
  text-align: center;
  margin-bottom: 100px;
}
@media print, screen and (max-width: 1240px) {
  .single .container .head div {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 899px) {
  .single .container .head div {
    margin-bottom: 30px;
    text-align: left;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
}
.single .container > hr {
  margin: 25px 0%;
}
.single .container_cent {
  text-align: center;
  padding-bottom: 0px;
}
.single .tabs {
  background-color: #F6F8FB;
  width: 100%;
}
.single .tabs ul {
  position: relative;
  max-width: 1240px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
@media print, screen and (max-width: 1240px) {
  .single .tabs ul {
    width: calc(100% - 40px);
  }
}
@media screen and (max-width: 899px) {
  .single .tabs ul {
    flex-direction: column;
    height: 60px;
    overflow: hidden;
  }
  .single .tabs ul.active {
    overflow: visible;
  }
}
.single .tabs ul li {
  width: calc(33.3% - 1px);
  position: relative;
  text-align: center;
  height: 60px;
  line-height: 60px;
  background-color: #d4d5d7;
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}
@media screen and (max-width: 899px) {
  .single .tabs ul li {
    width: 100%;
  }
  .single .tabs ul li::before {
    display: block;
    position: absolute;
    top: 25px;
    left: 20px;
    content: "";
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMS40NDgiIGhlaWdodD0iMTIuODQ2IiB2aWV3Qm94PSIwIDAgMjEuNDQ4IDEyLjg0NiI+CiAgPHBhdGggaWQ9IuODkeOCuV85NSIgZGF0YS1uYW1lPSLjg5HjgrkgOTUiIGQ9Ik0tMTAyNDEtNTNsOS42NjMsOS42NjQsOS42NjQtOS42NjQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwMjQyLjA2MSA1NC4wNjEpIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMyIvPgo8L3N2Zz4K");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    width: 20px;
    height: 10px;
  }
}
.single .tabs ul li.active {
  color: #ffffff;
}
.single .tabs ul li.active[data-target=section1] {
  background-color: #72C163;
}
.single .tabs ul li.active[data-target=section2] {
  background-color: #5175D8;
}
.single .tabs ul li.active[data-target=section3] {
  background-color: #CC5451;
}
.single .tabs ul li.active[data-target=section4] {
  background-color: #89698E;
}
@media screen and (max-width: 899px) {
  .single .tabs ul li.active {
    z-index: 100;
    top: 0;
    position: absolute;
  }
}
.single .tabs ul li:hover {
  opacity: 0.7;
}
@media screen and (max-width: 899px) {
  .single .tabs ul li:hover {
    opacity: 1;
  }
}
@media screen and (max-width: 899px) {
  .single .tabs ul.active li.active {
    position: relative;
  }
}
.single .addition {
  max-width: 1240px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 auto;
  padding: 35px 0;
}
@media print, screen and (max-width: 1240px) {
  .single .addition {
    width: 100%;
  }
}
.single .addition.text-right, .single .addition.text-right2bottom {
  flex-direction: row-reverse;
}
@media print, screen and (max-width: 1240px) {
  .single .addition {
    padding: 35px 20px;
  }
}
.single .addition div {
  width: 50%;
}
.single .addition div h4 {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 37px;
  margin-top: 0;
}
.single .addition div p {
  font-family: "Shorai Sans StdN", sans-serif;
  font-size: 14px;
  line-height: 28px;
}
.single .addition div ul li {
  font-family: "Shorai Sans StdN", sans-serif;
  font-size: 14px;
  line-height: 28px;
  display: list-item;
  list-style-position: outside;
  list-style-type: disc;
  margin-left: 2em;
}
.single .addition figure {
  width: 50%;
  text-align: center;
}
.single .addition.text-top div {
  width: 100%;
}
.single .addition.text-top div h4 {
  text-align: center;
}
.single .addition.text-top figure {
  margin-top: 50px;
  width: 100%;
}
@media screen and (max-width: 899px) {
  .single .addition {
    padding: 50px 20px;
  }
  .single .addition.text-top, .single .addition.text-left, .single .addition.text-right2bottom {
    flex-direction: column-reverse;
  }
  .single .addition div {
    width: 100%;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
  .single .addition div h4 {
    text-align: center;
    margin-top: 0;
  }
  .single .addition figure {
    margin: 0 0 50px 0;
    width: 100%;
  }
  .single .addition figure img {
    width: 100%;
    height: auto;
  }
  .single .addition.text-right figure {
    margin: 50px 0 0 0;
  }
}
.single dl.accordion {
  margin-bottom: 15px;
}
@media print, screen and (max-width: 1240px) {
  .single dl.accordion {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 899px) {
  .single dl.accordion {
    margin-bottom: 15px;
  }
}
.single dl.accordion > dt {
  display: block;
  position: relative;
  color: #3A3A3A;
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  border: 1px solid #707070;
  padding: 10px 67px 10px 52px;
  font-size: 18px;
  line-height: 22px;
  text-indent: -27px;
}
@media print, screen and (max-width: 1240px) {
  .single dl.accordion > dt {
    padding: 7px 67px 7px 36px;
    text-indent: -18px;
    font-size: 13px;
    line-height: 16px;
  }
}
@media screen and (max-width: 899px) {
  .single dl.accordion > dt {
    padding: 10px 40px 10px 34px;
    text-indent: -24px;
    font-size: 16px;
    line-height: 20px;
  }
}
.single dl.accordion > dt::after {
  transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: rotate(-90deg);
  content: "";
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMC40NzYiIGhlaWdodD0iMjEuMjc1IiB2aWV3Qm94PSIwIDAgMzAuNDc2IDIxLjI3NSI+CiAgPHBhdGggaWQ9IuWkmuinkuW9ol81MyIgZGF0YS1uYW1lPSLlpJrop5LlvaIgNTMiIGQ9Ik0xNS4yMzgsMCwzMC40NzYsMjEuMjc1SDBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMC40NzYgMjEuMjc1KSByb3RhdGUoMTgwKSIgZmlsbD0iIzNhM2EzYSIvPgo8L3N2Zz4K") 50% 50% no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  top: 0;
  right: 30px;
  width: 16px;
  height: 100%;
  cursor: pointer;
}
@media print, screen and (max-width: 1240px) {
  .single dl.accordion > dt::after {
    right: 20px;
  }
}
@media screen and (max-width: 899px) {
  .single dl.accordion > dt::after {
    right: 15px;
  }
}
.single dl.accordion > dt.active::after {
  transform: rotate(0);
}
.single dl.accordion > dd {
  display: block;
  font-family: "Shorai Sans StdN", sans-serif;
  font-size: 14px;
  line-height: 20px;
  padding: 10px 25px 10px 25px;
}
@media print, screen and (max-width: 1240px) {
  .single dl.accordion > dd {
    padding: 7px 18px 7px 18px;
  }
}
@media screen and (max-width: 899px) {
  .single dl.accordion > dd {
    padding: 10px 10px 10px 10px;
  }
}
.single .copy {
  font-family: "Shorai Sans StdN", sans-serif;
  margin-top: 10px;
  font-size: 14px;
  line-height: 31px;
  font-weight: normal;
}
.single .template {
  font-family: "Shorai Sans StdN", sans-serif;
  font-size: 14px;
  line-height: 24px;
}
@media screen and (max-width: 899px) {
  .single section.template > figure {
    text-align: center;
  }
}
.single p.template {
  margin-bottom: 50px;
}
.single p.block {
  margin-top: 20px;
}
.single p.kome {
  margin-left: 1em;
  text-indent: -1em;
}
.single p.kome::before {
  content: "※";
}
.single p.attention {
  margin-left: 3em;
  text-indent: -3em;
}
.single p.attention::before {
  content: "注意）";
}
.single p.caution {
  padding: 25px 25px 20px 25px;
  color: #DB5656;
  border: 1px solid #DB5656;
}
.single ul.template li {
  display: list-item;
  list-style: disc;
  list-style-position: outside;
  margin-left: 2em;
  line-height: 1.5em;
  margin-bottom: 0.5em;
}
.single ul.template li:last-of-type {
  margin-bottom: 0;
}
.single ol.komelist {
  list-style: none;
}
.single ol.komelist li {
  display: list-item;
  list-style-position: outside;
  margin-left: 4em;
  text-indent: -2em;
  line-height: 1.5em;
  margin-bottom: 0.5em;
}
.single ol.komelist li::before {
  content: "　";
}
.single ol.komelist li.kome::before {
  content: "※";
}
.single p + ul.template,
.single ul.template > li > ul.template {
  margin-top: 0.5em;
}
.single dl.template {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 5px;
}
@media screen and (max-width: 899px) {
  .single dl.template {
    flex-direction: column;
    flex-wrap: nowrap;
  }
}
.single dl.template dt {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  width: 300px;
  margin-bottom: 15px;
}
.single dl.template dt:last-of-type {
  margin-bottom: 0;
}
@media screen and (max-width: 899px) {
  .single dl.template dt {
    width: 100%;
    margin-bottom: 0;
  }
}
.single dl.template dd {
  width: calc(100% - 300px);
  margin-bottom: 15px;
}
.single dl.template dd:last-of-type {
  margin-bottom: 0;
}
@media screen and (max-width: 899px) {
  .single dl.template dd {
    width: 100%;
    margin-bottom: 15px;
  }
}
.single dl.template.type2 dt {
  width: 105px;
  margin-left: 30px;
}
@media screen and (max-width: 899px) {
  .single dl.template.type2 dt {
    width: 100%;
    margin-bottom: 0;
    margin-left: 0;
  }
}
.single dl.template.type2 dd {
  width: calc(100% - 135px);
}
@media screen and (max-width: 899px) {
  .single dl.template.type2 dd {
    width: 100%;
    margin-bottom: 15px;
  }
}
.single .hastable {
  overflow-x: auto;
}
.single table.template {
  width: 100%;
}
.single table.template thead {
  width: auto;
  color: #FFFFFF;
  background-color: #A1A1A1;
  white-space: nowrap;
}
.single table.template tbody {
  width: auto;
}
.single table.template td, .single table.template th {
  border: 1px solid #707070;
  padding: 9px;
}
.single section.template {
  margin-bottom: 50px;
}
.single a.downloadlink,
.single a.pagelink {
  display: inline-block;
  width: 308px;
  height: 51px;
  line-height: 51px;
  background-color: #33A5F2;
  color: #ffffff;
  margin: 0 8px 17px 0;
  text-align: center;
}
@media screen and (max-width: 899px) {
  .single a.downloadlink,
  .single a.pagelink {
    display: block;
    margin: 0 auto 17px auto;
  }
}
@media screen and (max-width: 569px) {
  .single a.downloadlink,
  .single a.pagelink {
    width: 100%;
  }
}
.single a.downloadlink_gray {
  display: inline-block;
  width: 308px;
  height: 51px;
  line-height: 51px;
  background-color: #95989F;
  color: #ffffff;
  margin: 0 8px 17px 0;
  text-align: center;
}
@media screen and (max-width: 899px) {
  .single a.downloadlink_gray {
    display: block;
    margin: 0 auto 17px auto;
  }
}
@media screen and (max-width: 569px) {
  .single a.downloadlink_gray {
    width: 100%;
  }
}
.single .inner {
  padding: 0 20px;
}
@media screen and (max-width: 899px) {
  .single .inner {
    padding: 0 5px;
  }
}
.single .quote {
  background-color: #e4e4e4;
  padding: 25px 25px 20px 25px;
}
.single iframe {
  width: 100%;
  height: 900px;
}
@media print, screen and (max-width: 1240px) {
  .single iframe {
    height: 655px;
  }
}
@media screen and (max-width: 899px) {
  .single iframe {
    height: 72vw;
  }
}
.single .partnerlist {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.single .partnerlist figure {
  cursor: pointer;
  width: calc((100% - 58px) / 3);
  margin-bottom: 29px;
}
@media print, screen and (max-width: 1240px) {
  .single .partnerlist figure {
    width: calc((100% - 40px) / 3);
  }
}
@media screen and (max-width: 899px) {
  .single .partnerlist figure {
    width: 100%;
    margin-bottom: 25px;
  }
}
.single .partnerlist figure img {
  transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  background-color: #EEF1F7;
}
@media screen and (max-width: 899px) {
  .single .partnerlist figure img {
    width: 100%;
    height: 300px;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.single .partnerlist figure:hover img {
  transform: scale(1.1);
}
.single .partnerlist figure figcaption {
  text-align: center;
}
.single .partnedata .bg {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 1999;
}
.single .partnedata .modal {
  display: none;
  position: absolute;
  top: 300px;
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  z-index: 2000;
  background-color: #ffffff;
  border-radius: 30px;
  padding: 27px 36px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
@media print, screen and (max-width: 1240px) {
  .single .partnedata .modal {
    width: calc(100% - 40px);
    border-radius: 30px;
    padding: 25px;
  }
}
.single .partnedata .modal .close {
  position: absolute;
  content: "";
  display: block;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOC4wMSAyOC4yMiI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6bm9uZTtzdHJva2U6IzcwNzA3MDtzdHJva2Utd2lkdGg6NnB4O308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iYSIgZD0iTTIuMTMsMi4xNWwyMy43LDI0Ii8+PHBhdGggY2xhc3M9ImEiIGQ9Ik0yNS44NywyLjExLDIuMTQsMjYuMSIvPjwvc3ZnPg==") 50% 50% no-repeat;
  background-size: contain;
  width: 24px;
  height: 24px;
  right: 43px;
  top: 39px;
}
@media screen and (min-width: 1241px) {
  .single .partnedata .modal .close {
    width: 17px;
    height: 17px;
    right: 30px;
    top: 28px;
  }
}
@media screen and (max-width: 899px) {
  .single .partnedata .modal .close {
    width: 24px;
    height: 24px;
    right: 23px;
    top: 19px;
  }
}
.single .partnedata .modal .close:hover {
  transform: scale(1.1);
}
.single .partnedata .modal h5 {
  padding-right: 30px;
}
@media screen and (max-width: 899px) {
  .single .partnedata .modal h5 {
    text-align: center;
    margin-top: 65px;
  }
}
@media screen and (max-width: 569px) {
  .single .partnedata .modal h5 {
    text-align: left;
    margin-top: 54px;
    padding-right: 0;
  }
}
.single .partnedata .modal hr {
  width: 100%;
  border-top: #707070 1px dashed;
  margin: 25px 0;
}
.single .partnedata .modal .item {
  width: 100%;
}
.single .partnedata .modal .item img {
  max-height: 90px;
  margin-top: 10px;
  margin-bottom: 10px;
}
@media print, screen and (max-width: 1240px) {
  .single .partnedata .modal .item img {
    display: block;
    margin: 10px auto;
  }
}
.single .partnedata .modal .item .quote:nth-child(2n) {
  background-color: #ffffff;
}
.single .partnedata .modal dl.template dt {
  position: relative;
  padding-left: 17px;
  width: 130px;
}
.single .partnedata .modal dl.template dt::before {
  content: "";
  display: block;
  position: absolute;
  background-color: #3A3A3A;
  width: 9px;
  height: 9px;
  left: 0;
  top: 7px;
}
@media screen and (max-width: 899px) {
  .single .partnedata .modal dl.template dt {
    width: 100%;
    margin-bottom: 10px;
  }
}
.single .partnedata .modal dl.template dd {
  width: calc(100% - 130px);
}
@media screen and (max-width: 899px) {
  .single .partnedata .modal dl.template dd {
    width: 100%;
  }
}
.single .partnedata .modal .company {
  background-color: #33353A;
  color: #ffffff;
  padding: 25px 25px 5px 25px;
}
.single .partnedata .modal .company dl.template dt {
  position: relative;
  padding-left: 0;
  width: 180px;
}
.single .partnedata .modal .company dl.template dt::before {
  content: none;
}
@media screen and (max-width: 899px) {
  .single .partnedata .modal .company dl.template dt {
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
  }
}
.single .partnedata .modal .company dl.template dd {
  width: calc(100% - 180px);
}
@media screen and (max-width: 899px) {
  .single .partnedata .modal .company dl.template dd {
    width: 100%;
    text-align: center;
  }
}
.single .movie_categorytitle {
  margin: 0px 0 38px 0;
}
.single .video_gallery {
  position: relative;
  padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
  height: 0;
  overflow: hidden;
}
.single .video_info {
  text-align: center;
}
.single .video_info p {
  display: inline-block;
}
.single .video_info h5 {
  text-align: left;
}
.single .video_gallery iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.single .dllist {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.single .dllist figure {
  cursor: pointer;
  width: calc((100% - 58px) / 3);
  margin-bottom: 50px;
}
@media print, screen and (max-width: 1240px) {
  .single .dllist figure {
    width: calc((100% - 40px) / 3);
  }
}
@media screen and (max-width: 899px) {
  .single .dllist figure {
    width: 100%;
    margin-bottom: 50px;
  }
}
.single .dllist figure img {
  transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  background-color: #EEF1F7;
}
@media screen and (max-width: 899px) {
  .single .dllist figure img {
    width: 100%;
    max-height: 300px;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.single .dllist figure:hover img {
  transform: scale(1.1);
  opacity: 0.7;
}
.single .dllist figure:hover h5 {
  color: #33A5F2;
}
.single .dllist figure figcaption {
  text-align: left;
  margin: 5px 0 5px 0;
  font-family: "Shorai Sans StdN Bold", sans-serif;
  color: #7d7d7d;
}
.single .dllist figure h5 {
  margin: 0 0 12px 0;
  transition: color;
}
@media print, screen and (max-width: 1240px) {
  .single .dllist figure h5 {
    margin: 12px 0 12px 0;
  }
}
@media screen and (max-width: 899px) {
  .single .dllist figure h5 {
    margin: 12px 0 12px 0;
  }
}
.single .videolist {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.single .videolist figure {
  cursor: pointer;
  width: calc((100% - 58px) / 3);
  margin-bottom: 50px;
}
@media print, screen and (max-width: 1240px) {
  .single .videolist figure {
    width: calc((100% - 40px) / 3);
  }
}
@media screen and (max-width: 899px) {
  .single .videolist figure {
    width: 100%;
    margin-bottom: 50px;
  }
}
.single .videolist figure img {
  transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  background-color: #EEF1F7;
}
@media screen and (max-width: 899px) {
  .single .videolist figure img {
    width: 100%;
    max-height: 300px;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.single .videolist figure:hover img {
  transform: scale(1.1);
  opacity: 0.7;
}
.single .videolist figure:hover h5 {
  color: #33A5F2;
}
.single .videolist figure figcaption {
  text-align: left;
  margin: 5px 0 5px 0;
  font-family: "Shorai Sans StdN Bold", sans-serif;
  color: #7d7d7d;
}
.single .videolist figure h5 {
  margin: 0 0 12px 0;
  transition: color;
}
@media print, screen and (max-width: 1240px) {
  .single .videolist figure h5 {
    margin: 12px 0 12px 0;
  }
}
@media screen and (max-width: 899px) {
  .single .videolist figure h5 {
    margin: 12px 0 12px 0;
  }
}
.single .videodata .related-products {
  display: flex;
  align-items: center;
  flex: 1;
  justify-content: center;
}
.single .videodata .related-products img {
  max-height: 200px;
}
.single .videodata .related-products p {
  text-align: center;
}
.single .videodata .link {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  display: block;
  width: 261px;
  height: 51px;
  line-height: 51px;
  font-size: 14px;
  text-align: center;
  color: #ffffff;
  background-color: #33A5F2;
  margin: 0px auto 0 auto;
  letter-spacing: 1px;
}
.single .videodata .bg {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 1999;
}
.single .videodata .modal {
  display: none;
  position: absolute;
  top: 300px;
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  z-index: 2000;
  background-color: #ffffff;
  border-radius: 30px;
  padding: 27px 36px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
@media print, screen and (max-width: 1240px) {
  .single .videodata .modal {
    width: calc(100% - 40px);
    border-radius: 30px;
    padding: 25px;
  }
}
.single .videodata .modal .close {
  position: absolute;
  content: "";
  display: block;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOC4wMSAyOC4yMiI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6bm9uZTtzdHJva2U6IzcwNzA3MDtzdHJva2Utd2lkdGg6NnB4O308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iYSIgZD0iTTIuMTMsMi4xNWwyMy43LDI0Ii8+PHBhdGggY2xhc3M9ImEiIGQ9Ik0yNS44NywyLjExLDIuMTQsMjYuMSIvPjwvc3ZnPg==") 50% 50% no-repeat;
  background-size: contain;
  width: 24px;
  height: 24px;
  right: 43px;
  top: 39px;
}
@media screen and (min-width: 1241px) {
  .single .videodata .modal .close {
    width: 17px;
    height: 17px;
    right: 30px;
    top: 28px;
  }
}
@media screen and (max-width: 899px) {
  .single .videodata .modal .close {
    width: 24px;
    height: 24px;
    right: 23px;
    top: 19px;
  }
}
.single .videodata .modal .close:hover {
  transform: scale(1.1);
}
.single .videodata .modal h5 {
  padding-right: 30px;
}
@media screen and (max-width: 899px) {
  .single .videodata .modal h5 {
    text-align: center;
    margin-top: 65px;
  }
}
@media screen and (max-width: 569px) {
  .single .videodata .modal h5 {
    text-align: left;
    margin-top: 54px;
    padding-right: 0;
  }
}
.single .videodata .modal hr {
  width: 100%;
  border-top: #707070 1px dashed;
  margin: 32px 0;
}
.single .videodata .modal .item {
  width: 100%;
}
.single .videodata .modal .item img {
  max-height: 90px;
  margin-top: 10px;
  margin-bottom: 10px;
}
@media print, screen and (max-width: 1240px) {
  .single .videodata .modal .item img {
    display: block;
    margin: 10px auto;
  }
}
.single .videodata .modal .item .quote:nth-child(2n) {
  background-color: #ffffff;
}
.single .videodata .modal dl.template dt {
  position: relative;
  padding-left: 17px;
  width: 130px;
}
.single .videodata .modal dl.template dt::before {
  content: "";
  display: block;
  position: absolute;
  background-color: #3A3A3A;
  width: 9px;
  height: 9px;
  left: 0;
  top: 7px;
}
@media screen and (max-width: 899px) {
  .single .videodata .modal dl.template dt {
    width: 100%;
    margin-bottom: 10px;
  }
}
.single .videodata .modal dl.template dd {
  width: calc(100% - 130px);
}
@media screen and (max-width: 899px) {
  .single .videodata .modal dl.template dd {
    width: 100%;
  }
}
.single .videodata .modal .company {
  background-color: #33353A;
  color: #ffffff;
  padding: 25px 25px 5px 25px;
}
.single .videodata .modal .company dl.template dt {
  position: relative;
  padding-left: 0;
  width: 180px;
}
.single .videodata .modal .company dl.template dt::before {
  content: none;
}
@media screen and (max-width: 899px) {
  .single .videodata .modal .company dl.template dt {
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
  }
}
.single .videodata .modal .company dl.template dd {
  width: calc(100% - 180px);
}
@media screen and (max-width: 899px) {
  .single .videodata .modal .company dl.template dd {
    width: 100%;
    text-align: center;
  }
}
.single .videodata p {
  margin-top: 25px;
  margin-bottom: 32px;
  text-align: left;
  font-size: 18px;
  line-height: 26px;
}
@media screen and (max-width: 899px) {
  .single .videodata p {
    text-align: left;
  }
}
.single .videodata .video_sectiontitle_center {
  font-weight: 800;
  font-size: 18px;
  line-height: 1.5em;
  margin: 0 0 25px 0;
  text-align: center;
}
.single .videodata .flex-contents {
  display: flex;
}
@media screen and (max-width: 899px) {
  .single .videodata .flex-contents {
    flex-direction: column;
  }
}
.single .techpartner img {
  margin-top: 10px;
  margin-bottom: 10px;
}
@media print, screen and (max-width: 1240px) {
  .single .techpartner img {
    display: block;
    margin: 10px auto;
  }
}
.single .techpartner .quote {
  padding: 25px 10px 20px 10px;
}
.single .techpartner .quote:nth-of-type(2n+1) {
  background-color: #ffffff;
}
.single .techpartner table th {
  white-space: nowrap;
  text-align: left;
}
.single .techpartner table td {
  white-space: nowrap;
}
.single .techpartner dl.template dt {
  position: relative;
  padding-left: 17px;
  width: 130px;
}
.single .techpartner dl.template dt::before {
  content: "";
  display: block;
  position: absolute;
  background-color: #3A3A3A;
  width: 9px;
  height: 9px;
  left: 0;
  top: 7px;
}
@media screen and (max-width: 899px) {
  .single .techpartner dl.template dt {
    width: 100%;
    margin-bottom: 10px;
  }
}
.single .techpartner dl.template dd {
  width: calc(100% - 130px);
}
@media screen and (max-width: 899px) {
  .single .techpartner dl.template dd {
    width: 100%;
  }
}
.single .techpartner .company {
  background-color: #33353A;
  color: #ffffff;
  padding: 25px 25px 5px 25px;
}
.single .techpartner .company dl.template dt {
  position: relative;
  padding-left: 0;
  width: 180px;
}
.single .techpartner .company dl.template dt::before {
  content: none;
}
@media screen and (max-width: 899px) {
  .single .techpartner .company dl.template dt {
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
  }
}
.single .techpartner .company dl.template dd {
  width: calc(100% - 180px);
}
@media screen and (max-width: 899px) {
  .single .techpartner .company dl.template dd {
    width: 100%;
    text-align: center;
  }
}
.single .techpartner p {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.single.driver-list .bg {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 1999;
}
.single .driver {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.single .driver .modal {
  display: none;
  position: fixed;
  width: 500px;
  height: 300px;
  top: calc(50vh - 150px);
  left: calc(50% - 250px);
  background-color: #ffffff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  z-index: 2000;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 899px) {
  .single .driver .modal {
    width: calc(100% - 40px);
    left: 20px;
  }
}
@media screen and (max-width: 569px) {
  .single .driver .modal {
    height: 360px;
    top: calc(50vh - 180px);
  }
}
.single .driver .modal .close {
  position: absolute;
  content: "";
  display: block;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOC4wMSAyOC4yMiI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6bm9uZTtzdHJva2U6IzcwNzA3MDtzdHJva2Utd2lkdGg6NnB4O308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iYSIgZD0iTTIuMTMsMi4xNWwyMy43LDI0Ii8+PHBhdGggY2xhc3M9ImEiIGQ9Ik0yNS44NywyLjExLDIuMTQsMjYuMSIvPjwvc3ZnPg==") 50% 50% no-repeat;
  background-size: contain;
  overflow: hidden;
  text-indent: -300%;
  width: 24px;
  height: 24px;
  right: 10px;
  top: 10px;
}
@media screen and (max-width: 569px) {
  .single .driver .modal .close {
    width: 20px;
    height: 20px;
    right: 8px;
    top: 8px;
  }
}
.single .driver .modal .close:hover {
  transform: scale(1.1);
}
.single .driver .modal div {
  width: 75%;
  text-align: justify;
  margin-bottom: 1em;
}
.single .driver .modal form {
  width: 75%;
}
.single .driver .modal form input {
  margin: 0.5em;
}
.single .driver .modal form a {
  display: block;
  width: 100%;
  max-width: 308px;
  height: 51px;
  line-height: 51px;
  background-color: #33A5F2;
  color: #ffffff;
  margin: 0.5em auto;
  text-align: center;
}
.single .driver .modal form a.disabled {
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 0.5;
}
.single .driver .modal form a.disabled:hover {
  opacity: 0.5;
}
.single .driver .driver-name {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-size: 18px;
  line-height: 1.5em;
  width: calc(50% - 9px);
  margin-bottom: 20px;
}
@media screen and (max-width: 899px) {
  .single .driver .driver-name {
    width: 100%;
  }
}
.single .driver .driver-download {
  width: calc(50% - 9px);
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 899px) {
  .single .driver .driver-download {
    width: 100%;
  }
}
.single .driver .driver-download a {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #33A5F2;
  border: 2px solid #33A5F2;
  width: calc(25% - 4px);
  text-align: center;
}
.single .driver .driver-download a.download {
  width: calc(50% - 4px);
  background-color: #33A5F2;
  color: #ffffff;
}
.single .driver .driver-os {
  width: calc(50% - 9px);
  margin-bottom: 20px;
}
.single .driver .driver-os table {
  height: 100%;
}
.single .driver .driver-os th {
  text-align: start;
}
@media screen and (max-width: 899px) {
  .single .driver .driver-os {
    width: 100%;
  }
  .single .driver .driver-os td {
    display: block;
    border-top: none;
    padding-top: 0;
  }
  .single .driver .driver-os td:first-child {
    border-bottom: none;
    padding-bottom: 0;
    padding-top: 9px;
  }
}
.single .driver .driver-attention {
  width: calc(50% - 9px);
  margin-bottom: 20px;
}
@media screen and (max-width: 899px) {
  .single .driver .driver-attention {
    width: 100%;
  }
}
.single .driver ul {
  margin-top: 0.5em;
}
.single .driver ul li {
  display: list-item;
  list-style: disc;
  list-style-position: outside;
  margin-left: 2em;
  line-height: 1.5em;
  margin-bottom: 0.5em;
}
.single .driver-mouse {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.single .driver-mouse .driver-name {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-size: 18px;
  width: calc(50% - 9px);
  margin-bottom: 20px;
}
@media screen and (max-width: 899px) {
  .single .driver-mouse .driver-name {
    width: 100%;
    text-align: center;
  }
}
.single .driver-mouse .driver-download {
  width: calc(50% - 9px);
  margin-bottom: 20px;
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 899px) {
  .single .driver-mouse .driver-download {
    width: 100%;
  }
}
.single .driver-mouse .driver-download a {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #33A5F2;
  border: 2px solid #33A5F2;
  width: calc(25% - 4px);
  text-align: center;
}
.single .driver-mouse .driver-download a.download {
  width: calc(50% - 4px);
  background-color: #33A5F2;
  color: #ffffff;
}
@media screen and (max-width: 899px) {
  .single .driver-mouse .driver-download a.download {
    width: 100%;
  }
}
.single .driver-mouse .driver-attention {
  width: 100%;
  margin-bottom: 20px;
}
.single .driver-mouse ul {
  margin-top: 0.5em;
}
.single .driver-mouse ul li {
  display: list-item;
  list-style: disc;
  list-style-position: outside;
  margin-left: 2em;
  line-height: 1.5em;
  margin-bottom: 0.5em;
}
.single .accordion .driver {
  border-bottom: 1px solid #E0E3EA;
  margin-bottom: 20px;
}

.cats_block {
  width: 100%;
  margin-bottom: 15px;
}
.cats_block h2 {
  position: relative;
  background-color: #F6F8FB;
  padding-left: calc((100% - 1240px) / 2);
  height: 90px;
  display: flex;
  align-items: center;
}
@media print, screen and (max-width: 1240px) {
  .cats_block h2 {
    padding-left: 28px;
  }
}
@media screen and (max-width: 569px) {
  .cats_block h2 {
    justify-content: center;
  }
}
.cats_block h2 span {
  display: block;
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 25px;
  line-height: 30px;
}
@media screen and (max-width: 899px) {
  .cats_block h2 span {
    font-size: 20px;
    line-height: 25px;
  }
}
@media screen and (max-width: 569px) {
  .cats_block h2 span {
    padding-right: 50px;
    text-align: center;
  }
}
.cats_block h2::after {
  transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: rotate(-90deg);
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMC40NzYiIGhlaWdodD0iMjEuMjc1IiB2aWV3Qm94PSIwIDAgMzAuNDc2IDIxLjI3NSI+CiAgPHBhdGggaWQ9IuWkmuinkuW9ol81MyIgZGF0YS1uYW1lPSLlpJrop5LlvaIgNTMiIGQ9Ik0xNS4yMzgsMCwzMC40NzYsMjEuMjc1SDBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMC40NzYgMjEuMjc1KSByb3RhdGUoMTgwKSIgZmlsbD0iIzNhM2EzYSIvPgo8L3N2Zz4K");
  display: block;
  position: absolute;
  top: 35px;
  right: calc((100% - 1240px) / 2);
  width: 30px;
  height: 21px;
  cursor: pointer;
}
@media print, screen and (max-width: 1240px) {
  .cats_block h2::after {
    right: 28px;
  }
}
@media screen and (max-width: 569px) {
  .cats_block h2::after {
    right: 8px;
  }
}
.cats_block section {
  width: 1240px;
  margin: 0 auto;
  overflow-y: hidden;
  overflow-x: auto;
  height: 0;
  transition: height 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media screen and (max-width: 899px) {
  .cats_block section {
    width: 100%;
    margin-bottom: 40px;
  }
}
.cats_block section h3 {
  background-color: #F6F8FB;
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  padding-left: 25px;
  font-size: 20px;
  line-height: 42px;
}
.cats_block section h3::before {
  content: "■ ";
}
.cats_block section table {
  width: 100%;
}
.cats_block section table thead tr {
  border-bottom: 1px solid #B1B1B1;
}
.cats_block section table thead tr th {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  text-align: center;
  padding: 30px 5px;
  font-size: 20px;
  line-height: 20px;
  white-space: nowrap;
}
.cats_block section table tbody tr {
  border-bottom: 1px solid #B1B1B1;
}
.cats_block section table tbody tr th, .cats_block section table tbody tr td {
  font-family: "Shorai Sans StdN", sans-serif;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  padding: 30px 5px;
  vertical-align: middle;
  white-space: nowrap;
}
.cats_block section table tbody tr th span, .cats_block section table tbody tr td span {
  color: #DB5656;
}
.cats_block section table tbody tr th a, .cats_block section table tbody tr td a {
  text-decoration: none;
}
.cats_block section table tbody tr th {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 14px;
  line-height: 20px;
}
.cats_block.active h2::after {
  transform: rotate(0);
}
.cats_block.active section {
  margin: 35px auto 100px auto;
}

.ar .head {
  top: calc(60px + 2vh);
  font-size: 5vw;
  font-weight: bold;
  padding-top: 2vh;
}
@media screen and (min-width: 500px) {
  .ar .head {
    top: calc(100px + 1vh);
    font-size: 3vw;
    padding-top: 1vw;
  }
}
.ar .head p {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 5vw;
  font-weight: bold;
  padding-top: 2vh;
}
@media screen and (min-width: 500px) {
  .ar .head p {
    font-size: 3vw;
    padding-top: 1vw;
  }
}
.ar .icon_text {
  top: calc(60px + 66.5vh);
}
@media screen and (min-width: 500px) {
  .ar .icon_text {
    top: calc(100px + 66.5vh);
  }
}
.ar .prev {
  top: calc(60px + 57vh);
}
@media screen and (min-width: 500px) {
  .ar .prev {
    top: calc(100px + 57vh);
  }
}
.ar .next {
  top: calc(60px + 57vh);
}
@media screen and (min-width: 500px) {
  .ar .next {
    top: calc(100px + 57vh);
  }
}

.AR_list ul li a, .AR_list ul li a:visited {
  line-height: inherit;
}

.searchresult h1 {
  margin-bottom: 1em;
}
.searchresult div.searachitem {
  border: 1px solid #efefef;
  border-radius: 2px;
  padding: 1em;
}
.searchresult .algolia-search-box-wrapper {
  display: none;
}

/* social icon box ends here */
.instagram_sec {
  padding: 50px 0 116px;
}
@media screen and (max-width: 734px) {
  .instagram_sec {
    padding: 20px 0;
  }
}

.flw {
  /*float: left;*/
  width: 100%;
}

.instagram_sec h3 {
  margin-bottom: 50px;
  font-size: 50px;
  line-height: 1;
  color: #32353a;
  text-align: center;
  letter-spacing: 0;
  /*margin: 0;*/
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
}
@media screen and (max-width: 734px) {
  .instagram_sec h3 {
    font-size: 25px;
    margin-bottom: 20px;
  }
}

.instagram_sec h3 span {
  color: #33a5f2;
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
}

.social_iconbox ul.icon_box li a {
  display: inline-block;
  max-width: 60px;
}
@media screen and (max-width: 734px) {
  .social_iconbox ul.icon_box li a {
    max-width: 30px;
  }
}

.social_iconbox {
  width: 100%;
  text-align: center;
  margin-bottom: 50px;
}
@media screen and (max-width: 734px) {
  .social_iconbox {
    margin-bottom: 20px;
  }
}

.social_iconbox ul.icon_box li {
  margin: 0px;
  padding: 0px;
  display: inline-block;
  margin-right: 20px;
}

.social_insta_box {
  overflow: hidden;
  width: 100%;
  text-align: center;
  margin-bottom: 50px;
}
@media screen and (max-width: 734px) {
  .social_insta_box {
    margin-bottom: 0px;
  }
}

.insta_box {
  padding: 0 34px;
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 734px) {
  .insta_box {
    padding: 0 10px;
  }
}

.box {
  padding: 7.3%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  margin-right: 1%;
  margin-bottom: 1%;
  float: left;
  width: 15.83%;
}
@media screen and (max-width: 767px) {
  .box {
    padding: 23%;
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2%;
  }
}

.insta_box li:nth-child(6n+0) .box {
  margin-right: 0;
}

@media screen and (max-width: 767px) {
  .insta_box li:nth-child(2n+0) .box {
    margin-right: 0;
  }
}

.get-bg img {
  display: none;
}

/*事例ページボタン用*/
.linkbuttons_app {
  margin-top: 45px;
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .linkbuttons_app .br-sp {
    display: none;
  }
}
.linkbuttons_app li {
  display: block;
  width: 440px;
}
@media screen and (max-width: 767px) {
  .linkbuttons_app li {
    width: 340px;
  }
}
.linkbuttons_app a {
  padding: 20px 20px;
  display: block;
  width: 98%;
  background-color: #33A5F2;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 18px;
  line-height: 20px;
}
@media screen and (max-width: 767px) {
  .linkbuttons_app a {
    line-height: 25px;
  }
}

/*-------------------------------------------------
右ナビゲーション
-------------------------------------------------*/
.r_banner_box {
  position: fixed;
  bottom: 0px;
  right: 0px;
  /*padding: 10px 0 10px 10px;*/ /*四角い背景*/
  /*background-color: rgba(0, 0, 0, .1);*/ /*四角い背景*/
  /*border-radius: 6px 0 0 6px;*/ /*四角い背景*/
  z-index: 100;
  width: 320px;
}
@media screen and (max-width: 1240px) {
  .r_banner_box {
    width: 250px;
    bottom: 35px;
  }
}
@media screen and (max-width: 899px) {
  .r_banner_box {
    /*display:none;*/
    width: 200px;
    bottom: 35px;
  }
}

.r_banner_box a img {
  transition: all 0.15s linear;
}

.r_banner_box a img:hover {
  opacity: 0.7;
}

.disappear {
  right: -290px;
}

.r_banner {
  margin: 0 0 -30px 0;
  padding: 0;
  font-size: 4em;
}

.r_banner:last-child {
  margin-bottom: 0;
}

/*-------------------------------------------------
ソリューションページアニメーション
-------------------------------------------------*/
.edgeconnect_video {
  width: 100%;
}
@media screen and (max-width: 899px) {
  .edgeconnect_video {
    width: 80vw;
  }
}

/*-------------------------------------------------
パートナーページスタイル
-------------------------------------------------*/
.corporait_section {
  display: flex;
  align-items: center;
  margin-bottom: 22px;
}

.div_img_flex4 {
  display: flex;
  width: 100%;
  flex-flow: row wrap;
  gap: 10px;
}

.div_img_flex4_contents {
  width: calc((100% - 50px) / 4);
  overflow: hidden;
  position: relative;
}

.img_img_flex4_contents {
  width: 100%;
}

.partner_product_cap {
  font-weight: bold;
  font-family: "Shorai Sans StdN Bold", sans-serif;
  text-align: center;
}

/*-------------------------------------------------
LP用スタイル
-------------------------------------------------*/
.lp_bold {
  font-family: "Shorai Sans StdN Bold", sans-serif;
}

.lp_main_img {
  max-width: 100%;
}
@media print, screen and (max-width: 1240px) {
  .lp_main_img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 450px;
  }
}
.triangle {
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #33353A;
  margin: 30px auto;
}

.lp_bg_g {
  max-width: 100%;
  background-color: #EEF1F7;
  text-align: center;
}

.lp_bg_w {
  max-width: 100%;
  background-color: #FFF;
}

.lp_title_1 {
  font-size: 30px;
  font-weight: bold;
  padding: 20px calc(50vw - 50% + 0px);
  width: 100%;
  background-color: #FFF;
}
@media screen and (max-width: 600px) {
  .lp_title_1 {
    font-size: 22px;
  }
}

.container_lp {
  max-width: 1680px;
  margin: 0 auto;
  padding-top: 25px;
  padding-bottom: 35px;
}
.container_lp .lp_sec_title {
  text-align: center;
  line-height: 40px;
  margin-bottom: 20px;
}
.container_lp .lp_sec_subtitle {
  font-size: 25px;
  text-align: center;
}
.container_lp .lp_b {
  color: #33A5F2;
}

.lp1_title {
  position: absolute;
  top: 195px;
  left: 140px;
  color: #FFF;
}
@media screen and (max-width: 1440px) {
  .lp1_title {
    top: 105px;
  }
}
@media print, screen and (max-width: 1240px) {
  .lp1_title {
    top: 70px;
    left: 60px;
  }
}
@media screen and (max-width: 899px) {
  .lp1_title {
    left: 0px;
  }
}
@media screen and (max-width: 600px) {
  .lp1_title {
    text-align: center;
  }
}
.lp1_title img.logo_1 {
  width: 80px;
  margin-right: 40px;
}
@media print, screen and (max-width: 1240px) {
  .lp1_title img.logo_1 {
    width: 60px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 899px) {
  .lp1_title img.logo_1 {
    width: 80px;
    padding-left: 20px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 483px) {
  .lp1_title img.logo_1 {
    padding-left: 0px;
    margin-bottom: 10px;
  }
}
.lp1_title img.logo_2 {
  width: 520px;
}
@media print, screen and (max-width: 1240px) {
  .lp1_title img.logo_2 {
    width: 400px;
  }
}
@media screen and (max-width: 899px) {
  .lp1_title img.logo_2 {
    padding: 0px 20px;
  }
}
.lp1_title h2 {
  font-size: 46px;
  background: #0069FF;
  margin: 10px calc(72% - 626px);
  padding: 30px 15px 25px 160px;
  width: 840px;
  border-radius: 0px 50px 50px 0px;
}
@media print, screen and (max-width: 1240px) {
  .lp1_title h2 {
    font-size: 36px;
    background: #0069FF;
    margin: 10px calc(72% - 510px);
    padding: 30px 15px 25px 160px;
    width: 700px;
    border-radius: 0px 50px 50px 0px;
  }
}
@media screen and (max-width: 899px) {
  .lp1_title h2 {
    margin: 10px calc(72% - 490px);
  }
}
@media screen and (max-width: 600px) {
  .lp1_title h2 {
    font-size: 26px;
    padding: 20px 20px;
    margin: 10px 0px;
    width: 100vw;
    border-radius: 0px;
    line-height: 32px;
  }
}
.lp1_title h2 .lp_ls {
  letter-spacing: -2px;
}
.lp1_title p {
  font-size: 30px;
  line-height: 36px;
  letter-spacing: 2px;
}
.lp1_title p .min_size {
  font-size: 20px;
  margin: 0px 4px;
}
@media print, screen and (max-width: 1240px) {
  .lp1_title p .min_size {
    font-size: 16px;
  }
}
@media screen and (max-width: 899px) {
  .lp1_title p .min_size {
    font-size: 12px;
  }
}
@media print, screen and (max-width: 1240px) {
  .lp1_title p {
    font-size: 22px;
    line-height: 28px;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 899px) {
  .lp1_title p {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 1px;
    padding: 0px 20px;
  }
}

div.lp_problems {
  font-family: "Shorai Sans StdN Bold", sans-serif;
}
div.lp_problems p.lp_subtitle_1 {
  font-weight: bold;
  background-color: #FFF;
  padding: 10px 10px;
  border-radius: 27px;
  width: 510px;
  margin: 0 auto;
  font-size: 24px;
}
@media screen and (max-width: 600px) {
  div.lp_problems p.lp_subtitle_1 {
    font-size: 20px;
    width: 95%;
  }
}
div.lp_problems p.lp_caption_1 {
  font-size: 34px;
  margin-top: 40px;
}
div.lp_problems p.lp_caption_1 span {
  background: linear-gradient(transparent 30%, #93CBF3 0%);
  margin-top: 40px;
  font-family: "Shorai Sans StdN Bold", sans-serif;
}
@media print, screen and (max-width: 1240px) {
  div.lp_problems p.lp_caption_1 {
    font-size: 26px;
    margin-top: 30px;
    line-height: 34px;
    padding: 0 20px;
  }
}
div.lp_problems ul {
  display: table;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  list-style: none;
  padding: 0;
  margin-top: 20px;
}
@media print, screen and (max-width: 1240px) {
  div.lp_problems ul {
    padding: 0 20px;
  }
}
div.lp_problems ul li {
  font-size: 20px;
  font-weight: bold;
  margin-top: 20px;
  font-family: "Shorai Sans StdN Bold", sans-serif;
  padding-left: 1em;
  text-indent: -1em;
}
@media print, screen and (max-width: 1240px) {
  div.lp_problems ul li {
    font-size: 18px;
    margin-top: 10px;
  }
}
div.lp_problems ul li span {
  color: #3BA6EF;
  font-family: "Shorai Sans StdN Bold", sans-serif;
}
div.lp_problems img {
  max-width: 760px;
  margin-top: 30px;
}
@media screen and (max-width: 899px) {
  div.lp_problems img {
    max-width: 95%;
  }
}
div.lp_problems p.lp_caption_2 {
  font-size: 20px;
  font-weight: bold;
}
@media print, screen and (max-width: 1240px) {
  div.lp_problems p.lp_caption_2 {
    padding: 0 20px;
  }
}

button.button_lp {
  background-color: #FFF;
  padding: 10px 40px;
  border-radius: 27px;
  margin: 20px 5px 5px 5px;
  font-size: 24px;
  border: none;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  font-family: "Shorai Sans StdN Bold", sans-serif;
  color: #3A3A3A;
}
@media screen and (max-width: 899px) {
  button.button_lp {
    margin-left: 20px;
  }
}
@media screen and (max-width: 600px) {
  button.button_lp {
    font-size: 16px;
  }
}

/*以下あとで整理する*/
.lp_flex_bgb_L {
  background-color: #0069FF; /* 背景色指定 */
  padding: 30px 50px; /* 余白指定 */
  align-items: center;
  justify-content: space-between;
  border-radius: 0 9999px 9999px 0;
  margin-right: 3vw;
  margin-bottom: 50px;
}
@media print, screen and (max-width: 1240px) {
  .lp_flex_bgb_L {
    border-radius: 0;
    margin-right: 0;
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 899px) {
  .lp_flex_bgb_L {
    padding: 15px 15px;
  }
}
.lp_flex_bgb_L button {
  margin-top: 0px;
  color: #3A3A3A;
}
@media print, screen and (max-width: 1240px) {
  .lp_flex_bgb_L button {
    float: left;
    margin-top: -40px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 600px) {
  .lp_flex_bgb_L button {
    font-size: 16px;
    width: 100%;
  }
}
.lp_flex_bgb_L div.lp_flex_box {
  display: flex;
  align-items: center;
}
@media print, screen and (max-width: 1240px) {
  .lp_flex_bgb_L div.lp_flex_box {
    flex-direction: column-reverse;
  }
}
.lp_flex_bgb_L div.lp_flex_box .lp_flex_item {
  padding: 10px;
  color: #fff; /* 文字色 */
  margin: 10px; /* 外側の余白 */
  border-radius: 5px; /* 角丸指定 */
  width: 50%;
}
@media print, screen and (max-width: 1240px) {
  .lp_flex_bgb_L div.lp_flex_box .lp_flex_item {
    width: 100%;
  }
}
.lp_flex_bgb_L div.lp_flex_box .lp_flex_item p.flex_title {
  font-size: 36px;
  margin-bottom: 30px;
  padding-right: 100px;
  position: relative;
  top: -70px;
  line-height: 40px;
}
@media print, screen and (max-width: 1240px) {
  .lp_flex_bgb_L div.lp_flex_box .lp_flex_item p.flex_title {
    padding-right: 0;
  }
}
@media screen and (max-width: 899px) {
  .lp_flex_bgb_L div.lp_flex_box .lp_flex_item p.flex_title {
    font-size: 30px;
    line-height: 34px;
  }
}
@media print, screen and (max-width: 1240px) {
  .lp_flex_bgb_L div.lp_flex_box .lp_flex_item img.lp_point_img {
    margin: auto;
    display: block;
    max-width: 85%;
    margin-top: -50px;
  }
}
.lp_flex_bgb_L div.lp_flex_box .lp_flex_item img.num {
  height: 160px;
}
.lp_flex_bgb_L div.lp_flex_box .lp_flex_item p.flex_text {
  font-size: 18px;
  padding-right: 190px;
  position: relative;
  top: -70px;
  line-height: 28px;
}
@media print, screen and (max-width: 1240px) {
  .lp_flex_bgb_L div.lp_flex_box .lp_flex_item p.flex_text {
    padding-right: 0;
  }
}

.lp_flex_bgg_L {
  background-color: #E0E3EA; /* 背景色指定 */
  padding: 30px 50px; /* 余白指定 */
  align-items: center;
  justify-content: space-between;
  border-radius: 0 9999px 9999px 0;
  margin-right: 3vw;
  margin-bottom: 50px;
}
@media print, screen and (max-width: 1240px) {
  .lp_flex_bgg_L {
    border-radius: 0;
    margin-right: 0;
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 899px) {
  .lp_flex_bgg_L {
    padding: 15px 15px;
  }
}
.lp_flex_bgg_L button {
  margin-top: 0px;
  float: right;
  color: #3A3A3A;
}
@media print, screen and (max-width: 1240px) {
  .lp_flex_bgg_L button {
    float: left;
    margin-top: -40px;
    margin-bottom: 40px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 600px) {
  .lp_flex_bgg_L button {
    font-size: 16px;
    width: 100%;
  }
}
.lp_flex_bgg_L div.lp_flex_box {
  display: flex;
  align-items: center;
}
@media print, screen and (max-width: 1240px) {
  .lp_flex_bgg_L div.lp_flex_box {
    flex-direction: column-reverse;
  }
}
.lp_flex_bgg_L div.lp_flex_box .lp_flex_item {
  padding: 10px;
  color: #33353A; /* 文字色 */
  margin: 10px; /* 外側の余白 */
  border-radius: 5px; /* 角丸指定 */
  width: 50%;
}
@media print, screen and (max-width: 1240px) {
  .lp_flex_bgg_L div.lp_flex_box .lp_flex_item {
    width: 100%;
  }
}
.lp_flex_bgg_L div.lp_flex_box .lp_flex_item p.flex_title {
  font-size: 36px;
  margin-bottom: 30px;
  padding-right: 100px;
  position: relative;
  top: -70px;
  line-height: 40px;
}
@media print, screen and (max-width: 1240px) {
  .lp_flex_bgg_L div.lp_flex_box .lp_flex_item p.flex_title {
    padding-right: 0;
  }
}
@media screen and (max-width: 899px) {
  .lp_flex_bgg_L div.lp_flex_box .lp_flex_item p.flex_title {
    font-size: 30px;
    line-height: 34px;
  }
}
@media print, screen and (max-width: 1240px) {
  .lp_flex_bgg_L div.lp_flex_box .lp_flex_item img.lp_point_img {
    margin: auto;
    display: block;
    max-width: 85%;
    margin-top: -50px;
  }
}
.lp_flex_bgg_L div.lp_flex_box .lp_flex_item img.num {
  height: 160px;
}
.lp_flex_bgg_L div.lp_flex_box .lp_flex_item p.flex_text {
  font-size: 18px;
  position: relative;
  top: -70px;
  line-height: 28px;
  padding-right: 140px;
}
@media print, screen and (max-width: 1240px) {
  .lp_flex_bgg_L div.lp_flex_box .lp_flex_item p.flex_text {
    padding-right: 0;
  }
}

.lp_flex_bgb_R {
  background-color: #0069FF; /* 背景色指定 */
  padding: 30px 50px; /* 余白指定 */
  align-items: center;
  justify-content: space-between;
  border-radius: 9999px 0 0 9999px;
  margin-left: 3vw;
  margin-bottom: 50px;
}
@media print, screen and (max-width: 1240px) {
  .lp_flex_bgb_R {
    border-radius: 0;
    margin-left: 0;
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 899px) {
  .lp_flex_bgb_R {
    padding: 15px 15px;
  }
}
.lp_flex_bgb_R button {
  margin-top: 0px;
  float: right;
  color: #3A3A3A;
}
@media print, screen and (max-width: 1240px) {
  .lp_flex_bgb_R button {
    float: left;
    margin-top: -40px;
  }
}
@media screen and (max-width: 600px) {
  .lp_flex_bgb_R button {
    font-size: 16px;
    width: 100%;
  }
}
.lp_flex_bgb_R div.lp_flex_box {
  display: flex;
  align-items: center;
}
@media print, screen and (max-width: 1240px) {
  .lp_flex_bgb_R div.lp_flex_box {
    flex-direction: column;
  }
}
.lp_flex_bgb_R div.lp_flex_box .lp_flex_item {
  padding: 10px;
  color: #FFF; /* 文字色 */
  margin: 10px; /* 外側の余白 */
  border-radius: 5px; /* 角丸指定 */
  width: 50%;
}
@media print, screen and (max-width: 1240px) {
  .lp_flex_bgb_R div.lp_flex_box .lp_flex_item {
    width: 100%;
  }
}
.lp_flex_bgb_R div.lp_flex_box .lp_flex_item p.flex_title {
  font-size: 36px;
  margin-bottom: 30px;
  padding-left: 100px;
  position: relative;
  top: -70px;
  line-height: 40px;
}
@media print, screen and (max-width: 1240px) {
  .lp_flex_bgb_R div.lp_flex_box .lp_flex_item p.flex_title {
    padding-left: 0;
  }
}
@media screen and (max-width: 899px) {
  .lp_flex_bgb_R div.lp_flex_box .lp_flex_item p.flex_title {
    font-size: 30px;
    line-height: 34px;
  }
}
@media print, screen and (max-width: 1240px) {
  .lp_flex_bgb_R div.lp_flex_box .lp_flex_item img.lp_point_img {
    margin: auto;
    display: block;
    max-width: 85%;
    margin-top: -50px;
  }
}
.lp_flex_bgb_R div.lp_flex_box .lp_flex_item img.num {
  height: 160px;
  padding-left: 100px;
}
@media print, screen and (max-width: 1240px) {
  .lp_flex_bgb_R div.lp_flex_box .lp_flex_item img.num {
    padding-left: 0;
  }
}
.lp_flex_bgb_R div.lp_flex_box .lp_flex_item p.flex_text {
  font-size: 18px;
  padding-left: 100px;
  position: relative;
  top: -70px;
  line-height: 28px;
  padding-right: 80px;
}
@media print, screen and (max-width: 1240px) {
  .lp_flex_bgb_R div.lp_flex_box .lp_flex_item p.flex_text {
    padding-right: 0;
    padding-left: 0;
  }
}

.lp_flex_bgg_R {
  background-color: #E0E3EA; /* 背景色指定 */
  padding: 30px 50px; /* 余白指定 */
  align-items: center;
  justify-content: space-between;
  border-radius: 9999px 0 0 9999px;
  margin-left: 3vw;
  margin-bottom: 50px;
}
@media print, screen and (max-width: 1240px) {
  .lp_flex_bgg_R {
    border-radius: 0;
    margin-left: 0;
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 899px) {
  .lp_flex_bgg_R {
    padding: 15px 15px;
  }
}
.lp_flex_bgg_R button {
  margin-top: 0px;
  float: right;
  color: #3A3A3A;
  margin: 5px;
}
@media print, screen and (max-width: 1240px) {
  .lp_flex_bgg_R button {
    float: left;
    margin-top: -40px;
    margin-bottom: 40px;
    margin: 5px;
  }
}
@media screen and (max-width: 899px) {
  .lp_flex_bgg_R button {
    margin: 5px;
  }
}
@media screen and (max-width: 600px) {
  .lp_flex_bgg_R button {
    font-size: 16px;
    width: 100%;
  }
}
.lp_flex_bgg_R div.lp_flex_box {
  display: flex;
  align-items: center;
}
@media print, screen and (max-width: 1240px) {
  .lp_flex_bgg_R div.lp_flex_box {
    flex-direction: column;
  }
}
.lp_flex_bgg_R div.lp_flex_box .lp_flex_item {
  padding: 10px;
  color: #33353A; /* 文字色 */
  margin: 10px; /* 外側の余白 */
  border-radius: 5px; /* 角丸指定 */
  width: 50%;
}
@media print, screen and (max-width: 1240px) {
  .lp_flex_bgg_R div.lp_flex_box .lp_flex_item {
    width: 100%;
  }
}
.lp_flex_bgg_R div.lp_flex_box .lp_flex_item p.flex_title {
  font-size: 36px;
  margin-bottom: 30px;
  padding-left: 100px;
  position: relative;
  top: -70px;
  line-height: 40px;
}
@media print, screen and (max-width: 1240px) {
  .lp_flex_bgg_R div.lp_flex_box .lp_flex_item p.flex_title {
    padding-left: 0;
  }
}
@media screen and (max-width: 899px) {
  .lp_flex_bgg_R div.lp_flex_box .lp_flex_item p.flex_title {
    font-size: 30px;
    line-height: 34px;
  }
}
@media print, screen and (max-width: 1240px) {
  .lp_flex_bgg_R div.lp_flex_box .lp_flex_item img.lp_point_img {
    margin: auto;
    display: block;
    max-width: 85%;
    margin-top: -50px;
  }
}
.lp_flex_bgg_R div.lp_flex_box .lp_flex_item img.num {
  height: 160px;
  padding-left: 100px;
}
@media print, screen and (max-width: 1240px) {
  .lp_flex_bgg_R div.lp_flex_box .lp_flex_item img.num {
    padding-left: 0;
  }
}
.lp_flex_bgg_R div.lp_flex_box .lp_flex_item p.flex_text {
  font-size: 18px;
  padding-left: 100px;
  position: relative;
  top: -70px;
  line-height: 28px;
  padding-right: 128px;
}
@media print, screen and (max-width: 1240px) {
  .lp_flex_bgg_R div.lp_flex_box .lp_flex_item p.flex_text {
    padding-right: 0;
    padding-left: 0;
  }
}

/*以上あとで整理する*/
/*ここからLP事例用アコーディオン*/
.lp_accordion {
  margin-top: 50px;
}
.lp_accordion .lp_accordion-001 {
  max-width: 1400px;
  background-color: #f0f5f9;
  margin: 0 auto;
}
.lp_accordion .lp_accordion-001:not([open]) {
  margin-bottom: 7px;
  margin: 0 auto;
}
.lp_accordion .lp_accordion-001 summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 1em 2em;
  border-radius: 5px;
  background-color: #33353a;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
  margin: 0px 10px 4px 10px;
  font-size: 18px;
}
@media screen and (max-width: 899px) {
  .lp_accordion .lp_accordion-001 summary {
    font-size: 14px;
    text-align: left;
    padding: 1em 1em;
  }
}
.lp_accordion .lp_accordion-001 summary::-webkit-details-marker {
  display: none;
}
.lp_accordion .lp_accordion-001 summary::after {
  transform: translateY(-25%) rotate(45deg);
  width: 7px;
  height: 7px;
  margin-left: 10px;
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
  content: "";
  transition: transform 0.3s;
}
.lp_accordion .lp_accordion-001[open] summary::after {
  transform: rotate(225deg);
}
.lp_accordion .lp_accordion-001 div.lp_acc_container {
  transform: translateY(-10px);
  opacity: 0;
  margin: 0;
  padding: 1em 2em 2em 2em;
  color: #333333;
  transition: transform 0.5s, opacity 0.5s;
  text-align: left;
  padding: 20px 90px;
}
@media print, screen and (max-width: 1240px) {
  .lp_accordion .lp_accordion-001 div.lp_acc_container {
    padding: 10px 20px;
  }
}
.lp_accordion .lp_accordion-001[open] div.lp_acc_container {
  transform: none;
  opacity: 1;
  background-color: #FFF;
  margin: 0px 10px 4px 10px;
}
.lp_accordion .lp_acc_border {
  border-bottom: 2px solid #DFDFDF;
}
.lp_accordion .lp_acc_interval {
  margin-top: 15px;
  padding-bottom: 15px;
  font-size: 18px;
  line-height: 30px;
}
@media print, screen and (max-width: 1240px) {
  .lp_accordion .lp_acc_interval {
    font-size: 16px;
    line-height: 22px;
  }
}
.lp_accordion .lp_acc_interval li {
  padding-left: 1em;
  text-indent: -1em;
  margin-bottom: 5px;
}
.lp_accordion .lp_acc_interval p {
  margin-bottom: 5px;
}
.lp_accordion .lp_acc_flexbox {
  display: flex;
  max-width: 1200px;
  justify-content: space-between;
  margin-top: 10px;
}
.lp_accordion .lp_acc_flexbox .lp_acc_contents {
  max-width: 49%;
  height: auto;
}

.lp_flexbutton {
  display: flex;
  justify-content: center;
  color: #3A3A3A;
}
@media screen and (max-width: 600px) {
  .lp_flexbutton {
    flex-direction: column;
    margin-top: 20px;
  }
}

.lp_button_b {
  margin: 50px 10px 20px 10px;
}
@media screen and (max-width: 600px) {
  .lp_button_b {
    width: 95%;
    margin: 0;
    font-size: 16px;
  }
}

.bottom_lp {
  padding: 10px 0px;
  text-align: center;
  background-color: white;
}
.bottom_lp .bottom_lp_sec {
  justify-content: center;
}

/*ここまでLP事例用アコーディオン*/
/*lp2*/
.lp2_title {
  position: absolute;
  color: #FFF;
  text-align: center;
  top: 195px;
  right: 0;
  left: 0;
  margin: auto;
}
@media screen and (max-width: 1440px) {
  .lp2_title {
    top: 105px;
  }
}
@media print, screen and (max-width: 1240px) {
  .lp2_title {
    top: 70px;
    left: 60px;
  }
}
@media screen and (max-width: 899px) {
  .lp2_title {
    left: 0px;
  }
}
@media screen and (max-width: 600px) {
  .lp2_title {
    text-align: center;
  }
}
.lp2_title img.logo_2 {
  width: 80px;
}
@media print, screen and (max-width: 1240px) {
  .lp2_title img.logo_2 {
    width: 60px;
  }
}
@media screen and (max-width: 899px) {
  .lp2_title img.logo_2 {
    width: 80px;
  }
}
@media screen and (max-width: 483px) {
  .lp2_title img.logo_2 {
    padding-left: 0px;
    margin-bottom: 10px;
  }
}
.lp2_title img.logo_2 {
  width: 520px;
}
@media print, screen and (max-width: 1240px) {
  .lp2_title img.logo_2 {
    width: 400px;
  }
}
@media screen and (max-width: 899px) {
  .lp2_title img.logo_2 {
    padding: 0px 20px;
  }
}
.lp2_title h2 {
  font-size: 50px;
  padding: 50px 0px;
  letter-spacing: 2px;
}
@media print, screen and (max-width: 1240px) {
  .lp2_title h2 {
    font-size: 36px;
    padding: 30px 0px;
  }
}
@media screen and (max-width: 899px) {
  .lp2_title h2 {
    margin: 10px calc(72% - 490px);
  }
}
@media screen and (max-width: 600px) {
  .lp2_title h2 {
    font-size: 26px;
    padding: 20px 20px;
    margin: 10px 0px;
    width: 100vw;
    border-radius: 0px;
    line-height: 32px;
  }
}
.lp2_title p {
  font-size: 28px;
  line-height: 36px;
  letter-spacing: 2px;
}
.lp2_title p .min_size {
  font-size: 20px;
  margin: 0px 4px;
}
@media print, screen and (max-width: 1240px) {
  .lp2_title p .min_size {
    font-size: 16px;
  }
}
@media screen and (max-width: 899px) {
  .lp2_title p .min_size {
    font-size: 12px;
  }
}
@media print, screen and (max-width: 1240px) {
  .lp2_title p {
    font-size: 22px;
    line-height: 28px;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 899px) {
  .lp2_title p {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 1px;
    padding: 0px 20px;
  }
}

.container_lp2--wide {
  max-width: 1620px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
  text-align: center;
}

.lp2_section-problems {
  background-color: #f1f4f9;
}
.lp2_section-problems .container_lp2 {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0px 20px;
  box-sizing: border-box;
}

.container_lp2 {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0px 20px;
  box-sizing: border-box;
}
.container_lp2 .lp2_problems {
  text-align: center;
  padding: 50px 0px;
}
.container_lp2 .lp2_problems__label {
  font-size: 20px;
  margin-bottom: 10px;
  color: #333;
}
@media (max-width: 768px) {
  .container_lp2 .lp2_problems__label {
    font-size: 16px;
  }
}
.container_lp2 .lp2_problems__title {
  font-size: 30px;
  margin-bottom: 40px;
  color: #333;
  font-family: "Shorai Sans StdN Bold";
  line-height: 1.4;
}
@media (max-width: 768px) {
  .container_lp2 .lp2_problems__title {
    font-size: 24px;
  }
}
.container_lp2 .lp2_problems__cards {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}
.container_lp2 .lp2_problems__cards .lp2_problems__card {
  flex: 1 1 30%;
  max-width: 360px;
  margin: 0 auto;
  text-align: center;
}
.container_lp2 .lp2_problems__cards .lp2_problems__card .lp2_problems__img {
  width: 250px;
  height: auto;
  margin-bottom: 15px;
}
.container_lp2 .lp2_problems__cards .lp2_problems__card .lp2_problems__heading {
  font-size: 18px;
  color: #007aff;
  font-weight: bold;
  margin-bottom: 10px;
}
.container_lp2 .lp2_problems__cards .lp2_problems__card .lp2_problems__text {
  font-size: 16px;
  line-height: 1.6;
  color: #333;
}
.container_lp2 .lp2_problems__cards .lp2_problems__card .lp2_problems__text .strong {
  color: #007aff;
  font-weight: bold;
}
@media (max-width: 768px) {
  .container_lp2 .lp2_problems__cards {
    flex-direction: column;
    align-items: center;
  }
  .container_lp2 .lp2_problems__cards .lp2_problems__card {
    max-width: 100%;
  }
}
.container_lp2 .lp2_solution {
  text-align: center;
  padding: 100px 0px;
}
.container_lp2 .lp2_solution__title {
  font-size: 30px;
  margin-bottom: 20px;
  color: #333;
  font-family: "Shorai Sans StdN Bold";
  line-height: 1.4;
}
@media (max-width: 768px) {
  .container_lp2 .lp2_solution__title {
    font-size: 24px;
  }
}
.container_lp2 .lp2_solution__title span {
  color: #007aff;
  font-family: "Shorai Sans StdN Bold";
}
.container_lp2 .lp2_solution__text {
  font-size: 16px;
  line-height: 1.8;
  color: #333;
  margin-bottom: 100px;
}
.container_lp2 .lp2_gallery__top {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .container_lp2 .lp2_gallery__top {
    grid-template-columns: 1fr;
  }
}
.container_lp2 .lp2_gallery__bottom {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media (max-width: 768px) {
  .container_lp2 .lp2_gallery__bottom {
    grid-template-columns: 1fr;
  }
}
.container_lp2 .lp2_gallery__item {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.container_lp2 .lp2_gallery__item img {
  width: 100%;
  height: auto;
  display: block;
}
@media (max-width: 768px) {
  .container_lp2 .lp2_gallery__item img {
    height: 200px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.container_lp2 .lp2_gallery__item__caption {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: rgba(0, 102, 255, 0.9);
  color: #fff;
  text-align: center;
  padding: 10px;
  font-size: 16px;
  box-sizing: border-box;
}

.lp2_features {
  padding: 50px 20px;
  background: #fff;
}
.lp2_features .container_lp2 {
  max-width: 1240px;
  margin: 0 auto;
  text-align: center;
}
.lp2_features__title {
  font-size: 30px;
  margin-bottom: 30px;
  font-family: "Shorai Sans StdN Bold";
  line-height: 1.4;
  text-align: center;
}
@media (max-width: 768px) {
  .lp2_features__title {
    font-size: 24px;
  }
}
.lp2_features__title span {
  color: #007aff;
  font-family: "Shorai Sans StdN Bold";
}
.lp2_features__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
  margin-bottom: 60px;
}
@media (max-width: 768px) {
  .lp2_features__grid {
    grid-template-columns: 1fr;
  }
}
.lp2_features__card {
  border: 2px dotted #007aff;
  padding: 30px 20px;
  border-radius: 12px;
  background: #fff;
  text-align: center;
}
.lp2_features__card-title {
  font-size: 30px;
  font-family: "Shorai Sans StdN Bold";
  margin-bottom: 20px;
  text-align: center;
  line-height: 1.2;
}
@media (max-width: 768px) {
  .lp2_features__card-title {
    font-size: 24px;
  }
}
.lp2_features__card-text {
  font-size: 16px;
  line-height: 1.4;
  color: #333;
}
.lp2_features__img {
  max-width: 80%;
  height: auto;
  margin-top: 20px;
}
.lp2_features__cta {
  margin-top: 40px;
}
.lp2_features__cta-button {
  display: inline-block;
  background-color: #007aff;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  padding: 15px 30px;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  transition: background-color 0.3s ease;
}
.lp2_features__cta-button:hover {
  background-color: #005fc4;
}

.lp2_company {
  padding: 50px 20px 100px;
  background: #fff;
  text-align: center;
}
.lp2_company .container_lp2 {
  max-width: 1240px;
  margin: 0 auto;
}
.lp2_company__logo-group {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-bottom: 25px;
}
@media (max-width: 768px) {
  .lp2_company__logo-group {
    flex-direction: column;
  }
}
.lp2_company__logo--elo {
  width: 87px;
  height: auto;
}
.lp2_company__logo--text {
  width: 580px;
  width: auto;
}
.lp2_company__text {
  font-size: 16px;
  line-height: 1.6;
  color: #444;
}
.lp2_company__text span {
  color: #007aff;
  font-weight: bold;
}

button.button_lp2__white {
  background-color: white;
  padding: 10px 40px;
  margin: 20px 5px 5px 5px;
  font-size: 24px;
  border: none;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  font-family: "Shorai Sans StdN Bold", sans-serif;
  color: #3A3A3A;
}
@media (max-width: 768px) {
  button.button_lp2__white {
    font-size: 16px;
    margin: 10px 5px 5px 5px;
    width: 70%;
  }
}
button.button_lp2__blue {
  background-color: blue;
  padding: 10px 40px;
  margin: 20px 5px 5px 5px;
  font-size: 24px;
  border: none;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  font-family: "Shorai Sans StdN Bold", sans-serif;
  color: white;
}
@media (max-width: 768px) {
  button.button_lp2__blue {
    font-size: 16px;
    margin: 10px 5px 5px 5px;
    width: 70%;
  }
}
@media screen and (max-width: 899px) {
  button.button_lp2 {
    margin-left: 20px;
  }
}
@media screen and (max-width: 600px) {
  button.button_lp2 {
    font-size: 16px;
  }
}

.lp2_modal { /* 🟧モーダル全体 */
  display: flex; /* Flexboxを使う */
  justify-content: center; /* 横方向センター */
  align-items: center; /* 縦方向センター ← ここで上下中央に */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 9999;
}

.lp2_modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.lp2_modal__content {
  background: #fff;
  max-width: 800px;
  width: 90%;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  text-align: center;
}

.lp2_modal__close {
  position: absolute;
  top: 16px;
  right: 20px;
  font-size: 24px;
  cursor: pointer;
  color: #333;
}

.lp2_modal__image img {
  width: 100%;
  height: auto;
  display: block;
}

.lp2_modal__text {
  padding: 24px;
}

.lp2_modal__text h3 {
  font-size: 20px;
  margin-bottom: 12px;
  /*font-family: 'Shorai Sans StdN Bold', sans-serif;*/
}

.lp2_modal__text p {
  font-size: 14px;
  color: #333;
  margin-bottom: 20px;
}

.lp2_modal__button {
  background-color: #0072ed;
  color: #fff;
  padding: 12px 24px;
  border-radius: 6px;
  text-decoration: none;
  font-weight: bold;
}

/*lp2*/
/* social icon box ends end */
@supports (-webkit-touch-callout: none) {
  body {
    /* The hack for Safari */
    height: -webkit-fill-available;
  }
}
body {
  width: 100%;
}
body header {
  width: 100%;
  position: fixed;
  top: 0;
  background-color: #ffffff;
  z-index: 1000;
  height: 100px;
}
@media print, screen and (max-width: 1240px) {
  body header {
    height: 8.1111111111vw;
  }
}
@media screen and (max-width: 899px) {
  body header {
    height: 60px;
  }
}
body.customize-support header {
  top: 32px;
}
@media screen and (max-width: 782px) {
  body.customize-support header {
    top: 46px;
  }
}
body main {
  margin-top: 100px;
}
@media print, screen and (max-width: 1240px) {
  body main {
    margin-top: 8.1111111111vw;
  }
}
@media screen and (max-width: 899px) {
  body main {
    margin-top: 60px;
  }
}
@media screen and (min-width: 1241px) {
  body main > section, body main > article.products > section, body main > article.distributor > section {
    width: 1240px;
    margin: 0 auto;
  }
}
body footer {
  width: 100%;
  margin: 0 auto;
  background-color: #ffffff;
}

header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-around;
  /*lp用設定20230704*/
  /*lp用設定20230704*/
}
@media screen and (max-width: 899px) {
  header {
    justify-content: flex-end;
  }
}
header .mobile_menu {
  display: none;
  z-index: 2000;
}
@media screen and (max-width: 899px) {
  header .mobile_menu {
    transition: all 200ms ease-out 300ms;
    display: block;
    position: absolute;
    left: 0;
    width: 60px;
    height: 100%;
    background-color: #EEF1F5;
  }
  header .mobile_menu span {
    transition: all 200ms ease-out;
    display: block;
    width: 20px;
    height: 3px;
    background-color: #3BA6EF;
    position: absolute;
    left: 20px;
    top: 22px;
  }
  header .mobile_menu span:nth-child(2) {
    top: 28px;
  }
  header .mobile_menu span:nth-child(3) {
    top: 34px;
  }
  header .mobile_menu.active {
    transition: all 200ms ease-out 0;
    background-color: #33353A;
    left: calc(100% - 60px);
  }
  header .mobile_menu.active span {
    background-color: #ffffff;
  }
  header .mobile_menu.active span:nth-child(1) {
    transform: translate3d(0, 6px, 0) rotate(45deg);
  }
  header .mobile_menu.active span:nth-child(2) {
    opacity: 0;
    transform: rotate(45deg);
  }
  header .mobile_menu.active span:nth-child(3) {
    transform: translate3d(0, -6px, 0) rotate(-45deg);
  }
}
header .mobile_menu_top {
  transition: all 200ms ease-out 300ms;
  background-color: #ffffff;
  width: 100%;
  height: 100%;
  z-index: 1000;
  display: none;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  left: -100%;
}
@media screen and (max-width: 899px) {
  header .mobile_menu_top {
    display: flex;
  }
}
header .mobile_menu_top.active {
  left: 0;
}
header .mobile_menu_top .breadcrumb {
  position: relative;
  display: flex;
  line-height: 1.7em;
}
header .mobile_menu_top .breadcrumb a {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  display: block;
  position: relative;
  font-size: 15px;
  padding: 15px;
  text-decoration: none;
  color: #3A3A3A;
}
header .mobile_menu_top .breadcrumb span {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  display: block;
  position: relative;
  font-size: 15px;
  padding: 15px 0 15px 30px;
  text-decoration: none;
  color: #3A3A3A;
}
header .mobile_menu_top .breadcrumb span::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 26px;
  height: 1px;
  width: 15px;
  background-color: #b0b1b4;
}
header .mobile_menu_top a.lang {
  display: block;
  position: absolute;
  right: 60px;
  overflow: hidden;
  text-indent: -100vw;
  width: 21px;
  min-width: 15px;
  height: 14px;
  min-height: 10px;
  background: url(images/language.png) center center no-repeat;
  background-size: contain;
  margin: 0 3px;
}
@media screen and (max-width: 899px) {
  header .mobile_menu_top a.lang {
    margin: 0 26px;
  }
}
@media screen and (max-width: 569px) {
  header .mobile_menu_top a.lang {
    display: block;
  }
}
header h1 {
  /*width:74px;*/
  width: 150px;
  /*a {
    display:block;
    overflow: hidden;
    text-indent: -100vw;
    width:74px;
    height:65px;
    background:url(images/logo.svg) center center no-repeat;
    @include mq(tb) {
      width:54px;
      height:47px;
    }
    @include mq(sp) {
      position: absolute;
      width:58px;
      height:51px;
      left:75px;
      top:5px;
    }
  }*/
}
@media print, screen and (max-width: 1240px) {
  header h1 {
    width: 80px;
  }
}
@media screen and (max-width: 899px) {
  header h1 {
    width: 80px;
  }
}
header h1 a {
  display: block;
  overflow: hidden;
  text-indent: -100vw;
  width: 150px; /* 表示したい領域の幅 */
  height: 65px; /* 表示したい領域の高さ */
  background: url(images/logo_ze.png) center center no-repeat;
  background-size: contain; /* 比率を維持して要素内に収める */
}
@media print, screen and (max-width: 1240px) {
  header h1 a {
    width: 80px;
    height: 47px;
  }
}
@media screen and (max-width: 899px) {
  header h1 a {
    position: absolute;
    width: 80px;
    height: 51px;
    left: 75px;
    top: 5px;
  }
}
header #menu-header {
  height: 100%;
}
@media screen and (max-width: 899px) {
  header #menu-header.active div {
    left: 0;
  }
}
header #menu-header > div {
  height: 100%;
}
@media screen and (max-width: 899px) {
  header #menu-header > div {
    transition: all 200ms ease-out 0ms;
    display: block;
    position: absolute;
    background-image: none;
    background-color: #33353A;
    width: 100%;
    height: calc(100vh - 60px);
    top: 60px;
    left: -100%;
    padding: 38px 0 0 60px;
  }
  header #menu-header > div.showSub {
    left: -100%;
  }
}
header #menu-header > div > ul.menu {
  height: 100%;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
@media screen and (max-width: 899px) {
  header #menu-header > div > ul.menu {
    flex-direction: column;
    justify-content: flex-start;
  }
}
header #menu-header > div > ul.menu > li {
  display: flex;
  height: 100%;
  align-items: center;
  padding: 0 8px;
  transition: all 200ms ease-out;
  background: linear-gradient(to top, #33353A 0, #33353A 50%, #ffffff 50%, #ffffff 100%);
  background-size: 300px 300px;
  background-position: 0 0;
}
header #menu-header > div > ul.menu > li.spmenu {
  display: none;
}
@media screen and (max-width: 899px) {
  header #menu-header > div > ul.menu > li.spmenu {
    display: flex;
  }
}
@media screen and (min-width: 1920px) {
  header #menu-header > div > ul.menu > li {
    padding: 0 38px;
  }
}
@media print, screen and (max-width: 1240px) {
  header #menu-header > div > ul.menu > li {
    padding: 0 12px;
  }
}
@media screen and (max-width: 899px) {
  header #menu-header > div > ul.menu > li {
    position: relative;
    background-image: none;
    height: 40px;
  }
}
header #menu-header > div > ul.menu > li.menu-item-has-children::before {
  display: block;
  content: "";
  background-color: #95989F;
  width: 15px;
  height: 2px;
  position: absolute;
  left: -20px;
  top: 19px;
}
header #menu-header > div > ul.menu > li.menu-item-has-children.spmenu::before {
  display: none;
}
header #menu-header > div > ul.menu > li > a {
  display: block;
  text-align: center;
  white-space: nowrap;
  color: #3A3A3A;
  text-decoration: none;
  font-weight: 800;
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-size: 14px;
  transition: all 200ms ease-out;
  padding: 0 0.4032258065vw;
}
@media screen and (min-width: 1920px) {
  header #menu-header > div > ul.menu > li > a {
    padding: 0 38px;
  }
}
@media print, screen and (max-width: 1240px) {
  header #menu-header > div > ul.menu > li > a {
    font-size: 9px;
    padding: 0;
  }
}
@media screen and (max-width: 899px) {
  header #menu-header > div > ul.menu > li > a {
    background-image: none;
    color: #ffffff;
    font-size: 15px;
    line-height: 40px;
    padding: 0;
  }
}
header #menu-header > div > ul.menu > li > a > span {
  display: block;
  white-space: nowrap;
  font-size: 10px;
  line-height: 13px;
  margin-top: 5px;
}
@media screen and (max-width: 899px) {
  header #menu-header > div > ul.menu > li > a > span {
    display: none;
  }
}
@media print, screen and (max-width: 1240px) {
  header #menu-header > div > ul.menu > li > a > span {
    font-size: 8px;
  }
}
@media screen and (max-width: 899px) {
  header #menu-header > div > ul.menu > li > div {
    display: block;
    position: fixed;
    transition: left 200ms ease-out 0ms;
    padding: 0 0 120px 0;
    height: calc(100vh - 60px);
    overflow: hidden;
    background-color: #33353A;
    top: 60px;
    left: 100%;
  }
}
header #menu-header > div > ul.menu > li ul.sub-menu {
  display: none;
  position: fixed;
  padding: 51px 47px;
  height: calc(100vh - 100px);
  background-color: #33353A;
  top: 100px;
  left: 0;
  width: 100vw;
}
@media screen and (min-width: 1241px) {
  header #menu-header > div > ul.menu > li ul.sub-menu {
    padding: 51px calc((100vw - 1240px) / 2 + 47px);
  }
}
@media print, screen and (max-width: 1240px) {
  header #menu-header > div > ul.menu > li ul.sub-menu {
    height: calc(100vh - 8.1111111111vw);
    top: 8.1111111111vw;
  }
}
@media screen and (max-width: 899px) {
  header #menu-header > div > ul.menu > li ul.sub-menu {
    display: block;
    position: static;
    transition: left 200ms ease-out 0ms;
    padding: 38px 47px 105px 47px;
    height: 100%;
    overflow-y: scroll;
    top: 60px;
    left: 100%;
  }
}
header #menu-header > div > ul.menu > li ul.sub-menu li {
  width: calc(50% - 20px);
}
@media screen and (max-width: 899px) {
  header #menu-header > div > ul.menu > li ul.sub-menu li {
    width: 100%;
  }
}
header #menu-header > div > ul.menu > li ul.sub-menu .category-top {
  border-bottom: 1px solid #ffffff;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  max-width: 497px;
}
header #menu-header > div > ul.menu > li ul.sub-menu a {
  color: #ffffff;
  text-decoration: none;
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-size: 20px;
  line-height: 41px;
}
@media screen and (max-width: 899px) {
  header #menu-header > div > ul.menu > li ul.sub-menu a {
    font-size: 15px;
    line-height: 40px;
  }
}
header #menu-header > div > ul.menu > li .menu-shop {
  display: none;
  width: 50%;
  position: absolute;
  top: 100px;
  left: 0;
  padding: 51px 0 0 0;
  margin-left: 50vw;
}
@media screen and (max-width: 899px) {
  header #menu-header > div > ul.menu > li .menu-shop {
    transition: all 200ms ease-out;
    display: block;
    position: fixed;
    top: auto;
    bottom: -75px;
    z-index: 1100;
    width: 100%;
    padding: 0;
    margin-left: 0;
    height: 75px;
  }
}
header #menu-header > div > ul.menu > li .menu-shop h5 {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  color: #ffffff;
  font-size: 20px;
  margin-bottom: 17px;
}
@media screen and (max-width: 899px) {
  header #menu-header > div > ul.menu > li .menu-shop h5 {
    display: none;
  }
}
@media screen and (max-width: 899px) {
  header #menu-header > div > ul.menu > li .menu-shop > div {
    margin: 0;
    height: 75px;
  }
}
header #menu-header > div > ul.menu > li .menu-shop > div > ul > li {
  background-image: none;
  padding: 0;
}
header #menu-header > div > ul.menu > li .menu-shop a {
  text-decoration: none;
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  color: #ffffff;
  font-size: 14px;
  line-height: 51px;
  text-align: center;
  display: block;
  width: 331px;
  background-color: #58B074;
  margin-bottom: 35px;
}
@media screen and (max-width: 899px) {
  header #menu-header > div > ul.menu > li .menu-shop a {
    font-size: 15px;
    line-height: 75px;
    text-align: left;
    padding-left: 30px;
    display: block;
    position: relative;
    width: 100%;
    margin-bottom: 0;
  }
  header #menu-header > div > ul.menu > li .menu-shop a::after {
    position: relative;
    content: "";
    display: inline-block;
    width: 6px;
    height: 12px;
    top: 0;
    left: 15px;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4LjM3OCIgaGVpZ2h0PSIxMy45MjciIHZpZXdCb3g9IjAgMCA4LjM3OCAxMy45MjciPgogIDxwYXRoIGlkPSLjg5HjgrlfNDgiIGRhdGEtbmFtZT0i44OR44K5IDQ4IiBkPSJNMTM2NC43LTEzMzkuMzI0bDYuMjU2LDYuMjU2LTYuMjU2LDYuMjU2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTM2My45OTMgMTM0MC4wMzIpIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4K") 50% 50% no-repeat;
    background-size: contain;
  }
  header #menu-header > div > ul.menu > li .menu-shop a:hover {
    opacity: 1;
    background-color: rgb(122.6219512195, 192.3780487805, 144.8170731707);
  }
}
header #menu-header > div > ul.menu > li.active {
  background-position: 0 100%;
  display: flex;
}
@media screen and (max-width: 899px) {
  header #menu-header > div > ul.menu > li.active {
    background: none;
  }
}
header #menu-header > div > ul.menu > li.active a {
  color: #ffffff;
}
@media screen and (max-width: 899px) {
  header #menu-header > div > ul.menu > li.active div {
    left: 0;
  }
}
header #menu-header > div > ul.menu > li.active ul.sub-menu {
  display: block;
  overflow-y: scroll;
}
header #menu-header > div > ul.menu > li.active .menu-shop {
  display: block;
}
@media screen and (max-width: 899px) {
  header #menu-header > div > ul.menu > li.active .menu-shop {
    left: 0;
    display: block;
  }
}
@media screen and (max-width: 899px) and (max-width: 899px) {
  header #menu-header > div > ul.menu > li.active .menu-shop {
    bottom: 0;
  }
}
header #menu-header > div.spSearch {
  display: none;
}
@media screen and (max-width: 899px) {
  header #menu-header > div.spSearch {
    display: block;
  }
}
@media screen and (max-width: 899px) {
  header #menu-header > div.spSearch > ul.menu > li > div {
    background-color: #eef1f7;
  }
}
@media screen and (max-width: 899px) {
  header #menu-header > div.spSearch > ul.menu > li ul.sub-menu {
    background-color: #eef1f7;
  }
}
header #menu-header > .menu-shop {
  display: none;
}
header #menu-header a span,
header #menu-contact a span {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
}
header #menu-header span.pconly,
header #menu-contact span.pconly {
  display: inline;
}
@media screen and (max-width: 899px) {
  header #menu-header span.pconly,
  header #menu-contact span.pconly {
    display: none;
  }
}
header #menu-header span.sponly,
header #menu-contact span.sponly {
  display: none;
}
@media screen and (max-width: 899px) {
  header #menu-header span.sponly,
  header #menu-contact span.sponly {
    display: inline;
  }
}
header a.lang {
  display: block;
  overflow: hidden;
  text-indent: -100vw;
  width: 21px;
  min-width: 15px;
  height: 14px;
  min-height: 10px;
  background: url(images/language.png) center center no-repeat;
  background-size: contain;
  margin: 0 3px;
}
@media screen and (max-width: 899px) {
  header a.lang {
    margin: 0 26px;
  }
}
@media screen and (max-width: 569px) {
  header a.lang {
    display: none;
  }
}
header a.search {
  display: block;
  overflow: hidden;
  text-indent: -100vw;
  width: 40px;
  min-width: 40px;
  height: 100%;
  min-height: 22px;
  background: url(images/search.png) center center no-repeat;
  background-size: 50%;
  margin: 0 3px;
}
@media screen and (max-width: 899px) {
  header a.search {
    display: none;
  }
}
header a.contact_link {
  display: block;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  line-height: 100px;
  width: 190px;
  font-size: 16px;
  font-weight: 800;
  color: #FFFFFF;
  background-color: #3BA6EF;
}
@media screen and (min-width: 1241px) {
  header a.contact_link {
    min-width: 130px;
  }
}
@media print, screen and (max-width: 1240px) {
  header a.contact_link {
    font-size: 11px;
    line-height: 8.1111111111vw;
    width: 94px;
  }
}
@media screen and (max-width: 899px) {
  header a.contact_link {
    transition: bottom 200ms ease-out 0ms;
    position: fixed;
    width: 100%;
    height: 75px;
    bottom: -75px;
    font-size: 15px;
    text-align: left;
    line-height: 75px;
    padding-left: 30px;
    z-index: 900;
    background-color: #4A4E59;
    opacity: 0;
  }
  header a.contact_link:hover {
    background-color: rgb(97.1533742331, 102.4049079755, 116.8466257669);
    opacity: 1;
  }
  header a.contact_link::after {
    position: relative;
    content: "";
    display: inline-block;
    width: 6px;
    height: 12px;
    top: 0;
    left: 15px;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4LjM3OCIgaGVpZ2h0PSIxMy45MjciIHZpZXdCb3g9IjAgMCA4LjM3OCAxMy45MjciPgogIDxwYXRoIGlkPSLjg5HjgrlfNDgiIGRhdGEtbmFtZT0i44OR44K5IDQ4IiBkPSJNMTM2NC43LTEzMzkuMzI0bDYuMjU2LDYuMjU2LTYuMjU2LDYuMjU2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTM2My45OTMgMTM0MC4wMzIpIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4K") 50% 50% no-repeat;
    background-size: contain;
  }
  header a.contact_link.active {
    transition: bottom 200ms ease-out 500ms;
    bottom: 0;
    opacity: 1;
  }
  header a.contact_link.close {
    transition: all 200ms ease-out 0ms;
    bottom: 0;
  }
  header a.contact_link.open {
    transition: all 200ms ease-out 0ms;
    bottom: 300px;
  }
  header a.contact_link.open::after {
    transform: rotate(90deg);
  }
}
header #menu-contact {
  display: flex;
  height: 0;
  position: fixed;
  background-color: #33353A;
  top: 100px;
  left: 0;
  width: 100vw;
  overflow: hidden;
  padding: 0 47px;
}
@media screen and (min-width: 1241px) {
  header #menu-contact {
    padding: 0 calc((100vw - 1240px) / 2 + 47px);
  }
}
@media print, screen and (max-width: 1240px) {
  header #menu-contact {
    top: 8.1111111111vw;
    height: 0;
  }
  header #menu-contact.active {
    height: calc(100vh - 8.1111111111vw);
  }
}
@media screen and (max-width: 899px) {
  header #menu-contact {
    display: inline;
    flex-direction: column;
    transition: bottom 200ms ease-out 0ms;
    padding: 0;
    top: auto;
    height: 300px;
    bottom: -300px;
  }
}
header #menu-contact.active {
  transition: bottom 200ms ease-out 0ms;
  display: flex;
  height: calc(100vh - 100px);
  padding: 51px 47px;
}
@media screen and (min-width: 1241px) {
  header #menu-contact.active {
    padding: 51px calc((100vw - 1240px) / 2 + 47px);
  }
}
@media screen and (max-width: 899px) {
  header #menu-contact.active {
    height: 300px;
    padding: 0;
    bottom: 0;
  }
}
header #menu-contact section {
  width: 50%;
}
@media screen and (max-width: 899px) {
  header #menu-contact section {
    width: 100%;
  }
}
header #menu-contact h5 {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  color: #ffffff;
  font-size: 20px;
  margin-bottom: 17px;
}
@media screen and (max-width: 899px) {
  header #menu-contact h5 {
    display: none;
  }
}
header #menu-contact a {
  text-decoration: none;
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  color: #ffffff;
  font-size: 14px;
  line-height: 51px;
  text-align: center;
  background-color: #33A5F2;
  display: block;
  width: 261px;
  margin-bottom: 35px;
}
@media screen and (max-width: 899px) {
  header #menu-contact a {
    width: 100%;
    font-size: 15px;
    text-align: left;
    line-height: 75px;
    padding-left: 30px;
    margin-bottom: 0;
    border-top: 1px solid #ffffff;
  }
  header #menu-contact a::after {
    position: relative;
    content: "";
    display: inline-block;
    width: 6px;
    height: 12px;
    top: 0;
    left: 15px;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4LjM3OCIgaGVpZ2h0PSIxMy45MjciIHZpZXdCb3g9IjAgMCA4LjM3OCAxMy45MjciPgogIDxwYXRoIGlkPSLjg5HjgrlfNDgiIGRhdGEtbmFtZT0i44OR44K5IDQ4IiBkPSJNMTM2NC43LTEzMzkuMzI0bDYuMjU2LDYuMjU2LTYuMjU2LDYuMjU2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTM2My45OTMgMTM0MC4wMzIpIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4K") 50% 50% no-repeat;
    background-size: contain;
  }
}
header #menu-contact .menu-shop a {
  width: 331px;
  background-color: #58B074;
}
@media screen and (max-width: 899px) {
  header #menu-contact .menu-shop a {
    width: 100%;
  }
}
header div.company_name {
  display: block;
  overflow: hidden;
  text-indent: -100vw;
  width: 300px;
  height: 25px;
  margin: 0 5px;
  background: url(images/tps_logo.png) center center no-repeat;
  background-size: contain;
}
@media print, screen and (max-width: 1240px) {
  header div.company_name {
    width: 217px;
    height: 19px;
  }
}
@media screen and (max-width: 899px) {
  header div.company_name {
    margin: 0 15px;
    width: 204px;
    height: 17px;
  }
}
header div.company_name2 {
  display: block;
  overflow: hidden;
  text-indent: -100vw;
  width: 74px;
  height: 65px;
  margin: 0 5px;
  background: url(images/logo.svg) center center no-repeat;
  background-size: contain;
}
@media print, screen and (max-width: 1240px) {
  header div.company_name2 {
    width: 54px;
    height: 47px;
  }
}
@media screen and (max-width: 899px) {
  header div.company_name2 {
    margin: 0 15px;
    width: 58px;
    height: 51px;
  }
}
header .search {
  position: relative;
}
header .search:hover {
  opacity: 1;
}
header .search::before {
  transition: all 200ms ease-out 0ms;
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(to top, #eef1f7 0, #eef1f7 50%, #ffffff 50%, #ffffff 100%);
  background-size: 300px 300px;
  background-position: 0 0;
  z-index: -5;
}
header .search.active:hover {
  opacity: 1;
}
header .search.active::before {
  opacity: 1;
  background-position: 0 100%;
}
header .searcharea {
  position: absolute;
  background-color: #eef1f7;
  width: 100%;
  height: 0;
  transition: all 200ms ease-out 0ms;
  overflow: hidden;
  top: 100px;
}
header .searcharea.active {
  height: 160px;
}
@media print, screen and (max-width: 1240px) {
  header .searcharea {
    top: 8.1111111111vw;
  }
}
@media screen and (max-width: 899px) {
  header .searcharea {
    display: none;
  }
}
header .searcharea form {
  max-width: 1240px;
  margin: 0 auto;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header .searcharea form span {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  display: none;
}
header .searcharea form input[type=text] {
  border: none;
  background-color: transparent;
  display: block;
  font-size: 38px;
  padding: 15px;
  width: calc(100% - 60px - 2em);
}
header .searcharea form input[type=text]::-moz-placeholder {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  color: #a9a9a9;
}
header .searcharea form input[type=text]::placeholder {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  color: #a9a9a9;
}
header .searcharea form input[type=text]:focus {
  border: none;
  outline: none;
}
header .searcharea form input[type=submit] {
  border: none;
  background-color: transparent;
  display: block;
  font-size: 38px;
  padding: 15px;
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  color: #58b074;
}
header .searcharea form input[type=submit]:focus {
  border: none;
  outline: none;
}
header .spsearch form span {
  display: none;
}
header .spsearch form input {
  width: 100%;
  border: none;
  padding: 15px 0;
  border-bottom: 1px solid #E0E3EA;
  background-color: transparent;
  font-size: 21px;
}
header .spsearch form input::-moz-placeholder {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
}
header .spsearch form input::placeholder {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
}
header .spsearch form input:focus {
  outline: none;
}

.lp_header {
  justify-content: space-between;
  padding: 0px 125px;
}
@media print, screen and (max-width: 1240px) {
  .lp_header {
    padding: 0px 50px;
  }
}
@media screen and (max-width: 899px) {
  .lp_header {
    padding: 0px 0px;
  }
}

footer {
  position: relative;
}
footer .footer {
  position: relative;
  margin: 0 auto;
  background: linear-gradient(to right, #ffffff 78%, #EEF1F7 78%);
}
@media print, screen and (max-width: 1240px) {
  footer .footer {
    width: 100%;
    padding: 50px 15px;
  }
}
@media screen and (max-width: 899px) {
  footer .footer {
    background: none;
  }
}
footer .footer > section {
  position: relative;
  padding: 50px 0;
  margin: 0 auto;
  max-width: 1240px;
  background: linear-gradient(to right, #ffffff 78%, #EEF1F7 78%);
}
@media print, screen and (max-width: 1240px) {
  footer .footer > section {
    background: none;
  }
}
footer .footer .company_name {
  display: block;
  overflow: hidden;
  text-indent: -100vw;
  width: 290px;
  height: 24px;
  background: url(images/tps_logo.png) center center no-repeat;
  background-size: contain;
  margin-bottom: 60px;
}
@media screen and (max-width: 899px) {
  footer .footer .company_name {
    width: 70px;
    height: 61px;
    background: url(images/logo.svg) center center no-repeat;
  }
}
@media screen and (max-width: 899px) {
  footer .footer .company_name {
    margin-bottom: 12px;
  }
}
footer .footer #menu-footer {
  width: 860px;
}
@media print, screen and (max-width: 1240px) {
  footer .footer #menu-footer {
    width: 60.6666666667vw;
  }
}
@media screen and (max-width: 899px) {
  footer .footer #menu-footer {
    width: 100%;
  }
}
footer .footer #menu-footer ul.menu {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 899px) {
  footer .footer #menu-footer ul.menu {
    display: block;
    border-top: 1px solid #cccccc;
    margin-bottom: 30px;
  }
}
footer .footer #menu-footer ul.menu a {
  color: #3A3A3A;
  text-decoration: none;
}
footer .footer #menu-footer ul.menu > li {
  position: relative;
  margin: 0 50px 50px 0;
}
@media screen and (max-width: 899px) {
  footer .footer #menu-footer ul.menu > li {
    margin: 0;
    border-bottom: 1px solid #cccccc;
  }
}
footer .footer #menu-footer ul.menu > li a {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-size: 18px;
  font-weight: 800;
}
@media print, screen and (max-width: 1240px) {
  footer .footer #menu-footer ul.menu > li a {
    font-size: 12px;
    line-height: 31px;
  }
}
@media print, screen and (max-width: 1240px) {
  footer .footer #menu-footer ul.menu > li a {
    font-size: 15px;
    line-height: 81px;
  }
}
footer .footer #menu-footer ul.menu > li .plusbutton {
  display: none;
  cursor: pointer;
}
@media screen and (max-width: 899px) {
  footer .footer #menu-footer ul.menu > li .plusbutton {
    display: block;
    position: absolute;
    right: 0;
    top: 33px;
    width: 14px;
    height: 14px;
  }
  footer .footer #menu-footer ul.menu > li .plusbutton span {
    display: block;
    position: absolute;
    width: 14px;
    height: 2px;
    margin-top: 6px;
    background-color: #95989F;
  }
  footer .footer #menu-footer ul.menu > li .plusbutton span:last-child {
    transform: rotate(90deg);
    transition: transform 200ms ease-out;
  }
}
footer .footer #menu-footer ul.menu > li.active .plusbutton span:last-child {
  transform: rotate(0);
}
footer .footer #menu-footer ul.menu > li ul.sub-menu {
  margin-top: 20px;
}
@media screen and (max-width: 899px) {
  footer .footer #menu-footer ul.menu > li ul.sub-menu {
    margin-top: 0;
    overflow: hidden;
    height: 0;
    transition: height 200ms ease-out;
  }
}
footer .footer #menu-footer ul.menu > li ul.sub-menu li a {
  font-family: "Shorai Sans StdN", sans-serif;
  font-size: 14px;
  line-height: 27px;
  font-weight: normal;
}
@media print, screen and (max-width: 1240px) {
  footer .footer #menu-footer ul.menu > li ul.sub-menu li a {
    font-size: 9px;
    line-height: 20px;
  }
}
@media screen and (max-width: 899px) {
  footer .footer #menu-footer ul.menu > li ul.sub-menu li a {
    font-size: 14px;
    line-height: 36px;
    color: #95989F;
  }
}
footer .footer .contact {
  top: 134px;
  left: 890px;
  position: absolute;
  font-size: 14px;
}
@media print, screen and (max-width: 1240px) {
  footer .footer .contact {
    font-size: 9px;
    left: 72.2222222222vw;
    margin-top: 10px;
  }
}
@media screen and (max-width: 899px) {
  footer .footer .contact {
    font-size: 14px;
    position: static;
    background-color: #EEF1F7;
    text-align: center;
    margin-left: -15px;
    margin-right: -15px;
    padding: 30px;
  }
}
footer .footer .contact a {
  color: #3A3A3A;
}
footer .footer .contact a.contact_button {
  display: block;
  margin: 19px 0 73px 0;
  width: 250px;
  height: 63px;
  background-color: #95989F;
  text-decoration: none;
  text-align: center;
  color: #FFFFFF;
  line-height: 63px;
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-size: 17px;
  font-weight: 800;
}
@media print, screen and (max-width: 1240px) {
  footer .footer .contact a.contact_button {
    font-size: 12px;
    line-height: 5.1111111111vw;
    width: 20.2222222222vw;
    height: 5.1111111111vw;
    margin: 15px 0 64px 0;
  }
}
@media screen and (max-width: 899px) {
  footer .footer .contact a.contact_button {
    width: 100%;
    height: 63px;
    line-height: 63px;
    font-size: 16px;
    margin: 29px 0 29px 0;
  }
}
footer .bottom {
  background-color: white;
  padding-bottom: 52px;
  font-family: "Shorai Sans StdN Bold", sans-serif;
}
@media print, screen and (max-width: 1240px) {
  footer .bottom {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 34px;
  }
}
footer .bottom section {
  width: 1240px;
  margin: 0 auto;
  display: flex;
}
@media print, screen and (max-width: 1240px) {
  footer .bottom section {
    width: 100%;
  }
}
@media screen and (max-width: 899px) {
  footer .bottom section {
    display: block;
    text-align: center;
    font-size: 11px;
  }
}
footer .bottom section ul {
  margin-left: 30px;
}
@media screen and (max-width: 899px) {
  footer .bottom section ul {
    margin-left: 0;
    margin-top: 30px;
  }
}
footer .bottom section ul li {
  display: inline-block;
  border-left: 1px solid #3A3A3A;
  padding-left: 10px;
  margin-left: 10px;
}
@media screen and (max-width: 899px) {
  footer .bottom section ul li {
    border-left: none;
  }
}
footer .bottom section ul li a {
  text-decoration: none;
  color: #3A3A3A;
}

.repair_process {
  display: flex;
  align-items: flex-start;
  margin-bottom: 100px;
}
.repair_process img {
  width: 167px;
  margin-right: 11px;
}
@media screen and (max-width: 899px) {
  .repair_process img {
    display: none;
  }
}
.repair_process div div.quote {
  margin-bottom: 35px;
}

.contacthr {
  background-color: #33353A;
}
.contacthr hr {
  border-top: 1px solid #E0E3EA;
}
@media screen and (max-width: 899px) {
  .contacthr hr {
    margin: 0 20px;
  }
}

#contact1 {
  background-color: #33353A;
  width: 100%;
}
#contact1 > div {
  width: 1240px;
  margin: 0 auto;
  padding: 27px 20px;
  display: flex;
  justify-content: center;
}
@media print, screen and (max-width: 1240px) {
  #contact1 > div {
    width: 100%;
  }
}
@media screen and (max-width: 899px) {
  #contact1 > div {
    flex-direction: column;
  }
}
#contact1 > div > section {
  width: calc(50% - 20px);
  text-align: center;
  color: #ffffff;
}
@media screen and (max-width: 899px) {
  #contact1 > div > section {
    width: 100%;
  }
}
#contact1 > div > section * {
  color: #ffffff;
}
#contact1 > div > section:first-child {
  border-right: 1px solid #ffffff;
}
@media screen and (max-width: 899px) {
  #contact1 > div > section:first-child {
    border-right: none;
    border-bottom: 1px solid #ffffff;
  }
}
#contact1 > div > section h4 {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 26px;
  line-height: 26px;
  margin: 25px 0 32px 0;
}
@media print, screen and (max-width: 1240px) {
  #contact1 > div > section h4 {
    font-size: 18px;
    line-height: 18px;
  }
}
@media screen and (max-width: 899px) {
  #contact1 > div > section h4 {
    font-size: 26px;
    line-height: 32px;
  }
}
#contact1 > div > section a {
  display: block;
  background-color: #33A5F2;
  color: #ffffff;
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 12px;
  line-height: 51px;
  width: 261px;
  text-decoration: none;
  margin: 0 auto;
}
@media print, screen and (max-width: 1240px) {
  #contact1 > div > section a {
    font-size: 9px;
    width: 189px;
    line-height: 37px;
  }
}
@media screen and (max-width: 899px) {
  #contact1 > div > section a {
    font-size: 14px;
    line-height: 51px;
  }
}
#contact1 > div > section .phone {
  margin: 20px 0 17px 0;
  font-size: 14px;
  line-height: 24px;
}
@media print, screen and (max-width: 1240px) {
  #contact1 > div > section .phone {
    margin: 14px 0 12px 0;
    font-size: 10px;
    line-height: 17px;
  }
}
@media screen and (max-width: 899px) {
  #contact1 > div > section .phone {
    margin: 20px 0 17px 0;
    font-size: 14px;
    line-height: 24px;
  }
}
#contact1 > div > section .business-hours {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 43px;
}
@media print, screen and (max-width: 1240px) {
  #contact1 > div > section .business-hours {
    font-size: 10px;
    line-height: 17px;
  }
}
@media screen and (max-width: 899px) {
  #contact1 > div > section .business-hours {
    font-size: 14px;
    line-height: 24px;
  }
}

#contact2,
#contact3 {
  background-color: #33353A;
  width: 100%;
}
#contact2 > div,
#contact3 > div {
  width: 1240px;
  margin: 0 auto;
  padding: 27px 20px;
}
@media print, screen and (max-width: 1240px) {
  #contact2 > div,
  #contact3 > div {
    width: 100%;
  }
}
#contact2 > div > section,
#contact3 > div > section {
  width: 100%;
  text-align: center;
  color: #ffffff;
}
#contact2 > div > section *,
#contact3 > div > section * {
  color: #ffffff;
}
#contact2 > div > section h4,
#contact3 > div > section h4 {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 26px;
  line-height: 26px;
  margin: 25px 0 32px 0;
}
@media print, screen and (max-width: 1240px) {
  #contact2 > div > section h4,
  #contact3 > div > section h4 {
    font-size: 18px;
    line-height: 18px;
  }
}
@media screen and (max-width: 899px) {
  #contact2 > div > section h4,
  #contact3 > div > section h4 {
    font-size: 26px;
    line-height: 32px;
  }
}
#contact2 > div > section a,
#contact3 > div > section a {
  display: block;
  background-color: #33A5F2;
  color: #ffffff;
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 14px;
  line-height: 51px;
  width: 261px;
  text-decoration: none;
  margin: 0 auto;
}
@media print, screen and (max-width: 1240px) {
  #contact2 > div > section a,
  #contact3 > div > section a {
    font-size: 9px;
    width: 189px;
    line-height: 37px;
  }
}
@media screen and (max-width: 899px) {
  #contact2 > div > section a,
  #contact3 > div > section a {
    font-size: 14px;
    line-height: 51px;
  }
}
#contact2 > div > section .phone,
#contact3 > div > section .phone {
  margin: 20px 0 17px 0;
  font-size: 14px;
  line-height: 24px;
}
@media print, screen and (max-width: 1240px) {
  #contact2 > div > section .phone,
  #contact3 > div > section .phone {
    margin: 14px 0 12px 0;
    font-size: 10px;
    line-height: 17px;
  }
}
@media screen and (max-width: 899px) {
  #contact2 > div > section .phone,
  #contact3 > div > section .phone {
    margin: 20px 0 17px 0;
    font-size: 14px;
    line-height: 24px;
  }
}
#contact2 > div > section .business-hours,
#contact3 > div > section .business-hours {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 43px;
}
@media print, screen and (max-width: 1240px) {
  #contact2 > div > section .business-hours,
  #contact3 > div > section .business-hours {
    font-size: 10px;
    line-height: 17px;
  }
}
@media screen and (max-width: 899px) {
  #contact2 > div > section .business-hours,
  #contact3 > div > section .business-hours {
    font-size: 14px;
    line-height: 24px;
  }
}

#contact4 {
  background-color: #33353A;
  width: 100%;
}
#contact4 > div {
  width: 1240px;
  margin: 0 auto;
  padding: 27px 20px;
}
@media print, screen and (max-width: 1240px) {
  #contact4 > div {
    width: 100%;
  }
}
#contact4 > div > section {
  width: 100%;
  text-align: center;
  color: #ffffff;
}
#contact4 > div > section * {
  color: #ffffff;
}
#contact4 > div > section h4 {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 26px;
  line-height: 26px;
  margin: 25px 0 32px 0;
}
@media print, screen and (max-width: 1240px) {
  #contact4 > div > section h4 {
    font-size: 18px;
    line-height: 18px;
  }
}
@media screen and (max-width: 899px) {
  #contact4 > div > section h4 {
    font-size: 24px;
    line-height: 32px;
  }
}
#contact4 > div > section .contact {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 899px) {
  #contact4 > div > section .contact {
    flex-direction: column;
  }
}
#contact4 > div > section .contact .buttons {
  margin: -17px 38px 0 0;
}
@media screen and (max-width: 899px) {
  #contact4 > div > section .contact .buttons {
    margin-right: 0;
  }
}
#contact4 > div > section .contact .buttons a {
  display: block;
  background-color: #33A5F2;
  color: #ffffff;
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 14px;
  line-height: 51px;
  width: 261px;
  text-decoration: none;
  margin: 0 auto 17px auto;
}
@media print, screen and (max-width: 1240px) {
  #contact4 > div > section .contact .buttons a {
    font-size: 9px;
    width: 189px;
    line-height: 37px;
  }
}
@media screen and (max-width: 899px) {
  #contact4 > div > section .contact .buttons a {
    font-size: 14px;
    width: 261px;
    line-height: 51px;
  }
}
#contact4 > div > section .contact .info {
  text-align: left;
}
@media screen and (max-width: 899px) {
  #contact4 > div > section .contact .info {
    text-align: center;
  }
}
#contact4 > div > section .contact .info .company {
  margin: 10px 0 17px 0;
  font-size: 14px;
  line-height: 14px;
}
@media print, screen and (max-width: 1240px) {
  #contact4 > div > section .contact .info .company {
    font-size: 9px;
    line-height: 9px;
  }
}
@media screen and (max-width: 899px) {
  #contact4 > div > section .contact .info .company {
    font-size: 14px;
    line-height: 14px;
  }
}
#contact4 > div > section .contact .info .phone {
  margin: 0 0 17px 0;
  font-size: 14px;
  line-height: 14px;
}
@media print, screen and (max-width: 1240px) {
  #contact4 > div > section .contact .info .phone {
    font-size: 9px;
    line-height: 9px;
  }
}
@media screen and (max-width: 899px) {
  #contact4 > div > section .contact .info .phone {
    font-size: 14px;
    line-height: 14px;
  }
}
#contact4 > div > section .contact .info .business-hours {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 43px;
}
@media print, screen and (max-width: 1240px) {
  #contact4 > div > section .contact .info .business-hours {
    font-size: 9px;
    line-height: 15px;
  }
}
@media screen and (max-width: 899px) {
  #contact4 > div > section .contact .info .business-hours {
    font-size: 14px;
    line-height: 24px;
  }
}

#contact5 {
  background-color: #33353A;
  width: 100%;
}
#contact5 > div {
  width: 1240px;
  margin: 0 auto;
  padding: 27px 20px;
}
@media print, screen and (max-width: 1240px) {
  #contact5 > div {
    width: 100%;
  }
}
#contact5 > div > section {
  width: 100%;
  text-align: center;
  color: #ffffff;
}
#contact5 > div > section * {
  color: #ffffff;
}
#contact5 > div > section h4 {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 26px;
  line-height: 26px;
  margin: 25px 0 32px 0;
}
@media print, screen and (max-width: 1240px) {
  #contact5 > div > section h4 {
    font-size: 18px;
    line-height: 18px;
  }
}
@media screen and (max-width: 899px) {
  #contact5 > div > section h4 {
    font-size: 24px;
    line-height: 32px;
  }
}
#contact5 > div > section .contact {
  /*display: flex;*/
  justify-content: center;
}
@media screen and (max-width: 899px) {
  #contact5 > div > section .contact {
    flex-direction: column;
  }
}
#contact5 > div > section .contact .buttons {
  margin: -17px 0 0 0;
}
@media screen and (max-width: 899px) {
  #contact5 > div > section .contact .buttons {
    margin-right: 0;
  }
}
#contact5 > div > section .contact .buttons a {
  display: block;
  background-color: #33A5F2;
  color: #ffffff;
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 14px;
  line-height: 51px;
  width: 261px;
  text-decoration: none;
  margin: -15px auto 25px auto;
}
@media print, screen and (max-width: 1240px) {
  #contact5 > div > section .contact .buttons a {
    font-size: 9px;
    width: 189px;
    line-height: 37px;
  }
}
@media screen and (max-width: 899px) {
  #contact5 > div > section .contact .buttons a {
    font-size: 14px;
    width: 261px;
    line-height: 51px;
  }
}
#contact5 > div > section .contact .info {
  text-align: center;
}
#contact5 > div > section .contact .info img {
  width: 360px;
}
@media screen and (max-width: 899px) {
  #contact5 > div > section .contact .info {
    text-align: center;
  }
}
#contact5 > div > section .contact .info .company {
  margin: 10px 0 17px 0;
  font-size: 14px;
  line-height: 14px;
}
@media print, screen and (max-width: 1240px) {
  #contact5 > div > section .contact .info .company {
    font-size: 9px;
    line-height: 9px;
  }
}
@media screen and (max-width: 899px) {
  #contact5 > div > section .contact .info .company {
    font-size: 14px;
    line-height: 14px;
  }
}
#contact5 > div > section .contact .info .phone {
  margin: 0 0 17px 0;
  font-size: 14px;
  line-height: 14px;
}
@media print, screen and (max-width: 1240px) {
  #contact5 > div > section .contact .info .phone {
    font-size: 9px;
    line-height: 9px;
  }
}
@media screen and (max-width: 899px) {
  #contact5 > div > section .contact .info .phone {
    font-size: 14px;
    line-height: 14px;
  }
}
#contact5 > div > section .contact .info .business-hours {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 43px;
}
@media print, screen and (max-width: 1240px) {
  #contact5 > div > section .contact .info .business-hours {
    font-size: 9px;
    line-height: 15px;
  }
}
@media screen and (max-width: 899px) {
  #contact5 > div > section .contact .info .business-hours {
    font-size: 14px;
    line-height: 24px;
  }
}

.slick-slide {
  outline: none;
}

.component-gallery-a__container #arslide,
.component-gallery-a__container #imgslide {
  width: 205px;
  height: 50px;
  display: block;
  position: absolute;
  bottom: 15px;
  right: 30px;
  overflow: hidden;
  text-indent: -1000px;
  background-image: url(images/arbutton.svg);
  background-size: cover;
}
@media screen and (max-width: 899px) {
  .component-gallery-a__container #arslide,
  .component-gallery-a__container #imgslide {
    right: 15px;
  }
}
.component-gallery-a__container #arslide#imgslide,
.component-gallery-a__container #imgslide#imgslide {
  background-image: url(images/imgbutton.svg);
}
.component-gallery-a__container #artitle {
  display: none;
  position: absolute;
  top: 30px;
  left: 0;
  width: 493px;
}
@media print, screen and (max-width: 1240px) {
  .component-gallery-a__container #artitle {
    top: 2.4193548387vw;
    left: 20px;
    width: 39.7580645161vw;
  }
}
@media screen and (max-width: 899px) {
  .component-gallery-a__container #artitle {
    top: 30px;
    left: 20px;
    width: 200px;
  }
}

.component-gallery-a {
  background-color: #EEF1F7;
}
.component-gallery-a .component-gallery-a__container {
  transition: height 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  position: relative;
  max-width: 1240px;
  margin: 0 auto;
  padding-top: 100px;
  padding-bottom: 35px;
}
@media print, screen and (max-width: 1240px) {
  .component-gallery-a .component-gallery-a__container {
    padding-top: 8.064516129vw;
  }
}
@media screen and (max-width: 899px) {
  .component-gallery-a .component-gallery-a__container {
    padding-top: 60px;
  }
}
.component-gallery-a .component-gallery-a__container .component-gallery-a__slider {
  padding-bottom: 100px;
}
.component-gallery-a .component-gallery-a__container .component-gallery-a__slider .component-gallery-a__slide {
  max-height: 400px;
  height: 50vw;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 899px) {
  .component-gallery-a .component-gallery-a__container .component-gallery-a__slider .component-gallery-a__slide {
    height: 100vw;
  }
}
.component-gallery-a .component-gallery-a__container .component-gallery-a__slider .component-gallery-a__slide img {
  margin: 0 auto;
  max-height: 400px;
  -o-object-fit: contain;
     object-fit: contain;
}
.component-gallery-a .component-gallery-a__container .component-gallery-a__slider .component-gallery-a__slide.arslide {
  overflow: visible;
  position: relative;
}
.component-gallery-a .component-gallery-a__container .component-gallery-a__slider .component-gallery-a__slide.arslide img {
  position: absolute;
  display: none;
  bottom: 10px;
  width: 250px;
  right: 65px;
  z-index: 3;
}
@media screen and (max-width: 899px) {
  .component-gallery-a .component-gallery-a__container .component-gallery-a__slider .component-gallery-a__slide.arslide img {
    display: block;
  }
}
.component-gallery-a .component-gallery-a__container .component-gallery-a__slider .component-gallery-a__slide.arslide h3 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  color: #308AC8;
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 36px;
  line-height: 42px;
}
@media print, screen and (max-width: 1240px) {
  .component-gallery-a .component-gallery-a__container .component-gallery-a__slider .component-gallery-a__slide.arslide h3 {
    left: 20px;
    font-size: 2.9032258065vw;
    line-height: 3.3870967742vw;
  }
}
@media screen and (max-width: 899px) {
  .component-gallery-a .component-gallery-a__container .component-gallery-a__slider .component-gallery-a__slide.arslide h3 {
    left: 20px;
    font-size: 20px;
    line-height: 24px;
  }
}
.component-gallery-a .component-gallery-a__container .component-gallery-a__slider .component-gallery-a__slide.arslide model-viewer {
  width: 100%;
  max-height: 400px;
  height: 50vw;
  background-color: #EEF1F7;
}
@media screen and (max-width: 899px) {
  .component-gallery-a .component-gallery-a__container .component-gallery-a__slider .component-gallery-a__slide.arslide model-viewer {
    height: 100vw;
  }
}
.component-gallery-a .component-gallery-a__container .component-gallery-a__slider .slick-arrow {
  position: absolute;
  overflow: hidden;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.9;
  transition: opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  height: 80px;
  width: 80px;
  right: 30px;
  background-color: #33A5F2;
  outline: none;
  border: none;
}
.component-gallery-a .component-gallery-a__container .component-gallery-a__slider .slick-arrow.slider--prev {
  right: 111px;
  z-index: 20;
}
.component-gallery-a .component-gallery-a__container .component-gallery-a__slider .slick-arrow.slider--prev svg {
  max-width: 16px;
  transform: rotate(90deg);
  fill: #e0e3ea;
}
@media screen and (max-width: 899px) {
  .component-gallery-a .component-gallery-a__container .component-gallery-a__slider .slick-arrow.slider--prev {
    display: none;
    top: calc(50% - 50px);
    height: 50px;
    width: 50px;
    right: auto;
    left: 15px;
  }
}
.component-gallery-a .component-gallery-a__container .component-gallery-a__slider .slick-arrow.slider--next svg {
  max-width: 16px;
  transform: rotate(-90deg);
  fill: #e0e3ea;
}
@media screen and (max-width: 899px) {
  .component-gallery-a .component-gallery-a__container .component-gallery-a__slider .slick-arrow.slider--next {
    display: none;
    top: calc(50% - 50px);
    height: 50px;
    width: 50px;
    right: 15px;
  }
}
.component-gallery-a .component-gallery-a__container .component-gallery-a__slider .slick-arrow:hover {
  opacity: 1;
}
@media screen and (max-width: 899px) {
  .component-gallery-a .component-gallery-a__container .component-gallery-a__slider.arslidearea .slick-arrow.slider--prev {
    display: block;
    z-index: 20;
  }
}
@media screen and (max-width: 899px) {
  .component-gallery-a .component-gallery-a__container .component-gallery-a__slider.arslidearea .slick-arrow.slider--next {
    display: block;
    z-index: 20;
  }
}
.component-gallery-a .component-gallery-a__container .component-gallery-a__slider .slick-dots {
  position: absolute;
  top: calc(50% - 20px);
  transform: translateY(-50%);
  left: 30px;
}
@media screen and (max-width: 899px) {
  .component-gallery-a .component-gallery-a__container .component-gallery-a__slider .slick-dots {
    top: auto;
    bottom: 15px;
    margin: 0;
  }
}
.component-gallery-a .component-gallery-a__container .component-gallery-a__slider .slick-dots li {
  display: inline-block;
}
.component-gallery-a .component-gallery-a__container .component-gallery-a__slider .slick-dots li::before {
  top: 7px;
  content: "";
  height: 4px;
  width: 16px;
  border: none;
  background-color: #cde9fa;
  position: relative;
  margin: 0 4px;
  display: inline-block;
  cursor: pointer;
}
.component-gallery-a .component-gallery-a__container .component-gallery-a__slider .slick-dots button {
  display: none;
}
.component-gallery-a .component-gallery-a__container .component-gallery-a__slider .slick-dots li.slick-active::before {
  background-color: #3ba6ef;
}
.component-gallery-a .component-gallery-a__container .component-gallery-a__headline {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 36px;
  line-height: 42px;
}
@media print, screen and (max-width: 1240px) {
  .component-gallery-a .component-gallery-a__container .component-gallery-a__headline {
    padding: 0 20px;
  }
}
@media screen and (max-width: 899px) {
  .component-gallery-a .component-gallery-a__container .component-gallery-a__headline {
    font-size: 28px;
    line-height: 34px;
  }
}

.type-product .localnav,
.type-accessory .localnav {
  background-color: #F6F8FB;
  width: 100%;
  position: relative;
}
@media screen and (max-width: 899px) {
  .type-product .localnav,
  .type-accessory .localnav {
    height: 60px;
  }
  .type-product .localnav::before,
  .type-accessory .localnav::before {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMS40NSAxMi44NSI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6bm9uZTtzdHJva2U6IzNlOWFkNjtzdHJva2Utd2lkdGg6M3B4O308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iYSIgZD0iTTEuMDYsMS4wNmw5LjY2LDkuNjYsOS42Ny05LjY2Ii8+PC9zdmc+");
    display: block;
    position: absolute;
    top: 20px;
    left: 25px;
    width: 20px;
    height: 20px;
  }
}
.type-product .localnav ul,
.type-accessory .localnav ul {
  width: 1240px;
  display: flex;
  margin: 0 auto;
  padding: 0 20px;
}
@media print, screen and (max-width: 1240px) {
  .type-product .localnav ul,
  .type-accessory .localnav ul {
    width: 100%;
  }
}
@media screen and (max-width: 899px) {
  .type-product .localnav ul,
  .type-accessory .localnav ul {
    display: block;
    padding: 0;
    height: 60px;
    overflow: hidden;
    transition: height 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .type-product .localnav ul.active,
  .type-accessory .localnav ul.active {
    height: 240px;
  }
}
.type-product .localnav ul li a,
.type-accessory .localnav ul li a {
  transition: background-color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  background-color: #F6F8FB;
  color: #3A3A3A;
  text-decoration: none;
  display: block;
  width: 200px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 12px;
}
@media screen and (max-width: 899px) {
  .type-product .localnav ul li a,
  .type-accessory .localnav ul li a {
    width: 100%;
    font-size: 16px;
  }
}
.type-product .localnav ul li a.active, .type-product .localnav ul li a:hover,
.type-accessory .localnav ul li a.active,
.type-accessory .localnav ul li a:hover {
  background-color: #e0e3ea;
  opacity: 1;
}
.type-product #feature,
.type-accessory #feature {
  width: 1240px;
  display: flex;
  align-items: center;
  margin: 0 auto;
  padding: 100px 20px;
}
@media print, screen and (max-width: 1240px) {
  .type-product #feature,
  .type-accessory #feature {
    width: 100%;
  }
}
@media screen and (max-width: 899px) {
  .type-product #feature,
  .type-accessory #feature {
    flex-direction: column-reverse;
  }
}
.type-product #feature h3,
.type-accessory #feature h3 {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 37px;
}
.type-product #feature ul,
.type-accessory #feature ul {
  font-family: "Shorai Sans StdN", sans-serif;
  font-size: 14px;
  line-height: 28px;
}
.type-product #feature ul li,
.type-accessory #feature ul li {
  text-indent: -14px;
  padding-left: 14px;
}
.type-product #feature ul li::before,
.type-accessory #feature ul li::before {
  content: "・";
}
.type-product #feature img,
.type-accessory #feature img {
  width: 50%;
}
@media screen and (max-width: 899px) {
  .type-product #feature img,
  .type-accessory #feature img {
    width: 100%;
  }
}
.type-product #addition .addition,
.type-accessory #addition .addition {
  width: 1240px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 auto;
  padding: 100px 20px;
}
@media print, screen and (max-width: 1240px) {
  .type-product #addition .addition,
  .type-accessory #addition .addition {
    width: 100%;
  }
}
.type-product #addition .addition div,
.type-accessory #addition .addition div {
  width: 50%;
}
.type-product #addition .addition div h4,
.type-accessory #addition .addition div h4 {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 37px;
}
.type-product #addition .addition div p,
.type-accessory #addition .addition div p {
  font-family: "Shorai Sans StdN", sans-serif;
  font-size: 14px;
  line-height: 28px;
}
.type-product #addition .addition figure,
.type-accessory #addition .addition figure {
  width: 50%;
  text-align: center;
}
.type-product #addition .addition.text-top div,
.type-accessory #addition .addition.text-top div {
  width: 100%;
}
.type-product #addition .addition.text-top div h4,
.type-accessory #addition .addition.text-top div h4 {
  text-align: center;
}
.type-product #addition .addition.text-top figure,
.type-accessory #addition .addition.text-top figure {
  margin-top: 50px;
  width: 100%;
}
@media screen and (max-width: 899px) {
  .type-product #addition .addition,
  .type-accessory #addition .addition {
    padding: 50px 20px;
  }
  .type-product #addition .addition.text-top, .type-product #addition .addition.text-left,
  .type-accessory #addition .addition.text-top,
  .type-accessory #addition .addition.text-left {
    flex-direction: column-reverse;
  }
  .type-product #addition .addition div,
  .type-accessory #addition .addition div {
    width: 100%;
  }
  .type-product #addition .addition div h4,
  .type-accessory #addition .addition div h4 {
    text-align: center;
  }
  .type-product #addition .addition figure,
  .type-accessory #addition .addition figure {
    margin: 0 0 50px 0;
    width: 100%;
  }
  .type-product #addition .addition figure img,
  .type-accessory #addition .addition figure img {
    width: 100%;
    height: auto;
  }
}
.type-product #variations,
.type-accessory #variations {
  margin: 0 auto 100px auto;
  width: 1240px;
}
@media print, screen and (max-width: 1240px) {
  .type-product #variations,
  .type-accessory #variations {
    width: calc(100% - 40px);
  }
}
.type-product #variations::after,
.type-accessory #variations::after {
  content: "";
  display: block;
  clear: both;
}
.type-product #variations table,
.type-accessory #variations table {
  width: 100%;
  font-family: "Shorai Sans StdN", sans-serif;
  font-size: 14px;
  line-height: 31px;
}
.type-product #variations table tr,
.type-accessory #variations table tr {
  border-bottom: 3px solid #E0E3EA;
}
@media screen and (max-width: 899px) {
  .type-product #variations table tr,
  .type-accessory #variations table tr {
    border-bottom: none;
  }
}
.type-product #variations table tr th,
.type-accessory #variations table tr th {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  text-align: left;
  vertical-align: middle;
  padding: 40px 0;
  width: 10%;
}
@media screen and (max-width: 899px) {
  .type-product #variations table tr th,
  .type-accessory #variations table tr th {
    width: 100%;
    display: block;
    border-bottom: 1px solid #707070;
    float: left;
    padding: 20px 0;
  }
}
.type-product #variations table tr td,
.type-accessory #variations table tr td {
  padding: 40px 0;
  width: 30%;
}
@media screen and (max-width: 899px) {
  .type-product #variations table tr td,
  .type-accessory #variations table tr td {
    font-size: 12px;
    line-height: 26px;
    display: block;
    width: 33%;
    float: left;
    padding: 26px 0;
  }
}
.type-product #variations .note,
.type-accessory #variations .note {
  margin-top: 50px;
  font-family: "Shorai Sans StdN", sans-serif;
  font-size: 14px;
  line-height: 31px;
}
@media screen and (max-width: 899px) {
  .type-product #variations .note,
  .type-accessory #variations .note {
    margin-top: 30px;
    font-size: 12px;
    line-height: 26px;
  }
}
.type-product #warranty,
.type-accessory #warranty {
  width: 100%;
  background-color: #4A4E59;
}
.type-product #warranty > div,
.type-accessory #warranty > div {
  width: 1240px;
  display: flex;
  align-items: center;
  margin: 0 auto;
  padding: 50px 20px;
}
@media print, screen and (max-width: 1240px) {
  .type-product #warranty > div,
  .type-accessory #warranty > div {
    width: 100%;
  }
}
@media screen and (max-width: 899px) {
  .type-product #warranty > div,
  .type-accessory #warranty > div {
    flex-direction: column;
  }
}
.type-product #warranty > div > div,
.type-accessory #warranty > div > div {
  padding-left: 50px;
}
@media screen and (max-width: 899px) {
  .type-product #warranty > div > div,
  .type-accessory #warranty > div > div {
    padding-left: 0;
  }
}
.type-product #warranty > div > div h3,
.type-accessory #warranty > div > div h3 {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 37px;
  color: #ffffff;
}
@media screen and (max-width: 899px) {
  .type-product #warranty > div > div h3,
  .type-accessory #warranty > div > div h3 {
    text-align: center;
  }
}
.type-product #warranty > div > div div,
.type-accessory #warranty > div > div div {
  font-family: "Shorai Sans StdN", sans-serif;
  font-size: 14px;
  line-height: 28px;
  color: #ffffff;
}
.type-product #warranty > div > div div a,
.type-accessory #warranty > div > div div a {
  color: #33A5F2;
  text-decoration: none;
}
.type-product #warranty > div img,
.type-accessory #warranty > div img {
  width: 50%;
}
.type-product #eloview,
.type-accessory #eloview {
  width: 100%;
}
.type-product #eloview > div,
.type-accessory #eloview > div {
  width: 1240px;
  display: flex;
  align-items: center;
  margin: 0 auto;
  padding: 50px 20px;
}
@media print, screen and (max-width: 1240px) {
  .type-product #eloview > div,
  .type-accessory #eloview > div {
    width: 100%;
  }
}
@media screen and (max-width: 899px) {
  .type-product #eloview > div,
  .type-accessory #eloview > div {
    flex-direction: column;
  }
}
.type-product #eloview > div > div.temp_ev_left,
.type-accessory #eloview > div > div.temp_ev_left {
  padding-left: 70px;
  width: 52%;
}
@media print, screen and (max-width: 1240px) {
  .type-product #eloview > div > div.temp_ev_left,
  .type-accessory #eloview > div > div.temp_ev_left {
    padding-left: 0;
    width: 85%;
    text-align: left;
  }
}
.type-product #eloview > div > div.temp_ev_left img.temp_ev_logo,
.type-accessory #eloview > div > div.temp_ev_left img.temp_ev_logo {
  width: 154px;
  margin-bottom: 30px;
}
.type-product #eloview > div > div.temp_ev_left h3,
.type-accessory #eloview > div > div.temp_ev_left h3 {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 37px;
}
.type-product #eloview > div > div.temp_ev_left div,
.type-accessory #eloview > div > div.temp_ev_left div {
  font-family: "Shorai Sans StdN", sans-serif;
  font-size: 14px;
  line-height: 28px;
}
.type-product #eloview > div > div.temp_ev_left div a,
.type-accessory #eloview > div > div.temp_ev_left div a {
  color: #33A5F2;
  text-decoration: none;
}
.type-product #eloview > div > div.temp_ev_right,
.type-accessory #eloview > div > div.temp_ev_right {
  padding-left: 50px;
  width: 48%;
  text-align: center;
}
@media screen and (max-width: 899px) {
  .type-product #eloview > div > div.temp_ev_right,
  .type-accessory #eloview > div > div.temp_ev_right {
    padding-left: 0;
    width: 100%;
  }
}
.type-product #eloview > div > div.temp_ev_right a,
.type-accessory #eloview > div > div.temp_ev_right a {
  color: #33A5F2;
  text-decoration: none;
}
.type-product #eloview > div > div.temp_ev_right .button,
.type-accessory #eloview > div > div.temp_ev_right .button {
  display: block;
  background-color: #33A5F2;
  color: #ffffff;
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 12px;
  line-height: 51px;
  width: 261px;
  text-decoration: none;
  margin: 0 auto;
}
.type-product #eloview > div > div.temp_ev_right img,
.type-accessory #eloview > div > div.temp_ev_right img {
  width: 345px;
}
.type-product #tdmhow,
.type-accessory #tdmhow {
  width: 100%;
}
.type-product #tdmhow > div,
.type-accessory #tdmhow > div {
  width: 1240px;
  display: flex;
  align-items: center;
  margin: 0 auto;
  padding: 50px 20px;
}
@media print, screen and (max-width: 1240px) {
  .type-product #tdmhow > div,
  .type-accessory #tdmhow > div {
    width: 100%;
  }
}
@media screen and (max-width: 899px) {
  .type-product #tdmhow > div,
  .type-accessory #tdmhow > div {
    flex-direction: column;
  }
}
.type-product #tdmhow > div > div.temp_tdm_left,
.type-accessory #tdmhow > div > div.temp_tdm_left {
  padding-left: 50px;
  width: 51%;
}
@media print, screen and (max-width: 1240px) {
  .type-product #tdmhow > div > div.temp_tdm_left,
  .type-accessory #tdmhow > div > div.temp_tdm_left {
    padding-left: 0;
    width: 85%;
    text-align: left;
  }
}
.type-product #tdmhow > div > div.temp_tdm_left h3,
.type-accessory #tdmhow > div > div.temp_tdm_left h3 {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 32px;
  line-height: 30px;
  margin-bottom: 15px;
}
.type-product #tdmhow > div > div.temp_tdm_left div,
.type-accessory #tdmhow > div > div.temp_tdm_left div {
  font-family: "Shorai Sans StdN", sans-serif;
  font-size: 14px;
  line-height: 28px;
}
.type-product #tdmhow > div > div.temp_tdm_left div a,
.type-accessory #tdmhow > div > div.temp_tdm_left div a {
  color: #33A5F2;
  text-decoration: none;
}
.type-product #tdmhow > div > div.temp_tdm_right,
.type-accessory #tdmhow > div > div.temp_tdm_right {
  padding-left: 30px;
  width: 88%;
  text-align: center;
}
@media screen and (max-width: 899px) {
  .type-product #tdmhow > div > div.temp_tdm_right,
  .type-accessory #tdmhow > div > div.temp_tdm_right {
    padding-left: 0;
    width: 100%;
  }
}
.type-product #tdmhow > div > div.temp_tdm_right a,
.type-accessory #tdmhow > div > div.temp_tdm_right a {
  color: #33A5F2;
  text-decoration: none;
}
.type-product #tdmhow > div > div.temp_tdm_right .button,
.type-accessory #tdmhow > div > div.temp_tdm_right .button {
  display: block;
  background-color: #33A5F2;
  color: #ffffff;
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 12px;
  line-height: 51px;
  width: 261px;
  text-decoration: none;
  margin: 0 auto;
}
.type-product #tdmhow > div > div.temp_tdm_right img,
.type-accessory #tdmhow > div > div.temp_tdm_right img {
  width: 500px;
}
.type-product #tdmdetail,
.type-accessory #tdmdetail {
  width: 100%;
}
.type-product #tdmdetail div.tdm_txt,
.type-accessory #tdmdetail div.tdm_txt {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0px 70px;
}
@media screen and (max-width: 899px) {
  .type-product #tdmdetail div.tdm_txt,
  .type-accessory #tdmdetail div.tdm_txt {
    padding: 0px 45px;
  }
}
.type-product #tdmdetail div.tdm_txt h4,
.type-accessory #tdmdetail div.tdm_txt h4 {
  text-align: center;
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 32px;
  margin-bottom: 20px;
}
.type-product #tdmdetail div.tdm_flex ol.tdm_container,
.type-accessory #tdmdetail div.tdm_flex ol.tdm_container {
  counter-reset: listnum; /* カウンターをリセット */
  list-style: none; /* 標準のスタイルは消す */
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  height: 480px;
  width: 50%;
}
@media print, screen and (max-width: 1240px) {
  .type-product #tdmdetail div.tdm_flex ol.tdm_container,
  .type-accessory #tdmdetail div.tdm_flex ol.tdm_container {
    height: 960px;
    width: 90vw;
    margin-left: 40px;
  }
}
@media screen and (max-width: 899px) {
  .type-product #tdmdetail div.tdm_flex ol.tdm_container,
  .type-accessory #tdmdetail div.tdm_flex ol.tdm_container {
    height: 1080px;
    width: 90vw;
    margin-left: 0px;
  }
}
.type-product #tdmdetail div.tdm_flex ol.tdm_container li.tdm_item,
.type-accessory #tdmdetail div.tdm_flex ol.tdm_container li.tdm_item {
  height: 160px;
}
@media screen and (max-width: 899px) {
  .type-product #tdmdetail div.tdm_flex ol.tdm_container li.tdm_item,
  .type-accessory #tdmdetail div.tdm_flex ol.tdm_container li.tdm_item {
    height: 180px;
  }
}
.type-product #tdmdetail div.tdm_flex ol.tdm_container li.tdm_item h3,
.type-accessory #tdmdetail div.tdm_flex ol.tdm_container li.tdm_item h3 {
  font-size: 28px;
  font-family: "Shorai Sans StdN Bold", sans-serif;
}
@media screen and (max-width: 899px) {
  .type-product #tdmdetail div.tdm_flex ol.tdm_container li.tdm_item h3,
  .type-accessory #tdmdetail div.tdm_flex ol.tdm_container li.tdm_item h3 {
    font-size: 22px;
  }
}
@media screen and (max-width: 899px) {
  .type-product #tdmdetail div.tdm_flex ol.tdm_container li.tdm_item p,
  .type-accessory #tdmdetail div.tdm_flex ol.tdm_container li.tdm_item p {
    line-height: 14pt;
  }
}
.type-product #tdmdetail div.tdm_flex ol.tdm_container li.tdm_item div,
.type-accessory #tdmdetail div.tdm_flex ol.tdm_container li.tdm_item div {
  margin-left: 110px;
  padding-right: 50px;
  width: 85%;
}
@media screen and (max-width: 899px) {
  .type-product #tdmdetail div.tdm_flex ol.tdm_container li.tdm_item div,
  .type-accessory #tdmdetail div.tdm_flex ol.tdm_container li.tdm_item div {
    margin-left: 80px;
    padding-right: 0px;
    width: 80%;
  }
}
.type-product #tdmdetail div.tdm_flex ol.tdm_container li.tdm_item div hr,
.type-accessory #tdmdetail div.tdm_flex ol.tdm_container li.tdm_item div hr {
  margin: 0.5em 0;
}
.type-product #tdmdetail ol li::before,
.type-accessory #tdmdetail ol li::before {
  counter-increment: listnum; /* counter-resetと同じ文字列 */
  content: counter(listnum); /* カウントした数に応じて番号を表示 */
  display: inline-block;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: #3BA6EF;
  text-align: center;
  line-height: 100px;
  position: absolute;
  transform: translateY(-10%);
  font-size: 32pt;
  color: #FFF;
  font-family: "Shorai Sans StdN Bold", sans-serif;
}
@media screen and (max-width: 899px) {
  .type-product #tdmdetail ol li::before,
  .type-accessory #tdmdetail ol li::before {
    width: 70px;
    height: 70px;
    line-height: 70px;
  }
}
.type-product #tdmdetail > div.tdm_flex,
.type-accessory #tdmdetail > div.tdm_flex {
  width: 1240px;
  display: flex;
  align-items: center;
  margin: 0 auto;
  padding: 50px 20px;
}
@media print, screen and (max-width: 1240px) {
  .type-product #tdmdetail > div.tdm_flex,
  .type-accessory #tdmdetail > div.tdm_flex {
    width: 100%;
  }
}
@media screen and (max-width: 899px) {
  .type-product #tdmdetail > div.tdm_flex,
  .type-accessory #tdmdetail > div.tdm_flex {
    flex-direction: column;
  }
}
.type-product #spec,
.type-accessory #spec {
  width: 1240px;
  margin: 0 auto;
  padding: 150px 20px 50px 20px;
}
@media print, screen and (max-width: 1240px) {
  .type-product #spec,
  .type-accessory #spec {
    width: 100%;
  }
}
.type-product #spec > div h2,
.type-accessory #spec > div h2 {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 40px;
  line-height: 40px;
  margin-bottom: 37px;
}
@media screen and (max-width: 899px) {
  .type-product #spec > div h2,
  .type-accessory #spec > div h2 {
    font-size: 28px;
    line-height: 34px;
  }
}
.type-product #spec > div .spec-sub,
.type-accessory #spec > div .spec-sub {
  position: relative;
}
@media screen and (max-width: 899px) {
  .type-product #spec > div .spec-sub::after,
  .type-accessory #spec > div .spec-sub::after {
    content: "";
    display: block;
    position: absolute;
    top: 44px;
    right: 0;
    width: 14px;
    height: 2px;
    background-color: #95989F;
  }
}
.type-product #spec > div .spec-sub h4,
.type-accessory #spec > div .spec-sub h4 {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 20px;
  line-height: 20px;
  padding-bottom: 22px;
  padding-top: 25px;
  color: #33A5F2;
}
@media screen and (max-width: 899px) {
  .type-product #spec > div .spec-sub h4::after,
  .type-accessory #spec > div .spec-sub h4::after {
    content: "";
    display: block;
    position: absolute;
    top: 44px;
    right: 0;
    width: 14px;
    height: 2px;
    background-color: #95989F;
    transform: rotate(90deg);
    transition: transform 200ms ease-out;
  }
  .type-product #spec > div .spec-sub h4.active::after,
  .type-accessory #spec > div .spec-sub h4.active::after {
    transform: rotate(0);
  }
}
.type-product #spec > div .spec-sub div, .type-product #spec > div .spec-sub dl,
.type-accessory #spec > div .spec-sub div,
.type-accessory #spec > div .spec-sub dl {
  border-top: 3px solid #E0E3EA;
  font-family: "Shorai Sans StdN", sans-serif;
  font-size: 14px;
  line-height: 31px;
}
@media screen and (max-width: 899px) {
  .type-product #spec > div .spec-sub div, .type-product #spec > div .spec-sub dl,
  .type-accessory #spec > div .spec-sub div,
  .type-accessory #spec > div .spec-sub dl {
    height: 0;
    overflow: hidden;
    transition: all 200ms ease-out;
  }
}
.type-product #spec > div .spec-sub div,
.type-accessory #spec > div .spec-sub div {
  padding: 25px 30px;
}
@media screen and (max-width: 899px) {
  .type-product #spec > div .spec-sub div,
  .type-accessory #spec > div .spec-sub div {
    padding: 0 30px;
  }
}
.type-product #spec > div .spec-sub dl,
.type-accessory #spec > div .spec-sub dl {
  display: flex;
  flex-wrap: wrap;
}
.type-product #spec > div .spec-sub dl dt,
.type-accessory #spec > div .spec-sub dl dt {
  min-width: 180px;
  width: 30%;
  padding: 25px 30px;
}
@media screen and (max-width: 899px) {
  .type-product #spec > div .spec-sub dl dt,
  .type-accessory #spec > div .spec-sub dl dt {
    width: 180px;
  }
}
.type-product #spec > div .spec-sub dl dd,
.type-accessory #spec > div .spec-sub dl dd {
  width: 70%;
  padding: 25px 20px;
}
@media screen and (max-width: 899px) {
  .type-product #spec > div .spec-sub dl dd,
  .type-accessory #spec > div .spec-sub dl dd {
    width: calc(100% - 180px);
    word-break: break-all;
  }
}
.type-product #spec > div .spec-sub dl dd:nth-of-type(2n),
.type-accessory #spec > div .spec-sub dl dd:nth-of-type(2n) {
  background-color: #F6F8FB;
}
.type-product #option,
.type-accessory #option {
  position: relative;
  overflow: hidden;
}
.type-product #option .container,
.type-accessory #option .container {
  max-width: 1240px;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 35px;
}
@media print, screen and (max-width: 1240px) {
  .type-product #option .container,
  .type-accessory #option .container {
    width: calc(100% - 40px);
  }
}
.type-product #option .container h2,
.type-accessory #option .container h2 {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 40px;
  line-height: 40px;
  margin-bottom: 37px;
}
@media screen and (max-width: 899px) {
  .type-product #option .container h2,
  .type-accessory #option .container h2 {
    font-size: 28px;
    line-height: 34px;
  }
}
.type-product #option .container a,
.type-accessory #option .container a {
  text-decoration: none;
  color: #3A3A3A;
  display: block;
  margin-right: 30px;
  position: relative;
}
.type-product #option .container a .caption,
.type-accessory #option .container a .caption {
  font-family: "Shorai Sans StdN", sans-serif;
  font-size: 14px;
  line-height: 31px;
  padding: 13px 40px;
  top: 0;
  position: relative;
  z-index: 100;
  transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media screen and (max-width: 899px) {
  .type-product #option .container a .caption,
  .type-accessory #option .container a .caption {
    padding: 13px 0;
  }
}
.type-product #option .container a img,
.type-accessory #option .container a img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 470px;
  height: 350px;
}
.type-product #option .container a .overlay,
.type-accessory #option .container a .overlay {
  position: absolute;
  top: 0;
  width: 470px;
  height: 350px;
  background-color: #000;
  opacity: 0;
  transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  z-index: 10;
}
.type-product #option .container a:hover,
.type-accessory #option .container a:hover {
  opacity: 1;
}
.type-product #option .container a:hover .caption,
.type-accessory #option .container a:hover .caption {
  top: -110px;
  color: #ffffff;
}
.type-product #option .container a:hover .overlay,
.type-accessory #option .container a:hover .overlay {
  opacity: 0.7;
}
@media screen and (max-width: 899px) {
  .type-product #option .container a:hover,
  .type-accessory #option .container a:hover {
    opacity: 0.7;
  }
  .type-product #option .container a:hover .caption,
  .type-accessory #option .container a:hover .caption {
    top: 0;
    color: #3A3A3A;
  }
  .type-product #option .container a:hover .overlay,
  .type-accessory #option .container a:hover .overlay {
    opacity: 0;
  }
}
.type-product #option .container .slick,
.type-accessory #option .container .slick {
  padding-bottom: 100px;
}
.type-product #option .container .slick .component-gallery-a__slider .component-gallery-a__slide,
.type-accessory #option .container .slick .component-gallery-a__slider .component-gallery-a__slide {
  outline: none;
}
.type-product #option .container .slick .component-gallery-a__slider .component-gallery-a__slide a,
.type-accessory #option .container .slick .component-gallery-a__slider .component-gallery-a__slide a {
  outline: none;
}
.type-product #option .container .slick .component-gallery-a__slider .component-gallery-a__slide img,
.type-accessory #option .container .slick .component-gallery-a__slider .component-gallery-a__slide img {
  margin: 0 auto;
}
.type-product #option .container .slick .slick-list,
.type-accessory #option .container .slick .slick-list {
  overflow: visible;
}
.type-product #option .container .slick .slick-arrow,
.type-accessory #option .container .slick .slick-arrow {
  position: absolute;
  overflow: hidden;
  top: 200px;
  transform: translateY(-50%);
  opacity: 0.9;
  transition: opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  height: 80px;
  width: 80px;
  right: 150px;
  background-color: #33A5F2;
  outline: none;
  border: none;
}
.type-product #option .container .slick .slick-arrow.slider--prev,
.type-accessory #option .container .slick .slick-arrow.slider--prev {
  right: 231px;
  z-index: 20;
}
.type-product #option .container .slick .slick-arrow.slider--prev svg,
.type-accessory #option .container .slick .slick-arrow.slider--prev svg {
  max-width: 16px;
  transform: rotate(90deg);
  fill: #e0e3ea;
}
@media screen and (max-width: 899px) {
  .type-product #option .container .slick .slick-arrow.slider--prev,
  .type-accessory #option .container .slick .slick-arrow.slider--prev {
    display: none;
    z-index: -20;
  }
}
.type-product #option .container .slick .slick-arrow.slider--next svg,
.type-accessory #option .container .slick .slick-arrow.slider--next svg {
  max-width: 16px;
  transform: rotate(-90deg);
  fill: #e0e3ea;
}
@media screen and (max-width: 899px) {
  .type-product #option .container .slick .slick-arrow.slider--next,
  .type-accessory #option .container .slick .slick-arrow.slider--next {
    display: none;
    z-index: -20;
  }
}
.type-product #option .container .slick .slick-arrow:hover,
.type-accessory #option .container .slick .slick-arrow:hover {
  opacity: 1;
}
.type-product #option .container .slick .slick-dots,
.type-accessory #option .container .slick .slick-dots {
  position: absolute;
  top: -75px;
  right: 45px;
}
@media screen and (max-width: 899px) {
  .type-product #option .container .slick .slick-dots,
  .type-accessory #option .container .slick .slick-dots {
    top: auto;
    bottom: 80px;
    margin: 0;
    right: auto;
    left: 0;
  }
}
.type-product #option .container .slick .slick-dots li,
.type-accessory #option .container .slick .slick-dots li {
  display: inline-block;
}
.type-product #option .container .slick .slick-dots li::before,
.type-accessory #option .container .slick .slick-dots li::before {
  top: 7px;
  content: "";
  height: 4px;
  width: 16px;
  border: none;
  background-color: #cde9fa;
  position: relative;
  margin: 0 4px;
  display: inline-block;
  cursor: pointer;
}
.type-product #option .container .slick .slick-dots button,
.type-accessory #option .container .slick .slick-dots button {
  display: none;
}
.type-product #option .container .slick .slick-dots li.slick-active::before,
.type-accessory #option .container .slick .slick-dots li.slick-active::before {
  background-color: #3ba6ef;
}
.type-product #option .container .component-gallery-a__headline,
.type-accessory #option .container .component-gallery-a__headline {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 36px;
  line-height: 42px;
}
@media print, screen and (max-width: 1240px) {
  .type-product #option .container .component-gallery-a__headline,
  .type-accessory #option .container .component-gallery-a__headline {
    padding: 0 20px;
  }
}
@media screen and (max-width: 899px) {
  .type-product #option .container .component-gallery-a__headline,
  .type-accessory #option .container .component-gallery-a__headline {
    font-size: 28px;
    line-height: 34px;
  }
}
.type-product #option .component-accessories-a__background,
.type-accessory #option .component-accessories-a__background {
  background-color: #F6F8FB;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 40%;
  z-index: -1;
}
.type-product #optionXXXXX,
.type-accessory #optionXXXXX {
  background: linear-gradient(to bottom, #ffffff 35%, #F6F8FB 35%);
  width: 100%;
}
.type-product #optionXXXXX > div,
.type-accessory #optionXXXXX > div {
  margin: 0 auto;
  padding: 50px 20px 150px 20px;
  width: 1240px;
}
@media print, screen and (max-width: 1240px) {
  .type-product #optionXXXXX > div,
  .type-accessory #optionXXXXX > div {
    width: 100%;
  }
}
.type-product #optionXXXXX > div h2,
.type-accessory #optionXXXXX > div h2 {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 40px;
  line-height: 40px;
  margin-bottom: 37px;
}
.type-product #optionXXXXX > div .option-slide,
.type-accessory #optionXXXXX > div .option-slide {
  margin-right: 30px;
}
.type-product #optionXXXXX > div .caption,
.type-accessory #optionXXXXX > div .caption {
  font-family: "Shorai Sans StdN", sans-serif;
  font-size: 14px;
  line-height: 31px;
  padding: 13px 40px;
}
.type-product #documents,
.type-accessory #documents {
  width: 1240px;
  margin: 0 auto;
  padding: 150px 20px 50px 20px;
}
@media print, screen and (max-width: 1240px) {
  .type-product #documents,
  .type-accessory #documents {
    width: 100%;
  }
}
.type-product #documents > div h2,
.type-accessory #documents > div h2 {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 40px;
  line-height: 40px;
  margin-bottom: 37px;
}
@media screen and (max-width: 899px) {
  .type-product #documents > div h2,
  .type-accessory #documents > div h2 {
    font-size: 28px;
    line-height: 34px;
  }
}
.type-product #documents > div h2 span,
.type-accessory #documents > div h2 span {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  white-space: nowrap;
}
.type-product #documents > div > div,
.type-accessory #documents > div > div {
  padding-bottom: 55px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-top: 3px solid #E0E3EA;
  border-bottom: 3px solid #E0E3EA;
}
@media screen and (max-width: 899px) {
  .type-product #documents > div > div,
  .type-accessory #documents > div > div {
    display: block;
  }
}
.type-product #documents > div > div > div,
.type-accessory #documents > div > div > div {
  width: calc(50% - 13px);
}
@media screen and (max-width: 899px) {
  .type-product #documents > div > div > div,
  .type-accessory #documents > div > div > div {
    width: 100%;
  }
}
.type-product #documents > div > div > div h5,
.type-accessory #documents > div > div > div h5 {
  margin-top: 38px;
  margin-bottom: 16px;
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 20px;
  line-height: 20px;
}
@media screen and (max-width: 899px) {
  .type-product #documents > div > div > div h5,
  .type-accessory #documents > div > div > div h5 {
    text-align: center;
    margin-top: 43px;
    margin-bottom: 16px;
  }
}
.type-product #documents > div > div > div a,
.type-accessory #documents > div > div > div a {
  display: block;
  background-color: #F6F8FB;
  font-family: "Shorai Sans StdN", sans-serif;
  font-size: 14px;
  line-height: 64px;
  color: #3A3A3A;
  text-align: center;
  text-decoration: none;
}

.products .selectFromSize {
  position: relative;
  margin-bottom: 100px;
  text-align: center;
  display: flex;
  justify-content: space-between;
}
@media print, screen and (max-width: 1240px) {
  .products .selectFromSize {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 899px) {
  .products .selectFromSize {
    margin-left: 0;
    margin-right: 0;
  }
}
@media screen and (max-width: 899px) {
  .products .selectFromSize {
    flex-direction: column;
    align-items: center;
  }
}
.products .selectFromSize section {
  background-color: #F5F7F9;
  width: 257px;
  height: 329px;
}
@media print, screen and (max-width: 1240px) {
  .products .selectFromSize section {
    width: 186px;
    height: 239px;
  }
}
@media screen and (max-width: 899px) {
  .products .selectFromSize section {
    width: calc(100% - 10px);
    height: auto;
  }
}
.products .selectFromSize section:last-of-type {
  width: 313px;
}
@media print, screen and (max-width: 1240px) {
  .products .selectFromSize section:last-of-type {
    width: 227px;
  }
}
@media screen and (max-width: 899px) {
  .products .selectFromSize section:last-of-type {
    width: calc(100% - 10px);
    height: 213px;
  }
}
.products .selectFromSize section h5 {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 29px;
  line-height: 29px;
  margin: 37px 0 29px 0;
}
@media print, screen and (max-width: 1240px) {
  .products .selectFromSize section h5 {
    font-size: 21px;
    line-height: 21px;
    margin: 28px 0 20px 0;
  }
}
@media screen and (max-width: 899px) {
  .products .selectFromSize section h5 {
    font-size: 18px;
    line-height: 18px;
    margin: 20px 0 17px 0;
  }
}
.products .selectFromSize section a {
  display: block;
  background-color: #33A5F2;
  color: #ffffff;
  text-decoration: none;
  line-height: 33px;
  font-size: 13px;
  text-align: center;
  width: 80%;
  margin: 0 10% 8px 10%;
}
@media print, screen and (max-width: 1240px) {
  .products .selectFromSize section a {
    line-height: 24px;
    font-size: 9px;
    width: 90%;
    margin: 0 5% 6px 5%;
  }
}
@media screen and (max-width: 899px) {
  .products .selectFromSize section a {
    line-height: 33px;
    font-size: 13px;
    width: 290px;
    margin: 0 auto 8px auto;
  }
}
.products .selectFromSize section br {
  display: none;
}
.products .selectFromSize .img {
  width: 1183px;
  position: absolute;
  left: calc((100% - 1183px) / 2);
  bottom: -80px;
}
@media print, screen and (max-width: 1240px) {
  .products .selectFromSize .img {
    width: 793px;
    left: calc((100% - 793px) / 2);
    bottom: -50px;
  }
}
@media screen and (max-width: 899px) {
  .products .selectFromSize .img {
    width: 80%;
    left: 10%;
    bottom: -30px;
  }
}
@media screen and (max-width: 569px) {
  .products .selectFromSize .img {
    width: 100%;
    left: 0;
    bottom: 0px;
  }
}
.products .selectFromSize .img img {
  width: 100%;
}
.products .solutions {
  background-size: cover;
  background-position: center center;
  height: 447px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 64px;
}
@media print, screen and (max-width: 1240px) {
  .products .solutions {
    width: calc(100% - 40px);
    margin: 45px auto 0 auto;
    height: 325px;
  }
}
@media screen and (max-width: 899px) {
  .products .solutions {
    width: calc(100% - 10px);
    margin: 25px auto 0 auto;
    height: 332px;
  }
}
.products .solutions h4 {
  font-family: "Shorai Sans StdN", sans-serif;
  font-weight: 800;
  font-size: 50px;
  line-height: 58px;
  text-align: center;
  color: #ffffff;
  text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.6);
}
.products .solutions a {
  display: block;
  background-color: #33A5F2;
  color: #ffffff;
  text-decoration: none;
  line-height: 68px;
  font-size: 18px;
  text-align: center;
  width: 351px;
}
@media print, screen and (max-width: 1240px) {
  .products .solutions a {
    font-size: 12px;
    width: 255px;
    line-height: 50px;
  }
}
@media screen and (max-width: 899px) {
  .products .solutions a {
    font-size: 14px;
    width: 261px;
    line-height: 51px;
  }
}
.products .aboutPanelType {
  position: relative;
  background-color: #EEF1F7;
  margin-bottom: 70px;
  padding: 26px;
  height: 280px;
}
@media print, screen and (max-width: 1240px) {
  .products .aboutPanelType {
    margin: 0 20px 50px 20px;
  }
}
@media screen and (max-width: 899px) {
  .products .aboutPanelType {
    margin: 0 5px 15px 5px;
  }
}
@media print, screen and (max-width: 1240px) {
  .products .aboutPanelType {
    height: 203px;
  }
}
@media screen and (max-width: 899px) {
  .products .aboutPanelType {
    height: auto;
    text-align: center;
  }
}
.products .aboutPanelType h5 {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 30px;
  line-height: 40px;
  margin-bottom: 22px;
}
@media print, screen and (max-width: 1240px) {
  .products .aboutPanelType h5 {
    font-size: 21px;
    line-height: 28px;
    margin-bottom: 13px;
  }
}
@media screen and (max-width: 899px) {
  .products .aboutPanelType h5 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 27px;
  }
}
@media screen and (max-width: 569px) {
  .products .aboutPanelType h5 {
    text-align: left;
  }
}
.products .aboutPanelType p {
  font-family: "Shorai Sans StdN", sans-serif;
  font-weight: 800;
  font-size: 14px;
  line-height: 22px;
}
@media print, screen and (max-width: 1240px) {
  .products .aboutPanelType p {
    font-size: 14px;
    line-height: 18px;
  }
}
@media screen and (max-width: 899px) {
  .products .aboutPanelType p {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 21px;
  }
}
@media screen and (max-width: 569px) {
  .products .aboutPanelType p {
    text-align: left;
  }
}
.products .aboutPanelType img {
  position: absolute;
  width: 458px;
  right: 59px;
  top: 51px;
}
@media print, screen and (max-width: 1240px) {
  .products .aboutPanelType img {
    width: 333px;
    right: 42px;
    top: 37px;
  }
}
@media screen and (max-width: 899px) {
  .products .aboutPanelType img {
    width: 290px;
    position: static;
    margin-bottom: 20px;
  }
}
.products .aboutPanelType a {
  display: block;
  position: absolute;
  background-color: #33A5F2;
  color: #ffffff;
  text-decoration: none;
  line-height: 51px;
  font-size: 14px;
  text-align: center;
}
@media print, screen and (max-width: 1240px) {
  .products .aboutPanelType a {
    line-height: 37px;
    font-size: 10px;
  }
}
@media screen and (max-width: 899px) {
  .products .aboutPanelType a {
    position: relative;
    width: auto;
    margin: 0 auto;
  }
}
.products .aboutPanelType a.link {
  width: 261px;
  left: 25px;
  bottom: 24px;
}
@media print, screen and (max-width: 1240px) {
  .products .aboutPanelType a.link {
    width: 189px;
    left: 18px;
    bottom: 17px;
  }
}
@media screen and (max-width: 899px) {
  .products .aboutPanelType a.link {
    position: static;
    width: 289px;
    margin: 0 auto 8px auto;
  }
}
.products .aboutPanelType a.pdf {
  width: 316px;
  left: 307px;
  bottom: 24px;
  padding-right: 45px;
}
@media print, screen and (max-width: 1240px) {
  .products .aboutPanelType a.pdf {
    width: 230px;
    left: 222px;
    bottom: 17px;
  }
}
@media screen and (max-width: 899px) {
  .products .aboutPanelType a.pdf {
    position: relative;
    left: 0;
    top: 0;
    width: 316px;
    margin: 0 auto;
  }
}
.products .aboutPanelType a.pdf::after {
  content: "";
  width: 31px;
  height: 35px;
  display: inline-block;
  margin-left: 10px;
  background-image: url(images/icon-pdf.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 8px;
}
@media print, screen and (max-width: 1240px) {
  .products .aboutPanelType a.pdf::after {
    top: 5px;
    height: 26px;
    width: 23px;
  }
}

.catalogdownloads table.template thead {
  background-color: transparent;
}
.catalogdownloads table.template thead th {
  color: #3A3A3A;
  text-align: center;
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 20px;
  white-space: nowrap;
}
.catalogdownloads table.template th, .catalogdownloads table.template td {
  border: none;
  border-bottom: 1px solid #B1B1B1;
  text-align: center;
}

.products-list {
  position: relative;
}
@media screen and (max-width: 899px) {
  .products-list #breadcrumb ul {
    display: none;
  }
}
.products-list .head {
  background-color: #33353A;
  color: #ffffff;
  text-align: center;
  height: 320px;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}
@media print, screen and (max-width: 1240px) {
  .products-list .head {
    height: 233px;
  }
}
.products-list .head h1 {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 50px;
  line-height: 70px;
}
@media print, screen and (max-width: 1240px) {
  .products-list .head h1 {
    font-size: 34px;
    line-height: 48px;
  }
}
@media screen and (max-width: 899px) {
  .products-list .head h1 {
    font-size: 30px;
    line-height: 42px;
  }
}
.products-list .head h2 {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 22px;
  line-height: 30px;
}
@media print, screen and (max-width: 1240px) {
  .products-list .head h2 {
    font-size: 19px;
    line-height: 27px;
  }
}
@media screen and (max-width: 899px) {
  .products-list .head h2 {
    font-size: 22px;
    line-height: 30px;
  }
}
.products-list #pageLinkSelect {
  background-color: #EEF1F7;
  position: absolute;
  padding-right: 30px;
  right: 0;
  top: 320px;
  height: 60px;
}
@media print, screen and (max-width: 1240px) {
  .products-list #pageLinkSelect {
    top: 233px;
    height: 43px;
  }
}
@media screen and (max-width: 899px) {
  .products-list #pageLinkSelect {
    right: auto;
    height: 60px;
    left: 0;
  }
}
@media screen and (min-width: 1241px) {
  .products-list #pageLinkSelect {
    right: calc((100% - 1240px) / 2);
  }
}
.products-list #pageLinkSelect svg {
  position: absolute;
  width: 12px;
  height: 12px;
  fill: #3ba6ef;
  left: 25px;
  top: 24px;
  cursor: pointer;
}
@media print, screen and (max-width: 1240px) {
  .products-list #pageLinkSelect svg {
    top: 19px;
  }
}
@media screen and (max-width: 899px) {
  .products-list #pageLinkSelect svg {
    top: 24px;
  }
}
.products-list #pageLinkSelect select {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  appearance: none;
  -webkit-font-smoothing: antialiased;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: transparent;
  border-radius: 0;
  border: none;
  position: relative;
  padding-left: 65px;
  outline: none;
  font-size: 12px;
  color: #4a4e59;
  cursor: pointer;
  width: 100%;
  top: 20px;
}
@media print, screen and (max-width: 1240px) {
  .products-list #pageLinkSelect select {
    padding-left: 55px;
    top: 13px;
    font-size: 7px;
  }
}
@media screen and (max-width: 899px) {
  .products-list #pageLinkSelect select {
    padding-left: 65px;
    top: 20px;
    font-size: 12px;
  }
}
.products-list .copy {
  text-align: center;
  font-family: "Shorai Sans StdN", sans-serif;
  font-size: 14px;
  line-height: 30px;
  margin: 56px 0;
}
@media print, screen and (max-width: 1240px) {
  .products-list .copy {
    margin: 36px 0;
  }
}
@media screen and (max-width: 899px) {
  .products-list .copy {
    margin: 56px 0;
    line-height: 20px;
  }
}
.products-list .group {
  max-width: 1240px;
  margin: 0 auto;
}
@media print, screen and (max-width: 1240px) {
  .products-list .group {
    padding: 0 20px;
  }
}
.products-list .group h4 {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 24px;
  line-height: 24px;
  margin: 35px 0;
}
@media print, screen and (max-width: 1240px) {
  .products-list .group h4 {
    font-size: 16px;
    margin: 27px 0;
  }
}
@media screen and (max-width: 899px) {
  .products-list .group h4 {
    text-align: center;
    font-size: 24px;
    margin: 31px 0;
  }
}
.products-list .group ul {
  display: flex;
  flex-wrap: wrap;
}
.products-list .group ul li {
  background-color: #EEF1F7;
  width: calc((100% - 29px - 29px) / 3);
  display: block;
  height: 360px;
  margin-right: 29px;
  margin-bottom: 70px;
}
@media print, screen and (max-width: 1240px) {
  .products-list .group ul li {
    height: 262px;
  }
}
@media screen and (max-width: 899px) {
  .products-list .group ul li {
    width: 100%;
    height: 300px;
    margin-right: 0;
  }
}
.products-list .group ul li:nth-child(3n) {
  margin-right: 0;
}
.products-list .group ul li a {
  display: block;
  height: 360px;
  position: relative;
  text-decoration: none;
  color: #3A3A3A;
  text-align: center;
}
@media print, screen and (max-width: 1240px) {
  .products-list .group ul li a {
    height: 262px;
  }
}
@media screen and (max-width: 899px) {
  .products-list .group ul li a {
    height: 300px;
  }
}
.products-list .group ul li a .icons {
  position: absolute;
  top: 0;
  right: 0;
}
.products-list .group ul li a .icons div {
  width: 50px;
  height: 50px;
  overflow: hidden;
  margin: 8px;
  overflow: hidden;
  text-indent: -300px;
}
@media print, screen and (max-width: 1240px) {
  .products-list .group ul li a .icons div {
    width: 36px;
    height: 36px;
    margin: 6px;
  }
}
@media screen and (max-width: 899px) {
  .products-list .group ul li a .icons div {
    width: 45px;
    height: 45px;
    margin: 8px;
  }
}
.products-list .group ul li a .icons div.product-icon-1 {
  background: url(images/icon-wide.png) 50% 50% no-repeat;
  background-size: cover;
}
.products-list .group ul li a .icons div.product-icon-2 {
  background: url(images/icon-medical.png) 50% 50% no-repeat;
  background-size: cover;
}
.products-list .group ul li a .icons div.product-icon-3 {
  background: url(images/icon-50c.png) 50% 50% no-repeat;
  background-size: cover;
}
.products-list .group ul li a .size {
  padding: 14px 17px 4px 17px;
  text-align: left;
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 29px;
}
@media print, screen and (max-width: 1240px) {
  .products-list .group ul li a .size {
    font-size: 20px;
  }
}
@media screen and (max-width: 899px) {
  .products-list .group ul li a .size {
    font-size: 29px;
  }
}
.products-list .group ul li a .size span {
  font-size: 37px;
  font-family: "Montserrat";
  padding-right: 3px;
}
@media print, screen and (max-width: 1240px) {
  .products-list .group ul li a .size span {
    font-size: 25px;
  }
}
@media screen and (max-width: 899px) {
  .products-list .group ul li a .size span {
    font-size: 37px;
  }
}
.products-list .group ul li a .size span span {
  font-size: 50px;
  font-family: "Montserrat";
}
@media print, screen and (max-width: 1240px) {
  .products-list .group ul li a .size span span {
    font-size: 35px;
  }
}
@media screen and (max-width: 899px) {
  .products-list .group ul li a .size span span {
    font-size: 44px;
  }
}
.products-list .group ul li a figure {
  display: flex;
  flex-direction: column;
  max-height: 250px;
}
.products-list .group ul li a figure img {
  max-height: 200px;
  margin: 15px auto 10px auto;
}
.products-list .group ul li a figure img.longtitle {
  max-height: 180px;
}
@media print, screen and (max-width: 1240px) {
  .products-list .group ul li a figure img {
    max-height: 130px;
  }
  .products-list .group ul li a figure img.longtitle {
    max-height: 120px;
  }
}
@media screen and (max-width: 899px) {
  .products-list .group ul li a figure img {
    max-height: 160px;
    margin-top: 0;
  }
  .products-list .group ul li a figure img.longtitle {
    max-height: 150px;
  }
}
.products-list .group ul li a figure figcaption {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 25px;
  line-height: 25px;
}
@media print, screen and (max-width: 1240px) {
  .products-list .group ul li a figure figcaption {
    font-size: 17px;
    line-height: 17px;
  }
}
@media screen and (max-width: 899px) {
  .products-list .group ul li a figure figcaption {
    font-size: 22px;
    line-height: 22px;
  }
}
.products-list .group ul li a figure figcaption span {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 16px;
  line-height: 20px;
}
@media print, screen and (max-width: 1240px) {
  .products-list .group ul li a figure figcaption span {
    font-size: 10px;
    line-height: 13px;
  }
}
@media screen and (max-width: 899px) {
  .products-list .group ul li a figure figcaption span {
    font-size: 14px;
    line-height: 14px;
  }
}
.products-list .group ul li a .panel {
  height: 27px;
  font-size: 15px;
  line-height: 27px;
  background-color: #474747;
  color: #ffffff;
  position: absolute;
  width: 100%;
  bottom: 0;
  display: flex;
  justify-content: space-between;
}
@media print, screen and (max-width: 1240px) {
  .products-list .group ul li a .panel {
    height: 20px;
    line-height: 20px;
    font-size: 10px;
  }
}
@media screen and (max-width: 899px) {
  .products-list .group ul li a .panel {
    height: 27px;
    line-height: 27px;
    font-size: 12px;
  }
}
.products-list .group ul li a .panel > div {
  padding: 0 9px;
}
.products-list .group ul li a .panel > div > div {
  display: inline-block;
}
.products-list .group ul li a .panel > div > div::after {
  content: "";
  display: inline-block;
  width: 2px;
  height: 15px;
  background-color: #ffffff;
  margin: 0 5px -2px 10px;
}
@media print, screen and (max-width: 1240px) {
  .products-list .group ul li a .panel > div > div::after {
    height: 10px;
  }
}
@media screen and (max-width: 899px) {
  .products-list .group ul li a .panel > div > div::after {
    height: 13px;
  }
}
.products-list .group ul li a .panel > div > div:last-child::after {
  display: none;
}

.products-compare {
  position: relative;
}
.products-compare .head {
  background-color: #33353A;
  color: #ffffff;
  text-align: center;
  height: 320px;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}
@media print, screen and (max-width: 1240px) {
  .products-compare .head {
    height: 233px;
  }
}
.products-compare .head h1 {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 50px;
  line-height: 70px;
}
@media print, screen and (max-width: 1240px) {
  .products-compare .head h1 {
    font-size: 34px;
    line-height: 48px;
  }
}
@media screen and (max-width: 899px) {
  .products-compare .head h1 {
    font-size: 30px;
    line-height: 42px;
  }
}
.products-compare .head h2 {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 22px;
  line-height: 30px;
}
@media print, screen and (max-width: 1240px) {
  .products-compare .head h2 {
    font-size: 19px;
    line-height: 27px;
  }
}
@media screen and (max-width: 899px) {
  .products-compare .head h2 {
    font-size: 22px;
    line-height: 30px;
  }
}
.products-compare #pageLinkSelect {
  background-color: #EEF1F7;
  position: absolute;
  padding-right: 30px;
  right: 0;
  top: 320px;
  height: 60px;
}
@media print, screen and (max-width: 1240px) {
  .products-compare #pageLinkSelect {
    top: 233px;
    height: 43px;
  }
}
@media screen and (max-width: 899px) {
  .products-compare #pageLinkSelect {
    right: auto;
    height: 60px;
    left: 0;
  }
}
@media screen and (min-width: 1241px) {
  .products-compare #pageLinkSelect {
    right: calc((100% - 1240px) / 2);
  }
}
.products-compare #pageLinkSelect svg {
  position: absolute;
  width: 12px;
  height: 12px;
  fill: #3ba6ef;
  left: 25px;
  top: 24px;
  cursor: pointer;
}
@media print, screen and (max-width: 1240px) {
  .products-compare #pageLinkSelect svg {
    top: 19px;
  }
}
@media screen and (max-width: 899px) {
  .products-compare #pageLinkSelect svg {
    top: 24px;
  }
}
.products-compare #pageLinkSelect select {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  appearance: none;
  -webkit-font-smoothing: antialiased;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: transparent;
  border-radius: 0;
  border: none;
  position: relative;
  padding-left: 65px;
  outline: none;
  font-size: 12px;
  color: #4a4e59;
  cursor: pointer;
  width: 100%;
  top: 20px;
}
@media print, screen and (max-width: 1240px) {
  .products-compare #pageLinkSelect select {
    padding-left: 55px;
    top: 13px;
    font-size: 7px;
  }
}
@media screen and (max-width: 899px) {
  .products-compare #pageLinkSelect select {
    padding-left: 65px;
    top: 20px;
    font-size: 12px;
  }
}
.products-compare .copy {
  text-align: center;
  font-family: "Shorai Sans StdN", sans-serif;
  font-size: 14px;
  line-height: 30px;
  margin: 56px 0;
}
@media print, screen and (max-width: 1240px) {
  .products-compare .copy {
    margin: 36px 0;
  }
}
@media screen and (max-width: 899px) {
  .products-compare .copy {
    margin: 56px 0;
    line-height: 20px;
  }
}
.products-compare .headerContainer {
  text-align: center;
  margin: 0 10px;
}
.products-compare .headerCopy {
  display: inline-block;
  text-align: left;
  font-family: "Shorai Sans StdN", sans-serif;
  font-size: 14px;
  line-height: 31px;
  margin: 56px 0;
}
@media print, screen and (max-width: 1240px) {
  .products-compare .headerCopy {
    margin: 36px 0;
  }
}
@media screen and (max-width: 899px) {
  .products-compare .headerCopy {
    margin: 56px 0;
    line-height: 31px;
  }
}
.products-compare .compareTitle {
  text-align: center;
  font-size: 26px;
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
}
.products-compare .compareTitle br {
  display: none;
}
@media screen and (max-width: 569px) {
  .products-compare .compareTitle br {
    display: inline;
  }
}
.products-compare .compareTitle span {
  font-size: 16px;
}
.products-compare .compareTitle span .required {
  color: #DB5656;
}
.products-compare .selectArea {
  max-width: 1240px;
  margin: 70px auto 50px auto;
  text-align: center;
}
@media print, screen and (max-width: 1240px) {
  .products-compare .selectArea {
    margin: 70px 20px 50px 20px;
    width: calc(100% - 40px);
  }
}
@media screen and (max-width: 569px) {
  .products-compare .selectArea {
    margin: 40px 10px 40px 10px;
    width: calc(100% - 20px);
  }
}
.products-compare .selectArea .area1 {
  text-align: left;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.products-compare .selectArea .area1 .area2 {
  width: 393px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media print, screen and (max-width: 1240px) {
  .products-compare .selectArea .area1 .area2 {
    width: 100%;
  }
}
@media screen and (max-width: 899px) {
  .products-compare .selectArea .area1 .area2 .products-compare .selectArea .selectAreaBox {
    width: 100%;
  }
}
.products-compare .selectArea .selectAreaBox {
  margin-bottom: 40px;
}
@media screen and (max-width: 899px) {
  .products-compare .selectArea .selectAreaBox {
    width: 100%;
  }
}
.products-compare .selectArea .selectAreaBox h4 {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 14px;
}
@media screen and (max-width: 899px) {
  .products-compare .selectArea .selectAreaBox h4 {
    width: calc(100vw - 40px);
  }
}
@media screen and (max-width: 569px) {
  .products-compare .selectArea .selectAreaBox h4 {
    width: calc(100% - 20px);
  }
}
.products-compare .selectArea .selectAreaBox h4 .required {
  color: #DB5656;
}
.products-compare .selectArea .selectAreaBox:has(:disabled) {
  opacity: 0.3;
}
.products-compare .selectArea .selectAreaBox select {
  width: 393px;
}
@media screen and (max-width: 899px) {
  .products-compare .selectArea .selectAreaBox select {
    width: calc(100% - 35px);
  }
}
@media screen and (max-width: 569px) {
  .products-compare .selectArea .selectAreaBox select {
    width: calc(100% - 20px);
  }
}
.products-compare .selectArea .selectAreaBox .select2-container--default .select2-selection--single .select2-selection__arrow {
  width: 60px;
}
.products-compare .selectArea .selectAreaBox .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border: none;
  display: block;
  position: absolute;
  top: 22px;
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMS40NDgiIGhlaWdodD0iMTIuODQ2IiB2aWV3Qm94PSIwIDAgMjEuNDQ4IDEyLjg0NiI+CiAgPHBhdGggaWQ9IuODkeOCuV85NSIgZGF0YS1uYW1lPSLjg5HjgrkgOTUiIGQ9Ik0tMTAyNDEtNTNsOS42NjMsOS42NjQsOS42NjQtOS42NjQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwMjQyLjA2MSA1NC4wNjEpIiBmaWxsPSJub25lIiBzdHJva2U9IiMzM2E1ZjIiIHN0cm9rZS13aWR0aD0iMyIvPgo8L3N2Zz4K");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 30px;
  height: 10px;
}
.products-compare .selectArea .selectAreaBox .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border: none;
  transform: rotate(180deg);
}
.products-compare .selectArea .selectAreaBox .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 50px;
}
.products-compare .selectArea .selectAreaBox .select2-container .select2-selection--single {
  height: 50px;
}
.products-compare .selectArea input[type=submit] {
  width: 352px;
  height: 60px;
  background-color: #33A5F2;
  font-size: 18px;
  color: #ffffff;
  border: none;
}
@media screen and (max-width: 569px) {
  .products-compare .selectArea input[type=submit] {
    width: 100%;
  }
}
.products-compare .selectArea input[type=submit]:hover {
  background-color: rgb(74.9723502304, 175.5760368664, 243.5276497696);
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.16);
}
.products-compare .selectArea input[type=submit]:disabled {
  opacity: 0.3;
}
.products-compare .selectArea input[type=submit]:disabled:hover {
  background-color: #33A5F2;
  box-shadow: none;
}
.products-compare .compareDataArea {
  max-width: 1240px;
  margin: 50px auto 80px auto;
  text-align: center;
  scroll-snap-type: x mandatory;
}
.products-compare .compareDataArea.nosnap {
  scroll-snap-type: none;
}
@media print, screen and (max-width: 1240px) {
  .products-compare .compareDataArea {
    margin: 50px 20px 80px 20px;
    width: calc(100% - 40px);
    overflow-x: auto;
  }
}
@media screen and (max-width: 569px) {
  .products-compare .compareDataArea {
    margin: 40px 10px 80px 10px;
    width: calc(100% - 20px);
    overflow-x: auto;
  }
}
.products-compare .compareDataArea .compareDataAreaMain {
  max-width: 100qw;
}
.products-compare .compareDataArea table {
  box-sizing: border-box;
  table-layout: fixed;
  border-collapse: separate;
}
@media screen and (max-width: 899px) {
  .products-compare .compareDataArea table {
    width: 150%;
  }
  .products-compare .compareDataArea table.column2table {
    width: 100%;
  }
}
.products-compare .compareDataArea table thead {
  position: sticky;
  z-index: 999;
  top: 100px;
  border-bottom: 3px solid #E0E3EA;
}
@media print, screen and (max-width: 1240px) {
  .products-compare .compareDataArea table thead {
    top: 8.1111111111vw;
  }
}
@media screen and (max-width: 899px) {
  .products-compare .compareDataArea table thead {
    top: 60px;
  }
}
.products-compare .compareDataArea table thead tr td {
  scroll-snap-align: start;
  width: 50%;
  padding: 0 0 36px 0;
  background-color: #ffffff;
}
.products-compare .compareDataArea table thead tr td .label,
.products-compare .compareDataArea table thead tr td .next,
.products-compare .compareDataArea table thead tr td .prev {
  display: inline-block;
  font-size: 14px;
  border: 1px solid #3A3A3A;
  padding: 9px 16px;
}
.products-compare .compareDataArea table thead tr td.column3 {
  width: 33.3333333333%;
}
.products-compare .compareDataArea table thead tr td.column3 .next,
.products-compare .compareDataArea table thead tr td.column3 .prev {
  display: none;
  background-color: #858585;
  border: 1px solid #858585;
  color: #ffffff;
  padding: 9px 20px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2LjgiIGhlaWdodD0iMTAuNzcyIiB2aWV3Qm94PSIwIDAgNi44IDEwLjc3MiI+CiAgPHBhdGggaWQ9IuODkeOCuV8yNTkiIGRhdGEtbmFtZT0i44OR44K5IDI1OSIgZD0iTTAsMCw0LjY3OCw0LjY3OSwwLDkuMzU3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2LjA5MyAxMC4wNjQpIHJvdGF0ZSgxODApIiBmaWxsPSJub25lIiBzdHJva2U9IiNlZWYxZjciIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4KCg==");
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
}
@media screen and (max-width: 899px) {
  .products-compare .compareDataArea table thead tr td.column3 .next,
  .products-compare .compareDataArea table thead tr td.column3 .prev {
    display: inline-block;
  }
}
.products-compare .compareDataArea table thead tr td.column3 .next.next,
.products-compare .compareDataArea table thead tr td.column3 .prev.next {
  transform: rotate(180deg);
}
.products-compare .compareDataArea table thead tr td.column3 .next:hover,
.products-compare .compareDataArea table thead tr td.column3 .prev:hover {
  opacity: 0.7;
}
.products-compare .compareDataArea table thead tr td.column3 .next.disabled,
.products-compare .compareDataArea table thead tr td.column3 .prev.disabled {
  opacity: 0.3;
  cursor: auto;
}
@media screen and (max-width: 899px) {
  .products-compare .compareDataArea table thead tr td {
    width: calc((100vw - 40px) * 0.5);
  }
}
@media screen and (max-width: 569px) {
  .products-compare .compareDataArea table thead tr td {
    width: calc((100vw - 20px) * 0.5);
  }
}
.products-compare .compareDataArea table thead tr td:first-child {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 10;
}
.products-compare .compareDataArea table thead tr th {
  position: relative;
  padding: 10px 10px 10px 10px;
  vertical-align: top;
  border-right: 1px solid #E0E3EA;
  background-color: #ffffff;
}
.products-compare .compareDataArea table thead tr th span.title {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  display: block;
  text-align: left;
  color: #33A5F2;
}
@media screen and (max-width: 569px) {
  .products-compare .compareDataArea table thead tr th {
    padding: 40px 10px 10px 10px;
    text-align: justify;
  }
}
.products-compare .compareDataArea table thead tr th:last-child {
  border-right: none;
}
.products-compare .compareDataArea table thead tr th:first-child {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 10;
}
.products-compare .compareDataArea table thead tr th img {
  max-width: 60%;
}
.products-compare .compareDataArea table thead tr th.column3 img {
  max-width: 80%;
}
.products-compare .compareDataArea table tbody tr {
  background-color: #ffffff;
}
.products-compare .compareDataArea table tbody tr td {
  position: relative;
  padding: 40px 10px 10px 10px;
  text-align: justify;
  word-wrap: break-word;
  border-right: 1px solid #E0E3EA;
  background-color: #ffffff;
}
.products-compare .compareDataArea table tbody tr td span.title {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  position: absolute;
  top: 10px;
  left: 10px;
  color: #33A5F2;
}
.products-compare .compareDataArea table tbody tr td:last-child {
  border-right: none;
}
.products-compare .compareDataArea table tbody tr td:first-child {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 10;
}
.products-compare .compareDataArea table tbody tr td a.doclink {
  display: inline-block;
  text-decoration: none;
  text-align: center;
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 18px;
  line-height: 60px;
  color: #ffffff;
  width: 100%;
  background-color: #33A5F2;
}
.products-compare .compareDataArea table tbody tr th {
  position: relative;
  padding: 10px 10px 10px 10px;
  vertical-align: top;
  border-right: 1px solid #E0E3EA;
  background-color: #ffffff;
  padding: 10px 10px 10px 10px;
}
.products-compare .compareDataArea table tbody tr th span.title {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  display: block;
  text-align: left;
  color: #33A5F2;
}
@media screen and (max-width: 569px) {
  .products-compare .compareDataArea table tbody tr th {
    padding: 40px 10px 10px 10px;
    text-align: justify;
  }
}
.products-compare .compareDataArea table tbody tr th:last-child {
  border-right: none;
}
.products-compare .compareDataArea table tbody tr th:first-child {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 10;
}
.products-compare .compareDataArea table tbody tr th img {
  max-width: 60%;
}
@media screen and (max-width: 569px) {
  .products-compare .compareDataArea table tbody tr th img {
    max-width: 100%;
  }
}
@media print, screen and (max-width: 1240px) {
  .products-compare .compareDataArea table tbody tr th {
    padding: 100px 10px 10px 10px;
  }
}
@media screen and (max-width: 569px) {
  .products-compare .compareDataArea table tbody tr th {
    padding: 60px 10px 10px 10px;
  }
}
.products-compare .compareDataArea table tbody tr th.column3 img {
  max-width: 80%;
}
@media screen and (max-width: 899px) {
  .products-compare .compareDataArea table tbody tr th.column3 img {
    max-width: 60%;
  }
}
@media screen and (max-width: 569px) {
  .products-compare .compareDataArea table tbody tr th.column3 img {
    max-width: 100%;
  }
}
.products-compare .compareDataArea table tbody tr:nth-child(2n) {
  background-color: #F6F8FB;
}
.products-compare .compareDataArea table tbody tr:nth-child(2n) td {
  background-color: #F6F8FB;
}
.products-compare .infoArea {
  max-width: 1240px;
  border-radius: 20px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.16);
  margin: 0 auto 190px auto;
}
@media print, screen and (max-width: 1240px) {
  .products-compare .infoArea {
    margin: 0 20px 190px 20px;
    width: calc(100% - 40px);
  }
}
@media screen and (max-width: 569px) {
  .products-compare .infoArea {
    margin: 0 10px 190px 10px;
    width: calc(100% - 20px);
  }
}
.products-compare .infoArea .infoHead {
  padding: 42px 20px 35px 20px;
  border-bottom: 1px solid #707070;
  text-align: center;
}
.products-compare .infoArea .infoHead h2 {
  font-size: 26px;
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  margin-bottom: 16px;
}
@media screen and (max-width: 569px) {
  .products-compare .infoArea .infoHead h2 {
    font-size: 20px;
  }
}
.products-compare .infoArea .infoHead p {
  font-size: 18px;
}
.products-compare .infoArea .infoBody {
  padding: 37px 20px 20px 20px;
}
.products-compare .infoArea .infoBody ol {
  max-width: 936px;
  margin: 0 auto;
  list-style: none;
}
.products-compare .infoArea .infoBody ol li {
  font-size: 18px;
  line-height: 40px;
  margin-bottom: 1em;
}
.products-compare .infoArea .infoBody ol li h3 {
  color: #33A5F2;
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
}
.products-compare .infoArea .infoBody ol li h3 span {
  color: #3A3A3A;
  font-weight: normal;
}
.products-compare .infoArea .infoBody ol li div {
  margin-left: 1em;
}
.products-compare .test {
  text-align: center;
}
.products-compare .test select {
  width: 600px;
}

.select2-container.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #33A5F2;
}

@media screen and (max-width: 899px) {
  .distributor hr {
    margin: 0 20px;
  }
}
.distributor .about {
  font-family: "Shorai Sans StdN", sans-serif;
  font-size: 14px;
  line-height: 31px;
  padding: 18px 25px;
  background-color: #E4E4E4;
  margin-bottom: 35px;
}
@media print, screen and (max-width: 1240px) {
  .distributor .about {
    margin: 0 20px 35px 20px;
  }
}
@media screen and (max-width: 899px) {
  .distributor .about {
    margin: 0 20px 25px 20px;
  }
}
.distributor .linkbuttons {
  margin-top: 35px;
  margin-bottom: 35px;
  display: flex;
  justify-content: center;
}
@media print, screen and (max-width: 1240px) {
  .distributor .linkbuttons {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 899px) {
  .distributor .linkbuttons {
    flex-direction: column;
    align-items: center;
  }
}
.distributor .linkbuttons li {
  display: block;
  width: calc(50% - 14px);
}
@media print, screen and (max-width: 1240px) {
  .distributor .linkbuttons li {
    width: calc(50% - 10px);
  }
}
@media screen and (max-width: 899px) {
  .distributor .linkbuttons li {
    width: 416px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 569px) {
  .distributor .linkbuttons li {
    width: 100%;
  }
}
.distributor .linkbuttons li a {
  display: block;
  width: 98%;
  background-color: #33A5F2;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 18px;
  line-height: 20px;
}
@media print, screen and (max-width: 1240px) {
  .distributor .linkbuttons li a {
    font-size: 13px;
    line-height: 20px;
  }
}
@media screen and (max-width: 899px) {
  .distributor .linkbuttons li a {
    font-size: 16px;
    line-height: 20px;
    padding: 20px 0px;
  }
}
.distributor .linkbuttons li a.text_1line {
  padding: 20px 0px;
}
.distributor .linkbuttons li a.text_2line {
  padding: 10px 0px;
}
.distributor #distributor_docs_list {
  width: 100%;
}
.distributor #distributor_docs_list h2 {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  text-align: center;
  background-color: #F6F8FB;
  color: #3A3A3A;
  font-size: 25px;
  line-height: 90px;
  margin-top: 100px;
}
@media print, screen and (max-width: 1240px) {
  .distributor #distributor_docs_list h2 {
    font-size: 18px;
    line-height: 66px;
    margin-top: 72px;
  }
}
@media screen and (max-width: 899px) {
  .distributor #distributor_docs_list h2 {
    font-size: 25px;
    line-height: 40px;
    padding: 38px 0;
    margin-top: 100px;
  }
}
.distributor #distributor_docs_list section {
  width: 1240px;
  margin: 0 auto;
}
@media print, screen and (max-width: 1240px) {
  .distributor #distributor_docs_list section {
    width: 100%;
  }
}
.distributor #distributor_docs_list section dl {
  position: relative;
  margin: 70px 0;
}
@media print, screen and (max-width: 1240px) {
  .distributor #distributor_docs_list section dl {
    margin: 50px 0;
  }
}
@media screen and (max-width: 899px) {
  .distributor #distributor_docs_list section dl {
    position: relative;
    width: 415px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 569px) {
  .distributor #distributor_docs_list section dl {
    position: relative;
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
  }
}
.distributor #distributor_docs_list section dl dt {
  position: absolute;
  left: 335px;
  top: 0;
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 20px;
  line-height: 25px;
}
@media print, screen and (max-width: 1240px) {
  .distributor #distributor_docs_list section dl dt {
    left: 243px;
    font-size: 14px;
    line-height: 19px;
  }
}
@media screen and (max-width: 899px) {
  .distributor #distributor_docs_list section dl dt {
    position: static;
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 18px;
  }
}
.distributor #distributor_docs_list section dl dd {
  position: relative;
  left: 600px;
  font-family: "Shorai Sans StdN", sans-serif;
  font-size: 15px;
  margin-bottom: 11px;
  width: 50%;
}
@media print, screen and (max-width: 1240px) {
  .distributor #distributor_docs_list section dl dd {
    left: 436px;
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 899px) {
  .distributor #distributor_docs_list section dl dd {
    position: static;
  }
}
.distributor #distributor_docs_list section dl dd span {
  width: 77px;
  font-size: 15px;
  line-height: 25px;
  color: #ffffff;
  background-color: #707071;
  display: inline-block;
  text-align: center;
  margin-right: 13px;
}
@media print, screen and (max-width: 1240px) {
  .distributor #distributor_docs_list section dl dd span {
    width: 56px;
    font-size: 11px;
    line-height: 19px;
    margin-right: 10px;
  }
}
@media screen and (max-width: 899px) {
  .distributor #distributor_docs_list section dl dd span {
    width: 61px;
    font-size: 14px;
    line-height: 25px;
    margin-right: 9px;
  }
}
.distributor #distributor_docs_list section dl dd a {
  text-decoration: none;
  font-family: "Shorai Sans StdN", sans-serif;
  font-size: 18px;
  line-height: 25px;
}
@media print, screen and (max-width: 1240px) {
  .distributor #distributor_docs_list section dl dd a {
    font-size: 13px;
    line-height: 19px;
  }
}
@media screen and (max-width: 899px) {
  .distributor #distributor_docs_list section dl dd a {
    font-size: 16px;
    line-height: 25px;
  }
}
.distributor .caption {
  font-family: "Shorai Sans StdN", sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #3A3A3A;
  margin-bottom: 100px;
}
@media print, screen and (max-width: 1240px) {
  .distributor .caption {
    margin-left: 20px;
    margin-right: 20px;
  }
}
.distributor .cats_block {
  width: 100%;
  margin-bottom: 15px;
}
.distributor .cats_block h2 {
  position: relative;
  background-color: #F6F8FB;
  padding-left: calc((100% - 1240px) / 2);
  height: 90px;
  display: flex;
  align-items: center;
}
@media print, screen and (max-width: 1240px) {
  .distributor .cats_block h2 {
    padding-left: 28px;
  }
}
@media screen and (max-width: 569px) {
  .distributor .cats_block h2 {
    justify-content: center;
  }
}
.distributor .cats_block h2 span {
  display: block;
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 25px;
  line-height: 30px;
}
@media screen and (max-width: 899px) {
  .distributor .cats_block h2 span {
    font-size: 20px;
    line-height: 25px;
  }
}
@media screen and (max-width: 569px) {
  .distributor .cats_block h2 span {
    padding-right: 50px;
    text-align: center;
  }
}
.distributor .cats_block h2::after {
  transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: rotate(-90deg);
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMC40NzYiIGhlaWdodD0iMjEuMjc1IiB2aWV3Qm94PSIwIDAgMzAuNDc2IDIxLjI3NSI+CiAgPHBhdGggaWQ9IuWkmuinkuW9ol81MyIgZGF0YS1uYW1lPSLlpJrop5LlvaIgNTMiIGQ9Ik0xNS4yMzgsMCwzMC40NzYsMjEuMjc1SDBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMC40NzYgMjEuMjc1KSByb3RhdGUoMTgwKSIgZmlsbD0iIzNhM2EzYSIvPgo8L3N2Zz4K");
  display: block;
  position: absolute;
  top: 35px;
  right: calc((100% - 1240px) / 2);
  width: 30px;
  height: 21px;
  cursor: pointer;
}
@media print, screen and (max-width: 1240px) {
  .distributor .cats_block h2::after {
    right: 28px;
  }
}
@media screen and (max-width: 569px) {
  .distributor .cats_block h2::after {
    right: 8px;
  }
}
.distributor .cats_block section {
  width: 1240px;
  margin: 0 auto;
  overflow-y: hidden;
  overflow-x: auto;
  height: 0;
  transition: height 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media screen and (max-width: 899px) {
  .distributor .cats_block section {
    width: calc(100% - 40px);
    margin-bottom: 40px;
  }
}
.distributor .cats_block section h3 {
  background-color: #F6F8FB;
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  padding-left: 25px;
  font-size: 20px;
  line-height: 42px;
}
.distributor .cats_block section h3::before {
  content: "■ ";
}
.distributor .cats_block section table {
  width: 100%;
}
.distributor .cats_block section table thead tr {
  border-bottom: 1px solid #B1B1B1;
}
.distributor .cats_block section table thead tr th {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  text-align: center;
  padding: 30px 5px;
  font-size: 20px;
  line-height: 20px;
  white-space: nowrap;
}
.distributor .cats_block section table tbody tr {
  border-bottom: 1px solid #B1B1B1;
}
.distributor .cats_block section table tbody tr th, .distributor .cats_block section table tbody tr td {
  font-family: "Shorai Sans StdN", sans-serif;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  padding: 30px 5px;
  vertical-align: middle;
  white-space: nowrap;
}
.distributor .cats_block section table tbody tr th span, .distributor .cats_block section table tbody tr td span {
  color: #DB5656;
}
.distributor .cats_block section table tbody tr th a, .distributor .cats_block section table tbody tr td a {
  text-decoration: none;
}
.distributor .cats_block section table tbody tr th {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 14px;
  line-height: 20px;
}
.distributor .cats_block.active h2::after {
  transform: rotate(0);
}
.distributor .cats_block.active section {
  margin: 35px auto 70px auto;
}

.support > .head {
  color: #3A3A3A;
  height: 387px;
}
.support > .head * {
  color: #3A3A3A;
}
@media print, screen and (max-width: 1240px) {
  .support > .head {
    height: 281px;
  }
}
@media screen and (max-width: 899px) {
  .support > .head {
    height: 448px;
  }
}
.support > .head form {
  margin-top: 50px;
  width: 100%;
  max-width: 1240px;
}
.support > .head form input[type=text] {
  margin: 0;
  border: none;
  font-size: 25px;
  height: 36px;
  line-height: 36px;
  width: calc(100% - 120px - 50px);
  border-radius: 2px 0 0 2px;
}
@media print, screen and (max-width: 1240px) {
  .support > .head form input[type=text] {
    font-size: 20px;
    height: 27px;
    line-height: 27px;
  }
}
@media screen and (max-width: 899px) {
  .support > .head form input[type=text] {
    font-size: 25px;
    height: 36px;
    line-height: 36px;
    padding: 0 5px;
  }
}
.support > .head form input[type=submit] {
  margin: 0;
  border: none;
  text-indent: -300px;
  overflow: hidden;
  width: 120px;
  font-size: 25px;
  height: 36px;
  line-height: 36px;
  background: #3BA6EF url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOS4wNTIiIGhlaWdodD0iMjkuMTcyIiB2aWV3Qm94PSIwIDAgMjkuMDUyIDI5LjE3MiI+CiAgPHBhdGggaWQ9IuWQiOS9k184IiBkYXRhLW5hbWU9IuWQiOS9kyA4IiBkPSJNMjQuNTg5LDI4LjU4N2wtOC44LTguOHEtLjA2OC0uMDY4LS4xMjgtLjE0QTEwLjUsMTAuNSwwLDAsMSwzLjA3NSwzLjA3NSwxMC41LDEwLjUsMCwwLDEsMTkuNTU3LDE1LjgwOHEuMDU0LjA0Ny4xMDYuMWw4LjgsOC44YTIsMiwwLDAsMSwwLDIuODI4bC0xLjA0OSwxLjA0OWEyLDIsMCwwLDEtMi44MjksMFpNMywxMC41QTcuNSw3LjUsMCwxLDAsMTAuNSwzLDcuNTA5LDcuNTA5LDAsMCwwLDMsMTAuNVoiIGZpbGw9IiNmZmYiLz4KPC9zdmc+Cg==") 50% 50% no-repeat;
  background-size: 18px;
  border-radius: 0 2px 2px 0;
}
@media print, screen and (max-width: 1240px) {
  .support > .head form input[type=submit] {
    width: 90px;
    font-size: 20px;
    height: 27px;
    line-height: 27px;
  }
}
@media screen and (max-width: 899px) {
  .support > .head form input[type=submit] {
    width: 120px;
    font-size: 25px;
    height: 36px;
    line-height: 36px;
  }
}
@media screen and (max-width: 569px) {
  .support > .head form input[type=submit] {
    width: 36px;
    height: 36px;
  }
}
.support .copy {
  font-family: "Shorai Sans StdN", sans-serif;
  font-size: 14px;
  line-height: 31px;
  text-align: center;
  margin-top: 0;
}
@media print, screen and (max-width: 1240px) {
  .support .copy {
    display: flex;
    justify-content: center;
  }
  .support .copy div {
    text-align: left;
  }
}
@media screen and (max-width: 899px) {
  .support .copy {
    margin-top: 20px;
    padding: 0 20px;
  }
  .support .copy div {
    text-align: center;
  }
}
.support .supportlink {
  display: flex;
  justify-content: space-between;
  margin-bottom: 100px;
  padding: 20px 0;
}
@media screen and (max-width: 899px) {
  .support .supportlink {
    flex-direction: column;
    margin-bottom: 50px;
  }
}
.support .supportlink section {
  width: 307px;
  margin-right: 12px;
}
.support .supportlink section:last-child {
  margin-right: 0;
}
@media screen and (max-width: 899px) {
  .support .supportlink section {
    width: 100%;
    margin-right: 0;
  }
}
.support .supportlink section h4 {
  background-color: #33A5F2;
  color: #ffffff;
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-size: 14px;
  line-height: 51px;
  font-weight: 800;
  text-align: center;
  margin-top: 0;
}
@media screen and (max-width: 899px) {
  .support .supportlink section h4 {
    margin-top: 30px;
    margin-bottom: 10px;
  }
}
.support .supportlink section a {
  color: #33A5F2;
  text-decoration: none;
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-size: 14px;
  line-height: 30px;
  font-weight: 800;
}
.support .faq {
  background-color: #EEF1F7;
}
.support .faq h3 {
  text-align: center;
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-size: 36px;
  line-height: 36px;
  font-weight: 800;
  margin-top: 50px;
  margin-bottom: 43px;
}
.support .faq div {
  font-family: "Shorai Sans StdN", sans-serif;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  margin-bottom: 46px;
}
.support .faq ul {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
.support .faq ul li {
  display: block;
  background-color: #A1A1A1;
  margin-bottom: 20px;
  text-align: center;
  height: 51px;
  margin-right: 30px;
  width: calc((100% - 60px) / 3);
  display: flex;
  justify-content: center;
  align-items: center;
}
.support .faq ul li:nth-child(3n) {
  margin-right: 0;
}
@media print, screen and (max-width: 1240px) {
  .support .faq ul li {
    margin-right: 12px;
    width: calc((100% - 24px) / 3);
  }
  .support .faq ul li:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 899px) {
  .support .faq ul li {
    width: 100%;
    margin-right: 0;
  }
}
.support .faq ul li a {
  color: #ffffff;
  text-decoration: none;
  font-family: "Shorai Sans StdN", sans-serif;
  font-size: 14px;
  line-height: 20px;
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.support-search > .head {
  color: #3A3A3A;
  height: 75px;
}
.support-search > .head * {
  color: #3A3A3A;
}
@media print, screen and (max-width: 1240px) {
  .support-search > .head {
    height: 75px;
  }
}
@media screen and (max-width: 899px) {
  .support-search > .head {
    height: 75px;
  }
}
.support-search > .head form {
  width: 100%;
  max-width: 1240px;
}
.support-search > .head form input[type=text] {
  margin: 0;
  border: none;
  font-size: 25px;
  height: 36px;
  line-height: 36px;
  width: calc(100% - 120px - 50px);
  border-radius: 2px 0 0 2px;
}
@media print, screen and (max-width: 1240px) {
  .support-search > .head form input[type=text] {
    font-size: 20px;
    height: 27px;
    line-height: 27px;
  }
}
@media screen and (max-width: 899px) {
  .support-search > .head form input[type=text] {
    font-size: 25px;
    height: 36px;
    line-height: 36px;
    padding: 0 5px;
  }
}
.support-search > .head form input[type=submit] {
  margin: 0;
  border: none;
  text-indent: -300px;
  overflow: hidden;
  width: 120px;
  font-size: 25px;
  height: 36px;
  line-height: 36px;
  background: #3BA6EF url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOS4wNTIiIGhlaWdodD0iMjkuMTcyIiB2aWV3Qm94PSIwIDAgMjkuMDUyIDI5LjE3MiI+CiAgPHBhdGggaWQ9IuWQiOS9k184IiBkYXRhLW5hbWU9IuWQiOS9kyA4IiBkPSJNMjQuNTg5LDI4LjU4N2wtOC44LTguOHEtLjA2OC0uMDY4LS4xMjgtLjE0QTEwLjUsMTAuNSwwLDAsMSwzLjA3NSwzLjA3NSwxMC41LDEwLjUsMCwwLDEsMTkuNTU3LDE1LjgwOHEuMDU0LjA0Ny4xMDYuMWw4LjgsOC44YTIsMiwwLDAsMSwwLDIuODI4bC0xLjA0OSwxLjA0OWEyLDIsMCwwLDEtMi44MjksMFpNMywxMC41QTcuNSw3LjUsMCwxLDAsMTAuNSwzLDcuNTA5LDcuNTA5LDAsMCwwLDMsMTAuNVoiIGZpbGw9IiNmZmYiLz4KPC9zdmc+Cg==") 50% 50% no-repeat;
  background-size: 18px;
  border-radius: 0 2px 2px 0;
}
@media print, screen and (max-width: 1240px) {
  .support-search > .head form input[type=submit] {
    width: 90px;
    font-size: 20px;
    height: 27px;
    line-height: 27px;
  }
}
@media screen and (max-width: 899px) {
  .support-search > .head form input[type=submit] {
    width: 120px;
    font-size: 25px;
    height: 36px;
    line-height: 36px;
  }
}
@media screen and (max-width: 569px) {
  .support-search > .head form input[type=submit] {
    width: 36px;
    height: 36px;
  }
}

.support-faq a {
  color: #007CE8;
  text-decoration: none;
}
.support-faq .faq div {
  font-family: "Shorai Sans StdN", sans-serif;
  font-size: 14px;
  line-height: 31px;
  text-align: left;
  margin-bottom: 46px;
}
@media screen and (max-width: 899px) {
  .support-faq .faq div {
    text-align: center;
  }
}
.support-faq .faq ul {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 40px;
  z-index: 10;
}
@media screen and (max-width: 899px) {
  .support-faq .faq ul {
    height: 60px;
    overflow: hidden;
  }
  .support-faq .faq ul.active {
    overflow: visible;
  }
}
.support-faq .faq ul li {
  display: block;
  position: relative;
  background-color: #A1A1A1;
  margin-bottom: 20px;
  text-align: center;
  height: 51px;
  margin-right: 30px;
  width: calc((100% - 60px) / 3);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font-family: "Shorai Sans StdN", sans-serif;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
}
.support-faq .faq ul li.active {
  background-color: #33A5F2;
}
@media screen and (max-width: 899px) {
  .support-faq .faq ul li.active {
    z-index: 100;
    top: 0;
    position: absolute;
  }
}
.support-faq .faq ul li:nth-child(3n) {
  margin-right: 0;
}
@media print, screen and (max-width: 1240px) {
  .support-faq .faq ul li {
    margin-right: 12px;
    width: calc((100% - 24px) / 3);
  }
  .support-faq .faq ul li:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 899px) {
  .support-faq .faq ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #ffffff;
    height: 60px;
    cursor: pointer;
  }
  .support-faq .faq ul li::before {
    display: block;
    position: absolute;
    top: 25px;
    left: 20px;
    content: "";
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMS40NDgiIGhlaWdodD0iMTIuODQ2IiB2aWV3Qm94PSIwIDAgMjEuNDQ4IDEyLjg0NiI+CiAgPHBhdGggaWQ9IuODkeOCuV85NSIgZGF0YS1uYW1lPSLjg5HjgrkgOTUiIGQ9Ik0tMTAyNDEtNTNsOS42NjMsOS42NjQsOS42NjQtOS42NjQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwMjQyLjA2MSA1NC4wNjEpIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMyIvPgo8L3N2Zz4K");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    width: 20px;
    height: 10px;
  }
}
.support-faq .faq ul li a {
  color: #ffffff;
  text-decoration: none;
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.support-faq .faq ul.active li.active {
  position: relative;
}
.support-faq.single > .container {
  padding-top: 0;
}
.support-faq.single > .container h4 {
  margin-top: 0;
  line-height: 1.5em;
}
.support-faq dl.accordion > dd dl {
  display: flex;
  margin-bottom: 1em;
}
.support-faq dl.accordion > dd dl dt {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 18px;
  line-height: 22px;
  margin-right: 15px;
}
@media screen and (max-width: 899px) {
  .support-faq dl.accordion > dd dl dt {
    font-size: 16px;
    line-height: 20px;
  }
}
.support-faq dl.accordion > dd dl dd p {
  margin-bottom: 1em;
}
.support-faq dl.accordion > dd dl dd h5 {
  margin-bottom: 0.25em;
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
}
.support-faq dl.accordion > dd dl dd ol {
  margin-left: 2em;
  margin-bottom: 1em;
}
.support-faq dl.accordion > dd dl dd ul {
  margin-left: 2em;
  margin-bottom: 1em;
}
.support-faq dl.accordion > dd dl dd ul li {
  display: list-item;
  list-style: disc;
  margin-bottom: 0.25em;
}
@media screen and (max-width: 899px) {
  .support-faq dl.accordion > dd dl dd .addition div {
    text-align: center;
  }
  .support-faq dl.accordion > dd dl dd .addition figure {
    padding: 0 100px;
  }
}

.application .container {
  max-width: 1000px;
}
.application .container section {
  margin-bottom: 50px;
}
.application .container section > img {
  margin: 30px 0;
}
.application .container section > img:first-child {
  margin-top: 0;
}
.application .container section > img:last-child {
  margin-bottom: 0;
}
.application .container p {
  margin-bottom: 0.5em;
}
@media print, screen and (max-width: 1240px) {
  .application .container {
    width: calc(100% - 120px);
  }
}
@media screen and (max-width: 899px) {
  .application .container {
    max-width: 500px;
  }
}
@media screen and (max-width: 569px) {
  .application .container {
    width: calc(100% - 40px);
  }
}
.application .container h3 {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 36px;
  margin-bottom: 58px;
  text-align: center;
}
@media print, screen and (max-width: 1240px) {
  .application .container h3 {
    font-size: 26px;
    margin-bottom: 43px;
  }
}
@media screen and (max-width: 899px) {
  .application .container h3 {
    font-size: 26px;
    margin-bottom: 36px;
  }
}
.application .container .text-left {
  display: flex;
  justify-content: space-between;
  margin-bottom: 69px;
}
@media screen and (max-width: 899px) {
  .application .container .text-left {
    display: block;
  }
}
.application .container .text-left div:nth-child(1) {
  font-size: 14px;
  line-height: 28px;
  width: 670px;
}
@media print, screen and (max-width: 1240px) {
  .application .container .text-left div:nth-child(1) {
    margin-right: 60px;
  }
}
@media screen and (max-width: 899px) {
  .application .container .text-left div:nth-child(1) {
    width: 100%;
    margin: 0 0 30px 0;
  }
}
.application .container .text-left div:nth-child(2) {
  width: 300px;
  text-align: right;
}
@media print, screen and (max-width: 1240px) {
  .application .container .text-left div:nth-child(2) {
    width: 22.2222222222vw;
  }
}
@media screen and (max-width: 899px) {
  .application .container .text-left div:nth-child(2) {
    text-align: center;
    width: 100%;
    margin: 0 0 50px 0;
  }
}
.application .container .text-left div:nth-child(2) img {
  max-width: 300px;
}
@media print, screen and (max-width: 1240px) {
  .application .container .text-left div:nth-child(2) img {
    max-width: 22.2222222222vw;
  }
}
@media screen and (max-width: 899px) {
  .application .container .text-left div:nth-child(2) img {
    max-width: 100%;
    margin: 5px;
  }
}
.application .container .text-right {
  display: flex;
  justify-content: space-between;
  margin-bottom: 69px;
  align-items: center;
}
@media screen and (max-width: 899px) {
  .application .container .text-right {
    display: block;
  }
}
.application .container .text-right .title {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 18px;
  margin-bottom: 20px;
}
@media screen and (max-width: 899px) {
  .application .container .text-right .title {
    font-size: 14px;
  }
}
.application .container .text-right div:nth-child(1) {
  font-size: 18px;
  line-height: 28px;
  width: 475px;
  text-align: right;
}
@media print, screen and (max-width: 1240px) {
  .application .container .text-right div:nth-child(1) {
    margin-right: 60px;
    text-align: center;
  }
}
@media screen and (max-width: 899px) {
  .application .container .text-right div:nth-child(1) {
    width: 100%;
    margin: 0 0 30px 0;
  }
}
.application .container .text-right div:nth-child(2) {
  width: 475px;
  text-align: left;
}
@media print, screen and (max-width: 1240px) {
  .application .container .text-right div:nth-child(2) {
    /*width:ut-tb(200);*/
  }
}
@media screen and (max-width: 899px) {
  .application .container .text-right div:nth-child(2) {
    text-align: center;
    width: 100%;
    margin: 0 0 50px 0;
  }
}
.application .container .text-right div:nth-child(2) img {
  max-width: 300px;
}
@media print, screen and (max-width: 1240px) {
  .application .container .text-right div:nth-child(2) img {
    max-width: 22.2222222222vw;
  }
}
@media screen and (max-width: 899px) {
  .application .container .text-right div:nth-child(2) img {
    max-width: 100%;
    margin: 5px;
  }
}
.application .app-head h2 {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  text-align: center;
  font-size: 36px;
  line-height: 54px;
  margin-bottom: 5px;
}
@media print, screen and (max-width: 1240px) {
  .application .app-head h2 {
    font-size: 26px;
    line-height: 39px;
    margin-bottom: 4px;
  }
}
.application .app-head h3 {
  font-family: "Shorai Sans StdN", sans-serif;
  text-align: center;
  font-size: 26px;
  line-height: 39px;
  margin-bottom: 5px;
}
@media print, screen and (max-width: 1240px) {
  .application .app-head h3 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 4px;
  }
}
.application .app-head h4 {
  font-family: "Shorai Sans StdN", sans-serif;
  text-align: center;
  font-size: 22px;
  line-height: 39px;
  margin-bottom: 36px;
  padding: 0;
}
@media print, screen and (max-width: 1240px) {
  .application .app-head h4 {
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 27px;
  }
}
@media screen and (max-width: 899px) {
  .application .app-head h4 {
    text-align: left;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 50px;
  }
}
.application .app-head img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  margin-bottom: 20px;
}
.application .app-head video {
  width: 100%;
  margin-bottom: 20px;
}
.application .app-spec {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}
@media screen and (max-width: 899px) {
  .application .app-spec {
    display: block;
  }
}
.application .app-spec .app-spec-text {
  background-color: #EEF1F7;
  width: 410px;
  padding: 50px;
}
@media print, screen and (max-width: 1240px) {
  .application .app-spec .app-spec-text {
    width: 45.5555555556vw;
  }
}
@media screen and (max-width: 899px) {
  .application .app-spec .app-spec-text {
    width: 100%;
    margin-bottom: 30px;
  }
}
.application .app-spec .app-spec-text dl dt {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 18px;
  margin-bottom: 13px;
}
@media screen and (max-width: 899px) {
  .application .app-spec .app-spec-text dl dt {
    font-size: 13px;
    margin-bottom: 10px;
  }
}
.application .app-spec .app-spec-text dl dd {
  font-size: 14px;
  line-height: 31px;
  margin-bottom: 30px;
}
@media screen and (max-width: 899px) {
  .application .app-spec .app-spec-text dl dd {
    font-size: 10px;
    line-height: 22px;
    margin-bottom: 27px;
  }
}
.application .app-spec .app-spec-img {
  width: 550px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  align-content: flex-start;
}
@media print, screen and (max-width: 1240px) {
  .application .app-spec .app-spec-img {
    width: 61.1111111111vw;
  }
}
@media screen and (max-width: 899px) {
  .application .app-spec .app-spec-img {
    width: 100%;
  }
}
.application .app-spec .app-spec-img img {
  width: 265px;
  height: auto;
  margin: 0 0 10px 10px;
}
@media print, screen and (max-width: 1240px) {
  .application .app-spec .app-spec-img img {
    width: calc(50% - 10px);
  }
}
@media screen and (max-width: 899px) {
  .application .app-spec .app-spec-img img {
    width: calc(50% - 5px);
  }
  .application .app-spec .app-spec-img img:nth-of-type(2n - 1) {
    margin-left: 0;
  }
}
@media screen and (max-width: 569px) {
  .application .app-spec .app-spec-img img {
    width: 100%;
    margin-left: 0;
  }
}
.application .app-product .app-product-item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 69px;
}
@media screen and (max-width: 899px) {
  .application .app-product .app-product-item {
    display: block;
  }
}
.application .app-product .app-product-item figure {
  width: 316px;
  height: 213px;
  background-color: #E2E2E2;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 30px;
}
@media screen and (max-width: 899px) {
  .application .app-product .app-product-item figure {
    width: 309px;
    height: 209px;
    margin: 5px auto;
  }
}
@media screen and (max-width: 569px) {
  .application .app-product .app-product-item figure {
    width: 100%;
    height: auto;
    padding: 20px;
  }
}
.application .app-product .app-product-item > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 644px;
}
@media screen and (max-width: 899px) {
  .application .app-product .app-product-item > div {
    width: 100%;
  }
}
.application .app-product .app-product-item > div .title {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 18px;
  margin-bottom: 20px;
}
@media screen and (max-width: 899px) {
  .application .app-product .app-product-item > div .title {
    font-size: 14px;
    width: 309px;
    margin: 5px auto 15px auto;
  }
}
@media screen and (max-width: 569px) {
  .application .app-product .app-product-item > div .title {
    width: 100%;
  }
}
.application .app-product .app-product-item > div .body {
  font-size: 14px;
  line-height: 28px;
}
.application .app-product .app-product-item.noimg > div {
  width: 100%;
}
.application .app-product .app-product-item.noimg > div .title {
  text-align: center;
}
.application .app-interview {
  background-color: #EEF1F7;
  padding: 50px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 69px;
}
@media print, screen and (max-width: 1240px) {
  .application .app-interview {
    padding: 36px;
  }
}
@media screen and (max-width: 899px) {
  .application .app-interview {
    padding: 24px;
  }
}
@media screen and (max-width: 899px) {
  .application .app-interview {
    flex-direction: column-reverse;
  }
}
.application .app-interview > div:nth-child(1) {
  margin-right: 70px;
  width: 670px;
  font-size: 14px;
  line-height: 28px;
}
@media screen and (max-width: 899px) {
  .application .app-interview > div:nth-child(1) {
    width: 100%;
    margin-bottom: 27px;
  }
}
.application .app-interview > div:nth-child(1) p {
  margin-bottom: 10px;
}
.application .app-interview > div:nth-child(2) {
  width: 160px;
}
@media screen and (max-width: 899px) {
  .application .app-interview > div:nth-child(2) {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 27px;
  }
}
.application .app-interview > div:nth-child(2) figure {
  position: relative;
  width: 100%;
  margin-bottom: 40px;
}
@media screen and (max-width: 899px) {
  .application .app-interview > div:nth-child(2) figure {
    margin-bottom: 0;
    margin-right: 13px;
    width: 148px;
  }
}
.application .app-interview > div:nth-child(2) figure img {
  width: 100%;
}
.application .app-interview > div:nth-child(2) figure figcaption {
  position: absolute;
  width: 100%;
  bottom: 0;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 5px;
}
.application .app-interview > div:nth-child(2) figure figcaption div {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 12px;
  line-height: 18px;
}
.application .app-interview > div:nth-child(2) figure figcaption .name {
  text-align: right;
}
.application .app-interview > div:nth-child(2) figure:last-child {
  margin-bottom: 0;
  margin-right: 0;
}
.application .app-interview-noimg {
  background-color: #EEF1F7;
  padding: 50px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 69px;
}
@media print, screen and (max-width: 1240px) {
  .application .app-interview-noimg {
    padding: 36px;
  }
}
@media screen and (max-width: 899px) {
  .application .app-interview-noimg {
    padding: 24px;
  }
}
@media screen and (max-width: 899px) {
  .application .app-interview-noimg {
    flex-direction: column-reverse;
  }
}
.application .app-interview-noimg > div:nth-child(1) {
  /*margin-right: 70px;*/
  width: 100%;
  font-size: 14px;
  line-height: 28px;
}
@media screen and (max-width: 899px) {
  .application .app-interview-noimg > div:nth-child(1) {
    width: 100%;
    margin-bottom: 27px;
  }
}
.application .app-interview-noimg > div:nth-child(1) p {
  margin-bottom: 10px;
}
.application .app-interview-noimg > div:nth-child(2) {
  width: 160px;
}
@media screen and (max-width: 899px) {
  .application .app-interview-noimg > div:nth-child(2) {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 27px;
  }
}
.application .app-interview-noimg > div:nth-child(2) figure {
  position: relative;
  width: 100%;
  margin-bottom: 40px;
}
@media screen and (max-width: 899px) {
  .application .app-interview-noimg > div:nth-child(2) figure {
    margin-bottom: 0;
    margin-right: 13px;
    width: 148px;
  }
}
.application .app-interview-noimg > div:nth-child(2) figure img {
  width: 100%;
}
.application .app-interview-noimg > div:nth-child(2) figure figcaption {
  position: absolute;
  width: 100%;
  bottom: 0;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 5px;
}
.application .app-interview-noimg > div:nth-child(2) figure figcaption div {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 12px;
  line-height: 18px;
}
.application .app-interview-noimg > div:nth-child(2) figure figcaption .name {
  text-align: right;
}
.application .app-interview-noimg > div:nth-child(2) figure:last-child {
  margin-bottom: 0;
  margin-right: 0;
}
.application hr {
  max-width: 1200px;
}

.solution > .head {
  position: relative;
}
.solution > .head h1 {
  position: absolute;
  right: 30px;
  bottom: 0;
  font-size: 90px;
  opacity: 0.9;
  text-shadow: 0px 0px 50px rgba(0, 0, 0, 0.8);
}
@media print, screen and (max-width: 1240px) {
  .solution > .head h1 {
    font-size: 7.2580645161vw;
  }
}
@media screen and (max-width: 899px) {
  .solution > .head h1 {
    font-size: 27px;
  }
}
.solution > .head h2 {
  position: absolute;
  left: 30px;
  top: 60px;
  text-align: left;
  font-size: 45px;
  line-height: 70px;
  text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.16);
}
@media print, screen and (max-width: 1240px) {
  .solution > .head h2 {
    top: 4.8387096774vw;
    font-size: 3.6290322581vw;
    line-height: 5.6451612903vw;
  }
}
@media screen and (max-width: 899px) {
  .solution > .head h2 {
    top: 43px;
    font-size: 26px;
    line-height: 40px;
  }
}
.solution > .container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.solution > .container .solution1,
.solution > .container .solution2 {
  position: relative;
  background-size: cover;
}
.solution > .container .solution1 > div,
.solution > .container .solution2 > div {
  border: 1px solid #ffffff;
  position: relative;
  width: 590px;
  height: 196px;
  padding: 25px;
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media print, screen and (max-width: 1240px) {
  .solution > .container .solution1 > div,
  .solution > .container .solution2 > div {
    width: 47.5806451613vw;
    height: 15.8064516129vw;
    padding: 2.0161290323vw;
    margin-top: 6.4516129032vw;
  }
}
@media screen and (max-width: 899px) {
  .solution > .container .solution1 > div,
  .solution > .container .solution2 > div {
    margin-top: 26px;
    width: calc(100% - 24px);
    max-width: 500px;
    height: 144px;
  }
}
.solution > .container .solution1 > div h4,
.solution > .container .solution2 > div h4 {
  color: #ffffff;
  padding: 0;
  font-size: 36px;
  margin: 0 0 18px 0;
}
@media print, screen and (max-width: 1240px) {
  .solution > .container .solution1 > div h4,
  .solution > .container .solution2 > div h4 {
    font-size: 2.9032258065vw;
    margin: 0 0 1.4516129032vw 0;
  }
}
@media screen and (max-width: 899px) {
  .solution > .container .solution1 > div h4,
  .solution > .container .solution2 > div h4 {
    font-size: 27px;
    margin: 0 0 14px 0;
    text-align: left;
  }
}
.solution > .container .solution1 > div p,
.solution > .container .solution2 > div p {
  color: #ffffff;
  font-size: 15px;
  letter-spacing: 0.03em;
  line-height: 25px;
}
@media print, screen and (max-width: 1240px) {
  .solution > .container .solution1 > div p,
  .solution > .container .solution2 > div p {
    font-size: 1.2096774194vw;
    line-height: 2.0161290323vw;
  }
}
@media screen and (max-width: 899px) {
  .solution > .container .solution1 > div p,
  .solution > .container .solution2 > div p {
    font-size: 11px;
    line-height: 20px;
  }
}
.solution > .container .solution1 > div a.more,
.solution > .container .solution2 > div a.more {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  color: #ffffff;
  position: absolute;
  right: 30px;
  bottom: 15px;
}
@media print, screen and (max-width: 1240px) {
  .solution > .container .solution1 > div a.more,
  .solution > .container .solution2 > div a.more {
    right: 2.4193548387vw;
    bottom: 1.2096774194vw;
  }
}
.solution > .container .solution1 > div a.more::after,
.solution > .container .solution2 > div a.more::after {
  content: " >";
}
.solution > .container .solution1 h5,
.solution > .container .solution2 h5 {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 42px;
  line-height: 42px;
  margin: 0;
  color: #ffffff;
  opacity: 0.5;
  position: absolute;
  bottom: 15px;
  right: 25px;
}
@media print, screen and (max-width: 1240px) {
  .solution > .container .solution1 h5,
  .solution > .container .solution2 h5 {
    font-size: 3.3870967742vw;
    line-height: 3.3870967742vw;
    bottom: 1.2096774194vw;
    right: 2.0161290323vw;
  }
}
@media screen and (max-width: 899px) {
  .solution > .container .solution1 h5,
  .solution > .container .solution2 h5 {
    font-size: 10px;
    line-height: 10px;
    bottom: 15px;
    right: 21px;
  }
}
.solution > .container .solution1 img,
.solution > .container .solution2 img {
  position: absolute;
}
.solution > .container .solution1 img#solutionSelfService,
.solution > .container .solution2 img#solutionSelfService {
  width: 414px;
  margin-left: calc(50% - 207px);
  bottom: -15px;
}
@media print, screen and (max-width: 1240px) {
  .solution > .container .solution1 img#solutionSelfService,
  .solution > .container .solution2 img#solutionSelfService {
    width: 33.3870967742vw;
    margin-left: calc(50% - 16.6935483871vw);
    bottom: -1.2096774194vw;
  }
}
@media screen and (max-width: 899px) {
  .solution > .container .solution1 img#solutionSelfService,
  .solution > .container .solution2 img#solutionSelfService {
    width: 188px;
    margin-left: calc(50% - 94px);
    bottom: 0;
  }
}
.solution > .container .solution1 img#solutionPOS,
.solution > .container .solution2 img#solutionPOS {
  width: 304px;
  margin-left: calc(50% - 152px);
  bottom: 30px;
}
@media print, screen and (max-width: 1240px) {
  .solution > .container .solution1 img#solutionPOS,
  .solution > .container .solution2 img#solutionPOS {
    width: 24.5161290323vw;
    margin-left: calc(50% - 12.2580645161vw);
    bottom: 2.4193548387vw;
  }
}
@media screen and (max-width: 899px) {
  .solution > .container .solution1 img#solutionPOS,
  .solution > .container .solution2 img#solutionPOS {
    width: 140px;
    margin-left: calc(50% - 70px);
    bottom: 10px;
  }
}
.solution > .container .solution1 img#solutionSignage,
.solution > .container .solution2 img#solutionSignage {
  width: 184px;
  margin-left: calc(50% - 92px);
  bottom: 15px;
}
@media print, screen and (max-width: 1240px) {
  .solution > .container .solution1 img#solutionSignage,
  .solution > .container .solution2 img#solutionSignage {
    width: 14.8387096774vw;
    margin-left: calc(50% - 7.4193548387vw);
    bottom: 1.2096774194vw;
  }
}
@media screen and (max-width: 899px) {
  .solution > .container .solution1 img#solutionSignage,
  .solution > .container .solution2 img#solutionSignage {
    width: 80px;
    margin-left: calc(50% - 40px);
    bottom: 7px;
  }
}
.solution > .container .solution1 {
  width: calc(50% - 10px);
  margin-bottom: 20px;
  height: 514px;
}
@media print, screen and (max-width: 1240px) {
  .solution > .container .solution1 {
    width: calc(50% - 0.8064516129vw);
    margin-bottom: 1.6129032258vw;
    height: 41.4516129032vw;
  }
}
@media screen and (max-width: 899px) {
  .solution > .container .solution1 {
    height: 295px;
    width: 100%;
  }
}
.solution > .container .solution1 > div {
  margin-top: 126px;
  width: 518px;
  height: 256px;
}
@media print, screen and (max-width: 1240px) {
  .solution > .container .solution1 > div {
    margin-top: 10.1612903226vw;
    width: 41.7741935484vw;
    height: 20.6451612903vw;
  }
}
@media screen and (max-width: 899px) {
  .solution > .container .solution1 > div {
    margin-top: 75px;
    height: 144px;
    width: calc(100% - 24px);
    max-width: 500px;
  }
}
.solution > .container .solution2 {
  width: 100%;
  margin-bottom: 20px;
  height: 570px;
}
@media print, screen and (max-width: 1240px) {
  .solution > .container .solution2 {
    margin-bottom: 1.6129032258vw;
    height: 45.9677419355vw;
  }
}
@media screen and (max-width: 899px) {
  .solution > .container .solution2 {
    height: 295px;
  }
}
.solution > .scene {
  color: #ffffff;
  background-color: #5786C5;
  margin-bottom: 50px;
}
@media print, screen and (max-width: 1240px) {
  .solution > .scene {
    margin-bottom: 4.0322580645vw;
  }
}
.solution > .scene > .container {
  padding: 50px 15px;
  display: flex;
  justify-content: space-between;
}
@media print, screen and (max-width: 1240px) {
  .solution > .scene > .container {
    padding: 4.0322580645vw 1.2096774194vw;
  }
}
@media screen and (max-width: 899px) {
  .solution > .scene > .container {
    flex-direction: column;
    align-items: center;
  }
}
.solution > .scene > .container div:first-child {
  width: 496px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media print, screen and (max-width: 1240px) {
  .solution > .scene > .container div:first-child {
    width: 40vw;
  }
}
@media screen and (max-width: 899px) {
  .solution > .scene > .container div:first-child {
    width: calc(100% - 50px);
    max-width: 500px;
  }
}
.solution > .scene > .container div:first-child h3 {
  font-size: 31px;
  line-height: 44px;
  margin-bottom: 18px;
}
@media print, screen and (max-width: 1240px) {
  .solution > .scene > .container div:first-child h3 {
    font-size: 2.5vw;
    line-height: 3.5483870968vw;
    margin-bottom: 1.4516129032vw;
  }
}
@media screen and (max-width: 899px) {
  .solution > .scene > .container div:first-child h3 {
    text-align: left;
    font-size: 22px;
    line-height: 31px;
  }
}
.solution > .scene > .container div:first-child p {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 16px;
  line-height: 25px;
}
@media print, screen and (max-width: 1240px) {
  .solution > .scene > .container div:first-child p {
    font-size: 1.2903225806vw;
    line-height: 2.0161290323vw;
  }
}
@media screen and (max-width: 899px) {
  .solution > .scene > .container div:first-child p {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 50px;
  }
}
.solution > .scene > .container div:last-child {
  width: 613px;
}
@media print, screen and (max-width: 1240px) {
  .solution > .scene > .container div:last-child {
    width: 49.435483871vw;
  }
}
@media screen and (max-width: 899px) {
  .solution > .scene > .container div:last-child {
    width: 290px;
  }
}
.solution > .scene > .container div:last-child h5 {
  font-size: 18px;
  line-height: 1em;
  border-bottom: 2px solid #ffffff;
  padding-left: 57px;
  padding-bottom: 20px;
  padding-top: 20px;
  margin-bottom: 15px;
}
@media print, screen and (max-width: 1240px) {
  .solution > .scene > .container div:last-child h5 {
    font-size: 1.4516129032vw;
    padding-left: 4.5967741935vw;
    padding-bottom: 1.6129032258vw;
    padding-top: 1.6129032258vw;
    margin-bottom: 1.2096774194vw;
  }
}
@media screen and (max-width: 899px) {
  .solution > .scene > .container div:last-child h5 {
    font-size: 10px;
  }
}
.solution > .scene > .container div:last-child > .place h5 {
  background: url(images/solution_place.svg) 5px 50% no-repeat;
  background-size: 40px 27px;
}
@media print, screen and (max-width: 1240px) {
  .solution > .scene > .container div:last-child > .place h5 {
    background-position: 0.4032258065vw 50%;
    background-size: 3.2258064516vw 2.1774193548vw;
  }
}
.solution > .scene > .container div:last-child > .use h5 {
  background: url(images/solution_use.svg) 10px 50% no-repeat;
  background-size: 30px 39px;
}
@media print, screen and (max-width: 1240px) {
  .solution > .scene > .container div:last-child > .use h5 {
    background-position: 0.8064516129vw 50%;
    background-size: 2.4193548387vw 3.1451612903vw;
  }
}
.solution > .scene > .container div:last-child ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 1em;
  padding-left: 33px;
}
@media print, screen and (max-width: 1240px) {
  .solution > .scene > .container div:last-child ul {
    padding-left: 2.6612903226vw;
  }
}
@media screen and (max-width: 899px) {
  .solution > .scene > .container div:last-child ul {
    padding-left: 0;
  }
}
.solution > .scene > .container div:last-child ul li {
  width: 33%;
}
@media screen and (max-width: 899px) {
  .solution > .scene > .container div:last-child ul li {
    width: 33%;
  }
  .solution > .scene > .container div:last-child ul li:nth-child(3n+1) {
    width: 29%;
  }
  .solution > .scene > .container div:last-child ul li:nth-child(3n+2) {
    width: 39%;
  }
  .solution > .scene > .container div:last-child ul li:nth-child(3n) {
    width: 32%;
  }
}
.solution > .scene > .container div:last-child ul li a {
  display: inline-block;
  color: #ffffff;
  line-height: 2em;
  padding-right: 0.5em;
  border-bottom: 1px solid #ffffff;
  margin-bottom: 0.5em;
  font-size: 16px;
}
.solution > .scene > .container div:last-child ul li a::before {
  content: "・";
}
@media print, screen and (max-width: 1240px) {
  .solution > .scene > .container div:last-child ul li a {
    font-size: 1.2903225806vw;
  }
}
@media screen and (max-width: 899px) {
  .solution > .scene > .container div:last-child ul li a {
    font-size: 9px;
    padding-right: 0.2em;
  }
}
.solution > .ar {
  color: #ffffff;
  background-color: #0067AA;
  margin-bottom: 50px;
}
@media print, screen and (max-width: 1240px) {
  .solution > .ar {
    margin-bottom: 4.0322580645vw;
  }
}
.solution > .ar .container {
  text-align: center;
}
.solution > .ar .container h2 {
  overflow: hidden;
  width: 100%;
  height: 48px;
  text-indent: -1000%;
  background: url(images/tpsar.svg) 50% 50% no-repeat;
  background-size: contain;
  margin-bottom: 68px;
  margin-top: 50px;
}
@media print, screen and (max-width: 1240px) {
  .solution > .ar .container h2 {
    height: 3.8709677419vw;
    margin-top: 4.0322580645vw;
    margin-bottom: 5.4838709677vw;
  }
}
@media screen and (max-width: 899px) {
  .solution > .ar .container h2 {
    margin-top: 0;
    height: 35px;
  }
}
.solution > .ar .container > div {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 50px;
}
@media print, screen and (max-width: 1240px) {
  .solution > .ar .container > div {
    margin-bottom: 4.0322580645vw;
  }
}
.solution > .ar .container > div img {
  width: 136px;
  margin-right: 40px;
}
@media print, screen and (max-width: 1240px) {
  .solution > .ar .container > div img {
    width: 10.9677419355vw;
    margin-right: 3.2258064516vw;
  }
}
@media screen and (max-width: 899px) {
  .solution > .ar .container > div img {
    display: none;
  }
}
.solution > .ar .container > div div {
  text-align: left;
}
@media screen and (max-width: 899px) {
  .solution > .ar .container > div div {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.solution > .ar .container > div div h3 {
  font-family: "Shorai Sans StdN", sans-serif;
  font-weight: normal;
  font-size: 30px;
  line-height: 1em;
  margin-bottom: 20px;
}
@media print, screen and (max-width: 1240px) {
  .solution > .ar .container > div div h3 {
    font-size: 2.4193548387vw;
    margin-bottom: 1.6129032258vw;
  }
}
@media screen and (max-width: 899px) {
  .solution > .ar .container > div div h3 {
    font-size: 21px;
    margin-bottom: 20px;
  }
}
.solution > .ar .container > div div p {
  font-size: 14px;
  line-height: 31px;
}
@media print, screen and (max-width: 1240px) {
  .solution > .ar .container > div div p {
    font-size: 1.1290322581vw;
    line-height: 2.5vw;
  }
}
@media screen and (max-width: 899px) {
  .solution > .ar .container > div div p {
    font-size: 12px;
    line-height: 24px;
  }
}
@media screen and (max-width: 899px) {
  .solution > .ar .container > div div p .pconly {
    display: none;
  }
}
.solution > .ar .container > div div p .sponly {
  display: none;
}
@media screen and (max-width: 899px) {
  .solution > .ar .container > div div p .sponly {
    display: inline;
  }
}
.solution > .ar .container video {
  width: 800px;
}
@media print, screen and (max-width: 1240px) {
  .solution > .ar .container video {
    width: 64.5161290323vw;
  }
}
@media screen and (max-width: 899px) {
  .solution > .ar .container video {
    width: 100%;
    max-width: 500px;
  }
}
.solution > .ar .container a.link {
  display: none;
}
@media screen and (max-width: 899px) {
  .solution > .ar .container a.link {
    font-family: "Shorai Sans StdN Bold", sans-serif;
    font-weight: 800;
    display: block;
    width: 261px;
    height: 51px;
    line-height: 51px;
    font-size: 14px;
    text-align: center;
    color: #0067AA;
    background-color: #ffffff;
    margin: 30px auto 0 auto;
  }
}

.solution-app > .list {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 700px) {
  .solution-app > .list {
    justify-content: center;
  }
}
.solution-app > .list > a {
  display: block;
  width: calc(50% - 10px);
  margin-bottom: 70px;
}
@media print, screen and (max-width: 1240px) {
  .solution-app > .list > a {
    width: calc(50% - 0.8064516129vw);
  }
}
@media screen and (max-width: 700px) {
  .solution-app > .list > a {
    width: 340px;
  }
}
.solution-app > .list > a:nth-child(2n+1) {
  margin-right: 20px;
}
@media print, screen and (max-width: 1240px) {
  .solution-app > .list > a:nth-child(2n+1) {
    margin-right: 1.6129032258vw;
  }
}
@media screen and (max-width: 700px) {
  .solution-app > .list > a:nth-child(2n+1) {
    margin-right: 0;
  }
}
@media print, screen and (max-width: 1240px) {
  .solution-app > .list > a {
    margin-bottom: 5.6451612903vw;
  }
}
@media screen and (max-width: 700px) {
  .solution-app > .list > a {
    margin-bottom: 22px;
  }
}
.solution-app > .list > a > section {
  position: relative;
}
.solution-app > .list > a > section .image {
  position: relative;
  height: 500px;
  margin-bottom: 15px;
  background-color: #EEF1F7;
  background-size: cover;
  background-position: center center;
}
@media print, screen and (max-width: 1240px) {
  .solution-app > .list > a > section .image {
    height: 40.3225806452vw;
    margin-bottom: 1.2096774194vw;
  }
}
@media screen and (max-width: 700px) {
  .solution-app > .list > a > section .image {
    height: 288px;
    margin-bottom: 10px;
  }
}
.solution-app > .list > a > section .image .market {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  background-color: #413f3c;
  color: #ffffff;
  position: absolute;
  font-size: 18px;
  line-height: 40px;
  padding: 0 20px;
  top: 20px;
  left: 25px;
}
@media print, screen and (max-width: 1240px) {
  .solution-app > .list > a > section .image .market {
    font-size: 1.4516129032vw;
    line-height: 3.2258064516vw;
    padding: 0 1.6129032258vw;
    top: 1.6129032258vw;
    left: 2.0161290323vw;
  }
}
@media screen and (max-width: 700px) {
  .solution-app > .list > a > section .image .market {
    font-size: 9px;
    line-height: 22px;
    padding: 0 12px;
    top: 11px;
    left: 9px;
  }
}
.solution-app > .list > a > section h1 {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  position: absolute;
  color: #3A3A3A;
  font-size: 25px;
}
@media print, screen and (max-width: 1240px) {
  .solution-app > .list > a > section h1 {
    font-size: 2.0161290323vw;
    line-height: 1em;
  }
}
@media screen and (max-width: 700px) {
  .solution-app > .list > a > section h1 {
    font-size: 11px;
    line-height: 1em;
  }
}
.solution-app > .list > a > section .user {
  text-align: right;
  color: #3A3A3A;
  font-size: 14px;
  line-height: 22px;
}
@media print, screen and (max-width: 1240px) {
  .solution-app > .list > a > section .user {
    font-size: 1.1290322581vw;
    line-height: 1.7741935484vw;
  }
}
@media screen and (max-width: 700px) {
  .solution-app > .list > a > section .user {
    font-size: 7px;
    line-height: 10px;
  }
}
.solution-app > .list > a > section .year {
  text-align: right;
  color: #3A3A3A;
  font-size: 14px;
  line-height: 22px;
}
@media print, screen and (max-width: 1240px) {
  .solution-app > .list > a > section .year {
    font-size: 1.1290322581vw;
    line-height: 1.7741935484vw;
  }
}
@media screen and (max-width: 700px) {
  .solution-app > .list > a > section .year {
    font-size: 7px;
    line-height: 10px;
  }
}
.solution-app > .oldlist dl dd {
  display: flex;
  flex-wrap: wrap;
  padding: 30px 0;
}
@media print, screen and (max-width: 1240px) {
  .solution-app > .oldlist dl dd {
    padding: 2.4193548387vw 0;
  }
}
@media screen and (max-width: 569px) {
  .solution-app > .oldlist dl dd {
    justify-content: center;
    padding: 30px 10px;
  }
}
.solution-app > .oldlist dl dd > a {
  position: relative;
  display: block;
  width: calc(33.33% - 20px);
  height: 171px;
  margin: 0 30px 30px 0;
  background-color: #413f3c;
  color: #ffffff;
}
.solution-app > .oldlist dl dd > a:nth-child(3n) {
  margin-right: 0;
}
@media print, screen and (max-width: 1240px) {
  .solution-app > .oldlist dl dd > a {
    width: calc(33.33% - 1.6129032258vw);
    height: 13.7903225806vw;
    margin: 0 2.4193548387vw 2.4193548387vw 0;
  }
}
@media screen and (max-width: 569px) {
  .solution-app > .oldlist dl dd > a {
    width: 165px;
    height: 75px;
    margin: 0 9px 9px 0;
  }
  .solution-app > .oldlist dl dd > a:nth-child(3n) {
    margin-right: 9px;
  }
  .solution-app > .oldlist dl dd > a:nth-child(2n) {
    margin-right: 0;
  }
}
.solution-app > .oldlist dl dd > a .market {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  background-color: #ffffff;
  color: #3A3A3A;
  position: absolute;
  font-size: 15px;
  line-height: 30px;
  padding: 0 10px;
  top: 12px;
  left: 12px;
}
@media print, screen and (max-width: 1240px) {
  .solution-app > .oldlist dl dd > a .market {
    font-size: 1.2096774194vw;
    line-height: 2.4193548387vw;
    padding: 0 0.8064516129vw;
    top: 0.9677419355vw;
    left: 0.9677419355vw;
  }
}
@media screen and (max-width: 569px) {
  .solution-app > .oldlist dl dd > a .market {
    font-size: 6px;
    line-height: 12px;
    padding: 0 6px;
    top: 9px;
    left: 9px;
  }
}
.solution-app > .oldlist dl dd > a h1 {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 22px;
  margin-top: 67px;
  margin-left: 24px;
}
@media print, screen and (max-width: 1240px) {
  .solution-app > .oldlist dl dd > a h1 {
    font-size: 1.7741935484vw;
    margin-top: 5.4032258065vw;
    margin-left: 1.935483871vw;
  }
}
@media screen and (max-width: 569px) {
  .solution-app > .oldlist dl dd > a h1 {
    font-size: 10px;
    margin-top: 29px;
    margin-left: 10px;
  }
}
.solution-app > .oldlist dl dd > a .user {
  font-size: 14px;
  line-height: 22px;
  margin-top: 15px;
  margin-left: 24px;
}
@media print, screen and (max-width: 1240px) {
  .solution-app > .oldlist dl dd > a .user {
    font-size: 1.1290322581vw;
    line-height: 1.7741935484vw;
    margin-top: 1.2096774194vw;
    margin-left: 1.935483871vw;
  }
}
@media screen and (max-width: 569px) {
  .solution-app > .oldlist dl dd > a .user {
    font-size: 7px;
    line-height: 11px;
    margin-top: 3px;
    margin-left: 10px;
  }
}

.solution-page > .head.hascopy > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 1240px;
  padding: 0 25px;
}
@media print, screen and (max-width: 1240px) {
  .solution-page > .head.hascopy > div {
    padding: 0 2.0161290323vw;
  }
}
.solution-page > .head.hascopy > div h1 {
  text-align: left;
  text-shadow: 3px 3px 20px rgba(0, 0, 0, 0.3);
}
.solution-page > .head.hascopy > div div {
  text-align: left;
  width: 550px;
  font-size: 20px;
  line-height: 44px;
  text-shadow: 3px 3px 20px rgba(0, 0, 0, 0.3);
}
@media print, screen and (max-width: 1240px) {
  .solution-page > .head.hascopy > div div {
    width: 44.3548387097vw;
    font-size: 1.6129032258vw;
    line-height: 3.5483870968vw;
  }
}
@media screen and (max-width: 899px) {
  .solution-page > .head.hascopy > div div {
    width: 100%;
    max-width: 330px;
    font-size: 14px;
    line-height: 23px;
  }
}
.solution-page h4 {
  text-align: center;
  line-height: 1.5em;
}
.solution-page p {
  line-height: 2em;
}
.solution-page .p95support {
  position: relative;
  padding-bottom: 0;
}
.solution-page .p95support p {
  text-align: center;
}
.solution-page .p95support div {
  position: relative;
  text-align: center;
  margin-top: 16px;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .p95support div {
    margin-top: 1.2903225806vw;
  }
}
.solution-page .p95support div img:nth-of-type(1) {
  margin-top: 144px;
  margin-bottom: 92px;
  width: 1109px;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .p95support div img:nth-of-type(1) {
    margin-top: 11.6129032258vw;
    margin-bottom: 7.4193548387vw;
    width: 89.435483871vw;
  }
}
.solution-page .p95support div img:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: calc(50% - 572px);
  width: 1144px;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .p95support div img:nth-of-type(2) {
    left: calc(50% - 46.1290322581vw);
    width: 92.2580645161vw;
  }
}
@media screen and (max-width: 899px) {
  .solution-page .p95support div img:nth-of-type(2) {
    display: none;
  }
}
.solution-page .p95usecase {
  background-position: center;
  background-size: cover;
}
.solution-page .p95usecase .container p {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.solution-page .p95usecase .container section {
  margin: 50px auto 0 auto;
  display: flex;
  flex-wrap: wrap;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .p95usecase .container section {
    margin-top: 4.0322580645vw;
  }
}
.solution-page .p95usecase .container section figure {
  width: calc(33.3% - 47px);
  margin-right: 71px;
  margin-bottom: 68px;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .p95usecase .container section figure {
    width: calc(33.3% - 3.7903225806vw);
    margin-right: 5.7258064516vw;
    margin-bottom: 5.4838709677vw;
  }
}
@media screen and (max-width: 899px) {
  .solution-page .p95usecase .container section figure {
    width: calc(50% - 15px);
    margin-right: 30px;
    margin-bottom: 50px;
  }
}
.solution-page .p95usecase .container section figure:nth-of-type(3n) {
  margin-right: 0;
}
@media screen and (max-width: 899px) {
  .solution-page .p95usecase .container section figure:nth-of-type(3n) {
    margin-right: 30px;
  }
}
@media screen and (max-width: 899px) {
  .solution-page .p95usecase .container section figure:nth-of-type(2n) {
    margin-right: 0;
  }
}
.solution-page .p95usecase .container section figure figcaption {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  text-align: center;
  font-size: 16px;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .p95usecase .container section figure figcaption {
    font-size: 1.2903225806vw;
  }
}
@media screen and (max-width: 899px) {
  .solution-page .p95usecase .container section figure figcaption {
    font-size: 14px;
  }
}
.solution-page .youtube p {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.solution-page .youtube iframe {
  width: 100%;
  height: 500px;
  margin: 50px 0;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .youtube iframe {
    height: 40.3225806452vw;
    margin: 4.0322580645vw 0;
  }
}
.solution-page .interactivepos {
  background-color: #EBEFF3;
  padding-bottom: 80px;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .interactivepos {
    padding-bottom: 6.4516129032vw;
  }
}
.solution-page .interactivepos p {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: 31px;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .interactivepos p {
    font-size: 1.1290322581vw;
    line-height: 2.5vw;
  }
}
@media screen and (max-width: 899px) {
  .solution-page .interactivepos p {
    font-size: 14px;
    line-height: 28px;
    max-width: 495px;
    margin: 0 auto;
    text-align: justify;
  }
  .solution-page .interactivepos p br {
    display: none;
  }
}
.solution-page .interactivepos div {
  text-align: center;
  margin-top: 50px;
}
.solution-page .interactivepos div img {
  width: 593px;
  height: 235px;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .interactivepos div img {
    width: 47.8225806452vw;
    height: 18.9516129032vw;
  }
}
@media screen and (max-width: 899px) {
  .solution-page .interactivepos div img {
    width: 100%;
    max-width: 500px;
    height: auto;
  }
}
.solution-page .p96solution {
  position: relative;
  padding-bottom: 0;
}
.solution-page .p96solution div {
  position: relative;
  text-align: center;
}
.solution-page .p96solution div img:nth-of-type(1) {
  margin-top: 111px;
  margin-bottom: 46px;
  width: 1032px;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .p96solution div img:nth-of-type(1) {
    margin-top: 8.9516129032vw;
    margin-bottom: 3.7096774194vw;
    width: 83.2258064516vw;
  }
}
.solution-page .p96solution div img:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: calc(50% - 600px);
  width: 1200px;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .p96solution div img:nth-of-type(2) {
    left: calc(50% - 48.3870967742vw);
    width: 96.7741935484vw;
  }
}
@media screen and (max-width: 899px) {
  .solution-page .p96solution div img:nth-of-type(2) {
    display: none;
  }
}
.solution-page .p96case {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 50px 0;
}
.solution-page .p96case.imgright {
  flex-direction: row-reverse;
}
@media screen and (max-width: 899px) {
  .solution-page .p96case.imgright {
    flex-direction: column;
  }
}
@media print, screen and (max-width: 1240px) {
  .solution-page .p96case {
    margin: 4.0322580645vw 0;
  }
}
@media screen and (max-width: 899px) {
  .solution-page .p96case {
    max-width: 462px;
    flex-direction: column;
    margin: 50px auto;
  }
}
.solution-page .p96case img {
  width: 462px;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .p96case img {
    width: 37.2580645161vw;
  }
}
@media screen and (max-width: 899px) {
  .solution-page .p96case img {
    width: 100%;
  }
}
.solution-page .p96case .slide {
  position: relative;
  width: 462px;
  height: 360px;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .p96case .slide {
    width: 37.2580645161vw;
    height: 29.0322580645vw;
  }
}
@media screen and (max-width: 899px) {
  .solution-page .p96case .slide {
    width: 100%;
    height: auto;
  }
}
.solution-page .p96case .slide .inner {
  width: 100%;
  height: 100%;
  padding: 0;
  overflow: hidden;
}
.solution-page .p96case .slide .inner div {
  position: relative;
  width: 200%;
  transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  left: 0;
}
.solution-page .p96case .slide .inner div.active {
  left: -100%;
}
.solution-page .p96case .slide .inner div img {
  width: 462px;
  display: inline-block;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .p96case .slide .inner div img {
    width: 37.2580645161vw;
  }
}
@media screen and (max-width: 899px) {
  .solution-page .p96case .slide .inner div img {
    width: 50%;
  }
}
.solution-page .p96case .slide a {
  display: block;
  text-indent: -1000%;
  overflow: hidden;
  width: 82px;
  height: 82px;
  position: absolute;
  z-index: 100;
  bottom: 26px;
  right: -26px;
  background-size: cover;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .p96case .slide a {
    width: 6.6129032258vw;
    height: 6.6129032258vw;
    bottom: 2.0967741935vw;
    right: -2.0967741935vw;
  }
}
@media screen and (max-width: 899px) {
  .solution-page .p96case .slide a {
    width: 82px;
    height: 82px;
    bottom: 26px;
    right: 0;
  }
}
.solution-page .p96case .slide a.prev {
  background: url(images/solution_prev.svg) 50% 50% no-repeat;
  right: 59px;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .p96case .slide a.prev {
    right: 4.7580645161vw;
  }
}
@media screen and (max-width: 899px) {
  .solution-page .p96case .slide a.prev {
    right: 85px;
  }
}
.solution-page .p96case .slide a.next {
  background: url(images/solution_next.svg) 50% 50% no-repeat;
}
.solution-page .p96case .text {
  width: 700px;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .p96case .text {
    width: 56.4516129032vw;
  }
}
@media screen and (max-width: 899px) {
  .solution-page .p96case .text {
    width: 100%;
    max-width: 462px;
  }
}
.solution-page .p96case .text h4 {
  text-align: left;
  font-size: 34px;
  margin: 20px 0 38px 0;
  padding: 0;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .p96case .text h4 {
    font-size: 2.7419354839vw;
    margin: 1.6129032258vw 0 3.064516129vw 0;
  }
}
@media screen and (max-width: 899px) {
  .solution-page .p96case .text h4 {
    font-size: 28px;
    margin: 38px 0;
  }
}
.solution-page .p96case .text p {
  margin-bottom: 70px;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .p96case .text p {
    margin-bottom: 5.6451612903vw;
  }
}
@media screen and (max-width: 899px) {
  .solution-page .p96case .text p {
    margin-bottom: 20px;
  }
}
.solution-page .p97solution p {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.solution-page .p97solution img {
  display: block;
  width: 100%;
  margin-top: 3em;
}
.solution-page .p97_collaboration {
  background-color: #3A3A3A;
  color: #ffffff;
}
.solution-page .p97_collaboration .container {
  margin-top: 0;
  padding-top: 0;
}
.solution-page .p97_collaboration h4 {
  margin-top: 40px;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .p97_collaboration h4 {
    margin-top: 3.2258064516vw;
  }
}
.solution-page .p97_collaboration p {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.solution-page .p97_collaboration img {
  display: block;
  width: 100%;
}
.solution-page .p97_collaboration .link {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  display: block;
  width: 261px;
  height: 51px;
  line-height: 51px;
  font-size: 14px;
  text-align: center;
  color: #ffffff;
  background-color: #33A5F2;
  margin: 30px auto 30px auto;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .p97_collaboration .link {
    width: 21.0483870968vw;
    height: 4.1129032258vw;
    line-height: 4.1129032258vw;
    font-size: 1.1290322581vw;
    margin: 2.4193548387vw auto 2.4193548387vw auto;
  }
}
@media screen and (max-width: 899px) {
  .solution-page .p97_collaboration .link {
    width: 189px;
    height: 37px;
    line-height: 37px;
    font-size: 13px;
    margin: 20px auto 0 auto;
  }
}
.solution-page .p97_size h4 {
  margin-top: 40px;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .p97_size h4 {
    margin-top: 3.2258064516vw;
  }
}
.solution-page .p97_size p {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.solution-page .p97_size img {
  display: block;
  width: 100%;
}
.solution-page .p97_size .link {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  display: block;
  width: 261px;
  height: 51px;
  line-height: 51px;
  font-size: 14px;
  text-align: center;
  color: #ffffff;
  background-color: #33A5F2;
  margin: 30px auto 30px auto;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .p97_size .link {
    width: 21.0483870968vw;
    height: 4.1129032258vw;
    line-height: 4.1129032258vw;
    font-size: 1.1290322581vw;
    margin: 2.4193548387vw auto 2.4193548387vw auto;
  }
}
@media screen and (max-width: 899px) {
  .solution-page .p97_size .link {
    width: 189px;
    height: 37px;
    line-height: 37px;
    font-size: 13px;
    margin: 20px auto 0 auto;
  }
}
.solution-page .p98_solution {
  position: relative;
  padding-bottom: 0;
}
.solution-page .p98_solution p {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.solution-page .p98_solution div {
  position: relative;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 53px;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .p98_solution div {
    margin-top: 2.4193548387vw;
    margin-bottom: 4.2741935484vw;
  }
}
.solution-page .p98_solution div img:nth-of-type(1) {
  margin-top: 69px;
  margin-bottom: 121px;
  width: 1058px;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .p98_solution div img:nth-of-type(1) {
    margin-top: 5.564516129vw;
    margin-bottom: 9.7580645161vw;
    width: 85.3225806452vw;
  }
}
.solution-page .p98_solution div img:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: calc(50% - 594px);
  width: 1189px;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .p98_solution div img:nth-of-type(2) {
    left: calc(50% - 47.9032258065vw);
    width: 95.8870967742vw;
  }
}
@media screen and (max-width: 899px) {
  .solution-page .p98_solution div img:nth-of-type(2) {
    display: none;
  }
}
.solution-page .covid19 {
  background-color: #3BA6EF;
  text-align: center;
  margin-bottom: 50px;
}
@media screen and (max-width: 899px) {
  .solution-page .covid19 {
    padding: 15px 10px;
  }
}
.solution-page .covid19 a {
  color: #ffffff;
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 20px;
  line-height: 80px;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .covid19 a {
    font-size: 1.6129032258vw;
    line-height: 6.4516129032vw;
  }
}
@media screen and (max-width: 899px) {
  .solution-page .covid19 a {
    font-size: 14px;
    line-height: 21px;
    padding: 15px 0;
  }
}
.solution-page .p98usecase {
  background-position: center;
  background-size: cover;
}
.solution-page .p98usecase .container p {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media screen and (max-width: 899px) {
  .solution-page .p98usecase .container p {
    text-align: left;
  }
}
.solution-page .p98usecase .container section {
  margin: 50px auto 0 auto;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .p98usecase .container section {
    margin-top: 4.0322580645vw;
  }
}
.solution-page .p98usecase .container section div {
  display: flex;
  flex-wrap: wrap;
}
.solution-page .p98usecase .container section div figure {
  width: calc(33.3% - 47px);
  margin-right: 71px;
  margin-bottom: 68px;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .p98usecase .container section div figure {
    width: calc(33.3% - 3.7903225806vw);
    margin-right: 5.7258064516vw;
    margin-bottom: 5.4838709677vw;
  }
}
@media screen and (max-width: 899px) {
  .solution-page .p98usecase .container section div figure {
    width: calc(50% - 15px);
    margin-right: 30px;
    margin-bottom: 50px;
  }
}
.solution-page .p98usecase .container section div figure:nth-of-type(3n) {
  margin-right: 0;
}
@media screen and (max-width: 899px) {
  .solution-page .p98usecase .container section div figure:nth-of-type(3n) {
    margin-right: 30px;
  }
}
@media screen and (max-width: 899px) {
  .solution-page .p98usecase .container section div figure:nth-of-type(2n) {
    margin-right: 0;
  }
}
.solution-page .p98usecase .container section div figure figcaption {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  text-align: center;
  font-size: 16px;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .p98usecase .container section div figure figcaption {
    font-size: 1.2903225806vw;
  }
}
@media screen and (max-width: 899px) {
  .solution-page .p98usecase .container section div figure figcaption {
    font-size: 14px;
  }
}
.solution-page .p99_solution {
  position: relative;
  padding-bottom: 0;
}
.solution-page .p99_solution p {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.solution-page .p99_solution div {
  position: relative;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 68px;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .p99_solution div {
    margin-top: 2.4193548387vw;
    margin-bottom: 5.4838709677vw;
  }
}
.solution-page .p99_solution div img:nth-of-type(1) {
  margin-top: 169px;
  margin-bottom: 92px;
  width: 894px;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .p99_solution div img:nth-of-type(1) {
    margin-top: 13.6290322581vw;
    margin-bottom: 7.4193548387vw;
    width: 72.0967741935vw;
  }
}
.solution-page .p99_solution div img:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: calc(50% - 592px);
  width: 1184px;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .p99_solution div img:nth-of-type(2) {
    left: calc(50% - 47.7419354839vw);
    width: 95.4838709677vw;
  }
}
@media screen and (max-width: 899px) {
  .solution-page .p99_solution div img:nth-of-type(2) {
    display: none;
  }
}
.solution-page .p99usecase {
  background-position: center;
  background-size: cover;
}
.solution-page .p99usecase .container p {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media screen and (max-width: 899px) {
  .solution-page .p99usecase .container p {
    text-align: left;
  }
}
.solution-page .p99usecase .container section {
  margin: 50px auto 0 auto;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .p99usecase .container section {
    margin-top: 4.0322580645vw;
  }
}
.solution-page .p99usecase .container section div {
  display: flex;
  flex-wrap: wrap;
}
.solution-page .p99usecase .container section div figure {
  width: calc(33.3% - 47px);
  margin-right: 71px;
  margin-bottom: 68px;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .p99usecase .container section div figure {
    width: calc(33.3% - 3.7903225806vw);
    margin-right: 5.7258064516vw;
    margin-bottom: 5.4838709677vw;
  }
}
@media screen and (max-width: 899px) {
  .solution-page .p99usecase .container section div figure {
    width: calc(50% - 15px);
    margin-right: 30px;
    margin-bottom: 50px;
  }
}
.solution-page .p99usecase .container section div figure:nth-of-type(3n) {
  margin-right: 0;
}
@media screen and (max-width: 899px) {
  .solution-page .p99usecase .container section div figure:nth-of-type(3n) {
    margin-right: 30px;
  }
}
@media screen and (max-width: 899px) {
  .solution-page .p99usecase .container section div figure:nth-of-type(2n) {
    margin-right: 0;
  }
}
.solution-page .p99usecase .container section div figure figcaption {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  text-align: center;
  font-size: 16px;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .p99usecase .container section div figure figcaption {
    font-size: 1.2903225806vw;
  }
}
@media screen and (max-width: 899px) {
  .solution-page .p99usecase .container section div figure figcaption {
    font-size: 14px;
  }
}
.solution-page .sec800 {
  max-width: 800px;
  margin: 0 auto;
}
.solution-page .sec800 p {
  text-align: justify;
  margin-bottom: 3em;
}
.solution-page iframe {
  max-height: 500px;
}
@media print, screen and (max-width: 1240px) {
  .solution-page iframe {
    max-height: 40.3225806452vw;
  }
}
@media screen and (max-width: 899px) {
  .solution-page iframe {
    max-height: 300px;
  }
}
.solution-page .solutions p {
  margin-left: auto;
  margin-right: auto;
  width: 730px;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .solutions p {
    width: 58.8709677419vw;
  }
}
@media screen and (max-width: 899px) {
  .solution-page .solutions p {
    width: 100%;
    max-width: 500px;
  }
}
.solution-page .solutions section {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  width: 730px;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .solutions section {
    width: 58.8709677419vw;
  }
}
@media screen and (max-width: 899px) {
  .solution-page .solutions section {
    width: 100%;
    max-width: 500px;
  }
}
.solution-page .solutions section figure {
  width: 116px;
  margin: 15px;
}
.solution-page .solutions section figure figcaption {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  text-align: center;
  font-size: 11px;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .solutions section figure figcaption {
    font-size: 0.8870967742vw;
  }
}
@media screen and (max-width: 899px) {
  .solution-page .solutions section figure figcaption {
    font-size: 1.5555555556vw;
  }
}
.solution-page .solutions.max4 section figure {
  margin: 15px 30px;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .solutions.max4 section figure {
    margin: 15px;
  }
}
.solution-page .connect .addition {
  align-items: flex-start;
}
.solution-page .connect .addition h4 {
  text-align: left;
  margin-top: 0;
  padding: 0;
  font-size: 34px;
  white-space: nowrap;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .connect .addition h4 {
    font-size: 2.7419354839vw;
  }
}
@media screen and (max-width: 899px) {
  .solution-page .connect .addition h4 {
    white-space: normal;
    text-align: center;
    font-size: 26px;
    line-height: 38px;
  }
}
.solution-page .connect .addition p {
  font-size: 14px;
  line-height: 31px;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .connect .addition p {
    font-size: 1.1290322581vw;
    line-height: 2.5vw;
  }
}
@media screen and (max-width: 899px) {
  .solution-page .connect .addition p {
    font-size: 14px;
    line-height: 26px;
  }
}
.solution-page .connect .addition img {
  width: 452px;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .connect .addition img {
    width: 36.4516129032vw;
  }
}
@media screen and (max-width: 899px) {
  .solution-page .connect .addition img {
    width: 100%;
    max-width: 500px;
  }
}
.solution-page .standoption {
  background-color: #EBEFF3;
  padding-bottom: 80px;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .standoption {
    padding-bottom: 6.4516129032vw;
  }
}
.solution-page .standoption p {
  text-align: center;
  font-size: 14px;
  line-height: 31px;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .standoption p {
    font-size: 1.1290322581vw;
    line-height: 2.5vw;
  }
}
@media screen and (max-width: 899px) {
  .solution-page .standoption p {
    font-size: 14px;
    line-height: 28px;
    max-width: 495px;
    margin: 0 auto;
    text-align: justify;
  }
  .solution-page .standoption p br {
    display: none;
  }
}
.solution-page .standoption div {
  display: flex;
  justify-content: center;
  margin: 50px 0;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .standoption div {
    margin: 4.0322580645vw 0;
  }
}
@media screen and (max-width: 700px) {
  .solution-page .standoption div {
    flex-direction: column;
  }
}
.solution-page .standoption div figure {
  text-align: center;
}
@media screen and (max-width: 700px) {
  .solution-page .standoption div figure {
    margin: 30px 0;
  }
}
.solution-page .standoption div figure img {
  width: 319px;
  height: 204px;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .standoption div figure img {
    width: 25.7258064516vw;
    height: 16.4516129032vw;
  }
}
@media screen and (max-width: 899px) {
  .solution-page .standoption div figure img {
    width: 231px;
    height: 148px;
  }
}
.solution-page .standoption div figure figcaption {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  text-align: center;
  font-size: 14px;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .standoption div figure figcaption {
    font-size: 1.1290322581vw;
  }
}
@media screen and (max-width: 899px) {
  .solution-page .standoption div figure figcaption {
    font-size: 10px;
  }
}
.solution-page .standoption .link {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  display: block;
  width: 261px;
  height: 51px;
  line-height: 51px;
  font-size: 14px;
  text-align: center;
  color: #ffffff;
  background-color: #33A5F2;
  margin: 30px auto 0 auto;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .standoption .link {
    width: 21.0483870968vw;
    height: 4.1129032258vw;
    line-height: 4.1129032258vw;
    font-size: 1.1290322581vw;
    margin: 2.4193548387vw auto 0 auto;
  }
}
@media screen and (max-width: 899px) {
  .solution-page .standoption .link {
    width: 189px;
    height: 37px;
    line-height: 37px;
    font-size: 13px;
    margin: 20px auto 0 auto;
  }
}
.solution-page a.link {
  text-align: center;
  display: block;
}
.solution-page .apps {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 20px 0;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .apps {
    margin: 1.6129032258vw 0;
  }
}
@media screen and (max-width: 899px) {
  .solution-page .apps {
    margin: 10px 0;
  }
}
@media screen and (max-width: 700px) {
  .solution-page .apps {
    width: 350px;
    margin: 10px auto;
  }
}
.solution-page .apps a {
  display: block;
}
.solution-page .apps a div {
  background-color: #EDEFF4;
  background-position: center;
  background-size: cover;
  width: 200px;
  height: 430px;
  margin: 20px;
  padding: 10px;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .apps a div {
    width: 16.1290322581vw;
    height: 34.6774193548vw;
    margin: 1.6129032258vw;
    padding: 0.8064516129vw;
  }
}
@media screen and (max-width: 899px) {
  .solution-page .apps a div {
    width: 135px;
    height: 291px;
    margin: 10px;
    padding: 10px;
  }
}
.solution-page .apps a div span {
  display: inline-block;
  background-color: #ffffff;
  color: #3A3A3A;
  font-size: 12px;
  line-height: 29px;
  padding: 0 17px;
}
@media screen and (max-width: 899px) {
  .solution-page .apps a div span {
    display: block;
  }
}
@media print, screen and (max-width: 1240px) {
  .solution-page .apps a div span {
    font-size: 0.9677419355vw;
    line-height: 2.3387096774vw;
    padding: 0 1.3709677419vw;
  }
}
@media screen and (max-width: 899px) {
  .solution-page .apps a div span {
    font-size: 10px;
    line-height: 25px;
    padding: 0 5px;
    text-align: center;
  }
}
.solution-page .recomended {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 899px) {
  .solution-page .recomended {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 700px) {
  .solution-page .recomended {
    width: 290px;
  }
}
.solution-page .recomended > a {
  display: block;
  position: relative;
  color: #3A3A3A;
  background-color: #EDEFF4;
  padding: 50px 50px 40px 50px;
  width: calc(50% - 20px);
  margin-right: 40px;
  margin-bottom: 40px;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .recomended > a {
    padding: 4.0322580645vw 4.0322580645vw 3.2258064516vw 4.0322580645vw;
    width: calc(50% - 1.6129032258vw);
    margin-right: 3.2258064516vw;
    margin-bottom: 3.2258064516vw;
  }
}
@media screen and (max-width: 899px) {
  .solution-page .recomended > a {
    padding: 30px 19px;
    width: 290px;
    margin-right: 20px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 700px) {
  .solution-page .recomended > a {
    margin-right: 0;
  }
}
.solution-page .recomended > a:nth-child(2n) {
  margin-right: 0;
}
.solution-page .recomended > a h4 {
  font-size: 14px;
  padding: 5px;
  margin: 0 0 20px 0;
  text-align: left;
  background-color: #ffffff;
  display: inline-block;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .recomended > a h4 {
    font-size: 1.1290322581vw;
    margin: 0 0 1.6129032258vw 0;
  }
}
@media screen and (max-width: 899px) {
  .solution-page .recomended > a h4 {
    font-size: 12px;
    margin: 0 0 14px 0;
  }
}
.solution-page .recomended > a h1 {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 26px;
  line-height: 30px;
  margin: 0 0 24px 0;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .recomended > a h1 {
    font-size: 2.6612903226vw;
    line-height: 3.6290322581vw;
    margin: 0 0 3.3870967742vw 0;
  }
}
@media screen and (max-width: 899px) {
  .solution-page .recomended > a h1 {
    font-size: 23px;
    line-height: 31px;
    margin: 0 0 222px 0;
  }
}
.solution-page .recomended > a ul {
  margin-bottom: 20px;
  list-style: disc;
  list-style-position: outside;
  margin-left: 1.5em;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .recomended > a ul {
    margin-bottom: 1.6129032258vw;
  }
}
@media screen and (max-width: 899px) {
  .solution-page .recomended > a ul {
    margin-bottom: 20px;
  }
}
.solution-page .recomended > a ul li {
  display: list-item;
  font-size: 12px;
  line-height: 26px;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .recomended > a ul li {
    font-size: 0.9677419355vw;
    line-height: 2.0967741935vw;
  }
}
@media screen and (max-width: 899px) {
  .solution-page .recomended > a ul li {
    font-size: 10px;
    line-height: 17px;
  }
}
.solution-page .recomended > a p {
  font-size: 12px;
  line-height: 26px;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .recomended > a p {
    font-size: 0.9677419355vw;
    line-height: 2.0967741935vw;
  }
}
@media screen and (max-width: 899px) {
  .solution-page .recomended > a p {
    font-size: 10px;
    line-height: 17px;
  }
}
.solution-page .recomended > a img {
  position: absolute;
}
.solution-page .recomended > a #recomended-i img {
  top: 12px;
  right: 8px;
  width: 208px;
  height: 188px;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .recomended > a #recomended-i img {
    top: 0.9677419355vw;
    right: 0.6451612903vw;
    width: 16.7741935484vw;
    height: 15.1612903226vw;
  }
}
@media screen and (max-width: 899px) {
  .solution-page .recomended > a #recomended-i img {
    top: 117px;
    left: 28px;
    width: 230px;
    height: 208px;
  }
}
.solution-page .recomended > a #recomended-desktop img {
  top: 27px;
  right: 45px;
  width: 161px;
  height: 162px;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .recomended > a #recomended-desktop img {
    top: 2.1774193548vw;
    right: 3.6290322581vw;
    width: 12.9838709677vw;
    height: 13.064516129vw;
  }
}
@media screen and (max-width: 899px) {
  .solution-page .recomended > a #recomended-desktop img {
    top: 143px;
    left: 64px;
    width: 162px;
    height: 162px;
  }
}
.solution-page .recomended > a #recomended-signage img {
  top: 30px;
  right: 44px;
  width: 158px;
  height: 159px;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .recomended > a #recomended-signage img {
    top: 2.4193548387vw;
    right: 3.5483870968vw;
    width: 12.7419354839vw;
    height: 12.8225806452vw;
  }
}
@media screen and (max-width: 899px) {
  .solution-page .recomended > a #recomended-signage img {
    top: 130px;
    left: 54px;
    width: 182px;
    height: 182px;
  }
}
.solution-page .recomended > a #recomended-module img {
  top: 30px;
  right: 0;
  width: 205px;
  height: 152px;
}
@media print, screen and (max-width: 1240px) {
  .solution-page .recomended > a #recomended-module img {
    top: 2.4193548387vw;
    right: 0;
    width: 16.5322580645vw;
    height: 12.2580645161vw;
  }
}
@media screen and (max-width: 899px) {
  .solution-page .recomended > a #recomended-module img {
    top: 130px;
    left: 44px;
    width: 246px;
    height: 182px;
  }
}
.solution-page > .ar {
  color: #ffffff;
  background-color: #0067AA;
  margin-bottom: 100px;
}
@media print, screen and (max-width: 1240px) {
  .solution-page > .ar {
    margin-bottom: 8.064516129vw;
  }
}
@media screen and (max-width: 899px) {
  .solution-page > .ar {
    margin-bottom: 20px;
  }
}
.solution-page > .ar .container.sponly {
  display: none;
  text-align: center;
}
@media screen and (max-width: 899px) {
  .solution-page > .ar .container.sponly {
    display: block;
  }
}
.solution-page > .ar .container.sponly h2 {
  overflow: hidden;
  height: 35px;
  text-indent: -1000%;
  background: url(images/tpsar.svg) 50% 50% no-repeat;
  background-size: contain;
}
.solution-page > .ar .container.sponly h4 {
  font-family: "Shorai Sans StdN", sans-serif;
  font-weight: normal;
  padding: 0;
  margin: 30px auto 20px auto;
  font-size: 21px;
  line-height: 31px;
}
.solution-page > .ar .container.sponly p {
  width: 100%;
  max-width: 346px;
  text-align: left;
  font-size: 12px;
  line-height: 24px;
  margin: 0 auto;
}
.solution-page > .ar .container.sponly img.hand {
  display: block;
  margin: 30px auto;
  width: 116px;
  height: 200px;
}
.solution-page > .ar .container.sponly a.link {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  display: block;
  width: 261px;
  height: 51px;
  line-height: 51px;
  font-size: 14px;
  text-align: center;
  color: #0067AA;
  background-color: #ffffff;
  margin: 30px auto 0 auto;
}
.solution-page > .ar .container.pconly {
  position: relative;
  height: 456px;
}
@media print, screen and (max-width: 1240px) {
  .solution-page > .ar .container.pconly {
    height: 36.7741935484vw;
  }
}
@media screen and (max-width: 899px) {
  .solution-page > .ar .container.pconly {
    display: none;
  }
}
.solution-page > .ar .container.pconly img.hand {
  position: absolute;
  width: 160px;
  height: 277px;
  top: 102px;
  left: 220px;
}
@media print, screen and (max-width: 1240px) {
  .solution-page > .ar .container.pconly img.hand {
    width: 12.9032258065vw;
    height: 22.3387096774vw;
    top: 8.2258064516vw;
    left: 17.7419354839vw;
  }
}
.solution-page > .ar .container.pconly img.qr {
  position: absolute;
  width: 136px;
  height: 136px;
  top: 145px;
  left: 841px;
}
@media print, screen and (max-width: 1240px) {
  .solution-page > .ar .container.pconly img.qr {
    width: 10.9677419355vw;
    height: 10.9677419355vw;
    top: 11.6935483871vw;
    left: 67.8225806452vw;
  }
}
.solution-page > .ar .container.pconly h4 {
  position: absolute;
  font-family: "Shorai Sans StdN", sans-serif;
  font-weight: normal;
  padding: 0;
  margin: 0;
  font-size: 30px;
  top: 63px;
  left: 463px;
}
@media print, screen and (max-width: 1240px) {
  .solution-page > .ar .container.pconly h4 {
    font-size: 2.4193548387vw;
    top: 5.0806451613vw;
    left: 37.3387096774vw;
  }
}
.solution-page > .ar .container.pconly h2 {
  position: absolute;
  overflow: hidden;
  width: 309px;
  height: 38px;
  top: 191px;
  left: 475px;
  text-indent: -1000%;
  background: url(images/tpsar.svg) 50% 50% no-repeat;
  background-size: contain;
}
@media print, screen and (max-width: 1240px) {
  .solution-page > .ar .container.pconly h2 {
    width: 24.9193548387vw;
    height: 3.064516129vw;
    top: 15.4032258065vw;
    left: 38.3064516129vw;
  }
}
.solution-page > .ar .container.pconly p {
  position: absolute;
  width: 544px;
  font-size: 14px;
  line-height: 31px;
  top: 309px;
  left: 475px;
}
@media print, screen and (max-width: 1240px) {
  .solution-page > .ar .container.pconly p {
    width: 43.8709677419vw;
    font-size: 1.1290322581vw;
    line-height: 2.5vw;
    top: 24.9193548387vw;
    left: 38.3064516129vw;
  }
}

.EV_title {
  font-size: 28px;
  font-family: "Shorai Sans StdN Bold";
  font-weight: bold;
  color: #33A5F2;
}

.EV-text {
  font-size: 18px;
  line-height: initial;
}

.EloView_point {
  position: relative;
  margin: 0;
  padding: 0 10px 0px 6px;
  list-style: none;
  font-weight: bold;
  counter-reset: li;
}
@media screen and (max-width: 899px) {
  .EloView_point {
    padding: 0 0px 0px 25px;
  }
}

.EloView_point > li {
  position: relative;
  margin: 12px 20px 0 24px;
  padding: 0;
  line-height: 1.5em;
}

.EloView_point > li::before {
  position: absolute;
  /* font-weight: bold; */
  counter-increment: li;
  content: counter(li) "";
  left: -55px;
  top: -12px;
  color: #33A5F2;
  width: 45px;
  height: 45px;
  font-size: 32px;
  font-family: "Montserrat";
  text-align: center;
  /* -webkit-box-sizing: border-box; */
  box-sizing: border-box;
  font-weight: bold;
  line-height: 1;
  background: #EBF6FF;
  padding: 6px 0;
}

section.EV-group {
  max-width: 1240px;
  margin: 0 auto;
}
section.EV-group a {
  display: block;
  height: 360px;
  position: relative;
  text-decoration: none;
  color: #3A3A3A;
  text-align: center;
}
section.EV-group a .size {
  padding: 14px 17px 4px 17px;
  text-align: left;
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 29px;
}
section.EV-group a .size span {
  font-size: 37px;
  font-family: "Montserrat";
  padding-right: 3px;
}
section.EV-group a .size span span {
  font-size: 50px;
  font-family: "Montserrat";
}

.EV-flex {
  display: flex;
  flex-wrap: wrap;
}

.EV-flex-contents {
  background-color: #EEF1F7;
  width: calc((100% - 30px - 30px) / 3);
  display: block;
  height: 345pxpx;
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 70px;
}
@media print, screen and (max-width: 1240px) {
  .EV-flex-contents {
    width: calc((100% - 40px) / 2);
  }
}
@media screen and (max-width: 899px) {
  .EV-flex-contents {
    width: 100%;
    margin-bottom: 10px;
  }
}

.EV-flex-name {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 25px;
  line-height: 25px;
}
.EV-flex-name span {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 16px;
  line-height: 20px;
  color: #33A5F2;
}

.EV-flex-img {
  max-height: 200px;
  margin: 15px auto 10px auto;
}

.eloview_sol_dl {
  text-align: center;
}
.eloview_sol_dl img {
  width: 48%;
}
.eloview_sol_dl a.button {
  display: block;
  background-color: #33A5F2;
  color: #ffffff;
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 12px;
  line-height: 51px;
  width: 261px;
  text-decoration: none;
  margin: 0 auto;
}

/*ここからセルフサービスソリューションページ_202406~*/
.ss_pick {
  background: linear-gradient(0deg, #0069FE, #3CA6EF);
  margin: 0px;
  justify-content: center;
  padding-bottom: 80px;
}

.solution_point {
  color: black;
  border: 2pt solid #3D8DCC;
  border-radius: 10px;
  padding: 10px 20px;
  font-size: 13pt;
  max-width: 880px;
  margin: 30px auto;
  text-align: center;
  background-color: white;
  font-family: "Shorai Sans StdN Bold", sans-serif;
}

.ss_link {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  display: block;
  width: 261px;
  height: 51px;
  line-height: 51px;
  font-size: 14px;
  text-align: center;
  color: #ffffff;
  background-color: #33A5F2;
  margin: 30px auto 0 auto;
}

.ss_bl_text {
  color: #33A5F2;
  font-family: "Shorai Sans StdN Bold", sans-serif;
}

p.ss_top_copy {
  font-size: 16pt;
  text-align: center;
}
@media print, screen and (max-width: 1240px) {
  p.ss_top_copy {
    font-size: 16pt;
  }
}
@media screen and (max-width: 899px) {
  p.ss_top_copy {
    font-size: 12pt;
  }
}

h4.ss_bl_text {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-size: 45pt;
  margin: 20px 0px;
}
@media print, screen and (max-width: 1240px) {
  h4.ss_bl_text {
    font-size: 35pt;
  }
}
@media screen and (max-width: 899px) {
  h4.ss_bl_text {
    font-size: 25pt;
    margin: 10px 0px;
  }
}

.ss_container {
  height: 100%;
  display: flex;
  justify-content: space-between;
  max-width: 1240px;
  margin: 0 auto;
  flex-wrap: wrap; /* レスポンシブ対応のために追加 */
}
@media print, screen and (max-width: 1240px) {
  .ss_container {
    justify-content: center;
  }
}
.ss_container .ss_box {
  width: 302.5px; /* 4つのボックス間の30pxの隙間を除いた幅を4等分 */
  height: auto; /* 自動調整 */
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
}
.ss_container .ss_box .inner-box {
  height: 60px; /* 上下の10pxの隙間を除いた高さを2等分 */
  flex-grow: 1; /* 追加 */
  background-color: #ffffff;
  margin: 5px 0px;
  border-radius: 10px;
  padding: 9px;
}
@media print, screen and (max-width: 1240px) {
  .ss_container .ss_box .inner-box {
    margin: 5px;
  }
}
@media screen and (max-width: 899px) {
  .ss_container .ss_box .inner-box {
    margin: 5px;
  }
}
.ss_container .ss_box .inner-box_bottom {
  height: 260px; /* 上下の10pxの隙間を除いた高さを2等分 */
  background-color: #ffffff;
  margin: 5px 0px;
  border-radius: 10px;
  padding: 15px;
  text-align: center;
  position: relative;
}
@media print, screen and (max-width: 1240px) {
  .ss_container .ss_box .inner-box_bottom {
    margin: 5px;
  }
}
@media screen and (max-width: 899px) {
  .ss_container .ss_box .inner-box_bottom {
    margin: 5px;
  }
}
.ss_container .ss_box .inner-box_bottom img {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  max-width: 90%;
}
.ss_container .ss_box .inner-box_bottom span {
  font-size: 20px;
  color: #0069FE;
}
.ss_container .ss_box .inner-box_bottom p {
  line-height: 1.5em;
  text-align: left;
  font-family: "Shorai Sans StdN Bold", sans-serif;
  display: inline-block;
  letter-spacing: 1.2px;
}
.ss_container .ss_box .inner-box_bottom p span {
  color: #0069FE;
  font-family: "Shorai Sans StdN Bold", sans-serif;
}
.ss_container .ss_box p {
  line-height: 1.5em;
  text-align: center;
  font-family: "Shorai Sans StdN Bold", sans-serif;
  letter-spacing: 1.2px;
}

.ss_title {
  line-height: 32px;
  font-size: 28px;
}

.ss_img_wide {
  max-width: 70%;
  margin: 0 auto;
}
@media print, screen and (max-width: 1240px) {
  .ss_img_wide {
    max-width: 80%;
  }
}
@media screen and (max-width: 899px) {
  .ss_img_wide {
    max-width: 100%;
  }
}

.ss_img {
  max-width: 100%;
  margin: 0 auto;
}
@media print, screen and (max-width: 1240px) {
  .ss_img {
    max-width: 80%;
  }
}
@media screen and (max-width: 899px) {
  .ss_img {
    max-width: 70%;
  }
}

/*ここまでセルフサービスソリューションページ_202406~*/
.ar-list > .head.hascopy > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 1240px;
  padding: 0 25px;
}
@media print, screen and (max-width: 1240px) {
  .ar-list > .head.hascopy > div {
    padding: 0 2.0161290323vw;
  }
}
.ar-list > .head.hascopy > div h1 {
  text-align: left;
  text-shadow: 3px 3px 20px rgba(0, 0, 0, 0.3);
}
.ar-list > .head.hascopy > div h1 img {
  width: 50vw;
  max-width: 356px;
}
.ar-list > .head.hascopy > div div {
  text-align: left;
  width: 100%;
  font-size: 20px;
  line-height: 44px;
  text-shadow: 3px 3px 20px rgba(0, 0, 0, 0.3);
}
@media print, screen and (max-width: 1240px) {
  .ar-list > .head.hascopy > div div {
    width: 100%;
    font-size: 1.6129032258vw;
    line-height: 3.5483870968vw;
  }
}
@media screen and (max-width: 899px) {
  .ar-list > .head.hascopy > div div {
    width: 100%;
    font-size: 14px;
    line-height: 23px;
  }
}
@media screen and (max-width: 569px) {
  .ar-list > .head.hascopy > div div {
    text-align: justify;
  }
  .ar-list > .head.hascopy > div div br {
    display: none;
  }
}
.ar-list .group {
  max-width: 1240px;
  margin: 0 auto;
}
@media print, screen and (max-width: 1240px) {
  .ar-list .group {
    padding: 0 20px;
  }
}
.ar-list .group h4 {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 24px;
  line-height: 24px;
  margin: 35px 0;
}
@media print, screen and (max-width: 1240px) {
  .ar-list .group h4 {
    font-size: 16px;
    margin: 27px 0;
  }
}
@media screen and (max-width: 899px) {
  .ar-list .group h4 {
    text-align: center;
    font-size: 24px;
    margin: 31px 0;
  }
}
.ar-list .group h4 br {
  display: none;
}
@media screen and (max-width: 899px) {
  .ar-list .group h4 br {
    display: inline;
  }
}
.ar-list .group ul {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 899px) {
  .ar-list .group ul {
    display: block;
  }
}
.ar-list .group ul li {
  background-color: #EEF1F7;
  width: calc((100% - 29px - 29px) / 2);
  display: block;
  height: 300px;
  margin-right: 29px;
  margin-bottom: 60px;
}
@media print, screen and (max-width: 1240px) {
  .ar-list .group ul li {
    height: 262px;
  }
}
@media screen and (max-width: 899px) {
  .ar-list .group ul li {
    width: 100%;
    max-width: 372px;
    height: 228px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
  }
}
.ar-list .group ul li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 300px;
  position: relative;
  text-decoration: none;
  color: #3A3A3A;
  text-align: center;
}
@media print, screen and (max-width: 1240px) {
  .ar-list .group ul li a {
    height: 262px;
  }
}
@media screen and (max-width: 899px) {
  .ar-list .group ul li a {
    height: 228px;
  }
}
.ar-list .group ul li a div.block {
  width: 51%;
  margin-left: 30px;
  text-align: left;
}
@media screen and (max-width: 899px) {
  .ar-list .group ul li a div.block {
    margin-left: 20px;
  }
}
.ar-list .group ul li a div.block .icon {
  margin-bottom: 5px;
}
.ar-list .group ul li a div.block .icon img {
  width: 30px;
}
@media print, screen and (max-width: 1240px) {
  .ar-list .group ul li a div.block .icon img {
    width: 2.4193548387vw;
  }
}
@media screen and (max-width: 899px) {
  .ar-list .group ul li a div.block .icon img {
    width: 20px;
  }
}
.ar-list .group ul li a div.block .subtitle {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 22px;
  line-height: 25px;
  margin-bottom: 2.5px;
  color: #3A3A3A;
}
@media print, screen and (max-width: 1240px) {
  .ar-list .group ul li a div.block .subtitle {
    font-size: 1.7741935484vw;
    line-height: 2.0161290323vw;
    margin-bottom: 0.8064516129vw;
  }
}
@media screen and (max-width: 899px) {
  .ar-list .group ul li a div.block .subtitle {
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 6px;
  }
}
.ar-list .group ul li a div.block .shorttitle {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 33px;
  color: #3A3A3A;
  border-bottom: 1px solid #3A3A3A;
  padding-bottom: 3.5px;
  line-height: 38px;
}
@media print, screen and (max-width: 1240px) {
  .ar-list .group ul li a div.block .shorttitle {
    font-size: 2.6612903226vw;
    line-height: 2.6612903226vw;
    margin-bottom: 0.8064516129vw;
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 899px) {
  .ar-list .group ul li a div.block .shorttitle {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 6px;
    padding-bottom: 10px;
  }
}
.ar-list .group ul li a div.block .caption {
  font-family: "Shorai Sans StdN", sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  margin-top: 10px;
  color: #3A3A3A;
}
@media print, screen and (max-width: 1240px) {
  .ar-list .group ul li a div.block .caption {
    font-size: 1.1290322581vw;
    line-height: 1.935483871vw;
    margin-top: 0.8064516129vw;
  }
}
@media screen and (max-width: 899px) {
  .ar-list .group ul li a div.block .caption {
    font-size: 10px;
    line-height: 15px;
    margin-top: 8px;
  }
}
.ar-list .group ul li a figure {
  display: flex;
  width: 41%;
}
.ar-list .group ul li a figure img {
  max-height: 280px;
  margin: 0 0 0 auto;
}
@media print, screen and (max-width: 1240px) {
  .ar-list .group ul li a figure img {
    max-height: 242px;
  }
}
@media screen and (max-width: 899px) {
  .ar-list .group ul li a figure img {
    max-height: 208px;
  }
}

.arpage .component-gallery-a {
  background-image: url("images/viewer_bgimage_l.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.arpage .component-gallery-a .component-gallery-a__container {
  margin-top: 60px;
  padding-bottom: 130px;
}
@media screen and (max-width: 899px) {
  .arpage .component-gallery-a .component-gallery-a__container {
    padding-bottom: 0;
  }
}
@media print, screen and (max-width: 1240px) {
  .arpage .component-gallery-a .component-gallery-a__container h1 {
    margin-left: 30px;
  }
}
.arpage .component-gallery-a .component-gallery-a__container h1 img {
  width: 28.5483870968vw;
  max-width: 354px;
}
@media screen and (max-width: 899px) {
  .arpage .component-gallery-a .component-gallery-a__container h1 img {
    width: 213px;
  }
}
.arpage .component-gallery-a .component-gallery-a__container .component-gallery-a__slider_ar {
  padding-bottom: 100px;
}
@media screen and (max-width: 899px) {
  .arpage .component-gallery-a .component-gallery-a__container .component-gallery-a__slider_ar {
    padding-bottom: 0;
  }
}
.arpage .component-gallery-a .component-gallery-a__container .component-gallery-a__slider_ar .component-gallery-a__slide {
  max-height: 600px;
  height: 50vw;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 899px) {
  .arpage .component-gallery-a .component-gallery-a__container .component-gallery-a__slider_ar .component-gallery-a__slide {
    height: 100vw;
    min-height: 480px;
  }
}
.arpage .component-gallery-a .component-gallery-a__container .component-gallery-a__slider_ar .component-gallery-a__slide.arslide {
  overflow: visible;
  position: relative;
}
.arpage .component-gallery-a .component-gallery-a__container .component-gallery-a__slider_ar .component-gallery-a__slide.arslide .viewartext {
  position: absolute;
  display: none;
  bottom: 0px;
  z-index: 3;
  width: calc(100% - 56px);
  height: 50px;
}
@media screen and (max-width: 899px) {
  .arpage .component-gallery-a .component-gallery-a__container .component-gallery-a__slider_ar .component-gallery-a__slide.arslide .viewartext {
    display: block;
  }
}
.arpage .component-gallery-a .component-gallery-a__container .component-gallery-a__slider_ar .component-gallery-a__slide.arslide .viewartext img {
  display: block;
  margin: 0 10px 0 auto;
  width: 250px;
}
.arpage .component-gallery-a .component-gallery-a__container .component-gallery-a__slider_ar .component-gallery-a__slide.arslide model-viewer {
  width: 100%;
  max-height: 600px;
  height: 50vw;
}
@media screen and (max-width: 899px) {
  .arpage .component-gallery-a .component-gallery-a__container .component-gallery-a__slider_ar .component-gallery-a__slide.arslide model-viewer {
    height: 100vw;
    min-height: 480px;
    background-image: linear-gradient(0, #fff 0 72px, rgba(0, 0, 0, 0) 72px 100%);
  }
}
.arpage .component-gallery-a .component-gallery-a__container .component-gallery-a__slider_ar .slick-arrow {
  position: absolute;
  overflow: hidden;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.9;
  transition: opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  height: 80px;
  width: 80px;
  right: 30px;
  background-color: #AFCBDE;
  outline: none;
  border: none;
}
.arpage .component-gallery-a .component-gallery-a__container .component-gallery-a__slider_ar .slick-arrow.slider--prev {
  right: 111px;
  z-index: 20;
}
.arpage .component-gallery-a .component-gallery-a__container .component-gallery-a__slider_ar .slick-arrow.slider--prev svg {
  max-width: 16px;
  transform: rotate(90deg);
  fill: #848484;
}
@media screen and (max-width: 899px) {
  .arpage .component-gallery-a .component-gallery-a__container .component-gallery-a__slider_ar .slick-arrow.slider--prev {
    display: none;
    top: calc(50% - 50px);
    height: 50px;
    width: 50px;
    right: auto;
    left: 15px;
  }
}
.arpage .component-gallery-a .component-gallery-a__container .component-gallery-a__slider_ar .slick-arrow.slider--next svg {
  max-width: 16px;
  transform: rotate(-90deg);
  fill: #848484;
}
@media screen and (max-width: 899px) {
  .arpage .component-gallery-a .component-gallery-a__container .component-gallery-a__slider_ar .slick-arrow.slider--next {
    display: none;
    top: calc(50% - 50px);
    height: 50px;
    width: 50px;
    right: 15px;
  }
}
.arpage .component-gallery-a .component-gallery-a__container .component-gallery-a__slider_ar .slick-arrow:hover {
  opacity: 1;
}
@media screen and (max-width: 899px) {
  .arpage .component-gallery-a .component-gallery-a__container .component-gallery-a__slider_ar.arslidearea .slick-arrow.slider--prev {
    display: block;
    z-index: 20;
  }
}
@media screen and (max-width: 899px) {
  .arpage .component-gallery-a .component-gallery-a__container .component-gallery-a__slider_ar.arslidearea .slick-arrow.slider--next {
    display: block;
    z-index: 20;
  }
}
.arpage .component-gallery-a .component-gallery-a__container .component-gallery-a__slider_ar .slick-dots {
  cursor: pointer;
  position: absolute;
  top: calc(50% - 20px);
  transform: translateY(-50%);
}
.arpage .component-gallery-a .component-gallery-a__container .component-gallery-a__slider_ar .slick-dots.title6 {
  top: calc(50% + 30px);
}
.arpage .component-gallery-a .component-gallery-a__container .component-gallery-a__slider_ar .slick-dots.title7 {
  top: calc(50% + 80px);
}
.arpage .component-gallery-a .component-gallery-a__container .component-gallery-a__slider_ar .slick-dots.title8 {
  top: calc(50% + 130px);
}
@media print, screen and (max-width: 1240px) {
  .arpage .component-gallery-a .component-gallery-a__container .component-gallery-a__slider_ar .slick-dots {
    left: 30px;
  }
}
@media screen and (max-width: 899px) {
  .arpage .component-gallery-a .component-gallery-a__container .component-gallery-a__slider_ar .slick-dots {
    top: auto;
    bottom: 130px;
    margin: 0;
  }
}
.arpage .component-gallery-a .component-gallery-a__container .component-gallery-a__slider_ar .slick-dots li {
  display: inline-block;
}
.arpage .component-gallery-a .component-gallery-a__container .component-gallery-a__slider_ar .slick-dots li::before {
  top: 7px;
  content: "";
  height: 4px;
  width: 16px;
  border: none;
  background-color: #cde9fa;
  position: relative;
  margin: 0 4px;
  display: inline-block;
  cursor: pointer;
}
.arpage .component-gallery-a .component-gallery-a__container .component-gallery-a__slider_ar .slick-dots button {
  display: none;
}
.arpage .component-gallery-a .component-gallery-a__container .component-gallery-a__slider_ar .slick-dots li.slick-active::before {
  background-color: #3ba6ef;
}
.arpage .component-gallery-a .component-gallery-a__container #title-base {
  position: absolute;
  top: 180px;
}
@media screen and (max-width: 899px) {
  .arpage .component-gallery-a .component-gallery-a__container #title-base {
    top: 100px;
  }
}
@media print, screen and (max-width: 1240px) {
  .arpage .component-gallery-a .component-gallery-a__container #title-base {
    left: 30px;
  }
}
.arpage .component-gallery-a .component-gallery-a__container #title-base h2 {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: normal;
  font-size: 35px;
  line-height: 40px;
  color: #ffffff;
}
@media screen and (max-width: 899px) {
  .arpage .component-gallery-a .component-gallery-a__container #title-base h2 {
    font-size: 21px;
    line-height: 28px;
  }
}
.arpage .component-gallery-a .component-gallery-a__container #title-base ul li {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: normal;
  font-size: 25px;
  line-height: 40px;
  text-align: left;
  color: #ffffff;
  opacity: 0.3;
  cursor: pointer;
}
@media screen and (max-width: 899px) {
  .arpage .component-gallery-a .component-gallery-a__container #title-base ul li {
    font-size: 15px;
    line-height: 22px;
    display: none;
  }
}
.arpage .component-gallery-a .component-gallery-a__container #title-base ul li.active {
  opacity: 1;
}
@media screen and (max-width: 899px) {
  .arpage .component-gallery-a .component-gallery-a__container #title-base ul li.active {
    display: block;
  }
}
.arpage .component-gallery-a .component-gallery-a__container #title-base ul li:hover {
  opacity: 0.7;
}
.arpage .component-gallery-a .component-gallery-a__container #qrcode-base {
  position: relative;
  top: -100px;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 250px;
  height: 89px;
  border-radius: 6px;
}
@media screen and (max-width: 899px) {
  .arpage .component-gallery-a .component-gallery-a__container #qrcode-base {
    display: none;
  }
}
@media print, screen and (max-width: 1240px) {
  .arpage .component-gallery-a .component-gallery-a__container #qrcode-base {
    left: 30px;
  }
}
.arpage .component-gallery-a .component-gallery-a__container #qrcode-base #qrcode {
  width: 64px;
  margin-right: 10px;
}
.arpage .component-gallery-a .component-gallery-a__container #qrcode-base #qrcode canvas {
  display: block;
}
.arpage .component-gallery-a .component-gallery-a__container #qrcode-base .text {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: bold;
  font-size: 17px;
  line-height: 23px;
  text-align: left;
}
.arpage .component-gallery-a .component-gallery-a__container .buttons {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 899px) {
  .arpage .component-gallery-a .component-gallery-a__container .buttons {
    display: block;
    border-top: 1px solid #ffffff;
  }
}
.arpage .component-gallery-a .component-gallery-a__container .buttons li {
  display: block;
}
@media screen and (max-width: 899px) {
  .arpage .component-gallery-a .component-gallery-a__container .buttons li {
    border-bottom: 1px solid #ffffff;
  }
}
.arpage .component-gallery-a .component-gallery-a__container .buttons li a {
  display: block;
  width: 360px;
  height: 70px;
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  color: #ffffff;
  text-decoration: none;
  border: 1px solid #ffffff;
  line-height: 70px;
  margin: 0 42px;
}
@media screen and (max-width: 899px) {
  .arpage .component-gallery-a .component-gallery-a__container .buttons li a {
    width: 100%;
  }
}
@media screen and (max-width: 899px) {
  .arpage .component-gallery-a .component-gallery-a__container .buttons li a {
    margin: 0;
    border: none;
    text-align: left;
    padding-left: 8.5714285714vw;
    font-size: 15px;
  }
  .arpage .component-gallery-a .component-gallery-a__container .buttons li a::after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 10px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226.102%22%20height%3D%2211.153%22%20viewBox%3D%220%200%206.102%2011.153%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_293%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20293%22%20transform%3D%22translate(-283.26%20-34.051)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_13%22%20data-name%3D%22%E7%B7%9A%2013%22%20x2%3D%224.688%22%20y2%3D%224.676%22%20transform%3D%22translate(283.967%2034.758)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_14%22%20data-name%3D%22%E7%B7%9A%2014%22%20x1%3D%224.688%22%20y2%3D%225.065%22%20transform%3D%22translate(283.967%2039.432)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 20px;
  }
}

.news .head h2 {
  margin-bottom: 1em;
}
.news p {
  margin-bottom: 2em;
}
.news h5 {
  margin-bottom: 0.5em;
}

.productnews-list .tabs {
  background-color: #F6F8FB;
  width: 100%;
}
.productnews-list .tabs ul {
  position: relative;
  max-width: 1240px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
@media print, screen and (max-width: 1240px) {
  .productnews-list .tabs ul {
    width: calc(100% - 40px);
  }
}
@media screen and (max-width: 899px) {
  .productnews-list .tabs ul {
    flex-direction: column;
    height: 60px;
    overflow: hidden;
  }
  .productnews-list .tabs ul.active {
    overflow: visible;
  }
}
.productnews-list .tabs ul li {
  width: calc(50% - 8px);
  position: relative;
  text-align: center;
  height: 60px;
  line-height: 60px;
  background-color: #d4d5d7;
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}
@media screen and (max-width: 899px) {
  .productnews-list .tabs ul li {
    width: 100%;
  }
  .productnews-list .tabs ul li::before {
    display: block;
    position: absolute;
    top: 25px;
    left: 20px;
    content: "";
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMS40NDgiIGhlaWdodD0iMTIuODQ2IiB2aWV3Qm94PSIwIDAgMjEuNDQ4IDEyLjg0NiI+CiAgPHBhdGggaWQ9IuODkeOCuV85NSIgZGF0YS1uYW1lPSLjg5HjgrkgOTUiIGQ9Ik0tMTAyNDEtNTNsOS42NjMsOS42NjQsOS42NjQtOS42NjQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwMjQyLjA2MSA1NC4wNjEpIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMyIvPgo8L3N2Zz4K");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    width: 20px;
    height: 10px;
  }
}
.productnews-list .tabs ul li.active {
  background-color: #33A5F2;
  color: #ffffff;
}
@media screen and (max-width: 899px) {
  .productnews-list .tabs ul li.active {
    z-index: 100;
    top: 0;
    position: absolute;
  }
}
.productnews-list .tabs ul li:hover {
  opacity: 0.7;
}
@media screen and (max-width: 899px) {
  .productnews-list .tabs ul li:hover {
    opacity: 1;
  }
}
@media screen and (max-width: 899px) {
  .productnews-list .tabs ul.active li.active {
    position: relative;
  }
}
.productnews-list .subtabs {
  width: 100%;
}
.productnews-list .subtabs ul {
  position: relative;
  max-width: 1240px;
  margin: 0 auto;
  display: flex;
  justify-content: flex-start;
}
@media print, screen and (max-width: 1240px) {
  .productnews-list .subtabs ul {
    width: 100%;
  }
}
@media screen and (max-width: 899px) {
  .productnews-list .subtabs ul {
    flex-direction: column;
    height: 60px;
    overflow: hidden;
  }
  .productnews-list .subtabs ul.active {
    overflow: visible;
  }
}
.productnews-list .subtabs ul li {
  width: 200px;
  position: relative;
  text-align: center;
  height: 60px;
  line-height: 20px;
  background-color: #F6F8FB;
  display: block;
  cursor: pointer;
}
@media screen and (max-width: 899px) {
  .productnews-list .subtabs ul li {
    width: 100%;
  }
  .productnews-list .subtabs ul li::before {
    display: block;
    position: absolute;
    top: 25px;
    left: 20px;
    content: "";
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMS40NDgiIGhlaWdodD0iMTIuODQ2IiB2aWV3Qm94PSIwIDAgMjEuNDQ4IDEyLjg0NiI+CiAgPHBhdGggaWQ9IuODkeOCuV85NSIgZGF0YS1uYW1lPSLjg5HjgrkgOTUiIGQ9Ik0tMTAyNDEtNTNsOS42NjMsOS42NjQsOS42NjQtOS42NjQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwMjQyLjA2MSA1NC4wNjEpIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMyIvPgo8L3N2Zz4K");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    width: 20px;
    height: 10px;
  }
}
.productnews-list .subtabs ul li div {
  display: flex;
  height: 60px;
  align-items: center;
  justify-content: center;
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-size: 12px;
  font-weight: 800;
}
.productnews-list .subtabs ul li.active {
  background-color: #E0E3EA;
}
@media screen and (max-width: 899px) {
  .productnews-list .subtabs ul li.active {
    z-index: 100;
    top: 0;
    position: absolute;
  }
}
.productnews-list .subtabs ul li:hover {
  opacity: 0.7;
}
@media screen and (max-width: 899px) {
  .productnews-list .subtabs ul li:hover {
    opacity: 1;
  }
}
@media screen and (max-width: 899px) {
  .productnews-list .subtabs ul.active li.active {
    position: relative;
  }
  .productnews-list .subtabs ul.active li.active div {
    height: 60px;
  }
}
.productnews-list .container .head h2 {
  text-align: left;
}
@media screen and (max-width: 899px) {
  .productnews-list .container .head h2 {
    text-align: center;
  }
}
.productnews-list table.template thead {
  background-color: transparent;
}
.productnews-list table.template thead th {
  color: #3A3A3A;
  text-align: left;
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 20px;
}
.productnews-list table.template th, .productnews-list table.template td {
  border: none;
  border-bottom: 1px solid #B1B1B1;
}
.productnews-list .container > ul li {
  padding: 35px 0 10px 0;
  border-bottom: 1px solid #B1B1B1;
}
.productnews-list .container > ul li .date {
  color: #7A7A7A;
  margin-bottom: 12px;
}
.productnews-list .container > ul li .title {
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 30px;
}
.productnews-list .container > ul li .title:hover {
  opacity: 0.7;
}
@media screen and (max-width: 899px) {
  .productnews-list .container > ul li .title:hover {
    opacity: 1;
  }
}

#breadcrumb {
  background-color: #F6F8FB;
  height: 60px;
}
@media print, screen and (max-width: 1240px) {
  #breadcrumb {
    height: 43px;
  }
}
@media screen and (max-width: 899px) {
  #breadcrumb {
    height: 60px;
  }
}
#breadcrumb ul {
  margin: 0 auto;
  padding: 0 18px;
  height: 100%;
  max-width: 1240px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 899px) {
  #breadcrumb ul {
    width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    position: relative;
  }
}
@media screen and (max-width: 899px) {
  #breadcrumb ul.active {
    overflow: visible;
  }
}
#breadcrumb ul li {
  display: block;
  color: #3A3A3A;
  font-family: "Shorai Sans StdN Bold", sans-serif;
  font-weight: 800;
  font-size: 12px;
  line-height: 12px;
}
@media print, screen and (max-width: 1240px) {
  #breadcrumb ul li {
    font-size: 7px;
    line-height: 7px;
  }
}
@media screen and (max-width: 899px) {
  #breadcrumb ul li {
    height: 60px;
    background-color: #F6F8FB;
    z-index: 200;
    position: relative;
    width: 100%;
    font-size: 12px;
    line-height: 60px;
    padding-left: 65px;
    cursor: pointer;
  }
  #breadcrumb ul li::before {
    display: block;
    position: absolute;
    top: 25px;
    left: 20px;
    content: "";
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMS40NDgiIGhlaWdodD0iMTIuODQ2IiB2aWV3Qm94PSIwIDAgMjEuNDQ4IDEyLjg0NiI+CiAgPHBhdGggaWQ9IuODkeOCuV85NSIgZGF0YS1uYW1lPSLjg5HjgrkgOTUiIGQ9Ik0tMTAyNDEtNTNsOS42NjMsOS42NjQsOS42NjQtOS42NjQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwMjQyLjA2MSA1NC4wNjEpIiBmaWxsPSJub25lIiBzdHJva2U9IiMzM2E1ZjIiIHN0cm9rZS13aWR0aD0iMyIvPgo8L3N2Zz4K");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    width: 20px;
    height: 10px;
  }
  #breadcrumb ul li:last-child {
    top: 0;
    position: absolute;
  }
}
#breadcrumb ul li a {
  display: block;
  color: #95989F;
  text-decoration: none;
}
@media screen and (max-width: 899px) {
  #breadcrumb ul li a {
    height: 60px;
  }
}
#breadcrumb ul li a::after {
  display: inline-block;
  content: "";
  width: 20px;
  height: 1px;
  background-color: #95989F;
  margin: 0 22px;
  position: relative;
  top: -4px;
}
@media print, screen and (max-width: 1240px) {
  #breadcrumb ul li a::after {
    width: 15px;
    margin: 0 18px;
  }
}
@media screen and (max-width: 899px) {
  #breadcrumb ul li a::after {
    display: none;
  }
}
@media screen and (max-width: 899px) {
  #breadcrumb ul.active li:last-child {
    position: relative;
  }
}/*# sourceMappingURL=style.css.map */