.fade{animation:fadeIn 1.3s ease 0s 1 normal;-webkit-animation:fadeIn 1.3s ease 0s 1 normal}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.yu-gram-login{overflow:hidden;padding-top:0 !important;padding-bottom:70px !important}.yu-gram-login .hero{background:url("../img/bunkaza/yu_gram/bg_01.png") no-repeat center bottom #4C3B03;background-size:1204px;width:60%;float:left;box-sizing:border-box;position:relative;height:100vh;min-height:960px}.yu-gram-login .hero .anime{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;height:29.5vw;color:#fff;font-size:4.5vw;line-height:1.8;display:block;text-align:center;transform:rotate(-9deg);-moz-transform:rotate(-9deg);-webkit-transform:rotate(-9deg);-o-transform:rotate(-9deg);-ms-transform:rotate(-9deg);opacity:0}.yu-gram-login .hero .anime span{position:relative;bottom:0px;right:7px;opacity:0;font-weight:bold}.yu-gram-login .hero strong{display:inline-block;border-bottom:1.2vw solid #FFF100}.yu-gram-login .right-area{width:40%;float:right;background:#EDE6E2;box-sizing:border-box;height:100vh;min-height:960px;position:relative}.yu-gram-login .wrap{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;height:822px}.yu-gram-login .logo{margin-bottom:40px}.yu-gram-login .intro{margin-bottom:45px;display:block;text-align:center;font-weight:bold;font-size:22px}.yu-gram-login .intro span{display:inline-block}.yu-gram-login .login-area{background:#4C3B03;box-sizing:border-box;padding:8px;width:350px;margin:0 auto}.yu-gram-login .login-area .line{border:1px solid #fff;padding:35px 0}.yu-gram-login .login-area span{display:block;text-align:center;color:#fff;font-weight:bold;font-size:28px;margin-bottom:12px}.yu-gram-login .login-area .P-box:first-of-type{margin-bottom:15px}.yu-gram-login .login-area input[type="text"],.yu-gram-login .login-area input[type="Password"]{-webkit-appearance:none;width:100%;max-width:270px;height:40px;border:none;border-radius:0;padding:0 10px;box-sizing:border-box;font-size:16px;line-height:1.5;letter-spacing:0.05em;font-family:"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif}.yu-gram-login .login-area .log-box{margin-top:20px}.yu-gram-login .login-area input[type="submit"]{-webkit-appearance:none;background:#D1B878;border:none;padding:5px 42px;margin:0 auto;display:block;text-align:center;font-size:18px;font-weight:bold;border-radius:3px;cursor:pointer;font-family:"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif}.yu-gram-login .login-area input[type="submit"]:hover{opacity:.7}@media screen and (max-width: 600px), screen and (max-width: 736px) and (orientation: landscape){.yu-gram-login{padding-bottom:35px !important}.yu-gram-login .hero{width:100%;float:none;height:100vh;min-height:auto;background-size:cover}.yu-gram-login .hero span{font-size:7.5vw;height:56vw}.yu-gram-login .hero strong{border-bottom:1.8vw solid #FFF100}.yu-gram-login .right-area{width:100%;float:none;height:auto;min-height:auto;padding:35px 0}.yu-gram-login .wrap{position:static;height:auto}.yu-gram-login .logo{width:37%;min-width:180px;height:auto;margin-bottom:25px}.yu-gram-login .intro{font-size:18px;margin-bottom:25px}.yu-gram-login .login-area{width:90%;max-width:350px}.yu-gram-login .login-area .line{padding:25px 0}.yu-gram-login .login-area span{font-size:23px;margin-bottom:8px}.yu-gram-login .login-area input[type="text"],.yu-gram-login .login-area input[type="Password"]{font-size:14px;height:35px;padding:0 8px;width:85%}.yu-gram-login .login-area input[type="submit"]{font-size:16px}}.yu-gram-member{padding-top:0 !important;padding-bottom:0 !important}.yu-gram-member .inner{max-width:960px;width:100%;padding:0;margin-top:70px;overflow:unset}.yu-gram-member h2{background:#EDE6E2}.yu-gram-member h2 .inner{background:url("../img/bunkaza/yu_gram/bg_02.png") no-repeat center center;background-size:cover;padding:55px 0}.yu-gram-member h2 img{margin-bottom:25px}.yu-gram-member h2 span{font-size:45px;font-weight:bold;display:block;text-align:center}.yu-gram-member .main-area{padding-top:65px;margin-bottom:70px}.yu-gram-member .category{margin-bottom:70px}.yu-gram-member .category:last-of-type{margin-bottom:0}.yu-gram-member h3{font-size:32px;font-weight:bold;background:#EDE6E2;color:#4C3B02;padding:20px 0}.yu-gram-member .float-area{overflow:hidden}.yu-gram-member .group{float:left;width:48.5%;margin-bottom:30px}.yu-gram-member .group:nth-of-type(2n){float:right}.yu-gram-member .category01 .box01 h4{color:#53C5CF;border-top:3px solid #53C5CF}.yu-gram-member .category01 .box02 h4{color:#87C86F;border-top:3px solid #87C86F}.yu-gram-member .category01 .box{margin-bottom:70px}.yu-gram-member .category01 .box:last-of-type{margin-bottom:0}.yu-gram-member .category01 .box h4{font-weight:bold;font-size:28px;padding:15px 0;display:inline-block;padding:20px 80px;margin-bottom:20px}.yu-gram-member .category01 .pdf-area{margin-bottom:40px}.yu-gram-member .category01 .btn{border-right:60px solid #745D15;color:#fff;font-size:23px;font-weight:bold;padding:15px 25px 15px 65px;margin-bottom:15px;display:block;box-sizing:border-box;text-align:left;background:url("../img/bunkaza/yu_gram/ico_pdf.png") no-repeat 25px center #4C3B02;background-size:24px;position:relative}.yu-gram-member .category01 .btn:after{position:absolute;content:'';width:12px;height:12px;border-top:solid 2px #fff;border-right:solid 2px #fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);top:0;bottom:0;right:-34px;margin:auto}.yu-gram-member .category01 .btn:hover{text-decoration:none;opacity:.7}.yu-gram-member .category01 .btn.add{border-right-color:#A12121;background-color:#7B0101}.yu-gram-member .category01 ul{text-align:left;margin-left:25px;font-size:16px;font-weight:bold;color:#4C3B02;line-height:1.8}.yu-gram-member .category01 li{padding-left:1.1em;text-indent:-1.1em}.yu-gram-member .category01 .transform{transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);display:inline-block}.yu-gram-member .category01 h5{font-size:23px;text-align:center;font-weight:bold;margin-bottom:40px;color:#4C3B02;border-top:2px solid #4C3B02;display:inline-block;padding:15px 30px 0}.yu-gram-member .category02 .note{font-weight:500;display:block;text-align:center;font-size:14px;margin-top:15px}.yu-gram-member .category02 .youtube-area .group{position:relative;padding-bottom:39.25%;margin-bottom:110px;height:0}.yu-gram-member .category02 .youtube-area iframe{position:absolute;top:0;left:0;width:100%;height:100%}.yu-gram-member .category02 .youtube-area .yt-tit{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;left:0;bottom:-65px;margin:auto}.yu-gram-member .category02 .youtube-area .yt-tit .num{font-weight:bold;font-size:19px;padding:10px 20px;color:#fff;padding-left:15px;margin-right:15px}.yu-gram-member .category02 .youtube-area .yt-tit .num.blue{background:#53C5CF}.yu-gram-member .category02 .youtube-area .yt-tit .num.green{background:#87C86F}.yu-gram-member .category02 .youtube-area .yt-tit .tit{font-weight:bold;font-size:19px;color:#4C3B02;text-align:left}.yu-gram-member .category02 .youtube-area .yt-tit .tit strong{font-weight:500;font-size:85%;display:inline-block}.yu-gram-member .btn-logout{color:#fff;background:#745D15;display:inline-block;padding:15px 35px;text-align:center;margin:0 auto 70px;font-weight:bold;font-size:16px;border-radius:5px}.yu-gram-member .btn-logout:hover{opacity:.7;text-decoration:none}.yu-gram-member .ico-add,.yu-gram-member .ico-new{display:inline-block;margin-left:0.5em}.yu-gram-member .ico-add{background:#FFC81A;text-indent:0;color:#333;padding:0 0.5em;font-size:80%}.yu-gram-member .ico-new{background:#FF7900;color:#FFF;padding:0 0.25em;font-size:70%}@media screen and (max-width: 600px), screen and (max-width: 736px) and (orientation: landscape){.yu-gram-member .inner{max-width:none;width:auto;margin:30px 1em 0}.yu-gram-member h2 img{width:150px;height:auto;margin-bottom:12px}.yu-gram-member h2 span{font-size:32px}.yu-gram-member h2 .inner{padding:30px 0}.yu-gram-member .main-area{padding-top:30px;margin-bottom:30px}.yu-gram-member h3{font-size:23px;padding:12px 0}.yu-gram-member .group{width:100%;margin-bottom:18px}.yu-gram-member .category01 .pdf-area{margin-bottom:25px}.yu-gram-member .category01 .box{margin-bottom:45px}.yu-gram-member .category01 .box h4{padding:8px 50px;margin-bottom:8px;font-size:21px}.yu-gram-member .category01 .btn{font-size:18px;padding:12px 10px 12px 50px;border-right:50px solid #745D15;background-position:18px center;background-size:18px;margin-bottom:10px}.yu-gram-member .category01 .btn:after{width:10px;height:10px;right:-28px}.yu-gram-member .category01 ul{margin-left:20px;font-size:14px}.yu-gram-member .category01 h5{font-size:19px;padding:8px 15px 0;margin-bottom:15px}.yu-gram-member .category02 .note{font-size:12px;margin:10px 1em 0;text-align:left}.yu-gram-member .category02 .youtube-area .group{padding-bottom:67.25%;margin-bottom:80px}.yu-gram-member .category02 .youtube-area .yt-tit{bottom:-50px}.yu-gram-member .category02 .youtube-area .yt-tit .num{font-size:16px;padding:8px 12px;margin-right:10px}.yu-gram-member .category02 .youtube-area .yt-tit .tit{font-size:16px}.yu-gram-member .btn-logout{font-size:14px;margin-bottom:35px;padding:12px 25px}}@media screen and (max-width: 350px){.yu-gram-member .category01 .btn{font-size:16px}}.yu-gram-promotion{padding-top:0 !important;padding-bottom:0 !important;letter-spacing:0.05em;overflow:hidden}.yu-gram-promotion p{margin-bottom:0 !important}.yu-gram-promotion img{height:auto}.yu-gram-promotion .inner{max-width:960px;width:100%;padding:0;overflow:unset}.yu-gram-promotion .btn{display:inline-block;background:#FF7900;color:#fff;font-weight:bold;border:2px solid #FF7900;box-shadow:5px 5px 0px 0px rgba(255,121,0,0.3);box-sizing:border-box;position:relative}.yu-gram-promotion .btn:before{position:absolute;content:'';width:10px;height:10px;border:0px;border-top:3px solid #fff;border-right:3px solid #fff;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);top:0;bottom:0;right:3%;margin:auto}.yu-gram-promotion .btn:hover{text-decoration:none;background:#fff;color:#FF7900}.yu-gram-promotion .btn:hover:before{border-top:3px solid #FF7900;border-right:3px solid #FF7900}.yu-gram-promotion .float-area{overflow:hidden}.yu-gram-promotion .left-area{float:left}.yu-gram-promotion .right-area{float:right}.yu-gram-promotion .sp{display:none}.yu-gram-promotion .hero{height:100vh;min-height:43vw;overflow:hidden}.yu-gram-promotion .hero .left-area{background:-moz-linear-gradient(to right, #FFB81A, #FFC81A, #FFB81A);background:-webkit-linear-gradient(to right, #FFB81A, #FFC81A, #FFB81A);background:linear-gradient(to right, #FFB81A, #FFC81A, #FFB81A);float:left;box-sizing:border-box;position:relative;height:100vh;min-height:43vw}.yu-gram-promotion .hero .left-area .wrap{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;height:40vw}.yu-gram-promotion .hero .left-area .img-txt{width:29vw;display:block;margin:0 auto 2vw}.yu-gram-promotion .hero .left-area .logo{display:block;margin:0 auto}.yu-gram-promotion .hero .left-area .logo-01{width:7vw}.yu-gram-promotion .hero .left-area .logo-02{width:23vw}.yu-gram-promotion .hero .right-area{width:50%;float:right;background:#EDE6E2;box-sizing:border-box;height:100vh;min-height:43vw;position:relative}.yu-gram-promotion .hero .right-area .txt-hero{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;z-index:0;height:23.5vw;color:#333333;font-size:3.5vw;line-height:1.8;display:block;text-align:center;transform:rotate(-9deg);-moz-transform:rotate(-9deg);-webkit-transform:rotate(-9deg);-o-transform:rotate(-9deg);-ms-transform:rotate(-9deg);opacity:0}.yu-gram-promotion .hero .right-area strong{display:inline-block;border-bottom:1.2vw solid #FFF100}.yu-gram-promotion .hero .arw-wrap{position:absolute;color:#563A01;left:0;right:0;margin:auto;bottom:0}.yu-gram-promotion .hero .arw-inner p{display:block;text-align:center !important;font-size:14px;font-family:futura-pt, sans-serif;font-weight:600;font-style:normal;width:120px;margin:0 auto;padding:12px 0;letter-spacing:0.15em}.yu-gram-promotion .hero .arw{width:2px;height:60px;margin:0 auto;position:relative;overflow:hidden}.yu-gram-promotion .hero .arw:before{content:'';width:3px;height:100px;margin:50px auto 0;background:#563A01;position:absolute;top:-150px;left:0;-webkit-animation:arrow .9s ease 0s infinite normal;animation:arrow .9s ease 0s infinite normal}@keyframes arrow{0%{-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0)}100%{-webkit-transform:translate3d(-50%, 100px, 0);transform:translate3d(-50%, 100px, 0)}}.yu-gram-promotion .btn-brown-wrap{margin-top:4.3vw;display:inline-block;position:relative;z-index:1}.yu-gram-promotion .btn-brown-wrap:hover{opacity:.7}.yu-gram-promotion .btn-brown{background:#563A01;font-size:1.22vw;box-shadow:none;padding:1.2vw 3vw;border:none;z-index:1}.yu-gram-promotion .btn-brown:before{width:0.7vw;height:0.7vw;border-top:0.2vw solid #fff;border-right:0.2vw solid #fff;right:5%}.yu-gram-promotion .btn-brown:hover{color:#fff;opacity:.7;text-decoration:none;background:#563A01}.yu-gram-promotion .btn-brown:hover:before{border-top:0.2vw solid #fff;border-right:0.2vw solid #fff}.yu-gram-promotion .section{padding:140px 0}.yu-gram-promotion .section-w{background-color:#F7F7F7}.yu-gram-promotion .section-y{color:#563A01;background:-moz-linear-gradient(to right, #FFB81A, #FFC81A, #FFB81A);background:-webkit-linear-gradient(to right, #FFB81A, #FFC81A, #FFB81A);background:linear-gradient(to right, #FFB81A, #FFC81A, #FFB81A)}.yu-gram-promotion h3{margin-bottom:100px;position:relative;line-height:1.8}.yu-gram-promotion h3:before{content:"各項目で設定する";position:absolute;top:-42px;bottom:0px;left:0;right:0;font-size:80px;font-family:futura-pt, sans-serif;font-weight:700;font-style:normal;opacity:0.25;letter-spacing:0.05em}.yu-gram-promotion h3:after{content:'';position:absolute;left:0;right:0;bottom:-50px;margin:auto;display:inline-block;width:60px;height:2px;background:#333}.yu-gram-promotion .section-w h3:before{color:#FFC81A}.yu-gram-promotion .section-y h3:before{color:#fff}.yu-gram-promotion .section-y h3:after{background:#563A01}.yu-gram-promotion .section01 h3:before{content:"Philosophy"}.yu-gram-promotion .section02 h3:before{content:"About YU-GRAM"}.yu-gram-promotion .section03 h3:before{content:"Features of YU-GRAM"}.yu-gram-promotion .section04 h3:before{content:"Terms of use"}.yu-gram-promotion .section05 h3:before{content:"Q&A"}.yu-gram-promotion .tit-jp{font-size:32px;font-weight:bold;display:block;position:relative}.yu-gram-promotion .section-w .tit-en{color:#FFC81A;opacity:0.25}.yu-gram-promotion .section-y .tit-en{color:#fff;opacity:0.25}.yu-gram-promotion h4{font-size:38px;font-weight:bold;margin-bottom:40px}.yu-gram-promotion .txt-des{font-size:16px;font-weight:500;line-height:1.8;text-align:center !important}.yu-gram-promotion .section01{background:url("../img/bunkaza/yu_gram/bg_03.png") no-repeat 98% bottom;background-size:675px}.yu-gram-promotion .section02 .float-area{width:914px;margin-top:55px}.yu-gram-promotion .section02 figure,.yu-gram-promotion .section02 .pc{float:left}.yu-gram-promotion .section02 figure{width:270px}.yu-gram-promotion .section02 figcaption{margin-top:20px;font-size:18px;font-weight:bold}.yu-gram-promotion .section02 figcaption .br-sp{display:none}.yu-gram-promotion .section02 .pc{margin:30px 5px 0}.yu-gram-promotion .section03 .box{padding-bottom:90px;margin-bottom:90px;border-bottom:1px solid #333}.yu-gram-promotion .section03 .box:last-of-type{margin-bottom:0;padding-bottom:0;border:none}.yu-gram-promotion .section03 .ico-num{display:block;margin:0 auto 20px}.yu-gram-promotion .section03 .box-tit{font-size:25px;font-weight:bold;display:block;text-align:center;margin-bottom:55px}.yu-gram-promotion .section03 .box-tit strong{font-size:32px}.yu-gram-promotion .section03 .box-tit span{display:inline-block}.yu-gram-promotion .section03 .box-main .bg-ylw{background:#FFC81A;padding:30px 20px;box-sizing:border-box !important;width:430px;color:#563A01}.yu-gram-promotion .section03 .box-main .bg-ylw dt{text-align:center;font-weight:bold;font-size:18px;border-bottom:1px solid #563A01;margin-bottom:20px;padding-bottom:20px}.yu-gram-promotion .section03 .box-main .bg-ylw dt strong{font-weight:bold;font-size:28px;display:block}.yu-gram-promotion .section03 .box-main .bg-ylw dd{font-size:16px;font-weight:500;text-align:left;line-height:1.8}.yu-gram-promotion .section03 .box-main .right-area{width:490px}.yu-gram-promotion .section03 .box01 .box-main img{margin-top:30px}.yu-gram-promotion .section03 .box01 .sample{margin-top:45px}.yu-gram-promotion .section03 .box01 .sample .wrap{float:left;margin-right:75px}.yu-gram-promotion .section03 .box01 .sample .wrap:last-of-type{margin-right:0}.yu-gram-promotion .section03 .box01 .sample a{display:block}.yu-gram-promotion .section03 .box01 .sample a:hover{opacity:.7}.yu-gram-promotion .section03 .box01 .sample img{display:block}.yu-gram-promotion .section03 .box01 .sample dl{display:table;width:100%;box-sizing:border-box;font-size:18px;font-weight:bold;margin-top:25px}.yu-gram-promotion .section03 .box01 .sample dt,.yu-gram-promotion .section03 .box01 .sample dd{display:table-cell;vertical-align:middle}.yu-gram-promotion .section03 .box01 .sample dt{padding:10px 0;margin-right:10px;box-sizing:border-box}.yu-gram-promotion .section03 .box01 .sample .blue{color:#5DC2D0}.yu-gram-promotion .section03 .box01 .sample .blue dt{border:2px solid #5DC2D0;width:120px}.yu-gram-promotion .section03 .box01 .sample .green{color:#8DC661}.yu-gram-promotion .section03 .box01 .sample .green dt{border:2px solid #8DC661;width:80px}.yu-gram-promotion .section03 .box02 .box-main img{margin-top:5px}.yu-gram-promotion .section03 .box03 .box-main{max-width:760px;margin:0 auto 55px}.yu-gram-promotion .section03 .box03 .box-main .circle{width:200px;height:200px;border-radius:50%;background:#FFC81A;font-size:23px;font-weight:bold;color:#563A01;float:left;margin-right:80px;box-sizing:border-box}.yu-gram-promotion .section03 .box03 .box-main .circle:last-of-type{margin-right:0}.yu-gram-promotion .section03 .box03 .box-main .circle img{display:block;margin:0 auto 10px;padding-top:35px}.yu-gram-promotion .section03 .box03 .box-main .circle span{text-align:center;line-height:1.3;display:block}.yu-gram-promotion .section04 dt{font-size:25px;font-weight:bold;margin-bottom:12px}.yu-gram-promotion .section04 dd{font-size:16px;font-weight:500;line-height:1.8;margin-bottom:45px}.yu-gram-promotion .section04 dd:last-of-type{margin-bottom:0}.yu-gram-promotion .section04 li{display:inline-block}.yu-gram-promotion .section05 .accordion{margin-bottom:70px;border-bottom:2px solid #333}.yu-gram-promotion .section05 .ac-Q{font-size:21px;font-weight:bold;background:#EDE6E2;padding:25px 60px 25px 25px;border-top:2px solid #333;cursor:pointer;display:table;width:100%;box-sizing:border-box !important;position:relative}.yu-gram-promotion .section05 .ac-Q:after{content:"\f067";font-family:FontAwesome;position:absolute;top:0;right:20px;bottom:0;margin:auto;height:30px;color:#333}.yu-gram-promotion .section05 .ac-Q.active:after{content:"\f068"}.yu-gram-promotion .section05 .ac-Q:hover{opacity:.7}.yu-gram-promotion .section05 .left,.yu-gram-promotion .section05 .right{display:table-cell;vertical-align:middle}.yu-gram-promotion .section05 .left{font-size:32px;font-weight:bold;text-align:left;width:60px}.yu-gram-promotion .section05 .ac-A{display:none;padding:25px 25px 35px}.yu-gram-promotion .section05 .txt-L{font-size:21px;font-weight:bold;margin-bottom:20px !important;display:table;width:100%;box-sizing:border-box}.yu-gram-promotion .section05 .txt-S{font-size:16px;font-weight:500}.yu-gram-promotion .section05 .line{border-bottom:2px solid #333}.yu-gram-promotion .section05 .credit{display:block;font-size:18px;font-weight:bold;text-align:center;margin-bottom:70px}.yu-gram-promotion .section05 .credit strong{font-size:21px}.yu-gram-promotion .section05 .btn-mes{font-weight:bold;font-size:25px;text-align:center !important;margin-bottom:35px !important;margin:0 1em;color:#563A01}.yu-gram-promotion .section05 .btn-mes span{display:inline-block}.yu-gram-promotion .section05 .btn-wrap{position:relative;margin-bottom:40px}.yu-gram-promotion .section05 .btn-wrap:last-of-type{margin-bottom:0}.yu-gram-promotion .section05 .btn-wrap .btn{font-size:32px;padding:25px 85px;width:70%;max-width:846px}.yu-gram-promotion .section05 .btn-wrap .btn br{display:none}.yu-gram-promotion .section05 .btn-wrap img{position:absolute;top:0;bottom:0;left:90px;margin:auto}.btn-fixed-01{position:fixed;left:20px;z-index:3;font-size:21px;border-radius:30px;padding:15px 50px;display:inline-block;background:#FF7900;color:#fff;font-weight:bold;border:2px solid #FF7900;box-shadow:5px 5px 0px 0px rgba(255,121,0,0.3);box-sizing:border-box}.btn-fixed-01:before{position:absolute;content:'';width:10px;height:10px;border:0px;border-top:3px solid #fff;border-right:3px solid #fff;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);top:0;bottom:0;right:20px;margin:auto}.btn-fixed-01:hover{text-decoration:none;background:#fff;color:#FF7900}.btn-fixed-01:hover:before{border-top:3px solid #FF7900;border-right:3px solid #FF7900}.btn-fixed-01 br{display:none}.btn-fixed-02{position:fixed;right:20px;z-index:3;box-shadow:5px 5px 0px 0px rgba(255,121,0,0.3);width:auto;max-width:53vw;border:2px solid #FF7900;box-sizing:border-box;background-color:#fff}.btn-fixed-02 .wrap{position:relative}.btn-fixed-02 a:hover{text-decoration:none;opacity:.7}.btn-fixed-02 .top-area{overflow:hidden;padding:15px 20px;width:340px;margin:0 auto}.btn-fixed-02 .top-area p{color:#563A01;font-weight:bold;font-size:24px;text-align:left;float:left}.btn-fixed-02 .top-area img{float:right}.btn-fixed-02 .btm-area{color:#fff;background:#FF7900;font-size:18px;font-weight:bold;text-align:center;padding:8px 15px}.btn-fixed-02 .btm-area span{display:inline-block}.btn-fixed-02 .btm-area strong{font-size:80%}.btn-fixed-02 .close{position:absolute;top:-5px;left:-5px;cursor:pointer}.btn-fixed-02 .close:hover{opacity:.7}.s-hover:hover{transition:0.5s}.mod-fade{opacity:0;transform:translate(0px, 20px)}.mod-fade.is-active{opacity:1;transform:translate(0px, 0px);transition:all .9s}.inviewfadeInR{opacity:0;transform:translateX(60px);-webkit-transform:translateX(60px);transition:.8s}.fadeInR{opacity:1.0;transform:translateX(0);-webkit-transform:translateX(0)}.inviewzoomIn{transform:scale(0, 0);-webkit-transform:scale(0, 0);transition:.9s}.zoomIn{transform:scale(1, 1);-webkit-transform:scale(1, 1)}@media screen and (max-width: 600px), screen and (max-width: 736px) and (orientation: landscape){.yu-gram-promotion .hero{min-height:auto}.yu-gram-promotion .hero .left-area,.yu-gram-promotion .hero .right-area{float:none;width:100%;min-height:auto}.yu-gram-promotion .hero .left-area .img-txt{width:64vw;margin-bottom:4vw}.yu-gram-promotion .hero .left-area .logo-01{width:12.5vw}.yu-gram-promotion .hero .left-area .logo-02{width:38vw}.yu-gram-promotion .hero .right-area .txt-hero{font-size:4vw;height:26.3vw;transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg)}.yu-gram-promotion .hero .arw-wrap{left:auto;right:10px;bottom:95px}.yu-gram-promotion .hero .arw-inner p{font-size:10px;width:80px}.yu-gram-promotion .hero .arw{height:30px}.yu-gram-promotion .btn-brown-wrap{margin:18px auto 30px}.yu-gram-promotion .btn-brown{max-width:280px;font-size:14px;padding:10px 40px}.yu-gram-promotion .btn-brown:before{width:6px;height:6px;border-top:2px solid #fff;border-right:2px solid #fff}.yu-gram-promotion .btn-brown:hover:before{border-top:2px solid #fff;border-right:2px solid #fff}.yu-gram-promotion .inner{max-width:none;width:auto;margin:0 1em}.yu-gram-promotion .pc{display:none}.yu-gram-promotion .sp{display:inherit}.yu-gram-promotion .section{padding:70px 0}.yu-gram-promotion h3{margin-bottom:60px}.yu-gram-promotion h3:before{font-size:40px;top:-15px}.yu-gram-promotion h3:after{bottom:-30px;width:45px}.yu-gram-promotion .tit-jp{font-size:21px}.yu-gram-promotion h4{font-size:25px;margin-bottom:20px}.yu-gram-promotion h4 span{display:inline-block}.yu-gram-promotion .txt-des{font-size:14px;text-align:left !important}.yu-gram-promotion .txt-des br{display:none}.yu-gram-promotion .section01{background-position:140% bottom;background-size:360px}.yu-gram-promotion .section02 .float-area{width:100%;margin-top:20px}.yu-gram-promotion .section02 figure{width:30%}.yu-gram-promotion .section02 figure img{width:80px}.yu-gram-promotion .section02 figcaption{margin-top:10px;font-size:2.3vw}.yu-gram-promotion .section02 figcaption .br-sp{display:block}.yu-gram-promotion .section02 .pc{display:block;width:5%;margin:0;margin-top:25px}.yu-gram-promotion .section02 .sp{display:none}.yu-gram-promotion .section03 .ico-num{width:30px;margin-bottom:12px}.yu-gram-promotion .section03 .box-tit{font-size:18px;margin-bottom:20px}.yu-gram-promotion .section03 .box-tit strong{font-size:23px}.yu-gram-promotion .section03 .box-main .bg-ylw{width:100%;padding:20px 15px}.yu-gram-promotion .section03 .box-main .bg-ylw dt{font-size:16px;margin-bottom:15px;padding-bottom:15px}.yu-gram-promotion .section03 .box-main .bg-ylw dt strong{font-size:21px}.yu-gram-promotion .section03 .box-main .bg-ylw dd{font-size:14px}.yu-gram-promotion .section03 .box-main .right-area{max-width:400px;width:90%;float:none;margin:20px auto 0}.yu-gram-promotion .section03 .box{margin-bottom:45px;padding-bottom:45px}.yu-gram-promotion .section03 .box .box-main img{margin-top:30px}.yu-gram-promotion .section03 .box01 .sample{margin-top:30px}.yu-gram-promotion .section03 .box01 .sample .wrap{width:30%;margin-right:5%}.yu-gram-promotion .section03 .box01 .sample dl,.yu-gram-promotion .section03 .box01 .sample dd{display:block}.yu-gram-promotion .section03 .box01 .sample dl{margin-top:15px}.yu-gram-promotion .section03 .box01 .sample dt{display:inline-block;padding:8px 20px;margin:0 auto;font-size:16px}.yu-gram-promotion .section03 .box01 .sample dd{margin-top:8px;font-size:15px}.yu-gram-promotion .section03 .box01 .sample .blue dt,.yu-gram-promotion .section03 .box01 .sample .green dt{width:auto}.yu-gram-promotion .section03 .box01 .sample img{width:100%}.yu-gram-promotion .section03 .box03 .box-main{width:100%;max-width:none;margin-bottom:25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.yu-gram-promotion .section03 .box03 .box-main .circle{width:27.5vw;height:27.5vw;font-size:3.2vw;margin:0 1.8vw}.yu-gram-promotion .section03 .box03 .box-main .circle:last-of-type{margin-right:3vw}.yu-gram-promotion .section03 .box03 .box-main .circle img{width:8vw;padding-top:5.5vw;margin-bottom:1.7vw}.yu-gram-promotion .section03 .box03 .box-main .circle span{font-size:3vw}.yu-gram-promotion .section04 dt{font-size:18px;text-align:left;padding-left:1.3em;text-indent:-1.3em;margin-bottom:8px}.yu-gram-promotion .section04 dt span{display:inline-block}.yu-gram-promotion .section04 dd{font-size:14px;text-align:left;margin-bottom:25px}.yu-gram-promotion .section04 li{display:block}.yu-gram-promotion .section05 .inner{margin:0}.yu-gram-promotion .section05 .accordion{margin-bottom:35px}.yu-gram-promotion .section05 .ac-Q{padding:12px 40px 12px 12px;font-size:16px}.yu-gram-promotion .section05 .ac-Q:after{right:12px;height:22px}.yu-gram-promotion .section05 .left{font-size:23px;width:35px}.yu-gram-promotion .section05 .ac-A{padding:12px 12px 20px}.yu-gram-promotion .section05 .txt-L{font-size:16px;margin-bottom:10px !important}.yu-gram-promotion .section05 .txt-S{font-size:14px}.yu-gram-promotion .section05 .credit{font-size:14px;margin-bottom:35px}.yu-gram-promotion .section05 .credit strong{font-size:16px}.yu-gram-promotion .section05 .btn-mes{font-size:19px;margin-bottom:20px !important}.yu-gram-promotion .section05 .btn-wrap{margin-bottom:25px}.yu-gram-promotion .section05 .btn-wrap .btn{display:block;text-align:center;font-size:23px;padding:15px;width:auto;margin:0 1em}.yu-gram-promotion .section05 .btn-wrap .btn:before{right:15px}.yu-gram-promotion .section05 .btn-wrap .btn span{display:inline-block}.yu-gram-promotion .section05 .btn-wrap .btn br{display:block}.yu-gram-promotion .section05 .btn-wrap img{width:85px;left:35px}.btn-fixed-01{left:10px;font-size:14px;width:80px;height:80px;padding:0;border-radius:50%;text-align:center;padding-top:22px;line-height:1.3}.btn-fixed-01:before{position:static;border:none}.btn-fixed-01 br{display:block}.btn-fixed-01:hover:before{border:none}.btn-fixed-02{width:95%;max-width:none;left:0;right:0;bottom:10px;margin:auto}.btn-fixed-02 .top-area{width:auto;padding:8px 20px}.btn-fixed-02 .top-area p{font-size:18px;float:none;text-align:center}.btn-fixed-02 .top-area p br{display:none}.btn-fixed-02 .top-area img{display:none}.btn-fixed-02 .btm-area{font-size:16px;padding:5px 25px 5px 5px}.btn-fixed-02 .close{top:auto;bottom:-3px;left:auto;right:-3px}}@media screen and (max-width: 480px){.yu-gram-promotion .hero .left-area .img-txt{width:82vw;margin-bottom:3.2vw}.yu-gram-promotion .hero .left-area .logo-01{width:14.5vw}.yu-gram-promotion .hero .left-area .logo-02{width:45vw}.yu-gram-promotion .hero .arw-wrap{bottom:90px;right:5px}.yu-gram-promotion .hero .arw-inner p{padding:8px 0;width:65px}.yu-gram-promotion .hero .arw{height:25px}.yu-gram-promotion h3:before{font-size:8.3vw;top:-3vw}.yu-gram-promotion .tit-jp{font-size:4.8vw}.yu-gram-promotion h4{font-size:23px}.yu-gram-promotion .section01{background-position:center bottom;background-size:300px}.yu-gram-promotion .section02 figure{width:100%;float:none}.yu-gram-promotion .section02 figcaption{font-size:16px;margin-top:8px}.yu-gram-promotion .section02 figcaption br,.yu-gram-promotion .section02 figcaption .br-sp{display:none}.yu-gram-promotion .section02 figcaption span{display:inline-block}.yu-gram-promotion .section02 .pc{display:none}.yu-gram-promotion .section02 .sp{display:block;margin:20px auto;width:18px;height:auto}.yu-gram-promotion .section03 .box-tit strong{font-size:21px}.yu-gram-promotion .section03 .box01 .sample .wrap{width:48.5%;margin-right:0}.yu-gram-promotion .section03 .box01 .sample .wrap:nth-of-type(2n){float:right}.yu-gram-promotion .section03 .box01 .sample .wrap:last-of-type{float:none;margin:0 auto;padding-top:6vw;clear:both}.yu-gram-promotion .section03 .box03 .box-main{display:block;max-width:350px}.yu-gram-promotion .section03 .box03 .box-main .circle{width:140px;height:140px;font-size:17px;margin:0}.yu-gram-promotion .section03 .box03 .box-main .circle:first-of-type{margin-right:0}.yu-gram-promotion .section03 .box03 .box-main .circle:nth-of-type(2n){margin-right:0;float:right}.yu-gram-promotion .section03 .box03 .box-main .circle:last-of-type{margin:0 auto;float:none;clear:both}.yu-gram-promotion .section03 .box03 .box-main .circle img{width:40px;padding-top:25px;margin-bottom:8px}.yu-gram-promotion .section03 .box03 .box-main .circle span{font-size:16px}.yu-gram-promotion .section05 .btn-mes{font-size:16px}.yu-gram-promotion .section05 .btn-wrap .btn{font-size:17px;padding:15px 65px}.yu-gram-promotion .section05 .btn-wrap img{width:80px;left:10px}.btn-fixed-02{box-shadow:3px 3px 0px 0px rgba(255,121,0,0.3)}.btn-fixed-02 .top-area{padding:8px 10px}.btn-fixed-02 .top-area p{font-size:16px}.btn-fixed-02 .btm-area{font-size:12px}}.yu-gram-promotion .hero .left-area{width:100%;animation:left-area 6.3s ease -2s forwards;-webkit-animation:left-area 6.3s ease -2s forwards}@keyframes left-area{90%{width:100%}100%{width:50%}}.yu-gram-promotion .hero .left-area .logo-01{opacity:0;animation:logo-01 1.6s ease forwards;-webkit-animation:logo-01 1.6s ease forwards;animation-delay:.3s;-webkit-animation-delay:.3s}@keyframes logo-01{50%{opacity:0}100%{opacity:1}}.yu-gram-promotion .hero .left-area .logo-02{opacity:0;animation:logo-02 1.6s ease forwards;-webkit-animation:logo-02 1.6s ease forwards;animation-delay:1.3s;-webkit-animation-delay:1.3s}@keyframes logo-02{50%{opacity:0}100%{opacity:1}}.delay01{opacity:0;animation:delay01 1.2s ease forwards;-webkit-animation:delay01 1.2s ease forwards;animation-delay:4.5s;-webkit-animation-delay:4.5s}@keyframes delay01{100%{opacity:1}}.delay02{animation:delay02 1.2s ease forwards;-webkit-animation:delay02 1.2s ease forwards;animation-delay:4.5s;-webkit-animation-delay:4.5s;bottom:-70px;opacity:0}@keyframes delay02{50%{opacity:0}100%{bottom:10px;opacity:1}}.delay03{animation:delay03 1.2s ease forwards;-webkit-animation:delay03 1.2s ease forwards;animation-delay:4.5s;-webkit-animation-delay:4.5s;bottom:-157px;opacity:0}@keyframes delay03{50%{opacity:0}100%{bottom:10px;opacity:1}}@media screen and (max-width: 600px), screen and (max-width: 736px) and (orientation: landscape){.yu-gram-promotion .hero .left-area .wrap{height:79vw;animation:c-wrap 6.3s ease -2s forwards;-webkit-animation:c-wrap 6.3s ease -2s forwards}@keyframes c-wrap{90%{height:79vw}100%{height:58vw}}.yu-gram-promotion .hero{height:100vh;animation:hero 6.3s ease -2s forwards;-webkit-animation:hero 6.3s ease -2s forwards}@keyframes hero{90%{height:100vh}100%{height:calc(100vh - 95px)}}.yu-gram-promotion .hero .left-area{height:100%;animation:left-area 6.3s ease -2s forwards;-webkit-animation:left-area 6.3s ease -2s forwards}@keyframes left-area{90%{width:100%;height:100%}100%{width:100%;height:70%}}.yu-gram-promotion .hero .right-area{height:0;animation:right-area 6.3s ease -2s forwards;-webkit-animation:right-area 6.3s ease -2s forwards}@keyframes right-area{90%{height:0}100%{height:30%}}.delay01{animation-delay:3.8s;-webkit-animation-delay:3.8s}.delay02{animation-delay:3.8s;-webkit-animation-delay:3.8s}@keyframes delay02{100%{bottom:15px;opacity:1}}.delay03{animation-delay:3.8s;-webkit-animation-delay:3.8s;bottom:10px}.delay04{animation:delay03 1.2s ease forwards;-webkit-animation:delay03 1.2s ease forwards;animation-delay:4.5s;-webkit-animation-delay:4.5s;opacity:0}@keyframes delay03{50%{opacity:0}100%{opacity:1}}}@media screen and (max-width: 480px){.yu-gram-promotion .hero .left-area .wrap{height:90vw;animation:c-wrap 6.3s ease -2s forwards;-webkit-animation:c-wrap 6.3s ease -2s forwards}@keyframes c-wrap{90%{height:90vw}100%{height:68vw}}@keyframes hero{90%{height:100vh}100%{height:calc(100vh - 90px)}}}