@charset "utf-8";
/*@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1+Code:wght@300;500;700&display=swap');*/
/* -------------------------------------
共通
------------------------------------- */
#sinchiku {
font-family: 'M PLUS 1 Code', sans-serif;
color:#333;
line-height:1.6em;
font-size:16px;
}
.sp_none{
 display:none!important;
}

/* -------------------------------------
キービジュアル
------------------------------------- */
.mv{
 width:100%;
 height:9em;
 background-image:url(../img/mv_sp.jpg);
 background-size:100%;
 background-repeat:no-repeat;
}
.mv p.tit{
width:min(80vw, 520px);
text-align:center;
margin:0 auto;
position:relative;
z-index:5;
top:16px;
}
.mv p.tit img {
max-width:100%;
height:auto;
display:inline-block;
}

/* ループスライド */
#sinchiku .infinite-slider .swiper-wrapper {
transition-timing-function: linear;
}
#sinchiku .infinite-slider .swiper-slide {
height: 30vh!important; /* 高さを指定 */
width: auto !important;
}
#sinchiku .infinite-slider .swiper-slide img {
width: auto;
height: 100%;
}



/* -------------------------------------
イントロ
------------------------------------- */
#sinchiku .pageIntro {
background: url(../img/pageIntro_bg.png) no-repeat center center;
background-size:cover;
position:relative;
}
#sinchiku .pageIntro .inner {
padding:0 6%;
}
#sinchiku .pageIntro dl {
width:120px;
height:120px;
border-radius:100vw;
text-align:center;
position:relative;
top:-16px;
z-index: 5;
box-shadow:2px 4px 4px rgba(50,50,50,0.2);
}
#sinchiku .pageIntro dl:not(:last-child) {
margin-bottom:10px;
}
#sinchiku .pageIntro dl:nth-child(1) {
background-color:#ff4c4c;
}
#sinchiku .pageIntro dl:nth-child(1) dd {
border:#ff4c4c solid 2px;
color:#ff4c4c;
}
#sinchiku .pageIntro dl:nth-child(2) {
background-color:#0099eb;
}
#sinchiku .pageIntro dl:nth-child(2) dd {
border:#0099eb solid 2px;
color:#0099eb;
}
#sinchiku .pageIntro dl:nth-child(3) {
background-color:#96c552;
}
#sinchiku .pageIntro dl:nth-child(3) dd {
border:#96c552 solid 2px;
color:#96c552;
}
#sinchiku .pageIntro dl dt {
color:#FFF;
letter-spacing: 0.2em;
line-height:1.5em;
padding-top:30%;
margin-bottom:6px;
}
#sinchiku .pageIntro dl dt dfn {
font-weight:700;
font-size:2.5em;
font-style:normal;
margin-bottom:0.2em;
display: block;
text-shadow:0 0 8px rgba(50,50,50,0.4);
}
/*#sinchiku .pageIntro dl dt dfn::after {
content:'\A';
white-space: pre ;
}*/
#sinchiku .pageIntro dl dt span {
font-weight:300;
font-size:70%;
letter-spacing: 0;
}
#sinchiku .pageIntro dl dd {
padding:0.5em;
font-size:1em;
font-weight:500;
background-color: #FFF;
width:60vw;
display: flex;
align-items: center;/* 上下 */
justify-content: center;/* 左右 */
line-height: 1.3em;
position:absolute;
left:calc(100% - 0.8em); bottom:20%;
box-sizing:border-box;
box-shadow:2px 4px 4px rgba(50,50,50,0.2);
}



/* -------------------------------------
メリット
------------------------------------- */
#sinchiku .newapartMerit {
background:url("../img/newapartMerit_bg.png");
padding:60px 0 30px;
}
#sinchiku .newapartMerit h2 {
text-align: center;
font-weight:700;
font-size:1.8em;
line-height:1.3em;
letter-spacing: 0.1em;
margin-bottom:1.5em;
}
#sinchiku .newapartMerit h2 b {
color: rgba(0,0,0,0);
-webkit-text-stroke: 1px rgba(120,120,120,0.8);
text-stroke: 1px rgba(120,120,120,0.8);
font-size:150%;
display:inline-block;
padding:0 0.2em;
}
#sinchiku .newapartMerit h2 b:nth-child(1) {
text-shadow: 2px 2px 0 #ff4c4c;
}
#sinchiku .newapartMerit h2 b:nth-child(2) {
text-shadow: 2px 2px 0 #0099eb;
}
#sinchiku .newapartMerit ul {
margin:0 6%;
}
#sinchiku .newapartMerit ul li {
margin-bottom:30px;
}
#sinchiku .newapartMerit ul li:nth-child(2) {
animation-delay:500ms;
}
#sinchiku .newapartMerit ul li:nth-child(3) {
animation-delay:1000ms;
}
#sinchiku .newapartMerit ul li figure {
border-radius:20px;
overflow: hidden;
object-fit: cover;
background-color: #CCC;
}
#sinchiku .newapartMerit ul li figure img {
width:100%;
}
#sinchiku .newapartMerit ul li h3 {
padding:16px 0;
text-align:center;
font-weight:700;
font-size:1.2em;
}
#sinchiku .newapartMerit ul li p {
font-size:0.95em;
}



/* -------------------------------------
エリア一覧ボタン
------------------------------------- */
#sinchiku .searchLinks hgroup {
padding:0 3%;
}
#sinchiku .searchLinks hgroup h4 {
padding:40px 0 20px;
text-align:center;
font-size:1.2em;
}
#sinchiku .searchLinks hgroup p {
font-size:0.9em;
}