@charset "utf-8";

.sp-only{ display: none; }
.bar_box { position: fixed; right: 50px; bottom: 50px; width: 200px; height: auto; z-index: 1000; opacity: 0; visibility: hidden; transform: translateY(20px); pointer-events: none; transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease; box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.5); border-radius: 15px;}
.bar_box.is-show { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto;}
.bar_box a { display: block;}
.bar_box a  img{width: 100%; height: auto;}

#sit .text,
#live .text,
#recovery .text{padding: 121px 0 0;}

#sit .sit_bg h3,
#live .live_bg h3,
#recovery .recovery_bg h3{color: #fff; font-size: 25px; letter-spacing: 0.068em; line-height: 192%;font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif; font-style: normal; font-weight: 500;}

#sit .sit_bg h3 span,
#live .live_bg h3 span,
#recovery .recovery_bg h3 span{font-family: futura-pt, sans-serif; font-style: normal; font-weight: 400; font-size: 66px; letter-spacing: 0.068em; padding: 0 0 11px; display: inline-block;}

#sit .sit_bg{ background: url( https://d2w53g1q050m78.cloudfront.net/andmedicalcom/uploads/assets/images/respect-for-the-aged-day-gift/sit_bg_pc.jpg) no-repeat center center; padding: 189px 0 191px; background-size: 1600px; text-align: center;}
#live .live_bg{ background: url( https://d2w53g1q050m78.cloudfront.net/andmedicalcom/uploads/assets/images/respect-for-the-aged-day-gift/live_bg_pc.jpg) no-repeat center center; padding: 189px 0 191px; background-size: 1600px; text-align: center;}
#recovery .recovery_bg{ background: url( https://d2w53g1q050m78.cloudfront.net/andmedicalcom/uploads/assets/images/respect-for-the-aged-day-gift/recovery_bg_pc.jpg) no-repeat center center; padding: 189px 0 191px; background-size: 1600px; text-align: center; }
.happy .list_box .box{ align-items: flex-end; }


/* gallery */
.gallery{ padding: 115px 0 120px; }
.gallery__list__box{max-width: 1300px; margin: 0 auto; padding: 118px 50px 0;}
.gallery__list{ display: flex; align-items: flex-start; justify-content: space-between; gap: 4%; }
.gallery__list li{ width: calc(100% / 3); }
.gallery__img{ padding-bottom: 20px; }
.gallery__img img{ width: 100%; height: auto; }
.gallery__txt h4{ display: flex; align-items: center; justify-content: center; height: 66px; margin-bottom: 15px; font-size: 21px; line-height: 1.619; text-align: center; font-weight: 200;}
.gallery__txt p{ font-size: 14px; line-height: 1.8; letter-spacing: 0.044em; font-weight: 200;}

.gallery__pic{ display: flex; flex-direction: column; gap: 60px; width: 1000px; margin: 0 auto; }
.gallery__pic p{text-align: center; font-size: 21px; font-weight: 200; padding: 25px 0 43px; letter-spacing: 0.044em; line-height: 160%;}
.gallery__pic img{ width: 100%; height: auto; }



.happy .list_box{padding: 0px;}
.happy .list_box .box .main_img {width: 525px; margin: 0 144px 0 0;}

/* #care */
#recovery{padding: 236px 0 0;}
#recovery .content_box_1 {padding: 180px 0 0;}
#recovery .gallery__pic{ gap: 0px; }
#recovery .gallery {padding: 115px 0 64px;}
#recovery .content_box_2 .recovery_11{padding: 40px 0 0;}
/* campaign */
.campaign__block .text{ padding-bottom: 30px; }
.campaign__block .text.subject_text{padding-bottom: 10px;}

.campaign__items{ padding-bottom: 80px; display: flex; align-items: stretch; flex-wrap: wrap; gap: 52px 82px; }
.campaign__items li{ width: 98px; }
.campaign__img{ padding-bottom: 10px; text-align: center; }
.campaign__img img{ width: 100%; height: auto; }
.campaign__txt{position: relative;}
.campaign__txt p{ font-size: 13px; text-align: center; line-height: 1.5; white-space: nowrap; letter-spacing: 0; position: absolute; left: 50%; transform: translateX(-50%);font-weight: 200;}

#sit{padding: 117px 0 0;}
#live{padding: 184px 0 0;}
#recovery{padding: 180px 0 0;}
/* ------------------------------------------------------------ mobile ------------------------------------------------------------ */
@media only screen and (max-width: 640px) {
	
	.sp-only{ display: block; }
	.bar_box { right:  5%; bottom: 5%; width: 80px;}
	.bar_box a { padding: 30px 0; font-size: 16px; }
	
	
	#sit .text,
	#live .text,
	#recovery .text{padding: 50px 0 0;}
	
	#sit .sit_bg h3,
	#live .live_bg h3,
	#recovery .recovery_bg h3{font-size: 13px;}
	
	#sit .sit_bg h3 span,
	#live .live_bg h3 span,
	#recovery .recovery_bg h3 span{font-size: 37px;}

	#sit .sit_bg{ background: url( https://d2w53g1q050m78.cloudfront.net/andmedicalcom/uploads/assets/images/respect-for-the-aged-day-gift/sit_bg_sp.jpg) no-repeat center center/cover; padding: 56% 0; background-size: cover;}
	#live .live_bg{ background: url( https://d2w53g1q050m78.cloudfront.net/andmedicalcom/uploads/assets/images/respect-for-the-aged-day-gift/live_bg_sp.jpg) no-repeat center center/cover; padding: 56% 0; background-size: cover;}
	#recovery .recovery_bg{ background: url( https://d2w53g1q050m78.cloudfront.net/andmedicalcom/uploads/assets/images/respect-for-the-aged-day-gift/recovery_bg_sp.jpg) no-repeat center center/cover; padding: 56% 0; background-size: cover;}
	.campaign__txt p{ font-size: 11px; }


/* gallery */
	.gallery{ padding: 55px 0 30px; }
	.gallery__list__box{max-width: 90%; margin: 0 auto; padding: 60px 0px 0;}
	.gallery__list{ flex-direction: column; gap: 50px; }	
	.gallery__list li{ width: 100%; }
	.gallery__pic{ gap: 20px; width: 100%; }
	.gallery__pic p{font-size: 18px; padding: 13px 0 21px;}
	
	/* #care */
	#recovery{padding: 118px 0 0;}
	#recovery .content_box_1 {padding: 90px 0 0;}
	#recovery .gallery {padding: 55px 0 30px;}
	#recovery .content_box_2 .recovery_11{padding: 20px 0 0;}

	.happy .list_box .box .main_img {width: 100%; margin: 0;}

/* campaign */
	.campaign__items{ padding-bottom: 40px; gap: 20px 5px; }
	.campaign__items li{ width: calc(100% / 3 - 5px); }
	
	.campaign__txt p{ white-space: normal; position: relative; left: auto; transform: none;}
	
	#sit{padding: 70px 0 0;}
	#live{padding: 90px 0 0;}
	#recovery{padding: 90px 0 0;}
}