@charset "utf-8";


#main .hyphen{ font-family: serif; }
#main .anchor{ position: absolute; transform: translateY(-116px); }
#main .page-name{ position: relative; color: #2d4f72; text-align: center; padding: 60px 5% 40px; background: linear-gradient(to bottom, #96afb9 0%, #ffffff 60%); }
#main .page-name .en{ font-size: 63px; line-height: 1.2; color: inherit; font-family: YakuHanMP, 'EB Garamond', 'Cormorant Garamond', 'Noto Serif JP', serif; }
#main .page-name .ttl{ font-size: 22px; line-height: 1.5; color: inherit; font-weight: 400; }
#main .hero{ position: relative; }
#main .hero img{ width: 100%; height: auto; }
#main .hero .caption{ position: absolute; right: 5px; bottom: 5px; color: #ffffff; font-size: 12px; text-shadow: black 1px 1px 2px, black -1px 1px 2px, black 1px -1px 2px, black -1px -1px 2px; }
#main .local-navi{ display: flex; justify-content: center; flex-wrap: wrap; width: 100%; margin: 70px auto 150px; }
#main .local-navi .navi{ width: 185px; margin: 0 15px; }
#main .local-navi .navi a{ display: block; width: 100%; padding-top: 100%; position: relative; border-radius: 50%; background-color: #ffffff; color: #628897; font-size: 28px; line-height: 1.5; text-decoration: none; }
#main .local-navi .navi.current a{ background: linear-gradient(to bottom, #a1b8c1 0%, #628897 42%); color: #ffffff; text-shadow: 0 0 6px rgba(0,32,75,0.75); }
#main .local-navi .navi a::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid #628897; border-radius: 50%; }
#main .local-navi .navi.current a::before{ display: none; }
#main .local-navi .navi a .word{ position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%); text-align: center; }
#main .quality-intro .head-body{ display: flex; justify-content: center; flex-wrap: wrap; align-items: flex-end; border-bottom: 1px solid rgba(0,0,0,0.5); padding-bottom: 20px; margin-bottom: 40px; }
#main .quality-intro .head-body .ja{ font-size: 76px; line-height: 1.2; color: #2d4f72; font-weight: 600; padding: 0 15px; }
#main .quality-intro .head-body .en{ font-size: 58px; line-height: 1.2; color: #b5b5b6; font-family: YakuHanMP, 'EB Garamond', 'Cormorant Garamond', 'Noto Serif JP', serif; padding: 0 15px; }
#main .quality-intro .photo-body{ position: relative; }
#main .quality-intro .photo-body .caption{ position: absolute; right: 5px; bottom: 5px; color: #ffffff; font-size: 12px; text-shadow: black 1px 1px 2px, black -1px 1px 2px, black 1px -1px 2px, black -1px -1px 2px; }
#main .quality-intro .photo-body .photo img{ width: 100%; height: auto; }

#quality01 .section01{ margin: 0 auto; padding:  100px 5% 110px; }
#quality01 .section01 .ttl{ font-size: 32px; line-height: 1.5; text-align: center; font-weight: normal; color: #2d4f72; border-bottom: 1px solid rgba(0,0,0,0.5); padding-bottom: 20px; margin: 0 auto 40px; max-width: 1236px; }
#quality01 .section01 .ttl .marker{ font-size: 156%; line-height: 1; display: block; }
#quality01 .section01 .rank-list{ display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; max-width: 1240px; margin: 0 auto; }
#quality01 .section01 .rank-list .item{ width: 46.9255%; }
#quality01 .section01 .rank-list .item:nth-child(even){ margin-left: 6.149%; }
#quality01 .section01 .rank-list .item:nth-child(n+3){ margin-top: 40px; }
#quality01 .section01 .rank-list .item:last-child{ width: 100%; }
#quality01 .section01 .rank-list .item .head-split{ display: flex; align-items: center; padding-bottom: 15px; }
#quality01 .section01 .rank-list .item .head-split .icon{ width: 92px; position: relative; z-index: 10; }
#quality01 .section01 .rank-list .item .head-split .head{ flex: 1; margin-left: -20px; padding: 10px 10px 10px 30px; background-color: #628897; color: #ffffff; font-size: 28px; line-height: 1.5; }
#quality01 .section01 .rank-list .item .head-split .head .s-size{ font-size: 85%; }
#quality01 .section01 .rank-list .item .txt{ font-size: 20px; line-height: 1.7; padding-left: 50px; }
#quality01 .section01 .list-item{ display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; max-width: 1240px; margin: 80px auto 0; }
#quality01 .section01 .list-item .item:nth-child(n+2){ margin-top: 60px; }
#quality01 .section01 .list-item .item .head{ font-size: 32px; line-height: 1.5; color: #2d4f72; text-align: center; border-bottom: 1px solid rgba(0,0,0,0.5); margin-bottom: 20px; padding-bottom: 10px; }
#quality01 .section01 .list-item .item .split-view{ display: flex; padding: 0 5%; }
#quality01 .section01 .list-item .item .split-view .licence{ width: 416px; margin-left: 20px; }
#quality01 .section01 .list-item .item .split-view .txt{ font-size: 20px; line-height: 1.7; flex: 1; }
#quality01 .section02{ margin: 0 auto; padding: 80px 5%; background-color: #628897; }
#quality01 .section02 .inner-body{ max-width: 1240px; margin: 0 auto; }
#quality01 .section02 .inner-body .ttl-split{ display: flex; }
#quality01 .section02 .inner-body .ttl-split .icon{ width: 130px; margin-right: 20px; }
#quality01 .section02 .inner-body .ttl-split .ttl-body{ flex: 1; }
#quality01 .section02 .inner-body .ttl-split .ttl-body .ttl{ font-size: 42px; line-height: 1.47; color: #ffffff; font-weight: normal; }
#quality01 .section02 .inner-body .ttl-split .ttl-body .txt{ font-size: 20px; line-height: 1.7; color: #ffffff; }
#quality01 .section02 .inner-body .ttl-split .ttl-body .word{ display: block; }
#quality01 .section02 .inner-body .photo{ margin-top: 40px; }
#quality01 .section02 .inner-body .txt-body{ margin-top: 20px; }
#quality01 .section02 .inner-body .txt-body .txt{ font-size: 20px; line-height: 1.7; color: #ffffff; }
#quality01 .section02 .inner-body .txt-body .caption{ font-size: 14px; line-height: 1.7; color: #ffffff; margin-top: 40px; }
#quality01 .section03{ margin: 0 auto; padding: 100px 5% 140px; }
#quality01 .section03 .ttl{ font-size: 50px; line-height: 1.5; text-align: center; font-weight: normal; color: #2d4f72; max-width: 1240px; }
#quality01 .section03 .support-body{ max-width: 1240px; margin: 20px auto 0; text-align: center; }
#quality01 .section03 .support-body .bubble{ font-size: 24px; line-height: 1.5; background-color: #2d4f72; color: #ffffff; text-align: center; padding: 5px 0; }
#quality01 .section03 .support-body .copy{ font-size: 42px; line-height: 1.5; font-weight: normal; color: #2d4f72; max-width: 1240px; padding: 20px 0 10px; }
#quality01 .section03 .support-body .txt{ font-size: 20px; line-height: 1.7; }
#quality01 .section03 .photo{ max-width: 1111px; margin: 40px auto 0; }
#quality01 .section03 .caption{ max-width: 1111px; margin: 10px auto 0; font-size: 20px; line-height: 1.7; }

#quality02 .section01{ margin: 0 auto; padding:  100px 5% 110px; }
#quality02 .section01 .intro{ margin: 0 auto; max-width: 1240px; }
#quality02 .section01 .intro .ttl{ font-size: 32px; line-height: 1.5; text-align: center; font-weight: normal; color: #2d4f72; padding-bottom: 40px; }
#quality02 .section01 .intro .ttl .marker{ font-size: 156%; line-height: 1; }
#quality02 .section01 .intro .txt{ font-size: 20px; line-height: 1.7; text-align: center; }
#quality02 .section01 .intro .txt .marker{ color: #c30d23; }
#quality02 .section01 .split-view01{ display: flex; justify-content: space-between; align-items: center; max-width: 1090px; margin: 70px auto 0; }
#quality02 .section01 .split-view01 .item01{ width: 53.1368%; }
#quality02 .section01 .split-view01 .item02{ width: 42.958%; }
#quality02 .section01 .split-view02{ display: flex; justify-content: space-between; align-items: center; max-width: 1090px; margin: 70px auto 0; }
#quality02 .section01 .split-view02 .item{ width: 48.5321%; }
#quality02 .section01 .split-view02+.caption{ font-size: 14px; margin: 5px auto 0; max-width: 1090px; }
#quality02 .section01 .split-view03{ display: flex; justify-content: space-between; align-items: flex-start; max-width: 1050px; margin: 70px auto 0; }
#quality02 .section01 .split-view03 .photo-body{ position: relative; flex: 1; margin-right: 5%; max-width: 493px; }
#quality02 .section01 .split-view03 .photo-body .caption{ position: absolute; right: 5px; bottom: 5px; color: #ffffff; font-size: 12px; text-shadow: black 1px 1px 2px, black -1px 1px 2px, black 1px -1px 2px, black -1px -1px 2px; }
#quality02 .section01 .split-view03 .txt-body{ width: 500px; }
#quality02 .section01 .split-view03 .txt-body .head{ font-size: 30px; line-height: 1.56; color: #2d4f72; margin-bottom: 10px; }
#quality02 .section01 .split-view03 .txt-body .head~.head{ margin-top: 40px; }
#quality02 .section01 .split-view03 .txt-body .head .marker{ font-size: 140%; }
#quality02 .section01 .split-view03 .txt-body .txt{ font-size: 20px; line-height: 1.7; }
#quality02 .section01 .split-view03 .txt-body .txt .marker{ color: #c30d23; }
#quality02 .section01 .split-view03 .txt-body .txt .marker sup{ color: #333333; }
#quality02 .section01 .split-view03 .txt-body .caption{ font-size: 14px; line-height: 1.7; margin-top: 5px; }
#quality02 .section02{ margin: 0 auto; padding: 0 0 140px; }
#quality02 .section02 .ttl-body{ background-color: #2e4f72; position: relative; text-align: center; padding: 70px 5% 40px; }
#quality02 .section02 .ttl-body::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../img/quality/quality02/bg01.webp) 0 0 no-repeat; background-size: auto 100%; }
#quality02 .section02 .ttl-body .logo{ max-width: 485px; margin: 0 auto; position: relative; }
#quality02 .section02 .ttl-body .ttl{ font-size: 32px; line-height: 1.5; font-weight: normal; color: #ffffff; position: relative; margin-top: 20px; }
#quality02 .section02 .content-body{ margin: 0 auto; padding: 100px 5% 0; }
#quality02 .section02 .content-body .split-view01{ display: flex; justify-content: space-between; align-items: flex-start; max-width: 1060px; margin: 0 auto; }
#quality02 .section02 .content-body .split-view01 .txt-body{ width: 46.6981%; }
#quality02 .section02 .content-body .split-view01 .txt-body .head{ font-size: 30px; line-height: 1.56; color: #2d4f72; margin-bottom: 10px; }
#quality02 .section02 .content-body .split-view01 .txt-body .head .marker{ font-size: 140%; }
#quality02 .section02 .content-body .split-view01 .txt-body .txt{ font-size: 20px; line-height: 1.7; }
#quality02 .section02 .content-body .split-view01 .txt-body .txt .marker{ color: #c30d23; }
#quality02 .section02 .content-body .split-view01 .photo-body01{ margin-top: 30px; }
#quality02 .section02 .content-body .split-view01 .photo-body02{ width: 47.1698%; }
#quality02 .section02 .content-body .split-view01 .photo-body{ position: relative; }
#quality02 .section02 .content-body .split-view01 .photo-body .caption{ position: absolute; right: 5px; bottom: 5px; color: #ffffff; font-size: 12px; text-shadow: black 1px 1px 2px, black -1px 1px 2px, black 1px -1px 2px, black -1px -1px 2px; }
#quality02 .section02 .content-body .split-view02{ display: flex; justify-content: space-between; align-items: flex-start; max-width: 1060px; margin: 120px auto 0; }
#quality02 .section02 .content-body .split-view02 .txt-body{ width: 46.6981%; }
#quality02 .section02 .content-body .split-view02 .txt-body .head{ font-size: 30px; line-height: 1.56; color: #2d4f72; margin-bottom: 10px; }
#quality02 .section02 .content-body .split-view02 .txt-body .head .marker{ font-size: 140%; }
#quality02 .section02 .content-body .split-view02 .txt-body .txt{ font-size: 20px; line-height: 1.7; }
#quality02 .section02 .content-body .split-view02 .txt-body .txt .marker{ color: #c30d23; }
#quality02 .section02 .content-body .split-view02 .photo{ width: 49.5283%; }
#quality02 .section02 .content-body .split-view03{ display: flex; justify-content: space-between; align-items: flex-start; flex-direction: row-reverse; max-width: 1060px; margin: 120px auto 0; }
#quality02 .section02 .content-body .split-view03 .txt-body{ width: 47.9245%; }
#quality02 .section02 .content-body .split-view03 .txt-body .head{ font-size: 30px; line-height: 1.56; color: #2d4f72; margin-bottom: 10px; }
#quality02 .section02 .content-body .split-view03 .txt-body .head .marker{ font-size: 140%; }
#quality02 .section02 .content-body .split-view03 .txt-body .txt{ font-size: 20px; line-height: 1.7; }
#quality02 .section02 .content-body .split-view03 .txt-body .txt .marker{ color: #c30d23; }
#quality02 .section02 .content-body .split-view03 .photo-body01{ margin-top: 30px; }
#quality02 .section02 .content-body .split-view03 .photo-body02{ width: 48.3018%; }
#quality02 .section02 .content-body .split-view03 .photo-body{ position: relative; }
#quality02 .section02 .content-body .split-view03 .photo-body .caption{ position: absolute; right: 5px; bottom: 5px; color: #ffffff; font-size: 12px; text-shadow: black 1px 1px 2px, black -1px 1px 2px, black 1px -1px 2px, black -1px -1px 2px; }
#quality02 .section02 .content-body .split-view04{ display: flex; justify-content: space-between; align-items: flex-start; flex-direction: row-reverse; max-width: 1060px; margin: 80px auto 0; }
#quality02 .section02 .content-body .split-view04 .txt-body{ width: 47.9245%; }
#quality02 .section02 .content-body .split-view04 .txt-body .head{ font-size: 30px; line-height: 1.56; color: #2d4f72; margin-bottom: 10px; }
#quality02 .section02 .content-body .split-view04 .txt-body .head .marker{ font-size: 140%; }
#quality02 .section02 .content-body .split-view04 .txt-body .txt{ font-size: 20px; line-height: 1.7; }
#quality02 .section02 .content-body .split-view04 .txt-body .txt .marker{ color: #c30d23; }
#quality02 .section02 .content-body .split-view04 .photo-body01{ margin-top: 30px; }
#quality02 .section02 .content-body .split-view04 .photo-body{ position: relative; width: 47.3584%; }
#quality02 .section02 .content-body .split-view04 .photo-body .caption{ position: absolute; right: 5px; bottom: 5px; color: #ffffff; font-size: 12px; text-shadow: black 1px 1px 2px, black -1px 1px 2px, black 1px -1px 2px, black -1px -1px 2px; }
#quality02 .section02 .content-body .photo-list{ margin: 70px auto 0; max-width: 1080px; }
#quality02 .section02 .content-body .photo-list .item:nth-child(n+2){ margin-top: 20px; }

#quality03 .section01{ margin: 0 auto; padding:  100px 5% 110px; }
#quality03 .section01 .intro{ margin: 0 auto; max-width: 1240px; }
#quality03 .section01 .intro .ttl{ font-size: 32px; line-height: 1.5; text-align: center; font-weight: normal; color: #2d4f72; padding-bottom: 70px; }
#quality03 .section01 .intro .ttl .marker{ font-size: 156%; line-height: 1.5; display: block; }
#quality03 .section01 .split-view01{ display: flex; justify-content: space-between; align-items: flex-start; flex-direction: row-reverse; max-width: 1050px; margin: 0 auto; }
#quality03 .section01 .split-view01 .txt-body{ width: 47.6190%; }
#quality03 .section01 .split-view01 .txt-body .head{ font-size: 30px; line-height: 1.56; color: #2d4f72; margin-bottom: 10px; }
#quality03 .section01 .split-view01 .txt-body .head .marker{ font-size: 140%; }
#quality03 .section01 .split-view01 .txt-body .head .marker02{ color: #c30d23; }
#quality03 .section01 .split-view01 .txt-body .txt{ font-size: 20px; line-height: 1.7; }
#quality03 .section01 .split-view01 .txt-body .caption{ font-size: 14px; line-height: 1.7; margin-top: 5px; }
#quality03 .section01 .split-view01 .photo-body{ width: 46.6666%; position: relative; }
#quality03 .section01 .split-view01 .photo-body .caption{ position: absolute; right: 5px; bottom: 5px; color: #ffffff; font-size: 12px; text-shadow: black 1px 1px 2px, black -1px 1px 2px, black 1px -1px 2px, black -1px -1px 2px; }
#quality03 .section01 .split-view02{ display: flex; justify-content: space-between; align-items: flex-start; max-width: 1080px; margin: 100px auto 0; }
#quality03 .section01 .split-view02 .txt-body{ width: 540px; }
#quality03 .section01 .split-view02 .txt-body .head{ font-size: 30px; line-height: 1.56; color: #2d4f72; margin-bottom: 10px; }
#quality03 .section01 .split-view02 .txt-body .head .marker{ font-size: 140%; }
#quality03 .section01 .split-view02 .txt-body .txt{ font-size: 20px; line-height: 1.7; }
#quality03 .section01 .split-view02 .txt-body .txt .marker{ color: #c30d23; }
#quality03 .section01 .split-view02 .txt-body .caption{ font-size: 14px; line-height: 1.7; margin-top: 5px; }
#quality03 .section01 .split-view02 .photo-body{ flex: 1; position: relative; margin-left: 4%; }
#quality03 .section01 .sec-ttl{ font-size: 36px; line-height: 1.44; color: #2d4f72; padding: 20px 0; margin: 100px auto 0; font-weight: normal; border: solid rgba(0,0,0,0.5); border-width: 1px 0; }
#quality03 .section01 .split-view03{ display: flex; justify-content: space-between; align-items: flex-start; flex-direction: row-reverse; max-width: 1080px; margin: 70px auto 0; }
#quality03 .section01 .split-view03 .txt-body{ width: 540px; }
#quality03 .section01 .split-view03 .txt-body .head{ font-size: 30px; line-height: 1.56; color: #2d4f72; margin-bottom: 10px; }
#quality03 .section01 .split-view03 .txt-body .head .marker{ font-size: 140%; }
#quality03 .section01 .split-view03 .txt-body .txt{ font-size: 20px; line-height: 1.7; }
#quality03 .section01 .split-view03 .txt-body .txt .marker{ color: #c30d23; }
#quality03 .section01 .split-view03 .txt-body .caption{ font-size: 14px; line-height: 1.7; margin-top: 5px; }
#quality03 .section01 .split-view03 .photo-body{ flex: 1; position: relative; margin-right: 4%; }
#quality03 .section01 .split-view04{ display: flex; justify-content: space-between; align-items: flex-end; max-width: 1080px; margin: 70px auto 0; }
#quality03 .section01 .split-view04 .txt-body{ width: 540px; }
#quality03 .section01 .split-view04 .txt-body .bubble{ background-color: #2d4f72; text-align: center; font-size: 22px; padding: 10px 0; color: #ffffff; margin-bottom: 20px; }
#quality03 .section01 .split-view04 .txt-body .head{ font-size: 30px; line-height: 1.56; color: #2d4f72; margin-bottom: 10px; }
#quality03 .section01 .split-view04 .txt-body .head .marker{ font-size: 140%; }
#quality03 .section01 .split-view04 .txt-body .txt{ font-size: 20px; line-height: 1.7; }
#quality03 .section01 .split-view04 .txt-body .txt .marker{ color: #c30d23; }
#quality03 .section01 .split-view04 .txt-body .caption{ font-size: 14px; line-height: 1.7; margin-top: 5px; }
#quality03 .section01 .split-view04 .photo-body{ flex: 1; position: relative; margin-left: 4%; }
#quality03 .section01 .condition{ display: flex; justify-content: space-between; flex-wrap: wrap; max-width: 1080px; margin: 70px auto 0; }
#quality03 .section01 .condition .condition-head{ width: 100%; font-size: 22px; line-height: 1.5; display: flex; align-items: center; color: #2d4f72; }
#quality03 .section01 .condition .condition-head::after{ content: ""; flex: 1; height: 1px; background-color: rgba(0,0,0,0.5); }
#quality03 .section01 .condition .condition-head .word{ padding: 0 0.5em 0 0; }
#quality03 .section01 .condition .cat{ width: 48%; margin-top: 20px; }
#quality03 .section01 .condition .cat03{ width: 100%; margin-top: 40px; }
#quality03 .section01 .condition .cat .head{ font-size: 22px; line-height: 1.5; color: #2d4f72; margin-bottom: 5px; }
#quality03 .section01 .condition .cat .txt{ padding-left: 20px; font-size: 20px; line-height: 1.5; }
#quality03 .section01 .condition .cat .list-item{ display: flex; flex-wrap: wrap; padding-left: 20px; }
#quality03 .section01 .condition .cat .list-item .item{ margin-right: 1em; font-size: 20px; line-height: 1.5; }
#quality03 .section01 .condition .caption{ width: 100%; font-size: 14px; line-height: 1.7; margin-top: 40px; }

#quality04 .section01{ margin: 0 auto; padding: 100px 0 0; }
#quality04 .section01 .intro{ margin: 0 auto; max-width: 1240px; }
#quality04 .section01 .intro .ttl{ font-size: 32px; line-height: 1.5; text-align: center; font-weight: normal; color: #2d4f72; padding-bottom: 70px; }
#quality04 .section01 .intro .ttl .marker{ font-size: 156%; line-height: 1.5; display: block; }
#quality04 .section01 .note{ margin: 0 auto 0; padding: 50px 5%; background-color: #efefef;  }
#quality04 .section01 .note .inner-body{ max-width: 863px; margin: 0 auto; }
#quality04 .section01 .note .inner-body .txt{ font-size: 20px; line-height: 1.7; margin-top: 20px; }
#quality04 .section01 .ext-txt01{ margin: 40px auto 0; padding: 0 5%; font-size: 32px; line-height: 1.56; text-align: center; }
#quality04 .section01 .ext-txt01 .marker{ color: #c30d23; }
#quality04 .section01 .feature{ margin: 120px auto; max-width: 1060px; padding: 0 5%; box-sizing: content-box; }
#quality04 .section01 .feature .head-split{ position: relative; }
#quality04 .section01 .feature .head-split .bubble{ position: absolute; left: 0; bottom: 0; width: 130px; padding-top: 130px; background-color: #2d4f72; border-radius: 50%; margin-bottom: -30px; }
#quality04 .section01 .feature .head-split .bubble .word{ width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); color: #ffffff; text-align: center; font-size: 28px; line-height: 1.5; }
#quality04 .section01 .feature .head-split .head{ font-size: 52px; line-height: 1.25; color: #2d4f72; border-bottom: 1px solid rgba(0,0,0,0.5); margin-left: 20px; padding-left: 140px; }
#quality04 .section01 .feature .feature-inner{ position: relative; margin: 60px auto 0; }
#quality04 .section01 .feature03 .feature-inner{ margin-top: 20px; }
#quality04 .section01 .feature .feature-inner .icon{ position: absolute; left: 0; top: 0; width: 154px; }
#quality04 .section01 .feature .feature-inner .inner-body{ margin-left: 176px; }
#quality04 .section01 .feature .feature-inner .inner-body .head{ font-size: 42px; line-height: 1.5; color: #2d4f72; }
#quality04 .section01 .feature .feature-inner .inner-body .split-view{ display: flex; justify-content: space-between; align-items: flex-start; flex-direction: row-reverse; margin: 20px auto 0; }
#quality04 .section01 .feature .feature-inner .inner-body .split-view .txt-body{ width: 36.1991%; }
#quality04 .section01 .feature .feature-inner .inner-body .split-view .txt-body .txt{ font-size: 20px; line-height: 1.7; }
#quality04 .section01 .feature .feature-inner .inner-body .split-view .txt-body .txt .marker{ color: #c30d23; }
#quality04 .section01 .feature .feature-inner .inner-body .split-view .photo-item{ width: 61.0859%; }
#quality04 .section01 .feature .feature-inner .inner-body .split-view .photo-item .photo-body{ position: relative; }
#quality04 .section01 .feature .feature-inner .inner-body .split-view .photo-item .photo-body:nth-child(n+2){ margin-top: 20px; }
#quality04 .section01 .feature .feature-inner .inner-body .split-view .photo-item .photo-body .caption{ position: absolute; right: 5px; bottom: 5px; color: #ffffff; font-size: 12px; text-shadow: black 1px 1px 2px, black -1px 1px 2px, black 1px -1px 2px, black -1px -1px 2px; }
#quality04 .section01 .feature .feature-inner .inner-body .split-view .photo-item .photo-body:nth-child(2) .caption{ color: #333333; text-shadow: white 1px 1px 2px, white -1px 1px 2px, white 1px -1px 2px, white -1px -1px 2px; }
#quality04 .section01 .feature .feature-inner .inner-body .caption{ font-size: 14px; line-height: 1.7; margin-top: 5px; }
#quality04 .section01 .feature03 .feature-inner .inner-body .txt{ font-size: 20px; line-height: 1.7; margin-top: 20px; }
#quality04 .section01 .feature03 .feature-inner .inner-body .txt .marker{ color: #c30d23; }

#quality05 .section01{ margin: 0 auto; padding: 100px 0; }
#quality05 .section01 .intro{ margin: 0 auto; max-width: 1240px; }
#quality05 .section01 .intro .ttl{ font-size: 32px; line-height: 1.5; text-align: center; font-weight: normal; color: #2d4f72; padding-bottom: 70px; }
#quality05 .section01 .intro .ttl .marker{ font-size: 156%; line-height: 1.5; }
#quality05 .section01 .split-view01{ display: flex; justify-content: space-between; align-items: flex-start; max-width: 1040px; margin: 0 auto; padding: 0 5%; box-sizing: content-box; }
#quality05 .section01 .split-view01 .txt-body{ width: 420px; }
#quality05 .section01 .split-view01 .txt-body .head{ font-size: 30px; line-height: 1.56; margin-bottom: 10px; }
#quality05 .section01 .split-view01 .txt-body .head .marker{ font-size: 140%; color: #c30d23; }
#quality05 .section01 .split-view01 .txt-body .txt{ font-size: 20px; line-height: 1.7; }
#quality05 .section01 .split-view01 .txt-body .txt .marker{ color: #c30d23; }
#quality05 .section01 .split-view01 .logo{ flex: 1; position: relative; margin-left: 4%; text-align: right; }
#quality05 .section01 .structure-body{ margin: 100px auto 0; }
#quality05 .section01 .structure-body .ttl{ font-size: 32px; line-height: 1.5; text-align: center; font-weight: normal; }
#quality05 .section01 .structure-body .ttl .marker{ font-size: 156%; line-height: 1.5; color: #c30d23; }
#quality05 .section01 .structure-body .photo-body{ width: 100%; max-width: 1440px; position: relative; margin: 70px auto 0; }
#quality05 .section01 .structure-body .photo-body .caption{ position: absolute; right: 5px; bottom: 5px; color: #ffffff; font-size: 12px; text-shadow: black 1px 1px 2px, black -1px 1px 2px, black 1px -1px 2px, black -1px -1px 2px; }
#quality05 .section01 .flow-wrapper{ max-width: 1050px; margin: 120px auto 0; box-sizing: content-box; padding: 0 5%; }
#quality05 .section01 .flow-wrapper .ttl{ font-size: 30px; line-height: 1.56; margin-bottom: 10px; font-weight: normal; }
#quality05 .section01 .flow-wrapper .ttl .marker{ font-size: 140%; color: #c30d23; }
#quality05 .section01 .flow-wrapper .flow{ background-color: #f2f2f2; padding-top: 20px; margin-top: 40px; }
#quality05 .section01 .flow-wrapper .flow+.flow{ margin-top: 20px; }
#quality05 .section01 .flow-wrapper .flow .head-split{ margin: 0 20px 20px; border-bottom: 1px solid #2d4f72; padding-bottom: 20px; display: flex; align-items: center; }
#quality05 .section01 .flow-wrapper .flow .head-split .num{ width: 88px; height: 88px; display: flex; align-items: center; justify-content: center; background-color: #ffffff; color: #2d4f72; font-size: 73px; line-height: 1; }
#quality05 .section01 .flow-wrapper .flow .head-split .head{ font-size: 38px; line-height: 1.5; color: #2d4f72; font-weight: normal; flex: 1; padding-left: 20px; }
#quality05 .section01 .flow-wrapper .flow .txt-body{ max-width: 900px; margin: 0 auto; padding: 0 20px; box-sizing: content-box; }
#quality05 .section01 .flow-wrapper .flow .txt-body .inner-split{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; }
#quality05 .section01 .flow-wrapper .flow .txt-body .copy{ font-size: 28px; line-height: 1.5; }
#quality05 .section01 .flow-wrapper .flow .txt-body .copy .marker{ color: #c30d23; }
#quality05 .section01 .flow-wrapper .flow .txt-body .ext01{ text-align: right; }
#quality05 .section01 .flow-wrapper .flow .txt-body .txt{ font-size: 22px; line-height: 1.6; margin-top: 10px; }
#quality05 .section01 .flow-wrapper .flow .txt-body .head{ font-size: 20px; line-height: 1.5; color: #2d4f72; margin-top: 20px; }
#quality05 .section01 .flow-wrapper .flow .txt-body .head~.head{ margin-top: 40px; }
#quality05 .section01 .flow-wrapper .flow .txt-body .head .sub{ font-size: 16px; line-height: 1.5; color: #333333; padding-left: 1em; }
#quality05 .section01 .flow-wrapper .flow .txt-body .caption{ font-size: 14px; line-height: 1.5; }
#quality05 .section01 .flow-wrapper .flow01 .photo-body{ width: 100%; max-width: 1050px; position: relative; margin: 40px auto 0; }
#quality05 .section01 .flow-wrapper .flow01 .photo-body .caption{ position: absolute; right: 5px; bottom: 5px; color: #ffffff; font-size: 12px; }
#quality05 .section01 .flow-wrapper .flow02 .txt-body{ padding-bottom: 40px; }
#quality05 .section01 .flow-wrapper .flow02 .txt-body .ext02{ margin-top: 20px; }
#quality05 .section01 .flow-wrapper .flow02 .photo-body{ width: 100%; max-width: 789px; position: relative; margin: 10px auto 0; }
#quality05 .section01 .flow-wrapper .flow02 .photo-body .caption{ position: absolute; right: 5px; bottom: 5px; font-size: 12px; }
#quality05 .section01 .flow-wrapper .flow03 .txt-body{ padding-bottom: 40px; }
#quality05 .section01 .flow-wrapper .flow03 .list-item{ display: flex; justify-content: space-between; margin: 10px auto 0; max-width: 790px; }
#quality05 .section01 .flow-wrapper .flow03 .list-item .item{ width: 31.0126%; }
#quality05 .section01 .flow-wrapper .flow03 .list-item .item01 .photo,
#quality05 .section01 .flow-wrapper .flow03 .list-item .item02 .photo{ padding-top: 11.6%; }
#quality05 .section01 .flow-wrapper .flow03 .list-item .item .txt{ font-size: 18px; line-height: 1.5; text-align: center; }
#quality05 .section01 .flow-wrapper .flow03 .photo-body{ width: 100%; max-width: 820px; position: relative; margin: 10px auto 0; }
#quality05 .section01 .material-body{ margin: 120px auto 0; max-width: 1050px; padding: 0 5%; box-sizing: content-box; }
#quality05 .section01 .material-body .ttl-body .ttl{ font-size: 40px; line-height: 1.5; color: #2d4f72; font-weight: normal; }
#quality05 .section01 .material-body .ttl-body .txt{ font-size: 22px; line-height: 1.6; margin-top: 10px; }
#quality05 .section01 .material-body .split-view02{ display: flex; justify-content: space-between; align-items: center; margin: 20px auto 0; }
#quality05 .section01 .material-body .split-view02 .txt-body{ width: 250px; }
#quality05 .section01 .material-body .split-view02 .txt-body .head{ font-size: 30px; line-height: 1.56; color: #2d4f72; margin-bottom: 10px; }
#quality05 .section01 .material-body .split-view02 .txt-body .head .marker{ font-size: 140%; }
#quality05 .section01 .material-body .split-view02 .txt-body .txt{ font-size: 20px; line-height: 1.7; }
#quality05 .section01 .material-body .split-view02 .txt-body .txt .marker{ color: #c30d23; }
#quality05 .section01 .material-body .split-view02 .txt-body .caption{ font-size: 14px; line-height: 1.7; margin-top: 5px; }
#quality05 .section01 .material-body .split-view02 .photo-body01{ flex: 1; position: relative; max-width: 712px; }
#quality05 .section01 .material-body .photo-body02{ margin-top: 50px; }
#quality05 .section01 .feature-body{ margin: 100px auto 0; max-width: 1050px; padding: 0 5%; box-sizing: content-box; }
#quality05 .section01 .feature-body .ttl-body .ttl{ font-size: 40px; line-height: 1.5; color: #2d4f72; font-weight: normal; }
#quality05 .section01 .feature-body .list-item{ display: flex; justify-content: space-between; margin: 40px auto 0; }
#quality05 .section01 .feature-body .list-item .item{ width: 30.2857%; position: relative; }
#quality05 .section01 .feature-body .list-item .item:nth-child(n+2)::before{ content: ""; position: absolute; left: 0; top: 0; width: 10px; height: 100%; background-image: radial-gradient(circle, #727171 2px, transparent 2px); background-position: 0 0; background-size: 10px 10px; margin-left: -9%; }
#quality05 .section01 .feature-body .list-item .item .icon{ width: 100%; max-width: 318px; margin: 0 auto; height: 146px; display: flex; justify-content: center; align-items: center; }
#quality05 .section01 .feature-body .list-item .item .head{ font-size: 24px; line-height: 1.5; color: #2d4f72; margin-top: 20px; }
#quality05 .section01 .feature-body .list-item .item .txt{ font-size: 22px; line-height: 1.6; margin-top: 5px; }




@media screen and (max-width: 1100px) {
	#main .local-navi .navi{ width: 17.2%; margin: 0 1.3953%; }
	#main .local-navi .navi a{ font-size: 26px; }
}
@media screen and (max-width: 1023px) {
	#main .anchor{ transform: translateY(-60px); }
	#quality01 .section01 .rank-list{ display: block; }
	#quality01 .section01 .rank-list .item{ width: 100%; }
	#quality01 .section01 .rank-list .item:nth-child(even){ margin-left: 0%; }
	#quality01 .section01 .rank-list .item:nth-child(n+2){ margin-top: 30px; }
	#quality02 .section01 .split-view03{ display: block; }
	#quality02 .section01 .split-view03 .photo-body{ margin: 0 auto 40px; }
	#quality02 .section01 .split-view03 .txt-body{ width: 100%; }
	#quality02 .section01 .split-view03 .txt-body .txt br{ display: none; }
	#quality02 .section02 .content-body .split-view01 .txt-body .head br{ display: none; }
	#quality02 .section02 .content-body .split-view02 .txt-body .head br{ display: none; }
	#quality02 .section02 .content-body .split-view03 .txt-body .head br{ display: none; }
	#quality02 .section02 .content-body .split-view04 .txt-body .head br{ display: none; }
	#quality03 .section01 .split-view02{ display: block; }
	#quality03 .section01 .split-view02 .txt-body{ width: 100%; }
	#quality03 .section01 .split-view02 .photo-body{ margin: 40px auto 0; }
	#quality03 .section01 .split-view02 .photo-body .photo{ max-width: 526px; margin: 0 auto; }
	#quality03 .section01 .split-view03{ display: block; }
	#quality03 .section01 .split-view03 .txt-body{ width: 100%; }
	#quality03 .section01 .split-view03 .photo-body{ margin: 40px auto 0; }
	#quality03 .section01 .split-view03 .photo-body .photo{ max-width: 492px; margin: 0 auto; }
	#quality03 .section01 .split-view04{ display: block; }
	#quality03 .section01 .split-view04 .txt-body{ width: 100%; }
	#quality03 .section01 .split-view04 .photo-body{ margin: 40px auto 0; }
	#quality03 .section01 .split-view04 .photo-body .photo{ max-width: 495px; margin: 0 auto; }
	#quality03 .section01 .condition{ display: block; }
	#quality03 .section01 .condition .cat01{ width: 100%; }
	#quality03 .section01 .condition .cat02{ width: 100%; margin-top: 40px; }
	#quality05 .section01 .split-view01{ display: block; }
	#quality05 .section01 .split-view01 .txt-body{ width: 100%; }
	#quality05 .section01 .split-view01 .txt-body br{ display: none; }
	#quality05 .section01 .split-view01 .logo{ margin: 40px auto 0; max-width: 467px; text-align: center; }
	#quality05 .section01 .material-body .split-view02{ display: block; }
	#quality05 .section01 .material-body .split-view02 .txt-body{ width: 100%; }
	#quality05 .section01 .material-body .split-view02 .txt-body .txt br{ display: none; }
	#quality05 .section01 .material-body .split-view02 .photo-body01{ margin: 40px auto 0; }
	#quality05 .section01 .material-body .split-view02 .photo-body01 .photo{ max-width: 712px; margin: 0 auto; }
}
@media screen and (max-width: 768px) {
	#main{ padding-bottom: 10%; }
	#main .page-name{ padding: 40px 5% 30px; }
	#main .page-name .en{ font-size: 38px; }
	#main .page-name .ttl{ font-size: 18px; }
	#main .local-navi{ margin: 5% auto 15%; padding: 0 4%; }
	#main .local-navi .navi{ width: 19%; margin: 0 0.5%; }
	#main .local-navi .navi a{ font-size: 3.5vw; }
	#main .quality-intro .head-body{ padding-bottom: 10px; margin-bottom: 20px; }
	#main .quality-intro .head-body .ja{ font-size: 48px; padding: 0 10px; }
	#main .quality-intro .head-body .en{ font-size: 32px; padding: 0 10px; }

	#quality01 .section01{ padding: 10% 5%; }
	#quality01 .section01 .ttl{ font-size: 20px; padding-bottom: 10px; margin: 0 auto 20px; }
	#quality01 .section01 .rank-list .item:nth-child(n+2){ margin-top: 7%; }
	#quality01 .section01 .rank-list .item .head-split{ padding-bottom: 5px; }
	#quality01 .section01 .rank-list .item .head-split .icon{ width: 15%; }
	#quality01 .section01 .rank-list .item .head-split .icon img{ width: 100%; height: auto; }
	#quality01 .section01 .rank-list .item .head-split .head{ margin-left: -5%; padding: 10px 5% 10px 7%; font-size: 22px; }
	#quality01 .section01 .rank-list .item .txt{ font-size: 14px; padding-left: 5%; }
	#quality01 .section01 .list-item{ margin: 10% auto 0; }
	#quality01 .section01 .list-item .item:nth-child(n+2){ margin-top: 10%; }
	#quality01 .section01 .list-item .item .head{ font-size: 22px; margin-bottom: 10px; padding-bottom: 5px; }
	#quality01 .section01 .list-item .item .split-view{ display: block; padding: 0; }
	#quality01 .section01 .list-item .item .split-view .licence{ width: 100%; max-width: 416px; margin: 10px auto 0; }
	#quality01 .section01 .list-item .item .split-view .txt{ font-size: 14px; }
	#quality01 .section02{ padding: 10% 5%; }
	#quality01 .section02 .inner-body .ttl-split{ display: block; }
	#quality01 .section02 .inner-body .ttl-split .icon{ width: 15%; max-width: 130px; margin: 0 auto; }
	#quality01 .section02 .inner-body .ttl-split .ttl-body{ margin-top: 10px; }
	#quality01 .section02 .inner-body .ttl-split .ttl-body .ttl{ font-size: 20px; }
	#quality01 .section02 .inner-body .ttl-split .ttl-body .txt{ font-size: 14px; }
	#quality01 .section02 .inner-body .ttl-split .ttl-body .word{ display: inline; }
	#quality01 .section02 .inner-body .photo{ margin-top: 5%; }
	#quality01 .section02 .inner-body .txt-body{ margin-top: 5%; }
	#quality01 .section02 .inner-body .txt-body .txt{ font-size: 14px; }
	#quality01 .section02 .inner-body .txt-body .caption{ font-size: 12px; margin-top: 5%; }
	#quality01 .section03{ padding: 10% 5% 0; }
	#quality01 .section03 .ttl{ font-size: 20px; }
	#quality01 .section03 .support-body{ margin: 5% auto 0; text-align: center; }
	#quality01 .section03 .support-body .bubble{ font-size: 18px; }
	#quality01 .section03 .support-body .copy{ font-size: 20px; padding: 10px 0; }
	#quality01 .section03 .support-body .txt{ font-size: 14px; }
	#quality01 .section03 .photo{ margin: 5% auto 0; }
	#quality01 .section03 .caption{ font-size: 12px; }

	#quality02 .section01{ padding: 10% 5%; }
	#quality02 .section01 .intro .ttl{ font-size: 20px; padding-bottom: 20px; }
	#quality02 .section01 .intro .ttl .marker{ font-size: 156%; line-height: 1; }
	#quality02 .section01 .intro .txt{ font-size: 14px; text-align: left; }
	#quality02 .section01 .split-view01{ display: block; margin-top: 7%; text-align: center; }
	#quality02 .section01 .split-view01 .item01{ width: 100%; }
	#quality02 .section01 .split-view01 .item02{ width: 100%; margin-top: 5%; }
	#quality02 .section01 .split-view02{ display: block; margin-top: 7%; text-align: center; }
	#quality02 .section01 .split-view02 .item01{ width: 100%; }
	#quality02 .section01 .split-view02 .item02{ width: 100%; margin-top: 5%; }
	#quality02 .section01 .split-view02+.caption{ font-size: 12px; }
	#quality02 .section01 .split-view03 .txt-body .head{ font-size: 20px; margin-bottom: 5px; }
	#quality02 .section01 .split-view03 .txt-body .head~.head{ margin-top: 7%; }
	#quality02 .section01 .split-view03 .txt-body .head br{ display: none; }
	#quality02 .section01 .split-view03 .txt-body .txt{ font-size: 14px; }
	#quality02 .section01 .split-view03 .txt-body .caption{ font-size: 12px; }
	#quality02 .section02{ padding-bottom: 0; }
	#quality02 .section02 .content-body{ padding: 10% 5% 0; }
	#quality02 .section02 .content-body .split-view01{ display: block; }
	#quality02 .section02 .content-body .split-view01 .txt-body{ width: 100%; }
	#quality02 .section02 .content-body .split-view01 .txt-body .head{ font-size: 20px; margin-bottom: 5px; }
	#quality02 .section02 .content-body .split-view01 .txt-body .txt{ font-size: 14px; }
	#quality02 .section02 .content-body .split-view01 .photo-body01{ margin: 5% auto 0; max-width: 495px; }
	#quality02 .section02 .content-body .split-view01 .photo-body02{ width: 100%; margin: 5% auto 0; max-width: 500px; }
	#quality02 .section02 .content-body .split-view02{ display: block; margin-top: 15%; }
	#quality02 .section02 .content-body .split-view02 .txt-body{ width: 100%; }
	#quality02 .section02 .content-body .split-view02 .txt-body .head{ font-size: 20px; margin-bottom: 5px; }
	#quality02 .section02 .content-body .split-view02 .txt-body .txt{ font-size: 14px; }
	#quality02 .section02 .content-body .split-view02 .photo{ margin: 5% auto 0; max-width: 525px; width: 100%; }
	#quality02 .section02 .content-body .split-view03{ display: block; margin-top: 15%; }
	#quality02 .section02 .content-body .split-view03 .txt-body{ width: 100%; }
	#quality02 .section02 .content-body .split-view03 .txt-body .head{ font-size: 20px; margin-bottom: 5px; }
	#quality02 .section02 .content-body .split-view03 .txt-body .txt{ font-size: 14px; }
	#quality02 .section02 .content-body .split-view03 .photo-body01{ margin: 5% auto 0; max-width: 508px; }
	#quality02 .section02 .content-body .split-view03 .photo-body02{ width: 100%; margin: 5% auto 0; max-width: 512px; }
	#quality02 .section02 .content-body .split-view04{ display: block; margin-top: 15%; }
	#quality02 .section02 .content-body .split-view04 .txt-body{ width: 100%; }
	#quality02 .section02 .content-body .split-view04 .txt-body .head{ font-size: 20px; margin-bottom: 5px; }
	#quality02 .section02 .content-body .split-view04 .txt-body .txt{ font-size: 14px; }
	#quality02 .section02 .content-body .split-view04 .photo-body{ width: 100%; margin: 5% auto 0; max-width: 502px; }
	#quality02 .section02 .content-body .photo-list{ margin: 10% auto 0; }
	#quality02 .section02 .content-body .photo-list .item:nth-child(n+2){ margin-top: 10px; }

	#quality03 .section01{ padding: 10% 5% 0; }
	#quality03 .section01 .intro .ttl{ font-size: 20px; padding-bottom: 20px; }
	#quality03 .section01 .split-view01{ display: block; }
	#quality03 .section01 .split-view01 .txt-body{ width: 100%; }
	#quality03 .section01 .split-view01 .txt-body .head{ font-size: 20px; margin-bottom: 5px; }
	#quality03 .section01 .split-view01 .txt-body .head br{ display: none; }
	#quality03 .section01 .split-view01 .txt-body .txt{ font-size: 14px; }
	#quality03 .section01 .split-view01 .txt-body .caption{ font-size: 12px; }
	#quality03 .section01 .split-view01 .photo-body{ width: 100%; margin: 5% auto 0; max-width: 490px; }
	#quality03 .section01 .split-view02{ margin-top: 15%; }
	#quality03 .section01 .split-view02 .txt-body .head{ font-size: 20px; margin-bottom: 5px; }
	#quality03 .section01 .split-view02 .txt-body .head br{ display: none; }
	#quality03 .section01 .split-view02 .txt-body .txt{ font-size: 14px; }
	#quality03 .section01 .split-view02 .txt-body .caption{ font-size: 12px; }
	#quality03 .section01 .split-view02 .photo-body{ margin: 5% auto 0; }
	#quality03 .section01 .sec-ttl{ font-size: 28px; line-height: 1.44; padding: 15px 0; margin: 15% auto 0; }
	#quality03 .section01 .sec-ttl br{ display: none; }
	#quality03 .section01 .split-view03{ margin-top: 10%; }
	#quality03 .section01 .split-view03 .txt-body .head{ font-size: 20px; margin-bottom: 5px; }
	#quality03 .section01 .split-view03 .txt-body .head br{ display: none; }
	#quality03 .section01 .split-view03 .txt-body .txt{ font-size: 14px; }
	#quality03 .section01 .split-view03 .txt-body .caption{ font-size: 12px; }
	#quality03 .section01 .split-view03 .photo-body{ margin: 5% auto 0; }
	#quality03 .section01 .split-view04{ margin-top: 10%; }
	#quality03 .section01 .split-view04 .txt-body .head{ font-size: 20px; margin-bottom: 5px; }
	#quality03 .section01 .split-view04 .txt-body .head br{ display: none; }
	#quality03 .section01 .split-view04 .txt-body .txt{ font-size: 14px; }
	#quality03 .section01 .split-view04 .txt-body .caption{ font-size: 14px; }
	#quality03 .section01 .split-view04 .photo-body{ margin: 5% auto 0; }
	#quality03 .section01 .condition{ margin: 15% auto 0; }
	#quality03 .section01 .condition .condition-head{ font-size: 18px; }
	#quality03 .section01 .condition .cat{ margin-top: 5%; }
	#quality03 .section01 .condition .cat .head{ font-size: 18px; }
	#quality03 .section01 .condition .cat .txt{ padding-left: 4%; font-size: 14px; }
	#quality03 .section01 .condition .cat .list-item{ padding-left: 4%; }
	#quality03 .section01 .condition .cat .list-item .item{ font-size: 14px; }
	#quality03 .section01 .condition .caption{ font-size: 12px; margin-top: 5%; }

	#quality04 .section01{ padding: 10% 0 0; }
	#quality04 .section01 .intro .ttl{ font-size: 20px; padding-bottom: 20px; }
	#quality04 .section01 .note{ padding: 7% 5%; }
	#quality04 .section01 .note .inner-body .txt{ font-size: 14px; margin-top: 10px; }
	#quality04 .section01 .ext-txt01{ margin: 10% auto 0; font-size: 20px; text-align: left; }
	#quality04 .section01 .feature{ margin: 15% auto; }
	#quality04 .section01 .feature .head-split .bubble{ width: 80px; padding-top: 80px; margin-bottom: -10px; }
	#quality04 .section01 .feature .head-split .bubble .word{ font-size: 18px; }
	#quality04 .section01 .feature .head-split .head{ font-size: 28px; margin-left: 20px; padding-left: 80px; }
	#quality04 .section01 .feature .feature-inner{ margin: 20px 0 0; }
	#quality04 .section01 .feature03 .feature-inner{ margin-top: 20px; }
	#quality04 .section01 .feature .feature-inner .icon{ position: relative; left: 0; top: 0; max-width: 154px; width: 30%; margin-bottom: 10px; }
	#quality04 .section01 .feature .feature-inner .inner-body{ margin-left: 0; }
	#quality04 .section01 .feature .feature-inner .inner-body .head{ font-size: 20px; }
	#quality04 .section01 .feature .feature-inner .inner-body .split-view{ display: block; margin-top: 0; }
	#quality04 .section01 .feature .feature-inner .inner-body .split-view .txt-body{ width: 100%; }
	#quality04 .section01 .feature .feature-inner .inner-body .split-view .txt-body .txt{ font-size: 14px; }
	#quality04 .section01 .feature .feature-inner .inner-body .split-view .photo-item{ width: 100%; margin-top: 10px; }
	#quality04 .section01 .feature .feature-inner .inner-body .split-view .photo-item .photo-body:nth-child(n+2){ margin-top: 5%; }
	#quality04 .section01 .feature .feature-inner .inner-body .caption{ font-size: 12px; }
	#quality04 .section01 .feature03 .feature-inner .inner-body .txt{ font-size: 14px; margin-top: 5%; }

	#quality05 .section01{ padding: 10% 0 0; }
	#quality05 .section01 .intro .ttl{ font-size: 20px; padding-bottom: 20px; }
	#quality05 .section01 .split-view01{ display: block; }
	#quality05 .section01 .split-view01 .txt-body{ width: 100%; }
	#quality05 .section01 .split-view01 .txt-body .head{ font-size: 20px; margin-bottom: 5px; }
	#quality05 .section01 .split-view01 .txt-body .txt{ font-size: 14px; }
	#quality05 .section01 .split-view01 .logo{ width: 100%; margin: 5% auto 0; max-width: 467px; }
	#quality05 .section01 .structure-body{ margin: 15% auto 0; }
	#quality05 .section01 .structure-body .ttl{ font-size: 20px; padding: 0 5%; }
	#quality05 .section01 .structure-body .ttl br{ display: none; }
	#quality05 .section01 .structure-body .photo-body{ margin: 5% auto 0; }
	#quality05 .section01 .flow-wrapper{ margin-top: 15%; }
	#quality05 .section01 .flow-wrapper .ttl{ font-size: 20px; margin-bottom: 0; }
	#quality05 .section01 .flow-wrapper .ttl br{ display: none; }
	#quality05 .section01 .flow-wrapper .flow{ padding-top: 5%; margin-top: 5%; }
	#quality05 .section01 .flow-wrapper .flow+.flow{ margin-top: 5%; }
	#quality05 .section01 .flow-wrapper .flow .head-split{ margin: 0 5% 5%; padding-bottom: 10px; }
	#quality05 .section01 .flow-wrapper .flow .head-split .num{ width: 44px; height: 44px; font-size: 30px; }
	#quality05 .section01 .flow-wrapper .flow .head-split .head{ font-size: 20px; padding-left: 10px; }
	#quality05 .section01 .flow-wrapper .flow .txt-body{ padding: 0 5%; }
	#quality05 .section01 .flow-wrapper .flow .txt-body .copy{ font-size: 20px; }
	#quality05 .section01 .flow-wrapper .flow .txt-body .txt{ font-size: 14px; }
	#quality05 .section01 .flow-wrapper .flow .txt-body .head{ font-size: 16px; margin-top: 10px; }
	#quality05 .section01 .flow-wrapper .flow .txt-body .head~.head{ margin-top: 5%; }
	#quality05 .section01 .flow-wrapper .flow .txt-body .head .sub{ font-size: 14px; display: block; padding-left: 0; }
	#quality05 .section01 .flow-wrapper .flow .txt-body .caption{ font-size: 12px; }
	#quality05 .section01 .flow-wrapper .flow01 .photo-body{ margin: 5% auto 0; }
	#quality05 .section01 .flow-wrapper .flow02 .txt-body{ padding-bottom: 5%; }
	#quality05 .section01 .flow-wrapper .flow02 .txt-body .ext02{ margin-top: 5%; }
	#quality05 .section01 .flow-wrapper .flow03 .txt-body{ padding-bottom: 5%; }
	#quality05 .section01 .flow-wrapper .flow03 .list-item .item .txt{ font-size: 12px; }
	#quality05 .section01 .material-body{ margin: 10% auto 0; }
	#quality05 .section01 .material-body .ttl-body .ttl{ font-size: 20px; }
	#quality05 .section01 .material-body .ttl-body .txt{ font-size: 14px; }
	#quality05 .section01 .material-body .split-view02{ margin-top: 10px; }
	#quality05 .section01 .material-body .split-view02 .txt-body .txt{ font-size: 14px; }
	#quality05 .section01 .material-body .split-view02 .photo-body01{ margin-top: 10px; }
	#quality05 .section01 .material-body .photo-body02{ margin-top: 5%; }
	#quality05 .section01 .feature-body{ margin: 10% auto 0; }
	#quality05 .section01 .feature-body .ttl-body .ttl{ font-size: 20px; }
#quality05 .section01 .feature-body .list-item{ display: block; margin-top: 10px; }
#quality05 .section01 .feature-body .list-item .item{ width: 100%; }
#quality05 .section01 .feature-body .list-item .item:nth-child(n+2){ margin-top: 50px; }
#quality05 .section01 .feature-body .list-item .item:nth-child(n+2)::before{ width: 100%; height: 10px; margin: -30px 0 0; }
#quality05 .section01 .feature-body .list-item .item .icon{ height: auto; display: block; }
#quality05 .section01 .feature-body .list-item .item .head{ font-size: 18px; margin-top: 10px; }
#quality05 .section01 .feature-body .list-item .item .txt{ font-size: 14px; }
}















#main .local-navi .navi a{ transition: opacity 0.3s; }
#main .local-navi .navi.current a{ opacity: 1!important; cursor: default; pointer-events: none; }
#main .local-navi .navi a:active{ opacity: 0.7; }
@media (hover: hover){
	#main .local-navi .navi a:hover{ opacity: 0.7; }
}