@import"https://fonts.googleapis.com/css2?family=Barlow:wght@100;200;300;400;500;600;700&family=Noto+Sans+JP:wght@100;300;400;500;700&display=swap";img[src$=".svg"],img{width:100%;height:auto}.att{padding-left:1em;text-indent:-1em}body{color:#333;font-family:"Noto Sans JP",Arial,Helvetica,Hiragino Kaku Gothic ProN,Meiryo,MSPゴシック,sans-serif;font-weight:400;letter-spacing:1px;line-height:1.75 !important}@media only screen and (max-width: 768px){body{font-size:15px;line-height:1.8}}.serif{font-family:"Noto Serif JP",serif}.en{font-family:"Lato",sans-serif}.eng{font-family:"Barlow",sans-serif}@font-face{font-family:"Abuget";src:url("/font/Abuget.ttf.woff") format("woff"),url("/font/Abuget.ttf.svg#Abuget") format("svg"),url("/font/Abuget.ttf.eot"),url("/font/Abuget.eot?#iefix") format("embedded-opentype");font-weight:normal;font-style:normal}.script{font-family:"Abuget",sans-serif}.en{font-family:"Barlow",sans-serif}main{min-height:100vh;width:100% !important;overflow:hidden !important}.future_visual{background:url("/experienced/img/future/visual.jpg") no-repeat;background-size:cover;padding:10rem 0;position:relative}@media only screen and (max-width: 768px){.future_visual{padding:5rem 0}}.future_visual .script_title{position:absolute;top:5vw;left:5vw}.future_visual .txts{text-align:center}@media only screen and (max-width: 768px){.future_visual .txts{text-align:left;padding:0 8vw}}.future_visual .txts p{margin:0 0 1em 0;line-height:2;font-weight:500;font-size:18px}@media only screen and (max-width: 768px){.future_visual .txts p{font-size:15px}}section.future{padding:5rem 0}@media only screen and (max-width: 768px){section.future{padding:3rem 0 0 0}}section.future .inner{padding:0 8vw;max-width:1400px;margin:auto}section.future .title{position:relative;text-align:center;margin:0 0 5rem 0}@media only screen and (max-width: 768px){section.future .title{margin:0 0 2rem 0}}section.future .title.green::after{display:none}section.future .title.green h2{color:#008060}section.future .title:after{content:"";width:5rem;height:10px;display:block;background:#008060;margin:2rem auto}section.future .title p.en{color:#008060;font-weight:500;margin:0 0 1rem 0}@media only screen and (max-width: 768px){section.future .title p.en{font-size:13px}}section.future .title h2{font-weight:500;font-size:1.5rem;font-feature-settings:"palt";letter-spacing:2px}@media only screen and (max-width: 768px){section.future .title h2{font-size:1rem}}.future_flex{display:flex;justify-content:space-between;margin:0 0 7rem 0}@media only screen and (max-width: 768px){.future_flex{display:block;margin:0 0 3rem 0}}.future_flex.nom{margin:0}.future_flex .box{width:30%}@media only screen and (max-width: 768px){.future_flex .box{width:100%;margin:0 0 2rem 0}}.future_flex .box .image{margin:0 0 1em 0}.future_flex .box .txt h3{color:#008060;font-weight:500;margin:0 0 1em 0;font-feature-settings:"palt"}.future_flex .box .txt p{margin:0 0 2em 0}.future_flex .box .txt ul li{padding-left:1em;text-indent:-1em}.future_flex .box a.pagenavs{display:block;border:1px solid #008060;padding:2rem 2rem 2rem 2rem;text-align:center;margin:2rem 0 0 0;display:flex;align-items:center;justify-content:center;color:#008060;font-weight:500;font-size:14px;font-feature-settings:"palt"}@media only screen and (max-width: 768px){.future_flex .box a.pagenavs{padding:1rem;text-align:left}}.future_flex .box a.pagenavs p{flex:1}.future_flex .box a.pagenavs .icon{width:44px;height:44px;text-align:center;border-radius:50%;border:1px solid #ccc;line-height:40px;background:#fff;transition:all .3s ease;margin:0 0 0 2rem}@media only screen and (max-width: 768px){.future_flex .box a.pagenavs .icon{width:34px;height:34px;line-height:30px}}.future_flex .box a.pagenavs:hover .icon{background:#008060;color:#fff}.widebox{background:#efefef;padding:3rem 0;text-align:center;font-size:1.3rem;font-weight:500}@media only screen and (max-width: 768px){.widebox{padding:2rem;font-size:15px;text-align:left;font-feature-settings:"palt";letter-spacing:2px}.widebox br{display:none}}.widebox.up{transform:translateY(-50%)}.widebox.white{background:#fff}@media only screen and (max-width: 768px){.widebox.white{padding:0 0 3rem 0}}.widebox.green{background:#008060;color:#fff}@media only screen and (max-width: 768px){.widebox.green{margin:0 0 5rem 0}}.devices{background:#008060;color:#fff;text-align:center;padding:5rem 0 15rem 0}@media only screen and (max-width: 768px){.devices{text-align:left;padding:5rem 0 10rem 0}.devices br{display:none}.devices p{margin:0 0 1em 0}}.devices .tts{margin:0 0 3rem 0}@media only screen and (max-width: 768px){.devices .tts{text-align:center}}.devices .tts p.jp{font-size:1.4rem;font-weight:500}@media only screen and (max-width: 768px){.devices .tts p.jp{font-size:1.2rem;margin:0}}.pickupbox{background:#eee;padding:3rem;position:relative}@media only screen and (max-width: 768px){.pickupbox{padding:1rem}}.pickupbox .ent{position:absolute;top:-2rem;left:0}@media only screen and (max-width: 768px){.pickupbox .ent{top:0}}.pickupbox .ent p{font-size:4rem;color:#008060;transform:rotate(-5deg);border-bottom:2px solid #008060;display:inline-block;line-height:1}@media only screen and (max-width: 768px){.pickupbox .ent p{font-size:2rem}}.pickupbox .in{background:#fff;padding:3rem}@media only screen and (max-width: 768px){.pickupbox .in{padding:2rem}}.pflex{display:flex;justify-content:space-between;align-items:center}@media only screen and (max-width: 768px){.pflex{display:block}}.pflex.mb{margin:0 0 5rem 0}@media only screen and (max-width: 768px){.pflex.mb{margin:0 0 2rem 0}}.pflex .txt{width:55%}@media only screen and (max-width: 768px){.pflex .txt{width:100%;margin:0 0 1em 0}}.pflex .txt h3{font-weight:bold;font-size:1.4rem;margin:0 0 1rem 0}@media only screen and (max-width: 768px){.pflex .txt h3{font-size:1rem;font-feature-settings:"palt"}.pflex .txt h3 br{display:none}}.pflex .txt .leads{font-weight:500;font-size:1.2rem;margin:0 0 2rem 0}@media only screen and (max-width: 768px){.pflex .txt .leads{font-size:1rem;font-feature-settings:"palt"}.pflex .txt .leads br{display:none}}.pflex .images{width:40%}@media only screen and (max-width: 768px){.pflex .images{width:100%}}.pflex .images .caps{text-align:center;font-weight:500;font-size:12px}.pflex .images .caps.left{text-align:left}.im_flex{display:flex;justify-content:space-between}@media only screen and (max-width: 768px){.im_flex{display:block}}.im_flex.three .box{width:33%}@media only screen and (max-width: 768px){.im_flex.three .box{width:100%}}.im_flex .box{width:49%}@media only screen and (max-width: 768px){.im_flex .box{width:100%}}.arrows{width:100px;margin:0 auto 3rem auto}