@charset "UTF-8";
@import"https://fonts.googleapis.com/css?family=Oswald:300,400,700";
@import"https://fonts.googleapis.com/css?family=Montserrat:300,400,700";

@font-face {
  font-family: daiken-fonts;
  src: url(/eg/common/font/daiken-fonts.eot);
  src: url(/eg/common/font/daiken-fonts.eot?#iefix) format("eot"), url(/eg/common/font/daiken-fonts.woff) format("woff"), url(/eg/common/font/daiken-fonts.ttf) format("truetype"), url(/common/eg/daiken-fonts.svg#daiken-fonts) format("svg")
}

.icon:before {
  display: inline-block;
  font-family: daiken-fonts;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.icon-lg {
  font-size: 1.3333333333333333em;
  line-height: .75em;
  vertical-align: -15%
}

.icon-2x {
  font-size: 2em
}

.icon-3x {
  font-size: 3em
}

.icon-4x {
  font-size: 4em
}

.icon-5x {
  font-size: 5em
}

.icon-fw {
  width: 1.2857142857142858em;
  text-align: center
}

.icon-office_excel:before {
  content: "\EA01"
}

.icon-office_word:before {
  content: "\EA02"
}

.icon-office_powerpoint:before {
  content: "\EA03"
}

.icon-freedial:before {
  content: "\EA04"
}

.icon-arrow_top:before {
  content: "\EA05"
}

.icon-arrow_right:before {
  content: "\EA06"
}

.icon-arrow_bottom:before {
  content: "\EA07"
}

.icon-arrow_left:before {
  content: "\EA08"
}

.icon-blank:before {
  content: "\EA09"
}

.icon-cart:before {
  content: "\EA10"
}

.icon-search:before {
  content: "\EA11"
}

.icon-caution:before {
  content: "\EA12"
}

.icon-list:before {
  content: "\EA13"
}

.icon-faq_q:before {
  content: "\EA14"
}

.icon-faq_a:before {
  content: "\EA15"
}

.icon-mail:before {
  content: "\EA16"
}

.icon-tel:before {
  content: "\EA17"
}

.icon-category:before {
  content: "\EA18"
}

.icon-watch:before {
  content: "\EA19"
}

.icon-play:before {
  content: "\EA20"
}

.icon-arrow_first:before {
  content: "\EA21"
}

.icon-arrow_last:before {
  content: "\EA22"
}

.icon-favorite:before {
  content: "\EA23"
}

.icon-catalog:before {
  content: "\EA24"
}

.icon-modal:before {
  content: "\EA25"
}

.icon-chart:before {
  content: "\EA26"
}

.icon-check:before {
  content: "\EA27"
}

.icon-room:before {
  content: "\EA28"
}

.icon-cad:before {
  content: "\EA29"
}

.icon-image:before {
  content: "\EA30"
}

.icon-manual:before {
  content: "\EA31"
}

.icon-document:before {
  content: "\EA32"
}

.icon-plan:before {
  content: "\EA33"
}

.icon-remove:before {
  content: "\EA34"
}

.icon-music_play:before {
  content: "\EA35"
}

.icon-music_pause:before {
  content: "\EA36"
}

.icon-music_stop:before {
  content: "\EA37"
}

.icon-download:before {
  content: "\EA38"
}

.icon-favorite_add:before {
  content: "\EA39"
}

.icon-favorite_delete:before {
  content: "\EA40"
}

.icon-balloon:before {
  content: "\EA41"
}

.icon-kiseki_movie:before {
  content: "\EA42"
}

.icon-global:before {
  content: "\EA43"
}

.icon-instagram:before {
  content: "\EA44"
}

.icon-floor:before {
  content: "\EA45"
}

.icon-heating:before {
  content: "\EA46"
}

.icon-tatami:before {
  content: "\EA47"
}

.icon-wall:before {
  content: "\EA48"
}

.icon-ceiling:before {
  content: "\EA49"
}

.icon-substrate:before {
  content: "\EA50"
}

.icon-kanki:before {
  content: "\EA51"
}

.icon-kasai:before {
  content: "\EA52"
}

.icon-door:before {
  content: "\EA53"
}

.icon-shelf:before {
  content: "\EA54"
}

.icon-closet:before {
  content: "\EA55"
}

.icon-entrance:before {
  content: "\EA56"
}

.icon-stairs:before {
  content: "\EA57"
}

.icon-lattice:before {
  content: "\EA58"
}

.icon-counter:before {
  content: "\EA59"
}

.icon-kotatsu:before {
  content: "\EA60"
}

.icon-home-cinema:before {
  content: "\EA61"
}

.icon-hand:before {
  content: "\EA62"
}

.icon-code:before {
  content: "\EA63"
}

.icon-plan-house:before {
  content: "\EA64"
}

.icon-worried:before {
  content: "\EA65"
}

.icon-construction:before {
  content: "\EA66"
}

.icon-house_hand:before {
  content: "\EA67"
}

.icon-music:before {
  content: "\EA68"
}

.icon-music2:before {
  content: "\EA69"
}

.icon-square:before {
  content: "\EA70"
}

.icon-settings:before {
  content: "\EA71"
}

.icon-house:before {
  content: "\EA72"
}

.icon-building:before {
  content: "\EA73"
}

.icon-house_building:before {
  content: "\EA74"
}

.icon-house_building2:before {
  content: "\EA75"
}

.icon-landscape:before {
  content: "\EA76"
}

.icon-search2:before {
  content: "\EA77"
}

.icon-search3:before {
  content: "\EA78"
}

.icon-webcatalog:before {
  content: "\EA79"
}

.icon-sougou:before {
  content: "\EA80"
}

.icon-simu:before {
  content: "\EA81"
}

.icon-nine-small-boxes:before {
  content: "\EA82"
}

.icon-two-speech-bubbles:before {
  content: "\EA83"
}

.icon-book:before {
  content: "\EA84"
}

.icon-technology:before {
  content: "\EA85"
}

.icon-megaphone:before {
  content: "\EA86"
}

.icon-signs:before {
  content: "\EA87"
}

.icon-shop:before {
  content: "\EA88"
}

.icon-technology2:before {
  content: "\EA89"
}

.icon-hand-shake:before {
  content: "\EA90"
}

.icon-book2:before {
  content: "\EA91"
}

.icon-tower-block:before {
  content: "\EA92"
}

.icon-eco:before {
  content: "\EA93"
}

.icon-connection:before {
  content: "\EA94"
}

.icon-chart2:before {
  content: "\EA95"
}

.icon-graphic2:before {
  content: "\EA96"
}

.icon-increasing-stocks-graphic:before {
  content: "\EA97"
}

.icon-intersection:before {
  content: "\EA98"
}

.icon-player:before {
  content: "\EA99"
}

.icon-sns:before {
  content: "\EB01"
}

.icon-facebook:before {
  content: "\EB02"
}

.ps-container.ps-active-x>.ps-scrollbar-x-rail,
.ps-container.ps-active-y>.ps-scrollbar-y-rail {
  display: block
}

.ps-container.ps-in-scrolling {
  pointer-events: none
}

.ps-container.ps-in-scrolling>.ps-scrollbar-x-rail {
  background-color: transparent;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
  opacity: .25;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"
}

.ps-container.ps-in-scrolling>.ps-scrollbar-x-rail>.ps-scrollbar-x {
  background-color: #616161
}

.ps-container.ps-in-scrolling>.ps-scrollbar-y-rail {
  background-color: transparent;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
  opacity: .25;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"
}

.ps-container.ps-in-scrolling>.ps-scrollbar-y-rail>.ps-scrollbar-y {
  background-color: #616161
}

.ps-container>.ps-scrollbar-x-rail {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: .6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  display: none;
  position: absolute;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transition: background-color .2s linear, opacity .2s linear;
  z-index: 120;
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
  background-color: transparent;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
  opacity: .25;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"
}

.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  transition: background-color .2s linear, opacity .2s linear;
  background-color: #616161
}

.ps-container>.ps-scrollbar-y-rail {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: .6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  display: none;
  position: absolute;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transition: background-color .2s linear, opacity .2s linear;
  z-index: 120;
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
  background-color: transparent;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
  opacity: .25;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"
}

.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
  position: absolute;
  transition: background-color .2s linear, opacity .2s linear;
  background-color: #616161
}

.ps-container>.ps-scrollbar-x-rail {
  bottom: 3px;
  height: 4px
}

.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x {
  bottom: 0;
  height: 4px
}

.ps-container>.ps-scrollbar-y-rail {
  right: 0;
  width: 4px
}

.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
  right: 3px;
  width: 4px
}

.header .ps-container>.ps-scrollbar-y-rail {
  width: 8px
}

.header .ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
  width: 8px
}

.ps-container:hover>.ps-scrollbar-x-rail,
.ps-container:hover>.ps-scrollbar-y-rail {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.ps-container:hover>.ps-scrollbar-x-rail>.ps-scrollbar-x {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.clearfix,
.mod-float-right,
.mod-float-left,
.eg-sliderCaption-child,
.catalog-idx-main-block {
  zoom: 1
}

.clearfix:after,
.mod-float-right:after,
.mod-float-left:after,
.eg-sliderCaption-child:after,
.catalog-idx-main-block:after {
  content: "";
  display: table;
  clear: both
}

.imgicon:after,
.imgicon.imgicon-pdf:after,
.imgicon.imgicon-freedial:after,
.imgicon.imgicon-dovie:after,
.imgicon.imgicon-rss:after {
  position: relative;
  content: "";
  display: inline-block
}

.mod-button-a_image:before,
.mod-head02-tab-item:hover:after,
.mod-head02-tab-item.is-active:after,
.mod-head02-accordion-item:before,
.mod-head02-accordion-item:after,
.mod-head03:before,
.mod-head07:before,
.mod-head03:after,
.mod-shadow:after,
.mod-boxLink03:before,
.mod-toggle-list-head:before,
.mod-toggle-list-head:after,
.mod-select label:after,
.mod-sideContent:before,
.mod-sideNav-cat:before,
.mod-sideNav-li-toggle:before,
.mod-sideNav-li-toggle:after,
.mod-sideNav-li-toggleTitle:before,
.mod-sideNav-li-toggleTitle:after,
.header-megamenu-head1-anchor:before,
.product-cat-searchMenu-submit:before,
.product-detail-sideList-item-text:after,
.product-categoryList:after,
.csr-idx-bottom:before,
.csr-idx-bottom:after,
.ir-faq-q:before,
.ir-faq-a:before,
.eg-contentsSlider:before,
.eg-contentsSlider:after,
.catalog-idx-request-block:before,
.news-list-month-switch:before,
.news-list-month-switch:after,
.sr-idx-search-contact:before,
.support-faq-list-head:before,
.support-faq-list-head:after,
.support-form-photo-add span:before,
.support-form-photo-add span:after,
.pro-product-prodList-head:before,
.pro-product-prodList-head:after {
  position: absolute;
  content: "";
  display: block
}

/*!
 * ress.css • v1.1.1
 * MIT License
 * github.com/filipelinhares/ress
 */
html {
  box-sizing: border-box;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%
}

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

:before,
:after {
  text-decoration: inherit;
  vertical-align: inherit
}

* {
  background-repeat: no-repeat;
  padding: 0;
  margin: 0
}

audio:not([controls]) {
  display: none;
  height: 0
}

hr {
  overflow: visible
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block
}

summary {
  display: list-item
}

small {
  font-size: 80%
}

[hidden],
template {
  display: none
}

abbr[title] {
  border-bottom: 1px dotted;
  text-decoration: none
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects
}

a:active,
a:hover {
  outline-width: 0
}

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

b,
strong {
  font-weight: bolder
}

dfn {
  font-style: italic
}

mark {
  background-color: #ff0;
  color: #000
}

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

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

input {
  border-radius: 0
}

button,
[type=button],
[type=reset],
[type="submit"] [role="button"] {
  cursor: pointer
}

[disabled] {
  cursor: default
}

[type=number] {
  width: auto
}

[type=search] {
  -webkit-appearance: textfield
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

textarea {
  overflow: auto;
  resize: vertical
}

button,
input,
optgroup,
select,
textarea {
  font: inherit
}

optgroup {
  font-weight: 700
}

button {
  overflow: visible
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: 0;
  padding: 0
}

button:-moz-focusring,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  outline: 1px dotted ButtonText
}

button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button
}

button,
select {
  text-transform: none
}

button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
  color: inherit
}

select {
  -moz-appearance: none;
  -webkit-appearance: none
}

select::-ms-expand {
  display: none
}

select::-ms-value {
  color: currentColor
}

legend {
  border: 0;
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

img {
  border-style: none
}

progress {
  vertical-align: baseline
}

svg:not(:root) {
  overflow: hidden
}

audio,
canvas,
progress,
video {
  display: inline-block
}

[aria-busy=true] {
  cursor: progress
}

[aria-controls] {
  cursor: pointer
}

[aria-disabled] {
  cursor: default
}

::-moz-selection {
  background-color: #b3d4fc;
  color: #000;
  text-shadow: none
}

::selection {
  background-color: #b3d4fc;
  color: #000;
  text-shadow: none
}

@font-face {
  font-family: MyYuGothicM;
  src: local("YuGothic-Medium")
}

@font-face {
  font-family: MyYuGothicM;
  font-weight: 700;
  src: local("YuGothic-Bold")
}

html {
  font-size: 62.5%
}

body {
  color: #333;
  font-size: 14px;
  font-size: 1.4rem;
  font-family: Meiryo, -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic ProN, sans-serif;
  line-height: 2
}

a {
  color: #333;
  text-decoration: none
}

img,
iframe {
  max-width: 100%
}

ul,
ol {
  list-style: none
}

img {
  vertical-align: top
}

[data-view*=sp] {
  display: none
}

[data-view*=tablet] {
  display: none
}

[data-view*=pc] {
  display: block
}

[data-view*=pc-inlineblock] {
  display: inline-block
}

/*!
 * Pure v0.6.0
 * Copyright 2014 Yahoo! Inc. All rights reserved.
 * Licensed under the BSD License.
 * https://github.com/yahoo/pure/blob/master/LICENSE.md
 */
.pure-g {
  letter-spacing: -.31em;
  text-rendering: optimizespeed;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start
}

.pure-g-flow_reverse {
  -ms-flex-flow: row-reverse wrap;
  flex-flow: row-reverse wrap
}

.ua-ie-8 .pure-g,
.ua-ie-9 .pure-g {
  font-family: Arial, Meiryo, -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic ProN, sans-serif
}

.opera-only :-o-prefocus,
.pure-g {
  word-spacing: -.43em
}

.pure-u {
  display: inline-block;
  zoom: 1;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto
}

.pure-u-1,
.pure-u-1-1,
.pure-u-1-2,
.pure-u-1-3,
.pure-u-2-3,
.pure-u-1-4,
.pure-u-3-4,
.pure-u-1-5,
.pure-u-2-5,
.pure-u-3-5,
.pure-u-4-5,
.pure-u-5-5,
.pure-u-1-6,
.pure-u-1-7,
.pure-u-5-6,
.pure-u-1-8,
.pure-u-3-8,
.pure-u-5-8,
.pure-u-7-8,
.pure-u-1-9,
.pure-u-1-12,
.pure-u-5-12,
.pure-u-7-12,
.pure-u-11-12,
.pure-u-1-24,
.pure-u-2-24,
.pure-u-3-24,
.pure-u-4-24,
.pure-u-5-24,
.pure-u-6-24,
.pure-u-7-24,
.pure-u-8-24,
.pure-u-9-24,
.pure-u-10-24,
.pure-u-11-24,
.pure-u-12-24,
.pure-u-13-24,
.pure-u-14-24,
.pure-u-15-24,
.pure-u-16-24,
.pure-u-17-24,
.pure-u-18-24,
.pure-u-19-24,
.pure-u-20-24,
.pure-u-21-24,
.pure-u-22-24,
.pure-u-23-24,
.pure-u-24-24 {
  display: inline-block;
  zoom: 1;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto
}

.pure-u-1-24 {
  width: 4.1667%
}

.pure-u-1-12,
.pure-u-2-24 {
  width: 8.3333%
}

.pure-u-1-9 {
  width: 11.1111%
}

.pure-u-1-8,
.pure-u-3-24 {
  width: 12.5%
}

.pure-u-1-6,
.pure-u-4-24 {
  width: 16.6667%
}

.pure-u-1-5 {
  width: 20%
}

.pure-u-5-24 {
  width: 20.8333%
}

.pure-u-1-4,
.pure-u-6-24 {
  width: 25%
}

.pure-u-7-24 {
  width: 29.1667%
}

.pure-u-1-3,
.pure-u-8-24 {
  width: 33.3333%
}

.pure-u-3-8,
.pure-u-9-24 {
  width: 37.5%
}

.pure-u-2-5 {
  width: 40%
}

.pure-u-5-12,
.pure-u-10-24 {
  width: 41.6667%
}

.pure-u-11-24 {
  width: 45.8333%
}

.pure-u-1-2,
.pure-u-12-24 {
  width: 50%
}

.pure-u-13-24 {
  width: 54.1667%
}

.pure-u-7-12,
.pure-u-14-24 {
  width: 58.3333%
}

.pure-u-3-5 {
  width: 60%
}

.pure-u-5-8,
.pure-u-15-24 {
  width: 62.5%
}

.pure-u-2-3,
.pure-u-16-24 {
  width: 66.6667%
}

.pure-u-17-24 {
  width: 70.8333%
}

.pure-u-3-4,
.pure-u-18-24 {
  width: 75%
}

.pure-u-19-24 {
  width: 79.1667%
}

.pure-u-4-5 {
  width: 80%
}

.pure-u-5-6,
.pure-u-20-24 {
  width: 83.3333%
}

.pure-u-7-8,
.pure-u-21-24 {
  width: 87.5%
}

.pure-u-11-12,
.pure-u-22-24 {
  width: 91.6667%
}

.pure-u-23-24 {
  width: 95.8333%
}

.pure-u-1-7 {
  width: 14.2857%
}

.pure-u-1,
.pure-u-1-1,
.pure-u-5-5,
.pure-u-24-24 {
  width: 100%
}

/*!
 * Owl Carousel v2.2.0
 * Copyright 2013-2016 David Deutsch
 * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  z-index: 1
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
  position: absolute;
  top: 50%;
  margin-top: -19px;
  color: #227776;
  font-size: 38px
}

.owl-carousel .owl-nav .owl-prev {
  left: -45px
}

.owl-carousel .owl-nav .owl-next {
  right: -45px
}

.owl-carousel.owl-loaded {
  display: block
}

.owl-carousel.owl-loading {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  display: block
}

.owl-carousel.owl-hidden {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.owl-carousel.owl-refresh .owl-item {
  display: none
}

.owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab
}

.owl-carousel.owl-rtl {
  direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
  float: right
}

.animated {
  animation-duration: 1s;
  animation-fill-mode: both
}

.owl-animated-out {
  z-index: 1
}

.owl-animated-in {
  z-index: 0
}

.fadeIn {
  animation-name: fadeIn
}

.fadeOut {
  animation-name: fadeOut
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
  }

  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
  }

  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
  }
}

.no-js .owl-carousel {
  display: block
}

.mod-auto {
  margin-right: auto;
  margin-left: auto;
  padding-right: 50px;
  padding-left: 50px;
  max-width: 1300px;
  width: 100%
}

.mod-auto-full {
  width: 100%;
  padding-right: 2.5vw;
  padding-left: 2.5vw
}

.mod-topicPath {
  display: block;
  padding-left: 5.83333vw;
  padding-top: 5px;
  padding-bottom: 5px;
  background: #e3e3e3
}

.mod-topicPath-li {
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  font-size: 1.3rem
}

.mod-topicPath-li:after {
  vertical-align: 0;
  margin-left: 7px;
  margin-right: 7px;
  display: inline-block;
  font-family: daiken-fonts;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\EA06";
  font-size: 5px;
  font-size: .5rem
}

.mod-topicPath-li:last-child a {
  color: #333;
  pointer-events: none;
  text-decoration: none
}

.mod-topicPath-li:last-child a:hover {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.mod-topicPath-li:last-child:after {
  content: none
}

.mod-topicPath-a {
  color: #0081cc;
  text-decoration: underline;
  transition: all .2s ease
}

.mod-topicPath-a:hover {
  text-decoration: underline;
  opacity: .7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
}

.mod-a {
  display: block;
  width: 100%;
  height: 100%
}

.mod-bgGray {
  background-color: #f9f9f9
}

.mod-bgDarkGray {
  background-color: #ebebeb
}

.mod-border01 {
  border: 1px solid #b3b3b3
}

.mod-borderTop {
  border-top: 1px solid #b3b3b3
}

.mod-borderBottom {
  border-bottom: 1px solid #b3b3b3
}

.mod-spacer {
  margin-top: 40px
}

.mod-spacer-main {
  margin-top: 40px;
  margin-bottom: 80px
}

.mod-spacer-section {
  margin-top: 80px
}

.mod-spacer-sectionBtm {
  padding-bottom: 60px
}

.mod-spacer-area {
  padding-top: 3.33333vw;
  padding-bottom: 3.33333vw
}

.mod-ja,
.mod-en {
  display: block;
  line-height: 1.2
}

.mod-en {
  color: #898989;
  font-size: 10px;
  font-size: 1.0rem;
  font-family: Montserrat;
  transition: color .4s ease
}

.en .mod-en {
  color: #333;
  font-size: 2.0em
}

.mod-button {
  position: relative;
  margin: 0 auto;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem
}

.mod-button_300 {
  max-width: 300px
}

.mod-button_600 {
  max-width: 600px
}

.mod-button_620 {
  max-width: 620px
}

.mod-button_right {
  margin-right: 0
}

.mod-button_left {
  margin-left: 0
}

.mod-button-a {
  position: relative;
  display: block;
  color: #0081cc;
  background-color: transparent;
  border: 1px solid #0081cc;
  padding: 20px 30px;
  transition: all .4s ease
}

.mod-button-a_small {
  padding: 5px
}

.mod-button-a_gray {
  border: 1px solid #ccc;
  color: #333
}

.mod-button-a_gray.mod-button-a .icon {
  color: #333
}

.mod-button-a_pro {
  border: 1px solid #227776;
  color: #227776
}

.mod-button-a_pro.mod-button-a .icon {
  color: #227776
}

.mod-button-a_image {
  padding: 40px 90px;
  font-size: 18px;
  font-size: 1.8rem
}

.mod-button-a_image:before {
  top: 50%;
  left: 20px;
  width: 70px;
  height: 0;
  padding-top: 70px;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: transparent;
  z-index: 10;
  transition: all .4s ease
}

.mod-button-a_image-det {
  position: absolute;
  top: 50%;
  left: 20px;
  width: 70px;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 5
}

.mod-button-a_image:hover:before {
  background-color: rgba(0, 129, 204, .4)
}

.mod-button-a .icon {
  transition: all .4s ease;
  color: #0081cc
}

.mod-button-a.is-hover:hover {
  color: #fff;
  background-color: #0081cc
}

.mod-button-a.is-hover:hover .icon {
  color: #fff
}

.mod-button-a.is-hover01:hover {
  color: #fff;
  background-color: #ccc
}

.mod-button-a.is-hover01:hover .icon {
  color: #fff
}

.mod-button-a.is-hover02:hover {
  color: #fff;
  text-decoration: none;
  background-color: #227776
}

.mod-button-a.is-hover02:hover .icon {
  color: #fff
}

.mod-iconArrowRight {
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -7px;
  vertical-align: top;
  color: #ccc;
  font-size: 13px;
  font-size: 1.3rem
}

.mod-iconArrowLeft {
  position: absolute;
  top: 50%;
  left: 15px;
  margin-top: -7px;
  vertical-align: top;
  color: #ccc;
  font-size: 13px;
  font-size: 1.3rem
}

.mod-iconArrowLeft.imgicon-dovie {
  margin-top: 0;
  top: 10%
}

.mod-iconLeft {
  position: absolute;
  top: 50%;
  left: 10%;
  margin-top: -15px;
  vertical-align: top;
  font-size: 30px;
  font-size: 3.0rem
}

.mod-button-a_small .mod-iconLeft {
  font-size: 20px;
  font-size: 2.0rem;
  top: 65%
}

.mod-link01 {
  color: #0081cc;
  text-decoration: none
}

.mod-link01:hover {
  text-decoration: underline
}

.mod-link01 .icon,
.mod-link01 .imgicon {
  margin-left: 5px;
  font-size: 10px;
  font-size: 1.0rem
}

.mod-link01.progateLink {
  color: #227776
}

.mod-link01 .icon.icon-office_excel {
  font-size: 20px;
  font-size: 2.0rem;
  vertical-align: middle;
  line-height: 1;
  color: #02723b
}

.mod-link02:hover {
  text-decoration: underline
}

.mod-linkList {
  overflow: hidden
}

.mod-linkList-col2,
.mod-linkList-col3 {
  margin-left: -1.66667vw
}

.mod-linkList-li-col2 {
  width: 50%;
  padding-left: 1.66667vw
}

.mod-linkList-li-col3 {
  width: 33.33%;
  padding-left: 1.66667vw
}

.mod-linkList-li-a {
  position: relative;
  display: block;
  width: 100%;
  margin-top: -1px;
  padding-top: 5px;
  padding-right: 20px;
  padding-bottom: 5px;
  border-top: 1px dotted #ccc;
  transition: all .4s ease;
  overflow: hidden
}

.mod-linkList-li-a .icon {
  color: #ccc
}

.mod-linkList-li-a .icon.icon-kiseki_movie {
  color: #333
}

.mod-linkList-li-a .mod-iconArrowRight {
  right: 0
}

.mod-linkList-li-a:hover {
  color: #0081cc
}

.mod-linkList-li-a:hover .icon {
  color: #0081cc
}

.mod-tblWrap {
  width: 100%
}

.mod-tblWrap-inner {
  overflow-x: auto
}

.mod-tblWrap-inner::-webkit-scrollbar {
  width: 5px;
  background: #d6f0ff
}

.mod-tblWrap-inner::-webkit-scrollbar:horizontal {
  height: 5px;
  background: #d6f0ff
}

.mod-tblWrap-inner::-webkit-scrollbar-thumb {
  background: #0081cc;
  border-radius: none
}

.mod-tblWrap-inner::-webkit-scrollbar-thumb:horizontal {
  background: #0081cc;
  border-radius: none
}

.mod-tblWrap .mod-tbl02,
.mod-tblWrap .mod-tbl02-no {
  width: 100%;
  margin-left: -1px
}

.mod-tblWrap .mod-tbl02_150,
.mod-tblWrap .mod-tbl02-no_150 {
  width: 150%
}

.mod-tbl01 {
  border-collapse: separate;
  border-spacing: 0;
  border-top: 1px solid #b3b3b3
}

.mod-tbl01 th,
.mod-tbl01 td {
  padding: 10px 20px;
  border-bottom: 1px solid #b3b3b3;
  text-align: left;
  vertical-align: top
}

.mod-tbl01 th {
  background-color: #f9f9f9
}

.mod-tbl01 td {
  background-color: #fff
}

.mod-tbl02,
.mod-tbl02-no {
  border-collapse: collapse;
  border-spacing: 0;
  border-bottom: 1px solid #b3b3b3
}

.mod-tbl02 th,
.mod-tbl02 td,
.mod-tbl02-no th,
.mod-tbl02-no td {
  padding: 10px 20px;
  border-left: 1px solid #b3b3b3;
  border-top: 1px solid #b3b3b3;
  vertical-align: top
}

.mod-tbl02-no .va_top {
  vertical-align: top;
}

.mod-tbl02 th,
.mod-tbl02-no th {
  text-align: center;
  vertical-align: middle;
  background-color: #f9f9f9;
  white-space: nowrap
}

.mod-tbl02 td,
.mod-tbl02-no td {
  vertical-align: middle;
  background-color: #fff
}

.mod-tbl03 {
  border-collapse: collapse;
  border-spacing: 0;
  border-top: 1px solid #b3b3b3
}

.mod-tbl03 th,
.mod-tbl03 td {
  padding: 10px 20px;
  border-left: 1px solid #b3b3b3;
  border-bottom: 1px solid #b3b3b3;
  vertical-align: top
}

.mod-tbl03 th:first-child,
.mod-tbl03 td:first-child {
  border-left: none
}

.ua-ie .mod-tbl03 th:first-child,
.ua-ie .mod-tbl03 td:first-child {
  border-left: 1px solid #b3b3b3
}

.ua-ie .mod-tbl03 th:last-child,
.ua-ie .mod-tbl03 td:last-child {
  border-right: 1px solid #b3b3b3
}

.mod-tbl03 th {
  text-align: center;
  vertical-align: middle;
  background-color: #f9f9f9;
  white-space: nowrap
}

.mod-tbl03 td {
  vertical-align: middle;
  background-color: #fff
}

.mod-tbl-border {
  position: relative;
  display: block
}

.mod-tbl-border li {
  padding-top: 5px;
  padding-bottom: 5px;
  border-top: 1px dotted #b3b3b3
}

.mod-tbl-border li:first-child {
  border-top: none
}

.mod-head01 {
  position: relative;
  padding: 2.5vw 5.83333vw;
  background: #f1f1f1
}

.mod-head01-ja,
.mod-head01-en {
  display: inline-block;
  font-weight: 400;
  vertical-align: middle
}

.mod-head01-ja {
  font-size: 36px;
  font-size: 3.6rem
}

.mod-head01-en {
  padding-left: 20px;
  font-size: 12px;
  font-size: 1.2rem
}

.mod-head01-subtitle {
  display: block;
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: 400;
  line-height: 1.5
}

.mod-head01-button {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  letter-spacing: -.41em;
  line-height: 1.4
}

.mod-head01-button-item {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  text-align: center;
  min-width: 140px;
  position: relative;
  transition: all .4s ease;
  color: #0081cc;
  letter-spacing: normal
}

.mod-head01-button-item:hover {
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
}

.mod-head01-button-item-inner {
  display: block;
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.mod-head01-button-item-text {
  display: block;
  font-size: 12px;
  font-size: 1.2rem
}

.mod-head01-button-item .icon {
  display: block;
  font-size: 42px;
  font-size: 4.2rem;
  line-height: 1;
  vertical-align: bottom
}

.mod-head02 {
  position: relative;
  width: 100%;
  padding: 2.5vw 2.5vw 2.5vw 3.33333vw;
  background-color: #f1f1f1;
  margin-bottom: 50px;
  border-top: solid 1px #b5b5b5;
  overflow: hidden
}

.idx .mod-head02 {
  padding: 2.5vw 0 2.5vw 2.5vw;
  border-left: solid 3.33333vw #b5b5b5
}

.mod-head02-ja {
  font-size: 29px;
  font-size: 2.9rem;
  font-weight: 100;
  line-height: 1.1;
  border-left: solid 5px #b5b5b5;
  padding-left: 2.08333vw
}

.idx .mod-head02-ja {
  border-left: none;
  padding-left: 0
}

.mod-head02-en {
  display: block;
  margin-top: 5px;
  font-size: 12px;
  font-size: 1.2rem;
  font-family: Montserrat
}

.mod-head02-tab,
.mod-head02-anchor,
.mod-head02-accordion,
.mod-head02-a {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  letter-spacing: -.41em;
  line-height: 1.4
}

.mod-head02-tab-item,
.mod-head02-anchor-item,
.mod-head02-accordion-item,
.mod-head02-a-item {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  font-size: 16px;
  font-size: 1.6rem;
  border-left: solid 1px #b5b5b5;
  text-align: center;
  min-width: 140px;
  position: relative;
  transition: all .4s ease
}

.mod-head02-tab-item span,
.mod-head02-anchor-item span,
.mod-head02-accordion-item span,
.mod-head02-a-item span {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  letter-spacing: normal
}

.mod-head02-tab-item:hover,
.mod-head02-tab-item.is-active {
  background-color: #a08135;
  color: #fff;
  font-weight: 700
}

.mod-head02-tab-item:hover:after,
.mod-head02-tab-item.is-active:after {
  width: 0;
  height: 0;
  border: solid 5px transparent;
  border-bottom: solid 5px #f1f1f1;
  bottom: 0;
  left: 50%;
  margin-left: -5px
}

.mod-head02-anchor-item:after {
  position: absolute;
  display: inline-block;
  font-family: daiken-fonts;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\EA07";
  left: 45%;
  bottom: 10px
}

.mod-head02-anchor-item:hover {
  background-color: #a08135;
  color: #fff
}

.mod-head02-accordion-item:before,
.mod-head02-accordion-item:after {
  left: 45%;
  bottom: 20px;
  width: 12px;
  height: 2px;
  background-color: #0081cc;
  transition: all .4s ease
}

.mod-head02-accordion-item:before {
  -ms-transform: rotate(0deg) translateY(-50%);
  transform: rotate(0deg) translateY(-50%)
}

.mod-head02-accordion-item:after {
  -ms-transform: rotate(90deg) translateX(-5%);
  transform: rotate(90deg) translateX(-5%)
}

.mod-head02-accordion-item:hover,
.mod-head02-accordion-item.is-active {
  background-color: #a08135;
  color: #fff
}

.mod-head02-accordion-item:hover:before,
.mod-head02-accordion-item:hover:after,
.mod-head02-accordion-item.is-active:before,
.mod-head02-accordion-item.is-active:after {
  background-color: #fff
}

.mod-head02-accordion-item.is-active:before {
  content: none
}

.mod-head02-accordion-item.is-active:after {
  -ms-transform: rotate(180deg) translateX(-5%);
  transform: rotate(180deg) translateX(-5%)
}

.mod-head02-a-item {
  position: relative;
  background-color: #0081cc;
  min-width: 160px;
  transition: .4s;
  color: #fff;
  border-left: none
}

.mod-head02-a-item a {
  display: block;
  height: 100%;
  width: 100%;
  color: #fff
}

.mod-head02-a-item:hover {
  opacity: .7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
}

.mod-head02-a-item:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  border: solid 5px transparent;
  border-left: solid 5px #fff;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -5px;
  background-color: transparent
}

.mod-head03 {
  position: relative;
  width: 100%;
  font-size: 30px;
  font-size: 3.0rem;
  font-weight: 100;
  line-height: 1.1;
  padding: 5px 0 5px 20px;
  margin-bottom: 20px
}

.mod-head03:before {
  top: 0;
  left: 0;
  width: 5px;
  height: 100%;
  background-color: #b5b5b5
}

.mod-head03-en {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  font-family: Montserrat
}

.mod-head04 {
  margin-bottom: 20px;
  padding-bottom: 5px;
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: 700;
  border-bottom: 1px solid #b3b3b3
}

.mod-head05 {
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 1.6
}

.mod-head06 {
  margin-bottom: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 2.08333vw;
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 100;
  border-left: 6px solid #b3b3b3;
  background-color: #f3f3f3
}

.mod-head07 {
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 30px;
  font-weight: 700;
  line-height: 1.8;
  font-size: 18px;
  font-size: 1.8rem
}

.mod-head07:before {
  top: 11px;
  left: 0;
  width: 16px;
  height: 5px;
  background-color: #0081cc
}

.mod-head07.fs_small:before {
  top: 9px
}

.mod-head07.progate:before {
  background-color: #227776
}

.mod-shadow {
  position: relative
}

.mod-shadow:after {
  bottom: -10px;
  left: 0;
  width: 100%;
  height: 0;
  padding-top: 10px;
  background: linear-gradient(rgba(0, 0, 0, .4), rgba(255, 255, 255, 0));
  z-index: 50
}

.mod-shadowText {
  color: #fff;
  text-shadow: 0 0 15px #333, 0 0 15px #333, 0 0 5px #333, 0 0 15px #333
}

.mod-newsList {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  padding-right: 50px;
  padding-left: 50px;
  max-width: 1300px;
  width: 100%;
  margin-bottom: 2.5vw
}

.mod-sideContent-inner .mod-newsList {
  padding-left: 0;
  padding-right: 0
}

.mod-newsList-li {
  width: 100%;
  padding: 10px 30px
}

.mod-newsList-li:nth-child(odd) {
  background-color: #fafafa
}

.mod-newsList-date {
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px
}

.mod-newsList-cat {
  display: inline-block;
  width: 75px;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  color: #fff;
  border-radius: 4px;
  margin-right: 15px
}

.mod-newsList-cat.release,
.mod-newsList-cat.eg_update {
  background-color: #616161
}

.mod-newsList-cat.topics {
  background-color: #802a2a
}

.mod-newsList-cat.ir,
.mod-newsList-cat.notice {
  background-color: #363f7d
}

.mod-newsList-cat.csr,
.mod-newsList-cat.sr_11 {
  background-color: #639654
}

.mod-newsList-cat.event,
.mod-newsList-cat.evt_common,
.mod-newsList-cat.evt_akihabara,
.mod-newsList-cat.evt_hukuoka,
.mod-newsList-cat.evt_hiroshima,
.mod-newsList-cat.evt_kanazawa,
.mod-newsList-cat.evt_nagoya,
.mod-newsList-cat.evt_osaka,
.mod-newsList-cat.evt_sapporo,
.mod-newsList-cat.evt_sendai,
.mod-newsList-cat.evt_shinjuku,
.mod-newsList-cat.evt_takamatsu {
  background-color: #802a2a
}

.mod-newsList-cat.other {
  background-color: #ba5680
}

.mod-newsList-cat.sr_9,
.mod-newsList-catsr_10 {
  background-color: #616161
}

.mod-newsList-cat.info {
  background-color: #b80015
}

.mod-newsList-cat.upinfo {
  background-color: #0081cc
}

.mod-newsList-title {
  display: inline-block;
  width: 72%;
  vertical-align: middle
}

.mod-newsList-title:hover {
  text-decoration: underline
}

.mod-menuList02,
.mod-menuList03 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.mod-menuList02-li {
  width: 49.3%;
  margin-bottom: 1.25vw
}

.mod-menuList03-li {
  width: 32.4%;
  margin-bottom: 1.25vw
}

.mod-boxLink01 {
  display: block;
  cursor: pointer;
  position: relative;
  text-align: center;
  transition: all .4s ease;
  line-height: .8
}

.mod-boxLink01:hover {
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
}

.mod-boxLink01-en {
  display: block;
  width: 100%;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  vertical-align: middle;
  color: #fff;
  font-family: Montserrat;
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 500;
  text-shadow: 0 0 10px #000;
  line-height: 1.5
}

.mod-boxLink01-ja {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  font-family: Meiryo, -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic ProN, sans-serif
}

.mod-boxLink02 {
  display: block;
  transition: .4s
}

.mod-boxLink02:hover {
  opacity: .7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
}

.mod-boxLink02 img {
  display: block;
  width: 100%
}

.mod-boxLink02-name {
  display: block;
  position: relative;
  background-color: rgba(0, 0, 0, .2);
  color: #fff;
  padding: 15px
}

.mod-boxLink02_white .mod-boxLink02-name {
  background-color: rgba(255, 255, 255, .8);
  color: #0081cc
}

.mod-boxLink02_white .icon {
  color: #0081cc
}

.mod-boxLink03 {
  position: relative;
  display: block
}

.mod-boxLink03:before {
  top: 0;
  right: 0;
  width: 30px;
  height: 100%;
  border-left: 1px solid #fff;
  background-color: rgba(0, 0, 0, .2);
  transition: all .4s ease
}

.mod-boxLink03:after {
  content: "\EA06";
  position: absolute;
  display: inline-block;
  top: 50%;
  right: 7px;
  color: #fff;
  font-family: daiken-fonts;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.mod-boxLink03:hover:before {
  background-color: rgba(0, 129, 204, .8)
}

.mod-boxLink03-img {
  display: block;
  width: 100%
}

.mod-boxLink03-title {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 100;
  line-height: 1.5
}

.mod-boxLink03-lead {
  position: absolute;
  top: 50%;
  left: 1.66667vw;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.mod-toggle-list:last-child {
  border-bottom: solid 1px #b3b3b3
}

.mod-toggle-list-head {
  position: relative;
  font-size: 18px;
  font-size: 1.8rem;
  border-top: solid 1px #b3b3b3;
  padding: 1.66667vw
}

.mod-toggle-list-head:before,
.mod-toggle-list-head:after {
  top: 50%;
  right: 20px;
  width: 30px;
  height: 3px;
  background-color: #0081cc;
  transition: all .4s ease
}

.mod-toggle-list-head:before {
  -ms-transform: rotate(0deg) translateY(-50%);
  transform: rotate(0deg) translateY(-50%)
}

.mod-toggle-list-head:after {
  width: 30px;
  -ms-transform: rotate(90deg) translateX(-5%);
  transform: rotate(90deg) translateX(-5%)
}

.mod-toggle-list-head.is-active {
  background-color: #f9f9f9
}

.mod-toggle-list-head.is-active:before,
.mod-toggle-list-head.is-active:after {
  background-color: #7c7c7c
}

.mod-toggle-list-head.is-active:before {
  content: none
}

.mod-toggle-list-head.is-active:after {
  -ms-transform: rotate(180deg) translateX(-5%);
  transform: rotate(180deg) translateX(-5%)
}

.mod-toggle-list-head.no-content:before,
.mod-toggle-list-head.no-content:after {
  content: none
}

.mod-toggle-list-inner {
  padding-right: 1.66667vw;
  padding-bottom: 1.66667vw;
  padding-left: 1.66667vw;
  background-color: #f9f9f9
}

.mod-bottomBnr {
  background: #e8e8e8;
  border-top: solid 1px #e1e1e1;
  padding: 40px 0
}

.mod-bottomBnr-wrapper {
  max-width: 1200px;
  margin: 0 auto
}

.mod-bottomBnr-wrapper li {
  width: 19.2%;
  margin-left: 1%
}

.mod-bottomBnr-wrapper li:first-child {
  margin-left: 0
}

.mod-bottomBnr-wrapper li img {
  width: 100%
}

.mod-float-right-image {
  float: right;
  padding-bottom: 30px;
  padding-left: 30px
}

.mod-float-left-image {
  float: left;
  padding-bottom: 50px;
  padding-right: 30px
}

.mod-main {
  position: relative
}

.mod-main img {
  width: 100%
}

.mod-mainVisual {
  z-index: 10
}

.mod-mainVisual-child img {
  width: 100%
}

.mod-mainVisual .owl-dots {
  width: 100%;
  position: absolute;
  bottom: 2.94118vh;
  text-align: center
}

.mod-mainVisual .owl-dot {
  cursor: pointer;
  display: inline-block;
  margin-right: 1px
}

.mod-mainVisual .owl-dot span {
  display: block;
  width: 200px;
  height: 8px;
  background-color: rgba(255, 255, 255, .5)
}

.mod-mainVisual .owl-dot.active span {
  background-color: rgba(207, 168, 77, .8)
}

.mod-search {
  padding: 10px 0;
  line-height: 1.5
}

.mod-search input[type=text] {
  width: 70%;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 6px 5px;
  border-radius: 4px;
  border: solid 1px #ddd;
  background-color: #fff;
  margin-right: 10px
}

.mod-search input[type=submit] {
  cursor: pointer;
  width: 80px;
  height: 35px;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 5px;
  border-radius: 4px;
  border: none;
  vertical-align: top;
  background-color: #0081cc;
  box-shadow: inset 0 1px 3px 0 #009ed9, 0 1px 0 1px #004267;
  color: #fff;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button
}

.mod-search-button {
  display: inline-block;
  cursor: pointer;
  width: 80px;
  height: 35px;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 5px;
  border-radius: 4px;
  border: none;
  vertical-align: middle;
  background-color: #0081cc;
  box-shadow: inset 0 1px 3px 0 #009ed9, 0 1px 0 1px #004267;
  color: #fff;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button
}

.mod-search-form {
  width: 70%;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px
}

.mod-search-form .mod-search input[type=text] {
  width: 100%
}

.mod-input {
  padding: 5px 10px;
  background-color: #fff;
  border: 1px solid #b3b3b3;
  border-radius: 4px
}

.mod-inputFile {
  cursor: pointer;
  border: 1px solid #b3b3b3;
  border-radius: 4px;
  background-color: #fff;
  padding: 5px;
  margin-right: 10px
}

.mod-inputFile input[type=file] {
  display: none
}

.mod-input.error {
  background-color: #fdeeee
}

.mod-select {
  display: inline-block;
  background-color: #fff
}

.mod-select label {
  position: relative
}

.mod-select label:after {
  content: '▼';
  font-size: 10px;
  font-size: 1.0rem;
  color: #b3b3b3;
  right: 8px;
  top: 0;
  pointer-events: none
}

.mod-select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  border: 1px solid #b3b3b3;
  border-radius: 4px;
  padding: 5px 30px 5px 20px
}

.mod-check-input {
  position: absolute;
  opacity: .01;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"
}

.mod-check-text {
  line-height: 2;
  display: inline-block;
  position: relative;
  cursor: pointer;
  padding-left: 30px
}

.mod-check-text:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  display: block;
  height: 20px;
  width: 20px;
  border-radius: 4px;
  border: 1px solid #b3b3b3
}

.mod-check-text:after {
  content: "";
  position: absolute;
  top: 12px;
  left: 8px;
  display: block;
  width: 5px;
  height: 10px;
  border: solid 2px #b3b3b3;
  border-left: 0;
  border-top: 0;
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg)
}

.mod-check-input:checked~.mod-check-text {
  font-weight: 700
}

.mod-check-input:checked~.mod-check-text:after {
  border-color: #0081cc
}

.mod-radio-input {
  position: absolute;
  opacity: .01;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"
}

.mod-radio-text {
  line-height: 2;
  display: inline-block;
  position: relative;
  cursor: pointer;
  padding-left: 30px
}

.mod-radio-text:before {
  position: absolute;
  top: 3px;
  left: 0;
  display: block;
  content: "";
  height: 20px;
  width: 20px;
  border: solid 3px #b3b3b3;
  border-radius: 10px
}

.mod-radio-text:after {
  position: absolute;
  top: 9px;
  left: 6px;
  display: block;
  content: "";
  width: 8px;
  height: 8px;
  background-color: #b3b3b3;
  border-radius: 10px
}

.mod-radio-input:checked~.mod-radio-text {
  font-weight: 700
}

.mod-radio-input:checked~.mod-radio-text:before {
  border-color: #0081cc
}

.mod-radio-input:checked~.mod-radio-text:after {
  background-color: #0081cc
}

.mod-sideContent {
  float: left;
  width: 100%;
  margin-right: -250px
}

.mod-sideContent-inner {
  margin-right: 290px
}

.mod-sideContent-inner .mod-catButton-a {
  padding-right: 40px;
  padding-left: 40px
}

.mod-sideContent:before {
  top: 0;
  right: 335px;
  width: 1px;
  height: 100%
}

.mod-sideNav {
  float: right;
  width: 250px
}

.mod-sideNav-cat {
  position: relative;
  display: block;
  padding-top: 35px;
  padding-bottom: 25px;
  border-top: 5px solid #0081cc;
  border-bottom: 2px solid #b3b3b3;
  transition: all .4s ease
}

.mod-sideNav-cat-ja,
.mod-sideNav-cat-en {
  display: block;
  text-align: center;
  transition: all .4s ease
}

.mod-sideNav-cat-ja {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.0
}

.mod-sideNav-cat-en {
  font-size: 10px;
  font-size: 1.0rem;
  font-family: Montserrat
}

.mod-sideNav-cat:before {
  top: 0;
  left: 50%;
  width: 46px;
  height: 0;
  padding-top: 13px;
  background-color: #0081cc;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

.mod-sideNav-cat:after {
  content: '\EA07';
  position: absolute;
  top: -2px;
  left: 50%;
  color: #fff;
  font-family: daiken-fonts;
  line-height: 1;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

.mod-sideNav-cat:hover {
  border-bottom-color: #0081cc
}

.mod-sideNav-cat:hover .mod-sideNav-cat-ja,
.mod-sideNav-cat:hover .mod-sideNav-cat-en {
  color: #0081cc
}

.mod-sideNav-ul {
  overflow: hidden
}

.mod-sideNav-li {
  margin-top: 15px
}

.mod-sideNav-li .mod-button-a {
  padding-top: 10px;
  padding-left: 15px;
  padding-bottom: 10px
}

.mod-sideNav-li .mod-linkList-li-a {
  padding-left: 15px;
  padding-right: 20px
}

.mod-sideNav-li .mod-linkList-li-a .mod-iconArrowRight {
  right: 7px
}

.mod-sideNav-li-toggle,
.mod-sideNav-li-toggleTitle {
  position: relative;
  padding-left: 15px
}

.mod-sideNav-li-toggle:before,
.mod-sideNav-li-toggle:after,
.mod-sideNav-li-toggleTitle:before,
.mod-sideNav-li-toggleTitle:after {
  top: 50%;
  right: 10px;
  width: 12px;
  height: 2px;
  background-color: #0081cc;
  transition: all .4s ease
}

.mod-sideNav-li-toggle:before,
.mod-sideNav-li-toggleTitle:before {
  -ms-transform: rotate(0deg) translateY(-50%);
  transform: rotate(0deg) translateY(-50%)
}

.mod-sideNav-li-toggle:after,
.mod-sideNav-li-toggleTitle:after {
  -ms-transform: rotate(90deg) translateX(-5%);
  transform: rotate(90deg) translateX(-5%)
}

.mod-sideNav-li-toggle.is-active,
.mod-sideNav-li-toggleTitle.is-active {
  background-color: #f9f9f9;
  border-bottom: 1px solid #555
}

.mod-sideNav-li-toggle.is-active:before,
.mod-sideNav-li-toggleTitle.is-active:before {
  content: none
}

.mod-sideNav-li-toggle.is-active:after,
.mod-sideNav-li-toggleTitle.is-active:after {
  background-color: #7c7c7c;
  -ms-transform: rotate(180deg) translateX(-5%);
  transform: rotate(180deg) translateX(-5%)
}

.mod-sideNav-li-toggle {
  margin-top: -1px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-top: 1px dotted #ccc;
  overflow: hidden
}

.mod-sideNav-li-toggleTitle {
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  border: 1px solid #b3b3b3
}

.mod-sideNav-li-toggleTitle.is-active {
  border-top-color: #555;
  border-right-color: #f9f9f9;
  border-left-color: #f9f9f9
}

.mod-sideNav-li-toggleBlock {
  background-color: #f9f9f9
}

.mod-sideNav-li-borderBottom {
  border-color: #f1f1f1;
  background-color: #f1f1f1;
  border-left: solid 5px #b5b5b5
}

.mod-sideNav-item.is-active {
  color: #fff;
  background-color: #0081cc
}

.mod-sideNav-item.is-active .icon {
  color: #fff
}

.mod-sideNav-item.is-active.mod-linkList-li-a {
  color: #0081cc;
  background-color: #fff
}

.mod-sideNav-item.is-active.mod-linkList-li-a .icon {
  color: #0081cc
}

.mod-sideNav-itemSub.is-active {
  color: #0081cc
}

.mod-sideNav-itemSub.is-active .icon {
  color: #0081cc
}

.mod-contact-freedial .imgicon.imgicon-freedial:after {
  width: 45px;
  height: 26px;
  background-image: url(/common/images/sprites.png);
  background-position: 0 0;
  background-size: 75px 56px
}

.mod-contact-freedial-num {
  display: inline-block;
  color: #0081cc;
  font-size: 33px;
  font-size: 3.3rem;
  font-weight: 100;
  vertical-align: middle
}

.mod-contact-freedial-detail {
  display: inline-block;
  margin-left: 20px;
  vertical-align: middle
}

.mod-contact-freedial-detail span {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.6
}

.mod-contact-tel {
  position: relative
}

.mod-contact-tel .icon {
  color: #555
}

.mod-contact-tel .mod-iconArrowLeft {
  font-size: 50px;
  font-size: 5.0rem
}

.company-info-base .mod-contact-tel .mod-iconArrowLeft {
  top: 8px;
  left: 0
}

.ua-ie .company-info-base .mod-contact-tel .mod-iconArrowLeft {
  top: 12px
}

.mod-contact-tel-detail {
  display: inline-block;
  padding-left: 90px
}

.company-info-base .mod-contact-tel-detail {
  padding-left: 75px
}

.mod-contact-tel-detail-span {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.6
}

.company-info-base .mod-contact-tel-detail-span {
  display: block
}

.company-info-base .mod-contact-tel-detail-span.fw_bold {
  margin-top: 5px
}

.mod-contact-tel-num {
  color: #0081cc;
  font-weight: 100;
  vertical-align: middle
}

.mod-contact-tel-num_fs28 {
  font-size: 28px;
  font-size: 2.8rem
}

.mod-contact-tel-num_fs22 {
  display: inline-block;
  font-size: 22px;
  font-size: 2.2rem
}

.company-info-base .mod-contact-tel-num_fs22 {
  display: block
}

.mod-contact-tel-ja {
  color: #333;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  vertical-align: middle;
  padding-right: 10px
}

.mod-tab01-ul {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.mod-tab01-li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: .83333vw;
  line-height: 1.6;
  text-align: center;
  background-color: #eaeaea;
  transition: all .4s ease;
  cursor: pointer
}

.mod-tab01-li.is-active {
  color: #0081cc;
  font-weight: 700;
  background-color: #fff
}

.mod-tab01-liTop {
  border-top: 2px solid #eaeaea
}

.mod-tab01-liBottom {
  border-bottom: 2px solid #eaeaea
}

.mod-tab01-liTop.is-active,
.mod-tab01-liBottom.is-active {
  border-color: #0081cc
}

.mod-paginate>div {
  display: inline-block
}

.mod-paginate>div:last-child a {
  margin-right: 0
}

.mod-paginate-index span,
.mod-paginate-index a {
  display: inline-block;
  width: 40px;
  height: 40px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #b3b3b3;
  padding: 5px 0;
  margin-right: 10px;
  transition: .4s
}

.mod-paginate-index span[class*=selected],
.mod-paginate-index span:hover,
.mod-paginate-index a[class*=selected],
.mod-paginate-index a:hover {
  border: 1px solid #0081cc;
  background-color: #0081cc;
  color: #fff
}

.mod-paginate-nav a {
  display: inline-block;
  width: 40px;
  height: 40px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #b3b3b3;
  padding-top: 8px;
  margin-right: 10px;
  transition: .4s
}

.mod-paginate-nav a:hover {
  border: 1px solid #0081cc;
  background-color: #0081cc
}

.mod-paginate-nav a:hover .icon:before {
  color: #fff
}

.mod-num {
  position: relative;
  color: #0081cc;
  padding-left: 40px
}

.mod-num span {
  display: block;
  position: absolute;
  left: 0;
  width: 30px;
  height: 30px;
  background-color: #0081cc;
  color: #fff;
  border-radius: 20px;
  text-align: center;
  padding: 2px 0
}

.mod-modal-overlay {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .8);
  z-index: 200
}

.mod-modal-overlay>img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-height: 80%;
  max-width: 80%
}

.mod-modal-closeArea {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 201
}

.mod-modal-closeBtn {
  cursor: pointer;
  position: absolute;
  top: 80px;
  right: 100px;
  color: #fff;
  z-index: 202
}

.mod-modal-closeBtn img {
  vertical-align: middle
}

/*.header{background-color:#fff;width:100%;height:90px;position:fixed;top:0;left:0;z-index:100}*/
.header-table {
  display: table;
  width: 100%
}

.header-logo {
  padding: 20px 2%
}

.header-logo img {
  vertical-align: bottom
}

.header-logo.support-form {
  height: 90px
}

.header-tableCell {
  display: table-cell;
  vertical-align: middle
}

.header-globalNav {
  display: block;
  float: right
}

.header-globalNav-item {
  display: table-cell;
  position: relative;
  font-size: 14px;
  font-size: 1.4rem;
  padding-left: 2.91667vw;
  line-height: 1.6;
  vertical-align: middle;
  transition: color .4s ease
}

.header-globalNav-item a {
  display: inline-block;
  color: #333;
  position: relative;
  padding: 38px 0 30px
}

.header-globalNav-item a:hover {
  color: #0081cc
}

.header-globalNav-item a:after {
  content: "";
  display: block;
  height: 0;
  width: 100%;
  background-color: #0081cc;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: .2s
}

.header-globalNav-item a:hover:after {
  height: 3px
}

.header-globalNav-item.is-active a {
  color: #0081cc
}

.header-globalNav-item.is-active a:after {
  content: "";
  display: block;
  height: 3px;
  width: 100%;
  background-color: #0081cc;
  position: absolute;
  bottom: 0;
  left: 0
}

.header-globalNav-instaBtn {
  padding-left: 10px;
  line-height: 1
}

.header-globalNav-instaBtn a {
  padding: 38px 15px 30px
}

.header-globalNav-instaBtn a:after {
  background-color: #0081cc
}

.header-globalNav-instaBtn img {
  vertical-align: middle
}

.header-globalNav-instaBtn.is-active a:after {
  background-color: #f1f1f1
}

.header-globalNav-instaBtn-text {
  position: absolute;
  display: block;
  bottom: 10px;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 10px;
  font-size: 1.0rem
}

.header-globalNav-globalBtn {
  padding-left: 10px;
  line-height: 1
}

.header-globalNav-globalBtn a {
  padding: 38px 15px 30px
}

.header-globalNav-globalBtn a:after {
  background-color: #0081cc
}

.header-globalNav-globalBtn img {
  vertical-align: middle
}

.header-globalNav-globalBtn.is-active a:after {
  background-color: #f1f1f1
}

.header-globalNav-globalBtn-text {
  position: absolute;
  display: block;
  bottom: 10px;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 10px;
  font-size: 1.0rem
}

.header-globalNav-searchBtn {
  padding-left: 0;
  line-height: 1
}

.header-globalNav-searchBtn a {
  padding: 38px 15px 30px
}

.header-globalNav-searchBtn a:after {
  background-color: #0081cc
}

.header-globalNav-searchBtn img {
  vertical-align: middle
}

.header-globalNav-searchBtn.is-active a:after {
  background-color: #f1f1f1
}

.header-globalNav-searchBtn-text {
  position: absolute;
  display: block;
  bottom: 10px;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 10px;
  font-size: 1.0rem
}

.header-globalNav-progateBtn {
  padding: 0;
  text-align: center;
  position: relative;
  background-color: #227776;
  transition: color .4s ease
}

.header-globalNav-progateBtn:hover {
  background-color: #3b9a99
}

.header-globalNav-progateBtn:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  border: solid 5px transparent;
  border-left: solid 5px #fff;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -5px;
  background-color: transparent
}

.header-globalNav-progateBtn a {
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5;
  padding: 0 30px
}

.ua-firefox .header-globalNav-progateBtn a {
  line-height: 1.0
}

.header-globalNav-progateBtn a:after {
  display: none
}

.header-globalNav-progateBtn a:hover {
  color: #fff
}

.header-globalNav-progateBtn.is-active a {
  color: #fff
}

.header-globalNav-progateBtn.is-active a:after {
  border: solid 5px transparent;
  background-color: transparent
}

.header-megamenu {
  display: table-caption;
  width: 100%;
  position: absolute;
  top: 90px;
  left: 0;
  line-height: 1.5
}

.header-megamenu .is-hidden {
  display: none
}

.header-megamenu .mod-button-a {
  border-color: #fff
}

.header-megamenu .mod-button .icon {
  color: #fff
}

.header-megamenu-localNav {
  background-color: rgba(0, 0, 0, .9);
  display: none;
  overflow: hidden;
  border-top: solid 3px #0081cc;
  box-shadow: 0 5px 5px rgba(0, 0, 0, .5);
  position: relative
}

.header-megamenu-localNav.progate {
  border-top: solid 3px #227776
}

.header-megamenu-inner {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 0 40px;
  position: relative
}

.header-megamenu-inner a {
  display: block;
  color: #fff;
  padding-right: 10px
}

.header-megamenu-inner a.header-megamenu-head1-anchor {
  display: inline-block;
  padding-right: 60px
}

.header-megamenu-head1 {
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: 400;
  margin-bottom: 50px;
  padding-top: 40px;
  position: relative;
  color: #fff
}

.header-megamenu-head1-sub {
  font-size: 12px;
  font-size: 1.2rem;
  vertical-align: middle;
  margin-left: 1em;
  font-family: Montserrat;
  opacity: .5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}

.header-megamenu-head1-anchor {
  position: relative;
  transition: .4s
}

.header-megamenu-head1-anchor:before {
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #fff;
  transition: .4s
}

.header-megamenu-head1-anchor:after {
  position: absolute;
  top: 18%;
  margin-left: 20px;
  display: inline-block;
  font-family: daiken-fonts;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\EA06";
  color: #ccc;
  transition: .4s
}

.header-megamenu-head1-anchor:hover {
  color: #0081cc
}

.header-megamenu-head1-anchor:hover:before {
  width: 100%;
  background-color: #0081cc
}

.header-megamenu-head1-anchor:hover:after {
  color: #0081cc
}

.header-megamenu-head2 {
  position: relative;
  border-bottom: solid 2px rgba(255, 255, 255, .2);
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  color: #fff;
  padding: 0 0 10px;
  margin-bottom: 20px
}

.header-megamenu-head2-a:after {
  position: absolute;
  top: 25%;
  right: 0;
  display: inline-block;
  font-family: daiken-fonts;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\EA06";
  color: #ccc;
  font-size: 12px;
  font-size: 1.2rem
}

.header-megamenu-list {
  padding-top: 10px;
  zoom: 1
}

.header-megamenu-list-item {
  position: relative;
  color: #fff;
  padding-top: 7px
}

.header-megamenu-list-item.space-u-20-child {
  padding-top: 7px
}

.header-megamenu-list-item a {
  padding-bottom: 7px;
  font-size: 12px;
  font-size: 1.2rem;
  border-bottom: dotted 1px rgba(255, 255, 255, .2)
}

.header-megamenu-list-item a:after {
  position: absolute;
  top: 10px;
  right: 0;
  display: inline-block;
  font-family: daiken-fonts;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\EA06";
  color: #ccc;
  font-size: 12px;
  font-size: 1.2rem
}

.header-megamenu-list-item[data-view*=sp] {
  display: none
}

.header-megamenu-list-dl {
  color: #fff
}

.header-megamenu-list-dl dt {
  display: block;
  width: 100%;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 10px;
  border: solid 1px #ddd;
  box-sizing: border-box;
  margin: 10px 0
}

.header-megamenu-list-dl dd {
  font-size: 12px;
  font-size: 1.2rem
}

.header-megamenu-anchorRight {
  position: relative;
  text-align: right;
  padding-right: 15px
}

.header-megamenu-anchorRight:after {
  position: absolute;
  top: 3px;
  right: 0;
  display: inline-block;
  font-family: daiken-fonts;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\EA06";
  color: #ccc;
  font-size: 12px;
  font-size: 1.2rem
}

.header-megamenu-bnr {
  padding-top: 40px
}

.header-megamenu-bnr-txt {
  font-size: 11px;
  font-size: 1.1rem;
  display: none;
  padding: 10px 0 0;
  color: #333
}

.header-megamenu-bnr img {
  border: solid 1px rgba(255, 255, 255, .8);
  display: block
}

.header-megamenu-fig {
  position: absolute;
  bottom: 30px;
  right: 0
}

.header-megamenu-fig img {
  width: 90%
}

.header-megamenu-closeBtn {
  position: absolute;
  top: 40px;
  right: 40px
}

.header-search {
  position: relative
}

.header-search-wrapper {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding: 20px 0
}

.header-search-wrapper-head {
  font-size: 16px;
  font-size: 1.6rem;
  display: inline-block;
  padding-right: 40px;
  text-align: center;
  color: #fff
}

.header-search-wrapper input[type=text] {
  width: 50%
}

.header-spMenuBtn {
  display: none
}

.contents {
  padding-top: 75px;
  transition: color .4s ease;
  background-color: #fff
}

/*.contents{padding-top:90px;transition:color .4s ease;background-color:#fff}*/
.bottomBanner {
  border-top: solid 1px #b5b5b5
}

.bottomBanner-wrapper {
  padding-top: 2.91667vh;
  padding-bottom: 2.91667vh
}

.bottomBanner-wrapper li {
  display: none;
  text-align: center
}

.bottomBanner-wrapper li.is-active {
  display: inline-block
}

.bottomBanner-wrapper {
  margin-left: -20px;
  letter-spacing: -.41em;
  text-align: center
}

.bottomBanner-item {
  width: 20%;
  padding-left: 15px;
  letter-spacing: normal
}

.footer {
  position: relative;
  background: #727171;
  text-align: center;
  padding-top: 60px
}

.footer.support-form {
  padding-top: 0
}

.footer-pagetop {
  position: fixed;
  bottom: 4%;
  right: 3%;
  z-index: 50;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: .4s;
  z-index: 200
}

.footer-pagetop.is-visible {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.footer-pagetop.is-fixed {
  position: absolute;
  bottom: 0
}

.footer-pagetop a {
  display: block;
  width: 55px;
  height: 55px;
  padding: 10px 13px;
  text-align: center;
  background-color: #0081cc;
  color: #fff;
  line-height: 1;
  font-size: 30px;
  font-size: 3.0rem
}

.footer-wrapper {
  width: 92%;
  margin: 0 4%;
  display: table;
  font-size: 14px;
  font-size: 1.4rem;
  position: relative
}

.footer-wrapper a {
  color: #fff
}

.footer-nav {
  vertical-align: top;
  text-align: left
}

.footer-nav-item {
  position: relative;
  display: inline-block;
  margin-left: 2.91667vw;
  transition: color .4s ease
}

.footer-nav-item a:after {
  position: absolute;
  top: 6px;
  right: -20px;
  display: inline-block;
  font-family: daiken-fonts;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\EA06";
  color: #ccc
}

.footer-nav-item:first-child {
  margin-left: 0
}

.footer-ci {
  display: table-cell;
  vertical-align: top;
  text-align: center
}

.footer-ci figure {
  margin-bottom: 20px;
  margin-top: -20px
}

.footer-ci-btn {
  display: inline-block;
  width: 100%;
  padding: 3% 0;
  border: solid 1px #fff
}

.footer-ci-nav {
  position: absolute;
  bottom: 20px;
  left: 0;
  font-size: 12px;
  font-size: 1.2rem
}

.footer-a {
  position: relative
}

.footer-a:after {
  vertical-align: middle;
  margin-left: 10px;
  display: inline-block;
  font-family: daiken-fonts;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\EA06";
  color: #ccc
}

.footer-reg {
  display: block;
  height: 56px;
  font-size: 10px;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
  border-top: solid 1px #fff;
  margin-top: 30px;
  padding-top: 15px;
  color: #fff
}

.js-toggle,
.js-slide-toggle {
  cursor: pointer;
  transition: all .3s ease
}

.js-toggle:hover,
.js-slide-toggle:hover {
  opacity: .7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
}

.js-toggleBlock,
.js-slide-toggleBlock {
  display: none
}

.js-toggleBlock.is-visible,
.js-slide-toggleBlock.is-visible {
  display: block
}

.js-tab-content {
  display: none
}

.js-tab-content.is-active {
  display: block
}

.idx-main {
  position: relative
}

.idx-mainVisual {
  z-index: 10
}

.idx-mainVisual-child img {
  width: 100%
}

.idx-mainVisual .owl-dots {
  width: 100%;
  position: absolute;
  bottom: 10.34483vh;
  text-align: center
}

.idx-mainVisual .owl-dot {
  cursor: pointer;
  display: inline-block;
  margin-right: 1px
}

.idx-mainVisual .owl-dot span {
  display: block;
  width: 200px;
  height: 8px;
  background-color: rgba(255, 255, 255, .5)
}

.idx-mainVisual .owl-dot.active span {
  background-color: rgba(207, 168, 77, .8)
}

.idx-main-movie {
  position: relative;
  width: 100%;
  padding-top: 49.9%;
  overflow: hidden;
  background: #fff url(/common/images/loading.gif) center center no-repeat
}

.idx-main-movie video {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  background-repeat: no-repeat;
  background-size: 100%;
  transition: .4s
}

.idx-main-ticker {
  display: block;
  width: 100%;
  height: 60px;
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
  color: #fff;
  background-color: rgba(0, 0, 0, .8);
  padding: 15px 15px 15px 40px;
  border-top: solid 1px rgba(255, 255, 255, .5);
  z-index: 20
}

.idx-main-ticker ul {
  width: 100%;
  position: relative
}

.idx-main-ticker .mod-newsList-li {
  display: none;
  padding-bottom: 0;
  padding-top: 0;
  font-size: 14px;
  font-size: 1.4rem
}

.idx-main-ticker .mod-newsList-li:nth-child(odd) {
  background-color: transparent
}

.idx-main-ticker .mod-newsList-title {
  color: #fff
}

.idx-sympathy {
  background-color: #e8e8e8;
  text-align: center;
  padding: 30px 40px
}

.idx-sympathy-wrap {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  font-family: MyYuMinchoM, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN, "HGS明朝E", Meiryo, sans-serif;
  text-align: center;
  line-height: 1.8
}

.idx-sympathy-head {
  font-size: 26px;
  font-size: 2.6rem;
  margin-bottom: 20px
}

.idx-sympathy-body {
  font-size: 14px;
  font-size: 1.4rem
}

.idx-sympathy-signature {
  font-size: 12px;
  font-size: 1.2rem;
  padding: 20px;
  text-align: right
}

.idx-important {
  background: -svg-linear-gradient(to bottom, #f0eaea 0, #fff 100%);
  background: -owg-linear-gradient(to bottom, #f0eaea 0, #fff 100%);
  background: linear-gradient(to bottom, #f0eaea 0, #fff 100%);
  padding: 40px 0;
  margin-bottom: 30px;
  border-top: solid 1px #9a1e1e
}

.idx-important h2 {
  background: url(/common/images/ico_importantInfo.png) no-repeat left center;
  padding: 10px 5%;
  color: #9a1e1e;
  width: 35%;
  float: left;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center
}

.idx-important ul {
  width: 65%;
  float: right;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 10px 40px;
  margin-left: 0;
  border-left: solid 1px #888
}

.idx-important-link {
  width: 65%;
  float: right;
  text-align: right
}

.idx-company {
  background: url(/images/index/company_bg.jpg) #008dd7 no-repeat center bottom;
  background-size: 100%;
  padding-bottom: 50px
}

.idx-company-ourBusiness {
  background: url(/images/index/ourBusiness_head.png) no-repeat center;
  width: 40%;
  max-width: 340px;
  display: inline-block;
  color: #fff;
  text-align: center;
  font-size: 40px;
  font-size: 4.0rem;
  font-family: Montserrat;
  font-weight: 500;
  line-height: 1.2;
  padding: 51px 0 40px;
  margin: 0 auto
}

.idx-company-ourBusiness span {
  display: block;
  font-size: 12px;
  font-size: 1.2rem
}

.idx-company .mod-head02_company {
  color: #fff;
  background-color: transparent;
  border-left: none;
  padding: 2.5vw 2.5vw 2.5vw 6.66667vw;
  margin-bottom: 0
}

.idx-news-rss {
  margin-left: 20px
}

.product-idx-movie .mod-boxLink01-en {
  line-height: 0
}

.product-idx-movie .mod-boxLink01-en .icon-play {
  font-size: 80px;
  font-size: 8.0rem
}

.product-cat-main {
  position: relative
}

.product-cat-main-text {
  position: absolute;
  top: 10%;
  left: 0;
  right: 0;
  margin: auto;
  color: #fff;
  text-shadow: 0 0 10px #000, 0 0 10px #000, 0 0 5px #000, 0 0 5px #000
}

.product-cat-main-text-cat {
  font-size: 65px;
  font-size: 6.5rem;
  letter-spacing: .2em;
  text-align: center;
  line-height: 1.5;
  margin-bottom: 1.66667vw
}

.product-cat-main-text-main {
  font-size: 30px;
  font-size: 3.0rem;
  line-height: 1.4;
  text-align: center;
  margin-bottom: .83333vw
}

.product-cat-main-text-sub {
  text-align: center;
  margin-bottom: 2.5vw
}

.product-cat-main .mod-button {
  position: absolute;
  bottom: 10%;
  left: 0;
  right: 0;
  margin: auto
}

.product-cat-main .mod-button-a {
  background-color: #0081cc;
  color: #fff
}

.product-cat-main .mod-button-a .icon {
  color: #fff
}

.product-cat-main .mod-button-a.is-hover:hover {
  background-color: #fff;
  color: #0081cc
}

.product-cat-main .mod-button-a.is-hover:hover .icon {
  color: #0081cc
}

.product-cat-searchMenu {
  background-color: #f9f9f9
}

.product-cat-searchMenu-block {
  display: none;
  padding-top: 1.66667vw;
  background-color: #f9f9f9
}

.product-cat-searchMenu-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 10px
}

.product-cat-searchMenu-list-li {
  width: 24%;
  margin-bottom: 30px;
  margin-right: 1%
}

.product-cat-searchMenu-list-li:nth-child(4n) {
  margin-right: 0
}

.product-cat-searchMenu-submit {
  display: none;
  position: relative;
  background-color: #f1f1f1;
  padding: 3.33333vw 0;
  margin-top: 20px
}

.product-cat-searchMenu-submit:before {
  width: 20px;
  height: 20px;
  left: 0;
  right: 0;
  margin: auto;
  top: -11px;
  background-color: #f9f9f9;
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

.product-cat-searchMenu-submit.is-active {
  display: block
}

.product-cat-searchMenu-submit .mod-button {
  display: block
}

.product-cat-result-list-item:hover {
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
}

.product-cat-result-list-img {
  width: 100%
}

.product-cat-result-list-text {
  position: relative;
  padding: 10px
}

.product-cat-result-list-text .icon-arrow_right {
  position: absolute;
  right: 5px;
  bottom: 0
}

.product-cat-lpLink_bottom {
  max-width: 620px
}

.product-cat-lpLink_bottom .mod-button-a {
  background-size: 100%;
  background-position: center center;
  color: #fff;
  font-size: 20px;
  font-size: 2.0rem;
  text-shadow: 0 0 10px #000, 0 0 10px #000, 0 0 5px #000, 0 0 5px #000
}

.product-check {
  position: relative;
  min-height: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.product-check-input {
  position: absolute;
  opacity: .01;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"
}

.product-check-text {
  display: block;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  line-height: 1.4;
  cursor: pointer;
  padding-left: 30px
}

.product-check-text:before {
  content: "";
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  display: block;
  height: 20px;
  width: 20px;
  border-radius: 4px;
  border: 1px solid #b3b3b3
}

.product-check-text:after {
  content: "";
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 8px;
  display: block;
  width: 5px;
  height: 10px;
  border: solid 2px #b3b3b3;
  border-left: 0;
  border-top: 0;
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg)
}

.product-check-img {
  margin-right: 10px;
  max-width: 100px;
  max-height: 100px
}

.product-check-img img {
  border: 1px solid #fff;
  max-width: 100px;
  max-height: 100px
}

.product-check-img+.product-check-text {
  left: 110px
}

.product-check-input:checked~.product-check-text {
  font-weight: 700
}

.product-check-input:checked~.product-check-text:after {
  border-color: #0081cc
}

.product-check-input:checked~.product-check-img img {
  border: 1px solid #0081cc
}

.product-result-keyword {
  display: inline-block;
  vertical-align: middle;
  background-color: #fff;
  color: #0081cc;
  border-radius: 20px;
  padding: 5px 20px;
  margin-right: 10px
}

.product-result-head {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px
}

.product-result-hit,
.product-result-sort,
.product-result-paginate {
  display: inline-block
}

.product-result-hit {
  padding-right: 20px
}

.product-result-sort {
  border-left: 1px dotted #b3b3b3;
  padding-left: 20px
}

.product-result-sort-btn {
  display: inline-block;
  padding: 0 10px;
  border-radius: 20px;
  border: 1px solid #fff;
  transition: .4s
}

.product-result-sort-btn.is-active {
  background-color: #0081cc;
  border: 1px solid #0081cc;
  color: #fff
}

.product-result-sort-btn:hover {
  border: 1px solid #0081cc
}

.product-result-paginate {
  margin-left: auto
}

.product-result-list-item {
  border-top: 1px solid #b3b3b3
}

.product-result-list-item:last-child {
  border-bottom: 1px solid #b3b3b3
}

.product-result-list-inner {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 15px;
  transition: .4s
}

.product-result-list-inner:hover {
  background-color: #f9f9f9
}

.product-result-list-img {
  width: 15%;
  padding-right: 20px
}

.product-result-list-img img {
  width: 100%
}

.product-result-list-text {
  width: 85%
}

.product-result-list-name {
  display: block;
  color: #0081cc;
  font-weight: 700
}

.product-result-sideNav .mod-sideNav-cat {
  padding-bottom: 0
}

.product-result-sideNav .mod-sideNav-cat:hover {
  border-bottom-color: #b3b3b3
}

.product-result-sideNav .mod-sideNav-cat:hover .mod-sideNav-cat-ja,
.product-result-sideNav .mod-sideNav-cat:hover .mod-sideNav-cat-en {
  color: #333
}

.product-result-sideNav .mod-sideNav-cat:before {
  content: none
}

.product-result-sideNav .mod-sideNav-cat-en {
  padding-bottom: 25px
}

.product-resultPn-list-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-top: 1px solid #b3b3b3;
  padding: 10px 0
}

.product-resultPn-list-item:last-child {
  border-bottom: 1px solid #b3b3b3
}

.product-resultPn-list-item:nth-child(even) {
  background-color: #fafafa
}

.product-resultPn-list-item div {
  text-align: center
}

.product-resultPn-list-item a {
  color: #0081cc
}

.product-resultPn-list-item a:hover {
  text-decoration: underline
}

.product-resultPn-list-head {
  background-color: #ececec
}

.product-resultPn-list_pn {
  width: 19%
}

.product-resultPn-list_name {
  width: 29%
}

.product-resultPn-list_catalog {
  width: 49%
}

.productDtl .mod-head01 {
  padding: 1.66667vw 280px 1.66667vw 5.83333vw
}

.product-detail {
  padding: 2.5vw 0 4.16667vw
}

.product-detail-range {
  display: block;
  font-size: 15px;
  font-size: 1.5rem
}

.product-detail-range-head {
  color: #fff;
  background-color: #4f4f4f;
  border-radius: 4px;
  padding: 2px 10px;
  margin-right: 10px
}

.product-detail-main {
  position: relative
}

.product-detail-main-img img {
  display: none
}

.product-detail-main-img img.is-active {
  display: block
}

.product-detail-main-thumb {
  position: absolute;
  width: 100%;
  bottom: 0;
  background-color: rgba(0, 0, 0, .5);
  padding: 10px
}

.product-detail-main-thumb img {
  cursor: pointer;
  width: 15%;
  margin-right: 10px
}

.product-detail-main-thumb img:hover {
  opacity: .7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
}

.product-detail-marks {
  display: table;
  width: 100%;
  -ms-flex-align: center;
  align-items: center
}

.product-detail-marks.pure-u-1-2 {
  width: 50%
}

.product-detail-marks-head {
  display: table-cell;
  width: 150px;
  height: 100%;
  text-align: center
}

.product-detail-marks-body {
  display: table-cell;
  padding: 10px 5px 0 10px
}

.product-detail-marks-body span {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 10px;
  margin-right: 5px;
  width: 80px
}

.product-detail-marks-body span img {
  width: 100%
}

.product-detail-marks_spec {
  background-color: #f9f9f9
}

.product-detail-marks_spec .product-detail-marks-head {
  border-top: 2px solid #919191
}

.product-detail-marks_surface,
.product-detail-marks_material {
  background-color: #ebf3f8
}

.product-detail-marks_surface .product-detail-marks-head,
.product-detail-marks_material .product-detail-marks-head {
  border-top: 2px solid #76b1d3
}

.product-detail-rec {
  position: relative
}

.product-detail-rec span {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  height: 50px
}

.product-detail-rec span img {
  height: 100%
}

.product-detail-rec-a {
  position: absolute;
  right: 0;
  bottom: 20px
}

.product-detail-rec-a a {
  color: #0081cc
}

.product-detail-rec-a a:hover {
  text-decoration: underline
}

.product-detail-room span,
.product-detail-building span {
  display: inline-block;
  margin-bottom: 10px
}

.product-detail-room span img,
.product-detail-building span img {
  max-width: 100%
}

.product-detail-series .mod-iconArrowRight {
  color: #0081cc;
  transition: .4s
}

.product-detail-series:hover .mod-iconArrowRight {
  color: #fff
}

.product-detail-lead span {
  display: block
}

.product-detail-lead01 {
  font-size: 30px;
  font-size: 3.0rem;
  line-height: 1.4
}

.product-detail-lead02 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.4
}

.product-detail-variation-img {
  display: block;
  position: relative;
  cursor: pointer;
  text-align: center;
  background-color: #f9f9f9;
  transition: .4s
}

.product-detail-variation-img:hover {
  opacity: .7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
}

.product-detail-variation-img .icon:before {
  position: absolute;
  width: 18px;
  height: 18px;
  bottom: 0;
  right: 0;
  text-align: center;
  padding-top: 2px;
  background-color: #0081cc;
  color: #fff
}

.product-detail-spec-tbl {
  width: 100%
}

.product-detail-spec-tbl th {
  min-width: 200px
}

.product-detail-links {
  display: table;
  width: 100%
}

.product-detail-links[data-view=sp] {
  display: none
}

.product-detail-links .mod-head03,
.product-detail-links .mod-button {
  display: table-cell
}

.product-detail-links .mod-head03 {
  font-size: 20px;
  font-size: 2.0rem;
  width: 80%
}

.product-detail-sideList:before {
  content: '';
  display: block;
  width: 50px;
  height: 1px;
  background-color: #b3b3b3;
  margin: 0 auto 20px
}

.product-detail-sideList-result {
  display: none
}

.productDtl .product-detail-sideList-result {
  display: block
}

.product-detail-sideList-item {
  margin-bottom: 20px
}

.product-detail-sideList-item-text {
  position: relative;
  background-color: #f9f9f9;
  padding: 10px
}

.product-detail-sideList-item-text:after {
  display: inline-block;
  font-family: daiken-fonts;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\EA06";
  right: 10px;
  top: 40%
}

.product-detail-sideList-item-category {
  font-size: 10px;
  font-size: 1.0rem
}

.mod-modal-overlay .product-detail-modal {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-height: 70%;
  max-width: 80%;
  z-index: 210
}

.product-detail-favorite_add,
.product-detail-favorite_remove {
  cursor: pointer;
  display: none
}

.product-detail-favorite_add.is-active,
.product-detail-favorite_remove.is-active {
  display: block
}

.product-search {
  position: relative;
  background-color: #f9f9f9;
  padding: 2.5vw 0
}

.product-search .mod-head05 span {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400
}

.product-search img {
  position: absolute;
  right: 0;
  bottom: 0
}

.product-search-point {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f1f1f1
}

.product-search-point-img {
  text-align: center
}

.product-categoryList {
  display: none;
  position: relative;
  padding: 2.5vw 0;
  background-color: #f9f9f9
}

.product-categoryList:after {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  padding-top: 10px;
  background: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, .4));
  z-index: 50
}

.product-all-initial {
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem
}

.product-all-initial a {
  color: #0081cc;
  text-decoration: underline;
  margin-right: 10px
}

.product-all-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 3.33333vw
}

.product-all-list-item {
  width: 33%
}

.product-all-list-item:nth-child(3n) {
  margin-right: 1%
}

.product-all-list-item a {
  color: #0081cc
}

.product-all-list-item a:hover {
  text-decoration: underline
}

.product-favorite-noitem {
  display: none
}

.product-favorite-noitem.is-active {
  display: block
}

.product-favorite-list-item {
  border-top: 1px solid #b3b3b3
}

.product-favorite-list-item:last-child {
  border-bottom: 1px solid #b3b3b3
}

.product-favorite-list-inner {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 15px
}

.product-favorite-list-img {
  width: 15%;
  padding-right: 20px
}

.product-favorite-list-img img {
  width: 100%
}

.product-favorite-list-text {
  width: 85%
}

.product-favorite-list-name {
  color: #0081cc;
  font-weight: 700
}

.product-favorite-list-name:hover {
  text-decoration: underline
}

.product-favorite-list-sub {
  display: block
}

.product-favorite-removeBtn {
  cursor: pointer;
  width: 300px;
  text-align: center;
  margin-top: 10px;
  margin-left: auto
}

.product-favorite-allremove {
  cursor: pointer
}

.product-favorite-allremove.is-hidden {
  display: none
}

.product-help .mod-sideContent img {
  margin: 0 auto
}

.product-icons-icon_eco {
  height: 100px
}

.product-bottomNav {
  background-color: #f9f9f9
}

.product-webCatalog-item {
  display: none
}

.product-webCatalog-item.is-active {
  display: block
}

.product-lp-lead {
  padding-top: 2.5vw;
  padding-bottom: 2.5vw;
  padding-left: 2.5vw
}

.product-lp-lead-title {
  font-size: 30px;
  font-size: 3.0rem;
  font-weight: 400;
  line-height: 1.4
}

.product-lp-lead-text {
  font-size: 16px;
  font-size: 1.6rem
}

.product-lp-lead.bg-floor {
  background: url(/images/product/lp/floor_lead_bg.png)
}

.product-lp-lead.bg-storage {
  background: url(/images/product/lp/storage_lead_bg.png)
}

.product-lp-lead.bg-wall {
  background: url(/images/product/lp/wall_lead_bg.png)
}

.product-lp-lead.bg-ceiling {
  background: url(/images/product/lp/ceiling_lead_bg.png)
}

.product-lp-lead.bg-stairs {
  background: url(/images/product/lp/stairs_lead_bg.png)
}

.product-lp-lead.bg-floor,
.product-lp-lead.bg-storage,
.product-lp-lead.bg-wall,
.product-lp-lead.bg-ceiling,
.product-lp-lead.bg-stairs {
  background-repeat: no-repeat;
  background-position: top left;
  background-size: cover
}

.product-lp-taishin-icon {
  margin-right: 10px;
  padding: 2px 12px;
  color: #fff;
  background-color: #927a72
}

.product-lp-tatami-title {
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: 700;
  color: #90aa3d
}

.product-lp-tatami-title .icon {
  font-size: 28px;
  font-size: 2.8rem;
  color: #90aa3d;
  vertical-align: middle;
  padding-right: 10px
}

.company-main {
  position: relative
}

.company-mainVisual {
  z-index: 10
}

.company-mainVisual-child img {
  width: 100%
}

.company-bottomNav {
  padding-top: 3.33333vw;
  padding-bottom: 3.33333vw;
  border-top: 1px solid #b3b3b3
}

.company-bottomNav-list-li {
  display: none
}

.company-bottomNav-list-li.is-active {
  display: block
}

.company-bottomNav .mod-boxLink03-title {
  font-size: 20px;
  font-size: 2.0rem
}

.company-idx-content {
  padding: 1.66667vw 1.66667vw 3.33333vw
}

.company-idx-content-list-block {
  padding: .83333vw 1.66667vw 1.66667vw;
  background-color: #fff
}

.company-idx-bnr {
  padding-top: 3.33333vw;
  padding-bottom: 3.33333vw
}

.company-idx-bnr-relation {
  background: url(/images/company/index/bnr_relation.png) no-repeat bottom left;
  background-size: contain
}

.company-info-base-tel,
.company-info-base-fax {
  position: relative;
  display: inline-block;
  letter-spacing: normal
}

.company-info-base-tel:before,
.company-info-base-fax:before {
  display: inline-block;
  font-size: 10px;
  font-size: 1.0rem;
  line-height: 1.6;
  vertical-align: middle;
  margin-right: 5px;
  padding: 0 5px;
  color: #fff;
  background: #707070
}

.company-info-base-tel:before {
  content: 'TEL'
}

.company-info-base-fax {
  margin-left: 20px
}

.company-info-base-fax:before {
  content: 'FAX'
}

.company-info-base-area {
  position: relative;
  display: block;
  letter-spacing: -.41em
}

.company-info-base-area:before {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  letter-spacing: normal
}

.company-info-base-area.area-tokyo:before {
  content: '東京：'
}

.company-info-base-area.area-osaka:before {
  content: '大阪：'
}

.company-info-base-area.area-nagoya:before {
  content: '名古屋：'
}

.company-info-base-area.area-fukuoka:before {
  content: '福岡：'
}

.csr .mod-button-a.color-management,
.csr .mod-head06.color-management {
  border-left-color: #f08300
}

.csr .mod-button-a.color-social,
.csr .mod-head06.color-social {
  border-left-color: #915da3
}

.csr .mod-button-a.color-eco,
.csr .mod-head06.color-eco {
  border-left-color: #45b035
}

.ua-ie .csr #pageEco,
.ua-ie .csr #pageManagement,
.ua-ie .csr #pageSocial,
.ua-ie .csr #TRANSPORT {
  padding-top: 90px;
  margin-top: -90px
}

.csr-idx .company-mainVisual {
  position: relative
}

.csr-idx-mainVisual {
  position: absolute;
  top: 0;
  right: 0;
  width: 35vw;
  height: 100%;
  overflow: hidden
}

.csr-idx-mainVisual-innerTop,
.csr-idx-mainVisual-innerBottom {
  padding: 1.66667vw 2.5vw;
  color: #fff;
  background-color: rgba(0, 0, 0, .4)
}

.csr-idx-mainVisual-innerTop {
  margin-bottom: 1px;
  font-size: 16px;
  font-size: 1.6rem
}

.csr-idx-mainVisual-innerTop span {
  position: relative;
  display: inline-block
}

.csr-idx-mainVisual-innerTop span:before {
  content: '\EA19';
  display: inline-block;
  padding-right: 15px;
  font-family: daiken-fonts;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  font-size: 28px;
  font-size: 2.8rem;
  vertical-align: middle
}

.csr-idx-mainVisual-innerBottom {
  height: 100%
}

.csr-idx-mainVisual-innerBottom .mod-linkList-li-a {
  padding-top: 1.25vw;
  padding-bottom: 1.25vw;
  color: #fff;
  border-top-color: #fff
}

.csr-idx-mainVisual-innerBottom .mod-linkList-li-a .icon {
  color: #fff
}

.csr-idx-mainVisual-innerBottom .mod-linkList-li-a:hover {
  opacity: .5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}

.csr-idx-bottom {
  position: relative;
  border-top: 1px solid #b3b3b3
}

.csr-idx-bottom:before,
.csr-idx-bottom:after {
  top: -1px;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent
}

.csr-idx-bottom:before {
  border-width: 16px;
  border-top-color: #b3b3b3
}

.csr-idx-bottom:after {
  border-width: 15px;
  border-top-color: #f9f9f9
}

.csr-projectcsr-en {
  font-family: Montserrat;
  font-weight: 400
}

.csr-projectcsr-en.color-input {
  color: #3f648c
}

.csr-projectcsr-en.color-inputBg {
  background-color: #3f648c
}

.csr-projectcsr-en.color-business {
  color: #be4c4d
}

.csr-projectcsr-en.color-businessBg {
  background-color: #be4c4d
}

.csr-projectcsr-en.color-output {
  color: #c19e39
}

.csr-projectcsr-en.color-outputBg {
  background-color: #c19e39
}

.csr-projectcsr-en.color-outcome {
  color: #487e66
}

.csr-projectcsr-en.color-outcomeBg {
  background-color: #487e66
}

.csr-sports-link {
  padding: 20px;
  border: 5px solid #f3f3f3;
  text-align: center;
  letter-spacing: -.42em
}

.csr-sports-link-li {
  display: inline-block;
  margin-left: 20px;
  letter-spacing: normal
}

.csr-sports-link-li:first-child {
  margin-left: 0
}

.csr-history .mod-tbl02 th,
.csr-history .mod-tbl02 td {
  vertical-align: top
}

.csr-history .mod-tbl02 th {
  font-weight: 400
}

.csr-history-title {
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 100;
  color: #0081cc;
  text-align: center
}

.csr-history-matrix {
  width: 80%;
  margin-right: auto;
  margin-left: auto
}

.csr-history-icon {
  display: block;
  width: 100%;
  padding: 3px 15px;
  color: #fff;
  font-size: 10px;
  font-size: 1.0rem;
  font-weight: 700;
  text-align: center
}

.csr-history-icon_auto {
  display: inline-block;
  width: auto
}

.csr-history-icon.iconEco {
  background: #7c5b39
}

.csr-history-icon.iconSpace {
  background: #d87c0d
}

.ir-idx .mod-linkList-li-a .color_light_blue {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 18px;
  font-size: 1.8rem;
  vertical-align: middle
}

.ir-idx-mainVisual-chart {
  position: absolute;
  top: 0;
  right: 0;
  width: 31.16667vw;
  height: 100%;
  background-color: rgba(0, 0, 0, .4);
  overflow: hidden;
  z-index: 11
}

.ir-idx-mainVisual-chart-inner {
  padding: 1.66667vw
}

.ir-idx-caution {
  position: relative
}

.ir-idx-caution-logo {
  position: absolute;
  top: 50%;
  left: 30px;
  font-size: 24px;
  font-size: 2.4rem;
  color: #b80015;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.ir-idx-caution-logo span {
  display: inline-block;
  line-height: 1.4
}

.ir-idx-caution-logo .icon {
  display: inline-block;
  padding-right: 10px;
  vertical-align: middle;
  font-size: 38px;
  font-size: 3.8rem
}

.ir-idx-caution-text {
  padding-left: 230px
}

.ir-faq-q,
.ir-faq-a {
  position: relative;
  padding-left: 40px
}

.ir-faq-q:before,
.ir-faq-a:before {
  top: 0;
  left: 0;
  font-family: daiken-fonts;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  font-size: 27px;
  font-size: 2.7rem
}

.ir-faq-q:before {
  content: "\EA14";
  color: #993131
}

.ir-faq-a:before {
  content: "\EA15";
  color: #4875bb
}

.egHeader-table {
  display: table;
  width: 100%;
  padding: 20px 3.33333vw;
  background-color: #f9f9f9
}

.egHeader-table-name,
.egHeader-table-logo {
  display: table-cell;
  vertical-align: middle
}

.egHeader-table-logo {
  width: 100px
}

.egHeader-table-logo a {
  display: inline-block
}

.egHeader-table-logo a img {
  vertical-align: middle
}

.egHeader-company {
  padding: 20px 0;
  font-weight: 400;
  letter-spacing: -.41em
}

.egHeader-company-ja,
.egHeader-company-en {
  letter-spacing: normal;
  display: inline-block;
  vertical-align: middle
}

.egHeader-company-ja {
  font-size: 30px;
  font-size: 3.0rem;
  padding-right: 35px
}

.egHeader-company-en {
  font-family: Montserrat;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  color: #888
}

.egHeader-nav {
  margin-right: auto;
  margin-left: auto;
  padding-right: 50px;
  padding-left: 50px;
  max-width: 1300px;
  width: 100%
}

.egHeader-nav-ul {
  border-left: 1px solid #c7c7c7
}

.egHeader-nav-li {
  text-align: center;
  border-right: 1px solid #c7c7c7
}

.egHeader-nav-li-a {
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 16px;
  font-size: 1.6rem;
  background-color: #fff;
  transition: all .4s ease
}

.egHeader-nav-li-a:hover,
.egHeader-nav-li-a.is-active {
  color: #fff;
  background-color: #0081cc
}

.egHeader-nav-li-a.is-active {
  pointer-events: none;
}

.egFooter .footer-reg {
  text-align: right;
  margin-top: 60px;
  padding-right: 4%
}

.eg-slider {
  position: relative
}

.eg-slider:before,
.eg-slider:after {
  position: absolute;
  left: 3.33333vw;
  color: #fff;
  z-index: 100
}

.eg-slider:before {
  content: 'GALLERY';
  top: 0;
  font-family: Montserrat;
  font-size: 65px;
  font-size: 6.5rem;
  font-weight: 700;
  line-height: .6
}

.eg-slider:after {
  content: '内装工事施工例写真集';
  top: 60px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.0
}

.eg-contentsSlider {
  position: relative;
  overflow: hidden
}

.eg-contentsSlider:before,
.eg-contentsSlider:after {
  top: 0;
  width: 33.3333333%;
  height: 120%;
  background-color: rgba(0, 0, 0, .7);
  z-index: 5
}

.eg-contentsSlider:before {
  left: 0
}

.eg-contentsSlider:after {
  right: 0
}

.eg-contentsSlider-child a {
  display: block
}

.eg-contentsSlider-child img {
  width: 100%
}

.eg-contentsSlider .owl-nav.disabled,
.eg-contentsSlider .owl-dots.disabled {
  display: block
}

.eg .owl-carousel .owl-nav .owl-prev,
.eg .owl-carousel .owl-nav .owl-next {
  width: 7.58333vw;
  margin-top: 0;
  z-index: 10;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.eg .owl-carousel .owl-nav .owl-prev {
  left: 11.5%
}

.eg .owl-carousel .owl-nav .owl-next {
  right: 11.5%
}

.eg-sliderCaption-child {
  padding: 2.5vw 5.83333vw;
  background-color: #242424
}

.eg-sliderCaption-num {
  font-family: Montserrat;
  font-size: 65px;
  font-size: 6.5rem;
  line-height: 1.0;
  font-weight: 400;
  color: #fff
}

.eg-sliderCaption-text {
  display: inline-block;
  padding-left: 4.16667vw
}

.eg-sliderCaption-title {
  display: block;
  font-size: 22px;
  font-size: 2.2rem;
  color: #d4d4d4;
  line-height: 1.4
}

.eg-sliderCaption-sub {
  display: block;
  color: #d4d4d4
}

.eg-mod-head01 {
  position: relative;
  width: 100%;
  padding: 2.5vw 0 2.5vw 2.5vw;
  border-left: solid 3.33333vw #b5b5b5;
  background-color: #f1f1f1;
  margin-bottom: 50px
}

.eg-mod-head01-ja {
  font-size: 29px;
  font-size: 2.9rem;
  font-weight: 100;
  line-height: 1.1
}

.eg-mod-head01-en {
  display: block;
  margin-top: 5px;
  font-size: 12px;
  font-size: 1.2rem;
  font-family: Montserrat
}

.eg-discList li {
  position: relative
}

.eg-discList li:before {
  content: '・';
  display: inline-block;
  margin-right: 3px
}

.eg .mod-newsList-title:hover {
  text-decoration: none
}

.catalog-bottomNav {
  background-color: #f9f9f9
}

.catalog-idx-main {
  position: relative
}

.catalog-idx-main-block {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 1.66667vw 5.83333vw;
  background-color: rgba(255, 255, 255, .9)
}

.catalog-idx-main-block-text {
  float: left;
  width: 70%
}

.catalog-idx-main-block-text-title {
  font-size: 24px;
  font-size: 2.4rem
}

.catalog-idx-main-block-link {
  float: right;
  width: 25%
}

.catalog-idx-main-block-link-a {
  display: inline-block
}

.catalog-idx-main-block-link-a img {
  border: 1px solid #b3b3b3
}

.catalog-idx-dist {
  position: relative;
  display: block;
  z-index: 1
}

.catalog-idx-dist-image {
  position: absolute;
  top: 7.82609%;
  left: 5.21739%;
  width: 36.52174%
}

.catalog-idx-dist-block,
.catalog-idx-dist-det {
  width: 100%;
  padding-right: 5.21739%;
  padding-left: 48.69565%
}

.catalog-idx-dist-block {
  padding-top: 7.82609%;
  padding-bottom: 3.47826%;
  background-color: #f5f5f5
}

.catalog-idx-dist-block-title {
  color: #0081cc;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.2
}

.catalog-idx-dist-block-sub {
  font-size: 16px;
  font-size: 1.6rem
}

.catalog-idx-dist-det {
  padding-top: 4.34783%;
  padding-bottom: 4.34783%;
  background-color: #fafafa
}

.catalog-idx-dist-det-icon {
  display: inline-block;
  padding: 3px 15px;
  border-radius: 5px;
  color: #fff;
  background-color: #0081cc
}

.catalog-idx-list-li-a {
  display: block
}

.catalog-idx-list-li-a.mod-link01:hover {
  text-decoration: none
}

.catalog-idx-list-li-thum {
  padding-top: .83333vw;
  padding-bottom: .83333vw;
  text-align: center;
  background-color: #e6e8ec
}

.catalog-idx-list-li-text {
  position: relative;
  padding: 5px 10px;
  background-color: #fff
}

.catalog-idx-list-li-text.icon-business:before {
  content: '業務用';
  display: inline-block;
  margin-right: 5px;
  padding-right: 5px;
  padding-left: 5px;
  font-size: 10px;
  font-size: 1.0rem;
  color: #fff;
  vertical-align: middle;
  background-color: #f00
}

.catalog-idx-request-block {
  position: relative;
  width: 100%;
  padding-left: 50%;
  padding-bottom: 6.66667vw;
  z-index: 1
}

.catalog-idx-request-block:before {
  bottom: 0;
  left: -1.66667vw;
  width: 45%;
  height: 0;
  padding-top: 34.58333%;
  background: #fff url(/images/catalog/index/request_bg.png) no-repeat bottom center;
  background-size: contain;
  z-index: -1
}

.catalog-idx-request-block-title {
  font-size: 20px;
  font-size: 2.0rem
}

.catalog-det-block-iconBusiness {
  display: inline-block;
  margin-right: 5px;
  padding-right: 10px;
  padding-left: 10px;
  color: #fff;
  vertical-align: middle;
  background-color: #f00
}

.catalog-det-block-image {
  padding-top: 1.66667vw;
  padding-bottom: 1.66667vw;
  text-align: center;
  background-color: #e6e8ec
}

.catalog-det-block-text {
  padding-left: 4.16667vw
}

.news-important .mod-head04 img {
  width: 30px
}

.news-list-backNum {
  display: block;
  position: absolute;
  top: 35%;
  right: 4.16667vw
}

.news-list-year {
  position: relative;
  text-align: center
}

.news-list-year .news-list-backNum {
  top: 10px
}

.news-list-year-prev,
.news-list-year-next {
  font-size: 20px;
  font-size: 2.0rem
}

.news-list-year-index {
  font-size: 30px;
  font-size: 3.0rem;
  font-family: Montserrat;
  margin-left: 2.5vw;
  margin-right: 2.5vw
}

.news-list-month {
  margin-bottom: 2.5vw
}

.news-list-month h4 {
  position: relative;
  font-size: 30px;
  font-size: 3.0rem;
  font-family: Montserrat;
  padding-left: 20px
}

.news-list-month-en {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  margin-left: 10px
}

.news-list-month-switch:before,
.news-list-month-switch:after {
  top: 50%;
  right: 10px;
  width: 25px;
  height: 2px;
  background-color: #0081cc;
  transition: all .4s ease
}

.news-list-month-switch:before {
  -ms-transform: rotate(0deg) translateY(-50%);
  transform: rotate(0deg) translateY(-50%)
}

.news-list-month-switch:after {
  -ms-transform: rotate(90deg) translateX(-5%);
  transform: rotate(90deg) translateX(-5%)
}

.is-active .news-list-month-switch {
  background-color: #f9f9f9;
  border-bottom: 1px solid #555
}

.is-active .news-list-month-switch:before {
  content: none
}

.is-active .news-list-month-switch:after {
  background-color: #7c7c7c;
  -ms-transform: rotate(180deg) translateX(-5%);
  transform: rotate(180deg) translateX(-5%)
}

.news-detail-title {
  line-height: 1.5
}

.news-detail-title .n_sub_title {
  display: block;
  font-size: 16px;
  font-size: 1.6rem
}

.news-detail-date {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: right;
  margin-bottom: 20px
}

.news-detail-body {
  margin-bottom: 4.16667vw
}

.news-detail-body h6 {
  font-size: 20px;
  font-size: 2.0rem
}

.news-detail-body h5 {
  font-size: 16px;
  font-size: 1.6rem;
  border-bottom: 1px dotted #b3b3b3;
  margin-bottom: 20px
}

.news-detail-body .mod-tbl03 {
  margin: 20px 0
}

.news-detail-body .mod-tbl03 th {
  white-space: normal
}

.news-detail-body .mod-tbl03 td {
  padding: 10px
}

.sr-bottomNav {
  background-color: #f9f9f9
}

.sr-idx-search-map {
  position: relative
}

.sr-idx-search-map-image {
  position: absolute;
  top: 0;
  left: 0
}

.sr-idx-search-contact:before {
  bottom: 0;
  left: .83333vw;
  width: 17.66667%;
  height: 0;
  padding-top: 21.5%;
  background: url(/images/sr/button_contact_bg.png) no-repeat bottom center;
  background-size: contain
}

.sr-main {
  position: relative;
  background-color: #060300
}

.sr-main-sound-ribbon {
  background: url(/images/sr/akihabara/main_ribbon.png) no-repeat;
  background-size: 100%;
  position: absolute;
  width: 19.16667vw;
  height: 37.5vw;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  padding-top: 5vw;
  font-family: MyYuMinchoM, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN, "HGS明朝E", Meiryo, sans-serif;
  font-weight: 700;
  text-align: center;
  z-index: 20
}

.sr-main-sound-ribbon img {
  width: 80%;
  max-width: 190px
}

.sr-main-sound-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.sr-main-sound-content-item {
  width: 45%;
  position: relative;
  z-index: 10
}

.sr-main-sound-content-item img {
  width: 100%
}

.sr-main-sound-content-item .mod-button {
  position: absolute;
  bottom: 3.33333vw;
  left: 0;
  right: 0;
  margin: auto;
  width: 150px
}

.sr-main-sound-content-item .mod-button-a {
  border-color: #fff;
  color: #fff
}

.sr-main-sound-content-item .mod-button .icon:before {
  color: #fff
}

.sr-mainVisual {
  color: rgba(255, 255, 255, .6);
  background: url(/images/sr/akihabara/main_bg.jpg) no-repeat;
  padding: 4.16667vw 0 2.5vw
}

.sr-mainVisual-inner {
  position: relative;
  width: 100%
}

.sr-mainVisual-img {
  height: 29.16667vw;
  background-color: #000;
  overflow: hidden
}

.sr-main .sr-mainVisual-img {
  height: 560px
}

.sr-mainVisual-img img {
  width: 100%
}

.sr-mainVisual-img img.is-active {
  display: block
}

.sr-mainVisual-thumb {
  position: relative;
  width: 100%;
  height: 80px;
  margin-top: -80px;
  background-color: rgba(0, 0, 0, .5);
  padding: 10px
}

.sr-mainVisual-thumb-carousel {
  position: relative;
  margin: 0 auto;
  padding: 0 30px;
  overflow: hidden
}

.sr-mainVisual-thumb-carousel .owl-stage-outer {
  overflow: hidden
}

.sr-mainVisual-thumb-carousel .owl-item {
  float: left;
  height: 60px
}

.sr-mainVisual-thumb-carousel .owl-prev,
.sr-mainVisual-thumb-carousel .owl-next {
  cursor: pointer;
  position: absolute;
  top: 20px;
  font-size: 30px;
  font-size: 3.0rem;
  color: #fff
}

.sr-mainVisual-thumb-carousel .owl-prev:hover,
.sr-mainVisual-thumb-carousel .owl-next:hover {
  opacity: .7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
}

.sr-mainVisual-thumb-carousel .owl-prev.disabled,
.sr-mainVisual-thumb-carousel .owl-next.disabled {
  display: none
}

.sr-mainVisual-thumb-carousel .owl-prev {
  left: -5px
}

.sr-mainVisual-thumb-carousel .owl-next {
  right: -5px
}

.sr-mainVisual-thumb-carousel img {
  display: block;
  cursor: pointer
}

.sr-mainVisual-thumb-carousel img:hover {
  opacity: .7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
}

.sr-main-caution {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 1.66667vw;
  font-size: 12px;
  font-size: 1.2rem
}

.sr-main-caution-img {
  text-align: center;
  margin-right: 10px
}

.sr .mod-head02 .sr-banner {
  position: absolute;
  display: inline-block;
  top: 50%;
  right: 1.66667vw;
  width: 24.41406/px%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.sr .mod-head02 .sr-banner a {
  display: block
}

.sr .mod-head02 .sr-banner a img {
  border: 1px solid #b3b3b3
}

.sr .mod-head02-anchor-item.reserve {
  border-top: 3px solid #0081cc
}

.sr-display-room {
  height: 100%
}

.sr-floor-marks {
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #b3b3b3;
  padding: 1.66667vw 0 .83333vw
}

.sr-floor-marks span {
  padding: 0 10px
}

.sr-floor-marks img {
  margin-right: .83333vw;
  margin-bottom: .83333vw
}

.sr-floor-marks-text {
  font-size: 12px;
  font-size: 1.2rem;
  color: #70a83d
}

.sr-floor-head1,
.sr-floor-head2 {
  border-top: 1px solid #b3b3b3;
  background-color: #f9f9f9;
  padding: 1.25vw 0;
  margin-bottom: 10px
}

.sr-floor-head1 span,
.sr-floor-head2 span {
  padding-left: 20px;
  border-left: 3px solid #888
}

.sr-floor-head2 {
  color: #b26000
}

.sr-floor-head2 span {
  border-left-color: #b26000
}

.sr-floor-modals-item1,
.sr-floor-modals-item2 {
  cursor: pointer;
  position: relative;
  display: block;
  border: 1px solid #b3b3b3;
  border-radius: 4px;
  height: 70px;
  transition: .4s
}

.sr-floor-modals-item1 span,
.sr-floor-modals-item2 span {
  position: absolute;
  display: block;
  width: 100%;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  line-height: 1.2;
  font-weight: 700
}

.sr-floor-modals-item1 .icon,
.sr-floor-modals-item2 .icon {
  position: absolute;
  top: 0;
  right: 3px
}

.sr-floor-modals-item1 .icon:before,
.sr-floor-modals-item2 .icon:before {
  color: #0081cc
}

.sr-floor-modals-item1:hover,
.sr-floor-modals-item2:hover {
  color: #fff;
  background-color: #0081cc
}

.sr-floor-modals-item1:hover .icon:before,
.sr-floor-modals-item2:hover .icon:before {
  color: #fff
}

.sr-floor-modals-item1.no-hover:hover,
.sr-floor-modals-item2.no-hover:hover {
  cursor: default
}

.sr-floor-modals-item1.no-hover:hover,
.sr-floor-modals-item2.no-hover:hover {
  color: #333;
  background: #fff
}

.sr-floor-modals-item2 {
  color: #b26000;
  border: 1px solid #b26000
}

.sr-floor-modals-item2:hover {
  background-color: #b26000
}

.sr-floor-modals-item2.no-hover:hover {
  color: #b26000
}

.sr-access-text {
  height: 100%
}

.sr-access-map {
  padding-left: 20px
}

.sr-reserve .mod-contact-tel {
  width: 400px;
  margin: 0 auto
}

.sr-reserve .mod-contact-tel .icon-tel {
  top: 8px;
  font-size: 60px;
  font-size: 6.0rem
}

.sr-reserve .mod-contact-tel-detail {
  text-align: left
}

.sr-reserve .mod-contact-tel-num {
  font-size: 40px;
  font-size: 4.0rem
}

.sr-modal {
  display: none
}

.mod-modal-overlay .sr-modal {
  display: block;
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0 auto;
  max-width: 700px;
  width: 70%;
  background-color: rgba(0, 0, 0, .5);
  color: #fff;
  z-index: 210
}

.mod-modal-overlay .sr-modal img {
  margin: 0 auto;
  max-height: 450px
}

.sr-guide-block {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover
}

.sr-guide-block_1 {
  background-image: url(/images/sr/guide1/bg_1.jpg)
}

.sr-guide-block_2 {
  background-image: url(/images/sr/guide1/bg_2.jpg);
  color: #fff
}

.sr-guide-block_3 {
  background-image: url(/images/sr/guide1/bg_3.jpg)
}

.sr-guide-block_4 {
  background-image: url(/images/sr/guide1/bg_4.jpg)
}

.sr-guide-head {
  position: relative;
  line-height: 1.5
}

.sr-guide-head-num {
  position: absolute;
  font-size: 100px;
  font-size: 10.0rem;
  font-family: Oswald;
  font-weight: 100
}

.sr-guide-head-lead {
  padding-top: 30px;
  padding-left: 70px
}

.sr-guide-head2 {
  position: relative;
  line-height: 1.5
}

.sr-guide-head2-icon {
  position: absolute;
  font-size: 56px;
  font-size: 5.6rem
}

.sr-guide-head2-icon .icon:before {
  color: #0081cc
}

.sr-guide-head2-lead {
  padding-left: 80px
}

.sr-guide-head2-lead2 {
  border: 1px solid #b3b3b3;
  width: 55%
}

.sr-guide-bottom {
  position: relative;
  background-color: rgba(241, 241, 241, .9);
  z-index: 10
}

.sr-guide-photoList li div {
  padding: 1.66667vw;
  background-color: rgba(255, 255, 255, .5)
}

.sr-guide-photoList li div img {
  width: 100%
}

.sr-guide-check {
  position: relative;
  background: #f9f9f9 url(/images/sr/guide2/check_bg.png) bottom right no-repeat
}

.sr-guide-check-bg {
  width: 270px;
  position: absolute;
  bottom: 0;
  right: 10px;
  z-index: 1
}

.sr-guide-check-head {
  padding: 5px 20px
}

.sr-guide-check-links {
  font-size: 20px;
  font-size: 2.0rem
}

.sr-guide-check-links li {
  display: inline-block;
  border-right: 1px solid #b3b3b3;
  line-height: 1;
  padding: 0 20px
}

.sr-guide-check-links li:last-child {
  border-right: none
}

.sr-guide-check-links a {
  color: #0081cc;
  text-decoration: underline
}

.sr-guide-catalog {
  position: relative;
  background: #f9f9f9 url(/images/sr/guide2/catalog_bg.png) bottom right no-repeat
}

.sr-guide-catalog .sr-guide-head2 {
  margin-bottom: 150px
}

.sr-guide-catalog .mod-button {
  display: inline-block;
  margin: 20px
}

.sr-guide-layout {
  background: #f9f9f9 url(/images/sr/guide2/layout_bg.jpg) top right no-repeat
}

.sr-guide-layout .sr-guide-head2 {
  margin-bottom: 150px
}

.sr-guide-layout .sr-guide-bottom {
  background-color: #f1f1f1
}

.sr-guide-tab_nonactive,
.sr-guide-tab_active {
  position: relative;
  height: 70px;
  text-align: center
}

.sr-guide-tab_nonactive span,
.sr-guide-tab_active span {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.sr-guide-tab_active {
  background-color: #d5d5d5
}

.sr-guide-tab_nonactive {
  background-color: #0081cc;
  color: #fff;
  transition: .4s
}

.sr-guide-tab_nonactive:hover {
  opacity: .7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
}

.sr-soundsr-num {
  display: inline-block;
  margin-right: 10px;
  font-family: Montserrat;
  color: #0081cc;
  font-weight: 700;
  font-size: 35px;
  font-size: 3.5rem;
  line-height: 1.0;
  vertical-align: -1px
}

.sr-head-button {
  position: absolute;
  top: 50%;
  right: 5%;
  width: 70px;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.support-main {
  line-height: 0
}

.support-idx-example {
  background: #f9f9f9 url(/images/support/index/example_bg.jpg) right bottom no-repeat;
  padding-bottom: 50px
}

.support-idx-example-frequent {
  background-color: rgba(255, 255, 255, .8);
  padding: 2.5vw
}

.support-idx-example-frequent li {
  position: relative;
  border-bottom: solid 1px #f1f1f1;
  padding: 10px 0 10px 40px
}

.support-idx-example-frequent li:last-child {
  border-bottom: none
}

.support-idx-example-frequent li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  display: inline-block;
  font-family: daiken-fonts;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\EA14";
  font-size: 27px;
  font-size: 2.7rem;
  color: #993131
}

.support-idx-example-frequent li a {
  color: #0081cc
}

.support-idx-example-frequent li a:hover {
  text-decoration: underline
}

.support-idx-aim {
  position: relative
}

.support-idx-aim:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -11px;
  left: 0;
  right: 0;
  margin: auto;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-bottom: solid 1px #b3b3b3;
  border-right: solid 1px #b3b3b3;
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

.support-idx-catalog {
  border-top: solid 1px #b3b3b3
}

.support-idx-catalog-box {
  position: relative;
  background-color: #fff;
  padding-bottom: 2.5vw
}

.support-idx-catalog-box img {
  float: left;
  width: 30%;
  margin-left: 1.66667vw;
  margin-top: 1.66667vw
}

.support-idx-catalog-box h4 {
  background-color: #f5f5f5;
  font-size: 20px;
  font-size: 2.0rem;
  padding: 1.66667vw 2.5vw 1.66667vw 40%
}

.support-idx-catalog-box p {
  padding: 1.66667vw 2.5vw 0 40%
}

.support-idx-catalog-box .mod-button {
  width: 90%;
  margin: 2.5vw auto 0
}

.support-idx-mente {
  background: url(/images/support/index/mente_bg.jpg) right top no-repeat;
  background-size: 50%;
  padding-bottom: 50px
}

.support-idx-mente-lead {
  font-size: 20px;
  font-size: 2.0rem
}

.support-idx-mente-left {
  padding-left: 4.16667vw
}

#mail .support-inquiry-box {
  height: 100%
}

.support-inquiry-box-head {
  border-bottom: 1px dotted #b3b3b3
}

.support-inquiry-box-head a .icon:before {
  vertical-align: middle
}

.support-inquiry-box-head a:hover {
  text-decoration: underline
}

.support-inquiry-box .mod-contact-tel {
  border: 1px solid #b3b3b3
}

.support-inquiry-box .mod-contact-tel .mod-iconArrowLeft {
  top: 20px
}

.support-inquiry-tel {
  background: #fff url(/images/support/inquiry_tel_bg.jpg) no-repeat left top;
  background-size: 40%;
  padding: 1.66667vw 1.66667vw 1.66667vw 35%
}

.support-inquiry-tel-attention {
  font-size: 12px;
  font-size: 1.2rem;
  text-indent: -1em;
  padding-left: 1em;
  line-height: 1.6
}

.support-inquiry-tel.HandS {
  background: #fff url(/images/support/inquiry_tel_bg_hs.jpg) no-repeat left top;
  background-size: 40%
}

.support-inquiry-search {
  position: relative;
  background-color: #efefef
}

.support-inquiry-search .mod-auto {
  z-index: 10
}

.support-inquiry-search .icon-search {
  font-size: 25px;
  font-size: 2.5rem;
  display: inline-block;
  vertical-align: middle;
  margin: -3px 20px 0 10px
}

.support-inquiry-search img {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1
}

.support-faq-search {
  background: url(/images/support/search_bg.png) right bottom no-repeat;
  background-size: 180px
}

.support-faq-search .icon-search {
  font-size: 25px;
  font-size: 2.5rem;
  display: inline-block;
  vertical-align: middle;
  margin: -3px 20px 0 10px
}

.support-faq-category {
  display: none;
  padding: 2.5vw 0;
  border-bottom: 1px solid #b3b3b3;
  background-color: #f9f9f9
}

.support-faq-category-btn {
  cursor: pointer
}

.support-faq-list:last-child {
  border-bottom: solid 1px #b3b3b3
}

.support-faq-list-head {
  position: relative;
  border-top: solid 1px #b3b3b3;
  padding: 1.66667vw
}

.support-faq-list-head:before,
.support-faq-list-head:after {
  top: 50%;
  right: 20px;
  width: 30px;
  height: 3px;
  background-color: #0081cc;
  transition: all .4s ease
}

.support-faq-list-head:before {
  -ms-transform: rotate(0deg) translateY(-50%);
  transform: rotate(0deg) translateY(-50%)
}

.support-faq-list-head:after {
  -ms-transform: rotate(90deg) translateX(-5%);
  transform: rotate(90deg) translateX(-5%)
}

.support-faq-list-head.is-active {
  background-color: #f9f9f9
}

.support-faq-list-head.is-active:before,
.support-faq-list-head.is-active:after {
  background-color: #7c7c7c
}

.support-faq-list-head.is-active:before {
  content: none
}

.support-faq-list-head.is-active:after {
  -ms-transform: rotate(180deg) translateX(-5%);
  transform: rotate(180deg) translateX(-5%)
}

.support-faq-list-head img {
  width: 58px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px
}

.support-faq-list-item {
  display: block;
  position: relative;
  background-color: #f9f9f9;
  padding: 20px 40px 20px 60px
}

.support-faq-list-item:before {
  content: "";
  display: block;
  position: absolute;
  left: 20px;
  display: inline-block;
  font-family: daiken-fonts;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\EA14";
  font-size: 27px;
  font-size: 2.7rem;
  color: #993131
}

.support-faq-list-item a {
  color: #0081cc
}

.support-faq-list-item a:hover {
  text-decoration: underline
}

.support-faq-list-item span {
  display: inline-block;
  width: 100px;
  background-color: #ebe4cf;
  border-radius: 10px;
  font-size: 10px;
  font-size: 1.0rem;
  text-align: center
}

.support-faq-detail-head {
  background-color: #f9f9f9
}

.support-faq-detail-head-q,
.support-faq-detail-head-a {
  position: relative;
  padding: 10px 0 10px 40px
}

.support-faq-detail-head-q:before,
.support-faq-detail-head-a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  display: inline-block;
  font-family: daiken-fonts;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 27px;
  font-size: 2.7rem
}

.support-faq-detail-head-q {
  border-bottom: solid 1px #f1f1f1
}

.support-faq-detail-head-q:before {
  content: "\EA14";
  color: #993131
}

.support-faq-detail-head-a:before {
  content: "\EA15";
  color: #4875bb
}

.support-faq-detail-head-a-li {
  padding: 1.66667vw
}

.support-faq-detail-body h3 {
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: 100;
  border-left: 6px solid #b3b3b3;
  background-color: #f3f3f3;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 2.08333vw;
  margin: 2.5vw 0;
  clear: both
}

.support-faq-detail-body h3.none {
  background-color: #fff;
  border-left: none;
  margin: 0
}

.support-faq-detail-body h3.type0201,
.support-faq-detail-body h3.type0202 {
  background-color: #fff;
  border-left: none;
  border-bottom: 1px solid #b3b3b3;
  padding: 0
}

.support-faq-detail-body a {
  color: #0081cc
}

.support-faq-detail-body a:hover {
  text-decoration: underline
}

.support-faq-detail-body hr {
  clear: both
}

.support-faq-detail-body .clear {
  clear: both
}

.support-faq-detail-body .blockBODY {
  clear: both;
  display: block;
  padding: 20px;
  background-color: #f9f9f9
}

.support-faq-detail-body .round {
  display: inline-block;
  padding: 10px 0
}

.support-faq-detail-body .roundRED,
.support-faq-detail-body .roundYELLOW,
.support-faq-detail-body .roundBLUE,
.support-faq-detail-body .roundGRAY {
  border-radius: 4px;
  padding: 5px 10px;
  margin-bottom: 15px
}

.support-faq-detail-body .roundRED {
  background-color: #9a1e1e;
  color: #fff
}

.support-faq-detail-body .roundYELLOW {
  background-color: #efcf5a
}

.support-faq-detail-body .roundBLUE {
  background-color: #0081cc;
  color: #fff
}

.support-faq-detail-body .roundGRAY {
  background-color: #b3b3b3;
  color: #fff
}

.support-faq-detail-body .boxBLUE {
  background-color: #f9f9f9
}

.support-faq-detail-body .boxRED {
  background-color: #fdd9d9
}

.support-faq-detail-body .boxYELLOW {
  background-color: #fbfabf
}

.support-faq-detail-body .red {
  color: #9a1e1e;
  font-weight: 700
}

.support-faq-detail-body .grayNORMAL {
  color: #666
}

.support-faq-detail-body .redNORMAL {
  color: #9a1e1e
}

.support-faq-detail-body .caution {
  display: block;
  position: relative;
  line-height: 2.5;
  padding-left: 50px;
  color: #9a1e1e
}

.support-faq-detail-body .caution:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  width: 34px;
  height: 34px;
  background: url(/images/support/faq/icon_caution.png) no-repeat
}

.support-faq-detail-body .kome {
  position: relative;
  padding: 10px 0
}

.support-faq-detail-body .kome:before {
  content: '※';
  display: inline-block;
  color: #9a1e1e;
  font-weight: 700;
  margin-right: 5px
}

.support-faq-detail-body .title01,
.support-faq-detail-body .title02 {
  clear: both;
  display: block;
  padding: 5px 0;
  font-size: 18px;
  font-size: 1.8rem;
  border-bottom: 1px dotted #333
}

.support-faq-detail-body .imgLEFT {
  float: left;
  margin-right: 20px
}

.support-faq-detail-body .imgRIGHT {
  float: right;
  margin-left: 20px
}

.support-faq-detail-body .imgCENTER {
  text-align: center
}

.support-faq-detail-body .imgCENTER img {
  margin-bottom: 10px
}

.support-faq-detail-body .txtINDENT01 {
  padding-left: 1.66667vw
}

.support-faq-detail-body .txtINDENT02 {
  padding-left: 3.33333vw
}

.support-faq-detail-body .disc,
.support-faq-detail-body .square {
  margin-left: 20px
}

.support-faq-detail-body .disc li,
.support-faq-detail-body .square li {
  margin-bottom: 5px
}

.support-faq-detail-body .disc li:last-child,
.support-faq-detail-body .square li:last-child {
  margin-bottom: 0
}

.support-faq-detail-body .disc li {
  list-style: disc
}

.support-faq-detail-body .square li {
  list-style: square
}

.support-faq-detail-body .pdfLINK {
  position: relative;
  display: inline-block;
  width: 40%;
  min-width: 200px;
  text-align: center;
  padding: 5px 0;
  border: 1px solid #0081cc;
  margin-bottom: 10px;
  transition: .4s
}

.support-faq-detail-body .pdfLINK:before {
  content: '';
  display: block;
  position: absolute;
  left: 10px;
  top: 10px;
  width: 20px;
  height: 20px;
  background-image: url(/common/images/sprites.png);
  background-position: -55px 0;
  background-size: 75px 56px
}

.support-faq-detail-body .pdfLINK:hover {
  background-color: #0081cc
}

.support-faq-detail-body .pdfLINK:hover a {
  text-decoration: none;
  color: #fff
}

.support-faq-detail-body .eviry-baseplayer {
  max-width: 640px;
  margin: 0 auto
}

.support-faq-detail-related-item {
  background-color: #fff;
  border-bottom: solid 1px #b3b3b3
}

.support-faq-detail-contact {
  border-top: 3px solid #0081cc;
  margin-top: 140px
}

.support-faq-detail-contact h3 {
  position: relative;
  font-size: 28px;
  font-size: 2.8rem;
  padding-bottom: 30px
}

.support-faq-detail-contact h3 img {
  position: absolute;
  right: 20px;
  bottom: 0
}

.support-faq-detail-contact-tel {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #b3b3b3;
  padding: 20px
}

.support-faq-detail-contact-tel-title {
  border-right: 1px solid #b3b3b3;
  padding-right: 2.5vw;
  font-size: 16px;
  font-size: 1.6rem
}

.support-faq-detail-contact-tel-title .icon-tel {
  margin-right: 20px
}

.support-faq-detail-contact-tel-title .icon-tel:before {
  vertical-align: middle
}

.support-bottomNav {
  background-color: #f9f9f9
}

.support-search-head {
  background-color: #f9f9f9;
  font-size: 18px;
  font-size: 1.8rem
}

.support-form-required {
  background-color: #993131;
  color: #fff;
  padding: 0 10px;
  line-height: 1.5;
  font-weight: 400
}

.support-form-caution {
  border: 2px solid #d21
}

.support-form-errorBox {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 700;
  background-color: #fdeeee;
  border: 1px solid #b3b3b3;
  padding: 1.66667vw;
  margin-bottom: 4.16667vw
}

.support-form-errorBox-img {
  padding-right: 1.66667vw;
  text-align: center
}

.support-form-errorMsg {
  display: none;
  color: #993131;
  font-weight: 700
}

.support-form-errorSpiralMsg {
  color: #993131;
  font-weight: 700
}

.support-form-a {
  color: #0081cc
}

.support-form-a:hover {
  text-decoration: underline
}

.support-form-tbl>tbody>tr>th {
  width: 20%;
  text-align: center;
  vertical-align: middle;
  position: relative;
  padding: 20px
}

.support-form-tbl>tbody>tr>th .support-form-required {
  position: absolute;
  top: 0;
  right: 0
}

.support-form-tbl>tbody>tr>td {
  padding: 20px
}

.support-form-tbl .error th,
.support-form-tbl .error td {
  background-color: #fdeeee
}

.support-form-tbl .error .support-form-errorMsg {
  display: block
}

.support-form-photo h4 img {
  vertical-align: middle;
  width: 40px
}

.support-form-photo .mod-tbl01 {
  width: 100%
}

.support-form-photo .mod-tbl01 tr[data-view="pc tablet"] {
  display: table-row
}

.support-form-photo .mod-tbl01 tr:nth-child(odd) {
  background-color: #f9f9f9
}

.support-form-photo .mod-tbl01 tr:nth-child(even) {
  background-color: #eaeaea
}

.support-form-photo .mod-tbl01 th,
.support-form-photo .mod-tbl01 td {
  width: 50%
}

.support-form-photo .mod-tbl01 th:first-child,
.support-form-photo .mod-tbl01 td:first-child {
  border-right: 1px solid #fff
}

.support-form-photo .mod-tbl01 th {
  background-color: #868686;
  color: #fff
}

.support-form-photo .mod-tbl01 td {
  background-color: transparent;
  vertical-align: middle;
  border-bottom: none
}

.support-form-photo .mod-tbl01 td .mod-inputFile {
  display: inline-block;
  width: 150px
}

.support-form-photo .mod-tbl01 td .mod-inputFile+input[type=text] {
  display: inline-block;
  width: 200px
}

.support-form-photo-add {
  cursor: pointer;
  background-color: #868686;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  transition: .4s
}

.support-form-photo-add:hover {
  opacity: .7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
}

.support-form-photo-add span {
  position: relative
}

.support-form-photo-add span:before {
  width: 20px;
  height: 2px;
  top: 9px;
  left: -30px;
  background-color: #fff
}

.support-form-photo-add span:after {
  width: 2px;
  height: 20px;
  left: -21px;
  top: 0;
  background-color: #fff
}

.support-form-parts .support-form-tbl th {
  padding: 10px;
  vertical-align: top;
  text-align: center
}

.support-form-parts .support-form-tbl th img {
  width: 60%;
  border: 1px solid #b3b3b3;
  margin-bottom: 10px
}

.support-form-parts .support-form-tbl th .mod-tbl01 {
  width: 48%;
  float: left
}

.support-form-parts .support-form-tbl th .mod-tbl01:last-child {
  float: right
}

.support-form-parts .support-form-tbl th .mod-tbl01 tr {
  border-left: 1px solid #b3b3b3
}

.support-form-parts .support-form-tbl th .mod-tbl01 th {
  border-right: 1px solid #b3b3b3;
  border-left: 1px solid #b3b3b3;
  width: 50%;
  background-color: #ececec;
  padding: 0;
  text-align: center
}

.support-form-parts .support-form-tbl th .mod-tbl01 td {
  border-right: 1px solid #b3b3b3;
  border-left: 1px solid #b3b3b3;
  padding: 0;
  text-align: center
}

.support-form-parts-content {
  width: 100%;
  display: -ms-flexbox;
  display: flex
}

.support-form-parts-content>div {
  width: 100%;
  border-top: 1px solid #b3b3b3;
  border-left: 1px solid #b3b3b3;
  border-bottom: 1px solid #b3b3b3;
  margin-bottom: 5px
}

.support-form-parts-content>div:last-child {
  border-right: 1px solid #b3b3b3
}

.support-form-parts-content>div p {
  text-align: center
}

.support-form-parts-content>div p:first-child {
  background-color: #ececec;
  border-bottom: 1px solid #b3b3b3
}

.support-form-agree-lead {
  background-color: #fff
}

.support-form-agree-btn {
  display: block;
  width: 100%;
  background-color: #0081cc;
  color: #fff;
  border-radius: 4px;
  padding: 10px 0;
  transition: .4s;
  cursor: pointer
}

.support-form-agree-btn:hover {
  opacity: .7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
}

.support-form-agree-btn-back {
  width: 50%;
  margin-top: 20px;
  margin-right: auto;
  margin-left: auto;
  background-color: #aaa
}

.support-form-agree .error .support-form-errorMsg {
  display: block;
  text-align: center;
  margin-bottom: 10px
}

.support-lot .mr5 {
  margin-right: 5px
}

.support-lot .mr15 {
  margin-right: 15px
}

.support-lot .mr35 {
  margin-right: 35px
}

.support-lot-tbl.mod-tbl03 th {
  padding: 0 20px
}

.support-lot-tbl.mod-tbl03 td {
  padding: 0
}

.terms-sitemap-head1 {
  position: relative;
  display: block;
  border-bottom: 1px solid #b3b3b3;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  color: #333;
  padding: 0 0 5px;
  margin-bottom: 20px
}

.terms-sitemap-head1 a {
  width: 100%;
  display: block
}

.terms-sitemap-head1-a:after {
  position: absolute;
  top: 25%;
  right: 0;
  display: inline-block;
  font-family: daiken-fonts;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\EA06";
  color: #ccc;
  font-size: 13px;
  font-size: 1.3rem
}

.terms-sitemap-head2 {
  position: relative;
  display: block;
  border-bottom: 1px solid #b3b3b3;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  color: #333;
  padding: 5px 0 5px 15px;
  margin-bottom: 10px
}

.terms-sitemap-head2-a:after {
  position: absolute;
  top: 25%;
  right: 0;
  display: inline-block;
  font-family: daiken-fonts;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\EA06";
  color: #ccc;
  font-size: 13px;
  font-size: 1.3rem
}

.terms-sitemap-head3 {
  position: relative;
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  color: #333;
  padding: 5px 0 5px 15px
}

.terms-sitemap-head3-a:after {
  position: absolute;
  top: 25%;
  right: 0;
  display: inline-block;
  font-family: daiken-fonts;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\EA06";
  color: #ccc;
  font-size: 13px;
  font-size: 1.3rem
}

.terms-sitemap-ul {
  overflow: hidden
}

.pro-head {
  position: relative;
  background-color: #f1f1f1;
  color: #227776
}

.pro-head-button {
  position: absolute;
  width: 200px;
  top: 30%;
  right: 5%
}

.pro-head-button a {
  padding: 10px 30px
}

.pro-main {
  position: relative
}

.pro-main-text {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 1.6;
  text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 5px #fff, 0 0 5px #fff
}

.pro-main-bottom {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, .5);
  padding: 1.66667vw 0;
  text-align: right
}

.pro-main-bottom img {
  width: auto
}

.pro-idx-download-item {
  display: block;
  height: 100%;
  width: 100%
}

.pro-idx-download-icon {
  position: relative;
  background-color: #227776;
  padding: 3.33333vw 0 2.5vw;
  text-align: center
}

.pro-idx-download-icon .icon {
  color: #fff;
  font-size: 55px;
  font-size: 5.5rem;
  line-height: 1
}

.pro-idx-product-search {
  background-color: #e0e0e0;
  padding: 20px 0;
  margin-bottom: 30px
}

.pro-idx-business-item {
  height: 100%
}

.pro-idx-business-item a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.pro-idx-business-item a img {
  margin-right: 10px
}

.pro-product-search {
  position: relative
}

.pro-product-list-title {
  border: 1px solid #b3b3b3;
  border-bottom: none;
  padding: 1.66667vw 0;
  font-size: 1.6em;
  text-align: center
}

.pro-product-list-body {
  position: relative;
  color: #fff
}

.pro-product-list-body .mod-button-a {
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 90%;
  border: 1px solid #fff;
  color: #fff;
  text-align: center;
  padding: 10px 0
}

.pro-product-list-body .mod-button-a .icon {
  color: #fff
}

.pro-product-list-body .mod-button-a:hover {
  color: #333;
  background-color: #f1f1f1
}

.pro-product-list-body .mod-button-a:hover .icon {
  color: #333
}

.pro-product-list-lead {
  position: absolute;
  top: 0;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 15px
}

.pro-product-dovie {
  -ms-flex-align: center;
  align-items: center
}

.pro-product-dovie-en {
  font-family: Montserrat;
  font-size: 30px;
  font-size: 3.0rem;
  margin-left: 10px
}

.pro-product-dovie .mod-button-a .imgicon {
  top: 22%
}

.pro-product-dovie .mod-button-a span {
  vertical-align: middle;
  color: #333
}

.pro-product-dovie .mod-button-a:hover span {
  color: #fff
}

.pro-product-prodList:last-child {
  border-bottom: solid 1px #b3b3b3
}

.pro-product-prodList-head {
  position: relative;
  border-top: solid 1px #b3b3b3;
  padding: 1.66667vw
}

.pro-product-prodList-head:before,
.pro-product-prodList-head:after {
  top: 50%;
  right: 20px;
  width: 30px;
  height: 3px;
  background-color: #227776;
  transition: all .4s ease
}

.pro-product-prodList-head:before {
  -ms-transform: rotate(0deg) translateY(-50%);
  transform: rotate(0deg) translateY(-50%)
}

.pro-product-prodList-head:after {
  -ms-transform: rotate(90deg) translateX(-5%);
  transform: rotate(90deg) translateX(-5%)
}

.pro-product-prodList-head.is-active {
  background-color: #f9f9f9
}

.pro-product-prodList-head.is-active:before,
.pro-product-prodList-head.is-active:after {
  background-color: #7c7c7c
}

.pro-product-prodList-head.is-active:before {
  content: none
}

.pro-product-prodList-head.is-active:after {
  -ms-transform: rotate(180deg) translateX(-5%);
  transform: rotate(180deg) translateX(-5%)
}

.pro-product-prodList-inner {
  padding-left: 20px;
  margin-bottom: 2.5vw
}

.pro-product-prodList-item {
  display: -ms-flexbox;
  display: flex;
  padding: 10px
}

.pro-product-prodList-item:nth-child(even) {
  background-color: #f9f9f9
}

.pro-product-prodList-name {
  color: #227776
}

.pro-product-prodList-links {
  margin-right: 0;
  margin-left: auto
}

.pro-product-prodList-links .mod-button-a {
  display: inline-block;
  width: 150px;
  padding: 0;
  text-align: center
}

.pro-product-category {
  display: none
}

.pro-bottomNav {
  border-top: 1px solid #b3b3b3;
  padding-top: 40px
}

.pro-bottomNav-calender-head {
  font-family: Montserrat;
  font-size: 40px;
  font-size: 4.0rem;
  text-align: center
}

.pro-bottomNav-calender-head span {
  font-weight: 400;
  font-size: 16px;
  font-size: 1.6rem
}

.pro-bottomNav-calender-tbl {
  width: 100%
}

.pro-bottomNav-calender-tbl th,
.pro-bottomNav-calender-tbl td {
  text-align: center
}

.pro-bottomNav-calender-tbl th {
  background-color: #727272;
  color: #fff
}

.pro-bottomNav-calender-tbl td {
  background-color: #f9f9f9
}

.pro-bottomNav-calender-tbl td.goodday {
  background-color: #e0e0e0
}

.pro-idx .pro-bottomNav-calender .mod-button {
  display: none
}

.pro-bottomNav-inquiry {
  position: relative
}

.pro-bottomNav-inquiry-supBtn {
  position: absolute;
  width: 240px;
  top: 30px;
  right: 15%
}

.pro-bottomNav-inquiry-supBtn a {
  padding: 10px 30px
}

.pro-bottomNav-inquiry-mail,
.pro-bottomNav-inquiry-tel {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
  padding: 10px 15px
}

.pro-bottomNav-inquiry-mail span,
.pro-bottomNav-inquiry-tel span {
  margin-right: 20px
}

.pro-bottomNav-inquiry-mail .icon-mail {
  font-size: 40px;
  font-size: 4.0rem;
  line-height: 1;
  vertical-align: middle
}

.pro-bottomNav-inquiry-tel .icon-tel {
  font-size: 40px;
  font-size: 4.0rem;
  line-height: 1;
  vertical-align: middle
}

.pro-bottomNav-inquiry-tel .mod-contact-freedial-num {
  font-size: 25px;
  font-size: 2.5rem
}

.pro-bottomNav-inquiry-bg {
  position: absolute;
  right: 0;
  bottom: 0
}

.pro .mod-topicPath-a {
  color: #227776
}

.pro-categoryList {
  -ms-flex-pack: start;
  justify-content: flex-start
}

.pro-categoryList .mod-menuList03-li {
  margin-right: 1.2%
}

.pro-categoryList .mod-menuList03-li:nth-child(3n) {
  margin-right: 0
}

.pro-kabe-hidden {
  visibility: hidden
}

.pro-kabe-loginBtn {
  cursor: pointer
}

.pro-kabe-detail a:hover {
  text-decoration: underline
}

.pro-kabe-detail-item {
  display: inline-block;
  vertical-align: middle
}

.width-u-5 {
  width: 5%
}

.width-u-10 {
  width: 10%
}

.width-u-15 {
  width: 15%
}

.width-u-20 {
  width: 20%
}

.width-u-25 {
  width: 25%
}

.width-u-30 {
  width: 30%
}

.width-u-35 {
  width: 35%
}

.width-u-40 {
  width: 40%
}

.width-u-45 {
  width: 45%
}

.width-u-50 {
  width: 50%
}

.width-u-55 {
  width: 55%
}

.width-u-60 {
  width: 60%
}

.width-u-65 {
  width: 65%
}

.width-u-70 {
  width: 70%
}

.width-u-75 {
  width: 75%
}

.width-u-80 {
  width: 80%
}

.width-u-85 {
  width: 85%
}

.width-u-90 {
  width: 90%
}

.width-u-95 {
  width: 95%
}

.width-u-100 {
  width: 100%
}

.space-u-5 {
  margin-top: -5px;
  margin-left: -5px
}

.space-u-5-child {
  padding-top: 5px;
  padding-left: 5px
}

.space-u-10 {
  margin-top: -10px;
  margin-left: -10px
}

.space-u-10-child {
  padding-top: 10px;
  padding-left: 10px
}

.space-u-15 {
  margin-top: -15px;
  margin-left: -15px
}

.space-u-15-child {
  padding-top: 15px;
  padding-left: 15px
}

.space-u-20 {
  margin-top: -20px;
  margin-left: -20px
}

.space-u-20-child {
  padding-top: 20px;
  padding-left: 20px
}

.space-u-25 {
  margin-top: -25px;
  margin-left: -25px
}

.space-u-25-child {
  padding-top: 25px;
  padding-left: 25px
}

.space-u-30 {
  margin-top: -30px;
  margin-left: -30px
}

.space-u-30-child {
  padding-top: 30px;
  padding-left: 30px
}

.space-u-35 {
  margin-top: -35px;
  margin-left: -35px
}

.space-u-35-child {
  padding-top: 35px;
  padding-left: 35px
}

.space-u-40 {
  margin-top: -40px;
  margin-left: -40px
}

.space-u-40-child {
  padding-top: 40px;
  padding-left: 40px
}

.space-u-45 {
  margin-top: -45px;
  margin-left: -45px
}

.space-u-45-child {
  padding-top: 45px;
  padding-left: 45px
}

.space-u-50 {
  margin-top: -50px;
  margin-left: -50px
}

.space-u-50-child {
  padding-top: 50px;
  padding-left: 50px
}

.space-u-55 {
  margin-top: -55px;
  margin-left: -55px
}

.space-u-55-child {
  padding-top: 55px;
  padding-left: 55px
}

.space-u-60 {
  margin-top: -60px;
  margin-left: -60px
}

.space-u-60-child {
  padding-top: 60px;
  padding-left: 60px
}

.space-u-65 {
  margin-top: -65px;
  margin-left: -65px
}

.space-u-65-child {
  padding-top: 65px;
  padding-left: 65px
}

.space-u-70 {
  margin-top: -70px;
  margin-left: -70px
}

.space-u-70-child {
  padding-top: 70px;
  padding-left: 70px
}

.space-u-75 {
  margin-top: -75px;
  margin-left: -75px
}

.space-u-75-child {
  padding-top: 75px;
  padding-left: 75px
}

.space-u-80 {
  margin-top: -80px;
  margin-left: -80px
}

.space-u-80-child {
  padding-top: 80px;
  padding-left: 80px
}

.space-u-85 {
  margin-top: -85px;
  margin-left: -85px
}

.space-u-85-child {
  padding-top: 85px;
  padding-left: 85px
}

.space-u-90 {
  margin-top: -90px;
  margin-left: -90px
}

.space-u-90-child {
  padding-top: 90px;
  padding-left: 90px
}

.space-u-95 {
  margin-top: -95px;
  margin-left: -95px
}

.space-u-95-child {
  padding-top: 95px;
  padding-left: 95px
}

.space-u-100 {
  margin-top: -100px;
  margin-left: -100px
}

.space-u-100-child {
  padding-top: 100px;
  padding-left: 100px
}

.m0 {
  margin: 0 !important
}

.mt0 {
  margin-top: 0 !important
}

.mr0 {
  margin-right: 0 !important
}

.mb0 {
  margin-bottom: 0 !important
}

.ml0 {
  margin-left: 0 !important
}

.p0 {
  padding: 0 !important
}

.pt0 {
  padding-top: 0 !important
}

.pr0 {
  padding-right: 0 !important
}

.pb0 {
  padding-bottom: 0 !important
}

.pl0 {
  padding-left: 0 !important
}

.idt {
  text-indent: 0 !important
}

.m5 {
  margin: 5px
}

.mt5 {
  margin-top: 5px
}

.mb5 {
  margin-bottom: 5px
}

.mr5 {
  margin-right: 5px
}

.ml5 {
  margin-left: 5px
}

.p5 {
  padding: 5px
}

.pt5 {
  padding-top: 5px
}

.pr5 {
  padding-right: 5px
}

.pb5 {
  padding-bottom: 5px
}

.pl5 {
  padding-left: 5px
}

.idt5 {
  text-indent: -5px
}

.m10 {
  margin: 10px
}

.mt10 {
  margin-top: 10px
}

.mb10 {
  margin-bottom: 10px
}

.mr10 {
  margin-right: 10px
}

.ml10 {
  margin-left: 10px
}

.p10 {
  padding: 10px
}

.pt10 {
  padding-top: 10px
}

.pr10 {
  padding-right: 10px
}

.pb10 {
  padding-bottom: 10px
}

.pl10 {
  padding-left: 10px
}

.idt10 {
  text-indent: -10px
}

.m15 {
  margin: 15px
}

.mt15 {
  margin-top: 15px
}

.mb15 {
  margin-bottom: 15px
}

.mr15 {
  margin-right: 15px
}

.ml15 {
  margin-left: 15px
}

.p15 {
  padding: 15px
}

.pt15 {
  padding-top: 15px
}

.pr15 {
  padding-right: 15px
}

.pb15 {
  padding-bottom: 15px
}

.pl15 {
  padding-left: 15px
}

.idt15 {
  text-indent: -15px
}

.m20 {
  margin: 20px
}

.mt20 {
  margin-top: 20px
}

.mb20 {
  margin-bottom: 20px
}

.mr20 {
  margin-right: 20px
}

.ml20 {
  margin-left: 20px
}

.p20 {
  padding: 20px
}

.pt20 {
  padding-top: 20px
}

.pr20 {
  padding-right: 20px
}

.pb20 {
  padding-bottom: 20px
}

.pl20 {
  padding-left: 20px
}

.idt20 {
  text-indent: -20px
}

.m25 {
  margin: 25px
}

.mt25 {
  margin-top: 25px
}

.mb25 {
  margin-bottom: 25px
}

.mr25 {
  margin-right: 25px
}

.ml25 {
  margin-left: 25px
}

.p25 {
  padding: 25px
}

.pt25 {
  padding-top: 25px
}

.pr25 {
  padding-right: 25px
}

.pb25 {
  padding-bottom: 25px
}

.pl25 {
  padding-left: 25px
}

.idt25 {
  text-indent: -25px
}

.m30 {
  margin: 30px
}

.mt30 {
  margin-top: 30px
}

.mb30 {
  margin-bottom: 30px
}

.mr30 {
  margin-right: 30px
}

.ml30 {
  margin-left: 30px
}

.p30 {
  padding: 30px
}

.pt30 {
  padding-top: 30px
}

.pr30 {
  padding-right: 30px
}

.pb30 {
  padding-bottom: 30px
}

.pl30 {
  padding-left: 30px
}

.idt30 {
  text-indent: -30px
}

.m35 {
  margin: 35px
}

.mt35 {
  margin-top: 35px
}

.mb35 {
  margin-bottom: 35px
}

.mr35 {
  margin-right: 35px
}

.ml35 {
  margin-left: 35px
}

.p35 {
  padding: 35px
}

.pt35 {
  padding-top: 35px
}

.pr35 {
  padding-right: 35px
}

.pb35 {
  padding-bottom: 35px
}

.pl35 {
  padding-left: 35px
}

.idt35 {
  text-indent: -35px
}

.m40 {
  margin: 40px
}

.mt40 {
  margin-top: 40px
}

.mb40 {
  margin-bottom: 40px
}

.mr40 {
  margin-right: 40px
}

.ml40 {
  margin-left: 40px
}

.p40 {
  padding: 40px
}

.pt40 {
  padding-top: 40px
}

.pr40 {
  padding-right: 40px
}

.pb40 {
  padding-bottom: 40px
}

.pl40 {
  padding-left: 40px
}

.idt40 {
  text-indent: -40px
}

.m45 {
  margin: 45px
}

.mt45 {
  margin-top: 45px
}

.mb45 {
  margin-bottom: 45px
}

.mr45 {
  margin-right: 45px
}

.ml45 {
  margin-left: 45px
}

.p45 {
  padding: 45px
}

.pt45 {
  padding-top: 45px
}

.pr45 {
  padding-right: 45px
}

.pb45 {
  padding-bottom: 45px
}

.pl45 {
  padding-left: 45px
}

.idt45 {
  text-indent: -45px
}

.m50 {
  margin: 50px
}

.mt50 {
  margin-top: 50px
}

.mb50 {
  margin-bottom: 50px
}

.mr50 {
  margin-right: 50px
}

.ml50 {
  margin-left: 50px
}

.p50 {
  padding: 50px
}

.pt50 {
  padding-top: 50px
}

.pr50 {
  padding-right: 50px
}

.pb50 {
  padding-bottom: 50px
}

.pl50 {
  padding-left: 50px
}

.idt50 {
  text-indent: -50px
}

.m55 {
  margin: 55px
}

.mt55 {
  margin-top: 55px
}

.mb55 {
  margin-bottom: 55px
}

.mr55 {
  margin-right: 55px
}

.ml55 {
  margin-left: 55px
}

.p55 {
  padding: 55px
}

.pt55 {
  padding-top: 55px
}

.pr55 {
  padding-right: 55px
}

.pb55 {
  padding-bottom: 55px
}

.pl55 {
  padding-left: 55px
}

.idt55 {
  text-indent: -55px
}

.m60 {
  margin: 60px
}

.mt60 {
  margin-top: 60px
}

.mb60 {
  margin-bottom: 60px
}

.mr60 {
  margin-right: 60px
}

.ml60 {
  margin-left: 60px
}

.p60 {
  padding: 60px
}

.pt60 {
  padding-top: 60px
}

.pr60 {
  padding-right: 60px
}

.pb60 {
  padding-bottom: 60px
}

.pl60 {
  padding-left: 60px
}

.idt60 {
  text-indent: -60px
}

.m65 {
  margin: 65px
}

.mt65 {
  margin-top: 65px
}

.mb65 {
  margin-bottom: 65px
}

.mr65 {
  margin-right: 65px
}

.ml65 {
  margin-left: 65px
}

.p65 {
  padding: 65px
}

.pt65 {
  padding-top: 65px
}

.pr65 {
  padding-right: 65px
}

.pb65 {
  padding-bottom: 65px
}

.pl65 {
  padding-left: 65px
}

.idt65 {
  text-indent: -65px
}

.m70 {
  margin: 70px
}

.mt70 {
  margin-top: 70px
}

.mb70 {
  margin-bottom: 70px
}

.mr70 {
  margin-right: 70px
}

.ml70 {
  margin-left: 70px
}

.p70 {
  padding: 70px
}

.pt70 {
  padding-top: 70px
}

.pr70 {
  padding-right: 70px
}

.pb70 {
  padding-bottom: 70px
}

.pl70 {
  padding-left: 70px
}

.idt70 {
  text-indent: -70px
}

.m75 {
  margin: 75px
}

.mt75 {
  margin-top: 75px
}

.mb75 {
  margin-bottom: 75px
}

.mr75 {
  margin-right: 75px
}

.ml75 {
  margin-left: 75px
}

.p75 {
  padding: 75px
}

.pt75 {
  padding-top: 75px
}

.pr75 {
  padding-right: 75px
}

.pb75 {
  padding-bottom: 75px
}

.pl75 {
  padding-left: 75px
}

.idt75 {
  text-indent: -75px
}

.m80 {
  margin: 80px
}

.mt80 {
  margin-top: 80px
}

.mb80 {
  margin-bottom: 80px
}

.mr80 {
  margin-right: 80px
}

.ml80 {
  margin-left: 80px
}

.p80 {
  padding: 80px
}

.pt80 {
  padding-top: 80px
}

.pr80 {
  padding-right: 80px
}

.pb80 {
  padding-bottom: 80px
}

.pl80 {
  padding-left: 80px
}

.idt80 {
  text-indent: -80px
}

.m85 {
  margin: 85px
}

.mt85 {
  margin-top: 85px
}

.mb85 {
  margin-bottom: 85px
}

.mr85 {
  margin-right: 85px
}

.ml85 {
  margin-left: 85px
}

.p85 {
  padding: 85px
}

.pt85 {
  padding-top: 85px
}

.pr85 {
  padding-right: 85px
}

.pb85 {
  padding-bottom: 85px
}

.pl85 {
  padding-left: 85px
}

.idt85 {
  text-indent: -85px
}

.m90 {
  margin: 90px
}

.mt90 {
  margin-top: 90px
}

.mb90 {
  margin-bottom: 90px
}

.mr90 {
  margin-right: 90px
}

.ml90 {
  margin-left: 90px
}

.p90 {
  padding: 90px
}

.pt90 {
  padding-top: 90px
}

.pr90 {
  padding-right: 90px
}

.pb90 {
  padding-bottom: 90px
}

.pl90 {
  padding-left: 90px
}

.idt90 {
  text-indent: -90px
}

.m95 {
  margin: 95px
}

.mt95 {
  margin-top: 95px
}

.mb95 {
  margin-bottom: 95px
}

.mr95 {
  margin-right: 95px
}

.ml95 {
  margin-left: 95px
}

.p95 {
  padding: 95px
}

.pt95 {
  padding-top: 95px
}

.pr95 {
  padding-right: 95px
}

.pb95 {
  padding-bottom: 95px
}

.pl95 {
  padding-left: 95px
}

.idt95 {
  text-indent: -95px
}

.m100 {
  margin: 100px
}

.mt100 {
  margin-top: 100px
}

.mb100 {
  margin-bottom: 100px
}

.mr100 {
  margin-right: 100px
}

.ml100 {
  margin-left: 100px
}

.p100 {
  padding: 100px
}

.pt100 {
  padding-top: 100px
}

.pr100 {
  padding-right: 100px
}

.pb100 {
  padding-bottom: 100px
}

.pl100 {
  padding-left: 100px
}

.idt100 {
  text-indent: -100px
}

.color_black {
  color: #000
}

.color_gray {
  color: #666
}

.color_white {
  color: #fff
}

.color_red {
  color: #d21
}

.color_green {
  color: #227776
}

.color_purple {
  color: #724c8c
}

.color_yellow {
  color: #fffeef
}

.color_orange {
  color: #eb5505
}

.color_blue {
  color: #06a
}

.color_brown {
  color: #4f3615
}

.color_pink {
  color: #fb5d5d
}

.color_tw {
  color: #5da8eb
}

.color_fb {
  color: #41529a
}

.color_line {
  color: #00bc2a
}

.color_light_red {
  color: #ffd8db
}

.color_light_green {
  color: #d2f6c8
}

.color_light_blue {
  color: #0081cc
}

.color_light_black {
  color: #333
}

.color_light_black2 {
  color: #777
}

.color_light_gray {
  color: #999
}

.color_light_gray2 {
  color: #ccc
}

.color_light_gray3 {
  color: #ddd
}

.color_light_gray4 {
  color: #e8e8e8
}

.color_light_gray5 {
  color: #f2f2f2
}

.color-bg_black {
  background-color: #000
}

.color-bg_gray {
  background-color: #666
}

.color-bg_white {
  background-color: #fff
}

.color-bg_red {
  background-color: #d21
}

.color-bg_green {
  background-color: #227776
}

.color-bg_purple {
  background-color: #724c8c
}

.color-bg_yellow {
  background-color: #fffeef
}

.color-bg_orange {
  background-color: #eb5505
}

.color-bg_blue {
  background-color: #06a
}

.color-bg_brown {
  background-color: #4f3615
}

.color-bg_pink {
  background-color: #fb5d5d
}

.color-bg_tw {
  background-color: #5da8eb
}

.color-bg_fb {
  background-color: #41529a
}

.color-bg_line {
  background-color: #00bc2a
}

.color-bg_light_red {
  background-color: #ffd8db
}

.color-bg_light_green {
  background-color: #d2f6c8
}

.color-bg_light_blue {
  background-color: #0081cc
}

.color-bg_light_black {
  background-color: #333
}

.color-bg_light_black2 {
  background-color: #777
}

.color-bg_light_gray {
  background-color: #999
}

.color-bg_light_gray2 {
  background-color: #ccc
}

.color-bg_light_gray3 {
  background-color: #ddd
}

.color-bg_light_gray4 {
  background-color: #e8e8e8
}

.color-bg_light_gray5 {
  background-color: #f2f2f2
}

.color-border_black {
  border-color: #000
}

.color-border_gray {
  border-color: #666
}

.color-border_white {
  border-color: #fff
}

.color-border_red {
  border-color: #d21
}

.color-border_green {
  border-color: #227776
}

.color-border_purple {
  border-color: #724c8c
}

.color-border_yellow {
  border-color: #fffeef
}

.color-border_orange {
  border-color: #eb5505
}

.color-border_blue {
  border-color: #06a
}

.color-border_brown {
  border-color: #4f3615
}

.color-border_pink {
  border-color: #fb5d5d
}

.color-border_tw {
  border-color: #5da8eb
}

.color-border_fb {
  border-color: #41529a
}

.color-border_line {
  border-color: #00bc2a
}

.color-border_light_red {
  border-color: #ffd8db
}

.color-border_light_green {
  border-color: #d2f6c8
}

.color-border_light_black {
  border-color: #333
}

.color-border_light_black2 {
  border-color: #777
}

.color-border_light_gray {
  border-color: #999
}

.color-border_light_gray2 {
  border-color: #ccc
}

.color-border_light_gray3 {
  border-color: #ddd
}

.color-border_light_gray4 {
  border-color: #e8e8e8
}

.color-border_light_gray5 {
  border-color: #f2f2f2
}

.border-width_1 {
  border-width: 1px
}

.border-width_2 {
  border-width: 2px
}

.border-width_3 {
  border-width: 3px
}

.border-width_4 {
  border-width: 4px
}

.border-width_5 {
  border-width: 5px
}

.bo_none {
  border: none
}

.pos_relative {
  position: relative
}

.pos_absolute {
  position: absolute
}

.pos_static {
  position: static
}

.pos_fixed {
  position: fixed
}

.fs_small {
  font-size: 14px;
  font-size: 1.4rem
}

.fs_small_s {
  font-size: 12px;
  font-size: 1.2rem
}

.fs_small_x {
  font-size: 10px;
  font-size: 1.0rem
}

.fs_middle {
  font-size: 18px;
  font-size: 1.8rem
}

.fs_middle_s {
  font-size: 16px;
  font-size: 1.6rem
}

.fs_middle_m {
  font-size: 20px;
  font-size: 2.0rem
}

.fs_middle_x {
  font-size: 22px;
  font-size: 2.2rem
}

.fs_large {
  font-size: 30px;
  font-size: 3.0rem
}

.fs_large_s {
  font-size: 24px;
  font-size: 2.4rem
}

.fs_large_m {
  font-size: 32px;
  font-size: 3.2rem
}

.fs_large_x {
  font-size: 40px;
  font-size: 4.0rem
}

.fw_normal {
  font-weight: 400
}

.fw_bold {
  font-weight: 700
}

.lh_10 {
  line-height: 1
}

.lh_11 {
  line-height: 1.1
}

.lh_12 {
  line-height: 1.2
}

.lh_13 {
  line-height: 1.3
}

.lh_14 {
  line-height: 1.4
}

.lh_15 {
  line-height: 1.5
}

.lh_16 {
  line-height: 1.6
}

.lh_17 {
  line-height: 1.7
}

.lh_18 {
  line-height: 1.8
}

.lh_19 {
  line-height: 1.9
}

.lh_20 {
  line-height: 2
}

.ls_m41 {
  letter-spacing: -.41em
}

.ls_m31 {
  letter-spacing: -.31em
}

.ls_m2 {
  letter-spacing: -2px
}

.ls_m1 {
  letter-spacing: -1px
}

.ls_0 {
  letter-spacing: normal
}

.ls_p1 {
  letter-spacing: 1px
}

.ls_p2 {
  letter-spacing: 2px
}

.ls_p3 {
  letter-spacing: 3px
}

.ls_p4 {
  letter-spacing: 4px
}

.ta_left {
  text-align: left
}

.ta_center {
  text-align: center
}

.ta_right {
  text-align: right
}

.va_top {
  vertical-align: top
}

.va_middle {
  vertical-align: middle
}

.va_bottom {
  vertical-align: bottom
}

.fl_left {
  float: left
}

.fl_right {
  float: right
}

.fl_none {
  float: none
}

.di_block {
  display: block
}

.di_iblock {
  display: inline-block
}

.di_inline {
  display: inline
}

.di_none {
  display: none
}

.cl_both {
  clear: both
}

.td_under {
  text-decoration: underline
}

.opacity a {
  transition: all .3s ease;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.opacity a:hover {
  opacity: .55;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"
}

.ul-disc,
.ul-circle,
.ul-square,
.ul-decimal,
.ul-upperLatin {
  margin-left: 20px
}

.ul-disc li {
  list-style: disc
}

.ul-circle li {
  list-style: circle
}

.ul-square li {
  list-style: square
}

.ul-decimal li {
  list-style: decimal
}

.ul-latin li {
  list-style: latin
}

.ul-upperLatin li {
  list-style: upper-latin
}

.imgicon.imgicon-pdf:after {
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background-image: url(/common/images/sprites.png);
  background-position: -55px 0;
  background-size: 75px 56px
}

.imgicon.imgicon-freedial:after {
  vertical-align: middle;
  width: 45px;
  height: 26px;
  background-image: url(/common/images/sprites.png);
  background-position: 0 0;
  background-size: 75px 56px
}

.imgicon.imgicon-dovie:after {
  vertical-align: middle;
  background-image: url(/common/images/sprites.png);
  background-position: -58px -72px;
  width: 38px;
  height: 38px
}

.imgicon.imgicon-rss:after {
  vertical-align: middle;
  width: 19px;
  height: 20px;
  background-image: url(/common/images/sprites.png);
  background-position: 0 -36px;
  background-size: 75px 56px
}

@media screen {
  [hidden~=screen] {
    display: inherit
  }

  [hidden~=screen]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important
  }
}

@media screen and (max-width:64em) {
  body {
    line-height: 1.9
  }

  [data-view*=pc] {
    display: none
  }

  [data-view*=pc-inlineblock] {
    display: none
  }

  [data-view*=tablet] {
    display: block
  }

  [data-view*=tablet-inlineblock] {
    display: inline-block
  }

  .pure-u-lg-1,
  .pure-u-lg-1-1,
  .pure-u-lg-1-2,
  .pure-u-lg-1-3,
  .pure-u-lg-2-3,
  .pure-u-lg-1-4,
  .pure-u-lg-3-4,
  .pure-u-lg-1-5,
  .pure-u-lg-2-5,
  .pure-u-lg-3-5,
  .pure-u-lg-4-5,
  .pure-u-lg-5-5,
  .pure-u-lg-1-6,
  .pure-u-lg-5-6,
  .pure-u-lg-1-8,
  .pure-u-lg-3-8,
  .pure-u-lg-5-8,
  .pure-u-lg-7-8,
  .pure-u-lg-1-12,
  .pure-u-lg-5-12,
  .pure-u-lg-7-12,
  .pure-u-lg-11-12,
  .pure-u-lg-1-24,
  .pure-u-lg-2-24,
  .pure-u-lg-3-24,
  .pure-u-lg-4-24,
  .pure-u-lg-5-24,
  .pure-u-lg-6-24,
  .pure-u-lg-7-24,
  .pure-u-lg-8-24,
  .pure-u-lg-9-24,
  .pure-u-lg-10-24,
  .pure-u-lg-11-24,
  .pure-u-lg-12-24,
  .pure-u-lg-13-24,
  .pure-u-lg-14-24,
  .pure-u-lg-15-24,
  .pure-u-lg-16-24,
  .pure-u-lg-17-24,
  .pure-u-lg-18-24,
  .pure-u-lg-19-24,
  .pure-u-lg-20-24,
  .pure-u-lg-21-24,
  .pure-u-lg-22-24,
  .pure-u-lg-23-24,
  .pure-u-lg-24-24 {
    display: inline-block;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto
  }

  .pure-u-lg-1-24 {
    width: 4.1667%
  }

  .pure-u-lg-1-12,
  .pure-u-lg-2-24 {
    width: 8.3333%
  }

  .pure-u-lg-1-8,
  .pure-u-lg-3-24 {
    width: 12.5%
  }

  .pure-u-lg-1-6,
  .pure-u-lg-4-24 {
    width: 16.6667%
  }

  .pure-u-lg-1-5 {
    width: 20%
  }

  .pure-u-lg-5-24 {
    width: 20.8333%
  }

  .pure-u-lg-1-4,
  .pure-u-lg-6-24 {
    width: 25%
  }

  .pure-u-lg-7-24 {
    width: 29.1667%
  }

  .pure-u-lg-1-3,
  .pure-u-lg-8-24 {
    width: 33.3333%
  }

  .pure-u-lg-3-8,
  .pure-u-lg-9-24 {
    width: 37.5%
  }

  .pure-u-lg-2-5 {
    width: 40%
  }

  .pure-u-lg-5-12,
  .pure-u-lg-10-24 {
    width: 41.6667%
  }

  .pure-u-lg-11-24 {
    width: 45.8333%
  }

  .pure-u-lg-1-2,
  .pure-u-lg-12-24 {
    width: 50%
  }

  .pure-u-lg-13-24 {
    width: 54.1667%
  }

  .pure-u-lg-7-12,
  .pure-u-lg-14-24 {
    width: 58.3333%
  }

  .pure-u-lg-3-5 {
    width: 60%
  }

  .pure-u-lg-5-8,
  .pure-u-lg-15-24 {
    width: 62.5%
  }

  .pure-u-lg-2-3,
  .pure-u-lg-16-24 {
    width: 66.6667%
  }

  .pure-u-lg-17-24 {
    width: 70.8333%
  }

  .pure-u-lg-3-4,
  .pure-u-lg-18-24 {
    width: 75%
  }

  .pure-u-lg-19-24 {
    width: 79.1667%
  }

  .pure-u-lg-4-5 {
    width: 80%
  }

  .pure-u-lg-5-6,
  .pure-u-lg-20-24 {
    width: 83.3333%
  }

  .pure-u-lg-7-8,
  .pure-u-lg-21-24 {
    width: 87.5%
  }

  .pure-u-lg-11-12,
  .pure-u-lg-22-24 {
    width: 91.6667%
  }

  .pure-u-lg-23-24 {
    width: 95.8333%
  }

  .pure-u-lg-1,
  .pure-u-lg-1-1,
  .pure-u-lg-5-5,
  .pure-u-lg-24-24 {
    width: 100%
  }

  .mod-auto {
    max-width: 90%;
    padding-right: 0;
    padding-left: 0
  }

  .mod-auto-full {
    width: 100%;
    padding-right: 5%;
    padding-left: 5%
  }

  .mod-topicPath {
    padding-left: 3.90625vw;
    font-size: 1.0rem
  }

  .mod-spacer-section {
    margin-top: 60px
  }

  .mod-spacer-sectionBtm {
    padding-bottom: 50px
  }

  .mod-iconLeft {
    left: 5%
  }

  .mod-tblWrap .mod-tbl02 {
    width: 150%
  }

  .mod-tblWrap .mod-tbl02-no {
    width: 100%
  }

  .mod-head01 {
    padding: 3.90625vw 5%
  }

  .mod-head01-ja,
  .mod-head01-en {
    display: block
  }

  .mod-head01-en {
    padding-left: 0
  }

  .mod-head01-button-item {
    display: inline-block;
    min-width: 120px
  }

  .mod-head02 {
    padding: 3.90625vw 0 0
  }

  .idx .mod-head02 {
    padding: 3.90625vw 0 0;
    border-left: none
  }

  .mod-head02-ja {
    border-left: none;
    padding-left: 0
  }

  .idx .mod-head02-ja {
    border-left: none;
    padding-left: 0
  }

  .mod-head02-ja,
  .mod-head02-en {
    text-align: center
  }

  .mod-head02-en {
    padding-bottom: 3.90625vw
  }

  .mod-head02-tab,
  .mod-head02-anchor,
  .mod-head02-accordion,
  .mod-head02-a {
    height: 9.11458vh;
    position: relative;
    top: auto;
    right: auto;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch
  }

  .mod-head02-tab-item,
  .mod-head02-anchor-item,
  .mod-head02-accordion-item,
  .mod-head02-a-item {
    min-width: none;
    background-color: #cbcbcb;
    -ms-flex: 1;
    flex: 1
  }

  .mod-head02-tab-item:hover,
  .mod-head02-anchor-item:hover,
  .mod-head02-accordion-item:hover,
  .mod-head02-a-item:hover {
    color: #fff;
    font-weight: 400
  }

  .mod-head02-tab-item:hover:after,
  .mod-head02-anchor-item:hover:after {
    content: none
  }

  .mod-head02-accordion-item:before,
  .mod-head02-accordion-item:after {
    left: 49%
  }

  .mod-head02-a-item {
    background-color: #0081cc
  }

  .mod-head06 {
    padding-left: 3.25521vw;
    font-size: 24px;
    font-size: 2.4rem
  }

  .mod-newsList {
    max-width: 100%;
    padding-right: 0;
    padding-left: 0
  }

  .mod-newsList-title {
    width: 68%
  }

  .mod-boxLink01-en {
    font-size: 2.0rem;
    font-weight: 600;
    line-height: 1.3
  }

  .mod-boxLink01-ja {
    font-size: 1.0rem;
    font-weight: 400
  }

  .mod-boxLink02-name {
    padding: 10px
  }

  .mod-boxLink02-name .icon-arrow_right {
    right: 5px
  }

  .mod-boxLink03-title {
    font-size: 1.6rem
  }

  .mod-mainVisual .owl-dots {
    bottom: .83333vh
  }

  .mod-sideContent {
    float: none;
    width: 100%;
    margin-right: 0
  }

  .mod-sideContent-inner {
    margin-right: 0
  }

  .mod-sideContent:before {
    content: none
  }

  .header-logo {
    display: inline-block;
    width: 100%;
    text-align: center
  }

  .header-logo.support-form {
    display: table-cell;
    height: 128px
  }

  .header .js-megamenu-nav {
    display: block
  }

  .header-globalNav {
    display: table;
    width: 100%;
    background-color: #fff
  }

  .header-globalNav-item {
    padding: 0 10px;
    text-align: center
  }

  .header-globalNav-item a {
    font-size: 1.3rem;
    padding: 20px 0
  }

  .header-globalNav-instaBtn {
    position: fixed;
    top: 0;
    right: 120px;
    padding: 0;
    background-color: #fff
  }

  .header-globalNav-instaBtn a {
    display: block;
    padding: 23px 25px
  }

  .header-globalNav-instaBtn.is-active a:after {
    content: none
  }

  .header-globalNav-instaBtn-text {
    display: none
  }

  .header-globalNav-globalBtn {
    position: fixed;
    top: 0;
    right: 58px;
    padding: 0;
    background-color: #fff
  }

  .header-globalNav-globalBtn a {
    display: block;
    padding: 23px 25px
  }

  .header-globalNav-globalBtn.is-active a:after {
    content: none
  }

  .header-globalNav-globalBtn-text {
    display: none
  }

  .header-globalNav-searchBtn {
    position: fixed;
    top: 0;
    right: 0;
    padding: 0;
    background-color: #fff
  }

  .header-globalNav-searchBtn a {
    display: block;
    padding: 23px 25px
  }

  .header-globalNav-searchBtn.is-active a:after {
    content: none
  }

  .header-globalNav-searchBtn-text {
    display: none
  }

  .header-globalNav-progateBtn {
    padding: 0
  }

  .header-globalNav-progateBtn a {
    transition: none;
    line-height: 1.5;
    padding: 0 30px
  }

  .header-megamenu {
    top: 128px
  }

  .header-megamenu-inner {
    padding: 0 0 60px
  }

  .header-megamenu-fig {
    bottom: 140px;
    text-align: right
  }

  .header-megamenu-fig img {
    width: 60%
  }

  .contents {
    padding-top: 128px
  }

  /*.contents{padding-top:128px}*/
  .footer-wrapper {
    width: 96%;
    margin: 0 2%;
    font-size: 12px;
    font-size: 1.2rem
  }

  .footer-nav {
    display: table;
    width: 100%;
    padding-bottom: 20px
  }

  .footer-nav-item {
    display: table-cell;
    margin-left: 10px;
    text-align: center
  }

  .footer-nav-item a {
    position: relative
  }

  .footer-nav-item a:after {
    right: -40px;
    top: 10px
  }

  .footer-ci {
    display: block;
    text-align: left
  }

  .footer-ci figure {
    display: inline-block;
    vertical-align: middle;
    width: 120px;
    margin: 0 20px 0 10px
  }

  .footer-ci-btn {
    width: auto;
    padding: 1% 3%;
    vertical-align: middle
  }

  .footer-ci-nav {
    position: static;
    float: right;
    display: block;
    width: 50%;
    text-align: right;
    padding-top: 10px
  }

  .footer-ci-nav[data-view=sp] {
    display: none
  }

  .footer-ci-nav .footer-nav-item {
    display: inline-block;
    margin-right: 30px
  }

  .idx-mainVisual .owl-dots {
    bottom: 5.17241vh
  }

  .idx-mainVisual .owl-dot span {
    width: 100px
  }

  .idx-main-ticker {
    height: 48px;
    padding: 10px 10px 10px 20px
  }

  .idx-main-ticker .mod-newsList-li {
    padding-left: 0
  }

  .idx-important {
    padding: 20px 0
  }

  .idx-important h2 {
    width: 100%;
    background-size: 35px;
    text-align: left;
    float: none;
    padding: 0 40px 0 50px;
    margin-bottom: 10px
  }

  .idx-important ul {
    width: 100%;
    border-left: none;
    float: none;
    padding: 0
  }

  .idx-important-link {
    float: none;
    width: 100%
  }

  .idx-pickup-inner .color_white {
    font-size: 1.2rem
  }

  .idx-company .mod-boxLink02-name {
    font-size: 1.2rem
  }

  .idx-company-ourBusiness {
    font-size: 3.5rem;
    line-height: 1.4
  }

  .product-cat-main-text {
    top: 7%;
    left: 3%
  }

  .product-cat-main-text-cat {
    font-size: 5.0rem;
    margin-bottom: 0;
    line-height: 1.2
  }

  .product-cat-main-text-main {
    font-size: 2.0rem
  }

  .product-cat-main-text-sub {
    font-size: 1.2rem
  }

  .product-cat-main .mod-button {
    bottom: 5%
  }

  .product-cat-searchMenu-list-li {
    width: 49%;
    margin-right: 2%
  }

  .product-cat-searchMenu-list-li:nth-child(2n) {
    margin-right: 0
  }

  .product-cat-result-head {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .product-cat-result-paginate {
    width: 100%;
    text-align: center;
    margin-top: 15px
  }

  .product-check-img {
    max-width: 40px
  }

  .product-result-head {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .product-result-paginate {
    width: 100%;
    text-align: center;
    margin-left: 0;
    margin-top: 2.5vw
  }

  .product-result-list-img {
    width: 30%
  }

  .product-result-list-text {
    width: 70%
  }

  .product-resultPn-list-item {
    display: -ms-flexbox;
    display: flex;
    font-size: 1.2rem
  }

  .productDtl .mod-head01 {
    padding: 2.60417vw 240px 2.60417vw 5%
  }

  .productDtl .mod-head01-subtitle {
    margin-bottom: 5px
  }

  .productDtl .mod-head01-ja {
    font-size: 3.0rem
  }

  .product-search-point {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .product-search-point-img {
    width: 100%;
    margin-bottom: 10px
  }

  .mod-sideContent .product-search .mod-search input[type=text] {
    width: 60%
  }

  .mod-sideContent .product-search .mod-search-form {
    width: 60%
  }

  .mod-sideContent .product-search .mod-search-form .mod-search input[type=text] {
    width: 100%
  }

  .product-detail-range {
    padding-top: 10px
  }

  .product-favorite-list-img {
    width: 15%
  }

  .product-favorite-list-text {
    width: 85%
  }

  .company-bottomNav-list-li {
    display: none
  }

  .csr-idx-mainVisual {
    position: static;
    top: auto;
    right: auto;
    width: 100%;
    height: auto
  }

  .csr-idx-mainVisual-innerTop,
  .csr-idx-mainVisual-innerBottom {
    padding: 2.60417vw 3.90625vw;
    background-color: #aaa
  }

  .csr-idx-mainVisual-innerBottom .mod-linkList {
    margin-left: -2.60417vw
  }

  .csr-idx-mainVisual-innerBottom .mod-linkList-li {
    padding-left: 2.60417vw
  }

  .csr-idx-mainVisual-innerBottom .mod-linkList-li-a {
    padding-top: 1.95313vw;
    padding-bottom: 1.95313vw
  }

  .csr-idx-mainVisual-innerBottom .mod-linkList-li-a:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
  }

  .egHeader-company {
    padding: 2.60417vw 0
  }

  .egHeader-company-ja,
  .egHeader-company-en {
    display: block
  }

  .egHeader-company-ja {
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 1.3;
    padding-right: 0
  }

  .egHeader-company-en {
    font-size: 12px;
    font-size: 1.2rem
  }

  .egHeader-nav {
    max-width: 90%;
    padding-right: 0;
    padding-left: 0
  }

  .eg-slider:before,
  .eg-slider:after {
    left: 5.20833vw
  }

  .eg-slider:before {
    font-size: 42px;
    font-size: 4.2rem
  }

  .eg-slider:after {
    top: 40px;
    font-size: 16px;
    font-size: 1.6rem
  }

  .eg .owl-carousel .owl-nav .owl-prev,
  .eg .owl-carousel .owl-nav .owl-next {
    width: 7.8125vw
  }

  .eg-mod-head01 {
    padding: 3.90625vw 0 0;
    border-left: none
  }

  .eg-mod-head01-ja {
    border-left: none;
    padding-left: 0
  }

  .idx .eg-mod-head01-ja {
    border-left: none;
    padding-left: 0
  }

  .eg-mod-head01-ja,
  .eg-mod-head01-en {
    text-align: center
  }

  .eg-mod-head01-en {
    padding-bottom: 3.90625vw
  }

  .catalog-idx-main-block {
    position: static;
    bottom: auto;
    left: auto;
    padding: 2.60417vw 3.90625vw
  }

  .catalog-idx-dist-image {
    top: 4.34783%;
    width: 26.08696%
  }

  .catalog-idx-dist-block,
  .catalog-idx-dist-det {
    padding-left: 38.26087%
  }

  .catalog-idx-dist-block-title {
    font-size: 20px;
    font-size: 2.0rem
  }

  .catalog-idx-dist-block-sub {
    font-size: 14px;
    font-size: 1.4rem
  }

  .catalog-idx-list-li-thum-image {
    width: 40%
  }

  .catalog-idx-request-block {
    padding-left: 0;
    padding-bottom: 10.41667vw
  }

  .catalog-idx-request-block:before {
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"
  }

  .sr-idx-search-contact:before {
    left: 1.30208vw;
    width: 27.60417%;
    padding-top: 33.59375%
  }

  .sr-main-sound-ribbon {
    width: 20vw;
    height: 38.33333vw;
    font-size: 1.0rem
  }

  .sr-main-sound-ribbon .fs_middle_m {
    font-size: 1.4rem
  }

  .sr-main-sound-ribbon img {
    width: 70%
  }

  .sr-mainVisual-img {
    height: 29.94792vw
  }

  .sr-main .sr-mainVisual-img {
    height: 39.0625vw
  }

  .sr-mainVisual-thumb {
    height: 50px;
    margin-top: -50px
  }

  .sr-mainVisual-thumb-carousel .owl-item {
    height: 30px
  }

  .sr-mainVisual-thumb-carousel .owl-prev,
  .sr-mainVisual-thumb-carousel .owl-next {
    top: 0;
    font-size: 2.8rem
  }

  .sr .mod-head02 .sr-banner {
    right: 2.60417vw;
    width: 20%
  }

  .mod-modal-overlay .sr-modal {
    max-width: 90%
  }

  .sr-guide-head {
    text-shadow: 0 0 10px #000, 0 0 10px #000, 0 0 5px #000, 0 0 5px #000;
    color: #fff
  }

  .sr-guide-catalog {
    background-size: 40%
  }

  .sr-guide-layout {
    background-size: 40%
  }

  .sr-guide-layout .sr-guide-head2 {
    margin-bottom: 50px
  }

  .sr-soundsr-num {
    font-size: 29px;
    font-size: 2.9rem
  }

  .support-idx-example {
    background-size: 90%
  }

  .support-idx-catalog-box h4 {
    font-size: 1.5rem
  }

  .support-inquiry-box .mod-contact-tel-detail {
    padding-left: 70px
  }

  .support-inquiry-tel {
    background: #fff;
    padding: 20px
  }

  .support-inquiry-tel .mod-contact-freedial-detail {
    margin-left: 0
  }

  .support-inquiry-search .mod-search input[type=text] {
    width: 50%
  }

  .support-faq-detail-contact-tel {
    padding: 10px
  }

  .support-faq-detail-contact-tel-title {
    border-right: none;
    border-bottom: 1px solid #b3b3b3;
    margin-bottom: 10px
  }

  .support-faq-detail-contact-tel .mod-contact-freedial-detail {
    margin-left: 5px
  }

  .support-form-tbl>tbody>tr>th {
    width: 25%
  }

  .support-form-photo .mod-tbl01 td .mod-inputFile+input[type=text] {
    width: auto
  }

  .support-form-parts-content {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .support-form-parts-content>div {
    width: 25%;
    font-size: 1.0rem
  }

  .support-form-parts-content>div:nth-child(4n) {
    border-right: 1px solid #b3b3b3
  }

  .pro-bottomNav-inquiry-supBtn {
    right: 5%
  }

  .pro-bottomNav-inquiry-bg {
    display: none
  }

  .width-lg-5 {
    width: 5%
  }

  .width-lg-10 {
    width: 10%
  }

  .width-lg-15 {
    width: 15%
  }

  .width-lg-20 {
    width: 20%
  }

  .width-lg-25 {
    width: 25%
  }

  .width-lg-30 {
    width: 30%
  }

  .width-lg-35 {
    width: 35%
  }

  .width-lg-40 {
    width: 40%
  }

  .width-lg-45 {
    width: 45%
  }

  .width-lg-50 {
    width: 50%
  }

  .width-lg-55 {
    width: 55%
  }

  .width-lg-60 {
    width: 60%
  }

  .width-lg-65 {
    width: 65%
  }

  .width-lg-70 {
    width: 70%
  }

  .width-lg-75 {
    width: 75%
  }

  .width-lg-80 {
    width: 80%
  }

  .width-lg-85 {
    width: 85%
  }

  .width-lg-90 {
    width: 90%
  }

  .width-lg-95 {
    width: 95%
  }

  .width-lg-100 {
    width: 100%
  }
}

@media screen and (max-width:47.938em) {
  body {
    line-height: 1.8
  }

  [data-view*=pc] {
    display: none
  }

  [data-view*=pc-inlineblock] {
    display: none
  }

  [data-view*=tablet] {
    display: none
  }

  [data-view*=tablet-inlineblock] {
    display: none
  }

  [data-view*=sp] {
    display: block
  }

  [data-view*=sp-inlineblock] {
    display: inline-block
  }

  .pure-u-md-1,
  .pure-u-md-1-1,
  .pure-u-md-1-2,
  .pure-u-md-1-3,
  .pure-u-md-2-3,
  .pure-u-md-1-4,
  .pure-u-md-3-4,
  .pure-u-md-1-5,
  .pure-u-md-2-5,
  .pure-u-md-3-5,
  .pure-u-md-4-5,
  .pure-u-md-5-5,
  .pure-u-md-1-6,
  .pure-u-md-5-6,
  .pure-u-md-1-8,
  .pure-u-md-3-8,
  .pure-u-md-5-8,
  .pure-u-md-7-8,
  .pure-u-md-1-12,
  .pure-u-md-5-12,
  .pure-u-md-7-12,
  .pure-u-md-11-12,
  .pure-u-md-1-24,
  .pure-u-md-2-24,
  .pure-u-md-3-24,
  .pure-u-md-4-24,
  .pure-u-md-5-24,
  .pure-u-md-6-24,
  .pure-u-md-7-24,
  .pure-u-md-8-24,
  .pure-u-md-9-24,
  .pure-u-md-10-24,
  .pure-u-md-11-24,
  .pure-u-md-12-24,
  .pure-u-md-13-24,
  .pure-u-md-14-24,
  .pure-u-md-15-24,
  .pure-u-md-16-24,
  .pure-u-md-17-24,
  .pure-u-md-18-24,
  .pure-u-md-19-24,
  .pure-u-md-20-24,
  .pure-u-md-21-24,
  .pure-u-md-22-24,
  .pure-u-md-23-24,
  .pure-u-md-24-24 {
    display: inline-block;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto
  }

  .pure-u-md-1-24 {
    width: 4.1667%
  }

  .pure-u-md-1-12,
  .pure-u-md-2-24 {
    width: 8.3333%
  }

  .pure-u-md-1-8,
  .pure-u-md-3-24 {
    width: 12.5%
  }

  .pure-u-md-1-6,
  .pure-u-md-4-24 {
    width: 16.6667%
  }

  .pure-u-md-1-5 {
    width: 20%
  }

  .pure-u-md-5-24 {
    width: 20.8333%
  }

  .pure-u-md-1-4,
  .pure-u-md-6-24 {
    width: 25%
  }

  .pure-u-md-7-24 {
    width: 29.1667%
  }

  .pure-u-md-1-3,
  .pure-u-md-8-24 {
    width: 33.3333%
  }

  .pure-u-md-3-8,
  .pure-u-md-9-24 {
    width: 37.5%
  }

  .pure-u-md-2-5 {
    width: 40%
  }

  .pure-u-md-5-12,
  .pure-u-md-10-24 {
    width: 41.6667%
  }

  .pure-u-md-11-24 {
    width: 45.8333%
  }

  .pure-u-md-1-2,
  .pure-u-md-12-24 {
    width: 50%
  }

  .pure-u-md-13-24 {
    width: 54.1667%
  }

  .pure-u-md-7-12,
  .pure-u-md-14-24 {
    width: 58.3333%
  }

  .pure-u-md-3-5 {
    width: 60%
  }

  .pure-u-md-5-8,
  .pure-u-md-15-24 {
    width: 62.5%
  }

  .pure-u-md-2-3,
  .pure-u-md-16-24 {
    width: 66.6667%
  }

  .pure-u-md-17-24 {
    width: 70.8333%
  }

  .pure-u-md-3-4,
  .pure-u-md-18-24 {
    width: 75%
  }

  .pure-u-md-19-24 {
    width: 79.1667%
  }

  .pure-u-md-4-5 {
    width: 80%
  }

  .pure-u-md-5-6,
  .pure-u-md-20-24 {
    width: 83.3333%
  }

  .pure-u-md-7-8,
  .pure-u-md-21-24 {
    width: 87.5%
  }

  .pure-u-md-11-12,
  .pure-u-md-22-24 {
    width: 91.6667%
  }

  .pure-u-md-23-24 {
    width: 95.8333%
  }

  .pure-u-md-1,
  .pure-u-md-1-1,
  .pure-u-md-5-5,
  .pure-u-md-24-24 {
    width: 100%
  }

  .mod-topicPath {
    display: none
  }

  .mod-spacer {
    margin-top: 6.25vw
  }

  .mod-spacer-main {
    margin-top: 20px;
    margin-bottom: 60px
  }

  .mod-spacer-section {
    margin-top: 40px
  }

  .mod-spacer-sectionBtm {
    padding-bottom: 40px
  }

  .mod-spacer-area {
    padding-top: 6.25vw;
    padding-bottom: 6.25vw
  }

  .mod-button_300 {
    max-width: 100%
  }

  .mod-button-a {
    padding: 10px 25px
  }

  .mod-button-a_image {
    padding: 4.6875vw 15.625vw;
    font-size: 1.6rem
  }

  .mod-button-a_image-det {
    left: 3.125vw;
    width: 10.9375vw
  }

  .mod-iconArrowRight {
    right: 2.34375vw
  }

  .mod-iconArrowLeft {
    left: 2.34375vw
  }

  .mod-linkList-col2 {
    margin-left: -3.125vw
  }

  .mod-linkList-li-col2 {
    padding-left: 3.125vw
  }

  .mod-tblWrap .mod-tbl02 {
    width: 200%
  }

  .mod-tblWrap .mod-tbl02-no {
    width: 200%
  }

  .mod-tbl01 th,
  .mod-tbl01 td {
    display: block
  }

  .mod-head01 {
    padding: 4.6875vw 5%
  }

  .mod-head01-ja {
    font-size: 25px;
    font-size: 2.5rem
  }

  .mod-head01-en {
    padding-left: 0;
    font-size: 10px;
    font-size: 1.0rem
  }

  .mod-head01-button-item {
    min-width: 80px
  }

  .mod-head01-button-item-text {
    display: none
  }

  .mod-head02 {
    margin-bottom: 7.8125vw;
    padding: 4.6875vw 0 0
  }

  .mod-head02-en {
    padding-bottom: 4.6875vw
  }

  .idx .mod-head02 {
    padding: 4.6875vw 0 0
  }

  .mod-head02-tab-item,
  .mod-head02-anchor-item,
  .mod-head02-accordion-item {
    min-width: 35%;
    font-size: 1.4rem
  }

  .mod-head02-tab {
    height: 8.59375vh
  }

  .mod-head02-anchor {
    height: 10.15625vh
  }

  .mod-head02-anchor-item span {
    top: 40%
  }

  .mod-head02-anchor-item:after {
    bottom: 5px
  }

  .mod-head02-accordion {
    height: 10.15625vh
  }

  .mod-head02-accordion-item span {
    top: 40%
  }

  .mod-head02-accordion-item:before,
  .mod-head02-accordion-item:after {
    bottom: 10px
  }

  .mod-head03 {
    font-size: 25px;
    font-size: 2.5rem;
    padding: 3.125vw 0 3.125vw 6.25vw;
    margin-bottom: 1.5625vw
  }

  .mod-head03:before {
    top: 50%;
    height: 70%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
  }

  .mod-head03:after {
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    padding-top: 1px;
    background-color: #b5b5b5
  }

  .mod-head03-en {
    font-size: 10px;
    font-size: 1.0rem
  }

  .mod-head04 {
    margin-bottom: 3.125vw;
    padding-bottom: .78125vw;
    font-size: 18px;
    font-size: 1.8rem
  }

  .mod-head05 {
    font-size: 2.0rem
  }

  .mod-head06 {
    padding-left: 3.90625vw;
    padding-top: 1.5625vw;
    padding-bottom: 1.5625vw;
    font-size: 20px;
    font-size: 2.0rem
  }

  .mod-head07 {
    margin-bottom: 3.125vw;
    padding-left: 4.6875vw
  }

  .mod-head07:before {
    top: 12px;
    width: 3.125vw
  }

  .mod-newsList {
    max-width: 90%
  }

  .mod-sideContent .mod-newsList {
    max-width: 100%
  }

  .mod-newsList-li {
    padding: 10px
  }

  .mod-newsList-title {
    width: 100%
  }

  .mod-menuList02-li,
  .mod-menuList03-li {
    position: relative;
    overflow: hidden;
    width: 49.8%;
    margin-bottom: 0
  }

  .mod-menuList02-li a,
  .mod-menuList03-li a {
    display: block;
    height: 100%
  }

  .mod-boxLink03-title {
    font-size: 20px;
    font-size: 2.0rem
  }

  .mod-boxLink03:before {
    width: 22px
  }

  .mod-boxLink03:after {
    right: 3px
  }

  .mod-toggle-list-head {
    padding: 3.125vw
  }

  .mod-toggle-list-head:before,
  .mod-toggle-list-head:after {
    right: 3.125vw;
    width: 23px
  }

  .mod-toggle-list-inner {
    padding-right: 3.125vw;
    padding-bottom: 3.125vw;
    padding-left: 3.125vw
  }

  .mod-bottomBnr-wrapper {
    padding: 0 3%
  }

  .mod-bottomBnr-wrapper li {
    width: 49%;
    margin-left: 2%;
    margin-bottom: 2%
  }

  .mod-bottomBnr-wrapper li:first-child {
    margin-left: 2%
  }

  .mod-bottomBnr-wrapper li:nth-child(2n+1) {
    margin-left: 0
  }

  .mod-float-right,
  .mod-float-left {
    margin-left: 0
  }

  .mod-float-right-image,
  .mod-float-left-image {
    float: none;
    width: 100%;
    padding-bottom: 30px
  }

  .mod-float-right-image {
    padding-left: 0
  }

  .mod-float-left-image {
    padding-right: 0
  }

  .mod-mainVisual .owl-dot span {
    width: 80px
  }

  .mod-sideContent-inner .mod-catButton-a {
    padding-left: 4.6875vw
  }

  .mod-contact-freedial .imgicon.imgicon-freedial:after {
    width: 45px;
    height: 26px;
    background-image: url(/common/images/sprites.png);
    background-position: 0 0;
    background-size: 75px 56px
  }

  .mod-contact-freedial-num {
    font-size: 3.0rem
  }

  .mod-contact-freedial-detail {
    margin-top: 1.5625vw;
    margin-left: 0
  }

  .mod-contact-freedial-detail span {
    display: block;
    font-size: 1.2rem;
    line-height: 1.6
  }

  .mod-contact-tel .mod-iconArrowLeft {
    font-size: 3.0rem
  }

  .mod-contact-tel-detail {
    padding-left: 17.1875vw
  }

  .company-info-base .mod-contact-tel-detail {
    padding-left: 15.625vw
  }

  .mod-contact-tel-num_fs28 {
    font-size: 2.5rem
  }

  .mod-contact-tel-num_fs22 {
    display: block;
    font-size: 2.0rem
  }

  .mod-contact-tel-ja {
    padding-right: 1.5625vw
  }

  .mod-tab01 {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch
  }

  .mod-tab01-ul {
    width: 200%
  }

  .mod-tab01-li {
    padding: 4.6875vw 1.5625vw
  }

  .mod-tab01-li-mdFs {
    font-size: 1.2rem
  }

  .mod-paginate-index span,
  .mod-paginate-index a {
    width: 30px;
    height: 30px;
    padding: 2px 0;
    margin-right: 5px
  }

  .mod-paginate-nav a {
    width: 30px;
    height: 30px;
    padding-top: 4px;
    margin-right: 5px
  }

  .mod-modal-overlay {
    height: 120%
  }

  .mod-modal-overlay>img {
    max-width: 90%
  }

  .mod-modal-closeBtn {
    top: 20px;
    right: 20px
  }

  /*.header{height:68px}*/
  .header-logo.support-form {
    height: 68px
  }

  .header .js-megamenu-nav {
    display: block;
    width: 200%;
    overflow: scroll;
    background-color: rgba(0, 0, 0, .5);
    position: relative;
    border-top: solid 1px #ddd
  }

  .header-globalNav {
    width: 50%;
    float: left
  }

  .header-globalNav-item {
    display: block;
    text-align: center;
    padding: 0;
    border-bottom: solid 1px #c5c5c5;
    background-color: #ececec
  }

  .header-globalNav-item a {
    padding: 4% 0
  }

  .header-globalNav-instaBtn {
    right: 55px;
    border-bottom: none;
    background-color: #fff;
    padding: 22px 5px
  }

  .header-globalNav-globalBtn {
    right: 26px;
    border-bottom: none;
    background-color: #fff;
    padding: 22px 5px
  }

  .header-globalNav-searchBtn {
    border-bottom: none;
    background-color: #fff;
    padding: 22px 5px
  }

  .header-globalNav-progateBtn {
    background-color: #227776
  }

  .header-globalNav-progateBtn:after {
    content: none
  }

  .header-megamenu {
    width: 100vw;
    overflow-y: scroll;
    margin-left: 100%;
    top: 69px
  }

  .header-megamenu-localNav {
    padding: 0 5%
  }

  .header-megamenu-inner {
    width: 100%;
    padding: 0 0 80px
  }

  .header-megamenu-inner a {
    padding-right: 0
  }

  .header-megamenu-inner .mod-button-a {
    padding-left: 0;
    margin-bottom: 10px
  }

  .header-megamenu-inner [class*=pure-] {
    display: block;
    width: 100%
  }

  .header-megamenu-inner [class*=space-] {
    padding-top: 0;
    padding-left: 0;
    margin-top: 0;
    margin-left: 0
  }

  .header-megamenu-inner [class*=space-].header-megamenu-list-item {
    padding-top: 7px
  }

  .header-megamenu-head1 {
    display: inline-block;
    position: relative;
    font-size: 2.1rem
  }

  .header-megamenu-head1-sub {
    display: block;
    margin-left: 0
  }

  .header-megamenu-head1-anchor:after {
    font-size: 4rem;
    right: -50px
  }

  .header-megamenu-head2 {
    padding-top: 10px;
    margin-top: 10px;
    margin-bottom: 10px
  }

  .header-megamenu-head2.js-accordion-switch:before {
    content: '';
    display: block;
    width: 3px;
    height: 17px;
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: .4s;
    position: absolute;
    top: 50%;
    right: 10px;
    background-color: #ddd;
    margin-top: -9px
  }

  .header-megamenu-head2.js-accordion-switch:after {
    content: '';
    display: block;
    width: 3px;
    height: 17px;
    transition: .4s;
    position: absolute;
    top: 50%;
    right: 10px;
    background-color: #ddd;
    margin-top: -9px
  }

  .header-megamenu-head2.js-accordion-switch.is-active:before {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
  }

  .header-megamenu-head2.js-accordion-switch.is-active:after {
    -ms-transform: rotate(-270deg);
    transform: rotate(-270deg)
  }

  .header-megamenu-head2.js-accordion-switch+.header-megamenu-list {
    display: none;
    margin-bottom: 20px
  }

  .header-megamenu-head2-a:after {
    top: 38%;
    right: 5px
  }

  .header-megamenu-list-item {
    padding-top: 7px
  }

  .header-megamenu-list-item a:after {
    top: 10px;
    right: 5px
  }

  .header-megamenu-list-item a.double:after {
    top: 19px
  }

  .header-megamenu-fig {
    position: absolute;
    top: 80px
  }

  .header-megamenu-fig img {
    width: 100%
  }

  .header-megamenu-closeBtn {
    top: 10px;
    right: 10px;
    z-index: 300
  }

  .header-megamenu-closeBtn.is-fixed {
    position: fixed;
    top: 40px;
    right: 40px
  }

  .header-search {
    background: rgba(0, 0, 0, .8);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 200
  }

  .header-search-wrapper {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 100px 20px 0
  }

  .header-search-wrapper-head {
    display: block;
    padding-right: 0;
    color: #fff;
    padding: 30px
  }

  .header-search-wrapper-input {
    width: 80%;
    font-size: 2.0rem;
    padding: 6px 5px;
    border-radius: 4px;
    border: none;
    border: solid 1px #ddd
  }

  .header-search-wrapper-btn {
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    border: none;
    cursor: pointer;
    display: block;
    width: 40%;
    margin: 20px auto
  }

  .header-search-wrapper input[type=text] {
    width: 90%;
    margin-right: 0;
    margin-bottom: 20px
  }

  .header-search-wrapper input[type=submit] {
    width: 200px
  }

  .header-spMenuBtn {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 70px;
    height: 69px
  }

  .header-spMenuBtn-hamburger {
    display: block;
    position: absolute;
    width: 25px;
    height: 20px;
    top: 20px;
    left: 24px;
    text-align: center
  }

  .header-spMenuBtn-hamburger:before {
    content: "";
    display: block;
    width: 25px;
    height: 3px;
    position: absolute;
    top: 0;
    left: 30%;
    margin-left: -10px;
    background-color: #555;
    transition: .4s
  }

  .header-spMenuBtn-hamburger:after {
    content: "";
    display: block;
    width: 25px;
    height: 3px;
    position: absolute;
    bottom: 1px;
    left: 30%;
    margin-left: -10px;
    background-color: #555;
    transition: .4s
  }

  .header-spMenuBtn-hamburger em {
    display: block;
    width: 25px;
    height: 3px;
    position: absolute;
    top: 50%;
    left: 30%;
    margin-left: -10px;
    background-color: #555;
    transition: .4s;
    margin-top: -2px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
  }

  .header-spMenuBtn-hamburger.is-active:before {
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    top: 8px
  }

  .header-spMenuBtn-hamburger.is-active:after {
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    bottom: 9px
  }

  .header-spMenuBtn-hamburger.is-active em {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
  }

  .header-spMenuBtn-menu {
    display: inline-block;
    position: absolute;
    bottom: -1.8em;
    left: -.1em;
    font-size: 1.0rem;
    color: #333;
    font-family: Oswald
  }

  .contents {
    padding-top: 54px
  }

  /*.contents{padding-top:69px}*/
  .bottomBanner-wrapper {
    margin-left: -3.125vw;
    text-align: left
  }

  .bottomBanner-item {
    width: 50%;
    padding-left: 3.125vw;
    padding-bottom: 3.125vw
  }

  .footer {
    padding-top: 20px
  }

  .footer-wrapper {
    width: 90%;
    margin: 0 auto
  }

  .footer-nav {
    display: none
  }

  .footer-nav-item {
    text-align: center
  }

  .footer-nav-item-sp {
    width: 49%;
    border: 1px solid rgba(255, 255, 255, .7);
    padding: 5px;
    text-align: center
  }

  .footer-ci-btn {
    padding: 5px 25px;
    float: right;
    margin-top: 10px
  }

  .footer-ci-nav {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 20px
  }

  .footer-ci-nav[data-view=sp] {
    display: -ms-flexbox;
    display: flex
  }

  .footer-ci-nav .footer-nav-item {
    display: block
  }

  .footer-a {
    font-size: 1rem
  }

  .footer-reg {
    line-height: 1.4;
    padding-top: 4px
  }

  .idx-mainVisual .owl-dots {
    bottom: 18.96552vh
  }

  .idx-mainVisual .owl-dot span {
    width: 70px
  }

  .idx-main-ticker {
    height: 70px
  }

  .idx-sympathy {
    padding: 5%
  }

  .idx-sympathy-head {
    font-size: 2rem
  }

  .idx-company-ourBusiness {
    width: 100%
  }

  .product-cat-main {
    position: static
  }

  .product-cat-main-img {
    position: relative
  }

  .product-cat-main-text {
    position: static;
    text-shadow: none;
    color: #333;
    padding: 5%
  }

  .product-cat-main-text-cat {
    position: absolute;
    height: 40px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 3.5rem;
    letter-spacing: normal;
    color: #fff;
    text-shadow: 0 0 10px #000, 0 0 10px #000, 0 0 5px #000, 0 0 5px #000
  }

  .product-cat-main-text-main {
    font-size: 1.8rem;
    text-align: left
  }

  .product-cat-main-text-sub {
    text-align: left;
    margin-bottom: 0
  }

  .product-cat-main .mod-button {
    position: static;
    width: 90%;
    margin-bottom: 10px
  }

  .product-cat-main .mod-button-a {
    font-size: 1.4rem;
    padding: 5px 20px 5px 10px
  }

  .product-cat-searchMenu-list-li {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0
  }

  .product-cat-result-list-text .icon-arrow_right {
    bottom: 10px
  }

  .product-cat-result-hit,
  .product-cat-result-sort {
    width: 100%
  }

  .product-cat-result-hit {
    padding-right: 0;
    margin-bottom: 15px
  }

  .product-cat-result-sort {
    padding-left: 0;
    border-left: none
  }

  .product-cat-lpLink_bottom .mod-button-a {
    font-size: 1.8rem;
    line-height: 1.4
  }

  .product-check-text {
    font-size: 1.2rem
  }

  .product-result-hit,
  .product-result-sort,
  .product-result-paginate {
    display: block
  }

  .product-result-hit {
    padding-right: 0;
    margin: 0 auto 10px
  }

  .product-result-sort {
    border-left: none;
    padding-left: 0;
    margin-bottom: 10px
  }

  .product-resultPn-list-item {
    display: block
  }

  .product-resultPn-list-item div {
    display: -ms-flexbox;
    display: flex
  }

  .product-resultPn-list-item div span {
    width: 20%
  }

  .product-resultPn-list-item div a {
    width: 80%;
    text-align: left;
    padding-right: 5px
  }

  .product-resultPn-list-head {
    display: none
  }

  .product-resultPn-list_pn,
  .product-resultPn-list_name,
  .product-resultPn-list_catalog {
    width: 100%
  }

  .productDtl .mod-head01 {
    padding: 3.125vw 80px 3.125vw 5%
  }

  .productDtl .mod-head01-subtitle {
    font-size: 1.4rem
  }

  .productDtl .mod-head01-ja {
    font-size: 2.0rem
  }

  .product-detail-range {
    font-size: 1.2rem
  }

  .product-detail-marks.pure-u-1-2 {
    width: 100%
  }

  .product-detail-marks-body {
    width: 70%
  }

  .product-detail-rec-a {
    position: static;
    text-align: right;
    margin-bottom: 20px
  }

  .product-detail-links {
    display: block
  }

  .product-detail-links[data-view=sp] {
    display: block
  }

  .product-detail-links .mod-head03,
  .product-detail-links .mod-button {
    display: block;
    width: 100%
  }

  .product-detail-links .mod-head03:after {
    content: none
  }

  .mod-modal-overlay .product-detail-modal {
    top: -10%
  }

  .product-all-initial a {
    margin-right: 5px
  }

  .product-all-list-item {
    width: 100%
  }

  .product-all-list-item:nth-child(3n) {
    margin-right: 0
  }

  .product-favorite-list-inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .product-favorite-list-img {
    width: 100%;
    padding-right: 0;
    margin-bottom: 10px
  }

  .product-favorite-list-text {
    width: 100%
  }

  .product-favorite-removeBtn {
    width: 100%
  }

  .product-help .mod-sideContent img {
    width: 70%
  }

  .product-icons-icon_eco {
    height: 15.625vw;
    margin-bottom: 10px
  }

  .product-lp-lead {
    padding: 4.6875vw
  }

  .product-lp-lead-title {
    font-size: 2.4rem
  }

  .product-lp-lead-text {
    font-size: 1.4rem
  }

  .company-bottomNav {
    padding-top: 6.25vw;
    padding-bottom: 6.25vw
  }

  .company-bottomNav-list-li {
    display: none
  }

  .company-bottomNav .mod-boxLink03-title {
    font-size: 1.6rem
  }

  .company-idx-content {
    padding: 5% 5% 6.25vw
  }

  .company-idx-content-list-block {
    padding: 1.5625vw 3.125vw 4.6875vw;
    background-color: #fff
  }

  .company-idx-bnr {
    padding-top: 6.25vw;
    padding-bottom: 6.25vw
  }

  .company-idx-bnr-relation {
    background-size: 30%
  }

  .csr-idx-mainVisual-innerTop,
  .csr-idx-mainVisual-innerBottom {
    padding: 3.125vw 4.6875vw
  }

  .csr-idx-mainVisual-innerBottom .mod-linkList {
    margin-left: 0
  }

  .csr-idx-mainVisual-innerBottom .mod-linkList-li {
    padding-left: 0
  }

  .csr-idx-mainVisual-innerBottom .mod-linkList-li-a {
    padding-top: 2.34375vw;
    padding-bottom: 2.34375vw
  }

  .csr-idx-bottom:before {
    border-width: 11px
  }

  .csr-idx-bottom:after {
    border-width: 10px
  }

  .csr-sports-link {
    padding: 4.6875vw 3.125vw
  }

  .csr-sports-link-li {
    display: block;
    margin-top: 3.125vw;
    margin-left: 0
  }

  .csr-sports-link-li:first-child {
    margin-top: 0
  }

  .csr-history-title {
    font-size: 18px;
    font-size: 1.8rem
  }

  .ir-idx-mainVisual {
    width: 50%
  }

  .ir-idx-mainVisual-chart {
    width: 50%;
    background-color: #ccc
  }

  .ir-idx-mainVisual-chart-inner {
    padding: 1.5625vw
  }

  .ir-idx-caution-logo {
    position: static;
    display: block;
    top: auto;
    left: auto;
    font-size: 1.8rem;
    -ms-transform: translateY(0);
    transform: translateY(0);
    text-align: center
  }

  .ir-idx-caution-logo span {
    display: inline-block;
    line-height: 1.4
  }

  .ir-idx-caution-logo .icon {
    display: inline-block;
    padding-right: 5px;
    vertical-align: middle;
    font-size: 2.4rem
  }

  .ir-idx-caution-text {
    padding-left: 0
  }

  .egHeader-table {
    padding: 2.34375vw 6.25vw
  }

  .egHeader-table-name {
    font-size: 1.2rem
  }

  .egHeader-table-logo {
    width: 80px
  }

  .egHeader-company {
    padding: 3.125vw 0
  }

  .egHeader-company-ja {
    font-size: 22px;
    font-size: 2.2rem
  }

  .egHeader-company-en {
    font-size: 10px;
    font-size: 1.0rem
  }

  .egHeader-nav {
    max-width: 100%
  }

  .egHeader-nav-ul {
    border-top: 1px solid #c7c7c7
  }

  .egHeader-nav-li {
    border-bottom: 1px solid #c7c7c7
  }

  .egHeader-nav-li-a {
    display: block;
    padding-top: 3.125vw;
    padding-bottom: 3.125vw;
    font-size: 16px;
    font-size: 1.6rem;
    background-color: #fff;
    transition: all .4s ease
  }

  .egHeader-nav-li-a:hover,
  .egHeader-nav-li-a.is-active {
    color: #fff;
    background-color: #0081cc
  }

  .egFooter .footer-reg {
    text-align: center;
    margin-top: 0;
    padding-top: 0;
    padding-right: 5%;
    padding-left: 5%;
    border-top: 0
  }

  .eg-slider {
    padding-top: 100px;
    background: #f1f1f1
  }

  .eg-slider.picture {
    margin-top: 9.375vw;
    border-top: 1px solid #b3b3b3
  }

  .eg-slider:before,
  .eg-slider:after {
    display: block;
    width: 100%;
    left: auto;
    color: #333;
    text-align: center
  }

  .eg-slider:before {
    top: 65px;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 100
  }

  .eg-slider:after {
    top: 25px;
    font-size: 29px;
    font-size: 2.9rem
  }

  .eg-contentsSlider:before,
  .eg-contentsSlider:after {
    width: 15%
  }

  .eg .owl-carousel .owl-nav .owl-prev {
    left: 3%
  }

  .eg .owl-carousel .owl-nav .owl-next {
    right: 3%
  }

  .eg .owl-carousel .owl-nav .owl-prev,
  .eg .owl-carousel .owl-nav .owl-next {
    width: 9.375vw
  }

  .eg-sliderCaption-child {
    padding: 3.125vw
  }

  .eg-sliderCaption-num {
    float: left;
    width: 12%;
    font-size: 45px;
    font-size: 4.5rem
  }

  .eg-sliderCaption-text {
    float: left;
    width: 88%;
    padding-left: 0
  }

  .eg-sliderCaption-title {
    font-size: 18px;
    font-size: 1.8rem
  }

  .eg-sliderCaption-sub {
    font-size: 12px;
    font-size: 1.2rem
  }

  .eg-mod-head01 {
    margin-bottom: 7.8125vw;
    padding: 4.6875vw 0 0
  }

  .eg-mod-head01-en {
    padding-bottom: 4.6875vw
  }

  .catalog-idx-main-block {
    padding: 3.125vw 5%
  }

  .catalog-idx-main-block-text {
    float: none;
    width: 100%
  }

  .catalog-idx-main-block-text-title {
    font-size: 20px;
    font-size: 2.0rem
  }

  .catalog-idx-main-block-link {
    float: none;
    width: 100%;
    margin-top: 4.6875vw;
    text-align: center
  }

  .catalog-idx-dist {
    padding-left: 20.86957%
  }

  .catalog-idx-dist-image {
    top: 0;
    left: 0;
    width: 17.3913%
  }

  .catalog-idx-dist-block {
    width: 100%;
    padding-top: 5.21739%;
    padding-left: 5.21739%
  }

  .catalog-idx-dist-block-title {
    font-size: 18px;
    font-size: 1.8rem
  }

  .catalog-idx-dist-block-sub {
    font-size: 14px;
    font-size: 1.4rem
  }

  .catalog-idx-dist-det {
    padding-left: 5.21739%
  }

  .catalog-idx-dist-det-icon {
    font-size: 12px;
    font-size: 1.2rem
  }

  .catalog-idx-list-li-a {
    display: -ms-flexbox;
    display: flex
  }

  .catalog-idx-list-li-thum {
    width: 20%;
    padding-top: 1.5625vw;
    padding-bottom: 1.5625vw
  }

  .catalog-idx-list-li-thum-image {
    width: 50%
  }

  .catalog-idx-list-li-text {
    width: 80%
  }

  .catalog-idx-request-block {
    padding-bottom: 12.5vw
  }

  .catalog-idx-request-block:before {
    width: 100%;
    padding-top: 80%;
    opacity: .2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"
  }

  .catalog-det-block-image {
    padding-top: 3.125vw;
    padding-bottom: 3.125vw
  }

  .catalog-det-block-image img {
    width: 30%
  }

  .catalog-det-block-text {
    margin-top: 4.6875vw;
    padding-left: 0
  }

  .news-list-backNum {
    position: static;
    text-align: right;
    padding: 10px
  }

  .news-detail-body .mod-tbl03 th {
    padding: 10px
  }

  .sr-idx-search-contact:before {
    left: 1.5625vw;
    width: 28.64865%;
    padding-top: 34.86486%
  }

  .sr-main-sound-ribbon {
    background: none;
    background-color: #fff;
    position: relative;
    width: 100%;
    height: auto;
    font-size: 2.0rem
  }

  .sr-main-sound-ribbon .fs_middle_m {
    font-size: 2.4rem
  }

  .sr-main-sound-content-item {
    width: 100%
  }

  .sr-mainVisual-img {
    height: 29.6875vw
  }

  .sr-main .sr-mainVisual-img {
    height: 42.1875vw
  }

  .sr-mainVisual-thumb {
    height: 50px;
    margin-top: 0;
    background-color: #000
  }

  .sr-mainVisual-thumb-carousel .owl-item {
    height: 30px
  }

  .sr-mainVisual-thumb-carousel .owl-prev,
  .sr-mainVisual-thumb-carousel .owl-next {
    font-size: 2.0rem
  }

  .sr-main-caution {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .sr-main-caution-img {
    width: 100%;
    padding: 10px 0
  }

  .sr-main-caution-img img {
    width: auto
  }

  .sr .mod-head02 .sr-banner {
    position: static;
    top: auto;
    right: auto;
    width: 100%;
    padding-bottom: 4.6875vw;
    text-align: center;
    -ms-transform: translateY(0);
    transform: translateY(0)
  }

  .sr .mod-head02 .sr-banner img {
    width: 36.71875%
  }

  .sr-floor-marks {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .sr-floor-marks span {
    padding: 0
  }

  .sr-floor-marks-text {
    width: 100%
  }

  .sr-access-text {
    border-right: none
  }

  .sr-access-text .pure-u-3-4 p {
    padding-left: 20px
  }

  .sr-access-map {
    padding-left: 0
  }

  .sr-reserve .mod-contact-tel {
    width: 100%
  }

  .sr-reserve .mod-contact-tel .icon-tel {
    top: 8px;
    font-size: 3.5rem
  }

  .sr-reserve .mod-contact-tel-num {
    font-size: 2.5rem
  }

  .mod-modal-overlay .sr-modal {
    top: 25%;
    -ms-transform: translateY(-25%);
    transform: translateY(-25%)
  }

  .mod-modal-overlay .sr-modal img {
    max-height: 250px
  }

  .sr-guide-block {
    background-size: auto 100%
  }

  .sr-guide-block_2 {
    color: #333
  }

  .sr-guide-head-num {
    font-size: 7.0rem;
    padding-left: 20px
  }

  .sr-guide-head-lead .fs_large {
    font-size: 2.0rem
  }

  .sr-guide-head2-lead2 {
    width: 100%
  }

  .sr-guide-check-bg {
    display: none
  }

  .sr-guide-catalog {
    background: #f9f9f9
  }

  .sr-guide-catalog .sr-guide-head2 {
    margin-bottom: 20px
  }

  .sr-guide-catalog .sr-guide-bottom {
    padding: 15px 0 5px
  }

  .sr-guide-catalog .mod-button {
    display: block;
    margin: 0 0 10px
  }

  .sr-guide-layout {
    background: #f9f9f9
  }

  .sr-guide-layout .sr-guide-head2 {
    margin-bottom: 20px
  }

  .sr-guide-tab {
    font-size: 1.2rem
  }

  .sr-soundsr-num {
    margin-right: 5px;
    font-size: 26px;
    font-size: 2.6rem
  }

  .sr-head {
    text-align: center
  }

  .sr-head-button {
    position: static;
    top: auto;
    right: auto;
    width: 15%;
    margin-top: 3.125vw;
    -ms-transform: translateY(0);
    transform: translateY(0)
  }

  .support-idx-example {
    background-size: 100%
  }

  .support-idx-mente-lead {
    font-size: 1.4rem
  }

  .support-idx-mente-left {
    padding-left: 0
  }

  .support-idx-mente-left .mod-button {
    margin-bottom: 20px
  }

  .support-inquiry-box .mod-contact-tel-detail {
    padding-left: 17.1875vw
  }

  .support-inquiry-tel {
    padding: 10px
  }

  .support-inquiry-search .mod-search .icon-search {
    display: none
  }

  .support-inquiry-search .mod-search input[type=text] {
    width: 100%
  }

  .support-inquiry-search .mod-search input[type=submit] {
    display: block;
    width: 50%;
    margin: 10px auto 0
  }

  .support-faq-search .mod-search .icon-search {
    display: none
  }

  .support-faq-search .mod-search input[type=text] {
    width: 100%
  }

  .support-faq-search .mod-search input[type=submit] {
    display: block;
    width: 50%;
    margin: 10px auto 0
  }

  .support-faq-list-head img {
    width: 40px
  }

  .support-faq-list-item {
    padding: 10px 10px 10px 40px
  }

  .support-faq-list-item:before {
    font-size: 2.3rem;
    left: 10px
  }

  .support-faq-list-item span {
    margin-bottom: 5px
  }

  .support-faq-detail-head-a {
    padding: 0 0 0 40px
  }

  .support-faq-detail-head-a-li {
    padding: 3.125vw
  }

  .support-faq-detail-head-q {
    padding: 0 40px
  }

  .support-faq-detail-body .blockBODY {
    padding: 10px
  }

  .support-faq-detail-body .round {
    display: block;
    padding: 10px 0
  }

  .support-faq-detail-body .roundRED,
  .support-faq-detail-body .roundYELLOW,
  .support-faq-detail-body .roundBLUE,
  .support-faq-detail-body .roundGRAY {
    display: block;
    margin-bottom: 0
  }

  .support-faq-detail-body .imgLEFT,
  .support-faq-detail-body .imgRIGHT {
    float: none;
    text-align: center;
    margin: 10px 0
  }

  .support-faq-detail-body br.clear {
    display: none
  }

  .support-faq-detail-body .pdfLINK {
    width: 100%
  }

  .support-faq-detail-body .eviry-baseplayer {
    width: 100%
  }

  .support-faq-detail-contact {
    margin-top: 40px
  }

  .support-faq-detail-contact h3 {
    font-size: 2.0rem;
    padding-bottom: 0
  }

  .support-form-tbl>tbody>tr>th {
    width: 100%
  }

  .support-form-tbl.mod-tbl01 td {
    padding: 10px
  }

  .support-form td.support-form-photo {
    padding: 10px 0
  }

  .support-form td.support-form-photo .mod-tbl01 tr[data-view="pc tablet"] {
    display: none
  }

  .support-form td.support-form-photo .mod-tbl01 th,
  .support-form td.support-form-photo .mod-tbl01 td {
    width: 100%
  }

  .support-form td.support-form-photo .mod-tbl01 td input[type=text] {
    display: block;
    width: 100%;
    margin-top: 5px
  }

  .support-form td.support-form-photo .mod-tbl01 td .mod-inputFile {
    margin-right: 0
  }

  .support-form-parts .support-form-tbl th img {
    float: left;
    width: 40%
  }

  .support-form-parts .support-form-tbl th .mod-tbl01 {
    float: right;
    width: 50%;
    margin-bottom: 10px
  }

  .support-form-parts .support-form-tbl th .mod-tbl01 th {
    width: 100%
  }

  .support-form-parts-content>div {
    width: 33.333%;
    font-size: 1.0rem
  }

  .support-form-parts-content>div:nth-child(3n) {
    border-right: 1px solid #b3b3b3
  }

  .support-form-parts-content>div:nth-child(4n) {
    border-right: none
  }

  .support-form-parts-content>div:last-child {
    border-right: 1px solid #b3b3b3
  }

  .pro-head {
    text-align: center
  }

  .pro-head-button {
    position: relative;
    top: auto;
    right: auto;
    margin-top: 10px
  }

  .pro-main-text {
    display: block;
    position: relative;
    top: auto;
    left: auto;
    -ms-transform: none;
    transform: none;
    text-shadow: none;
    font-size: 1.6rem;
    padding: 10px
  }

  .pro-main-bottom {
    position: relative;
    text-align: center
  }

  .pro-product-prodList-item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .pro-product-prodList-name {
    width: 100%;
    margin-bottom: 10px
  }

  .pro-product-prodList-links {
    width: 100%
  }

  .pro-product-prodList-links .mod-button-a {
    width: 49%;
    text-align: left;
    padding: 5px 10px
  }

  .pro-bottomNav {
    padding-top: 0;
    border-top: none
  }

  .pro-bottomNav-inquiry-supBtn {
    position: relative;
    top: auto;
    right: auto;
    margin-bottom: 20px
  }

  .pro-bottomNav-inquiry-mail,
  .pro-bottomNav-inquiry-tel {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .pro-bottomNav-inquiry-mail .fs_middle_x {
    font-size: 1.8rem
  }

  .pro-categoryList .mod-menuList03-li {
    margin-right: 0
  }

  .width-md-5 {
    width: 5%
  }

  .width-md-10 {
    width: 10%
  }

  .width-md-15 {
    width: 15%
  }

  .width-md-20 {
    width: 20%
  }

  .width-md-25 {
    width: 25%
  }

  .width-md-30 {
    width: 30%
  }

  .width-md-35 {
    width: 35%
  }

  .width-md-40 {
    width: 40%
  }

  .width-md-45 {
    width: 45%
  }

  .width-md-50 {
    width: 50%
  }

  .width-md-55 {
    width: 55%
  }

  .width-md-60 {
    width: 60%
  }

  .width-md-65 {
    width: 65%
  }

  .width-md-70 {
    width: 70%
  }

  .width-md-75 {
    width: 75%
  }

  .width-md-80 {
    width: 80%
  }

  .width-md-85 {
    width: 85%
  }

  .width-md-90 {
    width: 90%
  }

  .width-md-95 {
    width: 95%
  }

  .width-md-100 {
    width: 100%
  }

  .space-u-5 {
    margin-top: -.78125vw;
    margin-left: -.78125vw
  }

  .space-u-5-child {
    padding-top: .78125vw;
    padding-left: .78125vw
  }

  .space-u-10 {
    margin-top: -1.5625vw;
    margin-left: -1.5625vw
  }

  .space-u-10-child {
    padding-top: 1.5625vw;
    padding-left: 1.5625vw
  }

  .space-u-15 {
    margin-top: -2.34375vw;
    margin-left: -2.34375vw
  }

  .space-u-15-child {
    padding-top: 2.34375vw;
    padding-left: 2.34375vw
  }

  .space-u-20 {
    margin-top: -3.125vw;
    margin-left: -3.125vw
  }

  .space-u-20-child {
    padding-top: 3.125vw;
    padding-left: 3.125vw
  }

  .space-u-25 {
    margin-top: -3.90625vw;
    margin-left: -3.90625vw
  }

  .space-u-25-child {
    padding-top: 3.90625vw;
    padding-left: 3.90625vw
  }

  .space-u-30 {
    margin-top: -4.6875vw;
    margin-left: -4.6875vw
  }

  .space-u-30-child {
    padding-top: 4.6875vw;
    padding-left: 4.6875vw
  }

  .space-u-35 {
    margin-top: -5.46875vw;
    margin-left: -5.46875vw
  }

  .space-u-35-child {
    padding-top: 5.46875vw;
    padding-left: 5.46875vw
  }

  .space-u-40 {
    margin-top: -6.25vw;
    margin-left: -6.25vw
  }

  .space-u-40-child {
    padding-top: 6.25vw;
    padding-left: 6.25vw
  }

  .space-u-45 {
    margin-top: -7.03125vw;
    margin-left: -7.03125vw
  }

  .space-u-45-child {
    padding-top: 7.03125vw;
    padding-left: 7.03125vw
  }

  .space-u-50 {
    margin-top: -7.8125vw;
    margin-left: -7.8125vw
  }

  .space-u-50-child {
    padding-top: 7.8125vw;
    padding-left: 7.8125vw
  }

  .space-u-55 {
    margin-top: -8.59375vw;
    margin-left: -8.59375vw
  }

  .space-u-55-child {
    padding-top: 8.59375vw;
    padding-left: 8.59375vw
  }

  .space-u-60 {
    margin-top: -9.375vw;
    margin-left: -9.375vw
  }

  .space-u-60-child {
    padding-top: 9.375vw;
    padding-left: 9.375vw
  }

  .space-u-65 {
    margin-top: -10.15625vw;
    margin-left: -10.15625vw
  }

  .space-u-65-child {
    padding-top: 10.15625vw;
    padding-left: 10.15625vw
  }

  .space-u-70 {
    margin-top: -10.9375vw;
    margin-left: -10.9375vw
  }

  .space-u-70-child {
    padding-top: 10.9375vw;
    padding-left: 10.9375vw
  }

  .space-u-75 {
    margin-top: -11.71875vw;
    margin-left: -11.71875vw
  }

  .space-u-75-child {
    padding-top: 11.71875vw;
    padding-left: 11.71875vw
  }

  .space-u-80 {
    margin-top: -12.5vw;
    margin-left: -12.5vw
  }

  .space-u-80-child {
    padding-top: 12.5vw;
    padding-left: 12.5vw
  }

  .space-u-85 {
    margin-top: -13.28125vw;
    margin-left: -13.28125vw
  }

  .space-u-85-child {
    padding-top: 13.28125vw;
    padding-left: 13.28125vw
  }

  .space-u-90 {
    margin-top: -14.0625vw;
    margin-left: -14.0625vw
  }

  .space-u-90-child {
    padding-top: 14.0625vw;
    padding-left: 14.0625vw
  }

  .space-u-95 {
    margin-top: -14.84375vw;
    margin-left: -14.84375vw
  }

  .space-u-95-child {
    padding-top: 14.84375vw;
    padding-left: 14.84375vw
  }

  .space-u-100 {
    margin-top: -15.625vw;
    margin-left: -15.625vw
  }

  .space-u-100-child {
    padding-top: 15.625vw;
    padding-left: 15.625vw
  }

  .m5 {
    margin: .78125vw
  }

  .mt5 {
    margin-top: .78125vw
  }

  .mb5 {
    margin-bottom: .78125vw
  }

  .mr5 {
    margin-right: .78125vw
  }

  .ml5 {
    margin-left: .78125vw
  }

  .p5 {
    padding: .78125vw
  }

  .pt5 {
    padding-top: .78125vw
  }

  .pr5 {
    padding-right: .78125vw
  }

  .pb5 {
    padding-bottom: .78125vw
  }

  .pl5 {
    padding-left: .78125vw
  }

  .idt5 {
    text-indent: -.78125vw
  }

  .m10 {
    margin: 1.5625vw
  }

  .mt10 {
    margin-top: 1.5625vw
  }

  .mb10 {
    margin-bottom: 1.5625vw
  }

  .mr10 {
    margin-right: 1.5625vw
  }

  .ml10 {
    margin-left: 1.5625vw
  }

  .p10 {
    padding: 1.5625vw
  }

  .pt10 {
    padding-top: 1.5625vw
  }

  .pr10 {
    padding-right: 1.5625vw
  }

  .pb10 {
    padding-bottom: 1.5625vw
  }

  .pl10 {
    padding-left: 1.5625vw
  }

  .idt10 {
    text-indent: -1.5625vw
  }

  .m15 {
    margin: 2.34375vw
  }

  .mt15 {
    margin-top: 2.34375vw
  }

  .mb15 {
    margin-bottom: 2.34375vw
  }

  .mr15 {
    margin-right: 2.34375vw
  }

  .ml15 {
    margin-left: 2.34375vw
  }

  .p15 {
    padding: 2.34375vw
  }

  .pt15 {
    padding-top: 2.34375vw
  }

  .pr15 {
    padding-right: 2.34375vw
  }

  .pb15 {
    padding-bottom: 2.34375vw
  }

  .pl15 {
    padding-left: 2.34375vw
  }

  .idt15 {
    text-indent: -2.34375vw
  }

  .m20 {
    margin: 3.125vw
  }

  .mt20 {
    margin-top: 3.125vw
  }

  .mb20 {
    margin-bottom: 3.125vw
  }

  .mr20 {
    margin-right: 3.125vw
  }

  .ml20 {
    margin-left: 3.125vw
  }

  .p20 {
    padding: 3.125vw
  }

  .pt20 {
    padding-top: 3.125vw
  }

  .pr20 {
    padding-right: 3.125vw
  }

  .pb20 {
    padding-bottom: 3.125vw
  }

  .pl20 {
    padding-left: 3.125vw
  }

  .idt20 {
    text-indent: -3.125vw
  }

  .m25 {
    margin: 3.90625vw
  }

  .mt25 {
    margin-top: 3.90625vw
  }

  .mb25 {
    margin-bottom: 3.90625vw
  }

  .mr25 {
    margin-right: 3.90625vw
  }

  .ml25 {
    margin-left: 3.90625vw
  }

  .p25 {
    padding: 3.90625vw
  }

  .pt25 {
    padding-top: 3.90625vw
  }

  .pr25 {
    padding-right: 3.90625vw
  }

  .pb25 {
    padding-bottom: 3.90625vw
  }

  .pl25 {
    padding-left: 3.90625vw
  }

  .idt25 {
    text-indent: -3.90625vw
  }

  .m30 {
    margin: 4.6875vw
  }

  .mt30 {
    margin-top: 4.6875vw
  }

  .mb30 {
    margin-bottom: 4.6875vw
  }

  .mr30 {
    margin-right: 4.6875vw
  }

  .ml30 {
    margin-left: 4.6875vw
  }

  .p30 {
    padding: 4.6875vw
  }

  .pt30 {
    padding-top: 4.6875vw
  }

  .pr30 {
    padding-right: 4.6875vw
  }

  .pb30 {
    padding-bottom: 4.6875vw
  }

  .pl30 {
    padding-left: 4.6875vw
  }

  .idt30 {
    text-indent: -4.6875vw
  }

  .m35 {
    margin: 5.46875vw
  }

  .mt35 {
    margin-top: 5.46875vw
  }

  .mb35 {
    margin-bottom: 5.46875vw
  }

  .mr35 {
    margin-right: 5.46875vw
  }

  .ml35 {
    margin-left: 5.46875vw
  }

  .p35 {
    padding: 5.46875vw
  }

  .pt35 {
    padding-top: 5.46875vw
  }

  .pr35 {
    padding-right: 5.46875vw
  }

  .pb35 {
    padding-bottom: 5.46875vw
  }

  .pl35 {
    padding-left: 5.46875vw
  }

  .idt35 {
    text-indent: -5.46875vw
  }

  .m40 {
    margin: 6.25vw
  }

  .mt40 {
    margin-top: 6.25vw
  }

  .mb40 {
    margin-bottom: 6.25vw
  }

  .mr40 {
    margin-right: 6.25vw
  }

  .ml40 {
    margin-left: 6.25vw
  }

  .p40 {
    padding: 6.25vw
  }

  .pt40 {
    padding-top: 6.25vw
  }

  .pr40 {
    padding-right: 6.25vw
  }

  .pb40 {
    padding-bottom: 6.25vw
  }

  .pl40 {
    padding-left: 6.25vw
  }

  .idt40 {
    text-indent: -6.25vw
  }

  .m45 {
    margin: 7.03125vw
  }

  .mt45 {
    margin-top: 7.03125vw
  }

  .mb45 {
    margin-bottom: 7.03125vw
  }

  .mr45 {
    margin-right: 7.03125vw
  }

  .ml45 {
    margin-left: 7.03125vw
  }

  .p45 {
    padding: 7.03125vw
  }

  .pt45 {
    padding-top: 7.03125vw
  }

  .pr45 {
    padding-right: 7.03125vw
  }

  .pb45 {
    padding-bottom: 7.03125vw
  }

  .pl45 {
    padding-left: 7.03125vw
  }

  .idt45 {
    text-indent: -7.03125vw
  }

  .m50 {
    margin: 7.8125vw
  }

  .mt50 {
    margin-top: 7.8125vw
  }

  .mb50 {
    margin-bottom: 7.8125vw
  }

  .mr50 {
    margin-right: 7.8125vw
  }

  .ml50 {
    margin-left: 7.8125vw
  }

  .p50 {
    padding: 7.8125vw
  }

  .pt50 {
    padding-top: 7.8125vw
  }

  .pr50 {
    padding-right: 7.8125vw
  }

  .pb50 {
    padding-bottom: 7.8125vw
  }

  .pl50 {
    padding-left: 7.8125vw
  }

  .idt50 {
    text-indent: -7.8125vw
  }

  .m55 {
    margin: 8.59375vw
  }

  .mt55 {
    margin-top: 8.59375vw
  }

  .mb55 {
    margin-bottom: 8.59375vw
  }

  .mr55 {
    margin-right: 8.59375vw
  }

  .ml55 {
    margin-left: 8.59375vw
  }

  .p55 {
    padding: 8.59375vw
  }

  .pt55 {
    padding-top: 8.59375vw
  }

  .pr55 {
    padding-right: 8.59375vw
  }

  .pb55 {
    padding-bottom: 8.59375vw
  }

  .pl55 {
    padding-left: 8.59375vw
  }

  .idt55 {
    text-indent: -8.59375vw
  }

  .m60 {
    margin: 9.375vw
  }

  .mt60 {
    margin-top: 9.375vw
  }

  .mb60 {
    margin-bottom: 9.375vw
  }

  .mr60 {
    margin-right: 9.375vw
  }

  .ml60 {
    margin-left: 9.375vw
  }

  .p60 {
    padding: 9.375vw
  }

  .pt60 {
    padding-top: 9.375vw
  }

  .pr60 {
    padding-right: 9.375vw
  }

  .pb60 {
    padding-bottom: 9.375vw
  }

  .pl60 {
    padding-left: 9.375vw
  }

  .idt60 {
    text-indent: -9.375vw
  }

  .m65 {
    margin: 10.15625vw
  }

  .mt65 {
    margin-top: 10.15625vw
  }

  .mb65 {
    margin-bottom: 10.15625vw
  }

  .mr65 {
    margin-right: 10.15625vw
  }

  .ml65 {
    margin-left: 10.15625vw
  }

  .p65 {
    padding: 10.15625vw
  }

  .pt65 {
    padding-top: 10.15625vw
  }

  .pr65 {
    padding-right: 10.15625vw
  }

  .pb65 {
    padding-bottom: 10.15625vw
  }

  .pl65 {
    padding-left: 10.15625vw
  }

  .idt65 {
    text-indent: -10.15625vw
  }

  .m70 {
    margin: 10.9375vw
  }

  .mt70 {
    margin-top: 10.9375vw
  }

  .mb70 {
    margin-bottom: 10.9375vw
  }

  .mr70 {
    margin-right: 10.9375vw
  }

  .ml70 {
    margin-left: 10.9375vw
  }

  .p70 {
    padding: 10.9375vw
  }

  .pt70 {
    padding-top: 10.9375vw
  }

  .pr70 {
    padding-right: 10.9375vw
  }

  .pb70 {
    padding-bottom: 10.9375vw
  }

  .pl70 {
    padding-left: 10.9375vw
  }

  .idt70 {
    text-indent: -10.9375vw
  }

  .m75 {
    margin: 11.71875vw
  }

  .mt75 {
    margin-top: 11.71875vw
  }

  .mb75 {
    margin-bottom: 11.71875vw
  }

  .mr75 {
    margin-right: 11.71875vw
  }

  .ml75 {
    margin-left: 11.71875vw
  }

  .p75 {
    padding: 11.71875vw
  }

  .pt75 {
    padding-top: 11.71875vw
  }

  .pr75 {
    padding-right: 11.71875vw
  }

  .pb75 {
    padding-bottom: 11.71875vw
  }

  .pl75 {
    padding-left: 11.71875vw
  }

  .idt75 {
    text-indent: -11.71875vw
  }

  .m80 {
    margin: 12.5vw
  }

  .mt80 {
    margin-top: 12.5vw
  }

  .mb80 {
    margin-bottom: 12.5vw
  }

  .mr80 {
    margin-right: 12.5vw
  }

  .ml80 {
    margin-left: 12.5vw
  }

  .p80 {
    padding: 12.5vw
  }

  .pt80 {
    padding-top: 12.5vw
  }

  .pr80 {
    padding-right: 12.5vw
  }

  .pb80 {
    padding-bottom: 12.5vw
  }

  .pl80 {
    padding-left: 12.5vw
  }

  .idt80 {
    text-indent: -12.5vw
  }

  .m85 {
    margin: 13.28125vw
  }

  .mt85 {
    margin-top: 13.28125vw
  }

  .mb85 {
    margin-bottom: 13.28125vw
  }

  .mr85 {
    margin-right: 13.28125vw
  }

  .ml85 {
    margin-left: 13.28125vw
  }

  .p85 {
    padding: 13.28125vw
  }

  .pt85 {
    padding-top: 13.28125vw
  }

  .pr85 {
    padding-right: 13.28125vw
  }

  .pb85 {
    padding-bottom: 13.28125vw
  }

  .pl85 {
    padding-left: 13.28125vw
  }

  .idt85 {
    text-indent: -13.28125vw
  }

  .m90 {
    margin: 14.0625vw
  }

  .mt90 {
    margin-top: 14.0625vw
  }

  .mb90 {
    margin-bottom: 14.0625vw
  }

  .mr90 {
    margin-right: 14.0625vw
  }

  .ml90 {
    margin-left: 14.0625vw
  }

  .p90 {
    padding: 14.0625vw
  }

  .pt90 {
    padding-top: 14.0625vw
  }

  .pr90 {
    padding-right: 14.0625vw
  }

  .pb90 {
    padding-bottom: 14.0625vw
  }

  .pl90 {
    padding-left: 14.0625vw
  }

  .idt90 {
    text-indent: -14.0625vw
  }

  .m95 {
    margin: 14.84375vw
  }

  .mt95 {
    margin-top: 14.84375vw
  }

  .mb95 {
    margin-bottom: 14.84375vw
  }

  .mr95 {
    margin-right: 14.84375vw
  }

  .ml95 {
    margin-left: 14.84375vw
  }

  .p95 {
    padding: 14.84375vw
  }

  .pt95 {
    padding-top: 14.84375vw
  }

  .pr95 {
    padding-right: 14.84375vw
  }

  .pb95 {
    padding-bottom: 14.84375vw
  }

  .pl95 {
    padding-left: 14.84375vw
  }

  .idt95 {
    text-indent: -14.84375vw
  }

  .m100 {
    margin: 15.625vw
  }

  .mt100 {
    margin-top: 15.625vw
  }

  .mb100 {
    margin-bottom: 15.625vw
  }

  .mr100 {
    margin-right: 15.625vw
  }

  .ml100 {
    margin-left: 15.625vw
  }

  .p100 {
    padding: 15.625vw
  }

  .pt100 {
    padding-top: 15.625vw
  }

  .pr100 {
    padding-right: 15.625vw
  }

  .pb100 {
    padding-bottom: 15.625vw
  }

  .pl100 {
    padding-left: 15.625vw
  }

  .idt100 {
    text-indent: -15.625vw
  }

  .opacity a:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
  }
}

@media screen and (max-width:1130px) {
  .header-globalNav-item {
    font-size: 1.3rem
  }

  .footer-nav-item {
    font-size: 1.2rem
  }
}

@media screen and (max-width:61.25em) {

  .company-info-base-tel,
  .company-info-base-fax {
    display: block
  }

  .company-info-base-fax {
    margin-left: 0
  }
}

@media print {
  .print_none {
    display: none
  }
}

.header {
  position: relative;
  width: 100%;
  overflow: hidden
}

.header .head-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 75px;
  border: 1px solid #bbb;
  border-width: 1px 0;
  background-color: #fff
}

.header .daiken-logo img {
  width: 122px
}

.header .daiken-logo a {
  display: block;
  min-width: 157px;
  height: 0;
  padding: 73px 0 0;
  overflow: hidden;
  background: url(/common/images/daiken_logo.svg) center center no-repeat;
  background-size: 122px 26px;
  line-height: 30em
}

.header .daiken-logo a:hover {
  background: url(/common/images/daiken_logo_w.svg) center center no-repeat #0081cc;
  background-size: 122px 26px
}

.header a {
  opacity: 1;
  -webkit-transition: .4s ease-in-out;
  transition: .4s ease-in-out
}

.header .main-menu {
  position: absolute;
  top: 0;
  display: table;
  table-layout: fixed;
  background-color: #fff
}

.header .main-menu li.pc-hide {
  display: none !important
}

.header .main-menu li.cate {
  display: table-cell;
  height: 73px;
  border-left: 1px solid #bbb;
  color: #333;
  font-size: 10px;
  font-size: 1rem;
  text-align: center;
  vertical-align: middle
}

.header .main-menu li.cate em {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  font-style: normal;
  line-height: 1.4
}

.header .main-menu .submenu-body,
.header .option-menu .submenu-body {
  opacity: 0;
  position: absolute;
  top: 74px;
  left: -210px;
  z-index: 100;
  width: 100vw;
  max-height: 0;
  padding: 0 2%;
  overflow: hidden;
  background: #fff;
  transition: all .3s ease-in
}

.main-menu>li.g-sub-menu:hover .submenu-body,
.option-menu>li.g-sub-menu:hover .submenu-body {
  max-height: 9999px;
  opacity: 1;
  padding: 30px 2% 20px
}

.header .main-menu .submenu-body-wrap {
  position: relative;
  margin: auto;
  max-width: 1200px
}

.header .toggle {
  display: block
}

.header .main-menu .submenu-body li a {
  position: relative;
  line-height: 1.4
}

.header .main-menu .submenu-body .submenu-link-list {
  width: 25%;
  margin-bottom: 20px;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: left
}

.header .main-menu .submenu-body .submenu-link-list a {
  display: block;
  margin: 0 20px 15px 40px;
  border-bottom: 1px solid #999
}

.header .main-menu .submenu-body .submenu-link-list ul {
  display: block;
  padding-top: 10px;
  overflow: hidden
}

.header .main-menu .submenu-body .submenu-link-list ul li a {
  margin-top: 0;
  margin-left: 40px;
  border-bottom: none
}

.header .main-menu .submenu-body .submenu-link-list ul li a:before {
  position: absolute;
  top: .5em;
  left: -15px;
  display: inline-block;
  content: "\EA06";
  font-family: daiken-fonts;
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  font-size: 1rem;
  line-height: 1
}

.header .main-menu .submenu-body .submenu-link-list .pro-icon a,
.header .main-menu .submenu-body .submenu-link-list .sr-icon a {
  display: block;
  margin: 0 20px 25px 55px;
  border-bottom: 1px dotted #999;
  font-size: 15px;
  font-size: 1.5rem;
  text-align: left
}

.header .main-menu .submenu-body .submenu-link-list .pro-icon a:before,
.header .main-menu .submenu-body .submenu-link-list .sr-icon a:before {
  position: absolute;
  top: 0;
  left: -40px;
  display: inline-block;
  font-family: daiken-fonts;
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1
}

.header .main-menu .submenu-body .submenu-link-list .pro-icon:first-child a:before {
  content: "\EA29" !important
}

.header .main-menu .submenu-body .submenu-link-list .pro-icon:nth-child(2) a:before {
  content: "\EA30" !important
}

.header .main-menu .submenu-body .submenu-link-list .pro-icon:nth-child(3) a:before {
  content: "\EA31" !important
}

.header .main-menu .submenu-body .submenu-link-list .pro-icon:nth-child(4) a:before {
  content: "\EA32" !important
}

.header .main-menu .submenu-body .submenu-link-list .pro-icon:nth-child(5) a:before {
  content: "\EA33" !important
}

.header .main-menu .submenu-body .submenu-link-list .sr-icon:first-child a:before {
  content: "\EA86" !important
}

.header .main-menu .submenu-body .submenu-link-list .sr-icon:nth-child(2) a:before {
  content: "\EA88" !important
}

.header .main-menu .submenu-body .submenu-link-list .sr-icon:nth-child(3) a:before {
  content: "\EA85" !important
}

.header .main-menu .submenu-body .submenu-link-list .sr-icon:nth-child(4) a:before {
  content: "\EA87" !important
}

.header .main-menu .submenu-body .submenu-link-list .sr-icon:nth-child(5) a:before {
  content: "\EA84" !important
}

.header .main-menu .submenu-body .submenu-link-list a:before {
  position: absolute;
  left: -40px;
  display: inline-block;
  font-family: daiken-fonts;
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1
}

.header .main-menu .submenu-body .split-left {
  float: left;
  clear: both;
  width: 25%;
  margin-left: 50%;
  z-index: 0
}

.header .main-menu .submenu-body .product-position-01 {
  margin-top: -5.3em
}

.header .main-menu .submenu-body .product-position-02 {
  margin-left: 75%;
  margin-top: -4em
}

.header .main-menu .submenu-body .split {
  float: left;
  width: 25%
}

.header .main-menu .submenu-body .split-2 {
  width: 50%
}

.header .main-menu .submenu-body .product-position,
.header .main-menu .submenu-body .sr-position {
  position: absolute;
  right: 0;
  top: 0
}

.header .main-menu .submenu-body .sr-position {
  top: 30px;
  width: 48%
}

.header .main-menu .submenu-body .split li {
  position: relative;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: left
}

.header .main-menu .submenu-body .split-2 li {
  float: left;
  position: relative;
  width: 50%;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: left
}

.header .main-menu .submenu-body .split-2 li:nth-child(2n) {
  float: left
}

.header .contents-link-button {
  position: relative;
  clear: both;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center
}

.header .contents-link-button span a {
  position: relative;
  display: inline-block;
  margin: 10px auto 0;
  padding: 15px 10px;
  border: 1px solid #0081cc;
  width: 40%;
  background-color: #0081cc;
  color: #fff;
  text-align: center;
  line-height: 1
}

.header .contents-link-button span a:before {
  position: absolute;
  top: 40%;
  left: .5em;
  display: inline-block;
  content: "\EA06";
  font-family: daiken-fonts;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1
}

.header .contents-link-button span a:hover {
  background-color: #fff;
  border: 1px solid #0081cc;
  color: #0081cc
}

.header .main-menu .submenu-body .sr-map-head {
  width: 50%
}

.header .main-menu .submenu-body .sr-map-head .catch {
  position: absolute;
  top: 1em;
  left: 1em;
  padding: 10px;
  border-left: 4px solid #ccc;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: left
}

.header .main-menu .submenu-body .sr-map-head img {
  margin: auto
}

.header .main-menu .submenu-body .map-area {
  position: relative;
  display: block;
  width: 100%;
  max-width: 440px;
  margin: auto;
  text-align: center
}

.header .main-menu .submenu-body .map-area ol li {
  position: absolute
}

.header .main-menu .submenu-body .map-area ol li a {
  display: block;
  margin: 0;
  padding: .7rem 1rem;
  overflow: hidden;
  background-color: #0081cc;
  border: 1px solid #0081cc;
  border-radius: 1.4rem;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: .2em
}

.header .main-menu .submenu-body .map-area ol li a:hover {
  background-color: #fff;
  border: 1px solid #0081cc;
  color: #0081cc
}

.header .main-menu .submenu-body .map-area .sapporo {
  top: 5%;
  left: 58%
}

.header .main-menu .submenu-body .map-area .sendai {
  top: 41%;
  left: 85%
}

.header .main-menu .submenu-body .map-area .kanazawa {
  top: 41%;
  left: 44%
}

.header .main-menu .submenu-body .map-area .shinjuku {
  top: 60.4%;
  left: 77%
}

.header .main-menu .submenu-body .map-area .nagoya {
  top: 84%;
  left: 49%
}

.header .main-menu .submenu-body .map-area .osaka {
  top: 54%;
  left: 33.33%
}

.header .main-menu .submenu-body .map-area .hiroshima {
  top: 54%;
  left: 18%
}

.header .main-menu .submenu-body .map-area .takamatsu {
  top: 92%;
  left: 31%
}

.header .main-menu .submenu-body .map-area .fukuoka {
  top: 66.6%;
  left: 1.9%
}

.header .option-menu {
  position: absolute;
  top: 0;
  right: 0;
  display: block
}

.header .option-menu li {
  float: left;
  width: 33.333333333333%;
  border-left: 1px solid #bbb;
  font-size: 29px;
  font-size: 2.9rem;
  line-height: 1.2;
  text-align: center
}

.header .option-menu li em {
  display: block;
  font-size: 10px;
  font-size: 1rem;
  font-style: normal;
  line-height: 1.2
}

.header .main-menu li.cate .g-menu-link,
.header .option-menu li .g-menu-link {
  display: block;
  height: 72px;
  margin: 0 2px 1px;
  border-bottom: 3px solid #fff
}

.header .main-menu li.cate .g-menu-link {
  padding-top: 2.2em
}

.header .option-menu li .g-menu-link {
  padding-top: 15px;
  color: #717171;
  cursor: pointer
}

.header .option-menu li .g-menu-link em {
  color: #333
}

.header .main-menu li.cate .g-menu-link:hover,
.header .option-menu li .g-menu-link:hover {
  border-bottom: 3px solid #0081cc;
  color: #0081cc
}

.header .main-menu .submenu-body a:hover,
.header .option-menu li .g-menu-link em:hover,
.header .option-menu li .g-menu-link:hover em {
  color: #0081cc
}

.option-menu .header-search-title {
  display: inline-block;
  padding-right: 20px;
  color: #333;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  line-height: 1
}

.option-menu .mod-search {
  padding: 20px 0;
  line-height: 1
}

.option-menu .mod-search input[type=text] {
  width: 50%;
  margin-right: 10px;
  padding: 10px 5px;
  border-radius: 4px;
  border: 1px solid #ddd;
  background-color: #fff;
  font-size: 14px;
  font-size: 1.4rem
}

.option-menu .mod-search input[type=submit] {
  display: inline-block;
  cursor: pointer;
  min-width: 80px;
  width: 10%;
  height: 35px;
  padding: 5px;
  border-radius: 4px;
  border: none;
  background-color: #0081cc;
  box-shadow: inset 0 1px 3px 0 #009ed9, 0 1px 0 1px #004267;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  vertical-align: top;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button
}

.header .sp-menu {
  display: none
}

@media screen and (min-width:1025px) and (max-width:1199px) {

  .header .main-menu .submenu-body,
  .header .main-menu .toggle {
    display: block !important
  }

  .sp-button {
    display: none
  }

  .header .daiken-logo a {
    max-width: 157px
  }

  .header .main-menu {
    left: 157px;
    width: calc(100% - 157px - 168px)
  }

  .header .main-menu .submenu-body {
    left: -157px
  }

  .header .option-menu {
    width: 168px
  }

  .header .option-menu .submenu-body {
    display: block !important;
    left: calc(-100vw + 168px)
  }
}

@media screen and (min-width:1200px) {

  .header .main-menu .submenu-body,
  .header .main-menu .toggle {
    display: block !important
  }

  .sp-button {
    display: none
  }

  .header .daiken-logo a {
    min-width: 189px;
    max-width: 210px
  }

  .header .main-menu {
    left: 210px;
    width: calc(100% - 210px - 210px)
  }

  .header .option-menu {
    width: 210px
  }

  .header .option-menu .submenu-body {
    display: block !important;
    left: calc(-100vw + 210px)
  }
}

@media screen and (min-width:768px) and (max-width:1024px) {

  .header .main-menu .submenu-body,
  .header .main-menu .toggle {
    display: block !important
  }

  .sp-button {
    display: none
  }

  .header .head-wrapper {
    height: 128px;
    border: 1px solid #bbb;
    border-width: 0 0 1px
  }

  .header .daiken-logo a {
    display: block;
    width: 157px;
    margin: auto;
    padding: 53px 0 0
  }

  .header .daiken-logo a:hover {
    opacity: .6;
    background: url(/common/images/daiken_logo.svg) center center no-repeat #fff;
    background-size: 122px 26px
  }

  .header .main-menu {
    position: relative;
    width: 100%;
    border-top: 1px solid #bbb
  }

  .header .main-menu li.cate {
    height: 73px
  }

  .header .main-menu li.cate:first-child {
    border: none
  }

  .header .main-menu .submenu-body {
    top: 75px;
    left: 0;
    padding: 0 2%
  }

  .main-menu>li.g-sub-menu:hover .submenu-body {
    padding: 20px 2% 10px
  }

  .header .main-menu .submenu-body .submenu-link-list {
    margin-bottom: 15px;
    font-size: 15px;
    font-size: 1.5rem;
    text-align: left
  }

  .header .main-menu .submenu-body .submenu-link-list a {
    display: block;
    margin: 0 15px 10px 30px
  }

  .header .main-menu .submenu-body .submenu-link-list a:before {
    left: -30px;
    font-size: 25px;
    font-size: 2.5rem
  }

  .header .main-menu .submenu-body .split-left {
    clear: none;
    width: 25%;
    margin-left: 0
  }

  .header .main-menu .submenu-body .product-position-01,
  .header .main-menu .submenu-body .product-position-02 {
    margin-top: inherit
  }

  .header .main-menu .submenu-body .clear-tab {
    clear: both
  }

  .header .main-menu .submenu-body .split {
    float: none;
    width: 100%
  }

  .header .main-menu .submenu-body .full {
    display: block;
    clear: both;
    width: 100%
  }

  .header .main-menu .submenu-body .half {
    float: left;
    width: 50%
  }

  .header .main-menu .submenu-body .split li {
    float: left;
    width: 33.333333333333%
  }

  .header .main-menu .submenu-body .split-2 {
    width: 100%
  }

  .header .main-menu .submenu-body .product-position {
    position: relative;
    right: inherit;
    top: inherit
  }

  .header .main-menu .submenu-body .split-2 li {
    width: 33.3333333333333%
  }

  .header .option-menu {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 168px
  }

  .header .option-menu li {
    float: left;
    display: block;
    width: 33.333333333333%;
    border-left: none
  }

  .header .option-menu li em {
    display: none
  }

  .header .option-menu li .g-menu-link {
    display: block;
    height: 52px;
    margin: 0 2px 1px;
    border-bottom: 3px solid #fff
  }

  .header .option-menu .submenu-body {
    display: block !important;
    top: 54px;
    left: calc(-100vw + 168px)
  }
}

@media screen and (max-width:767px) {
  .header .sp-menu {
    display: block;
    pointer-events: all
  }

  .header .toggle {
    display: none
  }

  .header .head-wrapper {
    height: 54px;
    border: 1px solid #bbb;
    border-width: 0 0 1px
  }

  .header .daiken-logo a {
    display: block;
    width: 122px;
    margin: auto;
    padding: 53px 0 0
  }

  .header .option-menu li .g-menu-link,
  .header .option-menu li .sp-menu {
    height: 52px;
    margin: 0 2px 1px;
    border-bottom: 3px solid #fff
  }

  .header .daiken-logo a:hover {
    opacity: .6;
    background: url(/common/images/daiken_logo.svg) center center no-repeat #fff;
    background-size: 122px 26px
  }

  .header .main-menu li.pc-hide {
    display: block !important
  }

  .header .option-menu {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 168px;
    table-layout: fixed
  }

  .header .option-menu li {
    float: left;
    display: block;
    width: 33.3333333333333%;
    border-left: none
  }

  .header .option-menu li .search-icon,
  .header .option-menu li em {
    display: none
  }

  .header .option-menu li .sp-menu {
    display: block;
    padding-top: 15px;
    color: #717171;
    cursor: pointer
  }

  .header .option-menu li .sp-menu:hover {
    border-bottom: 3px solid #0081cc;
    color: #0081cc
  }

  .header .option-menu .submenu-body {
    display: block !important;
    top: 54px;
    left: calc(-100vw + 168px)
  }

  .header .sp-button {
    display: block;
    position: fixed;
    top: 5px;
    left: 10px;
    z-index: 100;
    padding: 0;
    width: 32px;
    background: 0 0;
    border: none;
    color: #333;
    font-size: 1rem;
    text-align: center;
    letter-spacing: 0;
    line-height: 1;
    cursor: pointer;
    outline: 0
  }

  .header .sp-button span.bar {
    display: block;
    height: 3px;
    margin: 6px 2px;
    background-color: #717171;
    transition: all .2s;
    transform-origin: 0 0
  }

  .header .sp-button .close-sp-menu {
    display: none;
    letter-spacing: 0
  }

  .header .sp-button .menu-title {
    display: block
  }

  .header .sp-button.active span.bar {
    width: 32px
  }

  .header .sp-button.active .bar1 {
    background-color: #c00;
    transform: translateY(-3px) translateX(5px) rotate(45deg)
  }

  .header .sp-button.active .bar2 {
    opacity: 0
  }

  .header .sp-button.active .bar3 {
    background-color: #c00;
    transform: translateY(2px) translateX(3px) rotate(-45deg)
  }

  .header .sp-button.active .menu-title {
    display: none
  }

  .header .sp-button.active .close-sp-menu {
    display: block
  }

  .header .open-menu {
    right: -110%
  }

  .header .open-menu.menu-on {
    right: -17px
  }

  .header .main-menu {
    position: fixed;
    top: 54px;
    display: block;
    width: calc(100% + 17px);
    height: calc(100% - 54px);
    margin: 0;
    padding: 0;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    background: rgba(0, 0, 0, .5);
    transition: .4s ease-in-out
  }

  .header .main-menu li.cate {
    display: block;
    height: auto;
    border-left: none;
    color: #333;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.4;
    text-align: center;
    vertical-align: middle
  }

  .header .main-menu li.cate em {
    font-size: 15px;
    font-size: 1.5rem
  }

  .header .main-menu .g-menu-link span {
    display: none
  }

  .header .main-menu li.cate .g-menu-link,
  .header .main-menu li.cate .sp-menu {
    position: relative;
    display: block;
    height: auto;
    margin: 0;
    padding: 20px 10px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc;
    background-color: #ebebeb;
    font-size: 15px;
    font-size: 1.5rem;
    cursor: pointer
  }

  .header .main-menu .submenu-body,
  .main-menu>li.g-sub-menu:hover .submenu-body {
    max-height: inherit;
    opacity: 1;
    padding: 5% 10px
  }

  .header .main-menu li.cate .g-menu-link:hover,
  .header .main-menu li.cate .sp-menu:hover {
    border-bottom: 1px solid #ccc;
    color: #0081cc
  }

  .header .main-menu li.cate .g-menu-link:before,
  .header .main-menu li.cate .sp-menu:before {
    position: absolute;
    top: 42.5%;
    left: 5%;
    display: inline-block;
    content: "\EA06";
    font-family: daiken-fonts;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1
  }

  .header .main-menu li.cate .sp-menu:before {
    content: "\EA07"
  }

  .header .main-menu li.cate .sp-menu.activ:before {
    content: "\EA05"
  }

  .header .main-menu li.cate a.link-none {
    display: none
  }

  .header .main-menu .submenu-body a:hover {
    color: #0081cc
  }

  .header .main-menu .submenu-body {
    position: relative;
    top: inherit;
    left: inherit;
    z-index: 100;
    width: 100%;
    overflow: hidden;
    background: #fff;
    transition: none
  }

  .header .main-menu .submenu-body .submenu-link-list {
    display: block;
    float: none;
    clear: both;
    width: 100%;
    margin-bottom: 20px;
    font-size: 16px;
    font-size: 1.6rem;
    text-align: left
  }

  .header .main-menu .submenu-body .submenu-link-list a {
    display: block;
    margin: 0 0 0 35px;
    padding: 5px;
    border-bottom: 1px solid #999
  }

  .header .main-menu .submenu-body .submenu-link-list ul {
    padding-bottom: 20px;
    overflow: hidden
  }

  .header .main-menu .submenu-body .submenu-link-list ul li a {
    margin: 10px 0 0;
    border-bottom: 1px dotted #ccc;
    padding: 10px 0 10px 10px
  }

  .header .main-menu .submenu-body .submenu-link-list ul li {
    float: left;
    width: 48%;
    margin: 0 1%;
    font-weight: 400;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1
  }

  .header .main-menu .submenu-body .submenu-link-list ul li a:before {
    position: absolute;
    top: 42%;
    left: 0;
    display: inline-block;
    content: "\EA06";
    font-family: daiken-fonts;
    font-style: normal;
    font-weight: 400;
    font-size: 8px;
    font-size: .8rem;
    line-height: 1
  }

  .header .main-menu .submenu-body .submenu-link-list a:before {
    position: absolute;
    left: -34px;
    display: inline-block;
    font-family: daiken-fonts;
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 1
  }

  .header .main-menu .submenu-body .submenu-link-list .pro-icon,
  .header .main-menu .submenu-body .submenu-link-list .sr-icon {
    float: left;
    width: 98%;
    margin: 0 1%;
    line-height: 1
  }

  .header .main-menu .submenu-body .submenu-link-list .pro-icon a,
  .header .main-menu .submenu-body .submenu-link-list .sr-icon a {
    display: block;
    margin: 10px 0 0;
    padding-left: 35px;
    border-bottom: 1px dotted #ccc;
    font-size: 15px;
    font-size: 1.5rem;
    text-align: left
  }

  .header .main-menu .submenu-body .submenu-link-list .pro-icon a:before,
  .header .main-menu .submenu-body .submenu-link-list .sr-icon a:before {
    top: .4em;
    left: 0;
    font-size: 24px;
    font-size: 2.4rem
  }

  .header .main-menu .submenu-body .split {
    float: none;
    width: 100%
  }

  .header .main-menu .submenu-body .split-left {
    width: auto;
    margin-left: 0
  }

  .header .main-menu .submenu-body .product-position-01,
  .header .main-menu .submenu-body .product-position-02 {
    margin-top: inherit
  }

  .header .contents-link-button span a {
    width: 80%
  }

  .header .main-menu .submenu-body .sr-map-head {
    display: block;
    width: 100%
  }

  .header .main-menu .submenu-body .product-position,
  .header .main-menu .submenu-body .sr-position {
    position: relative;
    right: inherit;
    top: inherit
  }

  .header .main-menu .submenu-body .submenu-link-list.sr-position ul li {
    float: none;
    width: 100%
  }

  .header .main-menu .submenu-body .map-area ol li a {
    margin: 0;
    padding: .6rem;
    background-color: #0081cc;
    border: 1px solid #0081cc;
    border-radius: 1.2rem;
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: .1em
  }

  .option-menu .header-search-title {
    display: block;
    padding: 0 0 10px
  }

  .option-menu .mod-search {
    padding: 2% 0
  }

  .option-menu .mod-search input[type=text] {
    width: 60%;
    margin-right: 10px;
    padding: 10px 3px
  }

  .option-menu .mod-search input[type=submit] {
    min-width: 80px;
    width: 10%;
    height: 35px;
    padding: 5px
  }
}

@media screen and (max-width:400px) {
  .header .daiken-logo {
    width: calc(100% - 38px - 38px)
  }

  .header .main-menu {
    width: 100%
  }

  .header .main-menu .submenu-body .submenu-link-list ul li {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.4
  }

  .header .open-menu.menu-on {
    right: 0
  }

  .header .option-menu {
    width: 114px
  }

  .header .option-menu .submenu-body {
    display: block !important;
    top: 54px;
    left: calc(-100vw + 114px)
  }

  .header .main-menu .submenu-body .sr-map-head {
    display: block;
    width: 100%;
    text-align: left
  }

  .header .main-menu .submenu-body .sr-map-head .catch {
    position: absolute;
    top: .5em;
    left: .5em;
    padding: 5px 0 5px 8px;
    border-left: 3px solid #ccc;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5;
    text-align: left
  }

  .header .option-menu li em {
    display: none
  }
}

@media screen and (max-width:320px) {
  .header .main-menu .submenu-body .submenu-link-list ul li {
    float: none;
    width: 98%;
    margin: 0 1%;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.4
  }
}

#OVERLAY {
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100vw;
  height: 100vh;
  display: none;
  background: rgba(0, 0, 0, .7)
}

.submenu-link-list a span.new {
  color: #0081CC
}

.header-simple {
  background-color: #fff;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100
}

.header-simple .daiken-logo {
  padding: 31px 2% 0
}

@media screen and (min-width:768px) and (max-width:1000px) {
  .header-simple .daiken-logo {
    padding: 50px 0;
    text-align: center;
    width: 100%
  }
}

@media screen and (max-width:767px) {
  .header-simple {
    height: 68px
  }

  .header-simple .daiken-logo {
    padding: 20px 0;
    text-align: center;
    width: 100%
  }
}

.option-menu .submenu-body .sns-list {
  margin: auto;
  padding: 1em 0 2em;
  width: 60%;
  display: block
}

.option-menu .submenu-body .sns-list li {
  position: relative;
  float: left;
  margin: 0 1%;
  padding: 0 0 0 40px;
  width: 48%;
  display: block;
  border: none;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: left
}

.option-menu .submenu-body .sns-list a {
  padding: .2em 0;
  display: block;
  border-bottom: 1px solid #ccc
}

.option-menu .submenu-body .sns-list li:before {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 30px;
  font-size: 3rem
}

.option-menu .submenu-body .sns-list .head-instagram:before {
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  padding: 30px 0 0;
  width: 30px;
  height: 0;
  display: block;
  overflow: hidden;
  line-height: 300;
  background: url(/common/images/icon_instagram.png) no-repeat;
  background-size: 30px auto;
  content: ""
}

.option-menu .submenu-body .sns-list .icon-facebook {
  color: #3b6cb4
}

.option-menu .submenu-body .sns-list a:hover {
  color: #0081cc
}

@media screen and (min-width:768px) and (max-width:1000px) {
  .option-menu .submenu-body .sns-list {
    width: 80%
  }
}

@media screen and (max-width:767px) {
  .option-menu .submenu-body .sns-list {
    width: 90%
  }
}

@media screen and (max-width:480px) {
  .option-menu .submenu-body .sns-list {
    padding: .2em 4%;
    width: 92%;
    box-sizing: border-box
  }

  .option-menu .submenu-body .sns-list li {
    position: relative;
    float: inherit;
    margin: 0 0 1.5em 2%;
    width: 98%
  }
}

/*gmenu*/
.inc_common_footer,
.inc_common_footer.footer {
  clear: both;
  background-color: transparent;
  margin: 0;
  padding: 0;
  border: none
}

#gmenu-footer-banner {
  border-top: 1px solid #b5b5b5;
  padding: 20px 0
}

#gmenu-footer-banner>ul {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap
}

#gmenu-footer-banner>ul>li {
  flex-grow: 1;
  max-width: 20%;
  min-width: 150px;
  flex-shrink: 0;
  padding: 10px 20px
}

#gmenu-footer-banner>ul>li>a>img {
  width: 100%
}

@media (max-width: 767px) {
  #gmenu-footer-banner>ul>li {
    padding: 10px 5px;
    flex-basis: 40%;
    max-width: 40%;
    min-width: 150px
  }
}

@media (max-width: 1024px) {
  .contents {
    padding-top: 46px
  }

  #gmenu-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11000;
    width: 100%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    transition: all 1s ease;
    max-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between
  }

  #gmenu-header>.menu {
    cursor: pointer;
    z-index: 11003;
    position: absolute;
    padding: 12px 10px 13px 10px
  }

  #gmenu-header>.menu>div {
    height: 2px;
    width: 30px;
    margin-bottom: 7px;
    background-color: #333;
    border-radius: 2px
  }

  #gmenu-header>.menu>div:last-child {
    margin: 0
  }

  #gmenu-header>.menu>div:nth-child(1) {
    animation: menu-bar01 .75s ease-out forwards
  }

  #gmenu-header>.menu>div:nth-child(2) {
    transition: all .75s ease;
    opacity: 1
  }

  #gmenu-header>.menu>div:nth-child(3) {
    animation: menu-bar03 .75s ease-out forwards
  }

  #gmenu-header>.search-area {
    transition: all .4s ease;
    position: relative;
    z-index: 11002;
    background-color: rgba(255, 255, 255, 0.95)
  }

  #gmenu-header>.search-area>.title {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
    line-height: 1
  }

  #gmenu-header>.search-area>.title>a>img {
    height: 25px;
    width: 119px
  }

  #gmenu-header>.search-area>ul {
    display: none
  }

  #gmenu-header>nav {
    flex-grow: 1;
    overflow-y: scroll;
    overflow-x: hidden;
    transition: all .4s ease;
    z-index: 11001;
    background-color: rgba(255, 255, 255, 0.95);
    transform: translateY(-120%);
    position: absolute;
    width: 100%;
    -ms-overflow-style: none;
    box-sizing: border-box
  }

  #gmenu-header>nav::-webkit-scrollbar {
    display: none
  }

  #gmenu-header>nav>ul>li {
    box-sizing: border-box;
    border-bottom: 1px solid #ccc;
    display: flex
  }

  #gmenu-header>nav>ul>li:nth-child(n+2) {
    margin: 0 20px 10px 20px;
    padding: 0 10px 10px 10px
  }

  #gmenu-header>nav>ul>li:nth-child(n+2)>a {
    flex-basis: 100%
  }

  #gmenu-header>nav>ul>li.search-form {
    padding: 0 10px 10px 10px;
    margin-bottom: 10px
  }

  #gmenu-header>nav>ul>li.search-form>form {
    flex-basis: 100%;
    display: flex;
    justify-content: flex-start;
    background-color: #fff;
    padding: 0 10px;
    border-radius: 20px
  }

  #gmenu-header>nav>ul>li.search-form>form>button {
    padding-right: 10px
  }

  #gmenu-header>nav>ul>li.search-form>form>button:before {
    font-family: daiken-fonts;
    content: '\EA78'
  }

  #gmenu-header>nav>ul>li.search-form>form>input {
    flex-grow: 1;
    transition: all .4s ease;
    background-color: #fff;
    font-size: 16px
  }

  #gmenu-header>nav>ul>li.sns {
    border-bottom: 0
  }

  #gmenu-header>nav>ul>li.sns>ul {
    display: flex;
    justify-content: center
  }

  #gmenu-header>nav>ul>li.sns>ul>li {
    padding: 10px
  }

  #gmenu-header>nav>ul>li.sns>ul>li>a>img {
    height: 30px
  }

  #gmenu-header.hide {
    transform: translateY(-120%)
  }

  #gmenu-header.open {
    height: 100vh;
    transform: translateY(0%)
  }

  #gmenu-header.open>.menu>div:nth-child(1) {
    animation: active-menu-bar01 .75s forwards
  }

  #gmenu-header.open>.menu>div:nth-child(2) {
    opacity: 0
  }

  #gmenu-header.open>.menu>div:nth-child(3) {
    animation: active-menu-bar03 .75s forwards
  }

  #gmenu-header.open>.search-area {
    background-color: rgba(238, 238, 238, 0.95)
  }

  #gmenu-header.open>nav {
    position: relative;
    background-color: rgba(238, 238, 238, 0.95);
    transform: translateY(0%)
  }

  #gmenu-footer {
    position: relative;
    z-index: 10000;
    background-color: #eee
  }

  #gmenu-footer>.menu-map>li>dl {
    overflow: hidden
  }

  #gmenu-footer>.menu-map>li>dl>dt {
    background-color: #eee;
    position: relative;
    z-index: 2;
    font-size: 1.5rem;
    font-weight: 900;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ccc
  }

  #gmenu-footer>.menu-map>li>dl>dt>a {
    flex-grow: 1;
    display: flex;
    align-items: center;
    padding: 15px 10px;
    justify-content: space-between;
    color: #333
  }

  #gmenu-footer>.menu-map>li>dl>dt>a>img {
    position: relative;
    margin-top: -5px;
    height: 20px;
    width: 20px
  }

  #gmenu-footer>.menu-map>li>dl>dt>a>span {
    flex-grow: 1;
    display: flex;
    justify-content: left;
    align-items: center;
    padding-left: 10px
  }

  #gmenu-footer>.menu-map>li>dl>dt>i {
    padding: 10px 10px 10px 20px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    cursor: pointer
  }

  #gmenu-footer>.menu-map>li>dl>dt>i:after {
    transition: all .4s ease;
    font-style: normal;
    font-family: daiken-fonts;
    transform: rotate(405deg);
    content: '\EA34'
  }

  #gmenu-footer>.menu-map>li>dl>dd {
    z-index: 1;
    transition: all .4s ease;
    transform: translateY(-100%);
    position: absolute;
    font-size: 1.3rem;
    background-color: #fff;
    opacity: 0;
    line-height: 2
  }

  #gmenu-footer>.menu-map>li>dl>dd>a {
    display: flex;
    align-items: center;
    padding: 15px 10px;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
    color: #333
  }

  #gmenu-footer>.menu-map>li>dl>dd>a>span {
    flex-grow: 1;
    display: flex;
    justify-content: left;
    align-items: center;
    padding-left: 10px
  }

  #gmenu-footer>.menu-map>li>dl>dd>a:after {
    font-family: daiken-fonts;
    content: '\EA06'
  }

  #gmenu-footer>.menu-map>li>dl.open>dt>i:after {
    transform: rotate(0deg)
  }

  #gmenu-footer>.menu-map>li>dl.open>dd {
    opacity: 1;
    position: relative;
    transform: scaleY(1)
  }

  #gmenu-footer>.menu-map>li>ul>li {
    background-color: #eee;
    position: relative;
    z-index: 2;
    font-size: 1.5rem;
    font-weight: 900;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ccc
  }

  #gmenu-footer>.menu-map>li>ul>li>a {
    flex-grow: 1;
    display: flex;
    align-items: center;
    padding: 15px 10px;
    justify-content: space-between;
    color: #333
  }

  #gmenu-footer>.menu-map>li>ul>li>a>img {
    position: relative;
    margin-top: -5px;
    height: 20px;
    width: 20px
  }

  #gmenu-footer>.menu-map>li>ul>li>a>span {
    flex-grow: 1;
    display: flex;
    justify-content: left;
    align-items: center;
    padding-left: 10px
  }

  #gmenu-footer>.menu-map>li>ul>li>a:after {
    font-family: daiken-fonts;
    content: '\EA06'
  }

  #gmenu-footer>.menu-map>li>ul>li.sns>ul {
    display: flex
  }

  #gmenu-footer>.menu-map>li>ul>li.sns>ul>li {
    padding: 10px
  }

  #gmenu-footer>.menu-map>li>ul>li.sns>ul>li>a>img {
    height: 30px
  }

  #gmenu-footer>.menu-bottom>ul>li {
    background-color: #eee;
    position: relative;
    z-index: 2;
    font-size: 1.5rem;
    font-weight: 100;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ccc
  }

  #gmenu-footer>.menu-bottom>ul>li>a {
    flex-grow: 1;
    display: flex;
    align-items: center;
    padding: 15px 10px;
    justify-content: space-between;
    color: #333
  }

  #gmenu-footer>.menu-bottom>ul>li>a>span {
    flex-grow: 1;
    display: flex;
    justify-content: left;
    align-items: center;
    padding-left: 10px
  }

  #gmenu-footer>.menu-bottom>ul>li>a:after {
    font-family: daiken-fonts;
    content: '\EA06'
  }

  #gmenu-footer>.menu-bottom>ul>li.sns>ul {
    display: flex
  }

  #gmenu-footer>.menu-bottom>ul>li.sns>ul>li {
    padding: 10px
  }

  #gmenu-footer>.menu-bottom>ul>li.sns>ul>li>a>img {
    height: 30px
  }

  #gmenu-footer>.menu-bottom>a>img {
    width: 50%;
    max-width: 200px;
    display: block;
    margin: 20px auto;
    opacity: .35
  }

  #gmenu-footer>.copyright {
    display: block;
    font-size: 1rem;
    text-align: center
  }

  #gmenu-footer>.go-to-page-top {
    z-index: 10090;
    position: fixed;
    bottom: 15px;
    right: 10px;
    transition: all .4s ease;
    padding: 5px 10px;
    line-height: 1.1;
    font-size: 2rem;
    font-weight: 900;
    color: #0081cc;
    opacity: .5;
    border: 1px solid white;
    background-color: rgba(255, 255, 255, 0.5);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    text-decoration: none
  }

  #gmenu-footer>.go-to-page-top.hide {
    opacity: 0;
    transform: scale(0, 0)
  }

  #gmenu-footer>.go-to-page-top:before {
    font-family: daiken-fonts;
    content: '\EA05'
  }

  #gmenu-footer>.go-to-page-top:hover {
    text-decoration: none;
    border-color: #0081cc;
    opacity: 1
  }
}

@media (min-width: 1025px) {
  .contents {
    padding-top: 90px
  }

  #gmenu-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11000;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.95);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    transition: all 1s ease
  }

  #gmenu-header.hide {
    transform: translateY(-120%)
  }

  #gmenu-header>.search-area {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    padding: 10px 0
  }

  #gmenu-header>.search-area>.title {
    box-sizing: border-box;
    padding-left: 20px;
    flex-basis: 140px;
    max-width: 140px;
    flex-grow: 0;
    display: flex;
    line-height: 1
  }

  #gmenu-header>.search-area>.title>a {
    transition: all .4s ease
  }

  #gmenu-header>.search-area>.title>a>img {
    width: 120px
  }

  #gmenu-header>.search-area>.title>a:hover {
    opacity: 1;
    animation: flash 1.5s
  }

  #gmenu-header>.search-area>ul {
    flex-basis: 80%;
    flex-grow: 1;
    display: flex;
    justify-content: flex-end
  }

  #gmenu-header>.search-area>ul>li {
    display: flex;
    align-items: center;
    padding-right: 15px;
    font-size: 1.5rem
  }

  #gmenu-header>.search-area>ul>li.link-global>a {
    transition: all .4s ease;
    display: flex;
    align-items: center
  }

  #gmenu-header>.search-area>ul>li.link-global>a>img {
    position: relative;
    margin-top: -1px;
    width: 22px;
    height: 22px
  }

  #gmenu-header>.search-area>ul>li.link-global>a>span {
    transform: translateY(1px)
  }

  #gmenu-header>.search-area>ul>li.link-global>a:hover {
    color: #0081cc
  }

  #gmenu-header>.search-area>ul>li.link-header>ul {
    padding-right: 15px;
    display: flex
  }

  #gmenu-header>.search-area>ul>li.link-header>ul>li {
    padding-left: 20px
  }

  #gmenu-header>.search-area>ul>li.link-header>ul>li:first-child {
    padding-left: 0
  }

  #gmenu-header>.search-area>ul>li.link-header a {
    font-size: 1.2rem;
    display: flex;
    align-items: center
  }

  #gmenu-header>.search-area>ul>li.link-header a>span {
    transition: all .4s ease;
    color: #666;
    transform: translateY(1px)
  }

  #gmenu-header>.search-area>ul>li.link-header a:hover>span {
    color: #0081cc
  }

  #gmenu-header>.search-area>ul>li.link-header a:before {
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    width: 1.5em;
    height: 1.5em
  }

  #gmenu-header>.search-area>ul>li.link-header a.link-company:before {
    background-image: url(/common/images/icon_13.svg);
    background-image: url(/common/images/icon_13_black.svg)
  }

  #gmenu-header>.search-area>ul>li.link-header a.link-company:hover:before {
    background-image: url(/common/images/icon_13.svg)
  }

  #gmenu-header>.search-area>ul>li.link-header a.link-csr:before {
    margin-right: 1px;
    background-image: url(/common/images/icon_14.svg);
    background-image: url(/common/images/icon_14_black.svg)
  }

  #gmenu-header>.search-area>ul>li.link-header a.link-csr:hover:before {
    background-image: url(/common/images/icon_14.svg)
  }

  #gmenu-header>.search-area>ul>li.link-header a.link-ir:before {
    background-image: url(/common/images/icon_15.svg);
    background-image: url(/common/images/icon_15_black.svg)
  }

  #gmenu-header>.search-area>ul>li.link-header a.link-ir:hover:before {
    background-image: url(/common/images/icon_15.svg)
  }

  #gmenu-header>.search-area>ul>li.link-header a.link-recruit:before {
    background-image: url(/common/images/icon_16.svg);
    background-image: url(/common/images/icon_16_black.svg)
  }

  #gmenu-header>.search-area>ul>li.link-header a.link-recruit:hover:before {
    background-image: url(/common/images/icon_16.svg)
  }

  #gmenu-header>.search-area>ul>li.link-header a.link-global:before {
    background-image: url(/common/images/icon_06.svg);
    background-image: url(/common/images/icon_06_black.svg)
  }

  #gmenu-header>.search-area>ul>li.link-header a.link-global:hover:before {
    background-image: url(/common/images/icon_06.svg)
  }

  #gmenu-header>.search-area>ul>li.link-sns {
    display: flex;
    align-items: center
  }

  #gmenu-header>.search-area>ul>li.link-sns>a {
    display: flex;
    align-items: center
  }

  #gmenu-header>.search-area>ul>li.link-sns>a>img {
    width: 18px;
    height: 18px
  }

  #gmenu-header>.search-area>ul>li.search>form {
    display: flex;
    justify-content: flex-start;
    background-color: #eee;
    padding: 0 10px;
    border-radius: 20px
  }

  #gmenu-header>.search-area>ul>li.search>form>button {
    padding-right: 10px
  }

  #gmenu-header>.search-area>ul>li.search>form>button:before {
    font-family: daiken-fonts;
    content: '\EA78'
  }

  #gmenu-header>.search-area>ul>li.search>form>input {
    transition: all .4s ease;
    background-color: #eee;
    width: 10em
  }

  #gmenu-header>.search-area>ul>li.search>form>input:focus {
    width: 15em;
    border: none
  }

  #gmenu-header>nav>ul {
    display: flex
  }

  #gmenu-header>nav>ul>li {
    flex-grow: 1;
    border: 1px solid #eee;
    border-left: none;
    border-bottom: none;
    display: flex
  }

  #gmenu-header>nav>ul>li.search-form,
  #gmenu-header>nav>ul>li.sns,
  #gmenu-header>nav>ul>li[class^=link-] {
    display: none
  }

  #gmenu-header>nav>ul>li:last-child {
    border-right: none
  }

  #gmenu-header>nav>ul>li>a {
    box-sizing: border-box;
    transition: all .4s ease;
    flex-basis: 100%;
    max-width: 100%;
    padding: 10px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.1;
    border-bottom: 3px solid #fff;
    text-align: center;
    color: #333;
    font-size: 1.3rem
  }

  #gmenu-header>nav>ul>li>a:hover {
    color: #0081cc;
    border-color: #0081cc;
    text-decoration: none
  }

  #gmenu-footer {
    position: relative;
    z-index: 10000;
    background-color: #eee;
    padding-top: 60px
  }

  #gmenu-footer>.menu-map {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-bottom: 20px;
    text-align: left
  }

  #gmenu-footer>.menu-map a {
    transition: all .4s ease;
    border-bottom: 1px solid #eee;
    color: #333
  }

  #gmenu-footer>.menu-map a>span {
    line-height: 1.1
  }

  #gmenu-footer>.menu-map a:hover {
    border-color: #333;
    text-decoration: none
  }

  #gmenu-footer>.menu-map>li {
    padding: 0 10px 30px 10px;
    flex-shrink: 1
  }

  #gmenu-footer>.menu-map>li>dl {
    display: flex;
    flex-direction: column;
    align-items: flex-start
  }

  #gmenu-footer>.menu-map>li>dl>dt {
    font-size: 1.5rem;
    font-weight: 900
  }

  #gmenu-footer>.menu-map>li>dl>dt>a {
    display: flex;
    align-items: flex-start;
    color: #333
  }

  #gmenu-footer>.menu-map>li>dl>dt>a>img {
    position: relative;
    margin-top: -5px;
    padding-right: 2px;
    width: 22px;
    height: 22px
  }

  #gmenu-footer>.menu-map>li>dl>dt>a>span {
    flex-grow: 1
  }

  #gmenu-footer>.menu-map>li>dl>dd {
    font-size: 1.3rem;
    margin-top: 5px;
    padding-left: 22px;
    line-height: 2
  }

  #gmenu-footer>.menu-map>li>ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start
  }

  #gmenu-footer>.menu-map>li>ul>li {
    font-size: 1.5rem;
    font-weight: 900;
    margin-bottom: 20px
  }

  #gmenu-footer>.menu-map>li>ul>li>a {
    display: flex;
    align-items: center;
    color: #333
  }

  #gmenu-footer>.menu-map>li>ul>li>a>img {
    position: relative;
    margin-top: -5px;
    padding-right: 2px;
    width: 22px;
    height: 22px
  }

  #gmenu-footer>.menu-map>li>ul>li>a>span {
    flex-grow: 1
  }

  #gmenu-footer>.menu-map>li>ul>li.sns>ul {
    display: flex;
    padding-top: 20px
  }

  #gmenu-footer>.menu-map>li>ul>li.sns>ul>li {
    padding: 10px
  }

  #gmenu-footer>.menu-map>li>ul>li.sns>ul>li>a {
    border: none
  }

  #gmenu-footer>.menu-map>li>ul>li.sns>ul>li>a:hover {
    border: none
  }

  #gmenu-footer>.menu-map>li>ul>li.sns>ul>li img {
    width: 36px;
    height: 36px
  }

  #gmenu-footer>.menu-map>li>ul>li.catalog>a>img {
    margin-top: -1px
  }

  #gmenu-footer>.menu-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 20px;
    margin-bottom: 50px
  }

  #gmenu-footer>.menu-bottom>ul {
    display: flex
  }

  #gmenu-footer>.menu-bottom>ul>li {
    padding-right: 20px
  }

  #gmenu-footer>.menu-bottom>ul>li>a {
    color: #333
  }

  #gmenu-footer>.menu-bottom>ul>li>a:hover {
    text-decoration: underline
  }

  #gmenu-footer>.menu-bottom>a>img {
    width: 150px;
    opacity: .35
  }

  #gmenu-footer>.copyright {
    font-size: 1rem;
    display: flex;
    justify-content: center;
    width: 100%;
    padding-bottom: 10px
  }

  #gmenu-footer>.go-to-page-top {
    transition: all .4s ease;
    position: fixed;
    right: 15px;
    bottom: 20px;
    padding: 10px 15px;
    line-height: 1.1;
    font-size: 3rem;
    font-weight: 900;
    color: #0081cc;
    opacity: .5;
    border: 1px solid white;
    background-color: rgba(255, 255, 255, 0.5);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1)
  }

  #gmenu-footer>.go-to-page-top.hide {
    opacity: 0;
    transform: scale(0, 0)
  }

  #gmenu-footer>.go-to-page-top:before {
    font-family: daiken-fonts;
    content: '\EA05'
  }

  #gmenu-footer>.go-to-page-top:hover {
    border-color: #0081cc;
    text-decoration: none;
    opacity: 1
  }
}

@keyframes active-menu-bar01 {
  0% {
    transform: translateY(0) rotate(0)
  }

  50% {
    transform: translateY(9px) rotate(0)
  }

  100% {
    transform: translateY(9px) rotate(45deg)
  }
}

@keyframes menu-bar01 {
  0% {
    transform: translateY(9px) rotate(45deg)
  }

  50% {
    transform: translateY(9px) rotate(0)
  }

  100% {
    transform: translateY(0) rotate(0)
  }
}

@keyframes active-menu-bar03 {
  0% {
    transform: translateY(0) rotate(0)
  }

  50% {
    transform: translateY(-9px) rotate(0)
  }

  100% {
    transform: translateY(-9px) rotate(-45deg)
  }
}

@keyframes menu-bar03 {
  0% {
    transform: translateY(-9px) rotate(-45deg)
  }

  50% {
    transform: translateY(-9px) rotate(0)
  }

  100% {
    transform: translateY(0) rotate(0)
  }
}

@keyframes flash {
  0% {
    opacity: .1
  }

  100% {
    opacity: 1
  }
}