</noscript> <!-- End Google Tag Manager (noscript) --> <div class="l-wrap"> <div class="p-fixed js-fixed"> <div class="p-fixed__inner"> <ul class="p-fixed__list"> <li> <a href="https://yoyaku.studio-mario.net/public/?est=1" target="_blank" rel="noopener" referrerpolicy="no-referrer-when-downgrade"> <div> <img decoding="async" src="assets/img/top/fixed_btn01.svg" alt="ネット予約"> </div> </a> </li> <li> <a href="https://yoyaku.studio-mario.net/public/shop/index.jsp?est=1" target="_blank" rel="noopener"> <div> <img decoding="async" src="assets/img/top/fixed_btn02.svg" alt="店舗検索"> </div> </a> </li> <li> <a href="tel:0120-753-438"> <div> <img decoding="async" src="assets/img/top/fixed_btn03.svg" alt="電話予約"> </div> </a> </li> </ul> <!-- /.p-fixed__list --> </div> <!-- /.p-fixed__inner --> </div> <!-- /.p-fixed --> <div class="l-header-mv-msg"> <header class="l-header"> <div class="p-header"> <h1 class="p-header__logo"> <picture> <source srcset="assets/img/common/logo_sp.svg" media="(max-width: 830px)" /> <img decoding="async" src="assets/img/common/logo_pc.svg" alt="スタジオマリオ プロフィール＆宣材写真"> </picture> </h1> <ul class="p-header__list"> <li><a href="#feature"><span class="en">Feature</span><span class="ja">特長</span></a></li> <li><a href="#gallery"><span class="en">Photo gallery</span><span class="ja">フォトギャラリー</span></a></li> <li><a href="#usage"><span class="en">Usage</span><span class="ja">使用用途</span></a></li> <li><a href="#plan"><span class="en">Plan</span><span class="ja">料金プラン</span></a></li> <li><a href="#flow"><span class="en">Flow</span><span class="ja">撮影の流れ</span></a></li> <li><a href="#faq"><span class="en">FAQ</span><span class="ja">よくある質問</span></a></li> </ul> <div class="p-header__btn js-header__btn"> <div class="p-header__btn-inner"> <span></span><span></span><span></span> </div> </div> </div> <!-- /.p-header --> <nav class="p-nav js-nav"> <div class="p-nav__inner"> <div class="p-nav__content"> <ul class="p-nav__content-list"> <li><a href="#feature">Feature<br><span>特長</span></a></li> <li><a href="#gallery">Photo gallery<br><span>フォトギャラリー</span></a></li> <li><a href="#usage">Usage<br><span>使用用途</span></a></li> <li><a href="#plan">Plan<br><span>料金プラン</span></a></li> <li><a href="#flow">Flow<br><span>撮影の流れ</span></a></li> <li><a href="#faq">FAQ<br><span>よくある質問</span></a></li> </ul> </div> <!-- /.p-nav__content --> </div> <!-- /.p-nav__inner --> </nav> <!-- /.p-nav --> </header> <!-- /.l-header --> <section class="p-mv"> <div class="p-mv__inner"> <h2 class="p-mv__heading"><img decoding="async" src="assets/img/top/mv_heading.svg" alt="自分史上、最好印象。"></h2> <div class="p-mv__copy"> <picture> <source srcset="assets/img/top/mv_copy_sp.svg" media="(max-width: 576px)" /> <img decoding="async" src="assets/img/top/mv_copy_pc.svg" alt="NEW ME BEGINS!"> </picture> </div> <div class="p-mv__img p-mv__img01"><img decoding="async" src="assets/img/top/mv_img01@2x.png" alt=""></div> <div class="p-mv__img p-mv__img03"><img decoding="async" src="assets/img/top/mv_img03@2x.png" alt=""></div> <div class="p-mv__img p-mv__img02"><img decoding="async" src="assets/img/top/mv_img02@2x.png" alt=""></div> <div class="p-mv__img p-mv__img04"><img decoding="async" src="assets/img/top/mv_img04@2x.png" alt=""></div> <div class="p-mv__scroll"><img decoding="async" src="assets/img/top/mv_scroll.svg" alt="Scroll down"></div> </div> <!-- /.p-mv__inner --> </section> <!-- /.p-mv --> <section class="p-msg"> <div class="p-msg__inner"> <h2 class="p-msg__heading fadeInUp">新しい自分をはじめよう。</h2> <p class="p-msg__txt fadeInUp"> 新しい一歩を踏み出す時には<br> 誰だって期待と一緒に不安も大きくなるもの。 </p> <p class="p-msg__txt fadeInUp"> 婚活、恋活、ビジネスシーン、オーディション…<br> 大事な一歩だからこそ勇気と自信をもって<br class="sp">踏み出してほしい。<br> 私たちスタジオマリオは<br> 積み重ねた技術と経験をいかした<br class="sp">「プロフィール撮影」で<br> あなたの背中を押す力になります。 </p> <p class="p-msg__txt fadeInUp"> さあ新しい自分へ！ </p> </div> <!-- /.p-msg__inner --> </section> <!-- /.p-msg --> </div> <!-- /.l-header-mv-msg --> <main class="l-main"> <div class="l-feature__wrap js-feature__wrap" id="feature"> <section class="p-feature js-feature p-feature-pc"> <div class="p-feature__inner"> <div class="p-feature__loop"></div> <header class="p-feature__header "> <div class="p-feature__header-txt fadeInUp"> <span>スタジオマリオはここが違う!</span> </div> <h2 class="p-feature__header-heading fadeInUp">プロフィール&宣材写真の特長</h2> </header> <div class="p-feature__list-wrap"> <div class="p-feature__list fadeInUp"> <div class="p-feature__item js-feature__item"> <div class="p-feature__item-inner"> <div class="p-feature__item-left"> <div class="p-feature__item-num">Feature 01</div> <h3 class="p-feature__item-heading"><img decoding="async" src="assets/img/top/feature_item_heading01.svg" alt="安心価格 5,500円（税込）〜"></h3> <div class="p-feature__item-txt">スピードプランは5,500円（税込）<br>その他、データ付きプランやレタッチプランなど、様々なニーズに合わせたプランをご用意しています。</div> <div class="p-feature__item-link"><a href="#plan">料金プランを見る</a></div> </div> <div class="p-feature__item-right"> <picture> <source srcset="assets/img/top/feature_item_img01_sp@2x.jpg" media="(max-width: 576px)" /> <img decoding="async" src="assets/img/top/feature_item_img01_pc@2x.jpg" alt="安心価格 税込5,500円"> </picture> </div> </div> </div> <!-- /.p-feature__item --> <div class="p-feature__item js-feature__item"> <div class="p-feature__item-inner"> <div class="p-feature__item-left"> <div class="p-feature__item-num">Feature 02</div> <h3 class="p-feature__item-heading">カメラのキタムラが<br>運営する安心の品質。</h3> <div class="p-feature__item-txt">スタジオマリオは写真スタジオとして長年の実績があるから、撮影技術に自信があります。<br>また、カメラのキタムラが運営している写真館だからこそクオリティも安心してご利用いただけます。</div> </div> <div class="p-feature__item-right"> <picture> <source srcset="assets/img/top/feature_item_img02_sp@2x.jpg" media="(max-width: 576px)" /> <img decoding="async" src="assets/img/top/feature_item_img02_pc@2x.jpg" alt="カメラのキタムラが運営する安心の品質。"> </picture> </div> </div> </div> <!-- /.p-feature__item --> <div class="p-feature__item js-feature__item"> <div class="p-feature__item-inner"> <div class="p-feature__item-left"> <div class="p-feature__item-num">Feature 03</div> <h3 class="p-feature__item-heading">全国330店舗。あなたの<br>街の写真スタジオ。</h3> <div class="p-feature__item-txt">スタジオマリオは全国に300店舗以上！<br>どなたにとっても身近なスタジオなので、思い立ったらいつでも撮影できます。</div> </div> <div class="p-feature__item-right"> <picture> <source srcset="assets/img/top/feature_item_img03_sp@2x.jpg" media="(max-width: 576px)" /> <img decoding="async" src="assets/img/top/feature_item_img03_pc@2x.jpg" alt="全国330店舗。あなたの街の写真スタジオ。"> </picture> </div> </div> </div> <!-- /.p-feature__item --> </div> <!-- /.p-feature__list --> </div> <!-- /.p-feature__list-wrap --> </div> <!-- /.p-feature__inner --> </section> <!-- /.p-feature --> <section class="p-feature p-feature-sp"> <div class="p-feature__inner"> <div class="p-feature__loop"></div> <header class="p-feature__header "> <div class="p-feature__header-txt fadeInUp"> <span>スタジオマリオはここが違う!</span> </div> <h2 class="p-feature__header-heading fadeInUp">プロフィール&宣材写真の特長</h2> </header> <div class="p-feature__list-wrap"> <div class="p-feature__list"> <div class="p-feature__item fadeInUp"> <div class="p-feature__item-inner"> <div class="p-feature__item-left"> <div class="p-feature__item-num">Feature 01</div> <h3 class="p-feature__item-heading"><img decoding="async" src="assets/img/top/feature_item_heading01.svg" alt="安心価格 5,500円（税込）〜"></h3> <div class="p-feature__item-txt">スピードプランは5,500円（税込）<br>その他、データ付きプランやレタッチプランなど、様々なニーズに合わせたプランをご用意しています。</div> <div class="p-feature__item-link"><a href="#plan">料金プランを見る</a></div> </div> <div class="p-feature__item-right"> <picture> <source srcset="assets/img/top/feature_item_img01_sp@2x.jpg" media="(max-width: 576px)" /> <img decoding="async" src="assets/img/top/feature_item_img01_pc@2x.jpg" alt="安心価格 税込5,500円"> </picture> </div> </div> </div> <!-- /.p-feature__item --> <div class="p-feature__item fadeInUp"> <div class="p-feature__item-inner"> <div class="p-feature__item-left"> <div class="p-feature__item-num">Feature 02</div> <h3 class="p-feature__item-heading">カメラのキタムラが<br>運営する安心の品質。</h3> <div class="p-feature__item-txt">スタジオマリオは写真スタジオとして長年の実績があるから、撮影技術に自信があります。<br>また、カメラのキタムラが運営している写真館だからこそクオリティも安心してご利用いただけます。</div> </div> <div class="p-feature__item-right"> <picture> <source srcset="assets/img/top/feature_item_img02_sp@2x.jpg" media="(max-width: 576px)" /> <img decoding="async" src="assets/img/top/feature_item_img02_pc@2x.jpg" alt="カメラのキタムラが運営する安心の品質。"> </picture> </div> </div> </div> <!-- /.p-feature__item --> <div class="p-feature__item fadeInUp"> <div class="p-feature__item-inner"> <div class="p-feature__item-left"> <div class="p-feature__item-num">Feature 03</div> <h3 class="p-feature__item-heading">全国330店舗。あなたの<br>街の写真スタジオ。</h3> <div class="p-feature__item-txt">スタジオマリオは全国に300店舗以上！<br>どなたにとっても身近なスタジオなので、思い立ったらいつでも撮影できます。</div> </div> <div class="p-feature__item-right"> <picture> <source srcset="assets/img/top/feature_item_img03_sp@2x.jpg" media="(max-width: 576px)" /> <img decoding="async" src="assets/img/top/feature_item_img03_pc@2x.jpg" alt="全国330店舗。あなたの街の写真スタジオ。"> </picture> </div> </div> </div> <!-- /.p-feature__item --> </div> <!-- /.p-feature__list --> </div> <!-- /.p-feature__list-wrap --> </div> <!-- /.p-feature__inner --> </section> <!-- /.p-feature --> </div> <!-- /.l-feature__wrap --> <section class="p-retouch"> <div class="p-retouch-inner"> <h2 class="p-retouch-heading fadeInUp">Photo Retouch</h2> <div class="p-retouch-txt fadeInUp">フォトレタッチでワンランク上の好印象に</div> <div class="p-retouch-twentytwenty js-retouch-twentytwenty fadeInUp"> <img decoding="async" src="assets/img/top/retouch_img01@2x.jpg?01"> <img decoding="async" src="assets/img/top/retouch_img02@2x.jpg?01"> </div> </div> <!-- /.p-retouch-inner --> </section> <!-- /.p-retouch --> <section class="p-gallery js-gallery" id="gallery"> <div class="p-gallery__inner"> <div class="p-gallery__loop"></div> <!-- <div class="loop"></div> --> <div class="swiper swiper-gallery"> <div class="swiper-wrapper"> <div class="swiper-slide swiper-slide01"> <img decoding="async" src="assets/img/top/g01@2x.jpg" class="g01" data-modal="c-modal--gallery" data-num="1"> <img decoding="async" src="assets/img/top/g08@2x.jpg" class="g08" data-modal="c-modal--gallery" data-num="2"> </div> <div class="swiper-slide swiper-slide02"> <img decoding="async" src="assets/img/top/g02@2x.jpg" class="g02" data-modal="c-modal--gallery" data-num="3"> <img decoding="async" src="assets/img/top/g03.png" class="g03" data-modal="c-modal--gallery" data-num="4"> </div> <div class="swiper-slide swiper-slide03"> <img decoding="async" src="assets/img/top/g04@2x.jpg" class="g04" data-modal="c-modal--gallery" data-num="5"> <img decoding="async" src="assets/img/top/g05@2x.jpg" class="g05" data-modal="c-modal--gallery" data-num="6"> </div> <div class="swiper-slide swiper-slide04"> <img decoding="async" src="assets/img/top/g06@2x.jpg" class="g06" data-modal="c-modal--gallery" data-num="7"> <img decoding="async" src="assets/img/top/g07@2x.jpg" class="g07" data-modal="c-modal--gallery" data-num="8"> </div> <div class="swiper-slide swiper-slide06"> <img decoding="async" src="assets/img/top/g09@2x.jpg" class="g09" data-modal="c-modal--gallery" data-num="9"> <img decoding="async" src="assets/img/top/g10.png" class="g10" data-modal="c-modal--gallery" data-num="10"> </div> <div class="swiper-slide swiper-slide07"> <img decoding="async" src="assets/img/top/g11@2x.jpg" class="g11" data-modal="c-modal--gallery" data-num="11"> <img decoding="async" src="assets/img/top/g12@2x.jpg" class="g12" data-modal="c-modal--gallery" data-num="12"> </div> <div class="swiper-slide swiper-slide08"> <img decoding="async" src="assets/img/top/g13@2x.jpg" class="g13" data-modal="c-modal--gallery" data-num="13"> <img decoding="async" src="assets/img/top/g14@2x.jpg" class="g14" data-modal="c-modal--gallery" data-num="14"> </div> </div> </div> <!-- /.swiper --> <div class="c-modal c-modal--gallery"> <div class="c-modal__inner js-modal__close"> <div class="c-modal__content"> <div class="c-modal__content__inner"> <div class="swiper swiper-modal"> <div class="swiper-wrapper"> <div class="swiper-slide"><img decoding="async" src="assets/img/top/g01_modal@2x.jpg"></div> <div class="swiper-slide"><img decoding="async" src="assets/img/top/g08_modal@2x.jpg"></div> <div class="swiper-slide"><img decoding="async" src="assets/img/top/g02_modal@2x.jpg"></div> <div class="swiper-slide"><img decoding="async" src="assets/img/top/g03_modal.png"></div> <div class="swiper-slide"><img decoding="async" src="assets/img/top/g04_modal@2x.jpg"></div> <div class="swiper-slide"><img decoding="async" src="assets/img/top/g05_modal@2x.jpg"></div> <div class="swiper-slide"><img decoding="async" src="assets/img/top/g06_modal@2x.jpg"></div> <div class="swiper-slide"><img decoding="async" src="assets/img/top/g07_modal@2x.jpg"></div> <div class="swiper-slide"><img decoding="async" src="assets/img/top/g09_modal@2x.jpg"></div> <div class="swiper-slide"><img decoding="async" src="assets/img/top/g10_modal.png"></div> <div class="swiper-slide"><img decoding="async" src="assets/img/top/g11_modal@2x.jpg"></div> <div class="swiper-slide"><img decoding="async" src="assets/img/top/g12_modal@2x.jpg"></div> <div class="swiper-slide"><img decoding="async" src="assets/img/top/g13_modal@2x.jpg"></div> <div class="swiper-slide"><img decoding="async" src="assets/img/top/g14_modal@2x.jpg"></div> </div> </div> <!--/.swiper --> </div> <!--/.c-modal__content__inner --> <div class="c-modal__close js-modal__close"></div> </div> <!--/.c-modal__content --> </div> <!--/.c-modal__inner --> </div> <!--/.c-modal --> </div> <!-- /.p-gallery__inner --> </section> <!-- /.p-gallery --> <div class="l-usage__wrap js-usage__wrap" id="usage"> <section class="p-usage js-usage"> <div class="p-usage__inner fadeInUp"> <div class="p-usage__flex js-usage__flex js-usage__flex01 is-show"> <div class="p-usage__num js-usage__num"> <span class="p-usage__num-top">1</span> <span class="p-usage__num-btm">4</span> </div> <div class="p-usage__left"> <div class="p-usage__sub-heading">Business</div> <h3 class="p-usage__heading">ビジネスプロフィールに</h3> <p class="p-usage__txt"> 履歴書・エントリーシートや会社のHPや名刺など、ビジネスシーンにて使用する写真をお撮りします。データ付きプランもございますので、さまざまな用途にてお使いいただけます。 </p> </div> <div class="p-usage__right js-usage__right01"> <img decoding="async" src="assets/img/top/usage_img01@2x.png"> <img decoding="async" src="assets/img/top/usage_img01_after@2x.png" class="after"> </div> </div> <!-- /.p-usage__flex --> <div class="p-usage__flex js-usage__flex js-usage__flex02"> <div class="p-usage__num js-usage__num"> <span class="p-usage__num-top">2</span> <span class="p-usage__num-btm">4</span> </div> <div class="p-usage__left"> <div class="p-usage__sub-heading">Matching</div> <h3 class="p-usage__heading">婚活・マッチングアプリに</h3> <p class="p-usage__txt"> 結婚相談所や婚活サイト、マッチングアプリに登録する写真をお撮りします。データ付きプランもございますので、すぐにサイトにも登録可能です。 </p> </div> <div class="p-usage__right js-usage__right02"> <img decoding="async" src="assets/img/top/usage_img02@2x.png"> <img decoding="async" src="assets/img/top/usage_img02_after@2x.png" class="after"> </div> </div> <!-- /.p-usage__flex --> <div class="p-usage__flex js-usage__flex js-usage__flex03"> <div class="p-usage__num js-usage__num"> <span class="p-usage__num-top">3</span> <span class="p-usage__num-btm">4</span> </div> <div class="p-usage__left"> <div class="p-usage__sub-heading">Profile</div> <h3 class="p-usage__heading">宣材写真・オーディション用に</h3> <p class="p-usage__txt"> パンフレットはもちろん高画質データなので<br>ポスターにもご利用いただけます。 </p> </div> <div class="p-usage__right js-usage__right03"> <img decoding="async" src="assets/img/top/usage_img03@2x.png"> <img decoding="async" src="assets/img/top/usage_img03_after@2x.png" class="after"> </div> </div> <!-- /.p-usage__flex --> <div class="p-usage__flex js-usage__flex js-usage__flex04"> <div class="p-usage__num js-usage__num"> <span class="p-usage__num-top">4</span> <span class="p-usage__num-btm">4</span> </div> <div class="p-usage__left"> <div class="p-usage__sub-heading">Examination</div> <h3 class="p-usage__heading">お受験用に</h3> <p class="p-usage__txt"> お受験用のご家族写真を撮影します。<br>※12歳まで限定 </p> </div> <div class="p-usage__right js-usage__right04"> <img decoding="async" src="assets/img/top/usage_img04@2x.png"> <img decoding="async" src="assets/img/top/usage_img04_after@2x.png" class="after"> </div> </div> <!-- /.p-usage__flex --> </div> <!-- /.p-usage__inner --> </section> <!-- /.p-usage --> <section class="p-usage-sp"> <div class="p-usage-sp__num js-usage-sp__num "> <span class="p-usage-sp__num-top js-usage-sp__num-top">1</span> <span class="p-usage-sp__num-btm">4</span> </div> <div class="p-usage-sp__block p-usage-sp__block01 js-usage-sp__block01"> <div class="p-usage-sp__block-inner"> <div class="p-usage-sp__block-sub-heading">Business</div> <h3 class="p-usage-sp__block-heading">ビジネスプロフィールに</h3> <p class="p-usage-sp__block-txt"> 履歴書・エントリーシートや会社のHPや名刺など、ビジネスシーンにて使用する写真をお撮りします。データ付きプランもございますので、さまざまな用途にてお使いいただけます。 </p> <div class="p-usage-sp__block-img js-usage-sp__block-img"> <img decoding="async" src="assets/img/top/usage_img01@2x.png"> <img decoding="async" src="assets/img/top/usage_img01_after@2x.png" class="after"> </div> </div> </div> <!-- /.p-usage-sp__block --> <div class="p-usage-sp__block p-usage-sp__block02 js-usage-sp__block02"> <div class="p-usage-sp__block-inner"> <div class="p-usage-sp__block-sub-heading">Matching</div> <h3 class="p-usage-sp__block-heading">婚活・マッチングアプリに</h3> <p class="p-usage-sp__block-txt"> 結婚相談所や婚活サイト、マッチングアプリに登録する写真をお撮りします。データ付きプランもございますので、すぐにサイトにも登録可能です。 </p> <div class="p-usage-sp__block-img js-usage-sp__block-img"> <img decoding="async" src="assets/img/top/usage_img02@2x.png"> <img decoding="async" src="assets/img/top/usage_img02_after@2x.png" class="after"> </div> </div> </div> <!-- /.p-usage-sp__block --> <div class="p-usage-sp__block p-usage-sp__block03 js-usage-sp__block03"> <div class="p-usage-sp__block-inner"> <div class="p-usage-sp__block-sub-heading">Profile</div> <h3 class="p-usage-sp__block-heading">宣材写真・オーディション用に</h3> <p class="p-usage-sp__block-txt"> パンフレットはもちろん高画質データなのでポスターにもご利用いただけます。 </p> <div class="p-usage-sp__block-img js-usage-sp__block-img"> <img decoding="async" src="assets/img/top/usage_img03@2x.png"> <img decoding="async" src="assets/img/top/usage_img03_after@2x.png" class="after"> </div> </div> </div> <!-- /.p-usage-sp__block --> <div class="p-usage-sp__block p-usage-sp__block04"> <div class="p-usage-sp__block-inner"> <div class="p-usage-sp__block-sub-heading">Examination</div> <h3 class="p-usage-sp__block-heading">お受験用に</h3> <p class="p-usage-sp__block-txt"> お受験用のご家族写真を撮影します。<br>※12歳まで限定 </p> <div class="p-usage-sp__block-img js-usage-sp__block-img"> <img decoding="async" src="assets/img/top/usage_img04@2x.png"> <img decoding="async" src="assets/img/top/usage_img04_after@2x.png" class="after"> </div> </div> </div> <!-- /.p-usage-sp__block --> </section> <!-- /.p-usage-sp --> </div> <!-- /.l-usage --> <section class="p-plan js-plan"> <div class="p-plan__inner"> <header class="p-plan__header" id="plan"> <div class="p-plan__header-txt fadeInUp"> <span>用途に合わせて選べる</span><br> <span>2つのプランをご用意しています</span> </div> <h2 class="p-plan__header-heading fadeInUp">料金プラン一覧</h2> </header> <div class="p-plan__table-pc fadeInUp"> <div class="row head"> <div class="col title"></div> <!-- <div class="col red"> <div><small>好印象をスピード仕上げ</small><br>好印象レタッチプラン</div> </div> --> <div class="col yellow"> <div><small>背景や小物にもこだわりつつ早く仕上げたい</small><br>スピードプレミアムプラン</div> </div> <div class="col blue"> <div>スピードプラン</div> </div> </div> <div class="row body price"> <div class="col title">料金</div> <!-- <div class="col red"> <div>12,100<span class="yen">円</span><small>（税込）</small></div> </div> --> <div class="col yellow"> <div>8,800<span class="yen">円</span><small>（税込）</small></div> </div> <div class="col blue"> <div>5,500<span class="yen">円</span><small>（税込）</small></div> </div> </div> <div class="row body print"> <div class="col title"> <div>プリント<br><small>（Lサイズ）</small></div> </div> <!-- <div class="col red">3枚</div> --> <div class="col yellow">3枚</div> <div class="col blue">2枚</div> </div> <!-- <div class="row body image"> <div class="col title"> <div>画像データ<br><small>（ディスク）</small></div> </div> <div class="col red">○<small>（ライトレタッチ済）</small></div> <div class="col yellow">○</div> <div class="col blue">○</div> </div> --> <div class="row body transfer"> <div class="col title">スマホ<br>データ転送</div> <!-- <div class="col red">○<small>（レタッチ済）</small></div> --> <div class="col yellow">○</div> <div class="col blue">―</div> </div> <div class="row body retouch"> <div class="col title">レタッチ<br>オプション</div> <!-- <div class="col red"> <div> <span>手軽な好印象レタッチ</span> <ul> <li>小顔</li> <li>美肌補正</li> <li>目を大きく</li> <li>歯を白く</li> </ul> </div> </div> --> <div class="col yellow"> <p>1画像あたり ＋<span class="num">1,650</span><span class="yen">円</span><small>（税込）</small></p> <div> <span>手軽な好印象レタッチ</span> <ul> <li>小顔</li> <li>美肌補正</li> <li>目を大きく</li> <li>歯を白く</li> </ul> </div> <!-- <div class="option"> <div class="left"> <span class="txt01">オプション<br>追加可能</span> </div> <div class="right"> <span class="txt02">ライトレタッチ追加</span><br> <span class="txt03">1カット</span> <span class="txt04">¥2,200<span>（税込）</span></span> </div> <span class="txt05">※お選び頂いた3枚の中から1枚をレタッチいたします</span> </div> --> </div> <div class="col blue"> <div>―</div> </div> </div> <div class="row body complete"> <div class="col title">仕上がり</div> <!-- <div class="col red"> <div>最短当日仕上げ<br><small>※17時以降は翌日仕上げ<br>※データのダウンロードは通信環境などにより日数をいただく場合がございます</small></div> </div> --> <div class="col yellow"> <div>最短当日仕上げ <ul class="p-flow__notes small"> <li>17時以降は翌日仕上げ</li> <li>データのダウンロードは通信環境などにより日数をいただく場合がございます</li> </ul> </div> </div> <div class="col blue"> <div>最短当日仕上げ <ul class="p-flow__notes small"> <li>17時以降は翌日仕上げ</li> </ul> </div> </div> </div> </div> <!-- /.p-plan__table-pc --> <div class="p-plan__table-sp fadeInUp" style="display:none;"> <div class="row bubble"> <div class="col empty"></div> <div class="col">レタッチあり</div> </div> <div class="row head"> <div class="col title"></div> <div class="col red">好印象レタッチプラン</div> </div> <div class="row body price"> <div class="col title">料金</div> <div class="col red"> <div>12,100<span class="yen">円</span><small>（税込）</small></div> </div> </div> <div class="row body print"> <div class="col title"> <div>プリント<br><small>（Lサイズ）</small></div> </div> <div class="col red">3枚</div> </div> <div class="row body transfer"> <div class="col title">スマホ<br>データ転送</div> <div class="col red"> <div>○<small>（レタッチ済）</small></div> </div> </div> <div class="row body retouch"> <div class="col title">レタッチ</div> <div class="col red"> <span>手軽な好印象レタッチ</span> <ul> <li>小顔</li> <li>美肌補正</li> <li>目を大きく</li> <li>歯を白く</li> </ul> </div> </div> <div class="row body complete"> <div class="col title">仕上がり</div> <div class="col red"> <div>最短当日仕上げ <ul class="p-flow__notes small"> <li>17時以降は翌日仕上げ</li> <li>データのダウンロードは通信環境などにより日数をいただく場合がございます</li> </ul> </div> </div> </div> </div> <!-- /.p-plan__table-sp --> <div class="p-plan__table-sp fadeInUp" style="display:none;"> <div class="row bubble"> <div class="col empty"></div> <div class="col">レタッチあり</div> </div> <div class="row head"> <div class="col title"></div> <div class="col col-2 red">好印象レタッチ<br>プラン</div> <div class="col col-2 red">好印象レタッチ<br>プラン</div> </div> <div class="row body price"> <div class="col title">料金</div> <div class="col col-2 red"> <div>12,100<span class="yen">円</span><small>（税込）</small></div> </div> <div class="col col-2 red"> <div>12,100<span class="yen">円</span><small>（税込）</small></div> </div> </div> <div class="row body print"> <div class="col title"> <div>プリント<br><small>（Lサイズ）</small></div> </div> <div class="col col-2 red">3枚</div> <div class="col col-2 red">3枚</div> </div> <div class="row body transfer"> <div class="col title">スマホ<br>データ転送</div> <div class="col col-2 red"> <div>○<small>（レタッチ済）</small></div> </div> <div class="col col-2 red"> <div>○<small>（レタッチ済）</small></div> </div> </div> <div class="row body retouch"> <div class="col title">レタッチ</div> <div class="col col-2 red"> <span>手軽な好印象レタッチ</span> <ul> <li>小顔</li> <li>美肌補正</li> <li>目を大きく</li> <li>歯を白く</li> </ul> </div> <div class="col col-2 red"> <span>手軽な好印象レタッチ</span> <ul> <li>小顔</li> <li>美肌補正</li> <li>目を大きく</li> <li>歯を白く</li> </ul> </div> </div> <div class="row body complete"> <div class="col title">仕上がり</div> <div class="col col-2 red"> <div>最短当日仕上げ <ul class="p-flow__notes small"> <li>17時以降は翌日仕上げ</li> <li>データのダウンロードは通信環境などにより日数をいただく場合がございます</li> </ul> </div> </div> <div class="col col-2 red"> <div>最短当日仕上げ <ul class="p-flow__notes small"> <li>17時以降は翌日仕上げ</li> <li>データのダウンロードは通信環境などにより日数をいただく場合がございます</li> </ul> </div> </div> </div> </div> <!-- /.p-plan__table-sp --> <div class="p-plan__table-sp fadeInUp"> <div class="row head"> <div class="col title"></div> <div class="col yellow">スピード<br>プレミアムプラン</div> </div> <div class="row body price"> <div class="col title">料金</div> <div class="col yellow"> <div>8,800<span class="yen">円</span><small>（税込）</small></div> </div> </div> <div class="row body print"> <div class="col title"> <div>プリント<br><small>（Lサイズ）</small></div> </div> <div class="col yellow">3枚</div> </div> <div class="row body transfer"> <div class="col title">スマホ<br>データ転送</div> <div class="col yellow">○</div> </div> <div class="row body retouch"> <div class="col title">レタッチ<br>オプション</div> <div class="col yellow"> <p>1画像あたり ＋<span class="num">1,650</span><span class="yen">円</span><small>（税込）</small></p> <div> <span>手軽な好印象レタッチ</span> <ul> <li>小顔</li> <li>美肌補正</li> <li>目を大きく</li> <li>歯を白く</li> </ul> </div> </div> </div> <div class="row body complete"> <div class="col title">仕上がり</div> <div class="col yellow"> <div>最短当日仕上げ <ul class="p-flow__notes small"> <li>17時以降は翌日仕上げ</li> <li>データのダウンロードは通信環境などにより日数をいただく場合がございます</li> </ul> </div> </div> </div> </div> <!-- /.p-plan__table-sp --> <div class="p-plan__table-sp fadeInUp"> <div class="row head"> <div class="col title"></div> <div class="col blue">スピードプラン</div> </div> <div class="row body price"> <div class="col title">料金</div> <div class="col blue"> <div>5,500<span class="yen">円</span><small>（税込）</small></div> </div> </div> <div class="row body print"> <div class="col title"> <div>プリント<br><small>（Lサイズ）</small></div> </div> <div class="col blue">2枚</div> </div> <div class="row body transfer"> <div class="col title">スマホ<br>データ転送</div> <div class="col blue">―</div> </div> <div class="row body retouch"> <div class="col title">レタッチ<br>オプション</div> <div class="col blue">―</div> </div> <div class="row body complete"> <div class="col title">仕上がり</div> <div class="col blue"> <div>最短当日仕上げ <ul class="p-flow__notes small"> <li>17時以降は翌日仕上げ</li> </ul> </div> </div> </div> </div> </div> <!-- /.p-plan__table-sp --> </div> <!-- /.p-plan__inner --> </section> <!-- /.p-plan --> <section class="p-flow" id="flow"> <div class="p-flow__inner"> <div class="p-flow__flex"> <div class="p-flow__left"> <header class="p-flow__header"> <h2 class="p-flow__header-heading fadeInUp">撮影の流れ</h2> <p class="p-flow__header-txt fadeInUp"> 予約から来店、<br> 商品のお渡しまでのフローを<br> ご案内。 </p> </header> </div> <!-- /.p-flow__left --> <div class="p-flow__right"> <div class="p-flow__block js-flow__block fadeInUp" id="flow01"> <div class="p-flow__block-num">Flow 01</div> <h3 class="p-flow__block-heading">ご予約</h3> <div class="p-flow__block-txt"> <p> 店頭・お電話・ネットでご予約いただけます。撮影の希望日時をご予約ください。<br> スタジオではヘアメイク等は行っておりません。ご来店の前にご自身でご準備のうえ、お越しください。 </p> </div> <dl class="p-flow__block-list"> <dt>事前準備シート</dt> <dd> <ul> <li><a href="assets/docs/flow_female.pdf" target="_blank" rel="noopener">女性用</a></li> <li><a href="assets/docs/flow_male.pdf" target="_blank" rel="noopener">男性用</a></li> <li><a href="assets/docs/flow_kids.pdf" target="_blank" rel="noopener">キッズオーディション用</a></li> </ul> </dd> </dl> <span class="p-flow__line js-flow__line"></span> </div> <!-- /.p-flow__block --> <div class="p-flow__block js-flow__block fadeInUp"> <div class="p-flow__block-num">Flow 02</div> <h3 class="p-flow__block-heading">プランと背景色を選択</h3> <div class="p-flow__block-txt"> <p> 利用用途に応じてプランと背景色をお選び下さい。プランに合ったポーズをご提案させていただきます。<br> ご希望のポーズがございましたらお気軽にご相談ください。 </p> </div> <div class="p-flow__block-img01"> <img decoding="async" src="assets/img/top/flow_img01@2x.jpg" alt=""> </div> <span class="p-flow__line js-flow__line"></span> </div> <!-- /.p-flow__block --> <div class="p-flow__block js-flow__block fadeInUp"> <div class="p-flow__block-num">Flow 03</div> <h3 class="p-flow__block-heading">身だしなみ確認</h3> <div class="p-flow__block-txt"> <p> 撮影前の身だしなみチェック！<br> 髪型やジャケットの崩れ等の身だしなみを整えてください。 </p> </div> <div class="p-flow__block-img02"> <img decoding="async" src="assets/img/top/flow_img02@2x.jpg" alt=""> <img decoding="async" src="assets/img/top/flow_img03@2x.jpg" alt=""> </div> <span class="p-flow__line js-flow__line"></span> </div> <!-- /.p-flow__block --> <div class="p-flow__block js-flow__block fadeInUp"> <div class="p-flow__block-num">Flow 04</div> <h3 class="p-flow__block-heading">撮影</h3> <div class="p-flow__block-txt"> <p> スタッフが、背筋の伸びや身体の向き・顔の角度などよりよく写るようアドバイスしながら撮影します。その場で画像を確認していただき、気になる部分があればお撮り直しも可能です。 </p> </div> <div class="p-flow__block-img01"> <img decoding="async" src="assets/img/top/flow_img04@2x.jpg" alt=""> </div> <span class="p-flow__line js-flow__line"></span> </div> <!-- /.p-flow__block --> <div class="p-flow__block js-flow__block fadeInUp"> <div class="p-flow__block-num">Flow 05</div> <h3 class="p-flow__block-heading">写真選び</h3> <div class="p-flow__block-txt"> <p> 撮影後はモニターで撮影画像をご確認いただきます。<br> お好みのお写真をお選びいただけます。自然な表情のお写真がより好印象です。 </p> </div> <div class="p-flow__block-img01"> <img decoding="async" src="assets/img/top/flow_img06@2x.jpg" alt=""> </div> <span class="p-flow__line js-flow__line"></span> </div> <!-- /.p-flow__block --> <div class="p-flow__block js-flow__block fadeInUp"> <div class="p-flow__block-num">Flow 06</div> <h3 class="p-flow__block-heading">商品のお渡し</h3> <div class="p-flow__block-txt"> <h4>最短即日</h4> <p> お近くのカメラのキタムラにてお受け取りいただけます。 <small>※17時以降の注文は翌日仕上げになる可能性がございます。</small> </p> </div> <div class="p-flow__block-img01"> <img decoding="async" src="assets/img/top/flow_img07@2x.jpg" alt=""> </div> <span class="p-flow__line js-flow__line"></span> </div> <!-- /.p-flow__block --> </div> <!-- /.p-flow__right --> </div> <!-- /.p-flow__flex --> <ul class="p-flow__notes fadeInUp"> <li>お時間帯によっては、お待ちいただく場合がございます。ご希望がございましたら、事前に店舗にお問い合わせください。</li> <li>背景、小物などは店舗によってと異なる場合がございます。</li> <li>お受験用写真以外のプロフィール写真・宣材写真は1名様での撮影に限ります。複数名での撮影をご希望の場合は、プロフィール撮影のご利用はできません。スタジオマリオの通常撮影メニューをご利用ください。</li> </ul> <!-- /.p-flow__notes --> </div> <!-- /.p-flow__inner --> </section> <!-- /.p-flow --> <section class="p-faq js-faq"> <div class="p-faq__inner"> <header class="p-faq__header" id="faq"> <h2 class="p-faq__header-heading fadeInUp">FAQ</h2> <div class="p-faq__header-txt fadeInUp">よくある質問をまとめました</div> </header> <div class="p-faq__list"> <dl class="fadeInUp"> <dt class="js-toggle"> <div>当日のプロフィール・宣材写真の予約は取れますか？</div> <div class="toggle"><span></span></div> </dt> <dd> 可能です。ただし、予約状況によってはご予約をお受けできかねる場合がございますので、店舗へ直接お問い合わせをお願い致します。 <div class="p-faq__list-link p-faq__list-link--right"><a href="https://yoyaku.studio-mario.net/public/shop/index.jsp?est=1" target="_blank" rel="noopener">店舗検索はこちら</a></div> </dd> </dl> <dl class="fadeInUp"> <dt class="js-toggle"> <div>撮影した写真はいつもらえますか？</div> <div class="toggle"><span></span></div> </dt> <dd> 近隣のキタムラ店舗にて撮影後1時間以内にお渡し可能です。<br> ※17時以降のご予約の場合は仕上がりが翌日になります。 </dd> </dl> <dl class="fadeInUp"> <dt class="js-toggle"> <div>撮影した写真の美肌修正などはできますか？</div> <div class="toggle"><span></span></div> </dt> <dd> 【ワンタッチで】撮影後、すぐに美肌修正や小顔効果などのレタッチが確認できる「好印象レタッチプラン」がございます。 <div class="p-faq__list-link p-faq__list-link--top"><a href="#plan">プランの詳細</a></div> </dd> </dl> <dl class="fadeInUp"> <dt class="js-toggle"> <div>撮影時に衣装の貸し出しはありますか？</div> <div class="toggle"><span></span></div> </dt> <dd> 申し訳ございませんが、プロフィール・宣材写真用の衣装レンタルサービスはございません。お客さまご自身でご用意をお願いいたします。「準備シート」をご用意いたしましたので、撮影衣装や、当日のヘアセットについて参考にしてください。 <div class="p-faq__list-link p-faq__list-link--top"><a href="#flow01">プロフィール・宣材写真準備シート</a></div> </dd> </dl> <dl class="fadeInUp"> <dt class="js-toggle"> <div>撮影にかかる時間はどれくらいですか？</div> <div class="toggle"><span></span></div> </dt> <dd> 撮影～お会計まで 30分～1時間程度になります。お着替えなどご準備にお時間がかかる可能性がある場合は店舗にお問い合わせいただくとスムーズです。 </dd> </dl> </div> </div> <!-- /.p-faq__inner --> </section> <!-- /.p-faq --> <section class="p-reserv"> <div class="p-reserv__inner"> <a href="https://yoyaku.studio-mario.net/public/?est=1" target="_blank" rel="noopener" referrerpolicy="no-referrer-when-downgrade"> <div class="p-reserv__loop"></div> <div class="p-reserv__btn">ご予約はこちら</div> </a> </div> <!-- /.p-reserv__inner --> </section> <!-- /.p-reserv --> </main> <!-- /.l-main --> <footer class="l-footer"> <div class="p-footer"> <div class="p-footer__top"> <ul class="p-footer__top-list"> <li><a href="/"><img decoding="async" src="assets/img/common/footer_top_img01@2x.jpg" alt="スタジオマリオ"></a></li> <li><a href="https://www.kitamura.jp/" target="_blank" rel="noopener"><img decoding="async" src="assets/img/common/footer_top_img02@2x.jpg" alt="カメラのキタムラ"></a></li> </ul> <div class="p-footer__top-txt">スタジオマリオはカメラのキタムラが<br class="sp">運営するフォトスタジオです。</div> </div> <div class="p-footer__link"> <div class="p-footer__link-inner"> <ul class="p-footer__list"> <li><a href="/event/">撮影メニュー</a></li> <li><a href="/campaign/">ピックアップ</a></li> <li><a href="/service/">マリオの魅力</a></li> <li><a href="/fee/">商品・料金案内</a></li> <li><a href="/costume/">衣装一覧</a></li> <li><a href="/shooting/">撮影の流れ</a></li> <li><a href="/blogs/">店舗ブログ</a></li> <li><a href="https://yoyaku.studio-mario.net/public/?est=1" target="_blank" rel="noopener" referrerpolicy="no-referrer-when-downgrade">ネット予約</a></li> </ul> <ul class="p-footer__list"> <li><a href="/sitemap/">サイトマップ</a></li> <li><a href="https://yoyaku.studio-mario.net/public/shop/index.jsp?est=1" target="_blank" rel="noopener">店舗検索</a></li> <li><a href="https://www.kitamura.co.jp/recruit/top.html" target="_blank" rel="noopener">採用情報</a></li> <li><a href="https://www.kitamura.co.jp/info/mario.html" target="_blank" rel="noopener">会社概要</a></li> <li><a href="https://www.kitamura.co.jp/news/" target="_blank" rel="noopener">ニュースリリース</a></li> <li><a href="https://www.kitamura.co.jp/policy/privacy.html" target="_blank" rel="noopener">個人情報保護方針</a></li> </ul> </div> <!-- /.p-footer__link-inner --> <div class="p-pagetop js-pagetop"> <img decoding="async" src="assets/img/common/ico_pagetop.svg" alt=""> </div> </div> <!-- /.p-footer__link --> <div class="p-footer__copyright">© 2024, KITAMURA Co., Ltd. All Rights Reserved.</div> </div> <!-- /.p-footer --> </footer> <!-- /.l-footer --> </div> <!-- /.l-wrap --> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "FAQPage", "mainEntity": [{ "@type": "Question", "name": "当日のプロフィール・宣材写真の予約は取れますか？", "acceptedAnswer": { "@type": "Answer", "text": "可能です。ただし、予約状況によってはご予約をお受けできかねる場合がございますので、店舗へ直接お問い合わせをお願い致します。" } },{ "@type": "Question", "name": "撮影した写真はいつもらえますか？", "acceptedAnswer": { "@type": "Answer", "text": "近隣のキタムラ店舗にて撮影後1時間以内にお渡し可能です。※17時以降のご予約の場合は仕上がりが翌日になります。" } },{ "@type": "Question", "name": "撮影した写真の美肌修正などはできますか？", "acceptedAnswer": { "@type": "Answer", "text": "【ワンタッチで】撮影後、すぐに美肌修正や小顔効果などのレタッチが確認できる「好印象レタッチプラン」がございます。" } },{ "@type": "Question", "name": "撮影時に衣装の貸し出しはありますか？", "acceptedAnswer": { "@type": "Answer", "text": "申し訳ございませんが、プロフィール・宣材写真用の衣装レンタルサービスはございません。お客さまご自身でご用意をお願いいたします。「準備シート」をご用意いたしましたので、撮影衣装や、当日のヘアセットについて参考にしてください。" } },{ "@type": "Question", "name": "撮影にかかる時間はどれくらいですか？", "acceptedAnswer": { "@type": "Answer", "text": "撮影～お会計まで 30分～1時間程度になります。お着替えなどご準備にお時間がかかる可能性がある場合は店舗にお問い合わせいただくとスムーズです。" } }] } </script> <script src="//cdnjs.cloudflare.com/ajax/libs/Swiper/8.3.2/swiper-bundle.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/lazysizes/5.1.2/lazysizes.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/lazysizes/5.1.2/plugins/unveilhooks/ls.unveilhooks.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/gsap/3.11.4/gsap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/gsap/3.11.4/ScrollTrigger.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script src="assets/js/jquery.event.move.js"></script> <script src="assets/js/jquery.twentytwenty.js"></script> <script src="assets/js/common.js?14"></script> <script src="assets/js/top.js?14"></script> </div><script>var cookieConsentStyles=":root { --main-color: #477a62; --accent-color: #33ab74; --hover-text-color: #f9fcf8; --hover-bg-color: #292930; --bg-color: #f9fcf8; --icon-color: #477a62; --text-primary: #292930; --text-secondary: #477a62; --link-color: #33ab74; --link-hover: #a9e884; --success: #33ab74; --warning: #a9e884; --error: #e85c41; --primary-gradient: linear-gradient(90deg, #477a62, #33ab74); --accent-gradient: linear-gradient(90deg, #33ab74, #a9e884); --shadow-small: 0 2px 4px rgba(41, 41, 48, 0.08); --shadow-medium: 0 4px 8px rgba(41, 41, 48, 0.12); --shadow-large: 0 8px 16px rgba(41, 41, 48, 0.16); --border-radius-small: 4px; --border-radius-medium: 8px; --border-radius-large: 12px; --transition-default: 0.3s ease; --transition-fast: 0.15s ease; --transition-slow: 0.5s ease;}.cookie-consent-banner { position: fixed; bottom: 200px; left: 0; right: 0; background-color: var(--bg-color); box-shadow: var(--shadow-large); padding: 1.5rem; z-index: 9999; display: none; flex-direction: column; max-width: 100%; border-top: 3px solid var(--main-color);}.cookie-consent-banner h3 { margin-top: 0; margin-bottom: 1rem; font-size: 1.25rem;}.cookie-consent-banner p { margin-bottom: 1.5rem; font-size: 0.9rem; line-height: 1.4;}.cookie-consent-options { display: flex; flex-wrap: wrap; gap: 1rem; margin-bottom: 1.5rem;}.cookie-consent-options label { display: flex; align-items: center; gap: 0.5rem; font-size: 0.9rem; cursor: pointer;}.cookie-consent-buttons { display: flex; gap: 1rem; flex-wrap: wrap;}.cookie-consent-button { padding: 0.5rem 1rem; border-radius: var(--border-radius-small); font-weight: 500; cursor: pointer; transition: var(--transition-default); border: none; font-size: 0.9rem;}.cookie-consent-button:hover { transform: scale(1.05);}.btn-success { background-color: var(--success); color: white;}.btn-outline { background-color: transparent; border: 1px solid var(--main-color); color: var(--main-color);}.btn-outline:hover { background-color: var(--hover-bg-color); color: var(--hover-text-color);}.btn-grayscale { background-color: #e0e0e0; color: var(--text-primary);}@media (min-width: 768px) { .cookie-consent-banner { max-width: 800px; margin: 0 auto; right: 0; left: 0; bottom: 1rem; border-radius: var(--border-radius-medium); border: 1px solid rgba(0,0,0,0.1); border-top: 3px solid var(--main-color); }}"; window.dataLayer=window.dataLayer||[];localStorage.getItem("consentMode")===null?window.dataLayer.push({event:"default_consent",consent_mode:{functionality_storage:"denied",security_storage:"denied",ad_storage:"denied",ad_user_data:"denied",ad_personalization:"denied",analytics_storage:"denied",personalization_storage:"denied"},wait_for_update:500}):window.dataLayer.push({event:"default_consent",consent_mode:JSON.parse(localStorage.getItem("consentMode"))});window.onload=function(){function c(){return navigator.doNotTrack=="1"||window.doNotTrack=="1"}function d(){var a=JSON.parse(window.localStorage.getItem("consentMode"));a&&a.functionality_storage&&(a.functionality_storage=="granted"?(document.querySelector("#consent-necessary").checked=!0,document.querySelector("#consent-necessary").disabled=!0):(document.querySelector("#consent-necessary").checked=!1,document.querySelector("#consent-necessary").disabled=!1),document.querySelector("#consent-analytics").checked=a.analytics_storage=="granted"?!0:!1,document.querySelector("#consent-preferences").checked=a.personalization_storage=="granted"?!0:!1,document.querySelector("#consent-marketing").checked=a.ad_storage=="granted"?!0:!1,document.querySelector("#consent-partners").checked=a.ad_personalization=="granted"?!0:!1);e.style.display="flex"}function b(){e.style.display="none"}function f(a){a={ad_storage:a.marketing&&!c()?"granted":"denied",analytics_storage:a.analytics&&!c()?"granted":"denied",ad_user_data:a.marketing&&!c()?"granted":"denied",ad_personalization:!a.partners||navigator.globalPrivacyControl||window.globalPrivacyControl?"denied":"granted",functionality_storage:a.necessary?"granted":"denied",personalization_storage:a.preferences?"granted":"denied",security_storage:a.necessary?"granted":"denied"};window.cookieconsent.consentMode=a;window.dataLayer.push({event:"update_consent",consent_mode:a});localStorage.setItem("consentMode",JSON.stringify(a))}var g=document.createElement("style");g.textContent=cookieConsentStyles;document.head.appendChild(g);g='<div id="cookie-consent-banner" class="cookie-consent-banner"><h3>このウェブサイトはクッキーを使用しています</h3><p>当サイトでは、コンテンツやお知らせの個別化、ソーシャルメディア機能の提供、トラフィックの分析のためにクッキーを使用しています。また、お客様のサイト利用状況に関する情報を、ソーシャルメディア、広告、分析のパートナーと共有する場合があります。これらのパートナーは、お客様が当社のサービスを利用する際に提供された、または収集された他の情報と組み合わせることがあります。</p><div class="cookie-consent-options"><label><input id="consent-necessary" type="checkbox" value="Necessary" checked disabled>必要なクッキー</label><label><input id="consent-analytics" type="checkbox" value="Analytics" checked>分析用クッキー</label><label><input id="consent-marketing" type="checkbox" value="Marketing" checked>マーケティング用クッキー</label><label><input id="consent-preferences" type="checkbox" value="Preferences" checked>設定用クッキー</label><label><input id="consent-partners" type="checkbox" value="Partners">パートナー用クッキー</label></div><div class="cookie-consent-buttons"><button id="cookie-consent-btn-reject-all" class="cookie-consent-button btn-grayscale">すべて拒否</button><button id="cookie-consent-btn-accept-some" class="cookie-consent-button btn-outline">選択を受け入れる</button><button id="cookie-consent-btn-accept-all" class="cookie-consent-button btn-success">すべて受け入れる</button></div></div>';document.body.insertAdjacentHTML("beforeend",g);var e=document.body.lastElementChild;window.cookieconsent={show:d,hide:b};e&&(Array.from(document.querySelectorAll(".cookie-consent-banner-open")).map(function(a){a.addEventListener("click",function(){d()})}),window.localStorage.getItem("consentMode")?b():d(),e.querySelector("#cookie-consent-btn-accept-all").addEventListener("click",function(){f({necessary:!0,analytics:!0,preferences:!0,marketing:!0,partners:!0});b()}),e.querySelector("#cookie-consent-btn-accept-some").addEventListener("click",function(){f({necessary:!0,analytics:document.querySelector("#consent-analytics").checked,preferences:document.querySelector("#consent-preferences").checked,marketing:document.querySelector("#consent-marketing").checked,partners:document.querySelector("#consent-partners").checked});b()}),e.querySelector("#cookie-consent-btn-reject-all").addEventListener("click",function(){f({necessary:!0,analytics:!1,preferences:!1,marketing:!1,partners:!1});b()}))};</script></body> </html>