﻿.obi_adk{height:100px;font-family:"Hiragino Sans","ヒラギノ角ゴシック","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","Meiryo",sans-serif;position:relative;overflow:hidden;background-color:#f3f3f3;color:#7b42d7}.obi_adk #particles-js{position:absolute;top:0;z-index:0;width:100%;height:auto}.obi_adk #wrapper{position:absolute;z-index:1;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.obi_adk #wrapper .obi-item{font-size:clamp(12px,4.3vw,18px);font-weight:bold;font-feature-settings:"palt";text-align:center}.obi_adk #wrapper .obi-item .icon{margin-right:.5em}.obi_adk #wrapper .obi-item .icon .icon-img{width:2em}.obi_adk #wrapper .obi-item .large{font-size:1.5em;letter-spacing:-0.05em}.obi_adk #wrapper .obi-item .underline{position:relative;display:inline-block}.obi_adk #wrapper .obi-item .underline::after{content:"";position:absolute;z-index:-1;width:100%;height:.7em;bottom:.3em;left:0;right:0;background-color:#ff0}.obi_starty{height:6em;font-family:"Hiragino Sans","ヒラギノ角ゴシック","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","Meiryo",sans-serif;position:relative;overflow:hidden;background-color:#f3f3f3;color:#7b42d7}.obi_starty #particles-js{position:absolute;top:0;z-index:0;width:100%;height:auto}.obi_starty #wrapper{position:absolute;z-index:1;top:0;width:100%;height:100%}.obi_starty #wrapper .obi-item{height:100%;display:grid}.obi_starty #wrapper .obi-item>.obi-text{font-size:clamp(12px,3.5vw,18px);font-weight:bold;font-feature-settings:"palt";text-align:center;display:grid;grid-template-columns:max-content 1fr;margin:0 auto;width:fit-content;grid-column-gap:5px;justify-items:center;align-items:center}.obi_starty #wrapper .obi-item>.obi-text>p:first-of-type{background:linear-gradient(-40deg, #bbb787, #fffabe 46%, #fff045);color:#fd69ab;font-size:clamp(12px,2vw,18px);font-weight:bold;height:100%;display:flex;justify-items:center;align-items:center;padding:10px;text-align:center}.obi_starty #wrapper .obi-item>.obi-text>p:nth-of-type(2){font-weight:bold;font-feature-settings:"palt";text-align:left}.obi_starty #wrapper .obi-item>.obi-text>p:nth-of-type(2) .large{font-size:1.5em;letter-spacing:-0.05em}.obi_starty #wrapper .obi-item>.obi-text>p:nth-of-type(2) .underline{position:relative;display:inline-block}.obi_starty #wrapper .obi-item>.obi-text>p:nth-of-type(2) .underline::after{content:"";position:absolute;z-index:-1;width:100%;height:.7em;bottom:.3em;left:0;right:0;background-color:#ff0}.obi_mobareco .text{width:100%;padding:3vw 0;font-size:3.5vw;font-weight:bold;text-align:center;color:#e8f0fe;background-color:#f74490}.obi_mobareco .text span{color:#fff850}.obi_mobareco .text a{color:#e8f0fe}.obi_newyear .text{width:100%;padding:3vw 0;font-size:2.5vw;font-weight:bold;text-align:center;color:#000;background:#ffd5f3}.header--thin{left:0;position:fixed;top:0;width:100%;z-index:2}.header--thin .obi{display:none}.is-header-menu-open.obi{display:none}.is-header-menu-open.header-bar{width:calc(100% - 16vw);position:fixed;top:0px}.is-header-menu-open.header-bar .header-bar__cta{display:none}.header-bar{background:#fff;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:120;width:100%}.header-bar__logo{margin:0 auto;padding:0 5px;font-size:9px;color:#666}.header-bar__logo img{display:inline-block;width:30.6666666667vw}.header-bar__logo span{margin-left:-5px}.cospa-logo{margin-right:auto}.header-bar__secondlogo{margin:0 auto 0 0}.header-bar__secondlogo img{width:16vw;height:16vw}.header-bar__cta{width:16vw;height:16vw;background-color:#00ace3}.header-bar__cta.osusume{background-color:#d90050}.header-bar__cta .appoint-button{display:block;width:36.8vw;text-decoration:none;cursor:pointer}.header-bar__cta .appoint-button .on{display:none}.header-bar__cta .appoint-button .off{display:block}.header-bar__cta .appoint-button:hover .on{display:block}.header-bar__cta .appoint-button:hover .off{display:none}.header-bar__cta .text{text-align:center}.header-bar__cta .text a{font-size:2.6vw;color:#fff}.header-bar__cta-inner{padding-top:10px;display:flex;justify-content:space-between;align-items:center}.header-bar__cta-inner a{margin:0 auto}.header-bar__cta-inner a img{width:7vw}.header-bar__cta-text{display:block;margin:8px 0}.header-bar__menu-button{position:relative;display:block;width:16vw;height:16vw;background:#fff}.header-bar__menu-button .bar{position:absolute;top:4.2666666667vw;left:50%;display:block;width:6.1333333333vw;height:2px;background:#333;border-radius:1px;transform:translate(-50%, 0);transition:all .25s ease;will-change:transform}.header-bar__menu-button .bar+.bar{top:6.2666666667vw}.header-bar__menu-button .bar+.bar+.bar{top:8.5333333333vw}.header-bar__menu-button .text{position:absolute;top:10vw;left:50%;transform:translate(-50%, 0) scale(0.8);display:block;width:100%;font-size:3.8vw;letter-spacing:-0.025em}.header-bar__menu-button[aria-expanded=true] .bar{top:calc(50% - 4px);transform:translate(-50%, -50%) rotate(45deg);width:6.6666666667vw}.header-bar__menu-button[aria-expanded=true] .bar+.bar{top:calc(50% - 4px);transform:translate(-50%, -50%);width:0}.header-bar__menu-button[aria-expanded=true] .bar+.bar+.bar{top:calc(50% - 4px);transform:translate(-50%, -50%) rotate(-45deg);width:6.6666666667vw}.header-menu{overflow-y:scroll;position:fixed;top:0px;left:0;width:100%;max-height:90%;padding-bottom:clamp(0px,5vh,150px);z-index:100;transition:.4s}.header-menu[aria-hidden=false]{opacity:1;transform:translate(0, 16vw)}.header-menu[aria-hidden=true]{opacity:0;left:-100vw;transform:translate(-20vw, 16vw)}.header-nav{margin-right:16vw;border-top:solid 1px #ccc;background:#ccc}.header-nav .heater_cta_body{background-image:url("/img/sp/index/cta_bg.png");background-size:cover;background:#fff}.header-nav .heater_cta_body .entry{padding-top:1px}.header-nav .heater_cta_body .entry_btn_t{position:relative;display:flex;justify-content:center;align-items:center;margin:20px 25px;padding:15px 28px;border-radius:4px;background:#00a0e9;background:linear-gradient(45deg, rgb(0, 160, 233) 0%, rgb(0, 186, 220) 100%);box-shadow:0 5px 10px rgba(0,186,220,.7);font-size:3.9vw;color:#fff;font-weight:bold;height:60px;letter-spacing:.1em;text-align:center;text-decoration:none;cursor:pointer;border-radius:5em}.header-nav .heater_cta_body .entry_btn_t::after{position:absolute;display:block;top:50%;right:18px;content:"";width:7px;height:7px;border-top:2px #fff solid;border-right:2px #fff solid;border-radius:2px;transform:translate(0, -50%) rotate(45deg)}.header-nav .heater_cta_body .entry_btn_t .entry_icon{position:absolute;left:5%;top:25%;width:10%}.header-nav .heater_cta_body .area_btn_t{position:relative;display:flex;justify-content:center;align-items:center;margin:-5px 25px 20px 25px;padding:15px 28px;border-radius:4px;font-size:3.6vw;border:2px solid;border-color:#00a0e9;font-weight:bold;height:45px;letter-spacing:.05em;text-align:center;text-decoration:none;cursor:pointer;border-radius:5em}.header-nav .heater_cta_body .area_btn_t::after{position:absolute;display:block;top:50%;right:18px;content:"";width:7px;height:7px;border-top:2px #000 solid;border-right:2px #000 solid;border-radius:2px;transform:translate(0, -50%) rotate(45deg)}.header-nav .heater_cta_body .area_btn_t .area_icon{position:absolute;left:5%;top:19%;width:10%}.header-nav .heater_cta_body .user_link{text-align:center;padding:0 0 20px;text-decoration:underline}.header-nav .heater_cta_body .chat_tel{display:flex}.header-nav .heater_cta_body .chat_tel .cta_contents{background:#3a3e52;width:50%}.header-nav .heater_cta_body .chat_tel .cta_contents:first-of-type{margin-right:1px}.header-nav .heater_cta_body .chat_tel .cta_contents .contents_text{color:#fff;text-align:center;font-size:3vw;margin-top:10%}.header-nav .heater_cta_body .chat_tel .cta_contents .contents_btn_t{position:relative;display:flex;justify-content:center;align-items:center;margin:10px;padding:15px;border-radius:4px;font-size:3vw;color:#fff;border:1px solid;border-color:#fff;font-weight:bold;line-height:1;letter-spacing:.025em;text-align:center;text-decoration:none;cursor:pointer;border-radius:5em;margin-bottom:15%}.header-nav .heater_cta_body .chat_tel .cta_contents .contents_btn_t::after{position:absolute;display:block;top:50%;right:10px;content:"";width:7px;height:7px;border-top:3px #fff solid;border-right:3px #fff solid;border-radius:2px;transform:translate(0, -50%) rotate(45deg)}.header-nav .heater_cta_body .chat_tel .cta_contents .contents_btn_line{position:relative;display:flex;justify-content:center;align-items:center;margin:2vw 6vw 8vw;padding:4vw;border:1px solid;border-color:#00ac46;border-radius:5em;background:#00ac46;font-size:4vw;color:#fff;font-weight:bold;line-height:1;letter-spacing:.025em;text-align:center;text-decoration:none;cursor:pointer}.header-nav .heater_cta_body .chat_tel .cta_contents .contents_btn_line::after{content:"";position:absolute;display:block;top:50%;right:5vw;width:2vw;height:2vw;border-top:2px #fff solid;border-right:2px #fff solid;border-radius:2px;transform:translate(0, -50%) rotate(45deg)}.header-nav .heater_cta_body .chat_tel .cta_contents .contents_btn_line .line_icon{position:absolute;top:49%;left:5%;width:9%;transform:translateY(-50%)}.header-nav .heater_cta_body .chat_tel .showtalk_mainte{width:100% !important}.header-nav .heater_cta_body .support{margin:0 15%;color:#00a0e9;text-decoration:underline}.header-nav .heater_cta_body_2269{background-color:#08083b;padding:6vw 6vw 10vw}.header-nav .heater_cta_body_2269 .entry .cta-wifi_text{color:#fff;text-align:center}.header-nav .heater_cta_body_2269 .entry .cta-wifi_2269{padding:3vw 0;margin:0 auto}.header-nav .heater_cta_body_2269 .entry .cta-wifi_2269 .cta-button{align-items:center;background-color:#e83e62;border-radius:40px;color:#fff;display:grid;align-content:space-evenly;font-size:22px;font-weight:bold;height:70px;justify-content:center;line-height:1;position:relative;text-align:center}.header-nav .heater_cta_body_2269 .entry .cta-wifi_2269 .cta-button::before{background:url("/img/pc/index/icon_cart.png") no-repeat;position:absolute;top:50%;left:25px;content:"";width:34px;height:36px;transform:translateY(-50%)}.header-nav .heater_cta_body_2269 .entry .cta-wifi_2269 .cta-button::after{position:absolute;display:block;top:50%;right:18px;content:"";width:7px;height:7px;border-top:2px #fff solid;border-right:2px #fff solid;border-radius:2px;transform:translate(0, -50%) rotate(45deg)}.header-nav .heater_cta_body_2269 .entry .cta-wifi_2269 .cta-button .small-text{font-size:12px}.header-nav .heater_cta_body_2269 .cta-under{display:flex;justify-content:space-between}.header-nav .heater_cta_body_2269 .cta-under .tel a,.header-nav .heater_cta_body_2269 .cta-under .area a{align-items:center;border:1px solid #fff;border-radius:40px;color:#fff;display:grid;align-content:space-evenly;font-size:12px;font-weight:bold;height:50px;width:35vw;justify-content:center;line-height:1;position:relative;text-align:center}.header-nav .heater_cta_body_2269 .cta-under .tel a::after,.header-nav .heater_cta_body_2269 .cta-under .area a::after{position:absolute;display:block;top:50%;right:18px;content:"";width:7px;height:7px;border-top:2px #fff solid;border-right:2px #fff solid;border-radius:2px;transform:translate(0, -50%) rotate(45deg)}.header-nav__title .button{position:relative;display:block;width:100%;margin:1px auto;padding:15px 18px 15px 15px;background:#f6f8fa;color:#333;font-weight:bold;font-size:4.6666666667vw;letter-spacing:.0125em;text-align:left;text-decoration:none;line-height:1.25}.header-nav__title .button:first-of-type{margin-top:0}.header-nav__title .button:link,.header-nav__title .button:visited,.header-nav__title .button:hover,.header-nav__title .button:active{color:#333}.header-nav__title .button::before{position:absolute;display:block;top:calc(50% + 1px);right:11px;content:"";width:12px;height:2px;transform:translate(0, -50%)}.header-nav__title .button::after{position:absolute;display:block;top:calc(50% + 1px);right:20px;content:"";width:10px;height:10px;transform:translate(0, -50%) rotate(0deg);transition:transform .15s linear;border-top:4px #f667a4 solid;border-right:4px #f667a4 solid;transform:translate(0, -50%) rotate(45deg)}.header-nav__title .button[aria-expanded=false]{background:#f6f8fa;color:#333;margin-bottom:1px}.header-nav__title .button[aria-expanded=false]::after{position:absolute;display:block;top:calc(50% + 1px);right:20px;content:"";width:10px;height:10px;transition:transform .15s linear;border-top:4px #f667a4 solid;border-right:4px #f667a4 solid;transform:translate(0, -50%) rotate(45deg)}.header-nav__title .button[aria-expanded=true]{background:#f6f8fa;color:#333}.header-nav__title .button[aria-expanded=true]::before{background:#fff}.header-nav__title .button[aria-expanded=true]::after{position:absolute;display:block;top:calc(50% + 1px);right:20px;content:"";width:10px;height:10px;transition:transform .15s linear;border-top:4px #f667a4 solid;border-right:4px #f667a4 solid;transform:translate(0, -50%) rotate(-45deg)}.header-nav__title.header-nav__title_2269 .button::after{right:30px;border-top:1px #333 solid;border-right:1px #333 solid}.header-menu-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;min-height:100%;margin:auto;background:#000;opacity:.5;z-index:20}html.is-header-menu-open{overflow:hidden;height:100%}html.is-header-menu-open body{height:100%}#follow-obi{background:#eaeaea;color:#6b6b6b;font-size:3.5vw;padding:1.6vw;text-align:center;position:sticky;top:0px;left:0;z-index:99}#matsumaru-banner{position:fixed;bottom:80px;right:0;width:100px;z-index:10000}#matsumaru-banner .round_btn{display:block;position:relative;right:-80px;bottom:5px;width:20px;height:20px;border-radius:50%;background:#333}#matsumaru-banner .round_btn::before,#matsumaru-banner .round_btn::after{content:"";position:absolute;top:50%;left:50%;width:1px;height:15px;background:#fff}#matsumaru-banner .round_btn::before{transform:translate(-50%, -50%) rotate(45deg)}#matsumaru-banner .round_btn::after{transform:translate(-50%, -50%) rotate(-45deg)}#matsumaru-banner-2239{position:fixed;bottom:80px;left:0;width:100px;z-index:10000}#matsumaru-banner-2239 .round_btn{display:block;position:relative;right:-80px;bottom:5px;width:20px;height:20px;border-radius:50%;background:#333}#matsumaru-banner-2239 .round_btn::before,#matsumaru-banner-2239 .round_btn::after{content:"";position:absolute;top:50%;left:50%;width:1px;height:15px;background:#fff}#matsumaru-banner-2239 .round_btn::before{transform:translate(-50%, -50%) rotate(45deg)}#matsumaru-banner-2239 .round_btn::after{transform:translate(-50%, -50%) rotate(-45deg)}#matsumaru-banner-2239 .small_bnr{width:47%}