.page-company__banner{height:300px;max-height:100vh;background:url("/image/company/banner.jpg") no-repeat center;background-size:cover;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:2rem}.page-company__banner .title{color:#fff;text-shadow:1px 1px 0 #EAAA51,
 -1px 1px 0 #EAAA51,
 1px -1px 0 #EAAA51,
 -1px -1px 0 #EAAA51,
 0px 1px 0 #EAAA51,
 0px -1px 0 #EAAA51,
 -1px 0px 0 #EAAA51,
 1px 0px 0 #EAAA51,
 2px 2px 0 #EAAA51,
 -2px 2px 0 #EAAA51,
 2px -2px 0 #EAAA51,
 -2px -2px 0 #EAAA51,
 0px 2px 0 #EAAA51,
 0px -2px 0 #EAAA51,
 -2px 0px 0 #EAAA51,
 2px 0px 0 #EAAA51,
 1px 2px 0 #EAAA51,
 -1px 2px 0 #EAAA51,
 1px -2px 0 #EAAA51,
 -1px -2px 0 #EAAA51,
 2px 1px 0 #EAAA51,
 -2px 1px 0 #EAAA51,
 2px -1px 0 #EAAA51,
 -2px -1px 0 #EAAA51,
 3px 3px 4px #2D3748,
 0px 3px 4px #2D3748,
 3px 0px 4px #2D3748,
 1px 3px 4px #2D3748,
 3px 1px 4px #2D3748,
 4px 4px 4px #2D3748,
 0px 4px 4px #2D3748,
 4px 0px 4px #2D3748,
 1px 4px 4px #2D3748,
 4px 1px 4px #2D3748;font-weight:900;font-size:1.8rem;-webkit-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out}.page-company__banner .title:hover{-webkit-transform:scale(1.03);transform:scale(1.03)}.page-company__story{max-width:1700px;margin:0 auto;padding-left:15px;padding-right:15px;max-width:1024px;margin-bottom:2rem}@media screen and (min-width: 1024px){.page-company__story{padding-left:30px;padding-right:30px}}@media screen and (min-width: 1280px){.page-company__story{padding-left:30px;padding-right:30px}}@media screen and (min-width: 1700px){.page-company__story{padding-left:30px;padding-right:30px}}.page-company__story-left{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-bottom:1rem}.page-company__story-right img{display:block;padding:0.5rem;border:2px solid #B6B6B6;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out;max-height:100vh;margin:auto}.page-company__story-right img:hover{-webkit-transform:scale(1.03);transform:scale(1.03)}.page-company__story-text{padding:0 1em;color:#A0A0A0;line-height:1.4em;margin-bottom:1rem}.page-company__story-text p:first-child{color:#5488BF;margin-bottom:1rem}.page-company__story-btn{width:80%;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;font-size:1.2rem;padding:0.7em}.page-company__name{max-width:1700px;margin:0 auto;padding-left:15px;padding-right:15px;max-width:1024px;margin-bottom:2rem}@media screen and (min-width: 1024px){.page-company__name{padding-left:30px;padding-right:30px}}@media screen and (min-width: 1280px){.page-company__name{padding-left:30px;padding-right:30px}}@media screen and (min-width: 1700px){.page-company__name{padding-left:30px;padding-right:30px}}.page-company__name-left{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-bottom:1rem;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.page-company__name-left img{max-width:90%;-webkit-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out;max-height:100vh;margin:auto}.page-company__name-left img:hover{transform:scale(1.03) rotate(3deg);-webkit-transform:scale(1.03) rotate(3deg)}.page-company__name-right{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.page-company__name-title{font-weight:900;text-align:center;color:#707070;font-size:1.35rem;margin-bottom:1rem}.page-company__name-author{margin-left:auto;color:#939393}.page-company__name-text{padding:0 1rem;line-height:1.4em;color:#565E6B;margin-bottom:0.5rem}.page-company__name-text a{color:inherit;padding:0;-webkit-text-decoration:underline dotted #975A16;text-decoration:underline dotted #975A16}.page-company__gallery{max-width:1700px;margin:0 auto;padding-left:15px;padding-right:15px;max-width:1024px;margin-bottom:2rem}@media screen and (min-width: 1024px){.page-company__gallery{padding-left:30px;padding-right:30px}}@media screen and (min-width: 1280px){.page-company__gallery{padding-left:30px;padding-right:30px}}@media screen and (min-width: 1700px){.page-company__gallery{padding-left:30px;padding-right:30px}}.page-company__gallery-left{margin-bottom:1rem}.page-company__gallery-left img{-webkit-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out}.page-company__gallery-left img:hover{-webkit-transform:scale(1.03);transform:scale(1.05)}.page-company__gallery-title{font-weight:900;color:#2B6CB0;font-size:1.3rem;text-align:center;margin-bottom:1rem}.page-company__gallery-text{padding:0 1rem;color:#5B6370;line-height:1.4em}.page-company__gallery-text a{padding:0;-webkit-text-decoration:underline dotted #975A16;text-decoration:underline dotted #975A16}.page-company__gallery-text span{padding:0}.page-company__workshop{max-width:1700px;margin:0 auto;padding-left:15px;padding-right:15px;max-width:1024px;margin-bottom:2rem}@media screen and (min-width: 1024px){.page-company__workshop{padding-left:30px;padding-right:30px}}@media screen and (min-width: 1280px){.page-company__workshop{padding-left:30px;padding-right:30px}}@media screen and (min-width: 1700px){.page-company__workshop{padding-left:30px;padding-right:30px}}.page-company__workshop-inner{background-color:#FFFAF0;border:1px solid #F9EDD9;border-radius:8px;padding:1rem;padding-bottom:0;overflow-y:hidden}.page-company__workshop-left{margin-bottom:1rem}.page-company__workshop-title{color:#6A1B0B;font-weight:900;font-size:1.4rem;line-height:1.2em;margin-bottom:1rem}.page-company__workshop-text{color:#737880;line-height:1.4em}.page-company__workshop-banner{margin-right:-1rem;margin-left:-1rem}.page-company__workshop-banner svg{display:none}.page-company__workshop-banner img{display:block;-webkit-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out}.page-company__workshop-banner img:hover{-webkit-transform:translateX(10px);transform:translateX(10px)}.page-company__note{max-width:1700px;margin:0 auto;padding-left:15px;padding-right:15px;max-width:1024px;margin-bottom:2rem}@media screen and (min-width: 1024px){.page-company__note{padding-left:30px;padding-right:30px}}@media screen and (min-width: 1280px){.page-company__note{padding-left:30px;padding-right:30px}}@media screen and (min-width: 1700px){.page-company__note{padding-left:30px;padding-right:30px}}.page-company__note-title{font-weight:900;color:#6796C0;font-size:1.4rem;text-align:center;margin-bottom:1rem}.page-company__note-image{margin-bottom:1rem}.page-company__note-image img{display:block;-webkit-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out;max-height:100vh;margin:auto}.page-company__note-image img:hover{-webkit-transform:scale(1.03);transform:scale(1.05)}.page-company__note-text{line-height:1.4em;color:#606875}@media screen and (min-width: 640px){.page-company__banner .title{font-size:2.5rem}}@media screen and (min-width: 768px){.page-company__banner{height:430px;margin-bottom:4rem}.page-company__banner .title{font-size:4rem}.page-company__story{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:4rem}.page-company__story-left{width:calc(100% - 280px)}.page-company__story-right{width:250px}.page-company__story-btn{width:210px;margin-left:auto}.page-company__story-text{font-size:1.2rem}.page-company__name{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:4rem}.page-company__name-left{width:400px}.page-company__name-left img{max-width:100%}.page-company__name-right{width:calc(100% - 430px)}.page-company__name-title{margin-left:auto;font-size:1.8rem}.page-company__name-text{font-size:1.2rem}.page-company__name-author{font-size:1.2rem}.page-company__gallery{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:4rem}.page-company__gallery-left{width:450px}.page-company__gallery-left img{display:block;margin-top:2rem}.page-company__gallery-right{width:calc(100% - 480px)}.page-company__gallery-title{text-align:left;margin-left:1rem;font-size:1.8rem}.page-company__gallery-text{font-size:1.2rem}.page-company__workshop{margin-bottom:4rem}.page-company__workshop-inner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:0}.page-company__workshop-left{width:50%}.page-company__workshop-banner{margin:0;width:50%;position:relative}.page-company__workshop-banner svg{display:block;position:absolute;z-index:2;height:100%;top:0}.page-company__workshop-banner img{position:absolute;top:0;bottom:0;right:0;width:calc(100% - 1px);height:100%;-o-object-fit:cover;object-fit:cover}.page-company__workshop-title{margin-top:2rem;margin-left:3rem;font-size:1.8rem}.page-company__workshop-text{margin:0 2rem 3rem 3rem;font-size:1.2rem}.page-company__note-title{font-size:1.8rem;margin-bottom:2rem}.page-company__note-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.page-company__note-image{width:500px}.page-company__note-text{width:calc(100% - 540px);font-size:1.2em}}