﻿#header h1 #logo_mark{color:#006096;fill:#006096}#pc_nav a{color:#006096}.eng_sub{margin:.5em 0;font-family:"Barlow Semi Condensed",sans-serif;font-size:clamp(.875rem,.808rem + .317vw,1.125rem);line-height:1.2;color:#fff}.eng_sub span{position:relative;display:inline-block;padding:0 0 0 100px;text-indent:-100px}.eng_sub span::before{content:"";display:inline-block;width:93px;height:.3em;margin:0 .5em 0 0;border-top:1px solid #fff}.eng_sub span.fc_w{color:#fff}.eng_sub span.fc_w::before{border-top:1px solid #fff}@media only screen and (max-width: 834px){.eng_sub span{padding:0 0 0 70px;text-indent:-70px;filter:drop-shadow(0 0 2.5px rgba(0, 0, 0, 0.25))}.eng_sub span::before{width:63px}}@media only screen and (max-width: 520px){.eng_sub span{padding:0 0 0 50px;text-indent:-50px}.eng_sub span::before{width:43px}}.sub_tt{margin:.5em 0;font-size:clamp(2rem,1.696rem + 1.429vw,3.125rem);font-weight:700;line-height:1.5;color:#006096}.sub_tt span{letter-spacing:.1em}.sub_msg{margin:0;font-family:"Zen Old Mincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"Yu Mincho","HG明朝E","メイリオ",Meiryo,serif;font-size:clamp(1.5rem,1.23rem + 1.27vw,2.5rem);line-height:1.5;color:#67696c}#mv{width:100%;padding:8rem 0 5rem;text-align:center;display:flex;justify-content:center;align-items:center}#mv .page_title{width:90%;margin:auto;color:#006096}#mv .page_title .page_cat{display:block;margin:.5em auto 1em;font-family:"Zen Old Mincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"Yu Mincho","HG明朝E","メイリオ",Meiryo,serif;font-size:clamp(1.25rem,.98rem + 1.27vw,2.25rem);font-weight:400;line-height:1.4}#mv .page_title img{max-width:clamp(13.89375rem,5.146rem + 41.167vw,46.3125rem)}#mv .page_title .page_sub{position:relative;display:block;margin:1em auto 0;padding:0 0 .5em;font-size:clamp(1.5rem,1.298rem + .952vw,2.25rem);font-weight:700;line-height:1.4;letter-spacing:.1em}#mv .page_title .page_sub::after{content:"";position:absolute;left:calc(50% - 20px);bottom:0;width:40px;height:4px;background:#006096}.sec_wrap{display:flex;justify-content:center;flex-wrap:wrap}.sec_wrap.rev{flex-direction:row-reverse}.sec_wrap.rev .sec_info .sec_info_innr{margin:0 5% 0 auto}@media only screen and (max-width: 834px){.sec_wrap.rev .sec_info .sec_info_innr{margin:0 auto;padding:3em 0}}.sec_wrap .sec_photo{display:table;width:50%;padding:2em;background:#000}@media only screen and (max-width: 834px){.sec_wrap .sec_photo{width:100%;aspect-ratio:16/9}}@media only screen and (max-width: 520px){.sec_wrap .sec_photo{padding:1em;aspect-ratio:16/10}}.sec_wrap .sec_photo .sec_photo_innr{display:table-cell}.sec_wrap .sec_info{width:50%;text-align:center}@media only screen and (max-width: 834px){.sec_wrap .sec_info{width:100%;margin:0 auto}}.sec_wrap .sec_info .sec_info_innr{width:90%;max-width:640px;margin:0 auto 0 5%;padding:5em 2em}@media only screen and (max-width: 834px){.sec_wrap .sec_info .sec_info_innr{margin:0 auto;padding:3em 0}}.sec_wrap .sec_info h3{text-align:center}#bsn_conts{width:100%}#bsn_conts #cnt_const .sec_photo{background:url(../images/bsn_sec01_re.webp) 80% center no-repeat;background-size:cover}#bsn_conts #cnt_const .sec_photo .sec_photo_innr{text-align:right;vertical-align:top}#bsn_conts #cnt_const .sec_photo .sec_photo_innr img{width:73.3333333333%;max-width:704px}#bsn_conts #cont_trad .sec_photo{background:url(../images/bsn_sec02.webp) center center no-repeat;background-size:cover}#bsn_conts #cont_trad .sec_photo .sec_photo_innr{text-align:left;vertical-align:bottom}#bsn_conts #cont_trad .sec_photo .sec_photo_innr img{width:71.4583333333%;max-width:686px}@media only screen and (max-width: 520px){#bsn_conts #cont_trad .btn_blu{letter-spacing:-0.025em}}#bsn_conts #cont_civil .sec_photo{background:url(../images/bsn_sec03.webp) center center no-repeat;background-size:cover}#bsn_conts #cont_civil .sec_photo .sec_photo_innr{text-align:right;vertical-align:bottom}#bsn_conts #cont_civil .sec_photo .sec_photo_innr img{width:63.0208333333%;max-width:605px}#bsn_conts #cont_renonv .sec_photo{background:url(../images/bsn_sec04.webp) center center no-repeat;background-size:cover}#bsn_conts #cont_renonv .sec_photo .sec_photo_innr{text-align:left;vertical-align:top}#bsn_conts #cont_renonv .sec_photo .sec_photo_innr img{width:58.4375%;max-width:561px}#produce{width:100%;background:rgba(103,105,108,.1)}#produce .produce_innr{width:90%;max-width:1280px;margin:0 auto;padding:5em 0}#produce .prd_head{text-align:center}#produce .prd_head img{margin:4em 0 0;max-width:clamp(23.15625rem,16.908rem + 29.405vw,46.3125rem)}@media only screen and (max-width: 520px){#produce .prd_head img{margin:3em 0 0}}.prd_body{width:100%;margin:5em auto}@media only screen and (max-width: 834px){.prd_body{margin:3em auto}}.pd_wrap{margin:0 0 3em;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.pd_wrap.rev{flex-direction:row-reverse}.pd_wrap.rev .pd_info{flex-direction:row}.pd_wrap.rev .pd_info h4{text-align:left}.pd_wrap .pd_info{width:54.6875%;display:flex;justify-content:space-between;flex-direction:row-reverse}@media only screen and (max-width: 834px){.pd_wrap .pd_info{width:100%}}.pd_wrap .pd_info .info_num{position:relative;width:clamp(3.75rem,2.738rem + 4.762vw,7.5rem)}.pd_wrap .pd_info .info_num::after{content:"";position:absolute;left:50%;bottom:0;width:1px;height:50%;background:#006096}@media only screen and (max-width: 834px){.pd_wrap .pd_info .info_num::after{bottom:1em}}@media only screen and (max-width: 520px){.pd_wrap .pd_info .info_num::after{bottom:auto;top:5em}}.pd_wrap .pd_info .info_num img{max-width:120px}.pd_wrap .pd_info .info_txt{width:calc(100% - clamp(3.75rem,2.738rem + 4.762vw,7.5rem) - 2.8571428571%)}.pd_wrap .pd_info h4{font-size:clamp(1.75rem,1.413rem + 1.587vw,3rem);font-weight:700;color:#006096;line-height:1.3;text-align:right}.pd_wrap .pd_info h4 span{display:block;font-family:"Barlow Semi Condensed",sans-serif;font-size:clamp(1rem,.966rem + .159vw,1.125rem);font-weight:400}.pd_wrap .pd_photo{width:43.75%}@media only screen and (max-width: 834px){.pd_wrap .pd_photo{width:100%}}.pd_wrap .pd_photo img{object-fit:cover;aspect-ratio:16/9}.pd_tech{width:100%;margin:3em auto;padding:5%;background:#fff;border:1px solid #006096;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.pd_tech h4{width:31.25%;margin:0 auto;font-size:clamp(1.75rem,1.413rem + 1.587vw,3rem);font-weight:700;color:#006096;line-height:1.4}.pd_tech h4 span{display:block;margin:.5em 0 0;font-family:"Barlow Semi Condensed",sans-serif;font-size:1.125rem;font-weight:400;line-height:1.2}@media only screen and (max-width: 834px){.pd_tech h4{width:100%}}.pd_tech p{width:64.0625%;margin:0 auto;text-align:justify}@media only screen and (max-width: 834px){.pd_tech p{width:100%;margin:1em 0 0}}#bsn_works{position:relative;width:90%;max-width:1280px;margin:0 auto}@media only screen and (max-width: 834px){#bsn_works{width:100%}}#bsn_works .bsn_wks_innr{position:absolute;z-index:4;right:10%;top:50%;transform:translateY(-50%);width:90%;max-width:540px;text-align:center}@media only screen and (max-width: 834px){#bsn_works .bsn_wks_innr{left:50%;right:auto;transform:translate(-50%, -50%)}}#bsn_works h3 img{margin:2em auto 1em;max-width:clamp(10.125rem,3.75rem + 30vw,33.75rem)}#bsn_works .bsn_wks_illust{position:relative;z-index:3;width:100%;margin:-5em 0 -2em}@media only screen and (max-width: 834px){#bsn_works .bsn_wks_illust{margin:-4em auto -1em}}@media only screen and (max-width: 520px){#bsn_works .bsn_wks_illust{margin:-2em auto -0.5em}}#bsn_works .bsn_wks_illust img{max-width:800px;animation:rolling 120s linear infinite}#bsn_works .bsn_wks_illust .e_frame{position:relative}#bsn_works .bsn_wks_illust .e_main{position:absolute;left:0;top:0;animation:roll_m 600s linear infinite}#bsn_works .bsn_wks_illust .e_bird{position:absolute;left:0;top:0;animation:roll_b 90s linear infinite}#bsn_works .bsn_wks_illust .e_cloud{position:absolute;left:0;top:0;animation:roll_c 330s linear infinite}#bsn_works .bsn_wks_illust .e_cloud2{position:absolute;left:0;top:0;animation:roll_c2 220s linear infinite}@keyframes roll_m{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes roll_b{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(-180deg) scale(1.2)}100%{transform:rotate(-360deg) scale(1)}}@keyframes roll_c{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(-180deg) scale(1.05)}100%{transform:rotate(-360deg) scale(1)}}@keyframes roll_c2{0%{transform:rotate(0deg) scale(0.9)}50%{transform:rotate(-180deg) scale(1)}100%{transform:rotate(-360deg) scale(0.9)}}