@charset 'utf-8';

img { width:100%; }
.main { color:#333366; font-family: YakuHanJPs_Narrow, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "メイリオ", Meiryo, sans-serif;}

.sp { display:none; }
.pc { display:inline-block; }
.back_beige { background:#F9F9F7; }
.back_white { background:#fff; }
.back_brown { background:#F3EFDF; }
.back_yellow { background:#F8E07F; }

.PAGE_IN { width:auto; height:auto; margin:0px auto; position:relative; overflow:visible; }
h1 { font-size:43px; line-height:54px; letter-spacing:.05em; }

.box { width:auto; height:auto; display:block; margin:0; position:relative; overflow:visible; padding:0px 0 70px 0; }
.box_top { padding-top:20px; }
.box_img { width:90vw; max-width:1200px; margin:0 auto; position:relative; overflow:visible; }

.contact_wrap { width:90%; max-width:960px; margin:0 auto; }

/* 空き家の購入には、メリットがたくさん！ */
.POINT_WRAP { width:90vw; max-width:1200px; display:flex; flex-wrap:wrap; justify-content:center; margin:0 auto; }
.POINT { width:23vw; max-width:360px; margin:20px 12px; padding:1.5vw; border-radius:30px; box-shadow:2px 2px 4px rgb(241, 240, 240); }
.POINT_TYTLE { width:20vw; max-width:310px; margin:0 auto; }
.POINT_TEXT { width:20vw; max-width:310px; text-align:justify; margin:0 auto; margin-top:10px; font-size:16px; }
.btn a { position:relative; display:block; padding:20px 0; background-color:#21be78; border-radius:8px; font-size:16px; color:#fff; text-decoration:none; border-radius:15px; letter-spacing:0.03em; width:20vw; max-width:310px; text-align:center; margin:0 auto; margin-top:10px; line-height:20px; }
.btn a:hover { background:#EA5D80; transition:0.6s; }
.btn-arrow-right a::after { content:''; position:absolute; top:0; bottom:0; right:27px; width:9px; height:9px; margin:auto; border-top:2px solid #fff; border-right:2px solid #fff; transform:rotate(45deg); box-sizing:border-box; }
p.btn { margin-top:25px; display:block; }
.brbr { display:none; }

/* トップ */
.top_matome { width:100%; text-align:center; margin-top:0; position:relative; overflow:visible; }
.top_wrap { position:relative; padding-bottom:60px; }
.top { max-width:1200px; width:73vw; display:flex; justify-content:space-between; margin:0 auto; border-radius:60px; z-index:2; }
.top_img { position:absolute; bottom:0vw; left:17vw; z-index:4; max-width:190px; width:13vw; }
.top_tytles { color:#EA5D80; text-align:left; font-weight:bold; position:absolute; top:15vw; background:rgba(255,255,255,0.8); padding:25px 8vw 25px 5vw; right:0vh; z-index:4; }
.top_tytle_sub { font-size:20px; margin-top:15px; }
.top_circle1 { width:12vw; height:12vw; border-radius:50%; background:rgba(50,198,168,0.5); position:absolute; top:35px; right:0vw; z-index:4; }
.top_circle2 { width:20vw; height:20vw; border-radius:50%; background:rgba(252,192,192,0.5); position:absolute; top:-95px; right:0vw; z-index:3; }
.top_circle3 { width:400px; height:400px; border-radius:50%; background:rgba(50,198,168,0.2); position:absolute; z-index:1; top:30vw; left:-9vw; }
.top_circle4 { width:12vw; height:12vw; border-radius:50%; background:rgba(50,198,168,0.2); position:absolute; top:60vw; right:10vw; }
.top_circle5 { width:27vw; height:27vw; border-radius:50%; background:rgba(252,192,192,0.5); position:absolute; top:72vw; left:-7vw; }

/* 来場予約フォーム */
.yoyaku { position:relative; margin:0 auto; padding-top:30px; background:#fce999; }

/* 固定バー */
.kotei { padding:15px 0; position:fixed; bottom:0; z-index:5; width:100vw; background:#32C6A8; display:inline-block; font-family: YakuHanJPs_Narrow, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "メイリオ", Meiryo, sans-serif; }
.kotei div { height:auto; margin:0 auto; background:none; border:none; }
.kotei a { display:inline-block; }
.kotei a:hover { opacity:0.8; }
.button_tel { width:420px; }
.button_matome { display:flex; justify-content:center; width:700px; align-items:center; }
.button_tel.pc img { width:45px; margin-right:10px; }
.button_tel.pc span.tel_no { color:#fff; font-weight:bold; line-height:45px; vertical-align:text-bottom; letter-spacing:.05em; font-size:26px; }

.grecaptcha-badge { z-index:100; }

@media screen and (max-width: 1200px) {
  .brbr { display:block; }
}

@media screen and (max-width: 740px) {
  .contact_wrap { margin:20px auto 0 auto; }
  .brbr { display:none; }
  .sp { width:100%; display:block; }
  .pc { display:none; }
  .box { width:100%; height:auto; display:block; border:none; position:relative; overflow:visible; padding-top:20px; }
  .box_img { width:100%; margin:0 auto; }
  h1 { font-size:30px; line-height:42px; letter-spacing:.05em; text-align:center; margin:0 auto; }

  /* トップ */
  .top_matome { margin-top:-20px; }
  .top_wrap { width:100vw; border-radius:0px; padding:0; }
  .top { width:100%; display:initial; margin:0 0 0px 0; flex-wrap:initial; }
  .top_tytles { background:none; padding:0; width:100vw; top:23vw; }
  .top_tytle_sub { font-size:16px; margin-top:7px; text-align:center; }
  .top_img { position:absolute; bottom:-14vw; left:17vw; z-index:4; max-width:190px; width:38vw; }
  .top_circle1, .top_circle2, .top_circle3, .top_circle4, .top_circle5 { display:none; }

  /* 空き家の購入には、メリットがたくさん！ */
  .POINT_WRAP { width:95vw; flex-direction:column; margin-top:30px; }
  .POINT { width:90vw; padding:30px 5vw; margin:0 auto; margin-bottom:30px; max-width:initial; }
  .POINT_TYTLE { width:80vw; }
  .POINT_TEXT { width:80vw; }
  .btn a { width:80vw; }

  /* 来場予約フォーム */
  .yoyaku { border-radius:0%; padding-bottom:80px; }

  /* 固定バー */
  .kotei { z-index:2; padding:2px 0; }
  .kotei img { width:100%; }
  .button_matome { display:flex; }
  .button_tel { width:50vw; }
  .button_form { width:50vw; }
}

/*物件スライド上書き*/
.contents_bg_excursion_wave_top { display:none; }
.contents_bg_excursion { background:none; }
.property_card .property_card_link .card_button { width:auto; }
.full-screen-card .slick-prev { width:auto; }
.full-screen-card .slick-next { width:auto; right:-5%; }
@media (min-width: 768px) {
  .contents_bg_excursion.newestate {
    padding-bottom:0;
  }
  .full-screen-card .slick-next { right:50px; }
}

/*送信フォーム上書き*/
.input_send { background:#EA5D80; border: 1px solid #EA5D80; }
.input_send:hover { background:#c53f61; border: 1px solid #c53f61; }
.button_normal img { width:auto; }

.footer { display:none; }