@charset "UTF-8";.p-pageTitle_oti{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:calc(500 / 750 * 100vw);background:url("../../otohiroba/images/bg_sp.png?$staticlink$") no-repeat center 0;background-size:calc(710 / 750 * 100vw) auto;text-align:center}.p-pageTitle_oti span{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:calc(64 / 750 * 100vw);border-radius:50%;color:#fff;font-family:"ソフトゴシック M","Soft Gothic Medium",sans-serif;font-weight:700}.p-pageTitle_oti span:first-child{top:calc(-30 / 750 * 100vw);width:calc(120 / 750 * 100vw);height:calc(120 / 750 * 100vw);background:#9acec9;font-size:calc(74 / 750 * 100vw)}.p-pageTitle_oti span:nth-child(2){color:#333;font-size:calc(58 / 750 * 100vw)}.p-pageTitle_oti span:nth-child(3){top:calc(-26 / 750 * 100vw);width:calc(100 / 750 * 100vw);height:calc(100 / 750 * 100vw);background:#f2948c}.p-pageTitle_oti span:nth-child(4){top:calc(20 / 750 * 100vw);width:calc(100 / 750 * 100vw);height:calc(100 / 750 * 100vw);background:#cedc7a}.p-pageTitle_oti span:nth-child(5){top:calc(-30 / 750 * 100vw);width:calc(100 / 750 * 100vw);height:calc(100 / 750 * 100vw);background:#eddce6}.p-lead_oti{line-height:1.9230769231;margin-top:calc(50 / 750 * 100vw);text-align:center;font-size:calc(26 / 750 * 100vw)}.p-otoLogic_oti{line-height:1.9230769231;margin-top:calc(50 / 750 * 100vw);text-align:center;font-size:calc(26 / 750 * 100vw)}.p-otoLogic_oti a{text-decoration:underline}.p-otoList_oti{margin-top:calc(80 / 750 * 100vw);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.p-otoList_oti li{line-height:1.3888888889;-ms-flex-preferred-size:50%;flex-basis:50%;padding:calc(80 / 750 * 100vw) 0;text-align:center;color:#fff;font-size:calc(36 / 750 * 100vw);font-weight:700;font-family:"ソフトゴシック DB","Soft Gothic DemiBold",sans-serif}.p-otoList_oti li button{width:calc(300 / 750 * 100vw);height:calc(300 / 750 * 100vw);margin-top:calc(30 / 750 * 100vw);border-radius:50%;font-size:calc(110 / 750 * 100vw)}.p-otoList_oti li.u-greenBg_oti{text-shadow:0 calc(2 / 750 * 100vw) 0 #70b2ab}.p-otoList_oti li.u-greenBg_oti button{text-shadow:calc(1 / 750 * 100vw) calc(2 / 750 * 100vw) 0 #70b2ab;-webkit-box-shadow:0 calc(-14 / 750 * 100vw) calc(20 / 750 * 100vw) 0 #b8ddd9,0 calc(14 / 750 * 100vw) calc(20 / 750 * 100vw) 0 #70b2ab;box-shadow:0 calc(-14 / 750 * 100vw) calc(20 / 750 * 100vw) 0 #b8ddd9,0 calc(14 / 750 * 100vw) calc(20 / 750 * 100vw) 0 #70b2ab}.p-otoList_oti li.u-redBg_oti{text-shadow:0 calc(2 / 750 * 100vw) 0 #ea6b62}.p-otoList_oti li.u-redBg_oti button{text-shadow:calc(1 / 750 * 100vw) calc(2 / 750 * 100vw) 0 #ea6b62;-webkit-box-shadow:0 calc(-14 / 750 * 100vw) calc(20 / 750 * 100vw) 0 #f6b3ac,0 calc(14 / 750 * 100vw) calc(20 / 750 * 100vw) 0 #ea6b62;box-shadow:0 calc(-14 / 750 * 100vw) calc(20 / 750 * 100vw) 0 #f6b3ac,0 calc(14 / 750 * 100vw) calc(20 / 750 * 100vw) 0 #ea6b62}.p-otoList_oti li.u-pinkBg_oti{text-shadow:0 calc(2 / 750 * 100vw) 0 #e1c7d6}.p-otoList_oti li.u-pinkBg_oti button{text-shadow:calc(1 / 750 * 100vw) calc(2 / 750 * 100vw) 0 #e1c7d6;-webkit-box-shadow:0 calc(-14 / 750 * 100vw) calc(20 / 750 * 100vw) 0 #f3e7ee,0 calc(14 / 750 * 100vw) calc(20 / 750 * 100vw) 0 #e1c7d6;box-shadow:0 calc(-14 / 750 * 100vw) calc(20 / 750 * 100vw) 0 #f3e7ee,0 calc(14 / 750 * 100vw) calc(20 / 750 * 100vw) 0 #e1c7d6}.p-otoList_oti li.u-yellowBg_oti{text-shadow:0 calc(2 / 750 * 100vw) 0 #b2c74e}.p-otoList_oti li.u-yellowBg_oti button{text-shadow:calc(1 / 750 * 100vw) calc(2 / 750 * 100vw) 0 #b2c74e;-webkit-box-shadow:0 calc(-14 / 750 * 100vw) calc(20 / 750 * 100vw) 0 #dde79e,0 calc(14 / 750 * 100vw) calc(20 / 750 * 100vw) 0 #b2c74e;box-shadow:0 calc(-14 / 750 * 100vw) calc(20 / 750 * 100vw) 0 #dde79e,0 calc(14 / 750 * 100vw) calc(20 / 750 * 100vw) 0 #b2c74e}.p-floatingBar_oti{position:fixed;bottom:0;left:0;z-index:9999;width:100%;background:rgba(0,0,0,0.75);-webkit-transform:translate(0,125%);transform:translate(0,125%);-webkit-transition:-webkit-transform 0.2s 0s ease-out;transition:-webkit-transform 0.2s 0s ease-out;transition:transform 0.2s 0s ease-out;transition:transform 0.2s 0s ease-out,-webkit-transform 0.2s 0s ease-out}.p-floatingBar_oti.is-played_oti{-webkit-transform:translate(0,0);transform:translate(0,0)}.p-floatingBar_oti.is-played_oti .floatingBar__close_oti{opacity:1;-webkit-transition:opacity 0.1s 0.2s linear;transition:opacity 0.1s 0.2s linear}.p-floatingBar__inner_oti{position:relative;padding:calc(10 / 750 * 100vw) 0;text-align:center}.p-floatingBar__title_oti{margin-bottom:calc(10 / 750 * 100vw);color:#fff;font-size:calc(14 / 750 * 100vw);font-weight:bold}.p-floatingBar__close_oti{position:absolute;top:calc(-20 / 750 * 100vw);right:calc(10 / 750 * 100vw);width:calc(40 / 750 * 100vw);height:calc(40 / 750 * 100vw);border-radius:calc(100 / 750 * 100vw);background:#fff;border:1px solid #ccc;overflow:hidden;text-indent:-999em;cursor:pointer;-webkit-transition:opacity 0.1s 0s linear;transition:opacity 0.1s 0s linear}.p-floatingBar__close_oti:after{position:absolute;top:0;left:0;bottom:0;width:100%;height:1em;margin:auto;line-height:1;content:"×";text-indent:0;font-size:calc(20 / 750 * 100vw)}@media screen and (min-width:769px){.p-pageTitle_oti{min-height:632px;height:632px;background:url("../../otohiroba/images/bg_pc.png?$staticlink$") no-repeat center 0;background-size:auto}.p-pageTitle_oti span{font-size:4rem}.p-pageTitle_oti span:first-child{top:-30px;width:120px;height:120px;font-size:4.625rem}.p-pageTitle_oti span:nth-child(2){font-size:3.625rem}.p-pageTitle_oti span:nth-child(3){top:-26px;width:100px;height:100px}.p-pageTitle_oti span:nth-child(4){top:20px;width:100px;height:100px}.p-pageTitle_oti span:nth-child(5){top:-30px;width:100px;height:100px}.p-lead_oti{margin-top:50px;font-size:1.625rem}.p-otoLogic_oti{line-height:2.5;margin-top:50px;font-size:1.25rem}.p-otoLogic_oti a:hover{text-decoration:none}.p-otoList_oti{max-width:960px;margin:60px auto 0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.p-otoList_oti li{position:relative;-ms-flex-preferred-size:33.33%;flex-basis:33.33%;max-width:33.33%;padding:40px 0;font-size:2rem}.p-otoList_oti li:after{position:absolute;top:0;left:100%;width:100%;height:100%}.p-otoList_oti li:before{position:absolute;top:0}.p-otoList_oti li button{width:18.75vw;max-width:180px;height:18.75vw;max-height:180px;margin-top:30px;border-radius:50%;font-size:4rem}.p-otoList_oti li.u-greenBg_oti{text-shadow:0 2px 0 #70b2ab}.p-otoList_oti li.u-greenBg_oti button{text-shadow:1px 2px 0 #70b2ab;-webkit-box-shadow:0 -14px 20px 0 #b8ddd9,0 14px 20px 0 #70b2ab;box-shadow:0 -14px 20px 0 #b8ddd9,0 14px 20px 0 #70b2ab}.p-otoList_oti li.u-greenBg_oti button:hover{-webkit-box-shadow:0 -7px 10px 0 #b8ddd9,0 7px 10px 0 #70b2ab;box-shadow:0 -7px 10px 0 #b8ddd9,0 7px 10px 0 #70b2ab}.p-otoList_oti li.u-greenBg_oti button:active{-webkit-box-shadow:inset 0 -7px 5px 0 #b8ddd9,inset 0 7px 5px 0 #70b2ab;box-shadow:inset 0 -7px 5px 0 #b8ddd9,inset 0 7px 5px 0 #70b2ab}.p-otoList_oti li.u-redBg_oti{text-shadow:0 2px 0 #ea6b62}.p-otoList_oti li.u-redBg_oti button{text-shadow:1px 2px 0 #ea6b62;-webkit-box-shadow:0 -14px 20px 0 #f6b3ac,0 14px 20px 0 #ea6b62;box-shadow:0 -14px 20px 0 #f6b3ac,0 14px 20px 0 #ea6b62}.p-otoList_oti li.u-redBg_oti button:hover{-webkit-box-shadow:0 -7px 10px 0 #f6b3ac,0 7px 10px 0 #ea6b62;box-shadow:0 -7px 10px 0 #f6b3ac,0 7px 10px 0 #ea6b62}.p-otoList_oti li.u-redBg_oti button:active{-webkit-box-shadow:inset 0 -7px 5px 0 #f6b3ac,inset 0 7px 5px 0 #ea6b62;box-shadow:inset 0 -7px 5px 0 #f6b3ac,inset 0 7px 5px 0 #ea6b62}.p-otoList_oti li.u-pinkBg_oti{text-shadow:0 2px 0 #e1c7d6}.p-otoList_oti li.u-pinkBg_oti button{text-shadow:1px 2px 0 #e1c7d6;-webkit-box-shadow:0 -14px 20px 0 #f3e7ee,0 14px 20px 0 #e1c7d6;box-shadow:0 -14px 20px 0 #f3e7ee,0 14px 20px 0 #e1c7d6}.p-otoList_oti li.u-pinkBg_oti button:hover{-webkit-box-shadow:0 -7px 10px 0 #f3e7ee,0 7px 10px 0 #e1c7d6;box-shadow:0 -7px 10px 0 #f3e7ee,0 7px 10px 0 #e1c7d6}.p-otoList_oti li.u-pinkBg_oti button:active{-webkit-box-shadow:inset 0 -7px 5px 0 #f3e7ee,inset 0 7px 5px 0 #e1c7d6;box-shadow:inset 0 -7px 5px 0 #f3e7ee,inset 0 7px 5px 0 #e1c7d6}.p-otoList_oti li.u-yellowBg_oti{text-shadow:0 2px 0 #b2c74e}.p-otoList_oti li.u-yellowBg_oti button{text-shadow:1px 2px 0 #b2c74e;-webkit-box-shadow:0 -14px 20px 0 #dde79e,0 14px 20px 0 #b2c74e;box-shadow:0 -14px 20px 0 #dde79e,0 14px 20px 0 #b2c74e;text-shadow:1px 2px 0 #b2c74e}.p-otoList_oti li.u-yellowBg_oti button:hover{-webkit-box-shadow:0 -7px 10px 0 #dde79e,0 7px 10px 0 #b2c74e;box-shadow:0 -7px 10px 0 #dde79e,0 7px 10px 0 #b2c74e}.p-otoList_oti li.u-yellowBg_oti button:active{-webkit-box-shadow:inset 0 -7px 5px 0 #dde79e,inset 0 7px 5px 0 #b2c74e;box-shadow:inset 0 -7px 5px 0 #dde79e,inset 0 7px 5px 0 #b2c74e}.p-otoList_oti li:nth-child(2){margin-right:33.33%}.p-otoList_oti li:nth-child(2):after{background:url("../../otohiroba/images/bg_otolist01.jpg?$staticlink$") no-repeat 0 0;background-size:cover;content:""}.p-otoList_oti li:nth-child(3){margin-left:33.33%}.p-otoList_oti li:nth-child(3):after{position:absolute;top:0;left:auto;right:100%;width:100%;height:100%;background:url("../../otohiroba/images/bg_otolist02.jpg?$staticlink$") no-repeat 0 0;background-size:cover;content:""}.p-otoList_oti li:nth-child(6){margin-right:33.33%}.p-otoList_oti li:nth-child(6):before{position:absolute;top:15%;left:120%;width:188px;height:166px;background:url("../../otohiroba/images/img_oti01.png?$staticlink$") no-repeat 0 0;background-size:cover;content:""}.p-otoList_oti li:nth-child(6):after{position:absolute;top:40%;left:195%;width:166px;height:188px;background:url("../../otohiroba/images/img_oti02.png?$staticlink$") no-repeat 0 0;background-size:cover;content:""}.p-otoList_oti li:nth-child(10){margin-left:33.33%}.p-otoList_oti li:nth-child(10):before{position:absolute;top:10%;right:195%;width:175px;height:172px;background:url("../../otohiroba/images/img_oti03.png?$staticlink$") no-repeat 0 0;background-size:cover;content:""}.p-otoList_oti li:nth-child(10):after{position:absolute;top:30%;left:auto;right:125%;width:165px;height:189px;background:url("../../otohiroba/images/img_oti04.png?$staticlink$") no-repeat 0 0;background-size:cover;content:""}.p-floatingBar__inner_oti{max-width:360px;margin:0 auto;padding:10px 0}.p-floatingBar__title_oti{margin-bottom:10px;font-size:0.875rem}.p-floatingBar__close_oti{top:-20px;right:10px;width:40px;height:40px}.p-floatingBar__close_oti:after{font-size:1.25rem}}