@charset "utf-8";

.sp-only{ display: none; }

#move .move_bg{ background: url( https://d2w53g1q050m78.cloudfront.net/andmedicalcom/uploads/assets/images/fathersday/fitness_01.jpg) no-repeat center center; padding: 189px 0 191px; background-size: 1600px;}
#care .care_bg{ background: url( https://d2w53g1q050m78.cloudfront.net/andmedicalcom/uploads/assets/images/fathersday/recovery_01.jpg) no-repeat center center; padding: 189px 0 191px; background-size: 1600px; }
.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 */
#care{padding: 236px 0 0;}
#care .content_box_1 {padding: 180px 0 0;}
#care .gallery__pic{ gap: 0px; }
#care .gallery {padding: 115px 0 64px;}
#care .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;}


/* ------------------------------------------------------------ mobile ------------------------------------------------------------ */
@media only screen and (max-width: 640px) {
	
	.sp-only{ display: block; }

	#move .move_bg{ background: url( https://d2w53g1q050m78.cloudfront.net/andmedicalcom/uploads/assets/images/fathersday/fitness_01-sp.jpg) no-repeat center center/cover; padding: 56% 0; background-size: cover;}
	#care .care_bg{ background: url( https://d2w53g1q050m78.cloudfront.net/andmedicalcom/uploads/assets/images/fathersday/recovery_01-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 */
	#care{padding: 118px 0 0;}
	#care .content_box_1 {padding: 90px 0 0;}
	#care .gallery {padding: 55px 0 30px;}
	#care .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;}
	
}