@charset "UTF-8";
/*====================================

	ガス・水道事業者様向け「自動検針サービス」

====================================*/


/*====================================
	タイトル
====================================*/

div#mainConteiner {
     margin-top:  30px;
}

div#title  {
     text-align:  center;
 }
@media screen and (max-width: 667px) {
    div#title  {
      text-align:  left;
     }
}


div#title h1 img  {
     width:  600px;
}



/*====================================
    コンテンツ
====================================*/

.titleM03 { background: #77c0cb; color: #fff;font-weight:bold; }

dl.system dt  {
     color:  #c03;
     margin-top:  20px;
}
figure#zu3  {
     width:30%;
     float:right;
}
@media screen and (max-width: 667px) {
     figure#zu3  {
     width:100%;
     float:none;
     }
}

p.memo  {
     text-align:  center;
}
@media screen and (max-width: 667px) {
     p.memo  {
     text-align:  left;
     }
}
p.Ltext {
      font-size: 2.4rem;
}
@media screen and (max-width: 667px) {
     p.Ltext { font-size: 1.8rem; }
 }
h3.titleS03  {
     font-weight:  bold;
}
ul.merit li {
  position: relative;
     padding-left: 15px;
}
ul.merit li::after {
  display: block;
  content: '';
  position: absolute;
  top: 8px;
  left: 0;
  width: 10px;
  height: 10px;
  background-color: #77c0cb;
  border-radius: 100%;
}

/* question */

h3.titleM04.qa  {
     margin:  30px 0 0 0;
     padding:  100px 0 0 100px;
     background:  url(img/title-qa.png) no-repeat left bottom;
}
@media screen and (max-width: 667px) {
     h3.titleM04.qa  {
     padding:  70px 0 0 70px;
     background:  url(img/title-qa.png) no-repeat left bottom/70px;
     }
}
div.is-body  {
     text-indent:  -2em;
     margin-left:  2em;
}

/* 自動検針サービスの詳細（準備中） */
ul li.arrowIcon  {
     display:  block;
}

/*====================================
    タイトル（フォームページ）
====================================*/

div#title_form h1.titleM03  {
     text-align:center;
     background:  #7faeb2;
     margin:  0;
     padding:  10px;
 }
div#title_form h1.titleM03 img  {
      width:  300px;
 }
div#title_form h2.title00  {
     text-align:  center;
     font-weight: normal; font-size: 3rem;
     padding: 15px 0; 
}