/*
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 {
display:block;
}

nav ul {
list-style:none;
}

blockquote, q {
quotes:none;
}

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

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

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;
}

sub {
    vertical-align: sub;
    font-size: smaller;
}


/* common */
@media screen and (min-width: 768px) {
	/* PC非表示 */
	.pc_none { display: none;}
}
@media only screen and (max-width: 767px) {
	/* SP非表示 */
	.sp_none { display: none;}
}

@media only screen and (min-width: 960px){
	header div.header_inner {
		background: #fff;
	}

	header div.header_inner div.left h1 {
		font-size: 12px;
		font-weight: normal !important;
		padding-left: 10px;
		margin: 0;
	}
}

html,body{
    width: 100%;
}

body {
  /* min-width: 1024px; */
  -webkit-text-size-adjust: 100%;
}

@media only screen and (min-width: 768px) {
	body {
		min-width: 1024px;
	}
}

.common_width {
	width: 1000px;
	margin: 0 auto;
	display: block;
}

.common_contents {
	padding-left: 50px;
	padding-right: 50px;
}

.common_contents-p20 {
	padding-left: 20px;
	padding-right: 20px;
}

.common_contents-table {
	padding-left: 50px;
	padding-right: 50px;
	display: table;
}

.common_h_title {
	padding-top: 40px;
	padding-bottom: 20px;
	line-height: 1.8;
}

.common_text {
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	line-height: 1.8;
}
.common_text-alert {
	color: #9e9e9e;
	font-size: 12px;
	text-align: right;
	line-height: 1.8;
}

.common_contents--left {
	width: 520px;
	display: table-cell;
}
.common_contents--right {
	width: 520px;
	display: table-cell;
}
.common_contents--img-left {
	width: 350px;
	padding-right: 30px;
	vertical-align: middle;
	display: table-cell;
}
.common_contents--img-right {
	width: 350px;
	padding-left: 30px;
	vertical-align: middle;
	display: table-cell;
}

.common_comment {
	font-size: 9px;
	color: #9e9e9e;
	line-height: 1.8;
}

.clear {
	content: "";
	clear: both;
}

.contents-center {
	text-align: center;
}

.btn {
	border-radius: 10px;
	width: 600px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	margin: 0 auto;
}
.btn a {
	color: #fff;
	text-decoration: none;
	padding: 25px;
	display: block;
}
.bg-orange {
	background-color: #ff7a00;
}
.bg-blue {
	background-color: #00bcd4;
}
.bg-green {
	background-color: #4caf50;
}
.btn.bg-orange a:hover {
  border-radius: 10px;
  background-color: #dd6a00;
}
.btn.bg-blue a:hover {
  border-radius: 10px;
  background-color: #009eb2;
}
.btn.bg-green a:hover {
  border-radius: 10px;
  background-color: #429745;
}

.table-bg-white {
	background-color: #fff;
	border: 1px solid #b2ebf2;
	border-radius: 4px;
	padding: 10px 0;
	color: #757575;
}
.table-bg-lightblue {
	background-color: #e0f7fa;
	border: 1px solid #80deea;
	border-radius: 4px;
	padding: 10px 0;
}
.table-bg-blue {
	background-color: #00bcd4;
	border: 1px solid #00bcd4;
	padding: 10px 0;
	color: #fff;
}

.list-number {
	background-color: #00b8d4;
	border-radius: 50%;
	padding: 0;
  margin: 0;
  width: 24px;
  height: 24px;
  line-height: 24px;
  display: inline-block;
	font-size: 16px;
	font-weight: normal;
	color: #fff;
	text-align: center;
	vertical-align: middle;
}

.w220 {
	width: 220px;
}
.w230 {
	width: 230px;
}
.w270 {
	width: 270px;
}
.w700 {
	width: 700px;
}

.mt20 {
	margin-top: 20px;
}
.mt40 {
	margin-top: 40px;
}

.mb20 {
	margin-bottom: 20px;
}
.mb40 {
	margin-bottom: 40px;
}

.ml20 {
	margin-left: 20px;
}
.ml40 {
	margin-left: 40px;
}

.mr20 {
	margin-right: 20px;
}
.mr40 {
	margin-right: 40px;
}

.pt0 {
	padding-top: 0px;
}
.pt10 {
	padding-top: 10px;
}
.pt20 {
	padding-top: 20px;
}
.pt40 {
	padding-top: 40px;
}

.pb0 {
	padding-bottom: 0px;
}
.pb10 {
	padding-bottom: 10px;
}
.pb20 {
	padding-bottom: 20px;
}
.pb40 {
	padding-bottom: 40px;
}

.pl20 {
	padding-left: 20px;
}
.pl40 {
	padding-left: 40px;
}

.pr20 {
	padding-right: 20px;
}
.pr40 {
	padding-right: 40px;
}

h2.title {
	background-color: #b2ebf2;
	padding: 25px 0;
	font-size: 28px;
	line-height: 1.8;
}

h3,h4 {
	font-size: 24px;
}

.fs12 {
	font-size: 12px;
}

.fs14 {
	font-size: 14px;
}

.fs16 {
	font-size: 16px;
}

.fs20 {
	font-size: 20px;
}

.fw-normal {
	font-weight: normal;
}

.txt-right {
	text-align: right;
}


.fc-blue {
	color: #00bcd4;
}

.fc-glay {
	color: #757575;
}

.lh120 {
	line-height: 1.2;
}

.lh180 {
	line-height: 1.8;
}

.overflow-h {
	overflow: hidden;
}


#container {
}


/* header */
.header {
	background-color: #fff;
}

.header-logo {
	margin: 0 auto;
	padding: 20px 0;
  overflow: hidden;
}
.header-logo-img {
  float: left;
  padding: 14px 0;
}
.header-tel {
  float: right;
  padding-top: 7px;
  text-align: right;
}
.header-tel img {
  width: 34px;
  vertical-align: middle;
}
.header-tel a {
  margin-left: 20px;
  font-size: 28px;
  vertical-align: middle;
}

.header-logo a {
}

.fixed {
	width: 100%;
  position: fixed;
	top: 0;
  z-index: 99999;
}
.header-nav {
	background-color: #424242;
}
.header-nav ul {
	margin: 0 auto;
	overflow: hidden;
}
.header-nav__item {
	float: left;
	list-style: none;
	width: 165px;
}
.header-nav__item a {
	display: block;
	padding: 33px 0;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
.header-nav__item a.active {
	background-color: #fafafa;
	color: #212121;
}
.header-nav__item a:hover {
	background-color: #fafafa;
	color: #212121;
}
.header-nav__item.inquiry a.active {
  background-color: #009eb2;
  color: #fff;
}
.header-nav__item.inquiry a:hover {
  background-color: #009eb2;
  color: #fff;
}
.fixed-header {
	padding-top: 80px;
}
.header-title {
	background-size: cover;
  /* position: relative; */
}
.header-title.top {
	background: url(../img/lineup/abith/top_title-bg.jpg) no-repeat center bottom;
	height: 500px;
}
.header-title.concept {
	background: url(../img/lineup/abith/concept_title-bg.png) no-repeat center bottom;
	height: 850px;
}
.header-title.spec {
	background: url(../img/lineup/abith/spec_title-bg.png) no-repeat center bottom;
	height: 500px;
}
.header-title.simulation {
	background: url(../img/lineup/abith/simulation_title-bg.jpg) no-repeat center bottom;
	height: 500px;
}
.header-title.choice {
	background: url(../img/lineup/abith/choice_title-bg.jpg) no-repeat center bottom;
	height: 500px;
}

.header-title__inner {
	background-color: #eee;
	opacity: 0.9;
	width: 600px;
	height: 150px;
	position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
	display: table;
}

h1 {
	font-size: 48px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}
/* header */

/* footer */
.footer {
	background-color: #212121;
	width: 100%;
  padding-bottom: 20px;
	position: absolute;
}

.footer-nav {
	background-color: #fafafa;
}
.footer-nav ul {
	margin: 0 auto;
	overflow: hidden;
}
.footer-nav__item {
	float: left;
	list-style: none;
	width: 165px;
}
.footer-nav__item a {
	display: block;
	padding: 32px 0;
	color: #212121;
	text-align: center;
	text-decoration: none;
}
.footer-nav__item a.active {
	background-color: #424242;
	color: #fff;
}
.footer-nav__item a:hover {
	background-color: #424242;
	color: #fff;
}

.footer-inner {
}
.footer-inner__area {
	padding: 40px 0 20px;
	overflow: hidden;
}
.footer__company {
	float: left;
	color: #fff;
	display: table;
	padding-bottom: 30px;
}
.footer__company:nth-child(2n) {
	float: right;
}
.footer__company:after {
  content: "";
  display: block;
  clear: both;
}
.footer__company-name {
  background-color: #fff;
	border-radius: 5px;
	width: 120px;
	padding: 8px 0;
	color: #212121;
	text-align: center;
	display: table-cell;
}
.footer__company-address {
	padding-left: 15px;
	vertical-align: middle;
	line-height: 1.2;
	display: table-cell;
}
.copyright {
	color: #fff;
	text-align: center;
}
/* footer */


/* top */
.whats {
}

.whats p {
	line-height: 1.8;
}

.whats__contents {
	width: 900px;
	padding: 40px 50px;
	margin: 0 auto;
}

.whats__contents--info {
}
.whats__contents--info p {
	padding-left: 40px;
	padding-right: 40px;
}

.works {
}

.works p {
	line-height: 1.8;
}

.works__contents {
	width: 900px;
	padding: 40px 50px;
	margin: 0 auto;
	overflow: hidden;
}

.works__contents--list {
	border: 1px solid #00b8d4;
	border-radius: 5px;
	padding: 20px;
	float: left;
	width: 398px;
	height: 148px;
}
.works__contents--list:nth-child(2n) {
	margin-right: 20px;
}
.works__contents--list:nth-child(-n+2) {
	margin-bottom: 20px;
}
.works__contents--list h4 {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
}
.works__contents--list p {
	margin-left: 34px;
}

.merit {
	margin-bottom: 40px;
}
.merit h2 {
  margin-bottom: 40px;
}

.merit__contents {
	border: 1px solid #00b8d4;
	border-radius: 5px;
	width: 858px;
	padding: 40px 20px;
	margin: 0 auto 20px;
	overflow: hidden;
	display: table;
}

.merit__contents--number {
	width: 150px;
	padding-right: 10px;
	font-size: 36px;
	color: #00bcd4;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}
.num {
	font-size: 96px;
}

.merit__contents--area {
	width: 690px;
	display: table-cell;
}

.merit__contents--area p {
	line-height: 1.8;
}


.goal {
}

.goal p {
	width: 900px;
	padding: 40px 50px;
	margin: 0 auto;
	line-height: 1.8;
}

/* top */

.concept-spec {
	padding: 40px 0 80px;
}

.concept-spec__title {
	font-size: 36px;
	font-weight: normal;
	text-align: left;
}
.concept-spec__title p {
	padding: 40px 0;
}

.concept-spec__price {
	background-color: #212121;
	color: #fff;
	line-height: 1.2;
	overflow: hidden;
}

.concept-spec__price-area {
	display: table;
}
.concept-spec__price--left {
	padding: 20px 0;
  text-align: right;
	display: table-cell;
}
.concept-spec__price--right {
	background-color: #00bcd4;
	width: 300px;
	font-size:24px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}
.concept-spec__sub-price {
	font-size: 40px;
	font-weight: bold;
	padding-bottom: 20px;
}

.normal-price {
	font-size: 20px;
}
.normal-price-num {
	font-size: 24px;
}
.campaign-price {
	font-size: 20px;
	font-weight: bold;
}
.campaign-price-num {
	font-weight: normal;
	font-family: 'DINNextLTPro-Medium';
	font-size: 80px;
	line-height: 1;
}
.price-alert {
	font-size: 12px;
	line-height: 1.8;
}

.concept-spec__list {
}

.concept-spec__list-area {

	float: left;
	display: table;
}
.concept-spec__list-area:after {
	content: "";
  display: block;
  clear: both;
}
.concept-spec__list-area-name {
	background-color: #212121;
	border-radius: 5px;
	width: 95px;
	color: #fff;
	padding: 8px 0;
	text-align: center;
	display: table-cell;
}
.concept-spec__list-area-num {
	padding: 0 10px;
	vertical-align: middle;
	display: table-cell;
}

.concept-spec__list-item {
  clear: both;
	padding-bottom: 10px;
	overflow: hidden;
}
.concept-spec__item {
	float: left;
	list-style: none;
	border: 1px solid #212121;
	border-radius: 4px;
	line-height: 1;
	text-align: center;
	padding: 7px 20px;
	margin: 0 10px 10px 0;
}
.concept-spec__area-pref {
	clear: both;
  background-color: #eee;
  padding: 13px 20px;
}

.performance__img {
	border: 1px solid #80deea;
	background-color: #e0f7fa;
	padding: 20px 9px;
}
.performance__img img {
	padding: 0 8px;
	width: 370px;
}

.performance__table table {
	border: 1px solid #9e9e9e;
	border-collapse: collapse;
	width: 100%;
}
.performance__table th {
	border: 1px solid #9e9e9e;
	border-collapse: collapse;
	background-color: #212121;
	padding: 17px 0;
	color: #fff;
	font-weight: normal;
	text-align: center;
}
.performance__table td {
	border: 1px solid #9e9e9e;
	border-collapse: collapse;
	padding: 17px 0;
	text-align: center;
}
.performance__table td.abith-data {
	background-color: #00bcd4;
	color: #fff;
}
.performance-alert {
	color: #9e9e9e;
	text-align: right;
}

.design__contents {
	padding: 40px 0;
	overflow: hidden;
}

.plan__contents {
	padding: 20px 0 40px;
	overflow: hidden;
}

.plan__contents--1f {
}
.plan__contents--2f {
}

.plan__ref {
}
.plan__ref-title {
	padding: 40px 0 20px;
	font-size: 20px;
}
.plan__contents--2f .plan__ref-title {
  margin-left: 500px;
}
.plan__ref-num {
	font-size: 36px;
}
.plan__contents--1f .plan__ref--list {
	background: url(../img/lineup/abith/concept_1f-img_pc.png) no-repeat right top;
}
.plan__contents--2f .plan__ref--list {
	background: url(../img/lineup/abith/concept_2f-img.jpg) no-repeat left top;
	height: 615px;
}
.plan__ref--list {
  overflow: hidden;
}
.plan__ref--list ul {
	background: rgba(255,255,255,0.5);
	border: 1px solid #00bcd4;
	border-radius: 5px;
	padding: 40px;
	width: 420px;
}
.plan__ref--item {
	list-style: none;
}
.plan__ref--item {
	line-height: 1;
}
.plan__ref--item strong {
	margin-left: 10px;
	vertical-align: middle;
	display: inline-block;
	line-height: 1;
}
.plan__ref--text{
	padding: 5px 0 10px 34px;
	line-height: 1.8;
}
.plan__contents--1f .plan__ref--list ul {
	float: left;
}
.plan__contents--2f .plan__ref--list ul {
	float: right;
}

.case__slider, .model__slider {
	width: 960px;
	margin: 0 auto;
	padding: 40px 0 40px;
}
.bx-wrapper {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border: none !important;
	background: none !important;
}
.bxslider img{
	width: 100% !important;
	height: auto !important;
}
.bx-wrapper .bx-caption {
	padding: 10px 0;
	text-align: left;
}
.bx-wrapper .bx-caption a {
	text-decoration: none;
  line-height: 1.5;
}

.faq {
}
.faq__contents {
	background-color: #fafafa;
	margin-top: 40px;
	margin-bottom: 80px;
	padding: 20px;
}
.faq__item {
	border: 1px solid #bdbdbd;
	background-color: #fff;
	padding: 20px;
}
.faq__item:not(:last-child) {
	margin-bottom: 20px;
}
.faq-question {
	background-color: #f44336;
}
.faq-answer {
	background-color: #2196f3;
	float: left;
	display: block;
}
.faq-question__text {
	margin-left: 10px;
	vertical-align: middle;
	display: inline-block;
}
.faq-answer {
}
.faq-answer__text {
	margin-left: 34px;
	line-height: 1.8;
	display: block;
}
.faq__subitem {
	background-color: #fafafa;
	margin-left: 34px;
	padding: 20px;
}
.faq__subitem:not(:last-child) {
	margin-bottom: 20px;
}
.faq__subitem--title {
}
.faq__subitem--text {
	padding-top: 10px;
	font-size: 12px;
	line-height: 1.8;
}

.spec_footer {
	background-color: #212121;
	padding: 40px 0;
}

.simulation__table {
	width: 100%;
	/*padding: 20px;*/
	display: table;
}
.simulation__table-cell {
	height: 80px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}
.simulation__table-row {
	display: table-row;
}
.simulation__table-text {
  padding: 35px 0;
  text-align: center;
}
.simulation__title {
	font-size: 24px;
	line-height: 1.8;
}
.simulation__price {
	line-height: 1.8;
}
.simulation__price-num {
	font-size: 28px;
}
.simulation__price-tax {
	font-size: 12px;
}
.simulation__text {
	font-size: 14px;
	line-height: 1.2;
}
.simulation__mark {
	padding: 0 15px;
	color: #757575;
	font-size: 40px;
}

.simulation_footer {
	background-color: #212121;
	padding: 40px 0;
}

.campaign {
	padding: 40px 0;
}

.campaign__contents {
	background-color: #212121;
}
.campaign__price {
	color: #fff;
	line-height: 1.2;
	overflow: hidden;
}

.campaign__price-area {
	display: table;
}
.campaign__price--left {
	width: 450px;
	padding: 20px 0;
	display: table-cell;
}
.campaign__price--right {
	font-size:24px;
	padding-left: 40px;
	vertical-align: middle;
	display: table-cell;
}
.campaign__sub-price {
	font-size: 40px;
	font-weight: bold;
	padding-bottom: 20px;
}


.bnr {
	background-color: #fff;
	margin: 0 auto;
	text-align: center;
}



@media screen and (max-width: 767px)  {



	.common_width {
		width: 100%;
		padding: 0 10px;
		display: block;
		box-sizing: border-box;
	}

	.common_contents {
		padding-left: 0;
		padding-right: 0;
	}

	.common_contents-p20 {
		padding-left: 10px;
		padding-right: 10px;
	}

	.common_contents-table {
		padding-left: 0;
		padding-right: 0;
		display: block;
	}

	.common_h_title {
		padding-top: 20px;
		padding-bottom: 10px;
		line-height: 1.8;
	}

	.common_text {
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 10px;
		line-height: 1.8;
	}
	.common_text-alert {
		color: #9e9e9e;
		font-size: 10px;
		text-align: right;
		line-height: 1.8;
	}

	.common_contents--left {
		width: 100%;
		display: block;
	}
	.common_contents--right {
		width: 100%;
		display: block;
	}
	.common_contents--img-left {
		width: 100%;
		padding-left: 10px;
		padding-right: 10px;
		text-align: center;
		display: block;
		box-sizing: border-box;
	}
	.common_contents--img-right {
		padding-left: 10px;
		padding-right: 10px;
		text-align: center;
		display: block;
		width: 100%;
		box-sizing: border-box;
	}

	.common_comment {
		font-size: 9px;
		color: #9e9e9e;
		line-height: 1.8;
	}

	.clear {
		content: "";
		clear: both;
	}

	.contents-center {
		text-align: center;
	}

	.btn {
		border-radius: 10px;
		width: auto;
		margin: 0 10px;
		color: #fff;
		font-size: 14px;
		text-align: center;
		line-height: 1.5;
	}
	.btn a {
		color: #fff;
		text-decoration: none;
		padding: 25px;
		display: block;
	}
	.bg-orange {
		background-color: #ff7a00;
	}
	.bg-blue {
		background-color: #00bcd4;
	}
	.bg-green {
		background-color: #4caf50;
	}
	.bg-black {
		background-color: #424242;
	}

	.table-bg-white {
		background-color: #fff;
		border: 1px solid #b2ebf2;
		border-radius: 4px;
		padding: 10px 0;
		color: #757575;
	}
	.table-bg-lightblue {
		background-color: #e0f7fa;
		border: 1px solid #80deea;
		border-radius: 4px;
		padding: 10px 0;
	}
	.table-bg-blue {
		background-color: #00bcd4;
		border: 1px solid #00bcd4;
		padding: 10px 0;
		color: #fff;
	}

	.list-number {
		background-color: #00b8d4;
		border-radius: 50%;
		padding: 0;
		margin: 0;
		width: 24px;
		height: 24px;
		line-height: 24px;
		display: inline-block;
		font-size: 14px;
		font-weight: normal;
		color: #fff;
		text-align: center;
	}

	.w220 {
		/*width: 100%;*/
	}
	.w230 {
		/*width: 100%;*/
	}
	.w270 {
		/*width: 100%;*/
	}
	.w700 {
		/*width: 100%;*/
	}

	.w50per {
		width: 50%;
	}
	.w60per {
		width: 60%;
	}
	.w70per {
		width: 70%;
	}
	.w80per {
		width: 80%;
	}
	.w90per {
		width: 90%;
	}

	.mt20 {
		margin-top: 20px;
	}
	.mt40 {
		margin-top: 40px;
	}

	.mb20 {
		margin-bottom: 20px;
	}
	.mb40 {
		margin-bottom: 40px;
	}

	.ml20 {
		margin-left: 20px;
	}
	.ml40 {
		margin-left: 40px;
	}

	.mr20 {
		margin-right: 20px;
	}
	.mr40 {
		margin-right: 40px;
	}

	.pt0 {
		padding-top: 0px;
	}
	.pt10 {
		padding-top: 10px;
	}
	.pt20 {
		padding-top: 20px;
	}
	.pt40 {
		padding-top: 40px;
	}

	.pb0 {
		padding-bottom: 0px;
	}
	.pb10 {
		padding-bottom: 10px;
	}
	.pb20 {
		padding-bottom: 20px;
	}
	.pb40 {
		padding-bottom: 40px;
	}

	.pl20 {
		padding-left: 20px;
	}
	.pl40 {
		padding-left: 40px;
	}

	.pr20 {
		padding-right: 20px;
	}
	.pr40 {
		padding-right: 40px;
	}

	h2.title {
		background-color: #b2ebf2;
		padding: 25px 0;
		font-size: 20px;
		line-height: 1.5;
	}

	h3,h4 {
		font-size: 18px;
	}

	.fs10 {
		font-size: 10px;
	}
	.fs12 {
		font-size: 12px;
	}
	.fs13 {
		font-size: 13px;
	}
	.fs14 {
		font-size: 14px;
	}
	.fs15 {
		font-size: 15px;
	}
	.fs16 {
		font-size: 16px;
	}
	.fs20 {
		font-size: 20px;
	}

	.fw-normal {
		font-weight: normal;
	}

	.txt-left {
		text-align: left;
	}
	.txt-center {
		text-align: center;
	}
	.txt-right {
		text-align: right;
	}

	.fc-blue {
		color: #00bcd4;
	}

	.fc-glay {
		color: #757575;
	}

	.lh120 {
		line-height: 1.2;
	}

	.lh150 {
		line-height: 1.5;
	}

	.lh180 {
		line-height: 1.8;
	}

	.overflow-h {
		overflow: hidden;
	}

	img {
		max-width: 100%;
		height: auto;
	}

	#container {
		font-size: 14px;
	}


	/* header */
	.header {
		border-bottom: 1px solid #212121;
		background-color: #fff;
		height: 61px;
		position: fixed;
		display: table;
		z-index: 99999;
	}
	.header-sp {
		position: fixed;
		top: 62px;
		left: 0;
		width: 100%;
		display: none;
		z-index: 99998;
	}
	.header-sp__inner {
		height: 460px;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}

	.header-logo {
		padding: 6px 15% 6px 10px;
		max-width: 80%;
		max-height: 61px;
		vertical-align: middle;
		display: table-cell;
	}
	@media screen and (min-width: 400px) and (max-width: 550px) {
		.header-logo {
			padding-right: 30%;
		}
	}
	@media screen and (min-width: 550px)  {
		.header-logo {
			padding-right: 50%;
		}
	}

	.header-logo a {
	}
	.header-menu {
		width: 40px;
		padding: 7px 9px 3px 9px;
		display: table-cell;
	}
	.header-menu.close {
		background-color: #212121;
		color: #fff;
		text-align: center;
	}
	.header-menu.open {
		background-color: #fff;
		color: #212121;
		text-align: center;
	}
	.header-menu__text {
		padding-top: 6px;
		font-size: 12px;
	}

	.header-nav {
		background-color: #424242;
	}
	.header-nav ul {
		margin: 0 auto;
		/*overflow: hidden;*/
	}
	.header-nav__item {
		border-bottom: 1px solid #9e9e9e;
		border-right: 1px solid #9e9e9e;
		list-style: none;
		/*width: 100%;*/
		float: left;
		width: calc(50% - 1px);
	}
	.header-nav__item:nth-child(2n) {
		border-right: none;
		width: 50%;
	}
	.header-nav__item a {
		display: block;
		/*padding: 21px 0;*/
		padding: 17px 0;
		color: #fff;
		text-align: center;
		text-decoration: none;
	}
	.header-nav__item a.active {
		background-color: #fafafa;
		color: #212121;
	}
	.header-nav__item a:hover {
		background-color: #fafafa;
		color: #212121;
	}
	.header-nav__item.tel {
		width: 100%;
	}
	.header-nav__item.tel p {
		line-height: 1.5;
	}
	.header-nav__item.tel img {
		width: 40px;
		vertical-align: middle;
	}
	.header-nav__item.tel a span {
		margin-left: 10px;
		font-size: 24px;
		vertical-align: middle;
	}


	.header-title {
		padding-top: 50px;
		position: inherit;
	}
	.header-title.top {
		background: url(../img/lineup/abith/top_title-bg.jpg) no-repeat center center;
		height: 200px;
		background-position: center;
		background-size: cover;
	}
	.header-title.concept {
		background: none;
		height: auto;
	}
	.header-title.spec {
		background: url(../img/lineup/abith/spec_title-bg.png) no-repeat center center;
		height: 200px;
		background-position: center;
		background-size: cover;
	}
	.header-title.simulation {
		background: url(../img/lineup/abith/simulation_title-bg.jpg) no-repeat center center;
		height: 200px;
		background-position: center;
		background-size: cover;
	}
	.header-title.choice {
		background: url(../img/lineup/abith/choice_title-bg.jpg) no-repeat center center;
		height: 200px;
		background-position: center;
		background-size: cover;
	}

	.header-title__inner {
		background-color: #eee;
		opacity: 0.9;
		width: 250px;
		height: 20px;
		position: absolute;
		top: 62px;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		padding: 20px;
		text-align: center;
		display: table;
	}

	.header-title__inner-img {
		text-align: center;
	}

	h1 {
		font-size: 24px;
		text-align: center;
		display: table-cell;
		vertical-align: middle;
	}
	/* header */

	/* footer */
	.footer {
		background-color: #212121;
		font-size: 12px;
		width: 100%;
		padding-bottom: 20px;
		position: absolute;
	}

	.footer-inner {
		width: 95%;
		margin: 0 auto;
	}
	.footer-inner__area {
		padding: 20px 10px;
		overflow: hidden;
	}
	.footer__company {
		float: left;
		width: 55%;
		color: #fff;
		/*padding-bottom: 10px;*/
	}
	.footer__company:nth-child(2n) {
		width: 45%;
	}
	.footer__company-name {
		background-color: #fff;
		border-radius: 5px;
		width: 60px;
		padding: 8px 20px;
		color: #212121;
		text-align: center;
		display: inline-block;
	}
	.footer__company-address {
		padding: 10px 5px;
		font-size: 10px;
		text-align: left;
		line-height: 1.2;
		display: inline-block;
		vertical-align: middle;
	}
	.footer__company-address a {
		color: #fff;
		text-decoration: none;
	}
	.copyright {
		color: #fff;
		text-align: center;
	}
	/* footer */


	/* top */
	.whats {
		padding-bottom: 20px;
		position: relative;
	}

	.whats p {
		padding-top: 10px;
		line-height: 1.8;
	}

	.whats__contents {
		/*width: 100%;*/
		padding: 10px;
		/*margin: 0 auto;*/
	}

	.whats__contents--info {
		padding-top: 20px;
	}
	.whats__contents--info p {
		padding-top: 10px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.works {
		padding-bottom: 20px;
	}

	.works p {
		padding-top: 5px;
		line-height: 1.8;
	}

	.works__contents {
		/*width: 900px;*/
		/*padding: 40px 50px;*/
		/*margin: 0 auto;*/
		padding: 20px 10px 0;
		overflow: hidden;
	}

	.works__contents--list {
		border: 1px solid #00b8d4;
		border-radius: 5px;
		margin-bottom: 20px;
		padding: 10px;
		/*float: left;*/
		/*width: 398px;*/
		/*height: 178px;*/
	}
	.works__contents--list h4 {
		display: inline-block;
		vertical-align: middle;
		margin-left: 10px;
	}
	.works__contents--list p {
		margin-left: 34px;
		font-size: 12px;
	}

	.merit {
		margin-bottom: 20px;
		padding-bottom: 0;
	}
	.merit h2 {
		margin-bottom: 20px;
	}

	.merit__contents {
		border: 1px solid #00b8d4;
		border-radius: 5px;
		/*width: 858px;*/
		padding: 10px;
		margin: 0 10px 20px;
		overflow: hidden;
	}

	.merit__contents--number {
		font-size: 24px;
		color: #00bcd4;
		text-align: left;
		padding-bottom: 20px;
	}
	.num {
		font-size: 60px;
	}

	.merit__contents--area {
		/*width: 690px;*/
	}

	.merit__contents--area p {
		padding: 10px 10px 0 10px;
		font-size: 12px;
		line-height: 1.8;
	}


	.goal {
	}

	.goal p {
		/*width: 900px;*/
		padding: 10px;
		/*margin: 0 auto;*/
		line-height: 1.8;
	}


	/* top */

	.concept-spec {
		/* position: relative; */
		padding: 10px 0 20px;
	}

	.concept-spec__title {
		font-size: 16px;
		font-weight: normal;
		text-align: center;
	}
	.concept-spec__title img {
		width: 50%;
		padding: 10px 0 0;
	}
	.concept-spec__title p {
		padding: 10px 0 20px;
		line-height: 1.3;
	}

	.concept-spec__price {
		background-color: #212121;
		color: #fff;
		line-height: 1.2;
		overflow: hidden;
	}

	.concept-spec__price-area {
		display: block;
	}
	.concept-spec__price--left {
		padding: 20px 0;
		display: block;
		text-align: left;
	}
	.concept-spec__price--right {
		background-color: #00bcd4;
		/*width: 300px;*/
		font-size:16px;
		text-align: center;
		padding: 10px;
		margin-bottom: 20px;
		display: block;
	}
	.concept-spec__sub-price {
		font-size: 20px;
		font-weight: bold;
		padding-bottom: 10px;
	}

	.normal-price {
		padding-bottom: 10px;
		font-size: 20px;
		color: #E0E0E0;
		line-height: 1.5;
	}
	.campaign-price {
		font-size: 20px;
		font-weight: bold;
		line-height: 1.3;
		padding: 10px 0;
	}
	.campaign-price-num {
		font-size: 40px;
	}
	.price-alert {
		font-size: 10px;
		line-height: 1.8;
	}

	.concept-spec__list {
	}

	.concept-spec__list-area {
		padding: 10px 0 0;
		display: table;
	}
	.concept-spec__list-area-name {
		background-color: #212121;
		border-radius: 5px;
		width: 95px;
		color: #fff;
		padding: 8px 0;
		text-align: center;
		display: table-cell;
	}
	.concept-spec__list-area-num {
		padding: 0 10px;
		vertical-align: middle;
		display: table-cell;
	}

	.concept-spec__list-item {
		clear: both;
		padding: 10px 0;
		overflow: hidden;
	}
	.concept-spec__item {
		float: left;
		list-style: none;
		border: 1px solid #212121;
		border-radius: 4px;
		font-size: 12px;
		text-align: center;
		padding: 7px 20px;
		margin: 0 10px 10px 0;
	}
	.concept-spec__area-pref {
		clear: both;
		background-color: #eee;
		padding: 13px 20px;
		line-height: 1.5;
	}

	.performance__img {
		border: 1px solid #80deea;
		background-color: #e0f7fa;
		padding: 20px;
	}

	.performance__img img {
		padding: 0;
		width: auto;
	}
	.performance__img img:first-child {
		padding-bottom: 20px;
	}

	.performance__table table {
		border: 1px solid #9e9e9e;
		border-collapse: collapse;
		font-size: 12px;
		width: 100%;
	}
	.performance__table th {
		border: 1px solid #9e9e9e;
		border-collapse: collapse;
		background-color: #212121;
		padding: 17px 0;
		color: #fff;
		font-weight: normal;
		text-align: center;
	}
	.performance__table td {
		border: 1px solid #9e9e9e;
		border-collapse: collapse;
		padding: 17px 0;
		text-align: center;
	}
	.performance__table td.abith-data {
		background-color: #00bcd4;
		color: #fff;
		font-size: 11px;
	}
	.performance-alert {
		color: #9e9e9e;
		font-size: 10px;
		text-align: right;
	}

	.design__contents {
		padding: 20px 10px;
		overflow: hidden;
	}

	.plan__contents {
		padding: 20px 10px;
		overflow: hidden;
	}

	.plan__contents--1f {
	}
	.plan__contents--2f {
	}

	.plan__ref {
	}
	.plan__ref-title {
		padding: 20px 0 10px;
		font-size: 20px;
	}
	.plan__contents--2f .plan__ref-title {
		margin-left: 0;
	}
	.plan__ref-num {
		font-size: 36px;
	}
	.plan__contents--1f .plan__ref--list {
		background: none;
	}
	.plan__contents--2f .plan__ref--list {
		background: none;
		height: auto;
	}
	.plan__ref--list {
		padding-bottom: 10px;
		overflow: hidden;
	}
	.plan__ref--list ul {
		background: rgba(255,255,255,0.5);
		border: 1px solid #00bcd4;
		border-radius: 5px;
		padding: 10px;
		/*width: 420px;*/
	}
	.plan__ref--item {
		list-style: none;
	}
	.plan__ref--item strong {
		margin-left: 10px;
		vertical-align: middle;
		display: inline-block;
	}
	.plan__ref--text{
		padding: 5px 0 10px 34px;
		line-height: 1.8;
	}
	.plan__contents--1f .plan__ref--list ul {
		float: left;
		width: auto;
	}
	.plan__contents--2f .plan__ref--list ul {
		float: right;
		width: auto;
	}

	.case__slider, .model__slider {
		width: 100%;
		margin: 0 auto;
		padding: 20px 0	;
	}
	.bx-wrapper {
		-moz-box-shadow: none !important;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
		border: none !important;
		background: none !important;
		margin-bottom: 20px !important;
	}
	.bxslider img{

		width: 100% !important;
		height: auto !important;
	}
	.bx-wrapper .bx-caption {
		padding: 10px 0;
		text-align: left;
	}
	.bx-wrapper .bx-caption a {
		text-decoration: none;
		line-height: 1.5;
	}

	.faq {
	}
	.faq__contents {
		background-color: #fafafa;
		margin-top: 20px;
		margin-bottom: 20px;
		padding: 10px;
	}
	.faq__item {
		border: 1px solid #bdbdbd;
		background-color: #fff;
		padding: 10px;
	}
	.faq__item p.pt20 {
		padding-top: 10px;
	}
	.faq__item:not(:last-child) {
		margin-bottom: 10px;
	}
	.faq-question {
		background-color: #f44336;
		float: left;
		display: block;
	}
	.faq-answer {
		background-color: #2196f3;
		float: left;
		display: block;
	}
	.faq-question__text {
		margin-left: 34px;
		line-height: 1.5;
		display: block;
	}
	.faq-answer {
	}
	.faq-answer__text {
		margin-left: 34px;
		line-height: 1.5;
		display: block;
	}
	.faq__subitem {
		background-color: #fafafa;
		margin-left: 34px;
		padding: 10px;
	}
	.faq__subitem:not(:last-child) {
		margin-bottom: 10px;
	}
	.faq__subitem--title {
		font-size: 14px;
	}
	.faq__subitem--text {
		padding-top: 10px;
		font-size: 12px;
		line-height: 1.5;
	}

	.system {
		padding-bottom: 20px;
	}
	.system__contents {
		padding-top: 20px;
	}

	.control {
		padding-bottom: 20px;
	}
	.control__contents {
		padding-top: 20px;
	}

	.glass {
		padding-top: 0;
		padding-bottom: 20px;
	}
	.glass__contents {
		padding-top: 20px;
	}

	.eco {
		padding-top: 0;
		padding-bottom: 20px;
	}
	.eco__contents {
		padding-top: 20px;
		padding-bottom: 0;
	}

	.power {
		padding-top: 0;
		padding-bottom: 20px;
	}
	.power__contents {
		padding-top: 20px;
	}

	.spec_footer {
		background-color: #212121;
		padding: 20px 0;
	}

	.simulation {
		padding-bottom: 20px;
	}
	.simulation__table {
		/*width: 100%;*/
		margin-top: 0px;
		padding: 20px;
		display: block;
	}
	.simulation__table-cell {
		/*height: 80px;*/
		padding: 10px 0;
		text-align: center;
		display: block;
		overflow: hidden;
	}
	.simulation__table-row {
		display: block;
	}
	.simulation__title {
		font-size: 24px;
		text-align: left;
		line-height: 1.8;
	}
	.simulation__price {
		line-height: 1.8;
	}
	.simulation__price-num {
		font-size: 28px;
	}
	.simulation__price-tax {
		font-size: 12px;
	}
	.simulation__text {
		font-size: 14px;
		line-height: 1.2;
	}
	.simulation__mark {
		padding: 0 15px;
		color: #757575;
		font-size: 40px;
	}

	.simulation-campaign {
		padding-top: 0;
		padding-bottom: 20px;
	}

	.simulation_footer {
		background-color: #212121;
		padding: 20px 0;
	}

	.katachi {
		padding-top: 0;
		padding-bottom: 20px;
	}
	.katachi__contents {
		padding-top: 20px;
	}

	.safe {
		padding-top: 0;
		padding-bottom: 20px;
	}
	.safe__contents {
		padding-top: 20px;
	}

	.measures {
		padding-top: 0;
		padding-bottom: 20px;
	}
	.measures__contents {
		padding-top: 20px;
	}

	.campaign {
		padding: 0 0 20px;
	}

	.campaign__contents {
		background-color: #212121;
	}
	.campaign__price {
		padding-bottom: 20px;
		color: #fff;
		line-height: 1.2;
		overflow: hidden;
	}

	.campaign__price-area {
		display: block;
	}
	.campaign__price--left {
		/*width: 450px;*/
		padding: 10px 0;
		text-align: center;
		display: block;
	}
	.campaign__price--right {
		font-size:24px;
		padding: 5px 10px 10px 10px;
		display: block;
	}
	.campaign__sub-price {
		font-size: 24px;
		font-weight: bold;
		padding-bottom: 10px;
	}


	.bnr {
		background-color: #fff;
		margin: 0 auto;
		text-align: center;
		width: 90%;
	}


}





/*----------------------------------*/
@media screen and (max-width: 767px){
.header-title {
    padding-top: 0;
}
}
/*----------------------------------*/