@charset "utf-8";
/*.design-bg{ width: 1400px; height: 4630px; background: url('../design_img/about.png') 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; }*/


@media print, screen and (min-width: 751px) {
#main .mv-subPage 		{ padding-bottom: 142px; position: relative; overflow: hidden; }
#main .mv-subPage video { position: absolute; width: 100%; height: auto; min-width: 1200px; left: 50%; bottom: -20%; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); z-index: -5; }
#main .mv-subPage .box 	{ margin-top: 59px; display: -webkit-box; display: -ms-flexbox; display: flex; }
#main .mv-subPage .box>div:nth-of-type(1){ width: 42%; margin-top: 10px; }
#main .mv-subPage .box>div:nth-of-type(1) p{ line-height: 2.1; }
#main .mv-subPage .box>div:nth-of-type(2){ width: 50%; margin-left: auto; }
#main .mv-subPage .box>div:nth-of-type(2)>div{ width: 69.6%; margin: 0 auto; position: relative; }
#main .mv-subPage .box>div:nth-of-type(2)>div .illust{ position: absolute; top: 0; left: 0; }
#main .mv-subPage .box>div:nth-of-type(2)>div img:nth-of-type(2){ z-index: 5; }
#main .mv-subPage .box>div:nth-of-type(2)>p{ margin-top: 14px; text-align: center; font-size: .9rem; font-weight: bold; color: #22be97; }

#support 				{ padding-bottom: 60px; }
#support:before 		{ content: ''; width: 100%; height: 690px; display: block; background: url('../img/about/support-bg.jpg') 50% 50% no-repeat; background-size: cover; background-attachment: fixed; }
#support .box 			{ margin-top: -300px; padding: 35px 0; background-color: #fff; }
#support .box h3 		{ text-align: center; font-size: 1.55rem; color: #22be97; line-height: 1.4; }
#support .box ul 		{ margin-top: 33px; display: -webkit-box; display: -ms-flexbox; display: flex; }
#support .box ul li 	{ width: 33.33%; padding: 0 4%; border-right: 1px solid #ccc; }
#support .box ul li:last-of-type{ border-right: 0; }
#support .box ul li figure{ text-align: center; }
#support .box ul li figure img{ width: 88px; }
#support .box ul li h4 	{ margin: 15px 0 10px; font-size: 1.1rem; font-weight: bold; text-align: center; color: #22be97; }
#support .box ul li p 	{ font-size: .9rem; line-height: 1.95; }

#philosophy 			{ padding: 78px 0 97px; background: rgb(34,190,151); background: -webkit-gradient(linear, left top, right top, from(rgba(34,190,151,1)), to(rgba(34,208,151,1))); background: linear-gradient(90deg, rgba(34,190,151,1) 0%, rgba(34,208,151,1) 100%); position: relative; }

#philosophy .sideTitle 	{ width: 75px; position: absolute; top: 50%; left: -5px; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); }

#philosophy .master 	{ max-width: 1035px; }
#philosophy .box 		{ margin-top: 80px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; }
#philosophy .box>div:nth-of-type(1){ width: 53.72%; }
#philosophy .box>div:nth-of-type(2){ width: 42.4158%; margin-left: auto; }

.accordion 				{ font-size: .84rem; line-height: 1.5; }
.accordion__item 		{ border-bottom: 1px solid #fff; cursor: pointer; color: #fff; }
.accordion__item.is-active{ border-bottom: 0; }
.accordion__title 		{ position: relative; padding: 19px 20px 19px 0; font-weight: bold; cursor: pointer; }
.accordion__title::before,.accordion__title::after{ content: ""; position: absolute; right: 5px; top: 0; bottom: 0; margin: auto 0; background-color: #fff; width: 12px; height: 2px; -webkit-transition: all 0.3s; transition: all 0.3s; }
.accordion__title::after{ -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.accordion__content 	{ padding: 25px 20px 25px 20px; display: none; cursor: pointer; line-height: 2.1; background-color: #fff; border-radius: 0 0 20px 20px; color: #000; }
.accordion__content.is-open{ display: block; }
.accordion__item.is-active .accordion__title::before { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.accordion__item.is-active .accordion__title::after{ -webkit-transform: rotate(180deg); transform: rotate(180deg); opacity: 0; }

#emSystems 				{ margin-top: 119px; position: relative; }
#emSystems .master 		{ margin-top: 90px; }
#emSystems .master>div 	{  }
#emSystems .master>div .box{ width: 42%; }
#emSystems .master>div .box h3{ margin-bottom: 15px; font-size: 1.62rem; line-height: 1.5; color: #22be97; }
#emSystems .master>div .box p{ line-height: 2.1; }
#emSystems .master>div .box .bnr{ margin-top: 60px; }
#emSystems .master>div .box .bnr a{ display: block; -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,.15); box-shadow: 0px 0px 15px rgba(0,0,0,.15); border-radius: 20px; }
#emSystems .image 		{ width: 100%; max-width: 1400px; position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0); }
#emSystems .image>div 	{ width: 50%; max-width: 708px; height: 675px; background: url('../img/about/emsystems-image.jpg') no-repeat; background-position: center top; background-size: 100%; overflow: hidden; position: absolute; top: 125px; right: 0; }

#healthManagement 				{ margin-top: 220px; padding: 78px 0 97px; position: relative; }
#healthManagement .master 		{ margin-top: 90px; }
#healthManagement .master>div 	{  }
#healthManagement .master>div .box{ width: 100%; }
#healthManagement .master>div .box h3{ margin-bottom: 15px; font-size: 1.62rem; line-height: 1.5; color: #22be97; }
#healthManagement .master>div .box p{ line-height: 2.1;}
#healthManagement .master>div .box .bnr{ margin-top: 60px; }
#healthManagement .master>div .box .bnr a{ display: block; -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,.15); box-shadow: 0px 0px 15px rgba(0,0,0,.15); border-radius: 20px; }

#footer 				{ margin-top: 240px; }
}


@media screen and (max-width: 1260px) and (min-width: 415px) {

}


@media screen and (max-width: 750px) {
.pageTitle img 			{ width: 144px; }
#main .mv-subPage 		{ padding-bottom: 142px; position: relative; overflow: hidden; }
#main .mv-subPage video { position: absolute; width: 100%; height: auto; min-width: 750px; left: 50%; bottom: -7%; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); z-index: -5; }
#main .mv-subPage .box 	{ margin-top: 50px; }
#main .mv-subPage .box>div:nth-of-type(1){ margin-top: 10px; }
#main .mv-subPage .box>div:nth-of-type(1) p{ line-height: 1.7; }
#main .mv-subPage .box>div:nth-of-type(2){ margin-top: 50px; }
#main .mv-subPage .box>div:nth-of-type(2)>div{ width: 69.6%; margin: 0 auto; position: relative; }
#main .mv-subPage .box>div:nth-of-type(2)>div .illust{ position: absolute; top: 0; left: 0; }
#main .mv-subPage .box>div:nth-of-type(2)>div img:nth-of-type(2){ z-index: 5; }
#main .mv-subPage .box>div:nth-of-type(2)>p{ margin-top: 14px; text-align: center; font-size: .8rem; font-weight: bold; color: #22be97; }

#support 				{ padding-bottom: 0; }
#support:before 		{ content: ''; width: 100%; height: 185px; display: block; background: url('../img/about/support-bg.jpg') 50% 50% no-repeat; background-size: cover; }
#support .box 			{ margin-top: 0; padding: 35px 0; background-color: #fff; }
#support .box h3 		{ text-align: center; font-size: 1.1rem; color: #22be97; line-height: 1.4; }
#support .box ul 		{  }
#support .box ul li 	{ padding: 20px 0 30px; border-bottom: 1px solid #ccc; }
#support .box ul li:last-of-type{ border-bottom: 0; }
#support .box ul li figure{ text-align: center; }
#support .box ul li figure img{ width: 88px; }
#support .box ul li h4 	{ margin: 15px 0 10px; font-size: 1.1rem; font-weight: bold; text-align: center; color: #22be97; }
#support .box ul li p 	{ line-height: 1.7; }

#philosophy 			{ padding: 75px 0 75px; background: rgb(34,190,151); background: -webkit-gradient(linear, left top, right top, from(rgba(34,190,151,1)), to(rgba(34,208,151,1))); background: linear-gradient(90deg, rgba(34,190,151,1) 0%, rgba(34,208,151,1) 100%); position: relative; }

#philosophy .sideTitle 	{ width: 75px; position: absolute; top: 50%; left: -5px; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); }

#philosophy .master 	{ max-width: 1035px; }
#philosophy .box 		{ margin-top: 50px; position: relative; }
#philosophy .box>div:nth-of-type(1){  }
#philosophy .box>div:nth-of-type(2){ margin-top: 30px; }

.accordion 				{ font-size: .84rem; line-height: 1.5; }
.accordion__item 		{ border-bottom: 1px solid #fff; cursor: pointer; color: #fff; }
.accordion__item.is-active{ border-bottom: 0; }
.accordion__title 		{ position: relative; padding: 19px 20px 19px 0; font-weight: bold; cursor: pointer; }
.accordion__title::before,.accordion__title::after{ content: ""; position: absolute; right: 5px; top: 0; bottom: 0; margin: auto 0; background-color: #fff; width: 12px; height: 2px; -webkit-transition: all 0.3s; transition: all 0.3s; }
.accordion__title::after{ -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.accordion__content 	{ padding: 25px 20px 25px 20px; display: none; cursor: pointer; line-height: 2.1; background-color: #fff; border-radius: 0 0 20px 20px; color: #000; }
.accordion__content.is-open{ display: block; }
.accordion__item.is-active .accordion__title::before { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.accordion__item.is-active .accordion__title::after{ -webkit-transform: rotate(180deg); transform: rotate(180deg); opacity: 0; }

#emSystems 				{ margin-top: 75px; position: relative; }
#emSystems .master 		{ margin-top: 50px; }
#emSystems .master>div 	{  }
#emSystems .master>div .box{  }
#emSystems .master>div .box h3{ margin-bottom: 15px; font-size: 1.1rem; line-height: 1.5; color: #22be97; }
#emSystems .master>div .box p{ line-height: 1.7; }
#emSystems .bnr 		{ margin-top: 50px; padding: 0 5%; }
#emSystems .bnr a 		{ display: block; -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,.15); box-shadow: 0px 0px 15px rgba(0,0,0,.15); border-radius: 20px; }
#emSystems .image 		{ width: 90%; max-width: 708px; margin: 30px auto 0; }
#emSystems .image>div 	{  }

#healthManagement 				{ margin-top: 75px; position: relative; }
#healthManagement .master 		{ margin-top: 50px; }
#healthManagement .master>div 	{  }
#healthManagement .master>div .box{  }
#healthManagement .master>div .box h3{ margin-bottom: 15px; font-size: 1.1rem; line-height: 1.5; color: #22be97; }
#healthManagement .master>div .box p{ line-height: 1.7; }

#footer 				{ margin-top: 70px; }
}