@charset "utf-8";#slider_wrap{color:#FFF;position:relative}#slider_wrap #slider{height:100vh;min-height:640px;position:relative;width:100%}#slider_wrap #slider li{background-attachment:fixed;background-position:center center;background-repeat:no-repeat;background-size:cover;height:100%;min-height:640px;position:absolute;top:0;left:0;width:100%;z-index:1}_::-webkit-full-page-media,_:future,:root #slider_wrap #slider li{background-attachment:scroll}#slider_wrap>div{position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;z-index:2}#slider_wrap>div h2{color:#FFF;text-shadow:0 1px 5px rgba(0,0,0,.9)}#slider_wrap>div p{color:#E50012;text-shadow:0 1px 2px rgba(0,0,0,.3)}@media screen and (max-width:319px){#slider_wrap>div{line-height:1.2}#slider_wrap>div h2{background:-webkit-linear-gradient(77.5deg,#E50012 0,#E50012 50%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.3) 100%);background:linear-gradient(12.5deg,#E50012 0,#E50012 50%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.3) 100%);margin-bottom:6px;padding:.4em;width:220px}}@media screen and (min-width:320px){#slider_wrap>div h2{background:-webkit-linear-gradient(80.625deg,#E50012 0,#E50012 50%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.3) 100%);background:linear-gradient(9.375deg,#E50012 0,#E50012 50%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.3) 100%)}#slider_wrap>div h2 br{display:none}}@media screen and (min-width:320px) and (max-width:359px){#slider_wrap>div h2{font-size:112.5%;height:52px;line-height:52px;width:300px}#slider_wrap>div p{font-size:75%}}@media screen and (min-width:360px) and (max-width:413px){#slider_wrap>div h2{font-size:125%;height:56px;line-height:56px;width:320px}#slider_wrap>div p{font-size:81.25%}}@media screen and (min-width:414px) and (max-width:767px){#slider_wrap>div h2{font-size:150%;height:64px;line-height:64px;width:375px}#slider_wrap>div p{font-size:93.75%}}@media screen and (max-width:767px){#slider_wrap{margin-bottom:6.25%}}@media screen and (min-width:768px){#slider_wrap{margin-bottom:100px}#slider_wrap>div h2{font-size:200%;height:86px;line-height:86px;width:500px}}@media screen and (max-width:939px){#slider_wrap{}#slider_wrap #slider{overflow:visible}#slider:before{content:"";display:block;padding-top:66.8125%}#slider_wrap #slider li:before{content:"";display:block;padding-top:66.8125%}}@media screen and (min-width:940px){#slider_wrap{}#slider_wrap #slider{width:100%}}@media screen and (max-width:767px){#top_news{margin-bottom:3.125%}#top_news+p.wrap{margin-bottom:6.25%;padding:0 3.125%}}@media screen and (min-width:768px){#top_news{position:relative}#top_news .title_section{position:absolute;top:50%;left:-webkit-calc(50% - 5em);left:calc(50% - 5em);-ms-transform:translate(-100%,-50%);-webkit-transform:translate(-100%,-50%);transform:translate(-100%,-50%);text-align:left}#top_news #news_list{margin-left:auto;width:50%}#top_news+p.wrap{margin-top:50px;margin-bottom:100px}}#about{background-repeat:no-repeat}#about figure figcaption{color:#FFF}#about .title_section{text-align:left;text-shadow:0 1px 5px rgba(0,0,0,.9)}#about figure figcaption p+p{margin-top:1em}@media screen and (min-width:320px) and (max-width:359px){#about figure picture:before{padding-top:67.5%}}@media screen and (min-width:360px) and (max-width:767px){#about figure picture:before{padding-top:52.5%}}@media screen and (max-width:413px){#about.lazyloaded{background-image:url(https://hiroshima-seiken.co.jp/images/user/about/back_022.webp)}}@media screen and (min-width:414px) and (max-width:639px){#about.lazyloaded{background-image:url(https://hiroshima-seiken.co.jp/images/user/about/back_021.webp)}}@media screen and (min-width:640px) and (max-width:767px){#about.lazyloaded{background-image:url(https://hiroshima-seiken.co.jp/images/user/about/back_020.webp)}}@media screen and (max-width:767px){#about{background-position:top center;background-size:cover;margin-bottom:6.25%}#about figure picture{position:relative}#about figure picture:before{content:"";display:block}#about figure picture img{position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:62.5%;max-width:300px}#about figure figcaption{padding-top:3.125%;padding-bottom:3.125%}#about figure figcaption p{padding:0 3.125%}}@media screen and (min-width:768px){#about{margin-bottom:100px}#about{background-position:center center}#about figure{margin-left:auto;margin-right:auto;position:relative;width:100%;max-width:2000px}#about figure picture{margin-right:7.5%;position:absolute;top:50%;right:50%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#about figure figcaption{padding-top:10.9%;padding-bottom:2.9%;vertical-align:middle}#about .title_section{margin-bottom:30px}}@media screen and (min-width:768px) and (max-width:939px){#about.lazyloaded{background-size:auto 120%}#about figure figcaption{padding-left:35%;padding-right:20px}#about figure picture img{width:210px}}@media screen and (min-width:768px) and (max-width:1023px){#about.lazyloaded{background-image:url(https://hiroshima-seiken.co.jp/images/user/about/back_013.webp)}}@media screen and (min-width:940px) and (max-width:1023px){#about.lazyloaded{background-size:auto 110%}#about figure figcaption{padding-left:40%;padding-right:25px}#about figure picture img{width:240px}}@media screen and (min-width:1024px) and (max-width:1199px){#about.lazyloaded{background-size:auto 120%}#about figure figcaption{padding-left:40%;padding-right:30px}#about figure picture img{width:270px}}@media screen and (min-width:1024px) and (max-width:1279px){#about.lazyloaded{background-image:url(https://hiroshima-seiken.co.jp/images/user/about/back_012.webp)}}@media screen and (min-width:1200px){#about figure picture img{width:300px}}@media screen and (min-width:1200px) and (max-width:1279px){#about figure figcaption{padding-left:45%;padding-right:35px}}@media screen and (min-width:1200px) and (max-width:1439px){#about.lazyloaded{background-size:auto 110%}}@media screen and (min-width:1280px){#about figure figcaption{padding-left:50%;padding-right:-webkit-calc((100% - 1200px) / 2);padding-right:calc((100% - 1200px) / 2)}}@media screen and (min-width:1280px) and (max-width:1439px){#about.lazyloaded{background-image:url(https://hiroshima-seiken.co.jp/images/user/about/back_011.webp)}}@media screen and (min-width:1440px){#about.lazyloaded{background-image:url(https://hiroshima-seiken.co.jp/images/user/about/back_010.webp);background-size:auto 100%}}
