@charset "utf-8";

/* --------------------------------------------------------- */
/* facility - index.css */
/* --------------------------------------------------------- */

/* メイン
----------------------- */
#main{}
#main:after{content:none;}
#main a{display:block;transition:opacity ease 0.3s;}
#main .layer:after{content:'';display:block;padding-top:160px;}
#main h1{background-image:url(../img/title_bg.jpg);}
#main a{display:block;transition:opacity ease 0.3s;}
#main a:hover{opacity:0.7;}

#main h2{position:relative;margin-bottom:30px;color:#04287e;font-size:26px;line-height:100%;}
#main h2 small{position:absolute;top:50%;left:0;transform:translateY(-50%);margin-left:230px;color:#000;font-size:16px;}

.box{padding:60px 0;border-bottom:1px solid #999;}
.box .item{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:60px;}
.box .item:last-of-type{margin-bottom:0;}

.item p{font-size:16px;line-height:150%;}
.item li{position:relative;padding-left:4em;font-size:16px;line-height:150%;box-sizing:border-box;}
.item li span{position:absolute;left:0;}
.item li.ind1{padding-left:1em;}
.item li.ind2{padding-left:1.5em;}
.item li.ind7{padding-left:7.5em;}

.item .head{margin-bottom:0.5em;font-size:20px;}
.item .image{width:31.25%;/*350*/}
.item .detail{width:62.5%;/*700*/}
.item .sns{margin-top:20px;}
.item .sns li{padding-left:2em;line-height:200%;text-indent:0;background:no-repeat center left;background-size:auto 1.2em;}
.item .sns li a{display:inline-block!important;text-decoration:none;}
.item .sns li.ig{background-image:url(../img/sp/icon-ig.png);}
.item .sns li.tw{background-image:url(../img/sp/icon-tw.png);}
.item .sns li.fb{background-image:url(../img/sp/icon-fb.png);}

#tenpo{padding-top:75px;}
#tenpo h2{width:22.768%;/*255*/}

#house h2{width:26.786%;/*300*/}

#rental{padding-bottom:0;border-bottom:0;}

#note{padding-bottom:60px;}
#note li{font-size:16px;line-height:150%;text-indent:-0.5em;padding-left:0.5em;box-sizing:border-box;}
#note .btn{width:23.393%;margin:30px auto 0;}
#note .btn a{display:block;box-shadow:5px 5px 0px 0px rgba(0,0,0,0.25);border-radius:20px;transition-property:box-shadow;}
#note .btn a:hover{box-shadow:none;opacity:1;}



/* ----------------------- */
/* PC～SP
/* ----------------------- */
@media screen and (max-width: 1120px){
	
#note .btn a{box-shadow:0.447vw 0.447vw 0px 0px rgba(0,0,0,0.25);border-radius:1.786vw;}
}



/* ----------------------- */
/* SP
/* ----------------------- */
@media screen and (max-width: 750px){

/* メイン
----------------------- */
#main .layer:after{padding-top:21.334%;}
#main h1{background-image:url(../img/sp/title_bg.jpg);}
#main a:hover{opacity:1;}

#main h2{margin:0 auto 4.286%;font-size:5.06vw;text-align:center;}
#main h2 small{position:static;display:block;transform:translateY(0);margin-top:1em;margin-left:0;font-size:3.2vw;text-indent:2em;}

.box{padding:10% 0;}
.box .item{display:block;margin-bottom:8.572%;}

.item p{font-size:3.2vw;}
.item li{font-size:3.2vw;}

.item .head{font-size:4vw;text-align:center;}
.item .image{width:100%;margin-bottom:5.715%;}
.item .detail{width:100%;}
.item .sns{margin-top:5.715%;}
.item .sns li{margin-bottom:0.25em;padding-left:2.5em;background-size:auto 1.5em;}
.item .sns li:last-of-type{margin-bottom:0;}

#tenpo{padding-top:8.572%;}
#tenpo h2{width:35.715%;/*250*/}

#house h2{width:54.429%;/*381*/}

#rental{}

#note{padding-bottom:10%;}
#note li{font-size:3.2vw;}
#note .btn{width:46.715%;margin:5% auto 0;}
#note .btn a{box-shadow:0.667vw 0.667vw 0px 0px rgba(0,0,0,0.25);border-radius:2.667vw;}
#note .btn a:hover{box-shadow:0.667vw 0.667vw 0px 0px rgba(0,0,0,0.25);opacity:1;}
}