@charset "UTF-8";
/* CSS Document */
/**
 * html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
 * Richard Clark (http://richclarkdesign.com)
 * http://cssreset.com
 */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1.5;
  font-size: 12px;
  word-break: break-all;
  -webkit-text-size-adjust: 100%;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #464646; }

input,
button {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

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

nav ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

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

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

a:hover {
  color: #f25663;
  text-decoration: none; }

li,
dt,
dd {
  list-style-type: none; }

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

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

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input,
select {
  vertical-align: middle; }

input[type="text"],
input[type="search"] {
  -webkit-appearance: none; }

small {
  font-size: 12px; }

img {
  vertical-align: bottom; }

/* background color */
/* background gradient */
/* font color */
/* font size */
/* @mixins */
body {
  font-size: 75%;
  color: #3C3839;
  background-color: #ffffff; }

body.fonts {
  font-size: 70%; }

body.fontm {
  font-size: 75%; }

body.fontl {
  font-size: 80%; }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-indent: 0.01px;
  text-overflow: ''; }

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

table {
  border-collapse: separate !important; }

th, td {
  border: none !important; }

.inner {
  width: 1000px;
  margin: 0 auto; }

.pc {
  display: block; }

.sp {
  display: none; }

.errorMes {
  color: #ff0000;
  font-size: 100%;
  font-weight: bold; }

.sup {
  position: static !important;
  vertical-align: super;
  font-size: 80% !important; }

.sup:before {
  content: "" !important; }

/* Wordpress
===========================================================*/
.wp-pagenavi {
  clear: both; }

.wp-pagenavi a, .wp-pagenavi span {
  text-decoration: none;
  border: 1px solid #BFBFBF;
  padding: 3px 5px;
  margin: 2px; }

.wp-pagenavi a:hover, .wp-pagenavi span.current {
  border-color: #000; }

.wp-pagenavi span.current {
  font-weight: bold; }

/* clearfix
===========================================================*/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0; }

.clearfix {
  min-height: 1%; }

* html .clearfix {
  height: 1%; }

.floatL {
  float: left; }

.floatR {
  float: right; }

.m0 {
  margin: 0 !important; }

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

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

.mt20 {
  margin-top: 20px; }

.mt40 {
  margin-top: 40px; }

.mb10 {
  margin-bottom: 10px; }

.mb20 {
  margin-bottom: 20px; }

.ml20 {
  margin-left: 20px; }

.pl20 {
  padding-left: 20px; }

.pr20 {
  padding-right: 20px; }

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

.pb20 {
  padding-bottom: 20px; }

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

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

.alignLeft {
  text-align: left !important; }

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

.valignTop {
  vertical-align: top !important; }

.valignMiddle {
  vertical-align: middle; }

.valignBottom {
  vertical-align: bottom; }

.w50 {
  width: 50%; }

a.icon-pdf {
  background-image: url(/img/common/icon_pdf_24.png);
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 32px; }

/* headerTop
===========================================================*/
#headerTop {
  background-color: #ffffff;
  height: 50px;
  line-height: 50px; }
  #headerTop #headerText {
    display: inline-block;
    font-size: 83.3%; }
  #headerTop .sitemapBtn {
    float: right;
    position: relative;
    display: inline-block;
    background-color: #ffffff;
    color: #3C3839;
    width: auto;
    height: 50px;
    line-height: 50px;
    font-size: 12px;
    padding-left: 23px;
    text-align: left;
    text-decoration: none;
    margin-right: 10px; }
  #headerTop .sitemapBtn::after {
    content: "";
    display: block;
    width: 13px;
    height: 13px;
    background-image: url(/img/common/icon_arrow_red_right.png);
    background-size: 13px 13px;
    background-repeat: no-repeat;
    position: absolute;
    left: 6px;
    top: 0;
    bottom: 2px;
    margin: auto 0; }
  #headerTop #movieBtn {
    float: right;
    position: relative;
    padding: 0 8px 0 23px;
    cursor: pointer;
    border: 1px solid #000000;
    border-radius: 8px;
    height: 28px;
    line-height: 28px;
    top: 10px;
    color: #000000;
    text-decoration: none; }
  #headerTop #movieBtn:after {
    content: "";
    display: block;
    width: 13px;
    height: 13px;
    background-image: url(/img/common/icon_arrow_black_right.png);
    background-size: 13px 13px;
    background-repeat: no-repeat;
    position: absolute;
    left: 6px;
    top: 0;
    bottom: 2px;
    margin: auto 0; }
  #headerTop #movieBtn:hover {
    color: #000000; }
  #headerTop #fontSwitch {
    float: right;
    margin-right: 10px;
    border: 1px solid #000000;
    border-radius: 8px;
    height: 28px;
    line-height: 28px;
    position: relative;
    top: 10px;
    padding: 0 4px 0 8px; }
    #headerTop #fontSwitch span {
      font-size: 12px; }
    #headerTop #fontSwitch ul {
      float: right;
      margin-top: 5px;
      margin-left: 4px; }
    #headerTop #fontSwitch li {
      float: left;
      width: 30px;
      height: 18px;
      line-height: 18px;
      text-align: center;
      color: #000000;
      cursor: pointer;
      position: relative; }
    #headerTop #fontSwitch li.focus {
      color: #BE1B1C;
      cursor: default; }
    #headerTop #fontSwitch li + li:before {
      content: "";
      width: 1px;
      height: 12px;
      background-color: #000000;
      position: absolute;
      top: 3px;
      left: -1px; }

/* header
===========================================================*/
#header {
  background-color: #ffffff;
  height: 88px;
  line-height: 88px; }
  #header .inner #logo {
    float: left;
    height: 88px; }
    #header .inner #logo img {
      width: 362px;
      height: 48px;
      vertical-align: middle; }
  #header .inner .contact {
    float: right;
    height: 88px; }
    #header .inner .contact img.pc {
      display: inline-block;
      width: 344px;
      height: 63px;
      vertical-align: middle; }

/* gNav
===========================================================*/
#gNaviWrap {
  background-color: #BE1B1C;
  height: 104px; }
  #gNaviWrap #gNavi {
    width: 1000px;
    margin: 0 auto;
    position: relative; }
    #gNaviWrap #gNavi > div.header_logo {
      position: absolute;
      left: 0;
      top: 16px; }
      #gNaviWrap #gNavi > div.header_logo > a {
        display: block; }
      #gNaviWrap #gNavi > div.header_logo img {
        vertical-align: bottom; }
    #gNaviWrap #gNavi > ul {
      position: relative;
      display: table;
      left: 265px; }
      #gNaviWrap #gNavi > ul > li:after {
        position: absolute;
        top: 20px;
        left: 0;
        content: "";
        width: 1px;
        height: 64px;
        border-left: 1px dotted #df8e8e; }
      #gNaviWrap #gNavi > ul > li:last-child:before {
        position: absolute;
        top: 20px;
        right: 0;
        content: "";
        width: 1px;
        height: 64px;
        border-right: 1px dotted #df8e8e; }
      #gNaviWrap #gNavi > ul > li {
        display: table-cell;
        width: 105px;
        height: 104px;
        text-align: center;
        position: relative; }
        #gNaviWrap #gNavi > ul > li > p > a {
          position: relative;
          display: block;
          color: #ffffff;
          text-decoration: none;
          font-size: 116.7%;
          line-height: 1.0;
          height: 104px;
          overflow: hidden;
          pointer-events: auto; }
          #gNaviWrap #gNavi > ul > li > p > a > span {
            position: absolute;
            display: inline-block;
            line-height: 1.0;
            top: 72px;
            left: 0;
            width: 100%; }
        #gNaviWrap #gNavi > ul > li > p > a:hover {
          background-color: #8F1416; }
        #gNaviWrap #gNavi > ul > li > p > a:after {
          position: absolute;
          content: "";
          width: 64px;
          height: 46px;
          left: 20px;
          top: 16px;
          background-repeat: no-repeat;
          background-image: url(/img/common/gnavi_icon.png); }
        #gNaviWrap #gNavi > ul > li > ul {
          z-index: 1;
          display: none;
          position: absolute;
          top: 104px; }
          #gNaviWrap #gNavi > ul > li > ul > li {
            width: 300px;
            height: 40px;
            line-height: 40px;
            text-align: left;
            background-color: #8F1416;
            border-top: 1px dotted #000000;
            font-weight: bold; }
            #gNaviWrap #gNavi > ul > li > ul > li > a {
              padding: 0 10px 0 32px;
              display: block;
              color: #ffffff;
              text-decoration: none;
              position: relative; }
            #gNaviWrap #gNavi > ul > li > ul > li > a:after {
              content: "";
              display: block;
              width: 13px;
              height: 13px;
              position: absolute;
              top: 14px;
              left: 8px;
              background-image: url(/img/common/icon_arrow_white2_right.png);
              background-size: 13px 13px; }
            #gNaviWrap #gNavi > ul > li > ul > li > a:hover {
              text-decoration: underline; }
          #gNaviWrap #gNavi > ul > li > ul > li.sp {
            display: none; }
        #gNaviWrap #gNavi > ul > li .gNaviDropmenu {
          display: none;
          z-index: 100;
          background-color: #8F1416;
          width: 1000px;
          position: absolute;
          top: 88px;
          left: 0;
          overflow: hidden; }
          #gNaviWrap #gNavi > ul > li .gNaviDropmenu .gNaviClose {
            position: absolute;
            z-index: 101;
            top: 20px;
            right: 20px; }
            #gNaviWrap #gNavi > ul > li .gNaviDropmenu .gNaviClose a {
              display: block;
              width: 30px;
              height: 30px; }
          #gNaviWrap #gNavi > ul > li .gNaviDropmenu .gNaviInner {
            margin: 0 auto;
            overflow: hidden;
            width: 1000px;
            color: #fff;
            padding: 0 20px;
            box-sizing: border-box; }
            #gNaviWrap #gNavi > ul > li .gNaviDropmenu .gNaviInner .gNaviCol {
              float: left;
              width: 100%; }
              #gNaviWrap #gNavi > ul > li .gNaviDropmenu .gNaviInner .gNaviCol h2 {
                color: #ffffff;
                font-size: 166.7%;
                margin: 0;
                padding: 0 0 10px;
                text-align: left; }
              #gNaviWrap #gNavi > ul > li .gNaviDropmenu .gNaviInner .gNaviCol ul {
                display: block; }
                #gNaviWrap #gNavi > ul > li .gNaviDropmenu .gNaviInner .gNaviCol ul li {
                  display: block;
                  width: 100%;
                  height: 52px;
                  padding: 20px 0;
                  border-bottom: 1px solid #A82D2F;
                  text-align: left; }
                  #gNaviWrap #gNavi > ul > li .gNaviDropmenu .gNaviInner .gNaviCol ul li a {
                    position: relative;
                    display: block;
                    width: 164px;
                    height: 18px;
                    padding-left: 10px;
                    padding-right: 16px;
                    color: #ffffff;
                    font-size: 166.7%;
                    text-decoration: none; }
                  #gNaviWrap #gNavi > ul > li .gNaviDropmenu .gNaviInner .gNaviCol ul li a:hover {
                    text-decoration: underline; }
                  #gNaviWrap #gNavi > ul > li .gNaviDropmenu .gNaviInner .gNaviCol ul li a:after {
                    content: url(/img/common/icon_arrow_white_right.png);
                    display: block;
                    position: absolute;
                    top: 1px;
                    right: 0;
                    width: 16px;
                    height: 16px; }
                  #gNaviWrap #gNavi > ul > li .gNaviDropmenu .gNaviInner .gNaviCol ul li ul {
                    display: table; }
                    #gNaviWrap #gNavi > ul > li .gNaviDropmenu .gNaviInner .gNaviCol ul li ul li {
                      display: table-cell;
                      width: 164px;
                      height: 30px;
                      border: none; }
                      #gNaviWrap #gNavi > ul > li .gNaviDropmenu .gNaviInner .gNaviCol ul li ul li a {
                        font-size: 100%;
                        width: 160px;
                        padding-left: 10px;
                        padding-right: 6px; }
                      #gNaviWrap #gNavi > ul > li .gNaviDropmenu .gNaviInner .gNaviCol ul li ul li a:hover {
                        text-decoration: underline; }
                      #gNaviWrap #gNavi > ul > li .gNaviDropmenu .gNaviInner .gNaviCol ul li ul li a::after {
                        content: "";
                        display: block;
                        position: absolute;
                        top: 5px;
                        right: 5px;
                        width: 6px;
                        height: 6px;
                        border-top: 2px solid #ffffff;
                        border-right: 2px solid #ffffff;
                        -webkit-transform: rotate(45deg);
                        -ms-transform: rotate(45deg);
                        transform: rotate(45deg); }
                    #gNaviWrap #gNavi > ul > li .gNaviDropmenu .gNaviInner .gNaviCol ul li ul li + li {
                      padding-left: 20px; }
                #gNaviWrap #gNavi > ul > li .gNaviDropmenu .gNaviInner .gNaviCol ul li:last-child {
                  border-bottom: none; }
                #gNaviWrap #gNavi > ul > li .gNaviDropmenu .gNaviInner .gNaviCol ul li.noList {
                  line-height: 52px; }
                #gNaviWrap #gNavi > ul > li .gNaviDropmenu .gNaviInner .gNaviCol ul li.sp {
                  display: none; }
      #gNaviWrap #gNavi > ul #gSafety > ul {
        left: 0; }
      #gNaviWrap #gNavi > ul #gProduct > ul {
        right: 0; }
        #gNaviWrap #gNavi > ul #gProduct > ul > li {
          position: relative; }
          #gNaviWrap #gNavi > ul #gProduct > ul > li > ul {
            background-color: #E6E1D3;
            width: 100%;
            box-sizing: border-box;
            position: absolute;
            top: 40px;
            left: 0;
            border-top: 1px dotted #000000; }
            #gNaviWrap #gNavi > ul #gProduct > ul > li > ul > li {
              height: 40px;
              line-height: 40px;
              box-sizing: border-box;
              float: left;
              padding-left: 0 !important; }
            #gNaviWrap #gNavi > ul #gProduct > ul > li > ul a {
              padding-left: 32px;
              box-sizing: border-box;
              color: #000000;
              background-color: #E6E1D3;
              display: block;
              text-decoration: none;
              font-weight: normal;
              position: relative; }
            #gNaviWrap #gNavi > ul #gProduct > ul > li > ul a:hover {
              text-decoration: underline; }
            #gNaviWrap #gNavi > ul #gProduct > ul > li > ul a:after {
              content: "";
              display: block;
              width: 13px;
              height: 13px;
              background-image: url(/img/common/icon_arrow_black_right.png);
              background-size: 13px 13px;
              position: absolute;
              top: 14px;
              left: 8px; }
          #gNaviWrap #gNavi > ul #gProduct > ul > li > ul:after {
            content: ".";
            display: block;
            height: 0;
            font-size: 0;
            clear: both;
            visibility: hidden; }

        #gNaviWrap #gNavi > ul #gProduct > ul > li:first-child + * {
          margin-bottom: 80px; }
          #gNaviWrap #gNavi > ul #gProduct > ul > li:first-child + * > ul > li {
            display: inline-block;
            width: 50%; }

        #gNaviWrap #gNavi > ul #gProduct > ul > li:first-child + * + * {
          margin-bottom: 120px; }
          #gNaviWrap #gNavi > ul #gProduct > ul > li:first-child + * + * > ul > li {
            display: inline-block;
            width: 50%; }
          #gNaviWrap #gNavi > ul #gProduct > ul > li:first-child + * > ul:last-child {
            top: 80px; }
          #gNaviWrap #gNavi > ul #gProduct > ul > li:first-child + * + * > ul:nth-child(3) {
            top: 80px; }
          #gNaviWrap #gNavi > ul #gProduct > ul > li:first-child + * + * > ul:last-child {
            top: 120px; }
        #gNaviWrap #gNavi > ul #gProduct > ul > li:first-child + * + * + * {
          margin-bottom: 80px; }
          #gNaviWrap #gNavi > ul #gProduct > ul > li:first-child + * + * + * > ul > li {
            display: inline-block;
            width: 50%; }
          #gNaviWrap #gNavi > ul #gProduct > ul > li:first-child + * + * + * > ul:last-child {
            top: 80px; }
            #gNaviWrap #gNavi > ul #gProduct > ul > li:first-child + * > ul:last-child > li,
            #gNaviWrap #gNavi > ul #gProduct > ul > li:first-child + * + * + * > ul:last-child > li {
              width: 100%; }
        #gNaviWrap #gNavi > ul #gProduct > ul > li:first-child + * + * + * + * {
          margin-bottom: 40px; }
          #gNaviWrap #gNavi > ul #gProduct > ul > li:first-child + * + * + * + * > ul > li {
            display: inline-block;
            width: 50%; }
      #gNaviWrap #gNavi > ul #gVoice > ul {
        left: 0; }
      #gNaviWrap #gNavi > ul #gSupport > ul {
        left: 0; }
      #gNaviWrap #gNavi > ul #gCompany > ul {
        right: 0; }
      #gNaviWrap #gNavi > ul #gOnline > ul {
        right: 0; }
      #gNaviWrap #gNavi > ul #gQa > ul {
        right: 0; }
      #gNaviWrap #gNavi > ul #gHome p a:after {
        background-position: 0 0; }
      #gNaviWrap #gNavi > ul #gSafety p a:after {
        background-position: -64px; }
      #gNaviWrap #gNavi > ul #gProduct p a:after {
        background-position: -320px; }
      #gNaviWrap #gNavi > ul #gVoice p a:after {
        background-position: -192px; }
      #gNaviWrap #gNavi > ul #gSupport p a:after {
        background-position: -128px; }
      #gNaviWrap #gNavi > ul #gOnline p a:after {
        background-position: -384px 0; }
      #gNaviWrap #gNavi > ul #gQa p a:after {
        background-position: -256px 0; }
      #gNaviWrap #gNavi > ul #gSafety .gNaviCol div ul li a {
        width: 240px; }
      #gNaviWrap #gNavi > ul #gVoice .gNaviCol div ul li a {
        width: 200px; }
      #gNaviWrap #gNavi > ul #gQa .gNaviCol div ul li a {
        width: 240px; }
      #gNaviWrap #gNavi > ul #gSupport .gNaviCol div ul li a {
        width: 240px; }
      #gNaviWrap #gNavi > ul #gSupport span {
        top: 62px; }

/* pankuzu
===========================================================*/
#pankuzu {
  background-color: #FBFCF7;
  width: 100%;
  height: 40px; }

#pankuzu ul {
  width: 1000px;
  margin: 0 auto; }

#pankuzu li {
  height: 40px;
  line-height: 40px;
  font-size: 116.7%;
  display: inline-block;
  *display: inline;
  *zoom: 1; }

#pankuzu li ~ li:before {
  content: " ＞ "; }

#pankuzu li a {
  color: #be1c1c; }

/* mainImage
===========================================================*/
#mainImage {
  background-image: url(/img/home/main_bg.jpg);
  background-repeat: repeat-x; }
  #mainImage .inner {
    position: relative; }
    #mainImage .inner .image {
      position: relative;
      top: 0;
      left: 0; }
    #mainImage .inner .imgEcopProfile {
      position: absolute;
      left: 10px;
      bottom: 5px;
      width: 96px;
      height: 96px;
      display: block; }
    #mainImage .inner #movieArea {
      width: 270px;
      height: 180px;
      position: absolute;
      bottom: 0px;
      right: 5px;
      font-size: 0;
      line-height: 0;
      /* ------------------------------------
      	Video
      ------------------------------------ */ }
      #mainImage .inner #movieArea .videoContainer {
        height: 152px;
        overflow: hidden; }
      #mainImage .inner #movieArea .videoContainer {
        position: relative; }
      #mainImage .inner #movieArea .videoControl {
        padding: 5px 130px 5px 26px;
        height: 25px;
        position: absolute;
        bottom: 0;
        left: 5px; }
      #mainImage .inner #movieArea .videoControl li {
        list-style-type: none;
        cursor: pointer; }
      #mainImage .inner #movieArea .videoControl > li {
        float: left;
        position: absolute;
        top: 0;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        font-size: 10px;
        text-align: center;
        background-color: #12212a;
        background: -moz-linear-gradient(left top, #12212a, #192d38 50%, #091116 50%, #111f26);
        background: -webkit-gradient(linear, left top, left bottom, from(#12212a), color-stop(0.5, #192d38), color-stop(0.5, #091116), to(#111f26)); }
      #mainImage .inner #movieArea .videoControl > .slider {
        width: 100%;
        height: 24px;
        position: relative;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        -moz-border-radius-topright: 0;
        -moz-border-radius-bottomright: 0;
        -webkit-border-top-right-radius: 0;
        -webkit-border-bottom-right-radius: 0; }
      #mainImage .inner #movieArea .slider ul {
        margin: 0 0 0 4px;
        position: relative;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px; }
      #mainImage .inner #movieArea .slider li {
        width: 20px;
        height: 10px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        position: absolute;
        top: 7px;
        left: 0; }
      #mainImage .inner #movieArea .slider .loadProgress {
        background: #ccc;
        -webkit-opacity: 0.8;
        -moz-opacity: 0.8;
        -ms-opacity: 0.8;
        opacity: 0.8;
        filter: alpha(opacity=80);
        /* IE 8 */ }
      #mainImage .inner #movieArea .slider .playProgress {
        background: #e6e6e6; }
      #mainImage .inner #movieArea .videoControl .play,
      #mainImage .inner #movieArea .videoControl .pause {
        display: inline-block;
        width: 24px;
        height: 24px;
        /*background:#101d24;*/
        text-shadow: 1px 1px #fff;
        cursor: pointer;
        top: 5px;
        left: 0; }
      #mainImage .inner #movieArea .videoControl .play span,
      #mainImage .inner #movieArea .videoControl .pause span {
        display: block;
        margin: 7px 0 0 7px;
        width: 0;
        height: 0;
        font-size: 0;
        line-height: 0; }
      #mainImage .inner #movieArea .videoControl .play span {
        border-left: 10px solid #d8d8d8;
        border-bottom: 5px solid transparent;
        border-top: 5px solid transparent; }
      #mainImage .inner #movieArea .videoControl .pause span {
        width: 3px;
        height: 10px;
        border-left: 3px solid #d8d8d8;
        border-right: 3px solid #d8d8d8; }
      #mainImage .inner #movieArea .videoControl .play:hover,
      #mainImage .inner #movieArea .videoControl .play:focus,
      #mainImage .inner #movieArea .videoControl .pause:hover,
      #mainImage .inner #movieArea .videoControl .pause:focus,
      #mainImage .inner #movieArea .videoControl .sound:hover,
      #mainImage .inner #movieArea .videoControl .sound:focus {
        -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset;
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset; }
      #mainImage .inner #movieArea .videoControl > .time {
        width: 73px;
        /*background:#101d24;*/
        top: 5px;
        right: 57px;
        line-height: 24px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        -moz-border-radius-topleft: 0;
        -moz-border-radius-bottomleft: 0;
        -webkit-border-top-left-radius: 0;
        -webkit-border-bottom-left-radius: 0;
        color: #fff; }
      #mainImage .inner #movieArea .videoControl .volume {
        padding: 3px 4px;
        width: 42px;
        height: 18px;
        /*background:#101d24;*/
        top: 5px;
        right: 5px; }
      #mainImage .inner #movieArea .videoControl .volume li {
        float: left;
        margin: 0 2px 0 0;
        width: 5px;
        height: 0;
        border-bottom: 18px solid #555; }
      #mainImage .inner #movieArea .videoControl .volume li.volumeOn {
        border-color: #d8d8d8; }
      #mainImage .inner #movieArea .videoControl .volume li:nth-child(1) {
        border-bottom-width: 2px;
        height: 16px; }
      #mainImage .inner #movieArea .videoControl .volume li:nth-child(2) {
        border-bottom-width: 4px;
        height: 14px; }
      #mainImage .inner #movieArea .videoControl .volume li:nth-child(3) {
        border-bottom-width: 7px;
        height: 11px; }
      #mainImage .inner #movieArea .videoControl .volume li:nth-child(4) {
        border-bottom-width: 10px;
        height: 8px; }
      #mainImage .inner #movieArea .videoControl .volume li:nth-child(5) {
        border-bottom-width: 14px;
        height: 4px; }
      #mainImage .inner #movieArea .videoControl .volume li:nth-child(6) {
        margin-right: 0; }
      #mainImage .inner #movieArea .videoControl:after {
        content: ".";
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        line-height: 0;
        font-size: 0; }

/* productSlider
===========================================================*/
#productSlider {
  background-color: #BE1B1C; }
  #productSlider h2 {
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 0; }
  #productSlider .slideArea {
    width: 890px;
    margin: 0 auto;
    padding: 0 0 10px;
    text-align: center;
    line-height: 0.8; }
    #productSlider .slideArea li {
      padding: 10px; }
    #productSlider .slideArea a {
      display: block;
      text-decoration: none;
      color: #3C3839;
      background-color: #ffffff;
      line-height: 1.0;
      padding: 10px 0 0;
/*      height: 108px;*/
    }
    #productSlider .slideArea img {
      width: 80%;
      margin: 0 auto;
      height: auto; }
#productSlider .slideArea .productName {
  width: 100%;
  height: 3.5em;
  display: table;
}
#productSlider .slideArea .productName span {
  display: table-cell;
  vertical-align: middle;
}

/* contents
===========================================================*/
.contentTitle h2 {
  font-size: 200%;
  color: #BC1D1A;
  text-align: center;
  padding: 40px 0; }
  .contentTitle h2 span {
    border-bottom: 1px solid #BC1D1A;
    display: inline-block;
    height: 45px; }

.underline {
  line-height: 2.0; }
  .underline span {
    border-bottom: 1px solid #ffe1e1;
    padding-bottom: 2px; }

hr {
  border-color: #f5f3e9;
  margin: 20px 0; }

#contents {
  margin: 0;
  background-color: #ffffff;
  background-image: -webkit-linear-gradient(-45deg, #F6F3EA 25%, transparent 25%, transparent 50%, #F6F3EA 50%, #F6F3EA 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, #f6f3ea 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, #f6f3ea 50%, #f6f3ea 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  background-size: 6px 6px;
  /*数字を大きくすれば太く、小さくすれば細くなります。*/ }
  #contents .inner {
    padding: 40px 0;
    /* 各ページトップのリスト */
    /* カタログ一覧 */
    /* ちょこっとTOP */
    /* コンテンツ関連 */
    /* ニュース */
    /* インタビュー紹介 */
    /* 工事スタッフ紹介 */
    /* サイトマップ */
    /* 商品一覧 online */ }
    #contents .inner .contentTitle {
      margin-bottom: 10px;
      position: relative; }
      #contents .inner .contentTitle h2 + p {
        margin: 0 auto;
        padding: 10px;
        text-align: center; }
        #contents .inner .contentTitle h2 + p small {
          font-size: 116.7%; }
      #contents .inner .contentTitle h2 {
        font-size: 250%;
        padding: 0; }
      #contents .inner .contentTitle h2 span:before {
        margin: -4px 10px 0 0;
        content: " ";
        display: inline-block;
        vertical-align: middle;
        background-size: 100%; }
      #contents .inner .contentTitle h2.icon-safety span:before {
        width: 38px;
        height: 44px;
        background: url(/img/common/icon_safety.png);
        background-repeat: no-repeat; }
      #contents .inner .contentTitle h2.icon-voice span:before {
        width: 54px;
        height: 44px;
        background: url(/img/common/icon_voice.png);
        background-repeat: no-repeat; }
      #contents .inner .contentTitle h2.icon-company span:before {
        width: 32px;
        height: 39px;
        background: url(/img/common/icon_company.png);
        background-repeat: no-repeat; }
      #contents .inner .contentTitle h2.icon-qa span:before {
        width: 64px;
        height: 44px;
        background: url(/img/common/icon_qa.png);
        background-repeat: no-repeat; }
      #contents .inner .contentTitle h2.icon-solar span:before {
        width: 42px;
        height: 44px;
        background: url(/img/common/icon_solar.png);
        background-repeat: no-repeat; }
      #contents .inner .contentTitle h2.icon-shop span:before {
        width: 40px;
        height: 44px;
        background: url(/img/common/icon_shop.png);
        background-repeat: no-repeat; }
      #contents .inner .contentTitle h2.icon-regist span:before {
        width: 27px;
        height: 35px;
        background: url(/img/common/icon_regist.png);
        background-repeat: no-repeat; }
      #contents .inner .contentTitle h2.icon-service span:before {
        width: 36px;
        height: 44px;
        background: url(/img/common/icon_service.png);
        background-repeat: no-repeat; }
    #contents .inner .contentTitle01 h2 {
      font-size: 200%;
      color: #BC1D1A;
      text-align: center;
      padding: 40px 0; }
      #contents .inner .contentTitle01 h2 span {
        border-bottom: 1px solid #BC1D1A; }
    #contents .inner .serviceBanner {
      margin: 0 auto 20px; }
    #contents .inner .productImage {
      width: 1000px;
      height: 150px;
      margin-bottom: 40px; }
    #contents .inner .flyerList a:hover {
      -webkit-opacity: 0.8;
      -moz-opacity: 0.8;
      -ms-opacity: 0.8;
      opacity: 0.8;
      filter: alpha(opacity=80);
      /* IE 8 */ }
    #contents .inner ul.contentList li {
      float: left;
      width: 300px;
      height: 184px;
      border: 2px solid #BC1D1A;
      position: relative;
      padding-right: 184px;
      margin-bottom: 20px; }
      #contents .inner ul.contentList li a {
        display: block;
        height: 184px;
        background-color: #ffffff;
        text-decoration: none;
        color: #3d383c; }
        #contents .inner ul.contentList li a h3 {
          color: #BC1D1A;
          padding: 20px 20px 10px;
          font-size: 166.7%; }
        #contents .inner ul.contentList li a p {
          padding: 10px 20px 30px;
          font-size: 14px; }
      #contents .inner ul.contentList li a:hover {
        background-color: #ffe1e1; }
      #contents .inner ul.contentList li img {
        width: 184px;
        height: 184px;
        position: absolute;
        right: 0;
        top: 0; }
    #contents .inner ul.contentList li:nth-child(even) {
      margin-left: 20px; }
    #contents .inner ul.contentList li:after {
      position: absolute;
      width: 13px;
      height: 13px;
      content: "";
      background-image: url(/img/common/icon_arrow_white2_right.png);
      background-size: 13px 13px;
      right: 2px;
      bottom: 2px; }
    #contents .inner .contentList + .blockTitle {
      margin-top: 40px; }
    #contents .inner .catalogList li {
      float: left;
      width: 184px;
      height: 270px;
      border: 1px solid #ebe9df;
      box-shadow: 4px 3px 0 #d5d3c0;
      position: relative;
      margin-bottom: 20px;
      margin-right: 10px; }
      #contents .inner .catalogList li a {
        display: block;
        width: 100%;
        height: 100%;
        background-color: #ffffff;
        text-decoration: none;
        color: #3d383c; }
        #contents .inner .catalogList li a h3 {
          padding: 10px;
          font-size: 116.7%; }
        #contents .inner .catalogList li a p {
          padding: 0 10px 10px; }
      #contents .inner .catalogList li a:hover {
        background-color: #ffe1e1; }
      #contents .inner .catalogList li img {
        width: 184px;
        height: 184px;
        display: block; }
    #contents .inner .blockTitle {
      background-color: #be1c1c;
      color: #ffffff;
      font-size: 166.7%;
      font-weight: normal;
      height: 50px;
      line-height: 50px;
      padding-left: 27px;
      box-sizing: border-box;
      position: relative; }
    #contents .inner .blockTitle:after {
      position: absolute;
      top: 13px;
      left: 10px;
      display: block;
      width: 7px;
      height: 24px;
      background-color: #ffffff;
      content: ""; }
    #contents .inner .serviceTitle {
      background-color: #fffbc7;
      padding: 10px;
      box-sizing: border-box; }
      #contents .inner .serviceTitle h2 {
        width: 1000px;
        height: auto;
        margin: 0 auto;
        padding: 0 !important; }
      #contents .inner .serviceTitle img {
        width: 980px;
        height: auto; }
    #contents .inner .serviceSubTitle {
      background-color: #ffe1e1; }
      #contents .inner .serviceSubTitle p {
        color: #3C3839;
        font-size: 166.7%;
        width: 100%;
        text-align: center;
        padding: 10px;
        box-sizing: border-box;
        margin: 0 auto; }
      #contents .inner .serviceSubTitle span {
        font-weight: bold; }
      #contents .inner .serviceSubTitle .water {
        color: #224ca1; }
      #contents .inner .serviceSubTitle .hotwater {
        color: #be1c1c; }
      #contents .inner .serviceSubTitle .roof {
        color: #0d9a37; }
    #contents .inner .serviceMenu {
      width: 952px;
      height: auto;
      display: block;
      margin: 0 auto; }
    #contents .inner .serviceMap {
      position: relative; }
      #contents .inner .serviceMap a {
        position: absolute;
        height: 32px;
        font-size: 16px;
        line-height: 32px; }
      #contents .inner .serviceMap a.gomi {
        top: 228px;
        left: 34px;
        width: 264px; }
      #contents .inner .serviceMap a.crack {
        top: 173px;
        left: 333px;
        width: 322px; }
      #contents .inner .serviceMap a.tvantenna {
        top: 285px;
        left: 690px;
        width: 273px; }
      #contents .inner .serviceMap a.wincleaning {
        top: 622px;
        left: 794px;
        width: 164px; }
      #contents .inner .serviceMap a.totan {
        top: 848px;
        left: 536px;
        width: 276px; }
      #contents .inner .serviceMap a.tank {
        top: 818px;
        left: 198px;
        width: 269px; }
      #contents .inner .serviceMap a.net {
        top: 572px;
        left: 34px;
        width: 178px; }
    #contents .inner .priceList {
      border-collapse: collapse !important;
      margin-bottom: 30px; }
      #contents .inner .priceList th + th,
      #contents .inner .priceList th + td,
      #contents .inner .priceList td + td,
      #contents .inner .priceList td:first-child {
        border-left: 1px solid #ffffff !important; }
      #contents .inner .priceList tr + tr {
        border-top: 1px solid #ffffff; }
      #contents .inner .priceList tr th:nth-of-type(1) {
        width: 10%;
        padding: 10px;
        text-align: center; }
      #contents .inner .priceList tr th:nth-of-type(2) {
        width: 40%; }
      #contents .inner .priceList tr th:nth-of-type(3) {
        width: 35%; }
      #contents .inner .priceList tr th:nth-of-type(4) {
        width: 15%; }
      #contents .inner .priceList tr:first-child + * + * + * {
        border-top: 2px solid #ffffff; }
      #contents .inner .priceList tr:first-child + * + * + * + * {
        border-bottom: 2px solid #ffffff; }
    #contents .inner .sukuBox {
      display: table;
      margin-bottom: 20px; }
      #contents .inner .sukuBox div {
        display: table-cell; }
      #contents .inner .sukuBox div:nth-of-type(2) {
        padding-left: 10px; }
      #contents .inner .sukuBox div:nth-of-type(3) {
        vertical-align: top; }
      #contents .inner .sukuBox h4 {
        font-size: 166.7%;
        font-weight: bold;
        margin-bottom: 10px; }
    #contents .inner .gochuuiBox {
      border: 1px solid #be1c1c;
      padding: 10px 50px 10px 60px;
      position: relative; }
      #contents .inner .gochuuiBox img {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto 0;
        overflow: hidden; }
    #contents .inner .gochuuiBox02 {
      border: 1px solid #be1c1c;
      padding: 10px 212px 10px 10px;
      position: relative;
      line-height: 2.0;
      min-height: 192px;
      background-color: #ffd3d3;
      font-size: 116.7%; }
      #contents .inner .gochuuiBox02 p + p {
        margin-top: 20px; }
      #contents .inner .gochuuiBox02 img {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto 0;
        right: 20px;
        width: 192px;
        height: 192px; }
    #contents .inner .imgGochuui01 {
      left: 10px;
      width: 40px;
      height: 40px; }
    #contents .inner .imgGochuui02 {
      right: 10px;
      width: 48px;
      height: 62px; }
    #contents .inner .gochuuiCaseList li {
      border: 1px solid #be1c1c;
      box-sizing: border-box;
      display: table;
      width: 100%; }
    #contents .inner .gochuuiCaseList li + li {
      margin-top: 10px; }
    #contents .inner .gochuuiCaseList div {
      width: 10%;
      display: table-cell;
      padding: 0 10px;
      box-sizing: border-box;
      vertical-align: middle;
      font-size: 116.7%;
      font-weight: bold; }
    #contents .inner .gochuuiCaseList div:first-child + * {
      width: 40%; }
    #contents .inner .gochuuiCaseList div:first-child + * + * + * {
      width: 40%;
      color: #be1c1c; }
    #contents .inner .gochuuiCaseList img {
      vertical-align: middle;
      display: inline-block; }
    #contents .inner .gochuuiCaseList p {
      width: 100%;
      height: 100%;
      padding-left: 10px;
      vertical-align: middle;
      display: inline-block; }
    #contents .inner .contentBlock {
      background-color: #ffffff;
      padding: 40px 20px;
      box-sizing: border-box;
      /* ちょこっとサービス */
      /* 個人情報保護方針 */
      /* 採用情報 */
      /* アンケート紹介 */ }
      #contents .inner .contentBlock .wideImage {
        width: 100%;
        height: auto; }
      #contents .inner .contentBlock .emphasisText {
        color: #be1c1c; }
      #contents .inner .contentBlock .priceText {
        font-size: 166.7%;
        color: #548235;
        font-weight: bold; }
      #contents .inner .contentBlock img.companyPhoto {
        border: 1px solid #ebe9df;
        width: 353px;
        height: 309px; }
      #contents .inner .contentBlock .imgOnline01 {
        width: 940px;
        height: 1038px;
        margin-top: 30px; }
      #contents .inner .contentBlock p.text {
        font-size: 116.7%; }
      #contents .inner .contentBlock .mtext {
        font-size: 134%; }
      #contents .inner .contentBlock .ltext {
        font-size: 166.7%; }
      #contents .inner .contentBlock .newText {
        font-weight: bold;
        color: #be1c1c; }
      #contents .inner .contentBlock .workplaceText {
        font-weight: bold;
        color: #1C74BD; }
      #contents .inner .contentBlock .totalText {
        color: #be1c1c;
        position: relative;
        top: 0;
        right: 0; }
      #contents .inner .contentBlock .att {
        padding-left: 1em;
        text-indent: -1em; }
      #contents .inner .contentBlock .basisBox {
        border: 1px solid #be1c1c;
        padding: 20px; }
        #contents .inner .contentBlock .basisBox h4 {
          font-size: 166.7%; }
        #contents .inner .contentBlock .basisBox h4 + ul {
          margin-top: 10px; }
      #contents .inner .contentBlock .exampleBox {
        display: table-cell;
        width: 33%;
        padding: 20px; }
        #contents .inner .contentBlock .exampleBox h4 {
          font-size: 166.7%; }
        #contents .inner .contentBlock .exampleBox h4 + ul {
          margin-top: 10px; }
        #contents .inner .contentBlock .exampleBox .basisList li {
          float: none;
          padding-left: 10px; }
      #contents .inner .contentBlock .iconKankyo {
        padding-left: 72px;
        position: relative; }
      #contents .inner .contentBlock .iconKankyo:after {
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        width: 100%;
        height: 100%;
        background-position: 12px center;
        background-repeat: no-repeat; }
      #contents .inner .contentBlock .iconKankyo01:after {
        background-image: url(/img/product/kankyo_09.png); }
      #contents .inner .contentBlock .iconKankyo02:after {
        background-image: url(/img/product/kankyo_10.png); }
      #contents .inner .contentBlock .iconKankyo03:after {
        background-image: url(/img/product/kankyo_11.png); }
      #contents .inner .contentBlock .iconKankyo04:after {
        background-image: url(/img/product/kankyo_12.png); }
      #contents .inner .contentBlock .basisList li {
        float: left;
        font-size: 116.7%;
        margin-right: 20px; }
      #contents .inner .contentBlock .basisBox + .basisBox {
        margin-top: 20px; }
      #contents .inner .contentBlock h4.adressTitle {
        font-size: 166.7%;
        padding-left: 25px;
        background-image: url(/img/common/icon_midasi01.png);
        background-position: 0 center;
        background-repeat: no-repeat; }
      #contents .inner .contentBlock p.pointText {
        font-size: 166.7%;
        font-weight: bold;
        padding-left: 25px;
        background-image: url(/img/common/icon_midasi01.png);
        background-position: 0 6px;
        background-repeat: no-repeat; }
        #contents .inner .contentBlock p.pointText span {
          color: #be1c1c; }
      #contents .inner .contentBlock p.pointTextSub {
        font-size: 116.7%;
        margin-top: 10px; }
        #contents .inner .contentBlock p.pointTextSub span {
          color: #be1c1c; }
        #contents .inner .contentBlock p.pointTextSub a {
          color: #be1c1c; }
      #contents .inner .contentBlock .pointText + .pointText {
        margin-top: 10px; }
      #contents .inner .contentBlock .pointTextSub + .pointText,
      #contents .inner .contentBlock .pointTextSub + form,
      #contents .inner .contentBlock .inputBlock + .pointText {
        margin-top: 20px; }
      #contents .inner .contentBlock .termsBox {
        background-color: #ffe1e1;
        color: #be1c1c;
        font-size: 134%;
        width: 100%;
        padding: 10px;
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        margin: 20px auto;
        box-sizing: border-box; }
      #contents .inner .contentBlock .inputTitle {
        width: 100%;
        height: 40px;
        line-height: 40px;
        background-color: #d5d3c0;
        padding: 0 20px;
        box-sizing: border-box;
        font-size: 134%;
        font-weight: bold; }
      #contents .inner .contentBlock span.required {
        color: #be1c1c;
        text-indent: 1em;
        display: inline-block; }
      #contents .inner .contentBlock .inputBlock {
        position: relative;
        background-color: #f5f3e9;
        width: 100%;
        padding: 20px;
        box-sizing: border-box; }
        #contents .inner .contentBlock .inputBlock #unit {
          font-size: 134%;
          margin-left: 5px;
          padding-bottom: 5px; }
        #contents .inner .contentBlock .inputBlock .super {
          vertical-align: super;
          color: #3C3839; }
        #contents .inner .contentBlock .inputBlock select {
          font-size: 100%; }
        #contents .inner .contentBlock .inputBlock select:focus {
          outline: none;
          background-color: #F7F7F3; }
        #contents .inner .contentBlock .inputBlock input, #contents .inner .contentBlock .inputBlock label, #contents .inner .contentBlock .inputBlock textarea {
          font-size: 134%; }
        #contents .inner .contentBlock .inputBlock input:focus {
          outline: none;
          background-color: #F7F7F3; }
        #contents .inner .contentBlock .inputBlock textarea {
          font-family: sans-serif; }
        #contents .inner .contentBlock .inputBlock textarea:focus {
          outline: none;
          background-color: #F7F7F3; }
        #contents .inner .contentBlock .inputBlock ul li div {
          display: inline-block;
          vertical-align: middle; }
        #contents .inner .contentBlock .inputBlock ul li div:first-child {
          width: 232px;
          vertical-align: top;
          padding-top: 0.5em;
          font-size: 134%; }
        #contents .inner .contentBlock .inputBlock ul li div:last-child {
          width: 630px;
          position: relative; }
          #contents .inner .contentBlock .inputBlock ul li div:last-child span {
            font-size: 134%; }
        #contents .inner .contentBlock .inputBlock ul li + li {
          margin-top: 12px; }
        #contents .inner .contentBlock .inputBlock .select {
          position: relative;
          display: inline-block;
          width: 600px;
          height: 40px;
          line-height: 40px;
          vertical-align: middle;
          text-indent: 1em;
          box-sizing: border-box;
          border: 1px solid #dad8c7;
          border-bottom: 4px solid #dad8c7; }
        #contents .inner .contentBlock .inputBlock .select-group {
          position: relative;
          display: inline-block;
          width: 600px;
          height: 40px;
          line-height: 40px;
          vertical-align: middle; }
        #contents .inner .contentBlock .inputBlock .select-group::after,
        #contents .inner .contentBlock .inputBlock .select-group-year::after,
        #contents .inner .contentBlock .inputBlock .select-group-month::after,
        #contents .inner .contentBlock .inputBlock .select-group-adress::after {
          content: "";
          width: 10px;
          height: 10px;
          position: absolute;
          display: inline-block;
          top: 10px;
          right: 20px;
          border-left: 2px solid #dad8c7;
          border-bottom: 2px solid #dad8c7;
          -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
          transform: rotate(-45deg); }
        #contents .inner .contentBlock .inputBlock .select-year {
          position: relative;
          display: inline-block;
          width: 150px;
          height: 40px;
          text-indent: 1em;
          box-sizing: border-box;
          border: 1px solid #dad8c7;
          border-bottom: 4px solid #dad8c7; }
        #contents .inner .contentBlock .inputBlock .select-group-year {
          position: relative;
          display: inline-block;
          width: 150px;
          height: 40px;
          vertical-align: middle; }
        #contents .inner .contentBlock .inputBlock .select-month {
          position: relative;
          display: inline-block;
          width: 100px;
          height: 40px;
          text-indent: 1em;
          box-sizing: border-box;
          border: 1px solid #dad8c7;
          border-bottom: 4px solid #dad8c7; }
        #contents .inner .contentBlock .inputBlock .select-group-month {
          position: relative;
          display: inline-block;
          width: 100px;
          height: 40px; }
        #contents .inner .contentBlock .inputBlock .select-adress {
          position: relative;
          display: inline-block;
          width: 220px;
          height: 40px;
          text-indent: 1em;
          box-sizing: border-box;
          border: 1px solid #dad8c7;
          border-bottom: 4px solid #dad8c7; }
        #contents .inner .contentBlock .inputBlock .select-group-adress {
          position: relative;
          display: inline-block;
          width: 220px;
          height: 40px; }
        #contents .inner .contentBlock .inputBlock .other-model {
          margin-left: 10px;
          margin-right: 5px; }
        #contents .inner .contentBlock .inputBlock input[type="text"].inputLongText {
          width: 600px;
          height: 40px;
          text-indent: 1em;
          box-sizing: border-box;
          border: 1px solid #dad8c7;
          border-bottom: 4px solid #dad8c7; }
        #contents .inner .contentBlock .inputBlock input[type="text"].inputMiddleText {
          width: 100px;
          height: 40px;
          text-indent: 1em;
          box-sizing: border-box;
          border: 1px solid #dad8c7;
          border-bottom: 4px solid #dad8c7; }
        #contents .inner .contentBlock .inputBlock textarea {
          border: 1px solid #dad8c7;
          border-bottom: 3px solid #dad8c7;
          padding: 10px;
          width: 580px;
          height: 100px;
          resize: none; }
      #contents .inner .contentBlock .completeText {
        text-align: center; }
        #contents .inner .contentBlock .completeText p {
          display: inline-block;
          text-align: left; }
      #contents .inner .contentBlock ul.arrowLink {
        margin-bottom: 35px; }
      #contents .inner .contentBlock ul.arrowLink a {
        font-size: 116.7%;
        padding-left: 24px;
        color: #be1c1c;
        position: relative; }
      #contents .inner .contentBlock ul.arrowLink a:after {
        position: absolute;
        width: 13px;
        height: 13px;
        content: "";
        background-image: url(/img/common/icon_arrow_red_right.png);
        background-size: 13px, 13px;
        background-repeat: no-repeat;
        left: 2px;
        top: 0;
        bottom: 0;
        margin: auto 0; }
      #contents .inner .contentBlock ul.arrowLink li + li {
        margin-top: 10px 1em; }
      #contents .inner .contentBlock .blockQ {
        position: relative;
        background-color: #fff5e6;
        margin-left: 8px;
        padding: 20px 20px 20px 55px;
        font-size: 116.7%; }
      #contents .inner .contentBlock .blockQ:after {
        content: "";
        position: absolute;
        top: 0;
        left: -8px;
        width: 43px;
        height: 100%;
        display: block;
        background-image: url(/img/common/icon_q.png);
        background-repeat: no-repeat;
        background-position: 0 center; }
      #contents .inner .contentBlock .blockA {
        position: relative;
        background-color: #f1ffe6;
        margin-left: 8px;
        padding: 20px 20px 20px 55px;
        font-size: 116.7%; }
        #contents .inner .contentBlock .blockA > div .freeCall {
          width: 430px;
          position: absolute;
          top: 200px;
          left: 498px; }
      #contents .inner .contentBlock .blockA:after {
        content: "";
        position: absolute;
        top: 0;
        left: -8px;
        width: 43px;
        height: 100%;
        display: block;
        background-image: url(/img/common/icon_a.png);
        background-repeat: no-repeat;
        background-position: 0 center; }
      #contents .inner .contentBlock .blockQ + .blockA {
        margin-top: 10px; }
      #contents .inner .contentBlock h4 + table, #contents .inner .contentBlock table + h4 {
        margin-top: 20px; }
      #contents .inner .contentBlock table {
        width: 100%;
        font-size: 116.7%;
        border-spacing: 1px;
        background-color: #ffffff; }
        #contents .inner .contentBlock table th {
          background-color: #d5d3c0;
          width: 150px;
          height: 40px;
          padding: 10px 20px;
          vertical-align: middle;
          border: 1px solid #ffffff;
          text-align: left;
          box-sizing: border-box; }
        #contents .inner .contentBlock table td {
          background-color: #f5f3e9;
          height: 40px;
          padding: 10px 20px;
          vertical-align: middle;
          border: 1px solid #ffffff;
          position: relative;
          box-sizing: border-box; }
          #contents .inner .contentBlock table td span {
            position: absolute;
            top: 0;
            bottom: 0;
            margin: auto;
            height: 20px;
            right: 20px; }
      #contents .inner .contentBlock .catalogTable {
        text-align: center; }
        #contents .inner .contentBlock .catalogTable td:first-child {
          width: 197px; }
        #contents .inner .contentBlock .catalogTable td:first-child + * {
          width: 199px; }
        #contents .inner .contentBlock .catalogTable td:first-child + * + * {
          width: 197px; }
        #contents .inner .contentBlock .catalogTable td:first-child + * + * + * {
          width: 202px; }
      #contents .inner .contentBlock .leftContent {
        float: left; }
        #contents .inner .contentBlock .leftContent .imgSolare02 {
          width: 374px;
          height: 230px; }
        #contents .inner .contentBlock .leftContent .imgSolare04 {
          width: 366px;
          height: 376px; }
        #contents .inner .contentBlock .leftContent .imgCallCener {
          width: 329px;
          height: 218px; }
      #contents .inner .contentBlock .rightContent {
        float: right; }
        #contents .inner .contentBlock .rightContent table {
          width: 585px; }
      #contents .inner .contentBlock .point {
        background-color: #ffe1e1;
        width: 100%;
        color: #be1c1c;
        padding: 20px;
        box-sizing: border-box;
        font-size: 166.7%;
        font-weight: bold; }
      #contents .inner .contentBlock .point02 {
        color: #3C3839;
        font-size: 116.7%;
        font-weight: normal; }
        #contents .inner .contentBlock .point02 span {
          color: #be1c1c; }
      #contents .inner .contentBlock .point03 {
        background-color: #FFF5E6;
        width: 100%;
        color: #F09300;
        border: 1px solid #F09300;
        padding: 20px;
        box-sizing: border-box;
        font-size: 166.7%;
        font-weight: bold; }
      #contents .inner .contentBlock .point04 {
        background-color: #d6eefb;
        width: 100%;
        color: #659bd3;
        padding: 10px;
        box-sizing: border-box;
        font-size: 166.7%;
        font-weight: bold; }
        #contents .inner .contentBlock .point04 span {
          display: inline-block; }
        #contents .inner .contentBlock .point04 span:first-child {
          margin-right: 10px; }
      #contents .inner .contentBlock .manualList li {
        float: left;
        width: 470px;
        height: 40px;
        line-height: 40px;
        box-sizing: border-box;
        background-color: #ffffff;
        border: 1px solid #ebe9df; }
        #contents .inner .contentBlock .manualList li a {
          display: block;
          padding: 0 20px 0 40px;
          font-size: 116.7%;
          text-decoration: none;
          position: relative; }
        #contents .inner .contentBlock .manualList li a:after {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 40px;
          height: 40px;
          background-repeat: no-repeat;
          background-image: url(/img/common/icon_arrow_red_right.png);
          background-position: center; }
      #contents .inner .contentBlock .manualList li + li {
        margin-left: 20px; }
      #contents .inner .contentBlock .twoRows {
        width: 100%; }
        #contents .inner .contentBlock .twoRows table {
          width: 96%;
          margin: 20px auto; }
        #contents .inner .contentBlock .twoRows table.maintenanceTable th {
          text-align: center; }
        #contents .inner .contentBlock .twoRows table.maintenanceTable td {
          text-align: right;
          padding: 5px 10px; }
        #contents .inner .contentBlock .twoRows table.maintenanceTable td:first-child {
          text-align: left;
          width: 36%; }
        #contents .inner .contentBlock .twoRows table.maintenanceTable td:nth-of-type(2) {
          width: 24%; }
        #contents .inner .contentBlock .twoRows table.maintenanceTable td.alignLeft {
          text-align: left; }
        #contents .inner .contentBlock .twoRows table.repairTable th {
          text-align: center; }
        #contents .inner .contentBlock .twoRows table.repairTable td {
          text-align: right;
          padding: 5px; }
        #contents .inner .contentBlock .twoRows table.repairTable td:first-child {
          text-align: left;
          width: 60%; }
        #contents .inner .contentBlock .twoRows table.repairTable td:last-child {
          text-align: left; }
        #contents .inner .contentBlock .twoRows table.repairTable td:nth-of-type(2) {
          width: 20%; }
        #contents .inner .contentBlock .twoRows table.repairTable .other {
          background-color: #CCCAB3; }
      #contents .inner .contentBlock .twoRows > div {
        display: inline-block;
        width: 48%;
        vertical-align: top; }
      #contents .inner .contentBlock .twoRows > div:first-child {
        margin-right: 15px; }
      #contents .inner .contentBlock .threeRows {
        width: 100%; }
        #contents .inner .contentBlock .threeRows div {
          display: inline-block;
          width: 33%;
          vertical-align: top; }
      #contents .inner .contentBlock .w450 {
        width: 450px; }
      #contents .inner .contentBlock .solare21Left {
        width: 374px;
        text-align: center; }
      #contents .inner .contentBlock .solare21 {
        width: 565px; }
        #contents .inner .contentBlock .solare21 .title {
          font-size: 166.7%;
          font-weight: bold; }
          #contents .inner .contentBlock .solare21 .title span {
            color: #be1c1c; }
        #contents .inner .contentBlock .solare21 .innerText {
          font-size: 116.7%;
          padding: 10px; }
      #contents .inner .contentBlock .patent {
        width: 100%;
        margin-top: 20px;
        height: auto;
        display: table; }
        #contents .inner .contentBlock .patent div.handbook {
          width: 142px;
          text-align: center; }
        #contents .inner .contentBlock .patent div {
          display: table-cell;
          vertical-align: middle; }
          #contents .inner .contentBlock .patent div img {
            width: 122px;
            min-width: 122px;
            height: 124px; }
          #contents .inner .contentBlock .patent div img.human {
            width: 64px;
            min-width: 64px;
            height: 84px;
            padding-right: 320px; }
          #contents .inner .contentBlock .patent div img.ecop01 {
            width: 90px;
            min-width: 90px;
            height: 130px; }
        #contents .inner .contentBlock .patent p {
          width: 100%;
          padding: 10px;
          display: table-cell;
          vertical-align: middle;
          font-size: 116.7%; }
        #contents .inner .contentBlock .patent span {
          color: #999999;
          font-size: 100%; }
      #contents .inner .contentBlock .solare21-02 {
        width: 575px; }
        #contents .inner .contentBlock .solare21-02 ul li {
          width: 100%;
          border: 1px solid #be1c1c;
          display: table;
          font-size: 166.7%;
          padding: 20px 20px 20px 82px;
          box-sizing: border-box;
          margin-bottom: 20px;
          background-position: 20px center;
          background-repeat: no-repeat; }
        #contents .inner .contentBlock .solare21-02 ul li:nth-of-type(1) {
          background-image: url(/img/common/icon_list01.png); }
        #contents .inner .contentBlock .solare21-02 ul li:nth-of-type(2) {
          background-image: url(/img/common/icon_list02.png); }
        #contents .inner .contentBlock .solare21-02 ul li:nth-of-type(3) {
          background-image: url(/img/common/icon_list03.png); }
        #contents .inner .contentBlock .solare21-02 ul li:nth-of-type(4) {
          background-image: url(/img/common/icon_list04.png); }
        #contents .inner .contentBlock .solare21-02 ul li:nth-of-type(5) {
          background-image: url(/img/common/icon_list05.png); }
        #contents .inner .contentBlock .solare21-02 ul li:nth-of-type(6) {
          background-image: url(/img/common/icon_list06.png); }
        #contents .inner .contentBlock .solare21-02 ul li:nth-of-type(7) {
          background-image: url(/img/common/icon_list07.png); }
      #contents .inner .contentBlock .solare21-03 {
        width: 801px; }
        #contents .inner .contentBlock .solare21-03 ul li {
          width: 100%;
          border: 1px solid #be1c1c;
          display: table;
          padding: 20px 20px 20px 70px;
          box-sizing: border-box;
          margin-bottom: 20px;
          background-position: 20px center;
          background-repeat: no-repeat; }
          #contents .inner .contentBlock .solare21-03 ul li h4 {
            font-size: 166.7%;
            font-weight: bold; }
          #contents .inner .contentBlock .solare21-03 ul li p {
            font-size: 116.7%; }
        #contents .inner .contentBlock .solare21-03 ul li:nth-of-type(1) {
          background-image: url(/img/common/icon_list01.png); }
        #contents .inner .contentBlock .solare21-03 ul li:nth-of-type(2) {
          background-image: url(/img/common/icon_list02.png); }
        #contents .inner .contentBlock .solare21-03 ul li:nth-of-type(3) {
          background-image: url(/img/common/icon_list03.png); }
        #contents .inner .contentBlock .solare21-03 ul li:nth-of-type(4) {
          background-image: url(/img/common/icon_list04.png); }
        #contents .inner .contentBlock .solare21-03 ul li:nth-of-type(5) {
          background-image: url(/img/common/icon_list05.png); }
        #contents .inner .contentBlock .solare21-03 ul li:nth-of-type(6) {
          background-image: url(/img/common/icon_list06.png); }
        #contents .inner .contentBlock .solare21-03 ul li:nth-of-type(7) {
          background-image: url(/img/common/icon_list07.png); }
      #contents .inner .contentBlock .solar {
        width: 440px; }
      #contents .inner .contentBlock .asn230fb-01 {
        width: 530px; }
        #contents .inner .contentBlock .asn230fb-01 p + p {
          margin-top: 20px; }
      #contents .inner .contentBlock .asn230fb-02 {
        width: 626px; }
        #contents .inner .contentBlock .asn230fb-02 p + p {
          margin-top: 20px; }
      #contents .inner .contentBlock .inlineBox {
        display: inline-block;
        box-sizing: border-box; }
      #contents .inner .contentBlock .specBtn {
        background-color: #ffffff;
        width: 100%;
        height: 40px;
        line-height: 40px;
        border: 1px solid #dad8c7;
        border-bottom: 3px solid #dad8c7;
        box-sizing: border-box;
        margin-bottom: 20px;
        padding: 0 20px;
        text-align: left;
        position: relative; }
      #contents .inner .contentBlock .specBtn::after {
        content: "";
        width: 12px;
        height: 12px;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto 0;
        right: 20px;
        border-left: 2px solid #dad8c7;
        border-bottom: 2px solid #dad8c7;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg); }
      #contents .inner .contentBlock .serviceBlock {
        width: 55%; }
      #contents .inner .contentBlock .serviceBlockLeft {
        width: 40%; }
      #contents .inner .contentBlock .serviceBlockRight {
        width: 59%; }
      #contents .inner .contentBlock .specList02 {
        float: left;
        display: inline-block;
        width: 100%;
        font-size: 116.7%;
        border-spacing: 1px;
        background-color: #ffffff; }
        #contents .inner .contentBlock .specList02 li {
          display: table;
          border-color: #00b0f0;
          border-spacing: 0;
          width: 100%;
          height: 40px;
          float: none; }
          #contents .inner .contentBlock .specList02 li div {
            border: 2px solid #00b0f0; }
          #contents .inner .contentBlock .specList02 li div:first-child {
            width: 150px;
            height: 40px;
            line-height: 40px;
            display: inline-block;
            background-color: #00b0f0;
            /*#d5d3c0;*/
            padding: 0 20px;
            box-sizing: border-box;
            font-weight: bold;
            color: #ffffff; }
          #contents .inner .contentBlock .specList02 li div:first-child + * {
            width: 327px;
            height: 40px;
            line-height: 40px;
            display: inline-block;
            background-color: #ffffff;
            /*#f5f3e9;*/
            padding: 0 20px;
            color: #01B0F1;
            font-weight: bold;
            box-sizing: border-box; }
        #contents .inner .contentBlock .specList02 li + li {
          margin-top: -2px; }
      #contents .inner .contentBlock .imgTvantenna {
        text-align: center; }
        #contents .inner .contentBlock .imgTvantenna img {
          width: 410px;
          height: 180px; }
      #contents .inner .contentBlock .imgBeforeAfter {
        float: right;
        width: 45%;
        text-align: right; }
        #contents .inner .contentBlock .imgBeforeAfter img {
          width: 178px;
          height: 178px;
          display: block; }
        #contents .inner .contentBlock .imgBeforeAfter div {
          position: relative;
          display: inline-block;
          width: 178px;
          height: 178px; }
        #contents .inner .contentBlock .imgBeforeAfter div + div {
          padding-left: 38px; }
        #contents .inner .contentBlock .imgBeforeAfter div:first-child::after {
          position: absolute;
          content: "";
          display: inline-block;
          top: 76px;
          right: -46px;
          width: 0;
          height: 0;
          border: 16px solid transparent;
          border-bottom-color: #be1c1c;
          -webkit-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
      #contents .inner .contentBlock .needBlock {
        border: 1px solid #be1c1c;
        padding: 10px; }
      #contents .inner .contentBlock ul.numberList li {
        width: 100%;
        border: 1px solid #be1c1c;
        display: table;
        padding: 20px 20px 20px 70px;
        box-sizing: border-box;
        margin-bottom: 20px;
        background-position: 20px center;
        background-repeat: no-repeat;
        position: relative;
        font-size: 116.7%; }
        #contents .inner .contentBlock ul.numberList li h4 {
          font-size: 166.7%;
          font-weight: bold; }
        #contents .inner .contentBlock ul.numberList li p {
          font-size: 116.7%; }
        #contents .inner .contentBlock ul.numberList li span {
          color: #be1c1c; }
      #contents .inner .contentBlock ul.numberList li.valignTopNumber {
        background-position: 10px 10px; }
      #contents .inner .contentBlock ul.numberList li:first-child {
        background-image: url(/img/common/icon_list01.png); }
      #contents .inner .contentBlock ul.numberList li:first-child + * {
        background-image: url(/img/common/icon_list02.png); }
      #contents .inner .contentBlock ul.numberList li:first-child + * + * {
        background-image: url(/img/common/icon_list03.png); }
      #contents .inner .contentBlock ul.numberList li:first-child + * + * + * {
        background-image: url(/img/common/icon_list04.png); }
      #contents .inner .contentBlock ul.numberList li:first-child + * + * + * + * {
        background-image: url(/img/common/icon_list05.png); }
      #contents .inner .contentBlock ul.numberList li:first-child + * + * + * + * + * {
        background-image: url(/img/common/icon_list06.png); }
      #contents .inner .contentBlock ul.numberList li:first-child + * + * + * + * + * + * {
        background-image: url(/img/common/icon_list07.png); }
      #contents .inner .contentBlock ul.numberList .brown {
        padding: 30px 20px 30px 70px; }
        #contents .inner .contentBlock ul.numberList .brown img {
          position: absolute;
          top: 0;
          bottom: 0;
          right: 10px;
          margin: auto 0;
          width: 174px;
          height: auto; }
      #contents .inner .contentBlock .numberListEx li {
        height: 32px;
        line-height: 32px;
        font-size: 134%;
        font-weight: bold; }
        #contents .inner .contentBlock .numberListEx li img {
          width: 32px;
          height: 32px;
          margin-right: 10px; }
      #contents .inner .contentBlock .numberListEx li + li {
        margin-top: 10px; }
      #contents .inner .contentBlock .numberListEx li {
        font-size: 12px;
        height: 24px;
        line-height: 24px; }
        #contents .inner .contentBlock .numberListEx li img {
          width: 24px;
          height: 24px; }
      #contents .inner .contentBlock .numberListEx02 li {
        float: left;
        width: 50%;
        box-sizing: border-box;
        height: 32px;
        line-height: 32px;
        padding-left: 50px;
        display: inline-block;
        font-size: 116.7%;
        background-repeat: no-repeat;
        background-size: 32px;
        background-position: 5px 0; }
      #contents .inner .contentBlock .numberListEx02 li + li {
        margin-top: 10px; }
      #contents .inner .contentBlock .numberListEx02 li:nth-of-type(1) {
        background-image: url(/img/common/icon_list01.png); }
      #contents .inner .contentBlock .numberListEx02 li:nth-of-type(2) {
        background-image: url(/img/common/icon_list02.png); }
      #contents .inner .contentBlock .numberListEx02 li:nth-of-type(3) {
        background-image: url(/img/common/icon_list03.png); }
      #contents .inner .contentBlock .numberListEx02 li:nth-of-type(4) {
        background-image: url(/img/common/icon_list04.png); }
      #contents .inner .contentBlock .numberListEx02 li:nth-of-type(5) {
        background-image: url(/img/common/icon_list05.png); }
      #contents .inner .contentBlock .numberListEx02 li:nth-of-type(6) {
        background-image: url(/img/common/icon_list06.png); }
      #contents .inner .contentBlock .numberListEx02 li:nth-of-type(7) {
        background-image: url(/img/common/icon_list07.png); }
      #contents .inner .contentBlock .numberListEx02 li:nth-of-type(8) {
        background-image: url(/img/common/icon_list08.png); }
      #contents .inner .contentBlock .numberListEx02 li:nth-of-type(9) {
        background-image: url(/img/common/icon_list09.png); }
      #contents .inner .contentBlock .maintenanceList li {
        display: inline-block;
        margin: 0 10px 20px; }
      #contents .inner .contentBlock .small {
        padding: 5px; }
      #contents .inner .contentBlock .title {
        font-size: 166.7%; }
      #contents .inner .contentBlock .super {
        vertical-align: super;
        color: #be1c1c; }
      #contents .inner .contentBlock .caution {
        display: block;
        background-color: #be1c1c;
        color: #ffffff;
        font-size: 116.7%;
        font-weight: normal;
        padding: 10px;
        margin: 10px 0 0 0;
        box-sizing: border-box; }
        #contents .inner .contentBlock .caution span:first-child {
          display: block;
          vertical-align: top;
          color: #fffc00;
          font-weight: bold; }
        #contents .inner .contentBlock .caution span:last-child {
          width: 100%; }
      #contents .inner .contentBlock .note {
        color: #be1c1c;
        font-size: 116.7%;
        padding: 20px 0;
        box-sizing: border-box; }
      #contents .inner .contentBlock .onepointBlock {
        background-color: #ffe1e1;
        padding: 20px; }
        #contents .inner .contentBlock .onepointBlock img {
          display: inline-block;
          width: 336px;
          height: auto;
          vertical-align: top; }
        #contents .inner .contentBlock .onepointBlock p {
          width: 544px;
          display: inline-block;
          font-size: 166.7%;
          font-weight: bold;
          color: #be1c1c;
          margin-left: 20px; }
      #contents .inner .contentBlock .centerImage {
        text-align: center; }
      #contents .inner .contentBlock .pointList {
        padding: 0 10px; }
        #contents .inner .contentBlock .pointList li {
          float: left;
          width: 288px;
          padding-right: 38px;
          position: relative;
          font-size: 116.7%; }
          #contents .inner .contentBlock .pointList li img {
            width: 288px;
            height: 210px; }
          #contents .inner .contentBlock .pointList li p {
            padding: 4px 10px 10px 10px;
            box-sizing: border-box;
            text-align: left; }
        #contents .inner .contentBlock .pointList li::after {
          position: absolute;
          content: "";
          display: inline-block;
          top: 92px;
          right: -4px;
          width: 0;
          height: 0;
          border: 16px solid transparent;
          border-bottom-color: #be1c1c;
          -webkit-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
        #contents .inner .contentBlock .pointList li:last-child,
        #contents .inner .contentBlock .pointList li:nth-of-type(3n) {
          padding-right: 0; }
        #contents .inner .contentBlock .pointList li:last-child:after,
        #contents .inner .contentBlock .pointList li:nth-of-type(3n):after {
          border: none; }
      #contents .inner .contentBlock .pointRedBorder {
        border: 1px solid #be1c1c;
        box-sizing: border-box;
        padding: 10px 9px; }
      #contents .inner .contentBlock .pointList02 {
        display: table;
        margin: 0 auto; }
        #contents .inner .contentBlock .pointList02 li {
          display: table-cell;
          width: 180px;
          padding-right: 60px;
          position: relative;
          vertical-align: top;
          font-size: 116.7%; }
          #contents .inner .contentBlock .pointList02 li div {
            width: 180px;
            display: inline-block;
            vertical-align: top; }
          #contents .inner .contentBlock .pointList02 li div + div {
            margin-left: 20px; }
          #contents .inner .contentBlock .pointList02 li img {
            widht: 100%;
            height: auto; }
          #contents .inner .contentBlock .pointList02 li p {
            padding: 10px; }
        #contents .inner .contentBlock .pointList02 li.item2 {
          width: 388px; }
        #contents .inner .contentBlock .pointList02 li.item3 {
          width: 600px; }
        #contents .inner .contentBlock .pointList02 li::after {
          position: absolute;
          content: "";
          display: inline-block;
          top: 30%;
          right: 8px;
          width: 0;
          height: 0;
          border: 16px solid transparent;
          border-bottom-color: #be1c1c;
          -webkit-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
        #contents .inner .contentBlock .pointList02 li:last-child {
          padding-right: 0; }
        #contents .inner .contentBlock .pointList02 li:last-child:after {
          border: none; }
      #contents .inner .contentBlock .dealBlock {
        text-align: center; }
        #contents .inner .contentBlock .dealBlock .arrowImg {
          margin-top: 50px;
          position: relative;
          display: block; }
        #contents .inner .contentBlock .dealBlock .arrowImg::after {
          content: "";
          position: absolute;
          top: -35px;
          left: 50%;
          margin-left: -20px;
          width: 0;
          height: 0;
          border: 20px solid transparent;
          border-bottom-color: #be1c1c;
          -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
        #contents .inner .contentBlock .dealBlock p {
          text-align: left; }
      #contents .inner .contentBlock .dealBlock > div {
        display: inline-block;
        vertical-align: top;
        padding: 20px;
        width: 288px;
        position: relative; }
        #contents .inner .contentBlock .dealBlock > div img + p {
          margin-top: 10px; }
        #contents .inner .contentBlock .dealBlock > div img + img {
          margin-top: 10px; }
      #contents .inner .contentBlock .dealBlock > div:first-child {
        background-color: #99dff9; }
      #contents .inner .contentBlock .dealBlock > div:first-child:after {
        content: "対処";
        position: absolute;
        display: inline-block;
        vertical-align: middle;
        top: 50%;
        right: -70px;
        background-color: #be1c1c;
        font-size: 166.7%;
        color: #ffffff;
        width: 60px;
        height: 30px;
        margin-top: -15px;
        text-align: center; }
      #contents .inner .contentBlock .dealBlock > div:first-child + * {
        margin-left: 100px;
        background-color: #ffc2d6; }
      #contents .inner .contentBlock .dealBlock > div:first-child:before {
        content: "";
        position: absolute;
        top: 50%;
        margin-top: -20px;
        right: -110px;
        width: 0;
        height: 0; }
      #contents .inner .contentBlock .dealBlock > div:first-child::before {
        border: 20px solid transparent;
        border-bottom-color: #be1c1c;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg); }
      #contents .inner .contentBlock .pointBox {
        display: table-cell;
        padding: 0 10px; }
        #contents .inner .contentBlock .pointBox img {
          width: 288px;
          min-width: 288px;
          height: auto;
          display: inline-block; }
        #contents .inner .contentBlock .pointBox img.w145 {
          width: 145px;
          min-width: 145px;
          height: auto; }
        #contents .inner .contentBlock .pointBox img + img {
          padding-left: 10px; }
        #contents .inner .contentBlock .pointBox p {
          padding: 0 20px;
          box-sizing: border-box;
          text-align: left;
          vertical-align: middle;
          display: table-cell;
          font-size: 116.7%; }
          #contents .inner .contentBlock .pointBox p span {
            color: #be1c1c; }
      #contents .inner .contentBlock .w374 {
        width: 345px;
        height: auto;
        padding: 10px;
        box-sizing: border-box;
        display: table-cell;
        vertical-align: middle;
        font-size: 116.7%; }
        #contents .inner .contentBlock .w374 small {
          color: #be1c1c; }
      #contents .inner .contentBlock .pointDealBox {
        border: 1px solid #be1c1c;
        position: relative;
        margin-top: 70px;
        padding: 10px; }
        #contents .inner .contentBlock .pointDealBox div {
          display: table; }
          #contents .inner .contentBlock .pointDealBox div img {
            width: 288px;
            height: 210px;
            display: table-cell; }
          #contents .inner .contentBlock .pointDealBox div p {
            padding: 10px 10px 0 10px;
            box-sizing: border-box;
            text-align: left;
            vertical-align: middle;
            display: table-cell;
            font-size: 116.7%; }
      #contents .inner .contentBlock .pointBox + .pointDealBox::before {
        position: absolute;
        display: block;
        content: "";
        display: inline-block;
        top: -30px;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 0;
        height: 0;
        border: 16px solid transparent;
        border-bottom-color: #be1c1c;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg); }
      #contents .inner .contentBlock .pointBox + .pointDealBox:after {
        position: absolute;
        content: "対処";
        display: inline-block;
        top: -65px;
        left: 0;
        right: 0;
        margin: 0 auto 0;
        width: 60px;
        height: auto;
        text-align: center;
        background-color: #be1c1c;
        font-size: 166.7%;
        color: #ffffff; }
      #contents .inner .contentBlock .amadoiList {
        margin-top: 20px; }
        #contents .inner .contentBlock .amadoiList li {
          border: 1px solid #be1c1c;
          padding: 20px;
          margin-top: 10px; }
          #contents .inner .contentBlock .amadoiList li h4 {
            font-size: 166.7%;
            font-weight: normal; }
          #contents .inner .contentBlock .amadoiList li img {
            margin-right: 10px; }
      #contents .inner .contentBlock .sunpouImg {
        width: 832px;
        height: 988px;
        margin: 20px auto 0;
        display: block; }
      #contents .inner .contentBlock .privacyBlock {
        margin-bottom: 20px; }
        #contents .inner .contentBlock .privacyBlock h3, #contents .inner .contentBlock .privacyBlock h4, #contents .inner .contentBlock .privacyBlock h5 {
          font-size: 116.7%; }
        #contents .inner .contentBlock .privacyBlock p, #contents .inner .contentBlock .privacyBlock li {
          font-size: 116.7%; }
        #contents .inner .contentBlock .privacyBlock p + ol {
          margin-top: 10px; }
        #contents .inner .contentBlock .privacyBlock p + h3 {
          margin-top: 20px; }
        #contents .inner .contentBlock .privacyBlock p + h4 {
          margin-top: 20px; }
        #contents .inner .contentBlock .privacyBlock p + h5 {
          margin-top: 20px; }
        #contents .inner .contentBlock .privacyBlock p + ul {
          margin-top: 10px; }
        #contents .inner .contentBlock .privacyBlock ul + h4 {
          margin-top: 20px; }
        #contents .inner .contentBlock .privacyBlock ul + h5 {
          margin-top: 20px; }
        #contents .inner .contentBlock .privacyBlock ol + h4 {
          margin-top: 20px; }
        #contents .inner .contentBlock .privacyBlock ol + h5 {
          margin-top: 20px; }
        #contents .inner .contentBlock .privacyBlock h3 + p {
          margin-top: 10px; }
        #contents .inner .contentBlock .privacyBlock h4 + p {
          margin-top: 10px; }
        #contents .inner .contentBlock .privacyBlock h4 + ul {
          margin-top: 10px; }
        #contents .inner .contentBlock .privacyBlock h4 + h5 {
          margin-top: 20px; }
        #contents .inner .contentBlock .privacyBlock h5 + ol {
          margin-top: 10px; }
        #contents .inner .contentBlock .privacyBlock h5 + p {
          margin-top: 10px; }
        #contents .inner .contentBlock .privacyBlock h5 + h5 {
          margin-top: 20px; }
      #contents .inner .contentBlock .registTable th {
        width: 210px; }
      #contents .inner .contentBlock .tenkenBlock {
        display: table; }
        #contents .inner .contentBlock .tenkenBlock div {
          display: table-cell;
          vertical-align: top; }
          #contents .inner .contentBlock .tenkenBlock div p {
            padding: 10px;
            font-size: 116.7%; }
      #contents .inner .contentBlock .recruitTable th {
        text-align: center;
        vertical-align: top; }
      #contents .inner .contentBlock .textImage {
        display: table;
        margin-top: -20px;
        margin-bottom: 20px; }
        #contents .inner .contentBlock .textImage p {
          display: table-cell;
          text-align: left;
          vertical-align: middle;
          width: 100%;
          font-size: 116.7%; }
        #contents .inner .contentBlock .textImage img {
          display: table-cell;
          text-align: right;
          width: 182px;
          height: 86px; }
      #contents .inner .contentBlock .enqueteList {
        margin-bottom: -20px; }
        #contents .inner .contentBlock .enqueteList li {
          display: table;
          width: 470px;
          height: 180px;
          border: 1px solid #efefef;
          margin-bottom: 20px;
          box-sizing: border-box;
          vertical-align: middle;
          position: relative;
          -moz-box-shadow: #efefef 1px 1px 2px;
          -webkit-box-shadow: #efefef 1px 1px 2px;
          box-shadow: #efefef 1px 1px 2px; }
          #contents .inner .contentBlock .enqueteList li div:first-child {
            width: 100px;
            display: table-cell;
            vertical-align: middle;
            padding-left: 16px;
            box-sizing: border-box; }
          #contents .inner .contentBlock .enqueteList li div:first-child + * {
            width: 370px;
            display: table-cell;
            vertical-align: middle; }
          #contents .inner .contentBlock .enqueteList li img.face {
            width: 68px;
            height: auto; }
          #contents .inner .contentBlock .enqueteList li img.answer {
            width: 350px;
            height: auto; }
        #contents .inner .contentBlock .enqueteList li:after {
          content: "";
          display: inline-block;
          background-size: contain;
          position: absolute;
          top: 0;
          bottom: 0;
          margin: auto 0;
          left: 20px;
          width: 68px;
          height: 68px; }
        #contents .inner .contentBlock .enqueteList .man01, #contents .inner .contentBlock .enqueteList .man02, #contents .inner .contentBlock .enqueteList .man03, #contents .inner .contentBlock .enqueteList .man {
          background-color: #f1fcff; }
        #contents .inner .contentBlock .enqueteList li.man01:after {
          background-image: url(/img/voice/face_men01.png); }
        #contents .inner .contentBlock .enqueteList li.man02:after {
          background-image: url(/img/voice/face_men02.png); }
        #contents .inner .contentBlock .enqueteList li.man03:after {
          background-image: url(/img/voice/face_men03.png); }
        #contents .inner .contentBlock .enqueteList .woman01, #contents .inner .contentBlock .enqueteList .woman02, #contents .inner .contentBlock .enqueteList .woman03, #contents .inner .contentBlock .enqueteList .woman04, #contents .inner .contentBlock .enqueteList .woman {
          background-color: #fff7fc; }
        #contents .inner .contentBlock .enqueteList li.woman01:after {
          background-image: url(/img/voice/face_women01.png); }
        #contents .inner .contentBlock .enqueteList li.woman02:after {
          background-image: url(/img/voice/face_women02.png); }
        #contents .inner .contentBlock .enqueteList li.woman03:after {
          background-image: url(/img/voice/face_women03.png); }
        #contents .inner .contentBlock .enqueteList li.woman04:after {
          background-image: url(/img/voice/face_women04.png); }
        #contents .inner .contentBlock .enqueteList li:first-child,
        #contents .inner .contentBlock .enqueteList li:first-child + * + *,
        #contents .inner .contentBlock .enqueteList li:first-child + * + * + * + *,
        #contents .inner .contentBlock .enqueteList li:first-child + * + * + * + * + * + *,
        #contents .inner .contentBlock .enqueteList li:first-child + * + * + * + * + * + * + * + * {
          float: left; }
        #contents .inner .contentBlock .enqueteList li:first-child + *,
        #contents .inner .contentBlock .enqueteList li:first-child + * + * + *,
        #contents .inner .contentBlock .enqueteList li:first-child + * + * + * + * + *,
        #contents .inner .contentBlock .enqueteList li:first-child + * + * + * + * + * + * + *,
        #contents .inner .contentBlock .enqueteList li:first-child + * + * + * + * + * + * + * + * + * {
          float: right; }
    #contents .inner .bangaiBlock {
      width: 100%;
      box-sizing: border-box;
      padding: 40px 20px;
      background-color: #ffffff; }
      #contents .inner .bangaiBlock div {
        background-color: #b3eecd;
        padding: 10px;
        box-sizing: border-box; }
      #contents .inner .bangaiBlock .onepointBlock {
        padding: 10px; }
        #contents .inner .bangaiBlock .onepointBlock img {
          display: inline-block;
          width: 338px;
          height: auto;
          vertical-align: top; }
        #contents .inner .bangaiBlock .onepointBlock p {
          width: 552px;
          display: inline-block;
          font-size: 166.7%;
          font-weight: bold;
          color: #3C3839;
          margin-left: 20px; }
      #contents .inner .bangaiBlock .tankImage > img {
        width: 544px;
        height: auto;
        display: inline-block;
        vertical-align: top; }
      #contents .inner .bangaiBlock .tankImage div {
        display: inline-block;
        width: 336px;
        padding: 0 0 0 20px; }
        #contents .inner .bangaiBlock .tankImage div img {
          width: 336px;
          height: auto; }
        #contents .inner .bangaiBlock .tankImage div p {
          padding: 10px;
          box-sizing: border-box;
          margin: 0;
          font-size: 116.7%; }
    #contents .inner .contentBlock + .bangaiBlock {
      margin-top: -40px; }
    #contents .inner .newsList h3 {
      font-size: 166.7%;
      margin-bottom: 20px; }
    #contents .inner .newsList p, #contents .inner .newsList dt, #contents .inner .newsList dd {
      font-size: 116.7%; }
    #contents .inner .newsList p.date {
      float: left;
      width: 120px; }
    #contents .inner .newsList dl {
      float: left;
      width: 840px; }
    #contents .inner .newsList li {
      border-bottom: 1px dashed #c0c0c0;
      padding-bottom: 2px; }
    #contents .inner .newsList li + li {
      margin-top: 10px; }
    #contents .inner .newsList li:after {
      content: ".";
      display: block;
      clear: both;
      visibility: hidden;
      height: 0; }
    #contents .inner .interviewList h4 {
      width: 100%;
      height: auto;
      box-sizing: border-box;
      padding: 10px;
      font-size: 166.7%;
      background-color: beige; }
    #contents .inner .interviewList li + li {
      margin-top: 20px; }
    #contents .inner .interviewList .interviewProduct {
      margin-top: 10px;
      font-size: 116.7%; }
    #contents .inner .interviewList .interviewText {
      font-size: 116.7%;
      margin: 10px 0; }
    #contents .inner .interviewList .interviewPhoto {
      padding: 10px; }
      #contents .inner .interviewList .interviewPhoto img {
        width: 48%;
        height: auto; }
      #contents .inner .interviewList .interviewPhoto img + img {
        margin-left: 2%; }
    #contents .inner .staffList a {
      display: block; }
    #contents .inner .staffList li {
      width: 32%;
      display: inline-block;
      margin-right: 2%;
      margin-bottom: 16px;
      box-sizing: border-box;
      box-shadow: 3px 3px 3px #999999; }
    #contents .inner .staffList li:nth-of-type(3n) {
      margin-right: 0; }
    #contents .inner .staffList img {
      width: 100%;
      height: auto; }
    #contents .inner .staffList p {
      display: table; }
    #contents .inner .staffList span {
      display: table-cell;
      padding: 10px 5px;
      vertical-align: middle; }
    #contents .inner .staffList .shop {
      min-width: 90px;
      font-size: 116.7%;
      text-align: center; }
    #contents .inner .staffList .name {
      width: 100%;
      font-size: 166.7%;
      text-align: left; }
    #contents .inner .staffProfile {
      width: 100%;
      margin: 0 auto; }
      #contents .inner .staffProfile img {
        width: 100%;
        max-width: 640px;
        display: block;
        margin: 0 auto; }
      #contents .inner .staffProfile p {
        font-size: 116.7%;
        margin-bottom: 10px;
        text-align: center; }
      #contents .inner .staffProfile .name {
        padding: 10px; }
        #contents .inner .staffProfile .name span:first-child {
          font-size: 116.7%;
          margin-right: 10px; }
        #contents .inner .staffProfile .name span:last-child {
          font-size: 166.7%; }
      #contents .inner .staffProfile .photo {
        margin: 20px 0; }
        #contents .inner .staffProfile .photo img {
          width: 32%;
          margin-left: 1%;
          height: auto;
          display: inline-block; }
        #contents .inner .staffProfile .photo img:first-child {
          margin-left: 0; }
    #contents .inner .sitemap h3 {
      width: 450px;
      height: 40px;
      line-height: 40px;
      background-color: #be1c1c;
      color: #ffffff;
      font-size: 116.7%;
      padding-left: 20px;
      box-sizing: border-box;
      font-weight: normal; }
      #contents .inner .sitemap h3 a {
        position: relative;
        color: #ffffff;
        text-decoration: none; }
      #contents .inner .sitemap h3 a::after {
        content: "";
        width: 12px;
        height: 12px;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto 0;
        right: 20px;
        border-left: 2px solid #ffffff;
        border-bottom: 2px solid #ffffff;
        -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        transform: rotate(-135deg); }
    #contents .inner .sitemap a {
      display: block; }
    #contents .inner .sitemap ul + h3 {
      margin-top: 20px; }
    #contents .inner .sitemap li {
      padding: 10px 10px 10px 30px;
      font-size: 116.7%;
      background-repeat: no-repeat;
      background-image: url(/img/common/icon_arrow_red_right.png);
      background-size: 13px 13px;
      background-position: 10px center; }
    #contents .inner .productBlocks {
      margin-top: 40px;
      width: 100%; }
      #contents .inner .productBlocks li {
        width: 498px;
        display: block;
        float: left; }
        #contents .inner .productBlocks li .contentBlock {
          text-align: center; }
      #contents .inner .productBlocks li:nth-of-type(2n) {
        margin-left: 4px; }

/* 見積もりボタン */
.estimateBtn {
  display: block;
  width: 350px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  position: relative;
  color: #ffffff;
  font-size: 166.7%;
  cursor: pointer;
  text-decoration: none;
  text-shadow: 0px -1px 0px #249c04;
  border: 1px solid #249c04;
  background-color: #249c04;
  position: relative;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY1YzQ0YiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjNjVjNDRiIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMyNDljMDQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNDljMDQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #65c44b), color-stop(50%, #65c44b), color-stop(50%, #249c04), color-stop(100%, #249c04));
  background-image: -moz-linear-gradient(top, #65c44b 0%, #65c44b 50%, #249c04 50%, #249c04);
  background-image: -webkit-linear-gradient(top, #65c44b 0%, #65c44b 50%, #249c04 50%, #249c04);
  background-image: linear-gradient(to bottom, #65c44b 0%, #65c44b 50%, #249c04 50%, #249c04);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF65C44B', endColorstr='#FF249C04');
  margin: 40px auto; }

.estimateBtn:hover {
  color: #ffffff;
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  -ms-opacity: 0.8;
  opacity: 0.8;
  filter: alpha(opacity=80);
  /* IE 8 */ }

.estimateBtn::after {
  content: "";
  display: inline-block;
  margin-left: 15px;
  vertical-align: middle;
  right: 20px;
  width: 9px;
  height: 9px;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(Invert=1, Rotation=3); }

.contentTitle + .estimateBtn {
  margin-top: 0; }

/* 戻るボタン */
.backBtn {
  display: block;
  width: 350px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  position: relative;
  color: #ffffff;
  font-size: 166.7%;
  cursor: pointer;
  text-decoration: none;
  text-shadow: 0px -1px 0px #6D6D6D;
  border: 1px solid #6D6D6D;
  background-color: #6D6D6D;
  position: relative;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc3Nzc3NyIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjNzc3Nzc3Ii8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiM2ZDZkNmQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZDZkNmQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #777777), color-stop(50%, #777777), color-stop(50%, #6d6d6d), color-stop(100%, #6d6d6d));
  background-image: -moz-linear-gradient(top, #777777 0%, #777777 50%, #6d6d6d 50%, #6d6d6d);
  background-image: -webkit-linear-gradient(top, #777777 0%, #777777 50%, #6d6d6d 50%, #6d6d6d);
  background-image: linear-gradient(to bottom, #777777 0%, #777777 50%, #6d6d6d 50%, #6d6d6d);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF777777', endColorstr='#FF6D6D6D');
  margin: 40px auto; }

.backBtn:hover {
  color: #ffffff;
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  -ms-opacity: 0.8;
  opacity: 0.8;
  filter: alpha(opacity=80);
  /* IE 8 */ }

.backBtn::before {
  content: "";
  display: inline-block;
  margin-right: 15px;
  vertical-align: middle;
  right: 20px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg); }

/* 購入ボタン */
.buyBtn {
  display: block;
  width: 350px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  position: relative;
  color: #ffffff;
  font-size: 166.7%;
  cursor: pointer;
  text-decoration: none;
  text-shadow: 0px -1px 0px #249c04;
  border: 1px solid #249c04;
  background-color: #249c04;
  position: relative;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY1YzQ0YiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjNjVjNDRiIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMyNDljMDQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNDljMDQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #65c44b), color-stop(50%, #65c44b), color-stop(50%, #249c04), color-stop(100%, #249c04));
  background-image: -moz-linear-gradient(top, #65c44b 0%, #65c44b 50%, #249c04 50%, #249c04);
  background-image: -webkit-linear-gradient(top, #65c44b 0%, #65c44b 50%, #249c04 50%, #249c04);
  background-image: linear-gradient(to bottom, #65c44b 0%, #65c44b 50%, #249c04 50%, #249c04);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF65C44B', endColorstr='#FF249C04');
  margin: 30px auto 0;
  padding-right: 20px;
  box-sizing: border-box; }

.buyBtn:hover {
  color: #ffffff; }

.buyBtn:before {
  content: "";
  display: inline-block;
  width: 38px;
  height: 38px;
  margin-right: 20px;
  background-image: url(/img/common/btn_icon_shop.png);
  background-size: contain;
  vertical-align: middle; }

.buyBtn::after {
  content: "";
  display: inline-block;
  margin-left: 15px;
  vertical-align: middle;
  right: 20px;
  width: 9px;
  height: 9px;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(Invert=1, Rotation=3); }

#contents .inner #leftContents h2 {
  border-bottom: 1px solid #be1c1c;
  color: #be1c1c;
  font-size: 166.7%;
  margin-bottom: 20px;
  padding: 8px 0px 8px 50px;
  position: relative; }
#contents .inner #leftContents h2:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 44px;
  height: 43px;
  margin: auto 0;
  content: "";
  background-image: url(/img/home/top_midasi_icon.png); }
#contents .inner #leftContents ul.contentList li {
  width: 356px;
  height: 122px;
  padding-right: 0;
  background-color: #be1c1c; }
  #contents .inner #leftContents ul.contentList li a {
    height: 122px;
    padding-right: 120px;
    box-sizing: border-box;
    position: relative; }
  #contents .inner #leftContents ul.contentList li a:after {
    position: absolute;
    content: "";
    width: 120px;
    height: 122px;
    top: 0;
    right: 0; }
  #contents .inner #leftContents ul.contentList li a.safety:after {
    background-image: url(/img/common/icon_main.png); }
  #contents .inner #leftContents ul.contentList li a.service:after {
    background-image: url(/img/common/icon_main.png);
    background-position: 600px 0; }
  #contents .inner #leftContents ul.contentList li a.voice:after {
    background-image: url(/img/common/icon_main.png);
    background-position: 480px 0; }
  #contents .inner #leftContents ul.contentList li a.qa:after {
    background-image: url(/img/common/icon_main.png);
    background-position: 360px 0; }
  #contents .inner #leftContents ul.contentList li a.product:after {
    background-image: url(/img/common/icon_main.png);
    background-position: 240px 0; }
  #contents .inner #leftContents ul.contentList li a.shop:after {
    background-image: url(/img/common/icon_main.png);
    background-position: 120px 0; }
  #contents .inner #leftContents ul.contentList li h3 {
    padding: 10px 15px 10px;
    font-size: 134%; }
  #contents .inner #leftContents ul.contentList li p {
    padding: 0 15px 20px;
    font-size: 14px; }

#leftContents {
  float: left;
  width: 74%;
  padding-bottom: 20px; }

#rightContents {
  float: right;
  width: 24%;
  background-color: #ffffff; }
  #rightContents .section {
    background-color: #ffffff;
    padding: 10px;
    box-sizing: border-box; }
    #rightContents .section h3 {
      height: 34px;
      line-height: 34px;
      background-color: #d5d3c0;
      text-align: center;
      font-size: 134%; }
    #rightContents .section .flyerArea {
      padding: 10px 10px 30px 10px;
      box-sizing: border-box;
      background-color: #f5f3e9; }
    #rightContents .section .slick-slider {
      width: 160px;
      margin: 0 auto; }
      #rightContents .section .slick-slider ul li {
        margin-bottom: 0; }
        #rightContents .section .slick-slider ul li a img {
          width: 144px;
          height: 184px;
          border: 4px solid #ffffff;
          box-shadow: 3px 3px 4px #999999; }
      #rightContents .section .slick-slider .slick-slide {
        padding-bottom: 10px; }
        #rightContents .section .slick-slider .slick-slide img {
          margin: 0 auto;
          width: 136px;
          height: 174px;
          border: 4px solid #ffffff;
          box-shadow: 3px 3px 4px #999999; }
      #rightContents .section .slick-slider .slick-next {
        right: -26px;
        width: 23px; }
      #rightContents .section .slick-slider .slick-next:before {
        background-image: url("/img/common/icon_arrow_red_right.png");
        background-size: 23px 23px;
        width: 23px;
        height: 23px;
        margin-top: 0; }
      #rightContents .section .slick-slider .slick-prev {
        left: -26px;
        width: 23px; }
      #rightContents .section .slick-slider .slick-prev:before {
        background-image: url("/img/common/icon_arrow_red_left.png");
        background-size: 23px 23px;
        width: 23px;
        height: 23px;
        margin-top: 0; }
      #rightContents .section .slick-slider .slick-dots {
        bottom: -27px; }
        #rightContents .section .slick-slider .slick-dots li button {
          background-color: #988F74;
          width: 8px;
          height: 8px;
          margin: 0 auto; }
        #rightContents .section .slick-slider .slick-dots li button:before {
          content: ""; }
        #rightContents .section .slick-slider .slick-dots li.slick-active button {
          background-color: #BE1C1C; }
  #rightContents > ul li {
    padding: 0 10px;
    margin-bottom: 10px; }
    #rightContents > ul li img {
      width: 100%;
      height: auto; }

/* news
===========================================================*/
#contents #news {
  background-color: #ffffff;
  position: relative;
  margin-bottom: 40px; }
  #contents #news > span {
    display: inline-block;
    width: 106px;
    height: 40px;
    line-height: 40px;
    background-color: #BE1B1C;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    color: #ffffff;
    text-align: center;
    font-weight: bold; }
  #contents #news .ticker {
    width: 909px;
    margin: 0;
    height: 40px;
    line-height: 40px;
    padding: 0 40px 0 116px;
    box-sizing: border-box;
    position: relative; }
    #contents #news .ticker ul {
      background-color: #ffffff;
      padding: 0 20px;
      top: 0; }
      #contents #news .ticker ul li {
        padding: 0;
        font-size: 116.7%; }
        #contents #news .ticker ul li span {
          width: 140px;
          color: #3C3839;
          display: table-cell; }
        #contents #news .ticker ul li a {
          display: table-cell;
          padding-left: 24px;
          color: #be1c1c;
          position: relative; }
        #contents #news .ticker ul li a:after {
          position: absolute;
          width: 13px;
          height: 13px;
          content: "";
          background-image: url(/img/common/icon_arrow_red_right.png);
          background-size: 13px, 13px;
          background-repeat: no-repeat;
          left: 2px;
          top: 0;
          bottom: 0;
          margin: auto 0; }
  #contents #news .more {
    background-color: #000000;
    width: 77px;
    height: 27px;
    line-height: 27px;
    position: absolute;
    right: 7px;
    top: 7px;
    padding-left: 24px;
    box-sizing: border-box;
    font-size: 116.7%;
    color: #be1c1c;
    text-decoration: none;
    color: #ffffff;
    z-index: 999; }
  #contents #news .more:after {
    position: absolute;
    width: 13px;
    height: 13px;
    content: "";
    background-image: url(/img/common/icon_arrow_white_right.png);
    background-size: 13px 13px;
    left: 6px;
    top: 0;
    bottom: 0;
    margin: auto 0; }

#news, .newsList {
  background-color: #FBFCF7; }
  #news .inner, .newsList .inner {
    position: relative;
    padding-bottom: 40px; }
    #news .inner ul, .newsList .inner ul {
      background-color: #ffffff;
      padding: 0 20px; }
      #news .inner ul li, .newsList .inner ul li {
        padding: 20px 0;
        font-size: 116.7%; }
        #news .inner ul li span, .newsList .inner ul li span {
          width: 140px;
          color: #3C3839;
          display: table-cell; }
        #news .inner ul li a, .newsList .inner ul li a {
          display: table-cell;
          padding-left: 24px;
          color: #be1c1c;
          position: relative; }
        #news .inner ul li a:after, .newsList .inner ul li a:after {
          position: absolute;
          width: 13px;
          height: 13px;
          content: "";
          background-image: url(/img/common/icon_arrow_red_right.png);
          background-size: 13px, 13px;
          background-repeat: no-repeat;
          left: 2px;
          top: 0;
          bottom: 0;
          margin: auto 0; }
      #news .inner ul li + li, .newsList .inner ul li + li {
        border-top: 1px dashed #e1e1e1; }
    #news .inner .more, .newsList .inner .more {
      position: absolute;
      right: 0;
      bottom: 0;
      padding-left: 24px;
      font-size: 116.7%;
      color: #be1c1c; }
    #news .inner .more:after, .newsList .inner .more:after {
      position: absolute;
      width: 13px;
      height: 13px;
      content: "";
      background-image: url(/img/common/icon_arrow_red_right.png);
      background-size: 13px 13px;
      left: 0;
      top: 0;
      bottom: 0;
      margin: auto 0; }

.post .prev a {
  position: relative;
  padding-left: 20px;
  background-image: url(/img/common/icon_arrow_red_left.png);
  background-size: 13px 13px;
  background-repeat: no-repeat;
  background-position: left center; }
.post .next a {
  position: relative;
  padding-right: 20px;
  background-image: url(/img/common/icon_arrow_red_right.png);
  background-size: 13px 13px;
  background-repeat: no-repeat;
  background-position: right center; }

/* specials
===========================================================*/
#specials {
  padding: 40px 0;
  background-color: #FBFCF7; }
  #specials .inner ul li {
    float: left;
    display: inline; }
  #specials .inner ul li + li {
    margin-left: 20px; }

/* footer
===========================================================*/
#footer {
  background-color: #FBFCF7; }
  #footer .footerImage {
    content: "";
    display: block;
    margin: 0 auto;
    width: 1018px;
    height: 236px;
    background-image: url(/img/common/footer_image.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
    position: relative; }
    #footer .footerImage a {
      position: absolute;
      top: 20px;
      right: 10px; }
  #footer .footerLink {
    background-color: #8ec554; }
    #footer .footerLink .inner {
      height: 60px;
      line-height: 60px;
      overflow: hidden;
      text-align: center; }
      #footer .footerLink .inner ul {
        display: inline-block; }
        #footer .footerLink .inner ul li {
          float: left; }
          #footer .footerLink .inner ul li a {
            padding-left: 10px;
            padding-right: 12px;
            font-size: 116.7%;
            color: #3C3839;
            text-decoration: none; }
        #footer .footerLink .inner ul li + li a {
          border-left: 1px solid #678f3e; }
  #footer .copyright {
    background-color: #be1c1c;
    color: #ffffff;
    heigth: 45px;
    line-height: 45px;
    overflow: hidden;
    font-size: 100%;
    text-align: center; }
    #footer .copyright .inner {
      position: relative; }
      #footer .copyright .inner a {
        position: absolute;
        top: 0;
        left: 0; }
        #footer .copyright .inner a img {
          width: 139px;
          height: 45px; }

/* media queries
===========================================================*/
@media only screen and (max-width: 768px) {
  .pc {
    display: none !important; }

  .sp {
    display: block !important; }

  .inner {
    width: 100%;
    margin: 0 auto; }

  hr {
    margin: 10px 0; }

  .w50 {
    width: 100%; }

  /* PC:50% SP:100% */
  .w50 + .w50 {
    margin-top: 10px; }

  /* 縦に並べるので余白をつける */
  img {
    max-width: 100%;
    height: auto; }

  a.icon-pdf {
    padding-bottom: 4px;
    background-size: 20px; }

  #header {
    width: 100%;
    height: 80px;
    padding: 10px;
    box-sizing: border-box;
    line-height: 100%;
    position: relative; }
    #header .inner {
      display: block; }
      #header .inner #logo {
        float: none;
        display: block;
        height: 27px; }
        #header .inner #logo img {
          width: auto;
          height: 27px; }
      #header .inner .contact {
        float: none;
        display: block;
        margin-top: 8px;
        height: 20px; }
        #header .inner .contact img {
          width: auto;
          height: 20px; }
    #header .gmenuBtn {
      position: absolute;
      top: 0;
      right: 0;
      width: 70px;
      height: 80px;
      line-height: 120px;
      overflow: hidden;
      text-align: center;
      font-size: 14px;
      color: #ffffff;
      background-color: #BE1B1C; }
      #header .gmenuBtn a {
        display: block;
        color: #ffffff;
        text-decoration: none;
        width: 70px;
        height: 80px;
        overflow: hidden;
        position: relative;
        background-image: url(/img/common/icon_menu.png);
        background-size: 28px 22px;
        background-repeat: no-repeat;
        background-position: 21px 20px; }

  #gNaviWrap {
    display: none;
    height: auto;
    position: absolute;
    z-index: 100;
    width: 100%; }
    #gNaviWrap > #gNavi {
      width: 100%; }
      #gNaviWrap > #gNavi > ul {
        display: block;
        left: 0; }
        #gNaviWrap > #gNavi > ul > li:after, #gNaviWrap > #gNavi > ul > li:before {
          border: none; }
        #gNaviWrap > #gNavi > ul > li:last-child:before {
          border: none; }
        #gNaviWrap > #gNavi > ul > li {
          display: block;
          width: 100%;
          height: auto;
          border-top: 1px solid #e1e1e1;
          border-bottom: 1px solid #e1e1e1;
          text-align: left;
          box-sizing: border-box; }
          #gNaviWrap > #gNavi > ul > li p {
            position: relative; }
            #gNaviWrap > #gNavi > ul > li p a {
              padding-left: 46px;
              font-size: 12px;
              height: 44px;
              line-height: 44px;
              pointer-events: none; }
              #gNaviWrap > #gNavi > ul > li p a span {
                position: static; }
            #gNaviWrap > #gNavi > ul > li p a:after {
              left: 3px;
              top: 10px;
              width: 32px;
              height: 23px;
              background-size: cover; }
          #gNaviWrap > #gNavi > ul > li p::after {
            content: "";
            background-image: url(/img/common/icon_arrow_white_right.png);
            background-size: 16px 16px;
            display: block;
            position: absolute;
            top: 14px;
            right: 10px;
            width: 16px;
            height: 16px;
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg); }
          #gNaviWrap > #gNavi > ul > li > ul {
            width: 100%; }
            #gNaviWrap > #gNavi > ul > li > ul > li {
              width: 100%;
              height: auto;
              padding: 0; }
              #gNaviWrap > #gNavi > ul > li > ul > li > a {
                position: relative;
                display: block;
                width: 100% !important;
                height: 44px;
                line-height: 44px;
                font-size: 12px;
                padding: 0;
                padding-left: 10px;
                box-sizing: border-box; }
              #gNaviWrap > #gNavi > ul > li > ul > li > a:hover {
                text-decoration: none; }
              #gNaviWrap > #gNavi > ul > li > ul > li > a:after {
                top: 14px;
                right: 10px;
                left: auto;
                background-image: url(/img/common/icon_arrow_white_right.png);
                background-size: 16px 16px;
                width: 16px;
                height: 16px; }
              #gNaviWrap > #gNavi > ul > li > ul > li > ul {
                display: block;
                width: 100%;
                height: auto;
                position: relative;
                margin: 0; }
                #gNaviWrap > #gNavi > ul > li > ul > li > ul > li {
                  display: block;
                  width: 100%;
                  height: 44px;
                  border-top: 1px solid #e1e1e1;
                  border-bottom: 1px solid #e1e1e1;
                  padding-left: 10px !important; }
                  #gNaviWrap > #gNavi > ul > li > ul > li > ul > li > a {
                    width: 100%;
                    padding: 0; }
                  #gNaviWrap > #gNavi > ul > li > ul > li > ul > li > a:hover {
                    text-decoration: none; }
                  #gNaviWrap > #gNavi > ul > li > ul > li > ul > li > a:after {
                    top: 14px !important;
                    right: 16px !important; }
        #gNaviWrap > #gNavi > ul > li.opened p::after {
          -webkit-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          transform: rotate(-90deg); }
        #gNaviWrap > #gNavi > ul > li.sp {
          display: block; }
        #gNaviWrap > #gNavi > ul > li + li {
          margin-top: -1px; }
        #gNaviWrap > #gNavi > ul > li > ul {
          position: relative;
          top: 0; }
        #gNaviWrap > #gNavi > ul #gProduct > ul > li > ul {
          position: relative;
          top: 0;
          border: none; }
          #gNaviWrap > #gNavi > ul #gProduct > ul > li > ul > li {
            width: 100% !important;
            border-top: 1px dotted #000000;
            float: none; }
          #gNaviWrap > #gNavi > ul #gProduct > ul > li > ul > li:first-child + * {
            margin-bottom: 0; }
            #gNaviWrap > #gNavi > ul #gProduct > ul > li > ul > li:first-child + * > ul > li {
              display: inline-block;
              width: 100%; }
          #gNaviWrap > #gNavi > ul #gProduct > ul > li > ul > li:first-child + * + * {
            margin-bottom: 0; }
            #gNaviWrap > #gNavi > ul #gProduct > ul > li > ul > li:first-child + * + * > ul > li {
              display: inline-block;
              width: 100%; }
            #gNaviWrap > #gNavi > ul #gProduct > ul > li > ul > li:first-child + * + * > ul:last-child {
              top: 0; }
          #gNaviWrap > #gNavi > ul #gProduct > ul > li > ul > li:first-child + * + * + * {
            margin-bottom: 0; }
            #gNaviWrap > #gNavi > ul #gProduct > ul > li > ul > li:first-child + * + * + * > ul > li {
              display: inline-block;
              width: 100%; }
            #gNaviWrap > #gNavi > ul #gProduct > ul > li > ul > li:first-child + * + * + * > ul:last-child {
              top: 0; }
              #gNaviWrap > #gNavi > ul #gProduct > ul > li > ul > li:first-child + * + * + * > ul:last-child > li {
                width: 100%; }
          #gNaviWrap > #gNavi > ul #gProduct > ul > li > ul > li:first-child + * + * + * + * {
            margin-bottom: 0; }
            #gNaviWrap > #gNavi > ul #gProduct > ul > li > ul > li:first-child + * + * + * + * > ul > li {
              display: inline-block;
              width: 100%; }
        #gNaviWrap > #gNavi > ul #gProduct > ul > li:first-child + *, #gNaviWrap > #gNavi > ul #gProduct > ul > li:first-child + * + *, #gNaviWrap > #gNavi > ul #gProduct > ul > li:first-child + * + * + *, #gNaviWrap > #gNavi > ul #gProduct > ul > li:first-child + * + * + * + * {
          margin-bottom: 0; }
          #gNaviWrap > #gNavi > ul #gProduct > ul > li:first-child + * > ul:last-child, #gNaviWrap > #gNavi > ul #gProduct > ul > li:first-child + * + * > ul:last-child, #gNaviWrap > #gNavi > ul #gProduct > ul > li:first-child + * + * + * > ul:last-child, #gNaviWrap > #gNavi > ul #gProduct > ul > li:first-child + * + * + * + * > ul:last-child {
            top: 0; }
	#gNaviWrap #gNavi > ul #gProduct > ul > li:first-child + * + * > ul:nth-child(3) {
		top: 0; }
        #gNaviWrap > #gNavi > ul #gHome p a {
          pointer-events: auto; }
        #gNaviWrap > #gNavi > ul #gHome p a:after {
          background-position: 0 0; }
        #gNaviWrap > #gNavi > ul #gHome p::after {
          -webkit-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
          transform: rotate(0deg); }
        #gNaviWrap > #gNavi > ul #gSafety p a:after {
          background-position: -32px 0;
          left: 3px;
          width: 32px; }
        #gNaviWrap > #gNavi > ul #gProduct p a:after {
          background-position: -160px 0;
          left: 3px;
          width: 32px; }
        #gNaviWrap > #gNavi > ul #gVoice p a:after {
          background-position: -96px 0;
          left: 3px;
          width: 32px; }
        #gNaviWrap > #gNavi > ul #gSupport p a:after {
          background-position: -64px 0;
          left: 3px;
          width: 32px; }
        #gNaviWrap > #gNavi > ul #gCompany p a:after {
          background-position: -160px 0;
          left: 3px;
          width: 32px; }
        #gNaviWrap > #gNavi > ul #gOnline p a:after {
          background-position: -192px 0;
          left: 3px;
          width: 32px; }
        #gNaviWrap > #gNavi > ul #gQa p a:after {
          background-position: -128px 0;
          left: 3px;
          width: 32px; }
        #gNaviWrap > #gNavi > ul #gVoice .gNaviCol div ul li a {
          width: 100%; }
        #gNaviWrap > #gNavi > ul #gQa .gNaviCol div ul li a {
          width: 100%; }
      #gNaviWrap > #gNavi #gMenuSitemapBtn {
        display: block;
        height: 44px;
        line-height: 44px;
        background-color: #8F1416;
        text-align: left;
        box-sizing: border-box;
        color: #ffffff;
        text-decoration: none;
        padding-left: 10px;
        border-bottom: 1px solid #e1e1e1; }
      #gNaviWrap > #gNavi #gMenuCloseBtn {
        display: block;
        height: 44px;
        line-height: 44px;
        background-color: #8F1416;
        text-align: center;
        box-sizing: border-box;
        color: #ffffff;
        text-decoration: none; }
      #gNaviWrap > #gNavi #gMenuCloseBtn span {
        padding-left: 20px;
        position: relative; }
      #gNaviWrap > #gNavi #gMenuCloseBtn span::before {
        position: absolute;
        display: block;
        content: "";
        top: 50%;
        left: 0;
        width: 14px;
        height: 2px;
        margin-top: -2px;
        background: #ffffff;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
      #gNaviWrap > #gNavi #gMenuCloseBtn span::after {
        position: absolute;
        display: block;
        content: "";
        top: 50%;
        left: 0;
        width: 14px;
        height: 2px;
        margin-top: -2px;
        background: #ffffff;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg); }

  #pankuzu {
    display: none; }

  #mainImage {
    width: 100%;
    margin: 0 auto;
    overflow: hidden; }
    #mainImage .inner .image {
      width: 100%;
      height: auto;
      left: 0; }
    #mainImage .inner .imgEcopProfile {
      width: 12%;
      height: auto;
      left: 1%; }

  #productSlider h2 {
    font-size: 16px; }
  #productSlider .slideArea {
    width: 80%; }
    #productSlider .slideArea img {
      width: auto;
/*      margin: 0 1%;*/
      height: auto; }
    #productSlider .slideArea a {
      height: auto; }
  #productSlider .slick-prev, #productSlider .slick-next {
    width: 10%; }
  #productSlider .slick-prev {
    left: -12%; }
  #productSlider .slick-next {
    right: -12%; }

  h2 {
    font-size: 16px;
    padding: 20px 0; }

  h2.contentTitle {
    font-size: 18px; }

  #contents .inner #leftContents h2 {
    border-bottom: 1px solid #be1c1c;
    color: #be1c1c;
    font-size: 134%;
    padding-bottom: 12px;
    padding-top: 12px;
    margin-bottom: 20px;
    margin-top: 20px; }
  #contents .inner #leftContents ul.contentList li {
    width: 100%;
    height: 126px;
    padding-right: 0;
    box-sizing: padding-box; }
    #contents .inner #leftContents ul.contentList li a {
      height: 122px;
      padding-right: 120px; }
    #contents .inner #leftContents ul.contentList li h3 {
      padding: 20px 15px 10px;
      font-size: 134%; }
    #contents .inner #leftContents ul.contentList li p {
      padding: 0 15px 20px; }
  #contents .inner #leftContents ul.contentList li:last-child {
    margin-top: 10px !important; }

  #contents .inner {
    padding: 20px 0;
    /* 各ページトップのリスト */
    /* カタログ一覧 */
    /* ちょこっとTOP */
    /* 番外編 */
    /* ニュース */
    /* 工事スタッフ紹介 */
    /* サイトマップ */
    /* 商品一覧 online */ }
    #contents .inner .contentTitle h2 + p small {
      font-size: 10px; }
    #contents .inner .contentTitle h2 {
      font-size: 18px; }
      #contents .inner .contentTitle h2 span {
        height: auto; }
    #contents .inner .contentTitle h2 span:before {
      margin-right: 5px; }
    #contents .inner .contentTitle h2.icon-safety span:before {
      width: 24px;
      height: 20px;
      background-size: contain; }
    #contents .inner .contentTitle h2.icon-voice span:before {
      width: 20px;
      height: 17px;
      background-size: contain; }
    #contents .inner .contentTitle h2.icon-company span:before {
      width: 16px;
      height: 20px;
      background-size: contain; }
    #contents .inner .contentTitle h2.icon-qa span:before {
      width: 24px;
      height: 14px;
      background-size: contain; }
    #contents .inner .contentTitle h2.icon-solar span:before {
      width: 20px;
      height: 18px;
      background-size: contain; }
    #contents .inner .contentTitle h2.icon-shop span:before {
      width: 20px;
      height: 18px;
      background-size: contain; }
    #contents .inner .contentTitle h2.icon-regist span:before {
      width: 14px;
      height: 18px;
      background-size: contain; }
    #contents .inner .contentTitle h2.icon-service span:before {
      width: 15px;
      height: 18px;
      background-size: contain; }
    #contents .inner .productImage {
      width: 100%;
      height: auto;
      margin-bottom: 20px; }
    #contents .inner ul.contentList {
      padding: 0; }
      #contents .inner ul.contentList li {
        float: none;
        width: 100%;
        height: 112px;
        padding-right: 109px;
        box-sizing: border-box;
        box-shadow: none;
        margin: 0; }
        #contents .inner ul.contentList li a {
          width: 100%;
          height: 109px; }
          #contents .inner ul.contentList li a h3 {
            font-size: 13px;
            padding: 10px 10px 5px; }
          #contents .inner ul.contentList li a p {
            padding: 0 10px 10px;
            font-size: 10px; }
        #contents .inner ul.contentList li img {
          width: 109px;
          height: 109px; }
      #contents .inner ul.contentList li:nth-child(even) {
        margin: 0; }
      #contents .inner ul.contentList li:after {
        right: 2px;
        bottom: 2px;
        width: 13px;
        height: 13px; }
      #contents .inner ul.contentList li + li {
        margin-top: -2px !important; }
    #contents .inner .contentList + .contentList {
      margin-top: -1px !important; }
    #contents .inner .catalogList li {
      margin: 0 2% 20px;
      width: 44%;
      height: auto; }
      #contents .inner .catalogList li a h3 {
        font-size: 10px; }
      #contents .inner .catalogList li a p {
        font-size: 10px;
        height: 20px; }
      #contents .inner .catalogList li img {
        width: 100%;
        height: auto; }
    #contents .inner .blockTitle {
      line-height: 1.5;
      font-size: 14px;
      height: auto;
      padding: 12px 10px 12px 1.6em; }
    #contents .inner .pointTitle {
      padding-left: 5.4em !important;
      text-indent: -3.8em; }
    #contents .inner .blockTitle:after {
      top: 0;
      bottom: 0;
      margin: auto 0;
      left: 5px;
      width: 4px;
      height: 50%; }
    #contents .inner .serviceTitle {
      padding: 5px; }
      #contents .inner .serviceTitle h2 {
        width: 100%;
        height: auto;
        margin: 0 auto; }
      #contents .inner .serviceTitle img {
        width: 100%;
        height: auto; }
    #contents .inner .serviceSubTitle p {
      font-size: 12px !important; }
    #contents .inner .serviceSubTitle span {
      font-weight: bold;
      font-size: 14px; }
    #contents .inner .sukuBox {
      display: block;
      margin-bottom: 20px; }
      #contents .inner .sukuBox div {
        display: table-cell; }
      #contents .inner .sukuBox div:nth-of-type(1) {
        width: 50%; }
      #contents .inner .sukuBox div:nth-of-type(2) {
        width: 50%; }
      #contents .inner .sukuBox div:nth-of-type(3) {
        vertical-align: top;
        display: block;
        margin-top: 10px; }
      #contents .inner .sukuBox h4 {
        font-size: 12px;
        font-weight: bold;
        margin-bottom: 5px; }
    #contents .inner .imgGochuui02 {
      width: 40px;
      height: 52px; }
    #contents .inner .gochuuiBox02 {
      padding: 10px 116px 10px 10px;
      min-height: 96px;
      line-height: 1.5;
      font-size: 12px; }
      #contents .inner .gochuuiBox02 p + p {
        margin-top: 10px; }
      #contents .inner .gochuuiBox02 img {
        right: 10px;
        width: 96px;
        height: 96px; }
    #contents .inner .gochuuiCaseList li {
      border: 1px solid #be1c1c;
      box-sizing: border-box;
      display: table;
      width: 100%; }
    #contents .inner .gochuuiCaseList div {
      width: 20%;
      display: inline-block;
      padding: 10px;
      box-sizing: border-box;
      vertical-align: middle;
      font-size: 12px;
      font-weight: bold; }
    #contents .inner .gochuuiCaseList div:first-child {
      text-align: center;
      padding-bottom: 0; }
    #contents .inner .gochuuiCaseList div:first-child + * {
      width: 78%;
      padding-bottom: 0; }
    #contents .inner .gochuuiCaseList div:first-child + * + * {
      width: 20%;
      text-align: center; }
    #contents .inner .gochuuiCaseList div:first-child + * + * + * {
      width: 78%;
      color: #be1c1c; }
    #contents .inner .gochuuiCaseList img {
      vertical-align: middle;
      display: inline-block; }
    #contents .inner .gochuuiCaseList p {
      width: 100%;
      height: 100%;
      padding-left: 10px;
      vertical-align: middle;
      display: inline-block; }
    #contents .inner .contentBlock {
      padding: 20px 10px;
      /* ちょこっとサービス */
      /* 個人情報保護方針 */
      /* アンケート紹介 */ }
      #contents .inner .contentBlock .note {
        font-size: 10px; }
      #contents .inner .contentBlock img.companyPhoto {
        width: 100%;
        height: auto; }
      #contents .inner .contentBlock .w450 {
        width: 100%;
        display: block; }
      #contents .inner .contentBlock .imgOnline01 {
        width: 100%;
        height: auto;
        margin-top: 15px; }
      #contents .inner .contentBlock p, #contents .inner .contentBlock p.text {
        font-size: 10px; }
      #contents .inner .contentBlock .mtext {
        font-size: 14px; }
      #contents .inner .contentBlock .ltext {
        font-size: 16px; }
      #contents .inner .contentBlock .basisBox {
        padding: 10px; }
        #contents .inner .contentBlock .basisBox h4 {
          font-size: 14px; }
      #contents .inner .contentBlock .exampleBox {
        display: block;
        width: 100%;
        padding: 10px 0; }
        #contents .inner .contentBlock .exampleBox h4 {
          font-size: 12px; }
        #contents .inner .contentBlock .exampleBox h4 + ul {
          margin-top: 10px; }
        #contents .inner .contentBlock .exampleBox .basisList li {
          float: none;
          padding-left: 10px; }
      #contents .inner .contentBlock .iconKankyo {
        padding-left: 62px; }
      #contents .inner .contentBlock .iconKankyo:after {
        background-size: 40px;
        background-position: 12px center; }
      #contents .inner .contentBlock .twoRows div {
        width: 100%; }
      #contents .inner .contentBlock .twoRows div + div {
        margin-top: 20px; }
      #contents .inner .contentBlock .twoRows div:first-child {
        margin-right: 0; }
      #contents .inner .contentBlock .threeRows div {
        width: 32%; }
      #contents .inner .contentBlock .basisList li {
        float: left;
        font-size: 10px;
        margin-right: 20px; }
      #contents .inner .contentBlock .basisBox + .basisBox {
        margin-top: 20px; }
      #contents .inner .contentBlock h4.adressTitle {
        font-size: 12px;
        padding-left: 12px;
        background-size: 8px; }
      #contents .inner .contentBlock p.pointText {
        padding-left: 20px;
        font-size: 14px;
        background-position: 0 5px;
        background-size: 12px; }
      #contents .inner .contentBlock p.pointTextSub {
        padding-left: 0;
        font-size: 10px; }
      #contents .inner .contentBlock .pointText + .pointText {
        margin-top: 10px; }
      #contents .inner .contentBlock .pointTextSub + .pointText {
        margin-top: 20px; }
      #contents .inner .contentBlock .termsBox {
        font-size: 12px; }
      #contents .inner .contentBlock .inputTitle p {
        font-size: 12px !important; }
      #contents .inner .contentBlock span.required {
        color: #be1c1c;
        text-indent: 1em;
        display: inline-block; }
      #contents .inner .contentBlock .inputBlock {
        position: relative;
        background-color: #f5f3e9;
        width: 100%;
        padding: 20px;
        box-sizing: border-box; }
        #contents .inner .contentBlock .inputBlock input, #contents .inner .contentBlock .inputBlock span {
          font-size: 16px; }
        #contents .inner .contentBlock .inputBlock ul li {
          display: block; }
          #contents .inner .contentBlock .inputBlock ul li div {
            display: block; }
          #contents .inner .contentBlock .inputBlock ul li div:first-child {
            width: 100%; }
          #contents .inner .contentBlock .inputBlock ul li div:last-child {
            width: 100%; }
          #contents .inner .contentBlock .inputBlock ul li div + div {
            margin-top: 10px; }
        #contents .inner .contentBlock .inputBlock ul li + li {
          margin-top: 10px; }
        #contents .inner .contentBlock .inputBlock select {
          font-size: 16px;
          background-color: #ffffff; }
        #contents .inner .contentBlock .inputBlock .select {
          width: 100%;
          background-color: #ffffff;
          text-indent: 0.5em; }
        #contents .inner .contentBlock .inputBlock .select-group {
          width: 100%; }
        #contents .inner .contentBlock .inputBlock .select-group:after,
        #contents .inner .contentBlock .inputBlock .select-group-year:after,
        #contents .inner .contentBlock .inputBlock .select-group-month:after,
        #contents .inner .contentBlock .inputBlock .select-group-adress:after {
          right: 10px; }
        #contents .inner .contentBlock .inputBlock .select-year {
          width: 100%;
          text-indent: 0.5em; }
        #contents .inner .contentBlock .inputBlock .select-group-year {
          width: 30%; }
        #contents .inner .contentBlock .inputBlock .select-month {
          width: 100%;
          text-indent: 0.5em; }
        #contents .inner .contentBlock .inputBlock .select-group-month {
          width: 20%; }
        #contents .inner .contentBlock .inputBlock .select-adress {
          width: 100%;
          text-indent: 0.5em; }
        #contents .inner .contentBlock .inputBlock .select-group-adress {
          width: 100%; }
        #contents .inner .contentBlock .inputBlock .other-model {
          display: block;
          margin-top: 10px;
          margin-left: 0;
          margin-right: 0; }
        #contents .inner .contentBlock .inputBlock input[type="text"].inputLongText {
          width: 100%;
          text-indent: 0.5em; }
        #contents .inner .contentBlock .inputBlock input[type="text"].inputMiddleText {
          width: 25%;
          text-indent: 0.5em; }
        #contents .inner .contentBlock .inputBlock .textareaWrap {
          padding-bottom: 20px;
          height: 100px; }
        #contents .inner .contentBlock .inputBlock textarea {
          resize: none;
          font-size: 16px;
          width: 90%;
          height: 100px;
          position: relative; }
      #contents .inner .contentBlock ul.arrowLink {
        margin-bottom: 20px; }
      #contents .inner .contentBlock ul.arrowLink a {
        font-size: 10px;
        padding-left: 24px;
        color: #be1c1c;
        position: relative; }
      #contents .inner .contentBlock ul.arrowLink a:after {
        position: absolute;
        width: 13px;
        height: 13px;
        content: "";
        background-image: url(/img/common/icon_arrow_red_right.png);
        background-size: 13px, 13px;
        background-repeat: no-repeat;
        left: 2px;
        top: 0;
        bottom: 0;
        margin: auto 0; }
      #contents .inner .contentBlock ul.arrowLink li + li {
        margin-top: 10px; }
      #contents .inner .contentBlock .blockQ {
        margin-left: 15px;
        padding: 10px 10px 10px 26px;
        font-size: 10px; }
      #contents .inner .contentBlock .blockQ:after {
        left: -15px;
        width: 31px;
        height: 100%;
        background-position: 0 center;
        background-size: 31px; }
      #contents .inner .contentBlock .blockA {
        margin-left: 15px;
        padding: 10px 10px 10px 26px;
        font-size: 10px; }
        #contents .inner .contentBlock .blockA > div .freeCall {
          margin-top: 10px;
          width: 100%;
          position: static;
          top: auto;
          left: auto; }
      #contents .inner .contentBlock .blockA:after {
        left: -15px;
        width: 31px;
        height: 100%;
        background-position: 0 center;
        background-size: 31px; }
      #contents .inner .contentBlock h4 + table, #contents .inner .contentBlock table + h4 {
        margin-top: 10px; }
      #contents .inner .contentBlock table {
        width: 100%;
        font-size: 10px; }
        #contents .inner .contentBlock table th {
          width: 75px;
          height: 30px;
          padding: 10px; }
        #contents .inner .contentBlock table td {
          height: 30px;
          padding: 10px; }
          #contents .inner .contentBlock table td span {
            position: static; }
          #contents .inner .contentBlock table td span:before {
            content: '\A';
            white-space: pre; }
      #contents .inner .contentBlock .leftContent + .rightContent {
        margin-top: 10px; }
      #contents .inner .contentBlock .leftContent {
        float: none;
        text-align: center; }
        #contents .inner .contentBlock .leftContent .imgSolare02 {
          width: 70%;
          height: auto;
          margin: 0 auto;
          display: block; }
        #contents .inner .contentBlock .leftContent .imgSolare04 {
          width: 76%;
          height: auto;
          margin: 0 auto;
          display: block; }
        #contents .inner .contentBlock .leftContent .imgCallCenter {
          width: 55%;
          height: auto;
          margin: 0 auto;
          display: block; }
      #contents .inner .contentBlock .rightContent {
        float: none; }
        #contents .inner .contentBlock .rightContent table {
          width: 100%; }
      #contents .inner .contentBlock .point, #contents .inner .contentBlock .point03, #contents .inner .contentBlock .point04 {
        padding: 10px;
        font-size: 12px; }
      #contents .inner .contentBlock .point04 {
        margin-top: 10px; }
      #contents .inner .contentBlock .manualList li {
        float: none;
        width: 100%; }
      #contents .inner .contentBlock .manualList li + li {
        margin-left: 0;
        margin-top: 10px; }
      #contents .inner .contentBlock .solare21Left {
        width: 100%;
        text-align: center; }
      #contents .inner .contentBlock .solare21 {
        width: 100%; }
        #contents .inner .contentBlock .solare21 .title {
          font-size: 14px; }
        #contents .inner .contentBlock .solare21 .patent {
          margin-top: 10px;
          height: auto; }
          #contents .inner .contentBlock .solare21 .patent div {
            height: auto;
            display: table-cell;
            vertical-align: middle; }
            #contents .inner .contentBlock .solare21 .patent div img {
              width: 100%;
              height: auto; }
          #contents .inner .contentBlock .solare21 .patent p {
            width: 80%;
            padding-left: 10px;
            font-size: 10px; }
        #contents .inner .contentBlock .solare21 .innerText {
          font-size: 10px; }
      #contents .inner .contentBlock .patent div img.human {
        padding-right: 0; }
      #contents .inner .contentBlock .solare21-02 {
        width: 100%; }
        #contents .inner .contentBlock .solare21-02 ul li {
          padding: 10px 10px 10px 50px;
          background-position: 10px center;
          background-size: 28px;
          margin-bottom: 10px;
          font-size: 10px; }
        #contents .inner .contentBlock .solare21-02 p + p {
          margin-top: 10px; }
      #contents .inner .contentBlock .solare21-03 {
        width: 100%; }
        #contents .inner .contentBlock .solare21-03 ul li {
          padding: 10px 10px 10px 50px;
          background-position: 10px center;
          background-size: 28px;
          margin-bottom: 10px;
          text-align: left; }
          #contents .inner .contentBlock .solare21-03 ul li h4 {
            font-size: 12px; }
          #contents .inner .contentBlock .solare21-03 ul li p {
            font-size: 10px; }
      #contents .inner .contentBlock .solar {
        width: 100%; }
      #contents .inner .contentBlock .asn230fb-01, #contents .inner .contentBlock .asn230fb-02 {
        width: 100%; }
      #contents .inner .contentBlock .specBtn {
        font-size: 10px; }
      #contents .inner .contentBlock .serviceBlock, #contents .inner .contentBlock .serviceBlockLeft, #contents .inner .contentBlock .serviceBlockRight {
        width: 100%; }
      #contents .inner .contentBlock .specList02 {
        float: none;
        width: 100%;
        font-size: 12px;
        border-spacing: 0; }
        #contents .inner .contentBlock .specList02 li {
          display: table;
          width: 100%;
          height: 40px;
          float: none; }
          #contents .inner .contentBlock .specList02 li div:first-child {
            width: 136px;
            min-width: 136px;
            padding: 0 10px;
            display: table-cell; }
          #contents .inner .contentBlock .specList02 li div:last-child {
            width: 100%;
            padding: 0 10px;
            display: table-cell; }
          #contents .inner .contentBlock .specList02 li div + div {
            margin-left: 0; }
        #contents .inner .contentBlock .specList02 li + li {
          margin-top: -1px; }
      #contents .inner .contentBlock .imgTvantenna img {
        width: 50%;
        max-width: 410px;
        height: auto;
        margin-top: 20px; }
      #contents .inner .contentBlock .imgBeforeAfter {
        float: none;
        width: 100%;
        text-align: center;
        margin-top: 0; }
        #contents .inner .contentBlock .imgBeforeAfter img {
          width: 100%;
          height: auto;
          max-width: 178px;
          display: block; }
        #contents .inner .contentBlock .imgBeforeAfter div {
          position: relative;
          display: inline-block;
          width: 40%;
          height: auto;
          max-width: 178px;
          margin-top: 20px; }
        #contents .inner .contentBlock .imgBeforeAfter div + div {
          padding-left: 38px; }
        #contents .inner .contentBlock .imgBeforeAfter div:first-child:after {
          top: 40%; }
      #contents .inner .contentBlock .needBlock {
        border: 1px solid #be1c1c;
        padding: 10px; }
        #contents .inner .contentBlock .needBlock img {
          max-width: 100%; }
      #contents .inner .contentBlock ul.numberList li {
        padding: 10px 10px 10px 50px;
        background-position: 10px center;
        background-size: 28px;
        margin-bottom: 10px;
        font-size: 10px; }
        #contents .inner .contentBlock ul.numberList li h4 {
          font-size: 14px; }
        #contents .inner .contentBlock ul.numberList li p {
          font-size: 10px; }
      #contents .inner .contentBlock ul.numberList .brown {
        padding: 15px 120px 15px 50px; }
        #contents .inner .contentBlock ul.numberList .brown img {
          width: 100px;
          height: auto; }
      #contents .inner .contentBlock .numberListEx02 li {
        width: 100%;
        font-size: 10px; }
      #contents .inner .contentBlock .numberListEx02 li + li {
        margin-top: 10px; }
      #contents .inner .contentBlock .maintenanceList li {
        display: inline-block;
        margin: 0 5px 10px;
        width: 28%; }
      #contents .inner .contentBlock .title {
        font-size: 14px; }
      #contents .inner .contentBlock .caution {
        display: table;
        padding: 5px; }
        #contents .inner .contentBlock .caution span {
          display: table-cell;
          vertical-align: middle;
          font-size: 10px; }
        #contents .inner .contentBlock .caution span:first-child {
          color: #fffc00;
          font-weight: bold;
          min-width: 50px; }
        #contents .inner .contentBlock .caution span:last-child {
          width: auto; }
      #contents .inner .contentBlock .hosoku {
        font-size: 10px;
        padding: 10px 0; }
      #contents .inner .contentBlock .onepointBlock {
        padding: 10px; }
        #contents .inner .contentBlock .onepointBlock img {
          width: 100%;
          max-width: 336px;
          height: auto; }
        #contents .inner .contentBlock .onepointBlock p {
          font-size: 14px;
          margin-left: 0;
          margin-top: 10px;
          width: 100%; }
      #contents .inner .contentBlock .pointSingle img {
        width: auto !important;
        height: 80px !important;
        display: table-cell; }
      #contents .inner .contentBlock .pointList {
        padding: 0; }
        #contents .inner .contentBlock .pointList li {
          float: none;
          width: 100%;
          padding-right: 0;
          padding-bottom: 40px;
          position: relative;
          display: table;
          font-size: 10px; }
          #contents .inner .contentBlock .pointList li img {
            min-width: 110px;
            height: auto;
            display: table-cell; }
          #contents .inner .contentBlock .pointList li p {
            display: table-cell;
            width: 100%;
            height: auto;
            padding: 0 0 0 10px;
            box-sizing: border-box;
            text-align: left;
            vertical-align: middle; }
        #contents .inner .contentBlock .pointList li::after {
          top: auto;
          bottom: 0;
          right: 0;
          left: 0;
          margin: 0 auto 0;
          width: 0;
          height: 0;
          border: 16px solid transparent;
          border-bottom-color: #be1c1c;
          -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
        #contents .inner .contentBlock .pointList li:last-child {
          padding-right: 0;
          padding-bottom: 0; }
        #contents .inner .contentBlock .pointList li:nth-of-type(3)::after {
          border: 16px solid transparent;
          border-bottom-color: #be1c1c;
          -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
        #contents .inner .contentBlock .pointList li:last-child:after {
          border: none; }
      #contents .inner .contentBlock .pointList02 li {
        font-size: 10px; }
      #contents .inner .contentBlock .pointList02 img {
        min-width: 80px;
        height: auto;
        display: table-cell; }
      #contents .inner .contentBlock .pointRedBorder {
        padding: 5px;
        width: 100%;
        height: auto;
        display: block;
        margin: 0 auto 10px;
        position: relative; }
        #contents .inner .contentBlock .pointRedBorder li {
          position: absolute;
          float: none;
          width: 25%;
          margin-right: 10%;
          padding-bottom: 0;
          display: inline-block;
          position: relative; }
          #contents .inner .contentBlock .pointRedBorder li img {
            display: inline;
            width: 100%;
            min-width: 40px;
            height: auto; }
        #contents .inner .contentBlock .pointRedBorder li::after {
          position: absolute;
          top: 0;
          margin: auto 115%;
          width: 0;
          height: 0;
          border: 8px solid transparent;
          border-bottom-color: #be1c1c;
          -webkit-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
        #contents .inner .contentBlock .pointRedBorder li:last-child {
          padding-right: 0;
          margin-right: 0; }
      #contents .inner .contentBlock .pointList02 {
        padding: 0;
        width: 100%;
        position: relative; }
        #contents .inner .contentBlock .pointList02 li {
          float: none;
          width: 100%;
          padding-right: 0;
          padding-bottom: 40px;
          display: block; }
          #contents .inner .contentBlock .pointList02 li div {
            width: 100%;
            display: table; }
          #contents .inner .contentBlock .pointList02 li div + div {
            margin: 10px 0 0; }
          #contents .inner .contentBlock .pointList02 li img {
            width: auto;
            height: 80px;
            display: table-cell; }
          #contents .inner .contentBlock .pointList02 li p {
            display: table-cell;
            width: 100%;
            height: auto;
            padding: 0 0 0 10px;
            box-sizing: border-box;
            text-align: left;
            vertical-align: middle; }
        #contents .inner .contentBlock .pointList02 li.item2, #contents .inner .contentBlock .pointList02 li.item3 {
          width: 100%; }
        #contents .inner .contentBlock .pointList02 li::after {
          top: auto;
          bottom: 0;
          right: 0;
          left: 0;
          margin: 0 auto 0;
          width: 0;
          height: 0;
          border: 16px solid transparent;
          border-bottom-color: #be1c1c;
          -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
        #contents .inner .contentBlock .pointList02 li:last-child {
          padding-right: 0;
          padding-bottom: 0; }
        #contents .inner .contentBlock .pointList02 li:last-child:after {
          border: none; }
        #contents .inner .contentBlock .pointList02 li.item3 {
          position: relative;
          padding-bottom: 0; }
        #contents .inner .contentBlock .pointList02 li.item3:after {
          border: none; }
        #contents .inner .contentBlock .pointList02 li.item3::after {
          top: auto;
          bottom: 20px;
          left: 40%;
          margin: 0;
          width: 0;
          height: 0;
          border: 16px solid transparent;
          border-bottom-color: #be1c1c;
          -webkit-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
        #contents .inner .contentBlock .pointList02 li.item3 + li {
          position: absolute;
          bottom: 0;
          right: 15%;
          margin: auto;
          display: inline-block; }
          #contents .inner .contentBlock .pointList02 li.item3 + li img {
            float: right; }
      #contents .inner .contentBlock .dealBlock .arrowImg {
        margin-top: 25px; }
      #contents .inner .contentBlock .dealBlock .arrowImg::after {
        top: -20px;
        left: 50%;
        margin-left: -12px;
        width: 0;
        height: 0;
        border: 12px solid transparent;
        border-bottom-color: #be1c1c;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg); }
      #contents .inner .contentBlock .dealBlock > div {
        display: inline-block;
        vertical-align: top;
        padding: 10px;
        width: 40%;
        box-sizing: border-box;
        position: relative; }
        #contents .inner .contentBlock .dealBlock > div img + p {
          margin-top: 10px; }
      #contents .inner .contentBlock .dealBlock > div:first-child {
        background-color: #99dff9; }
      #contents .inner .contentBlock .dealBlock > div:first-child:after {
        content: "対処";
        position: absolute;
        display: inline-block;
        vertical-align: middle;
        top: 50%;
        right: -42px;
        background-color: #be1c1c;
        font-size: 12px;
        color: #ffffff;
        width: 40px;
        height: 16px;
        margin-top: -8px;
        text-align: center; }
      #contents .inner .contentBlock .dealBlock > div:last-child {
        margin-left: 50px;
        background-color: #ffc2d6; }
      #contents .inner .contentBlock .dealBlock > div:first-child::before {
        content: "";
        position: absolute;
        top: 50%;
        margin-top: -12px;
        right: -65px;
        width: 0;
        height: 0;
        border: 12px solid transparent;
        border-bottom-color: #be1c1c;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg); }
      #contents .inner .contentBlock .pointBox {
        padding: 0; }
        #contents .inner .contentBlock .pointBox img {
          width: auto;
          min-width: 110px;
          height: 80px; }
        #contents .inner .contentBlock .pointBox img.w145 {
          width: auto;
          min-width: auto;
          height: 80px; }
        #contents .inner .contentBlock .pointBox p {
          padding: 0 10px;
          font-size: 10px; }
      #contents .inner .contentBlock .w374 {
        width: 100%;
        display: block;
        font-size: 10px; }
        #contents .inner .contentBlock .w374 small {
          font-size: 10px; }
      #contents .inner .contentBlock .pointDealBox {
        margin-top: 50px; }
      #contents .inner .contentBlock .pointBox + .pointDealBox:after {
        top: -50px;
        font-size: 14px; }
      #contents .inner .contentBlock .amadoiList li {
        padding: 10px; }
        #contents .inner .contentBlock .amadoiList li h4 {
          font-size: 14px;
          margin-bottom: 5px; }
        #contents .inner .contentBlock .amadoiList li img {
          width: auto;
          max-width: 100%;
          height: 115px;
          margin-bottom: 10px; }
      #contents .inner .contentBlock .sunpouImg {
        width: 100%;
        height: auto; }
      #contents .inner .contentBlock .singleImg img {
        width: 30%;
        height: auto; }
      #contents .inner .contentBlock .privacyBlock h3, #contents .inner .contentBlock .privacyBlock h4, #contents .inner .contentBlock .privacyBlock h5 {
        font-size: 12px; }
      #contents .inner .contentBlock .privacyBlock ul, #contents .inner .contentBlock .privacyBlock ol {
        font-size: 10px; }
      #contents .inner .contentBlock .privacyBlock small {
        font-size: 10px; }
      #contents .inner .contentBlock .privacyBlock p, #contents .inner .contentBlock .privacyBlock li {
        font-size: 10px; }
      #contents .inner .contentBlock .privacyBlock img {
        width: 40%;
        height: auto; }
      #contents .inner .contentBlock .registTable th {
        width: 105px; }
      #contents .inner .contentBlock .tenkenBlock div p {
        padding: 10px;
        font-size: 10px; }
      #contents .inner .contentBlock .tenkenBlock div img {
        min-width: 105px;
        max-width: 105px;
        height: auto; }
      #contents .inner .contentBlock .textImage {
        margin-top: 0; }
        #contents .inner .contentBlock .textImage p {
          font-size: 10px; }
        #contents .inner .contentBlock .textImage img {
          height: 40px;
          width: auto; }
      #contents .inner .contentBlock .enqueteList {
        margin-bottom: -20px; }
        #contents .inner .contentBlock .enqueteList li {
          width: 100%;
          height: 122px;
          margin-bottom: 10px; }
          #contents .inner .contentBlock .enqueteList li div:first-child {
            width: 90px;
            min-width: 90px;
            padding-left: 0;
            box-sizing: border-box;
            text-align: center; }
          #contents .inner .contentBlock .enqueteList li div:last-child {
            width: 100%;
            text-align: center;
            display: table-cell;
            vertical-align: middle; }
          #contents .inner .contentBlock .enqueteList li img.answer {
            max-height: 100px;
            width: auto; }
        #contents .inner .contentBlock .enqueteList li:after {
          position: absolute;
          top: 0;
          bottom: 0;
          margin: auto 0;
          left: 10px;
          width: 44px;
          height: 44px; }
        #contents .inner .contentBlock .enqueteList li:nth-of-type(2n+1) {
          float: none; }
        #contents .inner .contentBlock .enqueteList li:nth-of-type(2n) {
          float: none; }
    #contents .inner .bangaiBlock {
      padding: 20px 10px;
      margin-top: 100px; }
      #contents .inner .bangaiBlock .onepointBlock img {
        max-width: 100%; }
      #contents .inner .bangaiBlock .onepointBlock p {
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
        font-size: 14px; }
      #contents .inner .bangaiBlock .tankImage > img {
        margin: 0 auto 10px;
        width: 100%; }
      #contents .inner .bangaiBlock .tankImage div {
        display: inline-block;
        width: 100%;
        padding: 0; }
        #contents .inner .bangaiBlock .tankImage div img {
          width: 40%;
          height: auto;
          display: inline-block; }
        #contents .inner .bangaiBlock .tankImage div p {
          width: 58%;
          display: inline-block;
          padding: 5px;
          box-sizing: border-box;
          margin: 0;
          font-size: 10px;
          vertical-align: middle; }
    #contents .inner .contentBlock + .bangaiBlock {
      margin-top: -20px; }
    #contents .inner .newsList h3 {
      font-size: 16px;
      margin-bottom: 10px; }
    #contents .inner .newsList p, #contents .inner .newsList dt, #contents .inner .newsList dd {
      font-size: 12px; }
    #contents .inner .newsList p.date {
      float: left;
      width: 120px; }
    #contents .inner .newsList dl {
      float: left;
      width: 840px; }
    #contents .inner .newsList li {
      border-bottom: 1px dashed #c0c0c0; }
    #contents .inner .newsList li + li {
      margin-top: 10px; }
    #contents .inner .newsList li:after {
      content: ".";
      display: block;
      clear: both;
      visibility: hidden;
      height: 0; }
    #contents .inner .staffList a {
      display: block; }
    #contents .inner .staffList li {
      margin-right: 2%;
      margin-bottom: 8px; }
    #contents .inner .staffList li:nth-of-type(3n) {
      margin-right: 0; }
    #contents .inner .staffList img {
      width: 100%;
      max-width: 306px;
      height: auto; }
    #contents .inner .staffList p {
      display: table; }
    #contents .inner .staffList span {
      display: block;
      padding: 5px 5px 0 5px;
      text-align: left; }
    #contents .inner .staffList .shop {
      min-width: 30px;
      font-size: 10px;
      text-align: left; }
    #contents .inner .staffList .name {
      width: 100%;
      font-size: 12px;
      padding-top: 0; }
    #contents .inner .staffProfile {
      width: 100%; }
      #contents .inner .staffProfile p {
        font-size: 12px;
        margin-bottom: 10px; }
      #contents .inner .staffProfile .name {
        padding: 10px; }
        #contents .inner .staffProfile .name span:first-child {
          font-size: 10px;
          margin-right: 10px; }
        #contents .inner .staffProfile .name span:last-child {
          font-size: 14px; }
      #contents .inner .staffProfile .photo {
        text-align: center; }
        #contents .inner .staffProfile .photo img {
          width: 32%;
          max-width: 200px;
          height: auto;
          margin: 0; }
    #contents .inner .sitemap h3 {
      width: 100%;
      font-size: 14px;
      /*$font-size-gnavi-btn;*/
      padding-left: 20px;
      text-align: left; }
    #contents .inner .sitemap li {
      padding: 10px 10px 10px 30px;
      font-size: 12px;
      background-repeat: no-repeat;
      background-position: 10px center;
      text-align: left; }
    #contents .inner .productBlocks {
      margin-top: 40px;
      width: 100%; }
      #contents .inner .productBlocks li {
        width: 100%;
        display: block;
        float: none; }
        #contents .inner .productBlocks li .contentBlock {
          text-align: center; }
      #contents .inner .productBlocks li:nth-of-type(2n) {
        margin-left: 0; }

  /* 見積もりボタン */
  .estimateBtn, .backBtn {
    width: 96%;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    margin: 20px auto;
    overflow: hidden; }

  .estimateBtn:after {
    width: 10px;
    height: 10px; }

  .buyBtn {
    width: 96%;
    height: 40px;
    line-height: 40px;
    font-size: 14px; }

  .buyBtn:before {
    width: 26px;
    height: 26px; }

  .buyBtn:after {
    width: 10px;
    height: 10px; }

  #leftContents {
    float: none;
    width: 100%;
    padding-bottom: 0; }

  #rightContents {
    float: none;
    width: 100%;
    background-color: #ffffff; }
    #rightContents .blockTitle {
      margin-top: 20px; }
      #rightContents .blockTitle h2 {
        padding: 0; }
    #rightContents .section .flyerArea {
      padding: 10px 10px 20px 10px;
      box-sizing: border-box;
      background-color: #f5f3e9; }
    #rightContents .section .slick-slider {
      width: 80%;
      height: 200px;
      margin: 0 auto; }
      #rightContents .section .slick-slider ul li {
        margin-bottom: 0; }
        #rightContents .section .slick-slider ul li a img {
          width: 144px;
          height: 184px;
          border: 4px solid #ffffff;
          box-shadow: 3px 3px 4px #999999; }
      #rightContents .section .slick-slider .slick-slide img {
        margin: 0 auto;
        width: 136px;
        height: 174px; }
      #rightContents .section .slick-slider .slick-next {
        right: -32px;
        width: 23px; }
      #rightContents .section .slick-slider .slick-next:before {
        background-image: url("/img/common/icon_arrow_red_right.png");
        width: 28px;
        height: 28px;
        background-size: 23px 23px; }
      #rightContents .section .slick-slider .slick-prev {
        left: -32px;
        width: 23px; }
      #rightContents .section .slick-slider .slick-prev:before {
        background-image: url("/img/common/icon_arrow_red_left.png");
        width: 28px;
        height: 28px;
        background-size: 23px 23px; }
      #rightContents .section .slick-slider .slick-dots {
        bottom: -16px; }
        #rightContents .section .slick-slider .slick-dots li button {
          background-color: #988F74;
          width: 8px;
          height: 8px;
          margin: 0 auto; }
        #rightContents .section .slick-slider .slick-dots li button:before {
          content: ""; }
        #rightContents .section .slick-slider .slick-dots li.slick-active button {
          background-color: #BE1C1C; }
    #rightContents > ul li {
      padding: 0 10px;
      margin-bottom: 10px; }
      #rightContents > ul li img {
        width: 100%;
        height: auto; }

  #news .inner ul li span, .newsList .inner ul li span {
    display: block;
    margin-bottom: 8px; }

  #contents .inner #news {
    background-color: #ffffff;
    position: relative;
    margin-bottom: 0px; }
    #contents .inner #news > span {
      display: block;
      width: 100%;
      height: 40px;
      line-height: 40px;
      background-color: #BE1B1C;
      position: relative;
      top: 0;
      left: 0;
      z-index: 1;
      color: #ffffff;
      text-align: center;
      font-weight: bold; }
    #contents .inner #news #newsticker.ticker {
      width: 100%;
      min-height: 64px;
      margin: 0;
      height: auto;
      line-height: 1.5;
      padding: 10px;
      position: relative; }
      #contents .inner #news #newsticker.ticker ul {
        background-color: #ffffff;
        padding: 0 10px;
        box-sizing: border-box;
        height: auto;
        top: 0; }
        #contents .inner #news #newsticker.ticker ul li {
          width: 100%;
          padding: 0 0 20px;
          font-size: 116.7%;
          height: auto;
          background-color: #ffffff; }
          #contents .inner #news #newsticker.ticker ul li span {
            width: 100%;
            color: #3C3839;
            display: block; }
          #contents .inner #news #newsticker.ticker ul li a {
            display: block;
            white-space: nowrap;
            width: 100%;
            box-sizing: border-box;
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            padding-left: 24px;
            color: #be1c1c;
            position: relative; }
          #contents .inner #news #newsticker.ticker ul li a:after {
            position: absolute;
            width: 13px;
            height: 13px;
            content: "";
            background-image: url(/img/common/icon_arrow_red_right.png);
            background-size: 13px, 13px;
            background-repeat: no-repeat;
            left: 2px;
            top: 0;
            bottom: 0;
            margin: auto 0; }
    #contents .inner #news .more {
      background-color: #000000;
      width: 77px;
      height: 27px;
      line-height: 27px;
      position: absolute;
      right: 7px;
      top: 7px;
      padding-left: 24px;
      box-sizing: border-box;
      font-size: 116.7%;
      color: #be1c1c;
      text-decoration: none;
      color: #ffffff;
      z-index: 1; }
    #contents .inner #news .more:after {
      position: absolute;
      width: 13px;
      height: 13px;
      content: "";
      background-image: url(/img/common/icon_arrow_white_right.png);
      background-size: 13px 13px;
      left: 6px;
      top: 0;
      bottom: 0;
      margin: auto 0; }

  .post li + li {
    margin-top: 20px; }

  #specials {
    padding: 0 2%; }
    #specials .inner ul li {
      width: 100%;
      display: block; }
      #specials .inner ul li a img {
        width: 100%;
        height: auto; }
    #specials .inner ul li + li {
      margin-top: 10px;
      margin-left: 0; }

  #footer .footerImage {
    width: 100%;
    height: 256px; }
    #footer .footerImage a {
      top: 60px;
      right: 2%; }
  #footer .footerLink .inner {
    overflow: hidden;
    padding: 8px 0 0;
    box-sizing: border-box;
    line-height: 1.8; }
    #footer .footerLink .inner ul li a {
      font-size: 10px; }
    #footer .footerLink .inner ul li:nth-of-type(3) {
      clear: both; }
    #footer .footerLink .inner ul li + li:nth-of-type(3) a {
      border-left: none; }
  #footer .copyright {
    height: auto;
    padding: 10px 10px 80px;
    line-height: 1;
    box-sizing: border-box;
    overflow: visible; }
    #footer .copyright .inner {
      padding: 0; }
      #footer .copyright .inner a {
        position: relative;
        width: 100%; }
        #footer .copyright .inner a img {
          margin: 0 auto;
          height: 23px;
          width: auto; }
      #footer .copyright .inner small {
        display: block;
        box-sizing: border-box;
        font-size: 10px;
        padding: 0;
        margin-top: 10px; }

  #headerTop {
    display: none; }

  .gNaviClose {
    display: none; } }
.contact_area {
  position: fixed;
  top: 312px;
  right: 0;
  z-index: 1000; }

@media only screen and (max-width: 768px) {
  .contact_area {
    position: fixed;
    top: auto;
    bottom: 0;
    right: 0;
    z-index: 1000;
    width: 100%; }
    .contact_area img {
      width: 100%;
      max-width: 640px;
      height: auto;
      margin: 0 auto; } }