@charset "utf-8";

/* ----------------------------------------------------
    見出し
---------------------------------------------------- */
h2 {
    background: -webkit-linear-gradient(#f2f2f2 0%, #ffffff 100%);
    background: -o-linear-gradient(#f2f2f2 0%, #ffffff 100%);
    background: linear-gradient(#f2f2f2 0%, #ffffff 100%);
    border: 1px solid #9f9f9f;
    box-shadow:0px 2px 2px -2px #d1d2bf;
        -moz-box-shadow:0px 2px 2px -2px #d1d2bf;
        -webkit-box-shadow:0px 2px 2px -2px #d1d2bf;
    clear: both;
    color: #37b72c;
    font-size: 18px;
    margin-bottom: 20px;
    padding: 8px 10px 8px 25px;
    position: relative;
    text-shadow:0px 2px 1px #d1d2bf;
        -moz-text-shadow:0px 2px 1px #d1d2bf;
        -webkit-text-shadow:0px 2px 1px #d1d2bf;
}
    h2:after {
        content: "";
        border: 3px solid #37b72c;
            height: 100%;
            height: -webkit-calc(100% - 20px);
        height: calc(100% - 20px);
        position: absolute; top: 8px; left: 10px;
    }

h4 {
    background: none;
    color: #666;
    display: inline-block;
    font-size: 14px;
    margin-top: 10px;
    padding-left: 25px;
    position: relative;
}

    h4:before {
    content: " ";
    border: solid 4px #33cc66;
    display: inline-block;
    height: 8px;
    width: 8px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 10px;
    position: absolute; top:3px; left:0;
    }


/* ----------------------------------------------------
    個別設定
---------------------------------------------------- */
.btn {
    text-align: center!important;
    margin-bottom: 20px;
}
    .btn a {
        display: inline-block;
        width: 45%;
    }

.box_gray {
    padding: 5px;
}

.box_gray li.list01,
.box_gray li.list02,
.box_gray li.list03,
.box_gray li.list04,
.box_gray li.list05,
.box_gray li.list06,
.box_gray li.list07 {
    background: none;
    padding:0 0 0 35px;
    text-indent: -35px;
}
.box_gray li.list01:before,
.box_gray li.list02:before,
.box_gray li.list03:before,
.box_gray li.list04:before,
.box_gray li.list05:before,
.box_gray li.list06:before,
.box_gray li.list07:before {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    background-color: #33cc66;
    display: inline-block;
    height: 23px;
    margin-right: 10px;
    text-align: center;
    text-indent: 0;
    width: 23px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.box_gray li.list01:before { content: "1"; }
.box_gray li.list02:before { content: "2"; }
.box_gray li.list03:before { content: "3"; }
.box_gray li.list04:before { content: "4"; }
.box_gray li.list05:before { content: "5"; }
.box_gray li.list06:before { content: "6"; }
.box_gray li.list07:before { content: "7"; }

.table_sp {
    margin-bottom: 20px;
    overflow-x: auto;
    width: 100%;
}
    .table_sp .dTable {
        margin:0!important;
    }

.table_sp::-webkit-scrollbar{height:10px;}
.table_sp::-webkit-scrollbar-track{background:#ddd;}
.table_sp::-webkit-scrollbar-thumb{background:#999;}

table.inquiry th, table.inquiry td {
    display: block;
    width: auto!important;
}

.inquiry_bottom {
    text-align: center!important;
    margin-bottom: 20px;
    width: 100%;
}
    .inquiry_bottom a {
        display: inline-block;
        width: 45%;
    }


.info_bottom .info {
    float: none!important;
    height: auto;
    margin-bottom: 10px;
    width: 100%;
}



/* ----------------------------------------------------
    もっとぎゅっとペット保険
---------------------------------------------------- */
.tokuyakuContent {
    background: #F6F4E7;
    border: 2px solid #E5D6B3;
    height: auto;
    padding: 10px;
    width: auto;
}
.tokuyakuContent .sp.ttl {
    color: #330F02;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}
.tokuyakuContent .detailTokuyaku2 {
    background: none;
    position: relative; top:0; left:0; right:0;
    max-width: 100%;
    padding: 0;
    text-indent:0;
    width: 100%;
}
table.priceTable {
	width: 450px;
}
table.priceTable th {
    width: 80px;
}


/* ----------------------------------------------------
    日本ペットプラス
---------------------------------------------------- */
.box_gray ol li ul li {
  list-style-type: disc;
  margin: 0 0 0 1.2em;
  padding: 0;
  text-indent: 0;
}
.box_gray ol li ul li strong {
  display: block;
}
.nihonpet-plus p {
  margin: 10px !important;
}
.nihonpet-plus img {
  width: 100%;
  height: auto;
}
