﻿@charset "UTF-8";

/* CSS Document */
/*---------------------------------
base
---------------------------------*/
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0px;
  margin: 0px;
}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"],
button {
  background-color: transparent;
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  outline: none;
  padding: 0;
  cursor: pointer;
}

  input[type="submit"]::-webkit-search-decoration,
  input[type="button"]::-webkit-search-decoration,
  button::-webkit-search-decoration {
    display: none;
  }

  input[type="submit"]:focus,
  input[type="button"]:focus,
  button {
    outline-offset: -2px;
  }

.clearfix:after {
  content: " ";
  display: block;
  clear: both;
}

html {
  font-size: 62.5%;
}

body {
  font-size: 1.4rem;
  color: #333;
  line-height: 1.5;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, sans-serif;
  width: 100%;
}

p, li, td, th, div, main, article, section {
  font-size: 1.4rem;
}

a:not([href="javascript:void(0);"]) {
  color: #66a;
  text-decoration: underline;
}

  a:not([href="javascript:void(0);"]) * {
    color: #66a;
    text-decoration: underline;
  }

a:hover {
  text-decoration: none;
}

  a:hover * {
    text-decoration: none;
  }

  a:hover:not([href="javascript:void(0);"]) img {
    opacity: 0.7;
  }

li {
  list-style-type: none;
}

.fontBold {
  font-weight: bold;
}

.blueColor {
  color: #11afcf;
}

.redColor {
  color: #c02;
}

.text_left {
  text-align: left !important;
}

.text_center {
  text-align: center !important;
}

.text_right {
  text-align: right !important;
}

.error_more {
  width:100%;
  align-self:flex-end;
}

.error{
  font-weight: bold;
  color: #f00;
  margin-bottom: 4px;
}

  .error .formErrorContent {
    font-size: 1.2rem !important;
  }

.left24 {
  padding-left:24px;
}

.left38 {
  padding-left:38px;
}

.left52 {
  padding-left:52px;
}

.left80 {
  padding-left:80px;
}

.right24 {
  padding-right:24px;
}

a.blank_img:after {
  margin-left: 2px;
  margin-bottom: 2px;
  display: inline-block;
  content: " ";
  width: 14px;
  height: 14px;
  background: url(/img/icon_owr-145de765e5518181348c5a899e9fda51.png) no-repeat center center;
  background-size: 100% auto;
  vertical-align: middle;
}

a.link_href:before {
  display: inline-block;
  vertical-align: middle;
  content: " ";
  width: 20px;
  height: 20px;
  background: url(/img/bg_list_flow-67e74248645cc4dac7fea0b9658435e2.gif) no-repeat center center;
  background-size: 100% auto;
}

a.return:before {
  vertical-align: middle;
  content: " ";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../img/flow_gray_left.gif) no-repeat center left;
  background-size: 100% auto;
}

/*header*/
header {
  width: 100%;
  overflow: hidden;
  background-color: #fff;
  position: relative;
  padding: 10px 0px 16px;
}

  header:after {
    position: absolute;
    z-index: 2;
    bottom: 0;
    content: " ";
    display: block;
    width: 100%;
    height: 16px;
    background: url(/img/header_arc_bg_center-91fc9754f59f6f667fdbc3f78a3cdd4c.png) no-repeat center bottom;
    background-size: 100% 16px;
  }

  header .header_bg {
    position: relative;
    z-index: 1;
    font-size: 0;
    max-width: 960px;
    margin: 0 auto;
  }

  header .logo {
    line-height: 1;
    vertical-align: middle;
    text-align: left;
    display: inline-block;
    width: 50%;
  }

    header .logo img {
      vertical-align: bottom;
      width: 220px;
      height: auto;
    }

  header .imgreturn {
    line-height: 1;
    vertical-align: middle;
    font-size: 1.0rem;
    text-align: right;
    display: inline-block;
    width: 50%;
  }

    header .imgreturn img {
      vertical-align: bottom;
      width: 153px;
      height: auto;
    }
/*header*/

/*footer*/
.footer_fixed {
  position: fixed;
  width: 100%;
  bottom: 0;
}

footer {
  margin-top: 30px;
  background-color: #c02;
  color: #fff;
}

  footer .footnav {
    width: 100%;
    border-top: solid 2px #ccc;
    background-color: #fff;
  }

    footer .footnav .footnav_box {
      width: 960px;
      margin: 0 auto;
      padding: 10px 0px;
    }

      footer .footnav .footnav_box a {
        white-space: nowrap;
        margin-right: 10px;
        color: #333;
        font-size: 1.4rem;
      }

  footer .box {
    width: 960px;
    padding: 10px 0px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
  }

    footer .box .logo {
    }

    footer .box .copyright {
      font-size: 1rem;
    }
/*footer*/

.container {
  width: 960px;
  margin: 0 auto;
  position: relative;
}

.section {
}

.title_h1 {
  margin-top: 40px;
  margin-bottom: 20px;
  font-size: 3rem;
  color: #333333;
  display: block;
}

.title_h2 {
  margin-top: 40px;
  margin-bottom: 20px;
  border-top: solid 3px #cc0022;
  font-size: 1.8rem;
  padding: 15px 0px;
  display: block;
}

.title_h3 {
  margin-top: 40px;
  margin-bottom: 20px;
  border-left: solid 3px #cc0022;
  font-size: 1.6rem;
  padding: 8px;
  display: block;
}

.textbox {
  padding: 0 10px;
}

.text-m {
  margin-bottom: 10px;
  text-align: justify;
}

.word_break {
  word-break: break-all;
}

/*form*/
.form {
  margin-top: 20px;
  margin-bottom: 10px;
}

  .form dl {
    display: flex;
    border: solid 1px #cccccc;
  }

    .form dl:nth-of-type(n+2) {
      border-top: solid 0px #ffffff;
    }

  .form dt {
    padding: 10px;
    width: 360px;
    background-color: #e0e0e0;
  }

    .form dt label {
      display: block;
      font-size: 1.6rem;
    }

    .form dt .m_top_8 {
      margin-top: 8px;
    }

    .form dt .required {
      display: inline-block;
      color: #fff;
      font-size: 1.2rem;
      background-color: #c02;
      padding: 0px 4px;
      white-space: nowrap;
    }

  .form dd {
    width: 100%;
    padding: 10px 10px 0px 10px;
  }

  .bottom10 {
    padding-bottom: 10px;
    display: inline-block;
    word-break: break-all;
  }

.inline {
  display: flex;
}

  .inline .form_group {
    display: flex;
    align-items: center;
  }

    .inline .form_group label {
      white-space: nowrap;
      padding: 0 5px;
    }

  .inline .form_group_more {
    width:100%;
    align-items: center;
    margin-bottom: 5px;
  }

    .inline .form_group_more label {
      white-space: nowrap;
      padding: 0 5px;
    }

.form_group {
  margin-bottom: 10px;
}

.inline .w60 {
  width: 60px;
}

.inline .w80 {
  width: 80px;
}

input.form_control {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, sans-serif;
  display: block;
  width: 100%;
  height: 40px;
  padding: 5px;
  font-size: 1.4rem;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  overflow: hidden;
}

input.datepicker_damagedate, input.datepicker_damagedate2, input.timepicker_damagetime, input.datepicker_birthday {
  width: 230px;
}

input.width {
  width: 230px;
}

select.form_control {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, sans-serif;
  display: block;
  width: 230px;
  height: 40px;
  padding: 5px;
  font-size: 1.4rem;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
}

select.width_more {
  width: 100%;
}

textarea.form_control {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, sans-serif;
  display: block;
  width: 100%;
  height: 100px;
  resize: none;
  padding: 5px;
  font-size: 1.4rem;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.ui-datepicker-trigger {
  margin-left: 6px;
  width: 44px;
  height: 44px;
}

  .ui-datepicker-trigger img {
    width: 100%;
  }

.ui-datepicker select.ui-datepicker-month{
  width: 35% !important;
}

.ui-datepicker select.ui-datepicker-year {
	width: 45% !important;
}
/*
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #003eff !important;
	background: #007fff !important;
	font-weight: normal !important;
	color: #ffffff !important;
}
*/
.form_control_width {
  min-width: 260px;
}

.input-block {
  display: block;
  width: 100%;
}

.form_block {
  display: none;
}

.form_msg {
  display: none;
}

  /*.form_block select.form_control {
    width: 100%;
  }*/

  .form_block select.timeslot_cd005 {
    display: none;
  }

  .form_block select.timeslot_cd006 {
    display: none;
  }

.form dd .btn {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, sans-serif;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  height: 40px;
  padding: 8px 12px;
  font-size: 1.4rem;
  border-radius: 4px;
  margin-left: 10px;
}

  .form dd .btn.btn_red {
    color: #fff;
    background-color: #c02;
    border-color: #c02;
  }

.form dd .info {
  padding: 0px 5px;
  display: block;
  width: 100%;
}

.form dd .title_3 {
  font-size: 1.4rem;
}

.form dd .msg {
  font-size: 1.4rem;
  margin-bottom: 10px;
}
/*form*/

/*link_btn*/
.link_btn {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}

  .link_btn .btn_return {
    font-weight: bold;
    text-align: center;
    display: inline-block;
    background-color: #c02;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    color: #fff;
    font-size: 1.6rem;
    min-width: 260px;
    padding: 16px;
  }

  .link_btn a.btn_return:before {
    vertical-align: middle;
    position: relative;
    top: 8px;
    left: 0px;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    content: " ";
    display: inline-block;
    width: 10px;
    height: 20px;
    background: url(/img/icon_arrow_04-228cd4e0083020ffdb8eda483198b68f.png) no-repeat center left;
    background-size: 100% auto;
  }

  .link_btn .btn_close {
    font-weight: bold;
    text-align: center;
    display: inline-block;
    background-color: #c02;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    color: #fff;
    font-size: 1.6rem;
    min-width: 260px;
    padding: 16px;
  }

  .link_btn a.btn_close:before {
    vertical-align: middle;
    position: relative;
    top: 8px;
    left: 0px;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    content: " ";
    display: inline-block;
    width: 10px;
    height: 20px;
    background: url(/img/icon_arrow_02-c20c88ce54a69107461b34e9403234d2.png) no-repeat center left;
    background-size: 100% auto;
  }
/*link_btn*/

/*btn_box*/
.btn_box {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}

  .btn_box .btn {
    white-space: nowrap;
    padding: 16px;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    color: #fff;
    font-size: 1.6rem;
    width: 260px;
  }

  .btn_box .btn_gray {
    background-color: #666;
  }

  .btn_box .btn_red {
    background-color: #c02;
  }

@media(min-width:993px) {
  .subnav .dl_width {
    width :230px;
  }
}

@media(max-width:544px) {
  .btn_box .btn {
    margin-bottom: 10px;
  }

    .btn_box .btn:last-of-type {
      margin-bottom: 0px;
    }
}
/*btn_box*/

/*form_check*/
.form_check {
  width:320px;
  margin:20px auto;
}
/*form_check*/

/*form_check_e*/
.form_check_e {
  width:360px;
  margin:20px auto;
}
/*form_check_e*/

/*labelRadio*/
.labelRadio  {
  font-size:0;
}
.labelRadio input[type="radio"] + label {
  position: relative;
  display: inline-block;
  padding-left: 34px;
  margin-right: 10px;
  margin-bottom: 10px;
  cursor: pointer;
  white-space: nowrap;
  line-height:normal;
  font-size: 1.4rem;
}

.labelRadio input[type="radio"]:checked + label {
  color: #c02;
}

.labelRadio input[type="radio"] + label:before {
  vertical-align: middle;
  border: 1px solid #a1a1a1;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -o-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  content: " ";
  position: absolute;
  top: 50%;
  left: 1.0em;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  display: block;
  width: 20px;
  height: 20px;
  background-color: #fff;
}

.labelRadio input[type="radio"][disabled] + label {
  color: #777 !important;
}

  .labelRadio input[type="radio"][disabled] + label:before {
    background-color: #ccc !important;
  }

.labelRadio input[type="radio"]:checked + label:after {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  left: 1.0em;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  background: #c02;
  width: 12px;
  height: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  -o-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
}

.labelRadio input[type="radio"] {
  display: inline-block;
  width: 0px !important;
  height: 1px;
  visibility: hidden;
  position: absolute;
}
/*labelRadio*/
/*labelCheckbox*/
.labelCheckbox label {
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 10px;
  cursor: pointer;
  font-size: 0;
}

.labelCheckbox .agree {
  display: flex;
}

  .labelCheckbox label .checkspan {
    position: relative;
    display: inline-block;
    padding-left: 30px;
    font-size: 1.4rem;
  }

  .labelCheckbox label input[type="checkbox"] {
    display: inline-block;
    width: 0px !important;
    height: 1px;
    visibility: hidden;
    position: absolute;
  }

    .labelCheckbox label input[type="checkbox"] + .checkspan::before {
      position: absolute;
      left: 0px;
      width: 20px;
      height: 20px;
      border: 1px solid #a1a1a1;
      content: "";
    }

    .labelCheckbox label input[type="checkbox"]:checked + .checkspan {
      color: #cd002c;
    }

      .labelCheckbox label input[type="checkbox"]:checked + .checkspan::before {
        border-color: #cd002c;
        background: #cd002c;
      }

      .labelCheckbox label input[type="checkbox"]:checked + .checkspan::after {
        position: absolute;
        top: 5px;
        left: 5px;
        border: solid #ffffff;
        border-width: 0 0 2px 2px;
        width: 12px;
        height: 6px;
        content: "";
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
      }

.labelCheckbox .nowrap {
    white-space: nowrap;
  }
/*labelCheckbox*/

/*labelFaq*/
.labelFaq label {
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 10px;
  cursor: pointer;
  font-size: 0;
}

  .labelFaq .faqspan {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    font-size: 1.4rem;
  }

    .labelFaq .faqspan::before {
      position: absolute;
      left: 0px;
      width: 20px;
      height: 20px;
      content: "";
      background: url(/img/bg_list_flow-67e74248645cc4dac7fea0b9658435e2.gif) no-repeat center center;
    }
/*labelFaq*/

/*contactArea*/
.section .contactArea {
  margin-top: 10px;
  margin-bottom: 10px;
}

.contactArea {
  margin-top: 40px;
  padding: 10px 10px 0px 10px;
  border: 2px solid #00a9cc;
}

  .contactArea .tel_container {
    width: 100%;
    display: flex;
  }

    .contactArea .tel_container .tel_box {
      width: 50%;
    }
/*contactArea*/

/*tel_box*/
.tel_box {
}

  .tel_box .tel_box_flex {
    display: flex;
    justify-content: space-between;
    white-space: nowrap;
  }

@media(max-width:425px) {
  /*form_check_e*/
  .form_check_e {
    width:320px;
    margin:20px auto;
  }
  /*form_check_e*/

  .labelCheckbox .normal_sp {
    white-space: normal;
  }
}

@media(max-width:700px) {
  .tel_box .tel_box_flex {
    flex-wrap: wrap;
  }
}

.tel_box .tel_box_flex .tel_box_flex_inline {
  padding: 10px;
  width: 100%;
}

  .tel_box .tel_box_flex .tel_box_flex_inline .tel_info {
    min-height: 120px;
    border: solid 2px #c02;
    padding: 10px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

    .tel_box .tel_box_flex .tel_box_flex_inline .tel_info p {
      color: #c02;
      font-size: 1.4rem;
    }

      .tel_box .tel_box_flex .tel_box_flex_inline .tel_info p strong {
        font-size: 2rem;
      }
/*tel_box*/

/*subnav*/
.subnav {
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
}

  .subnav li {
    width: 100%;
  }

    .subnav li a {
      background-color: #eeeeee;
      display: block;
      border-right: 2px solid #d6d6d6;
      border-bottom: 2px solid #d6d6d6;
      padding: 10px;
      color: #333;
      font-weight: bold;
      text-decoration: none;
      margin: 0px 2px;
      white-space: nowrap;
    }
/*subnav*/

/*text_info*/
.text_info {
  margin-top: 20px;
  margin-bottom: 10px;
  overflow: hidden;
  border: solid 1px #cccccc;
}

  .text_info dl {
    display: flex;
  }

    .text_info dl:nth-of-type(n+2) {
      border-top: solid 1px #cccccc;
    }

    .text_info dl dt {
      padding: 10px;
      font-size: 1.6rem;
      background-color: #e0e0e0;
      width: 300px;
    }

    .text_info dl dd {
      padding: 10px;
      word-break: break-all;
      width:0;
      flex:1;
    }

      .text_info dl dd .list_confirm {
        font-size: 1.4rem;
      }

        .text_info dl dd .list_confirm b {
          font-size: 2rem;
          color: #c20;
          margin-right: 10px;
          vertical-align: middle;
        }

        .text_info dl dd .list_confirm span {
          margin-right: 10px;
          vertical-align: middle;
        }
/*text_info*/

/*list_text*/
.list_text {
}

  .list_text li {
    display: block;
    position: relative;
    padding-left: 14px;
  }

    .list_text li b {
      font-weight: 500;
      position: absolute;
      top: 0px;
      left: 0px;
    }
/*list_text*/

/*list_number*/
.list_number {
  margin-top: 20px;
}

  .list_number li {
    list-style-type: decimal;
    margin-left: 20px;
  }

    .list_number li .table {
      width: 100%;
      max-width: 100%;
      margin-bottom: 20px;
      border: solid 1px #ccc;
      border-collapse: collapse;
      border-spacing: 0;
    }

      .list_number li .table > tbody > tr > th {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #ccc;
        background-color: #e0e0e0;
        font-size: 1.6rem;
      }

      .list_number li .table > tbody > tr > td {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #ccc;
        font-size: 1.4rem;
      }
/*list_number*/

/*padd_box*/
.padd_box {
  margin-top: 20px;
  border: solid 1px #cccccc;
  overflow: hidden;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

  .padd_box .paddinfo {
    background-color: #eeeeee;
    padding: 10px;
    flex-shrink: 1;
    white-space: nowrap;
    text-align: center;
  }

  .padd_box h5 {
    font-size: 1.4rem;
    color: #c02;
  }

  .padd_box img {
    width: 250px;
    height: auto;
  }

/*padd_box*/

/*summary*/
.summary {
  background-color: #eee;
  padding: 10px;
}

  .summary p {
    font-size: 1.4rem;
    margin-bottom: 10px;
  }
/*summary*/

/*list_disc*/
.list_disc {
  margin: 0px;
  padding: 0px;
}

  .list_disc li {
    padding-left: 14px;
    position: relative;
    margin-bottom: 10px;
  }

    .list_disc li:before {
      content: "・";
      position: absolute;
      display: block;
      left: 0;
    }
/*list_disc*/

/*list_comment*/
.list_comment {
  margin: 0px;
  padding: 0px;
}

  .list_comment li {
    padding-left: 14px;
    position: relative;
    margin-bottom: 10px;
  }

    .list_comment li:before {
      content: "※";
      position: absolute;
      display: block;
      left: 0;
    }
/*list_comment*/

/*list_diamond*/
.list_diamond {
  margin: 0px;
  padding: 0px;
}

  .list_diamond li {
    padding-left: 14px;
    position: relative;
    margin-bottom: 10px;
  }

    .list_diamond li:before {
      content: "◆";
      position: absolute;
      display: block;
      left: 0;
    }
/*list_diamond*/

/*list_notes*/
.list_notes {
  margin: 0px;
  padding: 0px;
}

  .list_notes li {
    padding-left: 42px;
    position: relative;
    margin-bottom: 10px;
  }

    .list_notes li:before {
      color: #c02;
      font-weight: bold;
      content: "（注）";
      position: absolute;
      display: block;
      left: 0;
    }
/*list_notes*/

/*comment_old_tel*/
.comment_old_tel {
  margin: 0px;
  padding: 0px;
}

  .comment_old_tel li {
    padding-left: 14px;
    position: relative;
    margin-bottom: 10px;
  }

    .comment_old_tel li:before {
      content: "";
      position: absolute;
      display: block;
      left: 0;
    }
/*comment_old_tel*/
/*notebox*/
.notebox {
  border: solid 1px #cccccc;
  padding: 10px;
}

  .notebox .title_h4 {
    font-size: 1.6rem;
    text-align: center;
    margin-bottom: 10px;
  }

  .notebox .list_disc {
    min-width: 100%;
    margin: 0 auto;
  }
/*notebox*/

/*errorbox*/
.errorbox {
  position: relative;
  width: 100%;
  max-width: 750px;
  margin: 40px auto 0px;
}

.error_title {
  border: 1px solid #c02;
  color: #c02;
  font-weight: bold;
  text-align: center;
  margin-bottom: 2.0em;
  padding: 1.0em;
}
/*errorbox*/

/*osbox*/
.osbox {
  position: relative;
  width: 100%;
  max-width: 750px;
  margin: 40px auto 0px;
}

  .osbox .table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    border: solid 1px #ccc;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
  }

    .osbox .table > tbody > tr > th {
      padding: 8px;
      line-height: 1.42857143;
      vertical-align: top;
      border-top: 1px solid #ccc;
      font-size: 1.4rem;
      background-color: #e0e0e0;
    }

    .osbox .table > tbody > tr > td {
      padding: 8px;
      line-height: 1.42857143;
      vertical-align: middle;
      border-top: 1px solid #ccc;
      border-left: 1px solid #ccc;
      font-size: 1.4rem;
    }

  .osbox .title {
    margin-top: 20px;
    font-weight: 400;
  }
/*osbox*/

.error_title p {
  font-size: 1.6rem;
}

/*f00box*/
.f00box {
  padding: 15px;
  border: solid 1px #c02;
  margin-bottom: 10px;
}

  .f00box .btn_center {
    text-align: center;
  }

    .f00box .btn_center .btn {
      font-weight: bold;
      text-align: center;
      display: inline-block;
      background-color: #c02;
      -moz-border-radius: 6px;
      -webkit-border-radius: 6px;
      -o-border-radius: 6px;
      -ms-border-radius: 6px;
      border-radius: 6px;
      color: #fff;
      font-size: 1.4rem;
      min-width: 260px;
      padding: 10px;
    }

    .f00box .btn_center a.btn_close:before {
      vertical-align: middle;
      position: relative;
      top: 5px;
      left: 0px;
      -webkit-transform: translateY(-50%) translateX(-50%);
      -moz-transform: translateY(-50%) translateX(-50%);
      -o-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      content: " ";
      display: inline-block;
      width: 7px;
      height: 14px;
      background: url(/img/icon_arrow_02-c20c88ce54a69107461b34e9403234d2.png) no-repeat center left;
      background-size: 100% auto;
    }
/*f00box*/

/*cccbox*/
.cccbox {
  padding: 15px;
  border: solid 1px #ccc;
  margin-bottom: 10px;
}

  .cccbox .btn_center {
    text-align: center;
  }

    .cccbox .btn_center .btn {
      font-weight: bold;
      text-align: center;
      display: inline-block;
      background-color: #c02;
      -moz-border-radius: 6px;
      -webkit-border-radius: 6px;
      -o-border-radius: 6px;
      -ms-border-radius: 6px;
      border-radius: 6px;
      color: #fff;
      font-size: 1.4rem;
      min-width: 260px;
      padding: 10px;
    }

    .cccbox .btn_center a.btn_close:before {
      vertical-align: middle;
      position: relative;
      top: 5px;
      left: 0px;
      -webkit-transform: translateY(-50%) translateX(-50%);
      -moz-transform: translateY(-50%) translateX(-50%);
      -o-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      content: " ";
      display: inline-block;
      width: 7px;
      height: 14px;
      background: url(/img/icon_arrow_02-c20c88ce54a69107461b34e9403234d2.png) no-repeat center left;
      background-size: 100% auto;
    }
/*cccbox*/

/*tab_box*/
.tab_box {
}

  .tab_box .tab_title {
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

    .tab_box .tab_title li {
      width: 100%;
    }

      .tab_box .tab_title li:first-child {
        border-right: solid 4px #ffffff;
      }

      .tab_box .tab_title li a {
        display: block;
        color: #333333;
        border-bottom: solid 4px #cccccc;
        padding: 10px 30px;
        font-size: 1.8rem;
        font-weight: bold;
        cursor: pointer;
        text-decoration: none;
        background-color: #e0e0e0;
      }

        .tab_box .tab_title li a.on {
          border-bottom: solid 4px #c02;
          background-color: #e0e0e0;
          color: #333333;
        }

  .tab_box .tab_content {
  }

    .tab_box .tab_content .tab_info .row .labelCheckbox {
      margin-bottom: 0px;
      display: inline-block;
    }

      .tab_box .tab_content .tab_info .row .labelCheckbox label {
        margin-bottom: 0px;
        margin-right: 0px;
      }

    .tab_box .tab_content .tab_info {
    }

      .tab_box .tab_content .tab_info .hoken_info_type {
      }

        .tab_box .tab_content .tab_info .hoken_info_type p {
          margin-bottom: 10px;
        }

        .tab_box .tab_content .tab_info .hoken_info_type .new {
          background-color: #c02;
          color: #fff;
          font-size: 1.2rem;
          padding: 1px 4px;
        }

      .tab_box .tab_content .tab_info .row {
        position: relative;
        margin-bottom: 10px;
        padding-left: 44px;
      }

        .tab_box .tab_content .tab_info .row.new_box {
        }

        .tab_box .tab_content .tab_info .row .list_comment li {
          margin-bottom: 0px;
        }

        .tab_box .tab_content .tab_info .row .pdf {
          display: inline-block;
          padding-left: 20px;
          font-size: 1.2rem;
          background-image: url(../img/icon_download.gif);
          background-position: 4px center;
          background-repeat: no-repeat;
        }

          .tab_box .tab_content .tab_info .row .pdf a {
            color: #c20;
          }

        .tab_box .tab_content .tab_info .row .new {
          position: absolute;
          top: 0px;
          left: 0px;
          display: inline-block;
          background-color: #c02;
          color: #fff;
          font-size: 1.2rem;
          padding: 1px 4px;
        }


@media(max-width:425px) {

  .tab_box .tab_content .tab_info {
  }

    .tab_box .tab_content .tab_info .row {
      padding-left: 0px;
    }

      .tab_box .tab_content .tab_info .row.new_box {
        padding-right: 36px;
      }

      .tab_box .tab_content .tab_info .row .new {
        position: absolute;
        top: 0px;
        left: auto;
        right: 0px;
      }

  input.width_sp, select.width_more {
    width :210px;
  }

  input.datepicker_carryingcollectiondate {
    width: 210px;
  }

}
/*tab_box*/

.adobe {
  margin-top: 40px;
  display: flex;
  justify-content: center;
}

  .adobe img {
    margin-right: 10px;
  }

@media(max-width:992px) {
  header .header_bg {
    width: 100%;
    padding: 0 10px;
  }

  .container {
    width: 100%;
    padding: 0 10px;
  }

  .subnav {
    flex-wrap: wrap;
  }

    .subnav li {
      width: 50%;
    }

      .subnav li a {
        margin: 1px;
      }

  footer .footnav .footnav_box {
    width: 100%;
    padding: 10px;
  }

  footer .box {
    width: 100%;
    padding: 10px;
  }

  .tel_box .tel_box_flex .tel_box_flex_inline .tel_info p strong {
    font-size: 1.6rem;
  }
}

@media(max-width:768px) {

  header .logo img {
    width: 180px;
  }

  header .imgreturn img {
    width: 110px;
  }

  footer .box {
    display: block;
    justify-content: space-between;
    text-align: center;
  }

  footer .footnav .footnav_box {
    text-align: center;
  }

  .form dl {
    flex-wrap: wrap;
  }

  .form dt {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
  }

  .text_info dl {
    display: block;
  }

    .text_info dl dt {
      width: 100%;
      padding: 6px 10px;
    }

    .text_info dl dd {
      padding: 6px 10px;
      min-height: 34px;
      width:100%;
    }

  .errorbox {
    padding: 0 10px;
  }

  .tel_box .tel_box_flex .tel_box_flex_inline .tel_info p strong {
    font-size: 1.6rem;
  }
}

@media(max-width:544px) {
  .subnav li {
    width: 100%;
  }
}

@media(max-width:425px) {

  .title_h1 {
    font-size: 2rem;
  }

  .title_h2 {
    font-size: 1.6rem;
  }

  header:after {
    background-size: contain;
  }

  footer .box .logo {
    display: none;
  }

  footer .box .copyright span {
    display: block;
  }

  .form dt .m_top_8 {
    margin-top: 0px;
  }

  .text_info dl dd .list_confirm b {
    font-size: 1.6rem;
  }

  .padd_box {
    display: block;
  }

  .contactArea span {
    display: block;
  }

  .form_block .inline {
    flex-wrap: wrap;
  }

  .form_control_width {
    min-width: 100%;
  }

  .adobe {
    flex-wrap: wrap;
  }

  .osbox {
    padding: 0 10px;
  }

  .tab_box .tab_content .tab_info .row_inline .info {
    width: 100%;
  }

  .tel_box .tel_box_flex .tel_box_flex_inline .tel_info {
    min-height: 100px;
  }

    .tel_box .tel_box_flex .tel_box_flex_inline .tel_info p {
      font-size: 1.2rem;
      white-space: normal;
    }
}

/*pageTopButton*/
#pageTopButton{
  position: fixed;
  z-index: 10;
  bottom: 0;
  left: 50%;
  width: 44px;
  height: 44px;
  margin-left: 470px;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -o-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
}

@media screen and (max-width: 960px) {
  #pageTopButton{
    right: -10px;
    left: auto;
    margin-left: 0;
  }
}

#pageTopButton a{
  display: inline-block;
}

#pageTopButton a img{
  vertical-align: bottom;
  width: 100%;
  height: 100%;
}
/*pageTopButton*/

/*tenpo link*/
a.pc {
  display: inline-block;
}
a.sp {
  display: none;
}

@media screen and (max-width: 768px) {
  a.pc {
    display: none;
  }
  a.sp {
    display: inline-block;
  }
}
/*tenpo link*/

@media screen and (max-width: 380px) {
  input.form_control,select.form_control {
    font-size: 1.3rem;
  }
}

#selAddress {
  width: 100%;
}
