@charset "UTF-8";

/* Import CSS file. */

@import url('normalize.css');
@import url('skeleton.css');
@import url('common_livelycare.css');
@import url('../js/slick/slick-theme.css');
@import url('../js/slick/slick.css');


/* ----------------------------------------------
 header
 ------------------------------------------------*/

.header{
    position: fixed;
	top:0px;
    right: 0px;
    left: 0px;
    transition: all .3s;
    opacity: 1.0;
    letter-spacing: 0;
    /*background: rgba(249,248,244,1.00);*/
    z-index: 999;
}

.header .header_container{
    box-sizing: border-box;
    width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
    margin: 0 auto 10px;
    padding: 0;
}

.header .logo{
    width: 25%;
	transition: 0.3s;
}

.header h1{
    line-height: 1.0;
    font-size: 1rem;
	margin: 0;
}

.header .logo img{
	width: 100%;
    max-width: 250px;
}


/*global_menu*/

.pc_menu {
    width: 75%;
    display: flex;
    align-items: center;
	justify-content: flex-end;
}

.pc_menu p.nakagin{
	margin: 0 3em 0 0;
	font-size: clamp(10px, 1.0vw, 12px);
	letter-spacing: 0;
}

.pc_menu .global-navi .menu {
	display: flex;
	justify-content: flex-end;
	box-sizing: border-box;
	padding: 15px 0;
	margin-bottom: 0;
	font-size: clamp(10px, 1.0vw, 14px);
	list-style: none;
	transition: 0.3s;
}

.pc_menu .global-navi .menu li {
	position: relative;
	text-align: center;
	margin: 0 0 0 1.8em;
}

.pc_menu .global-navi .menu li a {
    box-sizing: border-box;
    line-height: 3.0rem;
    height: 3.0rem;
    padding: 0;
	letter-spacing: 0.01em;
	display: block;
	position: relative;
	color: #000;
 	text-decoration: none;
}



.pc_menu .global-navi .menu li a::before{
	content: "";
	position: absolute;
	z-index: -1;
	left: 0;
	bottom: 5px;
	width: 100%;
	height: 10px;
	background: #FFDCD2;
	transform: scale(0, 1);
	transition: 0.3s;
}

.pc_menu .global-navi .menu li a:hover::before{
	transform: scale(1);
	content: "";
	position: absolute;
	z-index: -1;
	left: 0;
	bottom: 5px;
	width: 100%;
	height: 10px;
	background: #FFDCD2;
	transition: 0.3s;
}

.pc_menu .global-navi .menu li.current-menu-item a::before,
.pc_menu .global-navi .menu li.current-menu-parent a::before{
	transform: scale(1);
	content: "";
	position: absolute;
	z-index: -1;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: #FFDCD2;
}

/*commingsoon*/

.pc_menu .global-navi .menu li.comingsoon a{
	color: rgba(0,0,0,0.30);
	pointer-events:none;
}
.pc_menu .global-navi .menu li.comingsoon a::before{
	content: "Comming Soon";
	position: absolute;
	z-index: 1;
	left: 0;
	bottom: -20px;
	background:rgba(0,0,0,0.00);
	font-size: clamp(8px, 1.0vw, 10px);
	white-space: nowrap;
	letter-spacing:-0.03em;
	width: 100%;
	height: 100%;
	transform: scale(1);
}


/*.thin*/
.header.thin{
	    background: rgba(249,248,244,0.80);
}

.header.thin .header_container {
    margin: 0 auto 5px;
}



/* ----------------------------------------------
 Footer
 ------------------------------------------------*/

.page #footer .pc_menu {
    width: calc(100% - 220px);
    border-top: none;
    border-bottom: none;
}

.page #footer .logo {
	width: 220px;
}


.page #footer .footer_menu_con {
	position: relative;
	display: flex;
	justify-content: space-between;
	width: 100%;
	align-items: center;
	margin-bottom: 20px;
}


.page #footer .footer_menu_con p{
	margin: 0;
}

.page #footer .footer_menu_con p.nakagin{
	margin: 0 3em 0 0;
	font-size: clamp(10px, 1.0vw, 12px);
	letter-spacing: 0;
}

.page #footer .pc_menu .global-navi .menu {
    padding: 0;
}

.page #footer .copyright{
	font-size: 12px;
	line-height: 1.0;
	padding: 0 0.5em;
}


@media (max-width: 834px) {
.header .header_container{
	height: 55px;
	margin: 0;
}	
	
.header .logo {
    width: 50%;
    transition: 0.3s;
}
	
.pc_menu {
	display: none;
}	
	

.page #footer .footer_menu_con {
    justify-content: center;
}	
.page #footer .copyright {
	text-align: center;
}	
	
}	


/*ハンバーガーメニュー 
------------------------------------------------*/

@media screen and (min-width:834px) {
  #nav-drawer{
    display:none;
  }	
}

#nav-drawer {
    width: 55px;
	height: 55px;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 9999;
	transition: all .3s;
}

#nav-drawer h1.sp{
  	position:relative;
    width: 60px;
    height: 60px;
}


#nav-drawer h1.sp img{
    opacity: 0;
    width: 100%;
    height: auto;
    transition: all .2s;
}



#sp_menu_list{
	display: flex;
	list-style: none;
	/*width:calc(95% - ((100% / 5)));*/
	width:calc(100% - 65px);
	margin: 0;
	box-sizing: border-box;
	align-items: flex-start;
    justify-content: space-between;
}

#sp_menu_list li{
	position: relative;
	width:calc(100% / 4);
	box-sizing: border-box;
	text-align: center;
	padding: 10px 0;
	margin: 0;
	line-height: 1.0;
}

#sp_menu_list li::before{
	white-space: pre;
    position: absolute;
	bottom: -15px;
	left: 0;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.3;
    text-align: center;
    width: 100%;
}


/*チェックボックス等は非表示に*/
#nav-drawer .nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
    display: inline-block;
	width:55px;
	/*width:calc((100% / 5) - 10px);*/
    height: 55px;
	/*background-color:#ffffff;*/
    vertical-align: middle;
    margin: 0;
    padding: 0;
    z-index: 9999;
    position: absolute;
	right: 0;
	top: 0;
}

#nav-open::before{
	content: 'MENU';
	color: #56534F;
	white-space: pre;
    position: absolute;
	bottom: 5px;
	left: 0;
	font-size: 10px;
    text-align: center;
    width: 100%;
}



/*ハンバーガーアイコン*/
#nav-open span, #nav-open span:before, #nav-open span:after {
    position: absolute;
    height: 3px;/*線の太さ*/
    width: 30px;/*長さ*/
    background: #56534F;
    display: block;
    content: '';
    cursor: pointer;
    bottom:40px;
    right: 50%;
	transform:translateX(50%);
    transition: all 0.3s;
}

#nav-open span:before {
    bottom: -8px;
    right: 0;
	transform:translateX(0);
}
#nav-open span:after {
    bottom: -16px;
    right: 0;
	transform:translateX(0);
}

/*アイコンのスペース*/
#nav-input:checked ~ #nav-open {
    background: #F5F4F2;
}

#nav-input:checked ~ #nav-open span {
    bottom:30px;
    background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
    transition: all 0.1s;
}

#nav-input:checked ~ #nav-open::before{
	color: #56534F
}

#nav-input:checked ~ #nav-open span::before {
    bottom: 0;
    transform: rotate(45deg);
    background: #56534F;
}

#nav-input:checked ~ #nav-open span::after {
    top: 0;
    transform: rotate(-45deg);
    background: #56534F;
}

/*閉じる用の薄黒カバー*/
#nav-close {
    display: none;/*はじめは隠しておく*/
    position: fixed;
    /*z-index: -1;*/
    z-index: 1;
    top: 0;/*全体に広がるように*/
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.90);
    opacity: 0;
    transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
    position: fixed;
    overflow: scroll;
    top: 0px;
    right: 0px;
    z-index: 9998;/*最前面に*/
    width: 80%;/*右側に隙間を作る*/
    height: 100vh;
    max-width: 330px;/*最大幅*/
	background-color: #F5F4F2;
    padding: 60px 30px 30px;
	box-sizing: border-box;
    transition: .3s ease-in-out;/*滑らかに表示*/
    -webkit-transform: translateX(100%);
    transform: translateX(100%);/*左に隠しておく*/
}


/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
    display: block;/*カバーを表示*/
    opacity: .8;
}

#nav-input:checked ~ #nav-content {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);/*中身を表示*/
    box-shadow: 3px 0 15px rgba(0,0,0,.20);
}


/*spnav*/
#nav-content .spnav ul.menu{
	list-style: none;
	font-size: 16px;
    margin-left: 0;
    margin-bottom: 0;
	border-bottom: 1px solid #A9A9A9;
}


#nav-content .spnav ul.menu li{
    position: relative;
	margin-bottom: 20px;
}

#nav-content .spnav ul.menu li a{
	display: block;
    color: #56534F;
	font-weight: 500;
}

#nav-content .spnav ul.menu li a:hover{
	color: #000;
}


/*commingsoon*/

#nav-content .spnav ul.menu li.comingsoon a{
	position: relative;
	color: rgba(0,0,0,0.30);
	pointer-events:none;
}

#nav-content .spnav ul.menu li.comingsoon a::before{
	content: "Comming Soon";
	position: absolute;
	z-index: 1;
	left: 100px;
	top: 8px;
	background:rgba(0,0,0,0.00);
	font-size: 12px;
	white-space: nowrap;
	letter-spacing:-0.01em;
	transform: scale(1);
}


/*contact_link*/
#nav-content .spnav ul.contact_link{
	list-style: none;
	margin: 20px 0 0;
}
#nav-content .spnav ul.contact_link li{
    position: relative;
	margin-bottom: 20px;
}

#nav-content .spnav ul.contact_link li.nakagin_sapporo{
	border-top: 1px solid #A9A9A9;
	padding: 40px 15% 0;
}



/* ----------------------------------------------
 livelycare HOME
 ------------------------------------------------*/

.page #home_billboard {
	position: relative;
	display: flex;
	justify-content: space-between;
	overflow: hidden;
	width: 100%;
	max-height: 720px;
	margin-top: 70px;
	margin-bottom: 80px;
	aspect-ratio: 5 / 3;
}


.page #home_billboard .left{
	position: relative;
	width: 60%;
	left: 0;
}

.page #home_billboard .left .photo{
	position: absolute;
	overflow: hidden;
	left: 0;
	z-index: 1;
	line-height: 0;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	height: 100%;
	width: 100%;
    opacity: 0;
}

.page #home_billboard .left .photo img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform:scale(2.03,2.03) translate(-50%, -50%);
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.page #home_billboard .left h2{
	position: absolute;
	top: 50%;
	right: 10%;
	transform: translate(0, -50%);
	margin: 0;
	z-index: 2;
	writing-mode: vertical-rl;
    letter-spacing: 0.2em;
    line-height: 2.0;
    font-weight: 700;
    font-size: clamp(18px, 2.0vw, 2.8rem);
}

.page #home_billboard .left h2 img{
	max-height: 360px;
}


.page #home_billboard .right{
	position: absolute;
	width:calc(40% - 40px);
	height: 100%;
	box-sizing: border-box;
	right: 0;
}

.page #home_billboard .right ul{
	position: absolute;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	height: calc(50% - 100px);
	top: 40px;
	list-style: none;
	margin: 20px auto 0;
	    opacity: 0;
}

.page #home_billboard .right li{
	text-align: center;
	width: 80%;
	max-width: 480px;
	margin: 0 auto 40px;
}

.page #home_billboard .right .photo{
	position: absolute;
	bottom: 0;
	right: -100px;
	overflow: hidden;
	line-height: 0;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	height: 50%;
	width: 100%;
    opacity: 0;
}


.page #home_billboard .right .photo img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 100%;
	width: 100%;
	object-fit: cover;
}




/*アニメーション*/
.page #home_billboard .left .photo.mv_home01 {
  animation: mv_home01 3.0s forwards;
	animation-delay: 1.0s;
}

@keyframes mv_home01 {
  0% {
    opacity: 0;
	left: -200px;
	top: 80px;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
	left: 0;
	top: 0;
  }
}

.page #home_billboard .left .photo.mv_home01 img,
.page #home_billboard .right .photo.mv_home02 img{
  animation: mv_home01img 3.0s forwards;
	animation-delay: 1.0s;
}

@keyframes mv_home01img {
  0% {
	transform:scale(1.50,1.50) translate(-50%, -50%);
  }

  100% {
	transform:scale(1.00,1.00) translate(-50%, -50%);
  }
}


.page #home_billboard .right .photo.mv_home02{
  animation: mv_home02 3.0s forwards;
animation-delay: 1.0s;
}

@keyframes mv_home02 {
  0% {
    opacity: 0;
	right: -100px;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
	right: 0;
  }
}

.page #home_billboard .right ul.mv_home03{
animation: mv_home03 2.0s forwards;
animation-delay: 3.0s;
}

@keyframes mv_home03 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


.page #home_billboard .left h2.smooth {
	position: absolute;
	top: 10%;
	right: 10%;
	transform: translate(0, 0%);
	margin: 0;
	box-sizing: border-box;
	z-index: 2;
	writing-mode: vertical-rl;
    letter-spacing: 0.2em;
    line-height: 2.0;
    font-weight: 700;
    font-size: clamp(16px, 2.0vw, 2.8rem);
  clip-path: inset(0 100% 0 0);
  display: inline-block;
  transition: 1.4s cubic-bezier(0.37, 0, 0.63, 1);
  transition-property: clip-path;
    max-height: 680px;
margin-top: 15px;
animation: mv_home04 2.0s forwards;
animation-delay: 4.0s;
}

@keyframes mv_home04 {
  0% {
  clip-path: inset(0 0 0 100%);
  }
  100% {
  clip-path: inset(0 0 0 0);
  }
}

/*タブレット表示------------------------------------------------*/

@media (max-width: 834px) {
	
.page #home_billboard{
	display: block;
	max-height: inherit;
	height: 90vh;
}	
	
.page #home_billboard .left {
	position: relative;
    width: 95%;
    height: 65vh;
	z-index: 1;
}
	
.page #home_billboard .left .photo{
position: relative;
    height: 65vh;
}	
	
.page #home_billboard .left h2.smooth{
	top:0;
	}
	
	
.page #home_billboard .right {
	width: 100%;
	display: flex;
	flex-direction: column-reverse;
    height: 55vw;
	top: 45%;
	z-index: 2;
}	
	
.page #home_billboard .right ul,
.page #home_billboard .right .photo {
    position: relative;
}	
.page #home_billboard .right .photo {
	width: 60%;
	height: 55%;
	margin-left: 40%;
	bottom: inherit;
	top: 0;
	right: 0;
	border: 15px solid #F9F8F4;
}	
	
.page #home_billboard .right ul {
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    height: calc(50% - 100px);
    top: 10px;
    list-style: none;
    margin: 0;
}

.page #home_billboard .right li {
    text-align: center;
    width: 45%;
}	
	

}

/*スマホ表示------------------------------------------------*/

@media (max-width: 480px) {
	
.page #home_billboard {
        height: 85vh;
	margin-bottom: 40px;
    }	
	
.page #home_billboard .left {
        height: 90vw;
    }	
	
.page #home_billboard .left .photo {
        position: relative;
        height: 90vw;
    }	
	
.page #home_billboard .left h2.smooth {
	font-size:14px;
	right: 5%;
    }	
	
.page #home_billboard .right {
        height: 50vh;
        top: 30%;
    }	
	
.page #home_billboard .right .photo {
        width: 60%;
        height: 40%;
        margin-left: 40%;
        border: 10px solid #F9F8F4;
    }	
	
.page #home_billboard .right ul {
    flex-direction: column;
	height: 40%;
	margin: 0;
}

.page #home_billboard .right li {
	width: 80%;
    margin: 10px auto;
}	
	
}



/*livelycare_about*/

.page #livelycare_about {
	margin-bottom: 120px;
}

.page #livelycare_about .container {
	padding: 40px 0;
	background-image: url("../img/livelycare/home/home_lively_intro_bg.png");
	background-position: 8px 8px;
	background-size: 40px;
}


.page #livelycare_about .livelycare_about_con {
	display: flex;
	justify-content: space-between;
	min-height: 520px;
	max-height: 720px;
	padding: 40px 20px;
}

.page #livelycare_about .livelycare_about_con .ttl_con{
	width: 180px;
	display: flex;
}

.page #livelycare_about .livelycare_about_con .ttl_con h3.anime-in{
	position: relative;
	-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
	margin: 0;
	letter-spacing: 0.2em;
	line-height: 2.0;
	font-weight: 700;
	font-size: clamp(18px, 2.0vw, 2.8rem);
transform: translatey(-40px);
  clip-path: inset(0 0 0 100%);
  display: inline-block;
  transition: 1.4s cubic-bezier(0.37, 0, 0.63, 1);
  transition-property: clip-path;
}


.page #livelycare_about .livelycare_about_con .ttl_con h3.anime-in.smooth-in{
animation: mv_home05 2.0s forwards;
animation-delay: 0.5s;
}

@keyframes mv_home05 {
  0% {
transform: translatey(-40px);
  clip-path: inset(0 0 0 100%);
  }
  100% {
transform: translatey(0);
  clip-path: inset(0 0 0 0);
  }
}


.page #livelycare_about .livelycare_about_con .livelycare_about_text{
	position: relative;
	width: calc(100% - 200px);
	background-image: url("../img/livelycare/home/home_lively_intro_photo.png");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	aspect-ratio: 5 / 3;
}

.page #livelycare_about .livelycare_about_con .livelycare_about_text.anime-in2 p{
	line-height: 2.0;
	font-size: clamp(16px, 1.5vw, 2.0rem);
	 transform: translate(0, 25%);
	 opacity: 0;
}

.page #livelycare_about .livelycare_about_con .livelycare_about_text.anime-in2.smooth-in2 p{
animation: mv_home06 2.0s forwards;
animation-delay: 2.0s;
}

@keyframes mv_home06 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}



/*タブレット表示------------------------------------------------*/

@media (max-width: 834px) {
	
.page #livelycare_about {
    margin-bottom: 80px;
}

}	



/*スマホ表示------------------------------------------------*/

@media (max-width: 480px) {
	
.page #livelycare_about .livelycare_about_con {
	flex-direction: column;
    justify-content: space-between;
    min-height: inherit;
    max-height: inherit;
	padding: 0 40px;
}	
	
.page #livelycare_about .livelycare_about_con .ttl_con,
.page #livelycare_about .livelycare_about_con .livelycare_about_text{
    width: 100%;
}	
	
.page #livelycare_about .livelycare_about_con .ttl_con h3.anime-in {
    position: relative;
    writing-mode: inherit;
    line-height: 1.8;
    font-size: clamp(16px, 2.0vw, 2.0rem);
    clip-path: inset(0 0 100% 0);
    transition: 1.4s cubic-bezier(0.37, 0, 0.63, 1);
    transition-property: clip-path;
}

@keyframes mv_home05 {
  0% {
transform: translatey(-20px);
  clip-path: inset(0 0 100% 0);
  }
  100% {
transform: translatey(0);
  clip-path: inset(0 0 0 0);
  }
}
	
.page #livelycare_about .livelycare_about_con .livelycare_about_text {
	padding-bottom: 35vw;
	background-position: center 20px;
}	
	
.page #livelycare_about .livelycare_about_con .livelycare_about_text.anime-in2 p {
	margin-top: 35vw;
}	
	
}



/*livelycare_about*/

.page #livelycare_nayami {
	position: relative;
	overflow: hidden;
	margin-bottom: 120px;
		background-image: url("../img/livelycare/common/lively_worries_bg03.png");
	background-position: bottom;
	background-size: 100% auto;
	background-repeat: no-repeat;
}

.page #livelycare_nayami .livelycare_nayami_con {

}

.page #livelycare_nayami .livelycare_nayami_con .ttl_con{
	text-align: center;
}

.page #livelycare_nayami .livelycare_nayami_con .ttl_con h2{
	font-weight: 500;
}

.page #livelycare_nayami .livelycare_nayami_illust{
	height: 840px;
	position: relative;
	margin-bottom: 80px;
}

.page #livelycare_nayami .livelycare_nayami_illust ul{
	position: relative;
	list-style: none;
	height: 100%;
}

.page #livelycare_nayami .livelycare_nayami_illust li{
	position: absolute;
	height: auto;
}

.page #livelycare_nayami .livelycare_nayami_illust li.voice01{
	top: clamp(5%, 25vw, 0%);
	left: 12%;
	z-index: 3;
	width: clamp(200px, 25vw, 320px);
	animation: yurayura3 10s linear infinite;
}

.page #livelycare_nayami .livelycare_nayami_illust li.voice02{
	top: clamp(5%, 25vw, 0%);
	right: 15%;
	z-index: 3;
	width: clamp(200px, 25vw, 325px);
	animation: yurayura1 5s linear infinite;
}

.page #livelycare_nayami .livelycare_nayami_illust li.voice03{
	top: calc(50% - 135px);
	left: 0;
	z-index: 2;
	width: clamp(275px, 25vw, 395px);
	animation: yurayura3 5s linear infinite;
}
.page #livelycare_nayami .livelycare_nayami_illust li.voice04{
	top: calc(50% - 135px);
	right: 0;
	z-index: 2;
	width: clamp(240px, 25vw, 350px);
	animation: yurayura3 10s linear infinite;
}
.page #livelycare_nayami .livelycare_nayami_illust li.voice05{
	bottom : clamp(0%, 25vw, -5%);
	left: 15%;
	z-index: 1;
	width: clamp(210px, 25vw, 320px);
	animation: yurayura3 10s linear infinite;
}
.page #livelycare_nayami .livelycare_nayami_illust li.voice06{
	bottom : clamp(5%, 25vw, 0%);
	right: 7%;
	z-index: 1;
	width: clamp(240px, 25vw, 350px);
	animation: yurayura3 8s linear infinite;
}

.page #livelycare_nayami .livelycare_nayami_illust li.voice07{
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 0;
	width: clamp(300px, 25vw, 360px);
}

@keyframes yurayura1 {
  0% , 100%{
      transform: rotate(1deg) translate(5px , 3px);
  }
  25%{
      transform: rotate(-1deg) translate(-5px , -7px);
  }
  50%{
      transform: rotate(-1deg) translate(0 , 0);
  }	
}

@keyframes yurayura2 {
  0% , 100%{
      transform: rotate(1deg) translate(5px , 10px);
  }
  25%{
      transform: rotate(-1deg) translate(-3px , -3px);
  }
  50%{
      transform: rotate(-1deg) translate(0 , 0);
  }	
}

@keyframes yurayura3 {
  0% , 100%{
      transform: rotate(1deg) translate(15px , 5px);
  }
  25%{
      transform: rotate(-1deg) translate(-7px , -5px);
  }
  50%{
      transform: rotate(-1deg) translate(0 , 0);
  }	
}


.page #livelycare_nayami .livelycare_nayami_book{
	width: 90%;
	max-width: 1030px;
	margin: 0 auto 80px;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.page #livelycare_nayami .livelycare_nayami_book .left{
	width: calc(62% - 40px);
}

.page #livelycare_nayami .livelycare_nayami_book .left h3{
	font-size: clamp(18px, 2.0vw, 2.6rem);
	margin-bottom: 40px;
	font-weight: 700;
}

.page #livelycare_nayami .livelycare_nayami_book .left p{
	font-size: clamp(16px, 1.5vw, 1.8rem);
	line-height: 2.0;
	margin-bottom: 0;
}

.page #livelycare_nayami .livelycare_nayami_book .right{
	width: 38%;
}

.page #livelycare_nayami .livelycare_nayami_book .right .photo{
	width: 64%;
	margin: 0 auto 10px;
}


.page #livelycare_nayami .bg_livelycare_nayami01{
	position: absolute;
	left: -10vw;
	bottom: 15%;
	z-index: -1;
}

.page #livelycare_nayami .bg_livelycare_nayami02{
	position: absolute;
	right: -10vw;
	top: 0;
	z-index: 1;
}


/*タブレット表示------------------------------------------------*/

@media (max-width: 834px) {
	
.page #livelycare_nayami .livelycare_nayami_illust {
    height: 80vh;
}	

}	


/*スマホ表示------------------------------------------------*/

@media (max-width: 480px) {
	
.page #livelycare_nayami {
    margin-bottom: 80px;
}	

.page #livelycare_nayami .bg_livelycare_nayami01,
.page #livelycare_nayami .bg_livelycare_nayami02 {
	width: 45vw;
	height: auto;
}	
	
.page #livelycare_nayami .livelycare_nayami_illust {
        height: 120vw;
}	
	
.page #livelycare_nayami .livelycare_nayami_illust li.voice01 {
    top: clamp(5%, 25vw, 0%);
    left: 3%;
    z-index: 3;
    width: 35vw;
}	
	
.page #livelycare_nayami .livelycare_nayami_illust li.voice02 {
    top: clamp(5%, 25vw, 0%);
    right: 3%;
    width: 35vw;
}	
	
.page #livelycare_nayami .livelycare_nayami_illust li.voice03 {
    top: calc(50% - 75px);
    left: -10%;
    width: 45vw;
}	
	
.page #livelycare_nayami .livelycare_nayami_illust li.voice04 {
    top: calc(50% - 50px);
    right: -10%;
    width: 40vw;
}
	
.page #livelycare_nayami .livelycare_nayami_illust li.voice05 {
    bottom: 0;
    left: 3%;
    z-index: 1;
    width: 35vw;
}	
	
.page #livelycare_nayami .livelycare_nayami_illust li.voice06 {
    bottom: 0;
    right: 3%;
    width: 40vw;
}	
	
.page #livelycare_nayami .livelycare_nayami_illust li.voice07 {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
    width: 50vw;
}	

	
/*nayami_book*/	
.page #livelycare_nayami .livelycare_nayami_book {
    width: 100%;
	flex-direction: column;
}	
	
.page #livelycare_nayami .livelycare_nayami_book .left,
.page #livelycare_nayami .livelycare_nayami_book .right{
    width: 100%;
}	
	
.page #livelycare_nayami .livelycare_nayami_book .left h3 {
	text-align: center;
    margin-bottom: 20px;
}	
	
.page #livelycare_nayami .livelycare_nayami_book .left p {
    line-height: 1.8;
    margin-bottom: 20px;
}	
	
	
}	



/*livelycare_area*/

.page #livelycare_area {
	margin-bottom: 120px;
}

.page #livelycare_area .livelycare_area_con {
	width: 90%;
	max-width: 840px;
	margin: 0 auto;
}

.page #livelycare_area .livelycare_area_con .ttl_con{
	text-align: center;
}

.page #livelycare_area .livelycare_area_con .ttl_con h2{
	margin-bottom: 40px;
	font-weight: 700;
}

.page #livelycare_area .livelycare_area_list p{
	text-align: center;
	margin-bottom: 40px;
}

.page #livelycare_area .livelycare_area_list .area_list_con{
	display: flex;
	justify-content: space-between;
}

.page #livelycare_area .livelycare_area_list .area_list_single{
	width: 48%;
	text-align: center;
	box-sizing: border-box;
	background-color: #fff;
	border: 1px solid #3A3937;
	padding: 30px;
	border-radius: 30px;
}

.page #livelycare_area .livelycare_area_list .area_list_single h3{
	font-size: clamp(16px, 2.0vw, 2.4rem);
	line-height: 1.0;
}

.page #livelycare_area .livelycare_area_list .area_list_single .tel{
	margin-bottom: 10px;
}

.page #livelycare_area .livelycare_area_list .area_list_single .time{
	margin-bottom: 0;
}




@media (max-width: 480px) {
	
.page #livelycare_area {
    margin-bottom: 80px;
}	
	
.page #livelycare_area .livelycare_area_list p{
	text-align: left;
}
	
.page #livelycare_area .livelycare_area_list .area_list_con {
	flex-direction: column;
}	
	
.page #livelycare_area .livelycare_area_list .area_list_single {
    width: 100%;
    padding: 20px;
    border-radius: 20px;
	margin-bottom: 20px;
}	
	
}





/* ----------------------------------------------
 livelycare page_billboard
 ------------------------------------------------*/

.page #page_billboard {
	position: relative;
	display: flex;
	justify-content: space-between;
	overflow: hidden;
	width: 100%;
	max-height: 300px;
	margin-top: 70px;
	margin-bottom: 120px;
	aspect-ratio: 3 / 1;
}

.page #page_billboard .left{
	position: relative;
	width: 60%;
	left: 0;
}

.page #page_billboard .left .photo{
	position: absolute;
	overflow: hidden;
	left: 0;
	z-index: 1;
	line-height: 0;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	height: 100%;
	width: 100%;
}

.page.kankeisya #page_billboard .left .photo::after{
	width: 65%;
	background-color:#67ACCA;
}

.page #page_billboard .left .photo img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 100%;
	width: 100%;
	object-fit: cover;
}


.page #page_billboard .left h2{
	position: absolute;
	top: 50%;
	left: 15%;
	color: #fff;
	transform: translate(0, -50%);
	margin: 0;
	z-index: 3;
    opacity: 0;
}

#page_billboard .left h2.mvfade {
  animation: mv_fadein 1s forwards;
	animation-delay: 2.0s;
}
@keyframes mv_fadein {
  0% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

.page #page_billboard .right{
	position: relative;
		display: flex;
	    align-items: center;
	width:calc(40% - 40px);
	height: 100%;
	box-sizing: border-box;
	right: 0;
}

.page #page_billboard .right ul{
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	width: 100%;
	height: 100%;
	list-style: none;
	margin: 0 auto 0;
}

.page #page_billboard .right li{
	text-align: center;
	width: 80%;
	max-width: 480px;
	margin: 0 auto;
}


.page #page_billboard .bg_green {
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(0, -50%);
	z-index: 2;
	height: 100%;
	width: 55%;
	border-top-right-radius: 150px;
	border-bottom-right-radius: 150px;
	background-color:rgb(72 109 55 / 65%);
	mix-blend-mode: normal;
	opacity: 0;
}

.page.kankeisya #page_billboard .bg_green {
	width: 65%;
	background-color:#67ACCA;
	background-color:rgb(1 116 164 / 65%);
	mix-blend-mode: normal;
	z-index: 2;
}

.bg_green.slidein {
  animation: slidein 1s forwards;
	animation-delay: 1.2s;
}
@keyframes slidein {
  0% {
	transform: translate(-100%, 0);
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
	transform: translate(0, 0);
  }
}
 
/*ページ共通背景*/

.page main{
position: relative;	
}

.page main #bg_left{
position: absolute;	
left: 0;
top: 300px;
width: 30vw;
height: 100%;
border-top-right-radius: 235px;
z-index: -10;
}

.page.kyotaku main #bg_left,
.page.houmon main #bg_left{
background-color: #ECF2E9;
}

.page.kankeisya main #bg_left{
background-color: #EAF0F3;
}


/*タブレット表示------------------------------------------------*/

@media (max-width: 834px) {
	
.page #page_billboard .left {
    width: calc(65% - 20px);
}	
	
.page #page_billboard .right {
    width: 35%;
}	
	
.page #page_billboard .left .photo img{
	transform: translate(-60%, -50%);
	height: 100%;
	width: auto;
}	
	
.page #page_billboard .left h2 {
    left: 10%;
	font-size: clamp(20px, 2.0vw, 2.4rem);
}	
	
.page #page_billboard .bg_green {
    width: 65%;
}	
	

}

/*スマホ表示------------------------------------------------*/

@media (max-width: 480px) {
	
.page #page_billboard {
	flex-direction: column;
	max-height: 80vw;
	aspect-ratio:inherit;
	margin-top: 60px;
	margin-bottom: 80px;
}
	
.page #page_billboard .left {
    width: 95%;
	height: 45vw;
}	
	
.page #page_billboard .left h2 {
    left: 5%;
}	
	
.page #page_billboard .left .photo img{
	transform: translate(-50%, -50%);
		height: 100%;
	width: 100%;
	object-fit: cover;
}		
	
.page #page_billboard .bg_green {
    width: 60%;
}	
	
.page #page_billboard .right {
	flex-direction: row;
    width: 100%;
}	
.page #page_billboard .right ul {
	margin-top: 20px;
}
	
.page #page_billboard .right li {
    width: 70%;
    margin: 0 auto 10px;
}	
	
	
	
}



/* ----------------------------------------------
 livelycare kyotaku
 ------------------------------------------------*/

/*kyotaku_about*/

.page #kyotaku_about {
	margin-bottom: 120px;
}

.page #kyotaku_about .ttl_con {
	text-align: center;
	margin-bottom: 80px;
}


.page #kyotaku_about .kyotaku_about_con {
	display: flex;
	justify-content: space-between;
}

.page #kyotaku_about .kyotaku_about_con .photo{
	width: 58%;
	border-radius: 30px;
	line-height:0;
	overflow: hidden;
}

.page #kyotaku_about .kyotaku_about_text{
	width: 38%;
	display: flex;
	flex-direction: column;
    justify-content: center;
}

.page #kyotaku_about .kyotaku_about_text .icon_con{
	text-align: center;
	padding: 20px;
	margin-bottom: 20px;
	background-image: url("../img/livelycare/kyotaku/bg_circle.png");
	background-repeat: no-repeat;
	background-position: 60% 100%;
}

.page #kyotaku_about .kyotaku_about_text .icon_con img{
	width: 25%;
	height: auto;
}

.page #kyotaku_about .kyotaku_about_text h3{
	padding: 10px;
	text-align: center;
	color: #fff;
	background-color: #88A878;
	border-radius: 10px;
}

.page #kyotaku_about .kyotaku_about_text p{
	line-height: 2.0;
	margin-bottom: 0;
}



/*kyotaku_support*/

.page #kyotaku_support {
	position: relative;
	margin-bottom: 80px;
}

.page #kyotaku_support .ttl_con {
	text-align: center;
	margin-bottom: 80px;
}

.page #kyotaku_support .kyotaku_support_con {
	display: flex;
	flex-direction: column;
	align-items:center;
	max-width: 680px;
	margin: 0 auto 80px;
}

.page #kyotaku_support .support_exmple{
	margin: 0 auto 80px;
}

.page #kyotaku_support .support_exmple h3{
	text-align: center;
}

.page #kyotaku_support .kyotaku_support_con .list_con{
	display: inline-block;
}

.page #kyotaku_support .support_exmple ul{
	list-style: none;
	font-size: clamp(16px, 1.5vw, 2.0rem);
	color: #DB6C76;
	margin-bottom: 10px;
}

.page #kyotaku_support .support_exmple .cauton{
	font-size: clamp(14px, 1.5vw, 1.6rem);
	text-align: center;
	margin-bottom: 10px;
}

.page #kyotaku_support .support_exmple .cauton a{
	color: #DB6C76;
}


.page #kyotaku_support .support_exmple .list_pdf{
	list-style: none;
	display: flex;
    flex-direction: column;
	justify-content: space-between;
	font-size: clamp(14px, 1.5vw, 1.6rem);
	color: #56534F;
}

.page #kyotaku_support .support_exmple .list_pdf li{
	display: flex;
    align-items: center;
    justify-content: center;
}


.page #kyotaku_support .support_exmple .list_pdf li:first-child{
	width: 100%;
	text-align: center;
	background-color: #E2E2E2;
}




.page #kyotaku_support .support_plan{
	max-width: 480px;
	padding: 30px;
	border: 1px solid #DB6C76;
	background-color: #fff;
	border-radius: 20px;
	margin: 0 auto;
}

.page #kyotaku_support .support_plan h3{
	padding: 10px;
	text-align: center;
	color: #fff;
	font-size: clamp(14px, 1.5vw, 1.6rem);
	background-color: #DB6C76;
	border-radius: 10px;
}

.page #kyotaku_support .support_plan p{
	line-height: 2.0;
	margin-bottom: 0;
}


.page #kyotaku_support img.bg_kyotaku_support{
	position: absolute;
	left: -3vw;
	bottom: -3vw;
	z-index: 1;
}



/*スマホ表示------------------------------------------------*/

@media (max-width: 480px) {
	
.page #kyotaku_about .ttl_con {
    margin-bottom: 40px;
}
	
.page #kyotaku_about .kyotaku_about_con {
	flex-direction: column;
}	
	
.page #kyotaku_about .kyotaku_about_con .photo {
    width: 100%;
    border-radius: 20px;
}	

.page #kyotaku_about .kyotaku_about_text {
    width: 100%;
}	
	
.page #kyotaku_about .kyotaku_about_text .icon_con {
    padding: 10px;
    margin-bottom: 0;
}	
	
	
.page #kyotaku_support .support_exmple .list_pdf{
	text-indent: inherit;
	padding-left: 0;
}

	
	
	
}	


/*kyotaku_area*/

.page #kyotaku_area{
	padding-bottom: 120px;
	background-image: url("../img/livelycare/common/lively_worries_bg03.png");
	background-position: center calc(100% + 220px);
	background-size: 100% auto;
	background-repeat: no-repeat;
}


.page #kyotaku_area .ttl_con {
	text-align: center;
	margin-bottom: 80px;
}

.page #kyotaku_area .kyotaku_area_con {
	display: flex;
	justify-content: space-between;
	max-width: 680px;
	margin: 0 auto;
}


.page #kyotaku_area .kyotaku_area_single{
	width: 45%;
	box-sizing: border-box;
	margin: 0 auto;
	border: 1px solid #3A3937;
	border-radius: 20px;
	padding: 20px;
	background-color: #fff;
	text-align: center;
}


.page #kyotaku_area .kyotaku_area_single h3{
	line-height: 1.0;
	margin-bottom: 20px;
}

.page #kyotaku_area .kyotaku_area_single h3 span{
	display: block;
}

.page #kyotaku_area .kyotaku_area_single p.area_text{
	line-height: 1.0;
	margin: 10px 0;
	padding-top: 10px;
	font-size: clamp(16px, 1.5vw, 2.0rem);
}


.page #kyotaku_area .kyotaku_area_single p.area_text span{
	padding: 0.3em 1.0em;
	margin: 0 0.3em;
	background-color: #3A3937;
	color: #fff;
	border-radius: 30px;
}



/*スマホ表示------------------------------------------------*/

@media (max-width: 480px) {
	
.page #kyotaku_about {
    margin-bottom: 80px;
}
	
.page #kyotaku_support .ttl_con {
    margin-bottom: 40px;
}	
	
.page #kyotaku_support .support_exmple ul {
	text-indent: -1.5em;
	padding-left: 1em;

}	
.page #kyotaku_support .support_exmple {
    margin: 0 auto 40px;
}	
.page #kyotaku_support .kyotaku_support_con {
    margin: 0 auto;
}	
	
.page #kyotaku_support img.bg_kyotaku_support {
	width: 50vw;
	height: auto;
    z-index: -1;
}	
	
.page #kyotaku_support {
    margin-bottom: 40px;
}	
	
.page #kyotaku_area {
    padding-bottom: 80px;
}	

.page #kyotaku_area .ttl_con {
	margin-bottom: 40px;
}

.page #kyotaku_area .kyotaku_area_con {
	flex-direction: column;
}	
	
.page #kyotaku_area .kyotaku_area_single {
    width: 90%;
	margin-bottom: 20px;
}	
	
	
}



/* ----------------------------------------------
 livelycare houmon
 ------------------------------------------------*/

/*共通*/

.page .houmon_service_ltd {
	position: relative;
	max-width: 840px;
	box-sizing: border-box;
	padding: 30px 20px 20px;
	margin: 0 auto 80px;
	background-color: #fff;
	border: 2px solid #E49B74;
	border-radius: 20px;
}

.page .houmon_service_ltd h3{
	position: absolute;
	top: -1em;
	left: -10px;
	display: inline-block;
	line-height: 1.0;
    padding: 10px 1em;
    text-align: center;
    color: #fff;
    background-color: #E39A74;
    border-radius: 10px;
}

.page .houmon_service_ltd p{
    text-align: center;
}

.page .houmon_service_ltd .list_con{
	display: flex;
	justify-content: space-between;
}

.page .houmon_service_ltd .list_con .photo{
	margin: 0 25px;
}



/*背景*/
.page.houmon #bg_bottom{
	position: absolute;	
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-image: url("../img/livelycare/houmon/houmon_bottom_bg.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position:center bottom;
	z-index: -9;
}



/*houmon_about*/

.page #houmon_about {
	margin-bottom: 120px;
}

.page #houmon_about .ttl_con {
	text-align: center;
	margin-bottom: 80px;
}


.page #houmon_about .houmon_about_con {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 120px;
}

.page #houmon_about .houmon_about_con .photo{
	width: 58%;
	border-radius: 30px;
	line-height:0;
	overflow: hidden;
}

.page #houmon_about .houmon_about_text{
	width: 38%;
	display: flex;
	flex-direction: column;
    justify-content: center;
}

.page #houmon_about .houmon_about_text .icon_con{
	text-align: center;
	padding: 20px;
	margin-bottom: 20px;
	background-image: url("../img/livelycare/kyotaku/bg_circle.png");
	background-repeat: no-repeat;
	background-position: 40% 100%;
}

.page #houmon_about .houmon_about_text .icon_con img{
	width: 25%;
	height: auto;
}

.page #houmon_about .houmon_about_text h3{
	padding: 10px;
	text-align: center;
	color: #fff;
	background-color: #88A878;
	border-radius: 10px;
}

.page #houmon_about .houmon_about_text p{
	line-height: 2.0;
	margin-bottom: 0;
}



.page #houmon_about .about_exmple h3{
	text-align: center;
	font-size: clamp(20px, 2.4vw, 3.0rem);
	margin-bottom: 40px;
}

.page #houmon_about .about_list_con {
	display: flex;
	justify-content: space-between;
	margin-bottom: 80px;
}

.page #houmon_about .about_list_con .about_list_single{
	width: 48%;
	box-sizing: border-box;
	background-color: #fff;
	border-radius: 30px;
	border: 1px solid #DB6C76;
	padding: 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: flex-start;
}

.page #houmon_about .about_list_single h4{
	width: 100%;
	padding: 10px;
	text-align: center;
	color: #fff;
	background-color: #DB6C76;
	border-radius: 10px;
}

.page #houmon_about .about_list_single01 .left,
.page #houmon_about .about_list_single01 .right{
	width: 48%;
}

.page #houmon_about .about_list_single02 .left{
	width: 38%;
}

.page #houmon_about .about_list_single02 .right{
	width: 58%;
}

.page #houmon_about .about_list_single .right p{
	margin-bottom: 10px;
}

.page #houmon_about .about_list_single .right ul{
	list-style: none;
	margin-bottom: 0;
}

.page #houmon_about .about_otherlist .about_otherlist_con {
	max-width: 780px;
	margin: 40px auto;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.page #houmon_about .about_otherlist .about_otherlist_con .houmon_pv_img{
	max-width: 360px;
	margin: 20px auto;
}




.page #houmon_about .about_otherlist_con .list_con{
	display: inline-block;
}

.page #houmon_about .list_con ul{
	list-style: none;
	font-size: clamp(16px, 1.5vw, 2.0rem);
	color: #DB6C76;
	margin-bottom: 10px;
}


.page #houmon_about .about_otherlist .caution {
	max-width: 780px;
    font-size: clamp(14px, 1.5vw, 1.6rem);
    margin: 10px auto;
	text-indent: -1em;
    padding-left: 2em;
}
.page #houmon_about .about_otherlist .caution.caution02 {
	text-align: center;
}



/*about_faq_con*/

.page #houmon_about .about_otherlist .about_faq_con{
	max-width: 840px;
	box-sizing: border-box;
	margin: 80px auto;
	padding: 80px;
	background-color: rgba(255,255,255,1.00);
	border-radius: 20px;
}


.page #houmon_about .about_faq_con dl.faq_list_single{
	margin-bottom: 40px;
	font-size: clamp(1.4rem, 2vw, 1.6rem);
	line-height: 1.8;
	text-align: justify;
}

.page #houmon_about .about_faq_con dl.faq_list_single:last-child{
	margin-bottom: 0;
}

.page #houmon_about .about_faq_con dl.faq_list_single dt{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}

.page #houmon_about .about_faq_con dl.faq_list_single dd{
	display: flex;
	justify-content: space-between;
	margin: 0;
}
.page #houmon_about .about_faq_con dl.faq_list_single .faq_icon{
	width: 50px;
}

.page #houmon_about .about_faq_con dl.faq_list_single dt p{
	box-sizing: border-box;
	width: calc((100% - 50px) - 40px);
	margin: 0;
}

.page #houmon_about .about_faq_con dl.faq_list_single dt p{
	font-weight: 500;
}

.page #houmon_about .about_faq_con dl.faq_list_single dd .answer{
	box-sizing: border-box;
	width: calc((100% - 50px) - 40px);
	margin: 0;
}

.page #houmon_about .about_faq_con dl.faq_list_single dd p{
	margin-bottom: 0;
}

.page #houmon_about .about_faq_con dl.faq_list_single dt span,
.page #houmon_about .about_faq_con dl.faq_list_single dd span{
	display: block;
	line-height: 50px;
	border-radius: 10px;
	font-size: clamp(1.3em, 2vw, 1.6em);
	text-align: center;
	color: #ffffff;
}

.page #houmon_about .about_faq_con dl.faq_list_single dt span{
	background-color: #8CC89A;
}

.page #houmon_about .about_faq_con dl.faq_list_single dd span{
	background-color: #DD938D;
}

.page #houmon_about .about_faq_con dl.faq_list_single dd table{
	margin: 10px 0;
}

.page #houmon_about .about_faq_con dl.faq_list_single dd table th,
.page #houmon_about .about_faq_con dl.faq_list_single dd table td{
	vertical-align: top;
	border-bottom: none;
	padding: 5px;
	font-weight: 400;
}

.page #houmon_about .about_faq_con dl.faq_list_single dd table td{
	padding-left: 2em;
	text-indent: -1em;
}


/*スマホ表示------------------------------------------------*/

@media (max-width: 480px) {

	

.page #houmon_about .about_otherlist .about_faq_con{
	margin: 40px auto;
	padding: 20px;
	border-radius: 10px;
}
	
	
.page #houmon_about .about_faq_con dl.faq_list_single .faq_icon{
	width: 36px;
}
	
.page #houmon_about .about_faq_con dl.faq_list_single dd{
	display: flex;
	justify-content: space-between;
	margin: 0;
}	
	
.page #houmon_about .about_faq_con dl.faq_list_single dt span,
.page #houmon_about .about_faq_con dl.faq_list_single dd span{
	line-height: 36px;
}	
	
.page #houmon_about .about_faq_con dl.faq_list_single dt p,
.page #houmon_about .about_faq_con dl.faq_list_single dd .answer{
	width: calc((100% - 36px) - 20px);
}	

.page #houmon_about .about_faq_con dl.faq_list_single p{
	margin: 0;
}	
	

.page #houmon_about .about_faq_con dl.faq_list_single dd table{
	margin: 10px 0;
}

.page #houmon_about .about_faq_con dl.faq_list_single dd table th,
.page #houmon_about .about_faq_con dl.faq_list_single dd table td{
	display: inline-block;
	padding: 2px;
}

.page #houmon_about .about_faq_con dl.faq_list_single dd table td{
	padding-left: 1em;
	text-indent: -1em;
}

}





.page #houmon_about .about_otherlist .list_pdf{
	max-width: 780px;
	margin: 40px auto 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	font-size: clamp(14px, 1.5vw, 1.6rem);
	color: #56534F;
}

.page #houmon_about .about_otherlist .list_pdf li{
	/*width: calc(50% - 10px);*/
	display: flex;
    align-items: center;
    justify-content: center;
}


.page #houmon_about .about_otherlist .list_pdf li:first-child{
	width: 100%;
	text-align: center;
	background-color: #E2E2E2;
}




/*houmon_about*/

.page #houmon_service {
	margin-bottom: 0;
}

.page .houmon_service_con {
	position: relative;
}

.page .houmon_service_con img.bg_houmon_support{
	position: absolute;
	left: -3vw;
	bottom: -3vw;
	z-index: -1;
}


.page #houmon_service .ttl_con {
	text-align: center;
	margin-bottom: 40px;
}


.page #houmon_service .support_plan {
	position: relative;
	max-width: 840px;
	box-sizing: border-box;
	padding: 30px 20px 20px;
	margin: 0 auto 80px;
	border: 2px solid #E49B74;
	border-radius: 20px;
}


.page #houmon_service .support_plan h3{
    font-size: clamp(16px, 2.0vw, 2.4rem);
}

.page #houmon_service .support_time {
	text-align: center;
	margin-bottom: 40px;
}

.page #houmon_service p.ttl{
	text-align: center;
	font-size: clamp(14px, 2.0vw, 1.8rem);
	margin-bottom: 20px;
}

.page #houmon_service .support_time ul{
	list-style: none;
	display: flex;
	justify-content: center;
	font-size: clamp(14px, 2.0vw, 1.8rem);
	margin-bottom: 10px;
}

.page #houmon_service .support_time li{
	margin: 0 1em;
}
.page #houmon_service .support_time p.caution{
	font-size: 12px;
}

.page #houmon_service .support_area_con {
	display: flex;
	justify-content: space-between;
}

.page #houmon_service .support_area_con .support__area_single{
    width: 45%;
    box-sizing: border-box;
    margin: 0 auto;
    border: 1px solid #3A3937;
    border-radius: 20px;
    padding: 20px;
    background-color: #fff;
    text-align: center;
}
.page #houmon_service .support_area_con .support__area_single h3 {
    line-height: 1.0;
    margin-bottom: 20px;
}
.page #houmon_service .support_area_con .support__area_single h3 span {
    display: block;
}
.page #houmon_service .support_area_con .support__area_single p.area_text {
    line-height: 1.0;
    margin: 10px 0;
    padding-top: 10px;
    font-size: clamp(16px, 1.5vw, 2.0rem);
}

/*lightbox調整*/
.page#livelycare.houmon p.more i{
	top: 0;
}




/*houmon_book*/


.page #houmon_book {
	margin-top: -200px;
	margin-bottom: 120px;
	padding-top: 200px;
    background-image: url(../img/livelycare/common/lively_worries_bg03.png);
    background-position: center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}


.page #houmon_book .livelycare_nayami_book{
	width: 90%;
	max-width: 1030px;
	margin: 0 auto 80px;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.page #houmon_book .livelycare_nayami_book .left{
	width: calc(70% - 80px);
}

.page #houmon_book .livelycare_nayami_book .left h3{
	font-size: clamp(16px, 2.0vw, 2.4rem);
	margin-bottom: 40px;
}

.page #houmon_book .livelycare_nayami_book .left p{
	font-size: clamp(16px, 1.5vw, 1.8rem);
	line-height: 2.0;
	margin-bottom: 0;
}
.page #houmon_book .livelycare_nayami_book .left ul{
	list-style: none;
	display: flex;
	justify-content: space-between;
	margin-bottom: 0;
}
.page #houmon_book .livelycare_nayami_book .left li{
	width: 48%;
	margin-bottom: 0;
}

.page #houmon_book .livelycare_nayami_book .right{
	width: 30%;
}

.page #houmon_book .livelycare_nayami_book .right .photo{
	width: 70%;
	margin: 0 auto 20px;
}

.page #houmon_book .livelycare_nayami_book .right p.more {
    position: relative;
    padding-right: 77px;
	margin-left: -15px;
    margin-bottom: 0;
    font-size: clamp(10px, 1.5vw, 1.6rem);
    text-align: center;
}





/*houmon_group*/

.page #houmon_group {
	margin-bottom: 0;
}

.page.kankeisya #kyotaku_area{
	padding-bottom: 120px;
	background:none;
}

.page .houmon_group_con {
	position: relative;
	padding: 100px;
	border-top: 8px solid #BDD3B2;
	border-left: 8px solid #BDD3B2;
	border-right: 8px solid #BDD3B2;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
}

.page #houmon_group .ttl_con {
	text-align: center;
	margin-bottom: 40px;
}

.page #houmon_group .group_list{
	display: flex;
	justify-content: space-between;
	margin-bottom: 0;
}

.page #houmon_group .group_list .group_list_single{
	width: 48%;
	overflow: hidden;
	border-radius: 20px;
	background-color: #fff;
	border: 1px solid #3A3937;
}

.page #houmon_group .group_list .group_list_single .text{
	padding: 20px 15% 30px;
}

.page #houmon_group .group_list .group_list_single h4{
	text-align: center;
	font-size: clamp(16px, 2.0vw, 2.4rem);
	margin-bottom: 40px;
}


.page #houmon_group .houmon_suport{
	position: relative;
	margin-bottom: 180px;
}

.page #houmon_group .houmon_suport .container{
	position: absolute;
	bottom: -100px;
	left: 50%;
	z-index: 1;
	transform: translate(-50%,0);
	height: calc(100% + 100px);
	padding: 100px;
	border-bottom: 8px solid #BDD3B2;
	border-left: 8px solid #BDD3B2;
	border-right: 8px solid #BDD3B2;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
}

.page #houmon_group .houmon_suport h3{
	text-align: center;
	font-size: clamp(20px, 2.4vw, 3.0rem);
}


/*houmon_suport_slide*/

.page #houmon_group .houmon_suport_slide{
	position: relative;
	z-index: 2;
}

.page #houmon_group .houmon_suport_slide .slide_single{
	border-radius: 30px;
	background-color: #fff;
	padding: 40px 80px;
	margin: 0 20px;
}

.page #houmon_group .houmon_suport_slide .slide_single h4{
	text-align: center;
	font-size: clamp(16px, 2.0vw, 2.0rem);
	margin-bottom: 30px;
}

.page #houmon_group .slide_single .slide_single_con{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.page #houmon_group .slide_single .slide_single_con .slide_txt,
.page #houmon_group .slide_single .slide_single_con .photo{
	width: 48%;
	margin-bottom: 0;
}
.page #houmon_group .slide_single .slide_single_con .photo{
	overflow: hidden;
	border-radius: 20px;
	line-height: 0;
}


/*slick*/

.page #houmon_group .houmon_suport_slide .prev,
.page #houmon_group .houmon_suport_slide .next{
	position: absolute;
	top: calc(50% - 30px);
	z-index: 99;
	color: #fff;
	background-color: #DB6C76;
	padding: 10px;
	height: 20px;
	width: 20px;
	line-height: 20px;
	text-align: center;
	border-radius: 40px;
    cursor: pointer;
	}


.page #houmon_group .houmon_suport_slide .slick-disabled{
	opacity: 0.0;
	}


.page #houmon_group .houmon_suport_slide .prev{
	right: 7vw;
}

.page #houmon_group .houmon_suport_slide .next{
	left: 7vw;
}

.page #houmon_group .houmon_suport_slide .slick-track {
  display: flex;
}
.page #houmon_group .houmon_suport_slide .slick-slide {
  height: auto !important;
}

.slick-dots li button:before {
    font-size: 12px;
}


/*タブレット表示------------------------------------------------*/

@media (max-width: 834px) {
	
.page #houmon_book .livelycare_nayami_book .left {
    width: calc(65% - 40px);
}	
	
.page #houmon_book .livelycare_nayami_book .right {
    width: 35%;
}	

.page .houmon_group_con {
	padding: 40px;
}

.page #houmon_group .houmon_suport_slide .slide_single {
    padding: 40px;
}	
	
	
}

/*スマホ表示------------------------------------------------*/

@media (max-width: 480px) {
	
.page #houmon_about {
    margin-bottom: 80px;
}	
	
.page #houmon_about .ttl_con {
    margin-bottom: 40px;
}	
	
.page #houmon_about .houmon_about_con {
	flex-direction: column;
    margin-bottom: 40px;
}	
	
.page #houmon_about .houmon_about_con .photo,
.page #houmon_about .houmon_about_text {
    width: 100%;
}	
	
.page #houmon_about .houmon_about_con .photo{
    border-radius: 20px;
}		
	
.page #houmon_about .houmon_about_text .icon_con {
    padding: 10px;
    margin-bottom: 10px;
}	

.page #houmon_about .about_list_con {
	flex-direction: column;
    margin-bottom: 40px;
}
	
.page #houmon_about .about_list_con .about_list_single {
	flex-direction: column;
    width: 100%;
    border-radius: 20px;
    padding: 20px;
	margin-bottom: 20px;
}
	
.page #houmon_about .about_list_single .left,
.page #houmon_about .about_list_single .right {
    width: 100%;
	box-sizing: border-box;
}	
	
	
.page #houmon_about .about_list_single h4 {
	box-sizing: border-box;
}	
	
.page #houmon_about .about_list_single .left .photo{
    width: 60%;
	margin: 0 auto 20px;
}		
	
	
.page #houmon_about .about_otherlist .about_otherlist_con {
	flex-direction: column;
}	
	
.page #houmon_about .about_otherlist .about_otherlist_con .list_con{
    width: 100%;
}		


.page #houmon_about .about_otherlist .caution {
	text-indent: -1em;
    padding-left: 1em;
}	
	
	
	
.page .houmon_service_ltd {
    margin: 0 auto 40px;
}	
	
.page .houmon_service_ltd .list_con {
	flex-direction: column;
}	
	
.page .houmon_service_ltd .list_con .photo {
    margin: 0 25px 20px;
}	
.page .houmon_service_ltd .list_con .photo:last-child {
    margin: 0 25px 0;
}		
	
	
.page #houmon_service .support_time ul {
	flex-direction: column;
}	
	
.page #houmon_service .support_area_con {
	flex-direction: column;
}	
	
.page #houmon_service .support_area_con .support__area_single {
    width: 90%;
	margin-bottom: 10px;
}	
	
.page #houmon_service .support_area_con .support__area_single:last-child {
	margin-bottom: 0;
}	
	
	
.page #houmon_book {
    margin-top: 0;
    margin-bottom: 80px;
    padding-top: 0;
}	
	
.page #houmon_book .livelycare_nayami_book {
    width: 90%;
    margin: 0 auto;
    position: relative;
	flex-direction: column-reverse;
}
	
.page #houmon_book .livelycare_nayami_book .left,
.page #houmon_book .livelycare_nayami_book .right {
    width: 100%;
	 align-items: center;
}	
.page #houmon_book .livelycare_nayami_book .right {
	margin-bottom: 40px;
}
	
.page #houmon_book .livelycare_nayami_book .left h3 {
    margin-bottom: 20px;
}	
.page #houmon_book .livelycare_nayami_book .left ul {
	flex-direction: column;
}
	
.page #houmon_book .livelycare_nayami_book .left li {
    width: 90%;
	margin: 0 auto 20px;
}	
	
.page #houmon_book .livelycare_nayami_book .left li:last-child {
	margin: 0 auto 0;
}		
	
/*houmon_group*/
	
.page .houmon_group_con {
    position: relative;
    padding: 30px;
}	

.page #houmon_group .ttl_con {
    margin: 0 auto 20px;
}
.page #houmon_group .houmon_suport .ttl_con {
	width: 80%;
}	
	
.page #houmon_group .ttl_con h2,
.page #houmon_group .ttl_con h3{
    font-size: 18px;
}	
	
.page #houmon_group .group_list {
	flex-direction: column;
}
.page #houmon_group .group_list .group_list_single {
    width: 100%;
	margin-bottom: 20px;
}
	
.page #houmon_group .houmon_suport {
    margin-bottom: 180px;
}	
	
.page #houmon_group .houmon_suport .container {
	width: 90%;
	margin: 0 auto;
    padding: 30px;
	bottom: -60px;
}
	
	
.page #houmon_group .houmon_suport_slide .slide_single {
    border-radius: 20px;
    background-color: #fff;
    padding: 30px 20px;
    margin: 0 10px;
}	
	
.page #houmon_group .slide_single .slide_single_con {
	flex-direction: column-reverse;
}	
.page #houmon_group .slide_single .slide_single_con .slide_txt,
.page #houmon_group .slide_single .slide_single_con .photo {
    width: 100%;
}	
	
.page #houmon_group .slide_single .slide_single_con .slide_txt {
	margin-bottom: 0;
}	
.page #houmon_group .slide_single .slide_single_con .photo {
	margin-bottom: 20px;
}	
	
	
.page .houmon_service_con img.bg_houmon_support {
	width: 45vw;
    bottom: -15vw;
}	
	
	
}




/* ----------------------------------------------
 livelycare kankeisya
 ------------------------------------------------*/


.page.kankeisya #bg_center{
	position: absolute;	
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url("../img/livelycare/kankeisya/kankeisya_histry_bg.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position:center 30%;
	z-index: -9;
}


/*kankeisya_about*/

.page #kankeisya_about {
	margin-bottom: 120px;
}

.page #kankeisya_about .ttl_con {
	text-align: center;
	margin-bottom: 80px;
}

.page #kankeisya_about .kankeisya_about_con p{
	text-align: center;
	line-height: 2.0;
}



/*kankeisya_precious*/

.page #kankeisya_precious {
	position: relative;
	margin-bottom: 120px;
}

.page #kankeisya_precious .ttl_con {
	text-align: center;
	margin-bottom: 80px;
}

.page #kankeisya_precious .kankeisya_precious_omoi {
	position: relative;
	background-color: #fff;
	border: 8px solid #EEB1B6;
	border-radius: 30px;
	overflow: hidden;
	padding: 40px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 25% auto;
	background-size: contain;
	margin-bottom: 40px;
}

.page #kankeisya_precious .kankeisya_precious_omoi.omoi01 {
	background-image: url("../img/livelycare/kankeisya/kankeisya_lively_img01.png");
}

.page #kankeisya_precious .kankeisya_precious_omoi.omoi02 {
	background-image: url("../img/livelycare/kankeisya/kankeisya_lively_img02.png");
}


.page #kankeisya_precious .kankeisya_precious_omoi h3{
	font-size: clamp(16px, 2.0vw, 2.4rem);
	text-align: center;
	margin-bottom: 40px;
}

.page #kankeisya_precious .kankeisya_precious_omoi ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	list-style: none;
	margin-left: calc(25% + 40px);
	box-sizing: border-box;
	margin-bottom: 0;
}

.page #kankeisya_precious .kankeisya_precious_omoi li{
	width: 48%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

.page #kankeisya_precious .kankeisya_precious_omoi li .number{
	width: 84px;
	height: 84px;
	line-height: 84px;
	margin-right: 20px;
	display: block;
	text-align: center;
	background-color: #F9EFF0;
	border-radius: 10px;
	color: #DB6C76;
	font-size: clamp(16px, 2.0vw, 5.2rem);
}
.page #kankeisya_precious .kankeisya_precious_omoi li .number{
	width: 84px;
	height: 84px;
	line-height: 84px;
	margin-right: 20px;
	display: block;
	text-align: center;
	background-color: #F9EFF0;
	border-radius: 10px;
	color: #DB6C76;
	font-size: clamp(24px, 3.6vw, 5.2rem);
	font-weight: 700;
}

.page #kankeisya_precious .kankeisya_precious_omoi li .text{
	width: calc(100% - 104px);
	font-size: clamp(14px, 2.0vw, 1.8rem);
}

.page #kankeisya_precious .bg_kankeisya_precious{
	position: absolute;
	left: -1vw;
	top: -5vw;
	z-index: -1;
}


/*kankeisya_histry*/

.page #kankeisya_histry {
	margin-bottom: 120px;
}

.page #kankeisya_histry .ttl_con {
	text-align: center;
	margin-bottom: 40px;
}

.page #kankeisya_histry .kankeisya_histry_con {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 90%;
	margin: 0 auto;
}

.page #kankeisya_histry .kankeisya_histry_con .left{
	width: calc(55% - 40px);
	line-height: 2.0;
}
.page #kankeisya_histry .kankeisya_histry_con .right{
	width: 45%;
}
.page #kankeisya_histry .kankeisya_histry_con .right .photo{
	border-radius: 20px;
	overflow: hidden;
	line-height: 0;
}




/*kankeisya_tradition*/

.page #kankeisya_tradition {
	position: relative;
	overflow: hidden;
	margin-bottom: 120px;
}


.page #kankeisya_tradition .kankeisya_tradition_intoro {
	text-align: center;
	padding: 80px;
	margin-bottom: 120px;
	background-image: url("../img/livelycare/kankeisya/kankeisya_tradition_intoro_bg.png");
	background-size: cover;
	aspect-ratio: 5 / 3;
}

.page #kankeisya_tradition .kankeisya_tradition_intoro p{
	line-height: 2.0;
}


.page #kankeisya_tradition .kankeisya_tradition_service {
	display: flex;
	justify-content: space-between;
    position: relative;
    align-items: center;
    margin: 0 0 120px;
    padding: 0 0 0 10vw;
}

.page #kankeisya_tradition .kankeisya_tradition_service.service01 .bg_kankeisya_tradition{
	position: absolute;
	right: -1vw;
	top: -5vw;
	z-index: -1;
}

.page #kankeisya_tradition .kankeisya_tradition_service.service02 .bg_kankeisya_tradition{
	position: absolute;
	left: -1vw;
	bottom: -8vw;
	z-index: -1;
}

.page #kankeisya_tradition .kankeisya_tradition_service.service01{
	flex-direction: row-reverse;
	padding: 0 10vw 0 0;
}


.page #kankeisya_tradition .kankeisya_tradition_service .right{
	position: relative;
	overflow: hidden;
	line-height: 0;
	width: 64%;
	z-index: 1;
}

.page #kankeisya_tradition .kankeisya_tradition_service.service01 .right{
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
}

.page #kankeisya_tradition .kankeisya_tradition_service.service02 .right{
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
}


.page #kankeisya_tradition .kankeisya_tradition_service .left{
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 36%;
	z-index: 2;
	padding: 50px;
	border-radius: 30px;
	aspect-ratio: 5 / 4;
	background-position: center;
	background-size: 40% auto;
	background-repeat: no-repeat;
	background-color: #80BFDA;
}

.page #kankeisya_tradition .kankeisya_tradition_service .left h3{
	text-align: center;
	background-color: #fff;
	padding: 10px;
	border-radius: 10px;
	margin-bottom: 40px;
}

.page #kankeisya_tradition .kankeisya_tradition_service.service01 .left{
	background-image: url("../img/livelycare/kankeisya/kankeisya_lively_icon01.png");
	margin-left: -50px;
}

.page #kankeisya_tradition .kankeisya_tradition_service.service02 .left{
	background-image: url("../img/livelycare/kankeisya/kankeisya_lively_icon02.png");
	margin-right: -50px;
}

.page #kankeisya_tradition .kankeisya_tradition_service.service01 .left h3{
	color: #67ACCA;
}

.page #kankeisya_tradition .kankeisya_tradition_service .left p.more{
	text-align: right;
}

.page #kankeisya_tradition .kankeisya_tradition_service .left p.more a{
	color: #FFF;
}

.page #kankeisya_tradition .kankeisya_tradition_service .left p.more i {
    position: absolute;
    top: calc(50% - 25px);
    z-index: 99;
    color: #DB6C76;
    background-color: #FFF;
    padding: 15px;
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 40px;
    cursor: pointer;
    margin-left: 1em;
}

.page #kankeisya_tradition .kankeisya_tradition_service .left p.more i.arrow::before,
.page #kankeisya_tradition .kankeisya_tradition_service .left p.more i.arrow::after {
    background-image: url(../img/livelycare/common/button_arrow.svg);
}




.page #kankeisya_tradition .support_plan {
	position: relative;
	max-width: 840px;
	box-sizing: border-box;
	padding: 30px 20px 20px;
	margin: 0 auto 80px;
	border: 2px solid #E49B74;
	border-radius: 20px;
}

.page #kankeisya_tradition .support_plan h3{
	text-align: center;
	    font-size: clamp(18px, 2.0vw, 2.6rem);
	font-weight: 700;
}

.page #kankeisya_tradition .support_time {
	text-align: center;
	margin-bottom: 40px;
}

.page #kankeisya_tradition p.ttl{
	text-align: center;
	font-size: clamp(14px, 2.0vw, 1.8rem);
	margin-bottom: 20px;
}

.page #kankeisya_tradition .support_time ul{
	list-style: none;
	display: flex;
	justify-content: center;
	font-size: clamp(14px, 2.0vw, 1.8rem);
	margin-bottom: 10px;
}

.page #kankeisya_tradition .support_time li{
	margin: 0 1em;
}
.page #kankeisya_tradition .support_time p.caution{
	font-size: 12px;
}

.page #kankeisya_tradition .support_area_con {
	display: flex;
	justify-content: space-between;
}

.page #kankeisya_tradition .support_area_con .support__area_single{
    width: 45%;
    box-sizing: border-box;
    margin: 0 auto;
    border: 1px solid #3A3937;
    border-radius: 20px;
    padding: 20px;
    background-color: #fff;
    text-align: center;
}
.page #kankeisya_tradition .support_area_con .support__area_single h3 {
    line-height: 1.0;
    margin-bottom: 20px;
}
.page #kankeisya_tradition .support_area_con .support__area_single h3 span {
    display: block;
}
.page #kankeisya_tradition .support_area_con .support__area_single p.area_text {
    line-height: 1.0;
    margin: 10px 0;
    padding-top: 10px;
    font-size: clamp(16px, 1.5vw, 2.0rem);
}



/*タブレット表示------------------------------------------------*/

@media (max-width: 834px) {
	
.page #kankeisya_precious .kankeisya_precious_omoi {
	padding: 20px;
	background-position: -10% center;
}

.page #kankeisya_precious .kankeisya_precious_omoi li {
    width: 100%;
}	
	
.page #kankeisya_precious .kankeisya_precious_omoi li .number {
    width: 44px;
    height: 44px;
    line-height: 44px;
	font-size: 20px;
}
	
.page #kankeisya_precious .kankeisya_precious_omoi li .text {
    width: calc(100% - 64px);
}	
	
	
.page #kankeisya_tradition .kankeisya_tradition_service .left {
    padding: 20px;
    border-radius: 20px;
}	
	
	
}
	
	
/*スマホ表示------------------------------------------------*/

@media (max-width: 480px) {

/*kankeisya_about*/
.page #kankeisya_about {
    margin-bottom: 80px;
}	
	
.page #kankeisya_about .ttl_con {
    margin-bottom: 40px;
}	
	
.page #kankeisya_about .kankeisya_about_con p {
    text-align: left;
}
	
	
/*kankeisya_precious*/
	
.page #kankeisya_precious {
    margin-bottom: 80px;
}
	
.page #kankeisya_precious .ttl_con {
    margin-bottom: 40px;
}	

.page #kankeisya_precious .kankeisya_precious_omoi {
    border-radius: 20px;
    overflow: hidden;
    padding: 20px;
    background-repeat: no-repeat;
    background-position: center 20px;
    background-size: calc(100% - 40px) auto;
    margin-bottom: 20px;
}
	
.page #kankeisya_precious .kankeisya_precious_omoi h3 {
	background-color: #fff;
	padding-bottom: 20px;
    margin-bottom: 20px;
}	
.page #kankeisya_precious .kankeisya_precious_omoi ul {
    margin: 200px 0 0 0;
	padding-top: 20px;
	background-color: #fff;
}
.page #kankeisya_precious .kankeisya_precious_omoi li {
    width: 100%;
    margin-bottom: 10px;
}	
	
.page #kankeisya_precious .kankeisya_precious_omoi li .number {
    width: 44px;
    height: 44px;
    line-height: 44px;
}	
	
.page #kankeisya_precious .kankeisya_precious_omoi li .text {
    width: calc(100% - 64px);
}	
	
	
.page #kankeisya_precious .bg_kankeisya_precious {
	width: 45vw;
}		
	
/*kankeisya_histry*/
	
.page #kankeisya_histry {
    margin-bottom: 80px;
}	
	
.page #kankeisya_histry .kankeisya_histry_con {
	flex-direction: column-reverse;
}

.page #kankeisya_histry .kankeisya_histry_con .left,
.page #kankeisya_histry .kankeisya_histry_con .right {
    width:100%;
}	
	
.page #kankeisya_histry .kankeisya_histry_con .right {
	margin-bottom: 20px;
}	

	
/*kankeisya_tradition*/
	
.page #kankeisya_tradition {
    margin-bottom: 80px;
}	

.page #kankeisya_tradition .kankeisya_tradition_intoro {
    padding: 20px 20px 220px 20px;
    margin-bottom: 80px;
	background-image: url(../img/livelycare/kankeisya/kankeisya_tradition_intoro_bg.png);
    background-size: cover;
	background-position: 75% bottom;
    aspect-ratio: 5 / 3;
}	

.page #kankeisya_tradition .kankeisya_tradition_intoro p{
	text-align: left;

}		
	
.page #kankeisya_tradition .kankeisya_tradition_service {
    flex-direction: column-reverse;
	width: 90%;
    margin: 0 auto 40px;
    padding: 0 ;
}	
	
.page #kankeisya_tradition .kankeisya_tradition_service .left{
	width: 100%;
	padding: 20px 20px 30px;
	border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
	box-sizing: border-box;
}	
	
.page #kankeisya_tradition .kankeisya_tradition_service .left h3 {
    margin-bottom: 20px;
}	
	
	
.page #kankeisya_tradition .kankeisya_tradition_service .right {
	width: 100%;
}		
	
	
.page #kankeisya_tradition .kankeisya_tradition_service.service01 {
    flex-direction: column-reverse;
    padding: 0 ;
}
	
.page #kankeisya_tradition .kankeisya_tradition_service.service01 .right,
.page #kankeisya_tradition .kankeisya_tradition_service.service02 .right {
    border-radius: 20px;
	margin-bottom: -20px;
}
	
.page #kankeisya_tradition .kankeisya_tradition_service.service01 .left {
    margin-left: 0;
}	

.page #kankeisya_tradition .kankeisya_tradition_service.service02 .left {
    margin-right: 0;
}	
	
.page #kankeisya_tradition .kankeisya_tradition_service.service01 .bg_kankeisya_tradition {
	width: 45vw;
	top: -20vw;
}	

	
.page.kankeisya #kyotaku_area {
    padding-bottom: 40px;
}	
	
.page #kankeisya_tradition .kankeisya_tradition_service.service02 .bg_kankeisya_tradition {
	width: 45vw;
	bottom: -20vw;
}	
	
.page #kankeisya_tradition .support_plan {
    margin: 0 auto;
}	
.page #kankeisya_tradition .support_time ul {
	flex-direction: column;
}
	
.page #kankeisya_tradition .support_area_con {
	flex-direction: column;
}	
	
.page #kankeisya_tradition .support_area_con .support__area_single {
    width: 100%;
	margin-bottom: 20px;
}
	
.page #kankeisya_tradition .support_area_con .support__area_single:last-child {
	margin-bottom: 0;
}	
	
}