@charset "UTF-8";main.top #intro{position:relative;padding-top:1px;margin-top:-1px;background:#f8f8f8;overflow:visible}main.top #intro .news-wrapper{background-color:#fff;padding:20px 30px;margin-right:-30px;margin-left:-30px;margin-bottom:90px;position:relative;z-index:2}main.top #intro .news-block{width:1200px;max-width:100%;margin-left:auto;margin-right:auto;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;padding-right:110px;position:relative}main.top #intro .news-block .title{font-size:20px;font-size:1.4285714286rem;font-family:"游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;color:#d08383;margin-right:25px}main.top #intro .news-block .title:after{content:"";display:block;background:#d08383;height:40px;width:1px;margin-left:25px}main.top #intro .news-block .cont{-ms-flex:1 0 auto;-webkit-flex-grow:1;flex-grow:1}main.top #intro .news-block .cont time{font-size:13px;font-size:.9285714286rem;color:#000}main.top #intro .news-block .cont p{font-size:14px;font-size:1rem;color:#000}main.top #intro .news-block .cont p a{color:#000}main.top #intro .features,main.top #intro .commitment{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;z-index:10;padding:60px 40px 50px 0;position:relative;margin-bottom:75px}main.top #intro .features:before,main.top #intro .commitment:before{z-index:-1;content:"";display:block;background:#fff;width:940px;height:100%;top:0;left:-110px;position:absolute}main.top #intro .features .txt,main.top #intro .commitment .txt{width:10px;-ms-flex:1 0 auto;-webkit-flex-grow:1;flex-grow:1;font-size:14px;font-size:1rem;margin:0 50px}main.top #intro .features .txt p,main.top #intro .commitment .txt p{color:#505050;letter-spacing:.07em}main.top #intro .features .txt p:not(:last-child),main.top #intro .commitment .txt p:not(:last-child){margin-bottom:30px}main.top #intro .features .pict,main.top #intro .commitment .pict{width:306px;margin-top:-100px}main.top #intro .features.rev,main.top #intro .commitment.rev{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}main.top #intro .features.rev:before,main.top #intro .commitment.rev:before{left:auto;right:-110px}main.top #manufacturing{position:relative;z-index:2}main.top #manufacturing:before,main.top #manufacturing:after{content:"";display:block;position:absolute;left:50%;top:-25px;width:1px;background:#dacb73}main.top #manufacturing:before{height:70px;margin-left:-6px}main.top #manufacturing:after{height:40px;margin-left:6px}main.top #manufacturing .bg{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;z-index:-1}main.top #manufacturing .bg span{position:absolute;left:0;top:0;width:100%;height:110%;background:url(//pearl-yacht.jp/wp/wp-content/themes/dev_pearl_yacht/css/../img/top/bg-manufacturing.jpg) no-repeat center center/cover}main.top #manufacturing .manufacturing-header{font-size:34px;font-size:2.4285714286rem;font-weight:700;font-family:"游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;text-align:center;line-height:1.2;margin-bottom:40px;position:relative;z-index:2}main.top #manufacturing .manufacturing-header span{font-size:14px;font-size:1rem;font-family:'Noto Sans JP',"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;display:block;font-weight:400}main.top #manufacturing .manufacturing-message{text-align:center;margin-bottom:70px}main.top #manufacturing .manufacturing-list{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin:0 -50px -45px 0}main.top #manufacturing .manufacturing-list>li{width:calc(50% - 50px);margin:0 50px 45px 0;position:relative;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}main.top #manufacturing .manufacturing-list>li:hover{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px);-webkit-transition:.3s all ease-in-out;-moz-transition:.3s all ease-in-out;-ms-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;transition:.3s all ease-in-out}main.top #manufacturing .manufacturing-list>li:before{content:"";display:block;width:4px;height:100%;position:absolute;left:0}main.top #manufacturing .manufacturing-list>li.gold:before{background:#e5c99c}main.top #manufacturing .manufacturing-list>li.gold>a .title{color:#e5c99c}main.top #manufacturing .manufacturing-list>li.gold>a .title span:after{background:#e5c99c}main.top #manufacturing .manufacturing-list>li.green:before{background:#939c8b}main.top #manufacturing .manufacturing-list>li.green>a .title{color:#939c8b}main.top #manufacturing .manufacturing-list>li.green>a .title span:after{background:#939c8b}main.top #manufacturing .manufacturing-list>li.red:before{background:#d08383}main.top #manufacturing .manufacturing-list>li.red>a .title{color:#d08383}main.top #manufacturing .manufacturing-list>li.red>a .title span:after{background:#d08383}main.top #manufacturing .manufacturing-list>li.purple:before{background:#8c96b4}main.top #manufacturing .manufacturing-list>li.purple>a .title{color:#8c96b4}main.top #manufacturing .manufacturing-list>li.purple>a .title span:after{background:#8c96b4}main.top #manufacturing .manufacturing-list>li>a{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;padding:35px 50px;background-color:#fff}main.top #manufacturing .manufacturing-list>li>a .title{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;font-size:48px;font-size:3.4285714286rem;font-weight:400;font-family:"游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif}main.top #manufacturing .manufacturing-list>li>a .title span{font-size:20px;font-size:1.4285714286rem;display:block;margin-left:15px;font-weight:600;color:#000}main.top #manufacturing .manufacturing-list>li>a .title span:after{content:"";display:block;width:60px;height:1px}main.top #manufacturing .manufacturing-list>li>a .cont{-ms-flex:1 0 auto;-webkit-flex-grow:1;flex-grow:1;color:#505050}main.top #manufacturing .manufacturing-list>li>a .link{padding-top:30px}main.top #manufacturing .manufacturing-list>li>a:hover{text-decoration:none}main.top #manufacturing .manufacturing-list>li>a:hover .detail:after{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;-webkit-transform:translateX(10px);-moz-transform:translateX(10px);-ms-transform:translateX(10px);-o-transform:translateX(10px);transform:translateX(10px)}main.top #manufacturing .manufacturing-list-wrapper{width:860px;max-width:100%;margin-left:auto;margin-right:auto}main.top #topics{background:#f8f8f8;position:relative}main.top #topics .topics-list{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin:70px -30px 0}main.top #topics .topics-list>li{width:calc(33.3% - 60px);margin:0 30px 30px}main.top #topics .topics-list>li>a{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;color:#505050;margin-top:25px;padding-bottom:20px}main.top #topics .topics-list>li>a .title{display:-moz-inline-box;display:inline-block;font-size:20px;font-size:1.4285714286rem;-webkit-border-radius:10%;-moz-border-radius:10%;-ms-border-radius:10%;-o-border-radius:10%;border-radius:10%;margin-top:-25px;overflow:hidden;text-align:center;color:#000;margin-bottom:15px;font-family:"游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif}main.top #topics .topics-list>li>a .title span{display:-moz-inline-box;display:inline-block;padding:5px 10px;border:1px #e5c99c solid}main.top #topics .topics-list>li>a .icon{text-align:center;margin-bottom:10px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;height:70px}main.top #topics .topics-list>li>a .detail{font-size:14px;font-size:1rem;color:#505050}main.top #topics .topics-list>li>a:hover{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;background-color:#fff;box-shadow:0 5px 8px 6px rgba(0,0,0,.05)}main.top #news h2{margin-bottom:40px}main.top #news .news-list{width:720px;max-width:100%;margin-left:auto;margin-right:auto}.line-wrapper,.liner{position:relative}.line-wrapper .linersvg svg,.liner .linersvg svg{position:absolute;top:0;left:0;margin:auto;width:100%;height:100%;z-index:1}@media screen and (min-width:701px) and (max-width:1000px){main.top #manufacturing .manufacturing-list{margin:0 -30px -30px 0}main.top #manufacturing .manufacturing-list>li{width:calc(50% - 30px);margin:0 30px 30px 0}}@media screen and (max-width:700px){main.top #intro{overflow:hidden}main.top #intro .news-wrapper{margin-bottom:45px}main.top #intro .news-block{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;padding-right:0}main.top #intro .news-block .title{font-size:16px;font-size:1.1428571429rem;margin-right:10px}main.top #intro .news-block .title:after{height:40px;margin-left:10px}main.top #intro .news-block .cont{-ms-flex:1 0 auto;-webkit-flex-grow:1;flex-grow:1;width:10px}main.top #intro .news-block .cont time{font-size:13px;font-size:.9285714286rem;color:#000}main.top #intro .news-block .cont p{font-size:14px;font-size:1rem;color:#000}main.top #intro .news-block .link{width:100%;padding-top:10px}main.top #intro .features,main.top #intro .commitment{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;padding:0;margin-bottom:45px}main.top #intro .features:before,main.top #intro .commitment:before{width:100%;height:100%;top:0;left:0;position:absolute}main.top #intro .features .txt,main.top #intro .commitment .txt{width:auto;font-size:14px;font-size:1rem;margin:0 30px 20px}main.top #intro .features .txt p:not(:last-child),main.top #intro .commitment .txt p:not(:last-child){margin-bottom:15px}main.top #intro .features .pict,main.top #intro .commitment .pict{margin-top:0;margin-bottom:15px;margin-top:30px}main.top #intro .features .pict img,main.top #intro .commitment .pict img{display:block;margin:0 auto}main.top #intro .features.rev,main.top #intro .commitment.rev{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}main.top #intro .features.rev:before,main.top #intro .commitment.rev:before{left:auto;right:0}main.top #manufacturing{padding:60px 20px}main.top #manufacturing .manufacturing-header{font-size:28px;font-size:2rem;font-weight:700;margin-top:20px;margin-bottom:30px}main.top #manufacturing .manufacturing-header span{font-size:14px;font-size:1rem}main.top #manufacturing .manufacturing-message{margin-bottom:45px}main.top #manufacturing .manufacturing-list{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin:0 -15px -15px 0}main.top #manufacturing .manufacturing-list>li{width:calc(50% - 15px);margin:0 15px 15px 0;position:relative}}@media screen and (max-width:700px) and (max-width:500px){main.top #manufacturing .manufacturing-list>li{width:calc(100% - 15px)}}@media screen and (max-width:700px){main.top #manufacturing .manufacturing-list>li>a{padding:15px 25px;height:auto}main.top #manufacturing .manufacturing-list>li>a .title span{font-size:22px;font-size:1.5714285714rem}main.top #topics{padding-top:50px}main.top #topics h2{margin-bottom:40px}main.top #topics .topics-list{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin:0 -10px}main.top #topics .topics-list>li{width:calc(50% - 34px);max-width:185px;margin:0 10px 30px}main.top #topics .topics-list>li>a .title{font-size:18px;font-size:1.2857142857rem}main.top #news h2{margin-bottom:50px}}