@charset "UTF-8";
/* Scss Document */
@media (max-width: 767px) {
  #mainImg {
    background: url("../images/cmn/h2_title_sp.jpg") no-repeat top center; } }
/* ----------------------------------------------------------
// ::: access :::::::::
   ---------------------------------------------------------- */
@media (min-width: 768px) {
  #access #mainImg {
    background: url("../images/access/h2_access.png") no-repeat center center; } }
#access #access_top h4 {
  font-weight: bold; }
#access #access01 ul.list01-1 li {
  margin-bottom: 20px; }
#access #access02 h4 {
  font-weight: bold;
  color: #797420; }
#access #access03 h4 {
  font-weight: bold;
  color: #797420; }
@media (min-width: 768px) {
  #access #access_top {
    padding-top: 35px;
    padding-bottom: 60px; }
    #access #access_top #map {
      display: none; }
    #access #access_top #bycar, #access #access_top #bytrain {
      padding: 50px 20px 25px;
      position: relative;
      background-image: url("../images/cmn/bg_box4_top_l.png"), url("../images/cmn/bg_box4_top_r.png"), url("../images/cmn/bg_box4_bottom_r.png"), url("../images/cmn/bg_box4_bottom_l.png");
      background-repeat: no-repeat,no-repeat,no-repeat,no-repeat;
      background-position: top left, top right, bottom right, bottom left;
      background-color: #FFF;
      border-radius: 2px; }
      #access #access_top #bycar:before, #access #access_top #bytrain:before {
        content: '';
        position: absolute;
        display: block;
        width: 83px;
        height: 82px;
        left: 50%;
        top: -35px;
        transform: translateX(-50%);
        z-index: 1; }
      #access #access_top #bycar:after, #access #access_top #bytrain:after {
        content: '';
        position: absolute;
        display: block;
        border-radius: 10px;
        width: calc(100% - 2px);
        height: calc(100% - 2px);
        border: solid 1px #B3B300;
        left: 0;
        top: 0px; }
      #access #access_top #bycar > *, #access #access_top #bytrain > * {
        position: relative;
        z-index: 1; }
      #access #access_top #bycar h3, #access #access_top #bytrain h3 {
        font-size: 115%;
        color: #797420;
        border-bottom: dashed 1px #F4B8B1;
        padding-bottom: 10px;
        margin-bottom: 10px;
        text-align: center;
        font-weight: bold; }
      #access #access_top #bycar .button02, #access #access_top #bytrain .button02 {
        margin: 0 auto; }
    #access #access_top #bycar:before {
      background: url("../images/access/icon_car.png") no-repeat top center;
      background-size: contain; }
    #access #access_top #bytrain:before {
      background: url("../images/access/icon_train.png") no-repeat top center;
      background-size: contain; }
    #access #access_top h4 {
      font-size: 115%;
      font-weight: bold;
      color: #797420;
      border-bottom: dashed 1px #fff;
      padding-bottom: 5px;
      margin-bottom: 10px; }
  #access .section.white {
    padding-top: 75px; }
  #access #access01 {
    margin-bottom: 70px; }
    #access #access01 h3.title02:before {
      background: url("../images/access/icon_car02.png") no-repeat center;
      background-size: contain;
      height: 52px; }
    #access #access01 .title04-2:before {
      background: url("../images/access/icon_car02.png") no-repeat center;
      background-size: contain;
      height: 52px; }
    #access #access01 ul.list01-1 li {
      font-size: 93%; }
      #access #access01 ul.list01-1 li:before {
        top: 0.8em; }
      #access #access01 ul.list01-1 li h4 {
        font-size: 108%;
        font-weight: bold;
        color: #797420;
        line-height: 2em; }
  #access #access02 {
    margin-bottom: 70px; }
    #access #access02 h3.title02:before {
      background: url("../images/access/icon_train02.png") no-repeat center;
      background-size: contain;
      height: 52px; }
    #access #access02 h4 {
      font-size: 108%; }
  #access #access03 h3.title02:before {
    background: url("../images/access/icon_car04.png") no-repeat center;
    background-size: contain;
    height: 52px; }
  #access #access03 > div {
    font-size: 93%; }
  #access #access03 h4 {
    font-size: 108%; }
  #access #access03 ul.list01-1 li {
    line-height: 2em; } }
@media (max-width: 767px) {
  #access #access_top #map {
    border: 1px solid #BFBFBF;
    position: relative;
    padding-top: 72.569%; }
    #access #access_top #map iframe {
      position: absolute;
      border: 0;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  #access #access_top #bycar, #access #access_top #bytrain {
    display: none; }
  #access #access_top h4 {
    font-size: 129%;
    color: #797420;
    margin-bottom: 5px;
    text-align: center; }
  #access .button02 {
    max-width: 206px;
    width: 100%;
    height: 40px;
    text-align: center;
    font-size: 108%;
    position: relative;
    margin-left: -2px; }
    #access .button02 a {
      display: block;
      color: #FFF;
      text-decoration: none;
      height: 40px;
      line-height: 40px;
      background: url("../images/cmn/btn_02.png") no-repeat;
      background-position: 0 0; }
      #access .button02 a:hover {
        color: #FFF;
        background-position: 0 -43px; }
  #access #access01 {
    margin-top: 30px;
    padding-top: 30px !important; }
    #access #access01 h3.title02 {
      background: url("../images/access/icon_car02.png") no-repeat top center; }
    #access #access01 ul.list01-1 li h4 {
      background: #797420;
      padding: 5px 10px;
      margin-bottom: 10px;
      text-align: center;
      font-weight: bold;
      color: #FFF;
      font-size: 115%; }
  #access #access02 h3.title02 {
    background: url("../images/access/icon_train02.png") no-repeat top center; }
  #access #access03 h3.title02 {
    background: url("../images/access/icon_car04.png") no-repeat top center; }
  #access #access03 ul.list01-1 {
    display: inline; }
    #access #access03 ul.list01-1 li {
      display: inline; } }

/* ----------------------------------------------------------
// ::: neighborhood :::::::::
   ---------------------------------------------------------- */
@media (min-width: 768px) {
  #neighborhood #mainImg {
    background: url("../images/neighborhood/h2_neighborhood.png") no-repeat center center; } }
#neighborhood ul.info {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 5px); }
  #neighborhood ul.info li .detail h4 {
    font-weight: bold; }
  #neighborhood ul.info li .detail p {
    font-size: 93%;
    margin-bottom: 10px; }
  #neighborhood ul.info li .detail dl {
    font-size: 93%; }
    #neighborhood ul.info li .detail dl dt, #neighborhood ul.info li .detail dl dd {
      display: inline; }
  #neighborhood ul.info li .detail a {
    font-size: 93%; }
#neighborhood #information ul.info {
  margin-bottom: 30px; }
@media (min-width: 768px) {
  #neighborhood .yellowDiv, #neighborhood .plainDiv {
    margin-bottom: 40px; }
  #neighborhood #map {
    margin-bottom: 40px; }
    #neighborhood #map a:hover img {
      opacity: 0.8; }
  #neighborhood ul.info {
    border-top: solid 1px #E7E2D0; }
    #neighborhood ul.info li {
      border-bottom: dashed 1px #E7E2D0;
      padding: 5px 0;
      display: flex;
      flex-wrap: wrap;
      width: 100%; }
      #neighborhood ul.info li .img {
        width: 30%;
        margin-right: 30px; }
      #neighborhood ul.info li .detail {
        width: calc(70% - 30px); }
        #neighborhood ul.info li .detail h4 {
          font-size: 100%;
          margin-bottom: 5px; }
        #neighborhood ul.info li .detail dl.pet {
          margin-bottom: 0; }
          #neighborhood ul.info li .detail dl.pet dt {
            background-color: #BAD520;
            color: #FFF;
            padding: 2px 10px; }
          #neighborhood ul.info li .detail dl.pet dd {
            color: #333;
            padding-left: 10px; }
        #neighborhood ul.info li .detail a:before {
          content: '→'; }
        #neighborhood ul.info li .detail a:after {
          content: '';
          background: url("../images/cmn/icon_blank.png") no-repeat;
          display: inline-block;
          margin-left: 5px;
          width: 12px;
          height: 9px; }
  #neighborhood #hospital ul.info li .img {
    width: 25%;
    margin-right: 20px;
    position: relative; }
    #neighborhood #hospital ul.info li .img img {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
  #neighborhood #hospital ul.info li .detail {
    width: calc(75% - 20px); }
    #neighborhood #hospital ul.info li .detail p {
      margin-bottom: 0; }
    #neighborhood #hospital ul.info li .detail dl dt.jusho {
      display: none; }
    #neighborhood #hospital ul.info li .detail dl dd:after {
      content: '';
      display: block;
      clear: both; }
    #neighborhood #hospital ul.info li .detail dl dd.jusho br {
      display: none; }
    #neighborhood #hospital ul.info li .detail dl dd.tel {
      padding-right: 1em; }
      #neighborhood #hospital ul.info li .detail dl dd.tel:after {
        display: none; }
    #neighborhood #hospital ul.info li .detail dl dd.time span:nth-of-type(1) {
      display: none; }
  #neighborhood #event ul.info li .img {
    width: 30%;
    margin-right: 30px; }
  #neighborhood #event ul.info li img {
    margin-right: 30px; }
  #neighborhood #event ul.info li .detail {
    width: calc(70% - 30px);
    padding-top: 10px; }
  #neighborhood #spot ul.info li .img {
    width: 30%;
    margin-right: 30px; }
  #neighborhood #spot ul.info li img {
    margin-right: 30px; }
  #neighborhood #spot ul.info li .detail {
    width: calc(70% - 30px);
    padding-top: 10px; }
  #neighborhood #cafe ul.info li .img {
    width: 25%;
    margin-right: 20px; }
  #neighborhood #cafe ul.info li .detail {
    width: calc(75% - 20px);
    padding-top: 10px; }
  #neighborhood #kanko ul.info li .img {
    width: 30%;
    margin-right: 30px; }
  #neighborhood #kanko ul.info li img {
    margin-right: 30px; }
  #neighborhood #kanko ul.info li .detail {
    width: calc(70% - 30px);
    padding-top: 10px; }
  #neighborhood #information ul.info li .img {
    width: 30%;
    margin-right: 30px; }
  #neighborhood #information ul.info li img {
    margin-right: 30px; }
  #neighborhood #information ul.info li .detail {
    width: calc(70% - 30px);
    padding-top: 10px; } }
@media (max-width: 767px) {
  #neighborhood .spbutton a.btn03 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 10px;
    min-height: 60px; }
    #neighborhood .spbutton a.btn03:after {
      display: none; }
  #neighborhood #map {
    display: none; }
  #neighborhood h3.title02 p {
    font-size: 86%; }
  #neighborhood ul.info {
    margin-left: -5px;
    margin-right: -5px; }
    #neighborhood ul.info li {
      padding-left: 5px;
      padding-right: 5px;
      margin-bottom: 15px; }
      #neighborhood ul.info li .img {
        width: 100%;
        padding: 10px 10px 0; }
        #neighborhood ul.info li .img img {
          margin: 0 auto;
          width: 100%; }
      #neighborhood ul.info li .detail {
        width: 100%;
        padding: 10px; }
        #neighborhood ul.info li .detail h4 {
          font-size: 115%;
          padding: 0 0 10px;
          margin-bottom: 10px;
          color: #797420; }
          #neighborhood ul.info li .detail h4 span {
            font-size: 86%; }
          #neighborhood ul.info li .detail h4 .red {
            display: block; }
        #neighborhood ul.info li .detail dl.pet {
          padding-left: 1em; }
          #neighborhood ul.info li .detail dl.pet:before {
            content: '●';
            float: left;
            margin-left: -1em; }
          #neighborhood ul.info li .detail dl.pet dt {
            font-weight: bold; }
            #neighborhood ul.info li .detail dl.pet dt:after {
              content: '：'; }
        #neighborhood ul.info li .detail a {
          text-decoration: underline; }
          #neighborhood ul.info li .detail a:before {
            content: '●'; }
  #neighborhood .yellowDiv ul.info li .img {
    background: #FFF; }
  #neighborhood .yellowDiv ul.info li .detail {
    background: #FFF; }
  #neighborhood .plainDiv ul.info li .img {
    background: #F5F2E8; }
  #neighborhood .plainDiv ul.info li .detail {
    background: #F5F2E8; }
  #neighborhood #event ul.info li .img {
    padding: 0; }
  #neighborhood #hospital ul.info li .img {
    display: none; }
  #neighborhood #hospital ul.info li .detail {
    background: #FFF; }
    #neighborhood #hospital ul.info li .detail h4 {
      padding-top: 0; }
    #neighborhood #hospital ul.info li .detail dl {
      display: flex;
      flex-wrap: wrap; }
      #neighborhood #hospital ul.info li .detail dl dt {
        font-weight: bold; }
        #neighborhood #hospital ul.info li .detail dl dt.jusho {
          display: none; }
        #neighborhood #hospital ul.info li .detail dl dt.tel {
          width: 100%; }
        #neighborhood #hospital ul.info li .detail dl dt.time {
          width: 100%;
          order: 0; }
          #neighborhood #hospital ul.info li .detail dl dt.time:after {
            content: '：'; }
      #neighborhood #hospital ul.info li .detail dl dd {
        margin-bottom: 10px; }
        #neighborhood #hospital ul.info li .detail dl dd.a {
          display: block;
          order: 1; }
        #neighborhood #hospital ul.info li .detail dl dd.time {
          width: 100%;
          display: block;
          order: 0; }
          #neighborhood #hospital ul.info li .detail dl dd.time span:nth-of-type(2) {
            display: none; } }
@media (min-width: 481px) and (max-width: 767px) {
  #neighborhood ul.info li {
    width: 33.33333333%; }
  #neighborhood #spot ul.info li, #neighborhood #cafe ul.info li, #neighborhood #kanko ul.info li, #neighborhood #information ul.info li {
    width: 50%; } }
@media (max-width: 480px) {
  #neighborhood ul.info li {
    width: 50%; }
  #neighborhood #spot ul.info li, #neighborhood #cafe ul.info li, #neighborhood #kanko ul.info li, #neighborhood #information ul.info li {
    width: 100%; } }

/* ----------------------------------------------------------
// ::: guide :::::::::
   ---------------------------------------------------------- */
@media (min-width: 768px) {
  #guide #mainImg {
    background: url("../images/guide/h2_guide.png") no-repeat center center; } }
@media (min-width: 768px) {
  #guide .mincho {
    font-size: 115%; }
  #guide #guide_01, #guide #guide_02, #guide #guide_03, #guide #guide_04, #guide #guide_05, #guide #guide_06, #guide #guide_07 {
    margin-bottom: 50px; }
  #guide #comment {
    padding: 15px 20px;
    position: relative;
    background-image: url("../images/cmn/bg_box4_top_l.png"), url("../images/cmn/bg_box4_top_r.png"), url("../images/cmn/bg_box4_bottom_r.png"), url("../images/cmn/bg_box4_bottom_l.png");
    background-repeat: no-repeat,no-repeat,no-repeat,no-repeat;
    background-position: top left, top right, bottom right, bottom left;
    background-color: #FFF;
    border-radius: 2px;
    font-size: 93%; }
    #guide #comment:after {
      content: '';
      position: absolute;
      display: block;
      border-radius: 10px;
      width: calc(100% - 6px);
      height: calc(100% - 6px);
      border: solid 3px #B3B300;
      left: 0;
      top: 0px; }
    #guide #comment > * {
      position: relative;
      z-index: 1; } }
@media (max-width: 767px) {
  #guide #guide_01, #guide #guide_02, #guide #guide_03, #guide #guide_04, #guide #guide_05, #guide #guide_06, #guide #guide_07 {
    margin-bottom: 30px; }
  #guide h3.title02 {
    background: url("../images/cmn/icon_tit01.png") no-repeat top center;
    background-size: auto;
    padding: 0 10%;
    padding-top: 18%; }
  #guide #comment {
    background: #F5F2E8;
    margin-bottom: 30px;
    padding: 20px; } }

/* ----------------------------------------------------------
// ::: guestbook :::::::::
   ---------------------------------------------------------- */
#guestbook h3.title {
  padding-top: 0; }
#guestbook .book {
  background: #FFF;
  padding: 20px;
  margin-bottom: 30px; }
  #guestbook .book .comments {
    padding-bottom: 20px;
    border-bottom: 1px dotted #8D8D8D;
    margin-bottom: 7px; }
  #guestbook .book .guest {
    text-align: right;
    font-size: 86%; }
#guestbook .yellowDiv > div:last-of-type {
  margin-bottom: 0; }

/* ----------------------------------------------------------
// ::: faq :::::::::
   ---------------------------------------------------------- */
@media (min-width: 768px) {
  #faq #mainImg {
    background: url("../images/faq/h2_faq.png") no-repeat center center; } }
#faq ul.faq > li {
  position: relative; }
  #faq ul.faq > li h4 {
    position: relative; }
    #faq ul.faq > li h4:before {
      content: '';
      display: block;
      position: absolute; }
  #faq ul.faq > li p {
    position: relative; }
    #faq ul.faq > li p:before {
      content: '';
      display: block;
      position: absolute; }
    #faq ul.faq > li p a {
      text-decoration: underline; }
@media (min-width: 768px) {
  #faq ul.faq > li {
    padding: 20px 0;
    border-bottom: dashed 1px #ffffff; }
    #faq ul.faq > li h4 {
      font-size: 129%;
      color: #797420;
      margin-bottom: 10px;
      padding: 10px 10px 10px 50px; }
      #faq ul.faq > li h4:before {
        background: url("../images/faq/ico_question.png") no-repeat center;
        background-size: contain;
        width: 40px;
        height: 40px;
        top: 0;
        left: 0px; }
    #faq ul.faq > li p {
      font-size: 93%;
      padding: 10px 10px 10px 50px; }
      #faq ul.faq > li p:before {
        background: url("../images/faq/ico_answer.png") no-repeat center;
        background-size: contain;
        width: 40px;
        height: 40px;
        top: 0;
        left: 0px; }
  #faq #faq_01 {
    margin-bottom: 100px; }
    #faq #faq_01 h3.title02:before {
      background: url("../images/cmn/icon_tit02.png") no-repeat center;
      background-size: contain;
      height: calc(100% - 7px); }
  #faq #faq_02 {
    margin-bottom: 100px; }
    #faq #faq_02 h3.title02:before {
      background: url("../images/cmn/icon_tit01.png") no-repeat center;
      background-size: contain;
      height: calc(100% - 5px); } }
@media (max-width: 767px) {
  #faq h3.title02 {
    background: url("../images/cmn/sp_title_icon02.png") no-repeat top center;
    background-size: 15% auto; }
  #faq .content > div.plainDiv:first-of-type {
    padding-top: 0; }
  #faq ul.faq > li {
    margin-bottom: 10px; }
    #faq ul.faq > li h4 {
      font-size: 100%;
      background: linear-gradient(36deg, #1B8FD5 0%, #1B8FD5 30%, #0078BF 70%, #0078BF 100%);
      padding: 10px 30px 10px 35px;
      color: #FFF;
      font-weight: bold;
      cursor: pointer; }
      #faq ul.faq > li h4:before {
        background: url("../images/faq/ico_question.png") no-repeat center;
        background-size: contain;
        width: 1.4em;
        height: 1.4em;
        top: 1.5em;
        transform: translateY(-50%);
        left: 10px; }
      #faq ul.faq > li h4:after {
        content: '';
        position: absolute; }
      #faq ul.faq > li h4.on:after {
        background: url("../images/faq/faq_open.png") no-repeat center;
        background-size: contain;
        top: 18.5px;
        transform: rotateZ(180deg);
        transform-origin: 50% 50%;
        transition: .6s;
        width: 1.4em;
        height: 4px;
        right: 7px; }
      #faq ul.faq > li h4.on.h2row:after {
        top: 29px; }
      #faq ul.faq > li h4.on.h3row:after {
        top: 39.5px; }
      #faq ul.faq > li h4.on.h4row:after {
        top: 50px; }
      #faq ul.faq > li h4.off:after {
        background: url("../images/faq/faq_close.png") no-repeat center;
        background-size: contain;
        top: 10px;
        transition: .6s;
        width: 1.4em;
        height: 1.5em;
        right: 7px; }
      #faq ul.faq > li h4.off.h2row:after {
        top: 20.5px; }
      #faq ul.faq > li h4.off.h3row:after {
        top: 31px; }
      #faq ul.faq > li h4.off.h4row:after {
        top: 41.5px; }
      #faq ul.faq > li h4:hover {
        opacity: 0.7;
        filter: alpha(opacity=70); }
    #faq ul.faq > li p {
      padding: 10px 20px 10px 35px;
      margin: 5px 0 10px 10px;
      position: absolute;
      overflow: hidden;
      width: calc(100% - 10px);
      opacity: 0;
      top: 0;
      z-index: -1; }
      #faq ul.faq > li p:before {
        background: url("../images/faq/ico_answer.png") no-repeat center;
        background-size: contain;
        width: 1.4em;
        height: 1.4em;
        top: 1.5em;
        transform: translateY(-50%);
        left: 10px; }
  #faq #faq_01 h3.title02 {
    width: 90%;
    margin-left: auto;
    margin-right: auto; }
  #faq #faq_01 ul.faq > li p {
    background: #F5F2E8; }
  #faq #faq_02 ul.faq > li p {
    background: #FFF; } }
@media (min-width: 481px) and (max-width: 767px) {
  #faq #faq_02 h3.title02 {
    width: 90%;
    margin-left: auto;
    margin-right: auto; } }

/* ----------------------------------------------------------
// ::: term :::::::::
   ---------------------------------------------------------- */
@media (min-width: 768px) {
  #term #mainImg {
    background: url("../images/term/h2_term.png") no-repeat center center; } }
#term #term_01 li a, #term #term_02 li a {
  text-decoration: underline; }
#term #term_01 ul > li {
  padding-bottom: 20px; }
  #term #term_01 ul > li:nth-last-of-type(n+2) {
    margin-bottom: 20px; }
  #term #term_01 ul > li ol li {
    padding-left: 1.5em;
    text-indent: -1.5em;
    counter-increment: cnt; }
    #term #term_01 ul > li ol li:before {
      content: counter(cnt) ".";
      padding-right: 5px; }
#term #term_02 ol li {
  counter-increment: cnt; }
  #term #term_02 ol li:before {
    content: counter(cnt) "."; }
  #term #term_02 ol li:nth-last-of-type(n+2) {
    margin-bottom: 20px; }
@media (min-width: 768px) {
  #term #term_01 {
    font-size: 93%;
    margin-bottom: 60px; }
    #term #term_01 ul > li {
      border-bottom: 1px dashed #FFF; }
      #term #term_01 ul > li h4 {
        color: #797420;
        font-size: 139%;
        margin-bottom: 10px; }
      #term #term_01 ul > li ol {
        padding-left: calc(60px - 0.5em); }
  #term #term_02 {
    font-size: 93%; }
    #term #term_02 h3.title02-5 {
      font-size: 139%; }
    #term #term_02 ol li {
      padding-left: 1.2em;
      text-indent: -1.2em;
      border-bottom: 1px dashed #FFF;
      padding-bottom: 10px; }
      #term #term_02 ol li:before {
        float: left; }
      #term #term_02 ol li p {
        text-indent: 0em; } }
@media (max-width: 767px) {
  #term #term_01 ul > li:nth-last-of-type(n+2) {
    border-bottom: 1px dotted #8D8D8D; }
  #term #term_01 ul > li h4 {
    color: #797420;
    font-size: 115%;
    margin-bottom: 15px; }
  #term #term_01 ul > li ol {
    padding-left: 10px; }
  #term #term_02 ol li:before {
    color: #797420;
    display: block;
    margin-bottom: 5px; }
  #term #term_02 ol li:nth-last-of-type(n+2) {
    padding-bottom: 20px;
    border-bottom: 1px dotted #8D8D8D; }
  #term #term_02 ol li p {
    font-size: 93%; } }

/* ----------------------------------------------------------
// ::: term_pet :::::::::
   ---------------------------------------------------------- */
@media (min-width: 768px) {
  #term_pet #mainImg {
    background: url("../images/term_pet/h2_term_pet.png") no-repeat center center; } }
#term_pet .list2 li {
  list-style: none; }
  #term_pet .list2 li:before {
    content: ''; }
@media (min-width: 768px) {
  #term_pet ul.list01 {
    font-size: 93%; }
  #term_pet .list2 {
    margin-left: 20px; }
    #term_pet .list2 li {
      position: relative;
      margin-bottom: 5px;
      padding-left: 10px; }
      #term_pet .list2 li:before {
        background: url("../images/cmn/arrow08.png") no-repeat center center;
        background-size: contain;
        width: 5px;
        height: 7px;
        display: block;
        position: absolute;
        left: 0;
        top: 0.5em; }
  #term_pet #term_pet01 > p, #term_pet #term_pet02 > p {
    font-size: 93%; }
  #term_pet #term_pet01 {
    margin-bottom: 30px; } }
@media (max-width: 767px) {
  #term_pet .list2 li {
    text-indent: -1em;
    padding-left: 1em; }
    #term_pet .list2 li:before {
      content: '●';
      color: #797420; } }

/* ----------------------------------------------------------
// ::: recruit :::::::::
   ---------------------------------------------------------- */
@media (min-width: 768px) {
  #recruit #mainImg {
    background: url("../images/recruit/h2_recruit.png") no-repeat center center; } }
#recruit dl {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  font-size: 93%; }
  #recruit dl dt {
    color: #FFF; }
@media (min-width: 768px) {
  #recruit dl dt {
    width: calc(30% - 2px);
    background: #BAD520;
    border-right: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    border-left: 1px solid #FFF;
    padding: 10px; }
    #recruit dl dt:first-of-type {
      border-top: 1px solid #FFF; }
  #recruit dl dd {
    width: calc(70% - 1px);
    background: #FFF;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    padding: 10px; }
    #recruit dl dd:first-of-type {
      border-top: 1px solid #CCC; } }
@media (max-width: 767px) {
  #recruit #mainImg {
    background: url("../images/cmn/h2_title_sp.jpg") no-repeat center center; }
  #recruit h3.title01 {
    background: url("../images/cmn/sp_title_icon01.png") no-repeat top center;
    background-size: 15% auto; }
  #recruit dl dt {
    width: 100%;
    background: #BAD520;
    font-weight: bold;
    padding: 7px 10px; }
  #recruit dl dd {
    width: 100%;
    background: #EEE;
    padding: 7px 10px;
    color: #444;
    margin-bottom: 5px; }
    #recruit dl dd a {
      text-decoration: underline; } }

/* ----------------------------------------------------------
// ::: message :::::::::
   ---------------------------------------------------------- */
@media (min-width: 768px) {
  #message #mainImg {
    background: url("../images/message/h2_message.png") no-repeat center center; }
  #message #introDiv {
    font-size: 115%; } }
#message .title-message {
  font-size: 143%;
  text-decoration: underline; }
#message .title-message-sub {
  margin-left: 1em;
  font-size: 100%; }
#message .box-message {
  text-indent: 0em; }
  #message .box-message .txt {
    padding-left: 15px; }

/* ----------------------------------------------------------
// ::: memberscard :::::::::
   ---------------------------------------------------------- */
@media (min-width: 768px) {
  #memberscard #mainImg {
    background: url("../images/memberscard/h2_memberscard.png") no-repeat center center; } }