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

body{ background-color: #F0F5FB; }
.btnArea{ background-image: -webkit-gradient(linear, left bottom, left top, from(#9fd9f6), to(#f0f5fb)); background-image: linear-gradient(0deg, #9fd9f6, #f0f5fb); }

#header>.logo img{ -webkit-filter: invert(100%); filter: invert(100%); }


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

#greeting{ margin-top: 96px; }
#greeting h3{ margin-top: 55px; padding: 22px 0 22px 23px; position: relative; font-size: 2.4rem; font-weight: bold; line-height: 1.5; }
#greeting h3:before{ content: ''; width: 6px; height: 100%; display: block; background: -webkit-gradient(linear,left bottom, left top,from(rgba(0, 167, 234, 1)), to(rgba(0, 94, 184, 1))); background: linear-gradient(0deg,rgba(0, 167, 234, 1) 0%, rgba(0, 94, 184, 1) 100%); position: absolute; top: 0; left: 0;  }
#greeting .box{ margin-top: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; }
#greeting .box>div:nth-of-type(1){ width: calc(100% - 350px); }
#greeting .box>div:nth-of-type(1) p{ line-height: 1.88; }
#greeting .box>div:nth-of-type(1) p.mt{ margin-top: 20px; }
#greeting .box>div:nth-of-type(2){ width: 304px; margin: 11px 0 0 auto; }
#greeting .box>div:nth-of-type(2) p:nth-of-type(1){ margin-top: 15px; }
#greeting .box>div:nth-of-type(2) p:nth-of-type(2){ margin-top: 3px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
#greeting .box>div:nth-of-type(2) p:nth-of-type(2) img{ margin-left: 28px; }

#company{ margin-top: 110px; }
#company .box{ margin-top: 55px; padding: 80px 90px 80px; background-color: #fff; }
#company .box dl>div{ padding: 15.5px 0; display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #000; position: relative; }
#company .box dl>div:after{ content: ''; width: 180px; height: 3px; background-color: #005eb8; display: block; position: absolute; bottom: -2px; left: 0; }
#company .box dl>div:first-of-type{ border-top: 1px solid #000; }
#company .box dl>div:first-of-type:before{ content: ''; width: 180px; height: 3px; background-color: #005eb8; display: block; position: absolute; top: -2px; left: 0; }
#company .box dl>div dt{ width: 185px; line-height: 1.8; text-align: center; }
#company .box dl>div dd{ width: calc(100% - 185px); padding-left: 40px; line-height: 1.8; }
#company .box dl>div dd .mapLink{ margin-top: 5px; padding-left: 25px; background: url('../img/company/map-icon.svg') 8px 50% no-repeat; }
#company .box dl>div dd .googlemap{ margin-top: 20px; }
#company .box dl>div dd .googlemap iframe{ width: 100%; height: 318px; }
}



@media screen and (max-width: 1360px) and (min-width: 751px) {

}



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

#greeting{ margin-top: 60px; }
#greeting h3{ margin-top: 35px; padding: 5px 0 5px 20px; font-size: 2.0rem; position: relative; font-weight: bold; line-height: 1.5; }
#greeting h3:before{ content: ''; width: 5px; height: 100%; display: block; background: -webkit-gradient(linear,left bottom, left top,from(rgba(0, 167, 234, 1)), to(rgba(0, 94, 184, 1))); background: linear-gradient(0deg,rgba(0, 167, 234, 1) 0%, rgba(0, 94, 184, 1) 100%); position: absolute; top: 0; left: 0;  }
#greeting .box{ margin-top: 30px; }
#greeting .box>div:nth-of-type(1){  }
#greeting .box>div:nth-of-type(1) p{ line-height: 1.88; }
#greeting .box>div:nth-of-type(2){ margin: 40px 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
#greeting .box>div:nth-of-type(2) figure{ width: 50%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
#greeting .box>div:nth-of-type(2)>div{ width: 50%; padding-right: 10px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
#greeting .box>div:nth-of-type(2) p:nth-of-type(1){ margin-top: 0; }
#greeting .box>div:nth-of-type(2) p:nth-of-type(2){ margin-top: 0; }
#greeting .box>div:nth-of-type(2) p:nth-of-type(2) img{ margin-top: 10px; display: block; }

#company{ margin-top: 80px; }
#company .box{ margin-top: 35px; padding: 30px 15px 30px; background-color: #fff; }
#company .box dl{  }
#company .box dl>div{ padding: 15px 0; border-top: 1px solid #000; position: relative; }
#company .box dl>div:after{ content: ''; width: 100px; height: 3px; background-color: #005eb8; display: block; position: absolute; top: -2px; left: 0; }
/*#company .box dl>div:first-of-type{ border-top: 1px solid #000; }
#company .box dl>div:first-of-type:before{ content: ''; width: 100px; height: 3px; background-color: #005eb8; display: block; position: absolute; top: -2px; left: 0; }*/
#company .box dl>div dt{ line-height: 1.8; font-weight: 600 }
#company .box dl>div dd{ margin-top: 5px; line-height: 1.8; }
#company .box dl>div dd .mapLink{ margin-top: 5px; padding-left: 25px; background: url('../img/company/map-icon.svg') 8px 50% no-repeat; }
#company .box dl>div dd .googlemap{ margin-top: 20px; }
#company .box dl>div dd .googlemap iframe{ width: 100%; height: 230px; }
}