@charset "utf-8";

/* =================================施設案内共通=========================================== */
/*under_mv
-------------------------------------------------------------------------*/
.service_mv{
	background: url(../img/mv.png) no-repeat;
    background-size: cover;
	background-position: center;
}
.stay_mv{
	background: url(../img/mv_stay.png) no-repeat;
    background-size: cover;
	background-position: center;
}
.daycare_mv{
	background: url(../img/mv_daycare.png) no-repeat;
    background-size: cover;
	background-position: center;
}
.flex{
    display: flex;
}
.intro_img{
    justify-content: center;
}
.intro_img p{
    width: 41%;
}
.intro_img p img{
    width: 100%;
}

/*インデックス
-------------------------------------------------------------------------*/
section.under_index ul li:nth-child(1) a{
	background: url(../img/index_01.png) no-repeat;
	background-size: cover;
}
section.under_index ul li:nth-child(2) a{
	background: url(../img/index_02.png) no-repeat;
	background-size: cover;
}
section.under_index ul li:nth-child(3) a{
	background: url(../img/index_03.png) no-repeat;
	background-size: cover;
}
section.under_index ul li:nth-child(4) a{
	background: url(../img/index_04.png) no-repeat;
	background-size: cover;
}
section.under_index ul li:nth-child(5) a{
	background: url(../img/index_05.png) no-repeat;
	background-size: cover;
}
section.under_index ul li:nth-child(6) a{
	background: url(../img/index_06.png) no-repeat;
	background-size: cover;
}

.tbl01 {
	width: 100%;
}

.tbl01 tr th{
	background-color: #fd9b9c;
	color: #fff;
}
.tbl01 tr th,
.tbl01 tr td{
	border: 2px solid #e6e5e0;
	padding: 10px;
}
.tbl01 tr td{
	text-align: center;
}
.about .tbl01 tr td{
	font-size: 16px;
}

.aki_btn{
	max-width: 800px;
	margin: auto;
	background-color: #52a6dd;
	text-align: center;
	border-radius: 20px;
	margin-bottom: 30px;
}

.aki_btn a{
	display: block;
	color: #fff;
	padding: 20px;
}

/* =================================入所案内・ショートステイ=========================================== */

/*ご利用サービス
-------------------------------------------------------------------------*/
.stay_service{
	display: flex;
	justify-content: space-around;
}
.stay_service_box{
	width: 43%;
}
.stay_service_box img{
	width: 100%;
	margin-bottom: 20px;
}
.stay_service_box p{
	margin-bottom: 20px;
}
.stay_riha{
    display: flex;
    justify-content: center;
    gap: 30px;
}
.riha_koumoku{
    max-width: 600px;
    margin: 0 auto;
}
.riha_koumoku img_riha img{
    display: block;
    width: 100%
}

.img_riha{
    width: 100%;
    display: flex;
    gap:10px;
    justify-content: space-between;
}
.riha_img{
    width: 100%;
}
.riha_img.nyusyo_img{
    width: 48%;
}
.nyusyo_riha{
    padding-bottom: 20px;
    font-weight: bold;
}
.stay_img{
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
}
.stay_txt span{
    color: #e67030;
}
.nyusyo_txt_1{
    background-color: #feccff;
    /*background-color: #fff4ed;*/
    border-radius: 20px;
    text-align: center;
    max-width: 800px;
    padding: 30px;
    margin: 0 auto;
    position: relative;
  padding: 30px;
}
.nyusyo_txt_1:after{
  content: "";
  position: absolute;
  right: 0;
  bottom: -20px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #feccff transparent transparent transparent;
  border-width: 20px 20px 0 20px;
}
.nyusyo_txt_2{
    font-size: 24px;
    color: #0274ca;
    border-bottom: 1px solid #0274ca;
    background: #ffff9a;
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
        margin-top: 30px;

}
.nyusyo_txt_3{
    background-color:  #ffff9a;
    border-radius: 20px;
    padding: 20px;
    max-width: 800px;
    margin: 0 auto;
    margin-top: 30px;
}
.nyusyo_txt_3 span{
    color:  #0274ca;
    font-size: 30px;
}
.stay_taisho{
    border:  2px dashed #fe0106;
    background: #fbe5d7;
    padding: 20px;
    max-width: 1000px;
    margin: 0 auto;
   
}
.nyusyo_txt_4{
    font-size: 30px;
    padding-bottom: 20px;
     text-align: center;
}
.nyusyo_txt_4 span{
    color: #0072c7;
}
.nyusyo_txt_5 span{
    color: #00b14c;
}
/*ご利用になれる方
-------------------------------------------------------------------------*/
ul.stay_list li{
	border-bottom: 3px dotted #ccc;
	padding: 28px 35px;
	position: relative;
}
ul.stay_list li::before{
	content: url(../img/icon_stay_list.png);
	position: absolute;
	top: 22px;
	left: 0;
}

/*施設ご利用の手続き
-------------------------------------------------------------------------*/
section.sub_title.flow{
	background: #fff4ed;
}
section.sect_flow{
	background: #fff4ed;
}
section.sect_flow .inner{
	width: 100%;
    max-width: 1300px;
    margin: auto;
	overflow: hidden;
}
.flow_box{
	padding: 20px 0 30px;
}

.flow_tel{
	width: 100%;
	margin: 45px auto;
	text-align: center;
}


/* =================================通所リハビリテーション（デイケア）=========================================== */

table.tbl_schedule{
	width: 100%;
	max-width: 1000px;
	border-collapse: collapse;
	margin: 0 auto;
}
table.tbl_schedule th,
table.tbl_schedule td{
	padding: 20px 50px;
	line-height: 30px;
}
table.tbl_schedule th{
	text-align: left;
	vertical-align: top;
	font-weight:bold;
	border-bottom: 2px solid #f5d4c1;
	position: relative;
	width: 25%;
}
table.tbl_schedule tr:nth-of-type(1) th::before{
	content: url(../img/0830.png);
	left: 0;
	top: 16px;
	position: absolute;
}
table.tbl_schedule tr:nth-of-type(2) th::before{
	content: url(../img/0940.png);
	left: 0;
	top: 16px;
	position: absolute;
}
table.tbl_schedule tr:nth-of-type(3) th::before{
	content: url(../img/0950.png);
	left: 0;
	top: 16px;
	position: absolute;
}
table.tbl_schedule tr:nth-of-type(4) th::before{
	content: url(../img/1145.png);
	left: 0;
	top: 16px;
	position: absolute;
}
table.tbl_schedule tr:nth-of-type(5) th::before{
	content: url(../img/1200.png);
	left: 0;
	top: 16px;
	position: absolute;
}
table.tbl_schedule tr:nth-of-type(6) th::before{
	content: url(../img/1240.png);
	left: 0;
	top: 16px;
	position: absolute;
}
table.tbl_schedule tr:nth-of-type(7) th::before{
	content: url(../img/1400.png);
	left: 0;
	top: 16px;
	position: absolute;
}
table.tbl_schedule tr:nth-of-type(8) th::before{
	content: url(../img/1450.png);
	left: 0;
	top: 16px;
	position: absolute;
}
table.tbl_schedule tr:nth-of-type(9) th::before{
	content: url(../img/1500.png);
	left: 0;
	top: 16px;
	position: absolute;
}
table.tbl_schedule tr:nth-of-type(10) th::before{
	content: url(../img/1530.png);
	left: 0;
	top: 16px;
	position: absolute;
}
table.tbl_schedule tr:nth-of-type(11) th::before{
	content: url(../img/1600.png);
	left: 0;
	top: 16px;
	position: absolute;
}

table.tbl_schedule td{
	background-color: #fff;
	border-bottom: 2px solid #e6e5e0;
}


.reha_movie{
	width: 100%;
	max-width: 700px;
	margin: 0 auto 30px;
}


/* =================================利用料金一覧=========================================== */

ul.price_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
ul.price_list li{
	width: 30%;
	margin-bottom: 30px;
}
ul.price_list li a{
	display: block;
	padding: 12px 40px 24px 40px;
	color: #fff;
	background: #fd9b9c;
	border-radius: 10px;
	font-size: 1.3rem;
	position: relative;
}
ul.price_list li a::before{
	content:'\f1c1';
	font-family:'Font Awesome 5 Free';
	font-weight:400;
	font-size: 1.8em;
	margin-right: 10px;
	position: relative;
	top: 3px;
}

/* =================================居宅介護=========================================== */
ul.list_home{
	line-height: 40px;
}
ul.list_home li{
	padding-left: 1em;
	text-indent: -1em;
}
ul.list_home li::before{
	content: "・";
}
.kyotaku_kyushi{
    color: red;
    font-size: 40px;
}

/*ケアマネージャーの仕事の流れ
-------------------------------------------------------------------------*/
.home_flow{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 30px;
}

.fuki {
  position: relative;
  display: inline-block;
  padding: 30px;
  min-width: 20%;
  max-width: 100%;
  color: #555;
  font-size: 1.2rem;
  background: #f57879;
  border-radius: 10px;
}
.fuki:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #f57879;
}
.fuki p {
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 1.2rem;
  color: #fff;
}

.work{
	width: 78%;
	border: 2px solid #ccc;
	border-radius: 10px;
}
.work p{
	padding: 20px;
}

.end .fuki:before{
	display: none;
}

/*営業日・営業時間
-------------------------------------------------------------------------*/
table.tbl_home{
	width: 100%;
	max-width: 680px;
	border-collapse: collapse;
}
table.tbl_home th,
table.tbl_home td{
	padding: 25px;
	border: 1px solid #b9b9b9;
}
table.tbl_home th{
	text-align: center;
	vertical-align: middle;
	color: #fff;
	background-color: #f57879;
	font-weight:bold;
}
table.tbl_home td{
	background-color: #fff;
}


/* =================================料金シミュレーション=========================================== */
/*テーブルデザイン
-------------------------------------------------------------------------*/
table.tbl_price{
	width: 100%;
	border-collapse: collapse;
}
table.tbl_price th,
table.tbl_price td{
	padding: 20px;
	border: 1px solid #b9b9b9;
}
table.tbl_price th{
	text-align: center;
	vertical-align: middle;
	color: #333;
	background-color: #eee;
	font-weight:bold;
	width: 20%;
}
table.tbl_price td{
	background-color: #fff;
}

table.tbl_form td label#result{
	line-height: 2.5rem;
}

/* =================================デイケア便り=========================================== */
.daycare ul {
	justify-content: space-between;
	flex-wrap: wrap;
}


.daycare ul.flex.insta li{
	width: 100%;
	max-width: 700px;
	margin-bottom: 30px;
}
.daycare ul.flex.insta li p img{
	width: 100%;
}

/* =================================お申込みについて=========================================== */
.tbl_scroll table th,.tbl_scroll table td {
	border: 1px solid #ccc;
	padding: 15px;
}
.tbl_scroll table th {
	background: #fd9b9c;
	color: #fff;
}
p.sp {
	display: none;
}

.daycare_movie_box {
	display: flex;
	justify-content: center;
}

.youtube_box.center {
	justify-content: center;
}
/* =================================スマホ関連=========================================== */

@media screen and (max-width:767px) {


/* =================================施設案内共通=========================================== */
/*under_mv
-------------------------------------------------------------------------*/
.service_mv,
.stay_mv,
.daycare_mv{
	background-position: center;
}

.stay_service{
	flex-direction: column;
}
.stay_service_box{
	width: 100%;
}


/*施設ご利用の手続き
-------------------------------------------------------------------------*/

.flow_box{
	overflow-x: scroll;
}

.flow_tel img{
	width: 100%;
}


/* =================================通所リハビリテーション（デイケア）=========================================== */

table.tbl_schedule th,
table.tbl_schedule td{
	display: block;
	width: 100%;
}

.reha_movie iframe{
	height: 300px
}

    .stay_riha{
        flex-direction: column;
    }
    .img_riha{
        flex-direction: column;
    }
    .riha_img.nyusyo_img{
    width: 100%;
}

/* =================================利用料金表一覧=========================================== */
ul.price_list{
	flex-direction: column;
}
ul.price_list li{
	width: 100%;
}


/* =================================居宅介護=========================================== */
/*ケアマネージャーの仕事の流れ
-------------------------------------------------------------------------*/
.home_flow{
	flex-direction: column;
}

.fuki {
  padding: 20px;
  font-size: 1.2rem;
  background: #da5bca;
  border-radius: 10px 10px 0 0;
}
.fuki:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #da5bca;
}
.fuki p {
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 1.2rem;
  color: #fff;
}

.work{
	width: 100%;
	border: 2px solid #ccc;
	border-radius: 0 0 10px 10px;
}
.work p{
	padding: 10px;
}

.end .fuki:before{
	display: none;
}

/*営業日・営業時間
-------------------------------------------------------------------------*/
table.tbl_home th,
table.tbl_home td{
	display: block;
	width: 100%;
}

.daycare ul{
	flex-direction: column;
}
.daycare ul li,
.daycare ul li img{
	width: 100%;
}


.tbl01 tr th,
.tbl01 tr td{
	display: table-cell;
	width: max-content;
}
.tbl01{
	overflow: scroll;
	display: block;
}
	
/* =================================お申込みについて=========================================== */
.tbl_scroll table {
	width: 550px;
}
p.sp {
	display: block;
	color: red;
	font-size: 15px;
}
}
.inner .flex .bk_number p a img{
    display: block;
    max-width: 300px;
    margin: 50px auto;
}
.inner .flex li p a img{
    margin-bottom: 50px;
}


.back-wrapp{
	width: 100%;
	margin: 30px auto 0;
}
.back-wrapp .back-link ul{
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 20px;
}
.back-wrapp .back-link li{
	width: calc(100%/4 - 20px);
}
.back-wrapp .back-link li a{
	display: block;
	text-align: center;
	color: #ffffff;
	background: #ffb1b2;
	border-radius: 10px;
	padding: 20px 20px;
}
.back-wrapp .back-link li a:hover{
	opacity: 0.7;
}

@media screen and (max-width:767px) {

	.back-wrapp .back-link li{
		width: 100%;
	}

}