html {
  position: relative;
}
body {
  margin: 0 auto;
  padding-bottom: 70px;
  /* Margin bottom by footer height */
  background-color: #d5ffff;
  max-width: 502px;
  min-height: 100vh;
}
@media (min-width: 500px) {
  body {
    border-left: 1px solid #0d4a9a;
    border-right: 1px solid #0d4a9a;
  }
}
.header {
  text-align: center;
}
.header .left {
  float: left;
  width: 150px;
  padding-top: 5px;
  padding-left: 10px;
}
.header .left img {
  width: 150px;
}
.header .right {
  float: right;
  padding-top: 10px;
  padding-right: 10px;
  width: 150px;
  text-align: right;
}
.header .right img {
  width: 100px;
}
.header:after {
  content: "";
  clear: both;
  display: block;
}
.container {
  width: 100%;
  padding: 0px;
  background-color: #fff;
}
.container .container_top {
  background-image: url('/img/commons/bg_top_line.png');
  background-position: top;
  background-repeat: repeat-x;
  background-size: auto 40px;
}
.container .container_bottom {
  background-image: url('/img/commons/bg_bottom_line.png');
  background-position: bottom;
  background-repeat: repeat-x;
  background-size: auto 40px;
  padding-top: 40px;
  padding-bottom: 40px;
}
.footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  height: 60px;
  /* Set the fixed height of the footer here */
  background-image: url('/img/commons/bg_footer.png');
  background-repeat: repeat-x;
  background-position: top;
  background-size: auto 60px;
  color: #fff;
  z-index: 5;
}
.footer .tel_area {
  float: left;
  font-size: 10px;
  width: 60%;
  padding: 15px 10px;
}
.footer .tel_area .tel {
  width: 55vw;
  max-width: 250px;
}
.footer .mail_area {
  float: right;
  width: 38%;
  height: 60px;
  padding: 12px 10px;
  text-align: right;
}
.footer .mail_area .btn_mail {
  position: relative;
  display: inline-block;
  padding: 3px;
  text-decoration: none;
  color: #FFF;
  background: #20afeb;
  border-radius: 4px;
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  font-weight: bold;
  text-align: center;
  min-width: 105px;
  width: 30vw;
  max-width: 150px;
}
.footer .mail_area .btn_mail:active {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}
.footer .mail_area .btn_mail .mail {
  width: 20px;
  vertical-align: 5px;
}
.footer .mail_area .btn_mail span {
  text-align: left;
  font-size: 12px;
  display: inline-block;
}
.footer .btn_to_top {
  text-align: center;
  position: absolute;
  display: inline-block;
  top: -52px;
  right: 10px;
  font-size: 18px;
  width: 40px;
  height: 40px;
  line-height: 45px;
  border-radius: 3px;
  color: #0e4892;
  background-color: #fff;
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
}
.footer:after {
  content: "";
  clear: both;
  display: block;
}
.default_common_area {
  width: 100%;
  text-align: center;
}
.service_list {
  padding: 0;
  margin-top: 4%;
  margin-bottom: 4%;
  margin-left: -4%;
}
.service_list li {
  position: relative;
  display: inline-block;
  margin-right: -4%;
}
.service_list li img.internet_img_base_top,
.service_list li img.water_img_base_top,
.service_list li img.electrical_img_base_top,
.service_list li img.gas_img_base_top {
  height: 21vw;
  width: 26vw;
  max-height: 105px;
  max-width: 130px;
  margin-bottom: -7.5%;
}
.service_list li img.internet_img_base_low,
.service_list li img.water_img_base_low,
.service_list li img.electrical_img_base_low,
.service_list li img.gas_img_base_low {
  height: 21vw;
  width: 26vw;
  max-height: 105px;
  max-width: 130px;
  margin-top: -7.5%;
}
.service_list li img.img_base {
  height: 19vw;
  width: 26vw;
  max-height: 95px;
  max-width: 130px;
}
.service_list li img.img_on {
  position: absolute;
  bottom: 13%;
  left: 17%;
  width: 17vw;
  max-width: 85px;
}
ul.step {
  padding: 0;
  margin-top: 10px;
  margin-bottom: 10px;
}
ul.step li {
  display: inline;
  padding: 5px;
}
ul.step li img.step {
  width: 10vw;
  max-width: 50px;
}
ul.step li img.arrow {
  width: 3vw;
  max-width: 15px;
}
.btn_orange {
  text-align: center;
  position: relative;
  display: inline-block;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 15px;
  width: 200px;
  text-decoration: none;
  color: #FFF;
  background: #fb8c21;
  /*背景色*/
  border-radius: 4px;
  /*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(241, 241, 244, 0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  font-size: 18px;
  font-weight: bold;
  outline: none !important;
}
.btn_orange:active {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  text-decoration: none;
}
.btn_orange:focus {
  color: #FFF;
  outline: none;
  text-decoration: none;
}
.btn_orange:hover {
  color: #fff;
  text-decoration: none;
}
.btn_orange .btn_next_img {
  position: absolute;
  right: 15px;
  top: 16px;
  width: 10px;
}
.btn_orange[disabled]:active {
  color: #FFF;
  background: #fb8c21;
  /*背景色*/
}
.btn_orange[disabled]:focus {
  color: #FFF;
  background: #fb8c21;
  /*背景色*/
}
.btn_orange[disabled]:hover {
  color: #FFF;
  background: #fb8c21;
  /*背景色*/
}
.btn_gray {
  text-align: center;
  position: relative;
  display: inline-block;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 15px;
  width: 200px;
  text-decoration: none;
  color: #FFF;
  background: #959595;
  /*背景色*/
  border-radius: 4px;
  /*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(241, 241, 244, 0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  font-size: 18px;
  font-weight: bold;
}
.btn_gray:active {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}
.btn_gray:focus {
  color: #fff;
  outline: none;
  text-decoration: none;
}
.btn_gray:hover {
  color: #fff;
  text-decoration: none;
}
.btn_gray .btn_back_img {
  position: absolute;
  left: 15px;
  top: 16px;
  width: 10px;
}
.btn_o_white {
  text-align: center;
  position: relative;
  display: inline-block;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 15px;
  width: 200px;
  text-decoration: none;
  color: #fb8c21;
  background: #fff;
  /*背景色*/
  border-radius: 4px;
  /*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(241, 241, 244, 0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  font-size: 18px;
  font-weight: bold;
  border: 1px solid #fb8c21;
}
.btn_o_white:active {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  text-decoration: none;
}
.btn_o_white:focus {
  color: #fb8c21;
  outline: none;
  text-decoration: none;
}
.btn_o_white:hover {
  color: #fb8c21;
  text-decoration: none;
}
.btn_o_white .btn_next_img {
  position: absolute;
  right: 15px;
  top: 16px;
  width: 10px;
}
.btn_b_white {
  text-align: center;
  position: relative;
  display: inline-block;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 15px;
  width: 200px;
  text-decoration: none;
  color: #0d4a9a;
  background: #fff;
  /*背景色*/
  border-radius: 4px;
  /*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(241, 241, 244, 0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  font-size: 18px;
  font-weight: bold;
  border: 1px solid #0d4a9a;
}
.btn_b_white:active {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  text-decoration: none;
}
.btn_b_white:focus {
  color: #0d4a9a;
  outline: none;
  text-decoration: none;
}
.btn_b_white:hover {
  color: #0d4a9a;
  text-decoration: none;
}
.btn_b_white .btn_next_img {
  position: absolute;
  right: 15px;
  top: 16px;
  width: 10px;
}
.btn_crimson {
  text-align: center;
  position: relative;
  display: inline-block;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 15px;
  width: 200px;
  text-decoration: none;
  color: #FFF;
  background: #f12e50;
  /*背景色*/
  border-radius: 4px;
  /*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(241, 241, 244, 0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  font-size: 18px;
  font-weight: bold;
}
.btn_crimson:active {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  text-decoration: none;
}
.btn_crimson:focus {
  color: #FFF;
  outline: none;
  text-decoration: none;
}
.btn_crimson:hover {
  color: #fff;
  text-decoration: none;
}
.btn_crimson .btn_next_img {
  position: absolute;
  right: 15px;
  top: 16px;
  width: 10px;
}
.page_title {
  position: relative;
  text-align: center;
  margin-bottom: 20px;
}
.page_title img.title {
  height: 6vw;
  max-height: 30px;
}
.page_title img.rabit {
  position: absolute;
  right: 0;
  top: -5%;
  width: 16vw;
  max-width: 80px;
}
.service_banner {
  text-align: center;
  margin: 0 auto;
  width: 85%;
  padding: 12px 15px;
  max-width: 500px;
  border: 1px solid #ccc;
  border-radius: 7px;
}
.service_banner img {
  width: 70%;
  max-width: 300px;
  margin-bottom: 5px;
}
.service_banner .banner {
  background-color: #f12e50;
  color: #fff;
  width: 100%;
  font-weight: bold;
  padding: 3px;
}
.service_banner .attention {
  padding: 5px;
  color: #f12e50;
  font-size: 18px;
  margin: 0;
}
.service_banner .account {
  font-size: 12px;
  padding: 0;
  margin: 0;
}
.banner_caution {
  font-size: 10px;
  text-indent: -1em;
  padding-left: 7.5%;
  margin-left: 1em;
}
.banner_caution:before {
  content: '※';
  display: inline-block;
  width: 1em;
  text-indent: 0;
}
.index_title {
  position: relative;
  width: 90%;
  margin: 5px auto;
  padding: 5px;
  height: 30px;
  background-image: url('/img/commons/index_title.png');
  background-repeat: repeat-x;
  background-position: center 18px;
  background-size: auto 7px;
  text-align: center;
}
.index_title p {
  display: inline-block;
  background-color: #fff;
  color: #1a5496;
  font-weight: bold;
  font-size: 16px;
  padding: 5px;
}
.index_title p.confirm {
  background-color: #d5ffff;
}
.index_title img {
  position: absolute;
  width: 13vw;
  max-width: 65px;
  right: 0;
}
.index_title_serif {
  padding-top: 15px;
  text-align: center;
}
.tax_account {
  width: 92%;
  margin: 0 auto;
  text-align: right;
}
.tax_account div {
  display: inline-block;
  text-align: left;
}
.tax_account div.left {
  display: inline;
}
.tax_account p {
  font-size: 10px;
  text-indent: -1em;
  margin-left: 1em;
  margin-bottom: 5px;
}
.tax_account p:before {
  content: '※';
  display: inline-block;
  width: 1em;
  text-indent: 0;
}
div.area_next {
  display: none;
}
p.next_account {
  text-align: center;
  color: #fb8c21;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 12px;
}
.common_table {
  width: 92%;
  margin: 5px auto;
  border: none;
  border-radius: 3px;
  border-spacing: 0;
  border-collapse: separate;
  border: 1px solid #000;
}
.common_table tr th,
.common_table tr td {
  text-align: center;
  border: none;
  border-right: 1px solid #000;
}
.common_table tr th {
  background: #0d4a9a;
  color: #fff;
  padding: 10px;
  font-weight: normal;
}
.common_table tr th:last-child {
  border-right: none;
}
.common_table tr td {
  padding: 10px 5px;
  width: 33%;
}
.common_table tr td:last-child {
  border-right: none;
}
.common_table tr td p {
  margin: 0;
}
.button_area {
  width: 92%;
  margin: 0 auto;
  text-align: center;
}
.button_area .btn_option_back {
  padding: 15px 0px 15px 10px;
  width: 28%;
  margin: 0;
  margin-right: 10px;
}
.button_area .btn_option_back .btn_back_img {
  top: 21px;
}
.button_area .btn_option_next,
.button_area .btn_option_next2 {
  padding: 15px 0px;
  width: 62%;
  margin: 0;
}
.button_area .btn_option_next .btn_next_img,
.button_area .btn_option_next2 .btn_next_img {
  top: 21px;
}
body#index-top {
  padding: 0;
  padding-bottom: 65px;
}
body#index-top .container {
  background-color: unset;
}
body#index-top .index-header {
  position: relative;
  text-align: center;
  width: 100%;
}
body#index-top .index-header .top_img_bg {
  top: 0;
  left: 0;
  width: 100%;
}
body#index-top .index-header .top_img_logo {
  position: absolute;
  top: 19%;
  left: 10%;
  width: 80vw;
  max-width: 400px;
}
body#index-top .index-header .top_patent {
  display: inline-block;
  position: absolute;
  color: #fff;
  font-size: 3vw;
  text-align: center;
  width: 80vw;
  max-width: 400px;
  top: 50%;
  left: 10%;
}
body#index-top .index-header .top_img_serif {
  position: absolute;
  bottom: 26%;
  left: 20%;
  width: 19vw;
  max-width: 100px;
}
body#index-top .index-header .top_img_rabit {
  position: absolute;
  bottom: 11%;
  left: 42%;
  width: 17vw;
  max-width: 85px;
}
body#index-top .index-header .top_img_name {
  position: absolute;
  bottom: 11%;
  right: 20%;
  width: 18vw;
  max-width: 90px;
}
@media (min-width: 500px) {
  body#index-top .index-header .top_patent {
    font-size: 14px;
  }
}
body#index-top .index-footer {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  position: fixed;
  bottom: 0;
  background-color: #0e4892;
  text-align: center;
  color: #fff;
  font-size: 9px;
  padding: 15px;
}
body#index-top .index-footer .footer_logo {
  width: 90px;
  margin-bottom: 5px;
}
body#index-top .index-footer .to_top {
  position: absolute;
  display: inline-block;
  top: -15px;
  right: 20px;
  font-size: 18px;
  width: 40px;
  height: 40px;
  line-height: 45px;
  border-radius: 3px;
  color: #0e4892;
  background-color: #fff;
  opacity: 0.8;
}
#procedure_index {
  background-image: url("/img/top/rabit_service.png");
  background-repeat: no-repeat;
  background-position: 0 70px;
  background-size: 15%;
  text-align: center;
}
#procedure_index input[type="checkbox"] {
  margin: 0px;
  display: none;
}
#procedure_index input[type="checkbox"] + label {
  margin: 5px;
  width: 43vw;
  max-width: 215px;
  height: 43vw;
  max-height: 215px;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 10px;
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
}
#procedure_index #internet-check + label {
  background-image: url("/img/top/service_internet_off.png");
}
#procedure_index #internet-check:checked + label {
  background-image: url("/img/top/service_internet_on.png");
}
#procedure_index #water-check + label {
  background-image: url("/img/top/service_water_off.png");
}
#procedure_index #water-check:checked + label {
  background-image: url("/img/top/service_water_on.png");
}
#procedure_index #electrical-check + label {
  background-image: url("/img/top/service_electrical_off.png");
}
#procedure_index #electrical-check:checked + label {
  background-image: url("/img/top/service_electrical_on.png");
}
#procedure_index #gas-check + label {
  background-image: url("/img/top/service_gas_off.png");
}
#procedure_index #gas-check:checked + label {
  background-image: url("/img/top/service_gas_on.png");
}
#procedure_index .serif_area {
  margin-bottom: 10px;
}
#procedure_index .guide_area {
  background-color: #fff;
}
#procedure_index .guide_area .bg {
  background-image: url("/img/top/rabit_guide.png");
  background-repeat: no-repeat;
  background-position: 100% 20px;
  background-size: 15%;
  margin: 0 10px;
  padding: 20px 30px;
}
#procedure_index .guide_area .bg h4 {
  margin-bottom: 20px;
}
#procedure_index .guide_area .bg table {
  width: 80vw;
  max-width: 400px;
  margin: 0 auto 10px auto;
}
#procedure_index .guide_area .bg table .step {
  vertical-align: top;
  width: 55px;
  color: #90d4d4;
}
#procedure_index .guide_area .bg table .text {
  text-align: left;
}
#procedure_index .guide_area .bg table .arrow_down {
  width: 20px;
  margin: 10px;
}
#procedure_index .contact {
  padding-top: 20px;
  padding-bottom: 30px;
  background-color: #ecfdff;
}
#procedure_index .contact .serif {
  height: 20px;
  line-height: 20px;
  margin-bottom: 10px;
}
#procedure_index .contact .serif .line {
  width: 20px;
}
#procedure_index .contact .mail {
  width: 20px;
  padding-bottom: 5px;
}
#procedure_index .contact .face {
  width: 20vw;
  max-width: 100px;
}
#procedure_index .contact .tel {
  width: 50vw;
  max-width: 250px;
}
#procedure_index .contact .tel_text {
  padding-bottom: 5px;
  margin: 0;
  font-size: 12px;
}
#procedure_index .contact .btn_mail {
  position: relative;
  display: inline-block;
  padding: 15px 20px 10px 20px;
  margin: 15px;
  text-decoration: none;
  color: #FFF;
  background: #20afeb;
  border-radius: 4px;
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  font-weight: bold;
}
#procedure_index .contact .btn_mail:active {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}
.container_common {
  width: 100%;
  padding: 0px;
}
#procedure_common,
#inquiry_add {
  width: 90%;
  margin: 0 auto;
}
#procedure_common .consulting,
#inquiry_add .consulting {
  width: 80%;
  margin: 0 auto;
  padding: 7px;
  text-align: center;
  border-radius: 15px;
  background-color: #1d57a1;
  color: #fff;
  font-weight: bold;
  margin-bottom: 20px;
}
#procedure_common .common_title,
#inquiry_add .common_title {
  position: relative;
  width: 100%;
  margin: 5px auto;
  padding: 5px;
  height: 37px;
  background-image: url('/img/commons/index_title.png');
  background-repeat: repeat-x;
  background-position: center 18px;
  background-size: auto 7px;
  text-align: center;
}
#procedure_common .common_title p,
#inquiry_add .common_title p {
  display: inline-block;
  background-color: #d5ffff;
  color: #1a5496;
  font-weight: bold;
  font-size: 16px;
  padding: 5px 15px;
}
#procedure_common .common_title img.img_service,
#inquiry_add .common_title img.img_service {
  position: absolute;
  width: 15vw;
  max-width: 65px;
  bottom: -5px;
  right: -5.5%;
}
#procedure_common .common_title img.img_applicant,
#inquiry_add .common_title img.img_applicant {
  position: absolute;
  width: 15vw;
  max-width: 65px;
  bottom: -10px;
  left: -5.5%;
}
#procedure_common .for_applicant,
#inquiry_add .for_applicant {
  margin-top: 40px;
}
#procedure_common .account,
#inquiry_add .account {
  padding: 10px 0 5px 0;
  text-align: center;
}
#procedure_common .inquiry_account,
#inquiry_add .inquiry_account {
  text-align: left;
  width: 90%;
  margin: 0 auto;
  padding-bottom: 20px;
}
#procedure_common .common_service,
#inquiry_add .common_service {
  width: 100%;
  border: 1.5px solid #1a5496;
  border-radius: 5px;
  background-color: #fff;
  margin-bottom: 10px;
}
#procedure_common .common_service .title,
#inquiry_add .common_service .title {
  display: table-cell;
  vertical-align: middle;
  width: 95px;
  min-width: 95px;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  padding: 10px 0 10px 10px;
  background-image: url('/img/procedure/service_bg.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#procedure_common .common_service .text,
#inquiry_add .common_service .text {
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  padding: 10px 0 10px 10px;
}
#procedure_common .common_service .text p.call,
#inquiry_add .common_service .text p.call {
  margin: 0px;
}
#procedure_common .common_service .text p.serif,
#inquiry_add .common_service .text p.serif {
  margin: 0px;
  font-size: 10px;
}
#procedure_common .common_service .text img,
#inquiry_add .common_service .text img {
  width: 90%;
}
#procedure_common .common_service .action,
#inquiry_add .common_service .action {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  padding: 5px 5px 5px 10px;
  min-width: 85px;
}
#procedure_common .common_service .action .button_next,
#inquiry_add .common_service .action .button_next {
  padding: 5px;
  margin: 5px;
  width: 60px;
  font-size: 12px;
}
#procedure_common .require,
#inquiry_add .require {
  border-radius: 3px;
  background: red;
  color: #fff;
  font-size: 10px;
  padding: 3px 10px;
  margin: auto 8px;
}
#procedure_common .any,
#inquiry_add .any {
  border-radius: 3px;
  background: #aaa;
  color: #fff;
  font-size: 10px;
  padding: 3px 10px;
  margin: auto 8px;
}
#procedure_common .input_label,
#inquiry_add .input_label {
  border-left: 5px solid #1a5496;
  padding: 3px 10px;
  margin: 5px 0;
  font-weight: normal;
}
#procedure_common .input_text,
#inquiry_add .input_text {
  font-size: 13px;
}
#procedure_common .input_caution,
#inquiry_add .input_caution {
  font-size: 13px;
  color: red;
}
#procedure_common .input_item,
#inquiry_add .input_item {
  width: 90%;
  margin: 0 auto 5px auto;
}
#procedure_common .input_item .form-control,
#inquiry_add .input_item .form-control {
  margin-bottom: 10px;
}
#procedure_common .input_item select.birthday,
#inquiry_add .input_item select.birthday,
#procedure_common .input_item select.p-region,
#inquiry_add .input_item select.p-region,
#procedure_common .input_item select.gender,
#inquiry_add .input_item select.gender {
  display: inline-block;
  width: 40%;
}
#procedure_common .input_item .file_input,
#inquiry_add .input_item .file_input {
  position: absolute;
  opacity: 0;
}
#procedure_common .input_item textarea,
#inquiry_add .input_item textarea {
  height: 100px;
}
#procedure_common .input_item .lbl_file,
#inquiry_add .input_item .lbl_file {
  border-radius: 3px;
  background-color: #fff;
  padding: 10px;
  width: 100%;
  border: 1px solid #ddd;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  font-weight: normal;
  margin-bottom: 10px;
}
#procedure_common .input_item p,
#inquiry_add .input_item p {
  font-size: 12px;
}
#procedure_common .input_item table,
#inquiry_add .input_item table {
  width: 100%;
}
#procedure_common .input_item table th,
#inquiry_add .input_item table th {
  vertical-align: top;
  text-align: left;
  font-weight: normal;
  width: 80px;
}
#procedure_common .input_item table th .require,
#inquiry_add .input_item table th .require,
#procedure_common .input_item table th .any,
#inquiry_add .input_item table th .any {
  margin: 0;
}
#procedure_common .agree_area,
#inquiry_add .agree_area {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 10px;
}
#procedure_common .agree_area .text,
#inquiry_add .agree_area .text {
  text-align: left;
  width: 100%;
  height: 200px;
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 20px 15px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin-bottom: 15px;
  line-height: 150%;
  font-size: 13px;
}
#procedure_common .agree_area .text h5,
#inquiry_add .agree_area .text h5 {
  font-weight: bold;
}
#procedure_common .agree_area p,
#inquiry_add .agree_area p {
  font-weight: bold;
  color: #1a5496;
  font-size: 16px;
}
#procedure_common .agree_area .chk_agree,
#inquiry_add .agree_area .chk_agree {
  height: 13px;
}
#procedure_common .agree_area .lbl_agree,
#inquiry_add .agree_area .lbl_agree {
  font-size: 15px;
  margin: 0;
}
#procedure_common .agree_area .chk_agree:disabled + label.lbl_agree,
#inquiry_add .agree_area .chk_agree:disabled + label.lbl_agree {
  opacity: 0.5;
}
#procedure_common .ssl,
#inquiry_add .ssl {
  width: 90%;
  margin: 20px auto;
  border: 1px dashed #0d4a9a;
  border-radius: 3px;
  text-align: center;
  font-size: 12px;
  padding: 15px;
}
#procedure_common .next_area,
#inquiry_add .next_area {
  padding-top: 5px;
  text-align: center;
}
#procedure_common .next_area #btn_agree,
#inquiry_add .next_area #btn_agree {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 0px;
  width: 250px;
}
#procedure_common .next_area #btn_agree .btn_next_img,
#inquiry_add .next_area #btn_agree .btn_next_img {
  top: 26px;
  right: 20px;
}
#procedure_common label.error,
#inquiry_add label.error {
  color: red;
}
#procedure_confirm .serif {
  position: relative;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 10px;
}
#procedure_confirm .serif img {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
}
#procedure_confirm .index_title {
  margin-bottom: 20px;
}
#procedure_confirm .confirm_table {
  border: 2px solid #0d4a9a;
  border-radius: 7px;
  width: 90%;
  margin: 0 auto;
  margin-bottom: 20px;
  height: 100%;
}
#procedure_confirm .confirm_table .logo {
  width: 50vw;
  max-width: 250px;
  margin-top: 5px;
  margin-bottom: 10px;
}
#procedure_confirm .confirm_table td {
  background-color: #fff;
  width: auto;
  height: 100%;
}
#procedure_confirm .confirm_table th {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-weight: bold;
}
#procedure_confirm .confirm_table td.last {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
#procedure_confirm .confirm_table td.title {
  background-color: #d0f1ff;
  border-bottom-left-radius: 5px;
  border-right: 1px solid #d0f1ff;
  padding: 0;
  width: 80px;
}
#procedure_confirm .confirm_table td.title div.base {
  position: relative;
  background-image: url('/img/procedure/confirm_bg.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: -1px 0;
  border-bottom-left-radius: 5px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  text-align: left;
  padding: 0 10px;
  background-clip: padding-box;
  height: 100%;
  min-height: 50px;
}
#procedure_confirm .confirm_table td.title div.content {
  position: absolute;
  top: 50%;
  margin: 0;
  line-height: 1.5em;
  margin-top: -1.5em;
}
#procedure_confirm .confirm_table td.value {
  text-align: left;
  background-color: #d0f1ff;
  border-bottom-right-radius: 5px;
  border-left: 1px solid #d0f1ff;
  font-size: 12px;
}
#procedure_confirm .confirm_table table.internet_detail,
#procedure_confirm .confirm_table table.water_detail,
#procedure_confirm .confirm_table table.electrical_detail,
#procedure_confirm .confirm_table table.gas_detail {
  width: 80%;
  margin: 0 auto;
  font-size: 13px;
  table-layout: fixed;
}
#procedure_confirm .confirm_table table.internet_detail td,
#procedure_confirm .confirm_table table.water_detail td,
#procedure_confirm .confirm_table table.electrical_detail td,
#procedure_confirm .confirm_table table.gas_detail td {
  vertical-align: top;
  text-align: left;
  border: none;
  padding: 3px;
}
#procedure_confirm .confirm_table table.internet_detail .sep,
#procedure_confirm .confirm_table table.water_detail .sep,
#procedure_confirm .confirm_table table.electrical_detail .sep,
#procedure_confirm .confirm_table table.gas_detail .sep {
  width: 15px;
}
#procedure_confirm .confirm_table table.internet_detail .item {
  width: 90px;
}
#procedure_confirm .confirm_table table.internet_detail .content {
  width: 170px;
}
#procedure_confirm .confirm_table table.water_detail .item {
  width: 70px;
}
#procedure_confirm .confirm_table table.water_detail .content {
  width: 190px;
}
#procedure_confirm .confirm_table table.electrical_detail .item,
#procedure_confirm .confirm_table table.gas_detail .item {
  width: 100px;
}
#procedure_confirm .confirm_table table.electrical_detail .content,
#procedure_confirm .confirm_table table.gas_detail .content {
  width: 160px;
}
#procedure_confirm .applicant_table {
  width: 90%;
  margin: 0 auto;
  margin-bottom: 20px;
}
#procedure_confirm .applicant_table th {
  border-bottom: 1px solid #0d4a9a;
  width: 40%;
  padding: 10px 5px 10px 0px;
  vertical-align: top;
  font-weight: normal;
}
#procedure_confirm .applicant_table td {
  border-bottom: 1px dotted #0d4a9a;
  width: 60%;
  padding: 10px 5px 10px 10px;
  vertical-align: top;
  word-wrap: break-word;
  word-break: break-word;
}
#procedure_confirm .applicant_table td img {
  width: 100px;
}
#procedure_confirm .button_area {
  padding-bottom: 20px;
}
#procedure_confirm .button_area .btn_gray,
#procedure_confirm .button_area .btn_orange {
  height: 55px;
}
#procedure_thanks,
#inquiry_thanks {
  margin-top: 30px;
  margin-bottom: 40px;
  text-align: center;
}
#procedure_thanks .title,
#inquiry_thanks .title {
  padding-top: 10px;
  font-size: 18px;
  font-weight: bold;
  color: #0d4a9a;
}
#procedure_thanks span,
#inquiry_thanks span {
  color: red;
  font-weight: bold;
}
#procedure_thanks img,
#inquiry_thanks img {
  height: 130px;
}
#internet_option .select_type {
  text-align: center;
  padding: 0;
  margin-top: 10px;
  margin-bottom: 10px;
}
#internet_option .select_type li {
  display: inline;
}
#internet_option .select_type .home {
  margin: 0px;
  display: none;
}
#internet_option .select_type .home + label {
  margin: 5px;
  width: 43vw;
  max-width: 215px;
  height: 43vw;
  max-height: 215px;
  background-repeat: no-repeat;
  background-size: contain;
}
#internet_option .select_type .home + label.label_kodate {
  background-image: url("/img/internet/hometype_kodate_off.png");
}
#internet_option .select_type .home:checked + label.label_kodate {
  background-image: url("/img/internet/hometype_kodate_on.png");
}
#internet_option .select_type .home + label.label_mansion {
  background-image: url("/img/internet/hometype_mansion_off.png");
}
#internet_option .select_type .home:checked + label.label_mansion {
  background-image: url("/img/internet/hometype_mansion_on.png");
}
#internet_option .option_table {
  margin-bottom: 10px;
}
#internet_option .option_table .item {
  text-align: left;
  padding: 5px;
}
#internet_option .option_table .item input {
  vertical-align: top;
}
#internet_option .option_table .item_option {
  border: 1px solid #fff;
  border-radius: 3px;
  font-size: 11px;
  padding: 2px;
  margin-left: 5px;
}
#internet_option .option_table .account {
  width: 70%;
  font-size: 12px;
  padding: 5px;
  text-align: left;
  min-height: 40px;
}
#internet_option .option_table .account img {
  width: 75%;
  margin: 10px 12.5%;
}
#internet_option .option_table .price {
  padding: 5px;
}
#internet_option .option_table .price p {
  font-size: 10px;
  text-align: center;
  padding: 0;
  margin: 0;
}
#internet_option .home_value {
  display: none;
}
#internet_option .provider_area {
  background-image: url('/img/top/index_top_liferabit.png');
  background-repeat: no-repeat;
  background-position: 7% 0;
  background-size: 40px auto;
}
#internet_option .provider_area .serif {
  text-align: center;
  padding-top: 15px;
}
#internet_option .provider_area .au_serif {
  text-align: left;
  padding-left: 75px;
  padding-right: 10px;
}
#internet_option .provider_table .th_title {
  font-weight: bold;
  font-size: 5vw;
  margin: 0;
  padding: 0;
}
#internet_option .provider_table td {
  padding: 10px;
  width: 50%;
}
#internet_option .provider_table td input[type="radio"],
#internet_option .provider_table td input[type="checkbox"] {
  position: relative;
  top: 2.5px;
}
#internet_option .provider_table td.line {
  border-bottom: 1px solid #000;
}
#internet_option .provider_table td.au {
  vertical-align: top;
  border: none;
}
#internet_option .provider_table img.provider {
  width: 28vw;
  max-width: 140px;
  height: 12vw;
  max-height: 60px;
  object-fit: contain;
}
#internet_option .provider_table .lbl_item {
  height: 12vw;
  max-height: 60px;
  line-height: 100%;
  text-align: left;
  padding: 0;
}
#internet_option .provider_table .lbl_item label {
  margin: 5px;
}
#internet_option .provider_table .value_item {
  font-size: 2.5vw;
  text-align: left;
  padding: 0;
  padding-top: 5px;
  margin: 0;
  margin-bottom: -5px;
}
#internet_option .provider_table .underline {
  font-size: 5vw;
  padding: 0;
  margin: 0;
  text-align: right;
  border-bottom: 1px dotted #000;
}
#internet_option .provider_table .none {
  font-size: 3vw;
  text-align: left;
  padding: 0;
  margin: 0;
}
#internet_option .provider_table .caution {
  margin: 0;
  padding: 0;
  font-size: 2.5vw;
  color: red;
  text-align: left;
}
@media (min-width: 500px) {
  #internet_option .provider_table .th_title {
    font-size: 24px;
  }
  #internet_option .provider_table .value_item {
    font-size: 12px;
  }
  #internet_option .provider_table .underline {
    font-size: 24px;
  }
  #internet_option .provider_table .none {
    font-size: 14px;
  }
  #internet_option .provider_table .caution {
    font-size: 12px;
  }
}
#internet_option .panel {
  border: none;
  width: 42%;
  margin: 20px 10px;
  display: inline-block;
}
#internet_option .panel-selected {
  box-shadow: inset 0 0px 12px 5px #20afeb;
}
#internet_option .panel-heading {
  background-color: #0d4a9a;
  font-size: 15px;
  color: #fff;
  padding: 5px;
  border-color: #0d4a9a;
}
#internet_option .panel-heading input {
  float: left;
  margin: 0;
  margin-top: 6px;
  margin-left: 2px;
}
#internet_option .panel-heading label {
  float: left;
  margin: 0;
  padding-left: 5px;
  width: 85%;
  text-align: left;
}
#internet_option .panel-heading:after {
  content: "";
  clear: both;
  display: block;
}
#internet_option .panel-body {
  padding: 10px;
  border-left: 1px solid #0d4a9a;
  border-right: 1px solid #0d4a9a;
  border-bottom: 1px solid #0d4a9a;
  border-radius: 0 0 5px 5px;
}
#internet_option .panel-body label {
  text-align: center;
  vertical-align: bottom;
  font-weight: normal;
  width: 100%;
}
#internet_option .panel-body label img {
  width: 100%;
}
#internet_option .panel-body label img.manoma_1 {
  padding-top: 13%;
  width: 45%;
}
#internet_option .panel-body label img.manoma_2 {
  width: 20%;
}
#internet_option .panel-body label p {
  font-size: 12px;
  text-align: left;
  padding: 0 10px;
}
#water_option table.water_list {
  width: 92.5%;
  margin: 0 auto;
  height: 100%;
  table-layout: fixed;
  margin-top: 10px;
}
#water_option table.water_list td {
  position: relative;
  padding: 5px;
  vertical-align: top;
  width: 50%;
}
#water_option table.water_list .panel {
  border: none;
  margin: 0;
}
#water_option table.water_list .panel-selected {
  box-shadow: inset 0 0px 12px 5px #20afeb;
}
#water_option table.water_list .panel-heading {
  background-color: #0d4a9a;
  font-size: 11px;
  color: #fff;
  padding: 5px;
  border-color: #0d4a9a;
}
#water_option table.water_list .panel-heading input {
  float: left;
  margin: 0;
  margin-top: 2px;
  margin-left: 2px;
}
#water_option table.water_list .panel-heading label {
  float: left;
  margin: 0;
  padding-left: 5px;
  width: 82%;
}
#water_option table.water_list .panel-heading label p {
  margin-bottom: 4px;
}
#water_option table.water_list .panel-heading label span {
  border: 1px solid #fff;
  border-radius: 2px;
  font-size: 10px;
  padding: 3px 5px;
}
#water_option table.water_list .panel-heading:after {
  content: "";
  clear: both;
  display: block;
}
#water_option table.water_list .panel-server {
  height: 56px;
}
#water_option table.water_list .panel-body {
  padding: 10px;
  border-left: 1px solid #0d4a9a;
  border-right: 1px solid #0d4a9a;
  border-bottom: 1px solid #0d4a9a;
  border-radius: 0 0 5px 5px;
}
#water_option table.water_list .panel-body label {
  width: 100%;
}
#water_option table.water_list .panel-body table {
  width: 85%;
  margin: 0 auto;
}
#water_option table.water_list .panel-body table td {
  padding: 3px;
  width: 50%;
  font-size: 11px;
  font-weight: normal;
}
#water_option table.water_list .panel-body table .value {
  text-align: right;
}
#water_option table.water_list .img_area {
  width: 100%;
  text-align: center;
}
#water_option table.water_list img.premium_server {
  max-width: 100%;
  max-height: 120px;
  object-fit: contain;
}
#water_option .water_color_list {
  display: none;
}
#water_option img.premium_color1 {
  height: 30vw;
  max-height: 150px;
}
#water_option img.premium_color2 {
  height: 30vw;
  max-height: 150px;
}
#water_option img.premium_color3 {
  height: 30vw;
  max-height: 150px;
}
#water_option img.premium_color4 {
  height: 30vw;
  max-height: 150px;
}
#water_option img.premium_color5 {
  height: 30vw;
  max-height: 150px;
}
#water_option img.cosmo_color {
  height: 30vw;
  max-height: 150px;
}
#water_option .water_table {
  table-layout: fixed;
}
#water_option .water_table th,
#water_option .water_table td {
  font-size: 10px;
}
#water_option .water_table th {
  padding: 10px 5px;
}
#water_option .water_table .month {
  width: 22%;
}
#water_option .water_table .base {
  width: 28%;
}
#water_option .water_table .initial {
  width: 22%;
}
#water_option .water_table .setting {
  width: 22%;
}
#water_option .option_table {
  table-layout: fixed;
}
#water_option .option_table .underline {
  border-bottom: 1px solid #000;
}
#water_option .option_table th {
  text-align: left;
  width: 35%;
  font-size: 12px;
}
#water_option .option_table td {
  text-align: left;
  width: 65%;
  font-size: 12px;
}
#water_option .option_table td p.caution {
  font-size: 10px;
  text-indent: -1em;
  margin-left: 1em;
}
#water_option .option_table td p.caution:before {
  content: '※';
  display: inline-block;
  width: 1em;
  text-indent: 0;
}
#water_option .option_table td .form-control {
  width: 100%;
}
#water_option .option_table td #reservoir_price_label {
  padding-top: 5px;
  padding-right: 5px;
  text-align: right;
  font-size: 14px;
}
#electrical_option .campaign,
#gas_option .campaign {
  background-color: #d5ffff;
  background-image: url('/img/electrical/campaign_bg.png');
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: top center;
  border-radius: 7px;
  border: 2px solid #0d4a9a;
  width: 92%;
  margin: 20px auto;
  padding-top: 15%;
  text-align: center;
}
#electrical_option .campaign .bg_white,
#gas_option .campaign .bg_white {
  display: inline-block;
  background-color: #fff;
  width: 160px;
  height: 12px;
  margin-top: 5px;
  position: relative;
}
#electrical_option .campaign p,
#gas_option .campaign p {
  text-align: center;
  position: absolute;
  color: #fb8c21;
  font-weight: bold;
  font-size: 15px;
  margin: 0;
  bottom: 0;
  width: 100%;
}
#electrical_option .campaign .btn_crimson,
#gas_option .campaign .btn_crimson {
  font-size: 15px;
  margin: 5px;
  margin-bottom: 18px;
  width: 200px;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
}
#electrical_option .campaign .btn_crimson p,
#gas_option .campaign .btn_crimson p {
  position: absolute;
  top: 11px;
  right: 10px;
  color: #fff;
  text-align: right;
  margin: 0;
}
#electrical_option .campaign #kyuden_campaign dl,
#gas_option .campaign #kyuden_campaign dl {
  text-align: left;
}
#electrical_option .campaign #kyuden_campaign dl dt,
#gas_option .campaign #kyuden_campaign dl dt {
  color: #0d4a9a;
  font-size: 12px;
}
#electrical_option .campaign #kyuden_campaign dl dd,
#gas_option .campaign #kyuden_campaign dl dd {
  width: 92%;
  margin: 0 auto;
  font-size: 11px;
}
#electrical_option .campaign #kyuden_campaign dl dd span.campaign_alert,
#gas_option .campaign #kyuden_campaign dl dd span.campaign_alert {
  color: red;
}
#electrical_option .campaign #kyuden_campaign dl dd span.name,
#gas_option .campaign #kyuden_campaign dl dd span.name {
  font-size: 12px;
  font-weight: bold;
}
#electrical_option .campaign #kyuden_campaign ul,
#gas_option .campaign #kyuden_campaign ul {
  padding-inline-start: 18px;
}
#electrical_option .campaign #kyuden_campaign .ul_campaign,
#gas_option .campaign #kyuden_campaign .ul_campaign {
  margin-top: 5px;
}
#electrical_option .campaign #kyuden_campaign ul.caution,
#gas_option .campaign #kyuden_campaign ul.caution {
  padding-inline-start: 0;
}
#electrical_option .campaign #kyuden_campaign ul.caution li,
#gas_option .campaign #kyuden_campaign ul.caution li {
  list-style: none;
  font-size: 11px;
  text-indent: -1em;
  margin-left: 1em;
  margin-bottom: 5px;
}
#electrical_option .campaign #kyuden_campaign ul.caution li:before,
#gas_option .campaign #kyuden_campaign ul.caution li:before {
  content: '※';
  display: inline-block;
  width: 1em;
  text-indent: 0;
}
#electrical_option #c_close,
#gas_option #c_close,
#electrical_option #b_close,
#gas_option #b_close,
#electrical_option #j_close,
#gas_option #j_close,
#electrical_option #w_close,
#gas_option #w_close,
#electrical_option #n_close,
#gas_option #n_close,
#electrical_option #e_close,
#gas_option #e_close,
#electrical_option #g_close,
#gas_option #g_close,
#electrical_option #o_close,
#gas_option #o_close,
#electrical_option #k_close,
#gas_option #k_close,
#electrical_option #g1_close,
#gas_option #g1_close,
#electrical_option #g2_close,
#gas_option #g2_close,
#electrical_option #g3_close,
#gas_option #g3_close {
  display: none;
}
#electrical_option .plan,
#gas_option .plan {
  border-left: 5px solid #0d4a9a;
  width: 92%;
  margin: 10px auto;
  padding-left: 7px;
}
#electrical_option .option_table,
#gas_option .option_table {
  table-layout: fixed;
  margin-top: 20px;
}
#electrical_option .option_table .underline,
#gas_option .option_table .underline {
  border-bottom: 1px solid #000;
}
#electrical_option .option_table th,
#gas_option .option_table th {
  text-align: left;
  width: 45%;
  font-size: 12px;
}
#electrical_option .option_table td,
#gas_option .option_table td {
  text-align: left;
  width: 65%;
  font-size: 12px;
}
#electrical_option .option_table td p.caution,
#gas_option .option_table td p.caution {
  font-size: 10px;
  text-indent: -1em;
  margin-left: 1em;
}
#electrical_option .option_table td p.caution:before,
#gas_option .option_table td p.caution:before {
  content: '※';
  display: inline-block;
  width: 1em;
  text-indent: 0;
}
#electrical_option .option_table td #reservoir_price_label,
#gas_option .option_table td #reservoir_price_label {
  padding-top: 5px;
  padding-right: 5px;
  text-align: right;
  font-size: 14px;
}
#electrical_option .option_table td .form-control,
#gas_option .option_table td .form-control {
  width: 100%;
}
#electrical_option .colbtn_area,
#gas_option .colbtn_area {
  width: 92%;
  margin: 0 auto;
}
#electrical_option .colbtn_area .btn_o_white,
#gas_option .colbtn_area .btn_o_white {
  font-size: 14px;
  text-align: left;
  width: 100%;
  margin: 0;
  margin-bottom: 10px;
}
#electrical_option .colbtn_area .btn_o_white p,
#gas_option .colbtn_area .btn_o_white p {
  position: absolute;
  top: 11px;
  right: 10px;
  color: #fb8c21;
  text-align: right;
  margin: 0;
}
#electrical_option .col_area,
#gas_option .col_area {
  width: 85%;
  margin: 0 auto;
}
#electrical_option .col_area p.point,
#gas_option .col_area p.point {
  background-color: #64cbca;
  color: #fff;
  border-radius: 3px;
  padding: 3px 5px;
  font-size: 13px;
  text-align: center;
}
#electrical_option .col_area p.plan_name,
#gas_option .col_area p.plan_name {
  color: #0d4a9a;
  font-weight: bold;
}
#electrical_option .col_area .plan_table,
#gas_option .col_area .plan_table {
  width: 100%;
  font-size: 12px;
}
#electrical_option .col_area .plan_table td,
#gas_option .col_area .plan_table td,
#electrical_option .col_area .plan_table th,
#gas_option .col_area .plan_table th {
  text-align: left;
  border: none;
}
#electrical_option .col_area .plan_table td p,
#gas_option .col_area .plan_table td p,
#electrical_option .col_area .plan_table th p,
#gas_option .col_area .plan_table th p {
  font-size: 10px;
}
#electrical_option .col_area .plan_table td,
#gas_option .col_area .plan_table td {
  padding: 5px 8px;
  width: 32%;
}
#electrical_option .col_area .plan_table th,
#gas_option .col_area .plan_table th {
  padding: 5px;
  width: 36%;
}
#electrical_option .col_area .plan_table .price,
#gas_option .col_area .plan_table .price {
  text-align: right;
}
#electrical_option .col_area .plan_table .underline,
#gas_option .col_area .plan_table .underline {
  border-bottom: 1px solid #000;
}
#electrical_option .col_area .plan_table .d_underline,
#gas_option .col_area .plan_table .d_underline {
  border-bottom: 1px dotted #aaa;
}
#electrical_option .col_area .plan_table .d_left,
#gas_option .col_area .plan_table .d_left {
  border-left: 1px dotted #aaa;
}
#electrical_option .col_area .plan_n_table td,
#gas_option .col_area .plan_n_table td {
  width: 30%;
}
#electrical_option .col_area .plan_n_table th,
#gas_option .col_area .plan_n_table th {
  padding: 5px;
  width: 40%;
}
#electrical_option .col_area .tax_account,
#gas_option .col_area .tax_account {
  width: 100%;
  margin-bottom: 15px;
}
#electrical_option .price_table,
#gas_option .price_table {
  table-layout: fixed;
}
#electrical_option .price_table th,
#gas_option .price_table th,
#electrical_option .price_table td,
#gas_option .price_table td {
  font-size: 10px;
}
#electrical_option .price_table th,
#gas_option .price_table th {
  padding: 10px 5px;
}
#electrical_option .price_table .month,
#gas_option .price_table .month {
  width: 22%;
}
#electrical_option .price_table .base,
#gas_option .price_table .base {
  width: 28%;
}
#electrical_option .price_table .initial,
#gas_option .price_table .initial {
  width: 22%;
}
#electrical_option .price_table .setting,
#gas_option .price_table .setting {
  width: 22%;
}
#electrical_option #electrical_a_other,
#gas_option #electrical_a_other {
  display: none;
}
.diagnose {
  margin-top: 20px;
}
.diagnose .page {
  display: none;
}
.diagnose .title_area {
  text-align: center;
}
.diagnose .title_area img {
  width: 180px;
}
.diagnose .question_area {
  position: relative;
  border: 1px dotted #0d4a9a;
  border-radius: 5px;
  padding: 15px 10px;
  width: 90%;
  margin: 10px auto;
}
.diagnose .question_area img {
  position: absolute;
  width: 55px;
  right: -9px;
  top: -30px;
}
.diagnose .question_area .btn_b_white {
  width: 100%;
  margin: 5px 0;
}
.diagnose .question_area p {
  margin: 0 0 5px 0;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: #0d4a9a;
}
.diagnose .question_area .q_text {
  padding: 10px;
}
.diagnose .result_area {
  width: 90%;
  margin: 0 auto;
}
.diagnose .result_area #comment_area {
  text-align: center;
  padding-top: 15px;
}
.diagnose .result_area .btn_gray {
  font-size: 15px;
}
.diagnose .result_area .callcenter {
  text-align: left;
  background-image: url('/img/top/face.png');
  background-repeat: no-repeat;
  background-position: 20px center;
  background-size: 50px auto;
  padding-left: 80px;
  font-size: 10px;
  width: 250px;
  margin: 0 auto;
  margin-bottom: 10px;
}
.diagnose .result_area .callcenter p {
  font-size: 16px;
  font-weight: bold;
  color: #0d4a9a;
  margin: 0;
}
.diagnose .btn_ampere_select {
  width: 100%;
  display: inline-block;
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}
.diagnose .btn_ampere_select:focus {
  text-decoration: none;
}
.diagnose .btn_ampere_select:active {
  text-decoration: none;
}
.diagnose .btn_ampere_select:hover {
  text-decoration: none;
}
.diagnose .q5_ampere {
  display: none;
}
.diagnose .diagnose_service {
  display: none;
  background-color: #fff;
  border: 2px solid #0d4a9a;
  border-radius: 5px;
  text-align: center;
  padding: 10px;
  margin: 10px 0;
}
.diagnose .diagnose_service img {
  height: 11vw;
  max-height: 55px;
  max-width: 100%;
  object-fit: contain;
  margin-bottom: 10px;
}
.diagnose .diagnose_service .btn_orange {
  margin: 0;
  font-size: 12px;
  width: 120px;
  padding: 10px 0;
}
.diagnose .diagnose_service .caution {
  font-size: 12px;
}
#modal_img .modal-dialog {
  width: 90%;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  top: 40%;
  transform: translate(-50%, -40%);
}
#modal_img .modal-dialog .img_popup {
  width: 100%;
}
@media (min-width: 500px) {
  #modal_img .modal-dialog {
    width: 450px;
  }
}
#modal_img .modal-content {
  background-color: transparent;
}
#modal_img .modal-header {
  padding: 0 0 5px;
  border: none;
}
#modal_img .modal-header .close {
  opacity: 1;
  margin-right: 5px;
}
#modal_img .close {
  color: #fff;
  font-size: 3rem;
  font-weight: normal;
}
#modal_img .modal-body {
  padding: 0;
}
#modal_img .modal-footer {
  display: none;
}
.modal-open {
  overflow: auto;
}