/*common_css*/
@charset "utf-8";
/* CSS Document */
/* -------------------------------------
Browser：Edge over
-------------------------------------
01: 共通
02: テンプレート
03: ヘッダー＆フッター
04: ページ
-------------------------------------*/

/** ==============================================
01.共通
============================================== **/
/* -------------------------------------
文字サイズ変更
-------------------------------------*/
.textsize {
	font-size: 14px;
	position: absolute;
	left: 32%;
	top: 50px;
}
.textsize ul::before {
	content: "文字サイズ";
}
.textsize li:first-child{
	display: none;
}
.textsize li{
	display: inline-block;
	margin-left: 4px;
	padding: 6px;
	line-height: 1.0;
	color: #fff;
	text-align: center;
	background: var(--gray_l);
}
.textsize li:hover,
.textsize li.t2{
	color: var(--color);
	background: var(--main-color_l);
}

@media screen and (max-width: 768px) {
	.textsize {
		display: none;
	}
}


/* -------------------------------------
文字サイズ･･･em
-------------------------------------*/
body .fs12em{
	font-size: 0.75em;
}
body .fs14em{
	font-size: 0.95em;
}

body .fs16em{
	font-size: 1.06em;
}
body .fs17em{
	font-size: 1.13em;
}
body .fs18em{
	font-size: 1.2em;
}
body .fs20em{
	font-size: 1.33em;
}
body .fs22em{
	font-size: 1.46em;
}
body .fs24em{
	font-size: 1.6em;
}
body .fs26em{
	font-size: 1.73em;
}
body .fs28em{
	font-size: 1.86em;
}
body .fs30em{
	font-size: 2em;
}
body .fs32em{
	font-size: 2.13em;
}
body .fs35em{
	font-size: 2.33em;
}
body .fs40em{
	font-size: 2.66em;
}
body .fs44em{
	font-size: 2.93em;
}
body .fs46em{
	font-size: 3.06em;
}
body .fs54em{
	font-size: 3.6em;
}
body .fs50em{
	font-size: 3.33em;
}
body .fs60em{
	font-size: 4em;
}
body .fs70em{
	font-size: 4.66em;
}

@media screen and (max-width: 768px) {
	body .fs16em{
		font-size: 1em;
	}
	body .fs17em{
		font-size: 1em;
	}
	body .fs18em{
		font-size: 1em;
	}
	body .fs20em{
		font-size: 1.1em;
	}
	body .fs22em{
		font-size: 1.1em;
	}
	body .fs24em{
		font-size: 1.2em;
	}
	body .fs26em{
		font-size: 1.46em;
	}
	body .fs28em{
		font-size: 1.6em;
	}
	body .fs30em{
		font-size: 1.73em;
	}
	body .fs32em{
		font-size: 1.86em;
	}
	body .fs35em{
		font-size: 2em;
	}
	body .fs40em{
		font-size: 2.4em;
	}
	body .fs44em{
		font-size: 2.4em;
	}
	body .fs46em{
		font-size: 2.66em;
	}
	body .fs50em{
		font-size: 2.8em;
	}
	body .fs54em{
		font-size: 2.8em;
	}
	body .fs60em{
		font-size: 3.06em;
	}
	body .fs70em{
		font-size: 3.2em;
	}
}

@media screen and (max-width: 480px) {
	body .fs26em{
		font-size: 5vw;
	}
	body .fs28em{
		font-size: 5vw;
	}
	body .fs30em{
		font-size: 5vw;
	}
	body .fs32em{
		font-size: 6vw;
	}
	body .fs35em{
		font-size: 6vw;
	}
	body .fs40em{
		font-size: 7vw;
	}
	body .fs44em{
		font-size: 7vw;
	}
	body .fs46em{
		font-size: 7vw;
	}
	body .fs50em{
		font-size: 7vw;
	}
	body .fs54em{
		font-size: 7vw;
	}
	body .fs60em{
		font-size: 8.8vw;
	}
	body .fs70em{
		font-size: 8.8vw;
	}
}


/** ================================================================================
02: テンプレート
================================================================================ **/
/* -------------------------------------
list
-------------------------------------*/
.list li{
	display: flex;
	margin-bottom: 10px;
}
.list li::before{
	content: "check_circle";
	font-family: 'Material Icons';
	font-size: 30px;
	color: var(--blue);
	line-height: 1.0;
	margin-right: 4px;
}

/* -------------------------------------
list2
-------------------------------------*/
.list2 li{
	display: flex;
	margin-bottom: 10px;
}
.list2 li::before{
	content: "●";
	color: #008cd9;
	margin-right: 4px;
}


/**==============================================
03: ヘッダー
==============================================**/
header{
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	background: #fff;
}
header .inner{
}
header .inner .logo{
	width: 370px;
    margin: 0;
	padding: 10px 0 8px;
}
header .inner .logo img{
	width: 224px;
}

/*nav*/
header nav{
}
header nav ul.menu1{
	margin-left: calc( ( 100% - 100vw ) / 2 );
	margin-right: calc( ( 100% - 100vw ) / 2 );
    padding-left: calc( ( 100vw - 980px ) / 2 );
    padding-right: calc( ( 100vw - 980px ) / 2 );
	display: flex;
	justify-content: flex-end;
}
header nav ul.menu1 li{
	-webkit-box-flex: 1;
	-ms-flex: auto;
	flex: auto;
    position:relative;
}
header nav ul.menu1 li+li::before{
    content: "";
    display: block;
    width: 1px;
    height: 16px;
    background:#2f2f2f;
    position: absolute;
    left: 0;
    top: 20px;
}
header nav ul li a{
	display: block;
	padding: 20px;
	font-size: 0.95em;
	line-height: 1.2;
	text-align: center;
	position: relative;
}header nav ul li a:hover{
	color: var(--main-color);
}

/*menu2*/
header nav .menu2{
	width: 670px;
	display: flex;
	justify-content: flex-end;
	align-items: flex-start;
	position: absolute;
	right: 0;
	top: 10px;
}
header nav .menu2 p{
    display: flex;
	align-items: center;
	margin: 0 auto 0 0;
	font-size: 0.9em;
    line-height: 1.3;
}

header nav .menu2 a[href^="tel"]{
	margin: 0 0 2px 0.5em;
	font-family: var(--webf);
	color: var(--main-color);
	font-size: 1.4em;
}
header nav .menu2 a[href^="tel"] img{
	vertical-align: middle;
}
header nav .menu2 a.h-btn {
	display: flex;
	justify-content: center;
	width: fit-content;
	min-width: 130px;
	line-height: 52px;
	margin-left: 10px;
	padding: 0 1em;
	color: #fff;
	font-weight: var(--fw-b);
	align-items: center;
	background: var(--main-color);
	border-radius: 10px;
}header nav .menu2 a.h-btn:hover{
	color: var(--main-color);
	background: var(--main-color_l);
}
header nav .menu2 a.h-btn.h-acs {
	background:  var(--blue);
}header nav .menu2 a.h-btn.h-acs:hover {
	color: var(--blue);
	background:  var(--blue_l);
}


@media screen and (max-width: 979px){
	header nav ul.menu1{
		margin-left: calc( ( 100% - 100vw ) / 2 * -1);
		margin-right: calc( ( 100% - 100vw ) / 2 * -1);
	}
}
@media screen and (max-width: 768px){
	header .inner .logo{
		width: fit-content;
		padding: 0;
        height: 60px;
	}
	header .inner .logo a{
		padding: 10px 5%;
	}
	header .inner .logo img{
		height: 40px;
		width: auto;
	}

	#menu{
		--size:60px;
		position: fixed;
		top: 0;
		right: 0;
		z-index: 1500;
		width: var(--size);
		height: var(--size);
		background: var(--main-color);
		text-align: center;
		line-height: 1.0;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	#menu:before{
        color: #fff;
		content: "\e3c7";
		font-size: 36px;
		font-family: 'Material Icons';
        line-height: 46px;
	}
	.on #menu:before{
		content: "\e5cd";
	}
	#menu:after{
		display: block;
		margin: -5px auto;
        color: #fff;
		content: "MENU";
		font-size: 11px;
		font-family: var(--webf);
	}.on #menu:after{
		content: "CLOSE";
	}

	header nav{
		display: none;
        width: 100% !important;
		height: calc(100vh - 50px);
		overflow-y: scroll;
	}
	header nav ul.menu1{
		display: block;
		margin: 0;
		padding: 30px 0 10px;
		font-size: 15px;
	}
	header nav ul.menu1 li+li::before{
		display: none;
	}
	header nav ul.menu1 li a{
		padding: 14px 10%;
		line-height: 1.2;
	}

    header nav .menu2{
		width: 100%;
        position: relative;
        top: 0;
        display: block;
        padding: 20px 20px 30px;
        text-align: center;
    }
    header nav .menu2 p{
		flex-flow: column;
        line-height: 1.7;
    }
	header nav .menu2 a[href^="tel"]{
		margin: 0 auto;
		font-size: 2.6em;
	}
	header nav .menu2 a.h-btn{
		width: 100%;
		max-width: 300px;
		margin: 20px auto -6px;
	}
}


/**==============================================
03: フッター
==============================================**/
footer {
	padding: 100px 0 50px;
	background: var(--main-color_l);
}
footer .sec-in{
    display: flex;
	justify-content: space-between;
}
footer .sec-in .footer-main{
	width: 300px;
}
footer .sec-in .footer-main .f-logo{
	display: inline-block;
	margin-bottom: 30px;
}
footer .sec-in .footer-main .f-logo img{
    width: 300px;
}
footer .sec-in .footer-main a[href^="tel:"]{
	display: flex;
	justify-content: flex-start;
	line-height: 1;
}
footer .sec-in .footer-main .ico-svg-tel svg{
	--size:22px;
	width: var(--size);
	height: var(--size);
	margin-right: 10px;
}
footer .sec-in .footer-main .f-btn-wrapper{
	display: flex;
	flex-flow: column;
	gap: 20px;
	margin-top: 30px;
}

/* nav */
footer .nav-wrapper {
	width: 620px;
	display: flex;
	flex-flow: column;
}
/*nav*/
footer nav {
	margin-bottom: 50px;
}
footer nav ul {
	column-count: 2;
	column-gap: 150px;
}
footer nav ul li{
	break-inside: avoid;/*ブロックの途中で改行させない*/
}
footer nav ul li:nth-child(-n+5){
	width: 350px;
}
footer nav ul li:nth-child(n+6){
	width: 160px;
}
footer nav ul li a{
	display: block;
	padding: 0 10px 6px;
	width: 100%;
}footer nav ul li a:hover{
    color: var(--main-color);
}

.f-bnr-wrapper{
	display: flex;
	flex-wrap: wrap;
	gap: 30px 20px;
}
.f-bnr-wrapper a {
	width: calc((100% - 20px) / 2);
}
.f-bnr-wrapper a img{
	width: 100%;
}

.f-policy-link{
	display: block;
	width: fit-content;
	margin: 0 auto 30px;
	padding: 0 1em;
	line-height: 1;
	border-left: 1px solid var(--color);
	border-right: 1px solid var(--color);
}

/** コピーライト **/
.copyright {
	text-align: center;
}
.copyright small{
    display: block;
    width:100%;
    font-size:12px;
    line-height: 1.0;
}

@media screen and (max-width: 520px){
	footer {
		padding: 50px 0 30px;
	}
	footer .sec-in{
		flex-flow: column;
		margin-bottom: 30px;
	}
	footer .sec-in .footer-main{
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-bottom: 40px;
	}
	footer .sec-in .footer-main .f-logo img{
		width: 180px;
	}

	footer .sec-in .footer-main a[href^="tel:"]{
		font-size: 2rem;
	}
	footer .sec-in .footer-main .f-btn-wrapper{
		width: 100%;
		align-items: center;
	}

	/*nav*/
	footer .nav-wrapper {
		width: 100%;
		padding-top: 30px;
		border-top: 2px solid #fff;
	}
	footer nav {
		margin-bottom: 30px;
	}
	footer nav ul {
		column-gap: 60px;
	}
	footer nav ul li{
		margin-bottom: 10px;
		font-size: 14px;
	}
	footer nav ul li:nth-child(-n+5){
		width: 120%;
	}
	footer nav ul li:nth-child(n+6){
		width: 80%;
	}
	.f-bnr-wrapper{
		gap: 16px;
	}
	.f-policy-link{
		margin-top: 50px;
		font-size: 0.8em;
	}


	/** コピーライト **/

    /*sp-fix*/
    .sp-fix{
        width: 100vw;
        display: flex;
        position: fixed;
        left: 0;
        bottom: 0;
        box-shadow: 0 -1px 5px rgba(0,0,0,.3);
        z-index: 900;
    }
    .sp-fix a{
        display: block;
        line-height: 46px;
        width: 50%;
        font-size: 15px;
        text-align: center;
        background: var(--main-color);
    }
	.sp-fix a img{
		width: 20px;
		margin-right: 6px;
		vertical-align: middle;
	}
    .sp-fix a:last-child{
        background: #000;
    }
}


/**================================================================================
お問い合わせ aside
================================================================================**/
/*
.asd-contact{
	background: #eee;
}
.asd-contact .catch{
	margin-right: 30px;
}
.asd-contact .catch i{
	padding-right: 10px;
}
.asd-contact .catch i img{
	vertical-align: middle;
}
.asd-contact .tel-wrap{
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column;
	flex-flow: column;
}
.asd-contact .tel-wrap a{
	margin-bottom: 4px;
}
.asd-contact .asd-btn-wrap{
	margin-left: auto;
}
.asd-contact .asd-btn-wrap .btn{
	width: 210px;
	margin: 0 6px;
}

@media screen and (max-width: 768px) {
	.asd-contact .inner{
		flex-flow: column;
		text-align: center;
	}
	.asd-contact .catch{
		margin:0 0 10px;
	}
	.asd-contact .tel-wrap{
		flex-flow: column;
		margin-bottom: 20px;
	}
	.asd-contact .tel-wrap a{
		font-size: 24px;
	}
	.asd-contact .asd-btn-wrap{
		flex-flow: column;
	}
	.asd-contact .asd-btn-wrap .btn{
		width: 80%;
		max-width: 300px;
		margin: 6px auto;
	}
} */


/**================================================================================
お問い合わせ aside2
================================================================================**/
/* .asd-contact2{
	background-image: url(../images/top-hero_pc.jpg);
}
.asd-contact2 .content-box{
	padding: 30px;
}
.asd-contact2 p a{
	display: inline-block;
	margin-right: 10px;
}

@media screen and (max-width: 768px) {
	.asd-contact2 >div{
		margin-top: 40px;
		margin-bottom: 40px;
	}
}

@media screen and (max-width: 480px) {
	.asd-contact2 .content-box{
		padding: 20px 10px;
	}
	.asd-contact2 .btn.fs22em{
		font-size: 1.0em;
	}
	.asd-contact2 p a.fs35em{
		display: block;
		margin: 10px auto 4px;
		font-size: 1.5em;
		line-height: 1.0;
	}
} */

/* -------------------------------------
HERO
-------------------------------------*/
.hero{
	width: 100%;
	height: max(50vw,650px);
	position: relative;
}
.hero figure {
	width: 100%;
	height: 100%;
}
.hero figure img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.hero p{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

@media screen and (max-width: 768px) {
	.hero{
		height: 98vw;
	}
	.hero p{
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
	}
}

/* -------------------------------------
top-選ばれる5つの理由
-------------------------------------*/
.top-reason .tit{
	padding: 30px 0;
	border-top: 1px solid var(--color);
	border-bottom: 1px solid var(--color);
	position: absolute;
	left: 50%;
	top: 120px;
	transform: translateX(-50%);
}

/* reason-list */
.reason-list{
	--gap:30px;
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
}
.reason-list li{
	width: calc((100% - var(--gap)*2) / 3);
	background: #fff;
	border-radius: var(--radius);
	overflow: hidden;
}
.reason-list li h3{
	padding: 20px 20px 0;
	color: var(--main-color);
	text-align: center;
}
.reason-list li p{
	padding: 12px 20px 20px;
}

/* 並び順 */
.top-reason .reason-list li:first-child{
	order: 1;
}
.top-reason .reason-list li:nth-child(2){
	order: 3;
}
.top-reason .reason-list li:nth-child(3){
	order: 4;
}
.top-reason .reason-list li:nth-child(4){
	order: 5;
}
.top-reason .reason-list li:last-child{
	order: 6;
}
.top-reason .reason-list::before{
	content: "";
	display: block;
	width: 31%;
	order: 2;
}

@media screen and (max-width: 520px) {
	.top-reason .tit{
		margin-bottom: 30px;
		padding: 30px 0;
		text-align: center;
		position: static;
		transform: translateX(0);
	}

	/* reason-list */
	.reason-list{
		--gap:20px;
	}
	.reason-list li{
		width: 100%;
	}
	.reason-list li p{
		padding: 12px 26px 20px;
	}
	.top-reason .reason-list::before{
		display: none;
	}
}

/* -------------------------------------
top-よくあるご質問
-------------------------------------*/
.top-faq .faq-wrapper{
	display: flex;
	gap: clamp(30px, 5vw, 70px);
}
.top-faq .faq-wrapper .faq-head{
	width: 260px;
}
.top-faq .faq-wrapper .faq-main{
	flex: 1;
}

/* faq-list */
.faq-list dt,
.faq-list dd{
	display: flex;
	align-items: flex-start;
	gap: 0.5em;
	margin-bottom: 10px;
}
.faq-list dt::before,
.faq-list dd::before{
	--size:34px;
	content: "Q";
	flex-shrink: 0;
	display: grid;
	place-items: center;
	width: var(--size);
	height: var(--size);
	font-family: var(--webf);
	font-size: 1.2em;
	color: #fff;
	line-height: 1;
	background: var(--gray);
	border-radius: 50%;
}
.faq-list dd+dt{
	margin-top: 20px;
}
.faq-list dd::before{
	content: "A";
	background: var(--blue);
}

@media screen and (max-width: 520px) {
	.top-faq .faq-wrapper{
		flex-flow: column;
		gap: 20px;
	}
	.top-faq .faq-wrapper .faq-head{
		display: contents;
	}
	.top-faq .faq-wrapper .faq-main{
		order: 2;
	}
	.top-faq .more{
		order: 3;
	}
}

/* -------------------------------------
top-ぷれみあむ訪問看護の想い
-------------------------------------*/
.top-message{
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: cover;
	background-image: url(/common/images/bg-message.jpg);
}
.top-message-content{
	width: 52%;
}

@media screen and (max-width: 520px) {
	.top-message {
		background:
		url(/common/images/bg-message_sp_main.png) no-repeat center bottom / 100% auto,
		url(/common/images/bg-message_sp_sky.jpg) no-repeat center / cover;
	}
	.top-message-content{
		width: 100%;
		padding-bottom: 64vw;
	}
}

/* -------------------------------------
top-アクセス
-------------------------------------*/
.top-access-content{
	display: flex;
	gap: 7%;
}
.top-access-content .gmap{
	width: 45%;
}
.top-access-content .access-info{
	flex:1;
}

@media screen and (max-width: 520px) {
	.top-access-content{
		flex-direction: column-reverse;
		gap:30px;
	}
	.top-access-content .gmap{
		width: 100%;
	}
}

/* -------------------------------------
top-採用情報
-------------------------------------*/
.top-recruit-content{
	margin-left: 58%;
}

@media screen and (max-width: 520px) {
	.top-recruit-content{
		margin-left: auto;
	}
}

/* -------------------------------------
top-ご入居について
top-周辺環境・アクセス
-------------------------------------*/
.photo-gld{
	justify-content: flex-end;
	align-items: flex-start;
	background-image: url(/images/top-movein1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 56% auto;
}
.photo-gld .inner{
	-webkit-box-flex:0;
	-ms-flex:none;
	flex:none;
	width: 450px;
	margin-top:280px;
	padding: 44px;
}
.photo-gld figure{
	width: 44%;
	flex-flow: row wrap;
	align-items: flex-start;
}
.photo-gld figure img{
	-ms-flex-item-align: start;
	align-self: flex-start;
}
.photo-gld figure img:first-child{
	width: 100%;
}
.photo-gld figure img:not(:first-child){
	width: 50%;
}

/*てれこ*/
.photo-gld.ff-rev{
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-flow: row-reverse;
	flex-flow: row-reverse;
	background-position: right top;
}

@media screen and (max-width: 768px) {
	.photo-gld .inner{
		width: 50%;
		margin-top:26vw;
		padding: 30px;
	}
	.photo-gld .inner .btn{
		max-width: 100%;
	}
}

@media screen and (max-width: 480px) {
	.photo-gld{
		flex-flow: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		background: none;
	}
	.photo-gld::before{
		content: "";
		width: 100vw;
		height: 100%;
		position: absolute;
		left: -5vw;
		top: 0;
		background-image: url(/images/top-movein1.jpg);
		background-repeat: no-repeat;
		background-position: left top;
		background-size: 100% auto;
	}
	.photo-gld .inner{
		width: 100%;
		margin-top:180px;
		padding: 30px;
	}
	.photo-gld figure{
		width: 100%;
	}

	/*てれこ*/
	.photo-gld.ff-rev{
		flex-flow: column;
	}
}


/**==============================================
お知らせ・ブログ
==============================================**/
/* -------------------------------------
news-list
-------------------------------------*/
.news-list{
}
.news-list li{
	padding: 20px 0;
	border-bottom: 1px solid var(--gray_l);
}
.news-list a{
	display: block;
}
.news-list .boxLR{
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin:0 0 14px;
}
.news-list figure{
	margin-right: 15px;
	width: 130px;
	float: left;
	overflow: hidden;
}
.news-list a:hover figure{
	opacity: 0.8;
}
.news-list .text{
	min-height: 120px;
}
.news-list em{
	display: inline-block;
	min-width: 130px;
	max-width: 200px;
	margin-right: 15px;
	padding: 4px 8px;
	color: #fff;
	font-size: 0.9em;
	text-align: center;
	line-height: 1.2;
	background: var(--main-color);
}
.news-list time{
	font-size: 0.9em;
	color: var(--gray_l);
}
.news-list h4{
	margin-bottom: 4px;
	font-size: 1.1em;
}
.news-list p{
	font-size: 0.9em;
}

@media screen and (max-width: 768px) {
	.nb-wrap .inner{
		width: 100%;
		flex-flow: column;
		padding: 34px;
		-webkit-box-shadow:3px 3px 10px rgba(0,0,0,0.2);
		box-shadow:3px 3px 10px rgba(0,0,0,0.2);
	}
	.nb-wrap .inner + .inner{
		margin-top: 30px;
	}
	.nb-wrap .btn{
		width: 100%;
	}

	/* -------------------------------------
	news-list
	-------------------------------------*/
	.news-list li{
		padding: 15px 0;
	}
	.news-list li em{
		font-size: 13px;
	}
	.news-list figure{
		width: 90px;
	}
	.news-list .text{
		min-height: 84px;
	}
	.news-list h4{
		font-size: 1rem;
	}
}

/* -------------------------------------
kanren-list
-------------------------------------*/
.kanren-list li{
	padding: 20px 0;
	border-bottom: 1px solid var(--gray_l);
}
.kanren-list a{
	display: block;
}
.kanren-list .boxLR{
	justify-content: flex-start;
	margin:0 0 14px;
}
.kanren-list figure{
	margin-right: 15px;
	width: 130px;
	float: left;
	overflow: hidden;
}
.kanren-list .text{
	min-height: 120px;
}
.kanren-list em{
	display: inline-block;
	min-width: 90px;
	max-width: 200px;
	margin-right: 15px;
	padding: 4px 8px;
	color: #fff;
	font-size: 0.9em;
	text-align: center;
	line-height: 1.2;
	background: var(--main-color);
}
.kanren-list time{
	font-size: 0.9em;
	color:var(--gray_l);
}
.kanren-list p{
	font-size: 0.9em;
}

@media screen and (max-width: 520px) {
	.kanren-list li{
		padding: 15px 0;
	}
	.kanren-list .boxLR{
		margin-bottom: 2px ;
	}
	.kanren-list li em{
		font-size: 13px;
	}
	.kanren-list figure{
		width: 90px;
	}
	.kanren-list .text{
		min-height: 84px;
	}
}


/**==============================================
採用一覧
==============================================**/
.rec-list{
	max-width: 980px;
	margin: 30px auto;
}
.rec-list li{
	margin: 0 0 30px;
	background: #fff;
}
.rec-list li a{
	border: 3px solid var(--main-color_l);
	padding: 20px;
	display: flex;
	position: relative;
}
.rec-list li figure{
	width: 395px;
	flex: none;
}
.rec-list li figure img{
	display: block;
}
.rec-list li .text{
	flex: 1;
	padding: 0 0 0 20px;
}
.rec-list li .text .titD{
	margin-bottom: 10px;
	font-size: 22px;
}
.rec-list li .ctgr{
	margin: 0 5px 10px 0;
}

@media screen and (max-width: 520px) {
	.rec-list{
		margin: 20px 5%;
	}
	.rec-list li a{
		flex-flow: column;
		padding: 10px;
	}
	.rec-list li figure{
		width: 100%;
		flex: none;
	}
	.rec-list li .text{
		padding: 10px 0 0;
	}
}


/**==============================================
お問い合わせ
==============================================**/
/* 電話から */
.sec-tel-contact .cntct-tel{
	padding: 30px;
	line-height: 1.5;
	border: 8px solid var(--main-color_l);
	background: #fff;
}
.sec-tel-contact .cntct-tel a[href^="tel"]{
	display: block;
	color: var(--main-color);
}
.sec-tel-contact .ico-svg-tel svg{
	--size:30px;
	width: var(--size);
	height: var(--size);
	margin-right: 10px;
	fill: var(--main-color);
}


/**==============================================
サービス
==============================================**/
/* -------------------------------------
サービス内容
-------------------------------------*/
/* service-list */
.service-list{
	--gap:60px;
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
}
.service-list li{
	width: calc((100% - var(--gap)*1) / 2);
	display: flex;
	align-items: flex-start;
	gap: 30px;
}
.service-list li figure{
	--size:190px;
	width: var(--size);
	height: var(--size);
	border: 1px solid var(--main-color);
	border-radius: 10px;
	overflow: hidden;
}
.service-list li .text{
	flex: 1;
}
.service-list li h3{
	color: var(--main-color);
	font-weight: var(--fw-b);
}
.service-list li p{
}

@media screen and (max-width: 520px) {
	.service-list{
		--gap:40px;
		width: 80%;
		margin: 0 auto;
	}
	.service-list li{
		width: 100%;
		flex-direction: column;
		align-items: center;
		gap: 20px;
	}
	.service-list li figure{
		--size:100%;
		height: auto;
		aspect-ratio: 4/3;
	}
	.service-list li .text{
		width: 100%;
	}
}

/* insurance */
.insurance-wrapper{
	display: flex;
	gap: 50px;
}
.insurance{
	width: 100%;
	background: #fff;
}
.insurance .insurance-head{
	padding: 20px;
	color: #fff;
	text-align: center;
	background: var(--nvy);
	position: relative;
}
.insurance .insurance-head::after{
	content: "";
	display: block;
	width: 30px;
	height: 20px;
	clip-path: polygon(0 0, 50% 100%, 100% 0);
	background: var(--nvy);
	position: absolute;
	left: 50%;
	top: 100%;
	transform: translate(-50%,-1px);
}
.insurance .insurance-content{
	padding: 50px 30px 30px;
}
.insurance .insurance-content dl dt{
	margin-bottom: 20px;
	padding: 6px 0;
	color: var(--nvy);
	border-top: 1px solid var(--nvy);
	border-bottom: 1px solid var(--nvy);
}
.insurance .insurance-content dl dt::before{
	content: "■";
}
.insurance .insurance-content dl:not(:last-child) dd{
	margin-bottom: 30px;
}

@media screen and (max-width: 520px) {
	.insurance-wrapper{
		flex-direction: column;
		gap: 30px;
	}
	.insurance .insurance-content{
		padding: 36px 30px;
	}
}

/* -------------------------------------
訪問可能エリア
-------------------------------------*/
.sec-area .map{
	margin-top: -80px;
	min-height: 950px;
}

@media screen and (max-width: 520px) {
	.sec-area .map{
		margin-top: 30px;
		border: var(--border);
		min-height: 420px;
	}
}

/* -------------------------------------
ご利用の流れ
-------------------------------------*/
.flow-list{
	background: #fff;
	border-radius: var(--radius);
}
.flow-list li{
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 30px;
	min-height: 140px;
	counter-increment: num 1;
	position: relative;
}
.flow-list li + li{
	border-top: 1px solid var(--gray_l);
}
.flow-list li::before,
.flow-list li::after{
	content: "";
	display: block;
	width: 2px;
	height: 50%;
	position: absolute;
	left: 74px;
	top: 0;
	background: var(--main-color);
}
.flow-list li::after{
	top: auto;
	bottom: 0;
}
.flow-list li:first-child::before,
.flow-list li:last-child::after{
	display: none;
}
.flow-list li i{
	--size:90px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 4px;
	text-align: center;
	width: var(--size);
	height: var(--size);
	font-family: var(--webf);
	color: #fff;
	line-height: 1;
	background: var(--main-color);
	border-radius: 50%;
	position: relative;
	z-index: 2;
}
.flow-list li i::before{
	content: "STEP";
}
.flow-list li i::after{
	content: "0" counter(num) ;
	font-size: 2.5em;
}
.flow-list li h3{
	flex: 1;
	color: var(--main-color);
	font-weight: var(--fw-b);
}
.flow-list li .richtext{
	width: 420px;
}

@media screen and (max-width: 520px) {
	.flow-list {
		padding-top: 10px;
	}
	.flow-list li{
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
		padding-left: 100px;
	}
	.flow-list li + li{
		border-top: none;
	}
	.flow-list li::before{
		display: none;
	}
	.flow-list li::after{
		height: 100%;
		left: 51px;
		bottom: -30px;
	}
	.flow-list li i{
		--size:64px;
		gap: 2px;
		position: absolute;
		left: 20px;
		top: 20px;
	}
	.flow-list li i::before{
		font-size: 0.8em;
	}
	.flow-list li i::after{
		font-size: 2em;
	}
	.flow-list li .richtext{
		width: 100%;
	}
}


/**==============================================
訪問看護とは・ぷれみあむ訪問看護の特徴
==============================================**/
/* -------------------------------------
訪問看護とは
-------------------------------------*/
.homecare-chart{
	margin: 0 auto;
	padding: 50px;
	background: #fff;
	/* border: 6px solid var(--main-color_l); */
	border-radius: var(--radius);
}

@media screen and (max-width: 520px) {
	.homecare-chart{
		padding: 30px;
	}
}

/* -------------------------------------
about-list
-------------------------------------*/
.about-list li+li{
	margin-top: 40px;
}
.about-list li{
	display: flex;
	align-items: flex-start;
	position: relative;
	counter-increment: num 1;
}

.about-list li .inner{
	width: 46%;
	padding: 60px 50px 50px;
	background: rgba(255,255,255,.9);
	transform: translateX(100px);
}
.about-list li .inner i{
	display: inline-block;
	width: 2.4em;
	padding: 6px 0;
	font-family: var(--webf);
	font-size: 2em;
	color: #fff;
	text-align: center;
	line-height: 1;
	background: var(--main-color);
	position: absolute;
	left: 0;
	top: 0;
}
.about-list li .inner i::before{
	content: "0" counter(num);
}
.about-list li figure{
	width: 64%;
}

/*てれこ*/
.about-list li:nth-child(odd){
	flex-flow: row-reverse;
}
.about-list li:nth-child(odd) .inner{
	transform: translateX(-100px);
}
.about-list li:nth-child(odd) .inner i{
	left: auto;
	right: 0;
}

@media screen and (max-width: 520px) {
	.about-list li+li{
		margin-top: 0;
	}
	.about-list li{
		flex-flow: column-reverse;
		align-items: center;
	}
	.about-list li .inner{
		width: 90%;
		padding: 0 30px 30px;
		transform: translate(0,-50px);
	}
	.about-list li .inner i{
		margin-bottom: 10px;
		position: static;
	}
	.about-list li figure{
		width: 100%;
	}

	/*てれこ*/
	.about-list li:nth-child(odd){
		flex-flow: column-reverse;
	}
	.about-list li:nth-child(odd) .inner{
		transform: translate(0,-50px);
	}
}

/**==============================================
会社概要
==============================================**/
/* -------------------------------------
会社概要
-------------------------------------*/
.sec-company .gmap{
	border-radius: var(--radius);
	overflow: hidden;
}

/* -------------------------------------
関連施設
-------------------------------------*/
.related-wrapper{
	display: flex;
	flex-direction: column;
	gap: 40px;
}
.related-content {
	display: flex;
	flex-direction: column;
	gap: 30px;
	padding: 50px;
	background: #fff;
	border-radius: var(--radius);
	border: 6px solid var(--main-color_l);
}
.related-content .tit{
	color: var(--gray);
	text-align: center;
}
.related-content .tit::before,
.related-content .tit::after{
	content:"■";
	margin: 0 0.4em;
	color: var(--blue);
}
.related-main{
	display: flex;
	align-items: flex-start;
	gap: 50px;
}
.related-main + .related-main{
	margin-top: 30px;
}
.related-main figure{
	width: 54%;
	border-radius: var(--radius);
}
.related-main .main{
	flex: 1;
}
.related-main .main .tableA.th-noclr th,
.related-main .main .tableA.th-noclr td{
	padding: 22px 4px;
}

@media screen and (max-width: 520px) {
	.related-wrapper{
		gap: 30px;
	}
	.related-content {
		gap: 24px;
		padding: 30px;
		border-width: 4px ;
	}
	.related-content .tit{
		color: var(--gray);
		text-align: center;
	}
	.related-main{
		flex-direction: column;
		gap: 20px;
	}
	.related-main + .related-main{
		margin-top: 34px;
	}
	.related-main figure{
		width: 100%;
	}
	.related-main .main .tableA.th-noclr th,
	.related-main .main .tableA.th-noclr td{
		padding: 14px 10px;
	}
	.related-main .main .more{
		margin-top: 24px;
	}
}/*widget:bb9c0390-45da-4909-9110-cdc95d75b7c6*/
/*widget:1d6fad24-38ad-4257-9d84-00b70055389c*/
/*widget:e0c55e7b-5fee-4700-9fad-ca12ba6b4e55*/
/*widget:0ad7d7ca-a62d-4b8a-85ed-8477141280d1*/
/*widget:aaaa7b7e-b880-4d1a-85b8-97633cb3b1ca*/
/*widget:56ed2583-cf4b-4ffc-aa6b-1591e8f3ad6a*/
/*widget:f052ca1c-67a7-4f8c-9efb-c8d21a44a96d*/
/*widget:39dbb23e-708a-4217-91a8-dbd468e59698*/
/*widget:7a1ddfbd-b315-4eb6-86ec-a048f77308ef*/
/*widget:55e1174a-6ec6-43e1-a360-cb0798517f77*/
/*widget:10e80619-abe6-4f07-8f9d-00f2e4a4b93e*/
/*widget:7e308d6f-5a37-4fd1-9ccd-d43487f14883*/
/*widget:15076cce-730b-4dd1-ada7-66a5129976ec*/
/*widget:5d8c031b-72ec-4797-b11e-c3954e87ae81*/
/*widget:e88ac405-c80b-4b2b-8d00-4ca719708076*/
/*widget:109df1b7-7411-4266-9d47-2e565feeafa6*/
/*widget:b323a7a0-c3fa-4f07-b6d3-93b78f8ed051*/
/*widget:ab226f07-4010-4674-81eb-720e88c682db*/
/*widget:254d5154-faa1-4a5e-bd4d-f0538ce5ad8f*/
/*instance:74*/[data-instance="74"]{background-image:url(/_img/ja/cms/74/bg_img/_/?1693925084);}/*instance mediea*/@media screen and (max-width: 520px) {[data-instance="74"]{background-image:url(/_img/ja/cms/74/bg_img_sp/_/?1693925084);}}/*widget:ea1d1a1d-0c1c-4136-aff9-066f938ae232*/
/*widget:c87e85e3-0100-4a55-af5a-a35e252388f7*/
/*layout:1*//*layout:2*/