@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
#contents { margin-top: 0; font-feature-settings: "palt"; }

/*メインイメージ*/
#mainimg { background-image: url(/kawanishitada/img/location/titleimg_sp.jpg); }
#mainimg .title_wrap { position: relative; height: 100%; }
#mainimg .title_wrap .wrapper { position: absolute; bottom: 0; left: 0; width: 100%; margin: 0; text-align: center; transform: translateY(64%); }
#mainimg .title_wrap .title { margin-top: 10px; line-height: 1; font-size: 1.4rem; font-family: "EB Garamond", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; font-weight: normal; }
@media (min-width: 768px) { #mainimg .title_wrap .title { font-size: calc( 1.4rem + ( 1vw - 7.68px ) * 1.953125 ); } }
@media (min-width: 1280px) { #mainimg .title_wrap .title { font-size: 2.4rem; } }
#mainimg .title_wrap .title:before, #mainimg .title_wrap .title:after { content: '-'; margin: 0 8px; }
#mainimg .title_wrap .subttl { line-height: 1; font-size: 4.6rem; color: #fff; }
@media (min-width: 768px) { #mainimg .title_wrap .subttl { font-size: calc( 4.6rem + ( 1vw - 7.68px ) * 4.6875 ); } }
@media (min-width: 1280px) { #mainimg .title_wrap .subttl { font-size: 7rem; } }

.maincopy { margin-bottom: 60px; text-align: center; }
.maincopy .main { font-size: 2rem; margin-bottom: 20px; font-family: "EB Garamond", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; color: #6E193E; font-weight: normal; }
@media (min-width: 768px) { .maincopy .main { font-size: calc( 2rem + ( 1vw - 7.68px ) * 3.125 ); } }
@media (min-width: 1280px) { .maincopy .main { font-size: 3.6rem; } }
.maincopy .txt { line-height: 2; font-size: 1.4rem; font-family: "EB Garamond", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; }
@media (min-width: 768px) { .maincopy .txt { font-size: calc( 1.4rem + ( 1vw - 7.68px ) * 0.390625 ); } }
@media (min-width: 1280px) { .maincopy .txt { font-size: 1.6rem; } }

.title_box_wrap { margin-bottom: 20px; }
.title_box_wrap .main { font-size: 2.2rem; }
@media (min-width: 768px) { .title_box_wrap .main { font-size: calc( 2.2rem + ( 1vw - 7.68px ) * 2.34375 ); } }
@media (min-width: 1280px) { .title_box_wrap .main { font-size: 3.4rem; } }

.life_info { font-family: "EB Garamond", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; }
.life_info .map { max-width: 900px; margin: 0 auto 30px; }
.life_info .site__color { margin-bottom: 30px; text-align: center; }
.life_info .site__color .inner { box-sizing: border-box; display: inline-block; padding: 5px 12px; background: #f3f2e7; border: 3px double #97947B; }
.life_info .site__color span { margin: 0 5px; font-size: 1.3rem; }
@media (min-width: 768px) { .life_info .site__color span { font-size: calc( 1.3rem + ( 1vw - 7.68px ) * 0.9765625 ); } }
@media (min-width: 1280px) { .life_info .site__color span { font-size: 1.8rem; } }
.life_info .site__color span:before { content: ''; display: inline-block; vertical-align: middle; width: 14px; height: 14px; margin: -4px 4px 0 0; }
.life_info .site__color .green:before { background: #62904b; }
.life_info .site__color .gold:before { background: #da8319; }
.life_info .location__ttl { position: relative; margin-bottom: 10px; padding-bottom: 5px; line-height: 1.2; border-bottom: 1px solid #333; }
.life_info .location__ttl .main, .life_info .location__ttl .sub { display: inline-block; align-items: center; margin-right: 6px; }
.life_info .location__ttl .main { font-size: 1.8rem; }
@media (min-width: 768px) { .life_info .location__ttl .main { font-size: calc( 1.8rem + ( 1vw - 7.68px ) * 0.78125 ); } }
@media (min-width: 1280px) { .life_info .location__ttl .main { font-size: 2.2rem; } }
.life_info .location__ttl .sub { font-size: 1.3rem; }
@media (min-width: 768px) { .life_info .location__ttl .sub { font-size: calc( 1.3rem + ( 1vw - 7.68px ) * 0.390625 ); } }
@media (min-width: 1280px) { .life_info .location__ttl .sub { font-size: 1.5rem; } }
.life_info .location__ttl:before, .life_info .location__ttl:after { display: block; position: absolute; width: 100%; top: 50%; transform: translateY(-50%); right: 0; height: 1px; width: 14px; content: ''; }
.life_info .location__ttl:after { transform: translateY(-50%) rotate(90deg); transition: .3s; }
.life_info .location__ttl.on:after { transform: translateY(-50%) rotate(0deg); }
.life_info .shopping .location__ttl { color: #D17581; border-color: #e4c6ca; }
.life_info .shopping .location__ttl:before, .life_info .shopping .location__ttl:after { background: #D17581; }
.life_info .gourmet .location__ttl { color: #b99747; border-color: #d8c086; }
.life_info .gourmet .location__ttl:before, .life_info .gourmet .location__ttl:after { background: #b99747; }
.life_info .medical .location__ttl { color: #826AA2; border-color: #cfc9d7; }
.life_info .medical .location__ttl:before, .life_info .medical .location__ttl:after { background: #826AA2; }
.life_info .park .location__ttl { color: #96C461; border-color: #cbdbb9; }
.life_info .park .location__ttl:before, .life_info .park .location__ttl:after { background: #96C461; }
.life_info .education .location__ttl { color: #1c819e; border-color: #90b9c7; }
.life_info .education .location__ttl:before, .life_info .education .location__ttl:after { background: #1c819e; }
.life_info .other .location__ttl { color: #735638; border-color: #aca297; }
.life_info .other .location__ttl:before, .life_info .other .location__ttl:after { background: #735638; }
.life_info .location__cont { display: none; }
.life_info .location__inner { margin-bottom: 30px; }
.life_info .location__list { margin-bottom: 20px; }
.life_info .location__list .location__item { border-bottom: 1px dotted #ccc; }
.life_info .location__item { display: grid; grid-template-columns: 60% 40%; margin-bottom: 10px; padding-bottom: 10px; font-size: 1.1rem; }
.life_info .location__item .spot { margin-bottom: 5px; }
.life_info .location__item .range { text-align: right; }
.life_info .location__item .range .green { color: #62904b; }
.life_info .location__item .range .gold { display: block; color: #da8319; }
.life_info .location__photo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 40px; }
.life_info .location__photo .location__photo-item { width: 48%; margin-bottom: 30px; }
.life_info .location__photo .location__photo-item.full { width: 100%; }
.life_info .location__photo .location__photo-item:not(.full) .location__item { display: block; }
.life_info .location__photo .photo { display: grid; justify-content: space-between; margin-bottom: 5px; }
.life_info .location__photo .photo.col-1 { grid-template-columns: 100%; }
.life_info .location__photo .photo.col-2 { grid-template-columns: 56.6% 41.6%; }
.life_info .location__photo .location__item { margin-bottom: 0; padding-bottom: 0; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { .life_info .location__inner { margin-bottom: 60px; }
  .life_info .location__ttl:before, .life_info .location__ttl:after { display: none; }
  .life_info .location__cont { display: block !important; }
  .life_info .location__photo { display: grid; grid-template-columns: 48% 48%; justify-content: space-between; }
  .life_info .location__photo .location__photo-item { width: 100%; }
  .life_info .location__photo .location__photo-item:nth-last-child(-n + 2) { margin-bottom: 0; }
  .life_info .location__outer { display: grid; grid-template-columns: 47% 47%; justify-content: space-between; }
  .life_info .location__list { margin-bottom: 36px; }
  .life_info .location__item { grid-template-columns: 40% 60%; font-size: 1.1rem; } }
@media screen and (min-width: 769px) and (min-width: 768px) { .life_info .location__item { font-size: calc( 1.1rem + ( 1vw - 7.68px ) * 0.390625 ); } }
@media screen and (min-width: 769px) and (min-width: 1280px) { .life_info .location__item { font-size: 1.3rem; } }
@media screen and (min-width: 769px) { .life_info .location__item .spot { margin: 0; }
  .life_info .location__photo-item .location__photo-item { margin-top: 30px; }
  .life_info .shopping .location__photo { margin-bottom: 0; }
  .life_info .shopping .location__photo .location__photo-item:first-child { grid-column: 1 / 3; }
  .life_info .shopping .location__photo .location__photo-item:nth-child(n + 2) .location__item { grid-template-columns: 100%; }
  .life_info .shopping .location__photo .location__photo-item:nth-child(n + 2) .location__item .range { text-align: left; }
  .life_info .gourmet .location__photo .location__photo-item:first-child, .life_info .gourmet .location__photo .location__photo-item:nth-child(2) { grid-column: 1 / 3; }
  .life_info .gourmet .location__photo .location__photo-item:nth-child(n + 3) .location__item { grid-template-columns: 100%; }
  .life_info .gourmet .location__photo .location__photo-item:nth-child(n + 3) .location__item .range { text-align: left; }
  .life_info .medical .location__photo .location__photo-item, .life_info .park .location__photo .location__photo-item, .life_info .education .location__photo .location__photo-item, .life_info .other .location__photo .location__photo-item { grid-template-columns: 100%; }
  .life_info .medical .location__photo .location__photo-item:nth-child(2), .life_info .park .location__photo .location__photo-item:nth-child(2), .life_info .education .location__photo .location__photo-item:nth-child(2), .life_info .other .location__photo .location__photo-item:nth-child(2) { margin-top: 0; }
  .life_info .medical .location__photo .location__photo-item .location__item, .life_info .park .location__photo .location__photo-item .location__item, .life_info .education .location__photo .location__photo-item .location__item, .life_info .other .location__photo .location__photo-item .location__item { grid-template-columns: 100%; }
  .life_info .medical .location__photo .location__photo-item .location__item .range, .life_info .park .location__photo .location__photo-item .location__item .range, .life_info .education .location__photo .location__photo-item .location__item .range, .life_info .other .location__photo .location__photo-item .location__item .range { text-align: left; } }
/*------------------------------
		980px以上
------------------------------*/
@media screen and (min-width: 981px) { /*メインイメージ*/
  #mainimg { background-image: url(/kawanishitada/img/location/titleimg_pc.jpg); }
  #mainimg .title_wrap .wrapper { transform: translateY(60%); }
  .maincopy .txt { line-height: 2.4; }
  .title_box_wrap { margin-bottom: 50px; }
  .life_info .map { margin-bottom: 56px; }
  .life_info .site__color { margin-bottom: 48px; }
  .life_info .site__color .inner { padding: 8px 20px; }
  .life_info .location__item .range .gold { display: inline; } }
/*------------------------------
		1280px以上
------------------------------*/

/*# sourceMappingURL=style.css.map */