@charset "utf-8";
/*.design-bg{ width: 1400px; height: 10618px; background: url('../design_img/care.jpg') 0 0 no-repeat; position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0); z-index: -1; opacity: .5; background-size: 1400px; }*/


@-webkit-keyframes arrow {
	50% {
		bottom: -26px;
	}
	100% {
		bottom: -23px;
	}
}


@keyframes arrow {
	50% {
		bottom: -26px;
	}
	100% {
		bottom: -23px;
	}
}

@media print, screen and (min-width: 751px) {
#main 					{ margin-top: 60px; }
.mainImage 				{ height: 884px; padding-top: 80px; background: url('../img/care/main-image.jpg') 50% 50% no-repeat; background-size: cover; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
.mainImage h2 			{ margin-bottom: 30px; font-size: 1.65rem; color: #7cc156; line-height: 1.5; }
.mainImage .textB 		{ margin-bottom: 30px; }
.mainImage>div 			{ margin-bottom: 30px; }
.mainImage .text 		{ font-size: .9rem; font-weight: normal; line-height: 2.4; }
.mainImage .text.mt 	{ margin-top: 40px; }

#care .linkNav 			{ width: 100%; max-width: 996px; margin: -75px auto 0; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 2; position: relative; }
#care .linkNav li 		{ margin-right: 4px; }
#care .linkNav li a 	{ display: block; }
#care .linkNav li a:hover{  }
#care .linkNav li:last-of-type{ margin-right: 0; }
#care .linkNav li p 	{ margin-top: 33px; font-size: 1.15rem; font-weight: 700; text-align: center; position: relative; }
#care .linkNav li p:before{ content: ''; width: 4px; height: 50px; background-color: #7cc156; position: absolute; top: -58px; left: 50%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0); }
#care .linkNav li p:after{ content: ''; width: 23px; height: 13px; background: url('../img/common/arrow-b.svg') 0 0 no-repeat; position: absolute; bottom: -23px; left: 50%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0); }
#care .linkNav li a:hover p:after{ -webkit-animation: arrow .5s; animation: arrow .5s; }

#advance 				{ margin-top: 202px; padding-bottom: 120px; position: relative; }
#advance:before 		{ content: ''; width: 100%; height: 400px; background-color: #fff; position: absolute; top: 0; left: 0; z-index: -1; }
#advance:after 			{ content: ''; width: 100%; height: 100%; background-color: #f9f7f3; position: absolute; top: 0; left: 0; z-index: -2; }

.imgTitle 				{ font-size: 1.7rem; text-align: center; }
.imgTitle span 			{ margin-top: 17px; display: block; }

.top.master 			{ max-width: 1400px; margin-top: 68px; display: -webkit-box; display: -ms-flexbox; display: flex; }
.top.master>figure 		{ width: 47.858%; margin-top: 8px; }
.top.master>div 		{ width: 40%; max-width: 470px; margin-left: 4.5%; text-align: justify; }
.top.master>div h3 		{ margin-bottom: 20px; font-size: 2.15rem; line-height: 1.7; }
.top.master>div p 		{ line-height: 2.05; font-size: .92rem; }
.top.master>div div 	{ margin-top: 33px; padding: 30px 10px 20px; border: 2px solid #8cd059; border-radius: 10px; background-color: #fff; }
.top.master>div div h4 	{ font-size: 1.2rem; color: #8cd059; text-align: center; }
.top.master>div div ul 	{ margin-top: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.top.master>div div ul li{ width: 50%; line-height: 1.5; }
.top.master>div div ul li:nth-of-type(n+3){ margin-top: 10px; }
.top.master>div div p 	{ /*margin-top: -25px;*/ padding-right: 23px; text-align: right; }

.top.reverse 			{  }
.top.reverse>figure 	{ margin-left: 4.5%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
.top.reverse>div 		{ margin-left: auto; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }

.lineTitle 				{ font-size: 1.6rem; text-align: center }
.lineTitle span 		{ position: relative; display: inline-block; }
.lineTitle span:after 	{ content: ''; width: 100%; height: 4px; background-color: #cb8e71; position: absolute; bottom: -15px; left: 0; }

.subsidy 				{ max-width: 998px; margin-top: 120px; padding: 60px; background-color: #fff; }
.subsidy .box 			{ margin-top: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; }
.subsidy .box>div 		{ width: 48%; }
.subsidy .box>div p 	{ line-height: 2.2; }
.subsidy .box>figure 	{ width: 47.382%; margin-top: 10px; margin-left: auto; }
.subsidy h4				{ margin-top: 81px; padding: 8px; font-size: 1.18rem; text-align: center; background-color: #cb8e71; color: #fff; }
.subsidy>ul 			{ margin: 40px 0 30px; display: -webkit-box; display: -ms-flexbox; display: flex; }
.subsidy>ul li 			{ width: 47.609%; }
.subsidy>ul li:nth-of-type(2n){ margin-left: auto; }
.subsidy>p 				{ font-size: .93rem; line-height: 2; }

#build 					{ margin-top: 170px; padding-bottom: 120px; position: relative; }
#build:before 			{ content: ''; width: 100%; height: 400px; background-color: #fff; position: absolute; top: 0; left: 0; z-index: -1; }
#build:after 			{ content: ''; width: 100%; height: 100%; background-color: #f9f7f3; position: absolute; top: 0; left: 0; z-index: -2; }

#oparation 				{ margin-top: 170px; padding-bottom: 120px; position: relative; }
#oparation:before 		{ content: ''; width: 100%; height: 400px; background-color: #fff; position: absolute; top: 0; left: 0; z-index: -1; }
#oparation:after 		{ content: ''; width: 100%; height: 100%; background-color: #f9f7f3; position: absolute; top: 0; left: 0; z-index: -2; }
#oparation .top.master>div div ul li:nth-of-type(7){ white-space: nowrap; }

#sustinable 			{ margin-top: 170px; padding-bottom: 120px; position: relative; }
#sustinable:before 		{ content: ''; width: 100%; height: 400px; background-color: #fff; position: absolute; top: 0; left: 0; z-index: -1; }
#sustinable:after 		{ content: ''; width: 100%; height: 100%; background-color: #f9f7f3; position: absolute; top: 0; left: 0; z-index: -2; }

.movie 					{ max-width: 998px; margin-top: 120px; padding: 56px 55px; background-color: #fff; }
.movie>div 				{ margin-top: 30px; /*position: relative; width: 100%; padding-top: 51%;*/ }
.movie>div video 		{ top:0; width: 100%; height: 100%; background: #000; }

}


@media screen and (max-width: 1400px) and (min-width: 750px) {
}


@media screen and (max-width: 750px) {
#main 					{ margin-top: 30px; }
.mainImage 				{ height: auto; padding: 50px 2% 90px; background: url('../img/care/main-image.jpg') 50% 50% no-repeat; background-size: cover; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
.mainImage h2 			{ margin-bottom: 20px; font-size: 1.25rem; color: #7cc156; line-height: 1.5; }
.mainImage .textB 		{ font-size: .9rem; margin-bottom: 20px; }
.mainImage div 			{ margin-bottom: 20px; }
.mainImage .text 		{ font-size: .8rem; font-weight: normal; line-height: 2; }
.mainImage .text.mt 	{ margin-top: 20px; }

#care .linkNav 		{ width: 90%; max-width: 996px; margin: -55px auto 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; z-index: 2; position: relative; }
#care .linkNav li 		{ width: 49%; margin-right: 2%; }
#care .linkNav li:nth-of-type(2n){ margin-right: 0; }
#care .linkNav li:nth-of-type(n+3){ margin-top: 40px; }
#care .linkNav li a 	{ display: block; }
#care .linkNav li a:hover{  }
#care .linkNav li:last-of-type{ margin-right: 0; }
#care .linkNav li p 	{ margin-top: 20px; font-size: .95rem; font-weight: 700; text-align: center; position: relative; }
#care .linkNav li p:before{ content: ''; width: 2px; height: 34px; background-color: #7cc156; position: absolute; top: -38px; left: 50%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0); }
#care .linkNav li p:after{ content: ''; width: 14px; height: 9px; background: url('../img/common/arrow-b.svg') 0 0 no-repeat; position: absolute; bottom: -18px; left: 50%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0); background-size: 14px; }
#care .linkNav li a:hover p:after{ -webkit-animation: arrow .5s; animation: arrow .5s; }

#advance 				{ margin-top: 90px; padding-bottom: 60px; position: relative; background-color: #f9f7f3; }
/*#advance:before 		{ content: ''; width: 100%; height: 400px; background-color: #fff; position: absolute; top: 0; left: 0; z-index: -1; }
#advance:after 			{ content: ''; width: 100%; height: 100%; background-color: #f9f7f3; position: absolute; top: 0; left: 0; z-index: -2; }*/

.imgTitle 				{ font-size: 1.2rem; text-align: center; background-color: #fff; }
.imgTitle span 			{ margin-top: 10px; display: block; }
#advance .imgTitle img 	{ width: 56px; }
#build .imgTitle img 	{ width: 31px; }
#oparation .imgTitle img{ width: 65px; }
#sustinable .imgTitle img{ width: 68px; }

.top.master 			{ width: 100%; max-width: 1400px; padding-top: 30px; background-color: #fff; }
.top.master>figure 		{  }
.top.master>div 		{ padding: 0 5%	; text-align: justify; }
.top.master>div h3 		{ margin: 15px 0 10px; font-size: 1.4rem; line-height: 1.7; }
.top.master>div p 		{ line-height: 1.7; font-size: .9rem; }
.top.master>div div 	{ margin-top: 25px; padding: 20px 10px 20px; border: 2px solid #8cd059; border-radius: 10px; background-color: #fff; }
.top.master>div div h4 	{ font-size: 1rem; color: #8cd059; text-align: center; }
.top.master>div div ul 	{ margin-top: 20px; }
.top.master>div div ul li{ line-height: 1.5; }
.top.master>div div ul li:nth-of-type(n+2){ margin-top: 10px; }
.top.master>div div p 	{  }

.lineTitle 				{ font-size: 1.2rem; text-align: center }
.lineTitle span 		{ position: relative; display: inline-block; }
.lineTitle span:after 	{ content: ''; width: 100%; height: 2px; background-color: #cb8e71; position: absolute; bottom: -10px; left: 0; }

.subsidy 				{ max-width: 998px; margin-top: 60px; padding: 25px 15px; background-color: #fff; }
.subsidy .box 			{ margin-top: 30px; }
.subsidy .box>div 		{  }
.subsidy .box>div p 	{ line-height: 1.7; }
.subsidy .box>figure 	{ margin-top: 15px; margin-left: auto; }
.subsidy h4				{ margin-top: 60px; padding: 8px; font-size: .95rem; text-align: center; background-color: #cb8e71; color: #fff; }
.subsidy>ul 			{ margin: 20px 0 15px; }
.subsidy>ul li 			{ text-align: center; }
.subsidy>ul li:nth-of-type(n+2){ margin-top: 15px; }
.subsidy>p 				{ font-size: .9rem; line-height: 1.7; }

#build 					{ margin-top: 90px; padding-bottom: 60px; position: relative; background-color: #f9f7f3; }

#oparation 				{ margin-top: 90px; padding-bottom: 60px; position: relative; background-color: #f9f7f3; }

#sustinable 			{ margin-top: 90px; padding-bottom: 60px; position: relative; background-color: #f9f7f3; }

.movie 					{ max-width: 998px; margin-top: 30px; padding: 25px 20px; background-color: #fff; }
.movie>div 				{ margin-top: 30px; /*position: relative; width: 100%; padding-top: 51%;*/ }
.movie>div video 		{ top:0; width: 100%; height: 100%; background: #000; }

#reservationContact 	{ margin-top: 0; }
}