@charset "utf-8";


/*　タイアップサイト用
-------------------------------------------------*/
@media screen and (min-width:768px) {
	body {
	  text-align:center;
	}
}

body {
	text-align:center;
  text-align:center;
  color:#000;
  font-family: 游ゴシック, YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight:500;
  font-size:14px;
  line-height:1.8em;
  width:100%;
  overflow-x:hidden;
}


@media all and (-ms-high-contrast:none){
  body { 
	  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   } 
}

@media screen and (min-width:950px) {
	body {
		font-size: 17px;
	}
}

#tieup a:link,
#tieup a:visited {
  color:#03030;
}

#tieup a:link {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
  -khtml-opacity: 1;
  -moz-opacity: 1;
  transition:0.5s
}

#tieup a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  -khtml-opacity: 0.7;
  -moz-opacity: 0.7;
  transition:0.5s
}

#tieup * {
	box-sizing: border-box;
}

img {
	max-width:100%;
	height: auto;
}

#tieup a:hover {
  text-decoration:none;
  color:#ccc;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  transition:0.5s;
}


/*　枠組み
----------------------------------------------------------*/

.container {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	text-align: justify;
	line-height: 1.8;
    text-align: center;
    padding-left: 25px;
    padding-right: 25px;
}

/*タブレット対応*/
@media screen and (min-width:758px) {
    
  .container {
       max-width: 650px;
       margin-left: auto;
       margin-right: auto ;
    }  
}
@media screen and (min-width:950px) {
    
    .container {
        max-width: 750px;
    }

    .container--wide {
        max-width: 1080px;
    }
    
    .container--870 {
        max-width: 870px;
    }
}

.txt-01 {
    text-align: justify;
    margin-bottom: 1.5em;
}

.txt-01.txt-01--mb0 {
    margin-bottom: 0;
}


.txt-01:last-child {
    margin-bottom: 0;
}

.caption {
    color: #666;
    font-size: 85%;
    margin-top: 0.7em;
    line-height: 1.4;
    text-align: left;
}

.caption.c-text-center {
    text-align: center;
}

.ttl-01 {
    
}

.ttl-01 h2 {
    font-weight: bold;
    color:#F57F2A ;
    font-size: 20px;
    line-height: 1.3;
    display: inline-block;
    padding: 0 0.6em 0.6em 0.6em;
    border-bottom: 1px solid #F57F2A;
    margin-bottom: 1.5em;
}


@media screen and (min-width:758px) {
    .ttl-01 h2 {
        font-size:30px;
    }
}

.ttl-02 {
    font-weight: bold;
    color:#EC5A50;
    font-size: 110%;
    margin-bottom:0.5em;
    text-align: left;
    line-height: 1.3;
}

/*sec-02*/

@media screen and (min-width:950px) {
    .clm-txt {
        width: 47%;
    }
    
    .clm-img {
        width: 47%;
        padding-top: 6px;
    }
    
    .c-d-lg-flex {
        justify-content: space-between;
    }

    .flex-reverse {
        flex-direction: row-reverse;
    }
}

/*sec-03*/

.bg-01 {
    background: url("bg_01.png") no-repeat top center #f6f6f6;
    background-size: 100% 80px;
    margin-top: -10px;
    margin-bottom: -10px;
    padding-top:60px;
}

@media screen and (min-width:950px) {
    .bg-01 {
        background: url("bg_01.png") no-repeat top center #f6f6f6;
        background-size: 100% 360px;
        margin-top: -10px;
        padding-top:260px;
    }
    .w-640 {
        max-width: 640px;
    }
}

/* footer */

.footer {
    line-height: 1.5;
}

.btn-01 a {
    display: inline-block;
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
    background: linear-gradient(to left, #0F1D53, #364B9B);
    width: 80%;
    max-width: 460px;
    padding: 1em 0;
    font-size: 120%;
    border-radius: 50px;
    transition:opacity .6s;
}

.btn-01 a:hover {
    opacity: 0.8;
}

.footer-logo img {
    max-width: 200px;
}

/* .bg-01*/

.mainv-bg {
    background: url("bg_01_sp.jpg") no-repeat center 11vw;
    background-size: 100% auto;
}

.mainv-ttl {
    text-align: center;
}

.mainv-ttl img {
    width: 100vw;
    height: 103vw;
}

.lead {
    margin: 0 20px 35px 20px;
    background: rgba(245,245,245,0.95);
    padding: 20px 25px;
    text-align: justify;
    line-height: 1.5;
    font-weight: bold;
}

@media screen and (min-width:758px) {
    .mainv-ttl img {
        width: 100vw;
        height: 107vw;
    } 
    
    .lead {
        max-width: 85vw;
        margin-left: auto;
        margin-right: auto;
    }

}

@media screen and (min-width:950px) {
  .mainv-bg{
        background: url("bg_01_pc.jpg") no-repeat center 40px;
        background-size: 1980px auto;
    }  
    
    .mainv-ttl img {
        width: 920px;
        height: 432px;
    }  
    
    .lead-wrapper {
        max-width: 920px;
        margin: 0 auto 180px auto;
    }
    
    .lead {
        width: 600px;
        box-sizing: border-box;
        padding: 30px 40px;
        font-size: 17px;
        margin-left: 20px;
        margin-right: 20px;
    }
}

/*不動産マーケット情報共通ヘッダー調整*/

.header_bg img {
    width: 100%;
    vertical-align: middle;
}