@charset "UTF-8";

/* -----------------------------------------------
Table of Contents (common css) [Thought of SMACSS + original]
--------------------------------------------------
0. Foundation
	 0-1. Reset (normalize.css + original)
	 0-2. Base
	 0-3. Config
1. Layout
	 1-1. #l-document
	 1-2. #l-header
	 1-3. #l-container
				1-3-1. #l-main
				1-3-2. #l-sub
	 1-4. #l-footer
	 1-5. #l-nav-global
2. Object
	 2-1. Component a.k.a Module [Thought of BEM + original]
				2-1-1.  Wrap     [wrp-***]
				2-1-2.  Box      [box-***]
				2-1-3.  Table    [tbl-***]
				2-1-4.  Headings [hdg-lv*]
				2-1-5.  Nav      [nav-***]
				2-1-6.  List     [lst-***]
				2-1-7.  Button   [btn-***]
				2-1-8.  Anchor   [acr-***]
				2-1-9.  Text     [txt-***]
				2-1-10. Icon     [icn-***]
				2-1-11. Label    [lbl-***]
				2-1-12. Form     [frm-***]
				2-1-13. Error    [err-***]
				2-1-14. UI
	 2-2. Utility
				2-2-1. clearfix
				2-2-2. margin,padding [mb10,pt20]
				2-2-3. Object-Oriented CSS
				2-2-4. Grid System [grid-***]
				2-2-5. WebFont [FontAwesome] http://fortawesome.github.io/Font-Awesome/icons/
	 2-3. State [is-***]
	 2-4. OverLayerConfig [z-index]
	 2-5. Project

-------------------------------------------------- */

/* -----------------------------------------------
 [0. Foundation]
-------------------------------------------------- */

/* 0-1. Reset
-------------------------------------------------- */
html{
	font-family: sans-serif;
	height: 100%;
}
body{
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: 100%;
}
a{
	background: transparent;
}
a:focus{
	outline: thin dotted;
}
a:active,
a:hover{
	outline: 0;
}
html,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,code,del,em,img,strong,
dl,dt,dd,ol,ul,li,
fieldset,form,label,
table,caption,tbody,tfoot,thead,tr,th,td{
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
article,aside,footer,header,small,nav,section,figure,figcaption,main{
	margin: 0;
	padding: 0;
	display: block;
	vertical-align: baseline;
	list-style: none;
	background-color: transparent;
	outline: none;
}
audio,canvas,video{
	display: inline-block;
}
ul,ol{
	list-style-type: none;
}
table{
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
}
img{
	line-height: 1;
	vertical-align: bottom;
	outline: none;
}
a img{
	border: none;
	outline: none;
}
sub,sup{
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
hr{
	box-sizing: content-box;
	height: 0;
}
dt,dd,li,
th,td,
input,textarea{
	text-align: left;
	vertical-align: top;
}
button{
	border: none;
}
input,textarea,button{
	margin: 0;
	padding: 0;
}
input{
	border: 1px solid #dad7d3;
	height: 24px;
	padding: 2px 5px;
}
textarea{
	border: 1px solid #dad7d3;
	height: 78px;
	resize: none;
}
button,label{
	background-color: transparent;
	cursor: pointer;
}
button,select{
	text-transform: none;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"]{
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled],
input[disabled]{
	cursor: default;
}
input[type="checkbox"],
input[type="radio"]{
	box-sizing: content-box;
	padding: 0;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner{
	padding: 0;
	border: 0;
}
textarea{
	overflow: auto;
	vertical-align: top;
}
small{
	font-size: 0.86em;
}
:focus{
	outline: none;
}

/* 0-2. Base
-------------------------------------------------- */
html{
	overflow-y: scroll;
	font-size: 100%;
	font-family:"メイリオ",Meiryo,"游ゴシック","YuGothic","ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","helvetica","arial",sans-serif;
}
h1,h2,h3,h4,h5,h6{
	font-size: 100%;
	font-weight: normal;
}
table{
	width: 100%;
}
input,textarea,button,select{
	font-family:"メイリオ",Meiryo,"游ゴシック","YuGothic","ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","helvetica","arial",sans-serif;
	font-size: 100%;
}
strong{
	font-weight: bold;
}
em{
	font-weight: bold;
}

/* 0-3. Config
-------------------------------------------------- */
body{
	font-size: 14px;		　　/* ベースのフォントサイズを指定 */
	color: #333;			　　/* ベースのテキスト色を指定 */
	font-family:"メイリオ",Meiryo,"游ゴシック","YuGothic","ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","helvetica","arial",sans-serif;
	min-height: 100%;
	box-sizing: border-box;
	background-color: #0075dd;　　/* ベースの背景色を指定 */
}

a{
	color: #06c;				/* ベースのリンク文字の色を指定 */
	text-decoration: none;	/* ベースのリンク文字の下線の有無を指定 */
}
a:visited{
	color: #06c;				/* ベースのリンク文字の色を指定 */
}
a:hover,
a:active{
	color: #39f;
	text-decoration: none;		/* ベースのリンク文字の下線の有無を指定 */
}
a:focus {
	outline: none;
}
h1,h2,h3,h4,h5,h6{
	line-height: 1.4;			/* ベースの行間を指定 */
}
p{
	line-height: 1.428;			/* ベースの行間を指定 */
}
dt,dd,li,
th,td,
input,
textarea,
button{
	line-height: 1.5;			/* ベースの行間を指定 */
}


/* -----------------------------------------------
 [1. Layout]
-------------------------------------------------- */
/* 1-1. #l-document
-------------------------------------------------- */
#l-document{
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
	background: #fff;
	position: relative;
}

@media (min-width: 768px), print {
	#l-document {
		min-width: 980px;
	}
}
.isGnavOpen #l-document {
	-webkit-transform: translateX(-290px);
	-ms-transform: translateX(-290px);
	transform: translateX(-290px);
}

/* 1-2. #l-header
-------------------------------------------------- */
.l-header{
	background: #fff;
}
.l-header__top{
	background: #005bac;
	text-align: center;
	line-height: 0;
	padding: 5px 0;
	position: relative;
}
.l-header__sitelogo {
	padding: 7px 0;
	float: left;
}
.l-header__sitelogo a {
	display: block;
}
.l-header__sitelogo a img {
	width: 195px;
	height: auto;
}
.l-header__right {
	float: right;
}
.l-header__menu-btn {
	display: block;
	text-decoration: none;
}
.nav--global .nav__item--contact a{
	background: #ffcc00;
	padding: 5px 10px;
	border-radius: 10px;
}
.l-header__menu-txt{
	display: none;
}

@media screen and (max-width: 767px) {
	.l-header{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 999;
		border-bottom: 1px solid #ddd;
	}
	.l-header__top:before,
	.l-header--simple .l-header__top:before {
		content: "";
		width: 23px;
		height: 22px;
		background: url("/seniorlife/common/images/icn-sagassy01.png") no-repeat;
		background-size: 23px 22px;
		position: absolute;
		top: 2px;
		left: 3px;
	}
	.l-header__contact-btn{
		background: #ffcc00;
		padding: 2px 5px;
		border-radius: 10px;
		font-size: 9px;
		float: left;
		color: #333;
		margin: 10px 10px 0 0;
	}
	.l-header__contact-btn:visited{
		color: #333;
	}
	.l-header__menu-btn{
		float: left;
		border-left: 1px solid #ddd;
		width: 43px;
		height: 39px;
		margin-right: -10px;
		position: relative;
		cursor: pointer;
	}
	.l-header__menu-btn span:before,
	.l-header__menu-btn span:after {
		content: '';
		position: absolute;
		left: 15px;
		width: 12px;
		height: 2px;
		background: #0075dd;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
	}
	.l-header__menu-btn01:before {
		top: 20px;
	}
	.l-header__menu-btn01:after{
		top: 24px;
	}
	.l-header__menu-btn02:before {
		top: 24px;
	}
	.l-header__menu-btn02:after{
		top: 16px;
	}
	.l-header__menu-txt{
		position: absolute;
		font-size: 8px;
		color: #0075dd;
		left: 10px;
		top: 22px;
		display: block;
	}
	.isGnavOpen .l-header__menu-btn span:before,
	.isGnavOpen .l-header__menu-btn span:after {
		width: 10px;
	}
	.isGnavOpen .l-header__menu-btn01:before {
		top: 16px;
		left: 18px;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.isGnavOpen .l-header__menu-btn01:after{
		top: 22px;
		left: 18px;
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.isGnavOpen .l-header__menu-btn02:before {
		top:16px;
		left: 12px;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.isGnavOpen .l-header__menu-btn02:after {
		top: 22px;
		left: 12px;
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.l-header__menu-btn .icon:before{
		margin-right: 0;
		width: 12px;
	}
	#nav-global{
		position: absolute;
		top: 0;
		right: -2px;
		box-sizing: border-box;
		width: 291px;
		height: 100%;
		border-top: 21px solid #005bac;
		background: #0075dd;
		z-index: 1;
		-webkit-transform: translateX(290px);
		-ms-transform: translateX(290px);
		transform: translateX(290px);
	}
	.isGnavOpen #nav-global{
		visibility: visible;
		-webkit-transform: translateX(289px);
		-ms-transform: translateX(289px);
		transform: translateX(289px);
	}
	#nav-global ul{
		padding: 10px;
	}
	#nav-global ul>li {
		margin-top: 1px;
		display: block;
	}
	#nav-global ul>li a {
		position: relative;
		display: block;
		margin-bottom: 1px;
		padding: 11px 12px 10px;
		border-radius: 2px;
		background: #1c8af7;
		font-size: 14px;
		color: #fff;
	}
	.l-header__menu-close{
		text-align: center;
	}
	.l-header__menu-close span {
		cursor: pointer;
		position: relative;
		display: inline-block;
		padding: 3px 26px 1px 37px;
		border-radius: 14px;
		background: #fff;
		color: #49a1ff;
		font-size: 15px;
	}
	.nav-global-bg {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #005bac;
		opacity: 0;
		overflow-y: auto;
		z-index: -1;
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
		-webkit-transition-delay: 0.1s;
		transition-delay: 0.1s;
	}
	.isGnavOpen .nav-global-bg{
		visibility: visible;
		opacity: 0.3;
		z-index: 1000;
	}

}
@media (min-width: 768px), print {
	.l-header__sitelogo {
		padding: 19px 0;
	}
	.l-header__sitelogo a img {
		width: auto;
	}
	.l-header__right .nav__item {
		position: relative;
	}
	.l-header__right .nav__item.contact a:after {
		display: none;
	}
	.l-header__right .nav__item.rent {
		padding-left: 25px;
	}
	.l-header__right .nav__item.rent a {
		padding: 6px 12px;
		border: 1px solid #99c2eb;
		border-radius: 3px;
		color: #1170cf;
		transition: all 0.3s ease 0s;
	}
	.l-header__right .nav__item.rent a:hover {
		background: #1170cf;
		border-color: #1170cf;
		color: #fff;
	}
	.l-header__right .nav__item a {
		padding: 10px 0 10px 34px;
		font-weight: bold;
	}
	.l-header__right .nav__item a:after {
		content: "";
		position: absolute;
		top: 2px;
		right:-18px;
		background: #ddd;
		width: 1px;
		height: 17px;
	}
	.l-header__right .nav__item:last-child a:after {
		display: none;
	}
	.l-header__right{
		margin-top: 30px;
	}
	.l-header--simple .l-header__top {
		padding: 9px 0;
		background-color: #0066cc;
	}
	.l-header--simple .l-header__top:before {
		content: "";
		width: 37px;
		height: 37px;
		background: url("/seniorlife/common/images/icn-sagassy01.png") no-repeat;
		background-size: 37px 37px;
		position: absolute;
		top: 6px;
		left: -155px;
		right: 0;
		margin: auto;
	}
	.l-header__menu-close{
		display: none;
	}
	.isGnavOpen #l-document{
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
	.isGnavOpen .nav-global-bg{
		display: none;
	}
}

/* 1-3. #l-container
-------------------------------------------------- */
#l-container{
	padding-bottom: 20px;
}
#l-container.no-pad{
	padding-bottom: 0;
}
@media (min-width: 768px), print {
	#l-container{
	padding-bottom: 40px;
}
}
/* 1-3-1. #l-main
-------------------------------------------------- */

@media screen and (max-width: 767px) {
	#l-main{
		padding-top: 59px;
	}
	.l-header--simple + #l-container #l-main{
		padding-top: 0;
	}
}

/* 1-3-2. #l-sub
-------------------------------------------------- */


/* 1-4. #l-footer
-------------------------------------------------- */
#l-footer{
	color: #fff;
	text-align: center;
}
#l-footer-contact {
	background: #0075dd;
}
#l-footer__pagetop{
	background: #fff;
}
#l-footer__pagetop a {
	display: block;
	font-size: 11px;
	padding: 10px 0;
}
#l-footer__pagetop a i {
	display: block;
}
#l-footer__snav {
	background: #005bac;
}
#l-footer__snav .wrp-container {
	padding: 0;
}
#l-footer__snav p {
	border-bottom: 1px solid #337cbd;
}
#l-footer__snav .txt-copyright {
	padding: 15px 0 17px;
}
#l-footer__snav .txt-note {
	padding: 15px 0 17px;
	text-align: center;
	font-size: 10px;
}
#l-footer__snav ul li a {
	display: block;
	text-align: center;
	color: #fff;
	border-bottom: 1px solid #337cbd;
	padding: 8px 0;
}
#l-footer__snav ul li a:hover{
	text-decoration: underline;
}
.l-footer__logo a {
	display: block;
	padding: 15px 0;
}
#l-footer-contact.is-sticky {
	position: fixed;
	width: 100%;
	bottom: -1px;
	left: 0;
	z-index: 100;
}
.l-footer-contact-wrap {
	height: 77px;
	position: relative;
}
.l-footer-contact-title {
	padding: 18px 0;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #0075dd;
}
.btn-pagetop{
	position: absolute;
	top: 75px;
	right: 10px;
	display: block;
	background: #1a83e0;
	border-radius: 50px;
	width: 50px;
	height: 50px;
	color: #fff;
	text-align: center;
	box-sizing: border-box;
	padding: 5px 0 0;
}
.is-sticky .btn-pagetop{
	top: 18px;
}
.btn-pagetop span{
	display: block;
}
.btn-pagetop:hover{
	color: #fff;
	opacity: 0.7;
}
@media (min-width: 768px), print {
	#l-footer-contact {
		min-height: 80px;
	}
	#l-footer__snav {
		border-bottom: 1px solid #337cbd;
	}
	#l-footer__snav p{
		border-bottom: 0;
	}
	#l-footer__snav ul li a {
		border-bottom: 0;
		padding: 5px 0 10px;
	}
	.l-footer__logo {
		background: #005bac;
	}
	#l-footer__snav .wrp-container {
		display: table;
		table-layout: fixed;
	}
	#l-footer__snav ul, #l-footer__snav .txt-copyright {
		display: table-cell;
		width: 50%;
		vertical-align: middle;
	}
	#l-footer__snav ul {
		text-align: left;
	}
	#l-footer__snav ul li {
		display: inline-block;
		padding: 0 20px 0 0;
	}
	#l-footer__snav ul li a {
		text-align: left;
	}
	#l-footer__snav .txt-copyright {
		text-align: right;
	}
	#l-footer__snav .txt-note {
		padding-bottom: 17px;
		text-align: left;
		font-size: 12px;
		padding-top: 0;
	}
	#l-footer__pagetop a {
		display: block;
		font-size: 13px;
		padding: 12px 0;
		text-decoration: underline;
	}
	#l-footer__pagetop a i {
		display: inline-block;
	}
	#l-footer .box-nav-local {
		border-bottom: 1px solid #ddd;
		background: #fff;
	}
	#l-footer .lst-nav-local li {
		display: inline-block;
		padding: 13px 0 6px;
		position: relative;
	}
	#l-footer .lst-nav-local li:before {
		content: "";
		position: absolute;
		top: 50%;
		right: 0;
		height:14px;
		width: 1px;
		background: #ddd;
		margin-top: -6px;
	}
	#l-footer .lst-nav-local li:last-child:before {
		display: none;
	}
	#l-footer .lst-nav-local li a{
		padding: 0 20px;
	}
	#l-footer .lst-nav-local li a .icon {
		display: none;
	}
	.l-footer-contact-wrap {
		height: 145px;
	}
}
@media screen and (max-width: 767px) {
	#l-footer .box-nav-local {
		background: #f1f1f1;
		padding: 10px 0;
	}
	#l-footer .lst-nav-local {
		background: #fff;
		padding: 0 9px;
		border: 1px solid #ddd;
		border-radius: 4px;
		box-sizing: border-box;
	}
	#l-footer .lst-nav-local li {
		border-bottom: 1px solid #ddd;
		box-sizing: border-box;
	}
	#l-footer .lst-nav-local li:last-child {
		border-bottom: 0;
	}
	#l-footer .lst-nav-local li a{
		padding: 11px 0 7px;
		display: block;
		color: #333;
	}
	#l-footer .lst-nav-local li a .icon {
		color: #06c;
	}
	#l-footer__pagetop a {
		padding: 13px 0;
	}
	.btn-pagetop{
		top: -42px;
		width: 33px;
		height: 33px;
		padding: 2px 0 0;
		font-size: 12px;
		display: none;
		line-height: 1.2em;
	}
	.btn-pagetop span{
		font-size: 11px;
	}
	.is-sticky .btn-pagetop{
		top: -42px;
	}
}
/* 1-5. #l-nav-global
-------------------------------------------------- */
#l-nav-global{
	float: right;
	min-height: 45px;
}


/* -----------------------------------------------
 [2. Object]
-------------------------------------------------- */

/* 2-1. Component a.k.a Module
-------------------------------------------------- */
/*2-1-1.  Wrap     [wrp-***]*/
.wrp-container{
	padding: 0 10px;
}

@media (min-width: 768px), print {
	.wrp-container{
		width: 960px;
		margin: 0 auto;
	}
}

.wrp-heading{
	min-height: 100px;
	text-align: center;
	background-color: #19afd2;
	margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
	.wrp-heading .wrp-container{
		position: relative;
		overflow: hidden;
		padding: 0;
	}
	.wrp-heading .visible-sp{
		display: inline!important;
	}
	.wrp-heading .wrp-container:before{
		content: '';
		left: 0;
		bottom: -18px;
		height: 110px;
		width: 100px;
		position: absolute;
		background: url(/seniorlife/common/images/icn-sagassy04.png) no-repeat left bottom;
		background-size: auto 110px;
	}
	.wrp-heading .wrp-container:after{
		content: '';
		right: 0;
		bottom: -18px;
		height: 110px;
		width: 100px;
		position: absolute;
		background: url(/seniorlife/common/images/icn-sagassy05.png) no-repeat right bottom;
		background-size: auto 110px;
	}
	.wrp-heading--service{
		margin-bottom: 0;
	}
}
@media (min-width: 768px), print {
	.wrp-heading{
		background: #19afd2 url(/seniorlife/common/images/bg-heading01.jpg) no-repeat center bottom;
		min-height: 150px;
		margin-bottom: 0;
	}
	.wrp-heading--service{
		min-height: 260px;
		position: relative;
		overflow-y: hidden;
		background-image: none;
		margin-bottom: 0;
	}
	.wrp-heading--service:before{
		content: '';
		left: 0;
		bottom: -32px;
		height: 120px;
		width: 100%;
		position: absolute;
		background: #19afd2 url(/seniorlife/common/images/mainvisual-bg01.jpg) repeat-x center bottom;
		background-size: auto 120px;
	}
	.wrp-heading--service .wrp-container{
		position: relative;
		overflow: hidden;
		padding: 0;
		height: 260px;
	}
	.wrp-heading--service .wrp-container:before{
		content: '';
		left: 0;
		bottom: -30px;
		height: 260px;
		width: 180px;
		position: absolute;
		background: url(/seniorlife/common/images/icn-sagassy04.png) no-repeat left bottom;
		background-size: auto 260px;
	}
	.wrp-heading--service .wrp-container:after{
		content: '';
		right: 0;
		bottom: -30px;
		height: 260px;
		width: 180px;
		position: absolute;
		background: url(/seniorlife/common/images/icn-sagassy05.png) no-repeat right bottom;
		background-size: auto 260px;
	}
}
/*2-1-2.  Box      [box-***]*/
.box {
	border-radius: 2px;
	background: #fff;
	box-shadow: 0 1px 1px rgba(0,0,0,.2);
	color: #333;
	overflow: hidden;
}
.box__inner {
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
}
.box__title {
	font-size: 16px;
	padding: 8px 20px;
	text-align: center;
}
@media (min-width: 768px), print {
	.box {
		border-radius: 5px;
		box-shadow: 0 1px 3px rgba(0,0,0,.2);
	}
	.box__inner {
		padding: 20px;
	}
	.box__title {
		font-size: 18px;
	}
}


.box__inner__title {
	font-weight: 600;
	line-height: 1.1;
	margin-bottom: 5px;
}
.box__inner__title .txt-number {
	font-size: 36px;
	color: #005bac;
	font-family: "Myriad Pro";
}
.box__inner__title .txt-number em {
	font-weight: normal;
	font-size: 14px;
}
.box-content .box-content__icon img {
	width: auto;
	height: 39px;
}
.box-content .hdg-lv3 {
	border-bottom: none;
	border-top: none;
	font-size: 18px;
	color: #005bac;
	line-height: 1.2;
	margin: 0 0 5px;
}
.box-content .hdg-lv3 span {
	display: block;
	height: auto;
}
.box-content .hdg-lv3 em {
	display: block;
	font-size: 10px;
	font-weight: normal;
}
.box-content .box-content__txt {
	margin-bottom: 15px;
	text-align: left;
}
.box-content .btn {
	width: 160px;
	padding: 13px 0;
}

/* ----------------------------------------------- */
.box--blue__title {
	background: #3399ff;
	color: #fff;
}
.box--blue__inner {
	background: #f0f5fb;
	padding: 15px 10px;
}

/* ----------------------------------------------- */
.box-lifestyle {
	margin-bottom: 10px;
}
.box-lifestyle__title,
.box-lifestyle__content {
	padding: 10px;
}
.box-lifestyle__title {
	color: #005bac;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	border-bottom: 1px solid #ddd;
}
.box-lifestyle__title .icon {
	float: right;
}
.box-lifestyle__content {
	display: table;
	width: 100%;
	box-sizing: border-box;
}
.box-lifestyle__txt,
.box-lifestyle__img {
	display: table-cell;
	vertical-align: top;
}
.box-lifestyle__img {
	vertical-align: bottom;
}
.box-lifestyle__txt {
	text-align: left;
	color: #333;
	font-size: 12px;
}
.box-lifestyle__txt em {
	color: #e60021;
	font-style: normal;
}
.box-lifestyle__img img {
	height: auto;
}
#lifestyle-rent .box-lifestyle__img img {
	width: 47px;
}
#lifestyle-owner .box-lifestyle__img img {
	width: 50px;
}
@media (min-width: 768px), print {
	.box-lifestyle {
		margin-bottom: 20px;
	}
	.box-lifestyle__title {
		font-size: 20px;
		padding: 10px 15px;
	}
	.box-lifestyle__content {
		padding: 10px 15px 15px;
	}
	.box-lifestyle__title .icon {
		font-size: 15px;
		margin-top: 5px;
	}
	.box-lifestyle__txt {
		font-size: 15px;
	}
	.box-lifestyle__txt em {
		font-size: 16px;
	}
	#lifestyle-rent .box-lifestyle__img img {
		width: 60px;
	}
	#lifestyle-owner .box-lifestyle__img img {
		width: 65px;
	}
}

/* ----------------------------------------------- */
.box--step__title {
	position: relative;
	text-align: center;
	background-color: #06c;
	color: #fff;
	font-weight: normal;
	padding: 10px;
}
.box--step__title__first, .box--step__title__center,
.box--step__title__last {
	display: table-cell;
	vertical-align: middle;
}
.box--step__title__first img {
	width: 35px;
	height: auto;
}
.box--step__title__first {
	padding-right: 10px;
}
.box--step__title__center {
	padding-right: 40px;
	line-height: 1.3;
}
.box--step__title__center span{
	font-size: 10px;
}
.box--step__content {
	text-align: left;
}
.box--step__title__last {
	position: absolute;
	top: 24px;
	right: 10px;
	font-size: 20px;
}
.box--step__title__last a {
	color: #fff;
}
.box--step__content .box--step__hdg {
	color: #06c;
	margin: 5px 0 10px;
}
.box--step__left, .box--step__right {
	width: 70px;
	height: auto;
	display: table-cell;
	vertical-align: middle;
}
.box--step__left {
	float: left;
	padding: 30px 0 0 25px;
}
.box--step__right {
	float: right;
    padding: 0 25px 10px 0;
}
@media (min-width: 768px), print {
	.box {
		border-radius: 5px;
		box-shadow: 0 1px 3px rgba(0,0,0,.2);
	}
	.box__inner {
		padding: 20px;
	}
	.box__title {
		font-size: 18px;
		padding: 13px 20px;
	}
	.box__inner__title {
		font-size: 18px;
		margin-bottom: 8px;
	}
	.box__inner__title .txt-number {
		font-size: 48px;
	}
	.box__inner__title .txt-number em {
		font-size: 24px;
	}
	.box__inner__title .txt--normal {
		font-size: 18px;
	}
	.box-content {
		position: relative;
		min-height: 255px;
		border-right: 1px solid #ddd;
	}
	.box-content.last {
		border-right: none;
	}
	.box-content .hdg-lv3 {
		padding-left: 29%;
		margin: 10px;
	}
	.box-content .hdg-lv3 span {
		display: table-cell;
		height: 35px;
		vertical-align: middle;
	}
	.box-content .box-content__btn {
		position: absolute;
		right: 0;
		left: 0;
		bottom: 0;
		margin: auto;
		text-align: center;
	}
	.box-content .btn {
		font-size: 14px;
		width: 140px;
	}
	.box-content .box-content__icon img {
		width: auto;
		height: 55px;
	}
	.box-content__icon {
		text-align: center;
	}
	.box-content .hdg-lv3 em {
		font-size: 12px;
		color: #000;
	}
	.box-content .box-content__txt {
		margin-bottom: 22px;
	}
	.box--step .box__inner {
		padding: 20px;
	}
	.box--step__title {
		font-size: 14px;
		padding: 14px 0;
	}
	.box--step__title:after {
		content: "";
	    position: absolute;
	    top: 100%;
	    left: 50%;
	    margin-left: -5px;
	    border-width: 15px;
	    border-style: solid;
	    border-color: #06c transparent transparent transparent;
	}
	.box--step__title span {
		font-size: 24px;
	}
	.box--step__left,.box--step__right {
		width: auto;
	}
	.box--step__center {
		text-align: center;
		padding: 0 30px;
	}
	.box--step__center__txt {
		font-size: 16px;
		line-height: 1.7;
	}
	.box--step__hdg {
		font-size: 24px;
		font-weight: normal;
		margin: 10px 0 15px;
	}
	.box--step__content {
		width: 100%;
		display: table;
	}
	.box--step__left, .box--step__right,
	.box--step__center {
		display: table-cell;
		vertical-align: middle;
		float: none;
	}
}
/* ----------------------------------------------- */
.box-noscript{
	padding: 24px;
	background: #3a3a3a;
	box-sizing: border-box;
}
.box-noscript p{
	text-shadow: 0 0 1px #fff;
	color: #fff;
}

/* ----------------------------------------------- */
.box-case{
	padding-bottom: 30px;
	border-bottom: 1px solid #ddd;
}
.lst-case li:last-child{
	margin-bottom: 0;
}
.box-case--01 .lst-case {
	margin-bottom: 10px;
}
@media (min-width: 768px), print {
	.box-case--01 .lst-case {
		margin-top: 0;
		margin-bottom: 55px;
	}
}
/* ----------------------------------------------- */
.box-contact {
	padding: 15px 0 1px;
	overflow: hidden;
	text-align: center;
}
.box-contact .box-contact__content {
	margin-bottom: 10px;
	display: inline-block;
}
.box-contact .box-contact__content__sp {
	display: inline-block;
	box-shadow: 0px 2px 0px 0px rgba(0,51,153,1);
	margin-left: 5px;
	position: relative;
}
.btn-contact {
	display: table;
	border-radius: 2px;
	box-shadow: 0 1px 1px rgba(0,0,0,.2);
	width: 175px;
	height: 45px;
	margin: 0 auto;
	padding: 5px 10px;
	color: #333;
	font-weight: bold;
	box-sizing: border-box;
}
.btn-contact--phone {
	background: #fff;
}

.btn-contact--mail {
	background: #ffcc00;
	box-shadow: 0px 2px 0px 0px rgba(0,51,153,1);
	padding: 0 5px 0 10px;
}
.btn-contact--phone {
	width: 75px;
	background: #3bd9a4;
	padding: 0;
}
.btn-contact__img, .btn-contact__txt {
	display: table-cell;
	vertical-align: middle;
}
.btn-contact__txt {
	text-align: center;
	line-height: 1.0;
	color: #333;
	padding: 9px 0 5px;
}
.btn-contact__txt em {
	display: block;
	font-style: normal;
	font-family: 'Roboto', sans-serif;
	color: #0075dd;
	font-size: 28px;
	line-height: 1;
}
.btn-contact__txt i {
	font-style: normal;
	font-size: 10px;
}
.box-contact{
	position: relative;
}
.box-contact__character {
	display: none;
}
@media screen and (max-width: 767px) {
	.btn-contact__txt.visible-sp {
		display: table-cell!important;
	}
	.box-contact {
		margin-left: -22px;
	}
	#l-document .box-contact__title02{
		display: inline-block !important;
		vertical-align: top;
		font-size: 14px;
		font-weight: bold;
		color: #fff;
		margin: 4px 2px 0;
	}
	#l-document .box-contact__title02 span{
		display: block !important;
		height: 45px;
	}
	#l-document .box-contact__document{
		display: inline-block !important;
	}
	#l-document .box-contact__document .btn-contact--document{
		width: 115px;
		background: #fff;
		padding: 4px 5px;
	}
	#l-document .box-contact__document .btn-contact--document.view_pc{
		display: none;
	}
	#l-document .box-contact__document .btn-contact__img02{
		display: none;
		vertical-align: middle;
	}
	#l-document .box-contact__document .btn-contact__img03{
		display: table-cell;
		vertical-align: middle;
	}
	#l-document .box-contact__document .btn-contact--document .btn-contact__img{
		display: none;
	}
	#l-document .box-contact__document .btn-contact--document .btn-contact__txt-document{
		padding: 5px 0;
		line-height: 1.3;
		font-size: 10px;
		font-weight: bold;
		color: #0075dd;
		text-align: center;
	}
	#l-document .box-contact__phone .btn-contact--phone{
		width: 50px;
		background: #ffcc00;
		padding: 4px 5px;
	}
	#l-document .box-contact__phone .btn-contact__img,
	#l-document .box-contact__phone .btn-contact__txt,
	#l-document .box-contact__phone .box-contact__character__left{
		display: none;
	}
	#l-document .box-contact__phone .btn-contact--phone .box-contact__img02{
		display: block;
	}
	#l-document .box-contact__mail{
		position: relative;
	}
	#l-document .box-contact__mail .btn-contact--mail{
		width: 50px;
		padding: 4px 5px;
		position: relative;
		z-index: 10;
	}
	#l-document .box-contact__mail .btn-contact--mail .btn-contact__img{
		display: block;
		width: 30px;
		margin: 0 auto;
	}
	.box-contact__character_sp {
		position: absolute;
		bottom: -18px;
		right: -47px;
		z-index: 1;
	}
}
@media (min-width: 768px), print {
	.box-contact {
		padding: 10px 0;
	}
	.box-contact .box-contact__content,
	.box-contact .box-contact__content.visible-pc {
		display: inline-block!important;
		vertical-align: middle;
		padding: 0 3px;
		margin: 0;
	}
	.box-contact .box-contact__content__sp {
		display: none!important;
	}
	.box-contact p:first-child {
		display: inline-block;
	}
	.box-contact .box-contact__title {
		display: block;
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 8px;
		color: #fff;
		text-align: center;
	}
	.btn-contact {
		border-radius: 5px;
		box-shadow: 0 1px 3px rgba(0,0,0,.2);
		font-size: 14px;
		padding: 0 27px;
		height: 60px;
	}
	.btn-contact__txt.btn-contact__txt-mail{
		font-size: 16px;
	}
	.btn-contact--phone {
		padding-left: 20px;
		cursor: default;
		background: #ffcc00;
	}
	.btn-contact--phone:hover{
		color: #333;
	}
	.btn-contact--mail {
		box-shadow: none;
		padding: 0 27px 0 10px!important;
		box-sizing: border-box;
	}
	.btn-contact__img {
		width: 59px;
	}
	.btn-contact__img img {
		width: 59px;
		height: auto;
	}
	.btn-contact__txt em {
		font-size: 22px;
		line-height: 0.8;
		margin-top: 1px;
		margin-bottom: 2px;
	}
	.btn-contact__txt em img {
		margin-left: 5px;
	}
	.btn-contact__txt i{
		font-size: 12px;
	}
	.btn-contact__txt.visible-pc {
		display: table-cell!important;
	}
	.box-contact__character__left,
	.box-contact__character__right {
		display: block;
		position: absolute;
		bottom: 0;
	}
	.box-contact .box-contact__character__left {
		left: 0;
	}
	.box-contact .box-contact__character__right {
		right: 0;
	}
	#l-document .box-contact__title02{
		display: none !important;
	}
	#l-document .box-contact__document{
		width: 220px;
		padding: 0;
		margin: 0 5px 0 0;
	}
	#l-document .box-contact__document .btn-contact--document{
		width: 220px;
		padding: 0;
		background: #fff;
	}
	#l-document .box-contact__document .btn-contact--document.view_sp{
		display: none;
	}
	#l-document .box-contact__document .btn-contact--document .btn-contact__img{
		display: table-cell;
		vertical-align: middle;
	}
	#l-document .box-contact__document .btn-contact--document .btn-contact__img img{
		width: 35px;
	}
	#l-document .box-contact__document .btn-contact--document .btn-contact__txt-document{
		display: table-cell;
		vertical-align: middle;
		padding: 0;
		text-align: left;
		font-weight: bold;
		font-size: 16px;
		line-height: 1.3;
	}
	#l-document .box-contact__document .btn-contact--document .btn-contact__txt-pdf{
		margin: 0 2px;
		font-weight: normal;
		font-size: 12px;
	}
	#l-document .box-contact__document .btn-contact--document .btn-contact__img02{
		display: table-cell;
		vertical-align: middle;
	}
	#l-document .box-contact__document .btn-contact--document  .btn-contact__img03{
		display: none;
	}
	#l-document .box-contact__phone{
		width: 290px;
		padding: 0;
		margin: 0 5px 0 0;
	}
	#l-document .box-contact__phone .btn-contact--phone{
		width: 290px;
		padding: 0 4px;
	}
	#l-document .box-contact__phone .btn-contact__img02{
		display: none;
	}
	#l-document .box-contact__phone .btn-contact--phone .btn-contact__txt{
		padding: 0;
	}
	#l-document .box-contact__mail{
		width: 220px;
		padding: 0;
		margin: 0 0 0 0;
	}
	#l-document .box-contact__mail .btn-contact{
		width: 220px;
	}
	#l-document .box-contact__mail .btn-contact--mail{
		padding: 0 5px 0 5px !important
	}
	#l-document .box-contact__mail .btn-contact__txt-mail{
		padding: 0 0 0 7px;
		letter-spacing: -1px;
		text-align: left;
		line-height: 1.3;
	}
	#l-document .box-contact__mail .btn-contact__img{
		padding-bottom: 5px;
	}
	#l-document .box-contact__mail .btn-contact__img02{
		display: table-cell;
		vertical-align: middle;
		text-align: right;
	}
	.box-contact__character_sp {
		display: none;
	}
}

/* ----------------------------------------------- */
.page-voice {
	background: #f1f1f1;
}
.box-voice {
	padding: 35px 10px 15px;
	overflow: inherit;
	position: relative;
}
.box-voice__img{
	text-align: center;
	top: -32px;
	position: absolute;
	left: 0;
	right: 0;
}
.box-voice__img img{
	width: 60px;
}
.box-voice__icn, .box-voice__txt {
	display: table-row;
	vertical-align: top;
}
.box-voice__customer {
	margin-top: 15px;
}
.box-voice__note{
	color: #666;
	font-size: 10px;
}
.box-voice__icn {
	text-align: center;
}
.box-voice__icn img {
	width: 27px;
	height: auto;
	padding-bottom: 15px;
}
@media (min-width: 768px), print {
	.box-voice {
		padding: 70px 20px 20px;
		background-size: 33px auto;
		background-position: left 33px center;
	}
	.box-voice__img {
		top: -50px;
	}
	.box-voice__img img{
		width: auto;
	}
	.box-voice__note{
		color: #666;
		font-size: 12px;
	}

}

/* ----------------------------------------------- */
.box-flow {
	box-sizing: border-box;
	width: 300px;
	border-radius: 5px;
	border: 1px solid #3385d6;
	text-align: center;
	margin: 0 auto;
}
@media (min-width: 768px), print {
	.box-flow {
		border: 0;
		width: auto;
	}
}

/* ----------------------------------------------- */
.box-support {
	text-align: center;
}

/* ----------------------------------------------- */
.box-feature__title {
	display: table;
	width: 100%;
	box-sizing: border-box;
	padding: 10px;
	background: #fff;
	color: #005bac;
}
.box-feature__title.is-active {
	background: #0066cc;
	color: #fff;
}
.box-feature .box__title__img,
.box-feature .box__title__content,
.box-feature .box__title__icon {
	display: table-cell;
	vertical-align: middle;
}
.box-feature .box__title__img {
	width: 40px;
	padding-right: 10px;
}
.box-feature .box__title__img img {
	width: 40px;
}
.box-feature .box__title__content {
	text-align: left;
}
.box-feature .box__title__content small {
	font-size: 10px;
	font-weight: normal;
}
.box-feature .box__title__icon {
	width: 25px;
}
.box-feature .box__title__icon:before {
	margin: 0;
}
.box-feature__content {
	padding: 15px 10px 10px;
}
.box-feature__content p em {
	font-style: normal;
}
.box-feature__content .hdg-lv4 {
	margin: 0 0 15px;
	font-weight: bold;
	text-align: center;
}
.box-feature__img {
	text-align: center;
	margin: 10px 0 0;
	line-height: 0;
}
.box-feature__label {
	margin-bottom: 8px;
}
.box-feature__label .lbl {
	padding: 2px 15px;
}
.box-feature__btn {
	text-align: center;
	margin: 10px 0;
}
.box-feature__note {
	margin-bottom: 10px;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.box-feature__content {
		display: none;
	}
	.box-feature .box__title__icon:before {
		content: '\e819';
		font: normal normal normal 14px/1 fontello;
		font-size: 21px;
	}
	.box-feature .box-feature__title.is-active .box__title__icon:before {
		content: '\e80b';
	}
	.box-feature__btn .btn {
		font-size: 12px;
		width: 100%;
		padding: 10px 5px;
	}
}
@media (min-width: 768px), print {
	.box-feature__title {
		display: block;
		position: relative;
		padding: 15px 10px 10px;
		background: #0066cc;
		color: #fff;
		pointer-events: none;
		text-align: left;
	}
	.box-feature .box__title__icon {
		display: none;
	}
	.box-feature .box__title__img{
		display: inline-block;
		height: 50px;
		padding-right: 20px;
	}
	.box-feature .box__title__img img{
		height: 50px;
		width: auto;
	}
	.box-feature .box__title__content {
		display: inline-block;
		font-size: 24px;
	}
	.box-feature .box__title__content h3 {
		font-size: 24px;
	}
	.box-feature .box__title__content small {
		font-size: 14px;
	}
	.box-feature__content {
		position: relative;
		padding: 25px 20px;
		display: block!important;
	}
	.box-feature__content .hdg-lv4 {
		font-size: 24px;
		margin-bottom: 20px;
	}
	.box-feature__img {
		margin: 20px 0 0;
	}
	.box-feature__content p {
		font-size: 16px;
		line-height: 1.6;
	}
	#feature02 .box-feature__content,
	#feature03 .box-feature__content {
		padding-bottom: 35px;
	}
	#feature02 .box-feature__img,
	#feature03 .box-feature__img {
		margin: 30px 0 0;
	}
	.box-feature__label .lbl {
		font-size: 18px;
		border-radius: 15px;
		padding: 3px 32px;
	}
	.box-feature__btn {
		margin: 35px 0;
	}
}

/* ----------------------------------------------- */
.box-plan {
	margin-bottom: 10px;
}
.box-plan .box--blue__inner {
	padding: 15px 5px 15px 10px;
}
@media (min-width: 768px), print {
	.box-plan {
		margin-bottom: 20px;
	}
	.box-plan .box--blue__inner {
		padding: 25px 15px 30px;
	}
}
/* ----------------------------------------------- */
.box-accomodation {
	display: table;
}
.box-accomodation__img, .box-accomodation__content {
	display: table-cell;
	vertical-align: top;
}
.box-accomodation__img {
	width: 60px;
	padding-right: 10px;
}
.box-accomodation__title {
	margin-bottom: 5px;
}
.box-accomodation__title img {
	display: inline-block;
	vertical-align: middle;
	margin: -2px 5px 0 0;
}

/* ----------------------------------------------- */
.btn-rent {
	width: 100%;
	margin-bottom: 20px;
}
.btn-rent a {
	display: block;
	padding: 10px;
	border-radius: 5px;
	background: #4d6476;
	color: #fff;
	text-align: center;
	font-feature-settings : "palt";
}
.btn-rent a .icon-arrow {
	padding-left: 5px;
}

@media (min-width: 768px), print {
	.btn-rent {
		width: 590px;
		margin: 0 auto 30px;
	}
	.btn-rent a {
		position: relative;
		padding: 20px 70px;
		font-size: 18px;
	}
	.btn-rent a .icon-arrow {
		position: absolute;
		top: 50%;
		right: 30px;
		margin-top: -0.5em;
		line-height: 1;
		font-family: 'fontello';
	}
	.btn-rent a .br-sp {
		display: none;
	}
}

/* ----------------------------------------------- */
.box-transport__title {
	color: #fff;
	background: #0066cc;
}
.box-transport__link {
	background: #ffcc00;
	padding: 5px;
}
.box-transport__link li {
	margin-bottom: 5px;
}
.box-transport__link li:last-child {
	margin-bottom: 0;
}
.box-transport__link a {
	display: block;
	text-align: center;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 1px 1px rgba(0,0,0,.2);
	padding: 10px 5px;
}
.box-transport__txt small {
	display: inline;
}
@media screen and (max-width: 767px) {
	.box-transport__img {
		display: none;
	}
}
@media (min-width: 768px), print {
	.box-transport__title {
		padding: 10px 20px;
	}
	.box-transport__link {
		display: table;
		width: 100%;
		box-sizing: border-box;
	}
	.box-transport__link li {
		width: 50%;
		display: table-cell;
		padding-right: 5px;
		margin: 0;
	}
	.box-transport__link li:last-child {
		padding: 0;
	}
	.box-transport__img {
		margin-bottom: 12px;
		height: 49px;
	}
	.box-transport__img, .box-transport__txt {
		display: block;
	}
	.box-transport__txt {
		font-size: 16px;
		line-height: 1;
	}
	.box-transport__txt small {
		font-size: 12px;
	}
}
/* ----------------------------------------------- */

.box-basic {
	display: table;
	width: 100%;
}
.box-basic__txt, .box-basic__img {
	display: block;
}
.box-basic__title {
	font-size: 24px;
	text-align: center;
	font-weight: normal;
	margin-bottom: 10px;
}
.box-basic__img {
	padding: 20px 45px 0 0;
	text-align: center;
}
.box-basic__txt h5 {
	text-align: center;
	font-size: 18px;
	color: #2878bf;
	margin: 15px 0 10px;
}
.box-basic__txt h5 span {
	font-size: 12px;
}
.box-basic__txt h4 {
	font-size: 18px;
	text-align: center;
	margin: 30px 0 10px;
}
.box-basic__txt .txt-note {
	font-size: 14px;
	margin: 20px 0 30px;
}
@media (min-width: 768px), print {
	.box-basic {
		padding: 20px 0 35px;
	}
	.bg-yellow .box-basic {
		padding-top: 0;
	}
	.box-basic__txt, .box-basic__img {
		display: table-cell;
	}
	.box-basic__img {
		padding: 0;
	}
	.box-basic__title{
		font-size: 48px;
		font-weight: bold;
		margin-top: -15px;
		text-align: left;
	}
	.box-basic__txt h4 {
		font-size: 24px;
		font-weight: normal;
		margin: 15px 0 25px 0;
		text-align: left;
	}
	.box-basic__txt .lst-dot {
		font-size: 16px;
	}
	.box-basic__txt .lst-dot li {
		margin-bottom: 5px;
	}
	.box-basic__txt .txt-note {
		font-size: 16px;
		text-align: left;
		margin-top: 40px;
	}
	.box-basic__title__desc {
		font-size: 18px;
		font-weight: bold;
	}
	.box-basic__img.middle {
		padding-top: 35px;
	}
	.bg-yellow .box-basic__txt {
		vertical-align: middle;
	}
	.box-basic--img {
		padding-bottom: 0;
	}
	.box-basic--img .box-basic__img {
		padding-right: 30px;
	}
}
/*2-1-3.  Table    [tbl-***]*/
.tbl-base{
	width: 100%;
	border: 0;
	font-size: 14px;
	border: 1px solid #ddd;
	border-collapse: collapse;
}
.tbl-base{
	text-align: left;
}
.tbl-base th{
	border-right: 1px solid #ddd;
	background-color: #f9f9f9;
	font-weight: normal;
}
.tbl-base tr{
	border-top: 1px solid #ddd;
}
.tbl-base th,
.tbl-base td{
	padding: 5px 10px;
	vertical-align: top;
	line-height: 1.8em;
}
.tbl-base thead th{
	background-color: #e1f3f8;
	text-align: center;
	color: #0097c2;
	padding: 5px 0;
}
.tbl-base tbody th{
	width: 25%;
}




/*2-1-4.  Headings [hdg_lv*]*/
.hdg-lv1{
	font-size: 24px;
	color: #0097c2;
	margin: 20px 0 10px;
	line-height: 1.1;
}
.hdg-lv2{
	font-size: 18px;
	color: #0097c2;
	margin:30px 0 6px;
}
.hdg-lv2--02{
	padding: 5px 30px 5px 20px;
	border-radius: 15px;
	text-align: center;
	font-weight: bold;
}
@media (min-width: 768px), print {
	.hdg-lv2--02{
		padding: 10px;
		font-size: 16px;
		border-radius: 30px;
	}
}
.hdg-lv3{
	font-size: 14px;
	color: #005bac;
	padding :10px 0;
	margin: 26px 0 13px;
}
.hdg-lv3--02{
	margin-bottom: 25px;
}
.hdg-lv3--03{
	font-size: 24px;
}
.hdg-lv4{
	font-size: 14px;
	color: #333;
	margin: 21px 0 8px;
}

.hdg-lv5 {
	margin-bottom: 10px;
}

/*2-1-5.  Nav      [nav-***]*/

.nav{
	display: table;
	table-layout: fixed;
}
.nav li{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.nav li a{
	padding: 10px;
	color: #333;
}
.nav li a:hover{
	color: #0066cc;
}

/* ----------------------------------------------- */
#breadcrumb {
	background: #f1f1f1;
	padding: 15px 0 10px;
}
.nav-breadcrumb li {
	display: inline-block;
	position: relative;
	font-size: 12px;
}
.nav-breadcrumb li:after {
	content: "〉";
	margin-left: 10px;
	color: #333;
}
.nav-breadcrumb li:last-child:after {
	display: none;
}
.nav-breadcrumb li:first-child {
	background: url("/seniorlife/common/images/icn-home01.png") no-repeat left top;
	padding-left: 28px;
	color: #0066cc;
}
@media screen and (max-width: 767px) {
	#breadcrumb {
		display: none;
	}
}

/*2-1-6.  List     [lst-***]*/
.lst-dot li{
	text-indent: -1em;
	padding-left: 1em;
}
.lst-dot li:before {
	content: "・";
}
/* ----------------------------------------------- */
.lst-note li:before {
	content: "※";
}
/* ----------------------------------------------- */
.lst-stick {
	padding-bottom: 20px;
}
.lst-stick li {
	padding-left: 20px;
}
.lst-stick li:before {
	content: "\e818";
	font-family: 'fontello';
	color: #d71518;
	padding-right: 5px;
	margin-left: -20px;
	display: inline-block;
}
@media (min-width: 768px), print {
	.lst-stick {
		font-size: 16px;
		padding-top: 50px;
	}
	.lst-stick li {
		margin-bottom: 5px;
	}
}
/* ----------------------------------------------- */
.lst-support {
	text-align: center;
	position: relative;
}
.lst-support li{
	display: inline-block;
	text-align: center;
	padding: 0 10px;
	margin-bottom: 10px;
}
.lst-support li a {
	color: #333;
}
.lst-support img{
	height: 40px;
	width: 40px;
}
.lst-support .lst-support__img{
	background: #fff;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	text-align: center;
	display: table;
	box-shadow: 0 1px 1px rgba(0,0,0,.2);
	line-height: 70px;
	margin: 0 auto;
	transition: all 0.3s ease 0s;
}
.lst-support a:hover .lst-support__img{
	box-shadow: 0 10px 20px 0 rgba(0,0,0,0.45)!important;
}
.lst-support .lst-support__img img{
	vertical-align: middle;
}
.lst-support__txt{
	font-size: 12px;
	margin-top: 10px;
}
.section-support .lst-support__img span {
	line-height: 1;
	font-size: 8px;
	display: block;
	padding-top: 13px;
	margin-bottom: 3px;
}
.section-support .lst-support__img {
	line-height: 0;
}
.section-support .lst-support__img span {
	line-height: 1;
	font-size: 8px;
	display: block;
	padding-top: 13px;
	margin-bottom: 5px;
}
.section-support .lst-support__img img {
	height: 30px;
	width: 30px;
}
@media screen and (max-width: 767px) {
	#top #main-visual {
		overflow: hidden;
	}
	.section-support .lst-support {
		z-index: 99;
		left: 0;
		right: 0;
		width: 300px;
		height: 140px;
		margin: 0 auto;
	}
	.section-support .lst-support li {
		position: absolute;
		width: 75px;
		padding: 0;
		margin: 0;
	}
	.section-support .lst-support #safety {
		top: 0;
		left: 0;
	}
	.section-support .lst-support #security {
		top: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	.section-support .lst-support #facility {
		top: 0;
		right: 0;
	}
	.section-support .lst-support #emergency {
		bottom: 0;
		left: 60px;
	}
	.section-support .lst-support #helpline {
		bottom: 0;
		right: 60px;
	}
	.section-support .lst-support__img {
		width: 75px;
		height: 75px;
	}
}
@media (min-width: 768px), print {
	.lst-support .lst-support__img{
		width: 140px;
		height: 140px;
		line-height: 140px;
	}
	.lst-support img{
		height: 80px;
		width: 80px;
	}
	.lst-support li{
		padding-left: 0;
		padding-right: 50px;
		margin-bottom: 30px;
	}
	.lst-support li:last-child{
		padding: 0;
	}
	.lst-support__txt{
		font-size: 16px;
		margin-top: 15px;
	}
	.section-support .lst-support {
		z-index: 99;
	}
	.section-support .lst-support li {
		padding: 0 8px;
	}
	.section-support .lst-support .lst-support__img {
		line-height: 0;
		width: 150px;
		height: 150px;
	}
	.section-support .lst-support .lst-support__img span {
		display: block;
		line-height: 1.3;
		padding-top: 25px;
		font-size: 15px;
	}
	.section-support .lst-support img {
		height: 60px;
		width: 60px;
	}
}

/* ----------------------------------------------- */

.lst-case li {
	margin-bottom: 10px;
}

.lst-case li:last-child .box-case {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}
.box-case__img {
	text-align: center;
	margin-bottom: 15px;
}
.box-case__img img {
	width: 200px;
	height: auto;
}
.box-case__title {
	font-size: 18px;
	color: #06c;
	text-align: center;
	margin-bottom: 10px;
	font-weight: normal;
}
.box-case__title .icon{
	margin-left: 10px;
}
.box-case__txt p {
	margin-bottom: 20px;
}
.box-case__txt{
	text-align: left;
}
.box-case__txt p:last-child {
	margin-bottom: 15px;
}
.box-case__btn {
	text-align: center;
}
.lst-case {
	width: 300px;
	margin: 0 auto;
}
.lst-case li h2,
.lst-case li a {
	display: block;
	height: 300px;
	text-indent: -9999px;
	font-size: 0;
}
.lst-case .case01 h2 {
	background: url(/seniorlife/case/images/case-pct01-sp.png) no-repeat center;
	background-size: 300px auto;
}
.lst-case .case02 h2 {
	background: url(/seniorlife/case/images/case-pct02-sp.png) no-repeat center;
	background-size: 300px auto;
}
@media (min-width: 768px), print {
	.lst-case {
		width: 100%;
	}
	.lst-case .box-case__title,
	.lst-case .box-case__btn{
		text-align: left;
	}
	.box-case__content,
	.box-case__img{
		display: table-cell;
		vertical-align: top;
	}
	.box-case__img {
		padding-right: 20px;
	}
	.box-case__img img {
		width: 260px;
	}
	.box-case__title {
		font-size: 24px;
		margin: 0 0 20px;
	}
	.box-case__title .icon{
		margin-left: 12px;
	}
}
@media (min-width: 768px), print {
	.lst-case {
		margin-top: 30px;
	}
	.lst-case .case01 h2 {
		background: url(/seniorlife/case/images/case-pct01.png) no-repeat center;
	}
	.lst-case .case02 h2 {
		background: url(/seniorlife/case/images/case-pct02.png) no-repeat center;
	}
	.lst-case li {
		margin-bottom: 20px;
	}
	.lst-case li h2,
	.lst-case li a {
		display: block;
		height: 240px;
	}
}

/* ----------------------------------------------- */
.lst-flow {
	padding-bottom: 45px;
	margin-bottom: 15px;
	background: url("/seniorlife/common/images/icn-arrow01-sp.png") no-repeat center bottom;
	background-size: 149px auto;
}
.lst-flow li {
	background: url("/seniorlife/common/images/icn-arrow02-sp.png") no-repeat center bottom 5px;
	background-size: 36px auto;
	padding-bottom: 20px;
}
.lst-flow li:last-child {
	background: none;
	padding-bottom: 0;
}
@media (min-width: 768px), print {
	.lst-flow {
		background: url("/seniorlife/common/images/icn-arrow01-pc.png") no-repeat center bottom;
		padding-bottom: 60px;
		margin: 45px -10px 20px;
	}
	.lst-flow li {
		background: none;
		padding-bottom: 0;
	}
}

/* ----------------------------------------------- */
.lst-voice {
	margin-bottom: 0px;
	padding-bottom: 10px;
	margin-top: 50px;
}
.lst-voice li {
	margin-bottom: 40px;
}
.lst-voice li:last-child {
	margin-bottom: 10px;
}
@media (min-width: 768px), print {
	.lst-voice {
		margin-bottom: 20px;
		margin-top: 0;
	}
	.lst-voice li {
		margin-top: 72px;
		margin-bottom: 0;
	}
	.lst-voice li:last-child {
		margin-bottom: 35px;
	}
}
/* ----------------------------------------------- */
.lst-manga {
	overflow: hidden;
}
.lst-manga li {
	display: block;
	text-align: center;
}
.lst-manga:after, .lst-manga li:after {
	content: "";
	display: table;
	clear: both;
}
.lst-manga__pct {
	box-sizing: border-box;
}
@media (min-width: 768px), print {
	.lst-manga li {
		float: right;
	}
	.lst-manga li:nth-child(2n+1){
		clear: both;
	}
	.lst-manga li:after {
		content: "";
		display: table;
		clear: both;
	}
}
@media screen and (max-width: 767px) {
	.lst-manga__pct {
		width: 100%;
	}
}
/* ----------------------------------------------- */
.lst-feature {
	padding-bottom: 1px;
}
.lst-feature li {
	margin-bottom: 10px;
}
@media (min-width: 768px), print {
	.lst-feature li {
		margin-bottom: 20px;
	}
}

/* ----------------------------------------------- */
.lst-accomodation {
	padding-top: 20px;
}
.lst-accomodation li {
	margin-bottom: 10px;
}
.lst-accomodation li:last-child {
	margin-bottom: 0;
}

/* ----------------------------------------------- */
@media (min-width: 768px), print {
	.lst-lifestyle.wrp-grid {
		margin-left: -15px;
		margin-right: -15px;
	}
	.lst-lifestyle.wrp-grid li {
		padding: 0 15px;
	}
}

/* ----------------------------------------------- */
.lst-plan li {
	text-align: center;
	margin-bottom: 5px;
}
.lst-plan li .txt-phone {
	color: #005bac;
}
.lst-plan li .txt-phone em {
	font-size: 36px;
	font-family: 'Roboto',sans-serif;
	font-style: normal;
	line-height: 1;
}
@media (min-width: 768px), print {
	.lst-plan li {
		font-size: 18px;
	}
	.lst-plan li .txt-phone {
		font-size: 24px;
	}
	.lst-plan li .txt-phone em {
		font-size: 48px;
	}
}

/* ----------------------------------------------- */
.lst-transport {
	margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
	.lst-transport.wrp-grid {
		margin-left: -5px;
		margin-right: -5px;
	}
	.lst-transport > li {
		margin-bottom: 10px;
		padding: 0 5px;
	}
}
@media (min-width: 768px), print {
	.lst-transport {
		margin-bottom: 40px;
	}
	.lst-transport.wrp-grid {
		margin-left: -6px;
		margin-right: -6px;
	}
	.lst-transport > li {
		padding: 0 6px;
	}
}
/* ----------------------------------------------- */
.lst-price > li {
	margin-bottom: 10px;
}
.box-price {
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 5px;
	box-shadow: none;
}
.box-price__lead{
	table-layout: fixed;
	width: 100%;
	position: relative;
	display: table;
	margin-bottom: 10px;
}
.box-price__logo{
	display: table-cell;
	vertical-align: middle;
	width: 80px;
}
.box-price__title{
	font-size: 18px;
	border-bottom: 0;
	padding: 0;
	display: table-cell;
	vertical-align: middle;
	color: #005bac;
	font-weight: bold;
	line-height: 1.2;
}
.box-price__logo {
	width: 40px;
}
.box-price__logo img {
	width: 100%;
	height: auto;
}
.box-price__title small {
	display: block;
	font-size: 12px;
}
.box-price__title .box-price__title__sub {
	font-size: 12px;
	font-weight: normal;
}
.box-price__content > li {
	text-align: center;
	display: none;
}
.box-price__content > li + li {
	border-top: 1px solid #ddd;
	padding: 10px 0 0;
	margin-top: 10px;
}
.box-price__content > li:last-child {
	padding-bottom: 5px;
}
.box-price__content > li.is-visible {
	display: block;
}
.box-price__content > li.is-no-border {
	margin-top: 0;
}
.box-price__content h5 {
	font-weight: bold;
	margin: 5px 0 5px;
}
.box-price__content__title{
	border: 1px solid #ddd;
	background: #f0f5fb;
	text-align: center;
	padding: 2px 20px;
	margin: 10px 0;
	box-sizing: border-box;
}
.box-price__text{
	text-align: center;
}
.box-price__text span {
	display: block;
}
.box-price__text em{
	font-size: 18px;
	font-style: normal;
}
.box-price .icon-plus {
	color: #0066cc;
}
.box-price .txt-note {
	color: #666;
}
.box-price .btn {
	margin: 10px 0 0;
	padding: 10px 5px;
	font-size: 14px;
}
.box-price .btn .icon {
	margin-left: 5px;
}
.lst-price > li:last-child .txt-extra {
	text-align: left;
}
.box-price__text .box-price__icn {
	margin: -5px 0;
}
@media screen and (max-width: 767px) {
	.lst-price {
		padding-bottom: 50px;
	}
	.box-price__title .visible-sp {
		display: inline-block !important;
	}
	.lst-price > li:last-child {
		position: relative;
	}
	.lst-price > li:last-child .txt-extra {
		position: absolute;
		left: 0;
		bottom: -47px;
		right: 0;
		padding: 0 10px;
	}
	.lst-price > li:last-child .box-price__content li:last-child {
		padding-bottom: 0;
	}
}
@media (max-width: 331px) {
	.lst-price {
		padding-bottom: 65px;
	}
	.lst-price > li:last-child .txt-extra {
		bottom: -63px;
	}
}
@media (min-width: 632px) {
	.lst-price {
		padding-bottom: 35px;
	}
	.lst-price > li:last-child .txt-extra {
		bottom: -30px;
	}
}
@media (min-width: 768px), print {
	.lst-price{
		padding-bottom: 15px;
	}
	.box-price {
		padding: 14px 20px 20px;
		border: 1px solid #ddd;
		border-radius: 6px;
		box-shadow: none;
		overflow: hidden;
	}
	.box-price__lead{
		margin-bottom: 15px;
	}
	.box-price__logo {
		width: 80px;
	}
	.box-price__content > li:last-child {
		padding: 15px 0 0;
	}
	.box-price__content > li + li h5 {
		margin-top: 5px;
	}
	.box-price__title{
		font-size: 24px;
		line-height: 1.3;
	}
	.box-price__title small{
		font-size: 18px;
	}
	.box-price__title em{
		font-size: 12px;
	}
	.box-price__content h5 {
		margin: 15px 0 5px;
	}
	.box-price__content__title{
		padding: 8px 0 3px;
		margin-bottom: 13px;
		font-size: 12px;
	}
	.box-price__text em{
		font-size: 24px;
		font-weight: normal;
	}
	.box-price__text .box-price__icn {
		font-size: 18px;
		margin-top: 0;
	}
	.box-price__text span {
		display: block;
	}
	.box-price__note {
		margin-bottom: 18px;
	}
	.box-price__note li {
		font-size: 12px;
		color: #666;
	}
	.box-price .btn{
		margin-top: 15px;
		padding: 10px 25px;
	}
	.box-price .txt-note {
		font-size: 12px;
	}
}
.lst-note{
	font-size: 12px;
	color: #333;
}
@media (min-width: 768px), print {
	.lst-note{
		font-size: 14px;
	}
}
/*2-1-7.  Button   [btn-***]*/
.btn {
	box-sizing: border-box;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	border-radius: 2px;
	padding: 10px 25px;
	font-size: 14px;
	min-width: 160px;
}
.btn,
.btn-shadow{
	transition: all 0.3s ease 0s;
}
.btn:hover,.btn-shadow:hover{
	box-shadow: 0 10px 20px 0 rgba(0,0,0,0.45)!important;
}
.btn--medium{
	padding: 10px 25px;
}
.btn .icon{
	margin: 0 0 0 12px;
}
.btn--detail01{
	border: 1px solid #ddd;
}
.btn--detail02{
	background: #4d6476;
	color: #fff;
	box-shadow: 0 1px 1px rgba(0,0,0,.2);
	border: 1px solid #4d6476;
}
.btn--detail03{
	background: #F38E28;
	color: #fff;
	box-shadow: 0 1px 1px rgba(0,0,0,.2);
	border: 1px solid #F38E28;
}
.btn--detail02:visited,
.btn--detail03:visited,
.btn--detail02:hover,
.btn--detail03:hover{
	color: #fff;
}
@media (min-width: 768px), print {
	.btn {
		border-radius: 5px;
		font-size: 14px;
		padding: 10px 15px;
		min-width: 0;
	}
	.btn--medium{
		padding: 10px 20px;
		font-size: 18px;
	}
	.btn--detail02 {
		box-shadow: 0 1px 3px rgba(0,0,0,.2);
	}
}

/*2-1-8.  Anchor   [acr-***]*/

/*2-1-9.  Text     [txt-***]*/
.txt-copyright{
	font-size: 10px;
}
.txt-note {
	font-size: 12px;
	text-align: left;
}
.txt-normal {
	font-weight: normal;
	font-size: 14px;
}
.txt-bold {
	font-weight: bold;
}
.txt-head{
	font-size: 14px;
	margin: 20px 0 15px;
	display: block;
}
.txt-lead {
	text-align: center;
}
.txt-lightblue {
	color: #19afd2;
}
.txt-lead--01 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
	text-align: left;
	padding-top: 20px;
	line-height: 1.2;
}
.txt-case{
	margin-bottom: 15px;
}
.txt-spec{
	color: #e34f4d;
	font-weight: bold;
}
.txt-hosoku{
	font-size: 12px;
}
@media (min-width: 768px), print {
	.txt-copyright{
		font-size: 12px;
	}
	.txt-note {
		font-size: 14px;
		text-align: center;
	}
	.txt-head{
		font-size: 16px;
		text-align: center;
		margin: 40px 0 25px;
		line-height: 1.56;
	}
	.page-voice .txt-head{
		margin-bottom: 15px;
	}
	.txt-lead {
		font-size: 24px;
		padding-top: 25px;
	}
	.txt-lead--01 {
		font-size: 24px;
		text-align: center;
		padding-top: 35px;
		margin-bottom: 32px;
	}
	.txt-case{
		margin-bottom: 24px;
		text-align: center;
		line-height: 1.6;
		font-size: 16px;
	}
	.txt-hosoku{
		font-size: 14px;
	}
}
/*2-1-10. Icon     [icn-***]*/

/*2-1-11. Label    [lbl-***]*/
.lbl{
	padding: 2px 8px;
	border-radius: 10px;
	vertical-align: middle;
	line-height: 1;
	text-align: center;
	font-size: 12px;
	color: #fff;
	white-space: nowrap;
	background-color: #777;
}
.lbl--primary{
	background-color: #337ab7;
}
.lbl--success{
	background-color: #5cb85c;
}
.lbl--info{
	background-color: #5bc0de;
}
.lbl--warning{
	background-color: #f0ad4e;
}
.lbl--danger{
	background-color: #d9534f;
}
.lbl--red {
	background: #d71518;
}

/*2-1-12. Form     [frm-***]*/
::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder{
	color: #999;
	font-size: 16px;
}


/*2-1-13. Error    [err-***]*/


/*2-1-14. UI*/


/* 2-2. Utility
-------------------------------------------------- */
/*2-2-1. clearfix [ModernType]*/
#l-header:after,#l-container:after,#l-main:after,#l-sub:after,#l-footer:after,#l-footer__snav:after, .nav ul:after,.wrp-container:after,
.clearfix:after{
	display: block;
	clear: both;
	content: "";
}


/*2-2-2. margin,padding [mb10,pt20]*/
/* margin  */.m0{margin:0!important;}.m5{margin: 5px!important;}.m10{margin: 10px!important;}.m15{margin: 15px!important;}.m20{margin: 20px!important;}.m25{margin: 25px!important;}.m30{margin: 30px!important;}.m35{margin: 35px!important;}.m40{margin: 40px!important;}.m45{margin: 45px!important;}.m50{margin: 50px!important;}.m55{margin: 55px!important;}.m60{margin: 60px!important;}.m65{margin: 65px!important;}.m70{margin: 70px!important;}.m75{margin: 75px!important;}.m80{margin: 80px!important;}.m85{margin: 85px!important;}.m90{margin: 90px!important;}.m95{margin: 95px!important;}.m100{margin: 100px!important;}/* margin-top */.mt0{margin-top:0!important;}.mt5{margin-top: 5px!important;}.mt10{margin-top: 10px!important;}.mt15{margin-top: 15px!important;}.mt20{margin-top: 20px!important;}.mt25{margin-top: 25px!important;}.mt30{margin-top: 30px!important;}.mt35{margin-top: 35px!important;}.mt40{margin-top: 40px!important;}.mt45{margin-top: 45px!important;}.mt50{margin-top: 50px!important;}.mt55{margin-top: 55px!important;}.mt60{margin-top: 60px!important;}.mt65{margin-top: 65px!important;}.mt70{margin-top: 70px!important;}.mt75{margin-top: 75px!important;}.mt80{margin-top: 80px!important;}.mt85{margin-top: 85px!important;}.mt90{margin-top: 90px!important;}.mt95{margin-top: 95px!important;}.mt100{margin-top: 100px!important;}/* margin-right */.mr0{margin-right:0!important;}.mr5{margin-right: 5px!important;}.mr10{margin-right: 10px!important;}.mr15{margin-right: 15px!important;}.mr20{margin-right: 20px!important;}.mr25{margin-right: 25px!important;}.mr30{margin-right: 30px!important;}.mr35{margin-right: 35px!important;}.mr40{margin-right: 40px!important;}.mr45{margin-right: 45px!important;}.mr50{margin-right: 50px!important;}.mr55{margin-right: 55px!important;}.mr60{margin-right: 60px!important;}.mr65{margin-right: 65px!important;}.mr70{margin-right: 70px!important;}.mr75{margin-right: 75px!important;}.mr80{margin-right: 80px!important;}.mr85{margin-right: 85px!important;}.mr90{margin-right: 90px!important;}.mr95{margin-right: 95px!important;}.mr100{margin-right: 100px!important;}/* margin-bottom */.mb0{margin-bottom:0!important;}.mb5{margin-bottom: 5px!important;}.mb10{margin-bottom: 10px!important;}.mb15{margin-bottom: 15px!important;}.mb20{margin-bottom: 20px!important;}.mb25{margin-bottom: 25px!important;}.mb30{margin-bottom: 30px!important;}.mb35{margin-bottom: 35px!important;}.mb40{margin-bottom: 40px!important;}.mb45{margin-bottom: 45px!important;}.mb50{margin-bottom: 50px!important;}.mb55{margin-bottom: 55px!important;}.mb60{margin-bottom: 60px!important;}.mb65{margin-bottom: 65px!important;}.mb70{margin-bottom: 70px!important;}.mb75{margin-bottom: 75px!important;}.mb80{margin-bottom: 80px!important;}.mb85{margin-bottom: 85px!important;}.mb90{margin-bottom: 90px!important;}.mb95{margin-bottom: 95px!important;}.mb100{margin-bottom: 100px!important;}/* margin-left */.ml0{margin-left:0!important;}.ml5{margin-left: 5px!important;}.ml10{margin-left: 10px!important;}.ml15{margin-left: 15px!important;}.ml20{margin-left: 20px!important;}.ml25{margin-left: 25px!important;}.ml30{margin-left: 30px!important;}.ml35{margin-left: 35px!important;}.ml40{margin-left: 40px!important;}.ml45{margin-left: 45px!important;}.ml50{margin-left: 50px!important;}.ml55{margin-left: 55px!important;}.ml60{margin-left: 60px!important;}.ml65{margin-left: 65px!important;}.ml70{margin-left: 70px!important;}.ml75{margin-left: 75px!important;}.ml80{margin-left: 80px!important;}.ml85{margin-left: 85px!important;}.ml90{margin-left: 90px!important;}.ml95{margin-left: 95px!important;}.ml100{margin-left: 100px!important;}
/* padding */.p0{padding:0!important;}.p5{padding: 5px!important;}.p10{padding: 10px!important;}.p15{padding: 15px!important;}.p20{padding: 20px!important;}.p25{padding: 25px!important;}.p30{padding: 30px!important;}.p35{padding: 35px!important;}.p40{padding: 40px!important;}.p45{padding: 45px!important;}.p50{padding: 50px!important;}.p55{padding: 55px!important;}.p60{padding: 60px!important;}.p65{padding: 65px!important;}.p70{padding: 70px!important;}.p75{padding: 75px!important;}.p80{padding: 80px!important;}.p85{padding: 85px!important;}.p90{padding: 90px!important;}.p95{padding: 95px!important;}.p100{padding: 100px!important;}/* padding-top */.pt0{padding-top:0!important;}.pt5{padding-top: 5px!important;}.pt10{padding-top: 10px!important;}.pt15{padding-top: 15px!important;}.pt20{padding-top: 20px!important;}.pt25{padding-top: 25px!important;}.pt30{padding-top: 30px!important;}.pt35{padding-top: 35px!important;}.pt40{padding-top: 40px!important;}.pt45{padding-top: 45px!important;}.pt50{padding-top: 50px!important;}.pt55{padding-top: 55px!important;}.pt60{padding-top: 60px!important;}.pt65{padding-top: 65px!important;}.pt70{padding-top: 70px!important;}.pt75{padding-top: 75px!important;}.pt80{padding-top: 80px!important;}.pt85{padding-top: 85px!important;}.pt90{padding-top: 90px!important;}.pt95{padding-top: 95px!important;}.pt100{padding-top: 100px!important;}/* padding-right */.pr0{padding-right:0!important;}.pr5{padding-right: 5px!important;}.pr10{padding-right: 10px!important;}.pr15{padding-right: 15px!important;}.pr20{padding-right: 20px!important;}.pr25{padding-right: 25px!important;}.pr30{padding-right: 30px!important;}.pr35{padding-right: 35px!important;}.pr40{padding-right: 40px!important;}.pr45{padding-right: 45px!important;}.pr50{padding-right: 50px!important;}.pr55{padding-right: 55px!important;}.pr60{padding-right: 60px!important;}.pr65{padding-right: 65px!important;}.pr70{padding-right: 70px!important;}.pr75{padding-right: 75px!important;}.pr80{padding-right: 80px!important;}.pr85{padding-right: 85px!important;}.pr90{padding-right: 90px!important;}.pr95{padding-right: 95px!important;}.pr100{padding-right: 100px!important;}/* padding-bottom */.pb0{padding-bottom:0!important;}.pb5{padding-bottom: 5px!important;}.pb10{padding-bottom: 10px!important;}.pb15{padding-bottom: 15px!important;}.pb20{padding-bottom: 20px!important;}.pb25{padding-bottom: 25px!important;}.pb30{padding-bottom: 30px!important;}.pb35{padding-bottom: 35px!important;}.pb40{padding-bottom: 40px!important;}.pb45{padding-bottom: 45px!important;}.pb50{padding-bottom: 50px!important;}.pb55{padding-bottom: 55px!important;}.pb60{padding-bottom: 60px!important;}.pb65{padding-bottom: 65px!important;}.pb70{padding-bottom: 70px!important;}.pb75{padding-bottom: 75px!important;}.pb80{padding-bottom: 80px!important;}.pb85{padding-bottom: 85px!important;}.pb90{padding-bottom: 90px!important;}.pb95{padding-bottom: 95px!important;}.pb100{padding-bottom: 100px!important;}/* padding-left */.pl0{padding-left:0!important;}.pl5{padding-left: 5px!important;}.pl10{padding-left: 10px!important;}.pl15{padding-left: 15px!important;}.pl20{padding-left: 20px!important;}.pl25{padding-left: 25px!important;}.pl30{padding-left: 30px!important;}.pl35{padding-left: 35px!important;}.pl40{padding-left: 40px!important;}.pl45{padding-left: 45px!important;}.pl50{padding-left: 50px!important;}.pl55{padding-left: 55px!important;}.pl60{padding-left: 60px!important;}.pl65{padding-left: 65px!important;}.pl70{padding-left: 70px!important;}.pl75{padding-left: 75px!important;}.pl80{padding-left: 80px!important;}.pl85{padding-left: 85px!important;}.pl90{padding-left: 90px!important;}.pl95{padding-left: 95px!important;}.pl100{padding-left: 100px!important;}


/*2-2-3. Object-Oriented CSS [OOCSS]*/
.no-display{
	display: none;
}
.no-br{
	white-space: nowrap;
}
.no-line-height{
	line-height: 1!important;
}
.pull-left{
	float: left!important;
}
.pull-right{
	float: right!important;
}
.right{
	text-align: right!important;
}
.center{
	text-align: center!important;
}
.left{
	text-align: left!important;
}
.top{
	vertical-align: top!important;
}
.middle{
	vertical-align: middle!important;
}
.bottom{
	vertical-align: bottom!important;
}
.is-no-border {
	border: 0 !important;
}

/* for RWD */
.fluid-image{
	max-width: 100%;
	height: auto;
}
.visible-pc {
	display: none !important;
}
@media (min-width: 768px), print {
	.visible-pc {
		display: block !important;
	}
}
.visible-sp {
	display: block !important;
}
@media (min-width: 768px), print {
	.visible-sp {
		display: none !important;
	}
}

/* 2-2-4. Grid System [grid-***] */

.wrp-grid, .row{
	box-sizing: border-box;
}
.wrp-grid:after, .row:after{
	clear: both;
	content: " ";
	display: table;
}

.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12,
.grid-1--sp, .grid-2--sp, .grid-3--sp, .grid-4--sp, .grid-5--sp, .grid-6--sp, .grid-7--sp, .grid-8--sp, .grid-9--sp, .grid-10--sp, .grid-11--sp, .grid-12--sp{
	box-sizing: border-box;
	float: left;
}

/* Column Grid 0px - 767px
-----------------------------------------------------------------------------

col 1:    8.33333333333%
col 2:    16.6666666667%
col 3:    25.0%
col 4:    33.3333333333%
col 5:    41.6666666667%
col 6:    50.0%
col 7:    58.3333333333%
col 8:    66.6666666667%
col 9:    75.0%
col 10:    83.3333333333%
col 11:    91.6666666667%
col 12:    100%

----------------------------------------------------------------------------- */
@media (min-width: 0px) and (max-width: 767px){
	.wrp-grid{
		margin-left: -10px;
		margin-right: -10px;
	}
	.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12,
	.grid-1--sp, .grid-2--sp, .grid-3--sp, .grid-4--sp, .grid-5--sp, .grid-6--sp, .grid-7--sp, .grid-8--sp, .grid-9--sp, .grid-10--sp, .grid-11--sp, .grid-12--sp{
		width: 100%;
		padding: 0 10px;
	}
	.grid-1--sp{
		width: 8.33333%;
	}
	.grid-2--sp{
		width: 16.66667%;
	}
	.grid-3--sp{
		width: 25%;
	}
	.grid-4--sp{
		width: 33.3333333%;
	}
	.grid-5--sp{
		width: 41.66667%;
	}
	.grid-6--sp{
		width: 50%;
	}
	.grid-7--sp{
		width: 58.33333%;
	}
	.grid-8--sp{
		width: 66.66667%;
	}
	.grid-9--sp{
		width: 75%;
	}
	.grid-10--sp{
		width: 83.33333%;
	}
	.grid-11--sp{
		width: 91.66667%;
	}
	.grid-12--sp{
		width: 100%;
	}
}
/*  Column Grid 768px - Infinity
-----------------------------------------------------------------------------

col 1:    8.33333333333%
col 2:    16.6666666667%
col 3:    25.0%
col 4:    33.3333333333%
col 5:    41.6666666667%
col 6:    50.0%
col 7:    58.3333333333%
col 8:    66.6666666667%
col 9:    75.0%
col 10:    83.3333333333%
col 11:    91.6666666667%
col 12:    100%

----------------------------------------------------------------------------- */
@media (min-width: 768px), print {
	.wrp-grid{
		margin-left: -10px;
		margin-right: -10px;
	}
	.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12{
		padding: 0 10px;
	}
	.grid-1{
		width: 8.33333333333%;
	}
	.grid-2{
		width: 16.6666666667%;
	}
	.grid-3{
		width: 25%;
	}
	.grid-4{
		width: 33.3333333333%;
	}
	.grid-5{
		width: 41.6666666667%;
	}
	.grid-6{
		width: 50%;
	}
	.grid-7{
		width: 58.3333333333%;
	}
	.grid-8{
		width: 66.6666666667%;
	}
	.grid-9{
		width: 75%;
	}
	.grid-10{
		width: 83.3333333333%;
	}
	.grid-11{
		width: 91.6666666667%;
	}
	.grid-12{
		width: 100%;
	}
}


/* 2-2-5. WebFont [FontAwesome] */
@font-face {
	font-family: 'fontello';
	src: url('../fonts/fontello.eot?78730968');
	src: url('../fonts/fontello.eot?78730968#iefix') format('embedded-opentype'),
	url('../fonts/fontello.woff2?78730968') format('woff2'),
	url('../fonts/fontello.woff?78730968') format('woff'),
	url('../fonts/fontello.ttf?78730968') format('truetype'),
	url('../fonts/fontello.svg?78730968#fontello') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	margin-left: .2em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-zero:before { content: '\e800'; } /* '' */
.icon-docs:before { content: '\e801'; } /* '' */
.icon-heart-1:before { content: '\e802'; } /* '' */
.icon-resize-small:before { content: '\e803'; } /* '' */
.icon-link-ext:before { content: '\e804'; } /* '' */
.icon-twitter:before { content: '\e805'; } /* '' */
.icon-star-empty:before { content: '\e806'; } /* '' */
.icon-angle-double-down:before { content: '\e807'; } /* '' */
.icon-right-circle:before { content: '\e808'; } /* '' */
.icon-ok-circled:before { content: '\e809'; } /* '' */
.icon-cancel-circled:before { content: '\e80a'; } /* '' */
.icon-minus-circled:before { content: '\e80b'; } /* '' */
.icon-folder-open:before { content: '\e80c'; } /* '' */
.icon-folder-open-empty:before { content: '\e80d'; } /* '' */
.icon-clock:before { content: '\e80e'; } /* '' */
.icon-history:before { content: '\e80f'; } /* '' */
.icon-play-circled:before { content: '\e810'; } /* '' */
.icon-th-large:before { content: '\e811'; } /* '' */
.icon-subway:before { content: '\e812'; } /* '' */
.icon-build:before { content: '\e813'; } /* '' */
.icon-resize-full:before { content: '\e814'; } /* '' */
.icon-house:before { content: '\e815'; } /* '' */
.icon-left-circle:before { content: '\e816'; } /* '' */
.icon-up-circle:before { content: '\e817'; } /* '' */
.icon-ok:before { content: '\e818'; } /* '' */
.icon-plus-circled:before { content: '\e819'; } /* '' */
.icon-help-circled-1:before { content: '\e81a'; } /* '' */
.icon-search-1:before { content: '\e81b'; } /* '' */
.icon-camera-1:before { content: '\e81c'; } /* '' */
.icon-resize-full-alt:before { content: '\e81d'; } /* '' */
.icon-zoom-out:before { content: '\e81e'; } /* '' */
.icon-mobile:before { content: '\e81f'; } /* '' */
.icon-doc-text:before { content: '\e820'; } /* '' */
.icon-attention:before { content: '\e821'; } /* '' */
.icon-bookmark:before { content: '\e822'; } /* '' */
.icon-menu:before { content: '\e823'; } /* '' */
.icon-angle-left:before { content: '\e824'; } /* '' */
.icon-angle-up:before { content: '\e825'; } /* '' */
.icon-home:before { content: '\e826'; } /* '' */
.icon-location:before { content: '\e827'; } /* '' */
.icon-fee:before { content: '\e828'; } /* '' */
.icon-angle-double-left:before { content: '\e829'; } /* '' */
.icon-angle-double-up:before { content: '\e82a'; } /* '' */
.icon-star-1:before { content: '\e82b'; } /* '' */
.icon-child:before { content: '\e82c'; } /* '' */
.icon-facebook:before { content: '\e82d'; } /* '' */
.icon-pin:before { content: '\e82e'; } /* '' */
.icon-walk:before { content: '\e82f'; } /* '' */
.icon-down-circle:before { content: '\e830'; } /* '' */
.icon-info-circled:before { content: '\e831'; } /* '' */
.icon-mail:before { content: '\e832'; } /* '' */
.icon-comment:before { content: '\e833'; } /* '' */
.icon-zoom-in:before { content: '\e834'; } /* '' */
.icon-monitor:before { content: '\e835'; } /* '' */
.icon-file-pdf:before { content: '\e836'; } /* '' */
.icon-trash-empty:before { content: '\e837'; } /* '' */
.icon-tags:before { content: '\e838'; } /* '' */
.icon-calendar:before { content: '\e839'; } /* '' */
.icon-phone:before { content: '\e83a'; } /* '' */
.icon-angle-right:before { content: '\e83b'; } /* '' */
.icon-angle-down:before { content: '\e83c'; } /* '' */
.icon-spin1:before { content: '\e83d'; } /* '' */
.icon-direction:before { content: '\e83e'; } /* '' */
.icon-map:before { content: '\e83f'; } /* '' */
.icon-angle-double-right:before { content: '\e840'; } /* '' */
.icon-chat:before { content: '\e841'; } /* '' */
.icon-cancel:before { content: '\e842'; } /* '' */
.icon-plus:before { content: '\e843'; } /* '' */
.icon-minus:before { content: '\e844'; } /* '' */
/*2-2-6. Backgrounds [bg-***]*/
.bg-grey {
	background: #f1f1f1;
}
.bg-lightblue {
	background-color: #f0f5fb;
}
.bg-lightblue02 {
	background-color: #ecf5ff;
}
.bg-lightpink {
	background-color: #fbf0f1;
}
.bg-blue {
	background: #19afd2;
}
.bg-dark-blue {
	background: #0066cc;
}
.bg-neighborhood {
	position: relative;
	background: #19afd2;
	overflow-y: hidden;
}
.bg-neighborhood:before{
	content: '';
	left: 0;
	bottom: -32px;
	width: 100%;
	height: 100%;
	position: absolute;
	background: #19afd2 url("/seniorlife/common/images/mainvisual-bg01.jpg") repeat-x center bottom;
	background-size: auto 120px;
}
.bg-yellow {
	background-color: #fff6d2;
}
@media (min-width: 768px), print {
	.bg-neighborhood:before{
		bottom: -85px;
		background-size: auto;
	}
}
/*2-2-7. Font size [fs-***]*/
.fs-18 {
	font-size: 18px;
}
.fs-16 {
	font-size: 16px;
}
.fs-14 {
	font-size: 14px;
}
.fs-12 {
	font-size: 12px;
}



/* 2-3. State [is-***]
-------------------------------------------------- */
.is-open{
	display: block;
}
.is-error{
	background-color: #f9eceb;
}
.is-disabled{
	opacity: 0.45;
}
.is-show{
	visibility: visible;
	opacity: 1;
}


/* 2-4. OverLayerConfig [z-index]
-------------------------------------------------- */

/* 2-5. Project
-------------------------------------------------- */
#section-flow {
	color: #fff;
	padding: 15px 0;
}
#section-flow h3 {
	font-size: 18px;
	text-align: center;
	margin-bottom: 15px;
}
#section-flow .txt-lead {
	font-size: 18px;
}
@media (min-width: 768px), print {
	#section-flow {
		padding: 35px 0 20px;
	}
	#section-flow h3, #section-flow .txt-lead {
		font-size: 24px;
	}
}

/* ------------------------------------------------ */
#section-presentation {
	height: 200px;
	box-sizing: border-box;
	padding-top: 10px;
	overflow: hidden;
}
#section-presentation .wrp-container {
	text-align: center;
	position: relative;
}
#section-presentation h3 {
	margin-bottom: 15px;
}
.presentation__character {
	position: absolute;
}
.presentation__character--01 {
	left: 0px;
	bottom: -105px;
}
.presentation__character--02 {
	right: 5px;
	bottom: -106px;
}
@media screen and (max-width: 767px) {
	#section-presentation .wrp-container {
		width: 300px;
		margin: 0 auto;
	}
}
@media (min-width: 768px), print {
	#section-presentation {
		height: 300px;
		padding-top: 30px;
	}
	#section-presentation h3 {
		margin-bottom: 30px;
	}
	#section-presentation .btn {
		border-radius: 5px;
		box-shadow: 0 5px 4px rgba(0,0,0,.2);
		padding: 13px 42px;
	}
	.presentation__character {
		display: none;
	}
}

/* ------------------------------------------------ */
#section-lifestyle {
	padding: 20px 0 0;
}
@media (min-width: 768px), print {
	#section-lifestyle h3 {
		text-align: center;
		margin: 25px 0 35px;
	}
}

/* ------------------------------------------------ */
#section-service .txt-head {
	text-align: left;
	margin: 0 0 20px;
}

@media (min-width: 768px), print {
	#section-service {
		margin: 0;
		padding-top: 0;
	}
	#section-service .txt-head {
		margin: 0 0 40px;
	}
	#section-service .lst-support li {
		padding-right: 15px;
		margin-bottom: 40px;
	}
	#section-service .lst-support li:last-child {
		padding-right: 0;
	}
}
@media screen and (max-width: 767px) {
	#section-service .section-support {
		margin-bottom: 20px;
	}
}

/* ------------------------------------------------ */
#section-rent .hdg-lv2 {
	color: #333;
	font-size: 18px;
}
#section-rent .lst-transport {
	margin-top: 15px;
}
@media (min-width: 768px), print {
	#section-rent .hdg-lv2 {
		text-align: center;
		font-size: 24px;
		margin: 50px 0 35px;
	}
}

/* ------------------------------------------------ */

#section-faq .txt-head {
	margin-top: 0;
}
#section-faq #sub{
	margin-bottom: 40px;
}
.left-menu{
	display: block;
	width: 100%;
	margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
	#section-faq #sub{
		height: auto!important;
	}
	#section-faq .left-menu{
		position: static!important;
	}
}
.left-menu li{
	border-bottom: 1px solid #ddd;
	color: #0066cc;
	cursor: pointer;
	position: relative;
}
.left-menu li a{
	display: block;
	padding: 17px 15px 17px 0;
}
.left-menu li:first-child{
	border-top: 1px solid #ddd;
}
.left-menu li{
	background: url(/seniorlife/common/images/icn-arrow-down.png) no-repeat center right;
}
.faq-list li{
	margin-bottom: 20px;
}
.faq-list li dl dt {
	cursor: pointer;
	position: relative;
	display: table;
	width: 100%;
	background: #fff;
	padding: 8px 10px;
	box-sizing: border-box;
}
.faq-list li dl dd{
	padding: 8px 10px;
	box-sizing: border-box;
}
.faq-list__icon,
.faq-list__content,
.faq-list__arrow {
	display: table-cell;
	vertical-align: middle;
}
.faq-list__icon{
	width: 14px;
}
.faq-list__arrow{
	width: 25px;
	color: #005bac;
}
.faq-list__arrow:before{
	content: '\e819';
	font: normal normal normal 14px/1 fontello;
	font-size: 21px;
}
.is-active .faq-list__arrow:before{
	content: '\e80b';
}
.faq-list__content {
	padding: 0 15px;
}
.faq-list__bold{
	font-weight: bold;
	font-size: 12px;
}
.faq-title{
	font-size: 16px;
	color: #0066cc;
	font-weight: bold;
	margin-bottom: 10px;
}
.faq-description{
	font-size: 14px;
	margin: 2px 0 10px;
}
.block-faq{
	margin-bottom: 30px;
}
.js-accordion-content{
	display: none;
}
@media (min-width: 768px), print {
	#section-faq {
		padding: 30px 0;
	}
	#section-faq #sub{
		width: 220px;
		float: left;
	}
	#section-faq #main{
		width: 700px;
		float: left;
		margin-left: 40px;
	}
	.left-menu{
		width: 220px;
	}
	.faq-list li dl{
		padding: 30px 20px;
	}
	.faq-list li{
		margin-bottom: 20px;
	}
	.faq-list li dl dt {
		cursor: auto;
		position: relative;
		padding: 0 0 23px 0;
	}
	.faq-list li dl dt:after {
		content: '';
		background: none;
	}
	.faq-list li dl dd {
		padding: 0;
	}
	.faq-list__icon,
	.faq-list__content,
	.faq-list__arrow {
		display: table-cell;
		vertical-align: top;
	}
	.faq-list__arrow{
		display: none;
	}
	.faq-list__content {
		padding-left: 15px;
	}
	.faq-list__bold{
		font-weight: bold;
		font-size: 18px;
	}
	.faq-title{
		font-size: 24px;
		color: #0066cc;
		font-weight: bold;
		margin-bottom: 16px;
	}
	.faq-description{
		font-size: 14px;
		margin: 2px 0 10px;
	}
	.js-accordion-content{
		display: block!important;
	}
	.block-faq{
		margin-bottom: 60px;
	}
}
/* ------------------------------------------------ */
.seniorhouse .section01 .hdg-img {
	text-align: center;
	margin: 15px 0;
}
.seniorhouse .section01 p {
	margin-bottom: 15px;
}
.seniorhouse .section01 .img {
	text-align: center;
	padding: 5px 45px 0 0;
}
.seniorhouse .section01 .img {
	margin-bottom: 0;
}
@media (min-width: 768px), print {
	.section01 {
		padding-top: 25px;
	}
}

.section-step {
	margin: 15px 0 0;
	padding-bottom: 30px;
}
@media (min-width: 768px), print {
	.section-step {
		margin: 35px 0 0;
		padding-bottom: 60px;
	}
}



@media print {
	.section-step {
		margin: 35px 0 0;
		padding-bottom: 60px;
	}
}
@media print {
	#l-footer-contact.is-sticky {
		position: relative;
	}
	.l-header{
		position: relative;
	}
	#nav-global{
		display: none;
	}
	#l-main {
		padding-top: 0;
	}
}


