@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?1o87br');
  src:  url('fonts/icomoon.eot?1o87br#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?1o87br') format('truetype'),
    url('fonts/icomoon.woff?1o87br') format('woff'),
    url('fonts/icomoon.svg?1o87br#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="u--icon"], [class*=" u--icon"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  /* font-family: 'icomoon' !important; */
  speak: never;
  font-style: normal;
  /*font-weight: normal;*/
  font-variant: normal;
  text-transform: none;
  /*line-height: 1;*/

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="u--icon"]::before, [class*=" u--icon"]::before,
[class^="u--icon"]::after, [class*=" u--icon"]::after,
[class^="u--icon"] *::before, [class*=" u--icon"] *::before,
[class^="u--icon"] *::after, [class*=" u--icon"] *::after {
  font-family: 'icomoon' !important;
  font-weight: normal;
}

[class^="u--icon-"]:before,
[class*=" u--icon-"]:before {
	color: var(--color-black);
}

.u--icon-check:before {
  content: "\e94b";
}
.u--icon-arrow-down:before {
  content: "\e987";
}
.u--icon-rate-star:before {
  content: "\e986";
}
.u--icon-condition:before {
  content: "\e926";
}
.u--icon-people03:before {
  content: "\e964";
}
.u--icon-age .path1:before {
  content: "\e938";
  color: rgb(115, 188, 221);
}
.u--icon-age .path2:before {
  content: "\e939";
  margin-left: -1em;
  color: rgb(34, 34, 34);
}
.u--icon-ambulance .path1:before {
  content: "\e93a";
  color: rgb(115, 188, 221);
}
.u--icon-ambulance .path2:before {
  content: "\e93b";
  margin-left: -1em;
  color: rgb(34, 34, 34);
}
.u--icon-bell:before {
  content: "\e93f";
}
.u--icon-binder .path1:before {
  content: "\e940";
  color: rgb(115, 188, 221);
}
.u--icon-binder .path2:before {
  content: "\e941";
  margin-left: -1em;
  color: rgb(34, 34, 34);
}
.u--icon-bubble .path1:before {
  content: "\e942";
  color: rgb(115, 188, 221);
}
.u--icon-bubble .path2:before {
  content: "\e943";
  margin-left: -1em;
  color: rgb(34, 34, 34);
}
.u--icon-bubble02 .path1:before {
  content: "\e944";
  color: rgb(115, 188, 221);
}
.u--icon-bubble02 .path2:before {
  content: "\e945";
  margin-left: -1em;
  color: rgb(34, 34, 34);
}
.u--icon-bus .path1:before {
  content: "\e948";
  color: rgb(115, 188, 221);
}
.u--icon-bus .path2:before {
  content: "\e949";
  margin-left: -1em;
  color: rgb(34, 34, 34);
}
.u--icon-calendar:before {
  content: "\e94a";
}
.u--icon-clock:before {
  content: "\e94c";
}
.u--icon-copy:before {
  content: "\e94e";
}
.u--icon-down:before {
  content: "\e94f";
}
.u--icon-download01:before {
  content: "\e950";
}
.u--icon-download02:before {
  content: "\e951";
}
.u--icon-external:before {
  content: "\e952";
}
.u--icon-gender .path1:before {
  content: "\e953";
  color: rgb(115, 188, 221);
}
.u--icon-gender .path2:before {
  content: "\e954";
  margin-left: -1em;
  color: rgb(34, 34, 34);
}
.u--icon-graph01 .path1:before {
  content: "\e955";
  color: rgb(115, 188, 221);
}
.u--icon-graph01 .path2:before {
  content: "\e956";
  margin-left: -1em;
  color: rgb(34, 34, 34);
}
.u--icon-graph02 .path1:before {
  content: "\e957";
  color: rgb(115, 188, 221);
}
.u--icon-graph02 .path2:before {
  content: "\e958";
  margin-left: -1em;
  color: rgb(34, 34, 34);
}
.u--icon-graph03 .path1:before {
  content: "\e959";
  color: rgb(115, 188, 221);
}
.u--icon-graph03 .path2:before {
  content: "\e95a";
  margin-left: -1em;
  color: rgb(34, 34, 34);
}
.u--icon-key .path1:before {
  content: "\e95c";
  color: rgb(115, 188, 221);
}
.u--icon-key .path2:before {
  content: "\e95d";
  margin-left: -1em;
  color: rgb(34, 34, 34);
}
.u--icon-light .path1:before {
  content: "\e95e";
  color: rgb(115, 188, 221);
}
.u--icon-light .path2:before {
  content: "\e95f";
  margin-left: -1em;
  color: rgb(34, 34, 34);
}
.u--icon-link:before {
  content: "\e960";
}
.u--icon-location:before {
  content: "\e961";
}
.u--icon-movie:before {
  content: "\e962";
}
.u--icon-others:before {
  content: "\e965";
}
.u--icon-parking .path1:before {
  content: "\e966";
  color: rgb(115, 188, 221);
}
.u--icon-parking .path2:before {
  content: "\e967";
  margin-left: -1em;
  color: rgb(34, 34, 34);
}
.u--icon-pet .path1:before {
  content: "\e96c";
  color: rgb(115, 188, 221);
}
.u--icon-pet .path2:before {
  content: "\e96d";
  margin-left: -1em;
  color: rgb(34, 34, 34);
}
.u--icon-pin:before {
  content: "\e96e";
}
.u--icon-price .path1:before {
  content: "\e96f";
  color: rgb(115, 188, 221);
}
.u--icon-price .path2:before {
  content: "\e970";
  margin-left: -1em;
  color: rgb(34, 34, 34);
}
.u--icon-protect .path1:before {
  content: "\e971";
  color: rgb(115, 188, 221);
}
.u--icon-protect .path2:before {
  content: "\e972";
  margin-left: -1em;
  color: rgb(34, 34, 34);
}
.u--icon-question:before {
  content: "\e973";
}
.u--icon-ribbon:before {
  content: "\e974";
}
.u--icon-share:before {
  content: "\e977";
}
.u--icon-shopping .path1:before {
  content: "\e978";
  color: rgb(115, 188, 221);
}
.u--icon-shopping .path2:before {
  content: "\e979";
  margin-left: -1em;
  color: rgb(34, 34, 34);
}
.u--icon-star:before {
  content: "\e97a";
}
.u--icon-taxi .path1:before {
  content: "\e97b";
  color: rgb(115, 188, 221);
}
.u--icon-taxi .path2:before {
  content: "\e97c";
  margin-left: -1em;
  color: rgb(34, 34, 34);
}
.u--icon-ticket .path1:before {
  content: "\e97d";
  color: rgb(115, 188, 221);
}
.u--icon-ticket .path2:before {
  content: "\e97e";
  margin-left: -1em;
  color: rgb(34, 34, 34);
}
.u--icon-trash:before {
  content: "\e97f";
}
.u--icon-tree .path1:before {
  content: "\e980";
  color: rgb(115, 188, 221);
}
.u--icon-tree .path2:before {
  content: "\e981";
  margin-left: -1em;
  color: rgb(34, 34, 34);
}
.u--icon-wallet .path1:before {
  content: "\e982";
  color: rgb(115, 188, 221);
}
.u--icon-wallet .path2:before {
  content: "\e983";
  margin-left: -1em;
  color: rgb(34, 34, 34);
}
.u--icon-zoom01:before {
  content: "\e984";
}
.u--icon-zoom02:before {
  content: "\e985";
}
.u--icon-instagram-w:before {
  content: "\e937";
  color: #fff;
}
.u--icon-line .path1:before {
  content: "\e935";
  color: rgb(255, 255, 255);
}
.u--icon-line .path2:before {
  content: "\e936";
  margin-left: -1em;
  color: rgb(76, 199, 100);
}
.u--icon-facebook .path1:before {
  content: "\e90f";
  color: rgb(8, 102, 255);
}
.u--icon-facebook .path2:before {
  content: "\e910";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.u--icon-facebook-w:before {
  content: "\e92f";
  color: #fff;
}
.u--icon-tiktok-w:before {
  content: "\e930";
  color: #fff;
}
.u--icon-x .path1:before {
  content: "\e931";
  color: rgb(34, 34, 34);
}
.u--icon-x .path2:before {
  content: "\e932";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.u--icon-x-w:before {
  content: "\e933";
  color: #fff;
}
.u--icon-youtube-w:before {
  content: "\e934";
  color: #fff;
}
.u--icon-arrow:before {
  content: "\e90d";
}
.u--icon-arrow-double:before {
  content: "\e90e";
}
.u--icon-close:before {
  content: "\e92d";
}
.u--icon-menu:before {
  content: "\e92e";
}
.u--icon-folder:before {
  content: "\e929";
}
.u--icon-heart01:before {
  content: "\e92a";
}
.u--icon-heart02:before {
  content: "\e92b";
}
.u--icon-history:before {
  content: "\e92c";
}
.u--icon-phone:before {
  content: "\e927";
}
.u--icon-mail:before {
  content: "\e928";
}
.u--icon-people01-f:before {
  content: "\e923";
}
.u--icon-people01-m:before {
  content: "\e924";
}
.u--icon-people02:before {
  content: "\e925";
}
.u--icon-previous:before {
  content: "\e900";
}



/* 構造タグに使われている2色アイコンを直接疑似要素に変更 */
.u--icon-apartment,
.u--icon-construction {
  position: relative;
}

.u--icon-apartment:before,
.u--icon-construction:before {
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  color: rgb(115, 188, 221);
}

.u--icon-apartment:after,
.u--icon-construction:after {
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  color: rgb(34, 34, 34);
}

.u--icon-apartment:before {
  content: "\e93c";
}
.u--icon-apartment:after {
  content: "\e93d";
}

.u--icon-construction:before {
  content: "\e94d";
}
.u--icon-construction::after {
  content: "\e963";
}



/* トップページ（メニュー） */
.u--icon-house,
.u--icon-shop,
.u--icon-document,
.u--icon-book,
.u--icon-speaker,
.u--icon-connection,
.u--icon-hand-heart,
.u--icon-bubble03 {
  position: relative;
}

.u--icon-house:before,
.u--icon-shop:before,
.u--icon-document:before,
.u--icon-book:before,
.u--icon-speaker:before,
.u--icon-connection:before,
.u--icon-hand-heart:before,
.u--icon-bubble03:before {
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  color: rgb(115, 188, 221);
}

.u--icon-house:after,
.u--icon-shop:after,
.u--icon-document:after,
.u--icon-book:after,
.u--icon-speaker:after,
.u--icon-connection:after,
.u--icon-hand-heart:after,
.u--icon-bubble03:after {
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  color: rgb(34, 34, 34);
}

.u--icon-house:before {
  content: "\e907";
}
.u--icon-house:after {
  content: "\e908";
}

.u--icon-shop:before {
  content: "\e909";
}
.u--icon-shop:after {
  content: "\e90a";
}

.u--icon-document:before {
  content: "\e905";
}
.u--icon-document:after {
  content: "\e906";
}

.u--icon-book:before {
  content: "\e901";
}
.u--icon-book:after {
  content: "\e902";
}

.u--icon-speaker:before {
  content: "\e90b";
}
.u--icon-speaker:after {
  content: "\e90c";
}

.u--icon-connection:before {
  content: "\e903";
}
.u--icon-connection:after {
  content: "\e904";
}

.u--icon-hand-heart:before {
  content: "\e988";
}
.u--icon-hand-heart:after {
  content: "\e989";
}

.u--icon-bubble03:before {
  content: "\e946";
}
.u--icon-bubble03:after {
  content: "\e947";
}



/* トップページ（～から探す） */
.u--icon-train,
.u--icon-area,
.u--icon-map,
.u--icon-route,
.u--icon-bag,
.u--icon-university,
.u--icon-school,
.u--icon-calculator,
.u--icon-crown {
  position: relative;
}

.u--icon-train:before,
.u--icon-area:before,
.u--icon-map:before,
.u--icon-route:before,
.u--icon-bag:before,
.u--icon-university:before,
.u--icon-school:before,
.u--icon-calculator:before,
.u--icon-crown:before {
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  color: rgb(115, 188, 221);
}

.u--icon-train:after,
.u--icon-area:after,
.u--icon-map:after,
.u--icon-route:after,
.u--icon-bag:after,
.u--icon-university:after,
.u--icon-school:after,
.u--icon-calculator:after,
.u--icon-crown:after {
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  color: rgb(34, 34, 34);
}

.u--icon-train:before {
  content: "\e91f";
}
.u--icon-train:after {
  content: "\e920";
}

.u--icon-area:before {
  content: "\e921";
}
.u--icon-area:after {
  content: "\e922";
}

.u--icon-map:before {
  content: "\e911";
}
.u--icon-map:after {
  content: "\e912";
}

.u--icon-route:before {
  content: "\e91d";
}
.u--icon-route:after {
  content: "\e91e";
}

.u--icon-bag:before {
  content: "\e91b";
}
.u--icon-bag:after {
  content: "\e91c";
}

.u--icon-university:before {
  content: "\e919";
}
.u--icon-university:after {
  content: "\e91a";
}

.u--icon-school:before {
  content: "\e917";
}
.u--icon-school:after {
  content: "\e918";
}

.u--icon-calculator:before {
  content: "\e915";
}
.u--icon-calculator:after {
  content: "\e916";
}

.u--icon-crown:before {
  content: "\e913";
}
.u--icon-crown:after {
  content: "\e914";
}



/* 「～から探す」見出し */
.u--icon-ldk,
.u--icon-people04,
.u--icon-hashtag {
  position: relative;
}

.u--icon-ldk:before,
.u--icon-people04:before,
.u--icon-hashtag::before {
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  color: rgb(115, 188, 221);
}

.u--icon-ldk:after,
.u--icon-people04:after {
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  color: rgb(34, 34, 34);
}

.u--icon-people04:before {
  content: "\e96a";
}
.u--icon-people04:after {
  content: "\e96b";
}

.u--icon-hashtag:before {
  content: "\e95b";
}



/* 物件一覧 */
.u--icon-search {
  position: relative;
}

.u--icon-search:before {
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  color: rgb(115, 188, 221);
}

.u--icon-search:after {
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  color: rgb(34, 34, 34);
}

.u--icon-search:before {
  content: "\e975";
}
.u--icon-search:after {
  content: "\e976";
}



/* その他・LPなど */
.u--icon-attention,
.u--icon-pencil {
  position: relative;
}

.u--icon-attention:before,
.u--icon-pencil:before {
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  color: rgb(115, 188, 221);
}

.u--icon-pencil:after {
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  color: rgb(34, 34, 34);
}

.u--icon-attention:before {
  content: "\e93e";
}

.u--icon-pencil:before {
  content: "\e968";
}
.u--icon-pencil:after {
  content: "\e969";
}