@charset "utf-8";
small {font-size:0.6em;}
#mainvisual {
}
#mainvisual .mainvisual_thumbnail,#mainvisual .mainvisual_gmap  {width:30%;}

.mvtit {
background:#fff;
color:#da3796;
font-size:1.5em;
padding:0.2em 0.5em;
display:inline-block;
font-weight:bold;
margin-bottom:1em;
}
.mvtit small {font-size:0.8em;}
#mainvisual .desc{width:70%;
text-align:left;
padding-left:15px;
}
#mainvisual .desc img {
width:80%;
}
.merit {
padding:0 0 4rem;
}
.merit .pic {padding:1em;}
.merit h3 {
background:#4c4c4c;
color:#fff;
padding:1em;

  line-height: 1.4;
  font-size: 2em;
  margin: 0 auto 4rem;
}
.merit h3 small {
margin-right:0.4em;
}
.merit h3 span {
display:inline-block;
background:#fff;
color:#da3796;
border-radius:5px;
padding:0.1em 1em;
font-size:0.8em;
}
.merit {
background:#eee;
}
.merit .flexbox {
align-items:stretch;
justify-content:center;
}
.merit .blc {
width:32%;
margin:0 0.5%;
padding:15px;
border-radius:5px;
background:#fff;
margin-bottom:1.5em;
}
.merit  dl dt {
font-size:1em;
font-weight:bold;
line-height:1.4;
color:#da3796;
margin:1em 0;
}
.merit  dl dd {
font-size:0.8em;
text-align:left;
line-height:1.6;
}
.property {
background:#fff;
    padding: 0 0 4em;
    
}
.property h3 {
    background: #eee;
    color: #334455;
    padding: 1em;
    line-height: 1.4;
    font-size: 2em;
    margin: 0 auto 4rem;
}

.muryo {
padding:4em 0;
}
.muryo h2 img {max-width:400px;}
  
.property .photos{
width:300px;
}
.property .description{
width:calc(100% - 300px);
text-align:left;
padding-left:1.5em;
}
.property .description {
}
.property .description > p {
color: #42ae9b;
font-weight:bold;
    padding: 0 10px 10px 0;
    font-size: 16px;
}
.property .description ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: stretch;
}
.property .description li {
    display: flex;
    width:50%;
    flex-wrap: wrap;
    justify-content: start;
    align-items: stretch;
    margin-bottom:0.5em;
}
.property .info li {
    align-items: center;
}
.property .articlelist {margin-bottom:1em;}
.property .description li span {
background:#eee;
width:90px;
text-align:center;
border-radius:3px;
font-size:0.8em;
}
.property .description li p {
width:calc(100% - 100px);
padding-left:1em;
line-height:1.6;
font-size:0.8em;
}
.property .description.description2 {
width:100%;
padding-top:10px;
padding-left:0;
}
.property .description.description2  li p {
width:calc(100% - 200px);
}
.property .description.description2  li span {
width:180px;
}
@media screen and (max-width: 750px) {
.property .description.description2  li p {
width:100%;
}
.property .description.description2  li span {
width:100%;
}
}

.muryo {background:#f8f8f8;}
.muryo h2 {margin-bottom:2em;}
.muryo p {font-size:0.8em;line-height:1.6;margin-top:2em;}
#slide-div2 a {
    box-sizing: border-box;
    padding: 5px;
}
.cta {background:#da3796;padding:2em 0;}
.cta .flexbox{justify-content:center;}
.cta .flexbox .blc {width:40%;text-align:center;}
.cta .flexbox .blc a {text-decoration:none;}
.cta h2 {line-height:1.3;}
.cta h2 a {font-size:0.8em;color:#fff;}
.linebtn img {width:30px;}
.tel2 img {height:30px;}
.linebtn a {
    -webkit-appearance: none;
    border: none;
    width: 80%;
    max-width: 500px;
    margin: 0 auto 10px;
    display: block;
    text-align: center;
    background: #00be00 url(../img/arrow1.png) no-repeat 95% center;
    background-size: 7px auto;
    padding: 10px 15px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: bold;
    font-size: 1.3em;
    border-radius: 50px;
    color: #fff;
    padding: 10px 15px;
    text-decoration: none;
}
.tel2 a{
    -webkit-appearance: none;
    border: none;
    width: 80%;
    border:1px solid #eee;
    max-width: 500px;
    margin: 0 auto 10px;
    display: block;
    text-align: center;
    color: #000;
    background: #fff url(../img/arrow1.png) no-repeat 95% center;
    background-size: 7px auto;
    padding: 10px 15px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: bold;
    font-size: 1.3em;
    border-radius: 50px;
    padding: 10px 15px;
    text-decoration: none;
}
.faqarea .flexbox {align-items:stretch;}
.faqarea .faq {width:32%;border:1px solid #eee;border-radius:5px;padding:15px;text-align:left;}
.faqarea .faq dt {color: #da3796;font-weight:bold;font-size:1.1em;border-bottom:1px dotted #da3796;margin-bottom:1em;}
.faqarea .faq dd {font-size:0.9em;line-height:1.6;}
.reason {padding:4em 0;}
.reason .flexbox {align-items:stretch;}
.reason .pic{width:200px;}
.reason .desc{padding-left:1.5em;width:calc(100% - 210px);text-align:left;}
.reason h2 {color: #da3796;margin-bottom:0.5em;}
.reason .desc p {font-size:0.9em;line-height:1.6;}
@media screen and (max-width: 750px) {
#mainvisual .mainvisual_thumbnail,#mainvisual .mainvisual_gmap  {width:100%;height:150px;overflow:hidden;}
.mvtit {margin-bottom:0;}
#mainvisual .desc img {width:90%;}
#mainvisual .desc {    width: 100%;    padding-left: 0;    text-align:center;    padding-bottom:1em;}
.property .wrap{padding: 0 1em;}
.property h3 {font-size:1.2em;margin-bottom:1em;}
.property .photos {width:100%;}
.property .description {width:100%;padding-left: 0;}
.property .description ul {display:block;}
.property .description li {width:100%;font-size:0.9em;}
.property .description > p {font-size:1.1em;}
.merit h3 {font-size:1.2em;margin-bottom:1em;}
.merit .flexbox {display:block;    padding: 1em;}
.merit .blc {width:100%;}
.merit {padding: 0 0 0rem;}
.muryo h2 img {    max-width: 300px;}
.reason .desc{padding-left:0;width:100%;text-align:left;}
.reason .pic  {width:100%;}
.reason .pic img {float:left;width:150px;}
.faqarea .faq {width:100%;margin-bottom:1.5em;}
.cta .flexbox .blc {width:100%;}
}