@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700;900&family=Noto+Serif+JP:wght@400;900&family=Roboto:wght@300;400;700;900&display=swap");
*, html { font-size: 100%; border: 0; }

button, hr { overflow: visible; -webkit-box-sizing: content-box; box-sizing: content-box; }

button:disabled, html { cursor: default; }

*, :focus[data-focus-method="mouse"]:not(input):not(textarea):not(select), :focus[data-focus-method="touch"]:not(input):not(textarea):not(select) { outline: 0; }

*, button, fieldset, hr, iframe, img { border: 0; }

a, a:active, a:link, a:visited, ins { text-decoration: none; }

a:hover, abbr[title] { text-decoration: underline; }

dialog, ins, mark { color: #000; }

*, progress, sub, sup { vertical-align: baseline; }

button, legend { color: inherit; }

img, legend { max-width: 100%; }

*, hr, legend { padding: 0; }

* { margin: 0; }

*, ::after, ::before { -webkit-box-sizing: border-box; box-sizing: border-box; background-repeat: no-repeat; }

::after, ::before { text-decoration: inherit; vertical-align: inherit; }

html { -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; word-break: break-word; }

.nowrap { display: inline-block; white-space: nowrap; }

body { overflow-x: hidden; -webkit-font-smoothing: antialiased; background-color: #fff; overflow-x: hidden; max-width: 1440px; margin: auto; font-family: "-apple-system", BlinkMacSystemFont, "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "メイリオ", "Hiragino Kaku Gothic ProN", "MS PGothic", Osaka, "sans-serif"; font-style: normal; font-weight: 400; font-size: 16px; line-height: 1.4; color: #222222; position: relative;}

address, caption, code, figcaption, pre, th { font-weight: 400; font-style: normal; font-size: 1em; }

blockquote, q { quotes: none; }

blockquote:after, blockquote:before, q:after, q:before { content: ""; content: none; }

ins { background-color: #ff9; }

caption, th { text-align: left; }

table { border-collapse: collapse; border-spacing: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { display: block; }

audio, canvas, iframe, img, svg, video { display: inline-block; vertical-align: bottom; }

dialog, hr, img { display: block; }

hr { margin: 1em 0; height: 0; border-top: 1px solid #ccc; }

dialog { background-color: #fff; border: solid; height: -moz-fit-content; height: -webkit-fit-content; height: fit-content; left: 0; margin: auto; padding: 1em; position: absolute; right: 0; width: -moz-fit-content; width: -webkit-fit-content; width: fit-content; }

[hidden], dialog:not([open]), template { display: none; }

button, input, optgroup, select, textarea { margin: 0; font-size: 100%; font-family: inherit; }

textarea { overflow: auto; }

[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

summary { display: list-item; }

audio, canvas, progress, video { display: inline-block; }

input, select { vertical-align: middle; }

button { vertical-align: inherit; font: inherit; line-height: inherit; cursor: pointer; }

button, select { text-transform: none; }

[type="button"], [type="reset"], [type="submit"], button, html [type="button"] { -webkit-appearance: button; }

[type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0; }

fieldset { padding: 0.35em 0.75em 0.625em; }

audio:not([controls]) { display: none; height: 0; }

::-moz-focus-inner { padding: 0; border: 0; }

a, a:link, a:visited { background-color: transparent; -webkit-text-decoration-skip: objects; }

abbr[title] { border-bottom: none; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; }

b, strong { font-weight: inherit; font-weight: bolder; }

code, kbd, pre, samp { font-family: monospace, sans-serif; font-size: 1em; }

mark { background-color: #ff0; }

small { font-size: 80%; }

sub, sup { position: relative; font-size: 75%; line-height: 0; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

ul { list-style: none; }

img { height: auto; border-style: none; }

svg:not(:root) { overflow: hidden; }

[type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring, button:-moz-focusring { outline: ButtonText dotted 1px; }

legend { -webkit-box-sizing: border-box; box-sizing: border-box; display: table; white-space: normal; }

[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }

a, a:link { color: #333333; text-decoration: none; }

a:hover, a:link:hover { text-decoration: none; cursor: pointer; }

/* global header */
.bg_img { background: center/cover no-repeat; }

.bg_img > img { display: none; }

.bg_blue { background-color: #459cdc; }

.bg_orange { background-color: #ff5a41; }

/*header*/

.item-note { padding-left: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; font-size: 16px; }

.item-note:before { content: "※"; display: block; }

.header { border-bottom: 1px solid rgba(0, 0, 0, 0.1); width: 100%; padding: 10px 30px 12px; box-sizing: border-box; }

.header .header-box { width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}

.header .header-left {  display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.header .header-left .logo { width: 100%; max-width: 280px; position: relative; }

.header .header-left .logo:before {
    content: "プレサンスの不動産クラウドファンディング";
    position: absolute;
    right: 5px;
    top: 0px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -0.5px;
}


.header .header-left .logo a { -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; display: block; }

.header .header-left .logo a:hover { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); }

.header .header-left .logo-txt { margin-left: 10px; font-size: 12px; line-height: 1.4; }

.header .header-left .logo-brand { width: 360px; position: absolute; top: 0; right: 340px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 11px; }

.header .header-left .logo-brand .logo_realta img { width: 100px; }

.header .header-tel { padding-right: 12px; }

.header .header-tel a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #373582; font-size: 28px; line-height: 1.1; white-space: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "Roboto", sans-serif; font-style: normal; font-weight: 700; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; }

.header .header-tel a svg { width: 35px; height: auto; margin-right: 6px; }

.header .header-tel a:hover { opacity: 0.7; }

.header .header-tel .txt { font-size: 12px; letter-spacing: -1px; }

@media (min-width: 768px) {
  .header .header-box { position: relative;}
  .header .header-left .logo-txt { position: absolute; top: 0; left: 10px; margin-left: 0; }
}

@media (max-width: 890px) { .header .header-tel a { font-size: 26px; }
  .header .header-tel .txt { font-size: 12px; } }


@media (max-width: 767px) {
  .header {
    height: 62px;
    padding: 12px;
  }
  .header .header-left {
    margin-right: 10px;
    padding: 0;
  }
  .header .header-left .logo { width: 100%; max-width: 250px; }
	
.header .header-left .logo:before {
    right: 20px;
    top: 0px;
    font-size: 10px;
}
	
	
	
  .header .header-left .logo-brand {
    width: 87vw;
    top: 60px;
    left: 12vw;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .header .header-left .logo-brand .logo_realta {
    max-width: 15vw;
  }
  .header .header-left .logo-brand p {
    padding-top: 0 !important;
    padding-right: 10px;
    padding-left: 5px;
    white-space: nowrap;
    font-size: 14px;
    flex: 1;
  }
  .header .header-left .logo-jpx {
      width: 100%;
      max-width: 8vw;
      position: absolute;
      top: 62px;
      left: 10px;
  }
  .header .header-left .logo-txt p { font-size: 12px !important; }
  .header .header-tel { padding-right: 0px; }
  .header .header-tel a { font-size: 20px; }
  .header .header-tel a svg { width: 28px; height: 28px; margin-right: 7px; }
  .header .header-tel .txt { font-size: 9px; white-space: nowrap; } }

@media (max-width: 550px) { .header .header-left .logo-txt { display: none; margin-left: 0px; } }

@media (max-width: 450px) {
  .header {
    height: 62px;
  }
  .header .header-left .logo-brand p {
    padding-top: 5px !important;
    padding-right: 10px;
    padding-left: 5px;
    white-space: nowrap;
    font-size: 2.5vw;
    flex: 1;
  }
}


/*add*/
@media (min-width: 768px) {
  .header .header-left .logo-jpx {
    width: 100%;
    max-width: 47px;
    position: absolute;
    top: 7px;
    right: 729px;
  }
}