body{
	font-family: "Meiryo","HGMaruGothicMPRO","ヒラギノ丸ゴ Pro W4", "Hiragino maru Gothic Pro",sans-serif;
	font-style: normal;
	font-weight: 400;
}

#loading{
width:100%;
height:100%;
background-color:#fff;
position:absolute;
left:0;
top:0;
z-index:999;
}

#wrap {
	width:100%;
	margin:0 auto;
	background-color:#f7f5f5;
}
#contents {
	max-width:1400px;
	min-width:980px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}

#topGgroup{ display:none; }

/* share class */

.bold{
	font-weight: 800;
}

#contents a.arrow {
display:block;
}
#contents a.arrow:before{
content:"▶";
}
.left{
float:left;
}
.right{
float:right;
}
.center{
width:100%;
text-align:center;
}
.pink{
color:#da5e7b;
}
.green{
	color:#1aab32;
}
.orange{
	color:#f8ad3a;
}
.orangeDark{
	color:#db8525;
}
.bgpink{
	background-color:#f4ede9;
}
.bgbeige{
	background-color:#f2e9d6;
}
.bgbeige2{
	background-color:#f7f7e9;
}
.bgorange{
	background-color:#f8ad3a;
}
.bggray{
	background-color:#f3f2ee;
}
.bggreen{
	background-color:#ced67b;
}
.bgwhite{
	background-color:#fff;
}
.sml5{
	font-size:0.5em;
}
.sml6{
	font-size:0.6em;
}
.sml7{
	font-size:0.7em;
}
.sml8{
	font-size:0.8em;
}
.sml9{
	font-size:0.9em;
}

.mTop10{ margin-top:10px !important; }
.mTop20{ margin-top:20px !important; }
.mTop30{ margin-top:30px !important; }
.mTop40{ margin-top:40px !important; }
.mTop50{ margin-top:50px !important; }
.mTop60{ margin-top:60px !important; }
.mTop70{ margin-top:70px !important; }
.mBtm10{ margin-bottom:10px !important; }
.mBtm20{ margin-bottom:20px !important; }
.mBtm30{ margin-bottom:30px !important; }
.mBtm40{ margin-bottom:40px !important; }
.mBtm50{ margin-bottom:50px !important; }
.mBtm60{ margin-bottom:60px !important; }
.mBtm70{ margin-bottom:70px !important; }

.linkOff *{ opacity:0.7; background-color:#fff; cursor:default; }
.linkOffA *{ opacity:0.7; cursor:default; }
.boxlink {
	display: inline-block;
	width: 200px;
	color: #fff !important;
	font-size: 0.8em;
	padding: 0.4em;
	background-color: #da5e7b;
	text-align: center;
	margin: 10px 0 5px;
	box-sizing: border-box;
}
.boxlink:after {
	content: "▶";
	font-size: 0.8em;
	vertical-align: 0.1em;
	padding-left: 0.5em;
}
.boxlink:hover,
.boxlinkL:hover {
	background-color: #c9c4c1;
}
.boxlinkL {
	display: inline-block;
	width: 340px;
	color: #fff !important;
	font-size: 1em;
	padding: 1em 2.5em;
	background-color: #da5e7b;
	text-align: center;
	margin: 30px 0 0;
	box-sizing: border-box;
}
.boxlinkL:after {
	content: "▶";
	font-size: 0.8em;
	vertical-align: 0.1em;
	padding-left: 0.5em;
}

.frame{
border:1px solid #ccc;
}
.mbtm10{margin-bottom:10px;}
.mbtm20{margin-bottom:20px;}
.mbtm30{margin-bottom:30px;}
.mbtm40{margin-bottom:40px;}
.mright5{margin-right:5px;}
.mright10{margin-right:10px;}



/*================= header =================*/

#commonHeader {
	display: block;
	box-sizing: border-box;
	background-color:#fff;
}
#commonHeader section{
	padding:15px 0 0;
}
#commonHeader h2{
	display:block;
	margin-bottom:15px;
	font-size:0.7em;
	letter-spacing:-0.03em;
}

#commonHeader h1{
	display: block;
	font-size:1.6em;
	position: relative;
	padding-left:125px;
	margin:0 0 15px;
	font-family: "新丸ゴ M ","Shin Maru Go Medium",sans-serif;
}
#commonHeader h1:before{
	content:" ";
	display:block;
	width:135px;
	height:65px;
	position:absolute;
	left:0;
	top:0;
	background:url(/sakura-residence/images/residence.svg);
	background-repeat: no-repeat;
	background-size:contain;
	vertical-align:middle;
}
#commonHeader h1 span{
	display: block;
}
#commonHeader h1 .tagline{
	display: block;
	padding-bottom:10px;
}
#commonHeader h1 .tagline::after{
	content:'サ高住';
	margin-left: 0.7em;
	padding: 5px 10px;
	border-radius: 10%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size: 0.7em;
	vertical-align: top;
	color: #fff;
	background-color: #f8ad3a;
	letter-spacing: 0.05em;
	box-sizing: border-box;
}

#headerContact{
	width:390px;
	padding:15px 0 0;
	position:absolute;
	right:0;
	top:0;
	font-size:0.8em;
}
#headerContact > p{
	margin-bottom:25px;
}

.contact address p{
	padding-left: 20px;
	font-family: "新丸ゴ M ","Shin Maru Go Medium",sans-serif;
}
.contact address .tel{
	font-size:2em;
	font-weight:bold;
	margin-bottom:10px;
}
.contact address .fax{
	font-size:1em;
	font-weight:bold;
	margin-bottom:5px;
}
.contact address .mail{
	font-size:1em;
	font-weight:bold;
	margin-bottom:5px;
}
#headerContact .fax,
#headerContact .mail{
	display:inline-block;
}

.contact address p::before{
	font-family:'dfesta';
	padding-right:0.3em;
	vertical-align:-0.2em;
	font-weight: normal;
}
.contact address .tel::before{
	content:"\e603";
	margin:0 -0.2em 0 -0.1em;
	vertical-align:-0.1em;
	font-size:1.1em;
}
.contact address .fax::before{
	content:"\e621";
	font-size:1.3em;
}
.contact address .mail::before{
	content:"\e605";
	font-size:1.3em;
}

.balloon{
	width:80px;
	height:65px;
	margin:0 !important;
	padding-left:0 !important;
	padding-top:15px;
	display:block;
	border-radius:50%;
	background-color:#da5e7b;
	color:#fff;
	font-size:1em;
	text-align:center;
	line-height:1.3em;
	position:absolute;
	right:0;
	bottom:-5px;
}

/* header navigation */
nav{
	width:100%;
	background-color:#f2e9d6;
	padding:10px 0;
}
nav ul{
	width:980px;
	margin: 0 auto;
	text-align: center;
	box-sizing: border-box;
	font-size: 0;
}
nav li{
	display: inline-block;
	font-size:0.8rem;
	border-left:1px solid #beb0b2;
	font-family: "新丸ゴ M ","Shin Maru Go Medium",sans-serif;
}
nav li img{
	width:auto;
	height:22px;
}
nav li:first-child{
	border-left:none;
}
nav li a{
	display: block;
	height:22px;
	padding:0.2em 0.9em;
	color:#000;
}
nav li.nowPage a, nav li a:hover{
	color:#da5e7b;
}


/*================= contents =================*/

section,main{
	display:block;
	width:980px;
	box-sizing:border-box;
	position:relative;
}
section{
	padding:40px 0;
	margin: 0 auto;
}
main{
	margin: 35px auto;
	background-color:#fff;
}
main section{
	width:800px;
}
main h1,main h2,main h3,main h4,caption,figcaption,dt,th{
	font-family: "新丸ゴ M ","Shin Maru Go Medium",sans-serif !important;
}
main h2{
	font-size:1.3em;
	line-height:1.6em;
	padding-top:15px;
	margin-bottom:45px;
}
main h3{
	font-size:1.05em;
	line-height:1.4em;
	margin-top:45px;
	margin-bottom:15px;
}
main h3:first-child{
	margin-top:0;
}
main p{
	font-size:0.8em;
	line-height:1.6em;
}

.w520{
	width:520px;
}

#coHeader{
	width:980px;
	height:255px;
	padding-top:85px;
	box-sizing:border-box;
	background-repeat: no-repeat;
	background-position:right center;
	background-size:460px auto;
	background-color:#f7f7e9;
	font-family: "新丸ゴ M ","Shin Maru Go Medium",sans-serif;
}
#coHeader h1{
	width:800px;
	margin: 0 auto;
	color:#da5e7b;
	line-height:1.4em;
	font-size:1.6em;
	position:relative;
}
#coHeader h1 span{
	display:block;
	padding-top:3px;
	color:#000;
	font-size:0.7em;
}
#coHeader h1 span.pink{
	color:#da5e7b;
	padding-top:10px;
	font-size:0.8em;
}
#coHeader h1 .wico{
	position:absolute;
	left:-1.2em;
	top:-0.3em;
	font-size:1.6em;
	color:#da5e7b;
}


/*================= footer =================*/
#footerCopy{
	padding:0 0 160px;
	background:url(/sakura-residence/images/footer_copy_bg.png) no-repeat center bottom;
	font-family: "新丸ゴ M ","Shin Maru Go Medium",sans-serif;
}
#footerCopy p{
	padding:10px 0;
	text-align:center;
	line-height:1.6em;
	font-size:1.2em;
}

footer .bggreen{
	background:url(/sakura_common/images/footer_img.png) no-repeat center bottom #ced67b;
	padding-bottom:200px;
}

#bannerArea{
	width:980px;
	margin: 0 auto;
	padding:20px 0;
	box-sizing:border-box;
	font-family: "新丸ゴ M ","Shin Maru Go Medium",sans-serif;
}

#bannerArea li{
	float:left;
	position:relative;
	display: block;
	width:316px;
	margin: 5px;
	border:1px solid #ccc;
	box-sizing: border-box;
	background-color: #fff;
	text-align:center;
}
#bannerArea li a{
	display: block;
	width:100%;
}
#bannerArea li p{
	position:relative;
	display: inline-block;
	padding:15px 0 10px 1.5em;
	line-height:1.3em;
}
#bannerArea li .wico{
	position:absolute;
	left:-0.6em;
	font-size:2.2em;
}


#footerContact{
	text-align:center;
	font-family: "新丸ゴ M ","Shin Maru Go Medium",sans-serif;
}
#footerContact h1{
	width:11em;
	display: block;
	padding-left:120px;
	font-size:1.6em;
	margin:0 auto 15px;
	text-align:left;
	position: relative;
}
#footerContact h1 span{
	display: block;
}
#footerContact h1 .tagline{
	display: block;
	padding-bottom:10px;
}
#footerContact h1::before{
	display:block;
	content:' ';
	width:100px;
	height:75px;
	position: absolute;
	left:0;
	top:0;
	background-image:url(/sakura-residence/images/residence.svg);
	background-repeat:no-repeat;
	background-position: top center;
	background-size: contain;
}
#footerContact h2{
	margin:20px 0;
}
#footerContact p.tel{
	font-size:2.2em !important;
	margin:15px 0 20px;
}
#footerContact p.tel::before{
	display:inline-block;
	font-size:1em !important;
	margin:0 -0.2em;
	vertical-align: -0.1em;
}
#footerContact p.mail::before{
	vertical-align:0.1em;
}
#footerContact p.btn{
	display:inline-block;
	margin:30px 0 0;
	padding:15px 20px 15px 30px;
	background-color:#da5e7b;
	color:#fff;
	font-size:0.9em !important;
}
#footerContact p.btn::after{
	content:"\e601";
	font-family:dfesta;
	font-size:1.3em;
	padding-left:0.3em;
	vertical-align:-0.1em;
}

#footerContact p.btn a{
	letter-spacing:0.1em;
}


#relation{
	background-color:#fff;
}
#relation h3{
	font-size:0.6em;
	border-bottom:1px solid #ccc;
	padding-bottom:0.5em;
	margin-bottom:0.7em;
}
#relation h4{
	font-size:0.7em;
	line-height: 1.5em;
}
#relation h4 span{
	font-size:0.8em;
}
#relation p{
	font-size:0.6em;
	padding:0.2em 0;
	line-height: 1.5em;
}

#relation ul{
	width:980px;
	margin:0 auto;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-content:flex-start;
	align-items: stretch;
}
#relation li{
	width:225px;
	border:solid 1px #ccc;
}
#relation li img{
	width:100%;
	height:auto;
}


#topGgroup h3 {
	padding-bottom:7px;
	border-bottom:solid 1px #ccc;
}
#topGgroup h3 span{
	font-size:1.3em;
	vertical-align:-0.1em;
	padding-right:5px;
}
#topGgroup ul{
	padding:10px 0;
}
#topGgroup ul li{
	width:296px;
	height:72px;
	padding:15px 5px 5px 90px;
	margin:10px 15px;
	border:solid 1px #c9c9c9;
	box-sizing:border-box;
	background-color:#fff;
	font-size:0.7em;
	line-height:1.6em;
	text-align:center;
	position:relative;
	float:left;
}
#topGgroup ul a:nth-child(3n+3) li{
	margin-right:0;
}
#topGgroup ul li img{
	position:absolute;
	left:5px;
	top:5px;
}
#topGgroup ul li p{
	display:inline-block;
	padding:5px 10px;
	margin-top:3px;
	background-color:#da5278;
	color:#fff;
	border-radius:5px;
	line-height:0.95em;
	font-size:0.95em;
}


#copyright{
	display:block;
	text-align:center;
	font-size:0.6em;
	padding:30px 0;
	background-color:#fff;
}

/*========================== 20241126 added menu ==========================*/

nav li a {
    padding: 0.2em 0.6em;
}