@charset "UTF-8";
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,
input, select, textarea {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  /* Sets a specific default `font-size` for user with `rem` type scales.*/
  font-size: 100%;
  /* Changes the default tap highlight to be completely transparent in iOS.*/
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  color: #000000;
  line-height: 1.6;
  font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  min-width: 1100px;
}

img {
  vertical-align: bottom;
}

strong {
  font-weight: bold;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.flex-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flex-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.flex-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.align-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.align-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.img100 {
  width: 100%;
  height: auto;
}

a {
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
}

a:hover {
  opacity: .8;
}

.contain {
  width: 1100px;
  margin: 0 auto;
}

.inner {
  width: 900px;
  margin: 0 auto;
}

.inner_login {
  width: 450px;
  margin: 0 auto;
}

.bold {
  font-weight: bold;
}

.red {
  color: #ff0000;
}

.sp {
  display: none;
}

#left {
  width: 210px;
  margin-bottom: 70px;
}

#right {
  width: 860px;
  margin-bottom: 70px;
}

#middle {
  width: 620px;
}

#m_right {
  width: 210px;
}

.contents {
  margin-bottom: 70px;
}

select {
  border-radius: 4px;
  padding: .3rem;
  outline: none;
  text-indent: 0.01px;
  text-overflow: '';
  background: none transparent;
  vertical-align: middle;
  margin-bottom: 10px;
  border: 1px solid #999999;
}

select option {
  background-color: #fff;
  color: #000000;
}

input[type="text"], input[type="password"], textarea {
  border-radius: 4px;
  padding: .3rem;
  border: 1px solid #999999;
}

input[type="submit"] {
  border-radius: 4px;
  padding: .8rem 0;
  background-color: #31908f;
  font-weight: bold;
  color: #fff;
  border: none;
  cursor: pointer;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
}

input[type="submit"]:hover {
  background-color: #31908f;
  opacity: .8;
}

#head {
  position: relative;
}

#head .logo {
  text-align: center;
  margin: 22px 0;
}

.h_nav {
  position: absolute;
  right: 0;
  top: 0;
}

.h_nav a {
  color: #000000;
  text-decoration: none;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
}

.h_nav a:hover {
  color: #31908f;
}

.h_nav .link {
  font-size: .75rem;
  margin-bottom: 9px;
}

.h_nav .link li + li:before {
  content: "|";
  color: #cdcdcd;
}

.h_nav .link li a {
  padding: 0 11px;
}

.h_btn {
  font-size: .8125rem;
}

.h_btn a {
  color: #000000;
  border: 1px solid #cdcdcd;
  border-radius: 3px;
  padding: 6px;
}

.h_btn a i {
  color: #b9b9b9;
  font-size: .875rem;
  margin-right: 5px;
}

.h_btn li + li {
  margin-left: 10px;
}

.h_border {
  border-top: 1px solid #cdcdcd;
  border-bottom: none;
}

/* 検索ボトム */
.top_foot {
  margin-bottom: 60px;
}

.top_foot h3 {
  margin-bottom: 15px;
}

.top_foot .search_bottom01 {
  width: 496px;
}

.top_foot .search_bottom02 {
  width: 390px;
  margin-left: 30px;
}

.top_foot li {
  padding: 0 4px 0 0;
  font-size: .875rem;
  font-weight: bold;
}

.top_foot li a {
  color: #000000;
  text-decoration: none;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
}

.top_foot li a:hover {
  color: #31908f;
}

.top_foot li:not(:last-child):after {
  content: "/";
  color: #999999;
  padding-left: 4px;
}

#foot .middle_foot {
  border-top: 1px solid #cdcdcd;
  font-size: .8125rem;
}

#foot .contain {
  font-weight: bold;
}

#foot .link {
  width: 482px;
  font-size: .875rem;
}

#foot .link a {
  color: #000000;
  text-decoration: none;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
}

#foot .link a:hover {
  color: #31908f;
}

#foot .link li + li {
  margin-left: 1rem;
}

.btm_foot {
  background-color: #777777;
  color: #fff;
  text-align: center;
  padding: 13px 0;
}

#left h2 {
  border: 3px solid #000000;
  text-align: center;
  padding: 8px 0;
  font-weight: bold;
  margin-bottom: 14px;
}

#left .search ul {
  margin: 0 10px 0;
}

#left .search li a {
  color: #666666;
  text-decoration: none;
  font-weight: bold;
  font-size: .875rem;
}

#left .search .tagPick a {
  color: #31908f;
}

#left #disp_other, #left #disp_line, #left #disp_searchDetail {
  margin-bottom: 10px;
}

#left #disp_line dt {
  display: block;
  cursor: pointer;
}

#left #disp_line dt:hover {
  opacity: .8;
}

#left #disp_line dd {
  display: none;
}

#left #disp_otherForm {
  overflow: hidden;
}

#left .tagAll {
  display: block;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 4px 0;
  color: #000000;
  font-size: .875rem;
  border-top: 1px solid #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#left .tagAll i {
  font-size: 1rem;
  margin-right: .2rem;
}

#left .tagAll:hover {
  opacity: .8;
}

#left #disp_line dt, #left #disp_searchDetail h2 {
  text-align: center;
  font-weight: bold;
  padding: 4px 0;
  color: #000000;
  font-size: .875rem;
}

#left #disp_line dt i, #left #disp_searchDetail h2 i {
  font-size: 1rem;
  margin-right: .2rem;
}

#left #disp_line dt, #left #disp_searchDetail h2 {
  border: 1px solid #000000;
}

#left #disp_line dt, #left #disp_searchDetail h2 a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#left #disp_searchDetail a {
  color: #000000;
  text-decoration: none;
}

#left .bana {
  margin: 35px 0 25px;
}

#left .bana li {
  margin-bottom: 10px;
  font-weight: bold;
}

#left .bana li a {
  color: #000000;
  text-decoration: none;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
}

#left .bana li a:hover {
  color: #31908f;
}

#left .bana .box {
  text-align: center;
  border: 3px solid #000000;
}

#left .bana .box h3 {
  background-color: #000000;
  color: #fff;
  font-size: .9375rem;
  padding: 5px 0;
}

#left .bana .box p {
  font-size: .8125rem;
  padding: 12px 0;
}

#left .rank {
  margin-bottom: 35px;
}

#left .rank li, #left .rank .photo {
  position: relative;
}

#left .rank .photo {
  /*&:after {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 2;
        content: '';
        width: 100%;
        height: 50%;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, .8)), color-stop(70%, rgba(0, 0, 0, 1)));
        background: linear-gradient(rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 100%, rgba(0, 0, 0, 1) 70%);
      }*/
}

#left .rank .photo:hover {
  opacity: .8;
}

#left .rank .rankNum {
  padding: 0 2px;
  color: #fff;
  font-size: 1.625rem;
  font-family: Arial Black;
  font-weight: bold;
  position: absolute;
  bottom: 4px;
  right: 2px;
  z-index: 3;
  line-height: 1;
  text-shadow: 1px 1px 1px #000,
 -1px 1px 1px #000,
 1px -1px 1px #000,
 -1px -1px 1px #000;
}

#left .rank .rankNum span {
  font-size: 3.75rem;
}

#left .rank .info {
  padding: 10px;
  font-size: .75rem;
}

#left .rank .info p {
  color: #777777;
}

#left .rank h3 {
  font-size: .8125rem;
  font-weight: bold;
}

#left .rank h3 a {
  color: #000000;
  text-decoration: none;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
}

#left .rank h3 a:hover {
  color: #31908f;
}

#left .rank li:not(:last-child) {
  border-bottom: 1px solid #cdcdcd;
  margin-bottom: 10px;
}

#left .sns .no-border {
  border: none;
  margin-bottom: 0;
}

#left .sns li i {
  width: 46px;
  height: 46px;
  line-height: 46px;
  border-radius: 50%;
  background-color: #777777;
  text-align: center;
}

#left .sns li a {
  color: #fff;
}

#left .sns li:first-child i {
  font-size: 1.75rem;
}

#left .sns li:last-child {
  margin-left: 10px;
}

#left .sns li:last-child i {
  font-size: 2rem;
}

#left .search_form {
  font-size: .875rem;
  /*.select-wrap {
      position: relative;
      &:before {
        z-index: 1;
        position: absolute;
        right: 10px;
        top: 0;
        content: "\f107";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        color: $color-text;
        pointer-events: none;
        font-size: 1.25rem;
      }
    }*/
  /*.label-checkbox{
      cursor: pointer;
      color: $color-text;
      font-weight: normal;
      input[type="checkbox"]{
        display: none;
        &:checked + .lever{
          &:before{
            content:"\f14a";
            font-family: "Font Awesome 5 Free";
            font-weight: 400;
            color: $color-primary;
          }
        }
      }
      .lever:before{
        content:"\f0c8";
        font-family: "Font Awesome 5 Free";
        font-weight: 400;
        margin-right: 4px;
        color: $color-gray;
        font-size: 1.125rem;
        position: relative;
        top: 2px;
      }
    }*/
}

#left .search_form input[type="text"] {
  width: 100%;
  margin-bottom: 25px;
}

#left .search_form input[type="submit"] {
  width: 100%;
  font-size: 1.125rem;
}

#left .search_form .btn input {
  background-color: #b5b5b5;
  display: block;
  padding: 8px 0;
  color: #fff;
  font-size: .9375rem;
  border-radius: 4px;
  text-align: center;
  text-decoration: none;
  margin-bottom: 25px;
  font-weight: bold;
}

#left .search_form .btn input i {
  margin-left: .2rem;
}

#left .search_form h3 {
  font-weight: bold;
  margin-bottom: 15px;
  border-bottom: 1px solid #000000;
}

#left .search_form .search_switch {
  color: #01a3ef;
  text-decoration: none;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
}

#left .search_form .search_switch:hover {
  color: #31908f;
}

#left .search_form select {
  /*-webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;*/
  /*&::-ms-expand {
        display: none;
      }
      &::-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 #828c9a;
      }*/
}

#left .search_form select[name="adds"],
#left .search_form select[name="traffic_walk"],
#left .search_form select[name="built_tmp"],
#left .search_form select[name="traffic_adds"],
#left .search_form select[name="traffic_line"] {
  width: 210px;
}

#left .search_form select[name="costA"],
#left .search_form select[name="costB"],
#left .search_form select[name="areaA"],
#left .search_form select[name="areaB"] {
  width: 93px;
}

#left .search_form #disp_add_sub,
#left .search_form #disp_otherForm,
#left .search_form .row2 {
  margin: 0 10px 0;
}

#left .search_form #disp_add_sub label,
#left .search_form #disp_otherForm label,
#left .search_form .row2 label {
  display: inline-block;
}

#left .search_form #disp_add_sub label,
#left .search_form #disp_otherForm label {
  width: 100%;
  margin-bottom: 8px;
}

#left .search_form .row2 label {
  width: 50%;
}

#left .search_form #disp_otherForm label {
  color: #666666;
  font-weight: bold;
}

#left .search_form #disp_otherForm .tagPick {
  color: #31908f;
}

#left .search_form .min_disp {
  height: 180px;
}

#left .search_form .full_disp {
  height: inherit;
}

#m_right h2 {
  color: #31908f;
  font-weight: bold;
  border-bottom: 2px solid #31908f;
  text-align: center;
  padding-bottom: 6px;
  margin-bottom: 20px;
}

#m_right li {
  position: relative;
  margin-bottom: 20px;
}

#m_right li:not(:last-child) {
  border-bottom: 1px solid #cdcdcd;
}

#m_right .photo {
  position: relative;
  /*> *:after {
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: 2;
      content: '';
      width: 100%;
      height: 50%;
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, .8)), color-stop(70%, rgba(0, 0, 0, 1)));
      background: linear-gradient(rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 100%, rgba(0, 0, 0, 1) 70%);
    }*/
}

#m_right .photo img {
  width: 210px;
  height: 140px;
  object-fit: cover;
}

#m_right .icon {
  position: absolute;
  bottom: 0;
  left: 8px;
  color: #fff;
  font-size: 1.375rem;
  font-weight: bold;
  z-index: 3;
  text-shadow: 1px 1px 1px #000,
 -1px 1px 1px #000,
 1px -1px 1px #000,
 -1px -1px 1px #000;
}

#m_right .icon img {
  width: auto;
  height: 21px;
}

#m_right .info {
  font-size: .75rem;
  padding: 10px;
}

#m_right .info a {
  color: #000000;
  text-decoration: none;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
}

#m_right .info a:hover {
  color: #31908f;
}

#m_right .date {
  color: #777777;
}

/* モーダル */
.modal-content {
  width: 50%;
  min-width: 750px;
  /*margin:1.5em auto 0;*/
  border: 2px solid #000000;
  background: #fff;
  position: relative;
  display: none;
}

.modal-content table {
  width: 100%;
  font-size: .875rem;
}

.modal-content th, .modal-content td {
  padding: 20px;
}

.modal-content th {
  background-color: #f6f6f6;
  border-right: 1px solid #000000;
  vertical-align: middle;
  text-align: left;
  width: 150px;
}

.modal-content tr {
  border-bottom: 1px solid #000000;
}

.modal-content .row3 label {
  width: calc(100% / 3);
}

.modal-content .row4 label {
  width: calc(100% / 4);
}

.modal-content select {
  margin-bottom: 0;
}

.modal-content a {
  color: #01a3ef;
  text-decoration: none;
  font-weight: bold;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
}

.modal-content a:hover {
  color: #31908f;
}

.modal-content .submit {
  text-align: center;
  margin: 20px;
}

.modal-content .submit input {
  padding: 10px 90px;
  font-size: 1.25rem;
}

.modal-overlay {
  z-index: 4;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(255, 255, 255, 0.8);
}

.modal-wrap {
  z-index: 5;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
}

.modal-open {
  cursor: pointer;
}

.pv, .icon_pv {
  border: 1px solid rgba(255, 255, 255, 0.6);
  background-color: rgba(0, 0, 0, 0.35);
  color: #fff;
  padding: 2px;
  z-index: 2;
  font-size: .8125rem;
}

.pv {
  position: absolute;
  top: 5px;
  right: 5px;
}

#main .error {
  border: 2px solid #ff0000;
  text-align: center;
  margin-bottom: 50px;
  padding: .75rem 0;
}

#main .error p {
  color: #ff0000;
  font-weight: bold;
  font-size: 1.125rem;
}

#main .message {
  line-height: 150%;
  margin: 15px 0 50px;
  font-size: .875rem;
}

#main .message p {
  margin-bottom: 10px;
}

#main .message a {
  color: #31908f;
  text-decoration: none;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
}

#main .message a:hover {
  color: #01a3ef;
}

#main .message li a:before {
  font-family: "Font Awesome 5 Free";
  content: "\f0da";
  font-weight: 900;
}

#main .hissu_hint {
  color: #ff0000;
  font-size: .75rem;
}

#main .hint {
  margin-bottom: 10px;
}

#mainVisual {
  margin-bottom: 50px;
}

#mainVisual .main01 .info, #mainVisual .main02 .info, #mainVisual .main03 .info {
  position: absolute;
  color: #fff;
  z-index: 3;
}

#mainVisual .main01 .photo, #mainVisual .main02 .photo, #mainVisual .main03 .photo {
  position: relative;
  /*&:after {
				position: absolute;
				bottom: 0;
				left: 0;
				z-index: 2;
				content: '';
				width: 100%;
				height: 50%;
				background: linear-gradient(rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 100%, rgba(0, 0, 0, 1) 70%);
			}*/
}

#mainVisual .main01 a, #mainVisual .main02 a, #mainVisual .main03 a {
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
}

#mainVisual .main01 a:hover, #mainVisual .main02 a:hover, #mainVisual .main03 a:hover {
  opacity: 1;
}

#mainVisual .main01 a:hover img, #mainVisual .main02 a:hover img, #mainVisual .main03 a:hover img {
  opacity: .8;
}

#mainVisual .main01 {
  position: relative;
}

#mainVisual .main01 .info {
  font-size: .875rem;
  bottom: -18px;
  left: 14px;
}

#mainVisual .main01 .info h3 {
  font-size: 2.125rem;
  margin-right: 14px;
  font-weight: bold;
  text-shadow: 2px 2px 1px #000, -2px 2px 1px #000, 2px -2px 1px #000, -2px -2px 1px #000;
}

#mainVisual .main01 .info p {
  margin-right: 14px;
  color: #000000;
}

#mainVisual .main01 .photo img {
  width: 620px;
  height: 368px;
  object-fit: cover;
}

#mainVisual .main02, #mainVisual .main03 {
  position: relative;
}

#mainVisual .main02 .info, #mainVisual .main03 .info {
  font-size: .75rem;
  bottom: 6px;
  left: 10px;
}

#mainVisual .main02 .info h3, #mainVisual .main03 .info h3 {
  font-size: 1.375rem;
  margin-right: 12px;
  font-weight: bold;
}

#mainVisual .main02 .info p, #mainVisual .main03 .info p {
  margin-right: 12px;
}

#mainVisual .main02 .photo img, #mainVisual .main03 .photo img {
  width: 283px;
  height: 168px;
  object-fit: cover;
}

#mainVisual .main02 {
  margin-bottom: 4px;
}

.object-fit-img {
  object-fit: contain;
  font-family: 'object-fit: cover;';
}

/* タブ切り替え */
#tab {
  border-bottom: 2px solid #000000;
  color: #999999;
  font-weight: bold;
  margin-bottom: 20px;
}

#tab li {
  cursor: pointer;
  /*width: 120px;*/
  text-align: center;
  padding: 0px 14px 6px;
  font-size: 15px;
}

#tab .select {
  color: #000000;
  border-bottom: 3px solid #000000;
}

.disnon {
  display: none;
}

.content_wrap article {
  width: 300px;
  position: relative;
  margin-bottom: 20px;
  box-sizing: content-box;
}

.content_wrap .favorite, .content_wrap .favorite2 {
  position: absolute;
  top: 0;
  left: 5px;
  font-size: 1.25rem;
  z-index: 2;
}

.content_wrap .favorite a, .content_wrap .favorite2 a {
  display: block;
  text-decoration: none;
}

.content_wrap .favorite a:before, .content_wrap .favorite2 a:before {
  font-family: "Font Awesome 5 Free";
  content: "\f004";
}

.content_wrap .favorite a {
  color: #fff;
}

.content_wrap .favorite a:before {
  font-weight: 400;
}

.content_wrap .favorite2 a {
  color: #31908f;
}

.content_wrap .favorite2 a:before {
  font-weight: 900;
}

.content_wrap .icon {
  position: absolute;
  top: 5px;
  right: 5px;
}

.content_wrap .icon li + li {
  margin-left: 5px;
}

.content_wrap .icon_movein {
  border: 1px solid #f26091;
  background-color: #f26091;
  color: #fff;
  padding: 2px;
  z-index: 2;
  font-size: .8125rem;
}

.content_wrap .icon_entry {
  border: 1px solid #31908f;
  background-color: #31908f;
  color: #fff;
  padding: 2px;
  z-index: 2;
  font-size: .8125rem;
}

.content_wrap .icon_limit, .content_wrap .icon_vacancy {
  border: 1px solid #000000;
  background-color: #000000;
  color: #fff;
  padding: 2px;
  z-index: 2;
  font-size: .8125rem;
}

.content_wrap .icon_new {
  background-color: #fff;
  color: #31908f;
  font-family: Arial Black;
  padding: 0 3px;
  z-index: 2;
  font-size: .8125rem;
}

.content_wrap .photo {
  position: relative;
  width: 300px;
  height: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.content_wrap .photo img {
  object-fit: cover;
  font-family: 'object-fit: cover';
  width: 300px;
  height: 200px;
}

.content_wrap .info {
  padding: 10px 0;
}

.content_wrap h3 {
  font-weight: bold;
  margin-bottom: 8px;
}

.content_wrap h3 a {
  color: #000000;
  text-decoration: none;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
}

.content_wrap h3 a:hover {
  color: #31908f;
}

.content_wrap dl {
  font-size: .8125rem;
}

.content_wrap .address {
  border-top: 2px solid #000000;
  border-bottom: 2px solid #000000;
  padding: 4px 0;
}

.content_wrap dd {
  color: #777777;
  border-bottom: 1px solid #cdcdcd;
  padding: 4px 0;
}

.content_wrap .tag {
  font-size: .75rem;
  font-weight: bold;
  padding-top: 4px;
}

.content_wrap .tag li {
  color: #666666;
  text-decoration: none;
  font-weight: bold;
}

.content_wrap .tag .tagPick {
  color: #31908f;
}

.content_wrap .tag li {
  margin-right: .4rem;
}

.content_wrap .btn {
  text-align: center;
  font-size: 1.25rem;
  font-weight: bold;
}

.content_wrap .btn a {
  color: #000000;
  border: 4px solid #000000;
  display: inline-block;
  text-decoration: none;
  padding: 6px 90px;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
}

.content_wrap .btn a:hover {
  background-color: #000000;
  color: #fff;
  opacity: 1;
}

/* 詳細ページ */
.slick-arrow {
  z-index: 99;
}

.slide .slick-slide {
  width: 810px;
  height: 540px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.slide .slick-slide img {
  object-fit: cover;
  font-family: 'object-fit: cover';
  width: 810px;
  height: 540px;
}

.slide .slick-slide:focus {
  outline: none;
}

/* 幅を固定にし、overflow:visibleにすればいけそうだが… */
.slide {
  overflow: hidden;
}

.slide_inner {
  width: 810px;
  margin: 0 auto;
}

.slide .slick-list {
  overflow: visible !important;
}

.slick-prev {
  left: -44px;
}

.slick-next {
  right: -44px;
}

.slick-prev,
.slick-next {
  height: 60px;
}

/*.slick-prev {
	left: 360px;
}
.slick-next {
	right: 360px;
}*/
.slick-prev:before,
.slick-next:before {
  font-family: "Font Awesome 5 Free";
  font-size: 3.75rem;
  font-weight: 900;
  color: #000000;
  opacity: .5;
}

.slick-prev:before {
  content: '\f0d9';
}

[dir='rtl'] .slick-prev:before {
  content: '\f0da';
}

.slick-next:before {
  content: '\f0da';
}

[dir='rtl'] .slick-next:before {
  content: '\f0d9';
}

.slideArea {
  position: relative;
}

.slideArea .iconArea {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.8);
  width: 100%;
  padding: 10px 30px;
  font-weight: bold;
}

.slideArea .icon span {
  color: #fff;
  width: 44px;
  height: 44px;
  text-align: center;
  border-radius: 50%;
  margin-right: 7px;
}

.slideArea .icon_new {
  background-color: #31908f;
  font-size: .875rem;
  line-height: 44px;
}

.slideArea .icon_pick {
  background-color: #666666;
  font-size: .75rem;
  line-height: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.slideArea .tag {
  font-size: .9375rem;
  margin-left: 12px;
  width: 700px;
}

.slideArea .tag li {
  color: #666666;
  text-decoration: none;
  font-weight: bold;
}

.slideArea .tag .tagPick {
  color: #31908f;
}

.slideArea .tag li {
  margin-right: 5px;
}

.slideArea .mark {
  font-size: .9375rem;
}

.slideArea .mark li + li {
  margin-left: 10px;
}

.slideArea .icon_movein {
  border: 2px solid #fff;
  background-color: #f26091;
  color: #fff;
  padding: 5px 25px;
}

.slideArea .icon_entry {
  border: 2px solid #fff;
  background-color: #31908f;
  color: #fff;
  padding: 5px 25px;
}

.slideArea .icon_vacancy {
  border: 2px solid #fff;
  background-color: #000000;
  color: #fff;
  padding: 5px 25px;
}

.slideArea .favorite a, .slideArea .favorite2 a {
  color: #000000;
  text-decoration: none;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
}

.slideArea .favorite a:hover, .slideArea .favorite2 a:hover {
  color: #31908f;
}

.slideArea .favorite i, .slideArea .favorite2 i {
  font-size: 1rem;
  margin-right: 2px;
}

.slideArea .favorite a, .slideArea .favorite2 a {
  display: inline-block;
  padding: 5px 25px;
  border: 2px solid #000000;
  text-decoration: none;
}

.slideArea .favorite a:before, .slideArea .favorite2 a:before {
  content: "\f004";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.slideArea .favorite a:after {
  content: "お気に入り";
}

.slideArea .favorite2 a:after {
  content: "お気に入りから外す";
}

body.is-fixed #gnav {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
}

#gnav {
  border-bottom: 1px solid #cdcdcd;
  font-size: 1.125rem;
  margin-bottom: 60px;
  width: 100%;
  background-color: #fff;
}

#gnav li {
  margin: 20px;
}

#gnav li a {
  color: #31908f;
  font-weight: bold;
  text-decoration: none;
}

#gnav .current {
  background-color: #31908f;
  border-radius: 18px;
  padding: 7px 17px;
  color: #fff;
}

#property .title {
  text-align: center;
  font-weight: bold;
  font-size: 1.875rem;
  margin-bottom: 40px;
}

#property .info h2 {
  color: #fff;
  background-color: #31908f;
  font-size: .9375rem;
  padding: 5px 48px;
  text-align: center;
  margin-bottom: 20px;
  display: inline-block;
}

#property .point {
  color: #777777;
  font-weight: bold;
  font-size: 1.125rem;
  margin-bottom: 40px;
}

#property .point i {
  margin-right: .5rem;
  color: #31908f;
}

#property .price {
  font-size: 1.625rem;
}

#property table {
  color: #777777;
  font-size: .875rem;
}

#property th {
  text-align: left;
  width: 70px;
}

#property th, #property td {
  padding: 5px 0;
}

#property .box {
  margin-bottom: 70px;
}

#property .box h2 {
  font-weight: bold;
  font-size: 1.25rem;
  margin-bottom: 15px;
  text-align: center;
}

#property .box .description {
  margin: 10px 0 30px;
  padding: 30px;
  border: 2px solid #000000;
  font-size: .875rem;
}

#property .box .comment figcaption {
  color: #777777;
  text-align: center;
  font-size: .875rem;
}

#property .box .balloon {
  width: 723px;
  background-color: #eaeaea;
  padding: 30px;
  font-size: .8125rem;
  border-radius: 18px;
  position: relative;
  /* 色付きの半円 */
  /* 白い半円 */
}

#property .box .balloon:before {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  transform: rotate(135deg);
  right: -19px;
  top: 15px;
  border-left: 20px solid #eaeaea;
  border-top: 20px solid #eaeaea;
  border-right: 20px solid transparent;
  border-bottom: 20px solid transparent;
}

#property .box .balloon:after {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  transform: rotate(135deg);
  right: -20px;
  top: 30px;
  border-left: 20px solid #fff;
  border-top: 20px solid #fff;
  border-right: 20px solid transparent;
  border-bottom: 20px solid transparent;
}

#floor {
  margin-bottom: 70px;
}

#floor h2 {
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 15px;
  text-align: center;
}

#floor .floorImg {
  border: 1px solid #cdcdcd;
  text-align: center;
  padding: 25px 0;
}

#floor .description {
  margin: 10px 0 30px;
  padding: 30px;
  border: 2px solid #000000;
  font-size: .875rem;
}

.title_2color {
  position: relative;
  padding-bottom: .2em;
  border-bottom: 2px solid #bcbcbc;
  color: #31908f;
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 35px;
}

.title_2color:after {
  position: absolute;
  bottom: -2px;
  left: 0;
  z-index: 2;
  content: '';
  height: 3px;
  background-color: #31908f;
}

#propertyDetail .title_2color:after {
  width: 90px;
}

#propertyDetail .attention {
  text-align: right;
  font-size: .75rem;
  color: #777777;
}

.tableProper {
  border: 2px solid #000000;
  width: 100%;
  font-size: .9375rem;
  margin-bottom: 12px;
}

.tableProper tr {
  border-bottom: 1px solid #000000;
}

.tableProper th, .tableProper td {
  padding: 2px 13px;
}

.tableProper th {
  background-color: #dedede;
  text-align: left;
  border-right: 1px solid #000000;
  border-left: 1px solid #000000;
}

.tableProper td {
  background-color: #f6f6f6;
}

#cost {
  position: relative;
}

#cost .title_2color:after {
  width: 148px;
}

#cost .title {
  font-size: 1.5rem;
  color: #777777;
  margin-bottom: 20px;
  text-align: center;
  font-weight: bold;
}

#cost .infoArea {
  position: relative;
}

#cost .initialCost {
  font-size: 1.25rem;
  color: #777777;
  text-align: center;
  margin-bottom: 20px;
  font-weight: bold;
}

#cost .price {
  font-size: 1.875rem;
  color: #000000;
}

#cost .photo {
  position: absolute;
  right: 630px;
}

#cost .info {
  width: 350px;
  margin: 0 auto;
}

#cost .info dl {
  font-size: .875rem;
}

#cost .ex {
  position: absolute;
  right: -38px;
  top: 118px;
}

#cost .ex figure {
  margin-top: -80px;
}

#cost .ex .waku {
  border: 2px solid #000000;
  border-radius: 20px;
  padding: 25px;
  font-size: .9375rem;
  font-weight: bold;
  margin-left: 10px;
}

#cost .credit {
  text-align: center;
  border-bottom: 4px solid #e6001f;
  font-size: .9375rem;
  margin-bottom: 55px;
  display: inline-block;
  font-weight: bold;
}

#cost .btn {
  margin-bottom: 10px;
}

#cost .btn a {
  background-color: #31908f;
  color: #fff;
  font-size: 1.5rem;
  font-weight: bold;
  padding: 13px 118px;
  display: inline-block;
  border-radius: 10px;
  text-decoration: none;
}

#cost .sns {
  margin-bottom: 55px;
}

#cost .sns ul {
  margin-right: 10px;
}

#cost .sns li {
  margin-right: 10px;
}

#cost .tag li {
  color: #666666;
  text-decoration: none;
  font-weight: bold;
}

#cost .tag .tagPick {
  color: #31908f;
}

#cost .tag li {
  font-size: 1.125rem;
  margin-right: .5em;
}

#cost .rental_daibutsu {
  position: absolute;
  right: -6px;
  bottom: 106px;
}

#propertyDetail,
#cost {
  margin-bottom: 70px;
}

#propertyDetail .subttl,
#cost .subttl {
  text-align: center;
  font-weight: bold;
  font-size: .9375rem;
  margin-bottom: 20px;
}

.full_title {
  text-align: center;
  font-size: 1.25rem;
  font-weight: bold;
  margin: 35px 0;
}

.title_border {
  border-bottom: 2px solid #000000;
  font-size: 1.125rem;
  margin-bottom: 20px;
  font-weight: bold;
  padding: 0 5px;
}

.title_border i {
  color: #31908f;
}

.contents_box {
  margin-bottom: 70px;
}

.contents_box .box {
  width: 282px;
  border: 1px solid #cdcdcd;
}

.contents_box .box .photo {
  width: 280px;
  height: 187px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.contents_box .box .photo img {
  object-fit: cover;
  font-family: 'object-fit: cover';
  width: 280px;
  height: 187px;
}

.contents_box .box .info {
  padding: 10px;
}

.contents_box .box .info p {
  font-size: .8125rem;
  color: #777777;
}

.contents_box .box h3 a {
  color: #000000;
  text-decoration: none;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
}

.contents_box .box h3 a:hover {
  color: #31908f;
}

.contents_box .box:not(:nth-child(3n)) {
  margin-right: 30px;
}

.hit {
  font-size: .875rem;
}

.hit strong {
  font-size: 1.25rem;
}

.clear {
  font-size: .875rem;
}

.clear a {
  color: #000000;
  text-decoration: none;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
}

.clear a:hover {
  color: #31908f;
}

.clear i {
  color: #b5b5b5;
  margin-right: .2rem;
}

.order {
  border-top: 2px solid #000000;
  border-bottom: 2px solid #000000;
  padding: 2px 0;
  margin-bottom: 30px;
}

.order dt {
  margin-right: 218px;
  font-size: .875rem;
}

.order i {
  color: #b5b5b5;
  margin-right: .2rem;
  font-size: 1.125rem;
}

.order dd {
  padding: 0 2rem;
  font-weight: bold;
}

.order dd a {
  color: #999999;
  text-decoration: none;
}

.order dd a:hover {
  color: #31908f;
}

.order dd + dd {
  border-left: 1px solid #999999;
}

.order .down a, .order .up a {
  color: #000000;
}

.order .down:before, .order .up:before {
  font-family: "Font Awesome 5 Free";
  color: #b5b5b5;
  font-size: 1.25rem;
  margin-right: .2rem;
}

.order .down:before {
  content: "\f0d7";
}

.order .up:before {
  content: "\f0d8";
}

.list .box {
  border-bottom: 1px solid #cdcdcd;
  margin-bottom: 30px;
  padding-bottom: 30px;
}

.list .box:hover {
  opacity: .8;
}

.list .photoArea {
  position: relative;
}

.list .photoArea .icon {
  position: absolute;
  top: 10px;
  right: 10px;
}

.list .photoArea .icon li + li {
  margin-left: 5px;
}

.list .photoArea .icon_movein {
  border: 1px solid #f26091;
  background-color: #f26091;
  color: #fff;
  padding: 2px;
  z-index: 2;
  font-size: .8125rem;
}

.list .photoArea .icon_entry {
  border: 1px solid #31908f;
  background-color: #31908f;
  color: #fff;
  padding: 2px;
  z-index: 2;
  font-size: .8125rem;
}

.list .photoArea .icon_limit, .list .photoArea .icon_vacancy {
  border: 1px solid #000000;
  background-color: #000000;
  color: #fff;
  padding: 2px;
  z-index: 2;
  font-size: .8125rem;
}

.list .photoArea .photo {
  position: relative;
  width: 290px;
  height: 190px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.list .photoArea .photo img {
  object-fit: cover;
  font-family: 'object-fit: cover';
  width: 290px;
  height: 190px;
}

.list .photoArea .photo a:hover {
  opacity: inherit;
}

.list .photoArea .favorite, .list .photoArea .favorite2 {
  position: absolute;
  top: 0;
  left: 5px;
  font-size: 1.25rem;
}

.list .photoArea .favorite a, .list .photoArea .favorite2 a {
  display: block;
  text-decoration: none;
}

.list .photoArea .favorite a:before, .list .photoArea .favorite2 a:before {
  content: "\f004";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.list .photoArea .favorite a {
  color: #fff;
}

.list .photoArea .favorite a:before {
  font-weight: 400;
}

.list .photoArea .favorite2 a {
  color: #31908f;
}

.list .photoArea .favorite2 a:before {
  font-weight: 900;
}

.list .info {
  padding: 10px;
  font-size: .8125rem;
  width: 600px;
}

.list .info a {
  color: #000000;
  text-decoration: none;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
}

.list .info h3 {
  font-size: 1.125rem;
  font-weight: bold;
  border-bottom: 2px solid #000000;
}

.list .info .icon_new {
  font-family: Arial Black;
  color: #31908f;
  font-size: .8125rem;
  margin: 0 .2rem;
}

.list .info .detail dl {
  width: calc(100%/3);
  border-bottom: 1px solid #999999;
  padding: .2rem .5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.list .info .detail dl + dl {
  border-left: 1px solid #999999;
}

.list .info .detail dt {
  color: #777777;
  margin-right: 1rem;
}

.list .info .detail dd {
  font-size: .9375rem;
}

.list .info .area {
  border-bottom: 1px solid #999999;
  padding: .5rem 0;
}

.list .info .text {
  color: #777777;
  padding: .5rem 0;
}

.list .info .tag {
  padding: 0 0 .5rem 0;
}

.list .info .tag li {
  color: #666666;
  text-decoration: none;
  font-weight: bold;
}

.list .info .tag .tagPick {
  color: #31908f;
}

.list .info .tag li {
  margin-right: .4rem;
}

#list .width30 {
  width: 30px;
}

#list .list .photoArea .photo {
  width: 210px;
  height: 140px;
}

#list .list .photoArea .photo img {
  object-fit: cover;
  font-family: 'object-fit: cover';
  width: 210px;
  height: 140px;
}

#list .info {
  width: 660px;
}

.pager {
  font-weight: bold;
}

.pager ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.pager li + li {
  margin-left: 12px;
}

.pager .active {
  border: 1px solid #000000;
  background-color: #000000;
  color: #fff;
  padding: 8px 16px;
}

.pager a {
  border: 1px solid #777777;
  color: #000000;
  padding: 10px 16px;
  text-decoration: none;
}

.pager a:hover {
  opacity: 1;
  background-color: #31908f;
  border: 1px solid #31908f;
  color: #fff;
}

.pager .back a, .pager .next a {
  border: none;
  color: #31908f;
}

.pager .back a:hover, .pager .next a:hover {
  opacity: 1;
  background-color: inherit;
  border: none;
  color: #31908f;
}

.pager li:nth-child(2),
.pager .next {
  margin-left: 0;
}

form[name="sys_form"] .list .box {
  border: 1px solid #cdcdcd;
  padding: 20px;
  margin-bottom: 30px;
}

form[name="sys_form"] .naiken {
  text-align: center;
  margin: 0 auto 30px;
  font-weight: bold;
  color: #ff0000;
  border-bottom: 3px solid #e6001f;
  font-size: 1.25rem;
  display: table;
}

form[name="sys_form"] .hissu {
  color: #ff0000;
  font-size: .6875rem;
}

form[name="sys_form"] table {
  margin: 10px 30px 50px;
  width: calc(100% - 60px);
}

form[name="sys_form"] th {
  text-align: left;
  width: 160px;
  vertical-align: top;
}

form[name="sys_form"] input, form[name="sys_form"] select, form[name="sys_form"] textarea {
  font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  font-size: 1rem;
}

form[name="sys_form"] input[type="text"], form[name="sys_form"] input[type="password"], form[name="sys_form"] select, form[name="sys_form"] fieldset {
  padding: .6rem .3rem;
}

form[name="sys_form"] input[type="text"], form[name="sys_form"] input[type="password"] {
  margin-bottom: 10px;
}

form[name="sys_form"] select {
  width: 170px;
}

form[name="sys_form"] select[name="hope1_y"], form[name="sys_form"] select[name="hope1_m"], form[name="sys_form"] select[name="hope1_d"], form[name="sys_form"] select[name="hope1_t"], form[name="sys_form"] select[name="hope2_y"], form[name="sys_form"] select[name="hope2_m"], form[name="sys_form"] select[name="hope2_d"], form[name="sys_form"] select[name="hope2_t"] {
  width: 100px;
}

form[name="sys_form"] textarea {
  width: 100%;
}

form[name="sys_form"] .submit {
  text-align: center;
}

form[name="sys_form"] .submit input {
  padding: 15px 60px;
  border-radius: 10px;
  font-size: 1.5rem;
  font-family: "Font Awesome 5 Free", 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 900;
}

form[name="sys_form"] .submit input[name="back"] {
  margin-right: 30px;
  background-color: #b5b5b5;
  border: none;
  color: #fff;
}

form[name="sys_form"] .submit input[name="back"]:hover {
  background-color: #31908f;
}

form[name="sys_form"] .validate fieldset {
  background-color: #FFF4F4;
  margin-bottom: 8px;
}

form[name="sys_form"] .validate input, form[name="sys_form"] .validate select, form[name="sys_form"] .validate textarea {
  background-color: #FFF4F4;
}

form[name="sys_form"] .validate p {
  color: #ff0000;
  font-weight: bold;
  font-size: .8125rem;
  margin: 0 0 8px 0;
}

form[name="sys_form"] .check th {
  color: #777777;
}

.th200 th {
  width: 200px !important;
}

.th200 td {
  width: 640px;
}

.th200 select[name="add_sub"] {
  margin-left: 10px;
}

.th200 input[name="add_sub2"], .th200 input[name="add_sub3"], .th200 input[name="mail"], .th200 input[name="pass"], .th200 input[name="pass_confirm"],
.th200 input[name="hope_railway"], .th200 input[name="hope_area"], .th200 input[name="hope_equipment"], .th200 input[name="hope_etc"] {
  width: 100%;
}

.checkform th {
  color: #777777;
}

.login {
  text-align: center;
  margin-top: 70px;
}

.login .facebook-login {
  font-size: 1.5rem;
  font-weight: bold;
}

.login .facebook-login i {
  margin-right: .5rem;
  font-weight: normal;
}

.login .facebook-login a {
  background-color: #3b528d;
  color: #fff;
  text-decoration: none;
  padding: 16px 0;
  border-radius: 10px;
  border: none;
  width: 100%;
  display: block;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
}

.login .facebook-login a:hover {
  background-color: #31908f;
}

.login dl {
  text-align: left;
}

.login input {
  width: 100%;
}

.login input[type="text"], .login input[type="password"] {
  font-size: 1rem;
  padding: .6rem .3rem;
  margin-bottom: 20px;
  border-radius: 4px;
  border: 1px solid #999999;
  font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
}

.login .submit {
  margin-top: 30px;
}

.login .submit input, .login .submit a {
  background-color: #000000;
  border-radius: 10px;
  color: #fff;
  font-size: 1.5rem;
  border-radius: 10px;
  padding: 16px 0;
  border: none;
  font-weight: bold;
  width: 100%;
  margin-bottom: 30px;
  display: block;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
}

.login .submit input:hover, .login .submit a:hover {
  background-color: #31908f;
  color: #fff;
}

.login p a {
  color: #000000;
  text-decoration: none;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
}

.login p a:hover {
  color: #31908f;
}

.line-c {
  position: relative;
  text-align: center;
  color: #999999;
  width: 220px;
  margin: 40px auto;
}

.line-c span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  background-color: #fff;
  text-align: left;
}

.line-c:before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #999999;
}

.check_inquiry {
  text-align: center;
}

.check_inquiry input[type="button"] {
  text-align: center;
  font-size: 1.25rem;
  font-weight: bold;
  cursor: pointer;
  background-color: #31908f;
  color: #fff;
  font-size: 1.5rem;
  font-weight: bold;
  padding: 13px 118px;
  display: inline-block;
  border-radius: 10px;
  text-decoration: none;
  border: none;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
}

.check_inquiry input[type="button"]:hover {
  opacity: .8;
}

.privacy, .company {
  margin: 10px 30px 50px;
  font-size: .875rem;
}

.privacy > ol {
  list-style: decimal;
}

.privacy > ol li {
  margin-bottom: 20px;
  font-weight: bold;
  margin-left: 1rem;
}

.privacy > ol p {
  font-weight: 500;
  margin-left: -1rem;
}

.privacy .list_parentheses {
  padding: 0 0 0 2em;
  margin: 0;
}

.privacy .list_parentheses li {
  margin-left: -1.5rem;
  margin-bottom: 0;
  font-weight: 500;
  list-style-type: none;
  list-style-position: inside;
  counter-increment: cnt;
}

.privacy .list_parentheses li:before {
  display: marker;
  content: "(" counter(cnt) ") ";
}

.privacy .list_decimal li {
  margin-left: 1rem;
  counter-increment: decimal_cnt;
}

.privacy .list_decimal li:before {
  display: marker;
  content: counter(decimal_cnt) ". ";
}

.privacy a {
  color: #000000;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
}

.privacy a:hover {
  color: #31908f;
}

.company {
  margin-top: 30px;
}

.company th {
  text-align: left;
  width: 200px;
}

.company th, .company td {
  padding: 10px 0;
}

.page .bg_gray {
  background-color: #f3f3f3;
  height: 170px;
  border: none;
  margin: 92px 0 70px;
}

.page .about_point, .page .qa_title {
  text-align: center;
}

.page .about_point {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.page .qa_title {
  /*position: absolute;
		left: 0;
		right: 0;
		top: -160px;*/
  background-color: #f3f3f3;
  padding: 22px 0;
  margin: 92px 0 0;
}

.qa .bg_gray {
  height: 69px;
  margin: 141px 0 0;
}

.qa dl {
  border-bottom: 1px solid #bcbcbc;
  padding: 30px;
}

.qa dt {
  font-weight: bold;
  font-size: 1.25rem;
}

.qa .icon_q {
  color: #df1952;
  font-size: 2.125rem;
}

.qa .shopink {
  color: #df1952;
  font-weight: bold;
}

.qa dd {
  margin-left: 30px;
}

.qa a {
  color: #000000;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
}

.qa a:hover {
  color: #31908f;
}

/* デフォルト：1380px以上用（PC用）の記述 */
.tel_pc {
  display: block;
}

.tel_sp {
  display: none;
}

@media screen and (max-width: 1379px) {
  /* 1379px以下用（PC用）の記述 */
  .sp {
    display: none;
  }
}

/* 1080px以上用（PC用）の記述 */
@media screen and (max-width: 1079px) {
  /* 1079px以下用（タブレット用）の記述 */
  .sp {
    display: none;
  }
}

/* 980px以上用（PC用）の記述 */
@media screen and (max-width: 979px) {
  /* 979px以下用（タブレット用）の記述 */
  .sp {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  /* 768px以下用（タブレット／スマートフォン用）の記述 */
  .sp {
    display: none;
  }
}

@media screen and (max-width: 639px) {
  /* 639px以下用（タブレット／スマートフォン用）の記述 */
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
}

@media screen and (max-width: 479px) {
  /* 479px以下用（スマートフォン用）の記述 */
}