@charset "utf-8";
#page-title h1 .min{font-size: 0.8em;}

#care-sec1-1{
	background: url(../../common/images/sec7-back.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
	z-index: 10;
	padding:20px 20px 40px;
	align-items: flex-start;
	text-align: center;
}
.nursing-logo-title {
	background: rgb(255 255 255 / 30%);
	margin-bottom: 0;
}
#care-sec1-1 .blog-button {
	border-radius: 6px;
	border: 3px solid #ffd2d1;
	margin: 20px auto 0;
	background: #fff;
	position: relative;
	padding: 10px 15px;
	max-width: 320px;
	font-size: 22px;
}
#care-sec1-1 .blog-button:hover {
	transition: 0.5s;
	border-color: #d0e8f1;
}
#page-nav{margin: 50px auto 50px;}
#page-nav ul{
	align-items: stretch;
}
#page-nav ul li {
	width: 15.5%;
	position: relative;
}
#page-nav ul li:after{
	content: '';
	display: block;
	background: url(../../common/images/arrow-brown-down.png) no-repeat center top;
	width: 12px;
	height: 12px;
	background-size: 100% auto;
	position: absolute;
	right: 7px;
	top: 0;
	bottom: 0;
	margin: auto;
}
#page-nav ul li a {
	border-radius: 6px;
	border: 3px solid #ffd2d1;
	background: #fff;
	position: relative;
	padding: 10px 0;
	font-size: 17px;
	text-align: center;
	display:flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}


/**1日の流れ*/
#care-sec1-2{
	padding: 40px 25px 30px;
}
#time-schedule-area {align-items: flex-start;}
#time-schedule-area #schedule-title{
	margin: 0 35px 0 20px;
	font-size: 26px;
}
.time-schedule{flex: 2;}
.time-schedule dl{
	width: 100%;
	align-items:stretch;
	margin: 0 auto 5px;
	border-bottom: 2px dotted #eddcc0;
	padding: 0 0 5px;
}
.time-schedule dt{
	width: 9em;
	background:url(../../common/images/h3-ribon-blue.png) no-repeat center center;
	background-size: auto 300px !important;
	border-radius: 6px;
	margin: 0 20px 0 0;
	padding: 2px 10px;
}



.activity-area {padding: 2px 2px 40px;}
.activity-area .pink-title-area{
	background: url(../../common/images/back-pink-stripe.jpg) no-repeat center center;
	padding: 20px 0 15px;
	margin: 0 auto 30px;
}
.activity-box{
	margin: 0 auto 25px;
	padding: 20px 40px 25px;
	position: relative;
	overflow: hidden;
	z-index: 100;
	align-items: flex-start;
}
.activity-box-left .title-area {
	width: 200px;
	margin: 0 20px 0 -20px;
}
.activity-box-right .title-area {
	width: 200px;
	margin: 0 -20px 0 20px;
	order: 2;
}
.activity-box .title-area h3{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 150px;
	text-align: center;
	line-height: 130% !important;
}
#activity-box3-2 .title-area h3{
	font-size: 25px;
	line-height: 110% !important;
}
.activity-box-left .title-area h3 {
	background: url(../../common/images/day-h3-circle1.png) no-repeat center top;
	background-size: 163px auto;
	width: 100%;
	justify-content: center;
	padding: 0 25px 0 0;
}
.activity-box-right .title-area h3 {
	background: url(../../common/images/day-h3-circle2.png) no-repeat center top;
	background-size: 180px auto;
	padding: 16px 0 0 30px;
}
.activity-box .photo-area {
	margin: 20px auto 30px;
	padding: 0 10px;
}
.activity-box-right .text-area {
	order: 1;
	max-width: 530px;
	flex: 2;
}
.activity-box-left .text-area {
	flex: 2;
	max-width: 530px;
	flex: 2;
}
.activity-box .photo-area .img-box {width: 48%;}
.activity-area .button-contact{
	margin: 0 auto;
	width: 320px;
	font-size: 22px;
}
/**倶楽部活動・社会参画*/
.activity-list{
	padding: 0 0 20px;
	display: flex;
	align-items: stretch;
	justify-content: center;
}
.activity-list li{
	background: url(../../common/images/back-yellow-l.jpg) no-repeat center top;
	border-radius: 6px;
	padding: 5px 15px;
	margin: 0 5px;
}

#activity-box1-lead{
	font-size: 18px;
	text-align: center;
	padding: 5px 0 15px;
}
#activity1 .activity-box .title-area{margin: 0 auto;}
#activity-box1 .text-area{
	width: 100%;
	max-width: initial !important;
	display: block;
}
.activity-flow{margin: 0 auto 40px;}
.activity-flow h3{
	font-size:20px;
	text-align: center;
	padding: 0 0 12px;
}
.activity-flow h3 img{
	display: block;
	margin: 0 auto;
}
.activity2-box {
	background: #fff;
	border-radius: 6px;
	width: 220px;
	height: 150px;
	padding: 15px 15px 15px;
	line-height: 130%;
	border: 2px solid #dfedf0;
}
.activity-flow .arrow-flow-sp{display: none;}
.activity-flow .arrow-flow-pc{width: 30px;height: auto;}
#activity-box1-bottom1{margin: 0 auto 30px;}
#activity-box1 .activity-box1-bottom{
	border-radius: 6px;
	position: relative;
	padding: 40px 15px 25px;
	background:  url(../../common/images/sec7-back.jpg) no-repeat top center,rgba(255,255,255,.5);
	background-size: 1000px auto;
	position: relative;
}
#activity-box1 .activity-box1-bottom-2{
	background: #fff;
	margin-top: 30px;
}

.bottom-title{
	position: absolute;
	top: -15px;
	left: 0;
	right: 0;
	margin: auto;
	align-items: stretch;
}
.bottom-title h3{
	background: url(../../common/images/name-back.png) no-repeat center center;
	background-size: 100% 100%;
	font-size: 20px;
	padding: 5px 20px 5px 15px;
	margin: 0 10px;
}
.activity-box1-bottom-2 .bottom-title h3{
	background: url(../../common/images/h3-ribon-blue.png) no-repeat center top;
	background-size: 100% 100%;
	height: 60px;
	padding: 9px 0 0 !important;
	width: 340px;
	font-size: 18px;
	text-align: center;

}
#activity1 .activity-box .photo-area{
	flex-wrap: wrap;
	align-items: stretch;
}
#activity1 .activity-box .photo-circle{
	text-align: center;
	font-size: 14px;
	line-height: 120%;
	margin: 0 1%;
}
.activity-box1-bottom .photo-circle{width: 31%;}
#activity1 .photo-square{
	width: 200px;
	margin: 10px 5px 20px 5px;
}
#activity1 .activity-box .photo-circle img{
	width: 140px;
	height: 140px;
	border-radius: 100%;
	display: block;
	margin: 0 auto 10px;
}
#activity1 .photo-square img{
	width: 180px;
	height: 180px;
	border-radius: 10%;
	display: block;
	margin: 0 auto 10px;
}
#activity1 .activity-box .photo-circle p,#activity1 .photo-square p{padding: 0 10px ;}
#activity1 .photo-square p.min-title{
	background: #e0ec92;
	border-radius: 6px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	padding: 0 0 0 !important;
	width: 130px;
	font-size: 16px;
	line-height: 1em !important;
	margin: 0px auto 0;
	position: relative;
	z-index: 100;
}
.music-club-bottom{
	margin: 30px auto 0;
}
.music-club-bottom li{
	position: relative;
	margin: 0 10px;
	background: #faeef2;
	border-radius: 10px;
	padding: 4px 20px;
	margin: 0 5px;
	padding: 2px 12px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.music-club-bottom li:before{
	content: '';
	display: inline-block;
	width: 30px;
	height: 26px;
	background: url(../../common/images/icon-nursing.png) no-repeat center top;
	background-size: auto 100%;
	margin-right: 7px;
}



#activity1 .activity-box .photo-area-top,#activity1 #activity-box1-bottom4 .photo-area{
	flex-wrap: nowrap;
	align-items: center;
	margin-left: -40px;
}
#activity1 .activity-box .photo-area-bottom{
	padding-top: 20px;
	position: relative;
	margin-top: 15px;
}
#activity1 .activity-box .photo-area-bottom:before{
	position: absolute;
	content: '';
	display: block;
	width: 40%;
	height: 4px;
	background: url(../../common/images/line-dotted-yellow.png) repeat-x center top;
	background-size: auto 4px;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.activity-box1-bottom-2 .balloon,#activity-box1-bottom4 .photo-area p{width: 60%;}

#activity-box1-last{
	text-align: center;
	padding: 25px 0;
}
#activity1-bottom{margin: 10px auto 40px;}
#activity1-bottom p{
	text-align: center;
	background: url(../../common/images/line-dotted-green.png) no-repeat center bottom;
	background-size: auto 10px;
	padding: 0 0 15px;
	line-height: 130%;
	font-size: 22px;
	font-family: 'Mame';
	margin: 0 auto 15px;
}
#activity-box1-2 .text-area{margin: 0 auto;}
#activity1 #activity-box1-2 .photo-area{margin: 0 auto 30px;}
#activity-box1-2 .activity-list li{
	background: #fff;
}


/**サービス*/
#activity-box2-1{
	flex-wrap: wrap;
	align-items: stretch;
}
#activity-box2-1 .activity-box{
	width: 48%;
	margin: 10px 0 25px;
	overflow: visible;
	padding-top: 50px;
}
#activity-box2-1 .activity-box .title-area{position: initial;}
#activity-box2-1 .activity-box .title-area h3 {
	background: url(../../common/images/day-h3-circle1.png) no-repeat center top;
	background-size: auto 120px;
	width: 100%;
	height: 120px;
	justify-content: center;
	padding: 0 20px 0 0;
	font-size: 26px;
	margin-left: 15px;
	position: absolute;
	left: 0;
	right: 0;
	top: -20px;
}
#activity-box2-1 .activity-box .photo-area .img-box {
	width:240px;
	
}
/*****流れ*****/
#flow-area{
	position: relative;
	z-index: 100;
	margin: 0 auto 60px;
}
.flow-box{
	align-items: flex-start;
	position: relative;
	padding-bottom: 50px;
}
#flow4{padding-bottom: 0;}
.flow-box:after{
	content: '';
	display: block;
	background: url(../../common/images/flow-line.png) repeat-y center top;
	background-size:8px auto;
	left: 80px;
	top: 30px;
	width: 8px;
	height: 100%;
	position: absolute;
	z-index: 0;
}
#flow4:after{content: none;}
.flow-box h3.step{
	background: url(../../common/images/circle-yellow.png) no-repeat center top;
	background-size: 100% 100%;
	width: 160px;
	height: 160px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 30px;
	position: relative;
	z-index: 100;
	text-align: center;
}
.flow-box .text{
	border: 4px solid #cfe5bb;
	background: #fff;
	border-radius: 4px;
	padding: 35px 50px 30px;
	text-align: left;
	flex: 2;
}
#flow1 .text h3{margin: 5px 30px 5px 0;}
#flow1 .tel-num{
	font-size: 1.4em;
	padding: 0 10px 0 0;
}
#flow-area .text .button{line-height: 50px;}
#flow2 .text .button{margin-top: 20px;}
#care-sec2 .leaf,#care-sec4 .leaf{z-index: 1;}
#care-sec3,#care-sec4,#care-sec5{padding-top: 120px;}
.price-area{
	background: url(../../common/images/back-pink-stripe.jpg) no-repeat center center;
	background-size: 2000px auto;
	border-radius: 4px;
	padding: 30px 50px 25px;
	margin: 15px auto;
}
.price-area h3.title .min{font-size: 0.8em;}
#care-sec3-bottom{align-items: stretch;}
.care-sec3-box{
	width: 48%;
	margin: 0;
	padding-top: 0;
	padding-bottom: 30px;
}
.care-sec3-box .title-area {margin: -40px auto 15px;}
.care-sec3-box .title-area h3 {
	margin: 0;
	line-height: 140%;
	text-align: center;
	font-weight: normal;
}
#care-sec3-box2 .title-area h3 {
	background: url(../../common/images/day-h3-circle1.png) no-repeat center top;
	background-size: 186px auto;
	display: flex;
	align-items: center;
	height: 170px;
	width: 100%;
	justify-content: center;
	padding: 0 25px 0 0;
}
#care-sec3-box3 .title-area h3 {
	background: url(../../common/images/day-h3-circle2.png) no-repeat center top;
	background-size: 200px auto;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 170px;
	padding: 16px 0 0 30px;
}
.care-sec3-box .leaf{
	bottom: 0;
	right: -50px;
}
#care-sec3-1 .text{
	max-width: 560px;
	margin: 0 auto;
}
#care-sec3-1 .text p{
	align-items: flex-start;
	padding-bottom: 10px;
}
#care-sec3-1 .title-p{
	position: relative;
	padding: 0 0 0 40px;
	font-size: 22px;
	width: 6em;
}
#care-sec3-1 .title-p:before {
	content: '';
	display: block;
	background: url(../../common/images/icon-top-sec1.png) no-repeat center top;
	background-size: 100% auto;
	width: 30px;
	height: 28px;
	position: absolute;
	left: 0;
	top: 0;
}
#care-sec4 table{
	border: 3px solid #f7f4ed;
	border-radius: 4px;
	background: #fff;
	position: relative;
	z-index: 100;
}
/*問い合わせ*/
#care-sec5-1{padding: 50px 30px;}
#care-sec5-1 .message-tree{margin: 0 30px 0 0;}
#care-sec5-1 dl {
	align-items: stretch;
	margin: 0 auto 8px;
}
#care-sec5-1 dl dt{
	width: 6em;
	font-size: 20px;
	position: relative;
}
#care-sec5-1 dl dt:before{
	content: '';
	display: inline-block;
	background: url(../../common/images/sec2-box-circle.png) no-repeat center top;
	width: 14px;
	height: 14px;
	background-size: 100% auto;
	margin-right: 10px;
}
/***フォーム**/
#contact-mail-area table {
	border: #f4f2ed 2px solid;
	border-radius: 6px;
}
.form-h3{margin: 25px auto 4px;}
.td-box{margin: 0 auto 15px;}
.td-box .text{
	padding: 0 0 3px 0;
	font-family: 'Mame';
	font-size: 18px;
}
/***アクセス**/
#day-sec3-3{
	border: 4px solid #b3dcea;
	padding: 40px 20px 20px;
	background: #fff;
	z-index: 100;
}
#day-sec3-3-title{
	background: url(../../common/images/h3-ribon-blue.png) no-repeat center top;
	width: 430px;
	height: 82px;
	background-size: 100% 100%;
	margin: auto;
	text-align: center;
	padding: 10px 0 0 0;
	position: absolute;
	left: 0;
	right: 0;
	top: -28px;
}
.day-map{
	display: block;
	margin: 0 auto 20px;
}
#access-h3-bottom{align-items: flex-start;}
#day-sec3-3 .button{
	display: block;
	margin: 10px auto;
}

@media only screen and (max-width:1039px){
	.day-logo-circle{width: 180px;height: auto;}
	#care-sec1-1,#care-sec1-2{margin-bottom: 20px;}
	#page-nav {margin: 20px auto 10px;}
	#page-nav ul{flex-wrap: wrap;}
	#page-nav ul li{width: 31%;margin: 0 1% 15px;}
	
	.activity-area {margin-bottom: 25px;}
	.activity-box {margin: 0 30px 25px;max-width: initial !important;width: auto;}
	.activity-flow{display: block;}
	#activity-box2-1{margin: 0 30px 0;max-width: initial !important;width: auto;}
	.activity2-box {width: 100%;display: flex;height: auto;align-items: center;justify-content: flex-start;}
	.activity2-box .text{flex: 2;}
	.activity-flow h3 {font-size: 20px;padding: 0;width: 6em;margin: 0 25px 0 0;line-height: 120% !important;}
	.activity-flow .arrow-flow-pc{display: none;}
	.activity-flow .arrow-flow-sp{display: block;margin: 0 auto;}
	.flow-box h3.step {width: 120px;height: 120px;margin-right: 15px;}
	.flow-box:after {left: 57px;}
	.flow-box .text {padding: 20px 20px 15px;}
	#care-price{margin: 0 auto 20px;}
	#care-sec3-box2 .title-area h3 {background-size: 136px auto;height: 125px;}
	#care-sec3-box3 .title-area h3 {background-size: 150px auto;height: 125px;}
	#care-sec5-1{margin: 0 auto 20px;padding: 30px 20px;}
}
@media only screen and (max-width: 789px){
	#time-schedule-area{display: block;}
	#time-schedule-area #schedule-title {margin: 0 auto 20px;justify-content: center;}
	
	.activity-box{display: block;padding: 25px 25px 30px;}
	.activity-box .title-area{width: 400px !important;	margin: 0 auto 10px !important;	padding: 0 !important;}
	.activity-box .text-area{margin: 0 auto !important;width: auto;}
	.activity-box .photo-area{justify-content: center;padding: 0;margin: 0 auto 20px;}
	.activity-box .photo-area .img-box {margin: 0 1%;}
	#activity1 .activity-box .photo-circle img {width: 120px;height: 120px;}
	#activity1 .activity-box .photo-area-top, #activity1 #activity-box1-bottom4 .photo-area {margin-left: 0;display: block !important;}
	#activity1 .photo-area-top .photo-square,#activity-box1-bottom4 .photo-square{margin: 0 auto 15px;}
	.activity-box1-bottom-2 .balloon, #activity-box1-bottom4 .photo-area p {width: auto;max-width: 400px;margin: 0 auto;}
	.music-club-bottom li {margin: 0 5px;padding: 2px 12px;}

	#activity-box3-2 .title-area h3 {font-size: 22px;}
	.time-schedule dt {margin: 0 15px 0 0;}
	#activity2 .activity-box .title-area h3 {background-size: auto 100px;height: 100px;padding: 0 16px 0 0;position: absolute;top: -25px;left: 0;	right: 0;font-size: 22px;margin: 0 15px 0 0;}
	#activity2 #activity-box2-2 .title-area h3 {padding: 9px 0 0 20px;margin: 0 15px 0 0;}
	
	#activity2 .activity-box{overflow: visible;padding-top: 50px;margin-top: 10px;margin-bottom: 25px;}
	#activity2 .activity-box .title-area{position: initial;}
	
	.flow-box {display: block;padding-bottom: 30px;}
	.flow-box h3.step {margin: 0 auto -20px;}
	.flow-box .text {z-index: 10;position: relative;}
	.flow-box:after {background-size: 5px auto;left: 0;right: 0;margin: auto;width: 5px;}
	#flow2 .text .button {margin: 0 auto;}
	.price-area {padding: 20px 25px 15px;}
	#care-sec3-bottom{display: block;}
	.care-sec3-box {width: 100%;margin: 0 auto 20px;}
	.care-sec3-box .title-area {margin: 0 auto 15px;}
	#care-sec5-1{position: relative;overflow: hidden;padding: 30px 20px 20px;}
	#care-sec5-1 .message-tree {margin: 0;position: absolute;left: -50px;bottom: 0;opacity: 0.5;width: 240px;height: auto;}
	.td-box {margin: 0 auto 30px;}
	.td-box .text {padding: 0 0 5px 0;display: block;}
}
@media only screen and (max-width: 589px){
	#open-data {font-size: 24px;}
	#page-nav ul li:after {width: 10px;height: 10px;right: 0;top: auto;bottom: 5px;margin: auto;left: 0;}
	.service-side-box .button-min {font-size: 12px;}
	.activity-area .pink-title-area {margin: 0 auto 25px;}
	.activity-box {margin: 0 15px 20px;padding: 15px 20px 25px;}
	.activity-box-left .title-area h3 {background-size: 150px auto;height: 140px;padding: 0 23px 0 0;}
	.activity-box-right .title-area h3 {background-size: 160px auto;height: 135px;padding: 12px 0 0 28px;}
	.activity-list {flex-wrap: wrap;}
	.activity-list li {padding: 1px 12px;margin: 4px 5px;}
	#activity1-bottom p {font-size: 18px;}
	#activity1 .activity-box .photo-area-bottom .photo-circle{margin: 0 5%;}
	#activity1 .photo-square {width: 160px;}
	#activity1 .photo-square img {width: 150px;height: 150px;}
	#activity1 .photo-square p.min-title {height: 32px;width: 120px;font-size: 14px;margin: -30px auto 0;}
	#activity1 .activity-box .photo-area-bottom{padding-top: 0;}
	#activity1 .activity-box .photo-area-bottom:before{content: none;}
	.music-club-bottom li:before {width: 24px;height: 22px;}
	
	#activity-box2-1{margin: 0 15px 0;}
	
	.activity-flow h3 {font-size: 18px;}
	.activity-flow .arrow-flow-sp {	width: 22px;height: auto;}
	.bottom-title h3 {font-size: 16px;}
	#activity-box3-2 .title-area h3 {font-size: 20px;}
	.time-schedule dt {width: 10em;}
	.flow-box {padding-bottom: 15px;}
	.flow-box h3.step {width: auto;background-size: auto 100px;height: 100px;}
	#care-sec3, #care-sec4, #care-sec5 {padding-top: 80px;}
	#care-sec4 table th, #care-sec4 table td {display: block;width: 100%;}
}
@media only screen and (max-width: 489px){
	.day-logo-circle{width: 150px;}
	#page-nav ul li a {font-size: 15px;}
	#care-sec1-1 #top-new-title {padding: 8px 0 0 0;font-size: 18px;width: 335px;}
	#open-data {font-size: 22px;}
	#care-sec1-1 .blog-button{justify-content: center;width: auto;padding: 12px 20px;}
	.activity-box .title-area{width: 100% !important;}
	.activity-list {padding: 0 0 12px;}
	.activity-box .photo-area {margin: 0 auto 20px;display: block;}
	.activity-box .photo-area .img-box ,#activity-box2-1 .activity-box .photo-area .img-box{margin: 0 auto 15px;width: 100%;max-width: 280px;}
	.activity-box1-bottom-2 .bottom-title h3{display: block;font-size: 16px;height: 54px;width: 300px;}
	#activity1 .photo-square {width: 180px;margin-bottom: 20px;}
	#activity1 .photo-square img {width: 180px;height: 180px;}
	#activity1 .activity-box .photo-area-bottom{display: block;}
	.music-club-bottom li{text-align: left;line-height: 120%;padding: 2px 5px;}
	#activity-box2-1{display: block;}
	#activity-box2-1 .activity-box{width: 100%;}
	#activity2 .activity-box .title-area h3{font-size: 19px;top: -20px;}
	.activity2-box {display: block;}
	.activity-flow{text-align: center;}
	.activity-flow h3 {font-size: 18px;padding: 0;width: auto;margin: 0 auto 10px;}
	.activity-flow h3 img{width: 20px;height: auto;}
	.activity-flow h3 br{display: none !important;}
	#activity1 .activity-box .photo-area{display: flex;}
	#activity1 .activity-box .photo-circle {width: 48%;}
	.bottom-title h3 {font-size: 16px;line-height: 110% !important;display: flex;justify-content: center;align-items: center;min-height: 40px;}
	#activity1 .activity-box .photo-circle {width: 100%;display: flex;justify-content: flex-start;align-items: center;}
	#activity1 .activity-box1-bottom-2 .photo-circle{display: block;width: 40%;}
	#activity1 .activity-box .photo-circle img {width: 100px;height: 100px;}
	#activity1 .activity-box .photo-circle p {flex: 2;padding: 0 0 0 15px;text-align: left;}
	#activity-box3-2 .title-area h3 {font-size: 18px;}
	.flow-box .text .list{display: block;text-align: center;}
	#flow1 .text h3{justify-content: center;}
	#flow-area .text .button{margin: 0 auto;}
	#care-sec5-1 dl dt {font-size: 18px;}
	#care-sec5-1 dl dd{flex: 2;}
	#period-area{flex-wrap: wrap;}
	#period-area input{width: 46%;}
}
@media only screen and (max-width: 389px){
	#page-nav ul li a {border: 2px solid #ffd2d1;padding: 8px 0 12px;font-size: 14px;}
	#care-sec1-1 #top-new-title {padding: 6px 0 0 0;font-size: 16px;width: 305px;height: 84px;}
	#care-sec1-1 .blog-button {padding: 12px 13px;font-size: 18px;}
	#time-schedule-area #schedule-title {font-size: 23px;}
	.activity-box-left .title-area h3 {background-size: 140px auto;height: 128px;padding: 0 21px 0 0;}
	.activity-box-right .title-area h3 {background-size: 140px auto;height: 122px;padding: 12px 0 0 24px;}
	.activity-box .photo-area .img-box, #activity-box2-1 .activity-box .photo-area .img-box {max-width: 100%;}
	.activity-area .button-contact {margin: 0 15px;width: auto;font-size: 18px;}
	.bottom-title h3 {margin: 0 2px;padding: 5px 10px 5px 10px;font-size: 14px;}
	#activity1 .activity-box .photo-circle img {width: 80px;height: 80px;}
	#activity1 .photo-square {width: 160px;}
	#activity1 .photo-square img {width: 160px;height:160px;}
	
	.activity-box1-bottom-2 .bottom-title h3 {padding: 12px 0 0 !important;font-size: 14px;}
	.music-club-bottom {margin: 12px auto 0;display: block;}
	.music-club-bottom li {margin: 8px auto 0;}
	.music-club-bottom li br{display: none !important;}
	
	
	
	.time-schedule dt {	width: 7em;}
	.time-schedule dd{flex: 2;}
	#care-sec5-1 dl{display: block;}
	#care-sec5-1 dl dd{flex: 2;}
}

#day-photo-area{
	padding: 15px 10px;
	position: relative;
	z-index: 100;
}
#day-photo-area .photoarea-lead{text-align: center;}
.photo-box{
	width: 100%;
	height: 190px;
	border: 2px solid #fff;
	overflow: hidden;
}

#gallery-inner .photo img{
	object-fit: cover;
	width: 100%;
	height: 100%;
}
#gallery-inner .photo .text{
	padding: 5px 0 0;
	display: block;
}

#day-sec3 .cont-box{z-index: 100;}
#day-sec3-1 table td a{display: block;}
.day-sec3-leaf-left{left: 0;}
.day-sec3-leaf-right{right: 0;}
.day-sec3-leaf-right,.day-sec3-leaf-left{z-index: 0;}

#day-title-img{
	width: 100%;
	position: relative;
	z-index: 0;
	max-height: 500px;
}
#day-title-img img{
	width: 100%;
	height: auto;
	object-fit: cover;
}
@media only screen and (min-width:1600px){
	#day-title-img img{
		width: 100%;
		height: 500px;
		object-fit: cover;
	}
}
#day-title-img img.img-sp{display: none;}

@media only screen and (max-width:1039px){
	#day-photo-area{margin-bottom: 40px;}
	}

@media only screen and (max-width: 789px){
	#gallery-inner .photo-box{height: 160px;}
	#gallery-inner{flex-wrap: wrap;}
	#gallery-inner .photo{width: 48%;margin: 5px 1%;}
	#gallery-inner .photo-box{height: 160px;}
	.day-sec1-circle {width: 120px;left: -10px;bottom: -25px;}
	.day-map{max-width: 100%;}
}

.page-title-oubai{
	margin: 0 auto 0px !important;
}

@media only screen and (max-width: 589px) {
    #day-title-img img.img-sp {
        display: block;
        height: auto;
        width: 100%;
		padding-top: 2px;
    }
	    #day-title-img img.img-pc {
        display: none;
    }
}
}