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

body {
  line-height: 1; }

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

ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

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

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

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

input, select {
  vertical-align: middle; }

/*lib*/
/**
 * define valiables
 * 各scssファイルでよく使う値を変数定義
 */
@font-face {
  font-family: 'NotoSans-M';
  src: url("/assets/fonts/NotoSansCJKjp-Medium.otf") format("OpenType"); }

@font-face {
  font-family: 'NotoSans-R';
  src: url("/assets/fonts/NotoSansCJKjp-Regular.otf") format("OpenType"); }

@font-face {
  font-family: 'NotoSans-L';
  src: url("/assets/fonts/NotoSansCJKjp-DemiLight.otf") format("OpenType"); }

/**
 * easing
 */
/**
 * function
 * 値を返す
 */
/**
 * mixins
 * ブロックを返す
 */
/*
デバイス定義
 */
/*
スマホの文字指定専用（横幅640px想定）
font-sizeにvwを設定
 */
/*
clearfix
 */
/*
iOS smooth scroll
 */
/*
opacity
 */
/*
fade
 */
/**
 * initiallize
 * タグ自体のstyleを記述
 */
html {
  font-family: "NotoSans-R", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  color: #484b4d;
  word-wrap: break-word;
  font-size: 14px;
  overflow-y: scroll; }

body {
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: 100%;
  letter-spacing: 0.1em; }
  @media print {
    body {
      -ms-transform: scale(0.75) translate(-7%, -15%);
          transform: scale(0.75) translate(-7%, -15%);
      width: auto;
      height: auto; } }

[v-cloak] {
  visibility: hidden; }

a {
  text-decoration: none;
  color: #656d73; }
  a:hover {
    text-decoration: underline; }
    @media screen and (max-width: 767px) {
      a:hover {
        text-decoration: none; } }
  a img:hover {
    opacity: .7; }

img {
  vertical-align: bottom; }
  @media screen and (max-width: 767px) {
    img {
      width: 100%; } }

strong {
  font-weight: bold; }

input {
  padding: 0;
  border: none;
  background: none; }

input[type=text],
input[type=tel],
input[type=password],
input[type=email],
input[type=search],
input[type=url],
input[type=datetime],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime-local],
input[type=number],
select,
textarea {
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  background-color: #fff;
  vertical-align: bottom;
  border-radius: 0;
  font-size: 16px; }
  input[type=text]::-webkit-input-placeholder,
  input[type=tel]::-webkit-input-placeholder,
  input[type=password]::-webkit-input-placeholder,
  input[type=email]::-webkit-input-placeholder,
  input[type=search]::-webkit-input-placeholder,
  input[type=url]::-webkit-input-placeholder,
  input[type=datetime]::-webkit-input-placeholder,
  input[type=date]::-webkit-input-placeholder,
  input[type=month]::-webkit-input-placeholder,
  input[type=week]::-webkit-input-placeholder,
  input[type=time]::-webkit-input-placeholder,
  input[type=datetime-local]::-webkit-input-placeholder,
  input[type=number]::-webkit-input-placeholder,
  select::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
    color: #e2e2e2; }
  input[type=text]:-ms-input-placeholder,
  input[type=tel]:-ms-input-placeholder,
  input[type=password]:-ms-input-placeholder,
  input[type=email]:-ms-input-placeholder,
  input[type=search]:-ms-input-placeholder,
  input[type=url]:-ms-input-placeholder,
  input[type=datetime]:-ms-input-placeholder,
  input[type=date]:-ms-input-placeholder,
  input[type=month]:-ms-input-placeholder,
  input[type=week]:-ms-input-placeholder,
  input[type=time]:-ms-input-placeholder,
  input[type=datetime-local]:-ms-input-placeholder,
  input[type=number]:-ms-input-placeholder,
  select:-ms-input-placeholder,
  textarea:-ms-input-placeholder {
    color: #e2e2e2; }
  input[type=text]::-moz-placeholder,
  input[type=tel]::-moz-placeholder,
  input[type=password]::-moz-placeholder,
  input[type=email]::-moz-placeholder,
  input[type=search]::-moz-placeholder,
  input[type=url]::-moz-placeholder,
  input[type=datetime]::-moz-placeholder,
  input[type=date]::-moz-placeholder,
  input[type=month]::-moz-placeholder,
  input[type=week]::-moz-placeholder,
  input[type=time]::-moz-placeholder,
  input[type=datetime-local]::-moz-placeholder,
  input[type=number]::-moz-placeholder,
  select::-moz-placeholder,
  textarea::-moz-placeholder {
    color: #e2e2e2; }
  input[type=text]:focus,
  input[type=tel]:focus,
  input[type=password]:focus,
  input[type=email]:focus,
  input[type=search]:focus,
  input[type=url]:focus,
  input[type=datetime]:focus,
  input[type=date]:focus,
  input[type=month]:focus,
  input[type=week]:focus,
  input[type=time]:focus,
  input[type=datetime-local]:focus,
  input[type=number]:focus,
  select:focus,
  textarea:focus {
    background-color: #eef4fb; }

input[type=radio],
input[type=checkbox] {
  margin: 0;
  vertical-align: -1px; }

input[type="button"],
input[type="submit"] {
  -webkit-appearance: none;
  cursor: pointer;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  vertical-align: bottom;
  border-radius: 0; }

textarea {
  resize: vertical;
  vertical-align: bottom; }

em {
  font-style: italic; }

sup {
  vertical-align: super; }

sub {
  vertical-align: sub; }

blockquote {
  background-color: #EEEFFF;
  padding: 1em 1em 1em 3em;
  position: relative;
  border-left: 3px solid #666; }

blockquote:before {
  content: "“";
  font-size: 600%;
  line-height: 1em;
  color: #999;
  position: absolute;
  left: 0;
  top: 0; }

::-moz-selection {
  background: #d4dcd6;
  /* Safari */ }

::selection {
  background: #d4dcd6;
  /* Safari */ }

::-moz-selection {
  background: #d4dcd6;
  /* Firefox */ }

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

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

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

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

.cr {
  cursor: default; }

.fade {
  transition: opacity 0.1s ease-in-out 0s; }
  .fade:hover {
    opacity: 0.7; }

.bgcolor_none {
  background-color: transparent !important; }

.no_breadcrumbsIcon:after {
  content: "" !important;
  display: inline-block;
  margin: 0 5px; }

.cf:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

/* IE6 */
* html .cf {
  zoom: 1; }

/* IE7 */
*:first-child + html .cf {
  zoom: 1; }

.noBorder {
  border: none !important; }

.mtem0 {
  margin-top: 0em !important; }

@media screen and (max-width: 767px) {
  .mtspem0 {
    margin-top: 0em !important; } }

.mbem0 {
  margin-bottom: 0em !important; }

@media screen and (max-width: 767px) {
  .mbspem0 {
    margin-bottom: 0em !important; } }

.mtem1 {
  margin-top: 1em !important; }

@media screen and (max-width: 767px) {
  .mtspem1 {
    margin-top: 1em !important; } }

.mbem1 {
  margin-bottom: 1em !important; }

@media screen and (max-width: 767px) {
  .mbspem1 {
    margin-bottom: 1em !important; } }

.mtem2 {
  margin-top: 2em !important; }

@media screen and (max-width: 767px) {
  .mtspem2 {
    margin-top: 2em !important; } }

.mbem2 {
  margin-bottom: 2em !important; }

@media screen and (max-width: 767px) {
  .mbspem2 {
    margin-bottom: 2em !important; } }

.mtem3 {
  margin-top: 3em !important; }

@media screen and (max-width: 767px) {
  .mtspem3 {
    margin-top: 3em !important; } }

.mbem3 {
  margin-bottom: 3em !important; }

@media screen and (max-width: 767px) {
  .mbspem3 {
    margin-bottom: 3em !important; } }

.mtem4 {
  margin-top: 4em !important; }

@media screen and (max-width: 767px) {
  .mtspem4 {
    margin-top: 4em !important; } }

.mbem4 {
  margin-bottom: 4em !important; }

@media screen and (max-width: 767px) {
  .mbspem4 {
    margin-bottom: 4em !important; } }

.mtem5 {
  margin-top: 5em !important; }

@media screen and (max-width: 767px) {
  .mtspem5 {
    margin-top: 5em !important; } }

.mbem5 {
  margin-bottom: 5em !important; }

@media screen and (max-width: 767px) {
  .mbspem5 {
    margin-bottom: 5em !important; } }

.mtem6 {
  margin-top: 6em !important; }

@media screen and (max-width: 767px) {
  .mtspem6 {
    margin-top: 6em !important; } }

.mbem6 {
  margin-bottom: 6em !important; }

@media screen and (max-width: 767px) {
  .mbspem6 {
    margin-bottom: 6em !important; } }

.mtem7 {
  margin-top: 7em !important; }

@media screen and (max-width: 767px) {
  .mtspem7 {
    margin-top: 7em !important; } }

.mbem7 {
  margin-bottom: 7em !important; }

@media screen and (max-width: 767px) {
  .mbspem7 {
    margin-bottom: 7em !important; } }

.mtem8 {
  margin-top: 8em !important; }

@media screen and (max-width: 767px) {
  .mtspem8 {
    margin-top: 8em !important; } }

.mbem8 {
  margin-bottom: 8em !important; }

@media screen and (max-width: 767px) {
  .mbspem8 {
    margin-bottom: 8em !important; } }

.mtem9 {
  margin-top: 9em !important; }

@media screen and (max-width: 767px) {
  .mtspem9 {
    margin-top: 9em !important; } }

.mbem9 {
  margin-bottom: 9em !important; }

@media screen and (max-width: 767px) {
  .mbspem9 {
    margin-bottom: 9em !important; } }

.mtem10 {
  margin-top: 10em !important; }

@media screen and (max-width: 767px) {
  .mtspem10 {
    margin-top: 10em !important; } }

.mbem10 {
  margin-bottom: 10em !important; }

@media screen and (max-width: 767px) {
  .mbspem10 {
    margin-bottom: 10em !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc0 {
    padding-left: 0px !important;
    padding-right: 0px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc10 {
    padding-left: 10px !important;
    padding-right: 10px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc20 {
    padding-left: 20px !important;
    padding-right: 20px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc30 {
    padding-left: 30px !important;
    padding-right: 30px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc40 {
    padding-left: 40px !important;
    padding-right: 40px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc50 {
    padding-left: 50px !important;
    padding-right: 50px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc60 {
    padding-left: 60px !important;
    padding-right: 60px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc70 {
    padding-left: 70px !important;
    padding-right: 70px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc80 {
    padding-left: 80px !important;
    padding-right: 80px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc90 {
    padding-left: 90px !important;
    padding-right: 90px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc100 {
    padding-left: 100px !important;
    padding-right: 100px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc110 {
    padding-left: 110px !important;
    padding-right: 110px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc120 {
    padding-left: 120px !important;
    padding-right: 120px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc130 {
    padding-left: 130px !important;
    padding-right: 130px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc140 {
    padding-left: 140px !important;
    padding-right: 140px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc150 {
    padding-left: 150px !important;
    padding-right: 150px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc160 {
    padding-left: 160px !important;
    padding-right: 160px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc170 {
    padding-left: 170px !important;
    padding-right: 170px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc180 {
    padding-left: 180px !important;
    padding-right: 180px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc190 {
    padding-left: 190px !important;
    padding-right: 190px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc200 {
    padding-left: 200px !important;
    padding-right: 200px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc210 {
    padding-left: 210px !important;
    padding-right: 210px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc220 {
    padding-left: 220px !important;
    padding-right: 220px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc230 {
    padding-left: 230px !important;
    padding-right: 230px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc240 {
    padding-left: 240px !important;
    padding-right: 240px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc250 {
    padding-left: 250px !important;
    padding-right: 250px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc260 {
    padding-left: 260px !important;
    padding-right: 260px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc270 {
    padding-left: 270px !important;
    padding-right: 270px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc280 {
    padding-left: 280px !important;
    padding-right: 280px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc290 {
    padding-left: 290px !important;
    padding-right: 290px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc300 {
    padding-left: 300px !important;
    padding-right: 300px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc310 {
    padding-left: 310px !important;
    padding-right: 310px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc320 {
    padding-left: 320px !important;
    padding-right: 320px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc330 {
    padding-left: 330px !important;
    padding-right: 330px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc340 {
    padding-left: 340px !important;
    padding-right: 340px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc350 {
    padding-left: 350px !important;
    padding-right: 350px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc360 {
    padding-left: 360px !important;
    padding-right: 360px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc370 {
    padding-left: 370px !important;
    padding-right: 370px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc380 {
    padding-left: 380px !important;
    padding-right: 380px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc390 {
    padding-left: 390px !important;
    padding-right: 390px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc400 {
    padding-left: 400px !important;
    padding-right: 400px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc410 {
    padding-left: 410px !important;
    padding-right: 410px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc420 {
    padding-left: 420px !important;
    padding-right: 420px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc430 {
    padding-left: 430px !important;
    padding-right: 430px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc440 {
    padding-left: 440px !important;
    padding-right: 440px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc450 {
    padding-left: 450px !important;
    padding-right: 450px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc460 {
    padding-left: 460px !important;
    padding-right: 460px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc470 {
    padding-left: 470px !important;
    padding-right: 470px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc480 {
    padding-left: 480px !important;
    padding-right: 480px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc490 {
    padding-left: 490px !important;
    padding-right: 490px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc500 {
    padding-left: 500px !important;
    padding-right: 500px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc510 {
    padding-left: 510px !important;
    padding-right: 510px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc520 {
    padding-left: 520px !important;
    padding-right: 520px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc530 {
    padding-left: 530px !important;
    padding-right: 530px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc540 {
    padding-left: 540px !important;
    padding-right: 540px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc550 {
    padding-left: 550px !important;
    padding-right: 550px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc560 {
    padding-left: 560px !important;
    padding-right: 560px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc570 {
    padding-left: 570px !important;
    padding-right: 570px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc580 {
    padding-left: 580px !important;
    padding-right: 580px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc590 {
    padding-left: 590px !important;
    padding-right: 590px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc600 {
    padding-left: 600px !important;
    padding-right: 600px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc610 {
    padding-left: 610px !important;
    padding-right: 610px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc620 {
    padding-left: 620px !important;
    padding-right: 620px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc630 {
    padding-left: 630px !important;
    padding-right: 630px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc640 {
    padding-left: 640px !important;
    padding-right: 640px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc650 {
    padding-left: 650px !important;
    padding-right: 650px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc660 {
    padding-left: 660px !important;
    padding-right: 660px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc670 {
    padding-left: 670px !important;
    padding-right: 670px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc680 {
    padding-left: 680px !important;
    padding-right: 680px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc690 {
    padding-left: 690px !important;
    padding-right: 690px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc700 {
    padding-left: 700px !important;
    padding-right: 700px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc710 {
    padding-left: 710px !important;
    padding-right: 710px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc720 {
    padding-left: 720px !important;
    padding-right: 720px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc730 {
    padding-left: 730px !important;
    padding-right: 730px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc740 {
    padding-left: 740px !important;
    padding-right: 740px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc750 {
    padding-left: 750px !important;
    padding-right: 750px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc760 {
    padding-left: 760px !important;
    padding-right: 760px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc770 {
    padding-left: 770px !important;
    padding-right: 770px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc780 {
    padding-left: 780px !important;
    padding-right: 780px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc790 {
    padding-left: 790px !important;
    padding-right: 790px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc800 {
    padding-left: 800px !important;
    padding-right: 800px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc810 {
    padding-left: 810px !important;
    padding-right: 810px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc820 {
    padding-left: 820px !important;
    padding-right: 820px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc830 {
    padding-left: 830px !important;
    padding-right: 830px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc840 {
    padding-left: 840px !important;
    padding-right: 840px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc850 {
    padding-left: 850px !important;
    padding-right: 850px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc860 {
    padding-left: 860px !important;
    padding-right: 860px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc870 {
    padding-left: 870px !important;
    padding-right: 870px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc880 {
    padding-left: 880px !important;
    padding-right: 880px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc890 {
    padding-left: 890px !important;
    padding-right: 890px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc900 {
    padding-left: 900px !important;
    padding-right: 900px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc910 {
    padding-left: 910px !important;
    padding-right: 910px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc920 {
    padding-left: 920px !important;
    padding-right: 920px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc930 {
    padding-left: 930px !important;
    padding-right: 930px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc940 {
    padding-left: 940px !important;
    padding-right: 940px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc950 {
    padding-left: 950px !important;
    padding-right: 950px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc960 {
    padding-left: 960px !important;
    padding-right: 960px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc970 {
    padding-left: 970px !important;
    padding-right: 970px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc980 {
    padding-left: 980px !important;
    padding-right: 980px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc990 {
    padding-left: 990px !important;
    padding-right: 990px !important; } }

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

@media print, screen and (min-width: 768px) {
  .sidepd-pc1000 {
    padding-left: 1000px !important;
    padding-right: 1000px !important; } }

.mt-1 {
  margin-top: -1px !important; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-list .slick-loading {
  background: #fff; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

/*!
	Modaal - accessible modals - v0.3.1
	by Humaan, for all humans.
	http://humaan.com
 */
.modaal-noscroll {
  overflow: hidden; }

.modaal-accessible-hide {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden; }

.modaal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9998;
  opacity: 0; }

.modaal-wrapper {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow: auto;
  opacity: 1;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  transition: all 0.3s ease-in-out; }
  .modaal-wrapper * {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-backface-visibility: hidden; }
  .modaal-wrapper .modaal-close {
    border: none;
    background: transparent;
    padding: 0;
    -webkit-appearance: none; }
  .modaal-wrapper.modaal-start_none {
    display: none;
    opacity: 1; }
  .modaal-wrapper.modaal-start_fade {
    opacity: 0; }
  .modaal-wrapper *[tabindex="0"] {
    outline: none !important; }
  .modaal-wrapper.modaal-fullscreen {
    overflow: hidden; }

.modaal-outer-wrapper {
  display: table;
  position: relative;
  width: 100%;
  height: 100%; }
  .modaal-fullscreen .modaal-outer-wrapper {
    display: block; }

.modaal-inner-wrapper {
  display: table-cell;
  width: 100%;
  height: 100%;
  position: relative;
  vertical-align: middle;
  text-align: center;
  padding: 80px 25px; }
  @media screen and (max-width: 767px) {
    .modaal-inner-wrapper {
      padding: 0; } }
  .modaal-fullscreen .modaal-inner-wrapper {
    padding: 0;
    display: block;
    vertical-align: top; }

.modaal-container {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: auto;
  text-align: left;
  color: #000;
  max-width: 1000px;
  border-radius: 0px;
  background: #fff;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  cursor: auto; }
  .modaal-container.is_loading {
    height: 100px;
    width: 100px;
    overflow: hidden; }
  .modaal-fullscreen .modaal-container {
    max-width: none;
    height: 100%;
    overflow: auto; }

.modaal-close {
  position: fixed;
  right: 20px;
  top: 20px;
  color: #fff;
  cursor: pointer;
  opacity: 1;
  width: 50px;
  height: 50px;
  background: transparent;
  border-radius: 100%;
  transition: all 0.2s ease-in-out; }
  @media screen and (max-width: 767px) {
    .modaal-close {
      top: 31%;
      right: 3%; } }
  .modaal-close span {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden; }
  .modaal-close:before, .modaal-close:after {
    display: block;
    content: " ";
    position: absolute;
    top: 14px;
    left: 23px;
    width: 4px;
    height: 22px;
    border-radius: 4px;
    background: #fff;
    transition: background 0.2s ease-in-out; }
  .modaal-close:before {
    -ms-transform: rotate(-45deg);
        transform: rotate(-45deg); }
  .modaal-close:after {
    -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
  .modaal-fullscreen .modaal-close {
    background: #afb7bc;
    right: 10px;
    top: 10px; }

.modaal-content-container {
  padding: 30px; }

.modaal-confirm-wrap {
  padding: 30px 0 0;
  text-align: center;
  font-size: 0; }

.modaal-confirm-btn {
  font-size: 14px;
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  background: transparent; }
  .modaal-confirm-btn.modaal-ok {
    padding: 10px 15px;
    color: #fff;
    background: #555;
    border-radius: 3px;
    transition: background 0.2s ease-in-out; }
    .modaal-confirm-btn.modaal-ok:hover {
      background: #2f2f2f; }
  .modaal-confirm-btn.modaal-cancel {
    text-decoration: underline; }
    .modaal-confirm-btn.modaal-cancel:hover {
      text-decoration: none;
      color: #2f2f2f; }

@keyframes instaReveal {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.modaal-instagram .modaal-container {
  width: auto;
  background: transparent;
  box-shadow: none !important; }

.modaal-instagram .modaal-content-container {
  padding: 0;
  background: transparent; }

.modaal-instagram .modaal-content-container > blockquote {
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important; }

.modaal-instagram iframe {
  opacity: 0;
  margin: -6px !important;
  border-radius: 0 !important;
  width: 1000px !important;
  max-width: 800px !important;
  box-shadow: none !important;
  animation: instaReveal 1s linear forwards; }

.modaal-image .modaal-inner-wrapper {
  padding-left: 140px;
  padding-right: 140px; }

.modaal-image .modaal-container {
  width: auto;
  max-width: 100%; }

.modaal-gallery-wrap {
  position: relative;
  color: #fff; }

.modaal-gallery-item {
  display: none; }
  .modaal-gallery-item img {
    display: block; }
  .modaal-gallery-item.is_active {
    display: block; }

.modaal-gallery-label {
  position: absolute;
  left: 0;
  width: 100%;
  margin: 20px 0 0;
  font-size: 18px;
  text-align: center;
  color: #fff; }
  .modaal-gallery-label:focus {
    outline: none; }

.modaal-gallery-control {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  opacity: 1;
  cursor: pointer;
  color: #fff;
  width: 50px;
  height: 50px;
  background: transparent;
  border: none;
  border-radius: 100%;
  transition: all 0.2s ease-in-out; }
  .modaal-gallery-control.is_hidden {
    opacity: 0;
    cursor: default; }
  .modaal-gallery-control:focus, .modaal-gallery-control:hover {
    outline: none;
    background: #fff; }
    .modaal-gallery-control:focus:before, .modaal-gallery-control:focus:after, .modaal-gallery-control:hover:before, .modaal-gallery-control:hover:after {
      background: #afb7bc; }
  .modaal-gallery-control span {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden; }
  .modaal-gallery-control:before, .modaal-gallery-control:after {
    display: block;
    content: " ";
    position: absolute;
    top: 16px;
    left: 25px;
    width: 4px;
    height: 18px;
    border-radius: 4px;
    background: #fff;
    transition: background 0.2s ease-in-out; }
  .modaal-gallery-control:before {
    margin: -5px 0 0;
    -ms-transform: rotate(-45deg);
        transform: rotate(-45deg); }
  .modaal-gallery-control:after {
    margin: 5px 0 0;
    -ms-transform: rotate(45deg);
        transform: rotate(45deg); }

.modaal-gallery-next {
  left: 100%;
  margin-left: 40px; }

.modaal-gallery-prev {
  right: 100%;
  margin-right: 40px; }
  .modaal-gallery-prev:before, .modaal-gallery-prev:after {
    left: 22px; }
  .modaal-gallery-prev:before {
    margin: 5px 0 0;
    -ms-transform: rotate(-45deg);
        transform: rotate(-45deg); }
  .modaal-gallery-prev:after {
    margin: -5px 0 0;
    -ms-transform: rotate(45deg);
        transform: rotate(45deg); }

.modaal-video-wrap {
  margin: auto 50px;
  position: relative; }

.modaal-video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  background: #000;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto; }
  .modaal-video-container iframe,
  .modaal-video-container object,
  .modaal-video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.modaal-iframe .modaal-content {
  width: 100%;
  height: 100%; }

.modaal-iframe-elem {
  width: 100%;
  height: 100%;
  display: block; }

@media only screen and (min-width: 1400px) {
  .modaal-video-container {
    padding-bottom: 0;
    height: 731px; } }

@media only screen and (max-width: 1140px) {
  .modaal-image .modaal-inner-wrapper {
    padding-left: 25px;
    padding-right: 25px; }
  .modaal-gallery-control {
    top: auto;
    bottom: 20px;
    -ms-transform: none;
        transform: none;
    background: rgba(0, 0, 0, 0.7); }
    .modaal-gallery-control:before, .modaal-gallery-control:after {
      background: #fff; }
  .modaal-gallery-next {
    left: auto;
    right: 20px; }
  .modaal-gallery-prev {
    left: 20px;
    right: auto; } }

@media screen and (max-width: 900px) {
  .modaal-instagram iframe {
    width: 500px !important; } }

@media screen and (max-height: 1100px) {
  .modaal-instagram iframe {
    width: 700px !important; } }

@media screen and (max-height: 1000px) {
  .modaal-inner-wrapper {
    padding-top: 60px;
    padding-bottom: 60px; }
  .modaal-instagram iframe {
    width: 600px !important; } }

@media screen and (max-height: 900px) {
  .modaal-instagram iframe {
    width: 500px !important; }
  .modaal-video-container {
    max-width: 900px;
    max-height: 510px; } }

@media only screen and (max-width: 600px) {
  .modaal-instagram iframe {
    width: 280px !important; } }

@media only screen and (max-height: 820px) {
  .modaal-gallery-label {
    display: none; } }

.modaal-loading-spinner {
  background: none;
  position: absolute;
  width: 200px;
  height: 200px;
  top: 50%;
  left: 50%;
  margin: -100px 0 0 -100px;
  -ms-transform: scale(0.25);
      transform: scale(0.25); }

@keyframes modaal-loading-spinner {
  0% {
    opacity: 1;
    -ms-transform: scale(1.5);
    transform: scale(1.5); }
  100% {
    opacity: .1;
    -ms-transform: scale(1);
    transform: scale(1); } }

.modaal-loading-spinner > div {
  width: 24px;
  height: 24px;
  margin-left: 4px;
  margin-top: 4px;
  position: absolute; }

.modaal-loading-spinner > div > div {
  width: 100%;
  height: 100%;
  border-radius: 15px;
  background: #fff; }

.modaal-loading-spinner > div:nth-of-type(1) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  animation-delay: 0s; }

.modaal-loading-spinner > div:nth-of-type(2) > div, .modaal-loading-spinner > div:nth-of-type(3) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite; }

.modaal-loading-spinner > div:nth-of-type(1) {
  -ms-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(45deg) translate(70px, 0); }

.modaal-loading-spinner > div:nth-of-type(2) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  animation-delay: .12s; }

.modaal-loading-spinner > div:nth-of-type(2) {
  -ms-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(90deg) translate(70px, 0); }

.modaal-loading-spinner > div:nth-of-type(3) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  animation-delay: .25s; }

.modaal-loading-spinner > div:nth-of-type(4) > div, .modaal-loading-spinner > div:nth-of-type(5) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite; }

.modaal-loading-spinner > div:nth-of-type(3) {
  -ms-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(135deg) translate(70px, 0); }

.modaal-loading-spinner > div:nth-of-type(4) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  animation-delay: .37s; }

.modaal-loading-spinner > div:nth-of-type(4) {
  -ms-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(180deg) translate(70px, 0); }

.modaal-loading-spinner > div:nth-of-type(5) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  animation-delay: .5s; }

.modaal-loading-spinner > div:nth-of-type(6) > div, .modaal-loading-spinner > div:nth-of-type(7) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite; }

.modaal-loading-spinner > div:nth-of-type(5) {
  -ms-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(225deg) translate(70px, 0); }

.modaal-loading-spinner > div:nth-of-type(6) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  animation-delay: .62s; }

.modaal-loading-spinner > div:nth-of-type(6) {
  -ms-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(270deg) translate(70px, 0); }

.modaal-loading-spinner > div:nth-of-type(7) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  animation-delay: .75s; }

.modaal-loading-spinner > div:nth-of-type(7) {
  -ms-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(315deg) translate(70px, 0); }

.modaal-loading-spinner > div:nth-of-type(8) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  animation-delay: .87s; }

.modaal-loading-spinner > div:nth-of-type(8) {
  -ms-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(360deg) translate(70px, 0); }

/*parts*/
.corner-btn {
  width: 200px;
  border: 1px solid #005cab; }
  @media screen and (max-width: 767px) {
    .corner-btn {
      width: 21.93548%; } }
  .corner-btn__txt {
    color: #005cab;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    display: block;
    padding: 12px 0; }
    @media screen and (max-width: 767px) {
      .corner-btn__txt {
        font-size: 12px;
        font-size: 3.75vw;
        line-height: 1.4; } }
    .corner-btn__txt:hover {
      text-decoration: none; }

.module-btn {
  text-align: center;
  line-height: 1.3; }
  @media screen and (max-width: 767px) {
    .module-btn {
      margin-top: 6.25%;
      margin-bottom: 6.25%; } }
  .module-btn__txt {
    display: inline-block;
    padding: 30px 86px 28px 75px;
    font-size: 16px;
    color: #fff;
    background: url(../img/arrow-01.png) no-repeat top 50% right 20px;
    background-color: #005bac;
    background-size: 9px auto;
    font-weight: 500; }
    @media screen and (max-width: 767px) {
      .module-btn__txt {
        padding: 5.8% 25% 5.8% 17.75%;
        font-size: 15px;
        font-size: 4.6875vw;
        background: url(../img/arrow-01.png) no-repeat top 50% right 20px;
        background-color: #005bac;
        background-size: 4%;
        line-height: 1.4; }
        .module-btn__txt--medium {
          padding: 4.5% 25% 5% 17.75%; } }
    .module-btn__txt:hover {
      text-decoration: none; }

.reform-btn-medium {
  text-align: center;
  line-height: 1.3; }
  @media screen and (max-width: 767px) {
    .reform-btn-medium {
      margin-top: 6.25%;
      margin-bottom: 6.25%; } }
  .reform-btn-medium__txt {
    display: inline-block;
    padding: 30px 0 28px 0;
    font-size: 16px;
    color: #fff;
    background: url(../img/arrow-01.png) no-repeat top 54% right 20px;
    background-color: #005bac;
    background-size: 9px auto;
    font-weight: 500;
    width: 322px; }
    .reform-btn-medium__txt--bg {
      background: url(../img/arrow-01.png) no-repeat top 54% right 8px;
      background-color: #005bac;
      background-size: 9px auto; }
    @media screen and (max-width: 767px) {
      .reform-btn-medium__txt {
        padding: 6.5% 0 7% 0;
        font-size: 14px;
        font-size: 4.375vw;
        background: url(../img/arrow-01.png) no-repeat top 50% right 20px;
        background-color: #005bac;
        background-size: 3%;
        line-height: 1.4;
        width: 90%; }
        .reform-btn-medium__txt--02 {
          background: url(../img/arrow-01.png) no-repeat top 50% right 4%;
          background-color: #005bac;
          background-size: 3%; } }
    .reform-btn-medium__txt:hover {
      text-decoration: none; }

.reform-btn {
  text-align: center;
  line-height: 1.3; }
  @media screen and (max-width: 767px) {
    .reform-btn {
      margin-top: 3.125%; } }
  .reform-btn__txt {
    display: inline-block;
    padding: 28px 0 26px;
    width: 250px;
    font-size: 16px;
    color: #fff;
    background: url(../img/arrow-01.png) no-repeat top 50% right 20px;
    background-color: #005bac;
    background-size: 9px auto;
    font-weight: 500; }
    @media screen and (max-width: 767px) {
      .reform-btn__txt {
        font-size: 13.5px;
        font-size: 4.21875vw;
        width: 60%;
        padding: 5% 0 4.5%;
        background: url(../img/arrow-01.png) no-repeat top 50% right 20px;
        background-color: #005bac;
        background-size: 4%;
        line-height: 1.4; }
        .reform-btn__txt--70p {
          width: 70%;
          background: url(../img/arrow-01.png) no-repeat top 56% right 20px;
          background-color: #005bac;
          background-size: 4%; } }
    .reform-btn__txt:hover {
      text-decoration: none; }

.module-btn-left {
  text-align: center;
  line-height: 1.3; }
  @media screen and (max-width: 767px) {
    .module-btn-left {
      margin-top: 6.25%;
      margin-bottom: 6.25%; } }
  .module-btn-left__txt {
    display: inline-block;
    padding: 30px 75px 28px 86px;
    font-size: 20px;
    color: #fff;
    background: url(../img/arrow-01-left.png) no-repeat top 50% left 20px;
    background-color: #005bac;
    background-size: 11px auto;
    font-weight: 500; }
    @media screen and (max-width: 767px) {
      .module-btn-left__txt {
        padding: 8.5% 17.75% 8% 25%;
        font-size: 15px;
        font-size: 4.6875vw;
        background: url(../img/arrow-01-left.png) no-repeat top 50% left 20px;
        background-color: #005bac;
        background-size: 4% auto; } }
    .module-btn-left__txt:hover {
      text-decoration: none; }

.module-btn-02 {
  text-align: center;
  line-height: 1.4; }
  @media screen and (max-width: 767px) {
    .module-btn-02 {
      margin-top: 6.25%;
      margin-bottom: 6.25%; } }
  .module-btn-02__txt {
    display: inline-block;
    padding: 25px 43px 23px 20px;
    font-size: 16px;
    color: #656d73;
    background: url(../img/arrow-02.png) no-repeat top 50% right 20px;
    background-color: #f7f9fa;
    background-size: 11px auto;
    border: 1px solid #d7dbde; }
    @media screen and (max-width: 767px) {
      .module-btn-02__txt {
        padding: 4.6875% 20.3125%;
        font-size: 13px;
        font-size: 4.0625vw;
        background: url(../img/arrow-02.png) no-repeat top 50% right 4.6875%;
        background-color: #f7f9fa;
        background-size: 3.125% auto; } }
    .module-btn-02__txt:hover {
      text-decoration: none; }

.brandbtn {
  margin: 60px 0;
  text-align: center;
  line-height: 1.4; }
  @media screen and (max-width: 767px) {
    .brandbtn {
      margin: 6.25% 0; } }
  .brandbtn__txt {
    display: inline-block;
    padding: 25px 0 23px;
    font-size: 20px;
    color: #656d73;
    background: url(../img/arrow-02.png) no-repeat top 52% right 20px;
    background-color: #f7f9fa;
    background-size: 11px auto;
    border: 1px solid #d7dbde;
    width: 475px; }
    @media screen and (max-width: 767px) {
      .brandbtn__txt {
        padding: 4.6875% 0;
        width: 92.1875%;
        font-size: 13px;
        font-size: 4.0625vw;
        background: url(../img/arrow-02.png) no-repeat top 50% right 4.6875%;
        background-color: #f7f9fa;
        background-size: 3.125% auto; } }
    .brandbtn__txt:hover {
      text-decoration: none; }

.dlLink-btn {
  display: inline-block;
  padding: 20px 43px 16px 14px;
  font-size: 16px;
  color: #656d73;
  background: url(../img/arrow-02.png) no-repeat top 50% right 20px;
  background-color: #f7f9fa;
  background-size: 9px auto;
  border: 1px solid #d7dbde;
  letter-spacing: 0;
  height: 70px;
  box-sizing: border-box; }
  .dlLink-btn--width {
    width: 438px;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .dlLink-btn--width {
        width: auto;
        text-align: left; } }
  .dlLink-btn--mr {
    margin-right: 20px; }
  @media screen and (max-width: 767px) {
    .dlLink-btn {
      padding: 5.15625% 0 5.15625% 3.90625%;
      font-size: 13px;
      font-size: 4.0625vw;
      background: url(../img/arrow-02.png) no-repeat top 50% right 4.6875%;
      background-color: #f7f9fa;
      background-size: 2.3% auto;
      height: auto; } }
  .dlLink-btn:hover {
    text-decoration: none; }

.module-btn-02-left {
  text-align: center;
  line-height: 1.4; }
  @media screen and (max-width: 767px) {
    .module-btn-02-left {
      margin-top: 6.25%;
      margin-bottom: 6.25%; } }
  .module-btn-02-left__txt {
    display: inline-block;
    padding: 25px 85px 23px;
    font-size: 16px;
    color: #656d73;
    background: url(../img/arrow-02-left.png) no-repeat top 50% left 20px;
    background-color: #f7f9fa;
    background-size: 11px auto;
    border: 1px solid #d7dbde; }
    @media screen and (max-width: 767px) {
      .module-btn-02-left__txt {
        padding: 4.6875% 20.3125%;
        font-size: 13px;
        font-size: 4.0625vw;
        background: url(../img/arrow-02-left.png) no-repeat top 50% left 4.6875%;
        background-color: #f7f9fa;
        background-size: 3.125% auto; } }
    .module-btn-02-left__txt:hover {
      text-decoration: none; }

.module-btn-pdf {
  text-align: center; }
  @media screen and (max-width: 767px) {
    .module-btn-pdf {
      margin-top: 6.25%;
      margin-bottom: 6.25%; } }
  .module-btn-pdf__txt {
    display: inline-block;
    padding: 30px 75px 28px;
    font-size: 20px;
    color: #656d73;
    border: 1px solid #d7dbde;
    background: url(../img/btn-icon.png) no-repeat top 30px right 20px;
    background-color: #f7f9fa;
    background-size: 11px auto; }
    @media screen and (max-width: 767px) {
      .module-btn-pdf__txt {
        padding: 5.46875% 18.75%;
        font-size: 15px;
        font-size: 4.6875vw;
        background: url(../img/btn-icon.png) no-repeat top 50% right 4.6875%;
        background-color: #f7f9fa;
        background-size: 8.59375% auto; } }
    .module-btn-pdf__txt:hover {
      text-decoration: none; }

.module-btn-pdf {
  text-align: center; }
  @media screen and (max-width: 767px) {
    .module-btn-pdf {
      margin-top: 6.25%;
      margin-bottom: 6.25%; } }
  .module-btn-pdf__txt {
    display: inline-block;
    padding: 30px 75px 28px;
    font-size: 20px;
    color: #656d73;
    border: 1px solid #d7dbde;
    background: url(../img/btn-icon.png) no-repeat top 30px right 20px;
    background-color: #f7f9fa;
    background-size: 11px auto;
    font-weight: 500; }
    @media screen and (max-width: 767px) {
      .module-btn-pdf__txt {
        padding: 8.5% 25% 8% 17.75%;
        font-size: 15px;
        font-size: 4.6875vw;
        background: url(../img/btn-icon.png) no-repeat top 50% right 15%;
        background-color: #f7f9fa;
        background-size: 10% auto; } }
    .module-btn-pdf__txt:hover {
      text-decoration: none; }

.link-btn {
  font-size: 16px;
  color: #656d73;
  margin-top: 20px;
  display: inline-block;
  text-decoration: underline;
  position: relative;
  background: url(../img/arrow-link.png) no-repeat top 60% right 0px;
  padding-right: 14px;
  background-size: 9px auto;
  line-height: 1.4; }
  .link-btn:hover {
    text-decoration: none; }
  @media screen and (max-width: 767px) {
    .link-btn {
      padding: 0 3%;
      margin-top: 3.125%;
      font-size: 14px;
      font-size: 4.375vw;
      line-height: 1.8;
      background: url(../img/arrow-link.png) no-repeat top 57% right 0px;
      background-size: 0.6em;
      margin-left: 5%; } }
  .link-btn--bgNone {
    background: none; }
  .link-btn--line02:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 13px;
    margin-left: 4px;
    background: url(../img/arrow-link.png) no-repeat top center;
    background-size: contain; }

.link-btn-bg {
  background: url(../img/arrow-link.png) no-repeat top 7px right 0px;
  padding-right: 14px;
  background-size: 9px auto; }

.link-btn-pdf {
  font-size: 16px;
  color: #656d73;
  margin-top: 20px;
  display: inline-block;
  background: url(../img/pdf-icon-red.png) no-repeat top 0px left 0px;
  padding-left: 25px;
  background-size: 20px auto;
  padding-bottom: 8px;
  text-decoration: underline;
  display: inline-block;
  background: url(../img/pdf-icon-red.png) no-repeat top 0px left 0px;
  padding-left: 25px;
  background-size: 20px auto;
  padding-bottom: 8px;
  text-decoration: underline;
  line-height: 1.4; }
  .link-btn-pdf--nowrap {
    white-space: nowrap; }
  .link-btn-pdf:hover {
    text-decoration: none; }
  @media screen and (max-width: 767px) {
    .link-btn-pdf {
      padding: 0 10%;
      margin-top: 3.125%;
      font-size: 14px;
      font-size: 4.375vw;
      line-height: 1.4;
      background: url(../img/pdf-icon-red.png) no-repeat top 33% left 0px;
      background-size: 6.25% auto;
      font-size: 14px;
      font-size: 4.375vw;
      line-height: 1.4;
      background: url(../img/pdf-icon-red.png) no-repeat top 33% left 2%;
      background-size: 6.25% auto; } }

.link-btn-out {
  font-size: 16px;
  color: #656d73;
  margin-top: 20px;
  display: inline-block;
  background: url(../img/link.png) no-repeat top 50% right 0px;
  padding-right: 20px;
  background-size: 15px auto;
  text-decoration: underline; }
  .link-btn-out:hover {
    text-decoration: none; }
  @media screen and (max-width: 767px) {
    .link-btn-out {
      padding: 0 7% 0% 3%;
      margin-top: 3.125%;
      font-size: 11.5px;
      font-size: 3.59375vw;
      line-height: 1.4;
      background: url(../img/link.png) no-repeat top 33% right 0px;
      background-size: 15px auto; }
      .link-btn-out.no2 {
        font-size: 14px;
        font-size: 4.375vw;
        padding-left: 0; } }
  @media screen and (max-width: 767px) {
    .link-btn-out--history {
      font-size: 10.5px;
      font-size: 3.28125vw;
      width: 85%; } }

.storyLink {
  text-decoration: underline; }
  .storyLink:hover {
    text-decoration: none; }

/*
#overview
btn

module buttun
*/
/*#styleguide
corner-btn(top)

四角ボタン

```
    <div class="corner-btn">
        <a class="corner-btn__txt" href="">詳しくはこちら</a>
    </div>
```
*/
/*#styleguide
module-btn

四角ボタン

```
    <div class="module-btn ">
        <a class="module-btn__txt" href="">詳しくはこちら</a>
    </div>
```
*/
/*#styleguide
module-btn-left

四角ボタン(左）

```
    <div class="module-btn-left ">
        <a class="module-btn-left__txt" href="">詳しくはこちら</a>
    </div>
```
*/
/*#styleguide
module-btn-02

四角ボタン

```
    <div class="module-btn-02 ">
        <a class="module-btn-02__txt" href="">詳しくはこちら</a>
    </div>
```
*/
/*#styleguide
module-btn-02-left

四角ボタン（左）

```
    <div class="module-btn-02-left ">
        <a class="module-btn-02-left__txt" href="">詳しくはこちら</a>
    </div>
```
*/
/*#styleguide
module-btn(pdf用sp）

四角ボタン

```
    <div class="module-btn-pdf ">
        <a class="module-btn-pdf__txt" href="">詳しくはこちら</a>
    </div>
```
*/
/*#styleguide
link-btn(pdf）

テキストリンク

```
    <a href="" class="link-btn-pdf">ネオマフォームの該当JIS規格と熱性能（熱伝導率）について（PDF：98.5KB）</a>
```
*/
/*#styleguide
link-btn

テキストリンク
8/1　sp版で2行になる長さのものは、モディファイア--line02を付けてafterでアイコンを付けました

```
    <a href="" class="link-btn">電話番号・FAX番号一覧 ＞</a>
<a href="" class="link-btn link-btn--line02">電話番号・FAX番号一覧</a>

```
*/
/*#styleguide
link-btn(外部リンク）

テキストリンク

```
    <a href="" class="link-btn-out">電話番号・FAX番号一覧 </a>
```
*/
/*module*/
.undermv {
  width: 100%;
  min-width: 1280px; }
  @media screen and (max-width: 767px) {
    .undermv {
      min-width: 0; } }
  .undermv img {
    width: 100%; }

.undermvForm {
  min-width: 1280px;
  background-image: url(/akk/insulation/assets/img/mv/foam_mv.jpg);
  height: 136px;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover; }
  @media screen and (max-width: 767px) {
    .undermvForm {
      min-width: 0;
      background-image: url(/akk/insulation/assets/img/mv/foam_mv--sp.jpg);
      height: auto; } }
  .undermvForm__ttl {
    width: 1200px;
    margin: 0 auto;
    padding-top: 36px; }
    @media screen and (max-width: 767px) {
      .undermvForm__ttl {
        width: 44.21875%;
        margin-left: 3.125%;
        padding-top: 7%;
        padding-bottom: 8%; } }

.undermvForm--mokuzou {
  min-width: 1280px;
  background-image: url(/akk/insulation/assets/img/mv/mokuzou_mv.jpg);
  height: 136px;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover; }
  @media screen and (max-width: 767px) {
    .undermvForm--mokuzou {
      min-width: 0;
      background-image: url(/akk/insulation/assets/img/mv/mokuzou_mv--sp.jpg);
      height: auto; } }
  .undermvForm--mokuzou__ttl {
    width: 1200px;
    margin: 0 auto;
    padding-top: 24px; }
    @media screen and (max-width: 767px) {
      .undermvForm--mokuzou__ttl {
        width: 44.375%;
        padding-top: 5%;
        margin-left: 1.8%;
        padding-bottom: 5%; } }

.undermvForm--tekkotsu {
  min-width: 1280px;
  background-image: url(/akk/insulation/assets/img/mv/tekkotsu_mv.jpg);
  height: 136px;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover; }
  @media screen and (max-width: 767px) {
    .undermvForm--tekkotsu {
      min-width: 0;
      background-image: url(/akk/insulation/assets/img/mv/tekkotsu_mv--sp.jpg);
      height: auto; } }
  .undermvForm--tekkotsu__ttl {
    width: 1200px;
    margin: 0 auto;
    padding-top: 26px; }
    @media screen and (max-width: 767px) {
      .undermvForm--tekkotsu__ttl {
        width: 58.4375%;
        padding-top: 4.8%;
        margin-left: 3.125%;
        padding-bottom: 4.5%; } }

.undermvForm--sangyo {
  min-width: 1280px;
  background-image: url(/akk/insulation/assets/img/mv/sangyo_mv.jpg);
  height: 136px;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover; }
  @media screen and (max-width: 767px) {
    .undermvForm--sangyo {
      min-width: 0;
      background-image: url(/akk/insulation/assets/img/mv/sangyo_mv--sp.jpg);
      height: auto; } }
  .undermvForm--sangyo__ttl {
    width: 1200px;
    margin: 0 auto;
    padding-top: 26px; }
    @media screen and (max-width: 767px) {
      .undermvForm--sangyo__ttl {
        width: 44.21875%;
        padding-top: 3.9%;
        margin-left: 3.2%;
        padding-bottom: 5.5%; } }

.undermvForm--faq {
  min-width: 1280px;
  background-image: url(/akk/insulation/assets/img/mv/qa_mv.jpg);
  height: 137px;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover; }
  @media screen and (max-width: 767px) {
    .undermvForm--faq {
      min-width: 0;
      background-image: url(/akk/insulation/assets/img/mv/qa_mv--sp.jpg);
      height: auto; } }
  .undermvForm--faq__ttl {
    width: 1200px;
    margin: 0 auto;
    padding-top: 26px; }
    @media screen and (max-width: 767px) {
      .undermvForm--faq__ttl {
        width: 37.8125%;
        padding-top: 4%;
        margin-left: 3%;
        padding-bottom: 5%; } }

.undermvJupii {
  min-width: 1280px;
  background-image: url(/akk/insulation/assets/img/mv/jupii_mv.jpg);
  height: 136px;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover; }
  @media screen and (max-width: 767px) {
    .undermvJupii {
      min-width: 0;
      background-image: url(/akk/insulation/assets/img/mv/jupii_mv--sp.jpg);
      height: auto; } }
  .undermvJupii__ttl {
    width: 1200px;
    margin: 0 auto;
    padding-top: 36px; }
    @media screen and (max-width: 767px) {
      .undermvJupii__ttl {
        width: 42.1875%;
        padding-top: 6.5%;
        margin-left: 3.125%;
        padding-bottom: 8%; } }

.undermvZeus {
  min-width: 1280px;
  background-image: url(/akk/insulation/assets/img/mv/zeus_mv.jpg);
  height: 136px;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover; }
  @media screen and (max-width: 767px) {
    .undermvZeus {
      min-width: 0;
      background-image: url(/akk/insulation/assets/img/mv/zeus_mv--sp.jpg);
      height: auto; } }
  .undermvZeus__ttl {
    width: 1200px;
    margin: 0 auto;
    padding-top: 36px; }
    @media screen and (max-width: 767px) {
      .undermvZeus__ttl {
        width: 42.1875%;
        padding-top: 6.5%;
        margin-left: 3.125%;
        padding-bottom: 8%; } }

.undermvBoard {
  min-width: 1280px;
  background-image: url(/akk/insulation/assets/img/mv/reform_mv.jpg);
  height: 136px;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover; }
  @media screen and (max-width: 767px) {
    .undermvBoard {
      min-width: 0;
      background-image: url(/akk/insulation/assets/img/mv/reform_mv--sp.jpg);
      height: auto; } }
  .undermvBoard__ttl {
    width: 1140px;
    margin: 0 auto;
    padding-top: 33px; }
    @media screen and (max-width: 767px) {
      .undermvBoard__ttl {
        width: 62.1875%;
        padding-top: 6.5%;
        margin-left: 3.125%;
        padding-bottom: 6%; } }

/*elements*/
.footer {
  padding: 45px 0 0px;
  background: #dfe4e6;
  text-align: center;
  position: relative; }
  @media screen and (max-width: 767px) {
    .footer {
      margin-top: 86px;
      margin-bottom: 60px;
      padding: 10% 0 4.375%; } }
  .footer__inner {
    width: 1200px;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      .footer__inner {
        width: 93.75%; } }
  .footer__wrap {
    display: -ms-flexbox;
    display: flex;
    margin-top: 32px;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    @media screen and (max-width: 767px) {
      .footer__wrap {
        -ms-flex-flow: column-reverse;
            flex-flow: column-reverse;
        margin-top: 7.83333%; } }
  @media screen and (max-width: 767px) {
    .footer__logo__link--1 {
      width: 74.66667%;
      margin: 0 auto; } }
  .footer__logo__link--2 {
    margin-top: 24px; }
    @media screen and (max-width: 767px) {
      .footer__logo__link--2 {
        width: 35.66667%;
        margin: 5.33333% auto 0; } }
  .footer__copyright {
    color: #303233;
    font-size: 12px; }
    @media screen and (max-width: 767px) {
      .footer__copyright {
        margin-top: 4%;
        font-size: 10px;
        font-size: 3.125vw; } }
  .footer__list {
    width: auto;
    margin-bottom: 32px;
    display: -ms-flexbox;
    display: flex;
    -js-display: flex;
    -ms-flex-pack: center;
        justify-content: center; }
    @media screen and (max-width: 767px) {
      .footer__list {
        width: 100%;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }
    @media screen and (max-width: 767px) {
      .footer__list__item {
        width: 25%; } }
    @media screen and (max-width: 767px) {
      .footer__list__item--3 {
        width: 50%; } }
    @media screen and (max-width: 767px) {
      .footer__list__item--4 {
        margin-top: 3%; } }
    @media screen and (max-width: 767px) {
      .footer__list__item--5 {
        margin-top: 3%;
        width: 50%; } }
    .footer__list__link {
      display: block;
      padding: 0 14px;
      font-size: 12px;
      color: #303233;
      border-left: 1px solid #303233;
      box-sizing: border-box; }
      @media screen and (max-width: 767px) {
        .footer__list__link {
          font-size: 10px;
          font-size: 3.125vw;
          padding: 0; } }
      .footer__list__link--1 {
        border-left: transparent; }
        @media screen and (max-width: 767px) {
          .footer__list__link--1 {
            padding-right: 0; } }
      @media screen and (max-width: 767px) {
        .footer__list__link--2 {
          padding: 0; } }
      @media screen and (max-width: 767px) {
        .footer__list__link--3 {
          padding-left: 0; } }
      @media screen and (max-width: 767px) {
        .footer__list__link--4 {
          border-left: none; } }
  .footer__pageTop {
    width: 1200px;
    margin: 0 auto;
    position: fixed;
    bottom: 0;
    right: 0;
    opacity: 1;
    transition-property: opacity,visibility;
    transition-duration: .3s; }
    @media screen and (max-width: 767px) {
      .footer__pageTop {
        width: 93.75%;
        bottom: 9.375%; } }
    .footer__pageTop.hide {
      visibility: hidden;
      opacity: 0; }
    .footer__pageTop__btn {
      width: 46px;
      position: absolute;
      top: -66px;
      right: 0; }
      .footer__pageTop__btn img {
        width: 100%; }

.header {
  border-bottom: 4px solid #005cab; }
  @media screen and (max-width: 767px) {
    .header__pc {
      display: none; } }
  .header__inner {
    width: 1200px;
    margin: 0 auto;
    padding-top: 35px; }
    @media screen and (max-width: 767px) {
      .header__inner {
        width: auto; } }
  .header__wrap {
    display: -ms-flexbox;
    display: flex;
    -js-display: flex;
    -ms-flex-align: end;
        align-items: flex-end; }
    .header__wrap__box--2 {
      margin-left: auto;
      margin-right: 20px; }
    .header__wrap__box--3 {
      margin-bottom: 5px; }
  .header__search {
    width: 249px; }
    .header__search__form {
      letter-spacing: -.4em; }
    .header__search__txtbox {
      width: 205px;
      height: 27px;
      padding: 4px;
      border: 1px solid #005cab;
      box-sizing: border-box;
      letter-spacing: normal; }
    .header__search__submit {
      display: inline-block;
      vertical-align: middle;
      width: 44px;
      height: 0;
      padding-top: 27px;
      text-indent: -9999px;
      letter-spacing: normal;
      background: url(../img/header_icon_search.png) no-repeat center center, #005cab; }
  .header__txtMenu {
    margin-top: 11px; }
    .header__txtMenu__list {
      display: -ms-flexbox;
      display: flex;
      -js-display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between; }
    .header__txtMenu__link {
      color: #656d73; }
  @media print, screen and (min-width: 768px) {
    .header__sp {
      display: none; } }
  .header__sp__inner {
    width: 93.75%;
    margin: 0 auto;
    padding: 5.46875% 0 3.125%; }
  .header__sp__wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: end;
        align-items: flex-end;
    margin-bottom: 5.83333%; }
  .header__sp__logo {
    width: 61%; }
  .header__sp__corporate {
    width: 26.66667%; }
  .header__sp__brandList {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    margin-top: 0; }
    .header__sp__brandList__item {
      width: 31.33333%; }

.globalNav {
  margin-top: 20px; }
  .globalNav__inner {
    display: -ms-flexbox;
    display: flex;
    -js-display: flex;
    -ms-flex-align: start;
        align-items: flex-start;
    width: 1200px;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      .globalNav__inner {
        width: auto; } }
  .globalNav__list {
    display: -ms-flexbox;
    display: flex;
    -js-display: flex;
    -ms-flex-pack: start;
        justify-content: flex-start; }
    .globalNav__list--1 {
      width: 740px;
      height: 44px;
      -ms-flex-pack: justify;
          justify-content: space-between; }
      @media screen and (max-width: 767px) {
        .globalNav__list--1 {
          width: auto;
          height: auto; } }
    .globalNav__list--2 {
      width: 392px; }
      @media screen and (max-width: 767px) {
        .globalNav__list--2 {
          width: auto; } }
  .globalNav__brandList {
    margin-top: 15px;
    margin-bottom: 0; }
    .globalNav__brandList__item--1 {
      width: 195px;
      margin-right: 32px; }
    .globalNav__brandList__item--2 {
      width: 257px;
      margin-right: 32px; }
    .globalNav__brandList__item--3 {
      width: 190px; }
    .globalNav__brandList__item img {
      width: 100%; }
  .globalNav__supportList {
    margin-left: auto; }
    .globalNav__supportList__item {
      box-sizing: border-box;
      text-align: center;
      border: 1px solid #005cab;
      border-right: transparent;
      border-bottom: transparent; }
      .globalNav__supportList__item--4 {
        border-right: 1px solid #005cab; }
    .globalNav__supportList__link {
      display: block;
      width: 97px;
      height: 77px;
      padding-top: 54px;
      font-size: 12px;
      box-sizing: border-box;
      color: #005cab; }
      .globalNav__supportList__link:hover {
        text-decoration: none;
        opacity: .7; }
      .globalNav__supportList__link--1 {
        background: url(../img/header_icon_qa.svg) no-repeat top 20px center;
        background-size: 57px auto; }
      .globalNav__supportList__link--2 {
        background: url(../img/header_icon_mail.svg) no-repeat top 20px center;
        background-size: 36px auto; }
      .globalNav__supportList__link--3 {
        background: url(../img/header_icon_dl.svg) no-repeat top 18px center;
        background-size: 36px auto;
        letter-spacing: -.1em; }
      .globalNav__supportList__link--4 {
        background: url(../img/header_icon_mate.svg) no-repeat top 16px center;
        background-size: 30px auto; }
  .globalNav__sp {
    width: 100%;
    height: 120%;
    position: fixed;
    top: 100%;
    left: 0;
    background: #fff;
    transition-property: all;
    transition-duration: .5s;
    z-index: 3; }
    .globalNav__sp.visible {
      top: 0;
      transition-property: all;
      transition-duration: .5s; }
    .globalNav__sp__btnArea {
      width: 100%;
      border-top: 1px solid #bac8cc;
      background: #ebeff2;
      position: fixed;
      bottom: 0;
      left: 0;
      z-index: 9994; }
    .globalNav__sp__btnsList {
      width: 93.75%;
      margin: 0 auto;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      height: 60px;
      -ms-flex-align: center;
          align-items: center; }
      .globalNav__sp__btnsList__item {
        width: 20%; }
      .globalNav__sp__btnsList__link {
        display: block;
        padding-top: 50%;
        font-size: 10px;
        text-align: center;
        color: #005bac; }
        .globalNav__sp__btnsList__link--1 {
          background: url(../img/header_icon_open_sp.svg) no-repeat top 20% center;
          background-size: 26px auto; }
          .globalNav__sp__btnsList__link--1.active {
            background: url(../img/header_icon_close.svg) no-repeat top 20% center;
            background-size: 22px auto; }
        .globalNav__sp__btnsList__link--2 {
          background: url(../img/header_icon_search_sp.svg) no-repeat top 20% center;
          background-size: 20px auto; }
          .globalNav__sp__btnsList__link--2.active {
            background: url(../img/header_icon_close.svg) no-repeat top 20% center;
            background-size: 22px auto; }
        .globalNav__sp__btnsList__link--3 {
          background: url(../img/header_icon_qa.svg) no-repeat top 30% center;
          background-size: 40px auto; }
        .globalNav__sp__btnsList__link--4 {
          background: url(../img/header_icon_dl.svg) no-repeat top 20% center;
          background-size: 28px auto; }
        .globalNav__sp__btnsList__link--5 {
          background: url(../img/header_icon_offi_sp.svg) no-repeat top 20% center;
          background-size: 24px auto; }
    .globalNav__sp__menuList {
      border-top: 1px solid #dfe4e6; }
      .globalNav__sp__menuList__item {
        border-bottom: 1px solid #dfe4e6; }
      .globalNav__sp__menuList__logoWrap {
        padding: 5.46875% 3.125%;
        box-sizing: border-box;
        letter-spacing: -.4em; }
      .globalNav__sp__menuList__logo {
        display: inline-block;
        letter-spacing: normal; }
        .globalNav__sp__menuList__logo--1 {
          width: 61%; }
        .globalNav__sp__menuList__logo--2 {
          width: 26.66667%;
          margin-left: 12.33333%; }
      .globalNav__sp__menuList__link {
        display: block;
        padding-left: 3.125%;
        box-sizing: border-box;
        line-height: 3.2;
        color: #5d6466; }
        .globalNav__sp__menuList__link--1 {
          padding-top: 4.0625%;
          padding-bottom: 4.0625%;
          line-height: 1; }
        .globalNav__sp__menuList__link--2 {
          padding-top: 4.0625%;
          padding-bottom: 4.0625%;
          line-height: 1; }
        .globalNav__sp__menuList__link--3 {
          padding-top: 4.0625%;
          padding-bottom: 4.0625%;
          line-height: 1; }
        .globalNav__sp__menuList__link__icon {
          display: inline-block; }
          .globalNav__sp__menuList__link__icon--1 {
            width: 48.75%; }
          .globalNav__sp__menuList__link__icon--2 {
            width: 64.375%; }
          .globalNav__sp__menuList__link__icon--3 {
            width: 48.75%; }
    .globalNav__sp__search {
      height: 60px;
      padding: 15px 0;
      background: #dfe4e6;
      text-align: center;
      position: fixed;
      width: 100%;
      bottom: -100%;
      left: 0;
      box-sizing: border-box;
      border-top: 1px solid #b2b2b2;
      transition-property: all;
      transition-duration: .8s;
      z-index: 4; }
      .globalNav__sp__search.visible {
        bottom: 60px;
        transition-property: all;
        transition-duration: .4s; }

/*
#overview
ローカルナビ


01.var navの値によってテキストの変更
・<% var nav = "nav1"; %>
→ネオマフォーム
・<% var nav = "nav2"; %>
→ネオマジュピー
・<% var nav = "nav3"; %>
→ネオマゼウス
・<% var nav = "nav4"; %>
→Q&A
02.
<div id="localNav-01">
    <% var nav = "nav1"; %>
    <% include ../../../common/_localNav %>
</div>
    →1番目のリンクを赤に変更
<div id="localNav-05-jupii">
    <% var nav = "nav2"; %>
    <% include ../../template/common/_localNav %>
</div>
    →id名最後に-jupii、-zeusを付けることでそれぞれのブランドに対応した色に変更
*/
.localNav {
  background-color: #f7f9fa;
  color: #656d73;
  font-size: 16px;
  font-weight: 300;
  min-width: 1280px;
  /*#styleguide
    ローカルナビ
    ```
    <section id="article">

     <div class="localNav">
        <ul class="localNav__wrap">
            <li class="localNav__wrap__list">
                <a href="">ネオマ<br class="spi">フォームとは</a>
            </li>
            <li class="localNav__wrap__list">
               <a href="">木造住宅用途</a>
            </li>
            <li class="localNav__wrap__list">
                <a href="">製品<br class="spi">ラインナップ・<br class="spi">物性</a>
            </li>
            <li class="localNav__wrap__list">
               <a href="">鉄骨造・<br class="spi">RC 造用途</a>
            </li>
            <li class="localNav__wrap__list">
                <a href="">産業<br class="spi">資材用途</a>
            </li>
            <li class="localNav__wrap__list">
                <a href="">取扱<br class="spi">注意事項</a>
            </li>
        </ul>
    </div>

    </section>
    ```
    */ }
  @media screen and (max-width: 767px) {
    .localNav {
      font-size: 14px;
      min-width: 0; } }
  .localNav__wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    width: 1300px;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      .localNav__wrap {
        width: auto;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        text-align: center;
        border-bottom: 1px solid #bac8cc;
        line-height: 1.3; } }
    .localNav__wrap__list {
      padding: 18px 0; }
      @media screen and (max-width: 767px) {
        .localNav__wrap__list {
          width: 33.3%;
          padding: 0; } }
      .localNav__wrap__list:last-child a {
        border-right: none; }
        @media screen and (max-width: 767px) {
          .localNav__wrap__list:last-child a {
            border-right: 1px solid #bac8cc; } }
      .localNav__wrap__list span {
        font-size: 13px; }
        @media screen and (max-width: 767px) {
          .localNav__wrap__list span {
            font-size: 6.5px;
            font-size: 2.03125vw; } }
      .localNav__wrap__list a {
        display: block;
        padding: 0px 39px;
        border-right: 1px solid #bac8cc; }
        @media screen and (max-width: 767px) {
          .localNav__wrap__list a {
            padding: 0;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
                flex-direction: column;
            -ms-flex-pack: center;
                justify-content: center;
            height: 50px;
            border-top: 1px solid #bac8cc;
            letter-spacing: 0; } }
        .localNav__wrap__list a:hover {
          text-decoration: none;
          color: #d22615; }

#localNav-01 .localNav .localNav__wrap__list-01 a {
  color: #d22615; }

#localNav-00-jupii .localNav .localNav__wrap a:hover {
  color: #ED6C00; }

@media screen and (max-width: 767px) {
  #localNav-01-jupii .localNav .localNav__wrap a {
    padding: 0; } }

#localNav-01-jupii .localNav .localNav__wrap a:hover {
  color: #ED6C00; }

#localNav-01-jupii .localNav .localNav__wrap__list-01 a {
  color: #ED6C00; }

#localNav-00-zeus .localNav .localNav__wrap a:hover {
  color: #C998C5; }

@media print, screen and (min-width: 768px) {
  #localNav-00-zeus .localNav .localNav__wrap__list-03 a {
    border: none; } }

@media print, screen and (min-width: 768px) {
  #localNav-00-zeus .localNav .localNav__wrap__list-04,
  #localNav-00-zeus .localNav .localNav__wrap__list-05,
  #localNav-00-zeus .localNav .localNav__wrap__list-06 {
    width: 0; } }

@media screen and (max-width: 767px) {
  #localNav-00-zeus .localNav .localNav__wrap__list-04,
  #localNav-00-zeus .localNav .localNav__wrap__list-05,
  #localNav-00-zeus .localNav .localNav__wrap__list-06 {
    display: none; } }

@media screen and (max-width: 767px) {
  #localNav-01-zeus .localNav .localNav__wrap a {
    padding: 0; } }

#localNav-01-zeus .localNav .localNav__wrap a:hover {
  color: #C998C5; }

#localNav-01-zeus .localNav .localNav__wrap__list-01 a {
  color: #C998C5; }

@media print, screen and (min-width: 768px) {
  #localNav-01-zeus .localNav .localNav__wrap__list-03 a {
    border: none; } }

@media print, screen and (min-width: 768px) {
  #localNav-01-zeus .localNav .localNav__wrap__list-04,
  #localNav-01-zeus .localNav .localNav__wrap__list-05,
  #localNav-01-zeus .localNav .localNav__wrap__list-06 {
    width: 0; } }

@media screen and (max-width: 767px) {
  #localNav-01-zeus .localNav .localNav__wrap__list-04,
  #localNav-01-zeus .localNav .localNav__wrap__list-05,
  #localNav-01-zeus .localNav .localNav__wrap__list-06 {
    display: none; } }

@media print, screen and (min-width: 768px) {
  #localNav-00-faq .localNav .localNav__wrap {
    -ms-flex-align: center;
        align-items: center; } }

@media print, screen and (min-width: 768px) {
  #localNav-00-faq .localNav .localNav__wrap a {
    padding: 0px 32px;
    text-align: center; } }

#localNav-00-faq .localNav .localNav__wrap a:hover {
  color: #005cab; }

@media print, screen and (min-width: 768px) {
  #localNav-01-faq .localNav .localNav__wrap {
    -ms-flex-align: center;
        align-items: center; } }

@media print, screen and (min-width: 768px) {
  #localNav-01-faq .localNav .localNav__wrap a {
    padding: 0px 32px;
    text-align: center; } }

#localNav-01-faq .localNav .localNav__wrap a:hover {
  color: #005cab; }

#localNav-01-faq .localNav .localNav__wrap__list-01 a {
  color: #005cab; }

#localNav-02 .localNav .localNav__wrap__list-02 a {
  color: #d22615; }

@media screen and (max-width: 767px) {
  #localNav-02-jupii .localNav .localNav__wrap a {
    padding: 0; } }

#localNav-02-jupii .localNav .localNav__wrap a:hover {
  color: #ED6C00; }

#localNav-02-jupii .localNav .localNav__wrap__list-02 a {
  color: #ED6C00; }

@media screen and (max-width: 767px) {
  #localNav-02-zeus .localNav .localNav__wrap a {
    padding: 0; } }

#localNav-02-zeus .localNav .localNav__wrap a:hover {
  color: #C998C5; }

#localNav-02-zeus .localNav .localNav__wrap__list-02 a {
  color: #C998C5; }

@media print, screen and (min-width: 768px) {
  #localNav-02-zeus .localNav .localNav__wrap__list-03 a {
    border: none; } }

@media print, screen and (min-width: 768px) {
  #localNav-02-zeus .localNav .localNav__wrap__list-04,
  #localNav-02-zeus .localNav .localNav__wrap__list-05,
  #localNav-02-zeus .localNav .localNav__wrap__list-06 {
    width: 0; } }

@media screen and (max-width: 767px) {
  #localNav-02-zeus .localNav .localNav__wrap__list-04,
  #localNav-02-zeus .localNav .localNav__wrap__list-05,
  #localNav-02-zeus .localNav .localNav__wrap__list-06 {
    display: none; } }

@media print, screen and (min-width: 768px) {
  #localNav-02-faq .localNav .localNav__wrap {
    -ms-flex-align: center;
        align-items: center; } }

@media print, screen and (min-width: 768px) {
  #localNav-02-faq .localNav .localNav__wrap a {
    padding: 0px 32px;
    text-align: center; } }

#localNav-02-faq .localNav .localNav__wrap a:hover {
  color: #005cab; }

#localNav-02-faq .localNav .localNav__wrap__list-02 a {
  color: #005cab; }

#localNav-03 .localNav .localNav__wrap__list-03 a {
  color: #d22615; }

@media screen and (max-width: 767px) {
  #localNav-03-jupii .localNav .localNav__wrap a {
    padding: 0; } }

#localNav-03-jupii .localNav .localNav__wrap a:hover {
  color: #ED6C00; }

#localNav-03-jupii .localNav .localNav__wrap__list-03 a {
  color: #ED6C00; }

#localNav-03-zeus .localNav .localNav__wrap a {
  padding: 0 105px; }
  @media screen and (max-width: 767px) {
    #localNav-03-zeus .localNav .localNav__wrap a {
      padding: 0; } }
  #localNav-03-zeus .localNav .localNav__wrap a:hover {
    color: #C998C5; }

#localNav-03-zeus .localNav .localNav__wrap__list-03 a {
  color: #C998C5; }

@media print, screen and (min-width: 768px) {
  #localNav-03-zeus .localNav .localNav__wrap__list-05 {
    width: 0; } }

@media print, screen and (min-width: 768px) {
  #localNav-03-zeus .localNav .localNav__wrap__list-06 {
    width: 0; } }

@media print, screen and (min-width: 768px) {
  #localNav-03-faq .localNav .localNav__wrap {
    -ms-flex-align: center;
        align-items: center; } }

@media print, screen and (min-width: 768px) {
  #localNav-03-faq .localNav .localNav__wrap a {
    padding: 0px 32px;
    text-align: center; } }

#localNav-03-faq .localNav .localNav__wrap a:hover {
  color: #005cab; }

#localNav-03-faq .localNav .localNav__wrap__list-03 a {
  color: #005cab; }

#localNav-04 .localNav .localNav__wrap__list-04 a {
  color: #d22615; }

@media screen and (max-width: 767px) {
  #localNav-04-jupii .localNav .localNav__wrap a {
    padding: 0; } }

#localNav-04-jupii .localNav .localNav__wrap a:hover {
  color: #ED6C00; }

#localNav-04-jupii .localNav .localNav__wrap__list-04 a {
  color: #ED6C00; }

#localNav-04-zeus .localNav .localNav__wrap a {
  padding: 0 105px; }
  @media screen and (max-width: 767px) {
    #localNav-04-zeus .localNav .localNav__wrap a {
      padding: 0; } }
  #localNav-04-zeus .localNav .localNav__wrap a:hover {
    color: #C998C5; }

#localNav-04-zeus .localNav .localNav__wrap__list-04 a {
  color: #C998C5; }

@media print, screen and (min-width: 768px) {
  #localNav-04-zeus .localNav .localNav__wrap__list-05 {
    width: 0; } }

@media print, screen and (min-width: 768px) {
  #localNav-04-zeus .localNav .localNav__wrap__list-06 {
    width: 0; } }

@media print, screen and (min-width: 768px) {
  #localNav-04-faq .localNav .localNav__wrap {
    -ms-flex-align: center;
        align-items: center; } }

@media print, screen and (min-width: 768px) {
  #localNav-04-faq .localNav .localNav__wrap a {
    padding: 0px 32px;
    text-align: center; } }

#localNav-04-faq .localNav .localNav__wrap a:hover {
  color: #005cab; }

#localNav-04-faq .localNav .localNav__wrap__list-04 a {
  color: #005cab; }

#localNav-05 .localNav .localNav__wrap__list-05 a {
  color: #d22615; }

@media screen and (max-width: 767px) {
  #localNav-05-jupii .localNav .localNav__wrap a {
    padding: 0; } }

#localNav-05-jupii .localNav .localNav__wrap a:hover {
  color: #ED6C00; }

#localNav-05-jupii .localNav .localNav__wrap__list-05 a {
  color: #ED6C00; }

@media print, screen and (min-width: 768px) {
  #localNav-05-zeus .localNav .localNav__wrap__list-05 {
    width: 0; } }

@media print, screen and (min-width: 768px) {
  #localNav-05-zeus .localNav .localNav__wrap__list-06 {
    width: 0; } }

@media print, screen and (min-width: 768px) {
  #localNav-05-faq .localNav .localNav__wrap {
    -ms-flex-align: center;
        align-items: center; } }

@media print, screen and (min-width: 768px) {
  #localNav-05-faq .localNav .localNav__wrap a {
    padding: 0px 32px;
    text-align: center; } }

#localNav-05-faq .localNav .localNav__wrap a:hover {
  color: #005cab; }

#localNav-05-faq .localNav .localNav__wrap__list-05 a {
  color: #005cab; }

#localNav-06 .localNav .localNav__wrap__list-06 a {
  color: #d22615; }

@media screen and (max-width: 767px) {
  #localNav-06-jupii .localNav .localNav__wrap a {
    padding: 0; } }

#localNav-06-jupii .localNav .localNav__wrap a:hover {
  color: #ED6C00; }

#localNav-06-jupii .localNav .localNav__wrap__list-06 a {
  color: #ED6C00; }

@media print, screen and (min-width: 768px) {
  #localNav-06-faq .localNav .localNav__wrap {
    -ms-flex-align: center;
        align-items: center; } }

@media print, screen and (min-width: 768px) {
  #localNav-06-faq .localNav .localNav__wrap a {
    padding: 0px 32px;
    text-align: center; } }

#localNav-06-faq .localNav .localNav__wrap a:hover {
  color: #005cab; }

#localNav-06-faq .localNav .localNav__wrap__list-06 a {
  color: #005cab; }

@media print, screen and (min-width: 768px) {
  #localNav-board .localNav .localNav__wrap__list-05 a {
    border: none; } }

.bread {
  /*
#overview
ぱんくず


01.var breadsにテキストとurl
<% var breads = [
    {name: '旭化成の断熱材　ホーム', url: '/'},
    {name: 'ネオマフォーム', url: '/'},
    {name: '製品ラインナップ', url: '/'},
] %>
02.var site_nameにページ名（リンクはつかない）
<% var site_name = "ネオマ®フォームDH"; %>
*/
  color: #656d73;
  font-size: 12px;
  min-width: 1280px;
  /*#styleguide
    ぱんくず
    ```

     <div class="bread pc">
        <ul class="bread__li">
            
                <li class="bread__li__item">
                    <a class="bread__li__item__link" href="/">
                        旭化成の断熱材　ホーム
                    </a>
                </li>
            
                <li class="bread__li__item">
                    <a class="bread__li__item__link" href="/">
                        ネオマフォーム
                    </a>
                </li>
            
                <li class="bread__li__item">
                    <a class="bread__li__item__link" href="/">
                        製品ラインナップ
                    </a>
                </li>
            
            <li>
                ネオマ®フォームDH
            </li>
        </ul>
    </div>

    ```
    */ }
  .bread__li {
    display: -ms-flexbox;
    display: flex;
    width: 1213px;
    margin: 15px auto 0; }
    .bread__li__item {
      padding-right: 21px;
      position: relative; }
      .bread__li__item__link {
        color: #656d73; }
      .bread__li__item:after {
        content: "＞";
        position: absolute;
        top: 1px;
        right: 4px; }
      .bread__li__item:last-child:after {
        content: ""; }

/*
#overview
ページ下ナビ


01.var bottomNavの値によってテキストの変更
・<% var bottomNav = "bottomNavA"; %>
→木造住宅用途のナビ
・<% var bottomNav = "bottomNavB"; %>
→鉄骨造・RC造用途ナビ
・<% var bottomNav = "bottomNavC"; %>
→産業資材用途ナビ

02.要素を消したいとき
・<dl class="bottomNav__wrap__list <% if(bottomNav == 'bottomNavC'){ %>hide<% } %>">
→hideクラスを付与
*/
.bottomNav {
  width: 895px;
  background-color: #f7f9fa;
  font-size: 14px;
  padding: 10px 0 30px;
  margin: 80px auto 80px;
  color: #656d73;
  /*#styleguide
    ページ内リンク
    ```
    <section id="article">

    <div class="bottomNav">
        <div class="bottomNav__wrap">
            <div class="bottomNav__wrap__item">
                <dl class="bottomNav__wrap__list bottomNav__wrap__list-01">
                    <dt class="bottomNav__wrap__list__ttl">
                        製品規格・設計価格
                    </dt>
                    <!--bottomNav01-->
                    <dd class="bottomNav__wrap__list__txt">
                        <a href="">＞製品規格</a>
                    </dd>
                    <dd class="bottomNav__wrap__list__txt">
                        <a href="">＞設計価格</a>
                    </dd>
                    <!--./bottomNav01-->
                </dl>
                <dl class="bottomNav__wrap__list">
                    <dt class="bottomNav__wrap__list__ttl">
                        施工について
                    </dt>
                    <!--bottomNav02-->
                    <dd class="bottomNav__wrap__list__txt">
                        <a href="">＞施工説明</a>
                    </dd>
                    <dd class="bottomNav__wrap__list__txt">
                        <a href="">＞副資材</a>
                    </dd>
                    <!--./bottomNav02-->
                </dl>
                <dl class="bottomNav__wrap__list ">
                    <dt class="bottomNav__wrap__list__ttl">
                        施工について
                    </dt>
                    <!--bottomNav03-->
                    <dd class="bottomNav__wrap__list__txt">
                        <a href="">＞お施主様の声</a>
                    </dd>
                    <dd class="bottomNav__wrap__list__txt">
                        <a href="">＞７つのストーリー</a>
                    </dd>
                    <!--./bottomNav03-->
                </dl>
            </div>
            <div class="bottomNav__wrap__item">
                <dl class="bottomNav__wrap__list bottomNav__wrap__list">
                    <dt class="bottomNav__wrap__list__ttl">
                        設計について
                    </dt>
                    <!--bottomNav04-->
                    <dd class="bottomNav__wrap__list__txt">
                        <a href="">＞省エネ等級別厚さ表 </a>
                    </dd>
                    <dd class="bottomNav__wrap__list__txt">
                        <a href="">＞耐火構造認定一覧</a>
                    </dd>
                    <dd class="bottomNav__wrap__list__txt">
                        <a href="">＞設計プランのポイント</a>
                    </dd>
                    <dd class="bottomNav__wrap__list__txt">

                    </dd>
                    <dd class="bottomNav__wrap__list__txt">

                    </dd>
                    <!--./bottomNav04-->
                </dl>
                <dl class="bottomNav__wrap__list bottomNav__wrap__list  ">
                    <dt class="bottomNav__wrap__list__ttl">
                        断熱工法について
                    </dt>
                    <!--bottomNav05-->
                    <dd class="bottomNav__wrap__list__txt">
                        <a href="">＞断熱の大切さ</a>
                    </dd>
                    <dd class="bottomNav__wrap__list__txt">
                        <a href="">＞断熱工法の違い</a>
                    </dd>
                    <dd class="bottomNav__wrap__list__txt">
                        <a href="">＞外張り断熱とは</a>
                    </dd>
                    <!--./bottomNav05-->
                </dl>
            </div>
        </div>
    </div>
    </section>
    ```
    */ }
  @media screen and (max-width: 767px) {
    .bottomNav {
      width: 100%;
      font-size: 12px;
      font-size: 3.75vw;
      padding: 1.5625% 0 4.6875%;
      margin-bottom: 0; } }
  .bottomNav__wrap {
    display: -ms-flexbox;
    display: flex;
    width: 833px;
    margin: 0 auto;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    @media screen and (max-width: 767px) {
      .bottomNav__wrap {
        -ms-flex-direction: column;
            flex-direction: column;
        width: 90.625%; } }
    .bottomNav__wrap__list {
      width: 411px;
      background-color: #ffffff;
      padding: 20px 0 18px;
      margin-top: 20px; }
      @media screen and (max-width: 767px) {
        .bottomNav__wrap__list {
          width: auto;
          margin-top: 3.125%;
          padding: 4.6875% 0 3.125%; } }
      .bottomNav__wrap__list__ttl {
        font-size: 18px;
        letter-spacing: 0.15em;
        font-weight: 500;
        width: 375px;
        margin: 0 auto 5px;
        padding: 0 0 10px;
        border-bottom: 1px solid #ebeff2; }
        @media screen and (max-width: 767px) {
          .bottomNav__wrap__list__ttl {
            width: 87.5%;
            font-size: 15px;
            font-size: 4.6875vw;
            line-height: 1.5; } }
      .bottomNav__wrap__list__txt {
        width: 375px;
        margin: 15px auto 0;
        font-weight: 300; }
        @media screen and (max-width: 767px) {
          .bottomNav__wrap__list__txt {
            width: 87.5%;
            margin: 3.90625% auto 0; }
            .bottomNav__wrap__list__txt a {
              display: inline-block;
              text-indent: -1em;
              padding-left: 1em;
              line-height: 1.5; } }
  .bottomNav--2 {
    width: 1090px; }
    @media screen and (max-width: 767px) {
      .bottomNav--2 {
        width: 100%; } }

/*
#overview
pickUp


01.<%- include('../../../common/_pickUp',{rel_path:'../../../../'}) %>でinclude
rel_pathの値はページによって変更
*/
.pickUp {
  padding: 50px 0 60px;
  background-color: #ebeff2;
  min-width: 1280px; }
  @media screen and (max-width: 767px) {
    .pickUp {
      min-width: 0;
      padding: 12.5% 0 12.03125%; } }
  .pickUp__wrap {
    width: 1200px;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      .pickUp__wrap {
        width: auto;
        width: 92.1875%; } }

.pickCard {
  margin-top: 22px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media screen and (max-width: 767px) {
    .pickCard {
      margin: 0 auto;
      margin-top: 5.1458%; } }
  .pickCard__item {
    border-right: 1px solid #d1d5d7;
    border-bottom: 1px solid #d1d5d7;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 22px; }
    @media screen and (max-width: 767px) {
      .pickCard__item {
        width: 48.88508%;
        margin-top: 1.69492%; } }
    .pickCard__item a:hover {
      text-decoration: none; }
    .pickCard__item__txt {
      text-align: center;
      font-size: 18px;
      padding: 22px 0 20px;
      background-color: #fff;
      font-weight: 400;
      letter-spacing: 0.1em;
      color: #656d73; }
      @media screen and (max-width: 767px) {
        .pickCard__item__txt {
          padding: 6.31579% 0 5.96491%;
          font-size: 12px;
          font-size: 3.75vw;
          letter-spacing: 0; } }

/*#styleguide
    pickUp
    ```
     <div class="pickUp">
            <div class="pickUp__wrap">
                <div class="head__ttl">
                    PICK UP
                </div>
                <div class="pickCard">
                    <figure class="pickCard__item">
                        <a href="">
                            <div>
                                <img src="/akk/insulation/assets/img/pickUp/pickup-01.png" alt="" class="rp">
                            </div>
                            <figcaption class="pickCard__item__txt">
                                断熱のすすめ
                            </figcaption>
                        </a>
                    </figure>
                    <figure class="pickCard__item">
                        <a href="">
                            <div>
                                <img src="/akk/insulation/assets/img/pickUp/pickup-02.png" alt="" class="rp">
                            </div>
                            <figcaption class="pickCard__item__txt">
                                断熱リフォーム
                            </figcaption>
                        </a>
                    </figure>
                    <figure class="pickCard__item">
                        <a href="">
                            <div>
                                <img src="/akk/insulation/assets/img/pickUp/pickup-03.png" alt="" class="rp">
                            </div>
                            <figcaption class="pickCard__item__txt">
                                建てるなら年中楽園
                            </figcaption>
                        </a>
                    </figure>
                    <figure class="pickCard__item">
                        <a href="">
                            <div>
                                <img src="/akk/insulation/assets/img/pickUp/pickup-04.png" alt="" class="rp">
                            </div>
                            <figcaption class="pickCard__item__txt">
                                ネオマリーダーズクラブ
                            </figcaption>
                        </a>
                    </figure>
                    <figure class="pickCard__item">
                        <a href="">
                            <div>
                                <img src="/akk/insulation/assets/img/pickUp/pickup-05.png" alt="" class="rp">
                            </div>
                            <figcaption class="pickCard__item__txt">
                                北海道でネオマ
                            </figcaption>
                        </a>
                    </figure>
                    <figure class="pickCard__item">
                        <a href="">
                            <div>
                                <img src="/akk/insulation/assets/img/pickUp/pickup-06.png" alt="" class="rp">
                            </div>
                            <figcaption class="pickCard__item__txt">
                                ネオマの家
                            </figcaption>
                        </a>
                    </figure>
                    <figure class="pickCard__item">
                        <a href="">
                            <div>
                                <img src="/akk/insulation/assets/img/pickUp/pickup-07.png" alt="" class="rp">
                            </div>
                            <figcaption class="pickCard__item__txt">
                                7つのストーリー
                            </figcaption>
                        </a>
                    </figure>
                    <figure class="pickCard__item">
                        <a href="">
                            <div>
                                <img src="/akk/insulation//assets/img/pickUp/pickup-08.png" alt="" class="">
                            </div>
                            <figcaption class="pickCard__item__txt">
                                旭化成のCM
                            </figcaption>
                        </a>
                    </figure>
                </div>
            </div>
        </div>
    ```
    */
/*module*/
/*
#overview
モジュール


01.全ページで使える共通パーツ
*/
@media screen and (max-width: 767px) {
  .tablenone {
    display: none; } }

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

.indent1-5 {
  text-indent: -1.5em;
  padding-left: 1.5em; }

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

.indent25 {
  text-indent: -2.5em;
  padding-left: 2.5em; }

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

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

@media screen and (max-width: 767px) {
  .mt00-sp {
    margin-top: 0% !important; } }

.mt20 {
  margin-top: 20px !important; }
  @media screen and (max-width: 767px) {
    .mt20 {
      margin-top: 3.125% !important; } }

.mt40 {
  margin-top: 40px !important; }
  @media screen and (max-width: 767px) {
    .mt40 {
      margin-top: 6.25% !important; } }

@media screen and (max-width: 767px) {
  .mt40--sp {
    margin-top: 6.25% !important; } }

.mt60 {
  margin-top: 60px !important; }
  @media screen and (max-width: 767px) {
    .mt60 {
      margin-top: 9.375% !important; } }

.mt80 {
  margin-top: 80px !important; }
  @media screen and (max-width: 767px) {
    .mt80 {
      margin-top: 12.5% !important; } }

.m80 {
  margin-top: 80px !important; }
  @media screen and (max-width: 767px) {
    .m80 {
      margin-top: 12.5% !important; } }

.mb10 {
  margin-bottom: 10px !important; }
  @media screen and (max-width: 767px) {
    .mb10 {
      margin-bottom: 1.5625% !important; } }

.head__ttl {
  color: #005bac;
  font-size: 26px;
  font-weight: 400;
  padding-top: 17px;
  position: relative;
  font-weight: 400;
  letter-spacing: 0.1em; }
  @media screen and (max-width: 767px) {
    .head__ttl {
      font-size: 20px;
      font-size: 6.25vw;
      padding-top: 3.90625%; }
      .head__ttl-news {
        font-size: 16px;
        font-size: 5vw; } }
  .head__ttl:after {
    content: " ";
    position: absolute;
    width: 8%;
    height: 100%;
    background: url(../img/ttl_line.png);
    background-repeat: no-repeat;
    left: 0;
    top: 0; }

sub {
  position: relative;
  vertical-align: sub;
  font-size: 78%;
  bottom: -0.1em;
  top: -0.5em; }

sup {
  vertical-align: super;
  font-size: 50%;
  right: 0.5%;
  position: relative;
  top: -0.5em;
  line-height: 0; }

.redTxt {
  color: #FF0000; }

.underline {
  text-decoration: underline; }
  .underline:hover {
    text-decoration: none; }

.lineh {
  line-height: 1.5; }

.special {
  background-color: #ebeff2;
  padding: 65px 0 60px; }
  @media screen and (max-width: 767px) {
    .special {
      padding: 12.65625% 0; } }
  .special__ttl {
    width: 1200px;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      .special__ttl {
        width: 93.75%;
        margin: 0 auto; } }
  .special__wrap {
    width: 1200px;
    margin: 22px auto 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    @media screen and (max-width: 767px) {
      .special__wrap {
        display: block;
        width: auto;
        margin-top: 5%; } }
    .special__wrap__card {
      width: 285px;
      margin-top: 20px;
      border-right: 2px solid #d1d5d7;
      border-bottom: 2px solid #d1d5d7; }
      @media screen and (max-width: 767px) {
        .special__wrap__card {
          width: 93.75%;
          margin: 1.71875% auto 0;
          border-right: 1px solid #d1d5d7;
          border-bottom: 1px solid #d1d5d7; } }
      .special__wrap__card a:hover {
        text-decoration: none; }
      @media screen and (max-width: 767px) {
        .special__wrap__card a {
          display: -ms-flexbox;
          display: flex;
          background-color: #fff; } }
      @media screen and (max-width: 767px) {
        .special__wrap__card__img {
          width: 36.33333%; } }
      .special__wrap__card__btm {
        background-color: #fff;
        padding: 20px 0 35px; }
        @media screen and (max-width: 767px) {
          .special__wrap__card__btm {
            width: 63.66667%;
            padding: 5.46875% 0 0; } }
        .special__wrap__card__btm__ttl {
          color: #5d6466;
          font-size: 18px;
          font-weight: 700;
          width: 250px;
          margin: 0 auto; }
          @media screen and (max-width: 767px) {
            .special__wrap__card__btm__ttl {
              font-size: 14px;
              font-size: 4.375vw;
              font-weight: 500;
              width: 83.24607%;
              letter-spacing: -.02em; } }
        .special__wrap__card__btm__txt {
          padding-top: 16px;
          color: #5d6466;
          font-size: 13px;
          width: 250px;
          margin: 0 auto;
          line-height: 22px;
          height: 34px; }
          @media screen and (max-width: 767px) {
            .special__wrap__card__btm__txt {
              height: auto;
              width: 83.24607%;
              padding-top: 3.75%;
              font-size: 12px;
              font-size: 3.75vw;
              font-weight: 200;
              letter-spacing: 0; } }

@media print, screen and (min-width: 768px) {
  .whitespace {
    white-space: nowrap; } }

/*20170731近藤追記*/
#article .olNum {
  font-size: 16px;
  margin: 0;
  padding: 0; }

@media screen and (max-width: 767px) {
  #article .olNum {
    font-size: 14px;
    font-size: 4.375vw;
    margin-top: 9.375%;
    width: 90.78125%;
    margin-left: auto;
    margin-right: auto; } }

#article .olNum li {
  margin-top: 5px;
  line-height: 1.8;
  margin-left: 2.5em;
  padding-left: -2.5em;
  text-align: left; }

@media screen and (max-width: 767px) {
  #article .olNum li {
    margin-top: 0.78125%;
    margin-left: 1.2em;
    padding-left: -1.2em; } }

#article .olNum li:first-child {
  margin-top: 0; }

@media screen and (max-width: 767px) {
  #article .ulItem:before {
    font-size: 14px;
    font-size: 4.375vw; } }

#article table.type01 td .olNum li {
  margin-left: 1em; }

/*20170731近藤追記ココマデ*/
/*pages*/
.top {
  color: #656d73; }
  @media screen and (max-width: 767px) {
    .top .mv {
      background-color: #dfe4e6;
      position: relative; } }
  .top .mv__slide__img {
    width: 1400px; }
  .top .mv__btn {
    width: 1400px;
    margin: 0 auto;
    position: relative; }
    @media screen and (max-width: 767px) {
      .top .mv__btn {
        width: auto;
        display: -ms-flexbox;
        display: flex;
        width: 96.875%;
        margin: 0 auto;
        -ms-flex-pack: justify;
            justify-content: space-between;
        position: static;
        padding: 1.71875% 0; } }
    .top .mv__btn__wrap {
      position: absolute;
      top: -258px;
      cursor: pointer; }
      @media screen and (max-width: 767px) {
        .top .mv__btn__wrap {
          top: 30%;
          width: 3.4375%; } }
      .top .mv__btn__wrap-left {
        left: 40px; }
        @media screen and (max-width: 767px) {
          .top .mv__btn__wrap-left {
            left: 2%; } }
      .top .mv__btn__wrap-right {
        right: 40px; }
        @media screen and (max-width: 767px) {
          .top .mv__btn__wrap-right {
            right: 2%; } }
    .top .mv__btn__link {
      position: absolute;
      right: 160px;
      background-color: #fff; }
      @media screen and (max-width: 767px) {
        .top .mv__btn__link {
          position: relative;
          right: auto;
          background: none; } }
      .top .mv__btn__link-top {
        top: -450px; }
        @media screen and (max-width: 767px) {
          .top .mv__btn__link-top {
            top: auto;
            width: 49.19355%; } }
      .top .mv__btn__link-btm {
        top: -230px; }
        @media screen and (max-width: 767px) {
          .top .mv__btn__link-btm {
            top: auto;
            width: 49.19355%; } }
  .top .detail__wrap {
    width: 1083px;
    margin: 31px auto 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center; }
    @media screen and (max-width: 767px) {
      .top .detail__wrap {
        width: 94.6875%;
        margin: 6.25% auto 0; } }
    .top .detail__wrap__txt {
      font-size: 15px;
      color: #484b4d;
      width: 722px; }
      @media screen and (max-width: 767px) {
        .top .detail__wrap__txt {
          font-size: 12px;
          font-size: 3.75vw;
          line-height: 1.4;
          width: 71.875%;
          width: auto;
          padding-top: 3%; } }
    .top .detail__wrap__time {
      width: 200px; }
      .top .detail__wrap__time span {
        display: inline-block;
        vertical-align: 3px;
        width: 48px;
        height: 17px;
        margin-left: 6px;
        font-size: 12px;
        letter-spacing: .1em;
        line-height: 17px;
        text-align: center;
        color: #fff;
        background: #005cab;
        margin-right: 5px;
        vertical-align: baseline; }
    .top .detail__wrap__txt-area {
      font-size: 15px;
      color: #484b4d;
      display: -ms-flexbox;
      display: flex;
      margin-right: 5px; }
      @media screen and (max-width: 767px) {
        .top .detail__wrap__txt-area {
          font-size: 12px;
          font-size: 3.75vw;
          line-height: 1.4;
          width: 71.875%;
          display: block; } }
  .top .top-products {
    margin: 31px auto 0;
    padding: 71px 0 68px;
    background-color: #ebeff2; }
    @media screen and (max-width: 767px) {
      .top .top-products {
        margin: 6.25% auto 0;
        padding: 12.5% 0 0; } }
    .top .top-products__wrap {
      display: -ms-flexbox;
      display: flex;
      min-width: 1200px;
      width: 1200px;
      -ms-flex-pack: justify;
          justify-content: space-between;
      margin: 0 auto; }
      @media screen and (max-width: 767px) {
        .top .top-products__wrap {
          width: auto;
          display: block;
          min-width: 0; } }
      .top .top-products__wrap__lineUp {
        width: 574px; }
        @media screen and (max-width: 767px) {
          .top .top-products__wrap__lineUp {
            width: auto; } }
      .top .top-products__wrap__use {
        width: 574px; }
        @media screen and (max-width: 767px) {
          .top .top-products__wrap__use {
            width: auto;
            margin: 12.65625% 0 0;
            padding: 0 0 12.65625%; } }
  .top .top-products__ttl {
    font-size: 24px;
    text-align: center;
    line-height: 30px;
    font-weight: 500; }
    @media screen and (max-width: 767px) {
      .top .top-products__ttl {
        width: auto;
        font-size: 19px;
        font-size: 5.9375vw; } }
    .top .top-products__ttl span {
      color: #d02013;
      font-size: 16px; }
      @media screen and (max-width: 767px) {
        .top .top-products__ttl span {
          font-size: 13px;
          font-size: 4.0625vw; } }
    .top .top-products__ttl-smal {
      color: #5d6466;
      font-size: 18px;
      line-height: 20px; }
      @media screen and (max-width: 767px) {
        .top .top-products__ttl-smal {
          font-size: 15px;
          font-size: 4.6875vw;
          line-height: 1.2; } }
      .top .top-products__ttl-smal span {
        font-size: 12px; }
        @media screen and (max-width: 767px) {
          .top .top-products__ttl-smal span {
            font-size: 11px;
            font-size: 3.4375vw;
            line-height: 1; } }
  .top .lineUp {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: justify;
        justify-content: space-between;
    margin: 14px 0 0; }
    @media screen and (max-width: 767px) {
      .top .lineUp {
        width: auto;
        padding: 0 1%; } }
    @media screen and (max-width: 767px) {
      .top .lineUp li {
        width: 49.21875%;
        border-bottom: 1px solid #ccc; } }
    .top .lineUp__box {
      background-color: #fff;
      display: -ms-flexbox;
      display: flex;
      width: 277px;
      -ms-flex-pack: justify;
          justify-content: space-between;
      padding: 10px 0;
      margin: 20px 0 0;
      height: 64px; }
      @media screen and (max-width: 767px) {
        .top .lineUp__box {
          width: 100%;
          padding: 0;
          height: auto; } }
      .top .lineUp__box:hover {
        text-decoration: none; }
      .top .lineUp__box-link {
        background-color: #d02013;
        text-align: center;
        padding: 33px 0;
        height: auto;
        position: relative; }
        @media screen and (max-width: 767px) {
          .top .lineUp__box-link {
            padding: 22% 0; } }
        .top .lineUp__box-link__txt {
          color: #fff;
          width: 100%;
          font-size: 18px;
          /* フォント置換による類似 */
          font-weight: 500; }
          @media screen and (max-width: 767px) {
            .top .lineUp__box-link__txt {
              font-size: 14px;
              font-size: 4.375vw;
              line-height: 1.2; } }
        .top .lineUp__box-link__arrow {
          position: absolute;
          right: 24px; }
          @media screen and (max-width: 767px) {
            .top .lineUp__box-link__arrow {
              right: 0;
              width: 5.48387%;
              -ms-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
              top: 50%; } }
      .top .lineUp__box__left {
        border-left: 6px solid #d02013;
        padding-left: 16px; }
        @media screen and (max-width: 767px) {
          .top .lineUp__box__left {
            margin: 3.90625% 0;
            border-left: 3px solid #d02013;
            width: 68.85246%;
            padding-left: 3.93443%; } }
        .top .lineUp__box__left__ttl {
          color: #b30000;
          font-size: 13px;
          line-height: 18px; }
          @media screen and (max-width: 767px) {
            .top .lineUp__box__left__ttl {
              font-size: 9px;
              font-size: 2.8125vw;
              letter-spacing: 0; } }
        .top .lineUp__box__left__txt {
          font-weight: 300;
          padding-top: 9px;
          color: #5d6466;
          font-size: 16px;
          font-weight: 500; }
          @media screen and (max-width: 767px) {
            .top .lineUp__box__left__txt {
              font-size: 13px;
              font-size: 4.0625vw;
              padding-top: 2.34375%; } }
      .top .lineUp__box__right {
        padding: 9px 10px 0 0; }
        @media screen and (max-width: 767px) {
          .top .lineUp__box__right {
            padding: 0;
            width: 25.8%; } }
  .top .use {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 14px 0 0; }
    @media screen and (max-width: 767px) {
      .top .use {
        margin: 4.6875% 1%; } }
    .top .use__box {
      overflow: hidden;
      position: relative;
      margin: 20px 0 0; }
      @media print {
        .top .use__box {
          overflow: inherit; } }
      @media screen and (max-width: 767px) {
        .top .use__box {
          width: 49.3%;
          margin: 1% 0 0; } }
      .top .use__box:after {
        content: '';
        width: 100%;
        height: 40px;
        opacity: 1;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 1;
        background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.35) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#59000000', GradientType=0); }
        @media screen and (max-width: 767px) {
          .top .use__box:after {
            height: 63px;
            background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 100%); } }
      .top .use__box a:hover img {
        opacity: 1; }
      .top .use__box__img {
        transition: all .3s ease-out;
        z-index: 1; }
        .top .use__box__img:hover {
          -ms-transform: scale(1.2);
              transform: scale(1.2); }
        .top .use__box__img img {
          transform: translate3d(0, 0, 0); }
      .top .use__box__txt {
        position: absolute;
        margin: auto;
        left: 0;
        width: 100%;
        text-align: center;
        color: #ffffff;
        font-size: 16px;
        bottom: 9px;
        z-index: 2; }
        @media screen and (max-width: 767px) {
          .top .use__box__txt {
            font-size: 15px;
            font-size: 4.6875vw;
            line-height: 1.4; } }
  .top .page {
    width: 1200px;
    margin: 30px auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    @media screen and (max-width: 767px) {
      .top .page {
        width: auto;
        display: block;
        margin: 7.03125% auto; } }
    .top .page__ttl {
      color: #005cab;
      font-size: 18px;
      padding-right: 55px; }
      @media screen and (max-width: 767px) {
        .top .page__ttl {
          text-align: center;
          padding: 0;
          font-size: 16px;
          font-size: 5vw;
          font-weight: 500; } }
    .top .page__wrap {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between; }
      @media screen and (max-width: 767px) {
        .top .page__wrap {
          width: 93.75%;
          margin: 1.5625% auto 0;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; } }
      @media screen and (max-width: 767px) {
        .top .page__wrap li {
          width: 49.16667%;
          margin: 4.21875% 0 0; } }
      .top .page__wrap__li {
        background-color: #ebeff2;
        text-align: center;
        font-size: 14px;
        display: block;
        border-radius: 50px;
        padding: 10px 28px;
        color: #005cab;
        margin: 0 6px; }
        @media screen and (max-width: 767px) {
          .top .page__wrap__li {
            width: 100%;
            padding: 4.6875% 0;
            font-size: 11px;
            font-size: 3.4375vw;
            margin: 0 0; } }
        .top .page__wrap__li:hover {
          text-decoration: none; }
  .top .contents {
    background-image: url(../img/top/contents_bg.jpg);
    background-size: cover;
    padding: 80px 0 82px; }
    @media screen and (max-width: 767px) {
      .top .contents {
        background-image: url(../img/top/contents_bg--sp.jpg);
        padding: 12.5% 0; } }
    .top .contents__wrap {
      display: -ms-flexbox;
      display: flex;
      overflow: hidden;
      width: 1080px;
      margin: 0 auto; }
      @media print {
        .top .contents__wrap {
          overflow: inherit; } }
      @media screen and (max-width: 767px) {
        .top .contents__wrap {
          display: block;
          width: 87.5%; } }
      .top .contents__wrap__inner {
        background-color: #fff;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        width: 416px;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        overflow: hidden; }
        @media print {
          .top .contents__wrap__inner {
            overflow: inherit; } }
        @media screen and (max-width: 767px) {
          .top .contents__wrap__inner {
            width: auto; } }
        .top .contents__wrap__inner__li {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center; }
          @media print {
            .top .contents__wrap__inner__li {
              display: block;
              font-size: 0; } }
          .top .contents__wrap__inner__li-last {
            box-sizing: border-box;
            width: 416px;
            border-right: 1px solid #e1dedb;
            border-bottom: 1px solid #e1dedb; }
            @media screen and (max-width: 767px) {
              .top .contents__wrap__inner__li-last {
                width: auto; } }
          .top .contents__wrap__inner__li:hover {
            text-decoration: none; }
            .top .contents__wrap__inner__li:hover .contents__wrap__inner__li__img__in {
              -ms-transform: scale(1.2);
                  transform: scale(1.2); }
            .top .contents__wrap__inner__li:hover img {
              opacity: 1; }
          .top .contents__wrap__inner__li__ttl {
            width: 208px;
            -ms-flex-direction: column;
                flex-direction: column;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; }
            @media screen and (max-width: 767px) {
              .top .contents__wrap__inner__li__ttl {
                width: 50%; } }
            @media print {
              .top .contents__wrap__inner__li__ttl {
                display: inline-block;
                padding-top: 20%;
                vertical-align: top; } }
          .top .contents__wrap__inner__li__img {
            position: relative;
            overflow: hidden; }
            @media print {
              .top .contents__wrap__inner__li__img {
                display: inline-block;
                width: 205px; } }
            @media screen and (max-width: 767px) {
              .top .contents__wrap__inner__li__img {
                width: 50%; } }
            .top .contents__wrap__inner__li__img__in {
              transition: all .3s ease-out; }
            .top .contents__wrap__inner__li__img__arrow {
              position: absolute;
              top: 0;
              height: 30px;
              margin: auto;
              bottom: 0; }
              .top .contents__wrap__inner__li__img__arrow-btm {
                right: 0; }
              @media screen and (max-width: 767px) {
                .top .contents__wrap__inner__li__img__arrow {
                  width: 7.14286%; } }
  .top .top__ttl {
    color: #005bac;
    font-size: 26px;
    font-weight: 400;
    padding-top: 17px;
    position: relative; }
    @media screen and (max-width: 767px) {
      .top .top__ttl {
        font-size: 20px;
        font-size: 6.25vw;
        padding-top: 3.90625%; }
        .top .top__ttl-news {
          font-size: 16px;
          font-size: 5vw; } }
    .top .top__ttl:after {
      content: " ";
      position: absolute;
      width: 8%;
      height: 100%;
      background: url(../img/ttl_line.png);
      background-repeat: no-repeat;
      left: 0;
      top: 0; }
  .top .infomation {
    margin: 68px 0 0; }
    @media screen and (max-width: 767px) {
      .top .infomation {
        margin: 9.84375% 0 0; } }
    .top .infomation__ttl {
      width: 1200px;
      margin: 0 auto; }
      @media screen and (max-width: 767px) {
        .top .infomation__ttl {
          width: 93.75%;
          margin: 0 auto; } }
    .top .infomation__wrap {
      display: -ms-flexbox;
      display: flex;
      width: 1200px;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin: 4px auto 0; }
      @media screen and (max-width: 767px) {
        .top .infomation__wrap {
          width: 94.21875%;
          margin: 0.78125% auto 0; } }
      .top .infomation__wrap__card {
        width: 285px;
        display: block;
        margin: 26px 20px 0 0; }
        @media screen and (max-width: 767px) {
          .top .infomation__wrap__card {
            width: 49.08789%;
            margin: 5.15625% 1.2% 0 0; }
            .top .infomation__wrap__card:nth-child(2n) {
              margin-right: 0; } }
        @media print, screen and (min-width: 768px) {
          .top .infomation__wrap__card:nth-child(4n) {
            margin-right: 0; } }
        .top .infomation__wrap__card:hover {
          text-decoration: none; }
          .top .infomation__wrap__card:hover img {
            opacity: 1; }
          .top .infomation__wrap__card:hover .infomation__wrap__card__img__in {
            -ms-transform: scale(1);
                transform: scale(1); }
        .top .infomation__wrap__card__img {
          overflow: hidden;
          border: 1px solid #d2d6d9; }
          @media print {
            .top .infomation__wrap__card__img {
              overflow: inherit; } }
          .top .infomation__wrap__card__img__in {
            transition: all .3s ease-out; }
        .top .infomation__wrap__card__txt {
          padding-top: 15px;
          color: #5d6466;
          font-size: 16px;
          text-align: center;
          line-height: 22px; }
          @media screen and (max-width: 767px) {
            .top .infomation__wrap__card__txt {
              font-size: 12px;
              font-size: 3.75vw;
              padding-top: 1.40625%; } }
  .top .news {
    margin: 50px 0 65px; }
    @media screen and (max-width: 767px) {
      .top .news {
        margin: 13.59375% 0; } }
    .top .news__top {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      width: 1200px;
      margin: 0 auto; }
      @media screen and (max-width: 767px) {
        .top .news__top {
          width: auto; } }
      @media screen and (max-width: 767px) {
        .top .news__top__ttl {
          width: 93.75%;
          margin: 0 auto; } }
    .top .news__wrap {
      width: 1200px;
      margin: 30px auto 0; }
      @media screen and (max-width: 767px) {
        .top .news__wrap {
          width: auto;
          margin: 6.25% auto 0; } }
      .top .news__wrap__li {
        font-size: 15px;
        padding: 18px;
        border-top: 1px solid #d2d6d9; }
        @media screen and (max-width: 767px) {
          .top .news__wrap__li {
            padding: 5.9375% 0;
            font-size: 14px;
            font-size: 4.375vw;
            line-height: 1.9; } }
        .top .news__wrap__li-last {
          border-bottom: 1px solid #d2d6d9; }
        .top .news__wrap__li .txtWrap:hover {
          text-decoration: none; }
        @media screen and (max-width: 767px) {
          .top .news__wrap__li .txtWrap {
            width: 93.75%;
            margin: 0 auto;
            display: block; } }
        .top .news__wrap__li .txtWrap.blank:after {
          content: "";
          display: inline-block;
          vertical-align: baseline;
          margin-left: .4em;
          width: 17px;
          height: 17px;
          background: url(/akk/insulation/assets/img/link_2.png) no-repeat top center;
          background-size: contain; }
        .top .news__wrap__li .txtWrap .pdfIcon {
          margin-left: .3em;
          font-size: 12px; }
          .top .news__wrap__li .txtWrap .pdfIcon img {
            margin-right: 4px;
            vertical-align: baseline; }
            @media screen and (max-width: 767px) {
              .top .news__wrap__li .txtWrap .pdfIcon img {
                width: 17px;
                height: 20px; } }
        .top .news__wrap__li .new {
          display: inline-block;
          vertical-align: 3px;
          width: 48px;
          height: 17px;
          margin-left: 6px;
          font-size: 12px;
          letter-spacing: .1em;
          line-height: 17px;
          text-align: center;
          color: #fff;
          background: #005cab; }
        .top .news__wrap__li .linkContent:hover {
          text-decoration: underline; }
        .top .news__wrap__li__time {
          color: #005bac;
          display: inline-block; }
          @media screen and (max-width: 767px) {
            .top .news__wrap__li__time {
              width: 93.75%;
              margin: 0 auto; } }
        .top .news__wrap__li__txt {
          padding-left: 18px;
          display: inline-block; }
          @media screen and (max-width: 767px) {
            .top .news__wrap__li__txt {
              display: inline;
              padding-left: 0;
              padding-top: 1.875%; } }

#article {
  color: #656d73;
  /*
#overview
共通記事ページ

共通記事ページ用のモジュール類
*/ }
  @media screen and (max-width: 767px) {
    #article .spWidth {
      width: 90.78125%;
      margin-left: auto;
      margin-right: auto;
      line-height: 1.2; }
      #article .spWidth--alignL {
        text-align: left; } }
  @media screen and (max-width: 767px) {
    #article img {
      max-width: 100%;
      width: auto; } }
  #article .articleWrap {
    min-width: 1280px; }
    @media screen and (max-width: 767px) {
      #article .articleWrap {
        min-width: 0; } }
  #article .mv {
    width: 100%; }
    #article .mv img {
      width: 100%; }
  #article .articleInner {
    padding-top: 80px;
    width: 895px;
    margin: 0 auto;
    color: #656d73;
    font-weight: 300; }
    @media screen and (max-width: 767px) {
      #article .articleInner {
        width: 100%;
        padding-top: 12.5%; } }
    @media print, screen and (min-width: 768px) {
      #article .articleInner--wide {
        width: 1090px; } }
  #article .articleBold {
    font-weight: 500; }
  #article .articleLine {
    text-decoration: underline; }
  #article .articleTtl {
    /*#styleguide
    見出し(h2)


    ```
    <section id="article">

    <h2 class="articleTtl">
    <div class="articleTtl__ruby">Product Features</div>
    製品特長
    </h2>

    </section>
    ```
    */
    font-size: 32px;
    font-weight: 500;
    color: #656d73;
    letter-spacing: 0.1em;
    line-height: 1.4;
    position: relative;
    padding-top: 30px; }
    @media screen and (max-width: 767px) {
      #article .articleTtl {
        width: 90.78125%;
        margin-left: auto;
        margin-right: auto; } }
    @media screen and (max-width: 767px) {
      #article .articleTtl {
        font-size: 23px;
        font-size: 7.1875vw; } }
    #article .articleTtl:after {
      content: "";
      border-bottom: 3px solid #d22615;
      width: 45px;
      height: 2px;
      position: absolute;
      top: 0;
      left: 3px; }
      @media screen and (max-width: 767px) {
        #article .articleTtl:after {
          width: 13%; } }
    #article .articleTtl__ruby {
      color: #d22615;
      font-size: 18px;
      font-weight: 400;
      letter-spacing: 0.1em;
      margin-bottom: 12px; }
      @media screen and (max-width: 767px) {
        #article .articleTtl__ruby {
          font-size: 14px;
          font-size: 4.375vw;
          margin-bottom: 4.41176%; } }
  #article .articleTtl--blue {
    /*#styleguide
    見出し(h2)


    ```
    <section id="article">

    <h2 class="articleTtl">
    <div class="articleTtl__ruby">Product Features</div>
    製品特長
    </h2>

    </section>
    ```
    */
    font-size: 32px;
    font-weight: 500;
    color: #656d73;
    letter-spacing: 0.1em;
    position: relative;
    padding-top: 30px; }
    @media screen and (max-width: 767px) {
      #article .articleTtl--blue {
        width: 90.78125%;
        margin-left: auto;
        margin-right: auto; } }
    @media screen and (max-width: 767px) {
      #article .articleTtl--blue {
        font-size: 23px;
        font-size: 7.1875vw; } }
    #article .articleTtl--blue:after {
      content: "";
      border-bottom: 3px solid #005cab;
      width: 45px;
      height: 2px;
      position: absolute;
      top: 0;
      left: 3px; }
      @media screen and (max-width: 767px) {
        #article .articleTtl--blue:after {
          width: 13%; } }
    #article .articleTtl--blue__ruby {
      color: #005cab;
      font-size: 18px;
      font-weight: 400;
      letter-spacing: 0.1em;
      margin-bottom: 12px; }
      @media screen and (max-width: 767px) {
        #article .articleTtl--blue__ruby {
          font-size: 14px;
          font-size: 4.375vw;
          margin-bottom: 4.41176%; } }
  #article .articleTtl--orange {
    /*#styleguide
    見出し(h2)
    （ネオマジュピー）

    ```
    <section id="article">

    <h2 class="articleTtl--orange">
    <div class="articleTtl--orange__ruby">Product Features</div>
    製品特長
    </h2>

    </section>
    ```
    */
    font-size: 32px;
    font-weight: 500;
    color: #656d73;
    letter-spacing: 0.1em;
    position: relative;
    padding-top: 26px; }
    @media screen and (max-width: 767px) {
      #article .articleTtl--orange {
        width: 90.78125%;
        margin-left: auto;
        margin-right: auto; } }
    @media screen and (max-width: 767px) {
      #article .articleTtl--orange {
        font-size: 23px;
        font-size: 7.1875vw; } }
    #article .articleTtl--orange:after {
      content: "";
      border-bottom: 3px solid #ED6C00;
      width: 45px;
      height: 2px;
      position: absolute;
      top: 0;
      left: 3px; }
      @media screen and (max-width: 767px) {
        #article .articleTtl--orange:after {
          width: 13%; } }
    #article .articleTtl--orange__ruby {
      color: #ED6C00;
      font-size: 18px;
      font-weight: 400;
      letter-spacing: 0.1em;
      margin-bottom: 12px; }
      @media screen and (max-width: 767px) {
        #article .articleTtl--orange__ruby {
          font-size: 14px;
          font-size: 4.375vw;
          margin-bottom: 4.41176%; } }
  #article .articleTtl--purple {
    /*#styleguide
    見出し(h2)
    （ネオマゼウス）

    ```
    <section id="article">

    <h2 class="articleTtl--purple">
    <div class="articleTtl--purple__ruby">Product Features</div>
    製品特長
    </h2>

    </section>
    ```
    */
    font-size: 32px;
    font-weight: 500;
    color: #656d73;
    letter-spacing: 0.1em;
    position: relative;
    padding-top: 26px; }
    @media screen and (max-width: 767px) {
      #article .articleTtl--purple {
        width: 90.78125%;
        margin-left: auto;
        margin-right: auto; } }
    @media screen and (max-width: 767px) {
      #article .articleTtl--purple {
        font-size: 23px;
        font-size: 7.1875vw; } }
    #article .articleTtl--purple:after {
      content: "";
      border-bottom: 3px solid #8364a9;
      width: 45px;
      height: 2px;
      position: absolute;
      top: 0;
      left: 3px; }
      @media screen and (max-width: 767px) {
        #article .articleTtl--purple:after {
          width: 14%; } }
    #article .articleTtl--purple__ruby {
      color: #8364a9;
      font-size: 18px;
      font-weight: 400;
      letter-spacing: 0.1em;
      margin-bottom: 12px; }
      @media screen and (max-width: 767px) {
        #article .articleTtl--purple__ruby {
          font-size: 14px;
          font-size: 4.375vw;
          margin-bottom: 4.41176%; } }
  #article .articleTtl--afterNone {
    /*#styleguide
    見出し(h2)


    ```
    <section id="article">

    <h2 class="articleTtl">
    <div class="articleTtl__ruby">Product Features</div>
    製品特長
    </h2>

    </section>
    ```
    */
    font-size: 32px;
    font-weight: 500;
    color: #656d73;
    letter-spacing: 0.1em;
    position: relative;
    padding-top: 30px; }
    @media screen and (max-width: 767px) {
      #article .articleTtl--afterNone {
        width: 90.78125%;
        margin-left: auto;
        margin-right: auto; } }
    @media screen and (max-width: 767px) {
      #article .articleTtl--afterNone {
        font-size: 23px;
        font-size: 7.1875vw; } }
    #article .articleTtl--afterNone__ruby {
      color: #005cab;
      font-size: 18px;
      font-weight: 400;
      letter-spacing: 0.1em;
      margin-bottom: 12px; }
      @media screen and (max-width: 767px) {
        #article .articleTtl--afterNone__ruby {
          font-size: 14px;
          font-size: 4.375vw;
          margin-bottom: 4.41176%; } }
  #article .productCategoryWrap {
    font-size: 0;
    display: -ms-flexbox;
    display: flex; }
    @media screen and (max-width: 767px) {
      #article .productCategoryWrap {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }
  #article .productCategory {
    /*#styleguide
    商品一般名

    ```
    <section id="article">

    <div class="productCategory">
    打込み・断熱補強
    </div><!-- /.productCategory -->

    </section>
    ```
    */
    display: inline-block;
    padding: 0 1em;
    margin-top: 20px;
    line-height: 2;
    font-size: 18px;
    letter-spacing: 0.1em;
    background-color: #8fa0a5;
    color: #fff; }
    @media screen and (max-width: 767px) {
      #article .productCategory {
        margin-left: 4.6875%;
        margin-right: 4.6875%;
        margin-top: 3.5%;
        /*margin-top: 55/640*100%;*/
        padding: 0.5em 1em;
        font-size: 12px;
        font-size: 3.75vw;
        box-sizing: border-box;
        max-width: 90%;
        line-height: 1.5; } }
  #article .productCategory-right {
    /*#styleguide
    商品一般名

    ```
    <section id="article">

    <div class="productCategory">
    打込み・断熱補強
    </div><!-- /.productCategory -->

    </section>
    ```
    */
    display: inline-block;
    padding: 0 1em;
    margin-top: 20px;
    line-height: 2;
    font-size: 18px;
    letter-spacing: 0.1em;
    background-color: #fff;
    color: #8fa0a5;
    border: 1px solid #8fa0a5; }
    @media screen and (max-width: 767px) {
      #article .productCategory-right {
        margin-left: 4.6875%;
        margin-right: 4.6875%;
        margin-top: 0;
        /*margin-top: 55/640*100%;*/
        padding: 0.5em 1em;
        font-size: 12px;
        font-size: 3.75vw;
        box-sizing: border-box;
        max-width: 90%;
        line-height: 1.5; } }
  #article .productName {
    /*#styleguide
    商品詳細名

    ```
    <section id="article">

    <div class="productName">
    ネオマ®フォームDH
    </div><!-- /.productName -->

    </section>
    ```
    */
    font-size: 28px;
    font-weight: 500;
    letter-spacing: 0.1em;
    margin-top: 15px;
    font-weight: 500; }
    @media screen and (max-width: 767px) {
      #article .productName {
        width: 90.78125%;
        margin-left: auto;
        margin-right: auto; } }
    @media screen and (max-width: 767px) {
      #article .productName {
        font-size: 20px;
        font-size: 6.25vw;
        margin-top: 3.90625%; } }
  #article .productDesc {
    /*#styleguide
    商品説明

    ```
    <section id="article">

    <p class="productDesc">
    RC界壁の打ち込み用断熱補強専用品。住宅性能表示制度（等級4）で必要とされる熱抵抗を厚さ12mmでクリアできる断熱補強の決定版です。
    </p><!-- /.productDescription -->

    </section>
    ```
    */
    font-size: 21px;
    letter-spacing: 0.1em;
    line-height: 1.8em;
    margin-top: 40px;
    font-weight: 400; }
    @media screen and (max-width: 767px) {
      #article .productDesc {
        width: 90.78125%;
        margin-left: auto;
        margin-right: auto; } }
    @media screen and (max-width: 767px) {
      #article .productDesc {
        font-size: 14px;
        font-size: 4.375vw;
        margin-top: 5.46875%; } }
  #article .columns {
    /*#styleguide
    横並びの要素
    ①全体の幅を縮める場合は、--w90p(90%)、--w80p(80%)、--w80p(70%)、--w80p(60%)、--w80p(50%)を
    用意しています。※できるだけ固定値を個別につけないで下さい。
    ②テキストが入る場合などで、子要素の幅をそろえたい時は、.columnにモディファイアで--arrangeをつけて下さい。
    ```
    <section id="article">

    <div class="columns">
    <div class="column">
    <img src="/akk/insulation/neoma/s_rc/neoma_form_dh/images/index_ph003.jpg" alt="">
    </div><!-- /.colum -->
    <div class="column">
    <img src="/akk/insulation/neoma/s_rc/neoma_form_dh/images/index_il012.gif" alt="">
    </div>
    </div>

    </section>
    ```
    */
    width: 100%;
    -js-display: flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    margin-top: 50px; }
    @media screen and (max-width: 767px) {
      #article .columns {
        -ms-flex-direction: column;
            flex-direction: column;
        margin-top: 0; } }
    #article .columns--w90p {
      width: 90%;
      margin-left: auto;
      margin-right: auto; }
      @media screen and (max-width: 767px) {
        #article .columns--w90p {
          width: 100%; } }
    #article .columns--w80p {
      width: 80%;
      margin-left: auto;
      margin-right: auto; }
      @media screen and (max-width: 767px) {
        #article .columns--w80p {
          width: 100%; } }
    #article .columns--w70p {
      width: 70%;
      margin-left: auto;
      margin-right: auto; }
      @media screen and (max-width: 767px) {
        #article .columns--w70p {
          width: 100%; } }
    #article .columns--w60p {
      width: 60%;
      margin-left: auto;
      margin-right: auto; }
      @media screen and (max-width: 767px) {
        #article .columns--w60p {
          width: 100%; } }
    #article .columns--w50p {
      width: 50%;
      margin-left: auto;
      margin-right: auto; }
      @media screen and (max-width: 767px) {
        #article .columns--w50p {
          width: 100%; } }
    #article .columns--mt00 {
      margin-top: 0; }
    #article .columns--left {
      -ms-flex-pack: start;
          justify-content: flex-start; }
    #article .columns--center {
      -ms-flex-pack: justify;
          justify-content: space-between; }
    #article .columns--wrap {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
    @media screen and (max-width: 767px) {
      #article .columns--spFlex {
        -ms-flex-direction: row;
            flex-direction: row; } }
  #article .column {
    margin-right: 50px; }
    @media screen and (max-width: 767px) {
      #article .column {
        margin-right: 0;
        margin-top: 10.34483%;
        text-align: center; } }
    #article .column:last-child {
      margin-right: 0; }
    @media print, screen and (min-width: 768px) {
      #article .column--arrange {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%; } }
    @media screen and (max-width: 767px) {
      #article .column--spLeft {
        text-align: left; } }
    #article .column--mr0 {
      margin-right: 0; }
      @media screen and (max-width: 767px) {
        #article .column--mr0 {
          margin-right: 0; } }
    #article .column--475 {
      width: 475px; }
      @media screen and (max-width: 767px) {
        #article .column--475 {
          width: auto; } }
    @media screen and (max-width: 767px) {
      #article .column--spTop0 {
        margin-top: 0; } }
  #article .columnsB {
    /*#styleguide
    横並びの要素2
    ①.columnsと違ってテキストを横並びにしたい時などに
    ```
    <section id="article">

    <div class="columnsB">
    <div class="columnB">
    <img src="/akk/insulation/neoma/s_rc/neoma_form_dh/images/index_ph003.jpg" alt="">
    </div><!-- /.colum -->
    <div class="columnB">
    <img src="/akk/insulation/neoma/s_rc/neoma_form_dh/images/index_il012.gif" alt="">
    </div>
    </div>

    </section>
    ```
    */
    display: -ms-flexbox;
    display: flex;
    -js-display: flex;
    -ms-flex-align: start;
        align-items: flex-start; }
    @media screen and (max-width: 767px) {
      #article .columnsB {
        width: 90.625%;
        margin: 0 auto; } }
  @media screen and (max-width: 767px) {
    #article .columnB--w20pSP {
      width: 20%; } }
  #article .width556p {
    width: 535px; }
    @media screen and (max-width: 767px) {
      #article .width556p {
        width: auto; } }
  #article .figureBox {
    /*#styleguide
    画像横並び（キャプションとタイトル）
    画像上にタイトルなどがある場合figureBoxで囲んで下さい。
    タイトルの文字の高さを揃えたいときはモディファイアでfigureBox__ttlに--fixHeightをつけて下さい。
    ```
    <section id="article">

    <div class="columns columns--mt00">
                <div class="column">
                    <div class="figureBox">
                        <h5 class="figureBox__ttl">1. 下部垂木の上に下地合板を施工</h5>
                        <div class="figureBox__figure">
                            <img src="/akk/insulation/neoma/wood/images/explain_ph001.jpg" alt="">
                        </div>
                    </div>
                </div>
                <div class="column">
                  <div class="figureBox">
                    <h5 class="figureBox__ttl">2. 下地合板の上にネオマフォームを敷く</h5>
                    <div class="figureBox__figure">
                         <img src="/akk/insulation/neoma/wood/images/explain_ph002.jpg" alt="">
                    </div>
                    <p class="caption caption--alignL">釘で仮留めします。</p>
                  </div>
                </div>
            </div>
    </section>
    ```
    */
    -js-display: flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center; }
    @media screen and (max-width: 767px) {
      #article .figureBox {
        width: 90.78125%;
        margin-left: auto;
        margin-right: auto; } }
    #article .figureBox__ttl {
      -js-display: flex;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      text-align: center;
      font-size: 15px;
      line-height: 1.5;
      margin-top: 40px;
      margin-bottom: 30px;
      font-weight: 500; }
      @media screen and (max-width: 767px) {
        #article .figureBox__ttl {
          margin-top: 6.89655%;
          margin-bottom: 3.44828%;
          font-size: 13px;
          font-size: 4.0625vw; } }
      #article .figureBox__ttl--fixHeight {
        height: 85px;
        margin-bottom: 0; }
        @media screen and (max-width: 767px) {
          #article .figureBox__ttl--fixHeight {
            height: auto;
            margin-bottom: 3.44828%; } }
  #article .figureBox2 {
    /*
    figureBoxでは対応できない以下のページに使用
    /akk/insulation/jupii/construction/index.html
    */
    display: block; }
    #article .figureBox2__ttl {
      text-align: center;
      font-size: 15px;
      line-height: 1.5;
      margin-top: 40px;
      margin-bottom: 30px;
      font-weight: 500; }
      @media screen and (max-width: 767px) {
        #article .figureBox2__ttl {
          margin-top: 6.89655%;
          margin-bottom: 3.44828%;
          font-size: 13px;
          font-size: 4.0625vw; } }
      #article .figureBox2__ttl--1row {
        margin-top: 63px;
        margin-bottom: 53px; }
  #article .caption {
    /*#styleguide
    画像のキャプション
    基本はセンターよせ。左寄せの場合は、モディファイアで--alignLをつける。
    ```
    <section id="article">

    <div class="columns columns--mt00">
    <div class="column">
    <img src="/akk/insulation/neoma/s_rc/neoma_form_dh/images/index_ph003.jpg" alt="">
    </div><!-- /.colum -->
    <div class="column">
    <img src="/akk/insulation/neoma/s_rc/neoma_form_dh/images/index_il012.gif" alt="">
    </div>
    </div>
    <p class="caption">
    上記は、厚さ12mmの製品外観です。21DH91と25DH91の片面には製品ロゴが印刷されています。
    </p><!-- /.caption -->

    </section>
    ```
    */
    font-size: 14px;
    line-height: 1.7;
    text-align: center;
    margin-top: 5px;
    letter-spacing: 0; }
    @media screen and (max-width: 767px) {
      #article .caption {
        width: 90.78125%;
        margin-left: auto;
        margin-right: auto; } }
    @media screen and (max-width: 767px) {
      #article .caption {
        font-size: 12px;
        font-size: 3.75vw;
        margin-top: 3.125%; } }
    #article .caption--alignL {
      text-align: left; }
  #article .figureImg {
    /*#styleguide
    画像の真ん中寄せ

    ```
    <section id="article">



    </section>
    ```
    */
    text-align: center;
    margin-top: 60px; }
    @media screen and (max-width: 767px) {
      #article .figureImg {
        width: 90.78125%;
        margin-left: auto;
        margin-right: auto; } }
    @media screen and (max-width: 767px) {
      #article .figureImg {
        margin-top: 9.375%; } }
    #article .figureImg--left {
      text-align: left; }
      @media screen and (max-width: 767px) {
        #article .figureImg--left {
          text-align: center; } }
  #article .blockTtl {
    /*#styleguide
    記事各ブロックのタイトル(h3)

    ```
    <section id="article">

    <h3 class="blockTtl">
    結露の防止
    </h3><!-- /.blockTtl -->

    </section>
    ```
    */
    font-size: 24px;
    font-weight: 500;
    border-bottom: 1px solid #d22615;
    padding-bottom: 15px;
    margin-top: 80px;
    line-height: 1.5em; }
    @media screen and (max-width: 767px) {
      #article .blockTtl {
        width: 90.78125%;
        margin-left: auto;
        margin-right: auto; } }
    @media screen and (max-width: 767px) {
      #article .blockTtl {
        margin-top: 12.5%;
        padding-bottom: 3.125%;
        font-size: 20px;
        font-size: 6.25vw;
        line-height: 1.4; } }
    #article .blockTtl--blue {
      border-bottom: 1px solid #005cab; }
    #article .blockTtl--orange {
      border-bottom: 1px solid #ED6C00; }
    #article .blockTtl--purple {
      border-bottom: 1px solid #8364a9; }
  #article .articleTxt {
    /*#styleguide
    記事各ブロックのテキスト

    ```
    <section id="article">

    <p class="articleTxt">
    内断熱されたRC躯体の熱橋部では、冬期に表面温度が低下し、結露を発生させる原因となります。断熱補強を行うことで、RC躯体の表面温度が上がり、結露を効果的に防止できます。下記は躯体温度分布シミュレーションの結果です。
    </p><!-- /.articleTxt -->

    </section>
    ```
    */
    font-size: 16px;
    line-height: 1.8;
    margin-top: 20px; }
    @media screen and (max-width: 767px) {
      #article .articleTxt {
        width: 90.78125%;
        margin-left: auto;
        margin-right: auto; } }
    @media screen and (max-width: 767px) {
      #article .articleTxt {
        margin-top: 6.25%;
        font-size: 14px;
        font-size: 4.375vw;
        font-weight: 300;
        text-align: left; } }
    #article .articleTxt-center {
      text-align: center !important; }
  #article .articleTxt2 {
    /*
    articleTxtでは対応できない以下のページに使用
    /akk/insulation/jupii/construction/index.html
    */
    font-size: 15px;
    line-height: 1.8;
    margin-top: 20px; }
    @media screen and (max-width: 767px) {
      #article .articleTxt2 {
        width: 90.78125%;
        margin-left: auto;
        margin-right: auto; } }
    @media screen and (max-width: 767px) {
      #article .articleTxt2 {
        margin-top: 6.25%;
        font-size: 14px;
        font-size: 4.375vw;
        font-weight: 300;
        text-align: left; } }
    #article .articleTxt2-center {
      text-align: center !important; }
  #article .articleTxt-center {
    /*#styleguide
    記事各ブロックのテキスト(中央揃え）

    ```
    <section id="article">

    <p class="articleTxt-center">
    内断熱されたRC躯体の熱橋部では、冬期に表面温度が低下し、結露を発生させる原因となります。断熱補強を行うことで、RC躯体の表面温度が上がり、結露を効果的に防止できます。下記は躯体温度分布シミュレーションの結果です。
    </p><!-- /.articleTxt -->

    </section>
    ```
    */
    font-size: 16px;
    line-height: 1.8;
    text-align: center;
    margin-top: 20px; }
    @media screen and (max-width: 767px) {
      #article .articleTxt-center {
        width: 90.78125%;
        margin-left: auto;
        margin-right: auto; } }
    @media screen and (max-width: 767px) {
      #article .articleTxt-center {
        margin-top: 6.25%;
        font-size: 14px;
        font-size: 4.375vw;
        font-weight: 300;
        text-align: left; } }
  #article .blockSubttl {
    /*#styleguide
    記事各ブロックのサブタイトル　タイプ1(h4)

    ```
    <section id="article">

    <h4 class="figureBox__ttl blockSubttl">
    断熱補強のある例
    </h4><!-- /.figureBox__ttl blockSubttl -->

    </section>
    ```
    */
    font-size: 18px;
    letter-spacing: 0.1em;
    text-align: center;
    position: relative;
    margin-top: 60px;
    margin-bottom: 40px;
    padding-bottom: 15px;
    line-height: 1.4;
    font-weight: 500; }
    @media screen and (max-width: 767px) {
      #article .blockSubttl {
        font-size: 15px;
        font-size: 4.6875vw;
        margin-top: 12.5%;
        padding-bottom: 3.125%; } }
    #article .blockSubttl:after {
      content: "";
      border-bottom: 2px solid #d22615;
      width: 26px;
      height: 2px;
      position: absolute;
      bottom: 0;
      left: 50%;
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0); }
    #article .blockSubttl-left {
      text-align: left; }
      @media screen and (max-width: 767px) {
        #article .blockSubttl-left {
          width: 90.78125%;
          margin-left: auto;
          margin-right: auto; } }
      #article .blockSubttl-left:after {
        left: 2%; }
        @media screen and (max-width: 767px) {
          #article .blockSubttl-left:after {
            left: 5%; } }
  #article .blockSubttl-left {
    /*#styleguide
    記事各ブロックのサブタイトル　タイプ1(h4)左寄せ

    ```
    <section id="article">

    <h4 class="blockSubttl-left">
    断熱補強のある例
    </h4><!-- /. blockSubttl -->

    </section>
    ```
    */
    font-size: 18px;
    letter-spacing: 0.1em;
    text-align: center;
    position: relative;
    margin-top: 60px;
    margin-bottom: 40px;
    padding-bottom: 15px;
    text-align: left;
    line-height: 1.4;
    font-weight: 500; }
    @media screen and (max-width: 767px) {
      #article .blockSubttl-left {
        font-size: 15px;
        font-size: 4.6875vw;
        margin-top: 12.5%;
        padding-bottom: 3.125%;
        width: 90.78125%;
        margin-left: auto;
        margin-right: auto; } }
    #article .blockSubttl-left:after {
      content: "";
      border-bottom: 2px solid #d22615;
      width: 26px;
      height: 2px;
      position: absolute;
      bottom: 0;
      left: 14px;
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0); }
      @media screen and (max-width: 767px) {
        #article .blockSubttl-left:after {
          left: 0;
          -ms-transform: translate(0, 0);
              transform: translate(0, 0); } }
    #article .blockSubttl-left--blue:after {
      content: "";
      border-bottom: 2px solid #005cab;
      width: 26px;
      height: 2px;
      position: absolute;
      bottom: 0;
      left: 14px;
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0); }
      @media screen and (max-width: 767px) {
        #article .blockSubttl-left--blue:after {
          left: 0;
          -ms-transform: translate(0, 0);
              transform: translate(0, 0); } }
    @media screen and (max-width: 767px) {
      #article .blockSubttl-left .sml {
        font-size: 11px;
        font-size: 3.4375vw; } }
  #article .blockSubttl2 {
    /*#styleguide
    記事各ブロックのサブタイトル　タイプ2(h4)

    ```
    <section id="article">

    <h4 class="blockSubttl2">
    内断熱工法の場合
    </h4><!-- /.blockSubttl2 -->

    </section>
    ```
    */
    font-size: 20px;
    letter-spacing: 0.05em;
    margin-top: 60px;
    font-weight: 500; }
    @media screen and (max-width: 767px) {
      #article .blockSubttl2 {
        width: 90.78125%;
        margin-left: auto;
        margin-right: auto; } }
    @media screen and (max-width: 767px) {
      #article .blockSubttl2 {
        font-size: 15px;
        font-size: 4.6875vw;
        line-height: 1.5;
        margin-top: 9.375%; } }
    #article .blockSubttl2--18 {
      font-size: 18px; }
      @media screen and (max-width: 767px) {
        #article .blockSubttl2--18 {
          font-size: 14px;
          font-size: 4.375vw; } }
  #article .articleArrow {
    /*#styleguide
    矢印
    記事内で使う矢印

    ```
    <section id="article">

    <div class="articleArrow"></div><!-- /.articleArrow -->

    </section>
    ```
    */
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 25px 0 25px;
    border-color: #d22615 transparent transparent transparent;
    margin: 40px auto 0; }
    @media screen and (max-width: 767px) {
      #article .articleArrow {
        margin-top: 12.5%; } }
  #article .olList {
    /*#styleguide
    連番リスト

    ```
    <section id="article">

    <ol class="olList">
    <li class="olItem">
    必要部分へ打ち込むことで、段差なく施工できます。
    </li><!-- /.olItem -->
    <li class="olItem">
    最高レベルの断熱性能で、増打ちコンクリートの厚さを薄く（12mm）できます。
    </li><!-- /.olItem -->
    <li class="olItem">
    厚さ12mmなので居室を広く利用できます。
    </li><!-- /.olItem -->
    </ol><!-- /.olList -->

    </section>
    ```
    */
    font-size: 16px;
    counter-reset: number;
    list-style: none;
    margin: 0;
    padding: 0; }
    @media screen and (max-width: 767px) {
      #article .olList {
        width: 90.78125%;
        margin-left: auto;
        margin-right: auto; } }
    @media screen and (max-width: 767px) {
      #article .olList {
        font-size: 14px;
        font-size: 4.375vw;
        margin-top: 9.375%;
        width: 90.78125%;
        margin-left: auto;
        margin-right: auto; } }
  #article .olItem {
    /*#styleguide
    連番リスト

    ```
    <section id="article">

    <ul class="ulList">
        <li class="ulItem">
            必要部分へ打ち込むことで、段差なく施工できます。
        </li>
        <li class="ulItem">
            最高レベルの断熱性能で、増打ちコンクリートの厚さを 薄く（12mm）できます。
        </li>
        <li class="ulItem">
            厚さ12mmなので居室を広く利用できます。
        </li>
    </ul>

    </section>
    ```
    */
    margin-top: 30px;
    line-height: 1.8;
    text-align: left;
    text-indent: -2.6em;
    padding-left: 2.6em; }
    @media screen and (max-width: 767px) {
      #article .olItem {
        margin-top: 7.8125%;
        text-indent: -2.3em;
        padding-left: 2.3em; } }
    #article .olItem:first-child {
      margin-top: 0; }
    #article .olItem:before {
      counter-increment: number;
      content: counter(number);
      color: #d22615;
      border: 1px solid #d22615;
      padding: 0 0.5em;
      margin-right: 0.5em;
      font-size: 19px;
      font-weight: bold; }
      @media screen and (max-width: 767px) {
        #article .olItem:before {
          font-size: 14px;
          font-size: 4.375vw; } }
    #article .olItem__ttl {
      font-size: 18px;
      font-weight: 500;
      font-family: 'NotoSans-M'; }
  #article .ulList {
    font-size: 16px;
    margin: 0;
    padding: 0; }
    @media screen and (max-width: 767px) {
      #article .ulList {
        font-size: 14px;
        font-size: 4.375vw;
        margin-top: 9.375%;
        width: 90.78125%;
        margin-left: auto;
        margin-right: auto; } }
  #article .ulItem {
    margin-top: 5px;
    line-height: 1.8;
    padding-left: 2.5em;
    text-indent: -0.9em;
    padding-left: 0.9em;
    text-align: left; }
    @media screen and (max-width: 767px) {
      #article .ulItem {
        margin-top: 0.78125%;
        padding-left: 1.2em;
        text-indent: -1.2em; } }
    #article .ulItem:first-child {
      margin-top: 0; }
    #article .ulItem:before {
      content: "・";
      font-size: 14px;
      font-weight: bold; }
      @media screen and (max-width: 767px) {
        #article .ulItem:before {
          font-size: 14px;
          font-size: 4.375vw; } }
    #article .ulItem--none:before {
      content: " "; }
  #article table.type01 {
    width: 100%;
    border: 1px solid #8C9EA3;
    box-sizing: border-box;
    margin-top: 20px; }
    @media screen and (max-width: 767px) {
      #article table.type01 {
        width: 90.78125%;
        margin-left: auto;
        margin-right: auto; } }
    @media screen and (max-width: 767px) {
      #article table.type01 {
        margin-top: 5%; } }
    @media screen and (max-width: 767px) {
      #article table.type01--widthauto {
        width: auto; } }
    #article table.type01 th {
      border: 1px solid #afc1c5;
      background-color: #8fa0a5;
      box-sizing: border-box;
      font-size: 18px;
      font-weight: normal;
      padding: 1em 0.5em;
      line-height: 1.5;
      color: #fff;
      vertical-align: middle; }
      @media screen and (max-width: 767px) {
        #article table.type01 th {
          font-size: 13px; } }
      #article table.type01 th.red {
        background-color: #d12115 !important; }
      #article table.type01 th.item01 {
        border: 1px solid #8C9EA3;
        background-color: #e8eced;
        color: #5d6466; }
      #article table.type01 th.alnLt {
        text-align: left;
        padding-left: 1em; }
      #article table.type01 th.boldborder {
        border-left: 2.5px solid #afc1c5 !important; }
      #article table.type01 th.line {
        background-image: linear-gradient(16.5deg, transparent 50%, #afc1c5 50%, #afc1c5 50.5%, transparent 50.5%, transparent);
        position: relative; }
        #article table.type01 th.line span {
          display: block;
          position: absolute;
          font-size: 16px; }
          #article table.type01 th.line span:first-child {
            bottom: 20px;
            left: 50px; }
          #article table.type01 th.line span:last-child {
            top: 5px;
            right: 6px; }
    #article table.type01 td {
      border: 1px solid #8C9EA3;
      box-sizing: border-box;
      text-align: center;
      font-size: 16px;
      padding: 1em 0;
      vertical-align: middle;
      line-height: 1.5; }
      @media screen and (max-width: 767px) {
        #article table.type01 td {
          font-size: 13px; } }
      #article table.type01 td.boldborder {
        border-left: 2.5px solid #8C9EA3 !important; }
    #article table.type01 .font12 {
      font-size: 12px; }
      @media screen and (max-width: 767px) {
        #article table.type01 .font12 {
          font-size: 9.5px;
          font-size: 2.96875vw; } }
      #article table.type01 .font12--red {
        color: #d22615;
        font-weight: 500; }
      #article table.type01 .font12--orange {
        color: #f08000;
        font-weight: 500; }
      #article table.type01 .font12--purple {
        color: #8364a9;
        font-weight: 500; }
    #article table.type01 .tbLeft {
      text-align: left;
      padding-left: 2%; }
    #article table.type01 .tbWidth--13 {
      width: 13%; }
      @media screen and (max-width: 767px) {
        #article table.type01 .tbWidth--13 {
          width: 21%; } }
    #article table.type01 .tbBg {
      background-image: url(/akk/insulation/neoma/steel/gaiyou/img/spec_seihinkikaku_td.jpg);
      border-right: 1px solid #afc1c5; }
    #article table.type01 .tbBg-dl {
      background-image: url(/akk/insulation/images/tableBg.png);
      background-size: 100% 100%;
      background-repeat: no-repeat; }
      @media screen and (max-width: 767px) {
        #article table.type01 .tbBg-dl {
          background-size: contain;
          background-size: 100% 100%;
          background-image: url(/akk/insulation/images/tableBg--sp.png); } }
    #article table.type01 .tbBg-dl-02 {
      background-image: url(/akk/insulation/images/tableBg-02.png);
      background-size: 100% 100%;
      background-repeat: no-repeat; }
      @media screen and (max-width: 767px) {
        #article table.type01 .tbBg-dl-02 {
          background-size: contain;
          background-size: 100% 100%; } }
    #article table.type01 .borderTop-None {
      border-top: none; }
    #article table.type01 .bold {
      font-weight: 500; }
    #article table.type01.zeusTable {
      border: 1px solid #9485a6; }
      #article table.type01.zeusTable th {
        background-color: #8364a9 !important;
        border: 1px solid #bdafcf; }
    #article table.type01.formTable th {
      background-color: #d12115 !important; }
  #article table.type02 th {
    font-size: 14px; }
  #article table.type02 td {
    font-size: 14px; }
  #article table.type03 th {
    font-size: 11px; }
  #article table.type03 td {
    font-size: 11px; }
    #article table.type03 td.grey {
      color: #fff;
      background-color: #8fa0a5;
      border: 1px solid #afc1c5; }
  #article .tableBg {
    background-color: #F9B94E; }
  #article .tdBg {
    background-color: #c0ccce;
    color: #fff; }
  #article .tdBg-02 {
    border: 1px solid #afc1c5;
    background-color: #8fa0a5;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: normal;
    padding: 1em 0.5em;
    line-height: 1.5;
    color: #fff;
    vertical-align: middle; }
  #article .mt00 {
    /*#styleguide
    記事内汎用クラス
    どうしてもmargin-topを0にしたい時はこれ
    ```
    <section id="article">

    <div class="mt00">
    マージントップなし
    </div>

    </section>
    ```
    */
    margin-top: 0 !important; }
  @media screen and (max-width: 767px) {
    #article .mt00Sp {
      margin-top: 00; } }
  @media screen and (max-width: 767px) {
    #article .mt40Sp {
      margin-top: 12.5%; } }
  #article .mb00 {
    margin-bottom: 0; }
  #article .mb20 {
    margin-bottom: 20px; }
    @media screen and (max-width: 767px) {
      #article .mb20 {
        margin-bottom: 3.125%; } }
  #article .mb80 {
    margin-bottom: 80px; }
    @media screen and (max-width: 767px) {
      #article .mb80 {
        margin-bottom: 12.5%; } }
  #article .pageLink {
    /*#styleguide
    ページ内リンク
    ```
    <section id="article">

        <div class="pageLink">
            <div class="pageLink__wrap pageLink__wrap-01">
                <a class="pageLink__wrap__item-outlink" href=""><p>製品規格</p></a>
                <a class="pageLink__wrap__item-outlink" href=""><p>施工方法・<br class="spi">参考収まり図</p></a>
            </div>
            <div class="pageLink__wrap">
                <a class="pageLink__wrap__item" href=""><p>目的</P></a>
                <a class="pageLink__wrap__item" href=""><P>特徴</P></a>
                <a class="pageLink__wrap__item" href=""><p>指針</p></a>
                <a class="pageLink__wrap__item" href=""><p>遮音性</p></a>
            </div>
        </div>
    </section>
    ```
    */
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    font-size: 16px;
    -ms-flex-pack: center;
        justify-content: center;
    margin-top: 36px;
    width: 895px;
    font-weight: 500; }
    @media screen and (max-width: 767px) {
      #article .pageLink {
        width: auto;
        display: block;
        font-size: 14px;
        font-size: 4.375vw;
        line-height: 1.4;
        margin-top: 5.625%; } }
    #article .pageLink--left {
      -ms-flex-pack: start;
          justify-content: flex-start; }
    #article .pageLink__wrap {
      display: -ms-flexbox;
      display: flex; }
      @media screen and (max-width: 767px) {
        #article .pageLink__wrap {
          -ms-flex-pack: center;
              justify-content: center; } }
      #article .pageLink__wrap-01 {
        -ms-flex-order: 2;
            order: 2; }
        @media screen and (max-width: 767px) {
          #article .pageLink__wrap-01 {
            padding-bottom: 5%; } }
      #article .pageLink__wrap__item {
        display: block;
        padding: 18px 25px 34px;
        display: -ms-flexbox;
        display: flex;
        text-align: center;
        background: url(../img/arrow.png) no-repeat bottom 12px center;
        background-size: 16px auto;
        background-color: #f7f9fa;
        border-left: 1px solid #bac8cc;
        border-bottom: 1px solid #bac8cc;
        border-top: 1px solid #bac8cc;
        transition: all .2s;
        box-sizing: border-box; }
        #article .pageLink__wrap__item:last-child {
          border-right: 1px solid #bac8cc; }
        @media screen and (max-width: 767px) {
          #article .pageLink__wrap__item {
            padding: 3% 1.2% 6%;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
                align-items: center;
            -ms-flex-pack: center;
                justify-content: center;
            background: url(../img/arrow.png) no-repeat bottom 12% center;
            background-color: #f7f9fa;
            background-size: 12px auto;
            padding-top: 3%;
            padding-bottom: 6%;
            width: 100%; }
            #article .pageLink__wrap__item--w100 {
              padding-top: 3%;
              padding-bottom: 6%;
              width: 100%; } }
        #article .pageLink__wrap__item:hover {
          text-decoration: none;
          background: url(../img/arrow.png) no-repeat bottom 8px center;
          background-color: #f7f9fa;
          background-size: 16px auto; }
          @media screen and (max-width: 767px) {
            #article .pageLink__wrap__item:hover {
              background: url(../img/arrow.png) no-repeat bottom 12% center;
              background-size: 12px auto; } }
        #article .pageLink__wrap__item-outlink {
          width: auto;
          background: url(../img/arrow-01.png) no-repeat top 50% right 15px;
          background-size: 10px auto;
          background-color: #656d73;
          color: #fff;
          padding: 27px 40px 27px 24px;
          position: relative;
          border-right: 1px solid #fff;
          display: -ms-flexbox;
          display: flex; }
          @media screen and (max-width: 767px) {
            #article .pageLink__wrap__item-outlink {
              width: 100%;
              padding: 4.7% 0;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-align: center;
                  align-items: center;
              -ms-flex-pack: center;
                  justify-content: center;
              background-size: 9px auto; } }
          #article .pageLink__wrap__item-outlink:hover {
            text-decoration: none; }
        #article .pageLink__wrap__item--history {
          padding: 18px 15px 34px; }
        #article .pageLink__wrap__item--blue {
          background: url(../img/arrow_blue.png) no-repeat bottom 12px center;
          background-size: 16px auto;
          background-color: #f7f9fa; }
          @media screen and (max-width: 767px) {
            #article .pageLink__wrap__item--blue {
              background: url(../img/arrow_blue.png) no-repeat bottom 12% center;
              background-color: #f7f9fa;
              background-size: 12px auto; } }
          #article .pageLink__wrap__item--blue:hover {
            text-decoration: none;
            background: url(../img/arrow_blue.png) no-repeat bottom 8px center;
            background-color: #f7f9fa;
            background-size: 16px auto; }
            @media screen and (max-width: 767px) {
              #article .pageLink__wrap__item--blue:hover {
                background: url(../img/arrow_blue.png) no-repeat bottom 12% center;
                background-size: 12px auto; } }
    @media screen and (max-width: 767px) {
      #article .pageLink .borderNone {
        border-top: none; } }
  @media screen and (max-width: 767px) {
    #article .pageLinkTopNone {
      margin-top: 0; } }
  #article .dlLink {
    /*#styleguide
  　資料ダウンロード
    ・リンクボタン（上段）のリンク数が変わる場合、dlLink__wrapにモディファイアで--arrange、dlLink-btnにモディファイアで--mrをつけてリンクボタンを固定
    ```
    <section id="article">
        <div class="dlLink">
            <div class="dlLink__wrap">
                    <a class="dlLink-btn" href="">ネオマフォームの<br>JIS規格</a>
                    <a class="dlLink-btn" href=""><span>製品カタログ</span></a>
                    <a class="dlLink-btn" href=""><span>施工資料関係</span></a>
                    <a class="dlLink-btn" href=""><span>施工資料関係</span></a>
                    <a class="dlLink-btn" href=""><span>設計価格表</span></a>
            </div>
            <div class="dlLink__wrap">
                    <a class="dlLink-btn dlLink-btn--width" href=""><span>防耐火認定書（木造）</span></a>
                    <a class="dlLink-btn dlLink-btn--width" href=""><span>防耐火認定書（木造）</span></a>
            </div>
        </div>
    </section>
    ```
    */
    padding-top: 40px; }
    #article .dlLink__wrap {
      padding-top: 14px;
      font-size: 0; }
      #article .dlLink__wrap .dlLink-btn {
        display: inline-block;
        margin-right: 14px; }
        #article .dlLink__wrap .dlLink-btn--last {
          margin-right: 0; }
        @media screen and (max-width: 767px) {
          #article .dlLink__wrap .dlLink-btn {
            display: block;
            margin-right: 0; } }
      @media screen and (max-width: 767px) {
        #article .dlLink__wrap {
          padding-top: 0; } }
      #article .dlLink__wrap span {
        vertical-align: sub; }
  #article .materialLink {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    padding-top: 30px;
    padding: 30px 0 100px; }
    @media screen and (max-width: 767px) {
      #article .materialLink {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        padding-top: 1.5625%;
        padding: 1.5625% 0 11.71875%; } }
  @media screen and (max-width: 767px) and (max-width: 767px) {
    #article .materialLink {
      width: 90.78125%;
      margin-left: auto;
      margin-right: auto; } }
    #article .materialLink--arrange {
      -ms-flex-pack: start;
          justify-content: flex-start; }
      @media screen and (max-width: 767px) {
        #article .materialLink--arrange {
          -ms-flex-pack: justify;
              justify-content: space-between; } }
      #article .materialLink--arrange__item {
        margin-right: 20px; }
        @media screen and (max-width: 767px) {
          #article .materialLink--arrange__item {
            margin-right: 0; } }
    #article .materialLink__item:hover {
      text-decoration: none; }
    @media screen and (max-width: 767px) {
      #article .materialLink__item {
        width: 47.41379%;
        padding-top: 3.125%; } }
    #article .materialLink__item__txt {
      line-height: 1.3;
      padding-top: 15px; }
      @media screen and (max-width: 767px) {
        #article .materialLink__item__txt {
          font-size: 13px;
          font-size: 4.0625vw; } }
      #article .materialLink__item__txt:hover {
        text-decoration: none; }
    #article .materialLink__item span {
      font-weight: 500; }
    #article .materialLink__img {
      border: 1px solid #d7dbde; }
  #article .attention {
    /*#styleguide
  　注意事項
    ```
    <section id="article">
        <dl class="attention">
            <dt class="attention__ttl">
                養生に関する注意事項
            </dt>
            <dd class="attention__txt">
                実際に施工された実棟において、JIS A 1417：2000「建築物の空気音遮断性能の測定方法」を参考として行った。この測定結果よりJIS A 1419-1：2000「建築物及び建築部材の遮音性能の評価方法　第1部：空気音遮断性能」（附属書1：等級曲線による評価）に従って遮音等級D値（Dr値）を求める。なお、測定は同一平面の2階および4階の2部屋にて行った。
            </dd>
        </dl>
    </section>
    ```
    */
    padding: 30px 30px 40px;
    border: 1px solid #bac8cc;
    margin-top: 80px; }
    @media screen and (max-width: 767px) {
      #article .attention {
        width: 78%;
        padding: 6.25% 4.6875% 4.6875%;
        margin: 12.5% auto 0; } }
    #article .attention--2 {
      padding: 30px 27px 40px; }
    #article .attention__ttl {
      font-size: 20px;
      letter-spacing: 0.1em;
      background: url(../img/attention.png) no-repeat top 1px left 0px;
      background-size: 35px auto;
      padding: 7px 0 7px 45px;
      font-weight: 500;
      color: #656d73; }
      @media screen and (max-width: 767px) {
        #article .attention__ttl {
          font-size: 15px;
          font-size: 4.6875vw;
          background: url(../img/attention.png) no-repeat top 5% center;
          background-size: 8.90625% auto;
          padding-left: 0;
          text-align: center;
          padding-top: 12%;
          line-height: 1.4; } }
    #article .attention__txt {
      font-size: 16px;
      margin-top: 20px;
      size: 16px;
      letter-spacing: 0.05em;
      line-height: 1.6; }
      @media screen and (max-width: 767px) {
        #article .attention__txt {
          margin-top: 5.46875%;
          font-size: 13px;
          font-size: 4.0625vw;
          line-height: 1.6; } }
  #article .articleBorder {
    border: 1px solid #bac8cc;
    padding: 30px 30px 40px; }
    @media screen and (max-width: 767px) {
      #article .articleBorder {
        width: 78%;
        padding: 6.25% 4.6875% 4.6875%;
        margin: 12.5% auto 0; } }
    #article .articleBorder--red {
      border: 1px solid #d22615; }
  #article .tableSup {
    vertical-align: top; }
  #article .mb100 {
    margin-bottom: 100px; }
  #article .spImgWidth {
    /*#styleguide
  　画像の幅
  spで画像が大きくなってしまうときはwidth80％で統一
  ```
    <section id="article">
        <div class="columns">
                <div class="column">
                    <img src="/akk/insulation/neoma/line_up/images/index_ph001.jpg" alt="" class="spImgWidth">
                </div>
                <div class="column">
                    <img src="/akk/insulation/neoma/line_up/images/index_il001.gif" alt="＜断面図＞ ポリエステル不織布 フェノールフォーム　ポリエステル不織布" class="spImgWidth">
                </div>
            </div>
    </section>
    ```
    */ }
    @media screen and (max-width: 767px) {
      #article .spImgWidth {
        width: 80%; } }
  #article .qa {
    /*#styleguide
  　Q＆A
  　※styleguideではjs読めないのでslidedownできません。
  　　使用する際はmain.jsの確認を。
    ```
    <section id="article">
        <dl class="qa">
            <dt class="qa__ttl">
                <span class="qa__ttl__num">Q.01</span><span class="qa__ttl__txt">ネオマフォーム・ジュピーは何でできていますか？</span>
            </dt>
            <dd class="qa__answer">
                <div class="qa__answer__wrap">
                    <p class="qa__answer__wrap__num"><span>A.01</span></p>
                    <p class="qa__answer__wrap__txt">フェノール樹脂です。フェノール樹脂はフライパンの取っ手の部分などに使用されている熱に強い樹脂で、熱を受けると多くのプラスチックが溶けるのに対して、フェノール樹脂は硬化する特徴があります。</p>
                </div>
            </dd>
        </dl>
    </section>
    ```
    */
    margin-top: 20px;
    border: 1px solid #8fa0a5;
    font-size: 18px;
    line-height: 1.7em; }
    @media screen and (max-width: 767px) {
      #article .qa {
        font-size: 13.5px;
        font-size: 4.21875vw;
        line-height: 1.3em;
        margin: 4% auto 0;
        width: 90.78125%; } }
    #article .qa__ttl {
      background-image: url(/akk/insulation/faq/images/down.png);
      background-repeat: no-repeat;
      background-position: right 20px top 56%;
      background-size: 15px;
      display: -ms-flexbox;
      display: flex;
      cursor: pointer;
      -ms-flex-align: center;
          align-items: center; }
      @media screen and (max-width: 767px) {
        #article .qa__ttl {
          letter-spacing: 0;
          background-position: right 4% top 52%;
          background-size: 4.6875%; } }
      #article .qa__ttl__num {
        background-color: #8fa0a5;
        padding: 31px 20px;
        color: #fff;
        margin-right: 20px;
        font-size: 25px;
        display: inline-block;
        width: 80px;
        text-align: center;
        padding: 25px 0px; }
        @media screen and (max-width: 767px) {
          #article .qa__ttl__num {
            padding: 11.25% 0;
            width: 12.5%;
            font-size: 14px;
            font-size: 4.375vw;
            margin-right: 3.125%;
            -js-display: flex;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
                align-items: center;
            -ms-flex-pack: center;
                justify-content: center; } }
      #article .qa__ttl__txt {
        -ms-flex-align: center;
            align-items: center; }
        @media screen and (max-width: 767px) {
          #article .qa__ttl__txt {
            padding: 0.5em 13.28125% 0.5em 0;
            width: 71.875%; } }
    #article .qa__answer {
      background-color: #f7f9fa;
      display: none; }
      #article .qa__answer__wrap {
        display: -ms-flexbox;
        display: flex; }
        #article .qa__answer__wrap__num {
          width: 80px;
          background-color: #bac8cc;
          color: #fff;
          font-size: 25px;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-pack: center;
              justify-content: center; }
          @media screen and (max-width: 767px) {
            #article .qa__answer__wrap__num {
              padding: 6.25% 0;
              width: 12.8%;
              font-size: 14px;
              font-size: 4.375vw; } }
          #article .qa__answer__wrap__num span {
            padding: 25px 0; }
        #article .qa__answer__wrap__txt {
          width: 790px;
          margin-left: 20px;
          padding: 25px 0; }
          @media screen and (max-width: 767px) {
            #article .qa__answer__wrap__txt {
              width: 86%;
              margin-left: 3.125%; } }
    #article .qa .down {
      background-image: url(/akk/insulation/faq/images/up.png);
      background-repeat: no-repeat;
      background-position: right 20px top 56%;
      background-size: 15px; }
      @media screen and (max-width: 767px) {
        #article .qa .down {
          background-position: right 4% top 52%;
          background-size: 4.6875%; } }
  @media screen and (max-width: 767px) {
    #article .spColumns {
      display: block; }
      #article .spColumns__column {
        display: inline-block; } }
  #article .tagList-area {
    padding-top: 24px; }

@media screen and (max-width: 767px) and (max-width: 767px) {
  #article .tagList-area {
    width: 90.78125%;
    margin-left: auto;
    margin-right: auto; } }
  #article .tagList {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    margin-top: 12px; }
    @media screen and (max-width: 767px) {
      #article .tagList {
        display: block;
        margin-top: 6.25%; } }
    #article .tagList__ttl {
      border: 1px solid #d8e0e4;
      width: 123px;
      text-align: center;
      font-size: 16px;
      padding: 7px 0 8px; }
      @media screen and (max-width: 767px) {
        #article .tagList__ttl {
          width: 34.48276%; } }
    #article .tagList__txt {
      font-size: 16px;
      padding-left: 20px; }
      @media screen and (max-width: 767px) {
        #article .tagList__txt {
          padding-top: 2.8125%;
          padding-left: 0; } }
  #article .useWidth {
    width: 895px;
    margin-left: auto;
    margin-right: auto; }
  #article .useTop {
    background-color: #ebeff2; }
  #article .width265p {
    width: 265px;
    margin-top: 50px; }
    @media screen and (max-width: 767px) {
      #article .width265p {
        width: auto;
        margin-top: 7.8125%; }
        #article .width265p .blockSubttl2 {
          text-align: center; } }
  #article .mapLink li {
    padding-top: .6em; }
    #article .mapLink li.txtIdt {
      text-indent: 1em; }
  #article .kouteiTxt {
    margin-left: 35px; }
    @media screen and (max-width: 767px) {
      #article .kouteiTxt {
        margin-left: auto; } }
    #article .kouteiTxt--58 {
      margin-left: 58px; }
      @media screen and (max-width: 767px) {
        #article .kouteiTxt--58 {
          margin-left: auto; } }
  #article .kouteiTxtTop {
    margin-top: 30px; }
  @media screen and (max-width: 767px) {
    #article .mt30--sp {
      margin-top: 4.6875% !important; } }
  @media screen and (max-width: 767px) {
    #article .mt30--sp {
      margin-top: 4.6875% !important; } }
  @media screen and (max-width: 767px) {
    #article .mt00--sp {
      margin-top: 0 !important; } }
  #article .fs14 {
    font-size: 14px; }
  @media screen and (max-width: 767px) {
    #article .responsiveTable {
      width: 90%;
      margin: 0 auto;
      overflow-y: hidden;
      overflow-x: auto;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      -webkit-overflow-scrolling: touch; } }
  @media screen and (max-width: 767px) {
    #article table.responsive {
      width: 865px; } }
  #article .nowrap {
    white-space: nowrap; }
  #article .indent2 {
    text-indent: -2em;
    padding-left: 2em; }
  #article #article .olNum {
    font-size: 16px;
    margin: 0;
    padding: 0; }
  @media screen and (max-width: 767px) {
    #article #article .olNum {
      font-size: 14px;
      font-size: 4.375vw;
      margin-top: 9.375%;
      width: 90.78125%;
      margin-left: auto;
      margin-right: auto; } }
  #article #article .olNum li {
    margin-top: 5px;
    line-height: 1.8;
    margin-left: 2.5em;
    padding-left: -2.5em;
    text-align: left; }
  @media screen and (max-width: 767px) {
    #article #article .olNum li {
      margin-top: 0.78125%;
      margin-left: 1.2em;
      padding-left: -1.2em; } }
  #article #article .olNum li:first-child {
    margin-top: 0; }
  @media screen and (max-width: 767px) {
    #article #article .ulItem:before {
      font-size: 14px;
      font-size: 4.375vw; } }
  #article #article table.type01 td .olNum li {
    margin-left: 1em; }
  #article .useWidth {
    width: 1088px;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 767px) {
      #article .useWidth {
        width: auto; } }
  @media screen and (max-width: 767px) {
    #article .spWidth {
      width: 90.78125%;
      margin-left: auto;
      margin-right: auto; } }
  #article .useTop {
    background-color: #ebeff2;
    margin-top: 50px;
    padding-bottom: 60px; }
    #article .useTop--02 {
      padding-bottom: 35px; }
      @media screen and (max-width: 767px) {
        #article .useTop--02 {
          margin-top: 9.375%; } }
  #article .useTopInner {
    width: 1088px;
    margin: 0 auto;
    color: #656d73;
    font-weight: 300;
    padding-top: 50px; }
    @media screen and (max-width: 767px) {
      #article .useTopInner {
        width: auto; } }
    #article .useTopInner--02 {
      padding-top: 15px; }
    @media screen and (max-width: 767px) {
      #article .useTopInner--ttl {
        padding-top: 6.25%; } }
  #article .lineUp {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: justify;
        justify-content: space-between;
    margin-top: 14px; }
    @media screen and (max-width: 767px) {
      #article .lineUp {
        width: auto;
        -ms-flex-direction: column;
            flex-direction: column; } }
    #article .lineUp--02 {
      margin-top: 0; }
    #article .lineUp__box {
      background-color: #fff;
      display: -ms-flexbox;
      display: flex;
      width: 535px;
      -ms-flex-pack: justify;
          justify-content: space-between;
      margin: 20px 0 0;
      height: 145px;
      border-bottom: 1px solid #d1d5d7;
      border-right: 1px solid #d1d5d7; }
      @media screen and (max-width: 767px) {
        #article .lineUp__box {
          width: 90.78125%;
          margin-left: auto;
          margin-right: auto; } }
      @media screen and (max-width: 767px) {
        #article .lineUp__box {
          padding: 0;
          height: auto;
          -ms-flex-align: center;
              align-items: center; } }
      #article .lineUp__box:hover {
        text-decoration: none; }
      #article .lineUp__box-link {
        background-color: #d02013;
        text-align: center;
        padding: 33px 0;
        height: auto;
        position: relative; }
        @media screen and (max-width: 767px) {
          #article .lineUp__box-link {
            padding: 22% 0; } }
        #article .lineUp__box-link__txt {
          color: #fff;
          width: 100%;
          font-size: 18px;
          /* フォント置換による類似 */
          font-weight: 500; }
          @media screen and (max-width: 767px) {
            #article .lineUp__box-link__txt {
              font-size: 14px;
              font-size: 4.375vw;
              line-height: 1.2; } }
        #article .lineUp__box-link__arrow {
          position: absolute;
          right: 24px; }
          @media screen and (max-width: 767px) {
            #article .lineUp__box-link__arrow {
              right: 0;
              width: 5.48387%;
              -ms-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
              top: 50%; } }
      #article .lineUp__box__left {
        border-left: 6px solid #d02013;
        padding-left: 16px;
        padding: 0 25px;
        margin: 15px 0; }
        @media screen and (max-width: 767px) {
          #article .lineUp__box__left {
            margin: 3.90625% 0;
            border-left: 3px solid #d02013;
            width: 68.85246%;
            padding: 0 3.09811%; } }
        #article .lineUp__box__left__ttl {
          font-size: 13px;
          line-height: 18px;
          font-size: 18px;
          font-weight: 500;
          line-height: 1.4; }
          @media screen and (max-width: 767px) {
            #article .lineUp__box__left__ttl {
              font-size: 15px;
              font-size: 4.6875vw; } }
        #article .lineUp__box__left__txt {
          padding-top: 10px;
          color: #5d6466;
          font-size: 14px;
          font-weight: 300;
          line-height: 1.4; }
          @media screen and (max-width: 767px) {
            #article .lineUp__box__left__txt {
              font-size: 12px;
              font-size: 3.75vw;
              padding-top: 2.34375%;
              letter-spacing: 0; } }
      @media screen and (max-width: 767px) {
        #article .lineUp__box__right {
          width: 42.16867%; } }
  #article .brandWidth {
    width: 1088px;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 767px) {
      #article .brandWidth {
        width: auto; } }
  @media screen and (max-width: 767px) {
    #article .spWidth {
      width: 90.78125%;
      margin-left: auto;
      margin-right: auto; } }
  #article .brandTop {
    background-color: #ebeff2;
    margin-top: 50px;
    padding-bottom: 60px; }
  #article .brandTopInner {
    width: 1088px;
    margin: 0 auto;
    color: #656d73;
    font-weight: 300;
    padding-top: 20px; }
    @media screen and (max-width: 767px) {
      #article .brandTopInner {
        width: auto; } }
  #article .lineUp-brand {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    @media screen and (max-width: 767px) {
      #article .lineUp-brand {
        width: auto;
        -ms-flex-direction: column;
            flex-direction: column; } }
    #article .lineUp-brand__box {
      background-color: #fff;
      display: -ms-flexbox;
      display: flex;
      width: 535px;
      -ms-flex-pack: justify;
          justify-content: space-between;
      margin: 20px 0 0;
      border-bottom: 1px solid #d1d5d7;
      border-right: 1px solid #d1d5d7; }
      @media screen and (max-width: 767px) {
        #article .lineUp-brand__box {
          width: 90.78125%;
          margin-left: auto;
          margin-right: auto; } }
      @media screen and (max-width: 767px) {
        #article .lineUp-brand__box {
          padding: 0;
          height: auto; } }
      #article .lineUp-brand__box:hover {
        text-decoration: none; }
      #article .lineUp-brand__box-link {
        background-color: #d02013;
        text-align: center;
        padding: 33px 0;
        height: auto;
        position: relative; }
        @media screen and (max-width: 767px) {
          #article .lineUp-brand__box-link {
            padding: 22% 0; } }
        #article .lineUp-brand__box-link__txt {
          color: #fff;
          width: 100%;
          font-size: 18px;
          /* フォント置換による類似 */
          font-weight: 500; }
          @media screen and (max-width: 767px) {
            #article .lineUp-brand__box-link__txt {
              font-size: 14px;
              font-size: 4.375vw;
              line-height: 1.2; } }
        #article .lineUp-brand__box-link__arrow {
          position: absolute;
          right: 24px; }
          @media screen and (max-width: 767px) {
            #article .lineUp-brand__box-link__arrow {
              right: 0;
              width: 5.48387%;
              -ms-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
              top: 50%; } }
      #article .lineUp-brand__box__left {
        border-left: 6px solid #d02013;
        padding-left: 16px;
        padding: 0 25px;
        margin: 20px 0;
        width: 355px;
        box-sizing: border-box; }
        @media screen and (max-width: 767px) {
          #article .lineUp-brand__box__left {
            margin: 3.90625% 0;
            border-left: 3px solid #d02013;
            width: 68.85246%;
            padding: 0 3.09811%; } }
        #article .lineUp-brand__box__left--orange {
          border-left: 3px solid #ED6C00; }
        #article .lineUp-brand__box__left--purple {
          border-left: 3px solid #8364a9; }
        #article .lineUp-brand__box__left--blue {
          border-left: 3px solid #005cab; }
        #article .lineUp-brand__box__left__ttl {
          font-size: 13px;
          line-height: 18px;
          font-size: 22px;
          font-weight: 500;
          line-height: 1.4; }
          @media screen and (max-width: 767px) {
            #article .lineUp-brand__box__left__ttl {
              font-size: 15px;
              font-size: 4.6875vw; } }
        #article .lineUp-brand__box__left__txt {
          padding-top: 15px;
          color: #5d6466;
          font-size: 17px;
          font-weight: 300;
          line-height: 1.4; }
          @media screen and (max-width: 767px) {
            #article .lineUp-brand__box__left__txt {
              font-size: 12px;
              font-size: 3.75vw;
              padding-top: 2.34375%;
              letter-spacing: 0; } }
      @media screen and (max-width: 767px) {
        #article .lineUp-brand__box__right {
          width: 40.4475%; } }
  @media screen and (max-width: 767px) {
    #article .link-btn {
      padding: 0 0.8em 0 0; } }
  #article .lineUpInner {
    width: 1090px; }
    @media screen and (max-width: 767px) {
      #article .lineUpInner {
        width: auto; } }
  #article .lineUpList a {
    display: inherit; }
    @media screen and (max-width: 767px) {
      #article .lineUpList a {
        display: block; } }
    #article .lineUpList a:hover {
      text-decoration: none; }
  #article .lineUpList__item {
    display: -ms-flexbox;
    display: flex;
    padding: 40px 0;
    border-bottom: 1px solid #bac8cc; }
    @media screen and (max-width: 767px) {
      #article .lineUpList__item {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        width: 87.96875%;
        margin: 0 auto;
        padding: 10.30195% 0; } }
    #article .lineUpList__item--btm {
      border-bottom: none;
      padding-bottom: 0; }
    @media screen and (max-width: 767px) {
      #article .lineUpList__item__sp {
        width: 100%; } }
    #article .lineUpList__item__left {
      margin-right: 25px; }
      @media screen and (max-width: 767px) {
        #article .lineUpList__item__left {
          width: 23.62345%;
          margin-top: 2.34375%;
          display: inline-block;
          margin-right: 1%; } }
    #article .lineUpList__item__right {
      width: 690px; }
      @media screen and (max-width: 767px) {
        #article .lineUpList__item__right {
          width: 74.0675%;
          margin-top: 2.34375%;
          display: inline-block;
          vertical-align: top; } }
      #article .lineUpList__item__right__ttl {
        font-size: 24px;
        font-weight: 500;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: end;
            align-items: flex-end;
        -ms-flex-pack: justify;
            justify-content: space-between;
        border-bottom: 1px solid #bac8cc;
        padding-bottom: 12px; }
        @media screen and (max-width: 767px) {
          #article .lineUpList__item__right__ttl {
            font-size: 15.5px;
            font-size: 4.84375vw;
            padding-bottom: 3.5524%;
            -ms-flex-align: center;
                align-items: center; } }
        #article .lineUpList__item__right__ttl span {
          font-size: 18px;
          padding-bottom: 13px;
          display: inline-block; }
          @media screen and (max-width: 767px) {
            #article .lineUpList__item__right__ttl span {
              font-size: 13.5px;
              font-size: 4.21875vw;
              padding-bottom: 3.5524%; } }
        #article .lineUpList__item__right__ttl__link {
          font-size: 16px;
          font-weight: 300; }
          @media screen and (max-width: 767px) {
            #article .lineUpList__item__right__ttl__link {
              font-size: 10.5px;
              font-size: 3.28125vw;
              width: 22.3%; } }
      #article .lineUpList__item__right__txt__item {
        padding-top: 12px; }
        @media screen and (max-width: 767px) {
          #article .lineUpList__item__right__txt__item {
            padding-top: 0; } }
      #article .lineUpList__item__right__txt__p {
        padding-top: 18px;
        line-height: 1.4;
        font-size: 15px; }
        @media screen and (max-width: 767px) {
          #article .lineUpList__item__right__txt__p {
            font-size: 12px;
            font-size: 3.75vw;
            padding-top: 3.5524%; } }
  #article .lineUpItem {
    display: -ms-flexbox;
    display: flex; }
    @media screen and (max-width: 767px) {
      #article .lineUpItem {
        -ms-flex-pack: justify;
            justify-content: space-between;
        width: 100%; } }
    @media screen and (max-width: 767px) {
      #article .lineUpItem--arange {
        -ms-flex-pack: start;
            justify-content: flex-start; } }
    #article .lineUpItem__list {
      color: #fff;
      padding: 5px 13px 6px;
      margin-right: 3px; }
      #article .lineUpItem__list a {
        color: #fff; }
      @media screen and (max-width: 767px) {
        #article .lineUpItem__list {
          font-size: 10px;
          font-size: 3.125vw;
          padding: 0.5em 0;
          display: inline-block;
          text-align: center; } }
      #article .lineUpItem__list--brown {
        background-color: #c8794e; }
        @media screen and (max-width: 767px) {
          #article .lineUpItem__list--brown {
            width: 29.26267%; } }
      #article .lineUpItem__list--blue {
        background-color: #569ab0; }
        @media screen and (max-width: 767px) {
          #article .lineUpItem__list--blue {
            width: 40.09217%; } }
      #article .lineUpItem__list--green {
        background-color: #8abd48; }
        @media screen and (max-width: 767px) {
          #article .lineUpItem__list--green {
            width: 29.03226%; } }
      #article .lineUpItem__list--gray {
        background-color: #959386; }
        @media screen and (max-width: 767px) {
          #article .lineUpItem__list--gray {
            width: 29.03226%; } }
      #article .lineUpItem__list--orange {
        background-color: #f48042; }
        @media screen and (max-width: 767px) {
          #article .lineUpItem__list--orange {
            width: 29.03226%; } }
      #article .lineUpItem__list:last-child {
        margin-right: 0; }
  #article .productsList {
    margin-top: 20px;
    background-color: #ebeff2; }
    @media screen and (max-width: 767px) {
      #article .productsList {
        width: 87.96875%;
        margin: 2.8125% auto 0; } }
    #article .productsList__txt {
      padding: 13px 0 11px 13px;
      font-size: 14px; }
      #article .productsList__txt span {
        font-weight: 500; }
      @media screen and (max-width: 767px) {
        #article .productsList__txt {
          line-height: 1.6; } }

#form {
  /*
form用のcss
*/ }
  #form .verr {
    color: #ff0014;
    margin-top: 3px; }
    @media screen and (max-width: 767px) {
      #form .verr {
        margin-top: 5px; } }
  #form .link-btn-out {
    font-size: 17px;
    color: #656d73;
    display: inline-block;
    background: url(../img/link.png) no-repeat top 50% right 0px;
    padding-right: 20px;
    background-size: 15px auto;
    text-decoration: underline;
    margin-top: 0; }
    @media screen and (max-width: 767px) {
      #form .link-btn-out {
        padding: 0 5% 0% 0;
        font-size: 12px;
        line-height: 1.4;
        background: url(../img/link.png) no-repeat top 33% right 0px;
        background-size: 15px auto; } }
  #form .articleTtl--blue::after {
    display: none; }
  #form .pci {
    display: inline !important; }
    @media screen and (max-width: 767px) {
      #form .pci {
        display: none !important; } }
  #form .spi {
    display: none !important; }
    @media screen and (max-width: 767px) {
      #form .spi {
        display: inline !important; } }
  #form .pc {
    display: block; }
    @media screen and (max-width: 767px) {
      #form .pc {
        display: none !important; } }
  #form .sp {
    display: none !important; }
    @media screen and (max-width: 767px) {
      #form .sp {
        display: block !important; } }
  #form input {
    border: 1px solid darkgray;
    padding: 6px; }
  #form a:hover {
    opacity: 0.7; }
  #form .caution {
    color: #ff0014;
    font-size: 15px; }
    @media screen and (max-width: 767px) {
      #form .caution {
        font-size: 12px; }
        #form .caution--fz10 {
          font-size: 10px; } }
    #form .caution span {
      line-height: 1.8;
      color: #ff0014;
      border: 1px solid #ff0014;
      font-size: 14px;
      padding: 0 11px;
      margin-right: 10px;
      display: inline-block; }
  #form .main__inputSec {
    width: 895px;
    margin: 0 auto;
    padding: 52px 0 72px; }
    @media screen and (max-width: 767px) {
      #form .main__inputSec {
        width: 93.75%;
        margin: 0 auto;
        padding: 25px 0 30px; } }
    #form .main__inputSec--2 {
      padding: 81px 0 72px; }
      @media screen and (max-width: 767px) {
        #form .main__inputSec--2 {
          padding: 45px 0 30px; } }
  #form .inputBox__infomation01 {
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 1.5; }
    @media screen and (max-width: 767px) {
      #form .inputBox__infomation01 {
        font-size: 4.2vw;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        line-height: 1.5;
        margin-bottom: 10px; } }
    #form .inputBox__infomation01--2 {
      margin-bottom: 58px; }
      @media screen and (max-width: 767px) {
        #form .inputBox__infomation01--2 {
          margin-bottom: 27px;
          font-size: 5vw; } }
  #form .inputBox__infomation02 {
    font-size: 15px;
    margin-bottom: 8px; }
    @media screen and (max-width: 767px) {
      #form .inputBox__infomation02 {
        font-size: 4.2vw;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        line-height: 1.5;
        margin-bottom: 4px; } }
    #form .inputBox__infomation02--2 {
      margin-bottom: 44px; }
      @media screen and (max-width: 767px) {
        #form .inputBox__infomation02--2 {
          font-size: 4.3vw;
          margin-bottom: 35px; } }
  #form .inputBox__infomation03 {
    font-size: 15px;
    margin-bottom: 8px;
    text-decoration: underline; }
    @media screen and (max-width: 767px) {
      #form .inputBox__infomation03 {
        font-size: 4.2vw;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        line-height: 1.5; } }
    #form .inputBox__infomation03--2 {
      margin-bottom: 36px; }
      @media screen and (max-width: 767px) {
        #form .inputBox__infomation03--2 {
          margin-bottom: 26px;
          font-size: 4.3vw; } }
      #form .inputBox__infomation03--2 .tel-archive {
        text-decoration: underline; }
  #form .inputBox__infomation04 {
    margin-bottom: 30px;
    line-height: 1.5; }
    #form .inputBox__infomation04 span {
      display: inline-block;
      margin-left: 15px; }
      @media screen and (max-width: 767px) {
        #form .inputBox__infomation04 span {
          display: inline;
          margin-left: 3%; } }
    @media screen and (max-width: 767px) {
      #form .inputBox__infomation04 {
        font-size: 4.2vw;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        line-height: 1.5;
        margin-bottom: 15px; } }
    #form .inputBox__infomation04--2 {
      margin-bottom: 78px; }
      @media screen and (max-width: 767px) {
        #form .inputBox__infomation04--2 {
          font-size: 4.3vw;
          margin-bottom: 38px; } }
  #form .inputBox__stepList {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 70px; }
    @media screen and (max-width: 767px) {
      #form .inputBox__stepList {
        margin-bottom: 40px; } }
  #form .inputBox__stepItem {
    margin-left: -20px; }
    @media screen and (max-width: 767px) {
      #form .inputBox__stepItem {
        margin-left: -2.5%; } }
    #form .inputBox__stepItem:first-child {
      margin-left: 0; }
  #form .inputBox__catalogListWrap {
    padding-bottom: 78px; }
    @media screen and (max-width: 767px) {
      #form .inputBox__catalogListWrap {
        padding-bottom: 40px; } }
    #form .inputBox__catalogListWrap--2 {
      border-bottom: 1px solid #bac8cc; }
  #form .inputBox__catalogTtl {
    margin-bottom: 40px;
    font-size: 22px;
    letter-spacing: 3.5px;
    line-height: 2;
    border-bottom: 1px solid #bac8cc; }
    @media screen and (max-width: 767px) {
      #form .inputBox__catalogTtl {
        font-size: 6vw;
        letter-spacing: 0px;
        margin-bottom: 20px; } }
  #form .inputBox__catalogList {
    width: 895px;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      #form .inputBox__catalogList {
        width: 100%; } }
  #form .inputBox__catalogItem {
    width: 169px;
    margin-bottom: 60px;
    margin-right: 67px;
    display: inline-block; }
    #form .inputBox__catalogItem.top {
      vertical-align: top; }
    @media screen and (max-width: 767px) {
      #form .inputBox__catalogItem {
        width: 47.26%;
        margin-right: 3%;
        margin-bottom: 35px; }
        #form .inputBox__catalogItem:nth-child(2n) {
          margin-right: 0; } }
    @media print, screen and (min-width: 768px) {
      #form .inputBox__catalogItem.mr0 {
        margin-right: 0; } }
    @media print, screen and (min-width: 768px) {
      #form .inputBox__catalogItem.mb0 {
        margin-bottom: 0; } }
    @media screen and (max-width: 767px) {
      #form .inputBox__catalogItem.spmb0 {
        margin-bottom: 0; } }
  #form .inputBox__catalogImg {
    width: 100%;
    margin-bottom: 15px; }
    @media screen and (max-width: 767px) {
      #form .inputBox__catalogImg {
        margin-bottom: 12px; } }
  #form .inputBox__catalogCheckBox {
    display: inline-block;
    vertical-align: top;
    height: 31px;
    width: 31px; }
    @media screen and (max-width: 767px) {
      #form .inputBox__catalogCheckBox {
        width: 28px;
        height: 28px; } }
    #form .inputBox__catalogCheckBox input {
      height: 31px;
      width: 31px; }
      @media screen and (max-width: 767px) {
        #form .inputBox__catalogCheckBox input {
          width: 28px;
          height: 28px; } }
  #form .inputBox__catalogName {
    display: inline-block;
    vertical-align: top;
    width: 133px;
    font-size: 13px;
    line-height: 1.2; }
    @media screen and (max-width: 767px) {
      #form .inputBox__catalogName {
        width: 77%;
        font-size: 3.2vw; } }
  #form .inputBox__selectedCatalogTtl {
    font-size: 20px;
    margin-bottom: 15px; }
    @media screen and (max-width: 767px) {
      #form .inputBox__selectedCatalogTtl {
        font-size: 4.7vw;
        margin-bottom: 13px; } }
  #form .inputBox__selectedCatalogList {
    padding: 15px 20px;
    border: 1px solid #dfe4e6;
    margin-bottom: 20px; }
    @media screen and (max-width: 767px) {
      #form .inputBox__selectedCatalogList {
        padding: 3% 2%;
        font-size: 4.2vw;
        margin-bottom: 10px; } }
  #form .inputBox__selectedCatalogItem {
    font-size: 18px;
    margin-bottom: 5px; }
    @media screen and (max-width: 767px) {
      #form .inputBox__selectedCatalogItem {
        font-size: 4.2vw; } }
  #form .inputBox__read {
    font-size: 15px;
    margin-bottom: 15px;
    line-height: 1.5; }
    @media screen and (max-width: 767px) {
      #form .inputBox__read {
        font-size: 12px;
        margin-bottom: 12px; } }
  #form .inputBox__wrap {
    width: 895px;
    font-size: 0;
    box-sizing: border-box;
    margin-bottom: 48px;
    border: 1px solid #dfe4e6;
    border-bottom: none; }
    @media screen and (max-width: 767px) {
      #form .inputBox__wrap {
        width: 100%;
        border: none;
        margin-bottom: 12px; } }
  #form .inputBox__inputL {
    background: #dfe4e6;
    width: 33.26923%;
    display: inline-block;
    height: 132px; }
    @media screen and (max-width: 767px) {
      #form .inputBox__inputL {
        background: none;
        width: 100%;
        display: block;
        height: auto; } }
    #form .inputBox__inputL--mail {
      height: 154px; }
      @media screen and (max-width: 767px) {
        #form .inputBox__inputL--mail {
          height: auto; } }
    #form .inputBox__inputL--contact {
      height: 470px; }
      @media screen and (max-width: 767px) {
        #form .inputBox__inputL--contact {
          height: auto; } }
    #form .inputBox__inputL--contact2 {
      height: 400px; }
      @media screen and (max-width: 767px) {
        #form .inputBox__inputL--contact2 {
          height: auto; } }
    #form .inputBox__inputL--request {
      height: 190px; }
      @media screen and (max-width: 767px) {
        #form .inputBox__inputL--request {
          height: auto; } }
    #form .inputBox__inputL--request2 {
      height: 135px; }
      @media screen and (max-width: 767px) {
        #form .inputBox__inputL--request2 {
          height: auto; } }
  #form .inputBox__inputR {
    width: 65.96154%;
    display: inline-block;
    height: 132px; }
    @media screen and (max-width: 767px) {
      #form .inputBox__inputR {
        width: 100%;
        display: block;
        height: auto; } }
    #form .inputBox__inputR--mail {
      height: 154px; }
      @media screen and (max-width: 767px) {
        #form .inputBox__inputR--mail {
          height: auto; } }
    #form .inputBox__inputR--contact {
      height: 470px; }
      @media screen and (max-width: 767px) {
        #form .inputBox__inputR--contact {
          height: auto; } }
    #form .inputBox__inputR--contact2 {
      height: 400px; }
      @media screen and (max-width: 767px) {
        #form .inputBox__inputR--contact2 {
          height: auto; } }
    #form .inputBox__inputR--request {
      height: 190px; }
      @media screen and (max-width: 767px) {
        #form .inputBox__inputR--request {
          height: auto; } }
      #form .inputBox__inputR--request div {
        margin-bottom: 10px; }
      #form .inputBox__inputR--request span {
        display: inline-block;
        vertical-align: middle; }
        #form .inputBox__inputR--request span input {
          height: 20px;
          width: 20px;
          vertical-align: middle;
          margin-right: 10px; }
        @media screen and (max-width: 767px) {
          #form .inputBox__inputR--request span.requestTxt {
            width: 89%;
            vertical-align: middle; } }
    #form .inputBox__inputR--request2 {
      height: 135px; }
      @media screen and (max-width: 767px) {
        #form .inputBox__inputR--request2 {
          height: auto; } }
  #form .inputLbox {
    font-size: 16px;
    color: #656d73;
    border-bottom: 1px solid #fff;
    box-sizing: border-box; }
    @media screen and (max-width: 767px) {
      #form .inputLbox {
        font-size: 12px;
        color: #656d73;
        text-align: left;
        border: none; } }
    #form .inputLbox__ttl {
      line-height: 132px;
      width: 90%;
      margin: 0 auto; }
      @media screen and (max-width: 767px) {
        #form .inputLbox__ttl {
          line-height: 1;
          width: auto;
          font-weight: 700;
          font-size: 14px;
          color: #656d73;
          background: #dfe4e6;
          padding: 10px 0 10px 3%; } }
      #form .inputLbox__ttl--mail {
        line-height: 154px; }
        @media screen and (max-width: 767px) {
          #form .inputLbox__ttl--mail {
            line-height: 1; } }
      #form .inputLbox__ttl--contact {
        line-height: 470px; }
        @media screen and (max-width: 767px) {
          #form .inputLbox__ttl--contact {
            line-height: 1; } }
      #form .inputLbox__ttl--contact2 {
        line-height: 400px; }
        @media screen and (max-width: 767px) {
          #form .inputLbox__ttl--contact2 {
            line-height: 1; } }
      #form .inputLbox__ttl span {
        float: right;
        line-height: 1.8;
        color: #ff0014;
        border: 1px solid #ff0014;
        font-size: 14px;
        padding: 0 10px;
        margin-top: 50px; }
        @media screen and (max-width: 767px) {
          #form .inputLbox__ttl span {
            margin-top: 0;
            margin-right: 3%;
            font-size: 10px;
            padding: 0 8px;
            line-height: 1.5; } }
        #form .inputLbox__ttl span.mail {
          margin-top: 62px; }
          @media screen and (max-width: 767px) {
            #form .inputLbox__ttl span.mail {
              margin-top: 0; } }
        #form .inputLbox__ttl span.contact {
          margin-top: 220px; }
          @media screen and (max-width: 767px) {
            #form .inputLbox__ttl span.contact {
              margin-top: 0; } }
        #form .inputLbox__ttl span.contact2 {
          margin-top: 182px; }
          @media screen and (max-width: 767px) {
            #form .inputLbox__ttl span.contact2 {
              margin-top: 0; } }
      #form .inputLbox__ttl--request {
        line-height: 190px; }
        @media screen and (max-width: 767px) {
          #form .inputLbox__ttl--request {
            line-height: 1; } }
      #form .inputLbox__ttl--request2 {
        line-height: 135px; }
        @media screen and (max-width: 767px) {
          #form .inputLbox__ttl--request2 {
            line-height: 1; } }
    #form .inputLbox__contactTxt {
      font-size: 13px;
      width: 86.7052%;
      margin: -210px auto 0; }
      @media screen and (max-width: 767px) {
        #form .inputLbox__contactTxt {
          margin: 0;
          font-size: 12px;
          width: 100%;
          background: #fff;
          padding-top: 8px; } }
    #form .inputLbox__contactTxt2 {
      font-size: 13px;
      width: 86.7052%;
      margin: -180px auto 0; }
      @media screen and (max-width: 767px) {
        #form .inputLbox__contactTxt2 {
          margin: 0;
          font-size: 12px;
          width: 100%;
          background: #fff;
          padding-top: 8px; } }
  #form .inputRbox {
    font-size: 14px;
    vertical-align: top;
    border-bottom: 1px solid #dfe4e6;
    box-sizing: border-box;
    padding: 40px 0 0 5.619%;
    background-color: #fff; }
    @media screen and (max-width: 767px) {
      #form .inputRbox {
        font-size: 12px;
        border: none;
        padding: 0;
        padding: 10px 0 19px 3%;
        box-sizing: border-box; } }
    #form .inputRbox--confirm {
      padding: 62px 0 0 5.619%; }
      @media screen and (max-width: 767px) {
        #form .inputRbox--confirm {
          padding: 10px 0 10px 3%; } }
    #form .inputRbox__cautionTxt {
      line-height: 30px; }
      @media screen and (max-width: 767px) {
        #form .inputRbox__cautionTxt {
          line-height: 1.5; } }
    #form .inputRbox input {
      border: 1px solid darkgray;
      padding: 6px; }
    #form .inputRbox__name {
      vertical-align: top;
      width: 51.15274%;
      box-sizing: border-box;
      font-size: 15px;
      height: 50px; }
      @media screen and (max-width: 767px) {
        #form .inputRbox__name {
          width: 55.15625%;
          height: auto;
          font-size: 12px; } }
    #form .inputRbox__address {
      vertical-align: top;
      width: 88.61671%;
      box-sizing: border-box;
      height: 50px;
      font-size: 15px; }
      @media screen and (max-width: 767px) {
        #form .inputRbox__address {
          width: 96.33333%;
          height: auto;
          font-size: 12px; } }
    #form .inputRbox__addressTxt {
      margin-top: 5px;
      font-size: 12px; }
    #form .inputRbox__post {
      vertical-align: top;
      width: 29.683%;
      box-sizing: border-box;
      font-size: 15px;
      height: 50px; }
      @media screen and (max-width: 767px) {
        #form .inputRbox__post {
          width: 45.66667%;
          font-size: 12px;
          height: auto; } }
    #form .inputRbox__postTxt {
      font-size: 13px;
      display: inline-block;
      line-height: 1.5;
      vertical-align: middle;
      margin-left: 7px;
      color: #5d6466; }
      @media screen and (max-width: 767px) {
        #form .inputRbox__postTxt {
          line-height: 1;
          font-size: 12px;
          margin-left: 0;
          margin-top: 5px; } }
    #form .inputRbox__postBtn {
      display: inline-block;
      margin-left: 5px;
      width: 20.89337%; }
      @media screen and (max-width: 767px) {
        #form .inputRbox__postBtn {
          margin: 0 0 0 1%;
          width: 25.5%; } }
      #form .inputRbox__postBtn a {
        display: block;
        line-height: 50px;
        text-align: center;
        background: #5d6466;
        color: #fff;
        height: 50px;
        box-sizing: border-box;
        font-size: 16px; }
        @media screen and (max-width: 767px) {
          #form .inputRbox__postBtn a {
            padding: 10px 0;
            font-weight: 700;
            font-size: 12px;
            height: auto;
            display: inline-block;
            line-height: 1;
            width: 100%; } }
    #form .inputRbox__tell {
      vertical-align: top;
      width: 51.15274%;
      box-sizing: border-box;
      height: 50px;
      font-size: 15px; }
      @media screen and (max-width: 767px) {
        #form .inputRbox__tell {
          width: 96.33333%;
          font-size: 12px;
          height: auto; } }
    #form .inputRbox__mail {
      vertical-align: top;
      width: 77.52161%;
      box-sizing: border-box;
      height: 50px;
      font-size: 15px; }
      @media screen and (max-width: 767px) {
        #form .inputRbox__mail {
          width: 96.33333%;
          font-size: 12px;
          height: auto; } }
    #form .inputRbox__mailTxt {
      margin-top: 10px;
      font-size: 13px;
      color: #5d6466; }
    #form .inputRbox__contact {
      vertical-align: top;
      width: 88.61671%;
      height: 320px;
      box-sizing: border-box;
      font-size: 15px;
      border: 1px solid darkgray; }
      @media screen and (max-width: 767px) {
        #form .inputRbox__contact {
          width: 96.33333%;
          font-size: 12px;
          height: 245px; } }
      #form .inputRbox__contact--confirm {
        display: block;
        line-height: 1.5;
        border: none; }
    #form .inputRbox__contactTxtWrap {
      margin-top: 12px; }
      @media screen and (max-width: 767px) {
        #form .inputRbox__contactTxtWrap {
          margin-top: 8px;
          width: 96.33333%; } }
      #form .inputRbox__contactTxtWrap dt {
        font-weight: 500;
        font-size: 15px;
        color: #656d73; }
        @media screen and (max-width: 767px) {
          #form .inputRbox__contactTxtWrap dt {
            font-size: 13px; } }
      #form .inputRbox__contactTxtWrap dd {
        margin-top: 5px;
        line-height: 1.5;
        font-size: 13px;
        letter-spacing: 0.5px; }
        @media screen and (max-width: 767px) {
          #form .inputRbox__contactTxtWrap dd {
            font-size: 12px;
            margin-top: 3px;
            line-height: 1.2; } }
        #form .inputRbox__contactTxtWrap dd span {
          color: #ff0014; }
  #form .cautionBox {
    font-size: 18px;
    width: 895px;
    background: #fff;
    text-indent: 18px;
    cursor: pointer; }
    @media screen and (max-width: 767px) {
      #form .cautionBox {
        width: 100%;
        font-size: 15px;
        text-indent: 15px; } }
    #form .cautionBox a {
      display: block;
      padding: 30px 0;
      color: #656d73;
      font-weight: 500;
      background: #fff;
      border: solid 1px #c9c9c9;
      position: relative; }
      #form .cautionBox a:hover {
        text-decoration: none;
        opacity: 0.7; }
      #form .cautionBox a span {
        display: inline-block;
        width: 10px;
        height: 10px;
        border-top: 3px solid #5d6466;
        border-right: 3px solid #5d6466;
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
        position: absolute;
        right: 18px;
        margin: auto;
        content: "";
        vertical-align: middle; }
        @media screen and (max-width: 767px) {
          #form .cautionBox a span {
            width: 8px;
            height: 8px;
            border-top: 2px solid #5d6466;
            border-right: 2px solid #5d6466; } }
      @media screen and (max-width: 767px) {
        #form .cautionBox a {
          padding: 4% 0; } }
      #form .cautionBox a:hover {
        opacity: 0.7; }
  #form .cautionList {
    display: none;
    background: #fff;
    border: solid 1px #c9c9c9;
    padding: 18px 10px 25px;
    font-size: 17px;
    line-height: 1.5;
    border-top: 0; }
    @media screen and (max-width: 767px) {
      #form .cautionList {
        padding: 4% 4% 5%;
        font-size: 12px; } }
    #form .cautionList li {
      padding-left: 17px;
      text-indent: -17px; }
      @media screen and (max-width: 767px) {
        #form .cautionList li {
          padding-left: 12px;
          text-indent: -12px; } }
    #form .cautionList__elm01 {
      margin-bottom: 8px; }
      @media screen and (max-width: 767px) {
        #form .cautionList__elm01 {
          margin-bottom: 2%; } }
    #form .cautionList__elm02 {
      margin-bottom: 8px; }
      @media screen and (max-width: 767px) {
        #form .cautionList__elm02 {
          margin-bottom: 2%; } }
    #form .cautionList__elm03 {
      margin-bottom: 8px; }
      @media screen and (max-width: 767px) {
        #form .cautionList__elm03 {
          margin-bottom: 2%; } }
    #form .cautionList__elm04 {
      margin-bottom: 8px; }
      @media screen and (max-width: 767px) {
        #form .cautionList__elm04 {
          margin-bottom: 2%; } }
    #form .cautionList__elm05 {
      margin-bottom: 8px; }
      @media screen and (max-width: 767px) {
        #form .cautionList__elm05 {
          margin-bottom: 2%; } }
    #form .cautionList__elm06 {
      margin-bottom: 8px; }
      @media screen and (max-width: 767px) {
        #form .cautionList__elm06 {
          margin-bottom: 2%; } }
  #form .cautionList2 {
    line-height: 1.5;
    margin-top: 15px;
    border-top: 0; }
    @media screen and (max-width: 767px) {
      #form .cautionList2 {
        line-height: 1.7; } }
    #form .cautionList2__elm01 {
      font-size: 18px;
      margin-bottom: 3px; }
      @media screen and (max-width: 767px) {
        #form .cautionList2__elm01 {
          font-size: 12px;
          margin-bottom: 2%; } }
    #form .cautionList2__elm02 {
      font-size: 17px;
      margin-bottom: 3px; }
      @media screen and (max-width: 767px) {
        #form .cautionList2__elm02 {
          font-size: 12px;
          margin-bottom: 1%; } }
    #form .cautionList2__elm03 {
      font-size: 17px; }
      @media screen and (max-width: 767px) {
        #form .cautionList2__elm03 {
          font-size: 12px; } }
  #form .checkbox_btn {
    width: 895px;
    text-align: center;
    margin-top: 48px; }
    @media screen and (max-width: 767px) {
      #form .checkbox_btn {
        margin-top: 20px;
        width: auto; } }
    #form .checkbox_btn .confirm-btn {
      display: block;
      width: 40.384615%;
      margin: 0 auto;
      padding: 28px 0;
      background: url(../img/arrow-01.png) no-repeat top 46% right 20px;
      background-color: #005bac;
      background-size: 11px;
      font-size: 20px;
      font-weight: 500;
      color: #fff;
      letter-spacing: 2px;
      cursor: pointer;
      line-height: 1; }
      #form .checkbox_btn .confirm-btn:hover {
        text-decoration: none;
        opacity: 0.7; }
      @media screen and (max-width: 767px) {
        #form .checkbox_btn .confirm-btn {
          width: 100%;
          letter-spacing: 2px;
          padding: 20px 0;
          font-size: 4.9vw;
          background-size: 8px;
          background-image: none; } }
  #form .downloadBtn {
    width: 350px;
    margin: 0 auto;
    margin-top: 48px;
    line-height: 1.5; }
    @media screen and (max-width: 767px) {
      #form .downloadBtn {
        margin-top: 20px;
        width: auto; } }
    #form .downloadBtn a {
      padding: 28px 0;
      display: block;
      background: #005bac;
      color: #fff;
      text-align: center;
      font-size: 20px;
      letter-spacing: 2px;
      position: relative;
      line-height: 1; }
      #form .downloadBtn a:hover {
        text-decoration: none;
        opacity: 0.7; }
      @media screen and (max-width: 767px) {
        #form .downloadBtn a {
          padding: 20px 0;
          font-size: 4.5vw; } }
      #form .downloadBtn a span {
        display: inline-block;
        width: 10px;
        height: 10px;
        border-top: 3px solid #fff;
        border-right: 3px solid #fff;
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        right: 18px;
        top: 40%;
        margin: auto;
        content: "";
        vertical-align: middle; }
        #form .downloadBtn a span.comp {
          top: 40px; }
          @media screen and (max-width: 767px) {
            #form .downloadBtn a span.comp {
              top: 37px; } }
        @media screen and (max-width: 767px) {
          #form .downloadBtn a span {
            width: 7px;
            height: 7px;
            border-top: 2px solid #fff;
            border-right: 2px solid #fff;
            top: 43%; } }
    #form .downloadBtn--2 a {
      padding: 8px 0;
      line-height: 1.5; }
      #form .downloadBtn--2 a .comp {
        top: 33px !important; }
  #form .formError {
    opacity: 1 !important;
    position: absolute !important;
    margin-top: 15px !important;
    width: 110px !important; }
    #form .formError .formErrorContent {
      width: auto !important;
      background: none !important;
      position: static !important;
      color: #ff0014 !important;
      font-size: 15px !important;
      border: none !important;
      box-shadow: none !important;
      -moz-box-shadow: none !important;
      -webkit-box-shadow: none !important;
      -o-box-shadow: none !important;
      padding: none !important;
      border-radius: none !important;
      -moz-border-radius: none !important;
      -webkit-border-radius: none !important; }
    #form .formError .formErrorArrow {
      display: none !important; }
  #form .confirmBtn {
    width: 700px;
    margin: 0 auto;
    text-align: center;
    margin-top: 48px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    @media screen and (max-width: 767px) {
      #form .confirmBtn {
        margin-top: 20px;
        width: auto;
        display: block; } }
    #form .confirmBtn__elm {
      width: 45.384615%; }
      @media screen and (max-width: 767px) {
        #form .confirmBtn__elm {
          width: 100%;
          letter-spacing: 2px; } }
      #form .confirmBtn__elm .btn {
        display: block;
        padding: 28px 0;
        background: url(../img/arrow-01.png) no-repeat top 50% right 20px;
        background-color: #005bac;
        background-size: 11px;
        border: 1px solid #005bac;
        font-size: 20px;
        font-weight: 500;
        color: #fff;
        letter-spacing: 2px;
        cursor: pointer;
        line-height: 1;
        width: 100%; }
        #form .confirmBtn__elm .btn:hover {
          text-decoration: none;
          opacity: 0.7; }
        @media screen and (max-width: 767px) {
          #form .confirmBtn__elm .btn {
            padding: 20px 0;
            margin-bottom: 4%;
            font-size: 4.9vw;
            background-image: none; } }
        #form .confirmBtn__elm .btn--2 {
          color: #656d73;
          background: url(../img/arrow-02-left.png) no-repeat top 50% left 20px;
          background-color: #fff;
          background-size: 11px;
          border: 1px solid #d7dbde; }
          @media screen and (max-width: 767px) {
            #form .confirmBtn__elm .btn--2 {
              background-image: none; } }
  #form .compTxtList {
    font-size: 16px;
    line-height: 1.5; }
    @media screen and (max-width: 767px) {
      #form .compTxtList {
        font-size: 4vw; } }
    #form .compTxtList__item {
      margin-bottom: 15px; }
      @media screen and (max-width: 767px) {
        #form .compTxtList__item {
          margin-bottom: 7px; } }
  #form .ex_error {
    color: red;
    margin: 20px 0; }

@media print, screen and (min-width: 768px) {
  #guide .bread {
    min-width: auto; } }

#guide .bread__li {
  color: #fff;
  width: 1093px; }
  #guide .bread__li a {
    color: #fff; }
  @media print, screen and (min-width: 768px) {
    #guide .bread__li {
      margin-top: 0;
      padding-top: 15px; } }

#guide .mv {
  background: url(../img/guide/mv_bg.png) no-repeat center bottom;
  background-size: cover;
  color: #fff;
  padding-bottom: 260px; }
  @media screen and (max-width: 767px) {
    #guide .mv {
      background: url(../img/guide/mv_bg--sp.png) no-repeat center bottom;
      background-size: cover;
      padding-bottom: 35.15625%; } }
  #guide .mv__inner {
    width: 1093px;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      #guide .mv__inner {
        width: 91.875%;
        padding-top: 25.46875%; } }
  #guide .mv__ttl {
    font-size: 32px;
    font-weight: 400;
    letter-spacing: 0.1em;
    position: relative;
    margin-top: 108px; }
    @media screen and (max-width: 767px) {
      #guide .mv__ttl {
        margin-top: 0;
        font-size: 22.5px;
        font-size: 7.03125vw; } }
    #guide .mv__ttl:before {
      content: "";
      position: absolute;
      width: 40px;
      height: 3px;
      border-top: 3px solid #fff;
      top: -0.6em;
      left: 0.1em; }
      @media screen and (max-width: 767px) {
        #guide .mv__ttl:before {
          width: 1.8em; } }
  #guide .mv__catch {
    font-size: 30px;
    font-weight: 400;
    line-height: 1.8;
    letter-spacing: 0.5em;
    margin-top: 70px; }
    @media screen and (max-width: 767px) {
      #guide .mv__catch {
        font-size: 19px;
        font-size: 5.9375vw;
        margin-top: 17.0068%; } }
  #guide .mv__txt {
    font-size: 18px;
    font-weight: 200;
    letter-spacing: 0.1em;
    line-height: 2.5; }
    @media screen and (max-width: 767px) {
      #guide .mv__txt {
        font-size: 15px;
        font-size: 4.6875vw;
        line-height: 2.2; } }
    #guide .mv__txt--first {
      margin-top: 50px; }
      @media screen and (max-width: 767px) {
        #guide .mv__txt--first {
          margin-top: 8.5034%; } }
    #guide .mv__txt--indent {
      text-indent: 1.2em; }
  #guide .mv__name {
    text-align: right;
    font-size: 22px;
    font-weight: 400;
    margin-top: 1em; }
    @media screen and (max-width: 767px) {
      #guide .mv__name {
        font-size: 16px;
        font-size: 5vw;
        font-weight: 300; } }

#guide .box {
  width: 1090px;
  margin: 80px auto 0; }
  @media screen and (max-width: 767px) {
    #guide .box {
      width: 100%;
      margin-top: 0; } }
  #guide .box__ttl {
    background: #d70400;
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    color: #fff;
    padding: 0.7em 0;
    position: relative; }
    @media screen and (max-width: 767px) {
      #guide .box__ttl {
        font-size: 17px;
        font-size: 5.3125vw;
        font-weight: 300;
        padding: 1em 0; } }
    #guide .box__ttl:after {
      content: "";
      position: absolute;
      left: 50%;
      bottom: 0;
      -ms-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 20px 20px 0 20px;
      border-color: #d70400 transparent transparent transparent; }
      @media screen and (max-width: 767px) {
        #guide .box__ttl:after {
          border-width: 4vw 4vw 0 4vw;
          bottom: 0.1em; } }
  #guide .box__conts {
    background: url(../img/guide/box_bg.png) no-repeat center bottom;
    background-size: cover;
    box-sizing: border-box;
    padding: 40px 0; }
    @media screen and (max-width: 767px) {
      #guide .box__conts {
        background: url(../img/guide/box_bg--sp.png) no-repeat center bottom;
        background-size: cover;
        padding: 17.8125% 0 12.8125% 0; } }
    #guide .box__conts__inner {
      width: 970px;
      margin: 0 auto;
      -js-display: flex;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between; }
      @media screen and (max-width: 767px) {
        #guide .box__conts__inner {
          width: 90.625%;
          -ms-flex-direction: column;
              flex-direction: column; } }
      #guide .box__conts__inner a {
        text-decoration: none; }
  #guide .box__card {
    -js-display: flex;
    display: -ms-flexbox;
    display: flex;
    background: #fff; }
    @media screen and (max-width: 767px) {
      #guide .box__card {
        margin-top: 3.44828%; } }
    #guide .box__card:nth-child(2) {
      margin-top: 37px; }
      @media screen and (max-width: 767px) {
        #guide .box__card:nth-child(2) {
          margin-top: 3.44828%; } }
    @media screen and (max-width: 767px) {
      #guide .box__card__figure {
        width: 23.27586%; } }
    #guide .box__card__tArea {
      width: 220px; }
      @media screen and (max-width: 767px) {
        #guide .box__card__tArea {
          width: 76.72414%; } }
    #guide .box__card__ttl {
      font-size: 18px;
      font-weight: 300;
      color: #fff;
      padding: 0.8em 0 0.8em 43px;
      background: url(../img/guide/arrow.png) no-repeat;
      background-position: 92% 50%;
      background-color: #d70400;
      position: relative; }
      @media screen and (max-width: 767px) {
        #guide .box__card__ttl {
          font-size: 16.5px;
          font-size: 5.15625vw;
          padding: 0.5em 0 0.5em 2.2em;
          background: url(../img/guide/arrow--sp.png) no-repeat;
          background-position: 95% 50%;
          background-size: 5vw;
          background-color: #d70400; } }
      #guide .box__card__ttl--1:before {
        content: "";
        position: absolute;
        width: 22px;
        height: 27px;
        background: url(../img/guide/box_icon_1.png) no-repeat;
        top: 50%;
        left: 5%;
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
        @media screen and (max-width: 767px) {
          #guide .box__card__ttl--1:before {
            width: 7.86517%;
            height: 0;
            padding-top: 9.66292%;
            background-size: contain; } }
      #guide .box__card__ttl--2:before {
        content: "";
        position: absolute;
        width: 22px;
        height: 23px;
        background: url(../img/guide/box_icon_2.png) no-repeat;
        top: 50%;
        left: 5%;
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
      #guide .box__card__ttl--3:before {
        content: "";
        position: absolute;
        width: 22px;
        height: 22px;
        background: url(../img/guide/box_icon_3.png) no-repeat;
        top: 50%;
        left: 5%;
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
      #guide .box__card__ttl--4:before {
        content: "";
        position: absolute;
        width: 22px;
        height: 20px;
        background: url(../img/guide/box_icon_4.png) no-repeat;
        top: 50%;
        left: 5%;
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
    #guide .box__card__txt {
      font-size: 12px;
      line-height: 1.5;
      box-sizing: border-box;
      padding: 0.7em 0 0.7em 1em; }
      @media screen and (max-width: 767px) {
        #guide .box__card__txt {
          font-size: 12px;
          font-size: 3.75vw;
          padding: 0.3em 0 0.3em 0.8em; } }

#guide .desc {
  width: 1082px;
  margin: 35px auto 0;
  font-size: 16px;
  line-height: 1.8; }
  @media screen and (max-width: 767px) {
    #guide .desc {
      width: 93.75%;
      margin-top: 9.84375%;
      font-size: 14px;
      font-size: 4.375vw; } }

#guide .figures {
  width: 1090px;
  margin: 10px auto 0;
  padding-bottom: 49px; }
  @media screen and (max-width: 767px) {
    #guide .figures {
      width: 88.125%;
      margin-top: 4.6875%;
      padding-bottom: 13.28125%; } }

@media print, screen and (min-width: 768px) {
  #guide .special__wrap {
    -ms-flex-pack: start;
        justify-content: flex-start; }
    #guide .special__wrap li {
      margin-right: 17px; }
      #guide .special__wrap li:nth-child(4) {
        margin-right: 0; } }

.aboutWrap {
  width: 1090px;
  margin: 0 auto; }
  @media screen and (max-width: 767px) {
    .aboutWrap {
      width: auto; } }

.aboutBox {
  margin-top: 63px; }
  .aboutBox--safety {
    width: 536px; }
    @media screen and (max-width: 767px) {
      .aboutBox--safety {
        width: 90.625%;
        margin: 6.25% auto 0; } }
  @media screen and (max-width: 767px) {
    .aboutBox--safety02 {
      width: 90.625%;
      margin: 6.25% auto 0; }
      .aboutBox--safety02 .experiment {
        display: block; }
        .aboutBox--safety02 .experiment__figure {
          width: 100%; }
          .aboutBox--safety02 .experiment__figure:last-child {
            padding-top: 9.375%; } }
  @media screen and (max-width: 767px) {
    .aboutBox--top {
      margin: 0; } }
  @media screen and (max-width: 767px) {
    .aboutBox--grey {
      width: 90.625%;
      margin: 12.5% auto 0; } }
  @media screen and (max-width: 767px) {
    .aboutBox--jupii {
      margin-top: 0; } }
  .aboutBox__ttl {
    text-align: center;
    color: #ffffff;
    font-size: 24px;
    font-weight: 300;
    padding: 22px 0; }
    @media screen and (max-width: 767px) {
      .aboutBox__ttl {
        font-size: 18px;
        font-size: 5.625vw;
        padding: 6.09375% 0 6.875%; } }
    .aboutBox__ttl--red {
      background-color: #d70400; }
    .aboutBox__ttl--grey {
      background-color: #656d73; }
      @media screen and (max-width: 767px) {
        .aboutBox__ttl--grey {
          font-size: 16px;
          font-size: 5vw; } }
    .aboutBox__ttl--lightGrey {
      background-color: #8fa0a5;
      font-size: 18px;
      padding: 20px 0; }
      @media screen and (max-width: 767px) {
        .aboutBox__ttl--lightGrey {
          font-size: 16px;
          font-size: 5vw;
          padding: 4.21875% 0; } }
    .aboutBox__ttl--jupii {
      background-color: #f08000;
      letter-spacing: 3px; }
    .aboutBox__ttl--zeus {
      background-color: #8364a9;
      letter-spacing: 3px; }
  .aboutBox__cont {
    position: relative; }
    .aboutBox__cont--red {
      background-image: url(/akk/insulation/neoma/about/images/secretBox_bg.png);
      background-size: cover;
      padding-bottom: 40px; }
      @media screen and (max-width: 767px) {
        .aboutBox__cont--red {
          background-image: url(/akk/insulation/neoma/about/images/secretBox_bg--sp.png);
          padding-bottom: 12.8125%;
          padding-top: 14.375%; } }
    .aboutBox__cont--grey {
      background-color: #ffffff;
      background-color: #ffffff;
      border-bottom: 2px solid #bac8cc;
      border-left: 2px solid #bac8cc;
      border-right: 2px solid #bac8cc;
      position: relative;
      z-index: 5; }
    .aboutBox__cont--lightGrey {
      background-color: #fff; }
    .aboutBox__cont--jupii {
      background-image: url(/akk/insulation/jupii/about/images/jupiiBg-02.png);
      background-size: cover;
      padding-bottom: 40px; }
      @media screen and (max-width: 767px) {
        .aboutBox__cont--jupii {
          background-image: url(/akk/insulation/jupii/about/images/jupiiBg-02--sp.png);
          padding-bottom: 12.8125%;
          padding-top: 14.375%; } }
    .aboutBox__cont--zeus {
      background-image: url(/akk/insulation/zeus/about/images/zeusBg-02.png);
      background-size: auto;
      padding-bottom: 39px; }
      @media screen and (max-width: 767px) {
        .aboutBox__cont--zeus {
          background-image: url(/akk/insulation/zeus/about/images/zeusBg-02--sp.png);
          background-size: cover;
          padding-bottom: 12.8125%;
          padding-top: 46.875%; } }
    .aboutBox__cont__flex {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      width: 880px;
      margin: 0 auto; }
      .aboutBox__cont__flex--jupii {
        width: 972px;
        padding-top: 40px; }
        @media screen and (max-width: 767px) {
          .aboutBox__cont__flex--jupii {
            padding-top: 0; } }
      .aboutBox__cont__flex--zeus {
        width: 972px;
        padding-top: 40px; }
        @media screen and (max-width: 767px) {
          .aboutBox__cont__flex--zeus {
            padding-top: 3.125%; } }
      @media screen and (max-width: 767px) {
        .aboutBox__cont__flex {
          display: block;
          width: auto; } }
    @media screen and (max-width: 767px) {
      .aboutBox__cont__wrap {
        width: auto; } }

.sankaku {
  width: 0;
  height: 0;
  border: 25px solid transparent;
  border-top: 25px solid #d70400;
  position: absolute;
  top: 0;
  left: 48.5%; }
  @media screen and (max-width: 767px) {
    .sankaku {
      border: 21px solid transparent;
      border-top: 21px solid #d70400;
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
      top: 20px; } }
  .sankaku--jupii {
    border: 25px solid transparent;
    border-top: 25px solid #f08000; }
    @media screen and (max-width: 767px) {
      .sankaku--jupii {
        border: 21px solid transparent;
        border-top: 21px solid #f08000; } }
  .sankaku--zeus {
    border: 25px solid transparent;
    border-top: 25px solid #8364a9; }
    @media screen and (max-width: 767px) {
      .sankaku--zeus {
        border: 21px solid transparent;
        border-top: 21px solid #8364a9; } }

.aboutTop {
  margin-top: 10px;
  padding-top: 80px;
  padding-bottom: 42px;
  background-image: url(/akk/insulation/neoma/about/images/about_bg.png);
  background-size: cover; }
  @media screen and (max-width: 767px) {
    .aboutTop {
      margin-top: 0;
      background-image: url(/akk/insulation/neoma/about/images/about_bg--sp.png);
      background-size: contain;
      background: none;
      padding-top: 0;
      padding-bottom: 0; } }

@media screen and (max-width: 767px) {
  .aboutTopBg--sp {
    padding-top: 12.1875%;
    padding-bottom: 39.6875%;
    background-image: url(/akk/insulation/neoma/about/images/about_bg--sp.png);
    background-size: cover; } }

@media screen and (max-width: 767px) {
  .productName--aboutTop {
    margin-top: 9.84375%; } }

.secretBox {
  width: 310px;
  display: -ms-flexbox;
  display: flex;
  padding-top: 40px; }
  @media screen and (max-width: 767px) {
    .secretBox {
      width: 90.625%;
      margin: 0 auto;
      padding-top: 3.125%; } }
  .secretBox:hover {
    text-decoration: none; }
  .secretBox img:hover {
    opacity: 1; }
  @media screen and (max-width: 767px) {
    .secretBox__left {
      width: 23.27586%; } }
  .secretBox__right {
    display: block;
    width: 220px; }
    @media screen and (max-width: 767px) {
      .secretBox__right {
        width: 76.72414%;
        background-color: #fff; } }
    .secretBox__right__ttl {
      display: -ms-flexbox;
      display: flex;
      background-color: #d70400;
      color: #ffffff;
      font-size: 17.95px;
      font-weight: 300;
      -ms-flex-pack: justify;
          justify-content: space-between;
      padding: 15px 0;
      background-repeat: no-repeat;
      background-size: 20px;
      background-position: bottom 11px left 10px; }
      @media screen and (max-width: 767px) {
        .secretBox__right__ttl {
          font-size: 16.5px;
          font-size: 5.15625vw;
          padding: 3.90625% 0 3.28125%;
          background-size: 6%;
          background-position: bottom 41.14607% left 4.7191%; } }
      .secretBox__right__ttl--01 {
        background-image: url(/akk/insulation/neoma/about/images/icon01_s.png); }
        @media screen and (max-width: 767px) {
          .secretBox__right__ttl--01 {
            background-image: url(/akk/insulation/neoma/about/images/icon01_s--sp.png); } }
      .secretBox__right__ttl--02 {
        background-image: url(/akk/insulation/neoma/about/images/icon02_s.png); }
      .secretBox__right__ttl--03 {
        background-image: url(/akk/insulation/neoma/about/images/icon03_s.png); }
      .secretBox__right__ttl--04 {
        background-image: url(/akk/insulation/neoma/about/images/icon04_s.png); }
      .secretBox__right__ttl__txt {
        position: relative;
        padding-left: 43px; }
        @media screen and (max-width: 767px) {
          .secretBox__right__ttl__txt {
            padding-left: 14.58333%;
            width: 100%; } }
      .secretBox__right__ttl__arrow {
        padding-right: 14px; }
        @media screen and (max-width: 767px) {
          .secretBox__right__ttl__arrow {
            width: 7.55556%;
            padding-right: 4.88889%; }
            .secretBox__right__ttl__arrow img {
              vertical-align: baseline; } }
    .secretBox__right__txt {
      background-color: #fff; }
      .secretBox__right__txt__p {
        width: 188px;
        margin: 0 auto 0;
        font-size: 11px;
        font-weight: 300;
        line-height: 1.6;
        padding: 9px 0 13px;
        height: 50px; }
        @media screen and (max-width: 767px) {
          .secretBox__right__txt__p {
            width: 91.91011%;
            padding-top: 1.34831%;
            padding-bottom: 0;
            height: auto;
            font-size: 12.5px;
            font-size: 3.90625vw; } }

.phenol {
  padding-bottom: 80px; }
  @media screen and (max-width: 767px) {
    .phenol {
      padding-bottom: 12.1875%; } }
  .phenol .blockTtl-phenol {
    margin-top: 65px; }
    @media screen and (max-width: 767px) {
      .phenol .blockTtl-phenol {
        margin-top: 12.1875%; } }
  @media screen and (max-width: 767px) {
    .phenol .phenolImg {
      width: 91.40625%; } }

.highThermal {
  background-color: #f7f9fa;
  padding-top: 80px;
  padding: 80px 0 107px;
  position: relative; }
  @media screen and (max-width: 767px) {
    .highThermal {
      padding-top: 14.0625%; } }

.aboutTtl {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: baseline;
      align-items: baseline; }
  @media screen and (max-width: 767px) {
    .aboutTtl {
      -ms-flex-align: end;
          align-items: flex-end; } }
  .aboutTtl__icon {
    padding-right: 18px; }
    @media screen and (max-width: 767px) {
      .aboutTtl__icon {
        padding-right: 1.875%; }
        .aboutTtl__icon-01 {
          width: 10%; }
        .aboutTtl__icon-02 {
          width: 10.46875%; }
        .aboutTtl__icon-03 {
          width: 9.6875%; }
        .aboutTtl__icon-04 {
          width: 11.5625%; } }
  .aboutTtl .articleTtl:after {
    border: none; }

.htColumns {
  display: -ms-flexbox;
  display: flex;
  margin-top: 53px; }
  @media screen and (max-width: 767px) {
    .htColumns {
      -ms-flex-direction: column;
          flex-direction: column;
      margin-top: 12.5%; } }
  .htColumns--02 {
    -ms-flex-pack: center;
        justify-content: center; }

.htcolumn {
  margin-right: 70px; }
  @media screen and (max-width: 767px) {
    .htcolumn {
      margin-right: 0; } }
  .htcolumn:last-child {
    margin-right: 0; }
    @media screen and (max-width: 767px) {
      .htcolumn:last-child {
        margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .htcolumn--bottom {
      -ms-flex-order: 2;
          order: 2; } }

@media screen and (max-width: 767px) {
  .htcolumnImg {
    width: 59.375%;
    margin: 12.5% auto 0; }
    .htcolumnImg--02 {
      width: 91.5625%; } }

.htText {
  background-color: #fff;
  padding: 40px 0; }
  @media screen and (max-width: 767px) {
    .htText {
      padding: 7.5% 0 5.9375%; } }
  .htText--01 {
    width: 637px; }
    @media screen and (max-width: 767px) {
      .htText--01 {
        width: 90.625%;
        margin: 0 auto; } }
  .htText--02 {
    width: 464px;
    height: 626px;
    box-sizing: border-box;
    width: auto; }
    @media screen and (max-width: 767px) {
      .htText--02 {
        width: 90.625%;
        margin: 0 auto;
        height: auto; } }
  @media screen and (max-width: 767px) {
    .htText--03 {
      width: 90.625%;
      margin: 0 auto;
      height: auto; } }
  .htText--neoma {
    background: url(/akk/insulation/neoma/about/images/basicConstruction.png) no-repeat bottom 24px left, #fff;
    background-size: 406px auto; }
    @media screen and (max-width: 767px) {
      .htText--neoma {
        padding-bottom: 66.66667%;
        background-size: contain; } }
  .htText__ttl {
    margin: 0 40px;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.5; }
    @media screen and (max-width: 767px) {
      .htText__ttl {
        font-size: 15px;
        font-size: 4.6875vw;
        margin: 0 5.17241%; } }
  .htText__txt {
    margin: 30px 40px 0;
    font-size: 16px;
    font-weight: 300;
    line-height: 2; }
    @media screen and (max-width: 767px) {
      .htText__txt {
        font-size: 14px;
        font-size: 4.375vw;
        margin: 6.37931% 5.17241% 0 5.17241%; } }

.htImg {
  text-align: center;
  margin-right: 18px; }
  @media screen and (max-width: 767px) {
    .htImg {
      margin-right: 0;
      width: 90.9375%;
      margin: 0 auto; } }
  .htImg:last-child {
    margin-right: 0; }
    @media screen and (max-width: 767px) {
      .htImg:last-child {
        margin-right: auto;
        margin-top: 10.9375%; } }
  .htImg__ttl {
    font-size: 22px;
    font-weight: 500; }
    @media screen and (max-width: 767px) {
      .htImg__ttl {
        font-size: 15.5px;
        font-size: 4.84375vw; } }
  .htImg__img {
    padding-top: 22px; }
  .htImg__caption {
    font-size: 17px;
    font-weight: 500;
    padding-top: 22px; }
    @media screen and (max-width: 767px) {
      .htImg__caption {
        font-size: 13px;
        font-size: 4.0625vw;
        padding-top: 3.125%; } }

.shikumi {
  padding: 45px 0 53px; }
  @media screen and (max-width: 767px) {
    .shikumi {
      padding: 11.875% 0 11.5625%; } }
  .shikumi__ttl {
    font-size: 20px;
    font-weight: 500;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .shikumi__ttl {
        font-size: 15px;
        font-size: 4.6875vw;
        line-height: 2; } }
    .shikumi__ttl__span {
      font-size: 23px; }
      @media screen and (max-width: 767px) {
        .shikumi__ttl__span {
          font-size: 18px;
          font-size: 5.625vw; } }
      .shikumi__ttl__span--red {
        border-bottom: 2px solid #d22615;
        padding-bottom: 10px; }
        @media screen and (max-width: 767px) {
          .shikumi__ttl__span--red {
            border-bottom: 1px solid #d22615;
            padding-bottom: 1%; } }
  .shikumi__cont__wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    padding-top: 60px; }
    @media screen and (max-width: 767px) {
      .shikumi__cont__wrap {
        display: block;
        padding-top: 0; } }
  .shikumi__cont__figure {
    text-align: center;
    width: 246px;
    margin-right: 78px; }
    @media screen and (max-width: 767px) {
      .shikumi__cont__figure {
        width: auto;
        display: -ms-flexbox;
        display: flex;
        margin-right: 0;
        width: 88.27586%;
        -ms-flex-pack: justify;
            justify-content: space-between;
        margin: 10% auto 0;
        -ms-flex-align: center;
            align-items: center; } }
    .shikumi__cont__figure:last-child {
      margin-right: 0; }
      @media screen and (max-width: 767px) {
        .shikumi__cont__figure:last-child {
          margin-right: auto; } }
    @media screen and (max-width: 767px) {
      .shikumi__cont__figure__img {
        width: 21.48438%; } }
    .shikumi__cont__figure__ttl {
      color: #d22615;
      font-size: 26.4px;
      font-weight: 500;
      padding-top: 22px; }
      @media screen and (max-width: 767px) {
        .shikumi__cont__figure__ttl {
          font-size: 13.5px;
          font-size: 4.21875vw; } }
    .shikumi__cont__figure__txt {
      padding-top: 32px;
      text-align: left;
      font-size: 16px;
      font-weight: 300;
      line-height: 1.5; }
      @media screen and (max-width: 767px) {
        .shikumi__cont__figure__txt {
          padding-top: 0;
          font-size: 13px;
          font-size: 4.0625vw; } }
    @media screen and (max-width: 767px) {
      .shikumi__cont__figure__caption {
        width: 69.14063%; } }

.htBg {
  position: absolute;
  top: 0;
  right: 0; }

.htBg-02 {
  position: absolute;
  left: 0;
  bottom: 0; }

.longTerm {
  padding: 88px 0 75px; }
  @media screen and (max-width: 767px) {
    .longTerm {
      padding: 12.5% 0 0; } }

.graphCaption {
  margin-top: 18px;
  font-size: 13px;
  font-weight: 300;
  line-height: 1.6; }
  @media screen and (max-width: 767px) {
    .graphCaption {
      font-size: 10.5px;
      font-size: 3.28125vw; } }

.kihou {
  margin-top: 40px;
  background-color: #f7f9fa;
  padding: 12px 0 80px; }
  @media screen and (max-width: 767px) {
    .kihou {
      padding-top: 12.5%;
      padding-bottom: 13.28125%; } }
  .kihou__cont {
    padding-top: 83px;
    position: relative; }
    @media screen and (max-width: 767px) {
      .kihou__cont {
        width: 90.625%;
        margin: 0 auto;
        padding-top: 8.125%; } }
    .kihou__cont__ttl {
      position: absolute;
      font-size: 24px;
      font-weight: 500;
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
      left: 50%;
      background-color: #f7f9fa;
      padding: 0 15px; }
      @media screen and (max-width: 767px) {
        .kihou__cont__ttl {
          font-size: 13.5px;
          font-size: 4.21875vw;
          width: 75.86207%;
          padding: 0;
          text-align: center; }
          .kihou__cont__ttl-02 {
            width: 96.55172%; } }
    .kihou__cont__wrap {
      padding-top: 55px;
      border-top: 1px solid #bac8cc;
      width: 930px;
      margin: 0 auto;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center; }
      @media screen and (max-width: 767px) {
        .kihou__cont__wrap {
          width: auto;
          padding-top: 6.89655%; } }
      .kihou__cont__wrap__figure {
        margin-right: 45px; }
        @media screen and (max-width: 767px) {
          .kihou__cont__wrap__figure {
            margin-right: 1.37931%; } }
        .kihou__cont__wrap__figure:last-child {
          margin-right: 0; }
        .kihou__cont__wrap__figure__ttl {
          font-size: 22px;
          font-weight: 500;
          text-align: center; }
          @media screen and (max-width: 767px) {
            .kihou__cont__wrap__figure__ttl {
              font-size: 10.5px;
              font-size: 3.28125vw; } }
        .kihou__cont__wrap__figure__img {
          padding-top: 18px; }
          @media screen and (max-width: 767px) {
            .kihou__cont__wrap__figure__img {
              padding-top: 5.17241%; } }

.safety {
  background-color: #f7f9fa;
  background-image: url(/akk/insulation/neoma/about/images/safety_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 60px 0 80px;
  position: relative; }
  @media screen and (max-width: 767px) {
    .safety {
      padding: 12.5% 0 12.5%;
      background-image: url(/akk/insulation/neoma/about/images/safety_bg--sp.png); } }

.tableTtl {
  font-size: 18px;
  font-weight: 500;
  padding-top: 40px; }
  @media screen and (max-width: 767px) {
    .tableTtl {
      font-size: 12px;
      font-size: 3.75vw; } }

.tableCaption {
  font-size: 14px;
  font-weight: 300;
  padding-top: 10px; }
  @media screen and (max-width: 767px) {
    .tableCaption {
      font-size: 10px;
      font-size: 3.125vw; } }

.sfColumns {
  display: -ms-flexbox;
  display: flex; }
  @media screen and (max-width: 767px) {
    .sfColumns {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }

.sfColumn {
  margin-right: 48px; }
  @media screen and (max-width: 767px) {
    .sfColumn {
      margin-right: 0; }
      .sfColumn:first-child {
        -ms-flex-order: 2;
            order: 2; } }
  .sfColumn:last-child {
    margin-right: 0; }

.experiment {
  display: -ms-flexbox;
  display: flex;
  padding: 45px 0 40px;
  -ms-flex-pack: center;
      justify-content: center; }
  @media screen and (max-width: 767px) {
    .experiment {
      width: 79.31034%;
      margin: 0 auto;
      padding: 6.25% 0 6.40625%; } }
  .experiment__figure {
    margin-right: 45px; }
    @media screen and (max-width: 767px) {
      .experiment__figure {
        width: 52.17391%;
        margin-right: 11.30435%; } }
    .experiment__figure:last-child {
      margin-right: 0; }
    .experiment__figure__txt {
      font-size: 16px;
      font-weight: 500;
      text-align: center;
      padding-top: 18px; }
      @media screen and (max-width: 767px) {
        .experiment__figure__txt {
          font-size: 12px;
          font-size: 3.75vw;
          padding-top: 6.25%; } }

.environment {
  padding: 80px 0; }
  @media screen and (max-width: 767px) {
    .environment {
      padding: 12.5% 0 12.5%; } }

@media screen and (max-width: 767px) {
  .etImgSp {
    width: 33.59375%;
    margin-left: auto;
    margin-right: 3.4375%; } }

.jupiiColumns {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end; }
  .jupiiColumns--cont {
    -ms-flex-align: start;
        align-items: flex-start; }
  @media screen and (max-width: 767px) {
    .jupiiColumns {
      display: block; } }

.jupiiAbout {
  background-image: url(/akk/insulation/jupii/about/images/jupiiBg.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 60px; }
  @media screen and (max-width: 767px) {
    .jupiiAbout {
      background-image: none;
      padding-bottom: 0; } }

@media screen and (max-width: 767px) {
  .jupiiAboutSp {
    background-image: url(/akk/insulation/jupii/about/images/jupiiBg--sp.png);
    background-size: cover;
    padding-top: 19.53125%;
    padding-bottom: 18.4375%; } }

.jupiiAboutTtl {
  margin-top: 85px; }
  @media screen and (max-width: 767px) {
    .jupiiAboutTtl {
      margin-top: 0; } }

.productName--jupii {
  margin-top: 45px;
  line-height: 1.5; }

.productDesc--jupii {
  margin-top: 30px; }

.jupiiTxt {
  margin-left: 87px; }
  @media screen and (max-width: 767px) {
    .jupiiTxt {
      margin-left: 0;
      width: 90.625%;
      margin: 9.375% auto 0; } }

.jupiiBox {
  display: -ms-flexbox;
  display: flex;
  margin-top: 13px; }
  @media screen and (max-width: 767px) {
    .jupiiBox {
      width: 90.625%;
      margin: 3.125% auto 0; } }
  @media screen and (max-width: 767px) {
    .jupiiBox__left {
      width: 23.27586%;
      background-color: #faebe1;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      .jupiiBox__left__img {
        width: 66.66667%;
        margin: 0 auto; } }
  .jupiiBox__right {
    width: 368px;
    background-color: #fff;
    box-sizing: border-box;
    padding: 20px 23px 0 15px; }
    @media screen and (max-width: 767px) {
      .jupiiBox__right {
        width: 76.72414%;
        padding: 5.34483% 3.44828% 0 3.7931%; } }
    .jupiiBox__right__ttl {
      font-size: 18px;
      color: #f08000;
      font-weight: 500; }
    .jupiiBox__right__txt {
      font-size: 12px;
      padding-top: 18px;
      line-height: 1.4; }
      @media screen and (max-width: 767px) {
        .jupiiBox__right__txt {
          padding-top: 2.58621%;
          padding-bottom: 6.03448%; } }
      .jupiiBox__right__txt__img {
        padding-top: 11px; }

.jupiiCont {
  padding-bottom: 80px; }

.jupiiContImg {
  margin-left: 65px; }
  @media screen and (max-width: 767px) {
    .jupiiContImg {
      margin: 40px auto 0; } }

.articleTxt--w446 {
  width: 446px; }
  @media screen and (max-width: 767px) {
    .articleTxt--w446 {
      width: 93.75%; } }

.zeusColumns {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end; }
  .zeusColumns--cont {
    -ms-flex-align: start;
        align-items: flex-start; }
  @media screen and (max-width: 767px) {
    .zeusColumns {
      display: block; } }

.zeusAbout {
  background-image: url(/akk/insulation/zeus/about/images/zeusBg.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 60px; }
  @media screen and (max-width: 767px) {
    .zeusAbout {
      background-image: none;
      padding-bottom: 0; } }

@media screen and (max-width: 767px) {
  .zeusAboutSp {
    background-image: url(/akk/insulation/zeus/about/images/zeusBg--sp.png);
    background-size: cover;
    padding-top: 19.53125%;
    padding-bottom: 18.4375%; } }

.zeusAboutTtl {
  margin-top: 85px; }
  @media screen and (max-width: 767px) {
    .zeusAboutTtl {
      margin-top: 0; } }

.productName--zeus {
  margin-top: 45px;
  line-height: 1.5; }

.productDesc--zeus {
  margin-top: 30px; }

.zeusTxt {
  margin-left: 87px; }
  @media screen and (max-width: 767px) {
    .zeusTxt {
      margin-left: 0;
      width: 90.625%;
      margin: 9.375% auto 0; } }

.zeusBox {
  display: -ms-flexbox;
  display: flex; }
  @media screen and (max-width: 767px) {
    .zeusBox {
      width: 90.625%;
      margin: 3.125% auto 0; } }
  .zeusBox--mt {
    margin-top: 39px; }
    @media screen and (max-width: 767px) {
      .zeusBox--mt {
        margin: 3.125% auto 0; } }
  @media screen and (max-width: 767px) {
    .zeusBox__left {
      width: 23.27586%;
      background-color: #f8f3ff;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      .zeusBox__left__img {
        width: 66.66667%;
        margin: 0 auto; } }
  .zeusBox__right {
    width: 219px;
    background-color: #fff;
    box-sizing: border-box;
    padding: 20px 23px 0 15px; }
    @media screen and (max-width: 767px) {
      .zeusBox__right {
        width: 76.72414%;
        padding: 5.34483% 3.44828% 0 3.7931%; } }
    .zeusBox__right__ttl {
      font-size: 18px;
      color: #8364a9;
      font-weight: 500; }
    .zeusBox__right__txt {
      font-size: 12px;
      padding-top: 8px;
      line-height: 1.4; }
      @media screen and (max-width: 767px) {
        .zeusBox__right__txt {
          padding-top: 2.58621%;
          padding-bottom: 6.03448%;
          height: 50px; } }
      .zeusBox__right__txt__img {
        padding-top: 11px; }

.char {
  padding-bottom: 125px; }
  @media screen and (max-width: 767px) {
    .char {
      padding-bottom: 19.53125%; } }

.ttlBorderNone:after {
  border-bottom: none !important; }

.aboutWrap {
  width: 1090px;
  margin: 0 auto; }
  @media screen and (max-width: 767px) {
    .aboutWrap {
      width: auto; } }

.tokuchouBox {
  background-image: url(/akk/insulation/neoma/steel/gaiyou/img/tokuchou_bg.jpg);
  background-position: center left;
  padding: 26px 0 40px;
  margin-top: 60px; }
  @media screen and (max-width: 767px) {
    .tokuchouBox {
      background-image: url(/akk/insulation/neoma/steel/gaiyou/img/tokuchou_bg--sp.jpg);
      background-position: top center;
      background-size: cover;
      background-repeat: no-repeat;
      padding-top: 4.6875%;
      margin-top: 6.25%; }
      .tokuchouBox__img {
        width: 90.625%;
        margin: 0 auto; } }

.tokuchouList {
  width: 953px;
  margin: 30px auto 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  .tokuchouList--center {
    -ms-flex-pack: center;
        justify-content: center;
    margin-top: 14px; }
  @media print, screen and (min-width: 768px) {
    .tokuchouList.sp {
      display: none !important; } }
  @media screen and (max-width: 767px) {
    .tokuchouList {
      width: auto;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin-top: 0; }
      .tokuchouList.pc {
        display: none !important; } }

.tokuchouItm {
  width: 300px; }
  @media screen and (max-width: 767px) {
    .tokuchouItm {
      width: 90.625%;
      margin: 6.25% auto 0; }
      .tokuchouItm--02 {
        -ms-flex-order: 2;
            order: 2; } }
  .tokuchouItm a {
    text-decoration: none;
    display: inline-block;
    transition: all 0.4s; }
    .tokuchouItm a:hover {
      opacity: 0.8; }

.tokuchouTtl {
  background-color: #d22615;
  color: #fff;
  padding-left: 22px;
  padding: 8px 0 8px 22px;
  font-size: 18px;
  background-image: url(/akk/insulation/neoma/about/images/arrow.png);
  background-repeat: no-repeat;
  background-position: right 10px center; }

.tokuchouTxt {
  background-color: #fff;
  padding: 15px 20px 15px;
  font-size: 13px;
  text-align: justify;
  line-height: 1.4; }

.aboutBox {
  margin-top: 63px; }
  .aboutBox--safety {
    width: 536px; }
    @media screen and (max-width: 767px) {
      .aboutBox--safety {
        width: 90.625%;
        margin: 6.25% auto 0; } }
  @media screen and (max-width: 767px) {
    .aboutBox--safety02 {
      width: 90.625%;
      margin: 6.25% auto 0; }
      .aboutBox--safety02 .experiment {
        display: block; }
        .aboutBox--safety02 .experiment__figure {
          width: 100%; }
          .aboutBox--safety02 .experiment__figure:last-child {
            padding-top: 9.375%; } }
  @media screen and (max-width: 767px) {
    .aboutBox--top {
      margin: 0; } }
  @media screen and (max-width: 767px) {
    .aboutBox--grey {
      width: 90.625%;
      margin: 12.5% auto 0; } }
  @media screen and (max-width: 767px) {
    .aboutBox--jupii {
      margin-top: 0; } }
  .aboutBox__ttl {
    text-align: center;
    color: #ffffff;
    font-size: 24px;
    font-weight: 300;
    padding: 22px 0; }
    @media screen and (max-width: 767px) {
      .aboutBox__ttl {
        font-size: 18px;
        font-size: 5.625vw;
        padding: 6.09375% 0 6.875%; } }
    .aboutBox__ttl--red {
      background-color: #d70400; }
    .aboutBox__ttl--grey {
      background-color: #656d73; }
      @media screen and (max-width: 767px) {
        .aboutBox__ttl--grey {
          font-size: 16px;
          font-size: 5vw; } }
    .aboutBox__ttl--lightGrey {
      background-color: #8fa0a5;
      font-size: 18px;
      padding: 20px 0; }
      @media screen and (max-width: 767px) {
        .aboutBox__ttl--lightGrey {
          font-size: 16px;
          font-size: 5vw;
          padding: 4.21875% 0; } }
    .aboutBox__ttl--jupii {
      background-color: #f08000;
      letter-spacing: 3px; }
    .aboutBox__ttl--zeus {
      background-color: #8364a9;
      letter-spacing: 3px; }
  .aboutBox__cont {
    position: relative; }
    .aboutBox__cont--red {
      background-image: url(/akk/insulation/neoma/about/images/secretBox_bg.png);
      background-size: cover;
      padding-bottom: 40px; }
      @media screen and (max-width: 767px) {
        .aboutBox__cont--red {
          background-image: url(/akk/insulation/neoma/about/images/secretBox_bg--sp.png);
          padding-bottom: 12.8125%;
          padding-top: 14.375%; } }
    .aboutBox__cont--grey {
      background-color: #ffffff;
      background-color: #ffffff;
      border-bottom: 2px solid #bac8cc;
      border-left: 2px solid #bac8cc;
      border-right: 2px solid #bac8cc;
      position: relative;
      z-index: 5; }
    .aboutBox__cont--lightGrey {
      background-color: #fff; }
    .aboutBox__cont--jupii {
      background-image: url(/akk/insulation/jupii/about/images/jupiiBg-02.png);
      background-size: cover;
      padding-bottom: 40px; }
      @media screen and (max-width: 767px) {
        .aboutBox__cont--jupii {
          background-image: url(/akk/insulation/jupii/about/images/jupiiBg-02--sp.png);
          padding-bottom: 12.8125%;
          padding-top: 14.375%; } }
    .aboutBox__cont--zeus {
      background-image: url(/akk/insulation/zeus/about/images/zeusBg-02.png);
      background-size: auto;
      padding-bottom: 39px; }
      @media screen and (max-width: 767px) {
        .aboutBox__cont--zeus {
          background-image: url(/akk/insulation/zeus/about/images/zeusBg-02--sp.png);
          background-size: cover;
          padding-bottom: 12.8125%;
          padding-top: 46.875%; } }
    .aboutBox__cont__flex {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      width: 880px;
      margin: 0 auto; }
      .aboutBox__cont__flex--jupii {
        width: 972px;
        padding-top: 40px; }
        @media screen and (max-width: 767px) {
          .aboutBox__cont__flex--jupii {
            padding-top: 0; } }
      .aboutBox__cont__flex--zeus {
        width: 972px;
        padding-top: 40px; }
        @media screen and (max-width: 767px) {
          .aboutBox__cont__flex--zeus {
            padding-top: 3.125%; } }
      @media screen and (max-width: 767px) {
        .aboutBox__cont__flex {
          display: block;
          width: auto; } }
    @media screen and (max-width: 767px) {
      .aboutBox__cont__wrap {
        width: auto; } }

.sankaku {
  width: 0;
  height: 0;
  border: 25px solid transparent;
  border-top: 25px solid #d70400;
  position: absolute;
  top: 0;
  left: 48.5%; }
  @media screen and (max-width: 767px) {
    .sankaku {
      border: 21px solid transparent;
      border-top: 21px solid #d70400;
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
      top: 20px; } }
  .sankaku--jupii {
    border: 25px solid transparent;
    border-top: 25px solid #f08000; }
    @media screen and (max-width: 767px) {
      .sankaku--jupii {
        border: 21px solid transparent;
        border-top: 21px solid #f08000; } }
  .sankaku--zeus {
    border: 25px solid transparent;
    border-top: 25px solid #8364a9; }
    @media screen and (max-width: 767px) {
      .sankaku--zeus {
        border: 21px solid transparent;
        border-top: 21px solid #8364a9; } }

.tokuchouTop {
  margin-top: 10px;
  padding-top: 80px;
  padding-bottom: 42px; }
  @media screen and (max-width: 767px) {
    .tokuchouTop {
      margin-top: 12.5%;
      padding-top: 0;
      padding-bottom: 0; } }

@media screen and (max-width: 767px) {
  .aboutTopBg--sp {
    padding-top: 12.1875%;
    padding-bottom: 39.6875%;
    background-image: url(/akk/insulation/neoma/about/images/about_bg--sp.png);
    background-size: cover; } }

@media screen and (max-width: 767px) {
  .productName--aboutTop {
    margin-top: 9.84375%; } }

.secretBox {
  width: 310px;
  display: -ms-flexbox;
  display: flex;
  padding-top: 40px; }
  @media screen and (max-width: 767px) {
    .secretBox {
      width: 90.625%;
      margin: 0 auto;
      padding-top: 3.125%; } }
  .secretBox:hover {
    text-decoration: none; }
  .secretBox img:hover {
    opacity: 1; }
  @media screen and (max-width: 767px) {
    .secretBox__left {
      width: 23.27586%; } }
  .secretBox__right {
    display: block;
    width: 220px; }
    @media screen and (max-width: 767px) {
      .secretBox__right {
        width: 76.72414%;
        background-color: #fff; } }
    .secretBox__right__ttl {
      display: -ms-flexbox;
      display: flex;
      background-color: #d70400;
      color: #ffffff;
      font-size: 17.95px;
      font-weight: 300;
      -ms-flex-pack: justify;
          justify-content: space-between;
      padding: 15px 0;
      background-repeat: no-repeat;
      background-size: 20px;
      background-position: bottom 11px left 10px; }
      @media screen and (max-width: 767px) {
        .secretBox__right__ttl {
          font-size: 16.5px;
          font-size: 5.15625vw;
          padding: 3.90625% 0 3.28125%;
          background-size: 6%;
          background-position: bottom 41.14607% left 4.7191%; } }
      .secretBox__right__ttl--01 {
        background-image: url(/akk/insulation/neoma/about/images/icon01_s.png); }
        @media screen and (max-width: 767px) {
          .secretBox__right__ttl--01 {
            background-image: url(/akk/insulation/neoma/about/images/icon01_s--sp.png); } }
      .secretBox__right__ttl--02 {
        background-image: url(/akk/insulation/neoma/about/images/icon02_s.png); }
      .secretBox__right__ttl--03 {
        background-image: url(/akk/insulation/neoma/about/images/icon03_s.png); }
      .secretBox__right__ttl--04 {
        background-image: url(/akk/insulation/neoma/about/images/icon04_s.png); }
      .secretBox__right__ttl__txt {
        position: relative;
        padding-left: 43px; }
        @media screen and (max-width: 767px) {
          .secretBox__right__ttl__txt {
            padding-left: 14.58333%;
            width: 100%; } }
      .secretBox__right__ttl__arrow {
        padding-right: 14px; }
        @media screen and (max-width: 767px) {
          .secretBox__right__ttl__arrow {
            width: 7.55556%;
            padding-right: 4.88889%; }
            .secretBox__right__ttl__arrow img {
              vertical-align: baseline; } }
    .secretBox__right__txt {
      background-color: #fff; }
      .secretBox__right__txt__p {
        width: 188px;
        margin: 0 auto 0;
        font-size: 11px;
        font-weight: 300;
        line-height: 1.6;
        padding: 9px 0 13px;
        height: 50px; }
        @media screen and (max-width: 767px) {
          .secretBox__right__txt__p {
            width: 91.91011%;
            padding-top: 1.34831%;
            padding-bottom: 0;
            height: auto;
            font-size: 12.5px;
            font-size: 3.90625vw; } }

.phenol {
  padding-bottom: 80px; }
  @media screen and (max-width: 767px) {
    .phenol {
      padding-bottom: 12.1875%; } }
  .phenol .blockTtl-phenol {
    margin-top: 65px; }
    @media screen and (max-width: 767px) {
      .phenol .blockTtl-phenol {
        margin-top: 12.1875%; } }
  @media screen and (max-width: 767px) {
    .phenol .phenolImg {
      width: 91.40625%; } }

.highThermal {
  background-color: #f7f9fa;
  padding-top: 80px;
  padding: 80px 0 107px;
  position: relative; }
  @media screen and (max-width: 767px) {
    .highThermal {
      padding-top: 14.0625%; } }

.aboutTtl {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: baseline;
      align-items: baseline; }
  @media screen and (max-width: 767px) {
    .aboutTtl {
      -ms-flex-align: end;
          align-items: flex-end; } }
  .aboutTtl__icon {
    padding-right: 18px; }
    @media screen and (max-width: 767px) {
      .aboutTtl__icon {
        padding-right: 1.875%; }
        .aboutTtl__icon-01 {
          width: 10%; }
        .aboutTtl__icon-02 {
          width: 10.46875%; }
        .aboutTtl__icon-03 {
          width: 9.6875%; }
        .aboutTtl__icon-04 {
          width: 11.5625%; } }
  .aboutTtl .articleTtl:after {
    border: none; }

.htColumns {
  display: -ms-flexbox;
  display: flex;
  margin-top: 53px; }
  @media screen and (max-width: 767px) {
    .htColumns {
      -ms-flex-direction: column;
          flex-direction: column;
      margin-top: 12.5%; } }
  .htColumns--02 {
    -ms-flex-pack: center;
        justify-content: center; }

.htcolumn {
  margin-right: 70px; }
  @media screen and (max-width: 767px) {
    .htcolumn {
      margin-right: 0; } }
  .htcolumn:last-child {
    margin-right: 0; }
    @media screen and (max-width: 767px) {
      .htcolumn:last-child {
        margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .htcolumn--bottom {
      -ms-flex-order: 2;
          order: 2; } }

@media screen and (max-width: 767px) {
  .htcolumnImg {
    width: 59.375%;
    margin: 12.5% auto 0; }
    .htcolumnImg--02 {
      width: 91.5625%; } }

.htText {
  background-color: #fff;
  padding: 40px 0; }
  @media screen and (max-width: 767px) {
    .htText {
      padding: 7.5% 0 5.9375%; } }
  .htText--01 {
    width: 637px; }
    @media screen and (max-width: 767px) {
      .htText--01 {
        width: 90.625%;
        margin: 0 auto; } }
  .htText--02 {
    width: 464px;
    height: 626px;
    box-sizing: border-box;
    width: auto; }
    @media screen and (max-width: 767px) {
      .htText--02 {
        width: 90.625%;
        margin: 0 auto;
        height: auto; } }
  @media screen and (max-width: 767px) {
    .htText--03 {
      width: 90.625%;
      margin: 0 auto;
      height: auto; } }
  .htText--neoma {
    background: url(/akk/insulation/neoma/about/images/basicConstruction.png) no-repeat bottom 24px left, #fff;
    background-size: 406px auto; }
    @media screen and (max-width: 767px) {
      .htText--neoma {
        padding-bottom: 66.66667%;
        background-size: contain; } }
  .htText__ttl {
    margin: 0 40px;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.5; }
    @media screen and (max-width: 767px) {
      .htText__ttl {
        font-size: 15px;
        font-size: 4.6875vw;
        margin: 0 5.17241%; } }
  .htText__txt {
    margin: 30px 40px 0;
    font-size: 16px;
    font-weight: 300;
    line-height: 2; }
    @media screen and (max-width: 767px) {
      .htText__txt {
        font-size: 14px;
        font-size: 4.375vw;
        margin: 6.37931% 5.17241% 0 5.17241%; } }

.htImg {
  text-align: center;
  margin-right: 18px; }
  @media screen and (max-width: 767px) {
    .htImg {
      margin-right: 0;
      width: 90.9375%;
      margin: 0 auto; } }
  .htImg:last-child {
    margin-right: 0; }
    @media screen and (max-width: 767px) {
      .htImg:last-child {
        margin-right: auto;
        margin-top: 10.9375%; } }
  .htImg__ttl {
    font-size: 22px;
    font-weight: 500; }
    @media screen and (max-width: 767px) {
      .htImg__ttl {
        font-size: 15.5px;
        font-size: 4.84375vw; } }
  .htImg__img {
    padding-top: 22px; }
  .htImg__caption {
    font-size: 17px;
    font-weight: 500;
    padding-top: 22px; }
    @media screen and (max-width: 767px) {
      .htImg__caption {
        font-size: 13px;
        font-size: 4.0625vw;
        padding-top: 3.125%; } }

.shikumi {
  padding: 45px 0 53px; }
  @media screen and (max-width: 767px) {
    .shikumi {
      padding: 11.875% 0 11.5625%; } }
  .shikumi__ttl {
    font-size: 20px;
    font-weight: 500;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .shikumi__ttl {
        font-size: 15px;
        font-size: 4.6875vw;
        line-height: 2; } }
    .shikumi__ttl__span {
      font-size: 23px; }
      @media screen and (max-width: 767px) {
        .shikumi__ttl__span {
          font-size: 18px;
          font-size: 5.625vw; } }
      .shikumi__ttl__span--red {
        border-bottom: 2px solid #d22615;
        padding-bottom: 10px; }
        @media screen and (max-width: 767px) {
          .shikumi__ttl__span--red {
            border-bottom: 1px solid #d22615;
            padding-bottom: 1%; } }
  .shikumi__cont__wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    padding-top: 60px; }
    @media screen and (max-width: 767px) {
      .shikumi__cont__wrap {
        display: block;
        padding-top: 0; } }
  .shikumi__cont__figure {
    text-align: center;
    width: 246px;
    margin-right: 78px; }
    @media screen and (max-width: 767px) {
      .shikumi__cont__figure {
        width: auto;
        display: -ms-flexbox;
        display: flex;
        margin-right: 0;
        width: 88.27586%;
        -ms-flex-pack: justify;
            justify-content: space-between;
        margin: 10% auto 0;
        -ms-flex-align: center;
            align-items: center; } }
    .shikumi__cont__figure:last-child {
      margin-right: 0; }
      @media screen and (max-width: 767px) {
        .shikumi__cont__figure:last-child {
          margin-right: auto; } }
    @media screen and (max-width: 767px) {
      .shikumi__cont__figure__img {
        width: 21.48438%; } }
    .shikumi__cont__figure__ttl {
      color: #d22615;
      font-size: 26.4px;
      font-weight: 500;
      padding-top: 22px; }
      @media screen and (max-width: 767px) {
        .shikumi__cont__figure__ttl {
          font-size: 13.5px;
          font-size: 4.21875vw; } }
    .shikumi__cont__figure__txt {
      padding-top: 32px;
      text-align: left;
      font-size: 16px;
      font-weight: 300;
      line-height: 1.5; }
      @media screen and (max-width: 767px) {
        .shikumi__cont__figure__txt {
          padding-top: 0;
          font-size: 13px;
          font-size: 4.0625vw; } }
    @media screen and (max-width: 767px) {
      .shikumi__cont__figure__caption {
        width: 69.14063%; } }

.htBg {
  position: absolute;
  top: 0;
  right: 0; }

.htBg-02 {
  position: absolute;
  left: 0;
  bottom: 0; }

.longTerm {
  padding: 88px 0 75px; }
  @media screen and (max-width: 767px) {
    .longTerm {
      padding: 12.5% 0 0; } }

.graphCaption {
  margin-top: 18px;
  font-size: 13px;
  font-weight: 300;
  line-height: 1.6; }
  @media screen and (max-width: 767px) {
    .graphCaption {
      font-size: 10.5px;
      font-size: 3.28125vw; } }

.kihou {
  margin-top: 40px;
  background-color: #f7f9fa;
  padding: 12px 0 80px; }
  @media screen and (max-width: 767px) {
    .kihou {
      padding-top: 12.5%;
      padding-bottom: 13.28125%; } }
  .kihou__cont {
    padding-top: 83px;
    position: relative; }
    @media screen and (max-width: 767px) {
      .kihou__cont {
        width: 90.625%;
        margin: 0 auto;
        padding-top: 8.125%; } }
    .kihou__cont__ttl {
      position: absolute;
      font-size: 24px;
      font-weight: 500;
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
      left: 50%;
      background-color: #f7f9fa;
      padding: 0 15px; }
      @media screen and (max-width: 767px) {
        .kihou__cont__ttl {
          font-size: 13.5px;
          font-size: 4.21875vw;
          width: 75.86207%;
          padding: 0;
          text-align: center; }
          .kihou__cont__ttl-02 {
            width: 96.55172%; } }
    .kihou__cont__wrap {
      padding-top: 55px;
      border-top: 1px solid #bac8cc;
      width: 930px;
      margin: 0 auto;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center; }
      @media screen and (max-width: 767px) {
        .kihou__cont__wrap {
          width: auto;
          padding-top: 6.89655%; } }
      .kihou__cont__wrap__figure {
        margin-right: 45px; }
        @media screen and (max-width: 767px) {
          .kihou__cont__wrap__figure {
            margin-right: 1.37931%; } }
        .kihou__cont__wrap__figure:last-child {
          margin-right: 0; }
        .kihou__cont__wrap__figure__ttl {
          font-size: 22px;
          font-weight: 500;
          text-align: center; }
          @media screen and (max-width: 767px) {
            .kihou__cont__wrap__figure__ttl {
              font-size: 10.5px;
              font-size: 3.28125vw; } }
        .kihou__cont__wrap__figure__img {
          padding-top: 18px; }
          @media screen and (max-width: 767px) {
            .kihou__cont__wrap__figure__img {
              padding-top: 5.17241%; } }

.safety {
  background-color: #f7f9fa;
  background-image: url(/akk/insulation/neoma/about/images/safety_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 60px 0 80px;
  position: relative; }
  @media screen and (max-width: 767px) {
    .safety {
      padding: 12.5% 0 12.5%;
      background-image: url(/akk/insulation/neoma/about/images/safety_bg--sp.png); } }

.tableTtl {
  font-size: 18px;
  font-weight: 500;
  padding-top: 40px; }
  @media screen and (max-width: 767px) {
    .tableTtl {
      font-size: 12px;
      font-size: 3.75vw; } }

.tableCaption {
  font-size: 14px;
  font-weight: 300;
  padding-top: 10px; }
  @media screen and (max-width: 767px) {
    .tableCaption {
      font-size: 10px;
      font-size: 3.125vw; } }

.sfColumns {
  display: -ms-flexbox;
  display: flex; }
  @media screen and (max-width: 767px) {
    .sfColumns {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }

.sfColumn {
  margin-right: 48px; }
  @media screen and (max-width: 767px) {
    .sfColumn {
      margin-right: 0; }
      .sfColumn:first-child {
        -ms-flex-order: 2;
            order: 2; } }
  .sfColumn:last-child {
    margin-right: 0; }

.experiment {
  display: -ms-flexbox;
  display: flex;
  padding: 45px 0 40px;
  -ms-flex-pack: center;
      justify-content: center; }
  @media screen and (max-width: 767px) {
    .experiment {
      width: 79.31034%;
      margin: 0 auto;
      padding: 6.25% 0 6.40625%; } }
  .experiment__figure {
    margin-right: 45px; }
    @media screen and (max-width: 767px) {
      .experiment__figure {
        width: 52.17391%;
        margin-right: 11.30435%; } }
    .experiment__figure:last-child {
      margin-right: 0; }
    .experiment__figure__txt {
      font-size: 16px;
      font-weight: 500;
      text-align: center;
      padding-top: 18px; }
      @media screen and (max-width: 767px) {
        .experiment__figure__txt {
          font-size: 12px;
          font-size: 3.75vw;
          padding-top: 6.25%; } }

.environment {
  padding: 80px 0; }
  @media screen and (max-width: 767px) {
    .environment {
      padding: 12.5% 0 12.5%; } }

@media screen and (max-width: 767px) {
  .etImgSp {
    width: 33.59375%;
    margin-left: auto;
    margin-right: 3.4375%; } }

.jupiiColumns {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end; }
  .jupiiColumns--cont {
    -ms-flex-align: start;
        align-items: flex-start; }
  @media screen and (max-width: 767px) {
    .jupiiColumns {
      display: block; } }

.jupiiAbout {
  background-image: url(/akk/insulation/jupii/about/images/jupiiBg.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 60px; }
  @media screen and (max-width: 767px) {
    .jupiiAbout {
      background-image: none;
      padding-bottom: 0; } }

@media screen and (max-width: 767px) {
  .jupiiAboutSp {
    background-image: url(/akk/insulation/jupii/about/images/jupiiBg--sp.png);
    background-size: cover;
    padding-top: 19.53125%;
    padding-bottom: 18.4375%; } }

.jupiiAboutTtl {
  margin-top: 85px; }
  @media screen and (max-width: 767px) {
    .jupiiAboutTtl {
      margin-top: 0; } }

.productName--jupii {
  margin-top: 45px;
  line-height: 1.5; }

.productDesc--jupii {
  margin-top: 30px; }

.jupiiTxt {
  margin-left: 87px; }
  @media screen and (max-width: 767px) {
    .jupiiTxt {
      margin-left: 0;
      width: 90.625%;
      margin: 9.375% auto 0; } }

.jupiiBox {
  display: -ms-flexbox;
  display: flex;
  margin-top: 13px; }
  @media screen and (max-width: 767px) {
    .jupiiBox {
      width: 90.625%;
      margin: 3.125% auto 0; } }
  @media screen and (max-width: 767px) {
    .jupiiBox__left {
      width: 23.27586%;
      background-color: #faebe1;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      .jupiiBox__left__img {
        width: 66.66667%;
        margin: 0 auto; } }
  .jupiiBox__right {
    width: 368px;
    background-color: #fff;
    box-sizing: border-box;
    padding: 20px 23px 0 15px; }
    @media screen and (max-width: 767px) {
      .jupiiBox__right {
        width: 76.72414%;
        padding: 5.34483% 3.44828% 0 3.7931%; } }
    .jupiiBox__right__ttl {
      font-size: 18px;
      color: #f08000;
      font-weight: 500; }
    .jupiiBox__right__txt {
      font-size: 12px;
      padding-top: 18px;
      line-height: 1.4; }
      @media screen and (max-width: 767px) {
        .jupiiBox__right__txt {
          padding-top: 2.58621%;
          padding-bottom: 6.03448%; } }
      .jupiiBox__right__txt__img {
        padding-top: 11px; }

.jupiiCont {
  padding-bottom: 80px; }

.jupiiContImg {
  margin-left: 65px; }
  @media screen and (max-width: 767px) {
    .jupiiContImg {
      margin: 40px auto 0; } }

.articleTxt--w446 {
  width: 446px; }
  @media screen and (max-width: 767px) {
    .articleTxt--w446 {
      width: 93.75%; } }

.zeusColumns {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end; }
  .zeusColumns--cont {
    -ms-flex-align: start;
        align-items: flex-start; }
  @media screen and (max-width: 767px) {
    .zeusColumns {
      display: block; } }

.zeusAbout {
  background-image: url(/akk/insulation/zeus/about/images/zeusBg.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 60px; }
  @media screen and (max-width: 767px) {
    .zeusAbout {
      background-image: none;
      padding-bottom: 0; } }

@media screen and (max-width: 767px) {
  .zeusAboutSp {
    background-image: url(/akk/insulation/zeus/about/images/zeusBg--sp.png);
    background-size: cover;
    padding-top: 19.53125%;
    padding-bottom: 18.4375%; } }

.zeusAboutTtl {
  margin-top: 85px; }
  @media screen and (max-width: 767px) {
    .zeusAboutTtl {
      margin-top: 0; } }

.productName--zeus {
  margin-top: 45px;
  line-height: 1.5; }

.productDesc--zeus {
  margin-top: 30px; }

.zeusTxt {
  margin-left: 87px; }
  @media screen and (max-width: 767px) {
    .zeusTxt {
      margin-left: 0;
      width: 90.625%;
      margin: 9.375% auto 0; } }

.zeusBox {
  display: -ms-flexbox;
  display: flex; }
  @media screen and (max-width: 767px) {
    .zeusBox {
      width: 90.625%;
      margin: 3.125% auto 0; } }
  .zeusBox--mt {
    margin-top: 39px; }
    @media screen and (max-width: 767px) {
      .zeusBox--mt {
        margin: 3.125% auto 0; } }
  @media screen and (max-width: 767px) {
    .zeusBox__left {
      width: 23.27586%;
      background-color: #f8f3ff;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      .zeusBox__left__img {
        width: 66.66667%;
        margin: 0 auto; } }
  .zeusBox__right {
    width: 219px;
    background-color: #fff;
    box-sizing: border-box;
    padding: 20px 23px 0 15px; }
    @media screen and (max-width: 767px) {
      .zeusBox__right {
        width: 76.72414%;
        padding: 5.34483% 3.44828% 0 3.7931%; } }
    .zeusBox__right__ttl {
      font-size: 18px;
      color: #8364a9;
      font-weight: 500; }
    .zeusBox__right__txt {
      font-size: 12px;
      padding-top: 8px;
      line-height: 1.4; }
      @media screen and (max-width: 767px) {
        .zeusBox__right__txt {
          padding-top: 2.58621%;
          padding-bottom: 6.03448%;
          height: 50px; } }
      .zeusBox__right__txt__img {
        padding-top: 11px; }

.char {
  padding-bottom: 125px; }
  @media screen and (max-width: 767px) {
    .char {
      padding-bottom: 19.53125%; } }

.ttlBorderNone:after {
  border-bottom: none !important; }

/* detail__wrap__time2 あたたか族更新 */
.top .detail__wrap__time2 {
  width: 200px; }

.top .detail__wrap__time2 span {
  display: inline-block;
  vertical-align: 3px;
  width: 48px;
  height: 17px;
  margin-left: 6px;
  font-size: 12px;
  letter-spacing: .1em;
  line-height: 17px;
  text-align: center;
  color: #fff;
  background: #d02013;
  margin-right: 5px;
  vertical-align: baseline; }

.top .news__wrap__li .update {
  display: inline-block;
  vertical-align: 3px;
  width: 48px;
  height: 17px;
  margin-left: 6px;
  font-size: 12px;
  letter-spacing: .1em;
  line-height: 17px;
  text-align: center;
  color: #fff;
  background: #d02013; }

.p-aboutMovie__video {
  margin-top: 60px;
  background: #303133;
  height: 504px;
  position: relative; }
  @media screen and (max-width: 768px) {
    .p-aboutMovie__video {
      margin-top: 8.69565%;
      padding-bottom: 56.25%;
      height: auto; } }