@charset "Shift_JIS";
/* CSS Document */
/* ==================================================
top.css
================================================== */
/*共通パーツ*/
h2.h2Commonttl {
  color: #019077;
  font-size: 3.6rem;
  text-align: center;
  padding: 5rem 0;
}
/*ボタンパーツ*/
a.btnbox {
  display: block;
  max-width: 350px;
  margin: 0 auto;
  padding: 1.9rem 0;
  border-radius: 5px;
  text-decoration: none;
}
/* ----------------------------------------------------------
メインビジュアルスライダー
------------------------------------------------------------- */
.mvslider_contents {width: 100%;height: auto;}
.mvSlider-item {
  max-width: 1200px;
  width: 100vw;
  margin: 0 auto;
  position: relative;
}
.mvSlider {display: none;}
.mvSlider.slick-initialized {display: block; /*slick-initializedが付与されたら表示*/}
.mvSlider img {width: 100%;}
/*左右の矢印*/
.slick-prev {left: calc((100vw - 1180px) / 2);}
.slick-next {right: calc((100vw - 1180px) / 2);}
.slick-prev, .slick-next {width: 30px;height: 30px;}
.slick-arrow::before {content: "" !important;}
.slick-arrow::before {
  content: "" !important;
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1 !important;
}
.slick-next::before {
  background: url("/img/top/arrow_R.png") no-repeat;
  background-size: contain !important;
  display: inline-block;
  width: 30px;
  height: 30px;
}
.slick-prev::before {
  background: url("/img/top/arrow_L.png") no-repeat;
  background-size: contain !important;
  display: inline-block;
  width: 30px;
  height: 30px;
}
/*ドット*/ 
.slick-dotted.slick-slider {margin-bottom: 5.5rem;}
.slick-dots {bottom: -35px;}
.slick-dots li {
  position: relative;
  display: inline-block;
  cursor: pointer;
  margin: 0 5px;
  padding: 0;
  width: 15px;
  height: 15px;
}
.slick-dots li button:before {
  content: '';
  background: #d9d9d9;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  opacity: 1;
}
.slick-dots li.slick-active button:before {background: #8c8c8c;opacity: 1;}

/* ----------------------------------------------------------
ETC利用照会サービスとは？
------------------------------------------------------------- */
.section_aboutEtc {}
.aboutMeisaiInner {
  background: url("../img/top/aboutEtc_bgimg.png") no-repeat;
  text-align: center;
  background-size: contain;
  background-position: bottom;
  padding: 0 0 170px;
}
.aboutMeisaiInner h2{padding: 5rem 0 4rem 0;}
.ttlSubtext {
  color: #019077;
  font-size: 1.9rem;
  font-weight: 500;
  line-height: 170%;
}
ul.Etcimglist {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  max-width: 1120px;
  margin: 0 auto 4rem auto
}
ul.Etcimglist li.imgitem {
  color: #019077;
  font-size: 2.0rem;
  font-weight: 500;
  width: 23%;
  background: #efefef;
  border-radius: 3px;
  height: auto;
  padding: 2.8rem 2.5rem 3.5rem 2.5rem;
  line-height: 150%;
  margin-left: 2%;
}
ul.Etcimglist li.imgitem:first-child {margin-left: 0;}
ul.Etcimglist li.imgitem figure img {max-width: 200px;width: 100%;margin-bottom: 1rem;}
a.moreGuideBtn {background: #019077;}
a.moreGuideBtn span {
  color: #fff;
  font-size: 2.1rem;
  font-weight: 500;
  position: relative;
  padding-left: 27px;
}
a.moreGuideBtn span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 11px;
  height: 11px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg);
  margin-top: -6px;
  margin-left: -10px;
}
/* ----------------------------------------------------------
登録を希望される方・登録済みの方・利用実績照会
------------------------------------------------------------- */
.RegisterInner{max-width: 1200px;margin: 0 auto;}
.two-columnWrap {display: flex;justify-content: space-between;}
.two-columnWrap .Regbox {width: 50%; padding:4rem 4rem 3rem 4rem;}
@media screen and (min-width: 867px) and (max-width: 1147px) {
.two-columnWrap .Regbox {width: 50%; padding:4rem 3rem 3rem 3rem;}
}
.bgInner{background:#fff; padding: 1rem 3rem 3rem 3rem; min-height: 1090px;}
@media screen and (min-width: 867px) and (max-width: 1147px) {
.bgInner{min-height: 1160px;}
}
.h3Commonttl {
  font-size: 3rem;
  font-weight: 500;
  display: block;
  text-align: center;
  margin-bottom: 4.5rem;
}
.h3Commonttl span {position: relative;padding-left:1.3em; }
.h3Commonttl span::before {
  content: '';
  width: 67px;
  height: 67px;
  position: absolute;
  top: -9px;
  left: -45px;
  display: inline-block;
}
.bgInner p.subtext {
  font-size: 2rem;
  font-weight: 500;
  line-height: 170%;
  text-align: center;
  margin-bottom: 2.5rem;
  letter-spacing: 1px;
}
.newRegister a.Re-textlink{
  max-width: 360px;
  margin:0 auto;
  font-size: 1.6rem;
  display: block;
  margin-bottom: 3rem;
}
a.Re-textlink{position: relative;padding-left: 2.3rem;}
a.Re-textlink::before{
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 11px;
  height: 11px;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  transform: rotate(45deg);
  margin-top: -5px;
}
.bgInner h3 {font-size: 1.9rem;text-align: center;margin: 3rem 0 2rem;}
.bgInner ul.RegisterList-top {margin-left: 2rem;padding: 0 1.5rem;}
.bgInner ul.RegisterList-top li {
  font-size: 1.7rem;
  font-weight: 500;
  list-style: disc;
  margin-bottom: 5px;
}
.bgInner ul.RegisterList-top span {
  font-weight: normal;
  font-size: 1.6rem;
  display: block;
  margin-left: -1.5em;
  margin-top: 1rem;
}
.bgInner ul.notesList {margin-bottom: 1rem;}
.bgInner ul.notesList li {font-size: 1.6rem; margin-bottom: 1rem;}
.bgInner ul.notesList li a {color: #019077}
.bgInner figure img {max-width: 100%;}

/*登録を希望される方*/
.newRegister{background: #cce7d8;}
.newRegister .h3Commonttl{color: #017d67;}
.newRegister .h3Commonttl span::before{
  content: '';
  background: url("../img/top/h3newRegister-icon.png") no-repeat;
  background-size: contain;
}
.newRegister .bgInner-box{border-bottom: 2px solid #017d67;}
.newRegister p.subtext{color: #017d67;}
.newRegister p.subtext a.underline-green {color: #80c7bb; }
.newRegister p.subtext a.underline-green span.green {color: #017d67; }
a.newRegisterbtn {background: #019077;}

/*登録済みの方*/
.Registered{background: #e5dfeb;}
.Registered .h3Commonttl{color: #755595;}
.Registered .h3Commonttl span::before{
  content: '';
  background: url("../img/top/h3Registered-icon.png") no-repeat;
  background-size: contain;
}
.Registered .bgInner-box{border-bottom: 2px solid #755595; padding-bottom: 3rem;}
.Registered p.subtext{color:#755595;}
a.Registeredbtn {background: #9070b0;}
.Registered ul.Re-textlinkList{max-width: 360px;margin: 0 auto;}
.Registered ul.Re-textlinkList li,.Registered ul.Re-textlinkList-icon li {margin-bottom: 7px;}
.Registered ul.Re-textlinkList li a,.Registered ul.Re-textlinkList-icon li a{
  position: relative;
  display: block;
  padding-left: 2.3rem;
  font-size: 1.6rem;
}
.Registered ul.Re-textlinkList-icon{margin: 2rem 0 2rem 0;}
.Registered ul.Re-textlinkList li a::before{
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 11px;
  height: 11px;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  transform: rotate(45deg);
  margin-top: -5px;
}
.Registered ul.Re-textlinkList-icon li a::before{
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 17px;
  height: 17px;
}
.Registered ul.Re-textlinkList-icon li a.Re-qa-icon::before{
  background: url("../img/top/Re-textlinkList-icon01.png") no-repeat;
  background-size: contain;
}
.Registered ul.Re-textlinkList-icon li a.Re-trumpet-icon::before{
  background: url("../img/top/Re-textlinkList-icon02.png") no-repeat;
  background-size: contain;
}
.bgInner span.notes{margin-bottom: .5rem;letter-spacing: 1px; font-size: 1.6rem;}
.bgInner span.notes a{color:#9070b0; }
.Registered dl dt {font-size: 1.7rem;font-weight: 500;margin-bottom: 1rem;}
.Registered dl dd {font-size: 1.6rem;}
.Registered .getacrobox{margin-bottom: 1.5rem;}
.Registered .getacrobox span{font-size: 1.6rem; margin-bottom:.5rem;}
.Registered .getacrobox figure{margin-left: 1em;}

/*利用実績照会*/
.meisaiInquiry{background: #cce9ee; padding:3rem 4rem 4rem 4rem;}
.meisaiInquiry .bgInner{padding: 1rem 3rem 1rem 3rem; min-height: 0;}
.meisaiInquiry .h3Commonttl{color: #0085bc;}
.meisaiInquiry .h3Commonttl span::before{
  content: '';
  background: url("../img/top/h3meisaiInquiry-icon.png") no-repeat;
  background-size: contain;
}
.meisaiInquiry p.subtext {color: #0085bc;}
a.meisaiInquirybtn {background: #0085bc;}

/*ボタンの共通パーツ*/
.section_Register a.btnbox {color: #fff;text-align: center; margin-bottom: 2rem;}
.section_Register a.btnbox:hover {opacity: 0.8;filter: alpha(opacity=80);-ms-filter: "alpha(opacity=80)";}
.section_Register a.btnbox span {
  font-size: 2.2rem;
  font-weight: 500;
  position: relative;
  padding-left: 1.8rem;
}
.section_Register a.btnbox span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -15px;
  width: 11px;
  height: 11px;
  border-top: 1px solid #FFF;
  border-right: 1px solid #FFF;
  transform: rotate(45deg);
  margin-top: -4px;
}

/* ----------------------------------------------------------
ETC割引情報バナー
------------------------------------------------------------- */
.section_discount{padding: 8rem 0 1rem 0;}
.discountInner{background: #f2f2f2;padding: 4rem;text-align: center;}
.discountInner figure.pcOnly {display: block;}
.discountInner figure.spOnly {display: none;}
.discountInner figure img {max-width: 100%; vertical-align: bottom}


/* ----------------------------------------------------------
トピックス
------------------------------------------------------------- */
.topicsInner {padding: 2rem 0 7rem 0;}
.tabList {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0 auto;
  width: 100%;
}
.tabitem {width: 25%;text-align: center;position: relative;}
.tabitem:not(:last-child)::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 28px;
  background-color: #ccc;
  position: absolute;
  top: 15px;
  right: -1px;
  z-index: 10;
}
.tabitem a {
  display: block;
  padding: 1.5rem 0;
  overflow: hidden;
  position: relative;
  color: #333;
  background-color: #f2f2f2;
  font-size: 1.9rem;
  text-decoration: none;
}
.tabitem a:hover {opacity: 0.8;filter: alpha(opacity=80);-ms-filter: "alpha(opacity=80)";}
/* 最初のタブ選択時の文字色 */
.tabitem a.selected {color: #fff;position: relative;overflow: inherit;}
/* 01新着情報タブの背景色と文字色 */
.tabitem:first-child a.selected {background-color: #019077;}
/* 01新着情報タブの吹き出し */
.tabitem:first-child a.selected::before {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border: 15px solid transparent;
  border-top: 15px solid #019077;
  top: 70px;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
}
/* 02ご注意タブの背景色と文字色*/
.tabitem:nth-child(2) a.selected {background-color: #ecbd03;color: #000;}
/* 02ご注意タブの吹き出し */
.tabitem:nth-child(2) a.selected::before {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border: 15px solid transparent;
  border-top: 15px solid #ecbd03;
  top: 70px;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
}
/* 03ニュースタブの背景色と文字色 */
.tabitem:nth-child(3) a.selected {background-color: #b18bcd;color: #000;}
/* 03ニュースタブの吹き出し */
.tabitem:nth-child(3) a.selected::before {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border: 15px solid transparent;
  border-top: 15px solid #b18bcd;
  top: 70px;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
}
/* 04システム情報タブの背景色と文字色 */
.tabitem:nth-child(4) a.selected {background-color: #eb0707;color: #FFF;}
/* 04システム情報タブの吹き出し */
.tabitem:nth-child(4) a.selected::before {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border: 15px solid transparent;
  border-top: 15px solid #eb0707;
  top: 70px;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
}
/*ここからタブの中身*/
.tabContentsInner {margin-top: 3rem;background-color: #FFF;height: auto;}
.tabContentsInner ul li {
  border-bottom: 1px solid #cccccc;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  color: #333;
  font-size: 1.7rem;
  text-decoration: none;
  padding: 20px;
}
.tabContentsInner #tab01 ul li:last-child, .tabContentsInner #tab04 ul li:last-child {border-bottom: none;}
.tabContentsInner #tab01 ul.ul-sysmainte_ssi, .tabContentsInner #tab01 ul.ul-sysmainte, .tabContentsInner #tab04 ul.ul-sysmainte {border-top: 1px solid #cccccc;}/* プログラム自動出力 障害情報用 */
#tab04 ul.ul-sysmainte:first-child {border-top: none !important;}/* プログラム自動出力 障害情報用 */
.tabContentsInner ul li div.tag {
  border-radius: 3px;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 500;
  width: 110px;
  text-align: center;
  padding: 2px 0;
  margin-right: 2rem;
}
.tabContentsInner ul li div.system {background: #eb0707;}
.tabContentsInner ul li div.caution {background: #ecbd03;color: #000;}
.tabContentsInner ul li div.news {background: #b18bcd;color: #000;}
.tabContentsInner ul li time {width: 6.3em;}
.tabContentsInner ul li a {
  color: #333;
  cursor: pointer;
  width: 75%;
  text-decoration: none;
}
.tabContentsInner ul li a:hover {text-decoration: underline;}
.tabContentsInner ul li a span.newicon {
  color: #eb0707;
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 500;
  position: relative;
  top: -1px;
  margin-left: .5rem;
}
.tabContentsInner .to-morebtnBox {text-align: center;margin-top: 3rem;}
.tabContentsInner .to-morebtn {display: inline-block;color: #333;position: relative;}
.tabContentsInner .to-morebtn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -27px;
  width: 9px;
  height: 9px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  transform: rotate(45deg);
  margin-top: -5px;
}
/* ----------------------------------------------------------
お問い合わせ
------------------------------------------------------------- */
.section_contact {
  background: url("/img/top/contact_bgimg.jpg")no-repeat;
  background-size: cover;
  background-position: top center;
}
.contactInner {padding: 3rem 0 5.5rem 0;}
.section_contact h2 {color: #fff;}
.cobox {
  background: #fff;
  padding: 4rem;
  margin-bottom: 2rem;
  display: flex;
  font-size: 1.6rem;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.cobox .textAreaL {width: 60%;}
.cobox .textAreaL img {width: 70px;flex-shrink: 0;}
.textAreaL {display: flex;align-items: center;}
.textAreaL h3 {font-size: 2.4rem;margin-bottom: 1rem;}
.textAreaL .textWrap {margin-left: 3rem;width: 100%;}
.textAreaL .textWrap span {font-size: 1.5rem;display: block;margin-top: .5rem;}
.btnAreaR {width: 35%;}
.btnAreaR a.cobtn {
  display:block;
  background: #019077;
  border-radius: 5px;
  max-width: 390px;
  font-size: 1.9rem;
  font-weight: 500;
  text-align: center;
  color: #fff;
  text-decoration: none;
  padding: 1.9rem 0;
}
.btnAreaR a.cobtn span {padding-left: 1.5rem;position: relative;letter-spacing: 1px;}
.btnAreaR a.cobtn span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -10px;
  width: 9px;
  height: 9px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg);
  margin-top: -3px;
}
/* ----------------------------------------------------------
事業所バナー
------------------------------------------------------------- */
.bannerlistInner {padding: 6rem 0;}
.section_bannerlist ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
.section_bannerlist ul li {max-width: 183px;}
.section_bannerlist ul li a img {width: 100%;vertical-align: bottom;}

/* ----------------------------------------------------------
臨時情報・お知らせ
------------------------------------------------------------- */
/*.rinji {background: #ffce21;margin-bottom: 1.3rem;}
.rinji .alerttag {background: #e2af20;}
.rinji .alerttag span {
  font-size: 1.7rem;
  position: relative;
  padding-left: 27px;
  letter-spacing: 1px;
}
.rinji .alerttag span::before {
  content: '';
  display: inline-block;
  background: url(/img/top/alertIcon.png) no-repeat;
  background-size: 23px;
  width: 23px;
  height: 23px;
  position: absolute;
  left: -3px;
  top: 2px;
}
.oshirase {background: #f2f2f2; margin-bottom: 1.5rem;}
.oshirase .alerttag {background: #006ebc;}
.oshirase .alerttag span {
  color: #fff;
  font-size: 1.7rem;
  position: relative;
  padding-left: 27px;
  letter-spacing: 1px;
}
.oshirase .alerttag span::before {
  content: '';
  display: inline-block;
  background: url(/img/top/alertIcon2.png) no-repeat;
  background-size: 23px;
  width: 23px;
  height: 23px;
  position: absolute;
  left: -3px;
  top: 1px;
}
.info-alertBox {
  max-width: 1200px;
  margin: 0 auto;
  padding: 1rem 0;
}
.info-alertBox a.alertlink {
  color: #333;
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  text-decoration: none;
  position: relative;
  line-height: 1;
}
.info-alertBox a.alertlink::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 10px;
  height: 10px;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  transform: rotate(45deg);
  margin-top: -5px;
}
.info-alertBox .alerttag {
  border-radius: 3px;
  display: inline-block;
  font-weight: 500;
  padding: 8px 0;
  width: 130px;
  text-align: center;
}
.info-alertBox .alertdetail span.newicon {color: red;font-weight: 500;}
.info-alertBox .alertdetail {
  display: inline-block;
  font-size: 1.7rem;
  margin-left: 1.5rem;
  width: 76%;
  line-height: 160%;
}*/

/* ----------------------------------------------------------
SP・TB調整用
------------------------------------------------------------- */
@media screen and (max-width: 1280px) {
/*共通*/
  /*スライダー*/
  .slick-prev {left: 3% !important;}
  .slick-next {right: 3% !important;}
  /*ETC利用照会サービスとは？*/
  .aboutMeisaiInner {padding: 0 0 150px;}
  ul.Etcimglist li.imgitem {font-size: 1.5rem;padding: 2rem 1rem 2rem 1rem;}
  ul.Etcimglist li.imgitem figure img {width: 75%; margin-bottom: 0.5rem;}
  /*登録を希望される方・登録済みの方・利用実績照会*/
  .bgInner ul.RegisterList-top{padding: 0; }
  .section_Register a.btnbox{width: 100%;}
  /*事業所バナー*/
  .section_bannerlist ul {justify-content: center;}
  .section_bannerlist ul li {margin: 1%; width: 31%;}
}/*max-width: 1280px end*/
@media screen and (max-width: 896px) {
  /*登録を希望される方・登録済みの方・利用実績照会*/
  .RegisterInner {max-width: 100%;}
  .two-columnWrap{display: block;}
  .two-columnWrap .Regbox{width: 100%; padding: 3rem 4rem 3rem 4rem;}
  .bgInner{min-height: 0;}
  .h3Commonttl span::before{width: 50px;height: 50px;left: -35px;}
}/*max-width: 896px end*/
@media screen and (min-width: 769px) and (max-width: 1024px) {
  /*登録を希望される方・登録済みの方・利用実績照会*/
  .bgInner p.subtext {font-size: 1.8rem; letter-spacing: 0;}
  /*お問い合わせ先*/
  .cobox{padding: 3rem 2rem;}
  .btnAreaR{width: 38%;}
  .btnAreaR a.cobtn{font-size: 1.6rem;}
}/*max-width: 1024px end*/
@media screen and (min-width: 1px) and (max-width: 768px) {
  /*共通*/
  h2.h2Commonttl {font-size: 2.1rem; padding: 2.4rem 0 2rem 0; margin-bottom: 0;}
  h3.h3Commonttl {font-size: 2.0rem;margin-bottom: 3.5rem;}
  /*スライダーの矢印*/
  .slick-prev, .slick-next {width: 20px;height: 20px;z-index: 3;}
  /*スライダーのドット*/
  .slick-dotted.slick-slider {margin-bottom: 3.5rem;}
  .slick-dots {bottom: -28px;}
  .slick-dots li {width: 9px;height: 9px;}
  .slick-dots li button:before {width: 9px;height: 9px;}
  /* ETC利用照会サービスとは*/
  .aboutMeisaiInner {padding: 0 0 20%;}
  .ttlSubtext{font-size: 1.4rem;}
  ul.Etcimglist {margin-bottom: 1rem;}
  ul.Etcimglist li.imgitem {
    width: 46%;
    margin-bottom: 4%;
    line-height: 160%;
    margin-left: 0;
  }
  a.btnbox {padding: 1.7rem 0;width: 85%;}
  a.btnbox span {padding-left: 2rem;}
  a.moreGuideBtn span {font-size: 1.6rem;}
  a.moreGuideBtn span::before, a.btnbox span::before {width: 10px;height: 10px;margin-top: -5px;}
  /*登録を希望される方・登録済みの方・利用実績照会*/
  .two-columnWrap .Regbox{padding: 1.5em 1.5rem 6rem 1.5rem;}
  .bgInner {height: auto; padding: 0 1.5rem 3rem;margin: 0;}
  .bgInner h3{font-size: 1.5rem;margin: 2.5rem 0 1rem;}
  .bgInner p.subtext{font-size: 1.5rem; letter-spacing: 0;}
  .meisaiInquiry{padding: 1.5rem 1.5rem 4rem 1.5rem;}
  .meisaiInquiry .bgInner{padding:0 1.5rem 1.5rem 1.5rem;}
  .bgInner ul.RegisterList-top li,.bgInner ul.notesList li,.Registered ul.Re-textlinkList li a, .Registered ul.Re-textlinkList-icon li a,.bgInner ul.RegisterList-top span,.newRegister a.Re-textlink{font-size: 1.4rem;}
  .Registered dl dd,.bgInner span.notes{font-size: 1.4rem;}
  .Registered .bgInner-box{padding-bottom: 2rem;}
  .Registered .getacrobox span{font-size: 1.4rem;}
  .section_Register a.btnbox span{font-size: 1.6rem;}
  .meisaiInquiry p.subtext{margin-bottom: 1.5rem;}
  .section_Register a.btnbox{margin-bottom: 1.5rem;}
  /*ETC割引情報バナー*/
  .section_discount{padding: 4rem 0 0 0;}
  .discountInner{padding: 2rem;}
  .discountInner figure.pcOnly {display: none;}
  .discountInner figure.spOnly {display: block;}
  /*トピックス*/
  .topicsInner {padding: 1rem 0 3rem 0;}
  .topicsInner h2.h2Commonttl {padding: 3rem 0 2rem 0;}
  .tabitem a {font-size: 1.2rem;padding: 1rem 0;}
  .tabitem:first-child a.selected::before, .tabitem:nth-child(2) a.selected::before, .tabitem:nth-child(3) a.selected::before, .tabitem:nth-child(4) a.selected::before {top: 55px;}
  .tabitem:first-child a.selected::before {border: 12px solid transparent;border-top: 12px solid #019077;}
  .tabitem:nth-child(2) a.selected::before {border: 12px solid transparent;border-top: 12px solid #ecbd03;}
  .tabitem:nth-child(3) a.selected::before {border: 12px solid transparent;border-top: 12px solid #b18bcd;}
  .tabitem:nth-child(4) a.selected::before {border: 12px solid transparent;border-top: 12px solid #eb0707;}
  .tabitem:not(:last-child)::before {height: 23px;top: 10px;}
  .tabContentsInner {margin-top: 1rem;}
  .tabContentsInner ul li {font-size: 1.5rem;flex-wrap: wrap;padding: 1.2rem 20px 1.2rem 0;}
  .tabContentsInner ul li div.tag {
    font-size: 1.1rem;
    margin-right: 1rem;
    width: 90px;
    padding: 0;
  }
  .tabContentsInner ul li a {margin: 0.5rem 0 0 0;width: 100%;}
  /*お問い合わせ */
  .contactInner {padding: 2rem 0 2rem 0;}
  .cobox {font-size: 1.4rem;flex-direction: column;padding: 1.5rem;}
  .cobox .textAreaL {flex-direction: column;}
  .cobox .textAreaL img {width: 45px;margin-bottom: 1rem;}
  .textAreaL h3 {font-size: 1.8rem;text-align: center;}
  .textAreaL .textWrap {margin: 0;}
  .textAreaL .textWrap span{font-size: 1.4rem; margin: 0 0 1em 1em;}
  .QAbox .textAreaL, .QAbox .btnAreaR {width: 100%;}
  .btnAreaR a.cobtn {font-size: 1.6rem;padding: 1.7rem 0;margin: auto;}
  .btnAreaR a.cobtn span::before {left: -9px;margin-top: -4px;}
  /*事業所バナー*/
  .bannerlistInner {padding: 3rem 0;}
  .section_bannerlist ul li:last-child {margin-right: 1%;}
  .QAbox .textAreaL p {text-align: center;}
}/*max-width: 768px　end*/