@charset "utf-8";

/*
 * lib/css/reset.css
 *
*/

html {
	overflow-y: scroll;
}

fieldset,img { border: none;}

ul, ol { list-style-type: none;}

address, caption, cite, code, dfn, em, var {
	font-style: normal;
}

caption, th { text-align: left;}

a { outline: none;}

/*-----------------------------------------------------------
    余白初期設定
-----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6,
html, body, div,
p, ul, ol, li, dl, dt, dd,
pre, blockquote,
form, fieldset, input, textarea,
table, th, td {
	margin: 0;
	padding: 0;
}

/*-----------------------------------------------------------
    その他初期設定
-----------------------------------------------------------*/
q:before, q:after {
	content:'';
}

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

body {
	color: #000000;
	line-height: 1.71;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 14px;
	* font:x-small;
}

h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}

button, fieldset, form, input, label, legend, select, textarea {
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
}

a { text-decoration: none;}
a:link { color: #333;}
a:visited { color: #333;}
a:hover { color: #999;}
a:active { color: #999;}

a img {
	vertical-align: top;
}
a:hover img {
	opacity: .8;
}

.heading{
	position: relative;
	margin-bottom: 20px;
	padding-left: 20px;
	font-size: 20px;
	font-weight: bold;
}

.heading:before{
	content: ' ';
	position: absolute;
	left: 0;
	top: 0;
	width: 5px;
	height: 100%;
	border-radius: 3px;
	background: #004ea2;
}

.heading2{
	margin-top: 45px;
	margin-bottom: 15px;
	line-height: 1.3;
	font-size: 128.57%;
	font-weight: bold;
	color: #004ea2;
}
.heading2:first-child{
	margin-top: 0;
}

.heading2-ttl{
	font-size: 20px;
	color: #000000;
	font-weight: bold;
}

.heading3{
	font-size: 16px;
	font-weight: bold;
}

.heading4{
	max-width: 610px;
	margin-bottom: 5px !important;
	padding: 2px 5px !important;
	border-radius: 5px;
	background: #004289;
	color: #ffffff;
	font-size: 16px;
}

.heading4-text{
	display: inline-block;
	font-size: 12px;
	margin-left: 20px;
}

.color-red{
	margin: 0 10px;
	color: #c91515;
}

.section{
	width: 610px;
	margin-bottom: 50px;
}

.section > p{
	margin-bottom: 2em;
}

.contactBox{
	clear: both;
	overflow: hidden;
	margin-top: 50px;
	margin-bottom: 20px;
}

.contactBox-items{
	float: right;
	width: 645px;
	box-sizing: border-box;
	height: 138px;
	padding-top: 30px;
	padding-left: 30px;
	padding-right: 170px;
	background: url(../img/common/bg-contact.png) no-repeat left center;	
}

.contactBox-item{
	float: left
}
.contactBox-item:nth-child(2n){
	float: right;
}

.contactBox-title{
	margin-bottom: 10px;
}

.contactBox-text > img{
	display: block;
	margin-bottom: 10px;
}

.p-point__image{
	margin-bottom: 10px;
}

.p-point__heading{
	margin-bottom: 10px;
	color: #004da1;
	font-weight: bold;
	font-size: 15px;
	letter-spacing: 0;
}


.p-box{
	padding: 20px 25px;
	border:1px solid #dddddd;
	border-radius: 5px;
}

.p-box__title{
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
}


.p-link-arrow{
	display: inline-block;
	margin-top: 10px;
	padding-left: 20px;
	background:url("../img/common/icon-arrow.png") no-repeat left center;
	text-decoration: underline;
}
.p-attention{
	margin: 10px 0;
	font-size: 12px;
}

.rubber-dip__content{
	border: 5px solid #00b285;
	border-radius: 0 0 5px 5px;
}

.p-image-list + .p-image-list{
	margin-top: 10px;
}

.p-link-arrow:hover{
	text-decoration: none;
}

.u-mt-sm{
	margin-top: 10px;
}

.color-red2{
	color: #c91515;
}

.p-paragraph p + p{
	margin-top: 1em;
}

.c-table {
	margin-top: 10px;
	width: 612px;
}
.c-table td, .c-table th {
	border: 2px solid #ccc;
}
.c-table .head-line th,
.c-table td {
	text-align: center;
}
.c-table th {
	padding: 5px;
	font-weight: normal;
	background: #ebebeb;
}
.c-table th.parts {
	width: 220px;
	padding: 10px 15px;
	
}
.c-table th.name {
	width: 210px
}
.c-table th.size {
	width: 100px;
	padding: 20px 10px;
}
.c-table th.car {
	width: 110px;
	padding: 5px 10px;
}
.c-table th.width80 {
	width: 80px;
	padding: 5px 0px;
}
.c-table td {
	font-size: 116%;
	font-weight: bold;
}
.c-table td.normal {
	font-size: 100%;
	font-weight: normal;
}

.l-row {
  min-width: 100%;
  list-style-type: none;
  display: -ms-flexbox;
  display: flex;
  /* flexibility-disable */
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.l-row--center {
  -ms-flex-pack: center;
      justify-content: center;
}

.l-row--right {
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.l-row--justify {
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.l-row--spaced {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.l-row--middle {
  -ms-flex-align: center;
      align-items: center;
}

.l-row--top {
  -ms-flex-align: start;
      align-items: flex-start;
}

.l-row:not(:target):before, .l-row:not(:target):after {
  box-sizing: border-box\9;
  content: ' ';
  display: table\9;
  clear: both\9;
}

.l-row .l-row {
  margin-right: 0;
  margin-left: 0;
}

.l-row.is-gutter-10 {
  margin-left: -5px;
  margin-right: -5px;
  margin-bottom: -20px;
}

.l-row.is-gutter-20 {
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: -20px;
}

.l-row.is-gutter-30 {
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: -20px;
}

.l-column {
  position: relative;
  width: 100%;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  /* ie9*/
}

.l-column--top {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.l-column--middle {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.l-column--bottom {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.l-column:not(:target) {
  float: left\9;
}

.l-column.l-row {
  min-width: auto;
  margin-right: 0;
  margin-left: 0;
}

.l-row.is-gutter-10 > .l-column {
  width: calc(100% - 10px);
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 20px;
}

.l-row.is-gutter-20 > .l-column {
  width: calc(100% - 20px);
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 20px;
}

.l-row.is-gutter-30 > .l-column {
  width: calc(100% - 30px);
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 20px;
}

.l-row.is-small-collapse.l-column {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 20px;
}

.l-row.is-small-up-1 > .l-column {
  width: 100%;
}

.l-column.is-small-1 {
  width: 8.33333%;
}

.l-small-order-1 {
  -ms-flex-order: 1;
      order: 1;
}

.l-row.is-gutter-10.is-small-up-1 > .l-column {
  width: calc(100% - 10px);
}

.l-row.is-gutter-10 > .l-column.is-small-1 {
  width: calc(8.33333% - 10px);
}

.l-row.is-small-up-1.is-small-collapse > .l-column {
  width: 100%;
}

.l-row.is-gutter-20.is-small-up-1 > .l-column {
  width: calc(100% - 20px);
}

.l-row.is-gutter-20 > .l-column.is-small-1 {
  width: calc(8.33333% - 20px);
}

.l-row.is-small-up-1.is-small-collapse > .l-column {
  width: 100%;
}

.l-row.is-gutter-30.is-small-up-1 > .l-column {
  width: calc(100% - 30px);
}

.l-row.is-gutter-30 > .l-column.is-small-1 {
  width: calc(8.33333% - 30px);
}

.l-row.is-small-up-1.is-small-collapse > .l-column {
  width: 100%;
}

.l-row.is-small-up-2 > .l-column {
  width: 50%;
}

.l-column.is-small-2 {
  width: 16.66667%;
}

.l-small-order-2 {
  -ms-flex-order: 2;
      order: 2;
}

.l-row.is-gutter-10.is-small-up-2 > .l-column {
  width: calc(50% - 10px);
}

.l-row.is-gutter-10 > .l-column.is-small-2 {
  width: calc(16.66667% - 10px);
}

.l-row.is-small-up-2.is-small-collapse > .l-column {
  width: 50%;
}

.l-row.is-gutter-20.is-small-up-2 > .l-column {
  width: calc(50% - 20px);
}

.l-row.is-gutter-20 > .l-column.is-small-2 {
  width: calc(16.66667% - 20px);
}

.l-row.is-small-up-2.is-small-collapse > .l-column {
  width: 50%;
}

.l-row.is-gutter-30.is-small-up-2 > .l-column {
  width: calc(50% - 30px);
}

.l-row.is-gutter-30 > .l-column.is-small-2 {
  width: calc(16.66667% - 30px);
}

.l-row.is-small-up-2.is-small-collapse > .l-column {
  width: 50%;
}

.l-row.is-small-up-3 > .l-column {
  width: 33.33333%;
}

.l-column.is-small-3 {
  width: 25%;
}

.l-small-order-3 {
  -ms-flex-order: 3;
      order: 3;
}

.l-row.is-gutter-10.is-small-up-3 > .l-column {
  width: calc(33.33333% - 10px);
}

.l-row.is-gutter-10 > .l-column.is-small-3 {
  width: calc(25% - 10px);
}

.l-row.is-small-up-3.is-small-collapse > .l-column {
  width: 33.33333%;
}

.l-row.is-gutter-20.is-small-up-3 > .l-column {
  width: calc(33.33333% - 20px);
}

.l-row.is-gutter-20 > .l-column.is-small-3 {
  width: calc(25% - 20px);
}

.l-row.is-small-up-3.is-small-collapse > .l-column {
  width: 33.33333%;
}

.l-row.is-gutter-30.is-small-up-3 > .l-column {
  width: calc(33.33333% - 30px);
}

.l-row.is-gutter-30 > .l-column.is-small-3 {
  width: calc(25% - 30px);
}

.l-row.is-small-up-3.is-small-collapse > .l-column {
  width: 33.33333%;
}

.l-row.is-small-up-4 > .l-column {
  width: 25%;
}

.l-column.is-small-4 {
  width: 33.33333%;
}

.l-small-order-4 {
  -ms-flex-order: 4;
      order: 4;
}

.l-row.is-gutter-10.is-small-up-4 > .l-column {
  width: calc(25% - 10px);
}

.l-row.is-gutter-10 > .l-column.is-small-4 {
  width: calc(33.33333% - 10px);
}

.l-row.is-small-up-4.is-small-collapse > .l-column {
  width: 25%;
}

.l-row.is-gutter-20.is-small-up-4 > .l-column {
  width: calc(25% - 20px);
}

.l-row.is-gutter-20 > .l-column.is-small-4 {
  width: calc(33.33333% - 20px);
}

.l-row.is-small-up-4.is-small-collapse > .l-column {
  width: 25%;
}

.l-row.is-gutter-30.is-small-up-4 > .l-column {
  width: calc(25% - 30px);
}

.l-row.is-gutter-30 > .l-column.is-small-4 {
  width: calc(33.33333% - 30px);
}

.l-row.is-small-up-4.is-small-collapse > .l-column {
  width: 25%;
}

.l-row.is-small-up-5 > .l-column {
  width: 20%;
}

.l-column.is-small-5 {
  width: 41.66667%;
}

.l-small-order-5 {
  -ms-flex-order: 5;
      order: 5;
}

.l-row.is-gutter-10.is-small-up-5 > .l-column {
  width: calc(20% - 10px);
}

.l-row.is-gutter-10 > .l-column.is-small-5 {
  width: calc(41.66667% - 10px);
}

.l-row.is-small-up-5.is-small-collapse > .l-column {
  width: 20%;
}

.l-row.is-gutter-20.is-small-up-5 > .l-column {
  width: calc(20% - 20px);
}

.l-row.is-gutter-20 > .l-column.is-small-5 {
  width: calc(41.66667% - 20px);
}

.l-row.is-small-up-5.is-small-collapse > .l-column {
  width: 20%;
}

.l-row.is-gutter-30.is-small-up-5 > .l-column {
  width: calc(20% - 30px);
}

.l-row.is-gutter-30 > .l-column.is-small-5 {
  width: calc(41.66667% - 30px);
}

.l-row.is-small-up-5.is-small-collapse > .l-column {
  width: 20%;
}

.l-row.is-small-up-6 > .l-column {
  width: 16.66667%;
}

.l-column.is-small-6 {
  width: 50%;
}

.l-small-order-6 {
  -ms-flex-order: 6;
      order: 6;
}

.l-row.is-gutter-10.is-small-up-6 > .l-column {
  width: calc(16.66667% - 10px);
}

.l-row.is-gutter-10 > .l-column.is-small-6 {
  width: calc(50% - 10px);
}

.l-row.is-small-up-6.is-small-collapse > .l-column {
  width: 16.66667%;
}

.l-row.is-gutter-20.is-small-up-6 > .l-column {
  width: calc(16.66667% - 20px);
}

.l-row.is-gutter-20 > .l-column.is-small-6 {
  width: calc(50% - 20px);
}

.l-row.is-small-up-6.is-small-collapse > .l-column {
  width: 16.66667%;
}

.l-row.is-gutter-30.is-small-up-6 > .l-column {
  width: calc(16.66667% - 30px);
}

.l-row.is-gutter-30 > .l-column.is-small-6 {
  width: calc(50% - 30px);
}

.l-row.is-small-up-6.is-small-collapse > .l-column {
  width: 16.66667%;
}

.l-row.is-small-up-7 > .l-column {
  width: 14.28571%;
}

.l-column.is-small-7 {
  width: 58.33333%;
}

.l-small-order-7 {
  -ms-flex-order: 7;
      order: 7;
}

.l-row.is-gutter-10.is-small-up-7 > .l-column {
  width: calc(14.28571% - 10px);
}

.l-row.is-gutter-10 > .l-column.is-small-7 {
  width: calc(58.33333% - 10px);
}

.l-row.is-small-up-7.is-small-collapse > .l-column {
  width: 14.28571%;
}

.l-row.is-gutter-20.is-small-up-7 > .l-column {
  width: calc(14.28571% - 20px);
}

.l-row.is-gutter-20 > .l-column.is-small-7 {
  width: calc(58.33333% - 20px);
}

.l-row.is-small-up-7.is-small-collapse > .l-column {
  width: 14.28571%;
}

.l-row.is-gutter-30.is-small-up-7 > .l-column {
  width: calc(14.28571% - 30px);
}

.l-row.is-gutter-30 > .l-column.is-small-7 {
  width: calc(58.33333% - 30px);
}

.l-row.is-small-up-7.is-small-collapse > .l-column {
  width: 14.28571%;
}

.l-row.is-small-up-8 > .l-column {
  width: 12.5%;
}

.l-column.is-small-8 {
  width: 66.66667%;
}

.l-small-order-8 {
  -ms-flex-order: 8;
      order: 8;
}

.l-row.is-gutter-10.is-small-up-8 > .l-column {
  width: calc(12.5% - 10px);
}

.l-row.is-gutter-10 > .l-column.is-small-8 {
  width: calc(66.66667% - 10px);
}

.l-row.is-small-up-8.is-small-collapse > .l-column {
  width: 12.5%;
}

.l-row.is-gutter-20.is-small-up-8 > .l-column {
  width: calc(12.5% - 20px);
}

.l-row.is-gutter-20 > .l-column.is-small-8 {
  width: calc(66.66667% - 20px);
}

.l-row.is-small-up-8.is-small-collapse > .l-column {
  width: 12.5%;
}

.l-row.is-gutter-30.is-small-up-8 > .l-column {
  width: calc(12.5% - 30px);
}

.l-row.is-gutter-30 > .l-column.is-small-8 {
  width: calc(66.66667% - 30px);
}

.l-row.is-small-up-8.is-small-collapse > .l-column {
  width: 12.5%;
}

.l-row.is-small-up-9 > .l-column {
  width: 11.11111%;
}

.l-column.is-small-9 {
  width: 75%;
}

.l-small-order-9 {
  -ms-flex-order: 9;
      order: 9;
}

.l-row.is-gutter-10.is-small-up-9 > .l-column {
  width: calc(11.11111% - 10px);
}

.l-row.is-gutter-10 > .l-column.is-small-9 {
  width: calc(75% - 10px);
}

.l-row.is-small-up-9.is-small-collapse > .l-column {
  width: 11.11111%;
}

.l-row.is-gutter-20.is-small-up-9 > .l-column {
  width: calc(11.11111% - 20px);
}

.l-row.is-gutter-20 > .l-column.is-small-9 {
  width: calc(75% - 20px);
}

.l-row.is-small-up-9.is-small-collapse > .l-column {
  width: 11.11111%;
}

.l-row.is-gutter-30.is-small-up-9 > .l-column {
  width: calc(11.11111% - 30px);
}

.l-row.is-gutter-30 > .l-column.is-small-9 {
  width: calc(75% - 30px);
}

.l-row.is-small-up-9.is-small-collapse > .l-column {
  width: 11.11111%;
}

.l-row.is-small-up-10 > .l-column {
  width: 10%;
}

.l-column.is-small-10 {
  width: 83.33333%;
}

.l-small-order-10 {
  -ms-flex-order: 10;
      order: 10;
}

.l-row.is-gutter-10.is-small-up-10 > .l-column {
  width: calc(10% - 10px);
}

.l-row.is-gutter-10 > .l-column.is-small-10 {
  width: calc(83.33333% - 10px);
}

.l-row.is-small-up-10.is-small-collapse > .l-column {
  width: 10%;
}

.l-row.is-gutter-20.is-small-up-10 > .l-column {
  width: calc(10% - 20px);
}

.l-row.is-gutter-20 > .l-column.is-small-10 {
  width: calc(83.33333% - 20px);
}

.l-row.is-small-up-10.is-small-collapse > .l-column {
  width: 10%;
}

.l-row.is-gutter-30.is-small-up-10 > .l-column {
  width: calc(10% - 30px);
}

.l-row.is-gutter-30 > .l-column.is-small-10 {
  width: calc(83.33333% - 30px);
}

.l-row.is-small-up-10.is-small-collapse > .l-column {
  width: 10%;
}

.l-row.is-small-up-11 > .l-column {
  width: 9.09091%;
}

.l-column.is-small-11 {
  width: 91.66667%;
}

.l-small-order-11 {
  -ms-flex-order: 11;
      order: 11;
}

.l-row.is-gutter-10.is-small-up-11 > .l-column {
  width: calc(9.09091% - 10px);
}

.l-row.is-gutter-10 > .l-column.is-small-11 {
  width: calc(91.66667% - 10px);
}

.l-row.is-small-up-11.is-small-collapse > .l-column {
  width: 9.09091%;
}

.l-row.is-gutter-20.is-small-up-11 > .l-column {
  width: calc(9.09091% - 20px);
}

.l-row.is-gutter-20 > .l-column.is-small-11 {
  width: calc(91.66667% - 20px);
}

.l-row.is-small-up-11.is-small-collapse > .l-column {
  width: 9.09091%;
}

.l-row.is-gutter-30.is-small-up-11 > .l-column {
  width: calc(9.09091% - 30px);
}

.l-row.is-gutter-30 > .l-column.is-small-11 {
  width: calc(91.66667% - 30px);
}

.l-row.is-small-up-11.is-small-collapse > .l-column {
  width: 9.09091%;
}

.l-row.is-small-up-12 > .l-column {
  width: 8.33333%;
}

.l-column.is-small-12 {
  width: 100%;
}

.l-small-order-12 {
  -ms-flex-order: 12;
      order: 12;
}

.l-row.is-gutter-10.is-small-up-12 > .l-column {
  width: calc(8.33333% - 10px);
}

.l-row.is-gutter-10 > .l-column.is-small-12 {
  width: calc(100% - 10px);
}

.l-row.is-small-up-12.is-small-collapse > .l-column {
  width: 8.33333%;
}

.l-row.is-gutter-20.is-small-up-12 > .l-column {
  width: calc(8.33333% - 20px);
}

.l-row.is-gutter-20 > .l-column.is-small-12 {
  width: calc(100% - 20px);
}

.l-row.is-small-up-12.is-small-collapse > .l-column {
  width: 8.33333%;
}

.l-row.is-gutter-30.is-small-up-12 > .l-column {
  width: calc(8.33333% - 30px);
}

.l-row.is-gutter-30 > .l-column.is-small-12 {
  width: calc(100% - 30px);
}

.l-row.is-small-up-12.is-small-collapse > .l-column {
  width: 8.33333%;
}


@media screen and (min-width: 26.5625em){
  .l-row.is-gutter-10{
    margin-bottom: -30px;
  }
  .l-row.is-gutter-20{
    margin-bottom: -30px;
  }
  .l-row.is-gutter-30{
    margin-bottom: -30px;
  }
  .l-row.is-gutter-10 > .l-column{
    margin-bottom: 30px;
  }
  .l-row.is-gutter-20 > .l-column{
    margin-bottom: 30px;
  }
  .l-row.is-gutter-30 > .l-column{
    margin-bottom: 30px;
  }
  .l-row.is-medium-collapse.l-column{
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 30px;
  }
  .l-row.is-medium-up-1 > .l-column{
    width: 100%;
  }
  .l-column.is-medium-1{
    width: 8.33333%;
  }
  .l-medium-order-1{
    -ms-flex-order: 1;
        order: 1;
  }
  .l-row.is-gutter-10.is-medium-up-1 > .l-column{
    width: calc(100% - 10px);
  }
  .l-row.is-gutter-10 > .l-column.is-medium-1{
    width: calc(8.33333% - 10px);
  }
  .l-row.is-medium-up-1.is-medium-collapse > .l-column{
    width: 100%;
  }
  .l-row.is-gutter-20.is-medium-up-1 > .l-column{
    width: calc(100% - 20px);
  }
  .l-row.is-gutter-20 > .l-column.is-medium-1{
    width: calc(8.33333% - 20px);
  }
  .l-row.is-medium-up-1.is-medium-collapse > .l-column{
    width: 100%;
  }
  .l-row.is-gutter-30.is-medium-up-1 > .l-column{
    width: calc(100% - 30px);
  }
  .l-row.is-gutter-30 > .l-column.is-medium-1{
    width: calc(8.33333% - 30px);
  }
  .l-row.is-medium-up-1.is-medium-collapse > .l-column{
    width: 100%;
  }
  .l-row.is-medium-up-2 > .l-column{
    width: 50%;
  }
  .l-column.is-medium-2{
    width: 16.66667%;
  }
  .l-medium-order-2{
    -ms-flex-order: 2;
        order: 2;
  }
  .l-row.is-gutter-10.is-medium-up-2 > .l-column{
    width: calc(50% - 10px);
  }
  .l-row.is-gutter-10 > .l-column.is-medium-2{
    width: calc(16.66667% - 10px);
  }
  .l-row.is-medium-up-2.is-medium-collapse > .l-column{
    width: 50%;
  }
  .l-row.is-gutter-20.is-medium-up-2 > .l-column{
    width: calc(50% - 20px);
  }
  .l-row.is-gutter-20 > .l-column.is-medium-2{
    width: calc(16.66667% - 20px);
  }
  .l-row.is-medium-up-2.is-medium-collapse > .l-column{
    width: 50%;
  }
  .l-row.is-gutter-30.is-medium-up-2 > .l-column{
    width: calc(50% - 30px);
  }
  .l-row.is-gutter-30 > .l-column.is-medium-2{
    width: calc(16.66667% - 30px);
  }
  .l-row.is-medium-up-2.is-medium-collapse > .l-column{
    width: 50%;
  }
  .l-row.is-medium-up-3 > .l-column{
    width: 33.33333%;
  }
  .l-column.is-medium-3{
    width: 25%;
  }
  .l-medium-order-3{
    -ms-flex-order: 3;
        order: 3;
  }
  .l-row.is-gutter-10.is-medium-up-3 > .l-column{
    width: calc(33.33333% - 10px);
  }
  .l-row.is-gutter-10 > .l-column.is-medium-3{
    width: calc(25% - 10px);
  }
  .l-row.is-medium-up-3.is-medium-collapse > .l-column{
    width: 33.33333%;
  }
  .l-row.is-gutter-20.is-medium-up-3 > .l-column{
    width: calc(33.33333% - 20px);
  }
  .l-row.is-gutter-20 > .l-column.is-medium-3{
    width: calc(25% - 20px);
  }
  .l-row.is-medium-up-3.is-medium-collapse > .l-column{
    width: 33.33333%;
  }
  .l-row.is-gutter-30.is-medium-up-3 > .l-column{
    width: calc(33.33333% - 30px);
  }
  .l-row.is-gutter-30 > .l-column.is-medium-3{
    width: calc(25% - 30px);
  }
  .l-row.is-medium-up-3.is-medium-collapse > .l-column{
    width: 33.33333%;
  }
  .l-row.is-medium-up-4 > .l-column{
    width: 25%;
  }
  .l-column.is-medium-4{
    width: 33.33333%;
  }
  .l-medium-order-4{
    -ms-flex-order: 4;
        order: 4;
  }
  .l-row.is-gutter-10.is-medium-up-4 > .l-column{
    width: calc(25% - 10px);
  }
  .l-row.is-gutter-10 > .l-column.is-medium-4{
    width: calc(33.33333% - 10px);
  }
  .l-row.is-medium-up-4.is-medium-collapse > .l-column{
    width: 25%;
  }
  .l-row.is-gutter-20.is-medium-up-4 > .l-column{
    width: calc(25% - 20px);
  }
  .l-row.is-gutter-20 > .l-column.is-medium-4{
    width: calc(33.33333% - 20px);
  }
  .l-row.is-medium-up-4.is-medium-collapse > .l-column{
    width: 25%;
  }
  .l-row.is-gutter-30.is-medium-up-4 > .l-column{
    width: calc(25% - 30px);
  }
  .l-row.is-gutter-30 > .l-column.is-medium-4{
    width: calc(33.33333% - 30px);
  }
  .l-row.is-medium-up-4.is-medium-collapse > .l-column{
    width: 25%;
  }
  .l-row.is-medium-up-5 > .l-column{
    width: 20%;
  }
  .l-column.is-medium-5{
    width: 41.66667%;
  }
  .l-medium-order-5{
    -ms-flex-order: 5;
        order: 5;
  }
  .l-row.is-gutter-10.is-medium-up-5 > .l-column{
    width: calc(20% - 10px);
  }
  .l-row.is-gutter-10 > .l-column.is-medium-5{
    width: calc(41.66667% - 10px);
  }
  .l-row.is-medium-up-5.is-medium-collapse > .l-column{
    width: 20%;
  }
  .l-row.is-gutter-20.is-medium-up-5 > .l-column{
    width: calc(20% - 20px);
  }
  .l-row.is-gutter-20 > .l-column.is-medium-5{
    width: calc(41.66667% - 20px);
  }
  .l-row.is-medium-up-5.is-medium-collapse > .l-column{
    width: 20%;
  }
  .l-row.is-gutter-30.is-medium-up-5 > .l-column{
    width: calc(20% - 30px);
  }
  .l-row.is-gutter-30 > .l-column.is-medium-5{
    width: calc(41.66667% - 30px);
  }
  .l-row.is-medium-up-5.is-medium-collapse > .l-column{
    width: 20%;
  }
  .l-row.is-medium-up-6 > .l-column{
    width: 16.66667%;
  }
  .l-column.is-medium-6{
    width: 50%;
  }
  .l-medium-order-6{
    -ms-flex-order: 6;
        order: 6;
  }
  .l-row.is-gutter-10.is-medium-up-6 > .l-column{
    width: calc(16.66667% - 10px);
  }
  .l-row.is-gutter-10 > .l-column.is-medium-6{
    width: calc(50% - 10px);
  }
  .l-row.is-medium-up-6.is-medium-collapse > .l-column{
    width: 16.66667%;
  }
  .l-row.is-gutter-20.is-medium-up-6 > .l-column{
    width: calc(16.66667% - 20px);
  }
  .l-row.is-gutter-20 > .l-column.is-medium-6{
    width: calc(50% - 20px);
  }
  .l-row.is-medium-up-6.is-medium-collapse > .l-column{
    width: 16.66667%;
  }
  .l-row.is-gutter-30.is-medium-up-6 > .l-column{
    width: calc(16.66667% - 30px);
  }
  .l-row.is-gutter-30 > .l-column.is-medium-6{
    width: calc(50% - 30px);
  }
  .l-row.is-medium-up-6.is-medium-collapse > .l-column{
    width: 16.66667%;
  }
  .l-row.is-medium-up-7 > .l-column{
    width: 14.28571%;
  }
  .l-column.is-medium-7{
    width: 58.33333%;
  }
  .l-medium-order-7{
    -ms-flex-order: 7;
        order: 7;
  }
  .l-row.is-gutter-10.is-medium-up-7 > .l-column{
    width: calc(14.28571% - 10px);
  }
  .l-row.is-gutter-10 > .l-column.is-medium-7{
    width: calc(58.33333% - 10px);
  }
  .l-row.is-medium-up-7.is-medium-collapse > .l-column{
    width: 14.28571%;
  }
  .l-row.is-gutter-20.is-medium-up-7 > .l-column{
    width: calc(14.28571% - 20px);
  }
  .l-row.is-gutter-20 > .l-column.is-medium-7{
    width: calc(58.33333% - 20px);
  }
  .l-row.is-medium-up-7.is-medium-collapse > .l-column{
    width: 14.28571%;
  }
  .l-row.is-gutter-30.is-medium-up-7 > .l-column{
    width: calc(14.28571% - 30px);
  }
  .l-row.is-gutter-30 > .l-column.is-medium-7{
    width: calc(58.33333% - 30px);
  }
  .l-row.is-medium-up-7.is-medium-collapse > .l-column{
    width: 14.28571%;
  }
  .l-row.is-medium-up-8 > .l-column{
    width: 12.5%;
  }
  .l-column.is-medium-8{
    width: 66.66667%;
  }
  .l-medium-order-8{
    -ms-flex-order: 8;
        order: 8;
  }
  .l-row.is-gutter-10.is-medium-up-8 > .l-column{
    width: calc(12.5% - 10px);
  }
  .l-row.is-gutter-10 > .l-column.is-medium-8{
    width: calc(66.66667% - 10px);
  }
  .l-row.is-medium-up-8.is-medium-collapse > .l-column{
    width: 12.5%;
  }
  .l-row.is-gutter-20.is-medium-up-8 > .l-column{
    width: calc(12.5% - 20px);
  }
  .l-row.is-gutter-20 > .l-column.is-medium-8{
    width: calc(66.66667% - 20px);
  }
  .l-row.is-medium-up-8.is-medium-collapse > .l-column{
    width: 12.5%;
  }
  .l-row.is-gutter-30.is-medium-up-8 > .l-column{
    width: calc(12.5% - 30px);
  }
  .l-row.is-gutter-30 > .l-column.is-medium-8{
    width: calc(66.66667% - 30px);
  }
  .l-row.is-medium-up-8.is-medium-collapse > .l-column{
    width: 12.5%;
  }
  .l-row.is-medium-up-9 > .l-column{
    width: 11.11111%;
  }
  .l-column.is-medium-9{
    width: 75%;
  }
  .l-medium-order-9{
    -ms-flex-order: 9;
        order: 9;
  }
  .l-row.is-gutter-10.is-medium-up-9 > .l-column{
    width: calc(11.11111% - 10px);
  }
  .l-row.is-gutter-10 > .l-column.is-medium-9{
    width: calc(75% - 10px);
  }
  .l-row.is-medium-up-9.is-medium-collapse > .l-column{
    width: 11.11111%;
  }
  .l-row.is-gutter-20.is-medium-up-9 > .l-column{
    width: calc(11.11111% - 20px);
  }
  .l-row.is-gutter-20 > .l-column.is-medium-9{
    width: calc(75% - 20px);
  }
  .l-row.is-medium-up-9.is-medium-collapse > .l-column{
    width: 11.11111%;
  }
  .l-row.is-gutter-30.is-medium-up-9 > .l-column{
    width: calc(11.11111% - 30px);
  }
  .l-row.is-gutter-30 > .l-column.is-medium-9{
    width: calc(75% - 30px);
  }
  .l-row.is-medium-up-9.is-medium-collapse > .l-column{
    width: 11.11111%;
  }
  .l-row.is-medium-up-10 > .l-column{
    width: 10%;
  }
  .l-column.is-medium-10{
    width: 83.33333%;
  }
  .l-medium-order-10{
    -ms-flex-order: 10;
        order: 10;
  }
  .l-row.is-gutter-10.is-medium-up-10 > .l-column{
    width: calc(10% - 10px);
  }
  .l-row.is-gutter-10 > .l-column.is-medium-10{
    width: calc(83.33333% - 10px);
  }
  .l-row.is-medium-up-10.is-medium-collapse > .l-column{
    width: 10%;
  }
  .l-row.is-gutter-20.is-medium-up-10 > .l-column{
    width: calc(10% - 20px);
  }
  .l-row.is-gutter-20 > .l-column.is-medium-10{
    width: calc(83.33333% - 20px);
  }
  .l-row.is-medium-up-10.is-medium-collapse > .l-column{
    width: 10%;
  }
  .l-row.is-gutter-30.is-medium-up-10 > .l-column{
    width: calc(10% - 30px);
  }
  .l-row.is-gutter-30 > .l-column.is-medium-10{
    width: calc(83.33333% - 30px);
  }
  .l-row.is-medium-up-10.is-medium-collapse > .l-column{
    width: 10%;
  }
  .l-row.is-medium-up-11 > .l-column{
    width: 9.09091%;
  }
  .l-column.is-medium-11{
    width: 91.66667%;
  }
  .l-medium-order-11{
    -ms-flex-order: 11;
        order: 11;
  }
  .l-row.is-gutter-10.is-medium-up-11 > .l-column{
    width: calc(9.09091% - 10px);
  }
  .l-row.is-gutter-10 > .l-column.is-medium-11{
    width: calc(91.66667% - 10px);
  }
  .l-row.is-medium-up-11.is-medium-collapse > .l-column{
    width: 9.09091%;
  }
  .l-row.is-gutter-20.is-medium-up-11 > .l-column{
    width: calc(9.09091% - 20px);
  }
  .l-row.is-gutter-20 > .l-column.is-medium-11{
    width: calc(91.66667% - 20px);
  }
  .l-row.is-medium-up-11.is-medium-collapse > .l-column{
    width: 9.09091%;
  }
  .l-row.is-gutter-30.is-medium-up-11 > .l-column{
    width: calc(9.09091% - 30px);
  }
  .l-row.is-gutter-30 > .l-column.is-medium-11{
    width: calc(91.66667% - 30px);
  }
  .l-row.is-medium-up-11.is-medium-collapse > .l-column{
    width: 9.09091%;
  }
  .l-row.is-medium-up-12 > .l-column{
    width: 8.33333%;
  }
  .l-column.is-medium-12{
    width: 100%;
  }
  .l-medium-order-12{
    -ms-flex-order: 12;
        order: 12;
  }
  .l-row.is-gutter-10.is-medium-up-12 > .l-column{
    width: calc(8.33333% - 10px);
  }
  .l-row.is-gutter-10 > .l-column.is-medium-12{
    width: calc(100% - 10px);
  }
  .l-row.is-medium-up-12.is-medium-collapse > .l-column{
    width: 8.33333%;
  }
  .l-row.is-gutter-20.is-medium-up-12 > .l-column{
    width: calc(8.33333% - 20px);
  }
  .l-row.is-gutter-20 > .l-column.is-medium-12{
    width: calc(100% - 20px);
  }
  .l-row.is-medium-up-12.is-medium-collapse > .l-column{
    width: 8.33333%;
  }
  .l-row.is-gutter-30.is-medium-up-12 > .l-column{
    width: calc(8.33333% - 30px);
  }
  .l-row.is-gutter-30 > .l-column.is-medium-12{
    width: calc(100% - 30px);
  }
  .l-row.is-medium-up-12.is-medium-collapse > .l-column{
    width: 8.33333%;
  }
}

@media screen and (min-width: 48em){
  .l-row.is-gutter-10{
    margin-bottom: -35px;
  }
  .l-row.is-gutter-20{
    margin-bottom: -35px;
  }
  .l-row.is-gutter-30{
    margin-bottom: -35px;
  }
  .l-row.is-gutter-10 > .l-column{
    margin-bottom: 35px;
  }
  .l-row.is-gutter-20 > .l-column{
    margin-bottom: 35px;
  }
  .l-row.is-gutter-30 > .l-column{
    margin-bottom: 35px;
  }
  .l-row.is-large-collapse.l-column{
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 35px;
  }
  .l-row.is-large-up-1 > .l-column{
    width: 100%;
  }
  .l-column.is-large-1{
    width: 8.33333%;
  }
  .l-large-order-1{
    -ms-flex-order: 1;
        order: 1;
  }
  .l-row.is-gutter-10.is-large-up-1 > .l-column{
    width: calc(100% - 10px);
  }
  .l-row.is-gutter-10 > .l-column.is-large-1{
    width: calc(8.33333% - 10px);
  }
  .l-row.is-large-up-1.is-large-collapse > .l-column{
    width: 100%;
  }
  .l-row.is-gutter-20.is-large-up-1 > .l-column{
    width: calc(100% - 20px);
  }
  .l-row.is-gutter-20 > .l-column.is-large-1{
    width: calc(8.33333% - 20px);
  }
  .l-row.is-large-up-1.is-large-collapse > .l-column{
    width: 100%;
  }
  .l-row.is-gutter-30.is-large-up-1 > .l-column{
    width: calc(100% - 30px);
  }
  .l-row.is-gutter-30 > .l-column.is-large-1{
    width: calc(8.33333% - 30px);
  }
  .l-row.is-large-up-1.is-large-collapse > .l-column{
    width: 100%;
  }
  .l-row.is-large-up-2 > .l-column{
    width: 50%;
  }
  .l-column.is-large-2{
    width: 16.66667%;
  }
  .l-large-order-2{
    -ms-flex-order: 2;
        order: 2;
  }
  .l-row.is-gutter-10.is-large-up-2 > .l-column{
    width: calc(50% - 10px);
  }
  .l-row.is-gutter-10 > .l-column.is-large-2{
    width: calc(16.66667% - 10px);
  }
  .l-row.is-large-up-2.is-large-collapse > .l-column{
    width: 50%;
  }
  .l-row.is-gutter-20.is-large-up-2 > .l-column{
    width: calc(50% - 20px);
  }
  .l-row.is-gutter-20 > .l-column.is-large-2{
    width: calc(16.66667% - 20px);
  }
  .l-row.is-large-up-2.is-large-collapse > .l-column{
    width: 50%;
  }
  .l-row.is-gutter-30.is-large-up-2 > .l-column{
    width: calc(50% - 30px);
  }
  .l-row.is-gutter-30 > .l-column.is-large-2{
    width: calc(16.66667% - 30px);
  }
  .l-row.is-large-up-2.is-large-collapse > .l-column{
    width: 50%;
  }
  .l-row.is-large-up-3 > .l-column{
    width: 33.33333%;
  }
  .l-column.is-large-3{
    width: 25%;
  }
  .l-large-order-3{
    -ms-flex-order: 3;
        order: 3;
  }
  .l-row.is-gutter-10.is-large-up-3 > .l-column{
    width: calc(33.33333% - 10px);
  }
  .l-row.is-gutter-10 > .l-column.is-large-3{
    width: calc(25% - 10px);
  }
  .l-row.is-large-up-3.is-large-collapse > .l-column{
    width: 33.33333%;
  }
  .l-row.is-gutter-20.is-large-up-3 > .l-column{
    width: calc(33.33333% - 20px);
  }
  .l-row.is-gutter-20 > .l-column.is-large-3{
    width: calc(25% - 20px);
  }
  .l-row.is-large-up-3.is-large-collapse > .l-column{
    width: 33.33333%;
  }
  .l-row.is-gutter-30.is-large-up-3 > .l-column{
    width: calc(33.33333% - 30px);
  }
  .l-row.is-gutter-30 > .l-column.is-large-3{
    width: calc(25% - 30px);
  }
  .l-row.is-large-up-3.is-large-collapse > .l-column{
    width: 33.33333%;
  }
  .l-row.is-large-up-4 > .l-column{
    width: 25%;
  }
  .l-column.is-large-4{
    width: 33.33333%;
  }
  .l-large-order-4{
    -ms-flex-order: 4;
        order: 4;
  }
  .l-row.is-gutter-10.is-large-up-4 > .l-column{
    width: calc(25% - 10px);
  }
  .l-row.is-gutter-10 > .l-column.is-large-4{
    width: calc(33.33333% - 10px);
  }
  .l-row.is-large-up-4.is-large-collapse > .l-column{
    width: 25%;
  }
  .l-row.is-gutter-20.is-large-up-4 > .l-column{
    width: calc(25% - 20px);
  }
  .l-row.is-gutter-20 > .l-column.is-large-4{
    width: calc(33.33333% - 20px);
  }
  .l-row.is-large-up-4.is-large-collapse > .l-column{
    width: 25%;
  }
  .l-row.is-gutter-30.is-large-up-4 > .l-column{
    width: calc(25% - 30px);
  }
  .l-row.is-gutter-30 > .l-column.is-large-4{
    width: calc(33.33333% - 30px);
  }
  .l-row.is-large-up-4.is-large-collapse > .l-column{
    width: 25%;
  }
  .l-row.is-large-up-5 > .l-column{
    width: 20%;
  }
  .l-column.is-large-5{
    width: 41.66667%;
  }
  .l-large-order-5{
    -ms-flex-order: 5;
        order: 5;
  }
  .l-row.is-gutter-10.is-large-up-5 > .l-column{
    width: calc(20% - 10px);
  }
  .l-row.is-gutter-10 > .l-column.is-large-5{
    width: calc(41.66667% - 10px);
  }
  .l-row.is-large-up-5.is-large-collapse > .l-column{
    width: 20%;
  }
  .l-row.is-gutter-20.is-large-up-5 > .l-column{
    width: calc(20% - 20px);
  }
  .l-row.is-gutter-20 > .l-column.is-large-5{
    width: calc(41.66667% - 20px);
  }
  .l-row.is-large-up-5.is-large-collapse > .l-column{
    width: 20%;
  }
  .l-row.is-gutter-30.is-large-up-5 > .l-column{
    width: calc(20% - 30px);
  }
  .l-row.is-gutter-30 > .l-column.is-large-5{
    width: calc(41.66667% - 30px);
  }
  .l-row.is-large-up-5.is-large-collapse > .l-column{
    width: 20%;
  }
  .l-row.is-large-up-6 > .l-column{
    width: 16.66667%;
  }
  .l-column.is-large-6{
    width: 50%;
  }
  .l-large-order-6{
    -ms-flex-order: 6;
        order: 6;
  }
  .l-row.is-gutter-10.is-large-up-6 > .l-column{
    width: calc(16.66667% - 10px);
  }
  .l-row.is-gutter-10 > .l-column.is-large-6{
    width: calc(50% - 10px);
  }
  .l-row.is-large-up-6.is-large-collapse > .l-column{
    width: 16.66667%;
  }
  .l-row.is-gutter-20.is-large-up-6 > .l-column{
    width: calc(16.66667% - 20px);
  }
  .l-row.is-gutter-20 > .l-column.is-large-6{
    width: calc(50% - 20px);
  }
  .l-row.is-large-up-6.is-large-collapse > .l-column{
    width: 16.66667%;
  }
  .l-row.is-gutter-30.is-large-up-6 > .l-column{
    width: calc(16.66667% - 30px);
  }
  .l-row.is-gutter-30 > .l-column.is-large-6{
    width: calc(50% - 30px);
  }
  .l-row.is-large-up-6.is-large-collapse > .l-column{
    width: 16.66667%;
  }
  .l-row.is-large-up-7 > .l-column{
    width: 14.28571%;
  }
  .l-column.is-large-7{
    width: 58.33333%;
  }
  .l-large-order-7{
    -ms-flex-order: 7;
        order: 7;
  }
  .l-row.is-gutter-10.is-large-up-7 > .l-column{
    width: calc(14.28571% - 10px);
  }
  .l-row.is-gutter-10 > .l-column.is-large-7{
    width: calc(58.33333% - 10px);
  }
  .l-row.is-large-up-7.is-large-collapse > .l-column{
    width: 14.28571%;
  }
  .l-row.is-gutter-20.is-large-up-7 > .l-column{
    width: calc(14.28571% - 20px);
  }
  .l-row.is-gutter-20 > .l-column.is-large-7{
    width: calc(58.33333% - 20px);
  }
  .l-row.is-large-up-7.is-large-collapse > .l-column{
    width: 14.28571%;
  }
  .l-row.is-gutter-30.is-large-up-7 > .l-column{
    width: calc(14.28571% - 30px);
  }
  .l-row.is-gutter-30 > .l-column.is-large-7{
    width: calc(58.33333% - 30px);
  }
  .l-row.is-large-up-7.is-large-collapse > .l-column{
    width: 14.28571%;
  }
  .l-row.is-large-up-8 > .l-column{
    width: 12.5%;
  }
  .l-column.is-large-8{
    width: 66.66667%;
  }
  .l-large-order-8{
    -ms-flex-order: 8;
        order: 8;
  }
  .l-row.is-gutter-10.is-large-up-8 > .l-column{
    width: calc(12.5% - 10px);
  }
  .l-row.is-gutter-10 > .l-column.is-large-8{
    width: calc(66.66667% - 10px);
  }
  .l-row.is-large-up-8.is-large-collapse > .l-column{
    width: 12.5%;
  }
  .l-row.is-gutter-20.is-large-up-8 > .l-column{
    width: calc(12.5% - 20px);
  }
  .l-row.is-gutter-20 > .l-column.is-large-8{
    width: calc(66.66667% - 20px);
  }
  .l-row.is-large-up-8.is-large-collapse > .l-column{
    width: 12.5%;
  }
  .l-row.is-gutter-30.is-large-up-8 > .l-column{
    width: calc(12.5% - 30px);
  }
  .l-row.is-gutter-30 > .l-column.is-large-8{
    width: calc(66.66667% - 30px);
  }
  .l-row.is-large-up-8.is-large-collapse > .l-column{
    width: 12.5%;
  }
  .l-row.is-large-up-9 > .l-column{
    width: 11.11111%;
  }
  .l-column.is-large-9{
    width: 75%;
  }
  .l-large-order-9{
    -ms-flex-order: 9;
        order: 9;
  }
  .l-row.is-gutter-10.is-large-up-9 > .l-column{
    width: calc(11.11111% - 10px);
  }
  .l-row.is-gutter-10 > .l-column.is-large-9{
    width: calc(75% - 10px);
  }
  .l-row.is-large-up-9.is-large-collapse > .l-column{
    width: 11.11111%;
  }
  .l-row.is-gutter-20.is-large-up-9 > .l-column{
    width: calc(11.11111% - 20px);
  }
  .l-row.is-gutter-20 > .l-column.is-large-9{
    width: calc(75% - 20px);
  }
  .l-row.is-large-up-9.is-large-collapse > .l-column{
    width: 11.11111%;
  }
  .l-row.is-gutter-30.is-large-up-9 > .l-column{
    width: calc(11.11111% - 30px);
  }
  .l-row.is-gutter-30 > .l-column.is-large-9{
    width: calc(75% - 30px);
  }
  .l-row.is-large-up-9.is-large-collapse > .l-column{
    width: 11.11111%;
  }
  .l-row.is-large-up-10 > .l-column{
    width: 10%;
  }
  .l-column.is-large-10{
    width: 83.33333%;
  }
  .l-large-order-10{
    -ms-flex-order: 10;
        order: 10;
  }
  .l-row.is-gutter-10.is-large-up-10 > .l-column{
    width: calc(10% - 10px);
  }
  .l-row.is-gutter-10 > .l-column.is-large-10{
    width: calc(83.33333% - 10px);
  }
  .l-row.is-large-up-10.is-large-collapse > .l-column{
    width: 10%;
  }
  .l-row.is-gutter-20.is-large-up-10 > .l-column{
    width: calc(10% - 20px);
  }
  .l-row.is-gutter-20 > .l-column.is-large-10{
    width: calc(83.33333% - 20px);
  }
  .l-row.is-large-up-10.is-large-collapse > .l-column{
    width: 10%;
  }
  .l-row.is-gutter-30.is-large-up-10 > .l-column{
    width: calc(10% - 30px);
  }
  .l-row.is-gutter-30 > .l-column.is-large-10{
    width: calc(83.33333% - 30px);
  }
  .l-row.is-large-up-10.is-large-collapse > .l-column{
    width: 10%;
  }
  .l-row.is-large-up-11 > .l-column{
    width: 9.09091%;
  }
  .l-column.is-large-11{
    width: 91.66667%;
  }
  .l-large-order-11{
    -ms-flex-order: 11;
        order: 11;
  }
  .l-row.is-gutter-10.is-large-up-11 > .l-column{
    width: calc(9.09091% - 10px);
  }
  .l-row.is-gutter-10 > .l-column.is-large-11{
    width: calc(91.66667% - 10px);
  }
  .l-row.is-large-up-11.is-large-collapse > .l-column{
    width: 9.09091%;
  }
  .l-row.is-gutter-20.is-large-up-11 > .l-column{
    width: calc(9.09091% - 20px);
  }
  .l-row.is-gutter-20 > .l-column.is-large-11{
    width: calc(91.66667% - 20px);
  }
  .l-row.is-large-up-11.is-large-collapse > .l-column{
    width: 9.09091%;
  }
  .l-row.is-gutter-30.is-large-up-11 > .l-column{
    width: calc(9.09091% - 30px);
  }
  .l-row.is-gutter-30 > .l-column.is-large-11{
    width: calc(91.66667% - 30px);
  }
  .l-row.is-large-up-11.is-large-collapse > .l-column{
    width: 9.09091%;
  }
  .l-row.is-large-up-12 > .l-column{
    width: 8.33333%;
  }
  .l-column.is-large-12{
    width: 100%;
  }
  .l-large-order-12{
    -ms-flex-order: 12;
        order: 12;
  }
  .l-row.is-gutter-10.is-large-up-12 > .l-column{
    width: calc(8.33333% - 10px);
  }
  .l-row.is-gutter-10 > .l-column.is-large-12{
    width: calc(100% - 10px);
  }
  .l-row.is-large-up-12.is-large-collapse > .l-column{
    width: 8.33333%;
  }
  .l-row.is-gutter-20.is-large-up-12 > .l-column{
    width: calc(8.33333% - 20px);
  }
  .l-row.is-gutter-20 > .l-column.is-large-12{
    width: calc(100% - 20px);
  }
  .l-row.is-large-up-12.is-large-collapse > .l-column{
    width: 8.33333%;
  }
  .l-row.is-gutter-30.is-large-up-12 > .l-column{
    width: calc(8.33333% - 30px);
  }
  .l-row.is-gutter-30 > .l-column.is-large-12{
    width: calc(100% - 30px);
  }
  .l-row.is-large-up-12.is-large-collapse > .l-column{
    width: 8.33333%;
  }
}

/*-----------------------------------------------------------
    基本レイアウト
-----------------------------------------------------------*/
#wrap {
	width: 100%;
	background: url(../img/common/bg.gif);
}
#container {
	width: 910px;
	height: 1%;
	margin: 0px auto;
	background: url(../img/common/bg-shadow.png) repeat-y;
}
#wrap > #container {
	height: auto;
}
#main {
	position: relative;
	width: 890px;
	margin: auto;
	background: #fffff9;
}

/*----------------------- header --------------------------*/
#header {
	position: relative;
}
* #header { zoom: 1;}
#header h1 {
	padding: 30px 0px 7px 30px;
}
#header ul {
	width: 856px;
	margin: 0px auto;
}

#header li {
	float: left;
}
#header p.head-text {
	position: absolute;
	top: 10px;
	left: 25px;
	color: #999;
	font-size: 85%;
}
#header .tel {
	position: absolute;
	top: 25px;
	right: 25px;
}

/*----------------------- sidebar -------------------------*/
#sidebar {
	float: left;
	width: 195px;
	padding: 30px 30px 0 20px;
}
#sidebar ul#side-navi {
}
#sidebar ul#side-navi li {
	margin-bottom: 10px;
}
#sidebar ul#side-navi li a {
	vertical-align: top;
	text-decoration: underline;
	line-height: 1.5;
	font-size: 85.71%;
}
#sidebar ul#side-navi li a:hover {
	text-decoration: none;
}
#sidebar ul#side-navi li:nth-child(-n+3) {
	margin-bottom: 15px;
}
#sidebar ul#side-navi li:nth-child(-n+3) a img {
	display: inline-block;
	margin-bottom: 10px;
}

/*----------------------- content -------------------------*/
#content {
	float: left;
	width: 645px;
	padding: 30px 0px;
}

/*----------------------- footer --------------------------*/
#footer {
	position: relative;
	clear: both;
	width: 100%;
	background: url(../img/common/footer-bg.jpg) left 50px repeat-x;
	overflow: hidden;
}
#footer #page-top {
	height: 50px;
	padding: 0px 40px 0px 0px;
	text-align: right;
}

#footer p {
	padding: 0px 0px 0px 45px;
	color: #fff;
	line-height: 24px;
	font-size: 85%;
}
#footer ul {
	position: absolute;
	top: 50px;
	right: 40px;
}
#footer li {
	float: left;
	padding: 0px 0px 0px 35px;
	line-height: 24px;
}
#footer li a {
	padding: 0px 0px 0px 12px;
	background: url(../img/common/arrow.gif) left center no-repeat;
	color: #fff;
}
#footer li a:hover {
	background: url(../img/common/arrow.gif) 2px center no-repeat;
}
#footer #area-text {
	overflow: hidden;
	box-sizing: border-box;
	width: 780px;
	margin: 15px auto 20px;
	color: #333;
	background: #ffffff;
	border: #8da5bf solid 1px;
	border-radius: 10px;
}
#footer #area-text dt {
	width: 108px;
	padding: 18px 0px;
	text-align: center;
	float: left;
}
#footer #area-text dd {
	width: 650px;
	padding: 10px 10px;
	font-size: 92%;
	float: left;
}
#footer address {
	padding: 10px 60px 0px;
}

/*-----------------------------------------------------------
	クリアフィックス
-----------------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block;
    clear: both;
    height: 0px;
    visibility: hidden;
}
* html .clearfix             { zoom: 1;}
*:first-child+html .clearfix { zoom: 1;}

/*-----------------------------------------------------------
    コンテンツ共通
-----------------------------------------------------------*/
.att {
	color: #c00;
}

/*------------------- ページ内リンク -----------------------*/
#content ul#page-navi {
	height: 70px;
	padding: 10px 0px 0px 0px;
}
#content ul#page-navi li {
	float: left;
}

/*------------------ ページコンタクト ----------------------*/
#content ul#contact-navi {
	padding: 0px 0px 40px 0px;
}
#content ul#contact-navi li {
	display: inline;
	padding: 0px 40px 0px 0px;
}


/*-----------------------------------------------------------
    top page css
-----------------------------------------------------------*/
#content-top {
	width: 890px;
}
#index #footer {
	padding-top: 50px;
}

/*-----------------------------------------------------------
    main visual css
-----------------------------------------------------------*/
#index #main-visual {
	width: 840px;
	margin: 0px auto;
}

/*-----------------------------------------------------------
    snavi css
-----------------------------------------------------------*/
#index #content-top ul#sub-navi {
	display: table;
	overflow: hidden;
	width: 850px;
	margin: 0 auto 50px;
}
#index #content-top ul#sub-navi li {
	display: table-cell;
	width: 270px;
	height: 100%;
	padding-left: 20px;
}
#index #content-top ul#sub-navi li:first-child {
	padding-left: 0;
}
#index #content-top ul#sub-navi li a {
	position: relative;
	display: block;
	height: 100%;
	padding: 20px 20px 30px;
	background: #f7f7f5;
}
#index #content-top ul#sub-navi li a:after {
	content: " ";
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 0;
	height: 0;
	border: transparent solid 5px;
	border-right-color: #000000;
	border-bottom-color: #000000;
}
#index #content-top ul#sub-navi li a p.img {
	margin-bottom: 18px;
}
#index #content-top ul#sub-navi li a h2 {
	margin-top: 0;
	margin-bottom: 10px;
}

/*-----------------------------------------------------------
    left css
-----------------------------------------------------------*/
#index #left {
	float: left;
	width: 560px;
	padding: 0 20px;
	overflow: hidden;
}
#index #left p {
	padding-left: 0.2em;
	padding-bottom: 1em;
}

/*-----------------------------------------------------------
    news css
-----------------------------------------------------------*/
#index #news {
	width: 490px;
	padding-top: 15px;
}
#index #news h2 {
	position: relative;
	width: 490px;
	height: 80px;
}
#index #news h2 a {
	display: block;
	position: absolute;
	width: 94px;
	height: 26px;
	right: 3px;
	bottom: 13px;
}
#index #news dl {
	padding: 0.5em 0em;
	background: url(../img/index/line.gif) center bottom no-repeat;
}
#index #news dl dt {
	clear: both;
	float: left;
	width: 90px;
	padding-left: 20px;
	background: url(../img/index/arrow.gif) 6px center no-repeat;
}
#index #news dl dd {
	float: left;
	width: 350px;
}
* #index #news dl { zoom: 1;}

/*-----------------------------------------------------------
    right css
-----------------------------------------------------------*/
#index #right {
	float: left;
	width: 270px;
}
#index #right ul {
	margin-bottom: 45px;
}
#index #right li {
	margin-bottom: 10px;
}


/*-----------------------------------------------------------
    flow page css
-----------------------------------------------------------*/
#flow #content h2 {
	margin: 0px 0px 80px 0px;
}
#flow .box {
	margin: 0px 0px 17px 0px;
}
#flow .box h3 {
	margin: 0px 0px 20px 0px;
}
#flow .inbox {
	float: left;
	width: 360px;
	margin: 0px 0px 15px 0px;
}
#flow .inbox p {
	padding: 0px 15px 0px 5px;
}


/*-----------------------------------------------------------
    before-after page css
-----------------------------------------------------------*/
#before-after #content ul {
	height: 70px;
	padding-top: 10px;
}
#before-after #content li {
	float: left;
}
#before-after .box {
	width: 615px;
	margin-bottom: 50px;
}
#before-after .box h3 {
	margin-bottom: 17px;
}
#before-after .box > img {
	margin-left: 5px;
	margin-bottom: 22px;
}
#before-after .box h4 {
	padding-left: 4px;
}
#before-after .box p {
	padding-top: 1em;
	padding-left: 10px;
}


/*-----------------------------------------------------------
    black-paint page css
-----------------------------------------------------------*/
#black-paint #content .mv {
	margin-bottom: 18px;
}
#black-paint #content .variation .heading2{
	margin-bottom: 5px;
	font-size: 114.29%;
}


/*-----------------------------------------------------------
    privacy page css
-----------------------------------------------------------*/
#privacy #content h2 {
	margin: 0px 0px 80px 0px;
}
#privacy #content dl {
	width: 620px;
}
#privacy #content dt {
	margin: 0px 0px 10px 0px;
}
#privacy #content dd {
	padding: 0px 0px 35px 3px;
}


/*-----------------------------------------------------------
    sitemaps page css
-----------------------------------------------------------*/
#sitemaps #content h2 {
	margin: 0px 0px 80px 0px;
}
#sitemaps #content p {
	margin: 0px 0px 25px 0px;
}
#sitemaps #content ul {
	padding: 0px 0px 0px 12px;
}
#sitemaps #content li {
	float: left;
	width: 257px;
	margin: 0px 0px 17px 0px;
}
#sitemaps #content dt {
	padding: 0px 0px 0px 12px;
	background: url(../img/sitemaps/arrow.gif) left center no-repeat;
}
#sitemaps #content dd {
	width: 200px;
	height: 3em;
	padding: 0px 0px 0px 12px;
	color: #999;
}


/*-----------------------------------------------------------
    info page css
-----------------------------------------------------------*/

/*--------------------- 会社情報 ---------------------*/
#info table {
	margin: 0px 0px 8px 0px;
}
#info table th, #info table td {
	padding-top: 10px;
	padding-bottom: 10px;
}
#info table tr{
	border-bottom: 10px #ffffff solid;
}
#info table th {
	width: 140px;
}
#info table th.heading{
	font-size: 15px;
}
#info table td {
	width: 460px;
}

/*--------------------- 地図 ---------------------*/
#info #info-02 {
	margin: 0px 0px 40px 0px;
}
#info #info-02 .heading{
	font-size: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#info #info-02 dt {
	float: left;
	width: 135px;
}
#info #info-02 dd {
	float: left;
	width: 400px;
}
#info #info-02 p {
	padding: 7px 0px 0px 0px;
}
#info #info-02 dd p img {
	margin: 0px 0px 0px 30px;
	vertical-align: middle;
}
#info #info-02 dd p span {
	padding: 0em 0em 0.2em 0em;
	color: #1951B9;
}

/*--------------------- その他 ---------------------*/
#info .box {
	width: 510px;
	padding: 0px 0px 20px 0px;
}
#info .box h3 {
	margin: 0px 0px 15px 0px;
}
#info .box p {
	padding: 0px 15px 10px 0px;
}
#info .inbox {
	float: left;
	width: 330px;
}
#info .inbox p {
	padding: 0px;
}


/*-----------------------------------------------------------
    faq page css
-----------------------------------------------------------*/
#faq #content h2 {
	margin: 0px 0px 80px 0px;
}
#faq #content dl {
	width: 611px;
}
#faq #content dt {
	margin: 0px 0px 22px 0px;
}
#faq #content dd {
	padding: 0px 0px 43px 111px;
	background: url(../img/faq/icon.gif) no-repeat;
}
#faq #content dd span {
	display: block;
	background: #f0f0f0 url(../img/faq/balloon-t.gif) right top no-repeat;;
}
#faq #content dd span span {
	display: block;
	height: 60px;
	padding: 1em;
	background: url(../img/faq/balloon-b.gif) right bottom no-repeat;
}
#faq #content dd span > span {
	height: auto;
	min-height: 60px;
}
#faq #content dd span img {
	margin: 12px 0px 0px 0px;
}


/*-----------------------------------------------------------
    side page css
-----------------------------------------------------------*/
#side .box {
	margin: 0px 0px 40px 0px;
}
#side .box h3 {
	margin: 0px 0px 20px 0px;
}
#side .inbox {
	float: left;
	width: 360px;
	margin: 0px 15px 0px 0px;
}
#side .inbox p {
	padding: 0px 0px 10px 5px;
}

/*--------------------- 料金表 ---------------------*/
#side .box table {
	width: 616px;
	margin: 15px 0 5px;
	border: 2px solid #ccc;
	clear: both;
}
#side #side-01 .inbox-02,
#side #side-02 .inbox-02 {
	padding-bottom: 20px;
}
#side .box td, #side .box th {
	padding: 8px;
	border: 2px solid #ccc;
}
#side .box .head-line th,
#side .box td {
	text-align: center;
}
#side .box th {
	font-weight: normal;
	background: #ebebeb;
}
#side .box .th {
	width:200px;
}
#side .box td {
	font-size: 116%;
	font-weight: bold;
}
#side .box td.normal {
	font-size: 100%;
	font-weight: normal;
}
#side .box .tax {
	text-align:right;
	padding:0 20px 0 0;
}

/*--------------------- サブリスト ---------------------*/
#side .mb30 {
	margin-bottom:30px;
}
#side .box .mt0 {
	margin-top:0;
}
#side .inbox-02 {
	float: left;
	width: 240px;
}
#side .inbox-02-in {
	clear:both;
	position: relative;
	top: -2.5em;
	width: 600px;
	margin: 0 0 0 9px;
	background: #f0f0f0 url(../img/mainte/point-bg.gif) left bottom no-repeat;
}
#side .inbox-02-in ul {
	padding: 5px 15px 10px;
}
#side .inbox-02-in li {
	font-weight:bold;
	padding: 0px 10px;
}


/*-----------------------------------------------------------
    coating page css
-----------------------------------------------------------*/
#coating #content h3 {
	margin: 0px 0px 20px 0px;
}
#coating #content h4 {
	margin: 0px 0px 3px 0px;
}
#coating #content p {
	padding: 0px 0px 30px 5px;
	width: 605px;
}
#coating #content p.color-red {
	display: inline-block;
	width: auto;
	margin: 0;
	padding: .1em .5em;
	background: #c91515;
	font-size: 85.71%;
	font-weight: normal;
	color: #ffffff
}
/*
#coating #content .box p {
	width: 350px;
}
*/
#coating #content p.page-top-coating {
	width: auto;
	margin: 0px;
	padding: 10px 50px;
	text-align: right;
}


/*--------------------- 右画像あり ---------------------*/
#coating #content p.link,
#coating #content p.att {
	margin: 0em 0em 0.5em 0em;
	padding: 0px 0px 0px 10px;
}
#coating #content p.link a {
	padding: 0px 0px 0px 12px;
	background: url(../img/coating/arrow.gif) left center no-repeat;
	color: #f90;
}
#coating #content p.att {
	font-size: 116%;
	font-weight: bold;
}
#coating #content .box p {
	float: left;
/*	width: 355px; */
	margin: 0px 10px 0px 0px;
}
#coating #content .box img {
	float: left;
}

/*--------------------- 料金表 ---------------------*/
#coating #content ol.price-head {
	margin-top: 10px;
	margin-bottom: 10px;
}
#coating #content ol.price-head li {
	padding-right: 10px;
	display: inline;
	font-weight: bold;
}
#coating #content table {
	width: 612px;
}
#coating #content td, #coating #content th {
	border: 2px solid #ccc;
}
#coating #content .head-line th,
#coating #content td {
	text-align: center;
}
#coating #content th {
	padding: 5px;
	font-weight: normal;
	background: #ebebeb;
}
#coating #content th.name {
	width: 90px;
	padding: 10px;
	font-size: 85%;
}
#coating #content th.width7-4 {
	width: 120px;
	padding: 5px 0px;
}
#coating #content th.width110 {
	width: 110px;
	padding: 5px 0px;
}
#coating #content th.width80 {
	width: 80px;
	padding: 5px 0px;
}
#coating #content td {
	font-size: 116%;
	font-weight: bold;
}
#coating #content td.normal {
	font-size: 100%;
	font-weight: normal;
}
.nss {
	font-size:85%;
}
.nss95 {
	font-size:87%;
}


/*--------------------- ハイウェイガードコート ---------------------*/
#coating #content h4.highway {
	padding-top:15px;
}
#coating #content table#highway {
	width: 610px;
}
#coating #content table#highway th,
#coating #content table#highway td {
	padding: 10px 10px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #ccc;
}
#coating #content table#highway th {
	font-size: 92%;
	font-weight: normal;
	background: #ebebeb;
	line-height: 1.3em;
}
#coating #content p.highway {
	margin-top: 8px;
}


/*-----------------------------------------------------------
    mainte page css
-----------------------------------------------------------*/
#mainte #content h3 {
	margin-bottom: 12px;
}
#mainte #content p {
	width: 615px;
	padding: 0px 0px 25px 2px;
}
#mainte #content h4 {
	margin: 0px 0px 3px 0px;
}

/*--------------------- 流れ ---------------------*/
#mainte #content ol {
	padding: 0px 0px 0px 4px;
}
#mainte #content ol li {
	float: left;
	width: 180px;
	margin: 0px 34px 0px 0px;
}
#mainte #content ol li.no-margin {
	margin: 0px;
}
#mainte #content ol li span {
	display: block;
	height: 6em;
}
#mainte #content ol li > span {
	height: auto;
	min-height: 6em;
}
#mainte #content ol.line3 {
	padding: 3px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
}
#mainte #content ol.line3 li span {
	height: 4.5em;
}
#mainte #content ol.line3 li > span {
	height: auto;
	min-height: 4.5em;
}

/*--------------------- ポイント ---------------------*/
#mainte #content .box {
	position: relative;
	top: -2.5em;
	width: 600px;
	margin: 0px 0px 0px 9px;
	margin: 0px 0px 15px 0px;
	background: #f0f0f0 url(../img/mainte/point-bg.gif) left bottom no-repeat;
}
#mainte #content .box ul {
	padding: 0px 15px 10px;
}

#mainte #contact-navi {
	margin: -20px 0px 0px 0px;
}

/*--------------------- 写真一覧 ---------------------*/
#mainte #content .img-list {
	height: 136px;
	margin: -20px 0px 0px 0px;
}
#mainte #content ul.img-list li {
	float: left;
	padding: 0px 23px 0px 0px;
}


/*-----------------------------------------------------------
    others page css
-----------------------------------------------------------*/
#others #content h3 {
	margin: 0px 0px 25px 0px;
}
#others #content h3#others-01 {
	margin-bottom: 0px;
}
#others #content h4.hv {
	margin: 0px 0px 20px 0px;
}
#others #content h4 {
	margin: 0px 0px 3px 0px;
}
#others #content p {
	width: 610px;
	padding: 0px 0px 15px 5px;
}
#others #content strong {
	font-size: 109%;
	color: #bd4046;
}


/*--------------------- 流れ ---------------------*/
#others #content .box {
	float: left;
	width: 292px;
	margin: 0px 25px 0px 5px;
	background: url(../img/others/flow-bg.gif) repeat-y;
	display: inline;
}
#others #content .box h4 {
	padding: 10px 0px 0px 0px;
	background: #fffff9;
}
#others #content .box ol {
	height: 310px;
	padding: 0px 0px 15px 0px;
	background: url(../img/others/flow-bg-b.gif) left bottom no-repeat;
}
#others #content .box > ol {
	height: auto;
	min-height: 310px;
}
#others #content .box li {
	width: 260px;
	padding: 12px 0px 23px 0px;
	margin: 0px auto;
	background: url(../img/others/arrow.gif) 15px bottom no-repeat;
}
#others #content .box li.end {
	background: none;
	padding: 12px 0px 0px 0px;
	font-size: 115%;
	font-weight: bold;
}

/*--------------------- お問い合わせ ---------------------*/
#others #content ul#contact-navi {
	clear: both;
	padding: 15px 0px 0px 2px;
}

/*--------------------- box2 ---------------------*/
#others #content .box2 {
	padding: 50px 0px 30px 0px;
}
#others #content .inbox {
	float: left;
	width: 323px;
}
#others #content .inbox h3 {
	margin: 0px 0px 20px 0px;
}
#others #content .inbox p {
	width: 295px;
	padding: 0px 30px 0px 0px;
}
#others #content .box2 ul {
	padding: 55px 0px 0px 0px;
}


/*--------------------- ul-wash ---------------------*/
#others #content #ul-wash {
	width: 636px;
	margin: 10px -26px 10px 0px;
	overflow: hidden;
}
#others #content #ul-wash li {
	width: 292px;
	margin: 20px 26px 20px 0px;
	float: left;
}
#others #content #ul-wash li.li-03 {
	width: 610px;
	margin-right: 0px;
}
#others #content #ul-wash h4 {
	padding-bottom: 5px;
}
#others #content #ul-wash p {
	width: 280px;
	margin: 0px auto;
	padding: 0px 0px 5px 0px;
}
#others #content #ul-wash li.li-03 p {
	width: 600px;
	margin: 0px auto;
	padding-left: 0px;
}
#others #content #ul-wash li img.image {
	width: 290px;
	margin: 0px auto;
}


/*--------------------- table ---------------------*/
#others #content #att {
	width: 610px;
	padding: 10px 0px 30px;
}
#others #content #att span {
	font-size: 109%;
}
#others #content #att li {
	padding-bottom: 5px;
}
#others #content table {
	width: 610px;
}
#others #content table th,
#others #content table td {
	padding: 10px 10px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #ccc;
}
#others #content table th {
	font-size: 92%;
	font-weight: normal;
	background: #ebebeb;
	line-height: 1.3em;
}
#others #content table#option-menu {
	margin-bottom: 30px;
}
#others #content table#option-menu th {
	height: 3.6em;
}
#others #content p.highway {
	margin-top: 8px;
}


/*-----------------------------------------------------------
    contact page css
-----------------------------------------------------------*/
#contact #content h2 {
	margin: 0px 0px 80px 0px;
}
#contact #content th,
#contact #content td {
	padding: 0px 0px 25px 0px;
	vertical-align: top;
}
#contact #content th {
	width: 140px;
	padding: 0px 0px 25px 15px;
	background: url(../img/contact/h-bg.gif) no-repeat;
	line-height: 1.88;
}
#contact #content input,
#contact #content textarea {
	width: 340px;
	margin: 0px 0px 3px 0px;
	padding: 2px;
	border: 3px solid #ccc;
}
#contact #content textarea {
	margin: 5px 0px 0px 0px;
}
#contact #content span.font-ex {
	color: #666;
	font-size: 85%;
}
#contact #content dl {
	width: 400px;
}
#contact #content dt,
#contact #content dd {
	padding: 0px 0px 10px 0px;
}
#contact #content dd input {
	width: 280px;
}
#contact #content dt {
	clear: both;
	float: left;
	width: 55px;
	padding: 5px 0px 0px 0px;
	font-size: 85%;
	color: #000;
}
#contact #content dd {
	float: left;
	width: 340px;
}
#contact #content input.width4 {
	width: 4em;
}
#contact #content p {
	padding: 0px 150px 0px 0px;
	text-align: center;
}
#contact #content p.att {
	padding: 0px;
	text-align: left;
}
#contact #content p input {
	width: auto;
	padding: 0px;
	border: none;
}


/*-----------------------------------------------------------
    blog page css
-----------------------------------------------------------*/
#blog #content h2 {
	margin: 0px 0px 80px 0px;
}

/*------------------- エントリーエリア ---------------------*/
#blog #content .box {
	width: 610px;
	margin-bottom: 30px;
}
#blog #content h3 {
	min-height: 40px;
	margin: 0px 0px 28px 0px;
	padding-left: 15px;
	background: url(../img/blog/h-bg.gif) no-repeat;
	font-size: 154%;
	line-height: 1.2;
	font-weight: bold;
}
#blog #content h3 span {
	display: block;
	font-size: 63%;
	color: #004EA2;
	font-weight: normal;
}
#blog #content .inbox {
	width: 450px;
	padding: 0px 0px 12px 53px;
}
#blog #content .inbox p {
	padding: 0em 0em 1em 0em;
}
#blog #content .box p.comment {
	text-align: right;
}
#blog #content .box a {
	text-decoration: underline;
}
#blog #content .box h3 a {
	text-decoration: none;
}
#blog #content .post-info {
	text-align: right;
}
#blog #content .post-info li {
	display: inline;
}
#blog #content .post-info li address {
	display: inline;
}

#blog #content #pagenation {
	width: 166px;
	height: 24px;
	margin: 0px 0px 0px 210px;
}
#blog #content #pagenation li.prev {
	float: left;
}
#blog #content #pagenation li.next {
	float: right;
}
#blog #content #pagenation li a {
	display: block;
	width: 70px;
	height: 24px;
	text-indent: -99999px;
	font-size: 0px;
}
#blog #content #pagenation li.prev a {
	background: url(../img/blog/prev.gif) no-repeat;
}
#blog #content #pagenation li.next a {
	background: url(../img/blog/next.gif) no-repeat;
}
#blog #content #pagenation li.prev a:hover {
	background: url(../img/blog/prev-o.gif) no-repeat;
}
#blog #content #pagenation li.next a:hover {
	background: url(../img/blog/next-o.gif) no-repeat;
}
#content p.no-entry {
	padding: 20px;
}

/*------------------- コメントエリア ---------------------*/
#blog #content #comments {
	margin: 0px 0px 30px 0px;
}
#blog #content h4 {
	width: 605px;
	padding: 0px 0px 0px 3px;
	background: url(../img/blog/line.gif) left bottom repeat-x;
	color: #004EA2;
	font-weight: bold;
	font-size: 116%;
}
#blog #content p.profile {
	padding: 1em 0.5em;
}

#blog #comment-list {
	width: 610px;
	margin: 0px 0px 30px 0px;
}
#blog #comment-list li {
	padding: 1em 1.5em 0em;
}
#blog #comment-list .data {
	padding: 1em;
	text-align: right;
}
#blog .no-commnet {
	margin: 0px 0px 30px 0px;
}
#blog #comments dl {
	padding: 10px;
}
#blog #comments dt {
	padding: 0px 0px 2px 0px;
}
#blog #comments dd {
	margin: 0px 0px 10px 0px;
}
#blog #comments dl input,
#blog #comments dl textarea {
	margin: 0px 0px 3px 0px;
	padding: 2px;
	border: 3px solid #ccc;
}
#blog #comments dl input {
	width: 340px;
}
#blog #comments dl textarea {
	width: 500px;
}
#blog #comments .comment-post {
	width: 500px;
	text-align: center;
}

/*------------------- ブログ用サイドメニュー ---------------------*/
#sidebar dl {
	width: 180px;
	padding: 15px 0px 0px 25px;
}
#sidebar dt {
	margin: 0px 0px 7px 0px;
}
#sidebar dd {
	padding: 0px 0px 20px 0px;
}
#sidebar dd li {
	padding: 0px 0px 5px 0px;
}
#sidebar dd li a {
	padding: 0px 0px 0px 12px;
	background: url(../img/blog/arrow-01.gif) 1px center no-repeat;
}

/*------------------- エントリーリセット ---------------------*/
#blog #content .inbox h1,
#blog #content .inbox h2,
#blog #content .inbox h3,
#blog #content .inbox h4,
#blog #content .inbox h5,
#blog #content .inbox h6 {
    clear: both;
    float: none;
    height: auto;
    min-height: 1px;
    margin: 1em 0;
    padding: 0px;
    background: none;
    color: #333;
    font-weight: normal;
    vertical-align: top;
    letter-spacing: .133em;
    text-shadow: 1px 1px 0 #fff;
}
#blog #content .inbox h1 { font-size: 145.5%; }
#blog #content .inbox h2 { font-size: 136.4%; }
#blog #content .inbox h3 { font-size: 127.3%; }
#blog #content .inbox h4 { font-size: 127.3%; }
#blog #content .inbox h5 { font-size: 118.2%; }
#blog #content .inbox h6 { font-size: 100%; }

.inbox em,
.inbox i {
	font-style: italic;
}

.inbox strong,
.inbox b {
	font-weight: bold;
}

.inbox p {
    margin: 0em 0em 0.8em 0em;
}
.inbox ol { margin: 1em 2em 1em; }
.inbox ul { margin: 1em 0 1em; }
.inbox ul li {
    list-style: none;
    margin: 0em 0em 0.5em 1em;
}
.inbox ol li {
    list-style: decimal;
    list-style-position: outside;
    margin: 0em 0em 0.5em 0em;
}
.inbox dl { margin: 1em 0; }
.inbox dd { margin-left: 2em; }
.inbox pre {
    overflow: auto;
    margin: 1em 0;
    padding: 1em;
    background: #3c3c3c;
    font-family: "Bitstream Vera Mono", Monaco, "Lucida Console", monospace;
    line-height: 1.2;
    white-space: pre;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.inbox code { color: white; }
.inbox samp { color: lime; }
.inbox pre kbd {
    padding: 0;
    margin: 0;
    background: none;
    border: none;
    display: inline;
    text-shadow: none;
    color: yellow;
    text-transform: none;
}
.inbox kbd {
    color: #333;
    padding: .5em;
    background: #eee;
    text-shadow: 1px 1px 0 #fff;
    border-bottom: 2px solid #ccc;
    border-right: 1px solid #ddd;
    border-top: 1px solid #F5F5F5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    vertical-align: middle;
    display: inline-block;
    text-transform: capitalize;
    margin: .5em;
}
.inbox ruby rt { font-size: 81.8%; }
.inbox ruby rt:before { content: "\0028"; }
.inbox ruby rt:after { content: "\0029"; }
.inbox blockquote{
    margin: .5em 0;
    padding: .5em;
    position: relative;
    text-shadow: 1px 1px 0 #fff;
    font-size: 118.2%;
    background: #e0e0e0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.inbox blockquote p {
    margin: .5em 1.5em;
}
.inbox blockquote > p:first-child:before {
    content: "\201C";
    font-size: 200%;
    line-height: 11px;
    display: block;
    position: absolute;
    top: 11px;
    left: 6px;
    text-shadow: 1px 1px 0 #fff;
}
.inbox blockquote > p:last-child:after {
    content: "\201D";
    font-size: 200%;
    line-height: 11px;
    display: block;
    position: absolute;
    botom: 11px;
    right: 6px;
    text-shadow: 1px 1px 0 #fff;
}
.inbox q { font-style: italic; }
.inbox q:before { content: "\201C"; }
.inbox q:after { content: "\201D"; }
.inbox table {
    width: 99%;
    border: 1px #eee solid;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 1em 0 1em 1px;
}
.inbox table th {
    padding: 0.5em;
    border: #eee solid;
    border-width: 0 0 1px 1px;
    background: #f5f5f5 url(/common/img/module/entry/th-bg.gif) 0 0 repeat-x;
    font-weight: bold;
    text-align: center;
    text-shadow: 1px 1px 0 #fff;
}
.inbox table td {
    padding: .5em;
    border: 1px #eee solid;
    border-width: 0 0 1px 1px;
    text-align: center;
}
.inbox table caption {
    font-size: 90.9%;
}

.inbox a:link { color: #134e86;}
.inbox a:visited { color: #134e86;}
.inbox a:hover { color: #999;}
.inbox a:active { color: #999;}


/*-----------------------------------------------------------
    protection-film page css
-----------------------------------------------------------*/

.page-ttl1{
	margin-bottom: 50px;
}


.page-ttl2{
	margin-bottom: 40px;
}

.images{
	box-sizing: border-box;
	padding: 20px 25px;
	border-radius: 3px;
	background: #ffffff;
}

.image{
	margin-bottom: 40px;
	text-align: center;
}

ul.list-up-2{
	overflow: hidden;
	margin-bottom: -10px;
}

ul.list-up-2 li{
	float: left;
	margin-bottom: 10px;
}

ul.list-up-2 li:nth-child(2n){
	float: right;
}

.image-ttl{
	display: block;
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: bold;
}

.performance{
	padding: 20px 25px;
	background: url(../img/protection-film/bg-performance.png) no-repeat center center;
}

.images + .performance{
	margin-top: 30px;
}

.performance-ttl{
	margin-bottom: 15px;
}

.performance ul.list-up-2 li{
	width: 265px;
}

#header .sp-menu,
.sp-only{
	display: none;
}
@media screen and (max-width: 767px){
	img{
		max-width: 100%;
		height: auto;
	}
	
	body.is-menu-open {
		width: 100%;
	}

	.sp-only{
		display: block;
	}

	.heading {
		margin-bottom: 4.69%;
	}

	.c-table {
		width: auto;
		max-width: 100%;
	}
	.c-table td, .c-table th {
	}
	.c-table th.parts {
		width: auto;
		max-width: 35.48%;
	}
	.c-table th.name {
		width: auto;
		max-width: 33.87%;
	}
	.c-table th.size {
		width: auto;
		max-width: 16.13%;
	}
	.c-table th.car {
		width: auto;
		max-width: 17.74%;
	}
	.c-table th.width80 {
		width: auto;
		max-width: 12.9%;
	}

	#container,
	#main,
	#content,
	#content-top{
		width: 100%;
	}
	#main{
		padding-bottom: 15%;
	}
	
	#content{
		box-sizing: border-box;
		padding: 4.69%;
	}
	
	#main{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	
	#header{
		position: relative;
		padding: 3%;
		z-index: 3;
		background: #004ea2;
	}
	
	#header h1{
		position: relative;
		width: 40.5%;
		padding: 0;
		z-index: 3;
	}
	
	#header p.head-text,
	#header .tel{
		display: none;
	}
	
	#header ul.parent{
		position: absolute;
		top:100%;
		left: 0;
		width: 100%;
		background: #004ea2;
		-webkit-transition: all 0.8s ease;
		transition: all 0.8s ease;
		opacity: 0;
		visibility: hidden;
		z-index: 2;
	}
	
	#header ul.parent.is-active{
		margin-top: 0;
		opacity: 1;
		visibility: visible;
	}
	
	#header ul.children{
		width: 100%;
		float: none;
		margin-top: -3%;
		padding-bottom: 2%;
	}

	#header li{
		float: none;
		width: 100%;
	}
	#header .parent > li > a,
	#header .parent > li > span,
	#header .children > li > a,
	#header .children > li > span{
		display: block;
		padding: 3% 6.25%;
		border-top: 1px solid #003874;
		font-size: 123.08%;
		font-weight: bold;
		color: #fff;
	}
	#header .children > li > a,
	#header .children > li > span{
		border-top: none;
	}
	#header .children > li > a,
	#header .children > li > span{
		padding-top: 1%;
		padding-bottom: 1%;
		font-size: 92.31%;
		font-weight: normal;
	}
	#header .parent > li .children{
		/*display: none;*/
	}
	#header li.parent + li.parent > a,
	#header li.parent + li.parent > span{
		padding-bottom: 4.69%;
		border-top: 1px solid #003874;
	}
	#header li.children + li.parent > a,
	#header li.children + li.parent > span{
		border-top: 1px solid #003874;
	}
	#header .parent > li > a:before,
	#header .parent > li > span:before{
		display: inline-block;
		margin-right: .2em;
	}
	#header .parent > li.title > span:before,
	#header .parent > li.no-children > a:before,
	#header .parent > li.no-children > span:before{
		display: none;
	}
	#header .children > li > a:before,
	#header .children > li > span:before{
		content: "└";
		display: inline-block;
		margin-left: 1em;
		margin-right: .5em;
	}
	#header li img{
		display: none;
	}
	
	#header .sp-menu{
		position: absolute;
		top: 0;
		right: 3%;
		display: block;
		width: 8%;
		margin-top: 3%;
		z-index: 3;
	}
	
	#header .sp-menu__hamburger {
		display: block;
		position: relative;
		width: 100%;
		height: 0;
		padding: 30% 0;
		border: none;
		border-top: 1.6vw solid #ffffff;
		border-bottom: 1.6vw solid #ffffff;
		background: transparent;
		-webkit-transition: all .1s ease;
		transition: all .1s ease;
	}
	
	#header .sp-menu__hamburger:before, #header .sp-menu__hamburger:after {
		content: ' ';
		display: block;
		position: absolute;
		top: calc(50% - 0.78vw);
		bottom: 0;
		width: 100%;
		height: 1.6vw;
		background: #ffffff;
		-webkit-transition: all .3s ease-out;
		transition: all .3s ease-out;
	}

	#header .sp-menu__hamburger.is-open {
		padding: 50% 0;
 		border: none;
	}

	#header .sp-menu__hamburger.is-open:before {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	#header .sp-menu__hamburger.is-open:after {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	
	#footer{
		box-sizing: border-box;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding: 20px 2% 0 !important;
		-ms-flex-direction: column;
		flex-direction: column;
		background: none;
		text-align: center;
		-webkit-order: 2;
		order: 2;
	}
	
	#footer p{
		color: #333;
		order: 2;
		padding: 0;
	}
	
	#footer address{
		order: 1;
		padding: 0;
	}
	
	#footer #area-text{
		width: 96%;
		order: 3;
		padding: 0 2% 18px;
		border: 1px solid #b1c2d3;
		border-radius: 5px;
		background: none;
	}
	
	#footer #area-text img{
		display: none;
	}
	
	#footer #area-text dt{
		width: 100%;
	}
	
	#footer #area-text dd{
		padding: 0;
		width: 100%;
		text-align: left;
	}
	
	#footer ul{
		display: none;
	}
	
	#footer #page-top{
		display: none;
	}

	.fix_nav{
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		display: -webkit-flex;
		display: flex;
		font-size: 4.06vw;
		z-index: 1000;
	}
	.fix_nav li{
		-webkit-align-items: stretch;
		align-items: stretch;
		width: 45%;
	}
	.fix_nav li:first-child{
		width: 55%;
	}
	.fix_nav li a{
		display: block;
		width: 100%;
		height: 100%;
		padding: 1vw;
		background: #e75700;
		box-sizing: border-box;
		line-height: 1.22;
		font-size: 69.23%;
		font-weight: bold;
		color: #ffffff;
	}
	.fix_nav li:first-child a{
		background-image: -moz-linear-gradient(180deg, #0061ae 0%, #003e90 100%);
		background-image: -webkit-linear-gradient(180deg, #0061ae 0%, #003e90 100%);
		background-image: -ms-linear-gradient(180deg, #0061ae 0%, #003e90 100%);
		background-image: linear-gradient(180deg, #0061ae 0%, #003e90 100%);
	}
	.fix_nav li a .wrapper{
		display: table;
		width: 100%;
		height: 100%;
	}
	.fix_nav li a .inner{
		display: table-cell;
		vertical-align: middle;
	}
	.fix_nav li:nth-child(2) a .inner{
		padding: .5em 0;
		border: #ffffff solid 1px;
		background-image: -moz-linear-gradient(180deg, #eb6900 0%, #e14600 100%);
		background-image: -webkit-linear-gradient(180deg, #eb6900 0%, #e14600 100%);
		background-image: -ms-linear-gradient(180deg, #eb6900 0%, #e14600 100%);
		background-image: linear-gradient(180deg, #eb6900 0%, #e14600 100%);
		text-align: center;
		font-size: 92.86%;
	}
	.fix_nav li:nth-child(2) a .inner span{
		position: relative;
		display: inline-block;
		margin-left: -2em;
		padding-left: 2em;
	}
	.fix_nav li:nth-child(2) a .inner span:before{
		content: "\f0e0";
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		height: 1em;
		margin: auto;
		font-size: 1.5em;
		font-family: FontAwesome;
	}
	.fix_nav li:first-child a .inner{
		padding: 2% 5%;
		padding-left: calc(1.2em + 5%);
	}
	.fix_nav li:first-child a .number{
		display: block;
		margin-top: 2%;
		margin-left: -1em;
		font-size: 144.44%;
	}
	.fix_nav li:first-child a .number:before{
		content: "\f2a0";
		display: inline-block;
		width: 1em;
		height: 1.2em;
		margin-right: .1em;
		line-height: 1.2;
		vertical-align: middle;
		font-size: 80%;
		font-family: FontAwesome;
	}

	#sidebar{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-order: 1;
		order: 1;
		padding: 0;
	}
	
	#index #right,
	#sidebar{
		width: 100%;
		padding-top: 40px;
	}
		
	#index #right ul,
	#sidebar ul#side-navi{
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		background: #004ea2;
		border-top: 1px solid #004ea2;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 0;
		-webkit-order: 2;
		order: 2;
	}
	
	#index #right ul:after,
	#sidebar ul#side-navi:after{
		content: ' ';
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 1px;
		background: #004ea2;
	}
	
	#index #right li,
	#sidebar ul#side-navi li,
	#sidebar ul#side-navi li:nth-child(-n+3){
		position: relative;
		border-bottom: 1px solid #fff;
		width: 50%;
		margin-bottom: 0;
		padding-bottom: 0;
	}

	#index #right li:nth-child(2n-1):after,
	#sidebar ul#side-navi li:nth-child(2n-1):after{
		content: " ";
		position: absolute;
		top: 0;
		right: 0;
		width: 1px;
		height: 100%;
		background: #ffffff;
	}
	
	#index #right li a,
	#sidebar ul#side-navi li a{
		box-sizing: border-box;
		display: table;
		width: 100%;
		height: 100%;
		padding: 5.63% 2.81%;
		padding-right: 10.5%;
		font-size: 78.57%;
		line-height: 1.5;
		background: #004ea2;
		text-decoration: none;
		color: #fff;
	}
	
	#index #right li:nth-child(2n-1) a,
	#sidebar ul#side-navi li:nth-child(2n-1) a{
		padding-left: 10.5%;
	}
	
	#index #right li a .link-text,
	#sidebar ul#side-navi li a .link-text{
		display: table-cell;
		vertical-align: middle;
		text-indent: -1.6em;
		padding-left: 1.6em;
	}
	
	#index #right li a .link-text:before,
	#sidebar ul#side-navi li a .link-text:before{
		content: "\f18e";
		margin-right: .5em;
		font-family: FontAwesome;
		font-size: 120%;
	}
	
	#index #right li img,
	#sidebar ul#side-navi img,
	#sidebar ul#side-navi li:nth-child(-n+3) a img{
		display: none;
	}
	
	#index #right iframe{
		display: block;
		margin: 0 auto;
	}
	
	#sidebar dl{
		box-sizing: border-box;
		width: 100%;
		padding: 4.69%;
		-webkit-order: 1;
		order: 1;
	}
	
	.contactBox{
		-webkit-order: 2;
		order: 2;
		letter-spacing: 0.02em;
	}
	
	.contactBox-items{
		float: none;
		width: 90.63%;
		height: auto;
		margin: 0 auto;
		padding: 3.45%;
		box-sizing: border-box;
		border-radius: 3px;
		border: 2px solid #004ea2;
		background: #fffffb;
	}
	
	.contactBox-item{
		float: none;
		width: 100%;
		text-align: center;
	}
	.contactBox-item:first-child{
		margin: 0 0 4.53%;
		padding: 0 0 4.53%;
		border-image: url(../img/common/icn-slash-blue01.png) 100% 0 repeat;
		border-style: solid;
		border-width: 0 0 5px 0;
	}
	.contactBox-item:nth-child(2n){
		float: none;
	}
	.contactBox-title{
		margin-bottom: 2.34%;
		font-size: 78.57%;
		font-weight: bold;
	}
	.contactBox-tel-number{
		margin-bottom: 2.34%;
	}
	.contactBox-tel-number a{
		display: inline-block;
		line-height: 1;
		font-size: 150%;
		font-weight: bold;
		color: #004ea2;
	}
	.contactBox-tel-number a:before{
		content: "\f2a0";
		margin-right: .5em;
		line-height: 1.3;
		vertical-align: bottom;
		font-family: FontAwesome;
	}
	.contactBox-tel-hour{
		font-size: 71.43%;
	}
	.contactBox-mail-button{
		width: 72.22%;
		margin: 0 auto 2.34%;
		border: #e75700 solid 3px;
		border-radius: 3px;
	}
	.contactBox-mail-button a{
		display: block;
		padding: .5em 0;
		border: #ffffff solid 1px;
		border-radius: 3px;
		background-image: -moz-linear-gradient(180deg, #eb6900 0%, #e14600 100%);
		background-image: -webkit-linear-gradient(180deg, #eb6900 0%, #e14600 100%);
		background-image: -ms-linear-gradient(180deg, #eb6900 0%, #e14600 100%);
		background-image: linear-gradient(180deg, #eb6900 0%, #e14600 100%);
		font-size: 92.86%;
		color: #ffffff;
	}
	.contactBox-mail-button a:before{
		content: "\f0e0";
		margin-right: .5em;
		font-family: FontAwesome;
	}
	.contactBox-mail-hour{
		font-size: 71.43%;
	}

	#content h2,
	#faq #content h2,
	#blog #content h2,
	#contact #content h2,
	#privacy #content h2,
	#sitemaps #content h2{
		position: relative;
		margin-bottom: 3.13%;
		margin-right: 13.5%;
		padding: .4em .5em;
		border: #004ea2 solid 2px;
		border-radius: 5px;
		font-size: 128.57%;
		font-weight: bold;
		color: #004ea2;
	}
	#content h2:after{
		content: " ";
		position: absolute;
		top: 0;
		bottom: 0;
		right: -16.25%;
		width: 16.25%;
		height: 0;
		margin: auto;
		padding-top: 11.72%;
		background: url(../img/common/icn-car-baloon.png) no-repeat 0 0;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
	}

	#content h2 + .lead{
		margin-bottom: 7.81%;
		font-size: 71.43%;
	}

	#content ul#page-navi{
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		height: auto;
		margin-bottom: 4.69%;
		background: #004ea2;
		border-top: 1px solid #004ea2;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 0;
		-webkit-order: 2;
		order: 2;
	}
	#content ul#page-navi:after{
		content: ' ';
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 1px;
		background: #004ea2;
	}
	#content ul#page-navi li{
		position: relative;
		border-bottom: 1px solid #fff;
		width: 50%;
		margin-bottom: 0;
		padding-bottom: 0;
	}
	#content ul#page-navi li:nth-child(2n-1):after{
		content: " ";
		position: absolute;
		top: 0;
		right: 0;
		width: 1px;
		height: 100%;
		background: #ffffff;
	}
	#content ul#page-navi li a{
		box-sizing: border-box;
		display: table;
		width: 100%;
		height: 100%;
		padding: 5.63%;
		font-size: 78.57%;
		line-height: 1.5;
		background: #004ea2;
		text-decoration: none;
		color: #fff;
	}
	#content ul#page-navi li a .link-text{
		display: table-cell;
		vertical-align: middle;
		text-indent: -1.6em;
		padding-left: 1.6em;
	}
	#content ul#page-navi li a .link-text:before{
		content: "\f01a";
		margin-right: .5em;
		font-family: FontAwesome;
		font-size: 120%;
	}
	#content ul#page-navi li img{
		display: none;
	}

	#index #main-visual{
		width: 69%;
		margin: 8.28% auto 6.88%;
	}
	
	#index #content-top ul#sub-navi{
		float: none;
		width: 90.63%;
		margin: 0 auto;
		padding: 0;
	}
	
	#index #content-top ul#sub-navi li{
		display: block;
		width: 100%;
		margin: 0 0 5%;
		padding-left: 0;
		text-align: left;
	}

	#index #content-top ul#sub-navi li a{
		padding: 0;
		background: none;
		text-align: left;
	}

	#index #content-top ul#sub-navi li a:after{
		display: none;
	}

	#index #content-top ul#sub-navi li a p.img {
		margin-bottom: 2%;
	}

	#index #content-top ul#sub-navi li a img{
		display: block;
		width: 100%;
		margin: 0 auto;
	}

	#index #content-top ul#sub-navi li a h2{
		margin-bottom: 2%;
	}

	#index #content-top ul#sub-navi li p.detail{
		display: block;
		text-align: right;
		text-decoration: underline;
		color: #004ea2;
	}

	#index #content-top ul#sub-navi li p.detail span:before{
		content: ">>";
		display: inline-block;
		margin-right: .5em;
	}

	#index #left{
		float: none;
		box-sizing: border-box;
		width: 90.63%;
		margin: 0 auto;
		padding: 0;
	}
	
	#index #news,
	#index #news h2{
		width: 100%;
		height: auto;
		margin-bottom: 8%;
	}

	#index #news h2 p{
		padding-bottom: 0;
		padding-left: 20px;
	}

	#index #news dl{
		position: relative;
		z-index: 2;
		padding: 0;
		background: #fffff9;
	}

	#index #news dl dt{
		float: none;
		width: auto;
		padding-left: 0;
		background: none;
		font-size: 85.71%;
		color: #aaaaaa;
	}

	#index #news dl dd{
		float: none;
		width: auto;
		margin-bottom: 2%;
		padding-bottom: 2%;
		border-bottom: #cfcfce dotted 1px;
		font-size: 85.71%;
	}

	#index #news dl dd a{
		text-decoration: underline;
	}

	#index #news dl dd a:hover{
		text-decoration: none;
	}

	#index #news p.detail{
		display: block;
		text-align: right;
		text-decoration: underline;
	}

	#index #news p.detail span:before{
		content: ">>";
		display: inline-block;
		margin-right: .5em;
	}

	#index #left p{
		margin-bottom: 30px;
	}
	
	#info .box{
		width: 100%;
	}
	
	#info .box p{
		padding-right: 0;
	}
	
	#info #info-01{
	}
	
	#info #info-02 dd{
		width: 100%;
		text-align: center;
	}
	
	#info table{
		margin-bottom: 15.63%;
	}
	
	#info table th,
	#info table td{
		display: block;
		width: 100%;
		box-sizing: border-box;
	}
	
	#info table th{
		margin-bottom: 0;
		padding: .6em 1.2em;
		background: #f0f0ea;
		font-size: 92.86%;
		font-weight: normal;
	}
	#info table th:before{
		display: none;
	}
	
	#info-03{
		display: none;
	}
	#faq #content h2,
	#sitemaps #content h2,
	#contact #content h2,
	#blog #content h2,
	#privacy #content h2{
		margin-bottom: 40px;
	}
	
	#sitemaps #content li{
		width: 50%;
	}
	
	#coating #content p{
		width: 100%;
	}
	
	#coating #content p.page-top-coating{
		display: none;
	}
	
	.sp-table-wrap{
		width: 100%;
		margin-bottom: 15px;
		overflow-y: scroll;
	}
	
	
	#blog #content .box,
	#blog #content .inbox{
		width: 100%;
		padding: 0;
	}
	
	#blog #content h4,
	#blog #comments dl textarea,
	#blog #comments .comment-post{
		width: 100%;
	}
	
	#blog #comments dl input{
		width: 100%;
	}
	
	#blog #content #pagenation{
		margin-right: auto;
		margin-left: auto;
	}
	
	#faq #content dl{
		width: 100%;
	}
	#faq #content dl dt{
		margin: 0px 0px 22px 0px;
		padding: 0 0 3.13% 0;
		border-image: url(../img/common/icn-slash-blue01.png) 100% 0 repeat;
		border-style: solid;
		border-width: 0 0 5px 0;
	}
	#faq #content dl dt:before{
		display: none;
	}
	#faq #content dd{
		margin-bottom: 14.06%;
	}
	#faq #content dd span{
		padding: 0;
		background: none;
		font-size: 92.86%;
	}
	#faq #content dd span > span{
		padding: 0;
		background: none;
	}

	#content ul#contact-navi{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 0;
	}
	
	#content ul#contact-navi li{
		width: 50%;
		text-align: center;
		padding: 0;
	}
	
	#privacy #content dl{
		width: 100%;
	}
	
	
	#side .inbox-02-in{
		width: 100%;
		margin:0;
		background: none;
	}
	
	#side .inbox{
		width: 100%;
	}
	
	#side .inbox + img{
		margin-bottom: 2.5em;
	}
	
	#side .inbox-02-in h4{
		overflow: hidden;
	}
	
	#side .inbox-02-in h4 img{
		position: relative;
		z-index: 2;
		max-width: inherit;
	}
	
	#side .inbox-02-in ul{
		position: relative;
		top:-10px;
		padding-top: 10px;
		border-radius: 5px;
		background: #f0f0f0;
	}
	
	#others #content p{
		width: 100%;
	}

	#others #content #ul-wash{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-webkit-justify-content:space-between;
		justify-content:space-between;
	}
	
	#others #content #ul-wash li{
		width: 48%;
		max-width: 280px;
		margin-left: 0;
		margin-right: 0;
	}
		
	#others #content #ul-wash,
	#others #content #att,
	#others #content #ul-wash li.li-03,
	#others #content #ul-wash li p{
		width: 100%;
	}
	
	#others #content #ul-wash li.li-03{
		max-width: 100%;
	}
	
	#others #content .inbox{
		width: 100%;
	}
	
	#others #content .inbox p{
		width: 100%;
		padding: 0;
	}
	
	#others #content .inbox + img{
		display: block;
		margin: 0 auto;
	}
	
	.section{
		width: 100%;
	}
	
	ul.list-up-2{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		flex-wrap: wrap;
		max-width: 560px;
		margin-left: auto;
		margin-right: auto;
		-ms-flex-wrap: wrap;
		-webkit-justify-content:space-between;
		justify-content:space-between;
	}
	
	ul.list-up-2 li{
		box-sizing: border-box;
		width: 50% !important;
		max-width: 270px;
		-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		padding: 0 1%;
	}
	
	.performance{
		background-size: cover;
	}
	.pc-only{
		display: none;
	}
}

@media screen and (max-width: 520px){
	#contact #content table{
		width: 100%;
	}
	
	#contact #content th,
	#contact #content td{
		box-sizing: border-box;
		display: block;
		width: 100%;
	}
	
	#contact #content th{
		padding-bottom: 15px;
	}
	
	#contact #content input, #contact #content textarea,
	#contact #content dd input{
		box-sizing: border-box;
		width: 100%;
		font-size: 16px;
	}
	
	#contact #content dl{
		overflow: hidden;
		width: 100%;
	}
	
	#contact #content dd{
		width: calc(100% - 75px);
	}
	
	#contact #content input.width4{
		width: 28%;
	}
	
	#contact #content p{
		padding: 0;
		text-align: center;
	}
}

@media screen and (max-width: 450px){
	
	#faq #content h2,
	#sitemaps #content h2,
	#contact #content h2,
	#blog #content h2,
	#privacy #content h2{
		margin-bottom: 20px;
	}
	
	#index #content-top ul#sub-navi{
		height: inherit;
		margin-bottom: 10px;
	}
	
	#sitemaps #content li,
	#sitemaps #content dd{
		width: 100%;
	}
	
	#faq #content dd{
		padding: 0;
		background: none;
	}
	
	#content ul#contact-navi{
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	
	#content ul#contact-navi li{
		width: 100%;
	}
	
	#others #content #ul-wash li{
		width: 100%;
		max-width: 100%;
	}
	
	#others #content #ul-wash li img.image{
		display: block;
		margin: 0 auto;
	}
}