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


.slide-in { overflow: hidden; display: inline-block; }
.slide-in_inner { display: inline-block; }
.leftAnime{ opacity: 0; }
.slideAnimeLeftRight { -webkit-animation-name:slideTextX100; animation-name:slideTextX100; -webkit-animation-duration:1.5s; animation-duration:1.5s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; opacity: 0; }

@-webkit-keyframes slideTextX100 {
	from {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		opacity: 0;
	}

	to {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}
}

@keyframes slideTextX100 {
	from {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		opacity: 0;
	}

	to {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}
}

.slideAnimeRightLeft { -webkit-animation-name:slideTextX-100; animation-name:slideTextX-100; -webkit-animation-duration:1.5s; animation-duration:1.5s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; opacity: 0; }


@-webkit-keyframes slideTextX-100 {
	from {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		opacity: 0;
	}

	to {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}
}


@keyframes slideTextX-100 {
	from {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		opacity: 0;
	}

	to {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}
}


@keyframes roop-animate {
	0% {background-position: 0 0;}
	100% {background-position: -2194px 0;}
}

@-webkit-keyframes roop-animate {
	0% {background-position: 0 0;}
	100% {background-position: -2194px 0;}
}


@media print, screen and (min-width: 751px) {
#main .mv-subPage 		{ padding-bottom: 190px; position: relative; overflow: hidden; background: url('../img/company/mv-bg.jpg') 50% 50% no-repeat; }
#main .mv-subPage h2 	{ margin-bottom: 70px; }
#main .mv-subPage p 	{ margin-top: 41px; text-align: center; font-size: 1.1rem; font-weight: bold; line-height: 2.1; color: #fff; }

#greeting 				{ padding: 80px 0 194px; position: relative; background-color: #22be97; overflow: hidden; }
#greeting .topText 		{ margin-top: 79px; }
#greeting .topText .slide-in_inner>span{ padding: 9px; display: inline-block; background-color: #fff; color: #22be97; font-size: 1.45rem; font-weight: bold; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; letter-spacing: .2rem; }
#greeting .topText .slide-in_inner>span:nth-of-type(n+2){ margin-top: 7px; }
#greeting .box 			{ height: 566px; }
#greeting .box>div 		{ margin-top: 35px; position: relative; }
#greeting .box>div>div:nth-of-type(1){ width: 52%; position: absolute; top: 180px; left: 0; z-index: 1; }
#greeting .box>div>div:nth-of-type(2){ width: 52%; padding: 45px 50px; position: absolute; top: -70px; right: 0; background-color: #fff; z-index: 2; }
#greeting .box>div>div:nth-of-type(2) p{ line-height: 2.05; }
#greeting .box>div>div:nth-of-type(2) p .green{ display: block; color: #22be97; font-weight: bold; }
#greeting .box>div>div:nth-of-type(2) .name{ margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#greeting .box>div>div:nth-of-type(2) .name span:nth-of-type(1){  }
#greeting .box>div>div:nth-of-type(2) .name span:nth-of-type(2){ margin-left: 15px; font-size: 1.37rem; font-weight: bold; }
#greeting .sideTitle 	{ width: 101px; position: absolute; top: 80px; left: -12px; }

.roolImage 				{ width: 100%; height: 226px; margin-top: -113px; background-image: url(../img/company/rool-image.png); background-size: 2194px; background-repeat: repeat-x; -webkit-animation: roop-animate 35s linear infinite; animation: roop-animate 35s linear infinite; position: relative; }

#profile 				{ margin-top: 100px; }
#profile:after 			{ content: ''; width: 100%; height: 678px; margin-top: -100px; display: block; background: url(../img/company/profile-bg.jpg) 50% 50% no-repeat; background-size: cover; background-attachment: fixed; }
#profile .master 		{ max-width: 1000px; padding-bottom: 100px; background-color: #fff; position: relative; z-index: 2; }
#profile dl 			{ max-width: 670px; margin: 98px auto 0; }
#profile dl>div 		{ padding: 18px 0; border-top: 1px solid #ccc; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1.7; }
#profile dl>div:last-of-type{ border-bottom: 1px solid #ccc; }
#profile dl>div dt 		{ width: 235px; font-weight: bold; }
#profile dl>div dd 		{ width: calc(100% - 235px); }
#profile dl>div dd p 	{ line-height: 1.7; }
#profile dl>div dd p.mt { margin-top: 1.2rem; }
#profile dl>div dd p a 	{ color: #22be97; text-decoration: underline; }

#officerList 			{ margin-top: -100px; position: relative; }
#officerList .master 	{ padding: 100px 0; background-color: #fff; position: relative; z-index: 2; }
#officerList dl 		{ max-width: 670px; margin: 98px auto 0; }
#officerList dl>div 	{ padding: 18px 0; border-top: 1px solid #ccc; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1.7; }
#officerList dl>div:last-of-type{ border-bottom: 1px solid #ccc; }
#officerList dl>div dt 	{ width: 235px; font-weight: bold; }
#officerList dl>div dd 	{ width: calc(100% - 235px); }

#base 					{ margin-top: -100px; padding: 193px 0 100px; position: relative; background-color: #ebf9f6; }
#base .master 			{ max-width: 728px; }
#base ul 				{ margin-top: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#base ul li 			{ width: 49.726%; }
#base ul li:nth-of-type(2n){ margin-left: auto; }
#base ul li:nth-of-type(n+3){ margin-top: 100px; }
#base ul li h3 			{ margin: 18px 0 15px; font-size: 1.18rem; text-align: center; color: #22be97; }
#base ul li p 			{  }
#base ul li a 			{ width: 195px; margin: 42px auto 0; padding: 11px 0; text-align: center; display: block; border: 2px solid #22D097; color: #fff; border-radius: 25px; position: relative; background: rgb(34,190,151) url('../img/company/gmap-icon-w.svg') 25px 50% no-repeat; background: -webkit-gradient(linear, left top, right top, from(rgba(34,190,151,1)), to(rgba(34,208,151,1))) url('../img/company/gmap-icon-w.svg') 25px 50% no-repeat; background: linear-gradient(90deg, rgba(34,190,151,1) 0%, rgba(34,208,151,1) 100%) url('../img/company/gmap-icon-w.svg') 25px 50% no-repeat; background-size: 13px; }
#base ul li a:hover 	{ opacity: 1; background: #ebf9f6 url('../img/company/gmap-icon-g.svg') 25px 50% no-repeat; color: #22be97; }

#footer 				{  }
}


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

}


@media screen and (max-width: 750px) {
.pageTitle img 			{ width: 205px; }
#main .mv-subPage 		{ padding-bottom: 75px; position: relative; overflow: hidden; background: url('../img/company/mv-bg.jpg') 50% 50% no-repeat; }
#main .mv-subPage .master{ width: 100%; }
#main .mv-subPage h2 	{ margin-bottom: 50px; padding: 0 5%; }
#main .mv-subPage p 	{ margin-top: 25px; padding: 0 5%; text-align: center; font-size: .85rem; font-weight: bold; line-height: 1.7; color: #fff; }

#greeting 				{ padding: 75px 0 50px; position: relative; background-color: #22be97; overflow: hidden; }
#greeting .topText 		{ margin-top: 70px; }
#greeting .topText .slide-in_inner>span{ padding: 8px; display: inline-block; background-color: #fff; color: #22be97; font-size: .85rem; font-weight: bold; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }
#greeting .topText .slide-in_inner>span:nth-of-type(n+2){ margin-top: 7px; }
#greeting .box 			{  }
#greeting .box>div 		{ margin-top: 30px; position: relative; }
#greeting .box>div>div:nth-of-type(1){  }
#greeting .box>div>div:nth-of-type(2){ padding: 25px 15px; background-color: #fff; }
#greeting .box>div>div:nth-of-type(2) p{ line-height: 1.7; }
#greeting .box>div>div:nth-of-type(2) p .green{ display: block; color: #22be97; font-weight: bold; }
#greeting .box>div>div:nth-of-type(2) .name{ margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#greeting .box>div>div:nth-of-type(2) .name span:nth-of-type(1){  }
#greeting .box>div>div:nth-of-type(2) .name span:nth-of-type(2){ margin-left: 13px; font-size: 1.2rem; font-weight: bold; }

.roolImage 				{ width: 100%; height: 0; padding-top: 62.533%; background: url('../img/company/rool-image_sp.jpg') 50% 50% no-repeat; background-size: contain; }

#profile 				{ margin-top: 75px; }
#profile:after 			{ content: ''; width: 100%; height: 181px; margin-top: 50px; display: block; background: url(../img/company/profile-bg.jpg) 50% 50% no-repeat; background-size: cover; }
#profile .master 		{ max-width: 1000px; background-color: #fff; position: relative; z-index: 2; }
#profile dl 			{ max-width: 670px; margin: 60px auto 0; }
#profile dl>div 		{ padding: 18px 0; border-top: 1px solid #ccc; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1.7; }
#profile dl>div:last-of-type{ border-bottom: 1px solid #ccc; }
#profile dl>div dt 		{ width: 100px; font-weight: bold; }
#profile dl>div dd 		{ width: calc(100% - 100px); }
#profile dl>div dd p 	{ line-height: 1.7; }
#profile dl>div dd p.mt { margin-top: 1.2rem; }
#profile dl>div dd p a 	{ color: #22be97; text-decoration: underline; }

#officerList 			{ margin-top: 0; position: relative; }
#officerList .master 	{ padding: 50px 0; background-color: #fff; position: relative; z-index: 2; }
#officerList dl 		{ max-width: 670px; margin: 60px auto 0; }
#officerList dl>div 	{ padding: 18px 0; border-top: 1px solid #ccc; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1.7; }
#officerList dl>div:last-of-type{ border-bottom: 1px solid #ccc; }
#officerList dl>div dt 	{ width: 100px; font-weight: bold; }
#officerList dl>div dd 	{ width: calc(100% - 100px); }

#base 					{ margin-top: 0px; padding: 50px 0 75px; position: relative; background-color: #ebf9f6; }
#base .master 			{ max-width: 728px; }
#base ul 				{ margin-top: 60px; }
#base ul li 			{  }
#base ul li:nth-of-type(2n){  }
#base ul li:nth-of-type(n+2){ margin-top: 50px; }
#base ul li h3 			{ margin: 18px 0 15px; font-size: 1rem; text-align: center; color: #22be97; }
#base ul li p 			{  }
#base ul li a 			{ width: 195px; margin: 42px auto 0; padding: 11px 0; text-align: center; display: block; border: 2px solid #22D097; color: #fff; border-radius: 25px; position: relative; background: rgb(34,190,151) url('../img/company/gmap-icon-w.svg') 25px 50% no-repeat; background: -webkit-gradient(linear, left top, right top, from(rgba(34,190,151,1)), to(rgba(34,208,151,1))) url('../img/company/gmap-icon-w.svg') 25px 50% no-repeat; background: linear-gradient(90deg, rgba(34,190,151,1) 0%, rgba(34,208,151,1) 100%) url('../img/company/gmap-icon-w.svg') 25px 50% no-repeat; background-size: 13px; }
#base ul li a:hover 	{ opacity: 1; background: #ebf9f6 url('../img/company/gmap-icon-g.svg') 25px 50% no-repeat; color: #22be97; }

#footer 				{  }
}