@charset "utf-8";
/*.design-bg{ width: 1400px; height: 10618px; background: url('../design_img/about.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: 740px; padding-top: 80px; background: url('../img/about/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 .text 		{ font-size: .9rem; font-weight: normal; line-height: 2.4; }
.mainImage .text.mt 	{ margin-top: 40px; }

#about .linkNav 		{ width: 100%; max-width: 996px; margin: -75px auto 0; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 2; position: relative; }
#about .linkNav li 		{ margin-right: 4px; }
#about .linkNav li a 	{ display: block; }
#about .linkNav li a:hover{  }
#about .linkNav li:last-of-type{ margin-right: 0; }
#about .linkNav li p 	{ margin-top: 33px; font-size: 1.15rem; font-weight: 700; text-align: center; position: relative; }
#about .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); }
#about .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); }
#about .linkNav li a:hover p:after{ -webkit-animation: arrow .5s; animation: arrow .5s; }
	
#challenge 				{ margin-top: 80px; padding-bottom: 10px; position: relative; }
#challenge:before 		{ content: ''; width: 100%; height: 312px; background-color: #fff; position: absolute; top: 0; left: 0; z-index: -1; }
#challenge:after 		{ content: ''; width: 100%; height: 100%; background-color: #fff; position: absolute; top: 0; left: 0; z-index: -2; }

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

.squareTitle 			{ font-size: 1.9rem; text-align: center; }
.squareTitle span 		{ position: relative; display: inline-block; }
.squareTitle span:before{ content: ''; width: 13px; height: 13px; display: block; background-color: #7cc156; position: absolute; top: 50%; left: -38px; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); }
.squareTitle span:after { content: ''; width: 13px; height: 13px; display: block; background-color: #cb8e71; position: absolute; top: 50%; right: -38px; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); }

#clt .top.master 		{ max-width: 1400px; margin-top: 68px; display: -webkit-box; display: -ms-flexbox; display: flex; }
#clt .top.master>figure { width: 47.858%; margin-top: 8px; }
#clt .top.master>div 	{ width: 40%; max-width: 470px; margin-left: 4.5%; text-align: justify; }
#clt .top.master>div h3 { margin-bottom: 26px; font-size: 1.23rem; line-height: 1.7; }
#clt .top.master>div p 	{ line-height: 2.05; font-size: .92rem; }

#clt .features 			{ max-width: 998px; margin-top: 120px; padding: 56px 60px; background-color: #fff; }

.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; }
	

#clt .features ul 		{ margin-top: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#clt .features ul li 	{ width: 32.4%; border-right: 2px solid #f9f7f3; }
#clt .features ul li:nth-of-type(3n+1){ padding-right: 3%; }
#clt .features ul li:nth-of-type(3n+2){ width: 35.2%; padding: 0 3%; }
#clt .features ul li:nth-of-type(3n){ margin-right: 0; padding-left: 3%; border-right: 0; }
#clt .features ul li:nth-of-type(-n+3){ padding-bottom: 20px; }
#clt .features ul li:nth-of-type(n+4){ padding-top: 30px; border-top: 2px solid #f9f7f3; }
#clt .features ul li>div{min-height: 78px; margin-bottom: 13px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#clt .features ul li>div h4{ margin-left: 15px; font-size: 1.4rem; }
#clt .features ul li p 	{ font-size: .95rem; text-align: justify; line-height: 2; }

#clt .structure 		{ max-width: 998px; margin-top: 113px; padding: 35px; border: 2px solid #7cc156; border-radius: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; }
#clt .structure>div 	{ width: 48.5%; }
#clt .structure>div h3 	{ margin-bottom: 18px; color: #7cc156; font-size: 1.3rem; }
#clt .structure>div p 	{ text-align: justify; font-size: 1rem; line-height: 1.8; }
#clt .structure>div img { width: 50.879%; float: right; margin: 15px 10px 0 15px; display: block; }
#clt .structure>figure 	{ width: 47.295%; margin-left: auto; }
	
#challenge .movie 		{ max-width: 998px; margin-top: 120px; padding: 56px 55px; background-color: #fff; }
/*#clt .movie>div 		{ margin-top: 60px; position: relative; width: 100%; padding-top: 51%; }
#clt .movie>div iframe 	{ position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }*/
#challenge .movie>div 	{ margin-top: 30px; /*position: relative; width: 100%; padding-top: 51%;*/ }
#challenge .movie>div video 	{ top:0; width: 100%; height: 100%; background: #000; }

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

#patternModel .movie 	{ max-width: 998px; margin-top: 120px; padding: 56px 55px; background-color: #fff; }
/*#clt .movie>div 		{ margin-top: 60px; position: relative; width: 100%; padding-top: 51%; }
#clt .movie>div iframe 	{ position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }*/
#patternModel .movie>div 		{ margin-top: 30px; /*position: relative; width: 100%; padding-top: 51%;*/ }
#patternModel .movie>div video 	{ top:0; width: 100%; height: 100%; background: #000; }
	
#user .movie 	{ max-width: 998px; margin-top: 120px; padding: 56px 55px; background-color: #fff; }
/*#clt .movie>div 		{ margin-top: 60px; position: relative; width: 100%; padding-top: 51%; }
#clt .movie>div iframe 	{ position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }*/
#user .movie>div 		{ margin-top: 30px; /*position: relative; width: 100%; padding-top: 51%;*/ }
#user .movie>div video 	{ top:0; width: 100%; height: 100%; background: #000; }

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

#patternModel .top.master{ max-width: 1400px; margin-top: 68px; display: -webkit-box; display: -ms-flexbox; display: flex; }
#patternModel .top.master>figure{ width: 47.858%; margin-top: 8px; margin-left: 4.5%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
#patternModel .top.master>div{ width: 40%; max-width: 470px; margin-left: auto; text-align: justify; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
#patternModel .top.master>div h3{ margin-bottom: 26px; font-size: 1.23rem; line-height: 1.7; }
#patternModel .top.master>div p{ line-height: 2.05; font-size: .92rem; }

#patternModel .features { max-width: 998px; margin-top: 120px; padding: 56px 60px; background-color: #fff; }
#patternModel .features ul{ margin-top: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#patternModel .features ul li{ width: 50%; border-right: 2px solid #f9f7f3; }
#patternModel .features ul li:nth-of-type(2n+1){ padding-right: 3%; }
#patternModel .features ul li:nth-of-type(2n){ margin-right: 0; padding-left: 3%; border-right: 0; }
#patternModel .features ul li:nth-of-type(-n+2){ padding-bottom: 20px; }
#patternModel .features ul li:nth-of-type(n+3){ padding-top: 30px; border-top: 2px solid #f9f7f3; }
#patternModel .features ul li>div{min-height: 78px; margin-bottom: 13px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#patternModel .features ul li>div h4{ margin-left: 15px; font-size: 1.4rem; line-height: 1.3; }
#patternModel .features ul li p{ font-size: .95rem; text-align: justify; line-height: 2; }

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

#businessPerson .top.master{ max-width: 1400px; margin-top: 68px; display: -webkit-box; display: -ms-flexbox; display: flex; }
#businessPerson .top.master>figure{ width: 47.858%; margin-top: 8px; }
#businessPerson .top.master>div{ width: 40%; max-width: 470px; margin-left: 4.5%; text-align: justify; }
#businessPerson .top.master>div h3{ margin-bottom: 26px; font-size: 1.23rem; line-height: 1.7; }
#businessPerson .top.master>div p{ line-height: 2.05; font-size: .92rem; }

#businessPerson .features{ max-width: 998px; margin-top: 120px; padding: 56px 60px; background-color: #fff; }
#businessPerson .features ul{ margin-top: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#businessPerson .features ul li{ width: 32.4%; border-right: 2px solid #f9f7f3; }
#businessPerson .features ul li:nth-of-type(3n+1){ padding-right: 3%; }
#businessPerson .features ul li:nth-of-type(3n+2){ width: 35.2%; padding: 0 3%; }
#businessPerson .features ul li:nth-of-type(3n){ margin-right: 0; padding-left: 3%; border-right: 0; }
#businessPerson .features ul li:nth-of-type(-n+3){ padding-bottom: 20px; }
#businessPerson .features ul li:nth-of-type(n+4){ padding-top: 30px; border-top: 2px solid #f9f7f3; }
#businessPerson .features ul li>div{min-height: 78px; margin-bottom: 13px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#businessPerson .features ul li>div h4{ margin-left: 15px; font-size: 1.4rem; }
#businessPerson .features ul li p{ font-size: .95rem; text-align: justify; line-height: 2; }

#care 					{ height: 494px; padding-top: 75px; background: url('../img/about/care.jpg') 50% 50% no-repeat; background-size: cover; }
#care .title 			{ color: #fff; }
#care p 				{ margin-top: 35px; text-align: center; color: #fff; line-height: 2; }
#care a 				{ width: 100%; max-width: 450px; height: 90px; margin: 35px auto 0; display: block; border-radius: 45px; border: 2px solid #7cc156; background: #fff url(../img/common/arrow-btn.svg) 41px 50% no-repeat; font-size: 1.1rem; font-weight: 700; color: #7cc156; cursor: pointer; -webkit-transition: .5s; transition: .5s; line-height: 90px; text-align: center; }
#care a:hover 			{ opacity: 1; background: #7cc156 url(../img/common/arrow-btn-hover.svg) 41px 50% no-repeat; color: #fff; }

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

#user .top.master 		{ max-width: 1400px; margin-top: 68px; display: -webkit-box; display: -ms-flexbox; display: flex; }
#user .top.master>figure{ width: 47.858%; margin-top: 8px; margin-left: 4.5%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
#user .top.master>div 	{ width: 40%; max-width: 470px; margin-left: auto; text-align: justify; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
#user .top.master>div h3{ margin-bottom: 26px; font-size: 1.23rem; line-height: 1.7; }
#user .top.master>div p { line-height: 2.05; font-size: .92rem; }

#user .userVoice 		{ max-width: 998px; margin-top: 120px; padding: 56px 60px; background-color: #fff; }
#user .userVoice ul{ margin-top: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#user .userVoice ul li 	{ width: 50%; border-right: 2px solid #f9f7f3; }
#user .userVoice ul li:nth-of-type(2n+1){ padding-right: 3%; }
#user .userVoice ul li:nth-of-type(2n){ margin-right: 0; padding-left: 3%; border-right: 0; }
#user .userVoice ul li:nth-of-type(-n+2){ padding-bottom: 20px; }
#user .userVoice ul li:nth-of-type(n+3){ padding-top: 30px; border-top: 2px solid #f9f7f3; }
#user .userVoice ul li>div{min-height: 78px; margin-bottom: 13px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#user .userVoice ul li>div h4{ margin-left: 15px; font-size: 1.4rem; line-height: 1.3; }
#user .userVoice ul li p{ font-size: .95rem; text-align: justify; line-height: 2; }
}


@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 0 90px; background: url('../img/about/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 .text 		{ font-size: .8rem; font-weight: normal; line-height: 2; }
.mainImage .text.mt 	{ margin-top: 20px; }

#about .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; }
#about .linkNav li 		{ width: 49%; margin-right: 2%; }
#about .linkNav li:nth-of-type(2n){ margin-right: 0; }
#about .linkNav li:nth-of-type(n+3){ margin-top: 40px; }
#about .linkNav li a 	{ display: block; }
#about .linkNav li a:hover{  }
#about .linkNav li:last-of-type{ margin-right: 0; }
#about .linkNav li p 	{ margin-top: 20px; font-size: .95rem; font-weight: 700; text-align: center; position: relative; }
#about .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); }
#about .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; }
#about .linkNav li a:hover p:after{ -webkit-animation: arrow .5s; animation: arrow .5s; }
	
#challenge 				{ margin-top: 60px; padding-bottom: 20px; position: relative; background-color: #fff; }
/*#clt:before 			{ content: ''; width: 100%; height: 312px; background-color: #fff; position: absolute; top: 0; left: 0; z-index: -1; }
#clt:after 				{ content: ''; width: 100%; height: 100%; background-color: #f9f7f3; position: absolute; top: 0; left: 0; z-index: -2; }*/

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

.squareTitle 			{ font-size: 1.4rem; text-align: center; background-color: #fff; }
.squareTitle span 		{ position: relative; display: inline-block; }
.squareTitle span:before{ content: ''; width: 8px; height: 8px; display: block; background-color: #7cc156; position: absolute; top: 50%; left: -20px; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); }
.squareTitle span:after { content: ''; width: 8px; height: 8px; display: block; background-color: #cb8e71; position: absolute; top: 50%; right: -20px; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); }

#clt .top.master 		{ width: 100%; max-width: 1400px; padding: 30px 0 0; background-color: #fff; }
#clt .top.master>figure { margin-top: 8px; }
#clt .top.master>div 	{ margin-top: 20px; padding: 0 5% 40px; text-align: justify; }
#clt .top.master>div h3 { margin-bottom: 15px; font-size: 1rem; line-height: 1.7; }
#clt .top.master>div p 	{ line-height: 1.7; font-size: .9rem; }

#clt .features 			{ max-width: 998px; margin-top: 60px; padding: 30px 5%; background-color: #fff; border-radius: 5px; }

.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; }

#clt .features ul 		{ margin-top: 40px; }
#clt .features ul li 	{  }
#clt .features ul li:nth-of-type(n+2){ margin-top: 15px; padding-top: 0; border-top: 1px solid #f9f7f3; }
#clt .features ul li>div{ min-height: 78px; margin-bottom: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#clt .features ul li:nth-of-type(1) img{ width: 52px; }
#clt .features ul li:nth-of-type(2) img{ width: 51px; }
#clt .features ul li:nth-of-type(3) img{ width: 51px; }
#clt .features ul li:nth-of-type(4) img{ width: 51px; }
#clt .features ul li:nth-of-type(5) img{ width: 41px; }
#clt .features ul li:nth-of-type(6) img{ width: 49px; }
#clt .features ul li>div h4{ margin-left: 15px; font-size: 1.05rem; }
#clt .features ul li:nth-of-type(5) h4{ margin-left: 25px; }
#clt .features ul li p 	{ font-size: .9rem; text-align: justify; line-height: 1.7; }

#clt .structure 		{ max-width: 998px; margin-top: 30px; padding: 25px 20px 20px; border: 2px solid #7cc156; border-radius: 10px; }
#clt .structure>div 	{  }
#clt .structure>div h3 	{ margin-bottom: 15px; color: #7cc156; font-size: 1rem; text-align: center }
#clt .structure>div p 	{ text-align: justify; font-size: .9rem; line-height: 1.7; }
#clt .structure>div img { width: 40%; float: right; margin: 15px 5px 0 15px; display: block; }
#clt .structure>figure 	{ margin-top: 20px; }
	
#challenge .movie 			{ max-width: 998px; margin-top: 30px; padding: 25px 20px; background-color: #fff; }
#challenge .movie>div 		{ margin-top: 30px; /*position: relative; width: 100%; padding-top: 51%;*/ }
#challenge .movie>div video 	{ top:0; width: 100%; height: 100%; background: #000; }
#patternModel 			{ margin-top: 90px; padding-bottom: 60px; position: relative; background-color: #fff; }
/*#patternModel:before 	{ content: ''; width: 100%; height: 312px; background-color: #fff; position: absolute; top: 0; left: 0; z-index: -1; }
#patternModel:after 	{ content: ''; width: 100%; height: 100%; background-color: #f9f7f3; position: absolute; top: 0; left: 0; z-index: -2; }*/

#clt .movie 			{ max-width: 998px; margin-top: 30px; padding: 25px 20px; background-color: #fff; }
#clt .movie>div 		{ margin-top: 30px; /*position: relative; width: 100%; padding-top: 51%;*/ }
#clt .movie>div video 	{ top:0; width: 100%; height: 100%; background: #000; }
#patternModel 			{ margin-top: 90px; padding-bottom: 60px; position: relative; background-color: #f9f7f3; }
/*#patternModel:before 	{ content: ''; width: 100%; height: 312px; background-color: #fff; position: absolute; top: 0; left: 0; z-index: -1; }
#patternModel:after 	{ content: ''; width: 100%; height: 100%; background-color: #f9f7f3; position: absolute; top: 0; left: 0; z-index: -2; }*/
	
#patternModel .movie 			{ max-width: 998px; margin-top: 30px; padding: 25px 20px; background-color: #fff; }
#patternModel .movie>div 		{ margin-top: 30px; /*position: relative; width: 100%; padding-top: 51%;*/ }
#patternModel .movie>div video 	{ top:0; width: 100%; height: 100%; background: #000; }
#patternModel 			{ margin-top: 90px; padding-bottom: 60px; position: relative; background-color: #f9f7f3; }
/*#patternModel:before 	{ content: ''; width: 100%; height: 312px; background-color: #fff; position: absolute; top: 0; left: 0; z-index: -1; }
#patternModel:after 	{ content: ''; width: 100%; height: 100%; background-color: #f9f7f3; position: absolute; top: 0; left: 0; z-index: -2; }*/
	
#user .movie 			{ max-width: 998px; margin-top: 30px; padding: 25px 20px; background-color: #fff; }
#user .movie>div 		{ margin-top: 30px; /*position: relative; width: 100%; padding-top: 51%;*/ }
#user .movie>div video 	{ top:0; width: 100%; height: 100%; background: #000; }
#user 			{ margin-top: 90px; padding-bottom: 60px; position: relative; background-color: #f9f7f3; }
/*#patternModel:before 	{ content: ''; width: 100%; height: 312px; background-color: #fff; position: absolute; top: 0; left: 0; z-index: -1; }
#patternModel:after 	{ content: ''; width: 100%; height: 100%; background-color: #f9f7f3; position: absolute; top: 0; left: 0; z-index: -2; }*/

#patternModel .top.master{ width: 100%; max-width: 1400px; padding-top: 30px; background-color: #fff; }
#patternModel .top.master>figure{ margin-top: 8px; }
#patternModel .top.master>div{ margin-top: 20px; padding: 0 5% 40px; text-align: justify; }
#patternModel .top.master>div h3{ margin-bottom: 15px; font-size: 1rem; line-height: 1.7; }
#patternModel .top.master>div p{ line-height: 1.7; font-size: .9rem; }

#patternModel .features { max-width: 998px; margin-top: 60px; padding: 30px 5%; background-color: #fff; border-radius: 5px; }
#patternModel .features ul{ margin-top: 40px; }
#patternModel .features ul li{  }
#patternModel .features ul li:nth-of-type(n+2){ margin-top: 15px; padding-top: 0; border-top: 1px solid #f9f7f3; }
#patternModel .features ul li>div{ min-height: 78px; margin-bottom: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#patternModel .features ul li:nth-of-type(1) img{ width: 53px; }
#patternModel .features ul li:nth-of-type(2) img{ width: 47px; }
#patternModel .features ul li:nth-of-type(3) img{ width: 51px; }
#patternModel .features ul li:nth-of-type(4) img{ width: 53px; }
#patternModel .features ul li>div h4{ margin-left: 15px; font-size: 1.05rem; line-height: 1.3; }
#patternModel .features ul li:nth-of-type(5) h4{ margin-left: 25px; }
#patternModel .features ul li p{ font-size: .9rem; text-align: justify; line-height: 1.7; }

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

#businessPerson .top.master{ width: 100%; max-width: 1400px; padding-top: 30px; background-color: #fff; }
#businessPerson .top.master>figure{ margin-top: 8px; }
#businessPerson .top.master>div{ margin-top: 20px; padding: 0 5% 40px; text-align: justify; }
#businessPerson .top.master>div h3{ margin-bottom: 15px; font-size: 1rem; line-height: 1.7; }
#businessPerson .top.master>div p{ line-height: 1.7; font-size: .9rem; }

#businessPerson .features{ max-width: 998px; margin-top: 60px; padding: 30px 5%; background-color: #fff; border-radius: 5px; }
#businessPerson .features ul{ margin-top: 40px; }
#businessPerson .features ul li{  }
#businessPerson .features ul li:nth-of-type(n+2){ margin-top: 15px; padding-top: 0; border-top: 1px solid #f9f7f3; }
#businessPerson .features ul li>div{ min-height: 78px; margin-bottom: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#businessPerson .features ul li:nth-of-type(1) img{ width: 52px; }
#businessPerson .features ul li:nth-of-type(2) img{ width: 47px; }
#businessPerson .features ul li:nth-of-type(3) img{ width: 52px; }
#businessPerson .features ul li:nth-of-type(4) img{ width: 47px; }
#businessPerson .features ul li:nth-of-type(5) img{ width: 44px; }
#businessPerson .features ul li:nth-of-type(6) img{ width: 44px; }
#businessPerson .features ul li>div h4{ margin-left: 15px; font-size: 1.05rem; line-height: 1.3; }
#businessPerson .features ul li:nth-of-type(2) h4{ margin-left: 20px; }
#businessPerson .features ul li:nth-of-type(4) h4{ margin-left: 23px; }
#businessPerson .features ul li:nth-of-type(5) h4{ margin-left: 23px; }
#businessPerson .features ul li:nth-of-type(6) h4{ margin-left: 23px; }
#businessPerson .features ul li p{ font-size: .9rem; text-align: justify; line-height: 1.7; }

#care 					{ padding: 40px 5%; background: url('../img/about/care_sp.jpg') 50% 50% no-repeat; background-size: cover; }
#care .title 			{ font-size: 1.1rem; color: #fff; }
#care p 				{ margin-top: 30px; text-align: center; color: #fff; font-size: .8rem; line-height: 2; }
#care a 				{ width: 90%; max-width: 450px; height: 60px; margin: 30px auto 0; display: block; border-radius: 45px; border: 2px solid #7cc156; background: #7cc156 url(../img/common/arrow-btn-hover.svg) 41px 50% no-repeat; font-size: .85rem; font-weight: 700; color: #fff; cursor: pointer; -webkit-transition: .5s; transition: .5s; line-height: 60px; background-size: 6px; text-align: center; }

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

#user .top.master 		{ width: 100%; max-width: 1400px; padding-top: 30px; background-color: #fff; }
#user .top.master>figure{ margin-top: 8px; }
#user .top.master>div 	{ margin-top: 20px; padding: 0 5% 40px; text-align: justify; }
#user .top.master>div h3{ margin-bottom: 15px; font-size: 1rem; line-height: 1.7; }
#user .top.master>div p { line-height: 1.7; font-size: .9rem; }

#user .userVoice 		{ max-width: 998px; margin-top: 120px; padding: 56px 60px; background-color: #fff; }
#user .userVoice 		{ max-width: 998px; margin-top: 60px; padding: 30px 5%; background-color: #fff; border-radius: 5px; }
#user .userVoice ul 	{ margin-top: 40px; }
#user .userVoice ul li 	{  }
#user .userVoice ul li:nth-of-type(n+2){ margin-top: 15px; padding-top: 15px; border-top: 1px solid #f9f7f3; }
#user .userVoice ul li>div{ min-height: 78px; margin-bottom: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#user .userVoice ul li:nth-of-type(1) img{ width: 60px; }
#user .userVoice ul li:nth-of-type(2) img{ width: 60px; }
#user .userVoice ul li:nth-of-type(3) img{ width: 60px; }
#user .userVoice ul li:nth-of-type(4) img{ width: 60px; }
#user .userVoice ul li>div h4{ margin-left: 5px; font-size: 1rem; line-height: 1.3; }
#user .userVoice ul li p{ font-size: .9rem; text-align: justify; line-height: 1.7; }
#reservationContact 	{ margin-top: 0; }
}