@charset "UTF-8";


.block-title-01	{margin-bottom: 20px;color: var(--color-green-01);font-size: 1.5rem;font-weight: 500}
.block-title-01:before{content: '■ ';font-size: 1.3rem;}


.block-title-02	{margin-bottom: 60px;text-align: center;}
.block-title-02	span{padding: 10px;color: var(--color-green-01);border-bottom: 3px solid var(--color-green-01);font-size: 1.6rem;font-weight: 500}


#main	{}
#main	.pc{margin: 0;}
#main	.sp{margin: 0;display: none}

@media screen and (max-width:980px){
#main	.pc{display: none}
#main	.sp{display: block}
}


@media screen and (max-width:980px){
#main	{margin: 0 0 -20px;padding: 0;}
}

/*section01　ABOUT*/
.section01-bg	{padding: 50px 0;background: url(../image/02.png) no-repeat right;background-size: 48%}
.section01-bg	.sp{display: none}
.block-text-01	{margin: 0 55% 0 0}

@media screen and (max-width:980px){
.section01-bg	.cpadding {padding: 0 0 0}
.section01-bg	{margin: 0 0 0 0;padding:0;background:none}
.section01-bg	.sp{display: block;margin: 0}
.block-text-01	{margin: 0 0 30px 0}
}


/*section02　高齢者対応型賃貸マンション*/
.section02-bg	{margin: 30px 0 0 0;padding: 0;background: url(../image/03.png) no-repeat left top;background-size: 48%;}
.section02-bg	.sp{display: none}

.section02-bg	.inner-box {height: 650px;padding: 0;}
.block-text-02	{margin: 0% 0 auto 55%;padding-top: 12%;}

@media screen and (max-width:1680px){
.section02-bg	.inner-box {height: 550px;}
.block-text-02	{margin: 0 0 auto 55%;padding-top: 9%;}
}

@media screen and (max-width:1580px){
.section02-bg	.inner-box {height: 540px;}
}

@media screen and (max-width:1480px){
.section02-bg	{margin: 0;}
.section02-bg	.inner-box {height: 520px;}
.block-text-02	{margin: 0 0 auto 55%;padding-top: 7%;}
}

@media screen and (max-width:1380px){
.section02-bg	.inner-box {height: 490px;}
}

@media screen and (max-width:1280px){
.section02-bg	.inner-box {height: 460px;}
.block-text-02	{margin: 0% 0 auto 55%;padding-top: 5%;}
}

@media screen and (max-width:1180px){
.section02-bg	.inner-box {height: 430px;}
.block-text-02	{margin: 2% 0 auto 55%;padding-top:0}
}

@media screen and (max-width:980px){
.section02-bg	.inner-box {margin:0;padding:0;height: auto;}
.section02-bg	{margin:0;padding:0;background:none}
.section02-bg	.sp{display: block;margin: 0}
.block-text-02	{margin: 0 0 30px 0}
}


/*section03　住まい 介護 医療 食事*/


#section03{background: linear-gradient(180deg,
#fff 0%,  #fff var(--head-height),
 var(--color-green-02) var(--head-height),  var(--color-green-02) 100%);}

.details-block-wrap	{display: flex;flex-wrap: wrap;justify-content: space-between;padding: 50px 0 0 0;}
.details-block	{flex-basis: 48%;display: flex;margin-bottom: 4%;background: #fff;border-radius: 50px;padding: 50px 0 50px 10px;}
.details-block	.icon{flex-basis: 35%;}
.details-block	.text{flex-basis: 65%;}

.details-block	p{margin: 0}
.details-block	.icon{display:flex;justify-content: center;align-items: center;font-size: 25px;text-align: center;}
.details-block	.icon	span{display: block;text-align: center;}
.details-block	.icon	img{width: 60px;margin-bottom: 10px;}

.details-block	.text{padding-left: 30px;border-left: 1px solid var(--color-green-01)}

@media screen and (max-width: 1200px){
#section03{background: linear-gradient(180deg,
#fff 0%,  #fff 50px,
 var(--color-green-02) 50px,  var(--color-green-02) 100%);}
#section03	.cpadding{margin-top: 0;padding-top: 0}
.details-block-wrap	{padding: 0}
.details-block	.text{padding: 0 30px;}
.details-block	.text	br{display: none}
}



@media screen and (max-width: 980px){
#section03{background: linear-gradient(180deg,
#fff 0%,  #fff 60px,
 var(--color-green-02) 60px,  var(--color-green-02) 100%);}

#section03	.cpadding{margin-top: 0;padding-top: 0}
.details-block-wrap	{padding: 80px 0 0 0}
}

@media screen and (max-width: 768px){
.details-block	{flex-wrap: wrap;padding: 30px;}
.details-block	.icon,
.details-block	.text{flex-basis: 100%;}
.details-block	.icon	{padding: 0 0 20px 0;}
.details-block	.text{padding: 20px 30px 0 30px;border:none;border-top: 1px solid var(--color-green-01)}
}

@media screen and (max-width: 720px){
.details-block	{flex-basis: 100%;margin-bottom: 30px;}
}

/*#section04　ご入居までの流れ*/
#section04{margin-top: -180px;background: var(--color-green-02)}

.flow	{margin-top: 40px;}
.flow-list	{display: flex;align-items: center;flex-wrap: wrap;}
.flow-list	li	{margin-bottom: 20px;}
.flow-list	li:nth-child(1),
.flow-list	li:nth-child(3),
.flow-list	li:nth-child(5),
.flow-list	li:nth-child(7){width: 147px;}
.flow-list	li:nth-child(2n)	{width: 110px;}

.flow-list	.text{display:flex;justify-content: center;align-items: center;width: 150px;height: 150px;font-size: 1.2rem;border: 1px solid #000;border-radius: 50%;text-align: center;}
.flow-list .yajirusi{display: block;width: 50px;height: 50px;margin: 0 0 0 10px;transform:rotate(45deg);border-right: 1px solid #000;border-top: 1px solid #000;}
.flow-list	> ul{display: list-item;color: #fff}

.flow-list	.keiyaku-block	{display:flex;justify-content: center;align-items: center;flex-direction: column;width: 150px;width: 150px;padding: 30px 20px 15px;background: var(--color-green-01);color: #fff;text-align: center;}

.flow-list	.nyukyo	{margin-bottom: 10px;color: #ffe200;font-size: 1.5rem}

.flow-list	ul.kome{width: 100%;margin:0 auto;list-style-type:none;font-size:100%;}
.flow-list	ul.kome li{margin-left:-1em;text-indent:-1em;padding-left:2em;line-height:150%;text-align: left;}
.flow-list	ul.kome li:before{content:"※"}

@media screen and (max-width: 980px){
#section04{margin-top: -120px}
}


@media screen and (max-width: 768px){
.flow-list	li:nth-child(1),
.flow-list	li:nth-child(3),
.flow-list	li:nth-child(5),
.flow-list	li:nth-child(7){width: 100%;margin: 0}
.flow-list	li:nth-child(2n)	{width: 100%;height: 30px;}

.flow-list	.text{display:flex;justify-content: center;align-items: center;width: 100%;height: 70px;border-radius: 20px;text-align: center;}
.flow-list	.text	br{display: none}
.flow-list .yajirusi{width: 30px;height: 30px;margin: 0 auto;transform:rotate(135deg)}

.flow-list	li:nth-child(9){width: 100%;margin: 0}
.flow-list	.keiyaku-block	{width:100%;padding: 15px;}
.flow-list	ul.kome li	{text-align: center;}
.flow-list	ul.kome li	br{display: none}
}


/*運営施設*/
#section05{background: var(--color-green-02)}

.facility-wrap	{display: flex;flex-wrap: wrap;width: 100%}

.facility-block	{flex-basis: 50%;display: flex;align-items: center;flex-wrap: wrap;padding: 0 0 0 10%;}
.facility-block	.photo	{margin: 0;}
.facility-block	.text-block{margin: 0;padding: 0 35px;}

.text{margin-bottom: 7px;}
.fname	{margin-bottom: 20px;font-size: 1.3rem;font-weight: 500}

.pdf	{margin: 0 0 1em;}
.pdf	a{display: block;padding: 3px 10px;background: #f39800;color: #fff;font-size: 1.1rem;text-decoration: none;}

@media screen and (max-width: 1200px){
.facility-block	{padding: 0 0 0 5%;}
.facility-block	.text-block{padding: 0 25px;}
}

@media screen and (max-width: 980px){
.facility-block	{flex-basis: 100%;justify-content: center;}
.facility-block:first-child	{margin-bottom: 40px}
.facility-block	.text-block{padding: 0 35px;}

}

@media screen and (max-width: 640px){
.pdf	a{display: block;padding: 10px 20px;}


.facility-block	.text-block{flex-basis: 100%;text-align: center;}
}


/*福祉用具貸与・販売*/

.section06-bg	{padding: 70px 0;background: url(../image/04.png) no-repeat right;background-size: 48%}
.section06-bg	.sp{display: none}
.block-text-06	{margin: 0 55% 50px 0}

@media screen and (max-width:980px){
.section06-bg	{margin: 0 0 30px 0}
.section06-bg	.cpadding {padding: 0 0 50px 0;}
.section06-bg	{padding:0;background:none}
.section06-bg	.sp{display: block;margin: 0}
.block-text-06{margin: 0 0 30px 0}
}


/*介護保険給付対象品目*/
.target-items	{margin-bottom: 1em;font-size: 1.1rem;font-weight: 500;}
.target-items:before{content: '■';color: var(--color-green-01)}

.target-items-list    {display: flex;flex-wrap: wrap;list-style-type:none;font-size:100%;margin: 0 0 0.5em 0}
.target-items-list   li{margin-left:0;text-indent:-1em;padding: 0 2em 0 1em;line-height:150%;}
.target-items-list    li:before{content:"・"}

.kome.small	li{font-size: 0.95rem}


/*会社について*/
/*.section07-bg{background: linear-gradient(180deg,#fff 0%,  #fff var(--head-height), var(--color-green-02) var(--head-height), var(--color-green-02) 100%);}*/
.section07-bg{background:var(--color-green-02);margin-bottom: -50px;padding-bottom: 30px}

.corporate-wrap	{margin: 0 15%;padding: 5%;background: #fff;}

.corporate-info	{display: flex;flex-wrap: wrap;border-bottom: 1px solid #000;}
.corporate-info	dt,
.corporate-info	dd	{padding: 10px 30px;}
.corporate-info	dt	{flex-basis: 150px}
.corporate-info	dd	{flex-basis: calc(100% - 150px)}

@media screen and (max-width:1380px){
.corporate-wrap	{margin: 0 2%;}
}

@media screen and (max-width:640px){
.corporate-wrap	{padding: 5%;}
.corporate-info:first-child	{border-top: 1px solid #000;}
.corporate-info	dt,
.corporate-info	dd	{flex-basis:100%;padding: 10px 30px;}
.corporate-info	dt	{font-weight: 500;border-bottom: 1px solid #ccc;}
}

@media screen and (max-width:480px){
.corporate-info	dt,
.corporate-info	dd	{padding: 10px;}
}



	/*---------------------------
　YOU TUBE
---------------------------*/

.video{position:relative;width:100%;padding-top:56.25%}
.video iframe{position:absolute;top:0;right:0;width:100%;height:100%}