@charset "utf-8";
/* ------------------------------------------------------
common
------------------------------------------------------ */
.l-content img {
  vertical-align: bottom;
}


/* section */
.l-content .section {
  margin-bottom: 70px;
}
.l-content .section .h2Inner {
  padding: 0 15px;
  margin-bottom: 50px;
}
.l-content .section .h3Inner {
  padding: 0 10px;
  margin-bottom: 50px;
}


/* ttl */
.l-content .m-h3 {
  margin-top: 0;
}
.l-content .m-h4 {
  font-size: 14px;
  margin: 0 0 10px;
}
.l-content .h3Ttl {
  margin-top: 30px;
  font-weight: bold;
  font-size: 14px;
  margin: 0 0 10px;
}
.l-content .h3Ttl:first-child {
  margin-top: 0;
}
.l-content .h4Ttl {
  font-weight: bold;
  padding-top: 5px;
}


/* tableBlockList */
.l-content .tableBlockList {
  margin: 0 0 12px;
  width: 890px;
}
.l-content .tableBlockList th,
.l-content .tableBlockList td {
  border: 1px solid #c9c9c9;
  text-align: center;
  padding: 7px;
}
.l-content .tableBlockList th {
  font-size: 13px;
  font-weight: bold;
}
.l-content .tableBlockList td {
  font-size: 13px;
}
.l-content .tableBlockList thead th,
.l-content .tableBlockList thead td {
  background: #eeeeee;
  font-weight: bold;
}
.l-content .tableBlockList tbody th {
  background: #eeeeee;
}
.l-content .tableBlockList tbody .type01 {
  background: #ecf9ff;
  font-size:14px; 
}
.l-content .tableBlockList tbody .type02 {
  background: #fffddd;
}


/* ------------------------------------------------------
メインコンテンツ
------------------------------------------------------ */
/* main */
.l-content .main {
  width: 950px;
  height: 200px;
  margin: 0 0 30px;
  background: url(/maker/nic_autotec/service/aluminumframe/img/main_20190419.png) no-repeat;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
}


/* leadTxt */
.l-content .leadTxt {
  text-align: center;
  font-weight: bold;
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 1.5;
}
.l-content .leadTxt em {
  color: #ff0000;
}


/* ancBox */
.l-content .ancBox {
  margin: 0 0 10px 0;
  letter-spacing: -0.4em;
}
.l-content .ancBox > li {
  letter-spacing: normal;
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  width: 225px;
  margin-left: 10px;
  margin-bottom: 10px;
}
.l-content .ancBox > li a.m-btn--down {
  padding-top: 5px;
  text-align: center;
  height: 48px;
  width: 225px;
  display: table;
}
.l-content .ancBox > li a.up_t13 {
	padding-top: 13px;
}

/* ancBtn */
.l-content .ancBtn {
  width: 300px;
  margin: 0 auto 45px;
}
.l-content .ancBtn .m-btn--strong {
  width: 300px;
  height: 40px;
  padding-top: 10px;
}
/* ------------------------------------------------------
ご利用の流れ
------------------------------------------------------ */
.l-content dl.flow {
    background: url(/maker/nic_autotec/service/aluminumframe/img/img_flow_240430.png);
    width: 920px;
    height: 594px;
    position: relative;
}
.l-content .flowboxbtn {
    position: absolute;
    top: 11px;
    left: 312px;
}
.l-content .m-btnSize--s {
    width: 180px !important;
}
.l-content .flowboxbtntxt {
    position: absolute;
    top: 100px;
    left: 398px;
}
.l-content .flowboxbtn02 {
    position: absolute;
    top: 506px;
    left: 585px;
}

/* ------------------------------------------------------
設計費・納期
------------------------------------------------------ */
.l-content .price {
    background: url(/maker/nic_autotec/service/aluminumframe/img/img_support_191218.png);
    width: 891px;
    height: 281px;
    margin-bottom: 10px;
}
.l-content .m-btn--pdf {
    margin: 0 auto;
}
/* ------------------------------------------------------
サービス仕様
------------------------------------------------------ */
/* caseBox */
.l-content .caseBox {
  margin: 35px 0 50px;
}
.l-content .caseBox dt {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 10px;
}
.l-content .caseBox .pic {
  width: 890px;
  height: 128px;
  background-position: 0 0;
  background-repeat: no-repeat;
}
.l-content .caseBox .pic p {
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
}
.l-content .caseBox .pic.picTop {
  background-image: url(/maker/nic_autotec/service/aluminumframe/img/bg_speccase_top_20190419.png);
  margin: 0 0 14px;
}
.l-content .caseBox .pic.picBtm {
  background-image: url(/maker/nic_autotec/service/aluminumframe/img/bg_speccase_btm_20190419.png);
}


/* deliveryDateBox  */
.l-content .deliveryDateBox {
  width: 680px;
  height: 184px;
  margin: 35px auto 20px;
  background: url(/maker/nic_autotec/service/aluminumframe/img/bg_spec_deliverydate_20190419.png) no-repeat;
}
.l-content .deliveryDateBox dt,
.l-content .deliveryDateBox dd,
.l-content .deliveryDateBox li {
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
}


/* ------------------------------------------------------
サービスの特長
------------------------------------------------------ */
/* specialBox */
.l-content .specialBox {
  margin-bottom: 30px;
}
.l-content .specialBox .flow dt {
  font-weight: bold;
  margin-bottom: 8px;
  font-size: 14px;
}
.l-content .specialBox .flow dd {
  margin-bottom: 5px;
}
.l-content .specialBox .point li {
  float: left;
  border: 2px solid #0f218b;
  width: 286px;
  margin-left: 15px;
}
.l-content .specialBox .point li:first-child {
  margin-left: 0;
}
.l-content .specialBox .point li dl dt {
  background: #0f218b;
  color: #FFF;
  text-align: center;
  height: 40px;
}
.l-content .specialBox .point li dl dt img {
  padding: 10px 0 0;
}
.l-content .specialBox .point li dl dd {
  width: 250px;
  margin: 0 auto;
  padding-bottom: 15px;
}
.l-content .specialBox .point li dl dd .ttl {
  border-bottom: 1px dotted #333333;
  margin-bottom: 15px;
  padding: 12px 8px;
  text-align: center;
}
.l-content .specialBox .point li dl dd .caption {
  min-height: 144px;
}


/* ------------------------------------------------------
納入形態
------------------------------------------------------ */
/* deliveryUseBox */
.l-content .deliveryUseBox {
  position: relative;
}
.l-content .deliveryUseBox .txt {
  position: absolute;
  top: 70px;
  left: 0;
}
.l-content .deliveryUseBox .txt li:first-child {
  margin-bottom: 20px;
}
.l-content .deliveryUseBox dl {
  float: right;
  margin-bottom: 20px;
  width: 701px;
}
.l-content .deliveryUseBox dl.deliveryTopBox {
  border: 2px solid #2179dc;
}
.l-content .deliveryUseBox dl.deliveryBtmBox {
  border: 2px solid #0da471;
}
.l-content .deliveryUseBox dt {
  text-align: center;
  height: 40px;
}
.l-content .deliveryUseBox dt img {
  padding-top: 12px;
}
.l-content .deliveryUseBox dl.deliveryTopBox dt {
  background: #2179dc;
}
.l-content .deliveryUseBox dl.deliveryBtmBox dt {
  background: #0da471;
}
.l-content .deliveryUseBox dd {
  padding: 15px 5px 15px 18px;
  position: relative;
}
.l-content .deliveryUseBox dd .caption {
  margin-bottom: 10px;
}
.l-content .deliveryUseBox dd .btn a {
  position: absolute;
  top: 125px;
  right: 20px;
}
.l-content .deliveryUseBox dd .btn a {
  width: 161px;
}


/* deliveryAboutBox */
.l-content .deliveryAboutBox {
  margin: 0 0 30px 20px;
}
.l-content .deliveryAboutBox li {
  float: left;
  border: 2px solid #ffde00;
  width: 276px;
  margin-left: 10px;
}
.l-content .deliveryAboutBox li:first-child {
  margin-left: 0;
}
.l-content .deliveryAboutBox li dl dt {
  background: #ffde00;
  text-align: center;
  padding: 10px 0;
}
.l-content .deliveryAboutBox li dl dd {
  padding: 20px 0;
  text-align: center;
}


/* deliveryVideoBox */
.l-content .deliveryVideoBox .pic {
  float: left;
  margin-left: 20px;
}
.l-content .deliveryVideoBox .video {
  float: left;
  margin-left: 50px;
  width: 315px;
}
.l-content .deliveryVideoBox .video dt {
  font-weight: bold;
}
.l-content .deliveryVideoBox .video .youtube {
  margin-top: 10px;
}
.l-content .deliveryVideoBox .video .caption {
  margin-top: 10px;
}


/* deliveryHowBox */
.l-content .deliveryHowBox .pic {
  float: left;
  margin-left: 10px;
}
.l-content .deliveryHowBox .txt {
  float: left;
  margin-left: 25px;
  width: 370px;
}


/* ------------------------------------------------------
ご利用の流れ
------------------------------------------------------ */
/* howtobox */
.l-content .howtobox {
  width: 900px;
  height: 840px;
  margin: 0 auto 10px;
  background: url(/maker/nic_autotec/service/aluminumframe/img/bg_howtobox_20190419.png) no-repeat 0 0 red;
  position: relative;
}
.l-content .howtobox .ttl,
.l-content .howtobox .txt,
.l-content .howtobox .pic dt {
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
}
.l-content .howtobox .howtoEntry .howtoEntry01 .pic dd {
  position: absolute;
  left: 42px;
}
.l-content .howtobox .howtoEntry .howtoEntry01 .picCAD dd {
  top: 104px;
}
.l-content .howtobox .howtoEntry .howtoEntry01 .picFreehand dd {
  top: 234px;
}
.l-content .howtobox .howtoEntry .howtoEntry01 .m-notesList {
  top: 348px;
  left: 30px;
  width: 170px;
  position: absolute;
}
.l-content .howtobox .howtoEntry02 .btn {
  position: absolute;
  top: 170px;
  left: 250px;
}
.l-content .howtobox .howtoEntry02 .btn a {
  padding: 10px 5px 10px 40px;
  width: 180px;
  text-align: left;
}
.l-content .howtobox .howtoEntry03 .pic {
  position: absolute;
  top: 138px;
  left: 473px;
}
.l-content .howtobox .howtoPay .m-notesList {
  top: 672px;
  left: 30px;
  width: 170px;
  position: absolute;
}
.l-content .howtobox .howtoEstimate02 .pic {
  position: absolute;
  top: 642px;
  left: 248px;
}
.l-content .howtobox .howtoEstimate02 .notes {
  position: absolute;
  top: 788px;
  left: 250px;
}
.l-content .howtobox .howtoDelivery .pic {
  position: absolute;
  top: 642px;
  left: 700px;
  width: 190px;
  height: 135px;
  background: #FFF;
}


/* ------------------------------------------------------
お申し込みはこちら
------------------------------------------------------ */
/* .entryBox */
.l-content .entryBox {
  position: relative;
  width: 950px;
  height: 135px;
  margin: 0 0 25px;
  background: url(/maker/nic_autotec/service/aluminumframe/img/pic_entry_20191219.png) no-repeat 0 0;
}
.l-content .entryBox .ttl {
  height: 0;
  overflow: hidden;
}
.l-content .entryBox .btn {
  display: block;
  position: absolute;
  top: 22px;
  left: 630px;
}
.l-content .entryBox .btn a {
  height: 40px;
  padding: 10px 5px 10px 20px;
  text-align: center;
  font-size: 14px;
}
.l-content .entryBox .notes {
  display: block;
  position: absolute;
  top: 80px;
  left: 30px;
}
.l-content .entryBox .notes a {
  text-decoration: none;
}


/* ------------------------------------------------------
エヌアイシ・オートテックのALFAFRAMES SYSTEMとは？
------------------------------------------------------ */
/* systemBox */
.l-content .systemBox .txt {
  float: left;
  width: 576px;
}
.l-content .systemBox .pic {
  float: right;
  margin-right: 10px;
}


/* ------------------------------------------------------
商品ラインナップ
------------------------------------------------------ */
/* lineupNormalBox */
.l-content .lineupNormalBox {
  margin-bottom: 20px;
}
.l-content .lineupNormalBox .pic {
  float: left;
}
.l-content .lineupNormalBox .txt {
  float: left;
  width: 415px;
  margin-left: 10px;
}
/* lineupFlameBox */
.l-content .lineupFlameBox {
  margin: 0 -16px 30px 0;
  letter-spacing: -0.4em;
}
.l-content .lineupFlameBox .flameList {
  letter-spacing: normal;
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  width: 438px;
  margin-right: 16px;
  margin-bottom: 15px;
  border: 1px solid #c9c9c9;
  padding: 20px 0;
}
.l-content .lineupFlameBox .flameList .flame {
  width: 410px;
  margin: 0 auto;
  position: relative;
}
.l-content .lineupFlameBox .flameList .flame .name {
  margin-left: 216px;
  font-size: 14px;
  color: #004bb1;
  font-weight: bold;
}
.l-content .lineupFlameBox .flameList .flame .pic {
  position: absolute;
  top: 0;
  left: 0;
}
.l-content .lineupFlameBox .flameList .flame .txt {
  margin-bottom: 20px;
}
.l-content .lineupFlameBox .flameList .flame .txt .caption {
  display: block;
  margin-left: 216px;
  margin-top: 12px;
  min-height: 90px;
}
.l-content .lineupFlameBox .flameList .flame .txt .spec {
  display: block;
  margin-top: 20px;
}
.l-content .lineupFlameBox .flameList .flame .btn {
  width: 218px;
  margin: 0 auto;
}
.l-content .lineupFlameBox .flameList .flame .btn a {
  font-size: 12px;
}
.l-content .lineupFlameBox .flameList.box_hover {
  cursor: pointer;
}
.l-content .lineupFlameBox .flameList.box_hover .flame .name:hover {
  color: #ff730a;
  text-decoration: underline;
}
.l-content .lineupFlameBox .flameList.box_hover .flame .pic:hover img {
  opacity: 0.75;
  filter: alpha(opacity=75);
  -ms-filter: "alpha(opacity=75)";
}


/* lineupBnrBox */
.l-content .lineupBnrBox {
  margin-bottom: 20px;
}
.l-content .lineupBnrBox .txt {
  float: left;
  margin-left: 10px;
  width: 364px;
  font-size: 14px;
}
.l-content .lineupBnrBox .bnr {
  float: left;
  margin-left: 10px;
}


/* ------------------------------------------------------
よくあるご質問
------------------------------------------------------ */
/* questionBox */
.l-content .questionBox {
  margin-bottom: 20px;
}
.l-content .questionBox dl {
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px dotted #333333;
}
.l-content .questionBox dl:first-child {
  padding-top: 0;
}
.l-content .questionBox dl dt {
  font-weight: bold;
  position: relative;
  padding-left: 40px;
  padding-bottom: 15px;
}
.l-content .questionBox dl dt span.qa {
  position: absolute;
  top: 0;
  left: 8px;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  width: 15px;
  height: 17px;
  background: url(/maker/nic_autotec/service/aluminumframe/img/icon_q.png) no-repeat;
}
.l-content .questionBox dl dd {
  position: relative;
  padding-left: 40px;
}
.l-content .questionBox dl dd span.an {
  position: absolute;
  top: 0;
  left: 8px;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  width: 14px;
  height: 15px;
  background: url(/maker/nic_autotec/service/aluminumframe/img/icon_a.png) no-repeat;
}


/* ------------------------------------------------------
ご参考資料
------------------------------------------------------ */
.l-content .referenceBox {
  width: 720px;
  margin: 30px auto;
  height: 130px;
  background: url(/maker/nic_autotec/service/aluminumframe/img/pic_reference02_20190419.png) no-repeat;
}
.l-content .referenceBox dt,
.l-content .referenceBox dd {
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
}