@charset "UTF-8";
html {
  height: 100%;
}

a {
  outline: none;
}

strong, em {
  font-weight: bold;
}

img, svg {
  vertical-align: top;
}

section, article {
  position: relative;
}

input, textarea, select, button {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  font-family: Meiryo, メイリオ, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  margin: 0;
  outline: none;
  padding: 0;
  vertical-align: middle;
}

input[type="text"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="email"],
input[type="password"],
input[type="button"],
input[type="submit"],
textarea,
select,
button {
  border-radius: 0px;
}

input[type="text"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="email"],
input[type="password"],
input[type="button"],
input[type="submit"],
textarea,
button {
  border: 1px solid #dedede;
  -webkit-appearance: none;
}

@media screen and (max-width: 767px) {
  input[type="text"],
  input[type="search"],
  input[type="tel"],
  input[type="url"],
  input[type="email"],
  input[type="password"],
  input[type="button"],
  input[type="submit"],
  textarea,
  button {
    border-color: #c6c6c6;
  }
}

input:focus, textarea:focus {
  background: #f5f5f5;
}

textarea {
  resize: none;
}

select {
  border-color: #c6c6c6;
}

.home select:disabled {
  background-color: #bebebe;
}

@media screen and (max-width: 767px) {
  select {
    -webkit-appearance: none;
    background: #fff url(../images/common/arrow-select-sp.png) no-repeat right center;
    background-size: 16px 7px;
    padding-left: 9px;
    padding: 8px 0 8px 9px;
    width: 100%;
  }
  select:disabled {
    border-color: #e2e2e2;
  }
}

input[type="button"],
input[type="submit"],
button {
  background: none;
  border: 0;
  cursor: pointer;
}

input::-moz-focus-inner,
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 100px #fff inset;
}

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

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

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

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

@media screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
}

a {
  -webkit-transition: color 0.2s, opacity 0.3s;
  transition: color 0.2s, opacity 0.3s;
  color: #3a779d;
  text-decoration: none;
}

@media screen and (min-width: 1041px) {
  .no-touch a:hover {
    color: #f08200;
  }
}

#header.transparent #globalNav .searchBtn a,
#footer .navArea .searchBtn a {
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
  background: transparent;
  -webkit-filter: none;
          filter: none;
  border: 1px solid rgba(255, 255, 255, 0.4);
  color: #fff;
  display: block;
  font-weight: bold;
  text-align: center;
}

#header.transparent #globalNav .searchBtn a span,
#footer .navArea .searchBtn a span {
  border-color: transparent;
  display: block;
}

.no-touch #header.transparent #globalNav .searchBtn a:hover, .no-touch
#footer .navArea .searchBtn a:hover {
  background: rgba(255, 255, 255, 0.3);
  opacity: 1;
}

.hgroup {
  position: relative;
}

.txts p {
  margin-bottom: 1.5em;
}

.txts p:last-child {
  margin-bottom: 0;
}

::-moz-selection {
  background: #a49d8c;
  color: #fff;
}

::selection {
  background: #a49d8c;
  color: #fff;
}

::-moz-selection {
  background: #a49d8c;
  color: #fff;
}

input::-moz-selection,
textarea::-moz-selection {
  color: #313131;
}

input::selection,
textarea::selection {
  color: #313131;
}

input::-moz-selection,
textarea::-moz-selection {
  color: #313131;
}

table {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}

table th, table td {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  word-break: break-all;
}

.breadcrumbs {
  background: #f5f5f5;
  font-size: 12px;
  line-height: 1.6666666667;
  padding: 14px 0 9px;
}

@media screen and (max-width: 767px) {
  .breadcrumbs {
    font-size: 10px;
  }
}

.breadcrumbs li {
  display: inline;
}

.breadcrumbs li + li:before {
  color: #313131;
  content: '\003e';
  margin: 0 3px 0 0;
}

.no-touch .breadcrumbs li a:hover {
  color: #313131;
}

.breadcrumbs li:last-child a {
  color: #313131;
}

.secSearchFooter {
  background: url(../images/shop/bg-search-footer_pc.png) repeat 0 0;
  border-top: 1px solid #eee;
  padding: 45px 0 0;
}

.secSearchFooter > .tit {
  background: url(../images/shop/tit-search-footer_pc.png) no-repeat center 0;
  height: 0;
  margin-bottom: 19px;
  overflow: hidden;
  padding-top: 31px;
}

.searchStep {
  padding-bottom: 60px;
}

.searchStep > li .tit {
  margin-bottom: 15px;
}

.searchStep > li .tit img {
  height: 22px;
  margin: 0 10px 0 -2px;
  width: auto;
}

.searchStep > li .tit span {
  color: #525252;
  font-size: 13px;
  vertical-align: sub;
}

.searchStep > li .checkbox {
  margin: -10px -20px 0 0;
  overflow: hidden;
}

.searchStep > li .checkbox li {
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 248px center;
  background-size: auto 36px;
  float: left;
  margin: 10px 20px 0 0;
  width: 320px;
}

.searchStep > li .checkbox li.product01 {
  background-image: url(../images/common/img-search-label01.jpg);
}

.searchStep > li .checkbox li.product02 {
  background-image: url(../images/common/img-search-label02.jpg);
}

.searchStep > li .checkbox li.product03 {
  background-image: url(../images/common/img-search-label03.jpg);
}

.searchStep > li .checkbox input[type="checkbox"] {
  display: none;
}

.searchStep > li .checkbox input[type="checkbox"]:checked + label:after {
  display: block;
}

.searchStep > li .checkbox label {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #dedede;
  cursor: pointer;
  display: inline-block;
  padding: 18px 0 17px 53px;
  position: relative;
  width: 320px;
}

.searchStep > li .checkbox label:before, .searchStep > li .checkbox label:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  content: '';
  height: 24px;
  left: 16px;
  position: absolute;
  top: 16px;
  width: 24px;
}

.searchStep > li .checkbox label:before {
  background: #fdfdfd;
  background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#fff));
  background: linear-gradient(#fafafa, #fff);
  border: 1px solid #c5c5c5;
  display: block;
}

.searchStep > li .checkbox label:after {
  background: url(../images/common/ico-search-check.png) no-repeat 0 0;
  background-size: 24px 24px;
  display: none;
}

.searchStep > li .conditions {
  margin-top: -10px;
}

.searchStep > li .conditions:before, .searchStep > li .conditions:after {
  content: '';
  display: table;
}

.searchStep > li .conditions:after {
  clear: both;
}

.searchStep > li .conditions dl {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-right: 1px dotted #ccc;
  float: left;
  margin: 10px 20px 0 0;
  width: 327px;
}

.searchStep > li .conditions dl dt {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px;
}

.searchStep > li .conditions dl dd select {
  padding: 10px 0 10px 18px;
  width: 222px;
}

.searchStep > li .conditions dl dd .selectric-wrapper {
  display: inline-block;
  width: 222px;
  vertical-align: middle;
}

.searchStep > li .conditions dl dd .selectric .label {
  height: 43px;
  line-height: 43px;
}

.searchStep > li .conditions dl dd .selectric .button {
  height: 43px;
}

.searchStep > li .conditions dl dd input:not(.btn) {
  padding: 11px 0 11px 18px;
}

.searchStep > li .conditions dl dd .btn {
  background: #79786c url(../images/common/arrow-white20.png) no-repeat 53px center;
  background-size: 10px 13px;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  margin-left: 5px;
  padding: 11px 15px 11px 0;
  width: 75px;
}

.searchStep > li .conditions dl.zip {
  padding: 0;
}

.searchStep > li .conditions dl.zip .border {
  background: #d3d3cb;
  content: '';
  display: inline-block;
  height: 1px;
  margin: 0 4px;
  width: 13px;
}

.searchStep > li .conditions dl.zip .zip01 {
  width: 75px;
}

.searchStep > li .conditions dl.zip .zip02 {
  width: 113px;
}

.searchStep > li .conditions dl.zip .btn {
  position: relative;
}

.searchStep > li .conditions dl.freeword {
  border: 0;
  margin-right: 0;
  width: 306px;
}

.searchStep > li .conditions dl.freeword input[type="text"] {
  width: 221px;
}

.searchStep > li + li {
  border-top: 1px dotted #ccc;
  margin-top: 29px;
  padding-top: 29px;
}

@media screen and (max-width: 767px) {
  .secSearchFooter {
    background-image: url(../images/shop/bg-search-footer_sp.png);
    border-color: #dedede;
    padding: 30px 0 0;
  }
  .secSearchFooter > .tit {
    background-image: url(../images/shop/tit-search-footer_sp.png);
    background-size: auto 19px;
    margin-bottom: 17px;
    padding-top: 19px;
  }
  .searchStep {
    padding-bottom: 30px;
  }
  .searchStep > li .tit {
    margin-bottom: 9px;
  }
  .searchStep > li .tit img {
    height: 16px;
    margin: 0 8px 0 0;
  }
  .searchStep > li .tit span {
    color: rgba(82, 82, 82, 0.8);
    font-size: 10px;
    vertical-align: text-top;
  }
  .searchStep > li .checkbox {
    margin: -10px 0 0;
  }
  .searchStep > li .checkbox li {
    background-position: 96.42% center;
    background-size: auto 25px;
    float: none;
    margin: 10px 0 0;
    width: 100%;
  }
  .searchStep > li .checkbox label {
    font-size: 13px;
    padding: 12px 0 11px 44px;
    width: 100%;
  }
  .searchStep > li .checkbox label:before, .searchStep > li .checkbox label:after {
    left: 10px;
    top: 10px;
  }
  .searchStep > li .conditions {
    margin-top: -10px;
  }
  .searchStep > li .conditions dl {
    border-right: none;
    float: none;
    margin: 10px 0 0;
    width: 100% !important;
  }
  .searchStep > li .conditions dl dt {
    font-size: 12px;
    margin-bottom: 5px;
  }
  .searchStep > li .conditions dl dd {
    padding-right: 71px;
    position: relative;
  }
  .searchStep > li .conditions dl dd select {
    padding: 10px 0 10px 9px;
    width: 100%;
  }
  .searchStep > li .conditions dl dd .selectric-wrapper {
    width: 100%;
  }
  .searchStep > li .conditions dl dd .selectric .label {
    height: 42px;
    line-height: 42px;
  }
  .searchStep > li .conditions dl dd .selectric .button {
    height: 42px;
  }
  .searchStep > li .conditions dl dd input:not(.btn) {
    padding: 11px 0 10px 9px;
  }
  .searchStep > li .conditions dl dd .btn {
    background-position: 47px center;
    font-size: 12px;
    margin-left: 0;
    padding: 13px 14px 13px 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 65px;
  }
  .searchStep > li .conditions dl.zip dd {
    padding: 0;
  }
  .searchStep > li .conditions dl.zip .border {
    background: #9e9e9e;
    margin: 0 1px;
    width: 10px;
  }
  .searchStep > li .conditions dl.zip .zip01 {
    width: 64px;
  }
  .searchStep > li .conditions dl.zip .zip02 {
    width: 125px;
  }
  .searchStep > li .conditions dl.freeword {
    border: 0;
    margin-right: 0;
  }
  .searchStep > li .conditions dl.freeword input[type="text"] {
    width: 100%;
  }
  .searchStep > li + li {
    border-top: none;
    margin-top: 25px;
    padding-top: 0;
  }
}

.shop .secShop .shopInfo,
.partner .secPartnerList .shopInfo {
  margin-bottom: 6px;
}

.shop .secShop .shopInfo tr,
.partner .secPartnerList .shopInfo tr {
  border-bottom: 1px dotted #a5a5a5;
}

.shop .secShop .shopInfo tr:last-child,
.partner .secPartnerList .shopInfo tr:last-child {
  border-bottom: none;
}

.shop .secShop .shopInfo th, .shop .secShop .shopInfo td,
.partner .secPartnerList .shopInfo th,
.partner .secPartnerList .shopInfo td {
  padding: 7px 0;
}

.shop .secShop .shopInfo th,
.partner .secPartnerList .shopInfo th {
  font-weight: bold;
  vertical-align: top;
  width: 16%;
}

.shop .secShop .shopInfo td,
.partner .secPartnerList .shopInfo td {
  line-height: 1.2;
  width: 84%;
}

.shop .secShop .shopInfo td p,
.partner .secPartnerList .shopInfo td p {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-left: 1px solid #dedede;
  padding: 4px 0 2px 9px;
}

.shop .secShop .Addinfo,
.partner .secPartnerList .Addinfo {
  overflow: hidden;
}

.shop .secShop .Addinfo li,
.partner .secPartnerList .Addinfo li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #dedede;
  font-size: 12px;
  font-weight: bold;
  margin-top: 7px;
  text-align: center;
}

.shop .secShop .Addinfo li span,
.partner .secPartnerList .Addinfo li span {
  background-repeat: no-repeat;
  background-position: 0 center;
  display: inline-block;
  padding: 7px 0 6px;
}

.shop .secShop .Addinfo li.card span,
.partner .secPartnerList .Addinfo li.card span {
  background-image: url(../images/shop/ico-card.png);
  background-size: auto 14px;
  letter-spacing: -0.1em;
  padding-left: 21px;
}

.shop .secShop .Addinfo li.loaner span,
.partner .secPartnerList .Addinfo li.loaner span {
  background-image: url(../images/shop/ico-loaner.png);
  background-size: auto 15px;
  padding-left: 23px;
}

.shop .secShop .Addinfo li.takeoff span,
.partner .secPartnerList .Addinfo li.takeoff span {
  background-image: url(../images/shop/ico-takeoff.png);
  background-size: auto 15px;
  letter-spacing: -0.03em;
  padding-left: 17px;
}

.shop .secShop .Addinfo li.delivered span,
.partner .secPartnerList .Addinfo li.delivered span {
  background-image: url(../images/shop/ico-delivered.png);
  background-size: auto 17px;
  padding-left: 22px;
}

.shop .secShop .btnInquiry,
.partner .secPartnerList .btnInquiry {
  border-radius: 17px;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  background: url(../images/shop/btn-inqury_pc.png) no-repeat center 0;
  margin: 20px auto 0;
  padding-top: 1px;
  width: 100%;
  max-width: 310px;
}

.shop .secShop .btnInquiry a,
.partner .secPartnerList .btnInquiry a {
  border-radius: 17px;
  color: #fff !important;
  border-top: 1px solid #f59833;
  display: block;
  font-size: 13px;
  font-weight: bold;
  padding: 7px 0;
  text-align: center;
}

.shop .secShop .btnInquiry a span,
.partner .secPartnerList .btnInquiry a span {
  background: url(../images/shop/ico-mail.png) no-repeat 0 center;
  background-size: auto 13px;
  display: inline-block;
  padding-left: 26px;
}

.shop .secShop .btnInquiry a:hover,
.partner .secPartnerList .btnInquiry a:hover {
  opacity: 1;
}

.no-touch .shop .secShop .btnInquiry:hover, .no-touch
.partner .secPartnerList .btnInquiry:hover {
  opacity: 0.7;
}

@media screen and (max-width: 767px) {
  .shop .secShop .shopInfo,
  .partner .secPartnerList .shopInfo {
    margin-bottom: 6px;
  }
  .shop .secShop .shopInfo th, .shop .secShop .shopInfo td,
  .partner .secPartnerList .shopInfo th,
  .partner .secPartnerList .shopInfo td {
    font-size: 12px !important;
    padding: 7px 0;
  }
  .shop .secShop .shopInfo th,
  .partner .secPartnerList .shopInfo th {
    width: 13%;
  }
  .shop .secShop .shopInfo td,
  .partner .secPartnerList .shopInfo td {
    width: 87%;
  }
  .shop .secShop .Addinfo li,
  .partner .secPartnerList .Addinfo li {
    margin: 5px 0 0 !important;
    width: 49% !important;
  }
  .shop .secShop .Addinfo li span,
  .partner .secPartnerList .Addinfo li span {
    padding: 5px 0 4px;
  }
  .shop .secShop .Addinfo li:nth-child(odd),
  .partner .secPartnerList .Addinfo li:nth-child(odd) {
    clear: both;
  }
  .shop .secShop .Addinfo li:nth-child(even),
  .partner .secPartnerList .Addinfo li:nth-child(even) {
    float: right !important;
  }
  .shop .secShop .Addinfo li.card span,
  .partner .secPartnerList .Addinfo li.card span {
    background-size: auto 11px;
    padding-left: 20px;
  }
  .shop .secShop .Addinfo li.loaner span,
  .partner .secPartnerList .Addinfo li.loaner span {
    background-size: auto 13px;
    padding-left: 21px;
  }
  .shop .secShop .Addinfo li.takeoff span,
  .partner .secPartnerList .Addinfo li.takeoff span {
    background-size: auto 16px;
    padding-left: 20px;
  }
  .shop .secShop .Addinfo li.delivered span,
  .partner .secPartnerList .Addinfo li.delivered span {
    background-size: auto 16px;
    padding-left: 21px;
  }
  .shop .secShop .btnInquiry,
  .partner .secPartnerList .btnInquiry {
    background-image: url(../images/shop/btn-inqury_sp.png);
    background-size: cover;
    margin-top: 15px;
  }
  .shop .secShop .btnInquiry a span,
  .partner .secPartnerList .btnInquiry a span {
    background-size: 15px 10px;
    padding-left: 20px;
  }
}

.productNav {
  display: inline-block;
  margin: 0 0 30px 15px;
  vertical-align: middle;
  /* ★★ タブレット以下 ★★ */
}

.productNav li {
  display: inline-block;
  font-size: 10px;
  font-weight: bold;
  margin-left: 10px;
}

.productNav li img {
  vertical-align: middle;
  width: 20px;
}

@media screen and (max-width: 1040px) {
  .productNav {
    border: 1px solid #dedede;
    display: block;
    margin: 0 0 15px;
    padding: 10px 10px 6px;
  }
  .productNav li {
    display: block;
    font-size: 11px;
    margin: 0 0 3px;
  }
  .productNav li img {
    width: 17px;
  }
}

.shopList {
  margin-top: -50px;
  overflow: hidden;
}

.shopList > li {
  float: left;
  margin: 50px 0 0 3.5%;
  width: 31%;
}

.shopList > li > a {
  display: block;
}

.shopList > li a {
  color: #3a779d;
}

.shopList > li .thumb {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  height: 0;
  margin-bottom: 16px;
  overflow: hidden;
  padding-top: 70.64%;
  position: relative;
  width: 100%;
}

.shopList > li .partner {
  bottom: 0;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  left: 0;
  padding: 7px 0 6px;
  position: absolute;
  text-align: center;
  width: 100%;
}

.shopList > li .partner.certify {
  background: rgba(186, 181, 51, 0.95);
}

.shopList > li .partner.register {
  background: rgba(0, 159, 236, 0.95);
}

.shopList > li .name {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 3px;
}

.shopList > li .name img {
  height: 19px;
  margin: 2px 0 0 5px;
}

.shopList > li .productInfo {
  background: #f2f2e9;
  padding: 17px 15px 15px;
}

.shopList > li .productInfo li {
  display: inline-block;
}

.shopList > li .productInfo li img {
  height: 32px;
  width: 32px;
}

.shopList > li .productInfo li + li {
  margin-left: 2px;
}

.shopList > li .Addinfo li {
  width: 49%;
}

.shopList > li .Addinfo li:nth-child(odd) {
  clear: both;
  float: left;
}

.shopList > li .Addinfo li:nth-child(even) {
  float: right;
}

.shopList > li:nth-child(3n+1) {
  margin-left: 0;
  clear: both;
}

@media screen and (max-width: 767px) {
  .shopList {
    margin-top: -30px;
  }
  .shopList > li {
    margin: 30px 0 0 0;
    width: 100%;
  }
  .shopList > li .thumb {
    margin-bottom: 15px;
    padding-top: 70.89%;
  }
  .shopList > li .partner {
    font-size: 11px;
    padding: 8px 0 7px;
  }
  .shopList > li .name {
    font-size: 16px;
    margin-bottom: 3px;
  }
  .shopList > li .name img {
    display: none;
  }
  .shopList > li .productInfo {
    padding: 10px 11px;
  }
  .shopList > li .productInfo li img {
    height: 20px;
    width: 20px;
  }
  .shopList > li + li {
    border-top: 1px solid #ccc;
    padding-top: 25px;
  }
}

.pageTit {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  color: rgba(255, 255, 255, 0.7);
  font-size: 40px;
}

.pageTit .container {
  display: table;
  width: 100%;
}

.pageTit .pageTitWrap {
  display: table-cell;
  height: 200px;
  line-height: 1.1;
  vertical-align: middle;
  width: 100%;
}

.pageTit .tit, .pageTit span {
  display: inline-block;
  vertical-align: middle;
}

.pageTit span {
  color: rgba(173, 173, 173, 0.7);
  font-size: 22px;
}

.pageTit span:before {
  background: rgba(117, 117, 116, 0.5);
  content: '';
  display: inline-block;
  height: 20px;
  margin: 0 19px 0 2px;
  width: 1px;
}

.pageTit .btn {
  margin-top: -25px;
  position: absolute;
  right: 0;
  top: 50%;
}

.pageTit .btn a {
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  background: url(../images/common/arrow-white20.png) no-repeat 92% center;
  background-size: 10px auto;
  border: 1px solid rgba(255, 255, 255, 0.45);
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: bold;
  padding: 14px 33px 13px 18px;
}

.no-touch .pageTit .btn a:hover {
  background-color: rgba(255, 255, 255, 0.3);
  opacity: 1;
}

@media screen and (max-width: 1040px) {
  .pageTit .btn {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .pageTit {
    font-size: 22px;
  }
  .pageTit .container {
    margin: 0;
    padding: 0 20px;
  }
  .pageTit .pageTitWrap {
    height: 100px;
  }
  .pageTit .tit, .pageTit span {
    display: block;
  }
  .pageTit span {
    font-size: 11px;
    margin-top: 3px;
  }
  .pageTit span:before {
    display: none;
  }
}

.blockTit {
  padding: 9px 0 7px;
}

.blockTit .tit {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.1;
  padding-left: 14px;
  position: relative;
}

.blockTit .tit:before {
  background: #d9d9cc;
  content: '';
  height: 40px;
  left: 0;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  width: 3px;
}

@media screen and (max-width: 767px) {
  .blockTit {
    padding: 3px 0;
  }
  .blockTit .tit {
    font-size: 16px;
    padding-left: 12px;
  }
  .blockTit .tit:before {
    height: 25px;
    margin-top: -12px;
  }
}

.secMagazine .list li a {
  display: block;
}

.no-touch .secMagazine .list li a:hover .read {
  opacity: 1;
}

.no-touch .secMagazine .list li a:hover .read p span:before {
  opacity: 1;
  right: -14px;
}

.no-touch .secMagazine .list li a:hover .read:before, .no-touch .secMagazine .list li a:hover .read:after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}

.secMagazine .list li .thumb {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 3.22%;
}

.secMagazine .list li .thumb .read {
  background: rgba(255, 255, 255, 0.9);
  background: -webkit-gradient(linear, left top, left bottom, from(white), to(rgba(255, 255, 255, 0.8)));
  background: linear-gradient(white, rgba(255, 255, 255, 0.8));
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  opacity: 0;
  padding-top: 65.51%;
  position: relative;
  width: 100%;
}

.secMagazine .list li .thumb .read p {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #998b71;
  font-family: "Roboto", Meiryo, メイリオ, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  letter-spacing: 0.3em;
  margin-top: -10px;
  position: absolute;
  padding-right: 8px;
  text-align: center;
  top: 50%;
  width: 100%;
}

.secMagazine .list li .thumb .read p span {
  position: relative;
}

.secMagazine .list li .thumb .read p span:before {
  -webkit-transition: all 0.1s 0.25s;
  transition: all 0.1s 0.25s;
  background: url(../images/common/arrow-gold20.png) no-repeat 0 0;
  background-size: 10px 13px;
  content: '';
  height: 13px;
  margin-top: -6px;
  opacity: 0;
  position: absolute;
  right: -8px;
  top: 50%;
  width: 10px;
}

.secMagazine .list li .thumb .read:before, .secMagazine .list li .thumb .read:after {
  -webkit-transition: all 0.2s 0.1s;
  transition: all 0.2s 0.1s;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(25%, #d8d2cb), color-stop(75%, #d8d2cb), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to right, rgba(0, 0, 0, 0), #d8d2cb 25%, #d8d2cb 75%, rgba(0, 0, 0, 0));
  content: '';
  height: 1px;
  left: 16%;
  position: absolute;
  width: 68%;
}

.secMagazine .list li .thumb .read:before {
  top: 36%;
}

.secMagazine .list li .thumb .read:after {
  bottom: 35%;
}

.secMagazine .list li .box {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.secMagazine .list li .box .date {
  color: #a9a9a9;
  display: inline-block;
  font-family: "Roboto", Meiryo, メイリオ, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  letter-spacing: 0.05em;
}

.secMagazine .list li .box .tit {
  font-weight: bold;
}

.secMagazine .list li .box .txt {
  line-height: 1.6;
}

@media screen and (max-width: 767px) {
  .secMagazine .list li {
    border-width: 0 !important;
    float: none !important;
    margin: 0 0 20px !important;
    width: 100% !important;
  }
  .secMagazine .list li a {
    padding: 0 !important;
  }
  .secMagazine .list li .thumb {
    float: none !important;
    padding: 3.22% !important;
    width: 100% !important;
  }
  .secMagazine .list li .thumb .read {
    padding-top: 65.51%;
  }
  .secMagazine .list li .box {
    background: #fff;
    border: 1px solid #ebebeb;
    border-width: 0 1px 1px;
    float: none !important;
    padding: 6px 18px 15px !important;
    width: 100% !important;
  }
  .secMagazine .list li .box .date {
    font-size: 12px !important;
    margin-bottom: 5px !important;
    letter-spacing: 0.06em;
  }
  .secMagazine .list li .box .tit {
    font-size: 14px !important;
    line-height: 1.4 !important;
  }
  .secMagazine .list li .box .txt {
    font-size: 13px !important;
    line-height: 1.4 !important;
    margin-top: 5px !important;
  }
}

.overlay {
  background: rgba(255, 255, 255, 0.8);
  content: '';
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

.fancybox-skin {
  position: relative;
  color: #444;
  text-shadow: none;
}

.fancybox-opened {
  z-index: 8030;
}

.fancybox-opened .fancybox-skin {
  background: #fff;
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
  height: 0 !important;
  overflow: hidden !important;
  padding-top: 56.25%;
  width: 100% !important;
}

.fancybox-type-iframe .fancybox-inner .fancybox-iframe {
  background: #000;
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url("/images/top/fancybox_sprite.png");
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url("blank.gif");
  /* helps IE */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}

/* Overlay helper */
.fancybox-lock {
  overflow: hidden !important;
  width: auto;
}

.fancybox-lock body {
  overflow: hidden !important;
}

.fancybox-lock-test {
  overflow-y: hidden !important;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: rgba(255, 255, 255, 0.5);
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

.selectric-wrapper {
  position: relative;
  cursor: pointer;
}

.selectric-responsive {
  width: 100%;
}

.selectric {
  border: 1px solid #c6c6c6;
  background: #fff;
  position: relative;
}

.selectric .label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 38px 0 10px;
  line-height: 38px;
  color: #444;
  height: 38px;
}

.selectric .button {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 38px;
  height: 38px;
  color: #BBB;
  text-align: center;
  font: 0/0 a;
  *font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial;
}

.selectric .button:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top-color: #BBB;
  border-bottom: none;
}

.selectric-hover .selectric {
  border-color: #adacac;
}

.selectric-hover .selectric .button {
  color: #a2a1a1;
}

.selectric-hover .selectric .button:after {
  border-top-color: #a2a1a1;
}

.selectric-open {
  z-index: 9999;
}

.selectric-open .selectric {
  border-color: #adacac;
}

.selectric-open .selectric-items {
  display: block;
}

.selectric-disabled {
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.selectric-disabled .selectric {
  border-color: #e2e2e2;
}

.selectric-disabled .label {
  color: #9e9e9e;
}

.selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0;
}

.selectric-hide-select select {
  position: absolute;
  left: -100%;
  display: none;
}

.selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important;
}

.selectric-temp-show {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important;
}

/* Items box */
.selectric-items {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  border: 1px solid #adacac;
  z-index: -1;
  -webkit-box-shadow: 0 0 10px -6px;
          box-shadow: 0 0 10px -6px;
}

.selectric-items .selectric-scroll {
  height: 100%;
  overflow: auto;
}

.selectric-above .selectric-items {
  top: auto;
  bottom: 100%;
}

.selectric-items ul, .selectric-items li {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 12px;
  line-height: 20px;
  min-height: 20px;
}

.selectric-items li {
  display: block;
  padding: 8px;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #EEE;
  color: #666;
  cursor: pointer;
}

.selectric-items li.selected {
  background: #EFEFEF;
  color: #444;
}

.selectric-items li:hover {
  background: #F0F0F0;
  color: #444;
}

.selectric-items .disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default !important;
  background: none !important;
  color: #666 !important;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.selectric-items .selectric-group .selectric-group-label {
  font-weight: bold;
  padding-left: 10px;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: none;
  color: #444;
}

.selectric-items .selectric-group.disabled li {
  filter: alpha(opacity=100);
  opacity: 1;
}

.selectric-items .selectric-group li {
  padding-left: 25px;
}

html {
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
}

body {
  background: #fff;
  color: #313131;
  font-family: Meiryo, メイリオ, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  line-height: 1.5;
  min-width: 320px;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body:before {
  display: none;
}

@media screen and (min-width: 1041px) {
  body:before {
    content: 'pc';
  }
}

@media screen and (max-width: 767px) {
  body:before {
    content: 'sp';
  }
}

img {
  max-width: 100%;
}

#wrapper {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 100%;
  overflow: hidden;
}

.container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto;
  max-width: 1000px;
  position: relative;
}

.container:before, .container:after {
  content: '';
  display: table;
}

.container:after {
  clear: both;
}

.container > #main {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: right;
  margin-left: -280px;
  padding-left: 280px;
  width: 100%;
}

.container #sidebar {
  float: left;
  width: 250px;
}

.container #sidebar .secNav > .tit {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #333330;
  background: -webkit-gradient(linear, left top, left bottom, from(#272724), to(#3e3e3b));
  background: linear-gradient(#272724, #3e3e3b);
  color: #fff;
  display: block;
  font-size: 16px;
  font-weight: bold;
  padding: 1px;
  text-align: center;
  width: 100%;
}

.container #sidebar .secNav > .tit span {
  border: 1px solid #555552;
  border-width: 1px 0 0;
  display: block;
  padding: 14px 0;
  position: relative;
}

.container #sidebar .secNav > .tit span:before, .container #sidebar .secNav > .tit span:after {
  background: #444441;
  background: -webkit-gradient(linear, left top, left bottom, from(#555552), to(#333330));
  background: linear-gradient(#555552, #333330);
  content: '';
  display: block;
  height: 50%;
  position: absolute;
  top: 0;
  width: 1px;
}

.container #sidebar .secNav > .tit span:before {
  left: 0;
}

.container #sidebar .secNav > .tit span:after {
  right: 0;
}

.container #sidebar .sideNav {
  border: 1px solid #d6d6d3;
  border-width: 0 1px 1px;
}

.container #sidebar .sideNav li {
  background: #fcfcfc;
  background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#fff));
  background: linear-gradient(#f9f9f9, #fff);
}

.container #sidebar .sideNav li a {
  display: block;
  font-weight: bold;
}

.container #sidebar .sideNav li a span {
  background: url(../images/common/arrow-gray13.png) no-repeat 92% center;
  display: block;
  padding: 23px 18px 22px;
}

.container #sidebar .sideNav li a span.line02 {
  padding: 13px 18px 13px;
  line-height: 1.44;
}

.container #sidebar .sideNav li.active a {
  color: #f08200;
}

.container #sidebar .sideNav li + li {
  border-top: 1px dotted #a6a6a6;
}

.maintenance .container #sidebar .sideNav li {
  position: relative;
}

.maintenance .container #sidebar .sideNav li a {
  background-position: 12px center;
  background-size: 12px auto;
  font-weight: normal;
  position: relative;
}

.maintenance .container #sidebar .sideNav li a span {
  padding-left: 49px;
}

.maintenance .container #sidebar .sideNav li:before {
  background: #f9f9f9;
  background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#fff));
  background: linear-gradient(#f3f3f3, #fff);
  content: '';
  height: 66px;
  left: 0;
  position: absolute;
  top: 0;
  width: 35px;
}

body:not(.home) #content {
  padding-top: 77px;
}

#header {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-box-shadow: 0 2px 16px rgba(0, 0, 0, 0.06);
          box-shadow: 0 2px 16px rgba(0, 0, 0, 0.06);
  background: #fff;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 500;
}

.home #header {
  display: none;
}

#header.transparent {
  -webkit-box-shadow: none;
          box-shadow: none;
  background: transparent;
}

#header.transparent .logo {
  background: transparent;
}

#header.transparent .logo:before, #header.transparent .logo:after {
  display: none;
}

#header.transparent .logo a {
  background-image: url(../images/common/logo-white.png);
}

#header.transparent:before {
  display: none;
}

#header.transparent #globalNav .nav li a {
  color: #fff !important;
}

.no-touch #header.transparent #globalNav .nav li a:hover {
  opacity: 0.7;
}

#header.transparent #globalNav .nav li:before {
  background: rgba(210, 200, 200, 0.2);
}

#header .logo {
  background: #fff;
  height: 80px;
  margin-left: -100%;
  padding-left: 100%;
  position: absolute;
  width: 118px;
}

#header .logo:before, #header .logo:after {
  content: '';
  display: block;
  position: absolute;
}

#header .logo:before {
  background: url(../images/common/bg-logo-diagonal.png) no-repeat 0 0;
  bottom: 0;
  height: 38px;
  right: -38px;
  width: 38px;
}

#header .logo:after {
  background: url(../images/common/bg-logo-shadow.png) no-repeat 0 0;
  bottom: -6px;
  height: 6px;
  right: -5px;
  width: 234px;
}

#header .logo a {
  background: url(../images/common/logo.png) no-repeat 0 0;
  background-size: 118px auto;
  display: block;
  height: 0;
  margin-top: 29px;
  overflow: hidden;
  padding-top: 20px;
  position: absolute;
  right: 3px;
  width: 118px;
}

.no-touch #header .logo a:hover {
  opacity: 0.8;
}

#header #globalNav {
  height: 77px;
  text-align: center;
  width: 100%;
}

#header #globalNav .nav {
  padding-left: 22px;
}

#header #globalNav .nav li {
  display: inline-block;
  position: relative;
}

#header #globalNav .nav li a {
  color: #313131;
  font-size: 12px;
  font-weight: bold;
  display: block;
  padding: 31px 9px;
}

.no-touch #header #globalNav .nav li a:hover {
  color: #f08200;
}

#header #globalNav .nav li + li:before {
  background: #e1e1e1;
  content: '';
  height: 12px;
  left: -3px;
  position: absolute;
  top: 34px;
  width: 1px;
}

#header #globalNav .nav li.inquiry {
  display: none;
}

#header #globalNav .searchBtn {
  border-radius: 13px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 27px;
  width: 115px;
}

#header #globalNav .searchBtn a {
  border-radius: 13px;
  background: #f1880d;
  background: -webkit-gradient(linear, left top, left bottom, from(#f08201), to(#f18e19));
  background: linear-gradient(#f08201, #f18e19);
  color: #fff;
  display: block;
  font-size: 12px;
  font-weight: bold;
  padding: 1px;
}

#header #globalNav .searchBtn a span {
  border-radius: 13px;
  background: url(../images/common/ico-search.png) no-repeat 12px 5px;
  background-size: 12px auto;
  border: 1px solid #f39d38;
  border-width: 1px 0 0;
  display: block;
  padding: 2px 0 3px 6px;
}

#footer #pagetop {
  bottom: 30px;
  display: none;
  position: fixed;
  right: 30px;
  z-index: 100;
}

#footer #pagetop.stop {
  position: absolute;
}

#footer .txtArea {
  background: #f5f5f5;
  border-top: 1px solid #e6e6dd;
  font-size: 13px;
}

#footer .txtArea .logo {
  left: -5px;
  margin-top: -12px;
  position: absolute;
  top: 50%;
}

#footer .txtArea .logo span {
  background: url(../images/common/logo.png) no-repeat center center;
  background-size: 135px auto;
  display: inline-block;
  height: 0;
  overflow: hidden;
  padding-top: 24px;
  width: 135px;
}

#footer .txtArea .txt {
  line-height: 1.7;
  padding: 31px 0 31px 160px;
  word-break: break-word;
}

#footer .navArea {
  background: #262625;
  background: -webkit-gradient(linear, left top, left bottom, from(#111110), to(#3a3a39));
  background: linear-gradient(#111110, #3a3a39);
  position: relative;
}

#footer .navArea .container {
  padding-bottom: 55px;
}

#footer .navArea .box {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  margin-bottom: 34px;
  padding-top: 47px;
  position: relative;
}

#footer .navArea .box a {
  color: #fff;
}

.no-touch #footer .navArea .box a:hover {
  opacity: 0.7;
}

#footer .navArea .box:first-child {
  width: 11.8%;
}

#footer .navArea .box:nth-child(2) {
  padding-left: 2.9%;
  padding-right: 3.2%;
  width: 22.4%;
}

#footer .navArea .box:nth-child(3) {
  padding-left: 3%;
  padding-right: 3%;
  width: 46.6%;
}

#footer .navArea .box:nth-child(3) .fl {
  float: left;
  width: 205px;
}

#footer .navArea .box:nth-child(3) .fr {
  float: right;
  width: 168px;
}

#footer .navArea .box:nth-child(4) {
  padding-left: 2.5%;
  padding-top: 35px;
  width: 19.2%;
}

#footer .navArea .box + .box:before {
  background: #383837;
  background: -webkit-gradient(linear, left top, left bottom, from(#424241), to(#2d2d2c));
  background: linear-gradient(#424241, #2d2d2c);
  content: '';
  display: block;
  height: 100%;
  left: 0;
  max-height: 396px;
  position: absolute;
  top: 50px;
  width: 1px;
}

#footer .navArea .box p.page {
  font-size: 15px;
  font-weight: bold;
  margin: 0 0 9px -2px;
}

#footer .navArea .box p.for {
  color: #afafaf;
  font-family: "Roboto", Meiryo, メイリオ, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  font-size: 16px;
  font-weight: lighter;
  margin-bottom: 7px;
}

#footer .navArea .box ul:not(.sub) li {
  font-size: 12px;
  line-height: 1.3;
}

#footer .navArea .box ul:not(.sub) li + li {
  margin-top: 5px;
}

#footer .navArea .box ul:not(.sub) + p {
  border-top: 1px dotted #6b6b6b;
  margin-top: 12px;
  padding-top: 10px;
}

#footer .navArea .box ul.sub li {
  font-weight: bold;
}

#footer .navArea .box ul.sub li a {
  display: block;
  padding: 10px 0;
}

#footer .navArea .box ul.sub li.privacy {
  background: url(../images/common/ico-blank.png) no-repeat 93% center;
}

#footer .navArea .box ul.sub li + li {
  border-top: 1px dotted #6b6b6b;
}

#footer .navArea .box ul.bnr {
  display: block;
}

#footer .navArea .box .searchBtn {
  margin-top: 10px;
  width: 100%;
}

#footer .navArea .box .searchBtn a {
  border-radius: 15px;
  font-size: 13px;
  opacity: 1 !important;
}

#footer .navArea .box .searchBtn a span {
  background: url(../images/common/ico-search.png) no-repeat 27px 8px;
  background-size: 15px auto;
  padding: 5px 0 4px 10px;
}

#footer .navArea .navSp {
  display: none;
}

#footer .navArea .bnr {
  display: none;
  padding-top: 20px;
  text-align: center;
}

#footer .navArea .bnr li {
  display: inline-block;
  margin-top: 0 !important;
  vertical-align: middle;
}

#footer .navArea .bnr li img {
  width: 19px;
}

#footer .navArea .bnr li img.instagram {
  width: 17px;
}

#footer .navArea .bnr li + li {
  margin-left: 13px;
}

#footer .copyrightArea {
  background: #f5f5f5;
  font-size: 12px;
}

#footer .copyrightArea .language {
  left: 0;
  position: absolute;
  top: 27px;
}

#footer .copyrightArea .language li {
  display: inline-block;
}

#footer .copyrightArea .language li a {
  font-weight: bold;
}

#footer .copyrightArea .language li + li:before {
  color: #bebebe;
  content: '/';
  display: inline-block;
  font-weight: bold;
  margin: 0 10px;
}

#footer .copyrightArea .logo {
  position: absolute;
  right: -2px;
  top: 17px;
}

#footer .copyrightArea .logo img {
  width: 60px;
}

#footer .copyrightArea .copyright {
  color: #757575;
  font-family: "Roboto", Meiryo, メイリオ, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  padding: 29px 0 28px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  html {
    font-size: 13px;
  }
  body {
    font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
    min-width: 320px;
  }
  .container > #main {
    float: none;
    margin-left: 0;
    padding-left: 0;
  }
  .container #sidebar {
    float: none;
    margin-bottom: 15px;
    width: auto;
  }
}

@media screen and (max-width: 1040px) {
  #content {
    padding-top: 53px !important;
  }
  .container {
    margin: 0 20px;
    width: auto !important;
  }
  #header {
    display: block !important;
    left: 0;
  }
  #header .container {
    background: #fff;
    height: 53px;
    margin: 0;
  }
  #header .logo {
    height: 55px;
    margin-left: 0;
    padding-left: 0;
    width: 112px;
  }
  #header .logo a {
    background-size: 112px auto;
    left: 10px;
    margin-top: 18px;
    right: auto;
    width: 112px;
  }
  #header .logo:before, #header .logo:after {
    content: '';
    display: block;
    position: absolute;
  }
  #header .logo:before {
    background: url(../images/common/bg-logo-diagonal.png) no-repeat 0 0;
    background-size: 19px 19px;
    bottom: 0;
    height: 19px;
    right: -19px;
    width: 19px;
  }
  #header .logo:after {
    background: url(../images/common/bg-logo-shadow_sp.png) no-repeat 0 0;
    background-size: 128px 14px;
    bottom: -12px;
    height: 14px;
    right: -18px;
    width: 128px;
    z-index: -1;
  }
  #header #globalNav {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: none;
    height: auto !important;
    left: 0;
    max-height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding-top: 53px;
    position: fixed;
    text-align: left;
    top: 0;
    width: 100%;
    z-index: -1;
  }
  #header #globalNav .inner {
    background: #111110;
    overflow-y: auto;
  }
  #header #globalNav .nav {
    border: 1px solid #464646;
    border-width: 1px 0;
    overflow: hidden;
    padding: 0;
  }
  #header #globalNav .nav li {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #464646;
    border-width: 0 0 1px;
    float: left;
    width: 50%;
  }
  #header #globalNav .nav li a {
    background: url(../images/common/arrow-nav_sp.png) no-repeat right center;
    background-size: 19px 11px;
    color: #fff;
    font-weight: normal;
    padding: 11px 3.75%;
  }
  #header #globalNav .nav li:before {
    display: none;
  }
  #header #globalNav .nav li:nth-child(odd) {
    clear: both;
    border-width: 0 1px 1px 0;
  }
  #header #globalNav .nav li.inquiry {
    border-width: 0 1px 0 0;
    display: block;
  }
  #header #globalNav .searchBtn {
    border-radius: 0;
    background: #111110;
    padding: 20px 0;
    position: relative;
    right: auto;
    top: auto;
    width: 100%;
  }
  #header #globalNav .searchBtn a {
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    border-radius: 23px;
    background: transparent;
    -webkit-filter: none;
            filter: none;
    border: 1px solid rgba(255, 255, 255, 0.4);
    margin: 0 auto;
    text-align: center;
    width: 280px;
  }
  #header #globalNav .searchBtn a span {
    background: url(../images/common/ico-search.png) no-repeat 0 center;
    background-size: 20px 20px;
    border-color: transparent;
    display: inline-block;
    font-size: 12px;
    padding: 12px 0 11px 25px;
  }
  .no-touch #header #globalNav .searchBtn a:hover {
    background: rgba(255, 255, 255, 0.3);
    opacity: 1;
  }
  #header #navBtn {
    background: url(../images/common/btn-nav_sp.png) no-repeat center center;
    background-size: 31px auto;
    cursor: pointer;
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 51px;
  }
  #header #navBtn.active {
    background-image: url(../images/common/btn-nav-close_sp.png);
  }
  #footer #pagetop {
    bottom: 25px;
    height: 38px;
    right: 10px;
    width: 38px;
  }
  #footer .txtArea {
    background: #111110;
    border-width: 0;
    padding: 30px 0;
  }
  #footer .txtArea .logo {
    left: 0;
    margin-top: 0;
    position: relative;
    top: 0;
  }
  #footer .txtArea .logo span {
    background-image: url(../images/common/logo-white.png);
    background-size: 110px 19px;
    display: block;
    padding-top: 19px;
    width: 100%;
  }
  #footer .txtArea .txt {
    display: none;
  }
  #footer .navArea {
    background: #111110;
  }
  #footer .navArea .container {
    display: none;
  }
  #footer .navArea .navSp {
    display: block;
  }
  #footer .navArea .navSp ul {
    border: 1px solid #464646;
    border-width: 1px 0 0;
    overflow: hidden;
  }
  #footer .navArea .navSp ul li {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #464646;
    border-width: 0 0 1px;
    float: left;
    width: 50%;
  }
  #footer .navArea .navSp ul li a {
    background: url(../images/common/arrow-nav_sp.png) no-repeat right center;
    background-size: 19px 11px;
    color: #fff;
    display: block;
    font-size: 12px;
    padding: 11px 3.75%;
  }
  #footer .navArea .navSp ul li:nth-child(odd) {
    clear: both;
    border-width: 0 1px 1px 0;
  }
  #footer .navArea .navSp .searchBtn {
    margin: 20px auto 0;
    width: 280px;
  }
  #footer .navArea .navSp .searchBtn a {
    border-radius: 23px;
  }
  #footer .navArea .navSp .searchBtn a span {
    background: url(../images/common/ico-search.png) no-repeat 0 center;
    background-size: 20px 20px;
    display: inline-block;
    font-size: 12px;
    padding: 12px 0 11px 25px;
  }
  #footer .navArea .bnr {
    background: #1d1d1c;
    background: -webkit-gradient(linear, left top, left bottom, from(#111110), to(#292928));
    background: linear-gradient(#111110, #292928);
    display: block;
    padding-bottom: 35px;
  }
  #footer .navArea .bnr img {
    width: 20px !important;
  }
  #footer .navArea .bnr li + li {
    margin-left: 16px;
  }
  #footer .copyrightArea .language {
    left: 0;
    top: 18px;
  }
  #footer .copyrightArea .language li a {
    font-weight: normal;
  }
  #footer .copyrightArea .language li + li:before {
    font-weight: normal;
    margin: 0 10px;
  }
  #footer .copyrightArea .logo {
    right: 0;
    top: 16px;
  }
  #footer .copyrightArea .logo img {
    width: 48px;
  }
  #footer .copyrightArea .copyright {
    font-size: 9px;
    padding: 50px 0 9px;
  }
}

@-webkit-keyframes scroll {
  0% {
    bottom: 48px;
    opacity: 0;
  }
  85% {
    opacity: 1;
  }
  100% {
    bottom: 24px;
    opacity: 0;
  }
}

@keyframes scroll {
  0% {
    bottom: 48px;
    opacity: 0;
  }
  85% {
    opacity: 1;
  }
  100% {
    bottom: 24px;
    opacity: 0;
  }
}

@keyframes large {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes large {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
  }
}

.home .secMv {
  background: url(../images/top/bg-mv.jpg) no-repeat center center;
  background-size: cover;
  height: 100vh;
}

.home .secMv .tit {
  background: url(../images/top/tit-mv_pc.png) no-repeat 0 0;
  background-size: auto 100%;
  bottom: 11.0958%;
  height: 0;
  left: 0;
  overflow: hidden;
  padding-top: 8.8281%;
  position: absolute;
  width: 100%;
}

.home .secMv .scroll {
  -webkit-animation: scroll 1.3s infinite ease-in-out;
          animation: scroll 1.3s infinite ease-in-out;
  bottom: 24px;
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}

.home .secMv .scroll a {
  display: inline-block;
  padding: 15px;
}


.home #mv .scroll {
  -webkit-animation: scroll 1.3s infinite ease-in-out;
  animation: scroll 1.3s infinite ease-in-out;
  bottom: 24px;
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 10;
}
.home #mv .scroll a {
  display: inline-block;
  padding: 15px;
}
#mv .flexslider {
  z-index: 2;
  margin-bottom: 0 !important;
  border: none !important;
}
.flexslider .slides li .mv-bgimg {
  width: 100%;
}
.flexslider .slides li {
  overflow: hidden;
}
.flexslider .slides li .mv-bgimg {
  -webkit-transition: all ease-out 20.0s;
  -moz-transition: all ease-out 20.0s;
  -ms-transition: all ease-out 20.0s;
  transition: all ease-out 20.0s;
}
.flexslider .slides .flex-active-slide .mv-bgimg {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
/* ★★ タブレット以下 ★★ */
@media screen and (max-width: 1040px) {
.home #mv .slides li{
  height: auto;
}
  .home .slides .mv-catch {
    width: 100%;
    bottom:3%;
    left: 0%;
  }
  .home #mv .scroll {
    display: none;
  }
}


.home .movieArea {
  background: url(../images/top/bg-dot.png) repeat 0 0;
  min-height: 330px;
}

.home .movieArea .movieFixed {
  overflow: hidden;
  position: fixed;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.home .movieArea .movieFixed iframe {
  left: 50%;
  position: absolute;
  top: 50%;
}

.tablet .home .movieArea {
  display: none;
}

.home .floatArea:before, .home .floatArea:after {
  content: '';
  display: table;
}

.home .floatArea:after {
  clear: both;
}

.home .floatArea > section {
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  overflow: hidden;
  width: 50%;
}

.home .floatArea > section.pcL {
  float: left;
}

.home .floatArea > section.pcR {
  float: right;
}

.home .floatArea > section:before {
  background: rgba(0, 0, 0, 0.65);
  content: '';
  height: 100%;
  opacity: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.no-touch .home .floatArea > section:hover:before {
  opacity: 1;
}

.home .floatArea > section .bg {
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  height: 125%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.home .floatArea > section .floatWrap {
  display: table;
  height: 450px;
  min-height: 450px;
  position: relative;
  width: 100%;
  z-index: 2;
}

.home .floatArea > section .floatWrap > a {
  -webkit-transition: none;
  transition: none;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.no-touch .home .floatArea > section .floatWrap > a:hover .btn.hover {
  background-color: rgba(255, 255, 255, 0.95);
  background-image: url(../images/top/arrow-gray17.png);
  border-color: rgba(255, 255, 255, 0.95);
  color: #313131;
}

.home .floatArea > section .floatTit {
  background-repeat: no-repeat;
  background-position: center 0;
  height: 0;
  overflow: hidden;
}

.home .floatArea > section .btn {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: url(../images/top/arrow-white17.png) no-repeat 187px center;
  border: 1px solid rgba(255, 255, 255, 0.6);
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  margin: 23px auto 0;
  padding: 15px 0 14px;
  width: 220px;
}

.no-touch .home .floatArea > section .btn.hover:hover {
  background-color: rgba(255, 255, 255, 0.95);
  background-image: url(../images/top/arrow-gray17.png);
  border-color: rgba(255, 255, 255, 0.95);
  color: #313131;
}

.home .floatArea .secConcept .bg {
  background-image: url(../images/top/bg-concept.jpg);
}

.home .floatArea .secConcept .floatTit {
  background-image: url(../images/top/tit-concept.png);
  padding-top: 61px;
}

.home .floatArea .secSearch {
  overflow: visible;
}

.home .floatArea .secSearch .bgWrap {
  height: 450px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}

.home .floatArea .secSearch .bg {
  background-image: url(../images/top/bg-search.jpg);
}

.home .floatArea .secSearch:before {
  display: none;
}

.home .floatArea .secSearch .floatTit {
  background-image: url(../images/top/tit-search_pc.png);
  margin-bottom: 25px;
  padding-top: 31px;
}

@media screen and (min-width: 768px) and (max-width: 1040px) {
  .home .floatArea .secSearch .floatTit {
    margin-bottom: 10px;
  }
}

.home .floatArea .secSearch .searchWrap {
  display: table-cell;
  padding: 0 20px;
  text-align: center;
  vertical-align: middle;
}

.home .floatArea .secSearch .mark {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: rgba(255, 255, 255, 0.1);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
  color: #fff;
  margin: 0 auto;
  max-width: 460px;
  width: 100%;
}

.home .floatArea .secSearch .mark > p {
  font-weight: bold;
  padding: 17px 0 16px;
}

.home .floatArea .secSearch .mark ul {
  margin-bottom: 35px;
  overflow: hidden;
  text-align: center;
}

@media screen and (min-width: 768px) and (max-width: 1040px) {
  .home .floatArea .secSearch .mark ul {
    margin-bottom: 0;
  }
}

.home .floatArea .secSearch .mark ul li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  overflow: hidden;
  margin-bottom: 5px;
  padding-left: 7px;
  text-align: left;
  width: 220px;
}

.home .floatArea .secSearch .mark ul li img {
  width: 100px;
}

.home .floatArea .secSearch .mark ul li a {
  color: #fff;
}

.no-touch .home .floatArea .secSearch .mark ul li a:hover {
  opacity: 0.7;
}

.home .floatArea .secSearch .mark ul li p {
  display: inline-block;
  font-size: 12px;
  margin: 4px 0 0 4px;
}

.home .floatArea .secSearch .selectWrap select {
  border: none;
  font-size: 16px;
  margin: 0 8px;
  padding: 15px 0 14px 18px;
  width: 220px;
}

@media screen and (min-width: 768px) and (max-width: 1040px) {
  .home .floatArea .secSearch .selectWrap select {
    font-size: 15px;
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

.home .floatArea .secSearch .btn {
  padding-right: 14px;
}

.home .floatArea .secService .bg {
  background-image: url(../images/top/bg-service.jpg);
}

.home .floatArea .secService .floatTit {
  background-image: url(../images/top/tit-service.png);
  padding-top: 132px;
}

.home .floatArea .secService .btn {
  padding-right: 11px;
}

.home .floatArea .secProgram .bg {
  background-image: url(../images/top/bg-program.jpg);
}

.home .floatArea .secProgram .floatTit {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  background-image: url(../images/top/tit-program.png);
  padding-top: 130px;
}

.home .floatArea .secProgram .btn {
  padding-right: 24px;
}

.home .floatArea .secProgram .hide {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  left: 0;
  opacity: 0;
  padding: 0 20px;
  position: absolute;
  top: 14.8%;
  width: 100%;
}

.home .floatArea .secProgram .hide dl {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: rgba(255, 255, 255, 0.9);
  background: -webkit-gradient(linear, left top, left bottom, from(white), to(rgba(255, 255, 255, 0.8)));
  background: linear-gradient(white, rgba(255, 255, 255, 0.8));
  margin: 0 auto;
  padding: 39px 0 46px;
  max-width: 570px;
  width: 100%;
}

.home .floatArea .secProgram .hide dl dt {
  margin-bottom: 21px;
}

.home .floatArea .secProgram .hide dl dd p:not(.btn) {
  line-height: 1.9;
}

.home .floatArea .secProgram .hide dl dd p:not(.btn) + p {
  margin-top: 8px;
}

@media screen and (min-width: 768px) and (max-width: 1040px) {
  .home .floatArea .secProgram .hide dl dd p:not(.btn) {
    font-size: 13px;
    line-height: 1.6;
  }
}

.home .floatArea .secProgram .hide dl dd .btn {
  background-color: rgba(96, 94, 74, 0.6);
  color: #fff;
  margin-top: 20px;
}

.home .floatArea .secProgram .floatWrap > a {
  color: #313131;
}

.no-touch .home .floatArea .secProgram .floatWrap > a:hover > .floatTit, .no-touch .home .floatArea .secProgram .floatWrap > a:hover > .btn {
  opacity: 0;
}

.no-touch .home .floatArea .secProgram .floatWrap > a:hover .hide {
  opacity: 1;
}

.home .secTit {
  background-repeat: no-repeat;
  background-position: center center;
  height: 0;
  overflow: hidden;
  padding-top: 55px;
}

.home .secMagazine {
  background: #fbfbfb;
  background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#fff));
  background: linear-gradient(#f6f6f6, #fff);
  padding: 59px 0 4px;
}

.home .secMagazine .secTit {
  background-image: url(../images/top/tit-magazine_pc.png);
  margin-bottom: 25px;
}

.home .secMagazine .list {
  overflow: hidden;
  margin-bottom: 45px;
}

@media screen and (max-width: 767px) {
  .home .secMagazine .list {
    margin-bottom: 28px;
  }
}

.home .secMagazine .list li {
  float: left;
  list-style: none;
  margin: 0 0 35px 3.5%;
  width: 31%;
}

.home .secMagazine .list li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}

.home .secMagazine .list li .box {
  background: #fff;
  border: 1px solid #ebebeb;
  border-width: 0 1px 1px;
  color: #313131;
  padding: 23px 30px 35px 27px;
}

.home .secMagazine .list li .box .date {
  margin-bottom: 4px;
}

.home .secMagazine .list li .box .tit {
  font-size: 18px;
}

@media screen and (max-width: 767px) {
  .home .secMagazine .list li .box .Report {
    margin-top: 10px;
  }
}

.home .secMagazine .list li .box .txt {
  font-size: 13px;
  margin-top: 5px;
}

.home .secMagazine .secSubtit {
  font-size: 24px;
  line-height: 1;
  margin-bottom: 26px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .home .secMagazine .secSubtit {
    font-size: 20px;
    margin-bottom: 18px;
  }
}

.home .secMagazine .secSubtitC {
  font-size: 24px;
  line-height: 1;
  margin-bottom: 25px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .home .secMagazine .secSubtitC {
    font-size: 22px;
    letter-spacing: -0.1em;
    margin-bottom: 15px;
  }
}

.home .secMagazine .secTxt {
  font-size: 14px;
  line-height: 1.7142857143;
  margin-bottom: 52px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .home .secMagazine .secTxt {
    display: none;
  }
}

.home .secMovie {
  background: #1f1e18;
  background: -webkit-gradient(linear, left top, right bottom, from(#1f1e18), to(#393932));
  background: linear-gradient(to bottom right, #1f1e18 0%, #393932 100%);
  padding: 61px 0 80px;
  position: relative;
}

.home .secMovie:before {
  background: url(../images/top/bg-movie.png) no-repeat center 0;
  content: '';
  height: 640px;
  position: absolute;
  right: 0;
  top: 0;
  width: 620px;
}

.home .secMovie .secTit {
  background-image: url(../images/top/tit-movie_pc.png);
  margin-bottom: 26px;
}

.home .secMovie .box li {
  position: relative;
}

.home .secMovie .box li .detail {
  background: #fff;
  position: relative;
  width: 50%;
  z-index: 2;
}

.home .secMovie .box li .detail a {
  color: #313131;
  display: block;
  min-height: 310px;
}

.no-touch .home .secMovie .box li .detail a:hover {
  opacity: 0.8;
}

.home .secMovie .box li .detail .logo {
  text-align: center;
}

.home .secMovie .box li .detail .logo.logo01 {
  padding: 38px 0 26px;
}

.home .secMovie .box li .detail .logo.logo01 img {
  width: 205px;
}

.home .secMovie .box li .detail .logo.logo02 {
  padding: 45px 0 29px;
}

.home .secMovie .box li .detail .logo.logo02 img {
  width: 181px;
}

.home .secMovie .box li .detail .logo.logo03 {
  padding: 78px 0 57px;
}

.home .secMovie .box li .detail .logo.logo03 img {
  width: 227px;
}

.home .secMovie .box li .detail .txt {
  line-height: 1.78;
  padding: 0 28px 20px;
}

.home .secMovie .box li .play {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  left: 0;
  padding-left: 50%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.home .secMovie .box li .play a {
  display: block;
  height: 100%;
}

.home .secMovie .box li .play a .thumb {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 100%;
  position: relative;
  width: 100%;
}

.home .secMovie .box li .play a .thumb:before {
  -webkit-transition: scale 0.5s;
  transition: scale 0.5s;
  background: url(../images/top/btn-movie.png) no-repeat 0 0;
  content: '';
  height: 118px;
  margin: -59px 0 0 -59px;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 118px;
}

.home .secMovie .box li .play a:hover {
  opacity: 1;
}

.home .secMovie .box li .play a:hover .thumb:before {
  -webkit-animation: large 1.5s infinite ease-in-out;
          animation: large 1.5s infinite ease-in-out;
}

.home .secMovie .box li + li {
  margin-top: 40px;
}

.home .secMovie .secTxt {
  color: #fff;
  font-size: 14px;
  line-height: 1.7142857143;
  margin-bottom: 54px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .home .secMovie .secTxt {
    display: none;
  }
}

.home .secTopics {
  background: #fff;
  padding: 59px 0 71px;
}

.home .secTopics .secTit {
  background-image: url(../images/top/tit-topics_pc.png);
  margin-bottom: 38px;
  padding-top: 48px;
}

.home .secTopics .list {
  margin: 0 auto;
  max-width: 840px;
  padding: 0 20px;
}

.home .secTopics .list li {
  font-size: 15px;
  display: table;
  width: 100%;
}

.home .secTopics .list li span, .home .secTopics .list li p {
  display: table-cell;
  padding: 16px 0 15px;
  vertical-align: top;
}

.home .secTopics .list li span {
  font-weight: bold;
  width: 103px;
}

.home .secTopics .list li p {
  padding-left: 12px;
}

.home .secTopics .list li + li {
  border-top: 1px dotted #a6a6a6;
}

.shop dl.bnrInlineBox {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #dedede;
  display: none;
  text-align: center;
  width: 435px;
}

.shop dl.bnrInlineBox dt {
  background: #efefe6;
  border-bottom: 1px solid #dedede;
  font-size: 18px;
  font-weight: bold;
  padding: 16px 0 15px;
}

.shop dl.bnrInlineBox dd {
  background: #fff;
  padding: 39px 27px 35px;
}

.shop dl.bnrInlineBox dd img {
  width: 175px;
}

.shop dl.bnrInlineBox dd p {
  margin-top: 35px;
  text-align: left;
}

.shop .secShop {
  padding-bottom: 100px;
}

.shop .secShop .pageTit {
  background-image: url(../images/shop/bg-title_pc.jpg);
  margin-bottom: 47px;
}

.shop .secShop .secSearch .blockTit {
  margin-bottom: 25px;
}

.shop .secShop .secMap a[name="pref_map"] {
  color: #313131;
}

.shop .secShop .secMap .blockTit:last-child {
  margin-top: -40px;
  padding-top: 130px;
}

.shop .secShop .secMap .region,
.shop .secShop .secMap .prefectures {
  border: 1px solid #dedede;
}

.shop .secShop .secMap .region > ul,
.shop .secShop .secMap .prefectures > ul {
  overflow: hidden;
}

.shop .secShop .secMap .region > ul li,
.shop .secShop .secMap .prefectures > ul li {
  display: inline-block;
  float: left;
}

.shop .secShop .secMap .region > ul li a,
.shop .secShop .secMap .prefectures > ul li a {
  display: block;
  font-size: 15px;
  font-weight: bold;
}

.shop .secShop .secMap .region {
  border-width: 1px 1px 0;
}

.shop .secShop .secMap .region > ul li {
  margin-right: 5px;
  position: relative;
}

.shop .secShop .secMap .region > ul li a {
  background: url(../images/common/arrow-gray10.png) no-repeat 98% center;
  padding: 19px 30px 18px 21px;
}

@media screen and (min-width: 768px) and (max-width: 1040px) {
  .shop .secShop .secMap .region > ul li a {
    font-size: 13px;
    padding-right: 25px;
    padding-left: 16px;
  }
}

.shop .secShop .secMap .region > ul li.active a {
  background-image: url(../images/common/arrow-gray10-active.png);
  background-position: right center;
  color: #f08200;
}

.shop .secShop .secMap .region > ul li.active:before {
  display: block;
}

.shop .secShop .secMap .region > ul li:before {
  border-color: transparent transparent #eee;
  border-style: solid;
  border-width: 0 11px 12px 11px;
  bottom: 0;
  content: '';
  display: none;
  left: 50%;
  margin-left: -16px;
  position: absolute;
}

.shop .secShop .secMap .prefectures {
  background: #eee;
  border-width: 0 1px 1px;
}

.shop .secShop .secMap .prefectures > ul li {
  position: relative;
}

.shop .secShop .secMap .prefectures > ul li a {
  padding: 19px 26px 18px;
}

@media screen and (min-width: 768px) and (max-width: 1040px) {
  .shop .secShop .secMap .prefectures > ul li a {
    font-size: 13px;
    padding-right: 27px;
    padding-left: 23px !important;
  }
}

.shop .secShop .secMap .prefectures > ul li:first-child a {
  padding-left: 35px;
}

.shop .secShop .secMap .prefectures > ul li:last-child:before {
  display: none;
}

.shop .secShop .secMap .prefectures > ul li:before {
  background: #d2d2d2;
  content: '';
  display: inline-block;
  height: 15px;
  margin-top: -7px;
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
}

.shop .secShop .secMap .mapWrap {
  overflow: hidden;
  position: relative;
}

.shop .secShop .secMap .mapBox {
  height: 0;
  padding-top: 50%;
  position: relative;
}

.shop .secShop .secMap .mapBox > div {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.shop .secShop .secMap .mapBox .infoBlock {
  display: block;
}

.shop .secShop .infoBox > img {
  background: url(../images/shop/btn-close.png) no-repeat 0 0;
  display: block;
  height: 0;
  margin: 0 !important;
  overflow: hidden;
  padding-top: 34px;
  position: absolute !important;
  right: -13px;
  top: -9px;
  width: 34px;
  z-index: 10;
}

.shop .secShop .infoBlock {
  border-radius: 4px;
  -webkit-box-shadow: rgba(153, 153, 153, 0.1) 0px 0px 10px 10px;
          box-shadow: rgba(153, 153, 153, 0.1) 0px 0px 10px 10px;
  background: rgba(255, 255, 255, 0.98);
  font-family: Meiryo, メイリオ, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  display: none;
  position: relative;
  width: 394px;
}

.shop .secShop .infoBlock:before {
  border-color: transparent #fff transparent transparent;
  border-style: solid;
  border-width: 10px 16px 10px 0;
  content: '';
  display: block;
  left: -16px;
  top: 100px;
  position: absolute;
}

.shop .secShop .infoBlock .inner {
  padding: 20px 20px 24px;
  position: relative;
}

.shop .secShop .infoBlock .inner:before, .shop .secShop .infoBlock .inner:after {
  content: '';
  display: table;
}

.shop .secShop .infoBlock .inner:after {
  clear: both;
}

.shop .secShop .infoBlock .thumbArea {
  float: left;
  width: 130px;
}

.shop .secShop .infoBlock .thumbArea .thumb {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 0;
  overflow: hidden;
  padding-top: 92px;
  width: 100%;
}

.shop .secShop .infoBlock .detailArea {
  float: right;
  word-break: break-all;
  width: 204px;
}

.shop .secShop .infoBlock .detailArea .partner {
  margin-bottom: 11px;
}

.shop .secShop .infoBlock .detailArea .partner img {
  width: 46px;
}

.shop .secShop .infoBlock .detailArea .name {
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 3px;
}

.shop .secShop .infoBlock .detailArea .shopInfo th, .shop .secShop .infoBlock .detailArea .shopInfo td {
  font-size: 12px;
  padding: 6px 0;
}

.shop .secShop .infoBlock .detailArea .shopInfo th {
  width: 33px;
}

.shop .secShop .infoBlock .detailArea .shopInfo td {
  position: relative;
  width: 170px;
}

.shop .secShop .infoBlock .detailArea .productInfo {
  background: #f2f2e9;
  padding: 9px 10px 8px;
}

.shop .secShop .infoBlock .detailArea .productInfo li {
  display: inline-block;
}

.shop .secShop .infoBlock .detailArea .productInfo li img {
  height: 27px;
  width: 27px;
}

.shop .secShop .infoBlock .detailArea .productInfo li + li {
  margin-left: 1px;
}

.shop .secShop .infoBlock .detailArea .Addinfo li {
  margin-top: 6px;
  width: 99px;
}

.shop .secShop .infoBlock .detailArea .Addinfo li:nth-child(odd) {
  clear: both;
  float: left;
}

.shop .secShop .infoBlock .detailArea .Addinfo li:nth-child(even) {
  float: right;
}

.shop .secShop .infoBlock .btn {
  clear: both;
  left: 20px;
  position: absolute;
  top: 122px;
  width: 130px;
}

.shop .secShop .infoBlock .btn a {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: url(../images/common/arrow-gold20.png) no-repeat 108px center;
  background-size: 10px auto;
  border: 1px solid #dedede;
  font-size: 14px;
  font-weight: bold;
  display: block;
  padding: 5px 6px 4px 0;
  text-align: center;
  width: 100%;
}

.shop .secShopList .pageTit {
  margin-bottom: 0 !important;
}

.shop .secShopList .bnrArea {
  background: #f5f5f5;
  margin-bottom: -10px;
  padding: 40px 0 44px;
}

.shop .secShopList .bnrArea ul {
  overflow: hidden;
}

.shop .secShopList .bnrArea ul li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
  border: 1px solid #dedede;
  float: left;
  width: 48.5%;
}

.shop .secShopList .bnrArea ul li a {
  display: block;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3;
  position: relative;
}

@media screen and (min-width: 768px) and (max-width: 1040px) {
  .shop .secShopList .bnrArea ul li a {
    font-size: 14px;
  }
}

.shop .secShopList .bnrArea ul li a img {
  left: 6%;
  margin-top: -5.4%;
  position: absolute;
  top: 50%;
  width: 24%;
}

.shop .secShopList .bnrArea ul li a p {
  padding: 36px 30px 34px 34%;
  position: relative;
}

.shop .secShopList .bnrArea ul li a p:before {
  background: #efefe6 url(../images/common/arrow-gray13.png) no-repeat center center;
  border-left: 1px solid #dedede;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 29px;
}

.shop .secShopList .bnrArea ul li:last-child {
  float: right;
}

.shop .secShopList .secList, .shop .secShopList .secMap {
  margin-top: 30px;
  padding-top: 30px;
}

.shop .secShopList .secList .blockTit, .shop .secShopList .secMap .blockTit {
  margin-bottom: 30px;
}

.shop .secShopList .secList .blockTit {
  display: inline-block;
  vertical-align: middle;
}

.shop .secShopList .secAll .list > li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #dedede;
  padding-top: 19px;
}

.shop .secShopList .secAll .list > li .thumb {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  height: 0;
  float: left;
  margin: 0 0 0 1.9%;
  overflow: hidden;
  padding-top: 14.2%;
  position: relative;
  width: 20%;
}

.shop .secShopList .secAll .list > li .partner {
  bottom: 0;
  color: #fff;
  display: none;
  font-size: 10px;
  font-weight: bold;
  left: 0;
  padding: 8px 0 7px;
  position: absolute;
  text-align: center;
  width: 100%;
}

.shop .secShopList .secAll .list > li .partner.certify {
  background: rgba(186, 181, 51, 0.95);
}

.shop .secShopList .secAll .list > li .partner.register {
  background: rgba(0, 159, 236, 0.95);
}

.shop .secShopList .secAll .list > li .detailArea {
  float: right;
  width: 76.2%;
  overflow: hidden;
}

.shop .secShopList .secAll .list > li .name {
  border-bottom: 1px solid #dedede;
  margin-bottom: 10px;
  padding-bottom: 15px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3;
}

.shop .secShopList .secAll .list > li .name img {
  height: 19px;
  margin: 2px 0 0 5px;
}

.shop .secShopList .secAll .list > li .shopInfo {
  float: left;
  width: 41%;
}

.shop .secShopList .secAll .list > li .productInfo {
  background: #f2f2e9;
  padding: 17px 15px 15px;
}

.shop .secShopList .secAll .list > li .productInfo li {
  display: inline-block;
}

.shop .secShopList .secAll .list > li .productInfo li img {
  height: 32px;
  width: 32px;
}

.shop .secShopList .secAll .list > li .productInfo li + li {
  margin-left: 2px;
}

.shop .secShopList .secAll .list > li .sub {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-left: 1px solid #dedede;
  float: right;
  margin: 8px 0 35px;
  padding: 0 2.5% 0 2.4%;
  width: 56.4%;
}

.shop .secShopList .secAll .list > li .Addinfo {
  margin: 3px -10px 0 0;
}

.shop .secShopList .secAll .list > li .Addinfo li {
  float: left;
  margin-right: 10px;
  width: 90px;
}

.shop .secShopList .secAll .list > li .btnArea {
  background: #f5f5f5;
  border-top: 1px solid #dedede;
  clear: both;
  padding-bottom: 20px;
}

.shop .secShopList .secAll .list > li + li {
  margin-top: 35px;
}

.shop .secRegionTxt {
  background: #2e2e2e url(../images/shop/bg-region-area_pc.png) no-repeat right center;
  background-size: auto 100%;
  padding: 30px 0;
}

.shop .secRegionTxt p {
  color: #fff;
  font-size: 13px;
  line-height: 1.7;
}

.shop .secShopDetail .blockTit {
  margin-bottom: 25px;
}

.shop .secShopDetail .btnArea {
  background: #f5f5f5;
  border: 1px solid #dedede;
  border-width: 0 1px 1px;
  padding: 30px 0 34px;
}

.shop .secShopDetail .btnArea .btnInquiry {
  margin-top: 0;
}

.shop .secShopDetail .btnInquiry {
  border-radius: 30px;
  background-image: url(../images/shop/btn-inqury-large_pc.png);
  margin-top: 30px;
  max-width: 485px;
}

.shop .secShopDetail .btnInquiry a {
  border-radius: 30px;
  font-size: 22px;
  padding: 13px 0 12px;
}

.shop .secShopDetail .btnInquiry a span {
  background-size: auto 18px;
  padding-left: 35px;
}

.shop .secShopDetail .secDetail {
  margin-bottom: 60px;
}

.shop .secShopDetail .secDetail #photoSlider {
  float: left;
  margin-bottom: 40px;
  width: 48.5%;
}

.shop .secShopDetail .secDetail #photoSlider .thumb {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  height: 0;
  overflow: hidden;
}

.shop .secShopDetail .secDetail #photoSlider #slider li .thumb {
  padding-top: 70.51%;
  width: 100%;
}

.shop .secShopDetail .secDetail #photoSlider #pager {
  margin-top: 7px;
  overflow: hidden;
}

.shop .secShopDetail .secDetail #photoSlider #pager li {
  float: left;
  margin-right: 7px;
  width: 15.46%;
}

.shop .secShopDetail .secDetail #photoSlider #pager li .thumb {
  padding-top: 70.66%;
  width: 100%;
}

.shop .secShopDetail .secDetail #photoSlider #pager li a {
  display: block;
}

.no-touch .shop .secShopDetail .secDetail #photoSlider #pager li a:hover {
  opacity: 0.7;
}

.shop .secShopDetail .secDetail #photoSlider .bx-controls {
  display: none;
}

.shop .secShopDetail .secDetail #detailArea {
  float: right;
  width: 48.5%;
}

.shop .secShopDetail .secDetail .topInfo {
  margin-bottom: 17px;
}

.shop .secShopDetail .secDetail .topInfo .partner {
  display: inline-block;
  vertical-align: middle;
}

.shop .secShopDetail .secDetail .topInfo .partner img {
  height: 30px;
  width: auto;
}

.shop .secShopDetail .secDetail .topInfo .btnInquiry {
  border-radius: 15px;
  background-image: url(../images/shop/btn-inqury-small_pc.png);
  display: inline-block;
  margin: 0 0 0 6px;
  width: 169px;
}

.shop .secShopDetail .secDetail .topInfo .btnInquiry a {
  border-radius: 15px;
  font-size: 12px;
  padding: 4px 0 5px;
}

.shop .secShopDetail .secDetail .topInfo .btnInquiry a span {
  background-size: auto 10px;
  padding-left: 18px;
}

.shop .secShopDetail .secDetail .name {
  font-size: 34px;
  font-weight: bold;
  line-height: 1;
}

.shop .secShopDetail .secDetail .shopInfo {
  margin: 16px 0 56px;
}

.shop .secShopDetail .secDetail .shopInfo tr {
  border-style: solid;
  border-color: #dedede;
}

.shop .secShopDetail .secDetail .shopInfo tr:first-child th, .shop .secShopDetail .secDetail .shopInfo tr:first-child td {
  padding-top: 0;
}

.shop .secShopDetail .secDetail .shopInfo tr:last-child {
  border: none;
}

.shop .secShopDetail .secDetail .shopInfo tr:last-child th, .shop .secShopDetail .secDetail .shopInfo tr:last-child td {
  padding-bottom: 0;
}

.shop .secShopDetail .secDetail .shopInfo th, .shop .secShopDetail .secDetail .shopInfo td {
  line-height: 1.76;
  padding: 15px 0 14px;
}

.shop .secShopDetail .secDetail .shopInfo th {
  width: 18%;
}

.shop .secShopDetail .secDetail .shopInfo td {
  border-left: 1px solid #dedede;
  padding-left: 5.9%;
  width: 82%;
}

.shop .secShopDetail .secDetail .shopInfo td p {
  border-width: 0;
  padding: 0;
}

.shop .secShopDetail .secDetail .service {
  clear: both;
  border: 1px solid #dedede;
}

.shop .secShopDetail .secDetail .service dt {
  background: #f2f2e9;
  border-bottom: 1px solid #dedede;
  font-size: 18px;
  font-weight: bold;
  padding: 11px 0 10px;
  text-align: center;
}

.shop .secShopDetail .secDetail .service dd {
  padding: 0 30px;
}

.shop .secShopDetail .secDetail .service .productInfo {
  margin-right: -7px;
  overflow: hidden;
  padding: 18px 0 20px;
}

.shop .secShopDetail .secDetail .service .productInfo li {
  border-radius: 4px;
  color: #fff;
  float: left;
  font-size: 11px;
  font-weight: bold;
  margin: 7px 7px 0 0;
  padding: 7px 0;
  text-align: center;
  width: 210px;
}

.shop .secShopDetail .secDetail .service .productInfo li.productH {
  background: #474747;
}

.shop .secShopDetail .secDetail .service .productInfo li.productNR {
  background: #12a6ea;
}

.shop .secShopDetail .secDetail .service .productInfo li.productHF {
  background: #296da1;
}

.shop .secShopDetail .secDetail .service .Addinfo {
  border-top: 1px dotted #a6a6a6;
  padding: 13px 0 28px;
}

.shop .secShopDetail .secDetail .service .Addinfo li {
  float: left;
  margin-right: 7px;
  width: 90px;
}

.shop .secShopDetail .secComment {
  margin-bottom: 49px;
}

.shop .secShopDetail .secComment .txts {
  border: 1px solid #dedede;
  padding: 27px 29px 31px;
}

.shop .secShopDetail .secTopics {
  margin-bottom: 49px;
}

.shop .secShopDetail .secTopics .list {
  border: 1px solid #dedede;
  padding: 10px 32px 15px 28px;
}

.shop .secShopDetail .secTopics .list li {
  display: table;
  width: 100%;
}

.shop .secShopDetail .secTopics .list li span, .shop .secShopDetail .secTopics .list li p {
  display: table-cell;
  padding: 16px 0;
  vertical-align: top;
}

.shop .secShopDetail .secTopics .list li span {
  font-weight: bold;
  width: 130px;
}

.shop .secShopDetail .secTopics .list li + li {
  border-top: 1px dotted #a6a6a6;
}

.shop .secShopDetail .secMap .mapWrap {
  border: 1px solid #dedede;
  margin-bottom: 10px;
}

.shop .secShopDetail .secMap .mapWrap .mapBox {
  padding-top: 35%;
}

.shop .secPartnerList .pageTit {
  background-image: url(../images/shop/bg-title-partner_pc.jpg);
}

.shop .secPartnerList .link {
  background: #f5f5f5;
  padding: 47px 0 53px;
}

.shop .secPartnerList .link .txt {
  text-align: center;
}

.shop .secPartnerList .link ul {
  margin-top: 26px;
  overflow: hidden;
  text-align: center;
}

.shop .secPartnerList .link ul li {
  float: left;
  margin-left: 1.875%;
  width: 18.5%;
}

.shop .secPartnerList .link ul li a {
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid #dfdfdf;
  display: block;
  font-weight: bold;
  padding: 14px 0 13px;
}

.shop .secPartnerList .link ul li:first-child {
  margin-left: 0;
}

.inquiry #globalNav .inner,
.inquiry #globalNav .searchBtn,
.inquiry #header #navBtn,
.inquiry #footer .txtArea,
.inquiry #footer .navArea {
  display: none;
}

.inquiry .secInquiry {
  padding-bottom: 100px;
}

.inquiry .secInquiry .pageTit {
  background-image: url(../images/inquiry/bg-title_pc.jpg);
  margin-bottom: 50px;
}

.inquiry .secInquiry .stepTit {
  background: url(../images/inquiry/txt-flow_pc.png) no-repeat 0 0;
  background-size: cover;
  height: 0;
  margin-bottom: 30px;
  overflow: hidden;
  padding-top: 8%;
  width: 100%;
}

.inquiry .secInquiry .stepTit.stepInput {
  background-position: 0 0;
}

.inquiry .secInquiry .stepTit.stepConfirm {
  background-position: 0 50%;
}

.inquiry .secInquiry .stepTit.stepComplete {
  background-position: 0 100%;
}

.inquiry .secInquiry .attention {
  border-radius: 5px;
  background: url(../images/inquiry/ico-attention.png) no-repeat 30px center;
  border: 1px solid #e2adad;
  color: #cb2929;
  font-size: 13px;
  line-height: 1.7;
  margin-bottom: 30px;
  padding: 24px 3% 23px 91px;
}

.inquiry .secInquiry .formTable {
  border: 1px solid #dedede;
  border-width: 1px 1px 0 0;
}

.inquiry .secInquiry .formTable th, .inquiry .secInquiry .formTable td {
  border-left: 1px solid #dedede;
  padding: 20px;
  vertical-align: middle;
}

.inquiry .secInquiry .formTable th {
  border-bottom: 1px solid #ddddcc;
  background: #efefe6;
  font-weight: bold;
  padding-left: 30px;
  width: 28%;
}

.inquiry .secInquiry .formTable td {
  border-bottom: 1px solid #ededed;
  width: 72%;
}

.inquiry .secInquiry .formTable tr:last-child th, .inquiry .secInquiry .formTable tr:last-child td {
  border-bottom-color: #dedede;
}

.inquiry .secInquiry .formTable tr:last-child th {
  vertical-align: top;
}

.inquiry .secInquiry .formTable input, .inquiry .secInquiry .formTable textarea {
  padding: 11px 15px;
  width: 100%;
}

.inquiry .secInquiry .formTable textarea {
  height: 200px;
}

.inquiry .secInquiry .formTable .selectric-wrapper {
  display: inline-block;
  width: 222px;
  vertical-align: middle;
}

.inquiry .secInquiry .formTable .selectric-wrapper.selectric-month {
  margin: 0 5px 0 15px;
  width: 120px;
}

.inquiry .secInquiry .formTable .selectric .label {
  height: 43px;
  line-height: 43px;
  margin: 0 22px 0 19px;
}

.inquiry .secInquiry .formTable .selectric .button {
  height: 43px;
  width: 22px;
}

.inquiry .secInquiry .formTable .required {
  border-radius: 3px;
  background: #cf3535;
  background: -webkit-gradient(linear, left top, left bottom, from(#cb2727), to(#d24242));
  background: linear-gradient(#cb2727, #d24242);
  color: #fff;
  display: block;
  float: right;
  font-family: "游ゴシック", "Yu Gothic", YuGothic, Meiryo, メイリオ, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  font-size: 11px;
  line-height: 20px;
  text-align: center;
  width: 44px;
  -webkit-font-smoothing: antialiased;
}

.inquiry .secInquiry .formTable .error {
  color: #cb2929;
  font-size: 13px;
  margin: 10px 0 -10px;
}

.inquiry .secInquiry .btnArea {
  margin: 37px 0 57px;
  text-align: center;
}

.inquiry .secInquiry .btnArea .txt {
  color: #ce3c3b;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 13px;
}

.inquiry .secInquiry .btnArea .btn {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
}

.no-touch .inquiry .secInquiry .btnArea .btn:hover {
  opacity: 0.7;
}

.inquiry .secInquiry .btnArea .btnSubmit,
.inquiry .secInquiry .btnArea .btnHome a {
  background: #87867b url(../images/common/arrow-white20.png) no-repeat 263px center;
  background-size: 10px 13px;
  color: #fff;
  font-size: 16px;
  padding: 16px 9px 15px 0;
  width: 285px;
}

.inquiry .secInquiry .btnArea .btnReturn {
  background: #f5f5f5;
  border: 1px solid #dedede;
  color: #313131;
  padding: 16px 0;
  width: 119px;
}

.inquiry .secInquiry .btnArea .btnHome a {
  display: inline-block;
}

.inquiry .secInquiry .btnArea .btnWrap {
  margin: 0 auto;
  overflow: hidden;
  width: 424px;
}

.inquiry .secInquiry .btnArea .btnWrap .btnSubmit {
  float: right;
}

.inquiry .secInquiry .btnArea .btnWrap .btnReturn {
  float: left;
}

.inquiry .secInquiry .norton {
  border: 1px solid #dedede;
  font-size: 13px;
  line-height: 1.7;
  display: table;
  width: 100%;
}

.inquiry .secInquiry .norton > div {
  display: table-cell;
  padding: 29px 0;
  vertical-align: middle;
}

.inquiry .secInquiry .norton .logo {
  text-align: center;
  width: 164px;
}

.inquiry .secInquiry .norton .txt {
  padding-right: 3%;
}

.inquiry .secInquiry .norton .txt p + p,
.inquiry .secInquiry .norton .txt p + dl,
.inquiry .secInquiry .norton .txt dl + p {
  margin-top: 0.8em;
}

.inquiry .secInquiry .norton .txt dl {
  overflow: hidden;
}

.inquiry .secInquiry .norton .txt dl dt, .inquiry .secInquiry .norton .txt dl dd {
  float: left;
}

.inquiry .secInquiry .norton .txt dl dt {
  clear: both;
}

.inquiry .secInquiry .message {
  border: 1px solid #dedede;
  margin: 0 auto;
  max-width: 670px;
  padding-top: 50px;
  text-align: center;
}

.inquiry .secInquiry .message .tit {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 16px;
}

.inquiry .secInquiry .message .btnArea {
  background: #f5f5f5;
  border-top: 1px solid #dedede;
  margin: 46px 0 0;
  padding: 30px 0;
}

.concept #main, .service #main, .partner #main {
  background-attachment: fixed;
  background-color: #1a1a1a;
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: cover;
}

.tablet .concept #main, .tablet .service #main, .tablet .partner #main {
  background-attachment: scroll;
  background-size: 100% auto;
}

.concept .pageTit .pageName, .concept .pageTit .catch, .service .pageTit .pageName, .service .pageTit .catch, .partner .pageTit .pageName, .partner .pageTit .catch {
  display: table-cell;
  vertical-align: middle;
}

.concept .pageTit .tit, .service .pageTit .tit, .partner .pageTit .tit {
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
  height: 0;
  position: relative;
  overflow: hidden;
}

.concept .pageTit .pageName .tit, .service .pageTit .pageName .tit, .partner .pageTit .pageName .tit {
  top: -10px;
}

.concept .pageTit .catch .tit, .service .pageTit .catch .tit, .partner .pageTit .catch .tit {
  width: 100%;
}

.concept .pageTit .catch .detail, .service .pageTit .catch .detail, .partner .pageTit .catch .detail {
  color: #fff;
  font-size: 13px;
  line-height: 1.95;
}

.concept .boxWrap, .service .boxWrap, .partner .boxWrap {
  background: rgba(255, 255, 255, 0.3);
  padding: 20px;
}

.concept .boxWrap .inner, .service .boxWrap .inner, .partner .boxWrap .inner {
  background: rgba(255, 255, 255, 0.9);
  padding: 0 30px;
}

.concept .boxWrap .boxTit, .service .boxWrap .boxTit, .partner .boxWrap .boxTit {
  padding-top: 65px;
  text-align: center;
}

.concept .boxWrap .boxTit span, .service .boxWrap .boxTit span, .partner .boxWrap .boxTit span {
  color: rgba(68, 68, 68, 0.7);
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
}

.concept #main {
  background-image: url(../images/concept/bg-body_pc.jpg);
}

.concept .pageTit {
  padding: 85px 0 68px;
}

.concept .pageTit .pageName .tit {
  background-image: url(../images/concept/tit-concept_pc.png);
  padding-top: 13.04%;
  width: 48.67%;
}

.concept .pageTit .catch {
  width: 54.8%;
}

.concept .pageTit .catch .tit {
  background-image: url(../images/concept/txt-catch_pc.png);
  padding-top: 30.07%;
  width: 91.6%;
}

.concept .pageTit .catch .detail {
  margin-top: 31px;
  padding-left: 15px;
}

.concept .boxWrap .inner {
  padding-bottom: 80px;
}

.concept .boxWrap .boxTit {
  padding-top: 65px;
}

.concept .secConcept {
  padding-bottom: 100px;
}

.concept .secConcept .boxRead {
  line-height: 1.6;
  margin: 26px 0 28px;
}

.concept .secConcept #performance .boxTit {
  padding-top: 46px;
}

.concept .secConcept #performance .boxRead {
  margin: 25px 0 34px;
}

.concept .secConcept #mission .thumb {
  text-align: center;
}

.concept .secConcept .list li:before, .concept .secConcept .list li:after {
  content: '';
  display: table;
}

.concept .secConcept .list li:after {
  clear: both;
}

.concept .secConcept .list li .thumb {
  float: left;
  width: 48.44%;
}

.concept .secConcept .list li dl {
  float: right;
  width: 48.44%;
}

.concept .secConcept .list li dl dt {
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 13px;
}

.concept .secConcept .list li + li {
  margin-top: 40px;
}

.concept .secConcept .photo {
  overflow: hidden;
}

.concept .secConcept .photo li {
  float: left;
  width: 32%;
}

.concept .secConcept .photo li img {
  width: 100%;
}

.concept .secConcept .photo li + li {
  margin-left: 2%;
}

.concept #worldwide .photo {
  margin: -30px -15px 0;
}

.concept #worldwide .photo li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 30px 0 0;
  padding: 0 15px;
  width: 50%;
}

.concept .btnDetail {
  margin-top: 40px;
  text-align: center;
}

.concept .btnDetail a {
  background: #87867B url("/images/common/arrow-white20.png") no-repeat 96% center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #FFF;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  background-size: 10px 13px;
  padding: 16px 30px 15px;
  width: 430px;
}

.no-touch .concept .btnDetail a:hover {
  opacity: .7;
}

.service .pageTit .pageName .tit {
  left: -1px;
}

.service .pageTit .catch .detail {
  margin-top: 24px;
}

.service .secService {
  padding-bottom: 100px;
}

.service .boxWrap .BoxTxtTop {
  font-size: 15px;
  font-weight: bold;
  line-height: 1.67;
  padding-top: 38px;
  text-align: center;
}

.service .boxWrap .boxRead {
  line-height: 1.6;
  margin: 25px 0 28px;
  text-align: center;
}

.service .boxWrap .list li {
  overflow: hidden;
}

.service .boxWrap .list li .thumb {
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
}

.service .boxWrap .list li .thumbArea {
  float: left;
  width: 48.44%;
}

.service .boxWrap .list li .thumbArea .thumb {
  background-size: 100% auto;
}

.service .boxWrap .list li .txtArea {
  float: right;
  width: 48.44%;
}

.service .boxWrap .list li .txtArea .tit {
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  margin: 2px 0 10px;
}

.service .boxWrap .list li .txtArea .tit span {
  font-size: 20px;
}

.service .boxWrap .list li .txtArea .tit span.mini {
  font-size: 18px;
}

.service .boxWrap .list li .txtArea .subTit {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2;
  margin: 17px 0 13px;
  padding-left: 15px;
  position: relative;
}

.service .boxWrap .list li .txtArea .subTit:before {
  background: #d9d9cc;
  content: '';
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  width: 3px;
}

.service .boxWrap .list li .txtArea .txt {
  line-height: 1.6;
  margin-top: 6px;
  padding-right: 3px;
}

.service .boxWrap .list li + li {
  border-top: 1px dotted #9c9c9c;
}

.service .boxWrap .list.compareList {
  overflow: hidden;
}

.service .boxWrap .list.compareList li {
  border-width: 0;
  float: left;
  position: relative;
}

.service .boxWrap .list.compareList li .thumbArea, .service .boxWrap .list.compareList li .txtArea {
  float: none;
  width: 100%;
}

.service .boxWrap .list.compareList li .thumbArea {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.service .boxWrap .list.compareList li .thumb {
  padding-top: 75.86%;
}

.service .boxWrap .floatBox {
  overflow: hidden;
}

.service .boxWrap .floatBox .thumb {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 0;
  overflow: hidden;
}

.service .boxWrap .floatBox table {
  width: 48.33%;
}

.service .boxWrap .floatBox dl {
  float: left;
  position: relative;
  width: 48.33%;
}

.service .boxWrap .floatBox dl dt {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #dedede;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
  padding: 15px 0 14px;
  text-align: center;
  width: 100%;
}

.service .boxWrap .floatBox dl + dl {
  float: right;
}

.service .boxWrap .swithcImg img {
  width: 100%;
}

.service .boxWrap .movieArea {
  padding: 35px 0 49px;
}

.service .boxWrap .movieArea .movie {
  padding-top: 55.55%;
  position: relative;
  width: 100%;
}

.service .boxWrap .movieArea .movie iframe {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

.service#top #main {
  background-image: url(../images/service/bg-top-body_pc.jpg);
}

.service#top .pageTit {
  padding: 76px 0 60px;
}

.service#top .pageTit .pageName .tit {
  background-image: url(../images/service/tit-top_pc.png);
  padding-top: 14.06%;
  width: 84.63%;
}

.service#top .pageTit .catch {
  width: 53.8%;
}

.service#top .pageTit .catch .tit {
  background-image: url(../images/service/txt-top-catch_pc.png);
  padding-top: 25.83%;
}

.service#top .pageTit .catch .detail {
  padding-left: 8px;
}

.service#top .list {
  padding: 11px 0 15px;
}

.service#top .list li a {
  display: block;
  overflow: hidden;
  padding: 30px 0;
}

.service#top .list li .thumb {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* background-color: #fff; */
  background-size: 100% auto;
  /* border: 1px solid #dedede; */
  float: left;
  padding-top: 19.99%;
  width: 27.77%;
}

.service#top .list li .thumb.himohs {
  /* background-color: #000; */
  border-width: 0;
}

.service#top .list li .box {
  float: right;
  width: 69.77%;
}

.service#top .list li .box .tit {
  font-size: 22px;
  font-weight: bold;
}

.service#top .list li .box .txt {
  color: #313131;
  line-height: 1.6;
  margin-top: 8px;
}

.service#himohs #main {
  background-image: url(../images/service/bg-himohs-body_pc.jpg);
}

.service#himohs .pageTit {
  padding: 66px 0 60px;
}

.service#himohs .pageTit .pageName .tit {
  background-image: url(../images/service/tit-himohs-title_pc.png);
  padding-top: 11.84%;
  width: 63.36%;
}

.service#himohs .pageTit .catch {
  width: 53.6%;
}

.service#himohs .pageTit .catch .tit {
  background-image: url(../images/service/txt-himohs-catch_pc.png);
  padding-top: 42.16%;
  right: -4px;
}

.service#himohs .pageTit .catch .detail {
  padding-left: 7px;
}

.service#himohs .list.proof01 {
  margin: -27px 0 -39px;
}

.service#himohs .list.proof01 li {
  padding: 27px 0 39px;
}

.service#himohs .list.proof01 li .thumbArea p {
  color: #5a5a5a;
  font-size: 13px;
  margin-bottom: 3px;
}

.service#himohs .list.proof01 li .thumb.thumb01 {
  background-image: url(../images/service/img-himohs-proof01-01_pc.png);
  padding-top: 64.36%;
}

.service#himohs .list.proof01 li .thumb.thumb02 {
  background-image: url(../images/service/img-himohs-proof01-02_pc.png);
  padding-top: 32.18%;
}

.service#himohs .list.proof02 {
  margin: -10px 0 -39px;
}

.service#himohs .list.proof02 li {
  padding: 40px 0 39px;
}

.service#himohs .list.proof02 li .thumbArea, .service#himohs .list.proof02 li .txtArea {
  float: none;
  width: 100%;
}

.service#himohs .list.proof02 li .txtArea .txt {
  margin-top: 13px;
  padding: 0;
}

.service#himohs .list.proof02 li .thumb.thumb01 {
  background-image: url(../images/service/img-himohs-proof02-01_pc.png);
  margin-top: 23px;
  padding-top: 57.22%;
}

.service#himohs .list.proof02 li .thumb.thumb02 {
  background-image: url(../images/service/img-himohs-proof02-02_pc.png);
  padding-top: 39.55%;
}

.service#himohs .list.pollution01 {
  margin: -24px 0 -16px;
}

.service#himohs .list.pollution01 li {
  padding: 24px 0 16px;
}

.service#himohs .list.pollution01 li .thumbArea p {
  color: #979797;
  font-size: 12px;
  margin-top: 4px;
}

.service#himohs .list.pollution01 li .thumb {
  padding-top: 64.36%;
}

.service#himohs .list.pollution01 li .thumb.thumb01 {
  background-image: url(../images/service/img-himohs-pollution01-01_pc.png);
}

.service#himohs .list.pollution01 li .thumb.thumb02 {
  background-image: url(../images/service/img-himohs-pollution01-02_pc.png);
}

.service#newReal #main {
  background-image: url(../images/service/bg-newreal-body_pc.jpg);
}

.service#newReal .pageTit {
  padding: 120px 0 109px;
}

.service#newReal .pageTit .pageName .tit {
  background-image: url(../images/service/tit-newreal-title_pc.png);
  padding-top: 11.69%;
  width: 88.29%;
}

.service#newReal .pageTit .catch {
  width: 53%;
}

.service#newReal .pageTit .catch .tit {
  background-image: url(../images/service/txt-newreal-catch_pc.png);
  padding-top: 27.92%;
}

.service#newReal .floatBox .thumb {
  background-image: url(../images/service/img-newreal-proof02-01_pc.jpg);
  float: left;
  padding-top: 32.43%;
  width: 48.33%;
}

.service#newReal .floatBox table {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #dedede;
  border-width: 1px 1px 0 0;
  float: right;
}

.service#newReal .floatBox table th, .service#newReal .floatBox table td {
  border: 1px solid #dedede;
  border-width: 0 0 1px 1px;
}

.service#newReal .floatBox table th {
  background: #efefe6;
  border-bottom: 1px solid #ddddcc;
  font-size: 13px;
  font-weight: bold;
  padding: 8px 8px 8px 11px;
  vertical-align: middle;
  width: 74px;
}

.service#newReal .floatBox table td {
  background: #fff;
  font-size: 12px;
  padding: 5px 11px;
}

.service#newReal .list.performance, .service#newReal .list.resistance {
  margin: -34px 0;
}

.service#newReal .list.performance li, .service#newReal .list.resistance li {
  padding: 34px 0;
}

.service#newReal .list.resistance li .thumb {
  background-image: url(../images/service/img-newreal-resistance-02_pc.png);
  padding-top: 44.36%;
}

.service#newReal .list.compareList li {
  padding: 37.69% 0 0 0;
  width: 48.33%;
}

.service#newReal .list.compareList li .thumb.thumb01 {
  background-image: url(../images/service/img-newreal-proof01-01_pc.jpg);
}

.service#newReal .list.compareList li .thumb.thumb02 {
  background-image: url(../images/service/img-newreal-proof01-02_pc.jpg);
}

.service#newReal .list.compareList li:nth-child(even) {
  float: right;
}

.service#newReal #proof01 {
  padding-bottom: 46px;
}

.service#realGloss #main {
  background-image: url(../images/service/realglass/bg-realglass-body_pc.jpg);
}

.service#realGloss .pageTit {
  padding: 85px 0 64px;
}

.service#realGloss .pageTit .pageName .tit {
  background-image: url(../images/service/tit-realgloss-title_pc.png);
  padding-top: 20.03%;
  width: 73.27%;
}

.service#realGloss .pageTit .catch {
  width: 53.6%;
}

.service#realGloss .pageTit .catch .tit {
  background-image: url(../images/service/txt-realgloss-catch_pc.png);
  padding-top: 42.53%;
}

.service#realGloss .pageTit .catch .detail {
  padding-left: 6px;
}

.service#realGloss .list.compareList li {
  padding: 25.69% 0 0 0;
  width: 32%;
}

.service#realGloss .list.compareList li .thumb.thumb01 {
  background-image: url(../images/service/img-realgloss-proof01-01_pc.jpg);
}

.service#realGloss .list.compareList li .thumb.thumb02 {
  background-image: url(../images/service/img-realgloss-proof01-02_pc.jpg);
}

.service#realGloss .list.compareList li .thumb.thumb03 {
  background-image: url(../images/service/img-realgloss-proof01-03_pc.jpg);
}

.service#realGloss .list.compareList li + li {
  margin-left: 2%;
}

.service#realGloss .floatBox .txt {
  float: right;
  width: 49%;
}

.service#realGloss .floatBox .swithcImg {
  float: left;
  width: 48.33%;
}

.service#realGloss .floatBox.performance01 dl dt {
  display: table;
  padding: 0 !important;
}

.service#realGloss .floatBox.performance01 dl dt p {
  display: table-cell;
  padding: 14px 5px 12px;
  vertical-align: middle;
}

.service#realGloss .floatBox.performance01 dl dt span {
  display: inline-block;
  font-size: 18px;
}

.service#realGloss #proof02 .boxTit {
  padding-top: 60px;
}

.service#realGloss #proof02 .floatBox {
  padding-top: 33px;
}

.service#hydro #main {
  background-image: url(../images/service/bg-hydro-body_pc.jpg);
}

.service#hydro .pageTit {
  padding: 116px 0 88px;
}

.service#hydro .pageTit .pageName .tit {
  background-image: url(../images/service/tit-hydro-title_pc.png);
  padding-top: 11.64%;
  width: 56.99%;
}

.service#hydro .pageTit .catch {
  width: 52.8%;
}

.service#hydro .pageTit .catch .tit {
  background-image: url(../images/service/txt-hydro-catch_pc.png);
  padding-top: 28.03%;
}

.service#hydro .floatBox.warter {
  padding-top: 55px;
}

.service#hydro .floatBox.warter dl dt {
  padding: 15px 0 14px;
}

.service#hydro .floatBox.warter dl .thumb {
  padding-top: 76.03%;
}

.service#hydro .floatBox.warter dl .thumb.thumb01 {
  background-image: url(../images/service/img-hydro-water01_pc.jpg);
}

.service#hydro .floatBox.warter dl .thumb.thumb02 {
  background-image: url(../images/service/img-hydro-water02_pc.jpg);
}

.service#hydro .floatBox.warter dl + dl:before {
  background: url(../images/service/arrow-course-left.png) no-repeat center 0;
  content: '';
  display: block;
  height: 94px;
  left: 0;
  margin: -47px 0 0 -47px;
  position: absolute;
  top: 50%;
  width: 76px;
}

.service#hydro .performance03 .txtArea .tit {
  font-size: 24px;
  font-weight: bold;
}

.service#hydro .performance03 .txtArea .txt {
  margin: 5px 0 20px;
}

.service#hydro .performance03 ul {
  overflow: hidden;
}

.service#hydro .performance03 ul li {
  float: left;
  position: relative;
  width: 32%;
}

.service#hydro .performance03 ul li img {
  width: 100%;
}

.service#hydro .performance03 ul li + li {
  margin-left: 2%;
}

.service#hydro .performance03 ul li + li:before {
  background: url(../images/service/arrow-course-left.png) no-repeat center 0;
  content: '';
  display: block;
  height: 94px;
  left: 0;
  margin: -47px 0 0 -47px;
  position: absolute;
  top: 50%;
  width: 76px;
}

.service#hydro .fouling01 {
  padding: 4px 0 44px;
}

.service#hydro .fouling01 .tit {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 13px;
}

.service#hyper #main {
  background-image: url(../images/service/bg-hyper-body_pc.jpg);
}

.service#hyper .pageTit {
  padding: 120px 0 109px;
}

.service#hyper .pageTit .pageName .tit {
  background-image: url(../images/service/tit-hyper-title_pc.png);
  padding-top: 11.45%;
  width: 51.16%;
}

.service#hyper .pageTit .catch {
  width: 52.9%;
}

.service#hyper .pageTit .catch .tit {
  background-image: url(../images/service/txt-hyper-catch_pc.png);
  padding-top: 27.97%;
}

.service#hyper .pageTit .catch .detail {
  padding-left: 9px;
}

.service#hyper .floatBox {
  clear: both;
  padding-top: 30px;
}

.service#hyper .floatBox dl dt {
  padding: 12px 0;
}

.service#hyper .list {
  padding-top: 38px;
}

.service#hyper .list li .txtArea .tit {
  font-size: 20px;
}

.service#hyper .list li .txtArea .txt {
  margin-bottom: 24px;
}

.service#hyper .list li + li {
  margin-top: 39px;
  padding-top: 39px;
   padding-bottom: 39px;
}

.service#hyper .list.repellency li .txtArea .tit {
  font-size: 20px;
  line-height: 1.2;
  margin-bottom: 10px;
}

.service#hyper .list.repellency li .thumb.thumb01 {
  background-image: url(../images/service/img-hyper-repellency-01_pc.jpg);
  padding-top: 68.96%;
}

.service#hyper .list.repellency li .thumb.thumb02 {
  background-image: url(../images/service/img-hyper-repellency-02_pc.jpg);
  padding-top: 66.66%;
}

.service#hyper .list.resistance li .thumb {
  padding-top: 43.67%;
}

.service#hyper .list.resistance li .thumb.thumb01 {
  background-image: url(../images/service/img-hyper-resistance-test01_pc.png);
}

.service#hyper .list.resistance li .thumb.thumb02 {
  background-image: url(../images/service/img-hyper-resistance-test02_pc.png);
}

.partner #main {
  background-image: url(../images/partner/bg-body_pc.jpg);
}

.partner .pageTit {
  padding: 72px 0 59px;
}

.partner .pageTit .pageName .tit {
  background-image: url(../images/partner/tit-partner_pc.png);
  padding-top: 11.85%;
  width: 84.78%;
}

.partner .pageTit .catch {
  width: 55.3%;
}

.partner .pageTit .catch .tit {
  background-image: url(../images/partner/txt-catch_pc.png);
  padding-top: 28.2%;
  width: 90.77%;
}

.partner .pageTit .catch .detail {
  line-height: 1.94;
  margin-top: 23px;
  padding-left: 22px;
}

.partner .boxWrap .boxTit {
  padding-top: 74px;
}

.partner .boxWrap .boxRead {
  padding: 25px 0 28px;
  text-align: center;
}

.partner .secPartner {
  padding-bottom: 100px;
}

.partner .secPartner dl.table {
  border: 1px solid #dedede;
}

.partner .secPartner dl.table dt {
  background: #efefe6;
  border-bottom: 1px solid #dedede;
  font-size: 20px;
  font-weight: bold;
  padding: 13px 0 12px;
  text-align: center;
}

.partner .secPartner dl.table dd {
  background: #fff;
}

.partner .secPartner #boxTop .boxRead {
  padding: 58px 0 33px;
}

.partner .secPartner #boxTop .thumb {
  text-align: center;
}

.partner .secPartner #boxTop .bnr {
  margin-top: 40px;
  overflow: hidden;
}

.partner .secPartner #boxTop .bnr a {
  color: #313131;
  display: block;
}

.no-touch .partner .secPartner #boxTop .bnr a:hover {
  opacity: 0.7;
}

.partner .secPartner #boxTop .bnr a + dl {
  float: right;
}

.partner .secPartner #boxTop .bnr dl {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #dedede;
  background: #fff;
  float: left;
  text-align: center;
  width: 48.33%;
}

.partner .secPartner #boxTop .bnr dl dt {
  background: #efefe6;
  border-bottom: 1px solid #dedede;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2;
  padding: 19px 5px;
}

.partner .secPartner #boxTop .bnr dl dt span {
  display: inline-block;
}

.partner .secPartner #boxTop .bnr dl dd {
  padding: 39px 27px 33px;
}

.partner .secPartner #boxTop .bnr dl dd img {
  width: 175px;
}

.partner .secPartner #boxTop .bnr dl dd p {
  margin-top: 35px;
  text-align: left;
}

.partner .secPartner #activity .photo {
  margin-bottom: 10px;
  overflow: hidden;
}

.partner .secPartner #activity .photo li {
  float: right;
  margin-bottom: 30px;
  width: 48.33%;
}

.partner .secPartner #activity .photo li:nth-child(odd) {
  clear: both;
  float: left;
}

.partner .secPartner #activity dl.table .info {
  border-bottom: 1px solid #dedede;
  padding: 41px 0 35px;
  text-align: center;
}

.partner .secPartner #activity dl.table .info .name {
  color: #79786c;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.1;
}

.partner .secPartner #activity dl.table .info .name span {
  display: inline-block;
}

.partner .secPartner #activity dl.table .info .address {
  font-size: 15px;
  font-weight: bold;
  margin-top: 3px;
}

.partner .secPartner #activity dl.table ul {
  display: table;
  width: 100%;
}

.partner .secPartner #activity dl.table ul li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #dedede;
  border-width: 0 1px 0 0;
  display: table-cell;
  font-family: "Roboto", Meiryo, メイリオ, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  font-weight: lighter;
  line-height: 1;
  padding: 0 4px;
  text-align: center;
  vertical-align: middle;
  width: 33%;
}

.partner .secPartner #activity dl.table ul li a {
  color: #313131;
}

.no-touch .partner .secPartner #activity dl.table ul li a:hover {
  opacity: 0.7;
}

.partner .secPartner #activity dl.table ul li span {
  background-repeat: no-repeat;
  background-position: 0 center;
  background-size: auto 32px;
  display: inline-block;
  padding: 22px 0 26px 40px;
  text-align: left;
}

.partner .secPartner #activity dl.table ul li.num {
  font-size: 24px;
}

.partner .secPartner #activity dl.table ul li.tel span {
  background-image: url(../images/partner/ico-tel.png);
}

.partner .secPartner #activity dl.table ul li.fax span {
  background-image: url(../images/partner/ico-fax.png);
}

.partner .secPartner #activity dl.table ul li.mail {
  border-width: 0;
  font-size: 20px;
  width: 34%;
}

.partner .secPartner #activity dl.table ul li.mail span {
  background-image: url(../images/partner/ico-mail.png);
}

.partner .secPartner #social {
  padding-bottom: 45px;
}

.partner .secPartner #social .floatBox {
  margin-bottom: 33px;
  overflow: hidden;
}

.partner .secPartner #social .floatBox .thumb {
  float: left;
  width: 34.44%;
}

.partner .secPartner #social .floatBox .thumb img {
  width: 100%;
}

.partner .secPartner #social .floatBox dl {
  float: right;
  width: 63.33%;
}

.partner .secPartner #social .floatBox dl dt {
  margin-bottom: 12px;
}

.partner .secPartner #social .floatBox dl dd {
  line-height: 1.6;
}

.partner .secPartner #social .floatBox dl dd p + p {
  margin-top: 1.5em;
}

.partner .secPartner #social .table dd {
  text-align: center;
  padding: 30px 30px 34px;
}

.partner .secPartner #social .link {
  margin-top: 15px;
  text-align: right;
}

.partner .secPartner #social .link a {
  background: url(../images/common/arrow-gray16.png) no-repeat 98% center;
  background-size: auto 13px;
  padding-right: 29px;
}

.magazine .secMagazine {
  padding-bottom: 100px;
}

.magazine .secMagazine .pageTit {
  background-color: #000;
  background-image: url(../images/magazine/bg-title_pc.jpg);
  background-size: auto 100%;
}

.magazine .secMagazine .pageTit .pageTitWrap {
  height: 475px;
}

.magazine .secMagazine .pageTit .tit {
  background: url(../images/magazine/tit-magazine_pc.png) no-repeat 0 0;
  height: 0;
  overflow: hidden;
  padding-top: 113px;
  width: 324px;
}

.magazine .secMagazine .listWrap {
  background: url(../images/magazine/bg-gradation-list.png) repeat-x 0 0;
  margin: 0 auto;
  max-width: 1000px;
  padding: 30px 30px 0;
  position: relative;
  top: -50px;
}

.magazine .secMagazine .listWrap:before, .magazine .secMagazine .listWrap:after {
  background-repeat: no-repeat;
  background-position: 0 0;
  content: '';
  height: 30px;
  position: absolute;
  top: 50px;
  width: 19px;
}

.magazine .secMagazine .listWrap:before {
  background-image: url(../images/magazine/bg-shadow01.png);
  left: -19px;
}

.magazine .secMagazine .listWrap:after {
  background-image: url(../images/magazine/bg-shadow02.png);
  right: -19px;
}

.magazine .secMagazine .listWrap .container {
  overflow: hidden;
}

.magazine .secMagazine .list li .txt {
  color: #313131;
}

.magazine .secMagazine .listMain .list li.hide {
  display: none;
}

.magazine .secMagazine .listMain .btnMore {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: url(../images/magazine/btn-more.png) no-repeat 97% center;
  background-size: auto 17px;
  border: 1px solid #e5e5e5;
  cursor: pointer;
  display: block;
  font-size: 15px;
  font-weight: bold;
  padding: 14px 0 12px;
  text-align: center;
  width: 100%;
}

.no-touch .magazine .secMagazine .listMain .btnMore:hover {
  opacity: 0.7;
}

.magazine .secMagazine .listSide {
  float: right;
  width: 220px;
}

.magazine .secMagazine .listMain, .magazine .secMagazine .mainEntry {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  margin-right: -260px;
  padding-right: 260px;
  width: 100%;
}

.magazine .secMagazine .secPopular {
  margin-bottom: 20px;
}

.magazine .secMagazine .secPopular > .tit {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #333330;
  background: -webkit-gradient(linear, left top, left bottom, from(#272724), to(#3e3e3b));
  background: linear-gradient(#272724, #3e3e3b);
  color: #fff;
  display: block;
  font-size: 16px;
  font-weight: bold;
  padding: 1px;
  text-align: center;
  width: 100%;
}

.magazine .secMagazine .secPopular > .tit span {
  border: 1px solid #555552;
  border-width: 1px 0 0;
  display: block;
  padding: 14px 0;
  position: relative;
}

.magazine .secMagazine .secPopular > .tit span:before, .magazine .secMagazine .secPopular > .tit span:after {
  background: #444441;
  background: -webkit-gradient(linear, left top, left bottom, from(#555552), to(#333330));
  background: linear-gradient(#555552, #333330);
  content: '';
  display: block;
  height: 50%;
  position: absolute;
  top: 0;
  width: 1px;
}

.magazine .secMagazine .secPopular > .tit span:before {
  left: 0;
}

.magazine .secMagazine .secPopular > .tit span:after {
  right: 0;
}

.magazine .secMagazine .secPopular .list {
  border: 1px solid #d4d4d1;
}

.magazine .secMagazine .secPopular .list li {
  padding: 0 20px;
}

.magazine .secMagazine .secPopular .list li a {
  padding: 20px 0 15px;
}

.magazine .secMagazine .secPopular .list li .thumb {
  margin-bottom: 9px;
}

.magazine .secMagazine .secPopular .list li .thumb .read p {
  font-size: 12px;
  margin-top: -9px;
}

.magazine .secMagazine .secPopular .list li .tit {
  font-size: 15px;
  margin-top: 6px;
}

.magazine .secMagazine .secPopular .list li + li a {
  border-top: 1px dotted #a6a6a6;
}

.magazine .secMagazineList {
  background: -webkit-gradient(linear, left top, left bottom, from(#ededed), color-stop(35%, #ffffff), color-stop(65%, #ffffff), to(#ffffff));
  background: linear-gradient(#ededed, #ffffff 35%, #ffffff 65%, #ffffff);
}

.magazine .secMagazineList .list:not(.popular) li a {
  overflow: hidden;
  padding: 40px 0 39px;
}

.magazine .secMagazineList .list:not(.popular) li .thumb {
  float: left;
  padding: 1.22%;
  width: 41.89%;
}

.magazine .secMagazineList .list:not(.popular) li .box {
  float: right;
  width: 55.7%;
}

.magazine .secMagazineList .list:not(.popular) li .box .date {
  font-size: 16px;
  margin: 0 0 4px 2px;
}

.magazine .secMagazineList .list:not(.popular) li .box .tit {
  font-size: 22px;
  line-height: 1.4;
}

.magazine .secMagazineList .list:not(.popular) li .box .txt {
  margin-top: 10px;
}

.magazine .secMagazineList .list:not(.popular) li:first-child a {
  padding-top: 0;
}

.magazine .secMagazineList .list:not(.popular) li + li {
  border-top: 1px solid #dedede;
}

.magazine .secMagazineDetail {
  background: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), color-stop(15%, #ffffff), color-stop(85%, #ffffff), to(#ffffff));
  background: linear-gradient(#e9e9e9, #ffffff 15%, #ffffff 85%, #ffffff);
  padding-top: 50px;
}

.magazine .secMagazineDetail .mainEntry {
  padding-right: 260px;
}

.magazine .secMagazineDetail .mainEntry .img {
  margin: 0 auto 13px;
  text-align: center;
}

.magazine .secMagazineDetail .mainEntry .img img {
  max-height: 600px;
  max-width: 100%;
}

.magazine .secMagazineDetail .mainEntry h1, .magazine .secMagazineDetail .mainEntry h2, .magazine .secMagazineDetail .mainEntry h3, .magazine .secMagazineDetail .mainEntry h4, .magazine .secMagazineDetail .mainEntry h4, .magazine .secMagazineDetail .mainEntry h5, .magazine .secMagazineDetail .mainEntry h6 {
  clear: both;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 21px;
}

.magazine .secMagazineDetail .mainEntry h2 {
  font-size: 22px;
}

.magazine .secMagazineDetail .mainEntry h3 {
  font-size: 20px;
}

.magazine .secMagazineDetail .mainEntry h4 {
  font-size: 18px;
}

.magazine .secMagazineDetail .mainEntry h5 {
  font-size: 16px;
}

.magazine .secMagazineDetail .mainEntry h6 {
  font-size: 15px;
}

.magazine .secMagazineDetail .mainEntry .snsBtnList {
  margin-bottom: 40px;
  padding-bottom: 40px;
}

.magazine .secMagazineDetail .mainEntry .snsBtnList:before, .magazine .secMagazineDetail .mainEntry .snsBtnList:after {
  content: '';
  display: table;
}

.magazine .secMagazineDetail .mainEntry .snsBtnList:after {
  clear: both;
}

.magazine .secMagazineDetail .mainEntry .snsBtnList ul {
  float: right;
  display: table;
  width: 335px;
}

.magazine .secMagazineDetail .mainEntry .snsBtnList ul li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-left: 1px solid #fff;
  display: table-cell;
  height: 40px;
  text-align: center;
  width: 40px;
  vertical-align: middle;
}

.magazine .secMagazineDetail .mainEntry .snsBtnList ul li a {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40px 40px;
  display: block;
  height: 0;
  overflow: hidden;
  padding-top: 40px;
  width: 40px;
}

.magazine .secMagazineDetail .mainEntry .snsBtnList ul li.fbShare a {
  background-color: #3a589a;
  background-image: url(../images/magazine/ico-sns-facebook.png);
}

.magazine .secMagazineDetail .mainEntry .snsBtnList ul li.twitter a {
  background-color: #21cbff;
  background-image: url(../images/magazine/ico-sns-twitter.png);
}

.magazine .secMagazineDetail .mainEntry .snsBtnList ul li.hatena a {
  background-color: #00a4e2;
  background-image: url(../images/magazine/ico-sns-hatena.png);
}

.magazine .secMagazineDetail .mainEntry .snsBtnList ul li.google a {
  background-color: #de4d3b;
  background-image: url(../images/magazine/ico-sns-google.png);
}

.magazine .secMagazineDetail .mainEntry .snsBtnList ul li.line a {
  background-color: #5be628;
  background-image: url(../images/magazine/ico-sns-line.png);
}

.magazine .secMagazineDetail .mainEntry .snsBtnList ul li.fbLike {
  background: #f5f5f5;
  width: 135px;
}

.magazine .secMagazineDetail .mainEntry .snsBtnList ul li.fbLike .fb-like {
  max-height: 30px;
  max-width: 170px;
}

.magazine .secMagazineDetail .mainEntry .mainEntryHeader .entryDate {
  color: #a9a9a9;
  font-family: "Roboto", Meiryo, メイリオ, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  font-size: 18px;
  margin-bottom: 6px;
}

.magazine .secMagazineDetail .mainEntry .mainEntryHeader .entryTit {
  font-size: 30px;
  margin-bottom: 14px;
}

.magazine .secMagazineDetail .mainEntry .mainEntryHeader .snsBtnList {
  border-bottom: 1px solid #dedede;
}

.magazine .secMagazineDetail .mainEntry .mainEntryContent .block {
  margin-bottom: 85px;
}

.magazine .secMagazineDetail .mainEntry .mainEntryContent .block .img {
  margin-bottom: 23px;
}

.magazine .secMagazineDetail .mainEntry .mainEntryContent .block p {
  margin-bottom: 2em;
}

.magazine .secMagazineDetail .mainEntry .mainEntryContent .block p:last-child {
  margin-bottom: 0;
}

.magazine .secMagazineDetail .mainEntry .mainEntryContent .block:last-child {
  margin-bottom: 55px;
}

.magazine .secMagazineDetail .mainEntry .mainEntryFooter .snsBtnList {
  margin-bottom: 0;
}

.magazine .secMagazineDetail .mainEntry .mainEntryFooter .bnr {
  padding-bottom: 49px;
}

.magazine .secMagazineDetail .mainEntry .mainEntryFooter .bnr img {
  width: 100%;
}

.magazine .secMagazineDetail .categoryBlock {
  border-top: 1px solid #dedede;
  padding-top: 45px;
}

.magazine .secMagazineDetail .categoryBlock .categoryTit {
  font-size: 24px;
  margin-bottom: 3px;
  text-align: center;
}

.magazine .secMagazineDetail .categoryBlock .list {
  overflow: hidden;
}

.magazine .secMagazineDetail .categoryBlock .list li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #dedede;
  float: left;
  margin: 20px 0 0 2%;
  width: 32%;
}

.magazine .secMagazineDetail .categoryBlock .list li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}

.magazine .secMagazineDetail .categoryBlock .list li a {
  padding: 20px 8.54% 30px;
}

.magazine .secMagazineDetail .categoryBlock .list li .thumb {
  margin-bottom: 10px;
}

.magazine .secMagazineDetail .categoryBlock .list li .tit {
  font-size: 15px;
  margin-top: 7px;
}

.magazine .secMagazineDetail .secPopular {
  background: #fff;
}

.media .secMedia {
  padding-bottom: 100px;
}

.media .secMedia .pageTit {
  background-image: url(../images/media/bg-title_pc.jpg);
  margin-bottom: 50px;
}

.media .secMedia .secList .read {
  margin-top: 14px;
  line-height: 1.7;
}

.media .secMedia .secList .mediaList li a, .media .secMedia .secList .mediaList li > div {
  display: block;
  overflow: hidden;
  padding: 30px 0;
}

.media .secMedia .secList .mediaList li .thumb {
  float: right;
  width: 188px;
}

.media .secMedia .secList .mediaList li .thumb img {
  height: auto;
  width: 100%;
}

.media .secMedia .secList .mediaList li .thumb + .txt {
  margin-right: -206px;
  padding-right: 206px;
}

.media .secMedia .secList .mediaList li .txt {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  width: 100%;
}

.media .secMedia .secList .mediaList li .txt .date {
  color: #a9a9a9;
  font-family: "Roboto", Meiryo, メイリオ, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  font-size: 16px;
  letter-spacing: 0.03em;
}

.media .secMedia .secList .mediaList li .txt p {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.4;
  margin-top: 10px;
}

.media .secMedia .secList .mediaList li + li {
  border-top: 1px dotted #a6a6a6;
}

.maintenance .secMaintenance {
  padding-bottom: 100px;
}

.maintenance .secMaintenance .pageTit {
  background-image: url(../images/maintenance/bg-title_pc.jpg);
  margin-bottom: 50px;
}

.maintenance .secMaintenance .maintenanceNav li a {
  background-repeat: no-repeat;
}

.maintenance .secMaintenance .maintenanceNav li:nth-child(1) a {
  background-image: url(../images/maintenance/ico-num01.png);
}

.maintenance .secMaintenance .maintenanceNav li:nth-child(2) a {
  background-image: url(../images/maintenance/ico-num02.png);
}

.maintenance .secMaintenance .maintenanceNav li:nth-child(3) a {
  background-image: url(../images/maintenance/ico-num03.png);
}

.maintenance .secMaintenance .maintenanceNav li:nth-child(4) a {
  background-image: url(../images/maintenance/ico-num04.png);
}

.maintenance .secMaintenance .maintenanceNav li:nth-child(5) a {
  background-image: url(../images/maintenance/ico-num05.png);
}

.maintenance .secMaintenance .btnArea {
  position: relative;
}

.maintenance .secMaintenance .btnArea .btn {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.maintenance .secMaintenance .btnArea .btn a {
  display: block;
  font-weight: bold;
  text-align: center;
}

.no-touch .maintenance .secMaintenance .btnArea .btn a:hover {
  opacity: 0.7;
}

.maintenance .secMaintenance .btnArea .btnAttention a span {
  background: url(../images/maintenance/ico-attention.png) no-repeat 0 center;
  display: inline-block;
}

.maintenance .secMaintenance .btnArea .btnDetail a {
  background: #87867b url(../images/common/arrow-white20.png) no-repeat 96% center;
  background-size: 10px 13px;
  color: #fff;
}

.maintenance .secMaintenanceList .secList .read {
  margin: 13px 0 26px;
}

.maintenance .secMaintenanceList .secList ol {
  margin-bottom: 20px;
  overflow: hidden;
}

.maintenance .secMaintenanceList .secList ol li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fcfcfc;
  background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#fff));
  background: linear-gradient(#f9f9f9, #fff);
  border: 1px solid #dedede;
  float: right;
  margin-bottom: 20px;
  position: relative;
  width: 48.5%;
}

.maintenance .secMaintenanceList .secList ol li a {
  background-position: 26px center;
  background-size: 16px auto;
  display: block;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.2;
  padding: 0 30px 0 70px;
}

.maintenance .secMaintenanceList .secList ol li a span {
  display: inline-block;
}

.maintenance .secMaintenanceList .secList ol li a:before {
  background: #efefe6 url(../images/common/arrow-gray16.png) no-repeat center center;
  background-size: 13px auto;
  border-left: 1px solid #dedede;
  content: '';
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 29px;
}

.maintenance .secMaintenanceList .secList ol li a:after {
  border-left: 1px dotted #c8c8c8;
  content: '';
  height: 22px;
  left: 69px;
  margin-top: -11px;
  position: absolute;
  top: 50%;
  width: 1px;
}

.maintenance .secMaintenanceList .secList ol li div {
  background: #fff;
  display: table;
  height: 68px;
  width: 100%;
}

.maintenance .secMaintenanceList .secList ol li p {
  display: table-cell;
  vertical-align: middle;
  padding: 0 10px 0 20px;
}

.maintenance .secMaintenanceList .secList ol li:nth-child(odd) {
  clear: both;
  float: left;
}

.maintenance .secMaintenanceList .secList + .secList {
  border-top: 1px solid #eee;
  margin-top: 50px;
  padding-top: 46px;
}

.maintenance .secMaintenanceList .btnArea .btnAttention {
  border: 1px solid #eed3d3;
  left: 0;
  position: absolute;
  top: 0;
  width: 145px;
}

.maintenance .secMaintenanceList .btnArea .btnAttention a {
  color: #c15454;
}

.maintenance .secMaintenanceList .btnArea .btnAttention a span {
  background-size: 20px auto;
  padding: 16px 0 16px 29px;
}

.maintenance .secMaintenanceList .btnArea .btnDetail {
  margin: 0 auto;
  width: 320px;
}

.maintenance .secMaintenanceList .btnArea .btnDetail a {
  font-size: 16px;
  padding: 16px 30px 15px;
}

.maintenance .secMaintenanceDetail #main {
  margin-top: -20px;
}

.maintenance .secMaintenanceDetail #sidebar .btnArea .btn {
  margin-top: 11px;
}

.maintenance .secMaintenanceDetail #sidebar .btnArea .btnAttention {
  border: 1px solid #e9dcdc;
}

.maintenance .secMaintenanceDetail #sidebar .btnArea .btnAttention a {
  background: #fcf7f7;
  color: #c15454;
}

.maintenance .secMaintenanceDetail #sidebar .btnArea .btnAttention a span {
  background-size: 21px auto;
  padding: 22px 0 21px 29px;
  margin: 0 0 1px -17px;
}

.maintenance .secMaintenanceDetail #sidebar .btnArea .btnDetail a {
  background-position: 91% center;
  line-height: 1.3;
  padding: 15px 21px 14px;
  text-align: left;
}

.maintenance .secMaintenanceDetail #sidebar .btnArea .btnReturn {
  border: 1px solid #dedede;
}

.maintenance .secMaintenanceDetail #sidebar .btnArea .btnReturn a {
  background: #f5f5f5 url(../images/maintenance/ico-return-list.png) no-repeat 12% center;
  color: #313131;
  padding: 22px 0 22px 17px;
}

.maintenance .secMaintenanceDetail .secDetail {
  margin-bottom: 40px;
  padding-top: 20px;
}

.maintenance .secMaintenanceDetail .secDetail .read {
  line-height: 1.6;
  margin-top: 13px;
}

.maintenance .secMaintenanceDetail .secDetail .read.readFloat {
  margin-top: 20px;
  overflow: hidden;
}

.maintenance .secMaintenanceDetail .secDetail .read.readFloat p {
  float: right;
  width: 62.5%;
}

.maintenance .secMaintenanceDetail .secDetail .read.readFloat img {
  float: left;
  width: 34.72%;
}

.maintenance .secMaintenanceDetail .secDetail .read .small {
  font-size: 12px;
}

.maintenance .secMaintenanceDetail .secDetail .floatBox {
  margin-top: 22px;
}

.maintenance .secMaintenanceDetail .secDetail .floatBox:before, .maintenance .secMaintenanceDetail .secDetail .floatBox:after {
  content: '';
  display: table;
}

.maintenance .secMaintenanceDetail .secDetail .floatBox:after {
  clear: both;
}

.maintenance .secMaintenanceDetail .secDetail .floatBox .thumbArea {
  float: left;
  width: 34.72%;
}

.maintenance .secMaintenanceDetail .secDetail .floatBox .thumbArea img {
  width: 100%;
}

.maintenance .secMaintenanceDetail .secDetail .floatBox .thumbArea img + img {
  margin-top: 15px;
}

.maintenance .secMaintenanceDetail .secDetail .floatBox .txtArea {
  float: right;
  width: 62.5%;
}

.maintenance .secMaintenanceDetail .secDetail .floatBox .work dt {
  background: #6d6d5e;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 0 3px;
  text-align: center;
  width: 52px;
}

.maintenance .secMaintenanceDetail .secDetail .floatBox .work dd {
  line-height: 1.6;
  margin-top: 8px;
}

.maintenance .secMaintenanceDetail .secDetail .floatBox .work dd a {
  text-decoration: underline;
}

.maintenance .secMaintenanceDetail .secDetail .floatBox .work dd .small {
  display: block;
  font-size: 12px;
}

.maintenance .secMaintenanceDetail .secDetail .floatBox .work dd .attention {
  color: #c15454;
}

.maintenance .secMaintenanceDetail .secDetail .floatBox .work + .work {
  margin-top: 14px;
}

.maintenance .secMaintenanceDetail .secDetail .floatBox .link {
  border-top: 1px dotted #a6a6a6;
  margin-top: 16px;
  padding-top: 9px;
}

.maintenance .secMaintenanceDetail .secDetail .floatBox .link p {
  background: url(../images/common/arrow-gray16.png) no-repeat 100% center;
  background-size: 10px auto;
  line-height: 1.35;
  margin-top: 10px;
  text-align: right;
}

.maintenance .secMaintenanceDetail .secDetail .floatBox .link p a {
  display: block;
  font-weight: bold;
  padding-right: 27px;
}

.maintenance .secMaintenanceDetail .secDetail .floatBox .link p a span {
  display: inline-block;
}

.maintenance .secMaintenanceDetail .secDetail .floatBox + .floatBox {
  margin-top: 15px;
}

.maintenance .secMaintenanceDetail .secDetail .attentionBox {
  border: 1px solid #e9dcdc;
}

.maintenance .secMaintenanceDetail .secDetail .attentionBox dt {
  background: #fcf7f7;
  border-bottom: 1px solid #e9dcdc;
  color: #c15454;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

.maintenance .secMaintenanceDetail .secDetail .attentionBox dt span {
  background: url(../images/maintenance/ico-attention.png) no-repeat 0 center;
  background-size: 21px auto;
  display: inline-block;
  padding: 13px 0 10px 28px;
}

.maintenance .secMaintenanceDetail .secDetail .attentionBox dd {
  line-height: 1.6;
  padding: 27px 27px 34px;
}

.maintenance .secMaintenanceDetail .secDetail .attentionBox dd p + p {
  margin-top: 0.65em;
}

.maintenance .secMaintenanceDetail .secDetail:last-child {
  margin-bottom: 0;
}

.products .secProduct .pageTit {
  background-image: url(../images/products/bg-title_pc.jpg);
}

.products .secProductList {
  padding-bottom: 79px;
}

.products .secProductList .pageTit {
  margin-bottom: 43px;
}

.products .secProductList .secBox .tit {
  font-family: "Roboto", Meiryo, メイリオ, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  font-size: 28px;
  font-weight: lighter;
  letter-spacing: -0.01em;
  margin-bottom: -3px;
}

.products .secProductList .secBox ul {
  overflow: hidden;
}

.products .secProductList .secBox ul li {
  border-bottom: 1px dotted #a6a6a6;
  float: left;
  margin-left: 3.5%;
  width: 31%;
}

.products .secProductList .secBox ul li a {
  background: url(../images/common/arrow-gold20.png) no-repeat right center;
  background-size: 13px auto;
  display: table;
  font-weight: bold;
  width: 100%;
}

.no-touch .products .secProductList .secBox ul li a:hover {
  opacity: 1;
  color: #f67c19;
}

.products .secProductList .secBox ul li p {
  display: table-cell;
  height: 54px;
  vertical-align: middle;
}

.products .secProductList .secBox ul li p.icon {
  text-align: center;
  width: 54px;
}

.products .secProductList .secBox ul li p.icon img {
  height: 60%;
  vertical-align: middle;
  width: auto;
}

.products .secProductList .secBox ul li p.icon.oblong img {
  height: auto;
  width: 65%;
}

.products .secProductList .secBox ul li p.icon.square img {
  height: auto;
  width: 50%;
}

.products .secProductList .secBox ul li p.link {
  font-size: 13px;
  line-height: 1.3;
  padding: 0 15px 0 5px;
}

.products .secProductList .secBox ul li p.link.long {
  font-size: 12px;
}

.products .secProductList .secBox ul li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}

.products .secProductList .secBox + .secBox {
  margin-top: 43px;
}

.products .secProductDetail {
  padding-bottom: 100px;
}

.products .secProductDetail .link {
  background: #f5f5f5;
  padding: 40px 0 46px;
}

.products .secProductDetail .link ul {
  margin: -10px -14px 0 0;
  overflow: hidden;
}

.products .secProductDetail .link ul li {
  display: inline-block;
  margin: 10px 14px 0 0;
}

.products .secProductDetail .link ul li a {
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid #dfdfdf;
  display: block;
  font-weight: bold;
  padding: 14px 20px 13px;
}

.products .secProductDetail .secBox {
  padding-top: 60px;
  overflow: hidden;
}

.products .secProductDetail .secBox .thumb {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #dedede;
  float: left;
  overflow: hidden;
  width: 31%;
}

.products .secProductDetail .secBox .info {
  float: right;
  margin-top: -4px;
  width: 65.8%;
}

.products .secProductDetail .secBox .info .tit {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.3;
}

.products .secProductDetail .secBox .info .txt {
  line-height: 1.6;
  margin: 9px 0 14px;
}

.products .secProductDetail .secBox .info .txt sub {
  display: inline-block;
  font-size: 12px;
  margin-top: -4px;
  vertical-align: super;
}

.products .secProductDetail .secBox .info .detail {
  overflow: hidden;
}

.products .secProductDetail .secBox .info .detail dl {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #dedede;
  float: left;
  width: 50%;
}

.products .secProductDetail .secBox .info .detail dl dt {
  background: #efefe6;
  border-bottom: 1px solid #dedede;
  font-size: 16px;
  font-weight: bold;
  padding: 14px 0 13px;
  text-align: center;
}

.products .secProductDetail .secBox .info .detail dl dd {
  padding: 10px 22px 15px;
}

.products .secProductDetail .secBox .info .detail dl + dl {
  border-width: 1px 1px 1px 0;
}

.products .secProductDetail .secBox .info .detail ul li {
  font-size: 13px;
  padding: 7px 0 6px;
}

.products .secProductDetail .secBox .info .detail ul li + li {
  border-top: 1px dotted #a6a6a6;
}

.products .secProductDetail .secBox .info .bnr {
  overflow: hidden;
}

.products .secProductDetail .secBox .info .bnr li {
  margin-top: 20px;
  display: table;
  float: left;
  width: 48.4%;
}

.products .secProductDetail .secBox .info .bnr li a {
  background: url(../images/common/arrow-gold20.png) no-repeat 95% center;
  background-size: auto 21px;
  border: 1px solid #dadada;
  display: table-cell;
  height: 63px;
  line-height: 1.3;
  padding: 0 19px;
  vertical-align: middle;
}

.products .secProductDetail .secBox .info .bnr li a.long {
  font-size: 13px;
  padding: 0 14px;
}

.products .secProductDetail .secBox .info .bnr li + li {
  float: right;
}

.products .secProductDetail .secBox .info .bnr li.faq a {
  padding-top: 23px;
  padding-bottom: 22px;
}

.products .secProductDetail .secBox + .secBox {
  border-top: 1px solid #ddd;
  margin-top: 60px;
}

.products .secProductDetail .btn.return {
  margin-left: -620px;
  left: 50%;
  position: absolute;
  top: 60px;
  width: 101px;
}

.products .secProductDetail .btn.return a {
  background: url(../images/products/arrow-return.png) no-repeat 12px center;
  border: 1px solid #dedede;
  display: block;
  font-size: 13px;
  padding: 13px 0 12px 11px;
  text-align: center;
}

.products .secProductDetail .btn.return.fixed {
  position: fixed;
  top: 134px;
}

.products .secProductDetail .btn.return.finish {
  bottom: 0;
  top: auto;
}

.faq .secFaq {
  padding-bottom: 100px;
}

.faq .secFaq .pageTit {
  background-image: url(../images/faq/bg-title_pc.jpg);
  margin-bottom: 50px;
}

.faq .secFaq #main {
  margin-top: -20px;
}

.faq .secFaq .secBox {
  margin-bottom: 40px;
  padding-top: 20px;
}

.faq .secFaq .secBox dl {
  border-radius: 5px;
  border: 1px solid #dedede;
  margin-top: 20px;
  padding: 0 30px;
}

.faq .secFaq .secBox dl dt, .faq .secFaq .secBox dl dd {
  line-height: 1.7;
  padding-left: 45px;
  position: relative;
}

.faq .secFaq .secBox dl dt:before, .faq .secFaq .secBox dl dd:before {
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 22px 24px;
  display: block;
  height: 0;
  left: -3px;
  overflow: hidden;
  padding-top: 24px;
  position: absolute;
  width: 22px;
}

.faq .secFaq .secBox dl dt {
  border-bottom: 1px dotted #a6a6a6;
  font-weight: bold;
  padding-top: 26px;
  padding-bottom: 23px;
}

.faq .secFaq .secBox dl dt:before {
  background-image: url(../images/faq/ico-q.png);
  content: 'Q';
  top: 26px;
}

.faq .secFaq .secBox dl dd {
  padding-top: 17px;
  padding-bottom: 25px;
}

.faq .secFaq .secBox dl dd:before {
  background-image: url(../images/faq/ico-a.png);
  content: 'A';
  top: 17px;
}

.faq .secFaq .secBox:last-child {
  margin-bottom: 0;
}

.company .secCompany {
  padding-bottom: 100px;
}

.company .secCompany .pageTit {
  background-image: url(../images/company/bg-title_pc.jpg);
  margin-bottom: 50px;
}

.company .secCompany table {
  border: 1px solid #dedede;
  border-width: 1px 1px 0 0;
}

.company .secCompany table th, .company .secCompany table td {
  border-left: 1px solid #dedede;
  padding: 15px 15px 14px 30px;
  vertical-align: middle;
}

.company .secCompany table th {
  border-bottom: 1px solid #ddddcc;
  background: #efefe6;
  font-weight: bold;
  vertical-align: top;
  width: 17%;
}

.company .secCompany table td {
  border-bottom: 1px solid #ededed;
  padding-right: 45px;
  width: 83%;
}

.company .secCompany table td dl dt {
  font-weight: bold;
  padding-bottom: 3px;
}

.company .secCompany table td dl dd {
  font-size: 12px;
}

.company .secCompany table td dl dd p {
  margin-top: 4px;
}

.company .secCompany table tr:last-child th, .company .secCompany table tr:last-child td {
  border-bottom-color: #dedede;
}

.profile .secProfile {
  padding-bottom: 100px;
}

.profile .secProfile .pageTit {
  background-image: url(../images/company/bg-title_pc.jpg);
  margin-bottom: 50px;
}

.profile .secProfile .secBlock .blockTit {
  margin-bottom: 13px;
}

.profile .secProfile .secBlock .block .tit {
  font-weight: bold;
}

.profile .secProfile .secBlock .block p {
  line-height: 1.77;
}

.profile .secProfile .secBlock .block .bnrLogo {
  margin-top: -15px;
  overflow: hidden;
  padding: 32px 0 35px;
}

.profile .secProfile .secBlock .block .bnrLogo li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #eee;
  border-width: 0 1px 0 0;
  float: left;
  margin-top: 15px;
  padding: 0 20px;
  width: 250px;
}

.profile .secProfile .secBlock .block .bnrLogo li .img {
  background: #f5f5f5;
  height: 78px;
  position: relative;
}

.profile .secProfile .secBlock .block .bnrLogo li .img img {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}

.profile .secProfile .secBlock .block .bnrLogo li .size {
  font-size: 13px;
  line-height: 1.6;
  margin: 15px 0;
}

.profile .secProfile .secBlock .block .bnrLogo li .txt {
  border-top: 1px dotted #b2b2b2;
  font-size: 11px;
  font-weight: bold;
  margin: 0 -7px 4px 0;
  padding-top: 16px;
}

.profile .secProfile .secBlock .block .bnrLogo li textarea {
  font-size: 11px;
  height: 110px;
  width: 100%;
}

.profile .secProfile .secBlock .block .bnrLogo li:first-child {
  border-width: 0 1px;
}

@media screen and (max-width: 1060px) {
  .profile .secProfile .secBlock .block .bnrLogo li {
    width: 50%;
  }
  .profile .secProfile .secBlock .block .bnrLogo li:nth-child(3) {
    border-width: 0 1px;
  }
}

.profile .secProfile .secBlock .block + .block {
  margin-top: 26px;
}

.profile .secProfile .secBlock + .secBlock {
  margin-top: 42px;
}

.sitemap .secSitemap {
  padding-bottom: 100px;
}

.sitemap .secSitemap .pageTit {
  background-image: url(../images/company/bg-title_pc.jpg);
  margin-bottom: 50px;
}

.sitemap .secSitemap .sitemapList {
  font-weight: bold;
}

.sitemap .secSitemap .sitemapList > li > p {
  font-size: 18px;
}

.sitemap .secSitemap .sitemapList > li > p:not(.for) {
  position: relative;
  padding-left: 18px;
}

.sitemap .secSitemap .sitemapList > li > p:not(.for):before {
  background: #d9d9cc;
  content: '';
  height: 33px;
  left: 0;
  margin-top: -16px;
  position: absolute;
  top: 50%;
  width: 3px;
}

.sitemap .secSitemap .sitemapList > li > p.for {
  margin: 30px 0 -12px;
}

.sitemap .secSitemap .sitemapList > li ul {
  margin-top: 12px;
  overflow: hidden;
}

.sitemap .secSitemap .sitemapList > li ul li {
  background: url(../images/common/arrow-gold20.png) no-repeat right center;
  background-size: 13px auto;
  border-bottom: 1px dotted #a6a6a6;
  display: table;
  float: left;
  margin-left: 3.5%;
  width: 31%;
}

.sitemap .secSitemap .sitemapList > li ul li a {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: table-cell;
  height: 53px;
  line-height: 1.2;
  padding: 4px 15px 0 0;
  vertical-align: middle;
}

.sitemap .secSitemap .sitemapList > li ul li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}

.sitemap .secSitemap .sitemapList > li.blank a {
  background: url(../images/common/ico-blank-blue.png) no-repeat right center;
  padding-right: 17px;
}

.sitemap .secSitemap .sitemapList > li + li {
  margin-top: 47px;
}

.error404 .secError {
  padding-bottom: 90px;
}

.error404 .secError .pageTit {
  background-image: url(../images/error/bg-title_pc.jpg);
  margin-bottom: 79px;
}

.error404 .secError .secErrorBox {
  border: 1px solid #dedede;
  margin: 0 auto;
  max-width: 670px;
  padding-top: 50px;
  text-align: center;
}

.error404 .secError .secErrorBox .tit {
  margin: 0 auto 26px;
  width: 284px;
}

.error404 .secError .secErrorBox .btnArea {
  background: #f5f5f5;
  border-top: 1px solid #dedede;
  margin: 45px 0 0;
  padding: 30px 0;
}

.error404 .secError .secErrorBox .btnArea .btn a {
  background: #87867b url(../images/common/arrow-white20.png) no-repeat 263px center;
  background-size: 10px 13px;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  padding: 16px 9px 15px 0;
  width: 285px;
}

/* ★★ タブレット以下 ★★ */
@media screen and (max-width: 1040px) {
  .home .secMv {
    background: url(../images/top/bg-mv.jpg) no-repeat center center;
    background-size: cover;
    height: 0;
    padding-top: 70.3125%;
  }
  .home .secMv .tit {
    background-image: url(../images/top/tit-mv_sp.png);
    background-size: 100% auto;
    bottom: 12.22%;
    padding-top: 12.5%;
  }
  .home .secMv .scroll {
    display: none;
  }
  .concept .pageTit .tit, .service .pageTit .tit, .partner .pageTit .tit {
    left: auto !important;
    right: auto !important;
  }
  .magazine .secMagazine .listWrap {
    padding: 30px 0 0;
  }
}

/* ★★ スマホ以下 ★★ */
@media screen and (max-width: 767px) {
  .home #tubular-container, .home #tubular-shield {
    display: none;
  }
  .home .movieArea {
    display: none;
  }
  .home .floatArea > section {
    width: 100%;
  }
  .home .floatArea > section.pcL, .home .floatArea > section.pcR {
    float: none;
  }
  .home .floatArea > section .bg {
    background-position: center center;
    height: 100%;
    top: 0 !important;
  }
  .home .floatArea > section .floatWrap {
    height: 225px;
    min-height: 225px;
  }
  .home .floatArea > section .btn {
    -webkit-transition: none;
    transition: none;
    background: url(../images/common/arrow-white20.png) no-repeat 150px center !important;
    background-size: 10px auto !important;
    border: 1px solid rgba(255, 255, 255, 0.6) !important;
    color: #fff !important;
    font-size: 14px;
    font-weight: normal;
    margin-top: 15px;
    padding: 11px 0 10px !important;
    width: 175px;
  }
  .home .floatArea .secConcept .floatTit {
    background-size: auto 31px;
    padding-top: 31px;
  }
  .home .floatArea .secSearch {
    padding: 29px 0 40px;
  }
  .home .floatArea .secSearch .bgWrap {
    height: 100%;
  }
  .home .floatArea .secSearch .floatTit {
    background-image: url(../images/top/tit-search_sp.png);
    background-size: auto 19px;
    margin-bottom: 13px;
    padding-top: 19px;
  }
  .home .floatArea .secSearch .mark {
    line-height: 1.3;
    max-width: none;
  }
  .home .floatArea .secSearch .mark > p {
    font-weight: normal;
    padding-bottom: 10px;
  }
  .home .floatArea .secSearch .mark ul {
    padding: 0 20px;
    margin-bottom: 0;
  }
  .home .floatArea .secSearch .mark ul li {
    margin: 0;
    padding: 0;
    text-align: center;
    width: 49%;
  }
  .home .floatArea .secSearch .mark ul li p {
    margin: 6px 0 0;
  }
  .home .floatArea .secSearch .selectWrap select {
    font-size: 14px;
    margin: 8px 0 0;
    padding: 7px 0 7px 9px;
    width: 280px;
  }
  .home .floatArea .secService .floatTit {
    background-size: auto 66px;
    padding-top: 66px;
  }
  .home .floatArea .secService .btn {
    padding-right: 15px !important;
  }
  .home .floatArea .secProgram .floatTit {
    background-size: auto 65px;
    opacity: 1 !important;
    padding-top: 65px;
  }
  .home .floatArea .secProgram .btn {
    opacity: 1 !important;
    padding-right: 15px !important;
  }
  .home .floatArea .secProgram .hide {
    display: none;
  }
  .home .secTit {
    background-size: auto 33px;
    padding-top: 33px !important;
  }
  .home .secMagazine {
    background: #fff;
    padding: 39px 0 25px;
  }
  .home .secMagazine .secTit {
    background-image: url(../images/top/tit-magazine_sp.png);
    margin-bottom: 21px;
  }
  .home .secMagazine .list li:nth-child(4), .home .secMagazine .list li:nth-child(5), .home .secMagazine .list li:nth-child(6) {
    display: none;
  }
  .home .secMovie {
    padding: 42px 0;
  }
  .home .secMovie:before {
    background-size: 233px auto;
    height: 233px;
    width: 241px;
  }
  .home .secMovie .secTit {
    background-image: url(../images/top/tit-movie_sp.png);
    margin-bottom: 22px;
  }
  .home .secMovie .box li .detail {
    width: 100%;
  }
  .home .secMovie .box li .detail a {
    min-height: 0;
  }
  .home .secMovie .box li .detail .logo {
    padding: 19px 0 10px !important;
  }
  .home .secMovie .box li .detail .logo.logo01 img {
    width: 143px;
  }
  .home .secMovie .box li .detail .logo.logo02 img {
    width: 115px;
  }
  .home .secMovie .box li .detail .logo.logo03 img {
    width: 138px;
  }
  .home .secMovie .box li .detail .txt {
    line-height: 1.5;
    padding: 0 20px;
  }
  .home .secMovie .box li .play {
    padding: 0;
    position: relative;
  }
  .home .secMovie .box li .play a {
    background: #fff;
    padding: 13px 20px 25px;
  }
  .home .secMovie .box li .play a .thumb {
    height: 0;
    padding-top: 62.0833%;
  }
  .home .secMovie .box li .play a .thumb:before {
    background-size: 59px 59px;
    height: 59px;
    margin: -29px 0 0 -29px;
    width: 59px;
  }
  .home .secMovie .box li + li {
    margin-top: 20px;
  }
  .home .secTopics {
    padding: 42px 0 33px;
  }
  .home .secTopics .secTit {
    background-image: url(../images/top/tit-topics_sp.png);
    margin-bottom: 5px;
  }
  .home .secTopics .list li {
    font-size: 13px;
    display: block;
    overflow: hidden;
  }
  .home .secTopics .list li span, .home .secTopics .list li p {
    display: block;
    float: left;
    clear: both;
    width: 100%;
  }
  .home .secTopics .list li span {
    font-weight: normal;
    padding: 11px 0 0;
  }
  .home .secTopics .list li p {
    padding: 2px 0 10px;
  }
  .shop .fancybox-skin {
    padding: 15px !important;
  }
  .shop dl.bnrInlineBox {
    width: 100%;
  }
  .shop dl.bnrInlineBox dt {
    font-size: 13px;
    line-height: 1.3;
    padding: 11px 0 10px;
  }
  .shop dl.bnrInlineBox dd {
    padding: 20px 17px 15px;
  }
  .shop dl.bnrInlineBox dd img {
    width: 88px;
  }
  .shop dl.bnrInlineBox dd p {
    margin-top: 15px;
  }
  .shop .secShop {
    padding-bottom: 50px;
  }
  .shop .secShop .pageTit {
    background-image: url(../images/shop/bg-title_sp.jpg);
    margin-bottom: 22px;
  }
  .shop .secShop .secSearch .blockTit {
    margin-bottom: 15px;
  }
  .shop .secShop .secMap .blockTit:last-child {
    margin-top: -60px;
    padding-top: 70px;
  }
  .shop .secShop .secMap .selectWrap {
    margin-bottom: 17px;
  }
  .shop .secShop .secMap .selectWrap select {
    margin-bottom: 10px;
  }
  .shop .secShop .secMap .selectWrap .selectric-wrapper {
    margin-bottom: 10px;
  }
  .shop .secShop .secMap .mapWrap {
    overflow: hidden;
    position: relative;
  }
  .shop .secShop .secMap .mapBox {
    padding-top: 75% !important;
  }
  .shop .secShop .infoBlock {
    border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    width: 100%;
  }
  .shop .secShop .infoBlock:before {
    display: none;
  }
  .shop .secShop .infoBlock .inner {
    padding: 20px 0 0;
  }
  .shop .secShop .infoBlock .thumbArea {
    width: 37.5%;
  }
  .shop .secShop .infoBlock .thumbArea .thumb {
    padding-top: 70.95%;
  }
  .shop .secShop .infoBlock .detailArea {
    width: 59.28%;
  }
  .shop .secShop .infoBlock .detailArea .partner {
    margin-bottom: 11px;
  }
  .shop .secShop .infoBlock .detailArea .partner img {
    width: 55px;
  }
  .shop .secShop .infoBlock .detailArea .name {
    font-size: 16px;
    margin-bottom: 3px;
  }
  .shop .secShop .infoBlock .detailArea .productInfo {
    padding: 5px 5px 4px;
  }
  .shop .secShop .infoBlock .detailArea .productInfo li img {
    height: 20px;
    width: 20px;
  }
  .shop .secShop .infoBlock .detailArea .Addinfo {
    margin-bottom: 15px;
  }
  .shop .secShop .infoBlock .detailArea .Addinfo li {
    font-size: 11px;
  }
  .shop .secShop .infoBlock .btn {
    background: #f8f8f8;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
    background: linear-gradient(#fff, #f0f0f0);
    left: 0;
    margin: 0 auto;
    position: relative;
    top: 0;
    max-width: 280px;
    width: auto;
  }
  .shop .secShop .infoBlock .btn a {
    background-position: 260px center;
    font-size: 12px;
    padding: 7px 0;
  }
  .shop .secShopList .bnrArea {
    margin-bottom: -20px;
    padding: 20px 0 22px;
  }
  .shop .secShopList .bnrArea ul {
    margin-top: -10px;
  }
  .shop .secShopList .bnrArea ul li {
    float: none;
    margin-top: 10px;
    width: 100%;
  }
  .shop .secShopList .bnrArea ul li a {
    font-size: 12px;
  }
  .shop .secShopList .bnrArea ul li a img {
    left: 10px;
    margin-top: 0;
    top: 13px;
    width: 60px;
  }
  .shop .secShopList .bnrArea ul li a p {
    padding: 12px 15px 12px 77px;
  }
  .shop .secShopList .bnrArea ul li a p:before {
    background-size: 7px auto;
    width: 15px;
  }
  .shop .secShopList .secList, .shop .secShopList .secMap {
    margin-top: 22px;
    padding-top: 22px;
  }
  .shop .secShopList .secList .blockTit, .shop .secShopList .secMap .blockTit {
    margin-bottom: 15px;
  }
  .shop .secShopList .secAll .list {
    margin-top: -20px;
  }
  .shop .secShopList .secAll .list > li {
    border: none;
    margin: 20px 0 0 0;
  }
  .shop .secShopList .secAll .list > li .thumb {
    float: none;
    margin: 0 0 15px 0;
    padding-top: 70.89%;
    width: 100%;
  }
  .shop .secShopList .secAll .list > li .partner {
    display: block;
  }
  .shop .secShopList .secAll .list > li .name {
    font-size: 16px;
    margin-bottom: 3px;
  }
  .shop .secShopList .secAll .list > li .name img {
    display: none;
  }
  .shop .secShopList .secAll .list > li .detailArea, .shop .secShopList .secAll .list > li .shopInfo {
    float: none;
    width: 100%;
  }
  .shop .secShopList .secAll .list > li .name {
    border-bottom: none;
    padding-bottom: 0;
  }
  .shop .secShopList .secAll .list > li .name img {
    display: none;
  }
  .shop .secShopList .secAll .list > li .productInfo {
    padding: 10px 11px;
  }
  .shop .secShopList .secAll .list > li .productInfo li img {
    height: 20px;
    width: 20px;
  }
  .shop .secShopList .secAll .list > li .sub {
    border-left: none;
    float: none;
    margin: 0;
    padding: 0;
    width: 100%;
  }
  .shop .secShopList .secAll .list > li .Addinfo {
    margin: 0;
  }
  .shop .secShopList .secAll .list > li .btnArea {
    background: transparent;
    border-top: none;
    padding-bottom: 0;
  }
  .shop .secShopList .secAll .list > li + li {
    border-top: 1px solid #dedede;
    margin-top: 20px;
    padding-top: 20px;
  }
  .shop .secRegionTxt {
    background-image: url(../images/shop/bg-region-area_sp.png);
    background-position: right bottom;
    background-size: 100% auto;
    padding: 28px 0 46px;
  }
  .shop .secRegionTxt p {
    font-size: 12px;
    line-height: 1.6;
  }
  .shop .secShopDetail .blockTit {
    margin-bottom: 15px;
  }
  .shop .secShopDetail .btnArea {
    padding: 15px 10px 17px;
  }
  .shop .secShopDetail .btnInquiry {
    border-radius: 25px;
    background-image: url(../images/shop/btn-inqury-large_sp.png);
    margin-top: 30px;
    max-width: 485px;
  }
  .shop .secShopDetail .btnInquiry a {
    border-radius: 25px;
    font-size: 16px;
    padding: 12px 0;
  }
  .shop .secShopDetail .btnInquiry a span {
    background-size: auto 14px;
    padding-left: 26px;
  }
  .shop .secShopDetail .secDetail {
    margin-bottom: 35px;
  }
  .shop .secShopDetail .secDetail #photoSlider, .shop .secShopDetail .secDetail #detailArea {
    float: none;
    width: 100%;
  }
  .shop .secShopDetail .secDetail #photoSlider {
    margin-bottom: 0;
  }
  .shop .secShopDetail .secDetail #photoSlider #pager {
    margin: 10px 0 11px;
    text-align: center;
  }
  .shop .secShopDetail .secDetail #photoSlider #pager li {
    display: inline-block;
    float: none;
    margin: 0;
    width: 19px;
  }
  .shop .secShopDetail .secDetail #photoSlider #pager li a {
    background: url(../images/shop/bg-pager.png) no-repeat -19px 0;
    background-size: 38px 14px;
    height: 14px;
  }
  .shop .secShopDetail .secDetail #photoSlider #pager li a.active {
    background-position: 0 0;
  }
  .shop .secShopDetail .secDetail #photoSlider #pager li .thumb {
    display: none;
  }
  .shop .secShopDetail .secDetail #photoSlider .bx-wrapper {
    position: relative;
  }
  .shop .secShopDetail .secDetail #photoSlider .bx-controls {
    display: block;
  }
  .shop .secShopDetail .secDetail #photoSlider .bx-prev, .shop .secShopDetail .secDetail #photoSlider .bx-next {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 75% auto;
    height: 0;
    overflow: hidden;
    padding-top: 70.51%;
    position: absolute;
    top: 0;
    width: 20%;
  }
  .shop .secShopDetail .secDetail #photoSlider .bx-prev {
    background-image: url(../images/shop/btn-slider-prev.png);
    left: 0;
  }
  .shop .secShopDetail .secDetail #photoSlider .bx-next {
    background-image: url(../images/shop/btn-slider-next.png);
    right: 0;
  }
  .shop .secShopDetail .secDetail .topInfo {
    margin-bottom: 10px;
  }
  .shop .secShopDetail .secDetail .topInfo .btnInquiry {
    display: none;
  }
  .shop .secShopDetail .secDetail .name {
    font-size: 20px;
  }
  .shop .secShopDetail .secDetail .shopInfo {
    margin: 8px 0 12px;
  }
  .shop .secShopDetail .secDetail .shopInfo tr {
    border-style: dotted;
    border-color: #a5a5a6;
  }
  .shop .secShopDetail .secDetail .shopInfo th, .shop .secShopDetail .secDetail .shopInfo td {
    line-height: 1.3;
    padding: 8px 0;
  }
  .shop .secShopDetail .secDetail .shopInfo th {
    width: 19%;
  }
  .shop .secShopDetail .secDetail .shopInfo td {
    border-left: 0;
    width: 81%;
  }
  .shop .secShopDetail .secDetail .shopInfo td p {
    border-width: 1px;
    padding-left: 9px;
  }
  .shop .secShopDetail .secDetail .service dt {
    font-size: 14px;
  }
  .shop .secShopDetail .secDetail .service dd {
    padding: 0 10px;
  }
  .shop .secShopDetail .secDetail .service .productInfo {
    margin-right: 0;
    padding: 5px 0 12px;
  }
  .shop .secShopDetail .secDetail .service .productInfo li {
    border-radius: 3px;
    float: none;
    font-size: 12px;
    margin: 5px 0 0;
    padding: 5px 0;
    width: 100%;
  }
  .shop .secShopDetail .secDetail .service .Addinfo {
    padding: 7px 0 20px;
  }
  .shop .secShopDetail .secComment {
    margin-bottom: 29px;
  }
  .shop .secShopDetail .secComment .txts {
    line-height: 1.4;
    padding: 13px 14px;
  }
  .shop .secShopDetail .secTopics {
    margin-bottom: 29px;
  }
  .shop .secShopDetail .secTopics .list {
    padding: 0 13px;
  }
  .shop .secShopDetail .secTopics .list li {
    display: block;
    overflow: hidden;
  }
  .shop .secShopDetail .secTopics .list li span, .shop .secShopDetail .secTopics .list li p {
    display: block;
    float: left;
    clear: both;
    width: 100%;
  }
  .shop .secShopDetail .secTopics .list li span {
    font-weight: normal;
    padding: 11px 0 0;
  }
  .shop .secShopDetail .secTopics .list li p {
    padding: 2px 0 10px;
  }
  .shop .secPartnerList {
    padding-bottom: 50px;
  }
  .shop .secPartnerList .pageTit {
    background-image: url(../images/shop/bg-title-partner_sp.jpg);
  }
  .shop .secPartnerList .link {
    margin-bottom: -24px;
    padding: 14px 0 20px;
  }
  .shop .secPartnerList .link .txt {
    font-size: 11px;
    margin: 0 20px;
    text-align: left;
  }
  .shop .secPartnerList .link .txt br {
    display: none;
  }
  .shop .secPartnerList .link ul {
    margin-top: 4px;
  }
  .shop .secPartnerList .link ul li {
    margin-top: 4px;
    width: 89px;
  }
  .shop .secPartnerList .link ul li a {
    font-size: 11px;
    padding: 7px 0 6px;
  }
  .shop .secPartnerList .link ul li:nth-child(4) {
    clear: both;
    margin-left: 0;
  }
  .inquiry .secInquiry {
    padding-bottom: 50px;
  }
  .inquiry .secInquiry .pageTit {
    background-image: url(../images/inquiry/bg-title_sp.jpg);
    margin-bottom: 20px;
  }
  .inquiry .secInquiry .stepTit {
    background-image: url(../images/inquiry/txt-flow_sp.png);
    margin-bottom: 15px;
    padding-top: 14.28%;
  }
  .inquiry .secInquiry .attention {
    border-radius: 3px;
    background-position: center 15px;
    background-size: 20px 17px;
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 15px;
    padding: 40px 3% 13px;
  }
  .inquiry .secInquiry .formTable {
    border-width: 0 1px 0 0;
  }
  .inquiry .secInquiry .formTable th, .inquiry .secInquiry .formTable td {
    border: 1px solid #dedede;
    border-width: 0 0 1px 1px;
    padding: 14px;
    display: block;
    float: left;
    clear: both;
    width: 100%;
  }
  .inquiry .secInquiry .formTable tr:first-child th {
    border-width: 1px 0 1px 1px;
  }
  .inquiry .secInquiry .formTable input, .inquiry .secInquiry .formTable textarea {
    font-size: 12px;
    padding: 11px 12px 10px;
  }
  .inquiry .secInquiry .formTable textarea {
    height: 125px;
  }
  .inquiry .secInquiry .formTable .selectric-wrapper {
    width: 100%;
  }
  .inquiry .secInquiry .formTable .selectric-wrapper.selectric-month,
  .inquiry .secInquiry .formTable select.month {
    margin-left: 0;
    width: 100px;
  }
  .inquiry .secInquiry .formTable .selectric-wrapper.selectric-month + span,
  .inquiry .secInquiry .formTable select.month + span {
    display: inline-block;
    margin-top: 23px;
  }
  .inquiry .secInquiry .formTable .selectric .label {
    margin-left: 12px;
  }
  .inquiry .secInquiry .formTable .error {
    font-size: 12px;
    margin: 7px 0 -7px;
  }
  .inquiry .secInquiry .btnArea {
    margin: 20px 0 22px;
  }
  .inquiry .secInquiry .btnArea .txt {
    font-size: 11px;
    margin-bottom: 10px;
  }
  .inquiry .secInquiry .btnArea .btnSubmit,
  .inquiry .secInquiry .btnArea .btnHome a {
    background-position: 150px center;
    background-size: 8px auto;
    font-size: 12px;
    padding: 13px 9px 12px 0;
    width: 167px;
  }
  .inquiry .secInquiry .btnArea .btnReturn {
    font-size: 10px;
    padding: 8px 0;
    width: 98px;
  }
  .inquiry .secInquiry .btnArea .btnHome a {
    background-position: 87.2% center;
    padding-right: 0;
    width: 100%;
  }
  .inquiry .secInquiry .btnArea .btnWrap {
    margin: 0 20px;
    width: auto;
  }
  .inquiry .secInquiry .btnArea .btnWrap .btnSubmit, .inquiry .secInquiry .btnArea .btnWrap .btnReturn {
    display: block;
    float: none;
    margin: 0 auto;
  }
  .inquiry .secInquiry .btnArea .btnWrap .btnReturn {
    margin-top: 10px;
  }
  .inquiry .secInquiry .norton {
    font-size: 12px;
    line-height: 1.5;
    padding: 14px 0;
  }
  .inquiry .secInquiry .norton > div {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 3% !important;
    display: block;
    float: left;
    clear: both;
    width: 100% !important;
  }
  .inquiry .secInquiry .norton .logo {
    margin-bottom: 10px;
  }
  .inquiry .secInquiry .norton dt:last-child {
    width: 19%;
  }
  .inquiry .secInquiry .norton dd:last-child {
    width: 81%;
  }
  .inquiry .secInquiry .message {
    padding-top: 18px;
  }
  .inquiry .secInquiry .message .tit {
    font-size: 16px;
    margin-bottom: 14px;
  }
  .inquiry .secInquiry .message .txt {
    text-align: left;
    padding: 0 19px;
  }
  .inquiry .secInquiry .message .btnArea {
    margin: 19px 0 0;
    padding: 15px 19px 17px;
  }
  .concept #main, .service #main, .partner #main {
    background-attachment: scroll;
    background-size: 100% auto;
  }
  .concept .pageTit .container, .service .pageTit .container, .partner .pageTit .container {
    display: block;
    padding: 0;
  }
  .concept .pageTit .pageName, .concept .pageTit .catch, .service .pageTit .pageName, .service .pageTit .catch, .partner .pageTit .pageName, .partner .pageTit .catch {
    display: block;
    top: 0 !important;
    width: 100% !important;
  }
  .concept .pageTit .pageName, .service .pageTit .pageName, .partner .pageTit .pageName {
    margin-bottom: 15px;
  }
  .concept .pageTit .tit, .service .pageTit .tit, .partner .pageTit .tit {
    background-position: center 0;
    background-size: auto 100%;
    top: 0 !important;
    width: 100% !important;
  }
  .concept .pageTit .catch .detail, .service .pageTit .catch .detail, .partner .pageTit .catch .detail {
    line-height: 1.5;
    margin-top: 15px;
    padding: 0 20px !important;
  }
  .concept .boxWrap, .service .boxWrap, .partner .boxWrap {
    padding: 0;
  }
  .concept .boxWrap .inner, .service .boxWrap .inner, .partner .boxWrap .inner {
    padding: 15px 15px 25px !important;
  }
  .concept .boxWrap .boxTit, .service .boxWrap .boxTit, .partner .boxWrap .boxTit {
    padding-top: 45px;
  }
  .concept .boxWrap .boxTit span, .service .boxWrap .boxTit span, .partner .boxWrap .boxTit span {
    font-size: 11px;
    margin-bottom: 4px;
  }
  .concept .boxWrap .boxTit > img, .service .boxWrap .boxTit > img, .partner .boxWrap .boxTit > img {
    height: 19px;
  }
  .concept .boxWrap .boxTit.long > img, .service .boxWrap .boxTit.long > img, .partner .boxWrap .boxTit.long > img {
    height: 45px;
  }
  .concept .boxWrap .boxRead, .service .boxWrap .boxRead, .partner .boxWrap .boxRead {
    line-height: 1.5 !important;
    text-align: left !important;
  }
  .concept #main {
    background-image: url(../images/concept/bg-body_sp.jpg);
  }
  .concept .pageTit {
    padding: 35px 0 30px;
  }
  .concept .pageTit .pageName .tit {
    background-image: url(../images/concept/tit-concept_sp.png);
    padding-top: 48px;
  }
  .concept .pageTit .catch .tit {
    background-image: url(../images/concept/txt-catch_sp.png);
    padding-top: 83px;
  }
  .concept .secConcept {
    padding-bottom: 50px;
  }
  .concept .secConcept .boxRead {
    margin: 15px 0 20px !important;
  }
  .concept .secConcept #performance .boxTit {
    padding-top: 15px;
  }
  .concept .secConcept .list li .thumb, .concept .secConcept .list li dl {
    float: none;
    width: 100%;
  }
  .concept .secConcept .list li dl dt {
    font-size: 16px;
    margin: 13px 0 9px;
    padding-left: 12px;
    position: relative;
  }
  .concept .secConcept .list li dl dt:before {
    background: #d9d9cc;
    content: '';
    height: 20px;
    left: 0;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    width: 3px;
  }
  .concept .secConcept .list li + li {
    border-top: 1px dotted #9c9c9c;
    margin-top: 17px;
    padding-top: 15px;
  }
  .concept .secConcept .photo li {
    float: none;
    width: 100%;
  }
  .concept .secConcept .photo li + li {
    margin: 10px 0 0 0;
  }
  .concept #worldwide .photo {
    margin: -10px -5px 0;
  }
  .concept #worldwide .photo li {
    float: left;
    margin: 10px 0 0;
    padding: 0 5px;
  }
  .concept .btnDetail {
    margin-top: 20px;
  }
  .concept .btnDetail a {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: inline-block;
    font-size: 12px;
    background-size: 8px auto;
    line-height: 1.2;
    padding: 10px 25px 9px 8px;
    text-align: center;
    width: 100%;
  }
  .service .pageTit {
    padding: 28px 0 30px !important;
  }
  .service .secService {
    padding-bottom: 50px;
  }
  .service .boxWrap .BoxTxtTop {
    font-size: 13px;
    line-height: 1.5;
    padding-top: 0;
    text-align: left;
  }
  .service .boxWrap .boxRead {
    margin: 9px 0;
  }
  .service .boxWrap .list li .thumbArea, .service .boxWrap .list li .txtArea {
    float: none;
    width: 100%;
  }
  .service .boxWrap .list li .txtArea {
    margin-top: 13px;
  }
  .service .boxWrap .list li .txtArea .tit {
    font-size: 16px;
    line-height: 1.2;
    margin: 0 0 8px;
  }
  .service .boxWrap .list li .txtArea .tit span {
    font-size: 12px !important;
  }
  .service .boxWrap .list li .txtArea .subTit {
    font-size: 13px;
    line-height: 1.4;
    margin: 0;
    padding-left: 6px;
  }
  .service .boxWrap .list li .txtArea .subTit:before {
    height: 12px;
    top: 3px;
    width: 2px;
  }
  .service .boxWrap .list li .txtArea .txt {
    line-height: 1.5;
    margin-top: 4px;
    padding-right: 0;
  }
  .service .boxWrap .list.compareList {
    margin: -12px 0 0;
    padding: 0;
  }
  .service .boxWrap .list.compareList li {
    float: none !important;
    margin: 0 !important;
    padding: 12px 0 0 !important;
    width: 100% !important;
  }
  .service .boxWrap .list.compareList li .thumbArea {
    margin-top: 8px;
    position: relative;
  }
  .service .boxWrap .list.compareList li .thumb p {
    font-size: 13px;
    padding: 11px 0;
  }
  .service .boxWrap .floatBox .thumb, .service .boxWrap .floatBox table, .service .boxWrap .floatBox .txt, .service .boxWrap .floatBox dl, .service .boxWrap .floatBox .swithcImg {
    float: none !important;
    width: 100% !important;
  }
  .service .boxWrap .floatBox dl dt {
    font-size: 14px;
    margin-bottom: 10px;
    padding: 6px 0 5px !important;
  }
  .service .boxWrap .movieArea {
    padding: 20px 0 0;
  }
  .service .boxWrap .movieArea .movie {
    padding-top: 59.6%;
  }
  .service#top #main {
    background-image: url(../images/service/bg-top-body_sp.jpg);
  }
  .service#top .pageTit .pageName {
    width: 446px;
  }
  .service#top .pageTit .pageName .tit {
    background-image: url(../images/service/tit-top_sp.png);
    padding-top: 48px;
  }
  .service#top .pageTit .catch .tit {
    background-image: url(../images/service/txt-top-catch_sp.png);
    padding-top: 74px;
  }
  .service#top .list {
    padding: 0;
  }
  .service#top .list li a {
    padding: 0 0 27px;
  }
  .service#top .list li .thumb {
    float: none;
    padding-top: 64%;
    width: 100%;
  }
  .service#top .list li .box {
    float: none;
    margin-top: 10px;
    width: 100%;
  }
  .service#top .list li .box .tit {
    font-size: 16px;
    text-align: center;
  }
  .service#top .list li .box .txt {
    line-height: 1.5;
    margin-top: 3px;
  }
  .service#top .list li + li {
    padding-top: 15px;
  }
  .service#top .list li:last-child a {
    padding-bottom: 0;
  }
  .service#himohs #main {
    background-color: #0c0c08;
    background-image: url(../images/service/bg-himohs-body_sp.jpg);
  }
  .service#himohs .pageTit .pageName .tit {
    background-image: url(../images/service/tit-himohs-title_sp.png);
    padding-top: 50px;
  }
  .service#himohs .pageTit .catch .tit {
    background-image: url(../images/service/txt-himohs-catch_sp.png);
    padding-top: 68px;
  }
  .service#himohs .list.proof01 {
    margin: -17px 0 -16px;
  }
  .service#himohs .list.proof01 li {
    padding: 17px 0 16px;
  }
  .service#himohs .list.proof01 li .thumbArea p {
    font-weight: bold;
    margin-bottom: 4px;
  }
  .service#himohs .list.proof01 li .thumb.thumb01 {
    background-image: url(../images/service/img-himohs-proof01-01_sp.png);
    padding-top: 72%;
  }
  .service#himohs .list.proof01 li .thumb.thumb02 {
    background-image: url(../images/service/img-himohs-proof01-02_sp.png);
    padding-top: 45.6%;
  }
  .service#himohs .list.proof02 {
    margin: 0 0 -20px;
  }
  .service#himohs .list.proof02 li {
    padding: 15px 0 20px;
  }
  .service#himohs .list.proof02 li .txtArea {
    margin-top: 0;
  }
  .service#himohs .list.proof02 li .txtArea .txt {
    margin-top: 8px;
  }
  .service#himohs .list.proof02 li .thumb.thumb01 {
    background-image: url(../images/service/img-himohs-proof02-01_sp.png);
    margin-top: 11px;
    padding-top: 60%;
  }
  .service#himohs .list.proof02 li .thumb.thumb02 {
    background-image: url(../images/service/img-himohs-proof02-02_sp.png);
    padding-top: 42.8%;
    margin-top: 11px;
  }
  .service#himohs .list.pollution01 {
    margin: -15px 0 -15px;
    padding: 0;
  }
  .service#himohs .list.pollution01 li {
    padding: 20px 0 15px;
  }
  .service#himohs .list.pollution01 li .thumbArea p {
    line-height: 1.3;
    margin-top: 8px;
  }
  .service#himohs .list.pollution01 li .thumb {
    padding-top: 72%;
  }
  .service#himohs .list.pollution01 li .thumb.thumb01 {
    background-image: url(../images/service/img-himohs-pollution01-01_sp.png);
  }
  .service#himohs .list.pollution01 li .thumb.thumb02 {
    background-image: url(../images/service/img-himohs-pollution01-02_sp.png);
  }
  .service#newReal #main {
    background-color: #0c0c08;
    background-image: url(../images/service/bg-newreal-body_sp.jpg);
  }
  .service#newReal .pageTit {
    padding-top: 40px !important;
  }
  .service#newReal .pageTit .pageName .tit {
    background-image: url(../images/service/tit-newreal-title_sp.png);
    padding-top: 48px;
  }
  .service#newReal .pageTit .catch .tit {
    background-image: url(../images/service/txt-newreal-catch_sp.png);
    padding-top: 80px;
  }
  .service#newReal .floatBox .thumb {
    background-image: url(../images/service/img-newreal-proof02-01_sp.jpg);
    padding-top: 67.2%;
  }
  .service#newReal .floatBox table {
    margin-top: 20px;
  }
  .service#newReal .floatBox table th {
    padding: 8px 0;
    text-align: center;
    width: 60px;
  }
  .service#newReal .floatBox table td {
    font-size: 13px;
    padding: 5px 8px;
  }
  .service#newReal .list.performance, .service#newReal .list.resistance {
    margin: -20px 0 -15px;
  }
  .service#newReal .list.performance li, .service#newReal .list.resistance li {
    padding: 20px 0 15px;
  }
  .service#newReal .list.resistance li .thumb {
    background-image: url(../images/service/img-newreal-resistance-02_sp.png);
    padding-top: 39.2%;
  }
  .service#newReal .list.compareList li .thumb.thumb01 {
    background-image: url(../images/service/img-newreal-proof01-01_sp.jpg);
  }
  .service#newReal .list.compareList li .thumb.thumb02 {
    background-image: url(../images/service/img-newreal-proof01-02_sp.jpg);
  }
  .service#newReal #proof01 {
    padding-bottom: 0;
  }
  .service#realGloss #main {
    background-color: #0c0c08;
    background-image: url(../images/service/realglass/bg-realglass-body_sp.jpg);
  }
  .service#realGloss .pageTit {
    padding-top: 43px !important;
  }
  .service#realGloss .pageTit .pageName .tit {
    background-image: url(../images/service/tit-realgloss-title_sp.png);
    padding-top: 46px;
  }
  .service#realGloss .pageTit .catch .tit {
    background-image: url(../images/service/txt-realgloss-catch_sp.png);
    padding-top: 73px;
  }
  .service#realGloss .list.compareList li .thumb.thumb01 {
    background-image: url(../images/service/img-realgloss-proof01-01_sp.jpg);
  }
  .service#realGloss .list.compareList li .thumb.thumb02 {
    background-image: url(../images/service/img-realgloss-proof01-02_sp.jpg);
  }
  .service#realGloss .list.compareList li .thumb.thumb03 {
    background-image: url(../images/service/img-realgloss-proof01-03_sp.jpg);
  }
  .service#realGloss .floatBox {
    padding-top: 6px !important;
  }
  .service#realGloss .floatBox .swithcImg {
    margin-top: 8px;
  }
  .service#realGloss .floatBox.performance01 dl dt {
    font-size: 16px;
    line-height: 1.2;
  }
  .service#realGloss .floatBox.performance01 dl dt p {
    padding: 9px 0 8px;
  }
  .service#realGloss .floatBox.performance01 dl dt span {
    display: block;
    font-size: 13px;
  }
  .service#realGloss .floatBox.performance01 dl dd img {
    width: 100%;
  }
  .service#realGloss .floatBox.performance01 dl + dl {
    margin-top: 20px;
  }
  .service#realGloss #proof02 .boxTit {
    padding-top: 35px;
  }
  .service#hydro #main {
    background-color: #0c0c08;
    background-image: url(../images/service/bg-hydro-body_sp.jpg);
  }
  .service#hydro .pageTit .pageName .tit {
    background-image: url(../images/service/tit-hydro-title_sp.png);
    padding-top: 47px;
  }
  .service#hydro .pageTit .catch .tit {
    background-image: url(../images/service/txt-hydro-catch_sp.png);
    padding-top: 78px;
  }
  .service#hydro .floatBox.warter {
    padding-top: 30px;
  }
  .service#hydro .floatBox.warter dl .thumb {
    padding-top: 76.8%;
  }
  .service#hydro .floatBox.warter dl .thumb.thumb01 {
    background-image: url(../images/service/img-hydro-water01_sp.jpg);
  }
  .service#hydro .floatBox.warter dl .thumb.thumb02 {
    background-image: url(../images/service/img-hydro-water02_sp.jpg);
  }
  .service#hydro .floatBox.warter dl:last-child {
    padding-top: 34px;
  }
  .service#hydro .floatBox.warter dl:last-child:before {
    background-image: url(../images/service/arrow-course-bottom.png);
    background-size: auto 100%;
    height: 19px;
    margin: 0;
    top: 7px;
    width: 100%;
  }
  .service#hydro .swithcImg.resistance {
    margin-top: 12px;
  }
  .service#hydro .performance03 {
    padding-top: 5px;
  }
  .service#hydro .performance03 .txtArea .tit {
    font-size: 16px;
  }
  .service#hydro .performance03 .txtArea .txt {
    margin: 3px 0 10px;
  }
  .service#hydro .performance03 ul li {
    float: none;
    width: 100%;
  }
  .service#hydro .performance03 ul li + li {
    margin: 0;
    padding-top: 34px;
  }
  .service#hydro .performance03 ul li + li:before {
    background-image: url(../images/service/arrow-course-bottom.png);
    background-size: auto 100%;
    height: 19px;
    margin: 0;
    top: 7px;
    width: 100%;
  }
  .service#hydro .fouling01 {
    padding-bottom: 0;
  }
  .service#hydro .fouling01 .tit {
    font-size: 16px;
    margin-bottom: 8px;
  }
  .service#hyper #main {
    background-color: #1a1b16;
    background-image: url(../images/service/bg-hyper-body_sp.jpg);
  }
  .service#hyper .pageTit .pageName .tit {
    background-image: url(../images/service/tit-hyper-title_sp.png);
    padding-top: 47px;
  }
  .service#hyper .pageTit .catch .tit {
    background-image: url(../images/service/txt-hyper-catch_sp.png);
    padding-top: 78px;
  }
  .service#hyper .floatBox {
    padding-top: 15px;
  }
  .service#hyper .floatBox dl dt {
    font-size: 13px;
  }
  .service#hyper .floatBox dl + dl {
    margin-top: 15px;
  }
  .service#hyper .list {
    padding-top: 12px;
  }
  .service#hyper .list li .txtArea .tit {
    font-size: 16px;
  }
  .service#hyper .list li .txtArea .txt {
    margin: 7px 0 10px;
  }
  .service#hyper .list li + li {
    margin-top: 20px;
    padding-top: 0;
  }
  .service#hyper .list.repellency li .txtArea .tit {
    font-size: 16px;
    margin-bottom: 0;
  }
  .service#hyper .list.repellency li .thumb {
    background-image: url(../images/service/img-hyper-repellency-01_pc.jpg);
    padding-top: 68.96%;
  }
  .service#hyper .list.resistance li .thumb {
    padding-top: 43.6%;
  }
  .service#hyper .list.resistance li .thumb.thumb01 {
    background-image: url(../images/service/img-hyper-resistance-test01_sp.png);
  }
  .service#hyper .list.resistance li .thumb.thumb02 {
    background-image: url(../images/service/img-hyper-resistance-test02_sp.png);
  }
  .partner #main {
    background-image: url(../images/partner/bg-body_sp.jpg);
  }
  .partner .pageTit {
    padding: 30px 0;
  }
  .partner .pageTit .pageName .tit {
    background-image: url(../images/partner/tit-partner_sp.png);
    padding-top: 48px;
  }
  .partner .pageTit .catch .tit {
    background-image: url(../images/partner/txt-catch_sp.png);
    padding-top: 70px;
  }
  .partner .pageTit .catch .detail {
    line-height: 1.5;
    margin-top: 15px;
  }
  .partner .boxWrap .boxRead {
    padding: 12px 0 17px;
  }
  .partner .secPartner {
    padding-bottom: 50px;
  }
  .partner .secPartner dl.table dt {
    font-size: 14px;
    padding: 9px 0;
  }
  .partner .secPartner #boxTop .boxRead {
    padding: 0 0 15px;
  }
  .partner .secPartner #boxTop .bnr {
    margin-top: 14px;
  }
  .partner .secPartner #boxTop .bnr dl {
    float: none !important;
    margin-top: 10px;
    width: 100%;
  }
  .partner .secPartner #boxTop .bnr dl dt {
    font-size: 13px;
    line-height: 1.3;
    padding: 11px 0 10px;
  }
  .partner .secPartner #boxTop .bnr dl dd {
    padding: 20px 17px 15px;
  }
  .partner .secPartner #boxTop .bnr dl dd img {
    width: 88px;
  }
  .partner .secPartner #boxTop .bnr dl dd p {
    margin-top: 15px;
  }
  .partner .secPartner #activity .photo {
    margin-bottom: 5px;
  }
  .partner .secPartner #activity .photo li {
    margin-bottom: 4.47%;
    width: 48%;
  }
  .partner .secPartner #activity dl.table .info {
    border-bottom: none;
    padding: 19px 0 17px;
    text-align: center;
  }
  .partner .secPartner #activity dl.table .info .name {
    font-size: 13px;
    line-height: 1.4;
  }
  .partner .secPartner #activity dl.table .info .address {
    font-size: 12px;
    font-weight: normal;
    margin-top: 5px;
  }
  .partner .secPartner #activity dl.table ul {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    padding: 0 10px 15px;
  }
  .partner .secPartner #activity dl.table ul li {
    background: whitesmoke;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ebebeb));
    background: linear-gradient(#fff, #ebebeb);
    border-width: 1px 1px 0;
    display: block;
    line-height: 1;
    padding: 0;
    text-align: left;
    width: 100% !important;
  }
  .partner .secPartner #activity dl.table ul li a {
    display: block;
  }
  .partner .secPartner #activity dl.table ul li span {
    background-position: 17px center;
    background-size: auto 19px;
    padding: 10px 0 10px 43px;
  }
  .partner .secPartner #activity dl.table ul li.num {
    font-size: 20px;
  }
  .partner .secPartner #activity dl.table ul li.mail {
    border-width: 1px;
    font-size: 17px;
  }
  .partner .secPartner #social {
    padding-bottom: 0;
  }
  .partner .secPartner #social .floatBox {
    margin-bottom: 19px;
  }
  .partner .secPartner #social .floatBox .thumb, .partner .secPartner #social .floatBox dl {
    float: none;
    width: 100%;
  }
  .partner .secPartner #social .floatBox dl dt {
    margin: 10px 0 8px;
  }
  .partner .secPartner #social .floatBox dl dd {
    line-height: 1.5;
  }
  .partner .secPartner #social .floatBox dl dd p + p {
    margin-top: 0;
  }
  .partner .secPartner #social .table dd {
    padding: 15px 17px 19px;
  }
  .partner .secPartner #social .link {
    margin-top: 7px;
  }
  .partner .secPartner #social .link a {
    background-size: auto 11px;
    padding-right: 15px;
  }
  .magazine .secMagazine {
    padding-bottom: 50px;
  }
  .magazine .secMagazine .pageTit {
    background-image: url(../images/magazine/bg-title_sp.jpg);
    background-size: cover;
    margin-bottom: 20px;
  }
  .magazine .secMagazine .pageTit .pageTitWrap {
    height: 150px;
  }
  .magazine .secMagazine .pageTit .tit {
    background-image: url(../images/magazine/tit-magazine_sp.png);
    background-size: 165px 44px;
    padding-top: 44px;
    width: 165px;
  }
  .magazine .secMagazine .listWrap {
    background: transparent;
    padding: 0;
    top: 0;
    width: auto;
  }
  .magazine .secMagazine .listWrap:before, .magazine .secMagazine .listWrap:after {
    display: none;
  }
  .magazine .secMagazine .listMain .btnMore {
    background-size: auto 11px;
    font-size: 13px;
    padding: 12px 0;
  }
  .magazine .secMagazine .listSide {
    display: none;
  }
  .magazine .secMagazine .listMain, .magazine .secMagazine .mainEntry {
    float: none;
    margin: 0;
    padding: 0;
  }
  .magazine .secMagazineList {
    background: transparent;
  }
  .magazine .secMagazineDetail {
    padding-top: 22px;
  }
  .magazine .secMagazineDetail .mainEntry h1, .magazine .secMagazineDetail .mainEntry h2, .magazine .secMagazineDetail .mainEntry h3, .magazine .secMagazineDetail .mainEntry h4, .magazine .secMagazineDetail .mainEntry h4, .magazine .secMagazineDetail .mainEntry h5, .magazine .secMagazineDetail .mainEntry h6 {
    margin-bottom: 10px;
  }
  .magazine .secMagazineDetail .mainEntry h2 {
    font-size: 16px;
  }
  .magazine .secMagazineDetail .mainEntry h3 {
    font-size: 15px;
  }
  .magazine .secMagazineDetail .mainEntry h4 {
    font-size: 14px;
  }
  .magazine .secMagazineDetail .mainEntry h5 {
    font-size: 13px;
  }
  .magazine .secMagazineDetail .mainEntry h6 {
    font-size: 13px;
  }
  .magazine .secMagazineDetail .mainEntry .snsBtnList {
    margin-bottom: 30px;
    padding-bottom: 30px;
  }
  .magazine .secMagazineDetail .mainEntry .snsBtnList ul {
    float: none;
    width: 100%;
  }
  .magazine .secMagazineDetail .mainEntry .snsBtnList ul li {
    border: none;
    height: 46px;
    max-width: 46px;
    width: 16.6%;
  }
  .magazine .secMagazineDetail .mainEntry .snsBtnList ul li a {
    background-size: 46px 46px;
    padding-top: 46px;
    width: 100%;
  }
  .magazine .secMagazineDetail .mainEntry .snsBtnList ul li.fbLike {
    width: 17%;
  }
  .magazine .secMagazineDetail .mainEntry .snsBtnList ul li.fbLike .scale {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    left: -18px;
    position: relative;
    top: -20px;
  }
  .magazine .secMagazineDetail .mainEntry .snsBtnList ul li.fbLike .fb-like > span {
    height: auto !important;
    width: auto !important;
  }
  .magazine .secMagazineDetail .mainEntry .mainEntryHeader .entryDate {
    font-size: 13px;
    margin-bottom: 3px;
  }
  .magazine .secMagazineDetail .mainEntry .mainEntryHeader .entryTit {
    font-size: 19px;
    margin-bottom: 14px;
  }
  .magazine .secMagazineDetail .mainEntry .mainEntryContent .block {
    margin-bottom: 30px;
  }
  .magazine .secMagazineDetail .mainEntry .mainEntryContent .block .img {
    margin-bottom: 10px;
  }
  .magazine .secMagazineDetail .mainEntry .mainEntryContent .block p {
    margin-bottom: 1em;
  }
  .magazine .secMagazineDetail .mainEntry .mainEntryContent .block:last-child {
    margin-bottom: 20px;
  }
  .magazine .secMagazineDetail .mainEntry .mainEntryFooter .snsBtnList {
    margin-bottom: 0px;
  }
  .magazine .secMagazineDetail .mainEntry .mainEntryFooter .bnr {
    padding-bottom: 30px;
  }
  .magazine .secMagazineDetail .categoryBlock {
    padding-top: 30px;
  }
  .magazine .secMagazineDetail .categoryBlock .categoryTit {
    font-size: 16px;
    margin-bottom: 5px;
  }
  .magazine .secMagazineDetail .categoryBlock .list li {
    clear: none !important;
    border-width: 1px !important;
    float: left !important;
    margin: 10px 0 0 0 !important;
    width: 49% !important;
  }
  .magazine .secMagazineDetail .categoryBlock .list li:nth-child(even) {
    float: right !important;
  }
  .magazine .secMagazineDetail .categoryBlock .list li a {
    padding: 10px !important;
  }
  .magazine .secMagazineDetail .categoryBlock .list li .thumb {
    margin-bottom: 3px;
  }
  .magazine .secMagazineDetail .categoryBlock .list li .thumb .read p {
    font-size: 10px;
    margin-top: -7px;
  }
  .magazine .secMagazineDetail .categoryBlock .list li .thumb .read p span:before {
    background-size: auto 8px;
    margin-top: -4px;
  }
  .magazine .secMagazineDetail .categoryBlock .list li .box {
    border: none;
    padding: 0 !important;
  }
  .magazine .secMagazineDetail .categoryBlock .list li .box .date {
    font-size: 11px !important;
    margin-bottom: 3px !important;
  }
  .magazine .secMagazineDetail .categoryBlock .list li .tit {
    font-size: 12px !important;
    margin-top: 0;
  }
  .magazine .secMagazineDetail .categoryBlock .list li:nth-child(5), .magazine .secMagazineDetail .categoryBlock .list li:nth-child(6) {
    display: none;
  }
  .media .secMedia {
    padding-bottom: 30px;
  }
  .media .secMedia .pageTit {
    background-image: url(../images/media/bg-title_sp.jpg);
    margin-bottom: 20px;
  }
  .media .secMedia .secList .read {
    font-size: 13px;
    line-height: 1.4;
    margin-top: 10px;
  }
  .media .secMedia .secList .mediaList li a, .media .secMedia .secList .mediaList li > div {
    padding: 19px 0 20px;
  }
  .media .secMedia .secList .mediaList li .thumb {
    width: 33.57%;
  }
  .media .secMedia .secList .mediaList li .thumb + .txt {
    width: 63.39%;
  }
  .media .secMedia .secList .mediaList li .txt {
    margin: -5px 0 0 0 !important;
    padding: 0 !important;
  }
  .media .secMedia .secList .mediaList li .txt .date {
    font-size: 13px;
  }
  .media .secMedia .secList .mediaList li .txt p {
    font-size: 14px;
    margin-top: 5px;
  }
  .maintenance .secMaintenance {
    padding-bottom: 50px;
  }
  .maintenance .secMaintenance .pageTit {
    background-image: url(../images/maintenance/bg-title_sp.jpg);
    margin-bottom: 20px;
  }
  .maintenance .secMaintenanceList .secList .read {
    margin: 10px 0;
  }
  .maintenance .secMaintenanceList .secList ol {
    margin-bottom: 0;
  }
  .maintenance .secMaintenanceList .secList ol li {
    float: none !important;
    margin-bottom: 10px;
    width: 100%;
  }
  .maintenance .secMaintenanceList .secList ol li a {
    background-position: 13px center;
    background-size: 10px 15px;
    font-size: 13px;
    padding: 0 20px 0 35px;
  }
  .maintenance .secMaintenanceList .secList ol li a:before {
    background-size: 8px auto;
    width: 19px;
  }
  .maintenance .secMaintenanceList .secList ol li a:after {
    height: 17px;
    left: 34px;
    margin-top: -8px;
  }
  .maintenance .secMaintenanceList .secList ol li div {
    height: 42px;
  }
  .maintenance .secMaintenanceList .secList ol li p {
    padding: 0 10px 0 20px;
  }
  .maintenance .secMaintenanceList .secList + .secList {
    margin-top: 29px;
    padding-top: 25px;
  }
  .maintenance .secMaintenanceList .btnArea {
    overflow: hidden;
  }
  .maintenance .secMaintenanceList .btnArea .btnAttention {
    width: 28.57%;
  }
  .maintenance .secMaintenanceList .btnArea .btnAttention a {
    font-size: 12px;
  }
  .maintenance .secMaintenanceList .btnArea .btnAttention a span {
    background-size: 12px auto;
    padding: 15px 0 14px 15px;
  }
  .maintenance .secMaintenanceList .btnArea .btnDetail {
    float: right;
    width: 67.85%;
  }
  .maintenance .secMaintenanceList .btnArea .btnDetail a {
    background-size: 8px auto;
    font-size: 13px;
    line-height: 1.2;
    padding: 10px 25px 9px;
    text-align: left;
  }
  .maintenance .secMaintenanceDetail .pageTit {
    font-size: 20px;
  }
  .maintenance .secMaintenanceDetail #main {
    margin-top: 0;
  }
  .maintenance .secMaintenanceDetail #sidebar {
    margin-bottom: 0;
  }
  .maintenance .secMaintenanceDetail .secDetail {
    margin-bottom: 10px;
    padding-top: 25px;
  }
  .maintenance .secMaintenanceDetail .secDetail .read {
    line-height: 1.5;
    margin-top: 9px !important;
  }
  .maintenance .secMaintenanceDetail .secDetail .read.readFloat {
    margin-bottom: 25px;
  }
  .maintenance .secMaintenanceDetail .secDetail .read.readFloat p, .maintenance .secMaintenanceDetail .secDetail .read.readFloat img {
    float: none;
    width: 100%;
  }
  .maintenance .secMaintenanceDetail .secDetail .read.readFloat p {
    padding: 0 0 10px;
  }
  .maintenance .secMaintenanceDetail .secDetail .floatBox {
    margin-top: 10px;
  }
  .maintenance .secMaintenanceDetail .secDetail .floatBox .thumbArea, .maintenance .secMaintenanceDetail .secDetail .floatBox .txtArea {
    float: none;
    width: 100%;
  }
  .maintenance .secMaintenanceDetail .secDetail .floatBox .work {
    margin-top: 0 !important;
    padding-top: 8px;
  }
  .maintenance .secMaintenanceDetail .secDetail .floatBox .work dt {
    padding: 3px 0;
  }
  .maintenance .secMaintenanceDetail .secDetail .floatBox .work dd {
    line-height: 1.5;
    margin-top: 5px;
  }
  .maintenance .secMaintenanceDetail .secDetail .floatBox .link {
    border-width: 0;
    margin-top: 11px;
    padding-top: 0;
  }
  .maintenance .secMaintenanceDetail .secDetail .floatBox .link p {
    background-position: 95% center;
    border: 1px solid #dedede;
    background-size: 8px auto;
    line-height: 1.3;
    margin-top: 10px;
    text-align: left;
  }
  .maintenance .secMaintenanceDetail .secDetail .floatBox .link p a {
    font-weight: normal;
    padding: 6px 25px 6px 10px;
  }
  .maintenance .secMaintenanceDetail .secDetail .floatBox + .floatBox {
    border-top: 1px solid #ddd;
    margin-top: 25px;
    padding-top: 20px;
  }
  .maintenance .secMaintenanceDetail .secDetail .attentionBox dt {
    font-size: 15px;
  }
  .maintenance .secMaintenanceDetail .secDetail .attentionBox dt span {
    background-size: 15px auto;
    padding: 6px 0 5px 20px;
  }
  .maintenance .secMaintenanceDetail .secDetail .attentionBox dd {
    line-height: 1.5;
    padding: 11px 14px;
  }
  .products .secProduct {
    padding-bottom: 45px;
  }
  .products .secProduct .pageTit {
    background-image: url(../images/products/bg-title_sp.jpg);
  }
  .products .secProductList .pageTit {
    margin-bottom: 17px;
  }
  .products .secProductList .secBox .tit {
    font-size: 17px;
    margin-bottom: 7px;
  }
  .products .secProductList .secBox ul li {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #dedede;
    float: none;
    margin: 0 0 10px;
    width: 100%;
  }
  .products .secProductList .secBox ul li a {
    background-position: 95% center;
    background-size: auto 10px;
    font-weight: normal;
  }
  .products .secProductList .secBox ul li p {
    height: 44px;
  }
  .products .secProductList .secBox ul li p.icon img {
    height: 50%;
  }
  .products .secProductList .secBox ul li p.link {
    font-size: 13px !important;
    padding: 0 30px 0 5px;
  }
  .products .secProductList .secBox + .secBox {
    margin-top: 12px;
  }
  .products .secProductDetail .pageTit {
    font-size: 20px;
  }
  .products .secProductDetail .link {
    display: none;
  }
  .products .secProductDetail .secBox {
    padding-top: 20px;
  }
  .products .secProductDetail .secBox .thumb {
    float: none;
    text-align: center;
    width: 100%;
  }
  .products .secProductDetail .secBox .info {
    float: none;
    margin-top: 11px;
    width: 100%;
  }
  .products .secProductDetail .secBox .info .tit {
    font-size: 16px;
    line-height: 1.2;
    text-align: center;
  }
  .products .secProductDetail .secBox .info .txt {
    line-height: 1.4;
    margin: 5px 0 14px;
  }
  .products .secProductDetail .secBox .info .txt sub {
    font-size: 10px;
  }
  .products .secProductDetail .secBox .info .detail dl {
    float: none;
    width: 100%;
  }
  .products .secProductDetail .secBox .info .detail dl dt {
    font-size: 13px;
    padding: 5px 0 4px;
  }
  .products .secProductDetail .secBox .info .detail dl dd {
    padding: 3px 11px 4px;
  }
  .products .secProductDetail .secBox .info .detail dl + dl {
    border-width: 0 1px 1px 1px;
  }
  .products .secProductDetail .secBox .info .bnr {
    margin-top: 10px;
  }
  .products .secProductDetail .secBox .info .bnr li {
    margin-top: 10px;
    float: none !important;
    width: 100%;
  }
  .products .secProductDetail .secBox .info .bnr li a {
    background-size: auto 13px;
    height: 47px;
    line-height: 1.1;
    padding: 1px 24px 0 10px !important;
  }
  .products .secProductDetail .secBox + .secBox {
    margin-top: 30px;
  }
  .products .secProductDetail .btn.return {
    display: none;
  }
  .faq .secFaq {
    padding-bottom: 50px;
  }
  .faq .secFaq .pageTit {
    background-image: url(../images/faq/bg-title_sp.jpg);
    margin-bottom: 20px;
  }
  .faq .secFaq #sidebar {
    margin-bottom: 0;
  }
  .faq .secFaq #main {
    margin-top: 0;
  }
  .faq .secFaq .secBox {
    margin-bottom: 0;
    padding-top: 25px;
  }
  .faq .secFaq .secBox dl {
    border-radius: 3px;
    margin-top: 15px;
    padding: 0 15px;
  }
  .faq .secFaq .secBox dl dt, .faq .secFaq .secBox dl dd {
    line-height: 1.4;
    padding-left: 22px;
  }
  .faq .secFaq .secBox dl dt:before, .faq .secFaq .secBox dl dd:before {
    background-size: 14px 16px;
    left: -2px;
    padding-top: 16px;
    top: 14px;
    width: 14px;
  }
  .faq .secFaq .secBox dl dt {
    padding-top: 13px;
    padding-bottom: 10px;
  }
  .faq .secFaq .secBox dl dd {
    padding-top: 10px;
    padding-bottom: 15px;
  }
  .company .secCompany {
    padding-bottom: 40px;
  }
  .company .secCompany .pageTit {
    background-image: url(../images/company/bg-title_pc.jpg);
    margin-bottom: 20px;
  }
  .company .secCompany table th, .company .secCompany table td {
    border: 1px solid #dedede;
    border-width: 0 0 1px 1px;
    padding: 10px 14px;
    display: block;
    float: left;
    clear: both;
    width: 100%;
  }
  .company .secCompany table td dl dd p {
    margin-top: 0;
  }
  .profile .secProfile {
    padding-bottom: 40px;
  }
  .profile .secProfile .pageTit {
    background-image: url(../images/company/bg-title_sp.jpg);
    margin-bottom: 20px;
  }
  .profile .secProfile .secBlock .blockTit {
    margin-bottom: 8px;
  }
  .profile .secProfile .secBlock .block .tit {
    font-size: 14px;
  }
  .profile .secProfile .secBlock .block p {
    line-height: 1.5;
  }
  .profile .secProfile .secBlock .block + .block {
    margin-top: 15px;
  }
  .profile .secProfile .secBlock + .secBlock {
    margin-top: 20px;
  }
  .sitemap .secSitemap {
    padding-bottom: 50px;
  }
  .sitemap .secSitemap .pageTit {
    background-image: url(../images/company/bg-title_sp.jpg);
    margin-bottom: 20px;
  }
  .sitemap .secSitemap .sitemapList > li > p {
    font-size: 16px;
  }
  .sitemap .secSitemap .sitemapList > li > p:not(.for) {
    padding-left: 14px;
  }
  .sitemap .secSitemap .sitemapList > li > p:not(.for):before {
    height: 25px;
    margin-top: -12px;
  }
  .sitemap .secSitemap .sitemapList > li > p.for {
    margin: 18px 0 -3px;
  }
  .sitemap .secSitemap .sitemapList > li ul {
    margin-top: 5px;
  }
  .sitemap .secSitemap .sitemapList > li ul li {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-position: 95% center;
    background-size: auto 10px;
    border: 1px solid #dedede;
    float: none;
    margin: 10px 0 0 0;
    width: 100%;
  }
  .sitemap .secSitemap .sitemapList > li ul li a {
    font-weight: normal;
    height: 42px;
    padding: 0 30px 0 15px;
  }
  .sitemap .secSitemap .sitemapList > li + li {
    margin-top: 25px;
  }
  .error404 .secError {
    padding-bottom: 40px;
  }
  .error404 .secError .pageTit {
    background-image: url(../images/error/bg-title_sp.jpg);
    margin-bottom: 30px;
  }
  .error404 .secError .secErrorBox {
    padding-top: 25px;
  }
  .error404 .secError .secErrorBox .tit {
    margin-bottom: 13px;
    width: 189px;
  }
  .error404 .secError .secErrorBox .txt {
    padding: 0 20px;
    text-align: left;
  }
  .error404 .secError .secErrorBox .btnArea {
    margin-top: 19px;
    padding: 15px 19px 17px;
  }
  .error404 .secError .secErrorBox .btnArea .btn a {
    background-position: 150px center;
    background-size: 8px auto;
    font-size: 12px;
    padding: 13px 9px 12px 0;
    width: 167px;
    background-position: 87.2% center;
    padding-right: 0;
    width: 100%;
  }
}

.secWorldShop {
  padding-bottom: 100px;
}

.secWorldShop .pageTit {
  background-image: url("../images/worldshop/bg-title_pc.jpg");
  margin-bottom: 60px;
}

.secWorldShop .blockTit {
  margin-bottom: 25px;
}

.secWorldShop .worldMap {
  margin-bottom: 14px;
}

.secWorldShop .worldMap .mapBase {
  background: url("../images/worldshop/bg-worldmap.png");
  background-size: 100%;
  padding-top: 47.9%;
  position: relative;
  width: 100%;
}

.secWorldShop .worldMap .area {
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid #E5E5E5;
  font-size: 12px;
  font-weight: bold;
  position: absolute;
}

.secWorldShop .worldMap .area a {
  color: #444;
  line-height: 1.1;
}

.no-touch .secWorldShop .worldMap .area a:hover {
  color: #F67C19;
}

.secWorldShop .worldMap .area a img {
  height: auto;
  margin: 0 6px 1px 0;
  vertical-align: middle;
  width: 20px;
}

.secWorldShop .worldMap .area ul {
  padding: 12px 10px 2px;
}

.secWorldShop .worldMap .area ul:before, .secWorldShop .worldMap .area ul:after {
  content: '';
  display: table;
}

.secWorldShop .worldMap .area ul:after {
  clear: both;
}

.secWorldShop .worldMap .area ul li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  margin-bottom: 10px;
  padding: 0 10px;
  width: 50%;
}

.secWorldShop #areaRussia {
  left: 20.9%;
  padding: 5px 10px;
  top: 20.67%;
}

.secWorldShop #areaEurope {
  left: 3.4%;
  top: 34.86%;
  width: 25%;
}

.secWorldShop #areaAsia {
  left: 31%;
  top: 34.86%;
  width: 28%;
}

.secWorldShop #areaNAmerica {
  right: 19.2%;
  padding: 5px 10px;
  top: 24.84%;
}

.secWorldShop #areaSAmerica {
  padding: 5px 10px;
  right: 6%;
  top: 65.55%;
}

@media screen and (min-width: 768px) and (max-width: 1040px) {
  .secWorldShop .worldMap .area {
    font-size: 10px;
  }
  .secWorldShop .worldMap .area a img {
    margin: 0 4px 1px 0;
    width: 18px;
  }
  .secWorldShop .worldMap .area ul {
    padding: 8px 6px 0px;
  }
  .secWorldShop .worldMap .area ul li {
    padding: 0 4px;
  }
}

.secWorldShop .areaWrap {
  margin-top: 45px;
}

.secWorldShop .areaTit {
  background: #EFEFE6;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.1;
  margin: 0 0 25px;
  padding: 10px 12px;
}

.secWorldShop .areaTit img {
  height: auto;
  margin: 0 10px 1px 0;
  vertical-align: middle;
  width: 35px;
}

.secWorldShop .worldShopList {
  margin-bottom: -45px;
  overflow: hidden;
}

.secWorldShop .worldShopList:before, .secWorldShop .worldShopList:after {
  content: '';
  display: table;
}

.secWorldShop .worldShopList:after {
  clear: both;
}

.secWorldShop .worldShopList li {
  float: left;
  margin: 0 3.5% 45px 0;
  width: 31%;
}

.secWorldShop .worldShopList li:nth-child(3n) {
  margin-right: 0;
}

.secWorldShop .worldShopList li:nth-child(3n+1) {
  clear: both;
}

.secWorldShop .worldShopList .shopName {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 19px;
  font-weight: bold;
  line-height: 26px;
  padding: 16px 0 0;
}

.secWorldShop .worldShopList th {
  border-bottom: 1px dotted #A6A6A6;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  padding: 10px 0;
  vertical-align: top;
  width: 26%;
}

.secWorldShop .worldShopList td {
  border-bottom: 1px dotted #A6A6A6;
  font-size: 14px;
  line-height: 18px;
  padding: 10px 0;
  width: 74%;
}

.secWorldShop .worldShopList td p {
  border-left: 1px solid #DEDEDE;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0 0 18px;
}

.secWorldShop .worldShopList tr:first-child td {
  word-break: normal;
  word-wrap: break-word;
}

.secWorldShop .worldShopList tr:last-child th, .secWorldShop .worldShopList tr:last-child td {
  border-bottom: none;
}

.secWorldShop .worldShopList sup {
  vertical-align: super;
  font-size: smaller;
}

@media screen and (max-width: 767px) {
  .secWorldShop {
    padding-bottom: 50px;
  }
  .secWorldShop .pageTit {
    background-image: url("../images/worldshop/bg-title_sp.jpg");
    margin-bottom: 20px;
  }
  .secWorldShop .blockTit {
    margin-bottom: 15px;
  }
  .secWorldShop .areaList {
    margin: 0 0 30px;
  }
  .secWorldShop .areaList ul {
    border: 1px solid #DEDEDE;
  }
  .secWorldShop .areaList ul:before, .secWorldShop .areaList ul:after {
    content: '';
    display: table;
  }
  .secWorldShop .areaList ul:after {
    clear: both;
  }
  .secWorldShop .areaList ul li {
    width: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    float: left;
    border: 1px solid #DEDEDE;
    border-width: 0 0 1px 0;
  }
  .secWorldShop .areaList ul li:nth-child(odd) {
    border-width: 0 1px 1px 0;
  }
  .secWorldShop .areaList ul li:nth-child(odd):nth-last-child(2), .secWorldShop .areaList ul li:last-child {
    border-width: 0 1px 0 0;
  }
  .secWorldShop .areaList ul li > a, .secWorldShop .areaList ul li > span {
    display: block;
    padding: 14px 10px;
    color: #444;
    font-weight: bold;
  }
  .secWorldShop .areaList ul li img {
    width: 23px;
    height: auto;
    margin: 0 7px 0 0;
    vertical-align: middle;
  }
  .secWorldShop .areaWrap {
    margin-top: 30px;
  }
  .secWorldShop .areaTit {
    font-size: 13px;
    margin: 0 0 15px;
    padding: 6px 7px;
  }
  .secWorldShop .areaTit img {
    height: auto;
    margin: 0 8px 1px 0;
    vertical-align: middle;
    width: 23px;
  }
  .secWorldShop .worldShopList {
    margin-bottom: -25px;
    overflow: hidden;
  }
  .secWorldShop .worldShopList:before, .secWorldShop .worldShopList:after {
    content: '';
    display: table;
  }
  .secWorldShop .worldShopList:after {
    clear: both;
  }
  .secWorldShop .worldShopList li {
    float: none;
    margin: 0 0 25px 0;
    width: auto;
    clear: both;
  }
  .secWorldShop .worldShopList .thumb {
    width: 100%;
  }
  .secWorldShop .worldShopList .shopName {
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    padding: 12px 0 0px;
  }
  .secWorldShop .worldShopList th {
    border-bottom: 1px dotted #A6A6A6;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    padding: 8px 0;
    vertical-align: top;
    width: 20%;
  }
  .secWorldShop .worldShopList td {
    font-size: 12px;
    line-height: 14px;
    padding: 6px 0;
    width: 80%;
  }
  .secWorldShop .worldShopList td p {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 2px 0 2px 18px;
  }
  .secWorldShop .worldShopList tr:last-child th, .secWorldShop .worldShopList tr:last-child td {
    border-bottom: none;
  }
}



/* Real Glass(20/03/23 updata)
-----------------------------------------------------------*/
.col-2 .row {
  width: 48.33%;
}
.col-3 .row{
  width: 32%;
  margin: 0 2% 0 0;
}
.col-3 .row:nth-child(3n) {
  margin: 0 0 0 0;
}
.col-4 .row {
  width: 22%;
  margin: 0 4% 0 0;
}
.col-4 .row:nth-child(4n) {
  margin: 0 0 0 0;
}
.col-6 .row {
  width: 15.66%;
  /* margin: 0 2% 0px 0; */
}

@media only screen and (max-width: 767px) {
  .col-2 .row {
    width: 100%;
  }
  .col-3 .row{
    width: 100%;
    margin: 0;
  }
  .col-4 .row:nth-child(odd) {
    width: 48%;
    margin: 0 2% 0 0;
  }
  .col-4 .row:nth-child(even) {
    width: 48%;
    margin: 0 0 0 2%;
  }
  .col-6 .row {
    width: 48%;
    margin: 0 2% 0 0;
  }
  .col-6 .row:nth-child(even) {
    width: 48%;
    margin: 0 0 0 2%;
  }
}
.flex-row{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.row-reverse{
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.flex-center{
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.service#realGloss .inner {
  padding: 0 !important;
}
.service#realGloss #main .secService .real--title{
  text-align: center;
  padding: 36px 30px 0;
}
.service#realGloss #main .secService .BoxTxtTop {
  padding: 25px 30px 0;
}
@media screen and (max-width: 767px) {
  .service#realGloss .pageTit .pageName .tit-img {
      margin: 12px auto 0;
      width: 280px;
  }
  .service#realGloss .pageTit .catch-img {
      margin: auto;
      width: 280px;
  }
  .service#realGloss #main .secService .real--title{
    text-align: center;
    padding: 22px 15px 0;
    width: 150px;
    margin:0 auto;
  }
  .service#realGloss #main .secService .BoxTxtTop {
    padding: 10px 15px 0;
  }
  .service#realGloss .pageTit {
    padding: 28px 0 28px !important;
  }
}


/* tab */
.service#realGloss .coating-tab {
  border-bottom: 1px solid #dedede;
  margin-top: 34px;
}
.service#realGloss .bodySelect {
  background: #fff;
  padding: 29px 30px;
}
.service#realGloss .coating-tab__list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 67px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: auto;
  max-width: 900px;
  padding: 0 30px;
}
.service#realGloss .coating-tab__list li {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #dedede;
  background: #f9f9f9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  text-align: center;
  -ms-flex-preferred-size: 32.3%;
  flex-basis: 32.3%;
  max-width: 444px;
}
.service#realGloss .coating-tab__list li.select {
  border-bottom: 1px solid #fff;
  background: #fff;
}
.service#realGloss .coating-tab__list li:not(.select) {
  cursor: pointer;
}
.service#realGloss .coating-tab__list li::after {
  background: url("../images/service/ico-arrow.png") no-repeat;
  bottom: 0;
  content: "";
  height: 17px;
  margin: auto;
  position: absolute;
  right: 29px;
  top: 0;
  width: 21px;
}
.service#realGloss .coating-tab__list li div {
  /* margin-top: 9px; */
  margin-right: 8px;
}
.service#realGloss .coating-tab__list li a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .service#realGloss .coating-tab__list {
    width: 100%;
  }
  .service#realGloss .coating-tab {
    margin-top: 17px;
  }
  .service#realGloss .coating-tab__list {
    height: 38px;
    max-width: calc(100% - 32px);
    padding: 0;
  }
  .service#realGloss .coating-tab__list li {
    width: calc(33.3% - 4px);
    -ms-flex-preferred-size: calc(33.3% - 4px);
    flex-basis: calc(33.3% - 4px);
  }
  .service#realGloss .coating-tab__list li div {
    margin: 4px 11px 0 0;
  }
  .service#realGloss .coating-tab__list li div img {
    width: 42px;
  }
  .service#realGloss .coating-tab__list li::after {
    background: url(../images/service/ico-arrow_sp.png) no-repeat;
    background-size: 100%;
    content: "";
    height: 9px;
    position: absolute;
    right: 15px;
    top: 2px;
    width: 12px;
  }
  .service#realGloss .bodySelect {
    padding: 19px 15px;
  }
}


.service#realGloss .coating-top__head {
  margin-top: 47px;
}
.service#realGloss .coating-top__head--title {
  text-align: center;
}
.service#realGloss .coating-top__head--txt {
  border-bottom: 1px dotted #a6a6a6;
  margin: 0 auto 37px;
  padding-bottom: 35px;
  text-align: center;
}
.service#realGloss .coating-boxTitle {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.33;
  margin-bottom: 9px;
}
@media screen and (max-width: 767px) {
  .service#realGloss .coating-top__head {
    margin-top: 13px;
  }
  .service#realGloss .coating-top__head--txt {
    font-size: 12px;
    margin: 0 auto 18px 0;
    padding-bottom: 16px;
    line-height: 1.42;
    text-align: left;
  }
  .service#realGloss .coating-boxTitle {
    font-size: 16px;
    margin-bottom: 7px;
  }
}

.service#realGloss .glass-coat-wrap .boxTit{
  padding-top:0;
  padding-bottom:25px;
}
.service#realGloss .glass-coat-wrap .boxRead {
  line-height: 1.6;
  margin: 0 0 28px;
  text-align: center;
}
.service#realGloss .coating-top .glass-coat-wrap{
  padding-top: 65px;
}
.service#realGloss .coating-top .glass-coat-wrap.pd-none{
  padding-top:0;
}
@media screen and (max-width: 767px) {
  .service#realGloss .glass-coat-wrap .boxTit{
    padding-bottom:8px;
  }
  .service#realGloss .coating-top .glass-coat-wrap{
    padding-top: 35px;
  }
  .service#realGloss .glass-coat-wrap .boxRead {
     margin: 9px 0;
    font-size: 12px;
  }
}


.gloss-comparison-list{
  align-items: flex-start;
}
.gloss-comparison-list li{
  display: flex;
  flex-wrap: wrap;
}
.gloss-comparison-list li .thumb{
  position: relative;
}
.gloss-comparison-list .thumb--caption {
  background-color: rgba(237, 237, 237, 0.96);
  font-size: 18px;
  font-weight: 700;
  height:50px;
  line-height: 50px;
  text-align: center;
  width: 100%;
  bottom: 0px;
  position: absolute;
}
.gloss-comparison-list .thumb--caption.bg-answering {
  color: #fff;
  background-color: rgba(194, 190, 143, 0.95);
}
.gloss-comparison-list .pic--caption{
  display: none;
}
.gloss-comparison-list .comparison-txt{
  margin-top:10px;
}
@media screen and (max-width: 767px) {
  .gloss-comparison-list  li:nth-of-type(n+2) {
    margin-top: 20px!important;
  }
  .gloss-comparison-list .pic--caption{
    display: block;
    font-size: 16px;
    font-weight: 700;
  }
  .gloss-comparison-list .thumb--caption {
    font-size: 14px;
    height:42px;
    line-height: 42px;
  }
  .gloss-comparison-list li .txt{
    order: 1;
    position: static;
    top:0;
  }
  .gloss-comparison-list li .thumb{
    order: 2;
}
  .gloss-comparison-list .comparison-txt{
    margin:5px 0 10px;
  }
}


/* waterproof-2row */
.service#realGloss .glass-coat-wrap .waterproof-2row .pic {
  width: 48.33%;
}
.service#realGloss .glass-coat-wrap .waterproof-2row .text {
  width: 49%;
}
.service#realGloss .text .sub-catch {
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  margin: 2px 0 10px;
}
.service#realGloss .text .sub-catch span {
  font-size: 20px;
}
.service#realGloss .glass-coat-wrap .waterproof-2row .text .txt.aside {
  text-align: right;
  font-size: 14px;
  line-height: 1.57;
  color: #999;
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .service#realGloss .glass-coat-wrap .waterproof-2row .pic {
    width: 100%;
  }
  .service#realGloss .glass-coat-wrap .waterproof-2row .text {
    width: 100%;
  }
  .gloss-waterproof-box .pic{
    margin-top:10px;
  }
  .gloss-weather-box .pic{
    margin-bottom:10px;
  }
  .service#realGloss .text .sub-catch {
    font-size: 16px;
    line-height: 1.2;
    margin: 0 0 8px;
  }
  .service#realGloss .text .sub-catch span {
    font-size: 12px;
  }
  .service#realGloss .glass-coat-wrap .waterproof-2row .text .txt.aside {
    text-align: left;
    font-size: 12px;
    line-height: 1.41;
    margin-top: 5px;
  }
}

.service#realGloss #movie{
  padding-top:50px;
}
.service#realGloss #movie .boxTit {
    padding-bottom:0px;
}
@media screen and (max-width: 767px) {
  .service#realGloss #movie{
    padding-top:25px;
  }
}


.service#realGloss .waterproof-table {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #dedede;
  border-width: 1px 1px 0 0;
  float: right;
}

.service#realGloss .waterproof-table th,
.service#realGloss .waterproof-table td {
  border: 1px solid #dedede;
  border-width: 0 0 1px 1px;
  /* word-break: break-word;
  word-break: keep-all; */
}

.service#realGloss .waterproof-table th {
  background: #efefe6;
  border-bottom: 1px solid #ddddcc;
  font-size: 13px;
  font-weight: bold;
  padding: 8px 8px 8px 11px;
  vertical-align: middle;
  width: 110px;
}

.service#realGloss .waterproof-table td {
  background: #fff;
  font-size: 12px;
  padding: 5px 11px;
}
@media screen and (max-width: 767px) {
  .service#realGloss .waterproof-table {
    margin-top: 20px;
  }
  .service#realGloss .waterproof-table th {
    padding: 8px 0;
    text-align: center;
    width: 92px;
  }
  .service#realGloss .waterproof-table td {
    font-size: 13px;
    padding: 5px 8px;
  }
}


.service#realGloss .list.performance li:nth-child(1) {
    padding: 0 0 34px;
}
.service#realGloss .list.performance li:nth-child(2) {
    padding: 34px 0 0;
}
@media screen and (max-width: 767px) {
.service#realGloss .list.performance li:nth-child(1) {
    padding: 0 0 20px;
}
.service#realGloss .list.performance li:nth-child(2) {
    padding: 20px 0 0;
}
}