@charset "UTF-8";
@media only screen and (max-width:767px) {
  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
  }
  article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
  }
  html {
    line-height: 1;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
  }
  ol, ul {
    list-style: none
  }
  table {
    border-collapse: collapse;
    border-spacing: 0
  }
  caption, th, td {
    text-align: left;
    font-weight: 400;
    vertical-align: middle
  }
  q, blockquote {
    quotes: none
  }
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none
  }
  img {
    border: 0;
    vertical-align: bottom;
    max-width: 100%;
    height: auto
  }
  a {
    background-color: transparent
  }
  a:active, a:hover {
    outline: 0
  }
  abbr[title] {
    border-bottom: 1px dotted
  }
  b, strong {
    font-weight: 700
  }
  pre {
    overflow: auto
  }
  code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
  }
  button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
  }
  button {
    overflow: visible
  }
  button, select {
    text-transform: none
  }
  button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
  }
  button[disabled], html input[disabled] {
    cursor: default
  }
  button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
  }
  input {
    line-height: normal
  }
  input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0
  }
  input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    height: auto
  }
  input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
  }
  input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
  }
  fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
  }
  legend {
    border: 0;
    padding: 0
  }
  textarea {
    overflow: auto
  }
  optgroup {
    font-weight: 700
  }
  body {
    font-family: Meiryo, "メイリオ", Hiragino Kaku Gothic Pro W3, "ヒラギノ角ゴ Pro W3", Osaka, MS Gothic, "ＭＳ ゴシック", MS P Gothic, "ＭＳ Ｐゴシック", sans-serif;
    background: url(../img/common/bg_body.jpg) repeat
  }
  a {
    color: #036;
    text-decoration: underline
  }
  #header {
    width: 95%;
    margin: 60px auto 15px;
    position: relative
  }
  #header .plantl {
    display: none
  }
  #header .plantr {
    display: none
  }
  #header .logo {
    display: block;
    width: 294px;
    margin: 0 auto 10px
  }
  #header .office_wrap {
    width: 294px;
    height: 33px;
    background: transparent url(../img/common/head_access_bg_sp.png) 0 0 no-repeat;
    margin: 0 auto;
    position: relative
  }
  #header .head_btn_office {
    position: absolute;
    top: 6px;
    left: 10px;
    display: inline-block;
    vertical-align: middle
  }
  #header .access {
    position: absolute;
    top: 10px;
    right: 18px;
    display: inline-block;
    vertical-align: middle
  }
  #header h1, #header .title {
    font-size: 75%;
    line-height: 1.3;
    margin-bottom: 10px
  }
  #head_txtswitch {
    display: none
  }
  #gnav {

    box-sizing: border-box;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px
  }
  #gnav .spNavTitle {
    box-sizing: border-box;
    width: 100%;
    height: 50px;
    padding-left: 10px;
    line-height: 50px;
    text-align: left;
    letter-spacing: 1px;
    border-top: 3px solid #5d534a;
    background: linear-gradient(#f7ec9a, #f4d067);
    text-shadow: 0 1px 3px rgba(102, 102, 102, .5);
    box-shadow: 0 1px 3px rgba(102, 102, 102, .8);
    position: relative;
    z-index: 2
  }
  #gnav .spNavTitle>a {
    text-decoration: none
  }
  #gnav .spNavInq {
    box-sizing: border-box;
    display: inline-block;
    position: absolute;
    top: 12px;
    right: 64px;
    z-index: 2;
    text-align: center;
    text-decoration: none;
    font-size: 75%;
    padding: 8px 12px;
    color: #fff;
    background-color: #f1a51e;
    border: 1px solid #fff;
    border-radius: 5px
  }
  #gnav .spMenuTrigger {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 32px;
    z-index: 2;
    cursor: pointer
  }
  #gnav .spMenuTrigger .line {
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    display: inline-block;
    background-color: #5d534a;
    border-radius: 4px;
    transition: all .5s
  }
  #gnav .spMenuTrigger .line:nth-of-type(1) {
    top: 0
  }
  #gnav .spMenuTrigger .line:nth-of-type(2) {
    top: 14px
  }
  #gnav .spMenuTrigger .line:nth-of-type(3) {
    bottom: 0
  }
  #gnav .gnav_list {
    box-sizing: border-box;
    position: absolute;
    z-index: -1;
    width: 100%;
    top: -300px;
    box-shadow: 0 1px 3px rgba(102, 102, 102, .8);
    transition: all 1s
  }
  #gnav .gnav_list li {
    box-sizing: border-box;
    width: 100%;
    height: 50px;
    background: linear-gradient(#f7ec9a, #f4d067);
    border-bottom: 1px solid #bbb;
    position: relative;
    z-index: -1
  }
  #gnav .gnav_list li a {
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 50px;
    padding: 17px 10px
  }
  #gnav .gnav_list li .spNavComment {
    box-sizing: border-box;
    display: block;
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    padding: 5px 10px;
    color: #0d3266;
    background-color: #ffffcb;
    border-radius: 4px;
    font-size: 75%
  }
  #gnav .gnav_list.js_active {
    top: 50px
  }
  .js_header_fixed {
    position: fixed!important;
    top: 0!important
  }
  .js_active.spMenuTrigger .line:nth-of-type(1) {
    transform: translateY(14px) rotate(-45deg)
  }
  .js_active.spMenuTrigger .line:nth-of-type(2) {
    opacity: 0
  }
  .js_active.spMenuTrigger .line:nth-of-type(3) {
    transform: translateY(-14px) rotate(45deg)
  }
  #container {
    width: 95%;
    margin: 0 auto 20px
  }
  #contents {
    margin: 30px 0 0;
    padding: 0
  }
  #contents p {
    color: #333;
    line-height: 1.3;
    margin-bottom: 15px
  }
  #contents table p {
    margin: 0 0 10px;
    padding: 0
  }
  #contents h1 {
    color: #5d534a;
    font-size: 113%;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 1px;
    border-left: 5px solid #5e534d;
    background: linear-gradient(#fff, #ededd3);
    padding: 5px 10px;
    margin-bottom: 20px
  }
  #contents h2 {
    color: #5d534a;
    line-height: 1.3;
    border-left: #5d534a solid 3px;
    background: linear-gradient(#fff, #ededd3);
    padding: 5px 10px;
    margin-bottom: 20px
  }
  #contents h3 {
    color: #89b344;
    line-height: 1.3;
    border-bottom: #999 dotted 1px;
    padding-bottom: 5px;
    margin-bottom: 20px
  }
  #contact .contactform {
    display: none
  }
  #wrapper .spContact {
    box-sizing: border-box;
    width: 90%;
    margin: 0 auto 15px;
    padding: 15px;
    border: 3px solid #eee;
    text-align: center
  }
  #wrapper .spContact .spContact_btn {
    display: block;
    box-sizing: border-box;
    width: 200px;
    margin: 0 auto;
    padding: 10px 0;
    text-decoration: none;
    border-radius: 4px
  }
  #wrapper .spContact .spContact_tel:nth-child(2) {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px dotted #666
  }
  #wrapper .spContact .spContact_tel .spContact_head {
    background-color: #db535a
  }
  #wrapper .spContact .spContact_tel .spContact_btn {
    color: #db535a;
    background-color: transparent;
    font-size: 113%;
    font-weight: 700;
    text-decoration: none
  }
  #wrapper .spContact .spContact_mail:nth-child(2) {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px dotted #666
  }
  #wrapper .spContact .spContact_mail .spContact_head {
    background-color: #8b8b8a
  }
  #wrapper .spContact .spContact_mail .spContact_btn {
    color: #FFF;
    background-color: #f2a624;
    font-size: 81%;
    font-weight: 400;
    text-shadow: 0 1px 2px rgba(51, 51, 51, .7)
  }
  #wrapper .spContact .spContact_head {
    padding: 10px 0;
    color: #fff;
    border-radius: 4px;
    margin-bottom: 15px
  }
  #wrapper .spContact .spContact_body {
    margin-bottom: 15px
  }
  #wrapper .spContact .spContact_note {
    font-size: 75%;
    line-height: 1.4
  }
  #wrapper .spContact .spContact_hour {
    position: relative;
    border: 1px solid #999;
    padding: 20px 10px 10px;
    margin-top: 20px
  }
  #wrapper .spContact .spContact_hour .spContact_note {
    text-align: left
  }
  #wrapper .spContact .spContact_hour_head {
    display: inline-block;
    padding: 5px 15px;
    background-color: #fbfbf3;
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%)
  }
  #wrapper .spContact .spContact_hour_text {
    margin-bottom: 10px
  }
  #contents .blank {
    padding: 0 0 0 20px;
    background: url(../img/common/ico_blank.gif) no-repeat left 5px
  }
  #contents .last {
    margin: 0 0 40px
  }
  #contents .under {
    margin: 0 0 10px;
    padding: 0 0 5px;
    border-bottom: #999 dotted 1px
  }
  #contents .red {
    color: #e8391b
  }
  #contents .orange {
    color: #f60
  }
  #contents .green {
    color: #2b4744
  }
  #contents .lightgreen {
    color: #89b344
  }
  #contents .black {
    color: #333
  }
  #contents .txtb {
    font-weight: 700
  }
  #contents .txtunder {
    text-decoration: underline
  }
  #contents .txtcenter {
    text-align: center
  }
  #side {
    box-sizing: border-box;
    width: 90%;
    margin: 40px auto 20px;
    padding: 40px 0 20px;
    border-top: 5px solid #eee;
    border-bottom: 5px solid #eee
  }
  #side .bnr {
    margin: 0 0 20px;
    text-align: center
  }
  #side .bnr ul {
    margin: 0
  }
  #side .bnr ul li {
    margin: 0 0 10px;
    list-style: none
  }
  #side .bnr ul li:last-child {
    margin: 0
  }
  #side .bnr img {
    vertical-align: bottom
  }
  #side .sideMobile {
    display: none
  }
  #sideContact {
    display: none
  }
  #lnavTop {
    margin: 0 auto 20px;
    padding: 10px 0 0;
    width: 230px;
    height: 252px;
    background: url(../img/top/bg_lnavtop.gif) no-repeat left top
  }
  #lnavTop dl {
    margin: 0;
    padding: 5px;
    width: 190px
  }
  #lnavTop dl dt {
    margin: 0;
    padding: 15px 5px 5px 20px;
    width: 165px;
    font-size: 14px;
    font-weight: 700;
    color: #301004;
    line-height: 1.5
  }
  #lnavTop dl dd {
    border-bottom: #ccc dotted 1px;
    font-size: 14px;
    font-weight: 400;
    color: #036;
    line-height: 1.5
  }
  #lnavTop dl dd.last {
    border-bottom: none
  }
  #lnavTop dl dd a {
    padding: 10px 5px 5px 20px;
    width: 170px;
    background: url(../img/top/bg_lnav_list_off.gif) no-repeat 182px 14px;
    color: #036;
    text-decoration: none;
    display: block
  }
  #lnav {
    margin: 0 auto 20px;
    width: 230px
  }
  #lnav ul li {
    margin: 0 0 1px;
    padding: 0;
    width: 230px;
    height: 45px;
    overflow: hidden
  }
  #lnav ul li img {
    margin: 0;
    padding: 0;
    pointer-events: none
  }
  #lnav ul li a {
    display: block;
    height: 45px;
    overflow: hidden
  }
  #lnav.nini {
    padding: 102px 0 0;
    height: 280px;
    background: url(../img/lnav/bg_nini_on.gif) no-repeat left top
  }
  #lnav.kabarai {
    padding: 102px 0 0;
    height: 280px;
    background: url(../img/lnav/bg_kabarai_on.gif) no-repeat left top
  }
  #lnav.hasan {
    padding: 102px 0 0;
    height: 280px;
    background: url(../img/lnav/bg_hasan_on.gif) no-repeat left top
  }
  #lnav.saisei {
    padding: 102px 0 0;
    height: 280px;
    background: url(../img/lnav/bg_saisei_on.gif) no-repeat left top
  }
  #lnav.guide {
    padding: 102px 0 0;
    height: 234px;
    background: url(../img/lnav/bg_guide_on.gif) no-repeat left top
  }
  #lnav.office {
    padding: 102px 0 0;
    height: 188px;
    background: url(../img/lnav/bg_office_on.gif) no-repeat left top
  }
  #first {
    width: 230px;
    margin: 0 auto 20px
  }
  #first img {
    margin: 0 0 10px
  }
  .recommend_head {
    display: block;
    width: 230px;
    margin: 0 auto 5px
  }
  #recommend {
    margin: 0 auto 20px;
    padding: 50px 20px 10px;
    width: 190px;
    height: 267px;
    background: url(../img/common/bg_recommend.gif) no-repeat left top
  }
  #recommend img {
    margin: 0 0 10px;
    padding: 0
  }
  #officeinfo {
    margin: 0 auto 20px;
    padding: 20px 10px 0;
    width: 210px;
    background: url(../img/common/bg_officeinfo.gif) no-repeat left top
  }
  #officeinfo h3 {
    margin: 0 0 10px;
    padding: 0;
    width: 210px;
    font-weight: 700
  }
  #officeinfo dl {
    margin: 0;
    padding: 10px 0 0;
    width: 210px
  }
  #officeinfo dl dt {
    margin: 0 0 5px;
    padding: 0;
    width: 210px;
    font-size: 88%;
    font-weight: 400
  }
  #officeinfo dl dd {
    margin: 0 0 10px;
    padding: 0;
    width: 210px;
    font-size: 88%;
    line-height: 1.5
  }
  #officeinfo #sideprofile {
    margin: 0;
    padding: 15px 0 0 100px;
    width: 110px;
    height: 132px;
    background: url(../img/common/bg_fukada.png) no-repeat left top
  }
  #officeinfo #sideprofile ul {
    margin: 10px 0 0;
    padding: 0;
    width: 103px;
    list-style: none
  }
  #officeinfo #sideprofile ul li {
    margin-bottom: 10px;
    padding: 0 0 3px 13px;
    width: 90px;
    background: url(../img/common/ico_list.gif) no-repeat left 1px;
    font-size: 88%
  }
  #officeinfo #sideprofile ul li a {
    color: #036;
    text-decoration: none
  }
  #seo {
    margin: 0 auto;
    padding: 0;
    width: 220px
  }
  #seo h3 {
    margin: 0 0 5px;
    padding: 0 0 3px;
    width: 220px;
    font-size: 88%;
    font-weight: 700;
    border-bottom: #ccc solid 1px;
    color: #333
  }
  #seo p {
    font-size: 88%;
    margin-bottom: 10px
  }
  #pagetop {
    display: none;
    position: relative;
    z-index: 100
  }
  #pagetop a {
    display: block;
    position: fixed;
    right: 10px;
    bottom: 10px;
    text-decoration: none;
    width: 45px;
    height: 45px;
    border-radius: 100%;
    background-color: #999;
    opacity: .8;
    text-indent: 105%;
    white-space: nowrap;
    overflow: hidden
  }
  #pagetop a:before {
    content: '↑';
    color: #fff;
    font-size: 16px;
    text-indent: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -55%);
    z-index: 1
  }
  #pagetop #plant {
    display: none
  }
  #contents #page {
    margin: 20px 0;
    font-size: 88%
  }
  #contents #page p {
    clear: both;
    padding-top: 8px;
    text-align: center
  }
  #contents #page .current_page {
    display: inline-block;
    padding: 2px 8px;
    border: 1px solid #036;
    background: #036;
    color: #FFF;
    text-decoration: none;
    margin-bottom: 10px
  }
  #contents #page .link_page {
    display: inline-block;
    margin-bottom: 10px
  }
  #contents #page img {
    margin: 0;
    padding: 0;
    vertical-align: middle
  }
  #contents #page span a {
    padding: 2px 8px;
    background: #fff;
    color: #036;
    border: 1px solid #036;
    text-decoration: none
  }
  #contents #page span a:hover {
    padding: 2px 8px;
    border: 1px solid #036;
    background: #036;
    color: #FFF;
    text-decoration: none
  }
  #footer {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 65px;
    background: url(../img/common/bg_footer.jpg) no-repeat center top;
    background-size: 631px auto;
    position: relative
  }
  #footer dl {
    padding: 0 10px
  }
  #footer dl dt p {
    font-size: 88%;
    color: #333;
    line-height: 140%;
    margin-bottom: 10px
  }
  #footer dl dt p a {
    color: #036;
    text-decoration: none
  }
  #footer ul {
    width: 90%;
    margin: 0 auto 10px
  }
  #footer ul li {
    margin-bottom: 5px
  }
  #footer ul li a {
    display: block;
    background: #eee url(../img/common/ico_list.gif) no-repeat 5px center;
    padding: 8px 0 8px 20px;
    font-size: 88%;
    line-height: 1.3;
    text-align: left;
    border-radius: 5px
  }
  #footer .footer_logo {
    display: block;
    margin: 20px auto
  }
  #footer .footer_tel {
    display: block;
    margin: 20px auto;
    text-align: center
  }
  #footer .copyright {
    position: absolute;
    bottom: 0;
    font-size: 75%;
    line-height: 1.3
  }
  #user table {
    margin: 0 0 20px;
    padding: 0;
    width: 100%;
    border-collapse: collapse
  }
  #user th {
    margin: 0;
    padding: 10px;
    background-color: #f0ebce;
    font-weight: 700;
    color: #2b4744;
    border: 1px solid #fff
  }
  #user td {
    margin: 0;
    padding: 10px;
    width: 279px;
    background-color: #f6f3e1;
    color: #333;
    border: 1px solid #fff
  }
  #user tbody tr:nth-of-type(odd), #user tbody td:nth-of-type(odd) {
    background: rgba(241, 241, 222, .5)
  }
  #user ol {
    margin: 0 0 40px 30px;
    padding: 0;
    color: #333
  }
  #user ol li {
    margin: 0;
    padding: 0
  }
  #user ul {
    width: 100%;
    margin: 0 0 20px 30px;
    padding: 0;
    color: #333
  }
  #user ul li {
    margin: 0;
    padding: 0
  }
  #wrapper .js_imageScrollSp {
    box-sizing: border-box;
    display: block;
    width: 100%;
    margin: 0 0 15px;
    padding: 0;
    position: relative;
    overflow: scroll;
    border: 1px solid #ccc
  }
  #wrapper .js_imageScrollSp>img {
    max-width: none;
    height: auto
  }
  #wrapper .js_imageScrollSp .js_imageScrollSp_note {
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 5px;
    font-size: 63%;
    padding: 5px 15px 5px 5px;
    color: #fff;
    background-color: rgba(51, 51, 51, .3);
    text-shadow: 0 1px 2px rgba(51, 51, 51, .5);
    border-radius: 3px;
    transition: all .7s
  }
  #wrapper .js_imageScrollSp .js_imageScrollSp_note:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%)
  }
  #googlemap_api {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
  }
  .cf, #contents .caseBox, #contents .priceBox, #contents .photoBox, .clearfix {
    zoom: 1
  }
  .cf:after, #contents .caseBox:after, #contents .priceBox:after, #contents .photoBox:after, .clearfix:after {
    content: " ";
    display: table;
    clear: both
  }
  .mt0 {
    margin-top: 0!important
  }
  .mb0 {
    margin-bottom: 0!important
  }
  .mt5 {
    margin-top: 5px!important
  }
  .mb5 {
    margin-bottom: 5px!important
  }
  .mt10 {
    margin-top: 10px!important
  }
  .mb10 {
    margin-bottom: 10px!important
  }
  .mt15 {
    margin-top: 15px!important
  }
  .mb15 {
    margin-bottom: 15px!important
  }
  .mt20 {
    margin-top: 20px!important
  }
  .mb20 {
    margin-bottom: 20px!important
  }
  .mt25 {
    margin-top: 25px!important
  }
  .mb25 {
    margin-bottom: 25px!important
  }
  .mt30 {
    margin-top: 30px!important
  }
  .mb30 {
    margin-bottom: 30px!important
  }
  .mt35 {
    margin-top: 35px!important
  }
  .mb35 {
    margin-bottom: 35px!important
  }
  .mt40 {
    margin-top: 40px!important
  }
  .mb40 {
    margin-bottom: 40px!important
  }
  .mt45 {
    margin-top: 45px!important
  }
  .mb45 {
    margin-bottom: 45px!important
  }
  .mt50 {
    margin-top: 50px!important
  }
  .mb50 {
    margin-bottom: 50px!important
  }
  .tac {
    text-align: center
  }
  .tar {
    text-align: right
  }
  .tal {
    text-align: left
  }
  .js_imgChange {
    opacity: 0
  }
  #mainArea {
    margin: 0 0 20px;
    padding: 0;
    width: 100%
  }
  #mainArea .spMv {
    width: 100%
  }
  #mainArea #main {
    margin: 0 auto;
    padding: 0;
    position: relative
  }
  #mainArea #main #maincontact {
    display: none
  }
  #mainArea #main #main_case {
    display: none
  }
  #mainArea #main #main_voice {
    display: none
  }
  #mainArea #main a {
    color: #036;
    text-decoration: none
  }
  #contentsTop {
    margin-bottom: 30px
  }
  #contentsTop p {
    margin: 0 0 20px;
    color: #333
  }
  #contentsTop h2 {
    margin: 0;
    letter-spacing: 1px;
    font-weight: 700;
    color: #5d534a;
    font-size: 100%;
    line-height: 1.3;
    border-left: 3px solid #5e534d;
    background: linear-gradient(#fff, #ededd3);
    padding: 4px 10px
  }
  #contentsTop ul#select {
    margin: 0 0 40px;
    padding: 10px 0;
    list-style: none;
    background: #ededd3;
    text-align: center
  }
  #contentsTop ul#select li {
    margin: 15px 10px
  }
  #casevoice {
    margin: 10px 0 40px;
    padding: 0
  }
  #casevoice ul {
    box-sizing: border-box;
    width: 300px;
    height: 232px;
    margin: 0 auto 15px;
    padding: 20px 0;
    background: url(../img/top/bg_cace.jpg) no-repeat left top;
    background-size: 300px auto;
    list-style: none
  }
  #casevoice ul>img {
    width: 70px;
    margin-bottom: 10px;
    margin-left: 25px
  }
  #casevoice ul li {
    padding: 0 25px
  }
  #casevoice .voice {
    display: block;
    width: 280px;
    margin: 0 auto
  }
  #promise {
    margin: 20px 0 40px;
    padding: 0;
    text-align: center
  }
  #promise dl {
    display: inline-block;
    margin: 0 0 20px;
    padding: 10px 5px 5px;
    width: 210px;
    background: #eae6cb url(../img/top/bg_promise.jpg) no-repeat left top;
    text-align: center
  }
  #promise dl>img {
    margin: 0 0 10px
  }
  #promise dl>a {
    display: block;
    margin-top: 5px
  }
  #promise dt {
    margin: 10px 0;
    padding: 0;
    width: 210px;
    text-align: center;
    font-weight: 700;
    color: #301004
  }
  #promise dd {
    box-sizing: border-box;
    margin: 0;
    padding: 10px 5px;
    width: 210px;
    text-align: left;
    font-size: 88%;
    line-height: 1.4;
    color: #301004
  }
  #news {
    margin: 20px 0 40px;
    padding: 0
  }
  #news dl {
    margin: 0;
    padding: 0;
    color: #5d534a
  }
  #news dl dt {
    padding: 0 0 0 18px;
    background: url(../img/top/ico_news.jpg) no-repeat 3px 7px;
    margin-bottom: 10px
  }
  #news dl dd {
    margin: 0 0 15px;
    padding: 0 0 5px 18px;
    border-bottom: #eadbbb solid 1px
  }
  #news dl a {
    color: #036;
    text-decoration: none
  }
  #contact {
    margin: 0;
    padding: 0
  }
  #contact h2 {
    color: #db535a;
    font-size: 100%;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 1px;
    border-left: 3px solid #da5359;
    background: linear-gradient(#fff, #ededd3);
    padding: 4px 10px;
    margin-bottom: 10px
  }
  #contact .contactform {
    display: none
  }
  #contents .commuBox {
    width: 100%;
    margin-bottom: 15px;
    zoom: 100%
  }
  #contents .commuBox:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden
  }
  #contents .commuBox .balloon {
    box-sizing: border-box;
    width: 70%;
    float: left;
    padding: 10px;
    border: #ccc solid 1px;
    background: #fff
  }
  #contents .commuBox .balloon p {
    margin-bottom: 10px
  }
  #contents .commuBox .balloon p:last-child {
    margin-bottom: 0
  }
  #contents .commuBox>img {
    display: block;
    width: 30%;
    float: left
  }
  #contents .commuBox ul {
    margin: 0 0 0 20px;
    padding: 0;
    list-style: outside decimal;
    color: #333
  }
  #contents .commuBox ul li {
    line-height: 1.3;
    margin-bottom: 10px
  }
  #contents .flowBox {
    margin: 0 0 15px;
    border: #ccc solid 1px;
    background: #ffc
  }
  #contents .flowBox dl {
    margin: 15px;
    padding-bottom: 30px;
    background: url(../img/common/flow_bg.gif) no-repeat -15px bottom
  }
  #contents .flowBox dl dt {
    width: 30%;
    text-align: center;
    float: left
  }
  #contents .flowBox dl dd {
    width: 70%;
    color: #333;
    line-height: 1.3;
    float: right
  }
  #contents .flowBox dl .title {
    color: #360;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 5px
  }
  #contents .caseBox {
    margin: 0 0 30px;
    padding: 0 0 10px;
    border-bottom: #e6e6a8 solid 1px
  }
  #contents .caseBox>img {
    display: block;
    width: 30%;
    float: left
  }
  #contents .caseBox dl {
    width: 70%;
    float: left;
    padding-bottom: 35px;
    position: relative
  }
  #contents .caseBox dl dt {
    padding: 0 0 5px;
    border-bottom: #e6e6a8 dotted 1px;
    color: #89b344;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 10px
  }
  #contents .caseBox dl dt.btn_more {
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
  }
  #contents .caseBox dl dd {
    padding: 5px 0;
    color: #333;
    line-height: 1.3
  }
  #contents .voiceIndex {
    margin: 0 auto 40px;
    padding: 15px 0 0;
    width: 280px;
    background: #f0ebce
  }
  .page-guide #contents .voiceIndex {
    text-align: center
  }
  #contents .voiceIndex dl {
    margin: 0 auto 20px
  }
  .page-guide #contents .voiceIndex dl {
    display: inline-block;
    width: 45%
  }
  .page-guide #contents .voiceIndex dl:last-cihld {
    margin-right: 0
  }
  #contents .voiceIndex dl dt {
    width: 200px;
    height: 244px;
    background: url(../img/common/voice_bg_list.jpg) no-repeat left top;
    margin: 0 auto 10px;
    text-align: center;
    font-size: 88%
  }
  .page-guide #contents .voiceIndex dl dt {
    width: 100px;
    height: 122px;
    background-size: 100px auto
  }
  #contents .voiceIndex dl dt>a {
    display: block;
    width: 70%;
    margin: 0 auto;
    padding-top: 15px
  }
  #contents .voiceIndex dl dt.name {
    margin: 0 10px;
    padding: 5px 0 3px;
    border-bottom: #f0f0f0 solid 1px;
    text-align: center
  }
  #contents .voiceIndex dl dd {
    margin: 0 10px;
    padding: 5px 0 0
  }
  #contents .voiceIndex .voiceEntry {
    margin: 0 20px 15px;
    padding: 0;
    background: #fff
  }
  #contents .voiceIndex .voiceEntry .name {
    margin: 0 10px;
    padding: 5px 0 3px;
    border-bottom: #f0f0f0 solid 1px;
    text-align: center;
    font-weight: 700;
    color: #036
  }
  #contents .voiceIndex .voiceEntry .comment {
    margin: 30px 0 15px;
    padding: 10px 0 0;
    border-top: #f0f0f0 solid 1px;
    font-weight: 700;
    color: #e8391b
  }
  #contents .voiceIndex .voiceEntryBody {
    margin: 0;
    padding: 15px;
    color: #333;
    text-align: left
  }
  #contents .price {
    margin: 0 0 40px;
    padding: 0;
    color: #333
  }
  #contents .price td {
    box-sizing: border-box;
    padding: 10px;
    background-color: #f6f3e1;
    text-align: left;
    border-bottom: 1px solid #fff
  }
  #contents .price td.komoku {
    box-sizing: border-box;
    background-color: #f0ebce;
    width: 30%;
    text-align: center;
    border-right: 1px solid #fff
  }
  #contents .priceBox {
    margin: 0 0 10px
  }
  #contents .priceBox>img {
    width: 30%;
    float: left
  }
  #contents .priceBox .priceExe {
    width: 70%;
    float: left
  }
  #contents .priceBox .priceExe h3 {
    margin: 0
  }
  #contents .priceBox .price {
    display: block
  }
  #contents .priceBox .price tbody, #contents .priceBox .price tr, #contents .priceBox .price td {
    display: block;
    width: 100%
  }
  #contents .priceBox .price .komoku {
    width: 100%
  }
  #contents .note {
    margin: 0 0 20px;
    padding: 20px 20px 10px;
    background-color: #f6f3e1
  }
  #contents .qaBox {
    margin: 0 0 40px;
    padding: 0
  }
  #contents .qaBox dl {
    margin: 0 0 60px;
    padding: 0;
    color: #333
  }
  #contents .qaBox dl dt {
    margin: 0 0 10px;
    padding: 2px 0 20px 50px;
    border-bottom: #999 dotted 1px;
    line-height: 1.3
  }
  .page-niniseiri #contents .qaBox dl dt {
    background: url(../img/niniseiri/ico_qa_q.gif) no-repeat left top
  }
  .page-kabarai #contents .qaBox dl dt {
    background: url(../img/kabarai/ico_qa_q.gif) no-repeat left top
  }
  .page-hasan #contents .qaBox dl dt {
    background: url(../img/hasan/ico_qa_q.gif) no-repeat left top
  }
  .page-saisei #contents .qaBox dl dt {
    background: url(../img/saisei/ico_qa_q.gif) no-repeat left top
  }
  .page-guide #contents .qaBox dl dt {
    background: url(../img/guide/ico_qa_q.gif) no-repeat left top
  }
  #contents .qaBox dl dd {
    margin: 0 0 10px;
    padding: 7px 0 10px 50px;
    background: url(../img/niniseiri/ico_qa_a.gif) no-repeat left top;
    border-bottom: #999 dotted 1px;
    line-height: 1.3
  }
  #contents .btn_center {
    width: 80%;
    margin: 0 auto 40px;
    text-align: center;
    position: relative;
    color: #333;
    line-height: 1.4
  }
  #contents .categryTop {
    text-align: center;
    margin-bottom: 30px
  }
  #contents .categryTop>a {
    display: block;
    margin: 15px auto
  }
  #contents .indexTop {
    text-align: center;
    margin-bottom: 30px
  }
  #contents .indexTop>a {
    display: block;
    margin: 15px auto
  }
  #contents .descriptionBox {
    margin: 0 0 40px;
    padding: 0;
    background: url(../img/common/description_bg_middle.jpg) repeat-y left top;
    background-size: 100% auto
  }
  #contents .descriptionBox>img {
    vertical-align: middle
  }
  #contents .descriptionBox dl {
    margin: 20px;
    color: #333
  }
  #contents .descriptionBox dl dt {
    margin: 0 0 10px;
    color: #f60;
    font-weight: 700;
    line-height: 1.3
  }
  #contents .descriptionBox dl dd {
    margin: 0 0 10px;
    line-height: 1.3
  }
  #contents .descriptionBox dl dd.descriptioMore {
    margin: 0;
    padding: 0 0 30px;
    background: url(../img/common/description_bg_line.gif) no-repeat left bottom;
    text-align: right
  }
  #contents .descriptionBox .entry {
    margin: 20px;
    padding: 0 0 30px;
    background: url(../img/common/description_bg_line.gif) no-repeat left bottom;
    color: #333
  }
  #contents .descriptionBox .entry h2 {
    margin: 0 0 20px;
    padding: 0 0 5px;
    border-bottom: none;
    border-left: none;
    background: none;
    font-weight: 700;
    color: #f60
  }
  #contents .descriptionBox .entry h3 {
    margin: 0 0 20px;
    padding: 0 0 5px;
    border-bottom: #999 dotted 1px;
    font-weight: 700;
    color: #8fa82d
  }
  #contents .descriptionBox .entry table {
    margin: 0 0 40px;
    padding: 0;
    width: 700px;
    border-collapse: collapse
  }
  #contents .descriptionBox .entry th {
    padding: 10px;
    background-color: #f0ebce;
    font-weight: 700;
    color: #2b4744;
    border: 1px solid #fff
  }
  #contents .descriptionBox .entry td {
    padding: 10px;
    width: 279px;
    background-color: #f6f3e1;
    color: #333;
    border: 1px solid #fff
  }
  #contents .descriptionBox .entry tbody tr:nth-of-type(odd), #contents .descriptionBox .entry tbody td:nth-of-type(odd) {
    background: rgba(241, 241, 222, .5)
  }
  #contents .descriptionBox .entry ol {
    margin: 0 0 20px 30px;
    color: #333
  }
  #contents .descriptionBox .entry ol li {
    list-style-type: decimal;
    line-height: 1.4;
    margin-bottom: 5px
  }
  #contents .descriptionBox .entry ul {
    margin: 0 0 20px 30px;
    color: #333
  }
  #contents .descriptionBox .entry ul li {
    list-style-type: disc
  }
  #contents .descriptionBox .entry p {
    line-height: 1.5
  }
  #contents .photoBox>img {
    margin: 0 0 20px 20px;
    float: right
  }
  .page-office #contents .photoBox img {
    display: block;
    margin: 0 auto 20px
  }
  #contents .exeBox {
    margin: 0 0 40px;
    padding: 10px;
    background-color: #fbeaeb
  }
  .page-hasan #contents .exeBox {
    background-color: #fbeaeb
  }
  .page-saisei #contents .exeBox {
    background-color: #eefadc
  }
  #contents .exeBox>dl {
    display: table;
    width: 100%;
    background-color: #fff
  }
  #contents .exeBox>dl>dt {
    display: table-cell;
    vertical-align: middle;
    margin: 0;
    padding: 5px;
    width: 35px;
    height: 26px;
    background-color: #bd7d87;
    text-align: center;
    color: #fff;
    font-weight: 700
  }
  .page-hasan #contents .exeBox>dl>dt {
    background-color: #bd7d87
  }
  .page-saisei #contents .exeBox>dl>dt {
    background-color: #89b344
  }
  #contents .exeBox>dl>dd {
    display: table-cell;
    vertical-align: middle;
    margin: 0;
    padding: 5px 5px 5px 10px;
    text-align: left;
    color: #798e22;
    font-weight: 700;
    line-height: 1.3
  }
  #contents .exeinBox {
    margin: 0 0 20px;
    padding: 20px;
    background-color: #fff
  }
  #contents .exeinBox>p {
    margin: 0 0 10px;
    line-height: 1.4
  }
  #contents .exeinBox>dl {
    background-color: #FFF;
    margin-bottom: 15px
  }
  #contents .exeinBox>dl>dt {
    box-sizing: border-box;
    padding: 5px 0;
    background: none;
    text-align: left;
    color: #2b4744;
    font-weight: 700;
    border-bottom: 1px solid #ccc
  }
  #contents .exeinBox>dl>dd {
    box-sizing: border-box;
    padding: 5px 0 5px 1em;
    border-bottom: #999 solid 1px;
    background-color: none;
    text-align: left;
    color: #333;
    margin-bottom: 10px
  }
  #contents .meritBox {
    margin: 0 0 40px;
    padding: 20px 20px 10px;
    border: #ccc solid 1px;
    background: #fff
  }
  #contents .meritBox ul {
    margin: 0 0 0 30px;
    padding: 0;
    list-style: outside decimal;
    color: #333
  }
  #contents .meritBox ul li {
    margin: 0 0 10px;
    padding: 0
  }
  #contents .meritBox640 {
    margin: 0 0 40px;
    padding: 20px 20px 10px;
    background: #fff
  }
  #contents .meritBox640>ul {
    margin: 0 0 0 30px;
    padding: 0;
    list-style: outside decimal;
    color: #333
  }
  #contents .meritBox640>ul>li {
    margin: 0 0 10px;
    padding: 0;
    line-height: 1.3
  }
  #contents .meritBox658 {
    margin: 0 0 40px;
    padding: 20px 20px 10px;
    border: #ccc solid 1px;
    background: #fff
  }
  #contents .meritBox658>ul {
    margin: 0 0 0 30px;
    padding: 0;
    list-style: outside decimal;
    color: #333
  }
  #contents .meritBox658>ul>li {
    margin: 0 0 10px;
    padding: 0;
    color: #89b344;
    line-height: 1.3
  }
  #contents #officeIndex {
    margin: 0 0 40px;
    color: #333
  }
  #contents #officeIndex dt {
    margin: 0;
    padding: 5px 0;
    font-weight: 700;
    color: #2b4744;
    border-bottom: 1px solid #666
  }
  #contents #officeIndex dd {
    padding: 5px 0 5px 1em;
    margin-bottom: 10px;
    border-bottom: 1px dotted #666;
    line-height: 1.4
  }
  #contents #profileListBox {
    display: block
  }
  #contents #profileListBox li {
    display: block;
    text-align: center
  }
  #contents #profileListBox li p {
    line-height: 1.5;
    margin-bottom: 10px
  }
  #contents #profileListBox li a {
    display: block;
    margin-bottom: 10px
  }
  #contents .profileBox_left p {
    line-height: 1.5
  }
  #contents .profileBox_left .rofileName {
    display: none
  }
  #contents .profileBox_right {
    margin-bottom: 20px
  }
  #contents #profileBox2 img {
    margin-bottom: 15px
  }
  #contents #profileBox2 dl {
    margin: 0 10px 0 0;
    width: 100%;
    color: #333
  }
  #contents #profileBox2 dl dt {
    padding: 5px 0;
    font-weight: 700;
    color: #2b4744;
    border-bottom: 1px solid #999
  }
  #contents #profileBox2 dl dd {
    padding: 5px 0 5px 1em;
    margin-bottom: 10px;
    border-bottom: 1px dotted #666;
    line-height: 1.4
  }
  #seminarBox2 dl {
    box-sizing: border-box;
    width: 95%;
    margin: 0 auto 20px;
    padding: 10px;
    color: #333;
    line-height: 1.4;
    border: 1px solid #bcd553;
    border-radius: 5px
  }
  #seminarBox2 dl dt {
    margin: 0 0 5px;
    padding: 0 0 10px 62px;
    color: #798e22
  }
  #seminarBox2 dl dt.date {
    background: url(../img/office/seminar_dt_date.jpg) no-repeat left top
  }
  #seminarBox2 dl dt.place {
    background: url(../img/office/seminar_dt_place.jpg) no-repeat left top
  }
  #seminarBox2 dl dt.theme {
    background: url(../img/office/seminar_dt_theme.jpg) no-repeat left top
  }
  #contents p.word {
    margin: 0 0 20px;
    color: #e8391b;
    font-weight: 700;
    text-align: left
  }
  #contents p.hobby {
    margin: 0 0 40px;
    color: #89b344;
    font-weight: 700;
    text-align: l eft
  }
  #contents #mapBox {
    width: 288px;
    margin: 0 auto 20px
  }
  .sp-iframe-box {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
  }
  .sp-iframe-box iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
  }
  #map1 {
    margin: 0 auto;
    padding: 0;
    border: #ccc solid 1px;
    width: 288px;
    height: 288px;
    margin-bottom: 15px
  }
  #contents #addBox {
    margin-bottom: 20px
  }
  #contents #addBox dl dt {
    box-sizing: border-box;
    padding: 3px 0 0 80px;
    margin-bottom: 10px;
    color: #333;
    line-height: 1.3;
    min-height: 23px
  }
  #contents #addBox dl dt.post {
    background: url(../img/office/access_ico_post.jpg) no-repeat left top
  }
  #contents #addBox dl dt.add {
    background: url(../img/office/access_ico_add.jpg) no-repeat left top
  }
  #contents #addBox dl dt.park {
    background: url(../img/office/access_ico_p.jpg) no-repeat left top
  }
  #contents #addBox dl dd {
    text-align: center;
    padding-top: 15px
  }
  #contents #rootBox .rootMap {
    display: none
  }
  #contents #rootBox .rootimg {
    margin-bottom: 20px
  }
  #contents #rootBox .rootimg>img {
    margin-bottom: 10px
  }
  #contents #rootBox .rootimg dl dt {
    color: #e37b81;
    line-height: 1.3;
    padding-top: 5px;
    margin-bottom: 5px
  }
  #contents #rootBox .rootimg dl dd {
    color: #333;
    line-height: 1.4;
    font-size: 88%;
    margin-bottom: 15px
  }
  #contents #rootBox #rootMap2 {
    display: none
  }
  #contents .office_parking {
    box-sizing: border-box;
    width: 100%;
    height: 420px;
    border: 1px solid #999;
    position: relative;
    overflow: scroll
  }
  #contents .office_parking>img {
    width: 700px;
    height: 420px;
    max-width: none
  }
  #contents .promise_head {
    color: #e99b9d;
    font-weight: 700;
    padding: 5px 0 5px 8px;
    margin-bottom: 15px;
    border-bottom: 1px dotted #999;
    border-left: 4px solid #c1d863
  }
  #contents .detailBoxSp {
    background: transparent url(../img/common/board_bg_body.png) 0 0 repeat-y;
    background-size: 100% auto;
    margin-bottom: 20px
  }
  #contents .detailBoxSp p {
    line-height: 1.4
  }
  #contents .detailBoxSp p:last-child {
    margin-bottom: 0
  }
  #contents .detailBoxSp .detailBoxSp_head {
    background: transparent url(../img/common/board_bg_head.png) 0 0 no-repeat;
    background-size: 100% auto;
    padding: 5% 0 0 5%;
    text-decoration: underline
  }
  #contents .detailBoxSp .detailBoxSp_body {
    background: transparent url(../img/common/board_bg_foot.png) 0 bottom no-repeat;
    background-size: 100% auto;
    padding: 0 5% 8%;
    font-size: 90%
  }
  #contents .detailBoxSp .detailBoxSp_ol {
    margin-bottom: 10px;
    margin-left: 1.5em
  }
  #contents .detailBoxSp .detailBoxSp_ol>li {
    list-style-type: decimal;
    line-height: 1.3;
    margin-bottom: 5px
  }
  #contents .detailBoxSp .detailBoxSp_strong {
    color: #e8391b;
    font-weight: 700;
    text-decoration: underline;
    font-size: 110%
  }
  #contents .detailBoxSp .detailBoxSp_note, #contents .detailBoxSp .detailBoxSp_note_red {
    font-size: 88%;
    line-height: 1.3
  }
  #contents .detailBoxSp .detailBoxSp_note_red {
    color: #e8391b
  }
  #contents .detailBox {
    display: none
  }
  #wrapper .bnrCase {
    margin: 30px 0;
    text-align: center
  }
  #wrapper .bnrCase a {
    box-sizing: border-box;
    display: inline-block;
    width: 200px;
    line-height: 36px;
    padding: 0 30px;
    color: #fff;
    background-color: #036;
    text-decoration: none;
    text-align: center;
    border-radius: 18px
  }
  #wrapper .bnrCase .js_a2t {
    position: relative
  }
  #wrapper .bnrCase .js_a2t:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    top: 50%;
    right: -20px;
    transform: translateY(-50%)
  }
  #wrapper .bnrVoice {
    margin: 30px 0;
    text-align: center
  }
  #wrapper .bnrVoice a {
    box-sizing: border-box;
    display: inline-block;
    width: 200px;
    line-height: 36px;
    padding: 0 30px;
    color: #fff;
    background-color: #5d534a;
    text-decoration: none;
    text-align: center;
    border-radius: 18px
  }
  #wrapper .bnrVoice .js_a2t {
    position: relative
  }
  #wrapper .bnrVoice .js_a2t:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    top: 50%;
    right: -20px;
    transform: translateY(-50%)
  }
  #contents table.difference {
    margin: 0 0 40px;
    padding: 0;
    width: 100%;
    border-collapse: collapse
  }
  #contents table.difference th {
    margin: 0;
    padding: 10px;
    background-color: #f0ebce;
    font-weight: 700;
    border: 1px solid #fff;
    color: #2b4744
  }
  #contents table.difference td {
    margin: 0;
    padding: 10px;
    background-color: #f6f3e1;
    border: 1px solid #fff;
    color: #333
  }
  #contents table.difference td.komoku {
    width: 30%;
    background-color: #f0ebce;
    font-weight: 700;
    color: #5d534a
  }
  #contents #qalist {
    margin-bottom: 30px
  }
  #contents #qalist p {
    padding-left: 45px;
    margin-bottom: 15px
  }
  #contents #qalist p:nth-child(1) {
    background: url(../img/niniseiri/ico_qa_q.gif) no-repeat left top
  }
  #contents #qalist p:nth-child(2) {
    background: url(../img/kabarai/ico_qa_q.gif) no-repeat left top
  }
  #contents #qalist p:nth-child(3) {
    background: url(../img/hasan/ico_qa_q.gif) no-repeat left top
  }
  #contents #qalist p:nth-child(4) {
    background: url(../img/saisei/ico_qa_q.gif) no-repeat left top
  }
  #contents #qalist p a {
    display: block;
    text-decoration: none
  }
  #contents #sitemap {
    margin-bottom: 40px
  }
  #contents #sitemap p {
    margin: 20px 0;
    font-weight: 700
  }
  #contents #sitemap p.sitemap_nini {
    color: #c89c04
  }
  #contents #sitemap p.sitemap_kabarai {
    color: #52afdc
  }
  #contents #sitemap p.sitemap_saisei {
    color: #89b344
  }
  #contents #sitemap p.sitemap_hasan {
    color: #db535a
  }
  #contents #sitemap p.sitemap_other {
    color: #5d534a
  }
  #contents #sitemap ul {
    color: #5d534a;
    margin-left: 10px
  }
  #contents #sitemap ul li {
    padding: 10px 0 10px 20px;
    background: url(../img/top/ico_news.jpg) no-repeat left center;
    border-bottom: 1px dotted #eadbbb
  }
  #contents .point3box {
    width: 100%;
    margin: 0 auto 40px;
    background: transparent url(/img/guide/point3_bg_body.png) 0 0 repeat-y;
    background-size: 100% auto
  }
  #contents .point3box .point3box_inner {
    padding-top: 35px;
    background: transparent url(/img/guide/point3_bg_head.png) 0 0 no-repeat;
    background-size: 100% auto
  }
  #contents .point3box .point3box_image {
    display: none
  }
  #contents .point3box .point3box_list {
    padding: 0 15px 30px;
    background: transparent url(/img/guide/point3_bg_foot.png) 0 bottom no-repeat;
    background-size: 100% auto
  }
  #contents .point3box .point3box_listitem {
    list-style-type: decimal;
    list-style-position: outside;
    margin-left: 1.5em;
    padding: 5px 0;
    line-height: 1.4;
    color: #e8391b;
    font-size: 113%
  }
  .guideBusier2sp {
    width: 100%;
    margin: 0 auto 30px;
    padding-top: 45px;
    padding-bottom: 1px;
    background: #f0ebce url(/img/guide/guide_busier_img2_sp_head.png) 0 0 no-repeat;
    background-size: 100% auto
  }
  .guideBusier2sp .guideBusier2sp_head {
    text-align: center;
    color: #5d534a;
    font-size: 113%;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 15px
  }
  .guideBusier2sp .guideBusier2sp_arrow {
    text-align: center;
    margin: 15px 0
  }
  .guideBusier2sp .guideBusier2sp_image {
    width: 90%;
    margin: 0 auto;
    text-align: center
  }
  .guideBusier2sp .guideBusier2sp_inq {
    margin: 20px auto;
    text-align: center
  }
  .guideBusier2sp .guideBusier2sp_inq>a {
    display: inline-block;
    text-decoration: none;
    color: #fff;
    background-color: #db535a;
    padding: 15px 20px;
    border-radius: 4px
  }
  #contents table.inq {
    display: block;
    margin: 0 0 20px;
    color: #333
  }
  #contents table.inq tbody, #contents table.inq tr, #contents table.inq th, #contents table.inq td {
    display: block;
    box-sizing: border-box
  }
  #contents table.inq td {
    padding: 10px;
    margin-bottom: 15px;
    text-align: left;
    line-height: 1.3
  }
  #contents table.inq td.komoku {
    background-color: #f2f2de;
    border-bottom: #e2e2b8 solid 1px;
    color: #2b4744;
    font-weight: 700;
    margin-bottom: 10px;
    position: relative
  }
  #contents table.inq input {
    box-sizing: border-box;
    color: #333;
    padding: 5px 5px 3px;
    margin: 0 0 3px;
    max-width: 100%
  }
  #contents table.inq input[type=radio] {
    display: inline-block;
    margin-right: 10px
  }
  #contents table.inq input[type=checkbox] {
    display: inline-block;
    margin-bottom: 10px
  }
  #contents table.inq input[type=text] {
    font-size: 16px;
    margin-bottom: 5px;
    border: 1px solid #999
  }
  #contents table.inq textarea {
    box-sizing: border-box;
    max-width: 100%;
    font-size: 16px
  }
  #contents table.inq .inq_mail_local {
    margin-right: 5px
  }
  #contents table.inq .inq_mail_domain {
    margin-left: 5px
  }
  #contents table.inq .label_radio {
    display: block;
    width: 100%
  }
  #contents table.inq .label_checkbox {
    display: block;
    width: 100%
  }
  #contents #inqBox {
    text-align: center
  }
  #contents .labelRequire {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    padding: 2px 4px;
    margin: 0 2px 2px;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: #fff;
    background-color: #e55;
    border-radius: 4px
  }
  #contents .komoku .labelRequire {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%)
  }
  .js_formError {
    background-color: #fee
  }
  .sp_none {
    display: none!important
  }
}

@media only screen and (max-width:767px) and (max-width:767px) {
  .ggl_iframe {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
  }
  .ggl_iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
  }
}