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


@media print, screen and (min-width: 751px) {
.mainImage 				{ background: url('../img/company/main-image.jpg') 50% 50% no-repeat; background-size: cover; }

#company 				{ max-width: 640px; margin-top: 95px; }
#company h2,#history h2 { padding-bottom: 9px; font-size: 1.2rem; font-weight: 400; text-align: center; letter-spacing: .3rem; color: #00AECC; border-bottom: 1px dashed #999; }
#company h2 span,#history h2 span{ margin-top: 9px; display: block; font-size: .85rem; -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: 0,0; transform-origin: 0,0; letter-spacing: .04rem; }

#company dl 			{ margin-top: 35px; }
#company dl>div 		{ display: -webkit-box; display: -ms-flexbox; display: flex; font-size: .9rem; line-height: 1.5; }
#company dl>div:nth-of-type(n+2){ margin-top: 24px; }
#company dl>div dt 		{ width: 160px; padding-left: 6px; }
#company dl>div dd 		{ width: calc(100% - 160px); }

#history 				{ max-width: 640px; margin-top: 83px; padding-bottom: 151px; }
#history dl 			{ margin-top: 39px; }
#history dl>div 		{ display: -webkit-box; display: -ms-flexbox; display: flex; font-size: .9rem; line-height: 1.5; }
#history dl>div:nth-of-type(n+2){ margin-top: 2px; }
#history dl>div dt 		{ width: 200px; padding-left: 6px; }
#history dl>div dd 		{ width: calc(100% - 200px); white-space: nowrap }
}


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

}


@media screen and (max-width: 750px) {
.mainImage 				{ background: url('../img/company/main-image.jpg') 0 50% no-repeat; background-size: cover; }

#company 				{ max-width: 540px; margin-top: 80px; }
#company h2,#history h2 { padding-bottom: 9px; font-size: 1.2rem; font-weight: 400; text-align: center; letter-spacing: .3rem; color: #00AECC; border-bottom: 1px dashed #999; }
#company h2 span,#history h2 span{ margin-top: 9px; display: block; font-size: .85rem; -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: 0,0; transform-origin: 0,0; letter-spacing: .04rem; }

#company dl 			{ margin-top: 39px; }
#company dl>div 		{ /*display: -webkit-box; display: -ms-flexbox; display: flex;*/ font-size: .9rem; line-height: 1.5; }
#company dl>div:nth-of-type(n+2){ margin-top: 20px; }
#company dl>div dt 		{  }
#company dl>div dd 		{ margin-top: 5px; }

#history 				{ max-width: 640px; margin-top: 80px; padding-bottom: 100px; }
#history dl 			{ margin-top: 39px; }
#history dl>div 		{ /*display: -webkit-box; display: -ms-flexbox; display: flex;*/ font-size: .9rem; line-height: 1.5; }
#history dl>div:nth-of-type(n+2){ margin-top: 20px; }
#history dl>div dt 		{  }
#history dl>div dd 		{ margin-top: 5px; }
}